/* CSS Variables Do Not Work in Media Queries */
.bg-cecr-brown {
  background-color: #593b2b;
}

.directory-grid {
  margin-top: var(--spacing-standard);
}
@media (min-width: 576px) {
  .directory-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: var(--grid-gap-small);
  }
}
@media (min-width: 768px) {
  .directory-grid { /* 3-up instead of 2 */
    grid-template-columns: repeat(3, minmax(0, 1fr)) r;
  }
}
@media (min-width: 1080px) {
  .directory-grid { /* 3-up instead of 2 */
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.directory-summary-statement {
  display: none;
}

#entry-id-237307 .directory-summary-statement {
  display: block;
}

.directory-card {
  background-color: transparent;
  display: block;
}

.directory-details h3::after {
  content: none;
}
.directory-details p.h4::before {
  content: "";
  height: 2px;
  width: var(--spacing-x-large);
  background-color: var(--ps-perpetual-purple-100);
  display: block;
  margin-top: var(--spacing-xx-small);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--spacing-x-small);
}
.directory-details p {
  text-wrap: balance;
  padding-top: var(--spacing-xx-small);
}
.directory-details p span {
  color: var(--ps-perpetual-purple-600);
}
.directory-details ul.directory-title-list {
  margin-top: var(--spacing-minimum);
  font-family: var(--font-serif);
}

/*# sourceMappingURL=styles.css.map */