/**
 * @file
 * Component styles.
 */

/* PARAGRAFO SEMPLICE */
.block-field-blockparagraphsemplice-field-par-documenti
  .content
  .field--type-entity-reference {
  margin: 0;
}

@media all and (min-width: 560px) {
  .node .field--type-image {
    margin: 0;
  }
}

.paragraph-title {
  font-size: 2rem;
  color: var(--blue-istituzionale--100);
  font-family: var(--font-family--headings);
  font-weight: 800;
  line-height: 1.2;
}

:is(.paragraph--type--semplice-, .paragrafo-semplice) .img-paragraph img {
  float: left;
  margin: 0 0 40px 0;
}
@media (min-width: 992px) {
  :is(.paragraph--type--semplice-, .paragrafo-semplice) .img-paragraph img {
    max-width: 400px !important;
    padding-right: 20px;
  }
}
:is(.paragraph--type--semplice-, .paragrafo-semplice).image-wide
  .img-paragraph
  img {
  width: 100%;
  max-width: none !important;
  padding-right: 0;
}
.paragrafo-semplice .link.content a::before {
  padding-right: 40px;
}

/* Accordion */
.paragrafo.aprichiudi {
  border-top: 1px solid
    color-mix(in srgb, var(--blue-istituzionale--100), white 80%);
  border-bottom: 1px solid
    color-mix(in srgb, var(--blue-istituzionale--100), white 80%);
}
.aprichiudi .panel-title {
  width: 100%;
  border: 0;
  padding: 1rem 0.5rem;
  color: var(--blue-istituzionale--80);
  background-color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: left;
  justify-content: space-between;
  flex-direction: row;
}
.aprichiudi .panel-title:after {
  content: url("/themes/custom/iuss/icon/icon-chevron--down.svg");
  transition: transform 0.2s ease-in-out;
}
.aprichiudi .panel-title[aria-expanded="true"]:after {
  transform: rotate(180deg);
}
.aprichiudi .field--name-field-par-testo + div {
  margin-top: 2.75rem;
}

/* slideshow nel Paragrafo Semplice */
.paragrafo-semplice .slick-arrow {
  width: 60px;
  height: 60px;
}
.paragrafo-semplice button.slick-next.slick-arrow {
  right: 2%;
}

/* paragrafo semplice-temi */
.semplice-temi-container {
  display: grid;
  grid-template-columns: 60% 38%;
  justify-content: space-between;
}
.semplice-temi-testo {
  grid-row-start: 1;
}

.semplice-temi-testo a:not(:hover, :focus) {
  text-decoration: none;
}

@media (max-width: 768px) {
  .semplice-temi-container {
    grid-template-columns: 100%;
  }
  .semplice-temi-testo {
    grid-row-start: 2;
  }
}

/* PARAGRAFO IN EVIDENZA */
.evidenced-paragraph {
  background-color: color-mix(
    in srgb,
    var(--blue-istituzionale--100),
    white 95%
  );
  padding: 1.4rem;
}
.evidenced-paragraph .title-news-hp a {
  font-weight: 900;
}
.evidenced-paragraph .block-field-blockparagraphsemplice-field-par-testo + div {
  margin-top: 2.75rem;
}

.evidenced-paragraph .text-formatted p:last-child {
  margin-bottom: 0;
}

/* CARD */
.paragraph-card .card-img-overlay {
  background: var(--blue-istituzionale--100) 0% 0% no-repeat padding-box;
  opacity: 0.82;
  text-shadow: rgb(23 35 60) 1px 3px 5px !important;
}
.paragraph-card .btn-primary {
  padding: 0.4rem;
  position: absolute;
  bottom: 0px;
  left: 5%;
  background-color: var(--blue-istituzionale--100) !important;
  border: 1px solid #fff !important;
  border-radius: 0 !important;
  margin-left: 10px;
  max-width: 80%;
  line-height: 1.2;
}
.paragraph-card .btn-primary a {
  color: #fff !important;
  display: inline-flex;
  font-size: 14px;
  text-align: left;
}
.paragraph-card .btn-primary a::after {
  content: "";
  margin-left: 1rem;
  padding-left: 2rem;
  height: 1.4rem;
  background: url(/themes/custom/iuss/icon/icon-arrow-right-link) no-repeat;
  background-size: 1.4rem;
  filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(4295%)
    hue-rotate(253deg) brightness(120%) contrast(111%);
}
.paragraph-card .card-title {
  font-size: 1.25rem;
  line-height: 1.2;
  font-family: var(--font-family--headings);
  font-weight: 800;
  height: 100%;
  color: #fff;
  display: flex;
  padding: 1rem;
  flex-direction: column;
}

.paragraph-card .card-title::after {
  content: "";
  display: block;
  height: 1.5rem;
  margin-top: auto;
  background: url(/themes/custom/iuss/icon/icon-arrow-right.svg) no-repeat
    right / 1.5rem;
}
.column-card.col-1 {
  margin-right: 2%;
  width: 48% !important;
}
.column-card.col-2 {
  margin-left: 2%;
  width: 48% !important;
}

/* VIDEO */
.paragraph--type--spazio-video .paragraph-title {
  font-size: 1.5rem;
}

/* HOMEPAGE CARD VIDEO/PODCAST */
.hp_video_podcast,
.page_video_podcast {
  position: relative;
}
.hp_video_podcast .link,
.page_video_podcast .link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

/* HOMEPAGE CARD VIDEO/PODCAST IN EVIDENZA */
.video-evidenza .video_img {
  padding-left: 0;
  padding-right: 0;
}
.video-evidenza .video_img .contextual-region,
.video-evidenza .video_img .field--name-field-media-image,
.video-evidenza .video_img .field--name-field-media-image .field__item,
.video-evidenza .video_img img {
  height: 100%;
}
.video-evidenza .video_img img {
  margin: 0;
  object-fit: unset;
  position: unset;
}

@media (min-width: 87.5em) {
  .video-evidenza .video_img img {
    object-fit: unset;
    position: unset;
  }
}

.video-evidenza .paragraph-title {
  font-size: 1.5rem;
  font-family: var(--font-family--headings);
  line-height: 1.2;
}

/* PARTECIPANTI */
.partecipanti .card {
  border: 0;
  border-bottom: 1px solid #ccc;
  margin-bottom: 2rem;
}

/* PROGETTI */
.progetti .paragraph-card a {
  color: #fff !important;
  font-weight: 600;
}
.progetti .card-img-overlay {
  line-height: 1.2;
}
.progetti .card-img-overlay a {
  font-weight: 400;
}
.progetti-tag-temi {
  font-size: 0.9rem;
  width: 70%;
}
.card-title {
  bottom: 0;
}