.gp-sam {
	width: 100%;
}

.gp-sam__map {
	width: 100%;
	height: var(--gp-sam-height, 500px);
	border-radius: 4px;
	overflow: hidden;
	background: #ececec;
}

/* Some themes set img { max-width: 100% }, which distorts map tiles. */
.gp-sam__map img {
	max-width: none !important;
}

/* Important flags beat theme list styles (Divi adds bullets and padding). */
.gp-sam ul.gp-sam__list {
	list-style: none !important;
	margin: 48px 0 0 !important;
	padding: 0 !important;
	column-count: 4;
	column-gap: 32px;
	text-align: center;
}

.gp-sam ul.gp-sam__list li {
	break-inside: avoid;
	list-style: none !important;
	margin: 0 0 0.35em;
	padding: 0 !important;
	font-family: var(--gp-sam-font), sans-serif;
	font-weight: 700;
	font-size: var(--gp-sam-size, 24px);
	line-height: 1.4;
	color: var(--gp-sam-color, #652a6e);
}

.gp-sam ul.gp-sam__list li::before {
	content: none !important;
}

.gp-sam__info {
	font-family: var(--gp-sam-font), sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: var(--gp-sam-color, #652a6e);
	padding: 2px 4px;
}

.gp-sam__notice {
	padding: 16px;
	border: 1px dashed #b32d2e;
	color: #b32d2e;
}

@media (max-width: 767px) {
	.gp-sam__map {
		height: var(--gp-sam-height-m, 380px);
	}

	.gp-sam ul.gp-sam__list {
		column-count: 2;
		column-gap: 16px;
		margin-top: 32px !important;
	}

	.gp-sam ul.gp-sam__list li {
		font-size: var(--gp-sam-size-m, 18px);
	}
}