html,
body {
  font-family: 'Lato', cursive;
  background-color: #D5D6D1;
  height: 100%;
  margin: 0;
  padding: 0;
}
form{
    font-family: 'Lato' !important;
}

.btn .btn-custom {
	background-color: #D35348 !important;
}
.btn , input, textarea{
	border-radius: 0px !important;
}
.color-white{
    color: white !important;
}
.color-red{
    color: #D35348 !important;
}
.bg-light-grey{
    background-color: #E6E7E2
}
.bg-red{
    background-color: #D35348;
}
.bg-mint{
    background-color: #D2ECDF;
}
.bg-yel{
    background-color: #F9F5D2;
}

h1, h2, h3, h4, h5, h6{
   font-family: 'Lato', sans-serif !important;
    font-weight: bold;
}
.custom-bold{
    font-weight:900;
    line-height:1.2;
}

.font-unica {
    font-family: 'Unica One', sans-serif;
}
.font-unica-bold {
    font-family: 'Unica One', sans-serif;
	text-shadow: 2px 0px 0px;
}
.font-lato {
    font-family: 'Lato', sans-serif;
}

.heading {
    font-family: 'Unica One', sans-serif;
	font-size: 48;
}

.map-form {
  height: 50em !important;
  width: 100%;
}
main{
	height: 950px !important;
}
.map-container{
    min-height: 500px !important;
	height: 950px !important;
}

/* main map */
.map-main{
    position: inherit !important;
	min-height: 500px !important;
    height: 950px  !important;
    width: inherit;
}
.sidebar{
    height: 950px !important;
    overflow-y: scroll;
}
#sidebar-detail{
    height: 950px !important;
    overflow-y: scroll;
}

/* if mobile - change height */
@media only screen and (max-width: 600px) {
	.map-main{
	    position: inherit !important;
	    max-height: 500px !important;
	    width: inherit;
	}
	.sidebar{
	     max-height: 500px !important;
	    overflow-y: scroll;
	}
	#sidebar-detail{
	    height: 500px !important;
	    overflow-y: scroll;
	}
}


.fixed-height-1{
	max-height: 30em !important;
}

.fixed-width-1{
    width: 50em !important;
}
.overflow-hidden{
    overflow: hidden !important;
}
.image-pos{
	object-fit: contain !important;
	object-position: top center !important;
}
.desc{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: 'none';
    overflow: hidden;
    text-overflow: ellipsis;
}
.sidepanel-item:hover{
    background-color: #9D9E98;
    color: white;
    cursor: pointer;
}
.sidepanel-item .img-thumbnail{
    border: none;
    height: inherit;
    object-fit: contain;
    background-color: rgba(0,0,0,0);
}
.btn-sidepanel{
    font-size: 1.75em;
    color: #9D9E98;
    background-color: rgba(0,0,0,0);
    outline-color: rgba(0,0,0,0);
}
/*.leaflet-popup-content, .leaflet-popup-tip {
  background-color: #F9F5D2
}*/

.leaflet-popup{
	border-radius: none;
}
.leaflet-popup-tip {
	background: #F9F5D2;
}
.leaflet-popup-content-wrapper {
    background: #F9F5D2;
	border-radius: 0;
}