/* =========================
HubSpot form theme (global)
Applies to any embed with cssClass: "magma-hs-form"
========================= */

.magma-hs-form,
.magma-hs-form *{
font-family: 'Montserrat', "Instrument Sans", Sans-serif !important;
box-sizing: border-box;
}

.magma-hs-form{
margin-bottom: 50px !important;
}

.magma-hs-form .field{ margin-bottom: 14px !important; }
.magma-hs-form fieldset{ max-width: 100% !important; }
.magma-hs-form .input{ width: 100% !important; padding: 0px 12px 0 0 !important; }
.magma-hs-form .inputs-list{ padding: 0 !important; }

.magma-hs-form label{
color: #000 !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
margin-bottom: 6px !important;
}

.magma-hs-form .hs-field-desc,
.magma-hs-form legend.hs-field-desc{
color: rgba(81,99,131,0.87) !important;
font-size: 12px !important;
line-height: 1.3 !important;
}

.magma-hs-form .hs-form-required{
color: #FF008A !important;
margin-left: 4px;
}

.magma-hs-form input.hs-input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.magma-hs-form textarea.hs-input,
.magma-hs-form select.hs-input{
width: 100% !important;
max-width: 100% !important;
height: auto !important;
padding: 12px 14px !important;
border: 1.5px solid #CBD6E2 !important;
border-radius: 10px !important;
background: #fff !important;
color: #111 !important;
font-size: 14px !important;
line-height: 1.2 !important;
outline: none !important;
}

.magma-hs-form input.hs-input::placeholder,
.magma-hs-form textarea.hs-input::placeholder{
color: #9aa7b2 !important;
opacity: 1 !important;
}

.magma-hs-form input.hs-input:focus,
.magma-hs-form textarea.hs-input:focus,
.magma-hs-form select.hs-input:focus{
border-color: #FF008A !important;
box-shadow: 0 0 0 3px rgba(234,0,255,0.18) !important;
}

.magma-hs-form textarea.hs-input{
min-height: 120px !important;
resize: vertical !important;
}

.magma-hs-form input.hs-input[type="checkbox"],
.magma-hs-form input.hs-input[type="radio"]{
accent-color: #FF008A;
width: 18px !important;
height: 18px !important;
margin-right: 8px !important;
}

.magma-hs-form .inputs-list label{
font-weight: 500 !important;
line-height: 1.4 !important;
}

.magma-hs-form .hs-submit {
display: flex;
justify-content: center;
}

.magma-hs-form input.hs-button,
.magma-hs-form .hs-button.primary{
background-color: #FF008A !important;
border-color: #FF008A !important;
color: #ffffff !important;
border-width: 0 !important;
border-radius: 8px !important;
padding: 14px 60px !important;
font-size: 16px !important;
line-height: 1.1 !important;
font-weight: 500 !important;
cursor: pointer !important;
width: max-content !important;
white-space: normal !important;
}

.magma-hs-form input.hs-button:hover,
.magma-hs-form .hs-button.primary:hover{
filter: brightness(0.92);
}

.magma-hs-form input.hs-button:focus{
outline: none !important;
box-shadow: 0 0 0 3px rgba(234,0,255,0.25) !important;
}

.magma-hs-form .hs-submit .actions{
text-align: left !important;
padding: 0 !important;
margin-top: 16px !important;
}

/* --- Error --- */
.magma-hs-form .hs-error-msgs label,
.magma-hs-form label.hs-error-msg{
color: #D93025 !important;
font-size: 12px !important;
font-weight: 600 !important;
margin-top: 6px !important;
}

.magma-hs-form input.hs-input.error,
.magma-hs-form textarea.hs-input.error,
.magma-hs-form select.hs-input.error,
.magma-hs-form .field.error input.hs-input,
.magma-hs-form .field.error textarea.hs-input,
.magma-hs-form .field.error select.hs-input{
border-color: #D93025 !important;
box-shadow: 0 0 0 3px rgba(217,48,37,0.12) !important;
}

/* Consent */
.magma-hs-form .legal-consent-container,
.magma-hs-form .legal-consent-container p,
.magma-hs-form .legal-consent-container label{
color: #666 !important;
font-size: 12px !important;
}

.magma-hs-form .legal-consent-container a{
color: #FF008A !important;
text-decoration: underline;
}

.magma-hs-form .legal-consent-container a:hover{
filter: brightness(0.9);
}

/* Success message */
.magma-hs-form .submitted-message,
.magma-hs-form .submitted-message.hs-main-font-element{
font-size: 16px !important;
color: #111 !important;
font-weight: 600 !important;
padding: 10px 0 !important;
}
.magma-hs-form ul,
.magma-hs-form ol{
list-style: none !important;
padding-left: 0 !important;
margin-left: 0 !important;
}

/* Extra safety for modern browsers */
.magma-hs-form li::marker{
content: none !important;
}