/**********************\
    SINGLE EXHIBITION
\**********************/

.single-exhibition h1 {
  margin: 0 0 10px;
}
.exhibition-companies {
  margin: 50px 0 0;
}
.exhibition-companies > .wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.exhibition-companies > h3 {
  margin: 0 0 20px;
}
.exhibition-company {
  position: relative;
  width: 31.33%;
  margin-right: 3%;
  border-bottom: 1px solid black;
  text-align: center;
  padding-bottom: 10px;
}
.exhibition-company:nth-of-type(3n) {
  margin-right: 0;
}
.exhibition-company .logo {
  width: 100%;
  margin-bottom: 18px;
  padding-bottom: 50%;
  position: relative;
  height: 0;
}
.exhibition-company .logo img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/**********************\
    EXHIBITION LIST
\**********************/

.exhibition-list {
  display: grid;
  grid-template-rows: repeat(auto-fit, 1fr);
  grid-row-gap: 16px;
  /* padding: 1rem;
  background: #eee; */
}

.exhibition-list .post-wrap .post-text h2 {
  font-size: 1.45rem;
}

.exhibition-list .post-wrap .post-text a:hover h2{
  font-size: 1.45rem;
}

.exhibition-list .post-wrap {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  transition: all 250ms ease-in-out;
}
.exhibition-list .post-wrap:not(:only-child) {
  margin-bottom: 1rem;
}
.exhibition-list .post-wrap:hover {
  left: inherit;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  transform: scale(1.025);
  cursor: pointer;
}

.exhibition-list .post-wrap:hover img {
}

.exhibition-list .post-image {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  max-width: none;
  height: auto;
}

.exhibition-list .post-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 250ms ease-in-out;
}

.exhibition-list .post-text {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  margin: 0;
}
/* RESPONSIVE */
@media only screen and (max-width: 500px) {
  .exhibition-company {
    width: 47%;
  }
  .exhibition-company:nth-of-type(3) {
    margin-right: 3%;
  }
  .exhibition-company:nth-of-type(2n) {
    margin-right: 0;
  }
}