@font-face {
  font-family: "Raleway";
  src: url("../font/Raleway/Raleway-Thin.ttf") format("truetype");
  font-weight: 200;
}

@font-face {
  font-family: "Raleway";
  src: url("../font/Raleway/Raleway-Light.ttf") format("truetype");
  font-weight: 300;
}

@font-face {
  font-family: "Raleway";
  src: url("../font/Raleway/Raleway-Regular.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "Raleway";
  src: url("../font/Raleway/Raleway-Medium.ttf") format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: "Raleway";
  src: url("../font/Raleway/Raleway-Bold.ttf") format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: "RealFMG";
  src: url("../font/real-fmg/real-fmg.ttf") format("truetype");
  font-weight: 700;
}

body {
  font-family: "Raleway";
}

h1, h2, h3, h4, h5, h6 {
  font-family: "RealFMG";
}

.navbar-nav {
  text-transform: uppercase;
}

.switch label input[type=checkbox]:checked+.lever:after {
  background-color: #f2bd44;
}

.switch label input[type=checkbox]:checked+.lever {
  background-color: #444;
}

.nav-link a {
  color: #000;
}

a.nav-link {
  font-weight: 400;
}

.dropdown-item {
  padding: 0!important;
}

li.active.breadcrumb-item {
  color: #f2bd44;
}
li.breadcrumb-item:hover, .unitPropLink:hover, .unitLink:hover, .fab:hover, .hoverLink:hover {
  color: #f2bd44!important;
}

button.image-gallery-fullscreen-button, button.image-gallery-play-button {
  padding-bottom: 7px;
}

.mainOverlay:hover {
  background: rgba(0, 0, 0, 0.2)!important;
}

input.select-dropdown, span.caret {
  color: #fff!important;
}

i.fa.fa-search.mr-1 {
  margin: 0!important;
}

.heroSearch .md-form {
  margin: 0;
}

.heroSearch label#input {
  color: #fff;
  font-weight: bolder;
}

.heroSearch label#input.active {
  color: #eee;
}

.heroSearch li.list-item {
  color: #000;
  text-align: left;
}

.heroSearch input#input {
  color: #fff;
  max-width: 90%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.propertyLink {
  width: 100%;
}

ul.dropdown-content.select-dropdown.fadeElement.fadeIn {
  max-height: 200px;
}

input#selectSearchInput, label#selectSearchInput {
  padding-left: 10px;

}

.ais-GeoSearch {
  max-width: 100%;
}

.ais-GeoSearch-map {
  height: 300px;
  width: 100vw;
  max-width: 100%;
}

.btn-default {
  background-color: #f2bd44!important;
}

.topFooter p {
  margin-bottom: 3px;
}

.topFooter h4, .reviews h4, .featured h4 {
  font-weight: bold;
  font-size: 1.3em;
}

.md-form label {
  left: 0!important;
}

thead.text-white, .card-up {
  background: #324d87!important;
}

.areaSearch, .accordion.md-accordion.accordion-5 .card .card-header {
  background-color: #324d87!important;
}

.blogPostText {
  text-align: justify;
  white-space: pre-line;
}

@media(max-width: 575px) {
  .homeBlurb {
    padding: 20px!important;
  }
  .heroMain {
    height: 900px!important;
  }
  .heroSearch {
    height: 700px!important;
  }
}

@media(min-width:768px) {
  a.nav-link:hover, .nav-link:hover {
    background: #f2bd44;
    color: #fff!important;
  }
}

.slick-prev:before, .slick-next:before {
  display: none;
}
.slick-prev, .slick-next {
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  color: #324d87!important;
}

ul.react-autosuggest__suggestions-list {
  list-style: none;
  padding: 0;
}

.searchBoxHit {
  padding: 5px;
}
.searchBoxHit:hover {
  background: #324d87;
  color: #fff;
  cursor: pointer;
}

.dropdown-dark .dropdown-content li.active, .dropdown-dark .dropdown-content li span:hover, .dropdown-primary .dropdown-content li.active, .dropdown-primary .dropdown-content li span:hover {
  background-color: #324d87!important;
}