/*
Theme Name: Resecond Theme
Author: Constant Solutions
Author URI: http://constantsolutions.dk
Description: Date installed: 14-06-2012
Version: 1.0
*/
@font-face {
	font-family: 'MyriadProRegular';
	src: url('fonts/myriad_pro-webfont.eot');
	src: url('fonts/myriad_pro-webfont.eot#iefix') format('embedded-opentype'),
	url('fonts/myriad_pro-webfont.woff') format('woff'),
	url('fonts/myriad_pro-webfont.ttf') format('truetype'),
	url('/wp-content/themes/resecond/fonts/myriad_pro-webfont.svg#MyriadProRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; } 


/* General Reset */
body{
	margin:0;
	color:#f4e06b;
	font: 12px/15px Arial, Helvetica, sans-serif;
	background: #000;
	min-width: 1024px;
}
img{border-style:none;}
input,textarea,select{
	color:#919090;
	vertical-align:middle;
	font:100% Arial, Helvetica, sans-serif;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
blockquote, q{quotes: none;}
q:before{content:"";}
q:after{content:"";}
a{
	color:#f4e06b;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
a:focus,
input:focus,
textarea:focus,
select:focus{outline:none;}
h1{
	font-size:25px;
	line-height:28px;
	margin:0 0 15px;
}
h2{
	font-size:22px;
	line-height:25px;
	margin:0 0 15px;
}
h3{
	font-size:20px;
	line-height:23px;
	margin:0 0 15px;
}
h4{
	font-size:17px;
	line-height:20px;
	margin:0 0 15px;
}
h5{
	font-size:15px;
	line-height:18px;
	margin:0 0 15px;
}
h6{
	font-size:13px;
	line-height:16px;
	margin:0 0 15px;
}
/* General settings */
#wrapper{
	width: 1024px;
	margin: 0 auto;
}
#header{
	overflow: hidden;
	padding:17px 43px 15px;
}
.logo{
	float: left;
	width: 253px;
	height: 58px;
	margin: 0;
	text-indent: -9999px;
	background: url(images/bg-logo.png) no-repeat;
}
.logo a{
	height: 100%;
	display: block;
}
#header .watch{
	float:right;
	padding:27px 60px 0 0;
	background:url(images/ico-tv.png) no-repeat 100% 0;
	color:#f1de71;
	font:16px/22px 'MyriadProRegular', Arial, Helvetica, sans-serif;
	margin:15px 8px 0 0;
}
#header .about{
	float:right;
	padding:27px 60px 0 0;
	background:url(images/ico-about.png) no-repeat 100% 0;
	color:#f1de71;
	font:16px/22px 'MyriadProRegular', Arial, Helvetica, sans-serif;
	margin:15px 38px 0 0;
	
}

#main{width: 100%;}
#main .visual{
	margin-bottom:36px;
	/* max-height:380px;
	overflow:hidden; */
}
#main .visual img{display: block;}
#main .container{
	overflow: hidden;
	padding: 0 2px 30px;
	font-family: 'MyriadProRegular';
	clear:both;
}
#main address{
	float: left;
	width: 170px;
	padding: 0 29px 0 0;
	font-size: 15px;
	line-height: 19px;
	text-transform: uppercase;
	font-style: normal;
}
#main address span{display: block;}
#main dl{
	float: left;
	width: 240px;
	font-size: 15px;
	line-height: 19px;
	text-transform: uppercase;
	overflow: hidden;
	margin: 0;
}
#main dl dt{
	float: left;
	padding: 0 10px 0 0;
	width: 135px;
}
#main dl dd{
	overflow: hidden;
	height: 1%;
	margin: 0;
}
.social{
	float: right;
	margin: 0;
	padding: 4px 2px 0;
	list-style: none;
	font-size: 15px;
	line-height: 19px;
	text-transform: uppercase;
	white-space: nowrap;
	font-size: 1em;
	width: 100%;
}
.social li{
	float: left;
	/* margin: 0 0 0 40px; */
	width: 16%;
}
.social li:first-child{margin-left: 0;}
.social li a{
	float: left;
	padding-top: 32px;
	height: 15px;
}
.social .key a{
	background: url(images/ico-key.png) no-repeat 100% 0;
	padding-right: 22px;
}
.social .facebook a{
	background: url(images/ico-facebook.png) no-repeat 100% 0;
	padding-right: 62px;
}
.social .mobile a{
	background: url(images/ico-mobile.png) no-repeat 100% 0;
	padding-right: 42px;
}
.social .stores a{
	background: url(images/ico-stores.png) no-repeat 100% 0;
	padding-right: 62px;
	
}
.social .clock a{
	background: url(images/ico-clock.png) no-repeat 100% 0;
	padding-right: 62px;
}
.social .webshop a{
	background: url(images/ico-gift.png) no-repeat 100% 0;
	padding-right: 62px;
}

.abouttext { display:none;  }
.aboutspacer {  width:100px; clear:both; margin:auto; /* height:500px; */}
.aboutbottomspacer { height:200px ; width:100px; clear:both; margin:auto;  }
.aboutcontent { background-image: url('images/argyle.png'); width: 100%;font-size: 1.2em;font-weight: 200; margin-top:50px;}
.aboutcontent h2 { text-align: center; font-size: 2em; margin-bottom:30px; }
.aboutcenter { width:80%; max-width: 960px; margin:auto;text-align: justify; line-height: 140%;}
a.goup { display: block; width:200px; margin: auto; background-repeat: no-repeat; background-position-x: center;  text-align: center; text-decoration: none; text-transform: uppercase; margin-top:-70px; }

.small_content_container {
	height:800px;
	margin-top: 100px;
}

.openhours_table {
	width:525px;
	margin: auto;
	font-size: 1.1em;
	margin-top: 20px;
	margin-bottom: 50px;
}
.openhours_table .hour-block {
	clear: both;
	padding-bottom: 30px;
}

.openhours_table .hour-block.header {
	font-size: 1.3em;
	padding-bottom: 30px;
	text-align: center;
	font-weight: bold;
}

.openhours_table .hour-block .day {
	float: left;
	width: 30%;
	}

.openhours_table .hour-block.openhours .day {
	font-weight: bold;
}	
	
	
	
.openhours_table .hour-block .hours {
	float: left;
	width: 20%;
}
.openhours_table .hour-block .info {
	float: left;
	width: 50%;
}


@media only screen and (max-width:1040px) {
	body{min-width:320px;}
	#wrapper{
		width:auto;
		padding:0 40px;
	}
	#main .container{padding:0 0 30px;}
	#main .visual img{
		display:block;
		width:100%;
		max-width:100%;
	}
}

.aboutthestore, .watchmovie {
	display: none;
}


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

/*
.social li { 
	width: 33.333%;
	margin-bottom: 50px;	
				 }
*/

.social li a { 
	text-align: center;
	width: 100%;
	background-position: center top !important;
	margin: 0 !important;
	padding: 0 !important;
	padding-top: 60px !important;
	text-align: center !important;
	word-break:break-all;

}



}


@media only screen and (max-width:970px) {
	#main address{
		font-size:12px;
		line-height:16px;
		width:120px;
	}
	#main dl{
		font-size:12px;
		line-height:16px;
		width:180px;
	}
	#main dl dt{width:100px;}
	.social{font-size:12px;}
	/* .social li{margin-left:30px;} */
}
@media only screen and (max-width:800px) {
	.social{padding-top:20px;}
	/* .social li{margin-left:10px;} */
	#main address{padding-right:10px;}
	#main dl{width:150px;}
	.social li a{padding-top: 40px !important; }
	.social .key a{
		background-image:url(images/ico-key-small.png);
		padding-right:11px;
	}
	.social .facebook a{
		background-image:url(images/ico-facebook-small.png);
		padding-right:31px;
	}
	.social .mobile a{
		background-image:url(images/ico-mobile-small.png);
		padding-right:21px;
	}
	.social .mobile a span {
		clear: both;
		display: block;
	}
	
	
		.social .stores a{
		background-image:url(images/ico-stores_small.png);
		padding-right:32px;
	}
	
		.social .clock a{
		background-image:url(images/ico-clock_small.png);
		padding-right:34px;
	}
	

	
	#header{padding:7px 10px;}
	#header .watch{
		font-size:12px;
		background:url(images/ico-tv-small.png) no-repeat 100% 0;
		padding:6px 30px 0 0;
		margin:28px 0 0;
	}
	
		#header .about{
		font-size:12px;
		background:url(images/ico-about_small.png) no-repeat 100% 0;
		padding:6px 32px 0 0;
		margin:28px 20px 0 0;
	}
	

}


@media screen and (max-width: 620px) {
	
	.wrapper { width: 100%;}
	.logo { clear:both; width: 100%; background-position: center center; }
	address { margin-right: 35px; }
	.social { float:left; }
/* 	.social li { margin-right:15px; } */
	
	
.openhours_table { width:100%; font-size: 0.9em; }
.openhours_table .hour-block.header { font-size: 1.2em; }
.openhours_table .hour-block .info { width: 45%; }
.abouttext h2 { font-size: 1.6em; }
	
	
	
.social li { 
	width: 33.33333%;
	margin-bottom: 50px;	
				 }
				 
				 
.aboutthestore, .watchmovie {
		display: block;
		background-image:url('images/ico-about_small.png') !important;
		background-position: center top !important;
		background-repeat: no-repeat !important;
		}

 .watchmovie {
	 background-image:url('images/ico-tv-small.png') !important;
	 
 }
		
.menu .watch, .menu .about { display: none;}

.visual { margin-top: 15px; }

}

@media screen and (max-width: 400px) {
	.openhours_table { font-size: 0.8em; }
		.social .aboutthestore a span {
		clear: both;
		display: block;
	}
}

@media screen and (max-width: 320px) {
	.logo { background-size: 95%; }
	address { clear:both; width:100%; margin-bottom:20px; }
	dl { margin-bottom:20px; } 
	
	.social li { width: 100%; padding-top: 10px; padding-bottom: 10px; margin:0; margin-bottom: 15px; background: #1c1c1c; font-weight: 200;  }
	.social li a { width: 100%;  }
	.social .mobile a span, .social .aboutthestore a span { display: inline-block; }
	
	
	
	.watchmovie, .aboutthestore {
	background-position: center 12px !important;
	
}

.visual {
	margin-bottom: 10px !important;
}
	
}

/* woocommerce */

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          overflow: hidden;
}

#webshopContainer {
	width: 900px;
	margin: auto;
	padding: 20px;
}


#webshopContainer .webshopLogo {
	clear: both;
	width: 100%;
	text-align: right;
	padding-bottom: 10px;
}

#webshopContainer .webshopLogo img {
	width: 20%;
}

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/*
#webshopContainer .webshopLogo img {
	float: right;
	width: 80%;
}
*/

.woocommerce_tabs, .woocommerce-result-count, .woocommerce-ordering, .cart_totals h2 {
	display: none;
}

.well .woocommerce {
	color: #000;
	font-family: 'MyriadProRegular';
}

h1, h2, h3, h4, h5, .product-name {
	text-transform:uppercase;
	font-family: 'MyriadProRegular';
}

.well .woocommerce a {
	color: #000;
}

.well .woocommerce .product-name a {
	color: #000;
}

button.single_add_to_cart_button {
	height: 30px;
}

.cart-collaterals .cart_totals {
	width:auto;
}

.woocommerce-page table.cart img {
	width:90px;
	height:90px;
}