/* ---- Base ---- */
body .ohio_image_overlay_with_text {
  position: relative;
}

body .ohio_image_overlay_content .row {
  align-items: center;
}

body .ohio_image_overlay_content .ohio_image_overlay_heading {
  padding-top: 80px;
  padding-bottom: 10px;
  font-family: var(--text-serif);
  width: 100%;
  text-align: left;
  margin-bottom: 0px;
}

body .ohio_image_overlay_content .ohio_image_overlay_heading.p22-mackinac {
  font-family:var(--text-serif);
  /* 30px at min-viewport 390px and 40px at max-viewport 1200px */
  font-size: clamp(3rem, 2.519rem + 1.235vw, 4rem);
}

body .ohio_image_overlay_content .ohio_image_overlay_heading.termina {
  font-family: var(--text-display);
  text-transform: uppercase;
  /* 26px at min-viewport 390px and 38px at max-viewport 1200px */
  font-size: clamp(2.6rem, 2.022rem + 1.481vw, 3.8rem);
}

body .ohio_image_overlay_body {
  margin-bottom: 80px;
  overflow: hidden;
}

body .image_overlay_background_color .ohio_image_overlay_body a.button {
  margin-top: 30px;
}

body .ohio_image_overlay_body p:first-child,
body .ohio_image_overlay_body p:has(a.button) {
  margin-top: 0;
}

body .ohio_image_overlay_body ul {
  padding-bottom: 0;
}

/* ---- Background Image ---- */
body .image-overlay-with-text-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: .065;
  filter: grayscale(1);
}

/* ---- If Small Image is Included ---- */
body .ohio_image_overlay_content .order-2 .ohio_image_overlay_heading {
  padding-top:0px;
}

@media (min-width:992px) {
  body .ohio_image_overlay_content .order-2 .ohio_image_overlay_heading {
    padding-top:80px;
  }
}

body .ohio_image_overlay_content img {
  border-radius: 50%;
  border: solid var(--teal) 17px;
  object-fit: cover;
  margin: 80px 0px 30px 0px;
}

@media (min-width:992px) {
  body .ohio_image_overlay_content img {
    margin: 0px;
  }
}

/* ---- Background Color Overrides ---- */
/* -- Default=Cutler -- */
body .image_overlay_background_color,
body .image_overlay_background_color.cutler {
  min-height: 300px;
  background:var(--cutler);
}

body .image_overlay_background_color.cutler a.button.green {
  background: var(--under-the-elms);
}

body .image_overlay_background_color.cutler a.button.green:hover {
  color:var(--under-the-elms);
  background:var(--white);
}

body .image_overlay_background_color.cutler a.button.white:hover {
  color:var(--under-the-elms);
}

body .ohio_image_overlay_content .ohio_image_overlay_heading,
body .ohio_image_overlay_body,
body .ohio_image_overlay_body *,
body .image_overlay_background_color .ohio_image_overlay_body a,
body .image_overlay_background_color.cutler .ohio_image_overlay_body a {
  color: var(--white);
}

/* -- Under the Elms dark green -- */
body .image_overlay_background_color.elms {
  background: var(--under-the-elms);
}

body .image_overlay_background_color.elms a.button.green:hover {
  color:var(--cutler);
}

body .image_overlay_background_color.elms .ohio_image_overlay_body a {
  color: var(--white);
}

body .image_overlay_background_color.elms .ohio_image_overlay_content img {
  border: solid var(--marigold) 17px;
}


/* -- Sycamore light green -- */
body .image_overlay_background_color.sycamore {
  background:var(--sycamore);
}

body .image_overlay_background_color.sycamore a.button.green {
  color:var(--white);
}

body .image_overlay_background_color.sycamore a.button.green:hover {
  color:var(--cutler);
}

body .image_overlay_background_color.sycamore a.button.white {
  color:var(--cutler);
}

body .image_overlay_background_color.sycamore .ohio_image_overlay_content .ohio_image_overlay_heading,
body .image_overlay_background_color.sycamore .ohio_image_overlay_body a {
  color:var(--under-the-elms);
}

body .image_overlay_background_color.sycamore .ohio_image_overlay_body,
body .image_overlay_background_color.sycamore .ohio_image_overlay_body * {
  color:var(--black);
}

body .image_overlay_background_color.sycamore .ohio_image_overlay_content img {
  border: solid var(--moss) 17px;
}

/* -- Trillium off white -- */
body .image_overlay_background_color.trillium {
  background:var(--trillium);
}

body .image_overlay_background_color.trillium a.button.green {
  color:var(--white);
}

body .image_overlay_background_color.trillium a.button.green:hover {
  color:var(--cutler);
}

body .image_overlay_background_color.trillium a.button.white {
  color:var(--cutler);
}

body .image_overlay_background_color.trillium .ohio_image_overlay_content .ohio_image_overlay_heading,
body .image_overlay_background_color.trillium .ohio_image_overlay_body a {
  color:var(--under-the-elms);
}

body .image_overlay_background_color.trillium .ohio_image_overlay_body,
body .image_overlay_background_color.trillium .ohio_image_overlay_body * {
  color:var(--black);
}

body .image_overlay_background_color.trillium .ohio_image_overlay_content img {
  border: solid var(--marigold) 17px;
}