/*
Theme Name: Design Comuni Italia Child
Author: Dipartimento per la trasformazione digitale - Presidenza del Consiglio dei Ministri
Description: Design Comuni Italia è il tema di WordPress per i siti dei Comuni Italiani. Rispetta le linee guida di design dell’Agenzia per l’Italia digitale rilasciate dal Team per la Trasformazione Digitale. Utilizza Bootstrap Italia.
Template: design-comuni-wordpress-theme-main
Version: 1.7.5 - child
License: AGPL 3.0 or later
Text Domain: design_comuni_italia
*/

/* Clearfix */
/*metto il bluc con borgo*/
:root {
  --bs-primary-rgb: 0, 56, 130 !important;
  --bs-link-color: #003882 !important;
  --bs-primary: #003882 !important;
  --bluChiaro: #003882;
  --bluScuro: #002452;
}

.navbar .navbar-collapsable .navbar-nav li a.nav-link,
.it-header-wrapper .navbar-collapsable .logo-hamburger .it-brand-title {
    color: #FFF !important;
    text-decoration: none !important;
}

.btn-outline-primary {
  box-shadow: inset 0 0 0 2px var(--bluChiaro) !important;
}
.it-hero-wrapper,
.navbar,
.it-header-wrapper .navbar-collapsable .menu-wrapper,
.it-header-navbar-wrapper,
.it-header-center-wrapper,
.bg-primary {
  background: var(--bluChiaro) !important;
}
.chip:is(a):hover:not(.chip-disabled) {
  background-color: #fff !important;
}
.it-header-slim-wrapper,
.it-calendar-wrapper .it-header-block-title {
  background: var(--bluScuro) !important;
}
.chip:not(.chip-disabled) {
  border-color: var(--bluChiaro) !important;
}
.btn-primary {
  background-color: var(--bluChiaro) !important;
  border-color: var(--bluChiaro) !important;
}
.rating:not(:checked)>label:hover svg, .rating:not(:checked)>label:hover~label svg, .rating>input:checked~label svg,
main .icon-primary {
    fill: var(--bluChiaro) !important;
}
.accordion-header .accordion-button,
.link-list-wrapper .text-button-normal,
main a:hover,
.chip .chip-label,
.btn-outline-primary,
.evidence-section .link-list .list-item.active span, 
.evidence-section .link-list .list-item.active span:hover,
.useful-links-section .link-list .list-item.active span,
.useful-links-section .link-list .list-item.active span:hover,
.chip .chip-label,
.btn-outline-primary,
a.read-more,
.cmp-navscroll .navbar.it-navscroll-wrapper .link-list-wrapper .accordion .accordion-header .accordion-button,
.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active span,
.link-list-wrapper ul li a span,
.cmp-breadcrumbs .breadcrumb-container .breadcrumb .breadcrumb-item a,
.btn-dropdown,
.card .card-body .category-top a.category,
.t-primary {
    color: var(--bluChiaro) !important;
} 
aside
  .cmp-navscroll
  .navbar.it-navscroll-wrapper
  .link-list-wrapper
  ul
  li
  a.active {
  border-left: 2px solid var(--bluChiaro) !important;
}

.card .categoryicon-top .icon,
a.read-more .icon {
  fill: var(--bluChiaro) !important;
}

#mega-menu-wrap-mainMenuEtinet {
  background: transparent;
}
#mega-menu-wrap-mainMenuEtinet
  #mega-menu-mainMenuEtinet
  > li.mega-menu-item
  > a.mega-menu-link {
  font-weight: 400;
  padding: 13px 24px;
  border-bottom: 3px solid transparent;
  background: transparent;
  line-height: auto;
  height: auto;
  color: #fff;
  border-bottom: 3px solid transparent;
  font-size: 18px;
}
#mega-menu-wrap-mainMenuEtinet
  #mega-menu-mainMenuEtinet
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  > li.mega-menu-item
  > a.mega-menu-link,
#mega-menu-wrap-mainMenuEtinet
  #mega-menu-mainMenuEtinet
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item
  > a.mega-menu-link {
  font-size: 18px;
}
#mega-menu-wrap-mainMenuEtinet
  #mega-menu-mainMenuEtinet
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  > li.mega-menu-item
  li.mega-menu-item
  > a.mega-menu-link,
#mega-menu-wrap-mainMenuEtinet
  #mega-menu-mainMenuEtinet
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item
  li.mega-menu-item
  > a.mega-menu-link,
#mega-menu-wrap-mainMenuEtinet
  #mega-menu-mainMenuEtinet
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link {
  font-size: 16px;
}

@media only screen and (max-width: 968px) {
  #mega-menu-wrap-mainMenuEtinet
    #mega-menu-mainMenuEtinet
    > li.mega-menu-item
    > a.mega-menu-link {
    line-height: 40px;
    height: 40px;
    padding: 0px 10px 0px 10px;
  }
}

@media only screen and (max-width: 768px) {
  #mega-menu-wrap-mainMenuEtinet
    .mega-menu-toggle
    .mega-toggle-blocks-right
    .mega-toggle-block {
    margin-left: 6px;
    margin-right: 0px;
  }
  #mega-menu-wrap-mainMenuEtinet
    .mega-menu-toggle
    .mega-toggle-block-0
    .mega-toggle-animated-inner,
  #mega-menu-wrap-mainMenuEtinet
    .mega-menu-toggle
    .mega-toggle-block-0
    .mega-toggle-animated-inner::before,
  #mega-menu-wrap-mainMenuEtinet
    .mega-menu-toggle
    .mega-toggle-block-0
    .mega-toggle-animated-inner::after {
    width: 30px;
    height: 2px;
  }
}

.callout.note {
  display: none;
}

body.home main#main-container section#notizie .row .card {
  background-color: transparent;
}
header.it-header-wrapper
  .it-header-slim-wrapper-content
  .it-header-slim-right-zone {
  display: none;
}
div#header-nav-wrapper .menu-wrapper .it-socials {
  display: none;
}

li#mega-menu-item-1365 {
  position: absolute !important;
  right: 0 !important;
}

.navbar {
  background: #003882 !important;
  padding: 0 !important;
}

li#mega-menu-item-1405 {
  position: absolute !important;
  right: 110px !important;
}

li#mega-menu-item-1706 {
  position: absolute !important;
  right: 240px !important;
}

#galleria-immagini .img-galleria {
  aspect-ratio: 3/2;
  object-fit: cover;
}

#galleria-immagini > div {
  overflow: hidden;
}

#utilita a {
  color: #fff;
  text-decoration: none;
}

#utilita img {
  filter: invert(1);
}

.list-numeri img {
  height: 30px;
}

ul.list-numeri > li:last-child > div {
  border-bottom: none !important;
}

.contenuti_evidenza .card-teaser-wrapper .card-teaser a.read-more .icon {
  fill: white !important;
}
.contenuti_evidenza .card-teaser-wrapper .card-teaser a,
.contenuti_evidenza .card-teaser-wrapper .card-teaser span,
.contenuti_evidenza .card-teaser-wrapper .card-teaser p {
  color: white;
}
.contenuti_evidenza .card-teaser-wrapper .card-teaser:nth-child(1) {
  background-color: #0968b4;
}
.contenuti_evidenza .card-teaser-wrapper .card-teaser:nth-child(2) {
  background-color: #995c00;
}
.contenuti_evidenza .card-teaser-wrapper .card-teaser:nth-child(3) {
  background-color: #17334f;
}
.contenuti_evidenza .card-teaser-wrapper .card-teaser:nth-child(4) {
  background-color: #09b472;
}
.contenuti_evidenza .card-teaser-wrapper .card-teaser:nth-child(5) {
  background-color: #b409a6;
}
.contenuti_evidenza .card-teaser-wrapper .card-teaser:nth-child(6) {
  background-color: #b40909;
}
.contenuti_evidenza .card-teaser-wrapper .card-teaser:nth-child(7) {
  background-color: #95b409;
}
.contenuti_evidenza .card-teaser-wrapper .card-teaser:nth-child(8) {
  background-color: #b44809;
}
.contenuti_evidenza .card-teaser-wrapper .card-teaser:nth-child(9) {
  background-color: #09b420;
}

#notizie .card-wrapper.card-overlapping {
  margin-top: 10px;
}

section#utilita p {
  text-align: center;
  padding-top: 20px;
}

#utilita img.wp-image-2574 {
  width: 80px;
}

section#utilita img {
  width: 100px;
  height: 100px;
}

#utilita img.wp-image-2616 {
  width: 72% !important;
  margin: auto;
}

#utilita img.wp-image-2616,
#utilita img.wp-image-2576 {
  filter: none;
}

figure.wp-block-image {
  text-align: center;
}

#tabelle_orari table {
  font-size: 12px;
}

@media only screen and (max-width: 992px) {
  li#mega-menu-item-1405,
  li#mega-menu-item-1365,
  li#mega-menu-item-1706 {
    position: relative !important;
    right: inherit !important;
  }
  .it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper {
    transition: padding-top 0.3s ease;
    position: absolute;
    z-index: 999;
    display: block;
    left: 0;
    top: 50%;
    margin-top: 33px !important;
    background: hsl(160deg, 100%, 24%);
    width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  #iframe_comune {
    height: 270px !important;
  }
  #tabelle_orari table {
    font-size: 12px;
  }
}

@media only screen and (max-width: 770px) {
  .it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper {
    transition: padding-top 0.3s ease;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 50%;
    margin-top: -22px !important;
    width: inherit;
  }

  #iframe_comune {
    height: 350px;
  }
}

#contatti_serivizo_assistenza #card_contatti {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#contatti_serivizo_assistenza #card_contatti > .card {
  width: calc(50% - 5px);
  margin-right: 0;
  margin-top: 0 !important;
}
@media (max-width: 767px) {
  #contatti_serivizo_assistenza #card_contatti > .card {
    width: 100%;
  }
}

.page-template-template-form .it-hero-wrapper .it-hero-text-wrapper h3,
.page-template-template-form .it-hero-wrapper .it-hero-text-wrapper span {
  color: #000;
}
.page-template-template-form .form-iscrizione > .field > p {
  padding-bottom: 20px;
}
.page-template-template-form .form-iscrizione > .field > p input {
  width: auto;
}
.page-template-template-form
  .cmp-hero
  .it-hero-wrapper
  .it-hero-text-wrapper
  .hero-text {
  max-width: 100%;
}
.page-template-template-form .form-iscrizione .classe input {
  width: 130px;
}
.page-template-template-form .form-iscrizione input[type='checkbox'] {
  -webkit-appearance: auto !important;
}
.page-template-template-form .form-iscrizione p.small {
  font-size: 0.7rem !important;
}
.page-template-template-form .form-iscrizione p.small.first {
  line-height: 20px;
  padding-bottom: 15px;
}
.page-template-template-form .form-iscrizione input#btn_invia {
  color: #fff;
  background: #003882;
}

.at-tableclass h3 {
  font-size: 1rem;
  margin-bottom: 0;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}
/* Contenitore */
.at-tableclass {
  margin-bottom: 5px;
  overflow: hidden;
}

/* Titolo sezione (header) */
.at-tableclass h3 {
  margin: 0;
  background-color: #f5f5f5;
}

.at-tableclass h3 a {
  display: block;
  padding: 14px 20px;
  color: #333;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  cursor: pointer;
}

/* Freccina */
.at-tableclass h3 a::after {
  content: '▾';
  position: absolute;
  right: 20px;
  transition: transform 0.3s ease;
}

.at-tableclass.open h3 a::after {
  transform: rotate(-180deg);
}

/* Lista interna */
.at-tableclass ul {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
}

.at-tableclass.open ul {
  display: block;
}

.at-tableclass ul li a {
  display: block;
  padding: 12px 20px;
  color: #333;
  border-top: 1px solid #eee;
  text-decoration: none;
}

.at-tableclass ul li a:hover {
  background: #f0f0f0;
}

/* Nasconde voci disattivate */
.at-tableclass ul li[style*='opacity: 0.5'] {
  display: none !important;
}

.container-amministrazione-trasparente form {
  margin-bottom: 30px;
}
.container-amministrazione-trasparente input[type='text'] {
  width: 95%;
}

.container-amministrazione-trasparente select {
  display: none;
}

#evidenza a.card.card-teaser.card-bg-warning.rounded.mt-0.p-3 {
  overflow-wrap: anywhere;
}
div#pl-649 {
    display: none;
}