.mapboxgl-scroll-zoom-blocker {
	background: rgb(0 0 0/50%); /* 70% is default value */
	opacity: 0;
	transition: opacity .5s ease-in-out; /* 0.75s is default value */
	transition-delay: 1s; /* 1s is default value */
}

.mapboxgl-touch-pan-blocker {
	background: rgb(0 0 0/50%); /* 70% is default value */
	opacity: 0;
	transition: opacity .2s ease-in-out; /* 0.75s is default value */
	transition-delay: 0s; /* 1s is default value */
}

.mapboxgl-scroll-zoom-blocker-show,
.mapboxgl-touch-pan-blocker-show {
	opacity: 1;
	transition: opacity .1s ease-in-out;
}

#halls-map {
	width: 100%;
	height: 700px;
	-webkit-box-shadow: 0px 0px 32px -10px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 32px -10px rgba(0, 0, 0, 0.2);
}


/*.mapboxgl-popup { transform: none !important; top: 10px; left: 10px; }*/
/*.mapboxgl-popup { max-width: 200px !important; }*/
.mapboxgl-popup { /*width: 90%; max-width: 300px !important;*/ /*display: block;*/ }
.mapboxgl-popup.hall-details-popup { position: absolute; top: auto; bottom: 10px; left: 50%; width: calc(100% - 20px); max-width: 300px !important; -ms-transform: translateX(-50%); transform: translateX(-50%) !important; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); }
.mapboxgl-popup.hall-details-popup.mapboxgl-popup-anchor-top .mapboxgl-popup-tip,
.mapboxgl-popup.hall-details-popup.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,
.mapboxgl-popup.hall-details-popup.mapboxgl-popup-anchor-center .mapboxgl-popup-tip,
.mapboxgl-popup.hall-details-popup.mapboxgl-popup-anchor-left .mapboxgl-popup-tip,
.mapboxgl-popup.hall-details-popup.mapboxgl-popup-anchor-right .mapboxgl-popup-tip,
.mapboxgl-popup.hall-details-popup.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip,
.mapboxgl-popup.hall-details-popup.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,
.mapboxgl-popup.hall-details-popup.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip, 
.mapboxgl-popup.hall-details-popup.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip { display: none !important; }
.mapboxgl-popup-content { width: 100%; padding: 0; font-size: 0; line-height: 1.5; }
.mapboxgl-popup-close-button { background-color: #fff; font-size: 16px; }
.mapboxgl-popup-close-button:hover { background-color: #f5f5f5; }
.mapboxgl-popup-content > img { width: 100%; background-color: #eee; }
.mapboxgl-popup.city .mapboxgl-popup-content > img,
.mapboxgl-popup.city-campus .mapboxgl-popup-content > img { border-bottom: 10px solid #6dc6d9; }
.mapboxgl-popup.fallowfield .mapboxgl-popup-content > img { border-bottom: 10px solid #e8511b; }
.mapboxgl-popup.victoria-park .mapboxgl-popup-content > img { border-bottom: 10px solid #45ae4d; }
.mapboxgl-popup-content .copy { padding: 15px; font-size: 1rem; }
.mapboxgl-popup-content p { margin: 0 0 10px 0; padding: 0; font-size: 1.4em; }
/*.mapboxgl-popup-content p:last-child { margin: 0; }*/
.mapboxgl-popup-content .name { font-size: 2.2em; font-weight: 300; }
.mapboxgl-popup-content .distance { font-size: 1.4em; font-weight: 600; }
.mapboxgl-popup-content .travel-times { margin: 0; list-style: none; display: flex; }
.mapboxgl-popup-content .travel-times li { margin: 0; padding: 0; display: flex; align-items: center; font-size: 1.4em; }
.mapboxgl-popup-content .travel-times li:not(:last-child) { margin-right: 15px; }
.mapboxgl-popup-content .travel-times img { width: 24px; margin-right: 5px; }
.mapboxgl-popup-content hr { margin-top: 20px; border-top: 1px solid #e3e1e1; width: 100%; }
.mapboxgl-popup-content .link { margin: 20px 0 5px 0; }
.mapboxgl-popup-content .link a { display: inline-block; padding: 5px 10px; background: #6b2c91; border-radius: 10px; color: #fff; font-size: 1.071429em; font-weight: 600; text-decoration: none; }
.mapboxgl-popup-content .link a:hover { text-decoration: underline; }
/*
.mapboxgl-popup-content .copy button { font-size: 1.4em; }
.mapboxgl-popup-content > button { border-radius: 0; }
*/
/*
.mapboxgl-popup.hall-name.city.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip { border-top-color: #6dc6d9; }
.mapboxgl-popup.hall-name.city .mapboxgl-popup-content { border: 5px solid #6dc6d9; }
.mapboxgl-popup.hall-name.fallowfield.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip { border-top-color: #e8511b; }
.mapboxgl-popup.hall-name.fallowfield .mapboxgl-popup-content { border: 5px solid #e8511b; }
.mapboxgl-popup.hall-name.victoria-park.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip { border-top-color: #45ae4d; }
.mapboxgl-popup.hall-name.victoria-park .mapboxgl-popup-content { border: 5px solid #45ae4d; }
.mapboxgl-popup.hall-name .mapboxgl-popup-content .copy { color: #000; font-size: 18px; }
*/

@media (min-width: 800px) {
	.mapboxgl-popup.hall-details-popup { top: 50%; bottom: auto; left: 10px; -ms-transform: translateY(-50%); transform: translateY(-50%) !important; }
}

@media (min-width: 1000px) {
	.mapboxgl-popup.hall-details-popup { left: 50px; }
}

@media (min-width: 1200px) {
	.mapboxgl-popup.hall-details-popup { left: 100px; }
}