@import url('base.css');

@font-face {
	font-family: 'eaDisplay';
	src: url("/assets/fonts/ea/ElectronicArtsDisplay-Regular.woff2");
}

@font-face {
	font-family: 'eaRegular';
	src: url("/assets/fonts/ea/ElectronicArtsText-Regular.woff2");
}

@font-face {
	font-family: 'Exo 2';
	src: url("/assets/fonts/exo_2/Exo2-Thin.ttf");
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Exo 2';
	src: url("/assets/fonts/exo_2/Exo2-ThinItalic.ttf");
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'Exo 2';
	src: url("/assets/fonts/exo_2/Exo2-ExtraLight.ttf");
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Exo 2';
	src: url("/assets/fonts/exo_2/Exo2-ExtraLightItalic.ttf");
	font-weight: 200;
	font-style: italic;
}

@font-face {
	font-family: 'Exo 2';
	src: url("/assets/fonts/exo_2/Exo2-Light.ttf");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Exo 2';
	src: url("/assets/fonts/exo_2/Exo2-LightItalic.ttf");
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Exo 2';
	src: url("/assets/fonts/exo_2/Exo2-Regular.ttf");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Exo 2';
	src: url("/assets/fonts/exo_2/Exo2-RegularItalic.ttf");
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Exo 2';
	src: url("/assets/fonts/exo_2/Exo2-Medium.ttf");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Exo 2';
	src: url("/assets/fonts/exo_2/Exo2-MediumItalic.ttf");
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'Exo 2';
	src: url("/assets/fonts/exo_2/Exo2-SemiBold.ttf");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Exo 2';
	src: url("/assets/fonts/exo_2/Exo2-SemiBoldItalic.ttf");
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Exo 2';
	src: url("/assets/fonts/exo_2/Exo2-Bold.ttf");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Exo 2';
	src: url("/assets/fonts/exo_2/Exo2-BoldItalic.ttf");
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: 'Exo 2';
	src: url("/assets/fonts/exo_2/Exo2-ExtraBold.ttf");
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Exo 2';
	src: url("/assets/fonts/exo_2/Exo2-ExtraBoldItalic.ttf");
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'Exo 2';
	src: url("/assets/fonts/exo_2/Exo2-Black.ttf");
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Exo 2';
	src: url("/assets/fonts/exo_2/Exo2-BlackItalic.ttf");
	font-weight: 900;
	font-style: italic;
}

@font-face{
			font-family:Chalet;
			src: url('/assets/fonts/Chalet/Chalet-ParisNineteenSeventy.woff2') format('woff2'),
			url('/assets/fonts/Chalet/Chalet-ParisNineteenSeventy.woff') format('woff'),
			url('/assets/fonts/Chalet/Chalet-ParisNineteenSeventy.ttf') format('truetype');
			font-weight:100;
			font-style:normal;font-display:swap
		}

		@font-face{
			font-family:Chalet;
			src:url('/assets/fonts/Chalet/Chalet-LonNinSev_1.woff2') format('woff2'),
			url('/assets/fonts/Chalet/Chalet-LonNinSev_1.woff') format('woff'),
			url('/assets/fonts/Chalet/Chalet-LonNinSev_1.ttf') format('truetype');
			font-weight:400;
			font-style:normal;
			font-display:swap
		}

		@font-face{
			font-family:Chalet;
			src:url('/assets/fonts/Chalet/Chalet-NewYorNinSev_1.woff2') format('woff2'),
			url('/assets/fonts/Chalet/Chalet-NewYorNinSev_1.woff') format('woff'),
			url('/assets/fonts/Chalet/Chalet-NewYorNinSev_1.ttf') format('truetype');
			font-weight:700;
			font-style:normal;
			font-display:swap
		}

body:not(.cursor-is--active) .matches-scores__navigation li{
	text-align: center;
}

@media (max-width: 767px) {
	.tableNationality, .upcoming-table .match-team__country, .matches-table .leagueCountdown{
		display: none;
	}
}

.page-heading--default h1{
	letter-spacing: 0!important;
}

.btn-danger{
	border-radius: 50px;
}

.btn-danger:hover{
	color: #ffffff!important;
}

.btn-success{
	background-color: #88df00;
	border-radius: 50px;
}

a.tableLink{
	color:#fff;
}

a.tableLink:hover{
	color: var(--alien-armpit);
}

.matches-table tbody tr:hover{
	background-color: #17617c;
	transition: .2s;
}

.matches-table tbody tr.completedRace{
	background-color: #a3ff12;
}

.matches-table tbody tr.completedRace .upcoming-table__date, .matches-table tbody tr.completedRace .match-team__name{
color: #151720;
}

.matches-table tbody tr.completedRace .raceCompletedText{
	color: var(--yellow-sun);
}

.matches-table tbody tr:hover .upcoming-table__date span{
	color: #ffffff;
	transition: .5s;

}

.matches-table tbody tr:hover .match-team__country{
	color: var(--alien-armpit);
	transition: .5s;
}

.player-info-detail__link, .player-info-detail__label {
	color: #88df00;
}

.matches-table tbody tr:hover .upcoming-table__tickets{
	color: #ffffff;
	transition: .5s;
}

.matches-table tbody tr:hover a{
	color: #ffffff;
}

.matches-table tbody tr:hover a:hover{
	color: var(--alien-armpit);
	text-decoration: underline;
	transition: .5s;
}

.matches-table tbody tr:hover .upcoming-table__label{
	color: var(--alien-armpit);
	transition: .5s;
}

.standings-table thead th img{
	width: 25px;
}

.secondaryColor{
	color: #a3ff12;
}

.standings-table thead th .df-icon {
	fill: #fff;
	width: 25px;
	height: 25px;
}

.joinedTeam{
	width: 45px!important;
}

.match-stats-links li a .rrIcon{
	color: #5e627e;
	-webkit-transition: 300ms all ease;
	transition: 300ms all ease;
}

.match-stats-links li a:hover .rrIcon{
	color: #ffffff;
	-webkit-transition: 300ms all ease;
	transition: 300ms all ease;
}

.match-stats-links li a.active .rrIcon{
	color: #ffffff;
	-webkit-transition: 300ms all ease;
	transition: 300ms all ease;
}

.matches-table tbody tr:hover .standings-table__streak--losses{
	color: #ffffff;
}

.widget-loop.widget-twitch.pink{
	background-color:var(--opal-green);
}

.text-main{
	color: var(--alien-armpit);
}

.text-white{
	color: #ffffff;
}

.text-purple{
	color:#B855D4!important;
}

.text-turquoise{
	color:#40E0D0!important;
}

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

.language_cell{
color: white;
padding: 15px 25px;
text-align: left;
border-radius: 20px;
}

.language_cell:hover{
	background-color: #252939!important;
}

.language_cell img{
	display: inline-block;
	vertical-align: middle;
}

.language_cell span{
	display: inline-block;
	vertical-align: middle;
}

.redbull{
	color: #3671C6;
}

.search-panel__content .selected {
	border-inline: 2px solid var(--alien-armpit);
}

 .checkout-login{
	text-align: left;
}

.checkout-redeem__subtitle {
	color: var(--alien-armpit);
}

.mb-40{
	margin-bottom: 40px;
}

.game-card__thumb {
	border: 5px solid var(--alien-armpit);
	box-shadow: 0px 10px 199px 0px rgb(26 15 63 / 50%);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	overflow: hidden;
 }

 .game-card__thumb img {
	width: 100%;
 }

 .game-card__content {
	padding: 20px;
	background-color: #252939;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: -50px 15px 0 15px;
	position: relative;
 }

 .game-card__info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
 }

 .game-card__info .thumb {
	width: 80px;
	height: 80px;
	box-shadow: 0px 12px 13px 0px rgb(26 15 63 / 46%);
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	overflow: hidden;
 }

 .game-card__info .thumb img {
	height: 80px;
	object-fit: cover;
	-o-object-fit: cover;
	object-position: center;
	-o-object-position: center;
 }

 .game-card__info .content {
	width: calc(100% - 80px);
	padding-left: 30px;
 }

 .game-card__title {
	text-transform: uppercase;
	margin-bottom: 8px;
 }

 h3 {
	color: #ffffff;
	font-weight: 600;
	margin: 0;
	line-height: 1.3;
	font-size: 32px;
 }

 .game-card__ratings a {
	display: inline-block;
	width: 51px;
	height: 51px;
	line-height: 51px;
	border: 2px solid #5e627e;
	border-radius: 100%;
	text-align: center;
	color: #5e627e;
	font-size: 18px;
	margin: 0 10px;
	border-radius: 100%;
	text-align: center;
 }

 .game-card__ratings a:hover {
	border: 2px solid var(--alien-armpit);
	color: #fff;
 }

 .game-card__ratings a svg {
	display: inline-block;
	width: 18px;
	height: 18px;
	fill: #5e627e;
	-webkit-transition: fill 300ms ease;
	transition: fill 300ms ease;
 }

 .game-card__ratings a:hover svg {
	fill: #fff;
 }

 .main-nav ul li a:hover, .main-nav__list li.active > a{
	color: var(--alien-armpit);
 }

 .main-nav__toggle, .main-nav__toggle-2, .main-nav__toggle:before, .main-nav__toggle-2:before{
	background-color: var(--yellow-sun);
 }

 .header-menu-toggle{
	background-color: var(--alien-armpit);
 }

 .site-header--top, .site-header--bottom{
	background: var(--maastricht-blue);
  backdrop-filter: blur(22.5px);
 }

 .header-menu-toggle__inner span{
	background: var(--maastricht-blue);
 }

 .header-cart-toggle:hover .df-icon, .header-search-toggle:hover .df-icon, .header-filter-toggle:hover .df-icon, .header-social-toggle:hover .df-icon, .header-top-bar-toggle:hover .df-icon, .header-team-toggle:hover .df-icon{
	fill: var(--alien-armpit);
 }

 .widget-loop.widget-twitch .countdown-counter__item{
	color: var(--alien-armpit);
 }

 .widget-loop.widget-twitter{
	background-color: var(--alien-armpit);
 }

 .blog-layout--style-4 .post__title a:hover{
	color: var(--alien-armpit);
 }

 .dl-menuwrapper li.active > a, .dl-menuwrapper li a:hover{
	color: var(--alien-armpit);
 }

 .dl-toggle:after, .dl-toggle:before{
	background-color: var(--yellow-sun);
 }

 .menu-panel{
	background-color: var(--maastricht-blue-80);
    backdrop-filter: blur(15px);
 }

 .main-nav__sub li a{
	background-color: var(--prussian-blue);
    border-bottom: 1px solid var(--maastricht-blue-10);
 }

 .standings-table__losses, .standings-table__streak--losses{
	color: #ff1c5c;
 }
 .site-header--bottom .main-nav__sub ul{
	bottom: 0;
 }

 .login-form .login-form__button{
	border-radius: 50px;
	background-color: var(--alien-armpit);
	color: var(--maastricht-blue);
 }

 .login-form .login-form__button:hover{
	background-color: var(--maastricht-blue);
	color: var(--white);
	box-shadow: none;
 }

 .btn-primary{
	background-color: var(--yellow-sun);
	color: var(--maastricht-blue);
	border-radius: 50px;
 }
 
.leagues-table tbody tr:nth-child(odd) {
	background-color: var(--maastricht-blue-60);
}

.leagues-table tbody tr:nth-child(even) {
	background-color: var(--maastricht-blue-60);
}

.matches-table tbody tr:nth-child(odd){
	background-color: var(--maastricht-blue-80);
}

.matches-table tbody tr:nth-child(even){
	background-color: var(--maastricht-blue-90);
}

@media (min-width: 1400px){
	.search-panel__content{
		max-width: 1400px;
		font-size: 24px;
	}

	.language_cell{
		margin: 20px 5px;
	}
	
	.checkout-login, .checkout-redeem{
		 margin-bottom: 30px; 
	}

	.player-info-title.h1 {
		font-size: 5rem;
		text-transform: uppercase;
	}
}

.header-search-toggle .icon-language:hover, .header-search-toggle .icon-language:focus, .header-search-toggle .icon-language:visited, .header-search-toggle .icon-language:active{
	color: var(--alien-armpit);
}

@media (min-width: 1200px) and (max-width: 1399.98px){
	.search-panel__content{
		max-width: 1400px;
	}
	

	.language_cell{
		margin: 20px 5px;
		font-size: 20px;
	}

	.checkout-login, .checkout-redeem{
		margin-bottom: 30px;
	}

	.player-info-title.h1 {
		font-size: 5rem;
		text-transform: uppercase;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px){
	.search-panel__content{
		max-width: 1200px;
	}

	.language_cell{
		margin: 20px 0;
		font-size: 24px;
	}
		
		.checkout-login, .checkout-redeem{
			margin-bottom: 30px; 
	}

	.checkout-redeem__title {
		margin-bottom: 2px;
		font-size: 26px;
		line-height: 26px;
	}

	.checkout-login img{
		width: 40px;
	}
}

@media (min-width: 768px) and (max-width: 991.98px){
	.search-panel__content{
		max-width: 992px;
	}
	

	.language_cell{
		margin: 20px 0;
		font-size: 18px;
	}

	.checkout-redeem__title {
		margin-bottom: 2px;
		font-size: 32px;
		line-height: 36px;
	}
	
	.checkout-login img{
		width: 40px;
	}
		
	.checkout-login, .checkout-redeem{
		margin-bottom: 20px; 
	}
}

@media (min-width: 576px) and (max-width: 767.98px){
	.search-panel__content{
		max-width: 768px;
	}
	

	.language_cell{
		margin: 20px 0;
		font-size: 18px;
	}

	.checkout-redeem__title {
		margin-bottom: 2px;
		font-size: 32px;
		line-height: 36px;
	}
}

@media (max-width: 575.98px){
	.search-panel__content{
		max-width: 576px;
	}

	.language_cell{
		padding: 10px 25px;
	}

	.checkout-redeem__title {
		margin-bottom: 2px;
		font-size: 32px;
		line-height: 36px;
	}
}

.header-search-toggle .icon-language{
	color: #fff;
	font-size: 30px;
	transition: .3s;
}

.header-search-toggle .icon-language:hover, .header-search-toggle .icon-language:focus, .header-search-toggle .icon-language:visited, .header-search-toggle .icon-language:active{
	font-size: 30px;
	transition: .3s;
}


.checkout-login, .checkout-redeem{
	border-inline: 2px solid #88df00;
	border-radius: 150px;
}

.site-wrapper--has-search-overlay .search-panel{
	background-color: var(--maastricht-blue-80);
    backdrop-filter: blur(15px);
}

.search-panel__content .selected {
	border-inline: 2px solid var(--alien-armpit);
 }

 .language_cell{
	transition: .3s;
 }
 .language_cell:hover{
	transition: .3s;
 }

 .header-social-toggle__plus:before, .header-social-toggle__plus{
	background-color: var(--alien-armpit);
 }

 .blog-layout--style-4 .post__excerpt{
	color: #ffffff;
 }


article:hover .blog-layout--style-4 .post__thumbnail:before {
	background-color: var(--maastricht-blue-80);
 }

 .widget.slick-slider .slick-dots li.slick-active:before, .widget.slick-slider .slick-dots li:hover:before, .widget.slick-slider .slick-dots li.slick-active:before{
	background-color: var(--alien-armpit);
 }

 .widget-carousel .player__stats .counter__number{
	color: var(--alien-armpit);
 }

 article.post.has-post-thumbnail:hover .post__thumbnail:before{
	backdrop-filter: blur(10px);
	background-color: var(--opal-green-75);
	transition: .3s;
 }

 .post__cats-item a{
	color: var(--yellow-sun);
 }

@media (min-width: 1920px){
	.player-info-title.h1 {
		margin-bottom: 76px;
		font-size: 5rem;
		text-transform: uppercase;
	}
}

@media (min-width: 1200px) and (max-width: 1919.98px) {
	.checkout-redeem__subtitle {
		line-height: 22px;
		font-size: 16px;
	}

	.checkout-redeem__title {
		margin-bottom: 2px;
		font-size: 2rem;
		line-height: 2rem;
	}
}