@import "../../css/style-variables";


.RotatorSlider {
  width: 286%;
  margin-left: -93%;
  transition: height 400ms;
}


.RotatorSlider_rail-container,
.RotatorSlider_wrapper{
  position:relative;

}

.RotatorSlider_wrapper{
  height:100%;
}

.RotatorSlider_rail-container{

  position:relative;
}


.RotatorSlider_scroll-rail-train {
  left:0;
  transition:transform 400ms;
}

.RotatorSliderTile{
  background: none;
}

.RotatorSlider__pager {
  position: absolute;
  bottom: 0;
  width: 100%;
}

/* sets the > div inner to 100% height  */
.RotatorSlider_scroll-rail-train   > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position:absolute;
  align-items:center;
  display:none;
}

.RotatorSlider_initialized .RotatorSlider_scroll-rail-train   > div {
  display:flex;
}

.RotatorSliderTile_flex-blocker {
  padding: 5px;
  transition: padding 1000ms ease-in-out;
}

.RotatorSlider_scroll-rail-train   > div img{
  transition:  padding 600ms ease-in-out,  width 600ms ease-in-out;
}

.RotatorSliderTile .RotatorSliderTile_inner {
  /*width: 82%;*/
  width: 100%;
  margin: 0 auto;
  transition:  width 600ms ease-in-out;
}

.current-scroller .RotatorSliderTile_inner {
  width: 100%;
}

.RotatorSlider_scroll-rail-train   > div.current-scroller img {
  /*padding:0;*/
  max-width: 100%;
}

.current-scroller .RotatorSliderTile_flex-blocker {
  /* padding: 0;*/
}


.RotatorSlider__pager-interface span.current-pager {
  color: $secondaryColor;
}

.RotatorSlider__pager-interface span {
  padding: 5px;
  font-size: 22px;
  color: #666;
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.RotatorSlider_next-button,
.RotatorSlider_prev-button {
  position:absolute;
  top:0;
  left:0;
  height:100%;
  display: flex;
  align-items: center;
  padding:10px;
  cursor: pointer;
  user-select: none;
}





.RotatorSlider_next-button {
  right:0;
  left:auto;
}


.RotatorSlider_button{
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background: #000;
  color: #fff;
  display: flex;
  /*align-items: center;*/
  justify-content: center;
  color:#fff;
  box-shadow: 0 16px 32px 0 rgba(255, 255, 255, 0.38);
  border:1px solid rgba(255, 255, 255, 0.45);
  font-size: 24px;
  line-height: 1.4;
}