/*---------------------------------------------------------
here you can import variables and common tags styling 
---------------------------------------------------------*/
/*---------------------------------------------------------
here you can add your general styling
---------------------------------------------------------*/
/*---------------------------------------------------------
here you can import pages styling 
---------------------------------------------------------*/
/*---------------------------------------------------------
here you can import break points styling 
    please let this at the end of this file
---------------------------------------------------------*/
/*---------------------------------------------------------
Instagram Feed Plugin, don't forget to include instagram-feed.js in layout page 
---------------------------------------------------------*/
.instagram-feed-container {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.instagram-feed-container a {
  width: 33%;
  height: 100px;
  display: block;
}
.instagram-feed-container a img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.apartment-page .pxp-nav > li > a,
.apartment-page .pxp-nav > li > a:hover, .project-page .pxp-nav > li > a,
.project-page .pxp-nav > li > a:hover {
  font-weight: 700;
  color: #000000;
  text-decoration: none;
}
.apartment-page .pxp-header a, .project-page .pxp-header a {
  color: #000000;
}
.apartment-page .pxp-header-user, .apartment-page .pxp-header-nav-trigger, .project-page .pxp-header-user, .project-page .pxp-header-nav-trigger {
  color: #000000;
  border: 1px solid #000000;
}
.apartment-page .pxp-logo .logo, .project-page .pxp-logo .logo {
  display: block;
}
.apartment-page .logo-white, .project-page .logo-white {
  display: none;
}
.apartment-page .custom-contact, .project-page .custom-contact {
  position: sticky;
  top: 150px;
}
.apartment-page .pxp-sp-agent-btn-main, .project-page .pxp-sp-agent-btn-main {
  background-color: #d1a958;
  border-color: #d1a958;
}
.apartment-page .pxp-agent-contact-modal-btn, .project-page .pxp-agent-contact-modal-btn {
  background-color: #d1a958;
  border-color: #d1a958;
}
.apartment-page .pxp-single-property-section.pxp-sp-agent-section, .project-page .pxp-single-property-section.pxp-sp-agent-section {
  z-index: 10;
}
.apartment-page .custom-z, .project-page .custom-z {
  z-index: -10;
}
.apartment-page .svg-custom, .project-page .svg-custom {
  height: 18px;
  margin-right: 2px;
}
.apartment-page .unique-location, .project-page .unique-location {
  color: #333;
  background-color: #d1a958;
  padding: 20px;
  border-radius: 25px;
}
.apartment-page .unique-location-list-item, .project-page .unique-location-list-item {
  display: flex;
  align-items: center;
  gap: 5px;
}

.apartment-page .pxp-hero-bg {
  position: inherit;
  height: 250px;
  width: 100%;
}

.project-page .pxp-hero-bg {
  position: inherit;
  height: 400px;
  width: 100%;
}
@media (max-width: 768px) {
  .project-page .pxp-hero-bg {
    height: 250px;
  }
}