/* ============================================================
   SECTION: HOME MAP — START
   Ported from live-html-css-lvl29's #neighborhood (.google-map-wrapper),
   mapped onto this markup's .home-map / .map-wrapper. Translucent white
   box with a large top-right radius, riding 100px up over the footer CTA
   above it, on a dark brown ground. Map 65% / copy 35%, address row below.
   ============================================================ */
.home-map {
  position: relative;
  background: #382f2d;
  padding-bottom: 100px;
}

/* the white box rides up over the footer CTA */
.home-map .container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-flow: wrap;
  padding: 50px 0;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 0 200px 0 0;
  transform: translateY(-100px);
  overflow: hidden;
}

.home-map .map-section-header {
  width: 100%;
  padding: 0 50px;
}

.home-map .section-title {
  color: #382f2d;
}

/* --- Map: shares the row with the copy column --- */
.home-map .map-wrapper {
  width: 65%;
  min-height: 450px;
}

.home-map .map-wrapper iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 450px;
  border: 0;
}

/* --- Copy + CTA --- */
.home-map .global-map-content {
  width: 35%;
  padding: 0 45px;
}

/* .section-content p sizing is owned by typography/typo.css — nothing here. */

.home-map .global-map-content .btn {
  width: 100%;
  max-width: 300px;
  margin: 20px 0;
  padding: 20px 35px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* --- Address / phone row --- */
.home-map .map-contact {
  width: 100%;
  padding: 50px 50px 0;
}

.home-map .map-contact h3 {
  font-family: "Poppins", "Segoe UI", Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #382f2d;
}

.home-map .map-contact .address {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding-right: 50px;
  border-right: 1px solid;
}

.home-map .map-contact .contact {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding-left: 50px;
}

.home-map .map-contact .address span,
.home-map .map-contact .contact a {
  display: block;
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 700;
  font-size: 1.929rem;
  line-height: 1.2;
}
/* ============================================================
   SECTION: HOME MAP — END
   ============================================================ */
@media (max-width: 1024px) {
  .home-map { padding-bottom: 40px; }
  .home-map .container { transform: translateY(-50px); border-radius: 0 100px 0 0; padding: 40px 0; }
  .home-map .map-wrapper,
  .home-map .global-map-content { width: 100%; }
  .home-map .global-map-content { padding: 30px 30px 0; }
  .home-map .map-section-header { padding: 0 30px; }
  .home-map .map-contact { padding: 40px 30px 0; }
  .home-map .map-contact .address,
  .home-map .map-contact .contact { width: 50%; }
  .home-map .map-contact .address { padding-right: 25px; }
  .home-map .map-contact .contact { padding-left: 25px; }
}
@media (max-width: 575px) {
      .home-map .map-contact .address, .home-map .map-contact .contact {
               width: 100%;
        padding-right: 0;
        border: none;
        padding-left: 0;
    }

}