#content {
  form {
    background: #EEEEEE;
    padding: 20px;
    .text-input,
    .text-area,
    .select-list {
      margin-bottom: 10px;
      border: none;
    }

    select {
      background-color: $white;
      border: none;
      color: $medgray;
      display: block;
      height: 37px;
      line-height: 36px;
      overflow: hidden;
      padding: 0 0 0 8px;
      position: relative;
      text-decoration: none;
      white-space: nowrap;
    }

    input[type="radio"],
    input[type="checkbox"] {
      display: none;
      + label {
        cursor: pointer;
        position: relative;
        &:before {
          background: $white;
          content: '';
          display: inline-block;
          height: 25px;
          margin: 0 .5em 0 0;
          vertical-align: sub;
          width: 25px;
        }
      }
    }

    input[type="checkbox"] {
      &:checked {
        + label {
          &:after {
            border: 3px solid $gdred;
            border-top: none;
            border-right: none;
            content: '';
            height: 4px;
            left: 7px;
            position: absolute;
            top: 8px;
            width: 8px;
            @include transform(rotate(-45deg));
          }
        }
      }
    }

    input[type="radio"] {
      + label {
        &:before {
          @include border-radius(50px)
        }
      }
      &:checked {
        + label {
          &:after {
            background: $gdred;
            content: '';
            display: block;
            height: 12px;
            left: 7px;
            position: absolute;
            top: 7px;
            width: 12px;
            @include border-radius(50px);
          }
        }
      }
    }

    input[type="text"],
    input[type="password"],
    input[type="email"],
    textarea {
      width: 100%;
      max-width: 100%;
      color: $medgray;
      font-size: $medgray;
      padding-left: 8px;
      padding-top: 6px;
      padding-bottom: 6px;
      border: none;
    }

    textarea {
      min-height: 124px;
      border: none;
    }

    input[type="submit"] {

    }

    .btn-default {
      color: $white;
      background-color: $gdred;
      border-radius: 0 !important;
      border: none;
      font-size: 18px;
      letter-spacing: .05em;
      padding: 6px 12px;
      text-transform: uppercase;
      width: 100%;
      @include breakpoint($all-devices) {
        margin-top: 1em;
        margin-bottom: 1em;
      }
      &:hover, &:focus {
        background-color: $gdred;
        opacity: .8;
        color: $white;
      }
    }

    #edit-submit {
      background: transparent url("../images/build/search-button.png") no-repeat left bottom;
      border: none;
      display: inline-block;
      height: 25px;
      margin: 0;
      overflow: hidden;
      position: relative;
      right: 3px;
      text-indent: -999em;
      top: 1px;
      width: 25px;
    }

  }
}

/* COLOR PALETTE */
.square {
  float: left;
  margin: 0 1% 1% 0;
  overflow: hidden;
  padding-bottom: 8%;
  position: relative;
  width: 10%;
  &.gd-blue {
    background: $gdblue;
  }
  &.gd-gray {
    background: $gdgray;
  }
  &.gd-green {
    background: $gdgreen;
  }
  &.gd-red {
    background: $gdred;
  }
  &.gd-yellow {
    background: $gdyellow;
  }
  &.gd-teal {
    background: $gdteal;
  }
  .content {
    height: 80%; /* = 100% - 2*10% padding */
    padding: 10% 5%;
    position: relative;
    width: 90%; /* = 100% - 2*5% padding */
    .table {
      display: table;
      height: 100%;
      width: 100%;
      .table-cell {
        display: table-cell;
        height: 100%;
        vertical-align: middle;
        width: 100%;
      }
    }
  }
}