/*
Theme Name: Pimpampum theme
Theme URI: http://www.pimpampum.net
Author: Pimpampum.net
Author URI: http://www.pimpampum.net
Description: Tema basat en Underscores i adaptat per a Alimentta
Version: 1.0.0
License: GNU General Public L1icense v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

@import url("style_menu.css");

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.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}/* De l'undescores */.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);clip:auto !important;clip-path:none;color:#21759b;display:block;font-size:0.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#primary[tabindex="-1"]:focus{outline:0}/* Afegit PPP */.video-wrapper{position:relative;padding-bottom:56.25%;height:0}.videowrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}img,canvas{max-width:100%;height:auto}*{box-sizing:border-box}html {
scroll-behavior: smooth;}


.amaga:not(:focus):not(:active) {
  clip: rect(0 0 0 0); 
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap; 
  width: 1px;
}

:root {
--bodytext: #212121;
--textgris: #717171;
--textgris2: #D0D0D0;
--bgpage: #fff;
--bglight: #CFF1D6;
--accent: #3FC75C;
--colorbg: #def9e4;
--border: 1px solid #ddd;
--borderaccent: 1px solid var(--accent);
--miggap: 16px;
--gap: 32px;
--dosgap: 64px;
}

/*-------------------------
AL - Estuctura
--------------------------*/

.wrap {
width: 95%;
max-width: 1170px;
margin-left: auto;
margin-right: auto;
position: relative;
}

body,
button,
input,
select,
textarea {
font-family: Poppins, helvetica, arial, sans-serif;
font-size: 0.75rem;
line-height: 1.666;
margin: 0;
padding: 0;
}

/*-------------------------
Generals
--------------------------*/

a,
a:visited {
color: var(--bodytext);
text-decoration-color: var(--accent);
word-wrap: break-word;
text-underline-offset: 3px;
}

a:hover,
a:focus,
a:active {
text-decoration: underline;
text-decoration-color: var(--accent);
color: var(--accent);
}

a:focus,
*:focus {
outline: thin dotted;
}

a:hover,
a:active {
outline: 0;
}

p, ul, ol {
margin: 0;
}

.entry-content p,
.entry-content ul,
.entry-content ol {
margin-bottom: 1.333em;
}

strong, b {
font-weight: 700;
}

.entry-content figure,
.entry-content figure.wp-block-image {
margin: 40px 0;
}

.entry-content figure figcaption {
font-size: 0.75rem;
color: var(--textgris);
}

.wp-block-image {
clear: both;
}

figcaption {
font-size: 0.875rem;
}

h1.entry-title {
font-size: 1.875rem;
line-height: 1.5;
margin-bottom: 16px;
color: var(--accent);
margin: 0;
max-width: 670px;
}

.single_autor h1.entry-title,
.single_publicacion h1.entry-title {
font-size: 1.25rem;
}

h1 a, h2 a {
text-decoration: none;
}

h2 {
font-size: 1rem;
line-height: 1.5;
margin-top: 40px;
margin-bottom: var(--miggap);
}

h3 {
font-size: 0.875rem:
scroll-margin-top: 70px;
}

table {
border-collapse: collapse;
}

th, td {
padding: var(--miggap);
vertical-align: top;
border: var(--border);
}

.bt a,
.bt a:visited,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
background-color: var(--bodytext);
text-transform: uppercase;
font-size: 0.875rem;
padding: 10px 20px;
text-decoration: none;
color: #fff;
border-radius: 0;
border: none;
}

.clear {
clear: both;
}

.screen-reader-text {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

.wpcf7 button,
.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
width: 100%;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
max-width: 600px;
background-color: #fff;
border-radius: 6px;
border: none;
padding: 20px;
margin: 0px auto;
text-align: center;
}

.flex {
display: flex;
flex-wrap: wrap;
align-items: baseline;
}

.hide_mobile {
display: none;
}

hr.wp-block-separator {
margin: 2em 0;
border: none;
height: 1px;
background-color: #d4d4d4;
color: #d4d4d4;
}

#klaro {
font-size: inherit !important;
}

/* AL - Single footer */

.terms {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin: auto 8px 0 0;
}

.terms.terms-teaser {
margin-bottom: var(--miggap);
}

.terms li {
margin: 0 8px 8px 0;
}

.teaser_noticia_info .terms.terms-teaser,
.teaser_noticia_info .terms li {
margin-bottom: 0;
margin-top: 8px;
}

.boto, 
.post-categories li,
.terms li,
input.wpcf7-submit,
#klaro button.cm-btn,
.wp-block-button {
font-size: 0.75rem;
line-height: 1.5;
border: var(--borderaccent);
text-align: center;
list-style-type: none;
background-color: #fff;
color: var(--accent);
font-weight: 600;

}

#klaro button.cm-btn {
opacity: 1;
margin-bottom: 8px;
}

.boto_s, 
.post-categories li,
.terms li {
font-size: 0.625rem;
}

.boto a, .post-categories a,
.terms-teaser li a,
.terms li a,
.wp-block-button a {
color: var(--accent);
text-decoration: none;
display: block;
padding: 9px 11px;
border-radius: 0;
}

.terms li.selected a {
background-color: var(--accent);
color: #fff;
}

.boto a:hover,
.post-categories a:hover,
.terms li a:hover {
background-color: var(--accent);
color: #fff;
}

.post-categories,
.terms {
font-weight: 600;
}

.pdf-completo {
display: inline-block;
font-size: 0.625rem;
line-height: 1.5;
font-weight: 600;
}

.pdf-completo img {
vertical-align: middle;
margin-right: 8px;
}

.pdf-completo a {
background-color: var(--accent);
color: #fff;
display: flex;
align-items: center;
padding: 9px 12px;
text-decoration: none;
}

.pdf-completo a:hover {
color: #000;
}

h3.info_relacionada {
font-size: 1rem;
line-height: 1.875;
margin-bottom: 0.5em;
font-weight: 600;
margin-top: var(--gap);
}

.entry-content ul.documentos {
margin: 0 0 var(--gap) 0;
padding-left: 0;
font-size: 0.9375rem;
}

.entry-content ul.documentos li {
margin-bottom: 0.5em;
}

ul.documentos a, ul.documentos a:visited {
color: var(--accent);
text-decoration: none;
}

ul.documentos a:hover {
color: var(--bodytext);
}

.share-buttons a {
background-color: #fafafa;
text-decoration: none;
font-weight: 600;
padding: 10px 12px;
margin-right: 4px;
font-size: 0.75rem;
display: inline-block;
}

.share-buttons a:hover {
background-color: var(--bglight);
color: var(--bodytext);
}

.share-buttons a::before {
vertical-align: middle;
margin-right: 6px;
}

.share-buttons a.share-tw::before {
content: url(img/ico_tw.svg);
position: relative;
top: 2px;
}

.share-buttons a.share-fb::before {
content: url(img/ico_fb.svg);
}

.share-buttons a.share-in::before {
content: url(img/ico_in.svg);
margin-right: 4px;
}

/* AL - Link tornar */

.volver {
margin-top: var(--dosgap);
}

#content > .volver {
margin-top: var(--miggap);
}

.volver a {
font-size: 0.75rem;
font-weight: 600;
color: var(--accent);
text-decoration: none;
margin-bottom: var(--gap);
}

.volver a:hover {
text-decoration: underline;
}

/* AL - Filtrado */

.filtrado {
margin-top: var(--gap);
margin-bottom: 40px;
font-weight: 700;
}

/* AL - resultats cerca */

.search-results article h1.entry-title {
font-size: 2rem;
margin-bottom: 0.25em;
}

.search-results article {
border-bottom: var(--border);
padding: 1em 0;
}

/*-------------------------
AL - HEADER
--------------------------*/

#masthead {
background-color: var(--accent);
}

.site-branding {
padding: 26px 0 29px 0;
}

.site-title,
.site-description {
text-indent: -999em;
}

#masthead p.site-title,
#masthead h1.site-title {
margin: 0 0 0 16px;
}

#masthead .site-title a {
display: block;
width: 110px;
height: 42px;
background: url(img/logo_alimentta_neg2.svg) no-repeat center center;
background-size: contain;
}

.twitter-icon,
.linkedin-icon,
#masthead .footer_extra_menu {
display: none;
}

#masthead.desplegat {
position: fixed;
width: 100%;
height: 100vh;
z-index: 99;
background-color: var(--accent);
display: flex;
flex-direction: column;
}

.social_icons {
margin: 0;
display: flex;
justify-content: flex-end;
}

#masthead.desplegat .social_icons p {
display: block;
margin: 0;
}

#masthead.desplegat .social_icons a {
display: block;
width: 20px;
height: 20px;
text-indent: -999em;
margin-top: 17px;
margin-right: 20px;
float: right;
}

#masthead.desplegat .twitter-icon a {
background: url(img/ico_twitter_white.svg) no-repeat center center;
}

#masthead.desplegat .linkedin-icon a {
background: url(img/ico_linkedin_white.svg) no-repeat center center;
margin-right: 40px;

}

#masthead.desplegat .footer_extra_menu {
display: block;
padding: 16px;
position: absolute;
bottom: 50px;
color: #fff;
z-index: 100;
}

#masthead.desplegat .footer_extra_menu a,
#masthead.desplegat .footer_extra_menu a:hover {
color: #fff;
}

#masthead.desplegat .footer_apoyo {
margin-bottom: 43px;
}


#masthead.desplegat .footer_legal_link {
margin-bottom: 0;
}


/*-------------------------
AL - FOOTER
--------------------------*/

footer#colophon {
background-color: #fafafa;
padding-top: 36px;
}

.footer_logo {
max-width: 216px;
margin-bottom: 42px;
}

.twitter_timeline_title {
font-size: 14px;
line-height: 1.5;
font-weight: 700;
display: flex;
align-items: center;
}

.twitter_timeline_title img {
position: relative;
top: 3px;
}

.footer_newsletter {
font-size: 0.75rem;
line-height: 1.5;
font-weight: 700;
max-width: 369px;
margin-bottom: var(--gap);
}

.footer_newsletter p {
margin-bottom: var(--miggap);
}

.footer_newsletter p.boto {
display: inline-block;
}

.footer_newsletter_mail {
color: var(--textgris);
margin-top: var(--gap);
}

.footer_apoyo {
margin: 42px 0 83px 0;
font-size: 0.625rem;
display: flex;
align-items: center;
}

.footer_apoyo img {
width: 93px;
display: inline-block;
margin-left: 16px;
}

.footer_legal {
font-size: 0.625rem;
}

.footer_legal a {
text-decoration: underline;
}

.footer_legal_link {
margin-bottom: 23px;
}

.footer_legal_link a {
display: inline-block;
margin-right: 16px;
}

.footer_cc {
max-width: 118px;
margin-bottom: 0;
}

.footer_cc img {
display: block;
}

/* AL - GRID */

.graella {
padding: 0 16px;
}

#fons_header {
display: none;
}


/*-------------------------
INTERIORS
--------------------------*/

.entry-content p,
.entry-content li {
max-width: 670px;
}

.entry-content h2 {
max-width: 470px;
margin-top: 36px;
}

.entry-content p {
margin-bottom: var(--miggap);
}

/* AL - Accordion */

.c-accordion__item {
max-width: 770px;
border-bottom: var(--border);
}

h3.c-accordion__title {
background: url(img/arrows_accordion.svg) no-repeat calc(100% - 10px) 28px;
background-size: 15px auto;
font-size: 0.75rem;
line-height: 1.5;
padding-top: 23px;
padding-bottom: 16px;
margin: 0;
padding-right: 58px;
}

.is-open .c-accordion__title {
background-position: calc(100% - 10px) -163px;
color: var(--accent);
}

.c-accordion__title::after,
.is-open .c-accordion__title::after {
content: none;
}

.c-accordion__title h3/*,
.c-accordion__content*/ {
max-width: 540px;
}

.c-accordion__content {
line-height: 1.5;
padding-bottom: 1em;
}


/*-------------------------
AL - Pagines en general
--------------------------*/

.to-top-container {
display: none;
}

#content, #sidebar {
margin-top: var(--miggap);
}

#sidebar.aside_publicaciones,
#sidebar.aside_noticias {
margin-top: 40px;
}

main {
margin-bottom: 40px;
}

.entry-header {
background-color: var(--bglight);
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 16px;
margin: 0 -16px;
min-height: 300px;
}

.entry-header h1.entry-title {
order: 2;
margin-top: auto;
}
 
.entry-header-excerpt {
order: 1;
font-size: 0.75rem;
line-height: 1.5;
font-weight: 700;
color: var(--accent);
max-width: 75%;
}

.entry-content ul,
.entry-content ol {
list-style-type: disc;
}

.entry-content li {
margin-bottom: 0.5em;
}

.subtitol {
font-size: 2.0625rem;
}

.single-meta {
line-height: 1.166;
display: flex;
margin-bottom: var(--gap);
margin-bottom: 20px;
}

.single-meta p {
margin-bottom: 0;
}

.single_data {
color: var(--textgris);
margin-right: 20px;
white-space: nowrap;
}

.single-meta .teaser_publicacion_autor a {
font-weight: 600;
}


/*-------------------------
AL - Quiénes somos - FILA PERSONES
--------------------------*/

.autores-listado {
margin: 32px -16px 0 -16px;
}

.tns-nav {
display: none;
}

.autor {
display: flex;
flex-direction: column;
margin-bottom: 6px;
}

.autor .teaser_thumbnail {
background: rgba(63, 199, 92, 0.3);
margin-bottom: 0;
}

.autor .teaser_thumbnail  img {
display: block;
}

.autor .teaser_info {
padding: 10px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
font-size: 0.625rem;
line-height: 1.5;
height: 100%;
display: flex;
flex-direction: column;
min-height: 165px;
}

.autor .teaser_info h2 {
font-size: 0.6875rem;
line-height: 1.5;
font-weight: 700;
margin-top: 0;
}

.entry-content p.autor_ver_perfil {
margin-top: auto;
margin-bottom: 0;
text-align: right;
}

p.autor_ver_perfil a {
color: var(--accent);
text-decoration: none;
}

p.autor_ver_perfil a:hover {
text-decoration: underline;
}

.autor_thumbnail {
display: grid;
grid-template-areas: "autor_foto";
}

.autor_thumbnail figure,
.autor_thumbnail .attachment-thumbnail {
grid-area: autor_foto;
margin: 0;
}

.autor_over {
background: #3FC75C;
opacity: 0.2;
grid-area: autor_foto;
width: 100%;
max-width: 300px;
height: 100%;
}

.no-foto .autor_over {
display: none;
}

.owl-carousel {
width: auto;
}
.owl-dots {
display: none;
}

/* Áreas clave y más info */

.areas_clave,
.objectius_pdf {
margin: 0;
padding-left: 0;
}

.entry-content .areas_clave li,
.entry-content .objectius_pdf li {
list-style-type: none;
background-color: var(--bglight);
color: var(--accent);
padding: 24px 20px 25px 20px;
font-size: 0.875rem;
line-height: 1.5;
font-weight: 700;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
text-align: center;
margin-bottom: var(--miggap);
}
 
.entry-content .objectius_pdf li {
padding: 0;
border: 1px solid var(--accent);
background-color: #fff;
box-shadow: none;
text-align: left;
}

.entry-content .objectius_pdf li a {
padding: 24px 20px 25px 20px;
display: block;
color: var(--accent);
text-decoration: none;
}

.entry-content .objectius_pdf li a:hover {
color: #fff;
background-color: var(--accent);
}

/* ODS */

.entry-content h2.ods-titol {
max-width: none;
}

.ods .wp-block-group__inner-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
grid-gap: var(--miggap);
}

.entry-content .ods figure.wp-block-image {
margin: 0;
}

.ods img {
display: block;
}

/* 404 */

main.page404 {
background-color: var(--bglight);
margin-bottom: 0;
min-height: 440px;}

.page404 .entry-header {
align-items: flex-start;
}

.page404 .entry-header h1 {
order: 1;
font-size: 1.875rem;
line-height: 1.5;
margin-bottom: 8px;
color: var(--accent)
margin-top: 136px;
}

.page404 .entry-header p {
order: 2;
font-weight: 700;
margin-bottom: var(--gap);
}

.page404 .entry-header p.boto {
background-color: transparent;
}

/*-------------------------
AL - SINGLE AUTOR
--------------------------*/

.single_autor #primary {
margin-bottom: 64px;
}

.single-autor .entry-header {
min-height: 148px;
}

.single-autor .entry-content {
margin-bottom: var(--dosgap);
}

.single_autor_thumbnail {
width: 73.6%;
margin-bottom: var(--gap);
max-width: 300px;
}

.single_autor h1.entry-title {
max-width: none;
}

.single_autor_info .boto {
display: inline-block;
margin-top: auto;
margin-bottom: 0;
font-weight: 600;
}

.single_autor_info .boto a {
padding: 11px 19px;
}

.single_autor .institucion {
font-size: 1rem;
line-height: 1.5;
margin-bottom: 16px;
font-weight: 700;
}

.single_autor .relacion {
margin-bottom: var(--gap);
}

.single_autor .institucion p,
.single_autor .relacion p {
margin-bottom: 0;
}

.single-autor .publicaciones h2.section_subtitle {
margin-bottom: 28px;
color: var(--accent);
}

.teaser_publicacion_mas,
.teaser_prensa .boto {
display: none;
}

.single-autor .ultimas:nth-of-type(2) {
display: none;
}

.single-autor #sidebar .widget.ultimas:first-of-type ul,
#sidebar.aside_publicaciones .widget.ultimas ul,
#sidebar.aside_noticias .widget.ultimas ul {
display: flex;
margin-left: -16px;
margin-right: -16px;
font-size: 0.625rem;
}

.single-autor #sidebar .widget.ultimas ul li,
#sidebar.aside_publicaciones .widget.ultimas ul li,
#sidebar.aside_noticias .widget.ultimas ul li {
width: 50%;
padding: var(--miggap);
border: 1px solid var(--accent);
border-right: 0;
}

.single-autor #sidebar .widget.ultimas:first-of-type ul li:first-of-type,
#sidebar.aside_publicaciones .widget.ultimas ul li:first-of-type,
#sidebar.aside_noticias .widget.ultimas ul li:first-of-type {
border-left: 0;
}

/*-------------------------
AL - CONTACTO
--------------------------*/

.page-id-200 .entry-header {
min-height: 150px;
}

.page-id-200 h1.entry-title {
font-size: 1.25rem;
}

.page-id-200 .entry-content > p:first-of-type {
font-size: 1rem;
line-height: 1.5;
margin-bottom: 40px;
}

/*-------------------------
AL - FORMULARIS
--------------------------*/

#searchform {
display: flex;
}

select {
appearance: none;
background-color: transparent;
border: none;
padding: 0 1em 0 0;
margin: 0;
width: 100%;
font-family: inherit;
font-size: inherit;
cursor: inherit;
line-height: inherit;
}

#searchform input.inlineSearch,
input[type="text"],
input[type="email"],
textarea,
select {
background: #FAFAFA;
border: var(--border);
height: 40px;
flex: 1;
padding: 11px 12px;
font-size: 0.75rem;
line-height: 1.5;
}

#searchform input.inlineSearch {
flex: auto;
width: calc(100% - 40px);
border-right: none;
}

select {
border: var(--borderaccent);
background: url(img/arrows_accordion.svg) no-repeat calc(100% - 10px) 14px #ffffff;
color: var(--accent);
font-size: 0.625rem;
}

#searchform input.inlineSubmit {
background: url(img/ico_lupa.svg) no-repeat center -1px #FAFAFA;
border: var(--border);
border-left: none;
height: 40px;
width: 40px;
text-indent: -999em;
}

#searchform:hover input,
#searchform:focus input,
input:hover,
input:focus,
textarea:hover,
textarea:focus {
background-color: #fff;
border-color: var(--accent);
}

#searchform:hover input.inlineSubmit,
#searchform:focus input.inlineSubmit {
background-position: center -112px;
}

#searchform:hover input.inlineSubmit {
cursor: pointer;
}

/* formulari contacte */

.wpcf7 label {
font-size: 0.75rem;
line-height: 1.5;
font-weight: 600;
margin-top: var(--gap);
margin-bottom: var(--miggap);
color: var(--textgris);
display: block;
}

.wpcf7 input,
.wpcf7 textarea {
margin-top: 7px;
}

.wpcf7 textarea {
height: auto;
max-height: 208px;
max-width: 569px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"] {
max-width: 369px;
}

.wpcf7 input[type="submit"] {
margin: 0;
max-width: 128px;
}

.wpcf7-list-item input[type="checkbox"] {
width: auto;
margin-right: 10px;
}

.wpcf7 a {
color: var(--textgris);
}

.wpcf7-list-item label {
margin-top: 0;
}

span.wpcf7-list-item {
margin-left: 0;
}

.wpcf7-list-item-label {
display: inline;
}


/*-------------------------
AL - NOTICIES
--------------------------*/


.single_noticia.graella article {
display: grid;
grid-column-gap: var(--gap);
grid-template-areas:
"header"
"content"
"entry-footer"
"sidebar";
padding: 0;
margin-left: -16px;
margin-right: -16px;
}

.single_noticia #fons_header {
display: block;
background-color: var(--bglight);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
grid-column: 1 / -1;
grid-row: 1 / 2;
}

.degradat {
height: 100%;
background:
linear-gradient(180deg, rgba(0, 0, 0, 0) 47.26%,
rgba(0, 0, 0, 0.319148) 58.59%,
rgba(0, 0, 0, 0.2) 100%);
grid-column: 1 / -1;
grid-row: 1 / 2;
}

.single_noticia .entry-header {
background-color: transparent;
grid-area: header;
justify-content: flex-end;
margin: 0;
padding: 16px 0;
}

.single_noticia .entry-header h1.entry-title {
font-size: 1.625rem;
line-height: 1.4;
color: #fff;
padding-left: 16px;
padding-right: 16px;
}

.single_noticia #content,
.single_noticia .entry-footer {
padding-left: 16px;
padding-right: 16px;
}

/*-------------------------
AL - TEASERS
--------------------------*/

.teaser_data {
font-size: .75rem;
line-height: 1.1666;
color: var(--textgris);
}

.teaser_noticia,
.teaser_publicacion,
.teaser_prensa,
.teaser_living_lab {
padding-bottom: var(--miggap);
margin-bottom: var(--miggap);
border-bottom: var(--border);
}

/* AL -  Teasers Publicaciones */

h2.teaser_publicacion_title {
font-size: 1rem;
line-height: 1.5;
margin: 0 0 1em 0;
}

.teaser_publicacion_meta {
display: flex;
grid-area: teaser_publicacion_meta;
font-size: .75rem;
line-height: 1.1666;
margin: var(--miggap) 0;
}

.teaser_publicacion_data {
margin-right: 16px;
white-space: nowrap;
}

.teaser_publicacion_autor {
display: inline;
color: var(--accent);
}

.teaser_publicacion_autor a {
color: var(--accent);
text-decoration: none;
font-weight: 700;
}

.teaser_publicacion_excerpt {
font-size: .75rem;
line-height: 1.666;
}

/* AL - Teaser noticies */

.teaser_noticia {
display: flex;
flex-direction: column;
}

.teaser_noticia_info {
order: 2;
}

h2.teaser_noticia_title {
margin-top: var(--miggap);
}

p.teaser_noticia_data {
margin-bottom: var(--miggap);
}

.teaser_noticia_thumbnail {
order: 1;
}

.teaser_noticia_info .post-categories {
margin: auto 0 0 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}

.teaser_noticia_info .post-categories li {
margin-right: 8px;
}

.teaser_noticia_thumbnail img {
display: block;
}

/* AL - Teaser Living Lab */

.teaser_living_lab .teaser_publicacion_title {
margin-bottom: 1em;
}

.teaser_living_lab h3 {
font-size: 1em;
margin-bottom: 0;
margin-top: 1em;
}

.teaser_living_lab #content {
margin-top: 32px;
}

/*-------------------------
AL - ASIDE
--------------------------*/

#sidebar h2 {
font-size: 1rem;
line-height: 1.5;
color: var(--textgris);
font-weight: 700;
margin: 0 0 24px 0;
}

#sidebar .widget {
margin-bottom: var(--gap);
}

#sidebar .widget:last-of-type {
margin-bottom: 0;
}

#sidebar ul {
margin: 0;
padding: 0;
font-size: 0.75rem;
line-height: 1.5;
font-weight: 700;
list-style-type: none;
}

#sidebar .ultimas li {
padding-bottom: var(--miggap);
margin-bottom: var(--miggap);
border-bottom: var(--border);
}


#sidebar a {
text-decoration: none;
}

/*-------------------------
AL - PAGINACIÓ
--------------------------*/

.pagination  {
font-size: 0.75rem;
line-height: 1.5;
color: var(--textgris2);
}

.pagination a {
color: var(--bodytext);
text-decoration: none;
}

.pagination .page-numbers {
padding: 0 3px;
line-height: 1;
display: inline-block;
}

.pagination .page-numbers.current,
.pagination a.next,
.pagination a.prev {
color: var(--accent);
}

.pagination .page-numbers:hover {
color: var(--accent);
}

.pagination {
margin-top: var(--gap);
}

.posts-navigation {
display: flex;
justify-content: center;
padding: 1.5em 0;
}

.posts-navigation a {
text-decoration: none;
}

.posts-navigation a:hover {
text-decoration: underline;
text-decoration-color: var(--accent);
}

.pagination_nextprev {
display: flex;
justify-content: space-between;
border-top: var(--borderaccent);
padding-top: var(--miggap);
color: var(--textgris2);
margin-top: 24px;
font-size: 0.875rem;
line-height: 1.64;
font-weight: 600;
}

.pagination_nextprev a {
color: var(--textgris2);
}

.pagination_nextprev a:hover {
text-decoration: underline;
color: var(--accent);
}


/*-------------------------
EB - CAPTIONS
--------------------------*/

.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption .wp-caption-text {}

.wp-caption-text {
font-size: 1rem;
color: #666;
text-align: left;
padding: 8px 0 5px 0;
}

/*-------------------------
RESPONSIVE
--------------------------*/

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

html {
font-size: 19px;
}
}

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

html {
font-size: 16px;
}

body {
font-size: 1rem;
line-height: 1.875;
}

#content,
#sidebar,
#sidebar.aside_publicaciones,
#sidebar.aside_noticias {
margin-top: 64px;
}

.to-top-container {
display: block;
margin-bottom: 0;
}

.to-top {
width: 40px;
height: 40px;
background: url(img/ico_up.svg) no-repeat center center;
text-indent: -999em;
display: block;
}

/* AL - Pagines en general */

.entry-header {
justify-content: flex-start;
padding: 48px 0 0 0;
margin: 0;
min-height: 440px;
}

.entry-header-excerpt {
font-size: 1.5625rem;
max-width: 570px;
}

.entry-header-excerpt p {
margin: 0;
}

.entry-content p,
.entry-content ul,
.entry-content ol {
margin-bottom: 1.875em;
}

.entry-content h2 {
/*font-size: 1.125rem;
line-height: 1.666;*/
margin: var(--gap) 0 var(--miggap) 0;
max-width: 470px;
}

h1.entry-title,
.single_autor h1.entry-title,
.single_publicacion h1.entry-title,
.page-id-200 h1.entry-title {
font-size: 3rem;
line-height: 1.458;
margin-bottom: 34px;
}

.entry-header h1.entry-title {
margin-top: auto;
}

h2 {
font-size: 1.875rem;
margin-top: 92px;
}

h2.teaser_publicacion_title,
h2.teaser_noticia_title {
font-size: 1.25rem;
line-height: 1.3;
}

h3 {
font-size: 1rem;
line-height: 1.5;
margin: var(--gap) 0 var(--miggap) 0;
scroll-margin-top: 70px;
}

main {
margin-bottom: 200px;
}

.volver a {
font-size: 1rem;
}

.filtrado {
margin-top: 29px;
margin-bottom: 40px;
}

.single-meta {
font-size: 1rem;
line-height: 1.4375;
margin-bottom: var(--gap);
}

select {
font-size: 0.75rem;
}

/* AL - Header */



/* AL - Footer */

.footer_col2 {
display: flex;
flex-direction: column;
}

.footer_extra_menu {
margin-top: auto;
}

.footer_apoyo {
margin: 0;
}

.footer_apoyo img {
width: auto;
}

.footer_legal {
display: flex;
align-items: flex-end;
}

.footer_cc {
margin-left: auto;
}

.footer_legal_link {
margin-bottom: 0;
}

/* AL - Quiénes somos */

.page-id-190 .entry-content >  h2 {
margin-top: 68px;
font-size: 1.875rem;
line-height: 1.5;
margin-bottom: var(--gap);
}

h3.c-accordion__title {
font-size: 1rem;
padding-top: 18px;
padding-bottom: 16px;
padding-right: 100px;
background: url(img/arrows_accordion.svg) no-repeat calc(100% - 20px) 26px;
background-size: auto auto;
}

.is-open .c-accordion__title {
background-position: calc(100% - 20px) -200px;
margin-bottom: 12px;
}

.autores-listado .my-slider,
.areas_clave,
.objectius_pdf {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
grid-gap: var(--gap);
}

.autores-listado {
margin: 0;
}

.autores-listado article {
width: 100%;
margin-right: 0;
}

.autor .teaser_info {
padding: 16px;
font-size: 0.75rem;
min-height: 0;
}

.autor .teaser_info h2 {
font-size: 0.75rem;
}

.entry-content .areas_clave li,
.entry-content .objectius_pdf li a {
text-align: left;
min-height: 168px;
padding: 20px;
}

/* ODS */

.ods .wp-block-group__inner-container {
display: flex;
flex-wrap: wrap;
max-width: 800px;
}

.entry-content .ods figure.wp-block-image {
margin: 0 19px 19px 0;
margin: 0;
}

/* AL - SINGLE AUTOR */

.single_autor_thumbnail {
width: 100%;
}

.single_autor_info {
display: flex;
flex-direction: column;
align-items: flex-start;
}

.single-autor .entry-header {
min-height: 148px;
}

.single_autor .publicaciones h2.section_subtitle {
color: var(--bodytext);
margin-bottom: 47px;
}

.single-autor .teaser_publicacion_mas {
display: block;
}

.single-autor .ultimas:nth-of-type(2) {
display: block;
}

/* Formulari de contacte */

.formulari_contacte_footer {
display: flex;
justify-content: space-between;
align-items: baseline;
max-width: 569px;
}

.page-id-200 .entry-header {
min-height: 220px;
}

.page-id-200 h1.entry-title {
margin-top: auto;
}


/*-------------------------
AL - NOTICIES
--------------------------*/

.presentacion {
margin-bottom: 64px;
}

.single_noticia .entry-header {
padding: 0;
}

.single_noticia .entry-header h1.entry-title {
margin-bottom: var(--gap);
max-width: 670px;
font-size: 3rem;
line-height: 1.458;
}

/*-------------------------
AL - ASIDE
--------------------------*/

#sidebar .widget {
margin-bottom: 44px;
}

#sidebar .ultimas li {
padding-bottom: var(--miggap);
margin-bottom: var(--miggap);
border-bottom: var(--border);
}

.single-autor #sidebar .widget.ultimas:first-of-type ul,
#sidebar.aside_publicaciones .widget.ultimas ul,
#sidebar.aside_noticias .widget.ultimas ul {
display: block;
margin-left: 0;
margin-right: 0;
font-size: 0.75rem;
}

.single-autor #sidebar .widget.ultimas:first-of-type ul li,
#sidebar.aside_publicaciones .widget.ultimas ul li,
#sidebar.aside_noticias .widget.ultimas ul li {
width: 100%;
padding: 0;
margin: 0;
border: none;
padding-bottom: var(--miggap);
margin-bottom: var(--miggap);
border-bottom: var(--border);
}

/*-------------------------
AL - GRID
--------------------------*/

.graella {
display: grid;
grid-column-gap: 0;
grid-template-areas:
". header header . ."
". content . sidebar ."
". entry-footer . sidebar .";
padding: 0;
}

.to-top-container {
grid-template-areas:
". . totop . .";
}

.graella.graella-wide {
grid-template-columns: minmax(40px, 1fr) minmax(400px, 667px) minmax(68px, 169px) minmax(200px, 268px) minmax(40px, 1fr);
}

.graella.graella-narrow {
grid-template-columns: minmax(40px, 1fr) minmax(400px, 769px) minmax(68px, 68px) minmax(200px, 268px) minmax(40px, 1fr);
}

.graella-onecol {
grid-template-columns: minmax(40px, 1fr) minmax(400px, 769px) minmax(68px, 68px) minmax(200px, 268px) minmax(40px, 1fr);
grid-template-areas:
". header header . ."
". content content content .";
}

.graella > article {
display: contents;
}

#fons_header {
display: block;
background-color: var(--bglight);
grid-column: 1 / -1;
grid-row: 1 / 2;
}

.graella .entry-header {
grid-area: header;
}

.graella #content {
grid-area: content;
}

.graella #sidebar {
grid-area: sidebar;
}

.graella .entry-footer {
grid-area: entry-footer;
}

#footer_container {
grid-area: content;
}

a.to-top {
grid-area: totop;
}

footer#colophon #footer_container {
display: grid;
grid-gap: var(--gap);
grid-template-columns: 4fr 1fr 5fr 2fr;
grid-template-areas: 
"twitter . newsletter ."
". . cc .";
}

.footer_col1 {
grid-area: twitter;
}

.footer_col2 {
grid-area: newsletter;
}

.footer_cc {
grid-area: cc;
margin-top: 26px;
}

/* single notícia */

.single_noticia.graella article {
display: contents;
margin-left: 0;
margin-right: 0;
}

.single_noticia #content,
.single_noticia .entry-header h1.entry-title,
.single_noticia .entry-footer {
padding-left: 0;
padding-right: 0;
}
}

/* ANCHOR 880 */

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

#masthead {
display: grid;
grid-template-columns: 150px 1fr auto;
grid-gap: 16px;
padding: 0 32px;
background-color: #fff;
}

.site-branding {
padding: 0;
}

#masthead p.site-title,
#masthead h1.site-title {
margin: 0;
}

#masthead .site-title a {
width: 150px;
height: 58px;
background: url(img/logo_alimentta3.svg) no-repeat center center;
background-size: contain;
margin: 37px 0 37px 0;
}

.social_icons p {
margin: 0;
display: flex;
}

.social_icons a {
display: block;
width: 40px;
height: 40px;
background: url(img/ico_twitter.svg) no-repeat center center;
align-self: center;
text-indent: -999em;
align-self: center;
}

.twitter-icon a {
background: url(img/ico_twitter.svg) no-repeat center center;
}

.linkedin-icon a {
background: url(img/ico_linkedin.svg) no-repeat center center;
}



}

/* ANCHOR 940 */

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

#masthead .site-title a {
width: 180px;
height: 70px;
}

#masthead {
grid-template-columns: minmax(204px, 1fr) 2fr auto;
}


/* GRID */

.graella {
grid-column-gap: var(--gap);
}

.graella.graella-wide,
.graella.graella-narrow {
grid-template-columns: minmax(40px, 1fr) minmax(450px, 769px) minmax(68px, 68px) minmax(200px, 268px) minmax(40px, 1fr);
}

.graella-onecol {
grid-template-columns: minmax(40px, 1fr) minmax(450px, 769px) minmax(68px, 68px) minmax(200px, 268px) minmax(40px, 1fr);
grid-template-areas:
". header header . ."
". content content content .";
}

/* Single Autor */

.single-autor .entry-header {
padding-top: 116px;
}
}


/* ANCHOR 1100 */

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


/* AL - SINGLE AUTOR */

.single-autor .entry-content {
display: grid;
grid-template-columns: 3fr 5fr;
grid-gap: var(--gap);
}

.single_autor_thumbnail {
margin-bottom: 0;
}

/* AL -  Teasers Publicaciones */

.teaser_publicacion {
display: grid;
grid-template-columns: 280fr 310fr 114fr;
grid-template-areas:
"teaser_publicacion_title teaser_publicacion_excerpt teaser_publicacion_mas"
"teaser_publicacion_meta . .";
grid-column-gap: var(--gap);
grid-row-gap: var(--miggap);
align-items: start;
padding-bottom: var(--miggap);
margin-bottom: var(--gap);
border-bottom: var(--border);
}

h2.teaser_publicacion_title {
grid-area: teaser_publicacion_title;
margin: 0;
}

.teaser_publicacion_meta {
grid-area: teaser_publicacion_meta;
}

.teaser_publicacion_excerpt {
grid-area: teaser_publicacion_excerpt;
}

.teaser_publicacion_mas {
grid-area: teaser_publicacion_mas;
font-weight: 600;
display: block;
}

/* AL -  Teasers Prensa */

.teaser_prensa {
display: grid;
grid-template-columns: 590fr 114fr;
grid-template-areas:
"teaser_data teaser_data"
"teaser_prensa_info boto";
grid-column-gap: var(--gap);
align-items: start;
padding-bottom: var(--miggap);
margin-bottom: var(--miggap);
border-bottom: var(--border);
}

.teaser_prensa .teaser_data {
grid-area: teaser_data;
}

.teaser_prensa_info {
grid-area: teaser_prensa_info;
}

.teaser_prensa .boto {
display: block;
grid-area: boto;
}

/* AL - Teaser noticies */

.teaser_noticia {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: var(--gap);
grid-template-areas:
"teaser_noticia_info teaser_noticia_thumbnail";
padding-bottom: var(--gap);
margin-bottom: var(--gap);
border-bottom: var(--border);
}

.teaser_noticia_info {
grid-area: teaser_noticia_info;
order: 2;
display: flex;
flex-direction: column;
}

.teaser_noticia_thumbnail {
grid-area: teaser_noticia_thumbnail;
}

.teaser_noticia_data {
display: flex;
flex-direction: column;
order: 1;
margin-bottom: 16px;
}

h2.teaser_noticia_title {
font-size: 1.625rem;
line-height: 1.241;
margin: 0 0 var(--miggap) 0;
order: 2;
}

.teaser_noticia_info .terms.terms-teaser {
order: 3;
margin-top: auto;
}

/* AL - Teaser Living Labs */

.teaser_living_lab {
padding-bottom: var(--gap);
margin-bottom: var(--gap);
}


}


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

#masthead {
grid-template-columns: auto 1fr auto;
padding: 0 94px;
}

#masthead .site-title a {
width: 387px;
height: 38px;
background: url(img/logo_alimentta.svg) no-repeat center center;
}

}