/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
:root{
	--primary-color: #46694f;
	--secondary-color: #e9f2ec;
	--hover: #80b885;
	--text-color: #212529;
}
body{
	font-family: "Nunito", sans-serif;
}
.woocommerce-form-coupon-toggle, .woocommerce-thankyou-order-details li.woocommerce-order-overview__payment-method{
	display: none !important;
}
*{
	box-sizing: border-box;
}
img{
	max-width: 100%;
}	
.col-inner:last-child{
	padding-bottom: 0;
}
a, input[type='submit'], button{
	transition: all .25s ease;
}
p:last-child{
	margin-bottom: 0;
}
.header-inner.logo-left {
	position: relative;
	#logo a {
		position: absolute;
		top: 0;
		height: 148px;
		background: #1E1E1E;
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 228px;
		img{
			max-height: 122px;
			object-fit: contain;
		}
	}
}
li.header-search-form.search-form {
	margin-left: 100px !important;
}
.header-bottom .nav-left {
	margin-left: 275px;
}
.header-call-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	i{
		transform: rotateZ(-45deg) !important;
	}
}
form{
	margin-bottom: 0;
}
.ss-pd {
	padding-top: 50px !important;
	padding-bottom: 20px !important;
}
.wpcf7-spinner{
	display: none;
}
.ss-footer{
	h2{
		margin-bottom: 0;
		font-size: 20px;
	}
	.form-footer-edit{
		position: relative;
		input{
			height: 60px;
			outline: none;
			border: none;
			box-shadow: none;
			padding-right: 85px;
			color: #495057;
			line-height: 1.5;
			font-size: 15px;
			border-radius: 5px;
			margin-bottom: 0;
		}
		input.wpcf7-submit{
			position: absolute;
			padding: 15px;
			top: 50%;
			right: 0px;
			width: 70px;
			height: 50px;
			color: #fff;
			transform: translateY(-50%);
			margin-right: 6px;
		}
		.wpcf7-not-valid-tip {
			position: absolute;
			bottom: 0;
			transform: translateY(100%);
		}
	}
	.ul-footer{
		h3{
			font-size: 16px;
			margin-bottom: 15px;
		}
		ul{
			margin-bottom: 0;
			li{
				list-style-type: none;
				margin-left: 0;
				margin-bottom: 15px;
				i{
					width: 16px;
					height: 16px;
					text-align: center;
					margin-right: 6px;
				}
				a:hover{
					color: var(--hover);
				}
			}
			li:last-child{
				margin-bottom: 0;
			}
		}
	}
	.gallery-col.col{
		padding: 0 4px;
	}
}
input[type='submit']:hover, button:hover,.button:hover, .dark .button.is-form:hover, input[type=button]:hover,
input[type=reset]:hover, input[type=submit]:hover{
	background-color: var(--hover) !important;
	color: #fff !important;
	box-shadow: none;
}
.gallery-box .box-text{
	padding: 0;
}
.ss-banner{
	.flickity-slider>.is-selected{
		z-index: 0;
	}
}
.frame-title{
	overflow: hidden;
	span{
		font-size: 110px;
		width: 100%;
		opacity: 0.05;
		top: 50%;
		left: 50%;
		line-height: 1;
		transform: translate(-50%, -50%);
		letter-spacing: 30px;
		font-weight: bold;
		position: absolute;
	}
	h2{
		font-size: 48px;
		color: var(--primary-color);
		margin-bottom: 0;
	}
	h3{
		font-size: 30px;
	}
}
.section.dark{
	.frame-title{
		h2{
			color: #fff;
		}
	}
	.button.primary{
		background-color: var(--hover);
	}
	.button.primary:hover{
		background-color: var(--text-color) !important;
	}
}
.reset_variations{
	display: none !important;
}
ul.variable-items-wrapper {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	li.selected{
		background-color: var(--hover) !important;
		color: #fff !important;
		border: 0;
		box-shadow: none !important;
		cursor: no-drop !important;
	}
	li:hover{
		background-color: var(--hover) !important;
		color: #fff !important;
		border: 0;
		box-shadow: none !important;
	}
	li{
		font-size: 14px !important;
	}
}
.flickity-button:hover, .pswp__ui button:hover{
	background-color: transparent !important;
}
.product-info{
	.single_add_to_cart_button{
		background-color: var(--primary-color) !important;
		height: 40px;
	}
	.single_add_to_cart_button:hover{
		background-color: var(--hover) !important;
	}
	.single_add_to_cart_button.disabled{
		cursor: no-drop;
	}
}
.product-summary .variations_button {
	display: flex;
	.single_add_to_cart_button{
		width: 100%;
	}
}
.woocommerce-variation-availability{
	.stock.out-of-stock{
		color: red;
	}
}
.wc-tabs.product-tabs{
	gap: 8px;
	li a{
		padding: 3px 40px;
		cursor: pointer;
		background: var(--secondary-color);
		border-radius: 5px;
		font-size: 16px;
		color: #333;
		min-width: 200px;
		justify-content: center;
		align-items: center;
	}
	li.active a{
		color: #fff;
	}
}
.woocommerce-tabs{
	.tab-panels{
		background-color: #FAFAFA;
		padding: 40px 20px 20px;
		border-radius: 4px;
		margin-top: -20px;
	}
}
.price-wrapper {
	bdi{
		color: red;
	}
}
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content{
	max-width: 500px;
	width: 100%;
}
.product-short-description {
	border: 1px dashed rgba(96, 126, 58, 0.35);
	position: relative;
	border-radius: 10px;
	box-shadow: 5px 4px 0px 0px rgba(96, 126, 58, 0.41);
	background-color: #FFFDF4;
	padding: 15px;
	display: block;
	margin-bottom: 15px;
	ul{
		margin-bottom: 4px;
	}
}
ul.variable-items-wrapper.color-variable-items-wrapper {
	display: flex !important;
}
.product-title{
	margin-bottom: 10px !important;
	a{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
}
.post-title a, .from_the_blog_excerpt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size: 16px;
}
.from_the_blog_excerpt{
	font-size: 14px;
}
.post-title a:hover{
	color: var(--primary-color);
}
.ss-deal{
	.product-small{
		background: #fff;
		padding: 15px;
		border-radius: 5px;
		.product-title {
			a {
				color: #212529;
				font-weight: 700;
			}
		}
	}
}
.col .button{
	margin-bottom: 0;
}
.nav-pills{
	gap: 12px;
	li{
		a{
			border-radius: 5px;
			padding: 0px 20px;
		}
	}
}
.ss-icon-box{
	h3{
		font-size: 16px;
	}	
	p{
		font-size: 14px;
		line-height: 1.3;
	}
}
.is-sticky-column {
	position: sticky;
	top: 15px;
}
.ss-feedback{
	.frame-title{
		i{
			font-size: 45px;
		}
	}
	.icon-box{
		align-items: center;
		h3{
			margin-bottom: 0;
		}
		.icon-box-img{
			border-radius: 50%;
			overflow: hidden;
		}
	}
}
.icon-box-img img, .icon-box-img svg{
	padding-top: 0;
}
.ss-blog{
	.box-image img{
		border-radius: 6px;
	}
	.box-text{
		padding-bottom: 10px;
	}
}
.cat-label.tag-label {
	color: var(--primary-color) !important;
	background: var(--secondary-color) !important;
	font-size: 12px;
	padding: 8px 16px;
	text-transform: capitalize;
	margin-bottom: 10px;
}
.ss-partner{
	.gallery-col{
		img{
			height: 60px;
			object-fit: contain;
		}
	}
	.flickity-button{
		display: none !important;
	}
}
.back-to-top {
	height: 74px;
	width: 74px;
	background-color: #46694f2b !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	color: #fff !important;
	position: relative;
	border: 0 !important;
	transition: all .25s ease;
}
.back-to-top:after {
	content: "";
	position: absolute;
	border-radius: 100%;
	background-color: var(--secondary-color);
	opacity: .4;
	width: 55px;
	height: 55px;
	transition: all .25s ease;
}
.back-to-top:before {
	content: "";
	position: absolute;
	border-radius: 100%;
	background-color: var(--primary-color);
	opacity: .7;
	width: 40px;
	height: 40px;
	transition: all .25s ease;
}
.back-to-top:hover{
	background-color: #0001 !important;
}
.back-to-top:hover:after{
	background-color: #0006 !important;
}
.back-to-top:hover:before{
	background-color: #000 !important;
}
p.woocommerce-result-count {
	display: none;
}
.frame-shop-title {
	width: 100%;
	display: flex;
	align-items: center;
	background-color: var(--primary-color);
	padding: 8px 15px;
	border-radius: 5px;
	.breadcrumbs, .breadcrumbs a{
		color: #fff;
		font-size: 18px;
	}
	.woocommerce-ordering{
		select{
			background-color: transparent;
			border: 0;
			box-shadow: none;
			color: #000;
			width: max-content;
			text-align: right;
			padding-right: 30px;
			filter: invert(1) brightness(1);
		}
	}
}
.widget{
	.widget-title{
		display: block;
		padding: 15px;
		background-color: var(--primary-color);
		color: #fff;
		font-weight: bold;
		font-size: 16px;
		border-radius: 5px;
		margin-bottom: 15px;
	}
	.is-divider{
		display: none;
	}
	ul{
		padding: 0px 10px;
	}
	ul li a{
		display: block;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	ul li a:hover{
		margin-left: 5px;
		color: var(--primary-color);
	}
}
.nav-pagination{
	display: flex;
	align-items: center;
	li span{
		cursor: no-drop;
	}
	li a{
		border: 1px soilid var(--text-color);
		display: flex;
		align-items: center;
		justify-content: center;
		i{
			top: 0;
			font-size: 14px;
		}
	}
}
.archive-page-header .page-title {
	background-color: var(--primary-color);
	color: #fff;
	padding: 15px;
	border-radius: 5px;
	font-size: 18px;
	text-transform: math-auto;
}
.form-contact-all input:not([type="submit"]), .form-contact-all textarea {
	height: 60px;
	border: 0;
	box-shadow: none !important;
	background-color: #fafafa !important;
	padding: 10px 20px;
	border-radius: 5px;
}
.form-contact-all input[type="submit"]{
	height: 60px;
	border-radius: 5px;
}
.form-grid p {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}
.button.checkout, .checkout-button.button {
	color: var(--text-color);
}
.button.disabled, .button[disabled], button.disabled, button[disabled]{
	cursor: no-drop;
}
.cart-sidebar {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}
.woocommerce-checkout .col-inner.has-border {
	padding-bottom: 20px;
}
.button.alt {
	background: var(--primary-color) !important;
}
.button.alt:hover{
	background: var(--hover) !important;
}
.dashboard-links li {
	margin-left: 0 !important;
}
.wc-item-meta li {
	display: flex;
	align-items: center;
	gap: 6px;
	p{
		margin-top: 0;
	}
}
.wc-proceed-to-checkout{
	a{
		color: #fff !important;
	}
}
ul.payment_methods {
	margin-bottom: 6px;
}
.woocommerce-privacy-policy-text{
	margin-top: 6px;
}
.woocommerce-checkout-payment button#place_order {
	width: 100%;
	border-radius: 4px;
}
.woocommerce-customer-details {
	.address-line {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px solid #ececec;
		padding: 8px;
	}
}
.woocommerce-error.message-wrapper{
	outline: 0;
}


@media (min-width: 999px) and (max-width: 1600px){
	.ss-feedback{
		.frame-title {
			h2 {
				font-size: 24px;
			}
		}
	}
}

@media(max-width: 998px){
	.frame-title {
		span {
			font-size: 80px;
		}
		h2{
			font-size: 36px;
		}
	}

	li.header-search-form.search-form {
		margin-left: 135px !important;
		width: 73%;
	}
	.header-main {
		height: 50px !important;
	}
	.header-inner.logo-left {
		#logo a {
			height: 110px;
			min-width: 120px;
			img{
				max-height: 70px;
			}
		}
	}
	.product-main {
		padding: 20px 0 0;
	}
	.product-info {
		padding-bottom: 0;
	}
}

@media(max-width: 580px){
	.cart-sidebar {
		grid-template-columns: 1fr;
		gap: 0px;
	}
	.form-grid p {
		grid-template-columns: 1fr;
		gap: 0;
	}
	.frame-title {
		span {
			font-size: 30px;
			letter-spacing: 20px;
			font-weight: 900;
			opacity: 0.1;
		}
		h2{
			font-size: 22px;
		}
	}
	.ss-icon-box {
		p {
			font-size: 16px;
		}
	}
	.header-inner.logo-left {
		#logo a {
			left: 0;
		}
	}
	li.header-search-form.search-form {
		width: 55%;
		margin-left: 111px !important;
	}
	ul.variable-items-wrapper {
		grid-template-columns: repeat(3, 1fr);
	}
	.ss-footer {
		h2 {
			font-size: 16px;
			text-align: center;
		}
	}
}