/*!
Theme Name: exea
Theme URI: http://underscores.me/
Author: Exea Comunicación
Author URI: https://www.exea.net
Description: Tema desarrolado por Exea Comunicación
Version: 2.3
*/

/* ALTAIRU */

/* Exea vars */
:root {
--color-link: #506AE7 ;						/* Color link */
--color-link-hover: #3386ff; 				/* Color link hover */
--color-link-black: #222; 					/* Color link negro */
--color-azul: #12316C; 						/* Color altairu */
--color-bg-page: #fff;						/* Color fondo página */
--color-bg-block:	#F2F8F9;
--header-font: 'DM Sans', sans-serif;;		/* Tipografía h1, h2... */
--header-font-weight: 800;					/* peso h1, h2... */
--header-font-line: 140%;					/* interlineado h1, h2... */
--header-font-color: #222;					/* color h1, h2... */
--body-font: 'DM Sans', sans-serif;			/* Tipografía h1, h2... */	
--body-font-weight: 400;					/* peso párrafos */
--body-font-size: 1.06em;						/* Tamaño párrafos */
--body-font-line: 170%;						/* interlineado párrafos*/
--body-font-color: #333;					/* color fuente párrafos */
--block-padding: 30px;						/* padding bloques */
--block-sombra: 0 0 50px RGBA(0,0,0,0.08);
--block-sombra-hover: 0 0 70px RGBA(0,0,0,0.25);
--block-radio:	20px;
}	 


/* Bootstrap overrides */

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
	--bs-gutter-x: 3rem;
	--bs-gutter-y: 0;
}
.row {
  --bs-gutter-x: 3rem;
  --bs-gutter-y: 3rem;
}

/* Global */

*, ::after, ::before {
	box-sizing: border-box;
}
html {
	font-size: 1em;
}
body {
	margin: 0;
	padding: 0;
	font-family: var(--body-font);
	background-color: var(--color-bg-page);
}
/* general */
h1, h2, h3, h4, h5, h6 {
	font-family: var(--header-font);
	line-height: var(--header-font-line); 
	font-weight: var(--header-font-weight);
	color:var(--header-font-color);
	margin: 1.5em 0 0.5em;
}
h1 {
	font-size: 3em;
	margin: 1.5em 0;
}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1em;}
p, ul { margin: .5em 0 1.2em; }
p, li {
	line-height: var(--body-font-line);
	font-size: var(--body-font-size);
	color: var(--body-font-color);
	font-weight: var(--body-font-weight);
}
a { 
	text-decoration:  none; 
	transition: all 0.5s ease-out;  
	color:var(--color-link);
}
a:hover { 
	color:var(--color-link-hover);
}
b, strong {  font-weight: 700;}
	
/***** utilidades ****/
.clear {
  display: block;
  clear: both;
  content: "";
}
img {
	max-width: 100%;
	height: auto;
}

/* Header */
.site-header {
	background-color: #fff;
	width: 100%;
	box-shadow: 0 0 36px RGBA(0, 0, 0, 0.08);
}
.site-header > div[class^="container-"] {
	display: flex;
	align-items: center;
}
.site-header .site-branding {
	width: auto;
	margin-right: 30px;
}

/* MENÚ NAVEGACIÓN */
.main-navigation {
	flex-grow: 3;
}
.main-navigation ul {
	display: flex;
	justify-content: flex-end;
	row-gap: 20px;
	margin: 0;
	padding: 0;
	align-items: center;
}
.main-navigation ul li {
		display: inline-block;
		list-style-type: none;
	}
.main-navigation ul li a {
	display: block;
	padding: 30px 20px;
	font-size: 1.1em;
	color: var(--color-link-black);
	font-weight: 600;
}
.main-navigation ul li a:hover {
	color: var(--color-link-hover);
}
.main-navigation li.current-menu-parent > a, .main-navigation li.current-menu-item > a {
	color:var(--color-link-hover);
} 

.main-navigation ul ul {
	float: left;
	position: absolute;
	right: -150px;
	transition: all .3s ease-out;
	overflow: hidden;
	display: none;
	background: #fff;
	padding: 20px 0;
	border-radius: 3px;
	box-shadow: 0 0 48px RGBA(0,0,0,0.15);
	z-index: 9;
}
.main-navigation ul ul ul{
	left:-999em;top:0;
}
.main-navigation ul ul li.focus > ul,.main-navigation ul ul li:hover > ul{
	left:100%;
}
.main-navigation ul li.focus > ul,.main-navigation ul li:hover > ul{ 
	display:  block; 
	top:100%;
}
.main-navigation li {
	position: relative;
	display: inline-block;
}
.main-navigation a {
	display:block;
	text-decoration:none;
}
.main-navigation.toggled ul, .menu-toggle{
	display:block;
}
.main-navigation ul li li {
	
}
.main-navigation ul li li a {
	padding: 12px 12px 12px 30px;
	text-transform: none;
	color: var(--color-link-black);
	width: 440px;
	font-weight: 400;
	font-size: 1em;
}
.main-navigation ul li li a span {
	font-size: 2.4em;
	vertical-align: middle;
	margin: auto 0.2em auto -0.2em;
}
.main-navigation ul li.arrow li a::before {
	font-family: 'exea';
	content: "\F327";
	margin-right: 0.4em;
}
	.main-navigation ul > li.menu-item-has-children > a:after {
		font-family:'exea';
		content:'\e804';
		margin-left: 8px;
	}

/* idiomas */
.main-navigation ul li.pll-parent-menu-item ul {
	right: 0;
	left: auto;
	padding: 0;
}
.main-navigation ul li.pll-parent-menu-item ul li a {
	width: 150px;
	font-size: .85em;
}
.main-navigation ul li.pll-parent-menu-item > a {
	font-size: .9em;
	border: 1px solid #ccc;
	padding: 6px 12px 6px;
	border-radius: 5px;
	margin-left: 30px;
	font-weight: 400;
}




/* Menu mobile */

#mobmenuleft li a { letter-spacing: normal !important;}

/* Botones */
input[type="submit"], a.btn-dest {
	background-color: var(--color-link);
	color: #fff;
	padding: 16px 32px;
	border-radius: 4px;
	border: none;
	cursor: pointer;
	transition: all 0.3s ease-out;
	font-size:  1.2em;
}
a.btn-dest:after {
	font-family:'exea';
	content:'\E80B';
	margin-left: 8px;
	display: inline-block;
	transition: all 0.3s ease-out;	
	vertical-align: middle;
} 
a.btn-dest:hover:after {
	transform: translate(10px);
}
input[type="submit"]:hover, a.btn-dest:hover {
	background-color: var(--color-link-hover);
}
*:disabled {
    opacity: .4;
}

/* Breadcrumbs */
#breadcrumbs {
	padding: 10px 0;
	font-size: .92em;
}


/************* Layout *************/

.site-main {
	padding:10px 0 90px;
}
.site-main article {
}
/* sidebar */
#secondary {
	padding-left: 30px;
	padding-top: 20px;
}
.widget-area {}
.widget-area h2 {
font-size: 1.8em;
}
.widget-area h3 {
	font-size: 1.1em;
	margin: 0 0 0.4em;
	font-weight: 400;
}
.widget-area .inner {
	padding: 16px 0; 
	border-bottom: 1px solid #f3f3f3;
}

/************* Cuerpo *************/

/************* Home ****************/

.block {
	background-color: #fff;
	padding: var(--block-padding);
	overflow: hidden;
	transform: scale(100%);
	border-bottom: 1px dashed var(--header-font-color);
	margin-bottom: 80px;
}
.pd { padding: 5% 0; }


/* home intro */
.content-home {
	text-align: center;
	background-image: url("https://www.altairu.com/dev/wp-content/uploads/bg-home.jpg");
	background-size: cover;
}
.content-home h2 {
	font-size: 3.8em;
	font-weight: 400;
	color: var(--color-azul);
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	text-decoration: underline RGBA(18,49,109,0.3);
}
.content-home h3 {
	margin: 0 0 24px;
	font-size: 1.8em;
}
.content-home p {
	font-size: 1.2em;
	padding: 0 10%;
}
.wrap {
	display: inline-flex;
	margin: 24px 0;
}



/* home servicios */
#dpe_fp_widget-3 {
	background-color: var(--color-bg-block);
}
#dpe_fp_widget-3 h2 {
	text-align: center;
	font-size: 3em;
	margin: 0 0 1em;
}
.card {
	background-color: #fff;
	padding: var(--block-padding);
	border-radius: var(--block-radio);
	box-shadow: var(--block-sombra);
	text-align: center;
	transition: all 0.2s ease-out;
	overflow: hidden;
	transform: scale(100%);
}
.card .card-img {padding: 24px 0 0;}
.card .card-img img {
	max-width: 120px;
	height: auto;
	margin: auto;
}
.card .card-txt {
	padding: 0 0 12px;
}
.card h3 {
	font-size: 1.3em;
	margin-bottom: 20px;
	min-height: 56px;
	transition: all 0.2s ease-out;
}
.card h3 a {
	color: var(--color-link-black);
}
.card h3 a:hover {
	color: var(--color-link-hover);
}
.card:hover {
	box-shadow: var(--block-sombra-hover);
}
.card:hover h3 {
	color: #fff;
	text-align: center;
	width: 100%;
}
.overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--color-link-hover);
	overflow: hidden;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transition: .3s ease;
	border-radius: var(--block-radio);
	display: flex;
	align-items: center;
	padding: var(--block-padding);
	flex-flow: column;
	padding-top: 50%;
}
.overlay .icon-derecha {
	display: inline-block;
	color: #fff;
	font-size: 3em;
	border: 2px solid #fff;
	border-radius: 100%;
	min-width: 68px;
	min-height: 68px;
	margin-top: 30px;
}

		
	
/* When you mouse over the container, the overlay text will "zoom" in display */
.card:hover .overlay {
  transform: scale(1);
}


/* partners */
#custom_html-4 {
}
#custom_html-4 h3 {
	font-size: 2.2em;
	margin: 12px 0 0 0;
}
.pretitle {
	display: inline-block;
	font-size: 1.4em;
	padding: 0 0 0 20px;
	border-left: 4px solid var(--color-link);
}
#custom_html-4 .inner {
	padding-left: 20px; 
}

/* logos */
.widget_carousel_slider {
	padding-right: 48px;
	padding-left: 48px;
	border-top: 1px solid #eee;
}

/* logos footer */
.logos {
	background-color: var(--color-link);
	padding: 0;
}
.logos div.textwidget {
	margin: 0 20px;
	overflow: auto;
	padding: 16px 30px 12px;
}
.logos ul {
	display: flex;
	margin: 0;
	padding: 0;
	justify-content: space-between;
	gap: 20px;
	scroll-snap-type: y proximity;
	min-width: 1199px;
}
.logos ul li {
	list-style-type: none;
	scroll-snap-align: center;
	padding: 0 20px;
}
.logos ul li img {

}

/* Page Altairu */

.site-full {
	padding: 10px 0 0;
}


.block-intro {}
.block-intro img { border-radius: 12px;}
.block-intro h2 { margin-top: 0; }
/* bloque actividad */
.block-bi {
	border-radius: 5px;
	overflow: hidden;
	background-color: var(--color-bg-block);
	margin-top: 60px;
}
.block-bi h3 { margin: 0 0 .8em; }

.block-bi .biblu { 
	background-color: var(--color-link-hover); 
}
.block-bi .biblu li {
	color: #fff;
	list-style-type: none;
	font-size: 1.25em;
	margin-bottom: .5em;
}.block-bi .biblu li:before { 
	font-family:'exea'; 
	content: "\E807"; 
	margin-right: .3em; 
}
.block-bi .bigray {
	
}
.block-bi .inner { padding: 40px;}


.ac {
	display: flex !important;
	align-items: center;
}

.block-fotos {
	margin: 60px 0;
}
.block-fotos img { border-radius: 12px;}

/* empleo */
#custom_html-5 {
	background-color: var(--color-bg-block);
}

/* proyecto */
.block-pry {
	background-color: var(--color-bg-block);
	margin-top: 60px;
	padding: 50px 0;
}
.block-pry .inner {
	text-align: center;
	padding: 30px 30px 0;
}
.block-pry h3 {
	margin: 0 0 .8em;
}
.block-pry h4 {
	margin: 0 0 .8em;
}

/* localizacion */
.block-loc {
	margin-top: 120px;
}
.block-loc h2 {
	margin-bottom: 1.2em;
}


/* partners */
.block-part {
	background-color: var(--color-bg-block);
	margin-top: 60px;
	padding: 50px 30px;
	border-radius: 5px;
}
.block-part .inner {
	padding: 30px 0;
	border-bottom: 1px dashed #ccc;
}
.block-part .inner:last-child {
	border-bottom: none;
}
.block-part h3 {
}



/***** Servicios */
.content-servicios {}
.content-servicios .inner-img {
	padding-top: 60px;
	text-align: right;
	padding-right: 60px;
}
.content-servicios .inner-img img {
	max-width: 180px;
}

.flt {
	margin-bottom: 28px;
	padding: 0 0 0 20px;
	display: flex;
}
.flt h3 {
	border-left: 4px solid var(--color-link);
	margin: 0 0 0 12px;
	padding-left: 12px;
}
.flt span {

}
.flt span:before {
	font-size: 2em;
	color: var(--color-link-hover);
}


/* galeria */
.galeria {
	margin: 60px auto;
}
.item-desc {
	background-color: rgba(255, 255, 255, 0.9) !important;
	bottom: 0 !important;
	color: #222 !important;
	display: block !important;
	font-weight: 300 !important;
	left: 0 !important;
	padding: 8px !important;
	right: 0 !important;
	text-transform: none !important;
}
.filtr-item {
	border: 2px solid rgba(255,255,255,1.00);
	padding: 0 !important;
}
/* Video responsive */

iframe[src*="youtube.com"] { max-width:100%; height:auto; aspect-ratio:16/9; border-radius: 12px;width: 100%;}
/************* footer *************/
.site-footer {

}
	.site-info {
		padding: 4% 0 5%;
		background-color: #0F1E20;
	}
	.site-info h4 {
		color: #fff;
		text-transform: lowercase;
		font-weight: 400;
		font-size: 3em;
		text-decoration: underline;
		margin: 0;
	}
	.site-info h5 {
		margin: 0.2em auto 1.5em;
		color: #fff;
		font-weight: 400;
		font-size: 1.3em;
	}
	.site-info ul {
		padding: 0;
		margin: 0;
	}
	.site-info ul li {
		list-style-type: none;
		font-size: 1.1em;
		margin-left: 46px;
		margin-bottom: 20px;
		color: RGBA(255,255,255,.6);
	}
	.site-info ul li span {
		margin-left: -44px;
  		margin-right: 2px;
  		font-size: 1.5em;
  		vertical-align: bottom;
	}
	/* Menú legal */
	.site-legal {
		padding: 1% 0;
		background-color: #fff;
		border-bottom: 1px solid #eee;
	}
	.site-legal .class-legal {
		padding:0;
		margin: 0;
		text-align: center;
	}
	.site-legal .class-legal li {
		list-style-type: none;
		display: inline-block;
		margin: 0 1em;
		font-size: .85em;
	}

.kit {padding: 20px 0; text-align: center;}
/************* 404 *************/
.not-found {}
.l404 {  text-align: center;}
.l404 > p { font-size: 8em; margin-bottom: 0.4em; }

/* admin */
.edit-link {
	text-align: right;
	margin: 0.5em 0;
	display: none;
}

/************* blog *************/

/* categorias */
.blog-main {
	padding: 4% 0;
}
.blog-main article {
	background-color: #fff;
}
.blog-main article .inner {
	padding: 30px;
}
.blog-main .entry-header {
	padding-bottom: 1em;
	border-bottom: 1px solid #f3f3f3;
}
.blog-main .entry-header h2 {
	font-size: 1.4em;
	margin-top: .3em;
}

.blog-main .entry-content {
	margin: 1em auto 0;
}
.blog-main .posted-on {
	color: #999;
}
.blog-main .entry-date {
	margin-left: 0.5em;
}
.blog-main  .post-thumbnail img {
	transition: all 1.5s ease-out;
}
.blog-main .post-thumbnail {
	display: flex;
	overflow: hidden;
}
.blog-main .post-thumbnail:hover img {
	transform: scale(1.3);	
	filter: blur(3px);
}

/* single */
.blog-single .entry-header {
	margin: 1.5em auto 0;
	padding-bottom: 1.5em;
}
.blog-single .entry-content {
	margin: 3em auto 0;
}
.blog-single .posted-on {
	color: #999;
}
.blog-single .entry-date {
	margin-left: 0.5em;
}
.blog-single  .post-thumbnail img {
	border-radius: 5px;
}
.blog-single .post-thumbnail {
	border-radius: 5px;
}

.more-link {
	display: block;
	padding: 0.5em 0;
}

/***********************************************/
			       /* MÓDULOS */ 
/***********************************************/

/* Header image */
.header-img {
	background-color: #000000;
	padding-bottom: 20%;
	padding-top: 20%;
	position: relative;
}
.header-img-inner {
	max-width: 100%;
	margin: 0 auto;
}
.header-img-inner > .container {
	position: relative;
}
.header-img-inner h1 {
	color: #fff;
	font-size: 2.4em;
	position: relative;
}
.header-img-inner p {
	color: #fff;
	min-height: 140px;
}
.header-img-wrap {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 100%;
	z-index: 0;
}
.header-img-img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    transition: .3s ease;
	opacity: .7;
}
@media (min-width: 768px) { 
	.header-img {
		padding-bottom: 15%;
		padding-top: 15%;

	}
	.header-img-inner h1 {
		font-size: 3.6em;
	}
}
@media (min-width: 1400px) { 
	.header-img {
		padding-bottom: 6%;
		padding-top: 6%;
	}
	.header-img-inner h1 {
		font-size: 4.2em;
	}
}

/* */

/************* formularios *************/

label {
	display: block;
	margin: 0.5em 0;
	letter-spacing: 1px;
}
.wpcf7-form-control-wrap {
	position: relative;
	display: flex;
	margin-bottom: 16px;
	flex-direction: column;
}
input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], textarea {
	padding: 16px;
	font-size: 1.1em;
	width: 100%;
	background-color: #f9f9f9;
	border: 1px solid #eee;
	border-radius: 4px;
}
input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus,  textarea:focus {	
	outline: 1px solid var(--color-link-hover);
}
	
	/* contact form 7 */
	.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
		border-color: var(--color-link);
		padding: 16px 24px;
		margin: 3em 0;
		border-radius: 4px;
		background-color: var(--color-link);
		color: #fff;
	}
	.wpcf7-list-item {
		display: inline-block;
		margin: 0 0 2em;
	}
	.wpcf7-list-item {
		display: inline-block;
		margin: 0;
	}
	.wpcf7-not-valid-tip::before {
		font-family: 'exea';
		content: "\E806";
		font-size: 26px;
		margin: 0 10px 0;
		display: block;
		float: left;
	}
	.wpcf7-not-valid-tip::before {
		font-family: 'exea';
		content: "\E806";
		font-size: 26px;
		margin: 0 10px 0;
		display: block;
		float: left;
	}

html body .modula.modula-gallery-initialized .modula-item:hover img, html body .modula.modula-gallery-initialized .modula-items .modula-item.tg-loaded:hover img.pic {
	opacity: .4 !important;
}
html body .modula.modula-gallery-initialized .modula-item:hover .modula-item-overlay {
	background-color: #000;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
html body .modula .modula-item.effect-pufrobo:hover .jtg-title:after { opacity: 0 !important;}
html body .modula .modula-items .modula-item.effect-pufrobo .jtg-title {
	top: 5% !important;
	opacity: 0 !important;
}
html body .modula .modula-items .modula-item.effect-pufrobo:hover .jtg-title {
	opacity: 1 !important;
}




/****************** BREAKPOINTS**************/
/* moviles hasta 575px */
@media screen and (max-width:575px){
	/* Exea vars */
	html {
	font-size: .96em;						
	}
	
	ul {padding: 0 0 0 1.5em}
	.content-servicios .inner-img {
		padding: 20px 0 0 0;
		text-align: center;
	}
	.content-servicios .inner-txt {
		text-align: center;
	}
	.container, .container-xl {
		--bs-gutter-x: 2rem;
		--bs-gutter-y: 0;
	}
	.block-bi .inner {
	padding: 12px;
}
} /* end max 576px */

@media screen and (min-width: 576px) { 
	
} /* end 576px */

/* Medium devices (tablets, 768px and up) */ 
@media (max-width: 767px) { 
	#custom_html-4 .inner {
		padding: 20px 0 0;
	}
} /* end 768px */

@media (min-width: 768px) { 
	
} /* end 768px */

/* tablets hasta 991px and up) */
@media screen and (max-width:991px){
	.menu-toggle{ display:none }
	.row {
	  --bs-gutter-x: 1rem;
	  --bs-gutter-y: 1rem;
	}
	.pd {
		padding: 6% 0 4%;
	}
} /* end max 992px */

@media screen and (min-width:992px){
	
} /* end max 992px */

@media screen and (min-width:992px) and (max-width:1199px) {
	.row {
	  --bs-gutter-x: 1.5rem;
	  --bs-gutter-y: 1.5rem; 
	}
} /* end max 992px */

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
	.logos ul li img { max-width: 85%;}

} /* end 1200px */

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
} /* end 1400px */

@media (min-width: 1500px) { 
	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
		max-width: 1420px;
	}
} /* end 1500px */

/* Ajuste anchura bootstrap pantalals grandes */
@media (min-width: 1600px) {
	
}
/* Ajuste anchura bootstrap pantalals grandes */
@media (min-width: 1980px) {
	 .logos ul {
		justify-content: center;
	}
}