@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;500&display=swap'); /* RESET */ html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, ol, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } p { font-size: 11px; color: #999; line-height: 1.4; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* -------------- FORMS ---------------- */ body, input, textarea { font-family: 'Roboto', sans-serif; font-weight: 300; letter-spacing: .57px; } form { padding: 0; margin: 0 auto; } fieldset { border: none; } fieldset ul li { margin: 0 0 10px 0; list-style: none; padding: 0; position: relative; clear: both; } fieldset li label { font-size: 20px; text-align: left; margin: 0; color: #666; line-height: 1; } fieldset li label.checkbox-label { color: #999; } .field.text label, .field.textarea label, .field.email label, .field.phone label { display: none; } .field.checkbox { margin: 30px 0; } fieldset li .field_info { font-size: 0.8rem; color: #999; font-style: italic; } input, textarea, option { font-size: 1rem; } ::-webkit-input-placeholder { color: #979797; } ::-moz-placeholder { color: #979797; opacity: 1; } :-ms-input-placeholder { color: #979797; } :focus::-webkit-input-placeholder { color: #666; } :focus::-moz-placeholder { color: #666; } :focus:-ms-input-placeholder { color: #666; } input[type=text], input[type=password], textarea { border: none; background: #f7f7f7; color: #666; padding: 17px 24px 18px; margin: 5px 0 10px 0; width: 100%; font-size: 24px; } input:focus, textarea:focus { outline: none; background-color: #f2f2f2; box-shadow: none; } select { max-width: 300px; } option { padding: 2px; font-size: 14px; } textarea { height: 150px; border: none; } .checkbox-option { display: block; line-height: 120%; margin-top: 16px; } /* -------------- Errors ---------------- */ label.error { clear: both; display: inline-block; color: #d93d3d; background: transparent; box-shadow: none; border: none; padding: 0; margin: 10px 0; font-size: 15px; } select.error { border: none; } #form_errors { clear: both; float: left; background: #d93d3d; color: #fff; box-shadow: none; font-size: 12px; padding: 5px 6px; margin: 10px 0; } #form_errors.hide { display: none; } input.error, textarea.error { border: solid 2px #d93d3d; } /* Buttons */ button, .button { cursor: pointer; font-family: 'Roboto', sans-serif; letter-spacing: .57px; font-weight: 500; text-transform: uppercase; font-size: 18px; color: #fff; padding: 35px 45px 34px; background: #2c9cd9; text-shadow: none; border: none; border-radius: 0; margin: 20px 0; transition: all .25s ease-out; } .button:hover { background: #1e74a3; } .button:active { background: #1e74a3; } /* Utils */ .clear { clear: both; } .pull-right { float: right; } .pull-left { float: left; } body .hide { display: none; } /* reCaptcha */ .ss-recaptcha .ss-recaptcha-logo { height: 24px; width: 24px; float: left; background: url(https://www.gstatic.com/recaptcha/api2/logo_48.png); background-size: 24px 24px; display: none; } .ss-recaptcha .ss-anchor-invisible-text { font-size: 12px; color: #7F7F7F; } .ss-recaptcha .ss-anchor-pt { font-size: 12px; } .ss-recaptcha .ss-anchor-pt a { color: #7F7F7F; } /* Fields ID */ #field_3741804546 label { display: none; } #field_3741804546 .field_value .checkbox-label { display: inline; color: #666; }