/**
 * HubSpot form styles.
 *
 * Moved verbatim from the "HUBSPOT FORM" section of the Customizer
 * "Additional CSS" (wp_posts 661, last edited there 2026-06-02).
 *
 * Loaded on every front-end page because forms can be embedded anywhere.
 */
/*
* HUBSPOT FORM
*/

.hs-form {
	width: 100%;
}
.hs-form * {
	box-sizing: border-box;
}
.hs-custom-style .hs-input,
.hs-custom-style fieldset {
	max-width: 100%;
}

.hs-form
	> div
	> div:last-of-type
	.hs-input:not([type='checkbox']):not([type='radio']),
.hs-form
	fieldset
	> div:last-of-type
	.hs-input:not([type='checkbox']):not([type='radio']) {
	width: 100%;
	max-width: 100%;
}

.hs-form fieldset {
	border: 0;
	padding: 0;
	margin: 0;
	max-width: 100% !important;
}

.hs-form fieldset.form-columns-1 .input,
.hs-form fieldset.form-columns-2 .input {
	margin-right: 0 !important;
}

@media all and (min-width: 768px) {
	.hs-form fieldset.form-columns-2 .hs-form-field:first-child {
		padding-right: 8px;
	}
	.hs-form fieldset.form-columns-2 .hs-form-field:last-child {
		padding-left: 8px;
	}
}

.hs-form .field {
	margin-bottom: 16px;
}

.hs-form label {
	display: block;
	float: none;
	width: auto;
	font-weight: 500;
	font-size: 14px;
	text-align: left;
	line-height: 28px;
	padding-top: 0;
}

.hs-error-msgs label {
	color: red;
	font-size: 14px;
	line-height: 21px;
}

.hs-form-required {
	color: red;
}

.hs-form legend.hs-field-desc {
	color: var(--contrast-2);
	font-size: 14px;
}

.hs-form fieldset.form-columns-1 .hs-input {
	width: 100%;
}

.hs-form fieldset.form-columns-2 .hs-form-field {
	width: 50%;
	float: left;
}

.hs-custom-style .hs-input,
.hs-custom-style fieldset {
	max-width: 100%;
}

.hs-form input.hs-input.error,
.hs-form div.field.error input,
.hs-form div.field.error textarea,
.hs-form div.field.error .chzn-choices,
.hs-form textarea.hs-input.error,
.hs-form select.hs-input.error {
	border-color: var(--contrast-3);
}

.hs-input:not([type='file']) {
	background-color: var(--base-2);
}

.hs-form input:not([type='image' i]) {
	box-sizing: border-box;
}

.hs-form input[type='hidden' i] {
	display: none;
	appearance: none;
	background-color: initial;
	cursor: default;
	padding: initial;
	border: initial;
}

.hs-input {
	display: inline-block;
	width: 100% !important;
	height: 40px;
	padding: 8px 16px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 22px;
	color: var(--contrast);
	border: 1px solid var(--contrast-3);
	box-sizing: border-box;
}

.hs-input[type='checkbox'] {
	width: auto !important;
}

.hs-form select.is-placeholder {
	color: var(--contrast-3);
}
.hs-form .hs-input option {
	color: var(--contrast-2);
}
.hs-form .hs-input option:disabled {
	color: var(--contrast-3);
}

.hs-custom-style > div textarea,
.hs-custom-style fieldset textarea {
	padding: 10px 15px;
}

.hs-form-field input[type='text'],
.hs-form-field input[type='email'],
.hs-form-field input[type='phone'],
.hs-form-field input[type='number'],
.hs-form-field input[type='tel'],
.hs-form-field input[type='date'],
.hs-form-field textarea {
	background-clip: padding-box;
	padding: 8px 16px;
	border: 1px solid var(--contrast-3);
	-webkit-appearance: none;
	-moz-appearance: none;
}

.hs-form textarea.hs-input {
	height: auto;
	resize: vertical;
}

.hs-form legend.hs-field-desc {
	color: var(--contrast-2);
	font-size: 10px;
}

.hs-form ul.no-list {
	list-style: none;
}

.hs-form .inputs-list {
	margin: 0 0 5px;
	width: 100%;
	padding-left: 5px;
	padding-bottom: 0 !important;
}
.hs-form .inputs-list:first-child {
	padding-top: 6px;
}

.hs-form .inputs-list > li {
	display: block;
	padding: 0;
	width: 100%;
	padding-top: 0;
}

.hs-form .hs-richtext {
	word-break: break-word;
}

.legal-consent-container .field.hs-form-field {
	margin-bottom: 8px;
}
.legal-consent-container .inputs-list {
	padding-bottom: 0 !important;
}

.hs-form fieldset.form-columns-1 input[type='checkbox'],
.hs-form fieldset.form-columns-1 input[type='radio'] {
	width: auto;
}

.hs-input[type='checkbox'],
.hs-input[type='radio'] {
	cursor: pointer;
	width: auto;
	height: auto;
	padding: 0;
	margin: 3px 5px 3px 0px;
	line-height: normal;
	border: none;
}

.legal-consent-container {
	font-size: 0.7em;
	line-height: 1.2em;
}

.hs-form-booleancheckbox {
	margin-bottom: 1em;
}

.legal-consent-container .hs-form-booleancheckbox-display {
	display: flex;
}
.legal-consent-container .hs-form-booleancheckbox-display p {
	margin: 0;
	display: inline;
}

.legal-consent-container .hs-form-booleancheckbox-display input {
	float: left;
}

.legal-consent-container .hs-form-booleancheckbox-display > span {
	display: block;
	margin-left: 8px !important;
	line-height: 24px;
}

.hs-form .actions {
	margin-top: 13px;
}

.hs-form .hs-button {
	white-space: pre-wrap;
}
.hs-form .hs-button,
.hs-form .hs-button:focus,
.hs-form .hs-button:active,
.hs-form .hs-button:active:not(.inactive):not(.link),
.hbspt-form .submitted-message a {
	/* a link on thanks you page */
	background: var(--accent);
	border-color: var(--accent);
	color: var(--base-2);
	border-width: 1px;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 600;
	padding: 8px 24px;
	line-height: 1.7em !important;
	display: inline-block;
	cursor: pointer;
}

.hs-form .hs-button:hover,
.hs-form .hs-button:hover:not(.inactive) {
	/* a link on thanks you page */
	background: var(--base-2);
	border-color: var(--accent);
	color: var(--accent);
}

/*
* END HUBSPOT FORM
*/