/*
Theme Name: ISEA 2022 Pimpampum theme
Theme URI: https://www.pimpampum.net
Author: Pimpampum.net
Author URI: http://www.pimpampum.net
Version: 0.0.1
*/

@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}.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;
}

#main {
scroll-margin-top: 70px;
}

:root {
--bodytext: #000;
--textgris: #666;
--verd: #03FFE1;
--lila: #521AFF;
--bgpage: #521AFF;
--bggris: #f2f2f2;
--border: 1px solid #D9CFB9;
--borderverd: 1px solid var(--verd);
--borderlila: 1px solid var(--lila);
--gap: 24px;
--gapS: 12px;
--gapL: 36px;
--gapXL: 48px;
--gapXXL: 96px;
--padding-v: 48px;
--padding-h: 36px;
--padding-hS: 24px;
--padding-vS: 24px;
--padding-hXS: 20px;
--padding-vXS: 20px;
}

.logo_print {
display: none;
}

/**************************
PPP - Estuctura
***************************/

html {
font-size: 14px;
background-color: var(--bgpage);
}

body,
button,
input,
select,
textarea {
font-family: 'IBM Plex Sans', helvetica, arial, sans-serif;
font-weight: 400;
font-size: 1.125rem;
line-height: 1.333;
color: var(--bodytext);
background-color: var(--bgpage);
word-wrap: break-word;
}

.wrap, .home #masthead + .widget_block > .widget-wrap {
width: 95%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}

.wrap_XL {
width: 95%;
margin-left: auto;
margin-right: auto;
}

.graella, .graella_nogap, .graella_xl {
display: grid;
grid-template-columns: 2.5% 1fr 1fr 2.5%;
grid-gap: var(--gap);
}


/**************************
Generals
***************************/

a,
a:visited {
color: var(--bodytext);
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
}

a {
text-underline-offset: 4px;
text-decoration-thickness: 1.5px;
text-decoration-color: var(--lila);
transition: text-decoration-color 0.2s ease-in-out;
}

.activitat_teaser h2 a {
text-decoration: none;
transition: none;
}

a:hover,
a:focus,
a:active,
.wp-block-file a:hover:first-of-type,
.location_info a:hover,
.activitat_teaser h2 a:hover {
text-decoration: underline;
text-decoration-thickness: 1.5px;
text-decoration-color: var(--verd);
transition: text-decoration-color 0.2s ease-in-out;
}

.activitat_teaser h2 a:hover {
transition: none;
}

a:focus {
outline: thin dotted;
}

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

p,
ul,
ol {
margin-top: 0;
margin-bottom: 1em;
}

ul,
ol {
margin: 0 0 1.5em 0;
padding-left: 1em;
list-style-type: none;
}

strong, b {
font-weight: 700;
}

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

figcaption {
font-size: 0.875rem;
}

h1, h2, h3, h4 {
}

h2, h3 {
color: var(--lila);
}

h3 {
font-size: 1.5rem;
}

.boto a,
.boto a:visited,
.home_botons a,
.home_botons a:visited,
button,
html input[type="button"],
.wp-block-button a.wp-block-button__link,
.wp-block-button a.wp-block-button__link:visited {
display: block;
background-color: transparent;
text-transform: uppercase;
border: 1px solid var(--lila);
padding: 13px 33px;
text-decoration: none;
color: var(--lila);
border-radius: 0;
font-weight: 700;
transition: background-color 0.2s ease-in-out;
}

.home_botons a,
.home_botons a:visited {
border: 1px solid var(--verd);
color: #fff;
font-weight: 500;
}

.boto a:hover,
.home_botons a:hover,
.wp-block-button a:hover {
background-color: var(--verd);
color: var(--lila);
transition: background-color 0.2s ease-in-out;
}

.wp-block-buttons > .wp-block-button {
margin-top: 2em;
width: 100%;
}

.boto_xl a,
.boto_xl a:visited,
.home #masthead + .widget_block .boto_xl a,
.home #masthead + .widget_block .boto_xl a:visited,
.wp-block-button.boto_submit a.wp-block-button__link {
line-height: 1;
border: var(--borderlila);
background-color: var(--verd);
color: var(--lila);
text-decoration: none;
transition: all 0.2s;
font-size: 1.25rem;
text-transform: uppercase;
font-weight: 700;
display: block;
text-align: center;
padding: 16px;
}

.boto_xl a:hover,
.wp-block-button.boto_submit a.wp-block-button__link:hover,
.home #masthead + .widget_block .boto_xl a:hover {
text-decoration: none;
background-color: var(--lila);
color: var(--verd);
transition: all 0.2s;
}

.boto_xl .arrow_right_lila {
width: 26px;
height: 15px;
background: url(img/arrow_right_lila_verd.svg) no-repeat top left;
display: inline-block;
}

.boto_xl a:hover .arrow_right_lila {
background-position: left -116px;
}

.arrow_right_verd {
width: 26px;
height: 15px;
background: url(img/arrow_right_lila_verd.svg) no-repeat left -116px;
display: inline-block;
}

a:hover .arrow_right_verd {
background-position: left top;
}

.boto_xl img {
margin-left: 12px;
vertical-align: middle;
}

.wp-block-buttons > .wp-block-button.boto_submit {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}

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;
}

input#s {
background-color: #fff;
border: 1px solid #ccc;
padding: 4px 12px;
}

.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;
}

button.cm-btn {
display: inline-block;
}

.ico_up {
position: fixed;
right: 20px;
bottom: 20px;
margin: 0;
-webkit-transform: none !important;
}

.ico_up a {
width: 20px;
height: 20px;
background: url(img/ico_up.svg) no-repeat center center;
background-size: contain;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
opacity: 0.8;
transition: opacity 0.3s ease-in-out;
}

.ico_up a:hover {
opacity: 1;
transition: opacity 03s ease-in-out;
}


/**************************
PPP - HEADER
***************************/

#masthead {
display: flex;
flex-direction: column;
}

nav {
order: 1;
}

.header_inner {
order: 2;
padding-top: 40px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.possible-square {
text-align: center;
}

.home_cara {
order: 2;
margin: 0 auto;
max-width: 320px;
margin-top: 1em;
}

.header_title {
text-align: center;
}

:not(.home) .header_title {
order: 1;
}

.header_title h1 {
width: 114px;
height: 16px;
background: url(img/logo_isea2022_nom.svg) no-repeat center center;
background-size: contain;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin: 0 auto 30px auto;
}

body:not(.home) .header_title a {
width: 150px;
height: 100px;
background: url(img/logo_isea2022_complet.svg) no-repeat center center;
background-size: contain;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin: 28px auto 30px auto;
display: block;
}

#logo {
width: 45px;
height: 45px;
}

#logo:hover {
cursor: pointer;
}

.header_title #logo {
margin-bottom: 30px;
}

.home .possible-square img {
display: block;
margin: 0 auto;
}

h1.main_title,
h2.main_title {
font-weight: 300;
font-size: 2rem;
color: var(--verd);
text-align: center;
letter-spacing: 5px;
text-shadow: 0 0 20px #2B00B3;
text-transform: uppercase;
margin: 2vmax 5% 40px 5%;
}

h2.main_title {
margin-top: 60px;
margin-bottom: 40px;
}

h2.main_title a, h2.main_title a:visited {
color: var(--verd);
text-decoration: none;
}

h1.main_title:after,
h2.main_title:after {
content: "";
display: block;
background: var(--verd);
position: relative;
bottom: -14px;
height: 1px;
width: 44px;
margin: 0 auto;
}

.header_title h2 {
font-size: 1rem;
font-weight: 400;
color: #fff;
text-align: center;
margin-top: 40px;
margin-bottom: 20px;
}

.home_botons ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
margin: 0;
padding: 0;
}

.home_botons ul li {
margin: 0;
}

#cercador {
display: none;
}

.search_hamb  {
display: flex;
padding-top: 10px;
}

input#s {
max-width: 225px;
}

input#searchsubmit {
width: 30px;
height: 30px;
text-indent: -999em;
background: url(img/lupa.svg) no-repeat left top transparent;
background-size: contain;
padding: 0;
}

.alerta_deadline {
font-size: 2.25rem;
text-transform: uppercase;
text-align: center;
margin-bottom: 0;
font-weight: 600;
border-top: 1px solid var(--verd);
letter-spacing: 8px;
}

.alerta_deadline a,
.alerta_deadline a:visited {
display: block;
color: var(--verd);
background-color: var(--lila);
padding: 20px 30px;
transition: none;
}

.alerta_deadline a:hover {
text-decoration: none;
color: var(--lila);
background-color: var(--verd);
transition: none;
}

/**************************
PPP - COMPONENTS
***************************/


/* ACCORDIONS */

.c-accordion__item {
background-color: #fff;
background-image: linear-gradient(180deg, #FFFCFC 0%, #FEF0F0 100%);
box-shadow: 0 0 20px rgba(0,0,0,0.15);
border-radius: 8px;
margin-bottom: 10px;
padding: 0 var(--padding-hS);
}

.c-accordion__title {
font-size: 1.25rem;
line-height: 1.166;
font-weight: 600;
margin: 0;
padding: var(--gap) 40px var(--gap) 0;
}

.c-accordion__title::after {
color: var(--lila);
font-size: 3.5rem;
font-weight: 300;
transition: color 0.2s ease-in-out;
}

.c-accordion__title:hover::after {
color: var(--verd);
transition: color 0.2s ease-in-out;
}

.c-accordion__content {
max-width: 780px;
padding-bottom: 40px;
}

.c-accordion__item li {
margin-bottom: 1em;
list-style-image: url(img/bullet_verd_M.svg);
}

/* Block "files" GUTENBERG */

.wp-block-file {
display: flex;
margin-bottom: 0;
}

.wp-block-file a:first-of-type {
font-size: 1.25rem;
font-weight: 600;
text-transform: uppercase;
color: var(--lila);
text-decoration: none;
}

.wp-block-file .wp-block-file__button {
order: -1;
width: 20px;
height: 27px;
background: url(img/ico_download.svg) no-repeat center center;
background-size: contain;
text-indent: -999em;
margin: 0 15px 0 0;
display: block;
border-radius: 0;
padding: 0;
}

.file_group > .wp-block-group__inner-container {
display: flex;
}

.file_group > .wp-block-group__inner-container .wp-block-file {
margin: 0 var(--gapL) 0 0;
}

/* FILTRES IMATGES */

img.filter {
  filter:url('#svgTint');
}

img.filter-firefox { 
filter: sepia(1) saturate(1.5) hue-rotate(189deg) ;
}

/**************************
ISEA - HOME
***************************/

.home_cara img {
mix-blend-mode: darken;
width: 70%;
margin: 2em auto 0 auto;
display: block;
}

.home #masthead {
background-image: linear-gradient(-60deg, #03FFE1 21%, #4B2EFC 70%, #3900EB 100%);
}

.home_video {
background-color: var(--lila);
}

#block-5 p {
margin: 0;
}

.home #masthead + .widget_block#block-8 {
padding: var(--gap) 0;
border-top: var(--borderlila);
border-bottom: var(--borderlila);
}

#block-8 h2 {
max-width: 300px;
margin: 0 auto;
}

.home #masthead + .widget_block {
background-color: var(--verd);
color: var(--lila);
padding: var(--gapS) 0;
}

.home #masthead + .widget_block a,
.home #masthead + .widget_block a:visited {
color: var(--lila);
text-decoration: underline;
}

.graella_temes .tema_info {
margin: var(--padding-vS) 20px var(--padding-vS) 36px;
}

.graella_temes .tema1 svg {
width: 250px;
}


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

/* Pagines en general */

#main {
padding-bottom: 30px;
}

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

.box li {
margin-bottom: 0.5em;
list-style-image: url(img/bullet_verd_S.svg);
}

/* Caixes genèriques contingut */

.box {
background-color: #fff;
background-image: linear-gradient(180deg, #FFFCFC 0%, #FEF0F0 100%);
box-shadow: 0 0 20px rgba(0,0,0,0.15);
border-radius: 8px;
margin-bottom: 30px;
overflow: hidden;
padding: var(--padding-vS) var(--padding-hS);
}

.box_destacat {
font-weight: 600;
font-size: 1.5rem;
line-height: 1.1666;
color: var(--lila);
margin-bottom: 1.5em;
margin-bottom: 0;
max-width: 760px;
}

.box_destacat  + .box_content {
padding-top: 0;
}

/* TÉ THUMBNAIL */

.has_thumbnail .box_thumbnail img,
.wp-block-media-text__media img,
.box_destacat img {
display: block;
border-radius: 3px;
}

.has_thumbnail .box_thumbnail {
margin-bottom: var(--gap);
}

.box_main .box_thumbnail {
order: 2;
margin-top: var(--gap);
}

.box_main .box_txt {
order: 1;
}

/* PLANTILLA AMB FOTOS A SANG */

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

.no-margin .box_main .box_thumbnail,
.box_xtra.no-margin .box_thumbnail {
order: 2;
position: relative;
left: calc(var(--padding-h) * -1);
margin-bottom: calc(var(--padding-v) * -1);
margin-top: var(--gap);
max-width: 300px;
}

.no-margin .box_main .box_txt {
order: 1;
}



/* BOX XTRA - Títol + text */

.box_title_text .box {
padding: 0;
}

.box_title_text .box_destacat {
padding: var(--padding-vS) var(--padding-hS);
}

.box_title_text .box_content {
padding: 0 var(--padding-hS) var(--padding-vS) var(--padding-hS);
}

.destacado_fondo .box_destacat {
background-image: linear-gradient(135deg, #2B00B3 0%, #521AFF 40%, #1EB1EC 82%, #1ABEEA 100%);
max-width: none;
}

.destacado_fondo .box_destacat h2 {
color: #fff;
}

/* LAYOUT COLUMNES */

.box-columns .box_txt {
column-width: 300px;
column-gap: var(--gapL);
column-rule: 1px solid var(--lila);
widows: 2;
orphans: 2;
}

.box-columns.two-columns .box_txt {
column-width: 400px;
column-gap: var(--gapXL);
}

.txt_highlight {
font-size: 1.25rem;
line-height: 1.4;
font-weight: 500;
column-span: all;
margin-bottom: 40px;
}

.box-columns .txt_highlight h2 {
margin: 0;
color: var(--lila);
}

.box-columns .wp-block-buttons {
column-span: all;
}

/* BOX NO PADDING  - Logos organizers, Venues */

.box-nopadding .box {
padding: 0;
}

.box-nopadding .box_txt {
padding: var(--padding-v) var(--padding-h);
}

/*********************
 BOX EXTRA REPETIDES 
**********************/

.box_xtra h2 {
font-size: 1.75rem;
}

.box_xtra h3 {
font-size: 1.5rem;
color: var(--lila);
margin-top: 1.5em;
margin-bottom: 0.5em;
}

.box_xtra h4 {
margin-top: 1.5em;
}

.box_xtra.box-title .box,
.box_xtra_grid_container .box-title .box {
display: none;
}

/* PÀGINA SENSE FONS - NO BACKGROUND */

.box.no-background  {
background-color: transparent;
background-image: none;
box-shadow: none;
border-radius: 0;
padding: 0;
}

/* Caixa extra sense fons */

.box_transparent .box {
background-color: transparent;
background-image: none;
box-shadow: none;
padding: 0;
border-radius: 0;
}

/* Caixa amb botó CTA */

.box_cta {
max-width: 600px;
margin-left: auto;
margin-right: auto;
grid-column: 1 / -1;
}

/* Caixa sense títol h2 */

.box_noh2 h2 {
display: none;
}

/* GRAELLA 2x2 - TEMPLATES */

.box_grid_2x2 > .wp-block-group__inner-container {
display: grid;
grid-template-columns: 1fr;
grid-gap: var(--gapS);
}

.box_one_2x2 {
background-color: #fff;
background-image: linear-gradient(180deg, #FFFCFC 0%, #FEF0F0 100%);
box-shadow: 0 0 20px rgba(0,0,0,0.15);
border-radius: 8px;
padding: var(--padding-vS) var(--padding-hS);
}

.box_one_2x2 h3 {
font-size: 1.25rem;
line-height: 1.166;
font-weight: 500;
margin: 0 0 40px 0;
color: var(--bodytext);
}

/**************************
ISEA - ESPECÍFICS PÀGINES
***************************/

/* PÀGINA ABOUT ISEA INTERNATIONAL .page-id-75 */

.page-id-75  .box_xtra_grid_container {
grid-gap: var(--gapS);
}

.page-id-75 .box_xtra_grid:not(.box-100) .box {
padding: var(--gap);
margin-bottom: var(--gapS);
}

.page-id-75 .box_grid_content {
display: grid;
grid-template-columns: 80px 1fr;
grid-template-areas: "thumbnail box_txt";
grid-gap: var(--gapS);
}

.page-id-75 .box_grid_content h3 {
font-size: 1.25rem;
margin: 0 0 0.25em 0;
}

.page-id-75 .box_grid_content {
font-size: 0.9375rem;
}

.page-id-75 .box_xtra_grid .box_thumbnail img {
width: 80px;
height: 80px;
object-fit: cover;
object-position: center center;
border-radius: 4px;
}

/* ORGANIZATION  */

.page-id-129 .box_xtra_grid:not(.box-100) .box {
padding: 0;
}

.page-id-129 .box_xtra_grid .box_thumbnail {
background-color: var(--bggris);
text-align: center;
}

.page-id-129 .box_xtra_grid .box_thumbnail img {
width: 200px;
height: 60px;
object-fit: contain;
object-position: left center;
}

.page-id-129 .box_xtra_grid .box_thumbnail {
padding: var(--padding-vS) var(--padding-hS);
}

.page-id-129 .box_xtra_grid:not(.box-100) .box_txt {
padding: 0 var(--padding-hS) var(--padding-vS) var(--padding-hS);
}

/* CALL FOR PARTICIPATION  */

.page-id-67 .box_highlight {
font-size: 2rem;
}

.page-id-57 h2.c-accordion__title strong,
.page-id-57 .box-3columns h3 strong,
.page-id-67 .box-3columns h3 strong {
font-size: 0.625rem;
background-color: var(--verd);
display: inline-block;
border-radius: 20px;
padding: 2px 10px;
position: relative;
top: -10px;
}

.page-id-57 h2.c-accordion__title strong {
font-size: 0.75rem;
}

.page-id-57 h2.c-accordion__title em strong,
.page-id-57 .box-3columns h3 em strong,
.page-id-67 .box-3columns h3 em strong {
background-color: var(--lila);
color: var(--verd);
font-style: normal;
}

/* PRECONFERENCE */

.logo-preconf img {
width: 160px;
height: 80px;
object-fit: contain;
object-position: center center;
margin-right: 30px;
mix-blend-mode: multiply;
}

/* International program .page-id-229 */

.page-id-229 .box_txt h2:not(:first-of-type){
margin-top: 2em;
}

.page-id-229 .box li {
list-style-image: none;
list-style-type: none;
}

/* VENUE .page-id-347 */

.box_destacat .graella_location_venue {
font-weight: 400;
}

.page-id-347 .box_destacat {
margin-bottom: 0;
max-width: none;
}

.page-id-347 .box_thumbnail {
padding: var(--padding-v) var(--padding-h) 0 var(--padding-h);
max-width: 350px;
margin: 0;
}

.page-id-347 .box_thumbnail img,
.page-id-347 .box_destacat img {
border-radius: 0;
}

.page-id-347 section.box .box_txt {
display: grid;
grid-template-columns: 1fr;
grid-auto-rows: 1fr;
grid-gap: var(--gapS);
}

.graella_location_venue_mini {
display: grid;
grid-template-columns: minmax(50px, 150px) minmax(160px, 250px);
border-radius: 8px;
background-color: #fff;
overflow: hidden;
box-shadow: 0 0 20px rgba(0,0,0,0.15);
}

.graella_location_venue_mini a {
text-decoration: none;
}

.home_venue_mini {
margin: 0;
}

.home_venue_mini .location_foto img,
.graella_location_venue_mini img {
width: 100%;
height: 100%;
object-fit: cover;
}

p.location_foto_mini {
margin-bottom: 0;
}

.location_info_mini {
padding: var(--gapS);
display: flex;
flex-direction: column;
}

.location_info_mini .location_venue {
font-size: 0.875rem;
}

.location_info_mini h2 {
margin-top: 0;
font-size: 1.125rem;
line-height: 1.1;
}

.location_info_mini h2 a {
color: var(--lila);
}

.location_info_mini .location_adreca,
.location_info_mini .location_link  {
font-size: 1rem;
margin-top: 0;
}

.location_info_mini .location_link {
margin-bottom: 1em;
}

.location_anchor {
font-size: 0.875rem;
margin-top: auto;
margin-bottom: 0;
line-height: 1.1;
}

.location_anchor a {
font-weight: 700;
color: var(--lila);
}

.location_anchor::after {
content: url(img/arrow_down_lila2.svg);
margin-left: 6px;
position: relative;
top: 2px;
}

/* Registration page-id-847 */

.page-id-847 .wp-block-table th,
.page-id-847 .wp-block-table td {
padding: 10px 5px;
border-bottom: var(--borderverd);
font-weight: 400;
font-size: 1rem;
}

.page-id-847 .wp-block-table th {
text-align: left;
font-size: 0.75rem;
}

.page-id-847 .wp-block-table figcaption {
margin-top: 20px;
}

.page-id-847 h3#full-registration {
margin-top: 0;
}

.page-id-847 #box_1 .box_destacat {
display: flex;
flex-direction: column;
}

.page-id-847 #box_1 .boto_xl {
margin-top: auto;
font-size: 1.125rem;
}

.page-id-847 .box.no-background,
.page-id-861 .box.no-background {
margin-bottom: 0;
}

.page-id-847 .box_xtra .box,
.page-id-861 .box_xtra .box {
margin-bottom: 20px;
}

.page-id-847 .box-3columns a[href*="mailto"] {
white-space: nowrap;
}

/* Collaborators - llistat logos */

.page-id-2256 .wp-block-gallery.has-nested-images {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-gap: var(--gapL);}

.page-id-2256 .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
width: auto !important;
display: flex;
align-items: center;
margin: 0;
}

.page-id-2256 .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) img {
margin-bottom: 0;
}

.page-id-2256 .box {
background-image: none;
}

.page-id-2256 .wp-block-gallery {
margin-bottom: var(--gapXXL);
}

/**************************
ISEA - THEMES - Graella home, submenú interiors i capçaleres
***************************/

/* Home */

.graella_temes {
border-bottom: var(--borderverd);
}

.graella_temes ul {
display: grid;
grid-template-columns: 1fr;
grid-auto-rows: minmax(200px, 1fr);
grid-gap: 1px;
background-color: var(--verd);
margin: 0;
padding: 0;
}

.graella_temes li {
display: flex;
flex-direction: column;
justify-content: flex-end;
background-size: cover;
filter: saturate(100%);
transition: all 0.3s ease-in-out;
}

.graella_temes .llistat_temes li:first-of-type {
background-image: linear-gradient(-46deg, #03FFE1 0%, #4B2EFC 53%, #3900EB 100%);
}

.graella_temes .llistat_temes li:hover {
cursor: pointer;
filter: saturate(150%) contrast(1.2);
transition: all 0.3s ease-in-out;
}

/* Interior */

.tema_info {
margin: 36px 20px 0 23px;
position: relative;
}

.menu_temes .tema_info {
margin: 0 0 10px 0;
}

.menu_temes .tema1 .tema_info {
margin-bottom: 26px;
}

.menu_temes ul {
padding: 0  var(--gap);
margin: 0 0 30px 0;
}

.tema_tipus {
text-transform: uppercase;
font-size: 0.8125rem;
color: var(--verd);
border-bottom: var(--borderverd);
padding-bottom: 2px;
transform: rotate(-90deg);
transform-origin: bottom left;
position: absolute;
left: 0;
bottom: 5px;
margin: 0;
}

.menu_temes .tema_tipus {
transform: none;
position: static;
margin-bottom: 10px;
}

.llistat_temes .tema3 .tema_tipus,
.llistat_temes .tema4 .tema_tipus,
.llistat_temes .tema5 .tema_tipus {
display: none;
}

.box .tema_tipus {
font-size: 0.875rem;
letter-spacing: 1px;
}

.taxonomy-subtheme .box {
padding: 0;
}

.taxonomy-subtheme header {
padding: var(--padding-v) var(--padding-h) 30px var(--padding-h);
}

.box.maintheme .tema_tipus {
color: var(--lila);
}

.box_content_maintheme, .box_content_subtheme {
padding: var(--padding-h);
}

.graella_temes h2,
.box.subtheme h2 {
font-size: 1.75rem;
line-height: 1.1;
letter-spacing: 0.16px;
text-transform: uppercase;
margin: 0 0 0 8px;
color: #fff;
}

.box.subtheme header{
min-height: 180px;
}

.llistat_temes p.tema_titol {
font-size: 1rem;
line-height: 1;
letter-spacing: 0.11px;
text-transform: uppercase;
margin: 0;
font-weight: 600;
}

.box .tema_info h2 {
margin: 0 0 0 20px;
}

.llistat_temes a,
.llistat_temes a:visited {
display: block;
text-decoration: none;
color: #fff;
transition: color 0.2s ease-in-out;
}

.llistat_temes a:hover {
color: var(--verd);
transition: color 0.2s ease-in-out;
}

#possibles header{
background: url(img/bg_possibles.png) no-repeat left top;
background-size: 100% auto;
}

#possibles svg {
width: 250px;
}

.subtheme header {
background-repeat: no-repeat;
background-position: left center;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: flex-end;
}

.term-possibles .menu_temes .tema1 a,
.term-humans-and-no-humans .menu_temes .tema2 a,
.term-natures-and-worlds .menu_temes .tema3 a,
.term-futures-and-heritages .menu_temes .tema4 a,
.term-educations-and-societies .menu_temes .tema5 a {
color: var(--verd);
}


/* Llistat tags subtheme - versió en VERD */

ul.llistat_tags {
font-size: 1.25rem;
line-height: 1.3;
font-weight: 600;
display: flex;
flex-wrap: wrap;
color: var(--lila);
background-color: var(--verd);
text-align: center;
justify-content: center;
margin: 0;
padding: 22px var(--gapS);
font-style: italic;
}

ul.llistat_tags li {
list-style-type: none;
list-style-image: none;
margin: 0;
}

ul.llistat_tags li::before {
content: "·";
color: #fff;
margin: 0 7px 0 10px;
}

.llistat_preguntes ul {
font-size: 1.25rem;
line-height: 1.1666;
font-weight: 600;
color: var(--lila);
margin: 0 0 1.5em 0;
}

.llistat_preguntes ul li {
list-style-image: url(img/bullet_verd_S.svg);
margin: 0 0 0.5em 8px;
padding: 0;
}

/**************************
ACTIVITIES
***************************/

.program_description.box {
padding: var(--padding-v) var(--padding-h);
height: 100%;
margin: 0;
}

.program_map {
margin: var(--gap) 0;
border-radius: 8px;
overflow: hidden;
}

.graella_program_teasers {
display: grid;
grid-template-columns: 1fr;
grid-gap: var(--gap);
}

.activitat_teaser.box {
padding: 0;
margin: 0;
height: 100%;
order: 1;
}

.activitat_teaser.box.passat {
order: 2;
filter: grayscale(1);
opacity: 0.8;
transition: all 0.3s;
}

.activitat_teaser.box.passat:hover {
filter: grayscale(0);
opacity: 1;
transition: all 0.3s;
}

.activitat_teaser figure {
margin: 0;
}

.activitat_teaser .box_txt {
padding: var(--padding-vXS) var(--padding-hXS);
font-size: 0.9375rem;
}

.activitat_teaser h2 {
font-size: 1.25rem;
margin-top: 0;
}

.activitat_teaser h2 a {
color: var(--lila);
}

.data_ppp {
font-size: 0.8125rem;
margin-bottom: 0.5em;
}

/* Mapa */

#mapid.leaflet-container, #mapid.leaflet-container .terms, #mapid.leaflet-container .venues {
font-family: 'IBM Plex Sans', helvetica, arial, sans-serif;
font-size: 0.875rem;
}

#mapid.leaflet-container .venues ul {
color: var(--lila);
font-weight: 700;
padding-left: 0;
margin: 0;
}

#mapid.leaflet-container p.address {
margin-top: 0;
}

#mapid.leaflet-container a {
color: var(--lila);
}

#mapid.leaflet-container h2.map-title.teaser-title {
margin-top: 0;
font-size: 1rem;
}

.leaflet-popup-content-wrapper {
overflow: hidden;
border-radius: 8px;
padding: 20px;
}

.term-extended-program .leaflet-popup-content-wrapper {
padding: 0;
}

.leaflet-popup-content, #mapid.leaflet-container figure.box_thumbnail {
margin: 0;
}

 .leaflet-popup-content p {
line-height: 1.2;
font-size: 0.8125rem;
margin: 0 0 0.25em 0;
}

#mapid.leaflet-container .box_txt {
padding: var(--padding-vXS) var(--padding-hXS);
}


/* SINGLE EVENT */

.single-event .program_type ul {
margin: 0;
padding: 0;
}

.single_event_header {
border-radius: 8px 8px 0 0;
overflow: hidden;
}

.single_event_header h1 {
margin-top: var(--padding-v);
}

.single_event_header img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.postid-2456 .single_event_header_thumbnail {
background-color: #000;
display: flex;
flex-direction: column;
justify-content: center;
}

.postid-2456 .single_event_header img {
height: auto;
object-fit: contain;
}

.single_event_header {
background-color: var(--lila);
}

.single_event_header_info {
color: var(--verd);
padding: 5px var(--padding-hS) var(--padding-vXS) var(--padding-hS);
}

.single_event_meta {
font-size: 0.875rem;
margin: 0 0 0.5em 0;
color: var(--verd);
}

.single_event_meta a, .single_event_meta a:visited {
color: var(--verd);
}

.single_event_meta p, .single_event_meta ul, .single_event_meta li {
margin: 0;
}

.single_event_meta ul {
padding-left: 3px;
}

.single_event_meta > *, .single_event_meta > p {
margin-bottom: 0.25em;
}

.single_event_meta .meta_typology, .single_event_meta .meta_typology ul {
display: flex;
}

.single_event_meta .meta_typology li::after {
content: ", ";
margin-right: 3px;
}

.single_event_meta .meta_typology li:last-of-type::after {
content: "";
}

.single_event_content {
background-color: #fff;
padding: var(--padding-vS) var(--padding-hS);
}

.single_event_txt li {
margin-bottom: 1.5em;
list-style-image: url(img/bullet_verd_S.svg);
}

.single-event .video-wrapper {
margin-bottom: 2em;
}

.single_event_venue_info {
color: var(--verd);
background-color: var(--lila);
padding: var(--padding-vS) var(--padding-hS);
}

.single_event_venue {
scroll-padding-top: 100px;
border-radius: 0 0 8px 8px;
overflow: hidden;
}

.single_event_venue_info .terms.venues ul {
padding: 0;
margin: 0;
font-size: 1.5rem;
line-height: 1.11;
margin: 0 0 20px 0;
font-weight: 700;
}

.single_event_map #mapid {
max-height: 300px;
}

.single-event .wp-block-columns {
margin: var(--gapL) 0;
}

.single-event .wp-block-columns h3 {
margin-top: 0;
}

.go-back {
margin-top: 1em;
color: var(--verd);
text-shadow: 0 0 20px #2B00B3;
display: flex;
}

.go-back a, .go-back a:visited {
font-weight: 600;
color: var(--verd);
margin-left: 0.25em;
}

.single_event_header .go-back {
font-size: 0.8125rem;
}

/* TAULA EXCEL */

body.page-template-page-sheet {
background: var(--lila);
}

body.page-template-page-sheet .header_title {
display: none;
}

.page-template-page-sheet h1.main_title {
margin-bottom: 0;
}

.page-template-page-sheet #main {
padding-bottom: 0;
}

.xls #top-bar {
border-bottom: none;
}

.xls #footer {
font-size: 0.75rem;
border: none;
background-color: #222;
color: #757575;
}

.xls #footer a {
color: #757575;
}

.xls #sheets-viewport {
width: 100%;
max-width: 100%;
overflow-x: scroll;
max-height: calc(100vh - 200px);
}

.xls table {
background-color: #fff;
font-size: 0.8125rem;
font-weight: 500;
}

.xls td {
border-bottom: 1px solid var(--verd);
border-right: 1px solid var(--verd);
padding: 10px;
vertical-align: top;
background-color: #fff;
background-clip: padding-box;
}

.xls tbody tr td:first-of-type,
.xls tbody tr th:first-of-type {
position: sticky;
left: 0;
z-index: 100;
width: 40px;
min-width: 40px;
background-color: #E0FFFB;
}

.xls tbody tr:hover td:first-of-type  {
background-color: var(--lila) !important;
color: var(--verd);
}

.xls tbody td:hover {
background-color: #F7F5FF !important;
}

.xls tbody tr:first-of-type td,
.xls tbody tr:first-of-type th {
width: 200px;
min-width: 150px;
border-right: 1px solid #fff;
background-color: var(--verd);
font-weight: 700;
position: sticky;
top: 0;
z-index: 101;
}

.xls tbody tr th:first-of-type {
display: none;
}

.xls tbody tr:first-of-type td:first-of-type {
background-color: var(--verd);
}

.xls #top-bar {
padding: 0;
box-shadow: 0 5px 10px rgba(0,0,0,0.3);
position: relative;
z-index: 999;
}

.xls #top-bar #doc-title {
display: none;
}

.xls #sheet-menu {
display: flex;
flex-wrap: wrap;
gap: 1px;
border-top: var(--borderverd);
background-color: var(--lila);
padding: 0;
margin: 0;
}

.xls #sheet-menu li {
padding: 0;
width: 49%;
border-right: var(--borderverd);
}

.xls #sheet-menu li a,
.xls #sheet-menu li a:visited {
padding: 12px 16px;
color: var(--verd);
background-color: var(--lila);
font-size: 0.875rem;
font-weight: 700;
text-decoration: none;
display: block;
}

.xls #sheet-menu li.active {
background-color: transparent;
border: none;
}

.xls #sheet-menu li.active a,
.xls #sheet-menu li.active a:visited {
background-color: #fff;
color: var(--lila);
}

.xls #sheet-menu li.active a::after {
content: "";
width: 0.75em;
height: 0.75em;
display: inline-block;
background: url(img/arrow_45_lila.svg) no-repeat left bottom;
background-size: auto;
background-size: contain;
margin-left: 0.5em;
}



/**************************
PPP - FOOTER
***************************/


/* LOGOS PREFOOTER */

.logos {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
grid-gap: var(--gap);
padding: 35px var(--padding-h)30px var(--padding-h);
background-color: #F3F0FF;
justify-items: center;
align-items: center;
}

.logos a {
display: block;
}

.logos img {
max-height: 70px;
width: auto;
}

/* FOOTER */

footer.graella_xl {
display: block;
background-color: #000078;
color: #BEBEDC;
font-size: 0.875rem;
padding: 35px calc(2.5% + 24px) 40px calc(2.5% + 24px);
position: relative;
padding-bottom: 60px;
}

.footer_info img {
margin-left: 12px;
}

/*.footer_logos {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: var(--gap);
align-items: center;
padding: 60px 0;
}*/

.footer_logos,
.footer_logos_media {
display: flex;
column-gap: 20px;
margin: var(--gap) 0;
}

.footer_logos img,
.footer_logos_media img {
max-height: 36px;
}

.footer_logos_media {
width: 200px;
flex-wrap: wrap;
}

.footer_logos_media p {
margin-bottom: 0;
}

.footer_logos_media .footer_logos_titol {
width: 100%;
line-height: 1;
border-bottom: 1px solid rgba(255,255,255,0.5);
padding-bottom: 4px;
}

.footer_logos_media img {
opacity: 80%;
}

footer a,
footer a:visited {
color: #bebedc;
}

.legal {
position: absolute;
bottom: 10px;
}

/* ISEA - MÒDUL NEWSLETTER */

.newsletter {
grid-template-areas:
". newsletter_info newsletter_info ."
". boto_xl boto_xl .";
align-items: center;
background-color: var(--verd);
color: var(--lila);
padding: 45px 0;
font-size: 1.25rem;
font-weight: 500;
}

.newsletter_info {
grid-area: newsletter_info;
margin-bottom: 0;
}

.boto_xl {
grid-area: boto_xl;
margin-bottom: 0;
}


/* ISEA - MÒDUL CONTACTE */

.graella_location_home,
.graella_location_venue {
background-color: var(--lila);
}

.location_foto {
margin-bottom: 0;
}

.location_foto img {
width: 100%;
height: 180px;
object-fit: cover;
object-position: center center;
}

.location_info {
color: var(--verd);
padding: var(--gap) var(--padding-h);
}

.location_info a,
.location_info a:visited {
color: var(--verd);
text-decoration: none;
}

.location_venue,
.location_gmaps {
font-size: 0.875rem;
margin-bottom: 0.25em;
}

.location_info h2 {
font-size: 1.5rem;
line-height: 1.11;
margin: 0 0 20px 0;
color: var(--verd);
}

.location_adreca,
.location_link {
font-size: 1.125rem;
margin-bottom: 0;
}

.location_adreca {
margin-bottom: 0.125em;
}

.location_gmaps {
margin-bottom: 15px;
}

.location_gmaps img {
vertical-align: middle;
margin-left: 2px;
width: 14px;
display: inline;
}

/* ISEA - Organizing Comitee (160) i international program (229) */

.page-id-160 .box_txt h2 {
font-size: 1rem;
margin: 0 0 0.1em 0;
text-transform: uppercase;
font-weight: 600;
}

.page-id-160 .box_txt h2 strong {
font-size: 1.25rem;
margin-top: 3em;
font-weight: 700;
display: block;
}

.page-id-160 .box-columns .box_txt {
column-width: initial;
}

.page-id-160 .box-columns .box_txt ul:last-of-type {
margin-bottom: 0;
}

.page-id-229 .box_txt ul {
column-width: 200px;
column-rule: var(--borderlila); 
gap: var(--gapL);
}

.page-id-160 .box_txt ul,
.page-id-229 .box_txt ul {
font-size: 0.8125rem;
padding: 0;
margin: 0 0 var(--gap) 0;
}

.page-id-160 .box_txt li,
.page-id-229 .box_txt li {
margin-bottom: 0.25em;
}

.page-id-160 .box_txt li {
list-style-image: none;
list-style-type: none;
}

.page-id-160 .box_txt li strong,
.page-id-229 .box_txt li strong {
font-size: 0.875rem;
font-weight: 600;
text-transform: uppercase;
}

/* ISEA - PÀGINA PROGRAMA */

.page-id-712 .box_txt h2 {
font-size: 1.125rem;
display: block;
}

.page-id-712 .box_txt h2::after {
content: "";
width: 0.8em;
height: 0.8em;
display: inline-block;
background: url(img/arrow_down_lila.svg) no-repeat left bottom;
background-size: contain;
margin-right: 0.5em;
float: right;
transition: all 0.4s ease-in-out;
position: relative;
top: 3px;
}

.page-id-712 .box_txt h2.desplegat::after {
transform: rotate(180deg);
position: relative;
top: 5px;
transition: all 0.4s ease-in-out;
}

.page-id-712 .box_txt .wp-block-group {
border-bottom: var(--borderverd);
}

.page-id-712 .box_txt ul {
padding: 0;
margin-left: 0;
display: none;
}

.page-id-712 .box .box_txt li[class*="color"],
.page-id-712 .box_txt .color3_desktop,
.page-id-712 .box_txt .color4_desktop {
list-style-image: none;
list-style-type: none;
font-size: 0.9375rem;
font-weight: 500;
margin-bottom: 5px;
padding: 14px;
line-height: 1.1;
/* min-height: 60px;*/
}

.page-id-712 .box_txt .color3_desktop,
.page-id-712 .box_txt .color4_desktop {
display: none;
}

.program_footnote {
font-size: 0.875rem;
color: #666;
grid-column: 1 / -1;
margin-top: 60px;
}

.page-id-712 .box_txt a {
text-decoration: none;
}

.page-id-712 .box_txt a::after {
content: "\2192";
color: var(--bodytext);
margin-left: 4px;
margin-right: 10px;
transition: all 0.2s;
}

.page-id-712 .box_txt a:hover::after {
margin-left: 8px;
transition: all 0.2s;
}

.page-id-712 .box_xtra p {
font-weight: 700;
margin: 0;
}

.page-id-712 .box_xtra a {
color: var(--lila);
}


/* PÀGINA INFO BARCELONA / TRANSPORT */

.page-id-785 .box.box_main {
padding: 0;
}

.page-id-785 .box-columns .box_txt,
.page-id-796 .box-columns .box_txt {
column-width: initial;
}

.page-id-785 .box_xtra_grid_container .box_xtra_grid:not(.box-100) .box,
.page-id-796 .box_xtra_grid_container .box_xtra_grid:not(.box-100) .box {
padding: 0;
}

.page-id-785 .box_xtra_grid_container .box_thumbnail img,
.page-id-796 .box_xtra_grid_container .box_thumbnail img {
border-radius: 0;
}

.page-id-785 .box.box_main .box_txt p,
.page-id-785 .box_xtra_grid_container .box_txt,
.page-id-796 .box_xtra_grid_container .box_txt {
padding: var(--padding-vS) var(--padding-hS);
}

.page-id-785 .box_xtra_grid_container .box_txt a,
.page-id-796 .box_xtra_grid_container .box_txt a {
color: var(--lila);
text-decoration: none;
}

.page-id-785 .box_xtra_grid_container .box_txt a:hover,
.page-id-796 .box_xtra_grid_container .box_txt a:hover { 
text-decoration: underline;
}

.page-id-785 .box_xtra_grid h2,
.page-id-796 .box_xtra_grid h2 {
font-size: 1.5rem;
margin-top: 0;
}

.page-id-785 .box_destacat,
.page-id-796 .box_destacat {
margin-bottom: 0;
}

.page-id-785 .wp-block-columns figure,
.page-id-785 .wp-block-columns {
margin-bottom: 0;
}

.page-id-785 .box a[target="_blank"]::after,
.page-id-796 .box a[target="_blank"]::after {
content: url(img/arrow_right_lila.svg);
margin-left: 10px;
}

.page-id-800 .box_txt > .wp-block-media-text {
background-color: var(--verd);
box-shadow: 0 0 20px rgba(0,0,0,0.15);
border-radius: 8px;
margin-bottom: 10px;
margin-top: var(--gapL);
overflow: hidden;
}

.page-id-800 .box_txt th {
border-bottom: 2px solid var(--lila);
}

.page-id-800 .box_txt td {
border-bottom: 1px solid var(--verd);
padding: 10px;
}

.page-id-800 table,
.page-id-800 .box_txt .c-accordion__content .wp-block-media-text {
margin: 2em 0;
}

.page-id-800 .box_txt .c-accordion__content figure {
margin-bottom: 2em;
}

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


/* ANCHOR 600 */

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

/* HOME */

.graella_temes .tema1 svg,
#possibles svg {
width: auto;
}

.home_cara {
max-width: 400px;
}

.home_venue_mini {
display: grid;
grid-template-columns: 1fr 1fr;
}

.home_venue_mini:nth-of-type(2n) .location_foto {
order: 2;
}

.home_venue_mini:nth-of-type(2n) .location_info {
order: 1;
}

/* Caixes genèriques contingut */

.box {
padding: var(--padding-v) var(--padding-h);
}

/* GRAELLA 2x2 */

.box_grid_2x2 > .wp-block-group__inner-container {
grid-template-columns: 1fr 1fr;
grid-auto-rows: 1fr;
}

.box_one_2x2 {
padding: var(--padding-v) var(--padding-h);
}

.box_one_2x2 > .wp-block-group__inner-container {
display: flex;
flex-direction: column;
height: 100%;
}

.box_one_2x2 h3 {
font-size: 1.5rem;
margin: 0 0 70px 0;
}

.box_one_2x2 .wp-block-file {
margin: auto 0 0 0;
}

/* FOOTER */

.footer_logos {
grid-template-columns: repeat(3, 120px);
justify-self: end;
}

.footer_logos img {
max-height: 47px;
}

/* ISEA - Organizing Comitee (160) i international program (229) */

.page-id-160 .box_txt ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
column-gap: var(--gap);
text-align: center;
column-gap: var(--gapL);
}

.page-id-160 .box_txt h2 {
text-align: center;
font-size: 1.0625rem;
margin-bottom: 18px;
letter-spacing: 1px;
}

.page-id-160 .box_txt h2::after {
content: "";
display: block;
background: var(--verd);
position: relative;
bottom: -7px;
height: 2px;
width: 44px;
margin: 0 auto;
}

.page-id-229 .box_txt ul {
grid-column-gap: var(--gapL);
}

.page-id-160 .box_txt ul,
.page-id-229 .box_txt ul {
margin: 0 0 var(--gap) 0;
}

.page-id-160 .box_txt li,
.page-id-229 .box_txt li {
margin-bottom: 1em;
}

.page-id-160 .box_txt li strong {
font-size: 1rem;
letter-spacing: 0.25px;
display: block;
}


/* PÀGINA ABOUT ISEA INTERNATIONAL .page-id-75 */

.page-id-75 .box_grid_content {
grid-template-columns: 120px 1fr;
grid-gap: var(--gap);
}

.page-id-75 .box_xtra_grid .box_thumbnail img {
width: 120px;
height: 120px;
}

/* PÀGINA INFO BARCELONA / TRANSPORT */

.page-id-785  .box_xtra_grid_container,
.page-id-796  .box_xtra_grid_container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: var(--gap);
}

.page-id-785 .box.box_main .box_txt p {
padding: var(--padding-vS) var(--padding-hS) var(--padding-vS) 0;
}

.page-id-800 .box_txt .c-accordion__content figure {
margin-bottom: 0;
}

/* TAULA EXCEL */

.xls #sheet-menu li {
padding: 0;
width: 33%;
}

}



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

:root {
--padding-v: 46px;
--padding-h: 46px;
--padding-vS: 30px;
--padding-hS: 30px;
}

html {
font-size: 16px;
}

/* HOME */

.home_cara {
max-width: none;
}

/* PLANTILLA AMB GRAELLA DE BOX XTRA */

.box_xtra_grid_container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: var(--gap);
}

.box_xtra_grid_container .box-title,
.box_xtra_grid_container .box-100 {
grid-column: 1 / -1;
}

.box_xtra_grid:not(.box-100) .box {
margin: 0;
height: 100%;
padding: var(--padding-vS) var(--padding-hS);
}

/* ISEA - Organizing Comitee */

.page-id-160 .box_xtra_grid_container {
align-items: start;
}

.page-id-160 .box_xtra_grid:nth-of-type(1) {
grid-column: 1 / 2;
grid-row: 1 / 3;
}

.page-id-160 .box_xtra_grid:nth-of-type(2) {
grid-column: 2 / 3;
grid-row: 1 / 2;
}

.page-id-160 .box_xtra_grid:nth-of-type(3) {
grid-column: 2 / 3;
grid-row: 2 / 3;
}


/* ISEA - PÀGINA PROGRAMA */

.page-id-712 .box .box_txt li[class*="color"] {
padding: 10px;
}

/* Registration page-id-847 */

.page-id-847 .wp-block-table th,
.page-id-847 .wp-block-table td {
padding: 10px;
}

.page-id-847 .wp-block-table th {
font-size: 0.8125rem;
}

.page-id-847 .box_xtra .box,
.page-id-861 .box_xtra .box {
margin-bottom: 40px;
}

/* VENUES */

.page-id-347 section.box .box_txt,
.page-id-347 .graella_location_venue {
display: grid;
grid-template-columns: repeat(2, 1fr);
}



/* ACTIVITIES */

.graella_program_teasers {
grid-template-columns: 1fr 1fr;
}
}

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

:root {
--padding-v: 56px;
--padding-h: 56px;
--padding-hS: 36px;
}

.graella, .graella_nogap, .graella_xl {
grid-template-columns: 5% 1fr 1fr 5%;
}

/* GENERALS */

h1.main_title,
h2.main_title {
font-size: 2.25rem;
margin-bottom: 66px;
letter-spacing: 10.12px;
}

h2.main_title {
margin: 60px 0;
}

.boto_xl a,
.boto_xl a:visited,
.wp-block-button.boto_submit a.wp-block-button__link {
font-size: 1.5rem;
padding: 22px;
}

.ico_up {
right: 40px;
bottom: 40px;
}

.ico_up a {
width: 40px;
height: 40px;
}

/* HEADER */

.header_title h1 {
margin: 0 auto 20px auto;
}

body:not(.home) .header_title a {
width: 180px;
height: 53px;
background: url(img/logo_isea2022_text.svg) no-repeat center center;
}

.newsletter {
grid-template-areas: ". newsletter_info boto_xl .";
}

/* HOME */

.graella_temes h2,
.box.subtheme h2 {
font-size: 2.25rem;
}

.graella_temes ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
}

.graella_temes ul li:first-of-type {
height: 280px;
grid-column: 1 / -1;
}

.graella_temes .tema_info {
margin: 36px 20px 36px 46px;
}

/**************************
PPP - COMPONENTS
***************************/


/* ACCORDIONS */

.c-accordion__title {
font-size: 1.5rem;
padding: 36px 80px 36px 0;
}

.c-accordion__item {
padding: 0 var(--padding-h);
}

/* CAIXES */

.box {
margin-bottom: 80px;
}

.box header  {
padding-bottom: 40px;
}

.box_main .box_destacat {
font-size: 1.75rem;
}

.box.maintheme .box_destacat {
padding-right: var(--gap);
border-right: 1px solid var(--lila);
}

.box li {
list-style-image: url(img/bullet_verd_M.svg);
}

/* BOX amb contingut a 3 columnes / fet amb grid */

.box-3columns .box_txt,
.box-3columns .description {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: var(--gap);
}

.box_title_text.box-3columns .box_txt {
grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
grid-gap: var(--gapS);
}

.box-3columns .box_descripcio {
display: contents;
}

.page-id-67 .box-3columns h3 {
margin-top: 0;
}

/* BOX XTRA - Títol + text */

.box_title_text .box {
display: grid;
grid-template-columns: 1fr 2fr;
}

.box_title_text .box_destacat {
grid-column: 1 / 2;
padding: var(--padding-v) var(--gap) var(--padding-v) var(--padding-h);
margin-bottom: 0;
} 

.box_title_text .box_content {
grid-column: 2 / 3;
padding: var(--padding-v) var(--padding-h) var(--padding-v)  var(--gapL);
}

.box_title_text .box_destacat h2 {
margin-top: 0;
}

/* INTERIORS - Llistat temes */

.menu_temes .tema_tipus {
transform: rotate(-90deg);
transform-origin: bottom left;
position: absolute;
left: 0;
bottom: 0;
margin: 0;
z-index: 1;
}

.llistat_temes p.tema_titol {
margin: 0 0 0 8px;
}

.menu_temes {
margin-bottom: 40px;
}

.menu_temes .tema_info {
margin: 36px 10px 24px 26px;
}

.llistat_temes .tema3 .tema_tipus,
.llistat_temes .tema4 .tema_tipus,
.llistat_temes .tema5 .tema_tipus {
display: block;
}

.menu_temes ul {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
align-items: end;
margin: 0;
padding: 0;
}

.box.subtheme header{
min-height: 260px;
}

.box .subtheme .tema_info {
margin: 36px 20px 0 var(--padding-h);
}

.box_content_maintheme, .box_content_subtheme {
display: grid;
grid-template-columns: minmax(300px, 1fr) 2fr;
grid-template-areas: "destacat box_txt";
grid-gap: var(--gap);
padding: 66px 66px 122px 66px;
}

.box_content_subtheme {
grid-template-columns: 2fr minmax(300px, 1fr);
}

ul.llistat_tags {
padding: 22px 66px;
}

.llistat_preguntes {
border-right: 1px solid var(--verd);
padding-right: 30px;
}

.llistat_preguntes ul {
margin: 0;
}

.llistat_preguntes ul li {
list-style-image: url(img/bullet_verd_L.svg);
}

/* Footer */

footer.graella_xl {
display: grid;
grid-template-columns: 5% minmax(300px,800px) minmax(350px, 1fr) 5%;
grid-template-areas: ". footer_info footer_logos ."
". footer_info  footer_logos_media .";
padding: 50px 0 64px 0;
}

.footer_info {
grid-area: footer_info;
}

.footer_logos {
grid-area: footer_logos;
padding: 0;
}

.footer_logos_media {
grid-area: footer_logos_media;
justify-self: end;
align-self: end;
flex-wrap: wrap;
width: 200px;
}

.footer_logos img {
max-height: none;
}

.footer_logos_media img {
max-height: 60px;
}

.footer_info {
grid-template-areas: ". footer_info footer_logos ."
}

.legal {
position: static;
margin: 90px 0 0 0;
}

/* LOGOS PREFOOTER */

.logos {
padding: 55px 5% 64px 5%;
}

.logo_newart {
width: 200px;
}

/* ISEA - MÒDUL NEWSLETTER */

.newsletter {
padding: 65px 0;
font-size: 1.5rem;
}

/* LOCATION */

.graella_location_home {
display: grid;
grid-template-columns: 1fr 1fr;
}

.home_venue_mini {
display: grid;
grid-template-columns: 1fr 1fr;
}

.home_venue_mini:nth-of-type(1) .location_foto,
.home_venue_mini:nth-of-type(2) .location_foto,
.home_venue_mini:nth-of-type(3) .location_info,
.home_venue_mini:nth-of-type(4) .location_info {
order: 1;
}

.home_venue_mini:nth-of-type(1) .location_info,
.home_venue_mini:nth-of-type(2) .location_info,
.home_venue_mini:nth-of-type(3) .location_foto,
.home_venue_mini:nth-of-type(4) .location_foto  {
order: 2;
}

.location_foto img {
width: 100%;
min-height: 100%;
object-fit: cover;
}

.location_info {
padding: 48px;
display: flex;
flex-direction: column;
}

.location_link {
margin-top: auto;
}

.location_gmaps {
margin-bottom: 45px;
}

.location_gmaps img {
width: 18px;
margin-left: 12px;
}

/* Activities */

.single_event_header, .single_event_venue {
display: grid;
grid-template-columns: 1fr 1fr;
}

.single_event_header_info {
display: flex;
flex-direction: column;
padding: 5px var(--padding-h) var(--padding-vXS) var(--padding-h);
}

.single_event_meta { 
margin-top: auto;
}

.single_event_header_info h1 {
margin-bottom: 3em;
}

.single_event_content, .single_event_venue_info {
padding: var(--padding-v) var(--padding-h);
}

.single_event_txt li {
list-style-image: url(img/bullet_verd_M.svg);
}

}

/* ANCHOR 970 */

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

.wrap_XL {
padding-left: 30px;
padding-right: 30px;
}

/* Caixes genèriques contingut */

/* TÉ THUMBNAIL */

.has_thumbnail .box_content,
.no-margin .box_main .box_content {
display: grid;
grid-template-columns: 350px 1fr;
grid-template-areas: "thumbnail box_txt";
grid-gap: var(--gapL);
align-items: start;
}

.has_thumbnail .box_thumbnail {
grid-area: thumbnail;
margin-bottom: 0;
margin-top: 0;
}

.has_thumbnail .box_txt {
grid-area: box_txt;
}

.box .tema_tipus {
font-size: 1.0625rem;
letter-spacing: 2px;
}

/* No margin */

.no-margin .has_thumbnail .box_content {
align-items: end;
}

/* ISEA - PÀGINA PROGRAMA */

.page-id-712 .box {
padding-left: 30px;
padding-right: 30px;
}

.page-id-712 h1 + .box .box_txt {
display: grid;
grid-template-columns: repeat(8, 1fr);
grid-column-gap: 5px;
}

.page-id-712 .box .box_txt li[class*="color"],
.page-id-712 .box_txt .color3_desktop,
.page-id-712 .box_txt .color4_desktop {
border-width: 1px;
border-top-width: 2px;
border-style: solid;
font-size:0.8125rem;
}

.page-id-712 .box_txt h2 {
font-size:0.8125rem;
}

.page-id-712 .box_txt h2::before,
.page-id-712 .box_txt h2::after {
content: none;
}

.page-id-712 .box_txt .wp-block-group {
border-bottom: none;
}

.page-id-712 .box_xtra_container {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: var(--gap);
}

}

/* ANCHOR 1020 */

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

.wrap_XL {
padding-left: var(--padding-h);
padding-right: var(--padding-h);
}

#logo {
width: 55px;
height: 55px;
margin: 0 12px;
}

.graella {
grid-template-columns: 1fr minmax(400px, 560px) minmax(400px, 560px) 1fr;
grid-gap: var(--gap);
}

.graella_nogap {
grid-template-columns: 1fr minmax(400px, 572px) minmax(400px, 572px) 1fr;
grid-gap: 0;
}

.graella_xl {
grid-template-columns: 5% 1fr 1fr 5%
}

/* HEADER */

.header_inner {
display: grid;
grid-template-columns: 1fr minmax(400px, 560px) minmax(300px, 560px) 1fr;
grid-template-areas: ". header_title home_cara home_cara";
overflow: hidden;
}

.header_title {
grid-area: header_title;
}

.home_cara {
grid-area: home_cara;
}

.search_hamb {
display: none;
}

#cercador {
display: flex;
}


/* HOME */

.home_cara {
justify-self: center;
align-self: end;
margin: 0;
}

.home_cara img {
margin-top: 0;
width: auto;
max-width: none;
}

.graella_temes ul {
grid-auto-rows: minmax(280px, 1fr);
}

.graella_temes .tema_info {
margin: 36px 20px 36px 46px;
}

.home_botons ul {
margin: 0 0 40px 0;
}

/*.location_adreca,
.location_link {
font-size: 1.5rem;
line-height: 1.166;
}
*/

/* Pagines en general */

#main {
padding-bottom: 80px;
}

/* PPP - generals */

ul,
ol {
margin: 0 0 1.5em 1.5em;
}

/* THEMES */

.llistat_temes p.tema_titol {
font-size: 1.25rem;
}

/* Comitee */

.page-id-229 .box_txt ul {
padding-left: 0;
}

/* VENUE .page-id-347 */

.page-id-347 .box_thumbnail {
padding: var(--padding-v) 0 var(--padding-v) var(--padding-h);
max-width: 300px;
margin: 0 auto;
}

.box-nopadding .has_thumbnail .box_txt {
padding: var(--padding-v) var(--padding-h) var(--padding-v) 0;
}

/* Taula Program */

.page-id-712 .box {
padding-left: var(--padding-h);
padding-right: var(--padding-h);
}

/* PÀGINA INFO BARCELONA / TRANSPORT */

.page-id-785  .box_xtra_grid_container,
.page-id-796  .box_xtra_grid_container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: var(--gap);
}

/* ACTIVITIES */

.graella_program_teasers {
grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
}

/* TAULA EXCEL */

.xls #sheet-menu {
justify-content: center;
}

.xls #sheet-menu li {
width: auto;

}

}


@media screen and (min-width: 1200px) {
.graella_program_intro {
display: grid;
grid-template-columns: 1fr 1fr;
margin-bottom: var(--gap);
}

.graella_program_intro #mapid {
height: 100%;
}

.program_description.box {
border-radius: 8px 0 0 8px;
}

.graella_program_intro .program_map {
border-radius: 0 8px 8px 0;
overflow: hidden;
margin: 0;
}
}


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

/* Taula Program */

.page-id-712 .box_txt {
display: grid;
grid-gap: 5px;
}

.page-id-712 .box_txt ul {
margin-bottom: 0;
}

.page-id-712 .box_txt .color3,
.page-id-712 .box_txt .color4 {
display: none;
}

.page-id-712 .box_txt .color3_desktop {
display: block;
grid-column: 2 / 4;
text-align: center;
}

.page-id-712 .box_txt .color4_desktop {
display: block;
grid-column: 2 / -1;
text-align: center;
}

.page-id-712 .box .box_txt li[class*="color"],
.page-id-712 .box_txt .color3_desktop,
.page-id-712 .box_txt .color4_desktop {
font-size: 0.9375rem;
}

.page-id-712 .box.wrap {
max-width: none;
}

.page-id-712 .box_txt h2 {
font-size: 1.125rem;
}

.page-id-712 .box_txt h2::before {
content: "";
width: 0.75em;
height: 0.75em;
display: inline-block;
background: url(img/arrow_45_lila.svg) no-repeat left bottom;
background-size: contain;
margin-right: 0.5em;
}

/* VENUES */

.page-id-347 section.box .box_txt {
grid-template-columns: repeat(3, 1fr); /* Si JAUMANDREU canviar a 4 */
}
}

/* COLORS */

/* COLORS FORTS BORDER */
.color1 {
border-color: #521AFF;
}
.color2 {
border-color:#AF1AFF;
}
.color3 {
border-color:#CF00AE;
}
.color4 {
border-color:#FF1A98;
}
.color5 {
border-color:#FF1A3C;
}
.color6 {
border-color:#C73200;
}
.color7 {
border-color:#EB9800;
}
.color8 {
border-color:#CC8B00;
}
.color9 {
border-color:#9AA800;
}
.color10 {
border-color:#5FB800;
}
.color11 {
border-color:#1ADB00;
}
.color12 {
border-color:#00AD31;
}
.color13 {
border-color:#006B49;
}
.color14 {
border-color:#00D7EB;
}
.color15 {
border-color:#1A90FF;
}
.color16 {
border-color:#1A35FF;
}
.color17 {
border-color:#34A49E;
}


/* COLORS PASTEL FONS */

.color1 {
background-color: #E5DCFF;
}
.color2 {
background-color:#F3DCFF;
}
.color3 {
background-color:#E9D8E8;
}
.color4 {
background-color:#FFDCF0;
}
.color5 {
background-color:#FFDCE1;
}
.color6 {
background-color:#F7E0D8;
}
.color7 {
background-color:#FFF3DC;
}
.color8 {
background-color:#F8EED8;
}
.color9 {
background-color:#F7FAD8;
}
.color10 {
background-color:#EBFCD8;
}
.color11 {
background-color:#DCFAD8;
}
.color12 {
background-color:#D8F3E0;
}
.color13 {
background-color:#D8E9E3;
}
.color14 {
background-color:#D8F9FC;
}
.color15 {
background-color:#DCEEFF;
}
.color16 {
background-color:#DCE0FF;
}
.color17 {
background-color:#E0F1F0;
}


/* TINT */

:root {
  --bg-blend:          multiply;
  --fg-blend:          lighten;
  --opacity:           1;
}
.tint .box_thumbnail,
.tint figure,
figure.tint {
  background-color:    var(--verd);
  display:             flex;
  flex:                1 1 100%;
  height:              100%;
  overflow:            hidden;
  position:            relative;
}

.tint .box_thumbnail img,
.tint figure img,
figure.tint img {
  filter:              grayscale(100%) contrast(1);
  flex:                1 0 100%;
  height:              100%;
  max-width:           100%;
  mix-blend-mode:      var(--bg-blend);
  object-fit:          cover;
  opacity:             var(--opacity);
  position:            relative;
  width:               100%;
}

.tint .box_thumbnail::before,
.tint figure::before, 
figure.tint::before {
  background-color:    var(--lila);
  bottom:              0;
  content:             '';
  height:              100%;
  left:                0;
  mix-blend-mode:      var(--fg-blend);
  position:            absolute;
  right:               0;
  top:                 0;
  width:               100%;
  z-index:             1;
}