/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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:
 * brown: #36261e
 * black: #303030
 * yellow: #d39f3e
 * grey: #626262
 * brown-light: #ebe5e1
 * brown-light-2: #f5f2f0
 * menu-border: #d9c7bb
 * grey-light: #a0a0a0
 * footer-pagination-bullet: #d9d9d9
 * pink: #ac8f7e
 * background: #f6f4f3
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--display - Display
 * .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--paragraph-normal - Paragraph normal
 * .type--paragraph-bold - Paragraph bold
 * .type--paragraph-medium - Paragraph medium
 * .type--paragraph-small - Paragraph small
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * brown: #36261e
 * black: #303030
 * yellow: #d39f3e
 * grey: #626262
 * brown-light: #ebe5e1
 * brown-light-2: #f5f2f0
 * menu-border: #d9c7bb
 * grey-light: #a0a0a0
 * footer-pagination-bullet: #d9d9d9
 * pink: #ac8f7e
 * background: #f6f4f3
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--display - Display
 * .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--paragraph-normal - Paragraph normal
 * .type--paragraph-bold - Paragraph bold
 * .type--paragraph-medium - Paragraph medium
 * .type--paragraph-small - Paragraph small
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * brown: #36261e
 * black: #303030
 * yellow: #d39f3e
 * grey: #626262
 * brown-light: #ebe5e1
 * brown-light-2: #f5f2f0
 * menu-border: #d9c7bb
 * grey-light: #a0a0a0
 * footer-pagination-bullet: #d9d9d9
 * pink: #ac8f7e
 * background: #f6f4f3
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--display - Display
 * .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--paragraph-normal - Paragraph normal
 * .type--paragraph-bold - Paragraph bold
 * .type--paragraph-medium - Paragraph medium
 * .type--paragraph-small - Paragraph small
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * brown: #36261e
 * black: #303030
 * yellow: #d39f3e
 * grey: #626262
 * brown-light: #ebe5e1
 * brown-light-2: #f5f2f0
 * menu-border: #d9c7bb
 * grey-light: #a0a0a0
 * footer-pagination-bullet: #d9d9d9
 * pink: #ac8f7e
 * background: #f6f4f3
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--display - Display
 * .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--paragraph-normal - Paragraph normal
 * .type--paragraph-bold - Paragraph bold
 * .type--paragraph-medium - Paragraph medium
 * .type--paragraph-small - Paragraph small
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * brown: #36261e
 * black: #303030
 * yellow: #d39f3e
 * grey: #626262
 * brown-light: #ebe5e1
 * brown-light-2: #f5f2f0
 * menu-border: #d9c7bb
 * grey-light: #a0a0a0
 * footer-pagination-bullet: #d9d9d9
 * pink: #ac8f7e
 * background: #f6f4f3
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--display - Display
 * .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--paragraph-normal - Paragraph normal
 * .type--paragraph-bold - Paragraph bold
 * .type--paragraph-medium - Paragraph medium
 * .type--paragraph-small - Paragraph small
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * brown: #36261e
 * black: #303030
 * yellow: #d39f3e
 * grey: #626262
 * brown-light: #ebe5e1
 * brown-light-2: #f5f2f0
 * menu-border: #d9c7bb
 * grey-light: #a0a0a0
 * footer-pagination-bullet: #d9d9d9
 * pink: #ac8f7e
 * background: #f6f4f3
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--display - Display
 * .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--paragraph-normal - Paragraph normal
 * .type--paragraph-bold - Paragraph bold
 * .type--paragraph-medium - Paragraph medium
 * .type--paragraph-small - Paragraph small
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * brown: #36261e
 * black: #303030
 * yellow: #d39f3e
 * grey: #626262
 * brown-light: #ebe5e1
 * brown-light-2: #f5f2f0
 * menu-border: #d9c7bb
 * grey-light: #a0a0a0
 * footer-pagination-bullet: #d9d9d9
 * pink: #ac8f7e
 * background: #f6f4f3
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--display - Display
 * .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--paragraph-normal - Paragraph normal
 * .type--paragraph-bold - Paragraph bold
 * .type--paragraph-medium - Paragraph medium
 * .type--paragraph-small - Paragraph small
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * brown: #36261e
 * black: #303030
 * yellow: #d39f3e
 * grey: #626262
 * brown-light: #ebe5e1
 * brown-light-2: #f5f2f0
 * menu-border: #d9c7bb
 * grey-light: #a0a0a0
 * footer-pagination-bullet: #d9d9d9
 * pink: #ac8f7e
 * background: #f6f4f3
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--display - Display
 * .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--paragraph-normal - Paragraph normal
 * .type--paragraph-bold - Paragraph bold
 * .type--paragraph-medium - Paragraph medium
 * .type--paragraph-small - Paragraph small
 *
 * Style guide: typography
 */
.single-card__image {
  border-radius: max(8px, 0.4166666667vw);
  overflow: hidden;
  aspect-ratio: 458/620;
  margin-bottom: max(12px, 0.625vw);
  transition: border-radius 0.3s ease;
}
.single-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.single-card__date {
  margin-bottom: max(12px, 0.625vw);
}
.single-card:hover .single-card__image {
  border-radius: max(40px, 2.0833333333vw);
}
.single-card:hover .single-card__image img {
  transform: scale(1.05);
  opacity: 0.9;
}

.single-page {
  padding-top: max(20px, 3.125vw);
}
.single-page > * {
  z-index: 5;
}
.single-page__bg {
  top: 0;
  left: 0;
  z-index: 0;
}
.single-page__bg img {
  width: 100%;
}
.single-page__intro {
  padding-inline: 10px;
}
.single-page__title {
  margin-bottom: max(22px, 1.25vw);
}
.single-page__subtitle {
  margin-bottom: max(20px, 2.0833333333vw);
}
.single-page__image {
  margin-bottom: max(50px, 2.6041666667vw);
  width: 100%;
  aspect-ratio: 340/315;
  border-radius: max(8px, 0.4166666667vw);
  overflow: hidden;
}
.single-page__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-page__wrapper {
  gap: 30px;
  padding-inline: 10px;
}
.single-page__sidebar {
  width: 100%;
  max-width: 250px;
}
.single-page__sidebar .sidebar-helper {
  top: max(30px, 1.5625vw);
}
.single-page__banner {
  padding-block: max(10px, 1.1458333333vw) max(10px, 2.2395833333vw);
  padding-inline: max(13px, 1.1979166667vw);
  margin-bottom: max(10px, 0.5208333333vw);
  border-radius: max(8px, 0.4166666667vw);
}
.single-page__banner--mobile {
  width: 100%;
  bottom: 0;
  margin-bottom: 0;
  border-radius: 0 0 max(8px, 0.4166666667vw) max(8px, 0.4166666667vw);
  border-top: 1px solid #626262;
}
.single-page__banner .banner__icon {
  width: max(30px, 1.5625vw);
  height: max(30px, 1.5625vw);
  margin-bottom: max(6px, 0.3125vw);
}
.single-page__banner .banner__icon--mobile {
  margin-right: 10px;
}
.single-page__banner .banner__icon svg {
  width: max(30px, 1.5625vw);
  height: max(30px, 1.5625vw);
}
.single-page__banner .banner__title {
  margin-bottom: max(13px, 0.6770833333vw);
}
.single-page__banner .banner__separator {
  width: 100%;
  height: 1px;
  margin-bottom: max(20px, 1.0416666667vw);
}
.single-page__banner .banner__wrapper a {
  transition: color 0.3s ease;
}
.single-page__banner .banner__wrapper a:not(:last-child) {
  margin-bottom: max(10px, 0.5208333333vw);
}
.single-page__banner .banner__wrapper a:hover {
  color: #d39f3e;
}
.single-page__fb-share {
  padding-block: max(20px, 1.0416666667vw);
  border-radius: max(8px, 0.4166666667vw);
}
.single-page__fb-share--mobile {
  margin-bottom: 15px;
}
.single-page__fb-share span:last-child {
  width: max(16px, 0.8333333333vw);
  height: max(16px, 0.8333333333vw);
}
.single-page__content {
  width: 100%;
}
.single-page__content img {
  width: 100%;
  margin-bottom: max(30px, 1.5625vw);
  border-radius: max(8px, 0.4166666667vw);
}

.section-feed {
  padding-block: max(30px, 3.2291666667vw) max(40px, 6.7708333333vw);
  padding-inline: max(10px, 1.0416666667vw);
}
.section-feed__separator {
  width: 100%;
  height: 1px;
  margin-bottom: max(26px, 1.6666666667vw);
}
.section-feed__header {
  margin-bottom: max(27px, 2.96875vw);
}
.section-feed__title {
  margin: 0;
}
.section-feed__cta {
  padding-right: max(20px, 1.0416666667vw);
  transition: padding-right 0.3s ease;
}
.section-feed__cta::after {
  content: "";
  color: #303030;
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 11 9%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M10.3132 4.99018C10.5922 4.71902 10.5922 4.27865 10.3132 4.00749L6.74156 0.536623C6.46252 0.265462 6.00937 0.265462 5.73034 0.536623C5.45131 0.807784 5.45131 1.24815 5.73034 1.51931L8.08538 3.80575H1.23679C0.841675 3.80575 0.522461 4.11595 0.522461 4.49992C0.522461 4.88388 0.841675 5.19409 1.23679 5.19409H8.08315L5.73257 7.48052C5.45354 7.75169 5.45354 8.19205 5.73257 8.46321C6.01161 8.73438 6.46476 8.73438 6.74379 8.46321L10.3154 4.99235L10.3132 4.99018Z%27 fill=%27currentcolor%27/%3E%3C/svg%3E");
  display: flex;
  width: max(11px, 0.5729166667vw);
  height: max(9px, 0.46875vw);
  margin-left: max(6px, 0.3125vw);
  transition: margin-left 0.3s ease;
}
.section-feed__slider {
  padding-inline: 10px;
  margin-inline: -10px;
  margin-bottom: 16px;
}
.section-feed__single {
  width: max(250px, 13.0208333333vw);
}
@media (min-width: 768px) {
  .single-page__image {
    aspect-ratio: 1245/708;
  }
  .section-feed__wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
  }
  .section-feed__slider {
    padding-inline: unset;
    margin-inline: unset;
    margin-bottom: unset;
  }
  .section-feed__single {
    width: auto;
  }
}
@media (min-width: 1280px) {
  .single-page__intro {
    padding-inline: 17.7083333333vw;
  }
  .single-page__wrapper {
    gap: max(60px, 3.125vw);
    padding-inline: 17.7083333333vw;
  }
  .single-page__sidebar {
    max-width: max(296px, 15.4166666667vw);
  }
}
@media (hover: hover) {
  .section-feed__cta:hover {
    padding-right: 0;
  }
  .section-feed__cta:hover::after {
    margin-left: max(10px, 0.5208333333vw);
  }
}

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