/* ====================================================

Include any local site overrides here. 



Please take into consideration the responsive nature of the design. 

All common bootstrap 4 break points should be addressed and review after each addition.

=======================================================*/

/* Header */
@media only screen and (min-width:576px) {
    .header.layout-4 .mod-scoreboard.style4 .event { font-size:0.875rem }
    .header.layout-4 .mod-scoreboard.style4 .date-status { margin-bottom:0.5rem; padding-bottom:0.25rem; text-transform:uppercase; border-bottom:2px solid var(--color-primary) }
    .header.layout-4 .mod-scoreboard.style4 .sport { font-size:0.875rem; text-transform:uppercase }
    .header.layout-4 .mod-site-header.style4 .navbar-primary .site-title { max-width:250px; font-size:0.875rem; font-weight:700; text-align:left }
}

@media only screen and (min-width:992px) {
    .header.layout-4 .mod-site-header.style4 .navbar-primary .nav-link { font-size:1.125rem }
    .header.layout-4 .mod-site-header.style4 .navbar-primary .dropdown-menu .heading { font-size:1.5em; font-weight:700; text-transform:uppercase; letter-spacing:0.12em }
    .header.layout-4 .mod-site-header.style4 .navbar-primary .dropdown-menu .sportname { font-size:1.3125em }
    .header.layout-4 .mod-site-header.style4 .navbar-primary .dropdown-menu .sports-row-quick-links { display:flex !important; align-items:center }
    .header.layout-4 .mod-site-header.style4 .navbar-primary .dropdown-menu .sportmenu-row-link { font-size:0.875rem }
}

/* News Rotator */
.component.newsrotator.layout-7 { position:relative; z-index:1 }
.component.newsrotator.layout-7 .mod-news-rotator.style7 .story-box .date-sport { text-transform:uppercase }
.component.newsrotator.layout-7 .mod-news-rotator.style7 .story-box .title { font-size:1.2em; text-transform:uppercase }

@media only screen and (min-width:992px) {
    .component.newsrotator.layout-7 .mod-news-rotator.style7 .story-box { text-align:center }
    .component.newsrotator.layout-7 .mod-news-rotator.style7 .controls h2 { margin:0; padding:1rem 1.5rem; font-size:1.125rem; font-weight:700; text-transform:uppercase; color:#fff; background-color:var(--color-primary) }
}

@media only screen and (min-width:1200px) {
    .component.newsrotator.layout-7 .mod-news-rotator.style7 .story-box { padding:1.5rem !important }
    .component.newsrotator.layout-7 .mod-news-rotator.style7 .story-box .date-sport { letter-spacing:0.12em }
    .component.newsrotator.layout-7 .mod-news-rotator.style7 .story-box .title { font-size:1.5em; letter-spacing:0.12em }
}

/* Featured Athlete */
.component.featuredathlete.layout-4 > div { position:relative }
.component.featuredathlete.layout-4 > div > h2 { position:static; width:auto; height:auto; margin:auto; overflow:initial; font-size:0; font-weight:700; text-transform:uppercase; text-align:center; color:#fff }
.component.featuredathlete.layout-4 > div > h2 > span { display:inline-block; padding:0.5rem 1rem; font-size:1.25rem; letter-spacing:0.12em; -webkit-transform:skew(-15deg); transform:skew(-15deg) }
.component.featuredathlete.layout-4 > div > h2 > span span { display:block; -webkit-transform:skew(15deg); transform:skew(15deg) }
.component.featuredathlete.layout-4 > div > h2 > span:first-child { color:var(--color-primary); background-color:#fff }
.component.featuredathlete.layout-4 > div > h2 > span:last-child { color:#fff; background-color:#000 }
.component.featuredathlete.layout-4 .mod-aotw.style4 .aotw-heading { display:none }
.component.featuredathlete.layout-4 .mod-aotw.style4 .athletes > div { justify-content:center !important }
.component.featuredathlete.layout-4 .mod-aotw.style4 .athlete .title { font-size:1.125em; font-weight:700 }
.component.featuredathlete.layout-4 .mod-aotw.style4 .athlete .sport { font-size:0.875em; font-weight:400 !important; text-transform:uppercase; color:var(--color-primary) !important }
.component.featuredathlete.layout-4 .mod-aotw.style4 .athlete .leadin { display:none }

@media only screen and (min-width:576px) {
    .component.featuredathlete.layout-4 .mod-aotw.style4 .aotw-labels { margin:-105px 0 0 -30px; padding:0 }
    .component.featuredathlete.layout-4 .mod-aotw.style4 .athlete { min-width:200px; margin:0 30px; border-color:#fff; border-width:5px; border-bottom:0; border-radius:0 }
    .component.featuredathlete.layout-4 .mod-aotw.style4 .athlete:before { content:''; padding-top:118% }
    .component.featuredathlete.layout-4 .mod-aotw.style4 .athlete img { position:absolute; left:0; top:0; width:100%; border-radius:0 }
    .component.featuredathlete.layout-4 .mod-aotw.style4 .athlete .card-body { padding:0; margin-left:-20px; margin-right:-20px; background-color:#fff; -webkit-transform:skew(-10deg); transform:skew(-10deg) }
    .component.featuredathlete.layout-4 .mod-aotw.style4 .athlete .card-intro { margin:0 !important; background-color:transparent !important; border:0 !important; -webkit-transform:skew(10deg); transform:skew(10deg) }
    .component.featuredathlete.layout-4 .mod-aotw.style4 .site-name,
    .component.featuredathlete.layout-4 .mod-aotw.style4 .sub-heading { display:none }
    .component.featuredathlete.layout-4 .mod-aotw.style4 .aotw-heading-wrapper { position:relative; width:330px; height:146px; margin-right:45px }
    .component.featuredathlete.layout-4 .mod-aotw.style4 .aotw-watermark { display:none }
}

@media only screen and (min-width:992px) {
    .component.featuredathlete.layout-4 > div > h2 { position:absolute; left:0; top:50%; clip:initial; margin:-3rem 0 0 -2rem; padding:2rem 0 2rem 2rem; -webkit-transform:translateY(-50%); transform:translateY(-50%) }
    .component.featuredathlete.layout-4 > div > h2 > span { display:block }
    .component.featuredathlete.layout-4 > div > h2 > span:last-child { position:relative; left:2rem }
    
    .component.featuredathlete.layout-4 .mod-aotw { position:relative }
    .component.featuredathlete.layout-4 .navbar-aotw-sponsor { position: absolute;left: 75px;top: 50%;margin:6rem 0 0 0; -webkit-transform: translateY(-50%);transform: translateY(-50%) }
    .component.featuredathlete.layout-4 .navbar-aotw-sponsor img {max-height:250px }
    
    .component.featuredathlete.layout-4 .mod-aotw.style4 .aotw-labels { display:none !important; }
    
}

@media only screen and (min-width:1200px) {
    .component.featuredathlete.layout-4 { margin-top:-7rem; padding-top:4rem }
    .component.featuredathlete.layout-4 > div > h2 { left:20px }
    .component.featuredathlete.layout-4 .mod-aotw.style4 .aotw-labels { margin:-105px 0 0 -30px; padding:0 }
    .component.featuredathlete.layout-4 .mod-aotw.style4 .athletes { display:inherit }
    .component.featuredathlete.layout-4 .mod-aotw.style4 .athlete { min-width:210px; margin:0 60px }
    .component.featuredathlete.layout-4 .mod-aotw.style4 .athlete .card-body { margin:0 -50px }
}

/* Social Stream */
.component.socialstream.layout-1 .container > h2 { position:static; width:auto; height:auto; margin-bottom:1rem; clip:initial; font-weight:700; text-transform:uppercase; text-align:center; letter-spacing:0.12em }
.component.socialstream.layout-1 .container > h2 span { font-weight:400 }

@media only screen and (min-width:992px) {
    .component.socialstream.layout-1 .container > h2 { margin-bottom:0; text-align:left }
    .component.socialstream.layout-1 .filters { justify-content:flex-end !important; margin-top:-2.3rem }
    .component.socialstream.layout-1 .filters .filters-btn-group { margin-left:0 !important; margin-right:0 !important }
}

/* Banner */
.component.banner.layout-5 .mod-graphic-carousel.style5 .control { cursor:pointer; font-size:0.875em; font-weight:700; letter-spacing:0.12em; text-align:center !important; color:#000; background-color:var(--color-primary) }
.component.banner.layout-5 .mod-graphic-carousel.style5 .control span:after { content:""; display:inline-block; margin-left:.35em; border-left:.35em solid; border-top:.35em solid transparent; border-right:0; border-bottom:.35em solid transparent }
.component.banner.layout-5 .mod-graphic-carousel.style5 .control.active { position:relative; z-index:1; background-color:var(--color-secondary) !important }
.component.banner.layout-5 .mod-graphic-carousel.style5 .graphic-slide-control { display:none !important }

@media only screen and (min-width:576px) {
    .component.banner.layout-5 .mod-graphic-carousel.style5 .control.active:before { z-index:-1; content:''; position:absolute; right:-10px; top:-1px; bottom:-1px; width:20px; background-color:#000; border:1px solid #fff; border-left:0; -webkit-transform:skew(-10deg); transform:skew(-10deg) }
}

/* Bio */
.bio-wrap .bio-card .d-flex { font-size:0.875rem; padding:0.5rem 0 !important }
.bio-wrap .bio-card li { padding:0 !important }
.bio-wrap .bio-card .value { word-break:break-word }