@font-face {

    font-family: 'Georgia-Bold';
    src: url('/Georgia Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Georgia';
    src: url('/Georgia.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


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


.site-header .social-links:before { background-image: url(/images/setup/Texture_Header.png) }
.section.sec-countdown .container { background-image: url(/images/setup/Texture_Next_Event.png); background-repeat:repeat }


.site-footer { border-top:2px solid #fff!important; background:var(--bs-primary); color:#fff!important }
#site-footer ul.nav a.nav-link,
#site-footer .footer-details .text { color:#fff }
.site-footer .component-banner.layout-flex .item img { max-height:150px }
.site-footer .developer-logo { background:var(--bs-secondary)!important }


main#site-main { background:var(--bs-primary)!important }
.sec-scoreboard .layout-wrapper ul.nav a.nav-link { color:var(--bs-primary)}
.sec-scoreboard .layout-wrapper ul.nav a.nav-link:hover,
.sec-scoreboard .layout-wrapper ul.nav a.nav-link.active { background:var(--bs-secondary); color:#fff }
.sec-scoreboard .layout-wrapper ul.nav { background-color:var(--bs-white); background-image:url(/images/setup/Texture_Component_Headers.png) }
.sec-scoreboard .component-scoreboard.layout-standard .event-team-name span.vs-at-indicator { background:var(--bs-secondary)}


.section.sec-aotw { background:var(--bs-secondary)!important }

.privacy-links .nav li:after { background:#fff }
.site-footer .media { margin-right:2.5rem!important }
.site-header .social-links:after { background-image: url(/images/setup/Texture_Header.png) }
.section.sec-countdown .container { background-image: url(/images/setup/Texture_Next_Event.png); background-repeat:repeat }

.social-stream .component-social .social-widgets .item .social-widgets-wrap { background:var(--bs-primary)!important }
.social-stream .component-social .social-widgets .item .social-widgets-wrap .social-embed-icon span { background:#fff; color:var(--bs-primary)!important}
.social-stream .component-social .social-widgets .item .social-widgets-wrap .social-embed-content { background:#fff }
.social-stream .component-social .social-widgets .item#component-social-widget-instagram .social-widgets-wrap .social-embed-icon span:after {
    position: absolute;
    content: 'INSTAGRAM';
    left: .75rem;
    top: .9rem;
    font-size: 1.25rem;
    font-weight: bold;
    font-family: var(--bs-body-font-family);
}




.sec-scoreboard .layout-wrapper  button.prev { left: calc(0rem - 20rem)!important; color:var(--bs-white); position: absolute; font-size: 1.25rem; bottom: 0; top: auto; transform: translateY(3rem); height: 2rem; line-height: 2rem; width: 3rem; border: 1px solid var(--bs-white); border-radius: 0; right: 0; margin: auto;}
.sec-scoreboard .layout-wrapper  button.next { right: calc(0rem - 20rem)!important; color:var(--bs-white); position: absolute!important; font-size: 1.25rem; bottom: 0!important; top: auto!important; transform: translateY(3rem); height: 2rem; line-height: 2rem; width: 3rem; border: 1px solid var(--bs-white); border-radius: 0; left: 0!important; margin: auto; }
.component-scoreboard.layout-standard .slick-arrow:hover { background:var(--bs-white); color:var(--bs-primary); filter:unset}
.sec-scoreboard .macro-archive-link a.btn.btn-link { border-color:var(--bs-white); color:var(--bs-white); font-family:"Georgia-Bold",sans-serif }
.sec-scoreboard .macro-archive-link a.btn.btn-link:hover { background:var(--bs-white)!important; color:var(--bs-primary)!important }


.sec-top-stories .macro-archive-link.archive-link.align-center a { border-color:var(--bs-white); color:var(--bs-white) }
.sec-top-stories .macro-archive-link.archive-link.align-center a:hover { background:var(--bs-white); color:var(--bs-primary)}

.component-banner.layout-carousel .carousel .carousel-control-pp,
.sec-banner button.carousel-control-next,
.sec-banner button.carousel-control-prev { border-color:var(--bs-white); color:var(--bs-white) }
.component-banner.layout-carousel .carousel .carousel-control-pp:hover,
.sec-banner button.carousel-control-next:hover,
.sec-banner button.carousel-control-prev:hover { background:var(--bs-white); color:var(--bs-primary)}

.sec-banner .component-banner button.carousel-control-prev .carousel-control-prev-icon { transition: .3s ease-in-out; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff' stroke='%23fff'%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 .carousel-control-next-icon { transition: .3s ease-in-out; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff' stroke='%23fff'%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:hover .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='%2310203d' stroke='%2310203d'%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 { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2310203d' stroke='%2310203d'%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"); }

   .section.sec-countdown .component-countdown .details .details-2 .fs-2.fw-bold { font-family:"Georgia-Bold",sans-serif; font-size:2.5rem!important } 
 
.section.sec-countdown .component-countdown .contents:before { background:var(--bs-white)}
.section.sec-countdown .component-countdown ul.countdown .countdown-label,
.section.sec-countdown .component-countdown ul.countdown .countdown-digit span { color:var(--bs-primary)!important}
.section.sec-countdown .component-countdown ul.countdown li.flex-fill .countdown-digit:before,
.section.sec-countdown .component-countdown ul.countdown li.flex-fill .countdown-digit:after { background:var(--bs-secondary)}

    .sec-scoreboard .component-scoreboard.layout-standard .card .card-header span.status { top:7.5rem}


.gallery .component-gallery .page-details { background: var(--bs-white); background-image: url(/images/setup/Texture_Component_Headers.png) }
.gallery .component-gallery .page-details .component-title { color:var(--bs-primary)}

    a[href*="wiki"] { background:var(--bs-primary)!important; color:#fff!important}

@media(min-width: 992px) {

    .macro-primary-navigation a.site-logo { top:0.3rem}
    .macro-primary-navigation a.site-logo img { max-width:13rem!important }


    .top-nav { background:var(--bs-primary); padding:1.25rem }
    .top-nav .title { color:#fff}
    .primary-nav-wrapper { background:#fff!important }
    .component-search button.btn.btn-link,
    .component-navbar-primary.layout-standard .navbar .dropdown-toggle::after,
    .site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link > .d-flex > a.nav-link,
    .site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link { color:var(--bs-primary)!important }

    .site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link { font-family:"Georgia-Bold",sans-serif }
    .site-header .social-links { border-color:var(--bs-primary) }


    .sec-top-stories .right-col .aside-carousel .item.active .card > .row { background:#fff!important }
    .sec-top-stories .right-col .carousel-indicators .item.active .card-body .card-text,
    .component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item.active .card-body a,
    .sec-top-stories .right-col .carousel-indicators .item.active .card-body .d-flex.flex-column .date, 
    .sec-top-stories .right-col .carousel-indicators .item.active .card-body .d-flex.flex-column .category { color:var(--bs-primary)!important }
    
    .sec-top-stories .right-col .aside-carousel .item .card > .row { border:1px solid #fff!important }
    .sec-top-stories .right-col .carousel-indicators .item .card-body .card-text,
    .component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item .card-body a,
    .sec-top-stories .right-col .carousel-indicators .item .card-body .d-flex.flex-column .date, 
    .sec-top-stories .right-col .carousel-indicators .item .card-body .d-flex.flex-column .category { color:var(--bs-white)!important }
    
    .sec-top-stories .component-headlines .carousel-control-pp { background:var(--bs-secondary)}

    .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link:before { background:var(--bs-primary) }

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

}

@media(max-width: 991px) {

    .site-header .component-navbar-primary.layout-standard .navbar-collapse { background:#fff }
    .site-header .mobile-menu-footer .component-search button.btn.btn-link,
    .site-header .mobile-menu-footer .component-search .form-control { border-color:var(--bs-primary)!important }
    .site-header .primary-nav-wrapper { background:#fff!important }
    .site-header .menu .navbar > .container-fluid > button.navbar-toggler.x span.icon-bar { background:var(--bs-primary)}
    .site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link,
    .site-header .component-navbar-primary.layout-standard > .layout-wrapper > .navbar button.x.close-nav:before,
    .mmf-social-inner .component-nav a.nav-link, 
    .site-header .component-navbar-primary.layout-standard .navbar-collapse.collapse .d-flex p,
    .component-search button.btn.btn-link,
    .header-buttons a.d-block.d-lg-none.btn.btn-link { color:var(--bs-primary)}    
    .site-header .mmf-social { border:none!important}
    
    .top-nav { background:var(--bs-primary)}
    .top-nav > .container > div > div { display:block!important; color:#fff; flex-grow:unset!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; border:1px solid #fff!important }
    .sec-top-stories .carousel-control-prev {  left:50%; margin-left:-10rem; 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:-10rem }
    
    .sec-top-stories .carousel-control-prev:hover,
    .sec-top-stories .carousel-control-next:hover { background:#fff; color:var(--bs-primary); }

    .section.sec-scoreboard { padding-top:1rem }
    .component-headlines.layout-stacked-carousel .carousel-caption { background:var(--bs-primary); color:#fff }
    .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 .item-link,
    .component-headlines.layout-stacked-carousel .category, .component-headlines.layout-stacked-carousel .date { color:#fff!important }
    
    .gallery .component-gallery .macro-archive-link a.btn.btn-link { color:#fff; border-color:#fff; text-transform:uppercase }
    .social-stream .component-social .social-widgets .item .social-widgets-wrap { margin-bottom:1rem!important}
    
    
}