/**
 * @file
 * Subtheme specific CSS.
 */
/*******************************************
   Reset
 ******************************************/
.node .field--type-image {
  float: none;
}

.node__content {
  font-size: 1rem;
  margin-top: 0;
}

.node--view-mode-teaser {
  border: 0;
}

img, video {
  max-width: 100%;
  height: auto;
}

/*******************************************
     General
******************************************/
html{
  font-size: 16px;
}

body{
  font-family: var(--sans-serif);
  font-size: 16px;
}


h1, h2, h3, h4, h5, h6{
  font-family: var(--serif);
}

h1{
  display: inline-block;
  font-size: 2.5rem;
  color: var(--blue);
  border-bottom: 5px solid var(--yellow);
  padding-bottom: 0.25rem;
  margin-bottom: 1.5rem;
}

h2{
  display: inline-block;
  font-size: 2.1rem;
  color: var(--blue);
  border-bottom: 5px solid var(--yellow);
  padding-bottom: 0.25rem;
  margin-bottom: 1.5rem;
}

.bg_blue h2{
  color: var(--white);
}

.bg_yellow{

}

.bg_map{
  background-image: url(/sites/default/files/2026-09/map-1.gif);
  background-position: center center;
  background-size: 100% auto;
  background-repeat: none;
}

h3{
  font-size: 2.2rem;
}

h4{
  font-size: 1.8rem;
}

.field--name-field-media-video-file {
  position: relative;
}

.field--name-field-media-video-file .play_icon{
  position: absolute;
  z-index: 1001;
  top: 50%;
  left: 50%;
}

.field--name-field-media-video-file .play_icon_inner{
  width: 6rem;
  margin-left: -3rem;
  height: 6rem;
  margin-top: -3rem;
  background-color: var(--color_main);
  border-radius: 3rem;
  padding: 0.5rem;
}

.field--name-field-media-video-file .play_icon_inner svg{
  fill: var(--white);
}

.btn{
  padding: 7px 20px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.9rem;
}

.btn-primary {
  background-color: transparent;
  border-width: 2px;
  border-color: var(--blue);
  color: var(--blue);
  border-radius: 1.5rem;
}

.btn-primary:hover,
.btn-primary:active
 {
  background-color: var(--blue);
  border-width: 2px;
  border-color: var(--blue);
}

.btn-info {
  background-color: var(--color_one);
  border-color: var(--color_one);
}

.btn-info:hover,
.btn-info:active {
  background-color: var(--color_one_active);
  border-color: var(--color_one);
}


/*******************************************
  Layout
******************************************/


/*******************************************
  Header
******************************************/
#header{
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
  background-color: var(--white);
  color: var(--black);
}

#header .navbar-brand img{
  width: 75px;
  height: auto;
}

.toolbar-fixed #header{
  top: 60px;
}

#header .site_name{
  display: none;
}

#navbar-main{
  padding: 1rem;
}

.navbar-toggler{
  border: 2px solid var(--white);
  background-color: var(--white);
  border-radius: var(--borderradius_default);
}

/*******************************************
  Main menu
******************************************/
.offcanvas.offcanvas-end {
  border: 1px solid red;
  width: 80%;
}


#block-uta-main-menu{

}

#block-uta-main-menu li.nav-item{
    text-transform: uppercase;
}

#block-uta-main-menu li.nav-item a{
  color: var(--black_fake);
  font-weight: bold;
}

#block-uta-main-menu li.nav-item a.nav-link{
  position: relative;
}

#block-uta-main-menu li.nav-item a.nav-link:before{
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  height: 3px;
  background-color: var(--yellow);
  transition: 0.3s;
}


#block-uta-main-menu li.nav-item a.nav-link:before{
  content: '';
}

#block-uta-main-menu li.nav-item.dropdown a:before {
  left: calc(50% -12px);
}


#block-uta-main-menu li.nav-item.active a.nav-link,
#block-uta-main-menu li.nav-item a.nav-link:hover{
  color: var(--blue);
}

#block-uta-main-menu li.nav-item.active a.nav-link:before,
#block-uta-main-menu li.nav-item a.nav-link:hover:before{
    width: 80%;
    left: 10%;
}


/*******************************************
  Footer
******************************************/
footer.site-footer{
  padding: 2rem;
}





/*******************************************
  Content
******************************************/


/* footer newsletter block */
#block-uta-newsletter{
  background-color: var(--grey);
  padding: 1.5rem;
}


.node--view-mode-teaser h2{
  font-size: 2.2rem;
  margin-bottom: 1.5rem;
}

.node--view-mode-teaser h2 a{
  text-decoration: none;
}

.node--view-mode-teaser .field--name-field-subtitle{
  margin-bottom: 1.5rem;
}


/* blocchi riutilizzabili */
.block-id--3.block-type--blocchi-riutilizzabili{
  min-height: 50vh;
  background-image: url(/sites/default/files/2026-09/UTA_donaora_immagine.webp);
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  color: var(--white);

  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: -2rem;
  margin-bottom: -2rem;
}
.block-id--3.block-type--blocchi-riutilizzabili h1,
.block-id--3.block-type--blocchi-riutilizzabili h2,
.block-id--3.block-type--blocchi-riutilizzabili h3{
  color: var(--white);
}

.block-id--4.block-type--blocchi-riutilizzabili{
  min-height: 80vh;
  background-image: url(/sites/default/files/2026-09/ordine_bg.webp);
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;

  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: -2rem;
  margin-bottom: -2rem;
}



/*******************************************
  Homepage
******************************************/


.paragraph--type--section.bg_blue{
  background-color: var(--blue);
}

#pId-15 .number_wrapper{
  padding: 6rem 0 ;
}

.paragraph--type--section.bg_yellow{
  background-color: var(--yellow);
}

#pId-26 { /* blocco mappa */
  min-height: 50vh;
}

#pId-24{
  display: flex;
  height: 100%;
}

.paragraph--type--slide picture,
.paragraph--type--slide picture img{
  max-width: none;
  width: 100%;
  height: auto;
}

ul.slick-dots{
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  margin-top: -3rem;
}

ul.slick-dots li{
  margin: 0;
  padding: 0;
}

ul.slick-dots li button{
  margin: 0 0.75rem;
  border: 3px solid var(--white);
  background-color: transparent;
  text-indent: -9999px;
  overflow: hidden;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 1.5rem;
}

ul.slick-dots li button:hover,
ul.slick-dots li.slick-active button{
  background-color: var(--white);
}

.view-display-id-teasers_progetti_home{

}


.view-display-id-teasers_progetti_home .slick-slider {
  margin: 0 -10px;
}

.view-display-id-teasers_progetti_home .slick__slide{
  padding: 0 10px;
}

.view-display-id-teasers_progetti_home .slick__slide .node--type-progetto.node--view-mode-teaser{
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);
}


/*******************************************
  Page
******************************************/
.node_header{
  position: relative;
}

.node_header .node_header_content{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.node_header .node_header_content_inner{
  background-color: rgba(255,255,255,0.7);
  margin: 1rem;
}

.node_header .node_header_content h1{
  display: inline-block;
  font-size: 2.5rem;
  color: var(--blue);
  border-bottom: 5px solid var(--yellow);
  padding-bottom: 0.25rem;
  margin-bottom: 1.5rem;

}




/* Ospedali */

.node--type-ospedali.node--view-mode-full .node_header .node_header_content h1{
  color: var(--white);
}

.node--type-ospedali.node--view-mode-full .node_header .node_header_content .field--name-field-subtitle{
  color: var(--white);
  font-weigh: bold;
  text-transform: uppercase;
  margin-top: 1.5rem;
  font-size: 1.2rem;
}

.node--type-ospedali.node--view-mode-full{

}

.node--type-ospedali.node--view-mode-full .node_content{
  padding-top: 5rem;
}

.node_map{
  height: 0;
}

.node_map_inner{
  position: relative;
  float: right;
  width: 24vh;
  height: 24vh;
  border-radius: 12vh;
  overflow:hidden;
  margin-top: -8rem;
  margin-right: 0;
  border: 2px solid var(--blue);
}



.node--type-progetto.node--view-mode-icon-preview{

}

h3.progetti_attivi{
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  font-size: 1.8rem;
}

.node--type-progetto.node--view-mode-icon-preview .row{
  margin-bottom: 0.75rem;
}

.node--type-progetto.node--view-mode-icon-preview .field--type-entity-reference {
    margin: 0;
}

.node--type-progetto.node--view-mode-icon-preview .col-3,
.node--type-progetto.node--view-mode-icon-preview .col-9{
  display: flex;
  align-items: center
}

.node--type-progetto.node--view-mode-icon-preview a{
  text-decoration: none;
  color: var(--blue);
}

/* Progetti */

.node--type-progetto.node--view-mode-teaser{
  background-color: var(--white);
}

.node--type-progetto.node--view-mode-teaser .field_body{
  padding: 0 1.5rem ;
}

.field--name-field-icon{

}

.field--name-field-icon svg{
  width: 100%;
  height: auto;
}


.paragraph--type--section.progetti_bg{
  background: #f8d264;
  background: -moz-linear-gradient(180deg,rgba(248,210,100,1) 0%,rgba(228,166,130,1) 100%);
  background: -webkit-linear-gradient(180deg,rgba(248,210,100,1) 0%,rgba(228,166,130,1) 100%);
  background: linear-gradient(180deg,rgba(248,210,100,1) 0%,rgba(228,166,130,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8d264",endColorstr="#e4a682",GradientType=1)
}

.paragraph--type--section.tramonto_bg{
  background-image: url(/sites/default/files/2026-09/bg_tramonto-1.jpg);
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  min-height: 90vh;
  text-align: center;
  padding-top: 5rem;
}

.paragraph--type--section.progetti_bg .paragraph_inner{

}