@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

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

body {    background-color: var(--bs-primary);    background-image: url(/assets/Texture-backgrund.png);    background-position: top left;   background-size: contain; }
.site-title-bar {   background-color: var(--bs-primary) !important; }

.sec-top-stories-desktop .component-headlines.layout-stacked-carousel .carousel-caption {   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.95) 80%, rgba(var(--bs-primary-rgb), 1) 95%, rgba(var(--bs-primary-rgb), 1) 100%); }
.sec-top-stories-desktop .component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item.active {   border-color: var(--bs-secondary) !important; }
.sec-top-stories-desktop .component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item {   border-color: #fff !important; }
.sec-top-stories-desktop .component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item:not(.active) .card:before {   background-color: rgba(var(--bs-primary-rgb), .7);}
.sec-top-stories-desktop .component-headlines.layout-stacked-carousel .carousel-control-pp {   background-color: var(--bs-primary); }
.sec-top-stories-desktop .archive-link a:hover, .sec-schedule-tabs .archive-link a:hover {   color: var(--bs-secondary); }
.section .component-banner.layout-slider .slick-arrow-controls button.slick-arrow:hover {   color: var(--bs-secondary); }
.sec-parallax .component-parallax .overlay::before {   background-color: rgba(var(--bs-white-rgb), .8); }
.card-body {   color: var(--bs-primary); }
section.section.sec-sponsors {   background: #fff; }
section.section.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow {   color: var(--bs-primary);}
footer#site-footer {   background: var(--bs-primary) !important;}
.copyright-privacy-links-section, .copyright-privacy-links-section a, .copyright-privacy-links-section span {   color: var(--bs-primary) !important;}
.copyright-privacy-links-section {   background: var(--bs-secondary) !important; }

.site-footer .footer-details-wrapper a:hover {   color: var(--bs-secondary) !important; }
.landing.site-home a[rel="wiki-link"] {   color:var(--bs-secondary); }

.section.sec-recent-news .ps-component {   background-color: var(--bs-primary); }

section.section.sec-featured-athletes, section.section.sec-recent-videos, section.section.sec-photo-gallery {   display: none; }
.sec-recent-news .layout-wrapper, .sec-recent-news .page-details {   border-color: var(--bs-secondary); }
section.section.sec-recent-news .archive-link {    background-color: var(--bs-primary);   border-color: var(--bs-secondary); }

.pre-header.bg-primary.text-white {    background: var(--bs-secondary) !important;   color: #000 !important;}
section.section.sec-recent-news .archive-link a:hover {    background: var(--bs-secondary);   color: var(--bs-primary); }
section.section.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow:hover {   color: #777777; }

.visually-hidden-focusable[href="#site-navigation"], .visually-hidden-focusable[href="#site-footer"], .visually-hidden-focusable[href="#site-main"]{background:#fff; color:#000;}
.inc-hostedby a .sr-only{background:#000; color:#fff;}
.page-heading.visually-hidden, #heading-top-stories-desktop, #heading-schedule-tabs, #heading-banner, #heading-parallax, #heading-standings, #heading-recent-news, #heading-social-stream{background:#fff; color:#000;}

.sec-parallax .page-title {   background: rgba(255, 255, 255, 0.01); }
 
/* https://prestosports.jira.com/browse/FED-18529 */
@media only screen and (min-width: 992px){  
    .site-header.social-new .nav-social-links:hover .social-wrapper,
    .site-header.social-new .nav-social-links.active .social-wrapper { height: auto !important; box-shadow: 0 5px 10px 0px rgb(0 0 0 / 20%); }
    .site-header .macro-primary-navigation {   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-secondary);    text-transform: uppercase; }

}


@media(max-width:991px){
    .sec-top-stories .component-headlines.layout-basic .card > div > div:last-of-type:after {    background: linear-gradient(rgba(var(--bs-primary-rgb), 0) 0, rgba(var(--bs-primary-rgb), 0) 9.43%, rgba(var(--bs-primary-rgb), .47) 25.62%, rgba(var(--bs-primary-rgb), .63) 38.92%, rgba(var(--bs-primary-rgb), .79) 48.28%, rgba(var(--bs-primary-rgb), .99) 64.04%, var(--bs-primary) 100%);}
    .section .slick-dots li button:before {   background-color: var(--bs-secondary); }
    .sec-top-stories .component-headlines.layout-basic .archive-link {   background: var(--bs-primary); }
    .site-header .macro-primary-navigation {   background-color: var(--bs-secondary) !important; }
    .site-header .macro-primary-navigation > div > div > .headers-icon-links button {   color: var(--bs-primary); }
    .site-header .macro-primary-navigation > div > div > .headers-icon-links a {    padding: 0;   color: var(--bs-primary); }
    .site-header .mobile-menu .navbar-offcanvas-template .btn-link[data-bs-toggle=offcanvas] span:before {   color: var(--bs-primary); }
    .site-header .mobile-menu .navbar-offcanvas-template .accordion-flush .accordion-item .nav-link {   color: var(--bs-primary); }
    .mobile-menu-footer .mmf-search button.btn {   color: var(--bs-primary); }
    
    .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 {   color: var(--bs-primary);}
}