:root
{
    --primary-color: #011d3e !important;
    --secondary-color: #6692c8 !important;
    --secondary-light-color: #9c8ac0 !important;
    --linear-gradient: linear-gradient(to right, var(--primary-color), var(--secondary-color)) !important;
    --font-color: #fff !important;
}

/*---------------- Font Family ----------------*/

/*-------------- End of Font Family -----------*/


/*---------------- Splash Screen --------------*/

/*------------ End of Splash Screen -----------*/


/*-------------------- Header -----------------*/
.sicon-menu::before
{
    color: var(--primary-color) !important
}

.dark .sicon-menu::before
{
    color: var(--font-color) !important
}

.mobile-menu,
.mm-spn.mm-spn--navbar ul
{
    color: #fff !important;
    background: var(--secondary-light-color) !important;
}

.dark .mobile-menu,
.dark .mm-spn.mm-spn--navbar ul
{
    color: #fff !important;
    background: var(--primary-color) !important;
}

.mm-spn li::after
{
    border-color: #fff !important;
    opacity: 0.6;
}

.navbar-brand img
{
    max-width: 170px;
    height: 35px;
    width: 35px;
    border-radius: 10px !important;
}

.dark .navbar-brand img
{
    max-width: 170px;
    height: 35px;
    width: 35px;
    border-radius: 10px !important;
}

.s-cart-summary-count
{
    color: #fff !important;
    background: var(--secondary-light-color) !important;
    padding-top: 4px !important;
}

.dark .s-cart-summary-count
{
    color: #fff !important;
    background: var(--secondary-color) !important;
    padding-top: 4px !important;
}

.store-footer h3
{
    color: var(--primary-color) !important;
}

.dark .store-footer h3
{
    color: var(--font-color) !important;
}
/*---------------- End of Header --------------*/


/*------------------- Banner ------------------*/

/*---------------- End of Banner --------------*/


/*----------------- Categories ----------------*/
.box-img:hover
{    
    animation-duration: calc(var(--animate-duration)*.75);
    animation-name: bounceIn;
    animation-delay: 0.2s;
}

.s-block
{
    padding-bottom: 0.5rem !important;
    padding-top: 0.25rem !important;
}

.divider-title
{
    color: var(--secondary-light-color) !important;
}

.dark .divider-title
{
    color: var(--font-color) !important;
}

.vertical-lines
{
    background-color: var(--secondary-light-color) !important;
}

.dark .vertical-lines
{
    background-color: var(--font-color) !important;
}

.s-angel--divider.xl-title h2
{
    font-size: 1.75rem;
}

.dark .da-cp
{
    color: var(--font-color) !important;
}

.faqs-list__item
{
    color: #fff !important;
    background: var(--secondary-light-color) !important;
}

.faqs-list__item .pe-16
{
    color: var(--font-color) !important;
}

.faq-container:hover .faq-item
{
    background-color: var(--font-color) !important;
}

.dark .faq-container:hover .faq-item
{
    background-color: var(--dark-bg-main) !important;
}

.sicon-add::before
{
    color: var(--primary-color) !important;
}

.dark .sicon-add::before
{
    color: var(--font-color) !important;
}

.s-block--faqs .faqs-list input:checked + div .open-badge::before
{
    color: var(--primary-color) !important;
}

.dark .s-block--banners .banner-square h3
{
    color: var(--font-color);
}
/*------------- End of Categories -------------*/


/*------------------ Products -----------------*/
.s-product-card-promotion-title
{
    color: var(--primary-color) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    padding: .15rem .20rem !important;
}

.s-product-card-content-title a,
.s-product-card-content-title a:hover
{
    color: var(--secondary-color)  !important;
}

.dark .s-product-card-content-title a,
.dark .s-product-card-content-title a:hover
{
    color: var(--font-color)  !important;
}

.btn-primary,
.s-button-primary,
.s-quick-buy-button,
.s-quick-buy-button:hover
{
    color: #fff !important;
    background: var(--secondary-light-color) !important;
    background: linear-gradient(45deg, #b36b84, #f4a4c0) !important;
    padding-top: 6px !important;
    border: none !important;
}

.dark .btn-primary,
.dark .s-button-primary,
.dark .s-quick-buy-button,
.dark .s-quick-buy-button:hover
{
    color: #fff !important;
    background: var(--secondary-color) !important;
    padding-top: 6px !important;
    border: none !important;
}

.s-product-card-out-of-stock img.loaded,
.s-product-card-out-of-stock salla-add-product-button .s-button-disabled
{
    color: #f00 !important;
    background: #fff !important;
    border: 0px solid #f00 !important;
    opacity: 1;
}

.dark .s-product-card-out-of-stock salla-add-product-button .s-button-disabled
{
    color: #f00 !important;
    background: transparent !important;
    border: 0px solid #f00 !important;
    opacity: 1;
}

.s-modal-close svg
{
    width: 1.25rem;
    height: 1.25rem;
    fill: #f87171;
    background: #fff !important;
    border-radius: 50px !important;
}

.s-modal-body.s-modal-align-middle
{
    color: #000 !important;
    background: var(--secondary-color) !important;
}

.s-modal-title,
.s-modal-sub-title,
.s-offer-modal-expiry,
.s-offer-modal-remember-label,
.s-offer-modal-remember-label:hover,
.s-offer-modal-footer input:checked
{
    color: #fff !important;
}

.s-offer-modal-footer input,
.dark .s-modal-header .s-offer-modal-header-icon
{
    border-color: #fff !important;
}

.s-offer-modal-header-icon svg
{
	fill: #fff !important;
}

.dark .s-modal-header .s-offer-modal-badge,
.dark .s-offer-modal-footer input
{
	background: #fff !important;
}

.s-offer-modal-slider .s-slider-block__title-nav button .s-slider-button-icon svg,
.s-offer-modal-badge-icon svg,
.s-offer-modal-badge-text
{
	fill: var(--primary-color) !important;
	color: var(--primary-color) !important;
}
/*-------------- End of Products --------------*/


/*-------------- Products Details -------------*/
.breadcrumbs a,
.breadcrumbs span
{
    color: var(--primary-color) !important;
}

.dark .breadcrumbs a
{
    color: var(--font-color) !important;
}

.tabs .tab-trigger.is-active
{
    color: var(--font-color) !important;
    background-color: var(--secondary-color) !important;
}

.tabs__product .tab-trigger
{
    color: var(--font-color) !important;
    background-color: var(--secondary-light-color) !important;
}

.promotion-title
{
    color: var(--primary-color) !important;
    font-weight: 600 !important;
}

.sticky-product-bar .s-button-primary
{
    padding-top: 10px !important;
}

.s-product-availability-wrap .s-button-loader-after
{
    background: #f00 !important;
}

.carousel-slider .swiper-wrapper > div
{
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.dark .s-slider-block__title h2
{
    color: var(--font-color) !important;
}

salla-slider .s-slider-block__title-nav button .s-slider-button-icon svg
{
    fill: var(--font-color) !important;
}

.dark .product-single .slide--cat-entry
{
    color: #fff !important;
    background: var(--secondary-color) !important;
}

.product-single .slide--cat-entry
{
    color: #fff !important;
    background: linear-gradient(45deg, #b36b84, #f4a4c0) !important;
}

.s-add-product-button-main .s-add-product-button-mini-checkout
{
    color: #fff !important;
    background: var(--secondary-color) !important;
}

.s-fast-checkout-button
{
    border-color: transparent !important;
}
/*---------- End of Products Details ----------*/


/*------------------ Cart ---------------------*/
.text-primary
{
    color: var(--primary-color);
}

.dark .text-primary
{
    color: var(--font-color);
}

.no-content-placeholder .btn
{
    color: var(--secondary-color) !important;
    border: 1px solid var(--secondary-color);
    padding: 3px 10px !important;
}
/*---------------- End of Cart ----------------*/


/*---------------- Testemonials ---------------*/

/*------------- End of Testemonials -----------*/


/*----------------- Features ------------------*/
.angel-feature i,
.p--features__item i
{
    color: var(--secondary-light-color) !important;
    font-size: 1.5rem !important;
}

.dark .angel-feature i,
.dark .p--features__item i
{
    color: var(--secondary-color) !important;
    font-size: 1.5rem !important;
}

.da-ts,
.dark .da-ts
{
    font-weight: 600 !important;
}
/*-------------- End of Features --------------*/


/*------------------ Footer -------------------*/
.store-footer .footer-container .logo-footer .foo
{
    max-height: 50px !important;
    max-width: 55% !important;
    height: 35px !important;
    width: 35px !important;
    border-radius: 10px;
}

.dark .store-footer .footer-container .logo-footer .foo
{
    max-height: 50px !important;
    max-width: 55% !important;
    height: 35px !important;
    width: 35px !important;
    border-radius: 10px;
}

.contact-links a
{
    color: var(--font-color) !important;
    background-color: var(--secondary-light-color) !important;
}

.dark .contact-links a
{
    color: var(--font-color) !important;
    background-color: var(--dark-grey) !important;
}

.menu-list .store-footer a:hover
{
    color: var(--primary-color) !important;
}

.store-footer a:hover,
.bubble-show:hover .bubble
{
    color: var(--font-color) !important;
}

.md\:mb-0
{
    color: var(--primary-color) !important;
}

.dark .md\:mb-0
{
    color: var(--font-color) !important;
}
/*--------------- End of Footer ---------------*/


/*-------------------- Blog -------------------*/

/*---------------- End of Blog ----------------*/


/*--------------- WhatsApp Icon ---------------*/

/*------------ End of WhatsApp Icon -----------*/


/*--------------- Mobile Screens --------------*/
@media only screen and (max-width: 767px)
{ 
    body::before
    {
       background-size: 25% !important;
    }

    /*---------------- Header ----------------*/
    .mm-spn a
    {
        font-size: 16px !important;
    }
    /*---------------- Banner ----------------*/

    /*-------------- Categories --------------*/
    .s-block
    {
        padding-bottom: 0.25rem !important;
        padding-top: 0.25rem !important;
    }
    
    .s-angel--divider.xl-title h2
    {
        font-size: 1.25rem;
    }
    /*--------------- Products ---------------*/

    /*----------- Products Details -----------*/

    /*------------- Testemonials -------------*/
    
    /*--------------- Features ---------------*/
    
    /*----------------- Cart -----------------*/
    
    /*---------------- Footer ----------------*/

    /*----------------- Blog -----------------*/
}
/*------------ End of Mobile Screens ----------*/


/*----------------- Animations ----------------*/
keyframes bounceIn
{
    0%, 20%, 40%, 60%, 80%, 100%
    {
      animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0%
    {
      /*opacity: 0;*/
      transform: scale3d(.3,.3,.3);
    }
    20%
    {
      transform: scale3d(1.1,1.1,1.1);
    }
    40%
    {
      transform: scale3d(.9,.9,.9);
    }
    60%
    {
      /*opacity: 1;*/
      transform: scale3d(1.03,1.03,1.03);
    }
    80%
    {
      transform: scale3d(.97,.97,.97);
    }
    100%
    {
      /*opacity: 1;*/
      transform: scaleX(1);
    }
}
/*-------------- End of Animations ------------*/