@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap'); 
/*
@font-face {
    font-family: 'Copperplate';
    src: url('/Copperplate.ttc') format('truetype-collection');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
} */

@font-face {
    font-family: 'Copperplate';
    src: url('/Copperplate-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Copperplate';
    src: url('Copperplate-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

:root {
    --body-font-family: 'Open Sans', sans-serif;
    --bs-font-sans-serif: 'Open Sans', sans-serif;
    --bs-body-font-family: 'Open Sans', sans-serif;
    --heading-font-family: 'Copperplate', serif;
}

main#site-main { background: var(--bs-primary) }
.sec-more-news,
.sec-photo-gallery .form-floating { display:none }


.component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link , .top-nav .title,  .sec-scoreboard .component-tabs .nav-tabs .nav-link,.gallery .page-details .component-title, 
.sec-aotw .component-aotw.layout-bio .player-details .player-bio .synopsis, .sec-scoreboard .component-scoreboard.layout-standard .card .event-card,
.section.sec-countdown .component-countdown.no-sport .details .details-2 .title,
.social-stream .component-social .social-widgets .item .social-widgets-wrap .social-embed-icon span:after{    font-family: var(--heading-font-family);    font-weight: bold;   letter-spacing: 0;}
.social-stream .component-social .social-widgets .item#component-social-widget-instagram .social-widgets-wrap .social-embed-icon span:after,
.social-stream .component-social .social-widgets .item#component-social-widget-facebook .social-widgets-wrap .social-embed-icon span:after{ font-family: var(--heading-font-family);}

.section.sec-countdown .container .ps-component.component-countdown > div .details {    background-image: url(/images/setup/Texture_Next_Event.png);    background-position: center;   background-size: contain;}


@media screen and (min-width: 992px) {
    .site-header .social-links:before {background-image: url(/images/setup/Texture_Header.png) !important;}
    .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 span.dropdown-toggle:after { color: var(--bs-primary) !important;}
    .site-header .social-links { border-color:var(--bs-primary); color: var(--bs-primary);}
    .fa-magnifying-glass {color: var(--bs-primary);}
    .fa-magnifying-glass:hover {color: #000;}
    .site-header .social-links .component-nav .nav a.nav-link { color:var(--bs-primary); }
    .site-header .social-links .component-nav .nav a.nav-link:hover { color:#757575; }
    .section.sec-countdown .component-countdown .contents {  border-left: 2px solid var(--bs-primary);}
    .top-nav .title {    padding: 2rem 1rem;}
 }

.section.sec-countdown .component-countdown .contents {
    color: var(--bs-primary);   
    background: var(--bs-white);
}

.section.sec-countdown .component-countdown .details{
    color: var(--bs-primary);
}

.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,
.sec-aotw .component-aotw.layout-bio .player-details .player-bio .player-sport::before {
    background-color:var(--bs-primary);
}

.sec-scoreboard .layout-wrapper ul.nav a.nav-link.active {
    background: var(--bs-white);
  color: var(--bs-primary)
}

.sec-scoreboard .component-tabs .nav-tabs,
.gallery .page-details {
    background: var(--bs-secondary);
    background-image: url(/images/setup/Texture_Component.png);
}
.section.sec-countdown .container .ps-component.component-countdown > div {
    background-image: url(/images/setup/Texture_Next_Event.png);
}

.section.sec-aotw {
    background-color: var(--bs-secondary) !important;
    background-image: none
}
.sec-aotw .component-aotw.layout-bio .player-details .player-bio .player-sport,
.sec-aotw .component-aotw.layout-bio .player-details .player-bio a.player-name,
.sec-aotw .component-aotw.layout-bio .player-details .player-bio .synopsis p, 
.sec-aotw .component-aotw.layout-bio .player-details .player-bio .synopsis {
    color: var(--bs-primary) 
}
.sec-aotw .component-aotw.layout-bio .player-details .player-bio a.player-name:hover{color: var(--bs-primary); text-transform: underline;}
.sec-aotw .component-aotw.layout-bio .slick-slider .btn.slick-arrow, .sec-aotw .component-aotw.layout-bio .slick-slider .btn.slick-pp
 {
    background-color: var(--bs-secondary);
    color: var(--bs-primary);
    border-color: var(--bs-primary);

 }

.top-nav {
    background: var(--bs-primary);
    color: white;
}

.gallery .page-details .component-title,
.sec-scoreboard .component-tabs .nav-tabs .nav-link {
    color: var(--bs-primary);
}
.primary-nav-wrapper.bg-primary {
    background-color: var(--bs-secondary) !important;
}

.social-stream .component-social .social-widgets .item .social-widgets-wrap .social-embed-icon span {
    color: var(--bs-primary) !important;
    background: var(--bs-secondary);
}
.sec-social-stream .bg-white {background-color: var(--bs-primary) !important}
.social-stream .social-embed-content {
    background: white;
}

/* NEWS ROTATOR */

.sec-top-stories .macro-archive-link.archive-link.align-center a, 
.sec-scoreboard .macro-archive-link a.btn.btn-link,
.gallery .component-gallery .macro-archive-link a.btn.btn-link {
    border-color: white !important;
    background-color: var(--bs-primary);
    color: white !important;
}
.sec-top-stories .macro-archive-link.archive-link.align-center a:hover, 
.sec-scoreboard .macro-archive-link a.btn.btn-link:hover,
.gallery .component-gallery .macro-archive-link a.btn.btn-link:hover {
    border-color: var(--bs-primary) !important;
    background-color: var(--bs-white) !important;
    color: var(--bs-primary) !important
}

.sec-scoreboard .component-scoreboard .slick-arrow-controls button.next,
.sec-scoreboard .component-scoreboard .slick-arrow-controls button.prev {
    background-color: var(--bs-primary);
    border: 1px solid var(--bs-white);
    color: white;
}

.sec-scoreboard .component-scoreboard .slick-arrow-controls button.next:hover, 
.sec-scoreboard .component-scoreboard .slick-arrow-controls button.prev:hover {
    background-color: var(--bs-white) !important;
    border: 1px solid var(--bs-primary) !important;
    color: var(--bs-primary) !important;
}

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

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

.sec-banner .component-banner button:is(.carousel-control-prev, .carousel-control-next) :is(.carousel-control-prev-icon, .carousel-control-next-icon) {
    background-image: none
}

.component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item,
.component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item.active {
    border: 1px solid var(--bs-white) !important;
    border-color: var(--bs-white) !important;
}
.component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item.active {
    border-left: 0.25rem solid var(--bs-secondary) !important;
}

.developer-logo.bg-primary.border-top.px-sm-5.px-3.py-2.text-white {
    background: white !important;
    color: var(--bs-primary) !important;
}
.developer-logo.bg-primary.border-top.px-sm-5.px-3.py-2.text-white a{
  color: var(--bs-primary) !important;
}
p.address.m-0.fw-bold {
    color: white;
}
footer#site-footer {
    border-top: 1px solid var(--bs-white);
}
.site-footer .inc-hostedby svg {
    fill: var(--bs-primary);
}
.site-footer .container-fluid.px-3.py-4 {
    background: var(--bs-primary) !important;
}
#site-footer .footer-details .text .title{
     color: var(--bs-white);
}
#site-footer ul.nav a.nav-link{
    color: var(--bs-secondary);
}
#site-footer ul.nav a.nav-link:hover {
    color: white;
}

@media(max-width:991px){
    .sec-scoreboard .layout-wrapper ul.nav a.nav-link:not(.active) {   background: var(--bs-secondary);}
    .sec-scoreboard .component-tabs .nav-tabs, .gallery .page-details {    background-position: center;   background-repeat: no-repeat;}
    .gallery .page-details:before { background-color: var(--bs-secondary); background-image: url(/images/setup/Texture_Component.png); content: ""; width: 50%; position: absolute; height: 100%; top: 0; right: 0; background-position: center;}
    .gallery .page-details {   background: var(--bs-secondary);   position: relative;}
    .header-buttons a.d-block.d-lg-none.btn.btn-link {    color: var(--bs-primary);}
    .navbar-dark .navbar-toggler .icon-bar {   background-color: var(--bs-primary);}


    
}