/*
Theme Name: Experiencias para la memoria 2026
Author: explm
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

body{
	--color-1: #a1c1cf; /*Azul*/
	--color-2: #d0be95; /*Tierra 1*/
	--color-3: #cdc8bc; /*Tierra 2*/
	--color-4: #c5c4c2; /*Tierra 3*/
	--color-5: #DA6015; /*Vinculos*/
	--color-1-r: 161, 193, 207; /*Azul en rgb*/
	--color-2-r: 208, 190, 149; /*Tierra 1 en rgb*/
	--color-3-r: 205, 200, 188; /*Tierra 2 en rgb*/
	--gris-claro: #f4f4f4;
	--gris-oscuro: #ccc;
	--positivo:#fff;
	--negativo:#000;
	--fuente-1:"Inconsolata", monospace;/*Títulos*/
	--fuente-2:"Inconsolata", monospace;/*Títulos*/
	--fuente-xxxl:5.5vw;
	--fuente-xxl:4vw;
	--fuente-xl:3vw;
	--fuente-l:2.2vw;
	--fuente-m:1.7vw;
	--fuente-n:1.4vw;
	--fuente-s:1.2vw;/*Tamaño de fuente pequeña*/
	--fuente-xs:0.9vw;
	--fuente-w-1:300; /*Ancho de fuente 1*/
	--fuente-w-2:400; /*Ancho de fuente 2*/
	--fuente-w-3:700; /*Ancho de fuente 3*/
	--fuente-w-4:800; /*Ancho de fuente 3*/
	--padding-0:0.5vw;
	--padding-1:1vw;
	--padding-2:2vw;
	--padding-3:3vw;
	--padding-4:4vw;
	--espacio-superior:calc(var(--padding-4) * 2.5); /*Alto del header*/
	--menu-alto:4.5vw;
	--menu-ancho:65%;
	--alto-1:15vh;
	--alto-2:55vh;
	--lateral-1:25%; /*Barra lateral*/
	--contenido-1:75%; /*contenido*/
	--border-red:var(--padding-1); /*Border Redondeados*/
	--border-red-2:var(--padding-1) 0 0 var(--padding-1); /*Border Redondeados*/
	--wp--preset--spacing--20: 0.5vw;
	--wp--preset--spacing--30: 0.8vw;
	--wp--preset--spacing--40: 1vw;
	--wp--preset--spacing--50: 2vw;
	--wp--preset--spacing--60: 3vw;
	--wp--preset--spacing--70: 4vw;
	--wp--preset--spacing--80: 5vw;
	color:var(--negativo);
	font-family:var(--fuente-1); /*Texto*/
	line-height: 1.2;
	background-color:var(--color-4);
	font-size: var(--fuente-n);
}

a{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

h1 {
	font-size: var(--fuente-xl);
	font-weight: var(--fuente-w-3);
	margin-bottom: var(--padding-2);
}

h2 {
    font-size: var(--fuente-l);
    font-weight: var(--fuente-w-3);
    margin-bottom: var(--padding-1);
}

h3 {
    font-size: var(--fuente-m);
    font-weight: var(--fuente-w-3);
    margin-bottom: var(--padding-1);
}

p {
    margin-bottom: var(--padding-1);
	font-size: var(--fuente-n);
}

p.inicio-menu strong {
    margin-right: var(--padding-1);
}

p.inicio-menu a {
    margin-left: var(--padding-1);
}

strong {
    font-weight: var(--fuente-w-4);
}

.wp-block-separator {
    border-bottom: 0 !important;
}

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

div#wrapper {
    display: flex;
    flex-wrap: wrap;
}


header#header {
	position: fixed;
	z-index: 100;
	width: 65%;
	top: 0;
	right: 0;
	display: flex;
	height: var(--menu-alto);
	width: var(--menu-ancho);
	margin: var(--padding-1) 0 0;
}

#id{
	position: fixed;
	width: 20%;
	padding: var(--padding-1);
	left: 0;
	top: 0;
}

.site-branding{
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.menu-header {
	position: fixed;
	z-index: 100;
	height: var(--menu-alto);
	width: var(--menu-ancho);
	display: flex;
	right: 0;
	margin: var(--padding-1) 0 0;
}

.menu-content {
    position: fixed;
    width: var(--menu-ancho);
    min-height: 100vh;
    top: 0;
    right: 0;
    display: none;
    color: #fff;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.menu-content a{
    color: #fff;
    text-decoration: underline;
    font-size: 1.1em;
}

.menu-content a:hover,.menu-content .current-menu-item a{
    color: #E85A24;
}

.menu-tittle {
    width: 100%;
	background-color: var(--color-1);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1000;
	height: 100%
}

.menu-tittle-logo-img {
    width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: var(--padding-1);
	background-color: rgba(0,0,0, 0.3);
	height: 100%;
}

.menu-tittle-logo-img img{
  width: 15%;
  flex-shrink: 0;
}

.menu-tittle-logo-img p {
  flex: 1;
	margin: 0;
	padding: 0 0 0 var(--padding-1);
	font-size: var(--fuente-s);
	color: var(--positivo);
}

.menu-tittle-texto {
    width: 100%;
}

.menu-tittle-logo-img-text {
    width: 180px;
    display: none;
    padding-left: 12px;
}

.menu-wrapper.narrativa .menu-tittle-logo-img-text {
    width: 120px;
    margin-right: 19%;
}

.menu-wrapper.experiencias .menu-tittle-logo-img-text {
    display: block;
}

.experiencias.menu-wrapper .menu-content{
    background-color: rgba(0,0,0,.8);
    background-image: url(images/busqueda.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.narrativa .menu-tittle,.narrativa.menu-wrapper .menu-content {
    background-color: var(--color-2);
    background-image: url(images/narrativa.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.acerca .menu-tittle,.acerca.menu-wrapper .menu-content {
    background-color: var(--gris-claro);
    background-image: url(images/acercade.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.agenda .menu-tittle, .agenda.menu-wrapper .menu-content{
    background-color: var(--color-3);
    background-image: url(images/espaciocomun.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.menu-wrapper .menu-content .menu-content-wrapper {
    width: 100%;
    min-height: 100vh;
    max-width: 100%;
    padding-left: var(--padding-4);
    box-sizing: border-box;
    pointer-events: all;
    display: flex;
    padding-top: 10%;
	background-color: rgba(0,0,0, 0.3);
}

.menu-wrapper .menu-content .menu-content-wrapper h2 {
    font-size: 1.3em;
}

.cerrar {
    position: fixed;
    top: 5%;
    right: 5%;
    z-index: 100000;
    color: #fff;
    display: none;
    pointer-events: none;
    padding: 60px;
}

header#header:hover .cerrar {
    display: block;
}

.cerrar.close {
    pointer-events: all;
}

.acerca .menu-tittle .menu-tittle-logo-img-text img {
    width: 110px;
}

.agenda .menu-tittle .menu-tittle-logo-img-text img {
    width: 200px;
}

.menu-wrapper {
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	width: 25%;
}

a.post-home {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    text-decoration: none;
    color: #000;
    background-color: #000;
}

a.post-home img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .8;
}

a.post-home img.gifpost {
    z-index: 10;
    object-fit: contain !important;
}

.image-post {
	position: relative;
	background-color: rgba(255,255,255,.9);
	padding: var(--padding-2);
	border-radius: var(--border-red-2);
	margin: 0 0 calc(var(--padding-4)*2);
	font-size: var(--fuente-s);
	width: initial;
	z-index: 11;
	max-width: 65%;
}

.image-post_interna{
	border-radius: 0;
	margin: 0 0 0 calc(var(--padding-4) * -2);
	font-size: var(--fuente-s);
	width: calc(100% + (var(--padding-4)*3));
	z-index: 11;
	max-width: inherit;
}

.image-post h2{
	display: inline-block;
	color: var(--negativo);
	font-weight: var(--fuente-w-3);
	font-size: var(--fuente-l);
	margin-bottom: var(--padding-1);
}

.image-post h3{
	display: inline-block;
	color: var(--negativo);
	font-weight: var(--fuente-w-3);
	font-size: var(--fuente-m);
	margin-bottom: 0;
}

.image-post h3 span{
	display: inline-block;
	color: var(--negativo);
	font-weight: var(--fuente-w-1);
	font-size: var(--fuente-m);
	margin-bottom: 0;
}

.image-post > span{
    display: inline-block;
    font-weight: normal;
    font-size: 1.9em;
}

div#container a:hover:not(.home div#container a:hover){
    opacity: .5;
}

div#container {
    min-height: 100vh;
}

main#content {
    width: 100%;
    height: 100%;
}

div#container {
    margin-left: 350px;
    width: 100%;
}

.page div#container{
	 margin-left: 35%;
}

.home div#container {
    width: 100%;
    margin-left: 0;
}

body.single div#container {
    margin-left: 0;
}


body.single-noticias div#container {
    margin-left: 350px;
}

.single div#container main#content, .page div#container main#content, .category div#container main#content, .archive div#container main#content, .search div#container main#content{
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    flex-direction: row;
    align-items: flex-start;
}

.single div#container main#content a, .page div#container main#content a{
    color: var(--color-5);
}

.data-info-list a {
    word-break: initial !important;
}

.intro-post {
    width: 100%;
    box-sizing: border-box;
}

.single .intro-post {
    width: 55%;
    padding: 0;
    box-sizing: border-box;
    position: sticky;
    top: 0;
}

.intro-post p{
	line-height: 1.4em;
}

figure.alignleft{
	width: 80%;
	margin: 0 var(--padding-4) var(--padding-2) -30% !important;
}

figure.alignleft img{
	width: 100%;
}

.single-carousel-black {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 1;
    pointer-events: none;
}

.intro-post-image {
    width: 100%;
    height: 100vh;
    position: relative;
}

.intro-post-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.content-post {
    width: 45%;
    padding: calc(var(--padding-4)*2) var(--padding-4);
}

.content-post ul{
	list-style-type: circle;
	list-style-position: inside;
}

.content-post ul li{
	list-style-type: circle;
	margin-bottom: var(--padding-1);
}

.single .intro-post h1 {
    font-size: 1.6em;
    margin-bottom: 0px;
}

.single .intro-post p {
    font-size: 1.2em;
    border-top: 1px solid;
    font-weight: bold;
    padding: 16px 0;
    margin-bottom: 0px;
}

.content-single-top {
    width: 100%;
    min-height:60vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.text-intro-single {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding-top: 5%;
    flex: 1;
}

.text-intro-single p {
    font-size: var(--fuente-l);
    font-weight: var(--fuente-w-3);
}

.social-content {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.description-content{
	width: calc(100% + (var(--padding-4)*2));
	padding: var(--padding-4);
	margin: 0 0 0 calc(var(--padding-4)*-1);
	background-color: var(--color-4);
}

body.single {
	background-image: url(images/fondo.png);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-attachment: fixed;
	background-color: var(--color-4);
}

body.single-noticias{
    background: url(images/espacio-entradablog.png) no-repeat center center fixed;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-color: rgb(208 190 149 / 95%) !important;
}

.page main#content, .category main#content, .search main#content, .archive main#content,.single-noticias main#content{
    padding: calc(var(--padding-4)*2) var(--padding-4) var(--padding-4) 0 !important;
    width: 100%;
}

.page-alfabetica main#content a,.page-categoria main#content a, .page-tactica main#content a, .category main#content a, .archive main#content a, .page-cronologica main#content a, .page-tipo main#content a, .page-territorial main#content a, .search main#content a{
    font-size: 1.2em;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid;
    word-break: break-word !important;
}

.page-alfabetica main#content,.page-categoria main#content, .page-tactica main#content, .category main#content, .archive main#content, .page-cronologica main#content, .page-tipo main#content, .page-territorial main#content, .search main#content{
    /*padding-left: 15% !important;*/
}

.page-alfabetica{
    background-image: url(images/alfabetica2.png); 
  background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
  background-color: #c5c4c2;
}

.alfabetica{
    background-image: url(images/busqueda.png), url(images/alfabetica.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.page-tactica{
    background-image: url(images/tactica2.png); 
  background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
  background-color: #c5c4c2;
}

.tactica{
    background-image:url(images/busqueda.png), url(images/tactica.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.page-cronologica{
    background-image: url(images/cronologica2.png); 
  background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
  background-color: #c5c4c2;
}

.fecha{
    background-image:url(images/busqueda.png), url(images/cronologica.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.page-tipo{
    background-image: url(images/tipo2.png); 
  background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
  background-color: #c5c4c2;
}

.tipo{
    background-image:url(images/busqueda.png), url(images/tipo.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.territorial{
    background-image:url(images/busqueda.png), url(images/territorial.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.search-results{
    background-image: url(images/palabra2.png); 
  background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
  background-color: #c5c4c2;
}

.busqueda{
    background-image:url(images/busqueda.png), url(images/palabra.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.page-la-narrativa-de-la-memoria div#wrapper{
    background-image: url(images/delamemoria2.png); 
  background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.narra{
    background-image:url(images/narrativa.png), url(images/delamemoria.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.page-los-anos-60-y-70-del-siglo-xx div#wrapper{
    background-image: url(images/los60sy70s2.png); 
  background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.sesenta{
    background-image:url(images/narrativa.png), url(images/los60sy70s.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.page-los-anos-80-y-90-del-siglo-xx div#wrapper{
    background-image: url(images/los80sy90s2.png); 
  background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.ochenta{
    background-image:url(images/narrativa.png), url(images/los80sy90s.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.page-siglo-xxi div#wrapper{
    background-image: url(images/SXXI2.png); 
  background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.veintiuno{
    background-image:url(images/narrativa.png), url(images/SXXI.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.page-textos div#wrapper{
    background-image: url(images/mastextos2.png); 
  background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.textos{
    background-image:url(images/narrativa.png), url(images/mastextos.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.page-sobre-el-proyecto div#wrapper{
    background-image: url(images/elproyecto2.png); 
  background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.proyecto{
    background-image:url(images/acercade.png), url(images/elproyecto.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.page-colectivos-que-participan div#wrapper{
    background-image: url(images/loscolectivos2.png); 
  background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.colectivos{
    background-image:url(images/acercade.png), url(images/loscolectivos.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.page-sobre-la-fundacion-heinrich-boll div#wrapper{
    background-image: url(images/lafundacion2.png); 
  background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.fundacion{
    background-image:url(images/acercade.png), url(images/lafundacion.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.post-type-archive-noticias div#wrapper{
    background-image: url(images/espacio-etiquetas.png); 
  background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-attachment: fixed;
}

.category main#content header.header, .archive main#content header.header {
    margin-bottom: 20px;
}

#mapWrap {
    display: flex;
    width: 100%;
    height: 100vh;
    flex-wrap: wrap;
}

#menuMapa {
    width: 20%;
    padding-top: 100px;
}

ui-gmap-google-map.mapContainer.ng-isolate-scope.angular-google-map {
    width: 100%;
    height: 100%;
}

.angular-google-map, .angular-google-map-container {
    width: 100%;
    height: 100%;
}

.marker_labels div {
    width: 23px;
    height: 27px;
    background-image: url(images/icon.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
}

#menulugares h1, .infowindow h1 {
    font-size: .95em;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom:5px;
}

.infowindow h1 {
    color: #000 !important;
}

.infowindow p {
}

.infowindow a {
    color: var(--color-5);
    margin-top: 5px;
    display: block;
}

ul#menulugares {
    counter-reset: step-counter;
    width: 90%;
}

ul#menulugares li {
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
    padding-left: 2em;
    box-sizing: border-box;
}

ul#menulugares li::before {
    content: counter(step-counter);
    counter-increment: step-counter;
    margin-right: 5px;
    font-weight: bold;
    padding: 3px 8px;
    position: absolute;
    top: 0;
    left: 0;
}

ul.menu li {
    margin-bottom: 8px;
}

input#wp-block-search__input-1 {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-family: 'Karla';
}

::-webkit-input-placeholder { /* Edge */
  font-family: 'Karla';
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-family: 'Karla';
}

::placeholder {
  font-family: 'Karla';
}

.wp-block-search .wp-block-search__button {
    background-color: #fff;
    border: none;
    font-family: 'Karla';
}

.page div#container h2, .category div#container h2, .archive div#container h2, .search div#container h2 {
    color: #fff;
    font-size: var(--fuente-xl);
}

.page div#container h2,  .page div#container h1{
     font-family: 'Inconsolata';
     color: #fff;
}

.topic-la-narrativa-de-la-memoria div#wrapper {
    background-color: #A1C1CF;
}

.topic-sobre-el-proyecto div#wrapper {
    background-color: #CDC8BC;
}

.single ul.social-menu {
    display: flex;
    align-items: center;
    justify-content: center;
}

.single ul.social-menu a {
    color: #000 !important;
    font-size: 1.1em;
    display: block;
    padding: 0 14px;
}

.first-data-post {
    display: flex;
    flex-wrap: wrap;
    margin: var(--padding-1) 0;
}

.data-info-list {
    width: 100%;
}

.data-info-list .lugar a {
    margin-left: 6px;
    display: inline-block;
}

.data-info-pdf {
    width: 40%;
    display: flex;
    justify-content: center;
    padding-top: 30px;
}

.data-info-pdf a {
    width: 90px;
}

.data-info-list span {
    display: block;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-bottom: 12px;
}

.data-info-list span ul {
    display: inline-block;
    margin-left: 6px;
}

.data-info-list span ul li {
    display: inline-block;
}

.description-content ul.easy-image-gallery{
    display: none;
}

.owl-carousel, .owl-stage-outer {
    width: 100%;
    height: 100%;
}

.owl-stage, .owl-item {
    height: 100%;
}

.links-extras-single {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    align-content: initial;
    justify-content: space-around;
    margin: 30px 0;
}

.links-extras-single a img {
    display: block;
    height: 90px;
}

.single-second-carousel .blocks-gallery-grid{
    width: 100%;
}

.single-second-carousel {
    position: relative;
    margin-bottom: 18px;
}

.single-second-carousel:before {
    content: 'Ver más fotos';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background-color: rgba(0,0,0,.8);
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: center;
    opacity: 1;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    pointer-events: none;
}

.single-second-carousel:hover:before {
    opacity: .5;
}

button.slick-arrow {
    position: absolute;
    top: 50%;
}

button.slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 1;
    background-color: #fff;
    border: none;
    font-size: 40px;
    display: none !important;
}

button.slick-prev.slick-arrow {
    left: 0;
}

button.slick-next.slick-arrow {
    right: 0;
}


#baguetteBox-overlay .full-image {
    padding: 6%;
}

.acceso-view{
    position: fixed;
    z-index: 100000000;
    width: 100%;
    top: 0;
    left: 0;
    height: 100vh;
    min-height: 600px;
    background: url(images/2022.png) no-repeat center center fixed;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-color: #c5c4c2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
    display: none;
}

.addtoany_list {
    display: flex !important;
}

.wrapper-ham {
    position: fixed;
    overflow: hidden;
    width: 50px;
    padding: 5px;
    align-items: center;
    justify-content: center;
    display: none;
    top: 0;
    margin-top: 50px;
    right: 0px;
    z-index: 10000;
    pointer-events: all;
}

.btn {
    width: 30px;
    height: 19px;
    position: relative;
}

.bar1, .bar2, .bar3{
    position: absolute;
    top: 0;
    left: 0px;
    display: block;
    font-size: 10px;
    padding: 0;
    -webkit-appearance: none;
    border: 0px solid;
    color: #fff;
    width: 30px;
    height: 2px;
    border-radius: 0px;
    background-color: #fff;
    -webkit-transition: all 0.2s ease-in;
    -webkit-transform: rotate(0deg);
}
.bar2{
    top:8px;
}
.bar3{
    top:16px;
}

.bar1.active{
    top: 9px;  
  -webkit-transform: rotate(-135deg);
  -webkit-transition: all 0.2s ease-in;
}
.bar2.active{
    left:0px;
  background-color: transparent;
  -webkit-transition: all 0.2s ease-in;
  
}
.bar3.active{
    top:9px;
  -webkit-transform: rotate(135deg);
  -webkit-transition: all 0.2s ease-in;
}

input.search-field, input.search-submit {
    border: none;
}

.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span {
    height: 26px !important;
    line-height: 26px !important;
    width: 26px !important;
}

.page div#container h2.subtitlecat {
    font-size: 1.2em;
    margin-bottom: 3px;
}

.list-cronologica{
    margin-bottom: 30px;
}

ul.wp-block-archives.cptda-block-archives.wp-block-archives-list {
    text-transform: capitalize;
}

.wp-block-column.etiquetas-blog h2 {
    margin-bottom: 0;
}

.wp-block-column.etiquetas-blog a {
    padding-left: 16px;
}

body.term-comunicados, body.post-type-archive-noticias{
    background-color: rgb(208 190 149 / 95%);
}

.single-noticias .addtoany_content{
    display: none;
}

.submeta-data {
    display: flex;
}

.submeta-data p{
    margin-right: 20px;
}

.gm-style-iw.gm-style-iw-c {
    max-width: 400px !important;
}

.infowindow.ng-scope {
    padding: 16px;
}

.territorialimg {
    background-image: url(images/territorial2.png);
    background-position: initial;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    margin-bottom: 0px;
}

.content-title img{
    display: none;
}

.content-title {
    padding: 80px 0 0 0;
    display: none;
}

.content-title img {
    display: none;
    width: 160px;
    margin: 0 auto;
}

.content-title img.titleacerca {
    width: 110px;
}

.topic-la-narrativa-de-la-memoria .content-title img.titlenarrativa, .topic-sobre-el-proyecto .content-title img.titleacerca, .single-noticias .content-title img.titleagenda, .post-type-archive-noticias .content-title img.titleagenda, .topic-la-narrativa-de-la-memoria .content-title, .topic-sobre-el-proyecto .content-title, .single-noticias .content-title, .post-type-archive-noticias .content-title{
    display: block;
}

.wp-block-image a img {cursor: zoom-in;}

span.a2a_svg.a2a_s__default {
    background-color: transparent !important;
}

span.a2a_svg.a2a_s__default svg path {
    fill:var(--color-5);
}

@media only screen and (min-width : 850px) {

header#header:hover .menu-wrapper .menu-tittle-logo-img-text{
    display: none;
}

.menu-wrapper:hover {
    width: 294px !important;
}

.menu-wrapper:hover .menu-tittle-logo-img-text{
    display: block !important;
}

.menu-wrapper:hover .menu-tittle{
    background-color: rgba(0,0,0,0) !important;
}

.menu-wrapper:hover .menu-content {
    display: flex;
    flex-direction: column;
    opacity: 1;
}

.page-territorial div#container {
    margin-left: 0;
}

#mapWrap h2 {
    padding: 105px 0 43px 34%;
}

}

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

.wrapper-ham {
    display: block;
}

header#header {
    width: 100%;
    position: fixed;
    pointer-events: none;
    display: flex;
    flex-direction: column;
}

a.post-home img.gifpost {
    object-fit: cover !important;
}

.single .intro-post {
    width: 100%;
    position: initial;
}

div#container, body.single-noticias div#container {
    margin-left:0;
}

.content-title {
    padding:0;
    display: none;
}

	

.intro-post-image {
    height: 50vh;
}

.content-single-top {
    min-height: initial !important;
}

.menu-wrapper {
    width: 0;
    order: 2;
}

label.wp-block-search__label.screen-reader-text, header#header:hover .cerrar {
    display: none;
}

.menu-wrapper.menuactive {
    width: 100% !important;
}

.menu-content {
    position: initial;
    min-height: initial;
}

.menu-wrapper .menu-content .menu-content-wrapper {
    width: 100%;
    padding: 20px;
    height: initial !important;
    min-height: initial !important;
    padding-top: 10px;
}

.intro-post {
    width: 100%;
    box-sizing: border-box;
}


.menuactive header#header .menu-wrapper {
    width: 100%;
}

.menuactive .menu-tittle-logo-img-text {
    display: block;
}

.menuactive header#header {
    pointer-events: all;
    background-color: #cdc8bc;
    height: 150%;
}

.menu-wrapper.menuactive .menu-content {
    display: flex;
    flex-direction: column;
    opacity: 1;
    pointer-events: none;
}

.menu-wrapper .menu-content .menu-content-wrapper h2 {
    font-size: 1em;
}

.menu-wrapper.experiencias.menuactive .menu-tittle{
    background-color: rgba(0,0,0,1);
}

.menu-wrapper.menuactive .menu-tittle {
    width: 100%;
}

div#wrapper {
    background-position: right top !important;
}

.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span {
    height: 26px !important;
    line-height: 26px !important;
    width: 26px !important;
}

.menuactive .experiencias .menu-tittle {
    background-color: rgba(0,0,0,.9) !important;
}

.menuactive .experiencias .menu-tittle a{
    pointer-events: none;
}

.experiencias.menu-wrapper .menu-content{
    background-color: rgba(0,0,0,1);
}

.narrativa .menu-tittle,.narrativa.menu-wrapper .menu-content{
    background-color: rgb(161 193 207 / 100%);
}

.menuactive.topic-la-narrativa-de-la-memoria .narrativa .menu-tittle{
    background-color: rgb(161 193 207 / 100%) !important;
}

.acerca .menu-tittle,.acerca.menu-wrapper .menu-content {
    background-color: rgb(205 200 188 / 100%);
}

.menuactive.topic-sobre-el-proyecto .acerca .menu-tittle{
    background-color: rgb(205 200 188 / 100%) !important;
}

.agenda .menu-tittle, .agenda.menu-wrapper .menu-content{
    background-color: rgb(208 190 149 / 100%);
}

.links-extras-single {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.links-extras-single a {
    margin-bottom: 50px;
}

.menu-tittle {
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
}

.menu-content a {
    color:var(--color-5);
}

#mapWrap h2 {
    padding-left:30px;
}

.menu-wrapper.experiencias .menu-tittle-logo-img, .menu-wrapper.experiencias .menu-tittle-logo-img-text{
    pointer-events: all;
}


}

.mapa-embed {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
}

.mapa-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}