:root {
	--main-bg-color: #F7F5EB;
	--sec-bg-color: #2E9462;
	--thrf-bg-color: #DE4B31;
	--main-title-color: #282828;
	--main-text-color: #000000;
	--sec-text-color: #2E9462; 
	--main-text-hover-color: #FFFFFF;
}

/* Colors */
.mapsvg-details-container {
	background: var(--sec-bg-color) !important;
}
.mapsvg-directory.flex {
	background: var(--main-bg-color) !important;
}

.mapsvg-directory-item.selected,
.mapsvg-directory-item.hover, 
.mapsvg-directory-item,
.mapsvg-directory-item:hover {
	background: var(--sec-bg-color) !important;
}
.directory-item-wrapper p {
	color: var(--main-text-hover-color);
}

.mapsvg-directory-item:hover p,
.mapsvg-directory-item.selected p,
.mapsvg-directory-item.hover p {
	color: var(--main-text-hover-color);
}

/* Transitions */
.mapsvg-directory-item,
.mapsvg-directory-item p{
	transition: color .5s ease, background .5s ease, border .5s ease;
}

/* sidebar styling */
.mapsvg-controller-view-content,
.mapsvg-auto-height {
	height: 100%;
}

/* styling van sidebar & details view */
.directory-item-wrapper {
	padding: 20px;
}
.tooltip-div p,
.directory-item-wrapper p,
.directory-item-wrapper span {
	font-family: 'Poppins' !important;
}
.directory-item-wrapper p{
	font-size: 18px;
}
.directory-item-wrapper span {
	float: right;
}
.directory-item_title {
	font-size: 30px !important;
	text-transform: uppercase;
}
.directory-item_meer_info {
	text-transform: uppercase;
	font-size: 20px !important;
	text-align: center;
	padding: 10px 20px !important;
	right: 20px;
	width: 175px;
}

/* Details view styling */
.mapsvg-controller-view-content {
	padding: 0 !important;
}
.mapsvg-controller-view-toolbar {
	display: none !important;
}
.mapsvg-controller-view-wrap {
	top: 0!important;
}

.mapsvg-controller-view-content {
	padding: 0px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
}

.mapsvg-directory-item {
	display: none !important;
	opacity: 0;
	visibility: hidden;
	width: 100%;
}
.mapsvg-directory-item.hover, .mapsvg-directory-item.selected,
.show-me-anyway {
	display: block !important;
	
	visibility: visible;
	opacity: 1;
}


/* laat parkeer div zien */
/* .show-me-anyway {
opacity: 1;
visibility: visible;
top: auto !important;
transform: translateY(0) !important;
bottom: 0;
z-index: 0 !important;
} */

/* @media(min-width:1600px){
.show-me-anyway {
bottom: 5vw !important;
}
}
@media(min-width:1900px){
.show-me-anyway {
bottom: 10vw !important;
}
} */

@media(min-width:1199px){
	.mapsvg-wrap {
		height: 100% !important;
	}
}
@media(max-width:1199px){
	.mapsvg-directory-item.selected {
		background: var(--thrf-bg-color) !important;
	}
	.directory-item-wrapper p {
		font-size: 16px;
	}
	.directory-item_title {
		font-size: 25px !important;
		text-transform: uppercase;
	}

}
@media(max-width:600px){
	.directory-item_title {
		font-size: 20px !important;
	}
}