/** Overview Page **/

.expo_title_page{
    text-transform: uppercase;
    color: #ff8f00;
    font-family: 'TradeGothicLTStd-Bold';
    font-size: 3.4em;
    margin-top: 1em;
    margin-bottom: 0;
}

.expo-summary{
    width: 100%;
    margin: 1% 0 6%;
    padding: 0;
    list-style: none;
    display: inline-block;
}

.expo-summary li{
    font-size: 2.4em;
    font-family: 'TradeGothicLTStd-Bold';
    display: inline;
    vertical-align: middle;
    margin-right: 5%;
    text-transform: uppercase;
    color: #707070;
}

.expo-summary li:last-child{
    margin-right: 0;
}

.expo-summary li:hover, .expo-summary li:focus{
    color: #ff8f00;
    text-decoration: underline;
}

.container-exposition-overview{
    font-size: 1.1em;
}

.expo-cat{
    text-transform: uppercase;
    font-family: 'TradeGothicLTStd-Bold';
}

.expositions-now, .expositions-past, .expositions-future{
    margin: 3em 0 4em 0;
    padding: 0;
    display: inline-block;
    position: relative;
}

.expositions-now li, .expositions-past li, .expositions-future li{
    display: inline-block;
    vertical-align: top;
    margin: 0 0 3em 0;
    /*width: 23%;*/
}

.expositions-now .item, .expositions-past .item, .expositions-future .item{
    display: inline-block;
    border-bottom: 1px solid #000000;
    vertical-align: top;
    width: 100%;
    position: relative;
}

.expositions-now .item img, .expositions-past .item img, .expositions-future .item img{
    width: 80%;
}

.expositions-now .item .expo-date, .expositions-past .item .expo-date, .expositions-future .item .expo-date{
    text-transform: uppercase;
    font-family: 'TradeGothicLTStd';
    font-size: 1.3em;
    margin: 0.5em 0 0;
    letter-spacing: 1px;
    white-space: pre-line;
    color: #000000;
}

.expositions-now .item .expo-title, .expositions-past .item .expo-title, .expositions-future .item .expo-title{
    text-transform: uppercase;
    font-family: 'TradeGothicLTStd-Bold';
    font-size: 1.4em;
    margin: 0 0 1em;
    letter-spacing: 1px;
    white-space: pre-line;
    color: #000000;
}

.expositions-now a:hover .item, .expositions-now a:focus .item, .expositions-now a:active .item,
.expositions-past a:hover .item, .expositions-past a:focus .item, .expositions-past a:active .item,
.expositions-future a:hover .item, .expositions-future a:focus .item, .expositions-future a:active .item{
    border-bottom: 1px solid #FF8F00;
}

.expositions-now a:hover .item .expo-title, .expositions-now a:focus .item .expo-title, .expositions-now a:active .item .expo-title,
.expositions-now a:hover .item .expo-date, .expositions-now a:focus .item .expo-date, .expositions-now a:active .item .expo-date,
.expositions-past a:hover .item .expo-title, .expositions-past a:focus .item .expo-title, .expositions-past a:active .item .expo-title,
.expositions-past a:hover .item .expo-date, .expositions-past a:focus .item .expo-date, .expositions-past a:active .item .expo-date,
.expositions-future a:hover .item .expo-title, .expositions-future a:focus .item .expo-title, .expositions-future a:active .item .expo-title,
.expositions-future a:hover .item .expo-date, .expositions-future a:focus .item .expo-date, .expositions-future a:active .item .expo-date{
    color: #ff8f00;
}

@media screen and (min-width: 992px) {
    .expositions-now > li.link-bloc, .expositions-past > li.link-bloc, .expositions-future > li.link-bloc{
        padding-right: 0;
        padding-left: 30px;
    }
    .expositions-now > li.link-bloc.blocmod1, .expositions-past > li.link-bloc.blocmod1, .expositions-future > li.link-bloc.blocmod1{
        padding-right: 30px;
        padding-left: 0;
    }

    .expositions-now > li.link-bloc.blocmod3, .expositions-past > li.link-bloc.blocmod3, .expositions-future > li.link-bloc.blocmod3{
        padding-right: 0;
        padding-left: 15px;
    }

    .expositions-now > li.link-bloc.blocmod2, .expositions-past > li.link-bloc.blocmod2, .expositions-future > li.link-bloc.blocmod2{
        padding-right: 15px;
        padding-left: 0;
    }


}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .expositions-now > li.link-bloc, .expositions-past > li.link-bloc, .expositions-future > li.link-bloc{
        padding-right: 0;
        padding-left: 15px;
    }
    .expositions-now > li.link-bloc.blocmod-sm-1, .expositions-past > li.link-bloc.blocmod-sm-1, .expositions-future > li.link-bloc.blocmod-sm-1{
        padding-right: 15px;
        padding-left: 0;
    }
    .expositions-now > li.link-bloc.blocmod-sm-2, .expositions-past > li.link-bloc.blocmod-sm-2, .expositions-future > li.link-bloc.blocmod-sm-2{
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media screen and (max-width: 767px) {
    .expositions-now > li.link-bloc, .expositions-past > li.link-bloc, .expositions-future > li.link-bloc{
        padding-right: 0;
        padding-left: 15px;
    }
    .expositions-now > li.link-bloc.blocmod-xs-1, .expositions-past > li.link-bloc.blocmod-xs-1, .expositions-future > li.link-bloc.blocmod-xs-1{
        padding-right: 15px;
        padding-left: 0;
    }
    .expositions-now .item .expo-title, .expositions-past .item .expo-title, .expositions-future .item .expo-title{
        font-size: 1.1em;
    }

    .expositions-now .item .expo-date, .expositions-past .item .expo-date, .expositions-future .item .expo-date {
        font-size: 1.0em;
    }
}


/** Exposition Page **/

.expo_page_title, .expo_subpage_title{
    text-transform: uppercase;
    color: #ff8f00;
    font-family: 'TradeGothicLTStd-Bold';
    font-size: 2.9em;
    margin-top: 1em;
    margin-bottom: 0;
}

.expo_subpage_title{
    margin-top: 0;
}

.expo_page_title span.date, .expo_subpage_title span.date{
    font-family: 'TradeGothicLTStd';
}

.expo_page_title span.title{
    line-height: 1.5;
}

.exposition-sub-part{
    margin: 3em 0 4em 0;
    padding: 0;
}

.exposition-sub-part li{
    display: inline-block;
    vertical-align: top;
    margin: 0 3% 3em 0;
    width: 22%;
}

.exposition-sub-part .item{
    display: inline-block;
    border-bottom: 1px solid #000000;
    vertical-align: top;
    width: 100%;
    position: relative;
}

.exposition-sub-part .item img{
    max-height: 255px;
}

.exposition-sub-part .item .expo-part-title{
    text-transform: uppercase;
    font-family: 'TradeGothicLTStd-Bold';
    font-size: 1.5em;
    margin: 0.5em 0 1em;
    letter-spacing: 1px;
    white-space: pre-line;
    color: #000000;
}

.exposition-sub-part a:hover .item, .exposition-sub-part a:focus .item, .exposition-sub-part a:active .item{
    border-bottom: 1px solid #FF8F00;
}

.exposition-sub-part a:hover .item .expo-part-title, .exposition-sub-part a:focus .item .expo-part-title, .exposition-sub-part a:active .item .expo-part-title{
    color: #ff8f00;
}

.exposition-sub-part > li:nth-child(4n){
    margin: 0 0 3em 0;
}

.subtitle_expo_page{
    margin-top: 1em;
    font-size: 2.9em;
    text-transform: uppercase;
    font-family: 'TradeGothicLTStd-Bold';
    color: #000000;
}

.expo-text{
    font-size: 1.1em;
}

.expo_videos li{
    width: 31%;
    margin: 0 2.4% 3em 0;
}

.expo_videos li video{
    width: 100%;
}

.expo_videos > li:nth-child(3n){
    margin: 0 0 3em 0;
}

.expo_videos p.video-caption{
    font-family: 'TradeGothicLTStd-Bold';
    font-size: 1.1em;
    color: black;
    text-transform: uppercase;
}

.artworks{
    margin-top: 4em;
}

.artwork:not(:first-child){
    margin-top: 8em;
}

.artwork figure{
    height: 300px;
    text-align: left;
    display: inline-block;
    margin-bottom: 1em;
}

.artwork figure img{
    height: 100%;
}

.artwork .expo-desc, .artwork .expo-desc-div{
    margin: 0;
    color: #000000;
    font-family: 'TradeGothicLTStd';
}

.artwork .expo-desc-div p{
    margin: 0;
}

.artwork .expo-desc{
    font-size: 1.1em;
}

.artwork .artwork-text{
    margin-top: 1em;
    color: black;
    font-size: 1.1em;
}

@media screen and (max-width: 768px) {
    .exposition-sub-part > li{
        width: 31%;
        margin: 0 2.4% 3em 0;
    }

    .exposition-sub-part > li:nth-child(4n){
        margin: 0 2.4% 3em 0;
    }

    .exposition-sub-part > li:nth-child(3n){
        margin: 0 0 3em 0;
    }

    .expo_videos > li{
        width: 48%;
        margin: 0 2.4% 3em 0;
    }

    .expo_videos > li:nth-child(4n), .expo_videos > li:nth-child(3n){
        margin: 0 2.4% 3em 0;
    }

    .expo_videos > li:nth-child(2n){
        margin: 0 0 3em 0;
    }
}

@media screen and (max-width: 480px) {
    .exposition-sub-part > li{
        width: 48%;
        margin: 0 2.4% 3em 0;
    }

    .exposition-sub-part > li:nth-child(4n), .exposition-sub-part > li:nth-child(3n){
        margin: 0 2.4% 3em 0;
    }

    .exposition-sub-part > li:nth-child(2n){
        margin: 0 0 3em 0;
    }

    .exposition-sub-part .item .expo-part-title{
        font-size: 1.2em;
    }

    .expo_videos > li{
        width: 100%;
        margin: 0 0 3em 0;
    }

    .expo_videos > li:nth-child(4n), .expo_videos > li:nth-child(3n), .expo_videos > li:nth-child(2n){
        margin: 0 0 3em 0;
    }
}