section.employees .employee-item {
  cursor: pointer;
  height: 100%;
  min-height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
section.employees .employee-item .img-wrapper {
  height: 100%;
  width: 100%;
}
section.employees .employee-item .img-wrapper img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  aspect-ratio: 1;
}
section.employees .employee-item .content-wrapper {
  position: relative;
  z-index: 20;
  height: 100%;
  background-color: #000;
  color: #fff;
  padding: 20px 29px 48px;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
section.employees .employee-item .content-wrapper .title {
  font: var(--h5-font);
  text-transform: none;
  -webkit-hyphens: initial;
      -ms-hyphens: initial;
          hyphens: initial;
}
section.employees .employee-item .content-wrapper .info a {
  pointer-events: none;
}
section.employees .employee-item .content-wrapper .info a::after {
  border: none !important;
}
section.employees .employee-item .content-wrapper .description {
  display: none;
}
section.employees .modal {
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99999;
  background-color: hsla(0, 0%, 90%, 0.8);
  -webkit-transition: var(--nav-transition);
  transition: var(--nav-transition);
  pointer-events: none;
}
section.employees .modal.active {
  opacity: 1;
  pointer-events: all;
}
section.employees .modal .modal-outer {
  width: 100%;
  height: 100%;
  overflow: scroll;
}
section.employees .modal .modal-inner {
  position: relative;
  background-color: #fff;
  padding: 200px 20px;
}
@media screen and (max-width: 47.9375em) {
  section.employees .modal .modal-inner {
    grid-auto-flow: row !important;
  }
}
section.employees .modal .modal-inner .image-wrapper {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
section.employees .modal .modal-inner .image-wrapper .modal-image {
  height: 100%;
}
section.employees .modal .modal-inner .image-wrapper .modal-image .img-wrapper {
  display: -ms-grid;
  display: grid;
  width: 100%;
  min-width: 225px;
  max-width: 369px;
  min-height: 474px;
  height: 100%;
}
@media screen and (max-width: 61.9375em) {
  section.employees .modal .modal-inner .image-wrapper .modal-image .img-wrapper {
    max-width: none;
    max-height: none;
  }
}
section.employees .modal .modal-inner .image-wrapper .modal-image .img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.employees .modal .modal-inner > .content-wrapper {
  max-width: 740px;
  display: -ms-grid;
  display: grid;
  row-gap: 35px;
  padding: 0 48px;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
section.employees .modal .modal-inner > .content-wrapper .content-wrapper {
  row-gap: 35px;
}
@media screen and (max-width: 61.9375em) {
  section.employees .modal .modal-inner > .content-wrapper {
    padding: 0 30px;
  }
}
@media screen and (max-width: 47.9375em) {
  section.employees .modal .modal-inner > .content-wrapper {
    padding: 0 10px;
  }
}
section.employees .modal .modal-inner > .content-wrapper h2 {
  font-size: clamp(45px, 6vw, 70px);
  line-height: clamp(55px, 6vw, 95px);
  -webkit-hyphens: initial;
      -ms-hyphens: initial;
          hyphens: initial;
}
@media screen and (max-width: 47.9375em) {
  section.employees .modal .modal-inner > .content-wrapper h2 {
    font: var(--h2-font);
  }
}
section.employees .modal .modal-inner > .content-wrapper .info p {
  font: var(--lead-font);
}
section.employees .modal .modal-inner .close-modal {
  cursor: pointer;
  position: absolute;
  top: 40px;
  right: 50px;
}
@media screen and (max-width: 47.9375em) {
  section.employees .modal .modal-inner .close-modal {
    right: var(--side-padding);
  }
}
section.employees .modal .modal-inner .close-modal::after {
  content: url("/wp-content/themes/kulinarisk-akademi-live/assets/cross.svg");
}