/* Webcotec compact form system. Keeps all lead forms above-the-fold on desktop. */
form.wc-compact-lead-form{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:start!important;
}

form.wc-compact-lead-form .wc-field-hidden{
  display:none!important;
}

form.wc-compact-lead-form .wc-field,
form.wc-compact-lead-form .form-group,
form.wc-compact-lead-form .field,
form.wc-compact-lead-form [class*="form-group"],
form.wc-compact-lead-form [class*="field"]{
  min-width:0!important;
}

form.wc-compact-lead-form label{
  display:block!important;
  margin:0 0 7px!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:850!important;
  color:#071832!important;
}

form.wc-compact-lead-form input:not([type="hidden"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
form.wc-compact-lead-form select,
form.wc-compact-lead-form textarea{
  width:100%!important;
  min-height:46px!important;
  height:46px!important;
  border:1px solid #dce7f5!important;
  border-radius:14px!important;
  padding:10px 14px!important;
  font-size:15px!important;
  line-height:1.35!important;
  background:#fff!important;
  color:#071832!important;
  box-shadow:none!important;
  outline:none!important;
}

form.wc-compact-lead-form input:focus,
form.wc-compact-lead-form select:focus,
form.wc-compact-lead-form textarea:focus{
  border-color:#20c878!important;
  box-shadow:0 0 0 3px rgba(32,200,120,.14)!important;
}

form.wc-compact-lead-form .wc-field-requirement,
form.wc-compact-lead-form .wc-field-details{
  grid-column:1 / -1!important;
}

form.wc-compact-lead-form textarea{
  height:104px!important;
  min-height:104px!important;
  resize:vertical!important;
}

form.wc-compact-lead-form button[type="submit"],
form.wc-compact-lead-form input[type="submit"],
form.wc-compact-lead-form button:not([type]){
  grid-column:1 / -1!important;
  width:100%!important;
  min-height:54px!important;
  border-radius:14px!important;
  border:0!important;
  background:linear-gradient(135deg,#0167ff,#dd2b90,#fea100)!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:950!important;
  cursor:pointer!important;
  box-shadow:0 16px 34px rgba(221,43,144,.18)!important;
}

/* Make oversized quote/contact cards compact without changing their structure. */
[class*="quote"] form.wc-compact-lead-form,
[class*="contact"] form.wc-compact-lead-form,
[class*="consult"] form.wc-compact-lead-form,
[class*="support"] form.wc-compact-lead-form{
  max-height:none!important;
}

[class*="quote"] form.wc-compact-lead-form textarea,
[class*="contact"] form.wc-compact-lead-form textarea,
[class*="consult"] form.wc-compact-lead-form textarea,
[class*="support"] form.wc-compact-lead-form textarea{
  height:96px!important;
  min-height:96px!important;
}

@media (min-width: 1024px){
  form.wc-compact-lead-form{
    max-width:100%!important;
  }

  form.wc-compact-lead-form label{
    font-size:12.5px!important;
  }

  form.wc-compact-lead-form input:not([type="hidden"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
  form.wc-compact-lead-form select{
    height:44px!important;
    min-height:44px!important;
  }

  form.wc-compact-lead-form textarea{
    height:92px!important;
    min-height:92px!important;
  }

  form.wc-compact-lead-form button[type="submit"],
  form.wc-compact-lead-form input[type="submit"],
  form.wc-compact-lead-form button:not([type]){
    min-height:52px!important;
  }
}

@media (max-width: 720px){
  form.wc-compact-lead-form{
    grid-template-columns:1fr!important;
  }

  form.wc-compact-lead-form .wc-field-requirement,
  form.wc-compact-lead-form .wc-field-details,
  form.wc-compact-lead-form button[type="submit"],
  form.wc-compact-lead-form input[type="submit"],
  form.wc-compact-lead-form button:not([type]){
    grid-column:auto!important;
  }
}