@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;700;900&family=Spectral:wght@200;400;600;700&display=swap");
@import url("https://kunversion-frontend-custom.s3.amazonaws.com/templates/help/ps.css");
@import url("https://kunversion-frontend-custom.s3.amazonaws.com/overwrites/template/ps.css");
@import url("https://kunversion-frontend-custom.s3.amazonaws.com/overwrites/template/agent/2/ps.css");
@import url("https://kunversion-frontend-custom.s3.amazonaws.com/overwrites/search-bar/minimal.v2.css");
@import url("https://kunversion-frontend-custom.s3.amazonaws.com/components/listings/new/ps.css");

/* Custom CSS */
:root {
  --secondary-brand-color: #00aeef;
  --heading-font: "Spectral", serif;
  --text-font: "Open Sans", sans-serif;
}

/* Header */
#home-bodycontent #header.home {
  background-color: #000 !important;
  background: #000 !important;
}
#home-bodycontent .cover {
  margin-top: -60px;
}
#home-bodycontent #header.home .navbar-toggler,
#home-bodycontent #header.home .navbar-toggler span,
#home-bodycontent #header.home .list-inline .fa {
  border-color: #fff !important;
}
#home-bodycontent #header.home .list-inline span,
#home-bodycontent #header.home .list-inline a,
#home-bodycontent #header.home .list-inline .fa {
  color: #fff !important;
}
@media only screen and (min-width: 992px) {
  #home-bodycontent #header .nav-primary > li > a {
    color: #fff !important;
  }
}
#kv-about-agent h2,
#kv-about-agent p {
  color: #fff;
}


/* Logo */
#header .logo.primary {
  display: none
}
#header .logo.secondary {
  content: url('https://dtzulyujzhqiu.cloudfront.net/douglasrealty522/images/1739823116_6xcEtcmZg3EHNYHKDZpfoDXuvIi1n4xbQy8APoNI.png');
}
#about {
  display: none;
}
#footer .footer-top-right {
  overflow: scroll;
  max-height: 250px;
}
#home-bodycontent .kv-featured-areas-widget ~ #widget-layout-wrapper {
  margin-top: 0 !important;
}
#home-bodycontent .kv-featured-areas-widget h2 {
  font-weight: 700;
  font-size: 2.3rem;
}
#home-bodycontent .kv-featured-area.hidden {
  display: none !important;
}
#home-bodycontent .kv-featured-areas-widget-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
#home-bodycontent .kv-featured-areas-widget .kv-featured-area {
  min-height: 350px;
  width: 32%;
  min-width: 350px;
  background-position: center;
  background-size: cover;
  text-decoration: none;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 10px;
}
#home-bodycontent .kv-featured-areas-widget .kv-featured-area:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  transition: background 0.5s ease;
}
#home-bodycontent .kv-featured-areas-widget a h3 {
  font-weight: 600;
  text-shadow: 1px 1px 1px #444;
  position: relative;
  z-index: 1;
}
#home-bodycontent .kv-featured-areas-widget .kv-featured-area:hover:after {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

#home-bodycontent #kv-featured-areas div.area-5 {
  width: calc(33.33333% - 20px);
  position: relative !important;
  min-height: 450px;
  margin: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
  overflow: hidden;
  text-align: center;
}
#home-bodycontent #kv-featured-areas div.area-5 img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(70%);
  -webkit-filter: brightness(70%);
  transition: all 0.5s ease;
}
#home-bodycontent #kv-featured-areas a {
  width: auto !important;
  position: relative;
  min-height: unset !important;
  margin: 10px;
  display: inline-block !important;
  color: inherit !important;
  text-decoration: none;
  overflow: hidden;
  border: 2px solid #fff;
  font-size: 1.1rem;
}
#home-bodycontent #kv-featured-areas a.half,
#home-bodycontent #kv-featured-areas div.area-5.half {
  width: calc(50% - 20px);
}
#home-bodycontent #kv-featured-areas a img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(70%);
  -webkit-filter: brightness(70%);
  transition: all 0.5s ease;
}
#home-bodycontent #kv-featured-areas .area-title-wrapper {
  position: relative;
  z-index: 1;
}
#home-bodycontent #kv-featured-areas h4 {
  font-weight: 700;
  font-size: 2.3rem;
}
@media only screen and (max-width:992px){
  #home-bodycontent #kv-featured-areas div.area-5 {
    width: calc(50% - 20px) !important
  }
}
@media only screen and (max-width:767px){
  #home-bodycontent #kv-featured-areas div.area-5 {
    width: 100% !important
  }
}