/**
 * @file
 * Subtheme specific CSS.
 */
html,
body {
  overflow-x: hidden;
}

body {
  color: #333;
  font-family: "Titillium Web", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 1.43;
  font-weight: 400;
}

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

*:focus:not(:focus-visible) {
  outline: none;
}

a {
  text-decoration: none;
  white-space: normal;
}
p a,
.breadcrumb a,
.paragraph__allegati a,
.link-item a {
  color: #0678be!important;
}
.breadcrumb {
  margin-top: 1rem;
}

li.breadcrumb-item.active {
  color: #455b71;
}
p a:hover,
p a:focus,
p a {
  font-weight: 700;
  color: #0678be!important;
}
a:hover,
a:focus {
  text-decoration: underline;
}

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

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

/* COLORI */
.btn-primary{
  background-color: #0072ee!important;
  border-color: #0072ee!important;
}
.white,
.white a {
  color: #fff !important;
}

.grey {
  color: #455b71;
}

.blue {
  color: #0066cc;
}

.dark-blue {
  color: #003476;
}

/* colore per il titolo selezionato del carosello della Homepage, ex .light-blue */
.carousel-selected {
  color: #0073e6;
}

/* colore per il titolo non selezionato del carosello della Homepage. */
.carousel-unselected {
  color: #5c6f82;
}

.title-black {
  color: #1c2024;
}

.bg--light-blue {
  background-color: #0073e6;
}

.bg--blue {
  background-color: #225599;
}

.bg--dark-blue {
  background-color: #001a33;
}

.bg--grey {
  background-color: #f1f1f1;
}

.bg--light-grey {
  background-color: #f0f6fc;
}

/*
      #0073E6 colore titolo News accordion
       */

/* FONTS */
h2 {
  line-height: 1.45;
}
.view-menu-target h2,
.view-homepage.view-display-id-block_1 h2,
.view-id-homepage.view-display-id-block_3 h2 {
  font-size: 3.625rem;
  font-weight: 700;
}

@media (max-width: 47.9375em) {
  h2 {
    font-size: 2.9rem;
  }
}
@media (max-width: 25.9375em) {
  h2 {
    font-size: 2.3rem;
  }
}

h3 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.14;
}
@media (max-width: 48.0625em) {
  h3 {
    font-size: 2.8rem;
  }
}
@media (max-width: 25.9375em) {
  h3 {
    font-size: 2.24rem;
  }
}

h5 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.52;
}
@media (max-width: 48.0625em) {
  h5 {
    font-size: 1.2rem;
  }
}
@media (max-width: 25.9375em) {
  h5 {
    font-size: 0.96rem;
  }
}

.node__content,
p {
  font-size: 1.125rem;
}

.titoletto,
.titoletto a {
  font-size: 1.5rem;
  font-weight: 600;
}

.fs--18 {
  font-size: 1.125rem;
}

.fs--24 {
  font-size: 1.5rem;
}

/* Utility */
body:not(.path-admin) .full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
@media (max-width:62em) {
  .view-hero-copertina .full-width {
    bottom: 0.2rem;
}
}
body:not(.path-admin) .button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  border-radius: 4px;
}
body:not(.path-admin) .button a,
body:not(.path-admin) .button:hover a {
  color: #fff;
}
body:not(.path-admin) .button a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* FOOTER */
.site-footer {
  font-family: "Titillium Web", "Helvetica", "Arial", sans-serif;
}
footer.site-footer {
  background: #003476 url(/themes/custom/unica_base/images/filigrana.svg);
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 2rem;
}
footer.site-footer .nav-link {
  color: #fff;
  padding: 0.1rem 0.625rem;
}
.site-footer .block-block-content,
.site-footer .block-views {
  border: none;
}

.site-footer__top {
  grid-column-gap: 5em;
  display: flex;
  flex-direction: column;
}

.site-footer__top .region {
  width: auto;
}

.site-footer .content {
  color: #fff;
}

.site-footer .region-footer-first img {
  /* width: auto;*/
  padding-bottom: 1.8rem;
}
.site-footer .region-footer-first {
  order: 3;
}
.region-footer-first .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item div {
  font-size: 18px;
}
.site-footer .region-footer-second {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
    padding-bottom: 2rem;
}
.site-footer .region-footer-second a {
  font-size: 18px;
}
.site-footer .region-footer-third {
  display: grid;
  grid-row-start: 2;
  justify-content: space-around;
}
@media (min-width:62em) {
  .site-footer .region-footer-third {
    display: grid;
    grid-row-start: 2;
    justify-content: unset;
  }
}

.region-footer-second ul {
  flex-direction: column;
}

.menu--footer-1,
.menu--footer-2,
.menu--footer-3 {
  width: auto;
}

/* menu social */
.view-social img {
  width: auto;
}
.view-social .views-view-grid .row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.view-social .social {
  width: auto;
}
.social-text {
  color: #fff;
  font-size: var(--bs-body-font-size);
}

@media (min-width: 62em) {
  .site-footer__top {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 5em;
  }
  .site-footer .region-footer-first {
    display: grid;
    grid-row-start: 1;
  }
  .site-footer .region-footer-second {
    display: grid;
    grid-row-start: 1;
    grid-column-start: 2;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 2em;
    justify-items: center;
  }
  .site-footer .region-footer-third {
    display: grid;
    grid-row-start: 2;
    grid-column-end: 3;
  }
  .view-social-footer .field-content {
    display: flex;
    justify-content: flex-end;
  }
}
@media (min-width: 48em) {
  .site-footer .region-footer-first img {
    width: auto;
    padding-bottom: 1.8rem;
  }
}

/* HEADER */
@media (max-width: 62em) {
  #header #navbar-top .container {
    display: flex;
      flex-direction: column;
      align-items: flex-start;
      row-gap: 1rem;
  }
}
#block-selettorelingua span {
  margin-right: -1rem;
}

button.btn.modal-btn.white {
  padding-right: 0.5rem;
}

/* si contrappone allo stile in nav.scss */
.navbar-expand-lg .navbar-toggler {
  display: block;
}

.navbar .nav-link,
.navbar .language-link,
.a {
  color: white;
}
#block-unica-default-main-menu,
#block-menutarget {
  display: none;
}
#navbar-top {
  background-color: #001a33;
}

#navbar-main {
  padding: 1rem 0;
  background-color: #225599;
}

@media (min-width: 62em) {
  #navbar-main {
    padding: 2rem 0 0;
  }
}

.navbar .region-top-header {
  display: flex;
  flex-wrap: nowrap;
}

.topbarra a,
.topbarra a:hover {
  color: #fff;
}

.clearfix .nav-item .button {
  background-color: #004d99;
  margin-right: 1rem;
}

.navbar-expand-lg > .container {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.navbar-expand-lg > .container > #block-logo {
  display: grid;
  grid-row: 1 / 1;
  width: 90%;
  max-width: 420px;
}
.navbar-expand-lg .container #block-lentediricerca {
  display: grid;
  grid-row: 1 / 1;
  grid-column: 2 / span 1;
}

.navbar-expand-lg .container #block-selettorelingua {
  grid-row: 1 / 1;
  grid-column: 2 / span 1;
}

.navbar-expand-lg #CollapsingNavbar {
  display: grid;
  grid-row-end: 1;
}
.navbar-expand-lg .region-main-nav {
  grid-row: 2 / 3;
  grid-column: 1 / 4;
  margin: 3.3rem 0 0;
  position: relative;
}

.navbar-expand-lg .container #block-navigazioneprincipale .navnavbar-nav {
  display: grid;
  grid-template-columns: repeat(6, auto);
  margin-bottom: 0;
  justify-content: start;
}
#block-navigazioneprincipale .navnavbar-nav .nav-item {
  margin-right: 2rem;
}

.region-main-nav::before {
  content: "";
  position: absolute;
  top: -1rem;
  left: -50vw;
  right: 0;
  border-top: 1px solid #fff;
  width: 150vw;
  padding: 0.6rem;
}

.region-main-nav > nav {
  padding-left: 0;
}

.region-main-nav a {
  position: relative;
  font-size: 1.125rem;
  padding-bottom: 1rem;
  text-decoration: none !important;
  overflow-x: hidden;
}

.region-main-nav a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -100%;
  width: 90%;
  border-bottom: 2px solid #fff;
  transition: left 0.4s ease;
}

.region-main-nav a.active::after,
.region-main-nav a:hover::after {
  left: 5%;
}

.region-main-nav a.active::after {
  border-width: 4px;
}

@media (min-width: 48em) {
  .navbar-expand-lg > .container {
    align-items: start;
  }
}

/* Paragrafo Photogallery Masonry */
.masonry-photogallery .masonry-item {
  width: 45%;
}

.masonry-photogallery .field--name-field-media-image {
  padding-bottom: 0.6rem;
}

@media (min-width: 768px) {
  .masonry-photogallery .masonry-item {
    width: 30%;
  }
}

@media (min-width: 1200px) {
  .masonry-photogallery .masonry-item {
    width: 23.4%;
  }
}

.masonry-photogallery:hover img,
.masonry-photogallery:focus-within img {
  opacity: 0.7;
  transition: all 0.6s ease;
}

.masonry-photogallery img {
  transition: all 0.6s ease;
}

.masonry-photogallery img:hover,
.masonry-photogallery a:focus img {
  opacity: 1;
  box-shadow: 4px 4px 6px 2px #797979;
}

/* Hero / Copertina */
.view-hero-copertina img {
  max-height: 600px;
}


.title-page__wrapper > .container {
  padding: 0;
}

.title-page__title {
  font-size: 2.85rem;
  color: #000;
  font-weight: 500;
}

.title-page__title--hero {
  font-size: 3.5rem;
  font-weight: 700;
  color: #fff;
  text-shadow: 3px 3px 7px #2b292954;
  line-height: 1.1;
}

@media (min-width: 64em) {
  .title-page__title--hero {
    font-size: 4rem;
    padding: 1.4rem 2.6rem;
  }
}

/* HOMEPAGE */

/* effetti sull'hover */
.hp-alert,
.hp_target,
.scoprire,
.studiare,
.avvisi,
.eventi,
.notizie {
  position: relative;
}
.hp-alert .link,
.hp_target .link,
.scoprire .link,
.studiare .link,
.avvisi .link,
.eventi .link,
.notizie .link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.hp_target,
.scoprire,
.studiare {
  transition: box-shadow 0.4s ease-in-out;
}
.hp_target:hover,
.scoprire:hover,
.studiare:hover {
  box-shadow: 10px 10px 25px #00000060;
  border: 0;
  opacity: 1;
  cursor: pointer;
}
.avvisi,
.eventi,
.notizie {
  transition: transform 0.4s ease-in-out;
}
.avvisi:hover,
.eventi:hover,
.notizie:hover {
  -webkit-transform: scale(1.015);
  -ms-transform: scale(1.015);
  transform: scale(1.015);
}
.hp-alert:hover .testo,
.hp_target:hover .testo,
.scoprire:hover .testo,
.studiare:hover .testo,
.avvisi:hover .titolo,
.eventi:hover .titolo,
.notizie .titolo {
  text-decoration: underline;
}

/* HOMEPAGE - Alert */
.hp-alert {
  padding-top: 8px;
  padding-bottom: 8px;
  height: 56px;
}
.hp-alert::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((100% - 100vw) / 2);
  width: 100vw;
}
.giallo.hp-alert::before {
  background-color: #f8c22e;
}
.arancione.hp-alert::before {
  background-color: #f8931c;
}
.rosso.hp-alert::before {
  background-color: #b10707;
}
.hp-alert .testo {
  position: relative;
  padding-left: 3.5rem;
  font-size: 24px;
  font-weight: bold;
}
.hp-alert .testo p {
  margin: 0;
}
.hp-alert .testo::before {
  content: "";
  top: -1px;
  width: 38px;
  height: 28px;
  position: absolute;
  left: 0;
  background-size: unset;
}
.giallo.hp-alert .testo::before {
  background: url(/themes/custom/unica_base/icons/manina.svg) no-repeat;
}
.arancione.hp-alert .testo::before {
  background: url(/themes/custom/unica_base/icons/bell.svg) no-repeat;
}
.rosso.hp-alert .testo {
  color: #fff;
}
.rosso.hp-alert .testo::before {
  background: url(/themes/custom/unica_base/icons/alert.svg) no-repeat;
}

/* HOMEPAGE - Slider */
.slick-dotted.slick-slider {
  margin-bottom: 3rem;
}

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

.slider__container .field--type-image {
  float: unset;
  margin: 0;
}

.slick-arrow::before,
.slick-arrow::after,
.slick-arrow:hover::before,
.slick-arrow:hover::after {
  color: #fff;
  font-size: 3rem;
}

.slide__description .container {
  width: 90%;
}

.slick--skin--fullwidth .slide__media img,
.slick--view--homepage img {
  object-fit: cover;
  margin-bottom: 0;
  min-height: 620px;
  filter: brightness(0.6);
}

.slick--skin--fullwidth .slide__constrained {
  padding: 1rem 0;
  min-height: 80px;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: absolute;
  width: 100%;
  align-content: space-around;
}

.slide__description-box {
  color: #fff;
  text-shadow: 3px 3px 7px #2b292954;
  padding-left: 2rem;
}

.slide__description .slide__titolo {
  font-size: 2.24rem;
  font-weight: 700;
  line-height: 1.1;
}

.slide__description .slide__btn a {
  display: inline-block;
  background-color: #0073e6;
  margin-top: 0rem;
  padding: 0.1rem 0.6rem 0.1rem 0.6rem;
  border-radius: 4px;
  font-size: 1.1rem;
}

.slick-arrow {
  display: none !important;
}

.slick-dots {
  bottom: -2.3rem;
}
.slick__slide .slide__constrained > .slide__caption {
  position: static;
}
.slide__constrained > .slide__caption {
  position: absolute;
  top: 50%;
}
:lang(en) .slide__constrained > .slide__caption {
  transform: translateY(-50%)
}

@media (min-width: 36em) {
  .slick--skin--fullwidth .slide__constrained {
    z-index: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .slide__description .slide__titolo {
    font-size: 2.24em;
  }
  .slide__description .slide__btn a {
    padding: 0.3rem 0.8rem 0.3rem 0.8rem;
    margin-top: 1rem;
  }
}

@media (min-width: 64em) {
  .slick--skin--fullwidth .slide__constrained {
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
  }

  .slick--skin--fullwidth .slide__media img {
    min-height: 620px;
    filter: brightness(0.6);
  }

  .slick__slide .slide__constrained > .slide__caption {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .slide__description .container {
    width: 80%;
  }

  .slide__description .slide__titolo {
    font-size: 3.5rem;
    text-transform: uppercase;
  }

  .slide__description .slide__sottotitolo {
    font-size: 2rem;
  }

  .slick__arrow {
    z-index: 1;
  }

  .slick-arrow {
    display: block !important;
    height: 46px;
    width: 48px;
  }

  .slick-prev {
    left: 2rem;
  }

  .slick-next {
    right: 2rem;
  }

  .slick-dots {
    bottom: 1rem;
  }
  .slide__description .slide__btn a {
    padding: 0.8rem 1.8rem;
    font-size: 22px;
  }
}

@media (min-width: 64em) {
  .slick-prev {
    left: 3rem;
  }

  .slick-next {
    right: 3rem;
  }
}

@media (min-width: 75em) {
  .slick-prev {
    left: 4rem;
  }

  .slick-next {
    right: 4rem;
  }
}

@media (min-width: 100em) {
  .slide__description .container {
    width: 100%;
  }
}

.slick__slide:focus-visible::after {
  content: "";
  border: 15px inset rgb(41 77 172);
  position: absolute;
  inset: 0;
}

.slick-arrow:focus-visible::after {
  content: "";
  border: 2px solid rgb(41 77 172);
  position: absolute;
  inset: 0;
}

.slick-arrow.slick-next:focus-visible {
  position: inherit;
}

.slider__container .views-field-field-link-slide a:focus-visible {
  outline-offset: 7px;
}
.slide__sottotitolo p {
  font-size: 24px;
}

/* posiziona il testo sopra l'immagine */
@media (max-width: 415px) {
  .slick--view--homepage--block-5 {
    position: relative;
  }
  .slick--view--homepage .slide__constrained {
    position: absolute;
    top: 0;
    background-color: transparent;
  }
  .slick--view--homepage .slide__description .container {
    width: 100%;
  }

  .slick--view--homepage .slide__sottotitolo p {
    margin-bottom: 0rem;
  }
  .slick--view--homepage .slide__description .slide__btn a {
    font-size: 18px;
    margin-top: 1rem;
  }
}

/* HOMEPAGE - Info Per */

.view-menu-target {
  margin-bottom: 3.5rem;
}

.site-international .view-menu-target {
  margin-top: 2.5rem;

}

.view-menu-target .view-header h2 {
  display: flex;
  justify-content: center;
}

@media (max-width: 48em) {
  .view-menu-target .view-header h2,
  .view-homepage.view-display-id-block_1 .view-header h2,
  .view-id-homepage.view-display-id-block_3 .view-header h2 {
    font-size: 2.24rem;
  }
}

.hp_target {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.hp_target .contenitore {
  position: relative;
  justify-content: center;
}
.hp_target .testo {
  font-size: 1.2rem;
  font-weight: 400;
  width: 100%;
  height: 5rem;
  text-align: center;
  margin-left: -0.5rem;
}
.hp_target img {
  width: 80%;
}
@media (min-width: 48em) {
  .hp_target .testo,
  .studiare .testo,
  .scoprire .testo {
    font-size: 1.75rem;
  }
  .hp_target .field--type-image{
    margin:0rem;
  }
  .hp_target img {
    width: 100%;
  }
  .hp_target .mb-4 {
    margin-bottom: 0.3rem!important;
  }
}

.hp_target .mb-4 {
  margin-bottom: 1.5rem!important;
}
.view-menu-target .row {
  justify-content: start;
  row-gap: 3rem;
  align-items: flex-end;
}
.view-menu-target .view-content.row {
  display: inherit;
}
.hp_target .field--name-field-media-image,
.hp_target .field--type-image img {
  margin-top: 1.5rem;
}

/* HOMEPAGE Scoprire UniCA */
.view-homepage.view-display-id-block_1 {
  margin-bottom: 3.5rem;
}
.view-homepage.view-display-id-block_1 .row {
  row-gap: 3rem;
}
.view-homepage.view-display-id-block_1 .view-content.row {
  display: inherit;
}
.view-homepage.view-display-id-block_1 .view-header h2 {
  display: flex;
  justify-content: center;
}
.scoprire .contenitore {
  position: relative;
  justify-content: center;
}
.scoprire .testo {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5rem;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.3;
  text-align: center;
  background-color: rgba(23, 24, 26, 0.5);
  padding: 1rem 0.5rem 0.3rem 0.5rem;
}

/*Homepage Studiare*/
.view-id-homepage.view-display-id-block_3 {
  margin-bottom: 3.5rem;
}
.view-id-homepage.view-display-id-block_3 .row {
  display: flex;
  flex-direction: row;
  justify-content: start;
  row-gap: 3rem;
  align-items: flex-start;
  row-gap: 3rem;
}
.view-id-homepage.view-display-id-block_3 .view-content.row {
  display: inherit;
}
.studiare .numero {
  font-size: 3.6rem;
  font-weight: 700;
  display: flex;
  justify-content: center;
  padding-top: 1rem;
}
.view-id-homepage.view-display-id-block_3 .view-header h2 {
  display: flex;
  justify-content: center;
}

.studiare .testo {
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 0.5rem 0.5rem 0.3rem 0.5rem;
  font-size: 1.2rem;
  font-weight: 400;
  height: 7rem;
  padding-bottom: 2rem;
}

/* HOMEPAGE Le persone al centro */
.hp-banners-sfondo {
  position: relative;
  background: #17181a;
  overflow: hidden;
}
.hp-banners-sfondo .contenitore {
  position: relative;
  padding: 3rem 0;
}
.hp-banners-sfondo .contenitore .row {
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: center;
}
.hp-banners-sfondo .contenitore .view-content.row {
  display: inherit;
  padding-left: inherit;
  padding-right: inherit;
}
.hp-banners-sfondo .field--name-field-media-image {
  width: 100%;
  height: auto;
}
.hp-banners-sfondo img {
  margin: 0;
  opacity: inherit;
  filter: brightness(50%);
  object-fit: cover;
}
.hp-banner-header {
  margin-bottom: 7rem;
}
.hp-banner-sfondo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  height: 100%;
  justify-content: space-between;
}
.hp-banner-sfondo .testo {
  font-size: 1.3125rem;
  font-weight: 400;
}
.people_tutto_testo {
  position: relative;
}

.hp-banners-sfondo > .people_banner {
  position: absolute;
  inset: 0;
  height: 100%;
}

.hp-banners-sfondo > .people_banner,
.hp-banners-sfondo .people_banner * {
  height: 100%;
}

.people_tutto_testo {
  position: relative;
  z-index: 1;
}

.persone-centro__col {
  margin-bottom: 3rem;
}

.persone-centro__col .button {
  width: 70% !important;
}

.hp-banner-sfondo .button {
  width: 240px;
  height: 56px;
  font-size: 18px;
}

.persone-centro__col .hp-banner-sfondo h3{
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.52;
}
@media (min-width: 48.0625em) {
  .persone-centro__col .button {
    width: 85% !important;
  }
  .hp-banner-sfondo .testo {
    padding: 1rem;
  }
}
@media (max-width: 48.0625em) {
  .hp-banner-header {
    margin-bottom: 4rem;
  }
  .hp-banner-sfondo .titolo {
    font-size: 1.2rem;
  }
  .hp-banner-sfondo .testo {
    font-size: 1.05rem;
  }
}

/* PARAGRAFO Ti interessa anche */
.paragraph--type--link-correlati {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
.interessa {
  box-shadow: 0px 0px 80px rgba(0, 43, 85, 0.1);
}
.interessa img {
  margin: 0;
}
.tiinteressa {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.14;
}
/* PARAGRAFO card wrapper e bannerone */
.paragraph--type--card-wrapper {
  padding: 1rem;
}

.field--name-field-card {
  padding-top: 1rem;
}
.paragraph--type--bannerone {
  padding-top: 1rem;
}

.cards .field--name-field-cards-paragrafo,
.ban_cards .field--name-field-cards-paragrafo {
  display: grid;
  grid-template-columns: auto auto;
}
.node--type-homepage-di-canale .cards .field--name-field-cards-paragrafo {
  grid-template-columns: auto;
}
.field.field--name-field-cards-paragrafo.field--type-entity-reference-revisions.field--label-hidden.field__items
  > .field__item {
  margin: 1rem 0rem;
  background-color: transparent;
}

.view-card-cliccabili .view-content.row {
  grid-template-columns: auto;
  display: grid;
 row-gap: 2rem;
 padding: 1rem;
}
.col-lg-9.col-md-9.col-12 .view-card-cliccabili .view-content.row {
  grid-template-columns: auto;
}
.view-card-cliccabili {
  padding:1rem;
}
.view-card-cliccabili .cards {
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  overflow: hidden;
  background: #e0e0e033;
  box-shadow: 1px 1px 20px #bebebe;
  height: 100%;
  position: relative;
}
.view-card-cliccabili .views-field {
  height: 100%;
}
.view-card-cliccabili .image_card img {
  object-fit: cover;
    aspect-ratio: 16 / 9;
}
.view-card-cliccabili .title_card {
  font-size: 1.25rem;
  font-weight: 600;
  padding-left: 1rem;
  margin-bottom: 0.6rem;
}
.view-card-cliccabili .text_card {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0.6rem;
}
.view-card-cliccabili .cards:hover .text_link_card{
  text-decoration: underline;
}
.view-card-cliccabili .cards a {
  position: absolute;
  inset: 0;
  z-index: 1;
  font-size: 0;
}
.text_link_card {
  padding: 0rem 1rem 1rem 1rem;
  color: #0678be;
}
@media (min-width: 62em) {
  .view-card-cliccabili .view-content.row {
    grid-template-columns: 33% 33% 33%;
    display: grid;
    padding: 1rem;
  }
  .col-lg-9.col-md-9.col-12 .view-card-cliccabili .view-content.row {
    display: grid;
    grid-template-columns: 50% 50%;
}

  .block-field-blocknodehomepage-di-canalefield-card .cards .field--name-field-cards-paragrafo,
  .node--type-home-page-di-target .cards .field--name-field-cards-paragrafo {
    grid-template-columns: 33% 33% 33%;
  }
  .field.field--name-field-cards-paragrafo.field--type-entity-reference-revisions.field--label-hidden.field__items
    > .field__item {
    margin: 0rem 1rem;
  }
}

.cards .field--type-image {
  margin: 0;
  float: unset;
}

.view-paragrafi.view-display-id-block_1 .view-content.row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 48.0625em) {
  .view-paragrafi.view-display-id-block_1 .view-content.row {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 415px) {
  .view-paragrafi.view-display-id-block_1 .view-content.row {
    grid-template-columns: auto;
  }
}

.ban-card {
  position: relative;
}
.ban-card .link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.ban-card .contenitore {
  position: relative;
}
.ban-card .immagine img,
.ban-card
  .immagine
  .field__item
  .ban-card
  .immagine
  .field--name-field-media-image {
  width: 100%;
}
.ban-card .testo {
  position: absolute;
  width: 100%;
  text-align: center;
}

.ban-card .field--type-image {
  margin: 0;
}

/* PARAGRAFO Semplice */
.field--name-field-titolo-paragrafo {
  margin-bottom: 0.6rem;
  font-size: 1.5rem;
  font-weight: 600;
}

.paragraph .paragraph .field--name-field-titolo-paragrafo {
  font-size: 1.25rem;
  font-weight: 600;
  padding-left: 0rem;
}
.paragraph--type--card .field.field--name-field-titolo-paragrafo.field--type-string.field--label-hidden.field__item {
    padding-left: 1rem;
}

.paragraph .paragraph .field--name-field-testo-card,
.paragraph .paragraph .field--name-field-link {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0.6rem;
}

.accordion .accordion-button {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #fff;
  background-color: #006ec0;
}

.accordion .accordion-button::after {
  filter: brightness(0) saturate(100%) invert(94%) sepia(46%) saturate(0%)
    hue-rotate(235deg) brightness(105%) contrast(106%);
  background-size: 2rem;
  width: 2rem;
  height: 2rem;
}

.accordion .field--name-field-titolo-paragrafo {
  margin-bottom: 0;
  padding: 0.4rem 0;
  font-size: 1.75rem;
  line-height: 1.1;
}

@media (min-width: 48em) {
  .paragraph__image:not(.paragraph__image--wide) {
    margin-right: 1rem;
    margin-bottom: 0;
  }
  .paragraph__image:not(.paragraph__image--wide) img {
    max-width: 300px;
  }
}

@media (min-width: 64em) {
  .paragraph__image:not(.paragraph__image--wide) img {
    max-width: 500px;
  }
}

.paragraph__allegati {
  margin-top: 1rem;
}

.paragraph__allegati .field--name-field-link-paragrafo {
  margin-top: 1rem;
}

/* PARAGRAFO Video */
.field--name-field-media-oembed-video {
  position: relative;
}

.field--name-field-media-oembed-video::before {
  display: block;
  content: "";
  padding-top: 56.25%;
}

.field--name-field-media-oembed-video > iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
}

/* Distanziamento paragrafi */
.field--name-field-contenuto > .paragraph:not(:first-child) {
  margin-top: 3rem;
}

.field--name-field-contenuto > .accordion-paragraph + .accordion-paragraph {
  margin-top: 0.4rem;
}

/* Menu spalla destra Ti interessa e naviga*/
.menu-spalla a {
  color: #000;
  padding-top: unset;
}

.menu-spalla {
  padding-top: 2rem;
}

@media (min-width: 48em) {
  .menu-spalla {
    padding-top: 0rem;
  }
}

.menu-spalla .block-views-blockti-interessa-anche-block-1 {
  margin-top: 2rem;
}
.menu-spalla h2 {
  line-height: 1.2;
}
.menu-spalla .menu--main h2 {
  font-size: 1.5rem;
  font-weight: 700;
  padding-left: 1rem;
  padding-top: 1rem;
}
.menu-spalla .menu--main a:hover,
a:focus,
.link:hover,
.link:focus {
  color: #000;
}
.menu-spalla .anteprima-card__wrapper {
  background-color: #e8f2fc;
  padding: 1rem;
  box-shadow: none;
}
.list-group-item {
  border: none;
  background-color: transparent;
}
.ti-interessa .link-correlati__main-link {
  position: relative;
}
.ti-interessa .link-correlati__main-link a {
  position: absolute;
  right: 0;
  bottom: 15px;
  left: 0;
  z-index: 1;
  padding: 0.2rem 0.6rem;
  text-align: center;
  color: #fff;
  background-color: #7060608c;
  text-shadow: 1px 1px 5px black;
}

@media (min-width: 48em) {
  .ti-interessa .link-correlati__main-link a {
    font-size: 0.6rem;
  }
}
@media (min-width: 62em) {
  .ti-interessa .link-correlati__main-link a {
    font-size: 16px;
  }
}

.ti-interessa .field--type-image {
  float: none;
  margin-right: 0;
}
.ti-interessa .field-item {
  margin-bottom: 0.4rem;
}

.dropdown-item:active {
  background-color: unset;
}
.menu-spalla .menu--main {
  background-color: #f0f0f0;
  box-shadow: none;
}
.menu-spalla .menu--main .nav-item {
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  border-top: 1px solid #bebebe;
}
.menu-spalla .menu--main .nav-item a {
  display: block;
  padding: 17px 30px 17px 1rem;
}
.menu-spalla .dropdown-menu {
  display: block;
  position: relative;
  border: unset;
  padding: 0;
  z-index: 0;
  background-color: #d4d8dc;
  min-width: 9rem;
}
.menu-spalla .dropdown-menu li {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 1.4rem;
}
.menu-spalla .dropdown-item:hover {
  color: #1e2125;
}
.menu-spalla .nav-item > a {
  margin: 0;
  padding: 0;
}

.menu-spalla .nav-item.active > a {
  font-weight: 700;
  position: relative;
  background-color: #9ca7b5;
  padding-left: 1.5rem;
}

.menu-spalla .nav-item.active > a::before {
  content: "";
  position: absolute;
  border-left: 6px solid #fff;
  width: 2px;
  top: 11%;
  left: 5px;
  bottom: 12%;
}
@media (max-width: 64em) {
  .menu--main .nav-item .menu-apri-chiudi {
    display: none;
  }
}
/*
      ******** HAMBURGER MENU *******
      */
#CollapsingNavbar {
  display: none !important;
  position: absolute;
  background-color: #f7f9fa;
  z-index: 10;
  opacity: 0;
}

#CollapsingNavbar.show {
  display: flex !important;
  top: 0;
  padding-top: 4rem;
  padding-bottom: 4rem;
  padding-bottom: 0;
  opacity: 1;
  box-shadow: 0px 10px 20px 0px #343434a3;
}

.collapsing {
  height: unset;
  transition-duration: 0.1s;
}

.navbar-collapse.show {
  background-color: #f7f9fa;
}

.navbar-collapse > div {
  position: relative;
  display: block;
}

/* Bottone hamburger menu */
.navbar-expand-lg .container .navbar-toggler-icon {
  background-size: 67%;
  background-image: url(/themes/custom/unica_base/icons/burger.svg) !important;
}
.navbar-expand-lg > .container > .navbar-toggler {
  display: grid;
  grid-row: 1 / 1;
}

button.navbar-toggler.collapsed.btn-hamburger--close {
  padding-left: 0rem;
}

.btn-hamburger--open {
  top: -2rem;
  position: absolute;
  right: 2rem;
}

.hamburger-inner {
  width: 27px;
  top: 54%;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
  display: block;
  margin-top: -2px;
}

.btn-hamburger--close .hamburger-inner:after {
  top: 8px;
  width: 17px;
}

.hamburger-inner,
.hamburger-inner::after {
  position: absolute;
  height: 0.3rem;
  border-radius: 4px;
  background-color: #fff;
  -webkit-transition: width 0.15s ease, -webkit-transform 0.15s ease;
  transition: width 0.15s ease, -webkit-transform 0.15s ease;
  -o-transition: transform 0.15s ease, width 0.15s ease;
  transition: transform 0.15s ease, width 0.15s ease;
  transition: transform 0.15s ease, width 0.15s ease,
    -webkit-transform 0.15s ease;
}

.hamburger-inner::after {
  display: block;
  content: "";
}

button:not(.btn-hamburger--close) .hamburger-inner {
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(-50%, 50%, 0) rotate(45deg);
  width: 30px;
}

button:not(.btn-hamburger--close) .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
  transform: translate3d(0, -20px, 0) rotate(-90deg);
  width: 30px;
  top: 20px;
}

#CollapsingNavbar .navbar-toggler .hamburger-inner,
#CollapsingNavbar .navbar-toggler .hamburger-inner::after {
  background-color: #123056;
}

.navbar-collapse.show #block-unica-default-main-menu,
.navbar-collapse.show #block-menutarget {
  display: block;
}

#CollapsingNavbar .menu--menu-target {
  margin: 2rem 0;
}

#CollapsingNavbar .menu--menu-target li {
  flex: 0 0 auto;
  width: 20%;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: flex-end;
}

#CollapsingNavbar .menu--menu-target li:nth-child(1) img {
  top: 0.1rem;
  left: -0.1rem;
}

#CollapsingNavbar .menu--menu-target li:nth-child(3) img {
  top: 0.1rem;
  left: -0.1rem;
}

#CollapsingNavbar .menu--menu-target li:nth-child(4) img {
  top: 0.2rem;
}

#CollapsingNavbar .menu--menu-target li:nth-child(5) img {
  top: 0.2rem;
}

#CollapsingNavbar .menu--menu-target .field--name-field-icona {
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 0.4em;
  height: 55px;
  width: 55px;
  background-color: #fff;
}

#CollapsingNavbar .menu--menu-target img {
  display: block;
  height: 50px;
  width: auto;
  padding: 0.8rem;
  background-color: #fff;
  margin: 0 auto;
  position: relative;
}

#CollapsingNavbar .menu--menu-target a {
  color: #004276;
  font-size: 1rem;
  line-height: 1.2;
  text-align: center;
  word-break: break-word;
}

@media (min-width: 48em) {
  #CollapsingNavbar .menu--menu-target .field--name-field-icona {
    height: 100px;
    width: 100px;
  }

  #CollapsingNavbar .menu--menu-target img {
    height: 94px;
    padding: 1.4rem;
  }

  #CollapsingNavbar .menu--menu-target li:nth-child(3) img {
    top: 0.2rem;
    left: -0.4rem;
  }

  #CollapsingNavbar .menu--menu-target li:nth-child(4) img {
    top: 0.2rem;
    left: -0.2rem;
  }

  #CollapsingNavbar .menu--menu-target li:nth-child(5) img {
    top: 0.2rem;
  }

  #CollapsingNavbar .menu--menu-target a {
    font-size: 1.3rem;
  }
}

@media (min-width: 62em) {
  #CollapsingNavbar .menu--menu-target a {
    font-size: 1.625rem;
  }
}

.menu_link_content.menu-link-contentmenu-di-servizio.view-mode-default.menu-dropdown.menu-type-default {
 /* display: none; */
}

.view-id-menu_di_servizio .menu-link-contentmenu-di-servizio .button.unica_news {
  color: transparent;
}


/* Menu principale - collassato */
#CollapsingNavbar #block-unica-default-search-form-narrow {
  display: none;
}

#CollapsingNavbar nav > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#CollapsingNavbar .menu--main > ul {
  justify-content: flex-start;
}

#CollapsingNavbar .menu--main > ul > li {
  flex: 0 0 auto;
  width: 100%;
  margin-bottom: 1.2rem;
}

#CollapsingNavbar .menu--main > ul > li::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-top: 1rem;
  border-bottom: 1px solid #b0b0b0;
}

@media (min-width: 48em) {
  #CollapsingNavbar .menu--main > ul > li {
    width: 33.3334%;
    margin-bottom: 2rem;
    padding-right: 1rem;
  }

  #CollapsingNavbar .menu--main > ul > li::after {
    content: none;
  }

  #block-unica-default-main-menu {
    padding: 0;
  }
}

#block-unica-default-main-menu {
  padding: 0 0.6rem;
}

#block-unica-default-main-menu .dropdown-menu {
  display: block;
  background-color: transparent;
  border: none;
  padding: 0 0 0 1rem;
  position: static;
}

#block-unica-default-main-menu .dropdown-menu > li {
  padding: 0.1rem 1rem;
  padding-left: 0;
  background-color: transparent;
}

#block-unica-default-main-menu .nav-item a,
#block-unica-default-main-menu .nav-item span {
  color: #727272;
  font-size: 1.125rem;
}

#block-unica-default-main-menu .nav-item > a,
#block-unica-default-main-menu .nav-item > span {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 700;
  color: #000;
  word-break: break-word;
}

.hamburger--footer .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hamburger--footer .cerca {
  background-image: url(/themes/custom/unica_base/icons/lens.svg);
  background-repeat: no-repeat;
  color: transparent!important;
}
@media(min-width: 62em) {
  .hamburger--footer .cerca {
    display: none;
  }
}
#navbar-top .cerca {
  display: none;
}
.hamburger--footer .views-row {
  outline: 1px solid;
}

.hamburger--footer img {
  max-width: 430px;
}

.hamburger--footer .menu-servizio {
  flex-grow: 1;
  width: 100%;
}

.hamburger--footer .menu-servizio .view-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0;
}

.hamburger--footer .menu-servizio .view-content > div {
  width: auto;
  padding: 0;
}
.hamburger--footer .menu-servizio .button {
  display: inline-block;
  background-color: #0080ff;
  color: #fff;
  padding: 0.8rem 0.8rem;
}
@media (min-width: 62em) {
.hamburger--footer .menu-servizio .button {

  padding: 0.8rem 1.8rem;
}
}

@media (min-width: 62em) {
  .hamburger--footer .menu-servizio .view-content {
    justify-content: flex-end;
  }

  .hamburger--footer .menu-servizio .view-content > div:first-child {
    display: none;
  }
}

/* Modale Cerca */
#block-modalsearch {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 0;
}

body.modal-open,
.modal-search {
  padding-right: 0 !important;
  overflow-y: unset !important;
}

.modal-dialog {
  max-width: 100%;
  margin-top: 0;
  background-color: #225599;
  box-shadow: 0px 10px 20px 0px #343434a3;
}

.modal-search .modal-header {
  border-bottom: unset;
}

.modal-search button {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7485%)
    hue-rotate(125deg) brightness(111%) contrast(105%);
  opacity: 1;
}

.modal-dialog > .modal-content {
  background-color: transparent;
  border: unset;
}

.modal-search form {
  position: relative;
  padding: 5px 15px;
  flex-flow: row wrap;
  display: flex;
}

.modal-search form > fieldset {
  flex-grow: 1;
}

.modal-search .form-control {
  border: 1px solid #fff;
  font-size: 1.4rem;
  color: #fff;
  background-color: #225599;
  border-radius: 30px;
  padding: 0.5rem 0.75rem 0.5rem 1.2rem;
  padding-right: 3.4rem;
  position: relative;
  z-index: 1;
  box-shadow: 3px 3px 19px -10px #3d3d3d;
}

.modal-search .form-control::placeholder {
  color: #fff;
}

.modal-search .form-actions {
  position: absolute;
  top: -1rem;
  bottom: 0;
  right: 2.2rem;
  z-index: 2;
}

.modal-search .modal-body button {
  display: block;
  border: unset;
  border-radius: unset;
  height: 100%;
  font-size: 0;
  background: transparent
    url(/themes/custom/unica_base/icons/ionic-ios-search.svg) no-repeat center
    center;
}

.modal-search .modal-body button:hover,
.modal-search .modal-body button:focus {
  background-color: transparent;
}

.modal-search img {
  display: block !important;
  margin: 3rem 0 1rem;
  width: 500px;
}

.modal-backdrop.fade.show {
  opacity: 0;
}

/* Bandi e concorsi*/
/*Vista a destra*/

.bando-sidebar .views-field-field-categoria {
  margin-bottom: 1.5rem;
}
.bando-sidebar .views-label {
  font-weight: 700;
}
@media (min-width: 62em) {
  .block-system-main-block .bando-sidebar {
    margin-left: 2rem;
  }
}

/* Elenchi normative */
.view-filters .d-flex.flex-wrap {
  flex-direction: column;
}
.view-normativa.view-display-id-block_2 .view-filters .form-row {
  display: grid;
  grid-template-columns: auto auto;
}
.view-normativa.view-display-id-block_2
  .view-filters
  .form-row
  .form-actions
  button {
  width: 100%;
}
@media (max-width: 48.0625em) {
  .view-normativa.view-display-id-block_2 .view-filters .form-row {
    grid-template-columns: auto;
  }
}

/* Gestione menu su mobile only */
@media (max-width: 47.938em) {
  #CollapsingNavbar #block-unica-default-main-menu {
    padding: 0;
    margin: 0 -0.75rem;
  }

  #CollapsingNavbar .menu--main > ul > li {
    padding: 1rem 0.4rem;
    margin-bottom: 0;
    position: relative;
  }

  #CollapsingNavbar .bg--lightsand,
  #CollapsingNavbar .navnavbar-nav > .nav-item:hover {
    background-color: rgba(192, 177, 146, 0.2);
  }

  #CollapsingNavbar .navnavbar-nav > .nav-item.active,
  #CollapsingNavbar #block-unica-default-main-menu .dropdown-menu > li.active {
    background-color: #225599;
    font-weight: 700;
  }

  #CollapsingNavbar .navnavbar-nav > .nav-item.active > a,
  #CollapsingNavbar
    #block-unica-default-main-menu
    .nav-item.active
    .fa-chevron-down {
    color: #fff;
  }

  #CollapsingNavbar .menu--main .dropdown-menu {
    display: none;
    background-color: rgba(99, 118, 142, 1);
    border-radius: 0;
  }

  #CollapsingNavbar .menu--main .dropdown-menu.show {
    display: block;
    margin-top: 1rem;
    margin-bottom: -1rem;
  }

  #CollapsingNavbar #block-unica-default-main-menu .nav-item > button {
    position: absolute !important;
    top: 2.1rem;
    right: 2.2rem;
    /* display: inline-block; */
    /* width: auto; */
    border: none;
    background-color: transparent;
    padding: 0;
    /* z-index: 1; */
    transition: transform 0.2s ease-in-out;
  }

  #CollapsingNavbar #block-unica-default-main-menu .nav-item .fa-chevron-down {
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    line-height: 1;
    font-size: 1.4em;
    color: #000;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
  }

  #CollapsingNavbar #block-unica-default-main-menu .nav-item button.show {
    transform: rotate(180deg);
  }

  #CollapsingNavbar #block-unica-default-main-menu .dropdown-menu {
    padding-left: 0;
  }

  #CollapsingNavbar #block-unica-default-main-menu .dropdown-menu > li {
    padding: 0.8rem 0.6rem 0.8rem 1.6rem;
  }

  #CollapsingNavbar
    #block-unica-default-main-menu
    .dropdown-menu
    > li:not(:last-child) {
    border-bottom: 1px solid #fff;
  }

  #CollapsingNavbar #block-unica-default-main-menu .dropdown-menu > li a {
    color: #fff;
  }
}

/* Menu principale - collassato > search block */
.google-search--mobile {
  margin: 1rem 0 1.4rem;
  padding: 0 1rem;
}

.google-search--mobile #search-block-form {
  padding: 0;
  position: relative;
}

.google-search--mobile .content.container-inline > div {
  display: block;
}

.google-search--mobile fieldset,
.google-search--mobile button {
  margin-bottom: 0 !important;
}

.google-search--mobile fieldset {
  flex-grow: 1;
}

.google-search--mobile .form-control {
  border: 1px solid #fff;
  color: #fff !important;
  background-color: #e8f0fe !important;
  border-radius: 30px;
  padding: 0.5rem 0.75rem;
  padding-right: 3.4rem;
  position: relative;
  z-index: 1;
}

.google-search--mobile .form-control::placeholder {
  color: #fff;
}

.google-search--mobile .form-actions {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.5rem;
  z-index: 2;
  margin-bottom: 0 !important;
}

.google-search--mobile button.button {
  display: block;
  border: unset;
  padding-right: 2rem;
  border-radius: unset;
  height: 100%;
  font-size: 0;
  background: transparent
    url(/themes/custom/unica_base/icons/ionic-ios-search.svg) no-repeat center
    center;
  background-size: 1.4rem;
}

.google-search--mobile button:hover,
.google-search--mobile button:focus {
  background-color: transparent;
}

@media (min-width: 37.5em) {
  .google-search--mobile {
    margin: 1rem auto 3rem;
    padding: 0;
    max-width: 40%;
    transition: max-width 0.35s ease-in-out;
  }
/*
  .google-search--mobile:focus-within {
    max-width: 90%;
  }
  */
}

/* Cerca nel menu aperto */
.navbar-collapse.show .form-type-search {
  margin-bottom: 0 !important;
}
.navbar-collapse.show .search-form button {
  background: transparent
    url(/themes/custom/unica_base/icons/ionic-ios-search-blue.svg) no-repeat
    center center;
}

/* Gestione animazione testata allo scroll
@media (min-width: 75em) {
  body.scrolled :not(.path-admin) nav#navbar-main {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    transition: transform 0.2s ease-out;
  }

  body:not(.path-admin).scrolled nav#navbar-main {
    transform: translateY(-4rem);
    transform: unset;
  }

  body:not(.path-admin) nav#navbar-main .region-main-nav {
    transition: all 0.2s ease-out;
  }

  body:not(.path-admin).scrolled nav#navbar-main .region-main-nav {
    height: 0;
    max-height: 0;
    padding-top: 0;
    margin-top: 1rem;
    overflow: hidden;
  }

  body:not(.path-admin).scrolled #block-logo img {
    height: 50px;
  }

  body:not(.path-admin) .highlighted {
    margin-top: 13rem;
  }

}
*/

/*
 Test card
 */
.cards .field--name-field-cards-paragrafo {
  grid-template-columns: 100%;
}
.field.field--name-field-cards-paragrafo.field--type-entity-reference-revisions.field--label-hidden.field__items
  > .field__item {
  margin: 1rem 0rem;
}

@media (min-width: 62em) {
  .cards .field--name-field-cards-paragrafo {
    grid-template-columns: 50% 50%;
  }
  .field.field--name-field-cards-paragrafo.field--type-entity-reference-revisions.field--label-hidden.field__items
    > .field__item {
    margin: 1rem 1rem 1rem;
    background-color: #f0f6fc;
  }
}
.view-card-wrapper .col-md-6.col-xs-12.views-row {
  margin-bottom: 1rem;
}
.view-card-wrapper .views-field.views-field-nothing {
  height: 100%;
}
.cards {
  border: 1px solid #dcdcdc;
    border-radius: 10px;
    overflow: hidden;
    background: #e0e0e033;
    box-shadow: 1px 1px 20px #bebebe;
    height: 100%;
    position: relative;
}
.cards .image_card img {
  max-height: 200px;
  object-fit: cover;
  margin: 0;
  aspect-ratio: 16 / 9;
}
.cards .image_card {
  margin-bottom: 1rem;
}
.cards .title_card {
  padding: 0rem 1rem 1rem 1rem;
  font-size: 20px;
  font-weight: 600;
}
.cards .text_card {
  padding: 0rem 1rem 1rem 1rem;
}
.cards a {
  position: absolute;
  z-index: 1;
  inset: 0;
}
.cards:hover .text_link_card {
  text-decoration: underline;
}

/*
 Test Davide Banner card
 */
.paragraph--type--bannerone .field--name-field-titolo-paragrafo {
  margin-bottom: 1rem;
}

.ban_cards .field--name-field-cards-paragrafo {
  grid-template-columns: 1fr;
}

.ban_cards {
  max-width: 90%;
  margin: 0 auto;
}

.banner_card {
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  overflow: hidden;
  background: #e0e0e033;
  box-shadow: 1px 1px 20px #bebebe;
  transition: box-shadow 0.4s ease-out;
}

.banner_card:hover {
  box-shadow: 2px 10px 30px #bebebe;
}

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

.banner_card .field--type-entity-reference ::after {
  content: "";
  position: absolute;
  right: -0.2rem;
  top: 10%;
  border-right: 1px solid #92929242;
  height: 80%;
}

.banner_card .field--type-image {
  float: unset;
  margin: 0;
}

.banner_card img {
  margin: 0;
  padding: 1rem;
}

/* Gestione copertina */
.view-hero-copertina img,
.hero--cdl img {
  max-height: 450px;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  filter: brightness(0.6);
}
@media (max-width: 48em) {
  .view-hero-copertina img,
.hero--cdl img {
  margin: 0rem;
}
}

.title-page__wrapper > .container {
  padding: 0;
}

.title-page__title {
  font-size: 2rem;
}

.title-page__title {
  color: #000;
  font-weight: 500;
}

.title-page__title--hero {
  color: #fff;
  padding: 1rem 1.4rem;
  display: inline-block;
  line-height: 1;
  text-transform: lowercase;
}

.title-page__title--hero::first-letter {
  text-transform: uppercase;
}

@media (min-width: 48em) {
  .title-page__title--hero {
    /* background-color: transparent; */
    text-shadow: 2px 2px 5px #4d4d4d66;
  }

  .title-page__wrapper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20%;
  }

  .title-page__title {
    font-size: 2.4rem;
  }

  .hero--cdl .title-page__title--hero {
    max-width: 75%;
  }

  .hero--cdl .title-page__title--hero--small {
    font-size: 2rem;
    padding: 1rem;
  }
}

@media (min-width: 64em) {
  .title-page__title--hero,
  .hero--cdl .title-page__title--hero {
    font-size: 3rem;
    padding: 1.4rem 2.6rem;
  }

  .hero--cdl .title-page__title--hero--small {
    font-size: 2.6rem;
  }
}

@media (min-width: 100em) {
  .hero--cdl .title-page__wrapper--small {
    bottom: 10%;
  }

  .title-page__title--hero,
  .hero--cdl .title-page__title--hero {
    font-size: 4rem;
  }

  .hero--cdl .title-page__title--hero--small {
    font-size: 3.5rem;
  }
}
/* ************
 ELENCO CORSI
 ************* */
/* Elenco cdl  */
.card-corsi {
  line-height: 1.2;
}

.card-corsi__wrapper > div:not(:last-child) {
  margin-bottom: 1rem;
}

.card-corsi__wrapper[class*="dip-"] {
  border: 1px solid #e9e9e9;
  padding: 1rem;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: -6px -6px 15px -10px #d5d5d5b5, 8px 8px 15px -10px #ebebebbf;
}

.card-corsi__wrapper {
  height: 100%;
  position: relative;
}

.card-corsi__titolo {
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: uppercase;
}

.card-corsi__wrapper [class*="card-corsi__"]:not(.card-corsi__titolo) {
  display: inline-flex;
  align-content: flex-start;
  width: 100%;
}

.card-corsi__wrapper [class*="card-corsi__"]:not(.card-corsi__titolo)::before {
  content: "";
  background-size: 1.4rem;
  height: 1.4rem;
  width: 1.4rem;
  flex: 0 0 1.6rem;
  margin-right: 0.6rem;
  filter: brightness(0) saturate(100%) invert(29%) sepia(66%) saturate(1880%)
    hue-rotate(185deg) brightness(94%) contrast(102%);
}

.card-corsi__wrapper .card-corsi__dipartimento::before {
  background: url(/themes/custom/unica_base/icons/landmark-solid.svg) no-repeat
    center center;
  background-size: 1.5rem !important;
}

.card-corsi__wrapper .card-corsi__course_type::before {
  background: url(/themes/custom/unica_base/icons/Area.svg) no-repeat center
    center;
  background-size: 1.5rem !important;
}

.card-corsi__wrapper .card-corsi__access_type::before {
  background: url(/themes/custom/unica_base/icons/Accesso.svg) no-repeat center
    center;
  background-size: 1.5rem !important;
}

.card-corsi__wrapper .card-corsi__language::before {
  background: url(/themes/custom/unica_base/icons/Lingua.svg) no-repeat center
    center;
  background-size: 1.5rem !important;
}

.card-corsi__wrapper .card-corsi__course_link::before {
  background: url(/themes/custom/unica_base/icons/link-solid.svg) no-repeat
    center center;
}

/* ************
 CORSO DI LAUREA
 ************* */
/* hero */
.title-page__wrapper > .container {
  position: relative;
}

.hero__box-info {
  margin-top: 1rem;
  display: flex;
  justify-content: space-around;
}

.hero__box-info > div {
  background-color: #22569b;
  padding: 0.6rem 1rem;
}

.hero__box-info a {
  color: #fff !important;
  font-size: 1.125rem;
}

@media (min-width: 48em) {
  .hero__box-info {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin-top: 0;
    flex-direction: column;
    justify-content: flex-end;
  }

  .hero__box-info > div:first-child {
    margin-bottom: 0.6rem;
  }
}

/* infografica */
.infografica__info {
  margin: 3rem 0 2rem;
}

.infografica__info [class*="infografica"] {
  margin-bottom: 2rem;
  font-size: 1.25rem;
  line-height: 1.1;
  text-align: center;
}

.infografica__info .infografica__lingua {
  margin-bottom: 0;
}

.infografica__info [class*="infografica"]::before {
  display: block;
  max-width: 3.5rem;
  height: 3.8rem;
  margin: 0 auto;
  margin-bottom: 0.8rem;
  filter: brightness(0) saturate(100%) invert(27%) sepia(85%) saturate(772%) hue-rotate(183deg) brightness(91%) contrast(94%);


}

.infografica__tipo_corso::before {
  content: url(/themes/custom/unica_base/icons/Area.svg);
}

.infografica__accesso::before {
  content: url(/themes/custom/unica_base/icons/Accesso.svg);
}

.infografica__area::before {
  content: url(/themes/custom/unica_base/icons/landmark-solid.svg);
}

.infografica__classe::before {
  content: url(/themes/custom/unica_base/icons/book-open-solid.svg);
}

.infografica__crediti::before {
  content: url(/themes/custom/unica_base/icons/bullseye-solid.svg);
}

.infografica__lingua::before {
  content: url(/themes/custom/unica_base/icons/Lingua.svg);
}

@media (min-width: 62em) {
  .infografica__info [class*="infografica"] {
    margin-bottom: 0;
  }
}

/* piano studi */
.piano-studi .tab-content {
  margin-top: 1rem;
}

.piano-studi .nav-item {
  flex-basis: 100%;
}

.piano-studi .nav-link {
  height: 100%;
}

.piano-studi .nav-link:not(.active) {
  box-shadow: inset 0px 2px 8px -2px #e1dede;
}

.piano-studi .nav-link.active {
  font-weight: 700;
  border-color: #9d9ea1;
}

@media (min-width: 48em) {
  .piano-studi .nav-item {
    flex: 1;
  }

  .piano-studi .tab-content {
    margin-top: 0;
  }

  .piano-studi .nav-link.active {
    border-color: #dee2e6 #dee2e6 #fff #dee2e6;
  }

  .piano-studi .views-field-field-study-plan {
    margin-left: 0;
    padding: 0.8rem;
    border: 1px solid #dee2e6;
  }
}

/* obiettivi formativi */
.obiettivi-formativi h6 {
  font-weight: 700;
  font-size: 1.125rem;
}

/* ************
  BANDI
 ************* */
/* elenco bandi */
.elenco-bandi .views-row {
  border: 1px solid #e9e9e9;
  padding: 1.2rem 1rem;
  border-radius: 10px;
  box-shadow: -6px -6px 15px -10px #d5d5d5b5, 8px 8px 15px -10px #ebebebbf;
}

.elenco-bandi .views-row:nth-child(even) {
  background-color: #eeeeee57;
}

.elenco-bandi .elenco-bandi__title {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 700;
}

.elenco-bandi .elenco-bandi__data-label {
  font-weight: 600;
}

.elenco-bandi .elenco-bandi__data-label,
.bando .bando__data-label {
  padding-bottom: 0.2rem;
}

.elenco-bandi .elenco-bandi__data-label::after,
.bando .bando__data-label::after {
  content: "";
  border-bottom: 1px solid #225599;
  display: block;
  width: 164px;
}

/* Menu in corpo pagina */
.menu-pagina .navnavbar-nav {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.75rem;
}

.menu-pagina .nav-item {
  flex: 0 0 auto;
  width: 50%;
  padding: 0 0.75rem;
  text-align: center;
  margin-bottom: 1rem;
}

.menu-pagina .nav-item a {
  font-size: 1.125rem;
  line-height: 1.1;
  color: #fff;
  border: 1px solid #e2e2e2;
  background-color: #225599;
  padding: 0.55rem 1rem;
  display: flex;
  height: 100%;
  min-height: 60px;
  align-items: center;
  justify-content: center;
  word-break: normal;
}

@media (min-width: 48em) {
  .menu-pagina .nav-item {
    width: 33.334%;
  }
}

@media (min-width: 64em) {
  .menu-pagina .nav-item {
    width: 25%;
  }
}

/* Distanziamento paragrafi */
.paragraph.paragraph:not(:first-child) {
  margin-top: 1.5rem;
}

.paragraph .paragraph {
  margin-top: 0;
}

/* filtri CQ #12  */
.form-actions.form-wrapper {
  display: flex;
  align-self: flex-start;
}
.button.js-form-submit.form-submit {
  margin-right: 1rem;
  background-color: #0072ee !important;
  border-color: #0072ee !important;
  color: #fff;
}

body:not(.path-admin) .highlighted {
  margin-top: unset;
}
.node__content {
  margin-top: unset;
}
/*
@media (min-width: 75em) {
body.scrolled :not(.path-admin) .highlighted {
  margin-top: 5.5rem;
}
.node__content.clearfix {
  margin-top: 0;
}
}
*/

/* CQ #19 */
@media (max-width: 767px) {
  .banner_card .col-lg-6.col-md-6.col-12.py-4 {
    padding-left: 2rem;
  }
}

/* CQ #21 */
.menu-spalla .nav-item.active.dropdown a:before {
  content: none;
}
.menu-spalla .nav-item.active.dropdown button {
  display: none;
}

/* simbolo pdf modulistica */
span.file.file--mime-application-pdf.file--application-pdf {
  background: url(/themes/custom/unica_base/images/file-earmark-text.svg) left
    top no-repeat;
  background-size: 16px;
  padding-left: 25px;
}

/*Pagina corso di studio*/
.anno_corso-label {
  background-color: #225599;
  padding: 0.6rem;
  color: white;
}
.my-2 {
  margin-bottom: 0.5rem !important;
}
.insegnamento-label {
  font-weight: 700;
  padding-left: 1rem;
  font-size: 21px;
}
ul.list-group.mb-2 > li {
  font-size: 18px;
}
#views-bootstrap-tab-views-bootstrap-insegnamenti-block-1
  .nav-tabs
  .nav-item
  > button {
  font-size: 18px;
}
.infografica__info .col-6.col-lg > div {
  font-size: 26px;
}
ul.list-group.mb-2 {
  padding-left: 1rem;
}
.anno_corso-label.my-2 {
  font-size: 21px;
}

/* Mappa del sito */
.mappa-sito .dropdown-menu {
  display: block;
  position: static;
}

.mappa-sito .dropdown-menu,
.mappa-sito .dropdown-item {
  border: unset;
  background-color: unset;
}

.mappa-sito .navnavbar-nav > .dropdown:not(:first-child) {
  border-top: 1px solid #22559973;
  margin-top: 1rem;
  padding-top: 0.6rem;
}

.mappa-sito .navnavbar-nav > .dropdown > a {
  font-size: 1.25rem;
  font-weight: 600;
}

.mappa-sito a {
  word-break: break-word;
  hyphens: auto;
  padding-left: 0;
  color: #006ec0;
}

.button.unica_news {
  background: #004d99 url(/themes/custom/unica_base/images/Logo-UnicaMagazine_white_negative.svg)!important;
  background-repeat: no-repeat!important;
  background-position: center!important;
}
a.button.unica_news.nav-link,
a.button.unica_news.nav-link.nav-link--en-access-denied {
    color: transparent;
}
a.button.unica_news.nav-link.nav-link--it-node-5:hover,
a.button.unica_news.nav-link.nav-link--en-access-denied:hover {
  background-color: #004d99;
  filter: brightness(1.5);
  transition: filter 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}

h1.title-page__title.title-page__title--hero {
  text-transform: unset;
  background: #22569b;
}
@media (min-width: 48em) {
  h1.title-page__title.title-page__title--hero {
    text-transform: unset;
    background: rgba(0, 0, 0, 0.5);
  }
}
h1.title-page__title.title-page__title--hero.reduced {
  font-size: 36px;
} 

/*Dimensioni video*/
.field--name-field-media-oembed-video{
  max-width: 80%;
}
.node--type-homepage-di-canale .field--name-field-media-oembed-video {
  max-width: 80%;
  margin: 0 auto;
}

.views-field-field-data-dr time {
  font-style: italic;
    font-size: 16px;
    color: #6f6f6f;
}



/*footer del burger menu*/
.view-menu-di-servizio .menu-link-contentmenu-di-servizio .button {
  display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    border-radius: 4px;
    background-color: #004d99;
    margin-right: 1rem!important;
}
.view-menu-di-servizio .vie-content .views-field .py-4.py-lg-5 {
  display: grid;
  row-gap: 2rem;
}
.view-menu-di-servizio .menu-link-contentmenu-di-servizio a {
  color:white;
  margin-right: 1rem!important;
  top: 0.5rem;
  position: relative;
}
.menu-link-contentmenu-di-servizio .hamburger--footer .menu-servizio .button {
  padding: 0.5rem 0.5rem;
}

@media (min-width: 48em) {
.header .container .form-inline.navbar-form.ml-auto {
  display: block;
}
}


.hamburger--footer .container .d-none.d-lg-block {
  display: block!important;
}

.hamburger--footer .container {
    align-items: center;
    display: grid;
    grid-row-gap: 1rem;
}
.hamburger--footer .menu-servizio .view-content {
  width: 100%;
  display: flex;
  margin: 1rem;
  align-items: center;
  justify-content: unset;
}
@media (min-width: 62em) {
  .hamburger--footer .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .hamburger--footer .menu-servizio .view-content {
    margin: unset;
    justify-content: flex-end;
  }
}

.views-field-title {
  font-size: 26px;
}
.views-field-field-testo {
  margin-top: 1rem;
}
.views-field-field-link .list-group .list-group-item {
  padding: 0;
}

.views-field-field-entrata-in-vigore .datetime {
  font-style: italic;
  font-size: 16px;
  color: #6f6f6f;
}
p.range {
  margin-bottom: 0rem;
  font-size: 0.9rem;
}

@media (min-width: 62em) {
.cards .field--name-field-cards-paragrafo {
    grid-template-columns: 50% 50%;
}
}
.paragraph--type--bannerone .field--name-field-titolo-paragrafo {
  margin-bottom: 1rem;
  padding-left: 16px;
}

.paragraph.paragraph--type--card.paragraph--view-mode--default {
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  overflow: hidden;
  background: #e0e0e033;
  box-shadow: 1px 1px 20px #bebebe;
  height: 100%;
}

.field.field--name-field-cards-paragrafo.field--type-entity-reference-revisions.field--label-hidden.field__items > .field__item {
    margin: 1rem 1rem 1rem;
    background-color: transparent;
}

.field--name-field-testo.field--type-text-long {
  padding-top: 1rem;
}

.view-normativa .titoletto {
    font-size: 18px;
}

.datetime {
    font-style: unset!important;
}

.block-cookies a:hover {
  color: white;
}

/*homepage hero per mobile e desktop ptl-5458*/
.slide__description-box {
  top: 50%;
  position: absolute;
}
.slide__description .container {
  position: absolute!important;
  max-width: unset!important;
  top: 0;
  width: 100%;
}
@media (min-width:48em) {
  .slide__description-box {
    position: unset;
  }
  .views-field-field-immagine-slide-mobile {
    display:none
  }
  .slide__description .container {
    position: relative!important;
    max-width: 720px!important;
    width: 90%;
  }
}