/* Basic full-screen slider styles */
#fs-slider { position:relative; overflow:hidden; width:100vw; height:100vh; }
#fs-slider .fs-slide { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transition: opacity .8s ease, transform .8s ease; }
#fs-slider .fs-slide.active { opacity:1; visibility:visible; z-index:2; }
#fs-slider .fs-bg { position:absolute; inset:0; background-size:cover; background-position:center; filter:brightness(.7); }
#fs-slider .fs-content { position:relative; z-index:3; text-align:center; padding:20px; max-width:90%; }
#fs-slider .fs-caption { margin-bottom:15px; line-height:1.2; }
#fs-slider .fs-cta { display:inline-block; padding:12px 22px; background:rgba(255,255,255,0.15); color:#fff; text-decoration:none; border-radius:6px; }
#fs-slider .fs-controls { position:absolute; bottom:20px; left:50%; transform:translateX(-50%); z-index:4; }
#fs-slider .fs-controls button { background:transparent; border:1px solid rgba(255,255,255,0.25); color:#fff; padding:8px 12px; margin:0 6px; border-radius:4px; }

/* Animations */
.anim-fade { animation: fadeIn 1s ease both; }
@keyframes fadeIn { from { opacity:0 } to { opacity:1 } }

.anim-zoom { animation: zoomIn 1s ease both; }
@keyframes zoomIn { from { transform:scale(1.08); opacity:0 } to { transform:scale(1); opacity:1 } }

.anim-left { animation: slideLeft 1s ease both; }
@keyframes slideLeft { from { transform:translateX(-50px); opacity:0 } to { transform:translateX(0); opacity:1 } }

.anim-right { animation: slideRight 1s ease both; }
@keyframes slideRight { from { transform:translateX(50px); opacity:0 } to { transform:translateX(0); opacity:1 } }

.anim-bottom { animation: slideUp 1s ease both; }
@keyframes slideUp { from { transform:translateY(50px); opacity:0 } to { transform:translateY(0); opacity:1 } }

/* Responsiveness */
@media (max-width: 767px) {
  #fs-slider { height: 90vh;width: unset; }
  #fs-slider .fs-caption { /*font-size: 20px !important;*/ }
  #fs-slider .fs-cta { padding:10px 16px; }
}
