// slider
.slider{
  // margin-bottom: 3rem;
  width: 90%;
  & > div{
    & > img{
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 95vh;
    }
  }
  .slick-list{
    // max-height: 90vh!important;
    padding: 0!important;
    .slick-track{
      .slick-slide{
        // opacity: 0;
        position: relative;
        div{
          width: 100%!important;
          max-height: calc(95vh);
          img{
            max-width: 100%;
            width: auto;
            max-height: calc(95vh);
            padding-bottom: 2rem;
            margin: auto;
          }
          .caption{
            width: 100%;
            text-align: center;
            position: absolute;
            height: auto;
            // width: auto!important;
            margin-top: -1.5rem;
          }
        }
        &.slick-center{
          transition: 0.2s opacity 0.3s;
        }
      }
    }
  }
  button{
    border: 0!important;
    outline: none!important;
    z-index: 999;
    position: absolute;
    width: 2rem;
    font-size: 0;
    height: 100%;
    background: transparent;
    border: none;
    top: 0;
    opacity: 0;
    &::after{
      display: block;
      position: absolute;
      width: 0.6rem;
      height: 1.2rem;
      top: 50%;
      content: " ";
      margin-top: -0.6rem;
    }
    &.slick-prev{
      left: 1.2rem;
      &::after{
        left: 2.5px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background: url('/user/themes/vocurations/images/arrow_left.svg');
      }
    }
    &.slick-next{
      right: 1.2rem;
      &::after{
        right: 2.5px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background: url('/user/themes/vocurations/images/arrow_right.svg');
      }
    }
  }
}

// newsletter
.newsletter{
  .mc-field-group{
    input{
      min-width: 415px;
      border: none;
      color: black;
      &::placeholder{
        text-decoration: underline;
        color: $grey;
      }
      &::placeholder-shown{
        text-decoration: underline;
        color: $grey;
      }
      &::-moz-placeholder {
        opacity: 1;
      }
      &::-moz-placeholder-shown {
        opacity: 1;
      }
    }

  }
  .clear{
    display: none;
  }
}