/*
Theme Name: Voluntariat ambiental
Theme URI: http://voluntariatambiental.cat/
Author: Underscores.me
Author URI: http://ww.pimpampum.net
Description: Tema a mida per Voluntariat ambiental
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: setmananatura
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Setmananatura is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.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-height1: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}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,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after{content:"";display:table;table-layout:fixed}.cf:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after{clear:both}
/* PROVISIONAL */

.banner_sn {
font-size: 1.125rem;
text-align: center;
padding: 10px 40px;
background-color: #fedb50;
margin-bottom: 1em;
}

.banner_sn p {
margin: 0;
padding-top: 5px;}

.banner_sn a {
text-decoration: underline;
}

.banner_sn img {
max-width: 180px;
margin-left: 20px;
vertical-align: middle;
}

.hidden {
display: none;
}

img {
display: block}

:root {
--ciencia: #BAE8DC;
}

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

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

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

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

#slideshow.wrap {
width: 100%;
}

#masthead.wrap {
position: static;
}


/* franges */

.franja {
margin-bottom: 20px;
position: relative;
}

.franja_beige {
padding: 20px 0;
background: #F0EDE6;
}

.franja_titol,
.social.widgettitle {
color: #00567A;
font-size: 1.125rem;
text-transform: uppercase;
font-weight: 600;
margin: 0 0 1em 0;
}

.franja_beige .franja_titol {
color: #C44A12;
}

/* header */

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

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

input[type="search"] {
height: 26px;
line-height: 24px;
width: 100px;
padding: 0 10px;
float: left;
vertical-align: middle;
margin-top: 0;
border-radius: 4px 0 0 4px;
margin-right: 0;
font-size: 0.875rem;
border-right: none;
-webkit-appearance: none;
}

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

#preheader .search-form input[type="search"]:focus {
width:150px;
transition: width 0.4s;
-webkit-appearance: none;
}

input.search-submit {
text-indent:-999em;
height:26px;
width:24px;
background:url(img/ico_search.svg) no-repeat center #fff;
padding:0 4px;
-webkit-appearance: none;
border: 1px solid #ccc;
border-left: none;
border-radius:0 4px 4px 0;
}

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

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

.site-title a {
width: 150px;
height: 65px;
background: url(img/logo_voluntariat_ambiental.svg) no-repeat left top;
background-size: contain;
display: block;
text-indent: -999em;
margin: 0 auto;
}

#xxss {
display: none;
}

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

#xxss a {
display: block;
width: 24px;
height: 24px;
border-radius: 4px;
text-indent: -999em;
background-position: center center;
background-repeat: no-repeat;
background-color: #C44A12;
}

#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_bs a {
background-image: url(img/logo_bs.svg);
}


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

#xxss a:hover {
background-color: #95380E;
opacity: 1;
}


/* footer */

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

p.footer_logos_imatges {
margin: 0.25em 0;
}

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

#footer_logos .logo_xvac img {
max-width: 130px;
}

.footer_logos_bloc {
text-align: left;
border-bottom: 1px solid #e3e3e3;
}

p.footer_logos_titol {
margin-bottom: 0;
border-bottom: 1px solid #e3e3e3;
color: #9B9B9B;
font-size: 0.75rem;
}

.footer_legal {
padding: 30px 20px;
font-size: 0.75rem;
margin-top: 2em;
}

.footer_legal p {
margin: 0;
}

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

.mobil {
display: block;
}

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

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

p {
margin-bottom: 1.5em;
}

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

.footer_legal a, .footer_legal a:visited {
color: #404040;
}

a:hover,
a:focus,
a:active {
color: #c44a12;
}

a:focus {
outline: thin dotted;
}

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

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

.page-template-default #content {
border-top: 1px solid #ccc;
margin-top: 0;
padding-top: 20px;
}

.home.page-template-default #content {
border: none;
margin-top: 0;
padding: 0;
}

/* botons */

p.boto {
margin-bottom: 0;
}

.boto a, .boto a:visited,
input.button-primary,
button.activitat-continuar {
color: #FFFFFF;
text-transform: uppercase;
padding: 8px 20px;
text-decoration: none;
line-height: 1.1;
border-radius: 4px;
display: inline-block;
transition: background-color 0.3s;
background-color: #00567A;
border: none;
font-size: 0.875rem;
}

.boto a:hover,
button.activitat-continuar:hover {
background-color: #7BCEE0;
transition: background-color 0.3s;
}

.home_newsletter .wpcf7-form input.wpcf7-submit,
input.wpcf7-submit,
.recursos_filtres button {
background-color: #00567A;
text-transform: uppercase;
padding: 5px 20px;
color: #fff;
max-width: none;
text-align: center;
width: 140px;
height: 30px;
border: none;
font-size: .75rem;
}

.home_newsletter .wpcf7-response-output {
padding: 10px 20px;
text-align: center;
background-color: rgba(255,255,255,0.8);
border-radius: 20px;
border: none;
}

.home_newsletter .wpcf7-not-valid-tip {
line-height: 1;
padding: 10px;
margin-top: 5px;
background-color: rgba(255,255,255,0.8);
font-size: 0.75rem;
border-radius: 4px;
}

.home_newsletter .wpcf7-validation-errors {
background-color: #f7e700;
}


/* paginacio */

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

.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: 4px;
background-color: rgba(255,255,255,0.8);
}

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


/* headers */

h1.entry-title {
font-size: 1.5rem;
line-height: 1.1111;
color: #B8440E;
margin: 0;
line-height: 1.3;
}

h2.entry-title {
margin-bottom: 0;
font-size: 1.125rem;
line-height: 1.3;
font-weight: 700;
}

/* Menú */

.toggled.main-navigation {
clear: both;
display: block;
width: 100%;
}

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

.main-navigation ul {
list-style: none;
padding-left: 0;
margin: 0;
position: relative;
background-color: #F0EDE6;
}

.toggled #primary-menu {
border-top: 1px solid #C4C1BB;
margin: 0 -5%;
}

.menu-toggle,
.main-navigation.toggled ul {
display: block;
}

button.menu-toggle {
background-color: #fff;
color:#006E27;
font-size:1.25rem;
font-weight: 700;
line-height: 1;
padding: 8px 10px;
position: absolute;
top: 13px;
right: 20px;
border: 1px solid #006E27;
border-radius: 0;
}

.toggled.main-navigation a {
text-decoration:none;
color: #737373;
font-size:1rem;
padding: 10px 5px 10px 15px;
display: block;
font-weight: 700;
border-bottom: 1px solid #C4C1BB;
}

.toggled.main-navigation li.mobil a {
font-weight: 400;
text-transform: uppercase;
font-size: 0.75rem;
border-bottom: none;
padding: 15px 5px 0 40px;
}

.toggled.main-navigation a:hover {
background-color: #B8E6F2;
}

.toggled.main-navigation .sub-menu a {
font-weight: 400;
padding-left: 20px;
}

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

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

.search.mobil {
padding: 5px 10px 20px 15px;
margin-top: 10px;
}

.menu-toggle .franja_filet {
margin-bottom: 5px;
}

.mobil input[type="search"] {
width: 200px;
}

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

/* slideshow */

#slideshow {
margin-bottom: 10px;
}

.owl-item {
position: relative;
}

.owl-item .content {
padding: 5px 20px 15px 20px;
line-height: 1.16;
background-color: #F0EDE6;
font-size: 0.875rem;
}

.owl-dots {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}

.owl-theme .owl-dots .owl-dot span {
background-color: #C4C1BB;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background-color: #fff;
}


/* franja newsletter i entitats */

.entitats-newsletter h2 {
font-size: 0.9375rem;
color: #00567A;
font-weight: 800;
text-transform: uppercase;
}

.home_newsletter, .home_entitats {
border-radius: 4px;
padding: 10px 20px;
}

.home_newsletter {
background: url(img/ico_newsletter.svg) no-repeat left top #79dde8;
margin-bottom: 10px;
}

.home_newsletter .wpcf7-form label {
margin-bottom: 10px;
display: block;
max-width: 300px;
}

.home_newsletter .wpcf7-form input {
padding-left: 15px;
border: none;
width: 100%;
}

.home_newsletter .wpcf7-form input[type="checkbox"] {
padding-left: 0;
margin-right: 5px;
width: auto;
}

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

.form_legal {
font-size: 0.75rem;
}

.form_legal a {
text-decoration: underline;
}

.home_entitats {
background: url(img/ico_mes_entitat.svg) no-repeat right top #8ee8a1;
font-size: 1.3125rem;
color: #00567A;
line-height: 1.1;
}

.home_entitats p {
margin: 0 0 0.5em 0;
}

.home_entitats:hover {
filter: brightness(103%);
transition: filter 0.2s;
}

.home_entitats a {
color: #00567A;
}

.home_entitats a:hover {
color: #3B6143;
}

/* franja vídeo */

.home-video {
background-color: #F0EDE6;
border-radius: 4px;
}

.home-video h2.widgettitle {
margin-top: 0;
color: #00567A;
}

.home-video .widget_text {
padding: 40px 40px 10px 40px;
}

/* franja escull el teu voluntariat */

.escull h2 {
font-weight: 800;
font-size: 0.9375rem;
color: #737373;
margin-bottom: 0.5em;
line-height: 1;
}

.escull ul {
padding: 0;
text-align: center;
}

.escull li {
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
color: #00567A;
line-height: 1;
}

.escull a {
display: block;
border-radius: 4px;
background-position: 20px center;
background-repeat: no-repeat;
background-size: 30px auto;
padding: 20px;
margin-bottom: 10px;
list-style-type: none;
transition: filter 0.2s;
}

.escull a:hover {
filter: brightness(107%);
transition: filter 0.2s;
}

.escull_tipus .tipus_tothom,
.escull_tipus .tipus_carta {
background-size: 40px auto;
}

/* Franja parcs / centres de fauna */

.tria_parcs_fauna {
margin-bottom: 40px;
}

.tria_parcs_fauna ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
gap: 20px;
}

.tria_parcs_fauna li {
padding: 20px 60px 20px 110px;
margin-bottom: 10px;
border-radius: 4px;
background: url(img/ico_parcs.svg) no-repeat 40px center;
background-size:  auto 30px;
}

.tria_parcs_fauna a {
text-transform: uppercase;
font-weight: 700;
display: block;
}

.parcs-entitats {
margin-bottom: 30px;
}

.parcs-entitats p {
margin: 0;
}

.parcs-entitats .un_organitzador {
background-color: #F0EDE6;
}

.mapa_info ul {
list-style-type: none;
}

.parcs-entitats .mapa-llistat .mapa_info {
max-width: 900px;
overflow: hidden;
}

.parcs-entitats .mapa-llistat .logo {
width: 150px;
float: left;
margin-right: 40px;
}


/* Franja notícies */

#franja_noticies,
#franja_entrevistes {
background-color: #F0EDE6;
padding: 40px 0;
}

/* colors */

.llistat_activitats_header h1,
.tax-tipus .llistat_activitats_header,
.llistat_activitats_info {
background-color: #B8E6F2;
}

.tipus_tothom,
.term-tothom .llistat_activitats_header h1 {
background-color: #6de8c7;
background-image: url(img/ico_tothom.svg);
}

.term-tothom .llistat_activitats_header,
.term-tothom .llistat_activitats_info{
background-color: #6de8c7;
}

a.tipus_ciencia,
.term-ciencia .llistat_activitats_header h1,
body[class*="activitats-ciencia-llarga-durada"] .term-llarga .llistat_activitats_header h1  {
background-color: var(--ciencia);
background-image: url(img/ico_ciencia_ciutadana.svg);
}

.tipus_escoles,
.term-mon-escolar .llistat_activitats_header h1 {
background-color: #E88484;
background-image: url(img/ico_escoles.svg);
}

.term-mon-escolar .llistat_activitats_header,
.term-mon-escolar .llistat_activitats_info {
background-color: #E88484;
}

.tipus_empreses,
.term-empreses-rsc .llistat_activitats_header h1 {
background-color: #E8CD6D;
background-image: url(img/ico_empreses.svg);
}

.term-empreses-rsc .llistat_activitats_header,
.term-empreses-rsc .llistat_activitats_info {
background-color: #E8CD6D;
}

.tipus_puntual {
background-color: #C5C0F2;
background-image: url(img/ico_puntual.svg);
}
.term-puntual .llistat_activitats_header h1 {
background-color: #E6E3FF /* Lila antic #C5C0F2 // verd antic #A0DE8A*/;
background-image: url(img/ico_puntual.svg);
}

.term-puntual .llistat_activitats_header,
.term-puntual .teaser {
background-color: #E6E3FF /* verd antic #A0DE8A*/;
}

.tipus_llarga_durada,
.term-llarga .llistat_activitats_header h1 {
background-color: #90B5E8;
background-image: url(img/ico_llarga_durada.svg);
}

.term-llarga .llistat_activitats_header {
background-color: #90B5E8;
}

.tipus_entitats,
.term-entitats .llistat_activitats_header h1 {
background-color: #E3A1DB;
background-image: url(img/ico_entitats.svg);
}

.term-entitats .llistat_activitats_header {
background-color: #E3A1DB;
}

.term-entitats .llistat_activitats_header {
background-color: #E3A1DB;
}

.tipus_carta,
.term-carta .llistat_activitats_header h1 {
background-color: #9B97E8;
background-image: url(img/ico_carta.svg);
}

.passades .llistat_activitats_header {
background-color: #B8E6F2;
}

.passades .llistat_activitats_header h1 {
padding-top: 0;
}

.term-carta .llistat_activitats_header {
background-color: #9B97E8;
}

.term-tothom .una_activitat,
.tipus_ciencia a {
background-color: #BAE8DC;
}

.term-mon-escolar .una_activitat,
.term-mon-escolar .llistat_activitats_info  {
background-color: #FACDD0;
}

.term-empreses-rsc .una_activitat,
.vols-organitzar-rsc {
background-color: #F5E5AB;
}

.term-llarga .teaser,
.term-llarga .llistat_activitats_info {
background-color: #C7DCF9;
}

.llistat_activitats.parcs .llistat_activitats_header h1 {
background-image: url(img/ico_parcs.svg);
}

.llistat_activitats.fauna .llistat_activitats_header h1 {
background-image: url(img/ico_fauna.svg);
}

.llistat_activitats.ciencia .llistat_activitats_header h1,
.category-ciencia-ciutadana-i-natura  .llistat_activitats_header h1{
background-image: url(img/ico_ciencia_ciutadana.svg);
padding-top: 90px;
}

.term-entitats {
background-color: #E3BFDF;
}

.term-carta {
background-color: #BEBCE8;
}

.tipus_parcsnaturals,
.term-parcs .llistat_activitats_header h1,
.category-voluntariat-als-parcs .llistat_activitats_header h1,
.category-parcs .llistat_activitats_header h1 {
background-color: #cce587;
background-image: url(img/ico_parcs.svg);
}

.tipus_centresfauna,
.term-fauna .llistat_activitats_header h1,
.category-voluntariat-als-centres-de-fauna .llistat_activitats_header h1 {
background-color: #E8C697;
background-image: url(img/ico_fauna.svg);
}

.vol_parcs li,
.vols-organitzar-parcs,
.llistat_activitats.parcs .llistat_activitats_header,
.category-voluntariat-als-parcs .llistat_activitats_header,
.llistat_activitats.parcs .llistat_activitats_header h1,
.llistat_activitats.parcs .llistat_activitats_info,
.llistat_activitats.parcs .teaser,
.category-voluntariat-als-parcs .teaser {
background-color: #cce587;
}

.vol_fauna li,
.vols-organitzar-fauna,
.llistat_activitats.fauna .llistat_activitats_header,
.category-voluntariat-als-centres-de-fauna .llistat_activitats_header,
.llistat_activitats.fauna .llistat_activitats_header h1,
.llistat_activitats.fauna .llistat_activitats_info,
.llistat_activitats.fauna .teaser,
.category-voluntariat-als-centres-de-fauna .teaser {
background-color: #E8C697;
}



#main.ciencia_ciutadana .llistat_activitats_header,
.llistat_activitats_header.ciencia,
.category-ciencia-ciutadana-i-natura .llistat_activitats_header,
.category-ciencia-ciutadana-i-natura .llistat_activitats_header h1,
.llistat_activitats_header.ciencia .llistat_activitats_header h1,
.llistat_activitats_header.ciencia .llistat_activitats_info,
#main.ciencia_ciutadana .teaser,
#main.ciencia_ciutadana .llistat_header,
.category-ciencia-ciutadana-i-natura .teaser,
body[class*="activitats-ciencia-llarga-durada"] .term-llarga .llistat_activitats_header,
body[class*="activitats-ciencia-llarga-durada"] .term-llarga .teaser,
.ciencia_ciutadana .veure_tot {
background-color: var(--ciencia);
}

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


/* singles en general */

.content_text {
font-size: 0.9375rem;
}

#single_pagina #main,
#content_wide {
position: relative;
}

#content_wide {
max-width: 900px;
}

#single_pagina #secondary {
position: relative;
padding: 20px;
border-radius: 4px;
color: #00567A;
background-color: #F0EDE6;
padding: 20px;
border-radius: 4px;
}


/* sidebar */

#secondary .widget ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-size: 0.875rem;
line-height: 1.1;
margin-bottom: 2em;
}

#secondary .menu li a {
font-weight: 400;
background: url(img/arrow1_mini.svg) no-repeat left 15px;
}

#secondary .menu li a:hover {
background: url(img/arrow2_mini.svg) no-repeat left 15px;
}

#secondary .menu li.menu-item-has-children {
font-weight: 700;
}

#secondary .menu a,
#secondary .menu a:visited {
color: #00567A;
text-decoration: none;
display: block;
padding: 10px 20px;
border-bottom: 1px solid rgba(255,255,255,0.5);
}

#secondary .menu a:hover {
color: #c44a12;
}

#secondary .menu li.current-menu-item a {
font-weight: 600;
background-image: url(img/arrow2_mini.svg);
}

#secondary .menu ul li a:hover {
background: url(img/arrow2_mini.svg) no-repeat left 15px;
}


#secondary .menu li#menu-item-2190 > a,
#secondary .menu li#menu-item-2191 > a {
background-image: none;
font-weight: 600;
padding-left: 0;
}

#secondary .menu li#menu-item-2190 > a:hover,
#secondary .menu li#menu-item-2191 > a:hover {
background-image: none;
cursor: default;
color: #00567A;
font-weight: 600;
}

.widget_recent_entries li {
padding: 10px 0;
border-bottom: 1px solid rgba(255,255,255,0.5);
}

.widget_recent_entries a {
display: block;
}

.widget_recent_entries a:hover {
text-decoration: none;
}


/*********************************
SINGLE ACTIVITAT
**********************************/

.avis {
padding: 20px 30px 40px 30px;
background-color: #fff;
font-size: 0.875rem;
text-align: center;
border-radius: 4px;
margin-bottom: 20px;
}

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

/* single activitat header */

.single_activitat_header {
margin-bottom: 10px;
}

#single_activitat header {
position: relative;
margin-bottom: 10px;
}

.single_activitat_foto {
margin: 0;
height: 100%;
}

.single_activitat_foto a {
height: 100%;
}

.single_activitat_foto img {
border-radius: 4px;
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}

#single_activitat header h1 {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 40px 20px 20px 20px;
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;
border-radius: 0 0 4px 4px;
font-weight: 700;
margin: 0;
font-size: 1.25rem;
color: #fff;
text-decoration: none;
line-height: 1.3;
}

.single_activitat_header_info {
background-color: #F0EDE6;
border-radius: 4px;
}

.single_activitat_header_info ul {
padding-left: 0;
}

.single_activitat_info {
padding: 10px 20px;
border-bottom: 1px solid #fff;
clear: both;
}

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

.una_activitat_public {
margin: 0 0 10px 0;
padding: 0;
list-style-type: none;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
margin-right: 7px;
}

.single_activitat_info .una_activitat_public li {
display: inline-block;
margin: 0 6px 0 0;
transition: filter 0.2s;
}

.single_activitat_info .una_activitat_public li:hover {
filter: brightness(107%);
transition: filter 0.2s;
}

.una_activitat_public a {
width: 54px;
height: 48px;
display: block;
text-indent: -999em;
background-repeat: no-repeat;
background-position: center top;
background-size: 54px auto;
}

.una_activitat_public a:hover {
cursor: pointer;
}

.una_activitat_public li.tothom a {
background-image: url(img/ico_tothom2.svg);
}

.una_activitat_public li.mon-escolar a {
background-image: url(img/ico_escoles2.svg);
}

.una_activitat_public li.empreses-rsc a {
background-image: url(img/ico_empreses2.svg);
}


.single_activitat_ico {
float: left;
margin: 0;
margin-right: 20px;
width: 20px;
}

.single_activitat_info .data,
.single_activitat_info .hora,
.single_activitat_info .lloc_nom,
.single_activitat_info .lloc_adreca,
.single_activitat_info .lloc_poblacio {
padding-left: 40px;
font-size: 0.9375rem;
line-height: 1.3;
}

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

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

.single_activitat_info.single_activitat_organitzador {
border-bottom: none;
overflow: hidden;
}

.single_activitat_organitzador {
font-size: 0.75rem;
}

.single_activitat_organitzador img {
max-width: 130px;
margin: 8px 10px 8px 0;
float: left;
}

.single_activitat_body li {
margin-bottom: 0.5em;
}


/* single activitat body */

#single_activitat p.resum {
font-size: 1.125rem;
line-height: 1.3;
font-weight: 500;
color: #c44a12;
margin-top: 0;
}

.tabs {
padding-top: 20px;
}

.tabs-menu {
font-weight: 700;
color: #00567A;
padding: 0;
margin-bottom: 0;
list-style-type: none;
}

.tabs-menu li {
float: left;
width: calc(50% - 5px);
padding: 8px 20px;
margin-bottom: 0;
border-radius: 4px;
border: 1px solid #ccc;
}

.tabs-menu li.ubicacio {
float: right;
}

.tabs-menu li.selected,
.tabs-menu li:hover:not(.selected) {
background-color: #F0EDE6;
border-color: #F0EDE6;
cursor: pointer;
}

.tabs h3,
.tab.ubicacio .lloc_nom {
margin-top: 10px;
margin-bottom: 0;
color: #c44a12;
font-size: 1rem;
}

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

.tab.ubicacio p {
margin: 0;
}

.tab.ubicacio .lloc_nom {
font-weight: 800;
}

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

p.single_activitat_imatge {
margin: 0 0 10px 0;
}

.single_activitat_imatge img {
border-radius: 4px;
display: block;
}


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

.container_observacions {
background-color: #F0EDE6;
padding: 20px 30px;
border-radius: 4px;
overflow-wrap: break-word;
}

/* single activitat anterior / següent + cercar */

.single_activitat_nav {
text-align: right;
text-transform: uppercase;
font-weight: 500;
font-size: 0.6875rem;
padding-bottom: 10px;
}

.single_activitat_nav a, .single_activitat_nav a:visited {
color: #00567A;
margin-left: 20px;
}

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

.single_activitat_btcercar  {
padding-bottom: 1em;
overflow: hidden;
}

.single_activitat_btcercar p {
float: right;
}

.single_activitat_btcercar .boto a {
font-size: 0.75rem;
padding: 6px 15px 8px 15px;
}

.single_activitat_btcercar img {
margin-right: 10px;
position: relative;
top: 2px;
}

.compartir_titol {
font-size: 0.75rem;
margin-top: 2em;
}

.at-icon-wrapper {
border-radius: 50%;
}


/* single cerca */

#search_results {
background-color: #fff;
padding: 40px;
margin-bottom: 30px;
border-radius: 4px;
}

#search_results .entry-summary p {
margin-top: 0.5em;
}

/* single noticia */

#single_noticia #single_pagina #main {
order: 1;
background-color: #fff;
padding: 20px;
border-radius: 4px;
}

/* relacionats */

#relacionats_llistat {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
grid-gap: 20px;
}

#relacionats_llistat article {
margin-bottom: 30px;
}

p.relacionats_una_noticia_foto {
margin-bottom: 0;
}

#relacionats_llistat h2 {
margin-top: 0;
}

/* contacte */

.contacte_fons {
background-color: #B8E6F2;
border-radius: 4px;
padding: 30px;
}

#contacte h1.entry-title {
margin-bottom: 1em;
}


/*************************
RECURSOS
**************************/
/* tipus d'arxiu i generals */

.files a {
background: url(img/ico_generic.svg) no-repeat left top;
background-size: 18px auto;
padding-left: 24px;
}

.files a[href$='.pdf'] {
background-image: url(img/ico_pdf.svg);
}

.files a[href$='.doc'],
.files a[href$='.docx'] {
background-image:url(img/ico_doc.svg);
}

.files a[href$='.xls'] {
background-image:url(img/ico_xls.svg);
}

.files a[href$='.ppt'] {
background-image:url(img/ico_ppt.svg);
}

.files a[href$='.zip'] {
background-image:url(img/ico_zip.svg);
}


#recursos_graella {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
grid-gap: 30px;
margin-bottom: 60px;
}

.recursos_filtres {
padding: 20px 30px 30px 30px;
border-radius: 4px;
background-color: #F0EDE6;
margin: 20px 0 40px 0;
}

.recursos_filtres h2 {
font-size: 1.125rem;
color: #00567A;
margin: 0 0 0.25em 0;
}

.recursos_filtres_form {
display: flex;
align-items: center;
}

.recursos_filtres_form .chosen-container,
.recursos_filtres_form input#cerca {
margin-right: 5px;
}

.recursos_filtres_form .chosen-choices {
border-radius: 4px;
color: #666;
border: 1px solid #ccc;
border-radius: 4px;
padding: 3px;
font-size: 0.9375rem;
}

.recursos_filtres_form button {
height: 33px;
margin-right: 15px;
}

.recursos_filtres_form .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
font-family: nunito, helvetica, arial, sans-serif;
}

.video {
position: relative;
}

#video_play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.recurs_info.teaser_info {
padding: 20px 30px 30px 30px;
border-radius: 0 0 4px 4px;
background-color: #F0EDE6;
font-size: 0.8125rem;
}

.video img {
display: block;
border-radius: 4px 4px 0 0;
}

ul.tipus-recurs,
ul.files {
margin: 0;
padding: 0;
list-style-type: none;
margin-bottom: 0.5em;
}

.recurs-teaser figure.imatge-destacada {
margin: 0;
}

.recurs-teaser figure.imatge-destacada img {
display: block;
border-radius: 4px 4px 0 0;
}

.popup-video {
width: 100%;
height: 100vh;
background-color: rgba(0,0,0,0.8);
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 999;
}

.popup-video .close {
position: absolute;
top: 30px;
right: 30px;
text-indent: -999em;
width: 30px;
height: 30px;
background: url(img/ico_close.svg) no-repeat center center;
background-size: contain;
}

.popup-video .close:hover {
cursor: pointer;
}

.popup-video .content {
width: 80%;
max-width: 1000px;
}

/* recursos */

.llistat_recursos.ciencia h2 {
grid-column: 1/-1;
margin-bottom: 0;
}

.llistat_recursos.ciencia {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
margin-bottom: 70px;
}

.llistat_recursos.ciencia .recurs-teaser {
display: grid;
grid-template-columns: 170px 1fr;
border-radius: 4px;
overflow: hidden;
}

.llistat_recursos.ciencia .recurs-teaser .recurs_info.teaser_info {
	padding: 20px;
	border-radius: 0;
	display: flex;
	flex-direction: column;
	justify-content: end;
}

.llistat_recursos.ciencia .recurs-teaser .recurs_info.teaser_info h2 {
	font-weight: 700;
	font-size: 1.25rem;
	margin-bottom: 1em;
}

.entrevistes-entitats .llistat_activitats {
margin-top: 0;
}

.logos-ciencia {
margin-top: 80px;
margin-bottom: 60px;
}

.logos-llistat {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
gap: 40px;
margin: 0;
padding: 0
}

.logos-llistat li {
list-style-type: none;
}

.logos-llistat li img {
aspect-ratio: 1;
object-fit: contain;
}

.logos-llistat li p {
margin: 0.25em 0;
font-weight: 600;
}


/*************************
 TEASERS
**************************/

.teaser {
font-size: 1rem;
border-radius: 4px;
background-color: #B8E6F2;
transition: filter 0.2s;
margin-bottom: 20px;
max-width: 450px;
}

.teaser:hover {
filter: brightness(107%);
transition: filter 0.2s;
}

.teaser_foto {
margin: 0 0 6px 0;
}

.teaser_foto img {
display: block;
border-radius: 4px 4px 0 0;
width: 100%;
aspect-ratio: 3/2;
object-fit: cover;
}

.teaser_info {
padding: 10px 20px 20px 20px;
overflow: hidden;
}

.teaser_info h2 {
font-weight: 800;
font-size: 1rem;
line-height: 1.2;
margin: 0 0 5px 0;
}

/* Pàgines amb llistats de teasers */

.llistat_header,
.observatori_info,
.observatori_link {
border-radius: 4px;
padding: 30px;
display: flex;
flex-direction: column;

}

.llistat_header h1 {
font-size: 1.875rem;
line-height: 1.1;
color: #00567A;
}

.llistat_activitats {
margin-top: 40px;
margin-bottom: 30px;
}

.llistat_activitats.llistat_activitats_header_container {
margin-bottom: 20px;
margin-top: 0;}

.llistat_activitats > h2 {
grid-column: 1 / -1;
margin: 0;
}

.llistat_activitats_info,
div[class*="vols-organitzar"] {
padding: 30px;
border-radius: 4px;
}

p[class*="link_organitza"] a,
.vols-organitzar-rsc a,
.observatori_link a {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
padding-bottom: 50px;
margin: 0;
background: url(img/arrow_right_cercle.svg) no-repeat bottom left;
background-size: 40px auto;
transition: all 0.3s ease-in;
}

p[class*="link_organitza"] a:hover,
.vols-organitzar-rsc a:hover,
.observatori_link a:hover {
text-decoration: underline;
background-position: 10px bottom;
transition: all 0.3s ease-in;
color: #00567A;
}

.vols-organitzar-rsc,
.link_organitza_parcs,
.link_organitza_fauna,
.observatori_link  {
font-size: 2.125rem;
line-height: 1.1;
font-weight: 500;
display: flex;
flex-direction: column;
justify-content: center;
}

.vols-organitzar-fauna img{
max-width: 970px;
}

.link_organitza_fauna {
margin-top: 0.25em;
}

.vols-organitzar-rsc a::before {
content: url(img/ico_bombeta.svg);
margin-bottom: 10px;
display: block;
}

.link_entitats {
margin-top: 0;
background-color: #F0EDE6;
padding: 10px 20px;
border-radius: 4px 4px 0 0;
margin: -30px -30px  60px -30px;
}

.link_entitats a::after {
content: url(img/arrow_right_blauS.svg);
margin-left: 6px;
}

.veure_tot {
position: absolute;
top: 0;
right: 0;
font-size: 0.8125rem;
text-transform: uppercase;
font-weight: 800;
padding: 10px 16px 8px 16px;
border-radius: 4px;
background-color: #F0EDE6;
display: block;
margin-top: 0;
line-height: 1;
}

/* Pàgina ciència ciutadana */

.llistat_activitats_header_ciencia {
display: grid;
grid-template-areas: 
"header"
"llistat_activitats_info"
"observatori_info"
"observatori_link";
gap: 20px;
}

.llistat_activitats_header_ciencia > *,
.llistat_activitats_header_ciencia h1 {
background-color: var(--ciencia);
}

.llistat_activitats_header_ciencia header {
grid-area: header;
}

.llistat_activitats_header_ciencia .llistat_activitats_info{
grid-area: llistat_activitats_info;
}

.llistat_activitats_header_ciencia .observatori_info{
grid-area: observatori_info;
}

.llistat_activitats_header_ciencia .observatori_link{
grid-area: observatori_link;
}

.ciencia_ciutadana .veure_tot {
position: static;
text-align: center;
grid-column: 1/-1;
padding: 0
}

.ciencia_ciutadana .veure_tot:hover {
filter: brightness(107%);
transition: filter 0.2s;
}

.ciencia_ciutadana .veure_tot a {
display: block;
padding: 20px;		
}


/* teasers activitats */

.teaser.una_activitat {
position: relative;
}

.llistat_activitats_header {
justify-content:center;
}

.llistat_activitats_header h1 {
padding-top: 50px;
font-size: 1.5rem;
margin: 0;
background-position: left top;
background-repeat: no-repeat;
background-size: 40px auto;
}

.una_activitat_foto {
position: relative;
min-height: 176px;
background-color: rgba(0,0,0,0.2);
border-radius: 4px 4px 0 0;
}

.teaser .una_activitat_public {
list-style-type: none;
position: absolute;
right: 5px;
bottom: 0;
margin: 0;
}

#main .teaser .una_activitat_public li {
display: inline-block;
margin: 0 5px;
}

.teaser .una_activitat_public li a {
background-position: bottom right;
background-repeat: no-repeat;
text-indent: -999em;
height: 42px;
display: block;
}

.teaser .una_activitat_public li.tothom a {
width: 64px;
background-image: url(img/ico_tothom3.svg);
background-size: 64px auto;
}

.teaser .una_activitat_public li.mon-escolar a {
width: 39px;
background-image: url(img/ico_escoles3.svg);
background-size: 39px auto;
}

.teaser .una_activitat_public li.empreses-rsc a {
width: 50px;
background-image: url(img/ico_empreses3.svg);
background-size: 50px auto;
}

.una_activitat_data,
.una_activitat_lloc,
.una_activitat_organitzador,
.espai {
font-size: 0.875rem;
color: #00567A;
line-height: 1.2;
padding-left: 20px;
background-size: 12px auto;
background-repeat: no-repeat;
background-position: left 1px;
}

.una_activitat_organitzador {
padding-left: 0;
margin-top: 1.5em;
font-weight: 700;
color: rgba(0,0,0,0.7);
clear: both;
}

.una_activitat_organitzador .teaser_logo,
.espai-logo img {
width: 60px;
height: 60px;
object-fit: contain;
margin-right: 12px;
padding:2px 0;
}

.una_activitat_organitzador .teaser_logo,
.espai-logo {
float: left;
}

.una_activitat_organitzador_title {
font-weight: 400;
}

.una_activitat_data {
background-image: url(img/ico_data.svg);
margin: 0;
}

.una_activitat_lloc {
background-image: url(img/ico_lloc.svg);
}

.resultats_una_activitat_info .lloc_poblacio,
.resultats_una_activitat_info .lloc_nom {
margin: 0;
}

.resultats_una_activitat_info .una_activitat_organitzador {
margin-top: 10px;
overflow: hidden;
}

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

.resultats_una_activitat_info .logo {
width:80px;
display:block;
margin-right:5px;
}

/* categories de l'activitat - totes vistes */

.teaser .una_activitat_categories {
margin: 0;
padding: 0;
list-style-type: none;
position: absolute;
top: 0;
right: 0;
padding: 6px 8px;
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
gap: 4px;
}

 .una_activitat_categories li {

}

.una_activitat_categories a {
font-size: 0.75rem;
border: 1px solid #E3E0DA;
color: #737373;
padding: 2px 8px;
line-height: 1;
margin-bottom: 3px;
border-radius: 4px;
display: block;
}

.una_activitat_categories a:hover {
background-color: #E3E0DA;
}

.teaser .una_activitat_categories a {
border-color: rgba(0,0,0,0.2);
color: #00567A;
}

.una_activitat_categories li.voluntariat-als-centres-de-fauna,
.una_activitat_categories li.voluntariat-als-parcs {
display: none;
}

.una_activitat_categories li.voluntariat a,
.una_activitat_categories li.formacio a,
.una_activitat_categories li.ciencia-ciutadana-i-natura a {
color: #000;
font-weight: 700;
border: none;
padding: 4px 10px;
}

.una_activitat_categories li.formacio a {
background-color: #FFE47F;
}

.una_activitat_categories li.voluntariat a {
background-color: #D5F9B9;
}

.una_activitat_categories li.ciencia-ciutadana-i-natura a {
background-color: var(--ciencia);

}

.teaser .una_activitat_categories a:hover {
background-color: #fff;
border-color: #fff;
}

/* categories de l'activitat - totes vistes */


/* teasers noticies */

.teaser.una_noticia {
background-color: #fcfbfa;
}

.una_noticia_info {
font-size: 0.9375rem;
line-height: 1.4;
}

.una_noticia_info p {
margin-bottom: 0.5em;
}

p.una_noticia_data,
.post-date {
font-size: 0.75rem;
color: #9b9b9b;
margin: 0.25em 0 0.5em 0;
}

#franja_noticies_llistat .boto {
float: right;
margin-top: 0;
}

#archive_noticies .page_header {
position: relative;
}

#archive_noticies select#temes {
position: absolute;
right: 0;
top: 0;
appearance: none;
background-color: transparent;
border: none;
padding: 0 1em 0 0;
margin: 0;
cursor: inherit;
background: url(img/arrow_down.svg) no-repeat 92% -23px #fff;
border-radius: 4px;
padding: 5px 10px;
}

/* teaser organitzadors */

.llistat_organitzador_header {
background-color: #fff;
justify-content: flex-start;
}

.veure_web {
margin-top: auto;
margin-bottom: 0;
font-size: 0.75rem;
}

.veure_web a {
border: 1px solid #C4C1BB;
border-radius: 4px;
padding: 3px 10px;
}

.veure_web a:hover {
background-color: #C4C1BB;
cursor: pointer;
color: #fff;
}


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

.opcions_cerca {
margin-bottom: 10px;
background-color: #E3E0DA;
border-radius: 4px;
padding-bottom: 10px;
}

.opcions_cerca_grup ul {
margin: 0;
padding: 0;
}

.opcions_cerca label,
.label_llargadurada,
.opcions_cerca_vista p {
display: block;
font-size: 0.875rem;
color: #737373;
margin: 0;
}

.opcions_cerca input {
max-width: 200px;
}

.opcions_cerca_general_una {
border-bottom: 1px solid #fff;
padding: 15px 20px;
}

/* cerca text */

.lloc_form {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
}

.opcions_cerca_lloc {
margin-bottom: 0.5em;
float: left;
margin-right: 20px;
}

.opcions_cerca_paraula input {
padding-left: 15px;
}

.opcions_cerca_lloc input {
border-radius: 3px 0 0 3px;
padding-left: 15px;
}

.opcions_cerca_lloc #opcions_cerca_lloc_submit {
width:30px;
height: 32px;
margin-left: -1px;
display: inline-block;
vertical-align: middle;
text-indent:-999em;
background:url(img/ico_search_blanc.svg) no-repeat center rgba(0,0,0,0.4);
padding:0 4px;
border: none;
-webkit-appearance: none;
border-radius: 0 3px 3px 0;
}

.opcions_cerca_lloc #opcions_cerca_lloc_submit:hover {
cursor: pointer;
background-color: rgba(0,0,0,0.5)
}


/* cerca per data */

.data_form {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
}

.data_form .search-field {
margin-right: 5px;
}

input[name="llargadurada"] {
float: left;
margin-top: 6px;
margin-right: 5px;
}

.label_llargadurada {
font-size: 0.75rem;
margin-top: 3px;
}


/* cerca per públic

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

.opcions_cerca_public li {
display: inline-block;
margin: 0 3px;
transition: filter 0.2s;
}

.opcions_cerca_public li:hover {
filter: brightness(107%);
transition: filter 0.2s;
}

.opcions_cerca_public a,
.resultats_taula .una_activitat_public a {
width: 54px;
height: 48px;
display: block;
text-indent: -999em;
background-repeat: no-repeat;
background-position: center top;
background-size: 54px auto;
}

.opcions_cerca_public a:hover {
cursor: pointer;
}

.opcions_cerca li.tothom a,
.resultats_taula li.tothom a  {
background-image: url(img/ico_tothom2.svg);
}

.opcions_cerca li.escoles a,
.resultats_taula li.mon-escolar a {
background-image: url(img/ico_escoles2.svg);
}

.opcions_cerca li.empreses a,
.resultats_taula li.empreses-rsc a {
background-image: url(img/ico_empreses2.svg);
}

.opcions_cerca_public a.not-selected {
background-position:  center -108px;
}

*/


/* cerca tasca */

.opcions_cerca_tasques li {
font-size: 0.75rem;
list-style-type: none;
display: inline-block;
}

.opcions_cerca_tasques a {
background-color: #999691;
color: #fff;
padding: 3px 10px;
margin-bottom: 3px;
border-radius: 4px;
display: block;
}

.opcions_cerca_tasques a:hover {
background-color: #C4C1BB;
cursor: pointer;
color: #fff;
}

.opcions_cerca_tasques a.selected {
background-color: #7BCEE0;
}

/* cerca vista */

.opcions_cerca_vista {
padding: 10px 20px;
}

.opcions_cerca_vista ul {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
}

.opcions_cerca_vista li {
width: 54px;
height: 48px;
background-color: #fff;
font-size: 0.625rem;
text-align: center;
text-transform: uppercase;
list-style-type: none;
border-radius: 4px;
display: inline-block;
vertical-align: top;
padding: 4px 6px 2px 6px;
margin: 0 2px;
transition: background-color 0.2s;
}

.opcions_cerca_vista li:hover {
background-color: rgba(255,255,255,0.8);
transition: background-color 0.2s;
cursor: pointer;
}

.opcions_cerca_vista a {
display: block;
}

.opcions_cerca_vista a:hover {
color: inherit;
}

/* avisos i missatges */

.total_resultats {
font-size: 0.75rem;
margin-bottom: 10px;
color: #737373;
}

.avis_cercador {
width: 40%;
min-width: 280px;
text-align: center;
background-color: #7BCEE0;
margin: 1em auto;
border-radius: 4px;
padding: 8px 26px;
color: #fff;
}

/* resultats cerca llista mapa */

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

.resultats_cerca_mapa_gmaps {
position: relative;
z-index: 99;
width: 100%;
min-height: 340px;
border-radius: 4px;
margin-bottom: 10px;
}

.resultats_cerca_mapa_gmaps iframe {
display: block;
}

.resultats_cerca_mapa_container .page-numbers {
padding-left: 0;
margin-bottom: 0;
width: 100%;
border-radius: 4px;
margin-top: 5px;
background-color: #E3E0DA;
}

.resultats_cerca_mapa_container .page-numbers li {
margin: 0 5px;
}

.resultats_cerca_mapa_container .page-numbers a {
border: none;
background-color: transparent;
}

.resultats_cerca_mapa_container .page-numbers a:hover {
cursor: pointer;
background-color: transparent;
}

.resultats_cerca_mapa_llistat .resultats_una_activitat {
clear: both;
background-color: #F0EDE6;
margin-bottom: 10px;
border-radius: 4px;
overflow: hidden;
position: relative;
}

.resultats_cerca_mapa_llistat .resultats_una_activitat.permanent {
background-color: #F8DFC8;
}

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

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

.resultats_mapa .gm-style {
font-family: nunito, helvetica, arial, sans-serif;
}

.resultats_una_activitat_foto {
margin: 5px;
width: 80px;
float: left;
border-radius: 4px;
}

.resultats_una_activitat_foto img {
display: block;
backface-visibility: hidden;
border-radius: 4px;
transition: filter 0.2s;
}

.resultats_una_activitat_foto img:hover {
filter: brightness(107%);
transition: filter 0.2s;
}

.resultats_una_activitat_info {
padding: 5px 10px 10px 95px;
}

.resultats_una_activitat_info h2 {
font-size: 1rem;
font-weight: 800;
line-height: 1.1;
margin-top: 8px;
margin-bottom: 0.5em;
}

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

.resultats_una_activitat_info h2 a:hover {
text-decoration: underline;
}

.resultats_una_activitat_info .una_activitat_data,
.resultats_una_activitat_info .una_activitat_lloc {
font-size: 0.8125rem;
margin-bottom: 2px;
}

.resultats_cerca_mapa_gmaps .resultats_una_activitat_foto {
display: none;
}

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

.old {
font-size: 0.625rem;
text-transform: uppercase;
line-height: 1;
padding: 3px 8px 2px 8px;
border-radius: 3px;
color: #fff;
background-color: #aaa;
display: inline-block;
}

table .old {
margin-bottom: 4px;
}


/* resultats cerca taula */

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

.resultats_taula table {
margin: 0;
}

.resultats_taula a {
font-weight: 700;
}

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

.resultats_taula p {
margin: 0;
}

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

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

.resultats_taula tr:hover {

}

.resultats_taula tr:hover .una_activitat_categories a {
background-color: #fff;
border-color: #fff;
}

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

.resultats_taula th {
font-weight: 800;
padding: 12px 10px;
text-align: left;
background-color: #E3E0DA;
color: #737373;
border-right: 1px solid #F0EDE6;
}

.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;
border-right: none;
}

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

.resultats_taula .una_activitat_public {
padding: 0;
margin: 0;
}

.resultats_taula .una_activitat_public li {
display: inline-block;
list-style-type: none;
}

.resultats_taula .una_activitat_public li:hover {
filter: brightness(107%);
transition: filter 0.2s;
}

.resultats_taula .una_activitat_public a {
width: 30px;
height: 30px;
background-size: 30px auto;
}

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


/* organitzador */

.afegir_pas1 {
padding: 20px;
background-color: #FFF;
margin-bottom: 2em;
border-radius: 4px;
font-size: 0.9375rem;
}

.afegir_pas1 p {
margin: 0;
}

.afegir_pas1 h3 {
text-transform: uppercase;
color: #00567A;
}

.cmb2-hidden {
/*display: none;*/
}

.afegir_pas1 .regular-text {
width: 80%;
max-width: 500px;
}

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

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

.desplegat .cmb-form select#va_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;
}

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

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

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

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

.cmb2-checkbox-list label:hover {
color: #70a906;
cursor: pointer;
}

.cmb2-wrap select {
display: block;
margin-bottom: 1em;
}

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

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

.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,
.cmb2-wrap p.cmb2-metabox-description {
display: block;
font-style: normal;
color: #999;
margin: 0;
padding-top: .5em;
font-size: 0.875rem;
}

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

.cmb2-wrap .cmb-type-text-datetime-timestamp input#va_inici_date:hover,
.cmb2-wrap .cmb-type-text-datetime-timestamp input#va_final_date:hover,
.cmb2-wrap .cmb-type-text-datetime-timestamp input#va_inici_time:hover,
.cmb2-wrap .cmb-type-text-datetime-timestamp input#va_final_time:hover {
cursor: pointer;
}

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

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

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

#va_telefon {
max-width: 130px;
}

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

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

.afegir-organitzador {
margin-top: 2em;
}


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


/****************************************
llistat organitzadors i col·laboradors + parcs naturals
*****************************************/

#llistat_organitzadors,
.llistat_parcs_naturals {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin: 0 -15px;
}

.un_organitzador,
#pagina_collaboradors #llistat_organitzadors p {
flex: 1 1 220px;
background-color: #fff;
text-align: center;
border-radius: 4px;
margin: 10px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-end;
max-width: 250px;
padding: 20px;
}

.un_organitzador > a {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.un_organitzador img {
max-width: 120px;
max-height: 120px;
object-fit: contain;
}

.un_organitzador h2,
.llistat_parcs_naturals h3 {
font-size: 1rem;
font-weight: 700;
line-height: 1.2;
padding-top: 20px;
margin-bottom: 0;
text-transform: uppercase;
}

.llistat_parcs_naturals {
padding: 10px;
background-color: #F0EDE6;
border-radius: 8px;
}

.llistat_parcs_naturals .un_organitzador {
justify-content: space-between;
background-color: #fff;
max-width: 290px;
}

.llistat_parcs_naturals .un_organitzador img {
display: block;
margin-left: auto;
margin-right: auto;
width: 90px;
height: 90px;
}

.mapa-llistat .llistat-entitats .llistat_parcs_naturals .un_organitzador h2 {
background-image: none;
}

.llistat_parcs_naturals ul {
margin: 0;
padding: 0;
}

.content_text .llistat_parcs_naturals li {
background: none;
padding-left: 0;
}

/* MAPA D'ENTITATS */

.leaflet-container,
.leaflet-container h2 {
font-family: nunito, helvetica, arial, sans-serif;
}

.leaflet-container h2 {
color: #00567A;
}

.leaflet-container a.leaflet-popup-close-button {
right: 14px;
top: 14px;
}

.mapa-llistat > h2 {
color: #00567A;
}

.mapa-llistat > h2:after {
content: url(img/arrow_up_L.svg);
margin-left: 10px;
}

.mapa-llistat > h2.closed:after {
content: url(img/arrow_down_L.svg);
}

.mapa-llistat .llistat-entitats h2 {
font-size: 1rem;
background: url(img/arrow_down.svg) no-repeat 99% 10px;
}

.mapa-llistat h2:hover {
cursor: pointer;
}

.mapa-mapa .leaflet-popup-content {
font-size: 0.875rem;
}

.mapa-mapa li {
list-style-type: none;
}

.mapa-entitats .teaser.una_noticia {
background-color: #F0EDE6;
}

/* Enllaços interès parcs Naturals */

#text-4, .llistat-espais-mapa {
padding: 40px 0;
}

#text-4 ul {
margin-left: 0;
padding-left: 16px;
}

#text-4 li {
list-style-image: url(img/arrow_right_blauS.svg);
}

#text-4 .textwidget > ul > li {
margin-bottom: 0.5em;
}

/* Accordions */

.page-id-18445 #single_pagina .entry-header,
.page-id-18445 #single_pagina .entry-content {
max-width: none;
}

.page-id-18445 #single_pagina .entry-header {
margin-bottom: 40px;
}

.page-id-18445 .entry-content .boto a {
font-size: 1.125rem;
text-decoration: none;
}

.content_text .c-accordion__item {
border-bottom: 1px solid #e3e3e3;
}

.content_text .c-accordion__item h2 {
font-size: 1.125rem;
}

.c-accordion__title::after {
content: url(img/arrow_down_blau.svg);
}

@media (min-width: 450px) {

/* footer */

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


@media (min-width: 600px) {

/* header */

.site-title {
float: left;
margin: 0.75em 0 1em 0;
}

#xxss {
position: absolute;
bottom: 10px;
right: 0;
display: inline-block;
padding-left: 0;
margin: 0;
display: block;
}

/* franja escull el teu voluntariat */

.escull_container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 24px;
align-items: end;
}

.escull_container .tipus_entitat {
grid-column: span 1;
}

.escull_container .tipus_durada {
grid-column: span 2;
}

.escull_container .tipus_public {
grid-column: span 3;
}

.escull_container .tipus_ciencia,
.escull_container .tipus_parcs,
.escull_container .tipus_fauna{
grid-column: span 1
}

.tipus_public ul,
.tipus_durada ul {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 12px;
}

.escull ul {
margin-bottom: 10px;
}

.escull a {
width: 100%;
padding: 10px;
min-height: 100px;
display: flex;
flex-direction: column;
justify-content: flex-end;
text-align: center;
background-position: center 15px;
background-size: 40px auto;
margin-bottom: 0;
}

.escull_tipus .tipus_tothom,
.escull_tipus .tipus_carta {
background-size: 65px auto;
background-position: center 25px;
}

.escull_tipus .tipus_parcsnaturals {
background-size: 65px auto;
background-position: center 15px;
}

.escull_tipus .tipus_centresfauna,
.escull_tipus  .tipus_ciencia {
background-size: 50px auto;
}


/* single activitat */

#single_activitat header h1 {
font-size: 2rem;
line-height: 1.1111;
}

/* franges */

.franja {
margin-bottom: 40px;
}

.franja_beige {
padding: 40px 0;
}

#single_noticia.franja_beige {
padding-top: 20px;
}

.franja_titol,
.social.widgettitle {
font-size: 1.25rem;
}

/* newsletter home */

.home_newsletter .wpcf7-form p {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 0;
}

.home_newsletter .wpcf7-form label,
.home_newsletter .wpcf7-form input.wpcf7-submit {
margin-right: 10px;
width: 180px;
}

div.wpcf7 .ajax-loader {
display: none;
}

/* teasers activitats */

.llistat_activitats_header h1 {
padding-top: 80px;
font-size: 1.875rem;
background-size: auto;
}

.tax-tipus .llistat_activitats_header h1 {
padding-top: 0;
}

/* teasers 2 columnes */

.llistat_activitats,
.llistat_noticies {
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;

}

.teaser,
.llistat_activitats_header,
.llistat_organitzador_header {
width: calc(50% - 10px);
}

/* Llistat recursos ciència ciutadana */

.llistat_recursos.ciencia {
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
}

}

@media (min-width: 768px) {

.mobil {
display: none;
}

#slideshow.wrap {
width: 90%;
}

/* header */

#masthead {
position: relative;
padding-bottom: 20px;
}

#preheader {
float: right;
text-align: right;
padding-top: 10px;
display: flex;
align-items: center;
}

#preheader .search-form,
.menu-superior-container,
#xxss {
display: inline-block;
margin: 0 0 10px 10px;
position: static;
vertical-align: middle;
}

#masthead .logo  {
padding-top: 0.5em;
float: left;
}

.site-title {
margin: 0;
}

.site-title a {
width: 280px;
height: 90px;
}

/* footer */

#franja_social {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
}

#franja_social .textwidget,
#sb_instagram {
border: 1px solid #ddd;
border-radius: 4px;
}

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

.footer_logos_bloc {
margin: 0 10px;
flex: 1;
}

#footer_logos img,
#footer_logos .logo_xvac img  {
margin-right: 10px;
height: 89px;
}


/* menu preheader */

#menu-superior {
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
}

#menu-superior li {
display: inline-block;
list-style-type: none;
}

#menu-superior a,
#menu-superior a:visited {
text-decoration: none;
text-transform: uppercase;
color: #333;
font-size: 0.75rem;
padding: 0 10px;
}

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

/* menu principal */

.menu-toggle,
.main-navigation li.mobil {
display: none;
}

.main-navigation ul {
text-transform: uppercase;
font-weight: 700;
padding-top: 15px;
clear: both;
font-size: 0.9375rem;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
background-color: transparent;
margin: 0;
}

.main-navigation li {
position: relative;
}

.main-navigation a,
.main-navigation a:visited {
display: block;
text-decoration: none;
color: #00567A;
line-height: 1;
padding: 10px 10px 8px 10px;
}

.main-navigation .current-menu-item > a,
.main-navigation .current_page_parent > a,
.main-navigation a:hover,
.main-navigation .sub-menu a:hover {
color: #B8440E;
}

.main-navigation .current-menu-item > a,
.main-navigation .current_page_parent > a,
.main-navigation .current-page-ancestor > a {
background-color: #F0EDE6;
border-radius: 30px;
}

.main-navigation .sub-menu .current-menu-item > a {
background-color: #fff;
border-radius: 0;
}

.main-navigation ul ul {
float: left;
position: absolute;
top: 33px;
left: -999em;
z-index: 99999;
background-color: #fff;
text-transform: none;
border-radius: 4px;
border: 1px solid #ccc;
display: block;
}

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

.main-navigation ul ul a {
width: 200px;
padding: 14px 16px 12px 16px;
border-bottom: 1px solid #ccc;
font-size: 0.875rem;
}

.main-navigation ul ul li:last-of-type a {
border-bottom: none;
}

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

.main-navigation .menu-item-has-children > a {
padding-right: 24px;
background: url(img/arrow_down.svg) no-repeat 93% 13px;
border-radius: 30px;
}

.main-navigation .current-menu-item.menu-item-has-children > a,
.main-navigation .current-menu-parent.menu-item-has-children > a,
.main-navigation .menu-item-has-children > a:hover {
background-position: 93% -24px;
background-color: #F0EDE6;
}


/* estructura */

#single_pagina {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}

#single_pagina #main {
width: calc(100% - 240px);
order: 2;
padding: 30px 0 30px 20px;
}

#single_pagina #secondary {
width: 220px;
order: 1;
}

#single_noticia #single_pagina #main {
padding: 30px;
}

#single_noticia #single_pagina #secondary {
order: 2;
background-color: transparent;
padding-top: 0;
}

#single_noticia img {
border-radius: 4px;
}

#single_activitat #secondary {
padding: 0;
}


/* generals */

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

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

.content_text a {
text-decoration: underline;
text-decoration-color: #7BCEE0;
}

.content_text li {
margin-bottom: 0.5em;
}

.franja_titol,
.social.widgettitle {
font-size: 1.3125rem;
}

.page-template-default #content {
border: none;
margin-top: 0;
padding: 0;
}

#single_activitat header h1 {
font-size: 2.25rem;
line-height: 1.11111;
padding: 40px 30px 30px 30px;
}

.wp-block-image img {
border-radius: 4px;
}

/* home */

#slideshow img {
border-radius: 4px;
}

#owl, .owl-item {
position: relative;
}

.owl-item  a{
color: #fff;
}

.owl-item .content{

position: absolute;
top: 15px;
left: 50%;
transform: translateX(-50%);
width: 80%;
max-width: 750px;
font-weight: 400;
color: #fff;
font-size: 1.125rem;
text-align: center;
text-shadow: 0 0 16px rgba(0,0,0,0.64);
background-color: transparent;
}

.owl-item p {
margin-top: 0.5em;
text-shadow: 0 0 20px #000;
}

.footer_banners p {
margin: 0;
}

.entitats-newsletter {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}

.home_newsletter {
width: calc(60% - 10px);
margin-right: 10px;
margin-bottom: 0;
}

.home_entitats {
width: 40%;
}

.home_newsletter .wpcf7-form label {
max-width: 170px;
width: auto;
}

.home_newsletter .wpcf7-form label.form_legal {
max-width: 400px;
}

.home_newsletter .wpcf7-form input.wpcf7-submit {
width: 120px;
}



/* cercador filtre activitats i vistes variades */

.resultats_cerca_mapa_gmaps {
min-height: 450px;
border-radius: 4px 4px 0 0;
margin-bottom: 0;
}

.opcions_cerca_general {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}

.opcions_cerca_text,
.opcions_cerca_periode {
width: 50%;
}

.opcions_cerca_tasques,
.opcions_cerca_vista {
width: 100%;
}

.resultats_una_activitat_foto {
width: 140px;
margin: 0;
border-radius: 4px 0 0 4px;
position: absolute;
top: 0;
bottom: 0;

}

.resultats_una_activitat_foto img {
border-radius: 4px 0 0 4px;
object-fit: cover;
width: 140px;
height: 100%;
}

.resultats_una_activitat_info {
padding: 10px 10px 10px 160px;
}

/* singles */

.content_text {
font-size: 1rem;
}

.content_text li {
list-style-type: none;
padding-left: 20px;
background: url(img/arrow1_mini.svg) no-repeat left 8px;
}


/* single activitat */

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

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

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

/* llistat activitats i noticies */

.teaser,
.llistat_activitats_header,
.llistat_organitzador_header {
width: calc(50% - 10px);
margin: 0 10px 20px 10px;
}

/* afegir activitats */

.afegir_pas1 {
padding: 26px 30px;
font-size: 1rem;
}

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

/* formulari afegir activitat */

#content_afegir .entry-content {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}

#content_afegir .entry-content .afegir_pas1 {
flex: 0 1 48%;
}

#content_afegir .afegir_pas1.organitzador {
margin-right: 30px;
}

#content_afegir .entry-content.desplegat .afegir_pas1 {
padding: 40px 60px;
flex: 1 1 100%;
}




}

@media (min-width: 1020px) {

/* header */

.main-navigation {
float: right;
padding-top: 21px;
width: auto;
clear: none;
}

.main-navigation ul {
padding-top: 0;
}


/* HOME */

.owl-item .content {
top: 40px;
font-size: 1.5rem;
}

.home_newsletter {
width: calc(75% - 10px);
}

.form_legal {
order: 2;
}

.home_entitats {
width: 25%;
}

.home-video {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 0;
}

/* footer */

.footer_banners a {
display: inline;
float: none;
width: auto;
}

.footer_banners img {
max-width: 180px;
}


/* opcions cerca */

.opcions_cerca {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}

.opcions_cerca {
background-color: transparent;
border-radius: 0;
padding-bottom: 0;
}

.opcions_cerca_grup {
padding: 0 20px;
background-color: #E3E0DA;
border-radius: 4px;
}

.opcions_cerca_grup.filter-espai {
padding: 20px;
margin: 40px 0 30px 0;
}

.opcions_cerca_general {
width: calc(100% - 220px);
flex-wrap: nowrap;
}

.opcions_cerca_general_una {
padding: 10px 20px;
border-right: 1px solid #F0EDE6;
}

.data_form {
flex-wrap: wrap;
}

.data_form .search-field {
margin-bottom: 5px;
}

.opcions_cerca_tasques {
width: auto;
}

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

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

.opcions_cerca_general_una {
border-bottom: none;
}

.opcions_cerca_grup.opcions_cerca_vista {
align-items: center;
padding: 10px 20px;
width: 210px;
}

.opcions_cerca_vista img {
margin-top: 2px;
}

/* franja escull el teu voluntariat */

.escull_container > *,
.escull_container .tipus_public a {
width: 100%}


.escull_container {
grid-template-columns: repeat(20, 1fr);
}

.escull_container .tipus_entitat {
grid-column: span 4;
}

.escull_container .tipus_durada,
.escull_container .tipus_public {
grid-column: span 8;
}

.escull_container .tipus_ciencia {
grid-column:2 / span 6;
}

.escull_container .tipus_parcs { 
grid-column:8 / span 6;

}

.escull_container .tipus_fauna{
grid-column:14 / span 6;


}
.escull a {
min-height: 105px;
}

/* resultats cerca */

.resultats_cerca_mapa_llistat {
border-radius: 4px;
}

/* singles generals */

#single_pagina #main {
width: calc(100% - 320px);
order: 2;
padding: 30px 0 30px 20px;
}

#single_pagina #secondary {
width: 300px;
order: 1;
border-radius: 4px;
background-color: #F0EDE6;
}

#secondary .widget  ul {
font-size: 0.9375rem;
line-height: 1.3;
}

#secondary .menu ul a {
padding-left: 20px;
}

#secondary .menu ul li a,
#secondary .menu ul li a:hover {
background-position: 0 15px;
}

/* single activitat */

.single_activitat_header,
.single_activitat_content {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}

#single_activitat header,
.single_activitat_body {
width: calc(59% - 10px);
}

.single_activitat_header_info,
.single_activitat_llistat_imatges {
width: 41%;
}

#single_activitat header {
margin-bottom: 0;
}

#single_activitat header h1 {
font-weight: 400;
}


#single_activitat .tabs {
padding: 40px 30px 0 0;
}

.single_activitat_info {
padding: 20px 30px;
}

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

p.single_activitat_ico {
width: auto;
margin-bottom: 0;
}

.single_activitat_info .data,
.single_activitat_info .hora,
.single_activitat_info .lloc_nom,
.single_activitat_info .lloc_adreca,
.single_activitat_info .lloc_poblacio {
padding-left: 50px;
}

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

.single_activitat_data .data,
.single_activitat_lloc .lloc_poblacio {
font-weight: 700;
color: #00567A;
}

/* headers */

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

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

/* llistat activitats */

.teaser,
.llistat_activitats_header,
.llistat_organitzador_header {
width: calc(25% - 20px);
margin: 0 10px 20px 10px;
}

/* Pàgina ciència ciutadana */

.llistat_activitats_header_ciencia {
display: grid;
grid-template-columns: 260px 1fr 260px;
grid-template-areas: 
"header llistat_activitats_info llistat_activitats_info"
"observatori_info observatori_info observatori_link";
gap: 20px;
}

}



@media (min-width: 1200px) {

/* header */

.site-title a {
width: 352px;
height: 116px;
}

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

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

#xxss {
margin-left: 5px;
}

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

.segueixnos {
display: inline-block;
font-size: 0.75rem;
text-transform: uppercase;
margin: 3px 0 10px 30px;
}

.main-navigation {
font-size: 1rem;
padding-top: 35px;
}


/* estructura */

#single_pagina #main {
width: 75% /* 57% */;
order: 2;
padding: 40px 0 40px 30px;
}

#single_pagina .entry-content,
#single_pagina .entry-header {
max-width: 600px;
margin: 0 auto;
}

#single_pagina #secondary {
width: 25% /*40.79% */;
order: 1;
padding: 40px 30px;
border-radius: 4px;
background-color: #F0EDE6;
}

.page-id-2098 #single_pagina #main {
width: 100%;
}

.page-id-2098 #single_pagina #secondary {
display: none;
}


/* franja escull el teu voluntariat */

.escull a {
padding: 20px 10px;
min-height: 165px;
background-position: center 25px;
background-size: auto;
}

.escull_tipus .tipus_tothom,
.escull_tipus .tipus_carta {
background-size: auto;
background-position: center 40px;
}


.escull_tipus .tipus_carta,
.escull_tipus .tipus_parcsnaturals,
.escull_tipus .tipus_centresfauna,
.escull_tipus .tipus_ciencia {
min-height: 150px;
}

.escull_tipus .tipus_parcsnaturals
 {
background-size: 85px auto;
background-position: center 25px;
}

.escull_tipus .tipus_centresfauna,
.escull_tipus  .tipus_ciencia {
background-size: 65px auto
}


/* llistat mapa */

.resultats_mapa {
clear: both;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}

.resultats_cerca_mapa_llistat {
width: 530px;
border-radius: 4px;
order: 1;
}

.resultats_cerca_mapa_gmaps.slim {
width: calc(100% - 550px);
z-index: 1;
order: 2;
border-radius: 4px;
overflow: hidden;
}

/* opcions cerca */

.data_form {
flex-wrap: nowrap;
}

.opcions_cerca_text {
min-width: 310px;}


}


@media (min-width: 1300px) {

.main-navigation a {
padding: 10px 14px 8px 14px;
}

.main-navigation li:last-of-type a {
padding-right: 0;
}

.escull li {
font-size: 1.0625rem;
}

}

/* IUJUUUUUUUUUU!!! */

@supports (display: grid) {

.llistat_activitats,
.llistat_noticies,
.grid4 {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
grid-gap: 20px;
}

.llistat_activitats_header, .llistat_activitats_info {
grid-column: 1 / -1;
}

.teaser, .llistat_activitats_header, .llistat_organitzador_header {
width: 100%;
margin-bottom: 0;
margin: 0;
}


@media (min-width: 700px) {
.llistat_activitats,
.llistat_noticies,
.grid4 {
grid-gap: 20px;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

body:not(.home) .teaser.una_noticia:nth-of-type(1) {
grid-column: 1 / -1;
max-width: none;
display: grid;
grid-template-columns: 1fr 1fr;
}

body:not(.home) .teaser.una_noticia:nth-of-type(1) h2 {
font-size: 1.75rem;
margin-bottom: 1rem;
}

body:not(.home) .teaser.una_noticia:nth-of-type(2) h2,
body:not(.home) .teaser.una_noticia:nth-of-type(3) h2 {
font-size: 1.25rem;
margin-bottom: 1rem;
}

body:not(.home) .teaser.una_noticia:nth-of-type(1) img {
display: block;
border-radius: 4px 0 0 4px;
}

body:not(.home) .teaser.una_noticia:nth-of-type(1) .teaser_foto {
margin-bottom: 0;
}

body:not(.home) .teaser.una_noticia:nth-of-type(1) .teaser_info {
display: flex;
flex-direction: column;
justify-content: center;
padding: 10px 40px 20px 40px;
}

body:not(.home) .teaser.una_noticia:nth-of-type(2),
body:not(.home) .teaser.una_noticia:nth-of-type(3) {
grid-column: span 2;
max-width: none;
}

body:not(.home) .teaser.una_noticia:nth-of-type(2) img,
body:not(.home) .teaser.una_noticia:nth-of-type(3) img {
height: 250px;
object-fit: cover;
object-position: center center;
}

.llistat_activitats_header {
grid-column: 1 / 2;
}

.llistat_activitats_info {
grid-column: 2 / -1;
}

.observatori_info {
display: grid;
align-items: center;
grid-template-columns: 1fr 2fr;
gap: 50px;
grid-column: span 3;
}

.observatori_link {

}


}

@media (min-width: 1230px) {


.term-empreses-rsc .llistat_activitats_info,
.llistat_activitats.parcs .llistat_activitats_info,
.llistat_activitats.fauna .llistat_activitats_info {
grid-column: 2 / 4;
}

.term-empreses-rsc .vols-organitzar-rsc,
.llistat_activitats.parcs .vols-organitzar-parcs,
.llistat_activitats.fauna .vols-organitzar-parcs {
grid-column: 4 / 5;
}
}



}