.container-fluid {
	padding:0;
}

.categories-main{
	min-height:100vh;
	/*background-image:url(../images/keyart/key_art_2022_right.png);*/
	background-size: cover; 
	background-position: center;
	background-repeat: no-repeat;
	padding-top:15vh;
}

.categories-page{
	min-height:100vh;
	background-image:url(../images/keyart/key_art_2022_right.png);
	background-size: cover; 
	background-position: center;
	background-repeat: no-repeat;
	padding-top:15vh;
}

/*@media screen and (max-width:919px){*/
	.main-left {
		min-height:100vh;
	}
	.main-right {
		min-height:100vh;
	}
	.landing-22 {
		min-height:100vh;
	}
/*}*/

/*@media screen and (min-width:920px){
	.main-left {
		height:100vh;
	}
	.main-right {
		height:100vh;
	}
	.landing-22 {
		height:100vh;
	}
}*/

.main-left {
	/*min-height:100vh;*/
	/*background-image:url(../images/keyart/key_art_general_red_right.png);*/
	background-size: cover; 
	background-position: center;
	background-repeat: no-repeat;
	padding-top:15vh;
}
.main-right {
	/*min-height:100vh;*/
	padding-top:15vh;
	padding-bottom:15vh;
	/*background-image:url(../images/keyart/key_art_general_red_left.png);*/
	background-size: cover; 
	background-position: center;
	background-repeat: no-repeat;
}

.landing-22 {
	/*min-height:100vh;*/
	padding-top:15vh;
	/*background-image:url(../images/keyart/key_art_2022_left.png);*/
	background-size: cover; 
	background-position: center;
	background-repeat: no-repeat;
	overflow:hidden;
}

.faceoff {
	min-height:100vh;
	padding-top:15vh;
	background-image:url(../images/keyart/key_art_2022_right.png);
	background-size: cover; 
	background-position: center;
	background-repeat: no-repeat;
	overflow:hidden;
}



/* Background Images */
/*
.no-webp.bg-red-left {background-image:url(../images/parallax/bg_red_left.jpg);}
.webp.bg-red-left {background-image:url(../images/parallax/bg_red_left.webp);}
.no-webp.bg-red-right {background-image:url(../images/parallax/bg_red_right.jpg);}
.webp.bg-red-right {background-image:url(../images/parallax/bg_red_right.webp);}
.no-webp.bg-red-alt-1-right {background-image:url(../images/parallax/bg_red_alt_1_right.jpg);}
.webp.bg-red-alt-1-right {background-image:url(../images/parallax/bg_red_alt_1_right.webp);}
.no-webp.bg-red-alt-1-left {background-image:url(../images/parallax/bg_red_alt_1_left.jpg);}
.webp.bg-red-alt-1-left {background-image:url(../images/parallax/bg_red_alt_1_left.webp);}
.no-webp.bg-red-alt-2 {background-image:url(../images/parallax/bg_red_alt_2.jpg);}
.webp.bg-red-alt-2 {background-image:url(../images/parallax/bg_red_alt_2.webp);}
.no-webp.bg-red-alt-3 {background-image:url(../images/parallax/bg_red_alt_3.jpg);}
.webp.bg-red-alt-3 {background-image:url(../images/parallax/bg_red_alt_3.webp);}
.no-webp.bg-red-alt-4 {background-image:url(../images/parallax/bg_red_alt_4.jpg);}
.webp.bg-red-alt-4 {background-image:url(../images/parallax/bg_red_alt_4.webp);}
.no-webp.bg-red-alt-5 {background-image:url(../images/parallax/bg_red_alt_5.jpg);}
.webp.bg-red-alt-5 {background-image:url(../images/parallax/bg_red_alt_5.webp);}
.no-webp.bg-red-alt-6 {background-image:url(../images/parallax/bg_red_alt_6.jpg);}
.webp.bg-red-alt-6 {background-image:url(../images/parallax/bg_red_alt_6.webp);}
.no-webp.bg-red-alt-7 {background-image:url(../images/parallax/bg_red_alt_7.jpg);}
.webp.bg-red-alt-7 {background-image:url(../images/parallax/bg_red_alt_7.webp);}
.no-webp.bg-red-alt-8 {background-image:url(../images/parallax/bg_red_alt_8.jpg);}
.webp.bg-red-alt-8 {background-image:url(../images/parallax/bg_red_alt_8.webp);}
.no-webp.bg-red-alt-9 {background-image:url(../images/parallax/bg_red_alt_9.jpg);}
.webp.bg-red-alt-9 {background-image:url(../images/parallax/bg_red_alt_9.webp);}
*/

.no-webp.bg-red-left {background-image:url(../images/parallax/red/bg_red_left.jpg);}
.webp.bg-red-left {background-image:url(../images/parallax/red/bg_red_left.webp);}
.no-webp.bg-red-right {background-image:url(../images/parallax/red/bg_red_right.jpg);}
.webp.bg-red-right {background-image:url(../images/parallax/red/bg_red_right.webp);}
.no-webp.bg-red-alt-1-right {background-image:url(../images/parallax/red/bg_red_alt_1_right.jpg);}
.webp.bg-red-alt-1-right {background-image:url(../images/parallax/red/bg_red_alt_1_right.webp);}
.no-webp.bg-red-alt-1-left {background-image:url(../images/parallax/red/bg_red_alt_1_left.jpg);}
.webp.bg-red-alt-1-left {background-image:url(../images/parallax/red/bg_red_alt_1_left.webp);}
.no-webp.bg-red-alt-2 {background-image:url(../images/parallax/red/bg_red_alt_2.jpg);}
.webp.bg-red-alt-2 {background-image:url(../images/parallax/red/bg_red_alt_2.webp);}
.no-webp.bg-red-alt-3 {background-image:url(../images/parallax/red/bg_red_alt_3.jpg);}
.webp.bg-red-alt-3 {background-image:url(../images/parallax/red/bg_red_alt_3.webp);}
.no-webp.bg-red-alt-4 {background-image:url(../images/parallax/red/bg_red_alt_4.jpg);}
.webp.bg-red-alt-4 {background-image:url(../images/parallax/red/bg_red_alt_4.webp);}
.no-webp.bg-red-alt-5 {background-image:url(../images/parallax/red/bg_red_alt_5.jpg);}
.webp.bg-red-alt-5 {background-image:url(../images/parallax/red/bg_red_alt_5.webp);}
.no-webp.bg-red-alt-6 {background-image:url(../images/parallax/red/bg_red_alt_6.jpg);}
.webp.bg-red-alt-6 {background-image:url(../images/parallax/red/bg_red_alt_6.webp);}
.no-webp.bg-red-alt-7 {background-image:url(../images/parallax/red/bg_red_alt_7.jpg);}
.webp.bg-red-alt-7 {background-image:url(../images/parallax/red/bg_red_alt_7.webp);}
.no-webp.bg-red-alt-8 {background-image:url(../images/parallax/red/bg_red_alt_8.jpg);}
.webp.bg-red-alt-8 {background-image:url(../images/parallax/red/bg_red_alt_8.webp);}
.no-webp.bg-red-alt-9 {background-image:url(../images/parallax/red/bg_red_alt_9.jpg);}
.webp.bg-red-alt-9 {background-image:url(../images/parallax/red/bg_red_alt_9.webp);}


/*
.no-webp.bg-2022-left {background-image:url(../images/parallax/bg_2022_left.jpg);}
.webp.bg-2022-left {background-image:url(../images/parallax/bg_2022_left.webp);}
.no-webp.bg-2022-right {background-image:url(../images/parallax/bg_2022_right.jpg);}
.webp.bg-2022-right {background-image:url(../images/parallax/bg_2022_right.webp);}
.no-webp.bg-2022-alt-1-left {background-image:url(../images/parallax/bg_2022_alt_1_left.jpg);}
.webp.bg-2022-alt-1-left {background-image:url(../images/parallax/bg_2022_alt_1_left.webp);}
.no-webp.bg-2022-alt-1-right {background-image:url(../images/parallax/bg_2022_alt_1_right.jpg);}
.webp.bg-2022-alt-1-right {background-image:url(../images/parallax/bg_2022_alt_1_right.webp);}
.no-webp.bg-2022-alt-2-left {background-image:url(../images/parallax/bg_2022_alt_2_left.jpg);}
.webp.bg-2022-alt-2-left {background-image:url(../images/parallax/bg_2022_alt_2_left.webp);}
.no-webp.bg-2022-alt-2-right {background-image:url(../images/parallax/bg_2022_alt_2_right.jpg);}
.webp.bg-2022-alt-2-right {background-image:url(../images/parallax/bg_2022_alt_2_right.webp);}
.no-webp.bg-2022-alt-3-left {background-image:url(../images/parallax/bg_2022_alt_3_left.jpg);}
.webp.bg-2022-alt-3-left {background-image:url(../images/parallax/bg_2022_alt_3_left.webp);}
.no-webp.bg-2022-alt-3-right {background-image:url(../images/parallax/bg_2022_alt_3_right.jpg);}
.webp.bg-2022-alt-3-right {background-image:url(../images/parallax/bg_2022_alt_3_right.webp);}
.no-webp.bg-2022-alt-4 {background-image:url(../images/parallax/bg_2022_alt_4.jpg);}
.webp.bg-2022-alt-4 {background-image:url(../images/parallax/bg_2022_alt_4.webp);}
.no-webp.bg-2022-alt-5 {background-image:url(../images/parallax/bg_2022_alt_5.jpg);}
.webp.bg-2022-alt-5 {background-image:url(../images/parallax/bg_2022_alt_5.webp);}
*/

.no-webp.bg-2022-left {background-image:url(../images/parallax/2022/bg_2022_left.jpg);}
.webp.bg-2022-left {background-image:url(../images/parallax/2022/bg_2022_left.webp);}
.no-webp.bg-2022-right {background-image:url(../images/parallax/2022/bg_2022_right.jpg);}
.webp.bg-2022-right {background-image:url(../images/parallax/2022/bg_2022_right.webp);}
.no-webp.bg-2022-alt-1-left {background-image:url(../images/parallax/2022/bg_2022_alt_1_left.jpg);}
.webp.bg-2022-alt-1-left {background-image:url(../images/parallax/2022/bg_2022_alt_1_left.webp);}
.no-webp.bg-2022-alt-1-right {background-image:url(../images/parallax/2022/bg_2022_alt_1_right.jpg);}
.webp.bg-2022-alt-1-right {background-image:url(../images/parallax/2022/bg_2022_alt_1_right.webp);}
.no-webp.bg-2022-alt-2-left {background-image:url(../images/parallax/2022/bg_2022_alt_2_left.jpg);}
.webp.bg-2022-alt-2-left {background-image:url(../images/parallax/2022/bg_2022_alt_2_left.webp);}
.no-webp.bg-2022-alt-2-right {background-image:url(../images/parallax/2022/bg_2022_alt_2_right.jpg);}
.webp.bg-2022-alt-2-right {background-image:url(../images/parallax/2022/bg_2022_alt_2_right.webp);}
.no-webp.bg-2022-alt-3-left {background-image:url(../images/parallax/2022/bg_2022_alt_3_left.jpg);}
.webp.bg-2022-alt-3-left {background-image:url(../images/parallax/2022/bg_2022_alt_3_left.webp);}
.no-webp.bg-2022-alt-3-right {background-image:url(../images/parallax/2022/bg_2022_alt_3_right.jpg);}
.webp.bg-2022-alt-3-right {background-image:url(../images/parallax/2022/bg_2022_alt_3_right.webp);}
.no-webp.bg-2022-alt-4 {background-image:url(../images/parallax/2022/bg_2022_alt_4.jpg);}
.webp.bg-2022-alt-4 {background-image:url(../images/parallax/2022/bg_2022_alt_4.webp);}
.no-webp.bg-2022-alt-5 {background-image:url(../images/parallax/2022/bg_2022_alt_5.jpg);}
.webp.bg-2022-alt-5 {background-image:url(../images/parallax/2022/bg_2022_alt_5.webp);}

.no-webp.bg-2022-1 {background-image:url(../images/parallax/2022/gdwc_2022_bg_1.jpg);}
.webp.bg-2022-1 {background-image:url(../images/parallax/2022/gdwc_2022_bg_1.webp);}
.no-webp.bg-2022-2 {background-image:url(../images/parallax/2022/gdwc_2022_bg_2.jpg);}
.webp.bg-2022-2 {background-image:url(../images/parallax/2022/gdwc_2022_bg_2.webp);}
.no-webp.bg-2022-3 {background-image:url(../images/parallax/2022/gdwc_2022_bg_3.jpg);}
.webp.bg-2022-3 {background-image:url(../images/parallax/2022/gdwc_2022_bg_3.webp);}
.no-webp.bg-2022-4 {background-image:url(../images/parallax/2022/gdwc_2022_bg_4.jpg);}
.webp.bg-2022-4 {background-image:url(../images/parallax/2022/gdwc_2022_bg_4.webp);}
.no-webp.bg-2022-5 {background-image:url(../images/parallax/2022/gdwc_2022_bg_5.jpg);}
.webp.bg-2022-5 {background-image:url(../images/parallax/2022/gdwc_2022_bg_5.webp);}
.no-webp.bg-2022-6 {background-image:url(../images/parallax/2022/gdwc_2022_bg_6.jpg);}
.webp.bg-2022-6 {background-image:url(../images/parallax/2022/gdwc_2022_bg_6.webp);}
.no-webp.bg-2022-7 {background-image:url(../images/parallax/2022/gdwc_2022_bg_7.jpg);}
.webp.bg-2022-7 {background-image:url(../images/parallax/2022/gdwc_2022_bg_7.webp);}
.no-webp.bg-2022-8 {background-image:url(../images/parallax/2022/gdwc_2022_bg_8.jpg);}
.webp.bg-2022-8 {background-image:url(../images/parallax/2022/gdwc_2022_bg_8.webp);}
.no-webp.bg-2022-9 {background-image:url(../images/parallax/2022/gdwc_2022_bg_9.jpg);}
.webp.bg-2022-9 {background-image:url(../images/parallax/2022/gdwc_2022_bg_9.webp);}
.no-webp.bg-2022-10 {background-image:url(../images/parallax/2022/gdwc_2022_bg_10.jpg);}
.webp.bg-2022-10 {background-image:url(../images/parallax/2022/gdwc_2022_bg_10.webp);}
.no-webp.bg-2022-11 {background-image:url(../images/parallax/2022/gdwc_2022_bg_11.jpg);}
.webp.bg-2022-11 {background-image:url(../images/parallax/2022/gdwc_2022_bg_11.webp);}
.no-webp.bg-2022-12 {background-image:url(../images/parallax/2022/gdwc_2022_bg_12.jpg);}
.webp.bg-2022-12 {background-image:url(../images/parallax/2022/gdwc_2022_bg_12.webp);}
.no-webp.bg-2022-13 {background-image:url(../images/parallax/2022/gdwc_2022_bg_13.jpg);}
.webp.bg-2022-13 {background-image:url(../images/parallax/2022/gdwc_2022_bg_13.webp);}
.no-webp.bg-2022-14 {background-image:url(../images/parallax/2022/gdwc_2022_bg_14.jpg);}
.webp.bg-2022-14 {background-image:url(../images/parallax/2022/gdwc_2022_bg_14.webp);}
.no-webp.bg-2022-15 {background-image:url(../images/parallax/2022/gdwc_2022_bg_15.jpg);}
.webp.bg-2022-15 {background-image:url(../images/parallax/2022/gdwc_2022_bg_15.webp);}
.no-webp.bg-2022-16 {background-image:url(../images/parallax/2022/gdwc_2022_bg_16.jpg);}
.webp.bg-2022-16 {background-image:url(../images/parallax/2022/gdwc_2022_bg_16.webp);}
.no-webp.bg-2022-17 {background-image:url(../images/parallax/2022/gdwc_2022_bg_17.jpg);}
.webp.bg-2022-17 {background-image:url(../images/parallax/2022/gdwc_2022_bg_17.webp);}
.no-webp.bg-2022-18 {background-image:url(../images/parallax/2022/gdwc_2022_bg_18.jpg);}
.webp.bg-2022-18 {background-image:url(../images/parallax/2022/gdwc_2022_bg_18.webp);}
.no-webp.bg-2022-19 {background-image:url(../images/parallax/2022/gdwc_2022_bg_19.jpg);}
.webp.bg-2022-19 {background-image:url(../images/parallax/2022/gdwc_2022_bg_19.webp);}
.no-webp.bg-2022-20 {background-image:url(../images/parallax/2022/gdwc_2022_bg_20.jpg);}
.webp.bg-2022-20 {background-image:url(../images/parallax/2022/gdwc_2022_bg_20.webp);}
.no-webp.bg-2022-21 {background-image:url(../images/parallax/2022/gdwc_2022_bg_21.jpg);}
.webp.bg-2022-21 {background-image:url(../images/parallax/2022/gdwc_2022_bg_21.webp);}
.no-webp.bg-2022-22 {background-image:url(../images/parallax/2022/gdwc_2022_bg_22.jpg);}
.webp.bg-2022-22 {background-image:url(../images/parallax/2022/gdwc_2022_bg_22.webp);}
.no-webp.bg-2022-23 {background-image:url(../images/parallax/2022/gdwc_2022_bg_23.jpg);}
.webp.bg-2022-23 {background-image:url(../images/parallax/2022/gdwc_2022_bg_23.webp);}
.no-webp.bg-2022-24 {background-image:url(../images/parallax/2022/gdwc_2022_bg_24.jpg);}
.webp.bg-2022-24 {background-image:url(../images/parallax/2022/gdwc_2022_bg_24.webp);}

.bg-color-111{
	background-color: #111;
}

.bg-color-222{
	background-color: #222;
}

.bg-color-333{
	background-color: #333;
}

/* Legal */
.legal {
	background-color: #333;
}

.legal h3 {
	background-color: #333;
	margin-top: 50px;
	margin-bottom: 15px;
}

.legal ul ul {
	padding-left: 15px;
	padding-bottom: 15px;
}

.tos-summary {
	background-color: #f0e68c5c;
	padding: 15px;
	border: 1px dashed black;
}

/* Navigation */

.menu-link {
    text-decoration: none;
}

.menu-button{
	/*background-color:white; 
	color:black;
	border-radius:20px;
    height:35px;
    border-style: solid;*/
	transition-duration: 0.5s;
}

.menu-button:hover{
	background-color:#0be3a7;
	border-color: #0be3a7;
}

.burger{
    padding-right:10px;
    padding-top:10px;
	transition-duration: 0.5s;
}
.burger>button{
    border-radius:5px;
}

/* Nav bar background */
.navbar-transparent{	
    background: rgb(255,255,255,0);
	transition-duration: 0.5s;
}

.navbar-transparent:hover {
    background: rgb(255,255,255,1);
}

.navbar-transparent.scroll {
    background: rgb(255,255,255,1);
}

/* Menu link style */
.navbar-transparent .navbar-nav .nav-link{
    color: white;
    text-transform: uppercase;
}

.navbar-transparent:hover .navbar-nav .nav-link {
    color: black;
    text-transform: uppercase;
}

.navbar-transparent.scroll .navbar-nav .nav-link {
    color: black;
    text-transform: uppercase;
}

/* Menu logo style */
.navbar-transparent .navbar-brand img{	
    filter: invert(1);
	transition-duration: 0.5s;
}

.navbar-transparent:hover .navbar-brand img{
    filter: invert(0);
}

.navbar-transparent.scroll .navbar-brand img{
    filter: invert(0);
}

/* Buttons, page functions (login, logout) */

.navbar-transparent .navbar-text .login{
    color:white;
    text-transform: uppercase;
    text-decoration: none;
	transition-duration: 0.5s;
}

.navbar-transparent:hover .login-button {	
    filter:invert(1);
}

.navbar-transparent.scroll .login-button {
    filter:invert(1);
}

.navbar-transparent:hover .navbar-text {	
    filter:invert(1);
}

.navbar-transparent.scroll .navbar-text {
    filter:invert(1);
}

.navbar-transparent.scroll .navbar-brand img{
    filter: invert(0);
}

/* Right components of navigation bar */
.d-flex .menu-right{
    padding-right:40px;
}

.navbar {
    padding-left: 3vw;
    padding-right: 3vw;
    height:65px;
}

/* BURGER MENU */

@media screen and (min-width:770px){
    .right-menu {
        position:fixed;
        display: none;
        /*margin-top:70px;*/
        right:0;
        background:white;
        height:100vh;
        width:500px;
        z-index:10000;
        overflow-x:hidden;
        overflow-y:auto;
        /*font-size:80%;*/
    }
}

@media screen and (max-width:769px){
    .right-menu {
    position:fixed;
    display: none;
    /*margin-top:70px;*/
    right:0;
    background:white;
    height:100vh;
    width:100vw;
    z-index:10000;
    overflow-x:hidden;
    overflow-y:auto;
    }
}

/* Navigation bar when burger menu is open */
.burger-open {
	background: rgb(255,255,255,1);
	
}
.burger-open .navbar-nav .nav-link {
    color: black;
}
.burger-open .navbar-brand img{
    filter: invert(0);
}

.burger-open .navbar-text{
    filter:invert(1);
}

/* Navigation bar when dropdown is open */
.dropdown-open {
	background: rgb(255,255,255,1);
}
.dropdown-open .navbar-nav .nav-link {
    color: black;
}
.dropdown-open .navbar-brand img{
    filter: invert(0);
}

.dropdown-open .navbar-text{
    filter:invert(1);
}

/* Change color of close-icon image */
#close-sidebar{
    filter: invert(1);
}

/* Right menu (burger menu) */
.right-menu .menu-button{
    filter: invert(1);
}

.right-menu a{
    color:black;
    text-transform: uppercase;
    text-decoration: none;

}

/* Right menu content */
#side-menu a{
    color:black;
}
#side-menu .logo-img {
    display:none;
}

#side-menu .dropdown-item{
    padding-left:40px;
}

#side-menu .dropdown{
    margin-bottom:-20px;
}

#side-menu .nav-link {
    padding:2px;
}

#side-menu{
    list-style-type: none;
    text-transform: uppercase;
}

/*#side-menu .nav-item{
    margin-bottom:10px;
    margin-top:10px;
}*/

/* Hide buttons when navigation bar is narrow */
@media screen and (max-width:1299px){
    .login-button{
        display:none;
		transition-duration: 0.5s;
    }
}
@media screen and (min-width:1300px){
    .login-button{
        display:block;
		transition-duration: 0.5s;
    }
}

/*Overlay for videos and images*/
.info-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 9999;
    overflow: auto;
    pointer-events: none;
    opacity: 0;
    transition: .5s all;
    background: #000;
    color: #ddd;
}
.info-overlay.active {
    opacity: 1;
    pointer-events: all;
}
.info-overlay .close-overlay {
    position: absolute;
    right: 25px;
    top: 25px;
    opacity: .5;
    cursor: pointer;
    z-index: 99999;
}
#videobox .inner-box {
    padding: 80px 20px;
}

/*End of Navigation*/

/*Game page  - classes from legacy*/
.section-dark{
	position:absolute;
	margin-top:0;
	background-color: #111;
	color: #ddd;
	padding-top:0;
	padding-bottom:0;
}
.section-single {
	min-height:100%;
	margin-top:60px;
	min-width:100%;
}

.inner-shades-dark {
	padding-top:30px;
	padding-bottom:30px;
}

.section-single .inner-shades-dark{
	position:absolute;
	left:0;
	right:0;
	min-height:100%;
	top:0;
	pointer-events:none;
}

.gallery{
	color:#aaa;
}

.mini-gutter{
	margin-left: -5px;
	margin-right: -5px;
}

.mini-gutter>a, .mini-gutter>div {
    padding-left: 5px;
    padding-right: 5px;
}

.gallery img {
    width: 100%;
    display: block;
    border: 7px solid #222;
}

.table {
	color:#ddd;
}
/*END of GAME PAGE*/


p {
	font-family: 'Roboto', sans-serif !important;
	color:white;
}
.header2 {
	font-family: 'Montserrat', sans-serif !important;
	margin-bottom:25px;
}

h1, h2, h3, h4 {
	font-family: 'Montserrat', sans-serif !important;
	margin-bottom:25px;
	color:white;
}

.row {
	margin-left:0; 
	margin-right:0;
	/*height:100%;
    width:100%;*/
}
.container-left {
	direction: rtl;
}
/*.container-right {
	color:white; 
	margin-right:3vw; 
	margin-top:15vh; 	
}*/
.content-wrap {
	max-height:70vh;
	overflow-x:hidden; 
	overflow-y:auto;
}
.content-left {
	padding-left:10px; 
	direction:ltr;
}
.content-right{
	background-color: rgba(0,0,0,.2);
	/*padding-right:10px; */
	border-radius:10px;
    /*padding-left:5vw;*/
}
.content {
	background-color: rgba(0,0,0,.7);
	/*border-radius:10px;*/
}

.content a {
	color: #0be3a7;
}

.content a:hover {
	color: #82ffdc;
	/*color: #00ffb8;*/
}

.mainlink a {
	color: #0be3a7;
}

.mainlink a:hover {
	color: #82ffdc;
	/*color: #00ffb8;*/
}

.grayscale-filter {
	filter: grayscale(1);
	transition: 0.3s ease-in-out;
}

.grayscale-filter:hover{
	filter: grayscale(0);
}

.grayscale-filter-reverse {
	filter: grayscale(0);
	transition: 0.3s ease-in-out;
}

.grayscale-filter-reverse:hover{
	filter: grayscale(0);
}

/*.bottom {

}*/

@media only screen and (min-width: 760px) {
	.bottom {

		padding-top: 73vh;


	}
}


/* SCROLLBAR */
/* width */
::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  /*background: #f1f1f1; */
  background: rgba(255,255,255,0.3); 
  border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  /*background: #888; */
  background: rgba(0,0,0,0.5); 
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/* Main landing page */

.gdwc-headline{
	text-align:left; 
	font-size:3vw;
}
.the {
	font-size:1.5vw;
}
@media screen and (max-width:700px){
	.gdwc-headline{
	text-align:left; 
	font-size:150%;
	}
	.the {
		font-size:70%;
	}
}

.main-btn{
	min-width:150px;
	border-style: solid;
}

/*Bottom elements*/

@media screen and (max-width:1299px){
	#bottom-logo{
		display:none;
	}
	#news-container{
		display:none;
	}
	#logobanner{
		width:95vw;
	}
}

@media screen and (max-width:919px){
	#main-content{
		width:95vw;
	}
}

@media screen and (max-height:475px){
	#logobanner{
		display:none;
	}
}

@media screen and (max-width:360px) and (max-height:610px){
	#logobanner{
		display:none;
	}
}

#bottom-logo{
	padding-bottom:15px;
}

.news {
	text-align:right;
	padding-right:70px;
}
.news a{
	color:white;
}

.page-divider{
	width:100%;
	height:10px;
	background-color: white;
}


/* Bottom element*/
@media screen and (max-width:919px){
	.bottom-small{
		display:block;
		padding-top:35px;
	}
	.bottom-big{
		display:none;
	}

}

@media screen and (min-width:920px){
	.bottom-small{
		display:none;
	}
	.bottom-big{
		display:block;
	}

}

/* Game Card */
.game-card-box {
    /*max-width:80%; */
	width:100%;
    /*background-color: rgba(0,0,0,1);*/
	background-color: rgba(17,17,17,1);
    /*padding:2px;*/
}
.game-card {
    position: relative;
    /*background-color: rgba(0,0,0,1);*/
	background-color: rgba(17,17,17,1);
}

.game-card-header{
	background-color: rgba(17,17,17,0.7);
}

.upper-container {
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
  background-color: rgba(0,0,0,1);
  position: relative;
  z-index: 1;
}
.trailer {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,1);
  background-size: cover; 
  background-position: center;
  background-repeat: no-repeat;
}
.trailer iframe{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,1);
}
.bottom-container {
    position: absolute;
    bottom: 0;
    z-index:100;
    width:100%;
    background-color: rgba(0,0,0,0);
}

.gradient-overflow{
    width:100%;
    /*height:60px;*/
    /*background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));*/
	background-image: linear-gradient(to bottom, rgba(17,17,17,0), rgba(17,17,17,1));
}

.game-buttons{
    width:100%;
    /*background-color: rgba(0,0,0,1);*/
	background-color: rgba(17,17,17,1);
    
}
.game-name{
	padding-left:5px;
	padding-top:35px;
	width:100%;
}
.team-name{
	/*width:100%;*/
	font-weight: lighter;
}
.game-description {
    display:none;
    overflow: hidden;
   text-overflow: ellipsis;
   /*display: -webkit-box;
   -webkit-line-clamp: 3; 
           line-clamp: 3; 
   -webkit-box-orient: vertical;*/
   color:white;
   margin-top:-5px;
   padding-left:5px;
   padding-right:5px;
}

.text-color-inherit{
	color:inherit !important;
}

.btn-light-hover:hover{
	/*background-color: #ffe600;
	border-color: #ffe600;*/
	background-color: var(--bs-warning);
	border-color: var(--bs-warning);
}

.color-invert{
	filter:invert(1);
}

/* Custom Color Setups */

.bg-warningdark{
	background-color: var(--own-warning) !important;
}

.text-warningdark{
	color: var(--own-warning) !important;
}
.btn-warningdark{
	color: #fff;
	background-color: var(--own-warning);
	border-color: var(--own-warning);
}

.btn-warningdark:hover{
	color: #fff;
	background-color: var(--own-warning-dark);
	border-color: var(--own-warning-dark);
}

.border-warningdark{
	border-color: var(--own-warning) !important;
}

.bg-bluefaded{
	background-color: var(--own-blue) !important;
}

.text-bluefaded{
	color: var(--own-blue) !important;
}

.border-bluefaded{
	border-color: var(--own-blue) !important;
}

.btn-bluefaded{
	color: #fff;
	background-color: var(--own-blue);
	border-color: var(--own-blue);
}

.btn-bluefaded:hover{
	color: #fff;
	background-color: var(--own-blue-dark);
	border-color: var(--own-blue-dark);
}

.bg-mintgreen{
	background-color: var(--own-mint) !important; 
	/*color: #82ffdc; */ /* lighter version of the color */
	/*color: #00ffb8;*/ /* alternative version of the lighter color */
}

.text-mintgreen{
	color: var(--own-mint) !important; 
}

.border-mintgreen{
	border-color: var(--own-mint) !important; 
}

.btn-mintgreen{
	color: #fff;
	background-color: var(--own-mint) !important; 
	border-color: var(--own-mint) !important; 
}

.btn-mintgreen:hover{
	color: #fff;
	background-color: var(--own-mint-light);
	border-color: var(--own-mint-light);
}

.discordButton{
	background-color: var(--own-discord-dark) !important;
	border-color:  var(--own-discord-dark) !important;
}

.discordButton:hover{
	background-color: var(--own-discord-light) !important;
	border-color:  var(--own-discord-light) !important;
}

.bg-verydark{
	background-color: var(--own-dark);
}

.bg-gold {background-color: var(--own-gold);}
.bg-silver {background-color: var(--own-silver);}
.bg-bronze {background-color: var(--own-bronze);}

/* Custom Link Colors Overrides */
.link-white{ color: #fff; }
.link-white-hover:hover{ color: #fff; }
.link-black{ color: #000; }
.link-black-hover:hover{ color: #000; }
.link-blue {color: #0a58ca;}
.link-blue:hover{color: #0a58ca;}

.link-primary {color: var(--bs-primary); }
.link-primary-hover:hover {color: var(--bs-primary); }
.link-secondary {color: var(--bs-secondary); }
.link-secondary-hover:hover {color: var(--bs-secondary); }
.link-info {color: var(--bs-info); }
.link-info-hover:hover {color: var(--bs-info); }
.link-success {color: var(--bs-success); }
.link-success-hover:hover {color: var(--bs-success); }
.link-warning{color: var(--bs-warning)}
.link-warning-hover:hover{color: var(--bs-warning)}
.link-danger {color: var(--bs-danger); }
.link-danger-hover:hover {color: var(--bs-danger); }

.link-dark {color: var(--bs-dark); }
.link-dark-hover:hover {color: var(--bs-dark); }
.link-light {color: var(--bs-light); }
.link-light-hover:hover {color: var(--bs-light); }

.link-warningdark{color: var(--own-warning)}
.link-warningdark-hover:hover{color: var(--own-warning)}
.link-bluefaded{color: var(--own-blue)}
.link-bluefaded-hover:hover{color: var(--own-blue)}
.link-mintgreen{color: var(--own-mint)}
.link-mintgreen-hover:hover{color: var(--own-mint)}

/* OWN COLOR DEFAULTS */
:root{
	--own-warning: #ffa500;
	--own-warning-dark: #d18701;
	--own-blue: #2085c7;
	--own-blue-dark: #1a74af;
	--own-mint: #0be3a7;
	--own-mint-light: #82ffdc;
	--own-discord-dark: #5865F2;
	--own-discord-light: #7289DA;
	--own-dark: #111;
	--own-gold: #FFD700;
	--own-silver: #C0C0C0;
	--own-bronze: #cd7f32;


	/* Own gradients */
	--own-gradient-greenish: linear-gradient(
								215deg,
								rgba(5,255,255,0.15),
								rgba(255,255,255,0));

	--own-gradient-purpleish: linear-gradient(
									215deg,
									rgba(255,5,255,0.15),
									rgba(255,255,255,0));

	--own-gradient-yellowish: linear-gradient(
										215deg,
										rgba(255,255,5,0.15),
										rgba(255,255,255,0));

	--own-gradient-blueish: linear-gradient(
											215deg,
											rgba(13,202,240,0.25),
											rgba(255,255,255,0));

	--own-gradient-gamer: linear-gradient(
											215deg,
											rgba(13,202,240,0.25),
											rgba(255,5,255,0.20));

	--own-gradient-tequilasunrise: linear-gradient(
											215deg,
											rgba(240,212,13,0.25),
											rgba(255,5,255,0.20));
	
	--own-gradient-hollywood: linear-gradient(
											215deg,
											rgba(255,144,30,0.32),
											rgba(5,151,255,0.28));

}

.zoom-10 {
	transform: scale(1.0);
	transition: transform 0.2s;
}

.zoom-10:hover{
	transform: scale(1.1);
	z-index:10000;
}