/**************************************************/
/******* THERAPHOSA Mk.5 - March 14th 2023 ********/
/**************************************************/

/*** START RESET ***/
@import "css/reset.css";
/*** END RESET ***/

/*** START LOADING FONTS ***/
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@200;300;400&display=swap');
@font-face {
    font-family: 'aileronthin';
    src: url('fonts/aileron-thin-webfont.eot');
    src: url('fonts/aileron-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aileron-thin-webfont.woff') format('woff'),
         url('fonts/aileron-thin-webfont.ttf') format('truetype'),
         url('fonts/aileron-thin-webfont.svg#aileronthin') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*** END LOADING FONTS ***/

/*** START MAIN SETTINGS ***/
html, body
{
	background: url('img/inferno/theraphosa_studio_session_2023_148_2560.jpg') no-repeat fixed #000;
	background-size: cover;
	/*background: #000 fixed;*/
	height: 100vh;
}

img
{
	max-width: 100%;
	height: auto;
}
/*** END MAIN SETTINGS ***/

/*** START TEXT SETTINGS ***/
h1
{
	font-family: 'aileronthin', arial, sans-serif;
	font-weight: 100;
	font-size: 1.8rem;
	letter-spacing: 8px;
	text-transform: uppercase;
	color: #fff;
	margin-top: 16px;
}

h2
{
	font-family: 'Playfair Display', arial, sans-serif;
	font-weight: 400;
	font-size: 3.2rem;
	color: #e4dbbe;
}

h3
{
	font-family: 'Playfair Display', arial, sans-serif;
	font-weight: 700;
	font-size: 1.2rem;
	color: #e4dbbe;
}

p
{
	font-family: 'Crimson Pro', 'Playfair Display', arial, sans-serif;
	font-weight: 200;
	font-size: 1.2rem;
	color: #fff;
}

p span
{
	color: #e4dbbe;
}

hr
{
	background-color: #e4dbbe;
	width: 30%;
}

section#merch hr
{
	width: 90%;
}

span.pipe
{
	color: #fff;
}
/*** END TEXT SETTINGS ***/

/*** START NAV ***/
nav.mainNav
{
	width: 100%;
	height: 40px;
	background-color: #000;
	/*border-bottom: 1px solid #808080;*/
	position: fixed;
	top: 0;
	line-height: 40px;
	text-align: center;
	z-index: 1000;
}

.navbar.navbar-dark.fixed-top
{
	/*border-bottom: 1px solid #808080;*/
	display: none;
}

#navbarNav
{
	text-align: center;
	padding: 10px;
	margin-top: 5px;
}

nav.mainNav ul li, #navbarNav ul li
{
	display: inline-block;
}

nav.mainNav ul li a, #navbarNav ul li a
{
	text-decoration: none;
	color: #fff;
	font-family: 'Playfair Display', arial, sans-serif;
	font-weight: 400;
	font-size: 1em;
	margin-left: 10px;
	margin-right: 10px;
	transition-duration: 0.3s;
}

nav.mainNav ul li a:visited, #navbarNav ul li a:visited
{
	color: #fff;
}

nav.mainNav ul li a:hover, #navbarNav ul li a:hover
{
	color: #e4dbbe;
}

nav.mainNav ul li a:active, .active, #navbarNav ul li a:active
{
	color: #e4dbbe;
}
/*** END NAV ***/

/***********************************************************************************/
/***********************************************************************************/
/***********************************************************************************/

/*** START SECTIONS ***/
#main
{		
	width: 100vw;
	min-height: 100vh;
	/*margin-bottom: -70px; /* SAME AS FOOTER */
}

section
{
	width: 100vw; /*1280*/
	margin: 0 auto;
	min-height: 100vh;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	padding: 20px;
	box-sizing: border-box;
}

section.listen p, section.order p, section#merch p, section#follow p
{
	margin-top: 10px;
	margin-bottom: 25px;
}

section#partners p
{
	margin-top: 10px;
}

section.order
{
	background: url('img/marble_2.jpg') no-repeat fixed;
	background-size: cover;
}

section.order p
{
	color: #303030;
}

section#about
{
	background: #111111;
}

section#merch
{
	padding-top: 30px;
	padding-bottom: 30px;
	box-sizing: border-box;
	background: #ffffff;
}

section#merch a
{
	text-decoration: none;
}

section#merch .video_container
{
	border: 2px solid #e7e7e8;
}

section#tour, section#follow
{
	background: none;
}

section#legal-info
{
	background: url("img/footer_bkg_50.png") repeat;
}

section#partners
{
	background: url('img/bosch-small.jpg') no-repeat fixed;
	min-height: 50vh;
}

.sub_section
{
	width: 1280px;
	height: auto;
}

.sub_section.legal
{
	text-align: left;
	width: 960px;
	padding-top: 100px;
	box-sizing: border-box;
}

.sub_section.legal h1
{
	font-family: 'Playfair Display', arial, sans-serif;
	font-weight: 700;
	font-size: 2.7rem;
	color: #e4dbbe;
	letter-spacing: inherit;
	text-transform: uppercase;
	color: #fff;
	margin-top: inherit;
	text-align: center;
}

.sub_section.legal h2
{
	font-size: 1.7rem;
	margin-top: 45px;
	margin-bottom: 10px;
}

.sub_section.legal h3
{
	margin-bottom: 20px;
	font-size: 1rem;
}

.sub_section.legal p.date-of-modification
{
	text-align: center;
	font-size: 0.9rem;
	margin-top: 5px;
}

.sub_section.legal p.introduction
{
	margin-top: 45px;
}

.sub_section.legal hr
{
	margin-top: 40px;
	margin-bottom: 40px;
}

.sub_section.legal a
{
	text-decoration: none;
	color: #e4dbbe;
}

.sub_section.legal a:hover
{
	text-decoration: underline;
}

.sub_section_small
{
	max-width: 740px;
	height: auto;
	margin: 0 auto;
}

.sub_section_small p
{
	text-align: justify;
}

.sub_section_small p.special-quote
{
	text-align: center;
	font-weight: 700;
	font-size: 1.2rem;
}

.sub_section_small h2, section#tour h2
{
	margin-bottom: 35px;
}

.video_container
{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	border: 2px solid #45443c;
}

.video_container iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

section img.artwork
{
	margin-top: 25px;
	margin-bottom: 25px;
	/*border: 4px solid #e4dbbe;*/
	max-width: 100%;
	height: auto;
}

section.order .order_stream_button
{
	margin: auto;
	max-width: 800px; /* was 100% */
	height: 45px;
	line-height: 45px;
	background: #e4dbbe;
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
	font-family: 'Crimson Pro', 'Playfair Display', arial, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	transition: 0.3s;
	margin-top: 5px;
}

section.order .order_stream_button:hover
{
	background: #fff;
	text-decoration: none;
	text-transform: none;
}

section.order a
{
	text-decoration: none;
}

.col-sm
{
	height: 55px;
	overflow: hidden;
	background: #e4dbbe;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	line-height: 55px;
	transition-duration: 0.4s;
	margin-left: 5px;
	margin-right: 5px;
	padding: inherit;
}

.platforms-box
{	
	width: 100%;
	height: 55px;
}

.col-sm a
{
	text-decoration: none;
	color: #000;
	font-family: 'Playfair Display', arial, sans-serif;
	font-size: 1rem;
	font-weight: 400;
}

.col-sm:hover
{
	background: #fff;
}

.division
{
	width: 100%;
	height: auto;
	margin-top: 50px;
	margin-bottom: 50px;
	display: flex;
	justify-content: center;
}

.merch_container
{
	width: auto;
	height: auto;
	margin-left: 5px; /*5px*/
	margin-right: 5px; /*5px*/
}

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

.buy_button
{
	margin: auto;
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: #e4dbbe;
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
	font-family: 'Crimson Pro', 'Playfair Display', arial, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	transition: 0.3s;
	margin-top: 5px;
}

.buy_button:hover
{
	background: #111111;
	color: #ffffff;
}

.partners_container
{
	width: 33%;
}

.partners_content
{
	display: flex;
	width: 100%;
	min-height: 300px; /* was 180px */
	padding: 15px;
	box-sizing: border-box;
	justify-content: center;
	align-items: center;
}

.partners_logo
{
	max-width: 100%;
	background-position: center center;
	transition-duration: 0.5s;
	transition-timing-function: ease;
}

.partners_logo:hover
{
	-ms-transform: scale(1.02,1.02); /* IE 9 */
	-webkit-transform: scale(1.02,1.02); /* Safari */
	-moz-transform: scale(1.02,1.02); /* Firefox */
	transform: scale(1.02,1.02);
}
/*** END SECTIONS ***/

/***********************************************************************************/
/***********************************************************************************/
/***********************************************************************************/

/*** START SOCIAL ***/
#facebook, #twitter, #youtube, #instagram, #tiktok
{
	background-position: center center;
	transition-duration: 0.5s;
	transition-timing-function: ease;
}

#facebook:hover, #twitter:hover, #youtube:hover, #instagram:hover, #tiktok:hover
{
	background-position: center center;
	-ms-transform: scale(0.9,0.9); /* IE 9 */
	-webkit-transform: scale(0.9,0.9); /* Safari */
	-moz-transform: scale(0.9,0.9); /* Firefox */
	transform: scale(0.9,0.9);
}
/*** END SOCIAL ***/

/*** START MAILCHIMP FORM ***/
#mc_embed_signup
{

	font-family: 'Crimson Pro', 'Playfair Display', arial, sans-serif;
	font-weight: 400;
	font-size: 1rem;
	color: #fff;
	margin-top: 30px;
}

#mc_embed_signup input#mce-EMAIL
{
	width: 500px;
	height: 45px;
	display: block;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	background: url('img/input_bkg.png') repeat;
	border: 1px solid #45443c;
	font-family: 'Crimson Pro', 'Playfair Display', arial, sans-serif;
	font-weight: 400;
	font-size: 1rem;
	color: #fff;
}

#mc_embed_signup input#mce-FNAME
{
	width: 500px;
	height: 45px;
	display: block;
	margin: 0 auto;
	margin-top: 15px;
	background: url('img/input_bkg.png') repeat;
	border: 1px solid #45443c;
	font-family: 'Crimson Pro', 'Playfair Display', arial, sans-serif;
	font-weight: 400;
	font-size: 1rem;
	color: #fff;
}

#mc_embed_signup input.button
{
	
	background: #e4dbbe;
	font-family: 'Crimson Pro', 'Playfair Display', arial, sans-serif;
	font-weight: 400;
	font-size: 1rem;	
	color: #111111;
	width: 500px;
	height: 45px;
	border: none;
	margin-top: 10px;
	text-transform: uppercase;
	cursor: pointer;
	transition-duration: 0.3s;
}

#mc_embed_signup input.button:hover
{
	background: #fff;
}

.indicates-required
{
	font-size: 0.8em;
	margin-bottom: 10px;
}

span.asterisk
{
	color: #e4dbbe;
}
/*** END MAILCHIMP FORM ***/ 

/*** START BACK TO TOP BUTTON ***/
.back_to_top
{
	width: 100%;
	height: auto;
	display: block;
	margin-top: 1px; /* was 150 px */
}

.back_to_top img
{
	max-width: 100%;
	height: auto;
	transition-duration: 0.4s;
	transition-timing-function: ease;
}

.back_to_top imgdddd:hover
{
	-ms-transform: rotate(360deg); /* IE 9 */
	-webkit-transform: rotate(360deg); /* Safari */
	-moz-transform: rotate(360deg); /* Firefox */
	transform: rotate(360deg);
}

.back_to_top img:hover
{
	transform: translateY(-5px) scale(1.05);
}
/*** END BACK TO TOP BUTTON ***/

/*** START FOOTER ***/
footer
{
	width: 100vw;
	min-height: 70px;
	background: #000;
	text-align: center;
	line-height: 70px;
	padding: 20px;
	box-sizing: border-box;
}

footer p
{
	font-family: 'Playfair Display', arial, sans-serif;
	font-weight: 4	00;
	font-size: 0.8rem;	
	color: #fff;
}

footer a
{
	color: #fff;
	transition-duration: 0.3s;
	text-decoration: none;
}

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

footer ul li.social-networks
{
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}
/*** END FOOTER ***/

/*** START CONTACT ***/
section#contact
{
	background: #fff;
}

section#contact .sub_section
{
	width: 960px;
}

section#contact form#contact-form
{
	margin-top: 80px;
}

section#contact h2
{
	margin-bottom: 20px;	
}

section#contact label
{
	color: #e4dbbe;
	margin-bottom: 5px;
	float: left;
	text-transform: uppercase;
}

section#contact button
{
	width: 100%;
	background: #e4dbbe;
	border: none;
	color: #6c757d;
}

section#contact select
{
	color: #6c757d;
}

section#contact span.is-required-marker
{
	color: #cc0000;
}

.result-box
{
	width: 100%;
	height: 50px;
	border: 1px solid #e2e2e2;
	margin-top: 55px;
	text-align: center;
	line-height: 50px;
}

.result-box p
{
	color: #fff;
	font-size: 1.2rem;
}

.success
{
	background-color: #72bc72;
}

.failure
{
	background-color: #ca5252;
}
/*** END CONTACT ***/

/***********************************/
/**** START RESPONSIVE SETTINGS ****/
/***********************************/
@media (orientation: landscape) and (max-device-width: 1366px) /* Targeting iPad Pro */
{
}

@media all and (max-width: 1280px) /* Website breakpoint */
{	
	.sub_section
	{
		width: 100%;
	}
}
	
@media all and (max-width: 1199.98px) /* Large devices - Desktops - less than 1200px */
{
}


@media all and (max-width: 991.98px) /*Medium devices - Tablets - less than 992px */
{
}

@media (orientation: landscape) and (max-device-width: 823px) /* Targeting Pixel 2 XL & iPhone X - Landscape Mode */
{
}

@media all and (max-width: 767.98px) /* Small devices - Landscape phones - less than 768px */
{	
	nav
	{
		display: none;
	}
	
	.navbar.navbar-dark.fixed-top
	{
		display: inherit;
	}
	
	#navbarNav ul li
	{
		display: inline-block;
	}

	#navbarNav ul li a
	{
		font-size: 1em;
		margin-left: 5px;
		margin-right: 5px;
	}
}

@media all and (max-width: 575.98px) /* Extra small devices - Portrait phones - less than 576px */
{
	html, body
	{
		background: #000;	
	}
	
	section
	{
		min-height: 80vh;
	}
	
	section.order, section#about, section#tour, section#follow, section#partners
	{
		background: #000;
	}
	
	section.order p
	{
		color: #ffffff;
	}
	
	.col-sm
	{
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 2px;
		margin-top: 2px;
	}
	
	.division
	{
		display: block;
	}
	
	.partners_container
	{
		display: block;
		width: 100%;
		margin: inherit;
	}
	
	.merch_container
	{
		width: 100%;
		display: block;
		margin-left: inherit;
		margin-right: inherit;
		padding-top: 10px;
		padding-bottom: 10px;
		box-sizing: border-box;
	}
	
	#mc_embed_signup input#mce-EMAIL, #mc_embed_signup input#mce-FNAME
	{
		width: 100%;
	}
	
	#mc_embed_signup input.button
	{
		width: 100%;
	}
	
	footer
	{
		border-top: 1px solid #808080;
	}
}

@media all and (max-width: 460px)
{
	footer
	{
		line-height: inherit;
	}
	
	footer a, footer p
	{
		display: block;
	}
	
	span.pipe
	{
		display: none;
	}
}

@media all and (max-width: 375px)
{		
}

@media all and (max-width: 320px)
{	
}

@media (orientation: landscape) and (max-device-width: 768px)
{
}
/*********************************/
/**** END RESPONSIVE SETTINGS ****/
/*********************************/