/* Fonts */
@font-face {
    font-family: 'MuseoSans_100';
    src: url('/custom/fonts/MuseoSans_100-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans_100_Italic';
    src: url('/custom/fonts/MuseoSans_100_Italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans_300';
    src: url('/custom/fonts/MuseoSans_300-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans_300_Italic';
    src: url('/custom/fonts/MuseoSans_300_Italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans_500';
    src: url('/custom/fonts/MuseoSans_500-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans_500_Italic';
    src: url('/custom/fonts/MuseoSans_500_Italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans_700';
    src: url('/custom/fonts/MuseoSans_700-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans_700_Italic';
    src: url('/custom/fonts/MuseoSans_700_Italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans_900';
    src: url('/custom/fonts/MuseoSans_900-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans_900_Italic';
    src: url('/custom/fonts/MuseoSans_900_Italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.gmap-map {
	width: 100%;
	height: 100%;
}
.sidebar {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: white;
	overflow-y: scroll;
	width: 30%;
}
.sidebar.form-open {
	width: 100%;
}
@media(max-width: 768px) {
	.sidebar {
		top: 50%;
		height: 50%;
		width: 100%;
	}
	.sidebar.form-open {
		top: 0;
		height: 100%;
	}
}
.sidebar::-webkit-scrollbar {
	width: 0;  
}
.sidebar .locations-container {
	overflow: hidden;
}
.sidebar-header {
	width: 100%; 
	height: 80px; 
	display: flex; 
	background-color: black;
}
.sidebar-header span {
	font-family: 'MuseoSans_900';
	font-size: 22px;
	display: block; 
	margin: auto 0 auto 22px; 
	color: white;
}
@media(max-width: 768px) {
	.sidebar-header span {
		font-size: 16px;
		margin: auto 22px auto 22px; 
	}
}
.sidebar .visible-marker {
	width: 100%; 
	height: 100px; 
	border-bottom: 1px solid gray; 
	display: flex; 
	cursor: pointer;
}
.sidebar .visible-marker:hover {
	background-color: #EBEBEB;
}

.sidebar .title {
	font-family: 'MuseoSans_900';
	font-size: 20px; 
	display: block;
}
.sidebar .address {
	font-family: 'MuseoSans_100';
	font-size: 18px; 
	display: block;
}
@media(max-width: 768px) {
	.sidebar .title {
		font-size: 16px; 
	}
	.sidebar .address {
		font-size: 15px; 
	}
}

.sidebar .visible-marker .info-container {
	flex: 0 0 60%; 
	display: flex;
}

.sidebar .visible-marker .info-container div {
	margin-top: auto; 
	margin-bottom: auto;
}

.sidebar .visible-marker .left-icon,
.sidebar .visible-marker .right-icon  {
	flex: 0 0 20%; 
	display: flex;
}
.sidebar .visible-marker .left-icon img,
.sidebar .visible-marker .right-icon img {
	display: block; 
	margin: auto;
}
.sidebar .visible-marker .right-icon img {
	height: 30%;
}

.sidebar .form-container {
	display: flex; 
	height: 100%;
}
.sidebar .form-container .back-button {
	display: flex; 
	flex: 0 0 15%; 
	flex-wrap: wrap; 

	height: 20%; 
	margin-top: 50px; 
	margin-left: 5%; 
	cursor: pointer;
}
.sidebar .form-container .back-button .back-button-image-container {
	flex: 0 0 100%; 
	display: flex; 
	max-height: 30px; 
	margin-bottom: 10px;
}
.sidebar .form-container .back-button .back-button-image-container img{
	height: 100%; 
	width: auto; 
	transform: scale(-1);
}
.sidebar .form-container .back-button .location-pin-container {
	flex: 0 0 25%; 
	display: flex;
}
.sidebar .form-container .back-button .location-pin-container img {
	display: block; 
	margin-bottom: auto; 
	margin-top: auto;
}
.sidebar .form-container .back-button .text-container {
	flex: 0 0 75%; 
	display: flex;
}
.sidebar .form-container .back-button .text-container div {
	margin-top: auto; 
	margin-bottom: auto;
}
.sidebar .form-container .iframe-form {
	flex: 0 0 79%;
}
.sidebar .form-container .iframe-form iframe {
	width: 100%;
	height: 100%;
}

@media(max-width: 768px) {
	.sidebar .form-container {
		display: block; 
		overflow-y: hidden;
	}
	.sidebar .form-container .back-button {
		height: 5%;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.sidebar .form-container .back-button .back-button-image-container {
		margin-bottom: 0;
		flex: 0 0 17%;
	}
	.sidebar .form-container .back-button .location-pin-container {
		flex: 0 0 13%;
	}
	.sidebar .form-container .back-button .text-container {
		flex: 0 0 70%;
	}
}