/* Scoped styles for the widget */
.fss-wrapper {
  position: relative;
  width: 100%;
  /* Height is controlled by Elementor setting, default 100vh */
  overflow: hidden;
  background-color: #222;
  font-family: 'Oswald', arial;
}

.fss-nav {
  position: absolute;
  z-index: 5000;
  text-align: center;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none; 
}

.fss-prevBtn, .fss-nextBtn {
  /* Color and font-size controlled by Elementor */
  margin: 0 20px;
  position: absolute;
  cursor: pointer;
  pointer-events: auto;
}

.fss-prevBtn { left: 20px; }
.fss-nextBtn { right: 20px; }

.fss-dots { 
  position: absolute; 
  z-index: 5000;
  bottom: 40px; 
  left: 50%;
  transform: translate(-50%, 0%);    
}

.fss-dot {
 /* Size, background-color, border-color controlled by Elementor */
 border-radius: 50%;
 position: relative;
 float: left; 
 opacity: 1;
 margin: 5px; 
 cursor: pointer;
 transition: all 0.3s;
}

.box {
  width: 100%;
  height: 100%;
  position: absolute;
  text-align: center;
  color: white; /* Base color, controlled by Elementor */
  top: 0px;
  left: 0px;
}

.slide span {
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%; 
  top: 50%;
  text-shadow: 0 2px 10px rgba(0,0,0,0.5);
  width: 80%;
}

.fss-logo {
  border-radius: 50%; 
  position: absolute;
  z-index: 5000;
  top: 20px; 
  left: 20px;
}