/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

/* BACKUP */

.elementor-nav-menu__align-start .elementor-nav-menu {
    width: 100%;
}

.align-end.menu-item {
    margin-left: auto;
}

#hide-header {
    transition: all .4s ease!important;
    width: 100% !important;
}

#hide-search {
}



selector .swiper-slide-inner{
    max-width: 1300px; /*the width of your boxed content */
}

.woocommerce ul.products li.product .button {
    width: 100%;
    text-align: center;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    padding: 5px 24px 5px 48px;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
    top: 13px;
}

ul.product-categories {
    list-style: none;
    padding-left: 0;
}

ul.product-categories > li {
    padding-bottom: 5px;
}

ul.product-categories ul.children {
    padding-left: 15px;
    list-style: disc;
}

.product-categories > li.cat-item:not(.current-cat, .current-cat-parent) .children {
    display: none;
}

.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product.sale .price ins,
.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product.sale .price ins .amount {
    color: var(--e-global-color-primary) !important;
}

.single_add_to_cart_button::before {
   font-family: 'Font Awesome 5 Free';
   content: "\f291";
   font-weight:900;
   margin-right:.2em;
}




/* Order thank you page */

.woocommerce ul.order_details {
    padding: 0;
    color: var(--e-global-color-9e8459b);
    margin-top: 30px;
}
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received,
.woocommerce .woocommerce-customer-details .woocommerce-column__title,
.woocommerce-order-received h2.woocommerce-order-details__title,
.woocommerce-content-box.full-width.avada-thank-you h2 {
    font-family: "Relative Medium", Sans-serif;
    color: var(--e-global-color-9e8459b);
    font-size: 24px;
    font-weight: 600;
}

.woocommerce ul.order_details li {
    font-size: 14px;
    text-transform: none;
}

.woocommerce ul.order_details li strong {
    font-size: 16px;
    margin-top: 5px;
}

.woocommerce-order-received .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tr td {
    padding-top: 0;
    padding-bottom: 0;
}

.woocommerce-order-received section.woocommerce-order-details,
.woocommerce-order-received section.woocommerce-customer-details {
    max-width: 700px;
}

.woocommerce .woocommerce-customer-details address {
    padding: 0;
    border: none;
    margin-bottom: 30px !important;
    height: auto !important;
}

.woocommerce-order-received .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tfoot td, 
.woocommerce-order-received .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tfoot th {
    color: var(--e-global-color-9e8459b);
}





@media only screen and (min-width: 1025px) {

#hide-header {
    top: 0 !important;
}

}



@media only screen and (max-width: 1024px) {

#hide-header.hideme {
    top: -150px !important;
}

.woocommerce ul.order_details li {
    border: none;
    width: 100%;
    padding-right: 10%;
    margin-right: 0;
    margin-bottom: 20px;
}

}

@media only screen and (max-width: 500px) {

.woocommerce .woocommerce-ordering, 
.woocommerce-page .woocommerce-ordering {
    float: none;
}

.woocommerce ul.products li.product .button {
    padding: 10px 10px !important;
}

}

@media only screen and (max-width: 400px) {

.elementor-grid-mobile-2 .elementor-grid {
    grid-template-columns: repeat(1, 1fr) !important;
}

}

@media only screen and (max-width: 320px) {

.elementor-widget-wc-archive-products .products {
    grid-template-columns: repeat(1, 1fr) !important;
}

}