/*This contains the variables, functions and mixins of the v2 style that can be used on the block and page css.*/
/*$input-height-inner: add($btn-line-height * 1, $input-btn-padding-y * 2);
$input-height-inner-half: add($btn-line-height * .5, $input-btn-padding-y);
$input-height-inner-quarter: add($btn-line-height * .25, $input-btn-padding-y * .5);

$input-height: add($btn-line-height * 1, add($input-btn-padding-y * 2, 1, false));
$input-height-sm: add($btn-line-height * 1, add($input-btn-padding-y-sm * 2, 1, false));
$input-height-lg: add($btn-line-height * 1, add($input-btn-padding-y-lg * 2, 1, false));*/
.lifestyle {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: flex-end; }
  @media (max-width: 767.98px) {
    .lifestyle {
      flex-direction: column; } }
  .lifestyle--flip-x {
    flex-direction: row-reverse; }
  @media (max-width: 767.98px) {
    .lifestyle .owl-carousel {
      order: 2; } }
  .lifestyle .owl-carousel .owl-item {
    flex-shrink: 0;
    margin: 0;
    align-items: normal;
    position: relative; }
  .lifestyle .btn {
    margin-bottom: 1.25rem;
    width: fit-content; }
    @media (max-width: 767.98px) {
      .lifestyle .btn {
        width: 100%; } }
    @media (max-width: 767.98px) {
      .lifestyle .btn {
        order: 3; }
        .lifestyle .btn.btn-icon {
          margin-bottom: 0.625rem; } }
  .lifestyle .btn + .btn {
    margin-left: 23px; }
    @media (max-width: 767.98px) {
      .lifestyle .btn + .btn {
        margin-left: 0; } }
  .lifestyle .btn__text {
    white-space: nowrap; }

.lifestyle__inner {
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding: 2.5rem;
  width: 50%; }
  @media (max-width: 767.98px) {
    .lifestyle__inner {
      background: linear-gradient(to bottom, #fff 1%, #e0e0e0 100%);
      padding: 1.25rem;
      width: 100%; } }
  .lifestyle--flip-y .lifestyle__inner .owl-carousel {
    margin-bottom: 1.25rem;
    order: 1; }
    @media (max-width: 767.98px) {
      .lifestyle--flip-y .lifestyle__inner .owl-carousel {
        order: 2; } }
  .lifestyle--flip-y .lifestyle__inner .btn {
    margin-bottom: 0;
    order: 3; }
  .lifestyle__inner .section-head {
    padding-bottom: 0; }

.lifestyle__title {
  text-transform: uppercase; }
  @media (max-width: 767.98px) {
    .lifestyle__title {
      align-self: center;
      order: 1; } }
  .lifestyle--flip-y .lifestyle__title {
    order: 2; }
    @media (max-width: 767.98px) {
      .lifestyle--flip-y .lifestyle__title {
        order: 1; } }

.lifestyle__content {
  margin-bottom: 1.25rem; }
  @media (max-width: 767.98px) {
    .lifestyle__content {
      align-self: center;
      order: 3; } }
  .lifestyle--flip-y .lifestyle__content {
    order: 2; }
    @media (max-width: 767.98px) {
      .lifestyle--flip-y .lifestyle__content {
        order: 3; } }

@media (min-width: 768px) {
  .lifestyle__carousel {
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.5);
    margin: 8px; } }