/*
Theme Name: Scherer Wonen 2014
Theme URI: http://www.scherer.nl/
Author: Mike Waalkens
Author URI: http://www.ndcmediagroep.nl/

Use Wordpress to make something cool, have fun, and share what you've learned with others.
*/


/***** Basic Styles *****/
html 		{ overflow-y:scroll; overflow:-moz-scrollbars-vertical; }
body		{ background-color:#CCC; font-family:Verdana, Helvetica, Arial; font-size:11px; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
#wrapper	{ width:960px; margin:0 auto 25px auto; padding:0px; border:#999 0px solid; overflow:hidden; 
			  background:#FFF; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; 
			  }
#container	{ margin:0 auto; padding:22px; overflow:hidden; }

h1, h2, h3, h4, h5, h6 		{ margin:0; padding:0; font-family:'Lato', Verdana, Helvetica, Arial, sans-serif; font-weight:300; } 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a 	{ font-weight:inherit; }
h1 							{ margin:0 0 4px 0; padding:0; font-size:40px; line-height:40px; }
h2							{ margin:0 0 4px 0; padding:0; font-size:30px; line-height:34px; }
h3 							{ margin:0 0 4px 0; padding:0; font-size:24px; line-height:28px; }
h4 							{ margin:0 0 4px 0; padding:0; font-size:18px; line-height:22px; }
h5 							{ margin:0 0 4px 0; padding:0; font-size:14px; line-height:16px; }
h6 							{ margin:0 0 4px 0; padding:0; font-size:12px; line-height:16px; }
p 							{ margin:0; padding:0 0 10px 0; line-height:18px; }

/***** Topmenu bovenaan de site *****/
#topmenu					{ padding-top:0%; padding-bottom:0%; color:#888; }
#topmenu p					{ color:#888; font-size:11px; line-height:14px; margin:0px; padding-top:4px; padding-bottom: 0px; }
#topmenu a					{ color:#888; text-decoration: none; border-bottom:#888 thin solid; }
#topmenu a:hover			{ color:#666; text-decoration:none; border-bottom:#FF7600 thin solid; }
#topmenuleft 				{ text-align:left; }
#topmenuright .widget		{ float: left; }
#topmenuright				{ text-align:right; }
#topmenuright .widget		{ float:right; }
#topmenu .screen-reader-text{ display:none;}
#topmenu .widget_search		{ float:right; display:inherit; margin-right:10px; margin-bottom:5px; }
#topmenu #searchsubmit		{ width:60px; height:20px; color:#fff; background-color:#FFAE00; border:none; cursor:pointer; }
#topmenu #searchsubmit:hover{ background-color:#FF8E00; }


/***** Header *****/
.site-logo	{ text-align:center; height:auto; margin:0px auto; }
.site-title	{text-align:center;}
.site-description	{text-align:center; font-size:1.8em;} 

#logo			{ text-align:center; margin:0px auto; }
#menu			{ font-family:'Lato', verdana, arial; font-weight:300; overflow:visible;  }
/* #header			{ min-height:200px; } */
/* #headerslider	{ min-height:200px; } */

#slagzin		{ font-family:'Lato'; font-weight:300; text-align:center; margin:6px auto; }
#slagzin h1 	{ color:rgba(190,38,48,1.00);}
#slagzin p  	{ font-weight:300; font-size:14px; }
#slagzin a  	{ font-weight:300; font-size:14px; }
#shadow img	{ width:100%; height:auto; }

.spreuk			{ font-family:'Lato'; font-weight:300; text-align:center; font-size:32px; line-height:40px; font-style:italic; color:rgba(37,110,176,1.00);}

.collectie h3 	{ color:rgba(255,118,0,1.00); }




/***** OPMAAK FRONTPAGE  *****/
#row1-box1 		{ min-height:250px; max-height:250px; overflow:hidden; }
#row1-box2 		{ min-height:80px; margin-bottom:10px; }
#row1-box3 		{ min-height:150px; max-height:160px; overflow:hidden; }
#row1-box4 		{ min-height:150px; max-height:160px; overlfow:hidden; }

#row1box1-content	{ padding:0px;  }
#row1box2-content	{ padding:5px 10px; }
#row1box3-content	{ padding:0px 0px; }
#row1box4-content	{ padding:0px 10px; }

#row1-box1 a { color:#ff8942 !important; }
#row1-box2 a { color:#ff8942 !important; }
#row1-box3 a { color:#ff8942 !important; }
#row1-box4 a { color:#ff8942 !important; }

/***** OPMAAK LANDINGPAGE  *****/
.entry			{ padding:20px; }
.widecolumn	{ padding:20px; font-family:'Lato'; }
.widecolumn h1	{ margin:0 auto 12px auto; }
.widecolumn p	{ font-size:14px; line-height:24px;   }



/***** PAGE  *****/
.pagetitle	{margin:0 0 12px 0;}

/***** SINGLE  *****/
.content-single-sidebar { min-height: 167px; }


/***** WIDGETS  *****/
.widget			{ padding:5px 0px 0px 5px; }
.widgetbtm		{ border-bottom:rgba(218,142,27,1.00) 2px solid;  }
.widget	 img	{ margin-bottom:5px;  }



/***** FOOTER  *****/
#footer		{ min-height:5px; }
.footer		{ padding:20px 0px;  }
.footer p	{ padding:0px; margin-bottom:5px; color: #fff; }
.footer a	{ color:#D3D3D3; }
.footer a:hover	{ color:#ff8942; }


/***** LINKS  *****/
a			{ cursor:pointer; color:#ff8942 ; }	
a:hover		{ color:#ff8942 ; }
h1 a		{ color:#666666 ; }
h1 a:hover { color:#ff8942 ; text-decoration:none; }
h2 a		{ color:#666666 ; }
h2 a:hover { color:#ff8942 ; text-decoration:none; }
h3 a		{ color:#666666 ; }
h3 a:hover { color:#ff8942 ; text-decoration:none; }
h4 a		{ color:#666666 ; }
h4 a:hover { color:#ff8942 ; text-decoration:none; }
h5 a		{ color:#666666 ; }
h5 a:hover { color:#ff8942 ; text-decoration:none; }
h6 a		{ color:#666666 ; }
h6 a:hover { color:#ff8942 ; text-decoration:none; }

.read_more_link 	{ font-size: 10px; clear:both; display:block; }
.historygoback		{ clear:both; float:left; font-size:20px; text-decoration:none; color:#ff8942 !important; }



/***** BUTTONS  *****/
a.btnred, .btnred { 
				margin:5px 10px; padding:5px 10px 5px 10px; display:inline-block; 
				color:rgba(190,38,48,1.00); border:1px solid rgba(190,38,48,1.00); 
				background:#fff; cursor:pointer; 
				}
.btnred:hover	{ color:#333; border:1px solid #333; }

a.btn, .btn	{ 
				margin:5px 10px; padding:4px 10px 4px 10px; display:inline-block; 
				color:rgba(190,38,48,1.00); border:1px solid rgba(190,38,48,1.00); 
				background:#000; cursor:pointer; 
				}
a:hover.btn	{ text-decoration:none; border:1px solid rgba(190,38,48,1.00); color:#666; background:#fff; }



a.button		{ 
				margin:5px 10px; 
				padding:5px 10px 5px 10px; 
				display:inline-block; color:rgba(190,38,48,1.00); 
				border:1px solid rgba(190,38,48,1.00); 
				background:#fff; cursor:pointer;  text-transform:uppercase; 
				}

.type-post a.button	{ 
				font-size:18px;
				margin:5px 0px; 
				padding:5px 10px 5px 10px; 
				display:inline-block; color:rgba(37,110,176,1.00); 
				border:1px solid rgba(37,110,176,1.00); 
				background:#fff; cursor:pointer;  text-transform:uppercase; 
				}

button a:hover	{ color:#333; border:1px solid #333; text-decoration:none; }
a.button:hover	{ color:#333; border:1px solid #333; text-decoration:none; }

.block_content .button { border:1px solid #ff8942; } 

/* =Responsive Images
-------------------------------------------------------------- */

img {
	-ms-interpolation-mode:bicubic;
	border:0;
	height:auto;
	max-width:100%;
	vertical-align:middle;
	text-align: center;
	background-color:#fff;
	} 

.entry img { margin-bottom:6px; }
.entry-content img, .comment-content img, .widget img {	max-width: 99.5%;  }
/* Fluid images for posts, comments, and widgets */
img[class*="align"], img[class*="wp-image-"] { height: auto; }
/* Make sure images with WordPress-added height and width attributes are scaled correctly */
img.size-full {	max-width: 99.5%; width: auto; }
/* Prevent stretching of full-size images with height and width attributes in IE8 */
img[class*="wp-image-"] {  }



.alignleft     { float: left; margin-right: 2%; margin-bottom: 1%; margin-top:4px;}
.alignright    { float: right; margin-left: 2%; margin-bottom: 1%; margin-top:4px;}
img.alignleft  { max-width:40%; height:auto; margin-right: 2%; margin-bottom: 1%;}
img.alignright { max-width:40%; height:auto; margin-left: 2%; margin-bottom: 1%;}
.aligncenter	 { display: block;	margin-left:auto; margin-right:auto; }
img.aligncenter { margin: 5px auto; }

.ie8 img 				{ height:auto; width:auto\9; }
.ie8 img.size-large	{ max-width:60%; width:auto; }
 embed, object			{ max-width:100%; }

#gallery-1 img { border: 0px solid #cfcfcf !important; }

.gallery-columns-3 img	{ width:90%; }
.gallery-columns-4 img	{ width:90%; }
.gallery-columns-5 img	{ width:90%; }
.gallery-columns-6 img	{ width:90%; }



/***** COLORS  *****/
.oranje			{ color:#ff8942; }
.example		{ background-color:#F3F3F3; }
.white			{ background-color:#FFF; }
.bckgrdblack	{ background-color:#555; }
.bckgrdgrey	{ background-color:#F3F3F3; }
.bckgrdoranje	{ background-color:#ff8942; }


/***** SLIDER EXTRA CODE  *****/
#header .cycloneslider-template-standard { margin-bottom: 0px; }
#row1box1-content .cycloneslider-template-standard { margin-bottom: 0px; }


/***** BLOCKS EXTRA CODE  *****/
.general-2 .block_heading { padding: 0px !important; margin-bottom: 0em; }




/***** GALLERY WP EXTRA CODE  *****/
.gallery { clear:both; }




/***** ADVANCED RECENT POSTS EXTRA CODE  *****/
#collectie .advanced_recent_posts_widget * {
	margin:0;
	padding:0;
}
#collectie .advanced_recent_posts_widget {
	font-size: 11px;	
	line-height: 18px;
}
#collectie .advanced_recent_posts_widget .post-title{
	font-size: 12px;	
	font-weight:bold;
}
#collectie .advanced_recent_posts_widget .post-date{
	font-style:italic;
}

#collectie .advanced_recent_posts_widget img{
	float:left;
	margin-right:10px;
	margin-top:5px;
}
#collectie .advanced_recent_posts_widget ul li{
	list-style: none;
	list-style-type: none;
	margin: 3px 25px 10px 0;
	padding: 3px 0;
	border-bottom:rgba(218,142,27,1.00) thin solid;
	width: 205px;
	float: left;
	min-height:200px;
	 }
#collectie .advanced_recent_posts_widget .more-link{
	clear:both;
	display:inline;
}
#collectie .advanced_recent_posts_widget .post-entry{ 
   padding:0 0 5px 0;
   overflow:hidden;
}


.threeposts { width: 29%; border:thin #EDEDED solid; margin:1%; padding:1%; float:left; }
.threeposts .entry-summary p { font-size:11px; }
.threeposts .entry-title a { color:#ff8942; font-weight:bold; font-size:14px; }
.threeposts .featured-image img { margin:2% 5% 0% 1%; }



/***** PC (Landscape 960px) *****/


/* --- Row --- */
.row				{ margin:0 auto; padding:0 0 0 22px; overflow:hidden; }
.row1				{ margin:0 auto; padding:0 0 0 22px; }
.clear				{ clear:both; display:block; overflow:hidden; }
.space				{ height:10px; }


/* --- Kolom --- */
.col167				{float: left; width: 167px; margin:0 20px 0 0; overflow:hidden;  display:block; }
.col1				{float: left; width: 58px;  margin:0 20px 0 0; overflow:hidden;  display:block; }
.col2 				{float: left; width: 136px; margin:0 20px 0 0; overflow:hidden;  display:block; }
.col3 				{float: left; width: 214px; margin:0 20px 0 0; overflow:hidden;  display:block; }
.col4 				{float: left; width: 292px; margin:0 20px 0 0; overflow:hidden;  display:block; }
.col5 				{float: left; width: 370px; margin:0 20px 0 0; overflow:hidden;  display:block; }		
.col6 				{float: left; width: 448px; margin:0 20px 0 0; overflow:hidden;  display:block; }
.col7 				{float: left; width: 526px; margin:0 20px 0 0; overflow:hidden;  display:block; }
.col8 				{float: left; width: 604px; margin:0 20px 0 0; overflow:hidden;  display:block; }	
.col9				{float: left; width: 682px; margin:0 20px 0 0; overflow:hidden;  display:block; }	
.col10				{float: left; width: 760px; margin:0 20px 0 0; overflow:hidden;  display:block; }	
.col11				{float: left; width: 838px; margin:0 20px 0 0; overflow:hidden;  display:block; }
.col12				{float: left; width: 916px; margin:0 20px 0 0; overflow:hidden;  display:block; }


.offset_1			{ margin-left:22px; }
.offset_2			{ margin-left:176px; }
.offset_3 			{ margin-left:256px; }
.offset_4 			{ margin-left:336px; }
.offset_5 			{ margin-left:416px; }
.offset_6 			{ margin-left:496px; }
.offset_7 			{ margin-left:576px; }
.offset_8 			{ margin-left:656px; }
.offset_9			{ margin-left:736px; }
.offset_10			{ margin-left:816px; }
.offset_11			{ margin-left:896px; }
  
.show-phone 		{ display:inherit !important; }
.show-tablet 		{ display:inherit !important; }
.show-screen		{ display:inherit !important; }
	
.hide-phone		{ display:none !important; }
.hide-tablet		{ display:none !important; }
.hide-screen		{ display:none !important; }
.last				{ margin-right:0px !important; }



 /***** Tablet (portrait 768px) *****/
@media only screen and (max-width: 768px) {



body			{ font-size:13px; }
#wrapper		{ width:600px; margin:0px auto 40px auto; padding:0px 0px; overflow:hidden; background-color:#FFF; }

h1 				{ margin:0 0 4px 0; padding:0; font-size:40px; line-height:40px; }
h2				{ margin:0 0 4px 0; padding:0; font-size:30px; line-height:34px; }
h3 				{ margin:0 0 4px 0; padding:0; font-size:24px; line-height:28px; }
h4 				{ margin:0 0 4px 0; padding:0; font-size:24px; line-height:28px; }
h5 				{ margin:0 0 4px 0; padding:0; font-size:24px; line-height:20px; }
h6 				{ margin:0 0 4px 0; padding:0; font-size:20px; line-height:20px; }
p 				{ margin:0; padding:0 0 10px 0; line-height:18px; }

#topmenuleft 	{ text-align:center; }
#topmenuright	{ text-align:center; }
#topmenuleft 				{ text-align:center !important; float:inherit; }
#topmenuright .widget		{ text-align:center !important; float:inherit; }
#topmenuright				{ text-align:center !important; float:inherit; }
#topmenuright .widget		{ text-align:center !important; float:inherit; }

#logo img		{ text-align:center; width:250px; height:auto; margin:5px auto;  }

#adres			{ padding:5px 0px; line-height:16px; }


#row1-box1 		{ min-height: inherit; max-height: ; overflow:hidden; }
#row1-box2 		{ min-height:80px;  margin-bottom:10px; }
#row1-box3 		{ min-height:160px; max-height: inherit; overflow:hidden; }
#row1-box4 		{ min-height:160px; max-height: inherit; overlfow:hidden; }



.row			{ margin:0 auto; padding:0 10px 0 10px; overflow:hidden; }
.space			{ height:2px; }	

.col167,		
.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12			{float:left; width:100%; margin:4px 0; overflow:hidden; display:inline; }

.offset_1,
.offset_2,
.offset_3,
.offset_4,
.offset_5,
.offset_6,
.offset_7,
.offset_8,
.offset_9,
.offset_10,
.offset_11		{ margin-left:0; }



.productoverzicht { display:none; }

}


 /***** Phone (portrait 300px) *****/
@media only screen and (max-width: 480px) {
	
#cookie_action_close_header { margin:15px 0; }
#cookie-law-info-bar {   }
.cli-plugin-main-link {display:none;}

#wrapper		{width:320px; margin:0px auto 30px auto; padding:0px; overflow:hidden; background-color:#FFF; }
#topmenuleft 				{ display:none; }
#topmenu p 					{ font-size: 10px; }
#topmenuright				{ text-align:center; font-size:14px; }
#topmenuright .widget		{ float:none; }

#centeredmenu-1 ul li {  padding: 0 3% 2% 0; }


.row			{ margin:0 auto; padding:0 10px 0 10px; overflow:hidden; }
.space			{ height:2px; }	

.col167		
.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12			{float:left; width:100%; margin:4px 0; overflow:hidden; display:inline; }

 .ezcol-one-fifth, .ezcol-two-fifth, .ezcol-three-fifth, .ezcol-four-fifth {
width: 50%; 
margin-right: 0; 
}



}

/* --- Typography --- */





.price	{ color:#ff8942 !important; padding-bottom:5%; }
.products del		{ display:none; }
.summary ins,
.products ins		{ text-decoration:none !important; }
.products .price	{ font-size:1.5em; }
.products .product { padding-bottom:10px; background:#fff; border-bottom:#ff8942 thin solid; }

.summary .price { font-size:2.0em !important; padding-top:10px !important; text-decoration:none; }

mark { font-size:0.8em !important; background-color: #fff; padding-left:4%;	}



.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	padding-bottom: 2% !important;
	}

.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
	padding: .5em 0;
	margin: 0;
	font-size: 1.5em !important; 
	text-align:center;
	}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
	color: #ff8942 !important;
	display: block;
	font-weight: 400;
	margin-bottom: .5em;
	}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	text-align:center;
	}
.woocommerce .products .star-rating, .woocommerce-page .products .star-rating {
	float:none;
	display:block;
	margin-left:auto;
	margin-right:auto;
	}