/* components/postcard/src/scss/postcard.scss */
.c-postcard {
  overflow-x: clip;
}
@media (min-width: 768px) {
  .c-postcard--type-default .c-postcard__inner .flex-wrapper--md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .c-postcard--type-detail .c-postcard__inner .flex-wrapper--md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.c-postcard__content {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .c-postcard--type-detail .c-postcard__content {
    padding-left: 15px;
    padding-right: 15px;
    width: 41.6666666667%;
    margin-left: 8.3333333333%;
  }
}
@media (min-width: 768px) {
  .c-postcard--type-detail .c-postcard__content {
    padding-left: 15px;
    padding-right: 15px;
    width: 33.3333333333%;
    margin-left: 16.6666666667%;
  }
}
@media (min-width: 768px) {
  .c-postcard--type-default .c-postcard__content {
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .c-postcard__content {
    margin-bottom: 0;
  }
}
.c-postcard__media {
  position: relative;
}
.c-postcard__media img {
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url(./img/mask.svg);
  mask-image: url(./img/mask.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  position: relative;
  z-index: 5;
}
.c-postcard__media::after {
  content: "";
  background: #F49F0B;
  width: 89%;
  height: 89%;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url(./img/mask.svg);
  mask-image: url(./img/mask.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  pointer-events: none;
  -webkit-transform: rotate(12.37deg);
  transform: rotate(12.37deg);
}
@media (min-width: 768px) {
  .c-postcard--type-detail .c-postcard__media {
    padding-left: 15px;
    padding-right: 15px;
    width: 37.5%;
    margin-left: 4.1666666667%;
  }
}
@media (min-width: 992px) {
  .c-postcard--type-detail .c-postcard__media {
    padding-left: 15px;
    padding-right: 15px;
    width: 29.1666666667%;
    margin-left: 4.1666666667%;
  }
}
@media (min-width: 768px) {
  .c-postcard--type-default .c-postcard__media {
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .c-postcard--type-default .c-postcard__media {
    padding-left: 15px;
    padding-right: 15px;
    width: 45.8333333333%;
  }
}
.c-postcard--media-position-right .c-postcard__media img {
  -webkit-mask-image: url(./img/mask-flip.svg);
  mask-image: url(./img/mask-flip.svg);
}
@media (min-width: 768px) {
  .c-postcard--media-position-left .flex-wrapper--md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
.c-postcard--media-position-left .c-postcard__media::after {
  right: auto;
  left: 0;
  -webkit-transform:
    matrix(
      0.98, -0.21,
      -0.21, -0.98,
      0, 0);
  transform:
    matrix(
      0.98, -0.21,
      -0.21, -0.98,
      0, 0);
}
@media (min-width: 768px) {
  .c-postcard--media-position-left.c-postcard--type-detail .c-postcard__inner .flex-wrapper--md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media (min-width: 768px) {
  .c-postcard--media-position-left.c-postcard--type-detail .c-postcard__content {
    margin-left: 4.1666666667%;
  }
}
@media (min-width: 768px) {
  .c-postcard--media-position-left.c-postcard--type-detail .c-postcard__media {
    margin-left: 8.3333333333%;
  }
}
@media (min-width: 992px) {
  .c-postcard--media-position-left.c-postcard--type-detail .c-postcard__media {
    margin-left: 16.6666666667%;
  }
}
body.page-node-type-category-page .c-postcard {
  margin-bottom: 4rem;
}
body.page-node-type-category-page .c-postcard__text p {
  padding-left: 1.9rem;
}
body.page-node-type-category-page .c-postcard__media {
  height: 450px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
body.page-node-type-category-page .c-postcard__media img {
  height: 450px;
  width: auto;
  -webkit-mask: none;
  mask: none;
}
body.page-node-type-category-page .c-postcard__media::after {
  display: none;
  visibility: hidden;
}
/*# sourceMappingURL=postcard.css.map */