/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
#contact-us .form main input[type='submit'], #contact-us .form form input[type='submit'],
#contact-us .form main input:visited[type='submit'],
#contact-us .form form input:visited[type='submit'] {
  display: inline-block;
  text-decoration: none;
  color: var(--white);
  font-size: 18px;
  padding: 0.85em 1.5em;
  border: none;
  cursor: pointer;
  background-color: var(--gold);
  text-align: center;
  transition: background-color 0.14s ease-in-out, color 0.14s ease-in-out; }
  #contact-us .form main input:hover[type='submit'], #contact-us .form form input:hover[type='submit'], #contact-us .form main input:focus[type='submit'], #contact-us .form form input:focus[type='submit'],
  #contact-us .form main input:visited:hover[type='submit'],
  #contact-us .form form input:visited:hover[type='submit'],
  #contact-us .form main input:visited:focus[type='submit'],
  #contact-us .form form input:visited:focus[type='submit'] {
    color: var(--white);
    text-decoration: none;
    outline: none;
    background-color: var(--dark-blue); }
  #contact-us .form main input:active[type='submit'], #contact-us .form form input:active[type='submit'],
  #contact-us .form main input:visited:active[type='submit'],
  #contact-us .form form input:visited:active[type='submit'] {
    top: 1px; }

#contact-us {
  max-width: 745px;
  background-color: var(--dark-blue);
  color: var(--white);
  padding: 1em; }
  @media (min-width: 768px) {
    #contact-us {
      padding: 3em; } }
  #contact-us header.intro h1, #contact-us header.intro h2, #contact-us header.intro h3, #contact-us header.intro h4 {
    color: var(--gold);
    margin: 0; }
  @media (min-width: 768px) {
    #contact-us header.intro h2 {
      font-size: 32px;
      line-height: 40px; } }
  #contact-us .form {
    margin-top: 3em; }
    #contact-us .form main input:not([type='checkbox']):not([type='submit']):not([type='radio']), #contact-us .form main select, #contact-us .form form input:not([type='checkbox']):not([type='submit']):not([type='radio']), #contact-us .form form select {
      padding: 1em;
      margin-bottom: .5em;
      display: block;
      width: 100%;
      box-shadow: none;
      height: 60px;
      border: 1px solid var(--dark-blue); }
    #contact-us .form main textarea, #contact-us .form form textarea {
      border: 1px solid var(--dark-blue);
      height: 150px; }
    #contact-us .form main input[type='submit'], #contact-us .form form input[type='submit'] {
      margin-top: .85rem; }
    #contact-us .form main .gfield .gfield_label, #contact-us .form form .gfield .gfield_label {
      font-weight: 500;
      margin-bottom: 0; }
      @media (min-width: 768px) {
        #contact-us .form main .gfield .gfield_label, #contact-us .form form .gfield .gfield_label {
          font-size: 18px; } }
    #contact-us .form main .gform_footer .button, #contact-us .form form .gform_footer .button {
      display: block;
      width: 100%; }
      @media (min-width: 768px) {
        #contact-us .form main .gform_footer .button, #contact-us .form form .gform_footer .button {
          width: auto;
          margin-left: auto; } }
    #contact-us .form main .gform_submission_error h2 span, #contact-us .form form .gform_submission_error h2 span {
      color: #c02b0a; }
    #contact-us .form main .validation_message:before, #contact-us .form form .validation_message:before {
      content: '\e90d';
      font-family: Icomoon;
      color: #c02b0a;
      font-size: 20px;
      position: relative;
      margin-right: .5em;
      top: 3px;
      margin-left: -11px; }
    #contact-us .form .gform_wrapper .gfield_required {
      color: var(--white);
      font-size: 18px; }
    #contact-us .form .gform_wrapper .gfield_radio {
      margin-bottom: 1em;
      display: flex;
      flex-wrap: wrap;
      gap: 1em; }
      #contact-us .form .gform_wrapper .gfield_radio .gchoice {
        flex: 1; }
        #contact-us .form .gform_wrapper .gfield_radio .gchoice input {
          display: none; }
          #contact-us .form .gform_wrapper .gfield_radio .gchoice input + label {
            position: relative;
            display: block;
            cursor: pointer;
            background-color: var(--white);
            color: var(--dark-blue);
            height: 60px;
            width: 100%;
            max-width: 100%;
            padding: 1em 1em 1em calc(2em + 21px); }
            @media (max-width: 767px) {
              #contact-us .form .gform_wrapper .gfield_radio .gchoice input + label {
                line-height: 32px; } }
            @media (min-width: 768px) {
              #contact-us .form .gform_wrapper .gfield_radio .gchoice input + label {
                font-size: 18px; } }
            #contact-us .form .gform_wrapper .gfield_radio .gchoice input + label:before {
              content: '';
              background-image: url(/app/themes/nfc-oudgoud/assets/images/unchecked-radio.png);
              width: 21px;
              height: 21px;
              background-size: cover;
              position: absolute;
              left: 1em;
              top: 50%;
              transform: translateY(-50%); }
          #contact-us .form .gform_wrapper .gfield_radio .gchoice input:checked + label {
            background-color: var(--gold);
            color: var(--white); }
            #contact-us .form .gform_wrapper .gfield_radio .gchoice input:checked + label:before {
              content: '';
              background-image: url(/app/themes/nfc-oudgoud/assets/images/checked-radio.png); }
    #contact-us .form .gform_wrapper .ginput_container_consent {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 1em; }
      #contact-us .form .gform_wrapper .ginput_container_consent input {
        margin-top: 6px; }
    #contact-us .form .gform_wrapper .gform_validation_errors {
      padding: 1em;
      font-size: 16px;
      color: #c02b0a;
      font-weight: 500; }
    #contact-us .form .gform_confirmation_message {
      color: var(--gold);
      font-weight: 500; }

/*# sourceMappingURL=contact-us.css.map */