/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
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
*/

/* Add your custom styles here */


/* 
 * This file is organized in the following way:
 *
 *  | :root
 *  | Font & Typography
 *  | Layout & Spacing
 *  | Buttons & Forms
*      \ Primary Button
*      | Primary Button / elementor-button-info
 *  | Shop
*      \ Universal
*      | Co Card / co-card
*      | Co Card Small / co-card--small
*      | Single Product Page - Titel and Price
*      | Single Product Page - Universal Swatches
*      | Single Variation Wrap
*      | Cart
*      | Cart Collaterals
*      | Checkout
*      | Responsive
 *  | Account
 *  | Global Styles
 */

:root {
    --co-global-color-primary: 10, 10, 10;       /* #0A0A0A / --e-global-color-primary / Off Black */
    --co-global-color-secondary: 37, 37, 37;     /* #252525 / --e-global-color-secondary / Dark Gray */
    --co-global-color-text: 255, 255, 255;       /* #FFFFFF / --e-global-color-text / White */
    --co-global-color-accent: 212, 255, 1;       /* #D4FF01 / --e-global-color-accent / Bright Lime Green */
    --co-global-color-083cb32: 28, 28, 28;       /* #1c1c1c / --e-global-color-083cb32 / Darker Gray */
    --co-global-color-43fb1fe: 134, 134, 134;    /* #868686 / --e-global-color-43fb1fe / Medium Gray */ 
}

/* 
 * Font & Typography
 *
 * Fluid Type Generator 
 * https://fluid.style/type?min=30&max=42&min-bp=500&max-bp=1200&unit=%22px%22
 */

a {color:var(--e-global-color-accent);}
a:hover {color:var(--e-global-color-accent);}


/* 
 * Layout & Spacing
 */

 html, body {
    scroll-behavior: smooth;
 }


/* 
 * Buttons & Forms
 */

     /* Primary Button */
.elementor-widget-button .elementor-button-wrapper a.elementor-button {padding:17px 31px;font-weight: 600;border: 1px solid var(--e-global-color-accent);outline: 0px solid var(--e-global-color-accent);}
.elementor-widget-button .elementor-button-wrapper a.elementor-button:hover {padding: 17px 43px 17px 19px;outline-width: 3px;outline-offset: 3px;}
.elementor-widget-button .elementor-button-wrapper a.elementor-button:after {content:'';opacity:0;transition: 0.3s all ease-in-out;display: inline-block;vertical-align: middle;position: absolute;left: calc(100% - 10px);top: 50%;transform: translateY(-50%);width: 20px;height: 20px;background-size: contain;background-position: center center;background-repeat: no-repeat;background-image: url(https://coers2025.coersonline.nl/wp-content/uploads/2025/03/fast-forward.svg);}
.elementor-widget-button .elementor-button-wrapper a.elementor-button > span {position: relative;}
.elementor-widget-button .elementor-button-wrapper a.elementor-button:hover:after {opacity:1;left:calc(100% - 34px);}

    /* Primary Button / elementor-button-info */
.elementor-widget-button.elementor-button-info .elementor-button-wrapper a.elementor-button {border-color: var(--e-global-color-text);outline-color:var(--e-global-color-text);}
.elementor-widget-button.elementor-button-info .elementor-button-wrapper a.elementor-button:after {filter: invert(1);}

    /* Home Slider Button */
.elementor-slides-wrapper div.elementor-button {padding:17px 31px;font-weight: 600;border: 1px solid var(--e-global-color-text);outline: 0px solid var(--e-global-color-text);border-radius:0px !important;position:relative;}
.elementor-slides-wrapper div.elementor-button:hover {padding: 17px 43px 17px 19px;outline-width: 3px;outline-offset: 3px;}
.elementor-slides-wrapper div.elementor-button:after {content:'';opacity:0;transition: 0.3s all ease-in-out;display: inline-block;vertical-align: middle;position: absolute;left: calc(100% - 10px);top: 50%;transform: translateY(-50%);width: 20px;height: 20px;background-size: contain;background-position: center center;background-repeat: no-repeat;background-image: url(https://coers2025.coersonline.nl/wp-content/uploads/2025/03/fast-forward.svg);filter:invert(1);}
.elementor-slides-wrapper div.elementor-button > span {position: relative;}
.elementor-slides-wrapper div.elementor-button:hover:after {opacity:1;left:calc(100% - 34px);}

    /* GRAVITYFORMS */
.gform_wrapper {color:white;}
.gform_wrapper .gform_validation_errors h2 {letter-spacing: 0px !important;}
.gform_wrapper form .gform-body .gform_fields {gap: 20px;}
.gform_wrapper form .gform-body .gform_fields .gfield.gfield--type-section {padding-bottom:unset;}
.gform_wrapper form .gform-body .gform_fields .gfield h3 {font-size:var(--e-global-typography-b5e06e6-font-size) !important;margin:20px 0 0 0;}
.gform_wrapper form .gform-body .gform_fields .gfield label {color:var(--e-global-color-text);font-size:var( --e-global-typography-b48d251-font-size ) !important;}
.gform_wrapper form .gform-body .gform_fields .gfield .gfield_required {color:var(--e-global-color-accent);}
.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input:not(.gfield-choice-input) {background:var(--e-global-color-secondary);border:unset;padding: 5px 20px !important;border-radius:0px;font-size:var( --e-global-typography-b48d251-font-size );height:fit-content;text-transform: none;color:var(--e-global-color-text);}
.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input:not(.gfield-choice-input)::placeholder {color:rgba(var(--co-global-color-text),0.5);}
.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input.ginput_total {background: unset;min-height: 48px;}
.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container select {background:var(--e-global-color-secondary);border:unset;padding: 5px 20px !important;border-radius:0px;font-size:var( --e-global-typography-b48d251-font-size );height:fit-content;text-transform: none;color:var(--e-global-color-text);}
.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container select:focus {outline-color:var(--e-global-color-accent);}
.gform_wrapper form .gform-body .gform_fields .gfield .gchoice label {font-size: 14px !important;}
.gform_wrapper form .gform-body .gform_fields .gfield .gchoice label a {font-size: 14px !important;}
.gform_wrapper form .gform-footer input.gform_button {background:var(--e-global-color-accent) !important;color:var(--e-global-color-primary) !important;font-size:var(--e-global-typography-text-font-size) !important;padding: 17px 31px !important;font-weight: 600;border: 1px solid var(--e-global-color-accent);outline: 0px solid var(--e-global-color-accent) !important;border-radius:0px !important;font-weight:600 !important;text-transform: uppercase !important;}
.gform_wrapper form .gform-footer input.gform_button:hover {outline-width: 3px !important;outline-offset: 3px !important;}

/* 
 * Shop
 */

    /* Universal */
.woocommerce :is(.woocommerce-error, .woocommerce-info, .woocommerce-message) {background:var(--e-global-color-primary) !important;color:var(--e-global-color-text);border-color:var(--e-global-color-accent);}
.woocommerce :is(.woocommerce-error, .woocommerce-info, .woocommerce-message):before {color:var(--e-global-color-accent);}

    /* Co Card / co-card */
.co-card .price > ins {text-decoration:unset;}
.co-card .co-image {overflow: hidden;}
.co-card .co-image:before {transform: translateY(0);transition: all 0.2s ease-out;}
.co-card .co-image .co-text {max-height:50px;}
.co-card .co-image .co-text :is(p, .icon) {transform: translateY(25px);transition:all 0.2s ease-out;}
.co-card .co-image .co-text p {padding-right: 0px;opacity: 0;}
.co-card:hover .co-image .co-text p {padding-right: 12px;opacity: 1;}
.co-card .co-image .co-text .icon {display:inline-block;max-width:20px;}
.co-card .co-image .co-text .icon:after {content:'';opacity:0;transition: 0.3s all ease-in-out;display: inline-block;vertical-align: middle;position: absolute;left: calc(100% - 10px);top: 50%;transform: translateY(-50%);width: 20px !important;height: 20px;background-size: contain;background-position: center center;background-repeat: no-repeat;background-image: url(https://coers2025.coersonline.nl/wp-content/uploads/2025/03/fast-forward.svg);}
.co-card:hover .co-image .co-text .icon:after {opacity:1;left:calc(100% - 34px);}
.co-card:not(:hover) .co-image:before {animation: heavyDrop 0.5s ease-out;}
.co-card:not(:hover) .co-image .co-text :is(p, .icon) {animation: heavyDropText 0.5s ease-out;}
.co-card:hover .co-image:before {transform: translateY(-50px);animation: none;}
.co-card:hover .co-image .co-text :is(p, .icon) {transform: translateY(0px);animation: none;}

    /* Co Card Small / co-card--small */
.co-card.co-card--small .co-image .co-text {max-height:40px;}
.co-card.co-card--small .co-image .co-text :is(p, .icon) {transform: translateY(20px);}
.co-card.co-card--small:not(:hover) .co-image:before {animation: heavyDropSmall 0.5s ease-out;}
.co-card.co-card--small:not(:hover) .co-image .co-text :is(p, .icon) {animation: heavyDropTextSmall 0.5s ease-out;}
.co-card.co-card--small:hover .co-image:before {transform: translateY(-40px);}
.co-card.co-card--small:hover .co-image .co-text :is(p, .icon) {transform: translateY(0px);}

    /* Single Product Page - Titel and Price */


    /* Single Product Page - Universal Swatches */
.variations_form.cart input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input[type=number] {-webkit-appearance: none;-moz-appearance: textfield;margin: 0;}
.variations_form.cart :is(th, td) {background: unset;}
.variations_form.cart td.value {padding-top: 6px;}
.variations_form.cart th.label {padding: 0;}
.variations_form.cart tr:not(:first-child) th.label {padding-top:10px;}
.variations_form.cart .reset_variations {display: none !important;}
.variations_form.cart .cfvsw-swatches-container .cfvsw-swatches-option {background: unset;border:unset;border-radius:0px !important;padding:10px 16px;font-size: clamp(14px, 11.143px + 0.571vw, 18px);font-weight:500;}
.variations_form.cart .cfvsw-swatches-container .cfvsw-swatches-option.cfvsw-selected-swatch {background: var(--e-global-color-text);}
.variations_form.cart .cfvsw-swatches-container .cfvsw-swatches-option.cfvsw-swatches-disabled {cursor:not-allowed;}
.variations_form.cart .cfvsw-swatches-container .cfvsw-swatches-option.cfvsw-swatches-disabled:before {display: none;}
.variations_form.cart .cfvsw-swatches-container .cfvsw-swatches-option:not(.cfvsw-swatches-disabled) {border: 1px solid var(--e-global-color-text) !important;}
.variations_form.cart .cfvsw-swatches-container .cfvsw-swatches-option:not(.cfvsw-swatches-disabled):hover {background: var(--e-global-color-text);}
.variations_form.cart .cfvsw-swatches-container .cfvsw-swatches-option:not(.cfvsw-swatches-disabled):hover .cfvsw-swatch-inner {color: var(--e-global-color-primary);}
.variations_form.cart .cfvsw-swatches-container .cfvsw-swatches-option .cfvsw-swatch-inner {color: var(--e-global-color-text);}
.variations_form.cart .cfvsw-swatches-container .cfvsw-swatches-option.cfvsw-swatches-disabled {border:1px solid rgb(var(--co-global-color-43fb1fe),0.2);}
.variations_form.cart .cfvsw-swatches-container .cfvsw-swatches-option.cfvsw-selected-swatch .cfvsw-swatch-inner {color: var(--e-global-color-primary);}
.variations_form.cart .cfvsw-swatches-container .cfvsw-swatches-option.cfvsw-swatches-disabled .cfvsw-swatch-inner {color: var(--e-global-color-43fb1fe);}

    /* Single Product Page - Color Swatches */
.variations_form.cart .cfvsw-swatches-container[swatches-attr="attribute_pa_color"] .cfvsw-swatches-option {padding: 2px;}
.variations_form.cart .cfvsw-swatches-container[swatches-attr="attribute_pa_color"] .cfvsw-swatches-option .cfvsw-swatch-inner {width:32px;height:32px;}

    /* Single Variation Wrap */
.single_variation_wrap input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input[type=number] {-webkit-appearance: none;-moz-appearance: textfield;margin: 0;}
.single_variation_wrap .woocommerce-variation-availability p.stock {color:var(--e-global-color-accent);}
.single_variation_wrap .woocommerce-variation-add-to-cart {justify-content: flex-start !important;gap:10px;}
.single_variation_wrap .woocommerce-variation-add-to-cart .single_add_to_cart_button {padding:17px 31px;font-weight: 600;border: 1px solid var(--e-global-color-accent);outline: 0px solid var(--e-global-color-accent);border-radius:0px;color:black !important;text-transform:uppercase;}
.single_variation_wrap .woocommerce-variation-add-to-cart .single_add_to_cart_button:hover {padding: 17px 43px 17px 19px !important;outline-width: 3px;outline-offset: 3px;}
.single_variation_wrap .woocommerce-variation-add-to-cart .single_add_to_cart_button:after {content:'';opacity:0;transition: 0.3s all ease-in-out;display: inline-block;vertical-align: middle;position: absolute;left: calc(100% - 10px);top: 50%;transform: translateY(-50%);width: 20px;height: 20px;background-size: contain;background-position: center center;background-repeat: no-repeat;background-image: url(https://coers2025.coersonline.nl/wp-content/uploads/2025/03/fast-forward.svg);}
.single_variation_wrap .woocommerce-variation-add-to-cart .single_add_to_cart_button:hover:after {opacity:1;left:calc(100% - 34px);}
.single_variation_wrap .woocommerce-variation-add-to-cart.woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button:hover {padding:17px 31px !important;outline-width: 0px !important;}
.single_variation_wrap .woocommerce-variation-add-to-cart.woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button:hover:after {opacity:0 !important;}

    /* Table & Cart */ 
.woocommerce table {border: unset !important;}
.woocommerce table tr :is(th, td) {padding:20px 12px;border:unset !important;border-block-start:unset;color:var(--e-global-color-text);}
.woocommerce table tr:hover > :is(th, td) {background:initial;}
.woocommerce table tr.cart_item:nth-child(even) > :is(th, td) {background: transparent;}
.woocommerce table tr.cart_item:nth-child(odd) > :is(th, td) {background:rgba(var(--co-global-color-secondary),0.4);}
.woocommerce table tr.cart_item .product-thumbnail {max-width:min-content;}
.woocommerce table tr.cart_item .product-thumbnail a img {min-width: 100px;width:100px;max-height:100px;}
.woocommerce table tr.cart_item input.qty {background:unset;color:var(--e-global-color-text);border:unset;padding: 0;}
.woocommerce table tr.cart_item > .product-remove a.remove {color:var(--e-global-color-43fb1fe) !important;}
.woocommerce table tr.cart_item > .product-remove a.remove:hover {background:unset;}
.woocommerce table tr.cart_item > .product-name a {color:var(--e-global-color-text);}
.woocommerce table tr.cart_item > .product-name p {color:var(--e-global-color-43fb1fe);}
.woocommerce table tr.cart_item > .product-price del {padding-right:10px;color:var(--e-global-color-43fb1fe);}
.woocommerce table tr.cart_item > .product-price mark {background:unset;color:var(--e-global-color-accent);}
.woocommerce table td.actions {background:unset !important;}
.woocommerce table td.actions button.button {background:unset;outline:1px solid var(--e-global-color-text);border-radius:0px;}
.woocommerce table td.actions button.button:not([disabled=""]) {color:var(--e-global-color-text);margin-bottom:unset;width:fit-content;font-size: clamp(14px, 11.143px + 0.571vw, 18px);transition: 0.3s all ease-in-out;font-weight:500;padding:17px 31px;font-weight: 600;border: 1px solid var(--e-global-color-text);outline: 0px solid var(--e-global-color-text);border-radius:0px;text-transform:uppercase;}

    /* Cart Collaterals */
.woocommerce .cart-collaterals .cart_totals > h2 {color:white;}
.woocommerce .cart-collaterals table tr.cart-subtotal:nth-child(even) > :is(th, td) {background: transparent;}
.woocommerce .cart-collaterals table tr.cart-subtotal:nth-child(odd) > :is(th, td) {background:rgba(var(--co-global-color-secondary),0.4);}
.woocommerce .cart-collaterals .wc-proceed-to-checkout {display: flex;justify-content: flex-end;}
.woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button {margin-bottom:unset;width:fit-content;font-size: clamp(14px, 11.143px + 0.571vw, 18px);transition: 0.3s all ease-in-out;font-weight:500;padding:17px 31px;font-weight: 600;border: 1px solid var(--e-global-color-accent);outline: 0px solid var(--e-global-color-accent);background:var(--e-global-color-accent);border-radius:0px;color:black !important;text-transform:uppercase;}
.woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button:hover {padding: 17px 43px 17px 19px !important;outline-width: 3px;outline-offset: 3px;}
.woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button:after {content:'';opacity:0;transition: 0.3s all ease-in-out;display: inline-block;vertical-align: middle;position: absolute;left: calc(100% - 10px);top: 50%;transform: translateY(-50%);width: 20px;height: 20px;background-size: contain;background-position: center center;background-repeat: no-repeat;background-image: url(https://coers2025.coersonline.nl/wp-content/uploads/2025/03/fast-forward.svg);}
.woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button:hover:after {opacity:1;left:calc(100% - 34px);}

    /* Checkout */
.woocommerce .woocommerce-checkout {color:var(--e-global-color-text);}
.woocommerce .woocommerce-checkout #customer_details {padding-bottom: 100px;}
.woocommerce .woocommerce-checkout #customer_details .required {color:var(--e-global-color-accent) !important;}
.woocommerce .woocommerce-checkout #customer_details .woocommerce-input-wrapper > :is(input, textarea) {background:var(--e-global-color-secondary) !important;border: unset;border-radius:0px;color:var(--e-global-color-text);padding: 12px 20px;font-size:clamp(14px, 11.143px + 0.571vw, 18px);}
.woocommerce .woocommerce-checkout #customer_details .woocommerce-input-wrapper .select2 .selection > span {border-radius:unset;background:var(--e-global-color-secondary);border:unset;}
.woocommerce .woocommerce-checkout #customer_details .woocommerce-input-wrapper .select2 .selection > span b {filter:invert(100%);}
.woocommerce .woocommerce-checkout #customer_details #order_comments {min-height:200px;}


    /* Responsive */
@media only screen and (max-width:500px) {
    .woocommerce table tr :is(th, td) {padding: 10px 6px;}
    .woocommerce table tr.cart_item td.product-name:before {display:none;}
}


/* 
 * Account
 */

.elementor-widget-woocommerce-my-account .woocommerce .woocommerce-MyAccount-navigation {border-right:1px solid rgba(var(--co-global-color-text),0.2);}
.elementor-widget-woocommerce-my-account .woocommerce .woocommerce-MyAccount-navigation ul li {padding-left:20px;position: relative;}
.elementor-widget-woocommerce-my-account .woocommerce .woocommerce-MyAccount-navigation ul li:before {content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);background:transparent;width:20px;height:20px;background-size:contain;filter:invert(0.5);}
.elementor-widget-woocommerce-my-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders:before {background:url("https://coers2025.coersonline.nl/wp-content/uploads/2025/09/icon_tag_01.svg");}
.elementor-widget-woocommerce-my-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address:before {background:url("https://coers2025.coersonline.nl/wp-content/uploads/2025/09/icon_location_01.svg");}
.elementor-widget-woocommerce-my-account .woocommerce .woocommerce-MyAccount-navigation ul li a {font-size:var( --e-global-typography-b48d251-font-size ) !important;}
.elementor-widget-woocommerce-my-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {color:var(--e-global-color-text) !important;}
.elementor-widget-woocommerce-my-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active:before {filter:invert(1);}
.elementor-widget-woocommerce-my-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper > h2 {font-weight:600 !important;font-size:var( --e-global-typography-7afe9fb-font-size ) !important;}
.elementor-widget-woocommerce-my-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper table.shop_table thead :is(th, td) span {color:white !important;font-size:var( --e-global-typography-b48d251-font-size );}
.elementor-widget-woocommerce-my-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper table.shop_table tbody :is(th, td) {padding:8px 10px;font-size:var( --e-global-typography-b48d251-font-size );}
.elementor-widget-woocommerce-my-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper table.shop_table tbody tr:nth-child(odd) {background:var(--e-global-color-secondary);}
.elementor-widget-woocommerce-my-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper form .required {color:var(--e-global-color-accent) !important;}
.elementor-widget-woocommerce-my-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper form label {color:var(--e-global-color-text) !important;font-size:clamp(14px, 11.143px + 0.571vw, 18px) !important;}
.elementor-widget-woocommerce-my-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper form legend {color:var(--e-global-color-text);padding:20px 0 0 0;font-weight:600;}
.elementor-widget-woocommerce-my-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper form :is(input, textarea) {background:var(--e-global-color-secondary) !important;border: unset;border-radius:0px;color:var(--e-global-color-text) !important;padding: 12px 20px !important;font-size:clamp(14px, 11.143px + 0.571vw, 18px) !important;}
.elementor-widget-woocommerce-my-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper form em {color:var(--e-global-color-accent);font-size:15px !important;}


/* 
 * Global Styles
 */

.logged-in .hide-on-login {display:none !important;}


/* 
 * Animations
 */

@keyframes heavyDrop {
    0% { transform: translateY(-50px); }
    50% { transform: translateY(0px); }
    75% { transform: translateY(-10px); }
    100% { transform: translateY(0); }
    }

    @keyframes heavyDropSmall {
    0% { transform: translateY(-40px); }
    50% { transform: translateY(0px); }
    75% { transform: translateY(-5px); }
    100% { transform: translateY(0); }
    }

    @keyframes heavyDropText {
    0% { transform: translateY(0px); }
    50% { transform: translateY(25px); }
    75% { transform: translateY(20px); }
    100% { transform: translateY(25px); }
    }

    @keyframes heavyDropTextSmall {
    0% { transform: translateY(0px); }
    50% { transform: translateY(20px); }
    75% { transform: translateY(15px); }
    100% { transform: translateY(20px); }
}