:root {
    --body-font-family: 'arial', sans-serif;
    --bs-font-sans-serif: 'arial', sans-serif;
    --bs-body-font-family: 'arial', sans-serif;
    --heading-font-family: 'arial', sans-serif;
}


.form-floating:before {
    width: .7rem;
    height: .7rem;
    background-size: .7rem;
    top: 0.95rem;
    filter: grayscale(100%);
}

.site-footer { border-top:2px solid var(--bs-primary)!important }
.footer-logos { display:none }

.sec-scoreboard .component-scoreboard.layout-standard .card .card-body .fs-5 .sport-name-wrapper,
.sec-top-stories .right-col .carousel-indicators .card-body .d-flex.flex-column .date:after,
.sec-top-stories .right-col .carousel-indicators .card-body .d-flex.flex-column .category { display:none}
.sec-scoreboard .component-scoreboard.layout-standard .card .card-header span.status { top:7.25rem }

.sec-social-stream .row { max-width:450px; margin:0 auto }
.social-stream .social-embed-content { height:auto; border:none }
.social-stream .component-social .social-widgets .item .social-widgets-wrap { padding:0.75rem!important }


.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: 600;
    font-family: var(--bs-body-font-family);
}


.site-header .secondary-navigation { background:var(--bs-tertiary)!important }
.component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) .nav-link,
.macro-secondary-navigation a.navbar-brand { color:var(--bs-primary)}
.sec-standings table thead  tr:first-child { display:none }

.sec-sponsors { background:none!important }

.sec-more-news { display:none!important }

.sec-scoreboard .layout-wrapper ul.nav { margin-bottom:0.5rem!important }
.sec-scoreboard .layout-wrapper ul.nav a.nav-link { border-right:2px solid var(--bs-white)!important}
.sec-scoreboard .layout-wrapper ul.nav a.nav-link.active { background:var(--bs-secondary); color:var(--bs-primary);}
.sec-scoreboard .layout-wrapper ul.nav a.nav-link:hover { text-decoration:underline }
.component-scoreboard.layout-standard .card,
.component-scoreboard.layout-standard .slick-list { border-color:var(--bs-primary)}

.top-nav .title { letter-spacing:0.225rem; color:var(--bs-primary); font-size:1.25rem; white-space:nowrap }
.top-nav .component-navbar-image ul.navbar-nav { justify-content:flex-end!important }
.top-nav ul.navbar-nav li a { padding:1.5rem 0.75rem }

.site-header .social-links:before { background-image:url(/assets/texture1.png) }
.site-header .social-links .component-nav .nav a.nav-link { color:var(--bs-primary)!important }
.site-header .social-links .component-nav .nav a.nav-link:hover { opacity:0.6 }

.component-aotw.layout-bio .player-details .player-bio .synopsis {  width:100%; }

.sec-aotw .component-aotw.layout-bio .slick-slider .btn.slick-pp,
.sec-aotw .component-aotw.layout-bio .slick-slider .slick-arrow { color:var(--bs-tertiary); border-color:var(--bs-tertiary)}
.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-primary) }
.component-aotw.layout-bio .player-details .player-bio .synopsis p { text-transform:uppercase!important }


.sec-standings .component-headings .component-title { background:var(--bs-secondary); color:var(--bs-primary)}
.sec-standings .ps-component tbody { background:var(--bs-white)}

.top-nav,
footer#site-footer,
main#site-main:before { background-image:url(/assets/texture3.png);  opacity: 1 }

.site-footer .media img { max-height:5rem }
.site-footer .affiliate-logos .component-banner.layout-flex .item img { max-width:10rem }


.sec-scoreboard .layout-wrapper ul.nav { position:relative; overflow:hidden }
.sec-scoreboard .layout-wrapper ul.nav:after { content:"";  right:-20px; left:60%; position:absolute; top:0; bottom:0; background-image:url(/assets/texture2.png); transform: skew(-25deg) }

.sec-standings .component-headings { position:relative; overflow:hidden }
.sec-standings .component-headings:after { content:"";  right:-20px; left:60%; position:absolute; top:0; bottom:0; background-image:url(/assets/texture2.png); transform: skew(-25deg) }
.sec-standings .page-details { padding:0 }

.sec-scoreboard .macro-archive-link a.btn.btn-link { font-weight:700 }

@media screen and (min-width: 992px) {

    header .component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu.megamenu { padding:2rem }
    .component-navbar-primary.layout-standard .navbar .dropdown-toggle::after { color:var(--bs-tertiary)!important }
    .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-flex="true"] > li > a { padding:0.25rem 0.5rem!important }

    .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner .megamenu-list { max-width:50%!important; margin:0 auto!important }
    .component-navbar-primary.layout-standard .navbar.navbar-dark .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle { border:none!important }
    .component-navbar-primary.layout-standard .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item .dropdown-menu.megamenu .megamenu-inner > .megamenu-list > li.nav-item > .nav-link a.nav-link { font-size:1.125rem }
    .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle { pointer-events:unset !important }
    .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li.nav-item { justify-content:flex-start!important }
    .component-navbar-primary.layout-standard .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item .dropdown-menu.megamenu .megamenu-inner > .megamenu-list > li.nav-item > .nav-link { max-width:250px!important }

    .internal-page .macro-primary-navigation a.site-logo,
    .macro-primary-navigation a.site-logo { min-width: 10rem!important }
    .internal-page .macro-primary-navigation a.site-logo img { max-height:8rem!important }


}

@media screen and (min-width: 992px) and (max-width:1399px) {

    .primary-nav-wrapper > .container {  max-width:100%!important }

}

@media screen and (min-width: 1200px) {

    .internal-page .macro-primary-navigation a.site-logo,
    .macro-primary-navigation a.site-logo { min-width: 14rem!important }

}


.section.sec-aotw { background:var(--bs-primary)}


.sec-scoreboard .layout-wrapper button.prev{
    left: calc(0rem - 20rem)!important;
    position: absolute;
    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-primary);
    border-radius: 0;
    right: 0!important;
    margin: auto;
}

.sec-scoreboard .layout-wrapper button.next {
    right: calc(0rem - 20rem)!important;
    position: absolute;
    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-primary);
    border-radius: 0;
    left: 0!important;
    margin: auto;
}

.sec-scoreboard .layout-wrapper button.next:hover,
.sec-scoreboard .layout-wrapper button.prev:hover { background:var(--bs-primary); color:var(--bs-white) }
