/** @format */

#contact {
  header {
    @include make-col-ready();
    @include make-col(12);
    margin-bottom: 1.5em;
    font-weight: 300;
  }

  article {
    @include make-col-ready();

    @include media-breakpoint-down(sm) {
      margin-bottom: 2em;
    }

    @include media-breakpoint-up(md) {
      @include make-col(7);
    }
  }

  aside {
    @include make-col-ready();

    @include media-breakpoint-up(md) {
      @include make-col(5);
    }

    @include media-breakpoint-up(lg) {
      @include make-col(4);
      @include make-col-offset(1);
    }

    a {
      color: $white;
      font-weight: normal;

      &:hover {
        color: $white;
        border-bottom: 1px solid $white;
      }
    }
  }
}

// form {
//   margin-bottom: 1em;

//   label {
//     margin-bottom: 0;
//   }

//   input,
//   textarea,
//   select {
//     padding: 0.5em 0.75em;
//     font-size: 13px;
//     width: 100%;
//     border: 0;
//   }

//   input[type="submit"] {
//     border: 0;
//     width: auto;
//     letter-spacing: 1px;
//     background-color: $primary_color;
//     color: $white;
//     padding: 0.675em 1.5em;
//     font-size: 16px;
//     font-weight: 500;
//     text-transform: uppercase;

//     &:hover {
//       background-color: lighten($primary_color, 10%);
//       cursor: pointer;
//     }
//   }

//   input,
//   textarea {
//     &.wpcf7-not-valid {
//       border-color: #c0392b;
//     }
//   }

//   span.wpcf7-not-valid-tip {
//     color: #c0392b;
//     font-size: 0.75em;
//     position: absolute;
//     text-align: right;
//     top: 0.375em;
//     right: 0.25em;
//   }

//   div.wpcf7-response-output {
//     margin: 0 0 1em 0 !important;
//     padding: 0.5em 16.5px !important;
//     font-weight: 400;
//     font-size: 14px;

//     &.wpcf7-validation-errors {
//       border-color: #f1c40f !important;
//       background-color: #f1c40f !important;
//       color: $black !important;
//     }

//     &.wpcf7-mail-sent-ok {
//       border-color: #27ae60 !important;
//       background-color: #27ae60 !important;
//     }
//   }
// }

// .wpcf7 form.invalid .wpcf7-response-output,
// .wpcf7 form.unaccepted .wpcf7-response-output {
//   border-color: #f1c40f !important;
//   background-color: #f1c40f !important;
//   color: $black !important;
// }

// .wpcf7 form.sent .wpcf7-response-output {
//   border-color: #27ae60 !important;
//   background-color: #27ae60 !important;
// }