/*
Theme Name: E-commerce Shop
Theme URI: https://www.themeshopy.com/themes/wp-ecommerce-store-wordpress-theme/
Author: ThemeShopy
Author URI: https://www.themeshopy.com
Description: E-Commerce Shop is a child theme of BB Ecommerce Store WooCommerce WordPress theme, eCommerce Shop is an elegant multipurpose eCommerce/WooCommerce WordPress theme suitable for eCommerce websites of any store type: such as online book store, Selfie Drones, mobile & tablet store, Parenthood products, Woodworking, Workout gear, Wearable technology, laptop store, online fashion store, 3D Assets Stores, Electric Scooters, Retail, Online Store, Shopping, Marketplace, E-commerce, Sales, Products, Business, Storefront, Catalog, Skateboards, Hoverboards, men’s apparel, kids toy store, game depot, handmade jewellery shop, Smart Home Products, AR/VR Headsets, Accessories Store, Vape Hardware, apparel store, fashion store, sport store, digital shop, handbags store, retail store, shopping center, cosmetics shop, jewelery store and for multipurpose online stores, kitchen online shop, toy store, affiliate store, e-shopay, storefront, electronics, furniture, jewelry, marketplace, sports, grocery shop. Its modern design is perfect to create a website for your business, informative, agencies, travel, design, art, personal, restaurant, construction, health, digital agency, freelancers, portfolio, product showcase, and any other creative e-commerce websites. The store includes plenty of customization options that are easy to use. Main features of eCommerce-shop: Customizer theme options, background image and color, SEO optimized, fully responsive, fast loading, perfect look, translation ready, wishlist support, awesome slider, social links, the latest products, latest blog check the demo at https://www.themeshopy.com/ecommerce-store-wordpress-theme/
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.2
Version: 6.2.8
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: e-commerce-shop
Template: bb-ecommerce-store
Tags: custom-background, custom-menu, custom-colors, custom-logo, editor-style, block-patterns, featured-images, full-width-template, footer-widgets, one-column, two-columns, theme-options, threaded-comments, right-sidebar, left-sidebar, e-commerce, grid-layout, three-columns, four-columns, blog, news
*/

/* header */
a{
    text-decoration: none;
    color: #0b5ead;
}
ul{
    padding: 0;
}
a:hover{
    text-decoration: none;
}
a:focus, .header a:focus,.copyright-wrapper .tagcloud a:focus, .social-media a:focus,.copyright-wrapper input:focus,.copyright a:focus{
    outline: 2px solid #fff;
    border-bottom: 1px solid #fff;
}
textarea:focus,.read-btn a:focus, .woocommerce ul.products li.product .button:focus, .header .logo a:focus, #our-products a.button:focus, .metabox a:focus, #sidebar .tagcloud a:focus, .woocommerce form .form-row input:focus.input-text, .woocommerce form .form-row textarea:focus, button:focus, .header .primary-navigation ul ul a:focus, .header input:focus, form.woocommerce-product-search button[type="submit"]:focus{
    outline: 2px solid #000;
    border-bottom: 1px solid #000;
}
.top-contact span {
    font-size: 16px;
}
.header,.header .nav ul li a:active {
    background: transparent;
}
.header .logo a,.header .logo p{
    color: #1d1d1d; 
}
.header .search_form input[type="search"]{
    color: #000;
}
.top-contact span, article.tag-sticky-2, .top-contact a:hover, aside#search-4 input.search-field, .post-password-form input[type=password], .woocommerce a.button:hover, .woocommerce a.added_to_cart:hover, .woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover{
    color: #fff;
}
button.toggle {
    display: none;
}
.header .nav{
    background: #1d1d1d;
}
.header .cart-btn-box{
    display: block;
}
.nav .fa::before, fa::after {
    display: inherit;
}
.search_form input[type="submit"]{
    background: url(images/Icon.png) no-repeat scroll 15px 7px;
    text-indent: -9999px;
    padding: 6px 35px;
    margin: 0;
    float: right;
    margin-top: 4px;
}
.search_form input[type="search"] {
    width: 95%;
    border: none;
    padding: 9px 10px;
}
.search_form label {
    width: 86%;
    border-right: 1px solid #eee;
    margin-bottom: 0;
}
.header form.search-form{
    margin-bottom: 0;
    border:1px solid #eee;
}
#slider .more-btn a{
    color: #fff;
    background: #0b5ead;
    font-size: 14px;
    font-weight: 600;
    border-radius: 2px;
    border: none;
}
#slider .more-btn a:hover{
    color: #0b5ead;
    background: #fdd922;
}
#slider .carousel-caption {
    position: absolute;
    right: 38%;
    left: 14%;
    top: 60%;
}
#our-service {
    background:#eed959a8;
    position: relative;
    margin-top: -6.4em;
}
#our-service .service a strong{
    font-weight: 600;
}
#our-service .service strong , #our-service .service p{
    color: #000 !important;
    font-weight: normal;
}
.woocommerce .products ul, .woocommerce ul.products, .woocommerce.columns-4{
    margin-bottom: 0;
}
.woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover{
    background: #ebe9eb !important;
}
.woocommerce .woocommerce-MyAccount-content .title a, .woocommerce .entry-summary .posted_in a{
    background: #0b5ead;
}
#our-products li.product{
    margin-bottom: 15px;
}
#sidebar {
    background: #fdd922;
}
#sidebar {
    margin-top: 33px;
}
#scroll-top{
    background: #0b5ead;
    border-color: #0b5ead;
}
#sidebar h3, #sidebar .widget_block h2, #sidebar .widget_block.widget_search label{
    text-align: center;
    font-size: 27px;
    font-family: Roboto;
    background: #0b5ead;
    color: #fff;
    font-weight: bold;
}
#sidebar table, #sidebar th, #sidebar td{
    border-color: #000;
}
#sidebar input[type="submit"] {
    float:right;
}
#sidebar ul li a:hover{
    text-decoration: none;
}
#sidebar input[type="search"]{
    margin-bottom: 0;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .topbar, #sidebar input[type="submit"], #sidebar .tagcloud a:hover, .copyright-wrapper .tagcloud a:hover, #sidebar #block-2 button[type="submit"], #sidebar .widget_block.widget_tag_cloud a:hover, .page-box-single .wp-block-tag-cloud a:hover, .services .wp-block-tag-cloud a:hover, .copyright-wrapper .widget_block.widget_tag_cloud a:hover{
    background: #0b5ead;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
    background: #fdd922 !important;
    color: #0b5ead;
}
nav.navigation.pagination{
    display: block;
}
#sidebar input[type="search"]::placeholder,.header .search_form input[type="search"]::placeholder {
    color: #333;
}
#sidebar ul li a:hover, .static-sidebar li a,.static-sidebar span.woocommerce-Price-amount.amount {
    color: #0b5ead;
}
#sidebar ul li a{
	color: #1d1d1d;
}
#sidebar ul li {
    background: url(images/bullets-sidebar.png) no-repeat scroll 0 7px;
}
.static-sidebar {
    margin-top: 7.5%;
    position: relative;
}
 #sidebar form.woocommerce-product-search button{
    background: #0b5ead;
    color: #fff;
    border: 1px solid #0b5ead;
    font-size: 20px;
    font-weight: 600;
}
#sidebar form.search-form label,#sidebar input[type="submit"]{
    float:none;
}
.copyright-wrapper form.woocommerce-product-search button{
    background: #fdd922;
    color: #0b5ead;
    font-size: 20px;
    font-weight: 600;
    border: 1px solid #fdd922;
}
.blogbutton-small:hover{
    color: #ffffff !important;
}
/*button css*/
.wp-block-button a{
    border: 2px solid #0b5ead !important;
    color: #0b5ead !important;
    border-radius: 0;
}
.wp-block-button a:hover{
    background: #0b5ead !important;
    color: #fff !important;
}
#maincontent .page-box-single .wp-block-button.is-style-squared a{
  border-radius: 0 !important;
}
#maincontent .page-box-single .wp-block-button.is-style-outline a:hover{  
  color: #fff !important;
}
/*No Result*/
.noresult-content .search-form{
  display: flex;
}
.noresult-content .search-form input.search-field{
  width: 95%;
}
.noresult-content .search-form .search-submit{
    margin: 0;
}
/* Blog */
.inner-service{
	border: solid 2px #fdd922;
    padding: 10px;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active,#sidebar .rssSummary,.copyright-wrapper p,.static-sidebar caption,.static-sidebar th,.static-sidebar td {
    color: #0b5ead;
}
.hvr-sweep-to-right:before{
	background: #fdd922;
}
.blogbutton-small{
    border: 2px solid #0b5ead;
}
.metabox a:hover, .tags i, .blogbutton-small{
    color: #0b5ead;
}
.tags p a:hover{
    background: #0b5ead;
    color: #fff;
}
.services .new-text p{
    padding: 0;
}
.services .inner-service .metabox span,
.services .inner-service .new-text .entry-content p{
    font-weight: 400;
}
.related-box{
    border: solid 2px #fdd922 !important;
    padding: 10px !important;
}
/* pagination */
.services .navigation .nav-previous a, .services .navigation .nav-next a{
    background: #0b5ead;
    border-color: #0b5ead;
}
.pagination span, .pagination a, .page-links a {
    color: #fff;
    font-weight: bold;
}
.pagination span:hover{
    color: #fdd922;
}
.pagination .current, .page-links .post-page-numbers.current{
    background: #0b5ead;
    font-weight: bold;
    color:#fff;
}
.pagination a:hover, .page-links a:hover{
    color: #fff;
    background: #0b5ead;
}
input.search-field, .post-password-form input[type=password]{
  width: 100%;
}
.meta-nav:hover{
    background: #0b5ead;
}
h1.page-title span{
    color: #000;
}
/* footer */
.copyright-wrapper{
	background-color: #1d1d1d;
}
.copyright-wrapper h3, 
.wc-block-cart__sidebar form.wc-block-components-totals-coupon__form .wc-block-components-button,
.wc-block-checkout__sidebar form.wc-block-components-totals-coupon__form .wc-block-components-button, 
.wc-block-checkout__form .wc-block-components-button {
    background: #fdd922;
    color: #0b5ead;
    padding: 10px;
}
.wc-block-components-main .wc-block-components-button .wc-block-components-button__text{
    color: #0056b3 !important;
}
.wp-block-woocommerce-checkout .wc-block-checkout__actions_row a{
  padding-left: 35px !important;
}
.copyright-wrapper input.search-submit {
    width: auto;    
    background-color: #fdd922;
    float: none;
    color: #0b5ead;
    width: 100%;
}
.copyright-wrapper form label{
    width: 100%;
}
.copyright a,.copyright, .copyright p {
    color: #fff !important;
}
.copyright, .footer-social-icon{
    background: #333;
}
.copyright-wrapper li a:hover,.copyright-wrapper h3 a.rsswidget{
    color: #0b5ead;
}
.copyright-wrapper li a:hover{
    color: #fdd922;
}
.entry-date:hover a,.entry-date:hover i, .entry-author:hover a, .entry-author:hover i {
    color: #0b5ead;
}
/* Shop Now */
.shomain {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.shomain h3 {
    color: #000;
    font-weight: bold;
    letter-spacing: 1px;
}
.shomain a p {
    background: #0b5ead;
    border: none;
    border-radius: 25px;
    color: #fff;
    font-size: 15px;
    display: table;
}
#shop-now .shopimage img{
    width: 100%;
    height: 314px;
    object-fit: cover;
}
section {
    padding: 0;
}
.cathead {
    background: #0b5ead;
    color: #fff;
}
.cathead span {
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 2px;
}
.static-sidebar {
    background-color: transparent;
    box-shadow: none;
}
.static-sidebar .sidepro{
    background: #f3f3f3;
    color: #222222;
    z-index: 999;
    list-style: none;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
}
/* --------WordPress default css----------- */
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
input[type='submit']{
    background: #0b5ead;
}
#comments input[type="submit"].submit {
    background: #fdd922 !important;
    color: #333;
}
#comments a.comment-reply-link:hover{
    background-color: #0b5ead !important;
}
#comments input[type="submit"].submit:hover {
    background-color: #0b5ead !important;
    color: #fff;
}
#comments a.comment-reply-link {
    color: #fff;
    background: #0b5ead;
    padding: 5px 15px;
}
#comments ol li li, .comment-list li.comment{
    margin:0;
}
.content-bb ol li ol li{
    padding: 0;
}
/*menus css*/
.primary-navigation ul{
    margin-bottom: 0;
}
.primary-navigation ul ul{
    border:1px solid #0b5ead;
    border-top: 6px solid #0b5ead !important; 
    display: none;
    position: absolute;
    min-width: 215px;
    top:45px;
    margin:0;
}
.primary-navigation a{
    padding: 18px 20px;
}
.primary-navigation ul ul a{
    color: #0b5ead;
}
.header .nav ul li a:hover{
    text-decoration: none;
    color: #fff;
}
.header .nav ul ul a:hover{
    color: #000;
}
/* Woocommerce */
.woocommerce-message{
    border-top-color: #0b5ead;
}
p.woocommerce-result-count,.woocommerce div.product .product_title {
    color: #0b5ead;
}
.woocommerce a.button,.woocommerce button.button.alt, .woocommerce a.button.alt, .woocommerce input.button.alt {
    background: #fdd922;
    box-shadow: 0px 4px 0px 0px #eac507;
    color: #333;
}
.woocommerce a.added_to_cart,.product_meta a{
    color: #333;
}
.woocommerce a.button:hover,  .woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #0b5ead;
    box-shadow: 0px 4px 0px 0px #043869;
    color: #fff;
}
.woocommerce a.added_to_cart:hover{
    color: #000;
}
body.home.page-template .woocommerce span.onsale{
    background: #0b5ead;
    color: #fff;
    padding: 4px 5px;
}
.woocommerce span.onsale{
    background: #0b5ead;
    color: #fff;
}
.woocommerce .product .added_to_cart{
    background: #fdd922;
    color: #0056b3;
    margin-left: 10px;
}
.woocommerce .product .added_to_cart:hover{
    background-color: #0b5ead;
    color: #fff;
}
nav.woocommerce-MyAccount-navigation ul li {
   background: #0b5ead !important;
}
nav.woocommerce-MyAccount-navigation ul li a,.woocommerce a.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
   color: #fff !important;
}
.page-template .woocommerce ul.products li.product .price{
    margin-top: 0 !important;
}
.woocommerce ul.products li.product .price {
    margin-left: 0em;
}
#body.home.page-template our-products li.product{
    padding-top: 0px !important;
}
#our-products a.button{
    background: #fdd922;
    color: #333;
    border: none;
    padding:13px;
}
.woocommerce a.button:hover, .woocommerce a.added_to_cart:hover, .woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce a.button, .woocommerce a.added_to_cart, .woocommerce button.button.alt, .woocommerce a.button.alt, .woocommerce input.button.alt{
    box-shadow: none;
}
.woocommerce button.button, #our-products a.button:hover, .woocommerce button.button, #our-products a.button:hover{
    background: #0b5ead !important;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2{
    max-width: 100%;
}
a.blogbutton-small:hover{
    background: #0b5ead;
    text-decoration: none;
}
.woocommerce td.product-name a, .woocommerce ul#shipping_method li label, .woocommerce-cart .cart-collaterals .shipping-calculator-button, .woocommerce-MyAccount-content p a{
    color: #0b5ead;
}
.woocommerce a.button.alt,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce input.button.alt{
    color: #0056b3 !important;
}
.woocommerce #respond input#submit{
    background: #fdd922;
}
.woocommerce.columns-4 {
    margin: 0;
}
.woocommerce a.added_to_cart{
    display: inline-block;
}
#our-services {
    margin-top: 30px;
}
.fixed-header{
    background: #1d1d1d;
}
p.comment-form-url input{
    width: 100%;
    padding: 12px 10px;
    font-size: 18px;
    margin: 20px 0 0 0;
    border: 1px solid #bcbcbc;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button a, .wp-block-woocommerce-cart .wc-block-components-totals-coupon a, .wp-block-woocommerce-cart .wc-block-cart__submit-container a, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon a, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a{
    border: none !important;
    color: #0056b3 !important;
    background: #fdd922;
    padding: 8px 15px;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button a:hover, .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale, .wp-block-woocommerce-cart .wc-block-components-totals-coupon a:hover, .wp-block-woocommerce-cart .wc-block-cart__submit-container a:hover, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon a:hover, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a:hover{
    background-color: #0b5ead !important;
    border: none !important;
    color: #fff !important;
}
/* --------- Bradcrumbs --------- */
.bradcrumbs a {
  background: #0056b3 !important;
  color: #fff !important;
  padding: 8px 17px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
  border:none;
}
.bradcrumbs a:hover{
  background:#0b5ead !important;
  color: #fff !important;
}
.bradcrumbs span{
  background: #fdd922;
  color: #0056b3 !important;
  padding: 11px 17px;
  border:none;
}
.page-box-single .category{
  padding: 0 !important;
}
.post-categories li a{
  background: #0056b3;
  color: #fff;
  border: none;
}
.post-categories li a:hover{
  background-color: #0b5ead;
}
/*responsive css*/
@media screen and (max-width: 720px){
    #slider .carousel-caption{
        left:10% !important ;
        right:10% !important ;
        text-align: center;
    }
}
@media screen and (max-width: 768px){
    #slider .carousel-caption{
        top: 50%;
    }
    .search_form label{
        width: 80%;
    }
    .shomain h3{
        font-size: 25px;
    }
    #our-service {
        position: static;
    }
    #our-service .service a strong{
        font-size: 17px;
    }
    #our-service .service p{
        font-size: 9px;
    }
    .static-sidebar{
        margin-top: 2.5%;
    }
    #slider img{
        height: auto !important;
    }
    body.admin-bar .fixed-header{
        margin: 0;
    } 
    #slider .inner_carousel h1{
        font-size: 25px;
    }
    #slider .more-btn a{
        padding: 10px !important;
    }
}
@media screen and (max-width: 1000px){
    .toggle-menu {
        background: #0000;
    }
    .sidebar .closebtn{
        left: 0;
    }
    .social-media{
        float: none;
    }
    #contact-info,#menu-sidebar,.primary-navigation ul ul a, .primary-navigation li a:hover, .primary-navigation li:hover a{
        background-image: linear-gradient(-90deg, #fdd922 0%, #0b5ead 120% );
    }
    #menu-sidebar input[type="submit"]{
        background: #0b5ead;
    }
    .primary-navigation ul ul{
        position: static;
        border:none !important;
    }
    #contact-info form.search-form{
        border: none;
    } 
    span.category{
        margin-top: -25px;
        margin-left: -15px;
    }
    ul.post-categories{
        margin-top: -15px;
        margin-left: 5px;
    }
    .post-categories li a{
        margin-top: 5px;
    }
    .copyright-wrapper h3, .copyright-wrapper .widget_block .wp-block-heading{
        font-size: 20px;
        padding: 7px;
    }
    #sidebar h3, #sidebar .widget_block h2, #sidebar .widget_block.widget_search label{
        padding: 5px 20px;
    }
    #sidebar h3, #sidebar .widget_block h2, #sidebar .widget_block.widget_search label{
        font-size: 20px;
    }
}
@media screen and (max-width: 1024px) and (min-width: 990px){
    #our-products .woocommerce ul.products li.product {
         margin: 0 2.9% 15px 0; 
    }
}