:root
{
    --primary-color: #e0af4c !important;
    --secondary-color: #ffffff !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 -------------------*/
.top-navbar
{
    border-bottom: 0px solid #fff;
}

.navbar-brand img
{
    height: 55px;
    backdrop-filter: blur(10px);
    border-radius: 10px;
    
    animation: bounce 3s infinite;
    transition-duration: 500ms;
}

.main-menu
{
    backdrop-filter: blur(30px);
}
/*--------------- End of Header ---------------*/


/*------------------- Banner ------------------*/
.md\:text-6xl
{
    font-size: 2rem;
    line-height: 1;
}
/*---------------- End of Banner --------------*/


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

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


/*------------------ Products -----------------*/
.sicon-shopping::before,
.sicon-heart::before,
.sicon-eye::before
{
    color: var(--secondary-color) !important;
}

.product-card--primary-buttons button, .product-card--primary-buttons salla-button,
.product-card--primary-buttons button:hover, .product-card--primary-buttons salla-button:hover
{
    color: var(--secondary-color) !important;
    background: var(--primary-color) !important;
    border-color: var(--secondary-color) !important;
}

.bg-gray-200
{
    background-color: var(--secondary-color) !important;
}
/*--------------- End of Products -------------*/


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

/*------------ End of Products Details --------*/


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

/*------------------ End of Cart --------------*/


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

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


/*------------------- Features ----------------*/

/*---------------- End of Features ------------*/


/*--------------------- FAQ -------------------*/

/*------------------ End of FAQ ---------------*/


/*-------------------- Footer -----------------*/
.store-footer__inner
{
    padding-top: 1rem;
    padding-bottom: 0rem;
}

.store-footer .footer-logo img
{    
    animation: scale 1.4s linear infinite;
}

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

.store-footer h3,
.footer-list,
.enhanced_rounded_contacts
{
    text-align: center;
    justify-content: center !important;
}

.footer-rights .mb-2\.5
{
    color: var(--primary-color);
}
/*----------------- End of Footer -------------*/


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

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


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

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


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

    /*----------------- Header ----------------*/
    
    /*----------------- Banner ----------------*/
    .banner-1 .w-full
    {
        object-fit: fill;
        width: 100%;
    }
    
    .md\:text-6xl
    {
        font-size: 1.25rem;
        line-height: 1;
    }
    /*--------------- Categories --------------*/
    
    /*---------------- Products ---------------*/
    .product-card__price .total-price
    {
        font-size: 16px !important;
    }
    /*------------ Products Details -----------*/

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

    /*--------------- Testemonials ------------*/
    
    /*----------------- 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 scale
{
    0%,100%
    {
        transform: scale(1);
        opacity: 1;
    }
    50%
    {
        transform: scale(.9);
        opacity: .7;
    }
}
/*-------------- End of Animations ------------*/