/* 
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 Bteam of Ketamine Media
Author: Md Forid Uddin
Author URI: https://www.facebook.com/foriduddin.dev
Template: hello-elementor
Version: 1.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
*/

/* =====================================================================
* Home Page Font Size Adjust
* =====================================================================
*/
@media screen and (min-width: 1301px) {
    body.home h1 {
        font-size: 50px;
    }

    body.home h2 {
        font-size: 35px;
    }

    body.home h3 {
        font-size: 30px;
    }

    body.home h4 {
        font-size: 25px;
    }

    body.home h5 {
        font-size: 22px;
    }

    body.home h6 {
        font-size: 20px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1300px) {
    body.home h1 {
        font-size: 45px;
    }

    body.home h2 {
        font-size: 32px;
    }

    body.home h3 {
        font-size: 28px;
    }

    body.home h4 {
        font-size: 22px;
    }

    body.home h5 {
        font-size: 20px;
    }

    body.home h6 {
        font-size: 18px;
    }
}

/* =====================================================================
  * Body Custom Css Code 
  * =====================================================================
  */
body .elementor-widget-html .elementor-widget-container :where(ul, ol),
body .elementor-widget-text-editor .elementor-widget-container :where(ul, ol),
body .elementor-widget-theme-post-content .elementor-widget-container :where(ul, ol) {
    margin-bottom: 0.9rem;
}

body .elementor-widget-text-editor .elementor-widget-container :last-child,
body .elementor-widget-html .elementor-widget-container :last-child,
body .elementor-widget-theme-post-content .elementor-widget-container :last-child {
    margin-bottom: 0px;
}

body .elementor-widget-html .elementor-widget-container :where(ul, ol) li:not(:last-child),
body .elementor-widget-text-editor .elementor-widget-container :where(ul, ol) li:not(:last-child),
body .elementor-widget-theme-post-content .elementor-widget-container :where(ul, ol) li:not(:last-child) {
    margin-bottom: 8px;
}

body .elementor-widget-text-editor.no-space .elementor-widget-container *:last-child {
    margin-bottom: 0px;
}

body .elementor-widget-heading span.elementor-heading-title,
body .elementor-widget-heading p.elementor-heading-title {
    line-height: 1.4;
}

body :where(.elementor-accordion-item, .elementor-toggle-item) .elementor-tab-title.elementor-active {
    background-color: var(--e-global-color-secondary) !important;
}

body .elementor-widget-heading span.elementor-heading-title {
    text-transform: uppercase;
    color: var(--e-global-color-secondary);
    font-weight: 500;
}

body .elementor-widget-image-box .elementor-image-box-img img {
  display: inline-block;
}

body .elementor-widget-button .elementor-button {
  min-width: min(100%, 200px);
}

body .elementor-widget-button .elementor-widget-container {
  width: 100%;
}

@media only screen and (max-width: 767px) {
	body .elementor-widget-heading:not(.skip) .elementor-heading-title br {
        display: none;
    }
}

/* =====================================================================
  * Menu Button Custom Css 
  * =====================================================================
  */
body [data-elementor-type="header"] .menu__button a {
    color: white !important;
    background-color: var(--e-global-color-primary) !important;
    padding: 10px 25px !important;
    margin-left: 15px !important;
}

body [data-elementor-type="header"] .menu__button a:hover {
    background-color: var(--e-global-color-secondary) !important;
}

@media only screen and (max-width: 1024px) {
    body [data-elementor-type="header"] .menu__button a {
        margin: 5px !important;
        padding: 8px !important;
    }
}

/* =====================================================================
  * Treatment Page Video Banner - Css 
  * =====================================================================
  */
body .treatment__content .elementor-widget.elementor-widget-video .elementor-custom-embed-play {
    left: 50%;
}

body .treatment__content .elementor-widget.elementor-widget-video .elementor-custom-embed-play i {
    --e-color-code: 226, 134, 131;
    background-color: rgb(var(--e-color-code));
    box-shadow:
        0 0 0 10px rgba(var(--e-color-code), 0.75),
        0 0 0 20px rgba(var(--e-color-code), 0.5),
        0 0 0 30px rgba(var(--e-color-code), 0.3),
        0 0 0 40px rgba(var(--e-color-code), 0.15),
        0 0 0 50px rgba(var(--e-color-code), 0.05);
    border-radius: 100%;
}

@media only screen and (max-width: 767px) {
    body .treatment__content .elementor-widget.elementor-widget-video .elementor-custom-embed-play i {
        box-shadow:
            0 0 0 7px rgba(var(--e-color-code), 0.75),
            0 0 0 14px rgba(var(--e-color-code), 0.5),
            0 0 0 21px rgba(var(--e-color-code), 0.3),
            0 0 0 28px rgba(var(--e-color-code), 0.15),
            0 0 0 39px rgba(var(--e-color-code), 0.05);
    }
}