/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 99;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  display: none;
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot,
.slider-units-dots .slide::before {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 7px;
  background: none;
  border: 1px solid #54565a;
  border-radius: 50%;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected,
.slider-units-dots .slide.is-selected::before {
    background: #54565a;
}

/* changed min-height to 435 so style doesn't break when loading images - Eric */
.flickity-slider .slide {
    width: 80%;
    min-height: 435px;
    margin-right: 25px;
    min-height: 100%;
    display: flex;
}

.is-loaded .slide,
.is-loaded .slide .columns.units {
    height: 100%;
    min-height: 435px;
}

.slider-units .slide .btn-hide {
    display: block;
    background: none;
    border: 0;
    outline: 0;
    text-decoration: underline;
    color: #54565a;
    margin: 0 10px 10px;
    padding: 0;
    transition: color 0.3s ease 0s;
}

.slider-units .slide .btn-hide:hover {
    color: #5aC4ba;
}

#filtersVue .slider-units .slide .btn-hide {
    margin-left: 0;
}

.slider-units .slide .columns.columns-5.show .btn-hide {
    background: #54565b;
    font-size: 0;
    padding: 10px;
    border-radius: 50%;
    position: absolute;
    top: -15px;
    right: -30px;
    z-index: 99;
}

.slider-units .slide .columns.columns-5.show {
    position: fixed;
    top: 50%;
    left: 5%;
    width: 90%;
    height: auto;
    z-index: 10000;
    display: flex;
    transform: translate(0, -50%);
    overflow: visible;
}

.slider-units.flickity-enabled .slide .columns.columns-5 .hide > li,
.slider-units.flickity-enabled .slide .columns.columns-5.show .price-tag,
.slider-units.flickity-enabled .slide .columns.columns-5 .btn-hide::before,
.mixitup-container-wrapper .slider-units .slide .columns.columns-5 .hide > li,
.mixitup-container-wrapper.with-images .slider-units .slide .columns.columns-5 .hide > li {
    display: none;
}

.slider-units.flickity-enabled .slide .btn-hide,
.slider-units.flickity-enabled .slide .columns.columns-5.show .btn-hide::before,
.mixitup-container-wrapper.with-images .slider-units .slide .btn-hide.show,
.slider-units .slide .btn-hide {
    display: block;
}

.slider-units.flickity-enabled .slide .columns.columns-5 .hide > li:first-child,
.mixitup-container-wrapper .slider-units .slide .columns.columns-5 .hide > li:first-child,
.mixitup-container-wrapper.with-images .slider-units .slide .columns.columns-5 .hide > li:first-child,
.slider-units.flickity-enabled .slide .columns.columns-5.show .hide li,
.mixitup-container-wrapper .slider-units .slide .columns.columns-5.show .hide li {
    display: list-item;
}

.slider-units .slide .columns.columns-5.show {
    background: #fff;
}

.slider-units .slide .columns.columns-5.show .col {
    background: none;
}

.slider-units.active {
    z-index: 9999;
}

.slider-units.active .flickity-slider {
    transform: translate(0) !important;
}

.slider-units.active .slide.is-selected::before,
.mixitup-container-wrapper .slider-units.active .slide::before {
    content: '';
    display: block;
    position: fixed;
    left: -100%;
    top: -1000%;
    width: 1000%;
    height: 2000%;
    z-index: 9999;
    background: #000;
    opacity: 0.5;
}

.slider-units-dots {
    margin: 20px auto 0;
    width: 190px;
    overflow: hidden;
}

.slider-units-dots .slide::before {
    content: '';
}

.slider-units-dots .slide {
    font-size: 0;
    width: auto;
    min-height: 10px;
    margin: 0;
    text-align: center;
}

.slider-units-dots .flickity-slider {
    z-index: 9;
}

.columns.units .col .btn.rent-now-button {
	margin: 0 0 15px;
}

.flickity-slider .columns.columns-5.units.flexible {
    margin-top: 0;
    margin-bottom: 20px;
}

@media only screen and (min-width: 480px) {
    .mixitup-container-wrapper .slider-units .slide .columns.columns-5.show .col.img .img-wrap,
    .mixitup-container-wrapper .slider-units .slide .columns.columns-5.show .col.desc .img-wrap {
        display: none;
    }

	.mixitup-container-wrapper .slider-units .slide .columns.columns-5.show {
        width: 100%;
        max-width: 300px;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0;
    }

    .mixitup-container-wrapper .slider-units .slide .columns.columns-5.show .col.img,
    .mixitup-container-wrapper .slider-units .slide .columns.columns-5.show .col.desc,
    .mixitup-container-wrapper .slider-units .slide .columns.columns-5.show .col.text,
    .mixitup-container-wrapper.with-images .slider-units .slide .columns.columns-5.show .col.img,
    .mixitup-container-wrapper.with-images .slider-units .slide .columns.columns-5.show .col.desc,
    .mixitup-container-wrapper.with-images .slider-units .slide .columns.columns-5.show .col.text {
        width: 100%;
        padding: 0 20px;
        margin: 0;
    }

    .mixitup-container-wrapper .slider-units .slide .columns.columns-5 .col.img img {
        max-width: 125px;
        margin-bottom: 10px;
    }

    .mixitup-container-wrapper .slider-units .slide .columns.columns-5.show .btn-tour {
        margin: 5px 0 0;
    }

    .mixitup-container-wrapper .slider-units .slide .columns.columns-5.show .col.img {
        order: 4;
    }

    .mixitup-container-wrapper .slider-units .slide .columns.columns-5.show .col.text {
        position: static;
    }

    .mixitup-container-wrapper .slider-units .slide .columns.columns-5.show .col.desc,
    .mixitup-container-wrapper.with-images .slider-units .slide .columns.columns-5.show .col.desc {
        padding-top: 20px;
    }

    .mixitup-container-wrapper .slider-units .slide .columns.columns-5.show .col.desc > p {
        display: inline-block;
        vertical-align: bottom;
    }

    .mixitup-container-wrapper .slider-units .slide .columns.columns-5.show .col.desc > p.title {
        margin-left: 10px;
    }

    .mixitup-container-wrapper .slider-units .slide .columns.columns-5.show .col.price {
        width: 48%;
        margin: 20px 0 0;
        border: 0;
        align-self: bottom;
        order: 5;
    }

    .mixitup-container-wrapper .slider-units .slide .columns.columns-5.show .col.price .btn-box {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        position: relative;
        top: 0;
        transform: none;
    }

    .mixitup-container-wrapper .slider-units .slide .columns.columns-5.show .col.price.last .btn-box {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 0;
    }
}