/* 
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 Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.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
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* MY CUSTOM CSS */
html, body {overflow-x: hidden;}

/* ========================== HOMEPAGE CSS =========================== */
/* Topbar Css */
.header-topbar .elementor-widget-text-editor p {margin-bottom: 0;}

/* Header Css */
.header-menu nav #ekit-megamenu-main-menu {height: auto;}
.header-menu nav ul#menu-main-menu-1 > li > a {position: relative;}
.header-menu nav ul#menu-main-menu-1 > li > a:after {
    content: "";
	position: absolute;
	bottom: -4px;
	left: 0;
    width: 0;
    height: 2px;
    background-color: #fff;
    transition: .25s ease-in-out;
}
.header-menu nav ul#menu-main-menu-1 > li:hover > a:after {width: 100%;}
.mobile-header .elementskit-menu-close:focus {background-color: transparent !important;}

/* Banner Section Css */
.banner-section {max-height: 550px;}
/* .banner-section .banner-content {transform: translatey(-50%);} */

/* Influencer Video Gallery Section Css */
.elementor-widget-video video {background-color: transparent !important;}
.video-gallery .elementor-widget-video {border-radius: 10px;overflow: hidden;}
.video-gallery video {border-radius: 10px;}

/* all section in slides on mobile view */
@media (max-width: 767px) {
	.mobile-slide {overflow-x: scroll !important;overflow-y: hidden !important;--flex-wrap: initial !important;}
	.mobile-slide::-webkit-scrollbar {display: none;}
	.mobile-slide .mobile-slide-col {flex: none !important;}
}

/* New Arrivals Products Section Css */
.new-arrivals-products .e-con-full .elementor-widget-image {overflow: hidden;border-radius: 12px;}
.new-arrivals-products .e-con-full .elementor-widget-image img {transition: transform .5s ease;}
.new-arrivals-products .e-con-full .elementor-widget-image:hover img {transform: scale(1.03);}

/* Footer Css */
.footer-bar .elementor-widget-icon-list ul li {margin-bottom: 10px;}
.header-topbar .elementor-icon-list-items{
	display:flex !important; 
	gap:15px !important;
	list-style:none !important;
	padding:0 !important;
}

/* ========================== SINGLE BLOG POST CSS =========================== */
.post-content-area h2.wp-block-heading {font-size: 26px;font-weight: 600;margin-top: 30px;}
.post-template-default .elementor-icon-list-items{
	list-style:none !important;
}
@media (max-width: 1024px) {.post-content-area h2.wp-block-heading {font-size: 20px;}}
@media (max-width: 767px) {.post-content-area h2.wp-block-heading {font-size: 19px;}}


/* ========================== CONTACT PAGE CSS =========================== */
.contact-form .row {display: flex; flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
.contact-form .row .col-md-12, .contact-form .row .col-md-6 {position: relative;width: 100%;padding-right: 15px;padding-left: 15px;}
.contact-form .row .col-md-12 label {width: 100%;}
.contact-form input:focus, .contact-form textarea:focus-visible {outline: none !important;}

@media (min-width: 576px) {
	.contact-form .row .col-md-6 {flex: 0 0 50%;max-width: 50%;}
}