// 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;
  }
}

.simplesearch_results{
  .section{
    // width: calc((100% / 12) * 9);
    width: 100%;
    .simplesearch{
      .center{
        width: calc((100% / 12) * 9);
      }
      .search-wrapper{
        form{
          display: inline-flex;
          .search-input, button{
            font-family: $Bold;
            font-size: 6rem;
            text-transform: uppercase;
            width: 100%;
            height: 150px;
            border: none;
            background: none;
          }
        }
      }
    }
  }
}

.search-results{
  .results{
    margin-top: 6rem;
    @include flexbox;
    align-items: flex-end;
    width: 100%;
    .search-row{
      width: calc((100% / 12) * 6);
      margin-bottom: 6rem;
      a{
        display: block;
      }
      &:nth-child(odd){
        padding-right: 0.7rem;
      }
      &:nth-child(even){
        padding-left: 0.7rem;
      }
      .search-item{
        margin: 0;
      }
      .search-title{
        h2{
          font-size: 2.5rem;
          line-height: 2.7rem;
         }
      }
      .search-details{
        font-family: $Bold;
        font-size: 2.5rem;
        line-height: 2.7rem;
        font-weight: 400;
        margin: 0;
        text-transform: uppercase;
      }
      .search-image{
        float: none;
        width: 100%;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
      }
    }
  }
}