/** DO NOT MODIFY THIS FILE. All code here are generated by MachForm Theme Editor **/

#main_body h1 a
{
background-image: url('http://frankfordumbrellas.com/machform/images/form_resources/machform.png');
background-repeat: no-repeat;
height: 40px;
}

html
{
background-image: url('http://frankfordumbrellas.com/machform/images/form_resources/grey-mild.png');
background-repeat: repeat;
}

#main_body h1
{
background-color: #525252;
background-image: none;
}

#form_container
{
background-color: #ffffff;
border-width: 0px;
border-style: solid;
border-color: #CCCCCC;
}

#main_body form li.highlighted,#main_body .matrix tbody tr:hover td,#machform_review_table tr.alt
{
background-color: #FFF7C0;
}

#main_body form .guidelines
{
background-color: #F5F5F5;
border-width: 1px;
border-style: solid;
border-color: #CCCCCC;
}

#main_body form .guidelines small
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 80%;
color: #444444;
}

#main_body input.text,#main_body input.file,#main_body textarea.textarea,#main_body select.select,#main_body input.checkbox,#main_body input.radio
{
background-color: #FBFBFB;
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 100%;
color: #666666;
}

#machform_review_table td.mf_review_value
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 100%;
color: #444444;
}

#main_body .form_description h2,#main_body .form_success h2
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 160%;
color: #444444;
}

#main_body .form_description p,#main_body form ul.payment_list_items li
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 95%;
color: #444444;
}

#main_body form li span.ap_tp_text
{
color: #444444;
}

#main_body form li label.description,#main_body form li span.description,#main_body .matrix caption,#main_body .matrix td.first_col,#main_body form li.total_payment span,#machform_review_table td.mf_review_label
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 95%;
color: #444444;
}

#main_body form li span label,#main_body label.choice,#main_body .matrix th,#main_body form li span.symbol,.mf_sigpad_clear,#main_body form li div label,#main_body form li div span.label
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
color: #444444;
}

#main_body form .section_break h3,#main_body form .media h3,#machform_review_table td .mf_section_title
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 110%;
color: #444444;
}

#main_body form .section_break p,#main_body form .media p,#machform_review_table td .mf_section_content
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 85%;
color: #444444;
}

#main_body form li.section_break
{
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #CCCCCC;
}



/** Advanced CSS **/

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200&display=swap');
*, #main_body input.button_text {
font-family: 'Avenir', sans-serif !important;
}
#form_container {
text-align:center;
}
 #main_body {
    max-width: 550px;
    margin: 0 auto !important;
}
#footer {
display: none;
}
form.appnitro {
padding-bottom: 1 !important;
}
form.appnitro ul::after {
content: '* Required fields';
font-size: 14px;
font-family: 'Avenir', sans-serif !important;
}
form.appnitro::after {
content: '\271A  We respect your privacy and will never share or sell your information to a third-party.';
font-size: 14px;
font-family: 'Avenir', sans-serif !important;
}

label {
display: none !important;
}

#main_body form li {
    display: inline-block;
    margin: 0 0 10px 0;
    padding: 0 10px;
    position: relative;
    clear: both;
    width: 160px;
vertical-align: top;
}

#main_body form li:not(.media_video) div {
    color: #444;
    margin: 0 4px 0 0;
    padding: 0 0 8px;
    display: inline;
}

#main_body input.small {
    width: 100%;
    border: #87ccbd 1px solid;
    box-shadow: none;
    outline: none;
    background-color: #fff;
    border-radius: 6px;
}

#main_body form li.opt-in span label.choice {
    display: block !important;
font-size: 12px;
padding: 0;
text-align: left;
}
#main_body form li.opt-in span.description {
    display: none !important;
}
#main_body form li.highlighted {
    background-color: #fff !important;
}

#error_message {
border: none;
    margin-bottom: 1em !important;
    width: 555px !important;
}
#error_message_title {
    color: #000; 
    font-size: 120%;
    font-weight: 300;
font-family: 'Avenir', sans-serif;
}

#main_body form li.error {
font-family: 'Avenir', sans-serif;
    background-color: #fff !important;
    border-bottom: 0;
    border-right: 0;
    margin: 0;
}

#main_body form p.error {
font-family: 'Nunito', sans-serif;
    clear: both;
    color: #4885A2;
    font-size: 80%;
    font-weight: 300;
    margin: 0 !important;
    padding: 3px !important;
}

#error_message_desc strong {
font-family: 'Avenir', sans-serif;
    background-color: #fff !important;
    color: #4885A2;
    padding: 0 !important;
font-weight: 300;
}
#main_body input[type="checkbox"]:checked {
    background: #87ccbd !important;
}
#main_body input[type="checkbox"] {
    cursor: pointer  !important;
    -webkit-appearance: none  !important;
    -moz-appearance: none  !important;
    appearance: none  !important;
    outline: 0  !important;
    height: 16px  !important;
    width: 16px  !important;
   border: 1px solid #a1d7cc!important;
}
#main_body input[type="checkbox"]:checked:after {
display: block  !important;
}
#main_body input[type="checkbox"]:after {
    content: ''  !important;
    position: relative  !important;
    left: 40%  !important;
    top: 20%  !important;
    width: 15%  !important;
    height: 40%  !important;
    border: solid #fff  !important;
    border-width: 0 2px 2px 0  !important;
    transform: rotate(45deg)  !important;
    display: none  !important;
}
#main_body form li.opt-in {
    margin: -10px 0 0 0;
}
#main_body .buttons {
    display: inline !important;
}
input#submit_form {
font-family: 'Avenir', sans-serif;
    width: 200px !important;
    background: #A1D7CC !important;
    border-radius: 6px !important;
    border: none !important;
    text-shadow: none !important;
    text-transform: uppercase;
    font-size: 16px !important;
    color: #397B9A !important;
    font-weight: bold !important;
    height: 48px !important;
    margin: 0 auto !important;
    display: block !important;
    cursor: pointer !important;
   
}
input#submit_form:hover {
background: #397b9a!important;
color:#ffffff!important;
cursor: pointer !important;
}
#main_body input.button_text:not(.btn_secondary):hover {
    box-shadow: none !important;
}
.required-field{
border-radius: 0px;
}
.required-field input[aria-required="true"]:not([value=""]) + label::after {
    content: " *";
    color: red;
}


@media only screen and (max-width: 480px){
#main_body form li.multiple_choice div span, #main_body form li.checkboxes div span {
    border-bottom: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    padding: 0px !important;
    width: 96% !important;
}}

#main_body .buttons input {
 margin-bottom: 10px !important;

}
#main_body .form_description h2, #main_body .form_success h2 {
    font-family: Avenir, sans-serif !important;
color: #F2A1A2;
font-size: 18px;
}
.form_success {
    padding: 0px;
}

.modal-close {
  display: none;
  
}
#main_body form ul {
  margin-left: -10px;
}
#main_body form li {
width: 29%;
}
@media (max-width: 535px) {
#main_body form li {
width: 100%;
}
}
#main_body input.small {
    font-family: "Avenir",sans-serif !important;
    font-size: 16px;
    padding: 10px 7px;
}
#li_5 {
    padding: 5px;
    margin-left: 2px;
}
#main_body label.choice {
    width: 100%;
}
#error_message {
  display: none !important;
}
#li_captcha {
width: 100% !important;
}