/*
Theme Name: 	Avant
Description: 	Avant Wordpress theme!
Version: 		1.0
Author: 		Nathan Stanmore
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/*@import "css/reset.css";*/
@import url("https://use.typekit.net/fgj1wrl.css");

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }


.navbar-toggler {
	background-color: #13192a;
	outline: none !important;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body {
	background: #121726;
	color: #fff;
}

body,
input,
textarea 			{font-family: urw-din, sans-serif; font-weight: 300; /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }


a {
	color: #ffba00;
}

a:hover {
	color: #b7880a;
	text-decoration: none;
}

body::-webkit-scrollbar {
  width: 0.8em;
}
 
body::-webkit-scrollbar-track {
  box-shadow: #13192a;
  border-radius: 30px;
}
 
body::-webkit-scrollbar-thumb {
  background-color: #ffba00;
  outline: 1px solid slategrey;
  border-radius: 30px;
}

strong {
	font-weight: 800;
}

.alignleft {
	float: left;
	margin-right: 30px;
}

.alignright {
	float: right;
	margin-left: 30px;
}

.aligncenter {
	float: none;
	margin: 15px auto;
	display: block;
}

/* Header */

.presenting-partner {
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid #977109;
}

header {
	background: #13192a;
	padding:0;
}

header .navbar {
	padding-top: 0;
	padding-bottom: 0;
}

header .navbar-expand-lg .navbar-nav .nav-link {
	color: #fff;
	transition: 0.3s;
	font-size: 18px;
	padding: 40px 35px;
}

header .navbar-expand-lg .navbar-nav .nav-link:hover {
	color: #ffba00;
}

header .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    background: #13192a;
    margin: 0;
    border: none;
    padding: 0;
    border-radius: 0;
    min-width: 170px;
}

header .navbar-expand-lg .navbar-nav .dropdown-menu .nav-link {
	padding: 10px 15px;
    font-size: 16px;
}

header .dropdown-content {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  z-index: 999;
  background: none !important;
  color: #fff;
}

header .dropdown-content .row.row-main {
	background: #13192a;
	border-bottom: 1px solid #ffba00;
    border-top: 1px solid #ffba00;
    padding-top: 5px;
    padding-bottom: 15px;
}

header .dropdown-content .row p {
	font-size: 14px;
}

header .dropdown-content h3 {
	margin-top: 20px;
	color: #ffba00;
	font-size: 20px;
}

header .dropdown-content h4 {
	color: #ffba00;
    font-size: 16px;
}

header .dropdown-content .btn {
	font-size: 12px;
	padding: 6px 25px 6px 35px;
}

header .unset-position {
	position: unset;
}

header .dropdown-content img {
	max-width: 100%;
	height: auto;
}

header .dropdown-content img.sponsor-image {
	margin-top: 10px;
    margin-bottom: 20px;
    max-height: 50px;
    width: auto;
}

header .dropdown-content ul {
	padding-left: 0;
}

header .dropdown-content ul li {
	width: 50%;
	float: left;
	list-style: none;
	padding-right: 15px;
    line-height: 1em;
    margin-bottom: 7px;
}

header .dropdown-content ul li a {
	font-size: 12px;
	color: #fff;
}

header .dropdown-content ul li a:hover {
	color: #ffba00;
}

header .dropdown-content hr {
	border-color: #ffba00;
	opacity: 0.3;
	margin: 25px 0;
}

/* Home */

.banner {
	text-align: center;
	padding: 115px 0;
	line-height: 1.6em;
}

.banner img {
	margin-bottom: 5px;
}

.banner a {
	border: 1px solid #ffba00;
	padding: 8px 30px;
	color: #fff;
	text-decoration: none;
	background: rgba(11, 14, 24, 0.5);
	letter-spacing: 1px;
	margin-top: 5px;
	display: inline-block;
	position: relative;
}

.banner a span {
	color: #fff;
	transition: 0.3s;
	font-weight: 400;
}

.banner a:hover span {
	color: #121726;
	position: relative;
}

.banner a:before {
	content: '';
    display: block;
    position: absolute;
    left: -5%;
    top: -1px;
    height: 104%;
    width: 15px;
    background: #ffba00;
    transition: 0.3s;
}

.banner a:hover:before {
	width: 100%;
	left: 0;
} 

/* Sponsor Block */

.sponsors-block {
	padding: 25px 0;
	background: #0b0e17;
}

.sponsor-images {
	display: flex;
    justify-content: space-around;
}

/* Featured Posts */

.featured-posts .nav-tabs {
	width: 100%;
	border: none !important;
}

.featured-posts .nav-tabs .nav-item {
	width: 100%;
	height: 25%;
	overflow: hidden;
}

.featured-posts .nav-tabs .nav-link {
	border: none;
	display: block;
	float: left;
	border-radius: 0;
	width: 100%;
	border-left: 5px solid transparent;
	color: #fff;
	font-size: 28px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 12% 25% 0px 25px;
    line-height: 1.05em;
    background-size: cover !important;
    height: 100%;
}

.featured-posts .nav-tabs .nav-link:hover,
.featured-posts .nav-tabs .nav-link.active {
	border: none;
	border-left: 5px solid #ffba00;
}

.featured-posts .nav-tabs .nav-link:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #030915;
	opacity: 0.95;
	transition: 0.3s;
}

.featured-posts .nav-tabs .nav-link.active:before,
.featured-posts .nav-tabs .nav-link:hover:before {
	opacity: 0.65;
		margin-left: 5px;
}

.featured-posts .nav-tabs .nav-link span {
	position: relative;
}

.featured-posts .tab-pane {
	padding: 390px 50px 80px;
}

.featured-posts .tab-pane:before {
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #030915;
    opacity: 0.75;
}

.featured-posts .tab-content h3 {
	font-size: 38px;
	font-weight: 800;
	margin-bottom: 0;
	color: #ffba00;
	text-transform: uppercase;
	position: relative;
}

.featured-posts .tab-content h2 {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 46px;
	position: relative;
}

.featured-posts .tab-content p {
	position: relative;
}

#sb_instagram #sbi_load .sbi_load_btn, 
#sb_instagram .sbi_follow_btn a,
.btn {
	border: 1px solid #ffba00;
    padding: 8px 30px 8px 45px;
    color: #fff;
    text-decoration: none;
    background: rgba(11, 14, 24, 0.5);
    letter-spacing: 1px;
    margin-top: 5px;
    display: inline-block;
    position: relative;
    border-radius: 0;
    transition: 0.3s;
}

.btn span {
	color: #fff;
	transition: 0.3s;
	font-weight: 400;
}

.btn:hover {
	padding-left: 30px;
}

.btn:hover span {
	color: #121726;
	position: relative;
}

.btn:before {
	content: '';
    display: block;
    position: absolute;
    left: 0%;
    top: -1px;
    height: 104%;
    width: 15px;
    background: #ffba00;
    transition: 0.3s;
}

.btn:hover:before {
	width: 100%;
	left: 0;
} 

/* Shop Feeatured */

.featured-merch {
	text-align: center;
	background: #e5e5e5;
	color: #051028;
	padding: 60px 0;
}

.featured-merch h2 {
	font-weight: normal;
	font-size: 38px;
}

.featured-merch h2 strong {
	font-weight: 800;
}

.featured-merch a.shop-store {
	color: #051028;
	font-size: 18px;
	text-decoration: none;
	position: relative;
}

.featured-merch a.shop-store strong {
	font-weight: 800;
}

.featured-merch a.shop-store:after {
	position: absolute;
	background: #051028;
	content: '';
	height: 3px;
	width: 0;
	bottom: -5px;
	left: 0;
	transition: 0.3s;
}

.featured-merch a.shop-store:hover:after {
	width: 100%;
}

.featured-item {
	margin: 50px 0 50px;
}

.featured-item .divider {
	display: block;
	height: 5px;
	width: 80%;
	margin-left: 10%;
	background: #ffba00;
}

.featured-item h3 {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 22px;
	margin: 18px 0;
}

.featured-item .btn {
	margin-top: 0;
}

.btn-blue {
	border-color: #051028;
	background: none;
	color: #051028;
}

.btn-blue:before {
	background: #051028;
}

.btn-blue span {
	font-weight: 500;
	color: #051028;
}

.btn-blue:hover span {
	color: #fff;
}

/* Discord Block */

.discord-block {
	text-align: center;
	padding: 30px 0;
	background: #0b0e17;
}

.discord-block img {
	margin-top: 5px;
}

.discord-block h2 {
	font-size: 42px;
	color: #fff;
	font-weight: 300;
	line-height: 1.1em;
	letter-spacing: 1px;
	margin: 0;
}

.discord-block h2 span {
	font-weight: 800;
	color: #ffba00;
}

.discord-block .btn {
	padding: 15px 60px;
    margin-top: 18px;
}

/* Results */

.results-listing {
    text-align: center;
}

.results-listing .result-item {

}

.results-listing .result-item a {
	padding: 0px;
	outline: none !important;
}

.results-listing .result-item a:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #0b0e17;
	opacity: 0.8;
	transition: 0.3s;
}

.results-listing .result-item a:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: #ffba00;
	opacity: 0;
}

.results-listing .result-item a.active:after,
.results-listing .result-item a:hover:after {
	opacity: 1;
}

.results-listing .result-item h2 {
	position: relative;
	font-size: 24px;
	font-weight: 800;
	letter-spacing: 1px;
	margin: 0;
	padding: 70px 0;
	color: #fff;
	transition: 0.3s;
	text-shadow: 0 0 5px #000;
	transition: 0.3s;
}

.results-listing .result-item a.active:before,
.results-listing .result-item a:hover:before {
	opacity: 0.3;
}

.results-listing .result-item a.active h2,
.results-listing .result-item:hover h2 {
	color: #ffba00;
}

.results-inner {
	/*background: url('img/result-bg.jpg') no-repeat center center;
	background-size: cover;*/
	padding: 75px 0 50px;
}

.results-inner h2.next-match {
	text-align: center;
    color: #ffba00;
    font-size: 42px;
    font-weight: 300;
    margin: 0 0 75px;
    letter-spacing: 1px;
}

.results-inner .next-match span {
	font-weight: 800;
}

.results-inner .match {
	border-bottom: 1px solid #292822;
	padding: 30px 0;
	text-align: center;
}

.results-inner .match h4 {
	text-transform: uppercase;
	font-size: 27px;
}

.results-inner .match .time {
	font-weight: 800;
	text-transform: uppercase;
}

.results-inner .result-wrapper {
	background: rgba(11, 14, 23, 0.75);
	padding: 0 25px;
}

.results-inner .result {
	text-align: center;
	padding: 28px 0;
	border-bottom: 1px solid #292822;
}

.results-inner .result img {
	width: 100%;
}

.results-inner .result h4 {
	font-size: 22px;
	text-transform: uppercase;
}

.results-inner .btn {
	margin: 25px 0;
}

/* Footer */

footer {
	background: #13192a;
}

footer .footer-logo {
	margin: 80px auto;
	display: block;
}

footer h3 {
	text-align: center;
	font-size: 20px;
	font-weight: 800;
	color: #ffba00;
	text-transform: uppercase;
	letter-spacing: 1px;
}

footer ul {
	padding: 10px 0;
}

footer ul li {
	list-style: none;
	text-align: center;
	margin: 7px 0;
}

footer ul li a {
	color: #fff;
	transition: 0.3s;
	text-decoration: none !important;
}

footer ul li a:hover {
	color: #ffba00;
}

footer .bottom {
	border-top: 1px solid #ffba00;
	margin-top: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 14px;
	color: #667191;
}

footer .bottom a {
	color: #667191;
	transition: 0.3s;
}

footer .bottom a:hover {
	color: #fff;
	text-decoration: none;
}

/* News */

.page-banner {
	background: url('img/page-banner.jpg') no-repeat center center;
	background-size: cover;
	padding: 80px 0 20px;
}

.page-banner h1 {
	color: #ffba00;
	font-weight: 800;
	font-size: 34px;
	margin: 0;
}

.page-banner .breadcrumb-container {
	text-align: right;
	color: #b7880a;
	margin-top: 16px;
}

.page-banner .breadcrumb-container a {
	color: #ffba00;
	text-decoration: none;
}

.page-content {
	padding: 30px 0;
}

.category-wrapper {
	background: #fff;
}

.category-wrapper article {
	padding: 50px;
	margin-bottom: 30px;
	font-size: 14px;
	border-bottom: 5px solid #ffba00;
}

.category-wrapper article:before {
	display: block;
	content: '';
	background: #0b0e17;
	opacity: 0.85;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.category-wrapper article.featured {
    border-left: 5px solid #ffba00;
    padding: 350px 160px 50px 50px;
    font-size: 16px;
    border-bottom: none;
}

.category-wrapper article h2 {
	line-height: 1.1em;
}

.category-wrapper article h2 a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 28px;
}

.category-wrapper article.featured h2 a {
	font-size: 48px;
}

.category-wrapper article.featured:before {
	opacity: 0.3;
}

.category-wrapper article h2,
.category-wrapper article p {
	position: relative;
}

/* Team Page */

.team-banner {
	position: relative;
	min-height: 490px;
}

.team-banner h2 {
	text-align: center;
	position: absolute;
	top: 25%;
	font-size: 132px;
	font-weight: 800;
	color: #ffba00;
	opacity: 0.35;
	width: 100%;
}

.team-banner .team-photo {
	width: 105%;
	margin-left: -2.5%;
	margin-top: 30px;
}

.team-background {
	padding: 50px 0;
	font-size: 14px;
}

.team-roster h2.intro-title,
.team-background h2 {
	text-transform: uppercase;
	font-size: 30px;
	letter-spacing: 3px;
	font-weight: 800;
	color: #ffba00;
	position: relative;
	margin-bottom: 30px;
}

.team-roster h2.intro-title:before,
.team-background h2:before {
	position: absolute;
    right: 100%;
    width: 50px;
    height: 63%;
    top: 8px;
    content: '';
    background: #ffba00;
    margin-right: 20px;
}

.team-background p {
	line-height: 1.8em;
    margin-bottom: 25px;
}


.team-roster {
	padding-bottom: 50px;
	padding-top: 50px;
	z-index: 99;
}

.team-roster ul {
	margin-bottom: 110px;
}

.team-roster ul li {
	width: 100%;
	text-align: center;
}

.team-roster ul li a {
	border: 1px solid #ffba00;
	border-top: 0;
	transition: 0.3s;
	font-size: 22px;
	font-weight: 800;
	padding: 25px;
}

.team-roster ul li:first-child a {
	border-top: 1px solid #ffba00;
}

.team-roster ul li a.active,
.team-roster ul li a:hover {
	background: #ffba00;
	color: #121726;
}

.team-roster img.player-image {
	margin-top: -160px;
}

.team-roster .tab-content h2 {
	color: #ffba00;
	margin-bottom: 25px;
}

.team-roster .tab-content p {
	font-size: 14px;
	line-height: 1.8em;
    margin-bottom: 25px;
}

.team-results {
    margin-top: -110px;
}

.results-inner.match-style .result img,
.results-inner .match img {
    width: auto;
    height: 90px;
}

/* Stream Listings */

.stream-listings {
	background: url('img/stream-background.jpg') no-repeat center center;
	background-size: cover;
	padding: 50px 0 20px;
}

.stream-listings .presenting-stream-partner {
	text-align: center;
	margin-bottom: 50px;
}

.stream-listings .presenting-stream-partner h4 {
	color: #ffba00;
	font-weight: 800;
	letter-spacing: 1px;
	font-size: 24px;
	margin-bottom: 15px;
}

.stream-listing-inner {
	margin-bottom: 30px;
	padding: 50px 30px 30px;
	border-left: 5px solid #ffba00;
}

.stream-listing-inner:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #0b0e17;
	opacity: 0.75;
}

.stream-listing-inner h4 {
	text-transform: uppercase;
	color: #fff;
	font-weight: 800;
	font-size: 28px;
	position: relative;
	letter-spacing: 2px;
}

.stream-listing-inner .text {
	font-size: 14px;
	margin-bottom: 15px;
	min-height: 110px;
}

/* Stream Single */

#twitch-embed iframe {
	width: 100%;
}

.additional-sponsors {
	display: flex;
    justify-content: space-around;
    margin: 0px 0 15px;
}

h4.stream-sponsors {
	font-size: 18px;
	letter-spacing: 2px;
	font-weight: 800;
	text-align: center;
	margin-top: 35px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

/* Store */

body.woocommerce-page {
	background: #fff;
}

.shop-container {
	padding: 60px 0 30px;
}

.shop-container .woocommerce-ordering,
.shop-container .woocommerce-result-count,
.shop-container .page-title {
	display: none;
}

.woocommerce ul.products li.product {
	text-align: center;
}

.woocommerce ul.products li.product a img {
	margin: 0 auto;
	height: auto;
	width: auto;
}

.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
	display: block;
    width: 80%;
    margin-left: 10%;
    text-align: center;
    border-top: 5px solid #ffba00;
  	text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 22px;
    color: #051028;
    padding: 18px 0;
}

.woocommerce ul.products li.product .price {
	display: none !important;
}

.woocommerce ul.products li.product .button {
    padding: 8px 30px 8px 45px;
    text-decoration: none;
    background: rgba(11, 14, 24, 0.5);
    letter-spacing: 1px;
    margin-top: 5px;
    display: inline-block;
    position: relative;
    border-radius: 0;
    transition: 0.3s;
    border: 1px solid #051028;
    background: none;
    color: #051028;
    line-height: 1.355em;
}

.woocommerce ul.products li.product .button:before {
	background: #051028;
    content: '';
    display: block;
    position: absolute;
    left: 0%;
    top: -1px;
    height: 104%;
    width: 15px;
    transition: 0.3s;
}

.woocommerce ul.products li.product .button span {
	font-weight: 500;
    color: #051028;
    position: relative;
    transition: 0.3s;
}

.woocommerce ul.products li.product .button:hover {
	padding-left: 30px;
}

.woocommerce ul.products li.product .button:hover span {
	color: #fff;
}

.woocommerce ul.products li.product .button:hover:before {
	width: 100%;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
	border-top-color: #13192a;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
	color: #13192a;
}

.woocommerce div.product div.images img {
	width: auto;
	margin: 0 auto;
}

.woocommerce .flex-viewport {
	border-bottom: 5px solid #ffba00;
}

.woocommerce-product-gallery__image {
	background: #fff;
}

.woocommerce .flex-control-nav {
	margin-top: 15px;
}

.woocommerce div.product div.images .flex-control-thumbs {
	margin-top: 15px;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
	margin: 0;
	background: #fff;
	border-bottom: 3px solid #ffba00;
}

button.pswp__button--arrow--left, button.pswp__button--arrow--left:hover, button.pswp__button--arrow--right, button.pswp__button--arrow--right:hover {
	margin-top: 420px;
}

.pswp__bg {
	background: #13192a;
}

.cart-collaterals h2,
h1.product_title {
	font-size: 36px;
	color: #121726;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.woocommerce div.product p.price {
	font-weight: bold;
	color: #ffba00;
	font-size: 30px;
	margin: 15px 0;
	letter-spacing: 2px;
}

.woocommerce-product-details__short-description {
	color: #121726;
	font-size: 14px;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
	display: block;
}

.woocommerce div.product form.cart .variations label {
	color: #121726;
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 2px;
}

.woocommerce div.product form.cart .variations select {
	background: none;
    border: 1px solid #121726;
    color: #121726;
    padding: 10px 15px;
    font-weight: 500;
}

.woocommerce div.product form.cart div.quantity {
	margin: 0;
}

.woocommerce .quantity .qty {
	background: none;
    box-shadow: none;
    border: 1px solid #121726;
    padding: 10px 0 10px 9px;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
	background-color: #121726;
    color: #fff;
    border-radius: 0;
    display: block;
    padding: 15px 50px;
    transition: 0.3s;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #232e4c;
    color: #fff;
}

.woocommerce-tabs {
	display: none;
}

#size-chart tr {
	border-bottom: 1px solid #ffba00;
	color: #121726;
	text-align: center;
}

#size-chart tr td, #size-chart tr th {
	padding: 15px !important;
}

.woocommerce table.shop_table {
	color: #121726;
	border: 1px solid rgb(18, 23, 38);
	border-radius: 0;
}

.woocommerce table.shop_table td {
	border-color: rgb(18, 23, 38);
}

#add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail {
	display: none;
}

.woocommerce a.remove {
	color: #121726!important;
}

form.checkout h2,
form.checkout h3 {
	font-size: 36px;
	color: #121726;
	letter-spacing: 2px;
	text-transform: uppercase;
}

form.checkout h3{
	font-size: 22px;
}

#order_review_heading {
	margin-top: 25px;
}

.woocommerce .woocommerce-billing-fields {
	color: #121726;
}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2,
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
	max-width: 100%;
	padding: 0;
}

.woocommerce form .form-row label {
	text-transform: uppercase;
	font-weight: 500;
}

.woocommerce-input-wrapper {
	width: 100%;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
	background: none;
    border: 1px solid #121726;
    padding: 8px;
}

.woocommerce-account {
	color: #121726;
}

.woocommerce-MyAccount-navigation ul {
	list-style: none;
	padding-left: 0;
}

.woocommerce-MyAccount-navigation ul li a {
	padding: 10px 15px;
	border: 1px solid #051028;
	border-top: none;
	color: #121726;
	display: block;
	text-decoration: none;
	transition: 0.3s;
}

.woocommerce-MyAccount-navigation ul li:first-child {
	border-top: 1px solid #051028;
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
	background: #051028;
	color: #ffba00;
}

/* Standard Page */ 

.page-container.standard-page {
	padding: 50px 0;
	overflow: hidden;
}


.page-container.standard-page .content h2 {
	font-size: 30px;
	color: #ffba00;
	margin-bottom: 20px;
}

/* Contact Page */

.contact-page {
	background: url('img/contact-bg.jpg') no-repeat center center;
	background-size: cover;
}

.contact-page .departments {
	margin-top: 50px;
}

.contact-page .departments .department {
	text-align: center;
	padding: 70px 0;
	background: #0b0e17;
}

.contact-page .departments .col-md-4:nth-child(even) .department {
	background: rgba(11, 14, 24, 0.6);
}

.single-post h2,
.single-post h3,
.single-post h4 {
	color: #ffba00;
}

.single-post h3 {
	margin-bottom: 30px;
}

.single-post hr {
	border-color: #ffba00;
	opacity: 0.4;
	margin: 30px 0;
}

.featured-item img {
	max-width: 100%;
	height: auto;
}

.contact-page .discord-block {
	padding-left: 15px;
	padding-right: 15px;
}

body.single .page-container img {
	max-width: 100%;
	height: auto;
}

#sbi_load .btn {
	margin-right: 15px;
	font-size: 14px;
}

#sb_instagram svg:not(:root).svg-inline--fa {
	margin-right: 5px;
}


/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@media(max-width: 1200px) {

	.featured-item h3 {
		font-size: 20px;
	}

	.discord-block h2 {
		font-size: 37px;
	}

	header .navbar-expand-lg .navbar-nav .nav-link {
		padding: 40px 15px;
	}

	.navbar-brand img {
		max-width: 160px;
	}

	header .presenting-partner {
		max-width: 90px;
	}


}


@media(max-width: 991px) {

	.featured-posts .tab-pane {
		padding-top: 250px;
	}

	.featured-posts .nav-tabs .nav-link {
		font-size: 22px;
	}

	header .navbar-expand-lg .navbar-nav .nav-link {
		padding: 15px;
	}

	.discord-block .btn {
		padding: 12px 35px;
		margin-top: 12px;
	}

	.discord-block h2 {
		font-size: 24px;
		padding-top: 10px;
	}

	.discord-block img {
		max-width: 80%;
	}

	.btn {
		font-size: 14px;
	}

	.category-wrapper article h2 a {
		font-size: 24px;
	}

	.team-banner h2 {
		font-size: 65px;
	}

	.team-banner {
		min-height: 315px;
	}

	.contact-page .departments .department {
		padding: 45px 0;
	}

	.contact-page .departments .department h3 {
		font-size: 18px;
	}

}

@media(max-width: 767px) {

	header {
		padding: 5px 0;
	}

	.banner img {
		max-width: 50%;
		height: auto;
	}

	.featured-posts .tab-pane {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.featured-posts .nav-tabs .nav-item {
		height: auto !important;
	}

	.featured-posts .nav-tabs .nav-link {
		font-size: 18px;
	    padding-top: 30px;
	    padding-bottom: 30px;
	}

	.navbar-brand {
		margin-right: 0;
	}

	header .navbar-expand-lg .navbar-nav {
		margin-top: 10px;
	}

	header .navbar-expand-lg .navbar-nav .nav-link {
		padding: 8px 0;
		font-size: 16px;
	}

	.featured-posts .tab-content h2 {
		font-size: 28px;
	}

	.featured-posts .tab-pane:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: red;
		background: #0b0e17;
    	opacity: 0.5;
	}

	.featured-posts .tab-pane * {
		position: relative;
	}

	.featured-item img {
		max-width: 150px;
	}

	.discord-block h2 {
		margin: 25px auto;
	}

	.discord-block h2 span {
		display: block;
	}

	.results-listing .result-item {
		width: 100% !important;
	}

	.results-listing .result-item h2 {
		padding: 30px 0;
	}

	.results-inner.match-style .result img, .results-inner .match img {
		max-width: 100%;
		height: auto;
	}

	.results-inner h2.next-match {
		margin-bottom: 20px;
		font-size: 24px;
	}

	footer .footer-logo {
	    margin: 40px auto;
	    max-width: 170px;
	}

	footer .bottom .float-left {
		width: 100%;
		text-align: center;
		margin-bottom: 5px;
	}

	footer .bottom .float-right {
		width: 100%;
		text-align: center;
	}

	.category-wrapper article.featured {
		padding: 50px;
	}

	.page-banner .breadcrumb-container {
		text-align: left;
	}

	.team-roster img.player-image {
		max-width: 20%;
	    margin-top: 25px;
	    margin-left: 10px;
	}

	.team-roster ul {
		margin-bottom: 25px;
	}

	.team-roster ul li a {
		font-size: 16px;
	    padding: 12px;
	}

	.sponsor-images img {
		max-width: 20%;
		height: auto;
	}

	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
		width: 100%;
	}

	body.branding-media-kits .page-container {
		text-align: center;
	}

	body.branding-media-kits .page-container h3 {
		margin-top: 0px !important;
	}

}