.relocate-green {
    color: #82b440 !important
}

#search { 
    margin-top: -70px;
    padding-bottom: 70px; 
    display: block;
    height:0;
}

#search-main {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    margin:5px 0 0 0;
    height: calc(70vh);
}

#about-main {
    background-image: url('https://assets.relocate.app/public/ba688422-d233-4aa7-90812c2bc818e96e/background-5.jpg');
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-size: cover !important;
}

#features {
    height: 120px !important;
    padding-top:30px !important;
    margin-bottom: 200px !important;
}

#page-main {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    margin:5px 0 0 0;
    height: calc(50vh);
}

/*geocoder*/
.geocoder {
    z-index: 1;
    min-width:100% !important;
    
}

.mapboxgl-ctrl-geocoder {
    min-width:100% !important;
}

.mapboxgl-ctrl-geocoder--icon-search {
    width: 30px !important;
    height: 30px !important;
    margin:5px 0 5px 5px !important;
    color: #82b440 !important;
}

.mapboxgl-ctrl-geocoder--input {
    font-weight:normal !important;
    outline:none !important;
    font-size:1.2rem !important;
    margin:10px 0 10px 20px !important;
}

.mapboxgl-ctrl-geocoder--button {
    display:block !important;
    color:#999 !important;
    margin:10px 5px 10px 0 !important;
}

.mapboxgl-ctrl-geocoder--icon-loading {
    display: none !important;
}

.mapboxgl-ctrl-geocoder--icon-search svg path,
.mapboxgl-ctrl-geocoder--icon-search svg rect{
  fill: #82b440;
}

.suggestions {
    font-weight:normal !important;
}

/*drive times inputs*/
.dt .mapboxgl-ctrl-geocoder--icon-search {
    margin:0 !important;
    color: #82b440 !important;
    display:none;
}

.dt .mapboxgl-ctrl-geocoder--input {
    font-weight:normal !important;
    outline:none !important;
    font-size:1rem !important;
    margin:0 0 0 -20px !important;
}

.dt .mapboxgl-ctrl-geocoder--button {
    display:block !important;
    color:#999 !important;
    margin:0 !important;
}

.dt .suggestions {
    font-weight:normal !important;
    position: relative !important;
}

/*other*/
::placeholder {
    color:#999 !important;
 }

.navbar-vertical.navbar-card .navbar-nav .nav-item .nav-link.active {
    color: #82b440 !important;
}