:root {
  --lpa-dark-grey: #58595b;
  --lpa-med-grey: #818284;
  --lpa-light-grey: #d1d3d4;
  --lpa-dark-blue: #002B4E;
  --lpa-light-blue: #52A4D5;
}

.lpa-feature-slider .lpa-arrows {
  position: absolute;
  width:100%;
  top:50%;
  left:0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
}


.lpa-feature-slider .lpa-arrows .lpa-slider-arrow {
  border:0;
  background: none;
  z-index: 5;
}

.lpa-slide,
.lpa-slide-image {
  height: 60vh;
  min-height: 400px;
}

.lpa-slide-image {
  position: relative;
  background-size: cover;
  background-position: center;
  z-index: 1;
}

.lpa-slide-image .lpa-slide-content {
  position: absolute;
  left:0;
  bottom: 0;
  padding: 1rem;
  z-index: 3;
}

.lpa-slide-image .lpa-slide-content h3 {
  color:#fff;
}

.lpa-slide-image .lpa-slide-content .button {
  display: inline-block;
  margin-top: 1rem;
  background-color: var(--lpa-dark-blue);
  color:#fff;
  border-color: var(--lpa-dark-blue);
  font-weight: 500;
}

.lpa-slide-image .lpa-slide-overlay {
  position: absolute;
  z-index: 2;
  background-color: rgba(0,0,0,0.25);
  top:0;
  left:0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 40rem) {

  .lpa-slide,
  .lpa-slide-image {
    height: 60vh;
    min-height: 400px;
    max-height: 800px;
  }


  .lpa-feature-slider:not(.single-slide) .lpa-slides-container {
    margin-left: 3rem;
    margin-right: 3rem;
  }


  .lpa-feature-slider:not(.single-slide) .lpa-slide {
    padding:0 0.5rem;
  }

  .lpa-slide-image .lpa-slide-content {
    padding: 2rem;
  }

  .lpa-slide-image .lpa-slide-content .button {
    border-width: 0.5px;
  }

  .lpa-slide-image .lpa-slide-content .button:hover {
    background-color: #fff;
    color:var(--lpa-dark-blue);
  }

  .lpa-feature-slider .lpa-arrows .lpa-slider-arrow:hover {
    cursor: pointer;
  }
}

/* 1024px */
@media screen and (min-width: 64rem) {

  .lpa-slide-image .lpa-slide-content {
    padding: 4rem;
  }

  .lpa-slide-image .lpa-slide-content .button {
    margin-top: 2rem;
  }

}


/* 1440px */
@media screen and (min-width: 90rem) {
  .lpa-feature-slider .lpa-slides-container,
  .lpa-feature-slider:not(.single-slide) .lpa-slides-container {
    margin-left: unset;
    margin-right: unset;
  }

  .lpa-feature-slider .lpa-arrows {
    position: absolute;
    width:calc(100% + 4rem);
    transform: translateY(-50%) translateX(-2rem);
  }
  
}


/* 1920px */
@media screen and (min-width: 120rem) {

  .lpa-feature-slider .lpa-arrows {
    width:calc(100% + 6rem);
    transform: translateY(-50%) translateX(-3rem);
  }
  
}