body {
    background-image: url(https://www.s50static.com/cms/img/elements/4143_bg.jpg?v=1629189515);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
background-color: ;
}
.change-lang,
#header {
    background: #E5A100;
}


    @font-face {
        font-family: SparTakus;
        src: url(/fonts/SparTakus.ttf);
    }

    #header h1{
        font-family: SparTakus;
        font-style: normal !important;
    }


#header h1{
            color: #000000 !important;
    }

@media (min-width: 1200px) {
	.change-lang,
    #header {
		background: #E5A100;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #E5A100 25%, #E5A100 75%, rgba(255, 255, 255, 0) 100%) !important;
        background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #E5A100 25%, #E5A100 75%, rgba(0, 0, 0, 0) 100%) !important;
        background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, #E5A100 25%, #E5A100 75%, rgba(255, 255, 255, 0) 100%) !important;
    }
}


    .grid-stack-item-content:not(.gs-photo):not(.gs-page-divider),
    .gallery__view-visitor,
    .single-video-container,
    .gallery-pictures__visitor,
    .game-result__visitor,
    .calendar__event,
    .player_profile-page,
    .staff_profile-page,
    .calendar__event__website,
    .news-article-container .news-article{
        background-color: rgba(255,255,255, 0.75) !important;
    }

    .showResults{
        background-color: transparent;
    }

    .upcoming-calendar__element:not(:last-of-type),.gs-results .results__game{
        border-bottom: 1px solid darkgrey !important;
    }

    .upcoming-calendar__time{
        border-right: 1px solid darkgrey !important;
    }

    .gs-news > .content,
    .gs-player-stats table,
    .gs-player-stats table tr,
    .gs-page-divider,
    .gs-results .results__game-link,
    .gs-stats .main,
    .gs-stats .main tr,
    .gs-roster .roster,
    .gs-roster .roster tr,
    .gs-roster .staff,
    .gs-roster .staff tr,
    .galleryItem,
    #standings,
    #standings .line,
    .game-result__infos tr,
    .stats .game-result__team-column .table,
    .gs-upcomings .upcoming-calendar{
        background: transparent !important;
    }

    h2 + .date,
    .game-result__visitor,
    .gs-game-box .score-container,
    .gs-upcoming-games .upcoming-games__tab,
    .gs-upcoming-games .prevWnextG,
    .gs-upcoming-games .nextWnextG,
    .gs-upcoming-games .prevWprevG,
    .gs-upcoming-games .nextWprevG,
    .gs-upcoming-games .leagueInfos,
    .gs-upcoming-games .passed-games,
    .gs-upcoming-games .noNextGames,
    .gs-gallery,
    .gs-game-box .game-box__dropdown-title,
    .gs-game-box .versus,
    .gs-player-stats .noStats,
    .gs-player-stats .leagueInfos,
    .gs-player-stats table,
    .gs-shopPreview,
    .gs-standings-box .leagueInfos,
    .gs-standings-box .schedule,
    .gs-stats .main,
    .gs-stats .statsLegendsContainer,
    .gs-standings .statsLegendsContainer,
    .gs-standings-box .statsLegendsContainer,
    .gs-html,
    .gs-text > div,
    .gs-forms legend,
    .gs-forms label,
    .grid-stack-item-content .currentlySelectedElement,
    .grid-stack-item-content p:not(.calendarGameVersus):not(.noCustomCSS),
    .grid-stack-item-content a:not(.noCustomCSS),
    .grid-stack-item-content ul > li,
    .grid-stack-item-content ol > li,
    .grid-stack-item-content .teamNameAndSeasonSelect .teamName,
    .grid-stack-item-content .teamNameAndSeasonSelect .leagueName,
    .grid-stack-item-content .leagueNameAndSeasonSelect .leagueName,
    .liveticker .player-link,
    .news-docs-container a,
    .paginationContainer > .pagination a,
    .gs-otherClubs,
    .gs-roster .roster,
    .gs-roster .staff,
    .gs-sponsor-preview .sponsor-name,
    .gs-sponsor-preview .no-sponsors,
    .gs-sponsors .shoutouts,
    .staff_profile-page .staff__infos,
    .player_profile-page,
    #standings .tableCell,
    .stats .player-link{
        color: black;
    }

    .news-article-description a {
              color: black;
          }

    .s50-game-summary__action-logo {
        filter: invert(1);
    }

    .news-article-author-colors {
        color: #0B1F40;
    }

    .gs-shopPreview .singleShopItem-availableColors {
        border-bottom: 2px solid #e2e0e2;
    }

    #standings .line{
        color: #434b5b !important;
    }

    #standings :not(.firstLine) .tableCell,
    .gs-otherClubs .separator,
    .gs-player-stats .main td,
    .gs-stats .main td{
        border-bottom: 2px solid rgba(67, 75, 91, 0.6) !important;
    }


/* ------------------------------------------------------------------------------------------------------------------ */

/*
* Elements Manager extracted CSS
*/

/* primary color */
.grid-stack-item-content h2:not(.noCustomCSS) {
                        color: black !important;
            }

/*.grid-stack-item-content a.button,
.grid-stack-item-content a.addButton,
.grid-stack-item-content a.saveButton,
.grid-stack-item-content a.neutralButton,*/
.grid-stack-item-content .prettySelectors a.ui-button:not(.ui-state-active),
.prettySelectors .grid-stack-item-content a.ui-button:not(.ui-state-active),
.grid-stack-item-content a.darkNeutralButton,
.grid-stack-item-content .prettySelectors a.ui-button.ui-state-active,
.prettySelectors .grid-stack-item-content a.ui-button.ui-state-active,
.grid-stack-item-content a.upgradeButton {
    border: 2px solid #E5A100;
    color: #E5A100;
}

/*.grid-stack-item-content a.button:hover,
.grid-stack-item-content a.addButton:hover,
.grid-stack-item-content a.saveButton:hover,
.grid-stack-item-content a.neutralButton:hover,*/
.grid-stack-item-content .prettySelectors a.ui-button:hover:not(.ui-state-active),
.prettySelectors .grid-stack-item-content a.ui-button:hover:not(.ui-state-active),
.grid-stack-item-content a.darkNeutralButton:hover,
.grid-stack-item-content .prettySelectors a.ui-button.ui-state-active:hover,
.prettySelectors .grid-stack-item-content a.ui-button.ui-state-active:hover,
.grid-stack-item-content a.upgradeButton:hover {
    background: #E5A100;
}

.gs-game-box .date {

            color: black !important;
    }

.gs-standings-box footer a,
.gs-standings footer a {
    color: #E5A100;
}

.gs-sponsors .category-name {
    background: #061c00;
}

.gs-calendar .calendar th {
    background: #061c00;
	color: white;
}

.gs-fan-group h4 {
    color: #E5A100;
}

.primary-text {
    color: #E5A100;
}

.gs-tip-game .versus {
    color: #061c00;
}

.gs-standings-box tr:nth-child(2),
.gs-standings tr:nth-child(2) {
    color: #061c00;
}

.gs-standings-box .table .standings__current-team,
.gs-standings .table .standings__current-team,
.gs-standings-box .table .standings__current-team a ,
{
    color: #061c00;
}

.gs-standings-box .age-group,
.gs-standings-box .season,
.gs-standings .age-group,
.gs-standings .season {
    color: #061c00;
}

.gs-tip-game-standings tr:nth-child(2) {
    color: #061c00;
}

.gs-calendar .calendar th.today,
.gs-calendar .calendar td.today {
    background: #061c00;
}

.gs-calendar .versus {
    color: #061c00;
}

.gs-calendar .event-date {
    background: #061c00;
	color: white;
}

.gs-fan-group h4 .number {
    color: #061c00;
}

.game-box__dropdown-trigger{
            background-color: #061c00 !important;
        color: white !important;
    }


/* when clicking on gamebox elt link => game results page */

.single-game-teamname{
	color: white;
}

.upcoming-games__title{
                        color: black !important;
            }

.upcoming-games__see-more-button, .gs-gallery-preview .button, .gs-videos-preview .button, .gs-shopPreview .button, .watchMoreVideos .button{

            background: #061c00 !important;
        color: white !important;
    }

.upcoming-games__tabs{
                        border-bottom: 1px solid black !important;
            }

.upcoming-games__tab + .upcoming-games__tab{
                        border-left: 1px solid black !important;
            }

.upcoming-games__tab--active{

            background-color: #061c00;
        color: white;
    }

.gs-upcoming-games .navButtons .neutralButton{
                        border-bottom: 2px solid black !important;
            }

.gs-link__icon{
    	    background-color: #061c00;
    }

.gs-link__icon svg *{
    	    stroke: white;
    }

.video-wrapper__play{
            background-color: #061c00;
    }

.video-wrapper__play:hover{
	transform: scale(1.2);
}


.video-wrapper__play svg *{
	fill: white;
	stroke: white;
}

.gs-forms h3{
                        color: black !important;
            }

.gs-forms input[type=submit]{
            background: #061c00 !important;
        color: white !important;
    }

.gs-upcomings h3{
                        color: black !important;
            }

.gs-roster .neutralButton,
.gs-otherClubs .neutralButton{
            background-color: #061c00 !important;
        color: white !important;
    }

.gs-roster > div > .forAdmins{
            background-color: #061c00 !important;
        color: white !important;
    }

.gs-roster .rosterPlayerBasicInfo,.rosterStaffBasicInfo{
            background-color: #061c00 !important;
    }

.gs-roster .rosterPlayerJerseyNumber,.rosterPlayerFullName,.rosterStaffFullName{
            color: white !important;
    }

.gs-roster .withJerseyNumber{
            border-left: 2px solid white !important;
    }

.grid-stack-item-content .teamElementsSelected{
            border-bottom : 2px solid white !important;
        font-weight : bold;
}

#nowFake{
            background-color: #061c00 !important;
        color: white !important;
    }

.open_iCalendar .neutralButton{
            background-color: #061c00 !important;
        color: white !important;
    }

.paginationContainer > .pagination strong {
            background-color: #061c00 !important;
        color: white !important;
        border: 1px solid #061c00 !important;
    }

.s50-game-summary__action-time--custom {
    background-color:  !important;
    color : black;
}

.s50-game-summary__action-time--custom .s50-game-summary__action-logo {
            filter: invert(1) !important;
    }


/*
* Navigation & time line extracted CSS
*/
/*.custom-header__website-name h1 {
    font-family: SourceSansPro-BoldItalic;
    font-size: 1.5em;
    text-shadow: 0px 0px 5px black;
    color: white;
}*/

.custom-header__user-name.navColorContrast {
    color: white;
}

.custom-header__user-name.headerColorContrast {
    color: black;
}

.general-nav{
	background: #061c00;
}

@media screen and (min-width: 1200px){
	.general-nav{
		background: transparent;
	}
}

.general-nav-toggle--close {
    background-color: #061c00;
}

.general-nav-toggle svg * {
    fill: white;
}

.general-nav-toggle--close svg * {
    stroke: white;
}

.general-nav__mobile-button {
    background: #061c00;
}

.general-nav__mobile-button svg * {
            stroke: white;
    }

.general-nav__back-button {
    background-color: #061c00;
}

.general-nav__back-button-text {
            color: white;
    }

.general-nav-container{
    background: #061c00;
}

.video-gallery__infos{
            background-color: #061c00 !important;
        color: white !important;
    }

/* get from next file: www/sass/cms/page.scss  $menuBreakpoint: 1200px; */
@media screen and (min-width: 1200px) {
    .general-nav-container {
		background: #E5A100;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #061c00 25%, #061c00 75%, rgba(255, 255, 255, 0) 100%) !important;
        background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #061c00 25%, #061c00 75%, rgba(0, 0, 0, 0) 100%) !important;
        background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #061c00 25%, #061c00 75%, rgba(0, 0, 0, 0) 100%) !important;
        background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, #061c00 25%, #061c00 75%, rgba(255, 255, 255, 0) 100%) !important;
    }

}

.sub-pages-container{
    background-color: #061c00 !important;
}

@media screen and (min-width: 1200px){
    .sub-pages-container{
            background-color: white !important;
        }

    .sub-pages-container--top{
        border: 1px solid #061c00;
        border-top: 0px !important;
    }
}

.general-nav__slide-buttons svg *{
	stroke: white;
}

.general-nav__link{
            color: white !important;
    }

.sub-pages-container .general-nav__link{
            color: white !important;
    }

@media screen and (min-width: 1200px){
    .sub-pages-container .general-nav__link{
        color: #061c00 !important;
    }
}


@media screen and (min-width: 1200px){
    .page:hover,
    .mainNavPageHover{
                    background-color: white;
            }
}

@media screen and (min-width: 1200px){
    .sub-pages-container .page:hover{
        background-color: #061c00 !important;
    }
}

@media screen and (min-width: 1200px){
    .page:hover .general-nav__link:first-of-type,
    .page:hover .general-nav__link--child:first-of-type,
    .mainNavPageHover .general-nav__link:first-of-type{
        color : #061c00 !important;
    }
}

@media screen and (min-width: 1200px){
    .sub-pages-container .page:hover .general-nav__link:first-of-type,
    .sub-pages-container .page:hover .general-nav__link--child:first-of-type{
                    color: white !important;
            }
}



body #mainContainer #timelineContainer .timelineElement:not(.timelineElementGame) .elementContainer .elementHead .elementTitle,
body #ajaxContainer #carouselContainer .ajaxElement .elementContainer .elementHead .elementTitle {
    color: #E5A100;
}

#mainContainer #timelineContainer .timelineElement .elementContainer .elementHead .elementSubtitle{
    color: #061c00;
}

body #ajaxContainer #carouselContainer .ajaxElement .elementContainer .elementHead .standingSeason,
body #mainContainer #timelineContainer .timelineElement .elementContainer .elementHead .standingSeason{
    color: #061c00;
}

#mainContainer #timelineContainer .timelineElement.timelineElementSocialconnect .club-name {
    color: #061c00}

.elementSingleButton{

            background-color: #061c00 !important;
        color: white !important;
    }

#mainContainer #timelineContainer .timelineElement.timelineElementBecomeFan .fanText span:first-of-type{
    color: #E5A100;
}

#mainContainer #timelineContainer .timelineElement.timelineElementBecomeFan .fanText span:nth-of-type(2){
    color: #061c00;
}

/*not needed ?*/

/*.livicon-evo-holder svg * {
    stroke: white;
}*/

#mainContainer #timelineContainer .timelineElement.pinned{
    border-color: #E5A100;/* to define */
}

.birthdayFname,
#ajaxContainer #carouselContainer .ajaxElement .elementContainer .elementHead .elementSubtitle.birthdayAge,
#mainContainer #timelineContainer .timelineElement .elementContainer .elementHead .elementSubtitle.birthdayAge{
    color: #E5A100;
}

.birthdayLname {
    color: #061c00;
}

.verticalLine {
    background-color: #E5A100;
}

#mainContainer #timelineContainer .timelineElement.small.elementLeft::after,
#mainContainer #timelineContainer .timelineElement.medium.elementLeft::after,
#mainContainer #timelineContainer .timelineElement.small.elementRight::before,
#mainContainer #timelineContainer .timelineElement.medium.elementRight::before {
    background-color: #E5A100;
}

.page-background{
    /*background-image: url(/img/start/bg/background_aikido.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;*/
}

/* timeline time travel buttons*/

.timeline__to-the-past,
.timeline__to-the-future{
	background: #061c00;
}

.timeline__to-the-past svg *,
.timeline__to-the-future svg *{
	stroke: white;
}

.gs-sponsors .category-name{
	color: white;
}

/* timeline pin button */

.pinElement{
	background-color: #061c00;
}

.pinElement svg *{
	stroke: white}

.addButton svg *{
	stroke: #fff !important;
}

/* Custom styles for quizz submission button */

.button--submit-quizz{
            background-color: #061c00;
        color: white;
    }

.gs-quizz .showResults .neutralButton{
            background-color: #061c00;
        color: white;
    }

/* Custom style for result page */

@media only screen and (max-width: 600px) {
    #game-result th {
        background-color: #061c00;
        color: white;
    }
}