.listing-layout-container {
  position: relative;
  padding-bottom: 90px;
  @include breakpoint(large up) {
    position: unset;
  }
}

.listing-sub-content {
  position: fixed;
  width: 50%;
  right: 0;
  top: 86px;
  left: 50%;
  bottom: 88px;
  display: none;
  &.has-map {
    width: 100%;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 900;
    @include breakpoint(medium up) {
      width: 50%;
      right: 0;
      top: 86px;
      left: 50%;
      bottom: 88px;
    }
  }
  @include breakpoint(medium up) {
    display: block;
  }

  &.new-layout {
    width: unset;
    right: 0;
    top: 80px;
    bottom: 0;
    @include breakpoint(medium up) {
      left: 56.3%;
    }
    @include breakpoint(large up) {
      left: 56.8%;
    }
    @include breakpoint(xlarge up) {
      left: 56.2%;
    }
    @include breakpoint(xlarge up) {
      left: 55.2%;
    }
    @include breakpoint(xxxlarge up) {
      left: 54.7%;
    }
  }

  &.calendar-layout {
    width: unset;
    left: 0;
  }
}

.parent-size-absolute {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;

  &.new-layout {
    background-size: cover;
  }
}

.calendar-layout {
  .parent-size-absolute {
    &.bg-contain {
      background-position: right;
    }
  }
}

.bg-contain {
  background-position: left 50%;
  background-size: auto 115%;
  background-repeat: no-repeat;

  &.calendar {
    background-position: right 50%;
  }
}

.listing-illustration {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}

.tabs-content {
  border: none;
  .tabs-panel {
    padding: 0;
    margin-top: (12em / 14);
  }
}

.step-completed-background {
  background: rgb(255, 255, 255);
  //background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 50%);
}

.google-address-map-container {
  position: relative;
  height: 100%;

  .material-icons {
    color: $dark-mint;
    font-size: (50em / 16);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -100%);
    z-index: 1;
  }

  .google-address-map {
    height: 100%;
    background-color: $light-grey;
  }
}