/* ===================== MAIN CSS - NOT EDIT HERE =========================== */
body .leaflet-top,
body .leaflet-bottom {
	z-index: 0;
}

body .leaflet-zoom-box {
	z-index: 0;
}

body .leaflet-pane {
	z-index: 0;
}

body .leaflet-tile-pane {
	z-index: 0;
}

body .leaflet-overlay-pane {
	z-index: 0;
}

body .leaflet-shadow-pane {
	z-index: 0;
}

body .leaflet-marker-pane {
	z-index: 0;
}

body .leaflet-tooltip-pane {
	z-index: 0;
}

body .leaflet-popup-pane {
	z-index: 0;
}

body .leaflet-map-pane canvas {
	z-index: 0;
}

body .leaflet-map-pane svg {
	z-index: 0;
}

.zmap {
	background: #ededed;
}

.zmap_forms .form-item {
	/*	z-index: 401;*/
	/*z-index: 801;*/
	z-index: 1;
}

@media (min-width: 640px) {
	.zmap_forms .form-item {
		min-width: 30%;
		width: 30%;
		height: calc(100% - 40px);
		overflow: auto;
		display: flex;
		flex-direction: column;
	}

	.zmap_forms .posts {
		max-height: unset !important;
		height: 100%;
	}
}

@media (max-width: 639px) {
	.zmap_wrapper {}

	.zmap_forms .form-item {
		position: relative !important;
		top: unset !important;
		bottom: unset !important;
		width: calc(100% - 40px);
		margin-top: -150px !important;
	}
}

.zmap_forms .posts {
	min-height: 200px;
	max-height: 400px;
	overflow: auto;
}

.zmap_forms .posts .post {
	cursor: pointer;
	border: 1px solid transparent;
	background-color: #ededed;
}

.zmap_forms .posts .post:hover {
	background-color: #e7e7e7;
}

.zmap .leaflet-popup-content-wrapper {
	border-radius: 0px;
}



/*Flatsome*/
body.flatsome .zmap_wrapper .posts .post {
	padding: 1em;
}

body.flatsome .zmap_wrapper .zmap {
	z-index: 1;
}

body.flatsome .zmap_forms .form-item {
	margin-top: 30px;
	margin-left: 30px;
	background: white;
	padding: 1em;
	z-index: 1;
}

@media (max-width: 549px) {
	body.flatsome .zmap_forms .form-item {
		width: 100%;
		margin: 0;
	}
}