/*
Theme Name: childtheme
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Kudu Concepts
Author URI: https://www.kuduconcepts.be
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.22.7.1557730637
Updated: 2019-05-13 06:57:17

*/

/*********************
****** GENERAL ******
*********************/
h2{
	letter-spacing: 0px !important;
}
@font-face {
    font-family: 'Reddit Sans';
    src: url('fonts/RedditSans-ExtraLight.eot');
    src: url('fonts/RedditSans-ExtraLight.eot%3F') format('embedded-opentype'),
        url('fonts/RedditSans-ExtraLight.woff2') format('woff2'),
        url('fonts/RedditSans-ExtraLight.woff') format('woff'),
        url('fonts/RedditSans-ExtraLight.ttf') format('truetype'),
        url('fonts/RedditSans-ExtraLight.svg') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Reddit Sans';
    src: url('fonts/RedditSans-Light.eot');
    src: url('fonts/RedditSans-Light.eot%3F') format('embedded-opentype'),
        url('fonts/RedditSans-Light.woff2') format('woff2'),
        url('fonts/RedditSans-Light.woff') format('woff'),
        url('fonts/RedditSans-Light.ttf') format('truetype'),
        url('fonts/RedditSans-Light.svg') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Reddit Sans';
    src: url('fonts/RedditSans-Regular.eot');
    src: url('fonts/RedditSans-Regular.eot%3F') format('embedded-opentype'),
        url('fonts/RedditSans-Regular.woff2') format('woff2'),
        url('fonts/RedditSans-Regular.woff') format('woff'),
        url('fonts/RedditSans-Regular.ttf') format('truetype'),
        url('fonts/RedditSans-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Reddit Sans';
    src: url('fonts/RedditSans-Medium.eot');
    src: url('fonts/RedditSans-Medium.eot%3F') format('embedded-opentype'),
        url('fonts/RedditSans-Medium.woff2') format('woff2'),
        url('fonts/RedditSans-Medium.woff') format('woff'),
        url('fonts/RedditSans-Medium.ttf') format('truetype'),
        url('fonts/RedditSans-Medium.svg') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Reddit Sans';
    src: url('fonts/RedditSans-SemiBold.eot');
    src: url('fonts/RedditSans-SemiBold.eot%3F') format('embedded-opentype'),
        url('fonts/RedditSans-SemiBold.woff2') format('woff2'),
        url('fonts/RedditSans-SemiBold.woff') format('woff'),
        url('fonts/RedditSans-SemiBold.ttf') format('truetype'),
        url('fonts/RedditSans-SemiBold.svg') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Reddit Sans';
    src: url('fonts/RedditSans-Black.eot');
    src: url('fonts/RedditSans-Black.eot%3F') format('embedded-opentype'),
        url('fonts/RedditSans-Black.woff2') format('woff2'),
        url('fonts/RedditSans-Black.woff') format('woff'),
        url('fonts/RedditSans-Black.ttf') format('truetype'),
        url('fonts/RedditSans-Black.svg') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Reddit Sans';
    src: url('fonts/RedditSans-Bold.eot');
    src: url('fonts/RedditSans-Bold.eot%3F') format('embedded-opentype'),
        url('fonts/RedditSans-Bold.woff2') format('woff2'),
        url('fonts/RedditSans-Bold.woff') format('woff'),
        url('fonts/RedditSans-Bold.ttf') format('truetype'),
        url('fonts/RedditSans-Bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Reddit Sans';
    src: url('fonts/RedditSans-ExtraBold.eot');
    src: url('fonts/RedditSans-ExtraBold.eot%3F') format('embedded-opentype'),
        url('fonts/RedditSans-ExtraBold.woff2') format('woff2'),
        url('fonts/RedditSans-ExtraBold.woff') format('woff'),
        url('fonts/RedditSans-ExtraBold.ttf') format('truetype'),
        url('fonts/RedditSans-ExtraBold.svg') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'new-order' !important;
}
body,p,a,li{
	font-family: 'informapro' !important;
}
body #page-container .et_pb_section .white-btn:hover {
    color: #006ef9 !important;
}
.et_pb_button_module_wrapper {
    position: relative;
    max-width: max-content;
}
.et_pb_button_module_wrapper:before {
    content: '';  position: absolute;
    right: 40px;  top: 32px;
    width: 15px;  height: 4px;
    background: #B8BE8A;
    border-radius: 52px;
}
.ontdek-row .et_pb_button_module_wrapper:before {
    background: #fff;
}
@media all and (max-width: 980px) {
	.custom_row {
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
		flex-wrap: wrap;
	}
	/*** custom classes that will designate the order of columns in the flex box row ***/
	.first-on-mobile {
		-webkit-order: 1;
		order: 1;
	}
	.second-on-mobile {
		-webkit-order: 2;
		order: 2;
	}
	.third-on-mobile {
		-webkit-order: 3;
		order: 3;
	}
	.fourth-on-mobile {
		-webkit-order: 4;
		order: 4;
	}
	/*** add margin to last column ***/
	.custom_row:last-child .et_pb_column:last-child {
		margin-bottom: 30px;
	}
}
/*<<|------------------------------| Development |------------------------------|>>*/
.arrow-img {
    position: absolute;
    top: -390px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1; cursor: pointer;
    animation: pulse 3s ease-out;
    animation-iteration-count: infinite;
}
@keyframes pulse {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
    margin-top: 10px;
  }
  100% {
    opacity: 0.5;
    margin-top: 20px;
  }
}


.ati-header-menu{
	background: transparent !important;
}
.ati-header-menu ul#menu-hoofmenu .menu-item {
    padding-left: 34px;  align-items: center;
}
.ati-header-menu ul#menu-hoofmenu .menu-item:last-child a {
    border-radius: 50px; border: 1px solid #fff;
    padding: 7px 29px;
}
.ati-header-menu ul#menu-hoofmenu .menu-item:last-child a:hover {
    background: #fff;  opacity: 1;
    color: #B8BE8A !important; 
}
.header_section {
    background: transparent !important;
    position: absolute;
    top: 0;
    width: 100%;
}
.align-items-end{
	display: flex;
    align-items: flex-end;
}
.hero-section:before {
    content: '';  position: absolute;
    left: 0;  bottom: 0;
    width: 100%;  height: 540px;
    background: transparent linear-gradient(0deg, #00000073 0%, #240C0C00 100%) 0% 0% no-repeat padding-box;
}
.hero-section:after {
    content: '';  position: absolute;
    left: 0;  top: 0;
    width: 100%;  height: 302px;
    background: transparent linear-gradient(180deg, #00000073 0%, #240C0C00 100%) 0% 0% no-repeat padding-box;
}
.ati-header-menu ul#menu-hoofmenu .menu-item a {
    color: #fff;
}
.ati-header-menu ul#menu-hoofmenu .menu-item a:hover{
	color: #B8BE8A !important;
}
.center-text .et_pb_text_inner {
    max-width: max-content;
    margin: 0 auto;
}
.style_text .et_pb_text_inner span {
    color: #B8BE8A;
}
.theme-btn {
    position: relative;
}
.theme-btn::before {
    content: '' !important;
    position: absolute;
    right: 0;  top: 0;
    width: 15px; height: 5px;
    background: #B8BE8A;
    z-index: 99999;
}
.plaats-card .et_pb_main_blurb_image{
    width: 100%;
}
.plaats-card:hover {
    background: #41403F !important;
}
.plaats-card .et_pb_image_wrap {
    height: 140px;
    max-width: 285px;
    margin-top: 62px;
}
.plaats-card .et_pb_image_wrap img{
    width: 100%; height: 100%;
    object-fit: cover;
}
.plaats-card .et_pb_module_header {
    position: absolute;  top: 0;
}
.plaats-card .et_pb_blurb_description ul li {
    list-style: none;  position: relative;
    padding: 0 0 0 31px;
}
.plaats-card .et_pb_blurb_description ul li:before {
    content: '';  position: absolute;
    left: 0;  top: 5px;
    width: 14px;  height: 14px;
    background: url(../../uploads/2024/10/check-icon2.svg) no-repeat;
    border-radius: 100%; background-position: center;
}
.plaats-card  .price {
    text-align: right;
    color: #B8BE8A;  font-size: 18px;
    font-weight: 500;  padding-top: 31px;
}
.plaats-card.et_pb_blurb:hover li,
.plaats-card.et_pb_blurb:hover .price,
.plaats-card.et_pb_blurb:hover .et_pb_blurb_description,
.plaats-card.et_pb_blurb:hover .et_pb_module_header{
    color: #fff !important;
}
.fluid-row .et_pb_column {
    margin-left: 120px;
}
.plaats-section:before {
    content: '';  width: 100%;
    position: absolute;
    left: 0;  bottom: 0;
    max-width: 80%;
    height: 596px;
    background: #B8BE8A;
    border-radius: 0 298px 298px 0;
}
footer .et_pb_text_inner ul.footer-info {
    padding: 62px 0 0 0 !important;
}
footer ul.footer-info li a {
    color: #3A4655;
    font-size: 20px;
    font-weight: 300;
    font-family: 'Reddit Sans';
}
footer ul.footer-info li a:hover span{
    color: #B8BE8A;
}
footer ul.footer-info li span {
    border-bottom: 1px solid #3A4655;
}
footer ul.footer-info li {
    padding-bottom: 8px;
}
footer ul.footer-info li {
    padding-bottom: 4px;
}
footer .form-wrapper {
    display: flex;  max-width: 650px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.form-wrapper .right, .form-wrapper .left {
    width: calc(50% - 15px); position: relative;
    margin-bottom: 22px;
}
.form-wrapper input.wpcf7-form-control {
    width: 100%;  background: #fff;
    border-radius: 5px; padding-left: 10px !important;
}
.form-wrapper textarea {
    width: 100%;  height: 88px;
    resize: none; border-radius: 5px;
    padding-left: 10px !important;
    padding-top: 12px !important;
}
.form-wrapper .full {
    width: 100%;
    position: relative;
}
.form-wrapper label {
    color: #000000;
    font-size: 18px;
    font-family: 'Reddit Sans';
    font-weight: 3;
    display: block;
    padding-bottom: 4px;
}
.form-wrapper br {
    display: none;
}
.form-wrapper span.wpcf7-list-item-label {
    font-size: 13px;  font-weight: 300;
    font-family: 'Reddit Sans';
    padding-left: 19px;
}
.form-wrapper span.wpcf7-form-control.wpcf7-checkbox {
    margin-top: 12px;  display: block;
}
.form-wrapper .wpcf7-checkbox input[type="checkbox"] {
    position: absolute;  left: 0;  top: 3px;
}
.form-wrapper input.wpcf7-submit {
    width: fit-content;   font-size: 18px;
    padding: 22px 83px 22px 33px !important;
    display: inline-block;
    border: 1px solid #B8BE8A;
    border-radius: 50px;
    font-family: 'Reddit Sans';
    color: #fff; cursor: pointer;
    background: #B8BE8A;
    margin-top: 28px;
}
.form-wrapper input.wpcf7-submit:hover {
    background: #000;  border-color: #000;
}
.wpcf7 form.sent .wpcf7-response-output {    
    text-align: center;  background: #fff;
}
.form-wrapper span.line {
    position: absolute;
    width: 100%; top: 59px;
    max-width: 282px;
    right: 0; left: 0;
    pointer-events: none;
}
.form-wrapper span.line:before {
    content: '';  position: absolute;
    top: 1px; right: 28px;
    width: 15px; height: 5px;
    border-radius: 50px;
    background: #fff;
}

.doordachte-col {
    padding-left: calc(50% - 700px);
}
.mySwiper .swiper_content {
    height: 665px;
}
.mySwiper .swiper_content img {
    width: 100%;  height: 100%;
    object-fit: cover;
}
.arrow-wrapper {
    display: flex;  max-width: 93px;
    justify-content: space-between;
    margin-left: calc(100% - 260px);
    margin-right: 0;  position: relative;
    top: -37px;
}
.arrow-wrapper div {
    position: relative;
    background-image: none;
    width: 40px;  height: 40px;
    background: #41403F !important;
    border-radius: 100%;
}
.arrow-wrapper div:before {
    content: '';
    position: absolute;   left: 0; top: 0;
    background: url(images/Slider-arrow-right.svg) no-repeat;
    width: 100%; height: 100%; background-position: center center;
}
.arrow-wrapper .swiper-button-prev {
    left: 0;  transform: rotate(180deg);
}
.arrow-wrapper .swiper-button-next {
    right: 0;
}
.arrow-wrapper div:hover {
    background: #B8BE8A !important;
}
/*.stappen-img:before {
    content: ''; position: absolute;
    left: -32px; bottom: 32px;  width: 197px; height: 455px;
    background: url(images/op-enkele-big-image-bg-shape.svg) no-repeat;
}*/
.custom_gallery:before {
    content: '';  position: absolute;
    right: 210px;  bottom: -86px; width: 145px; height: 308px;
    background: url(../../uploads/2024/10/bg-shape-green.svg) no-repeat;
}
.quote-text .et_pb_text_inner {
    position: relative;
}
.quote-text .et_pb_text_inner:before {
    content: '';   position: absolute;
    left: -26px;  top: -26px;
    width: 30px; height: 30px;
    background: url(images/qoute-icon.svg) no-repeat;
    background-size: contain;
}
.et_pb_module.shape-img-left {
    position: absolute;
    bottom: 295px;
    z-index: -1;
    left: -34px;
}
/*<<|-----------------------Responsive CSS Here-----------------------|>>*/
@media (max-width: 1640px){
    .fluid-row .et_pb_column {
        margin-left: 65px;
    }
}
@media (max-width: 1499px){
    .et_pb_section {
         padding-left: 90px !important; 
         padding-right: 90px !important; 
    }
    .et_pb_section.plaats-section,
    .et_pb_section.doordachte-section {
        padding-right: 0 !important;
    }
    .et_pb_module.historische-text{
        margin-left: 45px !important;
    }
    .plaats-slider-row{
        overflow: hidden;
    }
}
@media (max-width: 1460px){
    .fluid-row .et_pb_column {
        margin-left: 0;
    }

}
@media (max-width: 1399px){
   /* .et_pb_section {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }*/
    .plaats-card {
        max-width: 316px !important;
    }
    .stappen-heading h2 br {
        display: none;
    }
    body .stappen-heading {
        padding-left: 100px!important;
    }
    .et_pb_module.shape-img-left {        
        bottom: 395px;
    }
}    
@media (max-width: 1299px){
    body .stappen-image {
        margin-left: 165px!important;
    }
    body .stappen-text{
        margin-left: 52px!important;
    }
    body .stappen-heading {
        padding-left: 51px!important;
    }
    .plaats-card {
        max-width: calc(100% - 15px) !important;
    }
    .ati-header-menu ul#menu-hoofmenu .menu-item {
        padding-left: 15px;
    }
    .historische-text.et_pb_module{
        margin-left: 50px !important;
    }
    /*.et_pb_section_1 .shape-img-right{
        left: 415px !important;
    }*/
    footer .form-wrapper {        
        padding-left: 35px;
    }
    .shape-img-right {        
        left: auto !important;
        right: -25px !important;
    }
}
@media (min-width: 981px) and (max-width: 1150px){
    .historische-text.et_pb_module {
        margin-left: 0 !important;
    }
    .hero-section .et_pb_text_inner h1 {
        font-size: 68px !important;
        line-height: 75px !important;
    }
    .stappen-section.et_pb_section {
        padding-top: 100px !important;
    }
    .footer-section {
        padding-top: 120px !important;
        padding-bottom: 80px !important;
    }
    .doordachte-section {
        padding-top: 200px !important;
    }
    .plaats-section.et_pb_section {
        padding-top: 75px !important;
        padding-bottom: 88px !important;
    }
    .arrow-wrapper {
        margin-left: calc(100% - 165px);        
    }
    .custom_gallery:before {
        right: 88px; bottom: -60px;
    }
    .mySwiper .swiper_content {
        height: 500px;
    }
    .plaats-card .et_pb_image_wrap {
        height: 112px;
    }
    .plaats-card.et_pb_module {
        padding-top: 30px!important;
        padding-right: 15px!important;
        padding-bottom: 20px!important;
        padding-left: 15px!important;
    }
    .et_pb_module_header {
        font-size: 24px !important;
    }
    .plaats-card .et_pb_blurb_description ul {
        padding-left: 0;
    }
    .plaats-card .et_pb_blurb_description ul li {        
        padding: 0 0 0 21px;
    }    
    .et_pb_section.quate-section {
        height: 650px !important;
    }
    body .historische-text {
        margin-left: 0 !important;
        max-width: 480px;
    }
    body .stappen-image {
        margin-left: 40px !important;
    }
    body .stappen-heading {
        padding-left: 0 !important;
    }
    body .stappen-text {
        margin-left: 0 !important;
    }
    .et_pb_text .et_pb_text_inner h2 {
        font-size: 36px !important;
        line-height: 52px !important;
    }
}
@media (max-width: 980px){
    .et_pb_module.shape-img-left,
    .shape-img-right{
        display: none;
    }
    .et_pb_section {
         padding-left: 10px !important; 
         padding-right: 10px !important; 
    }
    .et_pb_section.plaats-section,
    .et_pb_section.doordachte-section {
        padding-right: 0 !important;
    }
    .historische-text.et_pb_module {
        margin-left: 0 !important;
    }
    .header_section .et_mobile_nav_menu .mobile_nav {
        background: #B8BE8A;
        width: 40px;
        height: 40px;
        display: block;
        text-align: center;
        padding-top: 3px;
        margin-top: 6px;
    }
    .et_mobile_nav_menu .mobile_nav span.mobile_menu_bar:before {
        color: #fff;
    }
    .stappen-img:before {    
        left: 15px;
    }
    body .stappen-heading {
        padding-left: 0 !important;
    }
    body .stappen-text {
        margin-left: 0 !important;
        max-width: 100%;
    }
    .mySwiper .swiper_content {
        height: 465px;
    }
    .custom_gallery:before {        
        right: 57px;
        bottom: -53px;
    }
    .plaats-section:before {        
        bottom: 35px;
        max-width: 95%;
        height: 474px;
    }
    .et_pb_text_inner ul.footer-info {
        padding: 35px 0 0 0 !important;
    }
    .form-wrapper {
        max-width: 100%;
    }
}
@media (max-width: 767px){
    .about-right-col {
        padding: 30px 25px 35px 30px;
        margin-left: 0 !important;        
    }
    .quote-text .et_pb_text_inner:before {
        left: -6px;  top: -15px;
        width: 20px;  height: 20px;
    }
    body.home #page-container .et_pb_section .et_pb_button_1:hover {
        font-size: 16px!important;
    }
     body .stappen-image {
        margin-left: 0 !important;
    }   
    .et_pb_text_inner br {
        display: none;
    }
    .arrow-wrapper {        
        margin-left: auto !important;
        margin-right: 0; top: -34px;
        max-width: 85px;
    }
    .form-wrapper .right, .form-wrapper .left {
        width: calc(50% - 5px);
        margin-bottom: 15px;
    }
    .form-wrapper label {        
        font-size: 16px;
    }
    .mySwiper .swiper_content {
        height: 350px;
    }
    .custom_gallery:before {
        right: 0;
        bottom: -28px;
    }
    .plaats-section:before {
        max-width: 100%;
    }
    .stappen-section:before {
        height: 235px;
    }
    .et_pb_button_module_wrapper:before {        
        right: 14px;  top: 26px; width: 10px;
    }
    .mobile-reverse {
        flex-direction: column-reverse !important;
    }
}


    /* Styling voor select, input en buttons */
    #acf-filter-form select, 
    #acf-filter-form input, 
    #acf-filter-form button {
        border-radius: 50px;
        border: 2px solid #403f3f;
        padding: 8px 16px;
        font-size: 16px;
        margin-right: 10px; /* Ruimte tussen de velden */
        margin-bottom: 15px; /* Ruimte onder de filtervelden */
        background-color: #fafaf7; /* Zeer lichte kleur voor de select velden */
        color: #403f3f; /* Donkere tekst voor goede leesbaarheid */
    }

    #acf-filter-form select:focus, 
    #acf-filter-form input:focus, 
    #acf-filter-form button:focus {
        outline: none;
        border-color: #b8be8a;
    }

    /* Knop specifieke styling */
    #acf-filter-form button {
        background-color: #403f3f; /* Donkere achtergrond voor de knop */
        color: #ffffff; /* Witte tekst */
    }

    /* Tabel styling */
    #acf-repeater-table table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 20px;
    }

    #acf-repeater-table th, #acf-repeater-table td {
        padding: 12px;
        border-bottom: 1px solid #e0e1d6; /* Zeer lichte tussenlijn */
        text-align: left;
    }

    /* Geen kolomborders */
    #acf-repeater-table td {
        border-left: none;
        border-right: none;
    }

    /* Afwisselende rijkleuren: wit en zeer lichte kleur */
    #acf-repeater-table tr:nth-child(odd) {
        background-color: #ffffff; /* Witte rijen */
    }

    #acf-repeater-table tr:nth-child(even) {
        background-color: #fafaf7; /* Zeer lichte kleur voor afwisselende rijen */
    }

    /* Styling van de tabelkop */
    #acf-repeater-table th {
        background-color: #403f3f; /* Donkere achtergrond voor de kolomtitels */
        color: #ffffff; /* Witte tekst */
    }


    .floor-btn {
        padding: 10px 20px;
        border-radius: 50px;
        border: 1px solid #CCCCCC;
        background-color: #fafaf7;
        color: #403f3f;
        cursor: pointer;
        font-size: 16px;
        margin: 0 10px;
    }

    .floor-btn:hover {
        background-color: #b8be8a;
        color: white;
    }

    .floor-btn.active {
        background-color: #403f3f;
        color: white;
    }

    #floor-image img {
        border-radius: 10px;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    }

.show{}
.hide{opacity:0; pointer-events: none; 
	z-index:-1;position: absolute; /*position: absolute; left: -9999px;max-width: 600px;*/}

.et_pb_section.et_pb_fullwidth_section{
	padding-left:0px !important;
	padding-right:0px !important;
}

.hotspots-container .da-error{
	opacity: 0 !important;
	display: none !important;
}

.qtip-content{
	color: #000 !important;
}

#acf-repeater-table{
	    overflow: scroll;

}

#acf-repeater-table::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

#acf-repeater-table::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

/*** POPUP - download ****/
#popup2.popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  justify-content: center;
  align-items: center;
}
#popup2 .popup-content h2{font-size: 32px !important}
#popup2 .popup-content {
  background: white;
  padding: 20px;
  border-radius: 8px;
  width: 400px;
  text-align: center;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}

#salesForm{
	display: flex;
	flex-direction: column;	
} 

#salesForm label{ text-align: left;}

#salesForm input{
	
	margin-bottom: 8px !important;
}

        #salesForm button {
			margin-top: 8px !important;
            background-color: #B8BE8A; /* Groene achtergrond */
            color: white; /* Witte tekst */
            border: none; /* Geen rand */
            padding: 15px 32px; /* Opvulling rondom */
            text-align: center; /* Tekst centreren */
            text-decoration: none; /* Geen onderlijning */
            display: inline-block; /* Maak het een inline blok */
            font-size: 18px; /* Grotere tekst */
            margin: 4px 2px; /* Ruimte rondom */
            cursor: pointer; /* Cursor naar pointer veranderen */
            border-radius: 32px; /* Ronde hoeken */
            transition: background-color 0.3s, transform 0.3s; /* Transitie-effect */
        }

         #salesForm button:hover {
            background-color: #B8BE8A; /* Donkerder groen bij hover */
            transform: scale(1.05); /* Vergroot iets bij hover */
        }

         #salesForm button:active {
            transform: scale(0.95); /* Verklein iets bij klikken */
        }


.close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
}

.downloadLink{
	cursor: pointer;
}

#popup2{
	    z-index: 99;
}

#lijst{
	z-index:99;
}

@media screen and (max-width: 980px){
	#filter-container{
		flex-direction: column;
	}	
	#acf-filter-form{
		flex-direction: column;		
	}
	#acf-filter-form select, #acf-filter-form input{ max-width: 200px;}
}

@media screen and (max-width: 620px){
	#floor-filter-buttons{
		display: flex;
    	flex-flow: wrap;
	}
	#floor-filter-buttons .floor-btn{
		    max-width: 50%;
    	flex-basis: calc(50% - 20px);
		margin-bottom: 10px;
	}
}