#closure-alert {
    background-color: #094183;
    padding: 0.5rem;
    border-radius: 0.25rem;
    box-shadow: 0 0 3px white;
    color: white;
    max-width:20rem;
    margin-bottom:1rem;
}
#closure-alert a {
    display:block;
    color: white;
    text-decoration:none;
}
#closure-alert a:hover {
    color: white;
    text-decoration:underline;
}
.home #closure-alert, .group #closure-alert {
    position: absolute;
    left: 0.5rem;
    bottom: 2rem;
    width: 14rem;
}

div#map {width:100%;}
div.map-container {position:relative;height:60vh;max-height:800px;min-height:250px;}
div.map-container.home, .campus div.map-container {height:70vh;min-height:400px;}
div.group.map-container {height: calc(80vh - 200px);max-height:800px;min-height:400px;}
button.mapboxgl-popup-close-button {
    padding: .2em .5em;
    font-size: 16px;
    font-weight: bold;
    color: grey;
}
div.mapboxgl-map a[target=_blank]:not(.link-icon--disable):after {
    display: none;
}
.search-control-default{
    position: absolute;
    margin-left: calc( (100% - 20px)*(-1/2) );
    top: 10px;
    width: calc(100% - 60px);
    left: 50%;
    max-width: 300px;
    z-index: 5;
}
div.mapboxgl-popup-content {
    padding:0.8rem;
    text-transform: capitalize;
}
div.mapboxgl-popup-content h3, div.mapboxgl-popup-content h4 {
    font-size:1rem;
    margin-bottom:0.5rem;
}
div.mapboxgl-popup-content p {
    margin:0;
}
div.mapboxgl-popup-content h3:last-child, div.mapboxgl-popup-content h4:last-child {
    margin:0;
}
.cell.map_cell, .cell.map-info {
	padding-left: 0;
}
.cell.map_cell {
	padding-right: 0;
}
@media screen and (max-width: 769px) {
	.cell.map-info {
		padding-right: 0;
	}
}
.map_cell .tabs__panel {padding:0;}
ul.social-list, .more-sharing {padding-bottom:1rem;}
.more-sharing button.modal-dialog__open {
    border: 2px solid rgba(9,65,131,.4);
    background: transparent;
    color: inherit;
    padding: 0.2rem 0.6rem;
}
.link-icon.link-icon--custom svg {height:1.5rem;width:1.5rem;position:relative;top:0.4rem;}
h1 .link-icon.link-icon--custom svg {height:1.7rem;width:1.7rem;top:0.2rem;color:#ADCDF0;}

/* *** room list styles *** */
.map-info ul li.type-S:after, .map-info ul li.type-T:after, .map-info ul li.type-L:after {
	font-style: italic;
}
.map-info ul li.type-S:after {
	content: " - stairwell";
}
.map-info ul li.type-T:after {
	content: " - toilet";
}
.map-info ul li.type-L:after {
	content: " - elevator";
}

/* *** search related styles *** */
ul.search-suggestions-list.default .item .title {
	font-size: inherit;
}
ul.search-suggestions-list.default .item .context.building {
    font-size:0.9em;
    color:#757575;
}

/* *** styles for the routing page only *** */

.routing #ui h1 {margin-bottom:1rem;}
.routing #ui .routeInfo h2 {margin-bottom:0;}

#fromInfo, #toInfo {position:relative;}

#fromInfo h3, #fromInfo p, #toInfo h3, #toInfo p {display:inline;font-size:1rem;}
#fromInfo h3:after, #toInfo h3:after {content:" :";padding-right:0.25rem;}
.routing #ui .routeInfo p {margin-bottom:0.5rem;}

#routeOptions .route-calc {display:none;}
.route-query #routeOptions .route-calc {display:block;}
.route-success #routeOptions .route-calc {display:none;}

#routeExtraParameters {display:none;}
.route-query #routeExtraParameters {display:none;}
.route-success #routeExtraParameters {display:block;}

#routeDescription {display:none;}
.route-query #routeDescription {display:none;}
.route-success #routeDescription {display:block;}

.avoiding-obstacles {display:none;}
.avoid-obstacles #avoidObstacles {display:none;}
.avoid-obstacles .avoiding-obstacles {display:inline;}

#startMessage {display:none;}
.route-success #startMessage {display:block;}

#routeDescription {display:none;} /* for later! */

#fromInfo p.clear-point, #toInfo p.clear-point {display:none;}
#fromInfo.selected p.clear-point, #toInfo.selected p.clear-point {display:inline;}

#routeInfo>div {
  position: relative;
}
#routeInfo .clear-point a {
    position: absolute;
    left: -0.75em;
    top: 2.1em;
    width: 1em;
    height: 1em;
    overflow: hidden;
    text-indent: -999em;
    background-color: rgba(255, 0, 0, 0.5);
    border-radius: 0.5em;
    background-size: cover;
    background-image: url(https://maps.unimelb.edu.au/assets/images/svg/remove-circle.svg);
}
#routeInfo .clear-point a:hover {
    background-color: rgb(255, 0, 0);
}

@media (max-width: 599px) {
    .home div.map-container, .campus div.map-container, div.map-container {height:100vw;min-height:100vw;}
	.cell--tab-1of3 {width:100%;}
	.cell--tab-2of3 {width:100%;}
}
@media (max-width: 769px) { /* styles for the building details toggle block */
	.map-info .toggleblock--mobile .toggleblock__default, .map-info .toggleblock--mobile .toggleblock__footer {
		background-color: rgb(242, 245, 249);
	}
	.map-info .toggleblock--mobile .toggleblock__default h2, .map-info .toggleblock--mobile .toggleblock__footer {
		color: rgb(9, 65, 131);
	}
	.map-info .toggleblock--mobile .toggleblock__default h2:after, .map-info .toggleblock--mobile .toggleblock__footer:before {
		border-color: rgb(9, 65, 131);
	}
}

/* Styles for search page */

.pager, .campus-facets {
	font-size: 0.8rem;
	margin-bottom: 0.5rem;
	color: #666;
}
.campus-facets {
	margin-bottom: 1rem;
}
.pager a, .campus-facets a {
	color: #666;
}
.search-results {
	list-style: none	;
	padding-left: .75rem;
}
.search-results li {
	position: relative;
	font-size: 1.1rem;
	line-height: 1.3rem;
	padding: 0.1rem 0 0.1rem 1rem;
}
.search-results li svg {
	position: absolute;
	top: 0.4rem;
	left: -.75rem;
	width: 1rem;
	height: 1rem;
	opacity: 0.7;
}
.search-results li .title {
	display: block;
	font-size: inherit;
	margin-bottom: 0;
	line-height: inherit;
	text-transform: capitalize;
}
.search-results li .buildingName, .search-results li .buildingLevel, .search-results li .campus {
	font-weight: 400;
	font-size: 0.9rem;
	color: #666;
	text-transform: capitalize;
}

/* attempt to fix the tab/map width problem */
.fade-enter-active,
.fade-leave-active {
  -webkit-transition: none;
  transition: none;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
  visibility: visible;
  position: relative;
}

/* fixes for problems caused by pattern library v4.14.0 update */
.content-block h1, .content-block h2 {
    letter-spacing: 0;
}
.content-block h1 {
    font-size:1.8rem;
}
.content-block h2, .content-block h3 {
    letter-spacing: 0;
    font-family: Source Sans Pro,Gill Sans,Trebuchet MS,Arial,sans-serif;
    font-weight:600;
    font-size:xx-large;
}
.content-block h3 {
    font-size:x-large;
}
@media screen and (max-width: 769px) {
	.cell {
		padding-left: 0;
		padding-right: 0;
	}
    .content-block h2, .content-block h3 {
        font-size:x-large;
    }
}