/*
Theme Name:   Dupont Dancewear - child
Theme URI:    https://xstore.8theme.com
Description:  XStore is a multi-purpose theme that offers the ultimate WordPress and WooCommerce synergy, providing a comprehensive, all-in-one solution.
Author:       8theme
Author URI:   https://www.8theme.com
Template:     xstore
Version:      1.0
Text Domain:  xstore-child
Tags: e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, translation-ready, ecommerce, woocommerce, shop, elementor, business, corporate, blog, news, light, dark
*/

.et_b_header-logo.et_element-top-level {
	margin-top:20px;
}
#header-vertical .et_b_header-logo.et_element-top-level img {
    *width: 300px;
}
.mobile-header-wrapper .header-main {
	color:#ffffff;
}
.et-mobile-panel-wrapper, .et_b_mobile-panel-more_toggle .et-mini-content, .et_b_mobile-panel-more_toggle_02 .et-mini-content{
    color:#ffffff;
}
/* Adjust Elementor footer container */
@media (min-width: 992px) {
    .elementor-location-footer .e-con,
    .elementor-location-footer .elementor-container {
        margin-left: auto;
        max-width: calc(100% - 150px);
    }
}
/* Fix for left vertical header layout */
@media (min-width: 992px) {
    /* Push entire page content to the right */
    body.et-header-vertical .site,
    body.et-header-vertical #page {
        margin-left: 0;
        padding-left: 300px; /* Adjust to your header width */
    }
    
    /* OR if that doesn't work, target the wrapper */
    body.et-header-vertical .site-wrapper {
        margin-left: 300px;
    }
    
    /* Ensure header stays fixed on left */
    .et_b_header-vertical,
    .header-vertical {
        position: fixed;
        left: 0;
        top: 0;
        width: 300px;
        height: 100vh;
        z-index: 9999;
    }
}

/* Mobile - stack normally */
@media (max-width: 991px) {
    body.et-header-vertical .site,
    body.et-header-vertical #page {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
}