/* ======================================================================================================================== */
/* PÁGINA "SOBRE" */
/* ======================================================================================================================== */

.qt-pagina-sobre #qt-volume {
	position:absolute;
	right:20px;
	padding-left: 10px;
	padding-right: 10px;
	top: 0px;
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	color: #444;
}

.qt-pagina-sobre #qt-volume:hover {
	cursor: pointer;
}

.qt-pagina-sobre #qt-volume.disabled {
	color: #bbb;
}

@media (max-width:799px) {
	/* na presença do menu mobile, coloca volume à esquerda do mm */
	.qt-pagina-sobre #qt-volume {
		right: 55px;
		margin-top: 13px;
		font-size: 1.6em;
	}
}


.qt-pagina-sobre.thb-mobile .qt-seta-baixo { display: none; }
@media (max-width:799px){ .qt-pagina-sobre .qt-seta-baixo { display: none; } }

.qt-pagina-sobre .qt-seta-baixo {
	position: absolute;
	width:4em;
	bottom: 0;
	left: 50%;
	animation: 1.2s linear 0s normal none infinite running arrowdown;
	transform: rotate(180deg);
}

.qt-pagina-sobre .qt-seta-baixo:hover { cursor: pointer; }

.qt-pagina-sobre .qt-seta-baixo:after {
	content: 'M';
	font-family: one;
	font-size:4em;
	color: #CCCCCC;
	margin-left:50%;
}

@-webkit-keyframes  {
  0%       { bottom:5px; }
  25%, 75% { bottom:10px; }
  50%      { bottom:15px; }
  100%     { bottom:2px;}
}
     
@-moz-keyframes {
  0%       { bottom:5px; }
  25%, 75% { bottom:10px; }
  50%      { bottom:15px; }
  100%     { bottom:2px;}
}
     
@-o-keyframes {
  0%       { bottom:5px; }
  25%, 75% { bottom:10px; }
  50%      { bottom:15px; }
  100%     { bottom:2px;}
}

@keyframes arrowdown {
  0%       { bottom:5px; }
  25%, 75% { bottom:10px; }
  50%      { bottom:15px; }
  100%     { bottom:2px;}
}
        

/* remove padding de topo na primeira secção (.seccao-sobre) quando em tamanho pequeno */
@media screen and (max-width: 797px) {
	.responsive_480 .qt-pagina-sobre .seccao-sobre .thb-section-extra {
	    padding-top: 0;
	}
}

/* centra títulos */
.qt-pagina-sobre .thb-section-block-title { text-align:center; }

/* remove espaço em branco entre cabeçalho e primeira secçao */
.qt-pagina-sobre #header { margin-bottom: 0; }

.qt-pagina-sobre .seccao-sobre .titulo p { text-transform: lowercase; }

.qt-pagina-sobre .seccao-sobre .texto {
	margin-left:5%;
	margin-right:5%;
	text-align: justify;
	text-indent: 1.5em;
	font-size:115%;
}

/* TEXTO NAS SECÇÕES DE FOTOS */

/*.qt-pagina-sobre .seccao-foto h2 { font-weight: normal !important; }*/

/* SECCAO FOTO 1 - Tourada */

.qt-pagina-sobre .seccao-foto1 .texto {
	margin-top:1em;
}

.qt-pagina-sobre .seccao-foto1 .texto .thb-section-block-title { /* titulo */
	color: #fff !important;
	text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
	padding:0; 
	color:#222 !important;
} 

.qt-pagina-sobre .seccao-foto1 .texto .thb-text { margin-top: 0.5em; }


/* SECCAO FOTO 2 - Terceira */
.qt-pagina-sobre .seccao-foto2 .texto { margin-top:0.5em; margin-left: 2em; width: 400px; } /* bloco */
.qt-pagina-sobre .seccao-foto2 .texto .thb-section-block-title  {  /* título */
	text-align: left; 
	color: #EEE !important;
	text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
}

.qt-pagina-sobre .seccao-foto2 .texto .linha1 {
	font-size:1.1em;
	margin-top: 10px !important;
	margin-left: 1em;
	color: #BBB !important;
	text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
}


.qt-pagina-sobre .seccao-foto2 .texto .linha2 {
	font-size:1.1em;
	margin-top: 5px;
	margin-left: 1em;
	color: #BBB !important;
	text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
}

.qt-pagina-sobre .qt-foto2-creditos {
	position:absolute;
	bottom: 10px;
	right: 65px;
	font-weight: normal;
	font-size: 0.9em;
	color: #AAA;
	color:rgba(220,220,220,0.9);
}

.qt-pagina-sobre.thb-mobile .qt-foto2-creditos { right: 10px; color:rgba(200,200,200,0.6); }

/* SECCAO FOTO 3 */

/*

.qt-pagina-sobre .seccao-foto3 { background-color: #f7f7f6; }
*/

.qt-pagina-sobre .seccao-foto3 .thb-section-extra { padding:0; /*background-size: 100% auto;*/ }

/*
@media screen and (max-width: 1280px) {
	.qt-pagina-sobre .seccao-foto3 .thb-section-extra { min-height:600px !important; background-size: 800px auto; }
}
*/




/*--------------------------*/
/* SECCAO QUEM SOMOS        */
/*--------------------------*/
.qt-pagina-sobre .seccao-quemsomos .thb-section-block-header p { text-align: center; }

.qt-pagina-sobre .seccao-quemsomos .bloco-quemsomos,
.qt-pagina-sobre .seccao-quemsomos .bloco-perfil { text-align: justify; }
.qt-pagina-sobre .seccao-quemsomos a { font-weight: inherit; color: inherit; } /* links c/ mm estilo do restante texto */


.qt-pagina-sobre .seccao-quemsomos .bloco-perfil .thb-section-block-title { text-align: left; font-weight: normal !important; }
.qt-pagina-sobre .seccao-quemsomos .bloco-perfil .thb-text { margin-top: 24px; }
.qt-pagina-sobre .seccao-quemsomos .bloco-perfil .thb-section-block-title    { padding-top: 12px; padding-bottom: 12px; }
.qt-pagina-sobre .seccao-quemsomos .bloco-perfil .thb-section-block-header p { margin-top: 12px; text-align:left; font-style: normal; }

/* corrige o facto de à medida q ecrã diminui, o título do perfil (nome) tender a ficar igual e depois maior do q o título "Quem Somos" */
@media screen and (max-width: 660px) {
	.qt-pagina-sobre .seccao-quemsomos .bloco-perfil .thb-section-block-title span { font-size: 75%; }	
}


/*--------------------------*/
/* SECCAO FILOSOFIA         */
/*--------------------------*/

.qt-pagina-sobre .seccao-filosofia .thb-section-extra { background-repeat: repeat; background-size: auto; }
.qt-pagina-sobre .pagina-sobre-filosofia { text-align: justify; }
.qt-pagina-sobre .pagina-sobre-filosofia b { text-transform: uppercase; }
.qt-pagina-sobre .pagina-sobre-filosofia .thb-text span { margin-left:0.5em; margin-right:0.5em; color: #999 }

.qt-pagina-sobre .seccao-filosofia blockquote {
	padding-left: 15px;
	margin-top:10px;
	max-width: 100%;
	text-align: left;
	width: auto;
	display: table;
	border-color: #BBB !important;
	font-family: inherit;
	font-style: normal;
	font-size: 1.1em;
}

/*body.page-id-154 .seccao-filosofia blockquote p { text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2); } */
.qt-pagina-sobre .seccao-filosofia blockquote::after { left: -60px; color: #BBB; }



/* Ajusta blockquote em ecrãs pequenos para não sair do ecrã */
/* (remove linha vertical, coloca aspa no topo, etc) */
@media screen and (max-width: 360px) {

	.qt-pagina-sobre .seccao-filosofia blockquote {
	  border:0;
	  margin:0;
	  padding:0;
	  font-size:90%;
	}
	
	.qt-pagina-sobre .seccao-filosofia blockquote:after {
	 left:-4px; top:-0.8em; 
	}

}



/* efeito fade/escurecer para aplicar com JS na base das imagens */
.qt-fade {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 20%;
	background-repeat: repeat;
	background-image: -webkit-linear-gradient( center top , transparent 0%, rgba(0, 0, 0, 0.6) 100% );
	background-image: -moz-linear-gradient( center top , transparent 0%, rgba(0, 0, 0, 0.6) 100% );
	background-image: -o-linear-gradient( center top , transparent 0%, rgba(0, 0, 0, 0.6) 100% );
	background-image: -ms-linear-gradient( center top , transparent 0%, rgba(0, 0, 0, 0.6) 100% );
	background-image: linear-gradient( center top , transparent 0%, rgba(0, 0, 0, 0.6) 100% );
}