/* LAYOUT CSS FOR GRID VIEWS (NEWS, OPPORTUNITIES, EVENTS, ...) */

.view-news,
.views-field-field-ref-collaborations,
.view-opportunity,
.view-prizes { position: relative; }

.field--name-field-pwf-gallery-paragraphs.swiper,
.field--name-field-photogallery.swiper,
.view:not(.view-pubblications):not(.view-carousel):not(.view-topics.view-display-id-block_1) > .swiper,
.view:not(.view-pubblications):not(.view-carousel):not(.view-topics.view-display-id-block_1) > .view-content > .swiper {
  padding-bottom: 3rem;
}

.view-permanent-scientist .view-content,
.views-field-field-ref-member-and-external .field-content,
.view-id-members_pwf .view-content .views-row,
/* .page-pwf_project .field--name-field-ref-member-and-external.field__items, */
.page-pwf_project .pwf-members-wrapper .field--name-field-ref-external-person.field__items,
.view-pubblications.allpubs .view-content,
.page-article .field--name-field-ref-pages-related > .field__items,
.view-news
  :not(.view-display-id-block_3)
  :not(.view-display-id-block_4)
  :not(.view-display-id-by_tag)
  :not(.view-display-id-block_1)
  :not(.view-display-id-by_section)
  :not(.view-display-id-block_2) 
  :not(.view-display-id-by_tag_impact) .view-content,
.view-news.view-display-id-block_4 .view-content,
.view-news.view-display-id-block_3 .view-content,
.view-pwf-projects.view-display-id-block_1 .view-content,
.view-pwf-projects.view-display-id-block_2 .view-content,
.view-news.view-display-id-by_tag .view-content,
.view-news.view-display-id-by_section .view-content > div ,
.view-news.view-display-id-block_2 .view-content,
.view-news.view-display-id-news_pwf .view-content .views-infinite-scroll-content-wrapper,
.view-news.view-display-id-news_consortium .view-content .views-infinite-scroll-content-wrapper,
.view-news.view-display-id-by_tag_impact .view-content,
.view-collaboration .views-field-field-ref-collaborations .field-content,
.view-prizes .view-content,
.region-content>#block-ictp-content>article>.node__content>.field--name-field-ref-pages-related>.field__items,
.view-opportunity .view-content,
.page-opportunity .field--name-field-related-programmes>.field__items,
.page-opportunity .node--type-opportunity.node--view-mode-full .node__content>.field--name-field-ref-collaborations .field__items,
.page-pwf_project .node--type-pwf-project.node--view-mode-full .node__content>.field--name-field-ref-collaborations .field__items {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

.view-permanent-scientist .view-content,
.views-field-field-ref-member-and-external .field-content,
.view-id-members_pwf .view-content .views-row,
/* .page-pwf_project .field--name-field-ref-member-and-external.field__items, */
.page-pwf_project .pwf-members-wrapper .field--name-field-ref-external-person.field__items {
  gap: 1rem;
}

@media (min-width: 576px) {
  .view-collaboration .views-field-field-ref-collaborations .field-content,
  .page-opportunity .node--type-opportunity.node--view-mode-full .node__content>.field--name-field-ref-collaborations .field__items,
  .page-pwf_project .node--type-pwf-project.node--view-mode-full .node__content>.field--name-field-ref-collaborations .field__items {
    grid-template-columns: 1fr 1fr;
  }
}


@media (min-width: 768px) {
  body:not(.page-prize) .view-prizes .view-content,
  body:not(.page-opportunity) .view-opportunity .view-content,
  .view-permanent-scientist.view-display-id-by_section .view-content,
  .view-permanent-scientist .view-content,
  .views-field-field-ref-member-and-external .field-content,
  .view-id-members_pwf .view-content .views-row,
  /* .page-pwf_project .field--name-field-ref-member-and-external.field__items, */
  .page-pwf_project .pwf-members-wrapper .field--name-field-ref-external-person.field__items,
  .page-opportunity .field--name-field-related-programmes > .field__items {
    grid-template-columns: 1fr 1fr;
  }

  .page-opportunity .node--type-opportunity.node--view-mode-full .node__content>.field--name-field-ref-collaborations .field__items,
  .page-pwf_project .node--type-pwf-project.node--view-mode-full .node__content>.field--name-field-ref-collaborations .field__items {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .view-news
    :not(.view-display-id-block_4)
    :not(.view-display-id-block_3)
    :not(.view-display-id-by_tag)
    :not(.view-display-id-block_1)
    :not(.view-display-id-by_section)
    :not(.view-display-id-block_2) 
    :not(.view-display-id-by_tag_impact) .view-content,
  .view-news.view-display-id-block_4 .view-content,
  .view-news.view-display-id-block_3 .view-content,
  .view-pwf-projects.view-display-id-block_1 .view-content,
  .view-pwf-projects.view-display-id-block_2 .view-content,
  .view-news.view-display-id-by_tag .view-content,
  .view-news.view-display-id-by_section .view-content > div ,
  .view-news.view-display-id-block_2 .view-content,
  .view-news.view-display-id-news_pwf .view-content .views-infinite-scroll-content-wrapper,
  .view-news.view-display-id-news_consortium .view-content .views-infinite-scroll-content-wrapper,
  .view-news.view-display-id-by_tag_impact .view-content,
  .page-article .field--name-field-ref-pages-related > .field__items {
    grid-template-columns: 1fr 1fr;
  }
}



@media (min-width: 1024px) {
  body:not(.page-prize) .view-prizes .view-content,
  .field--name-field-ref-pages-related .field__items{
    grid-template-columns: 1fr 1fr;
  }

  .view-news
    :not(.view-display-id-block_4)
    :not(.view-display-id-block_3)
    :not(.view-display-id-by_tag)
    :not(.view-display-id-block_1)
    :not(.view-display-id-by_section)
    :not(.view-display-id-block_2) 
    :not(.view-display-id-by_tag_impact) .view-content,
  .view-news.view-display-id-block_4 .view-content,
  .view-news.view-display-id-block_3 .view-content,
  .view-pwf-projects.view-display-id-block_1 .view-content,
  .view-pwf-projects.view-display-id-block_2 .view-content,
  .view-news.view-display-id-by_tag .view-content,
  .view-news.view-display-id-by_section .view-content > div ,
  .view-news.view-display-id-block_2 .view-content,
  .view-news.view-display-id-news_pwf .view-content .views-infinite-scroll-content-wrapper,
  .view-news.view-display-id-news_consortium .view-content .views-infinite-scroll-content-wrapper,
  .view-news.view-display-id-by_tag_impact .view-content,
  .page-article .field--name-field-ref-pages-related > .field__items {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
  }

  .view-collaboration .views-field-field-ref-collaborations .field-content {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .view:not(.view-pubblications)
    :not(.view-topics.view-display-id-block_1)
    :not(.view-carousel)
    :not(.view-events.view-display-id-upcoming_by_section)
    :not(.view-job-opportunity.view-display-id-by_section)
    :not(.view-display-id-by_pwf) 
    :not(.view-display-id-news_consortium_slider) 
    :not(.view-display-id-news_pwf_slider) 
    > .swiper,

  .view:not(.view-pubblications)
    :not(.view-topics.view-display-id-block_1)
    :not(.view-carousel)
    :not(.view-events.view-display-id-upcoming_by_section)
    :not(.view-job-opportunity.view-display-id-by_section)
    :not(.view-news.view-display-id-by_pwf) 
    :not(.view-display-id-news_consortium_slider) 
    :not(.view-display-id-news_pwf_slider) 
    > .view-content > .swiper {

    padding-left: 1rem;
    padding-right: 1rem;
  }

  .view:not(.view-pubblications)
    :not(.view-carousel)
    :not(.view-topics.view-display-id-block_1) 
    > .swiper,

  .view:not(.view-pubblications)
    :not(.view-carousel)
    :not(.view-topics.view-display-id-block_1) 
    > .view-content > .swiper {
      
    padding-top: 10px;
  }
}


@media (min-width: 1200px) {
  .region-content>#block-ictp-content>article>.node__content>.field--name-field-ref-pages-related>.field__items {
    grid-template-columns: 1fr 1fr;
  }

  .view-news
    :not(.view-display-id-block_4)
    :not(.view-display-id-block_3)
    :not(.view-display-id-by_tag)
    :not(.view-display-id-block_1)
    :not(.view-display-id-by_section)
    :not(.view-display-id-block_2)
    :not(.view-display-id-by_tag_impact) .view-content,
  .view-news.view-display-id-block_4 .view-content,
  .view-news.view-display-id-block_3 .view-content,
  .view-pwf-projects.view-display-id-block_1 .view-content,
  .view-pwf-projects.view-display-id-block_2 .view-content,
  .view-news.view-display-id-by_tag .view-content,
  .view-news.view-display-id-by_section .view-content > div,
  .view-news.view-display-id-block_2 .view-content,
  .view-news.view-display-id-news_pwf .view-content .views-infinite-scroll-content-wrapper,
  .view-news.view-display-id-news_consortium .view-content .views-infinite-scroll-content-wrapper,
  .view-news.view-display-id-by_tag_impact .view-content {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .view-collaboration .views-field-field-ref-collaborations .field-content { grid-template-columns: 1fr 1fr 1fr 1fr; }

  .view-news.view-display-id-block_4 .view-content,
  .view-news.view-display-id-block_3 .view-content,
  .view-pwf-projects.view-display-id-block_1 .view-content,
  .view-pwf-projects.view-display-id-block_2 .view-content,
  .view-news.view-display-id-by_tag .view-content,
  .view-news.view-display-id-by_section .view-content > div,
  .view-news.view-display-id-block_2 .view-content,
  .view-news.view-display-id-news_pwf .view-content .views-infinite-scroll-content-wrapper,
  .view-news.view-display-id-news_consortium .view-content .views-infinite-scroll-content-wrapper,
  .view-news.view-display-id-by_tag_impact .view-content {
    gap: 2rem 3rem;
  }
}


@media (min-width: 1400px) {
  .view-permanent-scientist.view-display-id-by_section .view-content { grid-template-columns: 1fr 1fr 1fr; }
  body:not(.page-prize) .view-prizes .view-content,
  .region-content>#block-ictp-content>article>.node__content>.field--name-field-ref-pages-related>.field__items,
  body:not(.page-opportunity) .view-opportunity .view-content,
  .page-article .field--name-field-ref-pages-related > .field__items {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .view-collaboration .views-field-field-ref-collaborations .field-content,
  body:not(.page-prize) .view-prizes .view-content,
  body:not(.page-opportunity) .view-opportunity .view-content {
    gap: 2rem;
  }

  .view.view-news.view-display-id-block_1 > .swiper,
  .view.view-news.view-display-id-block_1 > .view-content > .swiper,
  .view.view-news.view-display-id-by_section > .swiper,
  .view.view-news.view-display-id-by_section > .view-content > .swiper {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}

@media (min-width: 1600px) {
  /* .view-permanent-scientist.view-display-id-by_section .view-content { grid-template-columns: 1fr 1fr 1fr; } */
}