/*
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
 */
/**
*	Basic link hover function
*/
/*
* Fluid Type function
*/
/*
* Breakpoint Handler
* @usage: respond-to('tablet_small') { ... } to target 'tablet_small' and aboe
*/
/*
* Grid Layout
*/
/*
* Responsive Type mixins
*/
/*
* Helpers
*/
.block-timeline {
  padding: 3rem 1rem;
}
.block-timeline__wrapper {
  border-radius: 40px;
  overflow: hidden;
  padding: 2rem;
  background-image: url("/wp-content/themes/bodytalk/assets/images/bt-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #2A003D;
}
@media only screen and (min-width: 595px) {
  .block-timeline__wrapper {
    padding: 3rem;
  }
}
@media only screen and (min-width: 1300px) {
  .block-timeline__wrapper {
    padding: 4rem;
  }
}
@media only screen and (max-width: 595px) {
  .block-timeline__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .block-timeline__container .block-timeline__navigation-container {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    margin-top: 0;
    margin-bottom: 1.5rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .block-timeline__container .block-timeline__navigation-pagination {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: auto;
    text-align: center;
  }
  .block-timeline__container .block-timeline__navigation-control-next {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.block-timeline__year {
  font-size: 16px;
  color: #E60665;
  font-weight: 800;
  margin-bottom: 6px;
}
.block-timeline__heading {
  color: #fff;
  margin-bottom: 2rem;
}
.block-timeline__gallery {
  margin-bottom: 2rem;
}
.block-timeline__gallery .gallery-image-container {
  height: 42vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 16px;
  overflow: hidden;
}
.block-timeline__gallery .gallery-image-container picture, .block-timeline__gallery .gallery-image-container img {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.block-timeline__content {
  color: #fff;
}
.block-timeline__content a {
  color: #fff !important;
  text-decoration: underline;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.block-timeline__content a:hover, .block-timeline__content a:focus, .block-timeline__content a:active {
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.block-timeline__content-container {
  row-gap: 2rem;
}
.block-timeline__images-container {
  position: relative;
}
.block-timeline__image-container {
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
  max-height: 42vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 42vh;
  min-height: 400px;
}
@media only screen and (max-width: 992px) {
  .block-timeline__image-container {
    max-height: none;
    height: 38vh;
  }
}
@media only screen and (max-width: 768px) {
  .block-timeline__image-container {
    max-height: none;
    height: 40vh;
  }
}
@media only screen and (max-width: 595px) {
  .block-timeline__image-container {
    max-height: none;
    height: 300px;
    min-height: 300px;
  }
}
.block-timeline__image-container picture, .block-timeline__image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.block-timeline__secondary-image-container {
  position: absolute;
  bottom: -7rem;
  width: 60%;
  right: 0;
  border-radius: 16px;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .block-timeline__secondary-image-container {
    bottom: -3rem;
    width: 40%;
  }
}
@media only screen and (max-width: 992px) {
  .block-timeline__secondary-image-container {
    position: relative;
    bottom: unset;
    float: right;
    margin-top: -8rem;
    width: 45%;
  }
}
@media only screen and (max-width: 595px) {
  .block-timeline__secondary-image-container {
    max-height: none;
    margin-top: -4rem;
    width: 64%;
  }
}
.block-timeline__secondary-image-container picture, .block-timeline__secondary-image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.block-timeline__navigation-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 1.5rem;
  gap: 1rem;
  padding-right: 1rem;
}
.block-timeline__navigation-container .timeline-slide-count {
  font-weight: 800;
}
@media only screen and (max-width: 767px) {
  .block-timeline__navigation-container {
    padding-right: 2rem;
  }
}
.block-timeline__navigation-control {
  border-radius: 50px;
  border: solid 1px #fff;
  width: 52px;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.block-timeline__navigation-control:hover {
  background: #E60665;
  border-color: #E60665;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.block-timeline__navigation-control .ico {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 20px;
  height: 20px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.block-timeline__navigation-control-prev .ico--arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-arrow-left'%3E%3Cline x1='19' y1='12' x2='5' y2='12'%3E%3C/line%3E%3Cpolyline points='12 19 5 12 12 5'%3E%3C/polyline%3E%3C/svg%3E");
}
.block-timeline__navigation-control-next .ico--arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-arrow-right'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E");
}
.block-timeline__navigation-pagination {
  color: #fff;
}
.block-timeline__timeline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 4rem;
}
.block-timeline__timeline-container .glide__slides {
  overflow: visible;
}
@media only screen and (max-width: 1200px) {
  .block-timeline__timeline-container .glide__track, .block-timeline__timeline-container .glide__slides {
    overflow: visible;
  }
}
.block-timeline__timeline-year {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  position: absolute;
  right: -2px;
  top: 0px;
  z-index: 1;
  padding: 0 8px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.block-timeline__timeline-year.current {
  font-weight: 800;
  left: -25px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.block-timeline__timeline-year.year-override {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 52px;
  right: -40px;
  top: -40px;
}
.block-timeline__timeline-year.year-override.current {
  left: unset;
  right: -44px;
}
.block-timeline__timeline-item {
  width: unset;
  height: 108px !important;
  position: relative;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-right: 14.5px;
  margin-left: 12.5px;
}
@media only screen and (min-width: 767px) {
  .block-timeline__timeline-item {
    width: auto !important;
    margin-right: 14.5px !important;
    margin-left: 12.5px !important;
  }
}
.block-timeline__timeline-item .slide-year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 90%;
  width: 25px;
  position: relative;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  cursor: pointer;
}
.block-timeline__timeline-item .slide-year.current .vector-year-line {
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.block-timeline__timeline-item .vector-year-line {
  width: 1px;
  background: #fff;
  opacity: 0.6;
  height: 58%;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.block-timeline__timeline-item .vector-lines {
  background-image: url("data:image/svg+xml,%3Csvg width='71' height='16' viewBox='0 0 71 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.5' y1='16' x2='0.5' stroke='white' stroke-opacity='0.6'/%3E%3Cline x1='24.5' y1='16' x2='24.5' stroke='white' stroke-opacity='0.6'/%3E%3Cline x1='47.5' y1='16' x2='47.5' stroke='white' stroke-opacity='0.6'/%3E%3Cline x1='70.5' y1='16' x2='70.5' stroke='white' stroke-opacity='0.6'/%3E%3C/svg%3E%0A");
  width: 76px;
  height: 50%;
  display: block;
  background-position: bottom center;
  background-size: contain;
  background-repeat: no-repeat;
}
.block-timeline__timeline-item:last-child .vector-lines {
  display: none;
}
/*# sourceMappingURL=block-timeline.css.map */