// new material form
// new material form
// new material form
// new material form

.select2-container--open {
  z-index: 10000000 !important;
}

.material-form {
  .form-row {
    position: relative;
    margin: 0px auto 15px;
    padding: 0;
    &:last-child {
      margin-bottom: 30px;
    }
  }
  p {
    margin: 0;
    display: none;
  }

  .red {
    color: #da4256;
  }

  .form-row__nomaterial {
    label {
      position: relative;
      transform: translateY(5px);
      margin-bottom: 0;
      padding-top: 5px;
    }
  }
  .button {
    color: #fff;
    display: block;
    width: 100%;
    background: #2451f4;
    height: 30px;
    font-size: 15px;
    border-radius: 0px;
    outline: none;
    transition: all 0.35s ease;
  }
  label,
  .material-container .nf-field-element:after {
    text-transform: uppercase;
    font-size: 9px;
    font-family: 'SackersGothic';
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    position: absolute;
    transform: translateY(50%);
    transition: all 0.25s;
    top: 0;
    color: black;
    display: block;
    pointer-events: none;
  }

  input[type='email'],
  input[type='text'],
  input[type='date'] {
    max-width: 750px !important;
    margin: 0px !important;
    border: 0;
    border-bottom: 1px solid black;
    border-radius: 0;
    padding: 15px 0 5px;
    font-size: 12px;
    font-family: 'SackersGothic';
    font-weight: 400;
    line-height: 20px;
    color: black !important;
    width: 100%;
    outline: none !important;
    &:focus ~ label {
      transform: translateY(-50%);
    }
    &:not(:placeholder-shown) ~ label {
      transform: translateY(-50%);
    }
    &::placeholder {
      text-transform: uppercase;
    }

    &.error {
      animation: shake 0.2s ease-in-out 0s 2;
      border-color: red;
    }
  }
  .legal {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 10px;
    line-height: 2.4;
    color: #5a5a5a;
    margin-bottom: 0;
    margin-top: 15px;
  }

  input[type='date'] {
    font-size: 9px !important;
    font-family: 'SackersGothic' !important;
    text-transform: uppercase;
    color: black !important;
  }

  input[type='submit'] {
    width: 100%;
    background-color: black !important;
    height: 55px;
    margin-top: 25px;
    border: 1px solid black;
    transition: all 0.3s ease;
    font-size: 16px;
    border-radius: 0;
    &:hover {
      background-color: white;
    }
  }

  .select2-drop {
    border: 0;
    border-radius: 0;
    opacity: 1;
  }
  .select2-search {
    margin: 0 0 0px 0;
    padding: 0 0 0 0;

    input {
      border-color: #d1d1d1;
      // padding-top: 4px;
    }
  }
  .select2-results {
    margin: 0;
  }

  .select2-drop {
    z-index: 12000;
  }

  .select2-container {
    // margin-bottom: 25px;

    .select2-choice,
    .select2-selection {
      background-color: transparent;
      border: 0px;
      border-radius: 0;
      border-bottom: 1px solid black;
      font-family: 'SackersGothic';
      font-weight: 400;
      text-transform: uppercase;
      font-size: 9px;
      box-shadow: none;
      color: black;
      padding: 10px 0;
      appearance: none;
      height: 40px;
      outline: none !important;
    }
    .select2-selection__rendered {
      padding-left: 0;
    }
    .select2-arrow,
    .select2-selection__arrow {
      background-color: transparent !important;
      b {
        background: url(assets/img/caret-down.svg) no-repeat 7px 20px !important ;
        width: 30px;
        height: 30px;
        margin: 0;
        left: 0;
        top: 0;

        border: none;
      }
    }
  }
  select {
    background-color: transparent;
    border: 0px !important;
    // border-bottom: 1px solid black !important;
    font-family: 'SackersGothic';
    font-weight: 400;
    text-transform: uppercase;
    font-size: 10px;
    box-shadow: none;
    color: black;
    padding: 15px 0 10px;
    height: 45px;
    outline: none !important;
    position: relative;
    appearance: none;
    width: 100%;
    border-radius: 0;
    option {
      font-size: 14px;
    }
  }
  .select {
    position: relative;
    &:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      background-image: url(../dist/assets/img/caret-down.svg);
      background-repeat: no-repeat;
      background-position: center center;
      width: 30px;
      height: 100%;
    }
    &:before {
      width: 100%;
      height: 1px;
      bottom: 0;
      left: 0;
      background-color: #000;
      position: absolute;
      content: '';
      z-index: 1;
      transition: all 0.3s ease;
    }
    &.error {
      &::before {
        animation: shake 0.2s ease-in-out 0s 2;
        background-color: red !important;
      }
    }
  }
  textarea {
    border: 1px solid black !important;
    height: 70px !important;
    resize: none;
    appearance: none;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
  }
  // ninja forms
  // ninja forms
  // ninja forms
  .nf-error .ninja-forms-field {
  }
  .nf-error-msg {
    position: absolute;
    font-size: 9px;
    text-align: left;
    color: #da4256;
    bottom: -4px;
    font-family: 'Raleway', sans-serif;
    text-transform: none;
    height: auto;
    line-height: 1.1;
    transform: translateY(100%);
  }
  .material-container .nf-field-element input {
    &::placeholder {
      color: transparent;
    }
  }
  .material-container .nf-field-element:has(input:not(:placeholder-shown)),
  .nf-field-element:has(input:focus) {
    &:after {
      transform: translateY(-20%);
    }
  }
}

html[lang='fr'] {
  .mc4wp-form .en {
    display: none;
  }
  .mc4wp-form .de {
    display: none;
  }
  .mc4wp-form .es {
    display: none;
  }
  .mc4wp-form .ja {
    display: none;
  }
  .mc4wp-form .it {
    display: none;
  }
}

html[lang='en'] {
  .mc4wp-form .fr {
    display: none;
  }
  .mc4wp-form .de {
    display: none;
  }
  .mc4wp-form .es {
    display: none;
  }
  .mc4wp-form .ja {
    display: none;
  }
  .mc4wp-form .it {
    display: none;
  }
}

html[lang='de'] {
  .mc4wp-form .en {
    display: none;
  }
  .mc4wp-form .fr {
    display: none;
  }
  .mc4wp-form .es {
    display: none;
  }
  .mc4wp-form .ja {
    display: none;
  }
  .mc4wp-form .it {
    display: none;
  }
}

html[lang='es'] {
  .mc4wp-form .en {
    display: none;
  }
  .mc4wp-form .fr {
    display: none;
  }
  .mc4wp-form .de {
    display: none;
  }
  .mc4wp-form .ja {
    display: none;
  }
  .mc4wp-form .it {
    display: none;
  }
}

html[lang='ja'] {
  .mc4wp-form .en {
    display: none;
  }
  .mc4wp-form .fr {
    display: none;
  }
  .mc4wp-form .de {
    display: none;
  }
  .mc4wp-form .es {
    display: none;
  }
  .mc4wp-form .it {
    display: none;
  }
}

@keyframes shake {
  0% {
    margin-left: 0rem;
  }
  25% {
    margin-left: 0.5rem;
  }
  75% {
    margin-left: -0.5rem;
  }
  100% {
    margin-left: 0rem;
  }
}
