h1#contact-heading {
  color: #1e2f27;
  letter-spacing: 12px;
}

.section-title {
  position: relative;
}

/*.section-title:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -100px;
  width: 80px;
  height: 2px;
  background: #001b06;
}*/

/* Image base styling */
.two-col {
  display: flex;
  gap: 6rem;
  align-items: stretch;
}

.col-left,
.col-right {
  flex: 1;
}

.contact-container {
  padding: 6em 0;
      max-width: 1300px;
    margin: 0 auto;
    float: none;
}

/* Image base styling */
.col-left .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  max-height: 600px;
  /* ← limit height on desktop */
}

.col-left {
  width: 100%;
  position: relative;
  z-index: 5;
  /* prevents line from bleeding into right column */
}

/* Decorative line behind the image */
/*.col-left::after {
        content: "";
        position: absolute;
        top: 20%;
        right: 0;
        transform: translateX(50%);
        width: 150px;
        height: 2px;
        background-color: #7a8d4c;
        z-index: -1;
      }*/

.contact-box {
  margin-top: 2em;
  font-size: 1.2em;
}

.contact-item {
  margin-bottom: 17px;
}

.contact-item .location {
    font-weight: 600;
}

.contact-item p:first-child {
  margin: -1px 0;
}

.contact-item a {
  color: #1e2f27;
  font-size: 0.9em;
  font-weight: 600;
      display: block;
    text-align: left;
}

p.opening-hours {
  font-weight: 600;
}

h3.section-title {
  font-size: 2.3em;
  color: #1e2f27;
  margin-top: 1em;
}

.col-right p {
  text-align: left;
  font-size: 0.9em;
  margin-bottom: 0;
}

.col-right>p {
  margin-top: 0.8em;
  font-size: 1em;
}

.contact-mobile-view {
  display: none;
}

.col-left {
  display: block;
}

/* Tablet + Mobile: stacked layout + smaller image */
@media (max-width: 1024px) {
    .section-title:before {
        display: none;
    }
  .two-col {
    flex-direction: column;
    padding: 0 32px
  }
  .col-left .img {
    max-height: 350px;
    /* smaller height on mobile/tablet */
  }

  .col-left::after {
    display: none;
  }

  .two-col {
    gap: 2rem;
  }
  .col-right *, .col-right h3, .col-right p, .col-right .contact-item * {
    text-align: center;
  }
  .contact-container {
    padding: 2em 0 3em;
  }

  .contact-mobile-view {
    display: block;
    height: 400px;
    overflow: hidden;
  }

  .contact-mobile-view img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* fills the container while cropping */
    display: block;
  }
    .contact-page-wrapper .inside-banner {
        display: none;
    }
  .col-left {
    display: none;
  }

  .site-content .ast-container {
    padding: 0;
  }
  
  
  
  .contact-title {
        color: white !important;
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 27px;
        font-weight: 200;
        display: block;
        transform: translate(-50%, -50%) !important;
        z-index: 3;
    }
    .contact-mobile-view {
     position: relative;
    }
    .contact-mobile-view:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        inset: 0;
        background: #00000052;
        z-index: 1;
    }
}

/*edit 12/17/2025*/

.contact-container {
    padding: 20px 0 6em;

}