#r8_content h3 {font-family: 'Playfair Display', serif; font-weight:500;}

.jh-solid-box1 {background-color: #E8EAE6;  border-top: 5px solid #27B8D1; 
  border-bottom: 1px solid #C9D0D3; 
  border-left: 1px solid #C9D0D3; 
  border-right: 1px solid #C9D0D3; 
margin: 1em 0; padding:0px; min-height:0px; display:block;}


@media only screen and (min-width: 800px) {
  .d0splitbackground {
    position: relative; /* Anchors the color block */
    overflow: hidden; /* Keeps the color block inside this section */
  }

  /* Creates the solid right-hand block */
  .d0splitbackground::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 53%; /* Covers exactly the right half */
    background-color: #E3E7E9; /* Your solid colour */
    z-index: 1; /* Sits over the image background */
  }

  /* Ensures all inner text/content stays on top of the solid color block */
  .d0splitbackground > * {
    position: relative;
    z-index: 2;
  }
}

.jh-hover-box {
    display: block;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 1px 15px; 
    text-decoration: none !important;
    transition: all 0.25s ease;
min-height: 0px;
 margin-bottom: 10px; 
}
  .jh-hover-box:hover {background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.3);}