/* PERFIL AMADOR */

.fonte {
    font-family: 'Roboto', sans-serif;
    font-size:2em;
}

.capa-anuncio img {
    width:100%;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

body {
    background-color:#eee;
}

/* GALERIA MASONRY */
.masonry {
    column-count:4;
	-webkit-column-count: 4; /* Chrome, Safari, Opera */
	-moz-column-count: 4; /* Firefox */

    column-gap:1em;
	-webkit-column-gap:1em;
	-moz-column-gap:1em;	
}

@media (max-width: 576px)
{
    .masonry {
        column-count:3;
		-webkit-column-count: 3;
		-moz-column-count: 3; 
    }
}

.masonry figure {
    display:inline-block;
    width:100%;
    margin: 0 0 1em;
	/*padding:2px;*/
}

.masonry img {
    width:100%;
}

/* Necessário para PhotoSwipe, a galeria que uso no site */
.my-gallery2 {
  width: 100%;
}

.titulo-fotos {
	font-family: 'Caveat', cursive;
	font-size: 2em;
	color:black;
}

/* VIEW VIDEO */
.favme {
	font-size: 1.2em;
}

.favme.active {
	color: #DC3232;
}

.favme.active:hover {
    color:#b03030;
}


.fav-btn a {
    color:#b5b5b5;
    text-decoration: none;
}

.fav-btn a:hover {
    color:#898888;
}

.preview-assine {
    position:relative;
}

.preview-assine:hover .play-btn {
    opacity:1;
}

.play-btn:hover {
    opacity:1;
}

.play-btn {
    position:absolute;
    z-index:300;
    opacity:1;
    top:55%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* para a página nova de amadores */

/* gradiente atrás da página do perfil amador */
.bg-profile {
    background-image: radial-gradient(circle farthest-side at center bottom,#3f3f3f,#777 125%);
}

/* aquele céu estrelado atrás do ícone do perfil */
.cover-capa-perfil {
    background-image: url(/bib/img/site/ceu-estrelado.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	color: white;
}

/* para deslocar o ícone do perfil um pouco pra baixo */
.deslocar-icon-perfil {
	transform: translateY(30px);
}