
/* ---------   Personalizzazioni per replicare il template italia.github.io che si discosta da bootstrap-italia   --------- */

.it-hero-wrapper .it-hero-text-wrapper p {
  font-family: "Titillium Web";
}


/* Contatta il comune */

.it-footer .bg-grey-card {
  background: #ebeef0;
}

.it-footer .p-contacts {
  padding: 2.66rem 0;
}

.it-footer .card {
  flex-direction: unset;
}

.it-footer .card .card-body {
  padding: 24px;
}
#ContactMunicipality a{
  color:#0066cc;
  font-size:1rem;
  font-weight:400
}

#ContactMunicipality li {
  list-style: none;
  margin:1rem 0;
  }

@media(min-width:768px) {
#ContactMunicipality li {
   line-height:1.5;
   margin:.889rem 0
  }
  }
#ContactMunicipality li:last-child {
  margin-bottom:0
 }


#ContactMunicipality li span {
  margin-left: 10px;
}

.it-footer .cmp-contacts .contact-list li {
  font-size: 1rem;
  color: #0066cc;
  font-weight: 400;
}

/* footer */ 

.it-footer-main {
  background-color: #202a2e
}

.it-footer .footer-heading-title {
  font-size:.875rem;
  font-weight:700;
  line-height:1.5;
  text-transform:uppercase;
 }
 @media(min-width:576px) {
  .it-footer .footer-heading-title {
   font-size:.7777777778rem;
  }
 }
 @media(min-width:768px) {
  .it-footer .footer-heading-title {
   margin-bottom:.889rem;
   padding-bottom:.889rem;
   border-bottom:1px solid hsla(0,0%,100%,.5);
  }
 }
 @media(max-width:767.8px) {
  .it-footer .footer-items-wrapper+.footer-items-wrapper .footer-heading-title {
   margin-top:1.5rem;
   padding-top:1.5rem;
   border-top:1px solid hsla(0,0%,100%,.5);
  }
 }
 .it-footer .it-brand-wrapper {
  padding:0;
 }
 .it-footer a {
  color:#fff;
 }
 .it-footer .logo-wrapper {
  display:flex;
  flex-direction:column;
  gap:30px;
  padding-top:32px;
  padding-bottom:32px;
 }
 @media(min-width:576px) {
  .it-footer .logo-wrapper {
   flex-direction:row;
   align-items:flex-start;
  }
 }
 .it-footer .logo-wrapper .ue-logo {
  max-width:50%;
 }
 .it-footer a {
  font-size:1rem;
  text-decoration:underline;
 }
 @media(min-width:576px) {
  .it-footer a {
   font-size:.8888888889rem;
  }
 }
 .it-footer a:hover {
  text-decoration:none;
  color:#fff;
 }
 ul.footer-list{
  padding-left: 0px !important;
 }
 .footer-list li {
  list-style: none;
 }
 .it-footer .footer-list a {
  line-height:2;
  color:#fff;
 }
 .it-footer .footer-list+.footer-heading-title {
  margin-top:2.667rem;
 }
 .it-footer .footer-info {
  font-size:1rem;
  line-height:1.5;
 }
 @media(min-width:576px) {
  .it-footer .footer-info {
   font-size:.8888888889rem;
  }
 }
 .it-footer .footer-bottom {
  margin-top:1.667rem;
  padding-top:1.333rem;
  padding-bottom:2.5rem;
  border-top:1px solid hsla(0,0%,100%,.5);
 }
 .it-footer .footer-bottom a {
  line-height:1.5;
 }
 .it-footer .footer-bottom a+a {
  margin-left:5rem;
 }

 /* home siti tematici */
.card-bg-blue {
  background-color: #0968b4 !important;
}
.card.card-bg-dark {
  background-color: #2c2c2c !important;
}
a.card.card-teaser, .chip.chip-simple {text-decoration: none;}
a.card.card-teaser:hover {text-decoration: underline;color: var(--bs-white);}


/* elimina gli spazi ai lati */
#sectioncontent .row {
  margin-left: 0px;
  margin-right: 0px;
  --bs-gutter-x: 0px;
}
#sectioncontent #ColCX .row {
  --bs-gutter-x: 24px;
}
@media (min-width: 992px) {
  .col-lg-12 {
      --bs-gutter-x: 0px;
  }
}
#ColCX .g-md-0, #ColCX .gx-md-0 {
  --bs-gutter-x: 0px !important;
}

/* GFX */
:root {
  --cms-custom-1: #6b0b18;
  --cms-custom-2: #880d1e;
  --cms-custom-3: #202a2e;
}

.cms-custom-background-1 {background-color: var(--cms-custom-1) !important;}
.cms-custom-background-2 {background-color: var(--cms-custom-2) !important;}
.cms-custom-background-3 {background-color: var(--cms-custom-3) !important;}

.cms-custom-background-1 h3 {font-size:1.333rem;}


/* temp */
#Valutazione {display: none;}

/* margini negativi top mt-xn*/
@media (min-width: 1200px) {
  .mt-5n {
      margin-top: -48px !important;
  }

  .mt-4n {
      margin-top: -24px !important;
  }

  .mt-3n {
      margin-top: -16px !important;
  }

  .mt-2n {
      margin-top: -8px !important;
  }

  .mt-1n {
      margin-top: -4px !important;
  }
}


/* per le card teaser che sono in overlapping sulla home */
.card-wrapper.card-teaser-wrapper.modulo-teaser .card-teaser {
  flex: 0 0 100% !important;
}

#BodyCorpo .card-wrapper.card-teaser-wrapper {
  flex-wrap: unset;
}


/* background #6b0b18 */
.it-header-slim-wrapper, #BodyCorpo .bg-primary {
  background: var(--cms-custom-1) !important;
}

/* background #880d1e */
.it-header-center-wrapper, .card-bg-blue,
.it-calendar-wrapper .it-header-block-title, .it-carousel-wrapper .splide__pagination button.is-active,
.btn-primary, .chip:hover:not(.chip-disabled) {
    background: var(--cms-custom-2) !important;
}

.btn-outline-primary {box-shadow: inset 0 0 0 2px var(--cms-custom-2) !important;}

/* color #880d1e */
#BodyCorpo a, a.read-more,
.chip .chip-label, .row-calendar .it-calendar-wrapper .card .card-text a, #ContactMunicipality a,
.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active span, .link-list-wrapper ul li a:hover:not(.disabled) span, .link-list-wrapper ul li a span,
.btn-dropdown {
  color: var(--cms-custom-2) !important;
}
/* border-color  #880d1e */
.chip:not(.chip-disabled), .btn-primary,
.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active{
  border-color: var(--cms-custom-2) !important;
}

/* fill #880d1e */
#ContactMunicipality .icon-primary {
  fill: var(--cms-custom-2) !important;
}

.chip:not(.chip-disabled) {
  background: var(--bs-white);
}
.chip:hover:not(.chip-disabled),.chip:hover:not(.chip-disabled) .chip-label, #BodyCorpo .btn-primary, #BodyCorpo .btn-primary:hover {color:var(--bs-white) !important;}

#BodyCorpo .btn-success, #ColCX .text-white a {color: var(--bs-white) !important;}
.it-footer-main {
background: var(--cms-custom-3) !important;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow:rgba(0,0,0,1) !important;
}

/* Modulo Feed RSS */
.modulo_rss .it-list {list-style: none;padding-left: 0px;}
.modulo_rss h3 {padding-left: 0%; font-size: 1rem;}

.form-group.validatedfield label:not(.active) {transform: translateY(0%);}
.steppers-content h2, .steppers-content h3, .steppers-content h4  {font-size: 1.333rem;}
.steppers-content h2 {margin-bottom: 30px !important;}
#VApp .select-wrapper label {top:12px;}

/* login */
.login_container {
  padding: 40px;
  background: #f5f5f5;
  border-radius: 10px;
  margin-bottom: 50px;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.2) !important;
}
.login_info {margin-bottom: 50px;}

@media (min-width: 1200px) { 
  .login-form.form-horizontal {width:600px; margin:0px auto;background-color:#fff;padding:30px;}
}
.login-form.form-horizontal .form-group:nth-child(1) {margin-top:20px;}
.login-form.form-horizontal .form-group:nth-child(3) {margin-bottom:0px;}

@media (min-width: 920px) { 
  #Intestazione .navbar, #Intestazione .it-header-navbar-wrapper {background: var(--cms-custom-2) !important;}
  .it-header-wrapper .search-link svg, #ContactMunicipality .icon-primary {fill: var(--cms-custom-2) !important;}
}
@media (max-width: 320px) { 
  .it-header-center-wrapper {height:auto !important;}
}