.media-with-text {
  --width-restricted-width-section: 800px;
}

.media-with-text + .media-with-text {
  border-top: 1px solid var(--color-link);
  padding-top: calc(var(--vertical-rhythm-spacing)*2);
}

.media-with-text--media-top .media-with-text__media {
  margin-bottom: 0;
}

.media-with-text--media-top .media-with-text__body h3 a {
  color: var(--color-accent);
  text-decoration: none;
}

.media-with-text--media-top .media-with-text__body h3 a:hover {
  text-decoration: underline;
}

.media-with-text--media-top .field--name-localgov-text {
  color: #575757;
}

.media-with-text--media-left > h2, 
.media-with-text--media-right > h2 {
  color: var(--color-link);
}

.media-with-text__body {
  background-color: white;
  padding: 1rem;
}

.media-with-text--featured {
  background-color: transparent;
  border-radius: 0;
  align-items: flex-start;
  border: 0;
}

.media-with-text--featured img {
  border-radius: 10px;
}

.layout:has(.media-with-text--accent-background)  {
  background-color: var(--color-accent) !important;

}

.media-with-text--accent-background h2 {
  color: var(--color-accent-contrast);
}

.media-with-text--accent-background  .media-with-text__body {
  background-color: transparent;
  color: white;
}

.media-with-text--featured .media-with-text__body {
  padding: 0;
}


@media screen and (min-width: 48rem) {

  .media-with-text__body {
  }

  .media-with-text--featured .media-with-text__body,
  .media-with-text--featured h2 {
    margin-top: 4rem;
  }

  .media-with-text--featured {
    display: flex;
    gap: 1rem;
  }

  .media-with-text--featured  > * {
    flex-basis: 33%;
    flex-grow: 0;
    align-items: end;
    gap: 1rem;
  }

  .media-with-text--featured.media-with-text--media-one-third .media-with-text__media {
    flex-basis: 42%;
  }


  .media-with-text--featured  .media-with-text__body, 
  .media-with-text--featured  .media-with-text__body {
    flex-basis: 50%;
  }
}