/* >> Galéria CSS
----------------------------------------------------*/
.pswp *{position: initial;} /* contra reset.css for photoswipe */

.m-gallery_list{margin-top: 1em; text-align: center;}
.m-gallery_list .gallery-item{color: #626262; margin-bottom: 1em; display: block; text-align: left;}
.m-gallery_list .gallery-item img{margin-bottom: 0.5em;}
.m-gallery_list .gallery-item span{font-weight: bold; margin-bottom: 4px; line-height: 1.43; display: block;}
.m-gallery_list .gallery-item span:hover{color: #cd1719;}
.m-gallery_list .gallery-item time{font-size: 0.875em; font-style: italic;}
.m-gallery_list button{text-align: center; background: #CD1719; color: #fff; border-radius: 4px; text-transform: uppercase; padding: 0.675em 1em; border: none; outline: none; cursor: pointer; margin-top: 2em;}

.m-gallery_end .gallery-item{display: block; margin: 1em 0; cursor: pointer;}


/* >> Tab & PC
--------------------------------------------*/
@media only screen and (min-width: 520px){

    .m-gallery_list .gallery-item img{max-width: 32%; margin-right: 2%; float: left; margin-bottom: 0;}
    .m-gallery_list .gallery-item .clearfix{width: 64%; float: right;}

    .m-gallery_end .gallery-item{width: 32%; margin-right: 2%; float: left; margin-bottom: 0;}
    .m-gallery_end .gallery-item:nth-child(3n){margin-right: 0;}
}