/** ======================= **/
/** START OF GLOBAL RESETS 
/** ======================= **/
.btn { border-radius:0 }
.d-inline-grid { display:inline-grid }
.dropdown-menu { border-radius:0 }
.dropdown-item { padding:0.25rem 1rem }
.custom-select option { color:#000 }
.component { margin-top: 1rem; margin-bottom: 1rem; }
html.sticky-nav .header-top .component.scoreboard{ overflow:hidden }
.article-sidebar-for-related .card-contents h5 { font-family:var(--font-body) }
.slick-prev, .slick-next { width:auto; height:auto; padding:.375rem .75rem }
img { image-rendering: auto; image-rendering: crisp-edges; image-rendering: pixelated; image-rendering: -webkit-optimize-contrast }
.section.developer{ border-top:1px solid rgba(255,255,255,0.125) }
.navbar-dark .navbar-toggler { padding:0.275rem 0.55rem; border-color:var(--color-secondary) !important }
.btn-outline-light:focus,
.btn-outline-light:active { border-color:var(--color-secondary) !important; box-shadow:unset !important; background:var(--color-secondary) !important }
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, 
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-outline-primary.dropdown-toggle:focus,
.btn-outline-primary.focus, .btn-outline-primary:focus{ box-shadow:0 0 0 0.2rem rgb(179 151 81 / 46%) }
.nav-right-icon { position:relative }
.nav-right-icon:after { content:''; background:url(/assets/images/nav-right-icon.png); position:absolute; width:30px; height:30px; background-size:cover; right:-2.5rem; top:23px }
.nav-right-icon:before { content:'+'; position:absolute; right:-3.5rem }
.component .component-title { color: var(--color-secondary); padding:1rem; border-bottom:1px solid rgba(0,0,0,.125); margin-bottom:1rem; background:var(--color-primary) }
.component .component-title span { font-size: 1.2rem; font-weight: bold }
.component .component-title > *,
.component .component-title .heading-text > * { margin:0 }
.slick-slider-container.slick-arrows-side .sr-only { color: var(--color-primary) }
.component .component-title,
.component.newsrotator .mod-news-rotator.style9 .controls > h2,
.component.featuredathlete .mod-aotw.style8 .title,
.component.featuredathlete .mod-aotw.style8 .sport { text-transform: uppercase }

@media only screen and (min-width:992px) {
    .component { margin-top: 2.32rem; margin-bottom: 2.32rem }
}
/** ======================= **/
/** EFFECTS AND TRANSITIONS   
/** ======================= **/
.mod-news-mondrian.style1 .story-card .story-img img,
.mod-graphic-carousel.style6 .slick-slide img { transition:all 0.5s ease 0s }
.mod-news-mondrian.style1 .story-card:hover .story-img img,
.mod-graphic-carousel.style6 .slick-slide:hover img { transform:scale(1.1) }

/** ======================= **/
/** START OF HEADER TOP       
/** ======================= **/
.section.header.header-top { text-align: center !important; overflow: hidden }
.section.header-top > .container-fluid { padding:0 }
.section.header-top > .container { padding:0 }
.section.header-top .navbar-quicklinks { display:none; z-index:1; padding:0; border-bottom:1px solid #dee2e6!important }
.section.header-top .navbar-quicklinks ul { margin:0; width:100%; padding:0 }
.section.header-top .navbar-quicklinks ul li:not(:last-child) { border-right:1px solid rgba(0,0,0,0.1) }
.section.header-top .navbar-quicklinks ul li a { display:block; padding:0.5rem 1rem }
.section.header-top .site-slogan { z-index:2; display:none; font-weight:bold }
.section.header-top .component.partnerlogos  { border-bottom:0 }

@media only screen and (min-width:992px) {
    .section.header-top .navbar-quicklinks { display:block }
    .section.header-top .site-slogan { display:block; font-size:1.15rem }
}
/** ======================= **/
/** START OF HEADER        
/** ======================= **/
.sport-home .section.header .navbar.navbar-quicklinks,
.internal-page .section.header .navbar.navbar-quicklinks { background: var(--color-primary) }
.sport-home .section.header .navbar.navbar-quicklinks a,
.internal-page .section.header .navbar.navbar-quicklinks a, 
.sport-home .section.header .navbar.navbar-quicklinks .nav-link, 
.internal-page .section.header .navbar.navbar-quicklinks .nav-link { color: var(--color-secondary) }
.section.header > .container { padding:0; border-bottom:0 }
.section.header > .container-fluid { padding:0 }
.section.header.sticky-top > .container { border-left:0!important; border-right:0!important }
.section.header .primary-nav-inner { flex-direction:column }
.section.header .primary-nav-inner .yamm .yamm-content { max-width:1140px; margin:0 auto }
.section.header .primary-nav-inner .yamm .yamm-content .heading { padding-left:0.5rem; padding-right:0.5rem } 
.section.header .primary-nav-inner .navbar-search-bar { padding-right:0.2rem }
.section.header .primary-nav-inner .navbar-search-bar .btn { background:transparent; border:unset }
.section.header .navbar.navbar-primary { -webkit-box-shadow:inset 0 20px 18px -20px rgb(255 239 239 / 80%); -moz-box-shadow:inset 0 20px 20px -20px rgba(0,0,0,0.8); box-shadow:inset 0 20px 20px -20px rgb(255 255 255 / 80%) }
.section.header .navbar.navbar-primary .navbar-logo{ margin:-0.5rem 1rem -0.5rem -1rem; z-index:1001; padding:0.5rem 1rem }
.section.header .navbar.navbar-primary .nav-link { font-size:0.8rem; position:relative }
.section.header .navbar.navbar-primary li.dropdown > .dropdown-menu .heading { margin:0;text-transform:uppercase; font-weight:800; font-size:0.8rem }
.section.header .navbar.navbar-primary li.dropdown .submenu.level-2 li.has-nav:hover,
.section.header .navbar.navbar-primary li.dropdown .submenu.level-2 li.has-nav:focus,
.section.header .navbar.navbar-primary li.dropdown .dropdown-item:hover, 
.section.header .navbar.navbar-primary li.dropdown .dropdown-item:focus{ background: rgba(0,0,0,0.01) }
.section.header .navbar.navbar-primary li.dropdown .submenu.level-2 { margin-top: 0.4rem }
.section.header .navbar.navbar-primary .dropdown-menu { padding: 0; opacity: .9 }
.section.header .navbar.navbar-primary .dropdown-menu ul li.mb-3 { border-bottom:solid 1px var(--color-light); margin-bottom:0px !important; padding:1rem .7rem }
.section.header .navbar.navbar-primary .dropdown-menu ul li.mb-3:last-child { margin-bottom:0 !important }
.section.header .navbar.navbar-primary #site-nav-collapse .dropdown-menu ul li a { font-size:0.6rem; letter-spacing:0.1em; padding-left:1rem }
.section.header .navbar.navbar-primary #site-nav-collapse .navbar-yamm-group ul { padding:0 }
.section.header .navbar.navbar-primary #site-nav-collapse { background:var(--color-primary); z-index:2; margin:0 -1rem; margin-bottom:-.5rem }
.section.header .navbar.navbar-primary #site-nav-collapse ul.navbar-nav { padding:1rem 0  0 0 }
.section.header .navbar.navbar-primary #site-nav-collapse li.dropdown:last-child { border-bottom:1px solid #434343 }
.section.header .navbar.navbar-primary #site-nav-collapse li.dropdown { border-top:1px solid #434343 }
.section.header .navbar.navbar-primary #site-nav-collapse li .dropdown-toggle { padding-left:1rem }
.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 .dropdown-menu .list-unstyled { padding:0.6rem 0 } 
.section.header .item-1 .dropdown-menu .list-unstyled { padding:0 }
.section.header .social-links { margin-top:0px !important; display:none }
.section.header .social-links ul { line-height:1 }
.section.header .social-links .mod-site-social-links { display:flex; -ms-flex-pack:end; justify-content:right; padding:5px !important }
.section.header .social-links .mod-site-social-links .title { text-transform: uppercase; margin-right:1rem; font-weight:900; color:var(--color-primary); line-height:2.34; display:none }
.section.header .social-links .list-inline-item { width:30px; height:30px; background-color:var(--color-primary); border-radius:50px; text-align:center; position:relative; transition:0.5s ease }
.section.header .social-links .list-inline-item:hover, 
.section.header .social-links .list-inline-item:focus,
.section.header .social-links .list-inline-item:active { background-color:var(--color-secondary) }
.section.header .social-links .list-inline-item a { position:absolute; color:var(--white); left:50%; top:50%; transform:translate(-50%, -50%); font-size:14px }
.section.header .navbar.navbar-primary .navbar-nav .show .dropdown-toggle:after { transform:translateY(-50%) rotate(45deg) }
.section.header .navbar.navbar-primary .navbar-nav .dropdown-toggle:after { border:none !important; content:"+" !important; font-weight:500; transition:.3s ease; color:var(--color-primary); position:absolute; top:50%; right:0; transform:translateY(-50%); width:40px; line-height:35px; height:35px }
.section.header .navbar.navbar-primary .navbar-nav .dropdown-toggle:before { content:""; width:40px; line-height:35px; background:var(--color-secondary); height:35px; position:absolute; top:50%; right:0; transform:translateY(-50%) }
.section.header .navbar-quicklinks ul { z-index:1; margin:0; align-items:center; display:flex; flex-direction:unset }
.section.header .navbar-quicklinks ul li { flex:unset !important }
.section.header .navbar-quicklinks .has-nav ul{ min-width:100%; max-width:100%; padding:0.5rem; border:1px solid #fff; box-shadow:0 .25rem .5rem rgb(0 0 0 / 20%); max-height:70vh; overflow-y:auto; text-align:left; background:var(--color-primary); display:none; position:absolute; right:3px; top:100% }
.section.header .navbar-quicklinks .has-nav:hover ul { display:block }
.section.header .navbar-quicklinks .has-nav ul li { padding:0.45rem; border-bottom:1px solid #434343 }
.section.header .navbar-quicklinks .has-nav ul li:hover { background-color:var(--color-secondary) }
.section.header .navbar-quicklinks .has-nav ul li:last-child { padding:0.65rem 0; border:unset }
.section.header .navbar-quicklinks .has-nav ul li a {  padding:0 14px 0 0; color:var(--navigation-primarydropdown-linkcolor, rgba(0,0,0,.7)) } 
.section.header .navbar-quicklinks .has-nav ul li a:hover { text-decoration:none } 
.section.header .navbar-quicklinks ul .has-nav h4 { margin:0 } 
.section.header .navbar-quicklinks ul li.flex-fill.has-nav .dropdown-toggle:after { display: none }
.sport-home .section.header .navbar-quicklinks ul .has-nav:after,
.internal-page .section.header .navbar-quicklinks ul .has-nav:after { color: var(--color-secondary); }
.section.header .navbar-quicklinks ul .has-nav:after { content:'+'; position:absolute; font-size:1.1rem; line-height:1.5; transition:.3s ease; top:20%; right:9px; color:var(--color-primary) } 
.section.header .navbar.navbar-quicklinks a, .section.header .navbar.navbar-quicklinks .nav-link { color: var(--color-primary); z-index:1 }
.section.header .navbar.navbar-quicklinks a { text-decoration:unset; padding:0 0.6rem }
.section.header .navbar-quicklinks ul .has-nav.open a { color:#fff }
.section.header .navbar-quicklinks ul .has-nav.open:after { color:#fff; transform:rotate(45deg) } 
.section.header .navbar-quicklinks .has-nav:hover ul { display:none } 
.section.header .navbar-quicklinks ul .has-nav.open ul.list-unstyled { display:inline-block }
.section.header .navbar.navbar-quicklinks .has-nav ul li:last-child { border: unset }
.section.header .navbar.navbar-secondary { border-top: 3px solid #fff}
.section.header .navbar.navbar-secondary .dropdown-item:focus, .dropdown-item:hover, 
.section.header .navbar.navbar-secondary .flexible-dropdown-menu .nav-item:focus, 
.section.header .navbar.navbar-secondary .flexible-dropdown-menu .nav-item:hover { background-color: rgb(179 151 90) }
.section.header .navbar.navbar-quicklinks{ -webkit-box-shadow: inset 0 20px 20px -20px rgb(255 239 239 / 80%); -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8); box-shadow: inset 0 20px 20px -20px rgb(255 255 255 / 80%) }
.section.header .navbar.navbar-quicklinks:after { -webkit-box-shadow: inset 0 20px 13px -20px rgb(255 239 239 / 80%); -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8); box-shadow: inset 0 20px 13px -20px rgb(255 239 239 / 80%) }
header.section.header { -webkit-box-shadow: inset 0 20px 20px -20px rgb(255 239 239 / 80%); -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8); box-shadow: inset 0 20px 20px -20px rgb(255 255 255 / 80%) }
header.section.header .primary-navigation-macro .yamm .container { position: unset }
.section.header .navbar.navbar-primary #site-nav-collapse > ul > li.nav-item:last-child { position: relative }
.section.header .navbar.navbar-primary #site-nav-collapse { overflow: visible !important }
.section.header .navbar.navbar-secondary .nav-item.dropdown.flexible-menu > .dropdown-menu { overflow:visible !important; max-height: max-content !important }

@media only screen and (max-width:1199px) {
    .section.header .navbar.navbar-primary .navbar-collapse .form-inline { display:none }
}

@media only screen and (min-width: 250px){
    .section.header .navbar-quicklinks ul li.flex-fill.has-nav { flex:0 0 40% !important; text-align:right }
    .section.header .navbar-quicklinks ul li.flex-fill { flex:0 0 60% !important; text-align:left }
    .section.header .navbar-quicklinks ul{ flex:0 0 100% }
    .section.header .navbar-quicklinks ul .has-nav:after{ right:15px; top: 16%; }
    span.fa.fa-ticket { padding-right:3px }
    .section.header .navbar-primary .navbar-brand.navbar-logo img { max-height:40px }
    .component.scoreboard .tab-pane.show.active a[aria-label="Composite button"] { margin-bottom: 0 !important; font-size:12px; display: inline-flex; width: auto }
}

@media only screen and (min-width:600px) {
    .section.header .navbar-primary .navbar-brand.navbar-logo img { max-height:55px }
}

@media only screen and (min-width:992px) {
    .sticky-nav .section.header .navbar.navbar-primary .navbar-brand.navbar-logo img { max-height: 90px; top: 0.2rem }
    .section.header .social-links { display:block } 
    .section.header .social-links .mod-site-social-links { justify-content:flex-end; padding:1rem!important }
    .section.header .social-links .mod-site-social-links .title { display:inline-block }
    .section.header .social-links .list-inline-item:hover a, 
    .section.header .social-links .list-inline-item:focus a, 
    .section.header .social-links .list-inline-item:active a { color: var(--color-primary) }
    .section.header .navbar.navbar-primary li.dropdown > .dropdown-menu .heading { font-size:1.2rem; margin-bottom:.5rem } 
    .section.header .navbar.navbar-primary #site-nav-collapse { position:static; background:unset; margin:0 }
    .section.header .navbar.navbar-primary #site-nav-collapse ul.navbar-nav { padding:0 } 
    .section.header .navbar.navbar-primary #site-nav-collapse li.dropdown { border-top:none } 
    .section.header .navbar.navbar-primary #site-nav-collapse li.dropdown:last-child { border-bottom:none } 
    .section.header .navbar.navbar-primary #site-nav-collapse .dropdown-menu .list-unstyled li a { letter-spacing:0; font-size:1rem } 
    .section.header .navbar.navbar-primary .navbar-nav > li > a:hover::after { transform:rotate(225deg) }
    .section.header .navbar.navbar-primary .navbar-nav .dropdown-toggle:after { color:var(--color-secondary); position:static; transform:unset; width:auto; line-height:2; background:unset } 
    .section.header .navbar.navbar-primary .navbar-nav .dropdown-toggle:before { display: none; } 
    .section.header .navbar.navbar-primary li.dropdown .submenu.level-2 { margin-top:0 } 
    .section.header .navbar.navbar-primary li.dropdown .submenu.level-2 .list-unstyled { padding:0 } 
    .section.header .navbar.navbar-primary .dropdown-menu { border:1px solid #fff; box-shadow: 0 0.25rem .5rem rgba(0, 0, 0, 0.2); }
    .section.header .navbar.navbar-primary .dropdown-menu ul li.mb-3 { border-bottom:none }
    .section.header .navbar.navbar-primary { position:unset; padding:0; padding-right:75px; width:80%; flex-grow: 1 }
    .section.header .navbar.navbar-primary .navbar-logo { margin-left:-15px  } 
    .section.header .navbar.navbar-primary .navbar-brand.navbar-logo img { max-height:145px; position:absolute; top:-1.5rem }
    .section.header .navbar.navbar-primary .nav-link { padding:2rem 1rem; font-size:1.1rem }
    .section.header .navbar.navbar-primary .navbar-primary-social .nav-link { padding:2rem 0.5rem }
    .section.header .navbar.navbar-primary .navbar-search-bar { margin-right:0.3rem }
    .section.header .navbar.navbar-secondary { padding:0 }
    .section.header .navbar.navbar-secondary .nav-item { border-left:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); margin-left:-1px }
    .section.header .navbar.navbar-secondary .dropdown-menu .nav-item { border-left:0; border-bottom:1px solid rgba(0,0,0,0.1); border-right:0 }
    .section.header .navbar.navbar-secondary .dropdown-menu .nav-item:last-child { border-bottom:0 }
    .section.header .navbar.navbar-secondary .container .links { margin-right:-1rem }
    .section.header .navbar.navbar-secondary .nav-link { padding:1rem 1.5rem }
    .section.header .primary-nav-inner { flex-direction:unset }
    .section.header .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem }
    .section.header .navbar.navbar-quicklinks { width:20%; padding:0 } 
    .sport-home .section.header .navbar.navbar-quicklinks:after,
    .internal-page .section.header .navbar.navbar-quicklinks:after { background: var(--color-primary) }
    .section.header .navbar.navbar-quicklinks:after { content:''; background:var(--navigation-quicklinks-backgroundcolor); width:100%; left:-60px; height:100%; position:absolute; border-left:4px solid var(--white); transform:skew(45deg) } 
    .section.header .navbar-quicklinks > ul > li { padding: 2rem 0.5rem }
    .section.header .navbar.navbar-quicklinks .has-nav ul { right:0; min-width:23rem; padding:0; max-width:initial }
    .section.header .navbar.navbar-quicklinks .has-nav ul li { padding:0.25rem 1rem }
    .section.header .navbar.navbar-quicklinks .has-nav ul li:last-child { padding:0.25rem 1rem }
    .section.header .navbar.navbar-quicklinks li a { padding:2rem 0.5rem } 
    .section.header .navbar.navbar-quicklinks li > a { font-size:1.1rem } 
    .section.header .navbar.navbar-quicklinks ul li:hover a { color:#fff }
    .section.header .navbar.navbar-quicklinks .navbar-links.dropdown-menu { padding: 0 }
    .section.header .navbar-quicklinks ul .has-nav{ position:relative; padding-right: 1rem }
    .section.header .navbar-quicklinks ul .has-nav:hover:after { transform:rotate(225deg); color:#fff }
    .section.header .navbar-quicklinks .has-nav:hover ul { display: inline-block }
    .section.header .navbar-quicklinks ul .has-nav:after{ top:35% }
    .section.header .navbar-quicklinks ul li.flex-fill.has-nav { flex:0 0 25% !important; text-align:right }
    .section.header .navbar-quicklinks ul li.flex-fill { flex:0 0 75% !important; text-align:left }
    header.section.header { background: var(--color-secondary); background: linear-gradient(-90deg, var(--color-secondary) 50%, var(--color-primary) 50%) }
}

@media (max-width: 991px){
    header.section.header > .container { width: 100%; max-width: 100% !important }
    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 }
}

/** ======================= **/
/** START OF SECTION FOOTER
/** ======================= **/
.section.footer .footer-bottom { margin-top: 1rem; margin-bottom: 1rem }
.section.footer .footer-bottom .footer-contents { padding: 0 !important }
.section.footer .footer-bottom .footerlogos { margin: 0 !important }
.section.footer .footer-information { color: var(--color-primary) }
.section.footer > .container { border:1px solid #dee2e6; border-bottom:0 }
.section.footer .address,
.section.footer .sponsor,
.section.footer .footer-information { text-align:center }
.section.footer .footer-information a { text-decoration:underline; padding: 0 }
.section.footer .footer-information a:hover { text-decoration:none }
.section.footer .footer-aside { border-left:1px solid rgba(255,255,255,0.125) }
.section.footer .address-info address { margin:0 }
.section.footer .site-links .navbar{ font-family:var(--font-body) }
.section.footer .site-links .navbar-sitelinks { padding:0 }
.section.footer .site-links .navbar-sitelinks ul { 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 {  text-align:center;display:inline-block; margin-bottom:1.2rem }
.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 .component.affiliatelogos  {  overflow:hidden; margin-bottom: 0; position: relative }
.section.footer .component.affiliatelogos .navbar-logos { overflow:hidden; padding: 3rem 0; }
.section.footer .component.affiliatelogos .list-unstyled { overflow:hidden; flex-wrap:wrap!important; display:-ms-flexbox!important; display:flex!important; -ms-flex-align:stretch!important; align-items:stretch!important }
.section.footer .component.affiliatelogos ul li { border-width: 1px !important }
.section.footer .component.affiliatelogos .list-unstyled li { transition:all 0.5s; margin:-1px; padding:2rem 1rem!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 }
.section.footer .component.affiliatelogos .list-unstyled li a { overflow:hidden }
.section.footer .component.affiliatelogos .list-unstyled li:hover img {transform:scale(1.1);}
.section.footer .component.affiliatelogos .list-unstyled li a img{ max-height:100px; transition:all 0.5s ease 0s }
.section.footer .component.affiliatelogos:after,#section-footer .component.affiliatelogos:before{ content:''; position:absolute; top:0; height:100%; background-size:contain; background-repeat:no-repeat }
.section.footer .component.affiliatelogos:before{ width:250px; background:url(/assets/images/Gradient1.png); left:0; pointer-events:none }
.section.footer .component.affiliatelogos:after{ width:300px; background:url(/assets/images/Gradient2.png); right:0; pointer-events:none }
.section.footer.footer a:not(.btn) { color:var(--color-primary) !important } 
.section.footer .col-sm:last-child { flex-grow:.5 } 
.section.footer .footer-information li+li { margin-left: 1rem }

@media only screen and (min-width: 992px){
    .section.footer .footer-bottom { margin-top: 2.32rem; margin-bottom: 2.32rem }
    .section.footer .footer-information{ text-align:initial }
    .component.affiliatelogos .list-unstyled li { padding:3rem!important; margin:2rem 0 }
    #section-footer .row { align-items: center }
    #section-footer .row .col-sm:last-child, #section-footer .footerlogos .navbar-logos ul li:last-child { padding-right:0 !important }
    #section-footer .row .col-sm:first-child { padding-left:0 }
    .section.footer .social-links { margin-bottom:0 }
    .section.footer .social-icons  { display:none } 
    .section.footer .footerlogos .navbar-logos ul { justify-content:right !important }
    .section.footer .address-info { padding:0 }
    .section.footer .component.affiliatelogos ul li{ border-right:2px solid var(--color-secondary) }
    .section.footer .component.affiliatelogos ul li:last-child { border:none }
    .section.footer.footer .navbar-logos ul { justify-content:right !important }
}

@media only screen and (max-width: 992px){
    .section.footer .footer-bottom >div.row { flex-direction: column !important }
}


/** ======================= **/
/** START OF MAIN     
/** ======================= **/
#main-wrapper { position:relative; overflow:hidden }
.internal-page .main-wrapper > div { background-color:#fff }
@media (max-width: 576px){ 
    .section.main > div { padding-left: 1rem !important; padding-right: 1rem !important}
}


/** ======================= **/
/** START OF COMPONENTS     
/** ======================= **/


/** ======================= **/
/** START OF PARALLAX       
/** ======================= **/
.component.parallax{ background-image: var(--parallax-backgroundurl) !important }
.component.parallax .parallax-overlay { background:transparent; text-shadow:unset }
.component.parallax { margin: 2rem 0 }
.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-overlay { padding:0 !important; margin:0 !important; text-shadow:0.1rem 0.1rem 0.1rem rgba(0,0,0,0.5) }
.component.parallax .mod-parallax.style-1 .parallax-overlay>.container { padding:0 }
.component.parallax .mod-parallax.style-1 .parallax { position:relative }
.component.parallax .mod-parallax.style-1 .parallax:before { content:""; background:var(--parallax-backgroundcolor); top:0; bottom:0; left:0; right: 0; width:100%; opacity:0.9; position:absolute }
.component.parallax .mod-parallax.style-1 img { margin:0 !important } 
.component.parallax .mod-parallax.style-1 .parallax-overlay .overlay-contents img { position: relative; object-fit: cover; width: 100%; height: 100%; }
.component.parallax .leadin { text-transform: uppercase }

/** ======================= **/
/** START OF RECENT VIDEOS    
/** ======================= **/
.component.recentvideos { position:relative }
.component.recentvideos .container { position:relative }
.component.recentvideos .switcher-controls .custom-select {  height:calc(1.5em + 1.45rem + 2px); background:unset; border:none; color:#fff !important; font-size:0.8rem }
.component.recentvideos .switcher-controls { position:absolute !important; top:1rem; padding:0 !important; width:auto }
.component.recentvideos .switcher-controls .custom-select:focus { box-shadow:unset }
.component.recentvideos .component-title { color: #fff; font-weight: bold; font-size: 1.2rem; overflow: hidden; }
.component.recentvideos .card-body-inner { display:flex; flex-wrap:wrap; color: var(--color-primary); flex-direction: column; }
.component.recentvideos .item.active .card-body-inner { color: var(--color-secondary) }
.component.recentvideos .card-body-inner h5.card-title { order:2 }
.component.recentvideos .switcher-controls .d-flex > .align-items-stretch:after { content:"+"; color:#fff; position:absolute; top:12px; right:14px; width:10px; display:inline-block; font-size:0.8rem }
.component.recentvideos .switcher-controls .custom-select { text-transform: uppercase; width:auto; padding-right:2rem }
.component.recentvideos .card-body-inner h5.card-title a.stretched-link { color:var(--color-secondary) }
.component.recentvideos .player .card-body-inner h5.card-title a.stretched-link { color: #fff }
.component.recentvideos .mod-recent-videos .video-thumbnail:hover .fa { color:var(--color-secondary) }
.component.recentvideos .mod-recent-videos .video-thumbnail .fa { color:var(--color-primary) }
.component.recentvideos .mod-recent-videos.style3 .player { width: 100% } 
.component.recentvideos .mod-recent-videos.style3 .playlist { max-height:unset; inset:unset; position:relative; margin-top:2rem }
.component.recentvideos .mod-recent-videos.style3 .video-thumbnail img {  width:100%; height:253px; object-fit:cover }
.component.recentvideos .mod-recent-videos.style3 .vjs-poster{ background-size:cover; background-position:center center } 
.component.recentvideos .mod-recent-videos.style3 .vjs-fluid { padding-top:44% }  
.component.recentvideos .mod-recent-videos.style3 .vjs-big-play-centered .vjs-big-play-button { background:var(--color-primary) !important; border-radius:50%; height:50px; line-height:1.6; width:50px; color:var(--color-secondary) }
.component.recentvideos .mod-recent-videos.style3 .playlist .item.active { border-color:var(--color-primary) }
.component.recentvideos .mod-recent-videos.style3 .playlist .item.active a:hover { color:var(--color-secondary) !important }
.component.recentvideos .mod-recent-videos.style3 .playlist .item.active a { color:#fff !important }
.component.recentvideos .mod-recent-videos.style3 .playlist .item h5,
.component.recentvideos .mod-recent-videos.style3 .playlist .item .card-title { display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-family:var(--font-body); font-size:1.15rem; font-weight:bold }
.component.recentvideos .mod-recent-videos.style3 .playlist .item { text-align:left; float:left; background-color: var(--color-primary); border:none; padding:0; width:23%; margin-right:2.6%; display:inline-block }
.component.recentvideos .mod-recent-videos.style3 .playlist .item:last-child { margin:0 !important }
.component.recentvideos .mod-recent-videos.style3 .playlist .item a { font-size:0.9rem }
.component.recentvideos .mod-recent-videos.style3 .playlist .item .date.text-muted { order:1; font-size:.8rem; color:var(--color-secondary) !important }
.component.recentvideos .mod-recent-videos.style3 .playlist .item.active .date.text-muted{ color:#fff !important }
.component.recentvideos .mod-recent-videos.style3 .playlist .item .card-body { width:100%; padding:0px 1rem 0.5rem 1rem; display:flex; align-items:center }
.component.recentvideos .mod-recent-videos.style3 .playlist .item .video-thumbnail { float:unset; width:100%; overflow:hidden }
.component.recentvideos .mod-recent-videos.style3 .playlist .item .video-thumbnail img.card-img-top { top:0; left:0; transform:unset; transform-origin:center center }
.component.recentvideos .mod-recent-videos.style3 .item.card .fa.fa-youtube-play:before { content: "\f101"; font-family: VideoJS; background: var(--color-primary); color: var(--color-secondary); border-radius: 50px; font-size: 2rem; padding: 0.3rem }
.component.recentvideos .mod-recent-videos.style3 .video-meta { position: absolute; bottom: 1rem; left: 2rem }
.component.recentvideos .mod-recent-videos.style3 .video-meta a { font-size: 1.5rem }
.component.recentvideos .component-title .display-7{ color: var(--color-secondary); font-size:1.1rem; position:relative; font-weight: bold; }
.component.recentvideos .component-title .display-7:after { content:""; width:10rem; height:100%; display:inline-block; border-top:2px solid #fff; position:absolute; transform:rotate(45deg); right:-8rem }
.component.recentvideos .component-title .display-7 a{ color:var(--color-secondary); font-weight:bold }
.component.recentvideos .component-title .display-7 a:hover { text-decoration:none }
.component.recentvideos .module-footer .archive-btn { margin:0!important; display:inline-block; width:auto; padding:0.4rem 2.4rem; text-transform:uppercase; font-size:0.8rem; font-weight:600; line-height:1.1 }
.component.recentvideos .module-footer { padding-top:1rem }
.component.recentvideos .player .card-body-inner h5.card-title { padding: 0.3rem 0.7rem; font-weight: 600 }
.component.recentvideos .mod-recent-videos.style3 .video-meta span { display: block; padding: 0 0.7rem; max-width: 5rem; color: #fff !important; font-weight: bold; text-align: center }


@media only screen and (min-width: 300px){
    .component.recentvideos .mod-recent-videos.style3 .playlist { display:inline-block }
    .section.main .component.recentvideos .mod-recent-videos.style3 .playlist .item { width:48.7%; margin-bottom: 2.6% !important }
    .section.main .component.recentvideos .mod-recent-videos.style3 .playlist .item:nth-child(2) { margin:0 }
}

@media (max-width: 991px){ 
    .component.recentvideos .mod-recent-videos.style3 .playlist { margin-top: 0 }
}

@media only screen and (min-width: 992px){
    .component.recentvideos .mod-recent-videos.style3 .player { border:0 }
    .component.recentvideos .mod-recent-videos.style3 .playlist { padding:0; display:block; max-height:initial }
    .component.recentvideos .mod-recent-videos.style3 .playlist { display:inline-block; padding:0 }
    .section.main .component.recentvideos .mod-recent-videos.style3 .playlist .item { width:23% }
    .section.main .component.recentvideos .mod-recent-videos.style3 .playlist .item:nth-child(2) { margin-right:2.6% }
}

/** ======================= **/
/** START OF RECENTNEWS       
/** ======================= **/
.component.recentnews .mod-more-news.style2 .load-more-btn .view-all { display: inline-block; width: auto; padding: 0.4rem 2.4rem; height: auto; font-size: 0.8rem; font-weight: 600; line-height: 1.1 }
.component.recentnews .mod-more-news.style2 .load-more-btn { margin:2rem }
.component.recentnews .mod-more-news.style2 .card-deck {  border-bottom:1px solid rgba(0,0,0,.125); overflow:hidden; margin:0!important }
.component.recentnews .mod-more-news.style2 .card-deck .card{ margin:-1px !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 img{ transition:all 0.5s ease 0s }
.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:hover img { transform:scale(1.1) }
.component.recentnews .mod-more-news.style2 .card-deck .card-title{ font-weight:bold; font-family:var(--font-body) !important } 

@media only screen and (min-width:992px) {
    .component.recentnews .mod-more-news.style2 .card-deck .card { padding:2rem }
}
@media only screen and (min-width:1200px) {
    .component.recentnews .mod-more-news.style2 .card-deck .card .card-text.leadin { display:block }
}


/** ======================= **/
/** START OF PARTNERLOGOS        
/** ======================= **/
.component.partnerlogos  { border:1px solid rgba(0,0,0,0.125); margin:-1px }
.component.partnerlogos .partner-logo-macro,
.header-top .partner-logo-macro{ z-index:4; position:relative; padding: 0 }
.component.partnerlogos ul { 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 ul li { border:1px solid rgba(0,0,0,0.125); border-top:0; transition:all 0.5s; width:25%; 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 ul li:not(:last-child) { margin-right:-1px }
.component.partnerlogos ul li a { overflow:hidden }
.component.partnerlogos ul li:hover img { transform:scale(1.4) }
.component.partnerlogos ul 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 }
}

/** ======================= **/
/** START OF PHOTOGALLERY       
/** ======================= **/
.component.photogallery .mod-photo-gallery.style1 .card-deck { margin:-1px !important }
.component.photogallery .mod-photo-gallery.style1 .card-deck .card{ overflow:hidden; 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 img{ transition:all 0.5s ease 0s }
.component.photogallery .mod-photo-gallery.style1 .card-deck .card:hover img { transform:scale(1.1) }
.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 }


/** ======================= **/
/** START OF SOCIALSTREAM       
/** ======================= **/
.component.socialstream .mod-social { padding:2rem }
@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% }
}

/** ======================= **/
/** START OF STANDINGs     
/** ======================= **/
.component.standings .content-switcher-wrapper { padding:2rem }
.component.standings .switcher-controls .custom-select { text-transform: capitalize box-shadow: none }
.component.standings a.full-standings { display: inline-block; width: auto; padding: 0.4rem 2.4rem; height: auto; font-size: 0.8rem; font-weight: 600; line-height: 1.1 }

/** ======================= **/
/** START OF SPONSORS      
/** ======================= **/
.component.sponsors .slick-track { display:flex; align-items:center!important }
.component.sponsors .slick-slide img { max-width:100% }

/** ======================= **/
/** START OF 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, #fff) !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, #fff) !important; background-color:rgba(0,0,0,0.5) !important }


/** ======================= **/
/** START OF FEATURED ATHLETE       
/** ======================= **/
.component.featuredathlete .component-title{ border-bottom:0 }
.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 .athletes .athlete-main .card-body .title a.stretched-link { color:var(--featuredathlete-linkcolor, var(--global-linkcolor)) !important }
.component.featuredathlete .athletes .athlete-main .card-body .title a.stretched-link:hover { text-decoration:none; color:var(--color-secondary) !important } 
.component.featuredathlete .slick-dots li button { width: 14px; height: 14px; margin: 0; display: inline-block; padding: 0; border-radius: 50%; border: 2px solid var(--color-primary); outline: 1px solid #fff }
.component.featuredathlete .slick-dots li button:before { opacity: 0; }
.component.featuredathlete .slick-dots li.slick-active button { background:#fff; }
.component.featuredathlete .mod-aotw.style8 .athlete.card { background:transparent; border: none }
.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.style8 .card .athlete-aside .card-header img { max-height: 305px; background:transparent }
.component.featuredathlete .mod-aotw.style8 .card .athlete-aside img { transition:all 0.5s }
.component.featuredathlete .mod-aotw.style8 .card-body { display:flex; flex-direction:column; padding:0!important }
.component.featuredathlete .mod-aotw.style8 .title { order:2; margin-top:13px }
.component.featuredathlete .mod-aotw.style8 .sport { order:3; font-style:italic; font-size:0.7rem; color:var(--color-secondary) }
.component.featuredathlete .mod-aotw.style8 .leadin { color:#fff; order:1; border-top:unset !important; font-size:0.8rem }
.component.featuredathlete .mod-aotw.style8 .slick-arrow{ display:none!important }
.component.featuredathlete .mod-aotw.style2 .athletes-deck .card{ padding:1rem }
.component.featuredathlete .mod-aotw.style2 .card-horizontal { display:block }
.component.featuredathlete .mod-aotw.style2 .athletes-deck .card { background:rgba(0,0,0,0.125) !important; backdrop-filter: blur(5px); border:1px solid rgba(255,255,255,0.1) }
.component.featuredathlete .mod-aotw.style2 .athletes-deck .card { color: var(--featuredathlete-fontcolor, #fff) !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.style8 .card .athlete-aside .card-header { background: transparent }
.component.featuredathlete .mod-aotw.style8 .title a:before { content: '-' }

@media only screen and (min-width: 250px){
    .component.featuredathlete .component-title { position: static; font-size: 2.4rem!important }
    .component.featuredathlete .mod-aotw.style8 .athlete-main { max-width:100%; text-align:center;  margin-top: 0 }
    .component.featuredathlete .mod-aotw.style8 .aotw-heading { position:static; font-size:2.4rem!important }
    .component.featuredathlete .mod-aotw.style8 .aotw-heading:before { width:50px; height:40px; top:-17px; left:6px }
    .component.featuredathlete .mod-aotw.style8 .aotw-heading:before,
    .component.featuredathlete .mod-aotw.style8 .aotw-heading:after { display: none }
    .component.featuredathlete .component .mod-aotw.style8 .leadin { max-height:100% }
    .component.featuredathlete .mod-aotw.style8 .slick-active .card-body:before { content:''; background:url(/assets/images/quotes.png) no-repeat; width:50px; height:50px; position:absolute; background-size:contain; z-index:0; mix-blend-mode:color-dodge; top:-7rem; left:-18px }
    .component.featuredathlete .mod-aotw.style8 .slick-active .card-body:after { content:""; background:url(/assets/images/quotes.png) no-repeat; width:50px; height:50px; position:absolute; background-size:contain; z-index:0; mix-blend-mode:color-dodge; bottom:0; right:-10px; -webkit-transform:scaleX(-1); transform:scaleX(-1) }
    .component.featuredathlete .mod-aotw.style8 .card-body { position: relative }
    .component.featuredathlete .mod-aotw.style8 .athlete-aside { width: 40% }
}

@media only screen and (min-width: 575px){
    .component.featuredathlete .component-title { position: absolute; z-index: 2; left: 38.2%; font-size: 2rem !important; top: 11% }
    .component.featuredathlete .mod-aotw.style8 .athletes,
    .component.featuredathlete .mod-aotw.style8 .aotw-list { padding:0 }
    .component.featuredathlete .mod-aotw.style8 .athlete-main{ max-width:63%; text-align:left; margin-left:6% }
    .component.featuredathlete .mod-aotw.style8 .athlete.card .card-inner-wrapper{ padding:2rem 0!important; justify-content: end !important }
    .component.featuredathlete .mod-aotw.style8 .slick-active .card-body:before { top:-22px; left:-28px; width:40px; height:40px }
    .component.featuredathlete .mod-aotw.style8 .slick-active .card-body:after { width:40px; height:40px; bottom:41px }
    .component.featuredathlete .mod-aotw.style8 .aotw-heading { position:absolute; z-index:2; left:38.2%; font-size:2rem !important; top:11% }
    .component.featuredathlete .mod-aotw.style8 .card-body { padding-top:2rem !important }
    .component.featuredathlete .mod-aotw.style8 .slick-dotted.slick-slider { margin-bottom:0 }
    .component.featuredathlete .mod-aotw.style8 .slick-dots{ bottom:-0.6rem }
}

@media only screen and (min-width: 768px){
    .component.featuredathlete .mod-aotw.style9 .athlete-inner { padding:0 2rem }
    .component.featuredathlete .mod-aotw.style2 .card-horizontal { display:flex }
    .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 }
    .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 }
}

@media only screen and (min-width: 990px){
    .component.featuredathlete .component-title,
    .component.featuredathlete .mod-aotw.style8 .aotw-heading { font-size: 2.4rem !important; top: 24% }
    .component.featuredathlete .mod-aotw.style8 .title a { font-size: 1.6rem }
}

@media only screen and (min-width:1000px) {
    .stretched-link::after{ display:none }
    .component.featuredathlete .component-title  { position: absolute; font-size: 2.9rem !important; color: #fff !important; left: 50%; top: -1%; z-index: 3 }
    .component.featuredathlete .mod-aotw.style8 .aotw-heading { position:absolute; font-size:2.9rem !important; color:#fff !important; left:50%; top:24%; z-index:3 }
    .component.featuredathlete .mod-aotw.style8 .slick-active .card-body:before { content:''; background:url(/assets/images/quotes.png) no-repeat; width:70px; height:60px; position:absolute; background-size:contain; z-index:0; mix-blend-mode:color-dodge; top:-60px; left:-56px }
    .component.featuredathlete .mod-aotw.style8 .slick-active .card-body:after { content:""; background:url(/assets/images/quotes.png) no-repeat; width:70px; height:60px; position:absolute; background-size:contain; z-index:0; mix-blend-mode:color-dodge; bottom:43px; right:0px; -webkit-transform:scaleX(-1); transform:scaleX(-1) }
    .component.featuredathlete .mod-aotw.style8 .athlete-aside { max-width:40%; width:300px }
    .component.featuredathlete .mod-aotw.style8 .athlete-main { max-width:50%; margin-top:60px }
    .component.featuredathlete .mod-aotw.style8 .athletes { padding:0 }
}

@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 }
    .component.featuredathlete .mod-aotw.style2 .athletes-deck .card img.card-img-top{ max-height: 240px; width: auto }
}

/** ============================== **/
/** START OF HEADER-TOP SCOREBOARD       
/** ============================== **/
html .header-top .component.scoreboard { -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; max-height:200px }
.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{ padding:0 }
.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 }

/** ============================== **/
/** START OF SCOREBOARD       
/** ============================== **/
.mod-scoreboard.style1 .card .teams .team{ text-align:left !important }
.mod-scoreboard.style7 .card .team-names .team{ text-align:left !important }
.mod-scoreboard.style10 .prev,
.mod-scoreboard.style10 .next { background:var(--color-primary); color:#fff }
.section.main .component.scoreboard .mod-scoreboard.style9 .slick-list { margin:-1px }
.section.main .component.scoreboard .scoreboard-switcher .switcher-controls { padding:0 !important }
.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 }
.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.2rem }
.section.main .component.scoreboard .mod-scoreboard.style5 .scoreboard-slide-control { margin:1rem 0 0 0 !important }
.section.main .component.scoreboard .mod-scoreboard.style5 .scoreboard-slide-control .flex-fill { padding:0 !important }
.section.main .component.scoreboard .mod-scoreboard.style7 .slick-list,
.section.main .component.scoreboard .mod-scoreboard.style1 .slick-list { margin:0 -1rem; border:0 }
.component.scoreboard .mod-scoreboard.style10 .card { margin: 0 }
.component.scoreboard .mod-scoreboard.style10 .card .name-opponent .event-location { margin-right: 0.3rem }
.component.scoreboard .mod-scoreboard.style10 .card .name-opponent>div>div { display: inline-flex !important }
.component.scoreboard .event-schedule-info>span a { font-size: 0.8rem }
.component.scoreboard .mod-scoreboard.style10 .card .card-body { padding: 0.8rem 1rem }
.component.scoreboard .mod-scoreboard.style10 .event-heading { padding: 0px 0px 0.3rem; margin: 0px 0px 0.5rem }
.component.scoreboard .event-schedule-info .event-status { font-size: 0.8rem; font-weight: 600 }
.component.scoreboard .mod-scoreboard.style10 .info-main .us { font-weight: 700 }
.component.scoreboard .mod-scoreboard.style10 .team { font-size: 0.8rem; font-style: italic }
.component.scoreboard .scoreboard-switcher .custom-select { text-transform: uppercase }
.component.scoreboard .scoreboard-switcher .custom-select:focus,
.component.scoreboard .scoreboard-switcher .btn-outline-primary:focus { border: unset; box-shadow: unset }
.component.scoreboard .tab-pane.show { text-align: center }
.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 .mod-scoreboard.style10 .card .sport,
.component.scoreboard .mod-scoreboard.style10 .card .sport a ,
.component.scoreboard .mod-scoreboard.style10 .card .card-text > div:last-child.teams > div.team:last-child { color: var(--color-secondary) }
.component.scoreboard .d-flex { width:100%; position:relative }
.component.scoreboard .event-schedule-info>span a { color:var(--color-primary) }
.component.scoreboard .event-schedule-info .event-date,
.component.scoreboard .event-schedule-info .event-status,
.component.scoreboard .mod-scoreboard.style10 .info-main .us,
.component.scoreboard .mod-scoreboard.style10 .info-main .opponent { color:var(--color-primary) }
.component.scoreboard .mod-scoreboard.style10 .info-main .opponent { font-weight: 700 }
.component.scoreboard .mod-scoreboard.style10 { padding:0 2rem; border:unset } 
.component.scoreboard .d-flex .switcher-controls { max-width:100% } 
.component.scoreboard .d-flex .switcher-controls .nav.nav-tabs { background:var(--color-primary) }
.component.scoreboard .d-flex .switcher-controls .nav.nav-tabs a:first-child { margin-right:35px; position:relative } 
.component.scoreboard .d-flex .switcher-controls .nav.nav-tabs a.nav-item:hover { outline:none; border:none }
.component.scoreboard .sec-tab1-select:after, 
.component.scoreboard .sec-tab2-select:after { content:"+"; color:#fff; position:absolute; top:12px; right:14px; width:10px; height:25px; display:inline-block; font-size:0.8rem }
.component.scoreboard .sec-tab1-select, 
.component.scoreboard .sec-tab2-select { position:relative }
.component.scoreboard .d-flex .switcher-controls .nav.nav-tabs a.nav-item.active { background:unset; border:none; color:var(--color-secondary) }
.component.scoreboard .component-include > .content-switcher-wrapper > div > .switcher-main { margin: 1rem 0 }
.component.scoreboard .content-switcher-wrapper .switcher-main .d-flex,
.component.scoreboard .content-switcher-wrapper .switcher-main { position:static !important }
.component.scoreboard .switcher-controls .custom-select {  height:calc(1.5em + 1.45rem + 2px); background:unset; border:none; color:#fff !important; font-size:0.8rem }
.component.scoreboard .d-flex .switcher-controls .nav.nav-tabs a:first-child:after { content:""; width:100%; height:100%; display:inline-block; border-top:2px solid #fff; position:absolute; transform:rotate(45deg); right:-45px }
.component.scoreboard .d-flex .switcher-controls .nav.nav-tabs a.nav-item { color:#fff; font-weight:bold; text-transform:uppercase; font-size:1.2rem; border:none }
.content-switcher-wrapper .switcher-main .switcher-controls { overflow:visible !important; position:absolute !important; top:0; margin:0 !important; right:0 }

@media only screen and (min-width: 1600px){         
    .component.scoreboard .scoreboard-aside { display:inline-block !important }
}

@media only screen and (min-width:1000px) {
    .component.scoreboard .tab-pane.show.active a[aria-label="Composite button"] { position: absolute !important; top:0; margin:0 !important; right:0; color:#fff; width:auto; border:none; height:calc(1.6em + 1.45rem); display:flex; align-items:center; font-size:0.8rem } 
}

@media only screen and (max-width:992px) {
    .component.scoreboard .d-flex .switcher-controls .nav.nav-tabs a.nav-item { font-size: 0.85rem }
    .component.scoreboard .switcher-controls .custom-select { height: calc(1.5em + 1rem ) }
    .component.scoreboard .sec-tab1-select:after,
    .component.scoreboard .sec-tab2-select:after { top: 8px }
}
@media only screen and (min-width:992px) {
    .component.scoreboard .scoreboard-switcher .switcher-controls { display:block }
    .section.main .component.scoreboard .mod-scoreboard.style5 .card-body {padding:0.8rem }
    .section.main .component.scoreboard .mod-scoreboard.style5 .card-body .card-text { font-size:1.2rem }
    .content-switcher-wrapper .switcher-main .switcher-controls { overflow:visible !important; position:absolute !important; top:0; margin:0 !important; right:13% }
}

/** ======================= **/
/** START OF NEWS ROTATOR       
/** ======================= **/
.component.newsrotator .h1,
.component.newsrotator .h2,
.component.newsrotator .h3,
.component.newsrotator .h4,
.component.newsrotator .h5,
.component.newsrotator .h6{ font-family:var(--font-body) }
.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 .story-box .card-title,
.component.newsrotator .mod-news-rotator.style3 .story-box .date-sport{ text-shadow:.1rem .1rem .1rem var(--color-primary) }
.component.newsrotator .mod-news-rotator.style3 .dots li button { width:3rem; height:0.6rem; border-radius:0; box-shadow:none; border:1px solid rgba(255,255,255,0.1); background:var(--color-primary) }
.component.newsrotator .mod-news-rotator.style3 .dots li button.bg-light{ background:var(--global-linkhovercolor) !important }
.component.newsrotator .mod-news-rotator.style3 ul.dots{ display:block !important; background:transparent; top:-3rem; bottom:0; padding: 1rem }
.component.newsrotator a:not(.btn) { color:var(--color-primary, var(--global-linkcolor)) } 
.component.newsrotator { background:unset !important }
.component.newsrotator .mod-news-rotator.style9 .control { background: #fff }
.component.newsrotator .mod-news-rotator.style9 .story-box .date-sport { color:#fff; border-color:#fff; font-size:0.8rem }
.component.newsrotator .mod-news-rotator.style9 .control.active .sport.breadcrumb-item { color: #000 }
.mod-news-rotator.style9 .story-box { background:#000 }
.mod-news-rotator.style9 .story-box .date-sport .breadcrumb-item.sport { background:var(--color-secondary); margin-bottom:-1px }
.mod-news-rotator.style9 .story-box .card-title { color:#fff; font-size:1.2rem }
.mod-news-rotator.style9 .story-box .card-text.leadin { color:#fff; font-size:0.8rem }
.mod-news-mondrian.style1 .story-card .story-box .card-title,
.mod-news-mondrian.style1 .story-card .story-box .date-sport { color: var(--color-light) }
.mod-news-mondrian.style1 .mondrian-column-aside .story-card .story-box .story-box-main a { font-size: 1rem }

@media only screen and (min-width:992px) {
    .component.newsrotator .mod-news-rotator.style9 .controls h2 { font-size:1.4rem; font-weight:700; letter-spacing:1px; margin-bottom:15px; color:var(--color-primary) }
    .component.newsrotator .mod-news-rotator.style9 .control .breadcrumb-item { font-size:.8rem; color: var(--color-primary) }
    .component.newsrotator .mod-news-rotator.style9 .control a.thumb-titl { font-size:1rem; font-weight:700 }
    .component.newsrotator .mod-news-rotator.style9 .control .leadin { font-size:.89rem; color: var(--color-primary) }
    .component.newsrotator .mod-news-rotator.style9 .control .leadin a { text-decoration: underline; padding: 0 0 0 35px; background: rgb(255,255,255); background: linear-gradient(80deg, rgba(255,255,255,0) 13%, rgba(255,255,255,0.9615196420365021) 33%, rgba(255,255,255,1) 100%) }
    .component.newsrotator .mod-news-rotator.style9 .controls .controls-bottom-row { text-align:center }
    .component.newsrotator .mod-news-rotator.style9 .controls .more-items { width:auto; display:inline-block; padding:3px 28px;font-size:.7rem; background:unset!important; color:var(--color-primary); border-width:2px; text-transform:uppercase; filter:brightness(100%) }
    .component.newsrotator .mod-news-rotator.style9 .control .breadcrumb-item.sport { text-align:center; flex:.5; padding:3px 0; background:var(--color-secondary); margin-bottom:-1px }
    .component.newsrotator .mod-news-rotator.style9 .media-box .slide-img { padding-top:66.67% }
    .component.newsrotator .mod-news-rotator.style9 .media-box .slide-img img { height:100%!important }
    .component.newsrotator .mod-news-rotator.style9 .control.active { background:var(--color-primary) }
    .component.newsrotator .mod-news-rotator.style9 .control.active .breadcrumb-item,
    .component.newsrotator .mod-news-rotator.style9 .control.active .leadin,
    .component.newsrotator .mod-news-rotator.style9 .control.active .thumb-title { color:#fff  }
    .component.newsrotator .mod-news-rotator.style9 .control.active .leadin a { padding-top: 0.2rem; padding-bottom: 0.2rem; padding-right: 0.2rem; color: #fff; background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,0) 13%, rgb(0 0 0 / 80%) 24%, rgba(0,0,0,1) 100%) }
    .component.newsrotator .mod-news-rotator.style9 .control.active .date-sport { border-color:#fff }
    .component.newsrotator .mod-news-rotator.style9 .control>.d-flex { width: 100% }
    .component.newsrotator .mod-news-rotator.style9 .media-box .slide-img img { object-fit: cover; object-position: top center }
    .component.newsrotator .mod-news-rotator.style9 .seats { border: unset; background-color: unset; height: 100% ; }
    .component.newsrotator .mod-news-rotator.style9 .control.active .leadin a { background: var(--color-primary); background: linear-gradient(90deg, rgb(1 41 86 / 0%) 13%, rgb(1 41 86 / 80%) 24%, var(--color-primary) 100%) }
}

/** ======================= **/
/** START OF BANNER       
/** ======================= **/
.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 .mod-graphic-carousel.style3 .graphic-slide-control { display: none !important }
.component.banner .mod-graphic-carousel.style3 img { width: 100%; object-fit: cover }

/** ======================= **/
/** END OF COMPONENTS       
/** ======================= **/