@charset "UTF-8"; html { font-size: 16px; /* Required for Function + Mixin */ } html { font-size: 16px; /* Required for Function + Mixin */ } #pardot-form { background-color: transparent; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-size: 1rem; font-weight: 400; } #pardot-form a { color: #8282dc; } #pardot-form a:hover { color: #8282dc; } #pardot-form p { /* Style Default Text Added Above/Below Form */ /* Required Field Label Styles */ } #pardot-form p.form-field { padding: 10px; width: 100%; margin: 0; float: left; clear: none; } #pardot-form p.form-field label { font-size: 16px; font-size: 1rem; font-weight: 300; text-align: left; color: #8282dc; margin: 0px 0px 4px 0px; } #pardot-form p.form-field.pd-text input { background-color: #fff; color: #8282dc; padding: 8px 18px; padding-left: 0px; margin: 0px; font-size: 16px; font-weight: 300; line-height: 140%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border: none; border-bottom: 4px solid rgba(130, 130, 220, 0.5); width: 100%; outline: none; letter-spacing: 0.72px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #pardot-form p.form-field.pd-text input.placeholder { color: #8282dc; opacity: 1; } #pardot-form p.form-field.pd-text input:-moz-placeholder { color: #8282dc; opacity: 1; } #pardot-form p.form-field.pd-text input::-moz-placeholder { color: #8282dc; opacity: 1; } #pardot-form p.form-field.pd-text input:-ms-input-placeholder { color: #8282dc; opacity: 1; } #pardot-form p.form-field.pd-text input::-webkit-input-placeholder { color: #8282dc; opacity: 1; } #pardot-form p.form-field.pd-text input:focus { padding-left: 10px; outline: none; border-color: #8282dc; -webkit-box-shadow: 0 0 5px 2px #8282dc; box-shadow: 0 0 5px 2px #8282dc; } #pardot-form p.form-field.pd-select select { background-color: #fff; color: #8282dc; padding: 8px 18px; padding-left: 0px; margin: 0px; font-size: 16px; font-weight: 300; line-height: 140%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border: none; border-bottom: 4px solid rgba(130, 130, 220, 0.5); width: 100%; outline: none; letter-spacing: 0.72px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-image: url(https://go.sodexo.com/l/786623/2020-05-30/snly/786623/42752/sodexo_select_down.png); background-position: calc(100% - 12px); background-size: 12px auto; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; -ms-user-select: none; } #pardot-form p.form-field.pd-select select.placeholder { color: #8282dc; opacity: 1; } #pardot-form p.form-field.pd-select select:-moz-placeholder { color: #8282dc; opacity: 1; } #pardot-form p.form-field.pd-select select::-moz-placeholder { color: #8282dc; opacity: 1; } #pardot-form p.form-field.pd-select select:-ms-input-placeholder { color: #8282dc; opacity: 1; } #pardot-form p.form-field.pd-select select::-webkit-input-placeholder { color: #8282dc; opacity: 1; } #pardot-form p.form-field.pd-select select:focus { padding-left: 10px; outline: none; border-color: #8282dc; -webkit-box-shadow: 0 0 5px 2px #8282dc; box-shadow: 0 0 5px 2px #8282dc; } #pardot-form p.form-field.pd-select select option { background-color: #fff; color: inherit; } #pardot-form p.form-field.pd-textarea textarea { background-color: #fff; color: #8282dc; padding: 8px 18px; padding-left: 0px; margin: 0px; font-size: 16px; font-weight: 300; line-height: 140%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border: none; border-bottom: 4px solid rgba(130, 130, 220, 0.5); width: 100%; outline: none; letter-spacing: 0.72px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; height: 120px !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } #pardot-form p.form-field.pd-textarea textarea.placeholder { color: #8282dc; opacity: 1; } #pardot-form p.form-field.pd-textarea textarea:-moz-placeholder { color: #8282dc; opacity: 1; } #pardot-form p.form-field.pd-textarea textarea::-moz-placeholder { color: #8282dc; opacity: 1; } #pardot-form p.form-field.pd-textarea textarea:-ms-input-placeholder { color: #8282dc; opacity: 1; } #pardot-form p.form-field.pd-textarea textarea::-webkit-input-placeholder { color: #8282dc; opacity: 1; } #pardot-form p.form-field.pd-textarea textarea:focus { padding-left: 10px; outline: none; border-color: #8282dc; -webkit-box-shadow: 0 0 5px 2px #8282dc; box-shadow: 0 0 5px 2px #8282dc; } #pardot-form p.form-field .description { font-size: 16px; font-size: 1rem; font-weight: 300; text-align: left; color: #8282dc; margin: 0px 0px 4px 0px; color: #2a295c; font-weight: 300; margin: 5px 0px 0px 0px; font-style: italic; font-size: inherit; } #pardot-form p.submit { padding: 10px; width: 100%; margin: 0; float: left; clear: none; text-align: left; } #pardot-form p.submit input { background: #8282dc; text-transform: none; font-weight: 500; padding: 17px 30px; font-size: 18px; font-size: 1.125rem; line-height: 120%; border: 3px solid #8282dc; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; color: #fff; width: 100%; letter-spacing: 0.72px; box-shadow: rgba(133, 133, 154, 0.46) 0px 5px 14.76px 3.24px; -webkit-box-shadow: rgba(133, 133, 154, 0.46) 0px 5px 14.76px 3.24px; -moz-box-shadow: rgba(133, 133, 154, 0.46) 0px 5px 14.76px 3.24px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #pardot-form p.submit input:hover { background: #fff; color: #8282dc; border: 3px solid #8282dc; cursor: pointer; } #pardot-form p:not([class]) { font-size: inherit; color: #2a295c; } #pardot-form p.required label:not(.inline) { background-image: none; } #pardot-form p.required label:not(.inline):after { content: " *"; color: red; } #pardot-form p.error { color: red; background-color: transparent; } #pardot-form p.error input, #pardot-form p.error select, #pardot-form p.error textarea { border: 1px solid red !important; } #pardot-form p.errors { color: red; background-color: transparent; } #pardot-form p.errors.no-label { display: none; } #pardot-form p.pd-radio { /* Hide the Regular Input */ /* Style the Unchecked Checkboxes and Radios */ /* Style the Checked Checkboxes and Radios */ /* Style the Checkboxes and Radio Field Descriptions */ /* Move the Checkboxes/Radio Values Under the Field Label */ } #pardot-form p.pd-radio input { opacity: 0; position: absolute; } #pardot-form p.pd-radio label { /* Style the Form Field Label */ /* Style the Inline Labels (Checkbox/Radio Values) */ } #pardot-form p.pd-radio label.field-label { display: inline-block; vertical-align: middle; margin: 5px; cursor: pointer; } #pardot-form p.pd-radio label.inline { position: relative; top: 0px; left: 25px; margin: 0px; padding: 0; width: 100%; float: left; font-weight: 300; color: #8282dc; } #pardot-form p.pd-radio input + label:before { content: ""; background: #fff; border: 1px solid #ccc; display: inline-block; vertical-align: middle; margin-right: 10px; text-align: center; position: absolute; margin-left: -24px; margin-top: 6px; border-radius: 50%; width: 15px; height: 15px; line-height: 15px; } #pardot-form p.pd-radio input:checked + label:before { font-size: 16px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: ""; color: #8282dc; } #pardot-form p.pd-radio .description { position: relative; top: 5px; margin: 0px 0px 0px 45px; font-size: 15px; } #pardot-form p.pd-radio .description a { color: #075ff7; } #pardot-form p.pd-radio .description a:hover { color: #075ff7; text-decoration: none; } #pardot-form p.pd-radio span.value { margin-left: 20px; display: block; } #pardot-form p.pd-checkbox { /* Hide the Regular Input */ /* Style the Unchecked Checkboxes and Radios */ /* Style the Checked Checkboxes and Radios */ /* Style the Checkboxes and Radio Field Descriptions */ /* Move the Checkboxes/Radio Values Under the Field Label */ } #pardot-form p.pd-checkbox input { opacity: 0; position: absolute; display : none ; } #pardot-form p.pd-checkbox label { /* Style the Form Field Label */ /* Style the Inline Labels (Checkbox/Radio Values) */ } #pardot-form p.pd-checkbox label.field-label { display: inline-block; vertical-align: middle; margin: 5px; cursor: pointer; left : 25px } #pardot-form p.pd-checkbox label.inline { position: relative; top: 0px; left: 25px; margin: 0px; padding: 0; width: 100%; float: left; font-weight: 300; color: #8282dc; } #pardot-form p.pd-checkbox input + label:before { content: ""; background: #fff; border: 1px solid #ccc; display: inline-block; vertical-align: middle; margin-right: 10px; text-align: center; position: absolute; margin-left: -24px; margin-top: 6px; width: 18px; height: 18px; line-height: 18px; } #pardot-form p.pd-checkbox input:checked + label:before { font-size: 16px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: ""; background: #8282dc; color: #fff; border-color: #8282dc; } #pardot-form p.pd-checkbox .description { position: relative; top: 5px; margin: 0px 0px 0px 45px; font-size: 15px; } #pardot-form p.pd-checkbox .description a { color: #075ff7; } #pardot-form p.pd-checkbox .description a:hover { color: #075ff7; text-decoration: none; } #pardot-form p.pd-checkbox span.value { margin-left: 20px; display: block; } /*# sourceMappingURL=form_styles_base.css.map */