/*
Theme Name:     Jupiter Child Theme
Theme URI: 		http://themeforest.net/user/artbees
Description:    Child theme for the Jupiter theme 
Author:         Your name here
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Version:        1.0
*/

/* GLOBAL */

body {
    background-color: #2a2f36;
	overflow-x: hidden;
}

video {
	z-index: 0;
	overflow: hidden;
}

hr {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    border: 0 !important;
    border-top: 1px solid #fff !important;
}

html {
	background-color: #2a2f36;
}

html, body {
	height: 100%;
}

.mk-main-wrapper-holder {
    background: #2a2f36 !important;
}


.header-logo {
    padding: 15px 15px 15px 0px;
}

#latest-video{
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		width: 100%;
		min-height: 100%;
		z-index: 2;
		-webkit-transform-style: preserve-3d;
	}	
	#latest-video video {
		position: absolute;
		top: 0;
		left: 0;
		min-width: 100%;
		min-height: 100%;
	}

.mk-blog-spotlight-item.three-column {
    padding: 5px;
}

.section_header {
	display: block;
	text-transform: uppercase;
	padding: 40px 0;
}

.container-fluid {
	padding: 0;	
}


.date_time {
	color: #fff !important;
}

section#mk-page-introduce {
    display: none !important;
}

#stickyheader {
    width: 100%;
    height: 10px;
}

#stickyalias {
    display: none;
    height: 10px;
}


#theme-page .theme-page-wrapper {
    margin: 20px 0 !important;
    min-width: 100% !important;
}

#theme-page .theme-page-wrapper .theme-content, #theme-page .theme-page-wrapper .theme-content.no-padding {
    padding: 0px !important;
    min-width: 100%;
}

#background_overlay {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    z-index: 3 !important;
    top: 0px;
    left: 0px;
}

.padding-60px {
    height: 60px;
}

.padding-40px {
    height: 40px;
}

.padding-20px {
    height: 20px;
}

.no_bullet {
    list-style: none;
}

.no-padding {
    margin: 0px !important;
}

.theme-content {
    padding: 0px !important;
}

.vc_col-sm-8.wpb_column.column_container._.height-full {
    padding: 0px !important;
}

#theme-page .theme-page-wrapper {
    margin: 0px !important;
}

.mk-padding-wrapper {
    padding: 0px !important;
}

#theme-page .theme-page-wrapper .theme-content, #theme-page .theme-page-wrapper .theme-content.no-padding {
    padding: 0px !important;
    min-width: 100%;
}

.page_title {
    padding-left: 100px;
}

.return_btn {
    margin-left: 40px !important;
}

#game_platforms {
		padding-left: 20px;	
}

.fancybox-title {
		display: none !important;	
}

.fancybox-skin {
		background-color: #293242;
}

.image-hover-overlay {
		display: none;
}

.padding-v-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.all_games {
    font-size: 120px !important;
}

.game_link_target {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

.game_bg_border {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 5px solid #2a2f36;
    left: 0;
    top: 0;
    z-index: 2;
		cursor: pointer;
}

#blog_title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    z-index: 9;
}

#game_header_spacer {
		min-height: 400px;
}

#game_header_bg {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	height: 100%;
	width: 75%;
	top: 0;
	left: 0;
}

.mk-section-video video {
    position: relative;
}

/* FOOTER */
#mk-footer {
    padding: 0px;
}


/* OVERLAYS */
.overlay {
	background-color: rgba(0,0,0,0.75);
}

.overlay_header {
	background-color: rgba(0,0,0,0.5);	
}

/* TYPOGRAPHY */
.text_shadow {
	text-shadow: 0px 0px 4px #000000;
}

/* GAME PAGE */

.latest_game_icon {
	position: absolute;
	top: 64px;
	left: 64px;
	z-index: 2;
}


.latest_game_icon img {
	max-width: calc(100vw - 200px);
	width: 256px;
}

#latest_game, #latest_game_info {
	height: calc(100vh - 90px);
	padding: 0px;
	overflow: hidden;
}

#latest-game-video {
	height: 100%;/* 
	position: relative !important; */
}
.latest_game_header {
	font-size: 60px;
    margin-bottom: 150px;
    display: block;
}

#latest_game {
	display: block;
	min-height: 600px;
	background-repeat: no-repeat;
	background-position: center center;
    background-size: cover;
	position: relative;
}

#latest_game_info {
	padding-left: 30px;
	position: relative;
	z-index: 3;
}

#latest_game_info_inner {
		position: absolute;
		bottom: 0px;
}

.game_link, .game_link_all {
    width: 100%;
    display: block;
		z-index: 2;
		position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.game_bg {
    position:absolute;
		top: 0;
		left: 0;
	  z-index: 1;
	  width: 100%;
		height: 100%;
	  opacity: .3;
}

.game_title {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 40px;
}

.game_list, #latest_game {
		cursor: pointer;	
}

.game_rating_image {
    padding: 5px 0px 10px 0px;
}
#game_videos_bottom {
	margin-top: 20px;
	margin-bottom: 20px;
}

#game_images_top, #game_header_text {
	z-index: 100 !important;	
}

.game_page_latest_game_icon {
		padding-top: 20px;
}

.game_icon_games_page {
		height: 64px;	
}

.game_page_game_link {
    height: 96px;
    width: 100%;
    background-color: rgba(0,0,0,0.75);
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 15px;
		z-index: 2;
}

.game_title_games_page {
		text-transform: uppercase;
		font-size: 20px;
		font-weight: 600;
}

.game_page_game_bg {
    position:absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

#game_header video, #front_header_video {
    /* width: 100% !important; */
    min-height: 100% !important;
}

#game_header {
	height: 65vh;
	min-height: 560px;
	position: relative;
}

#game_header * {
	text-transform: uppercase;
}

#game_header_text {
    position: absolute;
}

#game_header video{
    margin-top: 0;
}

.single-game .mk-section-video {
    width: 100% !important;
}

.game_platform {
	display: inline-block;
	text-align: left;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.icon_body_social {
	font-size: 32px;
}

#social_links_body {
	z-index: 1;
	padding: 40px 0px;
}

#video-container {
	position: absolute;
	top:0%;
	left:0%;
	height:100%;
	width:100%;
	overflow: hidden;
}

#game_about {
	z-index: 1;
	padding: 60px 40px;
	background-color: #222;
}

#game_about li {
	list-style: none;
}

#game_images_bottom img {
    height: auto;
    width: 100%;
}

.game_icon {
    width: 25% !important;
}

.game_list {
    padding-top: 75px;
    padding-bottom: 75px;
}

.game_title {
	font-size: 35px;
}

.game_title_games_page {
    padding-top: 15px;
    line-height: 1;
}


/* RETAILER */

.retailer_select {
    padding: 20px;
    width: 90%;
    border-radius: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff !important;
    margin-bottom: 10px;
    border: 1px solid #003559 !important;
    background: #293242 !important;
    background: -webkit-linear-gradient(#293242 0%, #1a1820 100%);
    background: -o-linear-gradient(#293242 0%, #1a1820 100%);
    background: linear-gradient(#293242 0%, #1a1820 100%) !important;
}

.retailer_select option {
	background-color: #003559;
}

.retailer_purchase_btn, #mc-embedded-subscribe{
    padding: 10px 30px;
    margin-top: 20px;
    display: block;
    text-align: center;
	font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 5px;
    border: 1px solid #003559;
    background: #293242 !important;
    background: -webkit-linear-gradient(#293242 0%, #1a1820 100%);
    background: -o-linear-gradient(#293242 0%, #1a1820 100%);
    background: linear-gradient(#293242 0%, #1a1820 100%) !important;
}

.retailer_field {
	width: 100% !important;
}

/* MEDIA QUERIES */
/****** RESPONSIVE TEXT ******/

@media only screen and (max-width : 1024px) {
	.mobile-hide {
		display: none;
	}
}

@media only screen and (min-width : 1280px) {
    h1 {
        font-size: 72px !important;
        line-height: 72px !important;
    }
    h2 {
        font-size: 40px !important;
        line-height: 40px !important;
    }
    h3 {
        font-size: 36px !important;
        line-height: 36px !important;
    }
    h4 {
        font-size: 30px !important;
        line-height: 30px !important;
    }
    h5 {
        font-size: 26px !important;
        line-height: 26px !important;
    }
    h6 {
        font-size: 22px !important;
        line-height: 22px !important;
    }
    .game_platform_image {
		height: 32px !important;
	}
}

@media only screen and (min-width : 731px) and (max-width : 1279px) {
    h1 {
        font-size: 55px !important;
        line-height: 55px !important;
    }
    h2 {
        font-size: 36px !important;
        line-height: 36px !important;
    }
    h3 {
        font-size: 32px !important;
        line-height: 32px !important;
    }
    h4 {
        font-size: 26px !important;
        line-height: 26px !important;
    }
    h5 {
        font-size: 22px !important;
        line-height: 22px !important;
    }
    h6 {
        font-size: 18px !important;
        line-height: 18px !important;
    }
		.game_icon {
				height: 128px !important;	
		}
		.game_title {
				font-size: 30px !important;
				line-height: 1;
		}
		.game_platform_image {
				height: 20px !important;
		}
		.latest_game_icon {
			top: 10px;
			left: 10px;
		}
		.latest_game_icon img {
			height: 64px !important;
			width: auto !important;
		}
}

@media only screen and (max-width : 730px) {
    h1 {
        font-size: 40px !important;
        line-height: 40px !important;
    }
    h2 {
        font-size: 30px !important;
        line-height: 30px !important;
    }
    h3 {
        font-size: 26px !important;
        line-height: 26px !important;
    }
    h4 {
        font-size: 22px !important;
        line-height: 22px !important;
    }
    h5 {
        font-size: 18px !important;
        line-height: 18px !important;
    }
    h6 {
        font-size: 16px !important;
        line-height: 16px !important;
    }
		.game_icon {
				height: 48px !important;	
		}
		.latest_game_icon {
			top: 10px;
			left: 10px;
		}
		.latest_game_icon img {
			height: 64px !important;
			width: auto !important;
		}
		.game_title {
				font-size: 24px !important;	
		}
		.game_platform_image {
			height: 20px !important;
		}
		#game_header, .container-fluid {
			padding: 0px !important;	
		}
}

@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1366px) {
    #page_header .mk-section-video video, #latest-video video {
        display: none !important;
    }
}

@media only screen and (min-device-width: 1024px) {
	.icon_body_social {
			font-size: 32px !important;	
		}
	.game_page_game_list{
			display: inline-block;
			height: 25vw;	
		}
}

@media only screen and (max-width: 1023px) and (min-device-width: 320px) {
		.game_page_game_list{
			display: inline-block;
			height: 50vw;	
		}
		.icon_body_social {
			font-size: 30px !important;	
		}
		.mk-blog-modern-item .mk-blog-meta {
			margin: 20px;	
		}
		.d-md-none, .mk-toolbar-resposnive-icon {
			display: none;
		}
		.game_list {
				height: 50vw !important;	
		}
		#game_header, #page_header {
        	background-position: center center !important;
        	background-attachment: scroll !important;
        	background-size: cover !important;
    	}
		#theme-page .theme-page-wrapper.no-padding {
        	padding: 0px !important;
    	}
		#game_info {
			margin-bottom: 40px;
			display: block;
		}
		.game_title_games_page {
			font-size: 18px;
			line-height: 1.5;
		}
		#header_video {
			display: none;		
		}
		.mobile_video_padding {
			margin-top: 10px;
			margin-bottom: 10px;
		}
}

@media only screen and (min-device-width: 1921px) {
    #game_header, #page_header {
        background-position: center center !important;
        background-attachment: scroll !important;
        background-size: cover !important;
    }
}

@media screen and (max-width: 992px ) {
	#game_header {
		min-height: 400px;
	}
	#game_header_bg {
    	width: 100% !important;
    	height: 100% !important;
	}
	.game_platform_image {
    	height: 33%;
	}
	.game_logo {
    	width: 40%;
    	padding-left: 20px;
	}
	#latest-video video {
    	display: none !important;
	}
	.game_icon {
		width: auto !important;
	}
	.svg-inline--fa.fa-w-16 {
    	width: .75em;
	}
	h1.the-title {
		padding-left: 10px;
		padding-right: 10px;
	}
	.vidbg-container {
		display: none !important;
	}
}

@media screen and (max-width: 768px ) {
	#game_header {
		height: 300px !important;
	}
	#latest-game-video {
		display: none;
	}
}

/* OTHER */
.turnt_text {
	text-align: center;
	-webkit-animation:colorchange 4s infinite alternate;
}

@-webkit-keyframes colorchange {
      0% {color: #00e5ff;}
      10% {color: #ea3aff;}
      20% {color: #99ffbd;}
      30% {color: #fff956;}
      40% {color: #ff22ae;}
      50% {color: #ff8c6d;}
      60% {color: #ff8400;}
      70% {color: #ffb3ca;}
      80% {color: #3cff58;}
      90% {color: #74048c;}
      100% {color: #ff0000;}
    }

#blub-blub-bro{ display: none;	}

#sean_blog_dec {	position: relative;	}

#canv {
    position: absolute;
    left: 0px;
    z-index: -20;
    width: 250%;
    height: 100%;
    overflow: visible;
    top: 0px;
}

#news * {
	z-index: 1;
}

.mk-header-holder {
	z-index: 999999999999;
}

#press_releases-padding-01 {
	display: flex;
	width: 100%;
	justify-content: center;
	flex-direction: column;
	text-align: center;
}

.flex-sub {
	display: table-cell;
	vertical-align: middle;
	flex: 1;
	padding: 20px;
	justify-content: center;
	flex-direction: column;
	text-align: center;
}