/*!
Theme Name: Quangbinh Trade
Theme URI: 
Author: Dung Johnny - tuandungltd@gmail.com
Author URI:
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: quangbinh-trade
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root{
	--link-color: #487804;
	--link-hover-color: #d23333;
	--light-color: #848484;
	--green-color: #5f9c0a;
	--green-light-color: #9ad549;
	--red-color: #d23333;
}
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: none !important;
}
input:focus-visible{
	outline: none !important;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: 'Inter', sans-serif;
	font-size: 15px;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

.post-wrap h1{
	font-size: 24px;
}
.post-wrap h2{
	font-size: 20px;
}

.post-wrap h3{
	font-size: 18px;
}

.post-wrap h4{
	font-size: 16px;
}



p {
	margin-bottom: 1em;
	margin-top: 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
	vertical-align: top;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: var(--link-color);
}

 

a:hover,
a:focus,
a:active {
	color: var(--link-hover-color);
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}
 
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 3px;
	min-height: 41px;
	border-radius: 15px;
	max-width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* 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;
}

.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: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


.container{
	max-width: 1300px;
	padding: 0 10px;
	margin: 0 auto;
}
.row{
	margin: 0 -10px !important;
	display: flex;
	flex-wrap: wrap;
}
.col{
	padding: 0 10px;
}

.col-20{ 
	width: 20%;
}
.col-25{ 
	width: 25%;
}

.col-30{ 
	width: 30%;
}
.col-33{ 
	width: 33.33%;
}
.col-37{ 
	width: 37%;
}
.col-63{ 
	width: 63%;
}
.col-40{ 
	width: 40%;
}

.col-50{ 
	width: 50%;
}
.col-60{ 
	width: 60%;
}


.col-70{ 
	width: 70%;
}
.col-100{ 
	width: 100%;
}
.bg-white{
	background: #fff;
}
.border-round{
	border-radius: 12px;
}

#page{
	background: #f5f5f5;
}

.header-top{
	padding: 8px 0;
	font-size: 13px;
}
.header-top-content{
	display: flex;
	justify-content: flex-end;
}
.header-links{
	display: flex;
	margin: 0 20px;
}
.login-register{
	font-weight: bold;
}
.header-links .svg-icon{
	max-width: 16px;
    min-width: 16px;
	height: 20px;
	margin-right: 3px;

}
.header-links i{
	margin-right: 3px;
}
.header-links a{
	display: flex;
	margin: 0 5px;
	color: #666;
	text-decoration: none;
	align-items: center;
	position: relative;
}
.header-links a.message{
	padding-right: 12px
}
.header-links a i{
	font-weight: 500;
}
.header-links a span{
	white-space: nowrap;
}
.message-count {
	position: absolute;
	right: 0px;
	top: -7px;
	font-size: 10px;
	width: 15px;
	height: 15px;
	text-align: center;
	line-height: 14px;
	background: red;
	color: #fff;
	border-radius: 10px;
	font-weight: bold;
}

.header-main{ 
	background: #406a03; /* Old browsers */
	background: -moz-linear-gradient(top,  #406a03 0%, #569005 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #406a03 0%,#569005 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #406a03 0%,#569005 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#406a03', endColorstr='#569005',GradientType=0 ); /* IE6-9 */

	color: #fff;
	padding: 20px 0;
}

.main-header-content{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.site-logo{
	width: 27%;
}
.header-right-info{
	width: 70%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.header-tagline {
	margin: 0 0 10px 0;
}
.header-tagline h2{
	font-size: 40px;
	line-height: 1.3;
	text-align: center;
	display: inline-grid;
	margin: 0
}
.header-tagline h2 span{
	font-size: 59px;
	display: block;
}
.header-search{
	width: 92%;position: relative;
}
.header-search .search-form{
	position: relative; 
}
.header-search .search-field{
	width: 100%; 
	padding: 13px 20px;
	border-radius: 10px;
    border: none;
	
}
.header-search .search-submit{
	position: absolute;
    right: 4px;
    top: 3px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    background: #9ad549;
    color: #fff;
    line-height: 20px;
    padding: 11px 15px;
	cursor: pointer;
	border: none;
	height: auto;
}
.header-search .search-submit .svg-icon {
    max-width: 16px;
    margin: 0 6px 0 0;
	fill: #fff;
	max-width: 16px;
}
.header-search .search-submit:hover .svg-icon {
	fill: var(--green-color);
}
.header-search-results {
	background: #fff;
	padding: 10px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.5);
	margin-top: 2px;
	border-radius: 9px;
	position: absolute;
	width: 100%;
	display: none;
	color: #444;
	z-index: 999;
}
.header-search-results ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.header-search-results li{
	margin: 0 -10px;
	padding: 0 15px; 
}
.header-search-results li:hover{
	background: #f4f4f4;
}
.header-search-results ul li a{
	color: #444;
	text-decoration: none;
	display: block;
	padding: 5px 0;
}




.header-icon-wrap{
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 10px;
	cursor: pointer;
}
.header-cart-icon{
	 
	width: 28px;
	height: 28px;
	display: block;
	
	position: relative;
}
.header-cart-icon svg{
	width: 24px;
	fill: var(--green-color);
	margin: 4px 0 0 1px;
}
.header-cart-icon .num-item{
	position: absolute;
	right: -7px;
	background: #ff3600;
	line-height: 1;
	padding: 1px;
	border-radius: 30px;
	font-size: 9px;
	width: 14px;
	height: 14px;
	align-items: center;
	justify-content: center;
	display: flex;
	top: -2px;
}
.header-cart{
	position: relative;
}
.header-cart-content{
	position: absolute;
	right: 0; 
	color: #333;
	width: 350px;
	z-index: 9;
	
	padding: 30px 10px 0 10px;
	display: none;
}
.header-cart-content:before{
	content: '';
	width: 100%;
	height: 100%;
	top: 15px;
	left: 0;
	display: block;
	position: absolute;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 3px;
	z-index: -1;
}
.header-cart-content:after{
	content: '';
	width: 0;
	height: 0;
	top: 5px;
	right: 10px;
	display: block;
	position: absolute;
	background: #fff;
	 
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	border-bottom: 12px solid #fff; 

	-moz-background-clip: border;     /* Firefox 3.6 */
	-webkit-background-clip: border;  /* Safari 4? Chrome 6? */
	background-clip: border-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
					
	-moz-background-clip: padding;     /* Firefox 3.6 */
	-webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
	background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
					
	-moz-background-clip: content;     /* Firefox 3.6 */
	-webkit-background-clip: content;  /* Safari 4? Chrome 6? */
	background-clip: content-box;   
}
.header-cart:hover .header-cart-content{
	display: block;
}
.header-cart-content .woocommerce-mini-cart{
	margin: 0;
	padding: 0;
	list-style: none;
} 
.header-cart-content .woocommerce-mini-cart li .remove{
	text-decoration: none;
	color: #d23333;
}
.header-cart-content .woocommerce-mini-cart li img.wp-post-image, .header-cart-content .woocommerce-mini-cart li img.attachment-shop_thumbnail{
	width: 40px;
	height: auto;
	margin: 0 10px 0 5px;
}
.header-cart-content .woocommerce-mini-cart li  .variation{
	display: none; 
}
.woocommerce-mini-cart-item{ 
	display: flex;
align-items: center;
}
.woocommerce-mini-cart-item .product-name{
	flex: 3;
}
.woocommerce-mini-cart-item .amount{
	color: #d23333
}
.woocommerce-mini-cart__buttons {
	margin: 10px 0 0;
	display: flex;
	align-content: space-between;
	justify-content: end;
}
.woocommerce-mini-cart__buttons .button{
	height: auto;
	padding: 2px 10px;
	min-width: 0;
}
.woocommerce-mini-cart__buttons .checkout{
	margin-left: 10px;
}



.woocommerce-breadcrumb{
	padding: 15px 0;
}
.woocommerce-message, .woocommerce-info{
	margin: 0 0 10px;
	color: #fff;
	padding: 10px 15px;
	border-radius: 4px;
	width: 100%;
}
.woocommerce-message a, .woocommerce-info a{
	color: #fff;
}

.product-col-left, .product-col-right{
	width: 50%
}
.product .woocommerce-product-gallery > .flex-viewport, .product .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	max-height: 450px;
}
.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper{
	margin: 0;
}
body.single-product div.product .single-product-images .woocommerce-product-gallery .flex-control-thumbs li,
body.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n){
	width: 100px;
	margin-right: 15px;
	float: none;
    display: inline-block;
}
body.single-product div.product .single-product-images .woocommerce-product-gallery .flex-control-thumbs li:last-child{
	margin-right: 0;
}
body.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1){
	clear: none;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active{
	border-bottom: 3px solid var(--green-color);
} 
.thumb-slider-nav span{
	position: absolute;
	bottom: 36px;
	cursor: pointer;
}
.thumb-slider-nav span.prev {
	left: 0;
}
.thumb-slider-nav span.next {
    right: 0
}


.product-quantity .input-text {
	border-radius: 0;width: 60px;
    text-align: center;
}
.single-product #primary .summary{
	margin: 0;
	background: #fff;
	padding: 20px 30px 40px;
	margin: 0 0 20px 0;
	min-height: 450px;
}
.woocommerce-product-attributes th.woocommerce-product-attributes-item__label {
	width: 18%;
	min-width: 140px;
  }

.single-product-images{
	position: relative;overflow: hidden;
}
.single-product-images .onsale{
	position: absolute;
	right: 0;
	display: none;
}
body.single-product div.product .woocommerce-product-gallery{
	float:none
}
.summary .product_title{
	font-weight: 600;
	color: #3f3f3f;
	font-size: 34px;
	margin: 0 0 5px 0;
}
.woocommerce-product-rating{
	display: flex;
	align-items: center;
}
.woocommerce-product-rating .separate{
	margin: 0 10px;
}
.woocommerce-product-rating .star-rating span::before, .woocommerce-Reviews .star-rating span::before{
	color: #d23333
}
a.woocommerce-review-link{
	color: #404040;
	text-decoration: none;
}
a.woocommerce-review-link .count, .product-sold span{
	font-weight: 600;
}
 
.summary .price{
	color: #d23333;
	font-size: 42px;
	line-height: 1;
	font-weight: 600;
	margin: 30px 0;
}
 
.summary .price ins{
	background: none;
}
.summary .price del{
	font-size: 18px;
	color: #848484;
	display: block;
}

table.variations{
	color: var(--light-color);
	text-align: left;
}
table.variations th{
	font-weight: normal;
}
table.variations td.value select{
	display: none;
}
 
.variations-list{
	display: flex;
	padding: 5px 0;
}
.attribute-item{
	margin:  2px  ;
}
.variations-list input{
	width: 0;
	height: 0;
	visibility: hidden;
}
.variations-list label{
	display: inline-block;
	padding: 5px;
	border: 1px solid var(--light-color);
	 
	cursor: pointer;
	line-height: 1;
	border-radius: 3px;
	min-width: 52px;
	text-align: center;
}
.variations-list input:checked ~ label ,.variations-list label:hover, .attribute-item.selected label {
	border:1px solid var(--green-color);
	color: var(--green-color);
}
.woocommerce-variation-price{
	display: none;
}



.single-product-custom-qty{ 
	border-top: 1px solid #eee;
	padding: 18px 0;
}
.single-product-custom-qty .minus,
.single-product-custom-qty .plus{
	background: #ededed;
	display: inline-block;
	padding: 8px 13px;
	line-height: 1;
	margin: 0px 8px;
	font-size: 18px;
	cursor: pointer;
}
.single-product-custom-qty .quantity{
	display: inline-block;
}
.single-product-custom-qty .qty::-webkit-outer-spin-button,
.single-product-custom-qty .qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.error{
	color: var(--red-color);font-size: 14px;
}

.single-product-custom-qty .qty {

    height: 32px;
    border: none;
    text-align: center;
    -moz-appearance: textfield;
    width: 30px;
    padding: 0;

	
}
.single-addto-cart .added_to_cart{
	display: none;
}
  
.single-product .woocommerce-tabs{
	margin: 10px 0 0 0;
}
.woocommerce-tabs ul.tabs{
	display: flex
}
.single-product .woocommerce-tabs ul.tabs li a{
	padding: 8px 20px;
	font-size: 20px;
	text-transform: uppercase;
	background: #f8f8f8;
	color: #b7b7b7;
	font-weight: 500;
	text-decoration: none;
}
.single-product .woocommerce-tabs ul.tabs li.active a{
	background: none;
	color: #000
}
.single-product .woocommerce-tabs p{
	margin: 0 0 15px 0;
}
.single-product .woocommerce-tabs p:last-child{
	margin: 0;
}
.single-product .woocommerce-tabs th{
	text-align: left;
	color: #848484; 
	font-weight: normal;
}
.single-product .woocommerce-tabs th, .single-product .woocommerce-tabs td{
	padding: 3px 0;
}
.single-addto-cart .add-to-cart-btn.loading, .single-addto-cart .add-to-cart-btn.added, .loading{
	position: relative;pointer-events: none;
}
.single-addto-cart .add-to-cart-btn.added{
	background: #ebf3e1 !important;
	color: var(--green-color) !important;
}
.single-addto-cart .add-to-cart-btn.loading{
	cursor: not-allowed;
	pointer-events: none;
}
.single-addto-cart .add-to-cart-btn.loading:before, .loading:before{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -10px;
	border: 4px solid #f3f3f3; /* Light grey */
	border-top: 4px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 20px;
	height: 20px;
	animation: spin 0.5s linear infinite;
	z-index: 10;
}

.single-addto-cart .add-to-cart-btn.loading:after, .loading:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	 
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.6);
	z-index: 9;
}

.single-addto-cart .add-to-cart-btn.added:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	 
	width: 16px;
	height: 16px;
	background: url(images/check-mark.svg);
	background-size: 100%;
}


  
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

.single-addto-cart .add-to-cart-btn svg, .green-bg-light-btn svg, .grey-bg-light-btn svg{
	width: 24px;
	float: left;
	margin-right: 5px;
	fill: var(--green-color);
}
.grey-bg-light-btn svg{
	fill:#848484;
}
.single-addto-cart .add-to-cart-btn:hover, .green-bg-light-btn:hover, .green-bg-light-btn:active{
	background: var(--green-color);
	color: #fff;
}
.single-addto-cart .add-to-cart-btn:hover svg, .green-bg-light-btn:hover svg{
	fill: #fff
}

.single-addto-cart .add-to-cart-btn.added svg{
	fill: var(--green-color) !important;
}

.single-addto-cart .buy-now-btn, body:not(.wcfm-dashboard-page) .main-container .button, body:not(.wcfm-dashboard-page):not(.hidden-scroll) .main-container button, input[type="submit"], .btn, .header-cart .button,
body #wcfm-main-contentainer input.wcfm_submit_button
{
	background: var(--green-color);
	color: #fff;
	padding: 9px 10px 10px 10px;
	display: inline-block;
	height: 42px;
	min-width: 120px;
	text-align: center;
	cursor: pointer;
	border: 1px solid var(--green-color); 
	text-decoration: none;
}
body #wcfm-main-contentainer input.wcfm_submit_button{
	font-weight: normal;
	font-weight: 500;
	text-transform: none;
}
.single-addto-cart .buy-now-btn:hover, body:not(.wcfm-dashboard-page) .button:hover, 
body:not(.wcfm-dashboard-page):not(.hidden-scroll) button:hover, body:not(.wcfm-dashboard-page) input[type="submit"]:hover,
.btn:hover, .btn:active{ 
	background: #ebf3e1; 
	color: var(--green-color);
	border: 1px solid var(--green-color); 
}


.single-addto-cart .add-to-cart-btn, .green-bg-light-btn, body.page .main-container button.green-bg-light-btn{
	background: #ebf3e1; 
	color: var(--green-color);
	border: 1px solid var(--green-color); 
	display: inline-block;
	padding: 8px 10px 8px 10px;
	cursor: pointer; 
	margin-right: 10px;
	line-height: 24px;
}
.grey-bg-light-btn{
	background: #fff; 
	color: #848484;
	border: 1px solid #848484; 
	display: inline-block;
	padding: 3px 10px 3px 10px;
	text-decoration: none;
	cursor: pointer;

}
.btn.loading{
	pointer-events: none;
}

button.single_add_to_cart_button {
	display: none;
}
.product-details{
	margin: 40px 0;
} 
.section-padding{ 
	padding: 30px;
}
.woocommerce-Reviews .comment_container{
	display: flex;
}
.woocommerce-Reviews .commentlist{
	margin: 0;
	padding: 0;
	list-style: none;
}
.woocommerce-Reviews .comment-user-avatar{
	width: 100px;
}
.woocommerce-Reviews .comment-text{
	flex: 2;
}
.woocommerce-Reviews  p.meta{
	margin: 4px 0 15px;
	font-size: 12px;
	color: #999;
}
.woocommerce-Reviews  img.avatar, img.avatar{
	border-radius: 50%;
	border: 1px solid #eee;
} 
.section-heading{
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 35px 0 15px;
}
.woocommerce-reviews-filter {
	display: flex;
	margin: 0 0 30px 0;
	align-items: start;
}
.woocommerce-reviews-filter .avg-rating {
	width: 170px;
}
.woocommerce-reviews-filter .avg {
	font-size: 40px;
	font-weight: 600;
	margin: 0 3px 0 0;
	line-height: 1;
}
.review-filter {
	flex: 1;
	margin: 8px 0 0 0;
	border-bottom: 1px solid #e9e9e9;
	padding: 0 0 10px 0;
}
.filter-rating {
	display: inline-block;
	padding: 5px 20px;
	margin: 5px 5px 0;
	background: #f8f8f8;
	min-width: 100px;
	text-align: center;
	cursor: pointer;
	position: relative;
}
.filter-rating.selected {
	pointer-events: none;
}
.filter-rating:first-child{
	margin-left: 0;
}
.filter-rating.selected::before, .filter-rating:hover::before{
	content: '';
	position: absolute;
	bottom: -12px;
	left: 0;
	width: 100%;
	height: 0;
	border-bottom: 3px solid var(--green-color);
}

body ul.products.slides li.product, body ul.products li.product{
	float: none;
	width: 16.66%;
	margin: 0 0 10px 0;
	padding: 0 5px;
}
 
body .products.flexslider ul.products li{
	margin-bottom: 0;
}
.woocommerce-info, .woocommerce-noreviews, p.no-comments {
	background-color: transparent !important;
}
#primary .product-list-item .woocommerce-loop-product__title {
	font-size: 15px;
	font-weight: normal;
	margin: 12px 0 0;
}
#primary .product-list-item .woocommerce-loop-product__title a{
	color: #5e5e5e;text-decoration: none;

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-height: 1.5;     /* fallback */
	max-height: 3em;      /* fallback */
	-webkit-line-clamp: 2; /* number of lines to show */
	-webkit-box-orient: vertical;
}
#primary .product-list-item .woocommerce-loop-product__title a:hover{
	color: var(--link-hover-color);
}
.product-list-item .price {
	font-size: 17px;
	font-weight: 600;
}
.product-list-item .price ins{
	background: transparent !important;
}
.product-list-item .star-rating, .comment-text .star-rating {
	font-size: 12px;
}
.product-list-item .star-rating span::before{
	color: #d23333
}
.product-list-item .star-rating{
	margin-top: 4px;
}
.products  .product-list-item{
	background: #fff;
	height: 100%;
	
} 
div:not(.not-slider) > .products  .product-list-item, body.tax-product_cat .products  .product-list-item{
	border: 1px solid #e7e7e7;
}
.product-list-item .product-item-info{
	padding: 10px;
}

.product-list-item del {
	color: #9f9f9f;
	font-size: 12px;
} 

.product-slider .owl-carousel .owl-nav.disabled, .feature-products-list .owl-carousel .owl-nav.disabled{
	display: block;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
	position: absolute;
	top: 50%;
	margin-top: -14px;
	height: auto;
	min-height: 1px;
	width: auto;
	min-width: 1px !important;
	background: none !important;
	border: none !important;
}
.owl-carousel .owl-nav button.owl-next{
	right: -13px;
}
.owl-carousel .owl-nav button.owl-prev{
	left: -13px;
}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span,
.thumb-slider-nav span{
	text-indent: -9999px;
	font-size: 0;
	display: block;
	width: 28px;
	height: 28px;
}

   
.owl-carousel .owl-nav button.owl-next span, .thumb-slider-nav span.next{
	background: url(images/next-icon.png);

}

.owl-carousel .owl-nav button.owl-prev span, .thumb-slider-nav span.prev{
	background: url(images/prev-icon.png);
}
.owl-carousel .owl-dots{
	display: none;
}


.compapny-info-section{
	padding: 20px 15px;
	margin: 0 0 20px 0;
}
.product .wcfmmp_sold_by_container_advanced{
	margin: 0;
	width: 100%;
	padding: 0;
	border: none;
}
.product .wcfmmp_sold_by_container_left, .product .wcfmmp_sold_by_container_left img{
	width: 135px;
}
.product .wcfmmp_sold_by_container_left img{
	height: 135px;
	object-fit: cover;
}
.company-info-name{
	display: flex;
	align-items: center;
}
.product .wcfmmp_sold_by_container_right {
	display: block;
	flex: 1;
}
.product .wcfmmp_sold_by_container_advanced .wcfmmp_sold_by_wrapper .wcfmmp_sold_by_store{
	margin-bottom: 10px;
}
.product .wcfmmp_sold_by_container_advanced .chat-now-btn{
	padding: 3px 10px 3px 10px;
	margin: 0 10px 10px 0;
}
.company-more-info {
	display: flex;
	flex-wrap: wrap;
	margin: 30px 0 0 0;
}
.cp-info-item {
	width: 33.33%;
	margin: 0 0 15px 0;
	font-size: 14px;
	padding: 0 5px;
}
.info-lbl {
	color: #848484;
	margin: 0 8px 0 0;
}
.info-value {
	color: #d23333;
	font-weight: 600;
}
.white-bg{
	background: #fff;
	border: 3px;
}
 

.cart-heading-container{
	display: flex;
	background: #528805;
	color: #fff;
	padding: 15px 0px;
	width: calc(100% - 240px);
}

.product-name-heading{
    width: 44%;padding-left: 40px;
}
.product-cart-name-heading {
	width: calc(100% - 56% + 120px);
}
.product-price-heading, .product-qty-heading, .product-total-heading, .product-edit-heading, 
.cart_item .product-price, .cart_item .product-quantity, .cart_item .product-subtotal, .cart_item .product-remove  {
    width: 14%;
    text-align: center !important;
}
.company-cart{
	margin: 20px 0 0 0;
	display: flex;
	flex-wrap: wrap;
}
.company-items-list{
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0 , 0.2); 
	flex: 1;
}
.cp-cart-total-info{
	width: 240px;
	padding: 90px 10px 0;
}
.company-cart-items {
    background: #fff;
    padding: 30px 0;
}
.woocommerce-cart-form__cart-item.cart_item {
    display: flex;
	align-items: center;
	padding: 10px 0;
}
.cp-check, .select-cart-item{
    width: 50px;
    text-align: center;
}

.company-cart .company-info {
    display: flex;
    align-items: center;
	background: #f8f8f8;
	padding: 10px 0;
}
.company-cart .company-logo {
    width: 70px;
}
.company-cart .company-name {
    flex: 1;
    padding: 0 0 0 20px;
}
.company-cart  a{
	text-decoration: none;
}
.product-thumbnail {
    width: 70px;
}
.cart_item .product-thumbnail img{
	max-width: 70px;
	border-radius: 10px;
	border: 1px solid #c8c8c8;
}
.product-cart-info {
    display: flex;
	flex: 1;
	align-items: center;
}
.cart_item .product-name{
	flex: 1;padding: 0 0 0 20px;
}
.cart-price-item{
	display: flex;
	justify-content: space-between;
}
.cp-cart-total-box {
    height: 100%;
    background: #fff;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0 , 0.2); 
}
.total-box-heading {
    width: 100%;
	font-size: 16px;
    font-weight: 600;
    color: #5e5e5e;
    margin: 0 0 15px 0;
}
.cart-price-item {
    display: flex;
    justify-content: space-between;
    width: 100%;
	margin: 0 0 10px 0;
}
.total-box-wrap{
	width: 100%;
}
.cart-price-item  span.price-item-lbl {
    color: #a0a0a0;
}
.cart-total-price span.price-item-lbl {
	color: #3c3a3a
}
.cart-total-price span.price-item-val {
	color: #c20202;
	font-weight: bold;
	font-size: 21px;
}
.cart-total-price{
	align-items: center;
	border-top: 1px solid #d1d1d1;
    padding-top: 12px;
}
.cart-buy-now{
	display: block !important;
    margin: 0px auto 15px;
    padding: 10px 15px !important;
    height: auto !important;
    width: auto !important;
    border-radius: 0;
}
.cart-coupon-wrap{
	background: #fff;
	padding: 20px 30px;
	text-align: right; 
    border-top: 1px solid #d1d1d1;
}
.cart-coupon {
    display: inline-block;
    position: relative; 
	max-width: 350px;
}
body .company-cart .cart-coupon-input {
	width: 100%;
    max-width: 350px;
    height: 45px;
    line-height: 45px;
    padding: 5px 100px 5px 10px; 
}
body .company-cart .cart-coupon button.button {
    position: absolute;
    right: 0;
    top: 0;
    height: 45px;
    padding: 0px 18px;
    min-width: 0px;
}
body .company-cart .cart-coupon-input , 
body .company-cart .cart-coupon button.button,
body .company-cart .cart-coupon button.button.loading,
body .company-cart .cart-coupon button.button.loading:after
{
	border-radius: 0 12px 12px 0;
}
.cart-coupon .message{
	text-align: left;
}


table.cart .cart_item td{
	padding-top: 10px;
	padding-bottom: 10px;
}
.cart-variation-item .variation-Store{
	display: none;
}
table.cart dl.variation{
	margin: 0;
}
.cart-variation-item {
	display: flex;
	align-items: center;
}
.cart-variation-item  dt, .cart-variation-item dd, .cart-variation-item p{
	margin: 0;
}
table.cart .product-thumbnail img{
	max-width: 80px;
	border-radius: 10px;
	border: 1px solid #c8c8c8;
}
table.cart td.product-thumbnail {
	width: 110px;
}
table.cart .coupon{
	margin: 20px 0;
	padding: 20px 0;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
body .woocommerce-error {
	margin: 0 0 20px 0;
	padding: 10px;
	line-height: normal;
	color: #721c24;
	background: #f8d7da;
	border: 1px solid #f5c6cb;
	border-radius: 4px;
  }
body .woocommerce-error li{
	list-style: none;
}
.actions > .button{
	float: right;
}
.wc-proceed-to-checkout{
	text-align: right;
}
.cart_totals table.shop_table th, .cart_totals table.shop_table td, .woocommerce-cart-form .product-subtotal{
	text-align: right;
}
.cart-collaterals{
	display: flex;
	align-items: end;
	justify-content: end;
}
.cart-collaterals .cart_totals  {
	max-width: 400px;
	width: 100%;
}
.cart-collaterals .cart_totals > h2{
	text-align: right;
}
.shop_table.woocommerce-checkout-review-order-table {
	background: #fff;
}
.woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td{
	padding: 10px 20px;
}
.woocommerce-checkout-review-order-table th.product-name{
	text-align: left;
}
.woocommerce-checkout-review-order-table td.product-thumbnail{
	width: 110px;
}
.woocommerce-checkout-review-order-table td.product-thumbnail img{
	border-radius: 10px;
	border: 1px solid #c8c8c8;
}
.woocommerce-checkout-review-order-table td.product-price,
.woocommerce-checkout-review-order-table td.product-qty,
.woocommerce-checkout-review-order-table td.product-total{
	text-align: center;
}
.woocommerce-checkout-review-order-table th.product-total, .woocommerce-checkout-review-order-table td.product-total,
.checkout-coupon-price td, .shipping-price{
	text-align: right;
}
.woocommerce-checkout-review-order-table th.product-price, .woocommerce-checkout-review-order-table th.product-qty{
	text-align: center;
}
.woocommerce-checkout-review-order-table td .variation{
	margin: 0;
}
.woocommerce-checkout-review-order-table .cart-subtotal .cart-total-lbl{
	text-align: right;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.woocommerce-checkout-review-order-table .cart-subtotal .cart-total{
	text-align: center;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.woocommerce-shipping-totals td{
	text-align: center;
}
.woocommerce-shipping-totals th{
	text-align: left;
	font-size: 20px;
	color: var(--green-color);
	font-weight: 600;
}
.review-order-table-wrap{
	overflow-x: auto;
}
ul.woocommerce-shipping-methods{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
  }
.checkout-payment-methods{
	margin: 20px 0;
	padding: 20px;
	background: #fff;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.payment-methods-desc{
	width: 100%;
}
.payment-methods-desc p{
	margin-bottom: 5px;
}
.payment-desc{
	display: none;
	padding: 20px 0 0;
	font-weight: 500;
    color: var(--red-color);
}
.checkout-payment-methods select{
    flex: 1;
    max-width: 410px;
    border-radius: 13px;
    padding: 10px;
}
.checkout-coupon-price th, .checkout-coupon-price td{
	padding: 20px 20px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.checkout-coupon-price .cart-coupon-lbl, .checkout-payment-methods h3, p#order_comments_field label,
.checkout-order-info-lbl label{
	text-align: left;font-size: 20px;font-weight: 600;
}
.checkout-coupon-value{
	text-align: center;
	color: var(--green-color);
}
.select-shipping{
	display: flex;
    align-items: center;
}
.select-shipping label{
    margin-right: 25px;
}
.select-shipping select{ 
	flex: 1;
	padding: 10px;
    border-radius: 13px;
}

.woocommerce-shipping-fields{
	display: none !important;
}
.checkout-payment-methods h3{
	width: 270px;
	margin: 0;
}

ul.wc_payment_methods{
	margin: 0;
    padding: 0;
    flex: 1;
	list-style: none;
}

.checkout-order-info {
    background: #fff;
    margin: 20px 0 0 0;
    padding: 20px;
	display: flex;
}
.order-price-info th {
    text-align: left;
    font-weight: normal;
    color: #666;
}
.order-price-info td {
    text-align: right;
    color: #333;
}
.order-price-info th, .order-price-info td{
	padding: 8px 0;
	line-height: 1;
}
.order-price-info table{ 
	min-width: 310px;
}
.total-row td, .total-row th{
	border-top: 1px solid #ccc;
	padding: 15px 0 8px;
}
.shipping-fee-row td, .shipping-fee-row th{
	padding: 8px 0 15px;
}
.total-row th{
	color: #000
}
.order-price-info .checkout-total-price{
	color: var(--red-color);
    font-size: 24px;
    font-weight: 700;
}

.checkout-order-info-lbl {
    margin-right: 20px;
}


#payment .place-order{
	text-align: right;margin: 20px 0 0 0;
}
#customer_details{
	padding: 20px;
}
p#billing_country_field{
	display: none;
}
#customer_details .woocommerce-input-wrapper{
	display: block;
}
#customer_details .woocommerce-input-wrapper select, 
#customer_details .woocommerce-input-wrapper .input-text,
.woocommerce-address-fields select {
	width: 100%;
	background: #fff;
	padding: 8px;
	border-radius: 15px;
}
select:disabled{
	opacity: 0.6 !important;
}
#customer_details  p.form-row{
	width: 100%;
} 
.woocommerce-additional-fields{
	padding: 20px;
	background: #fff;
}
p#order_comments_field{
	margin: 0;
	display: flex;
	align-items: center;
}
p#order_comments_field .optional{
	display: none;
}
p#order_comments_field label{
	margin-right: 15px;
font-weight: 600;
}
p#order_comments_field .woocommerce-input-wrapper{
	flex: 1;
}
p#order_comments_field  textarea{

	height: 20px;
	padding: 8px;
	overflow: hidden;
	resize: none;
}
.commentlist ul.child{
	list-style: none;
	margin: 0;
	padding: 0 0 0 70px;
}


body.woocommerce-cart .woocommerce-shipping-totals{
	display: none;
}
#ship-to-different-address{
	display: none;
} 
.pagination .pagination-item{
	display: inline-block;
	margin: 3px 3px;
	text-decoration: none;
	padding: 4px 8px;
	line-height: 1;
	border: 1px solid var(--green-color);
}
.pagination .pagination-item.current{
	background-color: var(--green-color);
	color: #fff;
}
.pagination .pagination-item svg{
	width: 10px;
}
.pagination-item.prev, .pagination-item.next{
	border: 1px solid #e2e2e2;
}
.best-selling-products{ 
	background: #fff;
	padding: 10px;
	border-radius: 12px; 
}
.best-selling-products ul{
	list-style: none;
	display: flex;
	flex-wrap: wrap; 
	margin: 0;
	padding: 0
}
.best-selling-products ul li{
	width: 16.66%;
	padding: 0 5px;
}


/* Home*/
.home-main-banner {
    margin: 20px 0;
}
.home-banner-1, .home-banner-2{
	margin-bottom: 20px;
}
.home-banner-1 img, .home-banner-2 img{
	border-radius: 60px;
}
.home-banner-4 img, .shop-banner-1 img{
	border-radius: 100px;
}
.shop-banner2 img{
	border-radius: 40px;
}

.home-section{
	margin-bottom: 20px;
}
.home-interested-products.home-section {
    margin: 30px 0 40px;
}
h3.home-section-heading {
    margin: 0;
    padding: 10px 20px;
    border-bottom: 1px solid #d1d1d1;
	text-transform: uppercase;
	color: #5e5e5e;
}
.home-interested-products h3.home-section-heading {
    background: #fff;
    margin-bottom: 20px;
    font-weight: 500;
}

.home-categories {
    display: flex;
    flex-wrap: wrap;
	padding: 10px;
}
.home-categories .cat-item {
    width: 20%;
	padding: 10px;
}
.cat-item .cat-item-wrap {
    padding: 12px 20px;
    background: #f5f5f5;
    display: flex;
    border-radius: 15px;
	height: 100%;
}
.cat-item .cat-item-wrap:hover{
	background: #528805;
	color: #fff
}
.cat-item .cat-img {
    width: 48px;
    margin: 0 20px 0 0;
}
.cat-item .cat-name {
    flex: 1;
}
.cat-item .cat-name a{
	color:#5e5e5e;
	font-weight: 500;
	text-decoration: none;
	font-size: 15px;
	display: block;
}
.product-list{
	flex-wrap: wrap;
}
.product-list .item{
	width: 16.66%;
	padding: 0 5px;
	margin: 5px 0;
	height: auto !important;
}

.cat-item .cat-item-wrap:hover a{ 
	color: #fff
}
.cat-item .cat-item-wrap:hover img{
	filter: brightness(0) invert(1);
}
.home-feature-products h3.home-section-heading {
	color:#528805;
	margin: 0 0 20px 0;
    padding: 10px 0 10px 0;
}
h3.home-section-heading > a{
	float: right;
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	text-transform: none;
	color: #aaa;
}


.feature-products-list{
	position: relative;
}
.feature-products{
	padding: 10px 20px 30px;
	height: 100%;
}
.news-posts {
	padding: 10px 20px 10px;
	height: 100%;
}
.feature-products-list li{
	width: 33.33%;
}
.feature-products-list li:last-child{
	margin-right: 0 !important;
}
.feature-products-list .flex-direction-nav li{
	width: auto;
}
.feature-products-list ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.feature-product-item{
	border-radius: 15px;
	border: 1px solid #acacac;
	 
}
.feature-product-item:first-child{
	margin: 0 0 70px;
}
.feature-product-item .product-item-image {
	border-radius: 15px;
	overflow: hidden;
}
.feature-product-item h3{
	font-weight: 600;
	font-size: 17px;
	color: #5e5e5e;
	 
	margin: 5px 0 0;
	padding: 0 15px;

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-height: 1.5;     /* fallback */
	max-height: 3em;      /* fallback */
	-webkit-line-clamp: 2; /* number of lines to show */
	-webkit-box-orient: vertical;
}
.feature-product-item > span.price{
	font-size: 17px;
	font-weight: bold;
	color: #528805;
	display: block;
	padding: 0 15px;
	margin: 0 0 7px 0;
}
.feature-product-item > span.price ins{
	background: none;
}
.feature-product-item > span.price del{
	color: #999;
	font-weight: normal;
} 
.owl-carousel .owl-stage{
	display: flex;
	flex-wrap: wrap;
}
.owl-carousel .item{
	height: 100%;
}

.home-interested-products{
	padding-left: 0;
	padding-right: 0;
}
.not-slider .products, body.tax-product_cat .products{
	display: flex; 
}
body.tax-product_cat .products, body.search .products, body.search .vendors-list, body.search .posts-list{
	display: flex; 
	flex-wrap: wrap;
	width: 100%;
}
.not-slider .products .item, body.tax-product_cat .products .item, body.search .products .item, 
.vendors-list .vendor-item, body.search .posts-list .post-item{
	padding: 0 5px;
	height: auto;
}
 
body.search .posts-list .post-item{
	display: block;
}
body.tax-product_cat .products .item, body.search .products .item, body.search .vendors-list .vendor-item, body.search .posts-list .post-item{
	width: 16.66%;
	margin: 5px 0;
}
.vendors-list .vendor-item .vendor-name, body.search .posts-list .post-item .post-name{
	font-size: 14px;
	font-weight: normal;
}
.vendors-list .vendor-item .vendor-name a, body.search .posts-list .post-item .post-name a{
	text-decoration: none;

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-height: 1.5;
	max-height: 4.5em;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
section.error-404{
	max-width: 1280px;
    margin: 0 auto;
    
}
section.no-results{
	padding-bottom: 30px;
}
.search-results {
	padding: 10px 0 30px;
  }
/* store manager frontend */
select#review_product{
	min-width: 200px;
	max-width: 300px  !important;
}
#wcfm_dashboard_wcfm_product_status, #wcfm_dashboard_wc_reports_pie{
	width: 200px ;
}
body #wcfm_menu .wcfm_menu_items a.wcfm_menu_item{
	padding-left: 15px;
}
#wcfm-content #wcfm_menu, #wcfm-content #wcfm-main-contentainer .wcfm-collapse {
	width: 100%;
}
.wcfm-collapse .wcfm-page-headig{
	display: none;
}
#wcfm-content #wcfm_menu{
	display: flex;
	flex-wrap: wrap; 
	padding: 0;
	border-bottom: 1px solid #ccc;
}
#wcfm-content #wcfm_menu .wcfm_menu_items{
	width: auto;margin: 0;
}
#wcfm_menu span.wcfm_sub_menu_items{
	display: none !important;
}
#wcfm-content #wcfm_menu .wcfm_menu_items a.active{
	border-bottom: 3px solid var(--green-color);
}
#wcfm-content #wcfm_menu .wcfm_menu_items:hover a span.wcfmfa, #wcfm-content #wcfm_menu .wcfm_menu_items a:hover span{
	color: var(--link-color);
}
.wcfm-collapse-content > .wcfm-container.wcfm-top-element-container{
	display: none;
}
#wcfm_products_listing .wcfm-collapse-content > .wcfm-container.wcfm-top-element-container,
#wcfm_coupons_listing .wcfm-collapse-content > .wcfm-container.wcfm-top-element-container
{
	display: block !important;
}
.wcfm_products_limit_label{
	display: none !important;
}
@media screen and (min-width: 641px){
	.wcfm-collapse-content .page_collapsible + .wcfm-container {
		width: 83%; 
	}
	.wcfm-collapse-content .page_collapsible, .wcfm-collapse-content .wcfm-collapse a.page_collapsible_dummy{
		width: 15%;
	}
}
#wcfm-main-contentainer #wcfmmp_profile_complete_progressbar, #wcfm-main-contentainer .wcfmmp_profile_complete_help{
	display: none !important;
}
#wcfm_settings_form .page_collapsible{
	border-left: 1px solid #ccc;
}
#wcfm_settings_form  #wcfm_settings_dashboard_head{
	border-top: 1px solid #ccc;
}
.vendor-staffs-list{
	display: flex;
	flex-wrap: wrap;
}
.vendor-staff {
	width: 50%;
	padding: 0 10px;
}
.wcfm .wcfm_title > strong{
	font-weight: normal !important;
	font-style: normal;
} 
.staff-actions{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
}
.staff-actions > span{
	padding: 10px 15px;
	margin: 5px;
	border-radius: 18px;
	min-width: 95px;
	text-align: center;
}
.staff-actions > span.loading{
	pointer-events: none;
}
.staff-actions > span.loading:after, .staff-actions > span.loading:before{
	border-radius: 18px; 
}
.address-google-map{
	width: 60%;display: inline-block;
}
body #wcfm-main-contentainer a.add_new_wcfm_ele_dashboard{
	background: var(--green-color);
	color: #fff;
}

#wp-excerpt-wrap, p.excerpt.wcfm_title{
	display: none !important;
}

.wcfm_products_filter_wrap select#dropdown_product_cat{
	position: relative !important;
	margin: 0 5px 10px 5px !important;
}
.wcfm_products_filter_wrap select#dropdown_product_cat ~ .select2-container{
	display: none !important;
}


/** shop layout manager */
body .wcfm-collapse .wcfm-container, body .wcfm-tabWrap{
	box-shadow: none;
	border: none;
}
.shop-layout-list{
	display: flex;
	margin: 0 -15px;
}
.layout-item {
	padding: 0px 15px;
	text-align: center;
}
.layout-lbl{
	display: block;margin: 10px 0;
}
.layout-item .checkbox-icon{
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	border: 1px solid #b7b7b7;
}
.layout-item input[type='radio']{
	position: absolute;
	visibility: hidden;
	width: 0;
	height: 0;
}
.layout-item input[type='radio']:checked + span.checkbox-icon{
	background: var(--green-color) ;
	position: relative;
	border: 1px solid var(--green-color);
}
.layout-item input[type='radio']:checked + span.checkbox-icon:before{
	content: '';
	position: absolute;
	top: 5px;
	left: 13px;
	display: inline-block;
	transform: rotate(45deg);
	height: 24px;
	width: 13px;
	border-bottom: 6px solid #fff;
	border-right: 6px solid #fff;
}
.layout-item .layout-preview img{
	border: 1px solid transparent
}
.layout-item .layout-preview{
	cursor: pointer;
}
.layout-item .layout-preview:hover img, .layout-item.current .layout-preview img{ 
	border: 1px solid #d9d9d9;
}
.layout-manager-page .section-heading {
	font-size: 20px;
	font-style: normal;
	text-transform: none;
	color: var(--green-color);
	font-weight: 600;
	float: none;
}
.layout-manager-section-sub{
	padding: 20px 3%;
}
.layout-manager-section-sub .section-heading{
	color: #424242;
	margin: 10px 0 10px;
}
.layout-manager-section{
	margin: 0 0 20px;
}

.upload-image-btn, .upload-video-btn {
	height: 160px;
	width: 160px;
	border: 2px dashed #ccc;
	padding: 10px;
	text-align: center;
	border-radius: 12px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	margin: 5px;
	cursor: pointer;
}
.vendor-shop-images, .vendor-shop-images .shop-images{
	display: flex;
	flex-wrap: wrap;
}
.upload-image-btn .wcfmfa, .upload-video-btn .wcfmfa{
	font-size: 54px;
	color: #ccc;
}
.upload-image-btn span {
	display: block;
	color: #777;
	margin: 5px 0 0;
	width: 100%;
}
.shop-images .shop-img{
	width: 160px; 
	margin: 5px;  
	height: 160px;
	position: relative;
	cursor: move;
}
.shop-images .shop-img img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	border: 1px solid #ccc;
	border-radius: 10px;
}
.delete-shop-img, .delete-shop-video, .delete-home-img{
	color: white;
	position: absolute;
	top: -8px;
	right: -8px;
	background: #ee1717;
	width: 20px;
	height: 20px;
	text-align: center;
	border-radius: 20px;
	font-style: normal;
	line-height: 19px;
	font-size: 12px;
	cursor: pointer;
}
.delete-shop-img i, .delete-shop-video i{
	color: #fff;
	font-style: normal;
}
.vendor-shop-video{
	display: inline-block;
	padding: 10px;
	background: #f8f8f8;
	border-radius: 15px;
	margin-bottom: 25px;
	position: relative;
}
.vendor-shop-video .upload-video-btn {
	height: 240px;
	width: 360px;
}

.vendor-shop-banner {
	display: inline-block;
}

.vendor-shop-banner, .homepage-banner {
	display: inline-block;
	width: 100%; 
	max-width: 900px;
  }
.upload-banner-btn{
	width: 100%; 
	background: #f8f8f8 url(images/add-img-icon.png) center center no-repeat;
	border-radius: 15px;
	cursor: pointer;
}
 
.shop-banner-1 .upload-banner-btn, .shop-banner-main .upload-banner-btn{
	border-radius: 55px;
	min-height: 100px; 
}
.vendor-shop-2-banner{
	display: flex; 
	justify-content: space-between;
	max-width: 900px;
}
.shop-banner-2{
	width: 48%; 
}
.shop-banner-2 .upload-banner-btn{
	min-height: 300px;
}
.shop-banner-3{ 
	width: 100%;
	max-width: 430px;
}
.shop-banner-3 .upload-banner-btn{
	min-height: 560px;
}
.shop-banner .banner-img, .home-banner .banner-img{
	position: relative;
}
.layout-mg-actions{
	text-align: right;margin-top: 30px;
}
.layout-mg-actions .btn{
	border-radius: 15px;
	min-width: 120px;
	min-height: 42px;
	padding: 9px;
	
}
.layout-mg-actions a.btn{
	border: 1px solid #ccc;
}
.layout-mg-actions .btn.loading:after{
	border-radius: 13px;
}

 
.layout-order{
	text-align: center;
	margin: 0 0 30px 0;
}

 
.header-menu{
	background: url(images/layouts/header-bg-menu-1.jpg) repeat-x;
	background-size: auto 100%;
	margin: 0 100px;
}
.header-info{
	margin: 0 100px;
}
.layout-1 .header-info{
	background: #f1f1f1;
}
.order-section{
	display: flex;margin: 10px 0;
}
.layout-3 .order-section {
	margin: 0;
}
.layout-order-sections .section-lbl, .layout-order-sections .section-action {
	width: 100px;
}
.layout-order-sections .section-content {
	flex: 1;padding: 15px 0;
}
.layout-1 .section-content {
	background: #f9f9f9;
	
}
.layout-order-sections .section-lbl label{
	background: #f9f9f9;
	color: #9c9c9c;
	font-size: 18px;
	font-weight: 600;
	padding: 10px;
	display: block !important;
}
.move-actions{
	width: 38px;
	background: #f9f9f9;
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	 
	flex-wrap: wrap; 
	display: none;
}
.section-move-up, .section-move-down{
	display: inline-block;
	width: 38px;
	height: 40px;
	cursor: pointer;
	opacity: 0.25;
}
.section-move-up:hover, .section-move-down:hover{
	opacity: 1;
}
.section-move-up{
	background: url('images/arrow-up.png') no-repeat center center;
}

.section-move-down{
	background: url('images/arrow-down.png') no-repeat center center;
}
.order-section:hover .move-actions{
	display: flex;
}
.order-section .section-content{
	border: 2px solid #f9f9f9;
}

.layout-3 .order-section .section-content {
	border: 2px solid #549101;
	background: var(--green-color);
}

.order-section:hover .section-content{
	border: 2px solid var(--green-color);
}
.layout-order-sections .order-section:first-child .section-move-up, .layout-order-sections .order-section:last-child .section-move-down{
	pointer-events: none;
} 
.layout-manager-page h2, .layout-manager-page h3{
	float: none;
}
#wcfm_layout-manager .layout-order h2{
	color: var(--green-color);
	font-style: normal;
	font-size: 24px;
	margin: 30px 0;
	display: block;
	text-align: left;
	float: none;
  }
.layout-2 .header-info, .layout-3 .header-info{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	min-height: 300px;
}
.layout-2 .layout-order-sections{
	margin-top: -155px;
}
.request-review{
	margin: 20px 0 0 0;
}
body.showing-popup{
	overflow-y: hidden;
}
.request-review-popup .popup-footer label {
	font-size: 16px;
}
.accept-term-wrap{
	margin: 0 0 10px 0;
}
.request-review-popup .popup-footer{
	padding: 15px 0;
}
.disabled{
	pointer-events: none;
	opacity: 0.8;
}
/** end shop layout manager */

.report-overview {
	background: #f3f3f3;
	padding: 30px 40px;
	border-radius: 15px;
	max-width: 1000px;
	margin: 40px auto 0;
}
.report-overview h3 {
	margin: 0;
	color: #3f3f3f;
	font-size: 20px;
	font-weight: 600;
}
.finance-info {
	display: flex;
	margin: 15px 0 0 0;
}
.will-pay {
  	width: 30%;border-right: 1px solid #c0c0c0;
}
.paid {
	width: 70%;padding-left: 30px;
}
.finance-info h3 {
	font-weight: 500;
	margin: 0 0 10px;
	display: flex;
	align-items: center;
}
.finance-info label {
	color: #b3b3b3;
	display: block !important;
}
.finance-info span {
	color: #3f3f3f;
	font-size: 37px;
	font-weight: bold;
}
.finance-info span sub {
	font-size: 20px;
}
i.money-icon{
	display: inline-block;
	width: 21px;
	height: 23px;
	background: url(images/money-icon.png);
	margin: 0 0 0 8px;
}
.report-search-order-wrap{
	max-width: 1000px;
	margin: 30px auto;
	display: flex;
	justify-content: end;
}
.report-search-order { 
    position: relative;
	max-width: 400px;
	width: 100%;
}
.vendor-report-content .report-filter{
	margin: 20px 0;
	display: flex;
	justify-content: space-between;
}
#wcfm-main-contentainer .vendor-report-content .mg-table.table-2 th{
	background: #f8f6f6;
	border: 1px solid #ecebeb;
}
#wcfm-main-contentainer .vendor-report-content .mg-table.table-2 .order-heading-row td{
	background: #f8f6f6;
	border-left: 1px solid #ecebeb;
	border-right: 1px solid #ecebeb;
	text-align: left;
}
#wcfm-main-contentainer .vendor-report-content .mg-table.table-2 .order-info-row td{
	background: #fff;
	border: 1px solid #ecebeb;
}
.report-product-item {
	display: flex;
	text-align: left;
	align-items: center;
	margin: 5px 0;
}
.report-product-item .product-img {
	width: 50px;
}
.report-product-item .product-img img {
	border: 1px solid #bebebe;
	border-radius: 10px;
}
.report-product-item .product-title {
	flex: 1;
	padding-left: 12px;
}
.report-product-item .product-title h3 {
	color: #5e5e5e;
	font-size: 15px;
	font-weight: 500;
}
.report-product-item .product-title h3 a {
  color: #5e5e5e;
}

.vendor-report-customers {
	margin: 50px 0 0 0;
}
.customers-report-header {
	display: flex;
	justify-content: space-between;
}
.customers-report-header h3 {
	font-size: 20px;
	font-weight: 600;
	margin: 0;
}
.report-search-customer {
	position: relative;
}
input#report-search-customer{
	min-width: 398px;
	padding-right: 120px;
}

/* end store manager frontend */

/* view store */
body.wcfmmp-store-page .main-container{
	max-width: none;
	padding: 0;
}
.shop-info{
	display: flex;
	flex-wrap: wrap;
}
.shop-logo{ 
	width: 120px;
	overflow: hidden;
}
.shop-logo img{
	border-radius: 50%;
	width: 120px;
}
.shop-address-rating{
	flex: 1;
	margin: 0 0 0 20px;
} 
.header-1 .shop-info, #wcfm_store_header.header-1 .shop-name{
	color: #fff !important;
}
.shop-addr-rt-wrap{
	display: flex; 
	align-items: start;
}
body #wcfm_store_header .wcfmmp-store-rating{
	height: 26px;width: 83px !important;
	
}
body.layout-3 #wcfm_store_header .wcfmmp-store-rating{
	width: 100px !important;
}
body #wcfm_store_header .wcfmmp-store-rating span{
	padding-top: 0;
	padding-bottom: 26px; 
}
body #wcfm_store_header .wcfmmp-store-rating::before{
	top: auto;
	bottom: 0;
	opacity: .8;
	color: #ffc800;
	font-weight: normal;
}
body #wcfm_store_header .wcfmmp-store-rating span::before{
	top: auto;
	bottom: 0;
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: bold;
	color: #ffc800;
}
.rating-num strong{
	font-size: 22px;
}
.shop-header-rating {
  padding: 0 12px 0 0;
  margin: 0 15px 0 0;
  border-right: 1px solid #98be63;
  line-height: 1;
}
body.layout-3 .shop-header-rating{
	border:none;
}
#wcfmmp-store #wcfm_store_header.header-1{
	background: transparent !important;
}
.header-1 .shop-info{
	background: var(--green-color);
	border-radius: 0 100px 100px 0;
	padding: 20px;
}
.header-2 .shop-info{ 
	padding: 20px;
	background: #fff;
	border-radius: 15px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
#wcfm_store_header.header-2 h2.shop-name, #wcfm_store_header.header-2 .shop-address, #wcfm_store_header.header-2 .shop-address a{
	color: #b2b2b2 !important;	word-wrap: anywhere;
}
#wcfm_store_header.header-2 .info-lbl{
	color: #6a6a6a;
}
#wcfm_store_header.header-2 .shop-header-rating{
	border-right-color: #6a6a6a;
}
#wcfmmp-store #wcfm_store_header.header-2{
	padding-bottom: 300px;
	background-size: cover !important;
}
.layout-2 .store-content-sections{
	margin-top: -279px;
}
.layout-3 .store-content-sections{
	background: var(--green-color);
	color: #fff;
	padding: 50px 0 0 0;
}

#wcfmmp-store .layout-3 .company-desc p, #wcfmmp-store .layout-3 .company-desc h1, #wcfmmp-store .layout-3 .company-desc h2, #wcfmmp-store .layout-3 .company-desc h3{
	line-height: 1.8;
}
.layout-3 .company-video iframe{
	width: 100%;
	height: 420px;
	
}
.header-3 .shop-logo img{ 
	width: 150px;
	object-fit: cover;
}


.shop-images-list-slider .shop-img img{
	border-radius: 12px;
}

#wcfm_store_header{
	padding: 30px 0;
}
#wcfm_store_header .cp-info-item{
	width: 50%;
}
#wcfm_store_header .company-more-info{
	padding: 25px 0 0 30px;
	margin: 0;
}
#wcfmmp-store  #wcfm_store_header p{
	padding-bottom: 5px;
}
#wcfm_store_header .shop-address a{
	color: #fff
}
#wcfm_store_header .info-lbl {
	color: var(--link-color); 
}

.shop-info-wrap {
	display: flex;
	max-width: 850px;
	margin: 0 auto;
}
.header-3 .shop-logo {
	width: 150px;
	margin-right: 40px;
}
.header-3 .shop-info {
  flex: 1;display: block;
  color: #fff;
  font-size: 17px;
}
#wcfm_store_header.header-3{
	padding: 50px 0 40px;
}
#wcfmmp-store .header-3 .shop-info .shop-name{
	text-transform: uppercase;
}
#wcfmmp-store #wcfm_store_header.header-3 {
	display: flex;
	min-height: 445px;
	align-items: center;
}
#wcfmmp-store .header-3 .shop-info .shop-name, #wcfmmp-store .header-3 .shop-info .company-more-info .info-value, #wcfmmp-store .header-3 .shop-info .company-more-info .info-lbl{
	color: #fff !important;
}
#wcfmmp-store .header-3 .cp-info-item{
	font-size: 16px;
}
#wcfm_store_header.header-3 .company-more-info {
	padding: 25px 0 0 0; 
} 
#wcfmmp-store .header-3 .cp-header-buttons .follow-shop-btn, #wcfmmp-store .header-3 .cp-header-buttons .chat-shop-btn:hover{
	background-color: var(--green-light-color);
	border-color: var(--green-light-color);
	border-radius: 15px;
	line-height: 1.3;
	color: #fff
}

#wcfmmp-store .header-3 .cp-header-buttons .chat-shop-btn, #wcfmmp-store .header-3 .cp-header-buttons .follow-shop-btn:hover{
	border: 1px solid #fff; 
	border-radius: 15px;
	line-height: 1.3;
	background: transparent;
	color: #fff
}
.layout-3 .cp-best-selling-section {
	background: #f5f5f5;
	padding: 30px 10px;
}
.layout-3 .best-selling-wrap {
	max-width: 970px;
	margin: 0 auto;
}
.layout-3 .cp-best-selling-section .products{
	flex-wrap: wrap;
}
.layout-3 .cp-best-selling-section .product{
	width: 100% !important;
	padding: 8px 0 !important
}
.layout-3 .cp-best-selling-section .not-slider.horizontal .product .product-item-image{
	width: 110px;
}
.layout-3 .cp-best-selling-section  .not-slider.horizontal .product .product-item-info{
	width: auto;
	flex: 1;
}
.layout-3 .cp-best-selling-section  .store-section-heading {
	color: #3f3f3f;
	font-size: 20px;
	font-weight: 500;
}
.layout-3 .cp-best-selling-section .best-selling-section{
	height: 100%;
	padding: 5px 0;
}
.layout-3 .cp-best-selling-section .section-products{
	background: none;padding: 0;
}
.layout-3 .cp-best-selling-section .products .product-list-item{
	padding: 10px;
	border-radius: 10px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.layout-3 .shop-banner-3 img{
	border-radius: 15px;
}
.layout-3 .cp-best-selling-section .product-list-item .price, #wcfmmp-store .layout-3 .cp-best-selling-section .product-list-item .price ins{
	color: #5e5e5e;
}
.layout-3  .cp-best-selling-section h2.woocommerce-loop-product__title, .layout-3  .cp-best-selling-section h2.woocommerce-loop-product__title a{
	font-size: 16px;
	color: #5e5e5e !important;
}
.layout-3  .cp-best-selling-section h2.woocommerce-loop-product__title a:hover{ 
	color: var(--link-hover-color) !important;
}
body #wcfmmp-store{
	box-shadow: none;
}
.company-tabs .tab-heading ul{
	display: flex;
	padding: 0 !important;
	border-bottom: 1px solid #f2f2f2;
}
#wcfmmp-store .company-tabs .tab-heading ul li {
	padding: 8px 0;
	margin: 0 20px 0 0;
	border-bottom: 2px solid transparent;
	cursor: pointer;
}
#wcfmmp-store .company-tabs .tab-heading ul li:hover, #wcfmmp-store .tab-heading ul li.current {
	border-color: var(--green-color);
}
#wcfmmp-store .layout-2 .company-tabs .tab-heading ul li.current {
  border-color: #6a6a6a;
  font-weight: 600;
  
}
#wcfmmp-store .company-tabs .tab-content{
	display: none; 
}
#wcfmmp-store .company-tabs .tab-content.current{
	display: block;
}
.ob-tabs {
	background: #fff;
	padding: 5px 15px 15px 15px;
	color: #686868;
	box-shadow: 1px 1px 0px 0px #ebebeb;
	border-radius: 15px;
}
.ob-tabs .tab-contents{
	padding: 15px 0 0 0;
}
.shop-images-list{
	display: flex;
	flex-wrap: wrap;
}
.shop-images-list .shop-img {
	padding: 5px;
	width: 25%;
}
#wcfmmp-store .layout-2 .shop-images-list-slider h3{
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	padding: 0 0 0 15px;
	position: relative;
}
#wcfmmp-store .layout-2 .shop-images-list-slider h3:before{
	content: '';
	border: 5px solid transparent;
	border-top: 5px solid #6a6a6a;
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -2px;
}
.cp-header-share{
	color: #fff;
	line-height: 1.6;
}
.header-3 .cp-header-share{
	margin: 20px 0 0 0;
}


#wcfmmp-store .ob-tabs .tab-contents p{
	line-height: 1.9;
}
.store-section{
	margin-bottom: 30px;
}
.store-section img{
	width: 100%
}
.shop-video iframe{
	width: 100%;
	height: 720px;
	border: none;
}
.section-products{
	background: #fff;
	padding: 10px; 
	border-radius: 12px;
} 
.not-slider.horizontal .product{
	width: 33.33%;
	padding: 0;
}
.not-slider.horizontal .product .product-item-image {
	width: 40%;
}

.not-slider.horizontal .product .product-item-info {
	width: 60%;
	padding-left: 25px;
}
.horizontal .product-list-item {
	display: flex;
	align-items: center;
} 
.store-products-filter{
	display: flex;
	align-items: center;
	margin: 0 0 30px 0;
}
.store-products-filter .filter-item, .search-filter-form a{
	background: #e6e6e6;
	display: inline-block;
	padding: 6px 12px;
	border: none;
	line-height: 1.25;
	cursor: pointer;
	margin: 2px;
	text-decoration: none;
	color: #404040
}
.search-filter-form select {
	border: none;
	padding: 6px 12px;
  }
.store-products-filter .filter-item:hover, .store-products-filter .filter-item.active, .search-filter-form a.active, 
.search-filter-form a:hover, .search-filter-form select.active{
	background: var(--green-color);
	color: #fff
}
.store-products-filter label, .store-section-heading{
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
}
.store-products-filter label i{
	margin: 0 3px 0 0;
}
.store-products-filter label{
  margin: 0 45px 0 0;
}
.store-products-filter option {
	background: #fff;
	color: #424242;
}
body #wcfmmp-store .left_sidebar, body #wcfmmp-stores-lists .left_sidebar {
	background: transparent !important;
	border: none;
	padding: 20px;
}
body #wcfmmp-store .right_side { 
	padding: 20px;
}
body #wcfmmp-store .left_sidebar .sidebar_heading h4 {
	margin: 0;
	color: #4a4a4a !important;
}
body #wcfmmp-store .sidebar_heading {
	margin: 0 0 20px 0;
	padding: 7px 0;
	border-bottom: 1px solid #ececec;
}
body #wcfmmp-store .categories_list ul li a.active, body #wcfmmp-store .categories_list ul li a:hover {
	color: var(--green-color) !important;
}
.owl-carousel .owl-item{
	margin-right: 10px;
}
.main-banner.owl-carousel{
	margin: 20px 0;
}
.main-banner.owl-carousel .owl-item{
	margin-right: 0;
}
.main-banner.owl-carousel .owl-nav{
	display: none;
}
.main-banner.owl-carousel .owl-dots{
	display: block;
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 5px;
}
body .main-banner.owl-carousel .owl-dots button{
	background: transparent;
	min-width: 0;
	height: 14px;
	width: 14px;
	border-radius: 10px;
	margin: 2px;
	border: 3px solid #c6c6c6;
}
body .main-banner.owl-carousel .owl-dots .owl-dot.active {
	background: #ccc;
}

.shop-google-map{
	padding: 20px 0;
}
.shop-google-map iframe{
	border: 0;
	width: 100%;
	height: 500px;
}
#wcfmmp-store .contact-shop p {
	margin: 0 0 5px;
	padding: 0;
}
.shop-contact-form {
	padding: 12px 0;
	margin: 20px 0 0 0;
	border-top: 1px solid #eee;
}
.shop-contact-form .btn {
	border-radius: 15px;
}
.shop-contact-form .btn.loading::after{
	border-radius: 15px;
}

#wcfmmp-store .shop-contact-form label.error{
	border: none !important;
}


/* end view store */


/**  woocommerce-order-received page*/
 
body.woocommerce-order-received #page{
	background: url(images/green-bg-1.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	color: #fff;
	position: fixed;
	height: 100%;
	width: 100%;
	overflow: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	font-weight: normal;
}
body.woocommerce-order-received .site-header, body.woocommerce-order-received .site-footer {
	display: none !important;
}
body.woocommerce-order-received .entry-title{
	font-size: 42px;
	font-weight: 500;
	margin: 0;
}
body.woocommerce-order-received .entry-title p{
	margin-bottom: 0.3em;
}
body.woocommerce-order-received  p{
	max-width: 710px;
}
body.woocommerce-order-received span.check-icon, .company-reg-success span.check-icon{
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	line-height: 62px;
	font-size: 40px;
	background: #fff;
	border-radius: 50%;
	color: #72b626;
	text-align: center;
}
body.woocommerce-order-received .entry-content{
	margin: 0;
}
body.woocommerce-order-received .button{
	line-height: 1;
	background: transparent;
	border: 1px solid #f8fcf1;
	border-radius: 13px;
	font-weight: 600;
	margin: 5px 10px;
	padding: 10px 20px;
	height: auto;
}
body.woocommerce-order-received .button:hover{
	background: var(--green-color);
	color: #fff;
}
/** end woocommerce-order-received page*/
/** Login, register tempalte */
body.page-template-login-template .main-container, body.page-template-register-template .main-container{
	background: url(images/green-bg-2.jpg) no-repeat center center;
	background-size: cover;
	max-width: 9999px;
	padding: 0 10px;
}
body.page-template-register-template .main-container{
	background: url(images/green-bg-1.jpg) no-repeat center center;
	background-size: cover;
}
body.page-template-login-template .login-page, body.page-template-register-template .register-page{
	max-width: 1200px;
    margin: 0 auto;
    padding: 40px 0px;
}
.form-box, .company-register-right-col{
	background: #fff;
	padding: 30px 4%;
	border: 5px solid #eeeeee;
	border-radius: 15px;
	 
    margin: 0 auto;
	font-size: 16px;
}
.register-form.company-step-2.form-box{
	background: none;
	border: none;
}

.form-box
.login-form{
	max-width: 500px; 
	padding: 5% 7%;
}
.input-wrap{
	margin-bottom: 10px;
}
.input-wrap label{
	display: block;
}
#wcfm-main-contentainer .input-wrap input.input-text {
    width: 100%;
    border-radius: 15px;
    padding: 5px 15px;
}
.edit-vendor-details .input-text,.edit-vendor-details select{
	width: 100%;
    padding: 5px 10px;
    border-radius: 15px;
    height: auto;
    min-height: 0;
}
form .input-text, #wcfmmp-store form .input-text, body #wcfmmp-store input[type="text"]{
	width: 100%;
	border: 1px solid #acacac;
	padding: 12px;
}
.form-box .input-text{
	font-size: 16px;
}
.form-box .btn {
    width: 100%;
	border-radius: 16px;
	font-weight: bold;
	font-size: 16px;
	padding: 15px;
	height: auto;
}
.form-box .btn.loading::after{
	border-radius: 16px;
}
form .message{
	color: var(--red-color);
	display: none;
	margin: 5px 0;
}
.forgot-pass{
	text-align: right;
}
.or{
	position: relative;
	text-align: center;
	margin: 20px 0 10px;
}
.or:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 0;
	border-top: 1px solid #d8d8d8;
	top:50%;
	left: 0;
}
.or span{
	display: inline-block;
	background: #fff;
	position: relative;
	padding: 5px 15px;
	text-transform: uppercase;
	color: #d8d8d8;
}
.social-login{
	text-align: center;
}
.social-login img{
	margin: 0 20px;
}
.register-link-wrap {
	text-align: center;
	margin: 20px 0;
	color: #d8d8d8
}
.register-link-wrap a{
	color: #528805;
	font-weight: 600;
	text-decoration: none;
}
form .message.success{
	color: var(--link-color);
}
.register-img{
	text-align: center;
	padding: 10px 0 40px;
}
.register-img img{
	max-width: 350px;
	width: 100%;
}
.select-register-type {
    max-width: 400px;
    text-align: center;
    margin: 0 auto;
    padding: 0 0 40px 0;
}
.select-register-type .btn{
	line-height: 1;
    border: 1px solid #f8fcf1;
    border-radius: 35px;
    margin: 5px 10px;
    padding: 20px 20px;
    height: auto;
    font-size: 20px;
    min-width: 360px;
}
#personal-register-form{
	padding-right: 5%;
}
.register-right-box {
	height: 100%;
	 
}
.register-right-box .register-img{
	padding: 10px 0 0 0;
}
.accept-term {
	font-size: 12px;
	text-align: center;
	margin: 10px 0 20px;
}
.accept-term a{
	text-decoration: none;
}
.personal-register-success {
	text-align: center;
}
.personal-register-success .btn {
	margin: 10px;
	font-size: 20px;
	height: auto;
	border-radius: 15px;
	min-width: 200px;
}
.btn.setting-btn {
	border: 1px solid #fff;
	background: transparent;
}
.personal-register-success .btn:hover {
	color: #fff;
	border: 1px solid #fff;
	background: transparent;
}
.btn.setting-btn:hover {
  background: var(--green-color);
  border: none;
}
.company-step-1{
	max-width: 485px;
	margin: 0 auto;
}
 
.register-form.company-step-2, .register-form.company-step-2 .accept-term a{
	color: #fff
}
.register-form form.company-step-2 .input-text{
	border: none;
}
.company-register-right-col{
	color: #4e4e4e;
}
.reg-cat-item{
	color: #a2a2a2;
}
.register-cat-list {
	display: flex;
	flex-wrap: wrap;
}
.reg-cat-item {
	width: 33.33%;
	padding: 10px;
}
.company-register-right-col label{
	margin-bottom: 5px;
	display: block;
}
.reg-cat-item label {
	display: flex;
	align-items: start;
	margin-bottom: 0;
}
.reg-cat-item input[type="checkbox"] {
	margin: 7px 10px 0 0;
}
.register-form form.company-step-2 h1{
	margin: 0 0 40px 0;
}
.upload-gpkd input{
	visibility: hidden;
}
.upload-gpkd {
	background: url(images/add-file-icon.png) no-repeat center center;
	width: 100px;
	height: 100px;
	display: block;
	margin: 0 auto;
	border: 1px solid #acacac;
	border-radius: 10px;
	cursor: pointer;
}
.form-box #company-register-info-form .btn{
	width: 100%;
	margin: 0 auto;
	display: block;
	max-width: 400px;
}
.ob-lightbox{
	position: fixed;
	width: 100%;
	height: 100%;
	
	align-content: center;
	justify-content: center;
	align-items: center;
	z-index: 99999;
	top: 0;
	background: rgba(0,0,0,0.3);
	display: none;
}
.ob-lightbox.show{
	display: flex;
}
.lightbox-wrap {
	background: #fff;
	width: 100%;
	max-width: 440px;
	padding: 40px 20px;
	position: relative;
	background: url(images/green-bg-1.jpg) no-repeat center center;
	background-size: 270%;
	border-radius: 20px;
	box-shadow: 0px 0px 0px 2px #9cdb41;
}
.ob-lightbox .close{
	width: 28px;
	height: 27px;
	position: absolute;
	top: -14px;
	right:-14px;
	background: url(images/close-white-icon.png) no-repeat center center;
	cursor: pointer;
}
.lightbox-content-inner {
	background: #fff;
	padding: 40px;
	border-radius: 15px;
	color: #a2a2a2;
	font-size: 16px;
	position: relative;
}
.lightbox-content-inner:before{
	content: '';
	position: absolute;
	top:10px;
	left: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	border: 1px solid #a2ce72;
	border-radius: 10px;
}
.company-reg-success span.check-icon { 
	margin: 30px auto 0;
}
.lightbox-content.company-reg-success{
	margin-top: 20px;
}
.lightbox-content-inner h2{
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	border-bottom: 1px solid #ebebeb;
	padding: 0 0 10px 0;
	margin: 0 0 20px;
}
.gpkd-file-name{
	display: block;
	text-align: center;
}



/** my account page */
body.woocommerce-account .entry-content > .woocommerce{
	display: flex;
	flex-wrap: wrap;
}
.woocommerce-MyAccount-navigation {
	width: 250px;padding-right: 40px;
}
.woocommerce-MyAccount-content {
	flex: 1;
}
.woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
	border: 1px solid #eee;
}
.woocommerce-MyAccount-navigation ul li{
	
	border-bottom: 1px solid #eee;
}
.woocommerce-MyAccount-navigation ul li a{
	text-decoration: none;color: #424242;
	padding: 10px 15px;
	display: block;
}
.woocommerce-MyAccount-navigation ul li.is-active, .woocommerce-MyAccount-navigation ul li:hover{
	background: #fbfbfb;
}
.woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li a:hover{
	color: var(--green-color);
}

/* My account page */
.my-orders-filter {
    background: #fff;
    padding:0 30px ;
	box-shadow: 0px 2px 3px 0px rgb(0, 0, 0, 0.1);
}
.my-orders-filter ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}
.my-orders-filter ul li{
	margin: 0 5px;
}
.my-orders-filter ul li a{
	padding: 15px 30px 8px;
	display: inline-block;
	text-decoration: none;
	font-size: 17px;
	font-weight: 500;
	color: #6a6a6a;
	border-bottom: 3px solid transparent;
    margin-bottom: -1px;
	text-align: center;
}
.my-orders-filter ul li a.active, .my-orders-filter ul li a:hover{
	border-bottom-color: var(--green-color);
}
.order-group {
    background: #fff;
    margin: 20px 0;
    padding: 10px 0;
}
.store-info {
    display: flex;
    border-bottom: 1px solid #e9e9e9;
    align-items: center;
	padding: 5px 30px;
}
.order-store-logo {
    width: 90px;
	margin: 0 20px 0 0;
}
.order-store-name {
    max-width: 210px;
	width: 100%;
}
.order-store-name a{
	color: #5e5e5e;
	font-weight: 600;
	line-height: 1.25;
	text-decoration: none;
}
.order-group .chat-now-btn{
	background: #9ad549;
    color: #fff;
	border: none;
    border-radius: 25px;
	padding: 6px 10px;
}
.order-group .chat-now-btn:hover{
	background: var(--green-color);
}
.order-group .chat-now-btn svg{
	fill: #fff;
}
.order-group .grey-bg-light-btn{
	border-radius: 15px;
	padding: 5px 10px 5px 10px;
}
.order-group .grey-bg-light-btn svg { 
    max-height: 18px;
}
.order-group-list{
	padding: 10px 30px;
	cursor: pointer;
}
.order-product-item {
    display: flex;
    align-items: center;
	padding: 10px 0;
}
.order-product-img {
    width: 70px;
    margin: 0 20px 0 0;
}
.order-product-img img {
    border-radius: 10px;
    border: 1px solid #bebebe;
}
.order-product-name {
    flex: 1;
}
.order-product-name a {
    text-decoration: none;
    color: #5e5e5e;
    font-weight: 500;
    display: block;
}
.order-product-price {
    width: 120px;
    text-align: right;
}
.order-contact-store {
    flex: 1;
}
.order-group .order-status {
    width: 140px;
	text-align: right;
	text-transform: uppercase;
}
.order-status-bubble{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	margin: 0 5px 0 0;
}
.processing .order-status-bubble, .pending .order-status-bubble, .on-hold .order-status-bubble{
	background: #ff7c25;
}
.order-status.processing, .order-status.pending, .order-status.on-hold{
	color: #ff7c25
}

.waiting-pickup .order-status-bubble{
	background: #ffd325;
}
.order-status.waiting-pickup{
	color: #ffd325
}

.cancelled .order-status-bubble{
	background: #c20202;
}
.order-status.cancelled{
	color: #c20202
}

.completed .order-status-bubble, .shipping .order-status-bubble{
	background: var(--green-color);
}
.order-status.completed, .order-status.shipping{
	color: var(--green-color);
}
.order-footer-info {
    padding: 20px 30px 10px;
    border-top: 1px solid #e9e9e9;
}
.order-footer-info .order-total {
    text-align: right;
}
span.order-total-price {
    color: #c20202;
    font-size: 24px;
    font-weight: bold;
    margin-left: 25px;
}
.order-footer-buttons {
    text-align: right;
    margin: 12px 0 5px 0;
}
.order-footer-buttons a{
	min-width: 120px;
    text-align: center;
    margin: 0 0px 5px 3px;
    padding: 7px 15px;
    font-weight: 500;
    text-decoration: none;
    height: auto;
	
}
 
.view-order-details{
	background: #fff;
	padding: 20px;
}
.order-prices-info{
	padding: 10px 30px;
}
.order-prices-info .price-item {
    display: flex;
    justify-content: end;
    padding: 5px 0;
}
.order-prices-info .price-value {
    width: 150px;
    text-align: right;
}
.order-prices-info .shipped_via {
    display: none;
}
.order-shipping-address{
	font-style: italic;
}
.order-shipping-address h3{
	font-style: normal;
}
.order-details-address-status{
	display: flex;
	flex-wrap: wrap;
}
.order-details-address-status .order-shipping-address, .order-details-address-status .order-shipping-status{
	width: 50%;
}
.shipping-info ul {
    margin: 0;
    padding: 0;
}
.shipping-info ul li {
    list-style-position: inside;
    padding: 3px 0;
    color: #858585;
}
.shipping-info ul li:first-child { 
    color: var(--green-color);
}
.shipping-info ul li span{
	margin-right: 10px;
}



.woocommerce-EditAccountForm.edit-account {
	display: flex;
	background: #fff;
	padding: 20px;
	border: 1px solid #eee;
}
.user-profile-image {
	width: 140px;
	margin: 0 30px 0 0;
}
.user-profile-fields {
  flex: 1;
}
.profile-image {
  text-align: center;
}
.upload-avatar-btn{
	display: inline-block;
	width: 112px;
	height: 34px;
	position: relative;
	background: var(--green-color);
	color: #fff;
	border-radius: 22px;
	line-height: 32px;
	cursor: pointer;
}
.upload-avatar-btn input {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	visibility: hidden;
}
.upload-avatar-btn i{
	margin: 0 5px 0 0;
}
.profile-image img{
	width: 140px;
	height: 140px;
	object-fit: cover;
}


/** footer **/
.site-footer{
	background: #fff;
}
.footer-widgets-section{
    padding: 15px 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}
.footer-widgets-section .widget-title{
	font-size: 15px;
}
.footer-widgets-section ul{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
}
.footer-widgets-section ul li{
	margin: 0 0 5px;
}
.footer-widgets-section ul a{
	color: #6a6a6a;
	text-decoration: none;
}
.footer-widgets-section ul a:hover{
	color: var(--link-color);
	text-decoration: underline;
}

.site-info{
	text-align: center;
	font-size: 16px;
	padding: 50px 0 50px;
}
.site-info .widget{
	margin-bottom: 0;
}
.site-info .widget p{
	margin: 0 0 8px 0;
}

.site-info h2 {
    font-size: 22px;
    margin: 0 0 5px;
}

.bottom-widgets-section .mailpoet_submit{
	padding: 10px 40px !important; 
	text-transform: uppercase;
} 
.bottom-widgets-section .mailpoet_form_columns .first-col{
	flex-direction: row;
	align-items: center;
	margin-right: 20px;
}
.bottom-widgets-section .mailpoet_form_columns .first-col .mailpoet_form_image{
	margin-right: 10px;
}
.bottom-widgets-section .mailpoet-heading {
	margin: 0;
}
.bottom-widgets-section .mailpoet_paragraph{
	align-items: center;
	justify-content: center;
}
.bottom-widgets-section .mailpoet_form .mailpoet_text{
	border: none;
    border-bottom: 1px solid #eaeaea;
    border-radius: 0;
	padding: 10px 0 !important;
} 
.bottom-widgets-section .mailpoet_form .mailpoet_text:focus{
	background: transparent;
	outline: none;
}

/** end footer **/

/** confirm jquery styling */
.jconfirm-box-container{
	margin: 0 auto;
}
body .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, body .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button{
	font-weight: 500;
	text-transform: none;
}
/** Popup */
.ob-popup{
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 600;
}
.ob-popup.show{
	display: block;
}
.popup-overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.4);
}
.popup_container {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	overflow: visible;
	max-height: 100%;
	max-width: 100%;
	width: 100%;
	padding: 0 10px;
}
.popup-content{
	box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%);
	border-radius: 0.125rem;
	border-radius: 3px;
	width: 500px;
	max-width: 100%;
	padding: 30px 30px 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	background: #fff;
	overflow: hidden;
	margin: 0 auto;
	
}
.review-popup-content{
	width: 100%;
	max-height: 37.5rem;
	max-height: calc(100vh - 120px);
	max-width: 750px;
}
.popup-main {
	flex: 1;
	overflow-y: auto;
	padding-right: 50px;
	margin-right: -50px;
	padding-left: 50px;
	margin-left: -50px;
	position: relative;
}
.popup-header {
	margin-bottom: 20px;
}
.popup-title {
	font-size: 20px;
}
.popup-footer {
	padding: 20px 0;
	text-align: right;
}
.request-review-popup .popup-footer{
	text-align: center;
}
.popup-footer button{
	padding: 8px !important;
	height: auto !important;
	min-width: 90px !important;
	line-height: 1 !important;
}
.order-review-product-item {
	margin: 0 0 30px 0;
}
.review-product-info {
	display: flex;
}
.review-product-img {
	width: 60px;
	margin: 0 10px 0 0;
}
.review-product-name {
	flex: 1;
}
.review-product-name a {
	
	text-decoration: none;
	color: #444;
}
.review-product-name span{
	display: block;
}
.review-product-review {
	margin: 10px 0;
}
.order-rating {
	display: flex;
	align-items: center;
}
.stars {
	margin: 0 0 0 10px;
	line-height: 1;
}
body p.stars:hover a::before, body p.stars.selected a.active::before, body p.stars.selected a:not(.active)::before {
	color: var(--red-color);
}
  
.order-comment textarea {
	border-radius: 0;
	height: 90px;
}
.order-comment p{
	margin: 0 0 5px 0;
}
.order-review-view .stars{
	margin: 0 0 10px 0;
}
.upload-review-image{
	display: inline-block;
	width: 40px;
	height: 35px;
	background: url(images/add-img-icon.png);
	background-size: 100%;
	cursor: pointer;
}
.order-review-images-list img {
	max-width: 80px;
	height: auto;
	margin: 0 5px 0 0;
	border: 1px solid #ddd;
}
.comment-text .comment-images img{
	max-width: 80px;
	height: auto;
	margin: 0 5px 0 0;
	border: 1px solid #ddd;
}
/** chat */

.chat-container{
	position: fixed;
	bottom: 0;
	right: 15px;
	z-index: 99;
	
}
.chat-container.show-chatbox{
	width: 100%;
}
.mini-chat {
	background: var(--green-color);
	color: #fff;
	padding: 11px 17px;
	font-size: 16px;
	border-radius: 5px 5px 0 0;
	cursor: pointer;
	position: relative;
	transition: all ease 0.2s;
}
.mini-chat.hide {
	display: none;
}
.mini-chat .unread-msg-num{
	background: var(--green-color);
	position: absolute;
	width: 20px;
	height: 20px;
	line-height: 17px;
	text-align: center;
	display: block;
	top: -10px;
	right: -10px;
	border: 1px solid #fff;
	border-radius: 20px;
	font-size: 12px;
}
.chat-box {
	height: 0;
	width: 0;
	position: absolute;
	right: 0;
	bottom: 0;
	background: #fff;
	border-radius: 15px 15px 0 0;
	overflow: hidden;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
	transition: all ease 0.2s;
}
.chat-box.show{
	height: 391px;
	width: 520px;
	max-width: calc(100% - 30px);
}
.chat-heading {
	background: var(--green-color);
	color: #fff;
	padding: 5px 20px;
	min-height: 50px;
	display: flex;
	align-items: center;
	font-size: 18px;
	position: relative;
}
.chat-content-wrap {
	display: flex;
}
.chat-log {
	height: 300px;
	width: 320px;
	background: #f4f4f4;
}
.chat-users {
	height: 340px;
	width: 200px;
	box-shadow: -1px 0px 3px 0px rgba(0,0,0,0.1);overflow-y: auto;
}
.chat-users-list{
	 
	
}
.chat-with-manager {
	padding: 5px 10px;
	border-bottom: 1px solid #dfdfdf;
	margin: 0 0 5px 0;
	cursor: pointer;
	color: var(--green-color);
	font-weight: 500;
	position: relative;
	height: 34px;
}
.chat-with-manager:hover, .chat-with-manager.show{
	background: #528a05;
	color: #fff;
	 
}
.market-managers-list{
	position: absolute;
	left: 0;
	width: 100%;
	background: #558c09;
	z-index: 9; 
	box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
	top: 33px;
	display: none;
}
.chat-with-manager.show .market-managers-list{
	display: block;
}
.market-manager {
	border-bottom: 1px solid #467702;
	padding: 3px 10px;
	color: #fff;
}
.market-manager:last-child {
	border: none;
}
.market-manager:hover{
	background: #467702;
}

.chat-text #chat-text-input{
	height: 40px;
	border: none;
	border-radius: 0;
	padding: 5px;
	width: 100%;
}
.chat-text #chat-text-input:focus{
	outline: none;
}

.separate {
	margin: 0 8px;
}
.chat-avatar {
	margin: 0 15px;
}
.chat-avatar img {
	width: 40px;
	height: 40px;
	border-radius: 50px;
}
.show-mini-chat{
	border: solid #fff;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 5px;
	transform: rotate(45deg);
  	-webkit-transform: rotate(45deg);
	position: absolute;
	right: 20px;
	top: 15px;
	cursor: pointer;
}
.message-item {
	padding: 5px 8px;
	display: flex;
}
.message-item.you {
	justify-content: end;
}
.chat-text-wrap {
	padding: 10px;
	display: inline-block;
	border-radius: 20px;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.message-item.you .chat-text-wrap {
	margin-left: 20px;
	background: #ebf3e1;
}
.message-item.partner .chat-text-wrap {
	margin-right: 20px;
	background: #fff;
}
.chat-content {
	background: #f4f4f4;
}
.chat-input-wrap{
	background: #fff;
}
.chat-input-wrap.hide{
	visibility: hidden;
}
.chat-log{
	overflow-y: auto;
}
.chat-log::-webkit-scrollbar {
	width: 6px;
}
  
.chat-log::-webkit-scrollbar-track {
	background-color: #e4e4e4;
	border-radius: 100px;
}
  
.chat-log::-webkit-scrollbar-thumb {
	background-color: #d4aa70;
	border-radius: 100px;
}
.chat-user {
	display: flex;
	padding: 5px 10px;
	cursor: pointer;
}  
.chat-user:hover, .chat-user.chatting{
	background: #eee;
}
.user-avatar {
	width: 45px;
	height: 45px;
	overflow: hidden;
}
.chat-info {
	flex: 1;
	padding: 0 0 0 8px;
	position: relative;
	overflow: hidden;
}
.chat-username {
	display: block;
	color: #5e5e5e;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
}
.last-msg {
	display: block;
	line-height: 1;
	font-size: 14px;
	color: #848484;
	font-weight: normal;
	margin: 3px 0 5px;
}
.chat-date {
	font-size: 9px;
	color: #a8a8a8;
	display: block;
	line-height: 1;
}
.unread .last-msg{
	font-weight: bold;
	color: #000;
}
.unread-count {
    position: absolute;
    top: 0;
    right: 0;
     
    width: 18px;
    height: 18px;
    background: var(--red-color);
    color: #fff;
    text-align: center;
    line-height: 18px;
    border-radius: 10px;
    font-size: 12px;
	display: none;
}
.unread .unread-count{
	display: block;
}

/** market manager  */

.market-manager-page {
    padding: 30px 0 0 0;
}
.market-manager-wrap {
    display: flex;
}
.market-mg-left {
    width: 330px;
	padding: 0 40px 0 0;
	color: #5e5e5e
}
.market-mg-left h3 {
    text-align: center;
	font-size: 17px;
	text-transform: uppercase;
	display: inline-block;
    margin: 0;
}
.sidebar-logo {
    text-align: center;
    margin: 0 0 30px 0;
}
.market-mg-menu {
    padding: 30px 0 0 0;
    border-top: 1px solid #e9e9e9;
    margin: 25px 0 0 0;
}
.market-mg-menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.market-mg-menu ul li{
	
    font-size: 18px;
	line-height: 1.2;
	display: grid;
	position: relative;
	padding-left: 20px;
}
.market-mg-menu > ul > li:before{
	content: '';
	position: absolute;
	top:6px;
	left: 0;
	margin-top: 0;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top-color: #5e5e5e
}
.market-mg-menu ul li a{
	color: #5e5e5e;
	font-weight: 500;
	margin: 0 0 30px 0;
	display: block;
	text-decoration: none;
}
 
.market-mg-menu ul.submenu a{
	color: #b8b8b8;
	font-weight: normal;
}
.market-mg-menu ul.submenu li{
	padding-left: 0;
}
.market-mg-menu ul a:hover, .market-mg-menu ul a.active {
	color: var(--green-color);
}

.market-mg-right {
    flex: 1;
}
.new-vendors-registered h3,  .all-vendors-registered h3{
    font-size: 20px;
    margin: 0 0 20px 0;
	font-weight: 600;
}
.mg-table{
	border-collapse: collapse;
	background: #fff;
}
.mg-table.table-1 th {
    background: var(--green-color);
    border: none;
    color: #fff;
	font-size: 18px;
    font-weight: 500;
}
.mg-table.table-2 th {
	background: #dddddd;
	color: #5e5e5e;
	border: 1px solid #e1e1e1;
}
.mg-table th, .mg-table td {
    padding: 15px 10px;
	text-align: center;
}
.mg-table td {
	border-bottom: 1px solid #ececec;
}
.mg-table.table-2 td {
	border: 1px solid #f5f5f5;
}
.text-center, td.text-center, th.text-center{
	text-align: center;
}
.text-left, td.text-left, th.text-left{
	text-align: left;
}
.company-info-wrap{
	text-align: left;
    display: flex;
}
.detail-info {
    flex: 1;
}
.info-item {
    display: flex;
    margin: 0 0 25px 0;
}
.info-item label {
    width: 150px;
    padding: 0 20px 0 0;
    color: #b9b9b9;
}
.certificate-image{
	width: 220px;
}
.certificate-image img{
	border: 1px solid #ccc;
	border-radius: 10px;
}
tr.view-detail {
    display: none;
}
.mg-table a{
	text-decoration: none;
}
.company-register-info h3{
    text-align: left;
    font-weight: 500;
}
.mg-vendors-table .grey-bg-light-btn {
	padding: 9px 10px;
}
.mg-vendors-table .action-buttons{
	text-align: right;
}
.mg-vendors-table .action-buttons .btn{
	border-radius: 15px;
	overflow: hidden;
	margin: 0 5px;
}
.reject-reason-wrap{
	display: none;
	text-align: left;
}
.reject-reason-wrap textarea{
	border-radius: 8px;
	padding: 2px 5px;
}
.reviews-mg-list .delete-comment{
	cursor: pointer;
	color: var(--red-color);
}
.company-status {
    padding: 8px 20px 8px 35px;
    display: inline-block;
    border-radius: 13px;
    
    color: #fff;
	position: relative;
}
.company-status.under-review{
	background: #fcc401;
}

.company-status.under-review:before{
	content: '';
	position: absolute;
	top: 8px;
	left: 8px;
	background: url(images/loading-icon.png) no-repeat;
	width: 19px;
	height: 19px;
	display: block;
}
.company-status.approved{
	background: #28a745;
}
.company-status.approved:before{
	content: '';
    position: absolute;
    top: 8px;
    left: 13px;
    display: inline-block;
    transform: rotate(45deg);
    height: 16px;
    width: 8px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
}
.company-status.rejected{
	background: var(--red-color);
}
.company-status.rejected:before{
	content: "\00d7";
    position: absolute;
    top: 8px;
    left: 13px;
    display: inline-block;
     
}
.homepage-banner .upload-banner-btn{
	background: #e4e4e4 url(images/add-img-icon.png) center center no-repeat;
	min-height: 120px;
}
.home-banner-main .upload-banner-btn{
	border-radius: 0;
}
.home-banner-1 .upload-banner-btn , .home-banner-2 .upload-banner-btn{
	width: 50%;
}
.home-banner-3 .upload-banner-btn{
	width: 450px;
    min-height: 600px;
}

.mg-tabs {
	border-bottom: 1px solid #e9e9e9;
	margin: 10px 0;
}
.mg-tabs ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
}
.mg-tabs ul li{
	margin: 0 20px;
}
.mg-tabs ul li:first-child{
	margin-left: 0;
}
.mg-tabs ul li:last-child{
	margin-right: 0;
}
.mg-tabs ul a{
	color: #6a6a6a;
	font-weight: 500;
	font-size: 17px;
	text-decoration: none;
	padding: 5px 12px;
    display: inline-block;
	border-bottom: 3px solid transparent;
    margin-bottom: -2px;
}
.mg-tabs ul a.active, .mg-tabs ul a:hover{
	border-bottom-color: var(--green-color);
}
.featured-products-mg,  .trend-products-mg{
    padding: 30px 0 20px;
}
.featured-products-mg .search-product-box, .trend-products-mg .search-product-box  {
    margin: 0 0 25px;
}
.featured-products-mg .featured-product-item, .trend-products-mg .trend-product-item  {
    display: flex;
    align-items: center;
    margin: 15px 0;
	border: 1px solid transparent;
}
.featured-products-mg .featured-product-item:hover, .trend-products-mg .trend-product-item:hover{
	border-color: var(--green-light-color);
}
.featured-products-mg .product-item-image, .trend-products-mg .product-item-image {
    width: 80px;
}
.featured-products-mg .product-item-info, .trend-products-mg .product-item-info {
    flex: 1;
    padding: 0 0 0 20px;
}
.featured-products-mg .featured-product-item h2, .trend-products-mg .trend-product-item h2 {
    font-size: 16px;
    margin: 0;
    font-weight: 500;
}
.featured-products-mg .featured-product-item h2 a, .trend-products-mg .trend-product-item h2 a  {
    text-decoration: none;
}

.featured-product-action, .trend-product-action {
    display: flex;
    align-items: center;
}
span.sort-order {
    display: inline-block;
    margin: 0 20px 0;
    color: var(--link-color);
    font-size: 20px;
    line-height: 1.2;
}
.sort-order span {
    display: block;
    cursor: pointer;
}
  


.featured-products-mg .search-product-box, .trend-products-mg .search-product-box  {
    margin: 0 0 25px;
	position: relative;
}
.featured-products-mg .search-input-box, .trend-products-mg .search-input-box {
    position: relative;
    display: inline-block;
}
.featured-products-mg .search-input-box input.search-input, .trend-products-mg .search-input-box input.search-input {
    width: 320px;
    padding: 0 0 0 35px;
}
.featured-products-mg .search-input-box svg.svg-icon, .trend-products-mg .search-input-box svg.svg-icon  {
    position: absolute;
    left: 15px;
    top: 11px;
    fill: #999;
    width: 16px;
}

.search-added-products{
	float: right;
	position: relative;
}
.search-added-products .search-input2{
	min-width: 290px;
}
.search-added-products .clear-input {
	position: absolute;
	right: 10px;
	top: 8px;
	cursor: pointer;
	display: none;
}


.featured-products-mg .search-results, .trend-products-mg .search-results  {
    background: #fff;
    box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 20%);
    border-radius: 10px;
    position: absolute;
    width: 100%;
    margin: 5px 0 0 0;
	z-index: 9;
}
.featured-products-mg ul, .trend-products-mg ul {
    margin: 0;
    padding: 5px 0;
    list-style: none;
}
.featured-products-mg .search-results li, .trend-products-mg .search-results li  {
    padding: 5px 20px;
	border-bottom: 1px solid #ebebeb;
	display: flex;
    align-items: center;
}
.featured-products-mg .search-results li:last-child, .trend-products-mg .search-results li:last-child{
	border: none;
}
 
  
.featured-products-mg .search-results a, .trend-products-mg .search-results a  {
    text-decoration: none;
    color: #525252;
	flex: 1;
}
.featured-products-mg .search-results li img , .trend-products-mg .search-results li img {
    margin: 0 10px 0 0;
    width: 35px;
}
.featured-products-mg .search-results span.prod-title , .trend-products-mg .search-results span.prod-title {
    display: block;
    line-height: 1;
}
.featured-products-mg .search-results span.prod-price, .trend-products-mg .search-results span.prod-price {
    font-size: 12px;
    color: var(--green-color);
}
span.add-featured-product, span.add-trend-product  {
    color: #fff;
    background: var(--green-color);
    padding: 5px 8px;
    font-size: 14px;
    cursor: pointer;
    display: block;
    line-height: 1;
    height: auto;
    min-width: auto;
	margin: 0 0 0 15px;
}
.featured-products-mg .search-results li.added, .trend-products-mg .search-results li.added{
	opacity: 0.5;
    pointer-events: none;
}
span.delete-featured-product ,span.delete-trend-product {
    font-weight: 500;
    padding: 5px 10px;
    min-width: auto;
    height: auto;
}
.home-posts-list {
    padding: 40px 0 ;
}
.post-item {
    display: flex;
    align-items: center;
	padding: 10px 0;
}
.news-posts .post-item {
	margin: 0 0 10px;
}
.post-item-image {
    width: 120px;
}
.post-item-info {
    flex: 1;
    padding: 0 20px;
}
.post-item-info h2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    margin: 0 0 10px 0;


}
.post-item-info h2 a {
    color: #787878;
    text-decoration: none;

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-height: 1.5;     /* fallback */
	max-height: 4.5em;      /* fallback */
	-webkit-line-clamp: 3; /* number of lines to show */
	-webkit-box-orient: vertical;
}
span.post-date {
    font-style: italic;
}
.post-action span {
    color: var(--green-color);
    cursor: pointer;
    font-weight: 500;
}
span.delete-post {
    margin-left: 29px;
}
.add-edit-post-section{
	display: none;
	padding: 20px;
    margin: 40px 0 20px;
    border: 1px solid #ddd;
    border-radius: 15px;
}
.p-lbl{
	display: block;
    font-size: 18px;
    font-weight: 500;
}
.add-edit-post-section .input-text {
    padding: 10px 20px;
	width: 100%;
}
div.post-title, div.post-featured-image{
	margin-bottom: 20px;
}
.add-edit-post-section .post-content button,body .mce-btn button,
#send-messages-form .message-content button{
    background: none !important;
    border:none !important;
    padding: 4px 6px !important;
    min-width: 0 !important;
    height: 26px !important;
	color: #5c5c5c !important;
}
.add-edit-post-section .post-content button.add_media_editor{
	background: #ebf3e1 !important;
    color: var(--green-color) !important;
    border: 1px solid var(--green-color) !important; 
	margin: 10px 0 3px;
}
.add-edit-action-buttons{
	margin: 20px 0 0 0;
}
.add-edit-post-section .add-post-btn{
	margin: 20px 0;
}
.add-edit-post-section .featured-image-preview {
    margin: 10px 0 0;
}
.add-edit-post-section .featured-post-img {
    max-width: 300px;
    position: relative;
} 
.banner-manager-section {
    padding: 5px 0;
    margin: 20px 0;
}
.banner-manager-section h3.section-heading {
    margin: 0;
}
.homepage-banner label {
    display: block;
    margin: 10px 0 5px 0;
    font-size: 16px;
    font-weight: 500;
}
.banner-link{
	width: 100%;
}
.news-posts .post-item-image img{
    width: 120px;
    height: 95px;
    object-fit: cover;
    border-radius: 10px;
}
.reports-mg-content {
    padding: 30px 0;
}
.report-filter{
	margin: 0 0 20px 0;
}
.report-filter input[type="text"]{
	border-radius: 0;
	padding: 5px 10px;
}
.mg-table .stt{
	width: 45px;
}

.mg-table .actions{
	width: 110px;
}
#reportrange {
    width: 250px;
    display: inline-block;
	background: #fff; 
	cursor: pointer; 
	padding: 9px 10px; 
	border: 1px solid #ccc;
}
#reportrange i{
	font-weight: 500;
}
#reportrange i.fa-caret-down{
    float: right;
    margin: 3px 0 0 0;
}
body .daterangepicker .drp-buttons .btn{
	background: #0088cc;
    border: none;
	height: auto;
    min-width: 0px;
	padding: 8px 10px;
	
}

.daterangepicker .drp-buttons .btn.btn-default{
	background: #ccc;
	color: #333
}
.daterangepicker .drp-buttons .btn:hover{
	background: #09628f;
    border: none; 
	color: #fff
}
.daterangepicker .drp-buttons .btn.btn-default:hover{
	background: #898989;
    border: none; 
	color: #333
}
.report-filter-search {
    display: inline-block;
    width: 500px;
    position: relative;
}
input#report-search-text, input#report-search-order, input#report-search-customer {
    width: 100%;
    border-radius: 30px !important;
	padding: 5px 10px
}
.report-filter-search button.btn,  .report-search-order .search-order-btn, .search-customer-btn{
    position: absolute;
    right: 0;
    border-radius: 30px;
    height: 100% !important;

}


.mg-products-table  a, .mg-revenues-table  a{
	color: #5e5e5e
}
.mg-products-table .product-name,  .mg-revenues-table .product-name{
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 14px;
}
.mg-products-table .product-name img, .mg-revenues-table .product-name img {
    width: 50px;
    margin: 0 10px 0 0;
    border-radius: 8px;
    border: 1px solid #bdbdbd;
}
.mg-products-table .product-name span, .mg-revenues-table .product-name span {
    flex: 1;
}
.mg-products-table .company-info, .mg-revenues-table .company-info {
    display: flex;
    align-items: center;
    text-align: left;
}
.mg-products-table .company-info img, .mg-revenues-table .company-info img{
	width: 30px;
    border-radius: 40px;
    height: 30px;
    object-fit: cover;
    margin: 0 10px 0 0;
}
.mg-products-table .company-info span, .mg-revenues-table .company-info span {
    flex: 1;
}
.mg-products-table .company-info a.wcfm_dashboard_item_title, .mg-revenues-table .company-info a.wcfm_dashboard_item_title{
	color: #979797;
	font-weight: normal;
}
.company-info-row td{
	background: #e4e4e4;
	padding: 8px 10px;
}
.mg-products-table  a.wcfm_dashboard_item_title, .mg-revenues-table  a.wcfm_dashboard_item_title{
	font-weight: normal;
	color: var(--green-color)
}
.mg-products-table  .mg-table, .mg-products-table .mg-table.table-2 th, .mg-revenues-table  .mg-table{
	background: transparent;
}
.mg-revenues-table .mg-table.table-2 th{
	background: #fff;
}
.mg-products-table .mg-table.table-2 td, .mg-revenues-table .mg-table.table-2 td {
    border: 1px solid #e9e9e9;
}
.acc-mg-box{
	padding: 20px;
}
.acc-mg-box form{
	max-width: 500px;
}
.form-row{
	margin: 0 0 10px;
}
.form-row label{
	display: block;
}

.form-row .input-text{
	width: 100%;
}
.all-revenues .report-filter {
    display: flex;
    justify-content: space-between;
}
span.select2.select2-container {
    margin: 0 10px;
    max-width: 300px;
}
.custom-receiver span.select2.select2-container {
	max-width: 100%;
	width: 100% !important
}
.all-revenues .select2-container .select2-selection--single{
	height: auto;
}
.all-revenues .select2-container--default .select2-selection--single .select2-selection__rendered{
	height: 40px;
    line-height: 40px;
}
.all-revenues .select2-container--default .select2-selection--single .select2-selection__arrow{
	top: 8px
}
.select2-container--default .select2-selection--single .select2-selection__clear{
	background: none !important;
	border:none !important;
	padding: 0 !important;
	min-width: 0 !important;
	height: 26px !important;
	color: #333 !important;
	margin-top: 6px !important;
    font-size: 20px !important;
}
.custom-receiver .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    padding: 2px 5px;
    min-width: auto;
    background: none;
    border: none;
    color: #333;
    height: 100%;
    border-right: 1px solid #ccc;
    border-radius: 0;
    line-height: 0;
}
.custom-receiver  .select2-container .select2-selection--multiple .select2-selection__rendered{
	margin: 0;
}
.select2-container--default .select2-search--inline .select2-search__field{
	border-radius: 0;
	min-height: 30px;
    line-height: 1;
}
.custom-receiver .select2-container--default .select2-selection--multiple .select2-selection__choice{
	min-height: 30px;
    line-height: 26px;
	padding-left: 30px;
}
.custom-receiver .select2-container--default .select2-selection--multiple .select2-selection__choice span {
    height: 2px;
    display: inline-block;
}
.custom-receiver .select2-container--default .select2-selection--multiple .select2-selection__clear{
    min-width: 0;
    min-height: 0;
    height: auto;
    padding: 6px;
}
.custom-receiver .select2-container--default .select2-selection--multiple.select2-selection--clearable{
    padding-right: 35px;
}

.send-messages-wrap{
	padding: 20px;border-radius: 15px;
}
.receiver-wrap {
    margin: 0 0 20px 0;
}
.receiver-wrap label {
    margin: 0 10px 0 0;
}
.custom-receiver {
    margin: 15px 0 0 0;
}
.custom-receiver input#receiver-list, input#message_title {
    width: 100%;    padding: 5px 15px;
}
.total-record{
	float: right;
}
.notification-bulk-action{
	margin: 0 0 10px 0;
	text-align: right;
}
.notifications-table tr.unread{
    background: #efefef;
}
.banner-main-item{
	margin: 0 0 30px;
}

/** single page **/
.post-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 40px 0;
}
.post-wrap #primary{
	width: 62%;
}
.post-wrap .sidebar{
	width: 33%;
}
.post-wrap .entry-title{
	font-size: 26px;
	margin: 0;
}
.post-wrap .entry-meta {
	margin: 0 0 20px 0;
}
.post-wrap .posted-on{
	font-style: italic;
	color: #9d9d9d;
	font-size: 14px;
}
#wcfm-main-contentainer .customers-list-table{
	min-width: 600px;
}
#wcfm-main-contentainer .customers-list-table td {
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	width: 25%;
	word-break: break-word;
}
.vendor-report-customers .customers-list-table {
	overflow-x: auto;
}

#wcfm-main-contentainer .customers-list-table tr td:first-child{
	border-left: 1px solid #e9e9e9;
}
.export-customer-info{
	margin: 30px auto 10px;
	max-width: 800px;
}
.export-customer-info h3{
	font-size: 20px;
	font-weight: 600;
	margin: 0;
}
.export-timeinput-wrap {
	margin: 10px 0;
}
.export-time {
	margin: 0 0 20px 0;
}

.revenue-order {
    border: 1px solid #e7e7e7;
    border-bottom: none;
    padding: 5px 10px;
}
.revenue-order.heading{
	font-weight: bold;
	font-size: 16px;
}
.revenue-order:last-child{
	border-bottom: 1px solid #e7e7e7;
}
.revenue-order-product {
    display: flex;
	border-bottom: 1px solid #e7e7e7;
    padding: 3px 0;
}
.revenue-order.heading .revenue-order-product, .revenue-order .revenue-order-product:last-child{
	border: none;
} 

.revenue-order-product-name {
    flex: 1;
}
.revenue-order-product-qty {
    width: 70px;
    text-align: center;
}
.revenue-order-total {
    width: 100px;
    text-align: right;
}
.revenue-order h3 {
    font-size: 15px;
    margin: 0 0 5px 0;
	font-weight: 600;
	display: inline-block;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
	border-radius: 0;
}
.staff-avatar-preview {
    width: 120px; 
    height: 120px;
    border: 1px solid #ccc;
	position: relative;
}
.staff-avatar-preview span.delete-avatar {
    position: absolute;
    top: 0;
    color: red;
    font-size: 22px;
    right: 3px;
    cursor: pointer;
	z-index: 9;
}
.avatar-preview-img img {
    object-fit: cover;
    width: 118px;
    height: 118px;
	z-index: 1;
    position: relative;
}
.avatar-preview-img {
    height: 100%;
    width: 100%;
	position: relative;
	cursor: pointer;
}
.avatar-preview-img:before{
	content: '+Chọn ảnh';
    position: absolute;
    z-index: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}
#wcfm-main-contentainer #orders_details_general_expander label {
	width: 175px;
	font-weight: bold;
	margin-right: 10px;
}
#orders_details_general_expander .shipping-action,  #orders_details_general_expander p{
	margin-bottom: 15px;
	padding: 0;
	display: flex;
	align-items: start;
}
#orders_details_general_expander  select#wcfm_order_status{
	margin-top: 0 !important;
}
.woocommerce-result-count{
	float: left;
}
form.woocommerce-ordering{
	float: right;
}

/* WooCommerce pagination */
nav.woocommerce-pagination {
	display: flex;
	flex-direction: row; 
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	  overflow:visible!important
}
nav.woocommerce-pagination ul{
	list-style:none;
	text-align:center;
	text-decoration:none;
	margin:2rem auto;
}
nav.woocommerce-pagination li span.current,nav.woocommerce-pagination li a{
	width: 30px;
	height: 30px;
	line-height: 30px; 
	display:inline-block;
}
nav.woocommerce-pagination li{
	box-shadow:0 3px 20px -0.2px rgba(0,0,0,0.1);transition:all 300ms cubic-bezier(0.250,0.100,0.250,1.000);
	transition-timing-function:cubic-bezier(0.250,0.100,0.250,1.000);
	color:#000;
	background:#fff;
	float:left;
	margin: 0 2px;
}
nav.woocommerce-pagination li a{
	color:#4f4f4f;
	text-decoration:none;
}
nav.woocommerce-pagination li span.current,nav.woocommerce-pagination li:hover{
	background: var(--green-color); 
	color: #fff;
}
 
nav.woocommerce-pagination li span.current, nav.woocommerce-pagination li a:hover{
	color:#fff;
}
nav.woocommerce-pagination li a.next{
	width:auto!important;
	padding:0 10px !important;
	position:relative;
}
nav.woocommerce-pagination li a.prev{
	width:auto!important;
	padding:0 10px !important;
	position:relative;
}  
.user-profile-fields fieldset{
	margin-bottom: 20px;
}

.shop-logo img{
	height: 120px;
	object-fit: cover;
}
.dashboard-mobile-menu{
	display: none;
	padding: 5px 10px;
	text-align: right;
	width: 100%;
}
.mobile-menu-icon {
	display: inline-block;
	cursor: pointer;
}
.mobile-menu-icon i {
	font-size: 24px;
	color: var(--green-color);
}
.wcfm_messages_filter_wrap select#filter-by-type{
	display:  none !important;
}
#wcfm_products_manage_form_inventory_expander p.backorders, 
#wcfm_products_manage_form_inventory_expander p.backorders + label,
select#backorders,
#wcfm_products_manage_form_inventory_expander p.sold_individually, 
#wcfm_products_manage_form_inventory_expander p.sold_individually + label, input#sold_individually,
input#is_virtual, input#is_virtual + p, input#is_downloadable, input#is_downloadable + p,
p._wcfmmp_processing_time , p._wcfmmp_processing_time  + label, select#_wcfmmp_processing_time,
p.shipping_class, select#shipping_class, #wcfm_profile_personal_expander p.wp_user_avatar, #wcfm_profile_personal_expander p.wp_user_avatar + label,
#wcfm_profile_personal_expander .wcfm_img_uploader, #wcfm_profile_personal_expander p.last_name,
#wcfm_profile_personal_expander p.last_name + label,
#wcfm_profile_personal_expander input#last_name, #wcfm_profile_personal_expander p.locale ,
#wcfm_profile_personal_expander p.locale + label, #wcfm_profile_personal_expander select#locale,
#wcfm_profile_personal_expander p.about, #wcfm_profile_personal_expander p.about + label,  #wcfm_profile_personal_expander #wp-about-wrap{
	display:  none !important;
}

.inline-block{
	display: inline-block;
} 
.green-bg{
	background: var(--green-color);
}
.white-color{
	color: #fff;
} 
.green-bg-title{
	min-width: 200px;
    padding: 4px 15px;
    border-radius: 5px;
}
.text-center{
	text-align: center;
}
.market-logo figcaption a{
	text-decoration: none;
	font-size: 14px;
	color: #666;
}
body.category .posts-list{
	display: flex;
	flex-wrap: wrap;
}
body.category .posts-list article.post {
	width: 33.33%;
	padding: 0 10px

}
body.category .posts-list article.post .post-img img{
    height: 240px;
    object-fit: cover;
    width: 100%;
}
body.category .posts-list article.post .entry-title{
	line-height: 1;
}
body.category .posts-list article.post .entry-title a{
	text-decoration: none;
	font-size: 18px;
	color: #444;
}
body.category .navigation.posts-navigation{
	display: none;
}
.cat-pagination{
	text-align: center;
}
.vendors-list-fr .filters {
    display: flex;
    flex-wrap: wrap;
}
.vendors-list-fr .filters .filter-cat{
	position: relative;
}
.show-all-vendors{
	margin: 0 20px 10px 0;
}
.vendors-list-fr .cats-list{
	display: none;
	padding: 10px;
	background: #fff;
	position: absolute;
	width: 100%;
}
.vendors-list-fr .cats-list ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.vendors-list-fr .cats-list ul li{
	padding: 5px 0;
}
.vendors-list-fr .cats-list ul li a{
	color: #444;
	text-decoration: none;
}
.vendors-list-fr .cats-list.show{
	display: block;
}
.danhsach-ncc{
	display: flex;
	flex-wrap: wrap;
}
.danhsach-ncc .ncc{
	width: 16.66%;
	padding: 10px;
	text-align: center;
}
.danhsach-ncc .ncc img{
	max-height: 100px;
}
.ncc-name {
  font-size: 14px;
  font-weight: 500;
}
.ncc-name a{
	text-decoration: none;
	color: #444
}
.coupon-code{
	background: #ededed;
	display: inline-block;
	margin: 0 10px 7px 0;
	padding: 0 10px 0 0;
	border-radius: 0 5px 5px 0;
}
.coupon-code .coupon-lbl{
	background: url(images/tag-bg.png);
	width: 139px;
	height: 39px;
	display: inline-block;
	line-height: 28px;
	padding: 5px 10px;
	color: #fff;
	margin: 0 10px 0 0;
}
.coupon-code .code-value{
	color: #000;
	font-weight: bold;
	font-size: 16px;
}
.wcfm_orders_filter_wrap  #commission-status{
	display: none !important;
}
.checkout-coupon-form{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.cp-header-share img{
	max-height: 20px;
}
.cp-header-share a{
	margin-right: 10px;
}
.users-toggle{
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 40px;
	width: 62px;
	background: #fff;
}
.other-posts ul{
	margin: 0;
	padding: 0 0 0 15px;  
}
.other-posts ul li{
	padding: 0 0 0 5px;
	margin: 0 0 10px 0;
}
.other-posts ul li a{
	text-decoration: none;
}
.other-posts ul li .post-date{
	font-style: normal;
	color: #8e8e8e;
}
.feature-product-item .product-item-image img{
	max-height: 195px;object-fit: cover;
}
p.cart-empty.woocommerce-info{
	color: #fff;
	background: #86aa55 !important;
}
.checkout .product-qty input.qty{
	border-radius: 7px;
	width: 70px;
	padding: 5px;
	height: auto;
	min-height: 30px;
}
a.home-link{
	display: none;
}
a.delete-vendor{
	color: var(--red-color);
}
.main-container .all-products-table tr .btn{
	height: auto !important;
	min-width: 70px !important;
	padding: 5px !important;
	margin: 2px 0 !important;
	font-size: 14px;
	line-height: 1 !important;
}
.main-container .all-products-table tr .btn.delete-product{
	background: #e85e5e;
	border: 1px solid #d70000;
}
.main-container .all-products-table tr .btn.delete-product:hover{
	color: #fff;
	background: #d70000;
}
@media screen and (min-width: 769px){
	.company-register-right-col {
		margin-top: 95px;
	  }
}

@media screen and (max-width: 1310px){
	.owl-carousel .owl-nav button.owl-prev {
		left: 3px;
	}
	.owl-carousel .owl-nav button.owl-next {
		right: 3px;
	}
}
@media screen and (max-width: 1200px){
	.home-categories .cat-item {
		width: 25%; 
	}
	.my-orders-filter ul li a {
		padding: 12px 15px 8px;
	}
	.order-group .grey-bg-light-btn{
		margin: 5px 0;
	}
}

@media screen and (max-width: 1100px){
	.cp-info-item {
		width: 50%;
	}
	.header-tagline h2 {
		font-size: 30px;
	}
	.header-tagline h2 span{
		font-size: 40px;
	}
}
@media screen and (max-width: 1024px){
	
	.home-feature-products .col-37, .home-feature-products .col-63{
		width: 100%;
	}
	.home-feature-products .col-37{
		order: 2
	}
	.home-feature-products .col-63{
		order: 1
	}
	.product-list .item, body.tax-product_cat .products .item, body.search .products .item, .vendors-list .vendor-item, body.search .posts-list .post-item {
		width: 20%; 
	}
	.footer-widgets-section .col-20{
		width: 25%; 
	}
	.company-more-info{
		margin: 5px 0 0 0;
	}
	.cp-cart-total-info {
		width: 100%;
		padding: 5px 0;
	}
	.cart-heading-container{
		width: 100%
	}
	body.woocommerce-cart .cart-buy-now{
		float: right;
	}
	 
	 
	/*
	.store-info{
		position: relative;
		flex-wrap: wrap;
		padding: 0 140px 0 30px
	}
	.order-contact-store{
		width: 100%;
		flex: auto;
	}
	.order-group .order-status{
		position: absolute;
		right: 10px;
	}
	 */
	.my-orders-filter ul li a {
		 
		font-weight: normal;
		font-size: 14px;
	}
	.woocommerce-MyAccount-navigation {
		width: 100%;
		padding-right: 0;
		margin: 0 0 10px 0;
	}
	.woocommerce-MyAccount-navigation ul li {
		border-bottom: 1px solid #eee;
		display: inline-block;
	}
	.woocommerce-MyAccount-navigation ul li a{
		display: inline-block;
	}
	.post-wrap #primary, .post-wrap .sidebar, .will-pay, .paid {
		width: 100%;
	}
	.shop-video iframe{
		height: 560px;
	}
	.finance-info span{
		font-size: 20px;
	}
	.finance-info{
		flex-wrap: wrap;
	}
	.will-pay{
		border-bottom: 1px solid #c0c0c0;
		border-right: 0;
		padding: 0 0 10px 0;
	}
	.paid { 
		padding: 10px 0 0 0;
	}
	.reg-cat-item {
		width: 50%; 
	}
	.market-logos {
		flex-wrap: wrap !important;
		gap: unset !important;
	}
	body .market-logos.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column{ 
		flex-basis: 33.33% !important;
	}
	.danhsach-ncc .ncc {
		width: 20%;
	}
}
@media screen and (max-width: 899px){
	.header-search {
		width: 90%; 
	}
	.header-tagline h2{
		font-size: 24px;
	}
	.home-categories .cat-item {
		width: 33.33%; 
	}
}
@media screen and (max-width: 768px) and (min-width: 541px){
	.store-info{
		position: relative;
		flex-wrap: wrap; 
	}
	.order-contact-store{
		width: 100%;
		flex: auto;
	}
	.order-group .order-status{
		position: absolute;
		right: 10px;
	}
}

@media screen and (max-width: 768px){
	 
	.col-25,
	.col-30,
	.col-37,
	.col-63,
	.col-40,
	.col-50,
	.col-60,
	.col-70{ 
		width: 100%;
	}
	a.home-link{
		display: flex;
	}
	.site-logo {
		width: 70%;
		margin: 0 auto 15px;
		text-align: center;
		display: none;
	}
	.header-right-info , .header-tagline, .header-tagline h2{
		width: 100%;
	}
	.header-tagline h2 span {
		font-size: 34px;
	  }
	.header-tagline { 
	padding: 0 50px;
	}
	.header-search {
		order: 3;
		width: 100%;
		margin: 20px 0 0 0;
	}
	.header-cart {
		position: absolute;
		top: 0;
		right: 0;
	}
	.main-banner-item img{
		height: 150px;
		object-fit: cover;
	}
	 
	.product-list .item, body.tax-product_cat .products .item, body.search .products .item, .vendors-list .vendor-item, body.search .posts-list .post-item  {
		width: 25%; 
	}
	.cat-item .cat-name a{
		font-size: 12px
	}
	.footer-widgets-section .col-20{
		width: 33.33%; 
	}
	.summary .product_title{
		font-size: 24px;
	}
	.summary .price{
		font-size: 24px;
	}
	.horizontal .product-list-item{
		flex-wrap: wrap;
		padding: 5px;
	}
	.not-slider.horizontal .product .product-item-image{
		width: 100%;
	}
	.not-slider.horizontal .product .product-item-info {
		width: 100%;
		padding: 0;
	}
	.layout-3 .best-selling-section .not-slider.horizontal .product .product-item-info{
		padding: 10px 10px 10px 25px;
	}
	.single-product #primary .summary{
		min-height: 0;
	}
	.section-padding {
		padding: 15px;
	}
	.single-product #primary .summary{
		padding: 15px;
		margin: 20px 0;
	}
	.cart-heading-container{
		display: none;
	}
	.product-cart-info{
		flex-wrap: wrap;position: relative;
	}
	.product-price-heading, .product-qty-heading, .product-total-heading, .product-edit-heading, .cart_item .product-price, .cart_item .product-quantity, .cart_item .product-subtotal, .cart_item .product-remove{
		width: 100%;
		text-align: left !important;
	}
	.product-name .variation{
		margin: 0;
	}
	.cart_item .product-name{
		padding: 0;
	}
	.product-thumbnail {  
		margin-right: 15px; 
	}
	.product-quantity .input-text{
		padding: 0;
		height: 24px;
		line-height: 1;
		min-height: auto;
		width: 52px;
	} 
	.cart_item .product-subtotal{
		display: none;
	}
	.cart_item .product-remove{
		position: absolute;
		right: 10px;
		display: inline;
		width: auto;
		bottom: 0;
	}
	.cart_item .product-remove a{
		font-size: 26px;
		color: red;
	}
	form.woocommerce-checkout{
		position: relative;
		padding-bottom: 60px;
	}
	button#place_order{
		position: absolute;
		bottom: 0;
		right: 0;
	}
	#order_review #payment {
		position: static !important;
	}
	.woocommerce-checkout-review-order-table .cart_item .product-name{
		min-width: 120px;
	}
	.my-orders-filter ul li a {
		padding: 12px 5px 8px;
	}
	.my-orders-filter{
		padding: 0 5px;
	}
	.store-info{ 
		padding: 0 140px 0 10px
	}
	.order-group-list, .order-footer-info{
		padding: 10px;
	}
	.shop-banner2 img{
		margin-bottom: 10px;
	}
	body #wcfmmp-store .right_side{
		padding: 0;
	}
	body #wcfm_menu{ 
		position: static !important;
	}
	body #wcfm_menu .wcfm_menu_items{
		height:  auto;
		width: 100% !important
	}
	body #wcfm_menu .wcfm_menu_items a.wcfm_menu_item{
		padding: 8px 5px  !important;
		height: auto;
		line-height: 1.2;
	}
	.mg-tabs ul li {
		margin: 0 5px;
	}
	.mg-tabs ul a{
		padding: 2px 5px;
		font-weight: 500;
		font-size: 15px;
	}
	 
	.dashboard-mobile-menu{
		display: block;
	}
	#wcfm-content #wcfm_menu{
		display: none;
	}
	.company-register-right-col label{
		margin-left: 0;
	}
	body #wcfmmp-store .left_sidebar{
		height: auto !important;
		margin: 0;
	}
	body #wcfmmp-store .left_sidebar .widget{
		margin-bottom: 0;
	}
	.danhsach-ncc .ncc {
		width: 25%;
	}
	.feature-product-item h3, .post-item-info h2, #primary .product-list-item .woocommerce-loop-product__title, .product-list-item .price{
		font-size: 14px
	}
	.feature-product-item h3{
		padding: 5px;
	}
	.feature-product-item > span.price{
		padding: 0 5px;font-size: 14px;
	}
	 
	.feature-products{
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media screen and (max-width: 640px){
	.product-list .item, body.tax-product_cat .products .item, body.search .products .item , .vendors-list .vendor-item, body.search .posts-list .post-item {
		width: 33.33%;
	}
	.shop-video iframe{
		height: 380px;
	}
	.store-products-filter, .customers-report-header{
		flex-wrap: wrap;
	}
	.store-products-filter .filters-list, .customers-report-header .search-customer-container{
		width: 100%;
	}
	.vendor-report-content{
		padding:  0 10px;;
	}
	.danhsach-ncc .ncc {
		width: 33.33%;
	}
	.cat-item .cat-item-wrap {
		padding: 12px 10px;
	}
	.cat-item .cat-img {
		width: 40px;
	}
	.home-categories .cat-item {
		padding: 2px;
	  }
}
@media screen and (max-width: 580px){
	.shop-address-rating {
		flex: auto;
		margin: 0;
		width: 100%;
	}
}
@media screen and (max-width: 540px){
	.cat-item .cat-item-wrap{
		flex-wrap: wrap;
	}
	.cat-item .cat-img {
		width: 100%;
		margin: 0 0 5px 0;
		text-align: center;
	}
	.cat-item .cat-name{
		text-align: center;
	}
	.product-list .item, body.tax-product_cat .products .item, body.search .products .item , .vendors-list .vendor-item, body.search .posts-list .post-item  {
		width: 33.33%; 
	}
	.footer-widgets-section .col-20{
		width: 50%; 
	}
	.single-product .woocommerce-tabs ul.tabs li a {
		padding: 8px 8px;
		font-size: 14px;
	}
	.select-shipping label{
		width: 100%;
	}
	.store-info{
		flex-wrap: wrap;
	}
	.order-contact-store{
		width: 100%;
		flex: auto;
		margin: 5px 0;
	}
	  
	
	.woocommerce-reviews-filter, .select-shipping, .checkout-payment-methods, .checkout-order-info{
		flex-wrap: wrap;
	}
	.woocommerce-reviews-filter .avg-rating, .order-price-info {
		width: 100%;
	}
	.product .wcfmmp_sold_by_container_left, .product .wcfmmp_sold_by_container_left img {
		width: 80px;
		height: 80px;
		margin-right: 15px;
	}
	.shipping-price{
		margin-top: 25px;
	}
	.order-group .order-status{
		text-align: right;
		width: 100%;
		margin: 5px 0;
	}
	
	.my-orders-filter ul, .woocommerce-EditAccountForm.edit-account{
		flex-wrap: wrap;
	}
	.store-info {
		padding: 0 10px;
	}
	.user-profile-fields {
		flex: auto;
		width: 100%;
	}
	.profile-image {
		margin-bottom: 20px;
	}
	
	.shop-video iframe{
		height: 290px;
	}
	body.layout-3 .shop-info-wrap{
		flex-wrap: wrap;
	}
	.header-3 .shop-info{
		width: 100%;flex: auto;margin: 10px 0 0 0;
	}
	.report-overview {
		padding: 30px 10px;
	}
	.chat-container.show-chatbox {
		right: 0;
	}
	.chat-box.show{
		max-width: 100%;
	}
	.chat-users-list, .chat-manager{
		width: 200px;
	}
	.chat-users {
		overflow-x: hidden; 
	}
	.chat-log { 
		width: 100%;
	}
	.chat-content{
		flex: 1
	}
	.chat-users{
		padding-bottom: 40px;
		width: 62px;
		transition: width ease 0.5s ;
	}
	
	.users-toggle{
		display: block;
		padding: 8px 5px;
		text-align: center;
		border-top: 1px solid #f4f4f4;
		transition: width ease 0.5s ;
		cursor: pointer;
	}
	.chat-users.show, .chat-users.show .users-toggle{
		width: 200px;
	}
	.users-list-toggle {
		border: solid var(--green-color);
		border-width: 0 4px 4px 0;
		display: inline-block;
		padding: 5px;
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		cursor: pointer;
	}
	.chat-users.show .users-list-toggle {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}


	.feature-product-item > span.price {
		font-size: 14px;
	}
	.feature-product-item h3 {
		font-size: 12px;
		padding: 0 5px;
	}
	.feature-product-item > span.price{
		padding: 0 5px;
	}
}
@media screen and (max-width: 480px){
	.site-logo {
		width: 68%
	}
	.header-tagline h2 {
		font-size: 16px;
	  }
	  .header-tagline h2 span {
		font-size: 26px;
	  }
	body .market-logos.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column{
		 
		flex-basis: 50% !important;
	}
	.danhsach-ncc .ncc {
		width: 50%;
	}
}
@media screen and (max-width: 440px){
	.not-slider .products{
		flex-wrap: wrap;
	}
	.not-slider.horizontal .product{
		width: 50%; 
		margin-bottom: 20px;
	}
	.product-list .item, body.tax-product_cat .products .item, body.search .products .item, .vendors-list .vendor-item, body.search .posts-list .post-item  {
		width: 50%; 
	}
	.paid .col:last-child{
		width: 100%;
		margin: 10px 0 0 0;
	}
}