/*
Theme Name: 	Rydell & Quick
Version: 		2.0
Author: 		Plus 33
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";


@font-face {font-weight:400;font-family: 'Thirsty';src: url('fonts/2B414F_0_0.eot');src: url('fonts/2B414F_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/2B414F_0_0.woff') format('woff'),url('fonts/2B414F_0_0.ttf') format('truetype');}

@font-face {font-weight:700;font-family: 'Thirsty';src: url('fonts/2B4150_0_0.eot');src: url('fonts/2B4150_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/2B4150_0_0.woff') format('woff'),url('fonts/2B4150_0_0.ttf') format('truetype');}

@font-face {font-family: 'ThirstyRough';src: url('fonts/2B4151_0_0.eot');src: url('fonts/2B4151_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/2B4151_0_0.woff') format('woff'),url('fonts/2B4151_0_0.ttf') format('truetype');}

@font-face {font-family: 'Veneer';src: url('fonts/2B4363_0_0.eot');src: url('fonts/2B4363_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/2B4363_0_0.woff') format('woff'),url('fonts/2B4363_0_0.ttf') format('truetype');}


*,
*:before,
*:after { 
	box-sizing: border-box; 
	-webkit-transition: all 0.2s ease;
	-moz-transition:    all 0.2s ease;
	-ms-transition:     all 0.2s ease;
	-o-transition:      all 0.2s ease;
	text-rendering: optimizeLegibility;

	-webkit-font-smoothing: antialiased;
}

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; visibility:hidden; /* For clearing */ clear:both; height:0; content:"."; }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection 	{ background:#f39200; color:#333; }
::selection 		{ background:#f39200; color:#333; }

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)
*/


body{
	background: #000 url(img/rq-start.jpg) top left no-repeat;
	background-size: 100% auto;
	color:#fff;
	min-height: 100%;
}

body.blog{
	background: #000 url(img/headernews.jpg) top left no-repeat;
	background-size: 100% auto;
}

body.post-type-archive-galleri{
	background: #000 url(../../uploads/2014/06/gigs.jpg) top left no-repeat;
	background-size: 100% auto;
	color:#fff;
	min-height: 100%;
	
}



video#bgvid { 

	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 33%, rgba(0,0,0,0.75) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(33%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 33%,rgba(0,0,0,0.75) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 33%,rgba(0,0,0,0.75) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 33%,rgba(0,0,0,0.75) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 33%,rgba(0,0,0,0.75) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */

	position: fixed; right: 0; bottom: 0;

	min-width: 100%; min-height: 100%;

	width: auto; height: auto; z-index: -100;

	background: #000 url(img/rq-standard.jpg) top left no-repeat;

	background-size: cover; 

}



body,
input,
textarea 			{font-family: 'Open Sans', sans-serif; font-size: 15px}

h1 span, 
h2 {font-family: 'ThirstyRough';}
h1 span {
	color: #f39200;
	font-style: normal;
	font-size: 30px;
}
h1 {
	font-size: 52px;
	font-family: 'Veneer';
	text-shadow: 0 0 7px rgba(0,0,0,.7);
}

h2{
	color:#f39200;
	font-size: 36px;
	font-family: 'Veneer';
	text-shadow: 0 0 4px rgba(0,0,0,.25);
}

.singles h2{
	font-size: 18px;
}

#gigBild h2{
	font-family: 'Veneer';
	font-size: 52px;
}

h3,
.fake-h3{
	font-family: 'Veneer';
	font-size: 26px!important;
	margin-top: 50px!important;
	display: block;
}

h3:first-child{
	margin-top:0!important;
}

h3.thirsty{
font-family: 'ThirstyRough';
	color: #f39200;
}

blockquote:before {
	content: '”';
	display: block;
	color: #f39200;
	font-size: 180px;
	font-style: normal;
	position: absolute;
	top:-90px;
	left:-20px;
}

blockquote {
	margin-top:65px;
	font-size: 20px;
	font-family: 'Veneer';
	font-style: italic;
}

.frontHeader h1{
	font-family: 'Veneer';
	font-size: 64px;
}

.frontHeader h1 span{
	font-family: 'ThirstyRough';
	color:#f39200;
	font-size: 36px;
}


.numbers strong{
	font-size: 22px;
	font-family: 'Veneer';
	color: #f39200;
	font-style: italic;
	font-weight: 400;
}

#logo img{
	max-width: 80%;
}

.vc_separator .vc_sep_holder .vc_sep_line {
	border-top: 1px solid #f39200!important;
}

#logoBox{
	width: 100%;
	position: absolute;
	top:40%;
	height:35%;
}

#logoBox img{
	margin:auto auto;
	display: block;
	height: 100%;
}

/*

.blog h1,
.blog h2,
.single h1,
.single h2,
.music h1, 
.music h2, 
h3, 
h4, 
h5, 
h6 {
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	color:#fff;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.blog h1,
.blog h2,
.single-post h1,
.single-post h2,
.music h1{
	font-weight: 700;
}

.blog article h2,
.single-post article h2{
	font-family: 'Open Sans', sans-serif;
	font-size:26px;
	text-transform: uppercase;
	color:#fff;
	font-weight: bold;
	max-width: 85%;
}
*/

.nextGig h3{
	font-family: 'Veneer';
	font-size: 72px;
}

.nextGig a {
	font-size: 14px;
}

.home .nextGig h3{
	font-family: 'ThirstyRough';
	color:#f39200;
	font-size: 20px;
	text-transform: none;
}

.home .nextGig h4{
	font-family: 'Veneer';
	font-size: 20px;
}

.home .nextGig h4.city {
	color: #f39200;
	margin-bottom: 0;
	margin-top: 10px;
	font-size: 24px;
}

.nextGig time{
	font-family: 'Veneer';
	font-size: 36px;
}

.nextGig time,
.allgigs time{
	text-transform: uppercase;
}

a{
	color:#fff;
	text-decoration: none;
}

a:hover{
	color:#f39200;
}

.socialBox a:hover{
	color:#fff!important;
}


img,iframe{
	max-width: 100%;
	height: auto;
}

hr{
	border:2px solid #fff;
}

img.attachment-frontNews{

}

.wpb_button{
	width:100%;
	margin-bottom:10px !important;
	height: 40px;
	padding: 10px !important;
}


p{
	margin-bottom: 1em;
}

.txtImage{
	height: 33px;
}

.fb-like{
	position: absolute!important;
	top:15px;
	right: 10px;
}

#map_canvas {
	margin-top:-350px;
	width: 100%;
	height: 350px;
	margin-bottom: 30px;
}


img{
	margin-bottom: 30px;
}

#gigBild img{margin-bottom: 0;}

#gigList{
	margin-top:-1px;
	background: #000;
	padding: 15px;
}

header{
	padding: 16% 0;
	width: 100%;
	height:0;
}

body.new-gigs header{
	padding: 10% 0;
}

#menuContainer{
	position: fixed;
	top:30px;
	left:30px;
	padding:55px 0 0;
	width: 150px;
	height: 150px;
	background: #000;
	text-align: center;
	z-index: 999;
}


#menuBtnContainer{
	cursor:pointer;
	font-size: 13px;
	position: absolute;
	bottom: 0;
	width: 100%;
}

#menuBtn{
	display: block;
	padding: 10px;
	width:45px;
	margin:auto auto;
}

#menuBtn:after,
#menuBtn:before{
	position: absolute;
	display: inline-block;
	width: 25px;
	height: 4px;
	background: #fff;
	content: "";
	left:10px;
}

#menuBtn:after{
	top:14px;
}

#menuBtn:before{
	top:32px;
}

nav{
	text-align: left;
	background: #000;
	padding:10px;
	margin-top:10px;
	opacity: 0;
	pointer-events:none;
}

nav li,nav ul{
	list-style: none;
}

nav li a{
	font-family: 'Veneer';
	font-size: 32px;
}

nav li a:hover,
nav li.current-menu-item a{
	color: #f39200;
}

.open nav{
	opacity: 1;
	pointer-events:visible;
	z-index: 9999;
}

:hover>#menuBtn:after,
:hover>#menuBtn:before,
.open #menuBtn:after,
.open #menuBtn:before{
	top:25px;
}

#socialContainer{
	position: fixed;
	top:30px;
	right:30px;
	z-index: 9;
}

.socialBox{
	margin-bottom: 5px;
	width: 50px;
	height: 50px;
	text-transform: uppercase;
	font-weight: lighter;
}

.socialBox:hover span{
	opacity: 1;
}

.socialBox a,
.socialBox span{
	display: block;
	padding: 10px;
	height: 50px;
	background: #000;

}


#facebook:hover a,
#facebook span{
	background: #3b5998;
}
#youtube:hover a,
#youtube span{
	background: #e52d27;
}
#instagram:hover a,
#instagram span{
	background: #3f729b;
}

#mute a,
#mute span{
	background: #f39200;
	color:#000!important;
}

.socialBox a{
	width: 50px;
	text-align: center;
	font-size: 26px;
	line-height: 30px;
}

.socialBox span{
	pointer-events:none;
	position: absolute;
	top:0;
	left:-190px;
	width:180px;
	text-align: right;
	font-size: 11px;
	line-height: 30px;
	opacity: 0;
}


#contentWrap {
	margin-top: 0px;
}

.contact #contentWrap {
	margin-top: -250px;
}

#content{
	margin: auto auto;
	padding: 10px;
	max-width: 960px;
}


.orange{
	color:#f39200;
}

#videoProgress{
	height: 5px;
	background: #f39200;
	position: fixed;
	bottom: 0;
	left: 0;

	-webkit-transition: all 0s ease;
	-moz-transition:    all 0s ease;
	-ms-transition:     all 0s ease;
	-o-transition:      all 0s ease;
}


#cookieBar{
	text-align: center;
	position: fixed;
	top:0;
	width: 100%;
	height: 0px;
	opacity: 0;
	background:#171717;
	font-family: 'Veneer';
	line-height: 45px;
}

.cookies #cookieBar{
	height: 45px;
	opacity: 1;
}

#cookieBar>span{
	display: none;
}

#cookieBar>span.desktop{
	display: inline;
}

#setCookie{
	font-size: 25px;
	position: absolute;
	top:0;
	right: 0;
	display: block;
	cursor: pointer;
	padding:0 15px;
}

.cookies #menuContainer,
.cookies #socialContainer{
	top:75px;
}



/** GALLERI **/

body.gallery{
	background: #000;
}

.gallery header {
	padding:0;
}

.gallery #contentWrap {
	margin-top: 0;
}

.gallery #content{
	padding: 10px;
	max-width: 100%;
}

.gallery #content img{
	max-width: 575px;
	margin-bottom: 15px;
}


.gallery #content iframe{
	width: 575px;
	height: 337px;
	margin-bottom: 15px;
}

/** SLUT GALLERI **/

.home .nextGig{
	padding: 15px;
	height: 220px;
	background: #000 url(img/nextgig.jpg) top left no-repeat;
	display: block;
	background-size:cover;
}

.allgigs h3{
	margin-top:26px!important;
}

.allgigs div div{
	font-size: 16px;
	line-height: 32px;
}

.allgigs time{
	display: inline-block;
	min-width: 70px;
}

.blog time,
.single time{
	color:#606060;
	font-size: 11px;
	margin:-5px 0 15px;
	display: block;
}

.pastGig{
	opacity: .50;
	text-decoration: line-through!important;
}

.hiddenGig{
	/*display: none;*/
	opacity: .5;
}

#showPrev{
	font-size: 20px;
	cursor: pointer;
	display: block;
	padding:10px;
	background: #f39200;
	max-width: 220px;
	font-weight: 700;
	font-family: 'Veneer';
}

/** News **/

article{
	background: rgba(0,0,0,.5);
	padding: 10px;
	padding-bottom: 30px;
	border-bottom: 1px solid #f39200;
	margin-bottom: 55px;
}

.fb-like {
	margin-top: 35px;
}

article h2 {

}

article img{
	margin-bottom: 10px;
}

aside{
	margin-bottom: 35px;
}



aside .latest-photos {
	margin-top: 35px;
}

aside .latest-photos img {
	width: 48%;
	float: left;
	margin:2px;
}
aside .latest-photos img.clear {
	float: right;
}
aside .latest-photos img.clear:after {
	content: '';
	clear: both;
	display: block;
}





/** Galleri **/

#galleriWrap h1{
	font-family: 'Veneer';
	font-size: 64px;	
}

#galleriNav a{
	display: inline-block;
	margin-right: 15px;
	cursor: pointer;
}

#galleriNav a.current,
#galleriNav a:hover{
	color: #f39200;
}

.gallery-item {
	padding-right: 10px;
}



.gallery-item img.attachment-thumbnail {
	border: 0px solid #fff!important;
	float: left;
}

.gallery br{
	display: none;
}


.blueimp-gallery > .prev, .blueimp-gallery > .next,.blueimp-gallery > .close,.blueimp-gallery > .indicator {
	display: block;
}



/** FORMS **/


input[type=text],
input[type=email],
textarea{
	padding:15px;
	background: #000;
	background: rgba(0,0,0,.7);
	color:#fff;
	border:1px #787878 solid;
	margin-bottom: 30px!important;
	border-radius: 2px;
	max-width: 100%;
}

input[type=text]:focus,
input[type=email]:focus,
textarea:focus{
	padding:15px;
	background: #000;
	color:#f39200;
	border:1px #787878 solid;
	margin-bottom: 30px!important;
	border-radius: 2px;
}

input[type=submit]{
	padding:10px 20px;
	background: #000;
	background: rgba(0,0,0,.5);
	color:#fff;
	border:1px #787878 solid;
	margin-bottom: 30px!important;
	border-radius: 2px;
}

input[type=submit]:hover{
	color:#f39200;
}

span.wpcf7-not-valid-tip{
	display: none!important;
}

span.wpcf7-form-control-wrap{
	height: auto;
}

div.wpcf7-validation-errors {
	border: 0px solid #f7e700;
	font-size:11px;
}

div.grecaptcha-notice {
	margin-top: -40px;
	margin-bottom: 20px;
	font-size: 12px;
	}

	.grecaptcha-notice a {
		text-decoration: underline;
	}
	
	
/** Footer **/

footer {
	font-size: 13px;
	text-align: center;
	color:#666;
}

footer a{
	color:#666;
}

@media screen and (min-width:1px) {

	#content .gallery .gallery-item {
		width: 100%;
	}
}

@media screen and (min-width:320px) {

	#content .gallery .gallery-item {
		width: 50%;
	}
}

@media screen and (max-width:420px) {
body {
	background-position: 0px 190px !important;
}

	article {
		padding-left: 0px;
	}
	#contentWrap {
		top:100px;
	}

	#menuContainer,
	.socialBox a{
		background: rgba(0,0,0,.85);
	}

	.attachment-frontNews{
		
	}

	.allgigs time {
		font-size: 12px;
		min-width: 55px;
		max-width: 55px;
		width: 55px;
	}
	.allgigs div div {
		font-size: 12px !important;
	}
	.nextGig h3 {
		font-size: 28px !important;
	}

	.home #contentWrap{
		margin-top: -50px!important;
	}

	.nextTxt{
		display: none!important;
	}

	.home div.nextGig{
		padding: 0 0 25px;
		background: none;
		height: auto;
	}

	.home .frontCol{
		padding-bottom: 30px;
		border-bottom:1px solid #f39200;
		margin-bottom: 45px!important;
	}

	.home div#content{
		text-align: center;
	}

	.txtImage{
		text-align: center!important;
	}

	.home h3{
		font-size:20px!important;
	}

	.frontHeader h1{
		font-size: 44px!important;
	}
}
@media screen and (min-width:800px) {

	#content .gallery .gallery-item {
		width: 33%;
	}
}


@media screen and (min-width:1000px) {

	#content .gallery .gallery-item {
		width: 25%;
	}
}

@media screen and (min-width:1500px) {

	#content .gallery .gallery-item {
		width: 16.666666%;
	}

}

@media screen and (min-width:2000px) {

	#content .gallery .gallery-item {
		width: 12.5%;
	}

}

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


body.new-gigs header{
	padding: 18% 0;
}


	#cookieBar>span.desktop{
	display: none;
	}
	#cookieBar>span.mobile{
	display: block;
	}

	#contentWrap {
		margin-top:0px!important;
	}

}

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



	.nextGig h3 {
		font-size: 38px;
	}
	.fb-like {
		display: none !important;
	}
	#bgvid{
		display: none;
	}

	#logoBox{
		display: none;
	}

	#mute{
		display: none;
	}

	header{
		padding: 30% 0;
		width: 100%;
		height:0;
	}


	#socialContainer{
		position: absolute;
		top:10px;
		right:10px;
	}

	#menuContainer{
		position: absolute;
		top:10px;
		left:10px;
	}


	.socialBox span{
		display: none;
		opacity: 0;
	}

	.frontHeader h1 {
		font-size: 32px;
	}

	.frontHeader h1 span {
		font-size: 22px;
	}

}



/** VC **/

.vc_responsive .wpb_row .vc_span1, .vc_non_responsive .wpb_row .vc_span1, .vc_responsive .wpb_row .vc_span2, .vc_non_responsive .wpb_row .vc_span2, .vc_responsive .wpb_row .vc_span3, .vc_non_responsive .wpb_row .vc_span3, .vc_responsive .wpb_row .vc_span4, .vc_non_responsive .wpb_row .vc_span4, .vc_responsive .wpb_row .vc_span5, .vc_non_responsive .wpb_row .vc_span5, .vc_responsive .wpb_row .vc_span6, .vc_non_responsive .wpb_row .vc_span6, .vc_responsive .wpb_row .vc_span7, .vc_non_responsive .wpb_row .vc_span7, .vc_responsive .wpb_row .vc_span8, .vc_non_responsive .wpb_row .vc_span8, .vc_responsive .wpb_row .vc_span9, .vc_non_responsive .wpb_row .vc_span9, .vc_responsive .wpb_row .vc_span10, .vc_non_responsive .wpb_row .vc_span10, .vc_responsive .wpb_row .vc_span11, .vc_non_responsive .wpb_row .vc_span11, .vc_responsive .wpb_row .vc_span12, .vc_non_responsive .wpb_row .vc_span12, .vc_container {
	padding-left: 10px;
	padding-right: 10px;
}


@media screen and (min-width:768px) {

	.vc_responsive .wpb_row .vc_span3 {
		float: left;
		width: 25%;
	}

	.vc_responsive .wpb_row .vc_span4 {
		float: left;
		width: 33.3333%;
	}

	.vc_responsive .wpb_row .vc_span8 {
		float: left;
		width: 66.6666%;
	}

	.vc_responsive .wpb_row .vc_span9 {
		float: left;
		width: 75%;
	}

	.wpb_row:after {
		clear: both;
	}
	.wpb_row:before, .wpb_row:after {
		content: " ";
		display: table;
	}
}



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

	.gallery #content img{
		max-width: 95%;
	}

}