:root{
    --primary: #1A73E8;
    --accent: #FF6D00;
    --light_secondary: #F9F9F9;
    --dark_secondary: #1F1F1F;
    --light_text: #333333;
    --dark_text: #E0E0E0;
    --light_background: #FFFFFF;
    --dark_background: #121212;
    --light_link: #15305b;
    --light_link_hover: #334f7a;
    --dark_link: #66AFFF;
    --dark_link_hover: #5095e0;
    --light_border: #E0E0E0;
    --dark_border: #333333;
}

/* raleway-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/google/raleway-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/google/raleway-v34-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/google/raleway-v34-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/google/raleway-v34-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/google/inter-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/google/inter-v18-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/google/inter-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/google/inter-v18-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

*{ box-sizing: border-box; }
html, body, #pagewrap{ min-height: 100%; margin: 0; padding: 0; position: relative; font-family: 'Inter', Arial, Helvetica, sans-serif; }
#pagewrap{ display: flex; flex-direction: column; }
#pagewrap .sitemain{ flex: 1; }
.wrap{ position: relative; }
figure{ padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, p, li{ margin: 0; padding: 0 0 10px; line-height: 1.6; }
p, li, blockquote{ font-weight: 400; font-size: 1rem; }
h1, h2, h3, h4, h5, h6{ font-weight: 700; }
h1{ font-size: 3.5rem; }
h2{ font-size: 2.75rem; }
h3{ font-size: 2.45rem; }
h4{ font-size: 2.1rem; }
h5{ font-size: 1.75rem; }
h6{ font-size: 1.5rem; }
a{ color: var(--light_link); font-weight: 700; }
a:hover{ color: var(--light_link_hover); }

.ixney{ color: #800; position: relative; }
.ixney:before { position: absolute; content: ""; left: 0; top: 50%; right: 0; border-top: 4px solid; border-color: #800; -webkit-transform:rotate(-5deg); -moz-transform:rotate(-5deg); -ms-transform:rotate(-5deg); -o-transform:rotate(-5deg); transform:rotate(-5deg); }

.clearfix::before, .clearfix::after, .clear::before, .clear::after{ content: ""; display: table; }
.container::after, .clearfix::after, .clear::after{ clear: both; }

@media only screen and (min-width: 1200px){
    .wrap{ padding: 100px; max-width: 1600px; margin: 0 auto; }
}
@media only screen and (max-width: 1199px) and (min-width: 800px){
    .wrap{ padding: 65px; }
    p{ font-size: 1rem; }
    h1{ font-size: 2.85rem; }
    h2{ font-size: 2.35rem; }
    h3{ font-size: 2.05rem; }
    h4{ font-size: 1.8rem; }
    h5{ font-size: 1.6rem; }
    h6{ font-size: 1.3rem; }
}
@media only screen and (max-width: 799px){
    .wrap{ padding: 50px 30px; }
    p{ font-size: 1rem; }
    h1, h2, h3, h4, h5, h6{ line-height: 1.4; }
    h1{ font-size: 2.3rem; }
    h2{ font-size: 2.05rem; }
    h3{ font-size: 1.8rem; }
    h4{ font-size: 1.6rem; }
    h5{ font-size: 1.4rem; }
    h6{ font-size: 1.15rem; }
}
.siteheader .wrap{ padding: 0; max-width: 1600px; margin: 0 auto; }
.wrap.body-wrap{ padding-top: 0; }

/* Header */
body:not(.video) .sitemain{ margin-top: 140px; }
.siteheader{ box-shadow: 0 2px 4px rgba(0,0,0,.3); position: fixed; top: 0; left: 0; right: 0; z-index: 100; }
body.default.red .siteheader{ background: #9c0303; background: linear-gradient(135deg, rgb(156,3,3) 0%, rgb(176,17,17) 60%, rgb(217,58,58) 100%); }
body.default.blue .siteheader{ background: #0e025c; background: linear-gradient(90deg, rgb(14,2,92) 0%, rgb(25,42,150) 60%, rgb(58,133,217) 100%); }
body.amy .siteheader{ background: #9c0303; background: linear-gradient(135deg, rgb(156,3,3) 0%, rgb(176,17,17) 60%, rgb(217,58,58) 100%); }
body.erika .siteheader{ background: #0e025c; background: linear-gradient(90deg, rgb(14,2,92) 0%, rgb(25,42,150) 60%, rgb(58,133,217) 100%); }
.siteheader, .siteheader *{ transition: all .2s ease; }
.siteheader .header-wrap{ display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 0; padding-bottom: 0; }
.siteheader .logo{ width: fit-content; display: flex; align-items: center; }
.siteheader .logo a{ display: block; width: fit-content; height: fit-content; }
.siteheader .sitenav{ width: calc( 100% - 400px ); text-align: right; align-self: center; }
.siteheader .sitenav .nav{ list-style: none; margin: 0; padding: 0; }
.siteheader .sitenav .nav .navlink{ position: relative; }
.siteheader .sitenav .nav .navlink a{ display: block; position: relative; color: #FFF; text-decoration: none; font-weight: 700; font-size: 1.2rem; }
.siteheader .sitenav .nav .navlink.has-children > .sub-menu{ padding: 0; }
.siteheader .sitenav .nav .navlink.has-children > .sub-menu .navlink{ display: block; padding: 0; margin: 0; }
/* Menu Toggle */
.siteheader .toggle-menu{ width: 50px; height: 50px; align-self: center; position: relative; z-index: 120; }
/* Hamburger */
.siteheader .toggle-menu .menutoggle{ position: relative; width: 50px; height: 50px; cursor: pointer; display: block; }
.siteheader .toggle-menu .menutoggle #menu-check{ display: block; width: 100%; height: 100%; position: relative; cursor: pointer; z-index: 2; -webkit-touch-callout: none; position: absolute; opacity: 0; border: none; margin: 0; }
.siteheader .toggle-menu .menutoggle .button.burger{ margin: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 22px; height: 12px; }
.siteheader .toggle-menu .menutoggle .button.burger .bar{ position: absolute; display: block; width: 100%; height: 2px; background-color: var(--bar-bg, #FFFFFF); border-radius: 1px; transition: all 0.1s cubic-bezier(0.1, 0.82, 0.76, 0.965); }
.siteheader .toggle-menu .menutoggle .button.burger .bar:first-of-type{ top: 0; }
.siteheader .toggle-menu .menutoggle .button.burger .bar:last-of-type{ bottom: 0; }
.siteheader .toggle-menu .menutoggle .button.burger.active .bar:first-of-type, .siteheader .toggle-menu .menutoggle #menu-check:checked + .button.burger .bar:first-of-type{ transform: rotate(45deg); top: 5px; }
.siteheader .toggle-menu .menutoggle .button.burger.active .bar:last-of-type, .siteheader .toggle-menu .menutoggle #menu-check:checked + .button.burger .bar:last-of-type{ transform: rotate(-45deg); bottom: 5px; }

@media only screen and (min-width: 1200px){
    .siteheader{ padding: 35px 100px; }
    .siteheader .logo{ height: 70px; }
    .siteheader .logo img{ width: 200px; }
    .siteheader.sticky{ padding: 20px 100px; }
    .siteheader.sticky .logo{ height: 40px; }
    .siteheader.sticky .logo img{ width: 125px; }
    .siteheader.sticky .sitenav .nav .navlink a{ font-size: 1.075rem; }

    .siteheader .sitenav .nav .navlink{ display: inline-block; margin: 0 0 0 18px; }
    .siteheader .sitenav .nav .navlink > a{ line-height: 30px; }
    .siteheader .sitenav .nav > .navlink > a::before{ position: absolute; bottom: -7px; height: 2px; content: ""; left: 0; width: 0; background-color: #FFF; transition: width .2s ease; }
    .siteheader .sitenav .nav > .navlink > a:hover::before, .siteheader .sitenav .nav > .navlink > a.active::before, .siteheader .sitenav .nav > .navlink.has-children:hover > a::before{ width: 100%; }
    .siteheader .sitenav .nav .navlink.has-children > .sub-menu{ display: none; position: absolute; left: 0; top: 40px; z-index: 50; width: 275px; background-color: #FFF; box-shadow: 0 2px 5px rgba(0,0,0,.2); border-radius: 3px; text-align: left; }
    .siteheader .sitenav .nav .navlink.has-children:hover > .sub-menu{ display: block; }
    .siteheader .sitenav .nav .navlink.has-children .sub-menu a{ color: var(--light_link); width: 100%; font-size: 1rem; padding: 6px 14px; position: relative; }
    .siteheader .sitenav .nav .navlink.has-children .sub-menu a::before{ content: ""; background-color: var(--light_secondary); position: absolute; left: 0; top: 0; height: 100%; width: 0; transition: width .2s ease; z-index: -1; }
    .siteheader .sitenav .nav .navlink.has-children .sub-menu a:hover::before{ width: 100%; }

    .siteheader .toggle-menu{ display: none; }
}
@media only screen and (max-width: 1199px){
    .siteheader .sitenav{ position: fixed; right: 0; top: 0; bottom: 0; height: 100%; z-index: 110; background-color: rgba(0,0,0,.85); text-align: left; padding: 100px 45px 50px 35px; }
    .siteheader.sticky .sitenav{ padding-top: 80px; }

    .siteheader .sitenav.open-menu{ display: block; }
    .siteheader .sitenav.closed-menu{ display: none; }
    
    .siteheader .sitenav .navlink.has-children > a::after{ content: "\ea3d"; font-family: 'Who Broke The News'; float: right; display: block; width: 22px; font-size: 0.875rem; }
    .siteheader .sitenav .navlink.has-children > .sub-menu{ display: none; list-style: none; margin: 0; padding: 0 0 0 18px; border-left: solid 3px #808080; }
    .siteheader .sitenav .navlink.has-children > .sub-menu a{ padding: 0 0 0 18px; }
    .siteheader .sitenav a{ display: block; line-height: 48px;  }
}
@media only screen and (max-width: 1199px) and (min-width: 800px){
    .siteheader{ padding: 35px 35px; }
    .siteheader .logo{ height: 70px; }
    .siteheader .logo img{ width: 200px; }
    .siteheader.sticky{ padding: 20px 35px; }
    .siteheader.sticky .logo{ height: 50px; }
    .siteheader.sticky .logo img{ width: 125px; }

    .siteheader .sitenav{ width: 400px; }
    .siteheader .sitenav .nav{ height: 100%; overflow: auto; }
}
@media only screen and (max-width: 799px){
    .siteheader .wrap{ padding: 30px; }
    .siteheader .sitenav{ width: 100%; }
    .siteheader .sitenav .nav{ height: 100%; overflow: auto; }
    .siteheader .logo{ height: 50px; }
    .siteheader .logo img{ width: 135px; }
    .siteheader.sticky .wrap{ padding: 15px 30px; }
    .siteheader.sticky .logo{ height: 50px; padding: 8px 0; }
    .siteheader.sticky .logo img{ width: 110px; }
    body:not(.video) .sitemain{ margin-top: 110px; }
    .siteheader .sitenav .nav .navlink a{ font-size: 1.05rem; line-height: 36px; }
}

/* Footer */
.sitefooter{ padding: 50px 100px; background-color: var(--dark_border); color: #FFF; text-align: center; }
.sitefooter a{ color: #EFEFEF; transition: all .2s ease; }
.sitefooter a:hover{ color: #FFF; }
.sitefooter .coopyright{ font-size: 0.875rem; line-height: 1.8; }
.sitefooter .socials{ padding: 10px 0 0; }
.sitefooter .socials .social-links{ padding: 0; }
.sitefooter .socials .social-links > *{ display: inline-block; vertical-align: top; }
.sitefooter .socials .social-links .text{ height: 48px; line-height: 48px; padding: 0 10px 0 0; }
.sitefooter .socials .social-links .networks .network{ display: inline-block; color: #EEE; text-decoration: none; border-radius: 5px; transition: all .2s ease; }
.sitefooter .socials .social-links .networks .network:hover{ color: #FFF; background-color: #606060; }
.sitefooter .socials .social-links .networks .network .icon{ display: block; line-height: 48px; width: 48px; height: 48px; text-align: center; }
.sitefooter .links{ padding: 14px 0 0; font-size: 0.875rem; }

@media only screen and (min-width: 1200px){}
@media only screen and (max-width: 1199px) and (min-width: 800px){}
@media only screen and (max-width: 799px){
    .sitefooter{ padding: 50px 30px; }
}

/* Page Content */

@media only screen and (min-width: 1200px){}
@media only screen and (max-width: 1199px) and (min-width: 800px){}
@media only screen and (max-width: 799px){}

/* Front Page */
/* Hero Baner */
#homepage .herobanner{ background-position: center; background-repeat: no-repeat; background-size: cover; }
body #homepage .herobanner.default.red{ background-image: url('../images/herobg.jpg'); }
body #homepage .herobanner.default.blue{ background-image: url('../images/herobg.jpg'); }
body #homepage .herobanner.amy{ background-image: url('../images/hero_bg_amy.jpg'); }
body #homepage .herobanner.erika{ background-image: url('../images/hero_bg_erika.jpg'); }
#homepage .herobanner .wrap{ height: 100%; }
#homepage .herobanner .wrap .logo{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; }
#homepage .herobanner .wrap .logo img{ width: 100%; }
#homepage .herobanner.video{ min-height: 56.25vw; position: relative; }
#homepage .herobanner.video .bg-video{ background-size: cover; background: no-repeat center; user-select: none; pointer-events: none; height: 100%; width: 177.77777778vh; min-width: 100%; min-height: 56.25vw; }
#homepage .herobanner.video .logo{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; width: 700px; }
#homepage .herobanner.video .logo img{ width: 100%; }
/* Intro */
#homepage .intro p{ line-height: 1.8; text-align: center; padding: 0 0 25px; font-family: 'Raleway', Arial, Helvetica, sans-serif; }
#homepage .intro p:first-of-type{ font-size: 1.45rem; }
#homepage .intro p:not(:first-of-type){ font-size: 1.15rem; }
#homepage .intro p:last-of-type{ padding: 0; }
/* Standings */
#homepage .standings{ background-color: var(--light_border); }
#homepage .standings .footnote{ font-size: 0.875rem; font-weight: 700; }

#homepage .standings .leaderboards{ padding: 48px 0 0; }
#homepage .standings .leaderboards .tab-bar{ display: flex; flex-wrap: wrap; background: rgb(103,25,28); background: linear-gradient(135deg, rgba(103,25,28,1) 0%, rgba(40,4,6,1) 100%); }
#homepage .standings .leaderboards .tab-bar .tab-link{ font-family: 'Inter', Arial, Helvetica, sans-serif; font-weight: 700; font-size: 1.2rem; text-align: center; color: #FFF; background: transparent; padding: 20px 25px; cursor: hand; flex: 1; position: relative; }
#homepage .standings .leaderboards .tab-bar .tab-link.current{ color: #202020; background-color: #FFF; }
#homepage .standings .leaderboards .tab-bar .tab-link.current:after{ top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-top-color: #FFF; border-width: 20px; margin-left: -20px; z-index: 1; }
#homepage .standings .leaderboards .tab-content{ display: none; background: #EFEFEF; padding: 30px; }
#homepage .standings .leaderboards .tab-content.current{ display: block; }
#homepage .standings .leaderboards .player:not(:last-of-type){ margin-bottom: 10px; }
#homepage .standings .leaderboards .player, #season .leaderboard .player .wrap, .single-episode #episode .leaderboard .player .wrap, #players .all_players .players-grid .player-card .data, .single-player #player .player-info, .player-grid .card .player-info{ display: flex; flex-direction: row; padding: 12px; border: solid 1px #DDD; background: rgb(254,254,254); background: linear-gradient(0deg, rgba(254,254,254,1) 0%, rgba(230,231,225,1) 100%); }
#homepage .standings .leaderboards .player{ min-height: 100px; }
#homepage .standings .leaderboards .player .player-headshot{ background-position: center; border-radius: 5px; background-repeat: no-repeat; background-size: cover; }
#homepage .standings .leaderboards .player:nth-of-type(1) .player-headshot{ width: 150px; height: 180px; }
#homepage .standings .leaderboards .player:nth-of-type(2) .player-headshot{ width: 125px; height: 150px; }
#homepage .standings .leaderboards .player:nth-of-type(3) .player-headshot{ width: 100px; height: 120px; }
#homepage .standings .leaderboards .player .player-main{ display: flex; flex-direction: row; flex: 1; gap: 20px; }
#homepage .standings .leaderboards .player .player-headshot + .player-main .player-data{ padding: 0 0 0 18px; }
#homepage .standings .leaderboards .player .player-score, #season .leaderboard .player .wrap .score, .single-episode #episode .leaderboard .player .wrap .score, #players .all_players .players-grid .player-card .data .score, .single-player #player .player .player-info .score, .player-grid .card .player-info .score, .single-player #player .wrap .player-data .scores .widget .score, .single-player #player .wrap .episode-list .episodes .wrap .score{ background: rgb(199,38,44); background: linear-gradient(0deg, rgba(233,28,36,1) 0%, rgba(199,38,44,1) 100%); border: solid 3px #CCC; color: #FFF; text-align: center; font-weight: 700; font-family: 'Inter', Arial, Helvetica, sans-serif; display: flex; align-items: center; justify-content: center; flex-direction: column; }
#homepage .standings .leaderboards .player .player-score p{ display: block; }
#homepage .standings .leaderboards .player .player-score .ppe{ font-size: 1.2rem; font-weight: 700; padding: 8px 0 5px; }
#homepage .standings .leaderboards .player .player-score .total{ padding: 0 0 8px; }
#homepage .standings .leaderboards .player .player-data{ flex: 1; display: flex; flex-direction: column; justify-content: center; }
#homepage .standings .leaderboards .player .player-data .player-name{ font-weight: 700; padding: 0; }
#homepage .standings .leaderboards .player .player-data .episode-title{ color: #333; line-height: 1.6; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; padding: 0 0 4px; }
#homepage .standings .leaderboards .player:nth-of-type(1) .player-data .episode-title{ font-size: 1.7rem; padding: 0 0 6px; }
#homepage .standings .leaderboards .player:nth-of-type(2) .player-data .episode-title{ font-size: 1.45rem; padding: 0 0 6px; }
#homepage .standings .leaderboards .player:nth-of-type(3) .player-data .episode-title{ font-size: 1.2rem; padding: 0 0 6px; }
#homepage .standings .leaderboards .player .player-data .player-meta{ font-weight: 700; color: #888; font-size: 1rem; padding: 0; line-height: 1.6; }
#homepage .standings .leaderboards .player-data .player-name{ font-size: 1.3rem }
#homepage .standings .leaderboards .player:nth-of-type(1) .player-data .player-name{ font-size: 2.2rem; }
#homepage .standings .leaderboards .player:nth-of-type(2) .player-data .player-name{ font-size: 1.9rem; }
#homepage .standings .leaderboards .player:nth-of-type(3) .player-data .player-name{ font-size: 1.6rem; }
#homepage .standings .leaderboards .player .player-score{ width: 125px; padding: 0; font-size: 1.3rem; }
#homepage .standings .leaderboards .player .player-data{ width: calc( 100% - 145px ); }
#homepage .standings .leaderboards .player:nth-of-type(1) .player-score{ font-size: 1.8rem; }
#homepage .standings .leaderboards .player:nth-of-type(2) .player-score{ font-size: 1.65rem; }
#homepage .standings .leaderboards .player:nth-of-type(3) .player-score{ font-size: 1.5rem; }
#homepage .standings .leaderboards .playerlist .view-more{ display: block; padding: 15px 35px; font-family: 'Inter', Arial, Arial, Helvetica, sans-serif; color: #FFF; border-radius: 8px; background: rgb(103,25,28); background: linear-gradient(135deg, rgba(103,25,28,1) 0%, rgba(40,4,6,1) 100%); margin: 18px auto 0; width: fit-content; text-decoration: none; }
#homepage .standings .leaderboards .playerlist .view-more:hover{ background: rgb(103,25,65); background: linear-gradient(135deg, rgba(103,25,65,1) 0%, rgba(40,4,24,1) 100%); color: #FFF; }
#homepage .standings .leaderboards .playerlist .view-more span{ display: inline-block; vertical-align: middle; }
#homepage .standings .leaderboards .playerlist .view-more .text{ padding: 0 12px 0 0; }
#homepage .standings .leaderboards .playerlist .view-more .icon{ font-size: 0.875rem; }

@media only screen and (max-width: 799px){
    #homepage .intro p:first-of-type{ font-size: 1.25rem; }
    #homepage .intro p:not(:first-of-type){ font-size: 1rem; }
    #homepage .standings .leaderboards .tab-bar{ flex-direction: column; }
    #homepage .standings .leaderboards .tab-link{ width: 100%; }
    #homepage .standings .leaderboards .tab-link.current:after { display: none; }
    #homepage .standings .leaderboards .player{ flex-direction: column; }
    #homepage .standings .leaderboards .tab-content{ padding: 30px 18px; }
    #homepage .standings .leaderboards .player:nth-of-type(1) .player-headshot, #homepage .standings .leaderboards .player:nth-of-type(2) .player-headshot, #homepage .standings .leaderboards .player:nth-of-type(3) .player-headshot{ width: 100%; padding-bottom: 100%; }
    #homepage .standings .leaderboards .player .player-main{ flex-direction: column; }
    #homepage .standings .leaderboards .player .player-data, #homepage .standings .leaderboards .player .player-score{ width: 100%; }
    #homepage .standings .leaderboards .player .player-headshot + .player-main .player-data{ padding: 18px 6px 0; }
    #homepage .standings .leaderboards .player .player-score{ padding: 15px; }
    #homepage .standings .leaderboards .player .player-score .ppe{ padding: 0 0 5px; }
    #homepage .standings .leaderboards .player .player-score .total{ padding: 0; }
    #homepage .standings .leaderboards .player .player-data{ padding: 0 6px; }
    #homepage .standings .leaderboards .player:nth-of-type(1) .player-data .player-name, #homepage .standings .leaderboards .player:nth-of-type(2) .player-data .player-name, #homepage .standings .leaderboards .player:nth-of-type(3) .player-data .player-name{ font-size: 1.3rem; padding: 0 0 10px; }
    #homepage .standings .leaderboards .tab-bar .tab-link{ font-size: 1.05rem; padding: 15px 20px; }
}

/* Latest Episode */
#homepage .latest-episode{ background-size: cover; background-position: center; background-repeat: no-repeat; color: #FFF; }
#homepage .latest-episode .section-wrap{ background-color: rgba(0,0,0,.25); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); }
#homepage .latest-episode .episode{ display: flex; flex-wrap: wrap; gap: 50px; padding: 35px 0 0; align-items: center; }
#homepage .latest-episode .episode .episode-shot{ background-color: #FFF; min-height: 100px;}
#homepage .latest-episode .episode .episode-shot img{ width: 100%; }
#homepage .latest-episode .episode .episode-link{ padding: 18px 0 0; }
#homepage .latest-episode .episode .episode-link .button{ padding: 12px 21px; border-radius: 5px; text-decoration: none; display: block; color: #202020; background-color: #FFF; width: fit-content; transition: all .2s ease; }
#homepage .latest-episode .episode .episode-link .button:hover{ background-color: #202020; color: #FFF; }
/* Seasons Slider */
#homepage .seasons .slick-track{ display: flex !important; }
#homepage .seasons .slick-slide{ height: inherit !important; }
#homepage .seasons .slider .seasons{ margin: 0; padding: 0; }
#homepage .seasons .slider .seasons .season{ padding: 15px; }
#homepage .seasons .slider .seasons .season a, #all_seasons .all_seasons .season-preview .preview{ display: block; position: relative; transition: all .2s ease; }
#homepage .seasons .slider .seasons .season .cover img{ width: 100%; }
#homepage .seasons .slider .seasons .season .data, #all_seasons .all_seasons .season-preview .preview .data{ padding: 15px; position: absolute; overflow: hidden; bottom: 0; background-color: rgba(255,255,255,1); z-index: 10; width: 100%; height: 75px; transition: all .2s ease; display: flex; flex-direction: column; }
#homepage .seasons .slider .seasons .season .data .season-title, #all_seasons .all_seasons .season-preview .preview .data .season-title{ font-size: 1.75rem; line-height: 45px; }
#homepage .seasons .slider .seasons .season a:hover, #all_seasons .all_seasons .season-preview .preview:hover{ color: #FFF; }
#homepage .seasons .slider .seasons .season a:hover .data, #all_seasons .all_seasons .season-preview .preview:hover .data{ height: 100%; background-color: rgba(0,0,0,.75); }
#homepage .seasons .slider .seasons .season a:hover .data .spacer, #all_seasons .all_seasons .season-preview .preview:hover .data .spacer{ flex: 1; }
/* Slider Nav */
#homepage .seasons .slider .seasons .slick-arrow{ border: none; width: 55px; position: absolute; top: 15px; bottom: 115px; overflow: hidden; padding: 0 20px; font-size: 0; background-color: transparent; cursor: pointer; }
#homepage .seasons .slider .seasons .slick-arrow::before{ color: #000; font-size: 1.3rem; font-family: "Who Broke The News"; width: 55px; text-align: center; height: 55px; line-height: 55px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; display: block; cursor: pointer; }
#homepage .seasons .slider .seasons .slick-arrow.slick-prev{ left: -40px; }
#homepage .seasons .slider .seasons .slick-arrow.slick-prev::before{ content: "\ea3e"; }
#homepage .seasons .slider .seasons .slick-arrow.slick-next{ right: -40px; }
#homepage .seasons .slider .seasons .slick-arrow.slick-next::before{ content: "\ea3f" }
#homepage .seasons .slider .seasons .slick-dots{ display: flex; justify-content: center; list-style: none; margin: 0; padding: 0; }
#homepage .seasons .slider .seasons .slick-dots li{ display: inline-block; max-width: 200px; flex: 1; padding: 8px 6px; }
#homepage .seasons .slider .seasons .slick-dots li button{ font-size: 0; border: none; background-color: #CCC; overflow: hidden; width: 100%; height: 7px; transition: all .2s ease; cursor: pointer; }
body.default.red #homepage .seasons .slider .seasons .slick-dots li.slick-active button{ background: #9c0303; background: linear-gradient(135deg, rgb(156,3,3) 0%, rgb(176,17,17) 60%, rgb(217,58,58) 100%); }
body.default.blue #homepage .seasons .slider .seasons .slick-dots li.slick-active button{ background: #0e025c; background: linear-gradient(90deg, rgb(14,2,92) 0%, rgb(25,42,150) 60%, rgb(58,133,217) 100%); }
body.amy #homepage .seasons .slider .seasons .slick-dots li.slick-active button{ background: #9c0303; background: linear-gradient(135deg, rgb(156,3,3) 0%, rgb(176,17,17) 60%, rgb(217,58,58) 100%); }
body.erika #homepage .seasons .slider .seasons .slick-dots li.slick-active button{ background: #0e025c; background: linear-gradient(90deg, rgb(14,2,92) 0%, rgb(25,42,150) 60%, rgb(58,133,217) 100%); }
/* Dropout CTA */
#homepage #dropout_cta{ background-color: #FEEA3B; }
#homepage #dropout_cta .wrap{ display: flex; flex-direction: row; gap: 80px; align-items: center; flex-wrap: wrap; }
#homepage #dropout_cta .logo{ width: 300px; height: 300px; }
#homepage #dropout_cta .logo img{ width: 100%; }
#homepage #dropout_cta .cta-content{ flex: 1; }
#homepage #dropout_cta .cta-content .cta-button{ padding: 30px 0 0; }
#homepage #dropout_cta .cta-content .cta-button .button{ display: block; width: fit-content; font-size: 1.2rem; font-weight: 700; color: #FFF; background-color: #000; text-decoration: none; padding: 12px 18px; border-radius: 10px; transition: all .2s ease; }
#homepage #dropout_cta .cta-content .cta-button .button:hover{ background-color: #FFF; color: #000; }

@media only screen and (min-width: 1300px){
    #homepage .herobanner{ height: 850px; }
    #homepage .herobanner .wrap .logo{ width: 600px; left: 100px; }

    #homepage .standings .leaderboard .winners{ width: fit-content; }

    #homepage .latest-episode .episode .episode-shot{ width: 600px;  }
    #homepage .latest-episode .episode .episode-data{ flex: 1; }
}
@media only screen and (max-width: 1299px) and (min-width: 1000px){
    #homepage .herobanner{ height: 600px; }
    #homepage .herobanner .wrap .logo{ width: 400px; left: 75px; }

    #homepage .standings .leaderboard{ flex-direction: column; }

    #homepage .latest-episode .episode .episode-shot{ width: 400px; }
    #homepage .latest-episode .episode .episode-data{ flex: 1; }
}
@media only screen and (max-width: 999px) and (min-width: 700px){
    #homepage .herobanner .wrap .logo{ width: 400px; left: 50%; transform: translate(-50%, -50%); }
    #homepage .herobanner{ height: 400px; }
}
@media only screen and (max-width: 699px) and (min-width: 400px){
    #homepage .herobanner{ height: 350px; }
    #homepage .herobanner .wrap .logo{ width: 300px; left: 50%; transform: translate(-50%, -50%); }

    #homepage .standings .leaderboard, #homepage .latest-episode .episode{ flex-direction: column; }
    #homepage .latest-episode .episode .episode-data{ padding: 30px 0 0 }
}
@media only screen and (max-width: 399px){
    #homepage .herobanner{ height: 300px; }
    #homepage .herobanner .wrap .logo{ width: 60%; left: 50%; transform: translate(-50%, -50%); }

    #homepage .standings .leaderboard, #homepage .latest-episode .episode{ flex-direction: column; gap: 0; padding: 25px 0; }
    #homepage .latest-episode .episode .episode-data{ padding: 30px 0 0 }
    #homepage .seasons .slider .seasons .slick-arrow.slick-prev{ left: -30px; }
    #homepage .seasons .slider .seasons .slick-arrow.slick-next{ right: -30px; }
}

/* Single Page */
@media only screen and (min-width: 1200px){
    .page-title .wrap{ padding: 100px 100px; }
}
@media only screen and (max-width: 1199px) and (min-width: 800px){
    .page-title .wrap{ padding: 75px 65px; }
}
@media only screen and (max-width: 799px){
    .page-title .wrap{ padding: 45px 30px; }
}

/* All Seasons */
#seasons .page .all_seasons .season-preview .preview-image{ width: 100%; }
/* Default Gridder Styles */
#seasons .page .all_seasons{ margin: 0px; padding: 0px; list-style-type: none; }
#seasons .page .all_seasons .season-preview{ display: inline-block; vertical-align: top; margin: 0 8px 15px; position: relative; cursor: pointer; }
#seasons .page .all_seasons .gridder-show{ display: block; float: left; width: 100%; position: relative; background-color: #303030; color: #FFF; padding: 35px 50px; margin: 0 0 45px; box-shadow: inset 0px 3px 7px rgba(0,0,0,.5); }
#seasons .page .all_seasons .gridder-content{ display: none; }
#seasons .page .all_seasons .gridder-show .row{ padding: 30px 5px 15px; }
#seasons .page .all_seasons .gridder-show .season-title{ padding: 0 0 32px; font-size: 1.6rem; }
#seasons .page .all_seasons .gridder-show .episode-list{ padding: 0; margin: 0; list-style: none; display: flex; gap: 45px 30px; flex-wrap: wrap; }
#seasons .page .all_seasons .gridder-show .episode-list .episode{ width: calc( 33.33% - 20px ); }
#seasons .page .all_seasons .gridder-show .episode-list .episode .episode-wrap{ display: flex; flex-wrap: wrap; flex-direction: column; }
#seasons .page .all_seasons .gridder-show .episode-list .episode .preview img{ width: 100%; }
#seasons .page .all_seasons .gridder-show .episode-list .episode .episode-data{ flex: 1; display: flex; flex-direction: column; }
#seasons .page .all_seasons .gridder-show .episode-list .episode .episode_link{ color: #EEE; text-decoration: none; display: block; height: 100%; }
#seasons .page .all_seasons .gridder-show .episode-list .episode .episode-wrap{ gap: 20px; height: 100%; }
#seasons .page .all_seasons .gridder-show .episode-list .episode .episode_link .title{ transform: color .2s ease; }
#seasons .page .all_seasons .gridder-show .episode-list .episode .episode_link:hover .title{ color: #FFF; }
#seasons .page .all_seasons .gridder-show .episode-list .episode .released{ padding: 18px 0 0; font-size: 0.9125rem; }
#seasons .page .all_seasons .gridder-show .episode-list .episode .released .value{ font-weight: 700; }

#seasons .page .all_seasons .gridder-show .gridder-expanded-content{ position: relative; }
#seasons .page .all_seasons .gridder-show .gridder-close{ cursor: pointer; font-size: 2rem; color: #ededed; margin: 0 0 0 auto; width: fit-content; transition: all .2s ease; position: absolute; top: 0; right: 0; z-index: 5; }
#seasons .page .all_seasons .gridder-show .gridder-close:hover{ color: #fff; }

#seasons .page .all_seasons .season-meta{ padding: 0 0 36px; display: flex; flex-wrap: wrap; align-items: center; }
#seasons .page .all_seasons .season-meta .meta-data{ font-size: 0.9125rem; }
#seasons .page .all_seasons .season-meta .meta-data .link{ display: block; width: fit-content; padding: 9px 15px; color: #202020; background-color: #FFF; border-radius: 5px; text-decoration: none; font-size: 0.9rem; transition: all .2s ease; }
#seasons .page .all_seasons .season-meta .meta-data .link:hover{ color: #FFF; background-color: #800; } 
#seasons .page .all_seasons .season-meta .meta-data .value{ font-weight: 700; }

@media only screen and (min-width: 1200px){
    #seasons .page .all_seasons .season-meta{ gap: 30px; }
    #seasons .page .all_seasons .season-meta .meta-data{ width: 25%; }
    #seasons .page .all_seasons .season-meta .season-link{ order: 1; }
    #seasons .page .all_seasons .season-meta .first-date{ order: 3; }
    #seasons .page .all_seasons .season-meta .episode-count{ order: 2; }
    #seasons .page .all_seasons .gridder-show .episode-list .episode .episode-data .title{ font-size: 1.3rem; }
    #seasons .page .all_seasons .season-preview{ width: calc( 25% - 20px ); }
    #seasons .page .all_seasons .gridder-show .episode-list .episode .overview{ flex: 1; }
}
@media only screen and (max-width: 1199px) and (min-width: 800px){
    #seasons .page .all_seasons .season-meta{ gap: 30px; }
    #seasons .page .all_seasons .season-meta .meta-data{ width: calc( 33.33 - 20px ); }
    #seasons .page .all_seasons .season-meta .season-link{ order: 1; }
    #seasons .page .all_seasons .season-meta .first-date{ order: 3; }
    #seasons .page .all_seasons .season-meta .episode-count{ order: 2; }
    #seasons .page .all_seasons .season-preview{ width: calc( 33.3% - 20px ); }
    #seasons .page .all_seasons .gridder-show .episode-list .episode{ width: 100%; }
    #seasons .page .all_seasons .gridder-show .episode-list .episode .preview{ width: 275px; align-items: center; }
    #seasons .page .all_seasons .gridder-show .episode-list .episode .episode-wrap{ gap: 40px; flex-direction: row; align-items: center; }
    #seasons .page .all_seasons .gridder-show .episode-list .episode .episode-data .title{ font-size: 1.3rem; }
}
@media only screen and (max-width: 799px){
    #seasons .page .all_seasons .season-meta{ flex-direction: column; gap: 0; }
    #seasons .page .all_seasons .season-preview{ width: calc( 100% - 20px ); }
    #seasons .page .all_seasons .season-meta .meta-data{ width: 100%; }
    #seasons .page .all_seasons .season-meta .meta-data.season-link{ margin-top: 18px; }
    #seasons .page .all_seasons .gridder-show .episode-list .episode .episode-wrap{ gap: 30px; flex-direction: column; }
    #seasons .page .all_seasons .gridder-show{ padding: 35px 25px; }
    #seasons .page .all_seasons .gridder-show .episode-list .episode{ width: 100%; }
    #seasons .page .all_seasons .gridder-show .episode-list .episode .episode-wrap{ gap: 25px; flex-direction: column; }
    #seasons .page .all_seasons .gridder-show .episode-list .episode .episode-data{ padding: 0 0 18px; }
    #seasons .page .all_seasons .gridder-show .episode-list .episode .episode-data .title{ font-size: 1.2rem; }
    #seasons .page .all_seasons .gridder-show .episode-list .episode .preview{ width: 100%; align-items: center; }
}

/* Individual Season */
#season .page-title .title-meta{ color: #696969;  }
#season .page-title .title-meta .value{ font-weight: 700; }
#season .page-title .title-meta .ep-count{ padding: 0 24px 0 0; }
#season .season .wrap{ display: flex; flex-wrap: wrap; gap: 50px; }
#season .season .episode-list{ flex: 1; }
#season .season .episode-list .episodes{ list-style: none; margin: 0; padding: 0; width: 100%; }
#season .season .episode-list .episodes .episode .wrap{ display: flex; flex-direction: row; gap: 25px; align-items: center; padding: 0; }
#season .season .episode-list .episodes .episode .wrap img{ width: 250px; height: 140px; }
#season .season .episode-list .episodes .episode .wrap .data{ flex: 1; }
#season .season .episode-list .episodes .episode .episode-link{ text-decoration: none; }
#season .season .episode-list .episodes .episode .ep-name{ font-weight: 700; font-size: 1.4rem; }
#season .season .episode-list .episodes .episode .episode-meta .value{ font-weight: 700; }
#season .season .episode-list .episodes .episode .episode-meta span{ display: inline-block; padding: 0 18px 0 0; }
#season .season .episode-list .episodes .episode .ep-meta{ font-weight: 700; font-size: 0.9125rem; }
#season .season .episode-list .episodes .episode .ep-overview{ color: #202020; }
#season .season #leaderboard{ width: 420px; margin: 0 auto; }
#season .season .leaderboard .leader-title, .single-episode #episode .leaderboard .leader-title{ font-size: 1.75rem; padding: 0 0 18px; }
#season .season #leaderboard .table .table_display tr td.score{ width: 64px; }
#season .season #leaderboard .table .table_display tbody tr td{ line-height: 42px; }

@media only screen and (min-width: 1200px){
}
@media only screen and (max-width: 1199px) and (min-width: 800px){
    #season .season .wrap{ flex-direction: column-reverse; }
    #season .season #leaderboard{ width: 100%; }
}
@media only screen and (max-width: 799px){
    #season .season .wrap{ flex-direction: column-reverse; }
    #season .season #leaderboard{ width: 100%; }
    #season .page-title .title-meta{ padding: 18px 0 0; }
    #season .page-title .title-meta .ep-count, #season .page-title .title-meta .first-date{ display: block; }
    #season .page-title .title-meta .ep-count{ padding: 0 0 4px 0; }
    #season .season .episode-list .episodes .episode{ padding: 0 0 24px; }
    #season .season .episode-list .episodes .episode .wrap img{ width: 100%; height: auto; }
    #season .season .episode-list .episodes .episode .episode-meta > span{ display: block; padding: 0 0 8px 0; }
    #season .season .leaderboard .datatable .desktop, #season .season .leaderboard .datatable .tablet{ display: none; }
}

/* Episode */
.single-episode #episode .wrap{ display: flex; flex-wrap: wrap; gap: 50px; }
.single-episode #episode .wrap .screenshot, .single-episode #episode .wrap .crew-list{ width: 500px; }
.single-episode #episode .wrap .screenshot img{ width: 100%; }
.single-episode #episode .wrap .crew-list .crew-title{ font-size: 1.75rem; padding: 0 0 14px; }
.single-episode #episode .wrap .crew{ list-style: none; margin: 0; padding: 0; }
.single-episode #episode .wrap .crew .crew-member{ display: flex; flex-wrap: wrap; gap: 25px; align-items: center; }
.single-episode #episode .wrap .crew .crew-member .image{ width: 95px; height: 120px; border-radius: 6px; background-position: center; background-size: cover; background-repeat: no-repeat; }
.single-episode #episode .wrap .crew .crew-member .data{ flex: 1; }
.single-episode #episode .wrap .crew .crew-member .crew-name{ font-size: 1.25rem; font-weight: 700; padding: 0 0 6px; }
.single-episode #episode .wrap .crew .crew-member .job-title{ padding: 0; }
.single-episode #episode .wrap .episode-data, .single-episode #episode .wrap .leaderboard{ width: calc( 100% - 550px ); }
.single-episode #episode .wrap .episode-data .episode-meta{ padding: 0 0 20px; }
.single-episode #episode .wrap .episode-data .episode-meta .meta-item{ color: #696969; display: inline-block; width: fit-content; }
.single-episode #episode .wrap .episode-data .episode-meta .meta-item.episode{ padding: 0 52px 0 0; }
.single-episode #episode .wrap .episode-data .episode-meta .label{ display: block; padding: 0 0 6px; font-size: 0.875rem; }
.single-episode #episode .wrap .episode-data .episode-meta .value{ display: block; font-size: 1rem; font-weight: 700; }
.single-episode #episode .wrap .episode-data .overview{ padding: 0 0 32px; font-size: 1.15rem; }
.single-episode #episode .wrap .episode-data .episode-link{ padding: 0; }
.single-episode #episode .wrap .episode-data .episode-link .button{ display: block; padding: 12px 18px; border-radius: 8px; background-color: #FEEA3B; color: #000; width: fit-content; transition: all .2s ease; text-decoration: none; }
.single-episode #episode .wrap .episode-data .episode-link .button span{ display: inline-block; vertical-align: middle; }
.single-episode #episode .wrap .episode-data .episode-link .button .text{ line-height: 40px; font-size: 1.2rem; padding: 0 12px 0 0; }
.single-episode #episode .wrap .episode-data .episode-link .button .image{ height: 20px; background-color: #000; -webkit-mask-image: url('../images/dropout_name.svg'); mask-image: url('../images/dropout_name.svg'); mask-repeat: no-repeat; mask-size: cover; transition: all .2s ease; }
.single-episode #episode .wrap .episode-data .episode-link .button .image img{ opacity: 0; height: 20px; }
.single-episode #episode .wrap .episode-data .episode-link .button:hover{ background-color: #000; color: #FFF; }
.single-episode #episode .wrap .episode-data .episode-link .button:hover .image{ background-color: #FEEA3B; }
.single-episode #episode .wrap .leaderboard .player .player-name{ padding: 0; font-size: 1.35rem; font-weight: 700; }

@media only screen and (min-width: 1200px){
}
@media only screen and (max-width: 1199px) and (min-width: 800px){
    .single-episode #episode .wrap .screenshot, .single-episode #episode .wrap .crew-list, .single-episode #episode .wrap .episode-data, .single-episode #episode .wrap .leaderboard{ width: 100%; }
    .single-episode #episode .wrap .screenshot{ order: 1; }
    .single-episode #episode .wrap .episode-data{ order: 2; }
    .single-episode #episode .wrap .leaderboard{ order: 3; }
    .single-episode #episode .wrap .crew-list{ order: 4; }
    .single-episode #episode .wrap .episode-data .episode-meta .meta-item{ display: block; width: 100%; }
    .single-episode #episode .wrap .episode-data .episode-meta .meta-item.episode{ padding: 0 0 18px; }
}
@media only screen and (max-width: 799px){
    .single-episode #episode .wrap .screenshot, .single-episode #episode .wrap .crew-list, .single-episode #episode .wrap .episode-data, .single-episode #episode .wrap .leaderboard{ width: 100%; }
    .single-episode #episode .wrap .screenshot{ order: 1; }
    .single-episode #episode .wrap .episode-data{ order: 2; }
    .single-episode #episode .wrap .leaderboard{ order: 3; }
    .single-episode #episode .wrap .crew-list{ order: 4; }
    .single-episode #episode .wrap .episode-data .episode-meta .meta-item{ display: block; width: 100%; }
    .single-episode #episode .wrap .episode-data .episode-meta .meta-item.episode{ padding: 0 0 18px; }
    .single-episode #episode .wrap .crew .crew-member .image{ width: 80px; height: 100px; }
    .single-episode #episode .wrap .leaderboard .player .player-name{ font-size: 1.1rem; }
    .single-episode #episode .wrap .leaderboard .player .character_name{ font-size: 0.9rem; }
    .single-episode #episode .wrap .leaderboard .table .table_display tr td.score{ width: 100px; }
}

/* Leaderboard */
#leaderboard .table{ max-width: 1600px; margin: 0 auto; }
#leaderboard .table .table_display{ width: 100%; font-family: 'Inter', Arial, Helvetica, sans-serif; }
#leaderboard .table .table_display tr td{ line-height: 50px; padding: 6px 15px; }
#leaderboard .table .table_display thead tr td{ font-weight: 700; background-color: #EFEFEF; }
#leaderboard .table .table_display thead tr td.score{ text-align: center; }
#leaderboard .table .table_display tr td.score{ width: 120px; text-align: center; }
#leaderboard .table .table_display tr .total_score{ font-size: 1.4rem; }
#leaderboard .table .table_display.dataTable>thead>tr>th, #leaderboard .table .table_display.dataTable>thead>tr>td, #leaderboard .table .table_display.dataTable>tbody>tr:last-child>*{ border-bottom: none; }
#leaderboard .table div.dt-container .dt-search, #leaderboard .table div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end, #leaderboard .table div.dt-container .dt-search input{ width: 100%; }
#leaderboard .table div.dt-container .dt-search input{ line-height: 40px; border: solid 3px #EFEFEF; background-color: #EFEFEF; font-size: 1.05rem; margin: 0; padding: 10px 15px 10px 65px; outline: none; position: relative; }
#leaderboard .table div.dt-container .dt-search input:focus{ border-color: #909090; }
#leaderboard .table div.dt-container .dt-search{ position: relative; padding: 0 0 15px; }
#leaderboard .table div.dt-container .dt-search::before{ content: "\ea5c"; font-family: "Who Broke The News"; width: 40px; height: 40px; line-height: 40px; font-size: 1.2rem; position: absolute; left: 15px; top: 13px; z-index: 10; }
#leaderboard .table .table_display.dataTable>tbody>tr.child ul.dtr-details{ width: 100%; }
#leaderboard .table .table_display.dataTable>tbody>tr.child ul.dtr-details>li{ font-size: 1rem; }
#leaderboard .table .table_display.dataTable>tbody>tr.child span.dtr-title{ width: calc( 100% - 110px ); }
#leaderboard .table .table_display.dataTable>tbody>tr.child span.dtr-data{ display: inline-block; width: 105px; text-align: center; padding: 0 0 0 15px; }

/* Matrix */
#matrix{ font-family: 'Inter', Arial, Helvetica, sans-serif; }
#matrix .dtonly_note{ border: solid 1px #6b0808; background-color: #d7bebe; padding: 8px 12px; margin: 0 0 24px; font-weight: 700; }
#matrix .label{ display: block; }
#matrix .label.season{ width: 100%; text-align: center; }
#matrix .label.episode{ width: 50px; text-align: center; }
#matrix .label.player_name{ width: 200px; }
#matrix tbody tr:nth-of-type(even), #matrix .dataTable tbody tr:nth-of-type(even)>.dtfc-fixed-start{ background-color: #EFEFEF; }
#matrix .score{ text-align: right; }
#matrix .lowest{ background-color: #f2dede; }
#matrix .highest{ background-color: #dff0d8; }
#matrix .no-score{ color: #CCC; }
#matrix table{ border: 1px solid #EFEFEF; }
#matrix table td, #matrix table th { border-left: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF; padding: 8px; }
#matrix .new-season{ border-left: 3px solid #BBB; }
#matrix div.dt-container .dt-search, #matrix div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end, #matrix div.dt-container .dt-search input{ width: 100%; }
#matrix div.dt-container .dt-search input{ line-height: 40px; border: solid 3px #EFEFEF; background-color: #EFEFEF; font-size: 1.05rem; margin: 0; padding: 10px 15px 10px 65px; outline: none; position: relative; }
#matrix div.dt-container .dt-search input:focus{ border-color: #909090; }
#matrix div.dt-container .dt-search{ position: relative; padding: 0 0 15px; }
#matrix div.dt-container .dt-search::before{ content: "\ea5c"; font-family: "Who Broke The News"; width: 40px; height: 40px; line-height: 40px; font-size: 1.2rem; position: absolute; left: 15px; top: 13px; z-index: 10; }


.player-grid{ display: flex; gap: 50px; flex-wrap: wrap; }
.player-grid .card{ position: relative; }
.player-grid .card .image img{ width: 100%; }
.player-grid .card .player-info{ position: absolute; left: 0; bottom: 0; right: 0; align-items: flex-end; }
.most_zeroes .player-grid .card .player-info{ align-items: center; }

@media only screen and (min-width: 1400px){
    .player-grid .card:nth-of-type(1), .player-grid .card:nth-of-type(2), .player-grid .card:nth-of-type(3){ width: calc( 33.33% - 34px ); }
    .player-grid .card{ width: calc( 25% - 38px ); }
}
@media only screen and (min-width: 900px) and (max-width: 1399px){
    .player-grid .card{ width: calc( 33.33% - 34px ); }
}
@media only screen and (min-width: 700px) and (max-width: 899px){
    .player-grid .card{ width: calc( 50% - 25px ); }
}
@media only screen and (max-width: 699px){
    .player-grid .card{ width: 100%; }
}

/* Players */
#players .all_players .players-grid{ display: flex; gap: 30px; flex-wrap: wrap; }
#players .all_players .players-grid .player-card{ position: relative; }
#players .all_players .players-grid .player-card .headshot img{ width: 100%; }
#players .all_players .players-grid .player-card .data{ padding: 15px; position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; }
#players .all_players .players-grid .player-card .player-data, .single-player #player .wrap .player-info .player-data, .player-grid .card .player-data{ flex: 1; padding: 3px 8px 3px 0; }
#players .all_players .players-grid .player-card .score, .single-player #player .wrap .player-info .score, .player-grid .card .score{ width: 70px; height: 70px; line-height: 70px; font-size: 1.3rem; }
#players .all_players .players-grid .player-card .data .player-name, .single-player #player .wrap .player-info .player-name, .player-grid .card .player-name{ font-size: 1.4rem; padding: 0 0 4px; color: #202020; }
#players .all_players .players-grid .player-card .data .meta, .single-player #player .wrap .player .meta, .player-grid .card .player-info .meta{ font-size: 0.9125rem; padding: 0; color: #888; }
.single-player #player .wrap .player .meta{ font-size: 1rem; }
#players .all_players .players-grid .player-card .data .meta .value, .single-player #player .wrap .player .meta .value, .player-grid .card .player-info .meta .value{ font-weight: 700; color: #696969; }

.single-player #player .wrap{ display: flex; flex-wrap: wrap; gap: 50px; }
.single-player #player .wrap .player .image{ padding-bottom: 135%; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 5px; }
.single-player #player .wrap .player .player-info{ align-items: center; }
.single-player #player .wrap .player-data{ flex: 1; }
.single-player #player .wrap .episode-list .episodes{ list-style: none; margin: 0; padding: 0; }
.single-player #player .wrap .episode-list .episodes .episode-link{ text-decoration: none; }
.single-player #player .wrap .episode-list .episodes .wrap{ padding: 0 0 10px; display: flex; flex-wrap: wrap; gap: 20px; align-items: center; }
.single-player #player .wrap .episode-list .episodes .wrap .score{ width: 72px; height: 72px; line-height: 72px; }
.single-player #player .wrap .episode-list .episodes .wrap .image{ width: 200px; }
.single-player #player .wrap .episode-list .episodes .wrap .image img{ width: 100%; }
.single-player #player .wrap .episode-list .episodes .wrap .episode-name, .player-grid .card .player-name{ font-weight: 700; font-size: 1.4rem; padding: 0 0 4px; color: #202020; }
.player-grid .card:not(:first-of-type) .player-name{ font-size: 1.2rem; }
.player-grid .card:not(:first-of-type) .score{ width: 60px; height: 60px; line-height: 60px; font-size: 1.2rem; }
.single-player #player .wrap .episode-list .episodes .wrap .season{ padding: 0; font-size: 0.9125rem; color: #888; }
.single-player #player .wrap .episode-list .episodes .wrap .episode-info{ flex: 1; }

.single-player #player .wrap .player-profile{ padding: 24px 0 46px; }
.single-player #player .wrap .player-profile .label, .single-player #player .wrap .player-profile .value{ display: block; }
.single-player #player .wrap .player-data .scores{ display: flex; gap: 30px; flex-wrap: wrap; padding: 0 0 23px; }
.single-player #player .wrap .player-data .scores .widget{ display: flex; gap: 18px; flex-wrap: wrap; align-items: center; }
.single-player #player .wrap .player-data .scores .widget p{ padding: 0; }
.single-player #player .wrap .player-data .scores .widget .label{ flex: 1; font-weight: 700; }
.single-player #player .wrap .player-data .scores .widget .score, .single-player #player .wrap .episode-list .episodes .wrap .score{ text-align: center; }
.single-player #player .wrap .player-data .scores .widget .score{ width: 64px; height: 64px; line-height: 64px; }
.single-player #player .wrap .player-data .player-bio{ padding: 0 0 48px; }
.single-player #player .wrap .player-profile .value{ font-weight: 700; font-size: 1.15rem; }
.single-player #player .wrap .player-profile .biography{ padding: 24px 0 0; }
.single-player #player .wrap .player-profile .imdb_link{ display: block; width: fit-content; padding: 12px 18px; font-size: 0.9rem; border-radius: 8px; background-color: #f5c518; color: #000; text-decoration: none; transition: all .2s ease; }
.single-player #player .wrap .player-profile .imdb_link:hover{ background-color: #000; color: #FFF; }
.single-player #player .wrap .player-profile .imdb_link .link_text{ display: inline-block; vertical-align: middle; line-height: 30px; }
.single-player #player .wrap .player-profile .imdb_link img{ display: inline-block; vertical-align: middle; height: 30px; margin: 0 0 0 5px; }

@media only screen and (min-width: 1500px){
    #players .all_players .players-grid .player-card{ width: calc( 25% - 23px ); }
    .single-player #player .wrap .player{ width: 400px; }
    .single-player #player .wrap .player-data .scores .widget{ width: calc( 25% - 24px ); }
}
@media only screen and (min-width: 1200px) and (max-width: 1499px){
    #players .all_players .players-grid .player-card{ width: calc( 33.33% - 20px ); }
    .single-player #player .wrap .player{ width: 400px; }
    .single-player #player .wrap .player-data .scores .widget{ width: calc( 50% - 15px ); }
}
@media only screen and (min-width: 700px) and (max-width: 1199px){
    #players .all_players .players-grid .player-card{ width: calc( 50% - 15px ); }
    .single-player #player .body-wrap{ flex-direction: column; }
    .single-player #player .wrap .player{ width: 100%; }
    .single-player #player .wrap .player-data .scores .widget{ width: calc( 50% - 15px ); }
}
@media only screen and (max-width: 699px){
    #players .all_players .players-grid .player-card{ width: 100%; }
    .single-player #player .body-wrap{ flex-direction: column; }
    .single-player #player .wrap .player{ width: 100%; }
    .single-player #player .wrap .player-data .scores .widget{ width: 100%; }
    .single-player #player .wrap .episode-list .episodes .wrap .image{ width: 100%; }
}

.display_notice{ margin: 32px 0; border-radius: 8px; border: solid 1px rgba(0,0,0,.05); box-shadow: 0 2px 4px rgba(0,0,0,.3); background-color: #FFF; padding: 18px 24px; position: relative; }
.display_notice .inner{ position: relative; padding: 8px 0; }
.display_notice .inner::before{ position: absolute; top: 0; bottom: 0; left: -24px; width: 8px; border-radius: 0 5px 5px 0; content: ""; }
.display_notice .inner .notice-icon{ width: 48px; height: 48px; text-align: center; border-radius: 50%; display: inline-block; vertical-align: top; }
.display_notice .inner .icon{ line-height: 48px; font-size: 1.2rem; }
.display_notice .inner .content{ width: calc( 100% - 64px ); margin: 0 0 0 10px; display: inline-block; vertical-align: top; min-height: 48px; }
.display_notice .inner .content p:last-of-type{ padding: 0; }
.display_notice.type-info .inner::before{ background-color: #2626ad; }
.display_notice.type-info .inner .notice-icon{ background-color: #e1e8fc; color: #2626ad; }
.display_notice.type-notice .inner::before{ background-color: #d2d911; }
.display_notice.type-notice .inner .notice-icon{ background-color: #f4f5e4; color: #d2d911; }
.display_notice.type-error .inner::before{ background-color: #8a1717; }
.display_notice.type-error .inner .notice-icon{ background-color: #f5dcdc; color: #8a1717; }
.display_notice.type-success .inner::before{ background-color: #178a19; }
.display_notice.type-success .inner .notice-icon{ background-color: #d8edd8; color: #178a19; }

.error-page .error-data{ padding: 100px 100px; text-align: center; }
.error-page .error-data .error-code{ position: relative; }
.error-page .error-data .error-code .code{ font-size: 25rem; line-height: 1; font-weight: 900; position: relative; z-index: 0; background: #9c0303; background: linear-gradient(135deg, rgb(77, 4, 4) 0%, rgb(128, 18, 18) 60%, rgb(168, 32, 32) 100%);   -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; opacity: 0.25; text-shadow: 0 3px 7px rgba(0,0,0,.3); }
.error-page .error-data .error-code .code-def{ font-size: 5rem; font-weight: 700; color: #000; position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); padding: 0; line-height: 1.2; width: 80%; }
.error-page .error-data .error-info p{ font-size: 2rem; color: #202020; }