/*
  Theme Name: Divi Child
  Template: Divi
*/

/*--------------------------------------------------------------
# Swiper
--------------------------------------------------------------*/


.swiper-slider, .swiper { overflow: hidden; }

.slider-controls {
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}

.slider-wrapper { padding: 0 5%; }
.swiper-control { opacity: 1; position: absolute; top: 50%; margin-top: -20px; height: 40px; width: 40px; background: url('assets/images/chevron.png') center/contain no-repeat;
    cursor: pointer; }
.swiper-prev { left: 0; transform: scaleX(-1); }
.swiper-next { right: 0; }

.slider-controls .swiper-control { position: relative; top: 0; margin-top: 0; }

.swiper-control.arc {
  height: 40px;
  width: 40px;
  background: url('../../images/arrow-right-from-arc.svg') center/contain no-repeat;
  transition: 0.15s;
}

.swiper-control.swiper-next { margin-left: 20px; }

.swiper-control.swiper-prev {
  transform: scalex(-1);
  margin-right: 20px;
}

.swiper-control.arc.swiper-button-disabled {
  filter: grayscale(100%);
  opacity: 0.5;
} 

.slider-controls { z-index: 10; }
.slider-controls  .swiper-pagination-bullets.swiper-pagination-horizontal { width: auto; }

.slider-controls .swiper-pagination-bullet {
  border-radius: 0;
  height: 13px;
  width: 13px;
  background: #0000004D;
  opacity: 1;
}

.slider-controls .swiper-pagination-bullet-active {
  background: #FEBC6B;
}