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

:root { 
    --heading-font-family: "Roboto Slab", serif;
}


.internal-page .site-main > .container { background:var(--bs-white)}

.pre-head-section.position-relative {   display: none; }
.site-header .title-section-wrap {   background: #fff; }

.sec-site-tagline .branding span:before, .sec-site-tagline .branding span:after {   background-color: var(--bs-secondary); }
.site-header .social-links a.nav-link {   background-color: var(--bs-secondary) !important; }
.site-header .social-links a.nav-link span:before {   color: #fff; }
.site-header .title-section-wrap .social-links {    border-color: var(--bs-primary);   border-width: 2px; }
.site-header .macro-primary-navigation {   box-shadow: none !important; }
.site-tagline {    color: var(--bs-primary) !important;   font-style: normal !important; }

.sec-featured-headlines .component-headlines.layout-featured-slider .card .card-title a {    color: var(--bs-primary); }
.sec-featured-headlines .component-headlines.layout-featured-slider .card .card-title a:hover {   color: var(--bs-secondary); }

.sec-parallax .component-parallax .overlay::before {   background: none; }

.sec-text-banner .component-text-banner.layout-standard .item-box a:before,
.sec-hero-video .overlay { background:transparent!important }
.component-text-banner.layout-standard .item-box span { background:var(--bs-primary); top:auto; right:0; left:0; padding:0.125rem 1rem }

.landing main#site-main {    background-color: var(--bs-primary);    background-image: url(/assets/Texture_-Pensacola_State-.png);    background-repeat: no-repeat; background-size:2000px auto;   background-position:50% 100%; background-attachment:fixed }
.internal-page main#site-main { background:var(--bs-primary)}

.sec-standings .component-standings.layout-standard tbody {   color: #000; }
.sec-standings .component-standings.layout-standard  thead {   color: var(--bs-primary); }
.sec-standings .component-tabs.layout-select .form-floating select {    color: var(--bs-primary);   font-weight: bold;     background-color: rgba(255, 255, 255, 0.01);}
.sec-standings .component-tabs.layout-select .form-floating select option {   background-color: #fff; }
.sec-standings .component-tabs.layout-select .table-hover>tbody>tr:hover>* {   color: #000; }

section.section.sec-standings a[rel="wiki-link"] {   color: #fff; }
.sec-standings .page-details, .sec-standings .component-standings.layout-standard .layout-wrapper {   background-color: #fff; }
.sec-standings .page-details .component-title {   font-style: normal; }
.sec-standings .macro-archive-link a {    background: #fff;    margin-top: 10px;   border-radius: 0; }


.sec-text-banner .component-text-banner.layout-standard .item-box a:before {   background-color: rgba(var(--bs-secondary-rgb), .9); }
.sec-tabs .component-tabs.layout-responsive ul.nav-tabs li button.active {   border: none; }
.sec-tabs .component-gallery.layout-stacked .card {   border: none; }
.component-tabs.layout-responsive .accordion-item {   background: transparent; }
.sec-tabs .macro-archive-link a, .sec-tabs .archive-link a {    background: #fff;   border-radius: 0;}

footer#site-footer {   background: var(--bs-primary) !important; }
.social-icons-footer ul a {    background: var(--bs-secondary);   color: #fff; }
.social-icons-footer ul a:hover, .social-icons-footer ul a:focus {    background: #fff !important;   color: var(--bs-secondary) !important; }
.site-footer .footer-links .nav-link:hover {    color: #fff;   text-decoration: underline; }
.site-footer .footer-left .footer-details .fs-4.title {   font-style: normal !important; }
.site-footer .footer-right.affiliate-logos li img {   max-height: 6rem; }
.site-header .social-links a.nav-link:hover { background: var(--bs-primary) !important; }
.site-header .macro-secondary-navigation .navbar-page-title {   color: var(--bs-primary); }
.site-header .macro-secondary-navigation .component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) .dropdown-menu .nav-link {   color: #fff; }
 .component-parallax.layout-clickable .card-body img.img-fluid {   max-width: 589px;   width: 100% !important; } 


.site-tagline span, .site-header .navbar-collapse .navbar-nav .nav-item.parent > .nav-link, .site-header .navbar-collapse .navbar-nav .nav-item.parent > .nav-link > span > a,
.site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle,
.site-footer .footer-left .footer-details .fs-4.title{   font-family: var(--heading-font-family); }

.sec-standings .component-tabs.layout-select .form-floating label {   display: none; }
.sec-standings .component-tabs.layout-select .form-floating select{    padding-top: 0;}

.component-parallax .parallax-bg {   background-color: var(--bs-primary); }


#h2-site-tagline, #h2-hero-video, #h2-featured-headlines, #h2-scoreboard, #h2-parallax, #h2-standings, #h2-text-banner, #h2-tabs, .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls button span.text.sr-only{background-color:#fff; color:#000;}
.sec-scoreboard .component-scoreboard.layout-small .card.event-box.no-more-events{   color: #fff;}


.social-icons-footer ul a:hover, .social-icons-footer ul a:focus {   background: var(--bs-tertiary) !important; }

@media(min-width:992px){
    

/*    
.component-video > .layout-wrapper > .ratio.ratio-16x9 { --bs-aspect-ratio: calc(40%) }
.component-video > .layout-wrapper > .ratio.ratio-16x9 video.player { object-fit: cover }
*/
    .section.sec-hero-video { margin-bottom:0!important }

    .site-tagline span {    font-style: normal;   font-size: 1.5rem !important;}
    .site-header .navbar-collapse .navbar-nav .nav-item.parent > span > span > a.nav-link:hover {    color: #fff;   opacity: 0.8; }
   html.landing.site-home header#site-navigation {   border-bottom: 5px solid #fff;         box-shadow: none !important;}
   
    .macro-secondary-navigation {   box-shadow: none !important; }
    main#site-main {      background-position: bottom 160px center; }
    .site-header .navbar-collapse .navbar-nav .nav-item.parent > a.nav-link:hover, 
    .site-header .navbar-collapse .navbar-nav .nav-item.parent > a.nav-link:focus, 
    .site-header .navbar-collapse .navbar-nav .nav-item.parent > span > span > a.nav-link:hover,
    .site-header .navbar-collapse .navbar-nav .nav-item.parent > span > span > a.nav-link:focus,
    .site-header .navbar-collapse .navbar-nav .nav-item.parent > .nav-link:hover,
    .site-header .navbar-collapse .navbar-nav .nav-item.parent > .nav-link:focus {    color: #fff;   opacity: 0.9;}
    .site-header .component-search.layout-modal button:hover span:before, .site-header .composite-link:hover span:before {    color: #fff;   opacity: 0.8; }
    .site-header .navbar-collapse .navbar-nav .nav-item.parent:last-of-type  .dropdown-menu { left:auto; right:0}

    .site-header .component-navbar-primary.layout-standard .navbar .nav-item:not(.parent) .nav-link:hover {    color: #fff;    opacity: 0.8;   text-decoration: underline; }

    
    .sec-site-tagline .branding span:before, .sec-site-tagline .branding span:after { width:1rem }
    .sec-site-tagline .branding span:before { left:-1.135rem }
    .sec-site-tagline .branding span:after { right:-1.125rem}

    
}

@media(min-width:1200px){
    section.section.sec-tabs .component-tabs {    max-width: 90%;   margin: 0 auto; }
}

@media(max-width:991px){
    header#site-navigation {   background: var(--bs-primary); }
    .site-header .mobile-menu .offcanvas-title {   font-style: normal; }
    .sec-featured-headlines .component-headlines.layout-featured-slider .card .card-title a {    font-size: 1.25rem;   line-height: inherit; }
    .sec-scoreboard .component-scoreboard.layout-small .card {   border-color: #fff; }
    .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls .prev {   border-color: #fff !important; }
    .component-parallax.layout-clickable .card-body img.img-fluid {   width: 100% !important; }
}
@media(max-width:767px){
    section.section.sec-text-banner.p-3.py-lg-0 {    background: #fff;   padding: 0.5rem 0.5rem 0 !important; }
    .component-text-banner.layout-standard ul {   gap: 0.5rem !important;    margin-bottom: 0.5rem; }
    section.section.sec-tabs {   padding-top: 1rem; }
    .social-icons-footer ul a {    background: #fff !important;   color: var(--bs-secondary); }
    .site-header .mobile-menu .navbar-offcanvas-template .offcanvas-body a.offcanvas-navigation-logo img.img-fluid {   max-height: 12rem; }
}

/*SCOREBOARD*/
.sec-scoreboard .layout-wrapper>div { align-items:center!important;flex-direction: row !important }
.sec-scoreboard .layout-wrapper>div.teams-filter { display: none }
.sec-scoreboard .component-tabs .tab-content { background:var(--bs-secondary); width: 100% }
.sec-scoreboard .component-scoreboard.layout-small .slick-list { border:none }
.sec-scoreboard .component-scoreboard.layout-small .slick-arrow.slick-hidden { display:block }
.sec-scoreboard .body-middle .middle-inner { padding-top:0!important;border-top:0!important }
.sec-scoreboard .body-middle .middle-inner .macro-event-notes { display:none }
.sec-scoreboard .body-middle .middle-inner span.name { font-weight:500!important; text-align: left;  }
.sec-scoreboard .body-middle .middle-inner span.vs-at-indicator { color:#fff; font-weight: 500 !important }
.sec-scoreboard .component-scoreboard.layout-small .card { border-right:1px solid rgba(0,0,0,0.15);    background-color: var(--bs-secondary);  border-color: #fff; }
.sec-scoreboard .component-scoreboard.layout-small .card:last-child { border-right:0 }
.sec-scoreboard .component-scoreboard.layout-small .team-inner { align-items:self-start!important }
.sec-scoreboard .body-top a,
.sec-scoreboard .body-top span { color:#fff;line-height:1 }
.sec-scoreboard .body-top { display:flex;flex-direction:column-reverse }
.sec-scoreboard .body-middle .middle-inner .macro-line-scores,
.sec-scoreboard .body-top,
.sec-scoreboard .card-body { gap:.15rem!important }
.sec-scoreboard .body-top .date, .pre-head-section .sec-scoreboard .body-top .status { font-size: .875rem; }
.sec-scoreboard .component-scoreboard.layout-small .event-team-name { align-items:center; font-size: .875rem; }
.sec-scoreboard .component-scoreboard.layout-small .event-team-name img { max-height:1.25rem !important; }
.sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls { width:3rem;border-left:1px solid #fff!important;border:0 }
.sec-scoreboard .component-scoreboard.layout-small .slider { padding:0 3rem 0 0 }
.sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls span.fa:before { font-size:1.4rem;color:#fff }
.sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls button:hover span.fa:before {    opacity: 0.8; }
.sec-scoreboard .component-scoreboard.layout-small .bounce-trigger:hover .bounce-element { animation:none }
.sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls button{ width:100%;height:100% }
.sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls button.slick-next { border-top:1px solid #fff!important;border:none }
.sec-scoreboard .nav-pills .nav-link { background-color:unset!important;font-size:1.1rem;text-transform:uppercase;font-weight:700;filter:unset }
.sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls button { transform:initial; left:auto; top:auto; right:auto; position:relative; border:0; margin:-1px 0; border-top: 1px solid rgba(0,0,0,0.1); flex-grow: 1; flex-shrink: 1; flex-basis: auto; padding: 0; font-size: 1rem; cursor: pointer;text-decoration: none; text-align: center;overflow: hidden; transition:all .2s linear }
.sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls .next:not(.slick-arrow), 
.sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls .prev:not(.slick-arrow) { display: block !important }
.sec-scoreboard .sport-name a:hover { color: #fff }
.sec-scoreboard .nav-pills .nav-link span.text {font-style:italic}
.sec-scoreboard .layout-wrapper>div .form-floating{width:auto!important;min-width:10rem;margin:1rem}
.sec-scoreboard .layout-wrapper>div .form-floating>.form-select{ height:auto;margin:0!important;line-height:normal;padding:.375rem 2.25rem .375rem .75rem;color:var(--bs-white);font-weight:600;font-family:var(--heading-font-family);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;background-color:var(--bs-secondary);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}
.sec-scoreboard .layout-wrapper>div .form-floating>label{height:auto;width:auto;padding:0 .75rem;opacity:1;text-transform:uppercase;color:var(--bs-white);background-color:var(--bs-primary);transform:scale(.75) translateY(-.75rem) translateX(0.25rem)}
 .sec-scoreboard .body-middle {   color: #fff; }
 .component-scoreboard .collapse-event-links {   background: rgba(var(--bs-secondary-rgb), 0.8); }

@media (min-width: 992px){
    .sec-scoreboard .component-tabs.content-switcher-wrapper>.layout-wrapper { border-bottom:1px solid var(--bs-primary) }
    .sec-scoreboard .component-tabs.content-switcher-wrapper > .layout-wrapper >div> .nav-pills { width: 200px }
    .sec-scoreboard .component-tabs.content-switcher-wrapper > .layout-wrapper >div> .tab-content { width: calc(100% - 200px);         border-left: 1px solid #fff; }
    .sec-scoreboard .nav-pills .nav-link { font-size:1.5rem;padding:2rem } 
}

@media only screen and (max-width: 991px){
    .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls { position:static;display:block }
    .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls .next,
    .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls .prev {position:absolute;transform:translate(0,-50%);top:50%;left:0;width:2.5rem}
    .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls button.next{right:0;left:auto!important;border-top:0!important;border-left:1px solid var(--bs-primary)}
    .sec-scoreboard .component-scoreboard.layout-small .slider { padding:0 2.5rem }
    .sec-scoreboard .component-scoreboard.layout-small .card { border-right:1px solid rgba(0,0,0,0.15); }
    .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls .prev{ border-right:1px solid var(--bs-primary) }
    .sec-scoreboard .layout-wrapper > div .form-floating { display: none }
    .sec-scoreboard .layout-wrapper > div { flex-direction: column }
}