/* Add custom CSS styles below */ 
body{
  background-color: #fff !important;
}
/********* header **********/
div#mainnav {
    background-color: #c00a27;
}

i.header-btn__icon.sicon-user-circle,i.header-btn__icon.icon.sicon-shopping-bag{
    background-color: #e1a465;
    color: #c00a27;
    border: none;
}

.s-cart-summary-count {
    background-color: #000;
    color: #fff;
}

.main-menu li>a {
color: #fff;
}
.main-menu li>a:hover, .sub-menu li>a,sub-menu li:hover .main-menu li>a  {
color: #000 !important;
}


i.sicon-heart {
    color: #000 !important;
}
.s-social-share-btn span svg {
    color: #000;
}

/********* banners **********/

.s-block--fixed-banner:nth-of-type(1) .container{
max-width:100% !important;
margin-right:0px !important;
margin-left:0px !important;
padding-right:0px !important;
padding-left:0px !important;
}
.banner--fixed:nth-of-type(1) img {
border-radius: 0rem !important;
 background-color: transparent;

}
.s-block--fixed-banner:nth-of-type(1){
  margin-top:0px !important;
}

/********* products **********/

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    background-color: #c00a27;
    color: #fff;
    border: none;
    width: 70%;
}

button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center,button.s-login-modal-enter-button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {

  background-color: #b9002b;
      border: none;
}

.s-product-card-content {
    text-align: center;
    
}
.s-product-card-content-sub {
    justify-content: center;
}
custom-salla-product-card {
    box-shadow: 1px  1px 3px #9e9e9e;
    margin-bottom:20px;
    
}

.s-products-slider-card.swiper-slide {
    margin-bottom: 25px;
}

.s-button-text{
color: #fff;
}
/********* features**********/
.s-block--features__item{background:none;}

.s-block--features__item .feature-icon{
    background:none;
    height: 6rem;
    width: 6rem;
}

.s-block--features .grid {
    background-color: #c00a27 !important;
border-radius: 4rem !important;
    
}
i.sicon-store2 {
    content: url(https://i.ibb.co/ZMVgXQ4/100.png);
    width: 4rem;
}
i.sicon-shipping-fast {
    content: url(https://i.ibb.co/42FcRvm/Untitled-2.png);
    width: 4rem;
}
i.sicon-fire {
    content: url(https://i.ibb.co/PgZLm56/image.png);
    width: 4rem;
}
.s-block--features__item h2 {
    color: #fff;
}

.s-block--features__item p {
display: none;
}


/********* title after**********/

.s-slider-block__title h2 {
    text-align: center !important;
    position:relative;
    margin-left:100px !important;
}

.s-slider-block__title h2::after {
    position:absolute;
    content:"";
    height:3px;
    width:200px;
    background-color:#c00a27;
    top:55%;
    transform: translateX(-5%);
}


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

.store-footer__inner {
    background-color: #c00a27; !important;
    padding-inline: 30px;
}


i.sicon-menu.text-primary.text-2xl {
    color: #000;
}



/********* grid **********/
a.banner-entry.square-photos {
    height: 325px;
    background-color: transparent;
}

.lazy__bg.lazy.entered.loaded {
    background-size: contain;
    background-repeat: no-repeat;
}








/*********************************/
@media (max-width:768px){
a.banner-entry.square-photos {
    height: 100px;
}

.grid-flow-row {
    grid-auto-flow: column;
}



.s-block--features .grid-cols-\[repeat\(2\2c minmax\(0\2c 1fr\)\)\] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.s-block--features__item:first-child {
    grid-column: auto;
}


.store-footer__inner * {
    text-align: center;
    justify-content:center
    
}



.main-menu li>a {
    color: #000;
}




/****************add logo to menu******************/

ul.main-menu.mm-spn--open {
    position:relative 0;
}
ul.main-menu.mm-spn--open::after {
    content: "";
    position:absolute;
    background-image:url(https://i.ibb.co/BKrfspV/555555555555555.png);
    background-size:contain;
    background-repeat:no-repeat;
    width: 15rem;
    height:15rem;
    right:50%;


    transform:translate(30%,10%);
}

}