/* ==========================================================================
   EXTENSIONS
   Place for custom adjustments to extensions.
   ========================================================================== */

/*
 * MAGNIFIC POPUP
 */

.mfp-bg {
    background: #000000;
    opacity: 0.8;
}
.mfp-wrap {
    font-family: Arial, sans-serif;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer;
}
.mfp-close-btn-in .mfp-close {
    opacity: 1;
}
.mfp-arrow {
    opacity: 1;
}
.mfp-arrow:before {
    display: none;
}
.mfp-zoom-out-cur .mfp-title {
    font-size: 14px;
    margin-top: 5px;
}
.mfp-counter {
    display: none;
}
.mfp-preloader {
    font-size: 1.4em;
}

/*
 * SLICK
 */

.slick-dots {
  font-size: 1.0em;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
  .slick-dots li {
    float: left;
    margin-left: 1.0em;
  }
  .slick-dots li:first-child {
    margin-left: 0;
  }
    .slick-dots li button {
      /* reset */
      appearance: none;
      background: none;
      box-shadow: none;
      border: 0;
      border-radius: 0;
      cursor: pointer;
      margin: 0;
      padding: 0;
      
      /* custom */
      background-color: #FFCC9A;
      border-radius: 100%;
      cursor: pointer;
      height: 1.5em;
      overflow: hidden;
      text-indent: -1000px;
      width: 1.5em;
    }
    .slick-dots li button&:focus {
      outline: none;
    }
    .slick-dots li.slick-active button,
    .slick-dots li button:hover {
      background-color: #ff5701;
    }