.uk-navbar-nav>li>a {
    text-transform:unset !important;
    font-family: 'Titillium Web' !important;
    font-size:1.15em;
}
 /* === Aree Tematiche === */
  .aree-wrap{
    background:#fff;
    border:1px solid #e7e7e7;
    border-radius:18px;
    overflow:hidden;
    max-width: 100%;
    margin-top:-50px
  }

  .aree-head{
    padding:18px 18px 0px 18px;
  }
  .aree-head.bollettini {
    background:#DEECD9;
  }
  .aree-title{
    font-weight:700;
    font-size:1.45em;
    color:#2b2b2b;
    margin:0 0 10px 0;
  }

  .aree-topline{
    height:3px;
    background:#2fa54a; /* verde */
    border-radius:2px;
  }

  .aree-grid{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    border-top:0;
  }

  .aree-item{
    position:relative;
    padding:18px 18px 16px 18px;
    min-height:110px;
    border-top:1px solid #ededed;
    border-right:1px solid #ededed;
    text-decoration:none !important;
    background:#fff;
    transition: background .15s ease, transform .15s ease;
  }
  /* ultima colonna senza bordo destro */
  .aree-item:nth-child(3n){
    border-right:none;
  }

  .aree-item:hover{
    background:#fafafa;
  }
  .aree-item.acqua:hover {
    background:#D2E8F5;
  }
  .aree-item.aria:hover {
    background:rgba(118, 213, 255,.2);
  }
  .aree-item.impiantistica:hover {
    background:#E0E5E8;
  }
  .aree-item.rifiuti:hover {
    background:#E8E0D7;
  }
  .aree-item.siti-inquinati:hover {
    background:#E4DBE9;
  }
  .aree-item.emas:hover {
    background:#DDECCE;
  }
  .aree-item.epidemiologia-ambientale:hover {
    background:#D5F0E6;
  }
  .aree-item.sistemi-produttivi:hover {
    background:#EAD8E1;
  }
  .aree-item.radiazioni-rumore:hover {
    background:#FEEED2;
  }
  .aree-badge{
    width:42px;
    height:42px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow: 0 1px 0 rgba(0,0,0,.04);
  }

  .aree-arrow{
    position:absolute;
    top:14px;
    right:14px;
    width:26px;
    height:26px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#2fa54a;
    opacity:.9;
  }

  .aree-label{
    position:absolute;
    left:18px;
    bottom:14px;
    font-size: 1.15em;;
    font-weight:600;
    color:#3a3a3a;
  }
  #home-aree-tematiche,#link-utili-body {
    background:#DEECD9;
  }
/* List container */
.aree-elenco{
  position: relative;
}

/* Row */
.aree-bollettini{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 9px 18px;
  text-decoration: none;
  background: transparent;
  border-top: 1px solid rgba(255,255,255,0.6);
  background: #DEECD9;
}
.aree-bollettini:nth-of-type(1) {
    border-top:0;
}

/* Left group (icon + label) */
.bollettino{
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.bollettino > img{
  width: 36px;
  height: 36px;
  object-fit: contain;
  display: block;
  flex: 0 0 auto;
}

.bollettino > span{
  font-size: 1.15em;
  font-weight: 600;
  color: #3a3a3a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Right arrow icon */
.aree-vai{
  width: 34px;
  height: 34px;
  object-fit: contain;
  display: block;
  flex: 0 0 auto;
  opacity: 0.95;
}

/* Hover (opzionale, coerente) */
.aree-bollettini:hover{
  background: #BCD1B2;
  text-decoration:none;
}
#link-utili-header {
    background: #238303;
    text-align: center;
    padding: 20px 0 !important;
}
#link-utili-header h2 {
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.55px;
    font-size: 1.57em;
}
/* Contenitore griglia: se vuoi lo sfondo verdino come screenshot */


/* Card/arpam */
.arpam-card{
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  min-height: 64px;

  background: #fff;
  border-radius: 8px;

  /* ombra leggera + bordo sotarpam */
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 1px 0 rgba(0,0,0,0.05);

  /* riga verde in basso */
  box-shadow:
    0 1px 0 rgba(0,0,0,0.05),
    inset 0 -3px 0 #2f8f1f;

  text-decoration: none;
}

/* Pallino a sinistra */
.arpam-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #2f8f1f;
  box-shadow: 0 0 0 3px rgba(47,143,31,0.15);
  flex: 0 0 auto;
}

/* Testo */
.arpam-text{
  font-weight: 700;
  color: #2b2b2b;
  line-height: 1.1;
  font-size: 1.15em;
  flex: 1 1 auto;
  min-width: 0;
}

/* Icona a destra dentro cerchio verde chiaro */
.arpam-icon{
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: rgba(47,143,31,0.18);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;

  /* colore icona (UIkit icons seguono currentColor) */
  color: #2f8f1f;
}

/* Hover/focus */
.arpam-card:hover{
  background: #f7fbf6;
  transform: translateY(-px);
  box-shadow:
    0 4px 14px rgba(0,0,0,0.08),
    inset 0 -3px 0 #2f8f1f;
    text-decoration:none;
}

.arpam-card:focus-visible{
  outline: 3px solid rgba(47,143,31,0.35);
  outline-offset: 2px;
}

/* Spaziatura tra le arpam (override leggero del grid se necessario) */
.arpam-grid.uk-grid{
  margin-left: -14px;
}
.arpam-grid.uk-grid > *{
  padding-left: 14px;
}
.arpam-grid.uk-grid > * > .arpam-card{
  width: 100%;
}
div#ultime-news h2 span {
    float: right;
}
.cg-scroll-items-0, .cg-scroll-items-1 {
  width:400%;

}
footer#footer {
    background: #238303;
    color: #fff;
    padding: 70px 0;
    /*margin-top: 70px;*/
}
#footer h2, #footer p, #footer a {
    color: #fff;
}

div#sfdmarqueecontainer {
    height: 50px !important;
}
#arpafeed div#page\#0 {
    top: 0 !important;
}
h2.cg-scroll-title.redirect-ltr {
    display: none;
}
#arpafeed {
    background: #FECC02;
    padding: 30px 0;
}

footer .uk-accordion-title::before {
    background-image: url(/svg/accordion-down.svg);
}
footer .uk-open>.uk-accordion-title::before {
    background-image: url(/svg/accordion-top.svg);
}
footer .uk-accordion .el-item {
    border-bottom: 3px solid rgba(255, 255, 255, .38);
    margin-top: 20px;
}
footer .uk-accordion-title {
  font-weight:500;
  font-size:1.15em;
  padding: 12px 0px;
}

.uk-accordion {
    background: rgba(35, 131, 3, .15);
    padding: 20px;
    border-bottom: 3px solid rgba(35, 131, 3, 1);
}
.uk-accordion-title {
    font-size: 1.43em;
    font-weight: 600;
}
#footer a {
    padding: 12px 0;
}
div#footer-bottom {
    background: #24640E;
    padding:20px 0;
}
div#footer-bottom a {
    color:#fff;
    padding: 20px 0 !important;
}
@media (min-width:768px) {
  #footer-bottom ul {
      display: flex;
      justify-content: space-between;
      margin-bottom:0;
  }
}
@media (max-width:767px) {
  #footer-bottom ul {
    text-align:center;
    padding-left:0;
  }
  #footer-bottom li {
    margin-bottom:20px;
    padding:12px 0;
  }
}
.footer-bottom li {
    padding:0;
}
.footer-bottom li::marker {
    content: '';
}
#hero-acqua {
    background-color: #D3E8F5;
    padding-bottom: 0;
    background-image: url(/svg/bg-acqua.svg);
    background-repeat: no-repeat;
    background-position: 95% 83%;
    background-size: 150px;
}
#hero-aria {
    background-color: #E4F7FF;
    padding-bottom: 0;
    background-image: url(/svg/bg-aria.svg);
    background-repeat: no-repeat;
    background-position: 95% 83%;
    background-size: 150px;
}
#hero-rifiuti {
    background-color: #E8E0D7;
    padding-bottom: 0;
    background-image: url(/svg/bg-rifiuti.svg);
    background-repeat: no-repeat;
    background-position: 95% 83%;
    background-size: 150px;
}
#hero-qualita {
    background-color: #deecd9;
    padding-bottom: 0;
}
#hero-acqua .uk-container, #hero-aria .uk-container, #hero-rifiuti .uk-container, #hero-qualita .uk-container {
    padding-left: 0px;
    padding-right: 0px;
}
h1.bordo-sotto {
    color: #000;
    font-size: 3em;
    font-weight: bold;
    padding-bottom: 20px;
    position:relative;
}
h1.bordo-sotto:after {
    width:300px;
    position:absolute;
    bottom:0;
    left: calc(50% - 150px);
    content: '';
    height: 4px;
    background:#238303;
}
h2.bordo-sotto {
    border-bottom: 3px solid #238303;
    font-size: 2rem;
    padding-bottom: 5px;
    font-weight: bold;
}
.margin-bottom {
  margin-bottom:30px !important;
}
p.menu-sezione {
  text-align:center;
}
img.menu-sezione-img-hover {
  display: none;
}
p.menu-sezione a:hover img.menu-sezione-img, p.menu-sezione.attiva a img.menu-sezione-img {
  display: none;
}
p.menu-sezione a:hover img.menu-sezione-img-hover,p.menu-sezione.attiva a img.menu-sezione-img-hover {
  display: inline;
}
p.menu-sezione a span {
  border-bottom:4px solid transparent;
  padding-bottom:8px;
}
p.menu-sezione a:hover span,p.menu-sezione.attiva a span {
  border-bottom:4px solid #218DCE;
}
p.menu-sezione a:hover, .menu-sezione.attiva a {
    text-decoration:none;
}
p.menu-sezione img {
    margin-bottom: 8px;
}
div#menu-sezione-container {
    background: #fff;
    border-radius: 35px 35px 0 0;
    padding: 40px 10px 20px;
}
p {
    color: #000000;
    font-size: 1.15em;
}
p.menu-sezione {
    font-size: 1.29em;
    font-weight: 800;
}
.bottone-verde .uk-button {
    border-radius: 20px;
    background: #238303;
    color: #fff;
    font-size: 1.29em;
}
.tm-top.uk-section-default.uk-inverse-dark.uk-section.uk-padding-remove-vertical {
    background: #F7F7F7;
    padding-top: 18px !important;
}
img.menu-sezione-img, .menu-sezione-img-hover {
    width: 70px !important;
    max-width: 100%;
}
p.menu-sezione span {
    display: inline-block;
    padding-bottom:5px;
}
.uk-navbar-right form#search-748 {
    background: #DEECD9;
    border-radius: 35px;
}
.uk-search .uk-search-icon {
  right:5px !important;
  left:unset;
}
.uk-search .uk-icon svg circle, .uk-search .uk-icon svg path {
    stroke: #303033 !important;
}
.uk-search-default .uk-search-input {
  padding-left:20px !important;
  padding-right:35px !important; 
}
input.js-finder-search-query.uk-search-input::placeholder,input.js-finder-search-query.uk-search-input {
  color:#303033;
  font-size:1.10em;
}
ul.uk-navbar-nav {
    justify-content: space-around;
    width: 100%;
}
h1.uk-margin-large-top.uk-margin-remove-bottom.uk-article-title {
    margin-top: 40px !important;
}
.arpa-marche-bg-green.uk-section-default.uk-section {
    background: #238303;
    padding: 20px 0;
    text-align: center;
}
.arpa-marche-bg-green h2 {
  color:#fff;
}
.light-green {
  background-color:#DEECD9;
}
.card-top {
      background: #fff;
      padding: 1.4rem 1.4rem 1rem;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 1rem;
      border-radius: 1.2rem 1.2rem 0 0;
    }

    .card-title {
      margin: 0;
      color: #2f8f1f;
      font-size: clamp(1.2rem, 2vw, 1.8rem);
      line-height: 1.2;
      font-weight: 700;
    }

    .card-icon {
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.75rem;
      border-radius: 0.75rem;
      background: #dfe8d8;
      color: #2f8f1f;
    }

    .card-icon svg {
      display: block;
      width: 1.4rem;
      height: 1.4rem;
    }

    .card-body {
      padding: 1.2rem 1.4rem 1.4rem;
      background: #fff;
      border-radius: 0 0 1.2rem 1.2rem;

    }

    .card-text {
      margin: 0 0 1.5rem;
      color: #4b4b4b;
      font-size: clamp(0.95rem, 1.5vw, 1.1rem);
      line-height: 1.5;
    }

    .card-line {
      height: 0.28rem;
      background: #239019;
      border-radius: 999px;
    }
    .button-yellow a {
    background: #FECC02;
    border-radius: 100px;
    font-size: 1.05em;
    font-weight: bold;
    color: #000;
    padding: 6px 24px;
}
.button-yellow a:hover {
  background:#238303;
  color:#fff;
}
.custom-topbar a {
    font-size: 1.46em;
    padding-top: 10px;
    padding-bottom: 10px;
}
.tm-toolbar.tm-toolbar-default.uk-visible\@m {
    padding: 0;
}
.uk-slider-container .el-content.uk-panel.uk-margin-top {
    color: #222;
}
.uk-slider-container .el-meta.uk-text-meta.uk-margin-top {
    color: #186B2D;
}
#module-tm-5 a {
    padding:3px !important;
    box-sizing: content-box;
}
.area-riservata-topbar {
    background: #fff;
    font-size: 1.05em;
    color: #186B2D !important;
    padding: 0 10px;
    margin-left: 20px;
    font-weight:bold;
}
.area-riservata-topbar img {
    margin-right: 5px;
    padding: 5px 0px;
    max-height: 42px;
}
.home-hero-arpam.uk-section-default .uk-section {
    padding: 150px 0;
}
div#ultime-news {
    padding-top: 30px;
    padding-bottom: 30px;
}
h2.ultime-news {
    font-size: 1.8rem;
    font-weight: bold;
    border-bottom: 3px solid #238303;
    padding-bottom: 10px;
}
a.archivio-news {
    color: #238303;
    font-weight: bold;
    font-size:.66em;
    padding: 10px 0px;
}
#ultime-news ul.el-nav.uk-slider-nav.uk-dotnav.uk-flex-center.uk-margin-top.uk-visible\@s {
    display: flex !important;
}
#ultime-news a.el-link.uk-button.uk-button-default {
    background: #FECC02;
    color: #000;
    border-radius: 100px;
    padding: 3px 20px;
    font-size: 1.05em;

}
#vmarquee a {
    padding: 16px 0;
}
span.icon-dir-right.fas {
    display: none !important;
}
#link-esterni-home {
    padding-top: 40px;
    padding-bottom: 40px;
}
.tm-toolbar-default {
  background:#238303;
}
/* Micro-tuning responsive */
@media (max-width: 640px){
  .arpam-grid{ padding: 10px; }
  .arpam-card{ padding: 12px 14px; }
  .arpam-text{ font-size: 1.1em; }
  .arpam-icon{ width: 38px; height: 38px; }
}
  /* responsive */
  @media (max-width: 960px){
    .aree-grid{ grid-template-columns: repeat(2, 1fr); }
    .aree-item{ border-right:1px solid #ededed; }
    .aree-item:nth-child(3n){ border-right:1px solid #ededed; }
    .aree-item:nth-child(2n){ border-right:none; }
    .aree-wrap { margin-top: 10px; margin-bottom: 30px;}

  }
  @media (max-width: 560px){
    .aree-grid{ grid-template-columns: 2; }
    .aree-item{ border-right:none !important; min-height:120px;}
    div#menu-sezione-container .uk-first-column.uk-first-stack,div#menu-sezione-container .uk-first-column  {
    padding-left: 0;
}
h1.bordo-sotto { margin-top:40px; font-size:2.2em;}
  }

@media (min-width:960px) {
  li.item-789 {
  display: none;
  }
}
@media (max-width:991px) {
  div#menu-sezione-container {
    border-radius: 0;
}
/*#hero-acqua .uk-grid,#hero-aria .uk-grid,#hero-rifiuti .uk-grid,#hero-qualita .uk-grid {
    margin-left: -10px;
}*/
}