/*
Theme Name:   xstore-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
*/

.hide-header-footer header {
    display: none !important;
}

.hide-header-footer footer {
    display: none !important;
}

.page-heading.bc-type-default.bc-effect-mouse.bc-color-dark {
    display: none;
}

a.custom-logo-link
 {
    text-align: center;
    display: block; 
    margin: 50px 0px;
}
form.woocommerce-form.woocommerce-form-login.login form.login, form.register {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        width: 100% !important;
    max-width: 700px !important;
}
form.register{
    margin-bottom: 50px;
}

p.form-row {
    width: 100%;
}
button.woocommerce-button.button.woocommerce-form-login__submit {
    margin: 15px 0px;
}
p.woocommerce-LostPassword.lost_password {
    text-align: end;
}
.form-row-last {
    padding: 0px;
}
.woocommerce-account .u-columns h2 {
    max-width: 100%;
    margin: 0 auto 1em;
}
.elementor-element.elementor-element-69d2a9f6.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded
 {
    display: none;
}

.etheme-product-grid-image a img {
    width: 100%;
    height: 350px;
}

h2.entry-title {
    font-size: xxx-large;
    margin-top: 50px;
}

.entry-content {
    margin-top: 50px;
}

.share-post, .about-author-title, .author-info{
    display: none;
}

.custom-logo-link {
    display: block;
    text-align: center;
    margin: 20px auto; /* Centers the logo with some top/bottom margin */
}

.custom-logo {
    max-width: 300px; /* Reduce to a smaller width, adjust as needed */
    max-height: 220px; /* Reduce to a smaller height, adjust as needed */
    width: auto; /* Maintain aspect ratio */
    height: auto; /* Maintain aspect ratio */
}

p.woocommerce-LostPassword.lost_password {
    text-align: start;
}


.product-share {
    display: none;
}

.product-sku {
    font-size: 12px;
    color: #666;
    margin: 5px 0;
    text-align: center; /* Center it on the card */
}

/* If using Elementor Products widget, target specifically */
.elementor-widget-woocommerce-products .product-sku {
    font-weight: bold;
    background: #f9f9f9;
    padding: 2px 5px;
    border-radius: 3px;
}

.u-columns.col2-set h2 {
    text-align: center;
}
 
h2.b2bking_b2bregistration_only_register_header {
    display: none;
}
 
p.already-registered {
    text-align: center;
}

.elementor-widget-woocommerce-etheme_archive_products, .products-slider {
    background-color: #fff;
}

.content-product .product-image-wrapper {
    max-width: 100%;
    margin: 0 auto 15px;
    padding-bottom: 1px;
    height: 300px;
}

.product-slide .content-product {
    margin-bottom: 0;
    padding: 0px 10px;
}

.content-product .product-content-image img, .category-grid img, .categoriesCarousel .category-grid img {
    width: 100%;
    max-width: 200px;
    max-height: 200px;
}
.content-product .product-image-wrapper {
    max-width: 100%;
    margin: 0 auto 15px;
    padding-bottom: 1px;
    height: 205px;
}
.product-slide .content-product {
    margin-bottom: 0;
    padding: 0px 20px;
}
.etheme-product-grid-image a img {
    width: 100%;
    height: 200px;
    max-width: 200px;
}
.etheme-product-grid-item {
    padding: 0px 20px;
}
.etheme-product-grid-image a img {
    width: 100%;
    height: 250px;
    max-width: 200px;
}

/*.etheme-product-grid-content {
    position: relative;
    height: 150px;
 
}*/
.elementor-1043 .elementor-element.elementor-element-45a43f73 .etheme-product-grid-button {
    font-family: "Hanken Grotesk", Sans-serif;
    font-size: 19px;
    font-weight: 400;
    text-transform: capitalize;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #214332;
    border-radius: 25px 25px 25px 25px;
    padding: 14px 14px 14px 14px;
    /*position: absolute;*/
    /*top: 89px;*/
}


.elementor-widget-woocommerce-etheme_archive_products, .products-slider {
    background-color: #fff;
    padding: 10px 0 30px 0px;
}
 

.etheme-elementor-swiper-entry {
    background: #fff;
}
.product-sku {
    display: none;
}
.content-product {
    margin-bottom: 30px;
    position: relative;
    padding: 0px 20px;
}
.woocommerce-MyAccount-content .product-details {
    position: relative;
    padding-bottom: 12px;
    height: 160px;
}
.woocommerce-MyAccount-content a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    font-family: "Hanken Grotesk", Sans-serif;
    font-size: 19px;
    font-weight: 400;
    text-transform: capitalize;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #214332;
    border-radius: 25px 25px 25px 25px;
    padding: 14px 14px 14px 14px;
    position: absolute;
    top: 89px;
    background: #214332;
    color: #fff;
}
.content-product .button:hover {
    background-color: #fff !important;
    color: #214332!important;
    border-color: #214332!important;
}
.elementor-1043 .elementor-element.elementor-element-45a43f73 .etheme-product-grid-button:hover, .elementor-1043 .elementor-element.elementor-element-45a43f73 .etheme-product-grid-button:focus {
    background-color: #fff !important;
    color: #214332 !important;
    border-color: #214332 !important;
}
.elementor-1043 .elementor-element.elementor-element-45a43f73 .etheme-product-grid-button {
    font-family: "Hanken Grotesk", Sans-serif;
    font-size: 19px;
    font-weight: 400;
    text-transform: capitalize;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #214332;
    border-radius: 25px 25px 25px 25px;
    padding: 14px 14px 14px 14px;
    /*position: absolute;*/
    /*top: 89px;*/
    background: #214332;
    color: #fff;
}

 .product-details {
    position: relative;
    padding-bottom: 12px;
    height: 150px;
}

.swiper-slide .content-product .product-details .button {
    display: inline-block;
    font-family: "Hanken Grotesk", Sans-serif;
    font-size: 19px;
    font-weight: 400;
    text-transform: capitalize;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #214332;
    border-radius: 25px 25px 25px 25px;
    padding: 14px 14px 14px 14px;
     position: absolute; 
     top: 89px !important; 
    /* left: 0; */
     right: 0; 
    border-color: #214332;
    background: #214332;
    color: #fff;
}

/*.product-details {
    position: relative;
    padding-bottom: 12px;
    height: 200px;
}*/
 
.swiper-slide .content-product .product-details .button {
    display: inline-block;
    font-family: "Hanken Grotesk", Sans-serif;
    font-size: 19px;
    font-weight: 400;
    text-transform: capitalize;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #214332;
    border-radius: 25px 25px 25px 25px;
    padding: 14px 14px 14px 14px;
    /*position: absolute;*/
    /*top: 120px !important;*/
    /*left: 0;*/
    /*right: 0;*/
        border-color: #214332;
    background: #214332;
    color: #fff;
}
.product-sku {
    display: none !important;
}

.wp-core-ui .button, .wp-core-ui .button-secondary {
    color: #fff !important;
    border-color: #214332 !important;
    background: #214332 !important;
    vertical-align: top !important;
}

.wp-core-ui .button-primary {
    background: #214332 !important;
    border-color: #214332 !important;
    color: #fff !important;
    text-decoration: none !important;
    text-shadow: none !important;
}

#login {
    width: 500px !important;
    padding: 0 0 0 0 !important;
    margin: auto !important;
}
#login a img {
    width: 100% !important;
}
#commentform input[type=button], .btn-black, .btn.black, .form-submit input[type=submit]{
        border-color: #214332;
    background: #214332;
    color: #fff;
}
#commentform input[type=button]:hover, .btn-black:hover, .btn.black:hover, .form-submit input[type=submit]:hover{
        background-color: #fff !important;
    color: #214332 !important;
    border-color: #214332 !important;
}