/**
 * Toolset Maps — vista distribuïdors / punts de venda.
 */

.mapsViews .et_pb_text_inner {
	display: grid;
	grid-template-columns: 30% 70%;
	grid-template-rows: 60px auto;
}

.mapsViews .et_pb_text_inner p:empty {
	display: none;
}

.mapsViews .js-wpv-view-layout {
	max-height: 600px;
	overflow: scroll;
	overflow-x: hidden;
	grid-column: 1 / 2;
}

.mapsViews .js-wpv-addon-maps-render {
	grid-row: 1 / 3;
	grid-column-start: 2;
}

.mapsViews input {
	width: calc(100% - 18px);
	padding: 8px 10px;
}

.mapsViews .js-wpv-dps-spinner {
	text-align: center;
	display: block;
	width: calc(100% - 18px);
}

.elementMapsViews {
	padding: 0 15px 15px 0;
	margin-bottom: 15px;
	border-bottom: 1px solid var(--bulova-grey-border);
}

.markerMapsViews .markerTitle {
	font-size: 28px;
}

.elementMapsViews .elementTitle {
	font-size: 22px;
}

.elementMapsViews p,
.markerMapsViews p {
	padding-bottom: 10px;
	font-size: 16px;
	display: flex;
	line-height: 1.2em;
	align-items: center;
}

.elementMapsViews > :nth-child(2):before,
.markerMapsViews > :nth-child(2):before {
	content: "\e081";
	font-family: ETmodules;
	margin-right: 5px;
}

.elementEmail:before,
.markerEmail:before {
	content: "\e076";
	font-family: ETmodules;
	margin-right: 5px;
}

.elementTelf:before,
.markerTelf:before {
	content: "\e090";
	font-family: ETmodules;
	margin-right: 5px;
}

.markerContainer {
	filter: grayscale(1);
}

.mapsViews .busqueda {
	position: relative;
}

.mapsViews .busqueda .wpv-submit-trigger {
	position: absolute;
	width: fit-content;
	top: 5px;
	right: 23px;
	background-color: var(--bulova-black);
	border: 0;
	color: var(--bulova-white);
	padding: 4px;
	cursor: pointer;
}

@media (max-width: 600px) {
	.mapsViews .et_pb_module_inner,
	.mapsViews .et_pb_text_inner {
		grid-template-columns: 100%;
	}

	.mapsViews .js-wpv-view-layout {
		margin-top: 20px;
		max-height: none;
		overflow: visible;
	}

	.mapsViews .js-wpv-addon-maps-render {
		grid-row-start: 2;
		grid-column-start: 1;
	}

	.mapsViews input,
	.mapsViews select {
		width: 100% !important;
	}

	.mapsViews .busqueda .wpv-submit-trigger {
		width: fit-content !important;
		right: 6px;
	}
}