/* Overrides for Marketo's own forms2 stylesheet, which sets inline widths and
   ships its own type/button styling. !important throughout is unavoidable. */

.seg_marketo_form {
	position: relative;
	width: 100%;
}
.seg_marketo_form .seg_marketo_form_loading {
	height: 120px;
	padding-top: 0;
}
.seg_marketo_form.is_loaded .seg_marketo_form_loading {
	display: none;
}

.seg_marketo_form .mktoForm {
	width: 100% !important;
	padding: 0 !important;
	font-family: var(--font_family_regular), sans-serif !important;
	font-size: 15px !important;
	color: inherit !important;
}
.seg_marketo_form .mktoForm .mktoFormRow,
.seg_marketo_form .mktoForm .mktoFormCol,
.seg_marketo_form .mktoForm .mktoFieldWrap,
.seg_marketo_form .mktoForm .mktoLogicalField {
	width: 100% !important;
	float: none !important;
	position: relative;
}
.seg_marketo_form .mktoForm .mktoFormCol {
	min-height: 0 !important;
	margin-bottom: 10px !important;
}
.seg_marketo_form .mktoForm .mktoOffset,
.seg_marketo_form .mktoForm .mktoGutter {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
}
.seg_marketo_form .mktoForm .mktoLabel {
	width: auto !important;
	float: none !important;
	padding: 0 0 5px !important;
	font-family: var(--font_family_semibold), sans-serif !important;
	font-size: 14px !important;
	line-height: 1.3 !important;
}
.seg_marketo_form .mktoForm .mktoHtmlText {
	width: 100% !important;
	font-family: var(--font_family_regular), sans-serif !important;
}

.seg_marketo_form .mktoForm input[type=text],
.seg_marketo_form .mktoForm input[type=url],
.seg_marketo_form .mktoForm input[type=email],
.seg_marketo_form .mktoForm input[type=tel],
.seg_marketo_form .mktoForm input[type=number],
.seg_marketo_form .mktoForm input[type=date],
.seg_marketo_form .mktoForm textarea.mktoField,
.seg_marketo_form .mktoForm select.mktoField {
	width: 100% !important;
	height: auto !important;
	padding: 10px !important;
	border: 1px solid #aaa !important;
	border-radius: var(--default_border_radius) !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	font-family: var(--font_family_regular), sans-serif !important;
	font-size: 15px !important;
	line-height: 20px !important;
}
.seg_marketo_form .mktoForm textarea.mktoField {
	height: 80px !important;
}
.seg_marketo_form .mktoForm .mktoRadioList > label,
.seg_marketo_form .mktoForm .mktoCheckboxList > label {
	margin: 0 0 0 5px !important;
	font-weight: 400 !important;
}
.seg_marketo_form .mktoForm .mktoError {
	right: auto !important;
	left: 0 !important;
	bottom: -32px !important;
}

.seg_marketo_form .mktoForm .mktoButtonRow {
	width: 100% !important;
}
.seg_marketo_form .mktoForm .mktoButtonWrap {
	margin-left: 0 !important;
	width: 100%;
}
.seg_marketo_form .mktoForm .mktoButtonWrap .mktoButton {
	width: 100% !important;
	height: 47px !important;
	margin-top: 10px !important;
	padding: 0 20px !important;
	background: none !important;
	background-image: none !important;
	background-color: transparent !important;
	border: 2px solid var(--color_1) !important;
	border-radius: var(--default_border_radius) !important;
	color: var(--color_1) !important;
	font-family: var(--font_family_semibold), sans-serif !important;
	font-size: 18px !important;
	text-transform: uppercase;
	animation-name: none !important;
	cursor: pointer;
}
.seg_marketo_form .mktoForm .mktoButtonWrap .mktoButton:hover {
	background-color: var(--color_1) !important;
	color: #fff !important;
}

.seg_marketo_form_success {
	padding: 20px 0;
	font-size: 16px;
	line-height: 1.5;
}

@media screen and (max-width: 480px) {
	.seg_marketo_form .mktoForm input[type=text],
	.seg_marketo_form .mktoForm input[type=url],
	.seg_marketo_form .mktoForm input[type=email],
	.seg_marketo_form .mktoForm input[type=tel],
	.seg_marketo_form .mktoForm input[type=number],
	.seg_marketo_form .mktoForm input[type=date],
	.seg_marketo_form .mktoForm select.mktoField {
		font-size: 16px !important; /* keeps iOS from zooming on focus */
	}
}