.related-content-wrapper .related-content-item {padding: 25px 25px 0px 25px;}
.related-content-wrapper .related-content-item .related-content-type {    background: transparent linear-gradient(90deg, #FC726A 0%, #FC726ACF 40%, #FC726A00 100%) 0% 0% no-repeat padding-box;
    border-radius: 7px;
    display: block;
    max-width: 134px;
    font-size: 12px;
    padding: 6px 10px;
    text-align: left;
    margin-bottom: 20px;
    letter-spacing: 3.08px;
    color: #FFFFFF; margin-bottom: 15px;}

.related-content-wrapper .related-content-item .related-content-type:empty{
 background:none; 
}

.related-content-wrapper .related-content-item .related-content-data {margin: 1em 0;}


@media screen and (min-width: 992px) {
  .related-content-wrapper {display: flex; flex-wrap: wrap; text-align: left;}
  .related-content-wrapper .related-content-item-wrapper {width:33.33%; margin-bottom:20px; border-left: 3px solid rgba(112,112,112,.15);}
  .related-content-wrapper .related-content-item-wrapper:nth-child(3n+1) {border-left: 0;}
  .related-content-wrapper .related-content-item-wrapper:nth-child(3n+1) .related-content-item {padding-left:0;}
}

@media screen and (min-width: 992px) {
  .related-content-wrapper .related-content-item-wrapper {width:33.33%; margin-bottom:20px; border-left: 3px solid rgba(112,112,112,.15); ****} /* Add height: 100% here if needed, but the flex parent should handle this */

 
  .related-content-wrapper .related-content-item {
    padding: 25px 25px 0px 25px;
    height: 100%;
    display: flex;
   flex-direction: column
  }

  /* To push the 'Continue Reading' link to the bottom, make the data section take up available space */
  .related-content-wrapper .related-content-item .related-content-data {
    margin: 1em 0;
    flex-grow: 1;
  }
}


@media screen and (max-width: 991px) {
  .related-content-wrapper .related-content-item {padding-left:0; padding-right:0;}
  .related-content-wrapper .related-content-item-wrapper {padding: 15px 0px 30px 0px; border-bottom: 3px solid rgba(112,112,112,.15);}
  .related-content-wrapper .related-content-item-wrapper:last-child { border-bottom: none;}
}

.related-resources-panel h2{
 
  text-align:center;
}

/* 
.page-section-width-50 .related-content-wrapper .related-content-item-wrapper{
 width:50%; 
  
}

.page-section-width-100 .related-content-wrapper .related-content-item-wrapper{
 width:100%; 
  
}

@media (max-width:993px){
  .page-section-width-50 .related-content-wrapper .related-content-item-wrapper{
 width:100%; 
  
}
} */