/*
Theme Name:   	SoulKitchen Child
Template:     	soulkitchen
Version:      	1.00
Author:       	Naeem Ahsan
Text Domain:  	soulkitchenchild
*/

/* ==============================
    Global Styles
============================== */

/* ==============================
    Override Parent Theme Styles
============================== */

/* ----- Page: Conatct Us - Submit Form  ----- */
.content-dark select {
    color: gray;
}

input#btn-contactUs.btn--contact {
    background-color: #FF013D;
    color: #fff;

    &:hover {
        background-color: #fff;
        color: #111;
    }
}

/* ----- Footer ----- */
.site-footer {
    border-top: 1px solid #666;
}

.footer-widget-area {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1.4fr 0.5fr 1fr 1fr;
}

.footer-sidebar {
    width: 100%;
    padding: 30px;
}

.widget-area h5 {
    text-align: left;
}

figure.logo-footer {
    margin-bottom: 30px;
}

figure.logo-footer img {
    display: block;
}

#sidebar-footer4 .wp-block-buttons {
    justify-content: start;
}

#sidebar-footer4 .wp-block-buttons .wp-block-button__link {
    padding: 0.8rem 1.6rem;
}

/* ==============================
    Custom Style CSS               
============================== */  

/* ----- Separate Footer Widget 5 -----*/
.footer-sidebar-wrap-5 .footer-widget-area {
    grid-template-columns: 1fr;
    align-items: center;
}

.footer-sidebar-wrap-5 .footer-sidebar {
    padding: 22px 24px;
}

.footer-sidebar-wrap-5 .footer-sidebar img {
    display: block;
    margin: 0 auto;
    width: auto;
    max-width: 100%;
    max-height: 60px;
}

.brand-strip {
    background-color: #1a191b;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
  }

  .brand-strip__inner {
    max-width: 1200px;            
    margin: 0 auto;
    height: 80px;             
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 45px;    
    padding: 0px;
  }

  .brand-strip__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
  }

  .brand-strip__item img {
    height: auto;           
    width: auto;
    display: block;
    filter: brightness(0) invert(1);
    opacity: 0.95;
  }

  .brand-strip__divider {
    width: 1px;
    height: 44px;
    opacity: 0.9;
    flex: 0 0 auto;
  }

  .brand-strip__divider--light { background: rgba(255, 255, 255, 0.55); }
  .brand-strip__divider--red   { background: rgba(220, 40, 55, 0.9); }