/* SHARED ACROSS SEVERAL COMPONENTS */
.area-reference-container {
  display: flex;
  gap: 20px;
  align-items: start;
  margin-top: 1rem;
  img {
    height: 50px;
    /* Media logos ship with HTML width/height attrs; without width:auto a
       forced height alone stretches them horizontally. */
    width: auto;
    max-width: 100%;
    object-fit: contain;
  }
}

.page-node-type--news .area-reference-container {
  .area-container {
    img {
      height: 50px;
    }
  }
  .phd-course-logo {
    img {
      height: 50px;
    }
  }
}

@media (min-width: 992px) {
  .page-node-type--news .area-reference-container {
    .area-container {
      img {
        height: 60px;
      }
    }
    .phd-course-logo {
      img {
        height: 60px;
      }
    }
  }
}

@media (min-width: 1200px) {
  .page-node-type--news .area-reference-container {
    .area-container {
      img {
        height: 70px;
      }
    }
    .phd-course-logo {
      img {
        height: 90px;
      }
    }
  }
}


/* node event */
.container-card-event-metadata .area-reference-container {
  .area-container img {
    height: 70px;
  }
  .phd-course-logo img {
    height: 70px;
  }
}

/* full width card */
@media (min-width: 992px) {
  section.card-description {
    .area-reference-container {
      margin-top: 2rem;
    }
  }

  section:not(.card-description, .related-cards-container) {
    .area-reference-container {
      /* tolto per card-pubblication */
      /* flex-direction: column; */
      margin-top: 0rem;
      gap: 10px;
    }
  }
   section:not(.card-description, .related-cards-container) .card-event {
    .area-reference-container {
    flex-direction: column;
    }
  }

  .region .pt-news__header .area-reference-container,
  section .card-news .area-reference-container {
    flex-direction: row;
  }
}

@media (min-width: 1200px) {
  .region .pt-news__header .area-reference-container {
    gap: 30px;
  }
}

/* Applied on the area microsites only; this site is one of them. */
.area-container {
  display: none !important;
}