.fa-facebook-f:before { font-family: "Font Awesome 6 Brands" }

section.section.sec-featured-headlines , section.section.sec-scoreboard a[rel="wiki-link"] {   color: #fff; }
.split-comp {   background-image: url(/images/setup/Overall-Texture.png); }
.sec-athlete-of-the-week .component-banner.layout-slider img{height:auto;}
.sec-athlete-of-the-week .component-banner.layout-slider picture.img-placeholder {    display: flex;    align-items: center;    height: 100%;    width: 100%;   justify-content: center; }

.sr-only, h2#h2-scoreboard{background:#000 !important; color: #fff !important;}
.sec-bottom-banner .item .item-title, .sec-tabs .component-gallery.layout-flex .layout-wrapper .box-large .card-img-overlay .card-title a, .sec-tabs .component-video.layout-cards .items .card .card-title a {   background: rgba(0,0,0,0.01); }
.footer-details .text-capitalize.fw-normal.text-secondary.footer-links a.text-decoration-none.text-primary, .footer-details .text-capitalize.fw-normal.text-secondary.footer-links {   color: var(--bs-primary) !important; }
.sr-only{background:var(--bs-primary) !important; color:#fff !important;}

@media(min-width:992px){
    
/** header navbar menu css **/
    .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > li.nav-item:last-child {  padding-left: 80px; }
    .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > li.nav-item:first-child {    padding-right: 80px; }
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega=true]>.nav-item>.dropdown-toggle {    font-size: 1.5rem; }
    .component-navbar-split.layout-standard .navbar.navbar-expand-lg .dropdown-menu.megamenu {    padding-top: 3rem; }
    .component-navbar-split.layout-standard .navbar.navbar-expand-lg .dropdown-menu.megamenu ul.navbar-light.bg-white.list-unstyled.megamenu-list {    max-width: 1200px;    margin: 0 auto;} 
    .component-navbar-split.layout-standard .navbar .dropdown-menu li.nav-item:not(:first-child) {   border: none !important; }
    .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li > .dropdown-toggle {    padding: 0.5rem 0.25rem;    text-transform: none;    font-size: 1.25rem;   font-weight: normal; }
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-flex=true]>li >a {    padding: 0.5rem 0.5rem;    text-transform: none;    font-size: 1.125rem;    font-weight: normal; }
   .component-navbar-split.layout-standard .navbar .nav-item:nth-child(3) .megamenu .megamenu-inner ul[data-mega="true"] > li.nav-item {    flex: 0 0 33.33% !important;    max-width: 33.33% !important;   margin: 0;     padding-left: 0;}
    
}

@media(min-width:1400px){
    .sec-social-banner .component-nav.layout-standard ul.nav a.nav-link {   padding: 1.5rem 2.9rem; }
}

@media(max-width:767px){
    .component-hero.layout-carousel .carousel-caption-placeholder {    position: relative;   background: rgb(210 213 217); }
    .component-hero.layout-carousel .carousel-item .container-lg a img {visibility: visible; }
    .component-hero.layout-carousel.has-buttons .carousel-caption .carousel-caption-inner, 
    .component-hero.layout-carousel .carousel-caption a, .component-hero.layout-carousel .carousel-caption .title {   font-weight: bold; }
    .component-hero.layout-carousel .carousel-buttons-wrapper .btn:hover, .component-hero.layout-carousel .carousel-buttons-wrapper .btn:active {   color: #fff !important; }
}


.section.sec-featured-headlines .carousel-control-next,
.section.sec-featured-headlines .carousel-control-prev { bottom: auto; top: 30%; padding: .35rem; width: auto; background-color: var(--bs-white); color: var(--bs-primary); opacity: 1 }
.section.sec-featured-headlines .carousel-control-prev { left: 1rem }
.section.sec-featured-headlines .carousel-control-next { right: 1rem }

@media screen and (min-width: 768px) {
    .section.sec-featured-headlines .carousel-control-next,
    .section.sec-featured-headlines .carousel-control-prev { top: 40%; padding: .5rem; }
}
