body {background-color: rgba(203,166,116,0.2); background-image: url("/wp-content/uploads/2017/11/achtergrond.png");}

.tm-headerbar {background: rgba(255,255,255,0.8); padding: 15px 0; }

.uk-navbar {box-shadow:
-webkit-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.05);
box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.05);
border-bottom: none;
}

.tm-page .tm-block:first-child {padding-top: 30px; 
box-shadow:
-webkit-box-shadow: inset 0px 7px 7px -5px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0px 7px 7px -5px rgba(0,0,0,0.05);
box-shadow: inset 0px 7px 7px -5px rgba(0,0,0,0.05);
}

.tm-page {margin-top: 1px; }
.tm-top-a {margin-top: -30px;}
.tm-top-b {margin-top: -45px; margin-bottom: 0px;}

h1, h2, h3, h4, h5, h6 {text-transform: none; color: #09C;}
h2, .uk-h2 {font-size: 24px; line-height: 30px;}

.uk-panel-title {font-size: 16px; font-weight: 400; text-transform: none; }

.uk-article-title {color: #C60;}

.uk-panel-box-primary .uk-panel-title {color: #09c; font-weight: 600;}

.uk-panel-box-primary  {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #CCC;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.10);
	color: #aaaaaa; 
	padding: 10px 10px 20px 10px;
	  }

.uk-panel-box-secondary  {
    background: none repeat scroll 0 0 #64c6e4;
    border: 1px solid #CCC;
    box-shadow: none;
	color: #ffffff; 
	padding: 10px 10px 20px 10px;
	}	
	
.uk-panel-box-secondary  > .uk-panel-title {font-size: 16px; font-weight: 400; text-transform: none; color: #ffffff; }	
.uk-panel-box-secondary h1 {font-size: 24px; font-weight: 700; text-transform: none; color: #ffffff; margin-top: 0px;}
.uk-panel-box-secondary a {color: #ffffff;}


.uk-panel-box-primary > a:not([class]), .uk-panel-box-primary > *:not([class*="uk-nav"]) a:not([class]) {color: #c60;} 

.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel {margin-top: -1px;}

.uk-icon-user {color: #64c6e4;}
.uk-icon-envelope {color: #64c6e4;}
.uk-icon-phone {color: #64c6e4;}


/* ========================================================================
   SIDEBAR NAVS & STUFF
 ========================================================================== */


.uk-panel-box .uk-open.uk-parent ul.uk-nav-sub {background: none repeat scroll 0 0 #ffffff; }

.uk-nav-side .uk-open.uk-parent ul.uk-nav-sub > li:nth-child(n+2) {
    border-top: 1px dotted #b8ae98;
    margin-top: 5px;
    padding-top: 5px;
	padding-right: 5px;
	width: 100%;
}

.uk-nav-side .uk-active  > a  {background: none; box-shadow: none; color: #525252; text-shadow: none; }


/* ========================================================================
   END OF SIDEBAR NAVS & STUFF
 ========================================================================== */


.uk-panel-box-secondary  .wk-slideshow-eat .nav span {background-color: #999;}
.uk-panel-box-secondary  .wk-slideshow-eat .nav .active span {background-color: #666;}

.uk-panel-header .uk-panel-title.uk-panel-title:after {
    background: none;
}

.tm-top-b .uk-panel-title {
    color: #525252;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: -15px;
    margin-top: 0;
    text-transform: uppercase;
}

.tm-bottom a:not([class]), .tm-bottom h1, .tm-bottom h2, .tm-bottom h3, .tm-bottom h4, .tm-bottom h5, .tm-bottom h6, .tm-bottom .uk-panel-title { padding-bottom: 0px; margin-bottom: 0px;}
.tm-badge-price {margin-top: 15px;}


/* ========================================================================
   Begin CSS voor slideshow in full width module
 ========================================================================== */
.tm-page { z-index: 3; position: relative; }    
.tm-fullscreen { max-height: 100%; }

.full-width-caption { text-align: center; margin-right: 700px; }

.wk-slideshow-eat .nav {padding-bottom: 10px;}

.wk-slideshow .wk-content { height: inherit; }  

.tm-teaser-right { padding-left: 650px; margin-top: -50px; }
.tm-teaser-right p {color: #333; }

.tm-teaser-left { padding-right: 650px; margin-top: -50px; }
.tm-teaser-left p {color: #333; }

.tm-teaser-subtitle-small:before, .tm-teaser-subtitle-small:after {
    border-top: none;
    content: "";
    position: absolute;
    top: 50%;
    width: 206px; }

.uk-scrollspy-inview.tm-teaser-subtitle:before, .uk-scrollspy-inview.tm-teaser-subtitle:after  {border-top: none;}

.tm-teaser p {color: #333; }

.tm-teaser h1 {
    color: #333;
    font-weight: 700;
    padding: 0 20px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.uk-heading-large {
	color: #ffffff;
	font-size: 45px;
    line-height: 55px;
	padding-left: 5px;
	padding-right: 5px; }
	
.uk-heading-large span { background: #b8ae98; padding:0 10px;} 
.tm-teaser-subtitle-small span { background: #b8ae98; padding:0 10px; color: #ffffff;}
.tm-teaser-subtitle-small {background: rgba(256,256,256,0.8); padding: 10px; }
	
	    
/* ========================================================================
   Einde CSS voor slideshow in full width module
 ========================================================================== */
 
.responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* ========================================================================
   Begin WOOCOMMERCE
 ========================================================================== */

ul.products .count { display:none !important; }
.woocommerce-loop-category__title {font-size: 20px;}
h2.woocommerce-loop-product__title {font-size: 17px; line-height:24px;}
.woocommerce div.product .product_title, .woocommerce-page div.product .product_title, .woocommerce #content div.product .product_title, .woocommerce-page #content div.product .product_title {font-size: 24px;}
.woocommerce-products-header__title page-title {font-size: 24px; line-height:30px;}
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {border: 1px solid #eaeaea;}
.woocommerce table.shop_attributes td, .woocommerce-page table.shop_attributes td {background: none;}

.woocommerce-tabs .panel h2:first-child {display:none;}

.page-id-9 .uk-article-title {font-size: 20px;}
.uk-article-meta {display:none;}
.blog .uk-article {padding: 20px;}
.single-post .uk-article {padding: 20px;}


.woocommerce ul.products li.product a img {height: 300px;  object-fit:contain;} /* === belangrijk = zorgt ervoor dat productafbeelding passend in kaders komen te staan == */


/* ========================================================================
   Einde WOOCOMMERCE
 ========================================================================== */
 

/* 
-------------------------------------------------------------------------------------------------
CONTACTFORMULIER 
-------------------------------------------------------------------------------------------------
 */

.uk-form uk-form-stacked {
	-webkit-appearance: none; border-radius: none;}

.uk-form textarea, .uk-form select[multiple], .uk-form select[size] {
    height: 100px;   -webkit-appearance: none;
}

.uk-form .wpcf7-submit {color: #ffffff; font-size: 12px;}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 select  {
	color: #54545c;
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: none;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box;
		  -webkit-appearance: none;		 		  
		  
		  }

.wpcf7 input[type="text"]:focus{
	background: #fff; 
}
.wpcf7-submit{
	float: right;
	background: #999;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	border: none;
	padding: 4px 10px;
	cursor: pointer;
	-webkit-appearance: none;
}

.wpcf7-submit:hover{
	background: #b8ae98; color: #ffffff
}
span.wpcf7-not-valid-tip{
	text-shadow: none;
	font-size: 12px;
	color: #fff;
	background: #ff0000;
	padding: 5px;
}
div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	background: #f9cd00;
	padding: 5px;
	color: #9C6533;
	text-align: center;
	margin: 0;
	font-size: 12px;
}
div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 12px;
	background: #59a80f;
	border-color: #59a80f;
	color: #fff;
	margin: 0;
}

#responsive-form{
	max-width:850px;
	margin:0 auto;
        width:100%;	
}
.form-row{
	width: 100%;}
	
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.25rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}

.column-full-right {
	float: right;
	align: right;
	position: relative;
	padding: 0.25rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}

span.wpcf7-list-item {
    float: right;
}

.column-1-4 {
	float: left;
	position: relative;
	padding: 0.25rem;
	width:25%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}

.column-3-4 {
	float: left;
	position: relative;
	padding: 0.25rem;
	width:75%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}


.clearfix:after {
	content: "";
	display: table;
	clear: both;
}


/* ========================================================================
   MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE
 ========================================================================== */


/* iPad liggend */
@media (min-width: 960px) and (max-width: 1024px) {  

.uk-navbar-nav > li > a { font-size: 12px; }


h1 {font-size: 30px; line-height: 35px; }

.tm-fullscreen { max-height: 300px;}
.tm-fullscreen .wk-slideshow .tm-image { max-height: 300px; }

.tm-top-b { font-size: 14px; line-height: 18px;}
p { font-size: 14px; line-height: 18px;}

.uk-heading-large {font-size: 24px; line-height: 24px; }
.uk-heading-large span { background: #b8ae98; padding:0 10px;} 
.tm-teaser-subtitle-small span { background: #b8ae98; padding:0 5px; color: #ffffff;}
.tm-teaser-subtitle-small {background: rgba(256,256,256,0.7); padding: 10px; font-size: 14px; line-height: 18px; }
.tm-teaser-right { padding-left: 550px; margin-top: -50px;}
.tm-teaser-left { padding-right: 550px;  margin-top: -50px; }

.tm-block-light + .tm-block-dark, .tm-block-dark + .tm-block-light, .tm-block-full + .tm-block {padding-top: 30px; }
.tm-block {padding-bottom: 30px;}
.tm-page .tm-block:first-child {margin-top: 50px;}

}

/* Tekstverkleining en aanpassingen voor iPad staand */
@media (min-width: 480px) and (max-width: 959px) { 

h1 {font-size: 24px;}

.tm-heading-underline{ font-size: 28px; }

.uk-navbar-nav > li > a { font-size: 9px;}
 
.tm-logo {width: 300px;}

.tm-fullscreen {height: 300px;}
.tm-fullscreen .wk-slideshow .tm-image {height: 300px;}

.headerbar-text {font-size: 13px;}

.wk-twitter-bubbles .content {font-size: 12px; line-height: 16px;}

.tm-top-b { font-size: 14px; line-height: 18px;}
p { font-size: 14px; line-height: 18px;}

.uk-heading-large {font-size: 24px; line-height: 24px; padding-top: 50px; }
.uk-heading-large span { background: #b8ae98; padding:0 10px; } 
.tm-teaser-subtitle-small span { background: #b8ae98; padding:0 5px; color: #ffffff;}
.tm-teaser-subtitle-small {background: rgba(256,256,256,0.7); padding: 10px; font-size: 14px; line-height: 18px; }
.tm-teaser-right { padding-left: 425px; margin-top: -50px;}
.tm-teaser-left { padding-right: 425px; margin-top: -50px;}

.tm-block-light + .tm-block-dark, .tm-block-dark + .tm-block-light, .tm-block-full + .tm-block {padding-top: 30px; }
.tm-block {padding-bottom: 30px;}
.tm-top-b .uk-panel-title {
    color: #525252;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: -15px;
    margin-top: 0;
    text-transform: uppercase;
}

}


/* iPhone liggend */
@media (min-width: 480px) and (max-width: 767px) {  

h1, .uk-h1 {
    font-size: 16px;
    line-height: 20px;
}

/* top image afmetingen */
.wp-page-860 .tm-block-full {height: 187px; width: auto;}
.wp-page-86 .tm-block-full {height: 187px; width: auto;}
.wp-page-835 .tm-block-full {height: 187px; width: auto;}
/* top image afmetingen */


.tm-fullscreen { max-height: 200px;}
.tm-fullscreen .wk-slideshow .tm-image { max-height: 200px; }

.uk-button { font-size: 10px; font-weight:bold; max-height: 25px; }

span.tm-heading-italic {font-size: 14px; line-height: 18px;}
.tm-page .tm-block:first-child {padding-top: 20px;}

.uk-heading-large {font-size: 14px; line-height: 14px; padding-top: 25px; }
.uk-heading-large span { background: #b8ae98; padding:0 10px; } 
.tm-teaser-subtitle-small span { background: #b8ae98; padding:0 5px; color: #ffffff;}
.tm-teaser-subtitle-small {background: rgba(256,256,256,0.7); padding: 10px; font-size: 12px; line-height: 14px; }
.tm-teaser-right { padding-left: 155px; margin-top: 0px;}
.tm-teaser-left { padding-right: 155px; margin-top: 0px;}

}	


/* iPhone staand */
@media  (max-width: 479px) {  

h1, .uk-h1 { font-size: 16px; line-height: 20px; }

.uk-article-title {font-size: 24px; line-height: 29px; text-transform: uppercase;}

span.tm-heading-italic {font-size: 14px; line-height: 18px; }


.tm-heading-box {
    background: none repeat scroll 0 0 rgba(198, 188, 164, 0.85);
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    padding: 20px 25px;
    text-align: center;
    text-transform: uppercase;
}

/* top image afmetingen */
.wp-page-860 .tm-block-full {height: 125px; width: auto;}
.wp-page-86 .tm-block-full {height: 125px; width: auto;}
.wp-page-835 .tm-block-full {height: 125px; width: auto;}
/* top image afmetingen */

.tm-page .tm-block:first-child {padding-top: 20px;}

.tm-fullscreen { max-height: 200px;}
.tm-fullscreen .wk-slideshow .tm-image { max-height: 200px; }


.uk-heading-large {font-size: 14px; line-height: 14px; padding-top: 10px; }
.uk-heading-large span { background: #b8ae98; padding:0 10px; } 
.tm-teaser-subtitle-small span { background: #b8ae98; padding:0 5px; color: #ffffff;}
.tm-teaser-subtitle-small {background: rgba(256,256,256,0.7); padding: 10px; font-size: 10px; line-height: 12px; }
.tm-teaser-right { padding-left: 125px; margin-top: 0px;}
.tm-teaser-left { padding-right: 125px; margin-top: 0px;}

.uk-button { font-size: 10px; font-weight:bold; max-height: 25px; }


}

.cat-item-52{display:none}/*ivm woocommerce 3.3*/