@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&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;
}

.ps-component.component-aotw .slick-slider .slick-pp .sr-only,
.ps-component.component-banner .slick-slider button { color:#fff!important }
.section > h2.visually-hidden { color:#fff!important }


.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
a.btn-primary:hover,
a.btn-primary.focus,
a.btn-primary:focus,
a.btn-primary:not(:disabled):not(.disabled).active,
a.btn-primary:not(:disabled):not(.disabled):active,
.schedule-grid .status.bg-primary,
.badge-primary,
.btn-primary,
a.btn-primary,
.btn-outline-primary:hover,
.btn-outline-primary.focus,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle,
a.btn-outline-primary:hover,
a.btn-outline-primary.focus,
a.btn-outline-primary:focus,
a.btn-outline-primary:not(:disabled):not(.disabled).active,
a.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>a.btn-outline-primary.dropdown-toggle,
.schedule-grid .status.bg-primary,
.card-header.bg-primary,
.badge-primary,
.btn-outline-primary,
a.btn-outline-primary{
    color:var(--color-secondary)!important ;
}



    .sec-schedule-tabs .component-tabs .nav-pills .nav-link.active,
    .sec-schedule-tabs .component-scoreboard.layout-small .card .sport-name a { color:var(--bs-secondary)!important }
    
    .site-header .macro-secondary-navigation .component-navbar-secondary.layout-standard .navbar-page-title,
    .site-header .macro-secondary-navigation .component-navbar-secondary.layout-standard .navbar-nav .nav-link { color:var(--bs-secondary)!important }
    .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-primary)}

    .component-standings .component-headings { display:none!important }

    .sec-parallax .component-parallax .layout-wrapper { min-height: 65vh }
    .sec-parallax .component-parallax .overlay::before { background-color: rgba(var(--bs-primary-rgb), .7) }

    .sec-featured-athletes .component-title { border-color:Var(--bs-primary) }
    .sec-featured-athletes .component-aotw.layout-align .player .headshot .headshot-holder img{ object-position: center center }

    .site-footer .developer-logo .footer-links ul,
    .site-footer .footer-details-wrapper,
    .sec-featured-athletes .component-aotw.layout-align .player .player-headshot:after,
    .sec-featured-athletes .component-aotw.layout-align .player .player-details:after,
    .sec-featured-athletes .component-aotw.layout-align .player .headshot .headshot-holder,
    .sec-featured-athletes .component-aotw.layout-align .player .player-details:before,
    .sec-featured-athletes .slick-slider .slick-list,
    .sec-featured-athletes { border-color:var(--bs-primary)!important}

    .site-footer .inc-hostedby { padding:0 1.5rem }
    .site-footer .copyright-privacy-links-section { background:Var(--bs-primary)!important }

    .sec-photo-gallery .page-details,
    .component-aotw.layout-align .player,
    .sec-social-stream .item .social-widgets-wrap .social-embed-icon,
    .section.sec-standings > .container { background:var(--bs-secondary) }

.internal-page .page-content .table a,
.staff-directory .table a, 
.schedule-cal .cal-days td, .schedule-cal .cal-days th,
.schedule-view.schedule-cal a,
.subscribe_links a,
.social-sharing-button-group a.btn,
.schedule-grid .sport,
.schedule-grid .month-title { color:Var(--bs-secondary)!important }
.schedule-grid .links a,
.internal-page .table a,
.internal-page .table .thead-dark th { color:var(--bs-secondary)!important }

    .internal-page .site-main > div { background:#fff; margin-top:1rem ; margin-bottom:1rem }

    .container.social-stream-wrap { padding:2rem 0 }
    
    .title-bar { display:none!important }

.site-header .bar,
body { background-image:url(/assets/Texture.png) }
.landing .section,
.sec-top-stories,
.sec-top-stories-desktop,
.sec-schedule-tabs,
.sec-banner,
.sec-standings {  background:none!important ; background-color:none!important } 

    .sec-featured-athletes .component-aotw.layout-align .player .player-details:before { background:55px/cover no-repeat url(/assets/Peninsula_Logo_Head.png);  }
    .section .archive-link:hover a { color:var(--bs-dark) }
    .site-footer .copyright-privacy-links-section a:hover { color:#000!important; text-decoration:underline!important }
    html.internal-page .schedule-view.schedule-cal .cal-date-noborders span { background:none!important }

.pre-header .next-event-wrapper { display:none }

.site-title-bar.bg-secondary.text-white{
    background-color:transparent !important;
}
    
@media only screen and (min-width:992px){
    
.title-bar { display:block!important; Padding:1rem 0; }
.title-bar .site-title { display:none; }

.pre-header { background:transparent!important }


    .site-header .macro-primary-navigation .navbar,
    .component-navbar-split.layout-standard ul.navbar-nav.top-level,
    .site-header .macro-primary-navigation { background:var(--bs-secondary)!important }
    .site-header .macro-primary-navigation { border-color:var(--bs-primary) }
.component-navbar-split.layout-standard .navbar .navbar-brand-centered { margin:0 3rem!important }

.site-header.is-pinned .macro-primary-navigation .component-navbar-split.layout-standard .navbar .navbar-brand-centered img { max-height:5.5rem!important }

    .sec-schedule-tabs .archive-link { top:-52px }

    .sec-featured-athletes .component-aotw.layout-align .player .player-details:after,
    .sec-featured-athletes .component-aotw.layout-align .player .player-headshot:after { z-index:-1 }

    .section.sec-banner { padding-top:3rem!important }

.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 }
.site-header .macro-primary-navigation .component-navbar-split.layout-standard .dropdown-menu .nav-link { color: var(--bs-white)!important }
.component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle { text-transform:uppercase; border-color:var(--bs-primary)!important; padding:0!important}
    .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):not(:nth-child(3)) > a:after { border-color:var(--bs-white)!important }
.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-secondary)!important }
   .site-header .macro-primary-navigation .component-navbar-split.layout-standard .dropdown-menu { padding:2.5rem 2rem }
.component-navbar-split.layout-standard .navbar.navbar-expand-lg .dropdown-menu.megamenu { top:60px }


}

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

.sec-social-stream .item .social-widgets-wrap .fb-page iframe { height:500px!important }
.sec-social-stream .item .social-widgets-wrap .social-embed-content { max-height:400px }

}

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

.site-header .mobile-menu .navbar-offcanvas-template .offcanvas-header, .site-header .mobile-menu .navbar-offcanvas-template .offcanvas-body{background:var(--bs-secondary) !important}
.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); text-transform:uppercase; font-weight:700 }

.site-header .macro-primary-navigation { box-shadow:0 .5rem 1rem rgba(194,180,224,.15)!important }

}