/** Overview Page **/

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

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

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

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

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

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

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

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

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

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

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

.season-now .item .season-date, .season-past .item .season-date, .season-future .item .season-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;
}

.season-now .item .season-title, .season-past .item .season-title, .season-future .item .season-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;
}

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

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

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

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

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


}

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

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

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

/** Exposition Page **/

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

.container-season .season-line{
    margin: 0;
    padding: 0;
    /*text-align: justify;*/
}

.container-season .season-line:after{
    content: "";
    display: inline-block;
    width: 100%;
}

.container-season .blog-item--summary{
    display: inline-block;
    vertical-align: top;
    margin: 0 0 3em 0;
    /*width: 22.5%;*/
}

.container-season .season-line .blog-item--summary a{
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #000000;
    padding-bottom: 1em;

}


.container-season-overview a{
    /*color: #000000;*/
}

.container-season .blog-item--summary a:hover  , .container-season .blog-item--summary a:focus, .container-season .blog-item--summary a:active  {
    border-bottom: 1px solid #FF8F00;
    text-decoration: none;
    /*color: #ff8f00;*/
}

.container-season .blog-item--summary figure, .container-season .blog-item--summary figure img{
    max-width: 100%;
    text-align: center;
}

.container-season .blog-item--summary figure img{
    width: inherit;
}

.container-season .blog-item--summary .blog-item_date{
    font-family: 'TradeGothicLTStd';
    font-size: 1.5em;
    color: #000000;
    margin-top: 0.7em;
    display: inline-block;
    line-height: 1;
}

.container-season .blog-item--summary .blog-item_title{
    font-family: 'TradeGothicLTStd-Bold';
    color: #000000;
    text-transform: uppercase;
    font-size: 1.7em;
    line-height: 1.1;
    margin: 0 0 0.1em 0;
    white-space: pre-line;
}

.container-season .programme p{
    text-transform: uppercase;
    font-family: 'TradeGothicLTStd-Bold';
    font-size: 1.7em;
    margin: 0.5em 0 0;
    letter-spacing: 1px;
    white-space: pre-line;
    color: #000000;
}

.container-season .programme img{
    width: 70%;
}

.container-season a:hover, .container-season a:focus, .container-season a:active{
    color: #ff8f00;
}

.container-season-overview a:hover, .container-season-overview a:focus, .container-season-overview a:active {
    text-decoration: inherit;
    color: #ff8f00;
}

.container-season .blog-item--summary a:hover .blog-item_date , .container-season .blog-item--summary a:focus .blog-item_date, .container-season .blog-item--summary a:active .blog-item_date,
.container-season .blog-item--summary a:hover .blog-item_title , .container-season .blog-item--summary a:focus .blog-item_title, .container-season .blog-item--summary a:active .blog-item_title,
.container-season .blog-item--summary a:hover p , .container-season .blog-item--summary a:focus p, .container-season .blog-item--summary a:active p  {
    color: #ff8f00;
}
@media screen and (min-width: 992px) {
    .container-season .season-line > li.link-bloc{
        padding-right: 0;
        padding-left: 30px;
    }
    .container-season .season-line > li.link-bloc.blocmod1{
        padding-right: 30px;
        padding-left: 0;
    }

    .container-season .season-line > li.link-bloc.blocmod3{
        padding-right: 0;
        padding-left: 15px;
    }

    .container-season .season-line > li.link-bloc.blocmod2{
        padding-right: 15px;
        padding-left: 0;
    }


}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .container-season .season-line > li.link-bloc{
        padding-right: 0;
        padding-left: 15px;
    }
    .container-season .season-line > li.link-bloc.blocmod-sm-1{
        padding-right: 15px;
        padding-left: 0;
    }
    .container-season .season-line > li.link-bloc.blocmod-sm-2{
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media screen and (max-width: 767px) {
    .container-season .season-line > li.link-bloc{
        padding-right: 0;
        padding-left: 15px;
    }
    .container-season .season-line > li.link-bloc.blocmod-xs-1{
        padding-right: 15px;
        padding-left: 0;
    }
}