/*
Theme Name: BC Architects (DD.NYC)
Theme URI: dd.nyc
Description: The theme for WordPress. Designed with LOVE by DigitalDesign.NYC
Author: dd.nyc
Version: 1.a
*/

.s13-2-3 {
  margin-top: 6rem;
  font-size: var(--f-d);
  color: var(--c3);
}

.bottombar-author {
  display: flex;
  align-items: baseline;
  margin-left: auto;
}

.dd-icon {
  width: 1em;
  height: 1.2em;
  margin: 0 0.3em;
  color: currentColor;
  opacity: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--c0);
}

.dd-icon .icon {
  width: 100%;
}

.dd-icon svg {
  fill: var(--c1);
}

.search-results-summary {
  margin-top: 20rem;
  max-width: 720rem;
  color: var(--c3);
}

.search-results-summary p {
  margin: 0;
}

.search-results-group:not(:first-child) {
  margin-top: 100rem;
}

.search-results-group-title:not(:last-child) {
  margin-bottom: 30rem;
}

.search-result-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10rem 16rem;
  margin-bottom: 15rem;
  font-size: var(--f-xs);
  line-height: 1.3;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--c4);
}

.search-result-eyebrow {
  color: var(--c1);
}

.search-result-match {
  color: var(--c3);
}

.search-submit {
  padding: 0;
  border: 0;
  background: transparent;
  color: currentColor;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.search-submit:focus {
  outline: none;
}

.s24-1 {
  display: grid;
  grid-template-columns: auto;
  grid-gap: 40rem;
}

.s24-3 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-gap: 40rem;
}

.s24-3__two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.s24-3__asymmetric {
  grid-template-columns: minmax(0, 3fr) minmax(0, 7fr);
}

.s24-3__asymmetric-reverse {
  grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
}

.s24-3__three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.s24-4 {
  height: 650rem;
  overflow: hidden;
}

.s24-4 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 1024px) {
  .footer-grid {
    grid-template-areas:
      "f1 f1 f1 f1 . . f4 f4 f4 . f2 f2"
      "f3 f3 f3 . . f5 f5 f5 f5 f5 f5 f5"
      "f6 f6 f6 f6 f6 f6 f7 f7 f7 f7 f7 f7";
  }

  .f3 {
    color: var(--c1);
    margin-top: 200rem;
    font-weight: 400;
    font-size: var(--f-m);
  }

  .f3 p {
    margin: 0;
  }

  .f4 {
    margin-top: 0;
    color: var(--c1);
    margin-right: 110rem;
  }

  .f5 {
    margin: 0;
    display: flex;
    align-items: flex-end;
  }

  .f6 {
    margin-top: 50rem;
  }

  .f7 {
    display: flex;
    align-items: flex-end;
  }
}

@media (max-width: 1023.98px) {
  .s24-1 {
    grid-gap: 12rem;
  }

  .s24-3,
  .s24-3__two,
  .s24-3__asymmetric,
  .s24-3__asymmetric-reverse,
  .s24-3__three {
    grid-template-columns: minmax(0, 1fr);
    grid-gap: 12rem;
  }

  .s24-4 {
    height: 300rem;
  }
}