/**
 * GLOBAL FUNCTIONS
 */
/* cookie notification */
/* account popover */
/* minicart popover */
/* cookie notification */
/* Search Results Page */
/*

// 1.1 Desktop
@include media-breakpoint-up(ls) {
    // desktop styles | 1024px and up
}

// 1.2 Mobile
@include media-breakpoint-down(md) {
    // mobile styles | 1023.98px and down
}

//
// 2. Wide mobile view (used in Global Header)
//

// 2.1 Desktop
@include media-breakpoint-up(lg) {
    // desktop styles | 1200px and up
}

// 2.2 Mobile
@include media-breakpoint-down(ls) {
    // mobile styles | 1200px and down
}

*/
/*
 * Set up a screen-wide ::before element behind its parent, to apply a colored background on a block.
 *
 * Usage :
 * .block {
 *    @include full-screen-background;
 *
 *    position: relative;
 * }
 */
/*
Usage

.block {
    @include arrow(right,red,5px,auto,auto,0,0,auto,-5px);

    width: 50px;
    height: 50px;
    position: relative;
}
*/
/*
Usage
    @include ratio-holder(364/300)
    Height/Width
*/
/* Mixin to cut off the rest of one-line text with dots */
/* stylelint-disable */
.component--outline-color {
  margin: 0.625rem;
  outline: 0.125rem solid transparent;
  outline-offset: 0.5rem; }

.storepage--blog,
.blog__wrapper {
  position: relative; }
  @media (min-width: 1024px) {
    .storepage--blog,
    .blog__wrapper {
      padding-top: 2.5rem; } }
  .storepage--blog .storepage__heading,
  .blog__wrapper .storepage__heading {
    margin-bottom: 1.5625rem;
    font-family: "Optimale", var(--font-family-sans-serif); }
  .storepage--blog .btn-categories,
  .blog__wrapper .btn-categories {
    position: absolute;
    top: 0.625rem;
    right: 1.25rem; }
    @media (min-width: 1024px) {
      .storepage--blog .btn-categories,
      .blog__wrapper .btn-categories {
        display: none; } }
    .storepage--blog .btn-categories.show ~ .blog-listing__navigation,
    .blog__wrapper .btn-categories.show ~ .blog-listing__navigation {
      display: block;
      position: absolute;
      top: 3rem;
      right: 0;
      width: 80%;
      z-index: 1;
      background: #fff; }
      .storepage--blog .btn-categories.show ~ .blog-listing__navigation .blog-nav__title,
      .blog__wrapper .btn-categories.show ~ .blog-listing__navigation .blog-nav__title {
        display: none; }
  .storepage--blog .blog-sidebar,
  .blog__wrapper .blog-sidebar {
    position: static; }

.blog__wrapper .btn-categories {
  position: absolute;
  top: 0;
  right: 1.25rem;
  z-index: 1;
  min-height: 1.5625rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem; }
  .blog__wrapper .btn-categories.show ~ .blog-listing__navigation {
    top: 1.5625rem; }

.blog__wrapper .article-card__badge-wrapper {
  margin-right: 9.6875rem; }

.blog-listing__navigation {
  margin-top: 0.3125rem;
  margin-bottom: 1.875rem;
  padding: 1.25rem 1.875rem;
  box-shadow: 0 8px 16px rgba(35, 38, 59, 0.2);
  display: none; }
  @media (min-width: 1024px) {
    .blog-listing__navigation {
      margin-top: 0;
      margin-bottom: 0;
      display: block; } }
  .blog-listing__navigation .blog-nav__title {
    font-size: 1.375rem;
    letter-spacing: normal; }
    @media (min-width: 1024px) {
      .blog-listing__navigation .blog-nav__title {
        font-size: 1.625rem; } }
  .blog-listing__navigation .blog-nav__item {
    margin-bottom: 0.9375rem;
    padding-left: 0.9375rem; }
    .blog-listing__navigation .blog-nav__item .blog-nav__link {
      font-weight: 700;
      font-style: normal; }
    .blog-listing__navigation .blog-nav__item .blog-nav__item {
      margin-bottom: 0; }
      .blog-listing__navigation .blog-nav__item .blog-nav__item .blog-nav__link {
        font-style: italic;
        font-weight: normal;
        font-size: 0.875rem; }

.blog-listing .active-category {
  display: inline-block;
  padding: 0.1875rem 0.9375rem;
  font-size: 0.625rem;
  font-weight: 700;
  background: #f3cad7;
  border: 0.0625rem solid #f3cad7;
  transition: all 0.3s ease;
  color: #000;
  text-transform: uppercase;
  white-space: normal;
  margin-bottom: 0.9375rem;
  position: relative; }
  .blog-listing .active-category:hover, .blog-listing .active-category:focus {
    opacity: 0.6; }
  .blog-listing .active-category .name {
    display: inline-block;
    padding-right: 0.625rem; }
  .blog-listing .active-category .fi {
    display: inline-block;
    line-height: 1;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%); }

.article-card {
  margin-bottom: 1.875rem; }
  .article-card__imageholder {
    position: relative; }
    .article-card__imageholder .article-card__badge-wrapper {
      position: absolute;
      top: 0.5rem;
      left: 0.9375rem; }
    .article-card__imageholder .article-card__image {
      width: 100%; }
  .article-card__title {
    margin-bottom: 0.9375rem;
    padding: 0 0.625rem; }
    @media (min-width: 1200px) {
      .article-card__title {
        padding: 0 2.5rem; } }
    .article-card__title-link {
      font-weight: 700;
      font-size: 1.125rem;
      line-height: 1.1; }
      @media (min-width: 1024px) {
        .article-card__title-link {
          font-size: 1.25rem; } }
  .article-card__badge {
    font-size: 0.625rem;
    margin: 0 0.3125rem 0.3125rem 0; }
  .article-card__readmore {
    padding-top: 0.3125rem; }

.blog-article__wrapper .article-card__badge-wrapper {
  margin-bottom: 0.3125rem; }

.blog-article__title {
  margin-bottom: 0.3125rem; }

.blog-article__date {
  color: #707070;
  margin-bottom: 0.3125rem; }

.blog-article__share {
  margin-bottom: 0.9375rem; }
  .blog-article__share .social-share__link {
    color: #51264f;
    font-size: 1.25rem;
    margin-right: 0.625rem; }
    .blog-article__share .social-share__link:hover {
      color: #000; }

.blog-article__imageholder {
  margin-bottom: 1.25rem; }

.blog-article__main h1,
.blog-article__main h2,
.blog-article__main h3,
.blog-article__main h4 {
  margin-bottom: 0.9375rem; }

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