/* Pine Cliff hero slider (replaces Slider Revolution). See pcw-slider.js. */

.pcw-slider-fullwidth { position: relative; width: 100%; height: auto; margin: 0; }
.pcw-slider-wrapper { position: relative; padding: 0; visibility: hidden; }
.pcw-slider-wrapper.is-ready { visibility: visible; }
.pcw-slider-wrapper.fullwidthbanner-container { overflow: hidden; margin: 0 auto; }
.pcw-slider-wrapper.fullscreen-container { overflow: visible; }

.pcw-slider { position: relative; width: 100%; overflow: visible; }
.pcw-slider .pcw-slides { list-style: none !important; margin: 0 !important; padding: 0 !important; position: relative; width: 100%; height: 100%; overflow: hidden; }
.pcw-slider li.pcw-slide {
  position: absolute !important; top: 0; left: 0; width: 100%; height: 100%;
  margin: 0 !important; padding: 0 !important; list-style: none !important;
  overflow: hidden; opacity: 0; visibility: hidden; z-index: 10;
}
.pcw-slider li.pcw-slide.is-active { opacity: 1; visibility: visible; }
.pcw-slide-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; }
.pcw-slide-img { display: none !important; }
.pcw-slide-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; }
.pcw-slide-video.is-playing { opacity: 1; }
.pcw-slide-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block !important; margin: 0 !important; }
.pcw-slide-layers, .pcw-static-layers { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
.pcw-static-layers { z-index: 30; }
.pcw-slide-layers { z-index: 25; }

.pcw-slider .tp-caption,
.pcw-slider .pcw-slider-layer {
  position: absolute; display: block; margin: 0; box-sizing: content-box;
  white-space: nowrap; visibility: hidden; opacity: 0; pointer-events: auto;
  -webkit-font-smoothing: antialiased; -webkit-user-select: none; user-select: none;
}
.pcw-slider .pcw-slider-layer.is-visible { visibility: visible; }
.pcw-slider .pcw-slider-layer.is-hidden { display: none !important; }
.pcw-slider .pcw-slider-layer.has-action { cursor: pointer; }

/* Inline icon drawn to the Font Awesome metrics it replaces: the <i> keeps the
   font's 29px advance in an 80px line box, the glyph overflows like text did. */
.pcw-slider .pcw-icon-angle-right { display: inline-block; position: relative; width: 0.357em; vertical-align: baseline; line-height: inherit; white-space: nowrap; overflow: visible; }
.pcw-slider .pcw-icon-angle-right svg { position: absolute; left: 0; top: -0.857em; width: 100%; height: 1em; fill: currentColor; display: block; overflow: visible; }

/* Loading spinner (the plugin's "spinner0" look: white box, dark ring). */
.pcw-slider-spinner { position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; background: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); z-index: 40; }
.pcw-slider-spinner::after { content: ""; position: absolute; top: 10px; left: 10px; width: 16px; height: 16px; border: 2px solid #ddd; border-top-color: #333; border-radius: 50%; animation: pcw-spin 0.8s linear infinite; }
@keyframes pcw-spin { to { transform: rotate(360deg); } }
