@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap');

:root {
    --body-font-family: 'Roboto', sans-serif;
    --bs-font-sans-serif: 'Roboto', sans-serif;
    --bs-body-font-family: 'Roboto', sans-serif;
    --heading-font-family: 'Roboto', sans-serif;
}


@font-face {
    font-family: 'PARSON';
    src: url('/PARSON-Bold.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

    .navbar-secondary .ul-wrapper { max-width:550px } 
    .navbar-secondary .navbar-brand:hover { color:var(--bs-white)!important; text-decoration:underline }
    .site-header .macro-secondary-navigation .dropdown-menu a { color:var(--bs-primary) }

    .site-footer .footer-details-wrapper .title,
    .pre-header { display:none }

    .section .archive-link { border-color:var(--bs-white)}


.site-footer,
html body,
html.landing body  { background-color:var(--bs-secondary); background-image:url(/assets/Texture_-Miami_Dade_College-.png)!important; background-repeat:repeat}
.sec-schedule-tabs,
.title-bar,
.sec-top-stories,
.sec-top-stories-desktop,
.sec-banner,
.sec-standings, html:not(.landing.site-home) main.site-main { background-color:transparent!important; background-image:none!important }



    .sec-standings .component-standings table tr > *,
    .sec-standings .page-details .component-headings,
    .sec-standings .content-switcher-wrapper { border-color:var(--bs-white) }
    .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 { border-color:var(--bs-white)}

.sec-social-stream .item .social-widgets-wrap .social-embed-icon, 
.sec-featured-athletes .component-aotw.layout-align .player .headshot, 
.sec-featured-athletes .slick-slider .slick-list, .sec-featured-athletes, 
.sec-featured-athletes .component-aotw.layout-align .player:after, 
.sec-featured-athletes .component-aotw.layout-align .player .player-details:after, 
.sec-featured-athletes .component-aotw.layout-align .player .player-details:before { border-color:Var(--bs-white)}

.sec-featured-athletes .component-aotw.layout-align .slick-slider.players { padding:0 }
.sec-featured-athletes .component-aotw.layout-align .player { border-top:6px solid var(--bs-white)}

.sec-standings:after { display:none }

.site-footer .footer-logo img { max-height:6rem }
.site-footer .developer-logo img { max-height:5rem }
.site-footer .developer-logo .component-banner.layout-flex ul { margin-right:2rem }
.social-stream-wrap { padding:2rem 0!important}

.section .archive-link { background:none }

.site-header .macro-secondary-navigation .navbar-secondary,
.site-header .macro-secondary-navigation { background:var(--bs-secondary)!important }
.site-header .macro-secondary-navigation a, .site-header .macro-secondary-navigation .nav-item.dropdown.flexible-menu > a { color:var(--bs-white)}

.section.sec-recent-news .component-headlines.layout-grid .component-title:before { content:"MORE NEWS"}
.section.sec-recent-news .component-headlines.layout-grid .component-title span { display:none }

.site-header .macro-secondary-navigation .component-navbar-secondary.layout-standard .navbar-nav > .nav-item:hover > .nav-link, 
.site-header .macro-secondary-navigation .component-navbar-secondary.layout-standard .navbar .navbar-nav .nav-link.active { background:var(--bs-white); color:var(--bs-secondary)}


.sec-standings .component-standings table thead th { border-color:var(--bs-white )}
.sec-standings .form-floating .form-select { background-color:transparent!important }
.sec-standings .page-details .component-headings { border-right:none }
.sec-standings .form-floating .form-select option { background-color:var(--bs-primary)!important }

.component-banner.layout-slider .slick-arrow-controls .slick-arrow:hover { background:var(--bs-secondary); color:var(--bs-white)!important}



.section.sec-top-stories-desktop h2.visually-hidden, .section.sec-recent-news h2.visually-hidden,
.section.sec-schedule-tabs h2.visually-hidden, .section.sec-standings h2.visually-hidden,
.section.sec-social-stream h2.visually-hidden, .section.sec-standings h2.visually-hidden,
.section.sec-sponsors h2.visually-hidden,    
a[href*="#site-navigation"],
a[href*="#site-main"],
a[href*="#site-footer"] { color:var(--bs-white)!important }

@media (min-width: 992px) {

    .title-bar .site-title { padding-top:0.5rem; padding-bottom:1rem; font-family:"PARSON",arial; font-size:1.65rem; letter-spacing:0.05rem }
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .navbar-brand-centered { min-width:10rem }
    .site-header.is-pinned .macro-primary-navigation .component-navbar-split.layout-standard .navbar .navbar-brand-centered img { max-height:4rem; top:0 }

    .site-header { border:none }
    .site-header .macro-primary-navigation { border-color:var(--bs-secondary) }

    .ps-component.component-navbar-split .navbar.bg-primary,
    .component-navbar-split.layout-standard ul.navbar-nav.top-level,
    .site-header .macro-primary-navigation { background:var(--bs-white)!important }

    .nav-social-links ul li a,
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .search button,
    .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 { color:var(--bs-secondary)}

    .sec-top-stories-desktop .component-headlines.layout-stacked-carousel .carousel-caption { background: var(--bs-primary-rgb); background: linear-gradient(180deg, rgba(var(--bs-primary-rgb),0) 30%, rgba(var(--bs-primary-rgb),0.40) 50%, rgba(var(--bs-primary-rgb),0.40) 80%,rgba(var(--bs-primary-rgb),1) 95% ,rgba(var(--bs-primary-rgb),1) 100%) }
    .component-headlines.layout-stacked-carousel { background:var(--bs-primary)}    
    .sec-top-stories-desktop .component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators { background:var(--bs-primary)}

    .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 { padding:0.5rem 1rem }
    .sec-featured-athletes .component-aotw.layout-align .player .player-details:before {  width:200px; left:0; background-position:50% 50%; background-size:75% auto; transform:scale(1); background-color: transparent }

    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .dropdown-menu a { color:var(--bs-secondary)}
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .megamenu .dropdown-menu-inner ul[data-flex=true] > li.nav-item:not(.brand-icon) > a:after { border-color:var(--bs-secondary)}
    .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 .slick-slider.players > button { bottom:3rem!important }

    .sec-social-stream .item .social-widgets-wrap .social-embed-content { min-height:400px }
    .sec-social-stream .item .social-widgets-wrap .social-embed-content .instagram-media { margin:0!important }


    .sec-schedule-tabs .archive-link a { font-size:1.5rem }

/*
    .sec-schedule-tabs { background:url(/assets/Parallax_Image_-_1.png) no-repeat 50% 50% fixed ; background-size:100% auto; padding-top:3rem }
    .section.sec-featured-athletes { background:url(/assets/Parallax_Image_-_2.png) no-repeat 50% 50% fixed ; background-size:100% auto; padding:2rem 0!important; border-top:none }
*/
    
    
}

@media only screen and (min-width:1200px) {
 
    .sec-featured-athletes .component-aotw.layout-align .player .player-details:before { width:250px; left:0 }
   .sec-social-stream .item .social-widgets-wrap .social-embed-content { min-height:440px }
 
}

@media only screen and (min-width:1400px) {
 
    .sec-featured-athletes .component-aotw.layout-align .player .player-details:before { width:300px }
   .sec-social-stream .item .social-widgets-wrap .social-embed-content { min-height:470px }
 
}

@media only screen and (max-width:991px) {

    .site-header .mobile-menu .navbar-offcanvas-template .btn-link[data-bs-toggle=offcanvas] span:before,
    .site-header .macro-primary-navigation > div > div > .headers-icon-links a, .site-header .macro-primary-navigation > div > div > .headers-icon-links button { color:var(--bs-primary)}
    .site-header .macro-primary-navigation { background:var(--bs-white)!important }
    .slick-dots li button:before, .component-video.layout-slider .slick-dots button, .carousel-indicators [data-bs-target] { background-color:var(--bs-secondary)}

    .section.sec-featured-athletes { background:var(--bs-secondary) }
    .sec-featured-athletes .component-aotw.layout-align .slick-slider.players { padding-bottom:3rem!important }
    .sec-schedule-tabs { background:var(--bs-secondary); padding-top:2rem!important }
    
    .sec-social-stream .item .social-widgets-wrap .social-embed-content { min-height:auto!important }
    .social-stream-wrap > .row > div { width:500px!important }

    
}


@media only screen and (max-width:767px) {

    .sec-social-stream .item .social-widgets-wrap .social-embed-icon { padding:0 1rem }
    .sec-social-stream .item .social-widgets-wrap .social-embed-content { margin:1.5rem!important }
    .social-stream-wrap > .row > div { width:100%!important; }

    
}