/*
* **********************************
* ################################## ESTILOS DE EXIBITION
* **********************************
*/

/*
========================
======================== EXIBITION
========================
*/

.exibition {
    margin: 100px 0;
}

.exibition .content {
    display: flex;
    flex-wrap: wrap;
}

.exibition-left {
    flex-basis: 60%;
    margin-right: 5%;
}

@media(max-width: 1024px){
    .exibition-left {
        flex-basis: 100%;
        margin-right: 0;
    }
}

@media(max-width: 1024px){
    .exibition-header{
        text-align: center;
    }
}

.exibition-header h1 {
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.2em;
    color: #000;
}

.highcontrast .exibition-header h1{
    color: #FFF;
}

.exibition-header span {
    font-size: 1.125em;
    line-height: 1.444;
    font-weight: 300;
    color: #000;
    margin-top: 15px;
    display: block;
}

.exibition-header p {
    font-size: 1.125em;
    line-height: 1.444;
    font-weight: 300;
    color: #000;
    margin-top: 15px;
    display: block;
}

.exibition-header p:before{
    color: #3cbb79;
}

.highcontrast .exibition-header p{
    color: #FFF;
}

.exibition-media {
    flex-basis: 100%;
    margin-top: 30px;
}

.exibition-media img {
    /*min-width: 100%;*/
    height: auto;
    object-fit: cover;

    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

    display: block;
    margin: 0 auto;
}

.exibition-left .htmlchars{
    margin-top: 50px;
    text-align: justify !important;
}

.exibition-left .htmlchars p,
.exibition-left .htmlchars h6 {
    font-size: 1.125em;
    line-height: 1.444;
    font-weight: 300;
    color: #000;
    margin-bottom: 15px;
    text-align: justify !important;
}



.highcontrast .htmlchars p{
    color: #FFF;
}

.exibition-gallery{
    margin-top: 50px;
}

.exibition-gallery-header h1 {
    font-size: 1.625em;
    font-weight: 700;
    color: #313338;
    text-transform: uppercase;
}

.highcontrast .exibition-gallery-header h1{
    color: #FFF;
}

.exibition-gallery-list{
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.exibition-gallery-item{
    flex-basis: 31.3333333333%;
    margin: 3% 3% 0 0;

    background: #3cbb79;
    overflow: hidden;

    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.exibition-gallery-item:nth-of-type(3n+0){
    margin-right: 0;
}

@media(max-width: 680px){
    .exibition-gallery-item,
    .exibition-gallery-item:nth-of-type(3n+0){
        flex-basis: 48.5%;
        margin: 3% 3% 0 0;
    }

    .exibition-gallery-item:nth-of-type(2n+0){
        margin-right: 0;
    }
}

.exibition-gallery-item img{
    min-width: 100%;
    height: 180px;
    object-fit: cover;

    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;

    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

@media(max-width: 400px){
    .exibition-gallery-item img {
        height: 130px;
    }
}

.exibition-gallery-item:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);

    opacity: .5;
}

.exibition-right {
    flex-basis: 35%;
}

@media(max-width: 1024px){
    .exibition-right {
        flex-basis: 100%;
        margin-top: 50px;
    }
}