/**
 * Amir Stone - Home Page
 * Child Theme Custom Styles
 */

/* ========================================
   Home Product Tabs
======================================== */

body.home .wd-tabs-header {
    background-color: #ffffff !important;
    border: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


body.home .tabs-name.title {
    background-color: #CC6C24;
    color: #FAF8F3 !important;

    padding: 10px;

    border-radius: 15px 15px 0 0;
}


body.home .wd-products-tabs a.wd-nav-link {
    margin: 0 !important;
    padding: 10px !important;

    background-color: #FAF8F3 !important;
    color: #2F3E46 !important;

    border-radius: 15px 15px 0 0 !important;
}


body.home .wd-products-tabs .tab-label.nav-link-text::after {
    width: 0 !important;
}


body.home .wd-tabs-content-wrapper {
    padding-top: 10px;

    background-color: #FAF8F3 !important;

    border-top: 5px solid #CC6C24;
    border-bottom: 5px solid #CC6C24;
    border-radius: 10px;
}


body.home .wd-tabs.wd-products-tabs.tabs-design-simple.wd-header-with-bg.wd-inited {
    row-gap: normal !important;
}


body.home .wd-nav-wrapper.wd-nav-tabs-wrapper.tabs-navigation-wrapper.wd-mb-action-swipe {
    display: none !important;
}

div.elementor-widget-container{
    margin-bottom:0 !important;
}
div.liner-continer{
    padding-bottom:0 !important;
}
/* ========================================
   Home Banner Buttons
======================================== */

body.home a.btn.btn-style-default.btn-shape-rectangle.btn-size-default.btn-color-primary.btn-icon-pos-right {
    background-color: #CC6C24 !important;
    color: #FAF8F3 !important;

    border-radius: 10px;
}


body.home a.btn.btn-style-default.btn-shape-rectangle.btn-size-default.btn-color-primary.btn-icon-pos-right:hover {
    background-color: transparent !important;
    color: #FAF8F3 !important;

    border: 1px solid #FAF8F3;
}


/* ========================================
   Popular Categories
======================================== */

body.home h4.woodmart-title-container.title.wd-fontsize-l {
    margin-right: 15px;
    padding: 10px;

    background-color: #CC6C24 !important;
    color: #FAF8F3;

    border-radius: 15px 15px 0 0 !important;
}


/*
 * Elementor widget ID - Home popular categories title
 * Keep this selector for now because it belongs to current Elementor layout.
 */
body.home .elementor-element-39e53b2.elementor-widget-wd_title {
    margin-bottom: 0 !important;
}


/* Popular categories products container */
body.home .elementor-element-9e65929.elementor-widget-wd_product_categories {
    border-top: 5px solid #CC6C24 !important;
    border-bottom: 5px solid #CC6C24 !important;
    border-radius: 10px !important;
}


/* Remove WoodMart title separator */
body.home .liner-continer {
    border-bottom: 0 !important;
}

div.wd-cat-content.hover-mask > h3.wd-entities-title, div.wd-cat-content.hover-mask > h3.wd-entities-title:hover,
div.wd-cat-content.hover-mask > div.wd-cat-count.more-products{
    color:#FAF8F3 !important;
}

/* ========================================
   Home Mobile
======================================== */

@media (max-width: 767px) {

    body.home .wd-tabs-header {
        display: flex;
        flex-direction: row;

        align-items: end !important;
    }


    body.home .wd-nav-wrapper.wd-nav-tabs-wrapper.tabs-navigation-wrapper.wd-mb-action-swipe {
        border: 0;
    }


    /* Hide banner subtitle on mobile */
    body.home .banner-subtitle.subtitle-style-default.subtitle-color-default.wd-fontsize-m {
        display: none !important;
    }


    /* Hide banner inner content on mobile */
    body.home .banner-inner.reset-last-child.wd-fontsize-xs {
        display: none;
    }


    body.home .banner-btn-wrapper {
        margin-top: 5px !important;
    }
}


/**
 * Amir Stone - Blog
 * Child Theme Custom Styles
 */


/* ========================================
   Blog Pagination
======================================== */

nav.elementor-pagination {
    margin-top: 20px !important;
}


nav.elementor-pagination .page-numbers.prev,
nav.elementor-pagination .page-numbers.next {
    display: none !important;
}


nav.elementor-pagination .page-numbers {
    padding: 5px 12px !important;

    background-color: #CC6C24 !important;
    color: #FAF8F3 !important;

    border-radius: 50px !important;
}


nav.elementor-pagination .page-numbers.current {
    background-color: #CC6C24 !important;
    color: #FAF8F3 !important;
}


nav.elementor-pagination a.page-numbers:hover {
    color: #CC6C24 !important;
}