/*************/
/* UTILITIES */
/*************/

.display-5 { font-size:3rem }
.display-6 { font-size:2.5rem }
.display-7 { font-size:2rem }
.display-8 { font-size:1.5rem }
.display-9 { font-size:1rem }
.display-10 { font-size:0.5rem }

.sr-only-focusable { z-index:999; }

/**********************/
/* HEADER START */
/**********************/

/* Common */
.header .mod-site-header .navbar-quicklinks ul { margin:0 }
.header .mod-site-header .navbar-quicklinks li + li { margin-left:1rem }
.header .mod-site-header .navbar-primary .navbar-logo img { -webkit-backface-visibility:hidden; backface-visibility:hidden; -ms-transform:translateZ(0); -webkit-transform:translateZ(0); transform:translateZ(0) }

/* Layout 1 */
.header.layout-1.text-center .mod-site-header.style1 .header-top .d-flex { justify-content:center !important }

@media only screen and (min-width:992px) {
    .header.layout-1 .mod-site-header.style1 .navbar-primary.navbar-expand-lg .navbar-nav { width:50%; justify-content:space-between }
    .header.layout-1 .mod-site-header.style1 .navbar-primary.navbar-expand-lg .navbar-nav:first-child { padding-right:6rem }
    .header.layout-1 .mod-site-header.style1 .navbar-primary.navbar-expand-lg .navbar-nav:last-child { padding-left:6rem }
}

/* Layout 2 */
@media only screen and (min-width:992px) {
    .header.layout-2.text-center .mod-site-header.style2 .header-top .d-flex { justify-content:center !important }
}

/* Layout 3 */
@media only screen and (min-width:992px) {
    .header.layout-3.text-center .mod-site-header.style3 .header-top .d-flex { padding-left:0; justify-content:center !important }
}

/* Layout 6 */
@media only screen and (min-width:992px) {
    .header.layout-6.text-center .mod-site-header.style6 .header-middle-inner { text-align:center !important }
    .header.layout-6.text-right .mod-site-header.style6 .header-middle-inner { text-align:right !important }
}

/**************/
/* HEADER END */
/**************/

/**********************/
/* NEWS ROTATOR START */
/**********************/

/* Layout 1 */
@media only screen and (min-width:992px) {
    .component.newsrotator.layout-1 .mod-news-rotator.style1 { overflow:hidden }
}

/* Layout 3 */
@media only screen and (min-width:992px) {
    .component.newsrotator.layout-3 .story-box { color:var(--newsrotator-fontcolor, #fff) }
    .component.newsrotator.layout-3 .story-box a { color:var(--newsrotator-linkcolor, #fff) }
    .component.newsrotator.layout-3 .story-box a:hover,
    .component.newsrotator.layout-3 .story-box a:focus { color:var(--newsrotator-linkhovercolor, #fff) }
}

/* Layout 4 */
@media only screen and (min-width:992px) {
    .component.newsrotator.layout-4 .story-box { color:var(--newsrotator-fontcolor, #fff); background-color:var(--color-primary) }
    .component.newsrotator.layout-4 .story-box a { color:var(--newsrotator-linkcolor, #fff) }
    .component.newsrotator.layout-4 .story-box a:hover,
    .component.newsrotator.layout-4 .story-box a:focus { color:var(--newsrotator-linkhovercolor, #fff) }
}

/* Layout 5 */
@media only screen and (min-width:992px) {
    .component.newsrotator.layout-5 .story-box { color:var(--newsrotator-fontcolor, #fff) }
    .component.newsrotator.layout-5 .story-box a { color:var(--newsrotator-linkcolor, #fff) }
    .component.newsrotator.layout-5 .story-box a:hover,
    .component.newsrotator.layout-5 .story-box a:focus { color:var(--newsrotator-linkhovercolor, #fff) }
}

/* Layout 6 */
@media only screen and (min-width:992px) {
    .component.newsrotator.layout-6 .story-box { text-align:left !important; color:var(--newsrotator-fontcolor, #fff); background-color:rgba(0,0,0,0.85) }
    .component.newsrotator.layout-6 .story-box a { color:var(--newsrotator-linkcolor, #fff) }
    .component.newsrotator.layout-6 .story-box a:hover,
    .component.newsrotator.layout-6 .story-box a:focus { color:var(--newsrotator-linkhovercolor, #fff) }
    .component.newsrotator.layout-6 .stats-box .table { margin:0 }
    .component.newsrotator.layout-6 .stats-box:last-child .linescore { margin-bottom:0 !important }
}

/********************/
/* NEWS ROTATOR END */
/********************/

/* Partner Logos */
.component.partnerlogos ul { margin:0 }
.component.partnerlogos li img { max-height:70px; }


/* Affiliate Logos */
.component.affiliatelogos ul { }
.component.affiliatelogos li img { max-height:150px; }


/****************/
/* BANNER START */
/****************/

/* Layout 1 / Sponsors */
.mod-graphic-carousel.style1 .slick-track { display:flex; align-items:center }
.mod-graphic-carousel.style1 .slide { padding:0 0.75rem }
.mod-graphic-carousel.style1 .slide img { max-height:150px; }

/* Layout 2 */
@media only screen and (min-width:576px) {
    .mod-graphic-carousel.style2 .slick-track a { padding:0 .5rem }
}

/* Layout 3 */
.mod-graphic-carousel.style3 .slider { padding:0 }
.mod-graphic-carousel.style3 .slide img { width:100% }
.mod-graphic-carousel.style3 .btn.prev { left:20px }
.mod-graphic-carousel.style3 .btn.next { right:20px }

/* Layout 5 */
.mod-graphic-carousel.style5 { position:relative }
.mod-graphic-carousel.style5 .control:not(.active):hover,
.mod-graphic-carousel.style5 .control:not(.active):focus { box-shadow:inset 0 0 0 1px var(--color-primary) }
.mod-graphic-carousel.style5 .graphic-slide-control { display:none !important }
.mod-graphic-carousel.style5 .pp { position:absolute; right:.25rem; top:.25rem; width:auto }

/**************/
/* BANNER END */
/**************/

/* Featured Athlete */
.component.featuredathlete .mod-aotw .aotw-heading { color:var(--featuredathlete-fontcolor, var(--color-primary)) }
.component.featuredathlete .mod-aotw.style9 .aotw-list { display:none }
.component.featuredathlete .mod-aotw.style9 .aotw-list.slick-initialized { display:block }
.component.featuredathlete .mod-aotw.style9 .athlete-info { text-shadow:none }
.component.featuredathlete .mod-aotw.style9 .athlete-aside .player-cutout { max-height:70vh; max-width:auto }
.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 .sport { font-weight:700 }

@media only screen and (min-width: 768px) {
  .component.featuredathlete .mod-aotw.style9 .athlete-inner { padding:0 1rem }
  .component.featuredathlete .mod-aotw.style9 .athlete-aside .player-cutout { max-height:40vh; max-width:40vw }
  .component.featuredathlete .mod-aotw.style9 .athlete-info { margin-right:2rem; padding:1rem }
}

/* Standings */
.component.standings .standings-switcher,
.component.standings .standings-switcher .switcher-main,
.component.standings .standings-switcher .tab-content { overflow:visible !important }
.component.standings .standings-switcher .switcher-controls { margin-bottom:1.5rem; padding:0 !important }
.sport-home .component.standings .standings-switcher .switcher-controls { display:none }

@media only screen and (min-width:992px) {
    .component.standings .standings-switcher .switcher-controls { align-self:flex-end; margin:-3rem 0 1rem 0 }
    .component.standings .standings-switcher .custom-select { width:auto; min-width:250px }
    .component.standings .brief-standings h2 { display:none }
}

/* Social Stream */
@media only screen and (min-width:992px) {
    .component.socialstream.layout-1 .mod-social.style1 .filters { justify-content:flex-end !important }
    .component.socialstream.layout-1 .mod-social.style1 .filters-btn-group { margin-left:0 !important; margin-right:0 !important; margin-top:-3rem }
}

/* Scoreboard */
.component.scoreboard.layout-2 .card + .card,
.component.scoreboard.layout-6 .card + .card { margin-top:10px }
.component.scoreboard.layout-4 .slick-list { margin:0 }
.component.scoreboard .scoreboard-switcher,
.component.scoreboard .scoreboard-switcher .switcher-main,
.component.scoreboard .scoreboard-switcher .tab-content { overflow:visible !important }
.component.scoreboard .scoreboard-switcher > div { flex-direction:column !important }
.component.scoreboard .scoreboard-switcher .switcher-controls { margin-bottom:1.5rem; padding:0 !important }

@media only screen and (min-width:992px) {
    .component.scoreboard.layout-1,
    .component.scoreboard.layout-5,
    .component.scoreboard.layout-7 { padding:0 50px }
    .component.scoreboard .scoreboard-switcher .switcher-controls { align-self:flex-end;}
    .component.scoreboard .scoreboard-switcher .switcher-controls > div { align-self:flex-end; margin:-3rem 0 1rem 0;}
    .component.scoreboard .scoreboard-switcher .custom-select { width:auto; min-width:250px }
    .component.scoreboard .scoreboard-slide-control { position:absolute; top:50%; left:-50px; right:-50px; margin:0 !important }
    .component.scoreboard .scoreboard-slide-control .flex-fill { width:36px; flex:0 !important; padding:0 !important; position:absolute; right:0; transform:translateY(-50%) }
    .component.scoreboard .scoreboard-slide-control .flex-fill:first-child { left:0; right:auto }
}

/* Parallax */
.component.parallax .component-heading { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:1; font-size:3rem; text-transform:uppercase; text-shadow:1px 1px 3px rgba(0,0,0,0.8); color:#fff !important }

/* Internal Page Structure */
.internal-page .main-wrapper > div { background:#fff }