.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,
.badge-primary,
.btn-outline-primary,
a.btn-outline-primary{
    color:#000 ;
}

.bg-primary.text-white,
.schedule-grid .month-title,
div.bg-primary.text-white,
.table .thead-dark th,
.page-content.schedule-content .month-title.bg-primary.text-light { color:#000  !important }

    .section.developer .inc-hostedby .sr-only { color:#000!important }
    .mod-photo-gallery .card-deck .card { background:#000}


    .header-top .scoreboard-wrapper .mod-scoreboard .card-body { background:Var(--color-light)!important }
    .header-top .scoreboard-wrapper .mod-scoreboard .slick-arrow { background:var(--color-primary)}
    
    .component.recentnews .mod-more-news .load-more { color:#000; text-transform:uppercase; font-weight:700 }

    .navbar-secondary .navbar-brand { text-transform:uppercase }
    .mod-site-footer { border-top:5px solid #fff }
    
    .component.featuredathlete .site-name { font-weight:700; text-shadow:0 2px 2px var(--color-primary) }

    .component.newsrotator .mod-news-rotator.style2 { background:#fff }
    .component.newsrotator .mod-news-rotator.style2 .story-box { text-transform:uppercase }
    .component.newsrotator .mod-news-rotator.style2 .story-box .date-sport { color:#000 }

    .schedule-list .schedule-content .schedule-list-months { display:inline-block; vertical-align:middle; margin:0 0.25rem }

    .mod-scoreboard.style5 .card .card-title.sport { font-size:1.25rem }
    
    .internal-page .schedule-view .sport[href*='jv']:before {content: 'JV';margin-right: 3px;}

@media only screen and (min-width:992px) {

    .component.featuredathlete .athletes > div { padding:0 6rem }

    .component.featuredathlete .site-name { font-size:2rem }

    .component.newsrotator .mod-news-rotator.style2 .control { position: relative; display: block; width: 100%; margin: 10px 0px 0px; cursor: pointer; }
    .component.newsrotator .mod-news-rotator.style2 .control:focus::after, .component.newsrotator .mod-news-rotator.style2 .control.active::after { content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; right:0; border:5px solid var(--color-primary) }
    .component.newsrotator .mod-news-rotator.style2 .controls { width:100%; margin:auto; background:#fff }
    .component.newsrotator .mod-news-rotator.style2 .control { display:block; width:20%!important; border:5px solid #fff ; position:relative; overflow:hidden; color:#fff; margin:0 }
    .component.newsrotator .mod-news-rotator.style2 .control:before { content:''; display:block; padding-top:66% }
    .component.newsrotator .mod-news-rotator.style2 .control img { position:absolute; left:0; top:50%; width:100%; -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%) }
    .component.newsrotator .mod-news-rotator.style2 .slick-arrow { background:Var(--color-primary)!important}

    .component .component-heading { font-size:2.5rem }

    .navbar.navbar-primary li.dropdown > .dropdown-menu { padding:3rem 1rem; max-height:none }
    .navbar.navbar-primary li.dropdown > .dropdown-menu .dropdown-item { font-size:0.875rem }


}

@media only screen and (max-width:991px) {

.component.featuredathlete h2.sr-only {position:static;width:auto!important;height:auto!important;font-weight:700;text-shadow:0 2px 2px var(--color-primary);color:#000!important; white-space:unset; text-align:center}

}


@media only screen and (max-width:767px) {

body { background-attachment:scroll; background-color:#222!important }


}