/*
 * OpenLayers
 * ------------------------------------------------------------------------------------------------
*/
#map .ol-attribution {
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
#map .ol-attribution:hover {
	opacity: 1;
}
#map .ol-attribution ul {
	padding: 0;
}
#map .ol-attribution ul li {
	padding: 0;
}
#map .ol-attribution ul li:before {
	display: none;
}
#map .ol-attribution a {
	color: #172331;
	text-decoration: none;
}
#map .ol-zoom {
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
#map .ol-zoom:hover {
	opacity: 1;
}
#map .ol-control button {
	background-color: #26355580;
}

#map .ol-overlaycontainer:before {
	content: '';
	display: block;
	background-image: url('data:image/svg+xml,%3Csvg width="1728" height="284" viewBox="0 0 1728 284" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="1728" height="284" fill="url(%23paint0_linear_103_1122)"/%3E%3Cdefs%3E%3ClinearGradient id="paint0_linear_103_1122" x1="864" y1="0" x2="864" y2="284" gradientUnits="userSpaceOnUse"%3E%3Cstop stop-color="white"/%3E%3Cstop offset="1" stop-color="white" stop-opacity="0"/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E');
	background-position: center top;
	background-repeat: repeat no-repeat;
	background-size: contain;
	width: 100%;
	height: 284px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
#map .ol-overlaycontainer:after {
	content: '';
	display: block;
	background-image: url('data:image/svg+xml,%3Csvg width="1728" height="284" viewBox="0 0 1728 284" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect x="1728" y="284" width="1728" height="284" transform="rotate(-180 1728 284)" fill="url(%23paint0_linear_124_31)"/%3E%3Cdefs%3E%3ClinearGradient id="paint0_linear_124_31" x1="2592" y1="284" x2="2592" y2="568" gradientUnits="userSpaceOnUse"%3E%3Cstop stop-color="white"/%3E%3Cstop offset="1" stop-color="white" stop-opacity="0"/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E');
	background-position: center bottom;
	background-repeat: repeat no-repeat;
	background-size: contain;
	width: 100%;
	height: 284px;
	position: absolute;
	left: 0;
	bottom: -10px;
	z-index: 1;
}
@media (max-width: 767px) {
	#map .ol-overlaycontainer:before {
		background-image: url('data:image/svg+xml,%3Csvg width="375" height="249" viewBox="0 0 375 249" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect opacity="0.9" x="-1" width="376" height="249" fill="url(%23paint0_linear_106_2310)"/%3E%3Cdefs%3E%3ClinearGradient id="paint0_linear_106_2310" x1="187" y1="0" x2="187" y2="249" gradientUnits="userSpaceOnUse"%3E%3Cstop offset="0.162393" stop-color="white"/%3E%3Cstop offset="0.641026" stop-color="white" stop-opacity="0"/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E');
		height: 249px;
	}
	#map .ol-overlaycontainer:after {
		display: none;
	}
}







/*
 * OpenLayers Map Popup
 * ------------------------------------------------------------------------------------------------
*/
#map:empty ~ .ol-popup {
	display: none;
}
.ol-popup {
	font-size: 12px;
	line-height: normal;
	position: absolute;
	background-color: white;
	-webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
	filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
	padding: 15px;
	border-radius: 10px;
	border: 1px solid #cccccc;
	bottom: 38px;
	left: -49px;
	min-width: 225px;
	z-index: 1;
}

.ol-popup:after,
.ol-popup:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.ol-popup:after {
	border-top-color: white;
	border-width: 10px;
	left: 48px;
	margin-left: -10px;
}

.ol-popup:before {
	border-top-color: #cccccc;
	border-width: 11px;
	left: 48px;
	margin-left: -11px;
}

#popup .ol-popup-closer {
	display: none;
}
.ol-popup-closer {
	text-decoration: none;
	position: absolute;
	top: 5px;
	right: 8px;
}
.ol-popup-closer:hover {
	text-decoration: none;
}
.ol-popup-closer:after {
	content: "\2716";
	color: #c3c3c3;
}
.ol-popup-closer:hover:after {
	color: #B02D2E;
}

.ol-tooltip .info {
	position: relative;
	color: #000;
	padding-left: 20px;
}
.ol-tooltip .info:before {
	content: '';
	background-image: url('data:image/svg+xml,%3Csvg width="12" height="15" viewBox="0 0 12 15" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6.04874 0.00240705V0C6.03225 0 6.01612 0.000962807 6 0.000962807C5.98388 0.000962807 5.96775 0 5.95126 0V0.00240705C2.65577 0.0536772 0 2.68013 0 5.91508C0 10.2744 5.23375 14.4121 6 15C6.76637 14.4122 12 10.2742 12 5.91508C12 2.68013 9.34436 0.0536772 6.04874 0.00240705ZM6.04874 8.45945C4.32438 8.45945 2.92677 7.09297 2.92677 5.40695C2.92677 3.72045 4.32438 2.35373 6.04874 2.35373C7.7731 2.35373 9.17082 3.72045 9.17082 5.40695C9.17082 7.09297 7.7731 8.45945 6.04874 8.45945Z" fill="%23EF3838"/%3E%3C/svg%3E');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 12px;
	height: 15px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 3px;
	margin-right: 7px;
}
.ol-tooltip-label {
	color: #263555;
}