/* Add custom CSS styles below */ 
:root {
    --main-color:#211509;
    --second-color:#d9bc82;
    
    
    
}


.top-navbar {
    background-color:var(--second-color);
}

.inner.bg-inherit.w-full {
    background-color:#000 !important;
}


@media(min-width:992px){
   ul.main-menu.mm-spn--open {
    color:#fff !important;
}
}


.main-nav-container i.header-btn__icon.sicon-user-circle,
.main-nav-container i.header-btn__icon.icon.sicon-shopping-bag ,
button.s-user-menu-login-btn {
    background-color: var(--second-color) !important;
    color:var(--main-color);
    
}

.s-user-menu-login-btn svg {
    height: 1.25rem;
    width: 1.25rem;
    fill: var(--main-color);
}

i.sicon-menu.text-primary.text-2xl {
    color:var(--main-color);
    border:1px solid var(--accent-color);
    width:40px !important;
    height:40px;
    padding:2px;
    overflow:hidden;
    position:relative;
    border-radius:50px;
     background-color: var(--second-color) !important;
    
}

.sicon-menu:before{
 left:50% !important;
    top:50% !important;
    position:absolute;
    transform:translate(-50% , -50%);
    
}
/**    silder block ***/
section.s-block.s-block--photos-slider {
    margin-top: 0;
}
section.s-block.s-block--photos-slider .swiper-slide {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}
section.s-block.s-block--photos-slider .swiper-slide,
section.s-block.s-block--photos-slider .swiper-slide img {
    border-radius: 0 !important;
}
section.s-block.s-block--photos-slider .swiper.s-slider-container {
    padding: 0 !important;
}
.home-slider.photos-slider .s-slider-block__title-nav {
    display:none !important;
}
/** End silder block ***/
/** banners blocks ***/
section#IRT__photos-slider-0
{
    margin-bottom: 0 !important;
}
section.s-block.s-block--fixed-banner.wide-placeholder > .container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: unset !important;
}
.banner--fixed img {
    border-radius: 0 !important;
}
/** End banners ***/


a.banner-entry.square-photos {
    height:100%;
    background-color:transparent;
    padding:0;
}


section.s-block.s-block--banners.container  .md\:grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr));
}



custom-salla-product-card .s-product-card-content {
    padding:0;
    padding-top:1.5rem;
}


custom-salla-product-card .s-product-card-content h3.s-product-card-content-title {
    text-align:center;
}
custom-salla-product-card .s-product-card-content h3.s-product-card-content-title a {
    font-size:20px !important;
}

custom-salla-product-card .s-product-card-content .s-product-card-content-sub {
    justify-content:center;
    font-size:20px !important;
}
custom-salla-product-card .s-product-card-content .s-product-card-content-sub h4 {
    font-size:20px !important;
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    border-radius:0 0 0 12px;
        background-color:var(--main-color);
    color:#fff;

}

custom-salla-product-card{
    overflow:hidden;
        border-radius:0 0 0 12px !important;

}

.store-footer__inner {
    background-color:#000 !important;
    color:#fff ;
}

 footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a {
     background-color:#fff;
     color:#000;
     justify-content:center;
     align-items:center;
     border-radius:50px;
 }
 footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a h3 {
  margin-bottom:0;    
 }

salla-menu.hydrated {
    text-align:center;
}

.store-footer h3 {
    margin-bottom: 1.25rem;
    background-color:#fff;
    color:#000;
    text-align:center;
    border-radius:50px;
}

footer.store-footer {
    background-color:#000 !important;
}

span.text-sm.copyright-text *{
    color:#fff;
}

@media(max-width:992px){
    footer * {
        justify-content:center;
        align-items:center;
        text-align:center;
    }
    footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a{
        margin-bottom:1rem;
    }
}