.namesake-image img {
  margin-bottom: 0 !important;
}

/* Now, onto the styling of the read more component */

.read-more {
  /* You can update this variable directly in the html by adding a style property to the .read-more element */
  --line-clamp: 3;

  display: flex;
  flex-direction: column;
  align-items: start;
  padding-left: 2rem;
}

.read-more__text {
  display: -webkit-box;
  -webkit-line-clamp: var(--line-clamp);
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 1rem;
}

.read-more__checkbox {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.read-more__checkbox ~ .read-more__label {
  cursor: pointer;
  font-weight: 700;
  color: #f46419;
  position: absolute;
  bottom: 0;
}

/* Don't forget focus and hover styles for accessibility! */
.read-more__checkbox:focus ~ .read-more__label {
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);
}

.read-more__checkbox:hover ~ .read-more__label {
  text-decoration: none;
}

.read-more__checkbox ~ .read-more__label::before {
  content: attr(data-read-more);
}

.read-more__checkbox ~ .read-more__label::after {
  content: '\f078';
  font-family: 'FontAwesome';
  padding-left: 0.5rem;
  font-weight: 500;
}

.read-more__checkbox:checked ~ .read-more__label::before {
  content: attr(data-read-less);
}

.read-more__checkbox:checked ~ .read-more__label::after {
  content: '\f077';
  font-family: 'FontAwesome';
  padding-left: 0.5rem;
  font-weight: 500;
}

.read-more__checkbox:checked ~ .read-more__text {
  --line-clamp: none;
  -webkit-line-clamp: var(--line-clamp);
}

@media screen and (max-width: 600px) {
  .read-more {
    padding-left: 0;
  }
  .read-more__text {
    margin-top: 1rem;
  }  
  .read-more__checkbox ~ .read-more__label {
    margin: auto;
    position: relative;
  }  

/* End read more component styles */

@media screen and (max-width: 768px) {
.Rtable-cell.Rtable-cell-1of4 {
  width: 100% !important;
  }
  }