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

#main_body h1 a
{
background-image: url('https://www.getagogo.com/wef/images/form_resources/webengine_forms_logo.png');
background-repeat: no-repeat;
height: 40px;
}

html
{
background-image: url('https://www.getagogo.com/wef/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 label.description,#main_body 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,#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,#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 **/

/* --------------------------------------------------
   Get a Go Go – Job Application form theme tweaks
   For WebEngine Forms > Custom Theme > Advanced CSS
   -------------------------------------------------- */

/* Base typography – match site font */
#application_form #form_container,
#application_form #main_body,
#application_form #main_body form,
#application_form #main_body form li,
#application_form #main_body label,
#application_form #main_body h2,
#application_form #main_body h3,
#application_form #main_body p,
#application_form #main_body span {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: #303030;
}

/* Form wrapper: padding & soft box */
#application_form #form_container {
  border: none;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
  padding: 24px 32px 28px;   /* consistent edge spacing */
}

/* H2 title */
#application_form #form_container h2 {
  font-size: 26px;
  font-weight: 700;          /* make it feel like a true heading */
  letter-spacing: .02em;
  margin: 0 0 .35em;
  color: #303030;
}

/* Intro text under title */
#application_form #form_container .form_description {
  font-size: 16px;
  line-height: 1.6;
  margin: 0 0 1.5em;
}

/* Section headings (Contact Information, Documents Upload, etc.) */
#application_form #main_body .section_break h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 .2em;          /* tighten gap above hint text */
}


/* --------------------------------------------------
   Light warm background for form body
   -------------------------------------------------- */

#application_form #main_body {
  background-color: #FEF3E1;   /* very light warm orange */
}


/* Remove dotted section rules & tidy spacing */
#application_form #main_body .section_break {
  border: none !important;
  padding-top: 0;
  margin-top: 1.75em;
}

/* Hint / helper text under headings and fields */
#application_form #main_body .section_break .description,
#application_form #main_body .section_break .guidelines,
#application_form #main_body .description,
#application_form #main_body .guidelines {
  margin-top: 0;
  font-size: 14px;
  color: #555;
}

/* Field labels */
#application_form #main_body label.description {
  font-weight: 600;
  font-size: 15px;
}

/* --------------------------------------------------
   BUTTON STYLING – Get a Go Go orange theme
   Applies to: Continue, navigation buttons, etc.
   -------------------------------------------------- */

#application_form #main_body .buttons input,
#application_form #main_body input.button_text,
#application_form #main_body input[type="submit"],
#application_form #main_body input[type="button"],
#application_form #main_body .mf_next_button,
#application_form #main_body .mf_prev_button,
#application_form #main_body .primary,
#application_form #main_body .submit,
#application_form button[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: #FAA31A !important;   /* Get a Go Go orange */
  border: 1px solid #e07f0e !important;
  color: darkslategray !important;

  font-weight: 600;
  font-size: 0.95rem;
  padding: 0.5em 1.5em;
  border-radius: 4px;                     /* subtle rounded corners */
  cursor: pointer;
  text-decoration: none;
  text-transform: none;
  line-height: 1.4;
  letter-spacing: .02em;

  /* subtle lift */
  text-shadow: 0 1px 1px rgba(0,0,0,0.15);
}

/* Hover / focus for form buttons */
#application_form #main_body .buttons input:hover,
#application_form #main_body input.button_text:hover,
#application_form #main_body input[type="submit"]:hover,
#application_form #main_body input[type="button"]:hover,
#application_form #main_body .mf_next_button:hover,
#application_form #main_body .mf_prev_button:hover,
#application_form #main_body .primary:hover,
#application_form #main_body .submit:hover,
#application_form button[type="submit"]:hover,
#application_form #main_body .buttons input:focus,
#application_form #main_body input.button_text:focus,
#application_form #main_body input[type="submit"]:focus,
#application_form #main_body input[type="button"]:focus,
#application_form #main_body .mf_next_button:focus,
#application_form #main_body .mf_prev_button:focus,
#application_form #main_body .primary:focus,
#application_form #main_body .submit:focus,
#application_form button[type="submit"]:focus {
  background: #fbb13a !important;
  border-color: #e07f0e !important;
  color: #ffffff !important;
  outline: none;
  text-decoration: none;
}

/* --------------------------------------------------
   Upload buttons (UploadiFive) – orange theme
   (ICBC Driver’s Abstract, additional documents)
   -------------------------------------------------- */

#application_form #main_body .uploadifive-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;

  background: #FAA31A !important;
  border: 1px solid #e07f0e !important;
  border-radius: 4px;

  padding: 0.5em 1.5em;

  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: darkslategray !important;
  text-transform: none;
  letter-spacing: .02em;
  cursor: pointer;

  text-shadow: 0 1px 1px rgba(0,0,0,0.15);
}

/* Text inside the upload button */
#application_form #main_body .uploadifive-button span {
  color: darkslategray !important;
  font-weight: 600;
  text-transform: none;
}

/* Hover state for upload buttons */
#application_form #main_body .uploadifive-button:hover,
#application_form #main_body .uploadifive-button:focus {
  background-color: #fbb13a !important;
  border-color: #e07f0e !important;
  color: #ffffff !important;
  outline: none;
}

/* The actual invisible <input type="file"> inside uploadifive */
#application_form #main_body .uploadifive-button input[type="file"] {
  cursor: pointer;
}

/* -------------------------------------------
   File input (non-uploadifive) – just tidy text
   ------------------------------------------- */

#application_form #main_body input[type="file"] {
  font-size: 14px;
}

/* -------------------------------------------
   Mobile: let buttons stretch nicely
   ------------------------------------------- */

@media (max-width: 640px) {
  #application_form #main_body .buttons input,
  #application_form #main_body input.button_text,
  #application_form #main_body input[type="submit"],
  #application_form #main_body input[type="button"],
  #application_form #main_body .primary,
  #application_form #main_body .submit {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }

  #application_form #main_body .uploadifive-button {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }
}