/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.5.15,
* Autoprefixer: v10.5.0
* Browsers: last 4 version
*/

#main_footer .fl-row-content-wrap {
    background-color: var(--footer-color);
}

@media (max-width: 640px) {
    #main_footer .fl-row-content-wrap {
        padding-left: 8px;
        padding-right: 8px;
    }
}


/*---- footer logo ----*/

#main_footer .footer-logo img {
    max-width: 256px;
}

#main_footer .footer-logo p {
    font-size: 14px;
    line-height: calc(14px * 1.6);
    max-width: 380px;
    color: var(--text-grey-color);
}

#main_footer h3 {
    font-family: var(--body-font);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--primary-color);
}

/*-------- FOOTER SOCIAL ICONS --------*/

#main_footer .footer-column .social-footer
.pp-social-icons {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

#main_footer .footer-column .social-footer
.pp-social-icons .pp-social-icon {
    margin: 0px;
}

#main_footer .footer-column .social-footer
.pp-social-icons .pp-social-icon a {
    width: 40px;
    height: 40px;
    color: var(--text-color);
    font-size: 20px;
}

#main_footer .footer-column .social-footer
.pp-social-icons .pp-social-icon a[title="Facebook"] {
     background: linear-gradient(135deg, #1877F2 0%, #0866FF 100%);
}

#main_footer .footer-column .social-footer
.pp-social-icons .pp-social-icon a[title="Instagram"] {
    background: linear-gradient(135deg,#833AB4 0%, #C13584 25%, #E1306C 50%, #F77737 75%, #FCAF45 100%);
}

/*---- footer menu ----*/

#main_footer .footer-menu ul.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
}

#main_footer .footer-menu ul.menu::after,
#main_footer .footer-menu ul.menu::before {
    display: none;
}

#main_footer .footer-menu ul.menu li.menu-item a {
    padding: 0px;
    font-weight: 500;
    font-family: var(--secondary-font);
    color: var(--text-color);
}

#main_footer .footer-menu ul.menu li.current-menu-item a {
    color: var(--primary-color);
}

/*----- footer contact -----*/

#main_footer .footer-contact ul.pp-list-items {
    gap: 16px;
}

#main_footer .footer-contact ul.pp-list-items
li.pp-list-item .pp-list-item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}

#main_footer .footer-contact ul.pp-list-items
li.pp-list-item .pp-list-item-content .pp-icon-wrapper {
    margin: 0px;
}

.footer-contact ul.pp-list-items
li.pp-list-item .pp-list-item-content 
.pp-icon-wrapper .pp-infolist-icon {
    color: var(--primary-color);
}

#main_footer .footer-contact ul.pp-list-items
li.pp-list-item .pp-list-item-content .pp-icon-wrapper
.pp-infolist-icon .pp-infolist-icon-inner {
    height: auto;
    width: auto;
}

#main_footer .footer-contact ul.pp-list-items
li.pp-list-item .pp-list-item-content a {
    color: var(--text-color);
    font-weight: 500;
}

/*---- footer directions ----*/

#main_footer .footer-directions ul.pp-list-items
li.pp-list-item .pp-list-item-content 
.pp-icon-wrapper {
    display: none;
}

#main_footer .footer-directions ul.pp-list-items
li.pp-list-item .pp-list-item-content p {
    color: var(--text-grey-color);
}

#main_footer .footer-directions ul.pp-list-items
li.pp-list-item .pp-list-item-content .pp-infolist-title-text {
    color: #fff;
    font-weight: 500;
    margin-bottom: 4px;
}

@media (max-width: 992px) {
    #main_footer .footer-column {
        min-width: 50%;
        max-width: 50%;
    }
}

@media (max-width: 768px) {
    #main_footer .footer-column {
        min-width: 100%;
        max-width: 100%;
    }
}

/************** FLOATING CART & WHATSAPP ****************/
/********************************************************/

#main_footer .floatting-cart-button {
    position: fixed;
    right: 32px;
    bottom: 88px;
    z-index: 9;
}
@media (max-width: 640px) {
    #main_footer .floatting-cart-button {
        right: 16px;
    }

}

#main_footer .floatting-cart-button .fl-module-content {
    margin: 0px;
}

#main_footer .floatting-cart-button .woopack-cart-icon {
    padding: 0px;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    border-radius: 255px;
    position: relative;
}

@media (max-width: 640px) {
    #main_footer .floatting-cart-button .woopack-cart-icon {
        width: 40px;
        height: 40px;
    }

    a.wpwk-whatsapp.wpwk-whatsapp--right {
        width: 40px;
        height: 40px;
        right: 16px;
    }
}

#main_footer .floatting-cart-button .woopack-cart-icon 
.cart-contents-count {
    position: absolute;
    top: -8px;
    right: -4px;
}

#main_footer .floatting-cart-button .woopack-cart-icon
.cart-contents-count .cart-counter {
    position: initial;
    margin: 0px;
    padding: 0px;
    background: var(--primary-color);
    color: var(--text-black-color);
    font-family: var(--secondary-font);
    font-weight: 500;
}

/************** COPY FOOTER ****************/
/*******************************************/

#copy_footer {
    background-color: var(--footer-color);
    border-top: 1px solid var(--separator-color);
}

@media (max-width: 768px) {
    #copy_footer .fl-col {
        min-width: 100%;
        max-width: 100%;
    }

    #copy_footer .fl-row-content-wrap {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

@media (max-width: 640px) {
    #copy_footer .fl-row-content-wrap {
        padding-left: 8px;
        padding-right: 8px;
    }
}

#copy_footer p {
    color: var(--text-grey-color);
    font-size: 13px;
    margin: 0px;
}

#copy_footer ul.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 24px;
}

#copy_footer ul.menu::before,
#copy_footer ul.menu::after {
    display: none;
}

#copy_footer ul.menu li.menu-item a {
    color: var(--text-grey-color);
    font-family: var(--secondary-font);
    font-size: 13px;
}

#copy_footer ul.menu li.menu-item a {
    padding: 0px;
}

@media (max-width: 768px) {

    #copy_footer ul.menu {
        justify-content: flex-start;
        gap: 16px;
    }
    
    #copy_footer ul.menu li.menu-item a {
         font-size: 10px;  
    }
}