/* Contact page. Palette is limited to NEF theme colors. */

.nef-contact-main {
  background:#F3F3F3;
  color:rgba(0,0,0,.7);
}

.nef-contact-main h1,
.nef-contact-main h2,
.nef-contact-main h3 {
  margin-top:0;
  font-family:Georgia, "Times New Roman", serif;
  color:#123D2A;
  font-weight:400;
}

.nef-contact-kicker {
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#123D2A;
  font-size:10px;
  font-weight:700;
  line-height:1.4;
  letter-spacing:2.2px;
  text-transform:uppercase;
}

.nef-contact-kicker::before {
  content:"";
  width:5px;
  height:5px;
  border-radius:50%;
  background:#A8C93A;
}

.nef-contact-hero {
  padding:78px 0 84px;
  background:#FFF8E8;
}

.nef-contact-hero__grid {
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(430px,1.18fr);
  gap:78px;
  align-items:start;
}

.nef-contact-hero__content {
  padding-top:18px;
}

.nef-contact-hero h1 {
  margin:18px 0 24px;
  font-size:clamp(46px,4.4vw,68px);
  line-height:.98;
  letter-spacing:-2px;
}

.nef-contact-hero h1 em {
  font-weight:400;
  font-style:italic;
}

.nef-contact-hero__content > p {
  max-width:510px;
  margin:0;
  font-size:14px;
  line-height:1.75;
}

/* Contact details */

.nef-contact-details {
  display:grid;
  gap:1px;
  margin-top:38px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.7);
  border-radius:10px;
  background:rgba(0,0,0,.7);
}

.nef-contact-detail {
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:17px 18px;
  background:#FFF8E8;
  color:#123D2A;
  text-decoration:none !important;
  transition:background .18s ease;
}

.nef-contact-detail:not(.nef-contact-detail--static):hover,
.nef-contact-detail:not(.nef-contact-detail--static):focus-visible {
  background:#A8C93A;
}

.nef-contact-detail__icon {
  flex:0 0 30px;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid #123D2A;
  border-radius:50%;
  color:#123D2A;
  font-size:14px;
  font-weight:700;
}

.nef-contact-detail small {
  display:block;
  margin-bottom:3px;
  color:rgba(0,0,0,.7);
  font-size:9px;
  font-weight:700;
  letter-spacing:1.2px;
  text-transform:uppercase;
}

.nef-contact-detail strong {
  display:block;
  color:#123D2A;
  font-size:12px;
  line-height:1.55;
  font-weight:600;
}

/* Contact form */

.nef-contact-form-wrap {
  padding:34px;
  border-radius:12px;
  background:#ffffff;
}

.nef-contact-form-heading {
  margin-bottom:26px;
}

.nef-contact-form-heading h2 {
  margin:10px 0 8px;
  font-size:clamp(32px,3vw,44px);
  line-height:1;
}

.nef-contact-form-heading p {
  max-width:520px;
  margin:0;
  font-size:12px;
  line-height:1.65;
}

.nef-contact-form-wrap .nef-card {
  padding:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
}

.nef-contact-form-wrap .nef-field {
  margin-bottom:16px;
}

.nef-contact-form-wrap .nef-field label {
  color:#123D2A;
  font-size:11px;
  font-weight:700;
}

.nef-contact-form-wrap .nef-field input,
.nef-contact-form-wrap .nef-field textarea {
  width:100%;
  border:1px solid rgba(0,0,0,.7);
  border-radius:8px;
  background:#ffffff;
  color:#123D2A;
  box-shadow:none;
  outline:none;
}

.nef-contact-form-wrap .nef-field input:focus,
.nef-contact-form-wrap .nef-field textarea:focus {
  border-color:#A8C93A;
}

.nef-contact-form-wrap .nef-btn {
  min-height:44px;
  padding:0 25px;
  border:1px solid #123D2A;
  background:#123D2A;
  color:#ffffff !important;
  font-size:10px;
  letter-spacing:.6px;
  text-transform:uppercase;
}

.nef-contact-form-wrap .nef-btn:hover,
.nef-contact-form-wrap .nef-btn:focus-visible {
  border-color:#A8C93A;
  background:#A8C93A;
  color:#123D2A !important;
}

/* Contact notices */

.nef-contact-form-wrap .nef-notice {
  margin:0 0 18px;
  padding:14px 16px;
  border:1px solid #A8C93A;
  border-radius:8px;
  background:#FFF8E8;
  color:#123D2A;
  font-size:11px;
  line-height:1.6;
}

.nef-contact-form-wrap .nef-notice--error {
  border-color:rgba(0,0,0,.7);
}

/* Bottom contact info strip */

.nef-contact-info-strip {
  padding:38px 0;
  background:#123D2A;
}

.nef-contact-info-strip__grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  background:transparent;
}

.nef-contact-info-strip__grid > div {
  min-height:126px;
  padding:23px;
  background:#123D2A;
}

/* Desktop/tablet separators only between items */

.nef-contact-info-strip__grid > div + div {
  border-left:1px solid rgba(255,255,255,.7);
  border-top:0;
}

.nef-contact-info-strip span {
  display:block;
  margin-bottom:12px;
  color:#A8C93A;
  font-family:Georgia, "Times New Roman", serif;
  font-size:20px;
}

.nef-contact-info-strip strong {
  display:block;
  margin-bottom:7px;
  color:#ffffff;
  font-family:Georgia, "Times New Roman", serif;
  font-size:18px;
  font-weight:400;
}

.nef-contact-info-strip small {
  display:block;
  color:rgba(255,255,255,.7);
  font-size:11px;
  line-height:1.6;
}

/* Tablet */

@media (max-width:900px) {
  .nef-contact-hero {
    padding:58px 0 64px;
  }

  .nef-contact-hero__grid {
    grid-template-columns:1fr;
    gap:42px;
  }

  .nef-contact-form-wrap {
    padding:28px;
  }
}

/* Mobile */

@media (max-width:600px) {
  .nef-contact-hero {
    padding:44px 0 48px;
  }

  .nef-contact-hero h1 {
    font-size:42px;
    letter-spacing:-1.4px;
  }

  .nef-contact-form-wrap {
    padding:22px 18px;
  }

  .nef-contact-info-strip__grid {
    grid-template-columns:1fr;
  }

  .nef-contact-info-strip__grid > div + div {
    border-left:0;
    border-top:1px solid rgba(255,255,255,.7);
  }
}