/*!
Theme Name: Galerias Municipais de Lisboa
Theme URI: http://www.serdesign.pt/themes
Author: Ricardo Maia Pestana e Sara Aragão Antunes
Author URI: http://www.serdesign.pt
Description: Template desenvolvido para uso exclusivo das Galerias Municipais de Lisboa
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: galeriasmunicipais
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

"Galerias Municipais de Lisboa" is a theme based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

This stylesheet adds the styles to small size screens.
All styles for medium size screens should be placed in the css files styleGM-query-med.css.
To add new classes and styles to the entire template use the stylesheet "styleGM.css"

*/


/* --------------------------------------
geral 
-------------------------------------- */
.navigation_ExpoGM {
	/* classes para os links de navegação */
	display: flex;
	justify-content: space-between;
	margin: 20px 0;
}

.banner_ExpoGM {
	margin: 0;
}

.exposicao_ExpoGM {
	margin-bottom: 80px;
}

.nomeCampo_ExpoGM {
	font-weight: 600;
	font-size: 17px;
	line-height: 40px;
}

.nomeCampo_ExpoGM:before {
	/* adiciona os parentesis antes do nome do campo */
	content: '((  ';
	font-weight: bold;
}

.nomeCampo_ExpoGM:after {
	/* adiciona os parentesis depois do nome do campo */	
	content: ' )) \a';
	white-space: pre;
	font-weight: bold;
}

.nomeCampo_ExpoGM.expo_tax_GM:before, .nomeCampo_ExpoGM.expo_tax_GM:after {
	/* adiciona cor aos parentesis depois do nome do campo */	
	color: #3A3939;
}

.nomeCampo_ExpoGM.expo_tax_PB:before, .nomeCampo_ExpoGM.expo_tax_PB:after {
	/* adiciona os parentesis depois do nome do campo */	
	color: #ddd;
}

.nomeCampo_ExpoGM.expo_tax_GQ:before, .nomeCampo_ExpoGM.expo_tax_GQ:after {
	/* adiciona cor aos parentesis depois do nome do campo */	
	color: #618fb7;
}

.nomeCampo_ExpoGM.expo_tax_GB:before, .nomeCampo_ExpoGM.expo_tax_GB:after {
	/* adiciona cor aos parentesis depois do nome do campo */	
	color: #A8413C;
}

.nomeCampo_ExpoGM.expo_tax_GTNC:before, .nomeCampo_ExpoGM.expo_tax_GTNC:after {
	/* adiciona cor aos parentesis depois do nome do campo */	
	color: #ffcc5a;
}

.nomeCampo_ExpoGM.expo_tax_GAV:before, .nomeCampo_ExpoGM.expo_tax_GAV:after {
	/* adiciona cor aos parentesis depois do nome do campo */	
	color: #008B8E;
}

.separadorItems_ExpoGM {
/* classes que formatam as barras de separação entre os nomes > muitas vezes */
}

.titulo_ExpoGM {
	font-size: 20px;
	font-weight: 600;
	margin: 5px 0 0 0;
}

.artistas_ExpoGM {
	margin: 20px 0;
}

.curadoria_ExpoGM, .dataInauguracao_ExpoGM, .dataExposicao_ExpoGM, .visitaGuiada_ExpoGM {
	margin-bottom: 30px;
}

.folhaSala_ExpoGM, .biografias_ExpoGM {
	margin-bottom: 40px;
}

/* --------------------------------------
capa 
-------------------------------------- */

.banner_ExpoGM {
/* classe que formata a imagem da capa */
}

.imgBanner_ExpoGM {
/* classe da imagem da capa */ 
}

.bannerSmallPic_ExpoGM {
	/* classe que formata a imagem da capa */
	display: none;
}

.bannerSmallPic_Nav_ExpoGM {
/**/
}

.imgBannerSmallPic_ExpoGM {
/* classe da imagem da capa */ 
}

/* --------------------------------------
título e subtítulo
-------------------------------------- */
.titulo_ExpoGM {
/* classe que formata o título */ 
}

.subtitulo_ExpoGM {
/* classe que formata o subtítulo */  
}

/* --------------------------------------
Artistas
-------------------------------------- */

.artistas_ExpoGM {
/* classe que formata todos os artistas */ 
}

.nomeArtista_SinglePubGM {
/* classes que formatam os nomes dos artistas */ 
}

/* --------------------------------------
Curadoria
-------------------------------------- */

.curadoria_ExpoGM {
/* classe que formata a curadoria */ 
}

.nomeCurador_ExpoGM {
/* span que formata o nome do/a curador/a */ 
}

/* --------------------------------------
Datas 
-------------------------------------- */

.dataInauguracao_ExpoGM {
/* classe que formata a data de inauguração */ 
}

.dataExposicao_ExpoGM {
/* classe que formata as datas em que a exposição está a funcionar */ 
}

.dataDeA_ExpoGM {
/* classe que formata os campos das datas em que a exposição está a funcionar */ 
}

/* --------------------------------------
Folha de Sala 
-------------------------------------- */


.folhaSala_ExpoGM {
/*classe que formata o campo da folha de sala */ 
}

.textoFolhaSala_ExpoGM {
/*classe que formata o texto da folha de sala */ 
}

.textoFolhaSala_ExpoGM > p:first-of-type {
	/* controla o primeiro <p></p> dentro da folha de sala */
	margin-top: 0px;
}

/* --------------------------------------
Biografia
-------------------------------------- */

.biografias_ExpoGM {
/*classe que formata o campo das biografias */ 
}

.textoBiografia_ExpoGM {
/*classe que formata o textos das biografias */ 
}

.textoBiografia_ExpoGM > p:first-of-type {
	/* controla o primeiro <p></p> dentro da biografia */
	margin-top: 0px;
}

/* --------------------------------------
Visita Guiada
-------------------------------------- */
.visitaGuiada_ExpoGM {
/*classe que formata o campo da visita guiada */ 
}

.textoVisitaGuiada_ExpoGM {
/*classe que formata o texto da visita guiada */ 
}

.textoVisitaGuiada_ExpoGM > p:first-of-type {
	/* controla o primeiro <p></p> dentro da visita guiada */
	margin-top: 0px;
}

/* --------------------------------------
Mais informações
-------------------------------------- */
.maisInfo_ExpoGM {
/*classe que formata a área de mais informações */ 
}

.maisInfoLink_ExpoGM {
/* classe que formata o link do ficheiro "mais infos" */ 
}

/* --------------------------------------
Galeria de imagens
-------------------------------------- */

.galeria_ExpoGM {
	margin: 75px auto;
	max-width: 75%;
}

.slick-prev:before, .slick-next:before {
	font-family: Dashicons;
	font-size: 50px;
	line-height: 1;
	color: #000;
	opacity: 0.75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev {
	left: -60px;
}

.slick-prev:before {
	content: "\f341";
}

.slick-next {
	right: -30px;
}

.slick-next:before {
	content: "\f345";
}

.slick-dots li button:before {
	font-size: 10px !important;
}

.slick-dots li.slick-active button:before {
	font-size: 14px !important;
}

.expo-slider-nav .slick-list {
	margin: 0 -20px;
	outline: none;
}

.expo-slider-nav .slick-slide {
	cursor: pointer;
	text-align: center;
	/*    padding: 0px 10px; */
	margin: 0 20px;
	float: none;
	display: inline-block !important;
	vertical-align: bottom;
}

.expo-slider-nav .slick-slide img {
	opacity: 0.3;
}

.slick-slide.is-active img {
	opacity: 1;
}

.expo-slider-nav {
	margin: 0px auto 50px auto;/*    max-width: 89%;*/
}

.slick-slide:focus {
	outline: none;
}

.slider-for .slick-slide img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}

.anoExpo {
	text-align: left;
	font-size: 20px;
	font-weight: 600;
}

.slider-for .slick-slide, .slider-for .slick-slide img {
	max-height: 500px;
	padding: 0 2px;
}

#slider-expos {
	margin-bottom: 50px;
}