:root{
  --brand-color: #003747;
  --button-color: #003747;
  --link-color: #003747;
}

/* site header */
.site-header{
  position: fixed;
  background: transparent;
}

.site-header.sticky-header, .search .site-header, .bare-page .site-header{
  background-color: var(--dark-background-color);
}

.site-header .site-nav .nav a{
  text-transform: uppercase;
}

@media screen and (min-width: 1024px){
  .site-header .site-nav .nav a{
    color: var(--dark-background-font-color);
  }
}

.nav-item-search{
  border-color: var(--dark-background-font-color);
}

.nav-item-search svg{
  stroke: var(--link-color);
}

@media screen and (min-width: 1024px){
  .nav-item-search svg{
    stroke: var(--dark-background-font-color);
  }
}

.site-nav-toggle{
  top: .75rem;
}

.site-nav-toggle .line{
  fill: var(--dark-background-font-color);
}

.brand .agent-logo{
  max-width: 12rem;
}

.brand .bw-logo{
  max-width: 12rem;
  padding-left: 2rem;
  border-left: 1px solid white;
}

.agent-logo{
  margin-right: .5rem;
}

/* alert */
.alert{
  background-color: var(--dark-background-color);
  color: var(--dark-background-font-color);
}

.alert-inner{
  max-width: 75vw;
  margin: auto;
  padding: 1.75rem 1rem;
  text-align: center;
}

.alert p{
  margin: 0;
  text-transform: uppercase;
  font-size: 1.125rem;
}

.alert a{
  color: var(--dark-background-font-color);
}

.sticky-header .alert, .page .alert{
  border-bottom: 1px solid #444;
}


/*homepage */
.homepage h2{
  font-size: 2.75rem;
}


/* hero search */

.prh-hero-search-section{
  height: 100vh;
  background-color: var(--dark-background-color);
  color: var(--dark-background-font-color);
}

.prh-hero-search-section .container{
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: none;
  height: 100%;
}

@media screen and (min-width: 740px){
  .prh-hero-search-section .container{
    padding: 0;
  }
}

.prh-hero-search-section img{
  object-fit: cover;
}

.prh-hero-search-section .hero-media{
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: .4;
}

.prh-hero-search-section .hero-content{
  position: relative;
  max-width: 60rem;
}

.prh-hero-search-section .hero-text{
  font-family: var(--body-font);
  font-size: 1.5rem;
  text-transform: uppercase;
  text-align: center;
}

.prh-hero-search-section .hero-text strong{
  display: block;
  font-family: var(--heading-font);
  font-size: clamp(3.5rem, 5vw, 5rem);
  font-weight: normal;
  text-transform: none;
}


.hero-search-form-inner{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .5rem 1rem;
}

@media screen and (min-width: 740px){
  .hero-search-form-inner{
    flex-direction: row;
    gap: 1rem;
  }
}

.hero-search-form-inner .form-control{
  min-width: 8rem;
}

.hero-search-form-inner label{
  color: white;
}

.hero-search-form-inner .button{
  height: 2.625rem;
  margin: 0;
  background-color: var(--button-color);;
  border-color: var(--button-color);;
}

.select-control:after{
  border-top-color: black;
}

/* properties */

.neighborhood-properties-section .block-header-group{
  display: none;
}

/* results */
.prh-results-section .neighborhood-stats{
  display: flex;
  justify-content: center;
  align-content: center;
}

.prh-results-section .stats{
  flex-wrap: wrap;
  flex-direction: row !important;
  align-content: center;
  gap: 1rem;
}

.prh-results-section .stats .stat{
  flex-basis: 40%;
}

.prh-results-section .stats.two-stats{
  flex-wrap: nowrap;
  flex-direction: column !important;
  justify-content: center;
  gap: .25rem;
}

.prh-results-section .stats .stat-value{
  font-size: clamp(2.5rem,4vw,3.5rem)
}

.prh-results-section .stats.one-stats .stat-value, .prh-results-section .stats.two-stats .stat-value{
  font-size: clamp(2.5rem,4vw,4.5rem)
}

/* story */

.prh-story{
  margin-top: 2rem;
}

@media screen and (min-width: 1024px){
  .prh-story{
    margin-top: 2rem;
    column-count: 2;
    column-gap: 2rem;
  }
}

.prh-story p{
  break-inside: avoid;
}

.prh-story-embed{
  max-width: 56.25rem;
  margin: auto;
  padding: 0;
}

.prh-story-embed iframe{
  position: static;
  aspect-ratio: 16/9;
}

.story-statement{
  margin-top: 1.5rem;
  text-align: center; 
  font-size: 1.125rem;
}

/* block mods for homepage */
.homepage .section-panel-media{
  padding-top: 2rem;
  background: transparent;
}

.homepage .page-highlights-section .page-highlight .button{
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  padding: .75rem 1.25rem;
}

@media screen and (max-width: 765px){
  .homepage .content-right .section-panel-content{
    padding-left: 0;
  }
}

@media screen and (min-width: 1120px){
  #about .container{
    display: block;
  }

  #about .section-panel-media{
    float: left;
    width: 35vw;
    max-width: 740px;
    padding: 2rem;
  }

}

/*footer */
.site-contact-form-section{
  background-color: var(--light-background-color);
  text-align: left;
} 

.site-contact-form-content{
  text-align: center;
}

@media screen and (min-width: 1024px){
  .site-contact-form-content{
    padding-top: 3rem;
    text-align: left;
  }
}


.prh-agents{
  display: flex;
  justify-content: center;
  gap: 2rem;
}

@media screen and (min-width: 1024px){
  .prh-agents{
    justify-content: flex-start;
  }
}

.prh-agent{
  text-align: center;
}

.prh-agent-headshot{
  width: 10rem;
  height: 10rem;
}

.prh-agent-headshot img{
  border-radius: 50%;
}

.site-footer .footer-content{
  background-color: var(--brand-color);
  color: var(--dark-background-font-color);
}

.site-footer .footer-content a{
  color: var(--dark-background-font-color) !important;
}

.dreamtown-boilerplate .dreamtown-brand img{
  filter: unset;
}

/* misc fixes */

.page.search .site-header .alert{
  display: none;
}

.search-app{
  overflow: hidden;
}

.featured-image .container{
  background: transparent;
}

.featured-image .page-header-content{
  color: var(--dark-background-font-color);
}

.featured-image .container{
  background-color: rgba(34, 34, 34, .4);
}

.page-back{
  color: white;
}