/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./themes/stuurlui/blocks/map/contact-map/contact-map.css ***!
  \************************************************************************************************************************************************************************************************************/
[data-contact-map] {
	#map {
		height: 560px;
		border-bottom: 60px solid var(--color-black);

		@media screen and (min-width: 1024px) {
			height: 780px;
		}
	}

	.gm-style .gm-style-iw-c {
		padding: 0;
		border-radius: 24px;
	}

	.gm-style .gm-style-iw-d {
		overflow: hidden !important;
	}

	.gm-style img {
		height: 50px;
	}

	.cluster > div {
		width: 40px !important;
		line-height: 54px !important;
	}

	button.gm-ui-hover-effect {
		display: none !important;
	}

	.gm-ui-hover-effect {
		z-index: 1;
		width: 30px;
		height: 30px;
		border-radius: 9999px;
		border: 1px solid var(--color-shade-200);
		background: var(--color-white);
		color: var(--color-black);
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
		right: 24px;
		top: 24px;

		span {
			margin: 0;
		}
	}
}

.map-overlay {
	width: 269px;

	&__image {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 133px;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;

		img {
			width: 100%;
		}
	}

	&__content {
		padding: 16px 0;
		font-family: var(--font-body);
		margin-top: 86px;

		@media screen and (min-width: 1024px) {
			padding: 24px 12px;
		}

		h4 {
			font-size: 18px;
			line-height: 1.3;
			margin-bottom: 0;
			font-weight: 300;

			@media screen and (min-width: 1024px) {
				font-size: 20px;
			}
		}

		h3 {
			font-size: 18px;
			line-height: 1.3;
			font-weight: 600;
			margin-bottom: 16px;

			@media screen and (min-width: 1024px) {
				font-size: 20px;
			}
		}

		p {
			font-size: 16px;
			line-height: 1.3;
			font-weight: 300;
			margin-bottom: 16px;

			@media screen and (min-width: 1024px) {
				font-size: 18px;
				margin-bottom: 24px;
			}
		}

		.link {
			font-weight: 600;
			margin-bottom: 8px;
			color: var(--color-primary);
			text-decoration: none;
			display: flex;
			align-items: center;
			font-size: 16px;
			line-height: 1.3;

			@media screen and (min-width: 1024px) {
				font-size: 18px;
				margin-bottom: 24px;
			}

			&:hover,
			&:focus-visible {
				text-decoration: underline;
			}

			svg {
				margin-right: 8px;
				width: 20px;
				height: 20px;
			}
		}
	}

	&__visit {
		font-size: 12px;
		line-height: 20px;
		font-weight: 500;
		margin-top: 16px;
		color: var(--color-primary);
		text-decoration: none;
		display: flex;
		align-items: center;

		&:hover,
		&:focus-visible {
			text-decoration: none;
		}

		svg {
			margin-left: 6px;
			width: 12px;
			height: 12px;
			fill: var(--color-primary);
		}
	}
}


/*# sourceMappingURL=contact-map.min.css.map*/