/* Headings: Global and Module-Level */
h1, h2, h3, h4, h5, h6,
.et_pb_module_header,
.et_pb_blurb h4,
.et_pb_text h1, .et_pb_text h2, .et_pb_text h3, .et_pb_text h4, .et_pb_text h5, .et_pb_text h6 {
  font-family: "orpheuspro", serif;
  font-weight: 700;
}

/* Body text: paragraphs, lists, module content */
body, p, li, .body-text,
.et_pb_blurb_content,
.et_pb_module,
.et_pb_text,
.et_pb_text_inner,
.et_pb_blurb p {
  font-family: "muli", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* Two Columns within 1 column divi */
@media (min-width: 768px) {
  .two-column-inside {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px; /* adjust spacing between columns */
  }
}

/* Flexbox wrapper for half images */
.full-image {
 width: 100%;
  float: left;
  box-sizing: border-box;
}

.half-image {
  width: 50%;
  float: left;
  box-sizing: border-box;
  padding: 0 5px; /* optional spacing between */
}

/* Ensure both half-images are the same height */
.half-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Clearfix after floated images */
.half-image.right::after {
  content: "";
  display: table;
  clear: both;
}

/* Parent column becomes flex container */
/* 40% width module */
.image-40 {
  width: 40%;
  height: auto;
  box-sizing: border-box;
}

/* 60% width module */
.image-60 {
  width: 60%;
  height: auto;
  box-sizing: border-box;
}

/* Image inside the modules */
.image-40 img,
.image-60 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Third image - full width */
.image-full {
  width: 100%;
  box-sizing: border-box;
}

.image-full img {
  width: 100%;
  height: auto; /* or use fixed height + object-fit */
  display: block;
  object-fit: cover;
}

/* Parent column holds the three side-by-side images */
.image-row-three {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; /* spacing between images */
}

/* Each image gets 1/3 of the row */
.image-third {
  width: 33.33%;
  box-sizing: border-box;
}

/* Image styling */
.image-third img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Wrapper for the whole row */
.image-combo-wrapper {
  display: flex;
  align-items: stretch;
}

/* Tall vertical image on the left */
.image-left-vertical {
  width: 40%;
  box-sizing: border-box;
  padding-right: 10px;
}

.image-left-vertical img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}

/* Right side with two stacked images */
.image-right-stack {
  width: 60%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-sizing: border-box;
}

/* Each of the two stacked images */
.image-right-stack .stacked-img {
  flex: 1;
}

.image-right-stack .stacked-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}