/* 
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 [data-elementor-type="wp-page"] h1 {
        font-size: 60px;
    }

    body.home [data-elementor-type="wp-page"] h2 {
        font-size: 40px;
    }

    body.home [data-elementor-type="wp-page"] h3 {
        font-size: 35px;
    }

    body.home [data-elementor-type="wp-page"] h4 {
        font-size: 25px;
    }

    body.home [data-elementor-type="wp-page"] h5 {
        font-size: 22px;
    }

    body.home [data-elementor-type="wp-page"] h6 {
        font-size: 20px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1300px) {
    body.home [data-elementor-type="wp-page"] h1 {
        font-size: 50px;
    }

    body.home [data-elementor-type="wp-page"] h2 {
        font-size: 35px;
    }

    body.home [data-elementor-type="wp-page"] h3 {
        font-size: 30px;
    }

    body.home [data-elementor-type="wp-page"] h4 {
        font-size: 22px;
    }

    body.home [data-elementor-type="wp-page"] h5 {
        font-size: 20px;
    }

    body.home [data-elementor-type="wp-page"] h6 {
        font-size: 18px;
    }
}

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

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

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

body .elementor-widget-text-editor.no-space *: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 .elementor-widget-image-box .elementor-image-box-img img {
	display: inline-block;
}

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 {
    font-weight: 500;
	font-size:110%;
}

body .elementor-widget-heading .elementor-heading-title span {
	color: var(--e-global-color-primary);
}

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: #fff !important;
	padding: 10px 25px !important;
	margin-left: 15px !important;
	border-radius:100px;
	background-color: var(--e-global-color-primary) !important;

}

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

@media only screen and (max-width: 1024px) {
  body [data-elementor-type="header"] .menu__button a {
    margin: 5px !important;
    padding: 8px !important;
  }
body [data-elementor-type="header"] .menu__button a:hover {
	color: var(--e-global-color-white) !important;
	background-color: var(--e-global-color-secondary) !important;
	}
}
/* Menu Button Custom Css End ==========================================*/

/* =====================================================================
  * 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: 114, 170, 59;
    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);
    }
}