@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Rajdhani:wght@400;500;600;700&display=swap');



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

    .social-icons-footer .component-nav.layout-standard .nav-link .fa-threads,
    .component-navbar-split.layout-standard .nav-social-links .component-nav.layout-standard .nav-link .fa-threads { font-family:"Font Awesome 6 Brands"; color:#fff }
    
    .component-navbar-split.layout-standard .nav-social-links .nav-link:focus .fa-threads,
.component-navbar-split.layout-standard .nav-social-links .nav-link:hover .fa-threads { color:var(--bs-primary)!important }

    .sec-schedule-tabs .component-scoreboard.layout-small .card .middle-inner,
.sec-schedule-tabs .component-scoreboard.layout-small .card { border-color:var(--bs-tertiary)!important }
    
.sec-recent-news .layout-wrapper, .sec-recent-news .page-details, .sec-recent-videos .layout-wrapper, .sec-recent-videos .page-details, .sec-photo-gallery .layout-wrapper, .sec-photo-gallery .page-details,
.section .archive-link a,.section .archive-link,
.sec-social-stream .item .social-widgets-wrap .social-embed-icon,
.sec-schedule-tabs .component-scoreboard.layout-small .slick-list,
.sec-schedule-tabs .component-tabs .page-details { border-color:var(--bs-tertiary)!important }
.sec-recent-news .page-details .component-headings, .sec-recent-videos .page-details .component-headings, .sec-photo-gallery .page-details .component-headings { border:none}

.sec-standings .page-title { color:#fff !important }
.component-navbar-split.layout-standard .nav-social-links .component-nav.layout-standard .nav-link .label { display:none !important }

    .sec-featured-athletes,
    .sec-featured-athletes .component-aotw.layout-align .player:after,
    .sec-featured-athletes .component-aotw.layout-align .player .headshot,
    .sec-featured-athletes .component-aotw.layout-align .player .player-details:before,
    .sec-featured-athletes .component-aotw.layout-align .player .player-details:after { border-color:var(--bs-primary)}


.site-footer .footer-details .title { font-size:1.5rem!important; font-weight:600!important }
.site-footer .footer-details .title,
.site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item.parent > .nav-link, 
.site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item.parent > .nav-link > span > a.nav-link { font-family:"Rajdhani",arial }
.site-footer .footer-details .footer-logo img { max-height:6rem }

.site-footer .inc-hostedby { margin-left:1rem }

    .sec-schedule-tabs .component-scoreboard.layout-small .card .sport-name a { color:var(--bs-secondary) }
    .section .archive-link a { font-size:1.5rem; font-family:"Rajdhani",arial }
    .component-headlines.layout-stacked-carousel .archive-link a,
    .sec-schedule-tabs .archive-link a { border:none; font-size:1.5rem }

    .title-bar .site-title { font-family:"Rajdhani",arial; font-weight:600!important; font-size:1.65rem}

    .site-header .macro-secondary-navigation a, .site-header .macro-secondary-navigation .nav-item.dropdown.flexible-menu > a { color:var(--bs-secondary); font-family:"Rajdhani",arial }

.title-bar,
.sec-top-stories,
.sec-top-stories-desktop,
.sec-schedule-tabs,
.sec-banner,
.sec-standings, html:not(.landing.site-home) main.site-main { background:none!important }

html.landing body { background-image: url(/assets/Texture_Transparent_-Copper_Mountain_College-.png)!important; background-position:50% 50% 0; background-color:var(--bs-secondary)!important; background-size:100% auto; background-repeat:no-repeat;  }
.sec-schedule-tabs .component-tabs .nav-pills .nav-link.active { background-color:var(--bs-tertiary); color:var(--bs-secondary) }


@media (min-width: 992px) {

    .sec-featured-athletes .ps-component.component-aotw.layout-align { border-bottom:6px solid var(--bs-primary) }

    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .dropdown-menu, .site-header .macro-primary-navigation .component-navbar-split.layout-standard .dropdown-menu ul { background-color:var(--bs-secondary)!important }
    .component-navbar-split.layout-standard .navbar,
    .component-navbar-split.layout-standard ul.navbar-nav.top-level,
    .site-header .macro-primary-navigation { background:var(--bs-secondary)!important }

    .site-header .macro-secondary-navigation .navbar-brand { font-size:1.65rem }

.site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item.parent:hover > .nav-link,
.site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item.parent:hover > .nav-link > span > a.nav-link { color:var(--bs-primary)!important}


    .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle { text-transform:uppercase; font-family:"Rajdhani",arial }    
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .dropdown-menu a, .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item.parent:hover > .nav-link, .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item.parent:hover > .nav-link > span > a.nav-link { color:var(--bs-white)}

    .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle { border-color:var(--bs-primary) }

    .sec-featured-athletes .component-aotw.layout-align .player .player-details:before { content:''; width:270px; height:100%; position:absolute; left:-190px; background-image:url(/assets/CopperMountain_Logo_Cropped.png); background-position:50px 55px; transform:scale(1.25);  background-color: var(--bs-white) }

.sec-top-stories-desktop .component-headlines.layout-stacked-carousel .category:before { padding:0 0.25rem }

}


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

    .sec-featured-athletes .component-aotw.layout-align .player .player-details:before { width:370px; left:-100px }
.sec-featured-athletes .component-aotw.layout-align .player .player-details { padding-left:370px}

}

@media (max-width: 991px) {

    .site-header .mobile-menu .navbar-offcanvas-template .offcanvas-body { background:var(--bs-secondary) }
    .site-header .mobile-menu .navbar-offcanvas-template .accordion-button::after, .site-header .mobile-menu .navbar-offcanvas-template .accordion-button:after,
    .site-header .mobile-menu .navbar-offcanvas-template .accordion-flush .accordion-item .nav-link { color:var(--bs-white)}


}