/*
Theme Name: Cheer Child
Description: Cheer child theme (based on Hello Elementor Child theme)
Author: Site Assemble
Author URI: https://siteassemble.com/
Template: cheer
Version: 1.0.0
Text Domain: cheer-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
*/

/*** Header ***/
.sticky-header.elementor-sticky--effects {
    min-height: 50px;
    padding: 10px 20px;
    transition: all 0.3s ease-in-out; /* Smooth transition */
}
.sticky-header.elementor-sticky--effects .sticky-logo img {
    max-height: 40px; /* Adjust logo size */
    transition: max-width 0.3s ease-in-out;
}
.sticky-header.elementor-sticky--effects .sticky-nav-item {
    /*font-size: 14px;
    transition: font-size 0.3s ease-in-out;*/
}
.cheer-header-phone a {
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
}

/*** Masks ***/
.cheer-mask-arch {
    margin-bottom: -100px;
    -webkit-mask-image: url("images/masks/mask_arch_full.svg");
    mask-image: url("images/masks/mask_arch_full.svg");
    -webkit-mask-position: bottom;
    mask-position: bottom;
    mask-size: 100% auto;
    mask-repeat: no-repeat;
    z-index: 100;
}

/*** Elementor Flip Box ***/
.elementor-flip-box__layer {
    transition: all .4s ease-in-out;
}


/* WPForms */
.wpforms-submit {
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    line-height: 1em !important;
    color: var(--e-global-color-primary) !important;
    padding: 20px !important;
    background-color: var(--e-global-color-accent) !important;
    border-radius: 20px 0px 20px 0px !important;
    width: 100% !important;
    height: auto !important;
}
.wpforms-submit:hover {
    background: none !important;
    background-color: var(--e-global-color-f08c893) !important;
}


/*** Responsive - tablet ***/
@media screen and (max-width: 1024px) {
    .cheer-mask-arch {
        -webkit-mask-image: url("images/masks/mask_arch_tablet.svg");
        mask-image: url("images/masks/mask_arch_tablet.svg");
    }
}

/*** Responsive - mobile ***/
@media screen and (max-width: 767px) {
    .cheer-mask-arch {
        -webkit-mask-image: url("images/masks/mask_arch_mobile.svg");
        mask-image: url("images/masks/mask_arch_mobile.svg");
    }
}

@media (max-width: 575px) {
    body:not([class*="elementor-page-"]) .site-main {
        padding-inline-end: 0;
        padding-inline-start: 0;
    }
}