#map-container {
	width: 100%;
	/*
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	*/
	margin: 0 auto;  
}

#mapdiv {
	height: 100vh;
	width: 100%;
	z-index:1;
	/*
	grid-column-start: 3;
	grid-column-end: 13;
	grid-row-start: 1;
	grid-row-end: 3;
	*/
}
#side_panel {
	position: fixed;
	z-index:2;
	height: auto;
	left: 50px;
	top: 15px;
	max-height: 500px;
	overflow-y: scroll;
	background-color:#f0f0f9;
	/*
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 3;
	*/
}
#footer {
	height:75px;
	background-color: darkgrey;
}
#PoisZoomButtons {
	
	overflow: scroll;
}
.attraction {
	margin: 2px 0px;
	white-space: normal;
	height: auto;
    display: block;
	background-color:rgb(219, 59, 10);
	
    padding: 3px 3px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42857143;
    
    border: 0px solid transparent;
    border-radius: 0px;
	
}
.leaflet-popup-content h4 {
	text-align: center;
	margin: 0 0 10px 0;
	font-size: 1.1rem;
	color: #db3b0a;
	font-weight: 400;
}
.leaflet-popup-content {    
    text-align: center;
}
.leaflet-popup-content hr {
	margin: 1px 0 3px 0;
	
}
.popup-image {
	width: 260px;
	box-shadow: #2e2e2e 0px 2px 5px;
	border: 5px solid white;
	border-radius: 8px;
	margin-top: 1px;
}
.popup-iframe {
	width: 100%;
	height: 300px;
	border: 5px solid white;
	box-shadow: #2e2e2e 0px 2px 5px;
}
.popup-website {
	padding: 12px 5px;
	display: block;
}
@media (max-width: 980px) {
 /* #map-container { grid-template-columns: repeat(3, 1fr); } */
 #mapdiv {
		
		grid-column-start: 5;
		grid-column-end: 13;
		grid-row-start: 1;
		grid-row-end: 3;
	}
	#side_panel {
		
		grid-column-start: 1;
		grid-column-end: 5;
		grid-row-start: 1;
		grid-row-end: 3;
	}
}

@media (max-width: 520px) {
 /* #map-container { grid-template-columns: repeat(3, 1fr); } */
 #mapdiv {
		
		grid-column-start: 6;
		grid-column-end: 13;
		grid-row-start: 1;
		grid-row-end: 3;
	}
	#side_panel {
		
		grid-column-start: 1;
		grid-column-end: 6;
		grid-row-start: 1;
		grid-row-end: 3;
	}
}
.accordion-header {
	position: relative;
	padding-left: 45px;
	text-align: center;
}
.legend-icon {
	position: absolute;
	left: 7px;
	top: calc(50% - 15px);
	width: 30px;
	z-index: 2;
}
.accordion-button {
	padding: 5px 15px 7px 8px;
	z-index: 1;
}
.accordion-button::after {
   
    
	background-size: 1.05rem;
    margin: 5px 0px 0px 10px;
}




.custom-label {
    
    
    font-size:18px;
	
}

.small-label {    
    
    font-size:13px;	
}