.flex-slider-vertical {
  display: flex;
  gap: var(--wp--preset--spacing--small);
  flex-direction: column;
}
.flex-slider-vertical.is-style-horizontal {
  flex-direction: row;
}
.flex-slider-vertical.is-style-horizontal .flex-slider-vertical__slide {
  height: 42rem;
  width: 20%;
}
.flex-slider-vertical.is-style-horizontal .flex-slider-vertical__slide h3 {
  max-height: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.flex-slider-vertical.is-style-horizontal .flex-slider-vertical__slide.active {
  width: 80%;
}
.flex-slider-vertical.is-style-horizontal .flex-slider-vertical__slide.active h3 {
  max-height: 100%;
  opacity: 1;
  visibility: visible;
  transition-delay: 0.25s;
}
.flex-slider-vertical__slide {
  width: 100%;
  height: 145px;
  display: flex;
  flex-shrink: 1;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  backface-visibility: hidden;
  transition: all 0.75s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform, width, height;
}
.flex-slider-vertical__slide .bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.flex-slider-vertical__slide .bg:after {
  content: "";
  display: block;
  background: rgba(8, 41, 69, 0.7);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.65;
  mix-blend-mode: multiply;
  transition: opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.flex-slider-vertical__slide .content {
  padding: 0 var(--wp--preset--spacing--normal) var(--wp--preset--spacing--normal) var(--wp--preset--spacing--normal);
  position: relative;
  z-index: 3;
}
.flex-slider-vertical__slide .content .inner {
  max-height: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.flex-slider-vertical__slide .content h3 {
  font-weight: 600;
  margin: 0;
  color: #fff;
}
.flex-slider-vertical__slide .content p {
  line-height: 1.45;
  margin: 1.5ch 0 0 0;
  color: #fff;
}
.flex-slider-vertical__slide .content .button {
  display: inline-flex;
  align-items: center;
  text-align: center;
  text-decoration: none;
  border-radius: 50px;
  cursor: pointer;
  transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1), background 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  margin-top: 2ch;
  color: #fff;
  border-color: #fff;
}
.flex-slider-vertical__slide .content .button:hover, .flex-slider-vertical__slide .content .button:active, .flex-slider-vertical__slide .content .button:focus {
  background: #054A8C;
}
.flex-slider-vertical__slide .content .button:hover, .flex-slider-vertical__slide .content .button:active, .flex-slider-vertical__slide .content .button:focus {
  background: #fff;
  color: #082945;
}
.flex-slider-vertical__slide.active {
  height: 55rem;
  transition-delay: 0ms;
}
@media (min-width: 400px) {
  .flex-slider-vertical__slide.active {
    height: 47rem;
  }
}
@media (min-width: 600px) {
  .flex-slider-vertical__slide.active {
    height: 42rem;
  }
}
.flex-slider-vertical__slide.active .bg:after {
  opacity: 1;
}
.flex-slider-vertical__slide.active .content .inner {
  max-height: 100%;
  opacity: 1;
  visibility: visible;
  transition-delay: 0.25s;
}/*# sourceMappingURL=block-flex-slider-vertical.css.map */