/* 
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: 65px;
    }

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

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

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

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

    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: 60px;
    }

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

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

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

    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: 1px;
}

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 :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: 600;
	font-size:105%;
	text-transform:uppercase;
}

body h2.elementor-heading-title span {
	font-weight:700;
}

body h2.elementor-heading-title:has(span) {
	font-style: italic;
}

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

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

body .e-con.banner--section::before {
    top: auto;
    bottom: -10px;
    max-height: 60px;
}

body .e-con.banner--section {
    isolation: isolate;
}

body .e-con.banner--section::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 50%);
    left: 0;
    top: 0;
    z-index: -1;
}

@media only screen and (max-width: 767px) {
body .e-con.banner--section::before {
    max-height: 40px;
}
}

/* =====================================================================
* Menu Button Custom Css 
* =====================================================================
*/
body [data-elementor-type="header"] .menu__button a {
	color: white !important;
	background-color: var(--e-global-color-primary) !important;
	border:2px solid var(--e-global-color-primary);
	padding: 10px 25px !important;
	margin-left: 10px !important;
	border-radius:100px;
	text-transform: none!important;
	font-size:100%;
}

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

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