/*
Theme name: The Rousers
Description: WordPress website voor de band The Rousers
Template: hello-elementor
*/

#sb_instagram .sbi_photo img { border-radius: 10px; }

.marquee-wrapper { overflow: hidden; width: 100%; }
.portfolio { }
.portfolio-items { display: flex; width: max-content; animation: marquee 20s linear infinite; gap: 40px; }
.portfolio-items__item { width: 160px; height: 80px; display: block; }
.portfolio-items__item img { width: 100%; height: 100%; object-fit: contain; }
.portfolio-items:hover { animation-play-state: paused; }

@keyframes marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Laat slides buiten de swiper uitsteken */
.elementor-element-9f340be .elementor-main-swiper {
    overflow: visible !important;
}

/* Begrens het zichtbare gebied */
.elementor-element-9f340be {
    overflow: hidden !important;
}

/* Dim niet-actieve slides */
.elementor-element-9f340be .swiper-slide {
    opacity: 0.35;
    transition: opacity 0.4s ease;
}

.elementor-element-9f340be .swiper-slide-active {
    opacity: 1;
}

.elementor-element-9f340be .swiper-slide-active .elementor-testimonial__content,
.elementor-element-9f340be .swiper-slide-active .elementor-testimonial__content:after {
    background-color: var(--e-global-color-accent) !important;
}

/* Widget zelf */
.elementor-element-9f340be .elementor-main-swiper {
    overflow: visible !important;
}

.elementor-element-9f340be {
    overflow: visible !important;
}

/* Kolom waarin de widget zit */
.elementor-element-9f340be .elementor-widget-container {
    overflow: visible !important;
}

/* Ga ook de parent-kolom en sectie af */
.elementor-element-9f340be,
.elementor-element-9f340be .elementor-widget-container,
.elementor-element-9f340be .elementor-main-swiper {
    overflow: visible !important;
    padding-bottom: 15px;
}

.gform-theme--api, .gform-theme--foundation {
    --gf-form-gap-y: 20px !important;
}

.gform-theme--api, .gform-theme--framework {
    --gf-ctrl-color: #fff !important;
    --gf-ctrl-border-width: 0 !important;
    --gf-font-size-primary: 16px !important;
    --gf-padding-x: 25px !important;
    --gf-padding-y: 25px !important;
    --gf-ctrl-radius-max-lg: 20px !important;
    --gf-ctrl-shadow: none !important;
    --gf-ctrl-font-weight: 600 !important;
    --gf-ctrl-shadow-focus: none !important;
}

#gform_wrapper_1[data-form-index="0"].gform-theme, [data-parent-form="1_0"] {
    --gf-color-primary: var(--e-global-color-accent) !important;
    --gf-color-primary-darker: var(--e-global-color-accent) !important;
    --gf-color-in-ctrl: var(--e-global-color-secondary) !important;
    --gf-radius: 50px !important;
    --gf-ctrl-size: 50px !important;
    --gf-ctrl-btn-font-size: 16px !important;
}