/* Import Rubik font */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;600&display=swap');

/* Existing theme styles */
#form_container {
    width: 960px;
}

#main_body h1 a {
    /* Set only the bottom border to be 3px wide */
    border-bottom: 3px solid #FE5C00 !important;
 }

#main_body label.choice {
  font-size: 16px;
}

#submit_form {
    background: #FE5C00 !important;
    color: #ffffff !important;
    border-radius: 37px !important;

    font-family: 'Rubik', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;       
    line-height: 150% !important;

    text-shadow: none !important; 
    
    /* Other Button Properties */
    border: none !important;
    padding: 8px 16px !important;
    text-indent: 0 !important; /* Ensure text is visible */
    height: auto !important;
    width: auto !important;
}

/* --- Style for the Submit button in hover state --- */
#submit_form:hover {
    /* 1. Change Background Color */
    background: #333333 !important; /* Changes the background to a dark gray/black */
    
    /* 2. Remove Unwanted Default Hover Effects (Gray Border/Shadow) */
    border: none !important;        /* Ensures no gray border appears */
    box-shadow: none !important;    /* Removes the gray shadow/glow */
    
    /* Ensure text properties are maintained */
    color: #ffffff !important;
    text-shadow: none !important; 
    
    /* Maintain cursor and corner radius */
    cursor: pointer !important;
    border-radius: 37px !important; 
}

/* --- Universal File Upload Button Styling for MachForm v27 --- */
/* Applies to all uploadifive and classic uploadfile buttons */

/* Optional: Ensure file upload containers align left */
li.upload_element {
    text-align: left !important;
}

.uploadifive-button,
.uploadfile_element_uploadfile_button,
.uploadfile_element_23_uploadfile_button {
    position: relative;
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;

    /* Text and font styling */
    font-family: 'Rubik', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #333333 !important;
    line-height: 1.5 !important;
    text-shadow: none !important;
    text-decoration: none !important;

    /* Size and display */
    display: inline-block !important;
    width: fit-content !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 0 4px 0 !important;
    overflow: visible !important;
    cursor: pointer !important;
    transition: color 0.2s ease-in-out !important;
}

/* Underline effect using pseudo-element */
.uploadifive-button::after,
.uploadfile_element_uploadfile_button::after,
.uploadfile_element_23_uploadfile_button::after {
    content: "";
    position: absolute;
    left: 0; right: 0;
    bottom: -6px;
    height: 4px;
    width: 100%;
    background: #FF9900;
    border-radius: 0;
    display: block;
    z-index: 1;
    pointer-events: none;
}

/* Text color changes on hover only */
.uploadifive-button:hover,
.uploadfile_element_uploadfile_button:hover,
.uploadfile_element_23_uploadfile_button:hover {
    color: #FE5C00 !important;
    background: none !important;
    background-color: transparent !important;
}

/* Underline color remains unchanged on hover */

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

#main_body h1 a
{
background-image: url('https://forms.library.okstate.edu/machform/data/themes/images/img_b7a8c0635f0f2c7cf434ebf887faa9b8-Layer_3_640w_1.25x.png');
height: 79px;
}

html
{
background-color: #f7f7f7;
background-image: none;
}

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

#form_container
{
background-color: #ffffff;
border-width: 1px;
border-style: solid;
border-color: #333333;
}

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

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

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

#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: #f7f7f7;
font-family: 'Rubik','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 130%;
color: #333333;
}

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

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

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

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

#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: 'Rubik','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 140%;
color: #333333;
}

#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: 'Rubik','Lucida Grande',Tahoma,Arial,sans-serif;
color: #333333;
}

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

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

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