/*
Theme Name: Winstgevers Thema
Theme URI: https://www.winstgevers.nl
Template: astra
Author: Davy Schouw
Author URI: https://www.winstgevers.nl
Description: Winstgevers
Tags: Winstgevers
Version: 4.1.3.1682087290
Updated: 2023-04-21 14:28:10

*/
@font-face {
    font-family: 'Le More';
    src: url('/wp-content/themes/astra-child/fonts/lemore.otf');
}
@font-face {
    font-family: 'Le More Serif';
    src: url('/wp-content/themes/astra-child/fonts/lemore-serif.ttf');
}
html
{
    overflow-x: hidden;
}

.ehf-header #masthead .nonstickyheader{
    margin-top: 80px;
}

.ehf-header #masthead .stickyheader{
    z-index: 99;
    position: fixed;
    top: 0;
    width: 100%;
}
.elementor-button-text{
    font-family: "futura-pt", sans-serif;
    font-weight: 600;
    font-style: normal;
}
.siteselector li, ul.submenu-jh{
    font-family: "futura-pt", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
}
.submenu-jh a[href*="/vacatures/"]{
    font-weight: 700;
}
.futura{
    font-family: "futura-pt", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.siteselector li span.selected, h1, .cta-image figcaption{
    font-family: "futura-pt", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
}
.siteselector li span.elementor-icon-list-text{
    margin: 15px 0px;
}
.siteselector li span.selected{
    border: 1px solid black;
    padding: 10px !important;
}
.basic{
    font-size: 45px;
    color: #9EA63B;
    font-family: "Le More Serif", sans-serif;
    font-weight: 400 !important;
    font-style: normal;
    margin-left: -50px;
}
.basic2{
    font-size: 45px;
    color: black;
    font-family: "Le More Serif", sans-serif;
    font-weight: 400 !important;
    font-style: normal;
    margin-left: -30px;
}
.basic3{
    font-size: 45px;
    color: #FFFFFF;
    font-family: "Le More Serif", sans-serif;
    font-weight: 400 !important;
    font-style: normal;
    margin-left: -30px;
}
.lemore1, .lemore2{
    font-family: "Le More", sans-serif;
    font-weight: 400 !important;
    font-style: normal;
}
.lemore-serif1, .lemore-serif2{
    font-family: "Le More Serif", sans-serif;
    font-weight: 400 !important;
    font-style: normal;
}
.lemore-serif1{
    color: #373634;
}
.lemore-serif2{
    color: #FFFFFF;
}
.lemore1{
    color: #373634;
}
.lemore2{
    color: #FFFFFF;
}
h2 span{
    color: #373634;
}

h5, .lemore-serif{
    font-family: "Le More Serif", sans-serif;
    font-weight: 400 !important;
    font-style: normal;
}
h5 span{
    color: #373634;
}
h6, .lemore{
    font-family: "Le More", sans-serif;
    font-weight: 400 !important;
    font-style: normal;
}
.groenblok a{
    color: black;
    text-decoration: underline;
    font-weight: 700;
}
.groenblok a:hover{
    color: #AC2FD9;
    text-decoration: underline;
    font-weight: 700;
}
.topmenu nav li.current-menu-item{
    border: 1px solid #373634;
}
.megamenu-container{
    display: none;
    position: fixed;
    top: 95px;
    right: -2000px;
    opacity: 0;
    z-index: 9999;
}
.megamenu-container .search-submit{
    display: none;
}
.megamenu-container .mobiel-menu .hfe-menu-item{
    font-family: "futura-pt", sans-serif;
}
.mobiel-menu .sub-menu.sub-menu-open .menu-item.menu-item-type-post_type.menu-item-object-page.hfe-creative-menu a{
    font-family: "futura-pt", sans-serif;
}
input[type=email], input[type=number], input[type=password], input[type=reset], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    color: #333538;
    border-color: #333538;
    border-radius: 0px;
    background: #FDFAF4;
    font-family: futura-pt;
}
.megamenu{
    display: flex;
    flex-direction: row;
    justify-content: left;
}
.megamenu ul.hoofdmenu{
    width: 200px;
    border-right: 1px solid #333538;
}
.megamenu ul.submenu{
    padding-left: 60px;
    padding-right: 60px;
    width: 300px;
    border-right: 1px solid #333538;
}
.megamenu ul{
    margin: 0;
    font-family: "futura-pt";
    list-style-type: none;
    font-size: 20px;
    line-height: 40px;
    text-transform: uppercase;
}
.megamenu ul li{
    position: relative;
}
.megamenu ul li a{
    color: #333538;
    transition-duration: 0.2s;
}
.megamenu ul li:before {
    content: "◼";
    font-size: 25px;
    vertical-align: middle;
    color: #9EA63B;
    position: absolute;
    left: -5px;
    opacity: 0;
    transition-duration: 0.2s;
}
.megamenu ul li:hover:before {
    opacity: 1;
}
.megamenu ul li a:hover, .megamenu ul li a:focus{
    font-weight: bold;
    margin-left: 20px;
}
.submenu{
    opacity: 0;
    transition-duration: 0.2s;
}
.menuimage-holder img{
    width: 300px;
    height: 300px;
    object-fit: cover;
    object-position: center;
}
h1 span{
    color: white;
}
.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {
    text-decoration: none;
}
.ast-single-post .entry-content a:not(.elementor-button, a.elementor-element.elementor-element-8ef12f3.e-con-full.e-flex.e-con, .elementor-element.elementor-element-55f8568.e-con-full.e-flex.e-con){
    font-weight: bold;
    color: black;
    text-decoration: underline;
}
.ast-single-post .entry-content a:hover{
    color: #c255ef;
}
ul.submenu-jh{
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
ul.submenu-jh li{
    list-style-type: none;
}
ul.submenu-jh li::before{
    content: "◼";
    font-size: 25px;
    vertical-align: middle;
    color: #9EA63B;
}
ul.submenu-jh a{
    color: #373634;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #9EA63B;
    margin: 0 -.25rem;
    padding: 0 .25rem;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}
ul.submenu-jh a:hover{
    box-shadow: inset 200px 0 0 0 #9EA63B;
    color: white;
}
.movie-hero .e-con-inner{
    margin-top: -40px;
    margin-bottom: -100px;
}
.multiply{
    mix-blend-mode: multiply;
}
.cta-image a{
    display: block !important;
}
.cta-image-2 img{
    transform: scale(0.85);
}
.cta-image:hover img{
    transform: scale(0.85);
}
.cta-image img{
    transition-duration: 500ms;
}
.cta-image figcaption:after{
    content: "";
    display: inline-flex;
    background-image: url('/wp-content/themes/astra-child/img/arrow-left.svg');
    background-size: 100px 130px;
    height: 100px;
    width: 100px;
    margin-left: 20px;
}
.cta-image figcaption{
    text-align: left;
    font-size: 100px;
    line-height: 0px;
    position: absolute;
    bottom: 0;
    left: 20px;
}
.cta-image .elementor-widget-container{
    background-color: rgba(255,255,255,0.65);
    background-blend-mode: lighten;
}

/* Daktuin V2 video fix */
.insta-video .e-hosted-video{
    --video-aspect-ratio: 0.725 !important;
}


/*CUSTOM CARROUSEL*/
.swiper-slide{
    width: fit-content;
}
div.elementor-image-carousel.swiper-wrapper{
    width: 100%;
}
.swiper-container-imagefeed{
    padding: 1200px 0px 0px 687px;
    position: relative;
    width: 100%;
}

.swiper-slide-1{
    position: absolute;
    top: 72%;
    left: 44.2%;
    z-index: 1;   
    animation: fly-in2 1s ease 0.1s 1 forwards;
} 
.swiper-slide-2{
    position: absolute; 
    top: 9%;
    left: 53%;
    z-index: 1;
    animation: fly-in 1.1s ease 0.1s 1 forwards;
}
.swiper-slide-3{
    position: absolute;
    top: 41%;
    left: 65.7%;
    z-index: 1;
    animation: fly-in2 2.5s ease 0.1s 1 forwards;
}
.swiper-slide-4{
    position: absolute;
    top: 33%;
    left: 44.6%;
    z-index: 1;
    animation: fly-in 1.5s ease 0.1s 1 forwards;
}
.swiper-slide-5{
    position: absolute;
    top: 78%;
    left: 27.3%;
    animation: fly-in 1.3s ease 0.1s 1 forwards;
}
.swiper-slide-6{
    position: absolute;
    top: 71.3%;
    left: 46.9%;
    animation: fly-in2 1.8s ease 0.1s 1 forwards;
}
.swiper-slide-7{
    position: absolute;
    left: 54.5%;
    top: 47%;
    animation: fly-in 1.9s ease 0.1s 1 forwards;
}
.swiper-slide-8{
    position: absolute;
    left: 43%;
    top: 46%;
    animation: fly-in2 2.6s ease 0.1s 1 forwards;
}
.swiper-slide-9{
    position: absolute;
    left: 49%;
    top: 15%;
    animation: fly-in 2s ease 0.1s 1 forwards;
}
.swiper-slide-10{
    position: absolute;
    top: 19%;
    left: 43.2%;
    animation: fly-in2 2.2s ease 0.1s 1 forwards;
}
.swiper-slide-11{
    position: absolute;
    top: 19%;
    left: 65.5%;
    animation: fly-in 1.6s ease 0.1s 1 forwards;
}
.swiper-slide-12{
    position: absolute;
    left: 32.2%;
    top: 66%;
    animation: fly-in2 2.1s ease 0.1s 1 forwards;
}
.swiper-slide-13{
    position: absolute;
    left: 56%;
    top: 2%;
    animation: fly-in 1.4s ease 0.1s 1 forwards;
}
.swiper-slide-14{
    position: absolute;
    left: 64%;
    top: 5%;
    animation: fly-in2 2.3s ease 0.1s 1 forwards;
}
.swiper-slide-1 img{
    width: 58px;
    animation: floating3 20s ease-in-out infinite;
}
.swiper-slide-2 img{
    width: 72px;
    animation: floating 20s ease-in-out infinite;
}
.swiper-slide-3 img{
    width: 73px;
    animation: floating3 20s ease infinite;
}
.swiper-slide-4 img{
    width: 113px;
    animation: floating 20s ease-in-out infinite;
}
.swiper-slide-5 img, .swiper-slide-6 img{
    width: 136px;
    animation: floating2 20s ease-in-out infinite;
}
.swiper-slide-7 img{
    width: 494px;
    animation: floating2 20s ease infinite;
}
.swiper-slide-8 img{
    width: 312px;
    animation: floating 20s ease-in-out infinite;
}
.swiper-slide-9 img{
    width: 448px;
    animation: floating2 20s ease-in-out infinite;
}
.swiper-slide-10 img{
    width: 174px;
    animation: floating3 20s ease-in-out infinite;
}
.swiper-slide-11 img{
    width: 136px;
    animation: floating 20s ease-in-out infinite;
}
.swiper-slide-12 img{
    width: 312px;
    animation: floating2 20s ease-in-out infinite;
}
.swiper-slide-13 img{
    width: 212px;
    animation: floating3 20s ease-in-out infinite;
}
.swiper-slide-14 img{
    width: 149px;
    animation: floating 20s ease-in-out infinite;
}
@media only screen and (max-width: 1550px) {
    .swiper-container-imagefeed{
        padding: 800px 0px 0px 687px;
        margin: 300px -166px 0px 105px;
    }
}
@media only screen and (max-width: 1930px) {
    .swiper-container-imagefeed{
        padding: 930px 0px 0px 687px;
        margin: 280px 0px 135px 220px;
    }
}
@media only screen and (min-width: 1931px) {
    .swiper-container-imagefeed{
        margin-left: 50px;
        margin-top: 270px;
        padding: 500px;
    }
}
@media only screen and (min-width: 2559px)  {
    article#post-1001 div.elementor-image-carousel-wrapper.swiper div.elementor-image-carousel.swiper-wrapper{
        margin-left: 330px;
    }
    .swiper-container-imagefeed{
        margin-top: 275px;
        padding: 600px;
    }
}
@media only screen and (min-width: 3839px)  {
    article#post-1001 div.elementor-image-carousel-wrapper.swiper div.elementor-image-carousel.swiper-wrapper{
        margin-left: 940px;
    }
}
@keyframes fly-in {
    0% {
      transform: translateY(100px);
      opacity: 0;
    }

    100% {
      transform: translateY(0);
        opacity: 1;
    }
  }
  @keyframes fly-in2 {
    0% {
      transform: translateY(50px);
      opacity: 0;
    }

    100% {
      transform: translateY(0);
        opacity: 1;
    }
  }
  @keyframes floating {
    0% {
      transform: translateY(0);
    }
    20% {
      transform: translateY(3px);
    }
    40% {
      transform: translateY(0);
    }
    60% {
      transform: translateY(-3px);
    }
    80% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(0);
    }
  }
  @keyframes floating2 {
    0% {
      transform: translateY(0);
    }
    10% {
      transform: translateY(-3px);
    }
    30% {
      transform: translateY(0);
    }
    50% {
      transform: translateX(-5px);
    }
    70% {
      transform: translateX(0);
    }
    90% {
      transform: translateX(5px);
    }
    100% {
      transform: translateX(0);
    }
  }
  @keyframes floating3 {
    0% {
      transform: translateX(0);
    }
    10%{
        transform: translateX(2px);
    }
    20% {
      transform: translateX(0);
    }
    30% {
      transform: translateX(-2px);
    }
    40% {
      transform: translateX(0);
    }
    50% {
      transform: translateY(0);
    }
    60% {
      transform: translateY(-2px);
    }
    70% {
      transform: translateY(0);
    }
    80% {
      transform: translateY(2px);
    }
    90% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(0);
    }
    
  }
  .ast-container{
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}
/* Nieuwsoverzicht V2  */
.recent-nieuws-hero{
    display: block;
    text-decoration: none;
}

.recent-nieuws-hero__image{
    min-height: 280px;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: flex-end;
}

.recent-nieuws-hero__overlay{
    width: 100%;
    padding: 24px 20px 18px;
    background: linear-gradient(to top, rgba(0,0,0,.45), rgba(0,0,0,0));
}

.recent-nieuws-hero__title,
.recent-nieuws-hero__title span{
    margin: 0;
    color: #fff;
    font-family: "futura-pt", sans-serif;
    font-size: 26px;
    font-weight: 500;
}

.recent-nieuws-hero__arrow{
    display: inline-block;
    margin-left: 6px;
}

.image-gallery-v2 .project-cats{
    margin-bottom: 24px;
}
.image-gallery-v2 .project-cats label,
.image-gallery-v2 .project-cats .cat-all{
    font-family: "futura-pt", sans-serif;
    font-size: 18px;
}
.image-gallery-v2 .project-cats label.checked,
.image-gallery-v2 .project-cats .cat-all.checked{
    color: white;
    background-color: #9EA63B;
}

.blog-gallery-v2{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 50px;
}
.blog-gallery-v2 a{
    text-decoration: none;
    height: fit-content;
}
.blog-gallery-v2 a .blog-item{
    display: flex;
    flex-direction: row;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    transition: all 0.3s ease-in-out;
}
.blog-gallery-v2 a:hover .blog-item{
    transform: translateY(-6px);
    box-shadow: rgba(0, 0, 0, 0.28) 0px 10px 20px;
}
.blog-gallery-v2 a .blog-item .blog-links{
    width: 37%;
}
.blog-gallery-v2 a .blog-item .blog-links img{
    height: 100%;
    object-fit: cover;
}
    

.blog-gallery-v2 a .blog-item .blog-rechts{
    width: 63%;
    padding: 60px 24px;
    background-color: white;
    position: relative;
}
.blog-gallery-v2 a .blog-item .blog-rechts h3{
    font-size: 20px;
    color: #9EA63B;
    font-family: "futura-pt", sans-serif;
    font-weight: 700;
    min-height: 52px;
}
.blog-gallery-v2 a .blog-item .blog-rechts p{
    font-family: "futura-pt", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #525252;
    margin: 0;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-gallery-v2 a .blog-item .blog-rechts svg{
    position: absolute;
    bottom: 24px;
    right: 24px;
}

/*TABLET - PORTRAIT*/
@media only screen and (max-width: 1024px) {
    .blog-gallery-v2{
        gap: 30px;
    }
    .blog-gallery-v2 a .blog-item .blog-links img{
        height: 200px;
    }
    .blog-gallery-v2 a .blog-item .blog-rechts{
        padding: 36px 24px;
    }
}

/*TABLET - LANDSCAPE*/
@media only screen and (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) {
    
}

/*MOBILE*/
@media only screen and (max-width: 600px) {
    .blog-gallery-v2{
        grid-template-columns: 1fr;
        width: 100vw;
    }
    .blog-gallery-v2 a{
        width: 95vw;
    }
    .blog-gallery-v2 a .blog-item{
        flex-direction: column;
    }
    .blog-gallery-v2 a .blog-item .blog-links,
    .blog-gallery-v2 a .blog-item .blog-links img{
        width: 100%;
        height: 275px;
    }
    .blog-gallery-v2 a .blog-item .blog-rechts{
        width: 100%;
    }
    .recent-nieuws-hero{
        padding: 10px;
        margin-top: 85px;
    }
}

/* Einde Nieuwsoverzicht V2  */

/*NIEUWSBERICHTEN*/
.display-posts-listing{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px 30px;
}
.listing-item{
    display: flex;
    flex-direction: column;
    border: 1px solid #E3E3E3;
    transition: all 0.3s ease-in-out;
}
.display-posts-listing .listing-item a img {
    width: 100%;
    order: 1;
    height: 302px;
    object-fit: cover;
}
.display-posts-listing .listing-item a.title {
    font-size: 20px;
    line-height: 28px;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    text-decoration: none;
    font-weight: bold;
}
.display-posts-listing .listing-item .excerpt {
    margin: 20px;
    font-size: 18px;
    line-height: 26px;
}
.display-posts-listing .listing-item .excerpt p.read-more{
    font-weight: bold;
}
.blog-paging{
    display: flex;
    gap: 10px;
    margin-top: 15px;
}
.blog-paging a{
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid black;
    text-decoration: none !important;
}
.blog-paging a:hover{
    background: #9EA63B;
    border: 1px solid #9EA63B;
    color: white !important;
}
.blog-paging a.this-page{
    background: #9EA63B;
    border: 1px solid #9EA63B;
    color: white !important;
}
.blog-content-container #primary #main article .entry-header h1.entry-title{
    font-family: 'Roboto', sans-serif;
    color: #9EA63B;
}   
.blog-content-container #primary #main article .entry-header h1.entry-title span{
    color: #9EA63B;
}
/*EINDE NIEUWSBERICHTEN*/

/*PROJECT OVERZICHT*/
#calendar-gallery .swiper-container .swiper-wrapper{
    display: flex;
}
#calendar-gallery .swiper-container .swiper-wrapper .calendar-item{
    width: 345px;
}
#calendar-gallery .swiper-container .swiper-wrapper .calendar-item a{
    width: 345px;
}

/* vacancy fix */
#vacancy-gallery .swiper-wrapper{
    display: inline-flex;
}
#vacancy-gallery .swiper-wrapper .calendar-item{
    width: 345px;
}
#vacancy-gallery .swiper-wrapper .calendar-item a{
    width: 345px;
}



.calendar-gallery .calendar-item{
    width: 25%;
    margin: 5px;
}
.calendar-gallery .swiper-container{
    /*overflow: hidden;*/
}
#calendar-gallery
{
    overflow-x: visible !important;
}
.calendar-item a{
    display: block;
    width: 100%;
    height: 500px;
    text-decoration: none !important;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.calendar-gallery .calendar-item a .calendar-title{
    opacity: 0;
    transition-duration: 500ms;
    color: white;
    font-family: "futura-pt", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 32px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    line-height: 45px;
    word-break: break-word;
}
.calendar-gallery .calendar-item a .calendar-title .calendar-subtitle{
    font-size: 18px;
}
.calendar-gallery .calendar-item a:before{
    opacity: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, transparent 70%, black 100%);
    transition-duration: 500ms;
}
.calendar-gallery .calendar-item .calendar-title:after{
    opacity: 0;
    content: "";
    display: inline-flex;
    background-image: url(/wp-content/themes/astra-child/img/arrow-left.svg);
    background-size: 75px 20px;
    height: 26px;
    background-repeat: no-repeat;
    width: 75px;
    margin-left: 0px;
}
.calendar-item:hover,
.calendar-item.swiper-slide-active {
    z-index: 1;
}
.calendar-item:hover a,
.calendar-item.swiper-slide-active{
    transform: scale(1.1);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.text-on .calendar-gallery .calendar-item a .calendar-title,
.calendar-gallery .calendar-item a:before,
.calendar-gallery .calendar-item .calendar-title:after{
    opacity: 1 !important;
}
.calendar-item.swiper-slide-active a .calendar-title,
.calendar-gallery .calendar-item.swiper-slide-active a:before,
.calendar-gallery .calendar-item.swiper-slide-active .calendar-title:after{
    opacity: 1 !important;
}
.calendar-gallery .calendar-item:hover a:before,
.calendar-item.swiper-slide-active a:before{
    opacity: 1;
}
.calendar-gallery .calendar-item:hover .calendar-title,
.calendar-item.swiper-slide-active .calendar-title{
    opacity: 1;
}
.calendar-gallery .calendar-item:hover .calendar-title:after,
.calendar-item.swiper-slide-active .calendar-title:after {
    opacity: 1;
}

.breadcrumbheader .divider{
    width: 30px;
    display: inline-block;
    position: relative;
}
.breadcrumbheader .divider:after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.806' height='17.583' viewBox='0 0 9.806 17.583'%3E%3Cg id='Group_72' data-name='Group 72' transform='translate(-227.939 -169.69)'%3E%3Cline id='Line_10' data-name='Line 10' x2='7.685' y2='7.545' transform='translate(229 170.751)' fill='none' stroke='%23333538' stroke-linecap='square' stroke-width='1.5'/%3E%3Cline id='Line_11' data-name='Line 11' x2='7.685' y2='7.545' transform='translate(229 186.212) rotate(-90)' fill='none' stroke='%23333538' stroke-linecap='square' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
    position: absolute;
    top: -15px;
    left: 10px;
}
.breadcrumbheader{
    text-transform: uppercase;
}
.swipebuttons{
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-end;
    margin-bottom: 20px;
}
.swipebuttons .elementor-swiper-button svg{
    transform: scale(0.8);
}
.swipebuttons .elementor-swiper-button{
    width: 50px;
    height: 50px;
    border: 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    transition-duration: 0.5s;
    cursor: pointer;
}
.swipebuttons .elementor-swiper-button.swiper-button-disabled{
    opacity: 0.3;
}
.dark .swipebuttons .elementor-swiper-button {
    border: 1px solid #FDFAF4;
    cursor: pointer;
}
.dark svg line{
    stroke: #FDFAF4;
}
.hover-grow:hover{
    transform: scale(1.2);
    z-index: 1;
}
.entry-meta{
    display: none;
}
/*PROJECT DETAIL*/
.swiper-pagination-bullet {
    background: none;
    border: 1px solid black;
    opacity: .2;
}
.swiper-pagination-bullet-active{
    background: #9EA63B;
    border: 1px solid #9EA63B;
    opacity: 1;
}
.elementor-380 .elementor-element.elementor-element-c07c1ae .swiper-pagination-bullet{
    width: 16px;
    height: 16px;
}
.elementor-element .swiper-container .swiper-horizontal>.swiper-pagination-bullets, .elementor-element .swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-element .swiper-container .swiper-pagination-custom, .elementor-element .swiper-container .swiper-pagination-fraction, .elementor-element .swiper-container~.swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-element .swiper-container~.swiper-pagination-custom, .elementor-element .swiper-container~.swiper-pagination-fraction, .elementor-element .swiper .swiper-horizontal>.swiper-pagination-bullets, .elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-element .swiper .swiper-pagination-custom, .elementor-element .swiper .swiper-pagination-fraction, .elementor-element .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-element .swiper~.swiper-pagination-custom, .elementor-element .swiper~.swiper-pagination-fraction, .elementor-lightbox .swiper-container .swiper-horizontal>.swiper-pagination-bullets, .elementor-lightbox .swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper-container .swiper-pagination-custom, .elementor-lightbox .swiper-container .swiper-pagination-fraction, .elementor-lightbox .swiper-container~.swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper-container~.swiper-pagination-custom, .elementor-lightbox .swiper-container~.swiper-pagination-fraction, .elementor-lightbox .swiper .swiper-horizontal>.swiper-pagination-bullets, .elementor-lightbox .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper .swiper-pagination-custom, .elementor-lightbox .swiper .swiper-pagination-fraction, .elementor-lightbox .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper~.swiper-pagination-custom, .elementor-lightbox .swiper~.swiper-pagination-fraction{
    bottom: -10px;
}
.greenbar{
    background: linear-gradient(
            to bottom,
            #FDFAF4 20%,
            #9EA63B 20% 80%,
            #FDFAF4 80%
    );
}

.carrouselpijlen .elementor-widget-container .elementor-swiper-button.elementor-swiper-button-next{
    margin-right: -50px;
}
.carrouselpijlen .elementor-widget-container .elementor-swiper-button.elementor-swiper-button-prev{
    margin-left: -50px;
}
/*PROJECT TEGELS*/
.project-overview{
    display: grid;
    gap: 40px 10px;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: left;
    margin-top: 50px;
}

.project-item a{
    display: block;
    width: 100%;
    height: 610px;
    text-decoration: none !important;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.project-overview .project-item a .title{
    transition-duration: 500ms;
    color: white;
    font-family: "futura-pt", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 40px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    line-height: 45px;
}
.project-overview .project-item a .calendar-title .calendar-subtitle{
    font-size: 18px;
}
.project-overview .project-item a:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, transparent 70%, black 100%);
    transition-duration: 500ms;
}
.project-overview .project-item .title:after{
    content: "";
    display: inline-flex;
    background-image: url(/wp-content/themes/astra-child/img/arrow-left.svg);
    background-size: 75px 20px;
    height: 26px;
    background-repeat: no-repeat;
    width: 75px;
    margin-left: 0px;
}
.project-item:hover {
    z-index: 1;
}
.project-item:hover a {
    transform: scale(1.1);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.loadmore.projectbutton{
    color: #373634;
    border-color: #373634;
    margin-top: 30px;
}
.project-tiles .elementor-widget-container{
    text-align: center;
}
.loadmore.projectbutton:hover{
    color: white;
}
.loadmore.projectbutton:focus{
    color: white;
}
.project-cats{
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 5px;
    margin-bottom: 10px;
}
.project-cats label,
.project-cats .cat-all{
    border: 1px solid;
    cursor: pointer;
    padding: 5px;
    transition-duration: .2s;
    font-weight: bold;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 18px;
}
.project-cats label:hover,
.project-cats .cat-all:hover{
    background: #9EA63B;
    border-color: white;
    color: white;
}
.project-cats label.checked,
.project-cats .cat-all.checked{
    border-color: #9EA63B;
    color: #9EA63B;
    background: #FDFAF4;
}
form.project-cats input[type=checkbox]{
    display: none ;
}
/*FORMULIEREN*/
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea{
    background: transparent;
    color: white;
    font-weight: bold;
    font-family: futura-pt;
    font-size: 18px !important;
    border: none;
    border-bottom: 2px solid white;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
}
::-ms-input-placeholder { /* Microsoft Edge */
    color: white;
}
.gform_wrapper input:not([type=submit]):focus, .gform_wrapper select:focus, .gform_wrapper textarea:focus{
    border-color: #9EA63B !important;
    background: transparent !important;
}
.gform_drop_instructions, .gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .ginput_complex label{
    color: white;
    font-family: futura-pt;
    font-size: 16px;
}
.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button, body .wp-block-file .wp-block-file__button, .search .search-submit, .woocommerce a.button, .woocommerce button.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce input.button.alt, .woocommerce input.button, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit, .woocommerce button.button.alt.disabled, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .wc-block-grid__product-onsale, [CLASS*="wc-block"] button, .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping), .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons a.checkout, .woocommerce button.button.alt.disabled.wc-variation-selection-needed{
    border-color: white;
    border-width: 2px;
    color: white;
    font-family: futura-pt;
    font-weight: bold;
    font-size: 18px;
    background-color: transparent;
}
.gform_drop_area {
    border: 2px dashed white !important;
    border-radius: 0px !important;
}
button:focus, .menu-toggle:hover, button:hover, .ast-button:hover, .ast-custom-button:hover .button:hover, .ast-custom-button:hover, input[type=reset]:hover, input[type=reset]:focus, input#submit:hover, input#submit:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus, body .wp-block-file .wp-block-file__button:hover, body .wp-block-file .wp-block-file__button:focus, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce .woocommerce-message a.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce button.button.alt.disabled:hover, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover, [CLASS*="wc-block"] button:hover, .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping):hover, .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons a.checkout:hover, .woocommerce button.button.alt.disabled.wc-variation-selection-needed:hover{
    background-color: #333538;
    border-color: #333538;
}
input#gform_submit_button_2.gform_button.button:hover{
    color: white;
}
.navigation.post-navigation{
    display: none;
}
.search-field::placeholder {
    color: black;
}
#gform_11 #gform_submit_button_11{
    color: white;
}
.darkform .gform_wrapper input{
    border-color: #373634;
    color: #373634;
}
.darkform .gform_wrapper.gravity-theme input[type=color],
.darkform .gform_wrapper.gravity-theme input[type=date],
.darkform .gform_wrapper.gravity-theme input[type=datetime-local],
.darkform .gform_wrapper.gravity-theme input[type=datetime],
.darkform .gform_wrapper.gravity-theme input[type=email],
.darkform .gform_wrapper.gravity-theme input[type=month],
.darkform .gform_wrapper.gravity-theme input[type=number],
.darkform .gform_wrapper.gravity-theme input[type=password],
.darkform .gform_wrapper.gravity-theme input[type=search],
.darkform .gform_wrapper.gravity-theme input[type=tel],
.darkform .gform_wrapper.gravity-theme input[type=text],
.darkform .gform_wrapper.gravity-theme input[type=time],
.darkform .gform_wrapper.gravity-theme input[type=url],
.darkform .gform_wrapper.gravity-theme input[type=week],
.darkform .gform_wrapper.gravity-theme select,
.darkform .gform_wrapper.gravity-theme textarea{
    border-color: #373634;
    color: #373634;
}

.darkform .gform_wrapper input:not([type=submit]),
.darkform .gform_wrapper select,
.darkform .gform_wrapper textarea{
    border-color: #373634;
}

/*BLOG / NIEUWS DETAILPAGINA*/
.blog-background{
    background-size: cover;
    background-position: center;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.blog-background .blog-container{
    width: 1380px;
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
}
.blog-background .blog-container h1{
    color: #00000000;
    font-size: 80px;
    line-height: 80px;
    -webkit-text-stroke-width: 1px;
    stroke-width: 1px;
    -webkit-text-stroke-color: #FFFFFF;
    stroke: #FFFFFF;
    width: 980px;
}
.ast-container.blog-content-container #comments{
    display: none;
}
.single-post h2.news-title{
    font-family: "futura-pt";
}
.single-post h2{
    margin-left: 50px;
}
.single-post h2 span.lemore1{
    font-size: 60px;
    line-height: 45px;
}

.single-post p, .single-post ul, .single-post h2{
    font-family: "futura-pt";
    font-weight: 500;
}
/*MOBILE*/
@media only screen and (max-width: 600px) {
    .single-post h2 span.lemore1{
        font-size: 50px;
        line-height: 45px;
    }
    .single-post h2 span.lemore1 .basic{
        font-size: 28px;
    }
}
.single-post .site-content{
    background-color: #FDFAF5;
}
h1.news-title{
    font-family: "futura-pt", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    font-size: 80px;
    color: white;
    line-height: 70px;
}
h1.news-title span{
    color: #00000000;
    font-size: 80px;
    -webkit-text-stroke-width: 1px;
    stroke-width: 1px;
    -webkit-text-stroke-color: #FFFFFF;
    stroke: #FFFFFF;
    color: white;
}
h2.news-title-h1{
    color: #9EA63B;
    font-size: 2rem;
}
.blog-content-container a.terug{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    font-family: "futura-pt", sans-serif;
    font-weight: 500;
    font-size: 18px;
    text-decoration: none !important;
    color: #9EA63B;
}
.blog-post-navigation{
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: white;
    border: 1px solid #D1D5DB;
    border-radius: 4px;
    width: fit-content;
    margin: 0 auto;
}
.blog-post-navigation .blog-post-navigation__prev,
.blog-post-navigation .blog-post-navigation__next{
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    text-decoration: none !important;
    color: #9EA63B;
    font-family: "futura-pt", sans-serif;
    font-weight: 700;
}
.blog-post-navigation .blog-post-navigation__prev a,
.blog-post-navigation .blog-post-navigation__next a{
    padding: 6px 12px;
}
.blog-post-navigation .blog-post-navigation__prev a:hover,
.blog-post-navigation .blog-post-navigation__next a:hover{
    color: #9EA63B;
}
.blog-post-navigation .blog-post-navigation__prev{
    /* padding: 6px 12px; */
}
.blog-post-navigation .blog-post-navigation__next{
    /* padding: 6px 12px; */
    border-left: 0.5px solid black;
}
.blog-post-navigation-blocks{
    margin-bottom: 33px;
}
.blog-post-navigation-blocks a .blog-item .blog-rechts{
    padding: 40px 24px;
}
.blog-post-navigation-blocks a .blog-item .blog-rechts h3{
    min-height: 53px;
}
/*TABLET - PORTRAIT*/
@media only screen and (max-width: 1024px) {
    .blog-background .blog-container{
        width: 100% 
    }
    .blog-background .blog-container h1 span{
        font-size: 70px;
        line-height: 70px;
    }
}

/*TABLET - LANDSCAPE*/
@media only screen and (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) {
    .blog-background .blog-container{
        width: 100% 
    }
}

/*MOBILE*/
@media only screen and (max-width: 600px) {
    .blog-background .blog-container{
        width: 100% 
    }
    .blog-background .blog-container h1{
        width: 100%;
    }
    .blog-background .blog-container h1.news-title span{
        font-size: 44px;
        line-height: 44px;
    }
    .blog-post-navigation-blocks{
        grid-template-columns: 1fr;
    }
    .blog-content-container .primary .site-main{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}



#gform_3 .gform_next_button, #gform_3 #gform_submit_button_3, #gform_6 .gform_next_button, #gform_6 #gform_submit_button_6{   
    background-color: #AC2FD9 !important;
    color:#FFFFFF  !important;
    font-family: "futura-pt", sans-serif !important;
    padding: 10px 30px !important;
    border-color: #333538   !important;

}
#gform_wrapper_3, #gform_wrapper_6{
    background-color: #FFFFFF;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    padding: 25px;
    margin-top: -75px;
}
#gform_3 .gform_previous_button, #gform_6 .gform_previous_button{
    border: #AC2FD9 solid 3px;
    color:#525252 !important ;
    background-color: #FFFFFF;
    font-family: "futura-pt", sans-serif !important;
    padding: 10px 30px;
}

#gform_3 .gform_previous_button:hover, #gform_6 .gform_previous_button:hover {
    border-color: #525252 !important;
}
#gform_3 .gform_next_button:hover, #gform_6 .gform_next_button:hover{
    background-color: #525252;
}
#gform_3 .gchoice:not(.gchoice_3_15_1), #gform_6 .gchoice:not(.gchoice_6_15_1){
    min-width: 100%;
    min-height: 75px;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 10px !important;
    border-radius: 8px;
    padding-left: 3%;
}
#gform_3 .gfield-choice-input:not(#choice_3_15_1), #gform_6 .gfield-choice-input:not(#choice_6_15_1){
    width: 25PX !important;
    height: 25px !important;
    background-color: white;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #000000;
    appearance: none;
    outline: none;
    cursor: pointer;
    padding: 10px;
    margin-right: 3% !important;
}
#gform_3 .gfield-choice-input[type="radio"]:checked, #gform_6 .gfield-choice-input[type="radio"]:checked{
    background-color: #9EA63B !important;
    border: 1px solid #9EA63B !important;
}
#gf_progressbar_wrapper_3 > .gf_progressbar_title, #gf_progressbar_wrapper_6 > .gf_progressbar_title {
    font-family: "futura-pt", sans-serif;
    font-weight: 700;
    color: #000000;
    font-size: 20px;
}
#gform_3 .gform-field-label, #gform_6 .gform-field-label{
    width: 85%;
    font-weight: 700;
}
#gform_3 #input_3_20{
    border-bottom: 2px solid #9EA63B;
}
#gform_drag_drop_area_3_76 .gform_drop_instructions, #gform_drag_drop_area_6_76 .gform_drop_instructions{
    font-family: "futura-pt", sans-serif;
    font-weight: 700;
    color: #525252;
    font-size: 20px;
}
#gform_drag_drop_area_3_76 #gform_browse_button_3_76, #gform_drag_drop_area_6_76 #gform_browse_button_6_76{
    color: #525252;
    border: 2px solid #525252;
}
#gform_drag_drop_area_3_76 #gform_browse_button_3_76:hover, #gform_drag_drop_area_6_76 #gform_browse_button_6_76:hover{
    background-color: #525252;
    color: white;
}
#gform_3 .gchoice.gchoice_3_77_4{
    display: block;
    min-height: 110px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 3%;
}
#gform_3 .gchoice.gchoice_3_77_4 #input_3_77_other{
    min-height: 43px;
    color: black;
    width: 100%;
    text-align: left;
    border-bottom: 2px solid #9EA63B;
    font-size: 14px !important;
}
#gform_3 .gchoice.gchoice_3_77_4 input{
    margin-right: 0;
}
#gform_3 #input_3_33, #gform_6 #input_6_33{
    border: 1px solid black;
    color: black;
}
#gform_3 #gform_page_3_9 .ginput_container_text input, #gform_3 #gform_page_3_9 .ginput_container_email input, #gform_3 #gform_page_3_9 .ginput_container_phone input,
#gform_6 #gform_page_6_5 .ginput_container_text input, #gform_6 #gform_page_6_5 .ginput_container_email input, #gform_6 #gform_page_6_5 .ginput_container_phone input
{
    border: 1px solid #525252;
    color: #000000 !important;
}
#gform_3 .gfield_checkbox .gchoice input[type="checkbox"]:checked{
    background-color: #9EA63B !important;
    border: 1px solid #9EA63B !important;
}
#gform_3 #field_3_48 .ginput_container.ginput_container_text #input_3_48{
    border: 1px solid black;
    color: black !important;
}
#gform_3 #field_3_20 .ginput_container.ginput_container_number #input_3_20, #gform_6 #field_6_74 .ginput_container.ginput_container_number #input_6_74{
    border: 1px solid black;
    color: black;
}
#input_6_68_other{
    display: none;
}
input_6_33
#gform_3 #gform_fields_3_7 #gfield_upload_rules_3_76{
    color: black;
}
#gform_3 .gchoice.gchoice_3_68_3{
    display: block;
    padding-top: 10px;
    padding-bottom: 20px;
}
#gform_3 .gchoice.gchoice_3_68_3 .gfield-choice-input{
    float: right;
}
#gform_3 .gchoice.gchoice_3_68_3 #input_3_68_other{
    display: block !important;
    width: 97% !important;
    border: 1px solid black !important;
    color: black;
}
#gform_3 #field_3_74 #input_3_74{
    border: 1px solid black;
    color: black;
}
#gform_3 #field_3_86 #input_3_86{
    border: 1px solid black;
    color: black;
}
#gform_4 #gform_fields_4 #input_4_3_3, #gform_4 #gform_fields_4 #input_4_3_6, #gform_4 #field_4_5 #input_4_5{
    border: 1px solid #373634;
    color: #373634;
}
#gform_4 #gform_fields_4 .gform-field-label.gform-field-label--type-sub{
    color: #373634;
}
#gform_4 #gform_submit_button_4{
    border-color: #373634;
    color: #373634;
}
#gform_4 #gform_submit_button_4:hover{
    background-color: #373634;
    color: white;
}
/*RESPONSIVE*/
/*DESKTOP - GROTE SCHERMEN*/
@media only screen and (min-width: 1500px) {
}
/*DESKTOP - LAPTOP*/
@media only screen and (max-width: 1500px) {

}
/*IPAD - TABLET-LANDSCAPE*/
@media only screen and (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) {
    .cta-image figcaption{
        font-size: 70px;
    }
}
/*IPAD - TABLET*/
@media only screen and (max-width: 1180px) {
    .cta-image figcaption {
        font-size: 60px;
        line-height: 50px;
    }
    .display-posts-listing{
        grid-template-columns: 1fr 1fr;
    }
    .blog-content-container .primary .site-main
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    .cta-image figcaption:after {
        background-size: 100px 50px;
        height: 45px;
    }
    .calendar-gallery{
        flex-wrap: wrap;
    }
    .calendar-gallery .calendar-item {
        width: 50%;
         margin: 0;
        padding: 5px;
    }
    .calendar-item a {
        z-index: 1;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }
    .calendar-gallery .calendar-item a:before{
        opacity: 1;
    }
    .calendar-gallery .calendar-item .calendar-title{
        opacity: 1 !important;
    }
    .calendar-gallery .calendar-item .calendar-title:after {
        opacity: 1;
    }
    .project-cats {
        gap: 1px;
    }
    .project-overview{
        grid-template-columns: 1fr 1fr;
    }
    .project-cats label {
        font-size: 13px;
    }
    .basic{
        font-size: 32px;
    }
    .basic2{
        font-size: 37px;
    }
    .basic3{
        font-size: 42px;
    }
    .lemore{
        font-size: 58px;
    }
    ul.submenu-jh li{
        display: flex;
        align-items: baseline;
    }
    ul.submenu-jh li::before{
        content: "\25A0";
        color: #9EA63B;
        font-size: 20px;
    }
    .elementor-element.elementor-element-a3c02c7.e-flex.e-con-boxed.e-con{
        margin-left: -90px;
    }
    .elementor-element.elementor-element-a51eaa6.elementor-hidden-mobile.e-flex.e-con-boxed.e-con{
        margin-right: -80px;
    }
    .megamenu ul.hoofdmenu{
        padding-right: 50px;
    }
    .megamenu ul.submenu {
        padding-left: 27px;
        padding-right: 27px;
    }
    .megamenu .hoofdmenu li{
        width: max-content;
    }
    .megamenu .submenu li{
        width: max-content;
    }
    .e-con-inner .elementor-element.elementor-element-a51eaa6.elementor-hidden-mobile.e-flex.e-con-boxed.e-con .elementor-widget-container img{
        display: none;
    }
    .blog-background .blog-container h1{
        font-size: 70px;
        line-height: 70px;
    }
}
/*IPAD - KLEiNE TABLET*/
@media only screen and (max-width: 1024px) {
    .ast-container{
        overflow: hidden;
    }
}
/*TELEFOON*/
@media only screen and (max-width: 600px) {
    #calendar-gallery .swiper-container .swiper-wrapper .calendar-item{
        width: 400px;
        margin-right: 5px;
        margin-left: 5px;
    }
    #calendar-gallery .swiper-container .swiper-wrapper .calendar-item a{
        width: 400px;
    }
    .news-title
    {
        font-size: 44px !important;
        line-height: 44px !important;
    }
    .ast-container{
        overflow: hidden;
    }
    .calendar-gallery .calendar-item {
        width: 100%;
        margin: 0;
    }
    .calendar-item .calendar-title,
    .project-item .title{
        font-size: 34px !important;
        line-height: 34px !important;
    }
    .calendar-gallery{
    }
    .two-columns-mb ul{
        columns: 2;
    }
    .vacancy .entry-content{
        margin-top: 85px;
    }
    .megamenu-container {
        top: 75px;
    }
    .project-overview {
        grid-template-columns: 1fr;
    }
    .blog-content-container{
        padding: 10px;
    }
    .project-cats{
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    .basic{
        font-size: 31px;
    }
    .basic2{
        font-size: 37px;
    }
    .basic3{
        font-size: 40px;
    }
    .lemore{
        font-size: 55px;
    }
    .swipebuttons{
        margin-bottom: 35px;
    }
    .cta-image:hover img{
        transform: none;
    }
    ul#menu-1-a7431e5.hfe-nav-menu{
        margin-left: 80px;
    }
    .hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .sub-arrow i:before {
        content: '\2193';
        font-size: 21px;
        font-weight: 900;
        font-family: monospace;
    }
    .hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .sub-menu-active .sub-arrow i:before, .hfe-link-redirect-self_link.hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .menu-active .sub-arrow i:before{
        content: '\2191';
        font-size: 21px;
        font-weight: 900;
        font-family: monospace;
    }
    .display-posts-listing{
        grid-template-columns: 1fr;  
    }
    .calendar-item:hover a,
    .calendar-item.swiper-slide-active{
    transform: scale(1);
    box-shadow: none;
    }
    .project-item:hover a {
        transform: scale(1);
        box-shadow: none;
    }
    .elementor-element-0c2236c
    {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .search-field
    {
        width: 100%;
    }
    .blog-background .blog-container h1{
        font-size: 36px;
        line-height: 36px;
    }
    .blog-background .blog-container{
        background-image: linear-gradient(360deg, #373634 0%, #F2295B00 100%);
    }
}