/*!
Theme Name: DanteHH
Theme URI: http://underscores.me/
Author: Juan Azuero
Author URI: http://jazuero.com
Description: theme for dante hh
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dantehhtheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

DanteHH is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------

/*--------------------------------------------------------------

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/******************SPECIFIC STYLES *****************************************************
**********************************************************************************
**********************************************************************************/

@font-face {
    font-family: oswald_stencil;
    src: url(assets/fonts/Oswald-Stencil.ttf);
}
body{
	position: relative;
}
body, a, a:hover, a:visited{
	font-family: "Oswald";
	font-weight: 100;
	color: #ccc;
}
h1, h2, h3{
	font-family: oswald_stencil;
}
h1{
	margin:0;
	font-size: 3rem;
	letter-spacing: 0.4rem;
}
p, li, input{
	font-size: 1.2rem;
}
a, a:hover, a:visited{
	text-decoration: none;
}

ul{
	list-style-type: none;
	padding-left: 0;
}

img{
	max-width: 100%;
	height:auto;
	width: auto;
}
.hidden{
	display: none;
}
.fullscreen-bg {
	width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: 100%; 
 	min-height: 100%; 
    width: auto;
    height: auto;
}

.black-bar{
	width: 100%;
	height: 17%;
	background-color: black;
	position: fixed;
	z-index: 1020;
}

.black-bar-bottom{
	bottom:0;
}

.overlay{
	position: fixed;
	top:0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}

.container{
	max-width: none;
}

.center-text{
	text-align: center;
}
.highlight{
	color:#c1272d;
}
.title-out-row{
	background-color: rgba(0,0,0,0.7);
	margin:0;
	height:100%;
	max-width: 100%;
}

.section{
	padding: 0;
}

 /****************NAVBAR*****************/
.navbar{
	top: 18%;
	padding: 0 8%;
	-webkit-transition: top 0.5s ease;
}
.navbar-brand{
	padding: 0;
	margin:0;
}
.navbar div{
	padding: 0;
}
body:not(.home) .navbar{
	top:16%;
	background-image:linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,1),   rgba(0,0,0,0));
}
.dark-bg-nav{
	top:16%;
	background-image:linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,1),   rgba(0,0,0,0));
}
	/*********NAV MENU ******************/
	.navbar-toggler:focus{
		border-color:#c1272d;
	}
	.navbar .nav-menu-container .nav-link{
		font-size: 25px;
		color:#ccc;
	}
	.navbar .nav-menu-container .active-tab, .navbar .nav-menu-container .nav-item a:hover{
		color:#c1272d;
		opacity: 1;
	}
	.logged-in .navbar{
		margin-top:32px;
	}

	/******** NAVBAR MODAL BUTTON **********/
	.navbar .modal-btn {
		background-color: rgba(0,0,0,0);
		border: none;
		color: #ccc;
		font-size: 25px;
		box-shadow: none;
		-webkit-transition: border 0.5s ease;
	}

	.navbar .modal-btn-wrapper{
		text-align: right;
	}

	.navbar .modal-btn a, .nav-item a{
		-webkit-transition: color 0.5s ease;
	}

	.navbar .modal-btn:focus, .navbar .modal-btn:hover{
		outline: none;
	}

	.navbar .modal-btn a:focus, .navbar .modal-btn a:hover{
		color: #c1272d;
	}

	/**************** MODAL CONTENT *************/
	.modal{
		padding: 0 !important;
	}
	.modal-dialog{
		max-width: none;
	}

	.modal-header{
		border: none;
	}

	.modal-title{
		line-height: 1.2;
		letter-spacing: 12px;
	}

	.modal-content{
		background-color: rgba(0,0,0);
		width:100%;
		padding: 2% 8%;
	}

	.modal-text li{
		font-size: 1rem;
	}

	.modal-content .subcontainer{
		text-align: right;
	}

	.modal-content .close{
		position: absolute;
		right: 5%;
	}

	.modal-content .close span{
		color: #ccc;
		font-size: 50px;
	}
/**************** FORM INPUTS AND BUTTONS *********/
input{
	width: 70%;
	margin-bottom: 2%;
	color: black;
	background-color: #ccc;
}
.modal-btn input{
	background-color: rgba(0,0,0,0);
	color: #ccc;
}


/************** PAGE DELAYS TOP AND BOTTOM ************/

.start-delay{
	height:17vh;
}

/************* HERO SECTION ***********/

.hero-section{
	height: 66vh;
}

.hero-row{
	height: 100%;
	max-width: 100%;
	position: relative;
	margin: auto;
}


/************* ART SECTION ***********/

.art-section{
	position: relative;
	background-color: black;
	width: 100%;
	height: 69vh;
}

.art-section .carousel{
	height: 60vh;
	width: 84%;
	margin: auto;
	padding-top: 20px;
}

.carousel-inner, .carousel-item, .carousel-item iframe{
	width: 100%;
	height: 100%;
}


.carousel-control-prev, .carousel-control-next{
	height: 90%;
}

.carousel-control-prev img, .carousel-control-next img{
	height: 35px;
	height: 35px;
}

.art-title h1{
	opacity: 0.5;
}

.title-container{
	background-color: rgba(0,0,0,0);
	position: absolute;
	top: 15%;
	left: 8%;
}

/***SLEPIPNIR CLASSES******/

.content-slide{
	height: 100%;
	background-image: url("assets/img/bg-index.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}


	/******* YOUTUBE LAZY LOAD **************/
	.wrapper-video {
	    max-width: 100%;
	    max-height: 100%;
	    height: 100%;
	}
	.youtube {
	    background-color: #000;
	    overflow: hidden;
	    cursor: pointer;
	    height: 100%;
	}
	.youtube img {
	    width: 100%;
	    min-height: 100%;
	    object-fit: cover;
	}

	.youtube img,
	.youtube .play-button {
	    cursor: pointer;
	}
	.youtube img,
	.youtube iframe,
	.youtube .play-button,
	.youtube .play-button:before,
	.video-play{
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate3d( -50%, -50%, 0 );
	}
	.youtube .play-button, 
	.video-title,
	.video-play{
	    top: 50%;
	    left: 50%;
	    transform: translate3d( -50%, -50%, 0 );
	    z-index: 1;
	}

	/*********** END OF YOUTUBE LAZY LOAD *********/

.youtube-follow{
	background-color: black;
	height: 7vh;
	padding: 0 8%;
}

.youtube-follow .row{
	height: 100%;
	max-width: 100%;
}

.youtube-follow p, .sleip-btn{
	margin:0;
	border: 3px solid #ccc;
}

.video-play{
	width:100%;
	top:80%;
}

/****************** OPT-IN SECTION **********************/

.optin-section{
	padding:5% 0 0 0;
}

.optin-row{
	max-width: 100%;
}

.optin-section img{
	padding-right: 30%;
}

.optin-section .subcontainer{
	margin-top: 5%;
}

.optin-inner{
	width: 84%;
	margin: auto;
}

/************ SOCIAL MEDIA *****************/

.social-section{
	background-color: rgba(204,204,204,0.7);
	width: 100%;
}

.social-section a{
	color:black;
}

.social-section i{
	margin: 0 10%;
}

/************ LISTEN *****************/

.listen-section{
	width: 100%;
}

.listen-title-content, .listen-container{
	padding: 0;
}

.listen-container{
	width: 100%;
	margin:0;
	height:100%;
}

.title-out-row{
	padding:5% 0;
}

.listen-inner{
	width: 84%;
	margin: auto;
}

.listen-section iframe{
	opacity: 0.95;
	max-width: 100%;
	height:100%;
}

.listen-div h2{
	display: none;
	width: 300px;
	margin: 0;
	background-color: rgba(0,0,0,0.7);
}

.frame{
	padding: 0;
}

/************** GIGS ************/

.gigs-section{
	width: 100%;
	padding-top: 6%;
}

.gigs-out-row{
	background-color: rgba(0,0,0,0.7);
}

.gigs-row{
	width: 84%;
	margin: 0 auto;
}

.gigs-row div{
	z-index: 1;
}

/************* STORE *************/

#store{
	min-height: 67vh;
	background-image: url("assets/img/shop-bck.png");
	background-size: cover;
	background-attachment: fixed;
}

#store .out-row{
	width: 84%;
	margin: auto;
	height: 67vh;
}

#store h1{
	z-index: 1;
}

.prod-overlay{
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height:100%;
	-webkit-transition: opacity 0.5s ease;
}

.prod-overlay:hover{
	opacity: 0;
}

/***************STORE PAGE ************/

.page-title{
	height: 50vh;
}

#store-tabs{
	background-color: rgba(0,0,0,0.7);
}

#store-tabs .nav-link.active{
	color:#c1272d;
	background: none;
	border: none;
}

#store-tabs .nav-tabs .store-tab{
	z-index:1;
}

#store-tabs .nav-link{
	-webkit-transition: color 0.5s ease;
}

#store-tabs .nav-link:hover{
	border: none;
	color:#c1272d;
}

#store-tabs .prod-overlay{
	border-radius: 10%;
	padding:0 15px;
}

#store-tabs .woocommerce-Price-amount{
	font-size: 1.8rem;
}

.title-row{
	height:100%;
}

.page-title h1{
	font-size: 150px;
}

.nav.row, .prod-row{
	width: 84%;
	margin: auto;
}

.store-page li{
	font-size: 25px;
	z-index: 1;
}

.prod img{
	border-radius: 10%;
}

/************* SINGLE PRODUCT PAGE **********/
.product{
	width: 100%;
}

.prod-container{
	background-color: rgba(0,0,0,0.7);
	padding:5% 0;
}

.related-products-title{
	background-color: rgba(204,204,204,0.7);
	color:black;
}

#related-products .prod-overlay{
	border-radius: 10%;
	padding: 0 15px;
}

.related-products-title h2{
	z-index: 1;
	font-size: 3rem;
}

.prod-title{
	font-size: 1.8rem;
}

.value select, .input-text, .product-field .price{
	width:100%;
	font-size: 1.75rem;
	font-family: oswald_stencil;
	background-color: #ccc;
	color:black;
	text-align: left;
}

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

.input-text::placeholder {
  color: black;
}

.single_add_to_cart_button, .button, .button:hover{
	font-size: 1.75rem;
	font-family: oswald_stencil;
	background-color:rgba(0,0,0,0.5);
	color:#c1272d;
	border:2px solid black;
	text-align: center;
}

.product-field .price{
	background: none;
	color:#ccc;
	margin: 0;
}

.price .amount{
	font-size: 1.75rem;
}

.woocommerce-product-gallery__trigger{
	display: none !important;
}

.related.products .related-title{
	font-size: 3rem;
	color: black;
	text-align: center;
	background-color: rgba(204,204,204, 0.7);
}

/**************** CART *************/
.woocommerce-cart .overlay{
	z-index:-1;
}
.cart-table .shop_table, .cart-collaterals, .checkout{
	width:84%;
	margin:0 auto;
}
.woocommerce-message{
	background-color: rgba(0,0,0,0)!important;
}

.woocommerce-cart-form__cart-item{
	background-color: rgba(0,0,0,0.7);
}
.cart-table .shop_table th{
	text-align: center;
	text-transform: uppercase;
	font-size: 1.2rem;
}

.cart-table .shop_table td{
	width:19%;
	text-align: center;
}
.cart-table .shop_table .product-remove{
	width: 5%;
}
.product-quantity .quantity{
	width: 50%;
	margin: 0 auto !important;
}
#coupon_code{
	margin-bottom: 0;
}
.coupon-btn-cell .button, .coupon-btn-cell{
	height:100%;
}
.cart-collaterals{
	margin-top:2%;
}
.cart_totals{
	width: 19%;
	margin-left: auto;
	text-align: right;
}
.cart_totals .shop_table th, .cart_totals .shop_table td{
	text-align: right;
}
.wc-proceed-to-checkout, .keep-buying{
	margin-top:2%;
}
.simple-button, .simple-button:hover{
	border:2px solid #ccc;
	font-family: "Oswald";
	color:#ccc;
	font-size: 1.2rem
}

/************** CHECKOUT *************/
.woocommerce-checkout p, .woocommerce-checkout textarea, .woocommerce-checkout input{
	font-family: "Oswald";
	text-transform: uppercase;
	font-size: 1.25rem;
}
#billing_country_field, #shipping_country_field{
	clear: both;
	width: 100%;
}
.woocommerce-input-wrapper{
	width:100%;
}
#ship-to-different-address-checkbox{
	width:auto;
}
.selection .select2-selection{
	background-color: #ccc;
	height:auto;
	margin:0;
}
.select2-dropdown{
	background-color: rgba(0,0,0,0.7);
}
.select2-container.select2-container--default .select2-results__option--highlighted, .select2-container--default .select2-results__option[data-selected=true]{
	background-color: black;
}
.select2{
	margin-bottom: 2%;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 1.5;
}
#order-review, #payment .payment_box p{
	font-size: 1.2rem;
}
.form-row .button{
	width: 100%;
}
.col2-set .woocommerce-billing-fields .form-row, .col2-set .woocommerce-shipping-fields .form-row{
	display: inline-block;
	width: 48.1%;
	float: none;
}
.woocommerce-billing-fields__field-wrapper p:nth-child(2n+4), .woocommerce-shipping-fields__field-wrapper p:nth-child(2n+4){
	margin-right: 3.8%;
}

/************** BLOG POST ************/
.single .post{
	margin-bottom: 0;
}
.single .overlay{
	z-index:-1;
}
.single-post .page-title{
	height:40vh;
}
.single-post .entry-content{
	margin-top: 0;
}
#comments{
	padding-top: 4%;
}
.comment{
	background-color: rgba(0,0,0,0.7);
	margin-bottom: 2%;
}
.comment-content{
	background-color: #ccc;
	color:black;
}
.comment-form p input{
	width: 96%;
}
.comment-form p textarea, .comment-form .form-submit .submit, .comment-form .comment-form-url input{
	width:100%;
}
.comment-form p span.required{
	width: 4%;
	display: inline-block;
}
.entry-content{
	background-color: rgba(0,0,0,0.7);
}
.post-content{
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    padding: 5% 0;
    z-index:1;
}

/************* FOOTER ************/

.footer-section{
	/*min-height:66vh;*/
	margin: 5% auto;
}

.footer-row{
	height:100%;
}

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

.footer-col img{
	width: 80%;
	margin: 0 auto 1rem;
}

.footer-section ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/************* MEDIA QUERIES ***************/

@media screen and (max-width:1199px){

	.listen-row, .listen-container, .listen-section{
		min-height: 0;
	}
	.cart_totals{
	width: 38%;
	}
	.single_add_to_cart_button, .button, .button:hover{
		font-size: 1.2rem;
	}
	.value select, .input-text, .product-field .price, .single_add_to_cart_button, .price .amount, .back-button{
		font-size: 1rem;
	}
}

@media screen and (max-width:991px){
	h1{
		font-size: 1.6rem;
	}
	
}

@media screen and (max-width:767px){
	.navbar .modal-btn a, .navbar .nav-menu-container .nav-link, .nav-link{
		font-size: 0.8rem;
		letter-spacing: 1px;
	}
	li, p, .store-page li{
		font-size: 0.8rem;
	}
	.listen-section, #store .out-row{
		height:auto;
	}
	.page-title h1{
	font-size: 100px;
	}
	.col2-set .woocommerce-billing-fields .form-row, .col2-set .woocommerce-shipping-fields .form-row{
	display: block;
	width: 100%;
	}
	.woocommerce-billing-fields__field-wrapper p:nth-child(2n+4), .woocommerce-shipping-fields__field-wrapper p:nth-child(2n+4){
		margin-right: 0;
	}
}


@media screen and (max-width:575px){
	.post-content{
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}
	
	.cart-table .shop_table td{
	width:100%;
	text-align: left;
	font-size: 1.2rem;
	}
	.coupon-butons-row td{
		margin-bottom: 2%;
	}
	.update-btn:before{
		display: none;
	}
	.keep-buying, .wc-proceed-to-checkout{
		width: 100%;
	}
	.cart_totals{
		width:100%;
		text-align: center;
	}
	.cart_totals .shop_table th, .cart_totals .shop_table td{
		text-align: left;
	}

	.footer-section .footer-col li{
		font-size: 1rem;
		margin-bottom: 3%;
	}

	.gigs-section{
		padding-top: 0;
	}

	.optin-section img, .optin-form h1{
		display: none;
	}
	.optin-section .text-container{
		margin-top: 5%;
	}
	.optin-section ul{
		list-style-type: none;
		padding: 0;
	}
	.optin-section li{
		margin-bottom: 3%;
		font-size: 1rem;
	}
	.optin-section input{
		width: 100%;
	}
	.optin-section{
		background-image: url("assets/img/DANTESM.jpg");
		background-size: cover;
		background-position: center;
		background-attachment: fixed;
		padding-bottom: 6%;
	}

	.listen-section iframe, .listen-section .frames{
		max-width: 100%;
	}
	.listen-row h2{
		display: block;
		max-width: 100%
	}

	.art-section .art-title img{
		display: none;
	}

	.art-section .youtube-follow p{
		font-size: 0.8rem;
	}

	.art-section .youtube-follow{
		padding:5% 0;
	}

	/*.navbar .navbar-brand{
		max-width: 50%;
	}*/

	.navbar .modal-btn-wrapper{
		position:absolute;
		top:0;
		right: 8%;
	}

	.navbar .modal-btn{
		line-height: 18px;
	}

	.navbar-collapse{
		background-color: rgba(0,0,0,0.5);
		width: 50%;
	}

	.navbar-nav{
		padding-left: 10%;
	}

	.modal-header, .modal-content .subcontainer{
		text-align: center;
	}

	.modal-header h1{
		margin: 0 auto;
	}

	.fullscreen-bg video{
		display: none;
	}

	.fullscreen-bg{
		background-image: url("assets/img/still_swampthing_small.jpg");
		background-size: cover;
		background-position: center;
		height: 85%;
		margin-top: auto;
	}

	.start-delay{
	height:18vh;
	}

}
@media screen and (orientation: portrait){

	.landscape-recom{
		display:block;
		position: absolute;
		top:70%;
		left: 50%;
		transform: translate3d( -50%, -50%, 0 );
	}

	.landscape-recom-page{
		top:80%;
	}

	.listen-section, #store .out-row{
		height:auto;
	}

	.title-out-row{
		padding: 5% 0;
	}

	#store, #store .out-row{
		min-height: 0;
	}

	#store{
		padding-top: 5%;
	}

	.optin-section, .listen-row{
	padding-top:12%;
	}

}