/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
  transform: translateZ(0);
}

.slick-track {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.slick-initialized .slick-slide {
  display: block;
  margin: 0 .25rem;
  border: 1px solid var(--lightGray);
  border-radius: .25rem;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Arrows */
.slick-prev, .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 40px;
  height: 40px;
  border: none;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  z-index: 9;
}

.slick-prev {
  left: 0;
}
.slick-next {
  right: 0;
}

.slick-prev:before, .slick-next:before {
  width: 20px;
  height: 20px;
  font-size: 18px;
  font-weight: 900;
  line-height: 20px;
  text-align: center;
  font-family: "Font Awesome 6 Free";
  color: var(--black);
}

.slick-next:before {
  content:'\f105';
}

.slick-prev:before {
  content: '\f104';
}

.slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus {
  background-color: transparent;
  border-color: var(--dark-gray);
}

.slick-arrow.slick-disabled {
  cursor: not-allowed;
  opacity: .35;
}

.esc-ss-circ-arrows .slick-prev, .esc-ss-circ-arrows .slick-next {
  background-color: var(--mediumGray);
  opacity: 1;
}

.esc-ss-circ-arrows .slick-arrow.slick-disabled {
  background-color: var(--lightGray);
  cursor: not-allowed;
  opacity: 1;
}

/* Slider Navigation */
.slick-dotted.slick-slider {
  margin-bottom: 0;
  padding: 0 1.5rem;
  box-sizing: border-box;
}

/* Dots */
.esc-ss-nav--dots .slick-dots {
  position: absolute;
  bottom: -55px;
  display: block;
  width: 100%;
  left: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.esc-ss-nav--dots .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.esc-ss-nav--dots .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  padding: 0;
  height: 40px;
  width: 40px;
}

.esc-ss-nav--dots .slick-dots li button:hover, .esc-ss-nav--dots .slick-dots li button:focus {
  outline: none;
  background: transparent;
}

.esc-ss-nav--dots .slick-dots li button:hover:before, .esc-ss-nav--dots .slick-dots li button:focus:before {
  opacity: 1;
  background: #000000;
}

.esc-ss-nav--dots .slick-dots li button:before {
  content: ' ';
  display: block;
  border-radius: 50px;
  margin: 0px auto;
  width: 10px;
  height: 10px;
  background-color: #000000;
  opacity: .25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: none;
  padding: 0;
}

.esc-ss-nav--dots .slick-dots li.slick-active button:before {
  opacity: .75;
}

/* Bar */
.esc-ss-nav--bar .slick-dots {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  margin: 1rem 0 0;
  bottom: -1.25rem;
  padding: 0 1.5rem;
  opacity: 0;
  transition: all .15s ease-in-out;
}

.esc-ss-nav--bar .slick-dots li {
  cursor: pointer;
  display: inline-block;
  flex: 1 1 auto;
}

.esc-ss-nav--bar .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: var(--brandColor);
  opacity: .35;
  display: block;
  width: 100%;
  height: 0.25rem;
  padding: 0;
  border-radius: 0;
}

.esc-ss-nav--bar .slick-dots .slick-active button {
  background-color: var(--brandColor);
  opacity: 1;
}

/* Slick content */
.esc-ss .slick-list {
  padding: 0;
}

.esc-ss-card {
  width: 100%;
  height: 100%;
}

.esc-ss-rc .esc-ss-ic {
  height: 150px;
}

.esc-ss-rc .esc-ss-ic img {
  width: 100vw;
  max-width: 105%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  border-radius: 0.25rem 0.25rem 0 0;
}

.esc-ss-con, .esc-ss-slider {
  width: 100%;
  overflow-x: clip;
  overflow-y: visible;
}

.esc-ss-card {
  width: 100%;
  height: 100%;
}

/* Review Slider */
.esc-ss-review::before {
  content: ' ';
  display: block;
  width: 100%;
  height: 4rem;
  margin-bottom: 2rem;
  background: url(../../../images/review.svg) no-repeat center center / contain transparent;
}

.esc-ss-review.slick-initialized .slick-slide {
  border: none;
  padding: 0 2rem;
}

.esc-ss-review .slick-dots {
  bottom: -2.25rem;
}

.esc-ss:hover .slick-dots, .esc-ss-review:hover .slick-dots {
  opacity: 1;
}

/* Gallery Slider */
.esc-ss-gallery, .esc-ss-gallery-con {
  width: 100%;
}

.esc-ss-gallery .slick-track, .esc-ss-gallery .slick-list {
	height: 100%;
}

.slick_slider_con .slick_slider .esc-ss-gallery-image {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.esc-ss-gallery a.esc-ss-gallery-link {
  display: block;
  position: relative;
  overflow: hidden;
}

.esc-ss-gallery .esc-ss-gallery-image {
	width: 100vw;
	height: 100%;
  position: absolute;
  object-fit: cover;
	object-position: center;
}

.esc-ss-gallery .esc-ss-gallery-link:before {
	content: '';
  display: block;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: 0px auto;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  background: url(../../../images/zoom.svg) no-repeat center / 15% rgba(103, 110, 159, .65);
  border-radius: .25rem;
	z-index: 9;
	transition: all .25s ease-in-out;
}

.esc-ss-gallery a.esc-ss-gallery-link:hover:before {
  opacity: 1;
  visibility: visible;
}

.esc-ss-gallery .esc-ss-gallery-single .esc-ss-gallery-content {
  padding: 5px 0;
}

.slick-sr-only {
  border: 0!important;
  clip: rect(1px,1px,1px,1px)!important;
  -webkit-clip-path: inset(50%)!important;
  clip-path: inset(50%)!important;
  height: 1px!important;
  margin: -1px!important;
  overflow: hidden!important;
  padding: 0!important;
  position: absolute!important;
  width: 1px!important;
  white-space: nowrap!important;
}

/* Pause/Play Icon */
.slick-autoplay-toggle-button .slick-pause-icon, .slick-autoplay-toggle-button .slick-play-icon {
  color: var(--black);
}
.slick-autoplay-toggle-button .slick-pause-icon:before, .slick-autoplay-toggle-button .slick-play-icon:before {
  width: 20px;
  height: 20px;
  font-size: 18px;
  font-weight: 900;
  line-height: 20px;
  text-align: center;
  font-family: "Font Awesome 6 Free";
}
.slick-autoplay-toggle-button .slick-pause-icon:before {
  content: "\f04c";
}
.slick-autoplay-toggle-button .slick-play-icon:before {
  content: "\f04b";
}


@media only screen and (max-width: calc(64rem + 0.0625rem)) {
  .slick-list {
    width: 90%;
    margin: 0px auto;
  }

  .slick-prev {
    left: 20px;
  }

  .slick-next {
    right: 20px;
  }

  .esc-ss .slick-list {
    width: 100%;
  }

  .esc-ss.slick-dotted.slick-slider {
    padding: 0 .5rem;
  }

  .esc-ss.slick-initialized .slick-slide {
    margin: 0 .25rem;
  }
}

@media only screen and (max-width: calc(48rem + 0.0625rem)) {

  /* .slick-dotted.slick-slider {
    padding: 0 1rem;
  }

  .esc-ss.slick-dotted.slick-slider {
    padding: 0;
  }

  .esc-ss-review.slick-dotted.slick-slider {
    padding: 0;
  } */
  .esc-ss-review .slick-list {
    width: 100%;
    margin: 0px auto;
  }

  .slick-list {
    width: 85%;
    margin: 0px auto;
    padding: 20px 0 0;
  }

  .esc-ss .slick-list {
    width: 100%;
    padding: 0;
  }

  .esc-ss-review .slick-prev {
    left: -.9rem;
  }

  .esc-ss-review .slick-next {
    right: -.9rem;
  }

  .slick-prev {
    left: 5px;
  }

  .slick-next {
    right: 5px;
  }

  /* .slick-dots {
    width: 100%;
    position: relative;
    bottom: 0;
  }

  .slick-dots li {
    margin-bottom: 0 !important;
  }

  .slick-dotted.slick-slider {
    margin-bottom: 0;
  } */
}

@media only screen and (max-width: calc(40rem + 0.0625rem)) {

  /* .esc-ss .slick-dots {
    bottom: -10px;
  }

  .esc-ss-circ-arrows .slick-prev, .esc-ss-circ-arrows .slick-next {
    top: auto;
    bottom: -30px;
  } */
  /* ==========================
    Review Slider
  ========================== */
  .esc-ss-review::before {
    height: 2rem;
    margin-bottom: 0;
  }

  .esc-ss-review.slick-dotted.slick-slider {
    padding-bottom: 1.5rem;
  }

  .esc-ss-review .slick-dots {
    bottom: 0;
  }

  .esc-ss-rc .esc-ss-ic {
    height: 100px;
  }

  .slick-dots {
    opacity: 1;
  }

  .esc-ss-circ-arrows .slick-prev, .esc-ss-circ-arrows .slick-next {
    display: none !important;
  }

  .slick-dots {
    padding: 0;
  }

  .slick-dots li button {
    height: .35rem;
  }

  .esc-auciton-ss .esc-ss-con {
    position: relative;
    margin-top: -2rem;
  }

  .esc-ss-content {
    padding-bottom: 3rem !important;
  }
}

/* ==========================
  Editor
========================== */
.acf-block-preview .esc-ss.slider {
  display: flex;
  overflow: hidden;
}

.acf-block-preview .esc-ss-rc .esc-ss-ic {
  height: 125px;
  overflow: hidden;
}

.acf-block-preview .esc-ss.slider>div.esu-d-ib {
  display: none;
  margin: 0 .25rem;
  width: 25%;
}

.acf-block-preview .esc-ss.slider>div.esu-d-ib:first-child, .acf-block-preview .esc-ss.slider>div.esu-d-ib:nth-child(2),
.acf-block-preview .esc-ss.slider>div.esu-d-ib:nth-child(3), .acf-block-preview .esc-ss.slider>div.esu-d-ib:nth-child(4) {
  display: inline-block;
}

.acf-block-preview .esc-ss-review {
  padding: 2rem;
}

.acf-block-preview .esc-ss-review>div.esu-d-ib {
  display: none;
}

.acf-block-preview .esc-ss-review>div.esu-d-ib:first-child {
  display: block;
}

.acf-block-preview .esu-mb img {
  height: 20rem;
  width: 100vw;
  object-fit: cover;
  object-position: 50% 50%;
}