/**
 * Custom section padding for connect-masterplan sections
 * Foundation breakpoints: small=0, medium=40em, large=64em, xlarge=75em, xxlarge=90em
 */

/* Section 1: masterplan-carousel-2 - padding-top 80px, padding-bottom 50px */
.meet-team__image-container .meet-team__carousel-slide{
  min-height: 40vh;
}
@media screen and (min-width: 64em) {
  .meet-team__image-container .meet-team__carousel-slide{
      min-height: 75vh;
  }
}

.section-padding-carousel {
  padding-top: 40px;
  padding-bottom: 10px;
}

@media print, screen and (min-width: 40em) {
  .section-padding-carousel {
    padding-top: 60px;
    padding-bottom: 20px;
  }
}

@media print, screen and (min-width: 64em) {
  .section-padding-carousel {
    padding-top: 80px;
    padding-bottom: 50px;
    margin-bottom: 0;
  }
}

/* Section 2: take-off - padding-top 0, padding-bottom 80px */
.section-padding-takeoff {
  padding-top: 0;
  padding-bottom: 30px;
}

@media print, screen and (min-width: 40em) {
  .section-padding-takeoff {
    padding-top: 0;
    padding-bottom: 40px;
  }
}

@media print, screen and (min-width: 64em) {
  .section-padding-takeoff {
    padding-top: 0;
    padding-bottom: 60px;
  }
}

/* Meet team carousel - same design as original background image (cover, full height) */
.meet-team__image-container {
  position: relative;
  overflow: hidden;
}

.meet-team__image-container .meet-team__carousel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.meet-team__image-container .meet-team__carousel .owl-carousel,
.meet-team__image-container .meet-team__carousel .owl-stage-outer,
.meet-team__image-container .owl-item {
  height: 100%;
}

.meet-team__image-container .meet-team__carousel-slide {
  background-size: cover;
  background-position: bottom right;
  background-repeat: no-repeat;
  height: 100%;
}

.meet-team__image-container .meet-team__carousel-slide picture {
  display: block;
  width: 100%;
  height: 100%;
}

.meet-team__image-container .meet-team__carousel-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom right;
}