@media only screen and (min-width: 800px) {
  .d0splitbackground {
    position: relative;
  }

  /* 1. Place the white split graphic on top of the background */
  .d0splitbackground::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(
      to left,
      rgba(255, 255, 255, 0) 50%,
      rgba(255, 255, 255, 1) 50%
    );
    z-index: 1; 
    pointer-events: none;
  }

  /* 2. Force the text content to stay above the white background */
  .d0splitbackground .stripeInner {
    position: relative;
    z-index: 2;
  }
}


.jh-solid-box {background-color: #F9F8F4; margin: 1em 0; padding:20px; min-height: 300px; display:block; border-radius: 5px;}

.jh-solid-box2 {background-color: #FFFFFF; border: 1px solid #cccccc; margin: 1em 0; padding:20px; min-height: 360px; display:block; border-radius: 5px;}

.rich-box {
  padding: 30px; 
  min-height: 150px; 
  display: block; 
  /* The linear-gradient creates the dark overlay on top of the image */
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/shared/images/content/bus_58392/dogs-playing-outside.jpg?nocache=358);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
border-radius: 5px;
}

#r8_content .parallax02 {background-image: url(/shared/images/content/bus_58392/parallax-beagle-01.png?nocache=781); 
background-attachment: fixed; 
background-position-x: right; 
background-position-y: top;}
.parallax-light {background-color: rgba(2,237,205,0.0); margin-top:-15px; color:#FFF;}

#r8_content .parallax01 {background-image: url(/shared/images/content/bus_58392/health-dog-food-subscription-02.jpg?nocache=245); 
background-attachment: fixed; 
background-position-x: right; 
background-position-y: top;}
.parallax-light {background-color: rgba(2,237,205,0.0); margin-top:-15px; color:#FFF;}