/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	Manuel Portillo
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/* ========== CORRECCIONES DE CSS DEL TEMA =================================================== */

/* ---------------------- CURSOR PARA MENUS DESPLEGABLE SIN ENLACE EN EL MENU PADRE ----------------- */
.w-nav-anchor.level_1 { cursor: pointer !important; }

/* ---------------------- SUBRAYA O NO LOS ENLACES DE TEXTO EN CONTENIDO ----------------- */
.wpb_row p a { border-bottom: 1px solid; }
.sinsubrayar { border-bottom: none !important; }


/* ---------------------------------- HEADER SUPERIOR --------------------------- */

/* Barra superior --------------------------- */
.l-header.bg_transparent:not(.sticky) .l-subheader.at_top {
	background-color: rgba(0,0,0,.3);
	color: rgba(255,255,255,1);
	/*border-bottom: 1px solid rgba(255,255,255,0.3);*/
	}

/* Barra principal --------------------------- */
.l-header.bg_transparent:not(.sticky) .l-subheader.at_middle {
	background-color: rgba(0,0,0,.3);
	color: rgba(255,255,255,1);
	/*border-bottom: 1px solid rgba(255,255,255,0);*/
	}

.w-nav-list .level_2 li {
	border-bottom: 1px solid #cccccc !important;
	padding: 4px 0 !important;
	}

/* ------- FECHA ACTUALIZACION DE ENTRADAS ---------------------- */
.w-blog .w-blog-post-meta-date {
	font-size: .85rem !important;
}

.w-blog .w-blog-post-meta-date::before {
    font-family: roboto;
    content: 'Actualizada el';
}

/* ----------- FONDO DE LIGHT BOXES DE FOTOS ---------------------- */
.mfp-bg {
	background:#0b0b0b !important;
	opacity:.9 !important;
	}


/* ----------- OCULTA NOMBRE Y NUMEROS DE FOTOS EN LIGHTBOXES DE GALERÍAS ---------------------- */
.mfp-title {
	display: none;
	}

/* ---- CORRIGE EL DISEÑO DE FILTROS DE CATEGORÍAS ---------------- */

.w-portfolio-item-title { 
	font-size: 1.2em;
	}

.g-filters-list {
	margin-bottom: 0;
	font-family: "Exo 2";
	text-transform: uppercase;
}

.g-filters-item {
	padding: 0 12px !important;
	margin: 0 !important;
	height: 1.8em !important;
}

.g-filters-item.active {
	border: none !important;
}

/*  ---- CORRIGE LA TIPOGRAFÍA Y ESPACIADO DE MINIATURAS DE POSTS ---------- */

.w-blognav-meta { 
	font-family: "Exo 2" !important; }

.w-blog-post-content {
	font-size:14px;
	line-height:20px;
}

.w-blog-post-body h2 {
	padding-top:6px !important;
	margin-bottom: 8px !important;
}


/* ------------ FORMULARIOS -------------------------------------- */

input[type=text],input[type=email],input[type=tel],input[type=password] {
	box-shadow: none !important;
	background: transparent;
	border: 1px solid #ccc;
	height:auto !important;
	line-height: 2.2 !important;
}

input[type=checkbox]:not(.woocommerce-form__input-checkbox) {margin-top: .33rem !important}

input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=password]:focus {
    border: 1px solid #fe7e17;
}

select:not(.select2-selection--single),textarea {
	box-shadow: none !important;
	background: transparent;
	border: 1px solid #ccc;
}

select:not(.select2-selection--single) {
	max-height:37px;
	font-weight:300;
	color:#aaa;
}

select:focus,textarea:focus {
	border: 1px solid #fe7e17;
}

/* ------- MARGEN DE RECAPTCHA (CONTACT FORM 7 Y WP CERBER) ----------------------- */

.g-recaptcha { margin-bottom: 16px !important; }



/* --------- MENUS LATERALES DE WIDGET WORDPRESS ----------------- */

.l-sidebar h3.widgettitle, .l-sidebar  h2.widgettitle {
	color: #fe7e17 !important;
	font-size: 1.2rem !important;
	margin-bottom: 16px !important;
	}

.l-sidebar .widget li::before {content: none !important;}

.l-sidebar .widget li {
	font-size: .9rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	padding-left: 0 !important;
	border-top: 1px solid rgba(0,0,0,.15) !important;
	margin-bottom: 0 !important;
	}

.l-sidebar .widget ul li:last-child {border-bottom: 1px solid rgba(0,0,0,.15) !important;}

.l-sidebar .widget a {
	color: #444444 !important;
	display: block !important;
	padding: 6px 0 6px 16px !important;
	}

.l-sidebar .widget a:hover {
	color: #ffffff !important;
	background: #fe7e17 !important;
	}

.l-sidebar .current_page_item a {color: #ffffff !important;}

.l-sidebar .tagcloud a {
	color: #737373 !important;
	font-family: "Exo 2";
	font-weight: 500 !important;
	display: inline !important;
	font-size: 16px !important;
	padding: 0 !important;
	}

.l-sidebar .tagcloud a::after {
	color: #cccccc;
	content: " /" !important;
	}

.l-sidebar .tagcloud a:first-child::before {
	color: #cccccc;
	content: "/ " !important;
	}

.l-sidebar .tagcloud a:hover {
	color: #000000 !important;
	background: #ffffff !important;
	}


/* ================== ESTILOS PROPIOS ======================== */

.ancho840 {max-width: 840px;}

.ancho780 {max-width: 780px;}

.ancho600 {max-width: 600px;}

.principio_pagina { 
	height: 450px; 
	max-height: 450px; 
	}

.cubre_objetos { 
	width: 100%; 
	height: 100%;
	margin: 0; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	}

.leyenda_en_cabecera {
	width: 80%; 
	margin: 0 auto; 
	position: absolute; 
	top: 195px; 
	right: 10%; 
	left: 10%; 
	font-family: "Exo 2";
	font-size: 48px;
	line-height: 50px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 4px; 
	text-align: center;
	}

.firma_panos { 
	position:absolute; 
	right: 0px; 
	bottom: 8px; 
	}

/* ------ EFECTOS DE TEXTO Y LINKS ESPECIALES   ----------------------------------------- */

.boton-gris-claro {
	text-transform: uppercase;
	font-size: .91em;
	font-weight: 700;
	letter-spacing: 1px;
	color: #ffffff;
	background-color: #999999;
	padding: .85em 1.3em;
	border-bottom: none !important;
	}

.boton-gris-claro:hover {
	color: #c4c4c4 !important;
	background-color: #666666;
	}

.boton-naranja {
	text-transform: uppercase;
	font-size: .91em;
	font-weight: 700;
	letter-spacing: 1px;
	color: #ffffff;
	background-color: #fe7e17;
	padding: .85em 1.3em;
	border-bottom: none !important;
	}

.boton-naranja:hover {
	color: #ffffff !important;
	background-color: #bf6011;
	}

.enlace_blanco { color: #ffffff !important; }

.enlace_blanco:hover { color: #444444 !important; }

.sombra_texto { text-shadow: 2px 2px 2px #000000; }

.mayusculas { text-transform: uppercase; }


/* ---- COLUMNAS ADAPTABLES (USADAS EN FORMULARIOS) --------------------- */

.fila { width: 100%;
	clear: both;
	}

.tercio, .mitad, .dos_tercios, .completa, .automatica {
	float: left;
	position: relative;
	padding: .65rem 0;
	width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 box-sizing: border-box
	}

.automatica {width:auto !important;}

@media only screen and (min-width: 42em) { 
	.tercio {width: 33.33%;}
	.mitad {width: 50%;}
	.dos_tercios {width: 66.66%;}
	.completa {width: 100%;}
	.fila div:first-child {padding-right: 1rem;}
	.fila div:last-child {padding-right: 0 !important}
 }

/* --- Campo oculto quiz antiespam en formularios ----- */
.oculto {
	position:absolute !important;
	left: -3000px !important;
	display: none !important;
	z-index:-1
	}

	
/* --------- TABLAS ------------------------ */ 

.tabla_programa { 
	background-color: #ffffff !important;
	width: 100%;
	}

.tabla_programa tr { 
	border-top: 1px solid #cccccc !important;
}

.tabla_programa th { 
	border-top: 1px solid #000000 !important;
	border-bottom: 1px solid #000000 !important;
	color: #000000 !important;
	}

@media screen and (min-width: 768px) {
	.tabla_programa caption,.tabla_programa tr,.tabla_programa th,.tabla_programa td { 
		vertical-align: top; 
		text-align: left; 
		width: auto;
		min-width: 170px;
		height: auto;
		border:0;
	}
}
	
.tabla_programa td, .tabla_programa th { 
	padding: 12px 8px !important;
	}


/* ------ CUERPO Y ALINEACION DE TEXTO ------------------------------------- */

p { margin-bottom: .8rem !important; }

h1,h2,h3,h4,h5,h6 { line-height: 1.3 !important; }

.texto14 { font-size: 14px !important; line-height: 1.3 !important;}
.pie_foto { font-size: 14px !important; line-height: 1.3 !important; margin-top: -18px; font-style: italic; }
.texto16 /*p*/ { font-size: 16px; line-height: 1.4;}
.texto18 /*h6*/ { font-size: 18px; line-height: 1.4;}
.texto20 /*h5*/ { font-size: 20px; line-height: 1.4;}
.texto24 /*h4*/ { font-size: 24px; line-height: 1.3;}
.texto28 /*h3*/ { font-size: 28px; line-height: 1.3;}
.texto34 /*h2*/ { font-size: 34px; line-height: 1.3;}
.texto40 /*h1*/ { font-size: 40px; line-height: 1.3;}
.texto50 /*supertitular*/ { font-size: 50px; line-height: 1.3;}

.titular {
	font-family: "exo 2" !important;
	font-weight: 500 !important;
	}

.normal {font-weight: 300 !important;}
.negrita {font-weight: 700 !important;}
.cursiva {font-style: italic;}

.izquierda {text-align: left !important; }
.centro {text-align: center !important; }
.derecha {text-align: right !important; }

.subrayado {border-bottom: 1px solid}


/* ---------- COLORES ------------------------------------ */

.gris_texto { color: #444444; }
.gris_claro { color: #aaaaaa; }
.gris_borde { color: #e2e2e2; }
.negro { color: #000000; }
.blanco { color: #ffffff; }
.naranja { color: #fe7e17; }
.naranja_oscuro { color: #bf6011; }
.rojo { color: #dc0000; }
.azul { color: #3f65b2; }
.azul_oscuro { color: #1b5d87; }



/* ------ MOSTRAR SOLO EN MÓVILES ------------------------ */

.solomovil {display: none !important;}


/* ================== TABLETAS Y MOVILES =============================================== */


/* ------ CORRECCIONES PARA TABLETA HORIZONTAL ------------------------------------- */

@media screen and (max-width: 1024px) {


	.g-filters,.g-filters-item {
		font-size: 1rem !important;
		padding: 0 8px !important;
		margin: 0 !important;
		}
}

/* ------ CORRECCIONES PARA TABLETA VERTICAL ----------------------------------- */

@media screen and (min-width: 601px) and (max-width: 801px) {
	
	p,li,a:not(.w-btn-label {
		font-size: 1.2em !important;
		line-height: 1.4 !important;
		font-weight: 400 !important;
		}
	h1,h2,h3,h4,h5,h6 { font-weight: 600 !important; }
	.normal { font-weight: 400 !important; }
	.solodesktop { display: none !important; }
	.solomovil { display: inline !important; }
	.l-sidebar { display: none !important; }

	/* ---------- CUERPO DE TEXTO -------------------------------------------- */

	.texto14 { font-size: 16px !important; line-height: 1.3 !important;}
	.pie_foto { font-size: 16px !important; line-height: 1.3 !important; margin-top: -18px; font-style: italic; }
	.texto16 /*p*/ { font-size: 18px;}
	.texto18 /*h6*/ { font-size: 20px; font-weight: 600 !important; }
	.texto20 /*h5*/ { font-size: 22px; font-weight: 600 !important; }
	.texto24 /*h4*/ { font-size: 24px; font-weight: 600 !important; }
	.texto28 /*h3*/ { font-size: 27px; font-weight: 600 !important; }
	.texto34 /*h2*/ { font-size: 30px; font-weight: 600 !important; }
	.texto40 /*h1*/ { font-size: 34px; font-weight: 600 !important; }
	.texto50 /*supertitular*/ { font-size: 38px; font-weight: 600 !important; }


}

/* ------ CORRECCIONES PARA MOVILES --------------------------------------------- */

@media screen and (max-width: 600px) {
	
	p,li,a:not(.w-btn-label { font-weight: 400 !important; }
	h1,h2,h3,h4,h5,h6 { font-weight: 600 !important; }
	.normal { font-weight: 400 !important; }
	.solodesktop { display: none !important; }
	.solomovil { display: inline !important; }
	.g-filters { display: none; }
	.l-sidebar { display: none !important; }
	label.screen-reader-text { display: none !important; }

	
	/* --------- CUERPO DE TEXTO --------------------------------------------------- */

	.texto14 { font-size: 16px !important; line-height: 1.3 !important;}
	.pie_foto { font-size: 16px !important; line-height: 1.3 !important; margin-top: -18px; font-style: italic; }
	.texto16 /*p*/ { font-size: 18px;}
	.texto18 /*h6*/ { font-size: 20px; font-weight: 600 !important; }
	.texto20 /*h5*/ { font-size: 22px; font-weight: 600 !important; }
	.texto24 /*h4*/ { font-size: 24px; font-weight: 600 !important; }
	.texto28 /*h3*/ { font-size: 27px; font-weight: 600 !important; }
	.texto34 /*h2*/ { font-size: 30px; font-weight: 600 !important; }
	.texto40 /*h1*/ { font-size: 34px; font-weight: 600 !important; }
	.texto50 /*supertitular*/ { font-size: 38px; font-weight: 600 !important; }
	
	.tabla_programa caption,.tabla_programa tr,.tabla_programa th,.tabla_programa td { 
		vertical-align: top; 
		text-align: left; 
		width: auto;
		min-width: 33%;
		height: auto;
		border:0;
	}
}