.gallery-masonry {
	margin: -5px;
	overflow: hidden;
	
	
}

.gallery-masonry .item {
	width: 25%;
	padding: 5px;
	display: block;
	
	cursor: pointer;
	
	border-radius: 8px!important;
}

.gallery-masonry .item {
	width: 25%;
    padding: 16px 9px 18px 9px;
    
    padding-top: 0px!important;
    padding-right: 9px!important;
    padding-bottom: 18px!important;
    padding-left: 9px!important;
    
    display: block;
    cursor: pointer;
    border-radius: 5px!important;

    z-index: 0;
}

.gallery-masonry {
	margin-right: -9px;

}

.gallery-masonry img {
	width: 100%;
	height: auto;
	display: block;
	background-color: #fff;
	backface-visibility: hidden;
	/*transition: 200ms;*/
	
	border-radius: 5px!important;
}

@media (max-width: 948px) { /* VIRA 3 COLUNAS */
	.gallery-masonry .item {
		width: 33.3333%;
	}
}

@media (max-width: 768px) { /* VIRA 2 COLUNAS */
	.gallery-masonry .item {
		width: 50%;
	}
}

@media (max-width: 480px) { /* VIRA 1 COLUNA */
	.gallery-masonry .item {
		width: 100%;
	}
}

.item_overlay{
  position: relative;
  display: inline-flex;

}

.item_overlay::before{
    
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 1;
  background: linear-gradient(to bottom, transparent 10%, var(--cor-principal) 150%);
  opacity: 0;
  transition: opacity 0.5s;
  
  border-radius: 6px!important;


}

.item:hover .item_overlay::before{
  opacity: 1;
  transition: opacity 0.5s;

}

.item:hover .conteudo-item{
    opacity: 1;
    transform: translate( 0px, 0px);
}

.conteudo-item{

  height: 70px;

  margin-top:-74px;
  position: relative;
  z-index: 2;
  opacity: 0;
  
  transition: transform 0.5s, opacity 0.3s;
  
      font-family: "Lato", Sans-serif;
    font-size: 24px;
    font-weight: 800;
    font-style: italic;
    
    text-align: center;
    color: white;
    
    transform: translate( 0px, 15px);
    
    /*background: rgba(0,0,0,0.7);*/
  
}

.descricao{
  
  font-size: 14px;
  opacity: 0.8;
  
  margin-top: 0px;
  
  
}