#exhibitions{
}
#exhibitions > header{
    -webkit-animation: colorchange 16s infinite;
    background-color:#FEC309;
    min-height: 40vh;
    animation: colorchange 16s infinite;
}
#exhibitions > header{
    align-items: center;
    justify-content: center;
    display: grid;
}
#exhibitions > header > h1{
    display: none;
}
#exhibitions > .content{
    margin: 0 auto;
    max-width: var(--site-content-max-width);
}
/* exhibitions */
.exhibitions{
    display: grid;
    padding: 1.6rem;
}
/* exhibition */
.exhibition{
    border-bottom: .1rem solid #D2D2D2;
    display: grid;
}
.exhibition > .description{
    font-size: 2.0rem;
    font-weight: 300;
    grid-area: description;
    line-height: 140%;
    opacity: .64;
}
.exhibition > .header{
    grid-area: header;
}
.exhibition > .header > .date{
    color: #646464;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 140%;
}
.exhibition > .header > .description{
}
.exhibition > .header > .location{
    color: #565656;
    font-size:1.4rem;
    font-weight: 300;
    line-height: 140%;
}
.exhibition > .header > .name{
    font-size: 2rem;
    font-weight: 300;
    line-height: 140%;
    margin: 0;
    text-transform: uppercase;
}
.exhibition > .header > .name > a{
    color: inherit;
}
.exhibition > .header > .name > a:hover{
    color: #FEC309;
}
.exhibition > .header > .place {
    color: #565656;
    font-size:1.4rem;
    font-weight: 300;
    line-height: 140%;
}
.exhibition > .poster{
    grid-area: poster;
    line-height: 0;
    margin: 0;
    overflow: hidden;
    max-width: 100%;
}
.exhibition > .poster > a{
    display:flex;
    flex:1;
    max-width: 100%;
}
.exhibition > .poster > a > img{
    filter: blur(0px);
    height: auto;
    object-fit:cover;
    object-position: center center;
    transition: filter 0.3s ease-in;
}
section.exhibitions:nth-child(even){
    background: #F2F2F2;
}
.exhibitions > header > h2{
    font-size: 3.2rem;
    font-weight: 100;
    text-transform: uppercase;
}
.exhibitions > .exhibition:last-child{
    border-bottom: none;
}
@media (max-width: 735px){
    .exhibitions > .exhibition{
        border-bottom-width: .4rem;
        grid-gap: 1.6rem;
        grid-template-columns: 1fr;
        grid-template-areas:
            'poster'
            'header'
            'description'
            'more';
        padding: 1.6rem 0;
    }
    .exhibitions > .exhibition img{
        max-height: 30vh;
        width: auto;
    }
    .exhibitions > .exhibition > .header > .name{
        line-height: 3.2rem;
        margin: 0;
        padding: 0;
    }
    .exhibition > .description{
        justify-content: center;
    }
}
@media (min-width: 736px){
    .exhibitions > .exhibition{
        grid-gap: 3.2rem;
        grid-template-columns: repeat(3,1fr);
        grid-template-areas:
            'poster header description'
            'poster header more';
        padding: 3.2rem 0;
    }
    .exhibitions > .exhibition img{
        object-fit:scale-down !important;
        height: auto;
        max-width: 100%;
        width: auto;
    }
}
@keyframes colorchange
{
    0%   {background: #323232;}
    16%  {background: #18C0FF;}
    32%  {background: #EB329F;}
    48%  {background: #FEC309;}
    64%  {background: #758E3D;}
    80%  {background: #FFFFFF;}
    100% {background: #323232;}
}
@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
{
    0%   {background: #323232;}
    16%  {background: #18C0FF;}
    32%  {background: #EB329F;}
    48%  {background: #FEC309;}
    64%  {background: #758E3D;}
    80%  {background: #FFFFFF;}
    100% {background: #323232;}
}