/** ================================================================================ **/
/** Custom theme originally developed for Continental Athletic Conference. FED-11037 **/
/** ================================================================================ **/

/** ============= **/
/** GLOBAL RESETS **/
/** ============= **/

.internal-page .main-wrapper > div { background-color:#fff; border:4px solid #b0b7bc; border-width:0 4px }
.internal-page .main-wrapper { display:flex; padding:0 }
.internal-page .main-wrapper .share-buttons { max-width:none; 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; /* matches standard buttons */ }
.article-sidebar-for-related .card-contents h5 { font-family:var(--font-body)}

/** ========== **/
/** HEADER TOP **/      
/** ========== **/

.section.header-top .site-slogan { font-family:var(--font-headings) }
.section.header-top .component.scoreboard { border-top:4px solid #b0b7bc }
.section.header-top .component.scoreboard .sponsor { display:flex; vertical-align:middle; height:100%; padding:1rem }
.section.header-top .component.scoreboard .sponsor > a,
.section.header-top .component.scoreboard .sponsor > img { display:flex; justify-content:center; align-self:center }
.section.header-top .mod-site-social-links { display:flex; align-items:center; padding:.5rem 1rem !important }
.section.header-top .mod-site-social-links .title { margin-right:1rem; font-family:var(--font-headings); text-transform:uppercase }
.section.header-top .mod-site-social-links li { margin-right:1rem }
.section.header-top .mod-site-social-links li a { display:block; width:2.15rem; height:2.15rem; line-height:2rem; text-align:center; color:var(--color-primary); background-color:var(--header-linkcolor); border:.15rem solid var(--color-primary); border-radius:100%; transition:0.2s }
.section.header-top .mod-site-social-links li a:hover,
.section.header-top .mod-site-social-links li a:focus { box-shadow:0 0 0 2px var(--header-linkcolor) }
.section.header-top .navbar-quicklinks ul { margin:0 }
.section.header-top .navbar-quicklinks ul li:not(:last-child) { border-right:1px solid rgba(255,255,255,0.15) }
.section.header-top .navbar-quicklinks ul li a { display:block; padding:0.5rem 1rem; text-decoration:none; transition:0.2s }
.section.header-top .navbar-quicklinks ul li a:hover,
.section.header-top .navbar-quicklinks ul li a:focus { box-shadow:inset 0 0 0 2px var(--header-linkcolor) }

@media only screen and (min-width:1600px) {
    .section.header-top .site-slogan { font-size:1.25rem }
    .section.header-top .mod-site-social-links .title,
    .section.header-top .navbar-quicklinks ul li a { font-size:1.25rem; padding:.5rem 1.5rem }
}

/** ============= **/
/** HEADER BOTTOM **/      
/** ============= **/

.section.header-bottom { z-index:98 }
                                                
/** ====== **/
/** HEADER **/
/** ====== **/

.section.header > .container { padding:0 }
.section.header .navbar-primary .navbar-brand.navbar-logo img { max-height:75px }
.section.header .navbar.navbar-primary .navbar-logo { margin-left:-1rem; z-index:1001; padding:0.5rem 1rem }
.section.header .navbar.navbar-primary li.dropdown > .dropdown-menu .heading { padding:.25rem .5rem; border-bottom:4px solid var(--color-secondary) }
.section.header .navbar.navbar-primary li.dropdown > .dropdown-menu.navbar-dark .border-bottom { border-color:rgba(255,255,255,0.1) !important }

.section.header .navbar.navbar-secondary { padding:0 1rem 0 0 }
.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 { box-shadow:inset 0 0 0 3px var(--navigation-secondary-linkhovercolor); transition:0.2s }
.section.header .navbar.navbar-secondary .navbar-brand { position:relative; display:flex !important; align-items:center; padding:.5rem 1rem; font-size:1.5rem; font-weight:800; text-transform:uppercase; background-color:var(--color-secondary); transition:0.2s }
.section.header .navbar.navbar-secondary .navbar-brand:hover,
.section.header .navbar.navbar-secondary .navbar-brand:focus { background-color:var(--color-secondary) !important }
.section.header .navbar.navbar-secondary .navbar-brand .sport-icon { display:none; margin:0 calc(-2rem - 35px) 0 2rem; height:60px; overflow:hidden }
.section.header .navbar.navbar-secondary .navbar-brand .sport-icon span { position:relative; display:block; height:70px; width:70px; margin-top:-5px; line-height:70px; font-size:2rem; color:var(--color-primary); background-color:#fff; border-radius:100% }

@media only screen and (min-width:576px) {
    .section.header .navbar.navbar-secondary .navbar-brand { height:60px; padding:0 2rem }
    .section.header .navbar.navbar-secondary .navbar-brand .sport-icon { display:block }
}
@media only screen and (max-width:1199px) {
    .section.header .navbar.navbar-primary .navbar-collapse .form-inline { display:none }
} 

@media only screen and (min-width:992px) {
    .section.header .navbar.navbar-primary { padding:0; border-bottom:4px solid #b0b7bc }
    .section.header .navbar.navbar-primary .navbar-logo { margin:0 0 0 -15px }
    .section.header .navbar.navbar-primary .nav-item { display:flex; align-items:center !important }
    .section.header .navbar.navbar-primary .nav-link { height:auto !important }
    .section.header .navbar.navbar-primary .nav-item:hover .nav-link:not(.btn), 
    .section.header .navbar.navbar-primary .nav-item:focus .nav-link:not(.btn) { box-shadow:inset 0 0 0 3px var(--color-secondary); transition:0.2s }
    .section.header .navbar-primary .navbar-brand.navbar-logo { padding:1rem }
    .section.header .navbar-primary .navbar-brand.navbar-logo img { max-height:100px }
    .section.header .navbar.navbar-primary li.dropdown > .dropdown-menu { border-width:5px 0; border-style:solid; border-color:#b0b7bc; border-bottom-color:var(--color-secondary) }
    .section.header .navbar.navbar-primary .nav-item:hover .dropdown-toggle::after { position:relative; animation-name:toggle-carrot; animation-duration:.5s }

    .section.header .navbar.navbar-secondary { padding:0; border-bottom:4px solid #b0b7bc }
    .section.header .navbar.navbar-secondary > div { padding-left:0 !important }
    .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-primary .navbar-primary-social .nav-link {padding:2rem 0.5rem; }
    .section.header .navbar.navbar-secondary .nav-link{ padding:1rem 1.5rem;}
    .section.header .dropdown-menu{ padding:1rem; box-shadow: 0 0.25rem .5rem rgba(0, 0, 0, 0.2); }
    .section.header .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem; }

    .section.header.split-nav .navbar-primary.navbar-expand-lg .navbar-nav { width:50%; justify-content:space-around }
    .section.header.split-nav .navbar-primary.navbar-expand-lg .navbar-nav:first-child { padding-right:6rem }
    .section.header.split-nav .navbar-primary.navbar-expand-lg .navbar-nav:last-child { padding-left:6rem }
    .section.header.split-nav .navbar-primary.navbar-expand-lg .navbar-brand-centered { width:0; margin:0; padding:1rem 0 }
    .section.header.split-nav .navbar-primary.navbar-expand-lg .navbar-brand-centered picture { display:inline-block; left:50%; transform:translateX(-50%) }

}
@media only screen and (min-width:1200px) {
    .section.header .navbar.navbar-secondary .navbar-brand { padding:0 4rem }
    .section.header .navbar.navbar-secondary .navbar-brand .sport-icon { margin:0 calc(-4rem - 35px) 0 4rem }

    .section.header .partner-logo-macro { overflow:visible }
}
@media only screen and (min-width:1600px) {
    .section.header .navbar.navbar-primary .nav-link { font-size:1.375rem; padding-right:1.5rem; padding-left:1.5rem }
}

/** ====== **/
/** FOOTER **/
/** ====== **/

.internal-page .section.footer { border-top:4px solid #b0b7bc }
.section.footer .footer-contents { text-transform:uppercase }
.section.footer .footer-address 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 a { padding:.5rem; text-decoration:underline }
.section.footer .site-links .navbar-sitelinks a:hover,
.section.footer .site-links .navbar-sitelinks a:focus { text-decoration:none }
.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 .site-links .navbar-sitelinks .list-inline-item:not(:first-child):before { content:'|'; color:#fff }

.section.developer { border-top:1px solid rgba(255,255,255,0.125) }

@media only screen and (min-width: 1200px) {
    .section.footer .footer-contents { font-weight:600 }
    .section.footer .navbar-logos li { padding:2rem !important }
}

@media only screen and (min-width: 1600px) {
    .section.footer .mod-site-footer-intro .mod-site-footer-links li a { font-size:1.375rem }
  }

/** ========== **/
/** COMPONENTS **/
/** ========== **/

.component { border-bottom:4px solid #b0b7bc; overflow:hidden }
.component .row > .col:first-child { border-bottom:4px solid #b0b7bc }
.component-group .component { border-bottom:0 }
.component-group.aotw-banner { order:var(--featuredathlete-order, initial) }
.component-group.standings-videos { order:var(--standings-order, initial) }
.component-group.nextevent-news { order:var(--nextevent-order, initial) }
.component-group .component.featuredathlete,
.component-group .component.banner,
.component-group .component.standings,
.component-group .component.recentvideos,
.component-group .component.nextevent,
.component-group .component.recentnews { order:initial !important }

.component .component-title .sponsor { position:relative }
.component .component-title.lg { position:relative; height:70px; overflow:hidden; color:#fff; background-color:var(--color-secondary) }
.component .component-title.lg:before { content:''; position:absolute; right:0; top:0; bottom:0; width:45%; background-image:radial-gradient(rgba(255,255,255,.5) 2px, transparent 3px); background-size:23px 23px }
.component .component-title.lg .heading-text { padding:0 1rem }
.component .component-title.lg .heading-text span { font-weight:700; font-size:1.5rem; letter-spacing:.125rem }
.component .component-title.lg .logo { margin-left:1rem; padding:1.5rem; background-color:#fff; border-radius:100% }
.component .component-title.lg .logo img { max-height:50px }
.component .component-title.lg .sponsor { padding:.5rem 1rem; margin-left:auto }
.component .component-title.sm { border-bottom:2px solid #b0b7bc }
.component .component-title.sm .sponsor { padding:.5rem 1rem }
.component .component-title.sm .heading-text { position:relative; margin:0; width:100%; padding:1.5rem; font-style:italic; text-align:center; text-transform:uppercase; color:#fff; background-color:var(--color-primary); overflow:hidden }
.component .component-title.sm .heading-text span { position:relative; display:inline-block; padding:0 1rem; font-size:1.25rem; font-weight:700; letter-spacing:0.125em; background-color:var(--color-primary) }
.component .component-title.sm .heading-text:before { content:""; position:absolute; left:1rem; right:1rem; top:50%; height:5px; background-color:var(--color-secondary); transform:translateY(-50%) }
.component.photogallery .component-title,
.component.socialstream .component-title { margin-bottom:1rem; justify-content:center; flex-direction:column-reverse }
.component.photogallery .component-title .sponsor,
.component.socialstream .component-title .sponsor { margin-bottom:1rem  }
.component.photogallery .component-title .heading-text,
.component.socialstream .component-title .heading-text { position:relative; display:flex; align-items:center; padding:0 1.5rem; height:70px; color:#fff; background-color:var(--color-secondary) }
.component.photogallery .component-title .heading-text span,
.component.socialstream .component-title .heading-text span { font-weight:700; font-size:1.5rem; letter-spacing:.125rem }

.component.photogallery:before,
.component.socialstream:before { content:''; position:absolute; left:-20vw; top:0; border:solid var(--color-primary); border-width:27vw 10vw; border-bottom-color:transparent; border-right-color:transparent; transition:left 0.5s 0.5s }
.component.photogallery:after,
.component.socialstream:after { content:''; position:absolute; right:-20vw; bottom:0; border:solid var(--color-primary); border-width:27vw 10vw; border-top-color:transparent; border-left-color:transparent; z-index:0; transition:right 0.5s 0.5s }
.component.photogallery.aos-animate:before,
.component.socialstream.aos-animate:before { left:0 }
.component.photogallery.aos-animate:after,
.component.socialstream.aos-animate:after { right:0 }

.component.photogallery > div,
.component.socialstream > div { position:relative; z-index:1 }

@media only screen and (min-width: 992px) {
    .component .component-title.lg .heading-text span { font-size:2rem }
    .component .component-title.sm .heading-text span { font-size:1.5rem }
    .component.photogallery .component-title .heading-text span,
    .component.socialstream .component-title .heading-text span { font-size:2rem }
}

@media only screen and (min-width: 1200px) {
    .component .row > .col:first-child { border-bottom:0; border-right:4px solid #b0b7bc }
    .component .component-title.lg .heading-text span { font-size:2rem }
    
}

@media only screen and (min-width: 1600px) {
    .component .component-title.lg { height:95px }
    .component .component-title.lg .heading-text { padding:0 2rem }
    .component .component-title.lg .heading-text span { font-size:2.5rem }
    .component .component-title.lg .logo { margin-left:2rem; padding:2rem }
    .component .component-title.lg .logo img { max-height:65px }
    .component .component-title.sm .heading-text span { font-size:1.75rem }
    .component.photogallery .component-title,
    .component.socialstream .component-title { margin-bottom:3rem }
    .component.photogallery .component-title .heading-text,
    .component.socialstream .component-title .heading-text { padding:0 2rem; height:95px }
    .component.photogallery .component-title .heading-text span,
    .component.socialstream .component-title .heading-text span { font-size:2.5rem }
}

/** ============= **/
/** PARTNER LOGOS **/
/** ============= **/

.component.partnerlogos .partner-logo-macro { z-index:4; position:relative }
.component.partnerlogos { overflow:visible }
.component.partnerlogos.collapsing { display:none }
.component.partnerlogos .navbar-logos .items { flex-wrap: wrap!important; display: -ms-flexbox!important; display: flex!important; -ms-flex-align: stretch!important; align-items: stretch!important; margin:0 -2px !important }
.component.partnerlogos .navbar-logos .items .item { display:flex; width:25%; overflow:visible; padding:0.5rem !important; text-align:center; border:2px solid #b0b7bc; border-width:0 2px;flex-grow: 1!important;-ms-flex-align: center!important;align-items: center!important;-ms-flex-pack: justify!important;justify-content: center!important}
.component.partnerlogos .navbar-logos .items .item img { max-height:70px; transition: all 0.5s ease 0s;}
.component.partnerlogos .navbar-logos .items .item:hover { z-index:1 }
.component.partnerlogos .navbar-logos .items .item:hover > a img { transform:scale(1.4) }
.component.partnerlogos .navbar-logos .items .item.hover-fade-in-overlay:hover { animation-name:member-logo; animation-duration:0.5s }
.component.partnerlogos .navbar-logos .items .item.hover-fade-in-overlay .overlay-container { line-height:1; font-family:var(--font-headings); font-weight:bold; filter:none !important }
.component.partnerlogos .navbar-logos .items .item.hover-fade-in-overlay img { width:auto; display:inline-block }
.component.partnerlogos .navbar-logos .items .item.hover-fade-in-overlay:hover > a img { opacity:1 }
.component.partnerlogos .navbar-logos .submenu { top:100%; color:var(--partnerlogos-fontcolor, var(--color-primary)) }
.component.partnerlogos .navbar-logos .items .item:first-child .submenu { left:0; transform:none }
.component.partnerlogos .navbar-logos .items .item:last-child .submenu { left:auto; right:0; transform:none }
.component.partnerlogos .navbar-logos .submenu img { margin-bottom:1rem }
.component.partnerlogos .navbar-logos .submenu > .nav { flex-direction:column }
@media only screen and (min-width: 576px) {
    .component.partnerlogos .navbar-logos .items .item { width:20% }
}
@media only screen and (min-width: 768px) {
    .component.partnerlogos .navbar-logos .items .item { width:16.66% }
}
@media only screen and (min-width: 992px) {
    .component.partnerlogos .navbar-logos .items .item { width:auto }
}

/** ============ **/
/** NEWS ROTATOR **/
/** ============ **/

.component.newsrotator .mod-news-rotator.style8 .story-box .related-links { display:none }
.component.newsrotator .mod-news-rotator.style8 .stats-box { display:none }
.component.newsrotator .mod-news-rotator.style8 .controls h2 { font-weight:700 }

@media only screen and (min-width:1200px) {
    .component.newsrotator .mod-news-rotator.style8 .controls h2 span { font-size:1.5rem }
}

@media only screen and (min-width:1600px) {
    .component.newsrotator .mod-news-rotator.style8 .controls h2 span { font-size:1.75rem }
}

/** ========== **/
/** SCOREBOARD **/
/** ========== **/

.component.scoreboard { z-index:3; position:relative }
.component.scoreboard .mod-scoreboard.style9 { padding-right:2.5rem; border:0 }
.component.scoreboard .mod-scoreboard.style9 .slick-list { margin:0 }
.component.scoreboard .mod-scoreboard.style9 .slick-track { flex-wrap:nowrap !important }
.component.scoreboard .mod-scoreboard.style9 .card { margin-top:-2px; margin-bottom:-2px; border-width:2px; border-color:#b0b7bc }
.component.scoreboard .mod-scoreboard.style9 .card-body { padding:0.75rem 1rem }
.component.scoreboard .mod-scoreboard.style9 .date-status { font-size:.85rem; font-style:italic; font-weight:700 }
.component.scoreboard .mod-scoreboard.style9 .date-status .sport { margin:0 !important }
.component.scoreboard .mod-scoreboard.style9 .date-status .sport:after { content:'/\a0'; padding:0 .25rem }
.component.scoreboard .mod-scoreboard.style9 .date { color:var(--color-secondary) }
.component.scoreboard .mod-scoreboard.style9 .prev,
.component.scoreboard .mod-scoreboard.style9 .next { width:2.5rem }
.component.scoreboard .scoreboard-switcher > div { flex-direction:column !important }
.component.scoreboard .scoreboard-switcher .component-title { font-size:1.75rem; font-family:var(--font-headings) }
.component.scoreboard .scoreboard-switcher .switcher-controls { padding:1rem !important; color:#fff; background-color:var(--color-primary) }

@media only screen and (min-width:992px) {
    .component.scoreboard .scoreboard-switcher > div { flex-direction:row !important }
    .component.scoreboard .scoreboard-switcher .switcher-controls { padding:0 2rem !important }
}

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

/** ================ **/
/** FEATURED ATHLETE **/
/** ================ **/

.component.featuredathlete .mod-aotw.style9 .athlete-inner { padding:2rem 1rem 1rem; flex-direction:column-reverse !important; text-align:center }
.component.featuredathlete .mod-aotw.style9 .athlete-main { position:relative }
.component.featuredathlete .mod-aotw.style9 .athlete-info { flex-direction:column-reverse !important; margin-right:0 }
.component.featuredathlete .mod-aotw.style9 .athlete-quote { font-size:1rem }
.component.featuredathlete .mod-aotw.style9 .athlete-quote .fas { display:none }
.component.featuredathlete .mod-aotw.style9 .athlete-name-sport { text-transform:uppercase }
.component.featuredathlete .mod-aotw.style9 .sport { display:inline-block; margin-bottom:.5rem; padding:.25rem 1.5rem; font-size:1rem; font-weight:700; text-shadow:none; color:#fff; background-color:var(--color-secondary); border-radius:20px }
.component.featuredathlete .mod-aotw.style9 .title { position:relative; font-family:var(--font-headings); font-size:2.5rem }
.component.featuredathlete .mod-aotw.style9 .athlete-aside .player-cutout { border:5px solid var(--color-secondary); border-radius:10% }
.component.featuredathlete .mod-aotw.style9 .slick-arrow { color:#fff; border-color:transparent }
.component.featuredathlete .mod-aotw.style9 .slick-prev { left:1rem }
.component.featuredathlete .mod-aotw.style9 .slick-next { right:1rem }
.component.featuredathlete .mod-aotw.style9 .archive-btn.btn { margin:0 !important; padding:.75rem; font-family:var(--font-headings); font-weight:700; text-transform:uppercase }
.component.featuredathlete .mod-aotw.style9 .archive-btn.btn:after { content:'\a0 \a0 \a0 \f105'; position:relative; font-family:"Font Awesome 6 Pro" }
.component.featuredathlete .mod-aotw.style9 .archive-btn.btn:hover:after { animation-name:button; animation-duration:.5s }

@media only screen and (min-width: 992px) {
    .component.featuredathlete .mod-aotw.style9 .athlete-inner { flex-direction:row-reverse !important; padding:2rem 2rem 4rem; text-align:left }
    .component.featuredathlete .mod-aotw.style9 .athlete-info { padding:0 0 1rem 1rem; justify-content:start !important }
    .component.featuredathlete .mod-aotw.style9 .athlete-info:after { content:''; position:absolute; left:1rem; right:0; bottom:0; height:1px; background-color:rgba(255,255,255,0.125) }
    .component.featuredathlete .mod-aotw.style9 .athlete-quote { font-size:1rem }
    .component.featuredathlete .mod-aotw.style9 .athlete-name-sport { padding:.5rem 0 !important }
    .component.featuredathlete .mod-aotw.style9 .sport { margin-bottom:1rem; padding:.25rem 1rem; font-size:1rem }
    .component.featuredathlete .mod-aotw.style9 .title {  font-size:3rem }
    .component.featuredathlete .mod-aotw.style9 .athlete-quote-container { margin-bottom:0 !important }
    .component.featuredathlete .mod-aotw.style9 .athlete-aside .player-cutout { max-height:100%; width:250px }
    .component.featuredathlete .mod-aotw.style9 .slick-arrow { top:auto; bottom:1.25rem; transform:none; color:#fff; border-color:transparent }
    .component.featuredathlete .mod-aotw.style9 .slick-prev { left:auto; right:5rem }
    .component.featuredathlete .mod-aotw.style9 .slick-next { right:2rem }
    .component-group .component.featuredathlete .mod-aotw.style9 .athlete-info:after { height:2px; background-color:#b0b7bc }
}

@media only screen and (min-width: 1200px) {
    .component.featuredathlete,
    .component.featuredathlete .container-fluid { height:100%; display:flex; flex-direction:column }
    .component.featuredathlete .component-include { flex-grow:1 }
    .component.featuredathlete .mod-aotw.style9 { display:flex !important; flex-direction:column; justify-content:space-between; height:100% }
    .component.featuredathlete .mod-aotw.style9 .sport { font-size:.9rem }
    .component.featuredathlete .mod-aotw.style9 .title { font-size:2rem }
}

@media only screen and (min-width: 1600px) {
    .component.featuredathlete .mod-aotw.style9 .athlete-inner { padding:3rem 3rem 5rem }
    .component.featuredathlete .mod-aotw.style9 .athlete-info { padding:0 0 2rem 2rem }
    .component.featuredathlete .mod-aotw.style9 .athlete-info:after { left:2rem }
    .component.featuredathlete .mod-aotw.style9 .athlete-quote { font-size:1.25rem }
    .component.featuredathlete .mod-aotw.style9 .sport { padding:.25rem 1.5rem; font-size:1.25rem }
    .component.featuredathlete .mod-aotw.style9 .title { font-size:3.25rem }
    .component.featuredathlete .mod-aotw.style9 .athlete-aside .player-cutout { width:300px }
    .component.featuredathlete .mod-aotw.style9 .slick-prev { right:6rem }
    .component.featuredathlete .mod-aotw.style9 .slick-next { right:3rem }
    .component.featuredathlete .mod-aotw.style9 .archive-btn.btn { font-size:1.5rem }
}

/** ====== **/
/** BANNER **/
/** ====== **/

.component.banner { display:flex; height:100%; align-items:center }
.component.banner .mod-graphic-carousel.style3 { position:relative; overflow:hidden }
.component.banner .mod-graphic-carousel.style3 .slick-track { display:flex; align-items:center }
.component.banner .mod-graphic-carousel.style3 .graphic-slide-control { margin-top:0 !important }

@media only screen and (min-width: 768px) {
    .component.banner { padding:4rem 0 }
    .component.banner .mod-graphic-carousel.style3 .graphic-slide-control .prev,
    .component.banner .mod-graphic-carousel.style3 .graphic-slide-control .next { position:absolute; top:50%; width:auto; transform:translateY(-50%); transition:0.5s cubic-bezier(0, 0.88, 0.26, 1.14) }
    .component.banner .mod-graphic-carousel.style3 .graphic-slide-control .prev { left:-3rem }
    .component.banner .mod-graphic-carousel.style3 .graphic-slide-control .next { right:-3rem }
    .component.banner .mod-graphic-carousel.style3:hover .graphic-slide-control .prev { left:3rem }
    .component.banner .mod-graphic-carousel.style3:hover .graphic-slide-control .next { right:3rem }
    .component-group .component.banner { padding:0 }
}

/** ========= **/
/** STANDINGS **/
/** ========= **/

.component.standings .switcher-controls-inner { padding:.5rem !important }
.component.standings .table { margin-bottom:0 }
.component.standings .col-header { font-style:italic; text-transform:uppercase; letter-spacing:.125rem }
.component.standings .team-name { font-family:var(--font-headings); text-transform:uppercase; color:var(--color-primary) }
.component.standings .full-standings { padding:.75rem; font-family:var(--font-headings); font-weight:700; text-transform:uppercase }
.component.standings .full-standings:after { content:'\a0 \a0 \a0 \f105'; position:relative; font-family:"Font Awesome 6 Pro" }
.component.standings .full-standings:hover:after { animation-name:button; animation-duration:.5s }

@media only screen and (min-width: 1200px) {
    .component.standings,
    .component.standings > .container-fluid { height:100%; display:flex; flex-direction:column }
    .component.standings .component-include { display:flex; flex-grow:1 }
    .component.standings .switcher-controls { position:absolute !important; right:1.5rem; top:0; display:flex; height:70px; align-items:center }
    .component.standings .standings-switcher > div { height:100% }
    .component.standings .standings-switcher .switcher-main,
    .component.standings .standings-switcher .tab-content,
    .component.standings .standings-switcher .tab-pane,
    .component.standings .standings-switcher .mod-standings { height:100% }
    .component.standings .standings-switcher .mod-standings { display:flex; flex-direction:column; justify-content:space-between }
}

@media only screen and (min-width: 1600px) {
    .component.standings .switcher-controls { height:95px }
    .component.standings .switcher-controls-inner { padding:0 !important }
    .component.standings .full-standings { font-size:1.5rem }
}

/** ===== **/
/** VIDEO **/
/** ===== **/

.component.recentvideos .mod-recent-videos.style2 .item { align-items:center; width:100%; overflow:hidden; padding:0; border:0; border-bottom:2px solid #b0b7bc; transition:0.2s }
.component.recentvideos .mod-recent-videos.style2 .item:hover,
.component.recentvideos .mod-recent-videos.style2 .item:focus { background-color:var(--color-secondary) }
.component.recentvideos .mod-recent-videos.style2 .item .card-body-inner { display:flex; flex-direction:column-reverse }
.component.recentvideos .mod-recent-videos.style2 .item .date { font-size:.8rem; font-weight:700; text-transform:uppercase; color:var(--color-secondary) !important }
.component.recentvideos .mod-recent-videos.style2 .item .card-title { font-weight:700; font-family:var(--font-body); text-transform:uppercase; line-height:1.1em }
.component.recentvideos .mod-recent-videos.style2 .item .card-title a { text-decoration:none }
.component.recentvideos .mod-recent-videos.style2 .item .video-thumbnail-inner { position:relative; display:block; padding-top:56.25% }
.component.recentvideos .mod-recent-videos.style2 .item img { border-radius:0 }
.component.recentvideos .mod-recent-videos.style2 .item:hover *,
.component.recentvideos .mod-recent-videos.style2 .item:focus * { color:#fff !important }
.component.recentvideos .mod-recent-videos.style2 .load-more { display:none }
.component.recentvideos .archive-btn { margin:0 !important; padding:.75rem; font-family:var(--font-headings); font-weight:700; text-transform:uppercase }
.component.recentvideos .archive-btn:after { content:'\a0 \a0 \a0 \f105'; position:relative; font-family:"Font Awesome 6 Pro" }
.component.recentvideos .archive-btn:hover:after { animation-name:button; animation-duration:.5s }

@media only screen and (min-width: 992px) {
    .component.recentvideos .mod-recent-videos.style2 .item .card-body { padding:0 1rem }
    .component.recentvideos .mod-recent-videos.style2 > div { display:flex !important; flex-flow:wrap }
    .component.recentvideos .mod-recent-videos.style2 .item { width:50%; border-right:2px solid #b0b7bc }
    .component.recentvideos .mod-recent-videos.style2 .item:nth-child(even) { border-right:0 }
    .component-group .component.recentvideos .mod-recent-videos.style2 .item { width:100%; border-right:0 !important }
}

@media only screen and (min-width: 1200px) {
    .component.recentvideos,
    .component.recentvideos > .container-fluid,
    .component.recentvideos .component-include { display:flex; flex-direction:column; height:100% }
    .component.recentvideos .mod-recent-videos.style2 .item { width:33.33% }
    .component.recentvideos .mod-recent-videos.style2 .item:nth-child(even) { border-right:2px solid #b0b7bc }
    .component.recentvideos .mod-recent-videos.style2 .item:nth-child(3n) { border-right:0 }
    .component.recentvideos .mod-recent-videos.style2 .item .card-title { font-size:1.25rem }
    .component.recentvideos .module-footer { margin-top:auto }
}

@media only screen and (min-width: 1600px) {
    .component.recentvideos .archive-btn { font-size:1.5rem }
}

/** ====== **/
/** SOCIAL **/
/** ====== **/

.component.socialstream .mod-social .card { border:0; border-bottom:20px solid var(--color-primary); border-radius:0 }
.component.socialstream .mod-social .card-title { color:var(--color-secondary) }
.component.socialstream .mod-social .load-more { width:200px; padding:.75rem; margin:0 auto; font-weight:700; text-transform:uppercase; border-radius:30px }

@media only screen and (min-width: 1600px) {
    .component.socialstream .mod-social .load-more { width:250px; font-size:1.5rem }
}

/** =============== **/
/** AFFILIATE LOGOS **/
/** =============== **/

.component.affiliatelogos { border-bottom:0 }
.component.affiliatelogos .list-unstyled li:hover img { transform:scale(1.1) }
.component.affiliatelogos .list-unstyled li a img { max-height:100px; transition:all 0.5s ease 0s }

/** ========== **/
/** NEXT EVENT **/
/** ========== **/

.component.nextevent .mod-next-event.style4 .sport-inner { display:inline-block; margin-bottom:.5rem; padding:.25rem 1.5rem !important; font-size:1rem; font-weight:700; letter-spacing:0; text-shadow:none; color:#fff; background-color:var(--color-secondary); border-radius:20px }
.component.nextevent .mod-next-event.style4 .glass-card { border:1px solid rgba(0,0,0,0.125); background-color: rgba(0,0,0,.125); backdrop-filter: blur(3px); }
.component.nextevent .mod-next-event.style4 .day-block { font-family:var(--font-headings); font-size:1.75rem !important }

@media only screen and (min-width: 992px) {
    .component.nextevent .mod-next-event.style4 .sport-inner { margin-bottom:1rem; padding:.25rem 1rem !important; font-size:1rem }
    .component.nextevent .mod-next-event.style4 .day-block { font-size:3rem !important }
}

@media only screen and (min-width: 1200px) {
    .component.nextevent { height:100% }
    .component.nextevent .container-fluid { display:flex; flex-direction:column; height:100% }
    .component.nextevent .component-include { display:flex; flex-direction:column; justify-content:center; flex-grow:1 }
    .component.nextevent .mod-next-event.style4 .sport-inner { font-size:.9rem }
}

@media only screen and (min-width: 1600px) {
    .component.nextevent .mod-next-event.style4 .sport-inner { padding:.25rem 1.5rem !important; font-size:1.25rem }
}


/** =========== **/
/** RECENT NEWS **/
/** =========== **/

.component.recentnews .mod-more-news.style5 .stories { margin:0 !important }
.component.recentnews .mod-more-news.style5 .story { display:flex; padding:1rem; border:0; border-bottom:2px solid #b0b7bc; border-radius:0; transition:0.2s }
.component.recentnews .mod-more-news.style5 .story .date-sport { order:1; font-size:.8rem; font-weight:700; text-transform:uppercase; color:var(--color-secondary) !important }
.component.recentnews .mod-more-news.style5 .story .sport:before { content:'/ \a0' }
.component.recentnews .mod-more-news.style5 .story .title { order:2; font-weight:700; font-family:var(--font-body); text-transform:uppercase; line-height:1.1em }
.component.recentnews .mod-more-news.style5 .story .title a { text-decoration:none }
.component.recentnews .mod-more-news.style5 .story .leadin { order:3; font-size:.9rem }
.component.recentnews .mod-more-news.style5 .story .related-links { order:4 }
.component.recentnews .mod-more-news.style5 .story .related-links a + a { margin-left:0 }
.component.recentnews .mod-more-news.style5 .story .related-links a { margin-right:1rem; font-size:.8rem; text-decoration:underline }
.component.recentnews .mod-more-news.style5 .view-all { margin:0 !important; padding:.75rem; font-family:var(--font-headings); font-weight:700; text-transform:uppercase }
.component.recentnews .mod-more-news.style5 .view-all:after { content:'\a0 \a0 \a0 \f105'; position:relative; font-family:"Font Awesome 6 Pro" }
.component.recentnews .mod-more-news.style5 .view-all:hover:after { animation-name:button; animation-duration:.5s }

@media only screen and (min-width: 992px) {
    .component.recentnews .mod-more-news.style5 .stories > div { display:flex !important; flex-flow:wrap }
    .component.recentnews .mod-more-news.style5 .story { width:50%; border-right:2px solid #b0b7bc }
    .component.recentnews .mod-more-news.style5 .story:nth-child(even) { border-right:0 }
    .component-group .component.recentnews .mod-more-news.style5 .story { width:100%; border-right:0 !important }
}

@media only screen and (min-width: 1200px) {
    .component.recentnews .mod-more-news.style5 > div { display:flex; flex-direction:column; justify-content:space-between; height:100% }
    .component.recentnews .mod-more-news.style5 .load-more-btn { margin-top:auto }
    .component.recentnews .mod-more-news.style5 .story { width:33.33% }
    .component.recentnews .mod-more-news.style5 .story:nth-child(even) { border-right:2px solid #b0b7bc }
    .component.recentnews .mod-more-news.style5 .story:nth-child(3n) { border-right:0 }
    .component-group .component.recentnews .mod-more-news.style5 { height:60vh; overflow:auto }
}

@media only screen and (min-width: 1600px) {
    .component.recentnews .mod-more-news.style5 .view-all { font-size:1.5rem }
}

/** ======== **/
/** SPONSORS **/
/** ======== **/

.component.sponsors .slick-slide img { max-height:100px }

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

/** ========== **/
/** ANIMATIONS **/
/** ========== **/

@keyframes toggle-carrot {
    0%   { top:0; border-top-color:var(--color-secondary) }
    35%  { top:.2rem }
    70%  { top:-.15rem }
    100% { top:0; border-top-color:var(--color-primary) }
}

@keyframes member-logo {
    0%   { box-shadow:inset 0 0 0 0 #b0b7bc }
    25%  { box-shadow:inset 0 0 0 1.5rem #b0b7bc }
    50%  { box-shadow:inset 0 0 0 3rem #b0b7bc }
    75%  { box-shadow:inset 0 0 0 1.5rem #fff }
    100% { box-shadow:inset 0 0 0 0 #fff }
}

@keyframes button {
    0%   { left:0; color:var(--color-secondary) }
    35%  { left:.5rem }
    70%  { left:-.15rem }
    100% { left:0 }
}