@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 serves as an ideal platform for creating a variety of e-commerce websites, such as clothing stores, interior shops, and fashion boutiques, along with online outlets for smart home products, AR/VR headsets, and gadgets. This versatile magazine theme accommodates a multitude of needs, ranging from apparel and cosmetic retailers to bookstores and baby stores, making it suitable for any e-business, e-marketing, or B2B endeavor. Whether you're aiming to launch a kitchen shop or an organic retail space, this modern design offers a luxurious, retina-ready aesthetic and a user-friendly experience, complete with extensive customization options. Its SEO-friendly features enhance visibility on search engines like Google, while shortcodes and translation-ready functionality with RTL support make it easy to manage. Built on the Bootstrap framework, it ensures user-friendliness and quick loading times, alongside secure coding and seamless social media integration. With AJAX capabilities, it enriches the user experience, making it an excellent choice for your next news magazine publication or editorial project focused on e-commerce.
Version: 0.8.5
Tested up to: 7.0
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;
  }
}