@import "variables";
@import "mixins";

.underlined {
  @include underlined;
}

form#adminForm table.wp-list-table tr.row {
  display: table-row;
}

.bg-1 {
  background-color: $col-sec;
}

select {
  appearance: none;
  background-image: url("../icons/arrow-down.svg");
  background-position: 95% center;
  background-repeat: no-repeat;
  background-size: 14px;
}

section.text.center-underlined {
  .text-wrap {
    text-align: center;
    @include bp("md") {
      text-align: left;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      @include underlined;
    }
  }
}

section.text.left-underlined {
  .text-wrap {
    text-align: left;
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      @include underlined;
    }
  }
}

.wpcf7 {
  form.wpcf7-form {
    padding: 0 1.5rem;
    label.half {
      width: calc(50% - 15px);
      @include bp("sm") {
        width: 100%;
      }
      &.half-last {
        margin-left: 3rem;
        @include bp("sm") {
          margin-left: 0;
        }
      }
      input {
        width: 100%;
      }
    }
    label.full {
      width: 100%;
      input,
      textarea {
        width: 100%;
      }
    }
    label {
      position: relative;
    }
    .wpcf7-not-valid-tip {
      position: absolute;
      bottom: 0px;
      transform: translate(24px, calc(-100% - 5px));
      font-size: 12px;
      @include bp("sm") {
        transform: translate(24px, calc(100% + 10px));
      }
    }
    input,
    textarea,
    select {
      margin-bottom: $space-xxs;
      box-shadow: 0px 0px 0px 0px rgba(16, 76, 61, 0.1), 0px 3px 6px 0px rgba(16, 76, 61, 0.1), 0px 10px 10px 0px rgba(16, 76, 61, 0.09), 0px 23px 14px 0px rgba(16, 76, 61, 0.05),
        0px 41px 16px 0px rgba(16, 76, 61, 0.01), 0px 64px 18px 0px rgba(16, 76, 61, 0);
    }
    .wpcf7-acceptance {
      display: block;
      .wpcf7-list-item-label {
        cursor: pointer;
      }
      label {
        display: inline-flex;
        input[type="checkbox"] {
          flex: 1 0 20px;
          min-width: 20px;
        }
      }
    }
    input[type="checkbox"] {
      cursor: pointer;
      margin-bottom: 0;
      margin-right: 0;
      box-shadow: none;
      transform: translate(-15px, 4px);
      background-color: $white;
      &:checked {
        background-color: $col-prm;
      }
    }
    input.wpcf7-submit {
      @include button;
      border-color: $col-prm !important;
      border-width: $btn-bw !important;
      background-color: $col-prm !important;
      padding: $btn-pd !important;
      box-shadow: none !important;
      color: $white !important;
      @include bp("sm") {
        width: 100%;
      }
      &:hover {
        border-color: $col-prm !important;
        background-color: transparent !important;
        color: $col-prm !important;
      }
      &:disabled {
        cursor: not-allowed;
      }
    }
  }
  .wpcf7-response-output {
    border-radius: $border-radius !important;
    padding: $space-sm !important;
    background-color: $white;
  }
}
