/*
Theme Name: Ben Tiggelaar 2017
Author: Renier Vermaak
Author URI: http://reniervermaak.nl
Version: 1.0
Text Domain: tiggelaar
*/

@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');

html, body {
    min-height: 100%;
    font-family: 'Merriweather', 'Times New Roman', serif;
    width: 100%;
margin:0px;
    position: absolute;
    overflow-x: hidden;
}

html {
	scroll-behavior: smooth;
  }

section {text-align:center;}
.wp-block-button a {    color: #fff !important;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    font-size: 1.125em; text-decoration:none !important; border-radius:5px;background-color:#06394e}
	.wp-block-button {margin:3% 0%; }

    #logo {    font-size: 1.2em;
        letter-spacing: 0.1em;
        line-height: 1.2em;

        font-weight: 100;
    }
    #logo a {  color: #fff;         text-decoration: none;}
    #nav-header {    width: 100%;
        z-index: 100; position: absolute;
        top: 0px;
        left: 0px;}
        .container .inner {
            padding: 1em 0.8em;
        }

    p {margin:2%;}

.entry-content a {
	color: #0C68D3;
	font-weight: normal;
	text-decoration: underline;
}

.entry-content a:hover {
	text-decoration: underline !important;
}

.container {
	max-width: 960px;
	margin: 0px auto;
	position: relative;
}
.container.container-narrow {
	max-width: 660px;
}
.container.container-wide {
	max-width: 1200px;
}
.container.container-boeken {
	max-width: 1200px;
}

.container.container-row {
	max-width: 1500px;
}
body.single-post .container.container-row {
	max-width: 1024px;
}

.header_intro {
	width: 90%;
	max-width: 600px;
	margin: 0px auto; 
}

#container #content {
	padding: 1.0em;
}

#container #content > div.product {
	margin-top: 2.0em;
}

/* HEADER banner */
#header-banner {
	width: 100%;
	padding-bottom: 35%;
	position: relative;
	color: #fff;
}
#header-banner.small {
}

#header-banner.nobanner {
	height: 0;
	display: none;
}

#header-banner #header-image,
#header-banner #header-title {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 10;
}

#header-banner #header-title #header-title-wrap {
	position: relative;
	display: table;
	width: 100%;
	height: 100%;
}
#header-banner #header-title #header-title-wrap .header-align {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

#header-banner #header-image img {
	position: absolute;
	width: 100%;
	height: auto;
}

#header-banner #header-image .header-collage {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#header-banner #header-image .header-collage .row {
	height: 100%;
	width: 100%;
}

#header-banner #header-image .header-collage .row .column {
	height: 100%;
}
#header-banner #header-image .header-collage .row .column.column-25 {
	width: 25%;
}

#header-banner #header-image .header-collage .row .column .collage-item {
	width: 100%;
	background: #666;
	height: 50%;
}
#header-banner #header-image .header-collage .row .column .collage-item.collage-item-portait {
	width: 100%;
	height: 100%;
	background: #bbb;
	overflow: hidden;
}

#header-banner #header-image .header-collage .row .column .collage-item .image {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#header-banner #header-image .header-collage .row .column .collage-item img {
	position: absolute;
	width: 100%;
	height: auto;
	z-index: 5;
}
#header-banner #header-image .header-collage .row .column .collage-item img.large {
	position: absolute;
	z-index: 2;
}

#header-banner .header-collage .row .column .collage-item .image a:hover * {
	-moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

#header-shop {
	background: #e5dac9;
	color: #232b3b;
	text-align: center;	
}

.entry-content img {
	padding: 0;
	border: none;
}

.entry-content > ul {
	font-weight: 400;
	font-size: 1.1em;
	letter-spacing: 0.04em;
}
.entry-content > p {
	font-weight: 400;
	font-size: 1.1em;
}

.entry-content > div p {
	font-size: 1.1em;	
}
.entry-content > div > p {
	font-size: 1.1em;
}
.entry-content > div > p p {
	font-size: 1.0em;
}

.header-image .header-table, 
.header-slides .header-table,
.banner-overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9999;
    width: 100%;
    height: 101%;
}

body.single-post .header-table {
	background: rgba(53, 20, 20, 0.2);
}

body.page-id-62 .header-image .header-table {
    background: none;
}

.header-table .header-cell {
    text-shadow: 2px 2px 10px #000;
}



h1.page-title {
	font-size: 3.0em;
	color: #d79d4d;
	font-weight: 300;
	margin: 0.5em 0 0.5em 0;
}



.header-table {
	display: table;
}
#header-banner.notitle .header-table {
	display: none;
}

.header-table .header-cell {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	height: 100%;
}
body.page-id-62 .header-table .header-cell {
    vertical-align: bottom;
    color: #000;
}


.header-table .header-cell h1 {
	font-size: 1.3em;
	font-weight: 300;
	margin: 1.0em auto;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	max-width: 900px;
	text-align: center;
	line-height: initial;
}

.header-table .header-cell h2 {
	font-size: 1.0em;
	font-weight: 300;
	margin: 1.0em 0;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-align: center;
}

.banner-overlay {
	width: 100%;
	height: 100%;
}

.banner-overlay .banner-overlay-align {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
}

.block.block-intro .entry-content p {
	font-size: 1.2em;
}

.entry-content h2 {
	font-size: 1.4em;
	line-height: 1.34em;
	letter-spacing: 0.04em;
	font-weight: 600;
}

.entry-content h2.first {
	font-size: 3em;
	margin-bottom: 0.1em;
}
.entry-content h2.second {
	font-size: 1.8em;
	text-transform: none;
	margin-bottom: 0.1em;
}
.entry-content h2.third {
	font-size: 1.8em;
	text-transform: none;
}

.entry-content .wpcf7-form h3 {
	font-size: 1.3em;
	margin-bottom: 1.0em;
}

.entry-content form .sub {
	background-color: #141b27;
	border-radius: 10px;
	padding: 1.2em;
	margin-top: 4.0em;
}

.entry-content h2.term_title {
	font-size: 1.5em;
	line-height: 1.34em;
	letter-spacing: 0.04em;
	font-weight: bold;
}

.entry-content h2 em {
	font-style: italic;
}

.entry-content h2.big {
	font-size: 3.0em;
	letter-spacing: 0.01em;
}
.container-archive .entry-content h2 {
	text-align: left;
	font-weight: 100;
}
.container-archive .entry-content h2.term_title {
	text-align: left;
	font-weight: 400;
	margin-top: 2.0em;
	color: #d79d4d;
}

.container-archive .entry-content h2.big {
	text-align: left;
	font-weight: 100;
}

.entry-content h2.post-title {
	font-size: 1.2em;
	margin-bottom: 0.1em;
}

.entry-content h3 {
	line-height: 1.45em;
	margin-bottom: 1.34em;
	text-transform: none;
}

.block {
	position: relative;
	height: auto;
	overflow: hidden;
}
.block .background {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.block .background img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    height: auto;
}

.block-blog .entry-content .column.column-entry-text a.btn {
	text-transform: uppercase;
	font-weight: 100;
	letter-spacing: 0.1em;
}

.block > .container > h2 {
	display: block;
	margin: 0;
	padding: 1.0em 1.0em 0 1.0em;
	font-size: 1.4em;
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 0.05em;
}

.block.block-onze-klanten > .container > h2 {
	font-weight: 100;
	text-transform: uppercase;
}

.block.block-aanbod-seminars .box {
	text-align: center;
}

.block .column-logo {
	position: relative;
	height: 200px;
}

.block .column-logo .column-inner-logo {
	position: absolute;
	width: 75%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.block .column-logo .column-inner-logo .image {
	margin: 0px auto;
	text-align: center;
	max-width: 100%;
	height: 100%;
}

.block .column-logo .column-inner-logo .image img {
	width: 100%;
	height: auto;
	max-height: 100%;
	max-width: 100%;
}

.block > .container.container-boek-ben-voor-je-bedrijf .entry-content {
	max-width: 600px;
	margin: 0px auto;
}

#footer {
	background: #e5dac9;
	color: #232b3b;
}

#footer a {
	color: #232b3b;
	text-decoration: none;
	font-weight: 100;
	letter-spacing: 0.1em;
}
#footer ul li a {
	line-height: 1.4em;
	display: inline-block;
	text-align: left;
	width: 100%;
}

#footer h2.widget_title {
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: 1.4em;
}

#footer .row .column .inner-column {
	padding: 1.0em;
}

#footer .row .column .inner-column img {
	display: block;
	width: 150px;
	height: auto;
	margin: 0px auto;
}

#footer .row .column.widget_text p {
	margin-bottom: 0.5em;
}


#footer .row .column.widget_text a .icon {
	display: inline-block;
	margin: 0 10px;
	width: 24px;
}

#back-top {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.article .image-box {
	padding: 0;
}
.article .image-box img {
	display: block;
}

.article p,
.article .column-image img {
	margin-top: 1.0em;
}

.article .column-image img {
	margin-top: 0.5em;
}

.footer-container span.post-date {
	display: none;
}

.footer-container ul li {
	display: block;
	margin-bottom: 0.7em;
}

.footer-container .textwidget .icon {
	font-size: 1.0em;
	margin: 0 10px 0 0;
}



@media only screen and (max-width: 1024px) {
	body .header-table .header-cell {

	}

	.block.column-40 .entry-content img.size-full {
		max-height: 300px;
	}
}
@media only screen and (max-width: 600px) {
	.entry-content img.alignleft,
	.entry-content img.alignright {
		max-width: 100%;
	    margin: 0px auto;
	    float: none;
	    display: block;
	}
	.wp-block-button {margin:10% 0%;}

	
	.block.column-40 .entry-content img.size-full {
		max-height: 160px;
	}
}
@media only screen and (max-height: 600px) {

	#header-banner .header_intro {
		display: none;
	}
	.block.column-40 .entry-content img.size-full {
		max-height: 160px;
	}
}

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

	.column-group.columns-2 .column {
		width: 100%;
	}
}

@media only screen and (max-width: 782px) {
	.column-group.columns-4 .column {
		width: 50%;
	}
}

@media only screen and (min-width: 770px) {
	.filter {
		display: block;
		height: 45px;
		background: #E5E5E5;
	}

	.filter * {
		height: 100%;
	}

	.filter .container {
	}

	.filter .container .row {
		margin: 0 0.5em;
	}

	.filter .tab {
		display: inline-block;
		width: 100%;
		text-align: center;
		vertical-align: middle;
		line-height: 40px;
		text-decoration: none;
		color: #000;
		letter-spacing: 0.05em;
	}
	.filter .tab:hover {
		background: #ccc;
	}

	.filter .tab.tab-active {
		background: #f7f7f7;
	}
	.filter .tab.tab-active:hover {
		background: #f7f7f7;
	}

	.quotes {
		margin: 0px auto 1.0em auto;
	}

	.btn-contact-home {
		position: absolute;
		bottom: 1.0em;
		font-size: 1.2em;
		right: 1.0em;
	}

	*/
	.block {
		display: block;
	}
	.block.block-100 {
		width: 100%;
		clear: both;
		box-sizing: border-box;
	}
	.block.block-50 {
		width: 50%;
		float: left;
		box-sizing: border-box;
	}

		.block.block-50 .container {
			max-width: 100%;
			margin: 0px;
		}
		.block.block-50.block-missie-en-visie .container {
			width: 100%;
			float: right;
		}
	
	.container.valign-middle {
		position: relative;
		top: 50%;
		-webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	    transform: translate(0, -50%);
	}
	.column-100 .container.valign-middle {
		position: relative;
		top: 0;
		-webkit-transform: translate(0, 0);
	    -ms-transform: translate(0, 0);
	    transform: translate(0, 0);
	}

	.row .column.column-10 {
		width: 10%;
	}
	.row .column.column-20 {
		width: 20%;
	}
	.row .column.column-25,
	.column-group.columns-4 .column {
		width: 25%;
	}
	.row .column.column-30 {
		width: 30%;
	}
	.row .column.column-33 {
		width: 33.33%;
	}
	.row .column.column-article.column-33 {
		width: 33.03%;
		vertical-align: top;
		margin-bottom: 1.0em;
	}
	body.home .woocommerce.columns-3 ul.products li.product {
		width: 30%;
	}

	.column-group.columns-3 .column {
		width: 33.33%;
	}
	.row .column.column-40 {
		width: 40%;
	}
	.row .column.column-45 {
		width: 45%;
	}
	.column-group.columns-2 .column {
		width: 50%;
	}
	.row .column.column-50 {
		width: 50%;
	}
	.row .column.column-55 {
		width: 55%;
	}
	.row .column.column-60 {
		width: 60%;
	}
	.row .column.column-66 {
		width: 66.66%;
	}
	.row .column.column-70 {
		width: 70%;
	}
	.row .column.column-75 {
		width: 75%;
	}
	.row .column.column-80 {
		width: 80%;
	}

	.row .column.column-article blockquote {
		font-weight: 100;
		margin: 0.5em 1.0em 1.0em 1.5em;
		font-style: normal !important;
		line-height: 1.4em;
	}
	
	#footer .row .column {
		width: 25%;
	}

	#footer .row .column .inner-column {
		padding: 2.0em;
	}

	#footer ul li a {
		text-align: left;
	}

	.row .column.column-entry-image .entry-image {
		padding-bottom: 100%;
		background: blue;
		position: relative;
		overflow: hidden;
	}

	.row .column.column-entry-image .entry-image img {
		position: absolute;
		max-width: none;
	}

	.row .column.column-entry-image {
		display: block;
	}
	.row .column.column-entry-image.mobile {
		display: none;
	}

	.container .inner {
		padding: 1.0em;
	}

	.container .article .column .inner {
		padding: 1.5em;
	}

}	
	

@media only screen and (min-width: 1024px) {
	#page.header-fixed {
		margin-top: 0px;
	}

	#header-banner {
		height: auto;
	}
	#header-banner {
		padding-bottom: 35%;
	}
	#header-banner.small {
		height: auto;
		padding-bottom: 25%;
	}

	.header-table .header-cell h1 {
		font-size: 2.0em;
	}

	.header-table .header-cell h2 {
		font-size: 1.5em;
	}

	

	.header-table .header-cell h1 {
		font-size: 3.0em;
		margin: 1.0em auto 0.5em auto;
	}

	.header_intro {
		font-size: 1.1em;
		width: 90%;
		max-width: 650px;
		margin: 0px auto; 
	}

	

	.block {
		padding: 2.0em;
		box-sizing: border-box;
    }
	
}	

@media only screen and (min-width: 1200px) {
	.block-header-intro-countdown .entry-content h1,
	.block-header-boek .entry-content h1 {
		font-size: 3em;
	}
}