/*
Theme Name: Salmon Atelier
Template: hello-elementor
Author: Child Theme Configurator
Version: 3.4.9.1787320260
Updated: 2026-08-21 13:51:00

*/
/* ==================================================
   GENERAL
   ================================================== */
.elementor-widget-text-editor p:last-child {
    margin-block-end: 0 !important;
}
#footer-legals a {
	text-decoration: underline !important;
}
.contact-details a {
	border-bottom: 2px solid var( --e-global-color-deac8e3 ) !important;
}
.elementor-widget-theme-post-content a,
.elementor-widget-text-editor a {
	color: inherit !important;
	text-decoration: underline !important;
}
.elementor-widget-theme-post-content ul,
.elementor-widget-text-editor ul {
	margin-top: 10px !important;
	margin-bottom: 20px !important;
}
.cookiefirst-cookie-declaration button {
	color: #fff !important;
	border-color: #fff !important;
}
.values .elementor-heading-title,
.sustainability .elementor-heading-title,
.jobs .elementor-heading-title {
    min-height: 80px !important;
}

/* ==================================================
   SLIDER
   ================================================== */
.salmon-slider {
    position: relative;
    width: calc(100% + (100vw - 1512px) / 2);
    max-width: none !important;
    margin-bottom: 30px;
}
.salmon-slider .elementor-swiper-button-prev,
.salmon-slider .elementor-swiper-button-next {
    top: auto !important;
    bottom: 0 !important;
    transform: translateY(40%) !important;
    width: 48px !important;
    height: 48px !important;
    background: #FCE8E1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.salmon-slider .elementor-swiper-button-prev {
    left: auto !important;
    right: 94px !important;
}
.salmon-slider .elementor-swiper-button-next {
    left: auto !important;
    right: 40px !important;
}
.salmon-slider .elementor-swiper-button-prev:hover {
    background: var( --e-global-color-deac8e3 ) !important;
}
.salmon-slider .elementor-swiper-button-next:hover {
    background: var( --e-global-color-deac8e3 ) !important;
}

/* Pijltjes */
.salmon-slider .elementor-swiper-button svg {
    width: 18px !important;
    height: 18px !important;
}

.salmon-slider .swiper .elementor-swiper-button svg {
    fill: var(--e-global-color-2299224) !important;
}

/* ==================================================
   PROCESS
   ================================================== */
.process-steps {
    display: flex;
}
.process-step {
    position: relative;
    width: 25%;
}
.process-step .step-number {
    position: relative;
    z-index: 2;
}
.process-step .elementor-heading-title {
    min-height: 130px !important;
}
.process-step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 52px;
    left: calc(50% + 55px);
    width: calc(100% - 90px);
    height: 3px;
    background: var( --e-global-color-deac8e3 );
    z-index: 1;
}
@media (max-width: 1199px) {
    .process-step:not(:last-child)::after {
        display: none !important;
    }
	.process-step .elementor-heading-title,
	.values .elementor-heading-title,
	.sustainability .elementor-heading-title,
	.jobs .elementor-heading-title {
		min-height: 0 !important;
	}
}


/* ==================================================
   FORM
   ================================================== */
.gform_required_legend {
	display: none !important;
}
.gform-field-label {
    color: var( --e-global-color-01b5018 ) !important;
	font-family: var( --e-global-typography-027adb5-font-family ), Sans-serif !important;
	font-size: 16px !important;
}
.gfield_required_asterisk {
    color: var( --e-global-color-deac8e3 ) !important;
}
.ginput_container_text input,
.ginput_container_email input,
.ginput_container_textarea textarea {
	background: var( --e-global-color-2299224 ) !important;
    color: var( --e-global-color-01b5018 ) !important;
	font-family: var( --e-global-typography-text-font-family ), Sans-serif !important;
	font-size: 16px !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-bottom: 2px solid var( --e-global-color-01b5018 ) !important;
	border-radius: 0 !important;
}
.gform_button {
	background: var( --e-global-color-deac8e3 ) !important;
	text-transform: uppercase !important;
    color: var( --e-global-color-2299224 ) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	font-family: var( --e-global-typography-027adb5-font-family ), Sans-serif !important;
	border-radius: 0px !important;
	padding: 15px 25px !important;
	margin-top: 20px !important;
}
.gform_button:hover {
	background: #FFA393 !important;
}
.gform-field-label a {
	color: inherit !important;
	text-decoration: underline !important;
}
.gform-field-label a:hover {
    color: var( --e-global-color-deac8e3 ) !important;
	text-decoration: underline !important;
}
.gform_wrapper input:focus,
.gform_wrapper textarea:focus {
    color: var( --e-global-color-deac8e3 ) !important;
    border-bottom-color: var( --e-global-color-deac8e3 ) !important;
    outline: none !important;
    box-shadow: none !important;
}
.gfield_validation_message {
	color: var( --e-global-color-deac8e3 ) !important;
}
.gform_validation_errors {
	background: var( --e-global-color-deac8e3 ) !important;
}
.gform_validation_errors h2 {
	color: #fff !important;
}


/* ==================================================
   CPS PRODUCTS
   ================================================== */

.cps-products {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
}


/* ==================================================
   RIJEN
   ================================================== */

.cps-products-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 24px !important;

    width: 100% !important;
    align-items: stretch !important;
}


/* Elementor breedtes resetten */

.cps-products-row > .e-con {
    min-width: 0 !important;
    max-width: none !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
}


/* ==================================================
   BREEDTES

   Elke rij bestaat uit 5 eenheden:
   20% + 40% + 20% + 20%
   ================================================== */

.cps-intro,
.cps-card {
    width: calc((100% - 96px) / 5) !important;
    flex-basis: calc((100% - 96px) / 5) !important;
}


/* Whole Salmon = 2 eenheden */

.cps-card-double {
    width: calc(((100% - 96px) / 5) * 2 + 24px) !important;
    flex-basis: calc(((100% - 96px) / 5) * 2 + 24px) !important;
}


/* CTA = 2 eenheden */

.cps-cta {
    width: calc(((100% - 96px) / 5) * 2 + 24px) !important;
    flex-basis: calc(((100% - 96px) / 5) * 2 + 24px) !important;
}


/* ==================================================
   INTRO
   ================================================== */

.cps-intro {
    padding: 0 20px 0 0 !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
}


/* ==================================================
   PRODUCT CARDS
   ================================================== */

.cps-card {
    background-color: #fbded2 !important;

    min-height: 425px !important;
    padding: 40px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: stretch !important;
}


/* Afbeeldingswidget */

.cps-card .elementor-widget-image {
    width: 100% !important;
}


/* Afbeelding */

.cps-card .elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 230px !important;

    object-fit: contain !important;
    object-position: center center !important;
}


/* Whole salmon heeft meer ruimte */

.cps-card-double .elementor-widget-image img {
    height: 260px !important;
}


/* Heading onderaan */

.cps-card .elementor-widget-heading {
    width: 100% !important;
    margin-top: auto !important;
}

/* ==================================================
   CTA
   ================================================== */

.cps-cta {
    background-color: #ff654f !important;

    min-height: 425px !important;

    padding: 48px 42px 38px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}


/* Alle widgets volledige breedte */

.cps-cta > .elementor-element {
    width: 100% !important;
    max-width: 100% !important;
}


/* Button naar onder */

.cps-cta .elementor-widget-button {
    margin-top: auto !important;
}


/* Button */

.cps-cta .elementor-button {
    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 0 !important;
}


/* ==================================================
   TABLET
   ================================================== */

@media (max-width: 1024px) {

    .cps-products-row {
        flex-wrap: wrap !important;
    }

    .cps-intro {
        width: 100% !important;
        flex-basis: 100% !important;
    }

    .cps-card {
        width: calc(50% - 12px) !important;
        flex-basis: calc(50% - 12px) !important;
    }

    .cps-card-double,
    .cps-cta {
        width: 100% !important;
        flex-basis: 100% !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .cps-products {
        gap: 16px !important;
    }

    .cps-products-row {
        flex-direction: column !important;
        gap: 16px !important;
    }

    .cps-intro,
    .cps-card,
    .cps-card-double,
    .cps-cta {
        width: 100% !important;
        flex-basis: 100% !important;
    }

    .cps-card,
    .cps-cta {
        min-height: auto !important;
    }

    .cps-card {
        padding: 30px !important;
    }

    .cps-card .elementor-widget-image img,
    .cps-card-double .elementor-widget-image img {
        height: 220px !important;
    }

    .cps-card .elementor-widget-heading {
        margin-top: 35px !important;
    }

    .cps-cta {
        padding: 40px 30px !important;
    }

    .cps-cta .elementor-widget-button {
        margin-top: 40px !important;
    }
}