.slide-wrapper {
  position: relative;
}

@media only screen and (max-width: 769px) {
  .slide-wrapper {
    background-image: none !important;
  }
}

@media only screen and (min-width: 769px) {
  .slide-wrapper {
    width: 100%;
    display: inline-block;
  }
}

.slide-wrapper.left .slide-content,
.slide-wrapper.On .slide-content {
  position: unset;
  background-color: var(--color-white);
  z-index: 3;
}

@media only screen and (min-width: 769px) {
  .slide-wrapper.left .slide-content,
  .slide-wrapper.On .slide-content {
    position: absolute;
    top: 15%;
    left: var(--space-septuple);
    width: 50%;
    padding: var(--space-triple);
  }
}

.slide-wrapper.right .slide-content,
.slide-wrapper.Off .slide-content {
  position: unset;
  background-color: var(--color-white);
  z-index: 3;
}

@media only screen and (min-width: 769px) {
  .slide-wrapper.right .slide-content,
  .slide-wrapper.Off .slide-content {
    position: absolute;
    top: 15%;
    right: var(--space-septuple);
    width: 50%;
    padding: var(--space-triple);
  }
}

.slide-wrapper .slide-image {
  display: none;
}

@media only screen and (min-width: 769px) {
  .slide-wrapper .slide-image {
    display: block;
    z-index: 1;
  }

  .slide-wrapper .slide-image img {
    width: 100%;
  }
}

.slide-content {
  background-color: var(--color-white);
  z-index: 3;
}

.slide-content .title {
  color: var(--color-lehigh-brown);
  font-size: 1.5rem;
  font-weight: bold;
  padding: 0 var(--space-triple);
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.2;
  font-family: var(--font-heading);
}

@media only screen and (min-width: 769px) {
  .slide-content .title {
    padding: 0;
  }
}

.slide-content .subheading {
  color: var(--color-night-sky);
  font-size: 1.1rem;
  font-weight: bold;
  padding: 0 var(--space-triple);
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.2;
  font-family: var(--font-heading);
}

@media only screen and (min-width: 769px) {
  .slide-content .subheading {
    padding: 0;
  }
}

.slide-content img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
  margin: var(--space) 0;
  z-index: 1;
}

@media only screen and (min-width: 769px) {
  .slide-content img {
    display: none !important;
  }
}

.slide-content p {
  padding: 0 var(--space-triple);
}

@media only screen and (min-width: 769px) {
  .slide-content p {
    padding: 0;
  }
}

.slide-content p.read-more {
  margin: var(--space-double) 0 0 0;
}

.slide-content p.read-more a {
  color: var(--color-night-sky);
  font-weight: bold;
}

.slide-content p.read-more a::before {
  content: "+ ";
}

@media only screen and (min-width: 769px) {
  .slide-decoration {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    overflow: hidden;
  }

  .slide-decoration::before {
    content: '';
    display: block;
    position: relative;
    right: -450px;
    bottom: -450px;
    width: 0;
    height: 0;
    border-style: solid;
    opacity: 0.9;
    border-width: 450px;
    transform: rotate(45deg);
    border-color: transparent transparent transparent var(--color-night-sky);
  }

  .slide-decoration.teal::before {
    border-color: transparent transparent transparent var(--color-patina-green);
  }

  .slide-decoration.red::before {
    border-color: transparent transparent transparent var(--color-red);
  }

  .slide-decoration.gold::before {
    border-color: transparent transparent transparent var(--color-golden-hour);
  }

  .slide-decoration.grey_dark::before {
    border-color: transparent transparent transparent var(--color-night-sky);
  }
}