@import "vars.less";

body {
	background-color: #f7f7f7;
}
nav {
	background-color: transparent;
	position: absolute;
	z-index: 9;
	width: 100%;
	top: 0;
	left: 0;
}
#map {
	height: 100%;
	& > div {
		background-color: #f7f7f7 !important;
	}
}
.gm-style .gm-style-iw-c {
	background-color: #000;
	color: #fff;
	box-shadow: none;
	font-family: 'Work Sans';
	font-weight: 600;
	border-radius: 0;
	padding: 9px 23px 11px 20px !important;
}
.gm-style .gm-style-iw-t::after {
	background-color: #000;
	box-shadow: none;
}
.gm-style .gm-style-iw-d {
	overflow: hidden !important;
}
.gm-style .gm-style-iw-d a {
	&:hover {
		text-decoration: underline;
	}
}
.gm-style .gm-style-iw-c button {
	img {
		display: none !important;
	}
	&:after {
		color: #fff;
		content: '✕';
		font-weight: 600;
		font-size: 11px;
	}
}

// .gm-style-iw a {
// 	display: inline-block;
// 	font-size: 14px;
// 	cursor: pointer;
// 	max-width: 200px;
// 	width: 100%;
// 	white-space: nowrap;
// 	overflow: hidden;
// 	text-overflow: ellipsis;
// 	font-family: 'Work Sans';
// 	font-weight: 600;
// 	color: #fff;
// 	position: relative;
// 	top: -1px;
// 	padding-bottom: 1px;
// 	&:hover {
// 		text-decoration: underline;
// 	}
// }
// .gm-style-iw + div {
// 	text-align: right;
// 	margin-top: -1px;
// 	width: 15px !important;
// 	height: 15px !important;
// 	img {
// 		display: none;
// 	}
// 	opacity: 1 !important;
// 	&:hover {
// 		opacity: 0.7 !important;
// 	}
// 	&:after {
// 		content: '✕';
// 		font-size: 14px;
// 		color: #fff;
// 	}
// }
// .info-window {
// 	transform: translateY(25px);
// 	margin-left: -1px;
// 	& > div:first-child {
// 		& > div:first-child {
// 			display: none;
// 		}
// 		& > div:nth-child(2) {
// 			background-color: transparent !important;
// 			box-shadow: none !important;
// 		}
// 		& > div:nth-child(3) {
// 			div div {
// 				background-color: #000 !important;
// 				height: 10px !important;
// 				box-shadow: none !important;
// 			}
// 			div:first-child div {
// 				transform: skewX(45deg) !important;
// 			}
// 			div:last-child div {
// 				transform: skewX(-45deg) !important;
// 			}
// 		}
// 		& > div:last-child {
// 			background-color: #000 !important;
// 			border-radius: 0 !important;
// 		}
// 	}
// }