/** ========= **/
/** WEB FONTS     
/** ========= **/

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Open+Sans:wght@600&display=swap');

@font-face {
    font-family: 'fanatix';
    src: url('/Fanatix-Bold.ttf');
    font-weight: 700;
    font-style: normal;
}

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

/*
    We need to reset the theme settings for the above custom fonts.
    This breaks the functionality within our theme manager - but is currently the only solution for custom fonts.
*/
:root {
    --font-body: 'Open Sans', Sansserif;
    --font-headings: 'fanatix', Sansserif;
    --font-links: 'fanatix', Sansserif;
    --font-buttons: 'fanatix', Sansserif;
}

.internal-page .main-wrapper > div { background-color:#fff; border-width:0 6px !important; border-color:#b0b7bc !important; box-shadow:none !important }
/*
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
.navbar,
.btn { font-family:'fanatix' }
*/
/** ========== **/
/** HEADER TOP **/      
/** ========== **/

.section.header-top .mod-site-social-links .title { font-family:'fanatix' }

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

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

.section.header .navbar-primary .navbar-brand.navbar-logo img { max-height:55px }
.section.header .navbar-primary .dropdown-menu .dropdown-item { font-family: 'Bebas Neue', cursive }

@media only screen and (min-width:576px) {
    .section.header .navbar-primary .navbar-brand.navbar-logo img { max-height:75px }
}

@media only screen and (min-width:992px) {
    .section.header .navbar-primary .navbar-brand.navbar-logo img { max-height:110px }
    .section.header .navbar.navbar-primary .nav-link { font-size:1.25rem }
    .section.header .navbar.navbar-primary li.dropdown > .dropdown-menu { background-size:35% auto }
    .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); box-shadow:inset 0 -5px 0 0 #b0b7bc }
    .section.header .navbar.navbar-primary li.dropdown > .dropdown-menu:after { display:none }
    .section.header .navbar.navbar-primary li.dropdown > .dropdown-menu a:not(.btn), 
    .section.header .navbar.navbar-primary li.dropdown > .dropdown-menu .nav-link { font-size:1.15rem }
}
@media only screen and (min-width:1200px) {
    .section.header .navbar.navbar-primary .nav-link { font-size:1.5rem }
    .section.header .navbar.navbar-primary li.dropdown > .dropdown-menu .heading { font-size:1.5rem }
    .section.header .navbar.navbar-primary li.dropdown > .dropdown-menu a:not(.btn), 
    .section.header .navbar.navbar-primary li.dropdown > .dropdown-menu .nav-link { font-size:1.375rem }
    
    .section.header .partner-logo-macro { max-height:188px }
}
@media only screen and (min-width:1600px) {
    .section.header .navbar-primary .navbar-brand.navbar-logo img { max-height:150px }
}

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

.section.footer .footer-contents a { padding:.5rem; text-decoration:underline }
.section.footer .footer-contents a:hover,
.section.footer .footer-contents a:focus { text-decoration:none }
.section.footer .mod-site-social-links { display:flex; align-items:center; padding:.5rem 1rem !important }
.section.footer .mod-site-social-links .title { margin:0 1rem 0 0; font-family:var(--font-headings); text-transform:uppercase; color:var(--global-linkcolor) }

@media only screen and (min-width: 992px) {
    .section.footer .mod-site-social-links .title { font-size:1.25rem }
}

@media only screen and (min-width: 1200px) {
    .section.footer .mod-site-social-links .title { font-size:1.5rem }
}

@media only screen and (min-width: 1600px) {
    .section.footer .mod-site-social-links .title { font-size:1.75rem }
}

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

.component .component-title .heading-text span { font-family: 'Bebas Neue', cursive }

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

.component.partnerlogos .list-unstyled li img { max-height:60px }
.component.partnerlogos .hover-fade-in-overlay .overlay-container { font-family: 'Bebas Neue', cursive; font-weight:400; text-transform:uppercase }

@media only screen and (min-width: 992px) {
    .component.partnerlogos .list-unstyled li { width:5% }
}

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

.component.newsrotator .mod-news-rotator.style8 .seats,
.component.newsrotator .mod-news-rotator.style8 .seat { background-color:#000 }
.component.newsrotator .mod-news-rotator.style8 .story-box .date-sport { font-family: 'Bebas Neue', cursive; font-weight:400 !important }
.component.newsrotator .mod-news-rotator.style8 .story-box .sport:before { color:#fff }
.component.newsrotator .mod-news-rotator.style8 .story-box .sport-icon { font-size:2rem }
.component.newsrotator .mod-news-rotator.style8 .pp { right:auto; left:0 }

@media only screen and (min-width:992px) {
    .component.newsrotator .mod-news-rotator.style8 { display:flex }
    .component.newsrotator .mod-news-rotator.style8 .seats { flex:2; overflow:hidden; display:flex; background-color:#fff }
    .component.newsrotator .mod-news-rotator.style8 .slick-list { flex:1; display:flex; flex-direction:column }
    .component.newsrotator .mod-news-rotator.style8 .slick-track { flex:1 }
    .component.newsrotator .mod-news-rotator.style8 .seat { position:relative; display:flex; flex-direction:column }
    .component.newsrotator .mod-news-rotator.style8 .media-box { position:relative }
    .component.newsrotator .mod-news-rotator.style8 .media-box a:after { content:''; position:absolute; left:0; right:0; top:0; bottom:0; background:-moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,1) 100%); background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 70%,rgba(0,0,0,1) 100%); background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 70%,rgba(0,0,0,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); }
    .component.newsrotator .mod-news-rotator.style8 .story-box { flex:1; position:absolute; left:0; bottom:0; right:0 }
    .component.newsrotator .mod-news-rotator.style8 .controls { flex:1; display:flex !important; flex-direction:column; background-color:#fff; border-left:5px solid #b0b7bc }
    .component.newsrotator .mod-news-rotator.style8 .controls h2 { position:relative; margin:0; padding:1.5rem; font-family: 'Bebas Neue', cursive; font-size:1.5rem; font-weight:400; font-style:italic; text-align:center; text-transform:uppercase; color:#fff; background-color:var(--color-primary); overflow:hidden }
    .component.newsrotator .mod-news-rotator.style8 .controls h2 span { position:relative; display:inline-block; padding:0 1rem; letter-spacing:0.125em; background-color:var(--color-primary) }
    .component.newsrotator .mod-news-rotator.style8 .controls h2:before { content:""; position:absolute; left:1rem; right:1rem; top:50%; height:5px; background-color:var(--color-secondary); transform:translateY(-50%) }
    .component.newsrotator .mod-news-rotator.style8 .control { position:relative; flex:1; display:flex; align-items:center; padding:1rem 1.5rem; font-family: 'Bebas Neue', cursive; border-top:3px solid #b0b7bc; cursor:pointer }
    .component.newsrotator .mod-news-rotator.style8 .control .sport-icon { font-size:1.25rem; color:#626669 }
    .component.newsrotator .mod-news-rotator.style8 .control .date-sport { font-size:0.85rem; font-weight:400; letter-spacing:.05em }
    .component.newsrotator .mod-news-rotator.style8 .control .sport { font-weight:400 !important }
    .component.newsrotator .mod-news-rotator.style8 .control.active .sport:before { color:#fff }
    .component.newsrotator .mod-news-rotator.style8 .control .thumb-title { font-weight:400; font-size:1.125rem; line-height:1.1em }
    .component.newsrotator .mod-news-rotator.style8 .control.active { color:#fff; background-color:var(--color-secondary) }
    .component.newsrotator .mod-news-rotator.style8 .control.active a { color:#fff }
    .component.newsrotator .mod-news-rotator.style8 .control.active .sport-icon { color:#fff }
    .component.newsrotator .mod-news-rotator.style8 .stats-box { display:block; position:absolute; right:10px; top:0; margin-top:56.25%; transform:translateY(-100%) }
    .component.newsrotator .mod-news-rotator.style8 .dots { display:none !important }
}

@media only screen and (min-width:1200px) {
    .component.newsrotator .mod-news-rotator.style8 .story-box .date-sport { font-size:1.25rem }
    .component.newsrotator .mod-news-rotator.style8 .story-box .sport-icon { font-size:3rem }
    .component.newsrotator .mod-news-rotator.style8 .story-box .title { font-size:2rem }
    .component.newsrotator .mod-news-rotator.style8 .controls h2 { font-size:2rem }
    .component.newsrotator .mod-news-rotator.style8 .control .sport-icon { font-size:2rem }
    .component.newsrotator .mod-news-rotator.style8 .control .thumb-title { font-size:1.25rem }
}

@media only screen and (min-width:1600px) {
    .component.newsrotator .mod-news-rotator.style8 .story-box .date-sport { font-size:1.5rem }
    .component.newsrotator .mod-news-rotator.style8 .story-box .sport-icon { font-size:3.5rem }
    .component.newsrotator .mod-news-rotator.style8 .story-box .title { font-size:2.5rem }
    .component.newsrotator .mod-news-rotator.style8 .controls h2 { font-size:2.5rem }
}

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

.component.scoreboard .mod-scoreboard.style9 .card { font-family:'Bebas Neue', cursive }
.component.scoreboard .mod-scoreboard.style9 .date-status { font-weight:400; letter-spacing:0.05rem }
.component.scoreboard .mod-scoreboard.style9 .status { overflow:visible !important; font-weight:400 !important }
.component.scoreboard .mod-scoreboard.style9 .sport { font-weight:400 !important }
.component.scoreboard .mod-scoreboard.style9 .team { font-weight:400; font-size:1.25rem }
.component.scoreboard .mod-scoreboard.style9 .score { font-family:'fanatix' }
.component.scoreboard .scoreboard-switcher .component-title { line-height:2rem; font-family:'fanatix' }
.component.scoreboard .scoreboard-switcher .switcher-controls { padding:1rem 2rem !important }

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

.component.featuredathlete .mod-aotw.style9 .sport { padding:.5rem 1.5rem; font-family:'Bebas Neue', cursive; font-size:1.375rem; font-weight:400; letter-spacing:0.05rem; line-height:1rem }
.component.featuredathlete .mod-aotw.style9 .title { font-family:'fanatix' }

@media only screen and (min-width: 768px) {
    .component.featuredathlete .mod-aotw.style9 .athlete-info { padding:0 }
}

@media only screen and (min-width: 992px) {
    .component.featuredathlete .mod-aotw.style9 .athlete-info { margin-top:0; padding:0 0 1rem 1rem }
    .component.featuredathlete .mod-aotw.style9 .sport { position:static; margin-bottom:1rem }
    .component.featuredathlete .mod-aotw.style9 .athlete-aside .player-cutout { width:150px }
}

@media only screen and (min-width: 1200px) {
    .component.featuredathlete .mod-aotw.style9 .athlete-info { padding:0 1rem 1rem }
    .component.featuredathlete .mod-aotw.style9 .athlete-aside .player-cutout { width:190px }
}

@media only screen and (min-width: 1600px) {
    .component.featuredathlete .mod-aotw.style9 .athlete-info { margin-top:0; padding:.5rem 0 2rem 2rem }
    .component.featuredathlete .mod-aotw.style9 .athlete-quote { font-size:1.15rem }
    .component.featuredathlete .mod-aotw.style9 .title { font-size:3.275rem }
    .component.featuredathlete .mod-aotw.style9 .athlete-aside .player-cutout { width:250px }
}

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

.component.standings .component-title .heading-text span { font-weight:400; font-size:2rem; letter-spacing:.125em }
.component.standings table { font-family:'Bebas Neue', cursive }
.component.standings .col-header { font-weight:400; font-size:1.25rem }
.component.standings .team-name { font-family:'fanatix'; font-size:1.25rem }
.component.standings td { font-size:1.25rem }
.component.standings .full-standings { font-family:'fanatix'; font-size:1.25rem }
.component.standings .content-switcher-wrapper .switcher-main { width:100% }

@media only screen and (min-width: 992px) {
    .component.standings .standings-switcher .mod-standings .data { height:auto; max-height:450px }
}

@media only screen and (min-width:1200px) {
    .component.standings .component-title .heading-text span { font-size:2.5rem }
    .component.standings .standings-switcher .mod-standings .data { max-height:500px }
    .component.standings .full-standings { font-size:1.5rem }
}

@media only screen and (min-width:1600px) {
    .component.standings .component-title .heading-text span { font-size:3rem }
    .component.standings .standings-switcher .mod-standings .data { max-height:600px }
}

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

.component.recentvideos .component-title .heading-text span { font-weight:400; font-size:2rem }
.component.recentvideos .mod-recent-videos.style2 .item { padding:0; align-items:center }
.component.recentvideos .mod-recent-videos.style2 .item .date,
.component.recentvideos .mod-recent-videos.style2 .item .card-title { font-family:'Bebas Neue', cursive; font-weight:400 }
.component.recentvideos .mod-recent-videos.style2 .item .date { font-size:0.85rem }
.component.recentvideos .mod-recent-videos.style2 .item .video-thumbnail-inner { position:relative; display:block; padding-top:75% }
.component.recentvideos .mod-recent-videos.style2 .item img { border-radius:0 }
.component.recentvideos .archive-btn { font-family:'fanatix'; font-size:1.25rem }

@media only screen and (min-width: 992px) {
    .component.recentvideos .component-title .heading-text span { font-size:1.5rem }
    .component.recentvideos .mod-recent-videos.style2 { flex-grow:initial }
    .component.recentvideos .mod-recent-videos.style2 .playlist { height:auto }
    .component.recentvideos .mod-recent-videos.style2 .item .card-body { padding:0 1rem }
    .component.recentvideos .module-footer { margin-top:auto }
}

@media only screen and (min-width:1200px) {
    .component.recentvideos .component-title .heading-text span { font-size:2rem }
    .component.recentvideos .archive-btn { font-size:1.5rem }
}

@media only screen and (min-width:1600px) {
    .component.recentvideos .component-title .heading-text span { font-size:2.5rem }
}

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

.component.socialstream .component-title .heading-text span { font-weight:400; font-size:2rem; letter-spacing:.125em }
.component.socialstream .mod-social .load-more { font-size:1.25rem }

@media only screen and (min-width:1200px) {
    .component.socialstream .component-title .heading-text span { font-size:2.5rem }
    .component.socialstream .mod-social .load-more { font-size:1.5rem }
}

@media only screen and (min-width:1600px) {
    .component.socialstream .component-title .heading-text span { font-size:3rem }
}

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

.component.affiliatelogos .list-unstyled li a img { max-height:70px }
    
/** ============ **/
/** FOOTER INTRO     
/** ============ **/

.section.footer .mod-site-footer-intro .logo img { max-height:110px }
.section.footer .mod-site-footer-intro .title .slogan { font-family:'fanatix'; font-size:3rem; letter-spacing:.05em; line-height:1em }
.section.footer .mod-site-footer-intro .title .subtitle:before { content:""; position:absolute; left:0; right:0; top:50%; height:3px; background-color:var(--color-primary); transform:translateY(-50%) }
.section.footer .mod-site-footer-intro .title .subtitle span { font-family:'Bebas Neue', cursive; font-size:1.5rem; font-weight:400; letter-spacing:0.125em; line-height:1em }
.section.footer .mod-site-footer-intro .leadin { font-size:.85rem }
.section.footer .mod-site-footer-intro .mod-site-footer-links li a { font-family:'fanatix'; font-weight:700; text-transform:uppercase; color:var(--global-linkcolor) }
.section.footer .mod-site-footer-intro .mod-site-social-links li { margin-right:1rem }
.section.footer .mod-site-footer-intro .mod-site-social-links li a { display:block !important; width:2.15rem; height:2.15rem !important; padding:0 !important; line-height:1.9rem !important; text-align:center; color:#fff; background-color:var(--color-secondary); border:.15rem solid var(--color-secondary); border-radius:100%; transition:0.2s }
.section.footer .mod-site-footer-intro .mod-site-social-links li a:hover,
.section.footer .mod-site-footer-intro .mod-site-social-links li a:focus { color:#fff; box-shadow:0 0 0 2px var(--color-secondary) }

@media only screen and (min-width: 992px) {
  .section.footer .mod-site-footer-intro .title .slogan { font-size:4rem }
  .section.footer .mod-site-footer-intro .title .subtitle span { font-size:1.75rem }
  .section.footer .mod-site-footer-intro .mod-site-footer-links .list-inline-item:not(:last-child) { margin-right:1.5rem }
  .section.footer .mod-site-footer-intro .mod-site-footer-links li a { font-size:1.25rem }
}

@media only screen and (min-width: 1200px) {
  .section.footer .mod-site-footer-intro .title .slogan { font-size:5rem }
  .section.footer .mod-site-footer-intro .title .subtitle span { font-size:2.25rem }
  .section.footer .mod-site-footer-intro .leadin { font-size:1rem }
  .section.footer .mod-site-footer-intro .mod-site-footer-links li a { font-size:1.5rem }
}

@media only screen and (min-width: 1600px) {
  .section.footer .mod-site-footer-intro .title .slogan { font-size:6rem }
  .section.footer .mod-site-footer-intro .title .subtitle span { font-size:3rem }
  .section.footer .mod-site-footer-intro .mod-site-footer-links .list-inline-item:not(:last-child) { margin-right:3rem }
  .section.footer .mod-site-footer-intro .mod-site-footer-links li a { font-size:1.75rem }
}

/** ======= **/
/** MEMBERS ** - Copied from https://region19.prestosports.com/members/atlantic_cape/info
/** ======= **/

.members-content-text h2 { color:#000; margin-bottom:0; font-weight:700 }
.members-heading { font-weight:700 }
.member-info .content-list.content-direct a { border:1px solid #b7b7b7; color:#000; padding:6px 10px; display:inline-block; max-width:190px; text-transform:uppercase; font-weight:bold; text-decoration:none; font-style:italic; margin:15px 0 20px; width:100%; text-align:center }
.member-info .content-list { margin-bottom:5px }
.member-info .content-list .label { font-weight:bold }
.member-info .content-list.content-sports-list { margin:20px 0 30px }
.member-info .content-list.content-sports-list .label { margin-bottom:10px; display:inline-block }
.member-info .landing.members-home #mainbody a[rel="wiki-link"] {color:#000 }
.member-info .content-box-btm { background:#fff; border:1px solid #ccc; padding:30px 25px; display:flex; justify-content:left }
.member-info .content-box-btm .content-list.cont-box { flex:0 0 50%; max-width:50% }
.member-info .dirc-name { color:var(--color-primary); margin-top:12px }
.members-wrap-fu { display:flex; flex-wrap:wrap }
.member-info.test__member { flex:0 0 70%; max-width:70% }
.members-dropdown-info-nabar { flex:0 0 30%; max-width:30%; border:1px solid #ccc; padding:30px 25px }
.members-dropdown-info-nabar .has-nav > .clearfix { display:none !important }
.members-dropdown-info-nabar .navbar-links ul li a { text-decoration:none; font-weight:600; margin-bottom:7px; margin-top:7px; display:inline-block }
.members-dropdown-info-nabar .navbar-links ul li { border-bottom: 1px solid #ddd }
.members-thumb img { border:none; max-width:100% }

@media only screen and (min-width: 992px) {
    .row-members { display:flex; flex-wrap:wrap }
    .members-thumb { flex:0 0 25%; max-width:25% } 
    .members-content-text { flex:0 0 75%; max-width:75%; padding-right:20px }
}
@media (max-width:991px) {
    .member-info.test__member { flex:0 0 100%; max-width:100% }
    .members-dropdown-info-nabar { flex:0 0 100%; max-width:100% }
    .member-info .content-box-btm .content-list.cont-box { flex:0 0 100%; max-width:100%; margin-bottom:20px }
    .member-info .content-box-btm { flex-wrap:wrap; padding:14px 17px }
    .members-content-text h2 { font-size:24px }
    .members-thumb { margin-bottom:20px }
    .landing.members-home #mainbody { padding:20px 0 }
}