/*
Theme Name: Novage-child
Author: Novage
Author URI: https://novage.com.sg/
Version: 1.0.0
Template: novage
*/


.map-container { display: flex; justify-content: space-between; }

.map-container .location-list { width: 25%; }
.map-container .location-list .title { cursor: pointer; }
.map-container .location-list .info { display: none; }
.map-container .location-list ul { display: none; font-size: .9em; background: #818181; }
.map-container .location-list .open > ul { display: block; }

.map-container .location-list ul ul { background: #a7a7a7; }

.map-container .location-list > li { margin-bottom: 1em; }
.map-container .location-list > li > .title { font-size: 1.2em; font-weight: 700; background: #f6f6f6; height: 2.5em; line-height: 2.5em; }
.map-container .location-list > li > .title:before { background: #333; display: inline-block; width: 2.5em; height: 2.5em; content: '+'; color: #fff; text-align: center; margin-right: .8em; }
.map-container .location-list > li > .title.active:before { content: '-'; }

.map-container .location-list ul .title { height: 2em; line-height: 2em; color: #fff; }
.map-container .location-list ul .title a { color: #fff; }
.map-container .location-list ul .title:before { display: inline-block; width: 2em; content: ''; font-family: FontAwesome; text-align: center; opacity: .7; }
.map-container .location-list ul .title.has-children:before { content: "\f0fe"; }
.map-container .location-list ul .title.has-children.active:before { content: "\f146"; }
.map-container .location-list ul .title.external-link:before { content: "\f14c"; }

.map-container .map { width: 73%; }
.map-container img { max-height: none; }

.gm-style-iw h6 { margin: 0; }

.gmtable { width: 100%; border-spacing: 0; border: none; margin-top: .5em; }
.gmtable td:first-child { width: 20px; }

.gmtable + br + a { display: none; }

@media ( max-width: 700px ) {
	.map-container { display: block; }
	.map-container .map { width: 100%; }
	.map-container .location-list { width: auto; }
	
	.map-container .location-list .info { display: block; }
	.map-container .location-list .info .address { margin: 1em 0; }
	
	.map-container .location-list > li > ul { background: #e3e3e3; font-size: 1em; padding: .5em 1em; }
	.map-container .location-list ul { font-size: 1em; }
	.map-container .location-list ul .title { font-weight: 700; color: #3b3a3b; cursor: default; }
	.map-container .location-list ul .title:before { display: none; }
	.map-container .location-list ul .title a { color: #a21e23; }
	.map-container .location-list ul > :last-child { margin-bottom: 0; }
	.map-container .location-list > li > ul > li { margin-bottom: 2em; }
	.map-container .location-list > li > ul > li > .title { font-size: 1.2em; }
	.map-container .location-list > li > ul > li > ul { display: block; }
	
	.map-container .location-list ul ul { background: transparent; }
	.map-container .location-list ul ul li { margin-bottom: 1em; }
}