@import url('https://fonts.googleapis.com/css2?family=Anton&family=Open+Sans:wght@300..800&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: 'Anton', sans-serif;
}

:focus-visible,
:focus {outline: 2px solid var(--bs-red) !important;box-shadow: none!important;outline-offset:-2px }
 
.landing .component-navbar-primary.layout-standard .navbar a.nav-link.dropdown-old-toggle:focus-visible:before { outline:2px solid var(--bs-red) !important; box-shadow:none !important }

@media screen and (min-width: 1400px) {
    .component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item .card .row > .col-sm-8 .card-title {
        min-height: auto;
    }
}

#site-footer .footer-details .thumbnail img { max-height:5rem!important }
#site-footer .footer-details a,
#site-footer .text * { color:var(--bs-primary)!important; font-weight:500!important }
#site-footer .text .fs-2.fw-bold.title { font-weight:700!important; font-size:1.4rem!important; color:var(--bs-primary)!important }
#site-footer .privacy-links a:hover span { text-decoration:underline!important }

.site-header .component-tabs > .layout-wrapper > .d-flex .form-floating { border-top:1px solid rgba(0,0,0,0.175)}

.social-stream .social-embed-content { background:var(--bs-white)}

.social-stream #component-social-widget-twitter .social-widgets-wrap .social-embed-icon, 
.social-stream #component-social-widget-facebook .social-widgets-wrap .social-embed-icon, 
.social-stream #component-social-widget-instagram .social-widgets-wrap .social-embed-icon { padding-bottom:0!important }


.sec-aotw .component-aotw.layout-elite .component-title { font-weight:normal }
.sec-aotw .component-aotw.layout-elite .players .component-image img { max-width:7rem }
.sec-aotw .component-aotw.layout-elite .players .slick-track .player { background:var(--bs-primary)!important }

.countdown .component-countdown { padding:1rem 1.25rem }

.site-header .component-tabs > .layout-wrapper > .d-flex .form-floating .form-select { color:var(--bs-primary); font-weight:700 }

.media-section .ps-component .nav-item .nav-link:focus,
.media-section .ps-component .nav-item .nav-link:hover { opacity:0.85; text-decoration:underline }

.component-video.layout-slider .card:hover .card-title a,
.media-section .component-tabs .tab-content .item .card-img-overlay .card-title a:hover { text-decoration:underline!important}

.component-navbar-primary.layout-standard .navbar .navbar-nav .nav-item.parent > .nav-link, .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-item.parent > .nav-link > .d-flex > .nav-link,
.featured-headlines .component-headlines .layout-wrapper .left-col .carousel-caption-title,
.component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item .card-body a,
.countdown .component-countdown .details .details-2 .fs-2,
.banner .component-banner.layout-flex .item span.item-title,
.media-section .ps-component .nav-item .nav-link,
.social-stream #component-social-widget-facebook .social-widgets-wrap .social-embed-icon::before,
.social-stream #component-social-widget-instagram .social-widgets-wrap .social-embed-icon::before,
.social-stream #component-social-widget-twitter .social-widgets-wrap .social-embed-icon::before,
.site-header .site-title { font-family:"Anton", sans-serif; font-weight:normal!important }

.social-stream #component-social-widget-facebook .social-widgets-wrap .social-embed-icon::before,
.social-stream #component-social-widget-instagram .social-widgets-wrap .social-embed-icon::before,
.social-stream #component-social-widget-twitter .social-widgets-wrap .social-embed-icon::before { font-size:1.35rem; line-height:2; }

.social-stream .social-widgets-wrap { background:none!important }

.social-stream #component-social-widget-facebook .social-widgets-wrap .social-embed-icon::after,
.social-stream #component-social-widget-instagram .social-widgets-wrap .social-embed-icon::after,
.social-stream #component-social-widget-twitter .social-widgets-wrap .social-embed-icon::after{ background-color:var(--bs-primary)}

.site-header .component-tabs .card .body-top .sport a:hover { color:var(--bs-primary)!important}


.media-section .ps-component .nav-item .nav-link { font-size:1.35rem }

.footer-logos,
.section.sec-sponsors { display:none }
.site-footer { border-top:2px solid var(--bs-primary)}

#site-footer .affiliate-logos .item img { max-height:100px }

main#site-main, #site-footer {
    background: url(/assets/Texture_-Modesto_Junior_College-.png);
}

.more-news { display:none }

.site-header .site-title { color:var(--bs-primary)}
.site-header .site-title-wrapper:before { background-color:var(--bs-primary)}

.media-section .ps-component .nav-item .nav-link { color:var(--bs-primary)}
.media-section .ps-component .nav-item .nav-link.active { border-color:var(--bs-primary)!important }

.social-stream .social-widgets-wrap .social-embed-icon .fab { visibility:hidden }


.site-header .navbar.navbar-secondary,
.site-header .secondary-navigation { background:var(--bs-tertiary)!important}

.developer-logo .component-nav { margin-left:0 }
.developer-logo .component-nav a.nav-link { padding-left:0.5rem; padding-right:0.5rem}


.countdown .component-countdown .details .details-2 .teams { color:var(--bs-white); font-size:1.125rem }
.countdown .component-countdown .details .details-2 .teams > span:nth-child(1) { flex:unset}
.countdown .component-countdown .details .details-2 .teams .vs-at { padding-left:0.25rem!important; padding-right:0.25rem!important}

.component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) .nav-link:hover { background:var(--bs-primary); color:var(--bs-white)}
.component-navbar-secondary.layout-standard .navbar .nav-item .dropdown-menu a { color:var(--bs-tertiary) }

.site-header .component-tabs .card .body-middle .vs-at-indicator { color:var(--bs-primary)!important }
#site-footer .footer-details > .text { padding-left:0!important }


.banner .component-banner.layout-flex .item { background: var(--bs-primary)!important }
/*.site-header .content-switcher-wrapper .macro-archive-link a { color:var(--bs-primary)!important; background:var(--bs-white)!important }*/

@media screen and (min-width: 992px) {

    .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link { font-size:1.25rem }

    .featured-headlines .component-headlines .layout-wrapper .right-col .component-headings .component-title:before { content:"TOP HEADLINES"; font-size:1.5rem; color:var(--bs-primary)}
    .featured-headlines .component-headlines .layout-wrapper .right-col .component-headings .component-title span { display:none }
    .featured-headlines .component-headlines .layout-wrapper .right-col .component-headings  .component-sub-title { display:none }
    .component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item .card-body a { font-size:1.125rem }

.sec-aotw .component-aotw.layout-elite .component-title { background:var(--bs-primary)!important }

    .menu .navbar-collapse .nav-item > .megamenu > .megamenu-inner > .megamenu-list > .nav-item > .dropdown-menu > .dropdown-menu-inner > ul.navbar-dark > li.nav-item > .dropdown-menu .nav-item:not(.brand-icon) .nav-link:hover { background-color:rgba(31, 41, 87, 0.7)!important }

    .site-header .primary-nav-wrapper.bg-primary:after { display:none!important }
    .component-navbar-primary.layout-standard .navbar .nav-item:not(.parent) .nav-link:hover { text-decoration:underline }

    .featured-headlines .component-headlines .layout-wrapper .right-col .component-headings .component-title:after { background:var(--bs-primary)}

    .component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item .card-body a { color:var(--bs-primary) }

    .featured-headlines .component-headlines .layout-wrapper .right-col .macro-archive-link a { padding:0!important }
    .featured-headlines .component-headlines .layout-wrapper .right-col { margin-top:0 }


    .featured-headlines .component-headlines .layout-wrapper .right-col .macro-archive-link { margin-top:0.5rem; color:var(--bs-primary)!important }
    .featured-headlines .component-headlines .layout-wrapper .right-col .macro-archive-link a { font-size:1.125rem; color:var(--bs-primary)!important}
    .featured-headlines .component-headlines .layout-wrapper .right-col .macro-archive-link a:after { border-color:var(--bs-primary)!important; right:-0.5rem }

    .site-header .site-title { font-size:1.25rem; letter-spacing:0.35rem }


}

@media screen and (max-width: 991px) {
    
    .featured-headlines .component-headlines .layout-wrapper .left-col .carousel-indicators button.active { background:var(--bs-primary)}
    .site-header .site-title {  letter-spacing:0.25rem }
    body header .collapse .dropdown-menu-inner .navbar-dark .nav-item.dropdown a.nav-link.dropdown-old-toggle.p-0 { justify-content:flex-end }

    .site-footer > .container > .d-flex  { flex-direction:column-reverse }
    .site-footer > .container > .d-flex  .affiliate-logos ul { flex-direction:row!important }


    .menu .navbar-collapse .nav-item > .megamenu > .megamenu-inner > .megamenu-list > .nav-item > .dropdown-menu > .dropdown-menu-inner > ul.navbar-dark > li.nav-item > .nav-link { padding:0.125rem 0.5rem!important}

}

@media screen and (max-width: 767px) {
    
    .site-header .site-title {  letter-spacing:0.1rem }
    #site-footer .affiliate-logos { display:block!important }

.site-footer > .container { max-width:100%; padding-top:0!important}
.site-footer > .container > .d-flex { flex-direction:column-reverse!important }
.site-footer > .container .affiliate-logos { background:var(--bs-white ); width:100%; padding:1rem}


    .site-header .site-title { padding-right:.75rem }

}