/*
Theme Name: Sindicatura de greuges
Theme URI: http://www.pimpampum.net
Author: Pimpampum.net
Author URI: http://www.pimpampum.net
Description: Tema a mida basat en Underscores
Version: 1.0.0
License: GNU General Public L1icense v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */
@import url("fonts/fonts.css");
@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 */img{display: block;}.video-wrapper{position:relative;padding-bottom:56.25%;height:0}.videowrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}img,canvas{max-width:100%;height:auto}*{box-sizing:border-box}html {scroll-behavior: smooth; content-visibility: auto;}.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;
}

/* SI HI HA STICKY HEADER + ANCHORS {scroll-margin-top: 70px;} */

:root {
--bodytext: #333;
--textgris: #757575;
--accent: #285D86;
--grana: #89205D;
--bgpage: #fff;
--bgblau0: #F1F6F9;
--bgblau1: #266393;
--bgblau2: #214B6B;
--bgblau3: #1B3E5A;
--bgbeige: #EEEBE2;
--bgbeige2: #F9F6EF;
--bggris: #f2f2f2;
--border: 1px solid #D9CFB9;
--borderblauclar: 1px solid rgba(38, 99, 147, 0.3);
--radius: 8px;
--radiusS: 4px;
--gapXXS: 10px;
--gapXS: clamp(16px, 1.1vw, 20px);
--gapS: clamp(20px, 2vw, 40px);
--gapM: clamp(30px, 3.2vw, 60px);
--gapL: clamp(40px, 4.2vw, 80px);
--gapXL: clamp(60px, 6.25vw, 120px);
--gapXXL: clamp(80px, 8vw, 160px);
--font12: clamp(0.625rem, 0.625vw, 0.75rem);
--font13: clamp(0.75rem, 0.625vw, 0.8125rem);
--font14: clamp(0.8125rem, 0.842vw, 0.875rem);
--font16: clamp(0.875rem, 1vw, 1rem);
--font17: clamp(0.875rem, 1.6vw, 1.0625rem); /* 16px a 1000px*/
--font18: clamp(1rem, 0.9375vw, 1.125rem);
--font20: clamp(1rem, 1.04vw, 1.25rem);
--font22: clamp(1.125rem, 1.4vw, 1.375rem);
--font24: clamp(1.25rem, 1.354vw, 1.5rem);
--font26: clamp(1.3125rem, 1.6vw, 1.625rem);
--font30: clamp(1.375rem, 1.5625vw, 1.875rem);
--font36: clamp(1.5rem, 1.875vw, 2.25rem);
}

[class*="equitativa"], [class*="fair"] {--color: #89205D; --bgcolor: rgba(240, 217, 116, 0.3);}
[class*="habitable"], [class*="liveable"] {--color: #17875D; --bgcolor: rgba(23, 135, 93, 0.08);}
[class*="garantista"], [class*="guarantee"] {--color: #36438B; --bgcolor: rgba(93, 94, 185, 0.1);}
[class*="divers"] {--color: #9C3B5F; --bgcolor: rgba(126, 49, 86, 0.1);}

/* Icoajuntament */

#preheader .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after,
#masthead div[class^="menu-"] ul li.menu-item-has-children > a::after,
.filtres_drets h3::after,
.home_drets_bloc .undret li::before,
.teaser_informe h3 a::before,
p.teaser_informe a::before,
.teaser_informe_foto a::after,
.widget_interseccional li::before {
font-family: 'icoajuntament' !important;
speak: none;
font-style: normal;
font-variant: normal;
text-transform: none;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
}

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

body,
button,
input,
select,
textarea {
font-family: "poppins", helvetica, arial, sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.5;
color: var(--bodytext);
background-color: var(--bgpage);
}

.wrap,
.tribe-events-view--list,
.tribe-events-view--month,
.queixa_ciutadana > .wp-block-group__inner-container,
.actuacio_ofici > .wp-block-group__inner-container {
width: 100%;
max-width: calc(1440px + 10vw);
padding-left: 5vw;
padding-right: 5vw;
position: relative;
margin-left: auto;
margin-right: auto;
}

main {
padding-bottom: var(--gapL);
}

.single-post main, main.page_butlleti {
padding-bottom: 0;
}

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

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

#preheader {
order: 1;
background-color: var(--bgblau3);
}

#preheader .wrap {
display: flex;
justify-content: flex-end;
align-items: baseline;
gap: var(--gapS);
}

#preheader a,
#preheader a:visited {
color: #fff;
padding: var(--gapXXS) 0;
display: flex;
}

.header_container {
display: flex;
justify-content: space-between;
order: 2;
padding-top: var(--gapXS);
padding-bottom: var(--gapXS);
}

.site-branding {
width: 110px;
}


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

footer {
clear: both;
}

.site-footer, .site-footer a, .site-footer a:visited {
color: #fff;
}

.site-footer ul {
padding-left: 0;
margin: 0;
}

.footer_menu_info li:not(.noclic) a:hover {
text-decoration: underline;
}

.footer_menu {
padding: var(--gapM);
background-color: var(--bgblau3);
}

.site-footer .footer_menu ul.menu > li {
font-weight: 700;
break-inside: avoid;
margin-bottom: 1em;
}

.site-footer .sub-menu {
font-weight: 400;
font-size: var(--font14);
}

.site-footer .sub-menu li {
display: inline;
}

.site-footer .sub-menu li::after {
content: "|";
padding: 0 5px;
opacity: 0.5;
}

.site-footer .sub-menu li:last-of-type::after {
content: none;
}

.site-footer .sub-menu a {
color: rgb(255,255,255,0.8);
font-size: 0.8125rem;
}

.footer_info {
padding: var(--gapM);
background-color: var(--bgblau2);
}

.footer_xxss {
background-color: var(--bggris);
}

.footer_xs {
padding: var(--gapM) 0;
border-bottom: 1px solid rgb(0,0,0,0.2);
}

.footer_xs > * {
max-width: 500px;
margin: 0 auto;
}

.footer_xxss_ico {
display: flex;
gap: var(--gapS);
}

.footer_xxss_ico a {
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-size: contain;
text-indent: -999em;
display: block;
}

.footer_xxss_ico a[href*="instagram"] {
background-image: url(img/ico_ig_white.svg);
}

.footer_xxss_ico a[href*="facebook"] {
background-image: url(img/ico_fb_white.svg);
}

.footer_xxss_ico a[href*="twitter"] {
background-image: url(img/ico_tw_white.svg);
}

.footer_xxss_ico a[href*="t.me"] {
background-image: url(img/ico_telegram_white.svg);
}

.footer_xxss_ico a[href*="tiktok"] {
background-image: url(img/ico_tiktok_white.svg);
}

#sb_instagram #sbi_images {
display: grid;
grid-template-columns: 1fr 1fr;
}

#sb_instagram .sbi_photo_wrap {
border-radius: var(--radiusS);
overflow: hidden;
}

.footer_legal {
background-color: #163146;
display: flex;
justify-content: center;
padding: 8px 5vw;
font-size: var(--font12);
}

#block-12, #block-13 {
mix-blend-mode: multiply;
}

#block-13 blockquote {
margin: 0;
}

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

a,
a:visited {
color: var(--accent);
text-decoration: none;
word-wrap: break-word;
text-underline-offset: 0.2em;
}

.entry-content a {
text-decoration: underline;
text-decoration-color: #357BB1;
}

.entry-content h2 a,
.entry-content h3 a,
.entry-content h4 a {
text-decoration: none;
}

a:hover,
a:focus,
a:active,
.entry-content h2 a:hover,
.entry-content h3 a:hover,
.entry-content h4 a:hover {
text-decoration: underline;
text-decoration-color: var(--color);
}

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

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

.entry-content ol,
.page-content ol {
list-style-type: decimal;
}

.entry-content li,
.page-content li {
padding-left: 0.5em;
}

.entry-content {
text-align: justify;
-webkit-hyphens: auto;
hyphens: auto;
}

.bt a,
.bt a:visited,
button,
.wp-block-button__link,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
background-color: #fff;
text-transform: uppercase;
font-size: var(--font14);
font-weight: 800;
padding: var(--gapXXS) var(--gapXS);
text-decoration: none;
color: var(--accent);
border-radius: var(--radiusS);
border: 2px solid var(--accent);
display: inline-block;
}

.bt.view-more a,
.bt.view-more a:visited {
background-color: var(--accent);
color: #fff;
}

.bt.view-more a:hover {
color: var(--accent);
background-color: #fff;
}

.search-form {
display: flex;
gap: var(--gapXXS);
max-width: 400px;
}

input#cerca-text,
input.search-field {
font-size: var(--font16);
border: 2px solid var(--accent);
border-radius: var(--radiusS);
padding: var(--gapXXS) var(--gapXS);
}

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

.mes_link a {
text-transform: uppercase;
color: #fff;
font-size: var(--font16);
display: flex;
font-weight: 600;
margin-top: var(--gapS);
gap: var(--gapXXS);
}

.mes_link a::after {
content: url(img/ico_arrow_right_white.svg);
}

.home_informes .mes_link a::after {
content: url(img/ico_arrow_right_accent.svg);
}

.entry-content ul {
list-style-type: disc;
padding-left: 0;
}

.entry-content ul ol {
list-style-type: decimal;
padding-left: 0;
}

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

strong, b {
font-weight: 700;
}

h1, h2, h3, h4 {
margin: 0;
font-weight: 900;
}

h1, h2, h3 {
line-height: 1.2;
}

h1 {
font-size: var(--font36);
font-weight: 800;
}

article.type-post h1.entry-title {
margin-bottom: 1em;
}

h1.tribe-events-single-event-title {
font-size: var(--font30);
color: var(--accent);
}

h2 {
font-size: var(--font24);
}

.tribe-events-schedule h2 {
font-size: var(--font20);
color: var(--accent);
font-weight: 600;
}

h3 {
font-size: var(--font20);
line-height: 1.166;
}

h4 {
font-size: var(--font18);
}

h5 {
font-size: var(--font16);
}

.entry-content h2,  
.entry-content h3,
.entry-content h4, 
.entry-content h5 {
color: var(--accent);
margin-top: 3em;
margin-bottom: 1em;
position: relative;
padding-bottom: 1em;
}

.entry-content h2::after, .entry-content h3::after,
.entry-content h4::after, .entry-content h5::after,
.yarpp h2::after {
content: "";
position: absolute;
width: 2em;
height: 0.5em;
bottom: 0;
left: 0;
border-bottom: 0.25em solid var(--accent);
}

.entry-content h2.nomargin {
margin-top: 0;
}

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

figcaption {
font-size: 0.75rem;
text-align: right;
}

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

.hide_mobile {
display: none;
}

.bg_header {
background-color: var(--bgblau1);
padding: var(--gapS) 0;
margin-bottom: var(--gapM);
}

.bg_header h1.page-title {
color: #fff;
font-weight: 800;
font-size: var(--font36);
}

/**************************
PPP - ESTRUCTURA
***************************/

.grid2, .grid3, .grid4 {
display: grid;
grid-template-columns: 1fr;
grid-gap: var(--gapS);
}

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

.grid3 {
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
grid-column-gap: var(--gapS);
grid-row-gap: var(--gapM);
}

/**************************
PPP - HOME
***************************/

/* HOME */

.home_intro {
background-color: var(--bgblau1);
display: flex;
flex-direction: column;
}

.home_intro_txt {
color: #fff;
font-size: var(--font20);
padding: var(--gapM);
order: 2;
}

.home_intro_carousel {
order: 1;
}

.home_intro_carousel .slide img {
width: 100%;
height: 100%;
max-height: 300px;
object-fit: cover;
display: block;
}

.home_intro_carousel .owl-dots-play {
display: flex;
align-items: center;
position: absolute;
bottom: 10px;
right: 10px;
background: #fff;
border-radius: 20px;
padding: 0 4px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}

.home_intro_carousel .owl-dots {
display: flex;
order: 2;
padding: 2px 0;
}

.home_intro_carousel .play-controls {
padding: 2px 0;
order: 1;
border-right: 1px solid rgba(0, 0, 0, 0.2);
margin-right: 5px;
padding-right: 3px;
}

.home_intro_carousel .owl-dots button {
display: block;
}

.home_intro_carousel .carousel-play,
.home_intro_carousel  .carousel-stop {
height: 10px;
}

.owl-theme .owl-dots .owl-dot.active span {
background-color: var(--bgblau3);
}

.home_queixa {
background-color: var(--bgblau2);
color: var(--bgbeige2);
text-align: center;
padding: var(--gapXS) 0;
}

.home_queixa a,
.home_queixa a:visited {
color: var(--bgbeige2);
}

.home_queixa a::after {
content: url(img/ico_arrow_right_white.svg);
padding-left: var(--gapXXS);
}

.home_queixa img {
display: inline-block;
}

.home_queixa h2 {
font-size: var(--font30);
margin: var(--gapXS);
}

.home_queixa .bt a {
background-color: transparent;
border-color: var(--bgbeige2);
text-transform: none;
}

.home_queixa .bt a:hover {
text-decoration: underline;
}

.home_drets_intro {
padding-top: var(--gapXL);
}

.home_drets_intro h2 {
color: var(--grana);
font-size: var(--font24);
text-align: center;
font-weight: 600;
margin-bottom: 0.5em;
}

.home_drets_intro h2 span {
font-size: var(--font36);
font-weight: 900;
display: block;
text-transform: uppercase;
}

.home_drets_intro img {
display: block;
width: 60px;
margin: 0 auto -26px auto;
}

.home_drets_bloc {
padding: var(--gapXXL) 0;
background: url(img/bg_degradat_home.png) no-repeat center center;
background-size: cover;
}

.home_drets_bloc .wrap {
display: grid;
grid-template-columns: 1fr;
grid-column-gap: var(--gapXS);
grid-row-gap: calc(var(--gapXS) + 37px);
}

.home_drets_bloc .undret {
background-color: #fff;
border-radius: var(--radius);
padding: 0 var(--gapXS) var(--gapXS) var(--gapXS);
font-size: var(--font14);
font-weight: 500;
}

.home_drets_bloc .undret img {
display: block;
margin: -37px auto var(--gapXS) auto;
margin-right: auto;
}

.home_drets_bloc .undret h3 {
font-size: var(--font26);
line-height: 1.1;
text-align: center;
font-weight: 800;
margin-bottom: 1em;
}

.home_drets_bloc .undret h3 a {
color: var(--color);
}

.home_drets_bloc .undret li::before {
content: "\e998";
color: var(--color);
font-size: 0.75rem;
margin-right: 4px;
}

.widget_interseccional {
text-align: center;
background-color: #F9F6EF;
border-top: var(--gapXXS) solid #fff;
padding-bottom: var(--gapXL);
font-size: var(--font18);
}

.widget_interseccional h2 {
color: var(--grana);
font-size: var(--font36);
line-height: 1.2;
margin: var(--gapL) 0 var(--gapXS) 0;
}

.widget_interseccional ul {
margin: var(--gapS) 0;
padding: 0;
column-count: 2;
column-gap: var(--gapS);
}

.widget_interseccional li {
font-weight: 800;
font-size: var(--font14);
color: var(--grana);
text-align: left;
margin-bottom: 0.25em;
display: flex;
}

.widget_interseccional li::before {
content: "\e9c7";
font-weight: 800;
margin-right: 8px;
}

.widget_interseccional .ico_panot {
margin: -66px 0 var(--gapS) 0;
}

.widget_interseccional .ico_panot img {
margin: 0 auto;
}

.home_noticies > img {
display: block;
margin: -37px auto 14px auto;
}

.home_noticies {
padding-bottom: var(--gapL);
}

.home_noticies h2 {
text-align: center;
font-size: var(--font36);
font-weight: 900;
color: var(--accent);
margin-bottom: var(--gapM);
}

.home_noticies .bt {
margin: var(--gapM) auto 0 auto;
display: flex;
justify-content: center;
}

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

.home_informes_agenda h2 {
font-size: var(--font36);
font-weight: 900;
color: var(--accent);
margin-bottom: var(--gapM);
}

.home_informes, .home_agenda {
padding: var(--gapM) 5%;
}

.grid_informes {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: var(--gapM);
overflow: hidden;
}

.home_informes {
background-color: var(--bgbeige);
}

.teaser_informe_foto {
padding-right: 66px;
background: url(img/bg_informe.png) no-repeat bottom right;
background-size: auto;
background-size: 100% auto;
width: 220px;
}

.home_informes .teaser_informe_foto img {
max-height: none;
}

.home_informes .teaser_informe_foto {
padding-right: 16px;
}

.home_informes .owl-carousel .owl-nav {
position: absolute;
left: 0;
bottom: -50px;
display: flex;
}

.home_informes .owl-carousel .owl-nav button {
width: 32px;
height: 32px;
display: flex;
text-indent: -999em;
background: url(img/ico_arrow_right_cercle_accent.svg) no-repeat center center;
background-size: contain;
}

.home_informes .owl-carousel .owl-prev {
transform: rotate(180deg);
}

.home_informes .owl-theme .owl-nav [class*="owl-"]:hover {
background: url(img/ico_arrow_right_cercle_accent.svg) no-repeat center center transparent;
}

.home_informes .mes_link a,
.home_informes .mes_link a:visited {
color: var(--accent);
}

.home_agenda {
background-color: var(--bgblau1);
color: #fff;
}

.home_agenda h2 {
color: #fff;
}

.home_agenda a,
.home_agenda a:visited {
color: #fff;
}

.list_agenda {
border-top: 1px solid #fff;
margin: 0;
padding: 0;
}

.list_agenda h3 {
font-weight: 800;
margin: 0;
padding: 0;
}

.list_agenda h3::after {
content: none;
}

.list_agenda li {
border-bottom: 1px solid #fff;
display: flex;
align-items: center;
gap: var(--gapS);
padding: var(--gapXS) 0 var(--gapXS) var(--gapXXS);
}

.list_agenda_data {
font-size: var(--font36);
font-weight: 700;
text-align: center;
line-height: 1;
margin: 0;
min-width: 2em;
}

.list_agenda_data span {
font-size: var(--font12);
font-weight: 600;
display: block;
margin: 0 auto;
text-transform: uppercase;
}

.list_agenda_hora {
font-size: var(--font14);
font-weight: 500;
margin: 0;
}

.home_english {
background-color: var(--bgblau2);
color: var(--bgbeige2);
padding: var(--gapXS) 0;
}

.home_english ul {
padding: 0;
margin: 0;
font-size: var(--font30);
margin: var(--gapXS);
font-weight: 900;
}

.home_english li {
display: flex;
align-items: center;
gap: var(--gapXS);
}

.home_english li::before {
background: url(img/ico_arrow_right_neg.svg) no-repeat center center;
width: 20px;
height: 20px;
display: flex;
background-size: contain;
content:"";
}

.home_english a, .home_english a:visited {
color: var(--bgbeige2);
}

/* Banner newsletter */

.banner_newsletter {
background-color: var(--grana);
color: var(--bgbeige);
text-align: center;
}

.banner_newsletter .wp-block-media-text__content {
position: relative;
z-index: 2;
padding-bottom: var(--gapM);
}

.banner_newsletter .wp-block-media-text__content figure {
margin: 0;
}

.banner_newsletter .wp-block-media-text__content img {
display: block;
margin: -37px auto var(--gapS) auto;
}

.banner_newsletter h2 {
font-size: var(--font36);
margin-bottom: 0.5em;
}

.banner_newsletter .wp-block-buttons {
justify-content: center;
}

.banner_newsletter .wp-block-button__link {
color: var(--bgbeige);
border-color: var(--bgbeige);
background-color: transparent;
}


/* Banner landings */

.banner_landing.wp-block-cover {
min-height: 0;
padding: var(--gapM) 0;
overflow: hidden;
}

.banner_landing .wp-block-group__inner-container {
display: flex;
flex-direction: column;
gap: var(--gapS);
align-items: center;
font-weight: 800;
font-size: var(--font30);
color: var(--bgbeige);
text-align: center;
}

.banner_landing p {
margin: 0;
}

.banner_landing .wp-block-button__link {
white-space: nowrap;
}

.banner_landing .wp-block-button__link::after {
content: url(img/ico_arrow_right_white.svg);
padding-left: var(--gapXXS);
}

.banner_landing .wp-block-cover__image-background {
filter: grayscale(1) blur(3px);
}

/* ODS */

.ods {
padding-top: var(--gapM);
text-align: center;
}

.ods_header h2 {
font-size: var(--font36);
margin-bottom: 0.5em;
color: var(--accent);
}

.ods_header figure.ico_ods {
margin: 0 auto var(--gapXXS) auto;
padding: 8px;
width: 100px;
}

.ods .wp-block-gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(95px, 1fr));
grid-gap: var(--gapXXS);
}

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

/* Pagines en general */

.entry-header-bg {
background-color: var(--bgblau1);
color: #fff;
}

header .entry-header-info {
padding: var(--gapS) 5vw var(--gapM) 5vw;
}

header p.pretitol {
font-weight: 500;
margin-bottom: 0.5em;
font-size: var(--font12);
letter-spacing: 0.12em;
text-transform: uppercase;
color: rgba(255,255,255,0.8);
}

header .pretitol a,
header .pretitol a:visited {
color: rgba(255,255,255,0.8);
}

header .pretitol a:visited {
color: rgba(255,255,255,1);
text-decoration: underline;
}

.page .entry-intro {
background-color: var(--bgblau0);
padding: var(--gapM) 0;
}

.page .entry-intro .wrap > *:last-of-type {
margin-bottom: 0;
}

.page .entry-content,
.page-content {
margin-top: var(--gapL);
overflow: hidden;
}

.page .entry-content > figure.wp-block-image {
border-radius: var(--radiusS);
overflow: hidden;
}

.basic_page .entry-content > *,
.basic_page .entry-intro .wrap > * {
max-width: 720px;
}

.page-id-62 .basic_page  .wrap > * {
max-width: none;
}

.full-width .entry-content.wrap {
max-width: none;
padding: 0;
}

/* Pàgina presentar queixa */

.form_queixa {
background-color: var(--bgbeige2);
max-width: 600px;
font-size: var(--font26);
font-weight: 700;
padding: 0 var(--gapS) var(--gapS) var(--gapS);
text-align: center;
border-radius: var(--radius);
margin: var(--gapL) var(--gapM) var(--gapM) var(--gapM);
}

.entry-content .form_queixa a,
.entry-content .form_queixa a:visited {
color: var(--grana);
text-decoration: none;
}

.entry-content .form_queixa a:hover {
text-decoration: underline;
text-decoration-color: var(--grana);
}

/* Pàgina procediment queixa */

.queixa_intro {
background-color: var(--bgbeige);
padding: var(--gapL) 0 var(--gapXL) 0;
margin: var(--gapL) auto 0 auto;
}

.queixa_intro .wrap {
max-width: 1020px;
}

.queixa_intro h2 {
margin: 0 auto;
text-align: center;
font-size: var(--font36);
color: var(--grana);
}

figure.ico_apartat {
margin: 0;
}

.ico_apartat img {
display: block;
margin: 0 auto;
position: relative;
top: -44px;
}

.queixa_ciutadana {
background-color: var(--bgbeige2);
padding-bottom: var(--gapXL);
}

.queixa_ciutadana h3,
.actuacio_ofici h3 {
color: var(--grana);
font-size: var(--font30);
line-height: 1.2;
margin: 0 0 var(--gapXS) 0;
text-align: center;
}

.queixa_ciutadana h4 {
color: var(--grana);
font-size: var(--font20);
}

.queixa_ciutadana .wp-block-group:first-of-type h4 {
margin-top: 0;
}

.queixa_intro h2::after,
.queixa_ciutadana h3::after,
.actuacio_ofici h3::after {
content: none;
}

.queixa_ciutadana h4::after {
border-color: var(--grana);
}

.grid_ofici figure {
float: left;
margin-right: var(--gapS);
}

.grid_ofici .wp-block-group {
clear: both;
overflow: hidden;
margin-bottom: var(--gapS);
}

/* Presèncial al territori - text + mapa */

main.page-territori {
padding: 0;
}

.page-territori .bg_header {
margin-bottom: 0;
}

.page-territori .entry-content {
margin-top: 0;
}

.bloc_territori {
border-bottom: var(--borderblauclar);
}

.bloc_territori_info {
padding: var(--gapM) 5vw;
}

.bloc_territori h2:first-of-type {
margin-top: 0;
}

.bloc_territori img {
max-width: none;
width: 100%;
max-height: 250px;
object-fit: cover;
}

.territori-map {
width: 100%;
position: relative;
}

.territori-map iframe {
border: 0;
display: block;
}

.llegenda_mapa {
position: absolute;
top: 70px;
right: 5px;
padding: var(--gapXXS);
background-color: #000;
margin-left: 0;
border-radius: var(--radiusS);
font-size: 0.625rem;
font-weight: 600;
color: #fff;
}

.llegenda_mapa li {
display: flex;
gap: 5px;
align-items: center;
margin-bottom: 3px;
}

.llegenda_mapa img {
width: 20px;
}

.bloc_territori .list_agenda_data {
font-size: var(--font30);
}

.bloc_territori  .list_agenda h3 {
font-size: var(--font18);
}

.bloc_territori .list_agenda li {
color: var(--accent);
border-top: var(--borderblauclar);
border-bottom: none;
gap: var(--gapXS);
}

.bloc_territori .mes_link a,
.bloc_territori .mes_link a:visited {
color: var(--accent);
font-size: var(--font13);
}

.bloc_territori p.teaser_informe {
font-size: var(--font14);
font-weight: 600;
margin-bottom: 0.5em;
}

.bloc_territori .mes_link a {
margin-top: 0;
}

.bloc_territori .mes_link a::after{
content: url(img/ico_arrow_right_accent.svg);
}

/* Llistat informes carrer */

body[class*="informes_carrer"] .page-content > ul {
padding: 0;
max-width: 1000px;
margin: 0 auto;
}

body[class*="informes_carrer"] .page-content > ul > li {
padding-left: 0;
}

/* Landing */

.landing {
background-color: var(--bgbeige2);
padding-bottom: 0;
}

.landing .entry-content {
margin-top: 0;
}

.landing_header {
background-color: var(--grana);
background-size: cover;
background-position: center bottom;
}

.landing_franja {
padding: 0 0 var(--gapXL) 0;
}

.landing h1.entry-title {
padding-top: var(--gapXL);
padding-bottom: var(--gapXL);
background-color: rgba(137, 32, 93, 0.85);
text-shadow: 0 0 12px rgba(0,0,0,0.2);
}

.landing h1.entry-title .wrap {
max-width: 1200px;
text-align: center;
color: #fff;
}

.landing h2, 
.landing h3 {
color: var(--grana);
}

.landing h2 {
font-size: var(--font36);
margin: 0;
text-align: center;
}

.landing h2::after {
content: none;
}

.landing h3:after {
border-color: var(--grana);
}

.landing_franja_meitat {
background: var(--bgblau2);
}

.landing_intro {
font-size: var(--font20);
color: #fff;
text-align: center;
background-color: #731B4E;
}

.landing_intro_inner {
max-width: 860px;
margin: 0 auto;
padding: var(--gapL) 0 var(--gapXL) 0;
font-weight: 500;
}

.landing_acces {
text-align: center;
max-width: 1300px;
margin: 0 auto;
}

.landing_acces img {
max-width: 140px;
margin: 0 auto;
}

.landing_acces h3 {
margin-top: 1em;
}

.landing_acces h3::after {
left: calc(50% - 1em);
}

.landing_objectius .grid_landing .wp-block-group__inner-container {
margin-bottom: var(--gapS);
}

.landing_membres {
padding-bottom: var(--gapL);
}

.landing_membres .wp-block-columns {
margin-top: var(--gapM);
}

.landing_membres .wp-block-columns li::marker {
color: var(--grana);
content: "\279E";
}

.landing_proces {
background-color: var(--bgblau1);
color: #fff;
}

.landing_proces h2 {
text-align: left;
color: #fff;
}

.landing .fons_blau {
background-color: var(--bgblau1);
color: #fff;
}

.landing .fons_blau h3:after {
border-color: #fff;
}

.landing .fons_blau a,
.landing .fons_blau a:visited,
.landing .fons_blau h2,
.landing .fons_blau h3 {
color: #fff;
}

/* cerca */

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

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

/**************************
PPP - TEASERS
***************************/

article[class^="teaser"] h2,
article[class^="teaser"] h3 {
font-size: var(--font16);
line-height: 1.25;
font-weight: 800;
}

article.teaser_butlleti {
font-size: var(--font16);
}

article.teaser_butlleti h2 {
font-size: var(--font18);
margin-bottom: 0.25em;
}

.teaser_noticia_foto {
margin-bottom: var(--gapXXS);
}

.teaser_butlleti_foto {
margin-bottom: var(--gapXS);
}

.teaser_noticia img,
.teaser_butlleti_foto img {
border-radius: var(--radiusS);
}

.date {
font-size: var(--font12);
color: var(--textgris);
margin-bottom: 0.25em;
}

.teaser_row figure {
max-width: 200px;
margin: 0 20px 20px 0;
}

/**************************
PPP - SINGLE NOTÍCIA
***************************/

.single-post article.type-post {
margin-bottom: var(--gapL);
}

article.type-post .entry-header {
background-color: var(--bgblau1);
}

article.type-post .entry-header-info {
color: #fff;
padding-top: var(--gapM);
}

article.type-post .post-thumbnail {

}

article.type-post .post-thumbnail img {
width: 100%;
height: 100%;
max-height: 250px;
object-fit: cover;
}

article.type-post .entry-content p strong,
article.type-post .entry-content li strong {
font-weight: 600;
color: #000;
}

aside#secondary {
font-size: var(--font14);
font-weight: 500;
}

aside#secondary h2 {
color: var(--accent);
font-size: var(--font20);
margin-bottom: 0.25em;
}

aside#secondary .widget {
margin-bottom: var(--gapM);
}

aside#secondary ul {
margin: 0;
padding: 0;
}

aside#secondary li {
padding: var(--gapXXS) 0;
border-top: var(--borderblauclar);
}

article.type-post .sidebar_noticies {
display: block;
}

.yarpp.yarpp-related {
padding: var(--gapM) 0;
background-color: var(--bgbeige);
margin: 0;
}

.yarpp h2 {
color: var(--accent);
position: relative;
padding-bottom: 1em;
}

/**************************
PPP - BUTLLETÍ
***************************/

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

.header_butlleti p {
margin: 0;
}

.page_butlleti .banner_newsletter {
margin-top: var(--gapL);
}

/**************************
PPP - LLISTAT ACTUACIONS
***************************/

ul.actuacions_llistat {
margin: 0;
padding: 0;
grid-gap: var(--gapXS);
}

.una_actuacio {
padding: var(--gapXS) 0;
border-bottom: var(--borderblauclar);
display: grid;
grid-template-columns: 27px 1fr;
grid-gap: var(--gapXS);
}

.una_actuacio h2 {
font-size: var(--font18);
font-weight: 700;
margin-bottom: var(--gapXXS);
}

.actuacio_meta {
display: flex;
flex-wrap: wrap;
gap: var(--gapXXS);
font-size: var(--font12);
}

.actuacio_meta p {
margin: 0;
}

.actuacio_meta li {
list-style-type: none;
padding-left: 0;
}

.actuacio_drets {
display: flex;
flex-wrap: wrap;
column-gap: var(--gapXXS);
row-gap: 0.5em;
list-style-type: none;
margin: 0;
padding: 0;
}

.actuacio_drets a,
.actuacio_drets a:visited {
color: var(--color);
font-weight: 600;
}

.actuacio_data {
font-size: var(--font13);
}

.una_actuacio .actuacio_doc {
margin: 0;
}

.una_actuacio .actuacio_doc a {
width: 27px;
height: 36px;
background: url(img/ico_pdf.svg) no-repeat center center;
background-size: contain;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
}

.una_actuacio li[class*="equitativa"], .una_actuacio li[class*="fair"],
.una_actuacio li[class*="habitable"], .una_actuacio li[class*="liveable"],
.una_actuacio li[class*="garantista"], .una_actuacio li[class*="guarantee"],
.una_actuacio li[class*="divers"] {
color: var(--color);
font-weight: 600;
background-color: var(--bgcolor);
border-radius: 10px;
padding: 0 10px;
}

.una_actuacio li[class*="equitativa"]::after, .una_actuacio li[class*="fair"]::after,
.una_actuacio li[class*="habitable"]::after, .una_actuacio li[class*="liveable"]::after,
.una_actuacio li[class*="garantista"]::after, .una_actuacio li[class*="guarantee"]::after,
.una_actuacio li[class*="divers"]::after {
content: "\00BB";
padding-left: 3px;
color: var(--color);
font-weight: 600;
}

/* Informes a peu de carrer - Basats en actuacions */

ul.informes_carrer {
margin: 0;
}

ul.informes_carrer li.una_actuacio {
padding: 0;
border: none;
grid-gap: var(--gapXXS);
}

.informes_carrer .una_actuacio h2 {
font-size: var(--font16);
margin-bottom: 0.25em;
padding-bottom: 0;
}

.informes_carrer .una_actuacio h2::after {
content: none;
}

.informes_carrer .una_actuacio .actuacio_doc a {
width: 16px;
height: 20px;
}

.bloc_territori_info .list_agenda li {
margin-bottom: 0;
}

ul[class*="informes_carrer"] .actuacio_data {
margin-bottom: 0;
}


/****************************************************
PPP - FILTRES DRETS ACTUACIONS + NOTÍCIES
*****************************************************/

.filtres_drets {
margin-bottom: var(--gapS);
}

.filtres_drets .undret {
position: relative;
margin-bottom: 4px;
}

.filtres_drets h3 {
font-size: var(--font14);
font-weight: 800;
display: flex;
justify-content: space-between;
align-items: center;
background: rgba(38, 99, 147, 0.04);
padding: var(--gapXXS) var(--gapXS);
margin-bottom: 0;
border: var(--borderblauclar);
border-radius: var(--radiusS);
white-space: nowrap;
overflow: ellipsis;
}

.filtres_drets h3 {
color: var(--color);
}

.filtres_drets .undret.desplegat h3 {
border-radius: var(--radiusS) var(--radiusS) 0 0;
border-bottom: none;
}

.filtres_drets .undret.desplegat h3::after {
transform: rotate(180deg);
padding-left: 0;
}

.filtres_drets h3::after {
padding-left: 5px;
content: "\e9b9";
font-size: var(--font14);
position: static;
font-weight: 900;
color: var(--color);
}

.filtres_drets .undret ul {
margin: 0;
padding: var(--gapXS) 0 0 0;
background-color: #fff;
border: var(--borderblauclar);
border-radius: 0 0 var(--radiusS) var(--radiusS);
padding: var(--gapXS) 0 var(--gapXXS) 0;
}

.filtres_drets .undret li {
list-style-type: none;
padding-left: 0;
}

.filtres_drets .undret label {
font-size: var(--font14);
font-weight: 400;
padding: 0 var(--gapXS) var(--gapXXS);
display: flex;
align-items: flex-start;
gap: var(--gapXXS);
}

.filtres_drets .undret label:hover {
color: #000;
}

.filtres_drets .undret input[type="checkbox"] {
border: 1px solid #878787;
border-radius: 2px;
margin-top: 3px;
}

.filtres_drets .cercador {
display: flex;
margin-top: var(--gapXS);
}

.filtres_drets input#cerca-text {
font-size: var(--font14);
border: 1px solid var(--accent);
border-radius: var(--radiusS) 0 0 var(--radiusS);
width: calc(100% - 33px);
padding: 0 var(--gapXXS);
}

.filtres_drets input#submit-cerca {
text-indent: -9999em;
background: url(img/ico_lupa.svg) no-repeat center center;
background-size: 16px 16px;
border-width: 1px;
font-size: 0.5rem;
border-radius: 0 var(--radiusS) var(--radiusS) 0;
border-left: 0;
}

.paraula_cerca {
font-weight: 600;
}

/**************************
PPP - TAXONOMY DRETS + LLISTAT INFORMES + LLISTAT NORMATIVA
***************************/

section.drets_actuacions,
main section.informes_llistat:first-of-type {
margin-bottom: var(--gapL);
}

section.drets_actuacions .una_actuacio,
.normativa_llistat .una_actuacio {
border-radius: var(--radius);
padding: var(--gapXS);
border: var(--borderblauclar);
}

section[class^="drets"] > h2,
section.informes_llistat > h2,
.normativa_llistat > .wp-block-group__inner-container > h2 {
color: var(--accent);
border-bottom: 3px solid var(--accent);
padding-bottom: var(--gapXXS);
margin-bottom: var(--gapS);
}

.normativa_llistat .actuacions_llistat {
margin-bottom: var(--gapL);
}

.normativa_llistat h2 {
margin-top: 0;
}

.normativa_llistat h2 a {
text-decoration: none;
}

.normativa_llistat h2::after {
content: none;
border-bottom: none;
}

.normativa_llistat li {
font-size: var(--font14);
}

.normativa_llistat li h2 {
margin: 0;
padding-bottom: var(--gapXXS);
}


/* Informes */

.page-template-page-informes main {
background: var(--bgbeige);
}

.informes_llistat .bt.view-more {
margin-top: var(--gapM);
text-align: center;
}

.teaser_informe_foto img {
border-radius: 2px;
width: 100%;
max-width: none;
max-height: 220px;
object-fit: contain;
object-position: left top;
}

.teaser_informe h3 a::before,
p.teaser_informe a::before {
content: "\e944";
margin-right: 10px;
}

.teaser_informe_foto {
overflow: hidden;
}

.teaser_informe_foto a {
position: relative;
display: block;}

.teaser_informe_foto a::after {
content: "\e9ad";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: var(--font30);
width: 2em;
height: 2em;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(255,255,255,0.8);
border-radius: 50px;
box-shadow: 0 0 12px rgba(0,0,0,0.3);
opacity: 0;
transition: all 0.4s ease-in;
}

.teaser_informe_foto a:hover img {
filter: brightness(0.5);
transition: all 0.2s ease-out;
}

.teaser_informe_foto:hover a::after {
opacity: 1;
transition: all 0.4s ease-in;
}

/* Contacte */

.post-62 .entry-content h2,
.post-87 .entry-content h2,
.post-139 .entry-content h2 {
margin-top: 0;
}

.post-62 .entry-content h3,
.post-62 .entry-content h4,
.post-87 .entry-content h3,
.post-87 .entry-content h4,
.post-139 .entry-content h3,
.post-139 .entry-content h4 {
margin-top: 1em;
margin-bottom: 0;
padding-bottom: 0;
}

.post-62 .entry-content h4,
.post-87 .entry-content h4
.post-139 .entry-content h4 {
font-weight: 700;
}

.post-62 .entry-content h3:after,
.post-62 .entry-content h4:after,
.post-87 .entry-content h3:after,
.post-87 .entry-content h4:after,
.post-139 .entry-content h3:after,
.post-139 .entry-content h4:after {
content: none;
}

.post-62 .wp-container-3,
.post-87 .wp-container-3,
.post-139 .wp-container-3 {
margin-bottom: var(--gapL);
}

/* Organització */

#post-158 .entry-content h2,
#post-164 .entry-content h2,
#post-28827 .entry-content h2 {

font-size: var(--font20);
}

#post-158 .entry-content h2::after,
#post-164 .entry-content h2::after,
#post-28827 .entry-content h2::after {
border-bottom: 0.15em solid var(--accent);
width: 2em;
height: 0.25em;
}

/**************************
PPP - AGENDA
***************************/

.tribe-events-view {
padding-top: var(--gapM);
padding-bottom: var(--gapL);
}

.tribe-events .tribe-events-header {
position: relative;
margin: 0;
padding: 0;
}

.tribe-events-c-events-bar {
position: absolute;
right: 0;
top: -10px;
}

/* Llistat */

.tribe-common.tribe-events-view--list {
max-width: 1200px;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-details {
width: 100%;
}

.tribe-common .tribe-common-l-container,
.basic_page .entry-content > .tribe-common {
max-width: none;
position: relative
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__today-button {
display: none !important;
}

.tribe-events .tribe-events-l-container,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
padding: 0;
min-height: none;
}

.tribe-common .tribe-events-header button {
padding: 0;
}

.tribe-common button {
border: none;
text-transform: none;
}

ul.tribe-events-c-nav__list a,
ul.tribe-events-c-nav__list button {
font-weight: 500;
}

.tribe-events-c-nav__prev::before {
content: "\2039";
margin-right: 4px;
}

.tribe-events-c-nav__next::after {
content: "\203A";
margin-left: 4px;
}

.tribe-events-c-view-selector__list,
.tribe-events-c-subscribe-dropdown__list {
background-color: var(--bgblau0);
border-radius: var(--radiusS);
}

.tribe-events .tribe-events-c-view-selector__content {
top: 15px;
}

.tribe-common div.tribe-events-calendar-list__event-row {
border-bottom: var(--borderblauclar);
padding-bottom: var(--gapXS);
padding-top: var(--gapXS);
margin: 0;
}

.tribe-common .tribe-common-g-row.tribe-events-calendar-list__event {
display: grid;
grid-template-columns: 1fr 2fr;
grid-column-gap: var(--gapS)
}

.tribe-common .tribe-common-g-row--gutters > .tribe-common-g-col {
padding: 0;
}

.tribe-events-event-image {
grid-column: 1/2;
}

.tribe-events-calendar-list__event-details {
grid-column: 2/3;
}

.tribe-events-calendar-list img {
border-radius: var(--radiusS);
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-g-row--gutters > .tribe-common-g-col,
.tribe-events .tribe-events-calendar-list__event-featured-image-wrapper,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-featured-image-wrapper,
.tribe-events-calendar-list__event-details {
padding: 0;
width: 100%;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row > .tribe-common-g-col,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row,
.tribe-common .tribe-common-g-row--gutters,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-g-row--gutters
 {
padding-left: 0;
padding-right: 0;
margin: 0;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__month-separator + .tribe-events-calendar-list__event-row {
margin-top: var(--gapXXS);
}

h3.tribe-events-calendar-list__event-title {
font-size: var(--font22);
}

.tribe-events-calendar-list__month-separator,
.tribe-events .tribe-events-calendar-list__event-title-link,
.tribe-events .tribe-events-calendar-list__event-title-link:active, .tribe-events .tribe-events-calendar-list__event-title-link:focus, .tribe-events .tribe-events-calendar-list__event-title-link:hover,
.tribe-events .tribe-events-calendar-list__event-title-link:visited {
color: var(--accent);
}

.tribe-common h2.tribe-events-calendar-list__month-separator {
padding-top: var(--gapS);
}

.tribe-common .tribe-events-calendar-list > h2.tribe-events-calendar-list__month-separator:first-of-type {
padding-top: 0;
}

.tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
font-size: var(--font36);
font-weight: 700;
text-align: center;
line-height: 1;
margin: 0;
min-width: 2em;
display: block;
color: var(--accent);
}

.tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
font-size: var(--font12);
font-weight: 800;
display: block;
margin: 0 auto 0.5em auto;
text-transform: uppercase;
display: block;
color: var(--accent);
}

.tribe-events-calendar-list__event-datetime {
font-size: var(--font14);
font-weight: 600;
margin: 0;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
min-height: 0;
}

.tribe-events-event-image {
border-radius: var(--radiusS);
}

/* Vista mesos */

/*.tribe-common--breakpoint-medium.tribe-events .tribe-events-header {
padding-top: var(--gapM);
}

.tribe-events-view--month {
margin-left: auto !important;
margin-right: auto !important;
}*/

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month {
margin-bottom: var(--gapXS);
}

.tribe-common button[disabled], .tribe-common input[disabled]{
opacity: 0.3;
}

.tribe-events-calendar-month h3[class*="title"] {
font-size: 1rem;
color: var(--accent);
}

.tribe-events-calendar-month a {
color: var(--accent);
}

.tribe-events-calendar-month a:hover {
text-decoration: none;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__body {
border-left: var(--border);
border-top: var(--border);
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day {
border-color:#D9CFB9;
}

.tribe-events-calendar-month__calendar-event-datetime {
font-size: 0.875rem;
font-weight: 500;
}

.tribe-events .tribe-events-calendar-month__multiday-event-bar {
background-color: var(--bgbeige2);
padding-top: 3px;
padding-bottom: 3px;
border: var(--border);
border-left: none;
border-right: none;
}

/* Popup mesos */


.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.active {
background-image: none;
background-color: var(--accent);
}

/* SINGLE ESDEVENIMENT */

.tribe-events-page-template .bg_header {
margin: 0;
}

.tribe-events-page-template main {
padding-bottom: 0;
}

.tribe-events-single {
display: grid;
grid-template-areas:
". agenda_info agenda_related agenda_related";
grid-template-columns: minmax(5vw, 1fr) minmax(300px, 720px) minmax(300px, 720px) minmax(5vw, 1fr);
}

#tribe-events-pg-template {
max-width: none;
padding: 0;
}

.agenda_event {
grid-area: agenda_info;
padding: var(--gapS) var(--gapM) var(--gapM) 0;
}

.agenda_bloc {
grid-area: agenda_related;
background-color: var(--bgblau0);
display: grid;
grid-template-columns: minmax(300px, 720px) minmax(5vw, 1fr);
grid-template-areas:
"agenda_related2 .";
padding: var(--gapM) 0 var(--gapM) var(--gapM);
color: var(--accent);
}

.agenda_bloc ul {
grid-area: agenda_related2;
}

.tribe-events-event-image img {
border-radius: var(--radiusS);
}

.tribe-events-event-meta {
display: block;
}

.tribe-events-meta-group {
width: 100%;
flex: none;
margin: 0;
padding: 0;
}

.tribe-events-meta-group dt,
.tribe-events-meta-group-venue h2 {
font-weight: 900;
font-size: var(--font16);
color: var(--accent);
}

p.tribe-events-back {
font-size: var(--font14);
}

button.tribe-events-c-subscribe-dropdown__button-text {
border: none;
padding: 0;
}

.tribe-events-c-subscribe-dropdown {
margin-top: var(--gapM);
font-weight: 600;
}

.tribe-common div.tribe-events-c-subscribe-dropdown__button {
display: flex;
gap: var(--gapXXS);
align-items: center;
padding: 0;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown button {
margin: 0;
text-transform: none;
font-weight: 600;
}

.tribe-events-nav-pagination,
ul.tribe-events-c-nav__list button {
font-size: var(--font14);
color: var(--accent);
}

ul.tribe-events-sub-nav,
ul.tribe-events-c-nav__list {
padding-left: 0;
}

.tribe-events-nav-previous a::before,
.tribe-events-c-nav__prev::before {
content: "\00AB";
}

.tribe-events-nav-next {
text-align: right;
}

.tribe-events-nav-next a::after {
content: "\00BB";
}

.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__export-icon,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__export-icon,
.tribe-events-meta-group-details h2,
.tribe-common button[disabled],
.tribe-common input[disabled] {
display: none;
}



/**************************
PPP - PAGINACIÓ
***************************/

.pagination  {
width: 100%;
text-align: center;
font-size: var(--font14);
margin-top: var(--gapL);
margin-bottom: 0;
color: var(--textgris);
}

.pagination .nav-links {
display: flex;
gap: var(--gapXXS);
justify-content: center;
}

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

.pagination a:hover {
color: var(--accent);
border-color: var(--accent);
background-color: var(--bgbeige);
background-color: var(--bgbeige);
}

.pagination .page-numbers {
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
padding: 12px 14px 10px 14px;
line-height: 1;
border-radius: 3px;
border: var(--border);
min-width: 45px;
min-height: 45px;
}

.pagination .page-numbers.current {
font-weight: 800;
color: var(--accent);
border-color: var(--accent);
}

.pagination .page-numbers.dots {
border: none;
}

.posts-navigation {
display: flex;
justify-content: center;
gap: var(--gapXS);
}

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

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


/**************************
PPP - CAPTIONS
***************************/

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

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

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

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

/* CERCADOR + NOT FOUND */

.error404 h2,
.search h2 {
color: var(--accent);
margin-top: 3em;
margin-bottom: 1em;
}

.error-404 .page-content > h2:first-of-type {
margin-top: 0;
}

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

/* ANCHOR 600 */

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

body,
button,
input,
select,
textarea {
font-size: 0.9375rem;
}

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

.site-branding {
width: 130px;
}

/* Home informes */

.grid_informes {
padding-left: 50px;
}

.home_informes .owl-carousel .owl-nav {
position: static;
}

.home_informes .owl-carousel .owl-nav button {
position: absolute;
top: 120px;
margin: 0;
}

.home_informes .owl-carousel .owl-prev {
left: 0;
}

.home_informes .owl-carousel .owl-next {
right: 0;
}

/* Banner newsletter home */

.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
grid-column: 1;
grid-row: 2;
}

.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
grid-column: 1;
grid-row: 1;
}

.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media img {
max-height: 250px;
object-fit: cover;
}

.wp-block-media-text.has-media-on-the-right {
grid-template-columns: 1fr;
}

/* Llistat actuacions */

.filtres_drets {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: var(--gapXXS);
margin-bottom: var(--gapM);
}

.filtres_drets .undret {
margin-bottom: 0;
}

.filtres_drets .cercador {
grid-column: -1 / -2;
}

.filtres_drets .undret.desplegat ul {
position: absolute;
left: 0;
right: 0;
box-shadow: 0 16px 16px rgba(0,0,0,0.2);
z-index: 999;
}

/* footer */

.footer_menu {
column-count: 2;
column-gap: var(--gapM);
}

.footer_info {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: var(--gapM);
align-content: start;
}

#sb_instagram #sbi_images {
display: block;
}

}


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

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

.grid4 {
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
grid-row-gap: var(--gapM);
margin: 0;
}

.section.drets_actuacions .grid4 {
grid-row-gap: var(--gapS);
}

/* HOME */

.home_queixa .wrap {
display: flex;
align-items: center;
justify-content: center;
}

.home_queixa p.bt {
margin: 0 0 0 var(--gapM);
}

.home_drets_bloc .wrap,
.grid_noticies_home {
grid-template-columns: repeat(2, 1fr);
}

.grid_noticies_home {
grid-gap: var(--gapS);
}

.home_intro_carousel .slide img {
max-height: none;
}

.home_drets_intro img {
width: 100px;
margin: 0 auto -46px auto;
}

.widget_interseccional ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}

.widget_interseccional li {
padding: 7px 20px;
border: 2px solid #89205D30;
border-radius: 6px;
font-size: var(--font16);
margin-bottom: 0;
}

/* Banner landings */

.banner_landing .wp-block-group__inner-container {
flex-direction: row;
gap: var(--gapL);
align-items: center;
text-align: left;
}


/* ods */

.ods {
text-align: left;
padding-top: var(--gapL);
}

.ods_header h2 {
text-align: center;
margin-bottom: 1em;
}

.ods .wp-block-columns {
margin-bottom: 0;
}

/* Header pàgines amb fons + foto */

header.entry-header-bg {
display: grid;
grid-template-areas:
". header_titol header_media header_media";
grid-template-columns: minmax(5vw, 1fr) minmax(300px, 720px) minmax(300px, 720px) minmax(5vw, 1fr);
min-height: 180px;
}

header .entry-header-info {
grid-area: header_titol;
display: flex;
flex-direction: column;
justify-content: center;
padding: var(--gapS) 0 var(--gapM) 0;
}

header p.pretitol {
margin-bottom: 1em;
}

header.entry-header-bg .header_bg {
position: relative;
grid-area: header_media;
}

header.entry-header-bg .header_bg_img {
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
mix-blend-mode: soft-light;
filter: saturate(0);
}

header.entry-header-bg .bg_blau,
header.entry-header-bg .bg_groc {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
}

header.entry-header-bg .bg_blau {
background: linear-gradient(90deg, rgba(38,99,147,1) 0%, rgba(38,99,147,0.7) 15%, rgba(38,99,147,0) 30%);
}

header.entry-header-bg .bg_groc {
background: linear-gradient(90deg,  rgba(234, 203, 71, 0.01) 10%, #F0D974 96.7%);
}

/* Single notícia */

article.type-post .entry-header {
display: grid;
grid-template-areas:
". header_titol header_media header_media";
grid-template-columns: minmax(5vw, 1fr) minmax(300px, 720px) minmax(300px, 720px) minmax(5vw, 1fr);
}

article.type-post .entry-header-info {
grid-area: header_titol;
padding: var(--gapS) var(--gapS) var(--gapS) 0;
display: flex;
flex-direction: column;
justify-content: center;
}

article.type-post .post-thumbnail {
grid-area: header_media;
}

article.type-post .post-thumbnail img {
max-height: 500px;
}

article.type-post .post-content {
margin-top: var(--gapM);
display: grid;
grid-template-areas:
"meta aside"
"info aside";
grid-template-columns:  minmax(450px, 1fr) minmax(200px, 320px);
grid-gap: var(--gapM);
}

article.type-post .entry-meta {
grid-area: meta;
}

article.type-post .entry-content {
grid-area: info;
}

article.type-post aside {
grid-area: aside;
}

article.type-post .sidebar_noticies {
display: block;
}

.yarpp h2 {
grid-column: 1 / -1;
}

/* SINGLE ESDEVENIMENT */

.tribe-events-meta-group {
width: 100%;
}


}

/* ANCHOR 900 */

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

body,
button,
input,
select,
textarea {
font-size: 1rem;
}

/* HOME */

.home_intro {
display: grid;
grid-template-columns: minmax(5vw, 1fr) minmax(300px, 555px) minmax(400px, 885px) minmax(5vw, 1fr);
grid-template-areas:
". home_intro_txt home_intro_carousel home_intro_carousel";
}

.home_intro_txt {
grid-area: home_intro_txt;
padding: var(--gapL) var(--gapM) var(--gapL) 0;
}

.home_intro_carousel {
grid-area: home_intro_carousel;
}

.home_intro_carousel img {
max-height: 500px;
}

.home_informes_agenda {
display: grid;
grid-template-areas:
". home_informes home_agenda .";
grid-template-columns: minmax(5vw, 1fr) minmax(300px, 720px) minmax(300px, 720px) minmax(5vw, 1fr);
min-height: none;
background: linear-gradient(90deg, rgba(238,235,226,1) 0%, rgba(238,235,226,1) 49%, rgba(38,99,147,1) 50%, rgba(38,99,147,1) 100%); }

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

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

.home_english ul {
display: flex;
justify-content: center;
gap: var(--gapL);
}

.home_english li::before {
width: 40px;
height: 40px;
}

/* PPP - HEADER */

.search_hamb {
display: none;
}

#cercador {
display: flex;
}

/* Llistat informes */

.grid_actuacions {
display: grid;
grid-template-columns: minmax(250px, 330px) minmax(510px, 1fr);
grid-gap: var(--gapM);
}

.grid_actuacions .filtres_drets {
display: block;
margin-bottom: 0;
}

.grid_actuacions .filtres_drets h3 {
font-size: var(--font17);
padding: var(--gapXS);
border-radius: 0;
border-bottom: none;
border-radius: 0;
}

.grid_actuacions .filtres_drets .undret {
border-bottom: none;
}

.grid_actuacions .filtres_drets .undret ul {
border-bottom: none;
border-radius: 0;
}

.grid_actuacions .filtres_drets .undret.desplegat ul {
position: static;
box-shadow: none;
}

.grid_actuacions .filtres_drets .undret.desplegat h3 {
border-radius: 0;
}

.grid_actuacions .filtres_drets .undret:first-of-type h3 {
border-radius: var(--radius) var(--radius) 0 0;
}

.grid_actuacions .filtres_drets .undret:last-of-type h3 {
border-bottom: var(--borderblauclar);
border-radius: 0 0 var(--radius) var(--radius);
}

.grid_actuacions .filtres_drets .undret:last-of-type.desplegat h3 {
border-bottom: none;
border-radius: 0;
}

.grid_actuacions .filtres_drets .undret:last-of-type.desplegat ul {
border-bottom: var(--borderblauclar);
border-radius: 0 0 var(--radius) var(--radius);
}

.grid_actuacions .filtres_drets input#cerca-text {
font-size: var(--font16);
border-radius: var(--radius) 0 0 var(--radius);
padding-left: var(--gapXS);
}

.grid_actuacions .filtres_drets input#submit-cerca {
background-size: 20px 20px;
width: 45px;
height: 45px;
border-radius: 0 var(--radius) var(--radius) 0;
}

/* Pàgines en general */

.page .entry-content > figure.wp-block-image {
max-width: clamp(300px, 55%, 620px);
margin: var(--gapXXS) 0 var(--gapXXS) var(--gapM);
float: right;
}


/* Presèncial al territori - text + mapa */

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

.territori-map {
position: sticky;
top: 0;
height: 100vh;
background-color: var(--accent);
align-self: start;
}

.territori-map iframe {
height: 100vh;
}

.bloc_territori {
border-right: var(--borderblauclar);
}

.bloc_territori_info {
padding: var(--gapM) var(--gapS) var(--gapS) var(--gapS);
}

.bloc_territori:nth-of-type(3),
.bloc_territori:nth-of-type(4) {
border-bottom: none;
}

.bloc_territori:nth-of-type(2),
.bloc_territori:nth-of-type(4) {
border-right: none;
}

/* Landing */

.landing_franja_meitat > .wp-block-group__inner-container {
display: grid;
grid-template-columns: minmax(5vw, 1fr) minmax(400px, 720px) minmax(400px, 720px) minmax(5vw, 1fr);
grid-template-areas:
". landing_intro landing_contacte landing_contacte";
}

.landing_intro2 {
grid-area: landing_intro;
padding: var(--gapL) var(--gapM) var(--gapL) 0;
}

.landing_contacte, 
.landing_infografia {
grid-area: landing_contacte;
padding: 0 var(--gapM) var(--gapS) var(--gapM);
}

.landing_infografia img {
width: 100%;
max-width: none;
}

.landing_infografia {
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
}


}

/* ANCHOR 1100 */

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

body,
button,
input,
select,
textarea {
font-size: 1.0625rem;
}

#masthead .hide_desktop {
display: none;
}

.hide_mobile {
display: block;
}

.header_container {
display: block;
padding-bottom: var(--gapXXS);
}

.site-branding {
width: clamp(130px, 8vw, 151px);
}

#site-navigation {
margin-top: var(--gapXS);
padding-top: var(--gapXS);
border-top: 1px solid var(--accent);
}

/* PPP - generals */

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

.home_drets ul {
margin-left: 0;
}

.grid_noticies_home {
grid-template-columns: repeat(4, 1fr);
}

/* PPP - home */

.banner_newsletter {
padding: 0;
text-align: left;
}

.banner_newsletter .wp-block-media-text {
display: grid;
grid-template-areas:
". banner_info banner_media banner_media";
grid-template-columns: minmax(5vw, 1fr) minmax(300px, 720px) minmax(300px, 720px) minmax(5vw, 1fr);
}

.banner_newsletter .wp-block-media-text__content > * {
padding-left: 120px;
}

.banner_newsletter .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
grid-column: unset;
grid-row: unset;
grid-area: banner_info;
padding: var(--gapL) 0;
}

.banner_newsletter .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media img {
max-height: none;
}

.banner_newsletter .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content img {
margin: 0;
max-height: none;
}

.banner_newsletter .wp-block-media-text__content > figure {
float: left;
padding-left: 0;
margin-top: -30px;
}

.banner_newsletter .wp-block-buttons {
justify-content: flex-start;
}

.banner_newsletter .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
grid-column: unset;
grid-row: unset;
grid-area: banner_media;
padding: 0;
position: relative;
}

.banner_newsletter .wp-block-media-text__media::after {
content: "";
width: 30%;
height: 100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
background: linear-gradient(85.32deg, #89205D 6.94%, rgba(137, 32, 93, 0) 96.7%);
}

/* ods */

.ods_header .wp-block-group__inner-container {
display: flex;
align-items: center;
gap: 20px;
}

.ods .wp-block-column:first-of-type > * {
padding-left: 120px;
}

.ods_header h2 {
text-align: left;
margin: 0;
}

.ods_header figure.ico_ods {
margin: 0;
}

/* FOOTER */

.footer_xxss .wrap {
display: grid;
grid-template-columns: repeat(3, 1fr);
}

.footer_xs {
padding: var(--gapM);
border-right: 1px solid rgb(0,0,0,0.2);
}

.footer_xs:first-of-type {
padding-left: 0;
}

.footer_xs:last-of-type {
border-right: none;
padding-right: 0;
}

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

.footer_info > .widget:first-of-type {
grid-column: 1 / -1;
}

/* Pàgina presentar queixa */

.form_queixa {
max-width: 600px;
padding: 0 var(--gapS) var(--gapS) var(--gapS);
margin: 0;
}

.form_queixa p {
margin: 0;
}

/* Procediment queixa */

.queixa_intro, .queixa_ciutadana {
padding-bottom: var(--gapL);
}

.queixa_ciutadana h3 {
margin-top: 0;
}

.grid_queixa, .grid_ofici {
font-size: 1rem;
}

.grid_queixa > .wp-block-group__inner-container,
.grid_ofici > .wp-block-group__inner-container,
.grid_landing > .wp-block-group__inner-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: var(--gapM);
align-items: start;
}

.grid_ofici figure {
float: none;
margin-right: 0;
}

.grid_ofici .wp-block-group {
margin-bottom: 0;
}

/* Filtres drets */

.blog .filtres_drets {
grid-template-columns: repeat(4, 1fr);
}



}

/* ANCHOR 1300 */

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

.site-branding {
border-bottom: none;
}

.header_container {
display: flex;
justify-content: space-between;
align-items: flex-end;
padding-bottom: var(--gapS);
}

#site-navigation {
margin-top: 0;
padding-top: 0;
border-top: none;
position: relative;
top: 8px;
}

/* HOME */

.home_drets_bloc .wrap {
grid-template-columns: repeat(4, 1fr);
}

/* Header pàgines amb fons + foto */

header.entry-header-bg {
min-height: 264px;
}

/* Single notícia */

article.type-post .post-content {
grid-template-areas:
"meta info aside";
grid-template-columns: minmax(150px, 1fr) minmax(500px, 700px) minmax(280px, 1fr);
}

/* Presèncial al territori - text + mapa */

.territori-content {
grid-template-columns: 1fr 1.5fr;
}

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

.bloc_territori_info {
padding:  var(--gapS);
}

/* Filtres drets */

.blog .filtres_drets {
grid-template-columns: repeat(5, 1fr);
}

.blog .filtres_drets .cercador {
margin: 0;
}

}