@charset "UTF-8";
/*
Theme Name: Ecommerce Center
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/free-ecommerce-center-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: The Ecommerce center is the perfect platform for building various e-commerce websites, including clothing stores, interior shops, home appliances outlets, fashion boutiques, online stores for Smart Home Products and Accessories, AR/VR Headsets, hardware furniture shops, gadgets stores, and more. It caters to a wide range of needs, from clothes eCommerce and tools to retail, equipment stores, fashion designer shops, apparel boutiques, cosmetic outlets, bookstores, sports shops, baby stores, and anything related to e-business, e-marketing, B2B, and e-procurement. Whether you’re looking to set up a kitchen online shop, an organic retail store, or an automobile selling website, this theme is incredibly versatile. With its modern and luxurious retina-ready design, it offers a user-friendly experience packed with extensive customization options. Additionally, it is SEO-friendly, helping your website rank quickly on major search engines like Google. You can easily incorporate shortcodes and benefit from its translation-ready feature with RTL support. Built on the Bootstrap framework, it's user-friendly and optimized for speed, ensuring your pages load quickly. With secure and clean codes, and the ability to link all your social media pages, this theme provides the credibility and functionality your e-commerce venture requires. Plus, with AJAX capabilities, it enhances user experience by ensuring seamless interactions on your site. 
Version: 0.8.3
Tested up to: 6.9
Requires PHP: 7.2
Requires at least: 5.0
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: ecommerce-zone
Text Domain: ecommerce-center
Tags: three-columns, four-columns, translation-ready, custom-logo, one-column, two-columns, wide-blocks, custom-background, custom-colors, custom-header, custom-menu, block-styles, sticky-post, footer-widgets, editor-style, featured-images, full-width-template, threaded-comments, theme-options, rtl-language-support, left-sidebar, right-sidebar, grid-layout, blog, e-commerce, food-and-drink

Ecommerce Center WordPress Theme has been created by TheMagnifico52(themagnifico.net), 2019.
Ecommerce Center WordPress Theme is released under the terms of GNU GPL
*/

/*--------------------------------------------------------------
# Global Color
--------------------------------------------------------------*/

:root {
  --first-color: #fc8f25;
}

a{
    text-decoration: none !important;
}
.cat-product-box img{
  width: 100%;
  height: 200px;
}
.logo-head {
    background: #ffeccd;
}
.logo-head form.woocommerce-product-search {
    background: #fff;
}
#masthead .navbar-brand a {
    color: #000;
}
.main-navigation .menu > li > a:hover, #site-navigation .menu ul li a:hover{
    color: var(--first-color);
}
.main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus {
    background: var(--first-color);
    color: #fff !important;
}
.article-box h3 a, .article-box span.cat-links a, span.tags-links a, a.post-edit-link, #masthead .navbar-brand a:hover{
  color: var(--first-color);
}
.article-box h3 a:hover, .article-box span.cat-links a:hover, span.tags-links a:hover, a.post-edit-link:hover{
    color: #35302a;
}
a.added_to_cart.wc-forward:hover,.comment-respond input#submit,
#button,
.sidebar button[type="submit"],
.sidebar input[type="submit"],
span.cart-value,
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale,
.woocommerce .woocommerce-ordering select,
.pro-button a: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,
.woocommerce-account .woocommerce-MyAccount-navigation ul li, .load hr {
    background: var(--first-color);
}
.datebox {
    background: #35302a;
    text-align: center;
    padding: 10px;
}
.datebox a {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.yearwrap {
    border-top: solid 1px #fff;
    padding-top: 5px;
}
.serv-box h4 {
    font-size: 18px;
}
#colophon a:hover, #colophon a:focus{
  color: var(--first-color);
}
.btn-primary{
  background: var(--first-color);
}
#serve-sec h3 {
    background: #f8f8f8;
    border: solid 1px #ebebeb;
    border-bottom: solid 1px var(--first-color);
    font-size: 22px;
    font-weight: bold;
    padding: 12px;
    margin-bottom: 35px;
    color: #444444;
}
.sidebar h5{
	background: #35302a;
}
.navbar-brand {
    display: block !important;
}
.stick_header{
  position:fixed;
  width: 100%;
  z-index: 999;
  top: 0;
}
.admin-bar .head-menu.stick_header {
    margin-top: 32px;
    background: var(--first-color);
}
.dot {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
  margin: 6px;
  animation: loading 2s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

.loading {
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99999;
}

@keyframes loading {
  0%,
  100% {
    transform: translatey(-2.5rem);
    background-color: #fff;
  }
  50% {
    transform: translatey(2.5rem);
    background-color: var(--first-color);
  }
}
a.added_to_cart.wc-forward {
    border: 2px solid #444;
    padding: 8px 18px;
    text-transform: inherit;
    font-size: 10px;
    background: transparent;
    margin-top: 10px;
}
a.added_to_cart.wc-forward:hover {
    color: #fff;
    background: var(--first-color);
}
.pro-button a{
    text-transform: inherit;
}
.sidebar section {
    padding: 10px;
}
.sidebar h2.wp-block-heading {
    font-size: 16px;
    color: #fff;
    background: #35302a;
    padding: 15px 10px;
    letter-spacing: 1px;
    font-weight: bold;
    margin-bottom: 0;
    text-transform: uppercase;
}
@media screen and (max-width: 1000px){
    .main-navigation .sub-menu {
        position: static !important;
        background: transparent;
    }
    .main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus{
        background: transparent;
        color: var(--first-color) !important;
    }
    body.admin-bar .sidenav {
        margin-top: 46px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1000px){
    .admin-bar .head-menu.stick_header{
      margin-top: 46px;
    }
}

@media screen and (max-width: 425px){
  .socialmedia {
      text-align: center;
  }
}