.paragraph--type--image-slide article.media--type-image:has(.field--type-image) {
  margin:0;
}

.paragraph--type--image-slide img {
  width: 100%;
  animation-name: fade;
  animation-duration: 1.5s;
}

.paragraph--type--image-slideshow .slide {
  display: none;
  position: relative;
  margin: auto;
}

@keyframes fade {
  from {
    opacity: .4;
  }

  to {
    opacity: 1;
  }
}

.paragraph--type--image-slide .image-slide-caption {
  background-color: var(--cutler);
  padding: 0 60px;
  width: 91%;
  margin: 0 auto;
}

.paragraph--type--image-slide .field--name-field-media-image {
  line-height: 0;
  width: 91%;
  margin: 0 auto;
}

@media (min-width: 576px) {
  .paragraph--type--image-slide .image-slide-caption,
  .paragraph--type--image-slide .field--name-field-media-image {
    width: 92%;
  }
}

@media (min-width: 767px) {
  .paragraph--type--image-slide .image-slide-caption,
  .paragraph--type--image-slide .field--name-field-media-image {
    width: 93%;
  }
}

@media (min-width: 992px) {
  .paragraph--type--image-slide .image-slide-caption,
  .paragraph--type--image-slide .field--name-field-media-image {
    width: 94%;
  }
}

.paragraph--type--image-slide .image-slide-caption *,
.paragraph--type--image-slide .image-slide-caption a:hover {
  color: var(--white);
}

.paragraph--type--image-slideshow .arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--light-gray);
  border: 0;
  height: 42px;
  width: 42px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition:all .2s ease;
}

@media (min-width: 992px) {
  .paragraph--type--image-slideshow .arrow {
    height: 60px;
    width: 60px;
  }
}

.paragraph--type--image-slideshow .arrow:hover {
  background: var(--black);
}

.paragraph--type--image-slideshow .arrow:focus {
  background: var(--black);
  outline: #2196F3 auto 5px;
}

.paragraph--type--image-slideshow .arrow i {
  color: var(--black);
}
.paragraph--type--image-slideshow .arrow:hover i,
.paragraph--type--image-slideshow .arrow:focus i {
  color: var(--white);
}

.paragraph--type--image-slideshow .arrow.next {
  right: 0;
}

.paragraph--type--image-slideshow .arrow.prev {
  left: 0;
}

.paragraph--type--image-slide .image-slide-caption h3:last-child,
.paragraph--type--image-slide .image-slide-caption p:last-child {
  margin-bottom: 0;
  padding-bottom: 30px;
}