/* ------------------ BANNER IMG ------------------ */
body:not(.directory) .view-page-image .views-field-field-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 3.017;
}


/* ------------------ SUBTITLE ------------------ */
.subtitle-custom,
.region-content article.node--type-general-meeting .field--name-field-subtitle,
.region-content article.node--type-page .field--name-field-subtitle,
.region-content article.node--type-opportunities-introduction .field--name-field-subtitle-deck- {
  font-size: 20px;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.5em;
  color: #999;
  margin-bottom: 2rem;
}

.region-content article.node--type-opportunities-introduction .field--name-field-subtitle-deck- p {
  margin: 0;
  line-height: 1.5em;
}

.region-content article.node .node__content .text-formatted p>img,
.region-content article.node .node__content .text-formatted div>img {
  margin: 0;
  height: auto;
  max-width: 100%;
}


/* ------------------ wysiwyg images AND alignment ----------------- */
figure.caption-img:not(.align-center):not(.align-right),
figure.caption-img.align-left {
  margin-left: 0;
}

figure.caption-img.align-right {
  margin-right: 0;
}

.caption-img img.caption {
  float: none !important;
}

figure>img {
  height: auto;
}

.caption-img>span {
  display: block;
  font-size: 12px;
  padding: 5px 0;
  line-height: 1.5em;
  color: #999;
  margin-top: -7px;
}

/* media embedded with caption */
figure.align-left article.media--type-image img,
figure.align-left article.media--type-image+figcaption,
/* media embedded no caption */
article.media--type-image.align-left img,
/* uploaded image with caption */
figure.align-left img,
figure.align-left img+figcaption,
/* uploaded image no caption */
.text-formatted img.align-left {
  margin-right: 1rem !important;
}

/* media embedded with caption*/
figure.align-right article.media--type-image img,
figure.align-right article.media--type-image+figcaption,
/* media embedded no caption */
article.media--type-image.align-right img,
/* uploaded image with caption */
figure.align-right img,
figure.align-right img+figcaption,
/* uploaded image no caption */
.text-formatted img.align-right {
  margin-left: 1rem !important;
}

figure figcaption,
.caption>figcaption {
  caption-side: bottom;
  display: table-caption;
  font-size: 12px;
  padding: 5px 0;
  line-height: 1.5em;
  color: #999;
  margin-bottom: 1rem;
}

/* thin spacing on caption for media or image */
figure.align-left article.media--type-image+figcaption,
figure.align-right article.media--type-image+figcaption,
figure.align-left img+figcaption,
figure.align-right img+figcaption {
  margin-bottom: .5rem;
}

/* remove too much spacing when aligned center media or image */
figure.align-center article.media--type-image+figcaption,
figure.align-center img+figcaption {
  margin-bottom: 0;
}

article>.node__content .field--name-body img {
  height: auto;
  margin: 0;
}

article>.node__content article.align-center.media,
article>.node__content .field--name-body img.align-center {
  margin: 0 auto;
}


/* ------------------ YOUTUBE VIDEO EMBEDDED ------------------ */
/* .region-content article.node .node__content .text-formatted iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 1.778;
} */


/* ------------------ DOWNLOADS, ATTACHMENTS and additional fields ------------------ */
.page-article .field--name-field-ref-tags,
.region-content article .field--name-field-attachments {
  margin-top: 3rem;
}

.region-content article:not(.node--type-fellow-young-affiliate) .field>.field__label {
  margin-bottom: .5rem;
}

.region-content article .field--name-field-attachments>.field__items>.field__item {
  padding: .5rem 1rem .5rem 0rem;
  border-bottom: 1px solid #ccc;
}

.field--name-field-attachments .field--name-field-media-document .field__item {
  display: flex;
  justify-content: space-between;
}

.region-content article .field--name-field-attachments>.field__items>.field__item:first-child {
  border-top: 1px solid #ccc;
}

.region-content article .field--name-field-attachments>.field__items>.field__item:nth-child(2n) {
  background-color: #eee;
}

.region-content article .field--name-field-attachments>.field__items>.field__item a {
  color: var(--link);
  text-decoration: none;
  word-break: break-all;
}

.region-content article .field--name-field-attachments>.field__items>.field__item a:hover {
  text-decoration: underline;
}

@media (min-width: 1024px) {
  .region-content article .field--name-field-attachments>.field__items>.field__item {
    padding: .5rem 1rem .5rem 1rem;
  }

  /* BANNER IMG */
  .view-page-image .views-field-field-image img {
    max-width: 860px;
    height: auto;
    aspect-ratio: auto;
  }
}


@media (max-width: 1024px) {
  .caption-img {
    width: 100%;
    padding: 0 !important;
  }

  .caption-img img {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
  }

  .caption-img span {
    width: 100% !important;
    margin-bottom: 30px;
  }
}


/* ------------------ CAROUSEL BREAKPOINT che sennò scazza tutto ------------------ */
.region-page-title,
.region-content-before,
.region-content,
.region-content-below {
  max-width: calc(100vw - 2rem);
}

@media (min-width: 768px) {

  .region-page-title,
  .region-content-before,
  .region-content,
  .region-content-below {
    max-width: 745px;
  }
}

@media (min-width: 1024px) {

  .region-page-title,
  .region-content-before,
  .region-content,
  .region-content-below {
    max-width: 745px;
  }
}

@media (min-width: 1280px) {

  .region-page-title,
  .region-content-before,
  .region-content,
  .region-content-below {
    max-width: 930px;
  }
}

@media (min-width: 1400px) {

  .region-page-title,
  .region-content-before,
  .region-content,
  .region-content-below {
    max-width: none;
  }
}


/* ------------------------------- IMG POPUP STYLE ------------------------------- */
.region-content article.node .node__content .text-formatted img,
.region-content article.node .node__content .text-formatted p>img,
.region-content article.node .node__content .text-formatted div>img,
.region-content article.node .node__content .text-formatted p>.colorbox .caption-img img,
.region-content article.node .node__content .text-formatted>a .caption-img img,
.region-content article.node .node__content .text-formatted figure.caption-img img {
  cursor: pointer;
}



/* ------------------ MANAGE IMAGES RESPONSIVE ------------------ */
@media (max-width:768px) {
  /* .region-content article.node .node__content .text-formatted img, */
  .region-content article.node .node__content .text-formatted .field__item img {
    width: 100%;
  }
  .region-content article.node .node__content .text-formatted img,
  .region-content article.node .node__content .text-formatted .field__item img {
    max-width: 100%;
  }
}

.region-content article.node .node__content .text-formatted>img,
.region-content article.node .node__content .text-formatted figure:not(.caption) .field__item img {
  margin-bottom: 1rem;
}


/* ------------------ ALIGN IMAGES ------------------ */
@media (min-width:768px) {
  article.align-center.media.media--type-image .field__item {
    display: flex;
    justify-content: center;
  }
}

@media (min-width:992px) {
  article.node article.media.align-right {
    margin-right: 0;
  }

  article.node figure.align-right article.media {
    margin-right: 0;
  }

  article.node article.media.align-left {
    margin-left: 0;
  }

  article.node figure.align-left article.media {
    margin-left: 0;
  }

  article.node figure:not(.align-center) {
    margin: 0;
  }
}


/* ------------------ YOUTUBE EMBEDDED IN WYSIWYG ------------------ */
.text-formatted iframe {
  max-width: 100%;
  height: auto;
  aspect-ratio: calc(16 / 9);
}