#announcement-slick .announcement {
	position: relative;
	margin-bottom: 0.5rem;
	padding: 0 2rem 0.5rem 2rem;
	outline: 0;
	border-right: solid 1px rgba(255, 255, 255, 0.05);
}
#announcement-slick .announcement:last-child {
	border-right: 0;
}
#announcement-slick .announcement h4 {
	margin-bottom: 2rem;
}
#announcement-slick .announcement p.caption-2 {
	margin-bottom: 5rem;
}
#announcement-slick .announcement a {
	position: absolute;
	bottom: 0;
}

#map {
	position: relative;
}
#map .mapboxgl-canvas-container canvas {
	border-radius: 999px;
	cursor: default;
}
#map a.mapboxgl-ctrl-logo {
	display: none !important;
}

html.touchevents #maplist .list-group-item button {
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	padding: 0;
	background: none;
	border: none;
	color: #FFFFFF;
	opacity: 0.5;
}
html.touchevents #maplist .list-group-item button:hover, html.touchevents #maplist .list-group-item button:focus {
	opacity: 1;
}

html.no-touchevents #maplist .list-group-item button {
	display: none;
}

@media (max-width: 991px) {
	#map.fixed {
		position: fixed;
		width: 354px;
		height: 354px;
		padding-top: 0;
		box-sizing: content-box;
	}
	#map canvas {
		width: 354px !important;
		height: 354px !important;
	}
}
@media (max-width: 767px) {
	#announcement-slick .announcement {
		padding: 0 1rem;
		border-right: 0;
	}

	#map.fixed {
		position: fixed;
		width: 249px;
		height: 249px;
		padding-top: 0;
		box-sizing: content-box;
	}
	#map canvas {
		width: 249px !important;
		height: 249px !important;
	}
}
@media (max-width: 575px) {
	#map {
		background-color: #14304C;
		z-index: 10;
	}
	#map.fixed {
		position: fixed;
		top: 66px;
		width: calc(100vw - 24px * 2);
		height: calc(100vw - 24px * 2);
		padding-top: 0;
		border-bottom: solid 1.5rem #11304C;
		box-sizing: content-box;
	}
	#map canvas {
		width: calc(100vw - 24px * 2) !important;
		height: calc(100vw - 24px * 2) !important;
	}
}