.ccm-image-slider-container {

  border-bottom: 2px solid #f0eee1;
  padding-top: 20px;
  margin-bottom: 70px;

  background-color: transparent;
  background-repeat: repeat;
  /* background-image is moved to main.less because it needs to be in the theme root */

  .ccm-image-slider {
    .container-fixed();


    .rslides {
      li {
        max-height: 220px;
      }
    }

    @media (min-width: @screen-xs-min) and (max-width: @screen-xs-max) {
      width: 100%;
      .rslides {
        li {
          max-height: 320px;
        }
      }
    }

    @media (min-width: @screen-sm-min) {
      width: @container-sm;

      .rslides {
        li {
          max-height: 350px;
        }
      }
    }
    @media (min-width: @screen-md-min) {
      width: @container-md;
      .rslides {
        li {
          max-height: 429px;
        }
      }
    }
    @media (min-width: @screen-lg-min) {
      width: @container-lg;
      .rslides {
        li {
          max-height: 480px;
        }
      }
    }

    .clearfix();
  }

  .ccm-image-slider-inner {
    .make-row();
    .make-lg-column(12);
  }
  .rslides_nav {
    opacity: 1;
    .border-radius(4px);
    height: 38px;
    margin-top: -20px;
    width: 38px;
    &.next {
      color: white;
      .transition(background .35s ease-in-out);
      right: 40px;
      &:hover {
        text-decoration: none;
        color: black;
        background: white;
      }
      &:before {
        .transition(background .35s ease-in-out);
        content: "\f054";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        font-size: 16px;
        display: block;
        margin-top: 10px;
        margin-left: 14px;
      }
    }
    &.prev {
      color: white;
      .transition(background .35s ease-in-out);
      left: 40px;
      &:hover {
        text-decoration: none;
        color: black;
        background: white;
      }
      &:after {
        .transition(background .35s ease-in-out);
        content: "\f053";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        font-size: 16px;
        display: block;
        margin-top: 10px;
        margin-left: 12px;
      }
    }
    background:rgba(0,0,0,.92);
  }
  .rslides_tabs {
    padding-left: 0px;
    padding-top: 15px;
    padding-bottom: 10px;
    li {
      list-style-type: none;
      display: inline-block;
      margin-right: 5px;
      &.rslides_here {
        a {
          background: @image-slider-navigation-active-color;
        }
      }
      a {
        overflow: hidden;
        text-indent: 99px;
        background: @image-slider-navigation-color;
        width: 15px;
        height: 15px;
        display: inline-block;
        margin-right: 10px;
        .border-radius(30px);
      }
    }
  }

  .ccm-image-slider-text {

    position: absolute;
    width: 45%;
    left: 0;
    top: 10%;

    h2 {
      color: @image-slider-title-type-color;
      font-family: @image-slider-title-type-font-family;
      font-size: @image-slider-title-type-font-size;
      font-weight: @image-slider-title-type-font-weight;
      margin-bottom: 5%;
    }

    p {
      color: @image-slider-paragraph-type-color;
      font-family: @image-slider-paragraph-type-font-family;
      font-size: @image-slider-paragraph-type-font-size;
      font-weight: @image-slider-paragraph-type-font-weight;
      width: 80%;
    }
  }

  // next and previous
  &.ccm-block-image-slider-arrows {

    .ccm-image-slider-inner {
      .make-row();
      .make-lg-column-offset(1);;
      .make-lg-column(10);
      margin-bottom: 60px;
    }
  }
}

