.leaflet-layer img {
	-webkit-filter: grayscale(20%);
	filter: grayscale(20%);
}

.leaflet-container a{
	color: #BECE11;
}
.leaflet-container a:hover{
	color: #333;
}

.leaflet-popup-content-wrapper {
	border-radius: 2px;
}

.madmin_layout{
	display: flex;
}

.madmin_panel{
	width:200px;
	padding:10px;
}

.logomark{
	padding:1rem;
}

.logo_container{
	position: fixed;
	top:1.5rem;
	right:1rem;
	z-index: 1200;
	width:144px;
	height:auto;
	padding:0.5rem 0.5rem 0 0.5rem;
	background-color:white;
}

.logo_container svg{
	width:100%;
	height:auto;
}

.mm_div_icon{
	width: 44px !important;
	height: 44px !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-left: -22px !important;
	margin-top:-22px !important;
	background-color: #BECE11;
}

/* .mm_div_icon:before{
	content: ' ';
	display: flex;
	align-items: center;
	justify-content: center;
	color:var(--orange);
	font-weight: var(--strong);
	font-size: 1.3rem;
} */


.mm_icon_urinal{
	border:0;
	background: url(/site/assets/images/icons/toilets_urinal.svg) no-repeat;
}

.mm_icon_waymark{
	border:0;
	background: url(/site/assets/images/icons/icon_waymark.svg) no-repeat;
	margin-top: -44px !important;
}

.mm_icon_toilet_accessible{
	border:0;
	background: url(/site/assets/images/icons/toilets_accessible.svg) no-repeat;
}

.mm_icon_toilet{
	border:0;
	background: url(/site/assets/images/icons/toilets.svg) no-repeat;
}

.mm_icon_meet{
	border:0;
	background: url(/site/assets/images/icons/muster_long.svg) no-repeat;
}

.mm_icon_meet_short{
	border:0;
	background: url(/site/assets/images/icons/muster_short.svg) no-repeat;
}

.mm_icon_megaphone{
	border:0;
	background: url(/site/assets/images/icons/megaphone.svg) no-repeat;
}

.mm_icon_rest_stop{
	border:0;
	background: url(/site/assets/images/icons/icon_rest_stop.svg) no-repeat;
	background-color:pink;
}

.mm_start_icon{
	border:0;
	background: url(/site/assets/images/marker_start.svg) no-repeat;
}


.mm_finish_icon{
	border:0;
	background: url(/site/assets/images/marker_end.svg) no-repeat;
}


.mm_mile_icon{
	background: url(/site/assets/images/mile_markers/mile_bg.svg) no-repeat;
	background-size:cover;
	border:0;
}

.mm_mile_icon:before{
	content: '1';
	font-size: 22px;
	color:white;
}

.mm_mile_icon-1:before{	content: '1'}
.mm_mile_icon-2:before{	content: '2'}
.mm_mile_icon-3:before{	content: '3'}
.mm_mile_icon-4:before{	content: '4'}
.mm_mile_icon-5:before{	content: '5'}
.mm_mile_icon-6:before{	content: '6'}
.mm_mile_icon-7:before{	content: '7'}
.mm_mile_icon-8:before{	content: '8'}
.mm_mile_icon-9:before{	content: '9'}
.mm_mile_icon-10:before{	content: '10'}
.mm_mile_icon-11:before{	content: '11'}
.mm_mile_icon-12:before{	content: '12'}
.mm_mile_icon-13:before{	content: '13'}
.mm_mile_icon-14:before{	content: '14'}
.mm_mile_icon-15:before{	content: '15'}
.mm_mile_icon-16:before{	content: '16'}

/* we hide miles that are the same as checkpoints */

.mm_mile_icon-9,
.mm_mile_icon-14{
	display: none !important;
}

.mm_infobox_icon{
	background: url(/site/assets/images/checkpoint1.svg) no-repeat;
	background-size:cover;
	border:0;
}


.mm_infobox_3{
	background-image: url(/site/assets/images/checkpoint2.svg);
}

.mm_infobox_4{
	background-image: url(/site/assets/images/checkpoint3.svg);
}

.mm_marshal_icon {
	background-color: var(--red);
	border: 1px solid white;
	color: white;
	text-align: center;
	line-height: 1.1;
	font-weight: 600;
	font-size: 10px;
}

.mm_marshal_icon_low{
	border-radius: 50%;
	background-color: var(--blue);
}

/* .mm_div_icon:after{
	content: '';
	display: block;
	width:3px;
	height:8px;
	position: absolute;
	bottom:-8px;
	left:13px;
	background-color: var(--orange);
} */

/* .mm-infobox{
	background-color: white;
	border:2px solid  var(--orange);
	display: flex !important;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-left: -17px !important;
	margin-top:-40px !important;
} */

.leaflet-popup-content{
	margin:1rem !important;
	font-size:0.8125rem;
}

.marker_title{
	color:var(--theme);
	font-size:1.1rem;
	font-weight: var(--strong);
}

.marker_content{
	padding-top: 0.25rem;
}

.leaflet-popup-content p {
	margin: 0.25rem 0 !important;
	font-size: 0.825rem;
	line-height: 1.2;
}

.key_icons{
	display: grid;
	padding-top:0.5rem;
	row-gap:0.5rem;
	column-gap: 0.2rem;
	grid-template-columns: 44px 44px 44px 44px;
}

.key_icon{
	text-align: center;
	text-transform: capitalize;
}

.key_icon_image{
	width:32px;
	height:32px;
	margin:auto;
	background-repeat: no-repeat;
	background-size: contain;
}

.key_icon_eating_area{ background-image: url('/site/assets/images/icons/icon_eating_area.svg')}
.key_icon_first_aid{ background-image: url('/site/assets/images/icons/icon_first_aid.svg')}
.key_icon_food{ background-image: url('/site/assets/images/icons/icon_food.svg')}
.key_icon_music{ background-image: url('/site/assets/images/icons/icon_music.svg')}
.key_icon_toilets{ background-image: url('/site/assets/images/icons/icon_toilets.svg')}
.key_icon_water{ background-image: url('/site/assets/images/icons/icon_water.svg')}

.mm_menu{
	display: flex;
	flex:1;
}

.mm_menu_item a{
	font-size:2rem;
	text-decoration: none;
	color:var(--theme);
}

.mm_menu_inner {
	padding: 148px 1.5rem 2rem 1.5rem;
	flex: 1;
	overflow: auto;
	display: flex;
	flex-direction: column;
}


.mm_menu_inner h1{
	font-size:2rem;
	margin-bottom: 1rem;
}

.menu_content_block{
	max-height:0;
	overflow: hidden;
	transition:var(--transition);
}

.menu_content_block_inner{
	padding:1rem 0;
}

.menu_content_block_inner a{
	font-size: 1rem;
	text-decoration: underline;
}

.kit{
	margin-top:auto;
}

.kit_links{
	margin-top:auto;
	display: grid;
	gap: 1rem;
	grid-template-columns: 60px 60px;
}

@media(min-width: 360px ){

	.kit_links{
		grid-template-columns: 60px 60px 60px 60px;
	}

}

.kit_title {
	font-size: 1.4rem;
	margin: 1rem 0;
	border-top: 1px solid #eee;
	padding-top:1rem;
	font-weight: 400;
}

.kit_link{
	display: block;
	width:60px;
	height:60px;
	margin-right:2rem;
}

.kit_fill{
	fill:var(--theme);
}

.kit_stroke{
	stroke:var(--theme);
}

.kit-link svg{
	width:100%;
	max-width: 100%;
	height:auto;
}