/*
Theme Name: E Storefront
Description: The E-Storefront WordPress Theme is a dynamic and modern solution for building an online shopping site tailored to your brand. Designed for seamless storefront user experience and improved ecommerce conversion rates, it combines functionality with aesthetics. Whether you’re selling physical goods, digital downloads, or services, this theme adapts to diverse store needs. Its intuitive storefront layout ensures smooth navigation and a user-friendly ecommerce checkout process, helping customers complete their purchases effortlessly. The theme is crafted to support custom online store creation, allowing store owners to maintain unique storefront branding that resonates with their audience. Features like ecommerce shipping options and storefront add-ons enhance the overall functionality of the site. Visually, the theme offers clean and customizable designs, with vibrant banners to highlight storefront updates and promotions. Storefront demos guide you in setting up the perfect ecommerce navigation system, while its responsive design ensures optimal performance on all devices. For digital product creators, the theme supports selling a wide range of items like eBooks, online courses, digital templates, or even marketing and design assets. Its flexibility extends to showcasing downloadable content like stock photos, digital music, and print-on-demand files. Whether you run a small digital product marketplace or an expansive online shopping site, the E-Storefront WordPress Theme empowers you to create a visually stunning and efficient platform that elevates your business potential.
Author: misbahwp
Theme URI: https://www.misbahwp.com/products/free-storefront-wordpress-theme
Author URI: https://www.misbahwp.com/
Version: 1.0
Requires PHP: 7.2
Tested up to: 6.7
Requires at least: 5.0
Tags: e-commerce, food-and-drink, blog, one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, featured-image-header, editor-style, post-formats, rtl-language-support, theme-options, threaded-comments
Text Domain: e-storefront
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

E Storefront WordPress Theme, (C) 2025 misbahwp.com
E Storefront WordPress Theme is released under the terms of GNU GPL
*/

.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;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.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-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
#content[tabindex="-1"]:focus {
	outline: 0;
}
body {
	font-family: Inter;
  color: #626B7D;
  margin:0;
  background: #E7ECFD;
}
h1,h2,h3,h4,h5,h6{
	color: #001025;
	font-weight: bold;
  font-family: Inter;
}
a {
  color:#001025;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}
a:hover,
a:focus {
  color:#1ABA1A;
  text-decoration: none;
}
.wp-block-button.is-style-squared .wp-block-button__link {
  border-radius: 0 !important;
}
.wp-block-button__link{
  color: #fff !important;
}
.wp-block-button.is-style-outline .wp-block-button__link {
  border: 2px solid #001025;
  color: #001025 !important; 
}
.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a,.woocommerce-product-details__short-description a,#tab-description a,.extra-home-content a {
  text-decoration: underline;
  color:#1ABA1A;
}
.sidebar-area a{
  text-decoration: underline;
}
.sidebar-area h2.wp-block-heading a{
  color: #000;
}
.footer-area.sidebar-area h2.wp-block-heading a{
  color: #1ABA1A;
}
/* ===============================================
   Post Format
   ============================================= */

.entry-video iframe {
    width: 100%;
}

/* ===============================================
   LOGO BOX
   ============================================= */
img.custom-logo {
  height: 70px;
  width: 70px;
}
.logo {
	padding: 18px 0;
  font-weight: bold;
}
.logo a {
  font-family: Inter;
  font-size: 22px;
  font-weight: 700;
  line-height: 20px;
  color: #000000;
}
.logo span {
  display: block;
  font-size: 15px;
  line-height: 18px;
  color: #001025;
}
.header-inner {
  background: #1ABA1A;
}
.header-inner p.info-p a:hover,.social-links a:hover i{
  color: #000000;
}
.button-header a {
  background: #1ABA1A;
  padding: 10px 20px;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
}
.header-inner p.text-inner {
  color: #FFFFFF;
  font-family: Public Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
 .header-outter {
  position: relative;
  z-index: 2;
  width: 100%;
  background: #FFFFFF;
}
.header-inner h6 {
  font-weight: normal;
  color: #1ABA1A;
  font-size: 16px;
}
.header-inner p.info-p {
  color: #000;
  font-size: 13px;
  font-weight: 400;
  color: #FFFFFF;
}
.header-inner p.info-p a {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
.header-inner i {
  font-size: 16px;
  color: #FFFFFF
}
.social-links {
  font-family: Public Sans;
  font-size: 15px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 20px;
}
.header-inner i.fas.fa-phone {
  transform: rotateY(180deg);
}
.header-outter input.search-submit {
  background: url(assets/images/search.png) no-repeat scroll 8px !important;
  background-color: #1ABA1A !important;
  text-align: center !important;
  position: absolute !important;
  text-indent: -9999px;
  left: 0px;
  border-radius: 5px !important;
  border: none;
  cursor: pointer;
  width: 35px !important;
  border-radius: 0 10px 10px 0;
}
.header-outter .searchform input[type=submit]{
  font-size: 13px;
}
.header-outter .searchform input[type=text] {
  width: 100%;
}
.header-outter .searchform input[type=text] {
  background-color: #1ABA1A !important;
  border-radius: 5px;
  padding: 12px 10px 12px 40px;
}
.header-outter .cart-customlocation a{
  color: #ffffff;
}
.header-outter form#searchform {
  position: relative;
}
.translation-box {
  display: flex;
  justify-content: right;
  align-items: center;
  gap: 20px;
  border-left: 1px solid #ffffff73;
}
.translation-box form.woocommerce-currency-switcher-form.woocs_show_flags {
  margin: 0px;
}
.chosen-container-single .chosen-single{
  background: transparent !important;
  border: 0px !important;
  box-shadow: none !important;
  color: #fff !important;
  font-family: Public Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
#google_language_translator select.goog-te-combo {
  width: 100%;
  color: #FFFFFF !important;
  background: transparent;
  border: 0px !important;
  font-family: Public Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.nav-box a {
  background: #F6F6F6;
  padding: 12px 15px;
  text-align: center;
  border-radius: 6px;
}
.nav-box a i {
  color: #807D7E;
}
a.cart-customlocation {
  position: relative;
}
span.cart-item-box {
  position: absolute;
  top: -6px;
  right: -10px;
  color: #fff;
  background: #1ABA1A;
  width: 20px;
  font-size: 13px;
  height: 20px;
  border-radius: 30px;
}
.admin-icon a{
  background: #F6F6F6;
  padding: 12px 15px;
  text-align: center;
  border-radius: 6px;
}
.admin-icon a i{
  color: #807D7E;
}
.admin-box p.short-text {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.5px;
}
.admin-box p.admin-title {
  color: #000000;
  font-size: 17px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 21px;
}

/* ===============================================
   MENU BOX
   ============================================= */

#main-menu {
	display:block;
	position:relative;
	margin:0 auto;
}
#main-menu ul {
	margin:0;
  padding: 0;
	display:block;
}
#main-menu ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
}
#main-menu ul li a {
  display: block;
  z-index: 1;
  padding: 15px 20px;
  font-size: 14px;
  color: #000000;
  font-weight: 700;

}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
	color: #1ABA1A;
}
li.menu-item-has-children:after {
	color: #fff;
	content: ' ▾';
	position: absolute;
	top: 10px;
	right: 0px;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	opacity:0;
	position: absolute;
	top: 45px;
	left: -9999em;
	background:#1ABA1A;
	z-index:10001;
	width:213px;
	padding-left:0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
	position:relative;
	margin:0;
	line-height:1.2em;
	text-transform:none;
	width:213px;
	min-height: inherit;
	margin:0;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
	top:0px;
	left: -100%;
}
#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
	text-decoration:none;
	text-align:left;
	display:block;
	padding:20px 15px;
	margin:0;
	border:none;
	line-height:inherit;
	color: #fff;
}
#main-menu ul.children li a:hover,
#main-menu ul.sub-menu li a:hover,
#main-menu ul.children li.current-menu-item a,
#main-menu ul.sub-menu li.current-menu-item a {
  background: #001025;
  color: #fff;
}
#main-menu ul.children li ul:before,
#main-menu ul.sub-menu li ul:before,
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
	opacity:1;
	left: 0;
}

/* ===============================================
   POST BOX
   ============================================= */

.post-box{
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.post-thumbnail {
  line-height: 0;
}
h3.post-title {
  font-size: 20px;
  word-wrap: break-word;
}
h1.post-title {
  word-wrap: break-word;
}
.post-content p{
	color: #707072;
}
.post-content{
  word-wrap: break-word;
}
.post-meta i{
	color: #1ABA1A;
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  color: #626B7D;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #001025;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
  	border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;
	height:auto;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}
#content,footer {
  float: left;
  width: 100%;
}

/* ===============================================
  Slider
  ============================================= */

button.categories-button {
  border: 0px;
  background: transparent;
  padding: 0px;
  font-size: 13px;
  font-weight: 500;
  color: #000000;
}
.search-box-main {
  display: flex;
  align-items: center;
  gap: 20px;
  background: #FFFFFF;
  padding: 10px 10px;
  position: relative;
  border-radius: 30px;
}
.box-categories {
  position: relative;
  text-align: center;
  width: 35%;
  border-right: 1px solid #999999;
}
.header-product-categories {
  position: absolute;
  top: 35px;
  display: none;
  background: #1ABA1A;
  z-index: 2;
  padding: 10px 13px;
}
.header-product-categories h4 {
  font-size: 15px;
  font-weight: 500;
  font-family: 'Inter';
  margin-bottom: 0px;
}
.header-product-categories h4 a{
  color: #ffffff;
}
.row.box-search {
  background: #1ABA1A;
  padding: 20px 35px;
  border-radius: 10px;
  margin: 0px;
}
.search-box-main form.woocommerce-product-search {
  margin-bottom: 0px;
  position: relative;
  width: 100%;
}
.search-box-main input#woocommerce-product-search-field-0 {
  border: 0px;
  background: transparent;
  width: 100%;
}
.main-search-box {
  width: 65%;
}
span.track-btn a i {
  font-size: 22px;
}
.slider-left-box {
  background: #fff;
  border-radius: 10px;
  padding: 15px 40px;
}
span.track-btn a {
  color: #FFFFFF;
  font-family: Public Sans;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
  padding: 10px 24px;
}
.main-search-box button:after {
  content: "";
  background: url(assets/images/search.png) no-repeat scroll 0 0px;
  position: absolute;
  right: 0px;
  left: 0px;
  top: 7px;
  width: 20px;
  z-index: 999;
  height: 22px;
  margin: 0 auto;
}
form.woocommerce-product-search button {
  position: absolute;
  right: -5px;
  background: #1ABA1A;
  top: -5px;
  text-indent: -9999px;
  color: #000;
  border: 0px;
  border-radius: 30px;
  padding: 6px 30px;
}
.blog_box_inner p.content {
  color: #FFFFFF;
  font-family: Inter;
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
}
.blog_box_inner {
  width: 46%;
}
.right_alternate_content {
  position: absolute;
  top: 50%;
  text-align: left;
  width: 44%;
  right: 33px;
  transform: translateY(-50%);
}
.right_alternate_content h6 {
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
  color: #fff;
}
.right_alternate_content h3.content {
  font-family: Inter;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  color: #FFFFFF;
}
.right_alternate_content_2 h5 {
  font-family: Inter;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  line-height: 27.6px;
}
.alternate-price {
  color: #999999;
  font-family: Inter;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}
.alternate-price p {
  color: #1ABA1A;
  font-family: Inter;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}
.slider-product-categories h4:hover i,.slider-product-categories h4:hover{
  color: #1ABA1A;
}
.slider-product-categories h4 {
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #000000;
}
.slider-product-categories h4 i{
  color: #91939B;
  margin-right: 20px;
}
.right_alternate_content_2 h4.content {
  font-family: Inter;
  font-size: 25px;
  font-weight: 400;
  line-height: 27.6px;
  text-align: left;
  color: #fff;
}
.slider-left-box h3 {
  color: #F1352B;
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
}
.right_alternate_content_2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8%;
  right: 57%;
}
.alternate-button a {
  background: #1ABA1A;
  padding: 10px 20px;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 10px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
}
.right-alternate{
  position: relative;
}
.slider-inner-banner img{
	height: 600px;
  width: 100%;
  border-radius:20px;
	object-fit: cover;
}
.right-box-1 {
  margin-bottom: 20px;
}
.right-alternate img {
  border-radius: 10px;
  height: 290px;
  width: 100%;
}
.blog_box_inner h3 {
  color: #fff;
  font-family: Inter;
  font-size: 40px;
  font-weight: 700;
  line-height: 38px;
  -webkit-text-stroke: 1px #95BA73;
}
p.slider-button a {
  background: #fff;
  padding: 10px 20px;
  color: #000000;
  border-radius: 10px;
  font-family: Inter;
  font-size: 13px;
  font-weight: 500;
}
.slider .owl-nav {
  position: absolute;
  bottom: 16%;
  left: 7%;
  text-align: center;
  z-index: 4;
  width: 14%;
  border-radius: 30px;
  background: #FFFFFF !important;
}
.slider .owl-nav i {
  width: 50px;
  height: 35px;
  text-align: center;
  padding: 10px 0;
  border-radius: 30px;
  color: #000000;
}
.slider-owl-position {
  position: absolute;
  top: 11%;
  left: 6%;
  right: 0px;
}
.slider-inner-banner {
  position: relative;
  background: #001025;
  border-radius: 20px;
}
.slider{
  position: relative;
}
/* ===============================================
   Feature Header Image
   ============================================= */
 
.feature-header{
  position: relative;
  background-color: #000;
}
.feature-header img {
  width: 100%;
  height: 300px !important;
  object-fit: cover;
  opacity: 0.9;
}
h1.post-title.feature-header-title{
  color: #fff;
  position: relative;
  word-wrap: break-word;
  text-align: center;
}

/* ===============================================
  Latest Update Section
  ============================================= */

.service-icon img {
  height: 100px;
  border-radius: 10px;
  width: 100%;
}
.ser-content h4 a {
  color: #000000;
  font-family: Inter;
  font-size: 15px;
  font-weight: 600;
  line-height: 23.8px;
}
.categories-heading h4 {
  display: inline-block;
  background: #1ABA1A;
  padding: 8px 60px;
  color: #FFFFFF;
  border-radius: 10px;
  font-family: Inter;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
}
div#hot_products h4.short-heading{
  color: #000000;
  border-radius: 10px;
  font-family: Inter;
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
}
.categories-box {
  background: #FFFFFF;
  border-radius: 10px;
}
.cat-box{
  padding: 0px 40px 30px 40px;
  border-radius: 10px;
}
.product-image img {
  width: 100%;
  object-fit: cover;
  height: 300px;
  border-radius: 10px;
}
.product-details {
  background: #ffff;
  padding: 20px;
  border-radius: 10px;
}
h4.product-text {
  font-family: Inter;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  color: #191C1F;
}
.price-review p.price {
  color: #1ABA1A;
}
#google_language_translator .skiptranslate.goog-te-gadget {
  display: block !important;
}
#hot_products .star-rating {
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 16px;
  width: 5.4em;
  font-family: star;
  color: #ffd058;
}
#hot_products .star-rating:before{
  content: "\53\53\53\53\53";
  color: #908E8B;
  float: right;
  top: 0;
  left: 0;
  position: absolute;
}
#hot_products .star-rating span::before{
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}
#hot_products .star-rating span{
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position:absolute;
  padding-top: 1.5em;
}
span.button1 a.added_to_cart.wc-forward{
  margin-left: 20px;
}
#trending h2 {
  font-size: 35px;
}
p.heading_short {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  color: #1ABA1A;
  letter-spacing: 2px;
}
#trending .owl-dots {
  text-align: center;
}
#trending button.owl-dot span {
  display: block;
  padding: 6px;
  border-radius: 30px;
  background: #dadada;
  margin-right: 10px;
}
#trending button.active span {
  background: #1ABA1A;
  outline: solid 1px #1ABA1A;
  outline-offset: 3px;
}

/* ===============================================
  Cart & checkout
============================================= */
.wc-block-components-sidebar{
  padding-left: 0px !important;
}
.is-large .wc-block-checkout__sidebar.is-sticky {
  position: relative  !important;
  top: 0px  !important;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button, .wc-block-components-totals-coupon__button{
  background: #1ABA1A;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 10px;
  border: none !important;
  padding: 10px;
  border: 2px solid transparent;
  width: 50%;
}
.wc-block-cart__submit-container a {
    font-size: 15px;
    font-weight: 600;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover, .wc-block-components-checkout-place-order-button:hover{
  border: 2px solid #fff;
  background: #000;
  color: #fff !important;
}
.wp-block-woocommerce-cart .wc-block-cart-items,.wp-block-woocommerce-cart-order-summary-block, .wp-block-woocommerce-checkout-order-summary-block{
  border: 1px solid #dee2e6!important;
  padding: 10px;
  border-radius: 10px;
}
.wp-block-woocommerce-cart .wc-block-cart-items__header-image, .wc-block-cart-items__header-total{
  padding: 10px !important;
}
.wp-block-woocommerce-cart .wc-block-cart .wc-block-cart__submit-container{
  margin-top: 20px;
}
.wp-block-woocommerce-cart .wc-block-components-product-badge{
  background: #1ABA1A;
  color: #fff !important;
  padding: 10px !important;
  margin-bottom: 5px;
  margin-top:5px ;
}
a.wc-block-components-product-name, .wc-block-components-product-name{
  font-size: 22px !important;
  color: #000 !important;
  text-decoration: none !important;
}
.wc-block-components-order-summary-item__quantity{
  background-image: linear-gradient(90deg, #fb6d21 0%, #eb343b 100%) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
  padding-right:0% !important;
}
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide.wc-block-checkout{
  margin-right: auto !important;
  margin-left: auto !important;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-item__label,.wc-block-components-totals-item__value,
.wc-block-components-product-metadata .wc-block-components-product-metadata__description>p,
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount,
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input,
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button,
.wc-block-components-quantity-selector,table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link,
.wc-block-components-product-price__value.is-discounted,del.wc-block-components-product-price__regular  {
  color: #000 !important;
}
.wc-block-components-totals-wrapper:after{
  border-color: #000 !important;
}
tbody.wc-block-cart-items{
  border: 1px solid #000;
  border-radius: 30px;
}
.wc-block-components-product-metadata .wc-block-components-product-metadata__description>p, button.wc-block-cart-item__remove-link{
  font-size: 16px !important;
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row{
    grid-template-columns: 270px 47px !important;
    padding: 16px 16px !important;
}
.wp-block-woocommerce-cart .wc-block-components-product-badge{
  display: none;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover{
  border: unset !important;
}
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    text-decoration: none;
}
.wc-block-components-button:not(.is-link) {
  padding: 0px !important;
}
.wc-block-components-sidebar,.wc-block-components-sidebar-layout .wc-block-components-main{
  width: 100% !important;
}
.wc-block-components-sidebar-layout.wc-block-checkout.is-large {
    flex-flow: column;
    flex-direction: column-reverse;
}

/* ===============================================
   Scroll
   ============================================= */

.scroll-up {
  position: fixed;
  bottom: 12px;
  right: 30px;
  z-index: 999;
}
.scroll-up a {
  background: #1ABA1A;
  color:#000;
}
.scroll-up a:hover{
  background: #0d0d0d;
  color:#fff;
}
.scroll-up a {
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  text-align: center;
  line-height: 2;
  font-size: 1.25rem;
  color: #fff;
  opacity: 1;
  transition: all 0.3s ease 0s;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.scroll-up span {
  top: 7px;
  position: absolute;
  left: 7px;
  font-size: 25px;
  font-weight: 600;
}

/*===============================================
   PRELOADER
=============================================== */

.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #354952 transparent #ffffff transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent #1ABA1A transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }

  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}

/* ===============================================
 sticky header
 =============================================== */

 .fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #fff;
}
.admin-bar .sticky-header.fixed-header {
   margin-top: 32px;
}

/* ===============================================
   Pagination
   ============================================= */

.pagination,
.e-storefront-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.e-storefront-pagination a span,
.e-storefront-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 12px;
	font-size:14px;
	line-height:21px;
	color:#333;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background:#f3f4f7;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.e-storefront-pagination span.current,
.e-storefront-pagination span.current:hover,
.e-storefront-pagination span.current:focus,
.e-storefront-pagination a span:hover,
.e-storefront-pagination a span:focus {
	background: #1ABA1A;
	color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #1ABA1A;
    color: #fff;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-reply a:focus{
  color: #fff;
}
.comment-respond input#submit:hover,
.comment-reply a:hover{
	background: #001025;
	color: #fff;
}
.comment-form-url input,nav.navigation.pagination{
  width: 100%;
}
.comment-respond input#submit {
  background: #1ABA1A;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: #1ABA1A;
  padding: 5px 15px;
  color: #fff;
}
li.wp-block-latest-comments__comment {
  padding-bottom: 0px !important;
}
.sidebar-area  .wp-block-latest-comments__comment-meta{
  float: none;
  background: transparent;
}
.sidebar-area .wp-block-latest-comments__comment-meta a{
  color: #2f3235;
}
ol.wp-block-latest-comments{
  padding: 0;
}
.sidebar-area .wp-block-latest-comments__comment li {
    margin-bottom: 0;
}

/* ===============================================
   Breadcrumbs
   =============================================== */

.bread_crumb a:hover{
    color:#1ABA1A;
}
.bread_crumb a{
    color: #fff;
    word-wrap: break-word;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px;

}
.bread_crumb span {
  color: #1ABA1A ;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
     padding: 10px;
}
.bread_crumb {
    color: #fff;
    position: absolute;
    width: 100%;
    top: 50%;
    word-break: break-all;
    transform: translateY(-50%);
}


/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
	margin-bottom: 25px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1.9em;
	font-weight: normal;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style: none;
  margin: 0;
  padding: 0 0px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  font-weight: 500;
  word-wrap: break-word;
}
.sidebar-area li {
  padding-bottom: 5px;
}
.sidebar-area h4.title, .sidebar-area h1.wp-block-heading,  
.sidebar-area h2.wp-block-heading,  
.sidebar-area h3.wp-block-heading,  
.sidebar-area h4.wp-block-heading,  
.sidebar-area h5.wp-block-heading,  
.sidebar-area h6.wp-block-heading,
.sidebar-area .wp-block-search__label {
  padding: 20px 15px;
  color: #fff;
  font-size: 18px;
  background: #1ABA1A;
  border-left: solid 5px #33302d;
}
.footer-area h4.title, .footer-area h1.wp-block-heading,  
.footer-area h2.wp-block-heading,  
.footer-area h3.wp-block-heading,  
.footer-area h4.wp-block-heading,  
.footer-area h5.wp-block-heading,  
.footer-area h6.wp-block-heading,
.footer-area .wp-block-search__label{
  background: none !important;
  border-left: none;
}
footer .wp-block-search__label, footer .sidebar-area h1.wp-block-heading, footer .sidebar-area h2.wp-block-heading, footer .sidebar-area h3.wp-block-heading, footer .sidebar-area h4.wp-block-heading, footer .sidebar-area h5.wp-block-heading, footer .sidebar-area h6.wp-block-heading{
  background: none !important;
  border-left: none !important;
  padding: 20px 0px !important;
  color: #fff !important;
  font-size: 25px !important; 
}
.wp-block-search__inside-wrapper {
  margin-top: 10px;
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #1ABA1A;
  color: #fff;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: #001025;
}
.sidebar-area form {
  padding: 15px 0px;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input,
#comments input[type="email"],
#comments input[type="url"]{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width:100%;
	padding: 5px 2%;
	border: solid 1px #001025;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
#footer-widgets caption {
    color: #fff;
}
#footer-widgets h4 {
    margin-bottom: 30px;
    font-weight: 600;
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
.searchform label {
	display: block;
}
.searchform input[type=text]::placeholder{
  font-size: 12px;
  color: #ffffff;
  font-weight: 400;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #fff;
  border: none;
}
.searchform input[type=submit], .sidebar-area .wp-block-search__button {
	background: #1ABA1A;
	border: none;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:100px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}
.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:#1ABA1A;
	text-decoration:none
}
.searchform:after {
  content: "";
  display: table;
  clear: both;
}
footer {
	background: #000000;
}
footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}
.wp-block-group__inner-container h2 {
  color: #fff;
}
footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #fff;
}
.footer-area ul {
  padding: 0;
}
.footer-area h4.title {
  padding: 0;
  font-size: 30px;
  text-transform: none;
  background: transparent;
  border: none;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}

.wp-caption {
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}

.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}

.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}