@charset "UTF-8";
/* CSS Document */
html, body { font-family: 'Montserrat', sans-serif; font-size: 0.95rem; }

img { aspect-ratio: attr(width) / attr(height);}

html {
  scroll-behavior: smooth; 
}

/* Margins and Paddings */
.marginTopBig { margin-top: 2em !important; }
.marginTopReg { margin-top: 1em !important; }
.marginRightReg { margin-right: 1em; }
.marginRightBig { margin-right: 2em; }
.marginRightReallyBig { margin-right: 5em; }
.marginLeftReg { margin-left: 1em; }
.marginLeftBig { margin-left: 2em; }
.marginLeftReallyBig { margin-left: 5em; }
.marginBottomReallyBig { margin-bottom: 5em; }
.paddingTopBig { padding-top: 2em; }
.paddingTopReg { padding-top: 1em; }
.paddingLeftZero { padding-left: 0; }
.paddingRightZero { padding-right: 0; }
.paddingLeftReg { padding-left: 1em; }
.paddingLeftBig { padding-left: 2em; }
.paddingLeftReallyBig { padding-left: 5em; }
.paddingRightReg { padding-right: 1em; }
.paddingRightReallyBig { padding-right: 5em; }
.marginBottomReg { margin-bottom: 1em; }
.marginBottomBig { margin-bottom: 2em; }
.paddingBottomReg { padding-bottom: 1em; }
.paddingBottomBig { padding-bottom: 2em; }
.marginAuto { margin-left: auto; margin-right: auto; }
.marginLeftZero { margin-left: 0; }
.marginRightZero { margin-right: 0; }
.marginBottomZero { margin-bottom: 0; }
.paddingZero { padding: 0; }
.marginTopZero { margin-top: 0; }
.marginBottomZero { margin-bottom: 0 !important; }
.paddingBottomReallyBig { padding-bottom: 5em !important; }
.paddingTopReallyBig { padding-top: 5em !important; }
.marginBottomSmall { margin-bottom: 0.5em; }
.paddingBottomZero { padding-bottom: 0; }
.paddingTopZero { padding-top: 0 !important; }
.paddingRightBig { padding-right: 2em; }
.padding-six-all { padding: 6%; }
.padding-sixteen-lr { padding-left: 16%; padding-right: 16%; }
.padding-eighteen-half-tb { padding-top: 18.5%; padding-bottom: 18.5%; }

/* Links */
a { color: #da383a; }
a.border-none { border: 0; cursor: pointer; }
a:hover { text-decoration: none; }
h2 a, h2 a:hover { color: #fff; }
a i { color: #fff; }
.masonry a:not([href]):not([tabindex]) { color: #da383a; }
.carousel-caption a { display: inline-block; margin-right: 1em; margin-top: 0; }
.carousel-caption .btn-block + .btn-block { margin-top: 0; }

/* Jumbotron */
.jumbotron { border-radius: 0; }

/* H-Tags */
h1 { text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.6); }
h1.no-bg { text-shadow: 0 0 0 rgba(255, 255, 255, 0); font-size: 2.5em; font-weight: 800; }
h2, h4, h6 { font-size: 16px; font-weight: 800; letter-spacing: 2px; }
h5 { font-size: 4vw; color: #fff; letter-spacing: 2px; font-weight: 800; }
.masonry h5 { color: #000; font-size: 1.3vw; letter-spacing: 0; }
.masonry .watch h5 { font-size: 2vw; }
h3 i { font-size: 1em; color: #ccc; }
h5.modal-title { font-size: 18px; letter-spacing: 1px; }
.carousel-caption.contact h1 { font-size: 24px; }

/* hr */
hr.red { width: 100px; border-top: 1px solid #da383a; padding-bottom: 0; }

/* Slug */
.slug { font-size: 1.2vw; color: #fff; }
.card-body p.slug, p.slug { font-size: 10px; font-weight: 700; }
.carousel .slug { display: block; font-weight: 700; text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.6); }

/* Titles */
span.medTitle { display: block; font-weight: 300; font-size: 16px; }
span.boldTitle { display: block; font-weight: 700; font-size: 16px; }

/* Width */
.w-90 { width: 90%; }

hr { border-top: 1px solid #ccc; }
hr.homeHr { width: calc(100% - 5em); margin-top: 10px; }

/* Icons */
i { font-size: 40px; }
.card-body i { font-size: 16px; color: #ccc; }
.sideways-logo { right: 0; top: -5em; z-index: 0; padding-left: 0; padding-right: 0; }
.sideways-logo img { width: 100%; max-width: 100%; }
.row.checklist i { font-size: 16px; }

/* Text */
.image-left p, .image-right p { font-size: 1vw; color: #fff; text-align: left; }
.flatBlack p { color: #ccc; }
.text-gray { color: #666666; }
.text-light-gray { color: #ccc; }
.text-small { font-size: 14px; }
.bigThin-text { font-size: 18px; line-height: 24px; font-weight: 300; }
.bigThin-text-hed { font-size: 4vw; line-height: 24px; font-weight: 300; }
.smallThin-text-hed { font-size: 2vw; line-height: 18px; font-weight: 400; }

/* Background Image */
.cover-background { position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center !important; background-repeat: no-repeat !important; }

/* Bottom Sticky */
	.e1-nav.sticky { position: fixed; display: block !important; width: 100%; background-color: #151515; border-top: 1px solid #ccc; padding-top: 2em; padding-bottom: 1em; }
	.sticky {
  bottom:0; left: 0;
  top: inherit;
  transition: position 0.2s ease;
		z-index: 10000;
}

/* Hero Carousel */
.carousel-inner img { width: 100%; height: auto; }
.jumbotron.hundeePercent.top { padding: 0; margin-bottom: 0; }
.carousel-caption { top: 50%;
transform: translateY(-54%); bottom: initial; }
.carousel-caption h1 { font-size: 5vw; font-weight: 800; text-transform: uppercase; letter-spacing: 3px; }
.carousel-caption p { text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.6); }

.carousel-caption.pr { left: 8%;}
.archive-butts a { font-size: 14px; }

/* Hero Gradient */
.gradient-hero { background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.75),
    rgba(0, 0, 0, 0));
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#000000, endColorstr=#000000FF);
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	}

.blog-hero h1 { color: #fff; font-weight: 700; font-size: 42px; }

/* CTA's */
.main-cta, .main-cta-2 { background-color: #da383a; background-color: #f70407; color:#fff; border-radius: 0; border: 2px solid #f70407; font-size: 16px; }
.main-cta:hover { background-color: #da383a; border: 2px solid #da383a; color: #fff; }
.main-cta-2 { background-color: rgba(0,0,0, 0.5); border: 2px solid #fff; }
a.main-cta-2:hover { background-color: #fff; }
.secondary-cta { background-color: transparent; border: 2px solid #fff; border-radius: 0; color: #fff; }
.menu { background-color: transparent; border: 0; display: flex; align-items: center; margin-left: auto; }
.menu i { font-size: 20px; }

/* Sections */
.flatBlack { background-color: #151515;  position: relative; z-index: 1000; color: #fff; }
.flatBlack h2 { color: #fff; }
.flatBlack.light { background-color: #222426; }
.flatBlack.lighter { background-color: #2c2e30; }
.bg-pic { color: #fff; }
.bg-pic .jumbotron { padding: 6em 0; }
.bg-black { background-color: #000; }

/* Masonry */
.masonry .active, .masonry .accordion:hover { background-color: transparent; }
.masonry .active::after { content: ""; }
.masonry .nav-pills .nav-link.active { background-color: #da383a; }
.masonry .card p { color: #000; }
.masonry a.card:hover { text-decoration: none; }
.masonry .card p.red-link { color: #da383a; }
.masonry a.card { cursor: pointer; }
.masonry a.card:hover p.red-link { text-decoration: underline; }

/* Angles */
.angle { 
	clip-path: polygon(
    0 50%, /* left top */
    100% 0, /* right top */ 
    100% 100%, /* right bottom */
    0 100% /* left bottom */
  );
 position: relative;
 z-index: 1000;
	width: 100%;
	height: 40px;
}

.angle-vert {
	background-image: url('https://www.esportsarena.com/css/images/new-site/vert-background.jpg');
	background-size: cover;
}

/* Image Left Rail */
h3.overlay, h3.overlay.right { font-size: 3vw; text-transform: uppercase; color: #fff; margin-left: -2em; font-weight: 800; position: relative; z-index: 2; letter-spacing: 2px; text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.6); }
h3.overlay.right { margin-left: 1.5em; margin-right: 0; }
.image-left.row, .image-right.row { margin-left: 0; margin-right: 0; }

.image-left .overlayImg { padding-left: 0px; }
	.image-right .overlayImg { padding-right: 0px; }

/* Map Rail */
a.circle, span.circle { position:absolute; border-radius: 50%; background-color: #d9393a; width: 18px; height: 18px; border: 2px solid #fff; z-index: 10; }
a.circle.oc, span.circle.oc { top: 63.5%; left: 26%; }
a.circle.oak, span.circle.oak { top: 60%; left: 24%; }
a.circle.lv, span.circle.lv { top: 61%; left: 28%; }
a.circle.rose, span.circle.rose { top: 57%; left: 24%; }
a.circle.spokane { top: 45%; left: 34%; }
a.circle.colorado-springs { top: 60%; left: 54%; }
a.circle.nashville { top: 62%; left: 69%; }
a.circle.tulsa { top: 64%; left: 58.5%; }
a.circle.dwf { top: 66%; left: 56%; }
a.circle.kc { top: 62%; left: 60%; }
a.circle.chicago { top: 49%; left: 65%; }
a.circle.detroit { top: 48%; left: 69%; }
a.circle.cincinnati { left: 67%; top: 54%; }
a.circle.austin { left: 54%; top: 72%; }
a.circle.scottsdale { left: 32%; top: 64.5%; }
a.circle.raleigh { left: 77%; top: 62%; }
a.circle.orlando { left: 75%; top: 71%; }
a.circle.miami { left: 77%; top: 76%; }
a.circle.salt-lake-city { left: 36%; top: 54%; }
a.circle.twin-cities { left: 62.5%; top: 50%; }
a.circle.atlanta { left: 50%; top: 67%; }

a.circle:hover, span.circle:hover, 
a.circle.hover, span.circle.hover,
a.circle.active, span.circle.active { width: 22px; height: 22px; z-index: 100; margin: -2px 0 0 -2px; }

.carousel-item a.circle { height: 16px; width: 16px; z-index: 2000; }
.carousel-item a.circle.walmart { height: 11px; width: 11px; }
.carousel-item a.circle.oc { left: 6%; top: 65.5%; }
.carousel-item a.circle.oak { left: 4.2%; top: 55%; }
.carousel-item a.circle.lv { left: 8%; top: 61%; }
.carousel-item a.circle.rose { left: 5.6%; top: 52%; }
.carousel-item a.circle.spokane { left: 10%; top: 25%; }
.carousel-item a.circle.nashville { left: 30%; top: 56%; }
.carousel-item a.circle.colorado-springs { left: 21%; top: 58%; }
.carousel-item a.circle.tulsa { left: 24.5%; top: 62%; }
.carousel-item a.circle.dwf { left: 23%; top: 70%; }
.carousel-item a.circle.kc { left: 26%; top: 60.5%; }
.carousel-item a.circle.chicago { left: 30%; top: 33%; }
.carousel-item a.circle.detroit { left: 32%; top: 32%; }
.carousel-item a.circle.cincinnati { left: 31%; top: 35%; }
.carousel-item a.circle.austin { left: 22.5%; top: 75%; }
.carousel-item a.circle.scottsdale { left: 10%; top: 66%; }
.carousel-item a.circle.raleigh { left: 36%; top: 56.5%; }
.carousel-item a.circle.orlando { left: 35%; top: 81.5%; }
.carousel-item a.circle.miami { left: 36%; top: 89.5%; }
.carousel-item a.circle.salt-lake-city { left: 11%; top: 50%; }
.carousel-item a.circle.minneapolis { left: 27.5%; top: 29%; }
.carousel-item a.circle.atlanta { left: 30.5%; top: 69%; }

/* BG Cards */
.bg-cards .card { position: relative; background-size: cover; border-radius: 0; border: 0; background-color: #000; opacity: 1; transition: opacity .2s ease; z-index: 1; }
.bg-cards h5 { font-size: 1.2vw; text-transform: uppercase; }
.bg-cards .card-text { color: #fff; }
.bg-cards .card a { display: block; font-weight: 800; color: #fff; font-size: 1vw; transition:background .2s ease; background:url(https://www.esportsarena.com/css/images/new-site/support-arrows.svg) no-repeat 95% 50%; background-size:7px auto; border: 0; }
.bg-cards .card a:hover { background:url(https://www.esportsarena.com/css/images/new-site/support-arrows.svg) no-repeat rgba(0,0,0,.05) 96% 50%; background-size:7px auto; text-decoration:underline; }
.bg-cards .card:hover { opacity: 0.75; }
.card-black-bg { position: absolute; background-color: #000; z-index: 0; top:0; left:0; opacity: 0; }

/* Archive Index */
a.img-button-together .archive-button { transition:background .2s ease; background:url("../../images/new-site/white-arrow.png") no-repeat 95% 50% rgba(247,4,7,1.0); background-size:7px auto; border: 0; text-align: left; }
a.img-button-together:hover .archive-button { background:url("../../images/new-site/white-arrow.png") no-repeat rgba(247,4,7,.75) 96% 50%; background-size:7px auto; text-decoration:underline; }

/* Slug with Line (Separator) */
.strike {
        display: block;
        text-align: left;
        overflow: hidden;
        white-space: nowrap; 
		color: #fff;
	margin-bottom: 0.5em;
	font-weight: 800;
	text-transform: uppercase;
    }

    .strike > span {
        position: relative;
        display: inline-block;
    }
	
    .strike > span:before,
    .strike > span:after {
        content: "";
        position: absolute;
        top: 50%;
        width: 9999px;
        height: 1px;
        background: #ccc;
    }

    .strike > span:before {
        right: 100%;
        margin-right: 15px;
    }

    .strike > span:after {
        left: 100%;
        margin-left: 15px;
    }

/*** Accordion ***/

.accordion {
  background-color: transparent;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 14px;
  font-weight: 800;
  transition: 0.4s;
  position: relative;
  border-radius: 3px;
}

.accordion.active, .accordion:hover, .accordion.hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  position: absolute;
  right: 10px;
}

.accordion.active:after {
  content: "\2212";
}

.panel {
  padding: 0 0px;
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.panel p { font-size: 13px; }

/* Hexagon Shape */

.hexagon
{   overflow: hidden;
    visibility: hidden;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    cursor: pointer;
	position: absolute;
	z-index: 0;
	top: -18em; left: -100px;
}

.hexagon-in1
{   overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

.hexagon-in2
{   width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: rgba(10,83,217,0.9);
    visibility: visible;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

.hexagon1
{   width: 400px;
    height: 200px;
    margin: 0 0 0 -80px;
}

.hexagon2
{   width: 700px;
    height: 1400px;
    margin: -80px 0 0 20px;
}

.dodecagon
{   width: 200px;
    height: 200px;
    margin: -80px 0 0 20px;
}

/* Navigation Menu */

.modal-backdrop { z-index: 103; }
.navLogo { transition: max-width 0.2s ease-in-out; }
.navigation .modal { z-index: 10000; }
.navigation .modal-dialog { max-width: 100%; height: 100vh; margin: 0; }
.navigation .modal-content { width: 100%; background-color: #151515; border: 0; border-radius: 0; height: 100vh; overflow: auto; }
.navigation .modal-header { border-bottom: 0; }
.navigation .close { color: #fff; }
.navigation .jumbotron { background-color: transparent; position: relative; bottom: 20px; }

.main-nav a { font-size: 1.6vw; color: #fff; padding: 1em 0; background-color: transparent; display: block; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; border-bottom: 1px solid #333; }
img.navLogo { max-width: 240px; }
img.leagueLogo { max-width: 130px; }
.modal img.navLogo, footer img.navLogo { max-width: 80px !important; }
.navigation p i { font-size: 26px; }


/* New Nav */

.navigation .dropdown-menu { background-color: #222426; }
.navigation .dropdown-item { color: #ccc; }
.navigation .dropdown-item:hover { background-color: #333; }
.navigation .navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,0.8); }
.navigation .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255,255,255,1); }
.navigation .navbar-dark .navbar-nav .nav-link.series-e { background-color: #ef3e40; padding: 0.5em 1em; border-radius: 8px; font-weight: 700; }
.navbar-expand-lg .navbar-nav .nav-link { padding-right: 1.5rem; padding-left: 1.5rem; }

.top-nav { position: absolute; top: 1.5em; font-size: 13px; }
.navbar-expand-lg .navbar-nav.top-nav .nav-link { padding-left: 0.5rem; padding-right: 0.5rem; }
.top-nav .nav-link { display: inline; }
.navigation .navbar-collapse { margin-top: 1.7em; }

/* Footer */
.pre-footer { background-color: #222426; color: #fff; }
.pre-footer .left { text-align: left; }
.pre-footer .right { text-align: right; }
.pre-footer i { font-size: 25px; }
.pre-footer p { margin-bottom: 0; }

.bottom-footer { background-color: #151515; color: #e6e7e8; }
a.footer-link { display: flex; align-items: center; color: #e6e7e8; font-size: 12px; }
.bottom-footer p { font-size: 12px; color: #e6e7e8; }
.bottom-footer hr { border-top: 1px solid #333; }

.bottom-footer input::-webkit-input-placeholder { color: #6f6f6f; text-overflow: ellipsis; font-size: 11px; font-weight: 400; opacity:1;}
.bottom-footer input::-moz-placeholder { color: #6f6f6f; text-overflow: ellipsis; font-size: 11px; font-weight: 400; opacity:1;} 
.bottom-footer input:-ms-input-placeholder { color: #6f6f6f; text-overflow: ellipsis; font-size: 11px; font-weight: 400; opacity:1;}
.bottom-footer .newsletter input { color: #6f6f6f; letter-spacing: normal; }
.bottom-footer input { border: 1px solid; }
.bottom-footer h6 { font-size: 14px; color: #6f6f6f; }
.bottomInfo { font-size: 11px; }

/* newsletter */
.newsletter input {float: left; font-size: 12px; color: #fff; width: 100%; height: 100%; padding: 0 38px 0 12px}
.newsletter .btn.btn-arrow-small {background: transparent none repeat scroll 0 0; margin-right: 0; height: 100%; padding-top: 0;  padding-bottom: 5px; text-align: center; right: 0; border-width: 0 0 0 1px}
.newsletter .btn.btn-arrow-small i {color: #626262; font-size: 18px; display: block; margin-top: 6px;}
.newsletter {width: 100%; height: 33px}

.newsletter .btn.border-color-white {border-color:#fff}
.newsletter .btn.border-color-black {border-color:#000}
.newsletter .btn.border-color-extra-dark-gray {border-color:#232323}
.newsletter .btn.border-color-medium-dark-gray {border-color:#363636}
.newsletter .btn.border-color-dark-gray {border-color:#939393}
.newsletter .btn.border-color-extra-medium-gray {border-color:#dbdbdb}
.newsletter .btn.border-color-medium-gray {border-color:#e4e4e4}
.newsletter .btn.border-color-extra-light-gray {border-color:#ededed}
.newsletter .btn.border-color-light-gray {border-color:#f5f5f5}
.newsletter .btn.border-color-light-pink {border-color:#862237}
.newsletter .btn.border-color-deep-pink {border-color:#ff214f}
.newsletter .btn.border-color-transparent-pink {border-color: rgba(255, 33, 79, 0.45);}

/* LEAGUE TOP */
.leagueTop h1 { font-size: 4vw; letter-spacing: 8px; color: #fff; font-weight: 800; }
.leagueTop a { font-size: 11px; font-weight: 800; }
.leagueTop p { font-size: 17px; font-weight: 800; text-transform: uppercase; }

/* Series E Index Teams */
.series-e-teams span.hover-content { opacity: 0; transition: opacity 0.2s ease; color: #d9393a; font-size: 14px; font-weight: 300; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; width: 90%; }
.series-e-teams img:hover + span.hover-content, span.hover-content:hover { opacity: 1; }
.series-e-teams img { opacity: 1; transition: opacity 0.2s ease; }
.series-e-teams img:hover { opacity: 0.02; }
.series-e-teams .leaderboard-mobil img:hover { opacity: 1; }
.order-1 { order: 1 !important; }
.order-2 { order: 2 !important; }
.order-3 { order: 3 !important; }
.order-4 { order: 4 !important; }
.order-5 { order: 5 !important; }
.order-6 { order: 6 !important; }
.order-7 { order: 7 !important; }
.order-8 { order: 8 !important; }
.order-9 { order: 9 !important; }
.series-e-teams-leaderboard-tiles {
	display: flex;
	flex-direction: column;
}

.series-e-teams-leaderboard-tiles.team-groupings-1 [data-advertisement].order-1:after,
.series-e-teams-leaderboard-tiles.team-groupings-1 [data-advertisement].order-2:after,
.series-e-teams-leaderboard-tiles.team-groupings-1 [data-advertisement].order-3:after,
.series-e-teams-leaderboard-tiles.team-groupings-1 [data-advertisement].order-4:after,
.series-e-teams-leaderboard-tiles.team-groupings-1 [data-advertisement].order-5:after,
.series-e-teams-leaderboard-tiles.team-groupings-1 [data-advertisement].order-6:after,
.series-e-teams-leaderboard-tiles.team-groupings-1 [data-advertisement].order-7:after,
.series-e-teams-leaderboard-tiles.team-groupings-1 [data-advertisement].order-8:after {
	content: "";
	display: block;
	margin: 2em 0;
	height:1px;
	border-top: 1px solid #666;
}
.series-e-teams-leaderboard-tiles.team-groupings-1 [data-advertisement].order-9 {
	margin-bottom: 2em;
}

.series-e-teams-leaderboard-tiles.team-groupings-2 [data-advertisement].order-1:after,
.series-e-teams-leaderboard-tiles.team-groupings-2 [data-advertisement].order-2:after,
.series-e-teams-leaderboard-tiles.team-groupings-2 [data-advertisement].order-3:after,
.series-e-teams-leaderboard-tiles.team-groupings-2 [data-advertisement].order-4:after,
.series-e-teams-leaderboard-tiles.team-groupings-2 [data-advertisement].order-5:after {
	content: "";
	display: block;
	margin: 2em 0;
	height:1px;
	border-top: 1px solid #666;
}
.series-e-teams-leaderboard-tiles.team-groupings-2 [data-advertisement].order-6 {
	margin-bottom: 2em;
}
.opacity-05 { opacity: 0.02 !important; }
/*.series-e-teams img { position: absolute; width: 100%; }*/
hr.series-e-index { border-top: 1px solid #d9393a; width: 30px; margin-top: 0.4rem; margin-bottom: 0.5rem; }
span.hover-content h5 { font-size: 18px; font-weight: 700; color: #fff; }
span.hover-content h4 { font-size: 14px; font-weight: 700; color: #fff; padding-bottom: 0; margin-bottom: 0.2em; }
img.leaderboard-sponsor { max-width: 150px; }
.sponsor { text-align: right; padding-right: 0; }
.breadcrumb-text { font-weight: 700; }


/* Series E Archive Index */
.stream-leaderboard.series-e-teams a, .archive-season.series-e-teams a { display: flex; align-items: center; }
.stream-leaderboard.series-e-teams > div, .archive-season.series-e-teams > div { margin-bottom: 1em; }
.stream-leaderboard.series-e-teams span.hover-content, .archive-season.series-e-teams span.hover-content { opacity: 1; position:relative; top: 0; left: 0%; transform: none; text-align: left; width: 70%; flex: 0 0 70%; padding-left: 20px; }
.stream-leaderboard.series-e-teams img, .archive-season.series-e-teams img { flex: 0 0 30%; width: 30% !important; }
.stream-leaderboard hr.series-e-index, .archive-season hr.series-e-index { margin-left: 0; }
.stream-leaderboard .series-e-main.row, .archive-season .series-e-main.row { margin-right: 15px; margin-left: 15px; }
.stream-leaderboard .sponsor, .archive-season .sponsor { text-align: left; padding-right: 0; padding-top: 0 !important; }
.stream-leaderboard.series-e-teams img:hover, .archive-season.series-e-teams img:hover { opacity: 1; }
/* Tool Tip */
.qtip {
    max-width: none !important;
}

a.qtip-close {
    display: block;
    top: 10px;
    right: 10px;
    padding: 5px;
}

#qtip-2, #qtip-1, #qtip-0, #qtip-3, #qtip-4, #qtip-5, #qtip-6, #qtip-7, #qtip-8, #qtip-9 { width: 400px !important; }

.toolTipText { padding: 0.5em 2em 0em 0.5em; }
.toolTipText span.descText { display: block; font-size: 12px; font-weight: 400; margin-bottom: 0.8em; }
.toolTipText a { font-size: 12px; font-weight: 700; }
.toolLinks { display: block; margin-top: 0.3em; border-top: 1px solid #ccc; }

/* Cards */
.flatBlack .card { background-color: transparent; border-radius: 0; border: 1px solid #444; }
.flatBlack .card h5 { font-size: 20px; letter-spacing: 0; }
a.watch.card-container .card { border: 1px solid #ccc; transition: border 0.3s ease; }
a.watch.card-container.no-border .card, .card-container.no-border .card { border: 0; }
a.watch.card-container:hover .card { border: 1px solid #000; }

/* Numbers */
.bigNumber { font-size: 55px; font-weight: 400; line-height: 60px; }

/* Responsive Video */
.videoWrapper, .videoWrapperLive {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe, .videoWrapperLive iframe { position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important; }

/* Forms */
.form-control { font-size: 0.85rem; }
.flatBlack .form-control { background-color: transparent; border: 1px solid #333; color: #666666; }
.flatBlack .form-control::placeholder { color: #333; }
.flatBlack form { color: #ccc; }
.carousel-caption form { text-align: left; }

/* Modal */
.modal-dialog.form {
    overflow-y: initial !important
}
.modal-body.form{
    max-height: 80vh;
    overflow-y: auto;
}


.contentContainerHome {
    display: block
}

	/* Leadership Boards */
.league-location { position: sticky; top:8em; }
.league-location a { display: block; padding: 1em 0; color: #fff; border-bottom: 1px solid #666666; }
.bg-dark-light { background-color: rgba(255,255,255,0.05); padding: 2em; }
.leader-img { width: 150px; max-width: 150px; margin-right: 1em; }
h2.leaderboard { letter-spacing: 0; font-size: 28px; font-weight: 400; }
p.points { font-size: 21px; }

/* Event Page Template */

.blog-event { text-align: center; }
.blog-event p { font-size: 16px !important; margin-left: auto; margin-right: auto; }
.blog-event h3 { font-size: 21px; font-weight: 700; letter-spacing: 0; }
.blog-event h2 { font-size: 26px; font-weight: 700; letter-spacing: 0; }
.blog-event h4 { font-size: 18px; font-weight: 700; letter-spacing: 0; }
.blog-event ul li { font-size: 16px; text-align: left; }


/*.sticky { position: fixed; top: 0; z-index: 1000; width: 100%; } */

h4 span.sub-text {
        display: block;
        padding-left: 0;
        font-weight: 300;
        text-transform: none;
		font-size: 14px;
    }

/* Fortnite Leaders */
.fortnite-leaders a { display: block; padding: 2em; background: url("../../images/new-site/support-arrows.svg") right 0/6px auto no-repeat rgba(255,255,255,0.05); background-position: right 12px center; transition: background-position 0.2s ease; }
.fortnite-leaders a:hover { background-position: right 5px center; }

/* Watch Pager */
.container.live { padding: 2em; background-color: #fff; box-shadow: 1px 2px 14px 5px rgba(0,0,0,0.1); }

img.profile-hero { width:100%; max-width: 500px; margin: auto; }
img.player { width: 125px; height: 125px; border: 3px solid #fff; }
.players h1, .stats h2, .merch h2, .player-profile h2 { font-size: 29px; color: #fff; text-shadow: 0 0 0 rgba(0,0,0,0); font-weight: 700; letter-spacing: 0; }
.player-profile h3 { font-size: 24px; font-weight: 700; }
.merch h2 { color: #151515;}
hr.appler-jacks { border-top: 3px solid #8eb422; width: 75px; }

/* Chase Code */

.player-stats__week-dropdown,
.player-stats__date-dropdown,
.player-stats__player-dropdown {
	max-height: 200px;
	overflow: auto;
}

.player-stats__col--date {
	width: 12%;
}

.player-stats__col--name {width: 25%; }

.player-stats__col--team { width: 16%; }

.player-stats__col--totalKills {
	width: 10%;
}

.player-stats__col--damage {
	width: 12%;
}

.player-stats__col--assists {
	width: 10%;
}

.player-stats__col--avgPlace {
	width: 10%;
}

.player-stats__col--youtube {
	width: 20%;
	font-weight: 700;
}

.player-stats__table-container {
	max-height: 560px;
	overflow: auto;
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
}

.player-stats__table thead th {
	position: sticky;
	top: 0;
	background: #fff;
	z-index: 2;
}

.player-stats__search-player {
	margin: 5px 15px;
	width: calc(100% - 30px);
}

.player-stats__loading {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(255,255,255,0.8);
	z-index: 3;
	margin:20px 0;
}

.leaderboard-tiles__loading {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3;
}

.player-stats__loading .fa,
.leaderboard-tiles__loading .fa {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 4;
}

.ggst-stats__highlight_image {
	width:140px;
	border-radius: 80px;
	margin-bottom: 30px;
}

.ggst-stats__table tr[data-matches="hidden"] .fa-chevron-up {
	display: none;
}

.ggst-stats__table tr[data-matches="visible"] .fa-chevron-down {
	display: none;
}

.ggst-stats__table strong,
.ggst-stats__table span {
	line-height: 26px;
}

.ggst-stats__col--date,
.ggst-stats__col--matchup,
.ggst-stats__col--wl,
.ggst-stats__col--count,
.ggst-stats__col--youtube {
	min-width: 100px;
	width: 15%;
}

.ggst-stats__col--characters {
	min-width: 130px;
	width: 20%;
	text-align: center;
}

.ggst-stats__toggle-row-button {
	vertical-align: top;
	cursor: pointer;
	margin-right: 15px;
}

.ggst-stats__toggle-row-button .fa-circle {
	font-size: 26px;
}

.ggst-stats__toggle-row-button .fa-chevron-down,
.ggst-stats__toggle-row-button .fa-chevron-up {
	font-size: 14px;
}

.ggst-stats__set-characters {
	display: flex;
	justify-content: center;
	align-items: center;
}

.ggst-stats__set-characters img {
	height: 26px;
	margin: 0 3px;
	border-radius: 13px;
	border: 1px solid #555;
	flex: 0 0 26px;
}

.ggst-stats__set-characters span {
	font-size: 10px;
	flex: 1;

}

.ggst-stats__set-characters span:first-child {
	text-align: right;
	padding-right: 6px;
}

.ggst-stats__set-characters span:last-child {
	text-align: left;
	padding-left: 6px;
}

.ggst-stats__highlight_wl.ggst-stats__set-characters { padding-bottom: 2em; }

span.score { font-weight: 700; color: #ccc; }

	.homeCards h5 { font-size: 20px; letter-spacing: 0; }
	.homeCards a { font-size: 11px; font-weight: 700; }
	.carousel-indicators { bottom: 40px; } 
		  #mc_embed_signup { background: transparent !important; }
		  #mc_embed_signup_scroll label { display: block !important; margin-top: 2em !important; }
		  #mc_embed_signup_scroll input { 
		  	padding: 0.5em !important;
border-radius: 4px !important;
background: transparent !important;
border: 1px solid #ccc !important;
color: #fff !important;
margin: 0.5em 0 !important;
			  max-width: 300px;
		  }
		  #mc_embed_signup_scroll input.button { background-color: #da383a !important;
border: 2px solid #da383a !important; font-weight: 800 !important; line-height: 1.2; max-width: 200px; }
		  #mc_embed_signup_scroll .clear { display: inline-block !important; }
		  #mc_embed_signup { font-family: 'Montserrat', sans-serif !important; }


/* Posts Slider */
@media (min-width: 768px) {
  /* show 3 items */
  #myCarousel .carousel-inner .active,
  #myCarousel .carousel-inner .active + .carousel-item,
  #myCarousel .carousel-inner .active + .carousel-item + .carousel-item {
    display: block;
  }

  #myCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  #myCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  #myCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
    transition: none;
  }

  #myCarousel .carousel-inner .carousel-item-next,
  #myCarousel .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }

  #myCarousel .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333%;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* left or forward direction */
  #myCarousel .active.carousel-item-left + #myCarousel .carousel-item-next.carousel-item-left,
  #myCarousel .carousel-item-next.carousel-item-left + #myCarousel .carousel-item,
  #myCarousel .carousel-item-next.carousel-item-left + #myCarousel .carousel-item + #myCarousel .carousel-item,
  #myCarousel .carousel-item-next.carousel-item-left + #myCarousel .carousel-item + #myCarousel .carousel-item + #myCarousel .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  /* farthest right hidden item must be abso position for animations */
  #myCarousel .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* right or prev direction */
  #myCarousel .active.carousel-item-right + #myCarousel .carousel-item-prev.carousel-item-right,
  #myCarousel .carousel-item-prev.carousel-item-right + #myCarousel .carousel-item,
  #myCarousel .carousel-item-prev.carousel-item-right + #myCarousel .carousel-item + #myCarousel .carousel-item,
  #myCarousel .carousel-item-prev.carousel-item-right + #myCarousel .carousel-item + #myCarousel .carousel-item + #myCarousel .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
  }
	
	#myCarousel .carousel-item { margin-right: 0; }
	
}

@media screen and (min-width:1100px) {
	a.circle, span.circle { }
	.carousel-item a.circle { width: 24px; height: 24px; }
	.carousel-item a.circle.walmart { width: 16px; height: 16px; }
}

@media screen and (min-width:768px) {
	.carousel-caption { text-align: left; }
	.displayNone-dt { display: none !important; }
}

@media screen and (max-width:1260px) {
	.bg-cards .card a { font-size: 14px; }
	.image-left p, .image-right p { font-size: 14px; }
}

@media screen and (max-width:1199px) {
.lg-padding-four-half-lr { padding-left: 4.5%; padding-right: 4.5%; }
	.lg-padding-six-tb { padding-top: 6%; padding-bottom: 6%; }
}

@media screen and (max-width:1119px) {
	.masonry h5 { font-size: 16px; }
	.masonry .watch h5 { font-size: 23px; }
}

@media screen and (max-width:991px) {
	.md-padding-eleven-half-tb { padding-top: 11.5%; padding-bottom: 11.5%; }
	.displayMedNone { display: none; }
	/* Masonry */
	.card-columns { column-count: 2; }
	h2.leaderboard { font-size: 21px; }
	.top-nav { position: relative; top: 0; font-size: 13px; margin-top: 2em; padding-bottom: 2em; }
}

@media screen and (max-width:767px) {
	.paddingTopReallyBigMobile { padding-top: 5em !important; }
	.mobileMarginBottomReallyBig { margin-bottom: 5em !important; }
	.carousel-caption h1 { font-size: 40px; letter-spacing: 0; }
	.carousel-caption .row { justify-content: center; }
	.carousel-caption .btn-lg { font-size: 1rem; }
	.sm-padding-15px-lr { padding-left: 15px !important; padding-right: 15px !important; }
	.sm-padding-50px-tb { padding-top: 50px !important; padding-bottom: 50px !important; }
	.sm-height-400px { height: 400px !important; }
	.sm-no-padding-lr { padding-left: 0 !important; padding-right: 0 !important; }
	.displayNone-dt { display: block !important; }
	
	/* Hero Gradient */
.gradient-hero { background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.75),
    rgba(255, 0, 0, 0));
	}
	
	/* Overlay Headings */
	h3.overlay, h3.overlay.right { margin-left: 0; margin-right: 0; font-size: 24px; text-shadow: 0; }
	.strike { font-size: 12px; }
	.strike.marginLeftBig, .strike.marginLeftReallyBig { margin-left: 0; }
	.strike.marginRightBig, .strike.marginRightReallyBig { margin-right: 0; }
	.image-left p, .image-right p { font-size: 13px; }
	.overlayImg { margin-bottom: 2em; }
	.overlayImg { margin-top: 1em; }
	.image-left .overlayImg { padding-left: 15px; }
	.image-right .overlayImg { padding-right: 15px; }
	.image-right p.paddingLeftBig, .image-right p.paddingLeftReallyBig { padding-left: 0; }
	.image-left p.paddingRightReg, .image-left p.paddingRightReallyBig  { padding-right: 0; }
	.image-left hr.marginRightBig, .image-left hr.marginRightReallyBig { margin-right: 0; }
	.image-right hr.marginLeftBig, .image-right hr.marginLeftReallyBig { margin-left: 0; }
	.image-right { text-align: left; }
	
	/* h-tags */
	h5 { font-size: 24px; }
	.masonry h5 { font-size: 17px; }
	
	.slug { font-size: 13px; font-weight: 700; }
	.card-body p.slug, p.slug { font-size: 11px; }
	
	/* Accordion */
	.accordion { font-size: 12px; }
	.panel p { font-size: 12px; }
	
	/* Cards */
	.bg-cards .card a { font-size: 12px; }
	.bg-cards h5 { font-size: 17px; }
	
	/* Navigation */
	.navigation .jumbotron { position: relative; bottom: auto; }
	.main-nav a { font-size: 16px; }
	.main-nav { margin-bottom: 2em; }
	
	/* Footer */
	.pre-footer .left, .pre-footer .right { text-align: center; }
	.pre-footer p { margin-bottom: 1.5em; }
	.pre-footer i { margin-top: 1em; }
	
	.bottom-footer h6 { padding-top: 2em; }
	.bottomInfo { text-align: center !important; }
	
	/* League Nav */
	.league-nav { padding-bottom: 4em; }
	
	/* Masonry */
	.card-columns { column-count: 1; }
	
	/* Text Align */
	.mobile-text-center { text-align: center !important; }
	
	/* custom headers */
	.contact .text-right { text-align: center !important; }
	
		/* Special Location Carousel */
	.carousel-caption.locations { position: relative; transform: none; top: auto; right: auto; left: auto; bottom: auto; background-color: #151515; }
	.carousel-caption.locations .text-right { text-align: center !important; padding-left: 15px; padding-right: 15px; }
	.carousel-caption h1 { font-size: 25px; letter-spacing: 2px; }
.carousel-item a.circle.oc { left: 27.5%; top: 63%; }
.carousel-item a.circle.oak { left: 24%; top: 55%; }
.carousel-item a.circle.lv { left: 31%; top: 58.5%; }
.carousel-item a.circle.rose { left: 27%; top: 52%; }
	.carousel-item a.circle.spokane { left: 34%; top: 40%; }
	.carousel-item a.circle.nashville { left: 65%; top: 54%; }
	.carousel-item a.circle.colorado-springs { left: 50%; top: 56%; }
	.carousel-item a.circle.tulsa { left: 55%; top: 59%; }
	.carousel-item a.circle.dwf { left: 52.5%; top: 64%; }
	.carousel-item a.circle.kc { left: 56.5%; top: 57%; }
	.carousel-item a.circle.walmart { height: 10px; width: 10px; }
		/* Tool Tip */
		#qtip-2, #qtip-1, #qtip-0, #qtip-3, #qtip-4, #qtip-5, #qtip-6, #qtip-7, #qtip-8, #qtip-9 {
        max-width: 400px !important;
        width: 90% !important;
        left: 5% !important;
    }
	
	.qtip-tip canvas { display: none; }
	
	.displayMobileNone { display: none !important; }
	
	hr.homeHr { width: calc(100%); margin-top: 10px; }
	
	.home-left { background-image: url("../../images/new-site/mobile-apex-series-e.png") !important; }
	
	.videoWrapperLive { text-align: center; }
	.videoWrapperLive iframe { position: relative; width: 100% !important;
    height: auto !important; margin: 0 auto; }
	.videoWrapper.mixer { height: auto !important; min-height: 500px; }
	
	img.navLogo { max-width: 200px !important; }
	.modal img.navLogo, footer img.navLogo { max-width: 50px !important; }
	
/* Leadership */
h4.homeHeading {
        background: url(../../images/new-site/arrow2.png) right 0/40px auto no-repeat rgba(0, 0, 0, 0)
    }
    h4.homeHeading.black {
        background: url(../../images/new-site/arrow2-black.png) right 0/40px auto no-repeat rgba(0, 0, 0, 0);
        padding: .7em 0;
        margin-top: 0
    }
    h4.homeHeading.mobileOpen {
        background-position: right -40px
    }

.contentContainerHome {
        display: none
    }
	
	.league-location { position: sticky; top:8em; }
	/* Watch Pager */
.container.live { padding: 0; background-color: #fff; box-shadow:0;}
	.bigThin-text-hed { font-size: 25px; }
	.smallThin-text-hed { font-size: 16px; }
	.players .border-right { border-right: 0 !important; }
	
	/* Series E Index Teams */
	.series-e-teams a { display: flex; align-items: center; }
	.series-e-teams > div { margin-bottom: 1em; }
.series-e-teams span.hover-content { opacity: 1; position:relative; top: 0; left: 0%; transform: none; text-align: left; width: 70%; flex: 0 0 70%; padding-left: 20px; }
.series-e-teams img { flex: 0 0 30%; width: 30% !important; }
	hr.series-e-index { margin-left: 0; }
	.series-e-main.row { margin-right: 15px; margin-left: 15px; }
	.sponsor { text-align: left; padding-right: 0; padding-top: 0 !important; }

}

@media screen and (max-width:575px) {

	h1.no-bg { font-size: 1.8em; }
	.toolTipText h3 { font-size: 0.75em !important; }
	p.slug { font-size: 7px; }
	.toolTipText span.descText { font-size: 10px; line-height: 16px; }
	.toolTipText a { font-size: 10px; }
	.carousel-item a.circle { height: 14px; width: 14px; border: 1px solid #fff; }
	.leader-img { width: 125px; max-width: 125px; margin-right: 1em; }
h2.leaderboard { letter-spacing: 0; font-size: 24px; font-weight: 400; }
p.points { font-size: 16px; }
}

@media screen and (max-width:575px) {
	.watch.col-6 { width: 100%; flex: 0 0 100%; max-width: 100%; }
	h2.leaderboard { letter-spacing: 0; font-size: 18px; font-weight: 400; }
}

@media screen and (max-width:375px) {
	.leader-img { width: 100px; max-width: 100px; margin-right: 1em; }
	p.points { font-size: 12px; }
	span.hover-content h5 { font-size: 16px; margin-bottom: 2px; }
span.hover-content h4 { font-size: 12px; }
	.series-e-teams span.hover-content { font-size: 12px; }
	hr.series-e-index { display: none; }
	
}
@media screen and (max-width:350px) {
	.nav-link.dropdown-toggle { display: block !important; }
	.videoWrapper.mixer { min-height: 400px; }
}