/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./assets/css/pages/blog.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
/**
 * Colors
 *
 * Colors:
 * blue: #1d3753
 * blue-light: #2a4d73
 * red: #852a2a
 * black: #1b1b1b
 * gray: #929292
 * gray-light: #f2f2f2
 * beige: #f1eae1
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--h7 - Heading 7
 * .type--text - Paragraph N
 * .type--text-sm - Paragraph S
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * blue: #1d3753
 * blue-light: #2a4d73
 * red: #852a2a
 * black: #1b1b1b
 * gray: #929292
 * gray-light: #f2f2f2
 * beige: #f1eae1
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--h7 - Heading 7
 * .type--text - Paragraph N
 * .type--text-sm - Paragraph S
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * blue: #1d3753
 * blue-light: #2a4d73
 * red: #852a2a
 * black: #1b1b1b
 * gray: #929292
 * gray-light: #f2f2f2
 * beige: #f1eae1
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--h7 - Heading 7
 * .type--text - Paragraph N
 * .type--text-sm - Paragraph S
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * blue: #1d3753
 * blue-light: #2a4d73
 * red: #852a2a
 * black: #1b1b1b
 * gray: #929292
 * gray-light: #f2f2f2
 * beige: #f1eae1
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--h7 - Heading 7
 * .type--text - Paragraph N
 * .type--text-sm - Paragraph S
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * blue: #1d3753
 * blue-light: #2a4d73
 * red: #852a2a
 * black: #1b1b1b
 * gray: #929292
 * gray-light: #f2f2f2
 * beige: #f1eae1
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--h7 - Heading 7
 * .type--text - Paragraph N
 * .type--text-sm - Paragraph S
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * blue: #1d3753
 * blue-light: #2a4d73
 * red: #852a2a
 * black: #1b1b1b
 * gray: #929292
 * gray-light: #f2f2f2
 * beige: #f1eae1
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--h7 - Heading 7
 * .type--text - Paragraph N
 * .type--text-sm - Paragraph S
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * blue: #1d3753
 * blue-light: #2a4d73
 * red: #852a2a
 * black: #1b1b1b
 * gray: #929292
 * gray-light: #f2f2f2
 * beige: #f1eae1
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--h7 - Heading 7
 * .type--text - Paragraph N
 * .type--text-sm - Paragraph S
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * blue: #1d3753
 * blue-light: #2a4d73
 * red: #852a2a
 * black: #1b1b1b
 * gray: #929292
 * gray-light: #f2f2f2
 * beige: #f1eae1
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--h7 - Heading 7
 * .type--text - Paragraph N
 * .type--text-sm - Paragraph S
 *
 * Style guide: typography
 */
.site-header .burger-icon,
.site-header .burger span {
  color: #1d3753;
}
.site-header .logo {
  color: #1d3753;
  /* stylelint-disable */
  /* stylelint-enable */
}
.site-header .logo svg {
  width: 21px;
  height: 44px;
}
.site-header .logo svg.logo--desktop {
  width: max(72px, 5.5208333333vw);
  height: max(44px, 3.3333333333vw);
}
.site-header .actions .phone {
  border: 1px solid rgba(29, 55, 83, 0.2);
}
.site-header .actions .phone svg {
  color: #1d3753;
}

#page {
  background-image: url(../static/9fdf1388ac180effd223.jpg);
  background-repeat: repeat;
  background-size: cover;
}

.blog-page__title {
  width: 100%;
  max-width: max(312px, 42.7083333333vw);
  margin-inline: auto;
  margin-bottom: max(40px, 5.8854166667vw);
  margin-top: calc(max(14px, 1.0416666667vw) + max(40px, 5.46875vw));
  opacity: 0;
}
.blog-page .posts {
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 20px;
  overflow: hidden;
}
.blog-page .posts__wrapper {
  padding-inline: 10px;
}
.blog-page .posts__wrapper .featured-post {
  margin-bottom: max(30px, 5.2083333333vw);
}
.blog-page .posts__wrapper .featured-post__image {
  border-radius: max(4px, 0.2083333333vw);
  overflow: hidden;
  margin-bottom: 20px;
  aspect-ratio: 340/270;
  /* stylelint-disable */
  /* stylelint-enable */
}
.blog-page .posts__wrapper .featured-post__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-page .posts__wrapper .featured-post__details {
  flex: 1;
}
.blog-page .posts__wrapper .featured-post__date {
  margin-bottom: max(8px, 0.4166666667vw);
}
.blog-page .posts__wrapper .featured-post__excerpt {
  margin-bottom: 2.7083333333vw;
  margin-top: 12px;
}
.blog-page .posts__wrapper .featured-post__cta {
  text-underline-offset: max(3px, 0.15625vw);
}

.alm-listing {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 20px;
  overflow: hidden;
}
.alm-listing .card__image {
  border-radius: max(4px, 0.2083333333vw);
  overflow: hidden;
  margin-bottom: max(10px, 1.1458333333vw);
  aspect-ratio: 162/208;
  /* stylelint-disable */
  /* stylelint-enable */
}
.alm-listing .card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease, opacity 0.6s ease;
  transform-origin: center;
  will-change: transform;
}
.alm-listing .card__image img:hover {
  transform: scale(1.02);
  opacity: 0.85;
}
.alm-listing .card__date {
  margin-bottom: max(10px, 0.5208333333vw);
}
.alm-listing .card__title {
  margin-bottom: 0;
  transition: all 0.6s ease;
}

.alm-load-more-btn:disabled {
  display: none;
}

@media (min-width: 768px) {
  .blog-page .posts {
    grid-template-columns: repeat(3, 1fr);
    gap: max(40px, 5.2083333333vw) max(20px, 2.0833333333vw);
  }
  .blog-page .posts__wrapper {
    padding-inline: max(10px, 3.5416666667vw);
  }
  .blog-page .posts__wrapper .featured-post__image {
    width: 58.3%;
    aspect-ratio: 1040/630;
    margin-bottom: unset;
  }
  .blog-page .posts__wrapper .featured-post__details {
    padding-left: 4.7395833333vw;
  }
  .blog-page .posts__wrapper .featured-post__excerpt {
    margin-top: max(12px, 1.8229166667vw);
  }
  .alm-listing {
    grid-template-columns: repeat(3, 1fr);
    gap: max(40px, 5.2083333333vw) max(20px, 2.0833333333vw);
  }
  .alm-listing .card__image {
    aspect-ratio: 568/600;
  }
  .alm-listing .card__title {
    margin-bottom: 0.78125vw;
  }
}

/*# sourceMappingURL=blog.css.map*/