
*{
color: #1a398a;
}
.navbar-toggler{
    position: absolute;
    top: 25px;
    right: 0;
}

.main-programacao p,h5,em,strong {
    color: #fff;
}
h5.title-programacao{
    color: #73ecff;
}


.description-prog div{
border-left:2px solid #fff;
padding-left: 20px;
}
.description-prog p{
margin-top: 12px;
color: #fff;
}
.description-prog strong{
color: #fff;
}
.days-date p{
color: #fff;
}
.separator-line{
display: block;
height: 59px;
background: url("https://s3-sa-east-1.amazonaws.com/cms.yaayoo.com.br/saobras/separator-line.png")  no-repeat center top;
margin: 10px 0;
}
.main-musicas p{
text-transform: lowercase;
}
.main-musicas span{
text-transform: uppercase;
}
.main-musicas h4{
color: #1c4fe2;
}

.back-galery{
background:url("https://s3-sa-east-1.amazonaws.com/cms.yaayoo.com.br/saobras/back-galery.jpg") no-repeat fixed;
height: 700px;
}
.imagem-galeria{
width: calc(24.3% - 6px);
height: auto;
background: transparent;
float: left;
margin: 6px;
padding: 8px;
box-shadow: 0 0 20px #152e4a;
}
.imagem-galeria figure {
margin: 0;
padding: 0;
background: #fff;
overflow: hidden;
}
/* Zoom In #1 */
.hover-img figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.hover-img figure:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
.back-notice{
    background: #fff url("https://s3-sa-east-1.amazonaws.com/cms.yaayoo.com.br/saobras/texture-sao-bras-notice.png") repeat-x top;
}
.social-footer a{
     margin: 10px;
     font-size: 2.5em;
    }
.social-footer i{
    color: #fff;
}
.social-footer i:hover{
    color: #1d8dff;
}
.fonte-release{
    float: left;
    margin-top: 25px;
    position: absolute;
    bottom: 25px;
}



/*LIGHTBOX*/
* { box-sizing: border-box;}
a {color: #4ab19a;}

.main-wrapper-gallery {
    max-width: 100%;
    width: 100%;
    padding: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
    float: left;
}
img.big {
    width: 33% !important;
}
.main-wrapper-gallery .gallery a img {
    float: left;
    width: 14%;
    height: 120px;
    border: 2px solid #fff;
    -webkit-transition: -webkit-transform .15s ease;
    -moz-transition: -moz-transform .15s ease;
    -o-transition: -o-transform .15s ease;
    -ms-transition: -ms-transform .15s ease;
    transition: transform .15s ease;
    position: relative;
}

.main-wrapper-gallery .gallery a:hover img {z-index: 5;}
/*.main-wrapper-gallery .gallery a.big img { width: 40%;}*/
.align-center {text-align: center;}

@media (max-width: 600px) {
    .main-wrapper-gallery .gallery a img {
        width: 33%;
        height: 80px;
    }

    h3.title-programacao{
        font-size: 1.5em;
        border-top: 1px solid #3f51b5;
        border-bottom: 1px solid #3f51b5;
        padding: 5px 0;
    }
    .fonte-release{
        position: relative;
        bottom: 0;
    }

}

/*LIGHTBOX*/

@media only screen and (max-width : 768px) {
    .bg-mob-header{
        background: #17a2b8;
    }
    .back-galery{
        background:#23366d ;
        height: auto;
    }
    .imagem-galeria{
        width: 45.3%;
        /* box-sizing: border-box; */
    }

}
@media (min-width: 768px) and (max-width: 991.98px) {
    .card-body{
        min-height: 500px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .card-body{
        min-height: 600px;
    }
     }
@media (min-width: 1200px) and (max-width: 1390px) {
    .card-body{
        min-height: 600px;
    }
}
@media (min-width: 1400px) {
    .card-body{
        min-height: 400px;
    }
}
/*
.number-date{
    width: 130px;
    float: left;
    background: red;
}
.number-date h1{
    font-size: 8em;
    float: left;

}
.days-date{
    font-size: 1.3em;
    background: orange;
    float: left;
    margin-top:50px;
}
.days-date strong{
    font-size: 1.3em;
}*/