/*
Theme Name: Qstore
Theme URI: https://vfthemes.com/themes/qstore-free/
Author: vfthemes
Author URI: https://vfthemes.com/
Description: Introducing Qstore, a contemporary and distinctive WooCommerce WordPress Theme. Perfect for a wide array of shops, including clothing, electronics, furniture, accessories, flowers, and more. Its visually stunning and uncluttered design is crafted to effectively showcase your products and elevate your sales potential.
Template: storepress
Version: 1.0.1
Tested up to: 6.5
Requires PHP: 5.6
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: qstore
Slug: qstore
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, blog, grid-layout, portfolio, e-commerce

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/



:root {
    --bs-primary: #f3915c;
}

.homepage-three .vf-trending-products {
   background-color: #fef9f3 !important;
}
.homepage-three .woocommerce .product .product-single{
	background-color: #fff !important;
	box-shadow: 0 0 15px rgba(186, 145, 123, 0.20) !important;
} 
.homepage-three .woocommerce .product .product-single .product-bg{
  background-color: #fff !important;
  box-shadow: 0 0 17px rgba(186, 145, 123, 0.26) !important;
}
.homepage-three .woocommerce .product .product-single .product-img .btn-group{
	display: none;
}
/*===== Homepage Three =====*/

.header-three .navigation-wrapper {
    position: relative;
}

.header-three.header-search-active .vf-product-menu {
    z-index: 10;
}
.header-three .vf-header .navigation-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}
.header-three .vf-header .navigation-shape .shape1 {
    position: absolute;
    top: 12%;
    left: 1%;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #000;
    border-radius: 100%;
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite;
}
.header-three .vf-header .navigation-shape .shape1:before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 1px solid #000;
    border-radius: 100%;
}
.header-three .vf-header .navigation-shape .shape2 {
    position: absolute;
    top: 68%;
    left: 20%;
    width: 25px;
    height: 25px;
    display: inline-block;
    background-color: #000;
    border-radius: 100%;
    -webkit-animation: animationFramesTwo 20s linear infinite;
    animation: animationFramesTwo 20s linear infinite;
}
.header-three .vf-header .navigation-shape .shape3 {
    position: absolute;
    top: 8%;
    left: 40%;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-color: #000;
    border-radius: 100%;
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite;
}

.header-three .vf-header .navigation-shape .shape4 {
    position: absolute;
    top: 50%;
    left: 62%;
    width: 25px;
    height: 25px;
    display: inline-block;
    background-color: #000;
    border-radius: 100%;
    -webkit-animation: animationFramesTwo 20s linear infinite;
    animation: animationFramesTwo 20s linear infinite;
}
.header-three .vf-header .navigation-shape .shape4:before {
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    right: -15px;
    bottom: -15px;
    border: 1px solid #000;
    border-radius: 100%;
}
.header-three .vf-header .header-search-toggle {
    width: 30px;
    height: 30px;
    line-height: 1.12;
    font-size: 14px;
    background: none;
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.header-three .btn {
    border-radius: 0;
}
.header-three .vf-product-menu .product-menu-row {
    min-height: 104px;
}
.header-three .vf-header .main-navbar {
    text-align: left;
    justify-content: flex-start;
}
.header-three .vf-header .navigation-middle-row {
    min-height: 96px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    background-color: rgba(243, 229, 216, 0.80);
    position: relative;
}
.header-three .vf-header .main-navbar .main-menu .nav-link-text {
    position: relative;
    z-index: 0;
}
.header-three .vf-header .main-navbar .main-menu > li > a > .nav-link-text::before {
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: "";
    color: transparent;
    background-color: var(--bs-secondary);
    height: 1px;
    -webkit-transition: width 0.25s linear;
    -o-transition: width 0.25s linear;
    transition: width 0.25s linear;
}
.header-three .vf-header .main-navbar .main-menu > li:hover > a .nav-link-text::before,
.header-three .vf-header .main-navbar .main-menu > li.focus > a .nav-link-text::before,
.header-three .vf-header .main-navbar .main-menu .menu-item.active > a .nav-link-text::before {
    width: 100%;
}
.header-three .vf-header .main-navbar .main-menu > li:hover > a:before,
.header-three .vf-header .main-navbar .main-menu > li.focus > a:before,
.header-three .vf-header .main-navbar .main-menu .menu-item.active > a:before,
.header-three .vf-header .main-navbar .main-menu > li:hover > a,
.header-three .vf-header .main-navbar .main-menu > li.focus > a,
.header-three .vf-header .main-navbar .main-menu .menu-item.active > a {
    color: var(--bs-secondary);
}
.header-three .vf-header .is-sticky-menu.main-navigation {
    background: transparent;
    box-shadow: none;
}
.header-three .vf-header .navbar-area .user-btn,
.header-three .vf-header .navbar-area .favourite-btn,
.header-three .vf-header .navbar-area .arrow-btn,
.header-three .vf-header .navbar-area .header-cart {
    font-size: 23px;
    background-color: transparent;
    color: #fff;
}
.header-three .vf-product-menu .product-menu-row .widget+.widget {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid rgba(124, 124, 124, 0.30);
}
.header-three .vf-product-menu .product-menu-row .main-menu-right {
    margin-left: 3px;
}
.header-three .vf-product-menu .product-menu-row .widget,
.header-three .vf-product-menu .product-menu-row .widget select,
.header-three .vf-product-menu .product-menu-row .widget ul li > a {
    color: var(--bs-primary);
}
/* Homepage Three Slider */

.homepage-three .vf-slider-section {
    padding: 0;
}
.homepage-three .vf-slider-section .home-slider,
.homepage-three .vf-slider-section .home-slider .item > img {
    min-height: 850px;
    max-height: 850px;
}
.homepage-three .vf-slider-section .home-slider .main-slider {
    padding-top: 370px;
    background:rgb(0 0 0 / 50%);
}
.homepage-three .vf-slider-section .home-slider .main-slider:after,
.homepage-three .vf-slider-section .home-slider .main-slider:before {
    display: none;
}
.homepage-three .vf-slider-section .home-slider .main-slider .main-content h5 {
    font-size: 36px;
    margin-bottom: 16px;
}
.homepage-three .vf-slider-section .home-slider .main-slider .main-content h2 {
    font-size: 67px;
}
.homepage-three .vf-slider-section .home-slider .main-slider .main-content p {
    margin-top: 16px;
    margin-bottom: 4px;
}
.homepage-three .home-slider .main-content .btn {
    margin-right: 22px;
}
.homepage-three .home-slider .main-content .btn:last-child {
    margin-right: 0;
}

.homepage-three .home-slider .main-content button.btn-border-primary:hover,
.homepage-three .home-slider .main-content button.btn-border-primary:focus,
.homepage-three .home-slider .main-content .btn-border-primary:hover,
.homepage-three .home-slider .main-content .btn-border-primary:focus {
    color: var(--bs-white);
}
.homepage-three .home-slider.owl-theme .owl-nav [class*=owl-] {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: transparent !important;
    color: var(--bs-primary);
    border: 1px solid var(--bs-primary);
    font-size: 22px;
}
.homepage-three .home-slider.owl-theme .owl-nav [class*=owl-]:hover,
.homepage-three .home-slider.owl-theme .owl-nav [class*=owl-]:focus {
    background: var(--bs-primary) !important;
    color: var(--bs-white);
}
.homepage-three .home-slider.owl-theme .owl-dots,
.homepage-three .home-slider.owl-theme .owl-nav.disabled+.owl-dots {
    display: none;
}
.homepage-three button.scrollUp:hover, .homepage-three button.scrollUp:focus{
    color: var(--bs-white);
}
.homepage-three .vf-breadcrumb-wrap{
  padding-top: 220px;
  padding-bottom: 120px;
}
.homepage-three .vf-breadcrumb-wrap .breadcrumb-content .breadcrumb-list li a,
.homepage-three .vf-breadcrumb-wrap .breadcrumb-content .breadcrumb-list li{
    color: var(--bs-white);
}
.homepage-three .vf-breadcrumb-wrap .breadcrumb-content .breadcrumb-list li a:hover,
.homepage-three .vf-breadcrumb-wrap .breadcrumb-content .breadcrumb-list li a:focus{
    color: var(--bs-primary);
}

/* Homepage Three Category */

.homepage-three .product-category-home {
    padding: 15px;
}

.homepage-three .product-category-home .product-category-img {
    background-color: var(--bs-primary);
    border-radius: 50% 50% 38% 38%;
    -webkit-transition: all .35s cubic-bezier(.645,.045,.355,1);
    transition: all .35s cubic-bezier(.645,.045,.355,1);
}

.homepage-three .product-category-home:hover .product-category-img,
.homepage-three .product-category-home:focus-within .product-category-img {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}

.homepage-three .product-category-home .product-category-img .product-category-img-inner {
    padding: 60px;
}

.homepage-three .product-category-home .product-category-outer {
    padding: 15px 0 0;
    position: relative;
    background-color: transparent;
    z-index: 0;
}

.homepage-three .product-category-home .product-category-outer::before,
.homepage-three .product-category-home .product-category-outer::after {
    display: none;
}

.homepage-three .product-category-home:hover .product-category-outer a span,
.homepage-three .product-category-home .product-category-outer h6 a {
    color: var(--bs-secondary);
}

.homepage-three .product-category-home .product-category-outer h6,
.homepage-three .product-category-home .product-category-outer h6 span {
    font-weight: 600;
}

.homepage-three .product-category-home .product-category-outer h6 span {
    display: inline-block;
}

.homepage-three .product-category-home .product-category-outer p {
    color: #cacaca;
    margin-top: 3px;
}

.homepage-three .post-two .vf-post-items .post-content .post-content-inner .more-link,
.homepage-three .post-two .vf-post-items .post-content .post-content-inner .post-categories a{
  color: var(--bs-white);
}
.homepage-three .vf-sponsor-three .sponsors-image-play .btn{
  color: var(--bs-white);
}
.homepage-three .vf-footer-wrap.footer-three .footer-content .widget a.btn{
  color: var(--bs-white);   
}
.homepage-three .vf-footer-wrap.footer-three .widget form .submit{
 color: var(--bs-white);  
}
.homepage-three .vf-footer-wrap .footer-content .widget.widget_social a:hover,
.homepage-three .vf-footer-wrap .footer-content .widget.widget_social a:focus, 
.homepage-three .widget.widget_social ul li a:hover, 
.homepage-three .widget.widget_social ul li a:focus{
  color: var(--bs-white);
}
.homepage-three h4.site-title, 
.homepage-three p.site-description{
  color: var(--bs-primary);
}

/*===== // =====*/

/*Responsive css */

@media (max-width: 991px) {

 .header-three div.main-mobile-nav {
    background-color: rgba(243, 229, 216, 0.70);
    padding: 5px 0px;
}
.homepage-three .home-slider .main-slider .main-table .main-table-cell {
    vertical-align: middle;
}
.homepage-three .vf-slider-section .home-slider,
.homepage-three .vf-slider-section .home-slider .item > img {
    min-height: 450px;
    max-height: 450px;
}
.homepage-three .vf-slider-section .home-slider .main-slider {
    padding-top: 40px;
    padding-bottom: 40px;
}
.homepage-three .vf-slider-section .home-slider .main-slider .main-content h2 {
    font-size: 45px;
}
.homepage-three .vf-slider-section .home-slider .main-slider .main-content h5 {
    font-size: 26px;
}
.header-three .vf-header .navigation-shape {
    display: none;
}
}

@media (max-width: 767px) {
    .homepage-three .home-slider.owl-theme .owl-nav [class*=owl-] {
        display: none;
    }
    .homepage-three .vf-breadcrumb-wrap{
      padding-top: 100px;
      padding-bottom: 90px;
    }     
}

@media only screen and (min-width: 991px) and (max-width: 1400px) {
    .homepage-three .vf-products-deal.vf-products-deal-three .product-content.entry-summary .button {
        margin-bottom: 20px;
    }
}