@font-face {
 font-family:'Lexend';
 src:url('/fonts/Lexend-VariableFont_wght.ttf');
}

html, body { margin:0; padding:0; color:#222; background-color:#FFF; font-family:Lexend, Arial, sans-serif; font-size:15px; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
nav a { color:#222; }
nav a:hover { color:#2B750C; }
main a, footer a { color:#2B750C; }
.withmenu article, .withoutmenu article { max-width:95%; margin:0 auto -1px auto; padding:2rem 0; }
.fullscreen article { width:100%; margin:0; padding:0; }
h1 { margin:0 0 1rem 0; padding:0; font-size:1.8rem; }
h2 { font-size:1.5rem; }
h3 { font-size:1.3rem; }
h4 { font-size:1rem; }
h5 { font-size:0.8rem; }
h6 { font-size:0.7rem; }
footer { position:relative; padding:0 0 2rem 0; border-top:3rem solid #EEE; background-color:#F8F8F8; }
footer h2 { display:flex; align-items:center; gap:2rem; margin:-3rem 0 0 0; height:3rem; font-size:1rem; }
footer h2 img, footer h2 span { display:block; }
footer h2 img { height:2rem; }
footer nav ul { display:block; margin:1rem 0; padding:1rem 0 0 0; border-top:1px solid #2B750C; }
footer nav ul li { display:block; margin:0; padding:0.5rem 0; }
img { display:block; margin:0; padding:0; max-width:100%; }
figure { display:block; margin:0; padding:0; max-width:100%; }
figcaption { margin:1rem 0; }
address { font-style:normal; }
abbr { text-decoration:none; cursor:help; }
fieldset { margin:2rem 0; }
legend { font-weight:bold; font-size:1.2rem; }
fieldset.input { display:block; margin:0 0 0.6rem 0; padding:0; border:none; }
fieldset.input legend { display:block; margin:0 0 0.2rem 0; padding:0; font-size:1rem; }
.form-control { margin:0 0 0.6rem 0; }
.input-input input[type=text], .input-input input[type=password], .input-input input[type=email] { width:95%; }
.subform h3 { margin:1em 0 0.5rem 0; font-size:1.2rem; }
.subform h3:first-of-type { margin-top:0; }
h3.input-label { margin:0 0 0.2rem 0; font-size:1rem; }
.alert-danger, .errore, .error { color:red; }
.hidden { display:none !important; }
table { margin:1rem 0; paddig:0; border-spacing:0; border-collapse:collapse; border:2px solid #000; }
th, td { padding:0.5em; border:1px solid #000; text-align:left; }
thead th { text-align:center; }
table .number { text-align:right; }
.single-row { display:flex; gap:1rem; }
.cols2 { columns:2; }

header.withAdminBar { padding-top:2.5rem; }
#navigation-menu { margin:0; padding:0; }
#navigation-menu li { display:block; margin:0; list-style-type:none; }
#navigation-menu > li > ul {  }
#navigation-menu li li.selected a { color:#2B750C; font-weight:bold; }
header h2, .withmenu, footer nav, footer address { margin:0 auto; padding:0; }
header h2 img { position:relative; z-index:3; }
#navigation-path { margin:0; padding:0; background-color:#2B750C; color:#FFF; /*border-bottom:1px solid #FFF;*/ }
#navigation-path ul { display:flex; margin:0 auto; padding:0; }
#navigation-path li { display:block; margin:0; padding:1rem 0.5rem 1rem 0; }
#navigation-path li:before { content:">"; padding-right:0.5rem; }
#navigation-path li:first-child:before { content:""; padding-right:0; }
#navigation-path a { color:#FFF; }
.fullscreen .blockcontent, .fullscreen .blocktitle h2, .area { width:95%; margin-left:auto; margin-right:auto; }
.withmenu aside { padding:2rem 0; }
.withmenu aside ul { display:block; margin:0; padding:0; }
.withmenu aside ul ul { display:block; margin:0 0 0 1rem; padding:0; }
.withmenu aside li { display:block; margin:0; padding:0; }
.withmenu aside li a { display:block; padding:0.8rem 0; border-bottom:1px solid #2B750C; }
.withmenu aside li.selected { font-weight:bold; }
.news-list { display:flex; margin:0; padding:0; gap:2rem; flex-wrap:wrap; }
.news-list li { display:block; margin:0; padding:0; }
.form-field h3 { margin:0; line-height:1.5rem; height:1.5rem; font-size:1.5rem; }
ul.documents-multilanguage { display:block; columns:3; margin:0; padding:0; }
.documents-multilanguage li { display:block; margin:0.5em 0; padding:0 0 0 32px; background:transparent url('/images/icons/md40/file/file_download.svg') left center no-repeat; background-size:1em; }
#page-gallery { margin:2rem 0; }
#page-gallery ul { display:flex; margin:0; padding:0; flex-direction:column; flex-wrap:wrap; gap:1rem; justify-content:flex-start; align-items:center; }
#page-gallery li { display:block; margin:0; padding:0; width:100%; }
#page-gallery li img { display:block; width:100%; }
#zoom { display:flex; justify-content:center; align-items:center; position:fixed; left:0; right:0; top:0; bottom:0; margin:0; padding:0; background-color:rgba(0,0,0,1); }
#zoom img { max-width:100%; max-height:100%; border:none; }
#zoom.hidden { display:none; }

#dove-lo-butto .form-field, #modalita-raccolta-consegna form .form-field { display:flex; flex-direction:column; gap:0.5rem; }
#dove-lo-butto .form-submit, #modalita-raccolta-consegna form .form-submit { margin:2rem 0 0 0; }
#dove-lo-butto .form-submit button, #modalita-raccolta-consegna .form-submit button, #modalita-raccolta-consegna .form-field input[type=submit] { display:block; width:100%; margin:0; padding:0.2rem 0; height:2.4rem; font-size:1.5rem; text-align:center; border:1px solid #000; border-radius:1.1em; background-color:white; color:black; }

#servizio-rifiuti { padding:3rem 0; color:#FFF; background-color:#2B750C; }
#modalita-raccolta-consegna form { display:flex; gap:4%; margin:3rem 0 0 0; flex-wrap:wrap; }
#modalita-raccolta-consegna form .form-field input { display:block; width:95%; background-color:white; color:black; border:1px solid #000; line-height:2.2rem; border-radius:1.7rem; }

@media screen {
 .sr-only { display:none; }
}

@media screen and (max-width:575px) {
}

@media screen and (min-width:576px) {
}

@media screen and (max-width:767px) {
  .withmenu aside { margin:0.5rem; }
  .news-list li { width:100%; }
}

@media screen and (min-width:768px) {
 .withmenu { display:flex; gap:2rem; flex-direction:row-reverse; }
 .withmenu article { width:75%; width:calc(75% - 2rem); }
 .withmenu aside { width:25%; }
 .news-list li { width:45%; width:calc(50% - 1rem); }
 #page-gallery ul { display:flex; margin:0; padding:0; flex-direction:row; }
 #page-gallery li { width:45%; width:calc(50% - 1rem); }
}

@media screen and (max-width:991px) {
 header h2 { padding-top:0.5rem; width:95%; }
 header h2 img { height:6rem; padding-bottom:10px; }
 #navigation-menu-handler { position:absolute; right:0.5rem; top:0.5rem; display:block; width:3.8em; height:3.8em; padding:0; background:#FFF; color:#222; border:none; }
 #navigation-menu-handler img { display:block; width:100%; height:100%; }
 #navigation-menu { position:absolute; z-index:2; background-color:#FAFAFA; left:0; right:0; top:7rem; line-height:4em; }
 #navigation-menu li { margin:0; padding: 0 1em; border-top:1px solid #2B750C; list-style-type:none; }
 #navigation-menu li a { display:block; padding:0 1em; }
 #navigation-menu #s-nav2 li a { padding:0 1em; }
 #navigation-menu li button { padding:0; border:none; text-transform:uppercase; background-color:#FAFAFA; color:#222; }
 #navigation-menu li button:hover { background-color:#FAFAFA; color:#222; }
 #navigation-path ul { padding:0; width:95%; }
 article, footer nav, footer address { width:95%; }
}

@media screen and (min-width:992px) {
 header { position:relative; padding:1rem 0 0 0; margin:0 auto; }
 header h2 { width:980px; }
 header h2 img { display:block; height:3rem; }
 header #navigation-menu-container { margin-top:-3rem; padding:0 0 0 9rem; border-bottom:3rem solid #EEE; }
 #navigation-menu-handler { display:none; }
 #navigation-menu { position:relative; display:flex; gap:0; justify-content: flex-end; margin:0 auto; font-size:0.8rem; text-transform:uppercase; font-weight:bold; }
 #navigation-menu li { padding:0; }
 #navigation-menu li a { display:block; padding:1rem 1rem; }
 #navigation-menu > li { line-height:1.5rem; }
 #navigation-menu > li.selected { background-color:#EEE; }
 #navigation-menu > li > ul { position:absolute; bottom:-3rem; left:-8rem; right:0; height:3rem; line-height:1.2rem; display:flex; margin:0; padding:0; background-color:#EEE; }
 #navigation-menu li li { white-space:nowrap; }
 .form-flex { display:flex; gap:1rem; }
 #navigation-path ul, .withmenu, .withoutmenu article, footer nav, footer address { width:980px; }
 #pagePicture { display:block; max-width:50%; float:right; padding:0 0 1rem 1rem; }
 footer nav ul { columns:2; }
 #dove-lo-butto .form-field, #dove-lo-butto .form-submit { width:22%; }
 #modalita-raccolta-consegna .form-field { width:30%; }
 #page-gallery li { width:30%; width:calc(32% - 1rem); }
}

@media screen and (min-width:1200px) {
 header h2 { width:1180px; }
 header #navigation-menu-container { padding-left:12rem; border-bottom:3rem solid #EEE; }
 #navigation-menu { font-size:0.9rem; }
 #navigation-menu > li > ul { left:-10rem; }
 #navigation-path ul, .withmenu, .withoutmenu article, footer nav, footer address  { width:1180px; }
 footer nav ul { columns:3; }
 #page-gallery li { width:22%; width:calc(24% - 1rem); }
}

@media screen and (min-width:1400px) {
 #navigation-menu > li > ul { left:-8rem; }
 .news-list li { width:30%; width:calc(32% - 1rem); }
}

@media print {
 .sr-only { display:none; }
 header { display:none; }
 footer { display:none; }
}

/* Blocks */
.block { padding:1.5rem 0; }
.blocktitle { padding:1.5rem 0 0 0; }
.block img { display:block; }
.block > h2:first-child, .block > h3:first-child, .blocktext > h2:first-child, .blocktext > h3:first-child, .blocktitle h2, .blockcontent > h2:first-child, .blockcontent > h3:first-child { margin-top:0; }
.block-standardgray { background-color:#EBEBEB; }
.block-standardgreen { background-color:#E7F5C5; }
figure.blockimage { margin:0; padding:0; }
figure.blockimage figcaption { margin:0; padding:1em 0 0 0; text-align:center; }
.blocktr .blockimage img, .blocktl .blockimage img, .blockimages .blockimage img, .block4images .blockimage img { display:block; width:100%; }
.blocktu .blockimage img, .blocktd .blockimage img { display:block; max-width:100%; }
.blocktext h2:first-child { margin-top:0; }
.block-video iframe { width:100%; height:100%; aspect-ratio:16/9; }
#page-files dt, .block-documents dt { display:block; margin:0 0 1rem 0; padding:0; }
#page-files dd, .block-documents dd { display:block; margin:-1rem 0 1rem 4rem; padding:0;}
#page-files dt a, .block-documents dt a { display:flex; gap:1rem; align-items:center; }
#page-files dt img, .block-documents dt img { display:block; height:2rem; }
#page-files dt span, .block-documents dt span { display:block; }
.blockicon img { display:block; height:4rem; }
figure.blockimage, .blockimage figure { margin:0; padding:0; }
figure.blockimage img, .blockimage figure img { display:block; max-width:100%; margin:0; padding:0; }
.blockimgtext figure.blockimage img, .blockimage figure img { margin:0 auto; }
.blockimgtext .blocktext { text-align:center; }
.blockimgtext .blockicon img { margin:0 auto; }
.blockimgtext .blockcta { margin:1em 0 0 0; line-height:3em; font-size:0.8rem; text-align:center; }
.blockimgtext .blockcta a { border:1px solid #2B750C; background-color:#E8E8E8; text-transform:uppercase; padding:1.25em; font-weight:bold; }
.blockimgtext .blockcta a:hover { background-color:#FFF; }
.blockicontext .subblocks { text-align:center; }
.blockicontext .subblocks img { max-height:10rem; margin:0 auto; }
ul.subblocks { display:block; margin:0; padding:0; }
.subblocks > li { display:block; margin:0; padding:0; }
.fullscreen .block-iconeutilita .blockcontent { width:100%; margin-left:0; margin-right:0;  }
.block-with-subblocks.block-iconeutilita .subblocks.grid { display:flex; gap:1rem; flex-wrap:wrap; justify-content:center; align-items:stretch; padding:0 1rem; }
.block-with-subblocks.block-iconeutilita .subblocks.grid img { height:5rem; }
.block-with-subblocks.block-iconeutilita li { width:10rem; padding:0.5rem; border:1px solid #d1f66c; border-radius:8px; }
.block-with-subblocks.block-iconeutilita li:hover { border-color:#2b750c; transition:border .4s; }
.block-with-subblocks.block-iconeutilita figcaption { margin:0; }
.block-with-subblocks.block-iconeutilita h3 { margin-bottom:0; font-size:1rem; }
.children-list { display:block; margin:0; padding:0; }
.children-list li { display:block; margin:0; padding:0.5rem 0; }
.children-list li h3 { margin:0; padding:0; font-size:1rem; }
.banner-container { padding:1rem 0; }
.banner figure figcaption { display:block; padding:0 1rem; }
.blockpagefiles li { list-style-type:none; margin:0.5em 0; }
.blockpagefiles li a { padding-left:32px; background:left center url('/images/icons/md40/file/file_download.svg') no-repeat; }
.blockservices.block-with-subblocks .subblocks { flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:1rem; }
.blockservice { width:100%; }
.blockservice h2 { color:#FFF; background-color:#2B750C; border-radius:5px; display:flex; padding:0.5rem 1em; gap:2em; align-items:center; }
.blockservice h2 a { color:#FFF; }
.blockservice h2 img { height:2em; }
.blockservice ul { display:block; margin:1em 0; padding:0; }
.blockservice li { display:block; margin:0.5em 0; padding:0 0 0 32px; background:left center url('/images/icons/md40/navigation/arrow_forward.svg') no-repeat; font-weight:bold; }
.bannerimg a { display:block; }
.bannerimg figure { position:relative; }
.bannerimg figure img { max-width:initial; }
.bannerimg figcaption { position:absolute; left:0; top:0; right:0; bottom:0; display:flex; flex-direction:column; justify-content:space-evenly; gap:2rem; text-shadow:1px 1px 1em #888; }
.bannerimg figcaption h2, .bannerimg figcaption p { margin:0 auto; padding:0; text-align:center; }
.bannerimg figcaption h2 { font-size:3rem; }
.bannerimg figcaption p { font-size:1.8rem; }

@media only screen and (min-width:768px) {
  .block { padding:3rem 0; }
  .blocktitle { padding:3rem 0 0 0; margin-bottom:-3rem; }
  .block-with-subblocks .subblocks { display:flex; gap:6%; justify-content:space-around; align-items:center; flex-wrap:wrap; }
  .block-with-subblocks .subblocks.grid { display:grid; grid-template-columns:repeat(2, 1fr); }
  .block-with-subblocks .subblocks.grid.grid-3-cols { grid-template-columns:repeat(3, 1fr); }
  .blockicontext .subblocks { align-items:flex-start; }
}

@media only screen and (min-width:992px) {
  .fullscreen .blockcontent, .fullscreen .blocktitle h2, .area { width:980px; margin-left:auto; margin-right:auto; }
  .blockcols .blockcontent { display:flex; gap:3rem; }
  .blocktr { flex-direction:row-reverse; }
  .blocktl { flex-direction:row; }
  .blocktu { display:flex; flex-direction:column; }
  .blocktd { display:flex; flex-direction:column-reverse; }
  .blocktr .blocktext, .blocktl .blocktext, .blockcols .blocktext { width:50%; }
  .blocktr .blockimage, .blocktl .blockimage, .blockimages .blockimage { width:50%; }
  .blockservice { width:45%; width:calc(50% - 2.1em); }
  .banner { width:100%; }
  .banner figure { display:flex; align-items:center; gap:2rem; margin-left:auto; margin-right:auto; }
  .fullscreen .banner figure { width:980px; }

  .banner figure img { display:block; max-width:280px; }
  .banner figure figcaption h2 { margin:0 0 0.5rem; font-size:2.5rem; }
  .banner figure figcaption p { margin:0; font-size:1.5rem; }
  .bannerimg figure img { max-width:100%; }
}

@media screen and (min-width:1200px) {
  .fullscreen .blockcontent, .fullscreen .blocktitle h2, .area { width:1180px; }
  .fullscreen .banner figure { width:1180px; }
}

@media screen and (min-width:1800px) {
  .block-with-subblocks.block-iconeutilita .subblocks.grid { grid-template-columns:repeat(9, 1fr); }
  .blockservice { width:22%; width:calc(25% - 2.1em); }
  .bannerimg figure img { width:100%; }
}

/* Amministrazione */
#adminBar { display:flex; margin:0; padding:0 1rem; position:absolute; top:0; left:0; right:0; height:2rem; gap:1rem; background-color:#FFF8F8; border:2px solid red; justify-content:space-between; align-items:center; }
#adminBar h4 { margin:0; padding:0; }
#adminBar ul { display:flex; margin:0; padding:0; gap:1rem; justify-content:space-around; align-items:center;  }
#adminBar li { display:block; margin:0; padding:0; }
#adminBar a { color:#00F; }

/* Old SinfoniaLab */
.bg-green-lighter { color:black; background-color:#C2DDAE; }
#raccolta-rifiuti .bg-green-dark { color:white; background-color:#2E7B0D; }
#raccolta-rifiuti .bg-green-dark h2, #raccolta-rifiuti .bg-green-dark p, #raccolta-rifiuti .bg-green-dark li, #raccolta-rifiuti .bg-green-dark a { color:white; }

#raccolta-rifiuti article p, #raccolta-rifiuti article li { line-height:1.87rem; }
#raccolta-rifiuti .space-vertical { padding:8rem 0; }
#raccolta-rifiuti h2 { text-transform:uppercase; font-size:2.6rem; margin-top:0; }
#raccolta-rifiuti p, #raccolta-rifiuti li { color:black; }
#raccolta-rifiuti #raccolta-attrezzature h2 { text-transform:none; color:black; }
#raccolta-attrezzature form { display:flex; gap:4%; margin:3rem 0 0 0; flex-wrap:wrap; }
#raccolta-attrezzature .form-field input { display:block; width:95%; background-color:white; color:black; border:1px solid #000; line-height:2.2rem; border-radius:1.7rem; }
#raccolta-rifiuti .raccolta-differenziata h2 { color:black; }
.raccolta-differenziata ul { display:flex; margin:0; padding:0; gap:2rem 2%; flex-wrap:wrap; align-items:center; }
.raccolta-differenziata li { display:block; width:23.5%; margin:0; padding:0; list-style-type:none; }
.raccolta-differenziata li figure { display:block; height:5em; margin:0; padding:1rem; border:3px solid #FFF; border-radius:2rem; }
.raccolta-differenziata li a { display:flex; width:100%; gap:0.5em; margin:0; padding:0; align-items:center; text-transform:uppercase; color:black; }
.raccolta-differenziata li figure img { display:block; width:5em; height:5em; margin:0; padding:0; }
.raccolta-differenziata li figure span { display:block; margin:0; padding:0; }
#raccolta-residuo { margin:0; }
#raccolta-residuo .blockcontent { background:#DAEACE url('/images/rifiutologo/sacchetto.png') right center no-repeat; background-size:contain; }
#raccolta-ritiro .blockcontent { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; }
#raccolta-ritiro .blockcontent div { width:50%; }
#raccolta-ritiro .blockcontent img { display:block; margin:0; padding:0; width:50%; }
#raccolta-riciclerie ul { margin:3rem 0 0 0; padding:0; display:flex; flex-wrap:wrap; gap:2rem 2%; }
#raccolta-riciclerie li { display:block; width:20%; margin:0; padding:1em; list-style-type:none; border:2px solid #2E7B0D; box-shadow:#2E7B0D 8px 8px 0 3px; border-radius:20px; background-color:white; }
#raccolta-riciclerie li h3 {padding:0; margin:1rem 0 0 0; text-align:center; color:#2E7B0D; font-size:1.6rem; font-weight:normal; }
#raccolta-riciclerie li h3 strong { display:block; margin:1rem 0 1em 0; text-align:center; color:#2E7B0D; text-transform:uppercase; font-size:2.8rem; font-family:Lexend, Arial, sans-serif; font-weight:bold; }
#raccolta-riciclerie ul ul { display:block; margin:0; padding:0; }
#raccolta-riciclerie ul ul li { display:list-item; position:relative; width:auto; margin:1em 0 0 0; padding:0 0 0 30px; border:none; border-radius:0; box-shadow:none; }
#raccolta-riciclerie ul ul li:before { position:absolute; top:0.1em; left:0; content:"-"; }
#raccolta-riciclerie li.ricicleria-indirizzo:before { content:url('/images/rifiutologo/indirizzo.png'); }
#raccolta-riciclerie li.ricicleria-mappa:before { content:url('/images/rifiutologo/posizione.png'); }
#raccolta-riciclerie li.ricicleria-orari:before { content:url('/images/rifiutologo/orari.png'); }
#raccolta-riciclerie-chiusure { padding:3rem 0; }
#raccolta-riciclerie-chiusure .blockcontent { display:flex; flex-wrap:wrap; justify-content:space-between; }
#raccolta-riciclerie-chiusure h3 { margin:0; width:30%; font-size:2rem; text-transform:uppercase; }
#raccolta-riciclerie-chiusure ul { display:block; width:70%; margin:0; padding:0; }
#raccolta-riciclerie-chiusure li { display:inline; margin:0; padding:0; list-style-type:none; }
#raccolta-riciclerie-chiusure li:before { content:"; "; }
#raccolta-riciclerie-chiusure li:first-child:before { content:""; }
#raccolta-riciclerie-cosa h3 { margin:0 0 4rem 0; padding:1em 4rem; font-size:1.6rem; color:black; background-color:#92C027; text-transform:uppercase; }
#raccolta-riciclerie-cosa .blockcontent ul { padding:0 4rem; }
#raccolta-obbligatoria h3 { margin:1rem 0 0 -1rem; font-size:1.6rem; }
#raccolta-obbligatoria p { clear:left; }
#raccolta-obbligatoria-divieti img { display:block; margin:-2rem 0 0 0; padding:0 3rem 0 0; height:14rem; float:left; }
#raccolta-dovebutto .blockcontent { display:flex; flex-wrap:wrap; gap:0; justify-content:space-between; align-items:center; }
#raccolta-dovebutto .blockcontent > div { width:50%; }
#raccolta-dovebutto .blockcontent > div > img { display:block; margin:0 0 0 auto; max-height:20rem; }
#raccolta-rifiuti #raccolta-dovebutto h2 { color:black; text-transform:none; font-family:Lexend, Arial, sans-serif; font-weight:400; }
#raccolta-rifiuti #raccolta-dovebutto h2 strong { display:block; font-family:Lexend, Arial, sans-serif; font-weight:bold; }
#raccolta-rifiuti #raccolta-dovebutto p { line-height:1.4em; font-size:2.6rem; }
#raccolta-rifiuti #raccolta-dovebutto p a { display:block; width:11em; margin:0 auto 0 0; line-height:2.4em; text-align:center; border-radius:1.1em; box-shadow:rgba(0,0,0,0.15) 0 3px 2px 3px; color:black; background-color:white; font-size:1.4rem; font-weight:bold; }

@media only screen and (max-width:749px) {
 .raccolta-differenziata li { width:95%; }
 #raccolta-residuo .blockcontent { background-image:none; }
 #raccolta-riciclerie li { width:auto; }
 #raccolta-ritiro .blockcontent div { width:auto; }
 #raccolta-riciclerie-chiusure h3 { width:auto; }
 #raccolta-riciclerie-chiusure ul { width:auto; }
 #raccolta-obbligatoria-divieti img { display:none; }
 #raccolta-obbligatoria h3 { margin:1rem 0 0 0; }
 #raccolta-dovebutto .blockcontent > div { width:auto; }
}

@media only screen and (max-width:1279px) and (min-width:750px) {
 .raccolta-differenziata li { width:43.5%; }
 #raccolta-riciclerie li { width:40%; }
}

@media only screen and (max-width:1439px) and (min-width:1280px) {
}

@media only screen and (min-width:750px) {
}


#rifiutologo article p, #rifiutologo article li { line-height:1.7rem; }
#rifiutologo .space-vertical { padding:8rem 0; }
#rifiutologo h2 { text-transform:uppercase; font-size:2.6rem; margin-top:0; }
#rifiutologo p { color:black; }
#dove-lo-butto .form-field h3, #modalita-raccolta-consegna .form-field h3 { font-size:1.2rem; padding-left:1rem;  }
.area > h2 { margin-top:0; }
#rifiutologo .rifiutologo-banner .blockcontent { display:flex; flex-wrap:wrap; gap:0; justify-content:space-between; align-items:center; }
#rifiutologo .rifiutologo-banner .blockcontent > div { width:50%; }
#rifiutologo .rifiutologo-banner .blockcontent > div > img { display:block; margin:0 0 0 auto; }
#rifiutologo .rifiutologo-banner h2 { margin-top:0; color:black; font-size:5rem; }
#rifiutologo .rifiutologo-banner p { font-size:2rem; }
#rifiutologo .rifiutologo-banner p a { color:black; text-decoration:underline; }
#rifiutologo #rifiutologo-introduzione h2 { line-height:1.4em; text-transform:none; color:black; }
#rifiutologo #rifiutologo-introduzione span { display:block; color:#018C39; }
#rifiutologo #rifiutologo-introduzione p { margin:3rem 0 0 0; line-height:1.4em; font-size:2.6rem; }
#rifiutologo-dovelobutto h2 { font-size:2.3rem; color:black; margin-bottom:0.5em; }
#dove-lo-butto, #modalita-raccolta-consegna { display:flex; gap:4%; margin:3rem 0 0 0; flex-wrap:wrap; }
#dove-lo-butto .form-field input, #modalita-raccolta-consegna .form-field input { display:block; width:95%; background-color:white; color:black; border:1px solid #000; line-height:2.2rem; border-radius:1.7rem; padding:0.2em 1rem; }
#rifiutologo-differenziamo h2 { color:#018C39; text-align:center; margin-bottom:0; }
#rifiutologo-differenziamo p { text-align:center; }
#rifiutologo-differenziamo-tab { display:flex; margin:6rem 0 3rem 0; padding:0; gap:1rem; justify-content:center; }
#rifiutologo-differenziamo-tab input { display:none; }
#rifiutologo-differenziamo-tab h4 { margin:0; text-align:center; font-size:1.85rem; color:black; }
#rifiutologo-differenziamo-tab h4 button { display:block; line-height:2.2em; height:2.2em; width:13em; margin:0; font-size:1.85rem; color:black; background-color:white; border:2px solid #018C39; border-radius:1.5em; }
#rifiutologo-differenziamo-tab h4 button[aria-expanded=true] { background-color:#018C39; color:white; }

#rifiutologo-differenziamo ul { margin:0 0 3rem 0; padding:0; display:flex; flex-wrap:wrap; gap:2rem 5%; }
#rifiutologo-differenziamo ul.hidden { display:none; }
#rifiutologo-differenziamo li { display:block; width:30%; margin:0; padding:0; list-style-type:none; }
#rifiutologo-differenziamo li figure { display:block; margin:0; padding:0; border:2px solid #C2DDAE; border-bottom:none; border-radius:20px; }
#rifiutologo-differenziamo li figure img { display:block; height:210px; border-radius:20px 20px 0 0; }
#rifiutologo-differenziamo li figcaption { display:block; min-height:8.4rem; margin:0; padding:3rem; color:black; background-color:#C2DDAE; font-size:1.2rem; border-radius:0 0 20px 20px; }

#rifiutologo .bx-wrapper { border:none; box-shadow:none; margin-bottom:0; }
#rifiutologo .bx-wrapper .bx-pager { bottom:30px; }
#rifiutologo .bx-wrapper .bx-pager.bx-default-pager a { width:30px; height:30px; border-radius:15px; }

#rifiutologo-importante h2 { color:#2E7B0D; }
.rifiutologo-importante ul { margin:3rem 0 0 0; padding:0; display:flex; flex-wrap:wrap; gap:4%; }
.rifiutologo-importante li { display:block; width:22%; margin:0 0 3rem 0; padding:0; list-style-type:none; text-align:center; }
.rifiutologo-importante li figure { display:block; margin:0; padding:0; border:2px solid #509E2F; box-shadow:#509E2F 8px 8px 0 3px; border-radius:20px; background-color:white; }
.rifiutologo-importante li figure img { display:block; margin:1rem auto; height:100px; }
.rifiutologo-importante li figcaption { display:block; min-height:13.4rem; margin:0; padding:0 3rem 3rem 3rem; font-size:1rem; }
.rifiutologo-importante li figcaption h4 { margin:0; font-size:2.3rem; color:#2E7B0D; }

#rifiutologo-intruso .blockcontent { display:flex; flex-wrap:wrap; gap:0; justify-content:space-between; align-items:center; }
#rifiutologo-intruso .blockcontent > div { width:50%; }
#rifiutologo-intruso .blockcontent > div > img { display:block; margin:0 0 0 auto; max-height:20rem; }
#rifiutologo #rifiutologo-intruso h2 { color:black; }
#rifiutologo #rifiutologo-intruso p { line-height:1.4em; font-size:2.6rem; }
#rifiutologo #rifiutologo-intruso p a { display:block; width:11em; margin:0 auto 0 0; line-height:2.4em; text-align:center; border-radius:1.1em; box-shadow:rgba(0,0,0,0.15) 0 3px 2px 3px; color:black; background-color:white; font-size:1.4rem; }

#rifiutologo-output { display:grid; grid:auto auto / auto 240px; align-items:center; }
#rifiutologo-risultato { margin:1rem 0; padding:2rem; color:black; background-color:#FFE588; }
#rifiutologo-risultato h2 { margin:0; font-size:1.6rem; text-transform:none; }
#rifiutologo-risultato p { margin:0.5em 0 0 0; }
#rifiutologo-risultato a { color:#018C39; }
#rifiutologo-mappa { height:400px; }
#rifiutologo-output > img { display:block; margin:0 0 0 2rem; padding:0; grid-column:2 / span 1; grid-row:1 / span 2; }

@media only screen and (max-width:749px) {
 #rifiutologo .space-vertical { padding:2rem 0; }
 #rifiutologo .rifiutologo-banner .blockcontent > div { width:100%; }
 #rifiutologo .rifiutologo-banner h2 { font-size:2rem; }
 #rifiutologo-differenziamo-tab h4 { font-size:1rem; }
 #rifiutologo-differenziamo li { width:100%; }
 .rifiutologo-importante li { width:95%; }
 #rifiutologo-intruso .blockcontent > div { width:100%; }
 .form-field, .form-submit { width:95%; margin-bottom:1rem; }
 #rifiutologo-output { display:block; }
 #rifiutologo-output > img { display:block; margin:2rem auto 0 auto; }
}

@media only screen and (max-width:1279px) and (min-width:750px) {
 #rifiutologo-differenziamo li { width:46%; }
 .rifiutologo-importante li { width:45%; }
 .rifiutologo-importante li figcaption { min-height:7.4rem; }
}

@media only screen and (max-width:1439px) and (min-width:1280px) {
 .rifiutologo-importante li figcaption { padding:0 1rem 1rem 1rem; }
}

@media only screen and (min-width:750px) {
}