/*
* main :    #ff7900
* variant : #f16e00
* extra :   #595959
* almost :  #f4f4f4
*/

html, body
  { background-color: #ffffff !important; }
*
  { color: #000000; }
div#loading-wait
  { background-color: rgba(0, 0, 0, .8); }
  
div#page-background
  { position: fixed !important; backdrop-filter: none !important; filter: blur(0); -moz-filter: blur(0); }
div#page-background::before
  { background-color: #000000 !important; opacity: .5 !important; }
div#page-background::after
  { background: linear-gradient(transparent 0%, #f16e00 75%) !important; }

header
  { background-color: #000000 !important;}
header div#header-logo a img
  { height: 1.5em; }
header div#header-menu div#header-menu-nav nav ul li a
  { text-transform: capitalize; }
header div#header-menu div#header-menu-nav nav ul li a:hover
  { opacity: 1 !important; color: var(--color-main) !important; }
header div#header-actions div.header-actions-toggle span.text-title
  { display: none !important; }
header div#header-actions div.header-actions-container div.header-actions-list,
header div#header-actions div.header-actions-container div.header-actions-list ul li a:not(.current):hover
  { background-color: #141414 !important; }
header div#header-actions div.header-actions-container div.header-actions-list ul li a
  { padding: .75em 1em; }
header div#header-actions div.header-actions-container div.header-actions-list ul li a:hover
  { opacity: 1 !important; }
header div#header-actions div.header-actions-container div.header-actions-list ul li a:hover span
  { color: var(--color-main) !important; }
header div#header-actions div.header-actions-container.open div.header-actions-toggle
  { background-color: #141414 !important; }
header div#header-menu div#header-menu-nav nav ul li:first-child
  { display: none !important; }
@media (max-width: 680px) {
  header div#header-actions
    { text-align: left !important; }
  header.header-4 div#header-container div#header-actions div.header-actions-container,
  header.header-5 div#header-container div#header-actions div.header-actions-container
    { width: 60px !important; }
  header.header-4 div#header-container div#header-actions div#header-actions-menu
    { margin-right: calc(100% - 240px) !important; }
  header.header-5 div#header-container div#header-actions div#header-actions-menu
    { margin-right: calc(100% - 300px) !important; }
}

section#top div#top-container
  { max-width: 1160px !important; padding: 0 2em !important; }
section#top div#top-title h1
  { color: #ffffff !important; text-shadow: none !important; text-align: left !important; text-transform: none !important; }
section#top.front
  { padding-top: 6em; }
section#top.front div#top-title h1 span
  { color: #ff7900; }
section#top div#top-title h1::after
  { display: none !important; }
section#top div#top-slogan
  { display: none !important; }
section#top div#top-breadcrumb
  { text-shadow: none !important; }
section#top div#top-breadcrumb span
  { color: #ffffff !important; }
section#top div#top-breadcrumb span + span::before
  { color: #ffe2c9 !important; }
section#top div#top-breadcrumb span a
  { color: #f4f4f4 !important; }
section#top div#top-breadcrumb span a:hover
  { color: #ffffff !important; }
@media (max-width: 940px) {
  section#top div#top-breadcrumb span:nth-last-child(2)::before {
    color: #ffe2c9 !important;
  }
}
@media (max-width: 480px) {
    section#top div#top-container
    { padding: 0 1.5em !important; }
}

footer
  { background-color: #000000 !important; border-top: 1px solid #555555 !important; }
footer div#footer-menu ul li a
  { text-transform: capitalize; }
footer div#footer-menu ul li a:hover
  { opacity: 1 !important; color: var(--color-main) !important; }
footer div#footer-menu-separator
  { background-color: #555555 !important; height: 1px !important; border-radius: 0 !important; }
footer div#footer-baseline
  { background-color: #000000 !important; border-top: 1px solid #555555 !important; }
footer div#footer-social a img
  { filter: brightness(0) invert(1) !important; opacity: 1 !important; }
footer div#footer-social a:hover img
  { opacity: .7; }

/*
* contents
*/

div#banner-container div#banner-content div#banner-file
  { border-color: #000000 !important; }
div#banner-container div#banner-content div#banner-legend
  { font-style: normal !important; color: #000000 !important; }
div#node-article-infos div#node-article-infos-date
  { color: #000000 !important; }
div#node-article-infos div#node-article-infos-author
  { font-style: normal !important; }

div#content-header div#content-header-container
  { color: #000000 !important; font-size: 1.2em; line-height: 1.2em; }
div#content-header div#content-header-container::after
  { width: 50px !important; height: 4px !important; background-color: var(--color-main) !important; border-radius: 0 !important; }
  
a.esp-card div.esp-card-labels div.esp-card-label span
  { text-transform: capitalize; }
a.esp-card.esp-card-page div.esp-card-labels div.esp-card-label
  { display: none !important; }
a.esp-card.esp-card-article div.esp-card-labels div.esp-card-label
  { background-color: #000000 !important; }
a.esp-card div.esp-card-separator
  { width: 50px !important; height: 4px !important; border-radius: 0 !important; }
a.esp-card.esp-card-page div.esp-card-separator,
a.esp-card.esp-card-article div.esp-card-separator
  { background-color: #ffffff !important; }

div#tags-list a,
div#node-article div#node-article-infos div#node-article-infos-tags a
  { line-height: 22px; border: 2px solid #CCCCCC !important; background-color: #ffffff !important; color: #000000 !important; padding: .35em 1em !important; border-radius: calc(12px + 2px + .35em); }
div#tags-list a:hover,
div#node-article div#node-article-infos div#node-article-infos-tags a:hover
  { border-color: #000000 !important; }
div#tags-list a.back
  { padding: .35em .35em .35em 1em !important; }
div#tags-list a img
  { display: inline-block; margin-left: .5em; width: 24px; height: 24px; padding: 4px; border-radius: 12px; background-color: #ffffff !important; }
div#tags-list a:hover img
  { filter: invert(1); }
div#node-article-infos-author
  { display: none !important; }

ul#page-tabs
  { background-color: #ffffff !important; border-bottom: 1px solid #cccccc !important; }
ul#page-tabs li
  { position: relative; background-color: transparent !important; }
ul#page-tabs li a
  { }
ul#page-tabs li a img
  { filter: brightness(0) !important; opacity: 1 !important; }
ul#page-tabs li a span
  { color: #000000 !important }
ul#page-tabs li.active::after
  { position: absolute; content: ""; width: 100%; height: 4px; background-color: var(--color-main); left: 0; bottom: 0; }
ul#page-tabs li a:hover img
  { filter: invert(51%) sepia(42%) saturate(3588%) hue-rotate(0deg) brightness(102%) contrast(106%) !important; }
ul#page-tabs li a:hover span
  { color: var(--color-main) !important; }

a.node-tournament-infos-stage
  { border: 1px solid #cccccc !important; background-color: #f4f4f4 !important; }
a.node-tournament-infos-stage:hover
  { background-color: #ffffff !important; }
a.node-tournament-infos-stage div.node-tournament-infos-stage-column-label
  { color: #000000 !important; font-size: .6em !important; }
a.node-tournament-infos-stage div.node-tournament-infos-stage-column-value
  { color: #000000 !important; font-weight: bold !important; }

div.round-robin-group-table table thead,
div.round-robin-group-table table thead tr,
div.round-robin-group-table table thead tr th
  { background-color: #000000 !important; border-color: #000000 !important; text-transform: none !important; }
div.round-robin-group-table table thead tr th span
  { color: #ffffff; }
div.round-robin-group-table table thead tr th::before,
div.round-robin-group-table table thead tr th::after
  { background-color: #000000 !important; }
div.round-robin-group-table table thead tr + tr th span
  { font-style: normal !important; }
div.round-robin-group-table table tbody tr[rel="qualified"] td
  { background-color: rgba(var(--color-rgb-main), 1) !important; }

div#login-page-disclaimer
  { background-color: #f4f4f4; padding: 1.5rem; margin: 0 -1.5rem -1.5rem -1.5rem; width: calc(100% + 3rem); }
@media (max-width: 480px) {
  div#login-page-disclaimer
    { margin: 0 -1rem -1.5rem -1rem; width: calc(100% + 2rem); }
}

div#lds-cmp-content div#lds-cmp-content-logo img
  { width: 80px !important; height: auto; }
div#lds-cmp-content p.step1-not-hidden b:first-child
  { font-size: 1.4em; }

div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-text a,
div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-links div.lds-cmp-content-link a,
div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-nav a
  { color: #000000 !important; }
  div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-text a:hover,
div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-links div.lds-cmp-content-link a:hover,
div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-nav a:hover
  { color: var(--color-main) !important; }  
div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-buttons button,
div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-cookies div.lds-cmp-content-cookie
  { border-radius: 0 !important; text-transform: none !important; }
div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-buttons div.lds-cmp-content-button button.agree
  { color: #000000 !important; }
div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-buttons div.lds-cmp-content-button button.agree:hover
  { background-color: #000000 !important; color: #ffffff !important; opacity: 1 !important; border-color: #000000 !important; }
div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-buttons div.lds-cmp-content-button button.action,
div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-buttons div.lds-cmp-content-button button.disagree
  { color: #000000 !important; border-color: #000000 !important; }
div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-buttons div.lds-cmp-content-button button.action:hover,
div#lds-cmp-container div#lds-cmp-content div#lds-cmp-content-buttons div.lds-cmp-content-button button.disagree:hover
  { background-color: #000000 !important; color: #ffffff !important; opacity: 1 !important; }

/*
* texts
*/
  
div.formatted-text p
  { color: #000000 !important; font-weight: 400; font-size: 0.9rem; letter-spacing: -0.01rem; }
div.formatted-text p b,
div.formatted-text p strong
  { font-weight: 700; }
div.formatted-text ul
  { list-style-type: square; }

* + div.pg.pg-h2
  { margin-top: 2.0rem; }
* + div.pg.pg-h3
  { margin-top: 1.6rem; }
* + div.pg.pg-h4
  { margin-top: 1.4rem; }
* + div.pg.pg-h5
  { margin-top: 1.2rem; }
* + div.pg.pg-h6
  { margin-top: 1.0rem; }

div.pg.pg-h2 h2,
div.pg.pg-h3 h3,
div.pg.pg-h4 h4,
div.pg.pg-h5 h5,
div.pg.pg-h6 h6
  { color: #000000 !important; line-height: 1em; font-weight: 700; }

div.pg.pg-h2 h2::after,
div.pg.pg-h3 h3::after,
div.pg.pg-h4 h4::after,
div.pg.pg-h5 h5::after,
div.pg.pg-h6 h6::after
  { display: none !important; }

div.pg.pg-h2 h2
  { font-size: 1.7rem; letter-spacing: -0.05rem; }
div.pg.pg-h3 h3
  { font-size: 1.4rem; letter-spacing: -0.03rem; }
div.pg.pg-h4 h4
  { font-size: 1.2rem; letter-spacing: -0.01rem; }
div.pg.pg-h5 h5
  { font-size: 1.0rem; letter-spacing: -0.01rem; }
div.pg.pg-h6 h6
  { font-size: 0.9rem; letter-spacing: -0.01rem; text-transform: uppercase; }

/*
* radius & shadows
*/
a.esp-card,
section#content div#content-container,
section#content div.page-block-banner,
ul#page-tabs, ul#page-tabs li.page-tabs-item, ul#page-tabs li.page-tabs-item.active,
div#node-tournament-infos-stages a.node-tournament-infos-stage,
div.round-robin-group-table tr, div.round-robin-group-table tr th,div.round-robin-group-table td,
div.round-robin-match-container div.round-robin-match-container-match,
div.bracket-content div.bracket-content-column div.bracket-content-column-container div.bracket-content-column-container-match
  { border-radius: 0 !important; box-shadow: none !important; }


/*
* forms
*/

div.form-item,
div.field--widget-datetime-default,
div.field--widget-datetime-timestamp,
div.field--widget-datetime-timestamp-no-default
  { margin: 0 0 1.5em 0; }

div.fieldset-wrapper div.description,
div.form-item div.description,
div.form-item-description,
div.field--widget-datetime-default div[data-drupal-field-elements="description"],
div.field--widget-datetime-timestamp div[data-drupal-field-elements="description"],
div.field--widget-datetime-timestamp-no-default div[data-drupal-field-elements="description"],
div.password-strength__title, div.password-suggestions, div.password-confirm-message,
div.form-item + p
  { font-style: normal; font-weight: bold; color: #666666 !important; }

div.form-item input:not(.button),
div.form-item textarea,
div.form-item input:not(.button):focus,
div.form-item textarea:focus,
div.form-item select,
div.autocomplete-deluxe-container,
div.autocomplete-deluxe-container.autocomplete-deluxe-multiple
  { color: #000000 !important; border-radius: 0; border: 2px solid #cccccc; }
div#node-tournament-selector-content div.form-item select
  { color: #ffffff !important; }

fieldset legend span.form-required::after,
div.fake-fieldset div.fake-legend span.form-required::after,
div.form-item label.form-required::after,
div.form-wrapper h4.form-required::after
  { color: #f16e00 !important; margin-left: .25em !important; }

  
div.horizontal-tabs ul.horizontal-tabs-list li.selected a strong,
div.horizontal-tabs ul.horizontal-tabs-list + div > details.field-group-tab > summary
  { color: #000000; }
div.horizontal-tabs ul.horizontal-tabs-list li a strong.form-required::after
  { color: #f16e00 !important; }

div.form-item + div.form-item.js-form-type-checkbox input:checked
  { background-color: var(--color-main); }

section#content:not(.content-manager) div.form-actions
  { text-align: left !important; }
input.button, a.button
  { font-size: .8em; padding: .75em 1em; box-shadow: none; text-transform: none; border-radius: 0; font-weight: bold; color: #000000 !important; }
input.button::first-letter, a.button::first-letter
  { text-transform: uppercase; }
input.button:hover, a.button:hover
  { opacity: 1 !important; background-color: #000000 !important; color: #ffffff !important; }
.button.button-blank::after
  { background-image: url("../images/icons/external-link.svg") !important; }
