/*
Theme Name: ElkartePress
Author: Raúl Peréz Caballero
Author URI: http://raulperez.tieneblog.net
Version: 1.0
Text Domain: elkartepress
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags:  Blog
Description: Elkarte Press is an exceptional Wordpress theme with a clean and elegant design, perfect for businesses, associations, public entities, personal blogs ... It is fully customizable and customizable, in a very comfortable and intuitive way. The theme is fully prepared to be multilanguage with the Polylang plugin, with the possibility of translating all the fixed texts comfortably. The homepage is fully customizable, with the possibility to add and remove sections. It has a customizable header, slide with texts, images and links, section services, section of last entries, foot to four columns ...
*/



@font-face {
    font-family: bebas;
    src: url(fonts/BebasNeue-Regular.ttf);
}


@font-face {
    font-family: montserratR;
    src: url(fonts/Montserrat-Regular.ttf);
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

.sticky{


}

.gallery-caption{

}

.bypostauthor{


}



* {
  box-sizing: border-box;
	padding: 0;
    margin: 0;
}

img{

	max-width: 100%;
	height: auto;
}



body {
    background-color: #f9f9f9;
    font-family: montserratR;
    padding: 0;
    margin: 0;
}

body.show-header-off .header-img{

	display: none;
}

body.single-post .content-thin{

	/*width: 50%;*/
	margin-top: 80px;
}

body.blog .content-thin{

	width: 70%;

}

header{

	height: 230px;

}



.titulo-blog{

	font-family: bebas;
	letter-spacing: 0.1em;
	border:0px solid blue;
	width: 20%;
	position: absolute;
	top: 100px;
	left: 100px;
	font-size: 2em;
	color:#6DA188;
}



#logo-header {
	float: left;
	padding: 15px 0 0 20px;
	max-width: 280px;
	border:0px solid red;
	max-height: 150px;
}

#accordion-section-colors{

display: none !important;

}


#site-navigation{

	border:0px solid blue;
	float: right;
	width: 65%;
	margin-top: 125px;
	color: #666;
}



/*BREADCRUMBS*/


.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
	text-align:center;
}

.breadcrumb a {
    text-decoration: none;
}


/*REDES SOCIALES*/

#redes-sociales{

border:0px solid green;
width: 10%;
float:right;
margin-top: 165px;
margin-left: 30px;

}

#icono-social{

width: 24px;
height: 24px;
float: left;
margin-right: 10px;

}

#icono-social a:hover{

	opacity: 0.8;

}

/*IDIOMAS*/

li.lang-item a{
opacity:0;
}

li.lang-item-es{
background: url(http://www.saregune.net/wp-content/uploads/2019/02/boton-es.png) no-repeat center center;
	width:60px;
}

li.lang-item-eu{
background: url(http://www.saregune.net/wp-content/uploads/2019/02/boton-eu.png) no-repeat center center;
		width:60px;

}


#slide{

width: 100%;
float: left;
}



/* SERVICIOS */


#info{
	
	min-height: 400px;
	border:0px solid blue;
	position: relative;
	margin: 0 auto;
	width: 80%;
	max-width: 1200px;
	overflow: hidden;
	
}

#info-full{

	width: 100%;
	border:0px solid red;
	margin:0;
	padding: 0;
	background: #E2E2E2;

}

.columnas-info {
    position: relative;
    float: left;
    width: 30%;
    margin-left: 2.562430939%;
}

.content-box {
  border-bottom: 4px solid transparent;
  width: auto;
  min-height: 400px;
  padding: 40px;
  background: rgba(255,255,255,0.8);
}

.content-box:hover{
  
  background: rgba(255,255,255,1);
  
}

.content-box-info {
  width: auto;
  height: auto;
  margin-left: 60px;
  line-height: 1.5em;
  color:#333;
  font-size:13px;
  font-weight:normal;
}

.content-box-info h2{
  font-size: 18px;
  line-height: 1.333em;
  margin-bottom: 0.375em;
  font-weight: bold;
  margin-top: 50px;
  }
  
 .icon {
  margin: 0 auto;
  width: 40%;
  height: 100%;
  text-align: center;
}


#services{

	width: 100%;
	float: left;
	border:0px solid blue;

}

#service-1{

	float: left;
	width: 30%;
	max-width: 360px;

}

/*
#topMenu{

	float:right;

}

#topMenu{

	list-style: none;
	margin-right: 50px;
}

#topMenu li{

	float: left;
	height: 50px;
    padding-top: 20px;
}

#topMenu li a{

	 color: #666 !important;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    zoom: 1;
    letter-spacing: 1px;
    display: block;

}

*/

#topMenu {
 list-style:none;
 margin:0;
 padding:0;
 float:right;
 margin-top:20px;
 	
}

/* items del menu */

/* enlaces del menu */

#topMenu li a {
 display:block;
 text-decoration:none;
 color: #666 !important;	
 font-weight:bold;
 font-size:13px;
 padding:10px;
 text-transform:uppercase;
 letter-spacing:1px;
}

/* items del menu */

#topMenu li {
 position:relative;		
 float:left;
 margin:0;
 margin-right:25px;
 padding:0;
 padding-top:20px;	
 
}

#topMenu li.lang-item {

		margin-right:10px;
}

/* efecto al pasar el ratón por los items del menu */



/* menu desplegable */

#topMenu li ul {
 display:none;
 position:absolute;
 top:100%;
 left:0;
 background:#eee;
 padding:0;
 list-style:none;
 z-index: 200;

}

/* items del menu desplegable */

#topMenu ul li {
 float:none;
 width:150px;
 margin:0;
 border-bottom:1px solid black;	
 
}

	
/* enlaces de los items del menu desplegable */

#topMenu ul a {
 line-height:120%;
 padding:10px 15px;
	
}

/* items del menu desplegable al pasar el ratón */

#topMenu li:hover > ul {

 display:block;
}

div.imagen-destacada{

	float: left;
    width: 360px;
    margin-right: 20px;
    margin-bottom: 20px;
	

}

div.imagen-destacada img{

	width: initial;
	

}

div.destacada-contenido{

	 float: none;
    overflow: hidden;
    font-size: 0.9em;
    color:#666;
    line-height: 1.6em;
    padding-bottom: 10px;

}

div.destacada-contenido h2{

margin-bottom: 20px;

}

p.meta-info{

	margin-bottom: 10px;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

p.leer-mas{


margin-top: 40px;

}

a.mas{

	 text-decoration: none;
    padding: 10px;
    font-weight: 600;
    font-size: 1em;
    border-radius: 6px;
    color: white !important;

}

h1.title_section{

	text-align: center;
	margin-top: 50px;
	font-family: bebas;
	font-size: 3em;
	letter-spacing: 0.1em;

}

p.ver-todas{

	border:0px solid red;
	text-align: center;
	margin:50px 0;

}

a.todas{

	 text-decoration: none;
    padding: 10px;
    font-weight: 600;
    font-size: 1em;
    border-radius: 6px;
    border:1px solid #70A187;
    color:#70A187;
    margin:50px 0;

}

/*PAGINACION*/

.pagination {
    clear:both;
    padding:20px 0;
    position:relative;
    font-size:14px;
    line-height:13px;
    border:0px solid red;
    width: 30%;
    margin-left: 35% !important;
}

.pagination span, .pagination a {
    display:block;
    float:left;
    margin: 2px 2px 2px 0;
    padding:12px 15px;
    text-decoration:none;
    width:auto;
    color:white !important;
    background: #666;
}

.pagination a:hover{
    color:#fff;
    background: #446580;
}

.pagination .current{
    padding:12px 15px;
    background: #446580;
    color:#fff;
}


/*SEARCH*/

p.not-found{

	font-size:3em;
	margin-top: 150px;
	margin-left: 100px;
	color: #446580;

}

#sad{

padding-top: 100px;
width: 20%;
margin: 0 auto;

}


footer, header {
  width: 100%;
 }

body > header > h1 > a {
color: #ffffff;
font-weight: 400;
}

article {
	
	line-height: 1.5em;
	color:#666;

}

article p{

margin-bottom: 20px;

}



footer {
  margin-top: 40px;
  overflow:hidden;
  border-top: 3px solid #446580;
  padding-top:20px;
}

footer div{
	
float:left;
width:25%;
	
}

img.setem-footer{
	
margin-left:40px;	
	
}

img.mugarik-footer{
	
margin-top:20px;	
	
}

div.textwidget{
	
	width:100%;
}

a {
  text-decoration: none;
}

/* 'Margin: 0 auto' centers block content on the page */
.wrap {
  width: 100%;
  margin: 0 auto;
}

.content-area {
  display: inline-block;
}

.content-thin {
    width: 70% !important;
}

.content-full-width {
    width: 100%;
    border:0px solid red;
}

.content-area,
.primary-sidebar {
  display: inline-block;
}

.primary-sidebar {
  width: 25%;
  padding: 1%;
  vertical-align: top;
 
}

.primary-sidebar div{

	background-color: white;
	margin-bottom: 50px;
	padding: 20px;
	 margin-top: 50px;
}

.primary-sidebar div h2{

margin-bottom: 40px;
border-bottom: 2px solid #446580;
}

.primary-sidebar div ul {

	list-style: none;
}

.primary-sidebar div ul li{

	margin-bottom: 20px;
}

.article-loop {
	max-width: 900px;
    width: 100%;
    text-align: left;
    margin: 5px;
    padding: 10px;
    margin: 0 auto;
    margin-bottom: 40px;
    margin-top: 40px;
    border-bottom: 2px dashed #ccc !important;
    padding-bottom: 40px;

}

i.fa-user{

	margin-left: 40px;

}

.article-full {
  width: 100%;
  max-width: 1200px;
  margin:0 auto;
  padding: 1%;
  border:0px solid blue;
}

.article-thin {
  width: 100%;
  max-width: 900px;
  margin:0 auto;
  padding: 1%;
  border:0px solid blue;
}

#primario{

	margin-top: 50px;

}

.article-loop,
.article-full {
  vertical-align: top;
  background-color: #FFF;
  border-radius: 4px;
  margin-bottom: 4px;
  margin-top: 50px;
}

.article-full h2{
	
	margin-bottom: 20px;
	
}

/* COMENTARIOS*/

#respond .comment-form label {
    display: block;
    margin-bottom: 4px;
}

#respond label {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

textarea, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
    padding: 10px;
    max-width: 800px;
   width: 100%;
    border: 0px;
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    background-color: #f2f2f2;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
    color: #000;
}


input[type="reset"], input[type="submit"], input[type="submit"], .pirate-forms-submit-button {
    cursor: pointer;
    border: none;
    display: inline-block;
    color: #FFF;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
    padding: 15px 23px 15px 23px;
    border-radius: 2px;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
    margin: 3px 0;
    text-decoration: none;
    font-weight: 600;
    font-size: 13px;
}

#respond {
    padding-top: 30px;
    border-top: 1px solid #e9e9e9;
}

@media only screen and (max-width: 1200px) and (min-width: 821px) {  
	
	.columnas-info{
		
		width:100%;
		
	}
	
}

@media only screen and (max-width: 820px) and (min-width: 621px) {  
	
	.columnas-info{
		
		width:100%;
		
	}	
	
	div.destacada-contenido {
		
		width:100%;
	}
	
}

@media only screen and (max-width: 620px) and (min-width: 501px) {  

	.columnas-info{
		
		width:100%;
		
	}	
	
	div.destacada-contenido {
		
		width:100%;
	}
	
	#topMenu li{
		
		width:100%;
	}
	
	#site-navigation{
		
		
		margin-top:40px;
	}
	
	.content-area, .primary-sidebar{
		
				width:100%;

		
	}

}

@media only screen and (max-width: 500px) and (min-width: 341px) {  

		.columnas-info{
		
		width:100%;
		
	}	
	
	div.destacada-contenido {
		
		width:100%;
	}
	
	#topMenu li{
		
		width:100%;
	}
	
	#site-navigation{
		
		
		margin-top:40px;
	}
	
	.content-area, .primary-sidebar{
		
				width:100%;

		
	}

}