/*
Theme Name: Divi Child Theme
Theme URI: https://www.lareplazeta.org
Description: This is a custom child theme for Divi
Author: Advantia
Author URI: https://www.resoncomunicacion.com/
Template: Divi
Version: 0.1
*/
 /* Fix a horizontal scroll bug on mobile browsers */
#page-container { overflow:hidden; width:100%; max-width:100%; }

/* Elimina el error de scroll lateral en mobiles con el menu oculto */

    /* set the width, and right align */
    #mobile_menu { max-width: 400px; right: 0; left:auto; }


/* Arreglamos el espaciado entre título y texto en en el detalle de la noticia personalizado  */

 
#plantillaEntradas .et_pb_section {
    padding: 0 0!important;
}
 /*  span texto blurbs emails contacta */

.emails {
	font-size:30px;
    font-family: 'Signika';
    font-weight: bold;
}

/*  fecha de listados de entradas  */
 
.fechaEntrada{
	
    
   display: block;
	margin-top: 25px;
	color:gray;
}


/*Evitamos que los titulares se separen por letras*/
h1,h2,h3,h4,h5 {
  
  overflow-wrap: normal;
	text-shadow: 0.08em 0.08em 0.23em rgba(0,0,0,0.1)!important;
}


/* Espaciamos los H's y los parrafos */

.textoCorrido h1,.textoCorrido h2,.textoCorrido h3,.textoCorrido h4,.textoCorrido h5 {
  
  overflow-wrap: normal;
  text-shadow: 0.08em 0.08em 0.23em rgba(0,0,0,0.1)!important;
  margin-bottom:23px;
	
}

.textoCorrido p{
	text-align:justify;
	margin-top:23px;
	margin-bottom:23px;
}


/* imagen pequeña en el blog  */
@media (min-width: 981px) {
.left-blog-image .et_pb_post .entry-featured-image-url {
float: left;
width: 100%;
max-width: 206px;
margin: 0 20px 0 0;
}
.left-blog-image .et_pb_post {
margin-bottom: 20px !important;
}
}
/* Estilos para el txto de privacidad */

.privacy{
		font-size: 17px;
		color: #0c0c0b !important;
	}




/* Flechas de las cajas. Se aplican sobre la columna dentro de las opciones de fila */

/*  Flecha Roja*/

.containerRojoIzda:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 220px;
    height: 0;
    border-style: solid;

    top: 0px;
    border-color: transparent transparent transparent #f13738;
    border-width: 31px;
}
.containerRojoDcha:before {
    content: '';
    display: block;
    position: absolute;
    left: -282px;
    width: 220px;
    height: 0;
    border-style: solid;

    top:47px;
    border-color: transparent #f13738 transparent transparent;
    border-width: 31px;
}


/*  Flecha verde */
 
.containerVerdeIzda:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 220px;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #66cc66!important;
    top: 0px;
 	border-width: 31px;
}
.containerVerdeDcha:before {
	 content: '';
    display: block;
    position: absolute;
    left: -282px;
    width: 220px;
    height: 0;
    border-style: solid;

    top:47px;
    border-color: transparent #66cc66 transparent transparent!important;
    border-width: 31px;
}


/*  Flecha Amarilla*/
 
.containerAmarilloIzda:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 220px;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #e8e213!important;
    top: 0px;
 	border-width: 31px;
}
.containerAmarilloDcha:before {
	 content: '';
    display: block;
    position: absolute;
    left: -282px;
    width: 220px;
    height: 0;
    border-style: solid;

    top:47px;
    border-color: transparent #e8e213 transparent transparent!important;
    border-width: 31px;
}


/*  Flecha Lila*/
 
.containerLilaIzda:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 220px;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #db8ddb!important;
    top: 0px;
 	border-width: 31px;
}
.containerLilaDcha:before {
	 content: '';
    display: block;
    position: absolute;
    left: -282px;
    width: 220px;
    height: 0;
    border-style: solid;

    top:47px;
    border-color: transparent #db8ddb transparent transparent!important;
    border-width: 31px;
}


/*  Flecha Azul */
 
.containerAzulIzda:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 220px;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #70bed1!important;
    top: 0px;
 	border-width: 31px;
}
.containerAzulDcha:before {
	 content: '';
    display: block;
    position: absolute;
    left: -282px;
    width: 220px;
    height: 0;
    border-style: solid;

    top:47px;
    border-color: transparent #70bed1 transparent transparent!important;
    border-width: 31px;
}



/* -----------------------------------  */

/* definimos estilos predeterminados  para los h */
h1, h2, h3, h4, h5, h6 {
   font-weight: 900!important;
}

/* separacion para las listas ordenadas */

.listaOrdenada01 li{
  margin-top:23px;
}

.listaOrdenada01 li h3::before,.et_pb_module_header::before{
	content: '\e818'; 
}


/* Eliminamos la sombra de la cabecera */

@media (min-width: 981px){
#main-header.et-fixed-header {
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow:none!important;
}
}
 /* Incrustamos la fuente */

@font-face {

  font-family: 'lareplazeta';
  src: url('/wp-content/uploads/font/lareplazeta.eot?16343286');
  src: url('/wp-content/uploads/font/lareplazeta.eot?16343286#iefix') format('embedded-opentype'),
	  url('/wp-content/uploads/font/lareplazeta.woff?16343286') format('woff'),
       url('/wp-content/uploads/font/lareplazeta.ttf?16343286') format('truetype'),
       url('/wp-content/uploads/font/lareplazeta.svg?16343286#lareplazeta') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
/*  aplicamos los estilos comunes lareplazeta a las clases que lleven icon- en el nombre */


 [class^="icon-"]:before, [class*=" icon-"]:before,.listaOrdenada01 li h3::before, .et_pb_module_header::before  {
  font-family: "lareplazeta";
  font-style: normal;
  font-weight: normal;
  speak: never;
   margin-right: .5em;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
   
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
   font-size: 120%;  
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.iconBlurb:before{
	font-size:72px;
}
/*  aplicamos el contenido-icono especifico de cada clase  */


.icon-lrpz_acuerdo:before { content: '\e800'; } 
.icon-lrpz_calendario:before { content: '\e801'; }  
.icon-lrpz_casa_1:before { content: '\e802'; } 
.icon-lrpz_casa_2:before { content: '\e803'; }  
.icon-lrpz_co-housing-senior_1:before { content: '\e804'; }  
.icon-lrpz_co-housing-senior_2:before { content: '\e805'; }  
.icon-lrpz_colaborativo_1:before { content: '\e806'; }  
.icon-lrpz_colaborativo_2:before { content: '\e807'; }  
.icon-lrpz_colaborativo_3:before { content: '\e808'; }  
.icon-lrpz_colaborativo_4:before { content: '\e809'; }  
.icon-lrpz_colaborativo_6:before { content: '\e80a'; }  
.icon-lrpz_cuidado_2:before { content: '\e80b'; }  
.icon-lrpz_cuidado_3:before { content: '\e80c'; }  
.icon-lrpz_cuidado_4:before { content: '\e80d'; }  
.icon-lrpz_cuidados_1:before { content: '\e80e'; }  
.icon-lrpz_dialogo_1:before { content: '\e80f'; }  
.icon-lrpz_dialogo:before { content: '\e810'; } 
.icon-lrpz_editar:before { content: '\e811'; } 
.icon-lrpz_finanzas_eticas:before { content: '\e812'; }  
.icon-lrpz_geolocalizado:before { content: '\e813'; }  
.icon-lrpz_geomarker:before { content: '\e814'; }  
.icon-lrpz_global:before { content: '\e815'; } 
.icon-lrpz_impresora:before { content: '\e816'; }
.icon-lrpz_justicia:before { content: '\e817'; }
.icon-lrpz_logo_fill:before { content: '\e818'; }
.icon-lrpz_logo:before { content: '\e819'; }
.icon-lrpz_mail:before { content: '\e81a'; }
.icon-lrpz_mobile_chat:before { content: '\e81b'; }
.icon-lrpz_mobile_mail:before { content: '\e81c'; }
.icon-lrpz_mobile:before { content: '\e81d'; }
.icon-lrpz_notas:before { content: '\e81e'; }
.icon-lrpz_ok:before { content: '\e81f'; }
.icon-lrpz_puerta:before { content: '\e820'; }
.icon-lrpz_recursos:before { content: '\e821'; }
.icon-lrpz_reloj:before { content: '\e822'; }
.icon-lrpz_soluciones_1:before { content: '\e823'; }
.icon-lrpz_sostenible_1:before { content: '\e824'; }
.icon-lrpz_sostenible_2:before { content: '\e825'; }
.icon-lrpz_telefono:before { content: '\e826'; }
.icon-lrpz_valla:before { content: '\e827'; }
.icon-lrpz_encontrar:before { content: '\e828'; }


/* ------------ Animaciones y estilos del menu ----------------  */


#main-header {
    
     box-shadow:none;
    -moz-box-shadow: none;
     -webkit-box-shadow: none; 
    
}
 .et_fullwidth_nav  #main-header .container {
    padding-right: 50px;
    padding-left: 40px;
}
 .primerNivel a:before {
	 
	 content: "";
	 position: absolute;
	 top: -150px;
	 left: -10px;
	 width: calc(100% + 20px);
	 z-index: -1;
	 height:105px;
	  
}

/* Boton Porque */
 .primerNivel a:hover:before {top: -62px; }

 .primerNivel  a:hover {
color: #fff;
}


/* Boton Porque */
li.primerNivel a:before,  .et_mobile_menu li:nth-child(1){
background-color: #ff3333;
}

/* Boton solucion */

li.primerNivel:nth-child(2) a:before, .et_mobile_menu li:nth-child(2){
  background: #70d44b!important;
	
}

/* Boton Participa */
 li.primerNivel:nth-child(3) a:before, .et_mobile_menu li:nth-child(3){
	   background: #cc99cc!important;

}

/* Boton recursos*/
li.primerNivel:nth-child(4) a:before, .et_mobile_menu li:nth-child(4){
  background: #ebe717!important;
}
/* Boton Contacto */

li.primerNivel:nth-child(5) a:before, .et_mobile_menu li:nth-child(5){
background-color: #74c3d5;
}



 
 
li.primerNivel .current-menu-item>a:before{
 top: -65px;
}
 
  li.primerNivel .current-menu-item>a {
    color: #70bed1!important;
}

li.primerNivel.current-menu-item>a{
	color:#70bed1!important;
}

 li.primerNivel a:hover {
    color: #fff!important;
}
li.primerNivel .current-menu-item i:before{
	color:#fff!important;
	
}


li.primerNivel a:hover i:before{
	color:#fff!important;
	transition: .5s ease-in-out all;
}


@media (max-width: 980px) {
 
/*********************************
style mobile fixed header
*********************************/
 /* Nesting Menu */
	
	#et_mobile_nav_menu  #logo {
    
		min-height: 85%!important;
	}

	

/* when mobile menu is open, change hamburger icon to x icon */

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
    content: '\4d';
}
/* makes sub sub menu icon be right arrow instead of down arrow */

#top-menu .menu-item-has-children .menu-item-has-children > a:first-child::after,
#et-secondary-nav .menu-item-has-children .menu-item-has-children > a:first-child::after {
    content: '5';
}
/* - mobile menu toggling elements, injected via jQuery - */
/* make menu list item be relative, to be able to position toggle within this item */

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children {
    position: relative;
}
/* the new toggle element, which is added via jQuery */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle {
    position: absolute;
    background: #fff;
    z-index: 1;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    top: 36px;
    right: 80px;
    cursor: pointer;
    text-align: center;
}
/* the new toggle element when popped */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped {
    background-color: rgba(255,255,255, 0.2);
}
/* toggle icon */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle::before {
    font-family: "ETmodules" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 36px;
    font-size: 24px;
    text-transform: none;
    speak: none;
    content: '\33';
    color: #363636;
}
/* toggle icon when triggered */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before {
    content: '\32';
}
/* hide sub menus by default */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle ~ ul.sub-menu {
    display: none !important;
    padding-left: 0;
}
/* show sub menu when triggered via jQuery toggle, and add slight bg color */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped ~ ul.sub-menu {
    display: block !important;
}
/* remove sub menu list item left padding, since padding will be on anchors */

#main-header #mobile_menu.et_mobile_menu li li {
    padding-left: 0;
}
/* adjust mobile menu anchors side paddings */

#main-header #mobile_menu.et_mobile_menu li a {
    padding-left: 20px;
    padding-right: 20px;
}

/* indent sub sub menus further */

#main-header #mobile_menu.et_mobile_menu li li li a {
    padding-left: 60px;
    padding-right: 20px;
}

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    font-weight: inherit;
}
/* make the current page's mobile menu link be different */

#main-header #mobile_menu.et_mobile_menu li.current-menu-item > a {
    font-weight: bolder;
}

/****** Code Style: Slide-in Gradient ******/

/* Font Awesome */
.fa {
    margin-right: 15px ;
  }

@media screen and (max-width: 980px) {
.et_header_style_centered #main-header .mobile_nav {
background-color: transparent;
}
.mobile_nav.closed .select_page {
display: none;
}
.et-fixed-header#main-header {
background-color: transparent !important;
}
.et_header_style_centered #main-header {
position: fixed;
}
}
.et_mobile_menu {
top: 0;
left: 0;
position: fixed;
z-index: 9998;
overflow: scroll !important;
background-color: rgba(27, 29, 30, 0.95) !important;
margin-left: -30px;
padding-top:  0px;
height: 100%;
width: calc( 100% + 60px);
border-top: none;
}
.et_mobile_menu li a {
color: #fff;
text-align: center;
font-size: 1.6em;
border: 0;
padding: 45px 0;
text-transform: uppercase;
letter-spacing: 4px;
}

.mobile_nav ul#mobile_menu .current_page_item > a {
color: #f9f9f9;
}
.mobile_nav ul#mobile_menu li ul li a {
font-size: 1em !important;
padding: 1em;
}
.et_mobile_menu li a:hover {
color: #363636;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
z-index: 9999;
color: #606060 !important;
top: -15px !important;
left: 27px !important;
transition: .15s;
}
 
}

/* Estilos plugin cookies y políticas */

#cookies-eu-banner {
	font-family: Arial, Helvetica, sans-serif;	
	 font-size: 0.8em;
}

#cookies-eu-banner #cookies-eu-accept {
	color: #fff;
	background-color: #f12e2e;
	font-size: 0.9em;
}
#cookies-eu-accept, #cookies-eu-reject {
    padding: 4px 9px!important;
    margin: 0px;
}

#custom-cookies-eu-reject {
	color: #000000;
}
#custom-cookies-eu-accept {
	color: #fff;
	background-color: #f12e2e;
}
#custom-cookies-accept-analytics {
	color: #fff;
	background-color: #f12e2e;
}
.custom-cookies-option input[type="radio"]:checked+label {
	background-color: #f12e2e!important;
}