/*.cards.cards--related-posts {
  padding: 4rem 0 6rem;
  position: relative;
}

/* On Thank You page specifically */
/*
.hs-content-id-41304067052 .cards.cards--related-posts::before {
  position: absolute;
  content: url('/hubfs/abstract-jagged-green-2.png');
  left: 5%;
  bottom: -10px;
  z-index: 0;
  display: block;
}

.cards .col {
  margin-bottom: 3rem;
  position: relative;
}

.cards .row--card-row .col {
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
  background: #fff;
  position: relative;
}

.cards__col-image {
  position: relative;
}

/* .cards__col-image:before {
  position: absolute;
  content: "";
  z-index: 10;
  height: 100%;
  background: var(--gradient-1);
  right: 0;
  bottom: -1.5rem;
  width: calc(100% - 1.5rem);
  cursor: pointer;
  border-radius: 25px;
} 

.cards__col-image img {
  position: relative;
  z-index: 20;
  object-fit: cover;
  width: 100%;
  height: auto;
  box-shadow: 10px 0 20px rgba(0, 0, 0, 0.1);
}

.cards--related-posts .cards__col-image img {
  object-fit: cover;
  width: 100%;
  height: 300px;
  box-shadow: 10px 0 20px rgba(0, 0, 0, 0.1);
}

.cards .col-1-6 .cards__col-image,
.cards .col-1-5 .cards__col-image {
  left: 0;
}

.cards .col-1-6 .cards__col-image:before,
.cards .col-1-5 .cards__col-image:before {
  right: 0;
  bottom: -1.5rem;
}

.cards .col-1-4 .cards__col-image,
.cards .col-1-3 .cards__col-image,
.cards .col-1-2 .cards__col-image,
.cards .col-full-width .cards__col-image {
  left: 0;
}

.cards .col-1-4 .cards__col-image:before,
.cards .col-1-3 .cards__col-image:before,
.cards .col-1-2 .cards__col-image:before,
.cards .col-full-width .cards__col-image:before {
  right: 0;
  bottom: -1.5rem;
}

.cards__col-content {
  padding: .5rem 1.5rem 5rem 1.5rem;
}

.cards__col-content .cards__date {
  margin-top: 1rem;
  margin-bottom: .25rem;
  font-size: 15px;
  line-height: 30px;
  color: #213F65;
  font-family: var(--font-stack-1);
}

.cards__col-content h6 {
  font-size: 18px;
  line-height: 30px;
  font-family: var(--font-stack-1);
  font-weight: 700;
  margin-bottom: 0;
  padding-bottom: .25rem;
  text-transform: uppercase;
  color: #0B111D;
}

.cards__col-content h6 a {
  font-weight: 700;
}

.cards__col-content p {
  font-weight: 300;
  line-height: 1.7;
  margin-bottom: 0;
  padding-bottom: 1.5rem;
}

.cards__col-content a {
  text-decoration: none;
  color: var(--text-color-main);
  font-weight: 300;
}

.cards__col-content a:hover {
  color: var(--link-color-1);
}

.cards__col-content a i {
  position: relative;
  top: 1px;
  color: var(--link-color-1);
}

.cards__col-content a.cards__more-link {
  display: inline-block;
  border: 4px solid var(--link-color-1);
  background: transparent;
  font-size: 1rem;
  font-weight: 800;
  text-transform: uppercase;
  padding: 8px 20px;
  font-family: var(--font-stack-2);
  color: var(--text-color-heading);
  transition: all 0.2s ease;
  cursor: pointer;
}

.cards__col-content a.cards__more-link:hover {
  color: var(--body-background-color);
  background: var(--link-color-1);
}

.cards__more-link-wrapper {
  text-align: center;
  padding-top: .25rem;
  position: absolute;
  bottom: 2rem;
  left: 0;
  right: 0;
}

.cards__col-icon {
  position: absolute;
}

.cards__col-icon i {
  font-size: 2.15rem;
  color: var(--icon-color-1);
  position: relative;
  top: -0.35rem;
}

.cards--has-icons .cards__col-content {
  margin-left: 3.75rem;
  box-shadow: none;
  padding: 0;
}
.cards--has-icons .cards__col-content p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.cards--has-icons .col--has-icons {
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
  padding: 1.5rem;
}

.cards--has-icons.cards--has-icons-centered {
  text-align: center;
}

.cards--has-icons.cards--has-icons-centered .cards__col-icon {
  position: relative;
  left: auto;
  margin-bottom: 1rem;
}

.cards--has-icons.cards--has-icons-centered .cards__col-content {
  margin-left: 0;
}

.cards__intro {
  text-align: center;
  width: 70%;
  margin: 0 auto 1rem;
}

.cards__intro h2 {
  font-size: 39px;
  line-height: 59px;
  color: #213F65;
  text-transform: uppercase;
}

.cards__intro h4 {
  font-size: 25px;
  font-family: var(--font-stack-2);
  font-weight: 300;
  line-height: 38px;
  color: #0B111D;
  text-transform: none;
}

.cards__btn-block {
  padding-top: 2rem;
  text-align: center;
}

.cards__tag-list span {
  text-transform: capitalize;
  font-weight: 500;
  font-size: 15px;
  line-height: 30px;
  color: #213F65;
  font-family: var(--font-stack-1);
}

.cards__excerpt {
  margin-top: .75rem;
}

@media screen and (max-width: 1023px) {
  .cards .col-1-6 {
    width: calc(33.33% - var(--gutter-width));
  }
  
  .cards .col-1-4 {
    width: calc(50% - var(--gutter-width));
  }
  
  .cards__intro {
    width: 100%;
  }
  
  .cards .col-1-6 .columns__col-image,
  .cards .col-1-5 .columns__col-image,
  .cards .col-1-4 .columns__col-image,
  .cards .col-1-3 .columns__col-image,
  .cards .col-1-2 .columns__col-image,
  .cards .col-full-width .columns__col-image {
      left: 1rem;
    }
  
  .cards .col-1-6 .columns__col-image:before,
  .cards .col-1-5 .columns__col-image:before,
  .cards .col-1-4 .columns__col-image:before,
  .cards .col-1-3 .columns__col-image:before,
  .cards .col-1-2 .columns__col-image:before,
  .cards .col-full-width .columns__col-image:before {
    left: -1rem;
    bottom: -1rem;
  }
}

@media screen and (max-width: 766px) {
  .cards .col-1-6,
  .cards .col-1-5,
  .cards .col-1-4,
  .cards .col-1-3,
  .cards .col-1-2 {
    width: 100%;
  }
  
  .cards .col {
    margin-bottom: 6rem;
  }
}*/
.cards-main-posts {
  position: relative;
  color: #151312;
  background-repeat: repeat;
  overflow: hidden;
  background-color: #f0f9f9;
  padding: 120px 0;
  z-index: 50;
  font: 16px/1.875 "Montserrat", Arial;
}
.cards-main-posts:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  content: "";
  pointer-events: none;
  z-index: -1;
  bottom: 0;
}
.cards-main-posts:after {
  position: absolute;
  left: -100px;
  right: -100px;
  box-shadow: inset 0 0 35px 0 rgba(71,67,66,0.1);
  content: "";
  top: 0;
  z-index: 5;
  bottom: -100px;
  pointer-events: none;
}
.cards-main-posts h2 {
  font: 800 39px/1.18 "Karla", Arial;
  text-align: center;
  color: #151312;
  letter-spacing: -.25px;
  padding: 0 0 40px;
}
.cards-main-posts h2:last-child {
  padding: 0;
}
.cards__intro {
  margin-bottom: 40px;
}
.cards-main-posts .row--card-row {
  display: flex;
  flex-flow: row wrap;
  margin: -40px -20px 0;
}
.cards-main-posts .card__col {
  width: 33.33%;
  padding: 40px 20px 0;
  background: none;
  border: 0;
  box-shadow: none;
  display: flex;
  font:300 16px/1.875 "Montserrat", Arial;
}
.cards-main-posts .card__holder {
  width: 100%;
  background: #fff;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  box-shadow: -3px 4px 20px 0px rgba(21,19,18,0.2);
}
.cards__col-image img {
  display: block;
  object-fit: cover;
  width: 100%;
  border-radius: 8px;
  min-height: 350px;
}
.cards__col-content {
  padding: 33px 33px 119px;
  overflow: hidden;
}
.cards__more-link-wrapper {
  position: absolute;
  left: 30px;
  bottom: 30px;
  right: 33px;
}
.cards__more-link {
  display: block;
  font: 700 16px/20px "Montserrat", Arial;
  border: 3px solid #239095;
  background: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: 25px;
  padding: 11px 15px;
  color: #239095;
  text-align: center;
  text-decoration: none;
  -webkit-appearance: none;
  text-transform: uppercase;
}
.cards__more-link:hover {
  background: #239095;
  color: #fff;
}
.cards__date, .cards__tag-list {
  font-size: 14px;
  margin: 0 0 7px;
  line-height: 1.5;
}
.card__col h3 {
  font: 700 20px/1.5 "Karla", Arial;
  margin: 0 0 10px;
  padding: 0 !important;
  letter-spacing: -.25px;
  color: inherit; 
}
.card__col h3 a {
  color: inherit;
  text-decoration: none;
}
.card__col h a:hover {
  color: #239095;
}
.card__tags-holder {
  overflow:hidden;
  position: relative; 
}
.cards__excerpt p {
  padding: 0;
}
.cards__tag-list {
  margin: 0 -9px 7px -10px;
  display: flex;
  flex-flow: row wrap;
}

.cards__tag-list .topic-link {
  margin: 0 9px 0 10px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  color: inherit;
  text-decoration: none;
}
.cards__tag-list .topic-link:hover {
  text-decoration: underline;
}
.cards__tag-list .topic-link:before {
  position: absolute;
  left: -10px;
  top: 3px; 
  bottom: 3px;
  width: 1px;
  background: #151312;
  content: "";
}
@media (max-width: 1099px) {
  .cards__col-content {
    padding: 20px 20px 90px;
  }
  .cards__more-link-wrapper {
    left: 20px;
    right: 20px;
    bottom: 20px;
  }
  
}
@media (max-width: 1023px) {
  .cards-main-posts {
    padding: 70px 0;
  }
  .cards-main-posts .row--card-row {
    display: block;
  }
  .cards-main-posts .card__col {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
  }
  .cards-main-posts .card__holder {
    box-shadow: -2px 2px 10px 0px rgba(21,19,18,0.2);
  }
  .cards__intro {
    margin-bottom: 22px;
  }
  .cards-main-posts h2 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .cards-main-posts {
    padding: 40px 0;  
  }
}