/* "Also Check Out" related-posts section, appended to every blog post.
   The jet-posts widget's grid/typography CSS is normally baked into each
   WordPress page's own per-page Elementor CSS at scrape time -- since this
   section is new (not part of any original page), that CSS never existed
   for it, so it's defined here instead, scoped to this section only. */

.elementor-element-also-check-out .elementor-heading-title {
  color: #162541;
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 32px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: -0.6px;
  line-height: 1.1em;
}

.elementor-element-also-check-out .jet-posts.col-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.elementor-element-also-check-out .jet-posts:not(.slick-slider) .jet-posts__item {
  max-width: calc(100% / 3);
  flex: 0 0 calc(100% / 3);
  box-sizing: border-box;
  padding: 0 10px;
}

.elementor-element-also-check-out .jet-posts__inner-box .post-thumbnail img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.elementor-element-also-check-out .jet-posts .jet-posts__inner-content {
  padding: 16px 0 0;
}

.elementor-element-also-check-out .jet-posts .entry-title {
  /* Overrides the site's global Elementor kit h3 style (56px/800/-3px
     letter-spacing) -- these titles are real <h3> tags per the jet-posts
     widget's own markup convention, not section headings. */
  text-align: left;
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.4em;
}

.elementor-element-also-check-out .jet-posts .entry-title a {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.4em;
  color: #162541;
}

.elementor-element-also-check-out .jet-posts .entry-title a:hover {
  color: #ff4157;
}

@media (max-width: 767px) {
  .elementor-element-also-check-out .jet-posts:not(.slick-slider) .jet-posts__item {
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 24px;
  }
}