/*----Slider----*/

#slider-wrapper {
  .bx-wrapper {
    margin: 0 auto 30px !important;
  }
  ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
  .slide {
    position: relative;
    img {
      border-bottom: solid 3px lighten(@site-color, 10%);
      width: 100%;
    }
    .overlay {
      position: absolute;
      height: 100%;
      width: 100%;
    }
    .slide_caption {
      position: absolute;
      display: inline-block;
      top: 5%;
      left: 10%;
      color: white;
      h1.slide-title {
        display: inline-block;
        font-weight: 400;
        margin: 10px auto;
        padding: 10px;
        border-radius: 10px;
        background: fade(@site-color, 50%);
      }
      h2.slide-description {
        display: inline-block;
        font-weight: 300;
        font-size: 24px;
        margin: 10px 0;
        padding: 10px;
        border-radius: 10px;
        background: fade(@link-color, 30%);
      }
    }
    @media screen and (max-width: 768px) {
      .slide_caption {
        position: relative;
        left: 0;
        top: 0;
        display: block;
        text-align: center;
        h1.slide-title {
          background: none;
          color: @site-color;
          font-size: 20px;
          margin: 0;

        }
        h2.slide-description {
          background: none;
          color: #999;
          font-size: 14px;
          font-weight: 700;
          margin: 0;
        }
      }
    }
  }
  .bx-pager {
    top: 0px;
    a {
      border-radius: 0px;
      background: @accent;
      display: inline-block;
      height: 5px;
      border: 0px;
      width: 15px;
      transform: translateY(0px);
      transition: all ease .3s;
    }
    a.active {
      background: fade(@site-color, 60%);
      transform: translateY(-3px);
    }
  }
}
