/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/archive-thought.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************/
/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #111
 * pink: #f5eded
 * grey: #6d6d6d
 * grey-2: #f2f2f2
 * grey-3: #d9d9d9
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h1-bold - Heading 1 Bold
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--paragraph-big - Paragraph big
 * .type--paragraph-big-bold - Paragraph  big bold
 * .type--paragraph-normal - Paragraph normal
 * .type--paragraph-normal-bold - Paragraph normal bold
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #111
 * pink: #f5eded
 * grey: #6d6d6d
 * grey-2: #f2f2f2
 * grey-3: #d9d9d9
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h1-bold - Heading 1 Bold
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--paragraph-big - Paragraph big
 * .type--paragraph-big-bold - Paragraph  big bold
 * .type--paragraph-normal - Paragraph normal
 * .type--paragraph-normal-bold - Paragraph normal bold
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #111
 * pink: #f5eded
 * grey: #6d6d6d
 * grey-2: #f2f2f2
 * grey-3: #d9d9d9
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h1-bold - Heading 1 Bold
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--paragraph-big - Paragraph big
 * .type--paragraph-big-bold - Paragraph  big bold
 * .type--paragraph-normal - Paragraph normal
 * .type--paragraph-normal-bold - Paragraph normal bold
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #111
 * pink: #f5eded
 * grey: #6d6d6d
 * grey-2: #f2f2f2
 * grey-3: #d9d9d9
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h1-bold - Heading 1 Bold
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--paragraph-big - Paragraph big
 * .type--paragraph-big-bold - Paragraph  big bold
 * .type--paragraph-normal - Paragraph normal
 * .type--paragraph-normal-bold - Paragraph normal bold
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #111
 * pink: #f5eded
 * grey: #6d6d6d
 * grey-2: #f2f2f2
 * grey-3: #d9d9d9
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h1-bold - Heading 1 Bold
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--paragraph-big - Paragraph big
 * .type--paragraph-big-bold - Paragraph  big bold
 * .type--paragraph-normal - Paragraph normal
 * .type--paragraph-normal-bold - Paragraph normal bold
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #111
 * pink: #f5eded
 * grey: #6d6d6d
 * grey-2: #f2f2f2
 * grey-3: #d9d9d9
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h1-bold - Heading 1 Bold
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--paragraph-big - Paragraph big
 * .type--paragraph-big-bold - Paragraph  big bold
 * .type--paragraph-normal - Paragraph normal
 * .type--paragraph-normal-bold - Paragraph normal bold
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #111
 * pink: #f5eded
 * grey: #6d6d6d
 * grey-2: #f2f2f2
 * grey-3: #d9d9d9
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h1-bold - Heading 1 Bold
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--paragraph-big - Paragraph big
 * .type--paragraph-big-bold - Paragraph  big bold
 * .type--paragraph-normal - Paragraph normal
 * .type--paragraph-normal-bold - Paragraph normal bold
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #111
 * pink: #f5eded
 * grey: #6d6d6d
 * grey-2: #f2f2f2
 * grey-3: #d9d9d9
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h1-bold - Heading 1 Bold
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--paragraph-big - Paragraph big
 * .type--paragraph-big-bold - Paragraph  big bold
 * .type--paragraph-normal - Paragraph normal
 * .type--paragraph-normal-bold - Paragraph normal bold
 *
 * Style guide: typography
 */
.thought-card__image {
  margin-bottom: max(16px, 1.5625vw);
  aspect-ratio: 555/335;
  overflow: hidden;
}
.thought-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.thought-card__title {
  margin-bottom: max(20px, 1.7708333333vw);
}
.thought-card__excerpt p:last-child {
  margin-bottom: 0;
}

/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #111
 * pink: #f5eded
 * grey: #6d6d6d
 * grey-2: #f2f2f2
 * grey-3: #d9d9d9
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h1-bold - Heading 1 Bold
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--paragraph-big - Paragraph big
 * .type--paragraph-big-bold - Paragraph  big bold
 * .type--paragraph-normal - Paragraph normal
 * .type--paragraph-normal-bold - Paragraph normal bold
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #111
 * pink: #f5eded
 * grey: #6d6d6d
 * grey-2: #f2f2f2
 * grey-3: #d9d9d9
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h1-bold - Heading 1 Bold
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--paragraph-big - Paragraph big
 * .type--paragraph-big-bold - Paragraph  big bold
 * .type--paragraph-normal - Paragraph normal
 * .type--paragraph-normal-bold - Paragraph normal bold
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #111
 * pink: #f5eded
 * grey: #6d6d6d
 * grey-2: #f2f2f2
 * grey-3: #d9d9d9
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h1-bold - Heading 1 Bold
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--paragraph-big - Paragraph big
 * .type--paragraph-big-bold - Paragraph  big bold
 * .type--paragraph-normal - Paragraph normal
 * .type--paragraph-normal-bold - Paragraph normal bold
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #111
 * pink: #f5eded
 * grey: #6d6d6d
 * grey-2: #f2f2f2
 * grey-3: #d9d9d9
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h1-bold - Heading 1 Bold
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--paragraph-big - Paragraph big
 * .type--paragraph-big-bold - Paragraph  big bold
 * .type--paragraph-normal - Paragraph normal
 * .type--paragraph-normal-bold - Paragraph normal bold
 *
 * Style guide: typography
 */
.thought-card-no-photo {
  border: 1px solid #6d6d6d;
  height: 100%;
  padding-inline: max(30px, 1.5625vw);
  padding-block: max(30px, 1.5625vw);
}
.thought-card-no-photo__title {
  margin-bottom: max(20px, 1.7708333333vw);
}
.thought-card-no-photo__excerpt p:last-child {
  margin-bottom: 0;
}

.archive-thought {
  padding-block: max(20px, 3.125vw) max(60px, 8.3333333333vw);
}
.archive-thought__title {
  margin-bottom: max(50px, 2.6041666667vw);
}
.archive-thought__title--bold {
  font-weight: 600;
  font-style: italic;
}
.archive-thought__single {
  margin-bottom: max(30px, 3.5416666667vw);
}
@media (min-width: 992px) {
  .archive-thought__single {
    padding-inline: max(40px, 2.0833333333vw);
  }
}

/*# sourceMappingURL=archive-thought.css.map*/