/* ictp block - SECTION GRID HEADER */
.ictp-block {
  background-color: var(--light_gray);
  background-position: 74px center;
  padding: 2rem 1rem;
  margin-bottom: 1rem;
}

.ictp-block h2 {
  font-weight: 500;
  font-size: 1.25rem;
}

.ictp-block p { font-size: 0.875rem; }


@media (min-width: 768px) {
  .ictp-block {
    /* background-repeat: no-repeat;
    background-position: 50px center; */
    padding: 2rem 3rem 2rem 230px;
    position: relative;
  }

  .ictp-block::before {
    content: '';
    width: 150px;
    height: 150px;
    top: 50%;
    transform: translateY(-50%);
    left: 2rem;
    position: absolute;
    background-image: url("../../assets/loghi/logo-ictp-gray.svg");
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .2;
    z-index: 0;
  }
  
  .ictp-block > * {
    position: relative;
    z-index: 1;
  }

  .ictp-block h2 { font-size: 1.75rem; }

  .ictp-block p {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}


@media (min-width: 1024px) {
  .ictp-block { 
    margin-bottom: 2rem; 
    padding: 2rem;
  }
}


@media (min-width: 1200px) {
  .ictp-block {
    background-position: 74px center;
    padding: 3rem 230px 3rem 260px;
  }

  .view-pubblications.allpubs form input {
    padding: 18px 10px;
    font-size: 18px;
  }
}


.view-sections .swiper { 
  width: 65%; 
  overflow: visible;
  max-height: 200px;
}

.view-sections .swiper .views-row { 
  max-height: 200px; 
  overflow: hidden;
}

.block-views-blocksections-block-4 .view-sections .view-content.desktop,
.block-views-blocksections-block-2 .view-sections .view-content.desktop { display: none; }

@media (min-width: 768px) {
  .view-sections .swiper { width: 100%; }
}

@media (min-width: 1024px) {
  .block-views-blocksections-block-4 .view-sections .view-content.desktop,
  .block-views-blocksections-block-2 .view-sections .view-content.desktop { display: flex; }
  .block-views-blocksections-block-4 .view-sections .view-content.swiper,
  .block-views-blocksections-block-2 .view-sections .view-content.swiper { display: none; }
}

/* grid block -- SECTION COLORS */
.block-views-blocksections-block-4 .view-sections .section--hecap a,
.block-views-blocksections-block-2 .view-sections .section--hecap a { background-color: var(--hecap); }

.block-views-blocksections-block-4 .view-sections .section--cmsp a,
.block-views-blocksections-block-2 .view-sections .section--cmsp a { background-color: var(--cmsp); }

.block-views-blocksections-block-4 .view-sections .section--sti a,
.block-views-blocksections-block-2 .view-sections .section--sti a { background-color: var(--sti); }

.block-views-blocksections-block-4 .view-sections .section--math a,
.block-views-blocksections-block-2 .view-sections .section--math a { background-color: var(--math); }

.block-views-blocksections-block-4 .view-sections .section--qls a,
.block-views-blocksections-block-2 .view-sections .section--qls a { background-color: var(--qls); }

.block-views-blocksections-block-4 .view-sections .section--esp a,
.block-views-blocksections-block-2 .view-sections .section--esp a { background-color: var(--esp); }


.block-views-blocksections-block-4,
.block-views-blocksections-block-2,
.block-views-blockevents-block-3 {
  margin: 1rem auto 2rem auto;
}

.block-views-blocksections-block-4 .view-sections .view-content,
.block-views-blocksections-block-2 .view-sections .view-content {
  /* display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap; */
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 .5rem;
  margin: 1rem 0rem;
}

.block-views-blocksections-block-4 .view-sections .views-field-description__value,
.block-views-blocksections-block-2 .view-sections .views-field-description__value {
  display: none;
}

.block-views-blocksections-block-4 .view-sections .views-field-name,
.block-views-blocksections-block-2 .view-sections .views-field-name {
  width: 100%;
  position: relative;
  z-index: 0;
  bottom: 0;
  left: 0;
}

.block-views-blocksections-block-4 .view-sections .views-field-name span a,
.block-views-blocksections-block-2 .view-sections .views-field-name span a {
  width: 100%;
  /* height: 200px; */
  color: #333;
  font-size: 14px;
  line-height: 1.2em;
  margin-bottom: .5rem;
  display: block;
  display: flex;
  padding: 2rem 1rem 1rem 1rem;
  justify-content: center;
  color: #FFF;
  position: relative;
  z-index: 9;
  text-align: center;
  aspect-ratio: 1;
  
  display: flex;
  flex-direction: column;
  justify-content: center;

  background-position: center 1.5rem, center calc(100% - .5rem);
  background-size: auto 20px, 1.25rem 1.25rem;
  background-repeat: no-repeat, no-repeat;
}

/* .block-views-blocksections-block-2 .view-sections .swiper .section .views-field-name span a::after {
  content: '';
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 1.5rem;
  width: 100%;
  height: 3rem;
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50% );
} */

.block-views-blocksections-block-4 .view-sections .section--hecap .views-field-name span a,
.block-views-blocksections-block-2 .view-sections .section--hecap .views-field-name span a { 
  background-image: url(../../assets/loghi/logo-hecap-w-typo.svg), url(../../assets/icons/icon_arrow_right_w.svg); 
}
.block-views-blocksections-block-4 .view-sections .section--cmsp .views-field-name span a,
.block-views-blocksections-block-2 .view-sections .section--cmsp .views-field-name span a { 
  background-image: url(../../assets/loghi/logo-cmsp-w-typo.svg), url(../../assets/icons/icon_arrow_right_w.svg); 
}
.block-views-blocksections-block-4 .view-sections .section--math .views-field-name span a,
.block-views-blocksections-block-2 .view-sections .section--math .views-field-name span a { 
  background-image: url(../../assets/loghi/logo-math-w-typo.svg), url(../../assets/icons/icon_arrow_right_w.svg); 
}
.block-views-blocksections-block-4 .view-sections .section--esp .views-field-name span a,
.block-views-blocksections-block-2 .view-sections .section--esp .views-field-name span a { 
  background-image: url(../../assets/loghi/logo-esp-w-typo.svg), url(../../assets/icons/icon_arrow_right_w.svg); 
}
.block-views-blocksections-block-4 .view-sections .section--sti .views-field-name span a,
.block-views-blocksections-block-2 .view-sections .section--sti .views-field-name span a { 
  background-image: url(../../assets/loghi/logo-sti-w-typo.svg), url(../../assets/icons/icon_arrow_right_w.svg); 
}
.block-views-blocksections-block-4 .view-sections .section--qls .views-field-name span a,
.block-views-blocksections-block-2 .view-sections .section--qls .views-field-name span a { 
  background-image: url(../../assets/loghi/logo-qls-w-typo.svg), url(../../assets/icons/icon_arrow_right_w.svg); 
}

@media (min-width: 400px) {
  .block-views-blocksections-block-4 .view-sections .views-field-name span a,
  .block-views-blocksections-block-2 .view-sections .views-field-name span a {
    background-position: center 1rem, center calc(100% - 1rem);
    font-size: 16px;
  }
}

@media (min-width: 576px) {
  .block-views-blocksections-block-4 .view-sections .views-field-name span a,
  .block-views-blocksections-block-2 .view-sections .views-field-name span a {
    background-position: center 1.5rem, center calc(100% - 1rem);
  }

  .block-views-blocksections-block-4 .view-sections .view-content,
  .block-views-blocksections-block-2 .view-sections .view-content {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 768px) {
  .block-views-blocksections-block-4 .view-sections .views-field-name span a,
  .block-views-blocksections-block-2 .view-sections .views-field-name span a { 
    font-size: 20px; 
    line-height: 1.8rem;
    padding: 1.5rem 1rem;
    font-weight: 300;
    background-size: auto 20px, 1.25rem 1.25rem;
  }
  
}


@media (min-width: 1024px) {
  .block-views-blocksections-block-4,
  .block-views-blocksections-block-2,
  .block-views-blockevents-block-3 {
    margin: 1rem auto 5rem auto;
  }

  .block-views-blocksections-block-4 .section:hover a:before,
  .block-views-blocksections-block-2 .section:hover a:before {
    transform: scaleY(2);
    transition: 0.2s ease;
  }

  .block-views-blocksections-block-4 .view-sections .section:hover .views-field-name span a,
  .block-views-blocksections-block-2 .view-sections .section:hover .views-field-name span a {
    color: #FFF;
    transition: 0.2s ease;
  }

  .block-views-blocksections-block-4 .section,
  .block-views-blocksections-block-2 .section { width: calc(95% / 6); }

  .block-views-blocksections-block-4 .view-sections .view-content,
  .block-views-blocksections-block-2 .view-sections .view-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
    flex-wrap: nowrap;
  }

  .block-views-blocksections-block-4 .view-sections .views-field-name span a,
  .block-views-blocksections-block-2 .view-sections .views-field-name span a {
    position: relative;
    color: #333333;
    background-size: auto 20px, 1.25rem 1.25rem;
    height: 148px;
    padding: 10px;
    margin-top: 148px;
    font-size: 16px;
    text-align: center;
    line-height: 22px;
  }
  .block-views-blocksections-block-2 .view-sections .section--hecap .views-field-name span a,
  .block-views-blocksections-block-2 .view-sections .section--cmsp .views-field-name span a,
  .block-views-blocksections-block-2 .view-sections .section--math .views-field-name span a,
  .block-views-blocksections-block-2 .view-sections .section--esp .views-field-name span a,
  .block-views-blocksections-block-2 .view-sections .section--sti .views-field-name span a,
  .block-views-blocksections-block-2 .view-sections .section--qls .views-field-name span a,
  .block-views-blocksections-block-4 .view-sections .section--hecap .views-field-name span a,
  .block-views-blocksections-block-4 .view-sections .section--cmsp .views-field-name span a,
  .block-views-blocksections-block-4 .view-sections .section--math .views-field-name span a,
  .block-views-blocksections-block-4 .view-sections .section--esp .views-field-name span a,
  .block-views-blocksections-block-4 .view-sections .section--sti .views-field-name span a,
  .block-views-blocksections-block-4 .view-sections .section--qls .views-field-name span a {
    background-image: none;
  }

  .block-views-blocksections-block-4 .view-sections .section--hecap a,
  .block-views-blocksections-block-4 .view-sections .section--cmsp a,
  .block-views-blocksections-block-4 .view-sections .section--sti a,
  .block-views-blocksections-block-4 .view-sections .section--math a,
  .block-views-blocksections-block-4 .view-sections .section--qls a,
  .block-views-blocksections-block-4 .view-sections .section--esp a,
  .block-views-blocksections-block-2 .view-sections .section--hecap a,
  .block-views-blocksections-block-2 .view-sections .section--cmsp a,
  .block-views-blocksections-block-2 .view-sections .section--sti a,
  .block-views-blocksections-block-2 .view-sections .section--math a,
  .block-views-blocksections-block-2 .view-sections .section--qls a,
  .block-views-blocksections-block-2 .view-sections .section--esp a {
    background-color: var(--light_gray);
    transition: 0.2s ease;
  }

  .block-views-blocksections-block-4 .view-sections .view-content a:before,
  .block-views-blocksections-block-2 .view-sections .view-content a:before {
    width: 100%;
    transition: 0.2s ease;
    content: "";
    height: 148px;
    transform-origin: top;
    position: absolute;
    top: -100%;
    left: 0;
    display: block;
    z-index: -1;
  }

  .block-views-blocksections-block-4 .view-sections .view-content a:after,
  .block-views-blocksections-block-2 .view-sections .view-content a:after {
    width: 100%;
    transition: 0.2s ease;
    content: "";
    height: 148px;
    transform-origin: top;
    position: absolute;
    top: -100%;
    background: url("../../assets/loghi/logo-cmsp-w-typo.svg");
    background-size: 100% 20px;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    display: block;
    z-index: -1;
  }

  .block-views-blocksections-block-4 .view-sections .section--hecap a:before,
  .block-views-blocksections-block-2 .view-sections .section--hecap a:before { background-color: var(--hecap); }
  .block-views-blocksections-block-4 .view-sections .section--hecap a:after,
  .block-views-blocksections-block-2 .view-sections .section--hecap a:after { background-image: url("../../assets/loghi/logo-hecap-w-typo.svg"); }

  .block-views-blocksections-block-4 .view-sections .section--cmsp a:before,
  .block-views-blocksections-block-2 .view-sections .section--cmsp a:before { background-color: var(--cmsp); }
  .block-views-blocksections-block-4 .view-sections .section--cmsp a:after,
  .block-views-blocksections-block-2 .view-sections .section--cmsp a:after { background-image: url("../../assets/loghi/logo-cmsp-w-typo.svg"); }

  .block-views-blocksections-block-4 .view-sections .section--sti a:before,
  .block-views-blocksections-block-2 .view-sections .section--sti a:before { background-color: var(--sti); }
  .block-views-blocksections-block-4 .view-sections .section--sti a:after,
  .block-views-blocksections-block-2 .view-sections .section--sti a:after { background-image: url("../../assets/loghi/logo-sti-w-typo.svg"); }

  .block-views-blocksections-block-4 .view-sections .section--math a:before,
  .block-views-blocksections-block-2 .view-sections .section--math a:before { background-color: var(--math); }
  .block-views-blocksections-block-4 .view-sections .section--math a:after,
  .block-views-blocksections-block-2 .view-sections .section--math a:after { background-image: url("../../assets/loghi/logo-math-w-typo.svg"); }

  .block-views-blocksections-block-4 .view-sections .section--qls a:before,
  .block-views-blocksections-block-2 .view-sections .section--qls a:before { background-color: var(--qls); }
  .block-views-blocksections-block-4 .view-sections .section--qls a:after,
  .block-views-blocksections-block-2 .view-sections .section--qls a:after { background-image: url("../../assets/loghi/logo-qls-w-typo.svg"); }

  .block-views-blocksections-block-4 .view-sections .section--esp a:before,
  .block-views-blocksections-block-2 .view-sections .section--esp a:before { background-color: var(--esp); }
  .block-views-blocksections-block-4 .view-sections .section--esp a:after,
  .block-views-blocksections-block-2 .view-sections .section--esp a:after { background-image: url("../../assets/loghi/logo-esp-w-typo.svg"); }

}

@media (min-width: 1200px) {
  .block-views-blocksections-block-4 .view-sections .section,
  .block-views-blocksections-block-2 .view-sections .section { position: relative; }

  .block-views-blocksections-block-4 .view-sections .section:after,
  .block-views-blocksections-block-2 .view-sections .section:after {
    content: url("../../assets/icons/icon_arrow_right.svg");
    bottom: 24px;
    right: 24px;
    position: absolute;
    z-index: 1;
  }

  .block-views-blocksections-block-4 .view-sections .section:hover:after,
  .block-views-blocksections-block-2 .view-sections .section:hover:after {
    content: url("../../assets/icons/icon_arrow_right_w.svg");
    bottom: 24px;
    right: 24px;
    position: absolute;
    z-index: 1;
  }

  .block-views-blocksections-block-4 .view-sections .section:hover .views-field-name span:after,
  .block-views-blocksections-block-2 .view-sections .section:hover .views-field-name span:after {
    background-image: url("../../assets/icons/icon_arrow_right_w.svg");
    background-position: 89% 90%;
    background-repeat: no-repeat;
  }


  .block-views-blocksections-block-4 .view-sections .view-content a:after,
  .block-views-blocksections-block-4 .view-sections .views-field-name span a,
  .block-views-blocksections-block-4 .view-sections .view-content a:before,
  .block-views-blocksections-block-2 .view-sections .view-content a:after,
  .block-views-blocksections-block-2 .view-sections .views-field-name span a,
  .block-views-blocksections-block-2 .view-sections .view-content a:before {
    height: 180px;
  }

  .block-views-blocksections-block-4 .view-sections .views-field-name span a,
  .block-views-blocksections-block-2 .view-sections .views-field-name span a {
    margin-top: 180px;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    padding: 10px 26px;
  }
}


@media (min-width: 1400px) {
  .block-views-blocksections-block-4 .view-sections .view-content a:after,
  .block-views-blocksections-block-2 .view-sections .view-content a:after { background-size: 100% 26px; }

  .block-views-blocksections-block-4 .view-sections .views-field-name span a,
  .block-views-blocksections-block-2 .view-sections .views-field-name span a {
    font-size: 22px;
    line-height: 31px;
    margin-top: 223px;
  }

  .block-views-blocksections-block-4 .view-sections .view-content a:after,
  .block-views-blocksections-block-4 .view-sections .views-field-name span a,
  .block-views-blocksections-block-4 .view-sections .view-content a:before,
  .block-views-blocksections-block-2 .view-sections .view-content a:after,
  .block-views-blocksections-block-2 .view-sections .views-field-name span a,
  .block-views-blocksections-block-2 .view-sections .view-content a:before {
    height: 223px;
  }

}


@media (min-width: 1700px) {
  /* .block-views-blocksections-block-4 .view-sections .view-content a:after,
  .block-views-blocksections-block-4 .view-sections .views-field-name span a,
  .block-views-blocksections-block-4 .view-sections .view-content a:before,
  .block-views-blocksections-block-2 .view-sections .view-content a:after,
  .block-views-blocksections-block-2 .view-sections .views-field-name span a,
  .block-views-blocksections-block-2 .view-sections .view-content a:before {
    height: 263px;
  } */

  /* .block-views-blocksections-block-4 .view-sections .views-field-name span a,
  .block-views-blocksections-block-2 .view-sections .views-field-name span a { margin-top: 263px; } */
}