:root {
--primary-color: #f6ab4a;
--secondary-color: #181818;
--background: #fdf9f2;
--white: #fff;
--gray: #5a5a5a;
--light-gray: #bfb8b8;
}
.trending-products,
.gallery-section3,
.top-products,
.our-bestseller,
.banner2-section,
.recent-news,
.featured-product,
.service-section,
#trending-products4,
.deal4-section,
.feature-products5,
.funfact5,
.deal5,
#footer-section5,
.work-process {
background-color: var(--background);
}
.select-currency select {
background: transparent;
color: #fff;
}
.select-currency select option {
background: transparent;
color: var(--gray);
}
.menu-bar .menu-language-menu li a span {
color: var(--white);
}
.menu-bar .sub-menu li a span {
color: var(--gray);
}
.header-above-collapse span,
.header-above-collapse span:before,
.header-above-collapse span:after {
background: var(--white);
}
.header-above-collapse {
color: var(--white);
}
.hamburger-menu div {
background: var(--primary-color);
}
.header-five .hamburger-menu div {
background: var(--secondary-color);
}
.header-five .header-above-collapse span,
.header-five .header-above-collapse span:before,
.header-five .header-above-collapse span:after {
background: var(--secondary-color);
}
.mobile-collapsed>button {
color: var(--white);
background-color: var(--gray);
}
.switcher-tab>button {
background-color: var(--primary-color);
}
.switcher-tab>button.active-bg {
background-color: var(--secondary-color);
}
.main-mobile-menu ul.main-menu>li:first-child {
border-top: 1px solid #363636;
}
.main-mobile-menu ul.main-menu>li {
border-bottom: 1px solid #363636;
background-color: var(--secondary-color);
}
.main-mobile-menu ul.main-menu>li a {
color: var(--secondary);
}
.header-two .main-mobile-menu ul.main-menu>li:hover a {
color: var(--primary-color);
}
.main-navigation .widget-contact .contact-info .text a {
color: var(--secondary-color);
}
.main-navigation .widget-contact .contact-info p {
color: var(--secondary-color);
}
.header-two .widget_social_widget ul li .social-a {
background: var(--secondary-color);
color: var(--primary-color);
}
.header-two .widget_social_widget ul li .social-a:hover,
.header-two .widget_social_widget ul li .social-a:focus {
background: var(--white);
color: var(--secondary-color);
}
.widget_social_widget ul li .social-a {
background: var(--white);
}
.header-three .widget_social_widget ul li .social-a {
background: var(--secondary-color);
}
.header-three .widget_social_widget ul li .social-a:hover,
.header-three .widget_social_widget ul li .social-a:focus {
background: var(--secondary-color);
}
.widget_social_widget ul li .social-a:hover,
.widget_social_widget ul li .social-a:focus-within {
background: var(--primary-color);
}
.header-one .widget_social_widget ul li .social-a:hover,
.header-one .widget_social_widget ul li .social-a:focus-within,
.header-one .widget_social_widget ul li .social-a.active {
color: var(--secondary-color);
}
.widget_social_widget ul .social-effect .social-a.active {
background: var(--primary-color);
color: var(--white);
}
.widget_social_widget ul .social-effect .social-a.active {
color: var(--white);
}
.footer-section .widget_social_widget ul .social-effect .social-a.active,
.footer-section .widget_social_widget ul .social-effect .social-a:hover,
.footer-section .widget_social_widget ul .social-effect .social-a:focus {
color: var(--secondary-color);
}
.widget_social_widget ul li .social-a {
color: var(--primary-color);
}
.footer-2 .widget_social_widget ul li .social-a {
background-color: var(--primary-color);
color: var(--secondary-color);
}
.footer-2 .widget_social_widget ul li .social-a:hover,
.footer-2 .widget_social_widget ul li .social-a:focus-within {
background-color: var(--secondary-color);
color: var(--primary-color);
}
.widget_social_widget ul li .social-a:hover,
.widget_social_widget ul li .social-a:focus-within { }
select,
.text-container {
color: var(--white);
}
input[type='text'],
.header-search-button {
color: var(--white);
}
.menu-right-list li a {
color: var(--white);
}
.header-one .menu-right-list li a.favourite-btn,
.header-one .menu-right-list li a.arrow-btn,
.header-one .menu-right-list li button.header-cart {
color: var(--white);
}
.header-one .menu-right-list li a.favourite-btn:hover,
.header-one .menu-right-list li a.favourite-btn:focus-within,
.header-one .menu-right-list li a.arrow-btn:hover,
.header-one .menu-right-list li a.myaccount-btn:hover,
.header-one .menu-right-list li a.myaccount:focus-within,
.header-one .menu-right-list li a.arrow-btn:focus-within,
.header-one .menu-right-list li button.header-cart:hover,
.header-one .menu-right-list li button.header-cart:focus-within {
color: var(--primary-color);
}
.header-one .menu-right-list li a.favourite-btn:hover span,
.header-one .menu-right-list li a.favourite-btn:focus-within span,
.header-one .menu-right-list li a.arrow-btn:hover span,
.header-one .menu-right-list li a.arrow-btn:focus-within span,
.header-one .menu-right-list li button.header-cart:hover span,
.header-one .menu-right-list li button.header-cart:focus-within span {
background: var(--white);
color: var(--secondary-color);
}
.cart-modal {
background: var(--white);
}
.cart-img-col .remove_from_cart_button {
background: var(--primary-color);
} .cart-ft-buttons-cont .cart-ft-btn:hover {
color: var(--white);
}
.st-wcwl-items-count,
.cart-icon-wrap span {
background: var(--primary-color);
}
.header-two .cart-icon-wrap span {
background: var(--primary-color);
color: var(--secondary-color);
}
.cart-top .cart-close {
color: var(--secondary-color);
}
.cart-body .cart-pname a {
color: var(--secondary-color);
}
.dropdown-item:hover .nav-link-text {
color: var(--primary-color);
}
.dropdown-menu li a .nav-link-text {
color: var(--white);
}
.header-two .main-mobile-menu .dropdown-menu li a .nav-link-text {
color: var(--white);
}
.header-two .main-mobile-menu .dropdown-menu li:hover a .nav-link-text {
color: var(--primary-color);
}
.dropdown-item:hover,
.dropdown-item:focus {
color: var(--primary-color);
background-color: transparent;
}
#header-above-bar #menu-above-header-menu li a {
color: var(--gray);
}
.main-menu .nav-link:hover,
.header-three .nav-link:focus,
.header-three .nav-link.active {
color: var(--primary-color);
}
.main-menu .nav-link {
color: var(--white);
}
#header2.main-menu .nav-link {
color: var(--white);
}
.header-two .main-menu a.nav-link.active {
color: var(--primary-color);
}
.header-four .above-header {
background-color: var(--primary-color);
}
.phone-icon a {
background: var(--white);
color: var(--primary-color);
}
.call-detail .phone-icon a:hover,
.call-detail .phone-icon a:focus-within {
background: var(--primary-color);
color: var(--white);
}
.phone-number {
color: var(--white);
}
.btn-deal {
background-color: var(--white);
color: var(--secondary-color);
}
.btn-deal:hover,
.btn-deal:focus-within {
background-color: var(--primary-color);
color: var(--secondary-color);
}  .slide-text-wrapper .slide-text-title {
color: var(--white);
}
.slide-text-wrapper .slide-text-description {
color: var(--light-gray);
}
.slider_two .slide-text-wrapper .slide-text-description {
color: var(--white);
}
.slide-text-btn:hover,
.slide-text-btn:focus {
color: var(--white);
background: transparent;
}
.slide-text-btn {
color: var(--white);
background: var(--primary-color);
}
.banner-btns .slide-text-btn {
color: var(--white);
background: var(--white);
color: var(--primary-color);
border: none;
}
.banner-btns .slide-text-btn:hover,
.banner-btns .slide-text-btn:focus {
color: var(--white);
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
background: var(--secondary-color);
color: var(--white);
}
.slider_five .slide-text-wrapper .slide-text-title {
color: var(--primary-color);
}
.slider_five .slide-text-wrapper span,
.slider_five .slide-text-wrapper h6 {
color: var(--secondary-color);
} .product-content .price del {
color: var(--gray);
}
.main-title span {
color: var(--primary-color);
}
.section-title .main-description {
color: var(--gray);
}
.categories-content h4 a {
color: var(--secondary-color);
}
.categories-content p {
color: var(--primary-color);
}
.product-img {
background-color: var(--white);
}
.product-content h3 a {
color: var(--secondary-color);
}
.product-content p i {
color: var(--primary-color);
}
.product-content .price {
color: var(--primary-color);
}
.product-action a {
background: #fdf8f2;
color: var(--primary-color);
}
.product-action a:hover,
.product-action a:focus {
background: var(--primary-color);
color: var(--white);
} .banner-section {
background: var(--white);
}
.banner-content h4 {
color: var(--secondary-color);
}
.banner-btn {
background: var(--white);
color: var(--secondary-color);
}
.banner-btn:hover {
background: var(--primary-color);
color: var(--white);
} .funfact:hover,
.funfact.active {
background: var(--primary-color);
}
.funfact:hover .funfact-icon,
.funfact.active .funfact-icon {
background: #fdf9f2;
}
.funfact:hover .funfact-content h5,
.funfact:hover .funfact-content p,
.funfact.active .funfact-content h5,
.funfact.active .funfact-content p {
color: var(--white);
}
.funfact .funfact-content p {
color: var(--secondary-color);
}
.funfact-title h4 {
color: var(--white);
}
.funfact-above {
background-color: var(--white);
} .progress-inner:hover .progress-item {
background-color: var(--secondary-color);
}
.progress-inner.active .progress-item {
background-color: var(--secondary-color);
}
.progress-content h4 {
color: var(--secondary-color);
}
.progress-inner:hover .progress-content h4,
.progress-inner.active .progress-content h4 {
color: var(--primary-color);
} .progress-content h4 {
color: var(--secondary-color);
}
.progress-inner:hover .progress-content h4 {
color: var(--primary-color);
}
.progress-item {
background-color: var(--white);
} .bestdeal-content p i {
color: var(--primary-color);
} .best-deals .deal-right .price-detail>span {
color: var(--primary-color);
}
.best-deals .deal-right .price-detail>span,
.best-deals .deal-right .price-detail>span>bdi>span {
font-size: 28px;
}
.best-deals .dogmaa_ct-timer>span {
background: var(--white);
color: var(--primary-color);
}
.best-deals .dogmaa_ct-timer>span:hover,
.deal-section .dogmaa_ct-timer>span:hover {
background-color: var(--primary-color);
color: var(--white);
} .deal5 .dogmaa_ct-timer span:nth-child(1) {
color: var(--white);
}
.deal5 .dogmaa_ct-timer span:nth-child(2) {
color: var(--white);
}
.deal5 .bestdeal-content h4,
.deal5 .price ins span,
.deal5 .bestdeal-content p,
.deal5 .price bdi {
color: var(--secondary-color);
}
.best-deals .dogmaa_ct-timer>span:hover span:nth-child(1) {
color: var(--white);
} .testimonial-content h3 {
color: var(--primary-color);
}
.testimonial-content h5 {
color: var(--primary-color);
}
.testimonial-content i {
color: var(--secondary-color);
}
.testimonial-content:hover i {
color: var(--primary-color);
}
.testimonial-content p {
color: var(--secondary-color);
}
.carousel-indicators li {
background: var(--primary-color);
}
.testimonial-content h6 {
color: var(--secondary-color);
}
.testimonial-content span {
color: var(--secondary-color);
} .testimonial5 .client5-bottom h6,
.testimonial5 .client5-bottom span {
color: var(--secondary-color);
} .banner2-section {
background: var(--background);
}
.banner2-content p span,
.banner2-content h4 span {
color: var(--secondary-color);
}
.banner2-content p {
color: var(--secondary-color);
}
.banner2-content h4 {
color: var(--secondary-color);
}
.banner2-btn {
color: var(--primary-color);
}
.banner2-btn:hover {
background: var(--primary-color);
color: var(--white);
}
#banner5 .banner2-content h4,
#banner5 .banner2-content p {
color: var(--white);
} .insta-icon a {
color: var(--white);
}
.insta-icon a:hover {
color: var(--primary-color);
} .post-item {
background-color: var(--white);
}
.post-item .post-meta .author-name i,
.post-meta .post-comment i,
.post-date i,
.admin-name i {
color: var(--primary-color);
}
.post-item .post-meta a:hover {
color: var(--primary-color);
}
.post-item .post-meta a {
color: var(--secondary-color);
}
.post-item .post-content .post-title:hover a {
color: var(--primary-color);
}
.post-item .post-content .post-title a {
color: var(--secondary-color);
}
.recent-news .post-item .post-content .post-title a {
color: var(--white);
}
.recent-news .post-item .post-content .post-title:hover {
color: var(--primary-color);
}
.post-categories a {
color: var(--primary-color);
background: var(--white);
}
.post-categories a:hover,
.post-categories a:focus-within {
color: var(--primary-color);
opacity: .8;
}
.post-item .post-content p {
color: var(--secondary-color);
}
.recent-news .post-item .post-content p {
color: var(--white);
}
.post-item:hover .post-details,
.post-item:focus .post-details  {
background: var(--primary-color);
color: var(--secondary-color);
}
.post-details {
background: var(--secondary-color);
color: var(--white);
} .contact-info .title {
color: var(--white);
}
.contact-info p {
color: var(--white);
}
.mail-form button {
color: var(--primary-color);
}
input[type='email'] {
color: var(--white);
}
::placeholder {
color: var(--white);
}
.text-info span {
color: var(--white);
}
.payment_methods li a {
color: var(--white);
}
.payment_methods li a:hover,
.payment_methods li a:focus {
color: var(--primary-color);
}
.footer-one .widget .widget-title,
.widget_nav_menu h4,
.widget_latest_posts h4,
#footer-section4 .widget_social_widget h4 {
color: var(--white);
}
#footer-section5 .widget_nav_menu h4,
#footer-section5 .widget_latest_posts h4,
#footer-section5 .widget_social_widget h4 {
color: var(--secondary-color);
}
#footer-section5 .widget_nav_menu ul li a {
color: var(--secondary-color);
}
#footer-section5 .widget_nav_menu ul li a:hover,
#footer-section5 .widget_nav_menu ul li a:focus-within {
color: var(--primary-color);
}
#footer-section5 .text-info span {
color: var(--secondary-color);
}
#footer-section5 .widget_latest_posts .post-date h6 a {
color: var(--secondary-color);
}
#footer-section5 .contact-icon {
background: var(--white);
}
#footer-section5 .contact-icon:hover {
background: var(--primary-color);
}
.widget_nav_menu ul li a { }
#footer-section5 .contact-info .text a {
color: var(--secondary-color);
}
#footer-section5 .contact-area:hover .contact-info .text a,
#footer-section5 .contact-area:focus-within .contact-info .text a {
color: var(--primary-color);
}
#footer-section5 .brand a {
color: var(--white);
font-weight: 500;
}
#footer-section5 .brand a:hover {
color: var(--secondary-color);
font-weight: 500;
}
#footer-section5 .footer-copyright {
background-color: var(--primary-color);
}
#footer-section5 .payment_methods li a:hover {
color: var(--secondary-color);
}
.footer-widgets .widget_nav_menu ul li a:hover {
color: var(--primary-color);
}
.widget_latest_posts .post-date h6 a {
color: var(--white);
}
.widget_latest_posts .post-items:hover a {
color: var(--primary-color);
}
.widget_latest_posts time {
color: var(--primary-color);
}
.offer-text h5 {
color: var(--white);
}
.offer-text h5 span {
color: var(--primary-color);
}
.offer-text p {
color: var(--white);
}
.contact-icon {
color: var(--primary-color);
}
#footer-section5 .contact-area:hover .contact-icon,
#footer-section5 .contact-area:focus-within .contact-icon {
background: var(--primary-color);
color: var(--white);
}
.contact-info .text a {
color: var(--white);
}
.footer-middle .contact-info .text a {
color: var(--primary-color);
}
.contact-area:hover .contact-info .text a,
.contact-area:focus-within .contact-info .text a {
color: var(--primary-color);
}
.brand p.copyright-text,
.brand a { color: var(--white);
}
.brand p {
margin: 0;
color: var(--white);
}
.brand a:hover,
.brand a:focus {
color: var(--primary-color); }
#scrollup:active {
background-color: #555;
}
#scrollup::after {
color: var(--secondary-color);
}
#scrollup {
background-color: var(--primary-color);
color: var(--secondary-color);
}
.header-two .above-header {
background-color: var(--primary-color);
}
.header-two .text-container P {
color: var(--secondary-color);
}
.header-two .widget_nav_menu ul li a {
color: var(--secondary-color);
}
.header-two .select-currency select {
background: transparent;
color: var(--secondary-color);
}
.header-two .phone-icon a {
background: var(--background);
color: var(--primary-color);
}
.header-two .phone-icon a:hover {
color: var(--white);
}
.header-two .phone-number {
color: var(--secondary-color);
}
.header-two .main-navigation {
background: var(--white);
}
.header-two .main-navigation-area {
background-color: var(--secondary-color);
} .header-two .st-wcwl-items-count {
background: var(--primary-color);
color: var(--secondary-color);
}
.header-two .hamburger-menu div {
background: var(--secondary-color);
}
.header-two .header-above-collapse span,
.header-two .header-above-collapse span:before,
.header-two .header-above-collapse span:after {
background: var(--secondary-color);
}
.header-two .main-mobile-nav {
background: var(--white);
}
.header-four input[type='text']::placeholder {
color: var(--secondary-color);
} .header-five .above-header {
background-color: var(--background);
} .main-header .header-dark,
.header-five .header-dark,
#footer-section5.footer-dark,
.footer-section.footer-dark {
background-color: var(--secondary-color);
}
.header-five .main-navigation {
background-color: var(--white);
}
.header-five .menu-right-list li a.favourite-btn,
.header-five .menu-right-list li a.arrow-btn,
.header-five .menu-right-list li a.header-cart {
color: var(--secondary-color);
}
.header-five .menu-right-list li a.favourite-btn:hover,
.header-five .menu-right-list li a.arrow-btn:hover,
.header-five .menu-right-list li button.header-cart:hover {
color: var(--primary-color);
transition: 0.65s;
}
.header-five .menu-right-list li a.favourite-btn:hover span,
.header-five .menu-right-list li a.arrow-btn:hover span,
.header-five .menu-right-list li button.header-cart:hover span {
background: var(--secondary-color);
}
.header-five .main-menu .nav-link:not(.main-mobile-build ul li a),
.header-five .contact-detail-top li a,
.header-five .cart-icon-wrap {
color: var(--secondary-color);
}
.header-five .contact-detail-top li a {
transition: 0.65s;
}
.header-five .contact-detail-top li a:hover,
.header-five .contact-detail-top li a:focus-within {
color: var(--primary-color);
}
.header-five .main-menu .nav-link.active {
color: var(--primary-color);
}
.header-five .st-wcwl-items-count,
.cart-icon-wrap span {
color: var(--white);
}
.header-five .header-search-button {
background: transparent;
} .categories2 .cate-img {
background-color: var(--background);
transition: .8s ease;
}
.cate-name h2 a {
color: var(--secondary-color);
} .cate-img i {
color: var(--primary-color);
}
.categories2 .categories2-item:hover .cate-img i,
.categories2 .categories2-item:focus-within .cate-img i,
.categorie-two-slide .owl-item.center .categories2-item .cate-img i {
color: var(--secondary-color);
}
.categories2 .categories2-item:hover .cate-img a,
.categories2 .categories2-item:focus-within .cate-img a {
color: var(--primary-color);
}
.categories5 {
background: var(--primary-color);
}
.categories5 .main-title span {
color: var(--white);
}
.categories5 .cate-name h2 a {
color: var(--white);
}
.categories5-item:hover .cate-name h2 a {
color: var(--white);
} .top-products .product-img {
background: var(--background);
} .banners .banner-content h4 {
color: #ffffff;
}
.banner2-section .banner2-content .wth-color {
color: var(--white);
} .funfacts .funfact2-image:before,
.funfacts3 .funfact2-image:before {
background-color: rgba(0, 0, 0, 0.6);
}
.content-funfact span,
.content-funfact h5,
.content-funfact p {
color: var(--white);
} .cta-4 .bg-cta2{
background-color: var(--primary-color);
background-repeat: no-repeat;
background-size: cover;
background-blend-mode: overlay;
} .cta-detaile>span {
color: var(--primary-color);
}
.cta-detaile h4,
.cta-detaile p {
color: var(--secondary-color);
} .top-news h5 {
color: var(--secondary-color);
}
.news-content h3,
.news-content p {
color: var(--white);
}
.recent-news .widget_custom_html {
background-color: var(--white);
}
.background-no {
background-color: var(--white);
}
.recent-news .widget_custom_html span {
color: var(--white);
}
.recent-news .widget_custom_html .submit:hover span {
color: var(--primary-color);
}
.recent-news .widget_custom_html .widget-title {
color: var(--secondary-color);
}
.recent-news input[type='email']::placeholder {
color: var(--secondary-color);
}
.recent-news input[type='text']::placeholder {
color: var(--secondary-color);
}
.recent-news input[type='text'],
.recent-news input[type='email'] {
color: var(--secondary-color);
} .deal-section .section-title h2,
.deal-section .section-title p {
color: var(--white);
}
.deal-section .bestdeal-content h4,
.deal-section .bestdeal-content p {
color: var(--white);
}
.deal-section .price-detail span {
color: var(--primary-color);
}
.deal-section .best-deals .dogmaa_ct-timer>span:hover {
background-color: var(--white);
color: var(--primary-color);
}
.deal-section .dogmaa_ct-timer span:nth-child(2) {
color: var(--secondary-color);
}
.deal-section .best-deals .dogmaa_ct-timer>span:hover span:nth-child(2) {
color: var(--primary-color);
}
.deal-section .dogmaa_ct-timer span:nth-child(1) {
color: var(--secondary-color);
}
.deal-section .best-deals .dogmaa_ct-timer>span:hover span:nth-child(1) {
color: var(--primary-color);
} .section-testimonial .content-client h4,
.section-testimonial .content-client p {
color: var(--secondary-color);
}
.news-letter .custom-html-widget .widget-title {
color: var(--white);
}
.news-letter .custom-html-widget .widget-title span {
color: var(--primary-color);
}
.news-letter .custom-html-widget input[type='email']::placeholder {
color: var(--secondary-color);
} .footer-section2 .contact-icon {
color: var(--white);
}
.widget_nav_menu .timing-open li span {
color: var(--white);
} .featured-product .product-action a,
.woocommerce-shop .product-action a, .tax-product_cat .product-action a {
color: var(--white);
background: var(--secondary-color);
}
.featured-product .product-action a:hover ,
.woocommerce-shop .product-action a:hover, .tax-product_cat .product-action a:hover {
background: var(--primary-color);
color: var(--secondary-color);
}
.feature-products4 {
background-color: var(--white);
}
#trending-products4 .product-img {
background: none;
} .cta-detail h5 span {
color: var(--primary-color);
}
.icon-cta a {
background-color: var(--white);
color: var(--primary-color);
}
.icon-cta a:hover {
background-color: var(--primary-color);
color: var(--white);
} .text_mail a {
background-color: var(--white);
color: var(--primary-color);
}
.text_mail a:hover {
background-color: var(--primary-color);
color: var(--white);
}
#news-letter3 .text_mail .widget-title {
color: var(--secondary-color);
}
#news-letter3 .custom-html-widget {
background: var(--background);
}
@media(min-width: 992px) {
.text-lg-right {
text-align: right;
}
.text-lg-center {
text-align: center;
}
}