.component .component-heading { text-align:center }
.component.socialstream .component-heading { color:#fff }

/* Header */
.header.layout-1 .mod-site-header.style1 .header-top .header-text { padding:.5rem 1rem; font-size:.875rem; font-weight:400 !important; letter-spacing:0.12em }
.header.layout-1 .mod-site-header.style1 .header-top .mod-site-social-links { padding:.2rem !important }
.header.layout-1 .mod-site-header.style1 .header-top .mod-site-social-links li a { font-size:.875rem }
.header.layout-1 .mod-site-header.style1 .navbar.navbar-primary .site-title { display:inline-block !important; max-width:100px; font-size:1rem; text-align:left }
.header.layout-1 .mod-site-header.style1 .navbar.navbar-primary .navbar-toggler { color:#fff; border-color:#fff }
.header.layout-1 .mod-site-header.style1 .navbar.navbar-primary .navbar-toggler:hover,
.header.layout-1 .mod-site-header.style1 .navbar.navbar-primary .navbar-toggler:focus { color:var(--color-primary) }

@media only screen and (min-width:576px) {
    .header.layout-1 .mod-site-header.style1 .navbar.navbar-primary .site-title { max-width:none; font-size:1.25rem }
}

@media only screen and (min-width:768px) {
    .header.layout-1 .mod-site-header.style1 .navbar.navbar-primary .site-title { display:none !important }
}

@media only screen and (min-width:1200px) {
    .header.layout-1 .mod-site-header.style1 .navbar.navbar-primary { background:rgb(16,85,154); background:linear-gradient(180deg, rgba(16,85,154,1) 0%, rgba(16,85,154,1) 49%, rgba(14,74,134,1) 50%, rgba(14,74,134,1) 100%); }
    .header.layout-1 .mod-site-header.style1 .navbar.navbar-primary .navbar-collapse { justify-content:center !important }
    .header.layout-1 .mod-site-header.style1 .navbar.navbar-primary .nav-link { padding:2rem 1.125rem; font-size:1.125rem }
    /* .header.layout-1 .mod-site-header.style1 .navbar.navbar-primary .navbar-brand { z-index:1000 } */
    .header.layout-1 .mod-site-header.style1 .navbar.navbar-primary .navbar-brand img { max-height:130px }
    .header.layout-1 .mod-site-header.style1 .navbar.navbar-primary .dropdown-menu .heading { font-size:1.5rem; font-weight:700; letter-spacing:0.06em }
    .header.layout-1 .mod-site-header.style1 .navbar.navbar-secondary .navbar-brand { font-size:1.5rem !important; font-weight:700; letter-spacing:0.06em }
}

/* News Rotator */
.component.newsrotator.layout-3 .mod-news-rotator.style3 button.btn-secondary { color:var(--color-primary); background:#fff; border-color:#fff }
.component.newsrotator.layout-3 .mod-news-rotator.style3 button.btn-secondary:hover,
.component.newsrotator.layout-3 .mod-news-rotator.style3 button.btn-secondary:focus { color:#fff; border-color:var(--color-secondary) }

@media only screen and (min-width:992px) {
    .component.newsrotator.layout-3 .mod-news-rotator.style3 .story-box { background-color:rgb(16 85 154 / 80%) }
}

/* Banner */
.component.banner .mod-graphic-carousel.style2 { position:relative }
.component.banner .mod-graphic-carousel.style2 .slick-list { margin:0 -1rem }
.component.banner .mod-graphic-carousel.style2 .slide { padding:0 1rem }
.component.banner .mod-graphic-carousel.style2 .graphic-slide-control { margin:0 !important }
/*
.component.banner .mod-graphic-carousel.style2 .graphic-slide-control .btn { position:absolute; display:block !important; left:-60px; top:50%; width:40px; height:40px; color:var(--color-primary); border-color:var(--color-primary); border-radius:.25rem; transform:translateY(-50%) }
.component.banner .mod-graphic-carousel.style2 .graphic-slide-control .btn.next { left:auto; right:-60px }
.component.banner .mod-graphic-carousel.style2 .graphic-slide-control .btn:hover,
.component.banner .mod-graphic-carousel.style2 .graphic-slide-control .btn:focus { color:#fff; background-color:var(--color-primary) }
*/

.component.banner .mod-graphic-carousel.style1 .slick-list { margin:0 -1rem }
.component.banner .mod-graphic-carousel.style1 .slide { padding:0 1rem }

@media only screen and (min-width: 768px) {
    .component.banner { padding:0 60px }
    .component.banner .mod-graphic-carousel.style1 .graphic-slide-control .btn { position:absolute; display:block !important; left:-60px; top:50%; width:40px; height:40px; color:var(--color-primary); border-color:var(--color-primary); border-radius:.25rem; transform:translateY(-50%) }
    .component.banner .mod-graphic-carousel.style1 .graphic-slide-control .btn.next { left:auto; right:-60px }
    .component.banner .mod-graphic-carousel.style1 .graphic-slide-control .btn.slick-hidden { display:none !important }
    .component.banner .mod-graphic-carousel.style1 .graphic-slide-control .btn:hover,
    .component.banner .mod-graphic-carousel.style1 .graphic-slide-control .btn:focus { color:#fff; background-color:var(--color-primary) }    
}

/* Social Stream */
.component.socialstream.layout-1 .mod-social.style1 .load-more { color:#fff; border-color:#fff }
.component.socialstream.layout-1 .mod-social.style1 .load-more:hover,
.component.socialstream.layout-1 .mod-social.style1 .load-more:focus { color:var(--color-primary); background-color:#fff; border-color:#fff !important }

/* Footer */

/* Affiliate Logos */
.component.affiliatelogos li img { max-height:100px }

/* Stats */
.team-stats .flex-fill { color:#fff; background-color:var(--color-primary); border-color:transparent !important }

/* Bio */
.bio-enhanced .player-heading .number { background:#000 !important }
.bio-enhanced .player-headshot .img-thumbnail{border-radius:0;}

/* ACTION SHOTS SLIDER */
.bio-enhanced .action-shots { position:relative; padding-top:56.25%; text-align:right; background:#f2f2f2; overflow:hidden }
.bio-enhanced .action-shots a[rel="wiki-link"] { display:none !important }
.bio-enhanced .action-shots .carousel { position:absolute; left:0; right:0; top:0 }

.bio-enhanced.plain .player-headshot .img-thumbnail{ padding:0; border:0; background:#fff;}

@media only screen and (min-width: 768px) {
    .bio-enhanced.plain .mt-md-n5,
    .bio-enhanced.plain .my-md-n5 {
        margin-top: 0rem!important;
    }
    .bio-enhanced.plain .player-headshot .img-thumbnail{ padding-right:5px;}
}

/* Remove More+ from mobile */
/*
@media only screen and (max-width:991px) {
    .navbar.navbar-secondary li.dropdown > a { display:none }
    .navbar.navbar-secondary li.dropdown > .dropdown-menu { float:none; display:block; position:static; text-align:center; background-color:transparent !important; border-color:transparent }
    .navbar.navbar-secondary li.dropdown > .dropdown-menu a { color:var(--color-primary) !important }
    .navbar-brand.navbar-logo.navbar-brand-left { margin: unset !important;}
}
*/


.navbar-logos ul li { position:relative; }

/* LOGO ADJUSTMENT 7-20-2021 */
.navbar-logo {
    margin-top: -10px !important;
}
.navbar-brand.navbar-logo img {
    height: 100px;
}

/* Brochure Button */
.btn-brochure {
    background: rgb(255,255,255);
    border: 1px solid #034da1;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 4px;
    box-sizing: border-box;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-family: nunito,roboto,proxima-nova,"proxima nova",sans-serif;
    font-size: 16px;
    font-weight: 800;
    line-height: 16px;
    min-height: 40px;
    outline: 0;
    padding: 12px 14px;
    text-align: center;
    text-rendering: geometricprecision;
    text-transform: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: middle;
}

.btn-brochure:hover, .btn-brochure:active {
    background-color: #034da1;
    background-position: 0 0;
    color: rgb(255,255,255);
}

.btn-brochure:active {
    opacity: .5;
}

/* Flexbox Two Column Layout */
.flex-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: normal;
    margin-bottom: 3em;
}

.flex-r1c1 {
    flex: 33%;
}
.flex-r1c2 {
    flex: 66%;
    padding-left: 2em;
}

@media screen and (max-width: 800px) {
  .flex-container {
    flex-flow: column wrap;
    margin-bottom: 1em;
  }
  .flex-r1c2 {
      padding-left: 0;
  }
}
