/* 
Flex Dropdown

Algemene CSS instellingen voor de module.
Verwijder deze instellingen niet.
*/

.flex_module.galerijcarousel .swiper.galerij{
	overflow:visible;
}

.flex_module.galerijcarousel {
	overflow:visible;
}

.flex_module.galerijcarousel .swiper-slide{
    display: flex; flex-direction: column;
    width: 100%;
    border-radius: 10px;
    padding: 20px 30px;
    background-size: cover;
    background-position: center;
}

.flex_module.galerijcarousel .swiper-slide .image{
    max-width: 400px;
    max-height: 400px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
}

.flex_module.galerijcarousel .swiper-slide{
    aspect-ratio: 1;
	width:500px;
}

.flex_module.galerijcarousel .swiper-slide .titel-container {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.flex_module.galerijcarousel .swiper-slide .titel-container h3{
    color: #fff;
}

.flex_module.galerijcarousel .swiper-slide:hover .post-text{
    opacity: 1;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.flex_module.galerijcarousel .post-text{
    margin-top: auto;
    color: white;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}


.flex_module.galerijcarousel .post-text h3{
    color: inherit;
}

.flex_module.galerijcarousel .post-text .quote{
    font-family: 'Montserrat', Sans-Serif;
    font-size: 26px; font-weight: 500;
}


@media screen and (max-width: 767px){
    .flex_module.galerijcarousel .swiper-slide:nth-child(odd){
        aspect-ratio: 1;
        max-height:400px;
    } 
}