//
// website-layout.scss
// Theme component
//

.website-slider,
.website-content {
  position: relative;
  overflow: hidden;
  backface-visibility: hidden;
  z-index: 50;
}

.website-slider-inner,
.website-content-inner {
  position: relative;
  overflow: hidden;
  transition: transform 800ms ease 0s, height 800ms ease 0s;
  will-change: transform;
}

.website-slider .website-slider-item {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  backface-visibility: hidden;
}

.website-slider.website-slider-wide .website-slider-item  {
  padding-left: 0;
  padding-right: 0;
}

.website-slider .website-slider-item.active {
  max-height: unset;
  user-select: auto;
}

.website-content .website-content-box {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-tap-highlight-color: transparent;
  backface-visibility: hidden;
}

.website-content.website-content-wide .website-content-box  {
  padding-left: 0;
  padding-right: 0;
}

.website-slider .website-slider-item-inner,
.website-content .website-content-box-inner {
  position: relative;
  z-index: 10;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  background-color: $white;
  box-shadow: $box-shadow-light-lg;
  border-radius: $slider-item-inner-border-radius;
}

.website-slider.website-slider-wide .website-slider-item-inner,
.website-content.website-content-wide .website-content-box-inner {
  background-color: transparent;
  box-shadow: none;
  border-radius: none;
}