.map-form {
	/*padding: 5%;*/
	display         : flex;
	position        : relative;
	align-items     : center;
	justify-content : flex-end;
}

.map-form__map {
	top      : 0;
	left     : 0;
	z-index  : 1;
	width    : 100%;
	height   : 100%;
	position : absolute;
}

.map-form__content {
	/*gap: 2em;*/
	z-index          : 10;
	padding          : 2em;
	width            : 510px;
	display          : flex;
	position         : relative;
	border-radius    : 15px;
	flex-direction   : column;
	margin           : 60px;
	min-height       : 600px;
}

.map-form__content-titles {
	text-align : left;
}

.map-form__content-titles h2 {
    font-family: "Montserrat", Sans-serif;
    font-size: 52px;
    font-weight: 700;
    line-height: 58px;
    letter-spacing: 0px;
    color: var(--e-global-color-text);
}

.map-form__content-titles div {
	color          : #202634;
	font-size      : 16px;
	line-height    : 22px;
	letter-spacing : .25px;
	font-family    : "Roboto", Sans-serif;
}



/* Leaflet controls déplacés hors du stacking context de la map */
.map-form > .leaflet-control-container {
    position       : absolute;
    top            : 0;
    left           : 0;
    right          : 0;
    bottom         : 0;
    z-index        : 20;
    pointer-events : none;
}

.map-form > .leaflet-control-container .leaflet-control {
    pointer-events : auto;
}

/*RESPONSIVE*/

/*phone*/
@media (max-width : 767px) {

	.map-form__content-titles h2 {
		font-size : 1.99rem;
	}

	.map-form__content {
		padding          : 20px;
		width            : 100%;
		margin           : 0 !important;
		min-height       : unset;
		height: 100% !important;
		gap     : 1em;
		border-radius: 0 !important;
	}

	.map-form {
		align-items: stretch !important;
		flex-direction: column  !important;
		justify-content: flex-end  !important;
		height: 100%;
	}

}

/*tablet*/
@media (min-width : 768px) and (max-width : 1023px) {

	.map-form__content .nf-field-container {
		margin-bottom : 1em !important;
	}

}

/*mobile and tablet*/
@media (max-width : 1023px) {

	.map-form {
		height          : 100%;
		align-items     : flex-start;
		justify-content : center;
	}

}

/*desktop*/
@media (min-width : 1025px) {

}

/*laptop 1*/
@media (min-width : 1024px) and (max-width : 1439px) {

}

/*laptop 2*/
@media (min-width : 1440px) and (max-width : 1700px) {

}

/*Leaflet custom tooltip styles*/
.custom-tooltip {
	background-color : transparent !important;
	border           : none !important;
	box-shadow       : none !important;
	color            : #379cd4 !important;
	font-weight      : 600;
	font-size        : 14px;
	text-align       : center;
	white-space      : nowrap;
	padding          : 4px 8px;
}

.custom-tooltip::before {
	display : none !important;
}

.leaflet-tooltip-top::before,
.leaflet-tooltip-bottom::before,
.leaflet-tooltip-left::before,
.leaflet-tooltip-right::before {
	display : none !important;
}

/*RESPONSIVE*/