/**
 * Default map styles.
 *
 * Don't modify this file! It will be overwritten by upgrades.
 * 
 * Instead, copy this file to map-style.css in your theme directory
 * or Geo Mashup Custom plugin directory, if you have that 
 * installed. Those files take precedence over these default styles.
 */

/* MTL KAZ:
 * As you see in the original description above, this file is copied from
 * "map-style-default.css" in Geo Mashup css directory.
 * And it was completely rewritten.
 */

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Roboto+Slab&display=swap');

/* Maps fill the frame, makes percentage height maps a bit easier */
html, body { height: 100%; overflow: hidden; margin: 0; }

.gm-style-iw-chr .gm-style-iw-ch {
	width: calc(100% - 20px);	/* 2025.1 KAZ */
}
/* Shrink the Close button: 2024.12 KAZ: ChkHTML */
.gm-style-iw-chr button {
	width: 32px !important;
	height: 28px !important;
	margin-right: -6px !important;	/* 2025.1 KAZ: for Android: was -12px */
}
.gm-style-iw-chr button span {
	-webkit-mask-image: url(/images/btn_close_small.svg) !important;	/* 2025.1 KAZ */
	mask-image: url(/images/btn_close_small.svg) !important;	/* 2025.1 KAZ */
	margin: 4px 4px 0 !important;
}

/* Info window */
.locationinfo,
.info-window-max {
	overflow: hidden;
	color: #758692;
	font-size: 16px;
}
.locationinfo {
	width: 150px;	/* 2025.1 KAZ: was 240px */
/*	max-height: 200px; */
}
.locationinfo h2,
.info-window-max h2 {
	margin: 5px 0 10px;
	line-height: 1.1;
	font-family: "Roboto Slab", serif;
	font-size: 28px;
	font-weight: normal;
/*	text-transform: uppercase; */
}
.locationinfo h2 {	/* 2024.10 Aki added from chkHTML */
	font-size: 20px;
}
.locationinfo .photo + h2 {	/* Two or more */
	border-top: #adc4b3 2px solid;
	margin-top: 10px;
	padding-top: 6px;
}
.locationinfo h2 a,
.info-window-max h2 a {
	color: inherit;
	text-decoration: none;
}
.locationinfo h2 a:hover,
.info-window-max h2 a:hover {
	text-decoration: underline;
}
.locationinfo h2 a:focus-visible {
	outline: 0;	/* 2024.12 KAZ */
}
.locationinfo .photo {
	line-height: 0;
}
.locationinfo .photo img {
	width: 100%;
}

/* MTL KAZ: Kept below, but unused */
.user-location-info { font-size:80%; overflow:auto; width:150px; height:80px; }
.comment-location-info { font-size:80%; overflow:auto; width:200px; height:140px; }

/* Excerpt */
.storycontent { font-family: Lato, sans-serif; }