/*
Theme Name: UnderStrap
Theme URI: http://understrap.com
Author: Holger Koenemann
Author URI: http://www.holgerkoenemann.de
Description: Combination of Automattic´s _s theme and Bootstrap SASS. Made as a solid starting point for your next theme project and WordPress website. Including Font Awesome support, build-in widget slider and much more you need for basic websites.
A developer version (with Grunt/node and SASS sources) is available on github: https://github.com/holger1411/understrap
Version: 0.3.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: understrap
Tags: light, red, white, one-column, responsive-layout, custom-header, custom-menu, featured-images, flexible-header, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
UnderStrap is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resource Licenses:
Font Awesome: http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
Bootstrap: http://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (Code licensed under MIT, documentation under CC BY 3.0.)
Owl Carousel 2: http://www.owlcarousel.owlgraphic.com/ | https://github.com/smashingboxes/OwlCarousel2/blob/develop/LICENSE (Code licensed under MIT)
and of course
jQuery: https://jquery.org | (Code licensed under MIT)

*/

/*This file is just used to identify the theme in WordPress. The compiled CSS output can be found in /css/theme.css
The SASS sources for it can be found in this folder: /sass/

...and no go out and play!
*/

/***sections styles & background***/
/*nieuwe edits*/

@import url(https://fonts.googleapis.com/css?family=Quicksand:700,400);
body{font-family: 'Quicksand', sans-serif; font-weight:700 !important; overflow: hidden;}
h1, h2, h3, h4, h5, h6, a.h4 {font-weight:700 !important;}

.nav li a.h4{margin:0 !important;}
.navbar-inverse{   -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.5);}
.navbar-nav > li {
  float: none;
  display: inline-block;
}
.navbar-nav{text-align: center;}

@media only screen and (min-width:769px) and (max-width: 1204px)  {
.navbar-brand{ margin-top:15px; }
}
@media only screen 
and (min-width : 993px) {

.slide-nav .col-lg-8, .navbar-fixed-top .col-lg-8 {margin-left: -8.3%;}
.navbar-fixed-top .col-lg-1 {margin-left: 8.3%;}

}

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

.navbar-nav{text-align:left;}

}

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


#sliderwrap{margin:100px auto !important;}
li.slide-menu-item{line-height:2.4;}
ul.slide-menu{     margin: 0 !important; display: inherit !important; padding:0 15px;  }
nav.slide-nav{ font-size:9px;}
.box, .slidebox{margin: 0px auto; top:100px; float:none;}

.navbar-nav > li {display:block;}
.site-branding{ position:absolute; top:0; width:100%;
text-align:center; }
.navbar-brand{font-size:24px;}

nav.navigation ul#menu li a{font-size:12px;
padding:3px 5px 3px 5px;}
.slidebox h2, .box h2{font-size:20px; font-size:2.0rem; line-height:20px; margin-bottom: 15px; }
.box p, .slidebox p { margin-bottom:5px; line-height:1.6;}
.site-description{margin:-5px;}

h1.site-title{margin-top:-5px;}
h1.site-title a{font-size: 38px; font-size: 3.8rem; color:#fff; text-decoration:none; letter-spacing: 4px; }
h2.site-description {font-size: 16px; font-size: 1.6rem; color:#fff; text-decoration:none; text-transform: lowercase; letter-spacing: 3px; margin-top:-10px;}
.text1 h3, .text2 h3{display:none;}
.videobox { /*position:absolute;*/ background:#333;  margin:35px auto 0 auto; width:100%; height:auto; opacity:1; float:none;  padding-bottom:20px; border-radius:0; height:100%;} 
.video .box h2{display:none;}
.video{ padding:75px 0 0 0; }
.fp-controlArrow {
    position: absolute;
    z-index: 10000;
  top: 50%; 
    cursor: pointer;
    width: 0;
    height: 0;
    /* border-style: solid; */
   /* margin-top: -38px;*/
	zoom: 0.5;
	
-ms-zoom: 0.5;

-moz-transform:  scale(0.50);

	
}
.ninja-forms-all-fields-wrap{font-size:12px; font-size:1.2rem;}

}

@media only screen 
and (min-width : 769px) {
#slide-menu.sub-menu{display:none;}
	/*  .navbar-header{width:15%;}
	 .searchbox{width:15%;}
	.navbar-nav {
  width: 66%;  
}  */
/* .nav li a{padding:15px 10px !important;} */


}
.btn-default{float:right; margin-left:1px;}
.popover>.arrow, .popover>.arrow:after{display:none !important;}
.popover{background:transparent; border:0; box-shadow:0; -webkit-box-shadow:0; }
.wrapper{padding:80px 0;}
.box, .slidebox{-webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    4px 4px 10px 0px rgba(50, 50, 50, 0.75);
box-shadow:         4px 4px 10px 0px rgba(50, 50, 50, 0.75); 
/* border-radius:10px;  */
background-color:rgba(50,177,64,.8); color:#fff; 
 padding:5px 20px 20px 20px;  }

	/*eind nieuwe edits*/
.fp-prev, .fp-next{color:#000; opactiy:0.8;}
.section {
	/* opacity:0; */
	
}




  
@media only screen 
and (min-width : 769px) {
.section h2{font-size: 25px; font-size: 2.5rem; line-height:30px; margin-bottom:20px;}
.section h3{font-size: 20px; font-size: 2.0rem; line-height:20px; margin-bottom:20px;}
.section p{  font-size: font-size: 16px; font-size: 1.6rem;}

  .box{
margin: 50px 150px 50px 0; }
.slidebox {margin: 80px 150px 50px 0; }
.box p, .slidebox p{margin: 0 0 20px 0;}
.idee .box { /*position:absolute;*/   text-align:justify; } 
.video{padding:75px;}
.videobox{margin:75px auto; width:50%; height:auto; opacity:1; float:none; background:#333; padding:20px; border-radius:10px;}
.videobox h2{display:none;}

.locatie .box{    } 
.johans-ark .box{     } 
.dobberend-bos .box{   } 
.warten-auf-den-fluss .box{      } 
.site-branding{margin:75px 0 0 75px; width:250px; height:250px; padding:70px 10px 50px 10px; border-radius:150px; text-align:center; background:#000; opacity:0.8; -webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    4px 4px 10px 0px rgba(50, 50, 50, 0.75);
box-shadow:         4px 4px 10px 0px rgba(50, 50, 50, 0.75);}

.text1 h3, .text2 h3{font-size:24px; font-size:2.4rem; color:#000; width:150px; height:150px; border-radius:100px; background:#fff; text-align:center;padding:60px 0; opacity:0.8; }
.text1{margin:50px 30%; position:absolute;}
.text2 {bottom:50px; right:30%; position:absolute;}
 .fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
  /*   border-style: solid; */
    margin-top: -38px;
	
}
h1.site-title a{font-size: 36px; font-size: 3.6rem; color:#fff; text-decoration:none;}
h2.site-description {font-size: 16px; font-size: 1.6rem; color:#fff; text-decoration:none;}
 
.ninja-forms-all-fields-wrap{font-size:16px; font-size:1.6rem;}
  
  
  }
  
  
  
 
  




.inspiratie .box, .idee .box{display:none;}





@-moz-document url-prefix() {
    h2 {
        
    }
	/*.slidebox, .box{width:250px;}*/
	.fp-controlArrow{top:50%;}
}

.oeverproject15 h1{font-size:40px;}
.oeverproject15 {    
position:absolute;  top:100px; left:110px; width:300px; height:300px; padding:90px 10px 50px 10px; border-radius:150px; text-align:center; background:#fff; opacity:0.8; -webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    4px 4px 10px 0px rgba(50, 50, 50, 0.75);
box-shadow:         4px 4px 10px 0px rgba(50, 50, 50, 0.75);}
.stichting15 {position:absolute; top:150px; left:390px; width:210px; height:210px; padding:35px 10px 50px 10px; border-radius:150px; text-align:center; background:#fff; opacity:0.8; -webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    4px 4px 10px 0px rgba(50, 50, 50, 0.75);
box-shadow:         4px 4px 10px 0px rgba(50, 50, 50, 0.75);}
.stichting21{display:none;}

.slide, .section{-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  nav a{text-decoration:none;}
nav.slide-nav{width:100%; background-color: rgba(0,0,0,1); top:50px; position:absolute; z-index: 1000; text-align:center; }  
 ul.slide-menu {
    color: #fff; list-style-type:none; display:inline-table; margin:10px 0 0 0; }
 li.slide-menu-item {float:left;  display:inline;   }
  li.slide-menu-item  a{color:#fff; padding:8px 7px 7px 7px; }

body.fp-viewing-het-kunstwerk-0 ul#slide-menu li:nth-child(1) a,
body.fp-viewing-theworkofart-0 ul#slide-menu li:nth-child(1) a,
body.fp-viewing-corporate-pr-0 ul#slide-menu li:nth-child(1) a,
body.fp-viewing-corporatepr-0 ul#slide-menu li:nth-child(1) a {background-color: rgba(50,177,64,1); color:#fff; }
body.fp-viewing-het-kunstwerk-1 ul#slide-menu li:nth-child(2) a,
body.fp-viewing-theworkofart-1 ul#slide-menu li:nth-child(2) a,
body.fp-viewing-corporate-pr-1 ul#slide-menu li:nth-child(2) a,
body.fp-viewing-corporatepr-1 ul#slide-menu li:nth-child(2) a {background-color: rgba(50,177,64,1); color:#fff; }
body.fp-viewing-het-kunstwerk-2 ul#slide-menu li:nth-child(3) a,
body.fp-viewing-theworkofart-2 ul#slide-menu li:nth-child(3) a,
body.fp-viewing-corporate-pr-2 ul#slide-menu li:nth-child(3) a,
body.fp-viewing-corporatepr-2 ul#slide-menu li:nth-child(3) a{background-color: rgba(50,177,64,1); color:#fff; }
body.fp-viewing-het-kunstwerk-3 ul#slide-menu li:nth-child(4) a,
body.fp-viewing-theworkofart-3 ul#slide-menu li:nth-child(4) a
{background-color: rgba(50,177,64,1); color:#fff; }
body.fp-viewing-het-kunstwerk-4 ul#slide-menu li:nth-child(5) a,
body.fp-viewing-theworkofart-4 ul#slide-menu li:nth-child(5) a
{background-color: rgba(50,177,64,1); color:#fff; }

.owl-item a{text-decoration:none; color:#000;}
.fp-viewing-nieuws .box{display:none; opacity:0;}
.owl-prev {float:left; margin-left:50px;} 
.owl-next {float:right; margin-right:50px;} 
.owl-nav{max-width:150px; margin:50px auto;}
.owl-box {padding:15px;}
.news-carousel .owl-item, .news-carousel .cloned{background:#fff; border:2px solid #32b140;}
.facts-carousel .owl-item, .facts-carousel .cloned{-webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    4px 4px 10px 0px rgba(50, 50, 50, 0.75);
box-shadow:         4px 4px 10px 0px rgba(50, 50, 50, 0.75); 
/* border-radius:10px;  */
background-color:rgba(50,177,64,.8); color:#fff; }
.owl-item, .cloned{background:#fff; border:2px solid #32b140;}
.carousel-date{position:absolute; top:40px; left:0px; background:#32b140; padding:2px 10px 2px 20px; color:#fff;}
.post a, nav a{color:#000;}
.post img{width:100%; height:auto; margin-bottom:30px;}
.post-navigation{margin-top:50px; border-top: 2px dotted #32b140; padding-top:10px; }
.post-navigation .nav-next a{float:right;}

.singlewrap{max-width:720px; margin:0 auto; }
.box img{width:100%; height:auto;}

#flags_language_selector img{line-height:1; margin-top:17px; margin-left:5px;}

strong, b{ border-bottom: 2px dotted #fff; padding:2px 0px ; }

/* .logos{background:#fff;} */

.logos img{padding:10px;}
.form-group{width:70%;}
.btn-go{max-width:24%;}

.factsheet{position:absolute; top:0; left:0; height:100%; width:100%; display:none; }
.factbox{position:absolute; height:20%; bottom:5%; width:100%;}
.fact-info h4 {margin: 0 0 10px;}
.fact-info p {margin: 0;}



#carousel{width:100%;  }
#sliderwrap{margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0; height:300px;}
  
  #factswrap{ }
  .disabled{display:none;}

  .box a, .slidebox a {text-decoration:underline;}
  .box a:hover, .slidebox a:hover {text-decoration:none; color:#fff;}
  
  .flagscontainer{height:34px;}
  .flagsmobile{margin-right: 15px;}
  .flagsmobile img{width:22px; height:auto; margin:5px 0 0 5px;}
  .mobil-search{margin-left:15px;}
  .mobil-form-control{
  width: 100%;
   
    padding: 4px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  }
  
  .entry-header  a{color:#000;}
  .entry-content a{text-decoration:underline;}
  
 .search-result{padding-bottom:50px; border-bottom:1px solid #eee;}
 .search-result img{margin:0 0 10px 0 !important;}
 a h3.entry-title{}
 @media screen and (max-width: 1272px) and (min-width: 768px){
 .box {margin-top:115px;}
 .slidebox {margin-top:135px;}
 ul.slide-menu{margin:75px 0 0 0;}
 }
 
@keyframes animatedBackground {
	from { background-position: 0 center; }
	to { background-position: 100% center; }
}

 .onthulling-dobberend-bos, .start, .contact, .contact-us{background-position: left center;
	background-repeat: repeat-x;

	animation: animatedBackground 60s linear alternate infinite;}

.pan-overlay{    position: absolute;
    top: 0;
    left: 0;
	height:100%;
	width:100%;
    z-index: 1029; }	
.pan-left, .pan-center, .pan-right{height:100%;}	

.responsive-video {
position: relative;
padding-bottom: 56.25%;
 overflow: hidden;
 margin-bottom:30px;
}
.videothumb  {
position: relative;
padding-bottom: 53%;
 overflow: hidden;
 margin-bottom:30px;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* Preloader */
	#preloader {
		position: fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:#fff; /* change if the mask should have another color then white */
		z-index:99; /* makes sure it stays on top */
	}

	#status {
		width:200px;
		height:200px;
		position:absolute;
		left:50%; /* centers the loading animation horizontally one the screen */
		top:50%; /* centers the loading animation vertically one the screen */
		background-image:url(img/status.gif); /* path to your loading animation */
		background-repeat:no-repeat;
		background-position:center;
		margin:-100px 0 0 -100px; /* is width and height divided by two */
		
	}

a:focus{outline: none !important;}
#menu a:focus {
   
	background:#fff !important;
}