/*

Theme Name: Galeria Lumbreras

Theme URI: http://galerialumbreras.com/

Description: Tema desarrollado par ala Galería Juan Manuel Lumbreras por thingslikethis.

Author: thingslikethis

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: galerialumbreras

*/



/* =============================================================================

   HTML5 Boilerplate CSS: h5bp.com/css

   ========================================================================== */



/* STRIPPED by thingslikethis */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }



html {  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

html, button, input, select, textarea { font-family: sans-serif;  }

body { margin: 0;}





b, strong { font-weight: bold; }

p{ padding:0; margin:0 0 1em;}

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }

dd { margin: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }



img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }



form { margin: 0; }

fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }



* {

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  

}





@font-face {

	font-family: 'GeosansLight';

	src: url('fonts/GeosansLight.eot');

	src: url('fonts/GeosansLight.woff') format('woff'), url('fonts/GeosansLight.ttf') format('truetype'), url('fonts/GeosansLight.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}



/* Galeria Lumbreras THEME */

html {

	height:100%;}



body {

	height:100%;

	color:#000;

	font-size:1.2em;

	font-family:GeosansLight, Arial, Helvetica, sans-serif;

 	line-height: 1.4em}



a{

	color:#632a00;

	text-decoration:none;}



a:hover{

	text-decoration:underline;}

	



a.subrayado{

	text-decoration: underline;

}

	

img{

	width:100%;

	height:auto;}







/* HEADER */

header {	

    border-bottom: 1px solid #aaa;

	margin: 10px 2%;}



	header h1 {

		width:208px;

		margin:0 auto; 

		padding:0;	}



	header nav {

		border-top: 1px solid #aaa;

		margin-top: 10px;}

		

		nav .titulo-menu{

			padding:1em 1em 1em 0 ;

			color: #222; 

			background:#eee url(img/bg_menu.png) no-repeat 0px 17px;

			text-transform: uppercase;

			text-align: center;

			margin:0;

			line-height: 5px;

		}

			

			nav .titulo-menu.open{				

				background:#bbb url(img/bg_menu.png) no-repeat 0px -18px;}

			

		header nav ul {

			display:none;}

		

		header nav a {

			display:block;

			border-bottom: 1px solid #e0e0e0;

			font-size: .95em;

			padding:1em 1em 1em 0 ;

			color: #222; 

			text-transform: uppercase;

			text-align: center;

			-webkit-transition: background 600ms;

			-moz-transition: background 600ms;

			-ms-transition: background 600ms;

			-o-transition: background 600ms;

			transition: background 600ms;}

			

		header nav .current-menu-item a {

			background-color:#e0e0e0;}	

			

		header nav a:hover {

			background-color:#ddd;

			text-decoration:none;

			-webkit-transition: background 600ms;

			-moz-transition: background 600ms;

			-ms-transition: background 600ms;

			-o-transition: background 600ms;

			transition: background 600ms;}

			

	

/* FOOTER */



footer{

	float: left;

	width: 96%;

	margin: 10px 2%;

	padding: 10px 0;

	border-top: 1px solid #666;

	font-size: .9em;}





footer ul {

	list-style:none;

	padding:0;}



footer ul li {

	padding-bottom:10px;}



/* HOME */



.home-featured{

	background-color:#eee;	

	position:relative;

	overflow:hidden;

	height: 400px;

	margin-bottom:10px;

	-webkit-transition: background 300ms;

	-moz-transition: background 300ms;

	-ms-transition: background 300ms;

	-o-transition: background 300ms;

	transition: background 300ms;}

	

	.home-featured:hover{

		background-color:#000;}

		

	.home-featured a{	

		-webkit-transition: opacity 300ms;

		-moz-transition: opacity 300ms;

		-ms-transition: opacity 300ms;

		-o-transition: opacity 300ms;

		transition: opacity 300ms;

		background-size: cover;

		background-repeat: no-repeat;

		background-position: top center;

		display: block;

		height: 100%;}

		

	.home-featured:hover a{

		opacity:.7;}

	

	.home-featured:hover h2 a{

		background-color:transparent;

		opacity:1;}

	

	.home-featured h2{

		position:absolute;

		bottom: 0;

		padding: 0;

		width: 100%;

		margin: 0;

		font-size: 1.7em;		

		line-height: 0.85em;}

		

	.home-featured h2 a{

		padding:10px;

		color:#fff;

		text-transform:uppercase;

		background:url(img/bg_home.png);

		min-height: 2.6em;}

		

	.home-featured h2 a:hover{

		text-decoration:none;}

		

	.home-featured h2 .fechas{

		font-size:.6em;}

		

	

/* CONTENT*/



h1{

	font-size: 1.7em;

	font-weight: normal;

	text-transform: uppercase;

	margin:10px 0;

	clear: both;}

	

.entry-title{

	margin-left: 2%;

	margin-right: 2%;

	padding: 10px 0px;	}





h2{

	font-size: 1.6em;

	line-height: 1.2em;

	font-weight: normal;

	margin:30px 0 6px;

	clear: both;}

	

h3, h4{

	font-size: 1.3em;

	line-height: 1.2em;

	font-weight: normal;

	margin:10px 0;

	clear: both;}

	

.breadcrumbs{

	margin-bottom:20px;}	



.content{

	min-height: 20em;}



.content p {

	clear:both;}

	

.content ul li {

	margin-bottom:15px;}

	
.nav-fondo-obra{
	padding-top: 10px;
}


.lista-artistas, .fondo-obra{
	padding: 0;
	font-size:1.2em;}



.fondo-obra li, .lista-artistas li{
    padding: 10px 0;
    list-style: none;}

 .lista-artistas li img, .fondo-obra li img{
    margin: 0 0 5px;}

.lista-artistas li:nth-child(2n+1), .fondo-obra li:nth-child(2n+1){
    clear:both;} 


.fondo-obra-nav span {
    display: block;
    top: 50%;
	width: 28px;
    height: 28px;
    cursor: pointer;
    z-index: 100;
    background-image: url(img/fancybox_sprite.png);
    background-color: #fff;
    margin: 10px 0;
}

.fondo-obra-prev {
    left: 0;
    float: left;
}


.fondo-obra-prev span {
    background-position: -5px -41px;
}

.fondo-obra-next {
    right: 0;
    float: right;
}

.fondo-obra-next span {
	right: 0;
    background-position: -5px -76px;
}


@media only screen and (min-width: 768px) {


	.fondo-obra-nav {
	    position: absolute;
	    top: 0;
	    height: 100%;
	    z-index: 100;
	    opacity: .6;   
	}
	.fondo-obra-nav:hover{
	    opacity: 1;   
	}	

	.fondo-obra-nav span {
	    position: absolute;
	    margin-top: -18px;
	}		



	.fondo-obra li{
	   width: 24%;}

	.fondo-obra li:nth-child(2n+1){
	    clear:none;} 

	.fondo-obra li:nth-child(4n+1){
	    clear:both;} 


	.lista-artistas{
		-moz-column-count: 3;
	    -moz-column-gap: 20px;
	    -webkit-column-count: 3;
	    -webkit-column-gap: 20px;
	    column-count: 3;
	    column-gap: 20px;
	}


	.lista-artistas li{
		padding: 0;
		margin-bottom: 20px;
	}		    	    
}

   





.exposiciones-artista ul{

	list-style:none;

	margin:10px 2%;

	padding:0;}



.referencias h3{

	margin-top:25px;}

	

	

.referencias h3:first-child{

	margin-top:10px;}



.referencias ul{

	margin:0;

	padding:10px;	

	list-style:none;}



.referencias ul li{

	padding-left:3px;

	text-indent:-3px;}



/* EXPOSICIONES */





.titulo-exposicion{

	text-transform: uppercase;

	font-size: 1.2em;}

	

.exposiciones-featured{

	background-color:#eee;	

	position:relative;

	overflow:hidden;

	height: 200px;

	margin-bottom:30px;

	-webkit-transition: background 300ms;

	-moz-transition: background 300ms;

	-ms-transition: background 300ms;

	-o-transition: background 300ms;

	transition: background 300ms;}



	.exposiciones-featured:hover{

		background-color:#000;}

		

	.exposiciones-featured a{

		-webkit-transition: opacity 300ms;

		-moz-transition: opacity 300ms;

		-ms-transition: opacity 300ms;

		-o-transition: opacity 300ms;

		transition: opacity 300ms;

		background-size: cover;

		background-repeat: no-repeat;

		background-position: top center;

		display: block;

		height: 100%;}		

		

	.exposiciones-featured:hover a{

		opacity:.7;}

		

	.exposiciones-featured:hover h2 a{

		background-color:transparent;

		opacity:1;}



	.exposiciones-featured h2{

		position:absolute;

		bottom: 0;

		padding: 0;

		width: 100%;

		margin: 0;

		font-size: 1.7em;		

		line-height: 0.85em;}

		

	.exposiciones-featured h2 a{

		display:block;

		padding:10px;

		color:#fff;

		text-transform:uppercase;

		background:url(img/bg_home.png);

		min-height: 2.6em;}

		

	.exposiciones-featured h2 a:hover{

		text-decoration:none;}

		

	.exposiciones-featured h2 .fechas{

		font-size:.6em;}

		

.titulo-temporada{

	background-color:#ebebeb;

	padding:10px;

	cursor:pointer;

	background:#eee url(img/bg_menu.png) no-repeat right 14px;

	-webkit-transition: all 300ms;

	-moz-transition: all 300ms;

	-ms-transition: all 300ms;

	-o-transition: all 300ms;

	transition: all 300ms;}



	.titulo-temporada.open, .titulo-temporada.open:hover{				

		background:#bbb url(img/bg_menu.png) no-repeat right -21px;

		-webkit-transition: all 300ms;

		-moz-transition: all 300ms;

		-ms-transition: all 300ms;

		-o-transition: all 300ms;

		transition: all 300ms;}



.titulo-temporada:hover{

	background-color:#7c4b2a;

	color:#fff;

	-webkit-transition: all 300ms;

	-moz-transition: all 300ms;

	-ms-transition: all 300ms;

	-o-transition: all 300ms;

	transition: all 300ms;}

	

.exposiciones-temporada{

	margin-bottom:30px;

	display:none;}

	

.exposiciones-temporada ul{

	font-size:1.2em;

	padding:0;

	margin:0;

	list-style:none;

	margin-left: 0px;

	margin-right: 0px;}

	

.exposiciones-temporada ul li{

	margin-bottom: 10px;}	

	

.exposiciones-temporada ul li.sala-superior{

	clear:left;}		

	

.exposiciones-temporada ul li.sala-inferior{

	float: right;

        clear: right;}	

		

.exposiciones .main-content, .artistas .main-content{

	display:inline;

	float: left;

	position: relative;

	width:96.0%	;

	margin-left: 2%;

	margin-right: 2%;}

	

	

/* Galerias */



.gallery{

	list-style-type:none;

	margin:0;

	padding:0;}

	

	ul.gallery li{

		margin-bottom:10px;

		overflow:hidden;

		background-color:#eee;

		-webkit-transition: background 300ms;

		-moz-transition: background 300ms;

		-ms-transition: background 300ms;

		-o-transition: background 300ms;

		transition: background 300ms;}



		

	ul.gallery li:hover{

		background-color:#000;}	

		

	ul.gallery li img{

		-webkit-transition: opacity 300ms;

		-moz-transition: opacity 300ms;

		-ms-transition: opacity 300ms;

		-o-transition: opacity 300ms;

		transition: opacity 300ms;

		background-size: cover;

		background-repeat: no-repeat;

		background-position: top center;}		

		

	ul.gallery li img:hover{

		opacity:.7;}

			

	ul.gallery li a{

		display:block}

			

		



/* prev next navigation */



.navigation, .navigation-archive {

	clear: both;

	margin: 10px 2%;}



.next  {

	width: 160px; 

	float:right}



.prev  {

	width: 160px; 

	float:left;}



.next a, .prev a { 

	text-transform:uppercase;

	background-color:#fff; 

	padding:4px 10px; 

	color:#000; 

	display:block; 

	border:none;}



.next a:hover, .prev a:hover {

	color:#000;

	background-color: #ff0084}



.navigation-archive .prev {

	float:left}





/*  publicacion */



.publicacion{

	margin-bottom:40px;}



.publicacion.odd{

	clear:both;}



.publicacion h2{

	margin-top:0px;}

	

.publicacion .tipo{

	font-size: 1.3em;

	margin-bottom:1em}

	

.publicacion .title{

	color: #888;}



.publicacion p{

	margin-bottom: .3em;}



.publicacion .gap{

	margin-bottom: 1em;}

	

.publicacion .download{

	clear:both;

	margin-top: 15px;}

		

.publicacion .download {

	display: inline-block;

	padding:5px 10px; 

	background-color: #eee;}

	

	.publicacion .download:hover {

		background-color:#7c4b2a;

		text-decoration:none;

		color:#fff;	}

	

.publicacion-thumb{

	max-height: 193px;

	overflow: hidden;

	margin-bottom: 10px;}

	

	.publicacion-thumb a{

		display:block}	

		

	.publicacion-thumb a:hover{

		background-color:#000;}	

		

	.publicacion-thumb img{

		-webkit-transition: opacity 300ms;

		-moz-transition: opacity 300ms;

		-ms-transition: opacity 300ms;

		-o-transition: opacity 300ms;

		transition: opacity 300ms;}		

		

	.publicacion-thumb a:hover img{

		opacity:.7;}

		

		

	

	

	

.publicacion-info p{

	margin-right:20px}

		

.publicacion:nth-child(2n){

	clear:both;}	

	

	

	

/* EVENTOS */



	.lista-eventos{

		list-style:none;

		padding:0;}	

		

	.lista-eventos li{

		margin-bottom:20px;}

		

	.lista-eventos .imagen-evento {

		height: 135px;

		display: block;

		overflow: hidden;

		margin-bottom: 5px;}		

			

		

	

/* Comments */

form{

	margin-bottom:1em;}

	

	form:before, form:after { 

		content: ""; display: table; }

		

	form:after { 

		clear: both; }



	form p{

		clear:both;

		padding:10px 0 0;}

		

	form img{

		height:auto;

		width:auto;}

	



	label {

		display:block;}

	

	input,textarea {

		font-family: inherit;

		padding:5px 10px; 

		background: #f8f8f8;

		font-size:1em; 

		border:1px solid #aaa; 

		float:left;

		margin-right:1em;}

	

	input[type=text], input[type=email] {

		float:left;

		width:100%;

		max-width:300px;}

	

	textarea {

		max-width:300px;

		width:100%;

		height:10em;}

		

	input[type=submit], .block-link {

		padding: 8px 30px;

		border: none;

		border: 1px solid #7c4b2a;

		background-color:#eee;

		color:#7c4b2a;

		cursor: pointer;

		transition: all .2s;

		display: inline-block;

	}



	input[type=submit]:hover, .block-link:hover{

		color:#fff;

		background: #7c4b2a;

		text-decoration: none;}

		
.nav-image-links{
		padding: 8px 30px;
		border: none;
		cursor: pointer;
		display: inline-block;	
	}

	.wpcf7-not-valid{

		border: 1px solid #f00;

		box-shadow: 0 0 10px 0 #f00}

		

	.wpcf7-quiz-label{

		float: left;

		width:7%;

		max-width: 41px;

		text-align:right;

		margin-right: 1em;

		font-family:Arial, Helvetica, sans-serif}

		

	input[type=text].wpcf7-quiz{

		max-width:244px}

	

/* TABLES */



table{

		border:none !important;

		width: 98%;

		margin: 0 1%;}	

	

table td{

		border:none !important;

		padding:5px 10px;}	

		

table thead td{

	background-color:#ddd;

	text-align:left;}	

	

table tr:nth-child(even) {

	background: #f5f5f5;}	

		

		

table td:nth-child(7){

	display:none;}



table td:nth-child(8){

	display:none;}


.grecaptcha-badge { visibility: hidden; }

.aviso-captcha {
    color: #999;
    font-size: .9em;
}
	



/* DEFAULT MOBILE STYLE */



/* column grid */

.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12 {

	display:inline;

	float: left;

	position: relative;

	margin-left: 2%;

	margin-right: 2%;}

		

	

/* 1 column grid */

.g1,.g2,.g3,.g4,.g5{

	width:46.0%}

	

.g6,.g7,.g8,.g9,.g10,.g11,.g12{

	width:96.0%}

	

.c12{

	width:100%;

	margin:0 auto;}



/* MOBILE LANDSCAPE */

@media only screen and (min-width: 440px) {

	

/* CONTENIDO */
	.fondo-obra li {
		display: inline-block;
	    float: left;
	    box-sizing: border-box;
	    width: 49%;
	    padding: 10px 0px;
	    margin: 5px 1% 0px 0px;
	    list-style: none;		
	}


}





/* TABLET/NETBOOK */

@media only screen and (min-width: 768px) {

/* Column grid */	

	.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12 {

		display:inline;

		float: left;

		position: relative;

		margin-left: 10px;

		margin-right: 10px;}

	

	

/* Column grid */	

	.g1 {width:44px;}

	.g2 {width:108px;}

	.g3 {width:172px;}

	.g4 {width:236px;}

	.g5 {width:300px;}

	.g6 {width:364px;}

	.g7 {width:428px;}

	.g8 {width:492px;}

	.g9 {width:556px;}

	.g10 {width:620px;}

	.g11 {width:684px;}

	.g12 {width:748px;}

	.c12 {width:768px;}

	

	.al{margin-left:0;}

	.om{margin-right:0;}

	

	.suf1 {margin-right:54px;}

	

/* Theme */



body{

	font-size: 1em;

}



.entry-title{

		margin-left: 10px;

		margin-right: 10px;}





/* HEADER */





header{

	margin:10px 12px 10px 10px;

    border-bottom: 1px solid #666666;}



	header nav {

		clear:none;

		float:none;

		margin-top:15px;

		border-top: none;

		padding:0;}

		

	header nav ul{

		display:flex;}



	header nav .titulo-menu {

		display:none;}



		header nav li { 

			flex:1;}

			

		header nav a{

			border-bottom: none;

			padding:10px 15px;

			width:auto;

			margin:0 auto;}

	

			

			

		/* CONTENIDO */

		ul.gallery li{

			min-height: 76px;;}


		

			

		.exposiciones-artista ul{

			margin:10px;}

			

		.referencias ul{

			-moz-column-count: 2;

			-moz-column-gap: 20px;

			-webkit-column-count: 2;

			-webkit-column-gap: 20px;

			column-count: 2;

			column-gap: 20px;}

			

		.exposiciones-temporada li .fechas, .exposiciones-artista li .fechas{

			display: inline-block;

			width: 10.4em;}

			

		.exposiciones .main-content, .artistas .main-content{

			display:inline;

			float: left;

			position: relative;

			width:748px	;

			margin-left: 10px;

			margin-right: 10px;}

		

		.enlace-destacado{

			font-size:1.2em;}	

					

		/* Footer */

			footer p{

				float:left;}

			

			footer ul{

				margin:0;}

			

			

			footer ul li{

				float:right;

				margin:0 0 0 15px;

				list-style:none;}

		

		

		

		.publicacion:nth-child(2n){

			clear:none;}		

			

		.publicacion:nth-child(4n){

			clear:both;}		

			

		.publicacion-thumb {

			max-height: 122px;}	

			

		/* EVENTO */

		.lista-eventos .imagen-evento {

			height: 113px;}		

			
	.fondo-obra li {
	    width: 24%;		
	}
	

}

/* LANDSCAPE TABLET/NETBOOK/LAPTOP */

@media only screen and (min-width: 972px) {

	

/* Column grid */

	.g1 {width:61px;}

	.g2 {width:142px;}

	.g3 {width:223px;}

	.g4 {width:304px;}

	.g5 {width:385px;}

	.g6 {width:466px;}

	.g7 {width:547px;}

	.g8 {width:628px;}

	.g9 {width:709px;}

	.g10 {width:790px;}

	.g11 {width:871px;}

	.g12 {width:952px;}	

	.c12 {width:972px;}	

	

	.al{margin-left:0;}

	.om{margin-right:0;}

	

	.suf1 {margin-right:71px;}

	

	.artistas .main-content{

		width:466px;}

		

	.exposiciones .main-content{

		display:inline;

		float: left;

		position: relative;

		width:952px;

		margin-left: 10px;

		margin-right: 10px;}

		

	

	ul.gallery li{

		min-height:100px;}

	

		

	label{

		padding: 4px 0;}
	

		

	table td:nth-child(5){

		min-width:137px;}

			

	table td:nth-child(7){

		min-width:74px;

		display:table-cell;}

	

	table td:nth-child(8){

		display:table-cell;}

		

	#map{

		display:none;

		width:950px;

		height:500px;}

		

	.publicacion-thumb{

		max-height: 193px;}	

	

	/* EVENTO */

	.lista-eventos .imagen-evento{

		height: 145px;}	

		

	

}



/* LANDSCAPE TABLET/NETBOOK/LAPTOP */

@media only screen and (min-width: 1224px) {

	

/* Column grid */

	.g1{width:82px}

	.g2{width:184px}

	.g3{width:286px}

	.g4{width:388px}

	.g5{width:490px}

	.g6{width:592px}

	.g7{width:694px}

	.g8{width:796px}

	.g9{width:898px}

	.g10{width:1000px}

	.g11{width:1102px}

	.g12{width:1204px}

	.c12{width:1224px}



	.al{margin-left:0;}

	.om{margin-right:0;}

	

	.suf1 {margin-right:92px;}





	.home-featured {

		height: 550px;

		}

	.exposiciones-featured {

		height: 300px;

	}

	

	/* EVENTO */

	.lista-eventos .imagen-evento{

		height: 185px;}	

		

}







/* =============================================================================

   Non-Semantic Helper Classes

   ========================================================================== */



.ir { width:0; display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }

.ir br { display: none; }

.cf:before, .cf:after { content: ""; display: table; }

.cf:after { clear: both; }

.cf { *zoom: 1; }



.no-top-margin{margin-top:0}