
.wd-map-container {
	--wd-justify-content: start;
	--wd-align-items: start;
	position: relative;
	border-radius: var(--wd-brd-radius);
}

.wd-map-container>div {
	border-radius: inherit;
}

:is([class*=wd-section-stretch-content], [data-vc-stretch-content]) .wd-map-container {
	border-radius: 0;
}

.wd-map-content-wrap {
	display: flex;
	margin: 0 auto;
	padding: 50px 15px;
	width: 90%;
	height: 100%;
	max-width: var(--wd-container-w);
}

body:not(.wpb-js-composer) .wd-map-content-wrap {
	align-items: var(--wd-align-items);
	justify-content: var(--wd-justify-content);
}

.wd-map-content-wrap>* {
	z-index: 15;
	padding: 30px;
	max-width: 300px;
	width: 100%;
	border-radius: var(--wd-brd-radius);
	background: var(--bgcolor-white);
	box-shadow: 0 0 12px rgba(0, 0, 0, .22);
}

[class*="map-mask-"] .wd-map-wrapper:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 3;
	pointer-events: none;
	opacity: .6;
	border-radius: inherit;
	background-color: var(--map-mask);
}

.map-mask-dark {
	--map-mask: #000;
}

.map-mask-light {
	--map-mask: #fff;
}

.wd-map-placeholder {
	z-index: 12;
	display: flex;
	overflow: hidden;
}

.wd-map-placeholder img {
	width: 100%;
	height: 100%;
	object-position: 50% 50%;
	object-fit: cover;
}

.wd-init-map-wrap {
	z-index: 13;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wd-init-map-wrap .btn {
	border-radius: var(--btn-default-brd-radius);
}

.wd-init-map {
	--btn-color: #333;
	--btn-bgcolor: #fff;
	--btn-box-shadow-hover: inset 0 0 0 1000px rgba(0, 0, 0, .1);
	gap: 10px;
}

.wd-init-map:before {
	font-size: 22px;
	font-weight: 400;
	content: "";
	font-family: "woodmart-font";
}

.map-lazy-loading:not(.wd-map-inited) .wd-map-content-wrap {
	display: none;
}

.wd-map-inited :is(.wd-map-placeholder, .wd-init-map-wrap) {
	display: none;
}
