/* =========================================
   1. FONT DECLARATIONS
   ========================================= */


@font-face {
    font-family: 'Candara';
    src: url('https://static.presto-sport.com/fonts/Candara.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*
@font-face {
    font-family: 'Candara_Bold';
    src: url('https://static.presto-sport.com/fonts/Candara_Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Candara_Bold_Italic';
    src: url('https://static.presto-sport.com/fonts/Candara_Bold_Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}*/

@font-face {
    font-family: 'Candara';
    src: url('https://static.presto-sport.com/fonts/Candara_Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Candara';
    src: url('https://static.presto-sport.com/fonts/Candara_Bold_Italic.ttf') format('truetype') ;
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}




/* =========================================
   2. CSS VARIABLES & GLOBAL FONT SETTINGS
   ========================================= 
   Sets Avenir Book as body font, Avenir Black for headings
   ========================================= */

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

a[rel="wiki-link"] { color:var(--bs-secondary) }
 
/* move to theme */
/*remove this margin-right*/
/*.header-buttons a.d-block.d-lg-none.btn.btn-link { margin-right: .75rem } --done*/

/*.macro-primary-navigation a.site-logo img { max-height: 7.5rem; height: 3rem } --don't push it */

@media screen and (max-width: 991px) { .macro-primary-navigation a.site-logo { position: absolute; left: 50%; top: 50%; width: fit-content; z-index: 0; transform: translate(-50%, -50%) } }
@media screen and (min-width: 992px) {
    .macro-primary-navigation a.site-logo { position: relative; transition: .3s ease-in-out; z-index: 9999; max-width: 6rem; width: 100% }
    .macro-primary-navigation a.site-logo img { position: absolute; top: 50%; left: 0; transform: translateY(-50%) }
    /*in this remove top*/
    header.is-pinned .macro-primary-navigation a.site-logo img { max-height: 5rem; top:50% } 
}

@media screen and (min-width: 1200px) {
    .macro-primary-navigation a.site-logo { max-width: 8rem;  margin-right: auto }
}
@media screen and (min-width: 1400px) {
    .macro-primary-navigation a.site-logo { min-width: 15rem }
}
/*move to theme*/

.pre-header .site-title {   font-family: 'Candara_Bold'; font-weight: normal;}
.top-nav {
    color: white;
    background: transparent !important;
    font-weight:700;
}
body { 
    background:var(--bs-primary) url("/images/setup/Texture_Background-5-.png") no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
}
main#site-main:before { background:transparent;}

.site-header .primary-nav-wrapper.bg-primary { 
    background:#fff !important;
    --bs-link-color:var(--bs-primary);
    --bs-link-hover-color:var(--bs-primary);
    color:var(--bs-dark);
}


    .sec-scoreboard .layout-wrapper button.prev { left: calc(0rem - 20rem)!important; position: absolute; font-size: 1.25rem; bottom: 0; top: auto; transform: translateY(3rem); height: 2rem; line-height: 2rem; width: 3rem; color:var(--bs-white); border: 1px solid var(--bs-white); border-radius: 0; right: 0; margin: auto }
    .sec-scoreboard .layout-wrapper button.next { right: calc(0rem - 20rem)!important; position: absolute; font-size: 1.25rem; bottom: 0; top: auto; transform: translateY(3rem); height: 2rem; line-height: 2rem; width: 3rem; color:var(--bs-white); border: 1px solid var(--bs-white); border-radius: 0; left: 0!important; margin: auto }
    .sec-scoreboard .layout-wrapper button:hover { color: var(--bs-primary)!important; text-decoration: none!important; background: var(--bs-white)!important; opacity: 1; filter: none; text-decoration: underline }


.site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link,
.site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link > .d-flex > a.nav-link,
header .header-buttons a[rel="wiki-link"],
.component-search button.btn.btn-link,
.navbar-dark .navbar-toggler{
    color:var(--bs-primary);
}

header .menu a[rel="wiki-link"] {
color:var(--bs-dark);
    
}

.component-search button.btn.btn-link:hover {
    color:var(--bs-dark);
}

@media screen and (max-width: 991px) {
    .header-buttons a.d-block.d-lg-none.btn.btn-link,
    .site-header .component-navbar-primary.layout-standard > .layout-wrapper > .navbar button.x.close-nav:before{
        color: var(--bs-primary);
    }
    .site-header .component-navbar-primary.layout-standard .navbar-collapse.collapse > .d-flex {
        margin-bottom:0;
    }
    
    /*.macro-primary-navigation a.site-logo { */
    /*    top: 1rem;*/
    /*}*/
    /*.macro-primary-navigation a.site-logo img {*/
    /*    max-height: 3.7rem;*/
    /*}*/
}

.site-header .component-navbar-primary .navbar-dark .navbar-toggler .icon-bar{
    background-color:var(--bs-primary);
    
}

@media screen and (max-width: 991px) {
    .site-header .component-navbar-primary.layout-standard .navbar-collapse {
        background-color:#fff;
    }
    .component-navbar-primary.layout-standard .navbar-dark li.nav-item:not(:first-child), 
    .component-navbar-primary.layout-standard .navbar-dark ul.navbar-nav.top-level:last-of-type > li.nav-item:first-child { border-color:#808080 }
}

/* NEWS ROTATOR */

.component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item.active { background-color: white; color:var(--bs-primary) !important; border-color:var(--bs-secondary) !important}
.sec-top-stories .macro-archive-link.archive-link.align-center a {
    color: white; border-color: white; background-color: var(--bs-primary) !important
    
}
   .sec-top-stories .macro-archive-link.archive-link.align-center a:hover { 
       background:var(--bs-white)!important; color:var(--bs-primary)!important
}
.sec-top-stories .right-col .carousel-indicators .item.active .card-body .d-flex.flex-column .date, .sec-top-stories .right-col .carousel-indicators .card-body .card-title, .component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item.active .card-body a {
color: var(--bs-primary) !important;
}
.sec-top-stories .right-col .carousel-indicators .item.active .card-body .d-flex.flex-column .date, .sec-top-stories .right-col .carousel-indicators .card-body .card-title, .component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item.active .card-body a:hover {
color: var(--bs-secondary) !important;
}
.sec-top-stories .right-col .carousel-indicators .item.active .card-body .card-text {
color: var(--bs-black);
}
.component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item {
border-color: var(--bs-white) !important;
}
.sec-top-stories .component-headlines .carousel-control-pp {
background: var(--bs-secondary);
border: 1px solid var(--bs-secondary);
}

/* SCOREBOARD */

.sec-scoreboard .macro-archive-link a.btn.btn-link {color: white; border-color: white; background-color: var(--bs-primary) !important;}
.sec-scoreboard .macro-archive-link a.btn.btn-link:hover { background:var(--bs-white)!important; color:var(--bs-primary)!important; }
.sec-scoreboard .layout-wrapper ul.nav a.nav-link.active {
    background: var(--bs-secondary);
  color: var(--bs-white)
}
.sec-scoreboard .layout-wrapper ul.nav a.nav-link {
      background: var(--bs-white);
      color: var(--bs-primary)
}

.sec-scoreboard .component-scoreboard.layout-standard .event-team-name span.vs-at-indicator {
      background: var(--bs-secondary);
}

.sec-scoreboard .layout-wrapper ul.nav {
    background: var(--bs-white);
    background-image: url(/images/setup/Texture_Component_Header.png);
    background-position: right;
    background-repeat: no-repeat;
}
    
    /* =========================================
        NEXT EVENT
   ========================================= */
    .section.sec-countdown .container .ps-component.component-countdown > div { 
        background-image: url(/images/setup/Texture_Next_Event.png); 
        background-size: 31.7% 100%;
        
    }
    .section.sec-countdown .component-countdown .contents { 
        border-left: 2px solid var(--bs-primary);
        color: var(--bs-primary);
        background: white;
        
    }
    
    .section.sec-countdown .component-countdown .details .details-2 .title { font-size:2rem!important; font-weight:700!important; max-width:150px }
    
    /* PHOTO GALLERY */
    .section.section.sec-photo-gallery .macro-archive-link a.btn.btn-link {color: white; border-color: white; background-color: var(--bs-primary) !important;}
    .section.section.sec-photo-gallery .macro-archive-link a.btn.btn-link:hover { background:var(--bs-white)!important; color:var(--bs-primary)!important; }
    
    .section.sec-photo-gallery .form-floating:before, .form-floating>.form-select { display:none }
    
    .gallery .page-details {
    background: var(--bs-white);
    background-repeat: no-repeat;
    padding: 0.75rem 1rem;
    background-image: url(/images/setup/Texture_Component_Header.png);
    background-position: right !important;
    }
    .gallery .page-details .component-title {
        color: var(--bs-primary);
    }
    
     /* AOTW */
     .section.sec-aotw {
         background-color: var(--bs-secondary) !important;
         background: none
     }
    
     /* BANNER */
     .component-banner.layout-slider .slick-arrow-controls .slick-arrow.next:hover, .sec-banner button.carousel-control-next,
     .component-banner.layout-slider .slick-arrow-controls .slick-arrow.prev:hover, .sec-banner button.carousel-control-prev,
     .component-banner.layout-slider .slick-arrow-controls .slick-arrow.pp:hover, .sec-banner .component-banner .pause {
            color: white !important; border-color: white; background-color: var(--bs-primary) !important;
     }
     
     .component-banner.layout-slider .slick-arrow-controls .slick-arrow.next, .sec-banner button.carousel-control-next:hover,
     .component-banner.layout-slider .slick-arrow-controls .slick-arrow.prev, .sec-banner button.carousel-control-prev:hover,
     .component-banner.layout-slider .slick-arrow-controls .slick-arrow.pp, .sec-banner .component-banner .pause:hover { 
         background:var(--bs-white)!important; color:var(--bs-primary)!important; 
     }
     
     /* =========================================
        FOOTER
   ========================================= */

 .site-footer { background:var(--bs-primary); color: white; border-top:1px solid white }
    #site-footer .footer-details .text { color:var(--bs-white)!important}
    #site-footer ul.nav a.nav-link {
        color: white;
    }
    #site-footer ul.nav a.nav-link:hover {
        color: var(--bs-tertiary);
    }
.developer-logo.bg-primary.border-top.px-sm-5.px-3.py-2.text-white {
    background-color: var(--bs-secondary) !important;
    border-top: 1px solid var(--bs-primary)!important;
}


/*@media screen and (min-width: 1200px) {*/
/*    .macro-primary-navigation a.site-logo {*/
/*        min-width: 14rem;*/
/*    }*/
/*}*/


@media screen and (min-width: 992px) {
    /*.macro-primary-navigation a.site-logo img {*/
    /*    top: 1rem;*/
    /*    position: absolute;*/
    /*}*/
    .site-header .social-links { border-color:var(--bs-primary) }
    .site-header .social-links:before {background-image: url(/images/setup/Texture_Header.png) !important;}
}




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

    .sec-scoreboard .layout-wrapper button.prev { left: calc(0rem - 3.5rem)!important }
    .sec-scoreboard .layout-wrapper button.next { right: calc(0rem - 3.5rem)!important }
    
    .social-stream .component-social .social-widgets .item:last-child { margin-top:3rem }
}



/***** 22 Jan 2026 ****/

.top-nav {   background: #4674A8 !important }
.sec-top-stories .component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item:not(.active) {    background-color: var(--bs-primary);   color: #fff;}
.sec-top-stories .right-col .carousel-indicators li.item:not(.active) .card-body .d-flex.flex-column .date:after {   background: #fff;}
.sec-top-stories .right-col .carousel-indicators li.item:not(.active) .card-body .date, .sec-top-stories .right-col .carousel-indicators li.item:not(.active) .card-body,
.sec-top-stories .right-col .carousel-indicators li.item:not(.active) .card-body .category, .sec-top-stories .right-col .carousel-indicators li.item:not(.active) .card-body p.card-text ,
.sec-top-stories .right-col .carousel-indicators li.item:not(.active) .card-body .card-title a {   color: #fff;}
.sec-top-stories .right-col .carousel-indicators .card-body .date {   font-style: italic;}
.sec-top-stories .macro-archive-link.archive-link.align-center a {   padding-top: 0.5rem;}
.component-banner.layout-slider .slick-arrow-controls .slick-arrow.pp {   border-color: var(--bs-primary);}
section.section.sec-more-news, section.section.sec-parallax {   display: none !important;}
section.section.sec-banner.banner, section.section.sec-countdown, section.section.sec-photo-gallery {    background: var(--bs-primary);    margin-bottom: 0 !important;   padding-bottom: 3rem !important;}
.section.main > .container-fluid > .container.aos-init {   background: var(--bs-primary); padding-top: 3rem !important;}
section.section.sec-aotw {   margin-bottom: 0 !important;}
section.section.sec-sponsors {   margin-bottom: 3rem;} 
section.section.sec-scoreboard.px-0 {background: #4775A8; background: linear-gradient(180deg, rgba(71, 117, 168, 0) 0%, rgba(17, 74, 138, 1) 51%, rgba(17, 74, 138, 1) 100%);    padding-bottom: 6rem;   margin-bottom: 0;}

section.section.sec-banner.banner, section.section.sec-countdown, section.section.sec-photo-gallery, .section.sec-aotw, 
.section.main > .container-fluid > .container.aos-init.aos-animate {    transform: translateZ(0) !important;   opacity: 1 !important;}
section.section.sec-banner.banner, section.section.sec-countdown, section.section.sec-photo-gallery, .section.sec-aotw, section.main > .container-fluid > .container, .section.main > .container-fluid > .container, body[data-aos-duration="400"] [data-aos] {    transform: none !important;    opacity: 1 !important;   transition-property: none !important;}
.section.main > .container-fluid > .container.aos-init.aos-animate {   max-width: 100%;}
.sec-scoreboard .layout-wrapper ul.nav {   margin-bottom: 0.5rem !important;     border-bottom: none;}
.sec-scoreboard .component-scoreboard.layout-standard .card .card-header {   border-color: var(--bs-primary);}
.component-scoreboard.layout-standard .card {   border-color: var(--bs-primary);}
.sec-banner .component-banner button.carousel-control-next .carousel-control-next-icon {   background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23387c93' stroke='%23ffffff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);}
.sec-banner .component-banner button.carousel-control-prev .carousel-control-prev-icon {    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23387c93' stroke='%23ffffff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e);}
.sec-banner .component-banner button.carousel-control-next:hover .carousel-control-next-icon, .sec-banner .component-banner button.carousel-control-prev:hover .carousel-control-prev-icon {   filter: brightness(0) saturate(0%);}
.component-countdown.layout-standard .countdown-digit {   font-style: italic;}
.section.sec-countdown .component-countdown ul.countdown li.flex-fill .countdown-digit:after, .section.sec-countdown .component-countdown ul.countdown li.flex-fill .countdown-digit:before {   background-color: var(--bs-secondary);}
.sec-aotw .component-aotw.layout-bio .player-details .player-bio .synopsis {   text-transform: none;}
.section.sec-social-stream { background: var(--bs-primary) !important; margin:0 !important; padding:3rem 0 !important  }
.social-stream .component-social .social-widgets .item .social-widgets-wrap {   background-color: transparent !important;}
.social-stream .component-social .social-widgets .item .social-widgets-wrap .social-embed-icon span {    background: #fff;   color: var(--bs-primary) !important;}
.social-stream .social-embed-content {   background: #fff;}
#site-footer ul.nav a.nav-link {    font-style: italic;   font-weight: normal !important;}
.disclaimer {   font-style: italic;}
.privacy-links .nav li:after {   background: #fff;}
.sec-scoreboard .component-scoreboard.layout-standard .event-team-name {    font-style: italic;   font-family: 'Candara';}
.section.sec-countdown .component-countdown .details .specs-1, .section.sec-countdown .component-countdown .details .specs-2 {   font-style: italic;}

   footer#site-footer {    background-image: none; background-color:var(--bs-primary)!important }
   
.visually-hidden-focusable[href="#site-navigation"], .visually-hidden-focusable[href="#site-footer"], .visually-hidden-focusable[href="#site-main"],
h1.page-heading.visually-hidden, #heading-top-stories, #heading-banner, #heading-countdown, #heading-photo-gallery, #heading-aotw, #heading-social-stream{background:#fff; color:#000;}

.sec-scoreboard .component-scoreboard .slick-arrow-controls button.next, .sec-scoreboard .component-scoreboard .slick-arrow-controls button.prev {   color: #000;}


@media screen and (min-width:992px){
    .component-navbar-primary.layout-standard .navbar .dropdown-toggle::after {   color: var(--bs-primary) !important;}
    .developer-logo .dev-links {    flex-direction: row-reverse !important;   gap: 3px;}
    .site-header .social-links:before {    background-size: contain }
 

}

@media(min-width:1200px){
    .section.sec-countdown .component-countdown .details {   padding: 2.8rem !important;}
    .section.sec-countdown .container .ps-component.component-countdown > div {   background-color: var(--bs-primary);}
}

@media(max-width:991px){
    body {   background: var(--bs-primary);}
    .top-nav { background: var(--bs-primary) !important }
    .mmf-social-inner .component-nav a.nav-link {   color: var(--bs-primary); }
    .site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link span.dropdown-toggle:after {   color: var(--bs-primary) !important;}
    .sec-top-stories .left-col .carousel-caption {    background: var(--bs-primary);   color: #fff !important;}
    .component-headlines.layout-stacked-carousel .carousel-caption > .d-flex .carousel-caption-title .item-link {   color: #fff !important;}
    .component-headlines.layout-stacked-carousel .category, .component-headlines.layout-stacked-carousel .date {   color: #fff;}
    .component-headlines.layout-stacked-carousel .carousel-caption > .d-flex p.carousel-caption-text {   color: #fff;}
    .component-headlines.layout-stacked-carousel .left-col button.btn.carousel-control-next, .component-headlines.layout-stacked-carousel .left-col button.btn.carousel-control-prev {    color: #fff;   border-color: #ffff;}
    .site-header .component-navbar-primary.layout-standard .navbar-collapse.collapse .d-flex p {   color: var(--bs-primary);}
}




@media(max-width:767px){
    .sec-scoreboard .layout-wrapper ul.nav {   background-position: 52%;}
    .gallery .page-details {   background-position: 50% !important;}
}