/*
Theme Name: Frans Theme
Theme URI: https://wetail.io
Author: Wetail
Author URI: https://wetail.io
Description: A starter theme called frans.
Version: 1.0
License: This product is purely intended for use within the Wetail webshop product line. Any redistribution or reproduction of part or all of the contents in any form is prohibited as well as any use of it outside of the previously mentioned scope.
Text Domain: frans
*/

/*** GLOBAL ***/
#page.site {
	overflow: hidden;
}
.content a:not(.fl-button) {
    border-bottom: none !important;
}
/* 	width: 90%; */
article.section {
    padding: 0;
}

@media screen and (min-width: 1180px) {
	div.container {
	    max-width: 100%;
	}
}
@media screen and (min-width: 980px) {
	div.container {
	    margin: 0 auto;
	    max-width: 100%;
	}
}


/*** Header ***/
/* Temp Adminbar */
.admin-bar > nav#menu.cart-panel {
	margin-top: 32px;
}
@media screen and (max-width: 782px) {
	.admin-bar > nav#menu.cart-panel {
    	margin-top: 46px;
	}
}

/*
.main-navigation ul.dropdown-menu {
    left: 0;
    right: auto;
    top: 10px;
    margin-top: 14px;
}

.main-navigation ul.dropdown-menu li.menu-item {
    background: #efefef;
    display: flex;
    box-shadow: rgba(0,0,0,0.1);
}
.main-navigation li.menu-item > ul.dropdown-menu:before {
	content: "\f0de";
    font-family: ""Font Awesome 5 pro"";
    font-size: 35px;
    line-height: 35px;
    position: absolute;
    color: #efefef;
    width: 100%;
    top: -13px;
}
.main-navigation li.menu-item.dropdown ul.dropdown-menu li.menu-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.main-navigation li.menu-item.dropdown ul.dropdown-menu li.menu-item:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
/* third level
.main-navigation li.menu-item.dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu {
    position:  absolute;
    top: 0;
    margin-top: 0;
    margin-left: calc(100% + 10px);
    justify-content: space-between !important;
}
.main-navigation li.menu-item.dropdown ul.dropdown-menu li.dropdown > ul.dropdown-menu:before {
    content: "\f0d9";
    font-family: ""Font Awesome 5 pro"";
    font-size: 35px;
    line-height: 35px;
    position: absolute;
    color: #efefef;
    width: 100%;
    top: 5px;
    left: -10px;
    height:  100%;
}
*/


header nav#site-navigation {
	display: grid;
    grid-template-columns: 15% 70% 15%;
    align-items: center;
    padding: 0 20px;
}
nav#site-navigation .nav-item a,
nav#site-navigation a.nav-item {
    font-size: 18px;
}
nav#site-navigation .nav-item.is-tab:hover {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}
nav#site-navigation ul.shop-items {
    display: grid;
    grid-template-columns: 50% 50%;
}
nav#site-navigation ul.shop-items li a {
	position: relative;
}
nav#site-navigation .nav-left.branding {
    padding: 10px;
}
@media screen and (min-width: 769px) {
	header nav#site-navigation button#menu-toggle {
		display: none;
	}

	header nav#site-navigation  .nav-shop {
    	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
		display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-preferred-size: 0;
	    flex-basis: 0;
	    -webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	    flex-grow: 1;
	    -ms-flex-negative: 0;
	    flex-shrink: 0;
	    -webkit-box-pack: end;
	    -ms-flex-pack: end;
	    justify-content: flex-end;
	    grid-template-columns: 70% 30%;
	    align-items: center;
	}
}


nav#site-navigation ul.nav-menu {
    display: flex;
    flex-direction: row;
}
nav#site-navigation .nav-menu,
nav#site-navigation .nav-wrapper {
    justify-content: center;
    height: 100%;
    align-items: center;
}

nav#site-navigation ul.nav-menu > li.menu-item {
    position: inherit;
    height: 100%;
    align-items: center;
    display: flex;
}
nav#site-navigation ul.nav-menu > li.menu-item a {
	padding: 10px;
}
nav#site-navigation ul.nav-menu > li > ul {
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
    display: flex;
    position: absolute;
    flex-direction: row;
    width: 100vw;
    left: 0;
    right: 0;
    top: 80%;
    justify-content: space-evenly;
    white-space: nowrap;
    flex-wrap: nowrap;
    z-index: -1;
    text-align:left;
    padding: 20px 20px 30px 20px;
}
nav#site-navigation ul.nav-menu > li:hover > ul {
    display: flex;
    position: absolute;
    flex-direction: row;
    width: 100vw;
    left: 0;
    right: 0;
    white-space: nowrap;
    flex-wrap: nowrap;
    top: 100%;
    z-index: 9999 !important;
    overflow: hidden;
    text-align: left;
    visibility: visible;
    transition: 0.5s;
    opacity: 1;
    height: auto;
}
nav#site-navigation ul.nav-menu > li > ul > li.menu-item > a {
    display: block;
}
nav#site-navigation ul.nav-menu > li > ul > li.menu-item ul.sub-menu {
    display: flex;
    flex-direction: column;
    position: relative;
}


/* END Temp Adminbar */
header#header.hero {
	z-index: 99;
}
@media screen and (max-width: 783px) {
	.logged-in.admin-bar header#header.hero {
	    top: 46px;
	}
}
@media screen and (max-width: 768px) {

	header#header.hero {
	    left: 0;
	    width: 100%;
	    top: 0;
	    z-index: 10;
	}
	header#header.hero .hero-head {
	    width: 100%;
        display: flex;
	    align-items: center;
	    height: 100%;
	}
	header nav#site-navigation {
		grid-template-columns: 25% 50% 25%;
		align-items: center;
		padding: 0 10px;
	}
	header nav#site-navigation button#menu-toggle .nav-toggle {
	    display: flex;
		justify-content: center;
		align-items: center;
		font-size: 18px;
	}
	header nav#site-navigation button#menu-toggle .nav-toggle:hover {
    	background-color: transparent;
	}
	header nav#site-navigation button#menu-toggle {
	    order: 1;
	    width: 50px;
	}
	header nav#site-navigation .nav-left {
	    order: 2;
	    justify-content: center;
		align-items: center;
		display: grid;
	}
	nav#site-navigation .nav-left.branding a img {
    	width: auto;
		max-height: 40px;
	}
	header nav#site-navigation .nav-shop {
	    order: 3;
	    justify-content: flex-end;
		align-items: center;
		display: grid;
	}
	header nav#site-navigation .nav-shop ul li.nav-item {
		width: 50px;
	}
	header nav#site-navigation .nav-wrapper {
		order: 4;
		position: fixed;
		left: -80%;
	    top: 50px;
	    z-index: 9;
	    background: #fff;
	    width: 80%;
	    padding: 20px;
		overflow-y: scroll;
	    transition: 0.5s;
	}
	header nav#site-navigation .nav-wrapper.show {
		left: 0;
		transition: 0.5s;
	}
	/* Mobile Menu start */
	header nav#site-navigation .nav-wrapper ul.nav-menu {
		background-color: transparent;
		box-shadow: none;
	    left: 0;
	    right: 0;
	    top: 0;
	    position: relative;
	    flex-direction: column !important;
	    align-items: start !important;
	    width: 100% !important;
	    height: auto !important;
	}
	header nav#site-navigation .nav-wrapper ul.nav-menu li.menu-item {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
		position: relative;
	}
	header nav#site-navigation .nav-wrapper ul.nav-menu li.menu-item-has-children:after {
		content: "\002B";
	    position: absolute;
	    right: 0;
		top: 0;
	    width: 30px;
		height: 30px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
		transform: rotate(0deg);
		transform-origin: 50% 54%;
		transition: transform 0.3s;
	}

	header nav#site-navigation .nav-wrapper ul.nav-menu li.menu-item-has-children.focus:after {
		transform: rotate(135deg);
	}


	/* First level */

	header nav#site-navigation .nav-wrapper  ul.nav-menu > li > ul.sub-menu {
		position: relative;
		display: flex;
		height: auto;
		width: 100%;
		padding: 0 0 0 10px;
		flex-direction: column;
		background: transparent !important;
		opacity: 1;
		visibility: visible;
		transition: none;
	}
	header nav#site-navigation .nav-wrapper  ul.nav-menu > li:hover > ul.sub-menu {
		/*height: auto;*/
		/*padding: 0 0 0 10px;*/
		/*display: flex;*/
	}
	/* Second level */

	header nav#site-navigation .nav-wrapper  ul.nav-menu li ul.sub-menu > li ul.sub-menu {
		width: 100%;
	}

	/* Third level */
	header nav#site-navigation .nav-wrapper  ul.nav-menu li ul.sub-menu > li ul.sub-menu li.menu-item {
		padding: 0 0 0 10px;
	}
}

@media screen and (max-width: 320px) {
    header nav#site-navigation {
        grid-template-columns: 30% 40% 30%;
        align-items: center;
        padding: 0 10px;
    }
    header nav#site-navigation .nav-shop ul li.nav-item {
        width: 40px;
    }
}

/*** Slide Cart ***/
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
	text-align: left;
}
nav#menu.cart-panel ul.product_list_widget li.mini_cart_item img {
	width: 100%;
	border-radius: 100px;
}
.woocommerce a.remove {
	position: absolute;
}

nav#menu.cart-panel .panel-top {
    padding: 22px;
    margin: -20px 0 0 -20px;
    width: calc(100% + 40px);
}
nav#menu.cart-panel .panel-top, nav#menu.cart-panel .wt-cart-total {
	background: rgba(128,128,128,0.1);
}
nav#menu.cart-panel ul.cart_list.product_list_widget li.mini_cart_item {
	border-bottom: 1px solid #f5f5f5;
}
nav#menu.cart-panel .panel-top h3 {
    padding: 0;
    line-height: 24px;

}
/* Checkout button */
nav#menu.cart-panel a.button.checkout.wc-forward {
    color: #fff;
    width: 100%;
    height: 50px;
    padding: 15px;
}
nav#menu.cart-panel a.button.checkout.wc-forward:hover {
/*
    background: none;
    border-color: blue;
    color: blue;
*/
}
/*** Header - Mini Cart ***/
nav.cart-panel {
	border: none;
	z-index: 99;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    color:  #000;
    max-width: 100%;
}
span.minicart_count {
    font-size: 10px;
    color: #fff;
    min-width: 20px;
    height: 20px;
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
/** Header - Search **/

.nav-search {
	display: none;
	position: absolute;
	top: 100%;
	width: 100%;
	height: auto;
	left: 0;
	right: 0;
	overflow: hidden;
	padding: 10px;
	border-bottom: 1px solid #efefef;
	border-top: 1px solid #efefef;
	transition: 0.5s;
	z-index: 1;
}

.nav-search.show {
	display: block;


}

.nav-search .woocommerce-product-search button {
	display: none;
}

.nav-search .woocommerce-product-search input.search-field {
	width: 0;
	height: 34px;
	padding: 10px;
	transition: width 1s ease-out;
	-moz-transition: width 1s ease-out;
	-webkit-transition: width 1s ease-out;
	font-size: 16px;
	-webkit-appearance: textfield;
}
.nav-search .woocommerce-product-search input.search-field {
	width: 100%;
	transition: width 1s ease-out;
	-moz-transition: width 1s ease-out;
	-webkit-transition: width 1s ease-out;

}

/*** WooCommerce - Global ***/
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 1em 2em 1em 3.5em;
    margin: 0;
    position: relative;
    background-color: #f7f6f7;
    color: #515151;
    border-top: none;
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
}

/*** WooCommerce - Archive ***/
/* Shop archive */
.post-type-archive-product.woocommerce .woocommerce-products-header nav.woocommerce-breadcrumb{
    padding: 10px 20px;
}
/* Description - Categories */

.tax-product_cat.woocommerce header.woocommerce-products-header {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 60px 40px 1fr;
    grid-row-gap: 1px;
}
.tax-product_cat.woocommerce  .woocommerce-products-header nav.woocommerce-breadcrumb {
    margin: 0;
    padding: 0 20px;
}
.woocommerce-products-header img {
    grid-row: span 4;
}
.woocommerce-products-header .missing-cat-img {
    grid-row: span 3;
}
.woocommerce-products-header .term-description {
    padding: 0 20px;
}

.woocommerce-products-header h1.woocommerce-products-header__title.page-title {
    padding: 10px 20px;
    margin:  0;
    font-size: 20px;
}


.tax-product_cat.woocommerce header.woocommerce-products-header {
    grid-template-columns: 50% 50%;
    grid-template-rows: 60px 40px 1fr;
    grid-row-gap: 1px;

}
.tax-product_cat.woocommerce  .woocommerce-products-header nav.woocommerce-breadcrumb {
    margin: 0 0 20px 0;
    padding: 0 20px;

    width: 100%;
    float: left;
}
.woocommerce-products-header > * {
	width: 100%;
}
.woocommerce-products-header img {
    grid-row: span 4;
}
.woocommerce-products-header .missing-cat-img {
	grid-row: span 3;
	background: rgba(134, 134, 134, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: rgba(134, 134, 134, 0.5);
    font-weight: 700;
}
.woocommerce-products-header .term-description {
    padding: 0 20px;
    margin: 0 0 20px 0;

    width: 100%;
    float: left;
}

.woocommerce-products-header h1.woocommerce-products-header__title.page-title {
    padding: 10px 20px;
    margin: 0;

    width: 100%;
    float: left;
}

.woocommerce .woocommerce-products-header .count-sort {
    padding: 10px 20px;
    display: table;
    width: 100%;
    float: left;
    margin: auto 0 0 0;
}

.woocommerce .woocommerce-products-header .count-sort .woocommerce-result-count,
.woocommerce .woocommerce-products-header .count-sort .woocommerce-ordering {
    margin:  0;
}

.woocommerce .woocommerce-products-header .count-sort form.woocommerce-ordering {
	border: 1px solid #000;
	height: 26px;
    display: inline-flex;
    border-radius: 4px;
}

.woocommerce .woocommerce-products-header .count-sort select.orderby {
	float: right;
    margin-right: 0;
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
	background: transparent none;
	-webkit-appearance: none;
}

.woocommerce .woocommerce-products-header .count-sort form.woocommerce-ordering:after {
	font-family: "wetail-icons", sans-serif;
	content: "a";
	float: right;
	position: relative;
	right: 5px;
	top: 2px;
	font-size: 16px;
}

/* Product Archive */
.woocommerce #shop-filters {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    padding: 0 20px;
    margin-bottom: 1px;
    width: 100%;
}

.woocommerce #shop-filters a.toggle-filter {
	display: none;
}

.woocommerce #shop-filters .widget {
    min-width: 100px;
    margin: 0;
    border-right: 1px solid #efefef;
    padding: 0;
    position: relative;
    text-align: center;
}
.woocommerce #shop-filters .widget:first-child {
	padding-left: 0 !important;
}

.woocommerce #shop-filters .widget.filter h3 {
    display: inline-flex;
    align-items: center;
    padding: 5px 0;
    cursor: pointer;
}
.woocommerce #shop-filters .the-shop-filters {
	display: flex;
}
.woocommerce #shop-filters .widget h2 {
	font-size: 15px !important;
    display: inline-flex;
    align-items: center;
    padding: 5px 0;
	margin: 0 10px 0 0;
}

.woocommerce #shop-filters .widget.woocommerce.widget_layered_nav_filters {
    display: flex;
    align-items: flex-start;
}

.woocommerce #shop-filters .widget.woocommerce.widget_layered_nav_filters ul {
    align-items: flex-start;
    display: flex;
    height: 100%;
    padding: 5px 0;
}

.woocommerce #shop-filters .woocommerce.widget_layered_nav_filters ul li a {
    background: #dedede;
    padding: 1px 6px 1px 4px;
    border-radius: 25px;
    color: #fff;
    display: flex;
    align-items: center;
}

.woocommerce #shop-filters .woocommerce.widget_layered_nav_filters ul li a:hover {
	background: #ffc4c4;
}
.woocommerce #shop-filters .woocommerce.widget_layered_nav_filters ul li a:before {
    color: #fff;
}

.woocommerce #shop-filters .widget.filter h3:after {
	font-family: "wetail-icons", sans-serif;
    content: "v";
    display: table;
    font-size: 1em;
    margin: 0 0 0 10px;
}

.woocommerce #shop-filters .widget.filter.open h3:after {
	font-family: "wetail-icons", sans-serif;
    content: "l";
    display: block;
    font-size: 1em;
    margin: 0 0 0 10px;
}

.woocommerce #shop-filters .widget.filter ul.woocommerce-widget-layered-nav-list {
    visibility: hidden;
    height: 0;
    position: absolute;
    padding: 10px;
    z-index: 100;
    background: #fff;
    border: 1px solid #efefef;
    border-top: none;
    width: auto;
    margin: 0 -1px;
}

.woocommerce #shop-filters .widget.filter.open ul.woocommerce-widget-layered-nav-list {
    visibility: visible;
    height: auto;
    padding-bottom: 10px;
}

.woocommerce #shop-filters .widget.filter ul.woocommerce-widget-layered-nav-list li {
	white-space: nowrap;
	text-align: left;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:before {
	content: "";
	width: 15px;
	height: 15px;
	border: 1px solid;
	display: inline-block;
	color: #000;
	margin: 0 10px 0 0;
	border-radius: 10px;
	vertical-align: middle;
	line-height: 1em;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a:before {
	font-family: "wetail-icons", sans-serif;
	content: "q";
	border-color: #ffc4c4;
    background: #ffc4c4;
    color: #fff;
}
.woocommerce-page ul.products,
.woocommerce ul.products {
    display: grid;
    grid-column-gap: 1px;
    grid-row-gap: 1px;
}

.woocommerce-page ul.products.columns-1,
.woocommerce ul.products.columns-1 {
	grid-template-columns: 1fr;
}

.woocommerce-page ul.products.columns-2,
.woocommerce ul.products.columns-2 {
	grid-template-columns: 1fr 1fr;
}

.woocommerce-page ul.products.columns-3,
.woocommerce ul.products.columns-3 {
	grid-template-columns: 1fr 1fr 1fr;
}

.woocommerce-page ul.products.columns-4,
.woocommerce ul.products.columns-4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.woocommerce-page ul.products.columns-5,
.woocommerce ul.products.columns-5 {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.woocommerce-page ul.products.columns-6,
.woocommerce ul.products.columns-6 {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.woocommerce ul.products.columns-1 li.product,
.woocommerce-page ul.products.columns-1 li.product,
.woocommerce ul.products.columns-2 li.product,
.woocommerce-page ul.products.columns-2 li.product,
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product,
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product,
.woocommerce ul.products.columns-5 li.product,
.woocommerce-page ul.products.columns-5 li.product,
.woocommerce ul.products.columns-6 li.product,
.woocommerce-page ul.products.columns-6 li.product {
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
}



.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
    content: '';
    display: none;
}

.woocommerce ul.products li.product a img {
    margin: 0;
    grid-column: span 2;
}

.woocommerce ul.products li.product a h2.woocommerce-loop-product__title {
	text-align: left;
	padding: 5px 0 5px 5px;
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    border-bottom: none;
}

.woocommerce ul.products li.product .price {
    font-size: 1em;
    padding: 5px 0 5px 5px;
    text-align: left;
    margin: 0;
}
.woocommerce .price ins {
	text-decoration: none;
}
.woocommerce ul.products li.product .button {
    margin: 0 0 0 0;
    width: 35px;
	position: absolute;
    opacity: 0;
    bottom: -50px;
	transition: 500ms;
    -moz-transition: 500ms;
    -webkit-transition: 500ms;
    right: 5px;
    font-size: 0;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.woocommerce ul.products li.product .button:before {
	font-family: "wetail-icons", sans-serif;
    content: "o";
    font-size: 20px;
}
.woocommerce ul.products li.product:hover > .button,
.woocommerce-page ul.products li.product:hover > .button {
    opacity: 1;
    transition: 500ms;
    -moz-transition: 500ms;
    -webkit-transition: 500ms;
    bottom: 5px;
}
.woocommerce nav.woocommerce-pagination ul {
	margin: 30px 0;
	border: none;
}
.woocommerce nav.woocommerce-pagination ul li {
	border: none;
}
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a {
	width: 30px;
	height: 30px;
	margin: 5px;
	border: 1px solid #efefef;
	border-radius: 15px;
}
.woocommerce nav.woocommerce-pagination ul li span.current {

}
/* Sale */
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
    min-height: 25px;
    min-width: 90px;
    padding: 0;
	font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 1em;
    top: 5px;
    right: 5px;
    left: auto;
    margin: 0;
    border-radius: 0;
    color: #fff;
    font-size: .857em;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*** WooCommerce - Single ***/
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    width:  50%;
    margin-bottom:  0;
}
.woocommerce #content div.product .flex-viewport img:hover {
    cursor: zoom-in;
}

/* Summary */
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    width:  50%;
    padding: 50px 6% 10px 6%;
}
h1.product_title.entry-title {
    padding: 20px 0 0;
    margin: 0;
}
.woocommerce div.product .woocommerce-product-rating {
    border-top: 1px solid rgba(0,0,0,0.3);
    border-bottom: 1px solid rgba(0,0,0,0.3);
    padding: 20px 0;
    margin: 0;
}
.woocommerce-product-details__short-description {
    padding: 20px 0;
}
.woocommerce div.product span.price-title {
    float:  left;
    font-weight: bold;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0 0 20px 0;
}
.woocommerce div.product p.stock.in-stock {
    padding: 0 0 20px 0;
}
.woocommerce div.product form.cart .variations tbody {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.woocommerce div.product form.cart .variations {
    padding: 0;
    margin-bottom: 10px;
}
.woocommerce div.product form.cart .variations tr {
    display: flex;
    flex-direction: column;
    width: 48.5%;
}
.woocommerce div.product form.cart .variations td.label {
    border: 0;
    vertical-align: top;
    line-height: initial;
    padding-right: 0;
}
.woocommerce div.product form.cart .variations td.value {
    padding:  0;
    position: relative;
    margin-bottom: 20px;
}
.woocommerce div.product form.cart .variations td.value select {
    float: right;
    margin-right: 0;
    padding: 10px 8px;
    width: 130%;
    box-shadow: none;
	background: transparent none;
	-webkit-appearance: none;
    position:  relative;
    display: block;
    border: 1px solid;
    height: 37px;
    z-index: 1;
}
.woocommerce div.product form.cart .variations td.value:after {
	font-family: "wetail-icons";
    content: "a";
    float:  right;
    position:  absolute;
    right: 13px;
    top: 0;
    font-size: 16px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
}
.woocommerce div.product form.cart .variations td.value a.reset_variations {
    visibility: hidden;
    display: none !important;
}


/* Add to cart button */
.woocommerce div.product form.cart div.quantity input.qty {
    height: 60px;
    width: 60px;
    font-size: 14px;
}

.woocommerce div.product form.cart div.quantity {
    margin: 0 10px 0 0;
    width: 60px;
}

.woocommerce div.product form.cart .button {
    height: 60px;
    width: calc(100% - 70px);
}
.woocommerce div.product form.cart .button:hover {
    height: 60px;
    width: calc(100% - 70px);
}
.woocommerce button.button.disabled {
}

.woocommerce div.product .product_meta {
    font-size: 10px;
    display: flex;
    flex-direction: column;
    opacity: 0.5;
}

/* Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display:  flex;
    flex-direction: row;
    justify-content:  center;
    margin:  0;
    padding:  0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: #fff;
    width:  100%;
    text-align:  center;
    border-radius:  0;
    margin:  0 !important;
    padding: 10px !important;
    border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {

}
.woocommerce div.product .woocommerce-tabs .panel {
    padding: 20px 20px 40px 20px;
    border: none;

}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    border: 0;
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    content: '';
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:not(.fl-button) {
    border-bottom: none;
}

.single-product.fl-builder .woocommerce-tabs .woocommerce-Tabs-panel--description.panel {
    padding: 0;
    margin: 0;
}
.single-product.fl-builder .woocommerce-tabs .woocommerce-Tabs-panel--description.panel h2 {
    display: none;
}


@media screen and (max-width: 768px) {
	.woocommerce div.product .woocommerce-tabs ul.tabs {
		flex-direction: column;
	}
	.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child {
		border-top: 1px solid #f7f7f7;
	}
}

/* Reviews */
.woocommerce #reviews {
    display: flex;
    flex-direction:  row-reverse;
}

.woocommerce #reviews div#comments {
    background:  none;
    width: 100%;
    padding: 30px;
}

.woocommerce #reviews div#review_form_wrapper {
    width: 100%;
    padding: 30px;
    background: #fff;
}

.woocommerce #reviews span#reply-title {
	font-size: 1.75em;
	margin-bottom:  20px;
	display:  table;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0 0 0 50px;
    border: none;
    border-radius: 4px;
    padding: 1em 1em 0;
    background: #fff;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
    padding: 0;
    width: 45px;
    border-radius: 40px;
}
.woocommerce #reviews #review_form label {
    display:  table;
    font-weight: 600;
}
.woocommerce #reviews p.comment-form-author {
    float:  left;
    width:  49%;
}
.woocommerce #reviews p.comment-form-email {
    float:  right;
    width:  49%;
}
.woocommerce #reviews p.comment-form-email input,
.woocommerce #reviews p.comment-form-author input {
    width: 100%;
}
.woocommerce #reviews div#comments {
    background:  none;
}
@media screen and (max-width: 768px) {
	.woocommerce #reviews {
    	display: block;
    }
    .woocommerce #reviews div#comments {
	    padding: 0;
    }
}
/* Related */
/*
.woocommerce section.up-sells.upsells.products ul.products,
.woocommerce section.up-sells.upsells.products ul.products,
.woocommerce section.related.products ul.products,
.woocommerce section.related.products ul.products {
    display:  grid;
    flex-direction: row;
    flex-wrap: wrap;
}
.woocommerce section.up-sells.upsells.products ul.products li.product,
.woocommerce .up-sells.upsells ul.products li.product,
.woocommerce section.related.products ul.products li.product,
.woocommerce .related ul.products li.product {
    width: calc(50% - 1px);
    margin: 1px 1px 0 0;
}
*/
.woocommerce section.up-sells.upsells.products h2,
.woocommerce section.related.products h2 {
    text-align:  center;
    margin: 0 0 30px 0;
}

/*** Input forms ***/
input, textarea {
    height:  34px;
    padding:  10px;
    border: 1px solid #b9b9b9;
}
/*** Mobile ***/
@media screen and (max-width: 992px) and (min-width: 769px) {

	.woocommerce-page ul.products.columns-4,
	.woocommerce ul.products.columns-4,
	.woocommerce-page ul.products.columns-5,
	.woocommerce ul.products.columns-5,
	.woocommerce-page ul.products.columns-6,
	.woocommerce ul.products.columns-6 {
	    display: grid;
	    grid-template-columns: 1fr 1fr 1fr;
	    grid-column-gap: 1px;
	    grid-row-gap: 1px;
	}

}
@media (max-width: 768px) {
	/* Archive products */

	.woocommerce-page ul.products.columns-3,
	.woocommerce ul.products.columns-3,
	.woocommerce-page ul.products.columns-4,
	.woocommerce ul.products.columns-4,
	.woocommerce-page ul.products.columns-5,
	.woocommerce ul.products.columns-5,
	.woocommerce-page ul.products.columns-6,
	.woocommerce ul.products.columns-6 {
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	    grid-column-gap: 1px;
	    grid-row-gap: 1px;
	}

	.woocommerce #shop-filters {
		flex-wrap: wrap;
		padding: 0;
	}
	.woocommerce #shop-filters > * {
	    padding: 0 20px;
	}

	.woocommerce #shop-filters h3 {
		width: 100%;
	}
	.woocommerce #shop-filters a.toggle-filter {
	    display: block;
	    width: 100%;
	    border-bottom: 1px solid #efefef;
	    padding: 10px 20px;
	}
	.woocommerce #shop-filters .the-shop-filters {

		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	.woocommerce #shop-filters .widget.filter {
		width: 50%;
		margin: 0;
		position: relative;
		display: none;
		height: 0;
		border-right: none;
	}

	.woocommerce #shop-filters .widget.filter.show {
		display: flex;
		flex-wrap: wrap;
		height: auto;
		padding-bottom: 10px;
		border-bottom: 1px solid #efefef;
	}
	.woocommerce #shop-filters .widget:nth-child(even) {

		border-right: none;
		border-right: 1px solid #efefef;
	}
	.woocommerce #shop-filters .widget/* :nth-child(even) */ {
		padding-left: 20px;
	}
	.woocommerce #shop-filters .widget.woocommerce.widget_layered_nav_filters {
		min-width: 100%;
		border-right: none;
	}
	.woocommerce #shop-filters .widget.filter ul.woocommerce-widget-layered-nav-list {
		visibility: visible;
		position: relative;
		opacity: 1;
		height: auto;
		text-align: left;
		padding: 0;
		border: none;
		background: none;
	}
	.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a {
		white-space: initial;
	}
	.woocommerce #shop-filters .widget.filter h3:after,
	.woocommerce #shop-filters .widget.filter.open h3:after {
	    content: " ";
	}

	.woocommerce-page ul.products,
	.woocommerce ul.products {
	    display: grid;
	    grid-template-columns: 50% 50%;
	    grid-column-gap: 1px;
	    grid-row-gap: 1px;
	}
    .tax-product_cat.woocommerce header.woocommerce-products-header {
        grid-template-columns: 1fr;
    }
    .tax-product_cat.woocommerce header.woocommerce-products-header h1 {
        order: 2;
    }
    .tax-product_cat.woocommerce header.woocommerce-products-header img {
        order: 1;
    }
    .tax-product_cat.woocommerce header.woocommerce-products-header .woocommerce-breadcrumb {
        order: 3;
    }
    .tax-product_cat.woocommerce header.woocommerce-products-header .term-description {
        order: 4;
    }
    .tax-product_cat.woocommerce header.woocommerce-products-header .count-sort {
        order: 5;
    }

	/* Single Product */
	.woocommerce #content div.product div.images,
	.woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images,
	.woocommerce-page div.product div.images {
    	width: 100%;
		margin-bottom: 0;
	}
	.woocommerce #content div.product div.summary,
	.woocommerce div.product div.summary,
	.woocommerce-page #content div.product div.summary,
	.woocommerce-page div.product div.summary {
    	width: 100%;
		padding: 20px 6% 10px 6%;
	}
	.woocommerce div.product div.summary.entry-summary {
    	display: flex;
		flex-direction: column;
	}
	.woocommerce div.product div.summary.entry-summary nav.woocommerce-breadcrumb {
	    order: 1;
	}
	.woocommerce div.product div.summary.entry-summary h1.product_title.entry-title {
	    order: 2;
	}
	.woocommerce div.product div.summary.entry-summary .woocommerce-product-details__short-description {
	    order: 6;
	}
	.woocommerce div.product div.summary.entry-summary .woocommerce-product-rating {
	    order: 3;
	}
	.woocommerce div.product div.summary.entry-summary p.price {
	    order: 4;
	}
	.woocommerce div.product div.summary.entry-summary form.cart,
	.woocommerce div.product div.summary.entry-summary form.variations_form.cart {
	    order: 5;
	}
	.woocommerce div.product div.summary.entry-summary .product_meta {
	    order: 7;
	}
}


.woocommerce-account .content {
    padding: 20px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

li.woocommerce-MyAccount-navigation-link {
    padding: 10px;
    border-bottom: 1px solid #efefef;
    margin-top: 0 !important;
}

li.woocommerce-MyAccount-navigation-link.is-active {
    background: rgba(239, 239, 239, 0.5);
}

@media (max-width: 320px) {
	/* Archive products */

	.woocommerce-page ul.products.columns-2,
	.woocommerce ul.products.columns-2,
	.woocommerce-page ul.products.columns-3,
	.woocommerce ul.products.columns-3,
	.woocommerce-page ul.products.columns-4,
	.woocommerce ul.products.columns-4,
	.woocommerce-page ul.products.columns-5,
	.woocommerce ul.products.columns-5,
	.woocommerce-page ul.products.columns-6,
	.woocommerce ul.products.columns-6 {
	    display: grid;
	    grid-template-columns: 1fr;
	    grid-column-gap: 1px;
	    grid-row-gap: 1px;
	}
}

/*** Footer ***/
footer.site-footer {
	padding: 50px 20px;
}
footer.site-footer h3 {
	margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
	footer.site-footer {
		padding: 50px 10px;
	}
	footer .columns {
		margin-left: 0;
		margin-right: 0;
	}
	footer .columns.footer  {
		grid-template-columns: 50% 50%;
		display: grid;
	}
	footer .columns.footer h3 {
		word-break: break-word;
	}
}
