/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[0].use[3]!./template-parts/vesti-listing/vesti-listing.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.vesti-listing {
  padding: 64px 0 130px; }
  @media screen and (min-width: 1921px) {
    .vesti-listing {
      padding: 3.33vw 0 6.77vw; } }
  @media screen and (max-width: 576px) {
    .vesti-listing {
      padding: 50px 0 40px; } }

.vesti-listing__wrap {
  max-width: 1750px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap; }
  @media screen and (min-width: 1921px) {
    .vesti-listing__wrap {
      max-width: 91.14vw;
      padding: 0 0.78vw; } }

.vesti-listing__item {
  display: flex;
  flex-direction: column;
  max-width: 23%;
  width: 100%;
  margin: 1%;
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.07); }
  @media screen and (min-width: 1921px) {
    .vesti-listing__item {
      box-shadow: 0 0.2vw 2vw rgba(0, 0, 0, 0.07); } }
  @media screen and (max-width: 1550px) {
    .vesti-listing__item {
      max-width: 31.33333%; } }
  @media screen and (max-width: 1100px) {
    .vesti-listing__item {
      max-width: 48%; } }
  @media screen and (max-width: 720px) {
    .vesti-listing__item {
      max-width: 100%;
      margin: 0 0 24px; } }
  @media screen and (max-width: 576px) {
    .vesti-listing__item:last-of-type {
      margin-bottom: 0; } }

.vesti-listing__item-image-box {
  position: relative; }
  .vesti-listing__item-image-box img {
    width: 100%;
    height: auto; }

.vesti-listing__item-image-bg {
  height: 270px;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  @media screen and (min-width: 1921px) {
    .vesti-listing__item-image-bg {
      height: 14.06vw; } }

.vesti-listing__date {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(50%);
  background-color: #00a4e3;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: 56px; }
  @media screen and (min-width: 640px) {
    .vesti-listing__date {
      height: 80px;
      width: 80px; } }
  @media screen and (min-width: 1921px) {
    .vesti-listing__date {
      font-size: 0.72vw;
      height: 4.16vw;
      width: 4.16vw; } }

.vesti-listing__post-date-day {
  display: block;
  font-weight: 700;
  font-size: 22px; }
  @media screen and (min-width: 640px) {
    .vesti-listing__post-date-day {
      font-size: 30px; } }
  @media screen and (min-width: 1921px) {
    .vesti-listing__post-date-day {
      font-size: 1.56vw; } }

.vesti-listing__post-date-month-year {
  font-weight: 300;
  font-size: 12px; }
  @media screen and (min-width: 640px) {
    .vesti-listing__post-date-month-year {
      font-size: 14px; } }
  @media screen and (min-width: 1921px) {
    .vesti-listing__post-date-month-year {
      font-size: 0.72vw; } }

.vesti-listing__item-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 58px 32px 32px; }
  @media screen and (max-width: 576px) {
    .vesti-listing__item-content {
      height: auto; } }
  @media screen and (min-width: 1921px) {
    .vesti-listing__item-content {
      padding: 3.02vw 1.66vw 1.66vw; } }

.vesti-listing__item-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 16px; }
  @media screen and (min-width: 1921px) {
    .vesti-listing__item-title {
      font-size: 0.93vw;
      margin-bottom: 0.83vw; } }

.vesti-listing__item-description {
  font-size: 14px;
  font-weight: 300;
  min-height: 93px;
  margin-bottom: 65px; }
  @media screen and (min-width: 1921px) {
    .vesti-listing__item-description {
      font-size: 0.72vw;
      min-height: 4.84vw;
      margin-bottom: 3.38vw; } }

.vesti-listing__item-btn {
  margin-top: auto; }

.js-fade-up {
  opacity: 0;
  transform: translateY(30px); }