:root {
    --body-font-family: 'Aial', sans-serif;
    --bs-font-sans-serif: 'Arial', sans-serif;
    --bs-body-font-family: 'Arial', sans-serif;
    --heading-font-family: 'Arial', sans-serif;
}


    a[href*="wiki"] { background:var(--bs-primary); color:var(--bs-secondary); text-decoration:none }
    a[href*="wiki"]:hover,
    a[href*="wiki"]:focus { text-decoration:underline }

.social-stream .component-social .social-widgets .item .social-widgets-wrap .social-embed-icon span.fab.fa-youtube:after {    content: "";    position: absolute;    content: 'YOUTUBE';    left: .75rem;    top: .9rem;    font-size: 1.25rem;    font-weight: bold;   font-family: var(--bs-body-font-family);}
.social-stream .component-social .social-widgets .item {   width: 100%;}
.social-stream .component-social .social-widgets .item .card-body-inner {    justify-content: flex-start;   text-align: l;}

    .site-header .social-links:before { background-image: url(/images/setup/Texture_Header-6-.png); background-color:#fff }
    .section.sec-countdown .container { background-image: url(/images/setup/Texture_Next_Event-5-.png); background-repeat:repeat; background-color:var(--bs-secondary)}


    main#site-main:before { background:var(--bs-primary)!important; opacity:1 }


    .section.sec-countdown .component-countdown .details * { color:var(--bs-primary)!important }
    .section.sec-countdown .component-countdown .contents:before { background:var(--bs-white); border-color:var(--bs-primary) }
    .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-primary)}

    .site-footer .inc-hostedby svg { fill:var(--bs-black)}


    .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; color:var(--bs-primary)!important }
    .developer-logo .component-nav a.nav-link { color:var(--bs-primary)!important }
    .developer-logo .component-nav a.nav-link:before { background:var(--bs-primary) }


    .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:var(--bs-secondary); color:var(--bs-primary)!important}
    .social-stream .component-social .social-widgets .item .social-widgets-wrap .social-embed-content { background:#fff }

    .section.sec-aotw { background:var(--bs-secondary)!important }
    .sec-aotw .component-aotw.layout-bio .slick-slider .btn.slick-pp,
    .sec-aotw .component-aotw.layout-bio .slick-slider .slick-arrow { color:var(--bs-primary); border-color:var(--bs-primary) }
    .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 { color:var(--bs-primary) }
    .sec-aotw .component-aotw.layout-bio .slick-slider .btn.slick-pp:hover,
    .sec-aotw .component-aotw.layout-bio .slick-slider .slick-arrow:hover { color:var(--bs-secondary);background:var(--bs-primary) }

    .sec-scoreboard .layout-wrapper ul.nav { background:var(--bs-secondary)}
    .sec-scoreboard .layout-wrapper ul.nav a.nav-link {  color:var(--bs-primary)}
    .sec-scoreboard .layout-wrapper ul.nav a.nav-link.active { background:#fff; color:var(--bs-primary)}
    .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) }
    .sec-scoreboard .macro-archive-link a.btn.btn-link:hover { background:var(--bs-white)!important; color:var(--bs-primary)!important }
    .component-scoreboard.layout-standard .card { border-color:var(--bs-primary)}
    .sec-scoreboard .component-scoreboard.layout-standard .event-team-name.d-flex.gap-1 { font-family:"Arial",sans-serif }

    .sec-top-stories .component-headlines .carousel-control-pp { border-color:var(--bs-secondary); color:var(--bs-primary) }
    .sec-top-stories .macro-archive-link.archive-link.align-center a { color:#fff; border-color:#fff }
    .sec-top-stories .macro-archive-link.archive-link.align-center a:hover { background:#fff; color:var(--bs-primary)}

    .section.sec-countdown .component-countdown .details .details-2 .fs-2.fw-bold { font-size:2.5rem!important; font-weight:700!important }
    .section.sec-countdown .component-countdown .details .details-2 .specs-2 .status { display:block }

    /*.sec-scoreboard .component-scoreboard.layout-standard .card .card-header span.status { top:7.5rem }*/

    .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"); }

    .sec-scoreboard .layout-wrapper ul.nav { background-image: url(/images/setup/Texture_Component_Header-5-.png); background-repeat: no-repeat; background-position: right; }
    .gallery .component-gallery .page-details { background: var(--bs-secondary);  padding: .75rem 1rem; background-image: url(/images/setup/Texture_Component_Header-5-.png); background-repeat: no-repeat; background-position: right; }
    .gallery .component-gallery .page-details .component-title { color:var(--bs-primary) }

    .gallery .component-gallery .macro-archive-link a.btn.btn-link { color:var(--bs-white); border-color:#fff }
    .gallery .component-gallery .macro-archive-link a.btn.btn-link:hover {  background:#fff; color:var(--bs-primary) }

    .sec-aotw .component-aotw.layout-bio .player-details .player-bio a.player-name:hover { color:var(--bs-primary) } 

.sec-aotw .component-aotw.layout-bio .player-details .player-bio .synopsis  { text-transform:uppercase; width:100% }

@media(min-width: 992px) {
    


.sec-aotw .component-aotw.layout-bio .player-details .player-bio .synopsis  { font-size:2.75rem }

.site-header:not(.is-pinned) .macro-primary-navigation a.site-logo { top:-0.5rem }
.site-header:not(.is-pinned) .macro-primary-navigation a.site-logo { min-width:10rem!important }
.site-header:not(.is-pinned) .macro-primary-navigation a.site-logo img { max-height:9rem!important }

    .top-nav { background:var(--bs-primary); padding:1.25rem }
    .top-nav .title { color:#fff}


    .primary-nav-wrapper { background:var(--bs-secondary)!important }
    .site-header .social-links .component-nav .nav a.nav-link,

    .component-search button.btn.btn-link,
    .site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link > .d-flex > a.nav-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 { color:var(--bs-primary)!important}

    .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 }

    .site-footer .affiliate-logos { margin-right:2rem }

    .top-nav > div > div { position:relative }
    .top-nav .header-ccl-logo { position:absolute; right:0; top:50%; margin-top:-13px }
    .top-nav .header-ccl-logo .component-banner.layout-flex .item img { max-width:350px }


    .component-search button.btn.btn-link:hover,
    .site-header .social-links .component-nav .nav a.nav-link:hover { color:var(--bs-primary); opacity:0.6 }
    
}


@media(max-width: 991px) {


    .sec-aotw .component-aotw.layout-bio .player-details .player-bio .synopsis  { font-size:2rem }

    .component-navbar-primary.layout-standard .navbar li.nav-item  { border-color:var(--bs-primary)!important}
    .site-header .component-navbar-primary.layout-standard .navbar-collapse { background:var(--bs-secondary) }
    .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:var(--bs-secondary)!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 .component-headlines .carousel-control-pp { background:var(--bs-secondary)}


.macro-secondary-navigation a.navbar-brand { padding-left:200px}    

    .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}
    
    .top-nav .header-ccl-logo { display:none }    
}


@media(max-width: 767px) {


    .sec-aotw .component-aotw.layout-bio .player-details .player-bio .synopsis  { font-size:1.75rem }


}