/*
*Theme Name:     CozyStay Child Theme
*Theme URI: 	 https://cozystay.loftocean.com/
*Description:    CozyStay child theme for user customization
*Author:         Loft.Ocean
*Author URI:     http://www.loftocean.com
*License: 		 GNU General Public License v2 or later
*License URI: 	 http://www.gnu.org/licenses/gpl-2.0.html
*Tags: 			 full-width-template, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, threaded-comments, translation-ready
*Template:       cozystay
*Text Domain: 	 cozystay-child
*Version:        1.0
*/

 /** Add your styles below **/
input[type="text"], input[type="email"], input[type="url"], input[type="file"], input[type="password"], input[type="number"], input[type="date"], input[type="search"], input[type="tel"], textarea, select {
    height: 55px;
    border: 1px solid #EAE2CC;
    border-radius: 4px;
    color: #EEEEEE;
    font-size: 16px;
}

.lightmode input[type="text"],
.lightmode input[type="email"],
.lightmode input[type="url"],
.lightmode input[type="file"],
.lightmode input[type="password"],
.lightmode input[type="number"],
.lightmode input[type="date"],
.lightmode input[type="search"],
.lightmode input[type="tel"],
.lightmode textarea, select {
    border: 1px solid #7D7164;
    color: #7D7164;
}

.wpcf7-form input[type="submit"] {
    height: 55px;
    border-radius: 4px;
    background: none;
    border: 1px solid #EAE2CC;
    color: #EEEEEE;
    font-size: 16px;
    font-weight: 600;
}
.wpcf7-form input[type="submit"]:hover {
    background: linear-gradient(0deg, #EAE2CC, #EAE2CC), linear-gradient(0deg, rgba(234, 226, 204, 0), rgba(234, 226, 204, 0)) !important;
    background: #EEEEEED6 !important;
	color: #6D6C54 !important;
	border: 1px solid #EAE2CC;
    border: 1px solid #FFFFFF80 !important;
    backdrop-filter: blur(6px) !important;
    box-shadow: -4px -4px 8px 0px #FFFFFFC7 inset, 4px 4px 8px 0px #2828281F inset !important;
}

.lightmode .wpcf7-form input[type="submit"] {
    color: #6D6C54;
	border: 1px solid #6D6C54
}
.lightmode .wpcf7-form input[type="submit"]:hover {
	color: #EEEEEE !important;
	background: #6D6C54 !important;
	border: 1px solid #6D6C54
}

.button.cs-btn-small {
    --btn-height: 55px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
}
.button.cs-btn-outline {
    color: #EEEEEE;
    background: none;
    border: 1px solid #EAE2CC;
}
.button.cs-btn-outline:hover {
    background: linear-gradient(0deg, #EAE2CC, #EAE2CC), linear-gradient(0deg, rgba(234, 226, 204, 0), rgba(234, 226, 204, 0)) !important;
    color: #6D6C54 !important;
    border: 1px solid #EAE2CC;
}

.menu-toggle {
    --line-width: 56px;
    --line-height: 1px;
    --height: 56px;
    border-radius: 4px;
    background: #282828;
    box-shadow: 3px 3px 12px 0px #00000099, -3px -3px 12px 0px #FFFFFF1F;
}

.menu-toggle .menu-toggle-icon:before, .menu-toggle .menu-toggle-icon:after {
    width: 16px;
    border-width: 2.5px;
    left: 20px;
}
.menu-toggle .menu-toggle-icon:after {
    left: 24px;
}
.menu-toggle:hover {
    box-shadow: 3px 3px 12px 0px #00000099 inset, -3px -3px 8px 0px #FFFFFF1F inset;
	color: #ffffff !important;
}
.menu-toggle.close-button:before, .menu-toggle.close-button:after {
    top: 27px;
    left: 14px;
}

.to-top {
    border-radius: 4px;
	/*border: 1px solid #EAE2CC;
	color: #EEEEEE;*/
	background: linear-gradient(0deg, rgba(238, 238, 238, 0.84), rgba(238, 238, 238, 0.84)), linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
	border: 1px solid #FFFFFF80;
	box-shadow: -4px -4px 8px 0px #FFFFFFC7, 4px 4px 8px 0px #2828281F;
	color: #6D6C54;
	right: 10px;
    bottom: 10px;
}
.to-top:hover {
    /*background: linear-gradient(0deg, #EAE2CC, #EAE2CC), linear-gradient(0deg, rgba(234, 226, 204, 0), rgba(234, 226, 204, 0)) !important;
    color: #6D6C54 !important;
    border: 1px solid #EAE2CC;*/
	background: #6D6C54 !important;
	border: 1px solid #6D6C54;
	box-shadow: 4px 4px 10px 0px #353624E5 inset, -3px -3px 10px 0px #FFFFFF1F inset;
	color: #EEEEEE !important;
}
.klaviyo-form input[type="email"]{
    height: 55px !important;
    border: 1px solid #EAE2CC !important;
    border-radius: 4px !important;
    color: #EEEEEE !important;
    font-size: 16px !important;
    background: none !important;
}
.klaviyo-form input[type="email"]#email_99694431:hover{
    border: 1px solid #EAE2CC !important;
	border-color: #EAE2CC !important;
}
.klaviyo-form p, .klaviyo-form p span {
    color: #fff !important;
}
.klaviyo-form label .needsclick {
    color: #fff !important;
}

.klaviyo-form button.needsclick {
    height: 55px !important;
    border-radius: 4px !important;
    background: none !important;
    border: 1px solid #EAE2CC !important;
    color: #EEEEEE !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}
.klaviyo-form button.needsclick:hover {
    background: linear-gradient(0deg, #EAE2CC, #EAE2CC), linear-gradient(0deg, rgba(234, 226, 204, 0), rgba(234, 226, 204, 0)) !important;
	color: #6D6C54 !important;
	border: 1px solid #EAE2CC !important;
}
.klaviyo-form .klaviyo-form input[type=checkbox]+label {
    position: relative;
    padding-left: 40px;
}
.klaviyo-form .klaviyo-form input[type=checkbox]+label::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    background: url('https://camberaesthetics.com/wp-content/uploads/2024/02/checkbox-dark.svg') no-repeat center center;
    background-size: cover;
    height: 40px;
    width: 40px;
}
.klaviyo-form .klaviyo-form input[type=checkbox]+label::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    background: url('https://camberaesthetics.com/wp-content/uploads/2024/02/checkbox-dark-h.svg') no-repeat center center;
    background-size: cover;
    height: 40px;
    width: 40px;
}

@media only screen and (min-width: 1025px) {
    .col-ratio-1.e-parent .e-con.e-child {aspect-ratio: 1;}
}

.col-ratio-1.e-parent .e-con.e-child {
    aspect-ratio: 1;
    justify-content: center;
}

.site-header.custom-sticky-header.sticky {
	background: linear-gradient(0deg, rgba(40, 40, 40, 0.3), rgba(40, 40, 40, 0.5));
}


.short_info_wrap {
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
}
.short_info_wrap .short_info_text {
    padding-right: 15px;
}
.short_info_wrap a.btn_default {
    --line-height: 19px;
    --height: 55px;
    border-radius: 4px;
    background: #282828;
    box-shadow: 3px 3px 12px 0 #00000099,-3px -3px 12px 0 #FFFFFF1F;
    position: relative;
    z-index: 999;
    padding: 18px 24px;
    height: var(--height);
    border: none;
    color: #EEEEEE;
    font-size: 16px !important;
    line-height: var(--line-height);
    transition: 0.4s;
    cursor: pointer;    
}
.short_info_wrap a.btn_default:hover {
    box-shadow: 4px 4px 10px 0 #353624E5 inset,-4px -4px 10px 0 #FFFFFF1F inset;
    color: #ffffff!important;
    background: #6D6C54;
}

@media only screen and (max-width: 767px) {
    .short_info_wrap {
        flex-direction: column;
        row-gap: 20px;
        padding-bottom: 30px;
        text-align: center;
    }
}

.slick-dots li button:before {
    border-radius:0;
}
.slick-dots {
    margin: 10px auto 0;
}
 
.page-template-template-services .site-header {
    position: relative;
}
.site-header.custom-sticky-header {
    position: fixed;
}
.page-template-template-services .primary {
    padding-bottom:0px;
}

.page-template-template-services #masthead { display: none;}

.header-top {}
.header-top-light {}

.page-template-template-services .site-header.header-light {
    background: #E9E7E3;
}

.shortcode_btn {
    position: relative;
    z-index: 9;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 48px;
    height: var(--btn-height);
    background: var(--btn-bg);
    border: none;
    border-radius: var(--btn-radius);
    color: var(--btn-color);
    font-family: var(--btn-font);
    font-size: var(--btn-font-size);
    font-weight: var(--btn-font-weight);
    letter-spacing: var(--btn-letter-spacing);
    text-transform: var(--btn-text-transform);
    line-height: 1;
    text-align: center;
    transition: 0.4s;
    cursor: pointer;
}
a.btn_default.shortcode_btn.size_sm {
    padding: 0 15px;
    height: 32px;
}
.btn_outline_light .button.cs-btn-outline,
.btn_outline_light .button.elementor-button-link,
.shortcode_btn.btn_outline_light {
    color: #6D6C54 !important;
    background: none;
    border: 1px solid #6D6C54;
    border-radius: 4px;
}
.btn_outline_light .button.cs-btn-outline:hover,
.btn_outline_light .button.elementor-button-link:hover,
.shortcode_btn.btn_outline_light:hover {
    background: linear-gradient(0deg, #6D6C54, #6D6C54), linear-gradient(0deg, rgba(234, 226, 204, 0), rgba(234, 226, 204, 0)) !important;
    color: #EEEEEE !important;
    border: 1px solid #6D6C54;
}
.btn_outline_light_1 .button.cs-btn-outline,
.btn_outline_light_1 .button.elementor-button-link,
.shortcode_btn.btn_outline_light_1 {
    color: #6D6C54 !important;
    background: none;
    border: 1px solid #6D6C54;
    border-radius: 4px;
}
.btn_outline_light_1 .button.cs-btn-outline:hover,
.btn_outline_light_1 .button.elementor-button-link:hover,
.shortcode_btn.btn_outline_light_1:hover {
    background: linear-gradient(0deg, #6D6C54, #6D6C54), linear-gradient(0deg, rgba(234, 226, 204, 0), rgba(234, 226, 204, 0)) !important;
    color: #EEEEEE !important;
    text-shadow: 0px 0px 1px 0px #1E1E1E;
    border: 1px solid #6D6C54 !important;    
    box-shadow: 4px 4px 10px 0px #353624E5 inset, -3px -3px 10px 0px #FFFFFF1F inset;
}

.btn_outline_light_2 .button.cs-btn-outline,
.btn_outline_light_2 .button.elementor-button-link,
.shortcode_btn.btn_outline_light_2 {
    color: #EEEEEE !important;
    background: none;
    border: 1px solid #EAE2CC;
    border-radius: 4px;
}
.btn_outline_light_2 .button.cs-btn-outline:hover,
.btn_outline_light_2 .button.elementor-button-link:hover,
.shortcode_btn.btn_outline_light_2:hover {
    color: #6D6C54 !important;
    background: #EEEEEED6 !important;
    border: 1px solid #FFFFFF80 !important;
    backdrop-filter: blur(6px) !important;
    box-shadow: -4px -4px 8px 0px #FFFFFFC7 inset, 4px 4px 8px 0px #2828281F inset !important;
}

.btn_outline_dark_1 .button.cs-btn-outline,
.btn_outline_dark_1 .button.elementor-button-link,
.shortcode_btn.btn_outline_dark_1 {
    color: #6D6C54 !important;
    background: none;
    border: 1px solid #6D6C54;
    border-radius: 4px;
}
.btn_outline_dark_1 .button.cs-btn-outline:hover,
.btn_outline_dark_1 .button.elementor-button-link:hover,
.shortcode_btn.btn_outline_dark_1:hover {
    color: #6D6C54 !important;
    background: #EEEEEED6;
    border: 1px solid #FFFFFF80;
    backdrop-filter: blur(6px);
    box-shadow: -4px -4px 8px 0px #FFFFFFC7 inset, 4px 4px 8px 0px #2828281F inset;
}
/* .header-light .menu-toggle {
    background: #EEEEEE;
    border: 1px solid #FFFFFF80;
    color: #6D6C54;
    backdrop-filter: blur(6px);
    box-shadow: -4px -4px 8px 0px #FFFFFFC7, 4px 4px 8px 0px #2828281F;
}
.header-light .menu-toggle:hover {
    backdrop-filter: blur(6px);
    box-shadow: -4px -4px 8px 0px #FFFFFFC7 inset, 4px 4px 8px 0px #2828281F inset;
    color: #6D6C54 !important;
} */

.btn_light_1 .button.cs-btn-outline,
.btn_light_1 .elementor-button-link,
.shortcode_btn.btn_light_1 {
    color: #6D6C54 !important;
    background: none;    
    border-radius: 4px;
    border: 1px solid #FFFFFF80;
    text-shadow: 0px 0px 1px 0px #ffffff;
    backdrop-filter: blur(6px);
    box-shadow: -4px -4px 8px 0px #FFFFFFC7, 4px 4px 8px 0px #2828281F;
}
.btn_light_1 .button.cs-btn-outline:hover,
.btn_light_1 .elementor-button-link:hover,
.shortcode_btn.btn_light_1:hover {
    background: linear-gradient(0deg, #6D6C54, #6D6C54), linear-gradient(0deg, rgba(234, 226, 204, 0), rgba(234, 226, 204, 0)) !important;
    color: #EEEEEE !important;
    text-shadow: 0px 0px 1px 0px #1E1E1E;
    border: 1px solid #6D6C54 !important;    
    box-shadow: 4px 4px 10px 0px #353624E5 inset, -3px -3px 10px 0px #FFFFFF1F inset;
}

.btn_light_2 .button.cs-btn-outline,
.btn_light_2 .button.elementor-button-link,
.shortcode_btn.btn_light_2 {
    color: #6D6C54 !important;
    background: #EEEEEED6;    
    border-radius: 4px;
    border: 1px solid #FFFFFF80;
    backdrop-filter: blur(6px);
    box-shadow: -4px -4px 8px 0px #FFFFFFC7, 4px 4px 8px 0px #2828281F;
}
.btn_light_2 .button.cs-btn-outline:hover,
.btn_light_2 .button.elementor-button-link:hover,
.shortcode_btn.btn_light_2:hover {
    color: #6D6C54 !important;
    background: #EEEEEED6;         
    border: 1px solid #FFFFFF80 !important; 
    backdrop-filter: blur(6px);
    box-shadow: -4px -4px 8px 0px #FFFFFFC7 inset, 4px 4px 8px 0px #2828281F inset;
}

.btn_light_2_1 .button.cs-btn-outline,
.btn_light_2_1 .button.elementor-button-link,
.shortcode_btn.btn_light_2_1 {
    color: #6D6C54 !important;
    background: #EEEEEED6;    
    border-radius: 4px;
    border: 1px solid #FFFFFF80;
    backdrop-filter: blur(6px);
    box-shadow: -4px -4px 8px 0px #FFFFFFC7 inset, 4px 4px 8px 0px #2828281F inset;
}
.btn_light_2_1 .button.cs-btn-outline:hover,
.btn_light_2_1 .elementor-button-link:hover,
.shortcode_btn.btn_light_2_1:hover {
    background: linear-gradient(0deg, #6D6C54, #6D6C54), linear-gradient(0deg, rgba(234, 226, 204, 0), rgba(234, 226, 204, 0)) !important;
    color: #EEEEEE !important;
    text-shadow: 0px 0px 1px 0px #1E1E1E;
    border: 1px solid #6D6C54 !important;    
    box-shadow: 4px 4px 10px 0px #353624E5 inset, -3px -3px 10px 0px #FFFFFF1F inset;
}

.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a {
    color: inherit;
}

.elementor-widget-text-editor ul {}
.elementor-widget-text-editor ul li::marker {}
.elementor-widget-text-editor ul li,
.cs-title-text ul li {list-style: square;}