/*
Theme Name: BlankSlate
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: https://github.com/tidythemes
Description: Donations: https://calmestghost.com/donate. BlankSlate is the definitive WordPress boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2023
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2023 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/
html{
	width: 100vw;
	overflow-x:hidden;
}

body{
    width:100%;
	min-height:100vh;
    margin: 0;
    padding:0;
	font-size:1em;
	font-family: 'Raleway', sans-serif;
	letter-spacing: 2px;
	line-height:1.6;
	background-color:white;
	color: #0c2b36;
	-ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	overflow-x:hidden;
}
/*capitals*/
h2, h3, h4, #letterh3{
	font-family: 'Abel', sans-serif;
	font-weight:700;
	font-style:normal;
	color: #f2f8fa;
}

h2{
	font-size:2.5em;
	text-transform:uppercase;
	letter-spacing:1.5px;
}

h3, #letterh3 {
	font-size:1.8em;
	letter-spacing:1.5px;
}

h4{
	font-size:1.8em;
	letter-spacing:4px;
}
/*end capitals*/

/*No dotted lines surrounding links in Firefox*/
a, a:visited, a:focus, a:active, a:hover{
    outline:0 none !important;
}

a, a:link, a:visited, a:active{
	color:#ffa500;
	text-decoration:none;
}

a:hover{
	color:#fcd283;
	text-decoration:underline;
}

#lightblue a, #lightblue a:link, #lightblue a:visited, #lightblue a:active{
	color:#fcd283;
	text-decoration:none;
}

#lightblue a:hover{
	text-decoration:underline;
}


/*lees verder*/
#meer .left {
	float:left;
	margin-right:10px;
}

#meer ul{
	list-style-type:none;
}

#meer li{
	display:flex;
	align-items:center;
}

#meer a{
	color: #f2f8fa;
}

#meer a:hover{
	opacity:0.7;
}
/*einde lees verder*/

.entry-title{
	display:none;
}

.bg {
    width:100vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin-top:50px;
}

img{
	display:block;
}

hr{
    border-top: 1px solid #ccc;
    width:400px;
    margin:0 auto 20px auto;
    opacity:0.4;
}

#hr{
    border-top: 1px solid #ccc;
    width:350px;
    margin:0 0 20px 0;
    opacity:0.5;
}

#font-large{
	font-size:1.8em;
	font-style:italic;
	letter-spacing:1.5px;
}

#left{float:left;}
#right, #right-start{float:right;}
#center{text-align:center;margin:0 auto;}
.center{text-align:center;margin:0 auto;}

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

#leesverder-donkerblauw a, #leesverder-lichtblauw a{
	display:flex;
	width:200px;
	margin-top:20px;
	padding:12px 16px;
	background-color:#fff;
	border-radius:25px;
	border:2px solid white;
	text-decoration:none;
	align-items: center;
    justify-content: center;
}

#leesverder-donkerblauw a{
	color:#426470;
}

#leesverder-lichtblauw a{
	color:#86acba !important;
	text-decoration:none !important;
}

#leesverder-donkerblauw a:hover, #leesverder-lichtblauw a:hover{
	border:2px solid white;
	background:none !important;
	cursor:pointer;
	color:#fff !important;
}

/*curtain menu*/
.overlay { 
  height: 100%;
    width: 0;
    position: fixed; 
    z-index: 100; 
    left: 0;
    top: 0;
    background-color: rgba(12, 43, 54, 0.99); 
    overflow-x: hidden; 
    transition: 0.5s;
}

.overlay ul{
	list-style-type:none;
}

.overlay-content {
    position: relative;
    top: 10%; 
    width: 100%;
    text-align: center;
    margin-top: 30px;
    line-height: 200%;
}

.overlay a, .dropbtn{
    padding: 4px;
    text-decoration: none;
    color: #fff;
    font-size:1.75em;
    display: block;
    transition: 0.3s;
    font-family: 'Abel', sans-serif;
    text-transform:uppercase;
    letter-spacing:1px;
}

.overlay a:hover, .dropbtn:hover, .overlay a:focus, .closebtn:hover, .closebtn:focus {
    opacity:0.5;
}

.overlay .closebtn {
    position: absolute;
    top: 15px;
    left: 25px;
    font-size: 30px;
    z-index:99;
}

.closebtn{
   color:white;
   cursor:pointer;
}

#close{
	font-size:2em;
}

@media screen and (max-height: 450px) {
.overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

.overlay li{
    padding: 10px 0;
}

.dropbtn {
  cursor:pointer;
  line-height: 70%;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  top:8px;
	padding:3px;
  position: absolute;
  z-index: 1;
	font-size:inherit;
}

.dropdown-content a {
  display: block;
	font-size:1.2em;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.dropdown {float: none;}
.dropdown-content {position: relative;}
.dropdown .dropbtn {
    display: block;
    width: 100%;
  }

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

.dropbtn {
    padding-right:50px !important;
	font-size:1.5em;
  }
	.dropdown-content a{
    font-size:1.2em !important}
}
/*end curtain menu*/
/*pagina menu*/
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.header{
    position:fixed;
    top:0; 
    left:0; 
    right:0;
    padding:0px 7%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    z-index:1000;	
}

.header .logo{
    font-weight:bolder;
    font-size:20px;
    color:#333;
}

.header .navbar ul{
    list-style:none;
}

.header .navbar ul li{
    position:relative;
    float:left;
}

.header .navbar ul li a{
    font-size:20px;
    padding:20px;
    color:#333;
    display:block;
	line-height:1;
	text-decoration:none;
}

.header .navbar ul li a:hover{
    background:#0c2b36;
    color:#858383;
}

.header .navbar ul li ul{
    position:absolute;
    left:0;
    width:300px;
    background:#fff;
    display:none;
}

.header .navbar ul li ul li{
    width:100%;
    border-top:1px solid rgba(0,0,0,0.1);
}

.header .navbar ul li ul li a:hover{
    background:#edf8fc;
}

.header .navbar ul li:focus-within > ul,
.header .navbar ul li:hover > ul{
    display:initial;
}

#menu-bar{
    display:none;
}

.header label{
    font-size:20px;
    color:#0c2b36;
    cursor:pointer;
    display:none;
}

/*mediaqueries*/
@media (max-width:991px){
   /*.header{
        padding:20px;
    }*/
	
	.header .logo img{
		padding:20px 0 5px 0;
		width:250px !important;
	}

     .header label{
        display:initial;
    }

     .header .navbar{
        position:absolute;
        top:100%;
        left:0;
        right:0;
        background:#fff;
        border-top:1px solid rgba(0,0,0,0.1);
        display:none;
    }

     .header .navbar ul li{
        width:100%;
    }

     .header .navbar ul li ul{
        position:relative;
        width:100%;
    }

     .header .navbar ul li ul li{
        background:#edf8fc;
    }

     #menu-bar:checked ~ .navbar{
        display:initial;
    }
}
/*einde pagina menu*/

/*header*/
.header-textbox{
    position: absolute;
	bottom:30%;
    left:12%;
    width:73%;
    color: #f2f8fa;
	padding-bottom:25px;
    background: rgba(105,105,105, 0.85);
    text-align:center;
    border-radius:20px;
    z-index:3;
}

.header-font-large{
	font-size: 4em;
	font-weight:700;
	margin-bottom:-10px;
}

.header-font-small{
	font-size: 1.8em;
	font-family: 'Maven Pro', sans-serif;
	letter-spacing:5px;
}

#punt {
     height: 7px;
     width: 7px;
     background-color: #f2f8fa;
     border-radius: 50%;
     display: inline-block;
     margin: 0 11px 4px 9px;
}

#video {
     object-fit: cover;
	 display:block;
     position:relative;
     width: 100vw;
     height: 100vh;
     top: 0;
     left: 0;
     z-index:-1;
}

.video-overlay{
    position:absolute;
	background: rgba(128, 128, 128, 0.6);
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index:2;
}

.logo-start{
	position:absolute;
	top:40px;
	left:40px;
	z-index:99;
	width:100%;
}

@media only screen and (max-width:1200px) {
	.header-textbox{
		padding-top:15px;
		bottom:40% !important;
		width:90%;
		left:5%;
	}
	
	.header-font-large, .header-font-small{
		font-size:2.3em !important;
	}
	
	.header-font-small{
		font-size:1.2em !important;
	}
	#punt {
        margin: 0 11px 2px 9px;
    }
	
	.video-overlay{
       height: 100vh;
    }
}

/*Landscape mobiel en portrait tablet (1024px)*/
@media only screen and (max-width: 1024px) {
      .logo-start img{
	    max-width:275px;
		height:auto;
    }
	  .logo-start{
	    top:20px;
	    left:20px;
    }
}

@media only screen and (max-width: 600px) {
	#punt {
        margin: 0 11px 2px 9px;
    }
	#right-start{
		margin:0 0 20px 0;
		max-width:100% !important;
	}
	.overlay a {
        font-size:1.5em;
		margin-left:-50px;
    }
}

@media only screen and (min-width: 400px) and (max-width: 900px){
	.header-textbox{
		bottom:20% !important;
	}
}

@media only screen and (orientation:portrait){
	.header-textbox{
		bottom:30% !important;
	}
}
/*end header*/

/*flex-box*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap-flex{
	width:100%;
}

.flex-container, .flex-container-footer {
     display:flex;
	 flex-wrap:wrap;
	 justify-content:center;
	 position:relative;
}

.flex-container-top{
	 display:flex;
	 flex-wrap:wrap;
}

.flex-item{
	flex:33.33%;
    padding:20px;
}

.flex-item-contact-left, .flex-item-contact-right{
	flex:50%;
}

.flex-container-footer {
     flex-direction:row;
	 position: relative;
}

.flex-item-footer-left, .flex-item-footer-center, .flex-item-footer-right{
	position:relative;
	padding:15px;
}

.flex-item-footer-left, .flex-item-footer-center, .flex-item-footer-right{
	flex:33%;
}

.flex-item-footer-center{
	padding-left:50px;
}

#rounded {
     border-radius:3%;
}

/*social media icons*/
.flex-container-footer-icons img{
	display:flex;
	float:left;
	margin:5px;
}

.flex-container-footer-icons a:hover{
	opacity:0.7;
}
/*end social media icons*/

@media only screen and (max-width: 800px) {
     .flex-container, .flex-container-footer {
       flex-direction: column;
   }
	
	 .flex-item-footer-left, .flex-item-footer-center, .flex-item-footer-right{
		margin-top:20px;
	}
	
	.flex-item{
		padding:5px;
		max-width:400px;
	}
}

@media only screen and (orientation:portrait) {
	.flex-item-footer-center ul li{
	margin-left:0;
    }
	.flex-item-footer-center{
	padding-left:25px;
   }
}
/*end flex-box*/

/*page*/
#blue, #darkblue, #lightblue{
	margin:20px auto;
	padding:30px !important;
	color: #f2f8fa;
}

#blue{
	background-color: rgb(96, 134, 148); /*#608694*/
}

#darkblue{
	background-color:rgb(66, 100, 112); /*#426470*/
}

#lightblue{
	background-color: rgb(134, 172, 186); /*#86acba*/
}

/*end page*/

/*footer*/
#footer{
	background-color: #0c2b36; 
	color: #f2f8fa;
	padding:30px;
}

#bg-footer{
     content: "";
	 background-image: url("https://www.bravonieuws.nl/venalia/wp-content/uploads/logo-single-v-blue.png");
	 background-size:275px 275px;
	 background-repeat: no-repeat;
     position: absolute;
     top: 0px;
     right: 0px;
     bottom: 0px;
     left: 0px;
     opacity: 0.4;
}

footer a:link, footer a:hover, footer a:visited{
	color:white;
	text-decoration:none;
	line-height:2;
}

#white-space-under-footer{
	display:inline-block;
	padding:20px;
	width:100%;
	height:100px;
	color:#0c2b36;
	font-size:0.8em;
	background-color:white;
}

#white-space-under-footer2{
	display:inline-block;
	padding:20px;
	width:100%;
	height:30px;
	color:#0c2b36;
	font-size:0.8em;
	background-color:white;
}

#white-space-under-footer a:link, #white-space-under-footer a:visited{
	color:#0c2b36;
	text-decoration:none;
}

#white-space-under-footer a:hover, footer a:hover{
    opacity:0.7;
} 
/*end footer*/

/*search*/
.search-text{
	display:inline-block;
	position:relative;
	width:275px;
	height:auto;
    outline: none;
    color: #9dbfaf;
}

input:focus {
    outline:none;
}

.search-button{
	display:inline-block;
	position:absolute;
	margin-top:-48px;
	margin-right:-20px;
	right:0;
	border:none;
	border-radius:50%;
	padding: 14px;
    background: #2c5c77;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.search-button:hover{
    background: #5f859c;
}

.search-button::placeholder{
	color:#0c2b36;
	opacity:0.4;
}

input[type="text"] { 
	-webkit-appearance:none; 
	-webkit-border-radius:50px;
	border: 1px solid #c8d5de;
	padding:16px 28px;
	width:300px;
	font-size:1em;
	letter-spacing:1px;
}
/*end search*/

/*scroll down bounce*/
.scroll-down {
  opacity: 1;
  -webkit-transition: all .5s ease-in 3s;
  transition: all .5s ease-in 3s;
}

.scroll-down {
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -16px;
  display: block;
  width: 32px;
  height: 32px;
  border: 2px solid #fff;
  background-size: 14px auto;
  border-radius: 50%;
  z-index: 3;
  -webkit-animation: bounce 2s infinite 2s;
  animation: bounce 2s infinite 2s;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
}

.scroll-down:before {
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 6px);
    transform: rotate(-45deg);
    display: block;
    width: 10px;
    height: 10px;
    content: "";
    border: 2px solid white;
    border-width: 0px 0 2px 2px;
}

@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
/*end scroll down bounce*/

/*Responsive i-frame*/
@media only screen and (max-width: 600px) {
	#responsive-iframe {
        width:325px !important;
		height:183px;
   }
}
/*End responsive i-frame */

/*different size header for mobile*/
   .visible-mobile {
       display:none;
}

   .hidden-mobile {
       display:block;
}

@media only screen and (max-width: 800px) {
  #click-content {
       width: 70% !important;
	  margin: 20% auto !important;
  }
	
	.btn-modal{
		right:25%;
		left:25%;
	}
}

@media only screen and (orientation:portrait) {
  .visible-mobile {
       display:block;
  }

  .hidden-mobile {
       display:none;
  }
  #click-content {
       width: 90% !important;
	   margin: 40% auto !important;
  }
	.btn-modal{
		right:5%;
		left:5%;
	}
}
/*end different size header for mobile*/

/* Modal (info aanvraag) */
.btn-modal{
    display:flex;
	position:fixed;
	bottom:20px;
	right:20px;
    background-color:#f0870e;/*donkeroranje*/
    border-radius:50px;
    width:350px;
    height:60px;
    align-items: center;
    justify-content: center;
	z-index:999;
	letter-spacing:3px;
	font-family: 'Abel', sans-serif;
	font-weight:bold;
	font-size:1.3em;
}

.btn-cross{
    position:absolute;
    top:10px;
    right:10px;
    width:30px;
    height:30px;
    align-items: center;
    justify-content: center;
}

.btn-modal:hover, .btn-cross:hover{
	cursor:pointer;
}

.btn-modal:hover{
	background-color:#f5a951;
}

.btn-cross:hover{
	opacity:0.7;
}

#click {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
	z-index:1001;
}

#click-content{
    display:flex;
	position:relative;
    width: 40%;
    height:575px;
    margin: 5% auto; /* 15% from the top and centered */
    padding: 40px 10px 10px 10px;
    border-radius:10px;
	text-align:center;
    background-color: #fff;
	align-items: center;
    justify-content: center;
}

/* end modal */
.cookieConsentContainer {
z-index: 1010;
	position:absolute;
width: 100%;
bottom:0;
	left:0;
min-height: 20px;
box-sizing: border-box;
padding: 30px 30px;
background: #fff;
overflow: hidden;
position: fixed;
}

.cookieConsentContainer .cookieTitle a {
font-family: OpenSans, arial, "sans-serif";
color: #0c2b36;
font-size: 22px;
line-height: 20px;
display: block;
}

.cookieConsentContainer .cookieDesc p {
margin: 0;
padding: 0;
font-family: OpenSans, arial, "sans-serif";
color: #83959c;
font-size: 13px;
line-height: 20px;
display: block;
margin-top: 10px;
} 

.cookieConsentContainer .cookieDesc a {
font-family: OpenSans, arial, "sans-serif";
color: #83959c;
text-decoration: underline;
}

.cookieConsentContainer .cookieButton a {
display: inline-block;
font-family: OpenSans, arial, "sans-serif";
color: #fff;
font-size: 14px;
font-weight: bold;
margin-top: 14px;
background: #1880a8;
box-sizing: border-box; 
padding: 15px 24px;
border: 1px solid #1880a8;
border-radius:20px;
text-align: center;
transition: background 0.3s;
}

.cookieConsentContainer .cookieButton a:hover { 
cursor: pointer;
border: 1px solid #1880a8;
border-radius:20px;
color: #1880a8;
background: #fff;
}

@media (max-width: 980px) {
.cookieConsentContainer {
bottom: 0px !important;
left: 0px !important;
width: 100%  !important;
}
}