/** ======================= **/
/** START OF GLOBAL RESETS  **/
/** ======================= **/
body:after,
body:before { content:''; border-right:2px solid var(--color-light); background:var(--color-secondary); width:5rem; height:11rem; position:absolute; z-index:10; top:-1rem; left:-4.5rem; transform:skewX(-45deg) }
body:before { border-left:2px solid var(--color-light); width:1.7rem; height:9rem; left:2rem }
img { image-rendering: auto; image-rendering: crisp-edges; image-rendering: pixelated; image-rendering: -webkit-optimize-contrast }
.sticky-nav body:before,
.sticky-nav body:after { display:none }
.slick-arrow .fa { font-size: 1.6rem }
.section.header > .container-fluid { padding:0 }
.d-inline-grid { display:inline-grid }
.dropdown-menu { border-radius:0 }
.dropdown-item { padding:0.25rem 1rem }
.btn { border-radius:0 }
.slick-prev,
.slick-next { width:auto; height:auto; padding:.375rem .75rem }
.component .heading-text span a,
.component .heading-text span { font-style: italic; font-weight: 800; color:var(--color-secondary); }
.section.footer .footer-layout-macro.ribbon:before,
#main-wrapper .section.main .component.featuredathlete.ribbon:before ,
.component.recentvideos.ribbon:before,
.component.standings.ribbon:before,
.component.recentnews.ribbon:before { width:1rem; left:1rem; z-index:-1 }
.heading-text { z-index: 1 }
.section.footer .footer-layout-macro.ribbon:after,
#main-wrapper .section.main .component.featuredathlete.ribbon:after,
.component.recentvideos.ribbon:after,
.component.standings.ribbon:after,
.component.recentnews.ribbon:after { width: 7rem; left: -7.5rem; z-index: -1 }
.section.footer .footer-layout-macro .footer-contents.rgtribbon:after,
#main-wrapper .section.main .component.featuredathlete .component-include.rgtribbon:after { width: 7rem; z-index: -1 }
.component .component-title > *, .component .component-title .heading-text > * { font-size: 2rem }
.mod-parallax.style-1 .title { font-style: italic; font-weight: 600; color: var(--color-secondary) }
@media only screen and (min-width: 991px) and (max-width: 1299px){
    body:after { width: 2rem }
    body:before { width: 1rem; left: -0.9rem }
}
@media only screen and (min-width: 768px) and (max-width: 992px){
    body:before { left:0rem !important; width:0.7rem !important }
    body:after { width:3rem !important }
}

@media only screen and (min-width: 640px) and (max-width: 991px){
    .section.footer .footer-layout-macro.ribbon:after,
    #main-wrapper .section.main .component.featuredathlete.ribbon:after,
    .section.footer .footer-layout-macro .footer-contents.rgtribbon:after,
    .component.recentvideos.ribbon:after,
    .component.standings.ribbon:after,
    .component.recentnews.ribbon:after { width: 9rem }
    .section.footer .footer-layout-macro.ribbon:before,
    #main-wrapper .section.main .component.featuredathlete.ribbon:before ,
    .component.recentvideos.ribbon:before,
    .component.standings.ribbon:before,
    .component.recentnews.ribbon:before { left:3rem }
}

@media only screen and (max-width: 660px) { 
    body:before { width:0.7rem !important; left:-1.3rem !important }
    body:after { width:2rem !important }
}

@media only screen and (min-width: 992px) {
    .logo-center #site-nav-collapse > ul.navbar-nav{ visibility: hidden; transition: all ease .5s }
    .component .component-title > *,
    .component .component-title .heading-text > * { font-size: 3rem }
    .section.footer .footer-layout-macro .footer-contents.rgtribbon:after,
    #main-wrapper .section.main .component.featuredathlete .component-include.rgtribbon:after { width:10rem }
    .section.footer .footer-layout-macro.ribbon:before,
    #main-wrapper .section.main .component.featuredathlete.ribbon:before ,
    .component.recentvideos.ribbon:before,
    .component.standings.ribbon:before,
    .component.recentnews.ribbon:before { left:2rem; width:1.5rem; height:16rem }
    .section.footer .footer-layout-macro.ribbon:after,
    #main-wrapper .section.main .component.featuredathlete.ribbon:after,
    .component.recentvideos.ribbon:after,
    .component.standings.ribbon:after,
    .component.recentnews.ribbon:after { width:10rem; top:0rem }
}

/** ======================= **/
/** EFFECTS AND TRANSITIONS **/  
/** ======================= **/
.story-card .story-img img,
.slick-slide img,
.component.banner .component-include .navbar-logos li img,
.component.recentnews .mod-more-news.style2 .card-deck .card img,
.component.photogallery .mod-photo-gallery.style1 .card-deck .card img,
.component.featuredathlete .mod-aotw.style8 .card .athlete-aside img,
.component.affiliatelogos .list-unstyled li a img { transition:all 0.5s ease 0s }
.story-card:hover .story-img img,
.slick-slide:hover img,
.component.banner .component-include .navbar-logos li:hover img,
.component.recentnews .mod-more-news.style2 .card-deck .card:hover img,
.component.photogallery .mod-photo-gallery.style1 .card-deck .card:hover img,
.component.featuredathlete .mod-aotw.style8 .card:hover .athlete-aside img,
.component.affiliatelogos .list-unstyled li:hover img { transform:scale(1.1) }

/** ======================= **/
/** START OF HEADER TOP     **/   
/** ======================= **/
.header-top { z-index:0 !important}
.section.header .top-bar .mod-site-social-links { transform: skew(40deg) }
.section.header .top-bar .social-links { background-color: var(--color-light); transform: skew(-40deg); padding: 0 1rem !important; margin-top: 0 !important }
.section.header .top-bar .social-links { display:none }
.section.header-top .site-slogan { font-style:italic }
.section.header .top-bar .mod-site-social-links li:hover a { filter:brightness(80%) }
.section.header-top > .container { padding:0 }
.section.header-top .navbar-quicklinks ul { margin:0; display:flex }
.section.header-top .navbar-quicklinks ul li a { display:block; padding:0.5rem 1rem; font-weight:bold }
.section.header-top .navbar-quicklinks ul li a:not(.btn):focus,
.section.header-top .navbar-quicklinks ul li a:not(.btn):hover { text-decoration:none }
.section.header-top .site-slogan { display:none; font-weight:bold }
.section.header.header-top,
.section.header.header-top > .container,
.section.header.header-top > .container-fluid { overflow:hidden !important }
.section.header .top-bar { background: var(--color-dark); color: var(--white) }
.section.header .top-bar .social-links a { color: var(--color-secondary) }
.section.header .top-bar .social-links { margin-left: 1rem }
.section.header .top-bar .social-links:after { content: ''; position: absolute; background: var(--color-light); height: 100%; z-index: 0; width: 2rem; top: 0; right: -3rem }
.section.header .top-bar .social-links,
.section.header .top-bar .mod-site-social-links,
.ribbon { position: relative }
.ribbon:after,
.ribbon:before { content: ''; border-right: 2px solid var(--color-light); background: var(--color-secondary); width: 5rem; height: 11rem; position: absolute; top: -1rem; left: -4.5rem; z-index:-1; transform: skewX(-45deg) }
.ribbon:before { border-left: 2px solid var(--color-light); width: 1.7rem; height: 9rem; left: 2rem }
.rgtribbon:after { content: ''; background: var(--color-secondary); width: 10rem; height: 13rem; position: absolute; right: -8rem; bottom: 0rem; transform: skew(-40deg); border-left: 2px solid var(--color-light) }

@media only screen and (min-width:992px) {
    .section.header .top-bar .social-links,
    .section.header-top .navbar-quicklinks { display:block }
    .section.header-top .site-slogan { display:block !important; font-size:1.15rem; padding:1rem }
}

@media only screen and (max-width: 992px){
    .section.header-top .navbar-quicklinks ul { font-size:12px }
}


/** ======================= **/
/** START OF HEADER         **/
/** ======================= **/
header.section.header { z-index:2 }
header.section.header #site-nav-collapse .dropdown-menu { font-style: normal }
header.section.header #site-nav-collapse .dropdown-menu a.dropdown-item { border-bottom: 1px solid #dee2e6!important }
header.section.header #site-nav-collapse .dropdown-menu li { border: unset !important }
header.section.header .yamm-content .submenu.level-3 ul li { position: relative }
header.section.header .yamm-content .submenu.level-3 ul li:not(:last-child):after { content: ''; background: var(--color-secondary); width: 1.5px; height: 40%; position: absolute; top: 50%; right: 0.25px; transform: translate(0%, -50%) }
header.section.header #site-nav-collapse .yamm-fw .dropdown-menu:before,
header.section.header #site-nav-collapse .yamm-fw .dropdown-menu:after { opacity: .3 !important; z-index:-1 }
header.section.header #site-nav-collapse .yamm-fw .dropdown-menu { overflow-x:hidden }
header.section.header .primary-navigation-macro .navbar-search-bar { padding-right: .2rem; margin-left: 0 !important; justify-content: unset !important; }
header.section.header .primary-navigation-macro #site-nav > div > div > a,
header.section.header .primary-navigation-macro #site-nav > div > div > button { color:var(--color-dark) }
.section.header .navbar.navbar-primary .navbar-nav .show >.nav-link,
.section.header .dropdown-menu .dropdown-item:active { color:var(--color-secondary) !important }
.section.header > .container,
.section.header .navbar-primary > div.container-fluid { padding:0 }
.section.header .navbar-primary .navbar-brand.navbar-logo img { max-height:50px }
.section.header .navbar.navbar-primary .navbar-logo { margin:0; padding:0 }
.section.header .navbar.navbar-primary .nav-link { font-size:1.2rem }
.section.header .navbar.navbar-primary li.dropdown > .dropdown-menu .heading { font-weight:bold; color:var(--color-secondary); border-bottom:3.5px solid var(--color-secondary) }
.section.header .navbar.navbar-primary li .nav-link:not(.btn):hover,
.section.header .navbar.navbar-primary li .nav-link:not(.btn):focus { background:rgba(0,0,0,0.125) }
.section.header .dropdown-menu .dropdown-item { font-weight:bold }
.section.header .yamm-fw .dropdown-menu .dropdown-item { border:none }

.section.header .navbar.navbar-secondary a:not(.btn):hover,
.section.header .navbar.navbar-secondary a:not(.btn):focus,
.section.header .navbar.navbar-secondary .nav-link:not(.btn):hover,
.section.header .navbar.navbar-secondary .nav-link:not(.btn):focus { background:rgba(0,0,0,0.01) }
.section.header .navbar.navbar-secondary .navbar-brand { font-size:1.5rem; font-weight:800; display:flex }
.section.header .navbar.navbar-secondary .navbar-nav .nav-item:nth-last-child(2) { border-right: none !important}
.section.header .navbar.navbar-secondary .nav-item:not(.flexible-dropdown-menu .nav-item) { border-right:2px solid var(--white); margin:1rem 0 }
.section.header .navbar.navbar-secondary .nav-link:not(.flexible-dropdown-menu .nav-item a) { padding:0 1rem }
.section.header .navbar.navbar-secondary .nav-item.flexible-menu { padding:1rem 0; margin:0 !important; border-right:0 !important }
.section.header .navbar.navbar-secondary .flexible-dropdown-menu .nav-item:not(:last-child) { border-bottom:1px solid rgba(255,255,255,0.15) }
.section.header .navbar.navbar-secondary { padding-bottom:0; padding-top:0 }
.sticky-nav header.section.header.sticky-top { box-shadow:0 .5rem 1rem rgba(0,0,0,.15) }
.section.header .navbar.navbar-primary li.dropdown .submenu.level-2 li.has-nav:hover a,
.section.header .navbar.navbar-primary li.dropdown .submenu.level-2 li.has-nav:focus a,
.section.header .navbar.navbar-primary li.dropdown .dropdown-item:hover,
.section.header .navbar.navbar-primary li.dropdown .dropdown-item:focus { background: var(--color-secondary); color: var(--white) !important }
.section.header .navbar.navbar-primary li.dropdown .submenu.level-2 li.has-nav:hover .submenu.level-3 ul li:after ,
.section.header .navbar.navbar-primary li.dropdown .submenu.level-2 li.has-nav:focus .submenu.level-3 ul li:after { background: var(--white) }

@media (max-width: 991px){
    header.section.header .secondary-navigation-macro .navbar.navbar-secondary > div { max-width: 960px }
}
@media (max-width: 767px){
    header.section.header .secondary-navigation-macro .navbar.navbar-secondary > div{ max-width: 720px }
}
@media (max-width: 575px){
    header.section.header .secondary-navigation-macro .navbar.navbar-secondary > div { max-width: 540px }
}
@media (min-width: 1200px){
    header.section.header .secondary-navigation-macro .navbar.navbar-secondary > div { max-width: 1140px }
}
@media (min-width: 1600px){
    header.section.header .secondary-navigation-macro .navbar.navbar-secondary > div { max-width: 1500px }
}
@media only screen and (min-width:992px) {
    header.section.header .primary-navigation-macro #site-nav-collapse { justify-content:space-between !important }
    header.section.header #site-nav-collapse .yamm-fw .dropdown-menu:after,
    header.section.header #site-nav-collapse .yamm-fw .dropdown-menu:before { content:''; background:var(--color-secondary); height:13rem; bottom:0rem; position:absolute; transform:skew(-45deg); width:10rem; right:-4rem }
    header.section.header #site-nav-collapse .yamm-fw .dropdown-menu:before { width:2rem; right:-7rem }
    .sport-home.sticky-nav header.section.header:before,
    .internal-page.sticky-nav header.section.header:before { left:-5rem }
    .sport-home.sticky-nav header.section.header:after,
    .internal-page.sticky-nav header.section.header:after { left:0.2rem }
    .sticky-nav .section.header .logo-center .navbar-primary .navbar-logo { top:50% }
    .sticky-nav header.section.header:before,
    .sticky-nav header.section.header:after { content:''; background:var(--color-secondary); height:100%; position:absolute; transform:skew(-45deg); border-left:2px solid var(--color-light); border-right:2px solid var(--color-light) }
    .sticky-nav header.section.header:before { width:5rem; left:-4rem }
    .sticky-nav header.section.header:after { width:1rem; left:1.5rem; top:0 }
    .sticky-nav .section.header .navbar-primary #site-nav-collapse .navbar-brand.navbar-logo img,
    .section.header.small-logo .navbar-primary #site-nav-collapse .navbar-brand.navbar-logo img { max-height:75px; }  
    .section.header.small-logo .logo-center .navbar-primary #site-nav-collapse .navbar-brand.navbar-logo { top:50% }
    .section.header .navbar-primary #site-nav-collapse .navbar-brand.navbar-logo img { max-height:120px }  
    .section.header .navbar.navbar-primary .nav-link { padding:2rem 1rem }
    .section.header .navbar.navbar-primary .navbar-primary-social .nav-link { padding:2rem 0.5rem }
    .section.header .navbar.navbar-primary li.dropdown > .dropdown-menu .heading { padding-left:.4rem; }
    .section.header .navbar.navbar-primary,
    .section.header .navbar.navbar-secondary { padding:0 }
    .section.header .dropdown-menu{ padding:1rem; box-shadow:0 0.25rem .5rem rgba(0, 0, 0, 0.2) }
    .section.header .logo-center .navbar-primary .navbar-logo { position:absolute; left:50%; top:20%; transform:translate(-50%, -50%) }
    .logo-center .navbar-primary .navbar-nav{ -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; flex-wrap:wrap }
    header.section.header .primary-navigation-macro.logo-center #site-nav-collapse > ul:first-of-type { -ms-flex-pack: start!important; justify-content:flex-start !important }
    header.section.header .primary-navigation-macro.logo-center #site-nav-collapse > ul:last-of-type { -ms-flex-pack: end!important; justify-content: flex-end !important }
    header.section.header .primary-navigation-macro.logo-center #site-nav-collapse > div:last-of-type { position:absolute; right:0; top:50%; transform:translate(0, -50%) }
    header.section.header .primary-navigation-macro.logo-center.search-enabled #site-nav-collapse > ul:last-of-type { padding-right:4rem }
    #secondary-nav1 > .nav-item.dropdown a,
    #secondary-nav1 > .nav-item.dropdown { transform: unset }
    #secondary-nav1 > .nav-item a { transform: skew(30deg) }
    #secondary-nav1 > .nav-item { transform: skew(-30deg) }
}

@media only screen and (min-width:1200px) { }
@media only screen and (min-width:1600px) { }

/** ======================= **/
/** START OF FOOTER      
/** ======================= **/

footer { overflow-x:hidden }
.section.footer .social-icons { padding: 0 1rem }
.section.footer .site-links { margin-top: 0 !important }
#section-footer { position:relative; z-index:0 }
#section-footer:after { content:''; background:#292929; width:100%; height:100%; position:absolute; left:0; z-index:-2; top:0; opacity:.85 }
.section.footer > .container { border:1px solid #dee2e6; border-bottom:0 }
.section.footer .address,
.section.footer .sponsor,
.section.footer .social-links,
.section.footer .footer-information { text-align:center }
.section.footer .footer-information .site-links a:hover,
.section.footer .footer-information .telephone:hover { text-decoration: underline }
.section.footer .footer-information a:hover { text-decoration:none; color:var(--color-secondary) !important }
.section.footer .footer-layout-macro .footer-contents .footer-main { margin-top:1rem }
.section.footer .footer-layout-macro .footer-contents .footer-main .address-info p { font-size:1.3rem; font-weight:100; margin-bottom:1.5rem }
.section.footer .address-info { padding:.5rem 1rem }
.section.footer .address-info address { margin:0; font-weight:bold }
.section.footer .site-links .navbar-sitelinks { padding:0 }
.section.footer .site-links .navbar-sitelinks ul.list-unstyled { margin-bottom:0 }
.section.footer .site-links .navbar-sitelinks .list-inline-item:not(:last-child){ margin-right:0.5rem }
.section.footer .site-links .navbar-sitelinks .list-inline-item:not(:first-child){ margin-left:0.5rem }
.section.footer .social-links { display:inline-block }
.section.footer .social-links .navbar-nav {  flex-direction:row; font-size:1.25rem }
.section.footer .social-links .navbar-nav.justify-content-lg-end { justify-content:flex-start !important }
.section.footer .social-links .navbar-nav .nav-link { padding-left:1rem; padding-right:1rem }
.section.footer .social-icons { margin-left:-.5rem }
.section.footer .footer-layout-macro { padding:2rem }
.section.footer .footer-layout-macro { overflow-x:hidden }
.section.footer .footer-contents { -ms-flex-direction:column !important; flex-direction:column !important }
.section.footer .footer-contents .footer-aside { text-align:center }
.section.footer .footer-layout-macro .footer-contents .footer-main .site-links { display:block !important }
.section.footer .footer-contents .footer-aside { padding-bottom:0 !important }
.section.footer .footer-layout-macro .footer-contents .footer-main { margin-top:0 !important }

@media only screen and (min-width: 992px){
    #section-footer .social-icons { margin: inherit }
    .section.footer .footer-layout-macro { padding:8rem 3rem }
    .section.footer .footer-contents { -ms-flex-direction:row !important; flex-direction:row !important }
    .section.footer .footer-contents .footer-aside { text-align:left }
    .section.footer .footer-layout-macro .footer-contents .footer-main .site-links { display:flex !important }
    .section.footer .footer-information{ text-align:left !important }
}

@media only screen and (max-width: 992px){
    .section.footer .footer-information > div:nth-of-type(2) { justify-content: center !important }
    .section.footer .footer-layout-macro .footer-contents .footer-main .site-links { font-size:12px }
    .section.footer .footer-layout-macro { padding:1rem }
}

/** ========================= **/
/** START OF DEVELOPER SECTION     
/** ========================= **/
.section.developer .inc-hostedby .st1 { fill:#000 }

/** ======================= **/
/** START OF COMPONENTS     
/** ======================= **/

#main-wrapper { position:relative; overflow:hidden; padding-bottom: 3rem }
.component .component-title > *,
.component .component-title .heading-text > *{ margin:0 }

/* Banner */
.component.banner { box-shadow:0 .5rem 1rem rgba(0,0,0,.15) !important }
.component.banner .mod-graphic-carousel.style6 .slick-slider { margin:0 -0.5rem; overflow:hidden }
.component.banner .mod-graphic-carousel.style6 .slick-slide { margin:0 0.5rem; overflow:hidden }
.component.banner .slick-list { margin-left:-3rem }
.component.banner .slick-list .slick-slide { margin-left:3rem }
.component.banner .container-fluid { padding:3rem !important }
@media only screen and (max-width: 660px) { 
    .component.banner .navbar-logos ul li { width:50% }
    .component.banner .navbar-logos ul {flex-wrap:wrap }
}
@media only screen and (max-width: 992px) { 
    .component.banner .container-fluid { padding: 1rem !important }
}

/* RecentNews */
.component.recentnews { overflow:hidden }
.component.recentnews > .container:before,
.component.recentnews > .container:after { background:var(--color-light); content:''; width:14rem; height:22rem; position:absolute; bottom:0rem; right:12rem; transform:skew(-45deg); z-index:-1 }
.component.recentnews > .container:after { right:-3rem }
.component.recentnews > .container,
.component.recentnews .component-include { margin-top:1rem }
.component.recentnews.ribbon:before,
.component.recentnews.ribbon:after { background:var(--color-light); border:none }
.component.recentnews .view-all { position:relative; font-size:1.2rem; padding-right:1.9rem; text-align:right; border:none; color:var(--color-secondary); margin-bottom:1rem !important; float:right; display:inline-block; width:auto }
.component.recentnews .view-all:hover,
.component.recentnews .view-all:active,
.component.recentnews .view-all:focus,
.component.recentnews .view-all:active:focus { background:none !important; border:0; box-shadow:none !important; color:var(--color-secondary) }
.component.recentnews .view-all:after{ content:'>'; position:absolute; width:100%; height:100%; font-size:1.5rem; bottom:0; font-weight:100; right:0; padding-right:0.5rem }
.component.recentnews .component-title { text-align:center }
.component.recentnews .mod-more-news.style2 .card-deck { overflow:hidden; margin:0 !important}
.component.recentnews .mod-more-news.style2 .card-deck .card { margin:0 !important; padding:1rem; border-radius:0 }
.component.recentnews .mod-more-news.style2 .card-deck .card .card-text.leadin { display:none; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden }
.component.recentnews .mod-more-news.style2 .card-deck .card:hover { background:linear-gradient(0deg, rgba(255,255,255,0) 50%, var(--color-light) 100%) }
.component.recentnews .mod-more-news.style2 .card-deck .card-title{ font-weight:bold; font-family:var(--font-body) !important; margin-bottom:0 }
.mod-more-news.style3 .stories.content-area { margin-bottom:0 !important }
.component.recentnews .mod-more-news.style2 .card-deck .card-body { padding-bottom:0 !important; padding-left:0; padding-right:0 }
@media only screen and (min-width:992px) {
    .component.recentnews > .container { margin-top:3rem }
    .component.recentnews .component-include { margin-top:2rem }
    .component.recentnews .component-title { text-align:left }
    .component.recentnews .view-all { margin-bottom:3rem !important; margin-top: 1rem }
    .component.recentnews .mod-more-news.style2 .card-deck .card { padding:2rem }
}
@media only screen and (max-width: 992px){
    .component.recentnews > .container { padding-left:15px !important; padding-right:15px !important }
}

@media only screen and (min-width:1200px) {
    .component.recentnews .mod-more-news.style2 .card-deck .card .card-text.leadin { display:block }
}

/* PartnerLogo */
.component.partnerlogos .partner-logo-macro,
.header-top .partner-logo-macro { z-index:4; position:relative }
.component.partnerlogos  { border:1px solid rgba(0,0,0,0.125); margin:-1px }
.component.partnerlogos { border-bottom-width:0 }
.component.partnerlogos .list-unstyled { flex-wrap:wrap!important; display:-ms-flexbox!important; display:flex!important; -ms-flex-align:stretch!important; align-items:stretch!important; margin:-1px 0 }
.component.partnerlogos .list-unstyled li { overflow:hidden; padding:0.5rem!important; text-align:center; flex-grow:1!important; -ms-flex-align:center!important; align-items:center!important; -ms-flex-pack:justify!important; justify-content:space-between!important }
.component.partnerlogos .list-unstyled li { border:1px solid rgba(0,0,0,0.125); border-top:0; transition:all 0.5s; width:25% }
.component.partnerlogos .list-unstyled li:not(:last-child) { margin-right:-1px }
.component.partnerlogos .list-unstyled li a { overflow:hidden }
.component.partnerlogos .list-unstyled li:hover img {transform: scale(1.4) }
.component.partnerlogos .list-unstyled li a img{ max-height:50px; transition: all 0.5s ease 0s }
.component.partnerlogos .hover-fade-in-overlay .overlay-container { line-height:1; font-weight:bold; filter:none!important }
.component.partnerlogos .hover-fade-in-overlay img { width:auto; display:inline-block }

@media only screen and (min-width: 768px){
    .component.partnerlogos .list-unstyled li { width:20% }
}

@media only screen and (min-width: 992px){
    .component.partnerlogos .list-unstyled li { width:16.666667% }
}

@media only screen and (min-width: 1200px){
    .component.partnerlogos .list-unstyled li { width:auto; border:0 }
}

/* Photogallery */
.component.photogallery .mod-photo-gallery.style1 .card-deck { margin:-1px !important }
.component.photogallery .mod-photo-gallery.style1 .card-deck .card{ border-radius:0 !important; margin:0 !important }
.component.photogallery .mod-photo-gallery.style1 .card-deck .card .card-title h5 { font-family:var(--font-body); font-size:1.25rem }
.component.photogallery .mod-photo-gallery.style1 .card-deck .card  { overflow:hidden }
.component.photogallery .mod-photo-gallery.style1 .card-deck .card .card-img-top { border-radius:0 }
.component.photogallery .mod-photo-gallery.style1 .card-deck .card .card-overlay { transition: 0.2s }
.component.photogallery .mod-photo-gallery.style1 .card-deck .card .card-overlay .card-title h5.text { font-size:1.5rem }
.component.photogallery .component-include { margin-top:1rem }
.component.photogallery .component-include { box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important }
.component.photogallery[data-poweredby="headlines-photos?tmpl=mod-photo-gallery-template&style=2"] .component-include { padding:1rem; border-radius:0.25rem }
.component.photogallery .component-include .mod-photo-gallery.style2 .card.gallery > a { overflow:hidden }
.component.photogallery .component-include .mod-photo-gallery.style2 .galleries > a.view-all { box-shadow:none !important; background:none !important; border:none; color:var(--color-secondary); text-align:right; width:auto; float:right; font-size:1.2rem; margin-top:2rem !important; margin-bottom:3rem !important; padding-right:1.9rem; position:relative }
.component.photogallery .component-include .mod-photo-gallery.style2 .galleries > a.view-all:after { content:'>'; position:absolute; width:100%; height:100%; font-size:1.5rem; bottom:0; font-weight:100; right:0; padding-right:0.5rem }
@media only screen and (min-width: 992px){
    .component.photogallery .component-title { text-align:left }
    .component.photogallery .component-include { margin-top:2rem }
}
@media only screen and (max-width: 992px){
    .component.photogallery .component-include .mod-photo-gallery.style2 .galleries > a.view-all { margin-bottom:1rem !important }
    .component.photogallery > .container { margin-top:1rem !important; padding-left:15px !important; padding-right:15px !important }
}

/* Socialstream */
.component.socialstream .mod-social { padding:2rem }

.component.socialstream .component-include { box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important; margin-top:1rem; background: var(--white) }
.component.socialstream > .container { margin-top:1rem }
@media only screen and (min-width: 992px){ 
    .component.socialstream { text-align: left !important }
}
@media only screen and (min-width:920px){
    .component.socialstream > .container { margin-top:3rem }
    .component.socialstream .component-include { margin-top:2rem }
    .component.socialstream .component-title { text-align:left }
}

@media only screen and (min-width:1200px){
    .component.socialstream .social-stream .wall .tile:not(.col-xl-3) { -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% }
}

/* Recentvideos */
.component.recentvideos { overflow:hidden }
.component.recentvideos .mod-recent-videos.style3 .card-body-inner { display: flex; flex-wrap: wrap;
    flex-direction: column-reverse;
}
.component.recentvideos .mod-recent-videos.style3 .playlist { max-height:240px; overflow-y:scroll }
.component.recentvideos .mod-recent-videos.style3 .playlist .item { padding:1rem; border-left:0; border-right:0 }
.component.recentvideos .mod-recent-videos.style3 .playlist .item.active { background-color:var(--color-secondary) }
.component.recentvideos .mod-recent-videos.style3 .playlist .item.active .date.text-muted,
.component.recentvideos .mod-recent-videos.style3 .playlist .item.active a { color:var(--white) !important }
.component.recentvideos .mod-recent-videos.style3 .playlist .item h5 { font-family:var(--font-body); font-size:.9rem; font-weight:bold }
.component.recentvideos .mod-recent-videos.style3 .playlist .item { text-align:left }
.component.recentvideos .mod-recent-videos.style3 .playlist .item { display:flex; align-items:stretch }
.component.recentvideos .mod-recent-videos.style3 .playlist .item .card-body { display:flex; align-items:center }
.component.recentvideos .mod-recent-videos.style3 .playlist .item .video-thumbnail { overflow:hidden }
.component.recentvideos .mod-recent-videos.style3 .playlist .item .video-thumbnail img.card-img-top { max-height:90px; height:90px; object-fit:cover; margin-top:-4%; top:0; left:0; transform:scale(1.2); transform-origin:center center }
.component.recentvideos .mod-recent-videos.style3 { background:#fff; box-shadow:0 0.5rem 1rem rgb(0 0 0 / 15%) }
.component.recentvideos .mod-recent-videos.style3 .playlist .item .date.text-muted,
.component.recentvideos .mod-recent-videos.style3 .playlist .item a { color:var(--color-dark) }
.component.recentvideos .mod-recent-videos.style3 .video-js { border:5px solid var(--color-secondary) }
.component.recentvideos .mod-recent-videos.style3 .player { margin-bottom:-1px }
.component.recentvideos .mod-recent-videos.style3 .playlist .item.card { border-bottom:1px solid #f0f0f0 }
.component.recentvideos .mod-recent-videos.style1 a.view-all { display:none }
.component.recentvideos .mod-recent-videos.style1 .item.card { overflow:hidden }
.component.recentvideos .mod-recent-videos.style1 .item.card img { height:300px; max-height:300px }
.component.recentvideos .mod-recent-videos.style2 .item .card-body .card-title { font-weight:bold }
.component.recentvideos .mod-recent-videos.style2 .item .video-thumbnail img.card-img-top { height:150px; position:unset; transform:none }
.component.recentvideos .heading-text span { color:var(--color-secondary) }
.component.recentvideos .component-include { margin-top:1rem; position:relative; z-index:0 }
.component.recentvideos .mod-recent-videos.style3 .vjs-big-play-centered .vjs-big-play-button { background:var(--color-dark) !important }
.component.recentvideos .mod-recent-videos.style3 .vjs-big-play-centered .vjs-big-play-button:hover { background:var(--color-secondary) !important }
.component.recentvideos .mod-recent-videos .video-thumbnail .fa { color:var(--color-dark) }
.component.recentvideos .module-footer .archive-btn { position:relative; font-size:1.2rem; padding-right:1.9rem; text-align:right; border:none; color:var(--color-secondary); float:right; display:inline-block; width:auto }
.component.recentvideos .module-footer .archive-btn:after { content:'>'; position:absolute; width:100%; height:100%; font-size:1.5rem; bottom:0; font-weight:100; right:0; padding-right:.5rem }
.component.recentvideos .module-footer .archive-btn:hover,
.component.recentvideos .module-footer .archive-btn:active,
.component.recentvideos .module-footer .archive-btn:focus { box-shadow:none; background:none; border:0 }
.component.recentvideos .mod-recent-videos.style3 .playlist .item.card:last-child { border:none }
.component.recentvideos.ribbon:before ,
.component.recentvideos.ribbon:after { background:var(--color-light); border:none }
.component.recentvideos > .container { margin-top:1rem }
.component.recentvideos > .container:before,
.component.recentvideos > .container:after { background:var(--color-light); z-index:-1; content:''; width:14rem; height:25rem; position:absolute; bottom:0rem; right:11rem; transform:skew(-45deg) }
.component.recentvideos > .container:after { right:-4rem }

@media only screen and (max-width: 576px){
    .component.recentvideos > .container { margin-top:0 !important; padding:1rem !important }
}

@media only screen and (min-width: 992px) {
    .component.recentvideos .module-footer .archive-btn { margin-top:1rem !important; margin-bottom:3rem !important }
    .component.recentvideos .component-title { text-align:left }
    .component.recentvideos > .container { margin-top:3rem }
    .component.recentvideos .component-include { margin-top:2rem }
    .component.recentvideos .mod-recent-videos.style3 .playlist .item .video-thumbnail img.card-img-top { max-height:102px; height:102px }
    .component.recentvideos .mod-recent-videos.style3 .player { border:0; margin-bottom:0 !important }
    .component.recentvideos .mod-recent-videos.style3 .playlist .item .card-title { font-size:1.15rem }
    .component.recentvideos .mod-recent-videos.style3 .playlist { padding:0; display:block; max-height:initial; overflow-y:scroll }
}

@media only screen and (min-width: 1200px) {

}

/* Standings */
.component.standings { border-bottom:1px solid var(--color-light); overflow:hidden }
.component.standings.ribbon:before,
.component.standings.ribbon:after { background:var(--color-light); border:none }
.component.standings > .container:before,
.component.standings > .container:after { background:var(--color-light); content:''; width:14rem; height:22rem; position:absolute; bottom:0rem; right:12rem; transform:skew(-45deg); z-index:-1 }
.component.standings > .container:after { right:-3rem }
.component.standings .content-switcher-wrapper .nav-tabs { border:0; font-weight:bold }
.component.standings .content-switcher-wrapper .nav-tabs a { border:0; background:none; margin:0.5rem; padding:0 }
.component.standings .component-include { margin-top:1rem }
.component.standings .content-switcher-wrapper .nav-tabs a:first-child { margin-left:0 }
.component.standings .content-switcher-wrapper .nav-tabs a.active { border-bottom:3px solid var(--color-secondary) }
.component.standings .content-switcher-wrapper .nav-tabs a:focus { color:var(--color-dark) }
.component.standings .component-include .mod-standings.style1 .table .thead-dark th { background-color:var(--color-secondary); border-color:var(--color-secondary) }
.component.standings .component-include .archive-link a { color:var(--color-secondary); border:none; background:none; box-shadow:none !important; display:inline-block; float:right; width:auto; font-size:1.2rem; padding-right:1.9rem; text-align:right; position:relative }
.component.standings .component-include .archive-link a:after { content:'>'; position:absolute; width:100%; height:100%; font-size:1.5rem; bottom:0; font-weight:100; right:0; padding-right:0.5rem }
.component.standings .content-switcher-wrapper,
.component.standings .switcher-main,
.component.standings .switcher-main .tab-content,
.component.standings .switcher-main .tab-content .standings-page .data { overflow:visible !important }
.component.standings .switcher-main .tab-content .standings-page .data .table { box-shadow:0 .5rem 1rem rgba(0,0,0,.15) !important }

@media only screen and (min-width: 992px){
    .component.standings .component-title { text-align:left }
}

@media only screen and (max-width: 992px){
    .component.standings > .container { box-shadow: none !important; padding-right: 15px !important; padding-left: 15px !important; margin-top:1rem !important; margin-bottom:1rem !important }
}

/* Featuredathlete */
#main-wrapper .section.main .component.featuredathlete { overflow-x:hidden }
.component.featuredathlete .component-title{ border-bottom:0; text-align:center }
.component.featuredathlete .switcher-controls .switcher-controls-inner { padding-top:0 !important }
.component.featuredathlete:not(.bg-white):not(.bg-light) .mod-aotw:not(.style2):not(.style9) a:not(.btn) { color:var(--main-linkcolor, var(--global-linkcolor)) }
.component.featuredathlete:not(.bg-white):not(.bg-light) .mod-aotw:not(.style2):not(.style9) a:not(.btn):hover,
.component.featuredathlete:not(.bg-white):not(.bg-light) .mod-aotw:not(.style2):not(.style9) a:not(.btn):focus { color:var(--main-linkhovercolor, var(--global-linkhovercolor)) }
.component.featuredathlete .mod-aotw.style8 .athlete.card .card-inner-wrapper { z-index:2; position:relative }
.component.featuredathlete .mod-aotw.style8 .slick-track { display:flex; align-items:center!important }
.component.featuredathlete .mod-aotw.style8 .card .athlete-aside .card-header { overflow:hidden }
.component.featuredathlete .mod-aotw.style2 .athletes-deck .card { margin-top:0 !important }
.component.featuredathlete .mod-aotw.style2 .athletes-deck .card{ padding:1rem }
.component.featuredathlete .mod-aotw.style2 .athletes-deck .card { background:transparent !important; border:none }
.component.featuredathlete .mod-aotw.style2 .athletes-deck .card { color:var(--featuredathlete-fontcolor, var(--white)) !important } 
.component.featuredathlete .mod-aotw.style2 .athletes-deck .card .leadin.border-top { border-color:rgba(255,255,255,0.1) !important }
.component.featuredathlete .mod-aotw.style2 .athletes-deck .card .card-title { font-family:var(--font-body) }
.component.featuredathlete .mod-aotw.style2 .athletes-deck .card .sport.font-weight-bold{ font-weight:normal !important }
.component.featuredathlete .mod-aotw.style9 .athlete-inner { padding:0 2rem }
.component.featuredathlete .mod-aotw.style9 .athlete-quote { padding-bottom:1rem; line-height:2rem }
.component.featuredathlete .mod-aotw.style9 .athlete-quote .fas { font-size:1.25em; margin:0 1rem }
.component.featuredathlete .mod-aotw.style9 .athlete-quote .fas.fa-quote-left { margin-left:0 }
.component.featuredathlete .mod-aotw.style9 .athlete-quote .fas.fa-quote-right { margin-bottom:-1rem; vertical-align:middle }
.component.featuredathlete .mod-aotw.style9 .athlete-info { text-shadow:0.1rem 0.1rem 0.1rem rgba(0,0,0,0.5) }
.component.featuredathlete .mod-aotw.style9 .athlete-aside .player-cutout{ max-height:70vh; max-width:auto }
.component.featuredathlete .mod-aotw.style9 .aotw-list { display:none }
.component.featuredathlete .mod-aotw.style9 .aotw-list.slick-initialized { display:block }
.component.featuredathlete .mod-aotw.style2 .athletes-deck { display:-ms-flexbox !important; display:flex !important; width:100% }
.component.featuredathlete .mod-aotw.style2 .athletes-deck .athlete { width:50% }
.component.featuredathlete .mod-aotw.style2 .sport,
.component.featuredathlete .mod-aotw.style2 .leadin { display:none }
.component.featuredathlete .mod-aotw.style2 .card-horizontal .title a { color:var(--color-dark); font-weight:bold }
.component.featuredathlete .mod-aotw.style2 .card-horizontal { background:var(--white); padding:1rem; flex-direction:column }
.component.featuredathlete .mod-aotw.style2 .card-body { padding:1rem 0 0; text-align:center }
.component.featuredathlete .mod-aotw.style2 .athletes-deck .card .card-title { margin-bottom:0 !important }
.component.featuredathlete .mod-aotw.style2 .athletes-deck .card .card-horizontal > a { box-shadow: 0rem 0rem 0.03rem .15rem #d9d9d9!important; max-height:350px; display:block; overflow:hidden; position:relative; height:350px; max-width: 100%; }
.component.featuredathlete .mod-aotw.style2 .athletes-deck .card .card-horizontal > a img { border:4px solid var(--color-secondary); position:absolute; left: 0; object-fit:cover; object-position:top center; height:100%; width:100% }
.component.featuredathlete .mod-aotw.style2 .aotw-labels.col-lg-4 { width:45% !important; max-width:45% !important; -ms-flex:0 0 45% !important; flex:0 0 45% !important }
.component.featuredathlete .mod-aotw.style2 .archive-btn { max-width:50%; margin:0 auto }
.component.featuredathlete .mod-aotw.style2  .aotw-heading-wrapper .site-name,
.component.featuredathlete .mod-aotw.style2  .aotw-heading-wrapper .sub-heading { display: none }
.card-img, .card-img-top { border-top-left-radius: unset; border-top-right-radius: unset }

@media only screen and (max-width: 992px){
    .component.featuredathlete .mod-aotw.style9 .athlete-quote { font-size: 1rem }
}
@media only screen and (max-width: 660px) {
    .component.featuredathlete .mod-aotw.style2 .athletes-deck { flex-direction:column; align-items:center }
    .component.featuredathlete .mod-aotw.style2 .athletes-deck .athlete { width:100%; margin-bottom: 0 !important }
    .component.featuredathlete .mod-aotw.style2 .card-horizontal { flex-direction:column }
}
@media only screen and (min-width: 768px){
    .component.featuredathlete .mod-aotw.style9 .slick-slider { padding:0 3rem }
    .component.featuredathlete .mod-aotw.style9 .slick-prev { left:0 }
    .component.featuredathlete .mod-aotw.style9 .slick-next { right:0 }
    .component.featuredathlete .mod-aotw.style9 .athlete-inner { padding:0 2rem }
    .component.featuredathlete .mod-aotw.style2 .card-horizontal { display:block }
    .component.featuredathlete .mod-aotw.style2 .athletes-deck .card:nth-child(even) .card-horizontal { flex-direction:row-reverse }
    .component.featuredathlete .mod-aotw.style9 .athlete-aside .player-cutout{ max-height:50vh; max-width:40vw }
    .component.featuredathlete .mod-aotw.style9 .athlete-info { margin-right:2rem }
}

@media only screen and (min-width: 992px){
    .component.featuredathlete .component-title { text-align:left }
}

@media only screen and (min-width: 1600px){
    .component.featuredathlete .mod-aotw.style2 .athletes-deck .card .card-title { font-size:1.75rem }
    .component.featuredathlete .mod-aotw.style2 .athletes-deck .card { padding:2rem }
}

/* Affiliatelogos */
.component.affiliatelogos .list-unstyled { flex-wrap:wrap !important; -ms-flex-align:stretch !important; align-items:stretch !important }
.component.affiliatelogos .list-unstyled li { padding:1.5rem 1rem !important; text-align:center; -ms-flex-align:center !important; align-items:center !important; -ms-flex-pack:justify !important; justify-content:space-between !important }
.component.affiliatelogos .list-unstyled li a img { max-height:150px }
.component.affiliatelogos .list-unstyled li { filter: grayscale(0) }
.component.affiliatelogos .list-unstyled li:hover { filter: grayscale(1) }

@media only screen and (min-width: 992px){
    .component.affiliatelogos .list-unstyled li { padding:3rem 4rem !important }
}

/* Parallax */
.parallax { background-image: var(--parallax-backgroundurl) !important }
.component.parallax { z-index:1 }
.component.parallax .parallax-inner .mod-graphic-carousel.style1 img { max-height: 150px }
.component.parallax .mod-parallax.style-1 .parallax-overlay { background: unset !important; text-shadow: unset !important }
.component.parallax .container-fluid:before { content: ''; background: #87888a; position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; opacity: .8 }
.component.parallax .container-fluid .slick-slider-container.slick-arrows-side .slick-arrow.next { right: 2rem }
.component.parallax .container-fluid .slick-slider-container.slick-arrows-side .slick-arrow.prev { left: 2rem; }
.component.parallax .graphic-slide-control { display: none !important }
.component.parallax .component-title { text-align: center; display:none !important; }
.component.parallax .mod-graphic-carousel.style4 .graphic-slide-control{ display:none; }
.component.parallax .mod-graphic-carousel.style4 .slide { background-size:cover; background-attachment:fixed; min-height:400px !important; }
.component.parallax .mod-parallax.style-1 .parallax { position:relative }
.component.parallax .mod-parallax.style-1 > .container { padding:0 }
.component.parallax .mod-parallax.style-1 .parallax-overlay { padding:0 !important; margin:0 !important }
.component.parallax .mod-graphic-carousel.style3,
.component.parallax .mod-graphic-carousel.style3 .slider,
.component.parallax .mod-graphic-carousel.style3 .slider .slick-list,
.component.parallax .mod-graphic-carousel.style3 .slider .slick-track,
.component.parallax[data-poweredby="navbar-sponsors?tmpl=mod-parallax-template"] .mod-parallax.style-1 .parallax-overlay { height:100% }
.component.parallax[data-poweredby="navbar-sponsors?tmpl=mod-parallax-template"] .mod-parallax.style-1 .parallax { display:unset !important }
.component.parallax .mod-parallax.style-1 .parallax-overlay { flex-direction:row !important }
.component.parallax .mod-graphic-carousel.style3 .slider .slick-track  a.slide img { position:relative; top:50%; left:50%; transform:translate(-50%, -50%); height:100px; margin:0 !important; padding:0 !important }

/* Sponsors */
.component.sponsors .slick-track { display:flex; align-items:center !important }
.component.sponsors .slick-slide img { max-width:100%; max-height:100px }

/* NextEvent */
.component.nextevent .component-title { display:none !important; text-align:center }
.component.nextevent:not(.bg-white):not(.bg-light) .event-links { margin-top:1rem }
.component.nextevent:not(.bg-white):not(.bg-light) .event-links .link.btn { border-color:rgba(255,255,255,0.125) !important; background-color:rgba(0,0,0,0.125) !important; backdrop-filter:blur(5px); color:var(--featuredathlete-linkcolor, var(--white)) !important }
.component.nextevent:not(.bg-white):not(.bg-light) .event-links .link.btn:hover,
.component.nextevent:not(.bg-white):not(.bg-light) .event-links .link.btn:focus{ color:var(--featuredathlete-linkhovercolor, var(--white)) !important; background-color:rgba(0,0,0,0.5) !important }

/* Scoreboard */
.header-top .component.scoreboard { z-index:3; position:relative; border-top:1px solid rgba(0,0,0,0.125); margin-top:-1px }
.header-top .component.scoreboard .component-title { padding:0; border:0 }
.header-top .component.scoreboard > .container,
.header-top .component.scoreboard > .container-fluid{ padding:0 }
.header-top .component.scoreboard div.mod-scoreboard.style9 .slick-list { margin:0 }
.header-top .component.scoreboard div.mod-scoreboard.style9 { padding-right:2.5rem; border:0 }
.header-top .component.scoreboard div.mod-scoreboard.style9 .prev,
.header-top .component.scoreboard div.mod-scoreboard.style9 .next { width:2.5rem }
.header-top .component.scoreboard div.mod-scoreboard.style9 .card { margin-top:-1px; margin-bottom:-1px }
.header-top .component.scoreboard div.mod-scoreboard.style9 .card-body { padding:0.75rem 1rem }
.header-top .component.scoreboard div.mod-scoreboard.style9 .slick-track { flex-wrap:nowrap!important }
.header-top .component.scoreboard .sponsor { display:flex; vertical-align:middle; height:100% }
.header-top .component.scoreboard .sponsor img { max-height:60px }
.header-top .component.scoreboard .sponsor > a,
.header-top .component.scoreboard .sponsor > img { display:flex; justify-content:center; align-self:center; }
.header-top .component.scoreboard .component-title a.btn { font-weight:bold }
.component.scoreboard div.mod-scoreboard.style5 .team-logos .logo.img-thumbnail { border-color:transparent }
.component.scoreboard div.mod-scoreboard.style5 .team-logos .logo.us { display:none }
.component.scoreboard > .container > div.mod-scoreboard.style5 { padding:2rem !important }
.section.main .component.scoreboard .mod-scoreboard.style9 .slider .slick-track .card .event-links a { border-radius:0.25rem }
.section.main .component.scoreboard .scoreboard-switcher .switcher-controls { padding:0 !important }
.section.main .component.scoreboard .mod-scoreboard.style9 .slick-list { margin:-1px }
.section.main .component.scoreboard .mod-scoreboard .slick-list { margin:0 0; border:1px solid rgba(0,0,0,0.125) }
.section.main .component.scoreboard .mod-scoreboard.style5 .card { margin:0 0; border-radius:0; border-right:3px solid var(--color-primary) }
.section.main .component.scoreboard .mod-scoreboard.style5 .date,
.section.main .component.scoreboard .mod-scoreboard.style5 .card-title{ font-family:var(--font-body) }
.section.main .component.scoreboard .mod-scoreboard.style5 .card-body {padding: 1rem }
.section.main .component.scoreboard .mod-scoreboard.style5 .date { font-size: 1.6rem }
.section.main .component.scoreboard .mod-scoreboard .scoreboard-slide-control .prev,
.section.main .component.scoreboard .mod-scoreboard .scoreboard-slide-control .next { box-shadow:none !important }
.section.main .component.scoreboard .mod-scoreboard.style5 .scoreboard-slide-control .flex-fill { padding:0 !important }
.section.main .component.scoreboard .mod-scoreboard.style1 .card .teams .team,
.section.main .component.scoreboard .mod-scoreboard.style7 .card .team-names .team { text-align:left !important; color: var(--color-dark) !important }
.component.scoreboard .mod-scoreboard.style1 .card-header { color: var(--white) !important }
.section.main .component.scoreboard .mod-scoreboard.style7 .slick-list,
.section.main .component.scoreboard .mod-scoreboard.style1 .slick-list { margin:0 -1rem; border:0 }
.section.main .component.scoreboard .scoreboard-switcher .switcher-controls { position:absolute !important; top:-3.5rem; z-index:1 }
.section.main .component.scoreboard .scoreboard-switcher .switcher-controls .nav-tabs .nav-link.active { border-bottom:3px solid var(--color-secondary) !important; background:none }
.section.main .component.scoreboard .scoreboard-switcher .switcher-controls .nav-tabs .nav-link,
.section.main .component.scoreboard .scoreboard-switcher .switcher-controls .nav-tabs { background:none; border:none }
.section.main .component.scoreboard .scoreboard-switcher .switcher-controls .nav-tabs { font-size:1rem; font-weight:bold }
.section.main .component.scoreboard .scoreboard-switcher .switcher-controls .nav-tabs .nav-link { padding:0; margin:.5rem }
.section.main .component.scoreboard .scoreboard-switcher .switcher-controls .nav-tabs .nav-link:focus { color:var(--color-dark) }
.section.main .component.scoreboard > div { margin-top:4rem !important; position:relative }
.section.main .component.scoreboard .scoreboard-switcher .switcher-controls .nav-tabs .nav-link:first-child { margin-left:0 }
.section.main .component.scoreboard .mod-scoreboard.style9 { padding-left:30px; padding-right:30px; border:none }
.section.main .component.scoreboard .mod-scoreboard.style9 .prev { left:0; border-top-left-radius:.25rem; border-bottom-left-radius:.25rem }
.section.main .component.scoreboard .mod-scoreboard.style9 .next { top:0; border-top-right-radius:.25rem; border-bottom-right-radius:.25rem }
.section.main .component.scoreboard .mod-scoreboard.style9 button { padding:0; height:100%; background:var(--color-primary); color:#fff; width:30px }
.section.main .component.scoreboard .mod-scoreboard.style9 button:focus { box-shadow:none }
.section.main .component.scoreboard .mod-scoreboard.style9 .slider .slick-track .card { border-top:0 !important; border-bottom:0 !important; border:1px solid var(--color-primary) }
.section.main .component.scoreboard:after { content:''; width:100%; height:100%; background:var(--color-dark); position:absolute; top:0; opacity:.3; z-index:-2 }
.section.main .component.scoreboard .switcher-main .tab-pane > a:first-of-type:hover,
.section.main .component.scoreboard .component-include > a:first-of-type:hover { color:var(--color-secondary) }
.section.main .component.scoreboard .switcher-main .tab-pane > a:first-of-type:focus,
.section.main .component.scoreboard .component-include > a:first-of-type:focus { box-shadow:none !important }
.section.main .component.scoreboard .switcher-main .tab-pane > a:first-of-type,
.section.main .component.scoreboard .component-include > a:first-of-type { font-style: italic; font-size: 1.3rem; padding-right:0; text-align:right; width: auto; position:absolute; top:-3.5rem; margin:0 !important; background:none; border:none; color:var(--color-dark); font-weight:bold; right:0 }
.section.main .component.scoreboard .switcher-main .tab-pane > a:first-of-type:after,
.section.main .component.scoreboard .component-include > a:first-of-type:after { content:"\f133"; font-family:'Font Awesome 5 Free'; font-style: normal; padding-left:0.5rem }
.section.main .component.scoreboard .mod-scoreboard.style5 .scoreboard-slide-control { margin: 0 !important }
.section.main .component.scoreboard .mod-scoreboard.style5 { border-radius: 5px; overflow: hidden }
.section.main .component.scoreboard .mod-scoreboard.style5 .card-body .card-text { font-size: 1rem !important; text-align: center !important }
.section.main .component.scoreboard .mod-scoreboard.style5 .card:hover .card-footer,
.mod-scoreboard.style5 .card:active .card-footer,
.section.main .component.scoreboard .mod-scoreboard.style5 .card:focus .card-footer { position: absolute; top: 65%; bottom: 0% }
.section.main .component.scoreboard .mod-scoreboard.style5 .card-footer { transition: all 0.25s ease-in; background: rgba(255,255,255,0.8); position: absolute; top: 100%; bottom: -100%; left: 0; right: 0 }
.section.main .component.scoreboard .mod-scoreboard.style5 .card-img,
.section.main .component.scoreboard .mod-scoreboard.style5 .card-img-top { border-top-left-radius: unset; border-top-right-radius: unset }
.component.scoreboard .mod-scoreboard.style1 { background: var(--white); padding: 2.5rem }
.section.main .component.scoreboard .mod-scoreboard.style5 .scoreboard-slide-control .next { right: 0; transform: translate(0%, -50%) }
.section.main .component.scoreboard .mod-scoreboard.style5 .scoreboard-slide-control .prev { left: 0 }
.section.main .component.scoreboard .mod-scoreboard.style5 .scoreboard-slide-control .prev,
.section.main .component.scoreboard .mod-scoreboard.style5 .scoreboard-slide-control .next { box-shadow: none !important; position: absolute; top: 50%; transform: translate(0%, -50%); width: 2.5rem; height: 100%; background: var(--color-primary); border: unset; border-color: unset; color: var(--white) }
.section.main .component.scoreboard .mod-scoreboard.style5 .card .neutralsite-notes { display: none }
.mod-scoreboard.style5 { padding: 0 2.55rem }
.section.main .component.scoreboard .mod-scoreboard.style5 .card-title a { color: var(--color-secondary) }
.section.main .component.scoreboard .mod-scoreboard.style5 .card-title { font-weight: bold; color: var(--color-secondary); font-size: 1.5rem; }
.section.main .component.scoreboard .mod-scoreboard.style5 .card-body .result,
.section.main .component.scoreboard .mod-scoreboard.style5 .card-body .result .text-success { color: var(--color-secondary) !important; font-size: 1.1rem !important }
.section.main .component.scoreboard  .mod-scoreboard.style5 .card-body>.d-flex,
.section.main .component.scoreboard  .mod-scoreboard.style5 .card-body hr { display: none !important }
.section.main .component.scoreboard  .mod-scoreboard.style5 .date-meta{ display: flex }
.section.main .component.scoreboard  .mod-scoreboard.style5 .date-meta .day { border-right: 0.135rem solid var(--color-primary); margin-right: 0.3rem }
.section.main .component.scoreboard  .mod-scoreboard.style5 .date-meta .month,
.section.main .component.scoreboard  .mod-scoreboard.style5 .date-meta .day { padding-right: 0.3rem }
.section.main .component.scoreboard  .mod-scoreboard.style5 .badge-primary:after,
.section.main .component.scoreboard  .mod-scoreboard.style5 .badge-secondary:after { content: '.' }
.section.main .component.scoreboard  .mod-scoreboard.style5 .badge-primary,
.section.main .component.scoreboard  .mod-scoreboard.style5 .badge-secondary { background: transparent !important; color: var(--color-dark); padding: 0 !important; font-size: .8rem; font-weight: normal; margin: 0 !important; position: relative; }
.section.main .component.scoreboard  .mod-scoreboard.style5 .team span { color: var(--color-dark) !important; font-weight: normal !important }
.section.main .component.scoreboard .mod-scoreboard.style9 .sport-name { font-weight: bold; color: var(--color-secondary); font-size: 1.2rem }
.section.main .component.scoreboard .mod-scoreboard.style9 .team.clearfix { padding: 0.3rem }
.section.main .component.scoreboard .mod-scoreboard.style7 .sport,
.section.main .component.scoreboard .mod-scoreboard.style1 .sport { font-weight: bold; color: var(--color-secondary) }

@media only screen and (min-width:992px) {
    .section.main .component.scoreboard .scoreboard-switcher .switcher-controls .nav-tabs { font-size:1.5rem; font-style: italic; }
    .section.main .component.scoreboard .switcher-main { position:unset !important }
    .section.main .component.scoreboard > div { margin-top:6rem !important }
    .component.scoreboard .scoreboard-switcher .switcher-controls { display:block }
    .section.main .component.scoreboard .mod-scoreboard.style5 .card-body .card-text { font-size:1.2rem }
}

@media only screen and (max-width: 992px){
    .section.main .component.scoreboard .switcher-main .tab-pane > a:first-of-type,
    .section.main .component.scoreboard .component-include > a:first-of-type { top:-3rem; font-size:12px }
    .section.main .component.scoreboard .switcher-main { position:unset !important }
    .section.main .component.scoreboard .component-include { position:relative }
    .content-switcher-wrapper .switcher-main .card-text,
    .section.main .component.scoreboard .scoreboard-switcher .switcher-controls .nav-tabs .nav-link { font-size:12px }
    .section.main .component.scoreboard .scoreboard-switcher .switcher-controls { top: -3rem }
    .section.main .component.scoreboard > div { box-shadow:none !important; padding-right:15px !important; padding-left:15px !important }
}

@media only screen and (min-width: 1600px){
    .component.scoreboard .scoreboard-aside { display:inline-block !important }
}

/* Newsrotator */
.component.newsrotator .h1,
.component.newsrotator .h2,
.component.newsrotator .h3,
.component.newsrotator .h4,
.component.newsrotator .h5,
.component.newsrotator .h6 { font-family:var(--font-body) } /* This resets the heading font style that is in this component */
.component.newsrotator .component-title { display:none !important }
.component.newsrotator .mod-news-rotator.style3 .story-box{ background:var(--color-primary); padding:3rem !important }
.component.newsrotator .mod-news-rotator.style3 .dots li button { width:13px; height:13px; border-radius:50%; box-shadow:none }
.component.newsrotator .mod-news-rotator.style3 .dots li button:focus { outline:none }
.component.newsrotator .mod-news-rotator.style3 .dots li button.bg-light,
.component.newsrotator .mod-news-rotator.style3 .dots li button.bg-light:focus { background: var(--white) !important; filter:none !important; outline:1px solid var(--white); border:2px solid var(--color-primary) }
.component.newsrotator .mod-news-rotator.style3 ul.dots{ display:block !important; background:transparent; top:-3rem; bottom:0; padding:1rem }
.component.newsrotator .mod-news-rotator.style7 .controls { margin:0; background-color:var(--white) }
.component.newsrotator .mod-news-rotator.style7 .seats{ background-color:var(--color-primary) }
.component.newsrotator .mod-news-rotator.style7 .seat { position:relative; overflow:hidden }
.component.newsrotator .mod-news-rotator.style7 .seat .stats-box { z-index:3 }
.component.newsrotator .mod-news-rotator.style7 .seat .story-box .card-title,
.component.newsrotator .mod-news-rotator.style7 .seat .story-box .date-sport{ min-height:0 }
.component.newsrotator .mod-news-rotator.style7 .media-box { overflow:hidden }
.component.newsrotator .mod-news-rotator.style7 .seat .story-box .breadcrumb-item+.breadcrumb-item:before { color:var(--white) }
.component.newsrotator .mod-news-rotator.style7 .control .thumb{ display:none }
.component.newsrotator .mod-news-rotator.style7 .control .thumb-title { font-size:1.15rem; line-height:initial; color:var(--color-dark); font-weight:bold }
.component.newsrotator .mod-news-rotator.style7 .control .date-sport .sport { font-weight:normal !important }
.component.newsrotator .mod-news-rotator.style7 .controls .controls-bottom-row { position:absolute; bottom:0; right:0 }
.component.newsrotator .mod-news-rotator.style7 .controls .controls-bottom-row a { background:none !important; border:none !important; box-shadow:none !important; color:var(--color-secondary); font-size:1.2rem; padding-right:1.9rem; text-align:right; position:relative }
.component.newsrotator .mod-news-rotator.style7 .controls .controls-bottom-row a:after { content:'>'; position:absolute; width:100%; height:100%; font-size:1.5rem; bottom:0; font-weight:100; right:0; padding-right:0.5rem }
.component.newsrotator .mod-news-rotator.style7 .control.active,
.component.newsrotator .mod-news-rotator.style7 .control.active a,
.component.newsrotator .mod-news-rotator.style7 .control.active .breadcrumb-item+.breadcrumb-item::before { background:var(--color-secondary); color:var(--white) }
.component.newsrotator .mod-news-rotator.style7 .control .breadcrumb-item+.breadcrumb-item::before { content: '|'; color:var(--color-dark) }
.component.newsrotator .mod-news-rotator.style7 .control { color:var(--color-dark) }
.component.newsrotator .mod-news-rotator.style7 .dots { bottom:0; top:auto }
.component.newsrotator .mod-news-rotator.style7 .seat .card-text.leadin { display:none; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden }
.component.newsrotator .mod-news-rotator.style3 .story-box:hover a,
.component.newsrotator .mod-news-rotator.style3 .prev:hover,
.component.newsrotator .mod-news-rotator.style3 .next:hover { color:var(--color-secondary) }
.component.newsrotator .mod-news-rotator.style3 .story-box .card-title:after { content:'READ MORE'; display:block; padding-top:1rem; font-size:1rem }
.component.newsrotator .mod-news-rotator .story-box .breadcrumb-item+.breadcrumb-item::before { content:'|'; color:#fff }
.component.newsrotator .mod-news-rotator.style3 .prev,
.component.newsrotator .mod-news-rotator.style3 .next { bottom:5.5% !important; background-color:transparent; border-color:transparent }
.component.newsrotator .mod-news-rotator.style3 .prev:hover,
.component.newsrotator .mod-news-rotator.style3 .prev:focus,
.component.newsrotator .mod-news-rotator.style3 .next:hover,
.component.newsrotator .mod-news-rotator.style3 .next:focus { filter:none; background-color:transparent !important; border-color:transparent }
.component.newsrotator .mod-news-rotator .pp { right:0; top:0 }
.component.newsrotator .mod-news-rotator .dots li { margin:2px 4px !important }
.component.newsrotator .mod-news-rotator.style3 .dots li button:not(.bg-light):hover { background-color:var(--color-secondary)!important; border:2px solid var(--color-primary); outline:1px solid var(--color-secondary) !important }
.component.newsrotator:after { content:''; width:100%; height:100%; background:var(--color-dark); position:absolute; top:0; opacity:.3; z-index:-2 }
.component.newsrotator .mod-news-rotator.style3 .pause,
.component.newsrotator .mod-news-rotator.style3 .play { clip-path:polygon(100% 0, 0 0, 100% 100%); padding:0.5rem 0.5rem 1.3rem 2rem }
.component.newsrotator .mod-news-rotator.style7 .pause,
.component.newsrotator .mod-news-rotator.style7 .play { clip-path: polygon(100% 0, 0 0, 0% 100%); padding: 0.5rem 3rem 1.5rem 0.5rem; width: 5rem }
.component.newsrotator .mod-news-rotator.style7 .dots li button { border:2px solid var(--color-dark); outline:2px solid #fff }
.component.newsrotator .mod-news-rotator .active.slick-current.slick-active .media-box .slide-img img { animation:zoomInImage; animation-fill-mode:forwards; animation-duration:6s }

@keyframes zoomInImage {
    from { transform:scale3d(1,1,1) }
    to { transform:scale3d(1.1,1.1,1.1) }
}
@media only screen and (min-width: 576px ) and (max-width: 991px){
    .mod-news-mondrian.style1 .mondrian-stories-grid .mondrian-row { flex-direction: column !important }
}

@media only screen and (min-width: 768px){
    .component.newsrotator .mod-news-rotator.style7 .seat:hover .media-box:before { transform:translate(0, -50%) }
}

@media only screen and (min-width:992px) {
    .component.newsrotator .component-include:after,
    .component.newsrotator .component-include:before { content:''; background:var(--color-secondary); position:absolute; right:-7rem; bottom:0; width:13rem; height:13rem; transform:skew(-45deg); z-index:-1 !important; border-left:2px solid var(--white) }
    .component.newsrotator .component-include:before { right:1rem; width:10rem; height:25rem; border-right:2px solid var(--white) }
    .component.newsrotator .mod-news-rotator.style3 .story-box{ padding:3rem !important; padding-top:1rem !important; color:var(--white) }
    .component.newsrotator .mod-news-rotator.style3 ul.dots{ display:block !important; background:transparent; top:-3rem; bottom:0; padding:1rem }
    .component.newsrotator .mod-news-rotator.style3 .prev { bottom:50% }
    .component.newsrotator .mod-news-rotator.style7 .seat .media-box:before { transition:0.2s; position: absolute; z-index:1; top:50%; left:0; width:100%; height:200%; content:'';background:linear-gradient(180deg, rgba(0,0,0,0.0) 0%, var(--color-primary) 100%) }
    .component.newsrotator .mod-news-rotator.style7 .seat .media-box:before { top:25% } 
    .component.newsrotator .mod-news-rotator.style7 .seats { border:0 }
    .component.newsrotator .mod-news-rotator.style7 .controls { border:0 }
    .component.newsrotator .mod-news-rotator.style7 .control { position:relative; flex:0; display:flex; align-items:center }
    .component.newsrotator .mod-news-rotator.style7 .dots { display:block !important }
    .component.newsrotator .mod-news-rotator.style7 .control .thumb{ max-width:125px; margin-right:1rem }
    .component.newsrotator .mod-news-rotator.style7 .controls h2{ padding:initial !important }
    .component.newsrotator .mod-news-rotator.style7 .control .thumb,
    .component.newsrotator .mod-news-rotator.style7 .controls { display:none !important }
    .component.newsrotator .mod-news-rotator.style7 .control { padding:1rem; border-top:1px solid var(--color-light) }
    .component.newsrotator .mod-news-rotator.style7 .control:first-child { border-top:0 }  
    .component.newsrotator .mod-news-rotator.style7 .stats-box { right:2rem }
}

@media only screen and (max-width: 992px){
    .component.newsrotator  .mod-news-mondrian.style1 .title.card-title { font-size: 1rem }
    .component.newsrotator > .container { box-shadow:none !important; padding-right:15px !important; padding-left:15px !important }
    .component.newsrotator .mod-news-rotator.style3 .story-box { padding:1rem !important }
    .component.newsrotator .mod-news-rotator.style3 .story-box .card-title,
    .component.newsrotator .mod-news-rotator.style3 .story-box .date-sport { font-size:12px; color:var(--white) }
    .component.newsrotator .mod-news-rotator.style3 .story-box .card-title:after { padding-top:10px; font-size:12px }
}

@media only screen and (min-width: 1200px){
    .component.newsrotator .mod-news-rotator.style7 .seat .card-text.leadin{ display:block }
    .component.newsrotator .mod-news-rotator.style7 .controls { display:flex !important }
    .component.newsrotator .mod-news-rotator.style7 .dots { display:none !important }
}

@media only screen and (min-width: 1600px){
    .component.newsrotator .mod-news-rotator.style7 .control .thumb { display:block !important }
}

/** ======================= **/
/** END OF COMPONENTS       
/** ======================= **/