/* Contact page */
.nav a.active{border-bottom-color:transparent}
.contact-main{background:#fff;padding:40px 0 88px}
.contact-shell{width:min(1150px,calc(100% - 40px));margin:0 auto}
.contact-shell h1{
  margin:3px 0 14px;
  color:var(--gold);
  font-size:30px;
  line-height:1.15;
  font-weight:700;
}
.contact-intro{
  margin:0 0 18px;
  color:#5a5a64;
  font-size:16px;
  line-height:1.35;
}
.contact-form{width:100%}
.two-column-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
  margin-bottom:25px;
}
.field label{
  display:block;
  margin:0 0 11px;
  color:#30313c;
  font-size:16px;
  line-height:1.2;
  font-weight:700;
}
.field label span{font-size:22px;vertical-align:-2px}
.field input,.field select,.field textarea{
  width:100%;
  border:1px solid #c9c9cd;
  border-radius:2px;
  background:#fff;
  color:#44444d;
  font:inherit;
  outline:none;
}
.field input,.field select{height:35px;padding:0 9px}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:#8e8e95;
  box-shadow:0 0 0 2px rgba(193,138,0,.06);
}
.subject-field{margin-bottom:25px}
.subject-row{
  display:grid;
  grid-template-columns:276px 1fr;
  gap:17px;
}
.subject-row select{font-size:13px;color:#53535d}
.message-field{margin-bottom:20px}
.message-field textarea{
  display:block;
  min-height:124px;
  resize:vertical;
  padding:10px;
}
.contact-actions{
  display:flex;
  align-items:flex-start;
  gap:27px;
  margin-left:258px;
}
.recaptcha-mock{
  width:303px;
  height:78px;
  border:1px solid #d0d0d0;
  border-radius:2px;
  background:#fafafa;
  box-shadow:0 1px 2px rgba(0,0,0,.08);
  display:flex;
  align-items:center;
  position:relative;
  padding:0 11px;
  cursor:pointer;
  user-select:none;
}
.recaptcha-check-wrap{width:31px;height:31px;position:relative;flex:0 0 31px;margin-right:12px}
.recaptcha-check-wrap input{position:absolute;opacity:0;pointer-events:none}
.recaptcha-check-box{
  position:absolute;inset:0;
  border:2px solid #555;
  background:#fff;
}
.recaptcha-check-wrap input:checked + .recaptcha-check-box{
  border-color:#1a73e8;
  background:#1a73e8;
}
.recaptcha-check-wrap input:checked + .recaptcha-check-box::after{
  content:"";
  position:absolute;
  left:8px;top:3px;
  width:9px;height:16px;
  border:solid #fff;
  border-width:0 3px 3px 0;
  transform:rotate(45deg);
}
.recaptcha-label{color:#222;font-size:14px}
.recaptcha-brand{
  margin-left:auto;
  width:58px;
  display:flex;
  flex-direction:column;
  align-items:center;
  color:#666;
  line-height:1;
}
.recaptcha-symbol{
  width:34px;height:34px;
  display:grid;place-items:center;
  color:#356dcc;
  font-size:36px;
  font-weight:700;
  line-height:1;
}
.recaptcha-brand small{margin-top:3px;font-size:9px}
.submit-btn{
  margin-top:8px;
  height:29px;
  padding:0 12px;
  border:1px solid #006fb4;
  border-radius:4px;
  background:#087bc1;
  color:#fff;
  font-size:13px;
  cursor:pointer;
}
.submit-btn:hover{filter:brightness(.95)}
.form-status{min-height:18px;margin:12px 0 0 258px;font-size:14px;color:#087b20}
.form-status.error{color:#b12222}

@media (max-width:900px){
  .contact-actions{margin-left:0}
  .form-status{margin-left:0}
}
@media (max-width:700px){
  .contact-main{padding:30px 0 55px}
  .two-column-row{grid-template-columns:1fr;gap:20px;margin-bottom:20px}
  .subject-row{grid-template-columns:1fr}
  .contact-actions{flex-wrap:wrap;gap:18px}
}
@media (max-width:520px){
  .contact-shell{width:calc(100% - 30px)}
  .contact-shell h1{font-size:27px}
  .recaptcha-mock{width:min(303px,100%)}
}