/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

/*==============================
 Common Design Start
================================ */
body {
    padding-top: 160px !important
}
h1, h1.elementor-heading-title, .heading_1.elementor-widget-heading .elementor-heading-title,
.elementor-posts h1.elementor-post__title,
.postSingle_des h1,
.elementor-widget-text-editor.elementor-element h1, h1.e-heading-base,
.post_recent .uael-post__bg-wrap .uael-post__content-wrap .uael-post__title {
	font-size: clamp(32px, 5vw, 50px);
}
h2, h2.elementor-heading-title, .heading_2.elementor-widget-heading > .elementor-widget-container > .elementor-heading-title,
.heading_ctaSm.elementor-widget-heading .elementor-heading-title,
.elementor-posts h2.elementor-post__title,
.postSingle_des h2,
.teamList_popup-popup .uael-content .uael-text-editor h3,
.elementor-widget-text-editor.elementor-element h2, h2.e-heading-base {
	font-size: clamp(28px, 4.2vw, 40px);
}
h3, h3.elementor-heading-title, .heading_3.elementor-widget-heading > .elementor-widget-container > .elementor-heading-title,
.elementor-posts h3.elementor-post__title,
.postSingle_des h3,
.elementor-widget-text-editor.elementor-element h3, h3.e-heading-base,
.all_blogPost .uael-post__bg-wrap .uael-post__content-wrap .uael-post__title {
	 font-size: clamp(25px, 3.5vw, 30px);
}
h4, h4.elementor-heading-title, .heading_4.elementor-widget-heading > .elementor-widget-container > .elementor-heading-title,
.elementor-posts h4.elementor-post__title,
.postSingle_des h4,
.teamList_item .elementor-cta__content .elementor-cta__title,
.elementor-widget-text-editor.elementor-element h4, .list_portPage .elementor-flip-box .elementor-flip-box__layer__title, h4.e-heading-base {
	font-size: clamp(22px, 3vw, 25px);
}
h5, h5.elementor-heading-title, .heading_5.elementor-widget-heading > .elementor-widget-container > .elementor-heading-title, .font_25 p,
.elementor-posts h5.elementor-post__title,
.postSingle_des h5,
.elementor-widget-text-editor.elementor-element h5, h5.e-heading-base {
	font-size: clamp(20px, 2.5vw, 22px);
}
h6, h6.elementor-heading-title, .heading_6.elementor-widget-heading > .elementor-widget-container >  .elementor-heading-title, 
.elementor-posts h6.elementor-post__title,
.postSingle_des h6,
.teamList_popup-popup .uael-content .uael-text-editor h6,
.elementor-widget-text-editor.elementor-element h6, .font_26 p, h6.e-heading-base {
	font-size: clamp(18px, 2.2vw, 20px);
}
.inj_dual_heading span {
    color: var( --e-global-color-secondary );
}
:is(.elementor-widget-text-editor, .postSingle_des) :is(ul, ol) {
    padding-left: 25px;
    ::marker {
        color:var( --e-global-color-primary );
    }
    strong, b {
        font-weight:500;
        color:var( --e-global-color-primary );
    }
}
.postSingle_des ul {
	margin-bottom:15px;
	 li p {
	margin-bottom:0px;
}
}
/*==============================
 Common Design End
================================ */

/*==============================
 ATOMIC DESIGN START
================================ */
.e-button-base {
    transition: ease 0.3s all;
}
/*==============================
 ATOMIC DESIGN END
================================ */


/*==============================
HEADER AND FOOTER DESIGN START
================================ */

header.elementor {
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    left: 0;
    > div {
        padding-top:15px !important;
        padding-bottom:15px !important;
    }
    a img {
    transition: ease 0.5s all;
}
    &.scrolled_header img {
    max-width: 180px !important;
}
/* 	ul.uael-nav-menu li.current-menu-item a */
	ul.uael-nav-menu li.current-menu-item .uael-has-submenu-container > a, ul.uael-nav-menu li a:hover, ul.uael-nav-menu li.current-menu-item > a {
    background-color: var( --e-global-color-primary ) !important;
    transition: ease 0.3s all;
	font-weight:500;
}
	
	li.menu-item.current-menu-parent  .uael-has-submenu-container > a {
    background-color: var( --e-global-color-primary );
}
li.menu-item.menu-item-has-children > .sub-menu-active > a.uael-menu-item:focus {
    background-color: var( --e-global-color-primary ) !important;
}
}
footer.elementor {
	li.elementor-icon-list-item a {
    transition: ease 0.3s all;
    text-decoration-color: transparent;
		&:hover {
			text-decoration: underline;
    text-decoration-color: var( --e-global-color-primary );
		}
}
	.design_by.elementor-element p {
    margin-bottom: 0;
    a {
        color:var(--grayish-green);
        transition:ease 0.3s all;
        &:hover {
            color:var( --e-global-color-primary );
        }
    }
    img {
        vertical-align:middle;
		margin-left:5px;
    }
}
}
/*==============================
HEADER AND FOOTER DESIGN END
================================ */



/*==============================
 GRAVITY FORM DESIGN START
================================ */
.inj_form .gform_heading {
    display: none;
}
.inj_form .gform_wrapper form .gform_fields {
    row-gap: 20px ;
}
.inj_form .gform_wrapper form input:not([type="checkbox"]),
.inj_form .gform_wrapper form textarea {
    padding: clamp(15px, 2vw, 35px) clamp(20px, 2.5vw, 35px);
    border: 0;
    box-shadow: none;
    background-color: var(--Mint_Cream);
    border-radius: clamp(10px, 3.5vw, 50px);
    color: var(--e-global-color-primary);
    font-size: clamp(16px, 1.8vw, 18px);
    &::placeholder {
        color: var(--e-global-color-primary) ;
    opacity: 1;
    }
}
.inj_form .gform_wrapper form .gform-footer input.gform_button {
   background-color:var(--e-global-color-primary) !important;
   border: 0 !important;
   box-shadow: none !important;
   border-radius: clamp(10px, 3.5vw, 50px) !important;
   font-size: clamp(16px, 1.8vw, 18px) !important;
   font-weight: 300 !important;
   padding: clamp(15px, 2vw, 30px) clamp(20px, 2.5vw, 35px) !important;
   margin: auto !important;
    width:100% !important;
}
/*==============================
 GRAVITY FORM DESIGN END
================================ */


/*==============================
 BLOG ARCHIVE AND SINGLE DESIGN START
================================ */
.post_recent .uael-post__bg-wrap {
    background-color: #fff !important;
}
.post_recent .uael-post__bg-wrap .uael-post__content-wrap {
    margin: 0 !important;
    box-shadow: none !important;
    padding: clamp(15px, 2.5vw, 40px) clamp(0px, 6vw, 100px) !important;
    row-gap: clamp(2px, 1vw, 15px);
    display: flex;
    flex-direction: column;
    align-items: start;
}
.post_recent .uael-post__bg-wrap .uael-post__content-wrap .uael-post__title {
    font-size: clamp(32px, 5vw, 50px);
}
.post_recent .uael-post__bg-wrap .uael-post__content-wrap .uael-post__separator {
    display: none;
}
.post_recent .uael-post__bg-wrap .uael-post__thumbnail img {
    aspect-ratio: 1/0.85;   
}
.post_recent .uael-post__bg-wrap .uael-post__thumbnail img,
.all_blogPost .uael-post__thumbnail img {
	 border-radius: clamp(10px, 1.5vw, 20px);
}
.post_recent .uael-post__bg-wrap .uael-post__content-wrap .uael-post__title:before {
    content: "LATEST ARTICLE";
    font-size: 14px;
    display: block;
    color: #9b9b9b;
    margin-bottom: 10px;
}
.post_recent img {
	object-fit:cover;
}
/* .all_blogPost .uael-post__thumbnail img {
    border-radius: 20px;
} */
.all_blogPost .uael-post__content-wrap {
    display: flex;
    flex-direction: column-reverse;
    gap: 0;
}
.all_blogPost .uael-post__content-wrap .uael-post__meta-data {
    margin: 10px 0 0 0 !important;
}
.all_blogPost nav.uael-grid-pagination .page-numbers:not(.prev, .next) {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.all_blogPost nav.uael-grid-pagination .page-numbers {
    font-size: 14px;
}
.postSingle_des {
	:is(h1,h2,h3,h4,h5,h6) {
		strong, b {
			font-weight:500;
		}
}
	p a {
		color:var( --e-global-color-primary );
		transition:ease 0.3s all;
		&:hover {
			text-decoration:underline;
		}
	}
	> p:first-child > img {
        display:none;
}
}
.postSingle_nav .elementor-post-navigation__prev {
    display: none;
}
.postSingle_nav .elementor-post-navigation__link a span {
	font-size: 18px !important;
	text-transform: none;
	color: var(--dark_green);
}
.postSingle_nav .elementor-post-navigation__link {
    overflow: auto !important;
    width: 100% !important;
    a {
    padding: 25px 50px;
    border-radius: 50px;
    background-color: var(--Mint_Cream);
    color: var(--dark_green);
    transition: ease 0.3s all;
    &:hover {
    background-color: var(--dark_green);
    span {
        color:#fff;
    }
}
}
}
/*==============================
 BLOG ARCHIVE AND SINGLE DESIGN END
================================ */

@media(max-width:1024px) {
	body {
    padding-top: 70px !important
}
	.post_recent .uael-post__footer {
		display:none;
	}
	.post_recent .uael-post-grid__inner .uael-post-wrapper {
    margin-bottom: 10px !important;
}
	.post_recent .uael-post__bg-wrap > .uael-post__inner-wrap {
    flex-direction: column;
}
.post_recent .uael-post__bg-wrap > .uael-post__inner-wrap > div {
    min-width: 100%;
}
.post_recent .uael-post__bg-wrap .uael-post__content-wrap {
    padding: 20px 0 !important;
}
.post_recent .uael-post__bg-wrap .uael-post__thumbnail img {
    max-height: 500px;
    object-fit: cover;
}
	header.elementor {
    > div {
        padding: 7px 10px!important;
    }

    &.scrolled_header img {
    max-width: 100px !important;
}
}
	.postSingle_nav .elementor-post-navigation__link a {
		padding:15px 30px;
		span {
			font-size: 16px !important;
		}
	}
    
}
@media (max-width:767px) {
	    body {
        padding-top: 40px !important;
    }
}