/* ------- mobile first ------- */

/* footer menu */
.wf-container-bottom .wf-float-right .mini-nav {
    display: none;
}

#footer .footer_pane {
    padding: 10px;
    display: flex;
    flex-direction: column; /* Stacks items vertically */
}

#footer .footer_pane, #footer .footer_pane h3, #footer .footer_pane a, .wf-container-bottom .wf-float-left {
    color: #333!important;
    text-decoration: none;
}

#footer .footer_pane .item {
    flex: 1; /* Ensures all items have equal width */
    margin-bottom: 3rem; /* Adds space between items */
    align-self: flex-start;
    text-align: center; 
    width: 100%;
}

#footer .footer_pane .item:first-child {
    padding: 0!important;
}

#footer .footer_pane .item:first-child .text {
    padding: 2% 13% 0 13%;
}

#footer .footer_pane .item:first-child img {
    width: 46%; /* Adjust the width as needed */
    height: auto; /* Maintain aspect ratio */
}

#footer .footer_pane .item ul {
    list-style-type: none; /* Removes the bullet points */
    padding: 0; /* Removes default padding */
}

#footer .footer_pane .item a {
    font-weight: 500;
    line-height: 1.5em;
}

#footer .footer_pane .item a:hover {
    color:#6C4F23!important;
    font-weight: 600;
}

#footer .footer_pane .item:last-child img {
    display: inline-block; /* Ensures images are displayed in a line */
    margin-right: 20px; /* Adds space between images */
    width: 30px; /* Sets the width of images to 50px */
}

#footer .wf-container-footer {
    padding-bottom: 0!important;
}

.logo-center#bottom-bar .wf-container-bottom a {
    color: #333!important;
}
    

/* Header Logo */



/* Page */
h2.section_title,
h2.product_title {
    font-size: 20px!important;
    line-height: 30px!important;
    text-transform: uppercase;
}

h4.section_subtitle {
    font-size: 13px;
    line-height: 20px;
}

h2.section_title {
    padding-bottom: 0.3rem;
}

h4.section_subtitle {
    text-transform: uppercase;
}

/*p span {
    font-size: 13px!important;
    line-height: 1.2em;
}*/

/* ------------- Products ------------ */
/* grid product details */
.ex-fdlist .exstyle-2 figcaption {
    min-height: 280px!important;
}

.ex-fdlist .exstyle-2 figcaption h5 {
    margin: -12px 0 8px 0!important;
}

/* higher figcaption for mini buffer */
.ex-fdlist .exstyle-2 figcaption p.large_figcaption_pane {
    display: block;
    min-height: 300px!important;
}

/* product summary */
.product .summary.entry-summary .price {
    font-family: "Roboto Slab", Helvetica, Arial, Verdana, sans-serif;
    font-size: 21px;
    color: #101010;
}

.woocommerce div.product div.summary .woocommerce-product-details__short-description,
#content .entry-summary .exwo-product-options {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 13px;
    color: #101010;
}

/* Add to cart button */
form.cart div.quantity:not([style='display: none;'])+button, 
.the7-cart-form .quantity:not([style='display: none;'])+button {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 13px;
    color: #101010;
    background: #ea1f2e;
    color: #fff;
    font-size: inherit;
    font-family: inherit;
    padding: 12px 25px;
    border-radius: 0;
    line-height: 1;
    box-shadow: 2px 2px 2px rgb(0 0 0 / 20%);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.046875em;
    transition: all .2s;
}

/* Shopping Cart SVG Icon */
.exfd-shopping-cart .exfd-cart-parent a img {
    color: #fff !important;
}

/* Check out 
.checkout-page-title,
.checkout-breadcrumbs .checkout-name {
    display: none !important;
}*/

/* Page title header 
.page-title.solid-bg.bg-img-enabled {
    background-image: url('https://mealsstation.com.my/wp-content/uploads/2022/12/Slide-banner-1.jpg')!important;
} */

/* contact Form 7 - Add Space */
.last_column {
  margin-left: 0em!important;    
}

/* home page products desc */
.home_product_desc h3,
.home_product_desc h4,
.home_product_desc h6 {
    margin: 0 0 0.05rem 0!important;    
    padding: 0!important;    
}

.home_product_desc h3 {
    font-size: 20px!important;    
    font-weight: 400!important;  
}

.home_product_desc h4 {
    font-size: 20px!important;    
    font-weight: 600!important;  
}

.home_product_desc h6 {
    font-size: 11px!important;    
    font-weight: 400!important;  
    
    margin: 0.2rem 0 0.4rem 0!important;   
}

/* ------- mobile only ------- */
@media only screen and (max-width: 769px) {
	.swap-on-mobile {
		display: flex !important;
		flex-direction: column-reverse;
	}
}


/* ------- desktop and large tablet only ------- */
@media only screen and (min-width: 768px) {
    /* Header Logo */
    .branding a img, .branding img {
        /*height: 82px!important;*/
        width: 44%!important;
    }
    
    /* Home Page */
    .home_product_text {
        min-height: 160px!important;
    }
    
    /* Page */
    h2.section_title,
    h2.product_title {
        font-size: 34px!important;
        line-height: 44px!important;
    }
    
    h4.section_subtitle {
        font-size: 20px;
        line-height: 30px;
        padding-left: 18%;
        padding-right: 18%;
    }
    
    /*p span {
        font-size: 16px!important;
    }*/
    
    /* contact Form 7 - Add Space */
    .last_column {
      margin-left: 1em!important;    
    }
    
    /* home page product desc */
    .home_product_desc h3,
    .home_product_desc h4,
    .home_product_desc h6 {
        margin: 0rem 0 0.1rem 0!important;   
    }
    
    .home_product_desc h3 {
        font-size: 30px!important;    
        font-weight: 400!important;  
    }
    
    .home_product_desc h4 {
        font-size: 30px!important;    
        font-weight: 600!important;  
    }
    
    .home_product_desc h6 {
        font-size: 14px!important;    
        font-weight: 400!important;  
        margin: 0.3rem 0 0.6rem 0!important;   
}

    /* Footer */
    #footer .footer_pane {
        display: flex;
        flex-direction: row; /* Stacks items vertically */
        justify-content: space-around; /* Ensures equal spacing around items */
        gap: 5rem; /* Sets the gap between items */
    }
    
    #footer .footer_pane .item {
        text-align: left;
    }
    
    #footer .footer_pane .item:first-child {
        flex: 1; /* Ensures the first item is 1.3 times the size of other items */
        text-align: center;
    }
}