/*
Theme Name: Kameleon Child Theme Master
Theme URI: https://www.kameleonagency.com/
Description: Kameleon Child Theme Master is a child theme of Kameleon Parent Theme
Author: Kameleon Group Ltd
Author URI: https://kameleonagency.com
Template: kameleon-parent-theme
Version: 1.0.1
Text Domain: kameleon-child-theme-master
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: Bare Bones, Boilerplate, Empty Theme
*/

:root {
    --kcss-wp-admin-bar: 0px;
    --kcss-gutter: 1.6rem;
    --kcss-gutter-outer: calc(var(--kcss-gutter, 1.5em)* .5);

    --kcss-bleed: var(--kcss-gutter);
    --kcss-bleed-start: 2.5em; /* how much extra beyond the mask at start */
    --kcss-bleed-end: 8em;  /* how much extra beyond the mask at end */

    --kcss-gutter-start: 1.5;  /* em */
    --kcss-gutter-end: -4;     /* em (negative = overfill) */
}

/* elementor editor grid container view bug fix */
.kcss .e-grid .elementor-empty-view {
    display: none!important;
    min-width: 0!important;
}


@media only screen and (min-width: 881px) {

    :root {
        --kcss-gutter: 2.4rem;
        --kcss-marker-info-panel-width: 25%;
        --kcss-bleed-start: 1.5em; /* how much extra beyond the mask at start */

        --kcss-gutter-start: 2.5;  /* em */
    }

}

.kcss {
    --kcss-icon-sq-size: 1.25em; /*1.8rem/18px when root is 1.6rem/16px*/
    --kcss-icon-sq-border-width: 0.1rem;
    --kcss-icon-sq-padding: calc(0.75em - (var(--kcss-icon-sq-border-width, 0) * 2));
    --kcss-icon-sq-border-radius: 0.75em;
    --kcss-icon-sq-corner-shape: superellipse(1.15);

    --kcss-top-fold-padding-block-start: calc((var(--kcss-gutter, 1.5em) * 2) + var(--kcss-header-height));

    @media only screen and (min-width: 1024px) {

        --kcss-top-fold-padding-block-start: calc((var(--kcss-gutter, 1.5em) * 5) + var(--kcss-header-height));
    }
}

.kcss {
    --kcss-scrollbar-width: 0.5em;
    --scrollbar-margin-block: 0em;
    --scrollbar-margin-inline: 3em;
    --kcss-scrollbar-track-light: var( --e-global-color-dd86021, red);
    --kcss-scrollbar-track-dark: var( --e-global-color-3dcf7e7, red);
    --kcss-scrollbar-track-color: light-dark( var(--kcss-scrollbar-track-light), var(--kcss-scrollbar-track-dark));
    --kcss-scrollbar-track-border-width: 1px;
    --kcss-scrollbar-track-border-style: solid;
    --kcss-scrollbar-track-border-color-light: oklch(from var(--kcss-scrollbar-track-light) 80% c h / 0.8);
    --kcss-scrollbar-track-border-color-dark: oklch(from var(--kcss-scrollbar-track-light) 80% c h / 0.8);
    --kcss-scrollbar-track-border-color: light-dark(var(--kcss-scrollbar-track-border-color-light), var(--kcss-scrollbar-track-border-color-dark));
    --kcss-scrollbar-hover-track-border-color-light: var(--e-global-color-fc00b59, auto);
    --kcss-scrollbar-hover-track-border-color-dark: var(--e-global-color-fc00b59, auto);
    --kcss-scrollbar-hover-track-border-color: light-dark(var(--kcss-scrollbar-hover-track-border-color-light), var(--kcss-scrollbar-hover-track-border-color-dark));
    --kcss-scrollbar-thumb-light: oklch(from var(--kcss-scrollbar-track-color) 80% c 180 / 1);
    --kcss-scrollbar-thumb-dark: oklch(from var(--kcss-scrollbar-track-border-color) l c 180 / 1);
    --kcss-scrollbar-thumb-color: light-dark(var(--kcss-scrollbar-thumb-light), var(--kcss-scrollbar-thumb-dark));
    --kcss-scrollbar-hover-thumb-light: oklch(from var(--kcss-scrollbar-track-color) 75% c 180 / 1);
    --kcss-scrollbar-hover-thumb-dark: var(--e-global-color-fc00b59, auto);
    --kcss-scrollbar-hover-thumb-color: light-dark(var(--kcss-scrollbar-hover-thumb-light), var(--kcss-scrollbar-hover-thumb-dark));

    --kcss-scrollbar-thumb-border-width: 0;
    --kcss-scrollbar-thumb-border-style: none;
    --kcss-scrollbar-thumb-border-color: rgba(0,0,0,0);
    --kcss-scrollbar-thumb-radius: 0;
    --kcss-scrollbar-thumb-transition: background 0.25s ease-in-out;
}

.kcss::-webkit-scrollbar, .kcss *::-webkit-scrollbar {
    width: var(--kcss-scrollbar-width);
    border-radius: var(--kcss-scrollbar-thumb-radius);
}

.kcss::-webkit-scrollbar-track, .kcss *::-webkit-scrollbar-track {
    background: var(--kcss-scrollbar-track-color, auto);
    margin-block: var(--scrollbar-margin-block, auto);
    margin-inline: var(--scrollbar-margin-inline, auto);
    border-radius: var(--kcss-scrollbar-thumb-radius);
    border-left-width: var(--kcss-scrollbar-track-border-width, auto);
    border-left-style: var(--kcss-scrollbar-track-border-style, auto);
    border-left-color: var(--kcss-scrollbar-track-border-color, auto);
}

.kcss::-webkit-scrollbar-thumb, .kcss *::-webkit-scrollbar-thumb {
    background: var(--kcss-scrollbar-thumb-color, auto);
    border-radius: var(--kcss-scrollbar-thumb-radius);
    /*transition: background 0.25s ease-in-out;*/
}

.kcss::-webkit-scrollbar-track:hover, .kcss *::-webkit-scrollbar-track:hover {
    border-color: var(--kcss-scrollbar-hover-track-border-color, auto);
}

.kcss::-webkit-scrollbar-thumb:hover, .kcss *::-webkit-scrollbar-thumb:hover {
    background: var(--kcss-scrollbar-hover-thumb-color, auto);
}

.kcss.admin-bar {
    --kcss-wp-admin-bar: 32px;
}

[data-elementor-type="wp-page"] {
    position: relative;
    z-index: 1;
}

@view-transition {
    navigation: auto;
}

.kcss .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] {
    .e-n-menu-wrapper {
        --kcss-dropdown-menu-width: calc(var(--stretch-width, 100%) - var(--kcss-gutter, 1em));
        --kcss-dropdown-menu-left: calc(var(--stretch-left) + (var(--kcss-gutter, 1em) * .5));
        width: var(--kcss-dropdown-menu-width);
        left: var(--kcss-dropdown-menu-left);
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows 0.5s;
        /*overflow: hidden;*/
        overflow: clip;
        border-radius: 1em;
        max-height: initial!important;
    }

    .e-n-menu-item {
        width: var(--kcss-dropdown-menu-width);
    }
}

@media only screen and (min-width: 768px) {
    .kcss .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-wrapper {
        --kcss-dropdown-menu-width: calc(var(--stretch-width) - (var(--kcss-gutter, 1em) * 2 ));
        --kcss-dropdown-menu-left: calc(var(--stretch-left) + (var(--kcss-gutter, 1em) * 1));
    }
}

@media only screen and (min-width: 881px) {
    .kcss .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-wrapper {
        --kcss-dropdown-menu-width: calc(var(--stretch-width) - (var(--kcss-gutter, 1em) * 4 ));
        --kcss-dropdown-menu-left: calc(var(--stretch-left) + (var(--kcss-gutter, 1em) * 2));
    }
}

.kcss .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-toggle[aria-expanded=true]+.e-n-menu-wrapper {
    grid-template-rows: 1fr;
}

.kcss .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-heading {
    overflow: hidden;
}

.kcss:not(:has(.kcss_section--dynamic-hero)) .kcss_site-header--scroll-hide {
    @media only screen and (min-width: 1367px) {
        --padding-block-start: calc(var(--kcss-gutter, 2.4rem)*2);
    }

    & .kcss_header-module {
        background: oklch(from #F7F5ED l c h / 0.75);
        box-shadow: 0 1em 2em -1em oklch(from currentColor l c h / 0.25);
        backdrop-filter: var(--kcss-glass01-backdrop-filter, blur(5.6rem) brightness(1.25));
        transition: all 0.5s ease-in-out;
    }
}

.kcss :where(p, li) a {
    color: inherit;
    text-decoration: underline;
}

.kcss :where(p, li) a:is(:hover, :focus:focus-visible) {
    color: oklch(from currentColor 0.5 .1 0 / 1);
    text-decoration: none;
}

/*
*
* Adapting the map wrapper to account for the off-canvas width
*
*/

.kcss {
    --kcss-marker-info-width: clamp(min(100vw, 32rem), 8.333% * 5, 54rem);
    .e-con.e-parent > .e-child:has( gmp-map) {
        transition: all 0.5s ease-in-out;
        align-self: end;
    }
}

body:has(.e-off-canvas[aria-hidden="false"][ aria-label="Marker Info"])
{
    .elementor-widget-off-canvas .e-off-canvas__overlay {
        pointer-events: none;
    }

    .elementor-widget-off-canvas {
        overflow: unset;
    }

    .elementor-widget-off-canvas .e-off-canvas__content {
        overflow: clip;
    }

    @media only screen and (max-width: 767px) {
        .elementor-widget-off-canvas .e-off-canvas__content {
            bottom: calc(var(--kcss-gutter, 1.5em) *.5);
            position: relative;
        }
    }

    @media only screen and (max-width: 1200px) {
        /*.kcss_site-header--scroll-hide {*/
        /*    translate: 0%  -100%;*/
        /*    transition: all 0.25s ease-in-out;*/
        /*}*/
        .elementor-widget-off-canvas .e-off-canvas__content {
            bottom: var(--kcss-gutter);
        }

        #kcssMapWrap {
            max-height: calc((50dvh - var(--kcss-gutter)) - var(--kcss-header-height));
        }

    }

    @media only screen and (min-width: 1201px) {
        .kcss_site-header--scroll-hide {
            width: calc(var(--width) - var(--kcss-marker-info-width, 32rem));
            margin: 0;
            place-self: end;
        }

        .kcss_header-module {
            align-self: flex-end;
        }
        .e-con.e-parent > .e-child:has( gmp-map) {
            width: calc(100% - var(--kcss-marker-info-width, 32rem));
        }
    }
}

/*#kcssMapWrap {*/
/*    view-transition-name: mapWrapper;*/
/*}*/


.kcss .kcss_card:has(a) {
    cursor: pointer;
}

@media only screen and (max-width: 880px) {
    .kcss :where([data-elementor-type="wp-page"], .elementor-section-wrap) {
        display: flex;
        flex-direction: column;
        gap: var(--kcss-gutter);
    }
}

/*
*
*
***************************************************************************
.elementor-widget-text-editor styles
***************************************************************************
*
*
*/

.kcss .elementor-widget-text-editor :where(p, li, span, h1, h2, h3, h4, h5, h6, ul, ol) {
    overflow-wrap: normal;
}

.kcss .elementor-widget-text-editor  a {
    overflow-wrap: break-word;
}
.kcss .elementor-widget-text-editor h2 {
    line-height: 1.2;
}

.kcss .elementor-widget-text-editor :not(:first-child + *):not(:first-child):is(h2, h3, h4, h5, h6) {
    margin-block-start: 0.75em;
}

.kcss .elementor-widget-text-editor :is(h3, h4, h5, h6) {
    margin-block-end: 0.25em;
}

.kcss .elementor-widget-text-editor :is(h1, h2) {
    margin-block-end: 1em;
}

.kcss .elementor-widget-text-editor :is(h1, h2, h3, h4, h5, h6) + p {
    margin-block-end: 0em;
}

.kcss .elementor-widget-text-editor :is(ul, ol) {
    padding-inline-start: 1em;
}

.kcss .elementor-widget-text-editor :is(ul:not( > ul):not( > ol), ol:not( > ul):not( > ol), p, span) {
    margin-block-end: 3.0333ex;
}

.kcss .elementor-widget-text-editor :is(ul, ol):not(li > ul):not(li > ol) {
    padding-inline-start: 1.25em;
    margin-top: 3.0333ex;
    margin-bottom: 3.033ex;
}

.kcss .elementor-widget-text-editor *:last-child {
    margin-top: 3.0333ex;
    margin-block: 0ex;
}

.kcss .elementor-widget-text-editor li ul {
    list-style-type: "-";
}

.kcss .elementor-widget-text-editor li :is(ul) {
    padding-inline-start: 1em;
}

.kcss .elementor-widget-text-editor ::marker {
    color: var(--e-global-color-0152c20);
}


.kcss .elementor-widget-text-editor :where(ul, ol) :where (ul, ol) ::marker {
    color: inherit;
}

.kcss .elementor-widget-text-editor ul ::marker {
    font-size: 1.5em;
}

/*
*
*
*********************
Mobile Menu Icon
*********************
*
*/

.kcss {
    --kml-mobile-menu-icon-size: calc(var(--kcss-icon-sq-size, 1em) )!important;
    --kml-mobile-menu-icon-color: var(--e-global-color-secondary);
    --kml-mobile-menu-icon-color-active: var( --e-global-color-3dcf7e7 );

    --kml-mobile-menu-icon-surface-color: var( --e-global-color-dd86021 );

    --kml-mobile-menu-icon-surface-color-active: var( --e-global-color-86b9fb1 );
    --kml-mobile-menu-icon-line-weight: calc(var(--kcss-icon-sq-border-width)*1.6);
    --kml-mobile-menu-icon-close-line-position: calc(var(--kml-sub-menu-mobile-icon) * 1);
    --kml-sub-menu-mobile-icon: 1.2rem;
}

@media only screen and (max-width: 1024px) {

    .kcss .e-n-menu-toggle svg {
        display: none;
        visibility: hidden;
    }

    .kcss .e-n-menu-item .e-n-menu-title.e-click {
        justify-content: space-between;
    }

    .kcss .e-n-menu-toggle[aria-expanded="false"] .e-close {
        opacity: 1!important;
    }

    .kcss .e-n-menu-toggle {
        display: grid!important;
        cursor: pointer;
        font-size: var(--kml-mobile-menu-icon-size, 1.25em);
        transition: all 0.25s ease-in-out;
        padding: var(--kcss-icon-sq-padding, 1em) !important;
        background-color: var(--kml-mobile-menu-icon-surface-color);
        border: solid var(--kcss-icon-sq-border-width, 0) oklch(from #3C9697 l c h / 0.25);
        border-radius: var(--kcss-icon-sq-border-radius, 1em);
        corner-shape: var(--kcss-icon-sq-corner-shape, superellipse(1.15));
    }

    .kcss .e-n-menu-toggle:is([aria-expanded="true"], :focus-visible, :hover) {
        background-color: var(--kml-mobile-menu-icon-surface-color-active);
    }

    .kcss .e-n-menu-toggle span {
        width: calc(var(--kcss-icon-sq-size, 1em) * .8);
        height: calc(var(--kcss-icon-sq-size, 1em) * .8);
        grid-area: 1 / 1 / 2 / 2;
    }

    .kcss .e-n-menu-toggle span:before,
    .kcss .e-n-menu-toggle span:after {
        content: '';
        position: absolute;
        width: calc(var(--kcss-icon-sq-size, 1em) * .8);
        height: var(--kml-mobile-menu-icon-line-weight);
        background: var(--kml-mobile-menu-icon-color);
        /*border-radius: 99em;*/
        transition: all 0.25s cubic-bezier(0.68, -0.55, 0.27, 1.55);

        transform: translateZ(0);
        /* Forces hardware acceleration */
        will-change: transform;
        /* Optimizes rendering for transformations */
    }

    .kcss .e-n-menu-toggle .e-open:before {
        top: calc(50% - (var(--kml-mobile-menu-icon-line-weight) / 2));
        /*top: calc(var(--kml-mobile-menu-icon-close-line-position) + (var(--kml-mobile-menu-icon-line-weight)*2.8));*/
    }

    .kcss .e-n-menu-toggle[aria-expanded="true"] .e-close:before,
    .kcss .e-n-menu-toggle[aria-expanded="true"] .e-close:after {
        background-color:
                var(--kml-mobile-menu-icon-color-active);
    }

    .kcss .e-n-menu-toggle .e-open:after {
        bottom: calc(50% - (var(--kml-mobile-menu-icon-line-weight) / 2));
        /*bottom: calc(var(--kml-mobile-menu-icon-close-line-position) + (var(--kml-mobile-menu-icon-line-weight)*2.8));*/
    }

    .kcss .e-n-menu-toggle .e-close:before, .kcss .e-n-menu-toggle .e-close:after {
        top: calc(50% - (var(--kml-mobile-menu-icon-line-weight) / 2));
    }

    .kcss .e-n-menu-toggle[aria-expanded="true"] .e-close:before {
        transform: rotate(45deg);
    }

    .kcss .e-n-menu-toggle[aria-expanded="true"] .e-close:after {
        transform: rotate(-45deg);
    }

    .kcss .e-n-menu-toggle[aria-expanded="false"] .e-close:before,
    .kcss .e-n-menu-toggle[aria-expanded="false"] .e-close:after {
        transform: rotate(0deg);
    }

    .kcss .e-n-menu-toggle[aria-expanded="false"] .e-open:after {
        bottom: calc(var(--kml-mobile-menu-icon-close-line-position) + (var(--kml-mobile-menu-icon-line-weight)*2));
    }

    .kcss .e-n-menu-toggle[aria-expanded="false"] .e-open:before {
        top: calc(var(--kml-mobile-menu-icon-close-line-position) + (var(--kml-mobile-menu-icon-line-weight)*2));
    }

    .kcss .e-n-menu-title .e-n-menu-dropdown-icon span svg {
        width: var(--kml-sub-menu-mobile-icon, 1.2rem);
        height: var(--kml-sub-menu-mobile-icon, 1.2rem);
    }

    .kcss .e-n-menu-title .e-n-menu-dropdown-icon[aria-expanded="false"] .e-n-menu-dropdown-icon-opened {
        transform: rotate(-180deg);
    }

    .kcss .e-n-menu-title .e-n-menu-dropdown-icon[aria-expanded="true"] .e-n-menu-dropdown-icon-opened {
        transform: rotate(-90deg);
    }

    .kcss .e-n-menu-title .e-n-menu-dropdown-icon[aria-expanded="false"] .e-n-menu-dropdown-icon-closed {
        transform: rotate(0);
    }

    .kcss .e-n-menu-title .e-n-menu-dropdown-icon[aria-expanded="true"] .e-n-menu-dropdown-icon-closed {
        transform: rotate(90deg);
    }

}

.kcss.admin-bar {
    --_wp-admin-top: 32px;
}

.kcss_site-header--scroll-hide {
    z-index: 1000;
    position: fixed;
    top: calc(var(--_wp-admin-top, 0px) + 0px);
    /*left: 0;*/
    right: 0;
    transition: transform 0.25s ease, width var(--kcss-marker-info-animation-duration, 500ms) ease-in-out;
    will-change: transform, width;
}

.kcss_site-header--scroll-hide.is--hidden {
    transform: translateY(-100%);
}

/*
*
* Map Style
*
*/

@keyframes --kcss_map-marker-spring {
    0% {
        top: 0rem;
        scale: 1 0.99;
    }
    50% {
        top: -0.2rem;
        scale: 1 1.01;
    }
    100% {
        top: 0rem;
        scale: 1 0.99;
    }
}

gmp-map {
    &:not(.fade-in) {
        opacity: 0;
        transition: opacity 0.25s ease-in-out;
    }
    .fade-in {
        opacity: 1;
    }
}

gmp-advanced-marker {
    --kcss-map-marker-scale-calc: calc(var(--kcss-map-marker-scale, 10) * .1);

    .kcss_map-marker {
        opacity: 0.8;
        font-size: clamp(2.4rem, 0.571rem + 2.381vw, 3.2rem);
        transition: all 0.25s cubic-bezier(1, -0.78, 0.45, 1.51);

        .kcss_map-marker__icon {
            display: flex;
            transition: all 0.25s cubic-bezier(1, -0.78, 0.45, 1.51);

            svg {
                position: relative;
                transition: all 0.25s cubic-bezier(1, -0.78, 0.45, 1.51);
                fill: var(--e-global-color-0f93c5f);
                color: var(--e-global-color-3dcf7e7);
                width: calc(var(--kcss-icon-sq-size, 1em) * .8) !important;
                height: calc(var(--kcss-icon-sq-size, 1em) * .8) !important;
                scale: clamp(0.5, var(--kcss-map-marker-scale-calc, 2), 1.1);
                transform-origin: 50% calc(100% - 0.1em);
                transition: all 0.25s cubic-bezier(1, -0.78, 0.45, 1.51);
            }
        }

        &:after {
            content: '';
            position: absolute;
            width: 0.5em;
            height: 0.1em;
            background: oklch(from currentColor l c h / 0.125);
            /* bottom: 0; */
            place-self: end center;
            border-radius: 50%;
            inset: 0 0 0.05em 0;
        }

        &.is-active {
            opacity: 1;
            font-size: clamp(2.4rem, 0.571rem + 2.381vw, 4rem);
            pointer-events: none;

            &:after {
                content: '';
                width: 0.75em;
                height: 0.1em;
                background: oklch(from currentColor l c h / 0.25);
                place-self: end center;
                border-radius: 50%;
                inset: 0 0 0.05em 0;
            }
        }

        &:is(:hover, .is-active) {
            svg {
                animation: --kcss_map-marker-spring 0.5s ease-in-out infinite;
            }
        }


        /*&:is(:hover) {*/
        /*    !*outline: solid 1px red;*!*/
        /*    !*padding: 1em;*!*/
        /*    .kcss_map-marker:not(.is-active) {*/
        /*        svg {*/
        /*            animation: --kcss_map-marker-spring 0.5s ease-in-out infinite;*/
        /*        }*/
        /*    }*/
        /*}*/
    }

    .kcss_map-marker.is-active .kcss_map-marker__dot {
        /* optional: change colour when active */
        background: var(--e-global-color-093c6af);
    }
}

/*

Formidable Overrides

*/

.kcss .with_frm_style {
    --fieldset-color: var(--e-global-color-primary);
    --fieldset-padding: 0px 0px 0px 0px;
    --title-color: var(--e-global-color-primary);
    --form-desc-color: var(--e-global-color-primary);
    --font-size: inherit;
    --label-color: var(--e-global-color-primary);
    --weight: normal;
    --position: none;
    --align: left;
    --width: 150px;
    --required-color: var(--e-global-color-093c6af);
    --required-weight: bold;
    --label-padding: 0 0 0.25em 0;
    --description-font-size: 0.75em;
    --description-color: var(--e-global-color-primary);
    --description-weight: normal;
    --description-style: normal;
    --description-align: left;
    --description-margin: 0px;
    --field-font-size: 1em;
    --field-height: 2.25em;
    --line-height: 2.25em;
    --field-width: 100%;
    --auto-width: 100%;
    --field-pad: 0.5em 0.75em;
    --field-margin: 1.25em;
    --field-weight: normal;
    --text-color: var(--e-global-color-primary);
    --border-color: var(--e-global-color-fc00b59);
    --field-border-width: 1px;
    --field-border-style: solid;
    --bg-color: var(--e-global-color-0f93c5f);
    --bg-color-active: var(--e-global-color-0f93c5f);
    --border-color-active: var(--e-global-color-4823831);
    --text-color-error: var(--e-global-color-primary);
    --bg-color-error: var(--e-global-color-0f93c5f);
    --border-color-error: var(--e-global-color-093c6af);
    --border-width-error: 1px;
    --border-style-error: solid;
    --bg-color-disabled: oklch(from var(--text-color-disabled) l c h / 0.15);
    --border-color-disabled: oklch(from var(--bg-color-disabled) 50% c h / 0.25);
    --text-color-disabled: oklch(from var(--e-global-color-primary) l c h / 0.5);
    --radio-align: block;
    --check-align: block;
    --check-font-size: var(--font-size);
    --check-label-color: var(--label-color);
    --check-weight: normal;
    --submit-font-size: inherit;
    --submit-width: auto;
    --submit-height: auto;
    --submit-bg-color: var(--e-global-color-4823831);
    --submit-border-color: var(--border-color);
    --submit-border-width: 1px;
    --submit-text-color: var(--e-global-color-primary);
    --submit-weight: normal;
    --submit-border-radius: 8px;
    --submit-margin: 10px;
    --submit-padding: 8px 16px;
    --submit-shadow-color: #eeeeee;
    --submit-hover-bg-color: var(--e-global-color-86b9fb1);
    --submit-hover-color: var( --e-global-color-3dcf7e7 );
    --submit-hover-border-color: var(--border-color);
    --submit-active-bg-color: var(--e-global-color-86b9fb1);
    --submit-active-color: var( --e-global-color-3dcf7e7 );
    --submit-active-border-color: var(--border-color);
    --border-radius: 8px;
    --error-bg: #FEE4E2;
    --error-border: #F5B8AA;
    --error-text: #F04438;
    --error-font-size: 15px;
    --success-bg-color: #DFF0D8;
    --success-border-color: #D6E9C6;
    --success-text-color: #468847;
    --success-font-size: 15px;
    --progress-bg-color: #EAECF0;
    --progress-color: #1D2939;
    --progress-active-bg-color: #4bbbbd;
    --progress-active-color: #ffffff;
    --progress-border-color: #EAECF0;
    --progress-border-size: 1px;
    --progress-size: 32px;
    --base-font-size: 16px;
    --toggle-font-size: 15px;
    --toggle-on-color: #4bbbbd;
    --toggle-off-color: #EAECF0;
    --slider-font-size: 14px;
    --slider-track-size: 8px;
    --slider-circle-size: 24px;
    --slider-color: #4bbbbd;
    --slider-bar-color: #EAECF0;
    --date-head-bg-color: #4bbbbd;
    --date-head-color: #1D2939;
    --date-band-color: #4bbbbd;
    --bg-image-opacity: 100%;
    --box-shadow: 0 1px 2px 0 rgba(18, 18, 23, 0.05);
}

.kcss .frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):not([type=range]):not([readonly]):focus, .kcss .frm_style_formidable-style.with_frm_style select:focus, .kcss .frm_style_formidable-style.with_frm_style .form-field textarea:focus, .kcss .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=text], .kcss .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=password], .kcss .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=email], .kcss .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=number], .kcss .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=url], .kcss .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=tel], .kcss .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=search], .frm_form_fields_active_style, .kcss .frm_style_formidable-style.with_frm_style .frm_focus_field .frm-card-element.StripeElement {
    background-color: var(--bg-color-active);
    border-color: var(--border-color-active);
    color: var(--text-color);
    box-shadow: 0 0 0px 1px var(--border-color-active);
}

.kcss .frm_style_formidable-style.with_frm_style input[type=submit], .kcss .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .kcss .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style {
    color: var( --e-global-color-3dcf7e7 );
    font-size: var( --e-global-typography-78f7bb5-font-size );
    font-weight: var(--e-global-typography-78f7bb5-font-weight);
    padding: 1.2rem 1.6rem;
    background-color: var(--e-global-color-dd86021);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-fc00b59);
    border-radius: 1.2rem;
    transition: all 0.25s ease-in-out;
}

    .frm_style_formidable-style.with_frm_style .frm_submit button {
        &:has(:hover, :focus) {
            background-color: var(--e-global-color-86b9fb1);
            color: var( --e-global-color-3dcf7e7 );
        }
    }
}