/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.menu_sub_container:not(.fresh) {
    display:none;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.custom-category-sidebar { font-family: inherit; }
.custom-taxonomy-list,
.custom-taxonomy-list ul.children {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* top-level list items */
.custom-taxonomy-list > li {
    border-bottom: 1px solid #41614c;
    padding: 10px 40px 18px 10px; /* room on the right for arrow if you prefer right-side */
    position: relative;
    font-size: 16px;
}

/* anchor text */
.custom-taxonomy-list a {
    color: #222;
    text-decoration: none;
    display: inline-block;
}

/* top-level heavier */
.custom-taxonomy-list > li > a {
    font-weight: 600;
}

/* children list hidden by default */
.custom-taxonomy-list li ul.children {
    display: none;
    margin: 8px 0 0 7px; /* indent */
    padding-left:7px;
    border-left: 1px solid #41614c;
}

/* child items */
.custom-taxonomy-list li ul.children li {
    padding: 0;
    font-size: 15px;
    border-bottom: none;
    position:relative;
}

/* smaller children link color */
.custom-taxonomy-list li ul.children li a {
    color: #666;
    font-weight: 400;
    margin-left:0;
}

/* arrow button (left side) */
.custom-taxonomy-list .toggle-arrow {
    position: absolute;
    right: 10px;              /* change to left:8px if you prefer left-side arrow */
    top: 20px;
    transform: translateY(-50%);
    background: transparent;
    border: 0;
    padding: 4px;
    cursor: pointer;
    color: #888;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.custom-taxonomy-list .children * .toggle-arrow {
    top: 11px;
    right: -8px;
}

/* arrow rotation when open */
.custom-taxonomy-list li.open > .toggle-arrow .arrow-icon {
    transform-origin: 50% 50%;
    transform: rotate(90deg);
}

/* show children when parent li has .open */
.custom-taxonomy-list li.open > ul.children {
    display: block;
}

/* small hover effect */
.custom-taxonomy-list li a:hover {
    color: #000;
}

/* accessibility focus visuals */
.custom-taxonomy-list .toggle-arrow:focus,
.custom-taxonomy-list a:focus {
    outline: 2px solid rgba(0,0,0,0.08);
    outline-offset: 2px;
}
.custom-taxonomy-list > li {
    margin-left:0 !important;
}
.under-line-short::after {
    content: '';
    display: block;
    height: 3px;
    width: 26px;
    background: #ccc;
}

/* style.css */
.product-short-description {
    margin-bottom: 60px;
}
.expandable-wrapper {
    margin-bottom: 20px;
}
.expandable-header {
    display: flex
;
    justify-content: space-between;
    align-items: center;
    padding: 15px 16px;
    border-bottom: 1px solid #a0c7ae;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: bold;
    color: #333;
    background: #f4f9f6;
    transition: all ease-in-out 0.3s;
}
.expandable-header:hover, .expandable-header.expanded {
    transition: all ease-in-out 0.3s;
    background: #2d4b38;
    color:white;
}
.expandable-icon {
    font-size: 1.5em;
    line-height: 1;
    transition: transform 0.3s ease;
}

.expandable-header.expanded .expandable-icon {
    transform: rotate(45deg);
}

.expandable-content {
    display: none;
    overflow: hidden;
    padding-top: 15px;
}
.product-page-price .woocommerce-Price-amount {
    display: flex; /* Makes the container a flexbox */
    align-items: flex-start; /* Aligns items to the top */
    line-height: 1; /* Helps prevent spacing issues */
}

.product-page-price .woocommerce-Price-currencySymbol {
    font-size: 1em; /* Smaller size for the dollar sign */
    margin-right: 2px;
}

.product-page-price .price-integer {
    line-height:0.7;
    font-size: 2.5em; /* Large size for the main number */
    font-weight: bold;
}

.product-page-price .price-decimal {
    font-size: 1em; /* Smaller size for the decimal part */
}
.single-product .product-main {
    background: #fefdfb;
}
.single-product .product-info {
    background:#fff;
}
.single-product .woocommerce-product-gallery, .single-product .product-info {
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.05);
box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.05);
}
.product_meta {
    font-size:1em;
}
.product_meta span.bold {
    font-weight:bold;
}

a.button.icon {
        display: flex;
        justify-content: center;
        align-items: center;
}
.social-icons {
    display: flex;
    justify-content: space-evenly;
}
.dark .social-icons .button.is-outline, .nav-dark .social-icons .button.is-outline {
    padding-top:4px;
}
.single-product .quantity input[type=number] {
    background: #f4f9f6;
    border: 1px solid #a0c7ae;
}
.single-product input[type=button].is-form {
    background-color: #2d4b38;
    border: 0;
    color: #ffffff;
}


/** Product Page Styles **/

.archive .products, .archive .category-page-row {
    max-width:100%;
}
.archive .category-page-row > .col.large-3 {
    max-width:20%;
    background:#2d4b38;
    padding:15px 10px;
}
.archive .page-title-inner {
    padding-bottom:20px;
}
.archive .shop-page-title {
    border-top: solid #eee 1px;
    border-bottom: solid #eee 1px;
    box-shadow: 0 1px 3px #00000026;
    z-index: 1;
}
.archive .category-page-row {
    padding-top:0;
}
.archive .shop-container {
    padding-top:30px;
    padding-left:15px;
}
.archive #shop-sidebar {
    padding: 20px 20px 10px 25px;

}
#shop-sidebar > h3 {
    color:white;
}
.custom-taxonomy-list a {
    color: white!important;
}
.archive #shop-sidebar .under-line-short::after {
    background: #5b7e67;
}
.archive .custom-taxonomy-list .children .toggle-arrow > svg > path {
    fill: #5d896d;
    transition: all ease-in-out 0.3s;
    padding-right:2px;
}
.archive .custom-taxonomy-list .children > li:hover .toggle-arrow > svg > path {
    fill:#fff;
    transition: all ease-in-out 0.3s;
    transform: translateX(2px);
}
.archive .woocommerce-breadcrumb {
    font-size:17px;
}
.archive .has-equal-box-heights .box-image {
    background:#f8f8f8;
}
#shop-sidebar {
    max-height: 100vh;
    overflow: scroll;
}
#shop-sidebar::-webkit-scrollbar {
    display:none;
}
.three-nav .banner {
  
background: rgba(45,75,56,1);
transition: 0.6s all ease-in-out;
}
.three-nav .banner:hover {

background: rgba(12,40,26,1);
transition: 0.6s all ease-in-out;
}

.shop_menu_sidebar > .col-inner {
    height:100%;
}
.shop_menu_sidebar {
    background: #0C281A;
}
.main_nav li a {
    color:#fff;
}
@media (max-width: 1650px) {
    /* Your CSS rules go here */
    .archive #shop-sidebar {
        padding: 20px 5px 10px 9px;
    }
}
@media (max-width: 1440px) {
    .custom-taxonomy-list .children * .toggle-arrow {
        top: 11px;
        right: -30px;
    }
}
@media (max-width: 1340px) {
    .custom-taxonomy-list .toggle-arrow {
        right: -3px;
    }
    .custom-taxonomy-list .children * .toggle-arrow {
        top: 11px;
        right: -43px;
    }
}
@media (max-width: 1340px) {
    .archive .category-page-row > .col.large-3 {
    min-width: 270px;
    }
}