Marketo Form Overrides

marketo-form-overrides.scss

// marketo form overrides 
// from https://jennamolby.com/how-to-create-responsive-marketo-forms/

.mktoForm {

	&,
	.mktoLabel ,
	.mktoHtmlText ,
	.mktoFormRow,
	.mktoFieldWrap,
	.mktoFormCol,
	.mktoButtonRow,
	input[type=url], 
	input[type=text], 
	input[type=date], 
	input[type=tel], 
	input[type=email], 
	input[type=number], 
	textarea.mktoField, 
	select.mktoField {
		width:100% !important;
	}
	.mktoButtonRow {
		text-align:left !important;
	}
	.mktoButtonWrap {
		margin-left:0 !important;
	}
	.mktoLogicalField {
		width: auto !important;
	}
	
	@media (max-width: 768px) { 
		.mktoFormCol {
			width:100% !important;
		}
		.mktoFieldWrap {
			padding-right:0 !important;
		}
	}
}