@charset "UTF-8";

/* header */
header {
  font-family: "Open Sans" !important;
  font-size: 15px !important;
  z-index: 5;
}

header .region-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 10px 0;
}

header .language-switcher-language-url {
  width: auto;
  margin: -3px 0px 0px 10px;
}

header .language-switcher-language-url ul {
  display: flex;
  margin: 0;
  padding: 0 25px;
  list-style: none;
/*border-left: 2px solid #4D4D4D;
  border-right: 2px solid #4D4D4D;*/
  height: 2em;
  align-items: center;
}

header .language-switcher-language-url ul li a,
header .social-media-links--platforms a {
  text-decoration: none;
  color: #4D4D4D;
}

header .language-switcher-language-url ul li a:hover,
header .social-media-links--platforms a:hover {
  color: #866D6D;
}

/*--------- canvi nora-----------*/

header .language-switcher-language-url ul li a.language-link.is-active  {
    color: #866d6d;
    font-weight: 900;
}

header .block-language li {
  border-left: solid 1px #4D4D4D;
  border-right: solid 1.5px #4D4D4D;
  padding: 0px 15px;
  font-size: 13px;
}

header .block-language li:first-child {
  border: none;
  padding: 0px 15px;
  border-left: solid 1.5px #4d4d4d;
}

header .social-media-links--platforms.horizontal {
  margin-right: 20px;
}

header .social-media-links--platforms.horizontal li {
  padding: 0 15px 0 0;
  height: 1.5em;
}

header .region-nav-branding p { margin: 0; }
header .region-nav-branding img {
  height: 55px;
  margin: 0 2rem;
}

header .navbar .nav-item a {
  font-style: normal;
  font-weight: 600;
  margin: 0 1rem 0 0;
}

header a.nav-link { color: #4D4D4D;}
.path-frontpage a.nav-link {color: white;}
a.nav-link.is-active {
  color: #866d6d;
  border-bottom: solid 2px #866d6d;
}

.path-frontpage .navbar {
  background-color: transparent;
}

header .navbar {
  background-color: white;
}

header .navbar > .container {
  max-width: 100% !important;
}

#block-prismatic9b5-breadcrumbs nav {margin-left: 50px;}
/* fi header */

/* Home */
/* Home > Esdeveniments i Experiencies*/

.path-frontpage .region-content {
  margin-top: -3rem;
}

.path-frontpage #block-views-block-esdeveniments-block-1 {
  background-color: white;
}

/*
.path-frontpage .esdeveniments-home .views-field-field-pmtc-event-data .field-content {
  background-color: #D8D0C7;
  width: 120px;
  height: 150px;
  display: flex;
  align-items: center;
}

.path-frontpage .esdeveniments-home .views-field-field-pmtc-event-data .field-content time {
  color:  #4D4D4D;
  text-align: center;
  font-family: Open Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.path-frontpage .esdeveniments-home .views-col {
  display: flex;
}

.path-frontpage .esdeveniments-home .views-field-field-pmtc-event-img {
  margin-right: 1rem;
}

.path-frontpage .esdeveniments-home .views-field-field-pmtc-event-img .field-content,
.path-frontpage .esdeveniments-home .views-field-field-pmtc-event-img img {
  width: 280px !important;
  height: 150px;
  object-fit: cover;
}
*/

.path-frontpage .esdeveniments-home .views-field.views-field-field-pmtc-event-data,
.path-frontpage .esdeveniments-home .field--name-field-pmtc-event-data,
.path-esdeveniments .field--name-field-pmtc-event-data,
.path-cafes-prismatic .field--name-field-pmtc-event-data {
  background-color: #D8D0C7;
  padding: 1rem;
  margin-right: 1rem;
  margin-bottom: 1rem;
  width: 150px;
  text-transform: uppercase;
}

.path-frontpage .esdeveniments-home .views-field-title {
  width: 80%;
}

.path-frontpage .esdeveniments-home .views-field-title span {
  display: flex;
  flex-direction: column;
  color: #4D4D4D;
  font-family: Noto Serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.path-frontpage .esdeveniments-home .views-col {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto;
  grid-gap: 10px;
}

.path-frontpage .esdeveniments-home .views-field-view-node {
  grid-column: 1 / span 3;
  text-align: center;
  margin-top: -3rem !important;
}

.path-frontpage .esdeveniments-home .views-more-link a {
  text-decoration: none;
  color: #D0B392;
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.path-frontpage .esdeveniments-home .views-more-link a:hover {color: #4D4D4D;}

.path-frontpage .vista-estudis .views-view-grid {
  margin-top: 2rem;
}

.path-frontpage .vista-estudis .view-filters {
  background: #F3EBE6;
  padding-bottom: 1rem;
  width: 100%;
  display: flex;
  justify-content: center;
}

.path-frontpage .vista-estudis .view-footer,
.path-frontpage .esdeveniments-home .more-link,
.path-frontpage #block-views-block-experiencies-experiencies .more-link,
.path-frontpage #block-views-block-experiencies-home-experiencies-home .more-link,
.block-views-blockestudis-cercador-block-estudisrelacionats .more-link,
.block-views-blockexperiencies-index-experiencies--block-experienciesrelacionades .more-link {
  text-align: center;
  margin-top: 5rem;
}

.path-frontpage .vista-estudis .view-footer a,
.path-frontpage .esdeveniments-home .more-link a,
.path-frontpage #block-views-block-experiencies-experiencies .more-link a,
.path-frontpage #block-views-block-experiencies-home-experiencies-home .more-link a,
.block-views-blockestudis-cercador-block-estudisrelacionats .more-link a,
.block-views-blockexperiencies-index-experiencies--block-experienciesrelacionades .more-link a {
  border-radius: 4px;
  padding: 1rem 2rem;
  color: #4D4D4D;
  font-family: Open Sans;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
  display: inline-block;
  transition: transform 0.3s ease;
}

.path-frontpage .esdeveniments-home .more-link a,
.path-frontpage #block-views-block-experiencies-experiencies .more-link a,
.path-frontpage #block-views-block-experiencies-home-experiencies-home .more-link a {
  background: #F3EBE6;
  box-shadow: -4px 4px 0px 0px #C3BEBA;
}

.path-frontpage .vista-estudis .view-footer a,
.block-views-blockestudis-cercador-block-estudisrelacionats .more-link a,
.block-views-blockexperiencies-index-experiencies--block-experienciesrelacionades .more-link a {
  background: #D8D0C7 !important;
  box-shadow: -4px 4px 0px 0px #C3BEBA !important;
}

.path-frontpage .vista-estudis .view-footer a:hover,
.path-frontpage .esdeveniments-home .more-link a:hover,
.path-frontpage #block-views-block-experiencies-experiencies .more-link a:hover,
.path-frontpage #block-views-block-experiencies-home-experiencies-home .more-link a:hover,
.block-views-blockestudis-cercador-block-estudisrelacionats .more-link a:hover,
.block-views-blockexperiencies-index-experiencies--block-experienciesrelacionades .more-link a:hover {
  transform: translateY(-5px);
}

.path-frontpage .view-experiencies .views-view-grid > .divexperiencia,
.bloc-experienciesrelacionades .views-view-grid > .divexperiencia {
  width: 100% !important;
  /* height: 550px; */
  margin-bottom: 1rem;
}

.path-frontpage .view-esdeveniments .views-field-field-pmtc-event-locationmap,
.path-frontpage .view-esdeveniments .views-field-field-pmtc-event-org,
.path-frontpage .view-esdeveniments .views-field-field-dates{
  display: none;
}
/* Fi home > esdeveniments i experiencies */

/* home > cercador  */

.views-exposed-form.bef-exposed-form legend,
.views-exposed-form.bef-exposed-form .form-item-body-value label,
.views-exposed-form.bef-exposed-form .form-item-field-pmtc-paper-type-target-id label,
.views-exposed-form.bef-exposed-form .form-item-field-pmtc-center-author-target-id label,
.views-exposed-form.bef-exposed-form .form-item-field-search-ambit-target-id label,
.views-exposed-form.bef-exposed-form .form-item-field-paper-year-value label
{display:none !important;}

/* ______________________________________ */


/* Estils generals */

body { background-color: #F3EBE6; }

.container {max-width: 1000px !important;}
.path-frontpage .container, .path-projectes .container {
  max-width: 1100px !important;
}

.fa-2x {font-size: 1.3em !important;}

.region-content {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.btn:hover,
.button:hover,
button.link:hover,
.node-preview-container .node-preview-backlink:hover {
  color: var(--bs-btn-hover-color);
  background-color: #ADA091;
  border:none;
}

.pagination {
  justify-content: right;
  color: #4D4D4D !important;
}

.pagination a {
  color: #4D4D4D !important;
}

.pagination li {
  border-radius: 5px;
  background: #D8D0C7;
  box-shadow: -4px 4px 0px 0px #C3BEBA;
  margin: 7px;
}

.page-link {
  background-color: #D8D0C7;
}

.page-link a {
  color: #4D4D4D;
  font-family: Open Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

page-link.active,
.media-library-view--widget .view-header a.page-link.is-active,
.active>.page-link, .media-library-view--widget .view-header a.is-active>.page-link {
  z-index: 3;
  color: #4D4D4D;
  background-color:  #D8D0C7;
  border-color: var(--bs-pagination-active);
}

h1 {
  text-align: center;
  color: #4D4D4D;
  font-family: Noto Serif;
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 2em;
  margin-bottom: 2em;
}

h2 {
  text-align: center;
  color: #4D4D4D;
  font-family: 'Noto Serif';
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 1em;
}

.node--type-article h2,
.node--type-pmtc-center h2,
.node--type-pmtc-esdeveniment h2,
.node--type-pmtc-paper h2 {
  text-align: left;
}

.node--type-pmtc-esdeveniment h2 {
  margin-left: 4em;
}

/* Card pmtc_center */
.node--type-pmtc-center.node--view-mode-card {
  background: #D8D0C7;
}

.node--type-pmtc-center.node--view-mode-card .field--name-node-title h3 a {
  font-family: 'Noto Serif', serif;
  font-size: 14px;
  font-weight: 400;
  color: #4D4D4D;
  text-decoration: none;
  line-height: 1.2rem;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}

.node--type-pmtc-center.node--view-mode-card .field--name-node-link a {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  color: #4D4D4D !important;
  text-decoration: none;
  line-height: 1.2rem;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 15px;
  display: block;
}

.node--type-pmtc-center.node--view-mode-card .paper-count-wrapper {
  padding: 10px;
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #4D4D4D;
}

.node--type-pmtc-center.node--view-mode-card .paper-count {
  font-weight: 400;
  text-transform: uppercase;
}

.path-frontpage .region-breadcrumb {
  position: relative;
  top: -75px;
  opacity: 0.8;
}

.region-footer-top .block-views,
.region-footer-top .block-webform,
.container-equip {
  padding-top: 6rem;
  padding-bottom: 9rem;
}

.region-footer-top .block-webform h2 { color: white; }

.path-frontpage #block-introduccio,
.path-frontpage #block-introduccio-3 {
  background-color: white;
  padding-top: 2rem;
}

.div-introduccio {
  font-size: 20px;
  text-align: center;
  color: #4D4D4D;
  max-width: 1200px;
  margin: 5rem auto;
}

.div-icons-introduccio {
  display: grid;
  grid-template-columns: repeat(auto-fit, 9rem);
  justify-content: center;
  gap: 1rem;
  margin-top: 3rem;
}

.div-icons-introduccio a {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 25px;
  line-height: 34px;
  text-transform: uppercase;
  text-decoration: none;
  color: #4D4D4D;
}

.p-introduccio {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-transform: uppercase;
}

.all-container-img-introduccio {
  display: grid;
  justify-items: center;
  justify-content: center;
}

.div-img-introduccio {
  background-color: white;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-bottom: 10px;
  display: grid;
  justify-items: center;
  align-content: center;
  justify-content: center;
}

.path-frontpage .div-img-introduccio { background-color: #F3EBE6; }
.path-frontpage .div-img-introduccio:hover { background-color: #D8D0C7; }

img#iconIntroduccio { height: 100px; }


/*-- links en format boto -- */
.group-left >.field--name-field-pmtc-center-url a,
.group-left >.field--name-field-pmtc-event-location a,
.group-left >.field--name-field-paper-title > a,
.group-left >.field--name-field-paper-author > .field__item > a {
  text-decoration: none;
  color: #4D4D4D;
  background-color: #D8D0C7;
  border-radius: 4px;
  box-shadow: -4px 4px 0px 0px #C3BEBA;
  padding: 1rem 2rem;
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: inline-block;
  transition: transform 0.3s ease;
}

.view-fitxes-totes .view-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, 15rem);
  gap: 24px;
}


/*Formulari butlleti*/
.region-footer-top .block-webform {
  background-color: #747474;
  color: white;
}
.region-footer-top .block-webform .form-item {
  margin-top: 0;
  margin-bottom: 0.5em;
}
.region-footer-top .block-webform .form-control {
  padding: 0.75rem 0.75rem;
}
.region-footer-top .block-webform p {
  font-size: 20px;
  font-family: 'Open Sans';
  font-weight: 500;
  line-height: normal;
  text-align: center;
}


/*Footer*/
footer {background-color: #4D4D4D;}

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

footer .container {
  display: grid;
  grid-template-columns: repeat(auto-fit, 14rem);
  gap: 1rem;
}
footer h2 {
  color: white;
  font-size: 15px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0.75px;
  text-align: left;
  text-transform: uppercase;
  font-family: "Open Sans";
}

footer ul {
  list-style-type: none;
  font-size: 12px;
  opacity: 0.8;
  font-family: Open Sans;
}

footer .item-list li {
  margin: 0 0 2em 0;
}

footer .ambient-ocult {
  display: none
}

footer .fila-fitxa .views-field-title {
  margin-bottom: 0.25em;
}

footer .fila-fitxa .views-field-field-search-ambient span,
footer .fila-fitxa .views-field-field-paper-year span {
  font-weight: bold;
}

.btn-footer {
  margin-top: 2rem;
  background-color: #F3EBE6;
  padding: 1rem;
  color: #747474;
  font-weight: bold;
  border-radius: 5px;
  font-size: smaller;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  border: none;
}

.btn-footer:hover {
  color: var(--bs-btn-hover-color);
  background-color: #ADA091;
}

.flexIcons {
  display: flex;
}
.flexIcons svg {
  margin-right: 2rem;
}

/*_______________________________________________________*/

/*Qui som*/
.container-equip {
  display: grid;
  width: 100%;
  justify-items: center;
  background-color: #F3EBE6;
  padding-top: 5rem;
}

.container-images {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  max-width: 1024px;
  margin: 2rem auto 0rem;
}

.container-images > div {
  max-width: 250px;
  text-align: center;
}

.container-images > div > img {
  width: 150px;
  height: 150px;
}

.container-images > div > h3 {
  font-size: 1.5rem;
  margin-top: 0.5rem;
}

.div-text-resum-qui-som {
  display: flex;
  font-family: 'Noto Serif';
  font-size: 18px;
  line-height: 28px;
  text-align: justify;
  background-color: white;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.div-text-resum-qui-som div { width: 80%; }

/*Grid Icons*/
.page-node-type-page .group-left {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.navbar-expand-lg .container-fluid {
  background-color: white;
}


/*--- Pagina de contacte -- */
.region-content .block-twitter-block {
  display: inline-block;
  width: 25%;
  vertical-align: top;
}

.region-content .block-webform {
  display: inline-block;
  width: 69%;
}

.region-content .block-webform .form-item {
  margin-top: 0;
  margin-bottom: 0.5em;
}
.region-content .block-webform .form-control {
  padding: 0.75rem 0.75rem;
}
.region-content .block-webform p {
  font-size: 20px;
  font-family: 'Open Sans';
  font-weight: 500;
  line-height: normal;
  text-align: center;
}

.webform-button--submit {
  background-color: #D8D0C7;
  color: #4D4D4D;
  font-weight: bold;
  border-radius: 5px;
  font-size: smaller;
  text-align: center;
  text-transform: uppercase;
  border: none;
  padding: 1rem;
  margin: 2em auto!important;
  width: 160px;
  display: block;
}

.webform-button--submit:hover {
  color: var(--bs-btn-hover-color);
  background-color: #ADA091;
}

.form-type-select.js-form-item-voldria.form-item-voldria,
.js-form-item-assumpte.form-item-assumpte.form-no-label,
.form-type-textarea.js-form-item-missatge.form-item-missatge.form-no-label {
  width: 100%;
}

.js-form-item-nom.form-item-nom.form-no-label,
.js-form-item-cognoms.form-item-cognoms.form-no-label,
.js-form-item-entitat.form-item-entitat.form-no-label,
.js-form-item-correu-electronic.form-item-correu-electronic.form-no-label,
.js-form-item-telefon-de-contacte.form-item-telefon-de-contacte.form-no-label {
  width: calc(100%/2 - 8px);
}

.region-content .block-twitter-block {
  display: inline-block;
  width: 30%;
  vertical-align: top;
}


/*--- Pagina de centres -- */
.page-node-type-pmtc-center .group-left {
  width: 30% !important;
  margin-right: 3%;
}

.page-node-type-pmtc-center .group-right {
  width: 67% !important;
}

.group-right .text-formatted {
  font-size: 16px;
  color: #4D4D4D;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

.group-left > .field--name-field-pmtc-center-url a {
  font-size: 0;
}

.group-left > .field--name-field-pmtc-center-url a::before {
  content: 'Visitar el site oficial';
  font-size: 15px;
}

.page-node-type-pmtc-center .group-left > .field--name-field-pmtc-center-url a {
  display: block;
  width: 100%;
  text-align: center;
}

.page-node-type-pmtc-center .field--name-field-pmtc-center-img {
  width: 100%;
  height: 220px;
  background-color: white;
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}

/* Color de enlaces en el campo de texto del evento */
.node--type-pmtc-esdeveniment .field--name-field-pmtc-event-txt a {
  color: #825c32;
}

.node--type-pmtc-center .social-media-links--platforms.horizontal li {
  padding: 0 25px 0 0;
  height: 2em;
}

.node--type-pmtc-center .social-media-links--platforms a {
  text-decoration: none;
  color: #5D5D5D;
}

.page-node-type-pmtc-center .social-media-links--platforms {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 15px;
}

.page-node-type-pmtc-center .social-media-links--platforms.horizontal li {
  padding: 0;
}

.views-col img {
  height: 100%;
  width: 100%;
}

.views-view-grid {
  display: grid;
  justify-items: center;
}


/*Jcarousel*/
.block-views-blockpmtc-comunitat-block-1,
.block-views-blockpmtc-comunitat-block-4 {
  background-color: white;
}

.view-pmtc-comunitat .jcarousel-wrapper {
  border: none;
  height: auto;
}

.jcarousel-control-next,
.jcarousel-control-prev {
  background: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #D8D0C7 !important;
  font-size: 44px !important;
}

.jcarousel-control-prev {
  left: -1.5rem !important;
}

.jcarousel-control-next {
  right: -2.0rem !important;
}

.jcarousel-wrapper.jcarousel-skin-default.jcarousel-horizontal {
  width: 980px;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.jcarousel-wrapper.jcarousel-skin-default.jcarousel-horizontal .jcarousel-container-horizontal li {
  border: 1px solid #D8D0C7;
  height: 100px;
  padding: 1rem;
  margin: 0 0.5rem;
  display: flex;
  align-items: center;
}

.jcarousel-skin-default .jcarousel li {
  width: 230px;
}


/*---------*/

div#block-views-block-entitats-home-entitats-home {
  padding-left: var(--padding-left);
  padding-right: var(--padding-right);
}

div#block-views-block-experiencies-experiencies,
div#block-views-block-experiencies-home-experiencies-home {
  background-color: #D8D0C7;
}

.path-experiencies .row-1 .views-col.col-1 .views-field.views-field-field-pmtc-event-img,
.path-experiencies .row-1 .views-col.col-1 .views-field.views-field-field-paper-year,
.path-experiencies .row-1 .views-col.col-1 .views-field.views-field-field-paper-author,
.path-experiencies .row-1 .views-col.col-1 .views-field.views-field-title {
  width: 100%;
}

.view-experiencies .views-field.views-field-field-paper-year,
.view-experiencies .views-field.views-field-field-paper-author,
.view-experiencies .views-field.views-field-title,
.bloc-experienciesrelacionades .views-field.views-field-field-paper-year,
.bloc-experienciesrelacionades .views-field.views-field-field-paper-author,
.bloc-experienciesrelacionades .views-field.views-field-title {
  /*width: 95%;*/
  background-color: rgba(76, 76, 76, 255);
  color: white;
  padding-top: 15px;
}

.view-experiencies .views-field.views-field-title,
.bloc-experienciesrelacionades .views-field.views-field-title {
  min-height: 90px;
  width: 100%;
}

.view-experiencies .views-field-title a,
.bloc-experienciesrelacionades .views-field-title a {
  text-decoration: none;
  color: white;
}

/* Inici pàgina expèriencies */

.page-node-type-article .field.field--name-field-image.field--type-image.field--label-hidden.field__item {
  justify-content: center;
  display: flex;
}

.page-node-type-article #block-prismatic9b5-page-title h1 span {
  color: #4D4D4D;
  font-family: Noto Serif !important;
  font-size: 36px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal;
}

.page-node-type-article .group-header {
  margin-bottom: 2rem;
}

.page-node-type-article .node--type-pmtc-center h2 {
  display: none;
}

.page-node-type-article .field--name-field-pmtc-center-author .field__label,
.page-node-type-article .field--name-field-tags .field__label{
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #4D4D4D;
  font-family: Noto Serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.page-node-type-article .field--name-field-pmtc-center-txt p {
  color: #4D4D4D;
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  margin-top: 1rem;
}

.page-node-type-article .field--name-field-pmtc-center-txt a,
.page-node-type-pmtc-center .field--name-field-pmtc-center-txt a {
  color: #825c32;
  text-decoration: none;
}

.page-node-type-article .node--type-pmtc-center .social-media-links--platforms {
  display: flex;
  width: 100%;
  margin: 0;
  flex-direction: row;
  justify-content: center;
  gap: 5px;
}

.page-node-type-article .field--name-field-tags {
  border-top: 4px solid #DBD2CA;
  margin-top: 1rem;
  padding-top: 2rem;
}

.page-node-type-article .group-left {
  width: 30% !important;
}

.page-node-type-article .group-right {
  width: 65% !important;
}

/* Pàgina comunitat */
.bloc-comunitat .view-content .views-view-grid.horizontal.cols-1.clearfix {
  grid-template-columns: repeat(4, 1fr) !important;
  grid-gap: 20px !important;
  align-items: stretch;
}

.bloc-comunitat .views-row {
  height: 100%;
  display: flex;
  align-items: stretch;
}

.bloc-comunitat .views-col {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.bloc-comunitat .node--type-pmtc-center.node--view-mode-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.bloc-comunitat {
  margin-bottom: 3em;
}

.block-views-blockestudis-cercador-block-estudisrelacionats,
.block-views-blockexperiencies-index-experiencies--block-experienciesrelacionades {
  margin-top: 4rem;
}

/* Centrar elementos del bloque estudis relacionats */
.block-views-blockestudis-cercador-block-estudisrelacionats .views-view-grid {
  display: block !important;
}

.block-views-blockestudis-cercador-block-estudisrelacionats .views-row {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  float: none !important;
  clear: none !important;
  width: 100% !important;
}

.block-views-blockestudis-cercador-block-estudisrelacionats .vista-estudis .views-col {
  flex: 0 0 auto;
  width: 31% !important;
  margin: 0 0.5rem 1rem 0.5rem !important;
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
}

.block-views-blockestudis-cercador-block-estudisrelacionats .vista-estudis .views-col > * {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* Centrar elementos del bloque experiencies relacionades */
.block-views-blockexperiencies-index-experiencies--block-experienciesrelacionades .views-view-grid {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 1rem;
}

.block-views-blockexperiencies-index-experiencies--block-experienciesrelacionades .views-view-grid > .divexperiencia {
  flex: 0 0 auto;
  width: 31% !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
}

.block-views-blockexperiencies-index-experiencies--block-experienciesrelacionades .views-view-grid > .divexperiencia > * {
  flex: 0 0 auto;
  display: grid !important;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto;
  gap: 0;
}

/* Reorganitzar amb grid - imatge primera, ocupant tota l'amplada */
.block-views-blockexperiencies-index-experiencies--block-experienciesrelacionades .views-field-field-image {
  grid-row: 1;
  grid-column: 1 / -1;
}

/* Data i autor en la mateixa fila, en columnes diferents */
.block-views-blockexperiencies-index-experiencies--block-experienciesrelacionades .views-field-created {
  grid-row: 2;
  grid-column: 1;
  float: none !important;
  margin: 0 !important;
  padding: 0 0 0 1rem !important;
  align-self: stretch;
  display: flex !important;
  align-items: center;
}

.block-views-blockexperiencies-index-experiencies--block-experienciesrelacionades .views-field-created .field-content {
  padding-top: 3px;
}

.block-views-blockexperiencies-index-experiencies--block-experienciesrelacionades .views-field-field-pmtc-center-author {
  grid-row: 2;
  grid-column: 2;
  float: none !important;
  margin: 0 !important;
  padding: 0 1rem !important;
  align-self: stretch;
  display: flex !important;
  align-items: center;
}

/* Títol a la tercera posició, ocupant tota l'amplada */
.block-views-blockexperiencies-index-experiencies--block-experienciesrelacionades .views-field-title {
  grid-row: 3;
  grid-column: 1 / -1;
}
/* _____________________________________________ */


/* Estudis (disseny global) */ 
.node--type-pmtc-paper .average-rating,
.fivestar-basic div.fivestar-widget .cancel,
.fivestar-basic div.fivestar-widget .cancel a {display: none;}

.node--type-pmtc-paper .form-item-vote.form-no-label {
  display: flex;
}

.node--type-pmtc-paper .total-votes {
  color: #999;
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-left: 0.2rem;
}

.node--type-pmtc-paper .field--name-field-paper-fav.field__item {
  margin-bottom: 1rem;
}

.node--type-article .field--name-node-post-date,
.node--type-pmtc-paper .field--name-field-paper-year {
  padding-top: 0.2rem;
  padding-bottom: 1rem;
}

.node--type-pmtc-paper .field--name-field-management-area.field__items .field__item {
  font-size: 13px;
  margin-bottom: 0.5em;
}

.fivestar-basic div.fivestar-widget .star, .fivestar-basic div.fivestar-widget .star {
  background-image: url(../img/icons/star.png) !important ;
}

.fivestar-basic div.fivestar-widget .star:hover, .fivestar-basic div.fivestar-widget .star :hover {
  background-image: url(../img/icons/starY.png) !important ;
}
.fivestar-basic .star.star-1.odd.star-first.star-last.on  {
  background-image: url(../img/icons/starY.png) !important ;
}



/* Pàgina estudis single */
.page-node-type-pmtc-paper .group-left {
  width: 30% !important;
  margin-right: 3%;
}

.page-node-type-pmtc-paper .group-right {
  width: 67% !important;
}

.node--type-article .field--name-node-post-date.field__item,
.node--type-pmtc-paper .field--name-field-paper-year.field__item {
  color: #999;
  font-family: Open Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-right: 1rem;
}

.node--type-pmtc-paper .field--name-field-paper-year.field__item {
  float: left;
  margin-top: 2px;
}

.node--type-pmtc-paper .field--name-field-image {
  margin-top: 2rem;
  margin-bottom: 0;
}

.node--type-pmtc-paper.node--view-mode-full .field--name-field-image-text {
  background-color: #DBD2CA;
  color: #4D4D4D;
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  padding: 1rem;
}

.node--type-pmtc-paper.node--view-mode-full .group-right .field--name-field-paper-year,
.node--type-pmtc-paper.node--view-mode-full .group-right .field--name-field-management-area {
  margin-top: 2rem;
}

.node--type-pmtc-paper .group-left .field--name-field-pmtc-paper-type {
  margin-top:2rem;
}

.node--type-pmtc-paper .group-left .field--name-field-pmtc-paper-type a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #4D4D4D;
  font-family: Open Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.page-node-type-pmtc-paper .field--name-field-pmtc-paper-type {
  display: grid;
  justify-content: flex-start;
  grid-template-columns: auto auto;
}

.page-node-type-pmtc-paper .field--name-field-pmtc-paper-type img {
  margin-right: 1rem;
  width: 40px;
  height: 40px;
}

.page-node-type-pmtc-paper .field--name-field-paper-title,
.page-node-type-pmtc-paper .field--name-field-paper-authors,
.page-node-type-pmtc-paper .field--name-field-paper-author,
.page-node-type-pmtc-paper .field--name-user,
.page-node-type-pmtc-paper .field--name-field-pmtc-center-author,
.page-node-type-pmtc-paper .field--name-field-paper-participants {
  margin-top: 1rem;
  border-bottom: 4px solid #DBD2CA;
  padding-bottom: 1rem;
}

.page-node-type-pmtc-paper .field--name-field-management-area.field__items .field__item,
.vista-estudis .views-col .field--name-field-management-area.field__items .field__item {
  display: inline-flex;
}

.page-node-type-pmtc-paper .field--name-field-management-area.field__items .field__item a,
.vista-estudis .views-col .field--name-field-management-area.field__items .field__item a {
  background-color: white;
  color: black;
  border-radius: 20px;
  padding: 0.5em 1em;
  border: solid 1.5px #D8D0C7;
  text-decoration: none;
}

.node--type-pmtc-paper .field__label {
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #4D4D4D;
  font-family: Noto Serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.node--type-pmtc-paper p {
  color: #4D4D4D;
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px; /* 178.571% */
}

.node--type-pmtc-paper img {
  display: block;
  margin: auto;
}

.node--type-pmtc-paper ul {
  color: #4D4D4D;
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

.node--type-pmtc-paper .field--name-field-pmtc-center-author .field__item {
  margin-bottom: 1rem;
  max-width: 90%;
}

.node--type-article .field--name-field-tags .field__item,
.node--type-pmtc-paper .field--name-field-paper-tags .field__item {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  display: inline-block;
}

.node--type-article .field--name-field-tags .field__item a,
.node--type-pmtc-paper .field--name-field-paper-tags .field__item a {
  border-radius: 25px;
  background: rgb(255 255 255 / 80%);
  padding: 5px 10px;
  text-decoration: none;
  color: black;
  font-style: italic;
  font-size: 13px;
  display: inline-block;
}

.node--type-pmtc-paper .field--name-name.field__item,
.field--name-field-pmtc-color.field__item {
  display: none;
}

.field--name-field-pmtc-ambient-image.field__item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.tipus-fitxa {
  margin-top: 1rem;
  text-align: center;
  font-family: Open Sans;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.node--type-article .file--package-x-generic,
.node--type-pmtc-paper .file--package-x-generic {
  background-image: url(../img/download.png) !important;
}

span.file.file--mime-application-pdf.file--application-pdf a {
  color: #4d4d4d;
}

.node--type-article .field--name-field-paper-media .field__items,
.node--type-pmtc-paper .field--name-field-paper-media .field__items {
  background-color: #D8D0C7;
  box-shadow: -4px 4px 0px 0px #C3BEBA;
  border-radius: 10px;
  padding: 1rem;
  width: fit-content;
}

.node--type-article .field--name-field-paper-media .field__items a,
.node--type-pmtc-paper .field--name-field-paper-media .field__items a {
  text-decoration: none;
  color: #F3EBE6;
}

.node--type-article .field__item li,
.node--type-pmtc-paper .field__item li, 
.page-node-type-pmtc-paper li {
  color: #4D4D4D;
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

/*-----canvi nora---------*/

.node--type-article .text-formatted .field__item li a,
.node--type-pmtc-paper .text-formatted .field__item li a,
.page-node-type-pmtc-paper .text-formatted li a,
.text-formatted.field.field--name-field-paper-met-txt.field--type-text-long a,
.text-formatted.field.field--name-field-paper-obj-txt.field--type-text-long a,
.text-formatted.field.field--name-field-paper-resultats-txt.field--type-text-long a,
.text-formatted.field.field--name-field-paper-concl-txt.field--type-text-long a,
.field--name-body.field--type-text-with-summary.field--label-hidden.field__item a,
.field--name-field-paper-publicacio.field--type-text-long.field--label-above a,
.field--name-field-paper-authors.field--type-text-long.field--label-above a,
.field--name-field-paper-participants.field--type-link a
 {
  color: #825c32;
}

.field--name-field-paper-participants.field--type-link a {
  text-decoration: none;
}

.node--type-article .view-estudis-cercador .field--name-field-management-area .field__item, 
.node--type-pmtc-paper .view-estudis-cercador .field--name-field-management-area .field__item,
.page-node-type-pmtc-paper .view-estudis-cercador .field--name-field-management-area .field__item {
  padding-left:0;
}


/* Estils especific pels resums d'estudis (en home, cercador, relacionats, i arxiu/term) */
.vista-estudis .views-col,
.view-taxonomy-term .views-row {
  margin: 1%;
  background-color: white;
  height: 96%;
}
.vista-estudis .views-col{width: 31%;}

.vista-estudis .views-col .field,
.view-taxonomy-term .views-row .field {
  padding: 10px 20px;
}

.vista-estudis .views-col .field--name-field-search-ambient h2,
.vista-estudis .views-col .field--name-node-title h2,
.view-taxonomy-term .views-row .field--name-field-search-ambient h2,
.view-taxonomy-term .views-row .field--name-node-title h2 {
  margin-bottom: 0;
  line-height: 20px;
}

.vista-estudis .views-col a,
.view-taxonomy-term .views-row a {
  text-decoration: none;
  color: #4D4D4D !important;
}

.vista-estudis .views-col .field__item,
.view-taxonomy-term .views-row .field__item {
  font-family: Open Sans;
  font-style: normal;
  line-height: normal;
}

.vista-estudis .views-col .field--name-node-title a,
.view-taxonomy-term .views-row .field--name-node-title a {
  font-family: Noto Serif;
  font-size: 20px;
  font-weight: 500;
}

.vista-estudis .views-col .field--name-field-ambient,
.view-taxonomy-term .views-row .field--name-field-ambient {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}

/*----canvi nora display ambients llista*/
.field.field--name-field-ambient .field__item {
    display: inline-block;
    font-size: 0.8em;
    letter-spacing: 0.02em;
}
/*---*/

.field.field--name-field-ambient .field__item:after {
  content: ",";
}

.field.field--name-field-ambient .field__item:last-child:after {
  content: "";
}

.field.field--name-field-management-area {
  padding-top: 0px !important;
}

.vista-estudis .views-col .field--name-field-paper-fav, 
.vista-estudis .views-col .field--name-field-paper-year,
.view-taxonomy-term .views-row .field--name-field-paper-fav,
.view-taxonomy-term .views-row .field--name-field-paper-year {
  float: left;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding-right: 0px;
}

.node--type-pmtc-paper .node--view-mode-teaser .field--name-field-management-area.field__items {
  display: flex;
  align-items: center;
  justify-items: left;
  flex-direction: row;
  gap: 0rem;
  flex-wrap: wrap;
}

.node--type-pmtc-paper .node--view-mode-teaser .field--name-field-management-area.field__items .field__item {
  border-radius: none;
  background: none;
  padding: 0.2rem 1rem;
}

.node--type-pmtc-paper .node--view-mode-teaser .field--name-field-management-area.field__items .field__item a {
  text-decoration: none;
  color: black;
  background-color: white;
  padding: 0em;
  border-radius: none;
}

/* _____________________________________________ */

/* Pàgina Agenda */
.view-display-id-page_agenda .views-row .views-col {
  display: flex;
}

.path-esdeveniments .agenda-block,
.path-cafes-prismatic .agenda-block {
  margin-bottom: 2rem;
}

.agenda-subtitol,
.path-esdeveniments .block-views-blockesdeveniments-block-esdeveniments-anteriors > h2,
.path-cafes-prismatic .block-views-blockesdeveniments-block-cafesprismatic-anteriors > h2 {
  color:#777;
  font-family: Open Sans;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: start;
  text-transform: uppercase;
  border-bottom: 5px solid #D8D0C7;
  padding-bottom: 2rem;
  margin-bottom: 3rem;
}

.view-display-id-page_agenda .views-field-field-pmtc-event-data,
.agenda-block .views-field-field-pmtc-event-data {
  width: 8rem;
  height: 150px;
  display: grid;
  align-items: center;
  color: #4D4D4D;
  text-align: center;
  font-family: Open Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-right: 15px;
}

.view-display-id-page_agenda .views-field-field-pmtc-event-locationmap a {
  text-decoration: none;
  color: #4D4D4D;
  margin-right: 4rem;
}

.view-display-id-page_agenda .views-field-field-pmtc-event-locationmap .field-content::before {
  content: "";
  background-image: url(../img/icons/ubicacio.png);
  width: 12px;
  height: 15px;
  display: inline-block;
  margin-right: 3px;
  background-repeat: no-repeat;
  margin-top: 4px;
}

.view-display-id-page_agenda .views-field-field-pmtc-event-locationmap,
.view-display-id-page_agenda .views-field-field-pmtc-event-locationmap .field-content {
  display: flex;
}

.view-display-id-page_agenda .views-field-field-dates span {
  display: flex;
  margin-right: 3rem;
}

.view-display-id-page_agenda .views-field-field-dates span::before {
  content: "\f017";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
  margin-right: 5px;
}

.view-display-id-page_agenda .views-field-field-pmtc-event-org a {
  text-decoration: none;
  color: #4D4D4D;
}

.path-frontpage .esdeveniments-home img,
.path-esdeveniments .field--name-field-pmtc-event-img img,
.path-cafes-prismatic .field--name-field-pmtc-event-img img {
  width: 278px;
  height: 150px;
  object-fit: cover;
  object-position: center center;
}

.agenda-block .views-row .views-col {
  display: flex;
  border-bottom: 3px solid #D8D0C7;
  padding-bottom: 2rem;
  margin-bottom: 3rem;
}

/* Agenda Single  / Café Prismátic Single*/

.node--type-pmtc-esdeveniment .group-header,
.node--type-pmtc-esdeveniment .group-left .field {
  margin-bottom: 2rem;
}

.node--type-pmtc-esdeveniment .group-left .field__items {
  margin-bottom: 1rem;
}

.node--type-pmtc-esdeveniment .group-left {
  width: 30%;
}

.node--type-pmtc-esdeveniment .group-right {
  width: 66%;
}

.node--type-pmtc-esdeveniment p {
  color: #4D4D4D;
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px; /* 178.571% */
}

.node--type-pmtc-esdeveniment .field--name-field-pmtc-img-event-type img {
  float: left;
  margin-bottom: 2rem;
}

.node--type-pmtc-esdeveniment .vocabulary-pmtc-esdeveniment-type .field.field--name-name.field--type-string.field--label-hidden.field__item{
  display: none;
}

.node--type-pmtc-esdeveniment .field--type-daterange::before {
  content: "\f017";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  font-size: 18px;
  display: inline-block;
  margin-right: 8px;
}

.page-node-type-pmtc-esdeveniment .field--name-field-pmtc-event-data {
  background-color: #D8D0C7;
  display: flex;
  padding: 15px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.node--type-pmtc-esdeveniment.node--view-mode-full .field--name-field-field-pmtc-text-date {
  background-color: #D8D0C7;
  text-align: center;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.node--type-pmtc-esdeveniment.node--view-mode-full .field--name-field-field-pmtc-text-date::before {
  content: "\f133";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  font-size: 48px;
  display: block;
}

.node--type-pmtc-esdeveniment.node--view-mode-full .field--name-field-field-pmtc-text-date {
  font-family: Open Sans;
  font-size: 22px;
  color: #4D4D4D;
}

.node--type-pmtc-esdeveniment.node--view-mode-teaser .group-middle {
  flex-wrap: wrap;
}

.node--type-pmtc-esdeveniment.node--view-mode-teaser .field--name-field-pmtc-event-img {
  width: 100%;
}

.node--type-pmtc-esdeveniment.node--view-mode-teaser .field--name-field-pmtc-event-img img {
  width: 100% !important;
  height: 200px !important;
  object-fit: cover;
}

.node--type-pmtc-esdeveniment.node--view-mode-teaser .field--name-field-field-pmtc-text-date {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-family: Open Sans;
  font-size: 16px;
  font-weight: 500;
  color: #4D4D4D;
}

.node--type-pmtc-esdeveniment.node--view-mode-teaser .field--name-field-field-pmtc-text-date::before {
  content: "\f133";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  font-size: 24px;
  flex-shrink: 0;
}

.node--type-pmtc-esdeveniment .field--name-field-pmtc-center-author .field__label {
  color: #4D4D4D;
  font-family: Noto Serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-top: 5px solid #DBD2CA;
  padding-top: 2rem;
  margin-bottom: 2rem;
}

.page-node-type-pmtc-esdeveniment .field--name-field-pmtc-event-ponent {
  display: flex;
  justify-content: center;
}

.page-node-type-pmtc-esdeveniment .field--name-field-pmtc-event-ponent .field__item {
  margin-right: 2rem;
  display: grid;
  justify-items: center;
}

.page-node-type-pmtc-esdeveniment .field--name-field-pmtc-event-ponent .field__item p {
  font-weight: 800;
  font-size: 14px;
}

.page-node-type-pmtc-esdeveniment .field--name-field-pmtc-event-ponent .field__item img {
  border-radius: 50%;
  height: 90px;
  width: 90px;
  margin-bottom: 1rem;
  margin-right: 1rem;
}

.path-frontpage .esdeveniments-home .field-name-field-pmtc-event-data,
.path-esdeveniments .field-name-field-pmtc-event-data,
.path-cafes-prismatic .field-name-field-pmtc-event-data {
  display: grid;
  align-items: center;
}

.path-frontpage .esdeveniments-home .field-name-field-pmtc-event-data,
.path-esdeveniments .field-name-field-pmtc-event-data {
  background-color: #D8D0C7;
}
.path-cafes-prismatic .field-name-field-pmtc-event-data {
  background-color: #4D4D4D;
}

.path-frontpage .esdeveniments-home .field-name-field-pmtc-event-data {
  width: 160px;
}
.path-esdeveniments .field-name-field-pmtc-event-data,
.path-cafes-prismatic .field-name-field-pmtc-event-data {
  width: 120px;
}

.field--name-field-pmtc-event-org a {
  color: #866D6D;
  font-weight: 500;
}

/* Mostrar els organitzadors en línia separats per comes */
.field--name-field-pmtc-event-org .field__item {
  display: inline-block;
}

.field--name-field-pmtc-event-org .field__item:not(:last-child)::after {
  content: ", ";
}

.div-mes, .div-diaSetmana {
  color:#4D4D4D;
  text-align: center;
  font-family: Open Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.div-diaMes {
  color:#4D4D4D;
  text-align: center;
  font-family: Noto Serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.path-cafes-prismatic .div-mes,
.path-cafes-prismatic .div-diaSetmana,
.path-cafes-prismatic .div-diaMes {
  color: white;
}

.path-frontpage .esdeveniments-home .group-middle,
.path-esdeveniments .group-middle,
.path-cafes-prismatic .group-middle {
  display: flex;
  width: 55%;
  float: left;
  justify-content: left;
  align-items: center;
  margin-bottom: 1rem;
  gap: 15px;
}

.path-frontpage .esdeveniments-home .group-left,
.path-esdeveniments .group-left,
.path-cafes-prismatic .group-left {
  margin-right: 2%;
  width: 43%;
  display: flex;
  justify-content: space-between;
}

.path-frontpage .esdeveniments-home .group-right,
.path-esdeveniments .group-right,
.path-cafes-prismatic .group-right {
  width: 55%;
}

.path-frontpage .esdeveniments-home .group-right h2,
.path-esdeveniments .group-right h2,
.path-cafes-prismatic .group-right h2 {
  margin-left: 0;
  font-size: 20px;
}

.path-frontpage .esdeveniments-home .group-right a,
.path-esdeveniments .group-right a,
.path-cafes-prismatic .group-right a {
  text-decoration: none;
  color: #4D4D4D;
  font-family: Noto Serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.path-frontpage .esdeveniments-home .field--name-node-title h2,
.path-esdeveniments .group-right .field--name-node-title h2,
.path-cafes-prismatic .group-right .field--name-node-title h2 {
  border-bottom: none !important;
}

.field--name-node-title h2 {
  padding-bottom: 0;
  text-transform: none;
  margin-bottom: 0.5rem;
}

/* _____________________________________________ */

/* Pàgina totes les experiencies */

.view-experiencies .views-view-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

/* Comentat perquè ara usem flexbox amb centrat */
/*.bloc-experienciesrelacionades .views-view-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}*/

.view-experiencies .views-view-grid > .divexperiencia:first-child {
  grid-column: 1 / 3;
  width: 98% !important;
  margin-bottom: 3rem;
}

/* Comentat perquè ara usem flexbox amb centrat */
/*.bloc-experienciesrelacionades .views-view-grid > .divexperiencia:first-child {
  grid-column: 1 / 3;
  width: 98% !important;
  margin-bottom: 3rem;
}*/

.path-frontpage .view-experiencies .views-view-grid > .divexperiencia:first-child {
  grid-column: 1;
}

/* Comentat perquè ara usem flexbox amb centrat */
/*.bloc-experienciesrelacionades .views-view-grid > .divexperiencia:first-child {
  grid-column: 1;
}*/

.view-experiencies .views-view-grid > .divexperiencia {
  width: 460px;
  /* height: 550px; */
  margin-bottom: 1rem;
}

/* Comentat perquè ara usem flexbox amb centrat */
/*.bloc-experienciesrelacionades .views-view-grid > .divexperiencia {
  width: 460px;
  margin-bottom: 1rem;
}*/

.path-frontpage .view-experiencies .views-view-grid {
  grid-template-columns: repeat(auto-fit, 32%);
  gap: 1rem;
}

/* Comentat perquè ara usem flexbox amb centrat */
/*.bloc-experienciesrelacionades .views-view-grid {
  grid-template-columns: repeat(auto-fit, 32%);
  gap: 1rem;
}*/

.view-experiencies .view-header,
.bloc-experienciesrelacionades .view-header {
  text-align: center;
}

.view-experiencies .views-field.views-field-field-pmtc-center-author,
.bloc-experienciesrelacionades .views-field.views-field-field-pmtc-center-author {
  background-color: #4D4D4D;
  padding-top: 15px;
}

.view-experiencies .views-field.views-field-field-pmtc-center-author a,
.bloc-experienciesrelacionades .views-field.views-field-field-pmtc-center-author a {
  color: #E0E0E0;
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
}

/*-canvi fet perquè el height de les notícies s'adapti al text-*/

.view-experiencies .views-field.views-field-title,
.bloc-experienciesrelacionades .views-field.views-field-title {
  color: #4D4D4D;
  font-family: Noto Serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 1rem 1rem 2rem 1rem;
}

.view-experiencies .img-fluid,
.bloc-experienciesrelacionades .img-fluid {
  height: 350px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}

.view-experiencies .views-field.views-field-created,
.bloc-experienciesrelacionades .views-field.views-field-created {
  float: left;
  margin-right: 1rem;
  color: #E0E0E0;
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  margin-left: 1rem;
  margin-top: 5px;
  background-color: #4D4D4D;
  padding-top: 15px;
}

.field.field--name-field-image.field--type-image.field--label-hidden.field__item img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}

.views-field-field-pmtc-center-author {
  padding-top: 1px;
}


/* _____________________________________________ */

/* Sliders */

.slick--view--sliders {max-height: 500px;}

.media--image, .media--ratio {
  height: 500px;
}

.slide__media img {
  max-height: 500px;
  height: 500px;
  width: 100%;
}

.slick--view--sliders .slick-prev {
  margin-left: 3rem;
}

.slick--view--sliders .slick-next {
  margin-right: 3rem;
}

.slick--view--sliders .slick-arrow::before {
  color: white !important;
}

.slide__content h2 , .slide__constrained h2 {
  color: #FFF;
  text-align: center;
  font-family: Noto Serif;
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 2rem;
}

.slide__content .slide__link, .slide__constrained .slide__link {
  text-align: center;
  margin-top: 3rem;
}

.slide__content .slide__link a, .slide__constrained .slide__link a {
  color: white;
  padding: 20px 35px;
  font-family: Open Sans;
  font-size: 22px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-radius: 10px;
  border: 3px solid #FFF;
  display: inline-block;
  transition: transform 0.3s ease;
}

.slick--skin--fullwidth .slide__title {
  text-transform: none !important;
  font-size: 45px;
  line-height: normal;
  padding-top: 1em;
}

.slide__content .slide__link a:hover ,
.slide__constrained .slide__link a:hover {
  transform: translateY(-5px);
}

.slide__constrained {
pointer-events: none;
display: block;
position: absolute;
top: 50px;
margin: auto;
width: 100%;
padding: 0px 10px;
}

.slick--skin--fullwidth .slide__title {
    text-transform: none !important;
    font-size: 30px;
    line-height: normal;
    padding-top: 1em;
}


/* ______________________________________________ */

/* Pàgina de vista-estudis */

.select2-results {
  font-size: 12px !important;
}

/* canvis Nora mida text */

.text_cerca {
  color: #2D2D2D;
  text-align: center;
  font-family: Noto Serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.valor_cerca {
  color: #866D6D;
  text-align: center;
  font-family: Open Sans;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 2.5px;
}

.vista-estudis .view-header > p:nth-child(2) {
  text-align: center;
  margin-bottom: 3rem;
}


/* canvis Nora filtre ambients */

fieldset#edit-field-search-ambient--wrapper,
fieldset[id^="edit-field-search-ambient"] {
  float: none !important;
}

div#edit-field-search-ambient .form-checkboxes {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
  margin-top:2em;
}

/*---*/

#views-exposed-form-estudis-cercador-estudis-cerca,
#views-exposed-form-estudis-cercador-estudis-inici {
  display: flex;
  justify-content: center; 
}
#views-exposed-form-estudis-cercador-estudis-cerca.bef-exposed-form .select2-container,
#views-exposed-form-estudis-cercador-estudis-inici.bef-exposed-form .select2-container {
  width: auto !important;
}
#views-exposed-form-estudis-cercador-estudis-cerca.bef-exposed-form .select2-container {
  min-width: 125px;
}
#views-exposed-form-estudis-cercador-estudis-inici.bef-exposed-form .select2-container {
  min-width: 300px;
}
#views-exposed-form-estudis-cercador-estudis-cerca.bef-exposed-form .form-item-title-center .select2-container {
  min-width: 215px;
}
#views-exposed-form-estudis-cercador-estudis-inici.bef-exposed-form .form-item-title-center .select2-container {
  min-width: 310px;
}
#views-exposed-form-estudis-cercador-estudis-cerca.bef-exposed-form .form-item-field-paper-year .select2-container {
  min-width: 180px;
}

#views-exposed-form-estudis-cercador-estudis-cerca.bef-exposed-form .select2-selection,
#views-exposed-form-estudis-cercador-estudis-inici.bef-exposed-form .select2-selection {
  height: auto;
  border: 1px solid #ced4da;
}
#views-exposed-form-estudis-cercador-estudis-cerca.bef-exposed-form .select2-selection .select2-selection__rendered,
#views-exposed-form-estudis-cercador-estudis-inici.bef-exposed-form .select2-selection .select2-selection__rendered {
  padding-block: 0.25rem;
}
#views-exposed-form-estudis-cercador-estudis-cerca.bef-exposed-form .select2-selection .select2-selection__arrow,
#views-exposed-form-estudis-cercador-estudis-inici.bef-exposed-form .select2-selection .select2-selection__arrow {
  height: 100%;
}
#views-exposed-form-estudis-cercador-estudis-cerca.bef-exposed-form div[id^="edit-field-search-ambient"] .form-type-checkbox {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1rem;
}

#views-exposed-form-estudis-cercador-estudis-cerca.bef-exposed-form div[id^="edit-field-search-ambient"] .form-type-checkbox .filter-count {
  position: static;
  font-size: 23px;
  margin-bottom: 0;
  order: -1;
  text-align: center;
}

@media (max-width: 1024px) and (min-width: 769px) {
  #views-exposed-form-estudis-cercador-estudis-cerca.bef-exposed-form div[id^="edit-field-search-ambient"] .form-type-checkbox {
    display: inline-block !important;
    margin-bottom: 0.5rem;
    width: auto !important;
  }

  .js-form-type-checkbox.js-form-item-field-search-ambient-825 label,
  .js-form-type-checkbox.js-form-item-field-search-ambient-826 label,
  .js-form-type-checkbox.js-form-item-field-search-ambient-827 label,
  .js-form-type-checkbox.js-form-item-field-search-ambient-828 label,
  .js-form-type-checkbox.js-form-item-field-search-ambient-829 label,
  .js-form-type-checkbox.js-form-item-field-search-ambient-830 label,
  .js-form-type-checkbox.js-form-item-field-search-ambient-target-id-825 label,
  .js-form-type-checkbox.js-form-item-field-search-ambient-target-id-826 label,
  .js-form-type-checkbox.js-form-item-field-search-ambient-target-id-827 label,
  .js-form-type-checkbox.js-form-item-field-search-ambient-target-id-828 label,
  .js-form-type-checkbox.js-form-item-field-search-ambient-target-id-829 label,
  .js-form-type-checkbox.js-form-item-field-search-ambient-target-id-830 label {
    min-width: auto !important;
    width: auto !important;
    justify-content: flex-start !important;
    white-space: nowrap !important;
    text-align: left !important;
  }

  #views-exposed-form-estudis-cercador-estudis-cerca.bef-exposed-form div[id^="edit-field-search-ambient"] .form-type-checkbox label .filter-count {
    order: 0 !important;
    margin-left: 0.5rem !important;
    margin-bottom: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-align: right !important;
  }

  .vista-estudis .view-header > p:nth-child(2) {
    margin-bottom: 1.5rem !important;
  }
}


#views-exposed-form-estudis-cercador-estudis-inici.bef-exposed-form .form--inline .form-actions,
#views-exposed-form-estudis-cercador-estudis-cerca.bef-exposed-form .form--inline .form-actions {
  clear: none;
  float: left;
}

.js-form-type-checkbox.js-form-item-field-search-ambient-825 label::before,
.js-form-type-checkbox.js-form-item-field-search-ambient-826 label::before,
.js-form-type-checkbox.js-form-item-field-search-ambient-827 label::before,
.js-form-type-checkbox.js-form-item-field-search-ambient-828 label::before,
.js-form-type-checkbox.js-form-item-field-search-ambient-829 label::before,
.js-form-type-checkbox.js-form-item-field-search-ambient-830 label::before,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-825 label::before,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-826 label::before,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-827 label::before,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-828 label::before,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-829 label::before,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-830 label::before {
  content: "";
  width: 34px;
  height: 34px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0.5rem;
  flex-shrink: 0;
}

.js-form-type-checkbox.js-form-item-field-search-ambient-825 label::before {background-image: url(../img/forestal.png);}
.js-form-type-checkbox.js-form-item-field-search-ambient-826 label::before {background-image: url(../img/agricola.png);}
.js-form-type-checkbox.js-form-item-field-search-ambient-827 label::before {background-image: url(../img/urba.png);}
.js-form-type-checkbox.js-form-item-field-search-ambient-828 label::before {background-image: url(../img/aigues.png);}
.js-form-type-checkbox.js-form-item-field-search-ambient-829 label::before {background-image: url(../img/litoral.png);}
.js-form-type-checkbox.js-form-item-field-search-ambient-830 label::before {background-image: url(../img/muntanya.png);}
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-825 label::before {background-image: url(../img/forestal.png);}
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-826 label::before {background-image: url(../img/agricola.png);}
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-827 label::before {background-image: url(../img/urba.png);}
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-828 label::before {background-image: url(../img/aigues.png);}
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-829 label::before {background-image: url(../img/litoral.png);}
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-830 label::before {background-image: url(../img/muntanya.png);}

/*canvi Nora ample selectors*/

.js-form-type-checkbox.js-form-item-field-search-ambient-825,
.js-form-type-checkbox.js-form-item-field-search-ambient-826,
.js-form-type-checkbox.js-form-item-field-search-ambient-827,
.js-form-type-checkbox.js-form-item-field-search-ambient-828,
.js-form-type-checkbox.js-form-item-field-search-ambient-829,
.js-form-type-checkbox.js-form-item-field-search-ambient-830,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-825,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-826,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-827,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-828,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-829,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-830 {
  display: flex;
  margin: 0px 3px;
  align-items: center;
}

/*----*/

.js-form-type-checkbox.js-form-item-field-search-ambient-825 input,
.js-form-type-checkbox.js-form-item-field-search-ambient-826 input,
.js-form-type-checkbox.js-form-item-field-search-ambient-827 input,
.js-form-type-checkbox.js-form-item-field-search-ambient-828 input,
.js-form-type-checkbox.js-form-item-field-search-ambient-829 input,
.js-form-type-checkbox.js-form-item-field-search-ambient-830 input,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-825 input,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-826 input,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-827 input,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-828 input,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-829 input,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-830 input {
  display: none;
}

/* canvi nora botó */

.js-form-type-checkbox.js-form-item-field-search-ambient-825 label,
.js-form-type-checkbox.js-form-item-field-search-ambient-826 label,
.js-form-type-checkbox.js-form-item-field-search-ambient-827 label,
.js-form-type-checkbox.js-form-item-field-search-ambient-828 label,
.js-form-type-checkbox.js-form-item-field-search-ambient-829 label,
.js-form-type-checkbox.js-form-item-field-search-ambient-830 label,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-825 label,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-826 label,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-827 label,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-828 label,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-829 label,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-830 label {
  border-radius: 25px;
  background: rgba(255, 255, 255, 0.80);
  padding: 0.5rem 1rem;
  color: #4D4D4D;
  text-align: center;
  font-family: Open Sans;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin-top:1em;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*---*/

.js-form-type-checkbox.js-form-item-field-search-ambient-825 label:hover,
.js-form-type-checkbox.js-form-item-field-search-ambient-826 label:hover,
.js-form-type-checkbox.js-form-item-field-search-ambient-827 label:hover,
.js-form-type-checkbox.js-form-item-field-search-ambient-828 label:hover,
.js-form-type-checkbox.js-form-item-field-search-ambient-829 label:hover,
.js-form-type-checkbox.js-form-item-field-search-ambient-830 label:hover,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-825 label:hover,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-826 label:hover,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-827 label:hover,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-828 label:hover,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-829 label:hover,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-830 label:hover {
  background-color: #2D2D2D;
  color: white;
  cursor: pointer;
}

.js-form-type-checkbox.js-form-item-field-search-ambient-825.highlight label,
.js-form-type-checkbox.js-form-item-field-search-ambient-826.highlight label,
.js-form-type-checkbox.js-form-item-field-search-ambient-827.highlight label,
.js-form-type-checkbox.js-form-item-field-search-ambient-828.highlight label,
.js-form-type-checkbox.js-form-item-field-search-ambient-829.highlight label,
.js-form-type-checkbox.js-form-item-field-search-ambient-830.highlight label,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-825.highlight label,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-826.highlight label,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-827.highlight label,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-828.highlight label,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-829.highlight label,
.js-form-type-checkbox.js-form-item-field-search-ambient-target-id-830.highlight label {
  background-color: #8D8D8D;
  color: white;
}


/*canvi nora Botó lupa*/

.vista-estudis .form-actions .js-form-submit.btn-primary {
  background-image: url(../img/icons/search.png);
  background-size: 20px;
  background-position: center;
  display: inline-block;
  background-repeat: no-repeat;
  background-color: white;
  border:none;
  margin-top: -3px;
}

/*---canvis formulari sota de les icones---*/
.view-display-id-estudis_inici .form-item-search-api-fulltext,
.view-display-id-estudis_inici .form-item-title-center,
.view-display-id-estudis_inici .form-item-field-pmtc-paper-type {
  width: 31.2%;
}

.view-display-id-estudis_inici input.form-text {
  font-size: 1em;
  padding: 0.65em 0.5em;
  width: 100%;
}

.view-display-id-estudis_cerca input.form-text {
  font-size: 1em;
  padding: 0.65em 0.5em;
  width: 200px;
}

.view-display-id-estudis_inici .form--inline > .form-item,
.view-display-id-estudis_cerca .form--inline > .form-item {
  font-size: 0.8em;
}

.view-display-id-estudis_inici .form-item > select,
.view-display-id-estudis_cerca .form-item > select {
  font-size: 1em!important;
  padding-top: 0.7em!important;
  padding-bottom: 0.7em!important;
}

.view-display-id-estudis_inici select,
.view-display-id-estudis_cerca select {
  font-size: 1em;
  padding-top: 0.7em!important;
  padding-bottom: 0.7em!important;
}

/* _______________________________________________ */

/* Pàgina Arxiu */

.path-taxonomy .view-content {
  display: grid;
  max-width: 1024px;
  grid-template-columns: auto auto auto;
  justify-content: center;	
} 

.path-taxonomy .node--type-pmtc-paper.node--view-mode-teaser.ds-1col.clearfix {
  background-color: white;
  padding: 0px 10px;
  border-radius: 5px;
} 

.path-taxonomy div.vocabulary-pmtc-ambient > .content {
  padding: 10px 0px;
} 

.path-taxonomy .field1rem.field--name-node-title.field--type-ds.field--label-hidden.field__item h2 a {
  font-size: 18px;
} 

.path-taxonomy .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h2 a {
  color: #4D4D4D;
  text-decoration: none;
} 

.path-taxonomy .field__item {
  margin-left: 10px;
}

/* _______________________________________________ */

/* Pagina 404*/
.divPrincipal-pagina-error {
  display: grid;
  justify-content: center;
}

.divPrincipal-pagina-error p {
  color: #4D4D4D;
  text-align: center;
  font-family: Open Sans;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 2rem;
}

.divLinks-pagina-error {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  padding-top: 2em;
  padding-bottom: 4em;
}

.divLinks-pagina-error > a {
  background: #4D4D4D;
  text-decoration: none;
  text-transform: uppercase;
  color: #FFFFFF;
  text-align: center;
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 5px;
  padding: 10px 20px;
}

.divLinks-pagina-error > a:hover {
  color: var(--bs-btn-hover-color);
  background-color: #ADA091;
}

/* Centrar formulari de contacte */
#block-formulariweb,
#block-formulariweb-2 {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: block !important;
  width: 100% !important;
}

/* Ajustar amplada dels camps del formulari */
#block-formulariweb form,
#block-formulariweb-2 form {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

#block-formulariweb .form-item,
#block-formulariweb-2 .form-item {
  flex: 1 1 100%;
  margin: 0;
}

#block-formulariweb .form-control,
#block-formulariweb-2 .form-control {
  width: 100%;
  box-sizing: border-box;
}

/* Camps més petits en línia (Nom, Entitat, Email, Telèfon) */
#block-formulariweb .form-item-nom,
#block-formulariweb .form-item-entitat,
#block-formulariweb .form-item-correu-electronic,
#block-formulariweb .form-item-telefon-de-contacte,
#block-formulariweb-2 .form-item-nom,
#block-formulariweb-2 .form-item-entitat,
#block-formulariweb-2 .form-item-correu-electronic,
#block-formulariweb-2 .form-item-telefon-de-contacte {
  flex: 1 1 calc(50% - 0.5rem);
}

/* Els actions també ocupen tot l'ample */
#block-formulariweb .form-actions,
#block-formulariweb-2 .form-actions {
  flex: 1 1 100%;
}

/* INICI RESPONSIVE */

@media (max-width: 1000px) {
  .jcarousel-control-next,
  .jcarousel-control-prev,
  #block-twitterblock {
    display: none !important;
  }

  .path-frontpage #block-introduccio,
  .path-frontpage #block-introduccio-3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .path-frontpage #block-introduccio iframe,
  .path-frontpage #block-introduccio-3 iframe {
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
  }

  .div-icons-introduccio {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: 0;
  }

  .div-icons-introduccio br {
    display: none;
  }

  .div-icons-introduccio a {
    font-size: 16px;
    line-height: 22px;
  }

  .path-frontpage .vista-estudis .views-view-grid {
    margin-top: 2rem;
  }
  .path-frontpage a.nav-link {color: black;}

  .navbar-nav.justify-content-end.flex-wrap.nav-level-0 li:last-child {
    margin-bottom: 5rem;
  }

  .view-experiencies .views-view-grid {
    grid-template-columns: 1fr;
  }

  /* Comentat perquè ara usem flexbox amb centrat */
  /*.bloc-experienciesrelacionades .views-view-grid {
    grid-template-columns: 1fr;
  }*/

  .view-experiencies .views-view-grid > .divexperiencia {
    width: 100%;
    margin-bottom: 1rem;
  }

  /* Comentat perquè ara usem flexbox amb centrat - ja està controlat per la regla responsive */
  /*.bloc-experienciesrelacionades .views-view-grid > .divexperiencia {
    width: 100%;
    margin-bottom: 1rem;
  }*/

  .view-experiencies .views-view-grid > .divexperiencia:first-child {
    grid-column: 1;
  }

  /* Comentat perquè ara usem flexbox amb centrat */
  /*.bloc-experienciesrelacionades .views-view-grid > .divexperiencia:first-child {
    grid-column: 1;
  }*/

  /* Comunitat */
  .bloc-comunitat .view-content .views-view-grid.horizontal.cols-1.clearfix {
    grid-template-columns: repeat(3, 1fr) !important;
    grid-gap: 20px !important;
  }

  /* Pagina Qui som*/
  .container-images {
    display: grid;
    justify-items: center;
    grid-template-columns: auto;
    width: 70%;
  }

  /* Camp field-pmtc-text-date en tablet */
  .node--type-pmtc-esdeveniment.node--view-mode-full .field--name-field-field-pmtc-text-date {
    padding: 1rem;
  }

  .node--type-pmtc-esdeveniment.node--view-mode-full .field--name-field-field-pmtc-text-date::before {
    font-size: 40px;
  }

  .node--type-pmtc-esdeveniment.node--view-mode-full .field--name-field-field-pmtc-text-date {
    font-size: 20px;
  }
}

@media (max-width: 768px) {
/* Inici Responsive Home */
  .path-frontpage .esdeveniments-home .views-col {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .path-frontpage .esdeveniments-home .views-field-field-pmtc-event-data .field-content {
    width: 280px !important;
    justify-content: center;
  }

  /* Inici Pàgina Estudis Single */
  .page-node-type-pmtc-paper .node--type-pmtc-paper {
    display: flex;
    flex-direction: column-reverse;
  }

  .page-node-type-pmtc-paper .node--type-pmtc-paper.node--view-mode-teaser {
    flex-direction: column !important;
  }

  .page-node-type-pmtc-paper .node--type-pmtc-paper .group-left,
  .page-node-type-pmtc-paper .node--type-pmtc-paper .group-right {
    width: 100% !important;
  }
  .page-node-type-pmtc-paper .vista-estudis .views-col {
    width: 297px !important;
    background-color: white;
    margin: 0;
    margin-bottom: 2rem;
  }
  .page-node-type-pmtc-paper .views-row.clearfix.row-1 {
    display: grid;
    justify-items: center;
  }

  /* Inici Experiència Single */
  .page-node-type-article .group-right,
  .page-node-type-article .group-left {
      width: 100% !important;
  }


  /*Responsive > Pàgina Agenda i Cafes*/
  .path-frontpage .node--type-pmtc-esdeveniment .group-left,
  .path-esdeveniments .node--type-pmtc-esdeveniment .group-left,
  .path-cafes-prismatic .node--type-pmtc-esdeveniment .group-left,
  .path-esdeveniments .node--type-pmtc-esdeveniment .group-middle,
  .path-cafes-prismatic .node--type-pmtc-esdeveniment .group-middle,
  .path-frontpage .node--type-pmtc-esdeveniment .group-right,
  .path-esdeveniments .node--type-pmtc-esdeveniment .group-right,
  .path-cafes-prismatic .node--type-pmtc-esdeveniment .group-right {
      width: 100%;
      gap: 10px
  }

  .path-frontpage .esdeveniments-home .group-middle,
  .path-esdeveniments .node--type-pmtc-esdeveniment .group-middle,
  .path-cafes-prismatic .node--type-pmtc-esdeveniment .group-middle {
    flex-direction: column;
    align-items: flex-start;
  }

  /* Inici Esdeveniments Single */
  .page-node-type-pmtc-esdeveniment .group-left,
  .page-node-type-pmtc-esdeveniment .group-right {
    width: 100% !important;
  }
  .node--type-pmtc-esdeveniment h2 {
    margin-left: 0;
  }
  .node--type-pmtc-esdeveniment .field--name-node-title {
    width: 100%;
    display: flex;
    margin-bottom: 2rem;
  }

  /* Comunitat */
  .bloc-comunitat .view-content .views-view-grid.horizontal.cols-1.clearfix {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-gap: 20px !important;
  }

  /* Estudis relacionats en móvil */
  .block-views-blockestudis-cercador-block-estudisrelacionats .vista-estudis .views-col {
    width: 100% !important;
    margin: 0 0 1rem 0 !important;
  }

  /* Experiències relacionades en móvil */
  .block-views-blockexperiencies-index-experiencies--block-experienciesrelacionades .views-view-grid > .divexperiencia {
    width: 100% !important;
    margin: 0 0 1rem 0 !important;
  }

  /* Formulari de contacte en móvil - tots els camps al 100% */
  #block-formulariweb .form-item-nom,
  #block-formulariweb .form-item-entitat,
  #block-formulariweb .form-item-correu-electronic,
  #block-formulariweb .form-item-telefon-de-contacte,
  #block-formulariweb-2 .form-item-nom,
  #block-formulariweb-2 .form-item-entitat,
  #block-formulariweb-2 .form-item-correu-electronic,
  #block-formulariweb-2 .form-item-telefon-de-contacte {
    flex: 1 1 100%;
  }

  /* Reduir marge superior dels camps després de la imatge en móvil */
  .node--type-pmtc-paper.node--view-mode-full .group-right .field--name-field-paper-year,
  .node--type-pmtc-paper.node--view-mode-full .group-right .field--name-field-management-area {
    margin-top: 1rem;
  }
}

@media (max-width: 425px) {
  header .navbar-brand, header region-nav-branding {width: 80%;}
  header .navbar-brand img, header .region-nav-branding img {
    margin: 0;
    height: auto;
    width: 100%;
  }
  .region-nav-branding, .region-nav-additional {
    flex-shrink: 1;
    width: 80%;
  }
  .path-frontpage .region-breadcrumb {top: -60px;}

  .slick--view--sliders nav,
  div#edit-field-search-ambient .form-checkboxes,
  .path-frontpage .view-filters .form-item-title-center,
  .path-frontpage .view-filters .form-item-field-pmtc-paper-type {display: none !important;}

  #views-exposed-form-estudis-cercador-estudis-cerca.bef-exposed-form div[id^="edit-field-search-ambient"] .form-type-checkbox {
    margin-bottom: 0.5rem;
  }

  .js-form-type-checkbox.js-form-item-field-search-ambient-825 label,
  .js-form-type-checkbox.js-form-item-field-search-ambient-826 label,
  .js-form-type-checkbox.js-form-item-field-search-ambient-827 label,
  .js-form-type-checkbox.js-form-item-field-search-ambient-828 label,
  .js-form-type-checkbox.js-form-item-field-search-ambient-829 label,
  .js-form-type-checkbox.js-form-item-field-search-ambient-830 label,
  .js-form-type-checkbox.js-form-item-field-search-ambient-target-id-825 label,
  .js-form-type-checkbox.js-form-item-field-search-ambient-target-id-826 label,
  .js-form-type-checkbox.js-form-item-field-search-ambient-target-id-827 label,
  .js-form-type-checkbox.js-form-item-field-search-ambient-target-id-828 label,
  .js-form-type-checkbox.js-form-item-field-search-ambient-target-id-829 label,
  .js-form-type-checkbox.js-form-item-field-search-ambient-target-id-830 label {
    min-width: 320px;
    justify-content: flex-start;
    white-space: nowrap;
  }

  #views-exposed-form-estudis-cercador-estudis-cerca.bef-exposed-form div[id^="edit-field-search-ambient"] .form-type-checkbox label .filter-count {
    order: 0;
    margin-left: 0.5rem;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 600;
    text-align: right;
  }

  .slick--skin--fullwidth .slide__title {
    font-size: 25px;
  }

  .slide__content .slide__link a, .slide__constrained .slide__link a {
    color: white;
    padding: 20px 35px;
    font-family: Open Sans;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    border-radius: 10px;
    border: 2px solid #FFF;
    display: inline-block;
    transition: transform 0.3s ease;
  }

  nav#block-peu,
  .path-frontpage .esdeveniments-home .group-middle 
  {display:none !important;}

  footer .container {grid-template-columns: none;}

  .div-icons-introduccio {
    grid-template-columns: 1fr;
    justify-content: center;
    gap: 1rem;
    margin-top: 0;
  }

  .path-frontpage .view-experiencies .views-view-grid {
    grid-template-columns: none;
  }

  /* Comentat perquè ara usem flexbox amb centrat */
  /*.bloc-experienciesrelacionades .views-view-grid {
    grid-template-columns: none;
  }*/

  /* Comunitat */
  .bloc-comunitat .view-content .views-view-grid.horizontal.cols-1.clearfix {
    display: grid !important;
    grid-template-columns: repeat(1, 1fr) !important;
    grid-gap: 20px !important;
    margin: 0 10% !important;
  }

  .page-node-type-pmtc-center .group-left {
    margin: 0px;
    width: auto;
  }

  .page-node-type-pmtc-center .group-right {
    margin-top: 1.5rem; 
    width:100%;
  }

  .page-node-type-pmtc-center .group-left,
  .page-node-type-pmtc-center .group-right {
    width: auto !important;
  }


  /* Estudis */
  .vista-estudis .views-col,
  .view-taxonomy-term .views-row {
    margin: 1%;
    background-color: white;
    height: auto;
    width:100%;
  }

  .path-frontpage .vista-estudis .view-filters {
    background: #F3EBE6;
    padding: 0;
    margin: auto;
    position: relative;
    left: 0;
    width: 100%;
    display: block;
  }
  .path-frontpage .vista-estudis .views-view-grid {
    margin-top: 1rem;
  }

  .path-frontpage .form-item-search-api-fulltext {
    width: 80%;
  }

  .view-display-id-estudis_inici .form--inline > .form-item, .view-display-id-estudis_cerca .form--inline > .form-item {
    font-size: 0.8em;
    width: 100%;
  }

  .view-display-id-estudis_cerca input.form-text {
    font-size: 1em;
    padding: 0.65em 0.5em;
    width: 100%;
  }

  #views-exposed-form-estudis-cercador-estudis-cerca.bef-exposed-form .form-item-title-center .select2-container,
  #views-exposed-form-estudis-cercador-estudis-inici.bef-exposed-form .form-item-title-center .select2-container {
    min-width: 100%;
  }

  #views-exposed-form-estudis-cercador-estudis-cerca.bef-exposed-form .select2-container,
  #views-exposed-form-estudis-cercador-estudis-inici.bef-exposed-form .select2-container {
    width: auto !important;
    min-width: 100%;
  }

  #views-exposed-form-estudis-cercador-estudis-inici.bef-exposed-form .form--inline .form-actions,
  #views-exposed-form-estudis-cercador-estudis-cerca.bef-exposed-form .form--inline .form-actions {
    clear: none;
    float: right;
  }

  .view-display-id-estudis_inici .form--inline > .form-item, .view-display-id-estudis_cerca .form--inline > .form-item span {
    width: 100% !important; 
  }

  .view-estudis-cercador #views-exposed-form-estudis-cercador-estudis-cerca.bef-exposed-form .form-item-field-paper-year .select2-container {
    min-width: 100%;
  }

  .node.node--type-pmtc-center.node--view-mode-full.ds-2col-fluid.clearfix {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .ds-2col-fluid > .group-left,
  .ds-2col-fluid > .group-right {
    float: none;
    width: auto;
  }

  .path-taxonomy .view-content {
    display:block !important;
  }

  #block-formulariweb,
  #block-formulariweb-2 {
    width:100%;
  }
}


#edit-field-search-ambit--description, #edit-field-pmtc-paper-type--description{
  display:none;
}
/* ---------------- */