/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

/* Color themes (overrides for Light) */

/*
--e-global-color-primary:#00A868;
--e-global-color-secondary:#343434;
--e-global-color-text:#1D1D1B;
--e-global-color-accent:#1D1D1B;
--e-global-color-17dc113:#FFFFFF;
--e-global-color-6499d26:#F2F2F2;
--e-global-color-eb4bd52:#00000000;
--e-global-color-c211e9c:#38332E;
--e-global-color-960dc3c:#8A7A5C;
--e-global-color-fa933b1:#F4EEE1;
--e-global-color-87362a5:#FDF9EE;
--e-global-color-aef9972:#35D485;
--e-global-color-1fcffa7:#00A868;
--e-global-color-a978c1f:#007056;
--e-global-color-afec65c:#1D1D1BB3;
--e-global-color-0c32b69:#A6A6A6;
--e-global-color-069691c:#00A8684D;
*/

body.light.elementor-kit-30  {

    --e-global-color-primary:#00A868;
    --e-global-color-secondary:#F4EEE1;
    --e-global-color-text:#1D1D1B;
    --e-global-color-accent:#1D1D1B;
    --e-global-color-17dc113:/*#1D1D1B*/#38332E;
    --e-global-color-6499d26:#1D1D1B;
    --e-global-color-eb4bd52:#00000000;
    --e-global-color-c211e9c:#38332E;
    --e-global-color-960dc3c:#8A7A5C;
    --e-global-color-fa933b1:#F4EEE1;
    --e-global-color-87362a5:#FDF9EE;
    --e-global-color-aef9972:#35D485;
    --e-global-color-1fcffa7:#00A868;
    --e-global-color-a978c1f:#007056;
    --e-global-color-afec65c:#FBF8F08A;
    --e-global-color-0c32b69:#8A7A5C;
	/*	#A6A6A6;*/
    --e-global-color-069691c:#00A8684D;
	--e-global-color-c6f1690: #EDE4D4;
    
    /* Main background */
    --e-global-color-accent: #FDF9EE;
    
    /* Gray transparent becomes beige transparent */
    --e-global-color-afec65c: /*#fbf8f0b2*/ #FBF8F0B3;
    
    /* White stays white on buttons and green-bg */
    .elementor-widget-button, .keep-white, .terms {
        --e-global-color-17dc113:#FFFFFF;
    }
    
    .elementor-image-carousel-wrapper {
        filter: brightness(0) saturate(100%);
    }
	
	/* Change header colour */
	header.elementor-location-header.elementor div.elementor-element.header {
		background-color: #FDF9EED9;
	}
	
	/* Tab Section */
	 .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text, .e-n-tab-title[aria-selected="true"] .fas {
		color: #FFFFFF
	}

}

/* Color theme toggle */
.color-theme-wrapper {
    width: max-content;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}

.color-theme-wrapper .light,
.color-theme-wrapper .dark {
    width: 1.15rem;
    height: 1.15rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.color-theme-wrapper .light svg,
.color-theme-wrapper .dark svg {
    width: 100%;
    height: 100%;
}

.color-theme-wrapper .light {
    color: #ffffff66;
}
.color-theme-wrapper .dark {
    color: #fff;
}

.color-theme-wrapper.checked .light {
    color: #6b6b6b;
}
.color-theme-wrapper.checked .dark {
    color: #6b6b6b66;
}

.color-theme-toggle {
    width: 2.4rem;
    border: none;
}
.color-theme-toggle input {
    opacity: 0;
    position: absolute;
}
.color-theme-toggle input + label {
    position: relative;
    display: flex;
    user-select: none;
    transition: 0.4s ease;
    height: 1.2rem;
    width: 2.4rem;
    border-radius: 10rem;
}
.color-theme-toggle input + label:before {
    content: "";
    position: absolute;
    display: block;
    transition: 0.2s cubic-bezier(0.24,0,0.5,1);
    height: 1.3rem;
    width: 2.4rem;
    top: 0;
    border-radius: 10rem;
    background-color: #fff;
}
.color-theme-toggle input + label:after {
    content: "";
    position: absolute;
    display: block;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 4px 0px 0 rgba(0,0,0,0.04), 0 4px 9px rgba(0,0,0,0.13), 0 3px 3px rgba(0,0,0,0.05);
    transition: 0.35s cubic-bezier(0.54,1.6,0.5,1);
    background: #000;
    height: .9rem;
    width: .9rem;
    top: 0.2rem;
    left: 0.2rem;
    border-radius: 10rem;
}
.color-theme-toggle input:checked + label:before {
    background-color: #6b6b6b;
    transition: width 0.2s cubic-bezier(0,0,0,0.1);
}
.color-theme-toggle input:checked + label:after {
    left: 1.3rem;
	background-color: white;
}