.post-listing .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto;
  gap: 20px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .post-listing .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .post-listing .grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.post-listing .grid .item {
  position: relative;
  background-color: var(--color-gray);
  border-radius: 10px;
  overflow: hidden;
}
.post-listing .grid .item:hover a {
  background-color: rgba(0, 0, 0, 0.02);
}
.post-listing .grid .item .field-job_name {
  color: var(--color-primary);
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}
.post-listing .grid .item .field-email {
  display: inline-block;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
}
.post-listing .grid .item .field-email a {
  display: inline-block;
}
.post-listing .grid .item .field-email a.animate {
  animation: wiggle 8s ease-in-out infinite;
}
.post-listing .grid .item a {
  color: inherit;
  text-decoration: none;
}
.post-listing .grid .item .cover-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.post-listing .grid .item .zone-2 {
  padding: 20px;
}
.post-listing .grid .item .button {
  z-index: 2;
}
.post-listing .grid.grid-style-accordion {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.post-listing .grid.grid-style-accordion .item {
  position: relative;
  background-color: #eee;
  padding: 15px;
}
.post-listing .grid.grid-style-accordion .item .toggle {
  position: absolute;
  right: 0;
  top: 0;
}
.post-listing .grid.grid-style-accordion .item .zone.zone-2 {
  border-top: 1px solid black;
}
.post-listing .grid.grid-style-accordion .item:not(.active) .zone.zone-2 {
  display: none;
}
.post-listing .grid.grid-style-list .item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.post-listing .item.has-cover-link {
  position: relative;
}
.post-listing .item.has-cover-link a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.post-listing.post-type_download .item, .post-listing.post-type_job .item {
  padding: 30px;
}
.post-listing.post-type_download .item .zone-2, .post-listing.post-type_job .item .zone-2 {
  padding: 0;
}
.post-listing.post-type_download .download-icon, .post-listing.post-type_job .download-icon {
  color: var(--color-primary);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  font-size: 1rem;
  line-height: 2.25rem;
  text-transform: uppercase;
}
.post-listing.post-type_download .download-icon svg, .post-listing.post-type_job .download-icon svg {
  width: 20px;
  height: 20px;
}
.post-listing.post-type_job .grid {
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) and (max-width: 1023px) {
  .post-listing.post-type_job .grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 767px) {
  .post-listing.post-type_job .grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.post-listing.post-type_job .zone-1 * {
  line-height: 1;
  display: inline-block;
}
.post-listing.post-type_job .zone-1 .field-short_description {
  color: var(--color-primary);
  text-transform: uppercase;
}

.bg-custom_color .post-listing .item {
  background-color: white;
}

@media (prefers-reduced-motion: no-preference) {
  @keyframes wiggle {
    0% {
      transform: translateX(0);
    }
    30% {
      transform: translateX(calc(-1 * var(--wiggle-distance)));
    }
    50% {
      transform: translateX(calc(-1 * var(--wiggle-distance)));
    }
    80% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(0);
    }
  }
}

/*# sourceMappingURL=post-listing.css.map */