/*
 * @package:    fz3temp-2
 * @author:     Dennis Rougoor - Fervent Digital
 * @copyright:  2018 - 2024
 * --------------
 * Created:     06-03-2024, 15:13:25
 * Modified:    19-01-2026, 20:30:07
 * Modified By: Dennis Rougoor
 */
/* 
Theme Name: Bruil Media
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Wat je ook wilt laten vastleggen, ik doe het met veel aandacht en gevoel. Niet alleen voor een mooi plaatje maar ook de leuke ervaring en herinneringen voor later. Laat mij jouw unieke verhaal vastleggen, ik heb er nu al zin in! Groetjes!
Author: Bruil Media
Author URI: https://www.bruilmedia.nl
Template: hello-elementor
Version: 2.0.0
Text Domain: bruilmedia
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */
@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp;
}

.fc {
    width: fit-content !important;
}

.nl,
.nl a {
    text-decoration: none !important;
}

.nm,
.nm p {
    margin-bottom: 0px !important;
}

/* Custom styling */
.image-slider img {
    transition: 0.3s cubic-bezier(0.68, 0, 0.26, 1) !important;
    height: 480px;
    width: 100%;
    object-fit: cover;
}

.image-slider .swiper-slide.is-center img {
    transform: scale(1.2);
    opacity: 1;
}

.image-slider .swiper-slide:not(.is-center) img {
    opacity: 0.8;
}

.image-slider {
  visibility: hidden;
}
.image-slider.slider-ready {
  visibility: visible;
}

.image-slider .swiper,
.image-slider .swiper-slide {
    overflow: visible !important;
    cursor: grab !important;
}

.image-slider .swiper-wrapper {
    align-items: center;
}

body, html {
    overflow-x: hidden !important;
}

select:focus {
    color: black !important;
}

/* Responsive */
@media screen and (max-width: 768px) {
    .image-slider .swiper-slide.is-center img {
        transform: scale(1.2);
    }
    .image-slider img {
        height: 320px !important;
    }
    
.image-slider .swiper {
    padding-right: 100px;
    padding-left: 100px;
}
}