/**
 * @file
 * Styling for Views in Bartik.
 */

/* Tab styles */
.views-displays .tabs .open > a {
  border-radius: 7px 7px 0 0;
}
.views-displays .tabs .open > a:hover,
.views-displays .tabs .open > a:focus {
  color: #0071b3;
}
.views-displays .secondary .form-submit {
  font-size: 0.846em;
}

/* Tabs action list styles */
.views-displays .tabs .action-list {
  padding: 0;
}

/* Contextual filter options styles */
.views-filterable-options .filterable-option:nth-of-type(even) .form-type-checkbox {
  background-color: #f9f9f9;
}

/* Views action dropbutton styles */
.views-ui-display-tab-actions .dropbutton .form-submit {
  color: #0071b3;
}
.views-ui-display-tab-actions .dropbutton .form-submit:hover,
.views-ui-display-tab-actions .dropbutton .form-submit:focus {
  color: #018fe2;
}

.block-views.block-views-blockavisos-block-1 {
  background-color: var(--col1_20);
  padding: 60px 120px;
  font-size: 40px;
  line-height: normal;
  margin-top: -20px;
}

.block-views.block-views-blockavisos-block-1 .view-avisos .views-field-body p:last-of-type {
  margin-bottom: 0;
}

.block-views.block-views-blockavisos-block-1 {
  padding: 20px;
  background-color: #019444;
  color: black;
  margin-bottom: 20px;
  line-height: 22px;
  font-size: 20px;
}

.block-views.block-views-blockavisos-block-1 p:last-of-type {
  margin-bottom: 0 !important;
}
.view-programacio.view-display-id-block_2 .view-filters .wrapper-form-field--column-1 .form-item,
.view-programacio.view-display-id-block_2 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_2 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_3 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_4 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_5 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_6 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_7 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_8 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_9 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_10 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_11 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_12 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_13 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_14 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_15 .view-filters .wrapper-form-field--column-2 .form-item {
  max-width: 290px;
}

.wrapper-form-fluid .wrapper-form-field--column-2 .form-actions {
  width: 200px;
}

@media (max-width: 768px) {
  .wrapper-form-fluid .wrapper-form-field--column-2 .form-actions {
    margin: auto;
  }
}
.view-programacio.view-display-id-block_2 .view-filters .wrapper-form-field--column-1 .form-item,
.view-programacio.view-display-id-block_2 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_2 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_3 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_4 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_5 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_6 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_7 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_8 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_10 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_11 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_12 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_13 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_14 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_15 .view-filters .wrapper-form-field--column-2 .form-item {
  max-width: 272px;
}
@media (max-width: 1400px) {
.view-programacio.view-display-id-block_2 .view-filters .wrapper-form-field--column-1 .form-item,
.view-programacio.view-display-id-block_2 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_2 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_3 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_4 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_5 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_6 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_7 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_8 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_9 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_10 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_11 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_13 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_12 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_14 .view-filters .wrapper-form-field--column-2 .form-item,
.view-programacio.view-display-id-page_15 .view-filters .wrapper-form-field--column-2 .form-item {
  max-width: 220px;
}
}
@media (max-width: 1200px) {
  .view-programacio.view-display-id-block_2 .view-filters .wrapper-form-field--column-1 .form-item,
  .view-programacio.view-display-id-block_2 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_2 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_3 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_4 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_5 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_6 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_7 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_8 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_9 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_10 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_11 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_12 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_13 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-display-id-page_14 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-display-id-page_15 .view-filters .wrapper-form-field--column-2 .form-item {
    max-width: 170px;
  }
}
@media (max-width: 1000px) {
  .view-programacio.view-display-id-block_2 .view-filters .wrapper-form-field--column-1 .form-item,
  .view-programacio.view-display-id-block_2 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_2 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_3 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_4 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_5 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_6 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_7 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_8 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_9 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_10 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_11 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_12 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_13 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_14 .view-filters .wrapper-form-field--column-2 .form-item,
  .view-programacio.view-display-id-page_15 .view-filters .wrapper-form-field--column-2 .form-item {
    max-width: 150px;
  }
}

.view-programacio .pager.js-pager__items {
  display: flex;
  justify-content: center;
  margin-top: 22px;
}

.view.view-multimedia {
  margin-top: 20px;
  padding: 0 120px 0 120px;
}

@media (max-width: 1024px) {
  .view.view-multimedia {
    padding: 10px 20px 60px 20px;
  }
}

.view-programacio .view-content .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .node--view-mode-teaser .node__content .card,
.view-programacio .view-content .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .node--view-mode-teaser .node__content,
.view-programacio .view-content .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .node--view-mode-teaser,
.view-programacio .view-content .views-view-responsive-grid__item .views-view-responsive-grid__item-inner {
  height: 100%;
}

.view-programacio .view-filters .views-exposed-form input:not(.form-submit),
.view-programacio .view-filters .views-exposed-form select {
  border: 1px solid #000;
  background: #FFF;
  padding: 10px;
}
.views-view-responsive-grid .node--type-activitat .card-body-top .titol, .views-view-responsive-grid .card-body-top h3 {
font-size: 28px;
font-weight: bold;
margin-bottom: 15px;
line-height: 1.2em;
}
.views-view-responsive-grid .card-body-top .text-formatted p {
  line-height: 20px;
  margin-bottom: .8rem;
}
.card-body-top .text-formatted .nocard {
  display: none;
}
.paragraph--type--card .card,
.view-programacio .view-content .card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.node--type-activitat h1.titolindividual {
  padding: 0 0 10px;
  line-height: normal;
}
.node--type-activitat .wrapper-body .field--name-body .field__item {
padding: 0 !important;
}
@media (min-width: 769px) {
.node--type-activitat .wrapper-img img {
padding-right: 40px;
}
}

.wrapper-data-extra .field--name-field-categoria {
font-weight: bold
}

.paragraph--type--card .card .card-body,
.view-programacio .view-content .card .card-body {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.wrapper-form-fluid {
  padding-bottom: 40px;
}

.wrapper-form-fluid .wrapper-form-field--column-1 {
  display: flex;
  flex-flow: wrap;
  flex-direction: row;
  column-gap: 22px;
  justify-content: space-between;
}

.wrapper-form-fluid .wrapper-form-field--column-2 {
  display: flex;
  flex-flow: wrap;
  gap: 24px;
}

@media (max-width: 1000px) {
  .wrapper-form-fluid .wrapper-form-field--column-2 {
    gap: 12px;
  }
}

@media (max-width: 768px) {
  .wrapper-form-fluid .wrapper-form-field--column-1 .column-1,
  .wrapper-form-fluid .wrapper-form-field--column-2 {
    gap: 0;
  }
}

.wrapper-form-fluid .wrapper-form-field--column-1 .column-1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 22px;
}

.wrapper-form-fluid .wrapper-form-field--column-1 .column-2,
.wrapper-form-fluid .wrapper-form-field--column-2 input:not(.form-submit),
.wrapper-form-fluid .wrapper-form-field--column-1 select,
.wrapper-form-fluid .wrapper-form-field--column-2 select {
  max-width: 300px;
  width: 100%;
}

@media (max-width: 768px) {
  .wrapper-form-fluid .wrapper-form-field--column-1 .column-2,
  .wrapper-form-fluid .wrapper-form-field--column-1 .column-1,
  .wrapper-form-fluid .wrapper-form-field--column-2 input:not(.form-submit),
  .wrapper-form-fluid .wrapper-form-field--column-1 select,
  .wrapper-form-fluid .wrapper-form-field--column-2 select {
    max-width: 100%;
  }
}

.wrapper-form-fluid .wrapper-form-field--column-1 input.form-submit {
  width: 100%;
  margin: 0 !important;
}

.view.hide-content-results .view-content {
  display: none;
}

.view.hide-content-results .wrapper-form-fluid {
  padding-bottom: 0;
}

.view-multimedia .views-field.views-field-field-img-galeria {
  margin-left: -10px;
  margin-right: -10px;
}
