/*
Theme Name: Shopper Ecommerce
Theme URI: https://www.ovationthemes.com/products/free-shopkeeper-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: If you are looking for a stunning theme to create an online store then Shopper Ecommerce is absolutely for you. You can create an online store for almost everything like fashion, food, e payment, digital products, mobile cases, scratch guards, shopkeeper, estore, reseller stores, auction sites, shoes, accessories, electronics, furniture, toys, etc. This is a multipurpose and responsive theme ready to fit in any device screen size. Its design is professional and eye-catchy that will hook your visitors to the site. It comes with bootstrap framework which makes it handy to use and execute perfectly. It is cross-browser compatible and translation-ready with RTL support. It is SEO-friendly that will take care of your website’s ranking on major search engines like Google. You can add the available shortcodes if you like. It has full support for WooCommerce plugin to setup your online store easily. It provides a super-fast interface for the ultimate user experience. It is optimized for Google page speed. Let's turn the table for your Ecommerce Shopping Website! Demo: https://trial.ovationthemes.com/shopkeeper-ecommerce/
Version: 5.6
Requires PHP: 5.6
Tested up to: 6.7
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;
    }
}