/* CONTENT MAIN */
.region-content-below,
.region-content { margin: 30px 15px; }

.field--name-field-youtube-video,
.field--name-field-youtube-video iframe {
  width: 100%;
  aspect-ratio: 1.7778;
}

.visa-guide .region-content #block-ictp-content { margin: 0px auto; }

.region-content article.node--type-page .node__content > .field--name-field-image { display: none; }


/* --------------- RELATED OPPORTUNITIES --------------- */
#block-ictp-content + .block-views .view-opportunity { margin-top: 3rem; }

.view-topics.view-display-id-block_2 {
  width: 100%;
  margin: 0;
}


@media (min-width: 1024px) {
  .region-page-title > div:nth-child(2) { padding-left: 14%; }

  /* CONTENT PAGE */
  #block-paypalform,
  .field--name-field-youtube-video,
  .visa-guide .region-content #block-ictp-content,
  .region-content article .node__content,
  .page-prize .block#block-views-block-winners-all,
  .view-projects.view-display-id-block_2,
  .view-topics.view-display-id-block_2,
  .view-group-of-people .views-field-title,
  .view-group-of-people .views-field-field-description {
    max-width: 75%;
    margin-left: 14%;
  }

  .page-article .field--name-field-youtube-video {
    max-width: 100%;
    margin-left: 0;
  }

  .page-pwf_project .region-content article.node--type-member > .node__content,
  .page-pwf_project .region-content article.node--type-external-member > .node__content {
    margin-left: 0;
    max-width: unset;
  }

  .region-content { margin: 1rem 0rem; }
}


@media (min-width: 1200px) {
  .region-content { margin: 2rem 0rem; }

  /* !!! COMMENTTO PERCHè MODIFICA ANCHE LE PAGINE BASE !!! */

  /* body[data-once*="ictpSearch"] .region-content { margin: 0; } */
  /* body[data-once*="ictpSearch"] .region-page-title > div:nth-child(2) {
    width: 80%;
    padding: 40px 20% 30px 0px;
  } */

  /* --------------- TITLE PAGE + BACK + NEXT --------------- */
  .region-page-title > div:nth-child(1) { width: 20%; }

  .region-page-title > div:nth-child(2) {
    width: 50%;
    padding: 40px 2vw 30px 0px;
  }

  .region-page-title > div:nth-child(3) {
    width: 30%;
    padding: 40px 2vw 30px 2vw;
  }

  /* --------------- NEWS PAGE TITLE FULL W --------------- */
  #block-visaguidetitlepage-2,
  .page-opportunity .region-page-title > div:nth-child(2),
  .page-article .region-page-title > div:nth-child(2),
  .page-prize .region-page-title > div:nth-child(2),
  .page-external_member .region-page-title > div:nth-child(2) {
    width: 80%;
    padding: 40px 20% 30px 0px;
  }

  #block-paypalform,
  .visa-guide .region-content #block-ictp-content,
  .section-hecap .region-content article .node__content,
  .region-content article .node__content,
  .view-topics.view-display-id-block_2,
  .view-projects.view-display-id-block_2,
  .page-prize .block#block-views-block-winners-all,
  .view-group-of-people .views-field-title,
  .view-group-of-people .views-field-field-description { margin-left: 20%; }

  .view-topics.view-display-id-block_2,
  .view-projects.view-display-id-block_2 { max-width: 60%; }

  .visa-guide .region-content #block-ictp-content { max-width: 745px; }

  /* --------------- CT DETAIL PAGE CONTENT WIDTH --------------- */
  .field--name-field-youtube-video,
  .page-article .field--name-field-youtube-video,
  .view-group-of-people .views-field-title > *,
  .view-group-of-people .views-field-field-description > *,
  .page-opportunity .region-content article > .node__content .text-formatted,
  .page-pwf_project .region-content article > .node__content .text-formatted,
  .page-pwf_project .node--type-pwf-project.node--view-mode-full .node__content > .members-accordion,
  /* .page-pwf_project .node--type-pwf-project.node--view-mode-full .node__content > .field--name-field-ref-collaborations, */
  .page-pwf_project .node--type-pwf-project.node--view-mode-token,
  .page-opportunity .node--type-opportunity.node--view-mode-full .node__content > .field--name-field-ref-field-of-research,
  .page-opportunity .field--name-field-related-programmes,
  .page-opportunity .node--type-opportunity.node--view-mode-full .node__content > .field--name-field-ref-collaborations,
  .page-prize .node__content > .accordion,
  .page-prize .region-content article > .node__content > .text-formatted,
  .page-prize .region-content article > .node__content > .field--type-image,
  .page-prize .block#block-views-block-winners-all > *,
  .page-article .region-content article .field--name-field-ref-tags,
  .page-article .region-content article .field--name-field-news-date,
  .page-article .region-content article > .node__content .field--name-body.text-formatted,
  .page-external_member .region-content article > .node__content > * {
    max-width: 745px;
    margin-left: 7rem;
    margin-right: auto;
  }

  /* --------------- RELATED OPPORTUNITIES --------------- */
  #block-ictp-content + .block-views .view-opportunity { margin-top: 6rem; }
}


@media (min-width: 1400px) {
  /* --------------- NEWS PAGE TITLE FULL WIDTH --------------- */
  #block-visaguidetitlepage-2,
  .page-opportunity .region-page-title > div:nth-child(2),
  .page-article .region-page-title > div:nth-child(2),
  .page-prize .region-page-title > div:nth-child(2),
  .page-external_member .region-page-title > div:nth-child(2) {
    padding: 51px 20% 30px 0px;
  }

  /* --------------- RELATED OPPORTUNITIES --------------- */
  #block-ictp-content + .block-views .view-opportunity { margin-top: 8rem; }
}


@media (min-width: 2000px) {
  body {
    background-color: #F0F0F0;
  }

  main {
    max-width: 1920px;
    margin: 80px auto 0 auto;
    background-color: #FFF;
  }

  .region.region-header {
    max-width: 1920px;
    margin: 0 auto !important;
  }

  .page-member .region.region-content { margin: 70px 0 0 0 !important; }
  .swiper-first > .member-tabs > .swiper-slide.left,
  .swiper-first > .member-tabs > .swiper-slide.right {
    opacity: 0;
  }

  .page-opportunity .view-opportunity.view-display-id-block_2.fixed-top,
  .page-opportunity .view-opportunity.view-display-id-block_2.fixed-bottom { right: calc(((100vw - 1920px) / 2) + 6rem) !important; }

  body.section-hecap .site-header.magic::after { background-image: linear-gradient(45deg, var(--hecap) 0%, var(--hecap) 100%) !important; }
  body.section-cmsp .site-header.magic::after { background-image: linear-gradient(45deg, var(--cmsp) 0%, var(--cmsp) 100%) !important; }
  body.section-math .site-header.magic::after { background-image: linear-gradient(45deg, var(--math) 0%, var(--math) 100%) !important; }
  body.section-qls .site-header.magic::after { background-image: linear-gradient(45deg, var(--qls) 0%, var(--qls) 100%) !important; }
  body.section-sti .site-header.magic::after { background-image: linear-gradient(45deg, var(--sti) 0%, var(--sti) 100%) !important; }
  body.section-esp .site-header.magic::after { background-image: linear-gradient(45deg, var(--esp) 0%, var(--esp) 100%) !important; }

  .taxonomy-term .view-display-id-block_1.view-carousel .views-row,
  #block-views-block-carousel-carousel-hp .views-row,
  .view-carousel .swiper,
  .front-page .region.region-hero { height: 60vh !important; }

  .front-page .region.region-hero .block#block-views-block-events-block-2 {
    max-height: calc(60vh - 5.5rem) !important;
  }


}