/*
Theme Name: setmananatura 2026
Description: Nova versió del tema
Theme URI: http://www.setmananatura.cat
Author: Underscores.me
Author URI: http://ww.pimpampum.net
Description: Tema a mida per la Setmana de la Natura 2026
Version: 0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: setmananatura

*/

@import url("fonts/fonts.css");

html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}dfn,cite,em,i{font-style:italic}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch",Courier,monospace;font-size:15px;font-size:.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;font-size:15px;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}mark,ins{background:#fff9c0;text-decoration:none}big{font-size:125%}embed,iframe,object{max-width:100%}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}body{background:#fff}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ul,ol{margin:0 0 1.5em 0}ul{list-style:disc}ol{list-style:decimal}li > ul,li > ol{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}img{height:auto;max-width:100%}figure{margin:1em 0}table{margin:0 0 1.5em;width:100%}button,input[type="button"],input[type="reset"],input[type="submit"]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:4px;background:#e6e6e6;color:rgba(0,0,0,.8);font-size:12px;font-size:.75rem;line-height:1;padding:.6em 1em .4em}button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{border-color:#ccc #bbb #aaa}button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active{border-color:#aaa #bbb #bbb}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{color:#666;border:1px solid #ccc;border-radius:4px;padding:3px 10px}select{border:1px solid #ccc}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus{color:#000}textarea{width:100%}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;height:1px;width:1px;overflow:hidden;word-wrap:normal !important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:4px;box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);clip:auto !important;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#content[tabindex="-1"]:focus{outline:0}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.cf:before,.cf:after{content:"";display:table;table-layout:fixed}.cf:after{clear:both}

html {
scroll-behavior: smooth;
}

/* amaguem coses */

.hidden {
display: none;
}

:root {
--bodytxt: #404040;
--groc: #FFD53B;
--taro: #fcb100;
--crema: #F8DC69;
--blau: #7BCEE0;
--blaufosc: #00317B;
--verdtxt: #037A44;
--bgverd: #9ECB4C;
--teula: #C44A12;
--marrotxt: #633823;
--bgbeige: #F2ECDD;
--bgbeige2: #EAE1CB;
--bgbeige3: #D4C193;
--bgblau: #7BCEE0;
--bgblauclar:#D0E4E9;
--bgverdclar: #DAE0C2;
--bggroc: #FFF2C2;
--border: 1px solid #C7BCA0;
--gapS: 10px;
--gap: 20px;
--gapL: 40px;
--gapXL:40px;
--gapXXL: 40px;
--transition: all 0.3s;
}

/****************************************
ESTRUCTURA
*****************************************/

body, button, input, select, textarea {
color: #404040;
font-family: rubik, helvetica, arial, sans-serif;
font-size: 1rem;
line-height: 1.6;
}

.wrap, .page_siblings .wrap_siblings {
width: 90%;
max-width: 1250px;
margin: 0 auto;
clear: both;
position: relative;
}

.home .wrap {
width: 90%;
}

#content {
padding-top: var(--gapXL);
padding-bottom: var(--gapXL);
background-color: var(--bgbeige);
}

.home #content {
padding: 0;
}

/* header */

.menu-superior-container {
display: inline-block;
}

#preheader .search-form {
display: none;
}

#preheader input[type="search"] {
height: 26px;
line-height: 24px;
width: 100px;
padding: 0 10px;
margin-top: 0;
border-radius: 3px 0 0 3px;
margin-right: 0;
font-size: 0.875rem;
border-right: none;
-webkit-appearance: none;
}

#preheader .search-form input[type="search"] {
width: 100px;
background-color: transparent;
border: 1px solid var(--verdtxt);
color: var(--verdtxt);
}

#preheader .search-form input::-webkit-input-placeholder {
color: var(--verdtxt);
}

#preheader .search-form input[type="search"]:focus {
width:200px;
transition: var(--transition);
background-color: #fff;
}

#preheader input.search-submit{
text-indent:-999em;
height:26px;
border-radius:0 3px 3px 0;
width:24px;
background:url(img/ico_search_blanc.svg) no-repeat center var(--verdtxt);
padding:0 4px;
border: none;
-webkit-appearance: none;
}

#preheader .menu-item-search {
padding-left:15px;
}

.site-title {
margin: 0.25em 0 0.75em 0;
}

.site-title a {
width: 200px;
height: 76px;
display: block;
text-indent: -999em;
}

.logo_header .site-title a[href*="2022"] {
background: url(img/logo_setmana_natura_header.png) no-repeat left top;
background-size: contain;
}

.logo_header .site-title a[href*="2023"] {
background: url(img/logo_setmana_natura_header_2023.png) no-repeat left top;
background-size: contain;
}

.logo_header .site-title a[href*="2024"] {
background: url(img/logo_setmana_natura_header_2024.png) no-repeat left top;
background-size: contain;
}

.logo_header .site-title a[href*="2025"] {
	background: url(img/logo_setmana_natura_header_2025.png) no-repeat left top;
	background-size: contain;
	}

.logo_header .site-title a[href*="2026"] {
	background: url(img/logo_setmana_natura_header_2026.png) no-repeat left top;
	background-size: contain;
	}

#xxss {
position: absolute;
top: 10px;
right: 5%;
display: flex;
gap: 3px;
padding-left: 0;
margin: 0;
}

#xxss li {
list-style-image: none;
list-style-type: none;
text-align: left;
}

#xxss a {
display: block;
width: 26px;
height: 26px;
border-radius: 3px;
text-indent: -999em;
background-position: center center;
background-repeat: no-repeat;
background-color: var(--verdtxt);
}

#xxss .ico_bs a {
background-image: url(img/logo_bs.svg);
}


#xxss .ico_ig a {
background-image: url(img/logo_ig.svg);
}

#xxss .ico_fb a {
background-image: url(img/logo_fb.svg);
}

#xxss .ico_tw a {
background-image: url(img/logo_tw.svg);
}

#xxss .ico_yt a {
background-image: url(img/logo_yt.svg);
}

#xxss .ico_rss a {
background-image: url(img/logo_rss.svg);
}

#xxss a:hover {
background-color: var(--marrotxt);
transition: var(--transition);
}


/* footer */

#footer {
font-size: 0.875rem;
text-align: center;
background-color: #fff;
}

#footer_logos {
padding: var(--gap) 0;
}

p.footer_logos_imatges {
margin: 0.25em 0;
height: 70px;
display: flex;
flex-direction: column;
justify-content: center;
}

#footer_logos img {
margin-right: 10px;
height: 50px;
width: auto;
vertical-align: middle;
}

#footer_logos img#logo_gencat,
#footer_logos img#logo_diba {
height: 30px;
}

.footer_logos_bloc {
padding-top: 1em;
text-align: center;
border-bottom: 1px solid #eaeaea;
}

p.footer_logos_titol {
margin: 0;
}

.footer_legal {
padding: var(--gap);
background-color: var(--marrotxt);
font-size: 0.75rem;
color: var(--bgbeige);
}

.footer_legal p {
margin: 0;
}

.footer_legal a,
.footer_legal a:visited {
color: var(--bgbeige);
}


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

.xxss_footer img {
display: block;
border-radius: 3px 3px 0 0;
}

.xxss_footer h2.widgettitle {
margin-top: 0;
margin-bottom: 0.25em;
color: var(--marrotxt);
text-transform: uppercase;
}

.xxss_footer h2.widgettitle::before {
margin-right: 10px;
vertical-align: middle;
}

.xxss_footer .twitter-timeline h2.widgettitle::before {
content: url(img/logo_tw_marro.svg);
}

.xxss_footer .widget:nth-of-type(2) h2.widgettitle::before {
content: url(img/logo_fb_marro.svg);
}

.xxss_footer .widget:nth-of-type(3) h2.widgettitle::before {
content: url(img/logo_ig_marro.svg);
}

.twitt {
font-size: 0.8125rem;
line-height: 1.3;
margin-top: 0;
background-color: var(--bgbeige2);
padding: var(--gapS);
border-radius: 0 0 3px 3px;
}

#insta-gallery-feed-1630312386 .insta-gallery-actions .insta-gallery-button:hover {
background-color: var(--teula) !important;
}

.fb_iframe_widget {
border-radius: 3px;
overflow: hidden;
}

/* Menú edicions anterior peu */

.menu_edicions_anteriors_peu {
background-color: var(--marrotxt);
padding: var(--gapS) 0;
}

.menu_edicions_anteriors_peu #menu-edicions-anteriors {
margin: 0;
}

.menu_edicions_anteriors_peu #menu-edicions-anteriors > li > a {
font-weight: 500;
}

.menu_edicions_anteriors_peu #menu-edicions-anteriors .sub-menu {
margin-left: 0;
padding-left: 0;
display: flex;
column-gap: var(--gap);
flex-wrap: wrap;
}

.menu_edicions_anteriors_peu #menu-edicions-anteriors li {
list-style-type: none;
}

.menu_edicions_anteriors_peu #menu-edicions-anteriors .menu-item-has-children a {
color: #fff;
padding: var(--gapS) 0;
}

.menu_edicions_anteriors_peu #menu-edicions-anteriors .menu-item-has-children a:hover {
color: #fff;
}


/****************************************
HOME
*****************************************/

/* 2023 - Banner Festinat */

#media_image-3 {
background-color: #f0f1ee;
padding: 60px;
text-align: center;
}

#media_image-3 img {
width: 100%;
max-width: 460px !important;
}

/* 2022 - franja destacat */

.home_intro {
background: url(img/bg_header2026_2.jpg) no-repeat center center;
background-size: cover;
padding: var(--gapXL) var(--gap);
text-align: center;
font-size: 1.25rem;
text-shadow: 0px 2px 9px rgba(0, 0, 0, 0.5);
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
}

.home_intro h2 {
color: var(--groc);
margin: 0;
font-size: clamp(2.25rem, 4vw, 85px);
letter-spacing: 0.05em;
}

.home_intro h3 {
color: var(--groc);
font-size: clamp(1.5rem, 2.5vw, 60px);
margin: 0 0 0.25em 0;
}

.home_intro p {
margin: 0 auto;
padding: 0;
line-height: 1.3;
max-width: 760px;
}

.home_intro a,
.home_intro a:visited {
background-color: var(--groc);
color: var(--marrotxt);
padding: 0.5em 1.5em;
border-radius: 4px;
text-shadow: none;
display: inline-block;
font-size: 1.25rem;
font-weight: 700;
}

.home_intro ul {
font-weight: 700;
list-style-type: none;
margin: 0.5em auto;
padding: 0;
line-height: 1.3;
}

/* 2024 */

#custom_html-3 {
background-color: var(--bgblauclar);
padding: 40px 0;
}

#custom_html-3 .custom-html-widget {
max-width: 1200px;
margin: 0 auto;
}

/* franges */

.franja {
padding: var(--gapXXL) 0;
position: relative;
}

.franja_marro {
background: #5A4C47;
}

/* Beige */

.franja_beige,
.page_siblings > article:nth-of-type(1n) {
background: var(--bgbeige);
}

.franja_beige .franja_titol,
.page_siblings > article:nth-of-type(1n) h1.entry-title,
.page_siblings > article:nth-of-type(1n) a {
color: var(--teula);
}

.franja_beige .boto a {
background-color: var(--teula);
}

/* Beige fosc */

.franja_beige2 {
background: var(--bgbeige2);
}

.franja_beige2 .boto a {
background-color: var(--marrotxt);
}

/* Verd */

.franja_verd {
background: var(--bgverd);
}

.page_siblings > article:nth-of-type(2n) {
background: var(--bgverdclar);
}

.franja_verd .franja_titol,
.franja_verd h1,
.franja_verd h2,
.franja_verd h3 {
color: #303F1C;
}

.page_siblings > article:nth-of-type(2n) h1.entry-title,
.page_siblings > article:nth-of-type(2n) a {
color: #303F1C;
}

/* Blau */

.franja_blau {
background: var(--bgblau);
}

.page_siblings > article:nth-of-type(3n) {
background: var(--bgblauclar);
}

.franja_blau .boto a {
background-color: var(--bodytxt);
}

.franja_blau .franja_titol,
.page_siblings > article:nth-of-type(3n) h1.entry-title,
.page_siblings > article:nth-of-type(3n) a {
color: var(--bodytxt);
}

/* Verd 2 */

.page_siblings > article:nth-of-type(4n) {
background: #E5F2DD;
}

.page_siblings > article:nth-of-type(4n) h1.entry-title,
.page_siblings > article:nth-of-type(4n) a {
color: #32511F;
}


/* Taronja */

.franja_taro {
background: #E4AB52;
}

.page_siblings > article:nth-of-type(5n) {
background: #F4E3C6;
}

.franja_taro .franja_titol,
.page_siblings > article:nth-of-type(5n) h1.entry-title,
.page_siblings > article:nth-of-type(5n) a  {
color: var(--marrotxt);
}

.franja_taro .boto a {
background-color: var(--marrotxt);
}

/* Beige 2 */

.franja_beige2 {
background: var(--bgbeige2);
}

.franja_beige2 .franja_titol {
color: var(--marrotxt);
}

/* franja banners què fer */

#que_fer_llistat {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin: 0 -15px;
padding: 60px 0;
}

.que_fer_item {
flex: 1 0 280px;
max-width: 320px;
min-height: 180px;
margin: 15px;
padding: 20px;
background-size: cover;
color: #fff;
text-align: center;
line-height: 1.2;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
border-radius: 4px;
overflow: hidden;
position: relative
}

.que_fer_item a, .que_fer_item a:visited  {
color: #fff;
text-shadow: 0 0px 8px rgba(0,0,0,1);
}

.que_fer_item a:hover {
text-decoration: underline;
color: #fff;
}

.que_fer_item a::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}



/* banner */

.widget_media_image a {
display: block;
text-align: center;
}

.widget_media_image img {
max-height: 180px;
width: auto;
}



/****************************************
TEASERS EN GENERAL
*****************************************/

.teaser {
max-width: 300px;
justify-self: center;
margin-bottom: 1em;
}

.teaser img {
display: block;
border-radius: 3px;
}

.teaser_info {
padding-top: var(--gapS);
}

.teaser h3 {
font-size: 1.25rem;
margin: 0;
line-height: 1.1;
}

.teaser h3 a:hover {
text-decoration: underline;
}

.boto_mes {
display: flex;
justify-content:center;
}

.teaser_data {
font-size: 0.75rem;
margin-top: 0;
}

/* 2022 - franja podcasts i rutes home */

#franja_podcast .description, #franja_rutes .description {
margin: 0 auto var(--gap) auto;
text-align: center;
line-height: 1.4;
}

#franja_podcast .franja_titol, #franja_rutes .franja_titol {
margin-bottom: 0.25em;
}

#franja_podcast_llistat, #relacionats_llistat, #franja_rutes_llistat, #related .llistat_activitats {
display: grid;
grid-template-columns: 1fr;
grid-gap: var(--gap);
}

#franja_podcast_llistat h3 a {
color: #404040;
}

/* 2024 - Widget home galeria 2023 */

#text-2 {
text-align: center;
line-height: 1.4;
background: var(--bgbeige2);
padding: var(--gapXXL) 0;
position: relative;
}

#text-2 h2.widgettitle {
margin-bottom: 0.25em;
color: var(--marrotxt) !important;
}



/****************************************
Singles
*****************************************/

#pagina_formulari,
#content_single,
#single_activitat,
#single_noticia {
min-height: calc(100vh - 342px);
}

#content_single article > * {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}

#content_single article > p.una_noticia_foto,
#content_single article > img,
#content_single article > figure,
#content_single article > .video-wrapper,
#content_single article > .wrap_galeria {
max-width: none;
margin: var(--gapL) auto;
}

#content_single article > .wrap_galeria {
margin: 0;
}

#content_single figure,
.page_siblings figure {
border-radius: 3px;
overflow: hidden;
background-color: var(--bgbeige2);
}

.owl-carousel #content_single figure,
.owl-carousel .page_siblings figure {
background-color: transparent;
}

#content_single figure.alignright {
margin-left: var(--gap);
}

#content_single figure.alignleft {
margin-right: var(--gap);
}

#content_single figcaption {
font-size: 0.875rem;
line-height: 1.4;
padding: 0 var(--gap) var(--gapS) var(--gap);
}

/* Pàgines amb fills */

.page-template-page-amb-filles #content {
padding: 0;
}

.menu-siblings {
background-color: var(--bgbeige);
padding: var(--gapS) 0;
border-bottom: 1px solid #9E9378;
position: sticky;
top: 0;
z-index: 999;
}

.menu-siblings ul.wrap {
display: flex;
justify-content: center;
flex-wrap: wrap;
column-gap: var(--gapS);
padding: 0;
list-style-type: none;
max-width: none;
}

#main .menu-siblings li {
margin-top: 0;
line-height: 1.4;
}

.menu-siblings li a {
color: var(--bodytxt);
font-size: 0.8125rem;;
text-transform: uppercase;
font-weight: 450;
}

.menu-siblings li a:hover {
color: var(--teula);
}

.page_siblings > article {
padding: var(--gapXXL) 0;
}

.wrap_galeria {
text-align: center;
}

.wrap_galeria h1.entry-title {
font-size: 1.5rem;
}

#post-2198868, #post-2198866, #post-2198403, #post-2192080 {
padding: var(--gapL) 0;
}

#post-2192083 .quees_llistat_anteriors {
display: flex;
flex-wrap: wrap;
gap: var(--gap);
list-style-type: none;
padding: 0;
margin: 0;
}

#post-2192083 .quees_llistat_anteriors a {
padding: 10px 20px;
display: block;
background: rgba(0,0,0,0.05);
border-radius: 50px;
transition: var(--transition);
text-decoration: none;
}

#post-2192083 .quees_llistat_anteriors a:hover {
background: rgba(0,0,0,0.15);
transition: var(--transition);
}

.owl-theme .owl-dots .owl-dot span {
background-color: var(--marrotxt);
opacity: 0.6;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background-color: var(--marrotxt);
opacity: 1;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
background-color: rgba(255,255,255,0.7);
padding: 10px;
width: 50px;
height: 50px;
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: calc(50% - 45px) /*84px*/;
font-size: 1.25rem;
color: var(--marrotxt);
transition: var(--transition);
}

.owl-theme .owl-nav [class*="owl-"] {
font-size: 1.25rem;
}

.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover {
background-color: rgba(255,255,255,0.9);
color: var(--marrotxt);
transition: var(--transition);
}

.owl-carousel .owl-nav button.owl-prev {
left: 20px;
}

.owl-carousel .owl-nav button.owl-next {
right: 20px;
}

/* singles en general */

.single #content {
padding-bottom: 0;
}

/* single noticia */

#single_noticia {
padding-bottom: var(--gapXXL);
}

#single_noticia .una_noticia_foto {
margin: var(--gapL) auto;
}

#single_noticia .una_noticia_foto img {
border-radius: 3px;
display: block;
margin: 0 auto;
}

/* single activitat */

.single-sn_event #content {
padding-bottom: 0;
}

#single_activitat {
padding-bottom: var(--gapXL)
}

#single_activitat article {
border-radius: 8px;
overflow: hidden;
}

#single_activitat #main {
background-color: #fff;
}

#single_activitat #secondary {
padding: 0;
background-color: var(--bgverd);
}

.avis {
padding: 20px 30px 40px 30px;
background-color: #fff;
font-size: 0.875rem;
text-align: center;
border-radius: 3px;
margin-bottom: 20px;
box-shadow: 0 0 9px 3px rgba(110,75,47,0.26);
}

.avis p {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}

#single_activitat header {
position: relative;
}

#single_activitat #content_single #main {
padding: 0;
}

p.single_activitat_foto {
margin: 0;
border-radius: 4px 0 0 0;
min-height: 150px;
}

.single_activitat_foto img {
width: 100%;
}

#single_activitat header h1 {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: var(--gapXXL) var(--gap) var(--gap) var(--gap);
background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.59) 39%, rgba(0,0,0,0.84) 100%);
background-size: auto;
font-weight: 750;
}

#single_activitat p.resum {
font-size: 1.125rem;
line-height: 1.3;
font-weight: 600;
color: var(--marrotxt);
margin-top: 0;
}

#single_activitat .tabs {
padding: 30px 20px;
}

.tabs-menu {
font-weight: 500;
font-size: 1.125rem;
color: var(--marrotxt);
padding: 0;
margin-bottom: 0;
display: flex;
}

#main .tabs-menu li {
list-style-type: none;
width: 50%;
padding: 10px 10px 10px 45px;
background-color: var(--bgbeige2);
margin-bottom: 0;
background-repeat: no-repeat;
background-position: 20px center;
font-weight: 750;
margin-top: 0;
}

#main .tabs-menu li.selected {
border-bottom: none;
background-color: #fff;
}

#main .tabs-menu li:hover:not(.selected) {
cursor: pointer;
background-color: var(--bgbeige);
transition: var(--transition);
}

.tabs-menu li.info {
background-image: url(img/ico_info_fitxa.svg);
border-radius: 0 0 3px 0;
}


.tabs-menu li.ubicacio {
background-image: url(img/ico_ubicacio_fitxa.svg);
border-radius: 0 0 0 3px;
}

.tabs h3,
.tab.ubicacio .lloc_nom {
margin-bottom: 0;
color: var(--marrotxt);
font-size: 1rem;
}

.tab.ubicacio {
margin-bottom: 1em;
}

.tab.ubicacio p {
margin: 0;
}

.tab.ubicacio .lloc_nom {
font-weight: 800;
font-family: rubik, helvetica, arial, sans-serif;
}

.tab.ubicacio #map {
margin: 1.5em 0;
}

.noobert span {
display: inline-flex;
align-items: center;
background-color: #F3E9C7;
border-radius: 50px;
padding: 6px 26px 6px 6px;
font-size: 0.875rem;
line-height: 1;
}

.noobert img {
vertical-align: middle;
margin-right: 10px;
display: inline-block;
}

.single_activitat_info {
padding: var(--gap);
border-bottom: 1px solid rgba(255,255,255,0.5);
}

.single_activitat_llistat_imatges {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin: 1em -5px;
}

.single_activitat_imatge {
flex: 1 1 220px;
margin: 5px;
max-width: 400px;
}

.single_activitat_imatge img {
border-radius: 3px;
}

.single_activitat_categoria, .single_activitat_public {
padding-left: 20px;
}

.single_activitat_data,
.single_activitat_lloc {
display: flex;
gap: var(--gap);
align-items: center;
}

.single_activitat_data .data,
.single_activitat_lloc .lloc_poblacio {
font-weight: 800;
}

#single_activitat #map, #single_activitat .pw-map {
width: 100%;
height: 300px;
}

.single_activitat_organitzador img {
max-width: 150px;
margin: 8px 0;
}

.container_observacions {
background-color: var(--bgbeige2);
padding: var(--gap);
border-radius: 8px;
overflow-wrap: break-word;
margin-bottom: var(--gapL);
}

.container_observacions h3 {
margin-top: 0;
}

.container_observacions p {
margin: 0.5em 0;
}

.single_activitat_nav {
text-align: right;
text-transform: uppercase;
font-weight: 500;
font-family: rubik, helvetica, arial, sans-serif;
font-size: 0.6875rem;
padding-bottom: var(--gapS);
}

.single_activitat_nav a, .single_activitat_nav a:visited {
color: var(--marrotxt);
margin-left: var(--gap);
}

.single_activitat_nav a:hover {
color: #000;
}

.single_activitat_btcercar  {
padding-bottom: 1.5em;
display: flex;
justify-content: flex-end;
}

.single_activitat_btcercar .boto a {
display: flex;
align-items: center;
}

.single_activitat_btcercar img {
margin-right: 10px;
}

.compartir_titol {
font-size: 0.75rem;
margin: 0.25em 0;
}

.at-resp-share-element .at-share-btn {
border-radius: 3px !important;
background-color: var(--verdtxt) !important;
}

/* single cerca */

.search .search-form input[type="search"] {
width: 150px;
}

.search-results article {
padding-bottom: 1.5em;
margin-bottom: 1.5em;
}

/* llistat activitats */

#franja_activitats .wrap {
max-width: none;
}

.llistat_activitats {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
grid-gap: var(--gap);
}

.una_activitat {
position: relative;
font-weight: 400;
font-size: 1rem;
color: #fff;
background-color: #000;
border-radius: 3px;
}

.una_activitat_foto {
margin: 0;
background-color: #000;
border-radius: 3px;
}

.una_activitat_foto img {
display: block;
transition: opacity 0.3s;
backface-visibility: hidden;
border-radius: 3px;
width: 700px;
height: 280px;
object-fit: cover;
}

.una_activitat:hover img {
opacity: 0.9;
transition: opacity 0.3s;
}

.una_activitat_info {
position: absolute;
bottom: 0;
right: 0;
left: 0;
padding: 80px 23px 20px 23px;
background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.74) 70%, rgba(0,0,0,0.84) 100%);
border-radius: 0 0 4px 4px;
}

.una_activitat_info h2 {
font-weight: 800;
font-size: 1.25rem;
line-height: 1.1;
margin: 0 0 5px 0;
}

.una_activitat_info h2 a, .una_activitat_info h2 a:visited {
color: #fff;
text-decoration: none;
margin-bottom: 10px;
min-height: 50px;
}

.una_activitat_info h2 a:hover {
opacity: 0.9;
transition: opacity 0.3s;
}

.una_activitat_data,
.una_activitat_lloc p {
line-height: 1.1;
margin: 0;
}

.una_activitat_data {
margin-bottom: 5px;
}

.una_activitat_lloc {
}

.llistat_activitats .una_activitat_totes_categories {
position: absolute;
right: 10px;
top: 10px;
display: flex;
gap: 10px;
}

.llistat_activitats .una_activitat_categories,
#main .llistat_activitats .una_activitat_categories {
margin-bottom: 2px;
justify-content: flex-end;
}

/* icones */

.una_activitat_categories {
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: baseline;
}

.una_activitat_categories li,
#main .una_activitat_categories li {
display: inline-block;
list-style-type: none;
position: relative;
margin: 2px 3px 2px 0;
}

.resultats_una_activitat .una_activitat_categories li {
margin-right: -2px;
}

.resultats_taula .resultats_una_activitat  .una_activitat_categories li {
margin-right: 2px;
}

.una_activitat_categories .desc {
position: absolute;
top: -10px;
left: 50%;
transform: translate(-50%, -100%);
width: auto;
max-width: 120px;
padding: 4px 6px;
background-color: rgba(255,255,255,0.9);
text-align: center;
box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.40);
line-height: 1.2;
z-index: 999;
border-radius: 3px;
font-size: 0.625rem;
font-weight: 400;
display: none;
color: #000;
}

.resultats_cerca_mapa_gmaps .una_activitat_categories .desc {
top: 20px;
left: 50px;
}

.una_activitat_categories .desc:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -8px;
width: 0;
height: 0;
border-top: 8px solid #FFFFFF;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}

.resultats_cerca_mapa_gmaps .una_activitat_categories .desc:after {
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #fff;
content: '';
position: absolute;
left: -100%;
top: 50%;
margin-left: -8px;
}

.una_activitat_categories li:hover .desc {
display: block;
}

.single_activitat_info .una_activitat_categories li:hover .desc {
display: none;
}

.una_activitat_categories a {
background-repeat: no-repeat;
}

.opcions_cerca_grup .una_activitat_categories a,
.llistat_activitats .una_activitat_categories a,
.resultats_una_activitat .una_activitat_categories a {
width: 36px;
height: 36px;
display: block;
text-indent: -999em;
background-size: contain;
background-position: center center;
text-align: left;
}

.opcions_cerca_grup .una_activitat_categories a,
.opcions_cerca_grup .una_activitat_organitzador a {
background-color: rgba(255,255,255,0.6);
border-radius: 3px;
}

.opcions_cerca_grup .una_activitat_categories a:hover,
.opcions_cerca_grup .una_activitat_categories a.selected,
.opcions_cerca_grup .una_activitat_categories a.disabled {
background-color: #fff;
}

.resultats_una_activitat .una_activitat_categories a {
width: 24px;
height: 24px;
}

.single_activitat_info p {
margin: 0.25em 0;
line-height: 1.1;
}

.single_activitat_info .una_activitat_categories a,
.single_activitat_info .una_activitat_categories a:visited {
width: 70px;
display: block;
padding-top: 60px;
background-size: 50px 50px;
background-position: center 3px;
font-size: 0.75rem;
text-align: center;
text-decoration: none;
color: var(--marrotxt);
line-height: 1.1;
transition: background-position 0.3s;
font-weight: 450;
}

.single_activitat_info .una_activitat_categories a:hover {
background-position: center top;
transition: background-position 0.3s;
text-decoration: none;
}

.single_activitat_ico {
margin: 0;
}

/* icones fons blanc */

.voluntariat a {
background-image: url(img/ico_voluntariat_l.svg);
}

.sortida a {
background-image: url(img/ico_sortida_l.svg);
}

.curs a {
background-image: url(img/ico_curs_l.svg);
}

.xerrades a {
background-image: url(img/ico_xerrades_l.svg);
}

.concurs a {
background-image: url(img/ico_concurs_l.svg);
}

.exposicio a {
background-image: url(img/ico_exposicio_l.svg);
}

.conferencies a {
background-image: url(img/ico_conferencies_l.svg);
}

.biblioteques a {
background-image: url(img/ico_biblio_l.svg);
}

.anellament a {
background-image: url(img/ico_anellament_l.svg);
}

.accessible a {
background-image: url(img/ico_accessible_l.svg);
}

.altres a {
background-image: url(img/ico_altres_l.svg);
}


.adults a {
background-image: url(img/ico_adults_l.svg);
}

.familiar a {
background-image: url(img/ico_familiar_l.svg);
}

.grups-organitzats a {
background-image: url(img/ico_organitzat_l.svg);
}

.escoles a {
background-image: url(img/ico_escoles_l.svg);
}

.educacio a {
background-image: url(img/ico_escoles_l.svg);
}

.empreses a {
background-image: url(img/ico_empreses_l.svg);
}

.administracions a {
background-image: url(img/ico_administracio_l.svg);
}

.associacions a {
background-image: url(img/ico_associacions_l.svg);
}

.especialitzat a {
background-image: url(img/ico_especialitzat_l.svg);
}

/* icones cercador */

.opcions_cerca_grup a:hover {
cursor: pointer;
}

.opcions_cerca_grup .voluntariat a {
background-image: url(img/ico_voluntariat_lt.svg);
}

.opcions_cerca_grup .sortida a {
background-image: url(img/ico_sortida_lt.svg);
}

.opcions_cerca_grup .curs a {
background-image: url(img/ico_curs_lt.svg);
}

.opcions_cerca_grup .xerrades a {
background-image: url(img/ico_xerrades_lt.svg);
}

.opcions_cerca_grup .concurs a {
background-image: url(img/ico_concurs_lt.svg);
}

.opcions_cerca_grup .exposicio a {
background-image: url(img/ico_exposicio_lt.svg);
}

.opcions_cerca_grup .conferencies a {
background-image: url(img/ico_conferencies_lt.svg);
}

.opcions_cerca_grup .biblioteques a {
background-image: url(img/ico_biblio_lt.svg);
}

.opcions_cerca_grup .anellament a {
background-image: url(img/ico_anellament_lt.svg);
}

.opcions_cerca_grup .accessible a {
background-image: url(img/ico_accessible_lt.svg);
}

.opcions_cerca_grup .altres a {
background-image: url(img/ico_altres_lt.svg);
}

.opcions_cerca_grup .adults a {
background-image: url(img/ico_adults_lt.svg);
}

.opcions_cerca_grup .familiar a {
background-image: url(img/ico_familiar_lt.svg);
}

.opcions_cerca_grup .grups-organitzats a {
background-image: url(img/ico_organitzat_lt.svg);
}

.opcions_cerca_grup .escoles a {
background-image: url(img/ico_escoles_lt.svg);
}

.opcions_cerca_grup .educacio a {
background-image: url(img/ico_escoles_lt.svg);
}

.opcions_cerca_grup .empreses a {
background-image: url(img/ico_empreses_lt.svg);
}

.opcions_cerca_grup .administracions a {
background-image: url(img/ico_administracio_lt.svg);
}

.opcions_cerca_grup .associacions a {
background-image: url(img/ico_associacions_lt.svg);
}

.opcions_cerca_grup .especialitzat a {
background-image: url(img/ico_especialitzat_lt.svg);
}


/* icones negatiu */

.resultats_una_activitat_info .voluntariat a,
.resultats_taula .voluntariat a {
background-image: url(img/ico_voluntariat_neg.svg);
}

.resultats_una_activitat_info .sortida a,
.resultats_taula .sortida a {
background-image: url(img/ico_sortida_neg.svg);
}

.resultats_una_activitat_info .curs a,
.resultats_taula .curs a {
background-image: url(img/ico_curs_neg.svg);
}

.resultats_una_activitat_info .xerrades a,
.resultats_taula .xerrades a {
background-image: url(img/ico_xerrades_neg.svg);
}

.resultats_una_activitat_info .concurs a,
.resultats_taula .concurs a {
background-image: url(img/ico_concurs_neg.svg);
}

.resultats_una_activitat_info .exposicio a,
.resultats_taula .exposicio a {
background-image: url(img/ico_exposicio_neg.svg);
}

.resultats_una_activitat_info .conferencies a,
.resultats_taula .conferencies a {
background-image: url(img/ico_conferencies_neg.svg);
}

.resultats_una_activitat_info .biblioteques a,
.resultats_taula .biblioteques a {
background-image: url(img/ico_biblio_neg.svg);
}

.resultats_una_activitat_info .anellament a,
.resultats_taula .anellament a {
background-image: url(img/ico_anellament_neg.svg);
}

.resultats_una_activitat_info .accessible a,
.resultats_taula .accessible a {
background-image: url(img/ico_accessible_neg.svg);
}

.resultats_una_activitat_info .altres a,
.resultats_taula .altres a {
background-image: url(img/ico_altres_neg.svg);
}

.resultats_una_activitat_info .adults a,
.resultats_taula .adults a {
background-image: url(img/ico_adults_neg.svg);
}

.resultats_una_activitat_info .familiar a,
.resultats_taula .familiar a {
background-image: url(img/ico_familiar_neg.svg);
}

.resultats_una_activitat_info .grups-organitzats a,
.resultats_taula .grups-organitzats a {
background-image: url(img/ico_organitzat_neg.svg);
}

.resultats_una_activitat_info .escoles a,
.resultats_taula .escoles a {
background-image: url(img/ico_escoles_neg.svg);
}

.resultats_una_activitat_info .empreses a,
.resultats_taula .empreses a {
background-image: url(img/ico_empreses_neg.svg);
}

.resultats_una_activitat_info .infantil a,
.resultats_taula .infantil a {
background-image: url(img/ico_infantil_neg.svg);
}

.resultats_una_activitat_info .especialitzat a,
.resultats_taula .especialitzat a {
background-image: url(img/ico_especialitzat_neg.svg);
}


/********************************************************
CERCADOR FILTRE ACTIVITATS I VISTES VARIADES
*********************************************************/

#franja_cercador {
padding: var(--gapXL) 0 0 0;
}

#franja_cercador h1 {
margin-bottom: 1em;
}

.opcions_cerca ul {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}

.opcions_cerca h2 {
font-size: 1rem;
margin: 0 0 5px 0;
}

.opcions_cerca_grup,
ul.opcions_cerca_grup {
margin-bottom: 10px;
}

.opcions_cerca_data {
clear: both;
}

/* avisos i missatges */

.total_resultats {
font-size: 0.75rem;
font-family: rubik, helvetica, arial, sans-serif;
}

.avis_cercador {
width: 40%;
min-width: 280px;
text-align: center;
background-color: #FFD53B;
box-shadow: 0 0 15px rgba(0,0,0,0.3);
margin: 1em auto;
border-radius: 30px;
padding: 8px 26px;
}


/* cerca text */

.opcions_cerca_text {
padding-top: 10px;
}

.opcions_cerca_text input {
border: none;
}

.opcions_cerca_lloc,
.opcions_cerca_paraula {
margin-bottom: 5px;
}

.opcions_cerca_text label {
width: 100px;
background: rgba(255,255,255,0.6);
border-radius: 4px 0 0 4px;
margin-right: 0;
height: 30px;
line-height: 30px;
padding: 0 6px 0 12px;
display: inline-block;
float: left;
clear: both;
}

.opcions_cerca_text label {
width: 100px;
}

.opcions_cerca_lloc #opcions_cerca_lloc_submit {
width:30px;
height: 31px;
margin-left: -6px;
border-radius: 0 4px 4px 0;
display: inline-block;
vertical-align: middle;
text-indent:-999em;
background:url(img/ico_search_blanc.svg) no-repeat center #037a44;
padding:0 4px;
border: none;
-webkit-appearance: none;
position: relative;
top: -2px;
}

.opcions_cerca_lloc #opcions_cerca_lloc_submit:hover {
cursor: pointer;
}

.opcions_cerca_lloc input[type="text"] {
border-radius: 0;
height: 30px;
width: 120px;
}

.opcions_cerca_paraula input[type="text"] {
border-radius: 0 4px 4px 0;
height: 30px;
width: 150px;
}

/* cerca per tipus i public */

.opcions_cerca_tipus a, .opcions_cerca_public a {
width: 25px;
height: 25px;
}

.opcions_cerca_tipus a:hover, .opcions_cerca_public a:hover {
cursor: pointer;
}

/* cerca per dia */

.opcions_cerca_dia, .opcions_cerca_vista li {
background-color: rgba(255,255,255,0.6);
border-radius: 3px;
vertical-align: top;
text-align: center;
line-height: 1;
margin-right: 2px;
margin-bottom: 2px;
display: flex;
flex-direction: column;
justify-content: center;
}

.opcions_cerca_dia a {
min-height: 40px;
width: 40px;
display: block;
padding: 8px 5px;
}

.opcions_cerca_vista li a {
width: 80px;
padding: 8px 5px;
display: block;
}

.opcions_cerca_dia.not-selected,
.opcions_cerca_vista li.not-selected {
background-color: rgba(255,255,255,0.6);
}

.opcions_cerca_dia.not-selected:hover,
.opcions_cerca_vista li.not-selected:hover {
background-color: rgba(255,255,255,0.85);
}

.opcions_cerca_dia.selected,
.opcions_cerca_vista li.selected,
.opcions_cerca_dia.disabled,
.opcions_cerca_vista li.disabled,
.opcions_cerca_dia:hover,
.opcions_cerca_vista li:hover {
background-color: #fff;
cursor: pointer;
}

.opcions_cerca_dia a, .opcions_cerca_dia a:visited,
.opcions_cerca_vista a, .opcions_cerca_vista a:visited {
color: #404040;
text-decoration: none;
}

.opcions_cerca_dia span {
display: block;
}

.opcions_cerca_dia_nom {
font-size: 0.6875rem;
text-transform: uppercase;
padding-bottom: 2px;
}

.opcions_cerca_dia_numero {
font-size: 0.875rem;
font-weight: 800;
}

.opcions_cerca_dia_mes {
font-size: 0.625rem;
text-transform: uppercase;
}


/* cerca vista */

.opcions_cerca_data {
width: calc(100% - 80px);
float: left;
}

.opcions_cerca_vista li {
width: 80px;
}

.opcions_cerca_vista {
font-size: 0.6875rem;
text-transform: uppercase;
padding-bottom: 2px;
width: 70px;
}

.opcions_cerca_vista a {
display: block;
}

.opcions_cerca_vista img {
display: none;
}

/* resultats cerca llista mapa */

.resultats_cerca {
margin-top: 10px;
clear: both;
}

.resultats_cerca_mapa_gmaps {
position: relative;
z-index: 99;
width: 100%;
min-height: 340px;
}

.resultats_cerca_mapa_gmaps iframe {
display: block;
}

.resultats_cerca_mapa_llistat {
background-color: #fff;
padding: 10px;
position: relative;
z-index: 1;
max-height: 90vh;
overflow: auto;
}

.resultats_cerca_mapa_llistat .resultats_una_activitat {
display: grid;
grid-template-columns: minmax(120px, 160px) minmax(220px, 1fr);
grid-gap: var(--gapS);
padding-bottom: var(--gapS);
margin-bottom: var(--gapS);
border-bottom: 1px solid var(--bgbeige2);
}

.resultats_cerca .una_activitat_categories,
.resultats_cerca .una_activitat_categories ul,
.resultats_cerca .una_activitat_totes_categories div{
display: inline-block;
}

.resultats_cerca .una_activitat_tipus {
margin-right: 10px;
}

.resultats_una_activitat_foto {
margin: 0;
border-radius: 3px;
background-color: #000;
}

.resultats_una_activitat_foto img {
border-radius: 3px;
display: block;
transition: opacity 0.3s;
backface-visibility: hidden;
width: 100%;
height: 100%;
object-fit: cover;
}

.resultats_una_activitat_foto img:hover {
opacity: 0.9;
transition: opacity 0.3s;
}

.resultats_una_activitat_info h2 {
font-size: 1.125rem;
font-weight: 800;
line-height: 1.1;
margin: 8px 0 4px 0;
}

.resultats_una_activitat_info h2 a, .resultats_una_activitat_info h2 a:visited {
color: #000;
text-decoration: none;
}

.resultats_una_activitat_info h2 a:hover {
color: #037a44;
}

.resultats_una_activitat_info .una_activitat_data,
.resultats_una_activitat_info .una_activitat_lloc,
.resultats_una_activitat .organitzador {
font-size: 0.9375rem;
margin: 0 0 4px 0;
line-height: 1.2;
}

.resultats_una_activitat_info .una_activitat_data {
font-weight: 500;
}

.resultats_cerca_mapa_gmaps .resultats_una_activitat_foto {
display: none;
}

.resultats_cerca_mapa_gmaps .resultats_una_activitat_info {
padding-left: 0;
max-width: 280px;
}

.resultats_cerca_mapa_gmaps .gm-style {
font-family: rubik, helvetica, arial, sans-serif;
}

.resultats_cerca_mapa_gmaps .gm-style .gm-style-iw {
font-weight: 400;
}

.old {
font-size: 0.625rem;
text-transform: uppercase;
display: inline-block;
line-height: 1;
padding: 2px 8px;
background-color: #ff0;
font-weight: 600;
}

.resultats_una_activitat_info .old {
color: #fff;
background-color: #aaa;
margin-bottom: 3px;
position: relative;
top: -3px;
}

td .old {
color: #666;
background-color: #f7f7f7;
margin-right: 5px;
}

/* resultats cerca taula */

.resultats_taula {
background-color: #fff;
line-height: 1.2;
max-width: 100%;
overflow: auto;
}

.resultats_taula a {
font-weight: 800;
color: #037a44;
}

.resultats_taula a:visited {
color: #999;
}

.resultats_taula a:hover {
color: #c44a12;
}

.resultats_taula p {
margin: 0;}

.resultats_taula tr {
border-bottom: 1px solid #fcb100;
}

.resultats_taula tr:last-of-type {
border-bottom: none;
}

.resultats_taula tr:hover {
background-color: var(--bgbeige);
}

.resultats_taula td {
padding: 8px;
font-size: 0.875rem;
text-align: left;
}

.resultats_taula th {
font-weight: 800;
font-family: rubik, helvetica, arial, sans-serif;
padding: 12px 8px;
background: url(img/bg_textura_groc.jpg) #FCB100;
text-align: left;
}

.resultats_taula tr td:first-of-type,
.resultats_taula tr th:first-of-type {
padding-left: 20px;
}

.resultats_taula tr td:last-of-type,
.resultats_taula tr th:last-of-type {
padding-right: 20px;
}

.ordenable:hover {
cursor: pointer;
color: #c44a12;
background-color: #fcb100;
}

/* Pàgina amb mapa activitats **/

.page-template-activitats #content {
padding: 0;
}

.page-template-activitats .franja_verd {
background-color: var(--bgbeige2);
}

.total_resultats input {
margin-right: 5px;
}

/****************************************
FORMULARI AFEGIR ACTIVITAT
*****************************************/

#pagina_formulari .entry-content {
display: grid;
grid-template-columns: 1fr;
grid-gap: var(--gap);
}

/* Escollir organitzador */

.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0;
}

.ui-menu .ui-menu {
position: absolute;
}

.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
background-color: #fff;
list-style-image: none;
max-width: 400px;
}

.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
color: var(--teula);
}

/* icon support */

.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em;
}

/* left-aligned */

.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
}

/* right-aligned */

.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}

/* amagar possibilitat de marcar desmarcar tots els organitzadors */

.cmb-multicheck-toggle{
display:none;
}

/* organitzador */

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

.afegir_pas0, .afegir_pas1 {
padding: var(--gap);
background-color: var(--bgbeige2);
border-radius: 8px;
}

div[class*="afegir"] h3 {
margin: 0;
font-size: 1.5em;
line-height: 1.2;
color: var(--verdtxt);
}

#ui-id-1 .ui-menu .ui-menu-item {
background-color: #fff;
opacity: 1;
}

.afegir_pas1 input#organitzadors {
margin-top: 1em;
padding-left: 10px;
}

.afegir_pas1 > h3 + p {
margin-bottom: 0;
}

.org-selection li {
list-style-type: none;
padding: var(--gapS);
border-radius: 3px;
margin-bottom: 5px;
background-color: #fff;
}

.org-selection li:last-of-type {
margin-bottom: 1em;
}

.cmb2-hidden {
display: none;
}

.cmb-form .cmb-th {
display: block;
float: none;
padding-bottom: 0;
width: auto;
max-width: 400px;
font-size: 0.9375rem;
}

.cmb-form .cmb-th label {
border: none;
}

/*.desplegat .afegir_pas1 > p,
.desplegat .afegir_pas1 > h3,*/
.desplegat .afegir_pas0,
.desplegat .afegir_pas1 button.activitat-continuar,
.cmb-form .cmb-th label[for=sn_term_organitzador] {
display: none;
}

.desplegat .afegir_pas1 {
grid-column: 1 / -1;
max-width: 800px;
justify-self: center;
}

.desplegat .cmb-form .cmb-th label[for=sn_term_organitzador] {
display: block;
}

.cmb2-id-sn-term-organitzador {
display: none !important;
}

.cmb-form select#sn_term_organitzador {
width: 100%;
}

.desplegat .cmb-form select#sn_term_organitzador {
width: auto;
}

.cmb2-id-sn-term-organitzador .cmb-form .cmb-td {
text-align: center;
}

.cmb-form .cmb-td {
padding: 5px 0px 15px 0;
clear: both;
}

.cmb2-id-sn-term-organitzador .cmb-td {
max-height: 70vh;
overflow: auto;
}

#main .cmb2-wrap .cmb2-id-sn-term-organitzador li {
margin-bottom: 0;
line-height: 1.5;
}

.cmb-form .cmb-th + .cmb-td {
float: none;
}

.activitat-continuar {
margin: 20px 0;
}

#main .activitat-errors li {
color: #f00;
font-style: italic;
margin-bottom: 0;
}

.cmb2-wrap input,
.cmb2-wrap textarea {
width: 100%;
}

.cmb2-wrap input.large-text {
width: 99%;
margin-bottom: 0.5em;
}

.cmb2-wrap input[type="file"] {
background-color: var(--bgbeige);
padding: 20px;
border-radius: 3px;
vertical-align: middle;
}

.cmb2-wrap select {
display: block;
margin-bottom: 1em;
font-size: 14px;
margin-top: 3px;
background-color: #fff;
border-radius: 3px;
padding: 8px;
}

.cmb2-checkbox-list label:hover {
color:  var(--verdtxt);
cursor: pointer;
}

.cmb2-checkbox-list input[type="checkbox"] {
width: 18px;
height: 18px;
}

.cmb2-wrap ul {
padding-left: 0;
}

.cmb2-checkbox-list {
max-width: 500px;
}

.org-selection {
padding-top: 1em;
}

.org-selection li {
margin-bottom: 0;
}

input.button-primary {
margin: 1.5em 0;
}

input.button-primary[disabled="disabled"],
input.button-primary[disabled="disabled"]:hover {
background-color: #ccc;
}

.cmb-type-wysiwyg .cmb-td {
clear: both;
padding: 0;
margin-top: 0;
}

.cmb2-wrap .wp-editor-wrap {
padding: 10px;
background-color: #f2f2f2;
border-radius: 3px;
}

.cmb2-list li {
list-style-type: none;
padding-left: 0;
padding-top: 5px;
}

.cmb2-element .ui-datepicker .ui-datepicker-header, .cmb2-element .ui-datepicker .ui-widget-header, .cmb2-element.ui-datepicker .ui-datepicker-header, .cmb2-element.ui-datepicker .ui-widget-header {
background-color: #037a44;
}

.cmb2-wrap span.cmb2-metabox-description {
display: block;
padding-top: 0.5em;
}

.cmb2-wrap .cmb-type-text-datetime-timestamp input#sn_inici_date,
.cmb2-wrap .cmb-type-text-datetime-timestamp input#sn_final_date {
text-indent: -9999em;
width: 40px;
background: url(img/ico_calendari.svg) no-repeat center center;
background-color: #fff;
}

.cmb2-wrap .cmb-type-text-datetime-timestamp input#sn_inici_date:hover,
.cmb2-wrap .cmb-type-text-datetime-timestamp input#sn_final_date:hover,
.cmb2-wrap .cmb-type-text-datetime-timestamp input#sn_inici_time:hover,
.cmb2-wrap .cmb-type-text-datetime-timestamp input#sn_final_time:hover {
cursor: pointer;
}

.cmb2-wrap .cmb-type-text-datetime-timestamp input#sn_inici_time,
.cmb2-wrap .cmb-type-text-datetime-timestamp input#sn_final_time {
padding-left: 30px;
background: url(img/ico_hora.svg) no-repeat 5px center;
margin-left: 5px;
background-color: #fff;
}



.cmb2-wrap .cmb-type-text-datetime-timestamp .cmb2-metabox-description {
color: #000;
background-color: #f2f2f2;
padding: 5px 10px;
margin-top: 5px;
display: inline;
}

#sn_politica_privadesa {
float: left;
margin-right: 10px;
position: relative;
top: 12px;
}

.cmb2-id-sn-obert .cmb-td {
display: flex;
align-items: baseline;
gap: 10px;
}

.cmb2-wrap input[type="checkbox"] {
width: auto;
}

p.sending {
background-color: #FAE6A3;
padding: 20px 40px;
border-radius: 3px;
}

p.sending img {
margin-right: 20px;
vertical-align: middle;
}

/* Braçalets */

.brasalets {
	display: flex;
	gap: 10px;
padding-top: 20px;
}

.brasalets input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.brasalets span {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 6px 14px;
display: inline-block
}

.brasalets span:hover {
background-color: rgba(255,255,255,0.7);
cursor: pointer;
}

.brasalets input[type="radio"]:checked + span {
	background-color: #fff;

}


/****************************************
LLISTAT NOTÍCIES
*****************************************/

#archive_list {
display: grid;
grid-template-columns: 1fr;
grid-gap: var(--gap);
}

#archive_noticies article {
background-color: #fff;
border-radius: 3px;
overflow: hidden;
line-height: 1.4;
}

p.archive_una_noticia_foto {
margin: 0;
}

.archive_una_noticia_foto img {
display: block;
width: 100%;
}

.archive_una_noticia_info {
padding: var(--gap) var(--gapL);
}


/* relacionats */

#related .wrap {
max-width: none;
}

#related .yarpp-related {
margin: 0;
}

#related .llistat_activitats {
grid-template-columns: 1fr;
}

.relacionats_article {
background-color: #fff;
border-radius: 3px;
overflow: hidden;
}

p.relacionats_una_noticia_foto {
margin: 0;
}

p.relacionats_una_noticia_foto img {
display: block;
}

.relacionats_una_noticia_info {
padding: 0 var(--gap) var(--gap) var(--gap);
}

.relacionats_una_noticia_info h3.teaser_title {
font-size: 1.125rem;
margin-top: 0;
}

.una_noticia_data {
margin-bottom: 0.25em;
font-size: 0.875rem;
}

/* llistat organitzadors i col·laboradors */

#llistat_organitzadors {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
grid-gap: var(--gap);
}

.un_organitzador,
#pagina_collaboradors #llistat_organitzadors p {
background-color: #fff;
text-align: center;
border-radius: 3px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
}

.un_organitzador img {
max-height: 150px;
width: auto;
}

.un_organitzador h2 {
font-size: 0.8125rem;
font-weight: 500;
line-height: 1.3;
padding-top: 10px;
margin-bottom: 0;
padding: 20px;
background-color:  var(--bgverd);
color: #000;
border-radius: 0 0 3px 3px;
margin-top: auto;
min-height: 85px;
}

.un_organitzador a {
flex: 2 0 auto;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}

#pagina_collaboradors #llistat_organitzadors p {
flex: 1 1 280px;
max-width: 320px;
padding: 20px;
}

#pagina_collaboradors #llistat_organitzadors img {
max-height: 200px;
}


/****************************************
GENERALS
*****************************************/


.mobil {
display: block;
}

p {
margin-bottom: 1.5em;

}

a, a:visited {
color: #c44a12;
text-decoration: none;
}

.entry-content a {
text-decoration: underline;
text-underline-offset: 0.2em;
}

a:hover,
a:focus,
a:active {
color: #037A44;
}

a:focus {
outline: thin dotted;
}

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

hr {
background-color: #C7BCA0
}

#secondary a,
#secondary a:visited {
color: var(--bodytxt);
text-decoration: none;
}

#secondary a:hover {
text-decoration: underline;
}

p.boto {
margin-bottom: 0;
}

.boto a, .boto a:visited,
input.button-primary,
button.activitat-continuar {
font-family: rubik, helvetica, arial, sans-serif;
font-weight: 800;
font-size: 0.75rem;
color: #FFFFFF;
text-transform: uppercase;
padding: 8px 16px;
text-decoration: none;
line-height: 1.1;
border-radius: 3px;
display: inline-block;
transition: background-color 0.3s;
}

.home_intro .boto a {
background-color: var(--groc);
padding: 0.75em 2em;
color: var(--marrotxt);
display: inline-block;
margin: 0.5em auto 0 auto;
font-size: 1.125rem;
font-weight: 800;
text-transform: uppercase;
text-shadow: none;
transition: var(--transition);
}

.home_intro .boto a:hover {
background-color: var(--bggroc);
}

.boto.boto_verd a {
background-color:  var(--verdtxt);
}

.boto.boto_verdfosc a {
background-color: #037a44;
}

.boto a:hover {
background-color: #000;
transition: background-color 0.3s;
}

.boto.gran a,
input.button-primary,
button.activitat-continuar {
font-size: 1rem;
background-color: #037a44;
padding: 12px 24px;
border: none;
}

.boto.gran a:hover,
input.button-primary:hover,
button.activitat-continuar:hover {
background-color:  var(--verdtxt);
cursor: pointer;
}

/* galeria fotos */

.imatge-gran {
margin-top: 30px;
}

.peu_galeria {
display: flex;
justify-content: space-between;
}

.peu_galeria .caption {
color: #666;
font-size: 0.875rem;
max-width: calc(100% - 70px);
}

.nav_galeria {
display: flex;
justify-content: flex-end;
}

.nav_galeria li {
list-style-type: none;
width: 20px;
height: 20px;
background-size: contain;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

.nav_galeria li.left {
background: url(img/arrow_gallery_prev.svg) no-repeat left top;
}

.nav_galeria li.right {
background: url(img/arrow_gallery_next.svg) no-repeat right top;
}

.nav_galeria li:hover {
cursor: pointer;
opacity: 0.7;
}

#js-gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
grid-gap: 5px;
}

#js-gallery img {
display: block;
}

/* paginacio */

.page-numbers {
text-align: center;
clear: both;
width: 100%;
font-weight: 700;
grid-column: 1 / -1;
margin-bottom: 0;
}

.page-numbers li {
display: inline-block;
list-style-type: none;
}

.page-numbers li .current {
padding: 6px 14px;
}

.page-numbers a,
.page-numbers a:visited {
padding: 6px 14px;
text-align: center;
display: block;
border: 1px solid #F3E9C7;
border-radius: 3px;
background-color: rgba(255,255,255,0.8);
}

.page-numbers a:hover {
background-color: #F3E9C7;
background-color: rgba(255,255,255,1);
}



/* headers */

h1, h2, h3 {
font-weight: 800;
color: var(--teula);
}

.franja_titol,
h1.entry-title,
#text-2 h2.widgettitle {
font-size: 2rem;
margin: 0 0 .75em 0;
line-height: 1.2;
text-transform: uppercase;
font-weight: 850;
color: var(--teula);
}

.franja_titol,
#franja_activitats .page-header {
text-align: center;
}

.franja_titol  {
margin-bottom: 0.25em;
}
#franja_activitats .page-header {
padding-bottom: 40px}

#franja_activitats .page-header p {
font-size: 1.25rem;
max-width: 800px;
text-wrap: balance;
margin-left: auto;
margin-right: auto;
line-height: 1.3;
}

#single_activitat header h1 {
margin: 0;
font-size: 1.25rem;
color: #fff;
line-height: 1.3;
}

#single_noticia h1 {
margin-top: 0;
margin-bottom: 0;
font-weight: 800;
font-size: 1.25rem;
line-height: 1.2;
}

h3.teaser_title {
margin-bottom: 0;
font-size: 1.25rem;
line-height: 1.3;
}

h3.teaser_title a {
text-decoration: none;
}

h3.teaser_title a:hover {
text-decoration: underline;
}

h2.widgettitle {
margin-bottom: 0;
}

.content_text h1 {
font-weight: 800;
}

.content_text h3 {
color: var(--marrotxt);
font-size: 1.2rem;
font-weight: 800;
}

#main li {
margin-top: 0.5em;
}

.videowrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}

.videowrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* Menú */

.toggled.main-navigation,
.main-navigation.toggled ul {
display: block;
width: 100%;
}

.main-navigation.toggled {
background-color: var(--bgbeige2);
}

.main-navigation ul,
.menu-superior-container {
display: none;
}

.main-navigation ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}

button.menu-toggle {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--verdtxt);
color:#fff;
border:none;
font-size:0.875rem;
font-weight: 500;
line-height: 1;
width:113px;
height: 40px;
position: absolute;
top: 40px;
right: 5%;
border-radius: 3px;
padding: 0;
}

button.menu-toggle::before {
content: "";
width: 13px;
height: 11px;
background: url(img/ico_menu_close.svg) no-repeat center top;
display: inline-block;
margin-right: 8px;
}

.toggled button.menu-toggle::before {
background-position: center -44px;
}

.toggled .menu a {
text-decoration:none;
color: #037a44;
font-size:1.125rem;
padding: 10px 5px 10px 40px;
display: block;
font-weight: 600;
border-bottom: 1px solid var(--bgbeige);
color: var(--marrotxt);
}

.toggled #menu-superior a,
.toggled #menu-edicions-anteriors a {
color: var(--verdtxt);
}

.toggled #menu-edicions-anteriors ul a {
font-weight: 400;
}

.toggled .menu .sub-menu a:before {
content: "- ";
}

.toggled .menu .sub-menu ul a:before {
content: "-- ";
}

.toggled li > ul {
margin-left: 0;
}

.search.mobil {
padding: 10px 5px 30px 40px;
margin-top: 10px;
}

.mobil .searchform {
display: flex;
}

.mobil input[type="search"] {
width: 200px;
border-radius: 3px 0 0 3px;
border: none;
padding-left: 10px;
}

.mobil input[type="submit"] {
width: auto;
background-color: var(--marrotxt);
border-radius: 0  3px 3px 0;
margin: 0;
}

@media (min-width: 450px) {

/* footer */

#footer_logos img {
margin-right: 10px;
height: 60px;
width: auto;
}

#footer_logos img#logo_gencat,
#footer_logos img#logo_diba  {
height: 40px;
}
}

@media (min-width: 680px) {

#single_activitat header h1 {
font-size: 1.5rem;
}

#franja_podcast_llistat, #relacionats_llistat, #franja_rutes_llistat, #related .llistat_activitats {
grid-template-columns: repeat(2, minmax(auto, 400px));
justify-content: center;
}

}

@media (min-width: 768px) {

:root {
--gapXXL: 60px;
}

.mobil {
display: none;
}

#masthead {
background-color: var(--bgverd);
border-bottom: var(--border);
}

.home #masthead {
border-bottom: none;
}

#preheader {
display: flex;
justify-content: flex-end;
align-items: center;
gap: var(--gapL);
padding: 6px var(--gap);
}

#preheader .search-form {
display: flex;
}

.menu-superior-container {
display: block;
}

#xxss {
position: static;
}

.site-title {
margin: 0;
}

.logo {
background-color: #fff;
padding: var(--gapS) var(--gapS) var(--gap) var(--gap);
}

/* generals */

.franja_titol,
h1.entry-title,
#text-2 h2.widgettitle {
font-size: 2.25rem;
}


/* footer */

#footer_logos {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}

.footer_logos_bloc {
margin: 0 20px;
border-bottom: none;
text-align: left;
}

#footer_logos img {
margin-right: 10px;
}

#footer_logos .footer_logos_bloc_organitza img {
height: 75px;
}

.xxss_footer {
grid-template-columns: repeat(2, 1fr);
grid-gap: 40px;
}


/* menu preheader */

#preheader .menu {
margin: 0;
padding: 0;
display: flex;
align-items: baseline;
position: relative;
}

#preheader .menu li {
list-style-type: none;
}

#preheader .menu a, #preheader .menu a:visited {
text-decoration: none;
text-transform: uppercase;
color: var(--bodytxt);
font-size: 0.6875rem;
padding: 0 10px;
font-weight: 500;
}

#preheader .menu a:hover {
text-decoration: underline;
}

#preheader .menu-item-2197766 a {
padding: 3px 12px;
background-color: var(--bgbeige2);
border-radius: 3px;
}

/* menu principal */

button.menu-toggle {
display: none;
}

.main-navigation {
display: block;
text-transform: uppercase;
font-weight: 800;
text-align: center;
clear: both;
font-size: 0.875rem;
}

#primary-menu {
margin: 0;
padding: 0;
display: flex;
position: relative;
background-color: rgba(255,255,255,0.3);
}

#primary-menu li {
text-align: center;
border-left:1px solid var(--bgverd);
flex: 1 1 auto;
}

#primary-menu li:first-of-type {
border-left:none;
white-space: nowrap;
}

#primary-menu li.mobil {
display: none;
}

#primary-menu a,
#primary-menu a:visited {
display: block;
text-decoration: none;
color: var(--bodytxt);
padding: 16px var(--gapS);
line-height: 1;
transition: all 0.3s;
}

#primary-menu li:hover,
#primary-menu li.current-menu-item {
background-color: var(--bgbeige);
transition: all 0.3s;
}

#primary-menu li.current-menu-item {
position: relative;
top: 1px;
margin-top: -1px;
}

#primary-menu li:hover a {
color: var(--marrotxt);
transition: all 0.3s;
}

#primary-menu ul {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
position: absolute;
top: 33px;
left: -999em;
z-index: 99999;
background-color: var(--bgbeige);
text-transform: none;
border-radius: 0 0 4px 4px;
}

.menu-edicions-anteriors-container {
display: block;
}

.menu a {
display: block;
}

.main-navigation ul.sub-menu li {
display: block;
}

.main-navigation ul ul ul{
left: -999em;
top: 0;
}

.main-navigation ul ul a {
width: 200px;
padding: 14px 16px 12px 16px;
font-weight: 400;
border-bottom: 1px solid rgba(0,0,0,0.3);
}

.main-navigation ul ul a:hover {
background: #f3e8c9;
}

.main-navigation ul ul li {
margin: 0;
}

.main-navigation ul ul li.menu-item-has-children > a {
background-image: url(img/arrow_right.svg);
background-repeat: no-repeat;
background-position: calc(100% - 14px) center;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}

/* edicions anteriors peu */

.menu_edicions_anteriors_peu #menu-edicions-anteriors {
display: flex;
gap: var(--gap);
justify-content: center;
margin-bottom: 0;
}

.menu_edicions_anteriors_peu #menu-edicions-anteriors .sub-menu {
display: flex;
gap: var(--gap);
justify-content: center;
padding-left: var(--gap);
}

.menu_edicions_anteriors_peu #menu-edicions-anteriors .menu-item-has-children > a {
float: left;
}

.menu_edicions_anteriors_peu #menu-edicions-anteriors .menu-item-has-children > a:hover {
color: #fff;
cursor: default;
}

/* estructura */

#single_activitat article {
display: grid;
grid-template-columns: 2fr 1fr;
}

/* generals */

.content_text  h2 {
font-size: 1.5rem;
}

h3.teaser_title {
font-size: 1.5rem;
}

#single_activitat header h1 {
font-size: 1.5rem;
line-height: 1.11111;
padding: var(--gapXXL) var(--gapL) var(--gapL) var(--gapL);
}

/***** HOME *****/

/* 2022 - franja destacat */

.home_intro {
padding: var(--gapXXL) var(--gapL) var(--gapXL) var(--gapL);
}

.home_intro h2 {
font-size: 6vw;
}

.home_intro h3 {
font-size: 4vw;
}

.home_intro,
.home_intro .boto a {
font-size: 1.25rem;
}

.home_intro p {
max-width: none;
}

.home_intro ul {
display: flex;
justify-content: space-between;
max-width: 1000px;
gap: var(--gapL);
}

/* 2022 - franja podcasts i rutes home */

#franja_rutes_llistat {
grid-template-columns: repeat(3, 1fr);
}

/* 2022 - franja notícies home */

#franja_noticies .owl-item article {
position: relative;
}

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

.teaser_noticia_foto, .teaser_noticia_info {
grid-column: 1/2;
grid-row: 1/2;
position: relative;
}

.teaser_noticia_foto {
z-index: 1;
}

.teaser_noticia_info {
z-index: 2;
align-self: end;
margin-bottom: var(--gapXL);
}

.teaser_noticia_inner {
background-color: #fff;
padding: var(--gapL);
max-width: 800px;
border-radius: 3px;
}


/* cercador activitats */

.resultats_cerca_mapa_gmaps {
min-height: 450px;
}

.resultats_cerca_mapa_llistat .resultats_una_activitat {
grid-template-columns: minmax(180px, 280px) minmax(400px, 1fr);
grid-gap: var(--gap);
padding-bottom: var(--gap);
margin-bottom: var(--gap);
}

/* Teasers en general */

.teaser_info {
padding-top: var(--gapS);
}

/* singles */

.content_text {
font-size: 1.125rem;
}

/* single activitat */

#single_activitat .tabs,
#main .tabs-menu li {
padding: 40px 30px;
}

#main .tabs-menu li {
padding: 20px 10px 20px 55px;
background-position: 30px center;
margin-top: 0;
}

#single_activitat .resum {
font-size: 1.25rem;
}

p.single_activitat_foto {
min-height: 250px;
max-height: 500px;
overflow: hidden;
}

/* Pàgina amb siblings */

.menu-siblings ul {
gap: var(--gap);
}

/* llistat activitats */

/* formulari afegir activitats */

#pagina_formulari .entry-content {
grid-template-columns: 1fr 1fr;
grid-template-areas:
"afegir_pas0 afegir_pas0"
"afegir_pas1 afegir_pas2";
}

.afegir_pas0 {
grid-area: afegir_pas0;
padding: var(--gapL);
}

.afegir_pas1 {
padding: var(--gapL);
}

.afegir_pas1 {
grid-area: afegir_pas2;
}

.afegir_pas1.organitzador {
grid-area: afegir_pas1;
}

.cmb-form .cmb-th {
font-size: 1rem;
}

.cmb2-id-sn-term-organitzador .cmb-td {
column-width: 300px;
column-gap: 40px;
height: auto;
max-height: none;
}

/* llistat notícies */

#archive_list article {
display: grid;
grid-template-columns: 1fr 1fr;
}

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

/* relacionats */

#relacionats_llistat .relacionats_article {
max-width: 400px;
}
}

@media (min-width: 1020px) {

:root {
--gapXL:60px;
--gapXXL: 80px;
}

.wrap, .page_siblings .wrap_siblings {
width: 95%;
}

/* header */

#masthead {
display: grid;
grid-template-columns: 230px auto 1fr 30px;
grid-template-areas:
"logo masc preheader ."
"logo masc main-navigation main-navigation";
}

#preheader {
grid-area: preheader;
padding: 0;
}

.main-navigation {
width: 100%;
grid-area: main-navigation;
align-self: end;
}

.masc {
grid-area: masc;
width: 50px;
background: url(img/bg_header.svg) no-repeat left center;
background-size: auto 100%;
position: relative;
left: -1px;
margin-right: -50px;
}

#primary-menu li:first-of-type a {
padding-left: 50px;
}

.site-title {
display: flex;
justify-content: center;
align-items: center;
padding: 5px 0 15px 0;
}

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

/* opcions cerca */

.opcions_cerca_fila {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 30px;
margin-bottom: 1em;
}

.opcions_cerca_text {
min-width: 250px;
}

.opcions_cerca_grup .una_activitat_categories a {
width: 50px;
height: 50px;
display: block;
}

.opcions_cerca_dia_nom {
font-size: 0.875rem;
}

.opcions_cerca_dia_numero {
font-size: 1.5rem;
font-weight: 800;
}

.opcions_cerca_dia_mes {
font-size: 0.6875rem;
}

.opcions_cerca_dia, .opcions_cerca_vista li {
margin-right: 3px;
}

.opcions_cerca_dia a, .opcions_cerca_vista li a {
padding: 10px 8px 8px 8px;
width: 60px;
min-height: 60px;
}

.opcions_cerca_vista li a {
width: 80px;
}

.opcions_cerca_grup {
float: left;
margin-bottom: 0;
}

.opcions_cerca ul.opcions_cerca_vista {
float: right;
width: auto;
flex-wrap: nowrap;
}

.opcions_cerca_vista li {
flex: 0 1 80px;
min-height: 40px;
}

.opcions_cerca_data {
width: auto;
float: left;
}

.opcions_cerca_vista img {
margin-top: 6px;
display: inline;
}

/* resultats cerca */

.resultats_una_activitat .una_activitat_categories a {
width: 30px;
height: 30px;
}

.resultats_cerca_mapa_llistat {
padding: var(--gap);
}

.resultats_cerca_mapa_llistat .resultats_una_activitat {
padding-bottom: 20px;
margin-bottom: 20px;
}

/***** HOME *****/


/* 2022 - podcast, rutes */

#franja_podcast .description, #franja_rutes .description {
margin-bottom: var(--gapL);
font-size: 1.125rem;
}

/* singles generals */

#single_activitat #secondary {
order: 2;
z-index: 1;
border-radius: 0 4px 4px 0;
}

#single_activitat #secondary {
padding: 10px 0 60px 0;
}

/* single activitat */

#single_activitat .tabs {
padding: 40px 60px;
}

#main .tabs-menu li {
padding: 20px 10px 20px 85px;
background-position: 60px center;
}

.single_activitat_info {
padding: 30px 40px;
}

.single_activitat_categoria, .single_activitat_public {
padding-left: 30px;
}

.single_activitat_ico {
margin: 0;
}

.single_activitat_info .data {
line-height: 1.5;
}

#related .llistat_activitats {
grid-template-columns: repeat(3, 1fr);
}

/* Pàgines amb fills */

.menu-siblings ul.wrap {
gap: var(--gap);
}

.menu-siblings li a {
font-size: 1rem;
}

/* headers */

.franja_titol,
h1.entry-title,
#text-2 h2.widgettitle {
font-size: 3rem;
}

#single_activitat header h1 {
padding: 60px 60px 40px 60px;
font-size: 2.75rem;
}

#single_noticia h1 {
font-size: 2.75rem;
}

/* Footer */

.xxss_footer {
grid-template-columns: repeat(2, 400px);
justify-content: center;
}

}



@media (min-width: 1200px) {

/* header */

.site-title a {
width: 230px;
height: 100px;
}

#masthead {
grid-template-columns: 260px auto 1fr 30px;
}

.site-title {
align-self: end;
padding: 16px 0 26px 0;
}

#preheader input[type="search"] {
height: 32px;
line-height: 30px;
}

#preheader input.search-submit{
height:32px;
width: 32px;
}

#xxss a {
width: 30px;
height: 30px;
}

.main-navigation {
font-size: 1.0625rem;
align-self: end;
}

#primary-menu a {
padding: var(--gap) var(--gapS);
}

/* 2022 - franja destacat */

.home_intro {
padding: var(--gapXXL) var(--gapL) var(--gapXL) var(--gapL);
}

.home_intro h2 {
font-size: clamp(4.5rem, 4vw, 85px);
}

.home_intro h3 {
font-size: clamp(2.5rem, 2.5vw, 60px);
}

.home_intro,
.home_intro .boto a {
font-size: 1.75rem;
}

.home_intro p {
line-height: 1.3;
}

.home_intro ul {
display: flex;
justify-content: space-between;
max-width: 1000px;
gap: var(--gapL);
}


/* franja podcasts i rutes home */

#franja_podcast_llistat, #relacionats_llistat, #franja_rutes_llistat, #related .llistat_activitats {
grid-template-columns: repeat(4, minmax(auto, 400px));
}

#franja_rutes_llistat {
grid-template-columns: repeat(5, 1fr);
}


/* llistat mapa */

.resultats_cerca {
height: 90vh;
clear: both;
display: grid;
grid-template-columns: minmax(640px, 2fr) 3fr;
background-color: #fff;
border-radius: 8px;
}

.resultats_cerca_mapa_llistat {
z-index: 99;
order: 1;
}

.resultats_cerca_mapa_gmaps.full, .resultats_taula .taula {
grid-column: 1 / -1;
}

.resultats_cerca_mapa_gmaps.slim {
z-index: 1;
order: 2;
overflow: hidden;
}

}


@media (min-width: 1315px) {

.xxss_footer {
grid-template-columns: repeat(2, 400px);
}

}

@media (min-width: 1600px) {
#related .llistat_activitats {
grid-template-columns: repeat(6, 1fr);
}
}