/*
 * Globals
 */


/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
}


/*
 * Base structure
 */

body {
	text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
	/*box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);*/
	/*overflow:hidden;*/
	overflow-x:hidden;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

body.bg-home {
	background-color:#284624; /*#012969 blue from hodojo*/
	background-image: url("./img/rockwall-bg@1440w.webp");
	/*background-image: url("./img/hodojo-background.webp");*/
	
}

body.bg-faq {
	background-color:#361977;
	background-image: url("./img/tempest-bg.webp");	
}

body.bg-press {
	background-color:#b1623f;
	background-image: url("./img/Aethereal Gates-lg.webp");	
}

a {color: #fb9b36;text-decoration:none;} /*other orange #ed881d*/
a:hover {color: #b13400;}

.cover-container {
  max-width: 49em;
}

.cover-container.faq { rgba(124,67,173,0.4)
	background: rgb(0,33,92);
	background: linear-gradient(180deg, rgba(41,22,107,0) 5%, rgba(41,22,107,0.65) 14%);
	/*background: rgb(0,33,92);  ###blue version for Hodojo
	background: linear-gradient(180deg, rgba(0,33,92,0) 3%, rgba(0,33,92,0.85) 5%);*/
}

.cover-container.press {
	background: rgb(0,33,92);
	background: linear-gradient(180deg, rgba(85,52,46,0) 5%, rgba(85,52,46,0.75) 14%);
}


/*
 * Header
 */
 
header {
	margin-bottom:clamp(50px, 13%, 200px);
}

.studio-logo {
	max-height:40px;
	/*cool hover effect*/
 }

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .8);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

/*
 * Body
 */

.main-logo {
	z-index:;
	position:absolute;
	top:-250px;
	left:calc(50% - 450px);
	width:900px;
	height:900px;
}

.trailer {
	/*position:relative;*/
	margin:0 auto;
	border-radius:5px;
	border: 10px solid rgba(40,70,36,0.6);
	/*border:10px solid rgba(0,33,92,0.4); blue border for hodojo BG*/
}

#wishlist iframe {
	margin-top:40px;
	width:100%;
}


.zet-bg-container { 
	position:relative;
	width:50%;
}

/*.zet-bg-s {
	z-index:-2;
	display:none;
	position:fixed;
	overflow:hidden;
	width:900px;
	height:775px;
	left:-330px;
	bottom:-150px;
	background: url("./img/zet-bg-s.webp") no-repeat;
}*/

/*.ran-bg-s {
	z-index:-2;
	display:none;
	position:fixed;
	overflow:hidden;
	width:900px;
	height:780px;
	right:-220px;
	bottom:-150px;
	background: url("./img/ran-bg-s.webp") no-repeat;
}*/

.wrastor-bg-s {
	z-index:-2;
	display:none;
	position:fixed;
	overflow:hidden;
	width:900px;
	height:1012px;
	left:-250px;
	bottom:-375px;
	background: url("./img/wrastor-char-hero.webp") no-repeat;
}

.kragg-bg-s {
	z-index:-2;
	display:none;
	position:fixed;
	overflow:hidden;
	width:900px;
	height:798px;
	right:-220px;
	bottom:-110px;
	background: url("./img/kragg-char-hero.webp") no-repeat;
}

.char-bottom-s {
	z-index:-1;
	position:absolute;
	overflow:hidden;
	top:calc(100vh + 25px);
	width:100%;
	height:100%;
	background: rgb(1,41,105);
	background: linear-gradient(180deg, rgba(1,41,105,1) 15%, rgba(1,41,105,0) 100%); 
}

#main {
}

#wishlist {margin-top:50px;}

#wishlistBox {
	position:relative;
	text-align:left;
	border:2px;
	border-top: 1px solid #424c5c;
	border-left: 1px solid #424c5c;
	background: linear-gradient(130deg, #3b4351, #282e39);
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4);
	padding:10px 15px;
}

#wishlistBox h1 {font-size:21px;}

#wishlistBox p {
	font-size:13px;
	color:#c9c9c9;
	font-weight:400;
}

#wishlist-floating-button {
	position:absolute;
	padding: 5px 5px 5px 10px;
	font-size:16px;
	right:5px;
	bottom:-18px;
	color: #b8dc89;
	border: 1px solid #232a0e;
	background: -webkit-linear-gradient( 30deg, #395021 5%,#283e18 95%);
	background: linear-gradient( 60deg, #395021 5%,#283e18 95%);
	height:auto;
}

#wishlist-floating-button a {
	display:inline-block;
	color: #d2efa9;
	background: linear-gradient( to right, #6fa720 5%, #588a1b 95%);
	text-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.3 );
	text-align: center;
	padding: 2px 11px;
	border-radius: 2px;
}

#main p {
	margin-bottom:50px;
}

.press #main p {margin-bottom:25px;}

footer img {
	margin-right:10px;
	max-height:30px;
}

/*
 * Media Queries
 */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {}
/* Extra small mobile devices (phones, 390px and up) */
@media only screen and (min-width: 390px) {}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}
/* Extra large devices (large laptops and desktops, 1550px and up) */
@media only screen and (min-width: 1550px) {
	/*.zet-bg-s {display:block;}
	.ran-bg-s {display:block;}*/
	.wrastor-bg-s {display:block;}
	.kragg-bg-s {display:block;}
}