/*
Theme Name: Hui Acoustic
Theme URI: https://example.com/
Author: Your Name
Author URI: https://example.com/
Description: Custom WordPress theme for Hui Acoustic.
Version: 1.1.0
Text Domain: hui-acoustic
*/

.z-999{
	z-index:999 !important;
}
.heilightText{
	font-style: italic;
	color:  color-mix(in oklab, currentColor 45%, transparent);
}
ul.acf-product-gallery-list {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
ul.acf-product-gallery-list img{
	border-radius: 20px
}
.pd_single_img_preview {
    max-height: 576px;
    height: 100%;
}
.pd_single_thumb_img {
    padding: 0px !important;
    height: 180px;
	cursor: pointer;
}
.pd_single_thumb_img:hover{
	background-color: transparent !important;
	box-shadow: unset !important;
}
.pd_single_thumb_img img {
    height: 100% !important;
    object-fit: cover;
    width: 100%;
    object-position: center center;
}
.prose-acoustics h2 {
    font-size: 32px;
    font-family: Manrope, ui-sans-serif, system-ui, sans-serif; 
    font-weight: 800;
    line-height: 42px !important;
}
.inline_dropdown_parent{
	position: relative;
}
.hero_sec_btn a{
	padding: 11px 24px !important;
}
.hero_sec_btn a:nth-child(2){
	padding: 10px 23px !important;
}
.hero_sec_btn a:nth-child(1):hover{
	color: #FFF !important;
}
.hero_sec_btn a:nth-child(2):hover{
	background-color: #ffffff21;
}
.hero_nav_btn button {
    padding: 0px !important;
    background-color: #ffffff0a !important;
    cursor: pointer;
    border-color: #ffffff40 !important;
    backdrop-filter: blur(12px);
}
.hero_nav_btn button:hover{
	background: #FFFF !important;
}
.hero_nav_btn button:hover svg{
	stroke: #111828;
}
.hero_nav_btn button svg{
	stroke: #FFF;
}
.text-white{
 color: #FFF !important
}
.hero_sec_imgWRap img{
	height: 100% !important;
	object-fit: cover;
}
#hui-proj-gal-4bc352a .hui-proj-gallery-nav-btn{
    padding: 10px !important;
}
/* back to top */
.scroll_topBtn{
	background: var( --e-global-color-secondary ) !important;
	color: var( --e-global-color-8af8828 ) !important;
	padding: 5px !important;
	display: inline-flex !important;
	justify-content:center !important;
	align-items:center !important;
}
.scroll_topBtn:hover{
	cursor:pointer;
}
@media(max-width: 575px){
	.pd_single_thumb_img {
		height: 104px !important;
		border-radius: 12px !important;
	}
}

.pj_materials_wrap div:nth-child(1){
	max-width: 390px;
}
.pj_materials_wrap div:nth-child(2){
	max-width: 180px;
}
@media(max-width: 1199px){
	.pj_materials_wrap{
		max-width: 660px
	}
}

@media(max-width: 767px){
	.pj_main_cnt_wrap{
		min-height: 460px;
		width: 100%;
	}
	.pj_main_cnt_wrap img{
	    height: 100% !important;
		object-fit: cover;
		object-position: center center;
	}
	.pj_materials_wrap{
        grid-template-columns: 1fr;
	}
	.pj_materials_wrap dd{
		line-height: 1.2;
	}
	.pj_main_cnt_inner_top_meta_wrap span {
		padding: 0px 10px;
		letter-spacing: 0.8px;
	}
}