/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/single.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
 */
.single-page__content h6, .single-page__content h5, .single-page__content h4, .single-page__content h3, .single-page__content h2, .single-page__content h1 {
  font-family: "Canela LC Web";
  font-size: max(20px, 1.6666666667vw);
  line-height: max(26px, 2.1875vw);
  font-weight: 100;
}

.single-page__content {
  font-family: "Apercu Pro";
  font-size: max(16px, 0.9375vw);
  line-height: max(26px, 1.4583333333vw);
  font-weight: 300;
}

.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;
}

.single-page {
  margin-top: calc(max(14px, 1.0416666667vw) + max(40px, 5.46875vw));
  padding-bottom: max(50px, 8.8541666667vw);
}
.single-page__title {
  max-width: 313px;
  margin-inline: auto;
  margin-bottom: 40px;
  opacity: 0;
}
.single-page__image {
  height: 430px;
  margin: 0 auto 40px;
}
.single-page__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-page__content {
  color: #1d3753;
  margin: auto;
}
.single-page__content h1 {
  padding-inline: max(10px, 3.125vw);
  margin-bottom: 40px;
}
.single-page__content h2 {
  padding-inline: max(10px, 3.125vw);
  margin-bottom: 40px;
}
.single-page__content h3 {
  padding-inline: max(10px, 3.125vw);
  margin-bottom: 40px;
}
.single-page__content h4 {
  padding-inline: max(10px, 3.125vw);
  margin-bottom: 40px;
}
.single-page__content h5 {
  padding-inline: max(10px, 3.125vw);
  margin-bottom: 40px;
}
.single-page__content h6 {
  padding-inline: max(10px, 3.125vw);
  margin-bottom: 40px;
}
.single-page__content p {
  padding-inline: max(10px, 3.125vw);
  margin-bottom: 2em;
}
.single-page__share-helper {
  margin-bottom: max(30px, 3.125vw);
  padding-inline: 10px;
}
.single-page__share-title {
  margin-bottom: max(10px, 1.0416666667vw);
}
.single-page__share a {
  width: max(50px, 2.6041666667vw);
  height: max(50px, 2.6041666667vw);
  border-radius: max(4px, 0.2083333333vw);
  background-color: rgba(29, 55, 83, 0.5);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  transition: background-color 0.3s ease;
  /* stylelint-disable */
  /* stylelint-enable */
}
.single-page__share a:not(:last-child) {
  margin-right: max(6px, 0.3125vw);
}
.single-page__share a.facebook svg {
  width: max(9px, 0.46875vw);
  height: max(14px, 0.7291666667vw);
}
.single-page__share a.linkedin svg {
  width: max(10px, 0.5208333333vw);
  height: max(10px, 0.5208333333vw);
}
.single-page__share a:hover {
  background-color: #1d3753;
}
.single-page__more-articles {
  padding-inline: 10px;
}
.single-page__more-articles .title {
  margin-bottom: max(10px, 1.0416666667vw);
}
.single-page__more-articles .posts {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  overflow: hidden;
}
.single-page__more-articles .posts .card {
  margin-bottom: 20px;
}
.single-page__more-articles .posts .card__image {
  border-radius: max(4px, 0.2083333333vw);
  overflow: hidden;
  margin-bottom: max(10px, 1.1458333333vw);
  aspect-ratio: 1/1;
  /* stylelint-disable */
  /* stylelint-enable */
}
.single-page__more-articles .posts .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;
}
.single-page__more-articles .posts .card__image img:hover {
  transform: scale(1.02);
  opacity: 0.85;
}
.single-page__more-articles .posts .card__date {
  margin-bottom: max(5px, 0.5208333333vw);
}
.single-page__more-articles .posts .card__title {
  margin-bottom: 0;
  transition: all 0.6s ease;
}
.single-page__more-articles .posts .card p {
  padding-inline: 0;
}
@media (min-width: 768px) {
  .single-page__title {
    margin-bottom: max(40px, 3.28125vw);
    max-width: max(313px, 40.3645833333vw);
  }
  .single-page__image {
    width: max(360px, 81.25vw);
    height: max(430px, 39.0625vw);
    margin: 0 auto max(40px, 2.6041666667vw);
  }
  .single-page__content {
    width: 54.9479166667vw;
  }
  .single-page__content h1 {
    margin-bottom: max(30px, 1.5625vw);
  }
  .single-page__content h2 {
    margin-bottom: max(30px, 1.5625vw);
  }
  .single-page__content h3 {
    margin-bottom: max(30px, 1.5625vw);
  }
  .single-page__content h4 {
    margin-bottom: max(30px, 1.5625vw);
  }
  .single-page__content h5 {
    margin-bottom: max(30px, 1.5625vw);
  }
  .single-page__content h6 {
    margin-bottom: max(30px, 1.5625vw);
  }
  .single-page__share-helper {
    padding-inline: unset;
  }
  .single-page__more-articles {
    padding-inline: max(10px, 3.5416666667vw);
  }
  .single-page__more-articles .posts {
    grid-template-columns: repeat(3, 1fr);
    gap: max(40px, 5.2083333333vw) max(20px, 2.0833333333vw);
  }
  .single-page__more-articles .posts .card {
    margin-bottom: unset;
  }
  .single-page__more-articles .posts .card__image {
    aspect-ratio: 568/600;
  }
  .single-page__more-articles .posts .card__title {
    margin-bottom: 0.78125vw;
  }
}

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