/* Ultra Build - Contact Form 7 form styling (all pages: contact page, popup, anywhere the form is used)
   The class "ub-form" is added to every CF7 <form> from inc/ub-popup.php */
.wpcf7 form.ub-form{display:flex;flex-direction:column;gap:14px;width:100%;margin:0;font-family:'Manrope','Segoe UI',system-ui,sans-serif;font-size:15px;line-height:1.4;color:#18201E}
.wpcf7 form.ub-form *{box-sizing:border-box}
.wpcf7 form.ub-form p{margin:0;padding:0;position:relative}
.wpcf7 form.ub-form br{display:none}
.wpcf7 form.ub-form p:empty{display:none}
.wpcf7 form.ub-form .ub-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wpcf7 form.ub-form .ub-two>p{display:contents}
.wpcf7 form.ub-form label{display:block;margin:0;font-weight:600;font-size:14px;line-height:1.3;color:#18201E;min-width:0}
.wpcf7 form.ub-form .wpcf7-form-control-wrap{display:block;margin-top:6px}

/* fields */
.wpcf7 form.ub-form input[type=text],
.wpcf7 form.ub-form input[type=email],
.wpcf7 form.ub-form input[type=tel],
.wpcf7 form.ub-form input[type=number],
.wpcf7 form.ub-form input[type=date],
.wpcf7 form.ub-form select,
.wpcf7 form.ub-form textarea{display:block;width:100%;max-width:100%;height:46px;margin:0;padding:10px 14px;border:1px solid #CBD3CF;border-radius:6px;background-color:#FFFFFF;color:#18201E;font:500 15px/1.3 'Manrope','Segoe UI',system-ui,sans-serif;box-shadow:none}
.wpcf7 form.ub-form textarea{height:120px;min-height:90px;resize:vertical;line-height:1.45}
.wpcf7 form.ub-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px;cursor:pointer;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%235B6662' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 8px}
.wpcf7 form.ub-form ::placeholder{color:#8A9591;opacity:1;font-weight:400}
.wpcf7 form.ub-form input:focus,
.wpcf7 form.ub-form select:focus,
.wpcf7 form.ub-form textarea:focus{outline:2px solid #E0A21B;outline-offset:0;border-color:#0E5A4C}

/* submit, note, messages */
.wpcf7 form.ub-form input[type=submit]{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:200px;height:48px;margin:0;padding:0 28px;border:1.5px solid #0E5A4C;border-radius:6px;background:#0E5A4C;color:#FFFFFF;font:700 15px/1 'Manrope','Segoe UI',system-ui,sans-serif;cursor:pointer;box-shadow:none}
.wpcf7 form.ub-form input[type=submit]:hover,
.wpcf7 form.ub-form input[type=submit]:focus{background:#0A4A3E;border-color:#0A4A3E;color:#FFFFFF}
.wpcf7 form.ub-form .wpcf7-spinner{margin:0 0 0 10px;vertical-align:middle}
.wpcf7 form.ub-form .ub-note{margin:0;font-size:13px;line-height:1.4;color:#5B6662}
.wpcf7 form.ub-form .wpcf7-not-valid-tip{display:block;margin-top:4px;font-size:12.5px;line-height:1.3;color:#C0392B}
.wpcf7 form.ub-form .wpcf7-not-valid{border-color:#C0392B}
.wpcf7 form.ub-form .wpcf7-response-output{margin:0;padding:10px 14px;border-radius:6px;font-size:14px;line-height:1.4}

@media (max-width:600px){
  .wpcf7 form.ub-form{gap:12px}
  .wpcf7 form.ub-form .ub-two{grid-template-columns:1fr;gap:12px}
  /* 16px stops iPhone Safari from zooming when a field is tapped */
  .wpcf7 form.ub-form input[type=text],
  .wpcf7 form.ub-form input[type=email],
  .wpcf7 form.ub-form input[type=tel],
  .wpcf7 form.ub-form select,
  .wpcf7 form.ub-form textarea{font-size:16px}
  .wpcf7 form.ub-form input[type=submit]{width:100%}
}