:root {
  --bg-evidenza: rgb(247, 245, 245);
  --yellow-evidenza: rgba(250, 245, 118, 1);
  --purple-border: rgb(166, 4, 160);
  --layout-blue: #046CA6;
  --preheader-torinogiovani: #0066cc;
}

.path-frontpage main {
  background-image: url('../images/sfondo-home.svg');
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}

body:not(.path-frontpage) main {
  min-height: 100vh;
  background-image: url('../images/sfondo-pagina.svg');
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}

body:not(.path-frontpage) main {
  padding-bottom: 75px;
}
body.page-node-type--canale-sezione main {
  min-height: 100vh;
  background-image: url('../images/canale-bg.svg');
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}

body:not(.path-frontpage) header.it-header-wrapper::before {
  background: linear-gradient(183.56deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 100%);
}

.it-page-title__wrapper {
  z-index: 1;
  position: relative;
  color: var(--bs-white);
}

@media (min-width: 768px) {
  .field--name-body .row .col-md-2 {
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 728px) {
  .iniziative-illustration {
    background: none;
  }
}
@media (max-width: 727px) {
  .iniziative-banner {
    background: none;
  }
}

/*regole sticky menu*/
#it-page-front .bs-it-sticky-wrapper .it-nav-wrapper .it-header-center-wrapper.height-auto,
#it-page-front .bs-it-sticky-wrapper .it-header-center-wrapper.height-auto,
#it-page-default .bs-it-sticky-wrapper .it-nav-wrapper .it-header-center-wrapper.height-auto,
#it-page-default .bs-it-sticky-wrapper .it-header-center-wrapper.height-auto {
transition: height 1s ease;
height: inherit;
}

#it-page-front .bs-it-sticky-wrapper .it-nav-wrapper .it-header-center-wrapper.height-auto,
#it-page-front .bs-it-sticky-wrapper .it-header-center-wrapper.height-auto {
  height: auto;
  background-color: transparent;
}


#it-page-default .bs-it-sticky-wrapper .it-nav-wrapper .it-header-center-wrapper.height-auto,
#it-page-default .bs-it-sticky-wrapper .it-header-center-wrapper.height-auto {
  height: auto;
  background-color: transparent;
}


.cloned-element {
  visibility: hidden;
  width: 0px;
  height: 0px;
}

.it-brand-wrapper .img-fluid {
  object-fit: none;
}


.bs-it-sticky-wrapper .togio-main-header .it-header-center-content-wrapper .main-nav-header .navbar-nav .dropdown-toggle {
  color: var(--bs-black);
}

.bs-it-sticky-wrapper .togio-main-header .it-header-center-content-wrapper .main-nav-header .navbar-nav .dropdown-toggle svg {
  fill: var(--bs-black) !important;
}

#it-page-front .main-nav-header .navbar,
#it-page-default .main-nav-header .navbar {
  background: transparent;
}

.modal-open .modal-backdrop.show,
.it-header-slim-wrapper {
  z-index: 1;
}

#header_nav-main-navbar .dropdown .link-list-wrapper .link-list {
  flex-direction: column;
  row-gap: 5px;
}

/* mod per nascondere lo sticky in home 10-10-25 */
.path-frontpage .bs-it-sticky-wrapper {
  height: 300px !important;
  z-index: -1;
  visibility: hidden!important;
}

#page-default .it-header-wrapper .it-nav-wrapper {
  display: block;
  visibility: visible;
}

.page-type--page.page-node-type--canale-sezione #page-default .header-main-wrapper, 
.page-type--page.path-taxonomy #page-default .header-main-wrapper {
  min-height: 300px;
}

.page-type--page.page-node-type--canale-sezione #page-default .bs-it-sticky-wrapper .header-main-wrapper, 
.page-type--page.path-taxonomy #page-default .bs-it-sticky-wrapper .header-main-wrapper,
.page-type--page.path-taxonomy #page-default .page-taxonomy-term-gratis .it-header-wrapper .it-nav-wrapper:before {
  min-height: unset;
}


.page-type--page.page-node-type--canale-sezione #page-default .it-header-wrapper .it-nav-wrapper::before, 
.page-type--page.path-taxonomy #page-default .it-header-wrapper .it-nav-wrapper::before {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  position: absolute;
  content: '';
  top: 0px;
}

.page-type--page.page-node-type--canale-sezione #page-default .bs-it-sticky-wrapper .it-header-wrapper .it-nav-wrapper:before, 
.page-type--page.path-taxonomy #page-default .bs-it-sticky-wrapper .it-header-wrapper .it-nav-wrapper:before,
.page-type--page.path-taxonomy #page-default .page-taxonomy-term-gratis .it-header-wrapper .it-nav-wrapper:before {
  display: none;
}


.bs-it-sticky-wrapper .it-brand-wrapper::before,
.bs-it-sticky-wrapper .it-page-title__wrapper {
  display: none;
}

#page-default .it-nav-wrapper .it-header-center-wrapper,
#page-default .it-header-center-wrapper {
  display: block;
  background-color: transparent;
}

.it-header-center-wrapper .it-header-center-content-wrapper .it-search-wrapper,
.it-header-center-wrapper .it-header-center-content-wrapper .it-search-wrapper a.rounded-icon {
  margin-left: 0px;
}

#page-default #it-block-togio-page-title h1,
#page-default #it-block-togio-page-title .h1 {
  color: var(--bs-white);
}

.it-header-center-content-wrapper .it-search-wrapper .modal.it-dialog-scrollable {
  overflow: hidden;

}

.pagescroll-scroll-disabled .dialog-off-canvas-main-canvas #header_nav-main-navbar .menu-wrapper {
  background-color: var(--bs-white);
}

@media (max-width: 991.98px) {
  .it-header-center-wrapper .it-header-center-content-wrapper .it-search-wrapper {
    display: block !important;
  }
}

#it-page-front .bs-it-sticky-wrapper .togio-main-header.bs-is-fixed.is-sticky,
#page-default .bs-it-sticky-wrapper .togio-main-header.bs-is-fixed.is-sticky {
  background-color: var(--bs-white) !important;
  background-image: none !important;
}

#it-page-front .navbar,
#it-page-front .navbar-collapsible .menu-wrapper.d-lg-flex,
#page-default .navbar,
#page-default .navbar-collapsible .menu-wrapper.d-lg-flex {
  background-color: transparent !important;
}


/*Vivere a torino*/
.taxonomy-term--type-canale-riferimento.taxonomy-term--view-mode-card .field--name-taxonomy-term-title {
  position: absolute;
  padding: 1rem;
  font-size: 1.2rem;
  font-weight: bold;
  border-radius: 0 50px 50px 0px;
  display: inline-block;
  text-decoration: none;
  left: 0px;
  bottom: 0px;
  max-width: 80%;
  text-transform: uppercase;
}

.taxonomy-term--type-canale-riferimento.taxonomy-term--view-mode-card .field--name-taxonomy-term-title a {
  color: var(--bs-white);
  font-size: 1.3rem;
  line-height: 35px;
  display: flex;
}

.col-12.col-md-4:nth-child(6n+1) .taxonomy-term--view-mode-card .field--name-taxonomy-term-title {
  background-color: rgba(30, 136, 229, 0.8); /* blu */
}

.col-12.col-md-4:nth-child(6n+2) .taxonomy-term--view-mode-card .field--name-taxonomy-term-title {
  background-color: rgba(67, 160, 71, 0.8); /* verde */
}

.col-12.col-md-4:nth-child(6n+3) .taxonomy-term--view-mode-card .field--name-taxonomy-term-title {
  background-color: rgba(142, 36, 170, 0.8); /* viola */
}

.col-12.col-md-4:nth-child(6n+4) .taxonomy-term--view-mode-card .field--name-taxonomy-term-title {
  background-color: rgba(229, 57, 53, 0.8); /* rosso */
}

.col-12.col-md-4:nth-child(6n+5) .taxonomy-term--view-mode-card .field--name-taxonomy-term-title {
  background-color: rgba(251, 140, 0, 0.8); /* arancione */
}

.col-12.col-md-4:nth-child(6n+6) .taxonomy-term--view-mode-card .field--name-taxonomy-term-title {
  background-color: rgba(57, 73, 171, 0.8); /* indaco */
}

.field--type-entity-reference .card::after{
  display: none;
  border-radius: 10px;
}

.field--type-entity-reference .card {
  margin-bottom: 2rem;
  height: 100%;
}

.taxonomy-term--type-canale-riferimento.taxonomy-term--view-mode-card {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}

.header-main-wrapper::after {
    background-image: url('../images/sfondo-bordo-header.svg');
    width: 100%;
    height: 10px;
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    bottom: 0px;
    z-index: 1;
    position: absolute;
}
.bs-it-sticky-wrapper .header-main-wrapper::after {
  display: none;
}

#page-default .bs-it-sticky-wrapper .header-main-wrapper {
  background-image: none!important;
}

.wrapper-view .card {
  height: 100%;
}

.card .field--name-field-indirizzo {
  padding: 0em 1.5rem;
}

/* .wrapper-view .card .field--name-node-title .card_title {
  padding-left: 1em;
  padding-right: 1em;
  margin: 0px;
} */

 .card .node--type-schede .field--name-node-title .card_title,  .card .node--type-annunci-lavoro .field--name-node-title .card_title {
    padding-left: 1em;
    padding-right: 1em;
 }

.wrapper-view .card .field--name-field-sottotitolo {
  padding-left: 1em;
  padding-right: 1em;
  margin: 0px;
}

/*
.page-type--page:not(.page-node-type--canale-sezione):not(.path-taxonomy):not(.path-frontpage)
*/

.page-type--page:not(.page-node-type--canale-sezione):not(.path-taxonomy):not(.path-frontpage) h1{
  color: var(--bs-black)!important;
}

.page-type--page:not(.page-node-type--canale-sezione):not(.path-taxonomy):not(.path-frontpage) h1:before{
  content: url(../images/3-palline.png);
  padding-bottom: 2rem;
  position: absolute;
  left: 0;
  transform: translateY(-25%);
  display: block;
}

.page-type--page:not(.page-node-type--canale-sezione):not(.path-taxonomy):not(.path-frontpage) .header-main-wrapper::before, .page-type--page:not(.page-node-type--canale-sezione):not(.path-taxonomy):not(.path-frontpage) .header-main-wrapper::after {
  display: none!important;
}

.page-type--page:not(.page-node-type--canale-sezione):not(.path-taxonomy):not(.path-frontpage):not(.page-node-type--centro-informagiovani) .header-main-wrapper .navbar-nav .nav-link,
.page-type--page:not(.page-node-type--canale-sezione):not(.path-taxonomy):not(.path-frontpage):not(.page-node-type--centro-informagiovani) .header-main-wrapper .navbar-nav .nav-link span {
  color: var(--bs-black)!important;
}

.page-type--page:not(.page-node-type--canale-sezione):not(.path-taxonomy):not(.path-frontpage):not(.page-node-type--centro-informagiovani) .header-main-wrapper .navbar-nav .nav-link svg {
  fill: var(--bs-black)!important;
}

.page-node-type--centro-informagiovani .togio-main-header::before{
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(0,0,0,.5);
}

.page-type--page:not(.page-node-type--canale-sezione):not(.path-taxonomy):not(.path-frontpage) .it-header-slim-wrapper {
  background-color: var(--preheader-torinogiovani)!important;
}

.pagescroll-scroll-disabled .dialog-off-canvas-main-canvas .it-header-slim-wrapper {
  z-index: 1!important;
}

@media (max-width: 992px) {
.header-main-wrapper .navbar-nav .nav-link,
.header-main-wrapper .navbar-nav .nav-link span ,
.header-main-wrapper .navbar-nav .nav-link svg {
  color: var(--bs-black)!important;
  fill: var(--bs-black)!important;
}


}
/* 
.row.view.view-hp-filtro-per-target:before {
    content: "";
    background: rgb(0, 128, 200);
    width: 100vw;
    position: absolute;
    left: 0;
    height: 85px;
    bottom: 0;
}

.it-carousel-wrapper.splide::after {
  display: none;
} */

.bs-it-sticky-wrapper .it-header-center-wrapper .it-header-center-content-wrapper .it-search-wrapper a.rounded-icon {
  background-color: rgb(251, 185, 0)!important;
  border: none!important;

}

/* #page-default .header-main-wrapper > * {
  z-index: unset!important;
} */

#page-default .header-main-wrapper::before {
  z-index: 0!important;
}

.togio_main_menu .dropdown-item {
  z-index: 10;
}

#page-default .header-main-wrapper > * {
    position: unset!important;
    z-index: unset!important;
}

#page-default .it-header-slim-wrapper, #it-page-front #page-default .it-header-slim-wrapper {
  position: absolute !important;
  width: 100%;
  top: 0;
  z-index: 101 !important;
}

@media (max-width:992px) {
  .pagescroll-scroll-disabled #page-default .it-header-slim-wrapper,
  .pagescroll-scroll-disabled #it-page-front .it-header-slim-wrapper {
    z-index: -1!important;
  }
}
.modal-open #page-default .togio-main-header .it-header-slim-wrapper,
.modal-open #it-page-front .togio-main-header .it-header-slim-wrapper {
  z-index: -1!important;
}

#page-default .header-main-wrapper {
    padding-top: 25px;
    overflow-y: visible;
  }
  
.user-anonymous h1 {
  position: relative;
}

.field--name-field-testo-evidenza {
  background-color: var(--yellow-evidenza);
  padding: 1em 3em 1em 2em;
  position: relative;
  margin: 45px;
  margin-right: unset;
  border-bottom-right-radius: 50em;
}

@media (max-width: 992px) {
  .field--name-field-testo-evidenza {
    border-bottom-right-radius: 50px;
  }
}


.field--name-field-testo-evidenza::before {
  background-image: url('../images/pen_evidenza.svg');
  content: '';
  width: 75px;
  height: 75px;
  position: absolute;
  background-size: contain;
  left: -45px;
  top: -40px;
}

.field--name-field-testo-evidenza p {
  margin-bottom: 0px;
}

@media (min-width: 992px) {
  .dropdown-menu.show {
    background-image: url('../images/background-balls-menu.svg'),  url('../images/background-balls-menu-before.svg');
    background-repeat: no-repeat;
    background-position: top left, bottom left;
    padding: 2em 1.2em!important;
    position: relative;
  }

  .navbar .dropdown-menu .link-list-wrapper ul li a {
    white-space: break-spaces;
    min-width: 260px;
    line-height: 1.5rem;
  }

  .dropdown-menu.show::before {
    content: "";
    position: absolute;
    top: -16px;
    left: 75px;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 18px solid var(--bs-white);
    transform: rotate(0deg);
    background: transparent;

  }

  .dropdown-menu.show::after {
    content: '';
    position: absolute;
    background-image: url('../images/background-balls-menu-after.svg');
    background-repeat: no-repeat;
    background-position: top right;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0px;
    z-index: -1;
  }



  .dropdown-menu.show li:first-child{
    text-transform: uppercase;

  }

  .dropdown-menu.show li a, .dropdown-menu.show li a span{
    color: var(--bs-black)!important;
    font-weight: bold;
    z-index: 2;

  }

  /* .dropdown-menu:before {
    display: none!important;

  } */
}


/* prende tutte le classi che hanno lìnella stringa field--name-field-tipologia */
.card div[class*="display-view-card--fields--tipo"] {
  background-color: var(--bg-evidenza)!important;
  font-weight: bold;
  padding: .5em 1.5rem !important;
}

/* blocco card della mappa */
.block--address {
  background-color: var(--bg-evidenza);
  border-radius: 0.75rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  padding: 2rem;
  border-top: 6px solid var(--giallo, #FBB900);
  margin-bottom: 2rem;
  width: 100%;
}

.group-right h2 {
  font-size: clamp(1rem, 2vw + 0.5rem, 22px);
  margin-top: 1rem;
}

.group-right h3 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1rem);
}


.custom-summary-big, .custom-summary {
  position: relative;
}

.field--name-field-gratuito.field--is-free {
  background-image: url('../images/free_image.svg');
  width: 150px;
  height: 175px;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  right: 8%;
  bottom: 0px;
  color: transparent;
}

/*tag card group left*/ 

.tag {
    z-index: 2;
    position: relative;
}


.grid-two-element-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  width: 50%;
}

.img-fluid {
  object-fit: cover;
}

.block-claim-homepage {
  position: absolute;
  width: 400px;
  bottom: -10em;
  left: 0px;
  background-color: var(--layout-blue);
  color: var(--bs-white);
  border-radius: 50px;
  height: 100px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 1em;
  padding-right: 1em;
}

.block-claim-homepage .wrapper-view {
  width: 80%;
}

.block-claim-homepage p {
  margin-bottom: 0px;
  font-size: clamp(1rem, 2vw + 0.5rem, 1.7rem);
}

.bs-it-sticky-wrapper .block-claim-homepage {
  display: none;
}

.path-frontpage h1 {
  visibility: hidden;
  height: 0px;
  width: 0px;
}

a.back-to-top {
  display: block;
}

.field--name-field-email {
  word-break: break-all;
}


.it-header-center-content-wrapper .it-brand-wrapper a .icon {
  max-width: fit-content;
}

.splide__slide {
  align-self: flex-end;
}
.it-nav-wrapper .it-brand-wrapper img {
  object-fit: contain;
}

.views-field-field-banner-hp img {
  height: 0px;
}

.views-field.views-field-field-icona img {
  width: 100%;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}

.it-page-front .togio-main-header {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.it-page-front .togio-main-header.loaded {
  opacity: 1;
}

.custom-summary__title, .custom-summary nav.it-navscroll-wrapper {
  display: none;
}

.custom-summary-big {
  visibility: hidden;
}

.field--name-field-gratuito {
  display: none;
}

.field--name-field-gratuito .field--is-free {
  display: block;
}

.field--name-field-ultimo-aggiornamento time {
  font-size: 16px;
  margin-left: 5px;
}

@media (max-width: 920px) {
  #it-page-front .main-nav-header .navbar #header_nav-main-navbar .menu-wrapper li.nav-item.dropdown,
  #page-default .main-nav-header .navbar #header_nav-main-navbar .menu-wrapper li.nav-item.dropdown {
      border: none;
  }
}

#page-default .header-main-wrapper::before {
  background-position: bottom;
  max-width: 100vw;
  max-width: 100dvw;
  bottom: 0px;
}

#footer.it-footer {
  margin-top: 0px;
}


.custom-summary-big.is-free {
  padding-bottom: 150px;
}

.field--name-field-ultimo-aggiornamento {
  margin-bottom: 2rem;
}

@media (min-width: 991px) and (max-width: 1153px){
  #header_nav-main-navbar .navbar-nav {
    max-width: 640px;
    flex-wrap: wrap;
  }
}
.navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link, .navbar .navbar-collapsable .navbar-nav li.nav-item button.nav-link {
  padding: 13px 5px;
}

@media (min-width: 1335px) {
  .navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link, .navbar .navbar-collapsable .navbar-nav li.nav-item button.nav-link {
    padding: 13px 15px;
  }
}

.card .field--type-ds.field--name-node-title {
  display: -webkit-box!important;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 5.5em;
  margin-bottom: 15px;
  max-height: 90px;
}

.card .field--type-ds.field--name-node-title h3 {
  line-height: 1.5rem;
}


.node--view-mode-card:not(.node--type-appuntamenti) div {
  /* height: 100%; */
  display: flex;
  flex-direction: column;
}

.node--type-annunci-lavoro.node--view-mode-card .d-block {
  padding-left: 20px;

}

.field--name-field-target-riferimento {
  display: flex !important;
  gap: 15px;
  white-space: break-spaces;
  max-width: 100%;
  flex-wrap: wrap;
}

.node--view-mode-card:not(.node--type-appuntamenti) {
  height: 100%;
}

.node--view-mode-card:not(.node--type-appuntamenti) .field--name-field-gratuito.field--view-mode-card {
  align-items: flex-start;
  flex-direction: row;
}

.field--name-field-tipologia-di-corso.field--view-mode-card {
  align-content: flex-start;
  /* height: 2.5rem!important; */
  padding-top: .5rem;
  padding-bottom: .5rem;
}

#page-default .field--view-mode-card.field--name-field-nome-azienda > div:first-child {
  margin: 0px!important;
}

.field--name-field-progetti .card-wrapper, .field--name-field-progetti .node--view-mode-card-progetti {
  width: 100%;
}

.field--name-field-scelta-luogo, .btn--scelta-indirizzo {
  visibility: hidden;
  height: 0px;
}

.field--name-field-scelta-luogo.is-visible, .btn--scelta-indirizzo.is-visible {
  height: auto;
}

.group-right .btn--scelta-indirizzo.is-visible {
  margin-bottom: 2rem;
}

.custom-summary .navbar  {
  display: block!important;
  position: relative!important;
  box-shadow: none;
  z-index: 0!important;
}

.custom-summary .navbar .custom-navbar-toggler {
  display: none;
}

.custom-summary .navbar .navbar-collapsable {
  display: block!important;
  position: relative!important;
  background: transparent!important;
  height: auto!important;
}

.custom-summary .navbar .navbar-collapsable .menu-wrapper {
  position: relative!important;
  display: block!important;
  left: 0!important;
  color: black!important;
  z-index: 5!important;
  transform: none!important;
  padding: 0px;
}


a {
  word-break: break-word;
}

.block--address .field--name-node-title h3 {
  line-height: 1.5;
}

.node--view-mode-card article {
  height: 100%;
}

.node--view-mode-card article .field--name-field-riferimento {
  position: absolute;
  bottom: 0px;
}

.field__label#toc-concorsi {
  display: none;
}

.block--address {
  visibility: hidden;
}

.field--name-field-riferimento {
  margin-bottom: 0px;
}

#it-block-togio-content .group-right .field--name-field-riferimento {
  margin-bottom: -75px;
}

.field--name-field-nome-azienda.field--view-mode-card::before, .field--name-field-scadenza-candidature.field--view-mode-card::before {
  width: 20px;
  height: 20px;
  background-size: contain;
}

.node--type-annunci-lavoro.node--view-mode-card .d-block .field--name-field-nome-azienda > div:first-of-type, .node--type-annunci-lavoro.node--view-mode-card .d-block .field--name-field-scadenza-candidature > div:first-of-type {
  color: var(--preheader-torinogiovani);
  font-size: clamp(1rem, 2vw + 0.5rem, 20px) !important;
}

.node--type-annunci-lavoro.node--view-mode-card .d-block .field--name-field-nome-azienda, .node--type-annunci-lavoro.node--view-mode-card .d-block .field--name-field-scadenza-candidature {
  margin-left: 5px;
  padding-left: 25px;
}

.field_relazione.cig {
  width: 100%;
}

@media (max-width: 921px) {
  #it-page-front .it-nav-wrapper .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .icon, #it-page-front .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .icon {
    width: 154px;
    height: 67px;
  }
} 
body.page-node-type--centro-informagiovani #page-default .has-background .header-main-wrapper{
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, .7));
  height: auto;
  background-blend-mode: lighten;
}
@media (max-width: 992px) {
  body:not(.path-node):not(.path-search) #page-default .has-background .header-main-wrapper{
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, .7));
    height: auto;
    background-blend-mode: lighten;
  }
  #it-page-front .it-header-center-wrapper .it-header-center-content-wrapper, 
  #page-default .it-header-center-wrapper .it-header-center-content-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-basis: 100%;
  }
  #it-page-front .main-nav-header .navbar button.custom-navbar-toggler svg.icon, 
  #it-page-front .main-nav-header .navbar button.custom-navbar-toggler svg.icon.icon-white, 
  #page-default .main-nav-header .navbar button.custom-navbar-toggler svg.icon, 
  #page-default .main-nav-header .navbar button.custom-navbar-toggler svg.icon.icon-white {
    fill: #000000 !important;
  }

  .main-nav-header {
    order: 1;
  }
  .it-brand-wrapper {
    order: 2;
  }
  .it-right-zone {
    order: 3;
  }
}


.custom-summary-young::before {
  right: 0px;
  bottom: 0px;
  top: unset;
}


.field--name-field-riferimento {
  position: absolute;
  bottom: 0px;
}

.is-unpublished {
  background-color: #fff4f4;
}

.column-wrapper-container .card {
  height: 100%;
}

.wrapper-progetto, .wrapper-appunt, .wrapper-consulenze, .wrapper-servizi {
  gap: unset;
}

@media (max-width: 992px) {
  .wrapper-interesse {
    flex-direction: column;
  }
}


.classe-scopri .card,.classe-scopri .column-wrapper-container {
  height: 100%;
}

#it-page-front .bs-it-sticky-wrapper .header-main-wrapper .it-header-center-wrapper {
	display: block!important;
	visibility: hidden;
}


/* CSS di supporto (puoi metterlo nel tuo foglio stile) */
.path-frontpage .bs-it-sticky-wrapper {
  overflow: hidden;                 /* necessario per l’effetto */
  transition: height 200ms ease;    /* durata/transizione */
}


.column-wrapper-container {
  display: flex;
  height: 100%;
}

.column-wrapper-container:not(.col-12) {
  width: 100%;
}

.page-node-type--centro-informagiovani .column-wrapper-container {
  height: unset;
}

footer.it-footer .it-footer-main {
  margin-top: 0px;
}


.it-carousel-wrapper.splide::after, .it-carousel-wrapper.splide::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100vw;
  height: 5rem;
  background-color: rgb(0, 128, 200);
  z-index: -10;
}
.it-carousel-wrapper.splide::before {
  transform: translateX(-100%);
}

.box_informagiovani {
  position: relative;

}

.box_informagiovani::after, .box_informagiovani::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffd633;
  z-index: -10;
}

.box_informagiovani::before {
  transform: translateX(-100%);
}
.box_informagiovani::after {
  transform: translateX(100%);
}


.path-frontpage main {
  overflow: clip;
}

@media (max-width: 720px) {
  #page-default #it-block-togio-page-title h1 {
    font-size: clamp(30px, 2vw + .5rem, 48px) !important;
    word-break: break-all;
  }
  /* .field--type-ds.field--name-node-title {
    padding-left: 0px!important;
    padding-right: 0px!important;
  } */
  
  .page-type--page.page-node-type--canale-sezione #page-default .header-main-wrapper, .page-type--page.path-taxonomy #page-default .header-main-wrapper {
    min-height: 270px;
  }
  
  .page-type--page:not(.page-node-type--canale-sezione):not(.path-taxonomy):not(.path-frontpage) h1 {
    font-size: clamp(30px, 2vw + .5rem, 48px) !important;
    line-height: 1.2;
  }

  #it-block-togio-content .group-right .field--name-field-riferimento {
    display: none;
  }



}

@media (max-width: 992px) {
  .navbar-collapsable.expanded {
    background-color: var(--bs-white);
  }
  .box_informagiovani_piemonte {
    padding: 2rem;
    background-image: none;
  }

  .box_informagiovani_piemonte .field--name-field-informagiovani-piemonte {
    width: 90%;
  }
}

.navbar-collapsable.expanded .block-claim-homepage {
  display: none;
}
.custom-summary-young {
  container-type: inline-size;
  container-name: summary;
  resize: horizontal;
  overflow: auto;
}

@container summary (max-width: 315px) {
  p {
    flex-direction: column;
  }
}

@media (max-width: 450px) {
  .custom-titolo-sottoheader h1 span, .custom-titolo-sottoheader .h1 span {
    word-break: auto-phrase;
  }
}

@media (max-width: 992px) {
  .it-nav-wrapper .it-header-center-wrapper, .it-header-center-wrapper {
      padding-top: 2rem;
  }
  .it-header-center-content-wrapper {
      background: transparent!important;
      box-shadow: none!important;
  }
  #it-page-front .main-nav-header .navbar #header_nav-main-navbar .menu-wrapper li.nav-item.dropdown, #page-default .main-nav-header .navbar #header_nav-main-navbar .menu-wrapper li.nav-item.dropdown {
    border: none!important;
}
}

.views-exposed-form {
  container-type: inline-size;
}

.views-exposed-form .form-actions{
  flex-direction: row-reverse;
  row-gap: 1rem;
  justify-content: space-between;
}
@container (inline-size < 214px) {
  .views-exposed-form .form-actions {
    flex-direction: column-reverse;
  }
}

.form-submit {
  margin-right: 0px!important;
}


.field-right-indirizzo.field--name-field-indirizzo {
  padding-bottom: 1rem;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  flex-direction: column;
  padding-left: 0px;
}
.field-right-indirizzo.field--name-field-indirizzo .postal-code {
  margin-right: 5px;
}
.field-right-indirizzo.field--name-field-indirizzo .address .administrative-area::before {
  content: "(";
  margin-left: 5px;
}
.field-right-indirizzo.field--name-field-indirizzo .address .administrative-area::after {
  content: ")";
}

.field--name-field-indirizzo.field-right-indirizzo br:first-of-type{
  display: none;
}



/*mod prod 22-10*/
@media (max-width: 992px) {
  .it-header-slim-wrapper {
    background: rgba(19, 17, 7, 0.9) !important;
  }
  .it-nav-wrapper .it-header-center-wrapper {
    background-color: var(--bs-white)!important;
    padding-bottom: 16px;
  }
  #it-page-front header {
    height: 450px;
  }
  #it-page-front .it-nav-wrapper .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .icon, 
  #it-page-front .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .icon {
    width: 156px;
    height: 66px;
  }
  .it-header-wrapper .it-nav-wrapper .it-brand-wrapper {
    padding-left: 0px!important;
  }
  #it-page-front .it-header-center-wrapper .it-header-center-content-wrapper, 
  #page-default .it-header-center-wrapper .it-header-center-content-wrapper {
    justify-content: space-between;
  }
  .it-header-center-wrapper .it-header-center-content-wrapper .it-search-wrapper a.rounded-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
  }

  .block-claim-homepage.moved-claim {
    position: relative;
    z-index: 1;
  }
}

@media (max-width: 500px) {
  .block-claim-homepage.moved-claim {
    width: 260px;
  }
}

.group-footer .row .card {
  height: 100%;
}

.group-header .field--type-ds.field--name-node-title {
  padding-left: 0px!important;
}

.card .field--type-ds.field--name-node-title {
  padding-left: 1.5rem !important;
}

@media (min-width: 992px) {
  .custom-sottotitolo-foglia {
      padding-left: 15px;
  }
}

.view-luoghi-mappe {
  margin: 1rem 0px 2rem;
}

.view-luoghi-mappe .leaflet-container {
  border-radius: 15px;
}


.map-exposed-filter-hidden {
  visibility: hidden;
  height: 0px;
  width: 0px;
}

.field--name-field-riferimento .field_relazione {
  visibility: hidden;
}

.field--name-field-riferimento .field_relazione.is-ready {
  visibility: visible;
}

.breadcrumb-container .breadcrumb .breadcrumb-item {
  text-transform: uppercase;
}

.it-header-slim-wrapper .navbar-brand::before {
  background: url('../images/logocittatorino-orizzontale_colore_negativo.svg') no-repeat center;
  width: 140px;
  height: 40px;
}


.node--type-pagina-base .field--type-ds.field--name-node-title {
  padding-left: 0px!important;
}

.field--name-field-luogo.field--view-mode-card {
  padding-left: 1.5rem;
  padding-bottom: 1rem;
  padding-right: 1.5rem;
}


.page-node-type--contest .custom-titolo-sottoheader h1 {
  display: none!important;
}

.page-node-type--contest .field--name-node-title h2 {
  display: none;
}

.card img {
height: auto!important;
}