/*
Theme Name: MyTheme
Theme URI: https://example.com/mytheme
Author: Longyuan
Description: WordPress theme converted from the static Longyuan frontpage.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: mytheme
*/

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.head_nav .current-menu-item > a,
.head_nav .current-menu-ancestor > a,
.head_nav li.active > a {
	color: #0656ad;
}

.nav_wrap .head_nav > li li.current-menu-item > a,
.nav_wrap .head_nav > li li.current-menu-ancestor > a,
.nav_wrap .head_nav > li li.current-menu-parent > a,
.nav_wrap .head_nav > li li.current_page_item > a,
.nav_wrap .head_nav > li li.current_page_ancestor > a {
	color: #fff;
}

.nav_wrap .head_nav > li li.current-menu-item > a:before,
.nav_wrap .head_nav > li li.current-menu-ancestor > a:before,
.nav_wrap .head_nav > li li.current-menu-parent > a:before,
.nav_wrap .head_nav > li li.current_page_item > a:before,
.nav_wrap .head_nav > li li.current_page_ancestor > a:before {
	top: 50%;
	margin-top: -11px;
	height: 22px;
	opacity: 1;
	filter: alpha(opacity=100);
	background-color: #fff;
}

.wp-page-content {
	line-height: 1.8;
	color: #333;
}

.wp-page-content img {
	max-width: 100%;
	height: auto;
}

.wp-page-content .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.product_item .item_img img,
.news_cell .cell_img img,
.news_hot_item .item_img img {
	width: 100%;
	height: 250px;
	object-fit: cover;
}

.inquiry-notice {
	padding: 12px 16px;
	margin: 0 0 18px;
	background: #f2fbf5;
	border-left: 4px solid #31a852;
	color: #1f6d36;
}

.inquiry-notice.error {
	background: #fff5f5;
	border-left-color: #d63638;
	color: #8a2424;
}

.blog-item .item-img {
	width: 200px;
}

.blog-item .item-img img {
	display: block;
	height: 150px;
	object-fit: cover;
}

.blog-item .item-info .item-detail {
	display: -webkit-box;
	line-height: 1.75;
	max-height: 3.5em;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.items_list .mytheme-product-grid {
	justify-content: flex-start;
}

.inquiry-form-wrap.ct-inquiry-form .layout {
	height: auto !important;
	min-height: 420px;
	padding-bottom: 24px;
	overflow: visible;
}

.inquiry-form-wrap.ct-inquiry-form .content-wrap,
.inquiry-form-wrap.ct-inquiry-form .ch_form_wrap {
	height: auto !important;
	overflow: visible !important;
}

.inquiry-form-wrap.ct-inquiry-form .content-wrap .ch_form_wrap form {
	height: auto;
	overflow: visible !important;
	padding-bottom: 0;
}

.ct-inquiry-form + hr {
	margin-top: 24px;
}

@media (max-width: 950px) {
	.product_cates ul {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 6px;
		margin: 0;
		overflow: visible;
	}

	.product_cates li {
		width: auto;
		height: auto;
		padding: 0;
		border-right: 0;
	}

	.product_cates li a {
		height: auto;
		min-height: 52px;
		padding: 8px 6px;
		font-size: 13px;
		line-height: 1.3;
		white-space: normal;
		word-break: break-word;
	}
}

.mytheme-empty {
	padding: 28px 0;
	color: #666;
	text-align: center;
}

.single-product .product-detail .tab-panel-wrap {
	padding-top: 0;
}

.single-product .product-detail .detail-tabs {
	margin-bottom: 6px;
}

.single-product .product-detail .tab-panel-content {
	padding-top: 0;
}

.single-product .product-inquiry-section {
	margin-top: 10px;
}

.single-product .product-inquiry-section .product-inquiry-form {
	min-width: 280px;
	height: auto;
	background: transparent;
	border: none;
	outline: none;
	margin: 0;
	padding: 0;
	box-shadow: 0 0 10px rgb(0 0 0 / 10%);
	overflow: visible;
}

.single-product .product-inquiry-section .product-inquiry-form .ch_form_wrap {
	height: auto;
}

.single-product .product-inquiry-section .product-inquiry-form .ch_form_wrap form {
	height: auto;
	overflow: visible;
	padding-bottom: 20px;
}

.mytheme-faq-page > .layout {
	width: 100%;
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}

.mytheme-faq-page .blog-article,
.mytheme-faq-page .fl-builder-content,
.mytheme-faq-page .fl-row,
.mytheme-faq-page .fl-row-content,
.mytheme-faq-page .fl-col-group,
.mytheme-faq-page .fl-col,
.mytheme-faq-page .fl-col-content,
.mytheme-faq-page .fl-module,
.mytheme-faq-page .fl-module-content,
.mytheme-faq-page .fl-accordion {
	box-sizing: border-box;
	width: 100% !important;
	max-width: 1100px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.mytheme-faq-page .fl-row-content-wrap {
	width: 100% !important;
	max-width: none !important;
	padding-left: 0;
	padding-right: 0;
}

.mytheme-faq-page .fl-accordion-item,
.mytheme-faq-page .fl-accordion-button,
.mytheme-faq-page .fl-accordion-content,
.mytheme-faq-page .fl-accordion-content p {
	box-sizing: border-box;
	width: 100% !important;
	max-width: none !important;
}

.mytheme-faq-page .fl-accordion-content p {
	display: block !important;
	float: none !important;
	clear: none !important;
	white-space: normal !important;
}

@media (max-width: 1200px) {
	.mytheme-faq-page .blog-article,
	.mytheme-faq-page .fl-builder-content,
	.mytheme-faq-page .fl-row,
	.mytheme-faq-page .fl-row-content,
	.mytheme-faq-page .fl-col-group,
	.mytheme-faq-page .fl-col,
	.mytheme-faq-page .fl-col-content,
	.mytheme-faq-page .fl-module,
	.mytheme-faq-page .fl-module-content,
	.mytheme-faq-page .fl-accordion {
		max-width: 92% !important;
	}
}

@media (max-width: 768px) {
    .product_item .item_img img {
        height: 150px;
    }
	.blog-item .item-img {
		width: auto;
	}

	.blog-item .item-img img {
		height: auto;
	}

	.items_list .mytheme-product-grid {
		justify-content: flex-start;
	}

	.single-product .product-inquiry-section .product-inquiry-form {
		min-width: 0;
	}

	.single-product .product-inquiry-section .product-inquiry-form .ch_form_wrap form {
		height: auto;
		overflow-y: visible;
	}

	.mytheme-faq-page .blog-article,
	.mytheme-faq-page .fl-builder-content,
	.mytheme-faq-page .fl-row,
	.mytheme-faq-page .fl-row-content,
	.mytheme-faq-page .fl-col-group,
	.mytheme-faq-page .fl-col,
	.mytheme-faq-page .fl-col-content,
	.mytheme-faq-page .fl-module,
	.mytheme-faq-page .fl-module-content,
	.mytheme-faq-page .fl-accordion {
		max-width: 100% !important;
	}
}