@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');


:root {
    --body-font-family: 'Arial', sans-serif;
    --bs-font-sans-serif: 'Lato', sans-serif;
    --bs-body-font-family: 'Lato', sans-serif;
    --heading-font-family: 'Lato', sans-serif;
}


    main#site-main { background:#e3e3e3 }
    main#site-main:before { display:none }

    .sec-aotw .component-aotw.layout-bio .player-details .player-bio .synopsis a { color:#fff }
    .sec-aotw .component-aotw.layout-bio .player-details .player-bio a.player-name { pointer-events:one; font-size:1.2rem}


    .section.sec-countdown .container { background:var(--bs-primary)}
    .section.sec-countdown .component-countdown .contents:before { background:var(--bs-secondary)}
    .section.sec-countdown .component-countdown .details { color:#fff }
    .section.sec-countdown .component-countdown .details .details-2 .teams .team span.team-name, .section.sec-countdown .component-countdown .details .details-2 .teams span.vs-at-indicator { margin:0 }
    .section.sec-countdown .component-countdown .details .details-2 .teams span.vs-at-indicator { display:none }
    
    .component-parallax .layout-wrapper, .parallax, .component-parallax { min-height: 80vh }
    
    .sec-aotw .component-aotw.layout-bio .slick-slider .btn.slick-pp,
    .sec-aotw .component-aotw.layout-bio .slick-slider .slick-arrow { background:#fff; color:var(--bs-primary)} 

    .gallery .component-gallery .page-details,
    .more-news .layout-grid .page-details { background:var(--bs-primary)!important }

    .social-stream .component-social .social-widgets .item .social-widgets-wrap { background:none!important }
    .social-stream .social-embed-content { background:#fff }
    
    .footer-logos { display:none }
    .site-footer { background:#000; color:#fff!important }
    #site-footer ul.nav a.nav-link,
    #site-footer .footer-details .text { color:#fff}
    .privacy-links .nav li:after { background:#fff }
    #site-footer .developer-logo ul.nav a.nav-link { color:#000!important }
    .developer-logo { background:#e3e3e3!important; color:#000!important }
    .developer-logo .component-nav a.nav-link:before { background:#000}


    `.site-footer .inc-hostedby svg { fill:#000 }


    .section.sec-aotw { background-image:linear-gradient( rgba(5,41,155,0.9), rgba(5,41,155,0.9)), url("/assets/WREATH.png")!important; background-size: 100% auto; background-repeat: repeat-x; background-size: 50% auto ; padding-bottom: 4rem!important; }

    .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link { font-weight:400 }
    .site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link,
    .top-nav .title { font-family:"Lato",sans-serif }


    .section.sec-standings,
    .section.sec-scoreboard,
    .section.sec-sponsors,
    .section.sec-videos { display: none }


    .section.sec-countdown .component-countdown .details .details-2 .fs-2.fw-bold { display:none }
    .section.sec-countdown .component-countdown .details .details-2 .teams {  font-size:1.5rem ; flex-direction:column-reverse;  align-items:flex-start!important}
    .section.sec-countdown .component-countdown .details .details-2 .teams .opponent-name { text-align:left}

    .sec-aotw .component-aotw.layout-bio .player-details .player-bio .heading {  font-size: 2.75rem; color:#fff; text-transform: uppercase; font-weight: bold; line-height: 1.2  }
    .sec-aotw .component-aotw.layout-bio .player-details .player-bio .synopsis  { color:#fff; text-transform: uppercase; font-weight: bold; line-height: 1.2; margin-bottom: 0 }
    .sec-aotw .component-aotw.layout-bio .player-details .player-bio { row-gap:0.5rem }

    .sec-aotw .component-aotw.layout-bio .slick-slider .slick-pp:hover,
    .sec-aotw .component-aotw.layout-bio .slick-slider .slick-arrow:hover { background:var(--bs-secondary); color:#fff; opacity:1!important; filter:unset; border-color:var(--bs-secondary)!important }


    .more-news .macro-archive-link a.btn:hover,
    .gallery .component-gallery .macro-archive-link a.btn.btn-link:hover,
    .sec-top-stories .macro-archive-link.archive-link.align-center a:hover,
    .sec-banner .component-banner button:hover { background:var(--bs-primary); border-color:var(--bs-primary); filter:unset; color:#e3e3e3}

    .component-parallax .parallax-bg {    background-size: 100% auto; }

    .secondary-navigation .navbar-secondary-thumbnail { display:none!important }

    .macro-secondary-navigation .dropdown-menu a.nav-link { padding:0.25rem!important }
    .component-navbar-secondary.layout-standard .navbar .dropdown-menu { max-height:70vh; overflow:auto } 

    .support-home .site-main > .container { background:#fff }
    .support-home .navbar-image ul { display:inline-flex; vertical-align:middle; gap:1rem }
    .support-home .navbar-image ul li { box-shadow:0 0 15px rgba(0,0,0,0.4)  }

@media screen and (min-width: 992px) {


    .top-nav { background:#e3e3e3; padding:1rem 0 }
    .top-nav .title { font-size:2.35rem; color:var(--bs-secondary); padding-left:3rem; font-weight:900 }
    .macro-primary-navigation a.site-logo { position:absolute; top:-85px; left:50%; margin-left:-650px; display:none }

    .site-header .social-links:before { background:var(--bs-secondary)}

    .macro-primary-navigation .container-fluid > .d-flex { justify-content:flex-start!important }


    .sec-top-stories .carousel-control-prev,
    .sec-top-stories .carousel-control-next { display:none }
}

@media screen and (min-width: 992px) and (max-width:1199.98px) {

    .site-header .menu { padding-right:1rem }
    .site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link { padding: 2rem .5rem!important; font-size: 0.875rem }
    .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link.p-0 { font-size: 0.875rem }

}


@media screen and (min-width: 1200px) {

    .site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link { padding: 2rem .5rem!important; font-size: 1rem }
    .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link.p-0 { font-size: 1rem }
    
}    


.site-footer .inc-hostedby svg { fill:#000 }

@media screen and (max-width: 991px) {


    .top-nav { background:#e3e3e3 }
    .top-nav > .container > div > div { display:block!important; flex-grow:unset!important; color:var(--bs-secondary)  }
    .top-nav .site-logo { display:none }
    .top-nav .title { font-weight:800 }

    .macro-primary-navigation a.site-logo { top:0.75rem }

    .site-header .primary-nav-wrapper { background:#fff!important; padding:0.5rem!important }
    .internal-page .macro-primary-navigation a.site-logo { top:0.75rem }
    .site-header .menu .navbar > .container-fluid > button.navbar-toggler.x span.icon-bar { background:var(--bs-primary) }
    .component-search button.btn.btn-link,
    .header-buttons a.d-block.d-lg-none.btn.btn-link { color:var(--bs-primary) }

    .site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link { text-transform:uppercase }
    .site-header .component-navbar-primary.layout-standard .navbar-collapse  > div:first-child { background:#e3e3e3; color:#000; margin:-2rem -1rem; padding:1rem}
    .site-header .component-navbar-primary.layout-standard > .layout-wrapper > .navbar button.x.close-nav:before { color:#000!important }

    .sec-top-stories .right-col { display:block }
    .sec-top-stories .right-col .aside-carousel { display:none!important }
    .sec-top-stories .macro-archive-link.archive-link.align-center { display:block; max-width:200px; margin:1rem auto 0; background:var(--bs-primary) }
    .sec-top-stories .macro-archive-link.archive-link a { color:#fff }


    .sec-top-stories .carousel-control-prev,
    .sec-top-stories .carousel-control-next { position: absolute; color:#fff; top: auto; bottom: -3.1rem; background:var(--bs-primary); opacity:1 }
    .sec-top-stories .carousel-control-prev {  left:50%; margin-left:-11rem; width:3rem; height:2.1rem; border-radius:0; background:var(--bs-primary)  }
    .sec-top-stories .carousel-control-next { width:3rem; height:2.1rem; border-radius:0; background:var(--bs-primary); right:50%; margin-right:-11rem }

    .sec-aotw .component-aotw.layout-bio .player-details .player-bio .heading {  font-size: 1.75rem   }

    .component-headlines.layout-stacked-carousel .carousel-caption { background:#e3e3e3 }
    .component-headlines.layout-stacked-carousel .carousel-caption > .d-flex p.carousel-caption-text,
    .component-headlines.layout-stacked-carousel .carousel-caption > .d-flex .carousel-caption-title { text-align:center }
    .component-headlines.layout-stacked-carousel .date:before { display:none }
    .component-headlines.layout-stacked-carousel .category, .component-headlines.layout-stacked-carousel .date { margin:0 auto }


    .section.sec-banner { margin-bottom:3rem!important }
    .section.sec-parallax { margin-bottom:1rem!important}

    .site-footer .developer-logo > div { text-align:center!important; align-items:unset!important }

}