@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");

body {
  font-family: "Roboto", sans-serif !important;
}

/* Efecte transition enllaços */
p a,
li a {
  text-decoration: none;
  position: relative;
}
.page-node-type-article div a,
.page-node-type-article p a,
.page-view-taxonomy-term p a {
  /* display: inline-block; */
}
.group-bib-biblioteques.field-group-htabs.field-group-tabs-wrapper li a::before,
.group-col-esp-colleccio-x.field-group-htabs.field-group-tabs-wrapper li a::before {
  background-color: transparent !important;
}
a:hover {
  cursor:pointer;
}
.navbar li a {
  text-decoration: none;
}
/* Campanyes Difusió */

.field--name-field-apadrina-slideshow img {
  width: 500px !important;
  height: 380px !important;
  object-fit: contain;
}
@media only screen and (max-width: 480px) {
  .field--name-field-apadrina-slideshow img {
    width: 100% !important;
    height: 100% !important;
  }
  .field--name-field-actuacions-restauracio p,
  .field--name-field-campdifusio-descripcio p {
    margin-left: 0px !important;
  }
  .block-page-title-block h1 {
    height: auto !important;
    padding: 20px;
  }
}

.llista-sense-estil {
  list-style: none !important;
}
.view-campanyes-de-difusio .views-row .views-field-nothing img {
  max-width: 150px !important;
  height: 140px !important;
  object-fit: cover !important;
}
#edit-submit-campanyes-de-difusio {
  margin-left: 90px !important;
}
.view-campanyes-de-difusio
  .views-row
  .views-field-nothing-1
  .views-field-title
  a {
  font-weight: 700 !important;
}
.view-campanyes-de-difusio .views-row .views-field-nothing-1 .views-field-url-cataleg .field__label,
.view-campanyes-de-difusio .views-row .views-field-nothing-1 .views-field-objectius .field__label {
  font-weight: 700 !important;
  margin-top: 10px !important;
  color: #00404e !important;
  border-bottom: 2px solid #00404e;
  text-transform: uppercase !important;
  font-size: 14px !important;
}
.view-campanyes-de-difusio .views-row .views-field-nothing-1 .views-field-url-cataleg .field__label {
  margin-bottom: 10px;
}
.field--name-field-campdifusio-descripcio .field__item p {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-bottom:0 !important;
}
.views-field-recurs-formacio-enllac {
  margin-bottom: 50px;
}
#edit_field_campdifusio_any_target_id_chosen {
  border: none;
}

.view-campanyes-de-difusio .views-row .views-field-nothing-1 .views-field-objectius p {
  color: #00404e !important;
  margin-top: 10px !important;
  font-weight: 300 !important;
  /* font-size: 13px !important; */
  max-width: 95%;
}

/* Cursos Programats */
.view-calendari h2 {
  text-transform: uppercase !important;
  color: #00404e !important;
  font-weight: 700 !important;
}
.fc-toolbar.fc-header-toolbar {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.view-calendari .fc-left {
  order: 1;
}

.view-calendari .fc-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.view-calendari .fc-right {
  order: 3;
  margin-right: 260px;
}

/*.view-calendari .fc-left{
   margin-left: 400px !important;

}

.view-calendari .fc-right{
    margin-right: 400px !important;
 
 }*/
.view-calendari .fc-left button,
.view-calendari td,
.view-calendari tr,
.view-calendari .fc-right button {
  background-color: transparent !important;
  border: none !important;
  width: auto;
}
.view-calendari table,
.view-calendari td,
.view-calendari tr,
.view-calendari tr th,
th {
  background: transparent !important;
}
.view-calendari .fc-day-number {
  display: flex !important;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background: #99b3b8;
  color: white;
  width: 25px;
  height: 25px;
  border-radius: 8px;
  margin-top: 10px;
  margin-right: 10px;
}

/*.view-calendari td{
    border: 2px solid #00404e!important;
}*/
.view-calendari .fc-day-top {
  border-bottom: none !important;
}
.view-calendari thead tr {
  border-width: initial !important;
}
.view-calendari .fc-day {
  border: 2px solid #00404e !important;
}
.view-calendari .fc-body {
  border: 1px solid #00404e !important;
}
.view-calendari .fc-day-header .ui-widget-header {
  text-transform: uppercase;
}
.view-calendari tr {
  text-transform: uppercase;
  color: #00404e;
}
.fc-day-header {
  color: #00404e;
}
.view-calendari .fc-disabled-day {
  background-color: #ededed !important;
}
.view-calendari .fc-head-container .ui-widget-header {
  padding-bottom: 5px !important;
}

.view-calendari .fc-prev-button .ui-icon,
.view-calendari .fc-next-button .ui-icon {
  display: none;
}
.fc-prev-button::before {
  content: "\f100";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 25px;
  color: #00404e;
}
.fc-next-button::before {
  content: "\f101";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 25px;
  color: #00404e;
}
#views-exposed-form-cursos-de-formacio-programats-page-1 .row {
  width: 48%;
  margin-top: 70px !important;
  margin-left: 0px;
}
#views-exposed-form-cursos-de-formacio-programats-page-1 label {
  white-space: nowrap !important;
}
.view-cursos-de-formacio-programats .view-header {
  padding: 0px;
}
#views-exposed-form-cursos-de-formacio-programats-page-1 button {
  margin-left: -120px;
}
#views-exposed-form-cursos-de-formacio-programats-page-1 select {
  margin-right: 25px;
}

.view-cursos-de-formacio-programats .views-row {
  display: flex;
  margin-bottom: 100px;
  margin-top: 50px;
  font-size: 14px;
  color: #00404e;
  gap: 285px;
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: 5px;
  justify-content: flex-start;
}
.view-cursos-de-formacio-programats .views-row a {
  font-size: 14px !important;
}

.view-calendari .fc-day-grid-event {
  margin-top: 20px !important;
  background: white;
  color: #00404e;
  font-size: 10px;
  border: 1px solid #ccd9dc;
  border-radius: 10px;
  text-align: center;
  padding: 20px 5px;
  font-weight: 700;
}
.view-calendari .fc-day-grid-event:hover {
  background: #00404e;
  color: white;
}
.view-calendari .fc-day-grid-event.fc-event-past {
  background: #e8e8e8;
  color: #00404e;
}
.fc-day-grid-event .fc-content {
  white-space: pre-wrap !important;
}
.view-calendari .fc-event-container {
  padding: 0px 10px !important;
}
.view-cursos-de-formacio-programats button {
  /* margin-left: -140px !important; */
  margin-top: 0 !important;
}

@media (max-width: 600px) {
  body {
    font-family: "Roboto", sans-serif !important;
    color: #00404e !important;
  }

  .view-calendari .fc-day-grid-event {
    margin: 0 auto !important;
    padding: 0 !important;
    width: 15px !important;
    height: 15px;
    overflow: hidden;
    background-color: #00404e;
  }

  .view-calendari .fc-day-number {
    display: flex !important;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background: #99b3b8;
    color: white;
    width: 18px;
    height: 18px;
    border-radius: 8px;
    margin-top: 10px;
    margin-right: 5px;
  }

  #views-exposed-form-cursos-de-formacio-programats-page-1 .row {
    width: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center;

    margin-top: 70px !important;
  }
  #views-exposed-form-cursos-de-formacio-programats-page-1 .js-form-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #views-exposed-form-cursos-de-formacio-programats-page-1 select {
    margin-top: 10px;
  }
  #views-exposed-form-cursos-de-formacio-programats-page-1 input {
    margin-top: 10px;
    width: inherit !important;
  }
  #views-exposed-form-cursos-de-formacio-programats-page-1 button {
    margin-left: 0 !important;
    margin-top: 0 !important;

    width: inherit;
  }

  /* .view-calendari .fc-left{
        margin-left: 50px!important;
     
     }
     
     .view-calendari .fc-right{
         margin-right: 50px!important;
      
      }
*/

  .fc-toolbar.fc-header-toolbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }

  .fc-left {
    order: 1;
    width: 25%;
    display: flex;
    justify-content: center;
  }

  .fc-center {
    order: 2;
    width: 50%;
    display: flex;
    justify-content: center;
    position: relative;
  }

  .fc-right {
    order: 3;

    margin-right: 14% !important;

    width: 25%;
    display: flex;
    justify-content: flex-end;
  }
}

/*Biblioteques i horaris*/

.views-field-field-bib-imatge img {
  width: 100% !important;
  height: 100% !important;
}
.view.view-biblioteques-del-crai .view-content .views-row {
  margin-bottom: 25px !important;
}
.view-display-id-block_2 .views-field-field-bib-imatge {
  height: 220px;
  overflow: hidden;
  position: relative;
  padding: 0 !important;
}
.view-biblioteques-del-crai.view-display-id-page_2 .view-content.row,
.view-biblioteques-del-crai.biblioteques-grid .view-content.row {
  display: flex;
  flex-wrap: wrap !important;
  margin: 0 !important;
  gap:10px 40px;
}
.view-biblioteques-del-crai.biblioteques-grid .views-field-title {
  font-size: 20px;
  font-weight: 700;
  margin-top: 10px;
  padding: 10px 25px;
}
.view-biblioteques-del-crai.biblioteques-list .view-footer .view-row,
.view-biblioteques-del-crai.biblioteques-grid .view-footer .view-row,
.view-biblioteques-del-crai.view-display-id-page_2 .views-row,
.view-biblioteques-del-crai.biblioteques-grid .views-row {
  padding: 0;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
  width: 31%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.view-biblioteques-del-crai.biblioteques-list .view-footer .view-row,
.view-biblioteques-del-crai.biblioteques-grid .view-footer .view-row {
  padding:25px;
  width: 100%;
  margin-top: 60px;
}
.view-biblioteques-del-crai.biblioteques-list .view-footer .view-row.tancament,
.view-biblioteques-del-crai.biblioteques-grid .view-footer .view-row.tancament {
  padding:25px;
  width: 100%;
  margin-top: 30px;
  background:#e5eced;
}
@media (max-width: 600px) {
  .view-biblioteques-del-crai.view-display-id-page_2 .view-content,
  .view-biblioteques-del-crai.biblioteques-grid .view-content {
    padding: 0 !important;
    /*  box-shadow: 0 0 4px rgba(0,0,0,.15);*/
    margin: 0 1%;
    width: 100%;
    gap: 25px;
  }
  .view-biblioteques-del-crai.view-display-id-page_2 .views-row,
  .view-biblioteques-del-crai.biblioteques-grid .views-row {
    width: 100% !important;
  }
}

/* About-crai    crai-units */

.views-field-field-bib-imatge img {
  width: 100% !important;
  height: 100% !important;
}
.view-display-id-page_2 .views-field-field-bib-imatge {
  height: 220px;
  overflow: hidden;
  position: relative;
  padding: 0 !important;
}

.view-biblioteques-del-crai.view-display-id-page_2 .views-field-title {
  font-size: 20px;
  font-weight: 700;
  margin-top: 10px;
  padding: 10px 25px;
}

.view-biblioteques-del-crai .views-field-field-bib-direccio::before {
  content: "";
  background-image: url(../assets/map-pin.svg);
  background-size: 22px 22px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 25px;
  height: 25px;
  color: #b4b4b4;
  margin-right: 10px;
}

.view-biblioteques-del-crai.view-display-id-page_2
  .views-field-field-bib-direccio {
  padding: 10px 25px;
  display: flex;
  font-weight: 700;
  color: #00404e;
}
.view-biblioteques-del-crai.view-display-id-page_2 {
  margin-bottom: 50px;
  margin-top: 100px;
}
.views-row .views-field-field-bib-cp,
.views-row .views-field-field-bib-ciutat {
  display: inline-block;
  white-space: nowrap;
  font-weight: 700;
  color: #00404e;
}
.views-row .views-field-field-bib-ciutat {
  padding-left: 60px;
}
.views-row .views-field-field-bib-cp {
  padding-left: 60px;
  padding-right: 10px;
  font-weight: 700;
  color: #00404e;
}
.views-row .views-field-field-bib-telefon {
  padding: 10px 25px;
  display: flex;
  font-weight: 700;
  color: #00404e;
}
.views-row .views-field-field-bib-mail {
  padding: 10px 25px;
  display: flex;
  margin-bottom: 70px;
  font-weight: 700;
  color: #00404e;
}
.views-row .views-field-field-bib-telefon::before {
  content: "";
  background-image: url(../assets/phone.svg);
  background-size: 22px 22px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 25px;
  height: 25px;
  color: #b4b4b4;
  margin-right: 10px;
}
.views-row .views-field-field-bib-mail::before {
  content: "";
  background-image: url(../assets/mail.svg);
  background-size: 22px 22px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 25px;
  height: 25px;
  color: #b4b4b4;
  margin-right: 10px;
}
.view.view-biblioteques-del-crai .view-content .views-row {
  position: relative;
}

@media (max-width: 600px) {
  body {
    font-family: "Roboto", sans-serif !important;
    color: #00404e !important;
  }

  .view-biblioteques-del-crai.view-display-id-page_2 .view-content {
    padding: 0 !important;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    margin: 0 1%;
    width: 100%;
  }
}

/* Formació d'usuaris */

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

.text-formacio {
  width: 30%;
  color: #00404e;
}
#subtitol2-formacio {
  text-transform: uppercase;
  background-color: #00404e;
  color: white !important;
  font-weight: 400 !important;
  padding: 10px;
}
#subtitol2-formacio a {
  text-transform: uppercase;
  background-color: #00404e;
  color: white !important;
  padding: 10px;
}

/* Formació Usuaris */

#subtitol-formacio {
  font-weight: bold !important;
  color: #00404e;
  margin-bottom: -30px;
  font-size: 22px;
}
#subtitol-formacio-enllaç {
  font-weight: bold !important;
  color: #00404e;
  font-size: 22px;
  margin-bottom: 20px;
}
#text-subtitol-formacio {
  width: 44%;
  color: #00404e;
  margin-bottom: 15px;
}
.caixa-gris1 {
  margin-bottom: 35px;
}

#subtitol2-formacio-sense-fons {
  color: #00404e;

  border-left: 5px solid #00404e;
  padding: 6px 12px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
#subtitol2-formacio-sense-fons a {
  font-size: 18px;
  font-family: "Roboto", sans-serif !important;
}
.text-formacio-apartats ul {
  display: flex;
  flex-direction: row;
  margin-top: 35px;
  padding: 0;
  gap: 20px;
  white-space: nowrap;
}
.text-formacio-apartats ul li {
  list-style: none;
}
.text-formacio-apartats ul li a {
  background-color: #00404e;
  color: white !important;
  padding: 10px 15px;
  font-weight: 400;
}
.text-ample-auto {
  width: auto;
}
.caixa-gris2 {
  background-color: #bfcfd3;
  padding: 10px 0px 10px 10px;
}
.caixa-gris2 p,
#marc-gris p {
  margin: 0;
  padding: 0;
  color: black !important;
}
.caixa-gris2 a,
#marc-gris a {
  color: black !important;
}

#marc-gris {
  background-color: #bfcfd3;
  padding: 10px 0px 10px 10px;
  margin-bottom: 30px;
}

@media (max-width: 600px) {
  body {
    font-family: "Roboto", sans-serif !important;
    color: #00404e !important;
  }

  .flex-container {
    display: flex;
    flex-direction: column;
  }

  .text-formacio {
    width: 100%;
    color: #00404e;
    margin-bottom: 20px;
  }
  #subtitol2-formacio {
    text-transform: uppercase;
    background-color: #00404e;
    color: white !important;
    padding: 10px;
  }
  #subtitol2-formacio a {
    text-transform: uppercase;
    background-color: #00404e;
    color: white !important;
    padding: 10px;
  }

  /* Formació Usuaris */

  #subtitol-formacio {
    font-weight: bold !important;
    color: #00404e;
    margin-bottom: -30px;
    font-size: 22px;
  }
  #subtitol-formacio-enllaç {
    font-weight: bold !important;
    color: #00404e;
    font-size: 22px;
    margin-bottom: 20px;
  }
  #text-subtitol-formacio {
    width: 100%;
    color: #00404e;
    margin-bottom: 15px;
  }
  .caixa-gris1 {
    margin-bottom: 35px;
  }

  #subtitol2-formacio-sense-fons {
    color: #00404e !important;

    border-left: 5px solid #00404e;
    padding: 6px 12px;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  #subtitol2-formacio-sense-fons a {
    font-size: 18px;
    font-family: "Roboto", sans-serif !important;
  }
  .text-formacio-apartats ul {
    display: flex;
    flex-direction: column;
    margin-top: 35px;
    padding: 0;
    gap: 20px;
    white-space: nowrap;
  }
  .text-formacio-apartats ul li {
    list-style: none;
  }
  .text-formacio-apartats ul li a {
    background-color: #00404e;
    color: white;
    padding: 10px 15px;
    font-weight: 400;
  }
  .text-ample-auto {
    width: auto;
  }
  .caixa-gris2 {
    background-color: #bfcfd3;
    padding: 10px 0px 10px 10px;
  }
  .caixa-gris2 p,
  #marc-gris p {
    margin: 0;
    padding: 0;
    color: black !important;
  }
  .caixa-gris2 a,
  #marc-gris a {
    color: black !important;
  }

  #marc-gris {
    background-color: #bfcfd3;
    padding: 10px 0px 10px 10px;
  }
}

/* Factiva-26-de-gener */
p {
  font-family: "Roboto", sans-serif !important;
}
.field.field--name-field-curs-formacio-codi,
.field.field--name-field-data-curs-formacio,
.field.field--name-field-curs-formacio-horari,
.field.field--name-field-curs-formacio-biblioteca {
  display: inline-block;
  vertical-align: top;
  width: 23%;
  border-left: 5px solid #00404e;
  padding-left: 20px;
}
.field.field--name-field-curs-formacio-formador,
.field.field--name-field-curs-formacio-aula,
.field.field--name-field-curs-formacio-objectiu,
.field.field--name-field-curs-formacio-dirigit,
.field.field--name-field-curs-formacio-places,
.field.field--name-field-curs-formacio-objectiu,
.field.field--name-field-curs-formacio-llengua {
  border-left: 5px solid #00404e;
  padding-left: 20px;
}

.field.field--name-field-curs-formacio-formador .field__label,
.field.field--name-field-curs-formacio-codi .field__label,
.field.field--name-field-data-curs-formacio .field__label,
.field.field--name-field-curs-formacio-horari .field__label,
.field.field--name-field-curs-formacio-biblioteca .field__label,
.field.field--name-field-curs-formacio-aula .field__label,
.field.field--name-field-curs-formacio-objectiu .field__label,
.field.field--name-field-curs-formacio-dirigit .field__label,
.field.field--name-field-curs-formacio-places .field__label,
.field.field--name-field-curs-formacio-llengua .field__label {
  border: none !important;
  font-size: 16px;
}
.field.field--name-field-curs-formacio-dirigit .field__items {
  display: flex;
  flex-direction: column;
}
.field.field--name-field-curs-formacio-codi .field__item,
.field.field--name-field-data-curs-formacio .field__item,
.field.field--name-field-curs-formacio-horari .field__item,
.field.field--name-field-curs-formacio-biblioteca .field__item,
.field.field--name-field-curs-formacio-biblioteca .field__item a,
.field.field--name-field-curs-formacio-dirigit .field__items .field__item a {
  /* font-size: 14px; */
  background-color: transparent !important;
  color: #495c6d;
  padding: 0;
}

.field.field--name-field-curs-formacio-biblioteca .field__item a,
.field.field--name-field-curs-formacio-dirigit .field__items .field__item a {
  padding: 10px;
}

@media (max-width: 600px) {
  .field.field--name-field-curs-formacio-codi,
  .field.field--name-field-data-curs-formacio,
  .field.field--name-field-curs-formacio-horari,
  .field.field--name-field-curs-formacio-biblioteca {
    vertical-align: top;
    width: 100%;
    border-left: 5px solid #00404e;
    padding-left: 20px;
  }
}

/*Crai en xifres*/

.h3-crai-xifres {
  margin-top: 50px !important;
}
.taula-crai-xifres {
  margin: 0 auto !important;
  background-color: transparent !important;
  color: #00404e !important;
  border-collapse: collapse !important;
  width: 50% !important;
  margin-bottom: 40px !important;
}
.th-imatge-crai-xifres {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.taula-crai-xifres tr,
.taula-crai-xifres tr th {
  background-color: transparent !important;
  color: #00404e !important;
  text-align: center !important;
}
.taula-crai-xifres th,
.taula-crai-xifres td {
  border: 2px solid #00404e !important;
  padding: 10px !important;
  background-color: transparent !important;
}
.tr-imatge-crai-xifres .th-imatge-crai-xifres {
  border: none !important;
}
@media (max-width: 768px) {
  
  .taula-crai-xifres
  {
    width: 95%!important;
  }
  .taula-crai-xifres table{
    width: 95%!important;
  }

}
/*Carta de serveis*/

.accordion-button,
.accordion-item:first-of-type .accordion-button {
  color: #00404e;
  font-weight: 500;
  width: 100% !important;
  margin: 0 auto !important;
  border-radius: 0% !important;
}
.page-node-59917 .accordion-item .accordion-button {
  font-size: 20px !important;
}
.accordion-body,
.accordion-body,
.accordion-item {
  border: none !important;
  border-color: transparent !important;
}
.accordion-button.collapse,
.accordion-button.collapsed {
  border-bottom: none;
}
.accordion-button:not(.collapsed) {
  color: #00404e !important;
  background-color: transparent !important;
}
.accordion-item:last-child .accordion-button {
  border-bottom: 2px solid #00404e !important;
}
.accordion-button:not(.collapsed)::after {
  filter: grayscale(100%) brightness(0%);
}

.container-botons {
  margin-top: 50px !important;
}

/* Blogs i xarxes socials */

.icones-xarxes-blog {
  display: flex;
}
.icones-xarxes-blog img {
  height: 50px;
  width: 50px;
}
.icones-xarxes-blog .align-center {
  margin-right: 0;
  margin-left: 0;
}

/* Apadrina un document */

.container-botons-apadrina {
  margin: 40px 0;
}

/* Relació de donants*/

.imatge-subtitol-donants {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  align-items: flex-start;
  margin-left: -330px;
  margin-top: -100px;
}
@media only screen and (max-width: 480px) {
  .imatge-subtitol-donants {
    margin-left: 0px !important;
    margin-top: 0px !important;
  }
}

.alfabetic-donants {
  display: flex;
  /* list-style: none; */
  align-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: space-between;
}

#menu-crai-donants {
  display: flex;
  list-style: none !important;
  justify-content: space-between;
}
#menu-crai-donants li {
  padding: 4px 10px;
  color: #00404e;
  border-left: 3px solid #00404e;
  position: relative;
  margin-left: 0 !important;
  height: 30px;
}
#capsa-menu-crai-donants {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  align-items: baseline;
  margin-bottom: 20px;
  margin-top: 50px;
}
@media only screen and (max-width: 480px) {
  #capsa-menu-crai-donants {
    margin-left: 10px !important;
    flex-direction: column!important;
  }
  #menu-crai-donants {
    
   display: flex!important;
   flex-wrap: wrap!important;
   padding: 0!important;
   justify-content: flex-start!important;
  }
  .container-taula-crai-donants-interior{
    margin-left: 0px!important;
  }
}
#capsa-menu-crai-donants input {
  border: 2px solid #00404e;
  padding: 5px;
}
#capsa-menu-crai-donants p {
  border-left: 5px solid #00404e;
  padding: 6px 12px;
}

.container-taula-crai-donants {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-taula-crai-donants-interior {
  margin-left: -55px;
}
#taula-crai-donants,
#taula-crai-donants tr,
#taula-crai-donants td {
  background: transparent !important;
}

#taula-crai-donants tr:first-child,
#taula-crai-donants tr:last-child {
  border-bottom: none !important;
}
.tr-lletra-border {
  border-bottom: none !important;
}
#taula-crai-donants td {
  border-bottom: 1px solid gray;
  padding: 10px 0px;
  color: #00404e;
  font-family: "Roboto", sans-serif !important;
}

#taula-crai-donants tr a {
  border-bottom: none !important;
}
#taula-crai-donants-lletra {
  padding: 30px 0px 10px 0px !important;
  border-bottom: none !important;
}
#taula-crai-donants-lletra a {
  color: white;
  background-color: #00404e;
  padding: 8px 13px;
}
.btn-donants {
  width: 150px;
  font-family: "Roboto", sans-serif;
  border-radius: 0;
  color: white;
  border: 6px solid #00404e;
  text-decoration: none;
  margin-left: 20px !important;
  padding: 3px;
}

/* Llibre de visites */

.field--name-field-llibre-visita-imatge .field__items {
  display: flex;
  flex-wrap:wrap;
  gap: 50px;
}
.field--name-field-llibre-visita-imatge .field__items .field__item img {
  width: 300px;
  height: 300px;
  overflow: hidden;
  position: relative;
}

/* https://crai-d9.puntzero.cat/coneix-el-crai/biblioteques/biblioteca-pavello-republica/guies-tematiques-republica*/

.btn-republica {
  width: auto !important;
  margin: 0 auto !important;
}

/* Suport investigador */

.container-botons-column {
  display: flex;
  flex-direction: column;
  margin-bottom: 80px;
}

.container-botons-column a {
  max-width: 450px;
  text-align: center;
}

/*https://crai-d9.puntzero.cat/que-ofereix-el-crai/suport-investigador/avaluacio-produccio*/

.container-botons-column-cientifica {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}

.container-botons-column-cientifica a {
  max-width: 550px;
  text-align: center;
}

/*https://crai-d9.puntzero.cat/que-ofereix-el-crai/reproduccio-impressio*/

.llista-flex {
  display: flex;
  flex-direction: column;
}

/* https://crai-d9.puntzero.cat/recursos-d-informacio/cercabib */

/*#cercabib_video_ce2{
    display: flex;
    justify-content: center;
    


}*/

#cercabib_video_ce2 {
  display: grid;
  grid-template-columns: 1fr;
  place-items: center;
  padding: 0 10px;
}
#cercabib_video_ce2 img {
  width: 100%;
}

/*.cercabib-central-flex{
    display: flex;
    gap: 25px;
    flex-wrap: wrap;

}
.cercabib-central-item{
    position: relative;
    padding: 20px 0 10px 0;
    width: 30%;
    box-shadow: 0 0 4px rgba(0,0,0,.15);
}
.cercabib-central-item img{
    width: 350px;
}*/

.cercabib-central-flex {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 25px;
}

.cercabib-central-item {
  position: relative;
  padding: 20px 0 10px 0;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}

.cercabib-central-item img {
  width: 100%;
  height: auto;
}

/* https://crai-d9.puntzero.cat/recursos-d-informacio/patrimoni-bibliografic */

.view-patrimoni .view-content,
.patri-digital-tot {
  margin-bottom:50px;
}
.patri-digital-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.patri-digital-item {
  flex-basis:24%;
  position: relative;
  overflow: hidden;
  background: rgba(0, 64, 78, 1);
}
.page-node-26882 .patri-digital-item {
  font-size: 24px;
}
.view-patrimoni .views-row:hover .views-field-field-imatge-patrimoni,
.view-patrimoni .views-row:hover .views-field-field-col-esp-descripcio-img,
.patri-digital-item:hover img {
  transition: all .3s ease-in-out;
  background: rgba(0, 64, 78, 1);
  transform: scale(1.2);
  mix-blend-mode: overlay;
  overflow: hidden; 
}
.patri-digital-item .patri-digital-item-text {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 20px;
  width: 100%;
  display: block;
  background: rgba(0, 64, 78, .7);
  height: 90px;
}
.patri-digital-item .patri-digital-item-text p {
  line-height: 1em !important;
}
.view-patrimoni .views-field-title a,
.view-patrimoni .views-field-title,
.node--type-page .patri-digital-item .patri-digital-item-text h4 a,
.patri-digital-item .patri-digital-item-text a {
  color: white !important;
  font-size: 17px;
  font-weight: 600 !important;
}
.node--type-page .patri-digital-item .patri-digital-item-text h4 {
  margin-bottom: 0;
}
.node--type-page .patri-digital-item .patri-digital-item-text p a {
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.2em;
  color: white !important;
}
.patri-digital-item img {
  width: 100%;
  object-fit: cover;
  transition: all .3s ease-in-out;
}

/* https://crai-d9.puntzero.cat/recursos-d-informacio/patrimoni-bibliografic/fons-arxiu */

.neocoldig-digital-flex {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 25px;
  margin-right: 10px;
  padding-right: 10px;
}

.neocoldig-digital-item {
  position: relative;
  padding: 20px 0 10px 0;
}
.neocoldig-digital-item-img p a img:first-child {
  width: 100%;
  height: auto;
}
.neocoldig-digital-item-img p a {
  width: 100%;
}

/* https://crai-d9.puntzero.cat/recursos-d-informacio/patrimoni-bibliografic/colleccions-especials */

.capsa-menu-coleccions-especials {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 20px;
  margin-top: 120px;
}

#menu-coleccions-especials {
  display: flex;
  list-style: none !important;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -5px;
}

#menu-coleccions-especials li {
  padding: 4px 10px;
  color: #00404e;
  border-left: 3px solid #00404e;
  position: relative;
  margin-left: 0 !important;
  height: 30px;
}

.container-taula-coleccions-especials {
  display: flex;
  justify-content: center;
  align-items: center;
}

#taula-coleccions-especials,
#taula-coleccions-especials tr,
#taula-coleccions-especials td {
  background: transparent !important;
}
#taula-coleccions-especials tr:first-child,
#taula-coleccions-especials tr:last-child {
  border-bottom: none !important;
}
.tr-lletra-border {
  border-bottom: none !important;
}
#taula-coleccions-especials td {
  border-bottom: 1px solid gray;
  padding: 10px 0px;
  color: #00404e;
  font-family: "Roboto", sans-serif !important;
}

#taula-coleccions-especials tr a {
  border-bottom: none !important;
}
#taula-crai-coleccions-lletra {
  padding: 30px 0px 10px 0px !important;
  border-bottom: none !important;
}
#taula-crai-coleccions-lletra a {
  color: white;
  background-color: #00404e;
  padding: 8px 13px;
}
@media screen and (max-width: 767px) {
  .capsa-menu-coleccions-especials {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 20px;
    margin-top: 120px;
  }
  #menu-coleccions-especials li {
    padding: 5px 13px;
    color: #00404e;
    border-left: none !important;
    border-bottom: 3px solid #00404e;
    position: relative;
    margin-right: 20px;
    height: 30px;
  }
}

/* https://crai-d9.puntzero.cat/que-ofereix-el-crai/sollicitar-bibliografia */

#container-botons-info-biblio {
  display: flex;
  flex-wrap:wrap;
}
@media screen and (max-width: 767px) {
  #container-botons-info-biblio {
    flex-direction: column;
  }
  #container-botons-info-biblio a {
    width: 250px;
    text-align: center;
  }
}

/* https://crai-d9.puntzero.cat/que-ofereix-el-crai/prestec/prestec-puc */

.taula-fora-fons th,
.taula-fora-fons td {
  background: transparent !important;
  color: #00404e !important;
  text-align: center !important;
}
.taula-fora-fons {
  width: 100%;
}
.taula-fora-fons p {
  border-bottom: 1px solid gray;
  padding: 10px 0px;
  color: #00404e;
  font-family: "Roboto", sans-serif !important;
}
.taula-fora-fons div {
  color: #00404e;
}

/* https://crai-d9.puntzero.cat/que-ofereix-el-crai/prestec/prestec-puc */

#container-botons-imatge {
  display: grid;
  grid-template-rows: repeat(auto-fill, minmax(100px, 1fr));
  gap: 25px;
  place-items: center;
}
#container-botons-imatge-img img {
  width: 800px;
  height: auto;
  aspect-ratio: 16/9;
}

@media screen and (max-width: 767px) {
  #container-botons-imatge {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 25px;
    place-items: center;
  }
  #container-botons-imatge-img img {
    width: 300px;
    height: auto;
    aspect-ratio: 16/9;
    margin-right: 40px;
  }
  #container-botons-imatge-btn p {
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  #container-botons-imatge-btn {
    display: flex;
    flex-direction: column;
    text-align: center;
  }
}

/* https://crai-d9.puntzero.cat/recursos-d-informacio/premsa-digital */

#premsa-crai {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 200px;
}

#premsa-crai-espanya {
  margin-left: 50px;
}
@media screen and (max-width: 767px) {
  #premsa-crai {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0px !important;
  }
  #premsa-crai-espanya,
  #premsa-crai-internacional {
    margin-left: 0 !important;
  }
}

/* https://crai-d9.puntzero.cat/coneix-el-crai/biblioteques/biblioteca-pavello-republica/El-Fons-d-Arxiu-del-CRAI-Biblioteca-Pavello-de-la-Republica */

#personalitats-crai {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 100px;
}

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

.slick-arrow::before {
  color: #00404e !important;
}
.slick__arrow button {
  margin-left: 0px !important;
  border: none !important;
}
.slick--view--slideshow-portada .slick__arrow button {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.slide__title {
  color: #00404e !important;
  text-align: center !important;
}

@media screen and (max-width: 767px) {
  #personalitats-crai {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0px;
  }
}

/* https://crai-d9.puntzero.cat/recursos/bibliografia-recomanada */

@media screen and (max-width: 767px) {
  #views-exposed-form-bibliografia-recomanada-page-1 .row {
    display: grid;
    grid-template-rows: repeat(auto-fill, minmax(100px, 1fr));
    place-items: center;
    width: 100%;
  }
  .view-bibliografia-recomanada .js-form-item {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .view-bibliografia-recomanada .js-form-item select,
  .view-bibliografia-recomanada .js-form-item label,
  .view-bibliografia-recomanada .js-form-item input,
  .view-bibliografia-recomanada .view-filters .form-actions,
  .view-bibliografia-recomanada .view-filters .form-actions button {
    width: 100% !important;
  }
}

/* https://crai-d9.puntzero.cat/biblioteques/centre-de-documentacio-de-biodiversitat-vegetal */

@media screen and (max-width: 767px) {
  .group-bib-descripcio .details-wrapper {
    display: flex;
    flex-direction: column-reverse;
    padding: 5px 10px;
  }
  .group-bib-biblioteques .d-flex img {
    width: 100%;
    height: auto !important;
    aspect-ratio: 16/9;
    padding: 5px 10px;
  }
}

/* WEBFORMS */
.webform-submission-form #edit-text-intro {
  width: 100%;
}
.webform-submission-form div {
  margin-bottom: 25px !important;
}
.webform-submission-form .form-type-textfield,
.webform-submission-form .form-type-email,
.webform-submission-form .form-type-number,
.webform-submission-form .form-type-date {
  width: 31%;
  float: left;
  box-sizing: border-box;
  margin-right: 2%;
}
.webform-email-confirm--wrapper,
.webform-submission-form .form-type-select {
  width: 100%;
  clear: both;
}

.webform-submission-form label {
  margin-bottom: 15px !important;
}
.webform-submission-form .form-type-textfield input,
.webform-submission-form .form-type-email input,
.webform-submission-form .form-type-number input,
.webform-submission-form .form-type-select,
.webform-submission-form .form-type-date input {
  width: 100% !important;
}

.webform-submission-form .js-form-type-radio input,
.webform-submission-form .js-form-type-checkbox input {
  width: 25px !important;
  min-height: 25px;
  height: 25px;
  border: 2px solid #00404e;
  border-radius: none !important;
}

.webform-submission-form .js-form-item .js-form-type-radio {
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
  justify-content: flex-end;
  gap: 20px;
}
.webform-submission-form .js-form-item#edit-acceptacio-de-les-condicions-d-us-de-l-espaicrea--wrapper .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap:20px;
  align-items: baseline;
}
.webform-submission-form .js-form-item .js-form-type-radio input {
  border-radius: 50%;
  color: #00404e;
  width: 25px !important;
  border: 3px solid #00404e;
  height: 25px;
}
.webform-submission-form .js-form-item {
  padding-left: 0px;
}

.webform-submission-form legend {
  margin-top: 15px;
  margin-bottom: 25px;
}
.webform-submission-form fieldset #edit-escull-el-tipus-d-aportacio--wrapper,
.webform-submission-form
  fieldset
  #edit-escull-si-vols-que-aparegui-o-no-el-teu-nom--wrapper,
.webform-submission-form fieldset #edit-modalitat-de-pagament--wrapper,
.webform-submission-contracte-d-acceptacio-del-serve-form
  #edit-correu-electronic--wrapper,
.webform-submission-formulari-d-inscripcio-a-curs-pr-form
  #edit-correu-electronic--wrapper {
  clear: both;
}

/* .webform-submission-form .js-form-item .js-form-item-modalitat-de-pagament{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-end;
    gap: 20px;
}   */
.webform-submission-form #edit-dades-del-projecte.js-form-item,
.webform-submission-form #edit-dades-del-contracte.js-form-item,
.webform-submission-form #edit-dades-personals.js-form-item {
  display: block !important;  
}
.webform-submission-form #edit-dades-personals.js-form-item #edit-correu-electronic legend {
  display: none !important;  
}
.webform-submission-form #edit-dades-personals.js-form-item #edit-correu-electronic {
  width: 100% !important;
}
.webform-submission-form #edit-correu-electronic .fieldset-wrapper .js-form-item,
.webform-submission-form #edit-dades-personals .fieldset-wrapper .js-form-item,
.webform-submission-form #edit-dades-del-projecte .fieldset-wrapper .js-form-item,
.js-form-item-modalitat-de-pagament {
  display: block !important;
  width: 45%;
}
.js-form-item-modalitat-de-pagament input {
  float: right !important;
}
.webform-submission-form .fieldset-wrapper #edit-modalitat-de-pagament {
  display: flex;
  gap: 50px;
}
#webform-submission-enquesta-de-valoracio-d-exposici-add-form {
  display: flex;
  flex-direction: column;
}
.webform-submission-form
  .fieldset-wrapper
  #edit-valoreu-la-utilitat-d-aquesta-exposicio
  .js-form-item,
.webform-submission-form
  .fieldset-wrapper
  #edit-valoreu-ne-la-contribucio-social
  .js-form-item,
.webform-submission-form
  .fieldset-wrapper
  #edit-valoreu-el-vostre-grau-de-satisfaccio-amb-aquesta-exposicio
  .js-form-item,
.webform-submission-form
  .fieldset-wrapper
  #edit-creieu-que-aquest-recurs-es-prou-interessant-com-per-plantejar-n
  .js-form-item,
.webform-submission-form
  .fieldset-wrapper
  #edit-creieu-que-aquest-recurs-pot-substituir-algun-altre-que-ja-tingu
  .js-form-item {
  display: flex;
  flex-direction: row-reverse;
  align-content: flex-start;
  justify-content: flex-end;
  align-items: baseline;
  gap: 25px;
}

.webform-submission-form .fieldset-wrapper #edit-recomanacio-companys,
.webform-submission-form .fieldset-wrapper #edit-valoreu-la-utilitat-d-aquesta-exposicio,
.webform-submission-form .fieldset-wrapper #edit-valoreu-ne-la-contribucio-social,
.webform-submission-form .fieldset-wrapper #edit-valoreu-el-vostre-grau-de-satisfaccio-amb-aquesta-exposicio {
  display: flex;
  flex-wrap: wrap;
  gap: 3%;
}

.webform-submission-form
  .fieldset-wrapper
  #edit-valoreu-la-utilitat-d-aquesta-exposicio
  .js-form-item
  input,
.webform-submission-form
  .fieldset-wrapper
  #edit-valoreu-ne-la-contribucio-social
  .js-form-item
  input,
.webform-submission-form
  .fieldset-wrapper
  #edit-valoreu-el-vostre-grau-de-satisfaccio-amb-aquesta-exposicio
  .js-form-item
  input,
.webform-submission-form
  .fieldset-wrapper
  #edit-tipus--wrapper
  .js-form-item
  input {
  width: 25px !important;
}

#edit-tipus .js-form-item,
.webform-submission-form
  .js-form-item
  .js-form-item-col-lectiu-al-qual-pertanys-1,
.webform-submission-form
  .js-form-item
  .js-form-item-col-lectiu-al-qual-pertanys-2,
.webform-submission-form
  .js-form-item
  .js-form-item-col-lectiu-al-qual-pertanys-3,
.webform-submission-form
  .js-form-item
  .js-form-item-col-lectiu-al-qual-pertanys-4,
.webform-submission-form
  .js-form-item
  .js-form-item-col-lectiu-al-qual-pertanys-5,
.webform-submission-form
  .js-form-item
  .js-form-item-col-lectiu-al-qual-pertanys-6,
.webform-submission-form
  .js-form-item
  .js-form-item-col-lectiu-al-qual-pertanys-7,
.webform-submission-form
  .js-form-item
  .js-form-item-col-lectiu-al-qual-pertanys-8,
.webform-submission-form
  .js-form-item
  .js-form-item-col-lectiu-al-qual-pertanys-9,
.webform-submission-form #edit-col-lectiu-al-qual-pertanys .js-form-item,
.webform-submission-form #edit-aquesta-sessio-de-formacio .js-form-item,
.webform-submission-form
  #edit-la-metodologia-emprada-presentacio-exemples-documentacio-etc-
  .js-form-item,
.webform-submission-form #edit-les-explicacions-del-formador .js-form-item,
.webform-submission-form
  #edit-la-durada-de-la-sessio-en-relacio-amb-els-continguts
  .js-form-item,
.webform-submission-form
  #edit-quin-tipus-de-sessio-has-realitzat-
  .js-form-item,
.webform-submission-form #edit-valora-l-espai-i-l-equipament .js-form-item,
.webform-submission-form
  #edit-valora-la-plataforma-i-la-interaccio
  .js-form-item {
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
  justify-content: flex-end;
  gap: 25px;
}

.webform-submission-form .fieldset-wrapper #edit-tipus {
  float: right;
  display: flex;
  gap: 25px;
}
.webform-submission-form #edit-tipus--wrapper .fieldset-wrapper {
  display: flex;
}
.webform-submission-form #edit-confirma-el-correu-electronic--wrapper {
  min-width: 100% !important;
  display: contents;
}
.webform-submission-form
  #edit-confirma-el-correu-electronic--wrapper
  .fieldset-wrapper {
  clear: none !important;
}
.webform-submission-form #edit-col-lectiu-al-qual-pertanys--wrapper,
.webform-submission-form #edit-confirmacio-correu-electronic--wrapper,
.webform-submission-form .js-form-item-nombre-d-assistents-amb-un-maxim-de-15- {
  clear: both !important;
}
.webform-submission-form #edit-col-lectiu-al-qual-pertanys,
.webform-submission-form #edit-aquesta-sessio-de-formacio,
.webform-submission-form
  #edit-la-metodologia-emprada-presentacio-exemples-documentacio-etc-,
.webform-submission-form #edit-les-explicacions-del-formador,
.webform-submission-form
  #edit-la-durada-de-la-sessio-en-relacio-amb-els-continguts,
.webform-submission-form #edit-quin-tipus-de-sessio-has-realitzat-,
.webform-submission-form #edit-valora-l-espai-i-l-equipament,
.webform-submission-form #edit-valora-la-plataforma-i-la-interaccio {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}

.webform-submission-form .webform-button--submit {
  float: right;
  margin-bottom: 75px;
}
.webform-submission-form #edit-nombre-d-assistents-amb-un-maxim-de-15-,
.webform-submission-form
  #edit-indiqueu-la-tematica-que-voleu-que-es-tracti-a-la-sessio {
  margin-top: 25px;
}

.webform-submission-form .js-form-item-horari-del-curs {
  clear: both !important;
}

@media (max-width: 768px) {
  .webform-submission-form .form-type-textfield,
  .webform-submission-form .form-type-email,
  .webform-submission-form .form-type-number,
  .webform-submission-form .form-type-date {
    width: 100%;
    float: left;
    box-sizing: border-box;
    margin-right: 2%;
  }
  .webform-submission-form #edit-correu-electronic .fieldset-wrapper .js-form-item,
  .webform-submission-form #edit-dades-personals .fieldset-wrapper .js-form-item,
  .webform-submission-form #edit-dades-del-projecte .fieldset-wrapper .js-form-item,
  .js-form-item-modalitat-de-pagament,
  .webform-submission-form .webform-button--submit {
    width: 100%;
  }
  .webform-submission-form .fieldset-wrapper #edit-modalitat-de-pagament {
    display: flex;
    flex-direction: column;

    gap: 0px;
  }
  .js-form-item-modalitat-de-pagament {
    display: block !important;
    width: 100%;
  }
  .webform-submission-form .js-form-item-escull-el-tipus-d-aportacio label {
    width: 85%;
  }
  .webform-submission-form .js-form-item label {
    margin-bottom: 22px !important;
  }
  .webform-submission-form
    .fieldset-wrapper
    #edit-valoreu-la-utilitat-d-aquesta-exposicio
    .js-form-item
    input,
  .webform-submission-form
    .fieldset-wrapper
    #edit-valoreu-ne-la-contribucio-social
    .js-form-item
    input,
  .webform-submission-form
    .fieldset-wrapper
    #edit-valoreu-el-vostre-grau-de-satisfaccio-amb-aquesta-exposicio
    .js-form-item
    input,
  .webform-submission-form
    .fieldset-wrapper
    #edit-tipus--wrapper
    .js-form-item
    input,
  .webform-submission-form .js-form-item .js-form-type-radio input,
  .webform-submission-form .js-form-type-radio input,
  .webform-submission-form .js-form-type-checkbox input {
    width: 25px !important;
    position: absolute;
    right: 0;
  }
  .webform-submission-form
    .fieldset-wrapper
    #edit-valoreu-la-utilitat-d-aquesta-exposicio
    .js-form-item,
  .webform-submission-form
    .fieldset-wrapper
    #edit-valoreu-ne-la-contribucio-social
    .js-form-item,
  .webform-submission-form
    .fieldset-wrapper
    #edit-valoreu-el-vostre-grau-de-satisfaccio-amb-aquesta-exposicio
    .js-form-item,
  .webform-submission-form
    .fieldset-wrapper
    #edit-creieu-que-aquest-recurs-es-prou-interessant-com-per-plantejar-n
    .js-form-item,
  .webform-submission-form
    .fieldset-wrapper
    #edit-creieu-que-aquest-recurs-pot-substituir-algun-altre-que-ja-tingu
    .js-form-item,
  #edit-tipus .js-form-item,
  .webform-submission-form
    .js-form-item
    .js-form-item-col-lectiu-al-qual-pertanys-1,
  .webform-submission-form
    .js-form-item
    .js-form-item-col-lectiu-al-qual-pertanys-2,
  .webform-submission-form
    .js-form-item
    .js-form-item-col-lectiu-al-qual-pertanys-3,
  .webform-submission-form
    .js-form-item
    .js-form-item-col-lectiu-al-qual-pertanys-4,
  .webform-submission-form
    .js-form-item
    .js-form-item-col-lectiu-al-qual-pertanys-5,
  .webform-submission-form
    .js-form-item
    .js-form-item-col-lectiu-al-qual-pertanys-6,
  .webform-submission-form
    .js-form-item
    .js-form-item-col-lectiu-al-qual-pertanys-7,
  .webform-submission-form
    .js-form-item
    .js-form-item-col-lectiu-al-qual-pertanys-8,
  .webform-submission-form
    .js-form-item
    .js-form-item-col-lectiu-al-qual-pertanys-9,
  .webform-submission-form #edit-col-lectiu-al-qual-pertanys .js-form-item,
  .webform-submission-form #edit-aquesta-sessio-de-formacio .js-form-item,
  .webform-submission-form
    #edit-la-metodologia-emprada-presentacio-exemples-documentacio-etc-
    .js-form-item,
  .webform-submission-form #edit-les-explicacions-del-formador .js-form-item,
  .webform-submission-form
    #edit-la-durada-de-la-sessio-en-relacio-amb-els-continguts
    .js-form-item,
  .webform-submission-form
    #edit-quin-tipus-de-sessio-has-realitzat-
    .js-form-item,
  .webform-submission-form #edit-valora-l-espai-i-l-equipament .js-form-item,
  .webform-submission-form
    #edit-valora-la-plataforma-i-la-interaccio
    .js-form-item {
    width: 100%;
  }
  .webform-submission-form #edit-col-lectiu-al-qual-pertanys,
  .webform-submission-form #edit-aquesta-sessio-de-formacio,
  .webform-submission-form
    #edit-la-metodologia-emprada-presentacio-exemples-documentacio-etc-,
  .webform-submission-form #edit-les-explicacions-del-formador,
  .webform-submission-form
    #edit-la-durada-de-la-sessio-en-relacio-amb-els-continguts,
  .webform-submission-form #edit-quin-tipus-de-sessio-has-realitzat-,
  .webform-submission-form #edit-valora-l-espai-i-l-equipament,
  .webform-submission-form #edit-valora-la-plataforma-i-la-interaccio {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 25px;
  }
  .webform-submission-form #edit-dades-del-donatiu .fieldset-wrapper {
    display: flex;
    flex-direction: column;
  }
  .webform-submission-form .fieldset-wrapper #edit-tipus {
    flex-direction: column;
  }
  .patri-digital-item {
    flex-basis:100%;
  }

}

/* CERCADOR */


ul.tb-megamenu-nav.nav.level-0.items-2 {
  margin-right: 40px;
}



#custom-table-crai th,
#custom-table-crai th a {
  color: #00404e !important;
}
#custom-table-crai th,
#custom-table-crai tr {
  border: 1px solid #000000 !important;
  background-color: transparent !important;
}
#custom-table-crai th {
  color: #000000 !important;
}

.node__content
  .field.field--name-field-avisos-avis.field--type-entity-reference-revisions,
.node__content
  .field.field--name-field-avis-biblioteques.field--type-entity-reference {
  margin-left: 50px !important;

  margin-bottom: 50px !important;
}
.node__content
  .field.field--name-field-avis-biblioteques.field--type-entity-reference
  .field__items {
  display: flex;
  flex-wrap: wrap;

  gap: 20px;
}

/*Difusió i marqueting*/
.view-productes-en-venda .views-row {
  margin-bottom:5%;
  padding: 0 2.5%;
}
.view-productes-en-venda .views-field-field-campdifusio-imatge-venda img {
  width: 300px;
  height: 300px;
  object-fit: cover;
}
.view-productes-en-venda .view-footer .tex2jax_process p{
  text-align: center!important;
}
.view-productes-en-venda .slick-arrow::before {
  font-size: 1.5rem;  
}
.contextual-region.node.node--type-p-gina-b-sica-expo-virtual.node--promoted.node--view-mode-full.clearfix tr td{
background-color: transparent!important;
background: transparent!important;

border:1px solid #00404e!important;
}
.contextual-region.node.node--type-p-gina-b-sica-expo-virtual.node--promoted.node--view-mode-full.clearfix tr {
  background-color: transparent!important;
  background: transparent!important;
  

  }
  @media screen and (max-width: 480px) {
    .contextual-region.node.node--type-p-gina-b-sica-expo-virtual.node--promoted.node--view-mode-full.clearfix table{
      width: 100%!important;
    }
    .clearfix.text-formatted.field.field--name-field-basic-expo-virt-contingut2.field--type-text-long.field--label-hidden.field__items .field__item {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      align-content: center;
      gap:10px;
      padding-right: 20px!important;
    }
    .page-node-53191 .field--name-body p{
      grid-template-columns: 1fr;
    }
    
  }
  .webform-submission-form.webform-submission-add-form.webform-submission-sol-licitud-de-sessio-especial-a-form.webform-submission-sol-licitud-de-sessio-especial-a-add-form.js-webform-details-toggle.webform-details-toggle #edit-confirmacio-correu-electronic{
clear: both!important;
  }

@media screen and (max-width: 1024px) {
  .view-biblioteques-del-crai.view-display-id-page_2 .view-content.row,
  .view-biblioteques-del-crai.biblioteques-grid .view-content.row {
    gap: 10px 30px;
  }
}