/* Contact presets Typography Normal state */ #page . .upfront-field-container label { font-family: ; font-size: px; font-weight: ; font-style: ; line-height: ; color: ; transition: all s ; } #page . .upfront-field-container input, #page . .upfront-field-container textarea { font-family: ; font-size: px; font-weight: ; font-style: ; line-height: ; color: ; transition: all s ; } #page . .upfront-field-container.upfront-submit-container .button{ font-family: ; font-size: px; font-weight: ; font-style: ; line-height: ; color: ; transition: all s ; } /* Contact presets Typography Hover state */ #page . .upfront-field-container label:hover { font-family: ; font-size: px; font-weight: ; font-style: ; line-height: ; color: ; } #page . .upfront-field-container input:hover, #page . .upfront-field-container textarea:hover { font-family: ; font-size: px; font-weight: ; font-style: ; line-height: ; color: ; } #page . .upfront-field-container.upfront-submit-container .button:hover { font-family: ; font-size: px; font-weight: ; font-style: ; line-height: ; color: ; } /* If typography checkbox is unchecked use normal state settings on hover */ #page . .upfront-field-container label:hover { font-family: ; font-size: px; font-weight: ; font-style: ; line-height: ; color: ; } #page . .upfront-field-container input:hover, #page . .upfront-field-container textarea:hover { font-family: ; font-size: px; font-weight: ; font-style: ; line-height: ; color: ; } #page . .upfront-field-container.upfront-submit-container .button:hover { font-family: ; font-size: px; font-weight: ; font-style: ; line-height: ; color: ; } /* Contact presets Typography Focus state */ #page . .upfront-field-container input:focus, #page . .upfront-field-container textarea:focus { font-family: ; font-size: px; font-weight: ; font-style: ; line-height: ; color: ; } #page . .upfront-field-container.upfront-submit-container .button:focus { font-family: ; font-size: px; font-weight: ; font-style: ; line-height: ; color: ; } /* If typography checkbox is unchecked use normal state settings on focus */ #page . .upfront-field-container input:focus, #page . .upfront-field-container textarea:focus { font-family: ; font-size: px; font-weight: ; font-style: ; line-height: ; color: ; } #page . .upfront-field-container.upfront-submit-container .button:focus { font-family: ; font-size: px; font-weight: ; font-style: ; line-height: ; color: ; } /* Colors module */ #page . .upfront-field-container input, #page . .upfront-field-container textarea { background: ; transition: all s ; } #page . .upfront-field-container input:hover, #page . .upfront-field-container textarea:hover { background: ; background: ; } #page . .upfront-field-container input:focus, #page . .upfront-field-container textarea:focus { background: ; background: ; } #page .upfront-contact-form. .upfront-field-container.upfront-submit-container .button { background: ; transition: all s ; } #page .upfront-contact-form. .upfront-field-container.upfront-submit-container .button:hover { background: ; background: ; } #page .upfront-contact-form. .upfront-field-container.upfront-submit-container .button:focus { background: ; background: ; } /* Borders Module */ /* Fields */ #page . .upfront-field-container input, #page . .upfront-field-container textarea { border: px ; border: none; } #page . .upfront-field-container input:hover, #page . .upfront-field-container textarea:hover { border: px ; border: px ; border: none; } #page . .upfront-field-container input:focus, #page . .upfront-field-container textarea:focus { border: px ; border: px ; border: none; } /* Button */ #page . .upfront-field-container.upfront-submit-container .button { border: px ; border: none; } #page . .upfront-field-container.upfront-submit-container .button:hover { border: px ; border: px ; border: none; } #page . .upfront-field-container.upfront-submit-container .button:focus { border: px ; border: px ; border: none; } /* Custom CSS */