/*
Theme Name: Milou Trouwborst 2019
Theme URI: http://www.teamcurry.nl
Version: 1.8.73
Description: Designed by <a href="http://www.teamcurry.nl">Teamcurry</a>.
Author: F++
Author URI: http://www.teamcurry.nl

Tags: curry
*/



@font-face {
	font-family: 'Circular';
	src: url('../fonts/CircularStd-Book.otf');
	font-weight: normal;
	
}

@font-face {
	font-family: 'Reckless';
	src: url('../fonts/RecklessTRIAL-Medium.otf');
	font-weight: normal;
	
}

html,
body {
	margin:0;
	font-family: 'Circular', sans-serif;
	background: rgb(246, 246, 248 );
	-webkit-text-size-adjust: none;
	min-height: 100% !important;
	height: 100%;
	width: 100%;
	color: rgb(23, 30, 115 );
}

/* 
	Loop posts
	*/
	.visible{
		visibility: visible;
	}
	.hidden{
		visibility: hidden;
	}

	p.normal {
		font-style: normal;
	}

	p.italic {
		font-style: italic;
	}

	p.oblique {
		font-style: oblique;
	}


	/* navvvvvv */

	nav {
		z-index:100;	
	}	

	nav ul{
		-webkit-margin-before:0;
		-webkit-margin-after:0px;
		-webkit-padding-start: 0px;
		-webkit-margin-after: 0px;
	}

	#primary-top{
		top:0;
		width: 100%;
		height: 50px;
		font-size: 18px;
		text-align: center;
		list-style: none;
		margin: 0;
		padding: 25px 0;
		position: fixed;
	}

	#primary-top ul {
		display: inline;
		font-size: 1.1em;
	}

	#primary-top li {
		display: inline-block;
		width: 70px;
		text-align: center;
		padding: 0px;
		margin:0 10px;
	}

	#primary-top li:first-child {
		padding-left: 0
	}

	#primary-top li a:hover, #primary-bottom li a:hover {
		border-bottom:3px solid red;
	}

	#primary-top li.current_page_parent a, #primary-bottom li.current_page_parent a,
	#primary-top li.current_page_item a, #primary-bottom li.current_page_item a  {
		border-bottom: 3px solid red !important;
	}

	.no-hover a:hover {
		background: transparent;
		cursor: default;
	}

	a{
		color: inherit;
		text-decoration: none;
	}

	h1, h2, h3, h4, h5, h6{
		-webkit-margin-before: 0.67em;
		-webkit-margin-after: 0.67em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
		font-family: 'Reckless', serif;
		line-height: 0.8em;
		hyphens: auto;	
	}
	
	h6{
		font-weight: bold;
		font-size: 14px;
		max-width: 700px;
		margin:0 auto;
	}



	h1{
		font-size: 36px;
		letter-spacing: -1px;
		margin: 10px auto;

	}

	.content > * > p, .content > * > h1, .content > * > ul{
		max-width: 550px;
		position: relative;
		margin:25px auto;
	}


	
	
	p{
		-webkit-margin-before: 0.4em;
		-webkit-margin-after: 0.4em;
		font-size: 1.4em;
		line-height: 1.3em;
		
	}
	
	p::first-line,h1::first-line, h2::first-line, h3::first-line, h4::first-line, h5::first-line, h6::first-line{
		text-indent: 30px; 
	}
	
	p.project-title::first-line, .post p::first-line,.post h1::first-line, .post h2::first-line, .post h3::first-line, .post h4::first-line, .post h5::first-line, .post h6::first-line{
		text-indent: 0px; 
	}

	ul{
		font-size: 1.4em;
		line-height: 1.3em;
		list-style:none;
		column-count: 2;
	}


	figcaption {
		font-family: "Courier New", courier, monospace; 
		font-size: .8em;
		text-align: center;
	}

/* FULLSCREEN SLIDER */

.landing{
	min-height: 100%;
	height: 100%;
}

.owl-height{
	max-height: 100%;
	width: auto;
	
}
 
 .owl-carousel .owl-item img{
 	object-fit: cover;
 	max-height: 100vh;
 }
/*
	Pages
	*/
	.page-container{
		display: block;
		margin: 0 auto;
		max-width: 1200px ;
		min-width: 80%;
		padding: 0 15px;

	}

	.news{
		display: grid;
		grid-gap: 35px;
		grid-template-columns: repeat(auto-fill, minmax(350px,1fr));
		grid-auto-rows: 40px;
		justify-items: center;
		padding:0 20px;
	}

	.post {
		padding:25px;
		min-width: 320px;
		max-width: 350px;
	}

	.post:nth-child(2) {
		margin-top:50px;
	}

	.post-thumb img{
		max-width: 100%;
		height: auto;
		text-indent: -30px;
	}

	.post-entry{
		padding-bottom:50px;
	}

	.post-entry p > img{
		width: 100%;
		text-indent: -30px;
		height: auto;
	}
	

	.grid{
		display: inline-grid;
		/*grid-template-columns: repeat(auto-fit, minmax(250px,1fr));*/
		grid-gap: 10px;
		grid-auto-rows: 0;
		/*justify-items: center;*/
	}
	
	.grid-item{
		padding-bottom: 150px;
		margin-bottom:50px;
	}
	
	.grid-item.content-js {
		padding-bottom:50px;
	}
	.grid-item.klein{
		grid-column: span 1;
	}

	.grid-item.middel{
		grid-column: span 2;
	}

	.grid-item.groot{
		grid-column: span 3;
	}

	p.project-title{
		text-align: center;
	}

	.content{
		font-size: 14px;
		line-height: 1.4em;
		margin:100px auto;
		width: 90%;
		padding:0 20px;

	}


	

	footer{

	}

	.mobile-nav{
		display: none;
		visibility: hidden;
	}

	#responsive-menu-wrapper{
		position: relative;
		height:100%;

		font-weight: bold;
		text-transform: lowercase;

		font-family: 'Circular', serif;

	}

	#responsive-menu-wrapper ul{
		margin-top: -5px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		

	}
	
	#responsive-menu-container #responsive-menu li.responsive-menu-item a {
		line-height: 40px;
		margin: 25px 0;
		color: #fff;
	}

	.responsive-menu-current-item{
		text-decoration: none;
	}

	#responsive-menu-wrapper ul ul{

	}

	button#responsive-menu-button {
		background: none !important;
	}

	#responsive-menu-title-image{
		margin-right:0 !important;

	}
	#responsive-menu-title-image img{
		max-height: 55px;
	}


	.responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after {
		background: rgb(255,255,255) !important;
	}
	
	.responsive-menu-submenu-open .responsive-menu>li{
		visibility: hidden;
	}
	



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

		nav{
			visibility: hidden;
		}

		.textbox {
			display: inline;
			max-width: 100vw;
			min-width: 92vw;
		}

		h1{
			max-width: 95%;
			margin:0;
			-webkit-margin-after:10px;
		}

		.page-container{
			
		}
		.content{
			/*display: block;*/
			/*min-width: 100%;*/
			/*max-width: 100%;*/
			/*margin:80px 0 0 0 ;*/
			/*padding:0px 0px;*/
		}

		.post .date-news, .post h1{
			/*padding:0 15px;*/
		}

		.content p{
			margin:0 auto 25px auto;
			display: inline-block;
			padding:0 15px;
		}
		

		.post{
			margin: 0 50px;
			min-width: 200px;
			max-width: 320px;
		}


		#contact-footer-wrapper{
			display:none;
		}

		footer{
			border:none;
		}

		:focus{
			outline:none !important;
		}

		#site-header img {
			max-height: 55px;
		}

	}	

	@media screen and (max-width: 600px){
		.grid{
			display: inline-grid;
			grid-template-rows: 50px 100px;

		}
		.grid-item.klein{
			grid-column: 1/-1;
			padding: 20px;
		}

		.grid-item.middel{
			grid-column: 1/-1;
			padding: 20px;

		}

		.grid-item.groot{
			grid-column: 1/-1;
			padding: 20px;

		}

	}


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

		nav{
			visibility: hidden;
		}

		.textbox {
			display: inline;
			max-width: 100vw !important;
			min-width: 92vw !important;
		}

	}



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


		.content p{
			padding:0 15px;
		}

		.textbox {
			display: inline;
			max-width: 100vw !important;
			min-width: 92vw !important;
		}


		.post {
			margin: 15px auto;
			max-width: 320px;
		}



		:focus{
			outline:none !important;
		}

	}

	@media screen and (max-width: 900px){
		.grid{
			display: inline-grid;

			grid-template-columns: repeat(auto-fit, minmax(100px,1fr));

		}
	}