.landing-title-peristyle{
    font-family: "Criteria Regular", sans-serif !important;
    font-size: 60px
  }

.cr-lp__related-content .container .related-content__single-block a.landing-post-name {
  font-family: 'Criteria Medium', sans-serif;
  font-size: 24px;
  line-height: 32px;
  padding-bottom: 12px;
  color: #101828;
  display: block;
}


.cr-lp__related-content {padding: 0 35px 35px;}

.cr-section.cr-lp__related-content h2, .cr-section.cr-lp__related-content h3, .cr-section.cr-lp__related-content h4, .cr-section.cr-lp__related-content p.title {
  font-family: 'Flama Condensed-Book', sans-serif;
  font-weight: 300;
  font-size: 48px;
  line-height: 48px;
  text-transform: uppercase;
  text-align: center;
  padding: 45px 0;
  color: #595955;
}
.cr-section.cr-lp__related-content.pad100-top {
  padding-top: 100px;
}
.cr-lp__related-content .container .related-content__single-block {
  box-shadow: 0 7px 13px -1px rgb(44 44 44 / 21%);
  -webkit-box-shadow: 0 7px 13px -1px rgb(44 44 44 / 21%);
  -moz-box-shadow: 0 7px 13px -1px rgb(44 44 44 / 21%);
  background-color: #FFF;
  margin: 0 1% 30px;
  padding: 0 0 30px;
  width: 30.5%;
}

.cr-lp__related-content .container .related-content__single-block a.featured-image {
  width: 100%;
  height: 250px;
  background-size: cover;
  overflow: hidden;
  border-bottom: 8px var(--cr-yellow) solid;
  padding: 0;
  display: block;
  transition: .3s ease-out;
}

.cr-lp__related-content .container .related-content__single-block a.featured-image:hover {
  transform: scale(1.015);
}

.cr-lp__related-content .container .related-content__single-block .text-content-bundle {
  padding: 25px 35px 0;
}

.cr-lp__related-content .container .related-content__single-block .tag {
  font-family: 'Criteria Regular', sans-serif;
  font-size: 14px;
  text-transform: none;
  color: #7d7d7d;
  display: block;
  padding-bottom: 5px;
}

.cr-lp__related-content .container .related-content__single-block a.post-name {
  font-family: 'Criteria Medium', sans-serif;
  font-size: 22px;
  line-height: 30px;
  padding-bottom: 20px;
  color: #595955;
  display: block;
}



* a span.underline  {
  /* I don't know why this is needed, I just added it and it worked in IE Edge. If we remove this width, the gradient breaks in IE Edge */
  width: calc(100%);
  background-image: linear-gradient(transparent calc(100% - 2px), var(--cr-yellow) 2px);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size .5s;
  padding-bottom: 5px;
}

* a:hover span.underline {background-size: 100% 100%;}

.cr-lp__related-content .container .related-content__single-block p {
  font-family: 'Criteria Regular', sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #595955;
}

.cr-lp__related-content .container .related-content__single-block a.related-content__cta {
  font-family: 'Criteria Regular', sans-serif;
  font-size: 16px;
  color: #7d7d7d;
  padding: 25px 0 5px;
  display: block;
}


.cr-lp__related-content .container .related-content__single-block a.related-content__cta::after {
  content: '\f3d6';
  font-family: 'Ionicons';
  height: 23px;
  width: 31px;
  color: inherit;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 21px;
  speak: none;
  transition: 0.3s ease all;
  position: relative;
  left: 8px;
  top: 6px;
  display: inline-block;
  text-decoration: inherit;
}

.cr-lp__related-content .container .related-content__single-block a.related-content__cta:hover::after {color: var(--cr-yellow);}

.cr-lp__related-content .container .related-content__single-block p.date-and-duration {margin-top: 25px;}

@media screen and (max-width: 768px) {
  .cr-lp__related-content .container .related-content__single-block {width: inherit;}
  
  .cr-lp__related-content{
  padding: 0
  }
  
  .cr-lp__related-content .landing-content-black{
    font-size: 12px !important;
    line-height: 150% !important;
   }
  
}

@media screen and (max-width: 767px) {
  .cr-lp__related-content .container .related-content__single-block .text-content-bundle {
    padding-top: 25px;
  }
  .cr-lp__related-content .container .related-content__single-block .text-content-bundle a, .cr-lp__related-content .container .related-content__single-block .text-content-bundle p {padding: 0 0 25px;}
  .cr-lp__related-content .container .related-content__single-block .text-content-bundle {padding-bottom: 0;}
}
}