/*
Theme Name: NTs-3
Description: NTs-3 is een theme gecreëerd voor de Nederlandse Tuinenstichting.
Author: Jacques Uljé
Author URI: http://www.webrandt.nl
Version: 0.1
*/
/**********************
       IMPORT FONTS
***********************/
/*
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:700');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
*/
@font-face {
  font-family: 'SkalaSans';
  src: url('fonts/ScalaSansWeb.eot');
  src: url('fonts/ScalaSansWeb.eot?#iefix') format('embedded-opentype'), url('fonts/ScalaSansWeb.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SkalaSansBold';
  src: url('fonts/ScalaSansWeb-Bold.eot');
  src: url('fonts/ScalaSansWeb-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/ScalaSansWeb-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/**********************
       IMPORT LESS
***********************/
/**********************
       CONSTANTS
***********************/
.lightgray {
  color: #f3f3f2;
}
.gray {
  color: #979797;
}
.darkgray {
  color: #4b4b4b;
}
.green {
  color: #b0c642;
}
#filterwrap {
  display: none;
  /* Create two equal columns that floats next to each other */
}
@media only screen and (max-width: 767px) {
  #filterwrap .zoekveld {
    margin-top: 20px;
  }
}
#filterwrap .tablerow {
  display: table;
  width: 100%;
}
#filterwrap .leftcol,
#filterwrap .rightcol {
  display: table-cell;
}
#filterwrap .leftcol {
  width: 100%;
}
#filterholder {
  width: 100%;
  margin-top: 40px;
}
#filter .checboxwrap {
  display: inline-block;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  #filter .checboxwrap {
    display: block;
  }
}
#filter label {
  display: inline;
  margin-bottom: -8px;
  margin-right: 10px;
}
#filter .regular-checkbox {
  display: none;
}
#filter .regular-checkbox + label {
  background-color: #fff;
  border: 1px solid #bbbbbb;
  padding: 9px;
  display: inline-block;
  position: relative;
}
#filter .regular-checkbox + label:active,
#filter .regular-checkbox:checked + label:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
#filter .regular-checkbox:checked + label {
  background-color: #e9ecee;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  color: #4b4b4b;
}
#filter .regular-checkbox:checked + label:after {
  content: '\25A0';
  font-size: 14px;
  position: absolute;
  top: 0px;
  left: 3px;
  color: #4b4b4b;
}
#filter .big-checkbox + label {
  padding: 12px;
}
#filter .big-checkbox:checked + label:after {
  font-size: 15px;
  top: -1px;
  left: 4px;
}
/**********************
       Buttons
***********************/
.blacklabel {
  height: 30px;
  /* height: auto; */
  width: auto;
  /* border-radius:360px; */
  border-radius: 30px;
  text-align: center;
  padding: 0px 20px 0px 20px;
  background-color: #4b4b4b;
  display: inline-block;
  margin-right: 10px;
}
.blacklabel span {
  line-height: 30px;
  font-size: 12px;
  color: #ffffff;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .blacklabel {
    margin-bottom: 10px;
  }
}
.whitebutton {
  margin-bottom: 20px;
  color: #4b4b4b !important;
  line-height: 48px !important;
  font-family: 'SkalaSansBold', sans-serif;
  font-size: 18px;
  line-height: 48px;
  height: 48px;
  padding: 0px 40px 0px 40px;
  background-color: #ffffff;
  color: #ffffff;
  /* height: auto; */
  width: auto;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  border: 1px solid #ffffff;
  cursor: pointer;
}
@media only screen and (max-width: 655px) {
  .whitebutton {
    height: 38px;
    padding: 0px 25px 0px 25px;
    line-height: 38px;
  }
}
.whitebutton a {
  color: #4b4b4b !important;
  text-decoration: none;
  line-height: 48px !important;
}
.whitebutton a:hover {
  text-decoration: none;
  color: #4b4b4b !important;
}
@media only screen and (max-width: 767px) {
  .whitebutton a {
    display: block;
    margin-top: -6px;
  }
}
.greenbutton {
  margin-bottom: 20px;
  font-family: 'SkalaSansBold', sans-serif;
  font-size: 18px;
  line-height: 48px;
  height: 48px;
  padding: 0px 40px 0px 40px;
  background-color: #b0c642;
  color: #ffffff;
  /* height: auto; */
  width: auto;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  border: 1px solid #b0c642;
  cursor: pointer;
}
@media only screen and (max-width: 655px) {
  .greenbutton {
    height: 38px;
    padding: 0px 25px 0px 25px;
    line-height: 38px;
  }
}
.greenbutton a {
  color: #fff;
  text-decoration: none;
}
.greenbutton a:hover {
  text-decoration: none;
  color: #fff;
}
.darkgraybutton {
  font-family: 'SkalaSansBold', sans-serif;
  font-size: 18px;
  line-height: 48px;
  height: 48px;
  padding: 0px 40px 0px 40px;
  background-color: #4b4b4b;
  color: #ffffff;
  /* height: auto; */
  width: auto;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  border: 1px solid #4b4b4b;
  cursor: pointer;
}
@media only screen and (max-width: 655px) {
  .darkgraybutton {
    height: 38px;
    padding: 0px 25px 0px 25px;
    line-height: 38px;
  }
}
.onzemissiebutton {
  font-family: 'SkalaSansBold', sans-serif;
  font-size: 18px;
  line-height: 48px;
  height: 48px;
  padding: 0px 40px 0px 40px;
  background-color: #ffffff;
  color: #4b4b4b;
  /* height: auto; */
  width: auto;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  border: 1px solid #ffffff;
  cursor: pointer;
  border: 1px solid #4b4b4b;
  margin-right: 24px;
}
@media only screen and (max-width: 655px) {
  .onzemissiebutton {
    height: 38px;
    padding: 0px 25px 0px 25px;
    line-height: 38px;
  }
}
.loadmore_btn,
.agenda_btn {
  text-align: center;
  font-size: 15px;
}
.loadmore_btn p,
.agenda_btn p {
  font-size: 15px;
}
.leesmeer {
  display: inline-block;
  width: 50px;
  height: 50px;
  cursor: pointer;
  background: linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff), #b0c642;
  background-position: center;
  background-size: 50% 2px,2px 50%;
  /*thickness = 2px, length = 50% (25px)*/
  background-repeat: no-repeat;
}
.radius {
  border-radius: 50%;
}
/*

<div class="blacklabel"><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Similiter sensus, cum accessit ad naturam, tuetur illam quidem, sed etiam se tuetur</span></div>
<div class="greenbutton">Inschrijven</div>
<div class="onzemissiebutton">Onze missie</div>
<div class="darkgraybutton">Steun ons</div>

*/
/* rechts */
.ico-mglass {
  position: relative;
  display: inline-block;
  background: #fff;
  border-radius: 30px;
  height: 22px;
  width: 22px;
  border: 1px solid #000;
  margin-left: 10px;
  cursor: pointer;
}
.ico-mglass:after {
  content: "";
  height: 2px;
  width: 12px;
  background: #000;
  position: absolute;
  top: 20px;
  left: -8px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* links */
.ico-mglass2 {
  position: relative;
  display: inline-block;
  background: #fff;
  border-radius: 30px;
  height: 22px;
  width: 22px;
  border: 1px solid #000;
  margin-left: 10px;
  cursor: pointer;
}
.ico-mglass2:after {
  content: "";
  height: 2px;
  width: 12px;
  background: #000;
  position: absolute;
  top: 21px;
  left: 15px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.slick-prev:before,
.slick-next:before {
  font-size: 35px;
  color: #fff !important;
}
.arrow {
  border: solid #979797;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 5px;
}
.arrow.right {
  float: none;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.arrow.left {
  float: none;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
/*
<p>Right arrow: <i class="arrow right"></i></p>
<p>Left arrow: <i class="arrow left"></i></p>

<p>Up arrow: <i class="arrow up"></i></p>
<p>Down arrow: <i class="arrow down"></i></p>
*/
/**********************
       Gravityform Customstyles
***********************/
.gform_footer input[type="submit"] {
  margin-bottom: 20px;
  font-family: 'SkalaSansBold', sans-serif;
  font-size: 18px;
  line-height: 48px;
  height: 48px;
  padding: 0px 40px 0px 40px;
  background-color: #b0c642;
  color: #ffffff;
  /* height: auto; */
  width: auto;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  border: 1px solid #b0c642;
  cursor: pointer;
  float: right;
  margin-bottom: 40px;
}
@media only screen and (max-width: 655px) {
  .gform_footer input[type="submit"] {
    height: 38px;
    padding: 0px 25px 0px 25px;
    line-height: 38px;
  }
}
.gform_footer input[type="submit"] a {
  color: #fff;
  text-decoration: none;
}
.gform_footer input[type="submit"] a:hover {
  text-decoration: none;
  color: #fff;
}
.contentwrap .gform_body ul {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding-inline-start: 0px;
  /*
Voorbeeld hoe het werkt bij andere vorm geven radiobutton: after legt er een fake radiobutton overheen        
        input[type='radio']:after {
            width: 15px;
            height: 15px;
            border-radius: 15px;
            top: -2px;
            left: -1px;
            position: relative;
            background-color: #d1d3d1;
            content: '';
            display: inline-block;
            visibility: visible;
            border: 2px solid white;        
        }
*/
}
.contentwrap .gform_body ul li {
  padding-left: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
}
.contentwrap .gform_body ul li:before {
  content: '';
  margin-left: 0px;
  margin-right: 0px;
}
.contentwrap .gform_body ul p {
  margin: 0px 0px 0px 0px;
  padding: 0px;
}
.contentwrap .gform_body ul h2,
.contentwrap .gform_body ul h3 {
  margin: 20px 0px 25px 0px !important;
}
.contentwrap .gform_body ul input {
  border-color: #bbbbbb;
}
.contentwrap .gform_body ul input:not([type=checkbox]):not([type=radio]):not([type=submit]) {
  margin-bottom: 15px !important;
  background-color: #fff;
}
.contentwrap .gform_body ul input[type="radio"] {
  display: inline-block;
  float: left;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 15px;
  opacity: 0.8;
}
.contentwrap .gform_body ul textarea {
  height: 120px !important;
  width: 100% !important;
}
.contentwrap .gform_body ul label {
  width: calc(100% - 40px);
  float: none;
  margin-top: 5px;
  font-weight: 400;
}
.contentwrap .gform_body ul .hidelabel > label {
  display: none;
}
.contentwrap .gform_body ul .labelleft {
  float: none;
}
.contentwrap .gform_body ul .labelleft label {
  width: 180px;
  float: left;
}
@media (max-width: 767px) {
  .contentwrap .gform_body ul .labelleft label {
    width: auto;
    float: none;
  }
}
.contentwrap .gform_body ul .labelleft .ginput_container {
  width: calc(100% - 180px);
  display: inline-block;
}
@media (max-width: 767px) {
  .contentwrap .gform_body ul .labelleft .ginput_container {
    width: auto;
    display: block;
  }
}
@media only screen and (max-width: 1023px) {
  .contentwrap .gform_body ul .labelleft {
    width: 100%;
  }
}
.homecontent {
  background: linear-gradient(to right, #b0c642 0, #b0c642 33%, #363834 33%, #363834 66%, #363834 66%, #363834 100%);
  color: #fff;
}
.homecontent h1,
.homecontent h2,
.homecontent a {
  color: #fff;
  padding-top: 0px;
}
.homecontent .tuinengids {
  margin-top: -50px;
}
.homecontent .message {
  padding: 0px 20px 0px 20px;
}
@media (max-width: 1023px) {
  .homecontent {
    background: transparent;
  }
}
.homecontent .wpb_content_element {
  margin-bottom: 0px;
}
@media (max-width: 1023px) {
  .homecontent .wpb_content_element {
    margin-bottom: 35px;
  }
}
.homecontent .vc_column-inner .vc_col-sm-6 {
  width: 45%;
  display: inline-block;
}
@media (max-width: 1023px) {
  .homecontent .vc_column-inner .vc_col-sm-6 {
    width: 45% !important;
    display: inline-block !important;
  }
}
@media (max-width: 1023px) {
  .homecontent .vc_col-sm-8 {
    width: 100% !important;
    background-color: #4b4b4b;
  }
}
@media (max-width: 1023px) {
  .homecontent .vc_col-sm-4 {
    width: 100% !important;
    background-color: #b0c642;
  }
}
/**********************
       IMPORT LESS
***********************/
/**********************
         navigation
***********************/
#login_logout {
  float: right;
  line-height: 80px;
}
#login_logout #loggedinwrap {
  font-family: 'SkalaSansBold', sans-serif;
  font-size: 15px;
}
#login_logout #loginwrap .login {
  margin-right: 25px;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  #login_logout {
    line-height: 60px;
  }
}
#loggedinwrap2 .loggedin2 {
  display: inline-block;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #loggedinwrap2 .loggedin2 {
    float: right;
  }
}
.loggedin {
  width: 75px;
  height: auto;
}
.loggedinheader {
  width: 45px;
  height: auto;
  margin: 0px 25px 0px 15px;
}
.nav,
.navbar-nav {
  list-style: none;
  margin-top: 0px;
}
@media only screen and (max-width: 1023px) {
  .nav,
  .navbar-nav {
    float: none;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 0px;
    padding-left: 40px;
    text-align: left;
  }
}
.nav li {
  display: inline;
  padding: 0 8px;
  height: 80px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .nav li {
    padding: 0 1px;
    margin-bottom: 10px;
  }
}
.nav li:first-child {
  padding-left: 20px;
}
.nav > li:last-child {
  padding-right: 0px;
}
.nav > li > a {
  font-family: 'SkalaSansBold', sans-serif;
  font-size: 18px;
  line-height: 80px;
  padding: 0 5px;
  font-style: normal;
  font-variant: normal;
  position: relative;
  display: block;
  text-decoration: none;
  color: #4b4b4b;
}
.nav > li > a:hover {
  color: #b0c642;
}
@media only screen and (max-width: 1023px) {
  .nav > li > a {
    border-left: solid 0px #fff;
    font-size: 25px;
    line-height: 30px;
  }
}
.nav > li > a.active {
  color: #b0c642;
}
.nav > li:last-child > a:last-child {
  padding-right: 0px;
}
.nav > li.current-menu-item > a,
#footer .footer-navbar li.current_page_item > a {
  color: #b0c642;
}
.navbar-toggle {
  margin-top: 25px;
  margin-right: 0px;
  background-color: transparent;
  padding: 2px 0px 0px 8px;
  margin: 13px 0px 0px 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-family: 'SkalaSansBold', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  text-transform: uppercase;
  border-left: solid 2px #4b4b4b;
}
.navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-collapse.collapse {
  display: inline-block !important;
  position: relative;
  background-color: #fff;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
}
@media only screen and (max-width: 1250px) {
  .navbar-collapse.collapse {
    visibility: hidden;
    display: none !important;
  }
}
/**********************
   Footer
***********************/
.footer-navbar {
  list-style: none;
  margin: 5px 0px 20px 0px;
  padding-left: 0px;
}
.footer-navbar li {
  color: #9c9c9a;
}
.footer-navbar li a {
  color: #9c9c9a;
  text-decoration: none;
  font-size: 30px;
  line-height: 55px;
}
.footer-navbar li a:hover {
  text-decoration: underline;
}
/* https://codepen.io/plavookac/pen/qomrMw */
.social-footer .textwidget,
.sponsoren-footer .textwidget {
  display: table;
  width: 100%;
  min-height: 150px;
}
.footercell {
  width: 100%;
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
.left {
  float: left;
}
.right {
  float: right;
}
.center {
  margin: 0 auto;
}
.logoos img {
  display: inline-block;
  text-align: center;
  margin: 10px 20px 10px 20px;
}
.logoos p {
  text-align: center;
}
/**********************
   Hamburger Foldout Menu
***********************/
#header input[type=checkbox] {
  transition: all 0.3s;
  box-sizing: border-box;
  display: none;
  /* visibility:hidden; */
  width: 50px;
  height: 50px;
}
.spinner {
  transition: all 0.3s;
  box-sizing: border-box;
  position: absolute;
  height: 2px;
  width: 28px;
  background-color: #fff;
}
.horizontal {
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  float: left;
  margin-top: 6px;
}
.diagonal.part-1 {
  position: relative;
  transition: all 0.3s;
  box-sizing: border-box;
  float: left;
}
.diagonal.part-2 {
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  float: left;
  margin-top: 6px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
  transition: all 0.3s;
  box-sizing: border-box;
  opacity: 0;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
  transition: all 0.3s;
  box-sizing: border-box;
  transform: rotate(135deg);
  margin-top: 6px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
  transition: all 0.3s;
  box-sizing: border-box;
  transform: rotate(-135deg);
  margin-top: -9px;
}
input[type=checkbox]:checked ~ .dropdown-content {
  display: block;
  height: 100vh;
  width: 100vw;
}
.dropdown {
  position: relative;
  display: inline-block;
  float: left;
  /* position: absolute;
    left:0px;  */
  background-color: transparent;
}
.dropdown .dropbtn {
  background-color: transparent;
  color: #4b4b4b;
  border: none;
  position: relative;
  display: inline-block;
}
.dropdown .dropbtn .hmenu {
  position: absolute;
  display: block;
  font-size: 10px;
  line-height: 10px;
  color: #fff;
  z-index: 10;
  bottom: 0px;
  margin: 5px 0px 15px 0px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1023px) {
  .dropdown .dropbtn .hmenu {
    margin: 5px 0px 8px 0px;
  }
}
.dropdown .dropbtn .sidebarIconToggle {
  height: 80px;
  width: 80px;
  transition: all 0.3s;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  z-index: 2001;
  margin: 0px;
  overflow: hidden;
  background-color: #4b4b4b;
  padding: 25px 26px 31px 26px;
}
@media only screen and (max-width: 1023px) {
  .dropdown .dropbtn .sidebarIconToggle {
    padding: 15px 16px 21px 16px;
    height: 60px;
    width: 60px;
  }
}
.dropdown .dropbtn .dropdown-content {
  display: none;
  background-color: rgba(243, 243, 242, 0.96);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  left: 0px;
  top: 0px;
  display: block;
  position: absolute;
  height: 100vh;
  width: 0px;
  z-index: 2000;
  margin-top: 0px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
/*
.dropdown:hover .dropdown-content {
display: block;
height: 100vh;
width: 100vw;
}
*/
.dropdown:hover .dropdown-content {
  display: block;
}
#logo {
  float: left;
  max-width: 150px;
  height: 80px;
  width: auto;
  padding: 0px 0px 15px 0px;
}
#logo a {
  height: inherit;
  width: auto;
  display: block;
}
#logo a img {
  height: inherit;
  width: auto;
}
@media (max-width: 1299px) and (min-width: 1024px) {
  #logo a {
    float: none;
    left: 20px;
  }
}
@media (max-width: 1023px) {
  #logo {
    height: 60px;
  }
}
#logo2 {
  cursor: pointer;
  position: relative;
  z-index: 99;
  height: 80px;
  width: auto;
  padding: 0px 0px 0px 80px;
}
#logo2 a {
  height: inherit;
  width: auto;
  display: block;
}
#logo2 a img {
  height: inherit;
  width: auto;
}
@media (max-width: 1023px) {
  #logo2 {
    height: 60px;
    padding: 0px 0px 0px 60px;
  }
}
#foldouterwrap {
  display: table;
  width: 100%;
  height: 100%;
}
#foldinnerwrap {
  display: table-cell;
  text-align: left;
  vertical-align: top;
  width: 100%;
  height: 100%;
  padding: 30px 60px 60px 60px;
}
@media (max-width: 767px) {
  #foldinnerwrap {
    padding: 30px 30px 30px 20px;
  }
}
#foldoutmenu #items > a {
  font-family: 'SkalaSansBold', sans-serif;
  color: #4b4b4b;
  text-decoration: none;
  font-size: 35px;
  line-height: 42px;
  display: block;
  margin-bottom: 30px;
}
#foldoutmenu #items > a:hover {
  color: #b0c642;
}
#foldoutmenu #items > a.active {
  color: #b0c642;
}
@media only screen and (max-width: 1023px) {
  #foldoutmenu #items > a {
    border-left: solid 0px #fff;
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 20px;
  }
}
/*******************************
   Zoekfunctie 
*******************************/
.showfilters {
  position: absolute;
  right: 10px;
  margin-top: 5px;
  z-index: 10;
}
.searchglass {
  width: 42px;
  height: 42px;
  cursor: pointer;
}
a.zoekresultaat,
h3.zoekresultaat {
  color: #4b4b4b;
  display: block;
}
a.zoekresultaat:hover,
h3.zoekresultaat:hover {
  text-decoration: none;
  color: #b0c642;
}
a.zoekresultaat:hover h3,
h3.zoekresultaat:hover h3 {
  color: #b0c642;
}
a.zoekresultaat h3,
h3.zoekresultaat h3 {
  padding-top: 0px;
}
.pagination a {
  color: #4b4b4b;
}
.pagination a:hover {
  color: #b0c642;
  text-decoration: none;
}
#zoekfunctie {
  display: block;
  /* margin-bottom: 50px; */
  position: absolute;
  margin-bottom: 0px;
  visibility: visible;
}
@media only screen and (max-width: 1250px) {
  #zoekfunctie {
    z-index: 100;
    width: 400px;
    display: block;
  }
}
@media only screen and (max-width: 1023px) {
  #zoekfunctie {
    display: none;
  }
}
.searchbutton {
  height: 30px;
  width: 30px;
  background-color: #fff;
  display: inline-block;
  vertical-align: top;
  margin-top: 22px;
  margin-left: 20px;
}
@media only screen and (max-width: 1250px) {
  .searchbutton {
    display: none;
  }
}
#h_nav {
  position: relative;
  display: inline-block;
}
#s,
#searchform {
  margin-bottom: 0px;
  height: 40px;
  margin-top: 10px;
  font-size: 25px;
  line-height: 30px;
  padding-left: 15px;
  border: 0px solid #eee;
  background: transparent;
}
#s:focus {
  border: 0px solid #F3F3F2;
  outline: none;
  /* border-bottom: 1px solid #F3F3F2; */
  /* box-shadow: 0 0 4px #F3F3F2; */
}
#zoekfunctie2,
#zoekfunctie3 {
  display: inline-block;
  margin-bottom: 50px;
  width: 100%;
}
#zoekfunctie3 {
  margin-top: 20px;
}
#searchform2,
#searchform3 {
  border: 0px solid #ebebeb;
  display: block;
}
.searchbutton2,
.searchbutton3 {
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
}
@media only screen and (max-width: 767px) {
  .searchbutton2,
  .searchbutton3 {
    float: right;
  }
}
#s2,
#s3 {
  width: 100%;
  border: 1px solid #bbbbbb;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  padding-left: 0px;
  background: transparent;
  -webkit-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
  font-size: 35px;
  background-image: url('images/searchglass.svg');
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 45px 45px;
}
/**********************
       Mission Statement
***********************/
.backgroundcolor {
  background: rgba(238, 238, 238, 0.9);
}
#mission {
  position: relative;
  z-index: 100;
  height: 128px;
}
#mission h1.helpons,
#mission #opensluitmission {
  cursor: pointer;
}
#mission h1.helpons span,
#mission #opensluitmission span {
  font-size: 16px;
  display: none;
}
#mission h1.helpons span:hover,
#mission #opensluitmission span:hover {
  color: #b0c642;
}
@media only screen and (max-width: 655px) {
  #mission h1.helpons span,
  #mission #opensluitmission span {
    display: inline-block;
  }
}
#mission #statementwrap {
  padding: 40px;
}
@media only screen and (max-width: 655px) {
  #mission #statementwrap .col-xs-12 {
    padding-right: 20px;
    padding-left: 10px;
  }
}
#mission #statementwrap .missionbuttons {
  text-align: right;
}
@media only screen and (max-width: 655px) {
  #mission #statementwrap .missionbuttons {
    margin-left: 0px;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 655px) {
  #mission #statementwrap .onzemissiebutton {
    width: 50%;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 655px) {
  #mission #statementwrap .steun-ons {
    width: 50%;
  }
}
@media only screen and (max-width: 655px) {
  #mission #statementwrap {
    padding: 25px 10px 10px 10px;
  }
}
#mission .missionstatement h1 {
  font-size: 25px;
  line-height: 30px;
  margin-top: 10px;
  margin-left: 20px;
  max-height: 40px;
}
@media only screen and (max-width: 1175px) {
  #mission .missionstatement h1 {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 655px) {
  #mission .missionstatement h1 {
    max-height: none;
    margin-left: 0px;
  }
}
@media only screen and (max-width: 480px) {
  #mission .missionstatement h1 {
    max-height: none;
    margin-left: 0px;
    font-size: 20px;
    line-height: 24px;
  }
}
#mission #missionstatement p {
  font-size: 20px;
  line-height: 30px;
  float: left;
  width: calc(50% - 40px);
  padding: 20px;
}
#mission .rotate {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
#mission .plus {
  position: relative;
  width: 30px;
  height: 30px;
  background: transparent;
  transition: all 0.4s ease-in-out;
  margin-top: 7px;
  margin-left: -40px;
  display: inline-block;
  float: left;
}
@media only screen and (max-width: 655px) {
  #mission .plus {
    display: none;
  }
}
#mission .plus:before,
#mission .plus:after {
  content: "";
  position: absolute;
  background: #000;
}
#mission .plus:before {
  left: 50%;
  top: 4px;
  bottom: 4px;
  width: 2px;
  transform: translateX(-50%);
}
#mission .plus:after {
  top: 50%;
  left: 4px;
  right: 4px;
  height: 2px;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  #mission {
    height: 150px;
  }
  #mission .missionbuttons {
    width: 100%;
    text-align: left;
    margin-left: 20px;
  }
  #mission .missionstatement {
    width: 100%;
  }
}
@media only screen and (max-width: 655px) {
  #mission {
    padding-left: 0px;
    padding-right: 0px;
  }
  #mission #missionstatement p {
    font-size: 20px;
    line-height: 30px;
    float: none;
    width: calc(100%);
    padding: 0px;
    padding-top: 20px;
  }
}
/**********************
Tuinen
***********************/
#map {
  position: relative;
  z-index: 50;
  visibility: hidden;
  width: 100%;
  height: 950px;
}
@media only screen and (max-width: 767px) {
  #map {
    height: 600px;
  }
}
#lijstview {
  position: relative;
  z-index: 25;
  visibility: hidden;
  display: none;
}
#lijstview .locatie {
  font-size: 16px;
  line-height: 17px;
  text-transform: uppercase;
}
#lijstview h2.tuinnaam {
  margin-top: 0px;
  padding-top: 0px;
}
.popup .locatie {
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
}
.popup .marker {
  font-size: 16px;
  line-height: 24px;
}
.popup h2.tuinnaam {
  font-size: 25px;
  line-height: 30px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.titlewrap h1.tuin {
  margin-bottom: 40px;
}
.tuinfilter {
  padding: 40px 20px 40px 20px;
  margin-top: 30px;
  background-color: #f3f3f2;
  display: block;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .tuinfilter {
    background-color: transparent;
    padding: 0px 0px 0px 0px;
  }
}
@media only screen and (max-width: 767px) {
  .tfilter {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.zoektuinen {
  display: block;
  white-space: nowrap;
  margin-bottom: 15px;
}
.attributen {
  column-count: 2;
  margin-bottom: 0px;
  margin-top: 0px;
}
@media only screen and (max-width: 1349px) {
  .attributen {
    column-count: 2;
  }
}
@media only screen and (max-width: 767px) {
  .attributen {
    column-count: 1;
  }
}
img.kenmerk {
  margin-right: 10px;
}
.tuinattr {
  margin: 20px 0px 10px 0px;
}
#loadmore_btn_wrap {
  display: none;
}
.listcol {
  display: none;
  cursor: pointer;
}
.fheight {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  margin: 0px auto;
}
.centertop {
  object-position: center top;
}
.flickrthumblist {
  width: 100%;
  padding-top: 68%;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
#toggleviews {
  border: 0px solid #000000;
  margin-top: 25px;
  padding: 0px;
  text-align: left;
  z-index: 175;
}
@media only screen and (max-width: 767px) {
  #toggleviews {
    margin-top: 20px;
  }
}
/**********************
   Footer
***********************/
#footer {
  background-color: #3D3E3A;
  color: #9c9c9a;
  width: 100%;
  min-height: 50px;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  font-size: 15px;
  line-height: 28px;
  /* https://codepen.io/plavookac/pen/qomrMw */
}
#footer .greenback {
  text-align: center;
  background-color: #b0c642;
}
#footer .greenback a {
  color: #fff;
}
#footer .greenback a:hover {
  color: #fff;
}
#footer .footer-navbar a {
  color: #fff;
  text-decoration: none;
  font-size: 30px;
  line-height: 55px;
}
#footer a {
  color: #9c9c9a;
  text-decoration: none;
  font-size: 15px;
  line-height: 28px;
}
#footer a:hover {
  text-decoration: underline;
}
#footer p {
  color: #9c9c9a;
  font-size: 15px;
  line-height: 28px;
}
#footer hr {
  margin-top: 10px;
  margin-bottom: 30px;
  border: 0;
  border-top: 1px solid #5d5e5a;
}
#footer h2 {
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
#footer #sponsorsdank {
  text-align: center;
  font-size: 20px;
  color: #fff;
  margin: 10px 0px 20px 0px;
}
#footer .footer-navbar {
  list-style: none;
  margin: 5px 0px 20px 0px;
  padding-left: 0px;
}
#footer .footer-navbar li {
  color: #fff;
}
#footer .footer-navbar li a {
  color: #fff;
  text-decoration: none;
  font-size: 30px;
  line-height: 55px;
}
#footer .footer-navbar li a:hover {
  text-decoration: underline;
}
#footer .left {
  text-align: left;
  padding-left: 0px;
}
@media only screen and (max-width: 767px) {
  #footer .left {
    text-align: center;
    float: none;
    margin: 0 auto;
    padding-top: 20px;
  }
}
#footer .right {
  text-align: right;
  padding-right: 0px;
}
@media only screen and (max-width: 767px) {
  #footer .right {
    text-align: center;
    float: none;
    margin: 0 auto;
    white-space: nowrap;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  #footer .center {
    text-align: center;
    float: none;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
#footer .social-footer,
#footer .sponsoren-footer {
  display: table;
  width: 100%;
  min-height: 150px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  #footer .sponsoren-footer .left {
    width: 30%;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  #footer .sponsoren-footer .right {
    width: 70%;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
#footer .footercell {
  width: 100%;
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
#footer .footercell img {
  height: 40px;
  width: auto;
}
#footer .sponsoren-footer .footercell img {
  height: 80px;
  width: auto;
}
#footer .left img,
#footer .sponsoren-footer .right img {
  display: inline-block;
  margin-right: 40px;
}
#footer .left a:last-child img,
#footer .sponsoren-footer .right img:last-child {
  margin-right: 0px;
}
#footer .logoos img {
  display: inline-block;
  text-align: center;
  margin: 25px 40px 25px 40px;
  height: 55px;
  width: auto;
  max-width: 80%;
  opacity: 0.7;
}
#footer .logoos p {
  text-align: center;
}
/**********************
        MIXINS
***********************/
/**********************
         STYLES
***********************/
/* New breakpoint 

@media (min-width: 1600px) {
.container {
    width: 1558px;
}
}
*/
@media only screen and (max-width: 1349px) {
  .container {
    width: calc(100% - 80px);
  }
}
@media only screen and (max-width: 1023px) {
  .container {
    width: 100%;
  }
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html {
  margin: 0px;
  padding: 0px;
  height: 100%;
}
body {
  font-family: 'SkalaSans', sans-serif;
  font-size: 20px;
  line-height: 30px;
  color: #4b4b4b;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  background-color: #fff;
  position: relative;
  height: 100%;
  overflow-x: hidden;
}
.flex {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}
.flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.row.flex:before {
  display: flex !important;
}
.flex:before {
  display: flex !important;
}
.row.flex.blogitem > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
a {
  background: none;
  padding-left: 0px;
  margin: 0px;
  color: #b0c642;
}
a:hover {
  text-decoration: underline;
  color: #b0c642;
}
a:focus {
  outline: 0;
}
strong {
  font-family: 'SkalaSansBold', sans-serif;
  font-weight: 400;
}
h1,
h2,
h3 {
  font-weight: normal;
  font-style: normal;
  color: #4b4b4b;
  text-decoration: none;
}
h1 {
  font-family: 'SkalaSansBold', sans-serif;
  font-size: 50px;
  line-height: 60px;
  margin: 55px 0px 5px 0px;
}
h1.green {
  padding-bottom: 15px;
  border-bottom: 10px solid #B0C642;
  margin-top: 80px;
  color: #4b4b4b;
}
@media only screen and (max-width: 767px) {
  h1.green {
    margin-top: 50px;
  }
}
@media (max-width: 1023px) {
  h1 {
    font-size: 40px;
    line-height: 50px;
    margin: 25px 0px 5px 0px;
  }
}
h2,
h3 {
  font-family: 'SkalaSansBold', sans-serif;
  font-size: 40px;
  line-height: 50px;
  padding: 20px 0px 0px 0px;
  margin: 0px;
}
h2 a,
h3 a {
  text-decoration: none;
  color: #4b4b4b;
}
h2 a:hover,
h3 a:hover {
  text-decoration: none;
  color: #4b4b4b;
}
@media (max-width: 1023px) {
  h2,
  h3 {
    font-size: 25px;
    line-height: 35px;
  }
}
.featuredwrap {
  margin-bottom: 50px;
}
.titlewrap {
  max-width: 720px;
  display: block;
  text-align: left;
  margin: 0 auto;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .titlewrap {
    width: 100%;
  }
}
.titlewrap h1 {
  margin: 0px 0px 0px 0px;
}
.titlewrap .date {
  margin: 30px 0px 0px 0px;
}
.contentwrap {
  max-width: 720px;
}
@media (max-width: 767px) {
  .contentwrap {
    width: 100%;
  }
}
.contentwrap h1 {
  font-family: 'SkalaSansBold', sans-serif;
  font-size: 50px;
  line-height: 60px;
  padding-bottom: 15px;
  margin: 25px 0px 25px 0px;
  border-bottom: 10px solid #B0C642;
}
@media (max-width: 767px) {
  .contentwrap h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
.contentwrap h2 {
  font-family: 'SkalaSansBold', sans-serif;
  font-size: 40px;
  line-height: 50px;
  padding: 20px 0px 0px 0px;
  margin: 0px;
}
@media (max-width: 767px) {
  .contentwrap h2 {
    font-size: 25px;
    line-height: 35px;
  }
}
.contentwrap h3 {
  font-family: 'SkalaSansBold', sans-serif;
  font-size: 25px;
  line-height: 30px;
  padding: 20px 0px 0px 0px;
  margin: 0px;
}
@media (max-width: 767px) {
  .contentwrap h3 {
    font-size: 25px;
    line-height: 35px;
  }
}
.contentwrap ul {
  margin-top: 10px;
}
.contentwrap ul,
.contentwrap ul li {
  list-style-type: none;
}
.contentwrap ul li:before {
  content: '\203A';
  margin-left: -25px;
  margin-right: 10px;
}
.contentwrap ul li {
  margin-bottom: 0px;
}
.contentwrap p ~ ul {
  margin-top: 0px;
}
.clickwrap {
  width: 100%;
  position: relative;
  display: inline-block;
  overflow: auto;
  cursor: pointer;
}
.textwidget {
  word-break: break-word;
}
p {
  font-size: 20px;
  line-height: 30px;
  padding: 12px 0px 12px 0px;
  margin: 0px;
}
ul {
  list-style-type: disc;
  margin: 20px 0px 15px 0px;
  padding-inline-start: 30px;
}
/* h3 + ul{padding-top: 12px;} */
li {
  padding-left: 0px;
  margin-left: 0px;
  margin-bottom: 10px;
}
.date {
  color: #4B4B4B;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  text-transform: uppercase;
  padding: 6px 0px 12px 0px;
  margin: 0px 30px 0px 0px;
  display: inline-block;
}
.container.content {
  margin-bottom: 50px;
}
.row .firstcol {
  margin-left: 0px;
  padding-left: 10px;
}
.blogitem .nieuws,
.blogitem .events,
.blogitem .acties,
.eventhome {
  cursor: pointer;
}
.hrmobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .hrmobile {
    display: block;
  }
}
.showmobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .showmobile {
    display: block !important;
  }
}
.hidemobile {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .hidemobile {
    display: none !important;
  }
}
.sponsoren img {
  max-height: 150px;
}
.sponsoren .wpb_content_element {
  margin-bottom: 0px !important;
}
.sponsoren p {
  font-size: 15px !important;
  line-height: 25px !important;
}
.sponsoren .vc_column-inner {
  padding-top: 15px !important;
}
.sponsoren hr {
  margin-top: 15px !important;
  margin-bottom: 0px !important;
}
@media only screen and (max-width: 767px) {
  .col-xs-4.nieuws,
  .col-xs-5.nieuws,
  .col-xs-4.events,
  .col-xs-5.events,
  .col-xs-4.acties,
  .col-xs-5.acties,
  .col-xs-4.publicatie,
  .col-xs-5.publicatie {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .col-xs-8.nieuws,
  .col-xs-7.nieuws,
  .col-xs-8.acties,
  .col-xs-7.acties,
  .col-xs-8.events,
  .col-xs-7.events {
    display: flex;
    flex-direction: column;
  }
}
.col-xs-8.nieuws .labelwrapper,
.col-xs-7.nieuws .labelwrapper,
.col-xs-8.acties .labelwrapper,
.col-xs-7.acties .labelwrapper,
.col-xs-8.events .labelwrapper,
.col-xs-7.events .labelwrapper {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .col-xs-8.nieuws .labelwrapper,
  .col-xs-7.nieuws .labelwrapper,
  .col-xs-8.acties .labelwrapper,
  .col-xs-7.acties .labelwrapper,
  .col-xs-8.events .labelwrapper,
  .col-xs-7.events .labelwrapper {
    order: -1;
  }
}
.featuredwrap.widgetarea {
  background-color: #4B4B4B;
  color: #fff;
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: left;
}
.featuredwrap.widgetarea h1 {
  padding-bottom: 15px;
  border-bottom: 1px solid #fff;
  margin-top: 0px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .featuredwrap.widgetarea h1 {
    margin-top: 0px;
  }
}
.featuredwrap.widgetarea p {
  margin: 20px 0px 20px 0px;
}
.featuredwrap.widgetarea input:not(.button) {
  border: 1px solid #fff;
}
.featuredwrap.widgetarea ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1;
  /* Firefox */
}
.featuredwrap.widgetarea :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}
.featuredwrap.widgetarea ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff;
}
input,
button {
  font-family: 'SkalaSans', sans-serif;
  border: 2px solid #bbbbbb;
  border-radius: 0px;
  background: transparent;
  font-size: 20px;
  line-height: 30px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fff;
}
/*******************************
   Inlogvelden 
*******************************/
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]) {
  width: 100%;
  height: 48px;
  margin-bottom: 15px;
}
input.submit_button,
input[type=button] {
  margin-bottom: 15px !important;
  font-family: 'SkalaSansBold', sans-serif;
  font-size: 18px;
  line-height: 48px;
  height: 48px;
  padding: 0px 40px 0px 40px;
  background-color: #4b4b4b;
  color: #ffffff;
  /* height: auto; */
  width: auto;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  border: 1px solid #4b4b4b;
  cursor: pointer;
}
@media only screen and (max-width: 655px) {
  input.submit_button,
  input[type=button] {
    height: 38px;
    padding: 0px 25px 0px 25px;
    line-height: 38px;
  }
}
input[type=submit] {
  margin-bottom: 15px !important;
  margin-bottom: 20px;
  font-family: 'SkalaSansBold', sans-serif;
  font-size: 18px;
  line-height: 48px;
  height: 48px;
  padding: 0px 40px 0px 40px;
  background-color: #b0c642;
  color: #ffffff;
  /* height: auto; */
  width: auto;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  border: 1px solid #b0c642;
  cursor: pointer;
}
@media only screen and (max-width: 655px) {
  input[type=submit] {
    height: 38px;
    padding: 0px 25px 0px 25px;
    line-height: 38px;
  }
}
input[type=submit] a {
  color: #fff;
  text-decoration: none;
}
input[type=submit] a:hover {
  text-decoration: none;
  color: #fff;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #f3f3f2 inset !important;
}
select,
textarea {
  font-family: 'SkalaSans', sans-serif;
  border: 2px solid #bbbbbb;
  border-radius: 0px;
  background-color: #fff;
  font-size: 20px;
  line-height: 30px;
  padding-left: 20px;
  height: 48px;
  width: 100%;
}
textarea {
  height: 120px;
}
#socialmedia {
  float: right;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  color: #b0c642;
}
#socialmedia a {
  margin-left: 15px;
  text-decoration: none;
}
@media (max-width: 767px) {
  #socialmedia {
    display: none;
  }
}
.breakclear {
  clear: right;
}
@media (max-width: 1023px) {
  .breakclear {
    clear: both;
  }
}
@media (max-width: 767px) {
  .breakclear {
    display: none;
  }
}
.center {
  text-align: center;
}
.aligncenter {
  display: block;
  margin: 0 auto;
}
hr {
  margin-top: 30px;
  margin-bottom: 40px;
  border: 0;
  border-top: 1px solid #bbbbbb;
  width: 100%;
  background-color: transparent !important;
}
hr.green {
  margin-top: 10px;
  border-top: 10px solid #B0C642;
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  hr {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}
.monthname {
  text-transform: uppercase;
  font-size: 23px;
  line-height: 23px;
}
.monthname hr {
  margin-top: 30px;
}
.rotate {
  display: inline-block;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
img {
  max-width: 100%;
  height: auto;
}
.alignleft {
  float: left;
  padding: 5px 20px 15px 0px;
}
.featured {
  width: 100%;
  /* of formaat aanmaken via functions.php */
  padding-top: 64%;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.listimage {
  object-fit: cover;
  /* width: auto; */
  /* margin: 0px; */
  position: absolute;
  top: 0px;
  /* left: 0px; */
  height: 100%;
}
.img-responsive {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  border: 0px solid #000;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.listimage.img-responsive {
  height: 100%;
}
.agendaimage,
.actueelimage {
  padding-bottom: 20px;
}
/* #wrap, #content en #footer o.a. noodzakelijk om footer bij weinig content uit te lijnen onderkant pagina en body html 100% noodzakelijk */
#wrap {
  min-width: 300px;
  position: relative;
  border: 0px solid #000;
  margin: 0 auto;
  background-color: #fff;
}
#header {
  padding: 0px 0px 0px 0px;
  height: 80px;
  min-width: 300px;
}
#header.headernav {
  background-color: #fff;
}
@media only screen and (max-width: 1023px) {
  #header.headernav {
    background-color: transparent;
  }
}
#header #h_nav {
  float: none;
  display: inline-block;
  height: inherit;
}
@media (max-width: 1299px) and (min-width: 1024px) {
  #header #h_nav {
    float: none;
  }
}
@media (max-width: 1023px) {
  #header #h_nav {
    float: none;
    text-align: center;
  }
}
@media (max-width: 767px) {
  #header #h_nav {
    float: right;
  }
}
@media only screen and (max-width: 767px) {
  #header {
    height: 60px;
    padding: 0px 0px 0px 0px;
    margin-bottom: 0px;
  }
}
#content {
  min-height: 200px;
  overflow: hidden;
}
#content.masthead {
  margin-top: 80px;
}
/************************************************************************/
/* Breakpoinst Bootstrap          */
/************************************************************************/
/************************************************************************/
/* Container sizes          */
/************************************************************************/
/*

480

768px

1000px

1288px

*/