/*  __      ___ _ _________ _          ___ _____ */
/* |_ \ /|_| | |_) |  |  | / \|\|   |   | (_  |  */
/* |__/ \| |_|_|_)_|_ | _|_\_/| |   |___|___) |  */
.list-exhibition {
  --columns: 2;
}

.list-exhibition article {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.list-exhibition article img {
  width: 100%;
  aspect-ratio: 22/10;
  object-fit: cover;
}

.list-exhibition article header {
  padding: 15px;
}

.list-exhibition article header div {
  text-align: left;
  line-height: 26px;
  color: var(--secondary-color);
}

.list-exhibition article header time {
  color: var(--secondary-color);
} 

.list-exhibition article header h2 {
  max-height: 3.6em;
  overflow: hidden;
}


/*  __      ___ _ _________ _     */
/* |_ \ /|_| | |_) |  |  | / \|\| */
/* |__/ \| |_|_|_)_|_ | _|_\_/| | */
.single-exhibition > main > article {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.single-exhibition > main > article > .description {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border: 1px solid var(--off-color);
  padding: 24px;
}

.single-exhibition .exhib-desc {
  max-height: calc(6 * 26px);
  overflow: hidden;
  transition: 1.5s max-height ease-in;
}
.single-exhibition .exhib-desc.full {
  max-height: 1000px;
}

.single-exhibition p.bitonio {
  text-align: right;
  margin-right: 36px;
}


.list-view {
  --columns: 2;
}

.list-view article {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border: none;
  padding: 0px;
}

.list-view article img {
  width: 100%;
  object-fit: cover;
}

.single-exhibition .bullet:nth-last-child(-n+3) {
  display: none;
}


.single-exhibition > main > h2 {
  margin-top: 80px;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 30px;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: end;
}

.single-exhibition > main > h2:after {
  content: "-";
  height: 2px;
  color: transparent;
  background-color: var(--cta-color);
  flex: 1;
  margin-left: 10px;
  position: relative;
  top: -5px;
}

/* small screens */
@media screen and (max-width: 812px) {
    .list, .list-exhibition, .list-view, .list-artist {
        --columns: 1;
    }
    .list-exhibition article img {
        aspect-ratio: 7/5;
    }
    .list-exhibition article header {
        padding: 0;
    }
    .single-exhibition .bullet:nth-last-child(-n+3) {
        display: initial;
    }
    .single-exhibition > main {
        gap: 0px;
    }
    .single-exhibition > main > h2 {
        margin-top: 60px;
        margin-bottom: 16px;
    }
    .single-exhibition .description {
        margin: 16px 0px;
    }
}