/* Editorial-style buttons */
a.button,
button,
input[type="submit"] {
  background: #ffffff;              /* white background */
  border: 1px solid #86AEB4;         /* warmed blue border */
  border-radius: 0;                 /* no corners */
  color: #000000;                   /* black text */

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);

  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 400;
  font-size: 14px;

  padding: 20px 40px;
  text-align: center;
  text-decoration: none;

  transition: background-color 0.2s ease,
              color 0.2s ease,
              box-shadow 0.2s ease,
              transform 0.2s ease;
}

/* Hover state */
a.button:hover,
button:hover,
input[type="submit"]:hover {
  background: #86AEB4;              /* warmed blue background on hover */
  color: #000000;

  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18);
  transform: translateY(-1px);
}
/* Keep button consistent on click */
a.button:active,
button:active,
input[type="submit"]:active {
  background: #ffffff;
  color: #000000;
  border: 1px solid #86AEB4;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
  transform: none;
}

/* Optional: prevent focus styling if you're seeing it */
a.button:focus,
button:focus,
input[type="submit"]:focus {
  outline: none;
  background: #ffffff;
  color: #000000;
}
/* NAVIGATION */
.navContent .subNav {
  max-width: 400px;
  padding: 12px 16px;
}