/* 
	googlemaps.css
    Created on : 04.11.2022, 14:39:13
    Author     : Siegfried Mairböck <siegfried.mairboeck@mmcm.de>
*/

.googlemaps {
	box-sizing: border-box;
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 8px;
}
.googlemaps-item {
	margin: 10px 0;
}

.googlemaps-map {
	aspect-ratio: 4 / 3;
	width: 100%;
	border: 0;
}
.googlemaps-placeholder {
	aspect-ratio: 4 / 3;
	width: 100%;
	font-size: smaller;
	box-sizing: border-box;
	border: 3px solid #999;
	position: relative;
	display: grid;
	align-items: center;
	justify-items: center;
	padding: 15px;
	box-shadow: inset 0 0 10px rgba(0,0,0,0.15);
	line-height: 150%;
}

.googlemaps-placeholder > div {
	text-align: center;
	padding: 10% 15%;
}

.googlemaps-revert {
	font-size: smaller;
	text-align:center;
	padding: 4px 0;
}

.googlemaps-revert > a {
	text-decoration: none;
	color: #68a;
}

.googlemaps-revert > a:hover {
	text-decoration: underline;
}