:root {
    --main-color: #80001f;
    --alt-main-color: #2d4a38;
    --white-color: white
}

body {
    background: #fff
}
div#mainnav {
    background: var(--main-color);
    
}
div#mainnav *{
    
color: #fff !important;
}
  .navbar-brand img {
        max-height: 5rem !important;
    }

@media (min-width: 1024px) {
  
    .main-menu li.root-level>a,
    .main-menu li.root-level>a:after {
        transition: all .5s;
    }
    .main-menu li.root-level>a {
        position: relative;
        z-index: 1;
        color: black !important;
        padding-bottom: 20px;
        padding-top: 7px;
        font-size: 15px;
    }
    .main-menu li.root-level>a:hover {
        color: white !important;
    }
    .main-menu li.root-level>a:before {
        background: #80001f !important;
        content: "";
        inset: 0;
        position: absolute;
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.5s ease-in-out;
        z-index: -1;
        border-radius: 5px;
    }
    .main-menu li.root-level>a:hover:before {
        transform: scaleX(1);
        transform-origin: left;
    }
    .navbar-brand {
        margin-right: 3rem;
    }
}


body.index .s-user-menu-trigger {
    background: transparent!important
}

@media (min-width: 1024px) {
    ul.main-menu,.main-menu li.root-level>a {
        padding-top:1rem!important;
        padding-bottom: 1rem!important
    }
}

.main-menu li.root-level>a {
    position: relative
}

.main-menu li.root-level>a::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    bottom: 0;
    background: var(--main-color);
    transition: 0.3s
}

.main-menu li.root-level>a:hover {
    transform: translateY(-3px);
    background-color: #80001f;
}

.main-menu li.root-level>a:hover::before {
    width: 100%
}

i.header-btn__icon.sicon-user-circle,i.header-btn__icon.icon.sicon-shopping-bag,i.sicon-menu {
    background: var(--main-color)!important;
    color: var(--white-color)!important;
    border: 0px!important;
    box-shadow: rgb(100 100 111 / .2) 0 7px 29px 0;
    transition: 0.3s
}

i.sicon-menu {
    padding: 8px;
    border-radius: 50%
}

i.header-btn__icon.sicon-user-circle:hover,i.header-btn__icon.icon.sicon-shopping-bag:hover {
    background: var(--main-color)!important;
    
    box-shadow: rgb(100 100 111 / .2) 0 7px 29px 0;
    transform: translateY(-3px);
    transition: 0.3s
}

@media (max-width: 480px) {
    div#mainnav {
        padding-top:0.8rem!important
    }
}

section.s-block.s-block--photos-slider {
    margin-top: 0!important
}

section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide {
    padding: 0!important;
    margin: 0!important;
    width: 100%!important;
    border-radius: 0!important;
}

section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide img.w-full {
    border-radius: 0!important;
}

section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper {
    padding: 0!important;
}

section.s-block.s-block--fixed-banner.wide-placeholder>.container {
    padding: 0!important;
    margin: 0!important;
    max-width: 100%!important;
    border-radius: 0!important
}
section.s-block.s-block--fixed-banner.wide-placeholder>.container img {
border-radius: 0!important
}
body.index > div.app-inner.flex.flex-col.min-h-full > section:nth-child(5) > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    }
body.index > div.app-inner.flex.flex-col.min-h-full > section:nth-child(5) > div > a{
    height:400px;
    background:transparent;
}
body.index > div.app-inner.flex.flex-col.min-h-full > section > div > a{
   
    background:transparent;
}


body.index>div.app-inner>section.s-block.s-block--banners.container:last-of-type>div {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    
body.index > div.app-inner.flex.flex-col.min-h-full > section:nth-child(9) > div > .banner-entry:first-child{
    grid-area: 1/1/1/1 ; !important;
}

   


body.index>div.app-inner>section.s-block.s-block--banners.container .s-block__title h2 {
    font-size: 30px;
    color: #e3a25f
}

body.index>div.app-inner>section.s-block.s-block--banners.container>div>a>div {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.s-product-card-content-footer .s-button-btn {
    background-color: var(--main-color);
    border-radius: 10px;
    color: #fff;
    transition: all 0.3s ease-in-out
}

s-product-card-content-footer .s-button-btn:hover {
    background-color: var(--alt-main-color);
    color: #000
}

.s-reviews-testimonial {
    background-color: #fff0
}

.s-slider-block__title-right h2 {
    opacity: 0
}

footer.store-footer {
    border-top: 15px solid #80001f;
}

@media (max-width: 992px) {
    .store-footer__inner * {
        text-align:center;
        justify-content: center
    }
    body.index>div.app-inner>section.s-block.s-block--banners.container:last-of-type>div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    }
     body.index>div.app-inner>section.s-block.s-block--banners.container:last-of-type>div a {
    height:120px;
}
     body.index > div.app-inner.flex.flex-col.min-h-full > section:nth-child(5) > div > a{
    height:150px;
}
}
div.app-inner.flex.flex-col.min-h-full>footer>div.store-footer__inner>div>div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20>p.max-w-sm.leading-6.mb-6 {
    margin-bottom: 0!important
}

footer a[href*=instagram] {
    background: linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    border: none
}

footer a[href*=tiktok] {
    background: #000;
    color: #fff;
    border: none
}

footer a[href*=snapchat] {
    background: #ff0;
    color: #000;
    border: none
}

footer a[href*=youtube] {
    background: red;
    color: #fff;
    border: none
}

footer a[href*=facebook] {
    background: #3b5998;
    color: #fff;
    border: none
}

footer a[href*=twitter] {
    background: #000;
    color: #fff;
    border: none
}



.footer-is-light .store-footer .store-footer__inner {

    background-color: var(--main-color) !important;
    color:#fff !important;
}
.post-entry img,
.blog-single  .blog-single aside.sticky.shrink-0.top-24 img {
    object-fit:contain !important;
}

@media(max-width:992px){
.blog-category img {
 object-fit:contain !important;

    height: 10rem;
}

}

.post-entry img,
.blog-single  .blog-single aside.sticky.shrink-0.top-24 img {
    object-fit:contain !important;
}
.blog-category img {
 object-fit:contain !important;
@media(max-width:992px){
.blog-category img {
 object-fit:contain !important;

    height: 10rem;
}

}
span.sr-only + img {
    object-fit:contain
}