/* Native layout bridge for the five non-builder contact, about, and policy artifacts. */

.bekaa-plain-native-page .bekaa-plain-contact-panel,
.bekaa-plain-native-page .bekaa-about-contact-panel {
  position: relative;
  width: 100vw;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

.bekaa-plain-native-page .bekaa-plain-contact-panel__inner {
  width: 100%;
}

.bekaa-plain-native-page .bekaa-plain-contact-panel__columns {
  display: flex;
  align-items: stretch;
}

.bekaa-plain-native-page .bekaa-plain-contact-panel__columns > .wpb_column {
  float: none;
}

.bekaa-plain-native-page .bekaa-plain-contact-panel__details {
  display: flex;
  flex: 0 0 33.333333%;
  flex-direction: column;
  justify-content: center;
  width: 33.333333%;
}

.bekaa-plain-native-page .bekaa-plain-contact-panel__form {
  flex: 0 0 66.666667%;
  width: 66.666667%;
}

.bekaa-plain-native-page .bekaa-plain-contact-panel__form > .gform_wrapper,
.bekaa-plain-native-page .bekaa-plain-contact-panel__form > .gform_wrapper > form,
.bekaa-plain-native-page .bekaa-plain-contact-panel__form .gform-body,
.bekaa-plain-native-page .bekaa-plain-contact-panel__form .gform-footer,
.bekaa-plain-native-page .bekaa-plain-contact-panel__form .gform_fields {
  width: 100%;
  max-width: none;
}

.bekaa-plain-native-page .bekaa-about-contact-panel .bekaa-contact-left {
  max-width: 340px;
  color: var(--bekaa-color-text, #111);
}

.bekaa-plain-native-page .bekaa-about-contact-panel .bekaa-contact-left__logo-link {
  display: inline-block;
  width: 180px;
  margin-bottom: 32px;
}

.bekaa-plain-native-page .bekaa-about-contact-panel .bekaa-contact-left__logo {
  display: block;
  width: 100%;
  height: auto;
}

.bekaa-plain-native-page .bekaa-about-contact-panel .bekaa-contact-left__meta,
.bekaa-plain-native-page .bekaa-about-contact-panel .bekaa-contact-left__hours {
  margin: 0 0 24px;
  padding-bottom: 24px;
  color: var(--bekaa-color-text, #111);
  border-bottom: 1px solid rgba(17, 17, 17, 0.14);
}

.bekaa-plain-native-page .bekaa-about-contact-panel .bekaa-contact-left__links {
  display: grid;
  gap: 14px;
  margin: 0 0 28px;
}

.bekaa-plain-native-page .bekaa-about-contact-panel .bekaa-contact-left__link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--bekaa-color-text, #111);
  text-decoration: none;
}

.bekaa-plain-native-page .bekaa-about-contact-panel .bekaa-contact-left__link svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  fill: none;
  stroke: var(--bekaa-red, #ec1d25);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bekaa-plain-native-page .bekaa-about-contact-panel .bekaa-contact-left__socials {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.bekaa-plain-native-page .bekaa-about-contact-panel .bekaa-contact-left__social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(17, 17, 17, 0.22);
  border-radius: 999px;
  color: rgba(17, 17, 17, 0.74);
}

.bekaa-plain-native-page .bekaa-about-contact-panel .bekaa-contact-left__social svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.bekaa-plain-native-page .bekaa-plain-map iframe,
.bekaa-plain-native-page .bekaa-about-contact-map iframe,
.bekaa-plain-native-page .bekaa-plain-policies-map iframe {
  display: block;
  width: 100%;
  border: 0;
}

.bekaa-plain-native-page .bekaa-plain-policies {
  padding-right: 20px;
  padding-left: 20px;
}

@media (max-width: 767px) {
  .bekaa-plain-native-page .bekaa-plain-contact-panel,
  .bekaa-plain-native-page .bekaa-about-contact-panel {
    min-height: 0 !important;
    padding-top: 0 !important;
  }

  .bekaa-plain-native-page .bekaa-plain-contact-panel__inner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .bekaa-plain-native-page .bekaa-plain-contact-panel__columns {
    flex-direction: column;
    align-items: center;
    padding: 48px 24px 56px !important;
  }

  .bekaa-plain-native-page .bekaa-plain-contact-panel__columns::before {
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    margin: 0 auto 36px;
    border-radius: 2px;
    background: var(--bekaa-red, #ec1d25);
  }

  .bekaa-plain-native-page .bekaa-plain-contact-panel__columns > .wpb_column {
    width: 100% !important;
    max-width: 420px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .bekaa-plain-native-page .bekaa-plain-contact-panel__details {
    flex-basis: auto;
    align-items: center;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  .bekaa-plain-native-page .bekaa-about-contact-panel .bekaa-plain-contact-panel__details {
    border-bottom-color: rgba(17, 17, 17, 0.12);
  }

  .bekaa-plain-native-page .bekaa-contact-left {
    align-items: center;
    max-width: 100%;
    text-align: center;
  }

  .bekaa-plain-native-page .bekaa-contact-left__logo-link {
    width: 140px;
    margin-right: auto;
    margin-bottom: 28px;
    margin-left: auto;
  }

  .bekaa-plain-native-page .bekaa-contact-left__links {
    justify-items: center;
  }

  .bekaa-plain-native-page .bekaa-contact-left__link {
    justify-content: center;
  }

  .bekaa-plain-native-page .bekaa-contact-left__socials {
    justify-content: center;
  }

  .bekaa-plain-native-page .bekaa-plain-map,
  .bekaa-plain-native-page .bekaa-plain-map iframe {
    min-height: 100vh;
    min-height: 100svh;
    min-height: 100dvh;
  }
}