.wp-block-onlionit-slider {
        position: relative;
        width: 100%;
        overflow: hidden;
        min-height: var(--slider-height, 500px);
        max-height: var(--slider-height, 500px);
}

.wp-block-onlionit-slider__slide {
        padding: 3rem 0;
        background-size: 100% auto;
		background-position: center bottom;
		background-repeat: no-repeat;
		
        color: white;
        display: none;
        transition: opacity 1s ease-in-out;
        min-height: var(--slider-height, 500px);
        max-height: var(--slider-height, 500px);
        position:relative;
		background-attachment:scroll;
}

.wp-block-onlionit-slider__slide .side{
        position:absolute;
        height: var(--slider-height, 500px);
        width:33vw;
        top:0px;
        left:0px;
        z-index:1;
}

.wp-block-onlionit-slider__slide .wp-block-onlionit-slider__content{
        position:relative;
        z-index:2;
        margin-top:50px;
}
.wp-block-onlionit-slider__slide h1,
.wp-block-onlionit-slider__slide h2,
.wp-block-onlionit-slider__slide p {
        margin: 0 0 1rem 0;
        color:#fff;
        font-weight:700;
        text-shadow: 0 2px 6px rgba(0,0,0,0.6);
}

.wp-block-onlionit-slider__slide h1{
	font-weight:900;
	letter-spacing:3px;
}
.wp-block-onlionit-slider__slide h2{
	font-size: 1.4rem;
    letter-spacing: 1px;
	margin-top: 5vh !important;
}
.wp-block-onlionit-slider__slide p{
	margin-top:5vh !important;
	padding-left:25px;
	line-height:2;
}

.wp-block-onlionit-slider.is-fullwidth {
	position: relative;
	width: 100vw;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	max-width: none;
	overflow: hidden;
}

.onlionit-slider {
  position: relative;
}

.onlionit-slider__overlay {
  position: absolute;
  inset: 0;
  background: rgba(20, 20, 20, 0.25);
  pointer-events: none;
  z-index: 1;
}

@media (max-width: 768px) {
  .wp-block-onlionit-slider,
  .wp-block-onlionit-slider__slide {
    min-height: 400px !important;
    max-height: 400px !important;
  }

  .wp-block-onlionit-slider__slide {
    background-size: cover !important;
    background-position: center center !important;
  }

  .wp-block-onlionit-slider__slide .side {
    width: 100%;
    height: 100%;
    opacity: 0.6;
  }

  .wp-block-onlionit-slider__content {
    margin-top: 20px !important;
    padding: 0 20px;
    width: 100%;
  }

  .wp-block-onlionit-slider__slide h1 {
    font-size: 24px !important;
    margin-bottom: 10px;
    letter-spacing: 1px;
  }

  .wp-block-onlionit-slider__slide h2 {
    font-size: 18px !important;
    margin-top: 10px !important;
    line-height: 1.3;
  }

  .wp-block-onlionit-slider__slide p {
    font-size: 16px;
    margin-top: 10px !important;
    line-height: 1.4;
    padding-left: 0;
  }
}