/*
Theme Name:     Buildpress Child Theme
Theme URI:      http://www.proteusthemes.com
Description:    Child theme for the Buildpress
Author:         Primoz Cigler
Template:       buildpress
Version:        1.0
*/


/* add custom CSS code bellow */


p.gereserveerd {background:red;padding:5px;text-align:center;color:#fff!important;}
.header-transparent .jumbotron .carousel-control.left, .header-transparent .jumbotron .carousel-control.right {
    background: #506f32;
}
#paddingtekstvlak, #paddingtekstvlak .textwidget {color:#fff !important;}
#paddingtekstvlakwit, #paddingtekstvlakwit .textwidget {}
.btn {border-radius:20px !important;}
.header-transparent .jumbotron {
    background-color: #cbb071;
	
    color: #ffffff;
}
 .hentry img {
  
    width: 100%;}
	
	.bovenmarge {margin-top:60px!important;}
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oxanium:wght@200..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
h1,h2,h3,h4,h5
{

  font-weight: 400;
  font-style: normal;
  }

  .sow-features-feature h5 {font-size:22px!important;}
 .sow-features-list .sow-features-feature.sow-icon-container-position-top {
    text-align: justify !important;
}
  
  /* hotspotz and info */
  .hotspots-placeholder {padding:0em !important;border-radius: 30px;margin-right:20px;}
  .hotspot-initial, .hotspot-info  {border-radius: 30px;}
  .hotspot-content {padding:30px;}
  h2.hotspot-title {margin-bottom:0px;font-size:22px;}
  
  .hotspot-title {background:#506f32; color:#fff !important;padding:12px !important;}
  #grosthoevelijst {padding:10px;}
  
  @media (min-width: 580px) {
    
  #paddingtekstvlak, #paddingtekstvlakwit {padding: 30px 30px 30px 30px!important;}
  }
  
  
  @media (min-width: 780px) {
    #panel-1805-15-0-0> .panel-widget-style, #panel-1805-15-1-0> .panel-widget-style {min-height:700px;}
	}
  @media (min-width: 992px) {
  #panel-1805-15-0-0> .panel-widget-style, #panel-1805-15-1-0> .panel-widget-style {min-height:580px;}
  #paddingtekstvlak, #paddingtekstvlakwit {padding: 30px 30px 30px 30px!important;}
    .logo {
        position: absolute;
      
        left: 20px;
        float: left;
    }
	 .header-transparent .header__container {
        z-index: 210;
        position: absolute;
        left: 0;
        right: 0;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
        background: #fff!important;
    }
	.header-transparent .navigation--main > li:last-child > a, a.factsheet {
        display: none !important;
		}
}

@media (min-width: 1400px) {

#panel-1805-15-0-0> .panel-widget-style, #panel-1805-15-1-0> .panel-widget-style {min-height:700px;}

.so-widget-sow-image-default-d6014b76747a .sow-image-container .so-widget-image {
  width: 60%;
}

 .hentry .textwidget img {
  
    width: 60%;}
	.hentry .logo-panel  img { width: 100%;}
	.hentry  .hotspot-thumb img { width: 100%;}
	.hentry .hotspots-image-container img { width: 100%;}
#paddingtekstvlak, #paddingtekstvlakwit {padding: 100px 100px 100px 100px!important;font-size:20px;}
    .logo {
       position:absolute;
	   left:60px;
	   float: left;
    }
	

	.header-transparent .navigation--main > li:last-child > a {
      
	background-color:#506f32;color:#fff;
    line-height: 1;
    border-radius: 22px;
    transition: all 200ms ease-out;
    border: 2px solid transparent;display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 22px;
   margin-right:90px;
    line-height: 1.5;
   display: block !important;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
	}
	
	.header-transparent .navigation--main > li:last-child > a:hover, .factsheet:hover {
	background-color:#cbb071;color:#fff;
	 display: block !important;
	}
}




html.flexbox .widget-icon-box .icon-box {
    width: auto;
    display: inherit;
 font-size:12px;
}

    .header__container  {
        border-bottom: 4px solid #cbb071; border-top: 4px solid #cbb071;
    }
	
.navbar-toggle .icon-bar {background:#fff;}
.navbar-toggle__text {color:#fff;}
.navbar-toggle {margin:20px 0px 4px 0px;padding:0;}
body {font-size: 16px;}
.widget_media_video {margin-top:5px;}
body.page-template-template-grid div.boxed-container {background-color:#f4f4f4 !important;}
.panel-grid .widget-title {
    font-size: 20px;}
	
	.main-title h1, .main-title h2, .main-title h3, .main-title h4, .main-title h5, .main-title h6 {color:#fff;}
	.boxed-container .top {display:none;}
	
@media (min-width: 992px) {
.boxed-container .top {display:block;}
.panel-grid .widget-title {
    font-size: 30px;}
.header-transparent .main-title--small {
    padding: 130px 0 30px 0; }
  .header-transparent .jumbotron .carousel-content {
    background: transparent;
    text-align: center;
    padding: 0;
    width: 600px;
    left: 100px;
    top: 40%;
  }
}



@media (min-width: 1200px) {
body {font-size: 17px;  }
.form-control  {font-size: 17px;}

.banner__text {
    font-size: 24px;
   
}
.header__container {  position:relative!important;}
.header-transparent .navigation {text-align:center;}
.header__container .container {width:100%!important; margin:0px!important; padding:0px!important;}
  .header-transparent .jumbotron .carousel-content {
    width: 700px;
    left: 150px;
  }
}


@media (max-width: 1025px) 

{
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
  
}
}

@media (max-width: 480px) {

.header-transparent .jumbotron .carousel-control.left, .header-transparent .jumbotron .carousel-control.right {
    background: transparent;
}
.header-transparent .jumbotron .carousel-content {
    padding-top: 0px;
}
body .leaflet-pane.leaflet-tooltip-pane {
	display: none;
}
.hotspots-placeholder {

    margin-right: 0px;
}
h2.hotspot-title {
   
    font-size: 18px;
}

.logo .img-responsive {
  margin:20px;
}
.js-jumbotron-slider {min-height:140px!important}
}



.wpcf7-select#aanhef {margin-bottom:4px;padding: 2px 4px}
@media (min-width: 1400px) {
body {font-size: 20px;  }
.form-control  {font-size: 20px;}
}

 a.factsheet {
      
	background-color:#506f32;color:#fff;
    line-height: 1;
    border-radius: 22px;
    transition: all 200ms ease-out;
    border: 2px solid transparent;display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 22px;
  
    line-height: 1.5;
   display: block !important;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
	}
	
	.factsheet:hover {
	background-color:#cbb071;color:#fff;
	 display: block !important;
	}