:root {
    --window-height:calc(var(--vh, 1vh) * 100);
    --window-height-static:calc(var(--vh_static, 1vh) * 100);
    --marges:1.5rem;
    --max_w:1200px;
    
}

body {
    padding:0;
    margin:0;
     font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-family: Geogrotesque-Regular;
    font-weight:300;
    color: rgba(34,34,34,1.00);
}
* {
    box-sizing: border-box;
}
img {
    display:block;
}

.alignleft {
	float:left;
	max-width:50%!important;
	margin-right:2rem;
	margin-bottom:1rem;
}

.alignright {
	float:right;
	max-width:50%!important;
		margin-left:2rem;
	margin-bottom:1rem;
}
.aligncenter {
	margin:auto;
	margin-bottom:1rem;
}

.socials {
    display:none; /* Mobile */
}
div#cookie-notice {
    position: fixed;
    bottom: 0;
    top: auto!important;
    background-color: rgba(255,255,255,1.00)!important;
    box-shadow: 0 0rem 2rem rgba(0,0,0,0.2);
}
#cookie-notice  .cookie-notice-container {
    display:flex;
    max-width: var(--max_w);
    margin: auto;
    align-items: center;
    padding: 0rem;
    border-radius: 0px;
    text-align: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(86,86,86,1.00);
    padding:2vw;
    padding-top:3vw;
}
#cookie-notice .cn-button {
    margin: 0 0 0 1rem;
}
.cn-text-container {
    padding: var(--marges);
   
}
.cookie-notice-container span,.cookie-notice-container a {
    color: rgba(34,34,34,1.00);
}
span#cn-notice-buttons {
    display: flex;
}

/* ALERTES */

.alerta.indoor {
    display: inline-block;
    position: inherit!important;
    background-color: #c00;
    height: auto;
    width: 100%;
    padding: 0.7rem;
    min-height: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
    text-align: center;
    font-family: Geogrotesque-SemiBold;
    border-radius: 0;
}

/* ALERTES */


span#cn-notice-buttons a{
    vertical-aliggn:center;
}
span.embed-youtube {
    height: 0;
    overflow: hidden;
    padding-top: 64.2%;
    position: relative;
}
span.embed-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
a#cn-accept-cookie {
    background-color: #222;
    background-image: none;
    margin-top: 0.5rem;
    border-radius: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    line-height: 50px;
    width:50px;
}
.cn-close-icon {
    position: absolute;
    right: calc(2vw + 25px);
    transform: translate(50%);
    top: 1rem;
    margin-top: 0;
    width: 1rem;
    height: 1rem;
    opacity: 1;
    padding: 0.8rem;
    outline: 0;
}
.cn-close-icon:after, .cn-close-icon:before {
    background-color: #222;
}

/* HEADER */


div#img-bg-empty {
    height: 3rem;
    background-color: #222;
}



body > header .superior {
   position:fixed;
    z-index:100;
    height:3rem;
    width:100%;
    box-shadow: 0 0.5rem 3rem rgba(0,0,0,0.5);
    top:0em;
     font-size: clamp(1.1rem, 1.1vw, 1.1rem);
    background-color:rgba(0,0,0,0);
     border-bottom:1px solid rgba(255,255,255,0.70)!important;
    
   
}
body > header .superior.background {
    box-shadow: 0 0rem 1rem rgba(0,0,0,0.2);
    border-bottom:1px solid rgba(120,120,120,1.00)!important;
     background-color: rgba(255,255,255,1);
    height:3rem;
    font-size: calc(1.088rem);
    font-size: clamp(1.1rem, 1.1vw, 1.1rem);

}
body > header .superior.scrolldown{
    top:-3rem;
    
}
body > header .superior.active {
    top:0rem;
}
#navegacio-extern {
    background-color:rgba(255,255,255,1.00);
    line-height: 2rem;
    position: relative;
    z-index: 3;
    height: 2rem;
}
#navegacio-extern .centre {
    display:flex;
    justify-content: space-between;
}
.wpml-ls-current-language {
   font-weight:700;
}

/* NAV */

.nattv {
	  width: 4rem;
    height: 2.4rem;
    padding-top: 0.5rem;
    display: block;
    position: absolute;
    top: 0rem;
    right: 8.7rem;
    transition: top 0.5s;
    z-index: 1;
	overflow:hidden;
	text-indent:-1000vw;
}
.nattv a {
	display:block;
	height:100%;
	width:100%;
	background-image:url("../images/nattv-100-c.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-size:contain;	
}
.background .nattv a {
	background-image: url("../images/nattv-100-n.png");
}
.menu-button {
       width: 3rem;
   
    padding-left: 0.6em;
    padding-right: 0.6em;
    height: 3rem;
    display: block;
    position: absolute;
    top: 0rem;
    right: 3rem;
    transition: top 0.5s;
    z-index: 1;
}
.background .menu-button  {
       filter: invert(0);
    
}


.background .menu-button span  {
    filter:invert(1);
}
.menu-button span, .menu-button-local span {
    width:40%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:2px;
    border-radius:0px;
    background-color:rgba(255,255,255,1.00);
    text-indent:-1000vw;
    transition:background-color 0.3s;
}
.menu-button span:before,.menu-button span:after, .menu-button-local span:before,.menu-button-local span:after {
    width:100%;
    content:"";
    display:block;
    background-color:rgba(255,255,255,1.00);
    position:absolute;
    top:-0.4rem;
    height:2px;
    transition:transform 0.3s, top 0.3s;
}
.menu-button-local span, .menu-button-local span:before,.menu-button-local span:after  {
    
    background-color:rgba(0,0,0,1.00);
}
    
.menu-button span:after,.menu-button-local span:after{
    top:0.4rem;
}
.menu-button.active span, .menu-button-local.active span {
    background-color:rgba(255,255,255,00);
}
.menu-button.active span:before,.menu-button.active span:after, .menu-button-local.active span:before,.menu-button-local.active span:after {
    transform:rotate(-45deg);
    top:0rem;
}

.menu-button.active span:after, .menu-button-local.active span:after {
    transform:rotate(45deg);
}
.nav-collapse {
    max-height:0;
    position: absolute;
    top: -5em;
    margin-top:3rem;
    width: 100%;
    z-index: 0;
    background-color: rgba(255,255,255,1.00);
    overflow:auto;
    box-shadow: 0 0.5rem 0.7rem rgba(0,0,0,0.0);
    font-family:Geogrotesque-Regular;
    width: calc(100%);
    

}
.background .nav-collapse {
}
.nav-collapse.active {
    max-height: calc(var(--window-height) - 4.6em);
    box-shadow: 0 0.5rem 0.7rem rgba(0,0,0,0.2);
    top:0;
}
.logo {
    margin:0;
    position:absolute;
    left:1.3rem;
    top:1rem;
    z-index:10;
}

.logo-scroll.hide {
    display:none;
}
.logo-scroll {
    display: block;
    font-size:1rem;
    height:2rem;
    position: absolute;
    margin:0;
    padding-left:1rem;
    padding-top:0.5rem;
    left: 0;
    top: 0;
    z-index: 60;
}
.logo-scroll img {
    height:2em;
    filter:invert(1);
    transition:filter 0.3s;
}

.logo-scroll.visible img {
  
}
.background .logo-scroll img  {
    filter:invert(0);
}

.logo a {
    display:block;
}

/* LANG */

.menu-languages {
    line-height: 3rem;
    display:block;
}
.active-language {
        width: 3rem;
    text-align:center;
    display: block;
    font-size:1.1em;
    font-family: Geogrotesque-Regular;
    position:absolute;
    top:0rem;
    right:0rem;
    color:rgba(255,255,255,1.00);
    transition:filter 0.3s;
    z-index:1;
    
}
.active-language.visible {
   
    }
.background .active-language  {
    filter:invert(1);
}

.wpml-ls-legacy-list-vertical {
    border: 0!important;
    position: absolute;
    display:block;
    margin-top: 3rem;
    top:-5em;
    right: 0;
    max-height:0rem;
    overflow:hidden;
    width:3rem;
    background-color: rgba(255,255,255,1.00);
    font-family: Geogrotesque-Regular;
    box-shadow: 0 0.75rem 1rem rgba(0,0,0,0.2);
}
.wpml-ls-legacy-list-vertical.active {
    max-height:100vh;
    top:0;
}
.wpml-ls-legacy-list-vertical>ul {
    padding: 0;
      
    margin: 0 !important;
    list-style-type: none;
}


.menu-languages li  {
    border:0;
      height:2rem;
    overflow:hidden;
    width:100%;
    display:block;
        line-height: 3rem;
}
.menu-languages li a {
    padding: 0;
    display: table;
    padding:0;
    width:100%;
    height:100%;
    font-weight:700;
    border:0;
     text-align: center;
    background-color:transparent;
}
.menu-languages li a span {
    vertical-align: middle;
    display: table-cell;
}

.wpml-ls-statics-shortcode_actions .wpml-ls-current-language a{
    color: rgba(255,255,255,1.00);
   
    background-color: rgba(34,34,34,1.00);
   /* 
    background: #4cb8c4!important;
    background: -moz-linear-gradient(42deg, rgba(76,184,196,1) 0%, rgba(103,178,111,1) 86%)!important;
    background: -webkit-linear-gradient(42deg, #4cb8c4 0%, #67b26f 86%)!important;
    background: linear-gradient(42deg, #4cb8c4 0%, #67b26f 86%)!important;
    */
}
/* ARIADNA */

.alineacio-vertical {
    width: 100%;
}
.ariadna {
    font-family: Geogrotesque-Light;
    
     background-color: rgba(255,255,255,1);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    color:rgba(0,0,0,1.00);
    top:3rem;
    transition: top 0.5s, box-shadow 0.5s;
    position: sticky;
    z-index: 2;
  
    box-shadow: 0 0rem 1rem rgba(0,0,0,0.15);
}
.ariadna .nivell2 {
}
.ariadna .nivell3 {
   /*  display:none */
}
.ariadna .centre {
    padding-left: 1.5rem;
    padding-right: 3.5rem;
}
.contingut span.nivell3 a {
    padding-top: 0.4rem;
    display: block;
    color: rgba(34,34,34,1.00);
}
.ariadna.scrolldown {
   
}
p.parents-superiors {
   
    margin:0;
    padding-bottom: calc(var(--marges) * 0.65);
    padding-top: calc(var(--marges) * 0.6);
    font-size: 1.1rem;
    font-size: clamp(0.9rem, 1.3vw, 1.05rem);
    width: 100%;
}
p.parents-superiors span.nivell2:before, p.parents-superiors span.nivell3:before, span.titol_page:before {
    content:" | ";
    font-family: Geogrotesque-Regular;
}
p.parents-superiors span.titol_page {
    font-family: Geogrotesque-SemiBold;
}
.parent-o-titol {
    margin:0;
}
.nivell3 a {
    color: rgba(34,34,34,1.00);
    
}
span.nivell3 {
    padding-bottom: 0.5rem;
}
.local-menu ul ul {
    padding-top: 0.5rem;
}

/* MENU */


.current_page_ancestor .current_page_item ul {
    display:block;
}


/* NAVEGACIO MENUS */

.children.dl-submenu.nivell-2 {
    display:none
}
.children.dl-submenu.nivell-3 {
    display:none
}
#navbar, #navbar ul {
    list-style: none;
    padding:0;
}
#navbar{
    margin: 0;
    padding-left: 0rem;
    padding-right: 0rem;
}
#navbar ul {
    font-family: Geogrotesque-Regular;
    list-style: disc;
}
#navbar ul ul {
    margin-top:0.5em;
    list-style:none;
    padding-left:0;
}
#navbar li {
    margin-left: 1.5rem;
    width:calc(100% - 3rem);
    padding-top:0.35em;
    padding-bottom:0.35em;
    border-top:1px solid;
    line-height:150%;
}
#navbar li:first-child {
    border-top:0;
}
#navbar > li{
    padding-top:0em;
    padding-bottom:0em;
    line-height:3rem;
    font-family: Geogrotesque-SemiBold;
}
#navbar > li.active, #navbar ul>li.active{
    font-family: Geogrotesque-SemiBold;
}
#navbar li.boto-cercador {
    border:0;
}
#navbar ul li {
    padding-left: 0rem;
    text-transform:none;
    font-weight:400;
    border:0;
}
#navbar ul li li{
    padding-left: 0.7em;
    margin-left:0;
    border-left:1px solid
}

#navbar ul li li:first-child{
    padding-top:0;
}

#navbar ul li li:last-child{
    padding-bottom:0;
   
}
.page_item.active .children.dl-submenu.nivell-2 {
    display:block
}
.nivell-2 .page_item.active .children.dl-submenu.nivell-3{
    display:block
}
.current_page_parent > a, li.current_page_item > a, .current_page_parent > span, .current_page_ancestor > span, #navbar ul .current_page_item , #navbar ul .current_page_ancestor .current_page_ancestor  span {
    font-family:Geogrotesque-SemiBold;
}
#navbar .dl-submenu.nivell-2 > li > span {
    
}
#navbar a {
    color:rgba(34,34,34,1.00);
    text-decoration: none;
}
/* menu local */
.local-menu ul {
    margin:0;
    padding:0;
    list-style: none;
}
ul#navbar-sub {
    border:0;
    width:auto;
}
#navbar-sub li {
    padding-bottom:0.5em;
}
#navbar-sub a {
    color:rgba(34,34,34,1.00);
    text-decoration: none;
}
#navbar-sub > li, #navbar-sub > li > a {
    display:none;
    color:rgba(34,34,34,1.00);
    text-decoration:none;
}
#navbar-sub > li.current_page_item, #navbar-sub > li.current_page_parent {
    display:none;
}
#navbar-sub.active > li.current_page_item, #navbar-sub.active > li.current_page_parent {
    display:block;
}
nav.local-menu {
    position: sticky;
    top: 7rem;
    z-index: 1;
}
.menu-button-local{
    right: 0rem;
    z-index: 2;
    height: auto;
    display: block;
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    background-color: rgba(255,255,255,1.00);
    z-index:2;
}
ul#navbar-sub {
    position: absolute;
    background-color: #fff;
    padding: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
   /*  border-bottom: 1px solid;*/
    top: 0;
    width: calc(100%);
    display:none;
    font-family:Geogrotesque-Light;
    z-index:1;
}
ul#navbar-sub.active {
    display:block;
    box-shadow: 0 0.5rem 0.7rem rgba(0,0,0,0.2);
   
    width: 100%;
}
ul#navbar-sub li {
    padding-left:1em;
}
ul#navbar-sub li li {
    padding-left: 1em;
    border-left: 1px solid;
}
ul#navbar-sub li li:last-child {
    padding-bottom:0;
}
.menu-button-local.no_child{
    display:none;
}
/* Cercador  */

.cercar-button {
    width: 3rem;
    height: 3rem;
    display: block;
    position: absolute;
    top: 0rem;
    right: 6rem;
    z-index: 100;
    background-image: url(../images/search.svg);
    background-size: 1em;
    background-position: center center;
    background-repeat: no-repeat;
    transition: filter 0.3s;
}

.cercar-button.visible {
    filter:invert(0);
}
.background .cercar-button {
    filter:invert(1);
}
.cercador form {
    position: fixed;
    margin-top:3rem;
    top:-5em;
    left: 0;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    background-color: rgba(255,255,255,1.00);
    box-shadow: 0 0.75rem 1rem rgba(0,0,0,0.2);
}
.cercador form > div {
    padding-top: 0.5rem;
    height:3rem;
   
}
    .background .cercador form {
        border-bottom:1px solid #000;
    }
.cercador form.active {
    max-height: 100vh;
    top:0;
}
.cercador .search-input {
        
        background:transparent;
    position:absolute;
     left:1.5rem;
        width: calc(100% - 7.5rem);
    margin: 0;
    height: 2rem;
    border: 1px solid #000;
    background-color: #fff;
    color: #222;
    padding-left: 0.75rem;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 2rem;
    border-radius: 1px;
    font-size: 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.cercador .search-input:focus, .cercador .search-button:focus  {
    outline-width: 0;
}
.cercador .search-button {
        
        background:transparent;
    border: 0;
    float: right;
    width: calc(30% - 0.5rem);
    height: 2rem;
    color: #222;
    margin-left: 0;
    font-weight: 700;
    font-size: 0.9rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: Geogrotesque-SemiBold;
    text-transform: uppercase;
}

/*resultat cerca */

.search_result {
    margin:0;
    padding:0;
    list-style: none;
}
.search_result li {
    padding-bottom:2em;
}
.search_result h2 {
    font-family: Geogrotesque-Light;
    margin-bottom:0.5em;
    margin-top:0;
    font-size:1.3em;
}
.search_result p {
    margin-top:0.5em;
    margin-bottom:0;
}
.search_result p span {
    background-color:#E7FF78!important;
    padding-left:0.5em;
    padding-right:0.5em;
}

.search_result p strong {
    font-weight:400;
}
.search_footer {
    padding: var(--marges);
    background-color: #0000;
    flex-direction: row;
    justify-content: space-between;
    border: none;
    overflow:visible;
}
.search_footer span {
    display:inline-block;
}
.search_footer a, header p.anar a {
       text-decoration: none;
    font-size: 0.8rem;
    font-family: Geogrotesque-Regular;
    text-transform: uppercase;
    padding: 0.6em;
    color: #000;
    padding-left: 1.5em;
    padding-right: 0;
    margin-bottom: 2px;
}
/* MAIN */

/* SLIDER GLOBAL */

.swiper-pagination-bullet, .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 0.5rem;
    height: 0.5rem;
    margin: 0.25rem;
    margin-top:0.75rem;
    display: inline-block;
    background: rgba(34,34,34,1.00);
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction, .swiper-actualitat-pagination {
    display: flex;
    justify-content: center;
}
.expos-swiper-pagination.swiper-pagination-bullet, .swiper-container-horizontal>.expos-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    background: rgba(255,255,255,1.00);
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: rgba(34,34,34,1.00);
}
div#img-bg {
    height: calc( 100vw + 3rem);
    position: relative;
    z-index: 2;
    background-size:cover;
    background-position:center center;
    background-repeat: no-repeat;
    width: 100%;
    background-color:#444;
    
}
.contingut header, .cos-article{ 
    padding-left:1.5rem; 
    padding-right:1.5rem;
    width:100%;
    
}
.cos-article {
    font-family:'Roboto Slab', serif;
}
.centre {
    position:relative;
}


/* ACTUALITAT */

ul.llista_dues_columnes {
    margin:0;
    padding:0;
    list-style: none; 
    padding-left:1.5rem; 
    padding-right:1.5rem;
    display:flex;
    flex-wrap: wrap;
}
ul.llista_dues_columnes .imatge a {
    height: 0;
    overflow: hidden;
    display: block;
    position: relative;
    padding-top: 56.2%;
}

ul.llista_dues_columnes > li .imatge img {
    width: auto;
    height: auto;
    margin-left: 50%;
    transform: translateX(-50%);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
ul.llista_dues_columnes > li {
    padding-top:3rem;
}
     ul.llista_dues_columnes  h2 a {
        color:#222;
         font-family: Geogrotesque-Semibold;
         text-decoration:none;
         
    } 
ul.post-categories {
    display: flex;
    list-style: none;
    padding:0;
    margin:0;
    margin-bottom:1em;
}
#navbar-sub ul.post-categories {
    display:none;
}
ul.post-categories li {
    width:auto!important;
}
ul.post-categories a {
    text-decoration: none;
    color:#222;
}
.cos-article .desplegar {
    background-image: url(../images/down.png);
    background-repeat: no-repeat;
    background-position: right 5px;
    cursor: pointer;
    margin-bottom: 0.6rem;
    margin-top: 0.6rem;
    padding-right: 2rem;
    line-height: 1.5rem;
}
.cos-article .equip .desplegar {
    margin-bottom: 0rem;
    margin-top: 0rem;
}
.equip li {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.cos-article .desplegar.expanded {
    background-image: url(../images/up.png);
}

.deltall-equip.desplegat {
    border-bottom: 1px dotted;
    padding-bottom: 0.5em;
    margin-bottom:1em;
}

.programes-recerca ul {
    padding: 0;
}

.programes-recerca li {
    border-left: 1px dotted #aaa;
    padding-left: 20px;
    list-style-type: none;
}

dl.llista-programes{
	border-top: 1px dotted #aaa;
	font-size:15px;
	line-height:24px;
	padding-left:0px;
	padding-top:9px;
	}

.llista-programes dt {
	float:left;
	padding-top:0;
	padding-bottom:0;
	font-weight:700;
}
	
.llista-programes dd {
	padding-left:100px;
	margin:0;
	padding-top:0;
	padding-bottom:0;
}
.programes-recerca .descripcio {
	padding-top: 0;
    font-size: 15px;
    line-height: 24px;
    padding-left: 0px;
    padding-bottom: 2rem;
}

.titol-programa {
	text-transform:uppercase;
}

/* Acordion */
h2.resp-accordion, h2.resp-accordion:first-child {
    border:0!important;
    cursor:default;
    display:none;
}

.resp-arrow , .resp-tabs-list{
    display:none;
}

.cos-article .equip ul, .cos-article .conjunt-colaboradors ul, .cos-article .estudiants ul, .cos-article .publicacions ul {
   /* margin:0;
    padding:0;
    list-style:none;
    */
}
.cos-article .equip ul a, .cos-article .conjunt-colaboradors ul a, .cos-article .estudiants ul a, .cos-article .publicacions ul a {
    text-decoration:none;
}
.equip ul, .equip-museu ul, .investigadors ul, .serveis .text-servei, .publicacions ul, .conjunt-colaboradors ul, .externs ul, .programes-recerca li, .estudiants ul, .fons-coleccio ul {
    border-left: 1px dotted #aaa;
    padding-left: 1rem;
    list-style-type: none;
}
.fons-coleccio .descripcio {
    font-size:0.9em;
}
.publicacions li {
    border-bottom: dotted 1px;
    margin-top: 1rem;
    background-position: right 0px;
    background-repeat: no-repeat;
    padding-right: 2rem;
}

.publicacions li.link {
    background-image: url(../images/link.png);
}

.publicacions.resp-tab-content li , .fons-coleccio li{
    border-bottom: dotted 1px;
}

.resp-tab-content {
    background-color: rgba(0,0,0,0.00);
    box-shadow:none;
    -webkit-box-shadow:none;
}
.resp-accordion-closed, .resp-tab-content {
    display:block!important;
}


h3 {
    font-size: 1.4em;
}

#horizontalTabExpo .equip-investigadors-colaboradors-voluntaris h3, #horizontalTabExpo .publicacions h3, #horizontalTabExpo .projectes h3 {
    border-bottom: 1px solid;
    font-family: Geogrotesque-Light;
    margin-top: 3rem;
        padding-bottom: 0.3em;
}
.fons-coleccio .titol{
      font-family: Geogrotesque-Light;
   font-size:1.1em;
}
#horizontalTabExpo .equip-investigadors-colaboradors-voluntaris h4, #horizontalTabExpo .publicacions h4, #horizontalTabExpo .projectes h4 {
    font-family: Geogrotesque-Light;
    margin-top: 3rem;
}



.cos-article .equip-nom .nom {
    font-weight:700;
}
/* General */

.wp-caption-text {
    font-size: 0.75em;
	margin-bottom:2rem;
}

.contingut {
    padding-bottom:4rem;
    line-height:1.8em;
}
.page-template-llista_actualitat .contingut {
    padding-top:3rem;
}

.contingut img{
    max-width:100%;
    height:auto;
    }
.wp-caption {
    max-width:100%;
	width:auto!important;
	
}
h1.titol-pagina {
    
    font-size: calc(2rem + 1vw);
     font-size: clamp(2.1rem, 3.5vw, 4rem);
    line-height: 110%;
    padding-right: 2rem;
    font-weight:300;line-height: 110%;
    padding-bottom: 1.5rem;
    margin: 0;
    padding-top: 1.5rem;
    display:block;
    
}
.contingut header {
  
}
.cos-article iframe {
    width:100%;
}
/* ACTIVITATS */

.cos-article img {
    max-width:100%;
    height:auto;
}
.cos-article a {
    color:rgba(34,34,34,1.00);
}
.cercador-agenda {
 
}
.detalls-activitat, .detalls-expo {
    font-size: 0.95em;
    flex-basis: 25%;
    border: 0;
    font-family: Geogrotesque-Light;
    width: 100%;
    line-height:140%;
}

    .detalls-activitat .detalls, .detalls-expo .detalls, .nothoperdis-detalls .detalls, .detalls.footer {
    padding: var(--marges);
    padding-top: calc(var(--marges) / 2);
    background: rgb(246,246,246);
background: -moz-linear-gradient(180deg, rgba(246,246,246,1) 36%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(246,246,246,1) 36%, rgba(255,255,255,0) 100%);
background: linear-gradient(180deg, rgba(246,246,246,1) 36%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6f6f6",endColorstr="#ffffff",GradientType=1);
    }


.nattv_tipus {
     background: rgb(168,116,0);
    background: -moz-linear-gradient(41deg, rgba(168,116,0,1) 0%, rgba(191,7,7,1) 42%, rgba(198,9,161,1) 100%);
    background: -webkit-linear-gradient(41deg, rgba(168,116,0,1) 0%, rgba(191,7,7,1) 42%, rgba(198,9,161,1) 100%);
    background: linear-gradient(41deg, rgba(168,116,0,1) 0%, rgba(191,7,7,1) 42%, rgba(198,9,161,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a87400",endColorstr="#c609a1",GradientType=1);
    color:#fff;
    font-family: Geogrotesque-SemiBold;
    padding: 1.5rem;
}
/*
.modul.Streaming {
     background: rgb(168,116,0);
    background: -moz-linear-gradient(41deg, rgba(168,116,0,1) 0%, rgba(191,7,7,1) 42%, rgba(198,9,161,1) 100%);
    background: -webkit-linear-gradient(41deg, rgba(168,116,0,1) 0%, rgba(191,7,7,1) 42%, rgba(198,9,161,1) 100%);
    background: linear-gradient(41deg, rgba(168,116,0,1) 0%, rgba(191,7,7,1) 42%, rgba(198,9,161,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a87400",endColorstr="#c609a1",GradientType=1);
    color:#fff;
    font-family: Geogrotesque-SemiBold;
   
}
.agenda .grid-item .modul.Streaming p{
    padding-left:0.5rem;
    padding-right:0.5rem;
  
}
.agenda .grid-item .modul.Streaming p.imatge{
    padding-left:0;
    padding-right:0;
}
.agenda .modul.Streaming h3.entry-title a {
    color:#fff;
    padding-left:0.5rem;
    padding-right:0.5rem;
}
*/


.entitats-colab {
    display: flex;
    justify-content: space-between;
    font-size:0.8em;
    line-height:120%;
    flex-wrap: wrap;
}
.entitats-colab > div{
    flex-basis: 50%;
    text-align: center;
    margin-bottom:1rem;
}
.entitats-colab > div img{
    margin:auto;
    max-width:100%;
}
.detalls a {
    color:#000;
}
.detalls dl dt:first-child {
    clear:both;
    border:none;
   
}

.detalls dt {
    font-family: Geogrotesque-SemiBold;
    margin-top: 0.5rem;
    padding-top: 1rem;
    border-top: 1px dotted #2225;
}

.detalls dd {
    margin-left:0%;
    margin-bottom:1em;
}
.detalls dl:first-child dd {
    padding-left:0;
    margin-bottom:1em;
}
.detalls dl img {
    margin-top:0.5rem;
}
.detalls dd.productor img, .detalls dd.coporduccio img, .detalls dd.organitzadors img, .detalls dd.colaboradors img {
    max-height: 4rem;
}
dl.observacions {
    display: none;
}

.detalls .calendar {
    padding-left: 1.5rem;
}
/* AGENDA */


.page-template-page_home_agenda .swiper-wrapper, .page-template-page_museu_agenda  .swiper-wrapper{
    margin:0;
    padding:0;
}
.img_bg_agenda {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    margin:0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index:0;
    background-color:#444;
}
.slider-agenda .swiper-container {
    height:calc(100vw + 3rem);
}
.slider-agenda p.location {
}
.slider-agenda .img_bg_agenda:after, div#img-bg:after, .slider-agenda .img_bg_agenda:before, div#img-bg:before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 0;
    padding-top: 35vh;
    background: #222;
    background: -moz-linear-gradient(180deg, rgba(34,34,34,0) 0%, rgba(34,34,34,0.601855742296919) 86%);
    background: -webkit-linear-gradient(180deg, #2220 0%, #2229 86%);
    background: linear-gradient(180deg, #2220 0%, #2229 86%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222222",endColorstr="#222222",GradientType=1);
}
.slider-agenda .img_bg_agenda:before, div#img-bg:before {
    top:0;
    bottom:auto;
 background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}


.slider-agenda .modul, .capcalera-exposicio, #img-bg .modul{
    position: absolute;
    z-index:1;
    bottom: 0;
    padding: var(--marges);
    padding-left:0;
    padding-bottom: 1.5rem;
    color: #fff;
    text-shadow: 0 0 0.7rem rgba(0,0,0,0.4);
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 3rem;
    font-size:calc(0.85rem + 1vw)
}
.slider-agenda h2, .capcalera-exposicio h2, #img-bg h1 {
    line-height:110%;
    margin:0;
}
.slider-agenda .excerpt p, #img-bg .excerpt p, .capcalera-exposicio .text-expo {
    margin-top:0.6em;
    margin-bottom:0;
}
.slider-agenda h2, .capcalera-exposicio h2, #img-bg h1 {
    
        font-family: Geogrotesque-Semibold;
    font-size: clamp(2.4rem, 4vw, 5rem);
    line-height: 110%;
    margin: 0;
    padding-left: 0rem;
    letter-spacing:-0.06em;
}
.slider-agenda .location, .slider-agenda .excerpt p, span.text-lloc, span.text-data, #img-bg .excerpt p {
    font-size: clamp(0.9rem, 1.7vw, 1.5rem);
    line-height: 110%;
    margin-top: 0.7em;
    margin-bottom: 0;
    border-top: 1px solid;
    padding-top: 0.7em;
    display: block;
}
.slider-agenda .descripcio_horari {
    display:none;
}
.slider-agenda h2 a {
    text-decoration:none;
    color:rgba(255,255,255,1.00);
}

.centre .swiper-wrapper {
    display:block;
}

 .agenda .grid {
        margin:0;
        padding:0;
        list-style:none;
}
 .agenda .grid.hidden {
    display: none;
}

 @media(max-width: 1023px) {
   .agenda .grid {
       height:auto!important;
    }
     .agenda .grid li {
       position:static!important;
         padding-left: var(--marges);
    padding-right: var(--marges);
         padding-bottom: calc(var(--marges) * 2);
    }
}

.agenda .modul p {
    border-top: 1px solid;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin: 0;
}

.centre .agenda .grid-item {
    position:static!important;
    height:auto;
    padding-bottom: 3rem;
    padding-left:1.5rem;
    padding-right:1.5rem;
}
div#masonry-more {
    text-align: center;
}
.agenda img {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.agenda .exposicions img {
    position: static;
    transform:translateY(0);
    height:auto;
    display:block;
}
.agenda .exposicions a {
    display:block;
     min-height:calc(100vw - (2  * var(--marges)));
}
 .agenda .grid-item p {
    padding-left: 0;
    padding-right: 0;
     margin:0;
     margin-bottom:0em;
     font-size:clamp(0.9rem, 0.9vw, 1.1rem);
    margin-left: 0px;
    margin-right: 0px;
    border: none;
    font-family: Geogrotesque-Light;
     line-height:normal;
}
 .agenda .grid-item p, .agenda .grid-item h3 {
     padding-top:0.5rem;
     padding-bottom:0.5rem;
     border-top:1px solid;
     margin:0!important;
     
}
.base-agenda .grid-item p, .agenda .grid-item h3 {
    border-top-color: #fff;
}
.grid-item .excerpt {
}
.agenda .grid-item.swiper-slide-active p, .agenda .grid-item.swiper-slide-active h3 {
    opacity:1;
}
 .agenda .grid-item p.imatge {
    opacity: 1!important;
    position: relative;
    overflow: hidden;
    height: 0;
     padding:0;
    padding-top: 52.4%;
     border-top:0;
}

 .agenda .grid-item p.imatge>img{
     display:none;
}
 .agenda .grid-item p.category {
     padding-bottom:0.5rem;
     text-transform:uppercase;
     font-size:0.9em;
    font-family: Geogrotesque-Regular;
     border:0;
}
.agenda .excerpt p {
    font-family: 'Roboto Slab', serif;
    font-size: clamp(1rem, 0.9vw, 1.2rem);
    line-height:140%;
}
.agenda h3.entry-title {
        font-size: calc(1.1rem + 0.8vw);
     font-size: clamp(1.5rem, 2.5vw, 1.8rem);
   /*  font-family: Geogrotesque-Semibold; */
    display: block;
    border-top:none;
    font-weight: 300;
    margin-bottom: 0.75rem;
    margin-top: 0.75rem; line-height: 110%;
}
.agenda h3.entry-title a { 
    text-decoration:none;
    color:rgba(34,34,34,1.00);
}
.agenda .grid-item p.alerta {
    padding: 0.5rem;
    padding-left: 0.5rem;
    color: #fff;
    background-color: #c00;
    padding-right: 0.3rem;
    text-transform: uppercase;
    font-size: 0.6em;
    width: 100%;
    display: inline-block;
    position: static!important;
    height: auto;
    min-height: 0;
    
    border-radius: 0;
    border-top: 0;
}

/* base agenda */
.base-agenda .swiper-wrapper{
    display:block;
}
.base-agenda .swiper-slide {
    padding-left: var(--marges);
    padding-right: var(--marges);
    padding-bottom: calc(var(--marges) * 2);
   
    width: 100%;
    height: auto;
}

/* cercador agenda */

.base-agenda form.em-events-search-form.em-search-form, .base-agenda h2 {
    padding-left: var(--marges);
    padding-right: var(--marges);
}
div.css-search div.em-search-text {
    padding:0;
    margin:0;
    background-image:none;
}
div.css-search.has-advanced div.em-search-main {
    padding: 5px 0px;
    border-bottom: none;
}

div.css-search input.em-search-text {
    border: 1px solid;
    border-radius: 2px;
    display: inline-block;
    font-size: 1rem;
    margin: 0;
    width:100%;
}
div.css-search input, div.css-search select, div.css-search option, div.css-search div, div.css-search span, div.css-search button {
font-family: Geogrotesque-Regular;
    font-size: 1.1rem;
    }

form.em-events-search-form.em-search-form {
    position: relative;
}

div.css-search div.em-search-main .em-search-submit{
   top: auto;
    background-image: url(../images/search.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    background-color: #000;
    border: 1px solid #fff7;
    filter: invert(1);
    border-radius: 0;
    width: 3rem;
    height: 3rem;
    bottom: -3.4rem;
    right: 0;
}
div.css-search div.em-search-main .em-search-submit:hover {
    
    filter: invert(0);
    background-image: url(../images/search.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    background-color: #000;
    border: 1px solid #000;
}
div.css-search div.em-search-main .em-search-submit img  {
    display:none;
}
div.css-search {
    padding: 1.5rem;
    border: 0;
    height: 100%;
    background:#0000;
}
.em-search-wrapper {
    height: 100%;
}
div.css-search div.em-search-advanced {
    display:flex;
    padding:0;
    flex-direction: column;
}

div.css-search select, div.css-search input.em-search-text  {
    width: 100%;    background-color: #fff;
    border: 1px solid #000;
    height: 2.5rem;
    padding-right: 0.5rem;
    font-size: 1.1rem;
    border-radius:0;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.em-search-tipus-public label {
    display:none!important;
    
}
div.css-search input {
  border-radius:0;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 5px;
    width: 37%;
    line-height: 2.5rem;
    height: 2.5rem;
    margin-left: 2%;
    border: 1px solid #000;
}
.em-search-scope .em-date-end {
    margin-right:0;
}
.detallcerca ul {
        list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 1.5rem;
    width: 100%;
    padding-bottom:3rem;
}
.detallcerca li {
    margin-right:1.5rem;
    padding:0.3em;
    padding-left:1em;
    font-size: clamp(0.9rem, 1.3vw, 1.1rem);
    font-family: Geogrotesque-Regular;
    background-color:rgba(34,34,34,0.06);
    line-height:120%;
}
/* masonry */
#masonry-more span {
    color:#000;
    background:#fff;
    margin: auto;
    display: inline-block;
    padding: 0.5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    border: 1px solid;
}
#masonry-more span:hover {
    filter:invert(1);
}

.base-agenda {
    background-color:rgba(34,34,34,1.00);
    padding-top: var(--marges);
    padding-top:4vw;
}
.base-agenda .centrat, .base-agenda .css-events-list {
    max-width: var(--max_w);
    margin: auto;
    color: rgba(255,255,255,1.00);
}
.base-agenda h3.entry-title a {
    color: rgba(255,255,255,1.00);
}

/* filtre cerca */

.em-events-search {
  
}

.form-cerca {
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    bottom:auto;
    z-index:1;
    left:auto;
    width:3rem;
    height:3rem;
    background-color:#000;
    overflow:hidden;
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
}
.ariadna .form-cerca {
    top:0.5rem;
}
.form-cerca .titol-modal {
    display:none;
    position: absolute;
    top: 0;
    width: 100%;
    font-size: 1.5rem;
    margin: 0;
    left: 0;
    line-height: 3rem;
    padding-left: 1.5rem;
    border-bottom: 1px solid;
    
}
.button-cerca span {
    width:3rem;
    position:relative;
    height:3rem;
    background-color:#000;
    text-indent:-1000vw;
    overflow:hidden;
    background-image: url("../images/calendar-w.svg");
    background-position: center center;
    background-size:50%;
    background-repeat: no-repeat;
    padding:0;
    display:block;
    border: 1px solid #fff7;
    filter: invert(1);
}
.button-cerca:hover {
    filter:invert(1);
}
.form-cerca.active .button-cerca  {
    position:absolute;
    top:0;
    width:100%;
    right:0;
}

.form-cerca.active .titol-modal {
    display:block;
}

.form-cerca.active .button-cerca span  {
    border:0;
    margin-left:auto;
    background-color:#0000;
    background-image:none;
}
.form-cerca.active .button-cerca span:before,.form-cerca.active .button-cerca span:after  {
    display:block;
    height:2px;
    position:absolute;
    width:40%;
    content:"";
    background-color:#000;
    transform:rotate(45deg) ;
    left: 20%;
    top: 50%;
}
.form-cerca.active .button-cerca span:after  {
    transform:rotate(127deg);
}
.form-cerca.active {
        z-index: 2;
    padding-top:3rem;
    width: 20.5rem;
    height: 25rem;
    transform: translateY(calc(-62% - 3rem));
    background-color: #fff9;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    box-shadow: 0 0 3rem rgba(0,0,0,0.3);
    border:1px solid #fff7;
    
    
    background: rgb(255,255,255,0.9);
}

.em-search-scope.em-search-field {
    text-align: right;
}

/* WIdget */

body .ui-widget-header {
    border: 0px solid #e78f08;
    background: none;
    color: #000;
    font-weight: bold;
}
body .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    filter:invert(1);
}
body .ui-widget-content {
    border: 1px solid #fff7;
    background: rgb(255,255,255);
    border-radius: 0;
    color: #333;
    box-shadow: 0 0 3rem rgba(0,0,0,0.3);
    
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    
}
body .ui-datepicker select.ui-datepicker-month,body .ui-datepicker select.ui-datepicker-year {
    font-family: Geogrotesque-Regular;
    border-radius:0;
    margin-left:0.5rem;
    margin-right:0,5rem;
    
    -webkit-appearance: none;
    -moz-appearance: none;
}
body #ui-datepicker-div {margin-left:-50px!important;}
body .ui-state-default, body .ui-widget-content .ui-state-default, body .ui-widget-header .ui-state-default {
    border: 1px solid #0000;
    background: none;
    font-weight: bold;
    color: #000;
        text-align: center;
}
body .ui-state-active, body .ui-widget-content .ui-state-active, body .ui-widget-header .ui-state-active {
    border-color:#000;
}
body td.ui-datepicker-today {
    filter: invert(1);
}
body .ui-datepicker td {
    border: 0;
    padding: 1px;
    background: #fff;
}
body .ui-widget{
    font-family: Geogrotesque-Regular;
}


/* Quart nivell */

ul.quart-nivell.presenta-fills {
    list-style: none;
    padding-left: 0;
}

ul.quart-nivell.presenta-fills li {
   border-bottom:1px dotted #000;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    
    background-image:none;
}

ul.quart-nivell.presenta-fills > li {
   border-bottom:1px solid #000;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
}
ul.quart-nivell.presenta-fills li:last-child {
   border-bottom:none;
}
ul.quart-nivell.presenta-fills p.desplegar {
    position:relative;
    font-family: Geogrotesque-Regular;
    font-size:1.2em;
      background-image:none;
}
ul.quart-nivell.presenta-fills p.desplegar:before, ul.quart-nivell.presenta-fills p.desplegar:after {
    position:absolute;
    content:"";
    display:block;
    width:1rem;
    height:1px;
    background-color:#000;
    top:50%;
    right:0;
    transform:translateY(-50%);
}
 ul.quart-nivell.presenta-fills p.desplegar:after {
     transform:translateY(-50%) rotate(90deg);
}
ul.quart-nivell.presenta-fills p.desplegar.expanded {
    font-family: Geogrotesque-SemiBold;
}
 ul.quart-nivell.presenta-fills p.desplegar.expanded:after {
     transform:translateY(-50%) rotate(45deg);
}
ul.quart-nivell.presenta-fills p.desplegar.expanded:before {
     transform:translateY(-50%) rotate(-45deg);
    
}
ul.quart-nivell.presenta-fills a{
    text-decoration: none;
}
.sabernemes {
    margin: auto;
    margin-top:3rem;
    display: block;
    max-width: 15rem;
    text-align: center;
    border: 1px solid;
    line-height: 120%;
    padding: 0.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 0.8rem;
}

.sabernemes ul {
    list-style: none;
    padding:0;
    margin-top:0;
    margin-bottom:0.9rem;
}
.sabernemes h3 {
    
    margin-top:0.9rem;
}




/* ALERTES */

.alerta {
    padding: 2rem;
    box-sizing: border-box;
    max-width: 600px;
    min-width:300px;
    min-height:12rem;
    display:flex;
    flex-direction: column;
    align-items:center;
    border-radius: 3px;
    position: fixed!important;
    z-index: 1000000;
    font-size: clamp(1.3rem, 1.4vw, 1.7rem);
}
.grid-item .alerta {
	min-width:100%;
	max-width:100%;
}
.alerta h2 {
     font-size: clamp(1.3rem, 1.4vw, 1.7rem);
    font-weight:300;
}
.alerta.dreta {
    right:1.5rem;
    left:auto;
    margin-left:1.5rem;
}
.alerta.esquerra {
    left:1.5rem;
    right:auto;
    margin-right:1.5rem;
}
.alerta.superior {
    top: 100px;
    bottom:auto;
}
.alerta.inferior {
    bottom:1.5rem;
    top:auto;
}
.alerta .close {
    position: absolute;
    top: 1.5rem;
    right: 1rem;
    padding: 5px;
    border-radius: 100%;
    text-indent: -1000px;
    overflow: hidden;
    width: 2rem;
    height: 2rem;
    z-index: 300;
}
.alerta .close:after, .alerta .close:before {
        content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    height:2px;
    background-color: #fff;
    width: 80%;
    transform:rotate(45deg);
}
.alerta .close:after {
    transform:rotate(-45deg);
}
.alerta p.tipus {
   
    box-sizing:border-box;
    top: 0px;
    left: 0px;
    padding-left: 0;
    font-size: 0.8em;
    text-transform: uppercase;
    width: 100%;
    padding-bottom: 0;
    margin-top:0;
}
.alerta .entry-content {
    font-size:0.7em;
}

.wp-pagenavi {
    clear: both;
    padding-top: 1rem;
    margin-top: 2rem;
    border-top: 1px solid;
    margin-bottom: 3rem;
    text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
    border: 0px solid #fff;
    color:#222;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    background-color:#222;
    color:#fff;
}

@media (min-width: 768px) {

.entitats-colab {
    display: flex;
    justify-content: space-between;
    font-size:0.8em;
    align-items: flex-end;
    line-height:120%;
    flex-wrap: wrap;
}
.entitats-colab > div{
    flex-basis: 33%;
    text-align: center;
    margin-bottom:1rem;
}

.entitats_patro > span {
    display: flex;
    align-items: center;
}
}

@media (min-width: 1024px) {
    
    /* HEADER */
    
   div#cookie-notice {
       max-width: 768px;
    width: 50%;
    min-width: 200px;
    left: auto;
    right: 0;
    }
    	
.alignleft, .alignright, .aligncenter, .cos-article img {
	/* max-width:534px; */
} 
   div#cookie-notice .cookie-notice-container {
   
    padding-bottom: 1rem;
    }
    
div#img-bg-empty {
    height: 4.9rem;
    background-color: #222;
}
    
      header p.anar a, .search_footer a {
   border: 1px solid #000;
   padding-right: 1.5em;
   padding-left: 1.5em;
          background-color:#fff;
}   
    
   section.agenda-home p.anar a:hover, .search_footer a:hover {
  filter:invert(1);
}
    
    
    body > header .superior{ 
   /* font-size: calc(1.3rem + 0.4vw); */
		 font-size: calc(1.1rem + 0.4vw);
    font-size: clamp(1.3rem, 1.4vw, 1.7rem);
        height:4.9rem;
        background-color:rgba(0,0,0,0.25);
        display:flex;
        left: 50%;
        transform: translateX(-50%);
        transition: height 0.5s, font-size 0.5s, background-color 0.5s;
        
        
        
       
    }
    
    .logo-scroll {
        position:relative;
        font-size: calc(1.3rem + 0.3vw);
        font-size: clamp(1.3rem, 3vw, 1.8rem);
        width:20%;
        height:auto;
        padding-top:0;
    }
    .logo-scroll img {
        max-height: 1.6em;
		heigh:Auto;
		max-width:100%;
        transition: max-height 0.5s;
    }
    
    .background .logo-scroll img {
        max-height: 1.2em;
    }
    
	.nattv {
	height: 3.8rem;
    padding-top: 1rem;
	transition: all 0.5s;
		
	}

	.background .nattv {
		height:2.4rem;
		padding-top:0.5rem;
		right:6rem;
		
	}
	.background .nattv a {
		
	}
    /* MENU */
    .menu-button, .menu-button-local {
        display:none;
    }
    .nav-collapse {
        max-height: inherit;
        background-color: #0000;
        font-family: Geogrotesque-SemiBold;
        position:relative;
        top:0;
        left:auto;
        width:80%;
    padding-left: 1.5rem;
        margin-top:0;
    }
    .nav-collapse.active, ul#navbar-sub.active {
        box-shadow: none;
    }
    #navbar{
        display:flex;
        padding-right:10rem;
        z-index:0;
        padding-left:0;
    }
    
    #navbar > li.visible > span {
       
    }
    #navbar > li.visible:hover  {
      
    }
    
#navbar li {
    margin-left: 0;
    width:auto;
    }
    #navbar .dl-submenu.nivell-2 {
      list-style:none;
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    
   
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%;
    width: calc(100% - 3rem);
    max-width:var(--max_w);
        margin:auto;
    
        
    }
    #navbar .masq_menu {
    position: fixed;
         color: rgba(255,255,255,1.00); 
    z-index: 9;
    left: 50%;
        width:100%;
    transform:translateX(-50%); 
         background-color: rgba(0,0,0,0.5);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);  
       
       top:4.9rem; 
    overflow: hidden;
    max-height: 0;
        transition:top 0.5s,color 0.5s, background-color 0.5s;
    }
    
    
    #navbar > li:hover .masq_menu {
        max-height:100vh;
        padding-bottom:1.5rem;
        border-bottom:1px solid rgba(255,255,255,0.70)!important; 
         border-top:none!important;
        box-shadow: 0 0.5rem 3rem rgba(0,0,0,0.2);
      
    }

    
     .background.superior #navbar .masq_menu  { 
      
    color: rgba(0,0,0,1.00);  
         background-color: rgba(255,255,255,1);
        top: 3rem;
    }
    
     .background.superior #navbar > li:hover .masq_menu { 
      
         border-bottom: 1px solid rgba(120,120,120,1.00)!important;
         border-top:none!important;
    }
    #navbar a {
        color:#fff;
        
    }
    
    .background #navbar a {
        color:#000;
        
    }
     #navbar .dl-submenu.nivell-3 {
        font-family: Geogrotesque-Light;
         font-size:0.88em;
		 font-size: clamp(1.15rem, 1vw, 1.3rem);
         margin-top:0;
         
         
    }
    #navbar .dl-submenu.nivell-2 > li {
        flex-basis:25%;
        font-size: clamp(1.15rem, 1vw, 1.3rem);
        line-height:100%;
        padding-right:1.2em;
        padding-left:0;
        padding-top:0;
        border:0;
}
    #navbar ul li li:first-child {
        padding-top: 0.5em;
    }
    #navbar ul li li:last-child {
    border-bottom:0;;
}
    #navbar .dl-submenu.nivell-2 > li > span{
        display:block;
        font-family: Geogrotesque-SemiBold;
        border-bottom:1px solid #ffffffb3;
            padding-bottom: calc(1.5rem * 1.05);
    padding-top: calc(1.5rem * 1.05);
    }
     .background #navbar .dl-submenu.nivell-2 > li > span{
        border-bottom: 1px solid #000;
    }
    #navbar ul li li {
        padding-left:0;
        border:0;
        line-height:110%;
        padding-top:0.5em;
        padding-bottom:0.5em;
        border-bottom: 1px solid #fff5;
    }
    .background #navbar ul li li {
    border-bottom: 1px solid #0005;
    }
    .background #navbar ul li li:last-child {
    border-bottom: 0px solid #0005;
    }
    #navbar ul ul{
        display: block;
        position: relative;
        margin-bottom:0;
    }
    
    #navbar > li{
        border:0;
        padding-left:0;
        padding:0;
    }
    #navbar > li >span{
        display:block;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    line-height: 4.9rem;
   
        position:relative;
        z-index:10;
        color: rgba(255,255,255,1.00);
        border-radius:0.5rem;
        border:1px solid rgba(255,255,255,0.00);
       transition:color 0.5s, line-height 0.5s;
    }
    .background #navbar > li >span{
        position:relative;
        z-index:10;
        color: rgba(34,34,34,1.00);
        line-height:3rem;
    }
    .superior:hover {
     /*   background-color:rgba(0,0,0,1.00);
        filter:invert(1);*/
        
    }
    .superior.background:hover {
       
       /* filter:invert(0); */
    }
    /* menu-local */
    
    #navbar-sub > li.current_page_item, #navbar-sub > li.current_page_parent, #navbar-sub > li, #navbar-sub > li > a {
        display:block;
    }
    
    ul#navbar-sub {
        border:0;
        padding-top: 3.4em;
        padding-bottom: 3.4em;
        width:auto;
        display:block;  
        font-size: 1.2rem;
        font-size: clamp(1rem, 1.4vw, 1.1rem);
        line-height:120%;
        position:sticky;
        top:6.9rem;
    }
    .actualitat  ul#navbar-sub {
       
    }
    #navbar-sub li {
        padding-bottom: 0.7em;
        padding-top: 0.7em;
        border-bottom: 1px solid #000;
    }
    #navbar-sub ul li:first-child {
        padding-top: 0.7em;
    }
    ul#navbar-sub li li{
        padding-bottom: 0.3em;
        padding-top: 0.3em;
        border-bottom: none;
        font-size:0.85em;
        border-left:none;
    }
    #navbar-sub .nivell3 {
        display:none;
    }
    
    .menu-button-local {
        display:none;
    }
    /* CERCA */
    
    .cercar-button { 
    height: 4.9rem;
    width: 4.9rem;
    right: 4.9rem;
        transition: height 0.5s, width 0.5s, right 0.5s;
    }

.background .cercar-button { 
    height: 3rem;
    width: 3rem;
    right: 3rem;
    }


    
    .cercador:hover > .searchform {
        max-height:100vh;
        top:0;
    }
    .cercador form {
    position: fixed;
    margin-top: 4.9rem;
    left: 0;
    overflow: hidden;
    transition: max-height 0s;
    background-color: #fff0;
    color: #222;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-bottom: 1px solid #ffffffb3!important;
    border-top: none!important;
    box-shadow: 0 0.5rem 3rem rgba(0,0,0,0.2);
}
    .cercador form > div {
        height:4.9rem;
    padding: 0rem;
        padding-top:1.2rem;
            max-width: var(--max_w);
    overflow: hidden;
    margin: auto;
}
    .cercador form.active {
        overflow:hidden;
        max-height:0;
        top: -5.6em;
    }
    .cercador .search-input {
        position:inherit;
        width: calc(100% - 11.3rem);
        margin: 0;
        height: 2.5rem;
        padding-top: 0;
        padding-bottom: 0;
        line-height: 2.5rem;
        border-radius: 1px;
        font-size: inherit;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .cercador .search-button {
        float: right;
        border: 0;
        width: 9.8rem;
        height: 2.5rem;
        margin-left: 0em;
        font-weight: 700;
        font-size: inherit;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        color:#fff;
        transition:color 0.5s;
    }
    .background .cercador .search-button {
        color:#000;
    }
  /* LANGUAGES */  
    
    .menu-languages {
        position:absolute;
        z-index:100;
        right:0;
        width:4.9rem;
        transition: width 0.5s;
    }
.background .menu-languages {
        width:3rem;
    }
    .active-language {
        position:relative;
        font-size:1em;
        line-height:4.9rem;
        width:4.9rem;
        color:rgba(255,255,255,1);
        text-transform: capitalize;
        filter:invert(0);
        transition: line-height 0.5s, width 0.5s;
    }
    .background .active-language {
        line-height:3rem;
        width:3rem;
    }
 
    .menu-languages:hover .active-language {
  
        z-index: 1;
    }
    .background .active-language {
        color:rgba(34,34,34,1.00);
        filter:invert(0);
    }
    
    .wpml-ls-legacy-list-vertical{
        border-top:0!important;
        height:auto;
        top:-5em;
        margin-top:4.9rem; 
        width:4.9rem; 
        transition: max-height 0s; 
        background-color:rgba(255,255,255,0.9);
    }
    .background .wpml-ls-legacy-list-vertical {
        margin-top:3rem;
    }
    .wpml-ls-legacy-list-vertical.active {
        overflow:auto;
        max-height:0;
    }
    .menu-languages:hover .wpml-ls-legacy-list-vertical {
        max-height: 100vh;
        transition: max-height 0s;
        top:0;
    }
    .wpml-ls-legacy-list-vertical>ul {
        flex-direction: column;
    }
    
    .menu-languages li a {
        display:block;
    }
    .menu-languages li  {
        height:2.5rem;
        line-height:2.5rem;
    }
    .menu-languages li a span {
        height: 2.5rem;
    display: block;
    line-height: 2.5rem;
    font-size: 0.8em;
    }
    /* ariadna */
        .ariadna {
      position: sticky;
    top: 3rem;
    z-index: 2;
    box-shadow: 0 0rem 1rem rgba(0,0,0,0.15);
             border-bottom: 1px solid rgba(120,120,120,1.00)!important;
    }
.ariadna .centre {
    padding-left: 0;
    padding-right: 0;
}
    p.parents-superiors {
        padding-bottom: calc(1.5rem * 0.7);
        padding-top: calc(1.5rem * 0.7);
        font-size: 1.1rem;
        font-size: clamp(1rem, 1.3vw, 1.05rem);
        width: 100%;
        padding-left: calc(25% + (var(--marges)* 2));
        font-family: Geogrotesque-Light;
    }
    p.parents-superiors.background {
        padding-bottom: calc(1rem * 0.7);
        padding-top: calc(1rem * 0.7);
}
    /* MAIN */
    
    div#img-bg {
        height: 66.6vh;
        margin:0;
    }
    
    span.text-lloc, span.text-data {
  
}
    
    
    h1.titol-pagina {
  /*  padding-right: 6rem; */
    }
.slider-agenda .swiper-container {
    height:66.6vh;
}
.img_bg_agenda {
        background-size: cover;
}
   .slider-agenda .modul, .capcalera-exposicio, #img-bg .modul  {
    max-width: var(--max_w);
    left: 50%;
    line-height: 120%;
    padding-right: 20%;
    bottom: 0vh;
    padding: 0;
    transform: translate(-50%, 0px);
       padding-bottom:1.5rem;
} 
    .slider-agenda h2, .capcalera-exposicio h2, #img-bg h1  {
    line-height: 100%;
    padding-left: calc(25% + 3rem);
     padding-right:9.8rem;
    letter-spacing: 0em;
}
.slider-agenda .excerpt, #img-bg .excerpt , .capcalera-exposicio .text-expo {
    padding-left: calc(25% + 3rem);
        padding-right:9.8rem;
    }
    .slider-agenda .location {
   margin-left: calc(25% + 3rem);
        margin-right:9.8rem;
    }
    .ariadna .nivell3 {
        display:inline
    }

p.parents-superiors span.titol_page:before {
    content:" | ";
    font-family: Geogrotesque-Regular;
}
p.parents-superiors span.titol_page {
    display:inline;
}
    nav.local-menu {
        flex-basis: 25%;
        text-align:right;
        z-index:inherit;
    top: 10rem;
    }
    
    .actualitat nav.local-menu {
       
    }
    .contingut,.resp-tabs-container{
        flex-basis:75%;  
        font-size: 1.1rem;
        font-size: clamp(1rem, 1.3vw, 1.1rem);
    }
    div#horizontalTabExpo {
    flex-basis: 75%;
}
   .detalls-activitat, .detalls-expo, .nothoperdis-detalls{
       margin-top:0;
        font-size: 0.95em;
        flex-basis: 25%;
        border: 0;
        font-family: Geogrotesque-Light;
        margin-left: 0;
        width:auto;
        line-height:140%;
    }
    .detalls-expo .detalls, .detalls-activitat .detalls, .nothoperdis-detalls .detalls{
    position: sticky;
    top: 5.3rem;
    padding: 0;
    padding-top: 0;
}
    .detalls-activitat dl, .detalls-expo dl,  .nothoperdis-detalls dl {
        margin-top:0;
        padding: 1.5rem;
        padding-top: calc(4.5rem - 1em);
    }
    .detalls-activitat dl.nattv_condicional {
        padding-top: calc(2.5rem - 1em);
    }
dl.observacions {
    display: block;
}
    .centre .contingut {
    padding-top:3rem;
    padding-left: 1.5rem;
    padding-right: 9.8rem;
    }
    .centre.actualitat .contingut {
      
    }
    .detalls.footer {
        display:none;
    }    
    .page-template-tmpl-page-nothoperdis .centre .contingut, .page-template-tmpl-page-llistats .centre .contingut , .single-no-tho-perdis  .contingut {
        padding-right:0;
    }
    .single-no-tho-perdis  .contingut { 
    padding-left:0;
    padding-top:0;}
    .contingut span.nivell3 {
        display:none;
    } 
    .contingut header {
    border-bottom: 0!important;
}
    .contingut .nivell3 {
        display:none;
    }
    .centre  {
        max-width:var(--max_w);
        margin:auto;
        display:flex;
        width:100%;
    }
    
    .centre.llistat_actualitat {
        display:block;
    }
    ul.llista_dues_columnes {
        display:flex;
        flex-wrap: wrap;
        justify-content:space-between;
    }
    ul.llista_dues_columnes  li {
        width:48%;
    } 
    
    
    
    .exposicio_temporal-template-default .contingut .centre{
        flex-direction: row-reverse;
        
    }
    .single-no-tho-perdis #content .centre {
        flex-direction:column;
    }
    
    .page-template-page_home_agenda article.agenda {
    margin-left: calc(0px - (0.75rem + 0.3vw));
    margin-right: calc(0px - (0.75rem + 0.3vw));
    }
    .superior .centre  {
        align-items: center;
        height:100%;
    }
    
    .centre.agenda {
        display: block;
    }
    .base-agenda .swiper-slide {
       padding-left: calc(0.75rem + 0.3vw);
    padding-right: calc(0.75rem + 0.3vw);
    padding-bottom: 3rem;
    width: 25%;
    height: auto;
}
    .base-agenda .grid-item p, .agenda .grid-item h3 {
        border-top-color: #fff;
    }
    .base-agenda  .grid-item h3  {
       font-size: calc(1.1rem + 0.4vw);
    font-size: clamp(1.3rem, 2vw, 1.5rem);
    }
.agenda .exposicions a {
    display:inherit;
     min-height:0;
    position:relative;
    height:0;
    overflow:hidden;
    padding-top:100%;
}
    .agenda .exposicions a img {
        position:absolute;
        top:0;
        left:0;
    }
    
    
    /* Tabs */

#horizontalTabExpo.dep ul.resp-tabs-list {
    text-align: left;
    overflow: visible;
    margin-top: 0px;
    background-image: none;
    background-repeat: repeat-x;
    background-position: left bottom;
    position:relative;
    z-index:1;
}
#horizontalTabExpo.dep .resp-tabs-list li{
    float:none;
    font-size:1.1em;
}
#horizontalTabExpo.dep .resp-tabs-list .resp-tab-active {
    border: 1px solid #000;
    border-bottom: 1px solid #fcfcfc;
    background-image:none;
    background-color:rgba(255,255,255,1.00);
    border-top-left-radius: 0.4em;
    max-width:100vw;
    border-top-right-radius: 0.4em;
}
#horizontalTabExpo {

  /*  padding-right: 9.8rem; */
}
.resp-tabs-container, #horizontalTabExpo {
    padding-top:3rem; 
    position:relative;
    top:-1px;
    z-index:0;
        padding-left: 3rem;
	padding-right:3rem;
}
    
    
    .single-no-tho-perdis  .resp-tabs-container{
        display:flex;
        padding-left:0;
        padding-top:0;
    }
     .cos-article #horizontalTabExpo {
         padding:0;
    }
    
    .contingut #horizontalTabExpo header {
        padding-left:0;
    }
    #horizontalTabExpo .resp-tabs-container {
        padding-top:0;
         border-top:1px solid;
        padding-left:0;
    }
.resp-tab-content {
    display:none!important;
}
.resp-tab-content-active {
    display:block!important;
}
    .resp-tabs-container .cos-article {
        padding-left:0;
        padding-right:0;
        padding-top:1rem;
    }
    .single-no-tho-perdis .resp-tabs-container .cos-article  .imatge-nothoperdis{
       
        margin-top:0rem;
    }
     .single-no-tho-perdis .resp-tabs-container .cos-article { 
         padding-top:3rem;
         padding-left:3rem;
         flex-basis: 75%;
         padding-right:1.5rem;
    }
    
    .nothoperdis-box {
        padding-left:calc(25% + 3rem);
    }
    .nothoperdis-box ul{
        padding-left:0;
    }
    .equip-investigadors-colaboradors-voluntaris > div {
       margin-bottom:3em;
    }
    
  #horizontalTabExpo .equip-investigadors-colaboradors-voluntaris h3,
  #horizontalTabExpo .publicacions h3,
  #horizontalTabExpo .projectes h3 {
        border-bottom: 1px solid;
        font-family: Geogrotesque-Light;
        margin-top: 3rem;
    }
   #horizontalTabExpo .publicacions li {
        font-size:0.95em
    } 
    #horizontalTabExpo .publicacions li.document {
        border:0;
        
    }
   #horizontalTabExpo .publicacions li.document a {
       color: #000;
    background: #fff;
    margin: auto;
    display: inline-block;
    padding: 0.5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    border: 1px solid;;
       margin-top:2rem;
       text-align:center;
       font-size: clamp(1rem, 1.3vw, 1.1rem);
           font-family: Geogrotesque-Regular;
       
    } 
    #horizontalTabExpo .publicacions li.document a:hover {
    filter: invert(1);
    }
    
   /* grid-item */
    
  .agenda .grid {
   
}  
.centre .agenda .grid-item {
    position:absolute!important;
}
    
    .page-template-page_home_agenda .contingut, .page-template-page_museu_agenda .contingut{
        flex-basis: 100%;
            padding-right:1.5rem;
    }
      
     .page-template-page_home_agenda .contingut header,
    .page-template-page_museu_agenda .contingut header,
    .page-template-page_home_agenda .contingut .detallcerca,
    .page-template-page_museu_agenda .contingut .detallcerca {
              padding-left: calc(25% + 3rem);
        position:relative;
    }
    
    
    .page-template-page_home_agenda .contingut h1.titol-pagina,
    .page-template-page_museu_agenda .contingut h1.titol-pagina {
        padding-top:0;
    }
    
    .form-cerca {
        right: 0;
        top: 0;
    }
     .detallcerca ul {
    list-style: none;
         display:flex;
    margin: 0;
    padding: 0;
    width: 100%;
    padding-bottom: 3rem;
}   
    .detallcerca li {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
        .detallcerca li:last-child {
        margin-right:0;
    }
    .centre .agenda .grid-item,.centre .agenda .grid-item.exposicions{
      width: 25%;
      float: left;
    height:auto;
    
    padding-left: calc(0.75rem + 0.3vw);
    padding-right: calc(0.75rem + 0.3vw);
     padding-bottom:3rem;
     -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
     .centre .agenda .grid-item .modul,.centre .agenda .grid-item.exposicions .modul{
        
    }
    /* cercador agenda */
    
    div.css-search div.em-search-advanced > div {
        clear: both;
        flex-basis: 25%;
        overflow: hidden;
    }
    div.css-search div .em-search-location {
        display: none;
    }
    div.css-search select {
        padding: 5px;
    }
    div.css-search input {
        padding: 5px;
        width: 30%;
        margin-right: 5%;
        margin-left: 2%;
      }

    div.em-search.css-search .em-search-tipus-public label {
        display: none;
    }
    
    .resp-tabs-list{
        padding-top:3rem!important;
    display:block;
    }
    #horizontalTabExpo  header {
        position:relative;
        z-index:2;
    }
    #horizontalTabExpo .resp-tabs-list li {
        background-color:#fff!important;
        color:#222;
        border-radius:0!important;
        max-width:100%;
        
    }
    #horizontalTabExpo .resp-tabs-list .resp-tab-active {
        border:1px solid #000;
        border-bottom:1px solid #fff7;
        font-family: Geogrotesque-SemiBold;
    }
    
       
.form-cerca.active .button-cerca span  {
   
    filter:invert(0);
}
   
div.css-search, .form-cerca.active, body .ui-widget-content {
  
background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 73%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 73%);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 73%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
    .form-cerca.active .button-cerca, .form-cerca .titol-modal {
    color:#000;
        filter:invert(1);
    } 
    
    
.wp-pagenavi {
    clear: both;
    padding-top: 2rem;
    margin-top: 4rem;
    border-top: 1px solid;
    margin-bottom: 5rem;
    text-align: center;
}
    
    
}

@media (min-width: 1280px) {
    
:root {
    --marges: 0rem;
   
    }
    .superior .centre, .cercador form {
    }
   .cercador form {
       width:calc(100% + 2px);
       margin-left:-1px;
       border-bottom:1px solid #fff7;
    }
 
	
    	
.alignleft, .alignright, .aligncenter, .cos-article img {
	/* max-width:697px; */
} 
    
    .entitats-colab {
    display: flex;
    justify-content: left;
    font-size:0.8em;
    align-items: flex-end;
    line-height:120%;
}
.entitats-colab > div{
    flex-basis: 25%;
    text-align: center;
    margin-bottom:1rem;
}
       
    
    .superior.background .centre, .background .cercador form, .background.superior #navbar .dl-submenu.nivell-2 {
        
    }
    .background .cercador form {
        border-bottom:1px solid #000;
        margin-top:3rem;
        background: #fff;
    }
    section.museu, section.actualitat, section.naturalista, section.last-xarxa {
        padding-left:0!important;
        padding-right:0!important;
    }
    .cos-article {
    font-family: 'Roboto Slab', serif;
        padding-right:0;
}
    p.parents-superiors {
        padding-left: calc(25% + 3rem);
    }
    .slider-agenda h2, .capcalera-exposicio h2, #img-bg h1 {
   
    padding-left: calc(25% + 3rem);
    }
    .page-template-page_home_agenda .contingut, .page-template-page_museu_agenda .contingut { 
        padding-left:0;
        padding-right:0;
    }
    
    .base-agenda .agenda{
        margin-left: calc(0px - (0.75rem + 0.3vw));
    margin-right: calc(0px - (0.75rem + 0.3vw));
    }
    
  
.slider-agenda h2, .capcalera-exposicio h2, #img-bg h1 , .explora-home .swiper-slide h3, .exposicions .expos h3 {
        
    letter-spacing:-0.03em!important;
}

}
@media (min-width: 1900px) {
    
:root {
    --max_w: 1600px;
    }
	
	    	
.alignleft, .alignright, .aligncenter, .cos-article img {
	max-width:1020px;
} 
	
	
}