/*
Theme Name: Blank theme
Author: Another Concept
Author URI: http://www.anotherconcept.nl
Version: 1.0
Date: 20190104

-------------------------------------------------------------- */
/* Reset
-------------------------------------------------------------- */

/* Algemeen */
html,
body{
	background-color:#fff;
}

.clearfix{
	clear:both;
}

.row{
	max-width:90em;
}

.fullWidth{
	max-width:100vw;
}

/* Fonts */
h1,h2,h3,h4,h5,h6{
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	color:#555;
	text-transform: uppercase;
}

h1{
	font-size:1.5em;
}
h2{
	font-size:1.3em;
}
h3{
	font-size:1.1em;
}
h4{
	font-size:1.1em;
}

h5{
	font-size:1em;
}

ul{
	list-style:none;
	margin:0;
}

p,li,address, .product_meta{
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	font-size:12pt;
	line-height:28pt;
}

a:visited,
a{
	
	transition:all ease 0.2s;
}
	a:hover,
	a:focus{
		color:#808080;
	}
	
blockquote{
	display:block;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	font-size:11pt;
	font-style:italic;
	line-height:27pt;
	padding-left:14px;
	margin-bottom:8px;
}
	
.page-content{
	margin-top:20px;
	margin-bottom:20px;
}	

.content{
	margin:80px auto;
}


/* Buttons & links */
.button,
.button:focus,
.button:visited{
	font-family: 'Raleway', sans-serif;
	text-transform: lowercase;
	font-size:1.1em;
	font-weight:500;
	color:#fff;
	background: orange;
	border:3px solid transparent;
	transition:all ease 0.2s;
	padding: 10px 70px;
    border-radius: 50px;
}

	.button:after,
	.button:focus:after,
	.button:visited:after{
		content:"\f30b";
		font-family: "Font Awesome 5 Free";
		font-weight:900;
		margin-left: 8px;
    	font-size: 12pt;
	}

	.button:hover,
	.button.secondair:hover{
	}

.button.secondair,
.button.secondair:focus,
.button.secondair:visited{
	background:#a3a3a3;
	color:#fff;
}	


.linkList,
#sidebars ul{
	list-style:none;
	margin:0 0 5px 0;
}
	.linkList li,
	#sidebars ul li{
		font-weight: 300;
		margin-bottom: 8px;
		padding-bottom: 8px;
		border-bottom: 1px solid rgba(255,255,255,0.07);
		width: 80%;
	}
	
/* Header */
#header{
	width:100vw;
	z-index:1;
}

#header .logo{
	height: 70px;
    margin: 20px 0 20px 0;
    display: block;
}

/* Navigation */
nav{
	margin: 54px 0 0 0;
	position:relative;
	text-align:right;
}

nav ul{
	margin:0;
}

nav ul li{
	list-style:none;
	display:inline;
	margin:0 15px;
	font-family: 'Raleway', sans-serif;
	font-weight:500;
	text-transform: uppercase;
	font-size: 9.5pt;
	letter-spacing:1px;
	padding:30px 0;
	position:relative;
/* 	text-shadow:1px 1px 0px #333; */
}

	nav ul li a,
	nav ul li a:visited{
		color:#727475;
	}
		nav ul li:hover,
		nav ul li.current_page_item:hover{
			border-bottom:2px solid #f2f2f2;
		}
		
		nav ul li.current_page_item{
			border-bottom:2px solid #f2f2f2;
		}
		
		nav ul.sub-menu li,
		nav ul.sub-menu li:hover,
		nav ul.sub-menu li.current_page_item{
			border-bottom:none;
		}
		
		nav ul li > ul.sub-menu{
					display:none;
					position: absolute;
				    top: 75px;
				    z-index: 99;
				    white-space: nowrap;
				    text-align: left;
				    left: -38px;
				}	

					nav ul li:hover > ul.sub-menu{
						display:block;
					}

					.sub-menu li{
						display:block;
						background:rgba(250,250,250,0.9);
						padding:6px 12px;
					}
						.sub-menu li a,
						.sub-menu li a:visited{
							color:#333!important;
							text-shadow:none;
						}
						
						.sub-menu li:hover{
/* 							background:orange; */
						}
							.sub-menu li:hover a{
								color:#fff!important;
							}

					.sub-menu li{
						position:relative;
					}
						.sub-menu li ul.sub-menu{
						    position: absolute;
						    top: 0;
						    left: 122px;
						}


					.sub-menu .sub-menu,
					.sub-menu .sub-menu .sub-menu{
						display:none;
						transition:all ease 0.2s;
					}

/* Mobile nav */
.mobileBar{
	background:#fff;
	padding:15px 8px;
}

	.mobileBar a{
		color: #f2f2f2;
		font-size:18px;
	}
	
	.mobileBar .search-outer{
		right:25px;
		top:5px;
	}
	
	.fas.fa-bars{
		float: right;
		font-size: 32px;
	}
	
	.logo-mobile{
	    text-align: left;
	    height: 50px;
	}

.right-off-canvas-menu h4{
	color:orange;
	padding:10px;
	font-size:1.4em;
}	

.right-off-canvas-menu ul{
	margin:0;
}

	.right-off-canvas-menu ul li{
		padding:10px;
		font-family:'Raleway', sans-serif;
		font-weight:300;
		text-transform:uppercase;
		border-bottom:1px solid rgba(255,255,255,0.6);
		list-style:none;
	}
		.right-off-canvas-menu ul li a{
			color:#fff;
		}

/* Banner */
.banner-wrap,
.banner{
	width:100vw;
	height:100vh;
	background-size:cover;
	position:relative;
}		
	
	.orbit-container .orbit-slide-number,
	.orbit-bullets{
		display:none;
	}
.banner-container{
	position:relative;
}

.banner-text{
	margin-top:7%;
	text-align: center;
}

.banner-text h2{
    font-size: 4em;
    text-transform: none;
    color: #fff;
    text-shadow: 1px 1px 0px #443;
}

.page-banner,
.page-banner img{
	width:100vw;
}


.orbit-timer{
	bottom: 25px;
	top:auto!important;
}

.arrow{
	position: absolute;
    bottom: 25px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
    background-size: contain;
}

/* Home */
.wide-inner{
	padding:40px 20px;
}

/* Blocks */
.home-blocks{
	background:#ebebeb;
	padding:80px 0;
}

.block-inner{
	text-align:center;
}

.block-inner h3{
	font-weight:700;
}

.block-icon{
	margin: 0 auto;
	    margin-bottom: 20px;
	    width: 150px;
	    display: block;
}

/* News */
.head-center{
	margin-bottom:25px;
}

.news-wrap{
	position:relative;
	transition:all ease 0.2s;
	min-height:400px;
	background-size: cover;
    background-position: center;
}

.news-block{
	padding:25px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: rgba(0,0,0,0.5);
    min-height:10%;
    transition:all ease .2s;
}

	.news-wrap:hover .news-block{
		padding:60px 25px;
		min-height:100%;
	}

.news-block p{
	display:none;
	transition:all ease .2s;
}
	.news-wrap:hover .news-block p{
		display:block;
	}

.news-block h3,
.news-block p{
	color:#fff;
	margin: 0;
}
		
.back-button{
	font-size:.9em;
	padding: 10px 40px!important;
}	

.single-news-post img{
	width:100%;
}


/* Footer */

footer{
	background-color:#323232;
	padding:35px 0 0 0;
}

.footer-logo{
	display:block;
	margin:0 auto;
}

	footer p,
	footer li{
/* 		color:#fff; */
	}
	

	footer h3{
/* 		color:#fff; */
		font-size:1.1em;
	}
	
	footer h3:after{
		content:"";
		border-bottom:2px solid rgba(255,255,255,0.2);
		width:70%;
	}

.bottomBar{
	background:rgba(0,0,0,0.15);
	padding:15px;

}			

.bottomBar p{
	margin:0;
	opacity:0.7;
	font-size:8.5pt;
}
	.bottomBar .left p{
		text-align:left;
	}
	
	.bottomBar .right p{
		text-align:right;
	}
	
	
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
	

	/* Small screens */
@media only screen {
/* 	.logo{ */
/* 		display:block; */
/* 		margin-left:auto; */
/* 		margin-right:auto; */
/* 	}	 */

} /* Define mobile styles */

@media only screen and (max-width: 40em) {
	header .logo{
		display:block;
		margin: 21px auto 10px auto;
	}
	
	header{
		min-height:auto;
	    position: relative;
	    top: 0px;
	}
	
	.content {
	    margin: 40px auto;
	}
	
	
	.banner-wrap,
	.banner{
		width:100vw;
		height:175px;
	}
	
	.banner-container:after{
		display:none;
	}
	
	.banner-container:after{
		display:none;
	}
	
	.bottomBar .right p{
		text-align:left
	}
		
	
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
	
	header .logo{
		display:block;
		margin: 21px auto 10px auto;
		height: 60px;
	}
	
	header{
	    position: relative;
	    top: 0;
		min-height: auto;
	}
	
	nav{
		margin:34px 0 0 0;
	}
	
	nav ul li{
		    margin: 0 7px;
			font-size:7pt;
			letter-spacing:0px;
	}
	
	.banner-wrap,
	.banner{
		width:100vw;
		height:350px;
	}
	
	.banner-container:after{
		display:none;
	}
	
	
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {

} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */