html,
body {
  overflow-x: hidden;
  min-width: 320px;
}

body {
  color: #000000;
  font-family: "Roboto Slab", "Helvetica", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.43;
  font-weight: 400;
}

.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}

@media screen and (min-width: 768px) {
 .full-width-md {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
 }
}

@media screen and (min-width: 992px) {
 .full-width-lg {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
 }
}


*:focus {
  outline: none;
}

*:focus-visible {
  outline-style: auto;
  outline-color: rgb(41 77 172);
  outline-width: 1px;
  outline-offset: 1px;
  position: relative;
  z-index: 99999;
}

a {
  white-space: normal;
  color: #000000;
  text-underline-offset: 5px;
  text-decoration-thickness: 1.5px;
  text-decoration-line: none;
}

a:hover,
a:focus,
a:visited {
  text-decoration-line: underline;
}

.block-unitn-dip-cookiesui a,
.hero-title .title-wrapper a,
.breadcrumb a {
 text-decoration-line: none;
}
.block-unitn-dip-cookiesui a:hover,
.block-unitn-dip-cookiesui a:focus,
.hero-title .title-wrapper a:hover,
.hero-title .title-wrapper a:focus,
.breadcrumb a:hover,
.breadcrumb a:focus {
 text-decoration-color: #fff;
 text-decoration-line: underline;
}

.cookies-fallback--btn {
  background: #007185;
  color: #fff;
}

a.ext::after {
    content: url(/themes/custom/unitn/icons/freccia-link.svg);
    position: relative;
    padding-left: 0.4rem;
    margin-right: 3px;
    bottom: 1px;
}

.white a.ext::after {
 filter: invert(1);
}

.link-tutta-card a {
  position: absolute;
  inset: 0;
  font-size: 0;
}

a.link-card-all {
 text-decoration-line: none;
}

a.link-card-all.ext::after,
.link-tutta-card a.ext::after,
.region-wrapper-featured-top a.ext:after {
 content: none;
}


a,
.breadcrumb-item.active,
.box-testimonial .colonna-sinistra,
.box-testimonial .colonna-sinistra a {
 color: #000000;
}

/** file **/

.file {
  position: relative;
 }

.file--x-office-document {
  background-image: none;
  padding-left: 30px;
  position: relative;
}
.file--x-office-document a::before {
  content: "";
  display: block;
  position: absolute;
  left: -6px;
  background-image: url(/themes/custom/unitn/icons/pdf.svg);
  background-size: 26px;
  height: 26px;
  width: 26px;
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
}


.button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  border-radius: 4px;
}

.button a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

img {
  width: 100%;
  height: auto;
}

.didascalia-immagine p {
    text-align: end;
    color: #6c757d;
    font-size: 0.7rem;
    margin-top: 10px;
}

/** DISPLAY **/
.d-mobile-none,
.d-mobile-flex-none {
  display: none !important;
}

.d-mobile-only-flex {
  display: flex !important;
}

.d-mobile-only-block {
  display: block !important;
}

@media (min-width: 1200px) {
  .d-mobile-flex-none {
    display: flex !important;
  }

  .d-mobile-none {
    display: block !important;
  }

  .d-mobile-only-flex {
    display: none !important;
  }

  .d-mobile-only-block {
    display: none !important;
  }
}


.dotted_title,
.breakline_title {
  position: relative;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
}

/* 3.  */
.dotted_title::before,
.breakline_title::before {
  border-top: 2px dotted #cccccc;
  content: " ";
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
}

.dotted_title::before {
  left: 0;
}

.breakline_title::before {
  border-top: 2px solid #000;
  width: 140%;
  left: -20%;
}


.dotted_title::after {
  border: none;
  right: 0;
}

.dotted_title h2 {
  width: fit-content;
  z-index: 1;
  padding: 0 10px;
  margin: 0;
}

.dotted_title > span,
.breakline_title > span {
  width: fit-content;
  z-index: 1;
  margin: 0;
  font-size: 20px;
  line-height: 26px;
  padding: 0 10px;
}

.breakline_title > span {
  background: white;
  position: relative;
}

.bb-dotted {
  border-bottom: 2px dotted #cccccc;
}

/*nodo non pubblico*/
.node--unpublished {
  background-color: #f0d1d1;
}

.field--label-inline .field__label:after {
 content: ":";
 display: inline-block;
}
.field--type-string.field--label-inline .field__item,
.field--type-string.field--label-inline .field__label {
 display: inline;
}

/*
@media (min-width: 1024px) {
  .d-mobile-block {
    display: block !important;
  }
  .d-mobile-flex {
    display: flex !important;
  }
  .d-mobile-none {
    display: none !important;
  }
}
*/
/* COLORI */

/*** sostituire con .text-white di bootstrap ***/
.white,
.white a {
  color: #fff !important;
}

/*** sfondi per blocchi ***/


@media (min-width: 768px) {
.overlay::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left:0;
  width:100%;
  height:100%;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), transparent);
}

.overlay.ovdark::before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), transparent);
}

.overlay.ovextradark::before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), transparent);
}

}

.overlaytotop::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left:0;
  width:100%;
  height:100%;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
}

.overlaytotop.ovdark::before {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
}

.overlaytotop.ovextradark::before {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
}



.sfondo::after,
.sfondo::before {
 content:"";
 width:100%;
 height:100%;
 display:block;
 position: absolute;
 top:0;
}

.main-content.col-lg-9 .sfondo::after,
.main-content.col-lg-9 .sfondo::before {
 content: none;
}

.sfondo::after {
 left:100%;
}
.sfondo::before {
 right: 100%;
}

.sfondo-white,
.sfondo-white .dotted_title > h2 {
  background-color: #ffffff;
}

.sfondo-white * {
 color: #000000;
}

.sfondo-grey,
.sfondo-grey .dotted_title > *,
.sfondo-grey .dotted_title > h2,
.sfondo.sfondo-grey::after,
.sfondo.sfondo-grey::before {
  background-color: #f0f0f0;
}

.sfondo-gray,
.sfondo-gray .dotted_title > *,
.sfondo-gray .dotted_title > h2,
.sfondo.sfondo-gray::after,
.sfondo.sfondo-gray::before {
  background-color: #f0f0f0;
}

.sfondo-dark,
.sfondo-dark .dotted_title > *,
.sfondo-dark .dotted_title > h2,
.sfondo.sfondo-dark::after,
.sfondo.sfondo-dark::before {
  background-color: #323232;
}

.sfondo-rosso,
.sfondo-rosso .dotted_title > *,
.sfondo-rosso .dotted_title > h2,
.sfondo.sfondo-rosso::after,
.sfondo.sfondo-rosso::before {
  background-color: #cd132c;
}

.sfondo-dark-grey,
.sfondo-dark-grey .dotted_title > *,
.sfondo-dark-grey .dotted_title > h2,
.sfondo.sfondo-dark-grey::after,
.sfondo.sfondo-dark-grey::before {
  background-color: #565658;
}

.sfondo-rosso a.ext::after,
.sfondo-dark a.ext::after,
.sfondo-dark-grey a.ext::after {
  filter: invert(1);
}

.sfondo-rosso .sfondo-white a.ext::after,
.sfondo-dark .sfondo-white a.ext::after,
.sfondo-dark-grey .sfondo-white a.ext::after {
  filter: none;
}

.sfondo-rosso *,
.sfondo-dark *,
.sfondo-dark-grey * {
  color: white;
}

.sfondo-rosso a,
.sfondo-dark a,
.sfondo-dark-grey a,
.sfondo-rosso a:hover,
.sfondo-dark a:hover,
.sfondo-dark-grey a:hover,
.sfondo-rosso a:focus,
.sfondo-dark a:focus,
.sfondo-dark-grey a:focus,
.sfondo-rosso .dotted_title > *,
.sfondo-dark .dotted_title > *,
.sfondo-dark-grey .dotted_title > * {
  color: white;
}


/* FONTS */
.node__content,
p {
  font-size: 1rem;
  line-height: 1.5;
}

.btn-primary {
  background-color: #007185 !important;
  border-color: #007185 !important;
}

.btn-primary:hover {
  background-color: #01404b !important;
  border-color: #01404b !important;
}

.btn-primary:focus {
  box-shadow: 0 0 0 0.25rem #0cbede;
}

.fs--18 {
  font-size: 18px;
}

.fs--20 {
  font-size: 20px;
}

.fs--24 {
  font-size: 24px;
}

h1 {
  font-size: 32px;
  line-height: 36px;
  font-weight: 500;
  margin: 0;
}

h2 {
  font-size: 24px;
  font-weight: 500;
}
h3 {
  font-size: 20px;
  font-weight: 500;
}

h4 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
h5 {
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
}


/* font-size grafica ateneo */


.title-border h2.titolo-paragrafo,
.title-border .titolo-paragrafo {
  width: fit-content;
  font-weight: 500;
  padding: 0 0 1rem 0;
  margin: 0;
}
.title-border h2.titolo-paragrafo::after,
.title-border .titolo-paragrafo::after {
  content: "";
  border-bottom: 5px solid #ce0f2d;
  width: 50px;
  display: block;
  padding: 0.5rem 0rem;
}

.paragraph--type--integrazioni-course-catalogue .fisarmonica h2 {
  font-size: 20px;
  text-transform: none !important;
}

@media (min-width: 768px) {

h1.page-title {
  font-size: 40px;
  line-height: 48px;
}
 
h2.titolo-paragrafo,
.titolo-paragrafo {
    font-size: 24px;
    line-height: 32px;
  }
  h3 {
    font-size: 20px;
    line-height: 28px;
  }
  h4 {
    font-size: 18px;
    line-height: 24px;
  }
  h5 {
    font-size: 18px;
    line-height: 24px;
  }
}


@media (min-width: 992px) {
 
h2.titolo-paragrafo,
.titolo-paragrafo {
    font-size: 26px;
    line-height: 34px;
  }
  h3 {
    font-size: 24px;
    line-height: 32px;
  }
  h4 {
    font-size: 20px;
    line-height: 30px;
  }
  h5 {
    font-size: 20px;
    line-height: 28px;
  }
}


/*Citazione*/
blockquote {
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  font-style: italic;
}

blockquote p {
  display: inline;
}

/* stile citazione cambiare virgolettato, rendere conforma a modulo testimonial (icona) */
blockquote::after,
blockquote::before {
  content: "";
  background-image: url(/themes/custom/unitn/icons/virgolettenere.svg);
  background-size: 1rem;
  background-repeat: no-repeat;
  padding-right: 1rem;
  margin: 5px;
}

/*telefono cliccabile solo da mobile*/
@media screen and (min-width: 768px) {
  a[href*="tel:"] {
    cursor: default;
  }
}

/***** NAV GENERAL *****/

nav ul {
  padding-left: 0;
  list-style: none;
}

.nav-link,
.nav-link:hover,
.nav-link:focus {
 color: white;
}

#block-logo-2 {
  display: none;
}

/******** BREADCRUMBS  GENERAL *********/

.breadcrumb-item+.breadcrumb-item::before {
  content: url(/themes/custom/unitn/icons/freccia-breadcrumb.svg);
  padding-right: 10px;
}
.breadcrumb-item:first-child:not(.active)::before {
  content: url(/themes/custom/unitn/icons/home-breadcrumb.svg);
  padding-right: 10px;
}

@media (min-width: 768px) {
 .hero-wrapper .breadcrumb-item+.breadcrumb-item::before {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7489%) hue-rotate(276deg) brightness(101%) contrast(100%);
  }
 .hero-wrapper .breadcrumb-item:first-child:not(.active)::before {
   filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7489%) hue-rotate(276deg) brightness(101%) contrast(100%);
  }
}

.breadcrumb .breadcrumb-item:last-child {
  font-weight: 700;
}



/******** FIELD GENERAL ********/

.field--type-entity-reference {
  margin: 0;
}

.field--name-field-abstract {
  padding: 1.5rem 0;
}

.field--name-field-abstract p {
  font-size: 20px;
  margin: 0;
}

.subtitle {
 font-size: 36px;
 line-height: 48px;
}

.nomp p:last-child {
  margin-bottom: 0;
}


/********* slider general *************/

.slick--field-cards .slick__arrow{
  position: absolute;
  top: 35%;
  z-index: 2;
  width: 102%;
  justify-content: space-between;
  display: flex;
  left: -1%;
}
.slick--field-cards .slick-arrow {
 border: none;
 font-size: 0;
 position: relative;
 background: transparent;
 padding: 0;
}


.slick-arrow {
  width: 56px !important;
  height: 56px !important;
  z-index: 1;
}

.slick-next::before,
.slick-prev::before {
    display: block;
    width: 56px;
    height: 56px;
    content:"" !important;
    opacity: 0.8;
    background-size: 100%;
    background-repeat: no-repeat;
    font-size: 0;
    background-size: cover;
    box-shadow: 0px 0px 10px #00000029;
    border-radius: 50%;
}

.slick-next::before {
    background: url("/themes/custom/unitn/icons/arrowright.svg");
}
.slick-prev::before {
  background:  url("/themes/custom/unitn/icons/arrowleft.svg");
}

.sfondo-grey .slick-arrow:hover::before,
.sfondo-gray .slick-arrow:hover::before,
.slick-arrow:hover::before {
    filter: contrast(120%) drop-shadow(2px 2px 4px #c0c0c0);
}
@media (min-width: 768px) {
.slick--field-cards .slick__slide {
 padding: 20px;
}
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.slick-dots {
  bottom: 1rem;
  height: 10px;
}
.slick-dots li {
  width: 28px;
  height: 5px;
  margin: 0 10px;
}

.slick-dots li button {
  width: 28px;
  height: 5px;
}

.slick-dots li button:before {
  width: 28px;
  height: 5px;
  background: #ffffff;
  content: "";
}


/********  MENU SPALLA ***********/

.sidebar .block {
  padding-left: 0rem;
  border: none;
}

.menu-spalla {
  background-color: unset !important;
}
.menu-spalla a {
  color: #000000;
  padding: 0rem;
  text-decoration-color: white;
}


.menu-spalla .nav-item.active .dropdown-menu.level-1 {
  display: block;
  padding-left: 10px;
}

.menu-spalla .dropdown-menu {
  background-color: transparent;
  transform: none !important;
  position: unset !important;
  border: unset;
}
.menu-spalla .nav-item {
  padding: 1rem 0rem;
  border-bottom: 1.5px solid;
}
.menu-spalla .dropdown-item:focus,
.menu-spalla .dropdown-item:hover {
  color: #000000;
  background-color: unset;
}
.menu-spalla .nav-item.active {
  font-weight: 700;
}
.menu-spalla .nav-item.active > a::before {
  content: url(/themes/custom/unitn_eventi/icons/freccia-breadcrumb.svg);
  padding-right: 10px;
  filter: brightness(0) saturate(100%) invert(14%) sepia(96%) saturate(5864%)
    hue-rotate(347deg) brightness(83%) contrast(92%);
}
.menu-spalla .menu-apri-chiudi {
  display: block !important;
  background: unset;
  border: unset;
  position: absolute;
  right: 0rem;
  top: 1rem;
  transition: transform 0.2s ease-in-out;
}
.menu-spalla .dropdown-item .menu-apri-chiudi {
  top: 0.4rem;
}
.menu-spalla .dropdown-item span + .menu-apri-chiudi {
  top: -0.4rem;
}
.menu-spalla .menu-apri-chiudi::after {
  content: "";
  display: block;
  background-image: url(/themes/custom/unitn/icons/freccia-menu.svg);
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}
.menu-spalla .menu-apri-chiudi.show::after,
.menu-spalla .active.dropdown > a + .menu-apri-chiudi::after,
.menu-spalla .active.dropdown > a + .menu-apri-chiudi.show::after {
  content: "";
  background-image: url(/themes/custom/unitn/icons/freccia-menu.svg);
  transform: rotate(-180deg);
}
.menu-spalla span + .menu-apri-chiudi::after {
  content: url(/themes/custom/unitn_default/icons/add.svg);
  display: block;
  margin-left: auto;
  transition: transform 0.2s ease-in-out;
  font-size: 24px;
  background-image: unset;
  filter: brightness(0) saturate(100%) invert(21%) sepia(91%) saturate(0%)
    hue-rotate(201deg) brightness(91%) contrast(97%);
}
.menu-spalla span + .menu-apri-chiudi.show::after {
  content: url(/themes/custom/unitn/icons/minus.svg);
  display: block;
  margin-left: auto;
  font-size: 30px;
  line-height: 30px;
  background-image: unset;
  transform: unset;
  filter: brightness(0) saturate(100%) invert(21%) sepia(91%) saturate(0%)
    hue-rotate(201deg) brightness(91%) contrast(97%);
}
.menu-spalla span {
  white-space: normal;
  word-break: break-word;
  display: block;
  width: 90%;
}
.menu-spalla .dropdown-item {
  margin-bottom: 0.5rem;
  padding: 0rem;
}
.menu-spalla .dropdown-item:has(> span),
.menu-spalla .dropdown-item:has(> span):hover {
  background-color: #f2f2f2;
}
.menu-spalla .dropdown-item:has(> span) .dropdown-menu.show {
  background-color: white;
  padding-left: 10px;
}
.menu-spalla .dropdown-item ul .dropdown-item {
  margin-left: 10px;
}
.menu-spalla .dropdown-item span ~ ul .dropdown-item {
  margin-left: 0rem;
}
li:has(> .nav-link-):has(> .dropdown-menu) .dropdown-menu {
  padding-top: 1rem;
}

/* fix sovrapposizione frecce/voci menu */
.sidebar .dropdown-menu {
  min-width: 5rem;
}
.sidebar .nav-item.dropdown > a {
  margin-right: 30px;
}

/*sidebar*/
.menu-spalla .nav-item:has(> span),
.menu-spalla .nav-item:has(> span):hover {
  padding: 0;
}
.menu-spalla .nav-item > span {
  background-color: #f2f2f2;
  margin: 1rem 0rem;
  width: 100%;
}
.menu-spalla .nav-item .nav-link {
  color: #000000;
  padding: 0;
}
/* fix sovrapposizione frecce/voci menu */
.sidebar .dropdown-menu {
  min-width: 5rem;
}
.sidebar .nav-item.dropdown > a {
  margin-right: 30px;
}

/*sidebar*/

.sidebar .dropdown-menu.level-1 .dropdown-item.dropdown:not(:has(> span)) {
  padding-right: 30px;
}
.sidebar
  .dropdown-menu.level-1
  .dropdown-item.dropdown:not(:has(> span))
  > .menu-apri-chiudi {
  top: 0;
}
.menu-spalla .dropdown > .dropdown-menu.show {
  padding-left: 10px;
  position: relative;
}
.sidebar_first .navnavbar-nav .dropdown:has(span.nav-link) > .dropdown-menu {
  padding-left: 10px;
  padding-top: 5px;
}
.sidebar .block {
  border: 0;
}
/* sposta l'icona freccia fuori dalla sidebar */
.menu-spalla .nav-item.active > a {
  position: relative;
}
.menu-spalla .nav-item.active > a::before {
  position: absolute;
  left: -20px;
}

/* allinea l'icona alla voce di menu*/
.menu-spalla .dropdown span + .menu-apri-chiudi {
  top: -0.2rem;
}
.menu-spalla .dropdown span + .menu-apri-chiudi.show {
  top: -0.4rem;
}



/*-------------------------------
          HEADER
--------------------------------*/
#header {
  position: relative;
  max-height: 800px;
}


/********** MAIN BG **********/

/** VIDEO HP **/
.node--type-home-page .view-hero-copertina video {
  max-height: 800px;
  object-fit: cover;
  width: 100%;
}
/* overlay */
.views-field-field-video-hp .field__item {
  position: relative;
}

.views-field-field-video-hp .field__item::before,
.node--type-home-page
  .view-hero-copertina
  .field--type-image
  .field__item::before,
.blazy--view--hero-copertina-block-block-1 .media--image::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}

.views-field-field-video-hp .field-content::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
  z-index: 1;
}


/** COPERTINA **/

.img-copertina img {
  height: 550px;
  object-fit: cover;
}

@media (min-width: 768px) {
.img-copertina img {
  height: 650px;
  }
}

/** PAGE TITLE  **/

.main_bg_title {
  top: 220px;
  width: 100%;
  color: #ffffff;
}

.main_bg_title a {
color: #ffffff;
}

.main_bg_title h1.page-title {
 margin-top: 1.5rem;
 text-transform: uppercase;
 font-size: 32px;
 line-height: 35px;
 font-weight: 700;
}

@media (min-width: 768px) {
  .main_bg_title h1.page-title {
    font-size: 55px;
    line-height: 58px;
  }
}

/************** NAVBAR TOP  **************/

#navbar-top {
  background: #323232;
  padding: 0.5rem 1rem;
  align-items: flex-start;
  z-index: 5;
  position: relative;
  width: 100%;
}

#header.withbg #navbar-top {
  position: absolute;
  top: 0;
}

.site-default.path-user #page header:not(:has(.collapse.show)) #navbar-top {
  background: #f3f3f3;
}
.site-default.path-news #page header:not(:has(.collapse.show)) #navbar-top {
  background: #b10b25;
}

@media (min-width: 768px) {
  .header.withbg #navbar-top {
    background-color: transparent;
  }
}

#navbar-top .titolo-gruppo p {
  display: none;
}

#navbar-top .links .nav-link {
  padding: 0rem;
}

/* fix spazio davanti alla lingua */
#navbar-top .region-top-header > nav {
  padding: 0;
}

.region-top-header {
 align-self: flex-start;
}

.navbar-form {
  width: 80%;
}

.region-top-header-form {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: flex-end;
}
.row.region.region-top-header a,
.navbar-form a {
  color: white;
  border-right: 2px solid white;
  font-weight: 700;
  padding: 6px 12px;
}

.row.region.region-top-header a:hover,
.navbar-form a:hover,
.row.region.region-top-header a:focus,
.navbar-form a:focus {
 text-decoration-line: underline;
 text-underline-offset: 5px;
 text-decoration-thickness: 1.5px;
 text-decoration-color: white !important;
}

.menu-utility-burger a.ext::after {
  content: none;
}

/**** LANGUAGE SWITCHER ****/

.block-language {
  padding: 0;
}

.block-language .links {
  padding-top: 4px;
}

.row.region.region-top-header a.language-link {
  padding-right: 1rem;
  border-right: unset;
}
.language-link.is-active {
  display: none;
}


.blocco-cerca button {
 display: inline-flex;
}
/*************************************************
 * SEARCH
 *************************************************/

#block-unitn-dip-cerca {
 padding: 0 10px 0 0;
 }


.blocco-cerca .search-form {
  background-color: #000;
  border: 1px solid #000;
  border-radius: 30px;
  position: relative;
}


#page:has(.collapse.show) .blocco-cerca .search-form {
  background-color: transparent;
  border-color: #fff;
}

.blocco-cerca .js-form-type-search {
  max-height: 10px;
}

.blocco-cerca .search-form input.form-search {
  background: none;
  border: none;
  font-size: 1.125rem;
  padding-left: 15px;
}

.blocco-cerca .search-form input.form-search:focus,
.blocco-cerca .search-form input.form-search:focus-visible {
  outline: none;
}

.search-container {
  line-height: 1.375rem;
}

/*************************************************
 * COLORI INPUT
 *************************************************/

.search-form input,
.search-form input::placeholder {
  color: #000;
}

.node--type-home-page .search-form input,
.node--type-home-page .search-form input::placeholder,
#page:has(.collapse.show) .search-form input,
#page:has(.collapse.show) .search-form input::placeholder,
.main_bg + .navbar .search-form input,
.main_bg + .navbar .search-form input::placeholder {
  color: #fff;
}

/*************************************************
 * TOGGLE
 *************************************************/

.search-toggle-wrapper {
  display: none;
}

.search-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 0 0;
  margin: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.search-toggle img {
  width: 24px;
  height: 24px;
  display: block;
}

/*************************************************
 * DESKTOP
 *************************************************/

@media (min-width: 768px) {

  .search-toggle-wrapper {
    display: none !important;
  }
}

/*************************************************
 * MOBILE
 *************************************************/

@media (max-width: 767px) {

  .blocco-cerca {
    position: relative;
  }

  .blocco-cerca .search-form {
    background: transparent;
    border: 0;
    padding: 0;
  }
  
  .blocco-cerca .search-form input.form-search {
    background: #000;
   }

  .search-container {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    overflow: visible !important;
  }

  /***********************************************
   * MOSTRA SOLO LA LENTE
   ***********************************************/

  .search-toggle-wrapper {
    display: block;
  }

  /***********************************************
   * NASCONDE INPUT E SUBMIT
   ***********************************************/

  .blocco-cerca .form-search,
  .blocco-cerca #edit-submit {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
      opacity .25s ease,
      transform .25s ease;
  }

  /***********************************************
   * PANEL FLOTTANTE
   ***********************************************/

  .blocco-cerca .form-search {
    top: -4px;
    right: 0;
    padding: 0 0 0 15px;
    z-index: 1000;
    height: 44px;
    border-top: 1px solid #fff;
    width: 250px;
}

  .blocco-cerca #edit-submit {
    top: 4px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    z-index: 1001;
  }

  .blocco-cerca #edit-submit img {
    width: 24px;
    height: 24px;
  }


  /***********************************************
   * APERTO
   ***********************************************/

  .blocco-cerca.search-open .form-search,
  .blocco-cerca.search-open #edit-submit {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .blocco-cerca.search-open .search-toggle-wrapper {
    display: none;
  }

  /***********************************************
   * DARK MODE HEADER
   ***********************************************/

  .node--type-home-page .blocco-cerca .form-search,
  #page:has(.collapse.show) .blocco-cerca .form-search,
  .main_bg + .navbar .blocco-cerca .form-search {
    background: #000;
    border-color: #fff;
  }

  .node--type-home-page .blocco-cerca #edit-submit,
  #page:has(.collapse.show) .blocco-cerca #edit-submit,
  .main_bg + .navbar .blocco-cerca #edit-submit {
    background: transparent;
  }
}


/************** NAVBAR MAIN ***************/

#navbar-main {
  background: #ce0f2d;
  z-index: 3;
  position:absolute;
  width: 100%;
  top: 0;
  padding: 160px 0 0;
}

/*******************  NAVBAR TOGGLE ************************/

#navbar-toggle {
  z-index: 5;
  position:relative;
  width: 100%;
  padding: 1rem;
  display: block;
}

#header.withbg #navbar-toggle {
  position:absolute;
  top: 3rem;
}

@media (min-width: 1200px) {
  #navbar-toggle {
    justify-content: center;
    display: flex;
  }
}


/**** NAVBAR BRAND ****/

.navbar-brand,
#navbar-toggle .brand-block{
  position: relative;
  z-index: 6;
  margin: 0;
  padding:0;
}


/* ridurre LOGO UNITRENTO a 300px- estendi su tutti gli ambienti */

#navbar-toggle .navbar-brand img,
#navbar-toggle .brand-block img {
  width: 225px;
}

@media (min-width: 1024px) {
  #navbar-toggle .navbar-brand img,
  #navbar-toggle .brand-block img {
    width: 270px;
  }  
}


#header.withbg  #block-unitn-logo-3,
#header.withbg  .brand-block,
.navbar-brand {
  display: none;
}

#header.withbg .navbar-brand {
  display: block;
}



#block-logo-2 img {
  width: 225px;
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  #block-logo-2 img {
    width: 270px;
  }
}



/****  MENU BURGER ****/

#navbar-toggle .navbar-toggler {
  display: inline-flex;
  align-items: center;
  padding: 0;
}

.navbar-toggler:focus {
  box-shadow: unset;
}
.contenitore-burger {
  color: #000000;
  position: absolute;
  top: 1.5rem;
  z-index:1;
}

.contenitore-burger .menutitle {
  display: block;
  font-size: 1.375rem;
  text-transform: uppercase;    
  font-weight: 400;
  line-height: 29.01px;
  display: inline-flex;
  color: #000000;
  padding: 20px 10px;
}

#header.withbg .contenitore-burger .menutitle {
   color: #fff;
}

.contenitore-burger .menu-chiuso {
  display: none;
}
.contenitore-burger button.collapsed .menu-chiuso {
  display: block;
}

.contenitore-burger .menu-aperto {
  display: block;
  background-color: #fff;
  border-radius: 50%;
}

.contenitore-burger button.collapsed  .menu-aperto {
  display: none;
}


@media (min-width: 1024px) {
  .site-default #page-wrapper #page .header:has(.navbar-collapse.show) .navbar {
    background: #ce0f2d;
    z-index: 2;
  }
}

/*** NAVIGAZIONE PRINCIPALE IN MEGA MENU ***/
.menu_principale_burger {
  z-index: 3;
  width: 100%;
}

.menu_principale_burger .navnavbar-nav {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  z-index: 1;
  position: relative;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0rem;
  width: 100%;
  padding: 1.5rem 4em;
}

.menu_principale_burger .nav-item a {
  color: white;
  text-decoration-line: none;
}

.menu_principale_burger .nav-item a:hover,
.menu_principale_burger .nav-item a:focus {
  text-decoration-line: underline;
}


.menu_principale_burger .nav-item > a,
.menu_principale_burger .nav-item > span {
  font-size: 1.25rem;
  text-transform: uppercase;
  line-height: 30px;
  font-weight: 500;
}

/*sottolineatura*/
.menu_principale_burger .nav-item .dropdown-item a {
  text-underline-offset: 5px;
  text-decoration-thickness: 1.5px;
}

.menu_principale_burger .dropdown-menu {
  background-color: transparent;
  border: none;
  position: static;
  display: block;
}
.menu_principale_burger .dropdown-menu > li {
  padding: 0.2rem 1rem;
  background: none;
}

.menu_principale_burger .dropdown-menu.level-2 {
    display: none;
}


/*** NAVIGAZIONE TARGET IN MEGA MENU ***/

.menu_target_burger {
  z-index: 3;
  background: #ce0f2d;
  width: 100%;
}

.menu_target_burger .content {
  padding: 1.5rem 4em;
}

.burger_target a {
  inset: 0;
  font-size: 0;
  z-index: 3;
}
.burger_target img {
  background-color: #901629;
  border-radius: 50%;
  aspect-ratio: 1/1;
  max-width: 120px;
  margin: 0 auto 1rem;
  display: block;
}

.burger_target:hover .testo-target-burger {
  text-decoration-line: underline;
 }
 
.burger_target:hover img {
  background-color: #fff;
}


/*** NAVIGAZIONE QUICK IN MEGA MENU ***/


.quick-links-burger {
  position: relative;
  width: 100%;
}

.quick-links-burger .nav {
  padding: 2rem 4em;
  justify-content: center;
  background: #ce0f2d;
}

.quick-links-burger .nav .nav-item {
  margin: 0 10px;
}

.quick-links-burger .nav .nav-item a {
    background-image: url(/themes/custom/unitn/icons/arrow.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    padding: 0 0 0 40px;
    line-height: 30px;
}


.menu_target_burger:after,
.quick-links-burger .nav:after {
  content: "";
  background: rgba(0,0,0,0.08);
  background-blend-mode: multiply;
  width: 100%;
  height: 100%;
  position:absolute;
  top: 0;
  left:0;
}

/******** TITLE WRAPPER *************/

.usual-title .title-wrapper {
 position: relative;
 margin-top: 1.5rem;
 }

.usual-title .title-wrapper:after {
 content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -1.5rem;
width: 100vw;
height: 100%;
box-shadow: 0px 15px 10px -15px #00000026;
}

.navbar-expand-lg .link__wrapper--hero {
  display: none;
}


/*header mobile hp*/
.main_hero .title-page__title--hero {
  display: block;
}
.link__wrapper--hero {
  display: flex;
  justify-content: flex-end;
}

.region-main-hero {
  position: relative;
}

.link__wrapper--hero {
  display: flex;
  justify-content: center;
}
.main_hero .title-page__title--hero {
  display: none;
}

.title-page__title--hero a,
.title-page__title--hero a:hover,
.title-page__title--hero a:focus {
  color: #000;
  font-weight: 700;
  font-size: clamp(2rem, 1.7159rem + 1.4205vw, 2.625rem);
  line-height: 48px;
  text-align: center;
  padding: 1rem;
}

.link__wrapper--hero a,
.link__wrapper--hero a:hover,
.link__wrapper--hero a:focus {
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  background: #ce132d;
  color: white;
  padding: 1rem;
}
.link__wrapper--hero a::before {
  content: url(/themes/custom/unitn_eventi/icons/envelope.svg);
  padding-right: 10px;
}
.link__wrapper--hero a svg {
  display: none;
}
.hero__img img {
  object-fit: cover;
}



@media (min-width: 768px) {
  .node--type-home-page .title-page__title--hero a,
  .path-calendario .title-page__title--hero a,
  .path-eventi-testo .title-page__title--hero a {
    color: #cc0924;
  }
  .node--type-home-page .title-page__title--hero a:hover,
  .path-calendario .title-page__title--hero a:hover,
  .path-eventi-testo .title-page__title--hero a:hover {
    text-decoration-line: none;
  }
  .main_hero .title-page__title--hero {
    display: block;
  }
  .link__wrapper--hero {
    display: flex;
    justify-content: flex-end;
  }

  .navbar-expand-lg .block-views-blockhero-copertina-block-1,
  .navbar-expand-lg .block-views-blockhero-copertina-block-2 {
    display: none;
  }

  .node--type-home-page .title-page__title--hero,
  .path-calendario .title-page__title--hero,
  .path-eventi-testo .title-page__title--hero {
    color: #cc0924;
    font-weight: 700;
    font-size: clamp(2rem, 1.7159rem + 1.4205vw, 2.625rem);
    line-height: 48px;
    text-align: center;
    margin: -10rem 32% 1rem 28%;
    position: relative;
    background: white;
    padding: 1rem;
  }
}


@media (min-width: 992px) {
  .link__wrapper--hero a,
  .link__wrapper--hero a:hover,
  .link__wrapper--hero a:focus {
    padding: 1rem 4rem;
  }
}

@media (min-width: 992px) {
  .hero__img img {
    min-height: 400px;
    /* max-height: 400px;*/
  }
}


/*

#page:has(.etichetta-primolivello, .hero-noimg)
  .row.region.region-top-header
  .block-language
  a {
  border-right: unset;
}
.site-default
  #page:has(.collapse.show)
  .row.region.region-top-header
  .block-language
  a {
  color: white;
}
@media (min-width: 577px) {
  #page:has(.etichetta-primolivello, .hero-noimg)
    .row.region.region-top-header
    a {
    color: #000;
    border-right: 2px solid #000;
  }
}


*/







/*------------------------------
         NAVBAR
-------------------------------*/

.navbar-expand-lg .titolo-gruppo p {
  display: none;
}


.navbar-expand-lg .block-views-blockhero-copertina-block-1,
.navbar-expand-lg .block-views-blockhero-copertina-block-2 {
  display: none;
}



/* fix freccia hamburger mobile e titolo unitn-cds */
@media (max-width: 1024px) {
  #navbar-main .menu-apri-chiudi.d-md-none {
    display: block !important;
  }
}








/******* MENU MOBILE  *************/



.mm-menu--theme-light {
  --mm-color-background: white;
}
.mm-listitem {
  border-color: white;
}
body:has(.mm-menu--opened) .mobile-chiuso {
  display: block !important;
}
body:has(.mm-menu--opened) .mobile-aperto {
  display: none !important;
}

/*frecce menu mobile*/
.mm-btn_next:after,
.mm-btn_prev:before {
  border: 2px solid #ce0f2d;
  border-bottom: none;
  border-right: none;
}
.mm-btn.mm-listitem__text {
  padding-right: 30px;
}

/*menu principale mobile*/
.mm-navbar__title {
  padding: 20px;
}
a.mm-navbar__title span {
  font-size: 22px;
  line-height: 30px;
  color: black;
  font-weight: 600;
  text-transform: uppercase;
}
.menu-name--main a {
  font-weight: 400;
  color: #212529;
  font-size: 16px;
}
#mm-1 > .mm-listview .menu-name--main a {
  font-size: 18px;
  text-transform: uppercase;
  line-height: 30px;
  word-break: break-word;
}
.menu-name--main:after {
  content: "";
  display: block;
  position: absolute;
  inset-inline-start: 20px;
  inset-inline-end: 0;
  border-bottom: 2px dotted #cccccc;
}

#mm-1 .menu-name--main:after {
  border-style: solid;
  border-width: 1px;
  border-color: #000;
}

.menu-name--main a:hover,
.menu-name--menu-target a:hover,
.menu-name--menu-link a:hover {
  text-decoration-line: underline;
  text-decoration-color: #000;
}
.mm-navbar__btn:not(.mm-hidden) + .mm-navbar__title:last-child {
  padding: 20px 50px 20px 0;
}

.mm-listitem__text {
  padding: 20px 10px 20px 20px;
}

.mm-navbar {
  border-bottom: 2px solid #000;
  inset-inline-start: 20px;
  inset-inline-end: 0;
}
a.mm-listitem__text.is-active {
  text-decoration-line: underline;
  text-decoration-color: #ce0f2d;
}
/*menu target mobile*/
.menu-name--menu-target a {
  font-size: 16px;
  font-weight: 600;
}
.menu-name--menu-target {
  align-items: center;
}
.menu-name--menu-target::before {
  content: "";
  display: block;
  width: 70px;
  height: 70px;
  background-size: 70px;
  margin-left: 15px;
}
.menu-item--_8c085f3-792f-41ad-ba62-64551f1ceb9f {
  padding-top: 10px;
}
.menu-item--_8c085f3-792f-41ad-ba62-64551f1ceb9f::before {
  background-image: url(/sites/default/files/2024-05/futurostudente.svg);
}
.menu-item--c122573e-e094-4a44-bb55-1d2bc45b5549::before {
  background-image: url(/sites/default/files/2024-11/studenti_studentesse.svg);
}
.menu-item--de25e5fe-29e8-4916-b62f-a2c26643e716::before {
  background-image: url(/sites/default/files/2024-05/studenteinternazionale.svg);
}
.menu-item--_89f2ad4-c6c5-4770-aff8-bdc72666ef8a::before {
  background-image: url(/sites/default/files/2024-05/dottorando.svg);
}
.menu-item--_6db74ad-bb68-4b2e-aa68-8fc120c72c35::before {
  background-image: url(/sites/default/files/2024-05/personale.svg);
}
.menu-item--_ac7ee9e-bb4c-4475-9253-3b24e20303ad::before {
  background-image: url(/sites/default/files/2024-05/entiaziende.svg);
}
/*menu link mobile*/
.menu-name--menu-link a {
  font-size: 18px;
}
.menu-item--_22768f9-ae75-40f8-8d16-3a0a12b7520d {
  border-top: 2px dotted #cccccc;
}

.row.region.region-top-header a.responsive-menu-toggle-icon {
  border: none;
}

.responsive-menu-toggle-icon {
  width: 35px;
  height: 35px;
  background-image: url(/themes/custom/unitn_default/icons/menu.svg);
  background-size: 35px 35px;
  background-repeat: no-repeat;
}

.no-js .responsive-menu-toggle-icon {
  display: none;
}

.responsive-menu-toggle-icon span.label {
  display: none;
}

.responsive-menu-toggle-icon:before,
.responsive-menu-toggle-icon:after,
.responsive-menu-toggle-icon span.icon {
  display: none;
}

.mm-wrapper_opening .responsive-menu-toggle-icon {
  background-image: url(/themes/custom/unitn_default/icons/menu-chiuso.svg);
  background-color: #fff;
  border-radius: 35px;
  width: 35px;
}

.responsive-menu-toggle-icon {
  border-right: none !important;
}

/*-------------------------------
         HOME PAGE
-------------------------------*/


/********* EVENTI  HP **********/

/** hp card **/

.hp-card {
  position: relative;
}

.hp-card .gruppo_area {
  border-top: 2rem solid #000;
  padding: 2rem 1rem 1rem;
  background: white;
  box-shadow: 0px 7px 25px 0px #00000026;
}

.past-events .hp-card {
  box-shadow: unset;
}
.hp-card .card_cliccabile a {
  position: absolute;
  inset: 0;
  z-index: 1;
  font-size: 0;
}

.hp-card svg {
  display: none;
}
.hp-card .field--type-image img {
  margin: 0rem;
}
.hp-card .field--name-field-didascalia {
  display: none;
}
.img_card img {
  aspect-ratio: 1/1;
  object-fit: cover;
}

.data_card {
  text-transform: uppercase;
  font-weight: 500;
}
.ora_card {
  font-weight: 500;
}
.data_card,
.ora_card,
.tipo_card {
  font-size: 14px;
}
.puntini {
  border-bottom: 2px dotted #cccccc;
  margin: 0.5rem -1rem 0;
}

.hp-card .gruppo_area:hover .puntini { border-color: #ffffff;}

.tipo_card,
.sottotitolo_card {
  line-height: 24px;
}
.tipo_card {
padding-top: 0.5rem;
}

.titolo_card a {
  font-weight: 500;
  color: #000;
  font-size: 20px;
  line-height: 26px;
}

.data_card_numero {
  border-radius: 50%;
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.4);
  position: absolute;
  font-size: 31px;
  font-weight: 600;
  top: -1rem;
  left: 1rem;
  background: white;
  color: #000;
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.titolo-gruppo {
    display: block;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }

.titolo-gruppo p {
  text-align: center;
  padding: 0rem 1rem;
  font-size: 30px;
  font-weight: 600;
}
@media (min-width: 480px) {
  .titolo-gruppo p {
    padding: 0rem 2rem;
    border-radius: 25px;
  }
.titolo-gruppo {
  display: flex;
  justify-content: center;
  width: auto;
  margin: 0;
  left: auto;
  right: auto;
}
}
.hp-card .gruppo_area:hover {
  background-color: #000000;
  color: #ffffff;
}
@media (min-width: 576px) {
.block-content-rest_block .slick-prev.slick-arrow {
  left: -1.5rem;
}
.block-content-rest_block .slick-next.slick-arrow {
  right: -1.5rem;
}
}

@media (min-width: 768px) {

.block-content-rest_block .slick-prev.slick-arrow {
  left: -3rem;
}
.block-content-rest_block .slick-next.slick-arrow {
  right: -3rem;
}

}
.block-content-rest_block,
.block-content-rest_block_news {
  position: relative;
}

.block-content-rest_block .titolo_card a:first-child {
    position: absolute;
    inset: 0;
}

.block-content-rest_block .titolo_card a.ext:after {
 content: none;
}

.rest-all-events-link,
.rest-all-news-link {
    color: #000000;
    text-decoration-color: #ce0f2d;    
    display: flex;
    justify-content: flex-end;
    height: 28px;
    align-items: center;
}

.rest-all-events-link:hover,
.rest-all-events-link:focus,
.rest-all-news-link:hover,
.rest-all-news-link:focus {
  color: #000000;
  text-decoration-color: #ce0f2d;
}

.rest-all-events-link::after,
.rest-all-news-link::after {
  content: "";
  background-image: url(/themes/custom/unitn/icons/eventarrow1.svg);
  width: 32px;
  height: 100%;
  margin-left: 15px;
  background-repeat: no-repeat;
  background-size: 28px;
  display: block;
}

/** dettaglio **/

.news-header {
 line-height: 3rem;
 font-size: 2.5rem;
 font-weight: 500;
}

#news-content .file--x-office-document a {
 text-decoration-line: underline;
}

#news-content .data-evento {
  font-size: 26px;
  font-weight: 500;
  line-height: 34px;
  padding: 1.9rem 0;
}

#news-content .descrizione-evento {
  margin-top: 1.9rem;
}

#news-content .titolo-evento {
 font-size: 2.3rem;
 line-height: 2.5rem;
}

#news-content .sottotitolo-evento {
 font-size: 2.1rem;
 line-height: 2.3rem;
 font-weight: normal;
}


/** lista unformatted **/

.news-rest-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .news-rest-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .news-rest-list {
        grid-template-columns: repeat(4, 1fr);
    }
}

.news-rest-list__item {
    min-width: 0;
    display: flex;
}

.news-rest-list__item .box-news {
    width: 100%;
}


.all-news-off .rest-all-news-link {
 display: none;
}

/** fotogallery in news **/

#news-content .dotted_title {
  padding: 2rem 0;
}

#news-content .dotted_title h2 {
  background: white;
}

/* Mobile */
#news-content .masonry-layout-fotogallery {
  column-count: 1;
  column-gap: 1rem;
}

/* sm ≥576px */
@media (min-width: 576px) {
  #news-content .masonry-layout-fotogallery {
    column-count: 2;
  }
}

/* md ≥768px */
@media (min-width: 768px) {
  #news-content .masonry-layout-fotogallery {
    column-count: 3;
  }
}

/* lg ≥992px */
@media (min-width: 992px) {
  #news-content .masonry-layout-fotogallery {
    column-count: 4;
  }
}

#news-content .masonry-layout-fotogallery .masonry-item,
#news-content .masonry-layout-fotogallery .views-row {
  display: inline-block;
  width: 100%;
  margin-bottom: 1rem;
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
}

#news-content .masonry-layout-fotogallery img {
  display: block;
  margin: 0;
}



/**** gestione colori ***/

.gruppo_area_1  { --area-color:#cd132c; }
.gruppo_area_2  { --area-color:#ca3538; }
.gruppo_area_3  { --area-color:#283583; }
.gruppo_area_4  { --area-color:#acc03b; --area-text-color:#000;}
.gruppo_area_5  { --area-color:#d1ce3e; --area-text-color:#000;}
.gruppo_area_6  { --area-color:#21386d; }
.gruppo_area_7  { --area-color:#c12a21; }
.gruppo_area_8  { --area-color:#32458d; }
.gruppo_area_9  { --area-color:#0066aa; }
.gruppo_area_10 { --area-color:#CAC4B0; --area-text-color:#000;}
.gruppo_area_11 { --area-color:#ef7b2c; --area-text-color:#000;}
.gruppo_area_12 { --area-color:#7e326a; }
.gruppo_area_13,
.gruppo_area_14 { --area-color:#0b6665; }
.gruppo_area_15 { --area-color:#0281a2; }
.gruppo_area_16 { --area-color:#4d7498; }
.gruppo_area_17 { --area-color:#71932c; --area-text-color:#000;}
.gruppo_area_18 { --area-color:#e6f03c; --area-text-color:#000;}
.gruppo_area_19 { --area-color:#227659; }
.gruppo_area_20 { --area-color:#d1ce3e; --area-text-color:#000;}
.gruppo_area_21 { --area-color:#21386d; }
.gruppo_area_22 { --area-color:#0b6665; }
.gruppo_area_23,
.gruppo_area_24 { --area-color:#4d7498; }
.gruppo_area_25 { --area-color:#71932c; --area-text-color:#000;}
.gruppo_area_26 { --area-color:#0281a2; }
.gruppo_area_27 { --area-color:#227659; }
.gruppo_area_28 { --area-color:#e73d2a; --area-text-color:#000;}
.gruppo_area_29 { --area-color:#2a67b0; }
.gruppo_area_30 { --area-color:#ec662b; --area-text-color:#000;}
.gruppo_area_31 { --area-color:#274b6a; }
.gruppo_area_32 { --area-color:#eeb800; --area-text-color:#000;}
.gruppo_area_33 { --area-color:#573360; }
.gruppo_area_34 { --area-color:#5ad2ca; --area-text-color:#000;}
.gruppo_area_35 { --area-color:#036465; }
.gruppo_area_36 { --area-color:#2a67b0; }
.gruppo_area_37 { --area-color:#2d2d2d; }
.gruppo_area_38 { --area-color:#983436; }
.gruppo_area_39 { --area-color:#2d5730; }
.gruppo_area_40 { --area-color:#cd132c; }
.gruppo_area_41 { --area-color:#ffd53d; --area-text-color:#000;}
.gruppo_area_42 { --area-color:#a560a3; --area-text-color:#000;}
.gruppo_area_43 { --area-color:#ec662b; --area-text-color:#000;}
.gruppo_area_44 { --area-color:#393dd4; }
.gruppo_area_45 { --area-color:#2d2d2d; }
.gruppo_area_46 { --area-color:#cd132c; }
.gruppo_area_47 { --area-color:#3770b7; }
.gruppo_area_48 { --area-color:#464081; }


.hp-card .gruppo_area {
    border-color: var(--area-color);
    transition:
        background-color .2s ease-in-out,
        color .2s ease-in-out;
}

.hp-card .gruppo_area .puntini {
    border-color: var(--area-color);
}

.hp-card .gruppo_area:hover,
.hp-card .gruppo_area:focus-within,
.gruppo_area_news.gruppo_area {
    background-color: var(--area-color);
    color: var(--area-text-color, #fff);
}

.hp-card .gruppo_area:hover .puntini,
.hp-card .gruppo_area:focus-within .puntini {
    border-color: var(--area-text-color, #fff);
}

/***************** NEWS HP ***********************/

.gruppo-news {
  width: fit-content;
}

.titolo-news a {
 font-size: 20px;
}

.box-news:hover .titolo-news a {
  text-decoration-line: underline;
  text-decoration-color: #000000;
}

.gruppo_area_news {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  padding: 0px 10px;
  margin-top: 0.5rem;
  font-size: 14px;
  border: 1px solid var(--area-color);
  background-color: var(--area-color);
  color: var(--area-text-color, #fff) !important;
}


/********* MENU SERVIZIO HP **********/


.menu-servizio-hp .nav {
  display: grid;
  gap: 1.5rem;
}

@media (min-width: 768px) {
.menu-servizio-hp .nav {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 0;
  }
}
@media (min-width: 1024px) {
.menu-servizio-hp .nav {
    grid-template-columns: repeat(4, 1fr);
  }
}
.menu-servizio-hp .menu-item--expanded > span {
  font-weight: 600;
  text-transform: uppercase;
}
.menu-servizio-hp .nav-item > a,
.menu-servizio-hp .nav-item > span {
  padding: 0.2rem;
}
.menu-servizio-hp .nav-item > a:hover,
.menu-servizio-hp .nav-item > a:focus {
  font-weight: 600;
  text-decoration-line: underline;
}



/**********************************
            PAGINA MODULI 
***********************************/

.hero-title .immagine-hero img {
  aspect-ratio: 16/9;
  object-fit: cover;
  max-height: 450px;
}


@media (min-width: 768px) {
.hero-title .title-wrapper,
.hero-title .title-wrapper a,
.hero-title .title-wrapper a:hover,
.hero-title .title-wrapper a:focus,
.hero-title .breadcrumb-item.active {
  color: white;
}

.hero-title .title-wrapper {
  position: absolute;
  top: 2rem;
  z-index: 2;
}
}

/**********************************
          PAGINA PROFILO 
***********************************/

/*ptl-8533*/
.node--type-pagina-profilo:has(.hero-noimg) .highlighted {
  border-top: 2px dotted #cccccc;
  margin-top: 2rem;
}
.node--type-pagina-profilo:has(.hero-noimg) #block-unitn-default-breadcrumbs {
  margin-top: 1rem;
}


/** CARD  **/
.box-tema-wrapper {
  row-gap: 3rem;
  column-gap: 2rem;
}
@media (min-width: 768px) {
 .box-tema-wrapper {
   grid-template-columns: repeat(2, 1fr);
 }
}

@media (min-width: 992px) {
 .box-tema-wrapper {
  grid-template-columns: repeat(3, 1fr);
 }
}
.box-card-wrapper {
  background: #fff;
  box-shadow: 0px 7px 25px 0px #00000026;
  padding: 1.5rem;
}

.box-tema-wrapper .titolo_multibox {
  text-transform: uppercase;
}

.immagine-card-wrapper + .box-card-wrapper {
  top: -3rem;
  width: 85%;
  float: right;
}
.card-wrapper a.position-absolute {
  inset: 0;
  font-size: 0;
  z-index: 3;
}
.immagine-card-wrapper .field--name-field-didascalia {
  display: none;
}

.testo-card-wrapper p {
  margin-bottom: 5px;
}

.box-card-wrapper::before {
  display: block;
  content: "";
  background-image: url(/themes/custom/unitn_eventi/icons/eventarrow1.svg);
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
  background-size: 34px;
  top: -17px;
  position: absolute;
}

.box-card-wrapper > .paragraph {
  margin-top: 0.5rem;
}


/*---------------------------------
            PARAGRAFI
---------------------------------*/

/******* PARAGRAFO SEMPLICE ******/

/*gestione immagine */

.semplice.image-normal .immagine-semplice img {
  width: auto; 
  max-width: 100%;
  height: auto;
  display: block;
}

.semplice.image-wide .immagine-semplice img {
  max-width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover; 
  max-height: 450px;
}

.semplice .wrapper-immagine {
  gap: 20px;
}

.semplice.image-normal .wrapper-immagine {
  gap: 20px;
  grid-template-columns: fit-content(400px) 1fr;
}

.semplice.image-normal.image-dx .wrapper-immagine {
  grid-template-columns: 1fr fit-content(400px) ;
}

.semplice.image-normal.image-dx .field--name-field-testo {
  order:1;
}

.semplice.image-normal.image-dx .immagine-semplice {
  order:2;
}

/* gestione links */

.correlati-paragrafo a {
 text-decoration-line: underline;
}
.correlati-paragrafo a:hover,
.correlati-paragrafo a:focus {
 text-decoration-color: #ce0f2d;
}

/*Stile in evidenza*/

.semplice.evidenza > .contenuto-paragrafo {
  border: 1px solid;
  padding: 1rem;
}

.semplice.evidenza-dark > .contenuto-paragrafo {
  background-color: #323232;
  border-color: #323232;
 }


/******** PARAGRAFO ACCORDION *************/

.wrapper-accordion {
 margin: 1.5rem 0;
}

.accordion-button {
 border: 1px solid #00000033;
 color: #000000;
}

.accordion-button:focus {
 box-shadow: none;
  background: white;
  color: inherit;
  border-color: #00000033;
}
.accordion-button:not(.collapsed) {
  border-top-width: 5px;
  border-bottom-width: 0;
  border-color: #00000033;
  border-top-color: #000000;
  box-shadow: none;
  background: white;
  color: inherit;
  font-weight: 600;
 }

.wrapper-accordion .accordion-collapse {
  border-color: #00000033;
  border-width: 0 1px 1px 1px;
  border-style: solid;
}

.accordion-button.semplice::after {
  background-size: 2rem;
  width: 2.25rem;
  height: 2.25rem;
}

.accordion-button.semplice::after {
  background-image: url(/themes/custom/unitn/icons/accordion-aperto.svg);
}
.accordion-button.semplice.collapsed::after {
  background-image: url(/themes/custom/unitn/icons/accordion-chiuso.svg);
}

/********  PARAGRAFO DOCUMENTI ***************/

/* wrapper documenti */
.accordion-button.documenti {
  border: none;
  padding-left: 0;
}
.accordion-button.documenti::after {
 content: unset;
}
.accordion-button.documenti::before {
  display: block;
  content: "";
  background-image: url(/themes/custom/unitn_default/icons/folder.svg);
  padding-left: 30px;
  min-height: 21px;
  background-repeat: no-repeat;
  background-position: -3px center;
  background-size: 24px;
}

.accordion-button.documenti:not(.collapsed) {
 font-weight: normal;
}

.documenti-paragrafo a {
 text-decoration-line: underline;
}

.field--name-field-titolo-wrapper-documenti {
  font-size: 20px;
}
.folder-no .field--name-field-titolo-wrapper-documenti {
  padding: 1rem 0;
}
/************ PARAGRAFO CARD ************************/

.box-card-inner {
    box-shadow: 0px 7px 25px 0px #00000026;
}

.image-yes .box-card-inner {
 position:relative;
 margin-top: -1.5rem;
 margin-left: 15%;
}

.link-yes .box-card-inner::before,
.link-all-yes .box-card-inner::before {
 content: url(/themes/custom/unitn/icons/eventarrow1.svg);
position: absolute;
left: 1rem;
top: -16px;
transform: scale(0.7333);
transform-origin: top left;
}



/** modalità lenzuolo **/

.immagine-card img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.card-wrapper-inner.lenzuolo {
  gap: 20px;  
}


@media (min-width: 768px) {
.card-wrapper-inner.lenzuolo.columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)); 
}

.card-wrapper-inner.lenzuolo.columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)); 
}

.card-wrapper-inner.lenzuolo.columns-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)); 
}
}

@media (min-width: 992px) {
.card-wrapper-inner.lenzuolo.columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)); 
}

.card-wrapper-inner.lenzuolo.columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)); 
}

.card-wrapper-inner.lenzuolo.columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)); 
}
}

-

/************* PARAGRAFO TIMELINE *********************/

.timeline-items .timeline:not(:last-child) {
  margin-bottom: 2.2rem;
}

.box-tempo {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 1rem;
  word-break: break-word;
  line-height: 30px;
  min-height: 80px;
}

.icona-tempo {
  width: 35px;
  height: 35px;
  background-color: #fff;
  border-radius: 50%;
  align-content: center;
  text-align: center;
  order:2;
}
.icona-tempo::before {
  content: "";
  border-left: 2px solid #000000;
  display: block;
  position: absolute;
  height: 2.4rem; 
  left: 50%;
  transform: translateX(-50%);
  top: -2.8rem;
}

.timeline-items .timeline:first-child .icona-tempo::before {
  content:none;
}

.icona-tempo img {
  filter: brightness(0) saturate(100%) invert(14%) sepia(96%) saturate(5864%)
    hue-rotate(347deg) brightness(83%) contrast(92%);
  width: 30px;
  height: 30px;
  position: relative;
  left: 1px;
  bottom: 1px;
}
.titolo-tempo {
  font-size: 22px;
  font-weight: 600;
}
.data-tempo {
  text-transform: uppercase;
  text-align: end;
  align-self: center;
  order:1;
}

.testo-tempo {
 order: 3;
}
.box-tempo:hover .icona-tempo {
  background-color: #cd132c;
}
.box-tempo:hover .icona-tempo img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(2876%)
    hue-rotate(15deg) brightness(117%) contrast(101%);
}

.box-tempo:hover .sottotitolo-tempo {
  text-decoration-line: none!important;
}

.timeline-items .timeline:nth-child(even) .testo-tempo {
 order: 1;
 text-align: end; 
}
.timeline-items .timeline:nth-child(even) .data-tempo {
 order: 3;
 text-align: start;
}

@media (min-width: 1200px) {
.timeline-items {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    position: relative;
}

.timeline-items::before {
  content: "";
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  height: 1px;
  background: #000000;
  z-index: 1;
}

.timeline-items .timeline {
  z-index: 2;
}

.box-tempo {
    display: block;
  }

.icona-tempo {
  margin: 1rem auto;
}

.icona-tempo::before {
  border: none;
}

.data-tempo,
.testo-tempo,
.timeline-items .timeline:nth-child(even) .testo-tempo,
.timeline-items .timeline:nth-child(even) .data-tempo {
  text-align: center;
}

}

/********** PARAGRAFO TESTIMONIAL ******************/

.testimonial-wrapper .slick__arrow{
  position: absolute;
  top: 90px;
  z-index: 2;
  width: 100%;
}
.testimonial-wrapper .slick-arrow {
 border: none;
 font-size: 0;
 position: absolute;
 background: transparent;
}

.testimonial-wrapper .slick-prev {
  left: 0;
}

.testimonial-wrapper .slick-next {
  right: 0;
}


.testo-testimonial {
border-bottom: 2px dotted rgba(0, 0, 0, 0.4);
padding-bottom: 1rem;
font-size: 21px;
}

.testo-testimonial p {
  font-size: 21px;
}
.link-testimonial::after {
  content: url(/themes/custom/unitn/icons/eventarrow1.svg);
  padding-left: 8px;
  filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(21%)
    hue-rotate(2deg) brightness(92%) contrast(108%);
}
.link-testimonial a{
 align-self: center;
 padding: 0 0 6px;
}

.link-testimonial a.ext:after {
 content: none;
}

.testo-testimonial p::before {
  content: url(/themes/custom/unitn/icons/virgolettenere.svg);
  padding-right: 1rem;
}

.sfondo.sfondo-dark .link-testimonial::after {
  filter: none;
}

.sfondo.sfondo-dark .testo-testimonial p::before {
 filter: invert(1);
}

.sfondo.sfondo-dark .testo-testimonial {
border-bottom-color: #fff;
}

.box-testimonial .colonna-sinistra,
.box-testimonial .colonna-sinistra a {
  color: #000000;
}

.box-testimonial {
  display: flex;
  flex-direction: column;
}
.link-testimonial {
  order: 3;
  text-align: end;
  margin-top: 1rem;
}
.box-testimonial .colonna-sinistra {
  text-align: right;
  margin-top: 1.5rem;
  order: 2;
}
.immagine-testimonial img {
  margin: 0rem;
}
.link-testimonial {
  display: flex;
  justify-content: flex-end;
}
.didascalia-testimonial {
  padding-top: 1rem;
  font-size: 0.8rem; 
}
.vista-testimonial .slick-next {
  right: -1rem;
}
.vista-testimonial .slick-prev {
  left: -1rem;
}
.immagine-testimonial img {
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  justify-self: center;
  max-width: 315px;
}
@media (min-width: 768px) {

.testimonial-wrapper .slick__arrow{
  top: 35%;
}

  .box-testimonial {
    display: grid;
    grid-template-columns: 70% 30%;
    align-items: center;
  }
  .box-testimonial .colonna-sinistra {
    margin-right: 4rem;
    order: unset;
  }
  .link-testimonial {
    grid-column: 2;
    order: unset;
  }
  .testimonial-wrapper .slick-prev {
  left: -56px;
}

.testimonial-wrapper .slick-next {
  right: -56px;
}

  
}
@media (min-width: 992px) {
  .link-testimonial {
    display: flex;
  }
}


/********** PARAGAFO ICONE ************/

.icone-list {
  display: flex;
  flex-direction: row;
  justify-content: space-around;  
}

.icone-sottotitolo {
  font-size: 14px;
}

.icone-immagine {
  margin: 0rem;
  width: 100px;
  height: 100px;
  padding: 1.7rem;
  padding: 1.7rem;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15);
}

.icone-immagine:hover {
 background-color: #cd132c;
}




/* Tabelle */
@media (max-width: 767px) {
  .paragraph--type--semplice:has(table),
  .paragraph--type--semplice-post-laurea:has(table),
  .paragraph--type--semplice:has(table) .field--name-field-testo {
    overflow: scroll;
  }
}
table caption {
  text-align: end;
}
table tr {
  background: transparent;
}
table tr td {
  border: 1px solid #e5e5e5;
  padding: 1.5rem 0.5rem;
}
thead tr {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  font-weight: 700;
}
table tr td:last-child {
  border-right: unset;
}
table tr td:first-child {
  border-left: unset;
}
table tr th {
  background: transparent;
  color: #000;
  border-color: #e5e5e5;
}


.paragraph--type--semplice ul ul {
  padding-left: 1.2rem;
}


/*editor immagini*/
.paragraph--type--semplice .field__item img,
.paragraph--type--semplice-post-laurea .field__item img {
  width: unset;
  height: unset;
}
@media (max-width: 768px) {
  .paragraph--type--semplice:has(.field--name-field-testo) .paragraph__image {
    margin-bottom: 20px;
  }
}
/* aggiunge margini a tutte le immagini nel paragrafo semplice */
.paragraph--type--semplice img,
.paragraph--type--semplice-post-laurea img {
  margin: 10px;
}
/* toglie i margini all'immagine di default del paragrafo semplice */
.paragraph--type--semplice .field--name-field-immagine img,
.paragraph--type--semplice-post-laurea .field--name-field-immagine img {
  margin: 0;
}
/* aggiunge margine sinistra alla didascalia dell'immagine */
.paragraph--type--semplice figure figcaption,
.paragraph--type--semplice .field--name-field-didascalia,
.paragraph--type--semplice-post-laurea figure figcaption,
.paragraph--type--semplice-post-laurea .field--name-field-didascalia {
  margin-left: 10px;
}
/* toglie il margine a sinistra all'immagine allineata a sinistra */
.paragraph--type--semplice .align-left img,
.paragraph--type--semplice figure.align-left img,
.paragraph--type--semplice-post-laurea .align-left img,
.paragraph--type--semplice-post-laurea figure.align-left img {
  margin: 10px 10px 10px 0;
}
/* toglie il margine a sinistra alla didascalia dell'immagine allineata a sinistra */
.align-left .field--name-field-didascalia,
.paragraph__image .field--name-field-didascalia,
.align-right .field--name-field-didascalia > .field__item,
.paragraph--type--semplice figure.align-left figcaption,
.paragraph--type--semplice-post-laurea figure.align-left figcaption {
  margin-left: 0;
}

/* aggiunge larghezza fissa all'immagine */
@media (min-width: 768px) {
  .paragraph--type--semplice .field--name-field-media-image img,
  .paragraph--type--semplice-post-laurea .field--name-field-media-image img {
    max-width: 400px;
  }
  /* aggiunge la larghezza dell'immagine alla didascalia */
  .paragraph--type--semplice .field--name-field-didascalia > .field__item,
  .paragraph--type--semplice-post-laurea
    .field--name-field-didascalia
    > .field__item,
  .paragraph__image:not(.paragraph__image--wide) .field--name-field-didascalia {
    max-width: 400px;
  }
  .paragraph__image.paragraph__image--wide .field--name-field-media-image img,
  .paragraph__image.paragraph__image--wide
    .field--name-field-didascalia
    > .field__item {
    max-width: 100%;
  }
}
.paragraph--type--semplice .paragraph__image.paragraph__image--wide img {
  padding-right: 0;
}
/* previene la sovrapposizione dei pallini della lista all'immagine in float left */
.paragraph--type--semplice ul,
.paragraph--type--semplice-post-laurea ul {
  overflow: hidden;
}
/* previene lo spostamento della didascalia */
.paragraph--type--semplice div:has(> .field--name-field-didascalia),
.paragraph--type--semplice-post-laurea
  div:has(> .field--name-field-didascalia) {
  display: flex;
  flex-direction: column;
}

.paragraph--type--semplice .align-center,
.paragraph--type--semplice-post-laurea .align-center {
  display: flex;
  justify-content: center;
}
/* fix margini e didascalia immagine */
figure.paragraph__image .field--name-field-immagine {
  margin: 0;
}
@media (max-width: 992px) {
  figure.paragraph__image.float-md-start img {
    padding: 0;
  }
  figure.paragraph__image.float-md-start {
    margin: 0;
  }
}
@media (min-width: 992px) {
  div:has(> .paragraph__image:not(.paragraph__image--wide))
    .field--name-field-didascalia {
    margin-right: 1rem;
  }
}


/* 11.	DIDASCALIA IMMAGINE INSERITA NEL CONTENUTO
didascalia =  ridurre font size, rendere uguale nell’aspetto come didascalia tabella */
.paragraph--type--semplice .paragraph__image .field--name-field-didascalia {
  font-size: 0.857em;
  margin-top: 10px;
}
.paragraph--type--semplice:not(.dark)
  .paragraph__image
  .field--name-field-didascalia {
  color: #6c757d;
}


/********** PARAGRAFO PROMO **********/



.vista-promo.double_img .content-promo {
  display: block;
}

.vista-promo .field--name-field-didascalia {
  display: none;
}
.vista-promo.double_img .immagine-promo {
  display: grid;
  gap: 1.5rem;
}

.vista-promo.image-yes .testo_promo {
  margin-top: 1.5rem;
}

@media (min-width: 992px) {

   .vista-promo .content-promo {
     display: grid;
   }

  .vista-promo.image-yes.title-yes .content-promo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    row-gap:0;
  }
  .vista-promo.img_dx .testo_promo {
    grid-area: 1;
  }
.vista-promo.image-yes .testo_promo {
  margin-top: 0;
}
.vista-promo.double_img .immagine-promo {
  grid-template-columns: 1fr 1fr;
  }
}

.vista-promo img {
  margin: 0rem;
  max-height: 620px;
  object-fit: cover;
}
.vista-promo .titolo-promo {
  font-size: 21px;
  font-weight: 600;
  line-height: 24px;
}
.vista-promo.sfondo-dark .testo_promo,
.vista-promo.sfondo-rosso .testo_promo {
  color: white;
}

.vista-promo.link-yes:hover .titolo-promo{
  text-decoration-line: underline;
}

/********** PARAGRAFO MULTIBOX **********/

.multibox {
  overflow: hidden;
}

.testo-multibox {
  bottom: 0rem;
  line-height: 23px;
}

.titolo_multibox {
  font-size: 20px;
  line-height: 26px;
}

.multibox:hover .titolo_multibox {
  text-decoration-line: underline;
}

.sottotitolo-multibox {
    font-size: 18px;
  }
  
.multibox .field--name-field-immagine {
  height: 100%;
}
.multibox .field--name-field-immagine::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
}

.multibox img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  min-height: 300px;
  height: 100%;
}
.multibox:hover img {
  transform: scale(1.1);
  transition: all 1s !important;
}
.multibox__items-1 .multibox img {
  max-height: 546px;
}


@media (min-width: 768px) {
.multibox__items-3 .multibox img,
.multibox__items-4 .multibox img,
.multibox__items-5 .multibox img {
    aspect-ratio: 2/1;
}

.multibox__items-3 .multibox:first-child img,
.multibox__items-4 .multibox:first-child img,
.multibox__items-5 .multibox:first-child img {
    aspect-ratio: 4/3;
}

  .titolo_multibox {
    font-size: 1.375rem;
  }
.sottotitolo-multibox {
    font-size: 1.125rem;
  }
}
@media (min-width: 992px) {
.multibox__items-2,
.multibox__items-3,
.multibox__items-4,
.multibox__items-5 {
  grid-template-columns: 1fr 1fr;
}

.multibox__items-3 .multibox:first-child {
    grid-row: 1 / 3;
}

.multibox__items-4,
.multibox__items-5 {
    grid-template-columns: repeat(4, 1fr);
}
  
.multibox__items-4 .multibox:first-child,
.multibox__items-5 .multibox:first-child {
    grid-row: 1 / 3;
    grid-column: 1 / 3;
}

.multibox__items-4 .multibox:nth-child(2) {
    grid-row: 1;
    grid-column: 3 / 5;
}
 
.multibox__items-4 .multibox img,
.multibox__items-5 .multibox img {
    aspect-ratio: 1/1;
}

.multibox__items-4 .multibox:first-child img,
.multibox__items-4 .multibox:nth-child(2) img,
.multibox__items-5 .multibox:first-child img {
    aspect-ratio: 4/3;
}

}



/******* PARAGRAFO BANNER **********/

/* Banner */
.banner {
  padding: 2rem 0rem;
}

.immagine-banner img {
  aspect-ratio: 16/9;
  object-fit: cover;
  max-height: 550px;
}

.box-banner {
  box-shadow: 0px 7px 25px 0px #00000026;
  display: grid;
}
.sfondo .box-banner * {
  color: #000000
}

.call-banner {
    margin: 2rem 0;
    text-align: center;
    width: fit-content;
    justify-self: center;
}

.call-banner a {
  border: 3px solid #000000;
  padding: 1rem 2rem;
  text-transform: uppercase;
  color: #000000;
  word-break: break-word;
  text-align: center;
  font-weight: 500;
  display: block;
}
.call-banner a:focus,
.call-banner:hover a,
.call-banner:focus a {
  background: #000000;
  color: #fff;
}

.call-banner a.ext::after {
    bottom: 5px;
    margin: 0;
}

@media (min-width: 992px) {

  .banner.image-wide {
    padding: 0rem;
  }

  .banner-content {
    top:0;
    position: absolute;
    justify-self: center;
    width: 100%;
  }

  .box-banner {
    width: 50%;
    position: absolute;
    top: 6rem;
    left: 0;
  }
  
  .banner.image-dx .immagine-banner {
    text-align: right;
  }
  
  .banner.image-normal .immagine-banner img {
    width: 80%;
  }
  
  .banner.text-dx .box-banner {
    right: 0;
    left: auto;
  }
  

}

/******* PARAGRAFO VIDEO **********/

/* Trasformiamo il wrapper della galleria in un contenitore Flex */
.content-video {
  flex-wrap: wrap;
  gap: 20px;
}

/* Gestione dinamica degli elementi */
.content-video > div {
  flex: 1 1 calc(33.333% - 20px); /* Tenta di fare 3 colonne di base */
  min-width: 280px;
  max-width: 625px;
}

/* Se c'è un solo elemento, occupa il 100% della larghezza */
.content-video > div:only-child {
  flex: 1 1 50%;
}

/* Forza l'iframe a seguire la dimensione del suo contenitore dinamico */
.content-video iframe.media-oembed-content {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
}


/*********  PARAGRAFO STORIE *******************/
.vista-storie {
  z-index: 1;
  position: relative;
  padding: 2rem 0rem;
}
.vista-storie::after {
  content: "";
  position: absolute;
  width: 100vw;
  inset: 0;
  z-index: -1;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.vista-storie:has(.sfondo-dark)::after,
.vista-storie:has(.sfondo-dark) .dotted_title h2,
.vista-storie:has(.sfondo-dark) .spostati .box-storie-dettaglio a {
  background: #323232;
  color: white;
}
.vista-storie:has(.sfondo-rosso)::after,
.vista-storie:has(.sfondo-rosso) .dotted_title h2,
.vista-storie:has(.sfondo-rosso) .spostati .box-storie-dettaglio a {
  background-color: #cd132c;
  color: white;
}
.vista-storie:has(.sfondo-dark) .dettaglio-storie a,
.vista-storie:has(.sfondo-dark) .dettaglio-storie a:hover,
.vista-storie:has(.sfondo-dark) .dettaglio-storie a:focus,
.vista-storie:has(.sfondo-rosso) .dettaglio-storie a,
.vista-storie:has(.sfondo-rosso) .dettaglio-storie a:hover,
.vista-storie:has(.sfondo-rosso) .dettaglio-storie a:focus {
  text-decoration-line: underline;
  text-decoration-color: #fff;
}

.vista-storie:has(.sfondo-grey)::after,
.vista-storie:has(.sfondo-grey) .dotted_title h2,
.vista-storie:has(.sfondo-grey) .spostati .box-storie-dettaglio {
  background-color: #f0f0f0;
}
.vista-storie:has(.sfondo-dark) a.ext::after,
.vista-storie:has(.sfondo-rosso) a.ext::after {
  filter: brightness(0) saturate(100%) invert(100%) sepia(82%) saturate(0%)
    hue-rotate(70deg) brightness(106%) contrast(100%);
}

.vista-storie:has(.sfondo-dark) .spostati .box-storie-dettaglio,
.vista-storie:has(.sfondo-grey) .spostati .box-storie-dettaglio,
.vista-storie:has(.sfondo-rosso) .spostati .box-storie-dettaglio {
  background: transparent;
  color: white;
}
.vista-storie .spostati .box-storie-dettaglio {
  position: absolute;
  bottom: 0%;
  height: auto;
  width: 100%;
  background: transparent;
  padding: 3% 8%;
  color: #fff;
  display: block;
}

.vista-storie .field--name-field-didascalia {
  display: none;
}

.vista-storie .slide__content .slide__content {
  position: relative;
  padding: 10%;
}
.vista-storie .slick-current .slide__media {
  overflow: visible;
}

.vista-storie .slick-current .slide__media img {
  transform: scale(1.2);
}
.vista-storie .slide__caption {
  width: 100%;
  top: 0;
  position: absolute;
  left: 0;
  height: 100%;
  padding: 0;
}
.vista-storie .slide__description,
.vista-storie .slide__description > div {
  height: 100%;
}
.vista-storie .text-container {
  display: none;
}
.vista-storie .slick-current .text-container {
  height: 100%;
  width: 100%;
  display: block;
  z-index: 1;
  position: relative;
}

.vista-storie .spostati .box-storie-dettaglio a {
  color: #000;
}
.vista-storie .box-storie-dettaglio {
  position: absolute;
  bottom: 0%;
  height: auto;
  width: 100%;
  background: transparent;
  padding: 0% 8%;
  color: white;
  display: flex;
  align-items: flex-end;
}

.vista-storie .bordo-puntini {
  border-bottom: 2px dotted #cccccc;
}
.vista-storie .titolo_storie {
  text-transform: uppercase;
}
.vista-storie .icona-storie {
  display: none;
}

.vista-storie .slick-current::before {
  content: "";
  position: absolute;
  top: 0;
  left: 7px;
  width: 96.4%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
  z-index: 1;
}

.vista-storie .slick-current .spostati.text-container {
  position: absolute;
  height: 50%;
  top: 50%;
  left: unset;
  width: 100%;
}

@media (min-width: 768px) {
  .vista-storie .slick-current::before {
    left: 13px;
  }
}

@media (min-width: 992px) {
  .vista-storie .slick-current::before {
    width: 96%;
    left: 16px;
  }
}

@media (min-width: 1024px) {
  .vista-storie .slick-current::before {
    width: 96.5%;
    left: 6px;
  }
  .vista-storie img {
    filter: brightness(0.6);
  }
  .vista-storie .spostati .box-storie-dettaglio {
    padding: 15%;
    height: 100%;
    position: relative;
  }
  .vista-storie .slick-current .spostati.text-container {
    position: absolute;
    width: 100%;
    left: 100%;
    top: 0px;
    height: 100%;
  }
  .vista-storie .slick-current .icona-storie {
    display: block;
    top: 41%;
    left: 38%;
  }
  .vista-storie .slick-current .icona-storie img {
    width: 100px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7485%)
      hue-rotate(248deg) brightness(103%) contrast(104%);
  }
  .vista-storie .slick-current img {
    filter: unset;
  }
  .vista-storie .slick__arrow {
    width: 35%;
    left: 32%;
    margin: 5px;
  }
  .vista-storie .spostati .box-storie-dettaglio {
    background: #fff;
    color: #000;
  }
  .vista-storie:has(.sfondo-dark) .spostati .box-storie-dettaglio {
    background: #323232;
    color: white;
  }
  .vista-storie:has(.sfondo-grey) .spostati .box-storie-dettaglio {
    background-color: #f0f0f0;
    color: #000;
  }
  .vista-storie:has(.sfondo-rosso) .spostati .box-storie-dettaglio {
    background-color: #cd132c;
    color: white;
  }
}

@media (min-width: 1200px) {
  .vista-storie .slick-current::before {
    left: 8px;
  }
}
.vista-storie a.position-absolute {
  inset: 0;
  font-size: 0;
  z-index: 3;
}

.dettaglio-storie a,
.view-modulistica-paragrafo .views-field-field-descrizione p a,
.paragraph--type--accordion a {
  color: black;
  text-decoration-line: underline;
  font-weight: 400;
  line-height: 30px;
}
.dettaglio-storie a:hover,
.dettaglio-storie a:focus,
.view-modulistica-paragrafo .views-field-field-descrizione p a:hover,
.view-modulistica-paragrafo .views-field-field-descrizione p a:focus {
  color: black;
  text-decoration-line: underline;
  text-decoration-color: #ce0f2d;
}
.dettaglio-storie a:visited,
.view-modulistica-paragrafo .views-field-field-descrizione p a:visited {
  text-decoration-line: underline;
  text-decoration-color: #565658;
}
.vista-storie .slick-dots {
  bottom: -47px;
}

/*accessibilità slider*/
.field--name-field-storie
  .slick-initialized
  .slick-slide:not(.slick-active)[tabindex="0"] {
  display: none;
}

/* MODULO STORIE */
/* titolo = aumentare a 24px (attualmente la sua grandezza è pari al dettaglio, deve essere diverso dal dettaglio) deve avere stessa grandezza del titolo del modulo banner
 */
.vista-storie .box-storie-dettaglio .testo-storie .titolo_storie {
  font-size: 1.5rem;
}
.vista-storie .box-storie-dettaglio .testo-storie .didascalia-storie p {
  font-size: 14px;
}



/*********** PARAGRAFO NUMERI *****************/

/* Numeri */
.vista-numeri .numeri-list {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap:wrap;
  }

.numeri {
 padding: 10px;
 }

.infografica-numeri_valore {
  font-size: 48px;
  font-weight: 600;
  width: 100%;
  text-align:center;
  display: block;
}

a.link-numero {
 line-height: normal;
 text-decoration-line: none;
}

.vista-numeri a .titolo-numeri {
  width: 100%;
  display:block;
  text-align:center;
  font-weight: 700;
}

.vista-numeri a:hover,
.vista-numeri a:focus {
  text-decoration-line:none;
}

/*********** PARAGRAFO FOTO GALLERY ***********/



.vista-fotogallery-hp .slide__caption,
.slick--view--fotogallery-hp {
  padding: 0rem;
}
.vista-fotogallery-hp .slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
  z-index: 1;
}

@media (min-width: 1024px) {
  .vista-fotogallery-hp .slide::after {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
  }
}
.vista-fotogallery-hp .slick {
  height: 350px;
}
.vista-fotogallery-hp img {
  height: 350px;
  object-fit: cover;
  margin-bottom: 0;
  position: relative;
}

.vista-fotogallery-hp .slick__arrow {
  max-width: 90%;
  left: 5%;
}

@media (min-width: 1024px) {
  .vista-fotogallery-hp img,
  .vista-fotogallery-hp .slick {
    height: 500px;
  }
}
.vista-fotogallery-hp .slide__description p {
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  margin: 0;
  position:relative;
  bottom: 3rem;
}


/******** masonry *********/

.masonry-photogallery .masonry-item.views-row {
 margin-bottom: 10px;
}

/********* PARAGRAFO LOGHI **********/

.vista-loghi .slick--field-loghi {
 /* padding: 0 1.5rem;*/
}

.vista-loghi .slick__slide img {
 margin: 0 auto;
 max-width: 145px;
}

/**************** PARAGRAFO EMBED ****************/

.paragraph--type--infografica {
 padding: 1.5rem 0;
}


/**************** CONTATTI ****************/

.wrapper-contatti {
  border: 1px solid #000;
  margin-top: 1rem;
  flex-wrap: wrap;
}

 .node--type-contatti {
  width: 100%;
  padding: 1rem;
}

.node--type-contatti > div {
  line-height: 24px;
}

.node--type-contatti > div.icona-contatto,
.node--type-contatti > div.field--name-field-mail {
  margin: 0 0 0.5rem;
}

 .icona-contatto img {
  max-width: 40px;
  height: auto;
}

@media (min-width: 768px) {
.node--type-contatti {
  width: 50%;
 }
 }
/**************** WRAPPER CORSI ****************/


.card-corsi__wrapper .corsi-tipo {
  border: 1px solid;
  line-height: 22.42px;
  padding-left: 0.3rem;
}

.card-corsi__wrapper.sfondo-white a.a-card {
 text-decoration-line: none;
}

.card-corsi__wrapper.sfondo-white a.a-card.ext::after {
  display: none;
}

.card-corsi__wrapper.sfondo-white a.a-card .corsi-titolocard,
.card-corsi__wrapper.sfondo-white a.a-card .corsi-titolocard > span {
 text-decoration-line: underline;
 text-decoration-color: white;
 text-decoration-thickness: 1.5px;
}
.card-corsi__wrapper.sfondo-white a.a-card:hover .corsi-titolocard,
.card-corsi__wrapper.sfondo-white a.a-card:focus .corsi-titolocard,
.card-corsi__wrapper.sfondo-white a.a-card:hover .corsi-titolocard > span,
.card-corsi__wrapper.sfondo-white a.a-card:focus .corsi-titolocard > span {
 text-decoration-color: #000;
}

.card-corsi__wrapper { 
  box-shadow: 0px 7px 25px 0px #00000026;
  padding: 1rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.card-corsi__wrapper p {
 font-size: 14px;
 margin: 0;
}

.card-corsi__wrapper .corsi-titolocard {
  font-size: 16px;
  font-weight: 700;
  padding: 1rem 0;
}

.card-corsi__wrapper .field--label-inline .field__item,
.card-corsi__wrapper .field--label-inline .field__label {
 display: inline;
}


/*------------------------
        FOOTER
-------------------------*/
.site-footer {
  font-family: "Roboto Slab", "Helvetica", "Arial", sans-serif;
  border-top: 4px solid #cd132c;
}

.site-footer .region,
.site-footer__bottom,
.site-footer .block,
.site-footer p {
 margin: 0;
 border: none;
 padding: 0;
 }

.site-footer .nav {
  justify-content: center;
}

.site-footer__top > .region {
    float: none;
    display: grid;
    gap: 1.5rem;
    justify-content: center;
    width: 100%;
}

.site-footer .content {
  font-size: 1rem;
  color: white;
  text-align: center;
}

.site-footer .content a {
 text-decoration-line: none;
 color: white;
   text-underline-offset: 5px;
  text-decoration-thickness: 1.5px;

}

.site-footer .content a:hover,
.site-footer .content a:focus,
.site-footer .nav a:hover,
.site-footer .nav a:focus {
 text-decoration-line: underline;
 text-underline-offset: 5px;
 text-decoration-thickness: 1.5px;
 text-decoration-color: white !important;
}


.site-footer a.ext::after {
  content:"";
}

.site-footer .site-footer__bottom .nav-item a {
  border-right: 1px solid white;
  padding: 0 0.5rem;
}
.site-footer .site-footer__bottom .nav-item:last-child a {
  border-right: unset;
}




/*Menu social*/

.menu--menu-social .nav {
  gap: 20px;
}

@media (min-width: 768px) {
.menu--menu-social .nav {
  gap: 1.5rem;
}
}

.menu--menu-social a {
  font-size: 0;
  display: inline-block;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  height: 40px;
  width: 40px;
  background-size: cover;
  margin: 5px 0;
  opacity: 1;
  border: unset;
}
.menu--menu-social a svg {
  display: none;
}

.menu--menu-social .facebook {
  background-image: url(/themes/custom/unitn/icons/Icon%20awesome-facebook.svg);
}
.menu--menu-social .twitter {
  background-image: url(/themes/custom/unitn/icons/twitter.svg);
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(56deg) brightness(103%) contrast(103%);
}
.menu--menu-social .instagram {
  background-image: url(/themes/custom/unitn/icons/instagram.svg);
}
.menu--menu-social .linkedin {
  background-image: url(/themes/custom/unitn/icons/Icon%20awesome-linkedin.svg);
}
.menu--menu-social .youtube {
  background-image: url(/themes/custom/unitn/icons/Icon%20awesome-youtube.svg);
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(56deg) brightness(103%) contrast(103%);
}
.menu--menu-social .podcast {
  background-image: url(/themes/custom/unitn/icons/Podcast.svg);
}  


/*--------------------------------------------
        ELEMENTI DI BACKOFFICE
---------------------------------------------*/

.nav.primary.nav-tabs {
  margin-top: 2rem;
}

/*Tab revisioni*/
.nav-link--it-group-1-revisions {
  display: none;
}

.primary.nav-tabs a {
  color: #000000;
}