/*
Theme Name: Ateliersante
Theme URI: 
Author: Anonymous
Author URI: 
Description: Theme for Wordpress
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ateliersante
Tags: custom theme
*/
html{
    scroll-behavior: smooth;
}

.testimonial-block{
    margin-bottom:50px !important;
}
.container .testimonial-block:last-of-type {
    margin-bottom:130px !important;
  }
/* .purple-theme h2{

} */
.info-form input[type=email], .info-form input[type=tel], .info-form input[type=text], .info-form select, .info-form textarea{
    padding:8px !important;
}

.decor-bereibaarheid-section{
    position: relative;
    padding-top: 140px;
    /* padding-bottom: 20px; */
    margin-bottom: 100px;
}
.decor-bereibaarheid-section .bg {
    background: url(assets/images/full_bg_vector.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    top: 80px;
    width: -webkit-fill-available;
    /* min-width: 1400px; */
    height: 100%;
    position: absolute;
    z-index: -1;
}

@media (min-width: 2300px) {
    .decor-bereibaarheid-section .bg {
        background-size: contain;
    }
}

.decor-bereibaarheid-section .img-mask{
    fill: url(<path-to-image>) lightgray -185.823px 0px / 187.77% 100% no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto;
    mask-image: url(assets/images/mask-3.svg);
    -webkit-mask-image: url(assets/images/mask-3.svg);
    max-width: 27vw;
    margin: 0 auto;
    top: 60px;
    position: relative;
}
.decor-bereibaarheid-section .container{
    display:flex;
}
.decor-bereibaarheid-section .left{
    width:50%;
}
.decor-bereibaarheid-section .right{
    width:50%;
}
.decor-bereibaarheid-section .left h2, .decor-bereibaarheid-section .left p, .decor-bereibaarheid-section .left li, .decor-bereibaarheid-section .left a{
    text-align:left;
}
.decor-bereibaarheid-section .left p{
    margin-bottom:4px;
}
.decor-bereibaarheid-section .left a:not(.btn) {
    color:black;
}
.decor-bereibaarheid-section .btn{
    border:1px solid #570B25;
}
.decor-bereibaarheid-section .left a:not(.btn):hover{
    text-decoration:underline;
}
.decor-bereibaarheid-section .left h2{
    margin-top: 30px;
}


.info-form input[type=email], .info-form input[type=tel], .info-form input[type=text], .info-form select, .info-form textarea, .custom-select .nice-select, .info-form input[type=email], .info-form input[type=tel], .info-form input[type=text], .info-form select, .info-form textarea{
    font-size:11px !important;
}

.info-section .media-holder{
    text-align: -webkit-right !important;
}
.info-section .media-holder video{
    max-width: 380px;
}

.btn{
    border:1px solid #570b25;
}

.info-form input[type=submit]{
    border:1px solid #570b25 !important;
}
.btn:hover, .info-form input[type=submit]:hover{
    background-color:unset !important;
}

.btn-holder .btn-icon{
    display:none;
}

.countdown-section.green-theme .decor-img{
    right:unset;
    transform: scaleX(-1);
}

.team-list > .normal:nth-child(odd) {
    padding-right: 25px !important;
  }
  
  .team-list > .normal:nth-child(even) {
    padding-left: 25px !important;
  }


.page-id-3 main{
    padding-top: 100px;
}

.page-id-268 .decor-bereibaarheid-section .bg {
    bottom: 0;
    left: 50%;
    margin: 0 0 0 40px;
    pointer-events: none;
    position: absolute;
    top: 125px;
    transform: translateX(-50%);
    /* width: 827px; */
    z-index: -1;
    width: 200%;
}


.page-id-268 .decor-bereibaarheid-section.purple-theme .bg {
    background: url(https://ateliersanteherent.be/wp-content/themes/ateliersante/assets/images/purple-shape-bg.svg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin: 0 0 0 234px;
    top: 100px;
}


.page-id-268 .decor-bereibaarheid-section .right{
    display:none;
}
.page-id-268 .decor-bereibaarheid-section .left{
    width:100%;
    display:flex;
    flex-flow:wrap;
}
.page-id-268 .decor-bereibaarheid-section .left .pt_one{
    width:50%;
}
.page-id-268 .decor-bereibaarheid-section .left .pt_two{
    width:50%;
}
.page-id-268 .decor-bereibaarheid-section .container {
    padding-top: 100px;
}

.page-id-268 .decor-bereibaarheid-section .decor-img {
    left: 33%;
    margin: 0 0 0 -3px;
    position: absolute;
    top: -100px;
    transform: translateX(-50%);
    width: 185px;
    z-index: 2;
    width: 363px;
    right: auto;
}
@media (max-width: 2200px) {
    .page-id-268 .decor-bereibaarheid-section .decor-img {
        left: 22%;
    }
}
@media (max-width: 1500px) {
    .page-id-268 .decor-bereibaarheid-section .decor-img {
        left: 12%;
    }
}
@media (max-width: 1200px) {
    .page-id-268 .decor-bereibaarheid-section .decor-img {
        left: 15%;
    }
}

@media (max-width: 1050px) {
    .page-id-268 .form-section {
        margin-bottom: 150px;
    }
}
@media (max-width: 900px) {
    .page-id-268 .decor-bereibaarheid-section .decor-img {
        left: 22%;
    }
    .page-id-268 .decor-bereibaarheid-section .left .pt_one {
        width: 100%;
    }
    .page-id-268 .decor-bereibaarheid-section .left .pt_two {
        width: 100%;
    }
}
@media (max-width: 750px) {
    .page-id-268 .decor-bereibaarheid-section .bg {
        width: 450%;
    }
    .page-id-268 .decor-bereibaarheid-section .decor-img {
        left: 30%;
        width: 320px;
    }
}
@media (max-width: 450px) {
    .page-id-268 .decor-bereibaarheid-section .decor-img {
        left: 35%;
        width: 280px;
    }
    .decor-bereibaarheid-section .left{
        padding-left:5px !important;
    }
    .page-id-268 .decor-bereibaarheid-section .container {
        padding-top: 40px;
    }
}


@media (min-width: 1850px) {
    .decor-form-section{
        padding-top: 17vw !important;
    }
}


@media (max-width: 767px) {
    .menubar>li {
        padding: 15px 0 !important;
    }
    .menubar{
        padding-bottom:18px !important;
    }
    .home .text-section .two-cols h2{
        margin-bottom: 15px;
    }
    .home .text-section .two-cols .col{
        margin-bottom:40px;
    }
    .name{
        margin-bottom:8px !important;
    }
    .text-section .bg {
        left: -15% !important;
    }
    .img-text-section .img-holder .img-mask {
        mask-image: url(assets/images/Vorm.svg) !important;
        -webkit-mask-image: url(assets/images/Vorm.svg) !important;
        padding-bottom: 30px;
        /* padding-top: 42.86%; */
    }
}


@media (max-width: 1500px) {
    .decor-bereibaarheid-section .img-mask{
        min-width: unset;
        max-width: unset;
        width: 380px;
    }
}

@media (max-width: 1100px) {
    .decor-bereibaarheid-section .left {
        /* width: 50%; */
        padding-left: 30px;
    }
}
@media (min-width: 1024px) {
    .header {
        padding: 16px 0 23px !important;
    }
    .footer {
        padding: 20px 0 25px !important;
    }
}
@media (max-width: 950px) {
    .decor-bereibaarheid-section .container {
        flex-direction: column;
    }
    .decor-bereibaarheid-section .left, .decor-bereibaarheid-section .right{
        width:100%;
    }
    .decor-bereibaarheid-section .img-mask{
        mask-image: url(assets/images/Vorm.svg);
    -webkit-mask-image: url(assets/images/Vorm.svg);
    }
    .decor-bereibaarheid-section .img-mask{
        width:80vw;
    }
    .decor-bereibaarheid-section .img-holder{
        max-height: 40vw;
    }
    .decor-bereibaarheid-section .img-holder img{
        max-height: 40vw;
    }
}

@media (min-width: 768px) {
    .team-list>li.small .img-holder {
        max-width: 297px !important;
    }
    .testimonial-block .img-holder{
        width: 200px !important;
    }
    .home .text-section .title{
        min-height: 24px;
    }
}


@media (min-width: 1200px) {
    .decor-form-section .bg, .decor-info-section .bg, .countdown-section .bg {
        width: 200% !important;
    }
}




@media (min-width: 1660px) {
    .countdown-section.green-theme .decor-img {
        left: 15%;
    }
}
@media (min-width: 1440px) {
    .countdown-section.green-theme .decor-img {
        left: 10%;
    }
}

@media (max-width: 768px) {
    .countdown-section.green-theme .decor-img {
        left: 40%;
    }
    .team-list > .normal:nth-child(odd) {
        padding-right: 0px !important;
      }
      
      .team-list > .normal:nth-child(even) {
        padding-left: 0px !important;
      }
}

@media (max-width: 767px) {
    .page-id-3 .container{
        padding: 0 15px !important;
    }
}

.decor-bereibaarheid-section p, .decor-bereibaarheid-section-section .p, .decor-bereibaarheid-section h2, .decor-bereibaarheid-section a:not(.btn), .decor-bereibaarheid-section li{
    color: #00411d !important;
}