/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@symfony/webpack-encore/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[3]!./vendor/communice-web/communice-base/Resources/Private/Assets/StyleSheets/communice/content-elements/cb-image.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.content-images {
  position: relative;
}
.content-images:has(.content-images--image-slider) {
  margin-bottom: 50px;
}

.content-images--image-slider {
  position: relative;
}

.content-images--image-slider--slides {
  margin: 0;
  padding: 0;
  letter-spacing: 0;
}

.content-images--image-slider--slide {
  position: relative;
  background-position: center;
  background-size: cover;
}
.content-images--image-slider--slide .cImage--overlay {
  align-items: flex-start;
}
.content-images--image-slider--slide .image-copyright {
  position: relative;
  top: 1.25rem;
  margin-left: 1.25rem;
}
@media (min-width: 768px) {
  .content-images--image-slider--slide .image-copyright {
    margin-left: 2rem;
  }
}

.imageslider-controls {
  position: absolute;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1rem;
  border-radius: 0.25rem;
  column-gap: 1rem;
  color: var(--color-primary);
}
.imageslider-controls .imageslider-controls--prev {
  font-size: 1rem;
  -webkit-text-stroke-width: 0.05rem;
}
.imageslider-controls .imageslider-controls--pause {
  font-size: 1.25rem;
}
.imageslider-controls .imageslider-controls--pause .fa-play {
  font-size: 1rem;
  position: relative;
  bottom: 0.0625rem;
}
.imageslider-controls .imageslider-controls--index {
  color: #000;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: var(--font-weight-extrabold);
}
.imageslider-controls .imageslider-controls--next {
  font-size: 1rem;
  -webkit-text-stroke-width: 0.05rem;
}

.imageslider-controls {
  position: absolute;
  bottom: 1.25rem;
  left: 1.25rem;
  transition: all 0.2s;
}
@media (min-width: 768px) {
  .imageslider-controls {
    left: 2rem;
    bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .imageslider-controls {
    left: 1.875rem;
  }
}

.content-container--outer.colored-background.colored-background-primary .content-images figcaption {
  color: #fff;
}

.content-container--outer.with-bg-image.background-style-dark .content-images figcaption {
  color: #fff;
}

body.rounded-corners .content-images .tns-ovh,
body.rounded-corners .content-images img {
  border-radius: var(--rounded-corners--border-radius--base);
}
body.rounded-corners .content-images .imageslider-controls {
  border-radius: var(--rounded-corners--border-radius--base);
}