/*
 * manual_frontend_v3.css - written by Design Mode, one block per part.
 * Edit it from Design Mode (the </> button on a part); a save there
 * replaces that part's block and leaves the others as they are.
 * Loaded after the storefront's own CSS and BEFORE manual_frontend.css.
 */

/* ==== sellio:header | Header ==== */
.header-actions button.cart-btn {
    background: #f04723 !important;
}
@media(min-width:767px){
   .nav-desktop>.nav-item:hover > a >span, .nav-desktop>.nav-item > a.nav-link--active > span
   {
       color: #f04723;
   }
}
@media(max-width:767px){
   header .header-inner--nav-row a.logo img.logo-img, header.header--logo-stuck-set .header-inner--nav-row a.logo img.logo-img {
        top: 6px !important;
        position: relative !important;
   }
}
/* ==== /sellio:header ==== */

/* ==== sellio:footer | Footer ==== */
.footer-float-logo{
    padding: 0 !important;
}
/* ==== /sellio:footer ==== */

/* ==== sellio:section:category-collage | Categories collage ==== */
.sec-category-collage-2 .tile-img {
    object-fit: contain !important;
    padding: 0 60px !important;
}
.sec-category-collage-2 .tile-cap--stack{
    gap: 0px !important;
}
.sec-category-collage-2 .collage--uniform-cols{
    margin-bottom:30px !important;
}
@media(max-width:767px){
     section.collage-section.container.collage-section-1 {
         padding: 10px 0px;
    }
}
/* ==== /sellio:section:category-collage ==== */