.col-sm-4 ul{
	list-style:none;padding-left: 0px; font-size: 10pt;
}
.col-sm-4 ul li ul{
	list-style:disc;
	padding-left: 20px;
}
.col-sm-6 ul{
	list-style:disc;
	margin-bottom: 0px;
	padding-left: 24px;
}

	    .container-sm{
		    max-width: 900px;
	    }
	    body,html{
		    height: 100%;
	    }
div.header{
	background:url(bg.png);background-size: cover;
}
#leafletSliderContainer{
    width: 100%; /* Change to any value you like in pixels or percent. */
    height: 90vh; /* Change to any value you like in pixels or percent */
    min-height: 400px;
    max-height: 900px;
    margin-top: 20px;
}
#leafletSliderContainer h4{
    margin-top: 0px;
}
h4{
	margin-bottom: 0px;
}
.nav-item{
	transition: box-shadow 0.25s,background 0.25s;
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0));
	box-shadow: inset 0px 0px 0px black;
	padding: 0px;
}
.nav-item a{
	padding: 12px 16px 12px 16px !important;
}
.nav-item:has(a.active){
	box-shadow: inset 0px 0px 5px black;
}
.nav-item:hover{
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.16));

}

.navbar-toggler{
	margin: 4px;
}

.navbar{
	padding: 0px;
}

div.accordion img, div.accordion video, div.accordion object{
	max-width: 100%;
    max-height: 60vh;
    font-style: italic;
}

div.accordion div{
    overflow: hidden;
    transition: height 0.5s, opacity 0.5s;
}
div.accordion div p{
    margin-top: 16px;
}