/*
Damahi http://www.damahimusic.com/ | Version: 1.0
Design and Development: Hamid Shavarean http://www.hamidshavarean.com/
© 2017 Hamid Shavarean studio. All rights reserved.
*/

@import 'css/reset.css';
@import 'css/responsive.gs.24col.css';
@import 'css/header.css';
@import 'css/font-awesome.min.css';
@import 'css/audio-player.css';
@import 'css/video-player.css';
@import 'css/table.css';
@import 'css/qtip.css';
@import 'css/lightbox.css';
@import 'css/tabs.css';

/* Fonts */
@font-face {font-family:'Squada One';src:url(fonts/squada_one-webfont.eot);src:url(fonts/squada_one-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/squada_one-webfont.woff2) format("woff2"),url(fonts/squada_one-webfont.woff) format("woff");font-weight:400;font-style:normal;}
@font-face {
    font-family: 'mashin_tahrir';
    src: url('fonts/mashin-tahrir-webfont.eot');
    src: url('fonts/mashin-tahrir-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mashin-tahrir-webfont.woff2') format('woff2'),
         url('fonts/mashin-tahrir-webfont.woff') format('woff'),
         url('fonts/mashin-tahrir-webfont.ttf') format('truetype'),
         url('fonts/mashin-tahrir-webfont.svg#mashin_tahrir') format('svg');
    font-weight: normal;
    font-style: normal;
    letter-spacing: -.02em;
}
@font-face {font-family: 'proximanova-regular';src: url('fonts/proximanova-reg-webfont.eot');src: url('fonts/proximanova-reg-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/proximanova-reg-webfont.woff') format('woff'),url('fonts/proximanova-reg-webfont.ttf') format('truetype'),url('fonts/proximanova-reg-webfont.svg#proxima_nova_rgregular') format('svg');font-weight: normal;font-style: normal;}@font-face {font-family: 'proximanova-bold';src: url('fonts/proximanova-bold-webfont.eot');src: url('fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/proximanova-bold-webfont.woff') format('woff'),url('fonts/proximanova-bold-webfont.ttf') format('truetype'),url('fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');font-weight: normal;font-style: normal;}

::selection {
	color:#fdf1b7;
	background:black;
/* Safari */
}

::-moz-selection {
	color:#fdf1b7;
	background:black;
/* Firefox */
}

a {
	color:black;
	text-decoration:none;
}

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

Body {
	background:#c66435;
	margin:0;
	padding:0;
	font-family:'proximanova-regular';
	cursor:default;
}

.container {
	width:100%;
}

section {
	max-width:1024px;
	margin:0 auto;
	padding:1.5em 1em 4em;
	color:#fdf1b7;
	font-size:1.2em;
	overflow:hidden;
}

.media,.contact {
	min-height:88vh;
}

section img,section video {
	border-radius:.3em;
	-webkit-border-radius:.3em;
}

.thumbnail img,.product img {
	width:100%;
	height:auto;
	transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	-ms-transition:all .3s;
}

.thumbnail img:hover {
	opacity:.7;
}

.videos .thumbnail img {
	cursor:pointer;
}

.videos .thumbnail h2 {
	color:#fdf1b7;
	text-transform:uppercase;
	font-size:.8em;
}

section p {
	text-align:justify;
	font-size:.8em;
	color:black;
}

strong,b,h2,h3 {
	font-family:'proximanova-bold';
}

h3 {
	text-align:center;
	color:black;
}

h4 {
	text-align:center;
	color:black;
	font-family:'proximanova-regular';
}

.farsi {
	font-family: 'mashin_tahrir';
	font-size: 1.2em;
	direction: rtl;
	line-height: .96em;
}

.farsi b,.farsi strong {
	font-family: 'mashin_tahrir';
}

.damahi {
	width:264px;
	height:218px;
	margin:0 auto;
	transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	-ms-transition:all .3s;
	transform-origin:top center;
	transform:scale(1);
	z-index:1000;
	background:url(img/damahi.svg) no-repeat center center;
}

.damahi-logo {
	width:264px;
	height:218px;
	background:url(img/damahi.svg) no-repeat center center;
	z-index:3;
}

h1 {
	font-family:'Squada One';
	font-size:4em;
	text-align:center;
	text-transform:uppercase;
	color:black;
}

.home {
	min-height:130vh;
	padding-top:17em;
}

.home img {
	width:100%;
	max-width:900px;
	height:auto;
}

.about {
	color:black;
	font-size:1.2em;
}

.figures {
	text-align:center;
}

.figures img {
	width:100%;
	max-width:900px;
	height:auto;
}

#pt {
	width:100%;
	height:100vh;
	position:absolute;
}

.social {
	margin-top:2em;
	text-align:center;
}

.social a {
	font-size:1.5em;
	color:black;
	margin-right:.3em;
}

.social a:last-child {
	margin-right:0;
}

.social a:hover {
	color:#fdf1b7;
}

footer {
	margin-top:2.5em;
	color:black;
	text-align:center;
	font-size:.65em;
}

footer a {
	font-family:'proximanova-bold';
	color:black;
	text-decoration:none;
}

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

.album {
	margin-left:auto;
	margin-right:auto;
	color:black;
	padding:0 1.25rem;
	margin-bottom:2em;
}

.album .artwork img {
	width:100%;
}

.album .title {
	font-family:'proximanova-bold';
	text-transform:uppercase;
}

.album .title,.album .year {
	font-size:1.2em;
}

.album .tracks {
	padding-left:2em;
	font-size:.75em;
}

.album ul {
	margin:0;
	padding:0;
	counter-reset:i 0;
}

.album ul li {
	line-height:1.3em;
}

.album ul li:first-child {
	margin-top:.5em;
}

.buy {
	font-family:'proximanova-bold';
	font-size:.7em;
	padding-top:.5em;
	text-transform:uppercase;
	text-align:center;
}

.buy a {
	opacity:1;
	transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	-ms-transition:all .3s;
}

.buy a:hover {
	opacity:.5;
}

.beeptunes {
	width:98px;
	height:16px;
	display:block;
	background:url(img/stores.svg) no-repeat center -4em;
	margin:.7em auto;
}

.itunes {
	width:68px;
	height:22px;
	display:block;
	background:url(img/stores.svg) no-repeat center top;
	margin:.3em auto .8em;
}

.amazon {
	width:53px;
	height:22px;
	display:block;
	background:url(img/stores.svg) no-repeat center -2.25em;
	margin:.3em auto .8em;
}

.download:before {
	content:' | ';
	color:#fdf1b7;
}

.download {
	text-decoration:none;
	color:black;
}

.download:hover {
	color:#fdf1b7;
}

.common-vent {
	border:1px solid rgba(4,62,84,.1);
}

.videos .thumbnail {
	font-size:.7em;
	color:#fdf1b7;
}

.videos .thumbnail b {
	font-size:1.1em;
	text-transform:uppercase;
}

.product {
	text-align:center;
	color:black;
	font-size:.8em;
}

.product .buy {
	font-size:.8em;
}

.peeshnahad {
	width:65px;
	height:22px;
	display:inline-block;
	background:url(img/stores.svg) no-repeat center bottom;
	vertical-align:middle;
}

.portrait {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url(img/portrait.svg) center center no-repeat;
	display:none;
	z-index:999999;
}

@media ( max-width : 634px ) {
	.album .tracks {
		padding-left:0;
		text-align:center;
	}
	
	.thumbnail {
		width:32%;
		margin-left:.65%;
		margin-right:.65%;
		margin-bottom:0;
	}
	
	.videos .thumbnail, .span_8 {
		width:100%;
		padding-right:.3em;
	}
	.videos .thumbnail {
		margin-bottom:1em;
	}
}

/* Landscape */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	body {
		overflow:hidden;
	}
	
	header,.container,#imagelightbox,#imagelightbox-overlay,.imagelightbox-arrow,#imagelightbox-close,#imagelightbox-caption {
		display:none;
	}
	
	.portrait {
		display:block;
		animation:portrait .5s ease-in-out;
		-moz-animation:portrait .5s ease-in-out;
		-webkit-animation:portrait .5s ease-in-out;
		-ms-animation:portrait .5s ease-in-out;
	}
}

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {
	body {
		overflow:hidden;
	}
	
	header,.container,#imagelightbox,#imagelightbox-overlay,.imagelightbox-arrow,#imagelightbox-close,#imagelightbox-caption {
		display:none;
	}
	
	.portrait {
		display:block;
		animation:portrait .5s ease-in-out;
		-moz-animation:portrait .5s ease-in-out;
		-webkit-animation:portrait .5s ease-in-out;
		-ms-animation:portrait .5s ease-in-out;
	}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
	body {
		overflow:hidden;
	}
	
	header,.container,#imagelightbox,#imagelightbox-overlay,.imagelightbox-arrow,#imagelightbox-close,#imagelightbox-caption {
		display:none;
	}
	
	.portrait {
		display:block;
		animation:portrait .5s ease-in-out;
		-moz-animation:portrait .5s ease-in-out;
		-webkit-animation:portrait .5s ease-in-out;
		-ms-animation:portrait .5s ease-in-out;
	}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {
	body {
		overflow:hidden;
	}
	
	header,.container,#imagelightbox,#imagelightbox-overlay,.imagelightbox-arrow,#imagelightbox-close,#imagelightbox-caption {
		display:none;
	}
	
	.portrait {
		display:block;
		animation:portrait .5s ease-in-out;
		-moz-animation:portrait .5s ease-in-out;
		-webkit-animation:portrait .5s ease-in-out;
		-ms-animation:portrait .5s ease-in-out;
	}
}

@keyframes portrait {
	from {
		transform:scale(0);
		transform:rotate(90deg);
		opacity:0;
	}
	
	to {
		transform:scale(1.0);
		transform:rotate(0);
		opacity:1;
	}
}

@-moz-keyframes portrait {
	from {
		-moz-transform:scale(0);
		-moz-transform:rotate(90deg);
		opacity:0;
	}
	
	to {
		-moz-transform:scale(1.0);
		-moz-transform:rotate(0);
		opacity:1;
	}
}

@-webkit-keyframes portrait {
	from {
		-webkit-transform:scale(0);
		-webkit-transform:rotate(90deg);
		opacity:0;
	}
	
	to {
		-webkit-transform:scale(1.0);
		-webkit-transform:rotate(0);
		opacity:1;
	}
}

@-ms-keyframes portrait {
	from {
		-ms-transform:scale(0);
		-ms-transform:rotate(90deg);
		opacity:0;
	}
	
	to {
		-ms-transform:scale(1.0);
		-ms-transform:rotate(0);
		opacity:1;
	}
}