/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 21 2025 | 04:44:08 */
body.single-emesent-product .main-navigation .primary-menu-container > ul > li.menu-item > a {
	color: var(--global-palette1);
}
body.single-emesent-product .site-branding a.brand img.svg-logo-image {
    filter: invert(1);
}
body.single-emesent-product .search-toggle-open .search-toggle-icon svg.kadence-svg-icon, body.single-emesent-product .kadence-svg-iconset svg {
	fill: var(--global-palette1);
}
.product-intro-section.kt-row-has-bg>.kt-row-column-wrap {
	padding-left: 0px;
	padding-right: 0px;
	display: flex;
    justify-content: space-between;
}
.product-gallery-container {
	width: 1015px;
}
.product-list-col {
	width: 210px;
}
.main-image-hovermap {
	width: 761.25px;
	height: 526px;
}
body.single-emesent-product .hover-images {
	margin-top: 0px;
}
/*body.single-emesent-product .hover-images .kb-gallery-ul {
	display: flex;
	flex-direction: column;
	height: unset !important;
}
body.single-emesent-product .hover-images .kb-gallery-ul .kadence-blocks-gallery-item {
	position: relative !important;
	top: unset !important;
	height: 169px;
}*/
body.single-emesent-product .hover-images img {
    height: 165px !important; 
	width: 100% !important;
	max-width: 100% !important;
	border-radius: 10px;
}
body.single-emesent-product .card-with-hover-overlay.wp-block-kadence-column {
    width: 100%;
}
.product-header-row {
	width: 100%;
}
.product-benefits-repeater {
	max-width: 670px;
}

/* On Single Products, for Sidebar Products List */
.sidebar-product-list a.active {
    text-decoration: underline !important;
}
.hover-images .gallery-list li .kb-gal-image-radius {
	max-width: 100% !important;
    max-height: 160px !important;
    border-radius: 10px;
}
.hover-images .gallery-list li figure .kb-gallery-image-contain {
	min-height: 160px;
}


.blue-images img{
	filter: brightness(0) saturate(100%) invert(32%) sepia(100%) saturate(750%) hue-rotate(180deg) brightness(100%) contrast(100%);
}

.dynamic-hover-img .main-image-sec, .dynamic-hover-img .main-image-sec > .kt-inside-inner-col, .dynamic-hover-img .main-image-sec .main-image {
    height: 100%;
}

.dynamic-hover-img .main-image .kb-is-ratio-image {
    padding-bottom: unset !important;
    height: 100%;
    min-height: 100%;
}
.dynamic-hover-img .main-image img{
	    height: 100% !important;
    object-fit: cover !important;
}