/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-member.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-member-page__content p {
  font-family: serif;
  font-size: max(16px, 0.9375vw);
  line-height: max(32px, 1.6666666667vw);
  font-weight: 400;
}

.single-member-page {
  padding-inline: 10px;
  padding-block: max(30px, 3.125vw) max(40px, 4.6875vw);
}
.single-member-page > * {
  z-index: 5;
}
.single-member-page__bg {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.single-member-page__title {
  margin-bottom: max(15px, 1.3020833333vw);
}
.single-member-page__description {
  margin-inline: auto;
  margin-bottom: max(40px, 2.0833333333vw);
}
.single-member-page__image {
  width: 100%;
  max-width: 340px;
  aspect-ratio: 340/335;
  margin-inline: auto;
  margin-bottom: max(25px, 2.0833333333vw);
  border-radius: max(8px, 0.4166666667vw);
  overflow: hidden;
}
.single-member-page__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-member-page__content {
  max-width: 960px;
  margin-inline: auto;
  margin-bottom: max(30px, 2.6041666667vw);
}
.single-member-page__back {
  padding-right: max(20px, 1.0416666667vw);
  transition: padding-right 0.3s ease;
}
.single-member-page__back::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;
}
@media (min-width: 768px) {
  .single-member-page__description {
    max-width: 36.4583333333vw;
    margin-bottom: max(40px, 2.0833333333vw);
  }
  .single-member-page__image {
    max-width: max(340px, 23.9583333333vw);
    aspect-ratio: 460/450;
  }
}
@media (hover: hover) {
  .single-member-page__back:hover {
    padding-right: 0;
  }
  .single-member-page__back:hover::after {
    margin-left: max(10px, 0.5208333333vw);
  }
}

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