.ce_form {
  .widget {
    input.text,
    textarea {
      width: 100%;
      font-size: size(15);
      background: transparent;
      border: none;
      border-bottom: 1px solid #fff;
      color: #fff;
      margin-bottom: 15px;

      &::placeholder {
        color: inherit;
      }
    }

    textarea {
      border: 1px solid #fff;
      margin-top: 15px;
    }

    .checkbox_container {
      margin-bottom: 15px;

      input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;

        &:checked + label:after {
          content: '';
          display: block;
          position: absolute;
          top: 1px;
          left: 7px;
          width: 5px;
          height: 13px;
          border: solid $primary;
          border-width: 0 2px 2px 0;
          transform: rotate(45deg);
        }
      }

      label {
        position: relative;
        cursor: pointer;
        font-size: size(13);
        line-height: size(23);

        &:before {
          content: '';
          -webkit-appearance: none;
          background-color: transparent;
          border: 1px solid #ffff;
          padding: 8px;
          display: block;
          width: 18px;
          height: 18px;
          position: relative;
          vertical-align: middle;
          cursor: pointer;
          margin-right: 10px;
          margin-bottom: 20px;
          float: left;
        }
      }
    }

    button.submit {
      @include button();
    }
  }
}
