.typo_map_wrapper,
.content_section.typo_map_wrapper{
	padding: 0 !important; position: relative;
}

.typo_map {
	width: 100%; height: 19rem; margin:0;
	border: none; display: block; position: relative;
	-webkit-transition: opacity .5s ease .5s;
	-moz-transition: opacity .5s ease .5s;
	-ms-transition: opacity .5s ease .5s;
	-o-transition: opacity .5s ease .5s;
	transition: opacity .5s ease .5s;
	opacity: 0; overflow: hidden;
}
.typo_map.initialized{
	opacity: 1;
}

/* fixes potential theme css conflict */
.typo_map img {
   max-width: inherit !important;
}

.typo_map_wrapper .typo_map_overlay{
	position: absolute; left: 0; right: 0; top: 0; bottom: 0;
	background: #CCCCCC; text-align: center; color: #0A0A0A;
	opacity: 0; visibility: hidden;  pointer-events:none;
	-webkit-transition: all .5s ease .25s;
	-moz-transition: all .5s ease .25s;
	-ms-transition: all .5s ease .25s;
	-o-transition: all .5s ease .25s;
	transition: all .5s ease .25s;
}

.typo_map_wrapper .typo_map.initialized + .typo_map_overlay{
	opacity: 1; visibility: visible; pointer-events:all;
}
.typo_map_wrapper  .typo_map.active + .typo_map_overlay,
.typo_map_wrapper  .typo_map.initialized.active + .typo_map_overlay{
	opacity: 0; visibility: hidden; pointer-events:none;
}

.typo_map_wrapper .typo_map_overlay_content{
	position: absolute; left: 50%; top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	max-width: 35rem; font-size: 1.25rem;
}

.typo_map + .typo_map_overlay .typo_map_overlay_content .button{
	margin: 0 0.5rem .5rem;
}


@media screen and (min-width: 40em) {
	.typo_map { height: 31rem; }
}