/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-page.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
 */
.archive-page .select2-results__options {
  font-family: "Tinos";
  font-size: max(14px, 0.8333333333vw);
  line-height: max(23px, 1.1979166667vw);
  font-weight: 400;
}

/**
 * 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;
}

.archive-page {
  padding-inline: max(10px, 1.0416666667vw);
  padding-bottom: max(60px, 4.1666666667vw);
}
.archive-page__bg {
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
.archive-page__bg img {
  width: 100%;
}
.archive-page__top-bar {
  margin-inline: calc(-1 * max(10px, 1.0416666667vw));
  padding-block: max(20px, 1.0416666667vw);
}
.archive-page__top-bar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.archive-page__top-bar ul li {
  transition: color 0.3s ease;
}
.archive-page__top-bar ul li.current-menu-item a {
  color: #d39f3e;
}
.archive-page__top-bar ul li:not(:last-child) {
  margin-right: max(30px, 1.5625vw);
}
.archive-page__top-bar ul li:hover {
  color: #d39f3e;
}
.archive-page__title {
  padding-top: max(50px, 2.6041666667vw);
  margin-bottom: max(30px, 3.125vw);
}
.archive-page__filter {
  width: 100%;
  bottom: 0;
  left: 0;
  position: fixed;
  z-index: 10;
}
.archive-page__grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
}
.archive-page .select2-search {
  display: none;
}
.archive-page .select2-results__options {
  padding-block: 1.0416666667vw;
  padding-inline: 1.4583333333vw;
  background-color: #ebe5e1;
  color: #626262;
  border-radius: 0 0 max(6px, 0.3125vw) max(6px, 0.3125vw) !important;
}
.archive-page .select2-results__option {
  padding-block: max(14px, 0.7291666667vw) !important;
}
.archive-page .select2-results__option:first-child {
  display: none;
}
.archive-page .select2-results__option:not(:last-child) {
  border-bottom: 1px solid #626262;
}
.archive-page .select2-results__option:nth-child(2) {
  padding-top: 0 !important;
  padding-bottom: max(14px, 0.7291666667vw) !important;
}
.archive-page .select2-results__option:last-child {
  padding-top: max(14px, 0.7291666667vw) !important;
  padding-bottom: 0 !important;
}
.archive-page .select2-results__option:only-child {
  padding-block: 0 !important;
}
.archive-page .select2-results__option--selected, .archive-page .select2-results__option--highlighted[aria-selected], .archive-page .select2-results__option--selectable {
  background-color: unset !important;
  color: #303030;
}
.archive-page .select2-selection {
  border: none !important;
}
.archive-page .select2-selection__rendered {
  padding: max(10px, 0.5208333333vw) !important;
}
.archive-page .select2-selection__arrow {
  height: calc(100% - 2px) !important;
}
.archive-page .select2-dropdown {
  border: none;
}

.pagination {
  margin-top: max(70px, 5.9895833333vw);
}
.pagination .screen-reader-text {
  display: none;
}
.pagination .nav-links {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination .nav-links .page-numbers {
  color: #626262;
}
.pagination .nav-links .page-numbers.current, .pagination .nav-links .page-numbers.next, .pagination .nav-links .page-numbers.prev {
  color: #303030;
}
.pagination .nav-links .page-numbers:not(:last-child) {
  margin-right: max(36px, 1.875vw);
}
@media (min-width: 768px) {
  .archive-page__filter {
    position: absolute;
    top: 1.8229166667vw;
    right: 0;
    left: unset;
    bottom: unset;
    width: 212px;
  }
  .archive-page__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .archive-page__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

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