/*---------------------------------------*/ /*-------- 1. Lead Form Styler----------- /*---------------------------------------*/ .select-lf-form{ font-size: 25px; font-weight: bold; text-align: center; color: red; } .lead-form-wrapper{ display: flex; } .hide-form-title .lead-form-front h2{ display: none; } .show-submit-msg p.successmsg{ display: block !important; } .lf-field label{ font-size: 15; font-weight: 400; } .checkbox-type.lf-field ul li, .radio-type.lf-field ul li, .lf-field.lfb-terms span{ font-size: 16px ; } .lf-custom-radio-checkbox .lf-field input[type=checkbox], .lf-custom-radio-checkbox .lf-field input[type=radio] { -webkit-appearance: none; -moz-appearance: none; border-style: solid; border-width: 0; outline: none; min-width: 1px; width: 15px; height: 15px; background: #ddd; padding: 3px; } .lf-custom-radio-checkbox .lf-field input[type=checkbox]:before, .lf-custom-radio-checkbox .lf-field input[type=radio]:before { content: ""; width: 100%; height: 100%; padding: 0; margin: 0; display: block; } .lf-custom-radio-checkbox .lf-field input[type=checkbox]:checked:before{ content: "\f147"; font-family: dashicons; } .lf-custom-radio-checkbox .lf-field input[type=radio]:checked:before { background: #8c8c8c; } .lf-custom-radio-checkbox .lf-field input[type=checkbox]:checked:before{ background: #e0e0e0; color: #777777; } .lf-custom-radio-checkbox .lf-field input[type=radio] { border-radius: 50%; } .lf-custom-radio-checkbox .lf-field input[type=radio]:before { border-radius: 50%; } /*Hide labels for input fields and checkboxes*/ .hide-input-label .lf-field:not(.radio-type):not(.checkbox-type):not(.submit-type) label{ display: none; } .hide-radio-checkbox-label .lf-field.radio-type label, .hide-radio-checkbox-label .lf-field.checkbox-type label{ display: none; } .lf-custom-radio-checkbox .lf-field input[type=checkbox], .lf-custom-radio-checkbox .lf-field input[type=radio] { border: 1px solid #a5a5a5; }