/*
Theme Name: Shopper Ecommerce
Theme URI: https://www.ovationthemes.com/products/free-shopkeeper-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Shopper Ecommerce is a modern, versatile, and feature-rich theme designed for building powerful online stores and digital marketplaces across a wide range of industries, including fashion, food delivery, electronics, mobile accessories, furniture, toys, footwear, beauty products, digital goods, e-payment services, resale platforms, auction sites, and multi-vendor shopping portals. It is also suitable for shop owners, retailers, entrepreneurs, and small businesses looking to establish a strong and professional online selling presence. The design is clean, attractive, and conversion-focused, ensuring products are displayed in an engaging and organized manner to capture customer attention. Fully responsive and mobile-friendly, it delivers a seamless shopping experience across desktops, tablets, and smartphones. Optimized performance and lightweight structure ensure fast loading speed and smooth navigation, improving both user experience and search visibility. The theme includes flexible customization options for layouts, colors, typography, and branding elements, allowing complete control over store appearance without technical complexity. It supports advanced eCommerce functionality, enabling secure product listings, cart management, and checkout processes for smooth transactions. Social media integration and call-to-action sections help improve engagement and drive sales. Overall, it provides a complete solution for creating a professional, high-performing online store with a strong foc
Version: 7.0
Requires PHP: 5.6
Tested up to: 6.9
Requires at least: 5.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: shopper-ecommerce
Template: modern-ecommerce
Tags: portfolio, blog, e-commerce, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, custom-colors, custom-background, custom-header, custom-menu, custom-logo, editor-style, sticky-post, featured-images, flexible-header, featured-image-header, footer-widgets, full-width-template, threaded-comments, theme-options, wide-blocks, block-styles, post-formats, translation-ready, rtl-language-support

Shopper Ecommerce WordPress Theme, Copyright 2021 pewilliams
Shopper Ecommerce is distributed under the terms of the GNU GPL

Shopper Ecommerce WordPress Theme is child theme of Modern Ecommerce WordPress Theme, Copyright 2021 pewilliams
Modern Ecommerce WordPress Theme is distributed under the terms of the GNU GPL
*/

:root {
    --theme-primary-color:#ffbd27;
    --theme-heading-color:#031424;
    --theme-text-color:#646464;
    --slider-bg-color:#fff3d5;
    --theme-footer-color:#031424;

}

span.entry-author a,.comment-author a,.product_meta a,.widget_text a,.comment-content p a {
    text-decoration: underline;
}

/*color-change*/
body,.gb_nav_menu li a,a.header-cart,#slider .carousel-caption p,.services-box i {
    color: var(--theme-text-color);
}

#slider .carousel-control-next-icon:hover, #slider .carousel-control-prev-icon:hover{
    background: #fff;
    color: var(--theme-primary-color);
}
.top_bar span,.top_bar a,.top_bar #google_language_translator select.goog-te-combo,.top_bar select{
    color: #fff;
}
#slider,#preloader,.without-img-head  {
    background: var(--slider-bg-color);
}
.featured-box-content a{
    color: var(--theme-heading-color);
}
.product-search button {
    background: url(assets/images/search.png) no-repeat scroll var(--theme-primary-color) 10px;
}
.top_bar{
    border: none;
    background-color: var(--theme-footer-color);
}
.top_bar #google_language_translator select.goog-te-combo{
    background: transparent;
}
/* Featured Category */
.box{
    background: var(--theme-heading-color);
    overflow: hidden;
    position: relative;
}
.box:before{
    content: "";
    height: 150px;
    width: 150px;
    border: 2px solid #fff;
    border-radius: 50%;
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) rotateY(-810deg);
    position: absolute;
    left: 50%;
    top: 50%;
    transition: transform 0.3s ease 0s,opacity 0.3s ease 0.1s;
    z-index: 1;
}
.box:hover:before{
    opacity: 0;
    transform: translateX(-50%) translateY(-50%) rotateY(0);
}
.box img{
    width: 100%;
    height: auto;
    transition: all .5s ease 0.2s;
}
.box:hover img{ opacity: 0.5; }
.box .featured-box-content{
    color: #fff;
    text-align: left;
    opacity: 0;
    transform: skew(20deg);
    position: absolute;
    bottom: 0;
    left: -50%;
    z-index: 1;
    transition: all .4s ease-in-out;
}
.box:hover .featured-box-content{
    opacity: 1;
    transform: skew(0);
    left: 0;
}
.box .title{
    background-color: var(--theme-primary-color);
    font-size: 15px;
    text-transform: uppercase;
    padding: 15px;
    margin: 0 10px 10px;
}


/* Default*/

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar,.comment-author .avatar {
    border-color: var(--theme-heading-color);
}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

@media screen and (max-width: 991px){
    .side_gb_nav {
        background: #222;
    }
    #slider .carousel-caption {
        right: 15%;
    }
    .gb_nav_menu ul ul{
        background: transparent !important;
    }
    .gb_nav_menu ul li a:active, .gb_nav_menu ul li a:hover {
        color: var(--theme-primary-color) !important;
    }
}
@media screen and (max-width: 767px) {
    #slider .carousel-caption p {
        color: var(--theme-heading-color);
    }
}
@media screen and (max-width:575px){
    #slider .carousel-control-next-icon, #slider .carousel-control-prev-icon,#slider .carousel-control-next-icon:hover, #slider .carousel-control-prev-icon:hover{
        padding: 0;
        background: transparent;
    }
}
@media screen and (max-width: 425px){
    a.header-cart span{
      position: absolute;
      font-size: 9px;
    }
    input#woocommerce-product-search-field-0 {
        margin-left: -44px;
    }
    .product-search button {
        padding: 17px 20px;
        top: 0px;
    }
}