/*
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.   ***************/

:root {
	--wn-primary-color: #FFED21;
}

.header-top *, .woocommerce-LoopProduct-link, .nav-dropdown.nav-dropdown-default > li > a, .button, .button:hover {
	color: #555 !important;
}

.icon-menu {
  color: white;
}

#logo img {
	scale: 1.4;
}

.container, .container-width, .full-width .ubermenu-nav, .row {
	width: 1140px;
	max-width: 1140px;
}

.header-top {
	padding-top: 5px;
	padding-bottom: 5px;
	background: var(--wn-primary-color);
}

.header-nav-main .menu-item {
	margin: 0;
	padding: 13px 20px;
}

.header-nav-main > li > a {
	font-size: 1rem;
	font-weight: 500 !important;
	color: #2D2D2D;
}

.absolute-footer {
	background: var(--wn-primary-color);
}

.absolute-footer .container.clearfix {
  display: flex;
  justify-content: center;
}

.absolute-footer .copyright-footer {
	color: #555;
}

.rank-math-breadcrumb {
	margin-top: 10px;
}

.rank-math-breadcrumb span, .rank-math-breadcrumb a {
	color: white;
}

.rank-math-breadcrumb .separator {
	color: var(--wn-primary-color);
	margin: 0 7px;
}

.shop-page-title {
	display: none;
}

.woocommerce-shop .box-image img {
	height: 200px;
	object-fit: cover;
}

.woocommerce-shop .product-small {
	border-radius: 16px;
	overflow: hidden;
}

.woocommerce-shop .box-text a:not(.button) {
	line-height: 0;
}
.woocommerce-shop .box-text {
	padding: 16px 40px;
}

.woocommerce-shop .box-text-products {
	background: var(--wn-primary-color);	
}

.woocommerce-shop .woocommerce-LoopProduct-link {
	font-size: 18px;
	font-weight: 500;
	color: white;
}

.woocommerce-shop .box-text p {
	margin: 0;
	text-align: center;
}

.woocommerce-shop .row-small > .col {
	padding-bottom: 30px;
}

.custom-product-page .woocommerce-tabs.container {
	width: 100%;
}

.custom-product-page h2 {
	text-align: center;
	font-size: 39px;
	font-weight: 600;
	color: var(--wn-primary-color);
}

.custom-product-page .tabs {
	display: none;
}

.custom-product-page .woocommerce-product-gallery__image {
	border-radius: 16px;
	overflow: hidden;
}

.custom-product-page section, .single-product .accordion {
	width: 1140px;
	margin: auto;
}

.single-product .accordion {
	border: 1px solid #D5D8DC;
	margin-bottom: 20px;
}

.custom-product-page .related-products-wrapper {
	display: none;
}

.accordion-title span {
	color: #2D2D2D;
	font-size: 1rem;
}

.wn-single-product-advantages {
	width: 100% !important;
}

.wn-single-product-advantages .product-title{
	color: white;
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	line-height: 48px;
}

.wn-single-product-advantages .product-title:after {
	content: " Advantages";
}

.wn-home-application-text .product-title {
	color: var(--wn-primary-color);
	text-align: center;
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 30px;
	letter-spacing: 4.9px;
}

.wn-home-application-text .product-title::after {
  content: " application";
}

.wn-single-faq .product-title {
	font-size: 2rem;
	color: var(--wn-primary-color);
	text-align: center;
}

.nav-dropdown-has-border .nav-dropdown {
	box-shadow: 0;
	border: none;
}

.nav-dropdown.nav-dropdown-default > li > a {
	background: var(--wn-primary-color);
}

.nav-dropdown.nav-dropdown-default > li > a:hover {
	background: #2D2D2D;
}

.nav-dropdown.nav-dropdown-default > li > a {
	padding: 13px 25px;
	color: white;
	font-size: 14px;
	font-weight: 400;
	margin: 0;
	border: none;
}

.nav-dropdown-default, .nav-dropdown, .nav-dropdown .menu-item{
	padding: 0;
}

.nav-dropdown-has-arrow li.has-dropdown::after{
	display: none;
}

#lb-contact-us {
	border: 10px solid var(--wn-primary-color);
}

#lb-contact-us .wpcf7-form-control {
	box-shadow: none;
	border: 1px solid black;
	border-radius: 4px;
}

#lb-contact-us .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,#lb-contact-us .wpcf7-form-control.wpcf7-textarea {
	color: var(--wn-primary-color) !important;
}

#lb-contact-us .wpcf7-submit {
	background: none;
	border: 1px solid var(--wn-primary-color);
	color: var(--wn-primary-color);
	font-weight: normal !important;
	border-radius: 4px;
}

#lb-contact-us .wpcf7-submit:hover {
	color: white;
	background: var(--wn-primary-color);;
}
.box-text.text-center {
	min-height: 140px;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.container, .container-width, .full-width .ubermenu-nav, .row {
		width: 100%;
		max-width: 100%;
	}

	.woocommerce-shop .small-columns-2 > .col {
		flex-basis: 100%;
		max-width: 100%;
	}
	.custom-product-page section, .single-product .accordion {
		width: 100%;
		margin: auto;
	}

	.single-product .accordion {
		margin-bottom: 20px;
		width: 90%;
	}

}