/* ======================================================================================================================== */
/* PÁGINA "CERVEJAS" */
/* ======================================================================================================================== */

/* TODO: Colocar fundo da garrafa transparente, caso contrário vê-se um rectângulo branco quando o layout é ajustado e uma */
/* garrafa muda de posição (não deverá acontecer normalmente excepto ao redimensionar browser e talvez ao rodar o telemóvel */


/* remove espaço em branco entre menu e conteúdo */
.qt-pagina-cervejas #header { margin-bottom: 24px; }

/* impede que apareça um rectangulo colorido ao fazer hover a uma cerveja */
.qt-pagina-cervejas .thb-work-overlay { background: rgb(200,200,200); background: rgba(245,245,245,0.6); }
/* impede sublinhado qd link da imagem da cerveja recebe focus*/
.qt-pagina-cervejas a.work-thumb { outline: 0 none; } 
.qt-pagina-cervejas .work-data { text-align: center; }
/* esconde "+" de cada imagem quando hover */

.qt-pagina-cervejas .work-categories { display:none; }

/* torna apenas a imagem mais clara ao fazer hover (efeito overlay entre camada overlay e imagem) */
/* só faze sentido em desktop, até pq causa flicker das imagens no Firefox Mobile */
.thb-desktop.qt-pagina-cervejas .thb-work-overlay { mix-blend-mode: overlay; }

.qt-pagina-cervejas .thb-work-overlay::before { display: none !important; }

.qt-pagina-cervejas .thb-work-overlay:hover {
	border: 3px solid transparent;
	border-radius:8px;
}

/* TEMPORÁRIO */
/* reduz um pouco o tamanho das cervejas e assim não deixa que as imagens não sejam esticadas */
/* no futuro criar imagens um pouco maiores que sejam reduzidas em vez de esticadas */
.qt-pagina-cervejas #thb-portfolio-container ul { margin-left:5%; margin-right:5%; }

@media (max-height:768px) {
	.qt-pagina-cervejas #thb-portfolio-container ul { margin-left:15%; margin-right:15%; }
	.qt-pagina-cervejas .thb-section-extra { padding-bottom: 0 !important; }
	.qt-pagina-cervejas .thb-section-extra h2 { font-size: 60%; }
}


/* reduz espaço entre título "indisponivel / em desenvolvimento" e as cervejas */
.qt-pagina-cervejas .thb-section-extra {
    padding: 36px 0px;
}



/* ======================================================================================================================== */
/* PÁGINA SINGLE-WORKS (PÁGINA INDIVIDUAL DA CERVEJA) */
/* ======================================================================================================================== */

body.single-works .thb-project-info p {
	display: inline-block;
	color:#BBB;
	font-weight: bold;
}


body.single-works .thb-project-info .thb-project-label {
	font-weight: bold;
	text-transform: uppercase;
	width: 6em;
	display: inline-block;
	color: #837988;
}

/* remove entrada com categoria do item */
body.single-works .thb-project-info p:last-child { display:none; }



/* PARA O FUTURO */


/* CENTRA 1 CERVEJA EM DUAS COLUNAS */
/* "aldrabado" porque originalmente apenas suporta 3 colunas e alinhadas à esquerda */
/*
body.page-id-167 .thb-grid-layout-3cols li {
	width: 33.3333% !important;
	margin-left: 33.3333% !important;
	margin-right: 33.3333% !important;
}
*/

/* PARA O FUTURO */
/* CENTRA 2 CERVEJAS EM DUAS COLUNAS */
/* "aldrabado" porque originalmente apenas suporta 3 colunas e alinhadas à esquerda */
/*
body.page-id-167 .thb-grid-layout-3cols li {
	width: 33.3333% !important;
	margin-right: 16.66665% !important;
}
body.page-id-167 .thb-grid-layout-3cols li:first-of-type {
	margin-left: 16.66665% !important;
	margin-right: 0 !important;
}
*/