/*
Converts a pixel value to matching rem value. *Any* value passed, regardless of unit, is assumed to be a pixel value. By default, the base pixel value used to calculate the rem value is taken from the `$global-font-size` variable.
@access private
@param {Number} $value - Pixel value to convert.
@param {Number} $base [null] - Base for pixel conversion.
@returns {Number} A number in rems, calculated based on the given value and the base pixel value. rem values are passed through as is.
*/
/*
Removes the unit (e.g. px, em, rem) from a value, returning the number only.
@param {Number} $num - Number to strip unit from.
@returns {Number} The same number, sans unit.
*/
/*
Converts one or more pixel values into matching rem values.
@param {Number|List} $values - One or more values to convert. Be sure to separate them with spaces and not commas. If you need to convert a comma-separated list, wrap the list in parentheses.

@param {Number} $base [null] - The base value to use when calculating the `rem`. If you're using Foundation out of the box, this is 16px. If this parameter is `null`, the function will reference the `$base-font-size` variable as the base.

@returns {List} A list of converted values.
*/
/**
 * Contrast
 */
/*
* Fluid Type function
*/
/**
*	Basic link hover function
*/
.block-team-showcase {
  overflow: hidden;
  padding-top: 2.5rem;
}
@media (min-width: 992px) {
  .block-team-showcase {
    padding-top: 7.3125rem;
  }
}
.block-team-showcase .overline {
  display: block;
  margin-bottom: 1rem;
}
.block-team-showcase__thumb-carousel {
  display: none;
  padding-bottom: 3.1875rem;
}
@media (min-width: 992px) {
  .block-team-showcase__thumb-carousel {
    display: block;
  }
}
.block-team-showcase__thumb-carousel .swiper {
  overflow: visible;
}
.block-team-showcase__thumb-carousel__wrapper {
  position: relative;
}
.block-team-showcase__thumb-carousel__wrapper:before {
  content: "";
  position: absolute;
  right: calc(100% - 15px);
  bottom: 0;
  top: 0;
  width: 90vw;
  background-color: #ffffff;
  z-index: 1;
}
.block-team-showcase__thumb-carousel__wrapper:after {
  content: "";
  position: absolute;
  left: calc(100% - 15px);
  bottom: 0;
  top: 0;
  width: 90vw;
  background-color: #ffffff;
  z-index: 1;
}
.block-team-showcase__thumb-carousel .block-team-showcase__thumb {
  width: 176px;
  user-select: none;
  -webkit-user-drag: none;
}
.block-team-showcase__thumb-carousel .block-team-showcase__thumb img {
  border-radius: 6px;
  overflow: hidden;
}
.block-team-showcase__single-carousel {
  height: 100%;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .block-team-showcase__single-carousel {
    flex-wrap: nowrap;
  }
}
.block-team-showcase__single-carousel__controls {
  display: flex;
  gap: 8px;
  justify-content: center;
  z-index: 1;
  width: 100%;
  padding: 1rem 0;
}
@media (min-width: 992px) {
  .block-team-showcase__single-carousel__controls {
    padding-top: 0;
    padding-bottom: 72px;
    padding-left: 22px;
    width: auto;
  }
}
.block-team-showcase__single-carousel__controls .block-team-showcase__single-carousel__control {
  cursor: pointer;
}
.block-team-showcase__single-carousel__controls .block-team-showcase__single-carousel__control:hover svg path {
  fill: #072E41;
}
.block-team-showcase__single-carousel__controls .block-team-showcase__single-carousel__control svg path {
  fill: #E2BB65;
  transition: fill 0.2s;
}
.block-team-showcase__single-carousel__controls .block-team-showcase__single-carousel__control--prev svg {
  transform: rotate(180deg);
}
.block-team-showcase__single-carousel .block-team-showcase__single {
  display: flex;
  user-select: none;
  -webkit-user-drag: none;
  flex-direction: column;
}
@media (min-width: 992px) {
  .block-team-showcase__single-carousel .block-team-showcase__single {
    flex-direction: row;
  }
}
.block-team-showcase__single-carousel .block-team-showcase__single picture {
  flex-shrink: 1;
  aspect-ratio: 1/1;
  display: flex;
  width: 100%;
}
.block-team-showcase__single-carousel .block-team-showcase__single picture img {
  border-radius: 6px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  width: 100%;
}
@media (min-width: 992px) {
  .block-team-showcase__single-carousel .block-team-showcase__single picture,
  .block-team-showcase__single-carousel .block-team-showcase__single picture img {
    height: 350px;
    width: 350px;
  }
}
@media (min-width: 1200px) {
  .block-team-showcase__single-carousel .block-team-showcase__single picture,
  .block-team-showcase__single-carousel .block-team-showcase__single picture img {
    height: 375px;
    width: 375px;
  }
}
.block-team-showcase__single-carousel .block-team-showcase__single picture img {
  object-fit: cover;
}
.block-team-showcase__single-carousel .block-team-showcase__single__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 0;
  gap: 1rem;
  justify-content: flex-end;
  text-align: left;
  order: 1;
  margin-top: 1.75rem;
}
@media (min-width: 992px) {
  .block-team-showcase__single-carousel .block-team-showcase__single__content {
    margin-top: 0;
    padding-left: 32px;
    order: 0;
  }
}
.block-team-showcase__single-carousel .block-team-showcase__single__content .member-name {
  font-size: 1.5rem;
  font-weight: 700;
}
.block-team-showcase__single-carousel .block-team-showcase__single__content .member-title {
  font-size: 0.875rem;
}
.block-team-showcase__single-carousel .block-team-showcase__single__content .member-link {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  color: #000;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.1;
  transition: border-bottom 0.1s;
  margin-bottom: 0;
  margin-top: 0.6875rem;
  text-decoration: none;
}
.block-team-showcase__single-carousel .block-team-showcase__single__content .member-link:hover {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
@media (min-width: 992px) {
  .block-team-showcase__single-carousel .block-team-showcase__single__content .member-link {
    margin-bottom: 4.5rem;
  }
}
.block-team-showcase__single-carousel .block-team-showcase__single.swiper-slide-visible .block-team-showcase__single__image, .block-team-showcase__single-carousel .block-team-showcase__single.swiper-slide-visible .block-team-showcase__single__content, .block-team-showcase__single-carousel .block-team-showcase__single.swiper-slide-active .block-team-showcase__single__image, .block-team-showcase__single-carousel .block-team-showcase__single.swiper-slide-active .block-team-showcase__single__content {
  opacity: 1 !important;
}
.block-team-showcase__single-carousel .block-team-showcase__single__image, .block-team-showcase__single-carousel .block-team-showcase__single__content {
  opacity: 0;
}
.block-team-showcase[class*=bg--], .block-team-showcase.theme--dark, .block-team-showcase.theme--light {
  padding-bottom: 2.5rem;
}
@media (min-width: 992px) {
  .block-team-showcase[class*=bg--], .block-team-showcase.theme--dark, .block-team-showcase.theme--light {
    padding-bottom: 5rem;
  }
}

.block-team-showcase.theme--light {
  background-color: #FAFAF8 !important;
}
.block-team-showcase.theme--light .overline,
.block-team-showcase.theme--light .heading,
.block-team-showcase.theme--light .block-team-showcase__content,
.block-team-showcase.theme--light .member-name,
.block-team-showcase.theme--light .member-title {
  color: #072E41;
}
.block-team-showcase.theme--light .member-link {
  color: #072E41;
  border-bottom-color: rgba(7, 46, 65, 0);
}
.block-team-showcase.theme--light .member-link:hover {
  border-bottom-color: rgba(7, 46, 65, 0.5);
}
.block-team-showcase.theme--light .block-team-showcase__thumb-carousel__wrapper:before,
.block-team-showcase.theme--light .block-team-showcase__thumb-carousel__wrapper:after {
  background-color: #FAFAF8;
}
.block-team-showcase.theme--light .block-team-showcase__single-carousel__control svg path {
  fill: #072E41;
}
.block-team-showcase.theme--light .block-team-showcase__single-carousel__control:hover svg path {
  fill: #E2BB65;
}

.block-team-showcase.theme--dark {
  background-color: #072E41 !important;
}
.block-team-showcase.theme--dark .overline,
.block-team-showcase.theme--dark .heading,
.block-team-showcase.theme--dark .block-team-showcase__content,
.block-team-showcase.theme--dark .member-name,
.block-team-showcase.theme--dark .member-title {
  color: #fff;
}
.block-team-showcase.theme--dark .member-link {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0);
}
.block-team-showcase.theme--dark .member-link:hover {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
.block-team-showcase.theme--dark .block-team-showcase__thumb-carousel__wrapper:before,
.block-team-showcase.theme--dark .block-team-showcase__thumb-carousel__wrapper:after {
  background-color: #072E41;
}
.block-team-showcase.theme--dark .block-team-showcase__single-carousel__control svg path {
  fill: #E2BB65;
}
.block-team-showcase.theme--dark .block-team-showcase__single-carousel__control:hover svg path {
  fill: #fff;
}

.block-team-showcase.bg--primary .overline,
.block-team-showcase.bg--primary .heading,
.block-team-showcase.bg--primary .block-team-showcase__content,
.block-team-showcase.bg--primary .member-name,
.block-team-showcase.bg--primary .member-title {
  color: #fff;
}
.block-team-showcase.bg--primary .member-link {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0);
}
.block-team-showcase.bg--primary .member-link:hover {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
.block-team-showcase.bg--primary .block-team-showcase__thumb-carousel__wrapper:before,
.block-team-showcase.bg--primary .block-team-showcase__thumb-carousel__wrapper:after {
  background-color: #072E41;
}
.block-team-showcase.bg--primary .block-team-showcase__single-carousel__control svg path {
  fill: #E2BB65;
}
.block-team-showcase.bg--primary .block-team-showcase__single-carousel__control:hover svg path {
  fill: #fff;
}

.block-team-showcase.bg--secondary .overline,
.block-team-showcase.bg--secondary .heading,
.block-team-showcase.bg--secondary .block-team-showcase__content,
.block-team-showcase.bg--secondary .member-name,
.block-team-showcase.bg--secondary .member-title {
  color: #072E41;
}
.block-team-showcase.bg--secondary .member-link {
  color: #072E41;
  border-bottom-color: rgba(7, 46, 65, 0);
}
.block-team-showcase.bg--secondary .member-link:hover {
  border-bottom-color: rgba(7, 46, 65, 0.5);
}
.block-team-showcase.bg--secondary .block-team-showcase__thumb-carousel__wrapper:before,
.block-team-showcase.bg--secondary .block-team-showcase__thumb-carousel__wrapper:after {
  background-color: #E2BB65;
}
.block-team-showcase.bg--secondary .block-team-showcase__single-carousel__control svg path {
  fill: #072E41;
}
.block-team-showcase.bg--secondary .block-team-showcase__single-carousel__control:hover svg path {
  fill: #E2BB65;
}

.block-team-showcase.bg--tertiary .overline,
.block-team-showcase.bg--tertiary .heading,
.block-team-showcase.bg--tertiary .block-team-showcase__content,
.block-team-showcase.bg--tertiary .member-name,
.block-team-showcase.bg--tertiary .member-title {
  color: #072E41;
}
.block-team-showcase.bg--tertiary .member-link {
  color: #072E41;
  border-bottom-color: rgba(7, 46, 65, 0);
}
.block-team-showcase.bg--tertiary .member-link:hover {
  border-bottom-color: rgba(7, 46, 65, 0.5);
}
.block-team-showcase.bg--tertiary .block-team-showcase__thumb-carousel__wrapper:before,
.block-team-showcase.bg--tertiary .block-team-showcase__thumb-carousel__wrapper:after {
  background-color: #F3EEE3;
}
.block-team-showcase.bg--tertiary .block-team-showcase__single-carousel__control svg path {
  fill: #072E41;
}
.block-team-showcase.bg--tertiary .block-team-showcase__single-carousel__control:hover svg path {
  fill: #E2BB65;
}

.block-team-showcase.bg--darker .overline,
.block-team-showcase.bg--darker .heading,
.block-team-showcase.bg--darker .block-team-showcase__content,
.block-team-showcase.bg--darker .member-name,
.block-team-showcase.bg--darker .member-title {
  color: #fff;
}
.block-team-showcase.bg--darker .member-link {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0);
}
.block-team-showcase.bg--darker .member-link:hover {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
.block-team-showcase.bg--darker .block-team-showcase__thumb-carousel__wrapper:before,
.block-team-showcase.bg--darker .block-team-showcase__thumb-carousel__wrapper:after {
  background-color: #0B1C2C;
}
.block-team-showcase.bg--darker .block-team-showcase__single-carousel__control svg path {
  fill: #E2BB65;
}
.block-team-showcase.bg--darker .block-team-showcase__single-carousel__control:hover svg path {
  fill: #fff;
}

.block-team-showcase.bg--lighter .overline,
.block-team-showcase.bg--lighter .heading,
.block-team-showcase.bg--lighter .block-team-showcase__content,
.block-team-showcase.bg--lighter .member-name,
.block-team-showcase.bg--lighter .member-title {
  color: #072E41;
}
.block-team-showcase.bg--lighter .member-link {
  color: #072E41;
  border-bottom-color: rgba(7, 46, 65, 0);
}
.block-team-showcase.bg--lighter .member-link:hover {
  border-bottom-color: rgba(7, 46, 65, 0.5);
}
.block-team-showcase.bg--lighter .block-team-showcase__thumb-carousel__wrapper:before,
.block-team-showcase.bg--lighter .block-team-showcase__thumb-carousel__wrapper:after {
  background-color: #FAFAF8;
}
.block-team-showcase.bg--lighter .block-team-showcase__single-carousel__control svg path {
  fill: #072E41;
}
.block-team-showcase.bg--lighter .block-team-showcase__single-carousel__control:hover svg path {
  fill: #E2BB65;
}
