.filter-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

a:hover:not(.nav-disabled).hover-filter-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%) !important;
}
a:hover:not(.nav-disabled) .hover-filter-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%) !important;
}

a:focus:not(.nav-disabled).hover-filter-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%) !important;
}
a:focus:not(.nav-disabled) .hover-filter-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%) !important;
}

button:hover:not(.nav-disabled).hover-filter-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%) !important;
}
button:hover:not(.nav-disabled) .hover-filter-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%) !important;
}

button:focus:not(.nav-disabled).hover-filter-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%) !important;
}
button:focus:not(.nav-disabled) .hover-filter-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%) !important;
}

.hover-filter-white:hover:not(.nav-disabled).hover-filter-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%) !important;
}
.hover-filter-white:hover:not(.nav-disabled) .hover-filter-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%) !important;
}

.hover-filter-white:focus:not(.nav-disabled).hover-filter-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%) !important;
}
.hover-filter-white:focus:not(.nav-disabled) .hover-filter-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%) !important;
}

.filter-primary {
  filter: invert(50%) sepia(80%) saturate(467%) hue-rotate(133deg) brightness(94%) contrast(95%);
}

a:hover:not(.nav-disabled).hover-filter-primary {
  filter: invert(50%) sepia(80%) saturate(467%) hue-rotate(133deg) brightness(94%) contrast(95%) !important;
}
a:hover:not(.nav-disabled) .hover-filter-primary {
  filter: invert(50%) sepia(80%) saturate(467%) hue-rotate(133deg) brightness(94%) contrast(95%) !important;
}

a:focus:not(.nav-disabled).hover-filter-primary {
  filter: invert(50%) sepia(80%) saturate(467%) hue-rotate(133deg) brightness(94%) contrast(95%) !important;
}
a:focus:not(.nav-disabled) .hover-filter-primary {
  filter: invert(50%) sepia(80%) saturate(467%) hue-rotate(133deg) brightness(94%) contrast(95%) !important;
}

button:hover:not(.nav-disabled).hover-filter-primary {
  filter: invert(50%) sepia(80%) saturate(467%) hue-rotate(133deg) brightness(94%) contrast(95%) !important;
}
button:hover:not(.nav-disabled) .hover-filter-primary {
  filter: invert(50%) sepia(80%) saturate(467%) hue-rotate(133deg) brightness(94%) contrast(95%) !important;
}

button:focus:not(.nav-disabled).hover-filter-primary {
  filter: invert(50%) sepia(80%) saturate(467%) hue-rotate(133deg) brightness(94%) contrast(95%) !important;
}
button:focus:not(.nav-disabled) .hover-filter-primary {
  filter: invert(50%) sepia(80%) saturate(467%) hue-rotate(133deg) brightness(94%) contrast(95%) !important;
}

.hover-filter-primary:hover:not(.nav-disabled).hover-filter-primary {
  filter: invert(50%) sepia(80%) saturate(467%) hue-rotate(133deg) brightness(94%) contrast(95%) !important;
}
.hover-filter-primary:hover:not(.nav-disabled) .hover-filter-primary {
  filter: invert(50%) sepia(80%) saturate(467%) hue-rotate(133deg) brightness(94%) contrast(95%) !important;
}

.hover-filter-primary:focus:not(.nav-disabled).hover-filter-primary {
  filter: invert(50%) sepia(80%) saturate(467%) hue-rotate(133deg) brightness(94%) contrast(95%) !important;
}
.hover-filter-primary:focus:not(.nav-disabled) .hover-filter-primary {
  filter: invert(50%) sepia(80%) saturate(467%) hue-rotate(133deg) brightness(94%) contrast(95%) !important;
}

.filter-secondary {
  filter: invert(16%) sepia(54%) saturate(1697%) hue-rotate(184deg) brightness(89%) contrast(97%);
}

a:hover:not(.nav-disabled).hover-filter-secondary {
  filter: invert(16%) sepia(54%) saturate(1697%) hue-rotate(184deg) brightness(89%) contrast(97%) !important;
}
a:hover:not(.nav-disabled) .hover-filter-secondary {
  filter: invert(16%) sepia(54%) saturate(1697%) hue-rotate(184deg) brightness(89%) contrast(97%) !important;
}

a:focus:not(.nav-disabled).hover-filter-secondary {
  filter: invert(16%) sepia(54%) saturate(1697%) hue-rotate(184deg) brightness(89%) contrast(97%) !important;
}
a:focus:not(.nav-disabled) .hover-filter-secondary {
  filter: invert(16%) sepia(54%) saturate(1697%) hue-rotate(184deg) brightness(89%) contrast(97%) !important;
}

button:hover:not(.nav-disabled).hover-filter-secondary {
  filter: invert(16%) sepia(54%) saturate(1697%) hue-rotate(184deg) brightness(89%) contrast(97%) !important;
}
button:hover:not(.nav-disabled) .hover-filter-secondary {
  filter: invert(16%) sepia(54%) saturate(1697%) hue-rotate(184deg) brightness(89%) contrast(97%) !important;
}

button:focus:not(.nav-disabled).hover-filter-secondary {
  filter: invert(16%) sepia(54%) saturate(1697%) hue-rotate(184deg) brightness(89%) contrast(97%) !important;
}
button:focus:not(.nav-disabled) .hover-filter-secondary {
  filter: invert(16%) sepia(54%) saturate(1697%) hue-rotate(184deg) brightness(89%) contrast(97%) !important;
}

.hover-filter-secondary:hover:not(.nav-disabled).hover-filter-secondary {
  filter: invert(16%) sepia(54%) saturate(1697%) hue-rotate(184deg) brightness(89%) contrast(97%) !important;
}
.hover-filter-secondary:hover:not(.nav-disabled) .hover-filter-secondary {
  filter: invert(16%) sepia(54%) saturate(1697%) hue-rotate(184deg) brightness(89%) contrast(97%) !important;
}

.hover-filter-secondary:focus:not(.nav-disabled).hover-filter-secondary {
  filter: invert(16%) sepia(54%) saturate(1697%) hue-rotate(184deg) brightness(89%) contrast(97%) !important;
}
.hover-filter-secondary:focus:not(.nav-disabled) .hover-filter-secondary {
  filter: invert(16%) sepia(54%) saturate(1697%) hue-rotate(184deg) brightness(89%) contrast(97%) !important;
}

.filter-tertiary {
  filter: invert(72%) sepia(42%) saturate(339%) hue-rotate(171deg) brightness(86%) contrast(93%);
}

a:hover:not(.nav-disabled).hover-filter-tertiary {
  filter: invert(72%) sepia(42%) saturate(339%) hue-rotate(171deg) brightness(86%) contrast(93%) !important;
}
a:hover:not(.nav-disabled) .hover-filter-tertiary {
  filter: invert(72%) sepia(42%) saturate(339%) hue-rotate(171deg) brightness(86%) contrast(93%) !important;
}

a:focus:not(.nav-disabled).hover-filter-tertiary {
  filter: invert(72%) sepia(42%) saturate(339%) hue-rotate(171deg) brightness(86%) contrast(93%) !important;
}
a:focus:not(.nav-disabled) .hover-filter-tertiary {
  filter: invert(72%) sepia(42%) saturate(339%) hue-rotate(171deg) brightness(86%) contrast(93%) !important;
}

button:hover:not(.nav-disabled).hover-filter-tertiary {
  filter: invert(72%) sepia(42%) saturate(339%) hue-rotate(171deg) brightness(86%) contrast(93%) !important;
}
button:hover:not(.nav-disabled) .hover-filter-tertiary {
  filter: invert(72%) sepia(42%) saturate(339%) hue-rotate(171deg) brightness(86%) contrast(93%) !important;
}

button:focus:not(.nav-disabled).hover-filter-tertiary {
  filter: invert(72%) sepia(42%) saturate(339%) hue-rotate(171deg) brightness(86%) contrast(93%) !important;
}
button:focus:not(.nav-disabled) .hover-filter-tertiary {
  filter: invert(72%) sepia(42%) saturate(339%) hue-rotate(171deg) brightness(86%) contrast(93%) !important;
}

.hover-filter-tertiary:hover:not(.nav-disabled).hover-filter-tertiary {
  filter: invert(72%) sepia(42%) saturate(339%) hue-rotate(171deg) brightness(86%) contrast(93%) !important;
}
.hover-filter-tertiary:hover:not(.nav-disabled) .hover-filter-tertiary {
  filter: invert(72%) sepia(42%) saturate(339%) hue-rotate(171deg) brightness(86%) contrast(93%) !important;
}

.hover-filter-tertiary:focus:not(.nav-disabled).hover-filter-tertiary {
  filter: invert(72%) sepia(42%) saturate(339%) hue-rotate(171deg) brightness(86%) contrast(93%) !important;
}
.hover-filter-tertiary:focus:not(.nav-disabled) .hover-filter-tertiary {
  filter: invert(72%) sepia(42%) saturate(339%) hue-rotate(171deg) brightness(86%) contrast(93%) !important;
}

.filter-gray {
  filter: invert(91%) sepia(0%) saturate(590%) hue-rotate(182deg) brightness(81%) contrast(92%);
}

a:hover:not(.nav-disabled).hover-filter-gray {
  filter: invert(91%) sepia(0%) saturate(590%) hue-rotate(182deg) brightness(81%) contrast(92%) !important;
}
a:hover:not(.nav-disabled) .hover-filter-gray {
  filter: invert(91%) sepia(0%) saturate(590%) hue-rotate(182deg) brightness(81%) contrast(92%) !important;
}

a:focus:not(.nav-disabled).hover-filter-gray {
  filter: invert(91%) sepia(0%) saturate(590%) hue-rotate(182deg) brightness(81%) contrast(92%) !important;
}
a:focus:not(.nav-disabled) .hover-filter-gray {
  filter: invert(91%) sepia(0%) saturate(590%) hue-rotate(182deg) brightness(81%) contrast(92%) !important;
}

button:hover:not(.nav-disabled).hover-filter-gray {
  filter: invert(91%) sepia(0%) saturate(590%) hue-rotate(182deg) brightness(81%) contrast(92%) !important;
}
button:hover:not(.nav-disabled) .hover-filter-gray {
  filter: invert(91%) sepia(0%) saturate(590%) hue-rotate(182deg) brightness(81%) contrast(92%) !important;
}

button:focus:not(.nav-disabled).hover-filter-gray {
  filter: invert(91%) sepia(0%) saturate(590%) hue-rotate(182deg) brightness(81%) contrast(92%) !important;
}
button:focus:not(.nav-disabled) .hover-filter-gray {
  filter: invert(91%) sepia(0%) saturate(590%) hue-rotate(182deg) brightness(81%) contrast(92%) !important;
}

.hover-filter-gray:hover:not(.nav-disabled).hover-filter-gray {
  filter: invert(91%) sepia(0%) saturate(590%) hue-rotate(182deg) brightness(81%) contrast(92%) !important;
}
.hover-filter-gray:hover:not(.nav-disabled) .hover-filter-gray {
  filter: invert(91%) sepia(0%) saturate(590%) hue-rotate(182deg) brightness(81%) contrast(92%) !important;
}

.hover-filter-gray:focus:not(.nav-disabled).hover-filter-gray {
  filter: invert(91%) sepia(0%) saturate(590%) hue-rotate(182deg) brightness(81%) contrast(92%) !important;
}
.hover-filter-gray:focus:not(.nav-disabled) .hover-filter-gray {
  filter: invert(91%) sepia(0%) saturate(590%) hue-rotate(182deg) brightness(81%) contrast(92%) !important;
}

#state-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  /* Add your own arrow */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"><path fill="white" d="M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 0.5em center;
  background-size: 0.65em;
  padding-right: 3em;
}

.communities-by-state-header {
  background: url("/media/templates/site/mymh/images/communities-by-state-header.jpg") no-repeat center center #0c4c6e;
  background-size: cover;
  min-height: 385px;
  text-align: center;
  color: #fff;
}
.communities-by-state-header h1 {
  margin: 0;
  padding-block: 0.75em 0.5em;
  color: #fff;
}

.state-image {
  transition: transform 0.5s ease;
}

.state-link ~ svg {
  transition: transform 1s ease;
}
.state-link:hover img, .state-link:focus img {
  transform: scale(1.1);
}
.state-link:hover ~ svg, .state-link:focus ~ svg {
  transform: rotate(180deg);
}

.section-state {
  padding-top: 2rem;
}

.state-communities {
  padding-block: 2rem;
  display: grid;
  gap: 1rem 2rem;
  grid-template-columns: 1fr;
}
@media (width >= 576px) {
  .state-communities {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (width >= 768px) {
  .state-communities {
    grid-template-columns: repeat(3, 1fr);
  }
}
.state-communities .community h4 {
  font-size: 1.1112rem;
  margin: 0;
}
.state-communities .community span {
  font-size: 1.1112rem;
}
.state-communities .community a {
  color: var(--secondary);
  text-decoration: none;
}
.state-communities .community a:hover {
  text-decoration: underline;
}

h2.state-title {
  border-bottom: 1px solid #83aed4;
  font-size: clamp(30px, 4vw + 1rem, 50px);
  margin-bottom: 1rem;
}
@media (min-width: 576px) {
  h2.state-title {
    grid-column: 1/3;
  }
}
@media (min-width: 768px) {
  h2.state-title {
    grid-row: 1;
  }
}
h2.state-title a {
  transition: all 300ms ease;
  border: none;
  text-decoration: none;
  color: var(--secondary);
}
h2.state-title a svg {
  position: relative;
  left: 0.25rem;
  transition: left 300ms ease;
}
h2.state-title a:hover svg {
  left: 0.75rem;
}

.state-image-wrapper {
  display: block;
  order: -1;
  margin-bottom: 1.5rem;
  position: relative;
}
@media (min-width: 576px) {
  .state-image-wrapper {
    grid-column: 1/3;
  }
}
@media (min-width: 768px) {
  .state-image-wrapper {
    order: 0;
    margin-bottom: 0;
    grid-column: 3;
    grid-row: 1/3;
  }
}
@media (min-width: 992px) {
  .state-image-wrapper {
    grid-row: 1/4;
  }
}
@media (min-width: 1200px) {
  .state-image-wrapper {
    grid-row: 1/5;
  }
}
.state-image-wrapper .circle-1 {
  position: absolute;
  left: -2rem;
  bottom: 0;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .state-image-wrapper .circle-1 {
    width: 70%;
    height: 70%;
  }
}
.state-image-wrapper .circle-2 {
  position: absolute;
  right: -2rem;
  top: -2rem;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .state-image-wrapper .circle-2 {
    width: 70%;
    height: 70%;
  }
}

.state-image {
  border-radius: 0.5rem;
  position: relative;
  z-index: 5;
}

.metro-areas {
  background-color: var(--primary-light);
  padding-block: 3.5rem;
}
.metro-areas h3 {
  color: var(--primary);
  margin-bottom: 1em;
}

.state-metro-areas {
  display: grid;
  gap: 1.75rem 4rem;
  grid-template-columns: 1fr;
}
@media (width >= 576px) {
  .state-metro-areas {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (width >= 992px) {
  .state-metro-areas {
    grid-template-columns: repeat(3, 1fr);
  }
}
.state-metro-areas a {
  font-size: 1.1112rem;
  font-weight: 600;
  text-decoration: none;
  color: var(--secondary);
  line-height: 1.3;
  display: inline-block;
}
.state-metro-areas a:hover {
  text-decoration: underline;
}
/*# sourceMappingURL=statecommunity.min.css.map */