:root
{
    --primary-color: #b899c0 !important; /* rgb(184, 153, 192) */
    --secondary-color: #b899c0 !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 -------------------*/
.navbar-brand
{
    margin-top: 0;
    margin-bottom: 0;
}

.navbar-brand img
{
    height: 5rem !important;
    
    animation: bounce 3s infinite;
    transition-duration: 500ms;
}

.language-btn span
{
    color: var(--font-color) !important;
}

.header-btn i,
.s-cart-summary-total
{
    color: var(--font-color) !important;
}

.s-cart-summary-count
{
    border: 1px solid var(--font-color);
}

.mburger p
{
    color: var(--font-color) !important;
}

.mm-spn.mm-spn--navbar:after,
.sicon-cancel:before,
.sicon-menu,
.mm-spn a,
.mm-spn li a, .mm-spn li span:not(.s-user-menu-dropdown-item-badge)
{
    color: var(--font-color) !important;
}
/*--------------- End of Header ---------------*/


/*------------------- Banner ------------------*/
.banner--fixed img
{
    margin-top: 10px;
    
    position: relative;
    animation: up-down 8s ease infinite;
}
/*---------------- End of Banner --------------*/


/*----------------- Categories ----------------*/

/*------------- End of Categories -------------*/


/*------------------ Products -----------------*/
.s-block__title h2
{
    color: rgb(138, 10, 158) !important;
    font-size: 1.35rem;
}

.s-block__title p
{
    color: #000 !important;
}
    
.s-product-card-category,
.s-product-card-brand
{  
    color: var(--font-color) !important;
    font-size: 0.85rem;
    font-weight: 500 !important;
    border-radius: 5px;
    background-color: #eae !important;
}

.s-product-card-content-title a
{
    color: rgb(138, 10, 158) !important;
    font-size: 0.9rem;
}

.s-product-card-content-subtitle
{
    color: #000;
}

.s-product-card-price
{
    font-size: 1rem;
}
/*--------------- End of Products -------------*/


/*--------------- Products Details ------------*/
.s-quantity-input-button svg
{
    fill: rgb(138, 10, 158) !important;
}

.s-product-card-vertical .s-product-card-wishlist-btn button
{
    color: var(--primary-color) !important;
    fill: var(--primary-color) !important;
    opacity: 1 !important;
}
/*------------ End of Products Details --------*/


/*--------------------- Cart ------------------*/
.cart .item-price
{
    color: rgb(138, 10, 158) !important;
    font-size: 1rem;
    font-weight: 600 !important;
}
/*------------------ End of Cart --------------*/


/*----------------- Testemonials --------------*/
.s-slider-block__title h2
{
    color: rgb(138, 10, 158) !important;
    font-size: 1.15rem;
}
/*-------------- End of Testemonials ----------*/


/*------------------- Features ----------------*/
.text-gray-600
{
    color: rgb(138, 10, 158) !important;
    font-weight: 600 !important;
}
/*---------------- End of Features ------------*/


/*--------------------- FAQ -------------------*/
.faqs-list__item
{
    background: #eaeaea;
}

.s-block--faqs .sicon-add
{
    color: rgb(138, 10, 158) !important;
    border: 1px solid var(--primary-color);
    border-radius: 50px;
}

.s-block--faqs:hover .sicon-add
{
    background: var(--font-color) !important;
}

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

.pe-16
{
    color: var(--font-color) !important;
    background: var(--primary-color) !important;
    border-radius: 4px;
}

.pe-16:hover .sicon-add:before,
.s-block--faqs .faqs-list input:checked+div .open-badge::before
{
    color: var(--font-color) !important;
}

.s-block--faqs .faqs-list input:checked+div label
{
    color: rgb(138, 10, 158) !important;
}

.s-block--faqs .mb-6
{
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

.md\:text-3xl
{
    color: var(--primary-color) !important;
    font-size: 1.25rem;
}
/*------------------ End of FAQ ---------------*/


/*-------------------- Footer -----------------*/
.bottom-header
{
    color: var(--font-color) !important;
    font-weight: 500 !important;
    background: var(--secondary-color);
}

.bottom-header-icon i::before
{
    color: var(--font-color) !important;
}

.store-footer__inner
{
    color: var(--font-color) !important;
    background: var(--secondary-color);
}

.s-button-wrap[type='submit']
{
    border: 1px solid var(--font-color);
}

.store-footer h3
{
    color: var(--font-color) !important;
    text-align: center !important;
}

.footer-middle .footer-list a
{
    text-align: center !important;
}

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

.md\:mb-0,
.store-footer .text-gray-400
{
    color: var(--font-color) !important;
}

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

.store-footer .store-links-items
{
    -moz-columns: 1;
    column-count: 1;
    text-align: center;
    justify-content: center;
    display: grid !important;
}

.s-social-link a[title=instagram]
{
    background: #e1306c;
}

.s-social-link a[title="snapchat"]
{
    background: #fffc00;
}

.s-social-link a[title="snapchat"] svg
{
    fill: #000;
}

.s-social-link a[title=tiktok]
{
    background: #000;
}

.s-social-link a[title="facebook"]
{
    background: #1877f2;
}

.s-contacts-item[href*="wa.me"]
{
    background-color: #25d366;
}

.s-contacts-item[href^="tel:"]
{
    background: #3c723e;
}

.s-contacts-item[href^="mailto:"]
{
    background-color: #d44638;
}
/*----------------- End of Footer -------------*/


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

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


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

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


/*---------------- Mobile Screens -------------*/
@media only screen and (max-width: 767px)
{ 

    /*----------------- Header ----------------*/
    .navbar-brand img
    {
        height: 4rem !important;
    }
    /*----------------- Banner ----------------*/

    /*--------------- Categories --------------*/
    
    /*---------------- Products ---------------*/
    .s-block__title h2
    {
        font-size: 1.15rem;
    }
    
    .s-product-card-content-title a
    {
        font-size: 0.85rem;
    }
    
    .tabs__flex .tab-trigger
    {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }
    /*------------ Products Details -----------*/

    /*------------------ Cart -----------------*/

    /*--------------- Testemonials ------------*/
    .s-slider-block__title h2
    {
        font-size: 1.05rem;
    }
    /*----------------- Features --------------*/
    
    /*------------------ Footer ---------------*/

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


/*----------------- Animations ----------------*/
@keyframes bounce
{
    0%, 100%
    {
        opacity: 1;
        transform: rotateY(0);
    }
    
    50%
    {
        opacity: 0.5;
        transform: rotateY(180deg);
    }
}

@keyframes up-down
{
    0%, 100%
    {
        top: 0;
    }
    50%
    {
        top: -25px;
    }
}
/*-------------- End of Animations ------------*/