:root
{
    --primary-color: #ffcf18 !important;  /* rgb(255, 207, 24) */
    --secondary-color: #232323 !important;  /* rgb(35, 35, 35) */  
    --secondary-light-color: #3d3d3d !important;  /* rgb(61, 61, 61) */
    --font-color: #fff !important;
}

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

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


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

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


/*------------------ Header -------------------*/
.s-cart-summary-count
{
    color: #000 !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 -----------------*/
.dark .vertical-lines
{
    background-color: var(--primary-color) !important;
    opacity: 0.6 !important;
}

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


/*--------------- Products Details ------------*/
.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: var(--primary-color) !important;
    font-size: 1rem;
    font-weight: 600 !important;
}
/*------------------ End of Cart --------------*/


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

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


/*------------------- Features ----------------*/
.s-block.dark
{
	background-color: transparent;
}
/*---------------- End of Features ------------*/


/*--------------------- FAQ -------------------*/
.s-block--faqs .sicon-add
{
    color: var(--primary-color) !important;
    border: 1px solid var(--primary-color);
    border-radius: 50px;
}

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

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

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

.pe-16
{
    color: var(--secondary-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(--secondary-color) !important;
}

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

.s-block--faqs .mb-6
{
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}
/*------------------ End of FAQ ---------------*/


/*-------------------- Footer -----------------*/
.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 ----------------*/
    
    /*----------------- Banner ----------------*/

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

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

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

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

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


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