/*
 */
 
:root{  
--text-dark: #000;	  
--color-ppal: #168C79;
--color-ppal_acc: #007867;
--color-secund: #007867; /*lila 7d2a7c;	*/
--color-ppal_osc: #003C33;	  
--color-light: #F6F6F6; /*#e5f1ef;*/
/*--layout_width_entry_content: 1200px!important;*/
}

html {
    font-size: 100%;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body{
  font-size: 1rem;
}

.bg-fondo{
	background-color: var(--color-secund);
}

.solo-pc {display:block;	}	
.solo-responsive{ display:none;	}

.clearfix {
  overflow: auto;
}

.element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

.invisible{
	display:none;
}

.plink-internal a, .link-internal{
	text-decoration: underline;
	font-weight: 600;
}

.ul-arrow  li{
	background-image: url(/wp-content/images/img-web/right_arrow.png);
    background-repeat: no-repeat;
    background-position: 15px 8px;
    background-size: 1em auto;
    list-style-type: none;
    background-size: 1em auto;
    margin: 0;
    padding: 0.2em 0.5em 0.5em 2.5em;
    vertical-align: middle;
}

.ul-tick  li{
	background-image: url(/wp-content/images/img-web/tick_green.png);
    background-repeat: no-repeat;
    background-position: 15px 8px;
    background-size: 1em auto;
    list-style-type: none;
    background-size: 1em auto;
    margin: 0;
    padding: 0.2em 0.5em 0.5em 2.5em;
    vertical-align: middle;
}


.link-external {
	text-decoration: underline;
	text-underline-offset: 0.25em;
	color: var(--color-secund)!important;
	font-weight: 700;
}

.plink-external a,.link-external {
	font-weight: 700!important;
}

.plink-external a::after, 
.link-external::after{
    display: inline-block;
    width: 1em;
    height: .825em;
    margin-left: 1px;
    background-image: url('/wp-content/images/img-web/external_link.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    content: ' (se abrirá en ventana nueva)';
    overflow: hidden;
    white-space: nowrap;
    text-indent: 1em;
}

.link-external_white {
	text-decoration: underline;
	text-underline-offset: 0.25em;
	color: #fff!important;
}
.link-external_white::after{
    display: inline-block;
    width: 0.625em;
    height: 0.625em;
    margin-left: 3px;
    background-image: url('/wp-content/images/img-web/external_link_white.png')!important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 95% auto;
    content: ' (se abrirá en ventana nueva)';
    overflow: hidden;
    white-space: nowrap;
    text-indent: 1em;
}

.plink-external a:hover, 
.link-external:hover,
.plink-external a:focus, 
.link-external:focus{
	color: var(--color-secund)!important;
}

/** COOKIE **/
.moove-gdpr-branding-cnt {
	display: none;
}
#moove_gdpr_cookie_info_bar{
    tabindex: 0;
}

.moove-gdpr-cookie-notice button.change-settings-button:focus, .moove-gdpr-cookie-notice button.change-settings-button:hover{
	outline: 2px solid #fff!important;
	color: #fff!important;
}

/** MIGA PAN **/
#content .breadcrumbs{
	margin-bottom: 3em!important;
    background-color: var(--color-light);
    display: inline-block;
    width: 100%!important;
    max-width: 100%!important;
    border: none!important;
}
	
.breadcrumbs-container{
	padding: 0!important;
}

/********** PLANTILLA y PLUGINS ************/
/*Evitar la definición de --layout_width_entry_content: 720px!important;*/
.gr-full-width p, .gr-full-width ul, .gr-full-width ol{
	max-width: none!important;
}

h2{
	font-weight: 600!important;
}

.main-navigation-container a:hover, .main-navigation-container a:active, .main-navigation-container a:focus {  
	border-color: var(--color-secund)!important; 
}

.main-navigation-container .menu .current-menu-item > a, .main-navigation-container .menu .current-menu-item > a:hover { 
	border-color:  var(--color-secund)!important; 
}

.site-header .svgicon{
	color: var(--color-secund)!important; 
}

.skip-link{
	background-color: var(--color-ppal_acc)!important; 
}

/********** PAGINA INICIO *********/

.intro-special{
	display:none;
}

.site-content-inner{
	padding-top: 0;
}

blockquote:before {
	color: var(--color-ppal)!important;
	opacity: 0.8!important;
}


.div-portada{
	margin: 2em 0;
}

.div-portada h2 {
	font-weight:100!important;
	line-height:1.82rem;
}


.titulo-marcado{
	 display:block;
	  position:relative;
	  text-align:left;
	  font-size: 1.6rem;
}

.titulo-marcado:after{
	  content:'';
	  position:absolute;
	  width:90%;
	  height:2px;
	  background-color: var(--color-ppal); 
	  top:.8em;
}

.desplazo-titulo{ 
	  padding-right:3%;  
}

.img-organismos{
	max-width: 12em;
}

.home .breadcrumbs-container { 
	display: none !important; 
}

.comillas {
	font-style: italic;
	line-height: 1.75rem;
	font-size: 1.125rem;
}

.comillas::before {
	position: relative;
	top: .625rem;
	font-size: 2.5rem;
	opacity: 0.8;
	color: rgb(0, 120, 103);
	font-family: "Times New Roman", 	Times, serif;
	content: "“";
	font-weight: 900;
}

.comillas::after {
	position: relative;
	top: .75rem;
	line-height: .625rem;
	content: "”";
	font-size: 2.5em;
	opacity: 0.8;
	color: rgb(0, 120, 103);
	font-family: "Times New Roman", Times, serif;
	font-weight: 900;
}

.wp-block-latest-posts__list {
	display: flex;
	flex-wrap: wrap;
	gap: 2em;
	
	& li {
		flex: 1;
		max-width: 300px;
		background-color: #F6F6F6;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 1rem;
	}
	
	& div:first-child {
		max-height: 200px;
		overflow: hidden;
	}
	
	& img {
		width: 100%;
		height: auto;
		margin: 0;
	}
	
	& .wp-block-latest-posts__post-title {
		margin: 0;
		margin-bottom: 1rem;
		color: #4a4a4b;
		text-decoration: none;
		font-weight: bold;
		font-size: 1.128rem;
		order: -1;
	}
	
	& time {
		order: -1;
	}
}
.comunidad figure.wp-block-image {
	max-width: 25%;
	flex: 1;
}
.colaboradores figure {
	flex: 1;
}

/********** PÁGINAS GENERAL **********/

#intro{
	background-color: var(--color-ppal_acc);
	color:#fff; 
}

.intro-inner { 
	padding-top: .175em!important; 
	padding-bottom: .175em!important;
}

/*color del título de páginas no portada*/
.intro-inner  h1{
	color:#fff!important;
}

body:not(.home) .site-content-inner {
    padding-top: 2rem!important;
    padding-bottom: 6rem!important; 
}

#menu-primary > li {
    text-transform: uppercase;
    font-size: .9em;
}

label {
	width: 100%;
}

.formulario-consulta input[type="text"], .formulario-consulta input[type="email"], .formulario-consulta textarea, .formulario-consulta input[type="date"], .formulario-consulta select {
    color: #404040;
    border: 1px solid #ccc;
    font-size: 1rem;
    margin: 0 0 1em;
    padding: .75em;
    width: 100%;
    max-width: 60em;
    background-color: #fff;
}

/*********** ENTRADAS **********/

.wp-block-image figcaption {
  display: block;
  font-size: 0.9em;
  color: #666;
  text-align: center;
  margin-top: 0.5em;
  text-transform: none;
}

#content #intro-media{
	display:none;
}

/************ DONACIONES ************/
.donation {
	width: fit-content;
}

/************ CONTACTO ********/
.formulario-consulta{
	background-color: var(--color-light);
    padding: 2em;
    background-color: #f6f6f6;
	border: 1px solid #ccc;
}

.formulario-consulta textarea {
  width: 95%;
}

.formulario-consulta input[type="text"], .formulario-consulta input[type="email"], .formulario-consulta textarea,  
.formulario-consulta input[type="date"], .formulario-consulta select
{
	color: #404040;
    border: 1px solid #ccc;
    /*border-radius: 3px;
    background: #fff;*/
    font-size: 1rem;
    margin: 0 0 1em;
    padding: .75em;
    width: 100%;
	max-width: 60em;
	background-color: #fff;
}

/************ SOCIO ***********/
.formulario-socio{
	padding: 2em;
    background-color: #f6f6f6;
	border: 1px solid #ccc;
}

.formulario-socio h4{
	border-bottom-right-radius: 40px;
    background-color: #007867;
    color: #fff;
    padding: 10px;
}

.formulario-socio hr{
	width: 90%;
    margin: 1em auto;
    border-style: dashed;
}

.formulario-socio .persona{
	text-decoration:underline;
	font-size:120%;
}
	
.formulario-socio input[type="text"], .formulario-socio input[type="email"], .formulario-socio textarea,  
.formulario-socio input[type="date"], .formulario-socio select
{
	color: #404040;
    border: 1px solid #ccc;
    /*border-radius: 3px;
    background: #fff;*/
    font-size: 1rem;
    margin: 0 0 1em;
    padding: .75em;
    width: 100%;
	max-width: 60em;
	background-color: #fff;
}

.formulario-socio .laboral span.wpcf7-list-item{
	width: 40%;
    padding-left: 1em;
}

.formulario-socio [type="submit"]{
	
}

.formulario-socio label{
	width:100%;
	max-width: 70em;
}

.formulario-socio .obligatorio{
	color:#168c79;
}


/************* FOOTER *********/
footer a{
	text-decoration:none;
}

footer a:hover{
	text-decoration:underline;
}

#footer-1 img{
    padding: .625rem;
	max-width: 15em;
	float:left;
}

#footer-2 img{
    padding: .425rem;
	border:1px solid white;
}

.site-footer .site-info{
	display:block;
	margin: auto auto;
	font-size: 0.8125rem;
	background-color:inherit;
}

.footer-area-site-info {
	padding:0px;
}

/*social*/
.footer-area-footer-widgets .social{
	font-size: 1.25rem;
}

.footer-area-footer-widgets .social a{
	padding: 0px .2rem;
}

#footer_javacoya {
    text-align: center;    
    font-size: .75rem;
}
#footer_javacoya img{
	max-width:6.25rem;
}

.site-footer .social-links .menu-item-26, .site-footer .social-links .menu-item-27, .site-footer .astm-search-menu{
	display: none!important;
}

/************* FOCO ************/
li a:focus, .home a:focus, .plink-external a:focus, .link-external:focus, .external a:focus, .menu-link:focus, .top-social a:focus, .top-social .search-field:focus, .top-social .search-submit:focus, .n2-ow:focus, .enlace:focus, .es_button a:focus, .wp-show-posts-entry-title a:focus, .more-link:focus, .boletines .su-tabs-nav span:focus, .ayudas-buscar .search-field:focus, .ayudas-buscar .search-submit:focus, .proyectos .su-tabs-nav span:focus, .menu-primary li a:focus, .lightweight-accordion .lightweight-accordion-title:focus, .lightweight-accordion .lightweight-accordion-title a:focus, .rtbs_boletines-digitales .rtbs_menu a:focus, .rtbs_proyectos .rtbs_menu a:focus, .contenido-colaboradores a:focus, .external:focus, .astm-search-menu a:focus, .is-search-submit:focus{
	outline: 5px dashed rgba(125, 42, 124, 0.75)!important; /*Morado*/
}
.site-footer a:focus {	
	outline: 5px dashed #fff!important; /*Blanco*/
}
.astm-search-menu a:focus, .is-search-submit:focus{
	outline: 2px dashed rgba(0,0,0,0.75)!important;
}
#n2-ss-3-arrow-previous:hover, #n2-ss-3-arrow-previous:focus,
#n2-ss-3-arrow-next:hover, #n2-ss-3-arrow-next:focus{
	background-color: var(--color-secund)!important;
	outline: 5px dashed rgba(125, 42, 124, 0.75)!important;
}


/****************************************************************************/
/******************************** RESPONSIVE ********************************/
/****************************************************************************/

@media screen and (max-width: 1240px) {  /* 1240px */
	
}

@media screen and (max-width: 1135px) {  /* 1135px */

}

@media screen and (max-width: 954px) {  /* 954px */
	
}

@media screen and (max-width: 767px) { 
	.solo-pc { display: none !important; }
	.solo-responsive { display: block !important; }
	
	
}


@media screen and (max-width: 508px) {  /* 508px */
	
}


@media screen and (min-width: 640px) {
	
}