/*
Theme Name: Best Store
Template: best-shop
Author: gradientthemes
Author URI: https://gradientthemes.com/
Version: 1.0.4
Requires PHP: 5.6
Tested up to: 5.7
Description: Best Store is a fast, clean and modern responsive free WooCommerce WordPress theme. This theme supports popular page builders like Elementor, Beaver Builder, KingComposer, SiteOrigin, Thrive Architect, Brizy, Divi, Visual Composer etc. Best Store is compatible with YITH WooCommerce Wishlist, YITH WooCommerce Compare, WooCommerce Variation Swatches and other popular plugins. The theme is SEO friendly, WPML and RTL ready. So, are you looking for a multipurpose free eCommerce theme with prebuilt demos? Just watch our demos The theme is SEO friendly, WPML and RTL ready. See documentation on https://www.gradientthemes.com/product/wordpress-shopping-cart-theme/
Tags: blog, one-column, two-columns,three-columns, right-sidebar, left-sidebar, grid-layout, sticky-Post, footer-widgets,custom-background, custom-header, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, full-width-template, rtl-language-support, theme-options, e-commerce, food-and-drink
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: best-store
*
*/

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


.container .footer-newsletter-section .blossomthemes-email-newsletter-wrapper {
   background: transparent;
   color: #ffffff;
   padding-top: 25px;
   padding-bottom: 25px;
}
section.newsletter-section .dt-newsletter-wrapper {
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   -webkit-justify-content: space-between;
   -moz-justify-content: space-between;
   justify-content: space-between;
   -webkit-flex-wrap: wrap;
   -moz-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   background-color: transparent;
   margin: 0;
   border-radius: 0px;
}
section.newsletter-section .dt-newsletter-wrapper .blossomthemes-email-newsletter-wrapper .text-holder span, section.newsletter-section .dt-newsletter-wrapper .blossomthemes-email-newsletter-wrapper > form > label .text {
   color: var(--footer-text-color);
}


/*********************** * Accessibility ready * ***********************/
.comment-content a, 
.wp-block-archives a, 
.wp-block-latest-posts a, 
.wp-block-tag-cloud a, 
.wp-block-latest-comments a, 
.wp-block-rss a {
      text-decoration: underline;
}
#secondary .widget a, #primary .page .entry-content table a {
      color: var(--gbl-primary-color);
}
#secondary .widget a:hover, #primary .page .entry-content table a:hover {
      color: var(--gbl-secondary-color);
}
#primary .page .entry-content table a {
      text-decoration: underline;
}
.page .entry-content li a, .page .comments-list .comment-meta-data a {
      text-decoration: underline;
}


#secondary .widget a,
#primary .page .entry-content table a  {
    color: var(--glt-primary-color);
}

#secondary .widget a:hover,
#primary .page .entry-content table  a:hover {
    color: var(--glt-secondary-color);
}

#primary .page .entry-content table a {
    text-decoration: underline;
}

.site-footer .footer-bottom, 
.site-footer .footer-top  {
    
  color:var(--footer-text-color);
  background-color: var(--footer-color);
    
}


/***************** * Custom widget * *****************/
.custom_product_widget .woocommerce-ordering {
   display: none;
}
.custom_product_widget .woocommerce-result-count {
   font-size: 0.9em;
   margin-bottom: 10px;
   margin-top: 0.5em;
   font-style: italic;
}
.custom_product_widget .woocommerce nav.woocommerce-pagination .page-numbers li, .custom_product_widget .woocommerce nav.woocommerce-pagination .page-numbers li a, .custom_product_widget .woocommerce nav.woocommerce-pagination .page-numbers li span.page-numbers {
   line-height: 10px;
   height: 25px;
   width: 25px;
   border: initial;
   font-size: 14px;
}
.custom_product_widget .woocommerce a.added_to_cart {
   padding-top: .0em;
   padding-bottom: 10px;
}
/* * Slow motion zoom container */
.custom_product_widget li, .woocommerce ul.products li {
   transition: transform .9s;
}
/* * The Transformation */
.custom_product_widget li:hover, .woocommerce ul.products li:hover {
   -ms-transform: scale(1.04);
  /* IE 9 */
   -webkit-transform: scale(1.04);
  /* Safari 3-8 */
   transform: scale(1.04);
}
.hover-area .yith-wcwl-wishlistexistsbrowse {
   display: none;
}

.page .entry-content li a,
.page .comments-list .comment-meta-data a {
  text-decoration: underline;
} 


/************* * Preloader * *************/
.preloader-center {
   display: flex;
   text-align: center;
   justify-content: center;
   align-items: center;
   min-height: 100vh;
   background-color: var(--glb-primary-color);
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   height: 100%;
   z-index: 9999;
}
.preloader-ring {
   position: absolute;
   width: 200px;
   height: 200px;
   border-radius: 50%;
   animation: preloader-ring 2s linear infinite;
}
.preloader-ring:before {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   border-radius: 50%;
   box-shadow: 0 0 5px rgba(255, 255, 255, .3);
}
.preloader-center span {
   color: #8e8c8c;
   font-size: 20px;
   text-transform: uppercase;
   letter-spacing: 1px;
   line-height: 200px;
   animation: text 3s ease-in-out infinite;
}
@keyframes preloader-ring {
   0% {
       transform: rotate(0deg);
       box-shadow: 1px 5px 2px #e65c00;
  }
   50% {
       transform: rotate(180deg);
       box-shadow: 1px 5px 2px #18b201;
  }
   100% {
       transform: rotate(360deg);
       box-shadow: 1px 5px 2px #0456c8;
  }
}
@keyframes text {
   50% {
       color: black;
  }
}

 
/*checkout first child hide*/
 ul.wc-item-meta li:first-child {
    display: none;
}
div#stripe-payment-data fieldset {
    border: none !important;
}

.page-id-8 .woocommerce-page {
    margin-bottom: 0px !important;
}
div#payment ul li.selected-gateway {
    border: 1.5px solid #2879fe !important;
}
ul.woocommerce-SavedPaymentMethods li {
    background: #fff;
    border-radius: 6px;
}

/*============= Home Page Custome Template==================*/
/* Begin::Start Header style*/

.jost-font{
    font-family: 'Jost', sans-serif;
}

.container-fluid.padding-x {
    padding: 0 36px;
    background: #cee2ff;
}
.hero {
    padding: 7rem 4rem;
    background-color: #006dff;
    background-image: linear-gradient(0deg, rgba(0 ,0, 0, 30%) 5%, #2582da 90%);
}
.hero-image {
    max-width: 60%;
    margin: auto;
}

h1.hero-title {
    color: #fff;
    font-size: 65px;
    line-height: 1.2;
}
.divider {
    background: #fff;
    height: 0.5rem;
    max-width: 25%;
    margin: 10px 0;
}

/*====Begin::Product section =========*/
.pro-container {
    width: 100%;
    max-width: 90%;
    margin: auto;
}

.pro-row{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
.pro-row.vertical-align-item {
    align-items: center;
}

.pro-row.space-between {
    justify-content: space-between;
}

.pro-col-md-3.text-right {
    text-align: right;
}

.pro-col-md-3{
    width: 100%;
    max-width: 25%;
}
.pro-col-md-7 {
    max-width: 60%;
}

.pro-col-md-5 {
    max-width: 40%;
}
.products {
    padding: 8rem 0;
}

.product-item {
    text-align: center;
    margin: 1rem;
    padding-bottom: 6rem;
}

.product-item .product-type {
    margin-bottom:2.5rem;
}

.product-item .product-type h2.title {
    font-size: 52px;
    font-weight: 600;
    color: #ffc107;
}

.product-item .product-detail .product-name {
    font-size: 22px;
    font-weight: 500;
    color: #303133;
}
.product-item .product-detail .product-name:hover{
    color: #006dff;
    transition: all 0.3s ease
}

.product-item .product-detail .product-price {
    font-size: 22px;
    font-weight: 500;
    color: #303133;
}
.product-price {
    font-size: 22px;
    font-weight: 500;
    color: #303133;
}

.padding-x-copyright {
    padding: 36px;
    background: #fff;
    border-top: 1px solid #e3e3e3;
}

.copyright  span.mark {
    color: #000;
    font-weight: 600;
    font-size: 16px;
}
span.mark {
    color: #000;
    font-weight: 600;
    font-size: 16px;
}

ul.copyright-link {
    margin: 0;
    padding: 0;
}

ul.copyright-link li {
    display: inline-block;
    /* color: red; */
    padding: 0 0.5rem;
}

ul.copyright-link li a {
    color: #000;
    font-weight: 600;
    font-size: 16px;
}

ul.copyright-link li a:hover {
    color: #006dff;
}

.nav-wrap .header-right {
    display: none !important;
}

/*=======Contact us page ========*/
div#wpforms-3592 {
    width: 100%;
    max-width: 500px;
    padding: 0 30px 0;
}

form#wpforms-form-3592 .wpforms-container .wpforms-field-label {
    color: #555555 !important;
}

form#wpforms-form-3592 .wpforms-head-container {
    padding: 0;
}

form#wpforms-form-3592 .wpforms-head-container .wpforms-title {
    font-size: 14px;
    color: #666666;
    font-weight: 300;
    font-family: "Helvetica", sans-serif;
    text-align: center ;

}

form#wpforms-form-3592 label.wpforms-field-label {
    color: #555555 !important;
    font-weight: 700 !important;
    margin-bottom: 5px !important;
    font-family: "Helvetica", sans-serif;
}
form#wpforms-form-3592 label.wpforms-field-label + input::placeholder,
form#wpforms-form-3592 label.wpforms-field-label + textarea::placeholder{
    color: #555555 !important;
    font-size: 14px;
    font-family: "Helvetica " , sans-serif;
}

form#wpforms-form-3592 label.wpforms-field-label + input:focus,
form#wpforms-form-3592 label.wpforms-field-label + textarea:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.wpforms-submit-container button#wpforms-submit-3592 {
    padding: 1.5rem 1.5rem;
    background: #2879fe;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
    color: #fff;
    line-height: -20px;
    height: auto;
}

.wpforms-submit-container button#wpforms-submit-3592:hover{
    background: #0561d5;
}
.wpforms-container .wpforms-field {
    padding: 0px 0;
    position: relative;
    padding-bottom: 10px;
}

.page-id-3594 header.entry-header h1.entry-title {
    color: #444444 !important;
    font-size: 20px !important;
    text-align: center;
    font-weight: 700 !important;
    font-family: "Hevletica", sans-serif;
    margin-bottom: 10px !important;
}

.page-id-3594 .wpforms-container .wpforms-submit-container{
    padding: 0 !important;
}

.page-id-3594 .breadcrumb-wrapper {
    display: none;
}
.page-id-3594 footer#colophon{
    position: fixed;
    width: 100%;
    bottom: 0;
}
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout ul.woocommerce-error{
    padding-left: 50px !important;
}


/*?========End Contact us page=========*/

/*====Media Query=======*/

@media only screen and (max-width:1499px){
    .product-item .product-type h2.title {
        font-size: 28px;
    }
    .product-item {
        padding-bottom: 3rem;
    }
    body.menu-open .mobile-navigation{
        background: #fff ;
    }
}



@media only screen and (max-width:1000px){
    .tablet-hide{
        display: none;
    }
    .pro-col-md-7 {
        max-width: 100%;
    }
    .pro-col-md-3 {
        width: 100%;
        max-width: 50%;
    }
    .product-item .product-type h2.title{
        font-size: 40px;
    }
    .padding-x-copyright .text-right {
        margin-top: 1.5rem;
        text-align: center;
        margin: 1.5rem auto 0;
    }
    .pro-col-md-10 {
        width: 100%;
        text-align: center;
    }
    .page-id-3594 footer#colophon{
        position: relative;
    }
    .page-id-8 .col-1.custom-col1,
    .page-id-8 .col-2.custom-col2{
        width: 100% !important;
    }
    .page-id-8 .site-main .entry-content,
    .page-id-8 div#main{
        background: #fff !important;
    }
    .page-id-8 .col-1.custom-col1{
        border:none !important;
    }

}
 .smm-loader{
    display: none;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 60%);
            z-index: 9999;
            height: 100vh;
            backdrop-filter: blur(2px);
        }

        .smm-loader img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100px;
        }


@media only screen and (max-width:992px){
    
    .hero {
        padding: 5rem 2rem;
    }
    
    h1.hero-title {
        font-size: 48px;
    }
    .products {
        padding: 4rem 0;
    }
    

}


@media only screen and (max-width:767px){
    
    .hero {
        padding: 3rem 0rem;
    }

    h1.hero-title {
        font-size: 40px;
    }

    .products {
        padding: 4rem 0;
    }
    .product-item .product-type h2.title {
        font-size: 30px;
    }
    .product-item {
        padding-bottom: 2rem;
    }
    body.menu-open .mobile-navigation{
        margin-top: 0 !important;
    }

}

@media only screen and (max-width:480px){
    .pro-col-md-3,
    .pro-col-md-5,
    .pro-col-md-7{
        max-width: 100%;
    }
}
<!--prime:f66402a1-->