/*!
Theme Name: Exea
Theme URI: http://underscores.me/
Author: Exea Comunicación
Author URI: https://www.exea.net
Description: Tema BT4 Exea
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: exea

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/

/* TECNOVENTANAS */

/* Vars */
:root {
--color-link: #00A9D7;
--color-link-hover: #00BCF2; 
--header-font:"Figtree", sans-serif;
--header-color:#494950;
--body-font:"Figtree", sans-serif;
--body-color:#484850;
--sombra: 0 0 24px RGBA(0,0,0,.05);
}

/* TIPOGRAFÍA */
body, html {
	font-family:"Figtree", sans-serif;
	color:var(--body-color);
	line-height: 150%;
	font-size: 1.1rem;
}
a { 
	text-decoration: none;
	transition: 0.4s all ease-out;
	color: var(--color-link);
	}
a:hover { 
	text-decoration: none;
	color: var(--color-link-hover);
	}

h1, h2, h3, h4, h5 {
	line-height: 130%;
	color: var(--header-color);
}
h1 {
	font-size: 4rem;
	margin: 2rem 0 2.5rem;
	letter-spacing: -0.1rem;
	font-weight: 700;
} 
h2 {
	font-size: 3rem;
	margin: 2rem 0 1rem;
	font-weight: 700;
	letter-spacing: -0.05rem;
}
h3 {
	font-size: 1.8rem;
	margin: 2rem 0 0.5rem;
	font-weight: 750;
	letter-spacing: -0.05rem;
}
h4 { 
	font-size: 1.3rem;
	margin: 2rem 0 0.5rem;
}  
h5 { 
	font-size: 1.2rem;
	margin: 2rem 0 0.5rem;
} 
dl, ol, ul {
    margin: 1rem 0 1.6rem 0;
    padding: 0 0 0 2.5rem;
}
ol ol, ol ul, ul ol, ul ul {
    margin: 0.5rem auto;
    padding: 0 0 0 1.8rem;
} 
p, li {
	font-size: 1rem;
	line-height: 160%;
}
p { margin-bottom:1.6rem; }
img { max-width: 100%; height: auto; }

.clearfix:after {
  content: '';
  display: block;
  clear: both;
}

/* images */
.imgleft { margin-right: 40px;}
.imgcenter { text-align: center;} 
.imgcenter img { margin: auto;}

.imgradius img { border-radius: 20px; }

/********************** HEADER ************************/

/* top */
.top .textwidget {
	padding: 5px 0;
	background-color: var(--color-link);
	display: flex;
	justify-content: center;
}
.top .textwidget div { 
	display: block;
	margin: 0 1.5rem;
	font-size: .96rem;
	font-weight: 600;
	color: #fff;
	
}
.top .btn-top { 
	border: 1px solid #fff;
	color: #fff;
	border-radius: 6px;
	padding: 4px 10px;
}
.top .btn-top:hover { 
	color: var(--color-link-hover);
	background-color: #fff;
}
header.site-header {
	padding: 0 10%;
	background-color: #fff;
	position: sticky;
	top: 0;
	z-index: 9;
	width: 100%;
}
header.site-header > .container-xl {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header .site-branding {

}
header .site-branding img {
	max-width: 100%;
	width: 208px;
	height: auto;
}
/* MENÚ NAVEGACIÓN */

.main-navigation {

}

.main-navigation ul {
	list-style:none;
	margin:0;
	padding-left:0;
	transition:all .4s ease-out; 
}
.main-navigation ul ul {
	float: left;
	position: absolute;
	left: auto;
	transition: all .3s ease-out;
	overflow: hidden;
	display: none;
	background-color: #fff;
	box-shadow: 0 0 50px RGBA(0,0,0,0.08);
	border-radius: 15px;
	padding: 12px 0;
}
.main-navigation ul ul li {

}
.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;
}
@media screen and (min-width:37.5em){
	.menu-toggle{
		display:none
	}
	.main-navigation ul {
		display:block; 
		position: relative;
	}
}
nav.main-navigation ul li a {
	display: block;
	padding: 12px 16px 8px;
	transition: all 0.3s ease-out;
	font-weight: 540;
	color: var(--body-color);
	font-size: 1rem;
	text-align: center;
}

nav.main-navigation ul li a > img {
	width: 50px;
	height: auto;
	display: block;
	margin: auto;
}

	nav.main-navigation ul li a:hover, nav.main-navigation ul li.current-menu-item a, nav.main-navigation ul li.current-menu-ancestor > a {
		text-decoration: none;
		color: var(--color-link-hover);
	}
	nav.main-navigation ul li li a {
		padding: 12px 30px;
		text-transform: none;
		width:280px;
		text-align: left;
	}
	nav.main-navigation ul > li.menu-item-has-children > a:after {
		font-family:'exea';
		content:'\e803';
		margin-left: 8px;
	}

/******************** PLANTILLAS**********************/

	/* 
	predeterminada  
	*/
.site-main { }
	.content-area, body.page-id-37 .content-full {
		padding: 80px 0;
	}

	/* 
	Página de inicio 
	*/
	.content-home {
		padding: 80px 0;
		background-image: url("images/bg-block.png");
		background-repeat: repeat;
		}
	.content-home h2 {

	}
	.content-home p {
		font-size: 1.3rem;
	}
	.content-home .wrap { margin-top: 50px;}


/* */
	.content-container {padding:5% 0;}
	.content-full {
		padding: 80px 0 0 0;
		background-color: #fff;
	}
	.content-two {padding:5% 0;	}

/************************ SIDEBAR ******************/

	#secondary {
		background-color: #fff;
		border-radius: 8px;
		box-shadow: var(--sombra);
	}
	#secondary .widget {
		padding:20px;
		}
	#secondary .widget h2 {
		font-size: 1.3rem;
		margin: 0.5rem 0 1rem;	
	}
	#secondary .widget ul {
		margin: 0;
		padding: 0;	
	}
	#secondary .widget ul li {
		list-style-type: none;
		line-height: 220%;
	}
	#secondary .widget ul li, #secondary .widget p {
		font-weight: 300;
		font-size:0.9em;	
	}

/*********************PAGINATION************************/

.navigation { margin:40px 0;}
.navigation ul { margin:0; padding:0;text-align: center;}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
 
.navigation li {
    display: inline;
	margin: 0 0.2em;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color:var(--header-color);
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem 1.2rem;
}
.navigation li a:hover, .navigation li.active a {
	background-color: var(--color-link-hover);
	opacity: 1;
}

/********************** BOTONES ************************/

	/* Base */
	a.btn, input.wpcf7-submit {
	padding: 15px 30px 15px 25px;
	transition: all 0.4s ease-out;
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
	font-size: .85rem;
	font-weight: 600;
	letter-spacing: 0.05rem;
	border-radius: 8px;
}
	a.btn:hover {
		text-decoration:none;
	}

	/* Linear */
	a.btn-line {
		border: 2px solid #fff;
		color: var(--color-link);
		background-color: transparent;
		transition: all 0.4s ease-out;
		display: inline-block;
	}
	a.btn-line:after {
		font-family:'exea';
		content:'\E812';
		display:inline-block;
		transition:all 0.4s ease-out;
		margin-left:8px;
	}
	a.btn-line:hover:after {
		transform: translate(12px, 0px);
	}
	a.btn-line:hover {
		border: 2px solid var(--color-link-hover);
		color: var(--color-link-hover);
	}
	
	/* primary */
	a.btn-dest, input.wpcf7-submit {
		background-color: var(--color-link);
		color:#fff;
		border: none;
		display: inline-block;
		transition: all 0.6s ease-out;
	}

	a.btn-dest:hover, input.wpcf7-submit:hover {
		background-color: var(--color-link-hover);
		color:#fff;
	}
	a.btn-dest::after, input.wpcf7-submit::after {
		font-family: 'exea';
		content: '\E812';
		display: inline-block;
		transition: all 0.4s ease-out;
		margin-left: 8px;
	}
	a.btn-dest:hover:after, input.wpcf7-submit:hover:after {
		transform: translate(12px, 0px);
}

	/* white */
	a.btn-white {
		padding: 18px 30px;
		background-color: #fff;
		color:#00A9D7;
		border-radius:4px;
		border: none;
		display: inline-block;
	}

	a.btn-white:hover {
		background-color: #00BCF2;
		color:#fff;
	}

		
		/* Scroll to top page */
		.totop {
			text-decoration: none;
			position: fixed;
			bottom: 20px;
			right: 20px;
			font-size: 26px;
			z-index: 99;
			border-radius: 100%;
			transition: all 0.4s ease-out;
			width: 52px;
			height: 52px;
			text-align: center;
			display: none;
			line-height: 180%;
		}
		.totop:before {
			font-family: 'exea';
			content:"\E80A";
		}
		.totop:hover {
			text-decoration:none;
		}

		
	/* Contact 7 */
	
	input.wpcf7-submit:disabled {
		opacity: 0.4;	
	}
	input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea 
	{
		color: #666;
	  	border-radius: 10px;
	 	padding: 20px;
	  	margin-top: 4px;
	  	border: 1px solid #ddd;
	  	transition: al 0.4s ease-out;
	  	width: 100%;
	}
	input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="range"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, textarea:focus 
	{
		border: 1px solid #00BCF2;
		box-shadow: 0 0 6px RGBA(0, 169, 215, 0.8);
	}
	input[type="checkbox"], input[type="radio"] {
		box-sizing: border-box;
		padding: 0;
		margin: 0 8px;
	}
label { display: block;}
textarea {
	overflow: auto;
	resize: vertical;
	height: 120px;
}
	.contacto {
		width: 100%;
		background-color: #fff;
		padding: 30px;
		box-shadow: var(--sombra);
		border-radius: 8px;
	}
	
	.contacto-main {
	background-color: #FFF;
	border-radius: 8px;
	width: 100%;
	padding: 30px;
	box-shadow: var(--sombra);
}




/******************** WiDGETS ****************************/
.widget img {
    max-width: 100%;
    height: auto;
}
	/* 
	Searform -> searchform.php 
	*/
	.search {
	  width: 100%;
	  position: relative;
	  display: flex; 
	}
	.searchform input[type="text"] {
		width: 100%;
		border: 2px solid #f3f3f3;
		border-right: none;
		padding: 10px 5px;
		border-radius: 5px 0 0 5px;
		outline: none;
		font-size: 1.3em;
		margin: 0;
	}
	.searchform input[type='text']:focus {
		width: 100%;
		border-left: 2px solid #ddd;
		border-top: 2px solid #ddd;
		border-bottom: 2px solid #ddd;

	}
	.searchform input[type='text']:hover #searchsubmit {
		background-color: #ddd;
	}
	.searchform #searchsubmit:hover {
		background-color: #ddd;
	}
	.searchform #searchsubmit {
		border: 1px solid #f3f3f3;
		background-color: #f3f3f3;
		text-align: center;
		color: #000;
		border-radius: 0 3px 3px 0;
		cursor: pointer;
		font-size: 1.8em;
		padding: 2px 16px;
	}
	
	/* presupuesto

.presu {
	background-color: #00a9d7;
	padding: 40px 0;
}
.presu h2 {
	color: #fff;
	margin: .5em 0;
}
.presu p {
	font-size: 1.3em;
	color: #fff;
	margin-bottom: 0.4em;
}

h2.tel {
	font-size: 3em;
	color: #fff;
	text-shadow: 4px 4px 6px rgba(0,0,0,.1);
	margin: 0;
	padding: 40px 0;
}
.presu a { color: #fff; border-bottom: 1px dashed #fff;}
.presu a:hover {  border-bottom: 1px solid #fff;}
.presu h2.tel span {
	font-size: 1em;
	color: #fff;
}
*/
	/* 
	Módulo blog home 
	*/
	
	.widget-home { }
	.blogHome {
		padding: 80px 0;
		background-image: url("images/bg-block.png");
		background-repeat: repeat;
	}
	.blogHome .card {
		margin-bottom: 2em;
		border-radius: 8px;
		background-color: #fff;
		box-shadow: 0 0 32px RGBA(0,0,0,.05);
	}
	.blogHome .card img {
		border-radius: 8px 8px 0 0;
	}
	.blogHome h2 {
		margin-bottom: 1.5em;
	}
	.blogHome h3 {
		margin: 16px 0 6px 0;
		font-size: 1.6rem;
		font-weight: 600;
	}
	.blogHome h3 a { color: var(--header-color); }
	.blogHome h3 a:hover { color: var(--color-link-hover); }
	.blog-meta {
		color: #94ABBA;
		font-size:0.95rem;
		margin: 0.3em 0 0.8rem;
		text-align: left;
	}
	.blogHome .wrap {
		text-align: right
	}
	.card-block {
		padding: 20px 40px 40px;
	}
	body.home .galeria { background-color: #fff;}


	.galeria {
		padding: 30px 10% 80px;
		background-color: transparent;
		text-align: center;
	}
	.galeria h2 {
		margin: 1em 0 1.5rem;
	}
	.pfg-bootstrap .img-responsive {
		border-radius: 8px;
	}
	.pfg-bootstrap .img-responsive:hover {
		opacity: 0.7;
	}
	.pfg-bootstrap .text-center {
		text-align: center !important;
		padding: 6px 0 20px;
	}
	.simplefilter li {
		font-weight: 400;
		font-size: .9rem;
		border-radius: 3px;
	}
	/*  
	Últimas entradas blog en sidebar 
	*/
	.last { margin-top: 30px;}
	.last .inner { margin: 30px 6px;}
	.last h4 {
		font-size: 1.1rem;
		margin: 0;
		font-weight: 400;
	}
	.last .blog-meta {
		text-align: left;
		font-size: .78rem;
		margin: 0;
	}
	.last h4 a {
	color: var(--header-color);
	font-weight: 550;
}
.last h4 a:hover {
	color: var(--color-link-hover);
}
.last img { border-radius: 6px;}

/******************** Modulos ****************************/
	
.modHome { padding: 60px 0;background-color: #fff;}
.modHome h2 {
	text-align: center;
	margin: 10px 0 40px;
}
.modHome h2 span.icon-tecnoventanas {
	display: block;
	margin: 0 10px 6px 0;
	font-size: 4rem;
	vertical-align: middle;
}
.modHome .mod {
	display: flex;
	align-items: center;
}
.modHome .mod .modIcon {
	width: 14%;
}
.modHome .mod .modTxt {
	width: 76%;
	margin-left: 5%;
	margin-right: 5%;
}
h2 span { color: var(--color-link);}
.modHome .mod p {
	font-size: 1.1rem;
}


	/* HEADER IMAGEN HOME */
	.hm-header {
		position: relative;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		min-height: 920px;
		width: 100%;
	}
	.hm-header-layer {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		background-color: RGBA(0,0,0,0);	
	}
	.hm-header-content {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		display: inline-grid;
		text-align:center;
	}
	.hm-header-txt {
		margin: auto 0.5rem;
		height: 100%;
		display: block;
		align-content: center;
		text-align: left;
	}
	.hm-header-txt h1 {
		color: var(--color-link);
		font-size: 3rem;
		text-align: left;
		width: 80%;
		margin: 2rem 0 .5rem;
	}
	.hm-header-txt h1 span {
		background-color: #fff;
		border-radius: 4px;
		display: inline-block;
		padding: 0 6px;
		margin-bottom: 12px;
		font-weight: 600;
		text-align: left;
	}
	.hm-header-txt > div {
		display: inline-block;
		width: 50%;
		float: left;
		font-size: 1.6rem;
		line-height: 140%;
	}
	/*.hm-header-txt p {
		color: RGBA(255,255,255,0.85);
		font-size:3.85rem;
		font-weight: 300;
		line-height: 120%;
	}
	.hm-header-txt .wrap {
		margin:3rem 0 1rem;	
	}
	.hm-header-txt .wrap a {
		margin: auto 0.8rem 0.5rem;
		box-shadow: 0 0 20px RGBA(0,0,0,0.25);	
	}
	*/
	
	

/* CONTENT */
.site-content { 
}

/******************** FOOTER ****************************/
footer.site-footer {
	padding: 4% 0 2%;
	background-color: #3C3C44;
	color: #fff;
}
footer.site-footer h3 {
	color: #fff;
	font-size: 1.4rem;
	margin: 0 0 0.5em;
	font-weight: 700;
}
footer ul { padding:0 0 0 0;}
footer ul li { 
	list-style-type: none; 
	line-height:180%;
}
footer ul li a { color:#fff; }

footer ul li a:hover { 
	color:var(--color-link-hover); 
	text-decoration: none; 
}

footer .footerr img {
	max-width: 50px;
	margin: 20px 30px 20px 0;
	transition: all .5s ease-out;
}
footer .footerl ul { margin-top: 24px;}
footer .footerl ul li {
	margin-left: 40px;
	line-height: 140%;
	margin-bottom: 20px;
}
footer .footerl ul li span  {
	margin-left: -40px;
  	position: absolute;
  	font-size: 1.4rem;
}



/* 
Site info 
*/
.site-info {
	background-color: #fff;
	padding: 20px 0 60px;
}
.site-info ul#menu-menu-legal {
	margin: 0 0 60px;
	padding: 0;
}
.site-info ul li {
	display: inline-block;
	list-style-type: none;
	margin: 0 1.5rem;
}
.site-info ul li a {
	opacity:0.6;
	font-size:0.8rem;
}
.site-info ul li a:hover {
	opacity:1;
}
.faldon {
	text-align: center;
}

/* Proveedores */
.modPro {
	padding: 20px 10px;
	background-color: #D1EFF8;
}
#gallery-1 { 
	display: flex;
	justify-content: space-around;
}
#gallery-1 figure { 
	min-width: 140px;
	margin: 0 1rem;
}



/* Ventanas */

.header-seccion {
	position: relative;
	min-height: 580px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}

.header-txt {
	position: absolute;
	bottom: 0;
	top: 0;
	display: grid;
	width: 100%;
	background: RGBA(0,0,0, 0.5);
	color: #fff;
}
/*.header-txt h1:before {
	font-family: 'exea';
	content:"\e806";
}
.header-txt h1 {
	margin-bottom: 0.4em;
	display: inline-block;
	border-bottom: 3px dashed RGBA(255,255,255,.6);
	padding-bottom: 10px;
	color: #fff;
	font-weight: 500;
}*/
.header-txt h1 {
	color: var(--color-link);
	font-size: 4rem;
	text-align: left;
}
.header-txt h1 span {
	background-color: RGBA(0,0,0,.3);
	border-radius: 4px;
	padding: 0 10px;
	margin-bottom: 12px;
	font-weight: 600;
	text-align: left;
	float: left;
	display: block;
	clear: both;
}
.header-txt p {
	font-size: 2em;
	color: #fff;
	display: none;
}
.header-txt .container-xl {
	margin-top: auto;
	margin-bottom: auto;
}


/*********************** BLOG *************************/

/* Content */
.bloque {
	padding: 3% 30px;
	margin: 2em 0 2.5em;
	border-radius: 8px;
	box-shadow: var(--sombra);
}
.bloque img {
	float: none;
	max-width: 65%;
	margin: 0 auto;
	display: block;
}
.bloquein {
	padding: 30px;
	margin: 0.5em 0 0.4em;
	border-radius: 8px;
	border: 1px solid #ddd;
	font-size: 1.1rem;
	line-height: 150%;
}
.bloquein p {
	margin: 0;
}
.bloquein h4 {
	margin: 0.5em 0 0.5em; 
}
.widget .bloquein img {
	float: left;
	margin: 0 1em 0 0;
	max-width: 70%;
}
.bloqueout {
	margin: 1em 0 0.7em;
	font-size: 1.1rem;
	line-height: 150%;
}
.bloqueout .inner {
	margin: auto auto auto 2em;
}
.bloqueout img {
	border-radius: 8px;
}
.bloquevi { }
.bloquevi h2 {
	margin: 1em 0 0.7em;
}
.widget .bloquevi img {
	float: right;
	margin: 40px 2em 0 0;
	max-width: 80%;
}
.frj {}
.frj .bloque { background-color: #fff;padding: 30px;}
.frj-1 {
	padding: 0 0 2% 0;
}
.frj-2 {
	background-color: #fff;
	padding: 2% 0;
}
.frj-3 {
	background-color: #f9f9f9;
	padding: 2% 0 80px;
}
.frj-4 {
	background-color: #F0F3F7;
	padding: 2% 0;
}

/* Blog / index */
	.content-blog {
		padding:2% 0;
	}
	.page-header {
		text-align: center;
		padding:0.5em 0 1.2em;	
	}
	.page-header h1 {
	}
	/* Blog grid masonry/ bootstrap */
	.content-blog .card {
		margin-bottom: 30px;
		position: relative;
		background-color: #fff;
		border-radius: 8px;
		box-shadow: var(--sombra);
		overflow: hidden;
	}
	.content-blog .card .inner { 
		padding: 30px; 
	}
	.content-blog .card-header {}
	.content-blog .card-img-top { 
		position: relative; 
		overflow:hidden;
	}
	.content-blog .card-body {
		padding-bottom: 50px;
	}
	.content-blog .card-body .card-title {}
	.content-blog .card-footer .lnr-arrow-right {
		margin: 4px 0 6px 10px;
		display: block;
		float: right;
	}
	
	/*efecto hover image */
	.layer {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		background-color: RGBA(0,169,215,0.9);
		opacity: 0;
		transition: all 0.4s ease-out;
		z-index:1;
		border-radius: 8px 8px 0 0;
	}
.card-img-top img {
	transition: all 1.5s ease-out;
	border-radius: 8px 8px 0 0;
}	.card-img-top:hover img  {transform: scale(1.4);}
	.card-img-top:hover .layer {
		opacity: 1;
		}

	.layer .link {
		width: 100%;
		display: inline-grid;
		position: absolute;
		top: 0;
		bottom: 0;
		text-align: center;
	}
	.layer .link:hover{ 
		text-decoration: none;
}
.layer .alink {
	display: grid;
	margin: auto;
	opacity: 0.5;
	transition: all 0.4s ease-out;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
}	
.layer .alink::before {
	font-family: 'exea';
	content: '\e812';
	font-size: 2.5rem;
	margin: auto;
	text-decoration: none;
	color: #fff;
}
	.layer .alink:hover {opacity:0.7 }
	
.content-blog h2 {
	margin: 0 0 0.5em;
	font-size: 1.6em;
}
	.content-blog h2 a {
		color: var(--body-color);
		font-weight: 600;
	}
	.content-blog h2 a:hover { color: var(--color-link-hover);}
		.content-blog h3 {

		}
		.entry-meta .cat-links { float:left; margin-right: 16px;}
.card-footer { text-align: right;}

	
	/* Share - Social pug */
	.dpsp-content-wrapper { margin-top:60px !important; }
	.dpsp-has-spacing .dpsp-networks-btns-wrapper li {
		margin-bottom: 10px;
		margin-right: 1.5%;
		margin-left: 0 !important;
		display: inline-block;
		float: right;
	}
		
	/* Post */
.blog {
	background-color: #FFF;
	border-radius: 8px;
	box-shadow: var(--sombra);
}
	.blog h1 { 
		font-size: 3rem;
	}
	.blog-header {
		padding:30px 30px 16px;	
	}
	
	.blog-meta .posted-on {margin: 0 30px 0 0;}
	.blog-meta .posted-on::before {
		font-family: 'exea';
		content: "\E80D";
		margin-right: 6px;
	}
	.blog-meta .cat-links {}
	.blog-content {
		padding:30px;	
	}
	.blog-footer {
		padding:30px;
	}
	.bwrap { text-align: center; margin-top: 20px; }
	
	/* clear fix */
	.grid:after {
	  content: '';
	  display: block;
	  clear: both;
	}
	
	/* ---- .grid-item ---- */
	.card-columns .card {
		margin-bottom: 1.2rem;
	}

	
	/* Navigation con scroll */
		nav.post-navigation {
			position: fixed;
			left: 0;
			right: 0;
			bottom: 24px;
			z-index: 9;
		}
		.prevPost {
			float: left;
			padding: 20px;
			background-color: RGBA(255,255,255,.85);
			border-radius: 4px;
			margin-left: 20px;
			margin-right: 10px;
			transition: all 0.8s ease-out;
			transform: translateX(-1000px);
		}
		.prevPost img {
			border-radius: 100%;
			max-width: 25%;
			margin-right: 12px;
			float: left;
		}
		.prevPost .meta-nav { float:left;margin-top:20px;}

		.nextPost {
			float: right;
			padding: 20px;
			background-color: RGBA(255,255,255,.9);
			border-radius: 4px;
			margin-right: 20px;
			transition: all 0.8s ease-out;
			transform: translateX(1000px);
			margin-left: 10px;
		}
		.nextPost img {
			border-radius: 100%;
			max-width: 25%;
			margin-left: 12px;
			float: right;
		}
		.nextPost .meta-nav { float:right;margin-top:20px;}
		
		.meta-nav .post-sub { color:#222; font-size:0.8rem; text-transform: uppercase;  }
		.meta-nav .post-title { display:block;}

div#breadcrumbs {
	margin-bottom: 2em;
	font-size: .8em;
	color: #999;
	font-weight: 400;
}

/* Error 404 */
.error-404 {
	min-height: 360px;
	text-align: center;
}

/* RGPD */
.rgpd {
	margin: 2em 0;
}

.mapa {
	margin-top: 80px;
}
.mapa h2 {
	margin-bottom: 40px;
}


.block {
	padding: 30px 0;
}
.block > .row {
	align-items: center;
}
/*************************** MEDIA QUERYS *************************/
@media (min-width: 577px) {
	.header-seccion { min-height: 460px; }
}
@media (min-width: 1200px) {
	.header-seccion { min-height: 640px; }
}

@media (max-width: 576px) {
	
	/* Blog */
h2.tel {
	font-size: 2em;
}
	.content-blog .entry-meta {
		font-size: 14px;
	}
	.blog-header {
		padding: 30px 16px 16px;
	}
	.blog-content {
		padding: 16px;
	}
	.blog-meta {
		font-size: 14px;
	}
	.blog-meta > span {
		display: block;
		float:left;
		margin-bottom:10px;
	}
	.post-navigation { display: none;}
	/* footer */

	.hm-header-txt h1 {
		font-size: 2.2rem;
		margin-bottom: 0.5em;
	}
	.hm-header-txt p {
		font-size: 2rem;
	}
	.hm-header {
    	height: 40vh;
	}
	.content-home h2 {
		font-size: 1.6em;
	}
	.content-home p {
		font-size: 1.1em;
		line-height: 150%;
		margin-bottom: 1em;
	}
	h2 {
		font-size: 1.6rem;
		margin: 2rem 0 1rem;
	}
	h3 {
		font-size: 1.4rem;
	}
	.bloque {
		padding: 1% 20px;
	}
	.header-txt p {
		font-size: 1.4em;
	}
	.header-seccion { min-height: 320px; }
	.blocks {
		margin-bottom: 10px;
	}
	.blocks.uno .inner {
		padding:0 20px 0 36px;
	}
	.blocks.dos .inner {
		padding: 0 36px 0 20px;
	}
	.blocks .inner h3 {
		font-size: 1.8rem;
		margin: 1.5rem 0 1rem;
		font-weight: 600;
	}
	.blog-header h1 {
		line-height: 120%;
		font-size: 1.6em;
		margin: 0 0 0.5em;
	}
	#gallery-1 figure { 
		width: 50%;
		max-width: 100%;
	}
	.top .textwidget div {
		margin: 0 .5rem;
		font-size: .92rem;
	}
	.header-txt h1 {
		font-size: 2rem;
	}
	.content-full {
		padding: 20px 0 0 0;
	}
	.hm-header-txt > div {
		width: 100%;
		float: none;
		font-size: 1.6rem;
		line-height: 140%;
		background-color: RGBA(255,255,255,.5);
		margin: auto;
		padding: 20px;
	}
	.hm-header {
	min-height: 560px;
}
	.modHome .mod {
	display: block;
	align-items: center;
	text-align: center;
	margin-bottom: 40px;
}
	.modHome .mod .modIcon {
	width: 30%;
	margin: auto;
}
	.modHome .mod .modTxt {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
	
	
	
} /* end */
@media (min-width: 577px) and (max-width: 767px) {
	.hm-header-txt p {
		font-size: 3rem;
	}
	.hm-header-txt h1 {
		font-size: 3rem;
	}
}

@media (max-width: 767px) {
	h1 {
		font-size: 2rem;
	}
	.card-block {
		padding: 10px 20px 20px;
	}
	
}
@media (max-width: 991px) {
	nav.main-navigation {
		display: none;
	}
	#secondary {
		margin-top:36px;	
	}
	.destacados .inner {
		margin-right: 0;
	}
	.blocks {
		background-color: #fff;
		text-align: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin-bottom: 30px;
	}
	footer.site-footer {
		padding: 10% 0;
		text-align: center;
	}
	footer.site-footer h3 {
		margin: 1em 0 0;
	}
	#gallery-1 { 
		flex-wrap: wrap;
	}
	#gallery-1 figure { 
		margin-bottom: 24px;
	}
	
} /* end */
@media (max-width: 1199px) {
	.show-panel .mob-cancel-button {
		display: block;
		margin: 10px;
	}
	#mobmenuleft li a span {
		font-size: 2em;
		display: inline-block;
		margin: 10px 6px 0 0;
		vertical-align: bottom;
	}
	.galeria h2 {
		margin: 1em auto;
	}
	.mobmenu {
		box-shadow: 0 0 20px RGBA(0,0,0,.15);
	}

}
@media (min-width: 1200px) {

h2.tel {
	font-size: 3em;
	border-right: 2px solid #fff;
}
}
@media (min-width: 1500px) {
	.container-xl {
		max-width: 1440px;
	}
	#gallery-1 { padding: 20px 10%;}
} /* end */
@media (min-width: 1200px) and (max-width: 1500px) {

header.site-header { padding:0 2%;}

}