.chronicle--display-none {
  display: none;
}

/* carousel navigation */
.carousel-nav {
  position: absolute;
  width: 4em;
  height: 4em; 
  top: calc(100% / 2 - 2em);
  cursor: pointer;
	z-index:7;
  opacity: .9;
  border-radius: 50%;
  background-size: 90%;
  background-color: #00C1F6;
  background-repeat: no-repeat;
}

.arrow-right {
  right: -1.3em;
  box-shadow: 1px 1px 2px 1px #999999;
  background-position: right center;
  background-image: url(/media/img/main/arrows/arrow_right_white.png);
}

.arrow-left {
  left: -1.3em;
  box-shadow: -1px 1px 2px 1px #999999;
  background-position: left center;
  background-image: url(/media/img/main/arrows/arrow_left_white.png);
}

.arrow-inactive {
  opacity: .6;
  box-shadow: none;
  background-color: #c0c0c0;
}

/* carousel containers */
.carousel-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.carousel-holder {
  display: flex;
  height: 100%;
  overflow-y: hidden;
}

.slide-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.slide {
  width: 100%;
  height: 100%;
}

/* carousel animation */
.carousel-animate {
  transition: transform 0.3s ease-out;
}

/* Number text (1/3 etc) */
.carousel-detail {
  display: flex;
  justify-content: flex-end;
  padding: 0 .5em .25em 0;
  
  color: #aaaaaa;
  font-size: 12px;
  font-weight: 700;
}