.asenha-contact-form {
display: block;
width: 100%;
}
.asenha-contact-form .asenha-cf-field {
display: block;
margin-bottom: 1em;
}
.asenha-contact-form .asenha-cf-field label {
display: block;
text-align: left;
margin-bottom: 0.35em;
}
.asenha-contact-form .asenha-cf-field input,
.asenha-contact-form .asenha-cf-field textarea {
width: 100%;
box-sizing: border-box;
}
.asenha-contact-form .asenha-cf-row {
display: flex;
flex-wrap: wrap;
gap: 1em;
margin-bottom: 0.75em;
}
.asenha-contact-form .asenha-cf-field--full {
width: 100%;
}
.asenha-contact-form .asenha-cf-field--half {
flex: 1 1 calc(50% - 0.5em);
min-width: 12rem;
}
.asenha-contact-form .asenha-cf-honeypot {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
.asenha-contact-form .asenha-cf-messages {
scroll-margin-top: 1rem;
}
.asenha-contact-form .asenha-cf-success-msg {
display: flex;
align-items: center;
gap: 0.5em;
margin: 0 0 1em;
padding: 0.75em 1em;
background: #edfaef;
border: 1px solid #00a32a;
border-radius: 3px;
color: #1e1e1e;
}
.asenha-contact-form .asenha-cf-success-icon {
display: inline-flex;
flex-shrink: 0;
color: #008a20;
line-height: 0;
}
.asenha-contact-form .asenha-cf-success-icon svg {
width: 1.25em;
height: 1.25em;
}
.asenha-contact-form .asenha-cf-success-text {
flex: 1 1 auto;
}
.asenha-contact-form .asenha-cf-error-msg {
margin: 0 0 1em;
}
.asenha-contact-form .asenha-cf-field-error input,
.asenha-contact-form .asenha-cf-field-error textarea {
outline: 1px solid #b32d2e;
}
.asenha-contact-form .asenha-cf-field-error-message {
color: #b32d2e;
font-size: 0.9em;
margin-top: 0.35em;
}
.asenha-contact-form .asenha-cf-submit-wrap {
display: flex;
align-items: center;
gap: 0.5em;
justify-content: flex-start;
}
.asenha-contact-form.asenha-cf-button-pos--right .asenha-cf-submit-wrap {
justify-content: flex-end;
}
.asenha-contact-form .asenha-cf-submit-spinner {
display: none;
width: 16px;
height: 16px;
border: 2px solid rgba(0, 0, 0, 0.15);
border-top-color: currentColor;
border-radius: 50%;
animation: asenha-cf-spin 0.8s linear infinite;
flex-shrink: 0;
}
.asenha-contact-form .asenha-cf-submit-button.is-loading + .asenha-cf-submit-spinner {
display: inline-block;
}
.asenha-contact-form .asenha-cf-submit-button.is-loading {
opacity: 0.7;
pointer-events: none;
}
@keyframes asenha-cf-spin {
to {
transform: rotate(360deg);
}
} .asenha-contact-form.asenha-cf-layout--stacked .asenha-cf-row {
flex-direction: column;
gap: 0;
}
.asenha-contact-form.asenha-cf-layout--stacked .asenha-cf-field--half {
flex: 1 1 100%;
min-width: 0;
} .asenha-contact-form.asenha-cf-layout--stacked.asenha-cf-label-pos--left .asenha-cf-field:not(.asenha-cf-submit-wrap) {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 0.75rem;
}
.asenha-contact-form.asenha-cf-layout--stacked.asenha-cf-label-pos--right .asenha-cf-field:not(.asenha-cf-submit-wrap) {
display: flex;
flex-direction: row-reverse;
align-items: center;
gap: 0.75rem;
}
.asenha-contact-form.asenha-cf-layout--stacked .asenha-cf-field:not(.asenha-cf-submit-wrap) label {
flex: 0 0 8rem;
margin-bottom: 0;
word-break: break-word;
}
.asenha-contact-form.asenha-cf-layout--stacked.asenha-cf-label-pos--left .asenha-cf-field:not(.asenha-cf-submit-wrap) label {
text-align: left;
line-height: 44px;
}
.asenha-contact-form.asenha-cf-layout--stacked.asenha-cf-label-pos--right .asenha-cf-field:not(.asenha-cf-submit-wrap) label {
text-align: right;
}
.asenha-contact-form.asenha-cf-layout--stacked .asenha-cf-field:not(.asenha-cf-submit-wrap) input,
.asenha-contact-form.asenha-cf-layout--stacked .asenha-cf-field:not(.asenha-cf-submit-wrap) textarea {
flex: 1 1 auto;
min-width: 0;
}
@media (max-width: 782px) {
.asenha-contact-form.asenha-cf-layout--stacked.asenha-cf-label-pos--left .asenha-cf-field:not(.asenha-cf-submit-wrap),
.asenha-contact-form.asenha-cf-layout--stacked.asenha-cf-label-pos--right .asenha-cf-field:not(.asenha-cf-submit-wrap) {
flex-direction: column;
align-items: stretch;
}
.asenha-contact-form.asenha-cf-layout--stacked .asenha-cf-field:not(.asenha-cf-submit-wrap) label {
flex-basis: auto;
text-align: left;
}
.asenha-contact-form.asenha-cf-layout--stacked.asenha-cf-label-pos--right .asenha-cf-field:not(.asenha-cf-submit-wrap) label {
text-align: left;
}
}
@media (max-width: 600px) {
.asenha-contact-form .asenha-cf-field--half {
flex-basis: 100%;
}
}.asenha-contact-form {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
color: #1e1e1e;
max-width: 40rem;
}
.asenha-contact-form .asenha-cf-field label {
font-weight: 600;
font-size: 0.9375rem;
color: #1e1e1e;
}
.asenha-contact-form .asenha-cf-field input[type="text"],
.asenha-contact-form .asenha-cf-field input[type="email"],
.asenha-contact-form .asenha-cf-field textarea {
appearance: none;
margin: 0;
padding: 0.625rem 0.75rem;
border: 1px solid #c3c4c7;
border-radius: 4px;
background-color: #fff;
color: #1e1e1e;
font: inherit;
line-height: 1.4;
box-shadow: none;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.asenha-contact-form .asenha-cf-field input[type="text"]:hover,
.asenha-contact-form .asenha-cf-field input[type="email"]:hover,
.asenha-contact-form .asenha-cf-field textarea:hover {
border-color: #8c8f94;
}
.asenha-contact-form .asenha-cf-field input[type="text"]:focus,
.asenha-contact-form .asenha-cf-field input[type="email"]:focus,
.asenha-contact-form .asenha-cf-field textarea:focus {
outline: none;
border-color: #1e1e1e;
box-shadow: 0 0 0 1px #1e1e1e;
}
.asenha-contact-form .asenha-cf-field textarea {
min-height: 8rem;
resize: vertical;
} .asenha-contact-form.asenha-cf-field-style--underline .asenha-cf-field input[type="text"],
.asenha-contact-form.asenha-cf-field-style--underline .asenha-cf-field input[type="email"],
.asenha-contact-form.asenha-cf-field-style--underline .asenha-cf-field textarea {
border: 0;
border-bottom: 1px solid #c3c4c7;
border-radius: 0;
background-color: transparent;
padding-left: 0;
padding-right: 0;
box-shadow: none;
}
.asenha-contact-form.asenha-cf-field-style--underline .asenha-cf-field input[type="text"]:hover,
.asenha-contact-form.asenha-cf-field-style--underline .asenha-cf-field input[type="email"]:hover,
.asenha-contact-form.asenha-cf-field-style--underline .asenha-cf-field textarea:hover {
border-bottom-color: #8c8f94;
}
.asenha-contact-form.asenha-cf-field-style--underline .asenha-cf-field input[type="text"]:focus,
.asenha-contact-form.asenha-cf-field-style--underline .asenha-cf-field input[type="email"]:focus,
.asenha-contact-form.asenha-cf-field-style--underline .asenha-cf-field textarea:focus {
border-bottom-color: #1e1e1e;
box-shadow: none;
} .asenha-contact-form.asenha-cf-scheme--light {
color: #fff;
}
.asenha-contact-form.asenha-cf-scheme--light .asenha-cf-field label {
color: #fff;
}
.asenha-contact-form.asenha-cf-scheme--light .asenha-cf-field input[type="text"],
.asenha-contact-form.asenha-cf-scheme--light .asenha-cf-field input[type="email"],
.asenha-contact-form.asenha-cf-scheme--light .asenha-cf-field textarea {
background-color: transparent;
border-color: rgba(255, 255, 255, 0.7);
color: #fff;
}
.asenha-contact-form.asenha-cf-scheme--light .asenha-cf-field input[type="text"]:hover,
.asenha-contact-form.asenha-cf-scheme--light .asenha-cf-field input[type="email"]:hover,
.asenha-contact-form.asenha-cf-scheme--light .asenha-cf-field textarea:hover {
border-color: #fff;
}
.asenha-contact-form.asenha-cf-scheme--light .asenha-cf-field input[type="text"]:focus,
.asenha-contact-form.asenha-cf-scheme--light .asenha-cf-field input[type="email"]:focus,
.asenha-contact-form.asenha-cf-scheme--light .asenha-cf-field textarea:focus {
border-color: #fff;
box-shadow: 0 0 0 1px #fff;
}
.asenha-contact-form.asenha-cf-scheme--light .asenha-cf-field input::placeholder,
.asenha-contact-form.asenha-cf-scheme--light .asenha-cf-field textarea::placeholder {
color: rgba(255, 255, 255, 0.7);
opacity: 1;
}
.asenha-contact-form.asenha-cf-scheme--light.asenha-cf-field-style--underline .asenha-cf-field input[type="text"],
.asenha-contact-form.asenha-cf-scheme--light.asenha-cf-field-style--underline .asenha-cf-field input[type="email"],
.asenha-contact-form.asenha-cf-scheme--light.asenha-cf-field-style--underline .asenha-cf-field textarea {
border-bottom-color: rgba(255, 255, 255, 0.7);
}
.asenha-contact-form.asenha-cf-scheme--light.asenha-cf-field-style--underline .asenha-cf-field input[type="text"]:hover,
.asenha-contact-form.asenha-cf-scheme--light.asenha-cf-field-style--underline .asenha-cf-field input[type="email"]:hover,
.asenha-contact-form.asenha-cf-scheme--light.asenha-cf-field-style--underline .asenha-cf-field textarea:hover,
.asenha-contact-form.asenha-cf-scheme--light.asenha-cf-field-style--underline .asenha-cf-field input[type="text"]:focus,
.asenha-contact-form.asenha-cf-scheme--light.asenha-cf-field-style--underline .asenha-cf-field input[type="email"]:focus,
.asenha-contact-form.asenha-cf-scheme--light.asenha-cf-field-style--underline .asenha-cf-field textarea:focus {
border-bottom-color: #fff;
box-shadow: none;
} .asenha-contact-form .asenha-cf-submit-button {
appearance: none;
display: inline-block;
margin: 0;
padding: 0.625rem 1.25rem;
border: 1px solid var(--asenha-cf-btn-color, #1e1e1e);
border-radius: 4px;
background-color: var(--asenha-cf-btn-color, #1e1e1e);
color: var(--asenha-cf-btn-text, #fff);
font: inherit;
font-weight: 600;
font-size: 0.9375rem;
line-height: 1.4;
cursor: pointer;
text-decoration: none;
box-shadow: none;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.asenha-contact-form .asenha-cf-submit-button:hover,
.asenha-contact-form .asenha-cf-submit-button:focus {
background-color: var(--asenha-cf-btn-hover, #2c3338);
border-color: var(--asenha-cf-btn-hover, #2c3338);
color: var(--asenha-cf-btn-hover-text, #fff);
outline: none;
}
.asenha-contact-form .asenha-cf-submit-button:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--asenha-cf-btn-color, #1e1e1e);
}
.asenha-contact-form.asenha-cf-scheme--light .asenha-cf-submit-button:focus {
box-shadow: 0 0 0 1px #1e1e1e, 0 0 0 3px var(--asenha-cf-btn-color, #fff);
}
.asenha-contact-form .asenha-cf-submit-button:disabled,
.asenha-contact-form .asenha-cf-submit-button.is-loading {
cursor: not-allowed;
} .asenha-contact-form.asenha-cf-corners--sharp .asenha-cf-field input[type="text"],
.asenha-contact-form.asenha-cf-corners--sharp .asenha-cf-field input[type="email"],
.asenha-contact-form.asenha-cf-corners--sharp .asenha-cf-field textarea,
.asenha-contact-form.asenha-cf-corners--sharp .asenha-cf-submit-button {
border-radius: 0;
} .asenha-contact-form.asenha-cf-button--outline .asenha-cf-submit-button {
background-color: transparent;
color: var(--asenha-cf-btn-color, #1e1e1e);
}
.asenha-contact-form.asenha-cf-button--outline .asenha-cf-submit-button:hover,
.asenha-contact-form.asenha-cf-button--outline .asenha-cf-submit-button:focus {
background-color: var(--asenha-cf-btn-color, #1e1e1e);
color: var(--asenha-cf-btn-text, #fff);
border-color: var(--asenha-cf-btn-color, #1e1e1e);
}