/* ==========================================================================
   Studio Zermoglio - Cassiopeia Child Template CSS
   Clean stylesheet: Cassiopeia + Bootstrap + custom (.sz-*)
   No SP Page Builder / no Helix / no builder classes
   ========================================================================== */

:root{
  --zerm-primary:#8cc63f;
  --zerm-primary-dark:#78ad33;
  --zerm-secondary:#1f425d;
  --secondcolor:#1f425d;
  --zerm-text:#4a4a4a;
  --zerm-heading:#2f2f2f;
  --zerm-muted:#777777;
  --zerm-soft-bg:#f3f3f3;
  --zerm-border:#e7e7e7;
  --zerm-footer-bg:#1f425d;
  --zerm-footer-text:rgba(255,255,255,.92);
  --zerm-content-max:980px;

  --cassiopeia-color-primary:var(--zerm-primary);
  --cassiopeia-color-link:var(--zerm-primary);
}

.container-header .grid-child{
  padding:0 !important;
}

/* allinea contenuto con topbar e footer */
.container.my-4{
  padding-left:0 !important;
  padding-right:0 !important;
}

.container.my-4 .row{
  --bs-gutter-x:0 !important;
}

html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
}

/* contenuto principale */
main,
.container-main,
.site-grid {
  flex: 1 0 auto;
}

/* footer */
.sz-footer {
  flex-shrink: 0;
}

/* =========================================================
   CASSIOPEIA STRUCTURE FIX
   ========================================================= */

.grid-child{
  display:block !important;
  max-width:none !important;
}

.container-main,
.container-component,
main,
main .component-content,
.site-grid,
.site-grid > .grid-child,
.site-grid .container-component{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
  row-gap:0 !important;
  gap:0 !important;
}

/* disable default Cassiopeia footer wrapper */
.footer,
footer.footer,
.container-footer{
  color:inherit !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  margin-top:0 !important;
  padding:0 !important;
  min-height:0 !important;
  border:0 !important;
  box-shadow:none !important;
}

/* =========================================================
   BASE
   ========================================================= */

body{
  font-family:"Roboto",sans-serif;
  font-size:18px;
  font-weight:400;
  line-height:28px;
  color:#666;
}

p{
  margin-bottom:1.35rem;
}

strong,
b{
  font-weight:700;
}

a{
  color:var(--zerm-primary);
  text-decoration:none;
}

a:hover,
a:focus{
  color:var(--zerm-primary-dark);
  text-decoration:underline;
}

/* =========================================================
   TOPBAR
   ========================================================= */

.sz-topbar{
  width:100% !important;
  background:#000 !important;
  background-color:#000 !important;
  background-image:none !important;
  color:#fff !important;
  padding:.55rem 0 !important;
  border:0 !important;
  box-shadow:none !important;
  font-size:.95rem;
  line-height:1.25;
}

.sz-topbar .container,
.sz-topbar .container-fluid{
  display:block !important;
}

.sz-topbar .row{
  display:flex !important;
  align-items:center !important;
}

.sz-topbar,
.sz-topbar *,
.sz-topbar a,
.sz-topbar a:link,
.sz-topbar a:visited,
.sz-topbar__phone,
.sz-topbar__phone:link,
.sz-topbar__phone:visited,
.sz-topbar__hours{
  color:#fff !important;
}

.sz-topbar__phone,
.sz-topbar__hours{
  font-weight:700 !important;
}

.sz-topbar__phone{
  text-decoration:none !important;
}

.sz-topbar__phone:hover,
.sz-topbar__phone:focus{
  color:#fff !important;
  text-decoration:underline !important;
}

@media (min-width:768px){
  .sz-topbar__hours{
    text-align:right !important;
  }
}

@media (max-width:767.98px){
  .sz-topbar,
  .sz-topbar .container,
  .sz-topbar .container-fluid{
    text-align:center !important;
  }

  .sz-topbar .row{
    justify-content:center !important;
    text-align:center !important;
  }

  .sz-topbar [class*="col-"]{
    text-align:center !important;
  }

  .sz-topbar__phone,
  .sz-topbar__hours{
    display:block !important;
    width:100% !important;
    text-align:center !important;
  }
}


/* =========================================================
   TITLES
   ========================================================= */

.page-header h1,
.com-content-article__title,
h1{
  font-size:clamp(2rem,1.4rem + 1.7vw,3rem) !important;
  font-weight:700 !important;
  color:var(--zerm-heading) !important;
  margin-bottom:.9rem !important;
}

h1,
h2,
h3,
h4,
h5,
h6{
  font-family:"Poppins", sans-serif !important;
  margin:0 !important;
  margin-bottom:15px !important;
  font-weight:700 !important;
  color:var(--secondcolor) !important;
  line-height:145% !important;
}

h2{
  font-size:clamp(1.45rem,1.15rem + .7vw,2rem) !important;
  margin:1.7rem 0 .7rem !important;
}

h3{
  font-size:clamp(1.2rem,1rem + .45vw,1.55rem) !important;
  margin:1.3rem 0 .5rem !important;
}

/* =========================================================
   CONTENT
   ========================================================= */

main .component-content{
  padding-top:1.25rem;
  padding-bottom:0 !important;
}

/* usa il container Bootstrap esterno per allineare contenuto, topbar e footer */
.page-content{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  margin-bottom:0 !important;
  font-size:1.05rem;
  line-height:1.9;
}

.page-content > *:last-child{
  margin-bottom:0 !important;
}

/* evita ulteriori strette dei wrapper articolo di Joomla */
.item-page,
.com-content-article,
.com-content-article__body{
  max-width:none !important;
}

/* =========================================================
   BREADCRUMB
   ========================================================= */

.page-content .breadcrumb{
  background:var(--zerm-soft-bg);
  border:1px solid var(--zerm-border);
  padding:.65rem 1rem;
  margin-bottom:1.6rem;
}

.breadcrumb-item{
  font-weight:600;
}

.breadcrumb-item a{
  color:var(--zerm-muted);
}

.breadcrumb-item.active{
  color:var(--zerm-heading);
  font-weight:700;
}

/* =========================================================
   FOOTER
   ========================================================= */

.footer .grid-child{
  padding:0 !important;
  margin:0 !important;
  justify-content:initial !important;
  align-items:initial !important;
}

.container-footer{
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

.sz-footer{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:3rem 0 2rem !important;
  background:#1f425d !important;
  background-color:#1f425d !important;
  background-image:none !important;
  color:var(--zerm-footer-text) !important;
  border:0 !important;
  box-shadow:none !important;
}

.sz-footer::before,
.sz-footer::after{
  display:none !important;
  content:none !important;
}

.sz-footer .container,
.sz-footer .container-fluid,
.sz-footer .row,
.sz-footer [class*="col-"]{
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

.sz-footer{
  color:var(--zerm-footer-text) !important;
}

.sz-footer__text,
.sz-footer__copy,
.sz-footer__agency{
  color:var(--zerm-footer-text) !important;
}

.sz-footer a,
.sz-footer a:link,
.sz-footer a:visited{
  color:inherit !important;
  text-decoration:none !important;
}

.sz-footer a:hover,
.sz-footer a:focus{
  text-decoration:underline !important;
}

.sz-footer__top{
  align-items:flex-start;
  margin-bottom:1rem;
}

.sz-footer__tooth{
  width:64px;
  height:auto;
  display:block;
  margin:0;
}

.sz-footer__lead{
  color:#7bc05b !important;
  font-weight:700;
  font-size:clamp(1.1rem,.9rem + .55vw,1.35rem);
  line-height:1.65;
  margin:0;
}

.sz-footer__bottom{
  align-items:center;
}

.sz-footer__copy{
  color:#ffffff !important;
  font-weight:700;
  font-size:1rem;
  line-height:1.45;
  margin:0;
  text-align:left;
}

.sz-footer__agency{
  color:rgba(255,255,255,.72) !important;
  font-weight:700;
  font-size:1rem;
  line-height:1.45;
  margin:0;
  text-align:right;
}

@media (max-width:991.98px){
  .sz-footer{
    padding:2.5rem 0 1.8rem !important;
  }

  .sz-footer__top{
    margin-bottom:.8rem;
  }

  .sz-footer__agency{
    text-align:left;
    margin-top:.35rem;
  }
}

@media (max-width:767.98px){
  .sz-footer__tooth{
    width:56px;
    margin-bottom:.25rem;
  }

  .sz-footer__lead{
    font-size:1rem;
    line-height:1.7;
  }

  .sz-footer__copy,
  .sz-footer__agency{
    text-align:left;
  }
}

/* Footer icona sempre a dx abbracciata dal testo*/
.sz-footer__intro{
  display:flex;
  align-items:flex-start;
  gap:20px;
  flex-wrap:nowrap;
}

.sz-footer__intro .sz-footer__tooth{
  flex:0 0 auto;
}

.sz-footer__intro .sz-footer__intro-text{
  flex:1 1 auto;
  min-width:0;
  margin:0;
}

.sz-footer__leadwrap{
  line-height: 1.7;
}

.sz-footer__leadwrap .sz-footer__tooth{
  float: left;
  width: 55px;
  height: auto;
  margin: 4px 18px 8px 0;
}

.sz-footer__leadwrap::after{
  content: "";
  display: block;
  clear: both;
}
@media (max-width: 767.98px){
  .sz-footer__leadwrap .sz-footer__tooth{
    width: 65px;
    margin: 4px 14px 6px 0;
  }
}

@media (max-width: 767.98px){

  .sz-footer__bottom {
    text-align: center;
  }

  .sz-footer__bottom .col-12 {
    display: flex;
    justify-content: center;
  }

}
/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width:768px){
  .page-content{
    font-size:1rem;
    line-height:1.8;
  }
}

/* ===========================================
   HOME
   ============================================ */

.sz-services-viewport .sz-service__title{
  color:#7bc05b !important;
}

/* =========================================================
   HEADER ZERMOGLIO
   topbar sopra, logo a sx, menu a dx
   il menu va sotto SOLO nello stesso breakpoint
   in cui logo e topbar si centrano
   ========================================================= */

.container-header,
.container-header .grid-child,
.container-header .navbar,
.container-header .navbar-brand,
.container-header .container-nav,
.container-header .header-brand-wrap{
  background:#fff !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;
}

.container-header .container-below-top{
  padding:0 !important;
}

.container-header > .grid-child:not(.container-below-top){
  max-width:1320px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  width:100% !important;
  padding-left:12px !important;
  padding-right:12px !important;
}

.container-header .header-brand-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:2rem !important;
  width:100% !important;
  padding:.75rem 0 !important;
}

.container-header .container-brand{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-width:0 !important;
}

.container-header .navbar-brand{
  display:flex !important;
  align-items:center !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
}

.container-header .brand-logo{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
}

.container-header .brand-logo img,
.container-header .navbar-brand img{
  display:block !important;
  max-height:68px !important;
  width:auto !important;
  height:auto !important;
}

.container-header .container-nav{
  flex:1 1 auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  justify-content:flex-end !important;
  overflow:visible !important;
}

.container-header .container-nav .menu{
  width:100% !important;
}

.container-header .container-nav .navbar,
.container-header .container-nav .navbar-collapse{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}

.container-header .container-nav .mod-menu,
.container-header .mod-menu,
.container-header .mod-menu.mod-list,
.container-header .metismenu.mod-menu,
.container-header ul.mod-menu,
.container-header ul.metismenu{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:nowrap !important;
  gap:1.5rem !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

.container-header .container-nav .mod-menu > li,
.container-header .mod-menu > li,
.container-header .metismenu > li,
.container-header ul.mod-menu > li,
.container-header ul.metismenu > li{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  white-space:nowrap !important;
  flex:0 0 auto !important;
}

.container-header .container-nav .mod-menu > li > a,
.container-header .container-nav .mod-menu > li > span,
.container-header .container-nav .mod-menu > li > button,
.container-header .mod-menu > li > a,
.container-header .metismenu > li > a,
.container-header ul.mod-menu > li > a,
.container-header ul.metismenu > li > a{
  display:inline-flex !important;
  align-items:center !important;
  color:#666 !important;
  font-weight:700 !important;
  font-size:1rem !important;
  line-height:1.2 !important;
  text-decoration:none !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:.85rem 0 !important;
  white-space:nowrap !important;
}

.container-header .container-nav .mod-menu > li:hover > a,
.container-header .container-nav .mod-menu > li:hover > span,
.container-header .container-nav .mod-menu > li:hover > button,
.container-header .container-nav .mod-menu > li.active > a,
.container-header .container-nav .mod-menu > li.current > a,
.container-header .container-nav .mod-menu > li.active > span,
.container-header .container-nav .mod-menu > li.current > span,
.container-header .container-nav .mod-menu > li.active > button,
.container-header .container-nav .mod-menu > li.current > button{
  color:var(--zerm-primary) !important;
}

.container-header .mm-toggler,
.container-header .metismenu-toggler,
.container-header .dropdown-toggle::after,
.container-header .mod-menu .caret,
.container-header .metismenu .caret,
.container-header .mod-menu .nav-header .icon-chevron-down,
.container-header .metismenu .nav-header .icon-chevron-down{
  display:none !important;
}

/* sottomenù desktop/tablet */
.container-header .mm-collapse:not(.mm-show),
.container-header .submenu:not(.show){
  display:none !important;
}

.container-header .container-nav .mod-menu li ul,
.container-header .container-nav .mod-menu li .mm-collapse,
.container-header .mod-menu .mm-collapse,
.container-header .metismenu .mm-collapse,
.container-header .mod-menu .submenu,
.container-header .metismenu .submenu{
  position:absolute;
  top:calc(100% + .2rem);
  left:0;
  min-width:220px;
  white-space:normal;
  z-index:9999;
  background:var(--zerm-primary) !important;
  border:0 !important;
  box-shadow:none !important;
}

.container-header .container-nav .mod-menu li ul li > a,
.container-header .container-nav .mod-menu li ul li > span{
  color:#fff !important;
  font-weight:700 !important;
  text-decoration:none !important;
}

.container-header .container-nav .mod-menu li ul li:hover > a,
.container-header .container-nav .mod-menu li ul li:hover > span{
  color:#eaf8df !important;
  background:rgba(255,255,255,.12) !important;
}

.container-header .container-nav .mod-menu li ul li.active > a,
.container-header .container-nav .mod-menu li ul li.current > a{
 /* color:var(--zerm-primary) !important;
  background:#fff !important;*/
	
	color:var(--zerm-secondary) !important;
  background:var(--zerm-primary) !important;
}

.container-header .container-nav .mod-menu > li:hover > ul,
.container-header .container-nav .mod-menu > li:hover > .mm-collapse,
.container-header .container-nav .mod-menu > li:hover > .submenu,
.container-header .container-nav .mod-menu > li:focus-within > ul,
.container-header .container-nav .mod-menu > li:focus-within > .mm-collapse,
.container-header .container-nav .mod-menu > li:focus-within > .submenu,
.container-header .mod-menu > li:hover > ul,
.container-header .mod-menu > li:hover > .mm-collapse,
.container-header .mod-menu > li:hover > .submenu,
.container-header .mod-menu > li:focus-within > ul,
.container-header .mod-menu > li:focus-within > .mm-collapse,
.container-header .mod-menu > li:focus-within > .submenu,
.container-header .metismenu > li:hover > ul,
.container-header .metismenu > li:hover > .mm-collapse,
.container-header .metismenu > li:hover > .submenu,
.container-header .metismenu > li:focus-within > ul,
.container-header .metismenu > li:focus-within > .mm-collapse,
.container-header .metismenu > li:focus-within > .submenu{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

.container-header .container-nav .mod-menu > li > ul,
.container-header .container-nav .mod-menu > li > .mm-collapse,
.container-header .container-nav .mod-menu > li > .submenu,
.container-header .mod-menu > li > ul,
.container-header .mod-menu > li > .mm-collapse,
.container-header .mod-menu > li > .submenu,
.container-header .metismenu > li > ul,
.container-header .metismenu > li > .mm-collapse,
.container-header .metismenu > li > .submenu{
  transition:opacity .18s ease, visibility .18s ease;
}

/* =========================================================
   TABLET / MEDIO PICCOLO
   resta tutto in riga finché si arriva al mobile vero
   ========================================================= */
@media (max-width:991.98px){
  .container-header{
    overflow:visible !important;
  }

  .container-header > .grid-child:not(.container-below-top){
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .container-header .header-brand-wrap{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:1rem !important;
    flex-wrap:nowrap !important;
  }

  .container-header .navbar-brand,
  .container-header .brand-logo,
  .container-header .navbar-brand img{
    max-height:61px !important;
    width:auto !important;
  }

  /* niente hamburger */
  .container-header .navbar-toggler,
  .container-header .navbar-burger,
  .container-header .navbar-collapse-toggler,
  .container-header button[aria-controls="navbarSupportedContent"]{
    display:none !important;
  }

  .container-header .container-nav{
    flex:1 1 auto !important;
    min-width:0 !important;
    margin-top:0 !important;
    justify-content:flex-end !important;
    white-space:normal !important;
  }

  .container-header .container-nav .navbar-collapse{
    display:flex !important;
    justify-content:flex-end !important;
  }

  .container-header .mod-menu,
  .container-header .mod-menu.mod-list,
  .container-header .metismenu.mod-menu,
  .container-header ul.mod-menu,
  .container-header ul.metismenu{
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:flex-end !important;
    width:auto !important;
    margin:0 0 0 auto !important;
    gap:.85rem !important;
  }

  .container-header .mod-menu > li > a,
  .container-header .metismenu > li > a,
  .container-header ul.mod-menu > li > a,
  .container-header ul.metismenu > li > a{
    font-size:.9rem !important;
    line-height:1.15 !important;
    padding:.3rem 0 !important;
  }
}

/* =========================================================
   MOBILE VERO
   qui si centrano topbar + logo
   e QUI il menu va sotto
   ========================================================= */
@media (max-width:767.98px){
  .container-header{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    row-gap:.45rem !important;
  }

  .container-header .header-brand-wrap{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    gap:.65rem !important;
  }

  .container-header .container-brand,
  .container-header .navbar-brand,
  .container-header .brand-logo{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
  }

  .container-header .brand-logo img,
  .container-header .navbar-brand img{
    display:block !important;
    margin-left:auto !important;
    margin-right:auto !important;
    max-height:52px !important;
  }

  .container-header .container-nav{
    flex:1 0 100% !important;
    width:100% !important;
    justify-content:center !important;
    margin-top:0 !important;
  }

  .container-header .container-nav .navbar,
  .container-header .container-nav .navbar-collapse{
    justify-content:center !important;
    display:flex !important;
    width:100% !important;
  }

  .container-header .mod-menu,
  .container-header .mod-menu.mod-list,
  .container-header .metismenu.mod-menu,
  .container-header ul.mod-menu,
  .container-header ul.metismenu{
    justify-content:center !important;
    flex-wrap:wrap !important;
    width:100% !important;
    margin:0 auto !important;
    gap:.7rem 0.8rem !important; /* spazio tra voci menu mobile*/
  }

  .container-header .mod-menu > li > a,
  .container-header .metismenu > li > a,
  .container-header ul.mod-menu > li > a,
  .container-header ul.metismenu > li > a{
    font-size:.76rem !important; /*dimensione testo voce menu mobile*/
  }

  .container-header .mod-menu .mm-collapse,
  .container-header .metismenu .mm-collapse,
  .container-header .mod-menu .submenu,
  .container-header .metismenu .submenu{
    left:50% !important;
    transform:translateX(-50%) !important;
    min-width:210px !important;
    max-width:min(90vw,260px) !important;
  }
}

/* =========================================================
   PAGINA AMBIENTE + GALLERY
   ========================================================= */

.content-page--ambiente-treviso{
  display:block;
}

.content-page--ambiente-treviso img{
  max-width:100%;
  height:auto;
}

.content-page--ambiente-treviso .content-member{
  border-bottom:1px solid rgba(0,0,0,.08);
}

.content-page--ambiente-treviso .content-member:last-child{
  border-bottom:0;
}

.content-page--ambiente-treviso .content-member__media{
  text-align:center;
}

.content-page--ambiente-treviso .content-member__media img{
  width:100%;
  max-width:420px;
  object-fit:contain;
}

.content-page--ambiente-treviso .content-member__media img.content-ratio-portrait{
  max-width:360px;
}

.content-page--ambiente-treviso .content-gallery img,
.content-page--ambiente-treviso .content-gallery-split__main img,
.content-page--ambiente-treviso .content-gallery-split__thumbs img,
.content-page--ambiente-treviso .content-gallery-carousel__main img,
.content-page--ambiente-treviso .content-gallery-carousel__thumbs img{
  display:block;
  width:100%;
  height:auto;
}

.content-page--ambiente-treviso .content-gallery__item,
.content-page--ambiente-treviso .content-gallery-split__thumbs .content-gallery__item{
  overflow:hidden;
}

.content-page--ambiente-treviso .content-gallery__caption{
  margin-top:.5rem;
}

.content-page--ambiente-treviso .content-gallery-carousel{
  width:100%;
  margin-top:0;
}

.content-page--ambiente-treviso .content-gallery-carousel__main{
  margin-bottom:1rem;
}

.content-page--ambiente-treviso .content-gallery-carousel__thumb{
  cursor:pointer;
}

.content-page--ambiente-treviso .content-gallery-carousel__dots{
  display:flex;
  justify-content:center;
  gap:.65rem;
  margin-top:.85rem;
}

.content-page--ambiente-treviso .content-gallery-carousel__dot{
  display:inline-block;
  width:24px;
  height:3px;
  background:rgba(0,0,0,.35);
  border-radius:999px;
  cursor:pointer;
}

.content-page--ambiente-treviso .content-gallery-carousel__dot.is-active{
  background:#0d6efd;
}

.content-page--ambiente-treviso h1,
.content-page--ambiente-treviso h2,
.content-page--ambiente-treviso h3,
.content-page--ambiente-treviso h4,
.content-page--ambiente-treviso h5,
.content-page--ambiente-treviso h6{
  margin-bottom:.5rem;
}

.content-page--ambiente-treviso p:last-child{
  margin-bottom:0;
}

.content-page--ambiente-treviso .sz-ambiente-gallery{
  width:100%;
}

.content-page--ambiente-treviso .sz-ambiente-gallery .content-gallery-carousel{
  width:100%;
  max-width:100%;
}

.content-page--ambiente-treviso .sz-ambiente-gallery img{
  display:block;
  max-width:100%;
  height:auto;
}

@media (min-width:992px){
  .content-page--ambiente-treviso .sz-ambiente-gallery{
    padding-left:1.25rem;
  }
}

/* =========================================================
   OVERRIDE FINALE - nasconde tutti gli indicatori submenu
   ========================================================= */
.container-header .mod-menu li.parent > a::after,
.container-header .mod-menu li.deeper > a::after,
.container-header .metismenu li.parent > a::after,
.container-header .metismenu li.deeper > a::after,
.container-header .mod-menu .dropdown-toggle::after,
.container-header .metismenu .dropdown-toggle::after,
.container-header .mod-menu .nav-header::after,
.container-header .metismenu .nav-header::after,
.container-header .mod-menu .submenu-button,
.container-header .metismenu .submenu-button,
.container-header .mod-menu .caret,
.container-header .metismenu .caret,
.container-header .mod-menu .mm-toggler,
.container-header .metismenu .mm-toggler,
.container-header .mod-menu .metismenu-toggler,
.container-header .metismenu .metismenu-toggler,
.container-header .mod-menu .icon-chevron-down,
.container-header .metismenu .icon-chevron-down,
.container-header .mod-menu .icon-angle-down,
.container-header .metismenu .icon-angle-down,
.container-header .mod-menu svg.caret,
.container-header .metismenu svg.caret,
.container-header .mod-menu .dropdown-toggle > svg,
.container-header .metismenu .dropdown-toggle > svg{
  display:none !important;
  content:none !important;
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
}

/*Staff medico testo abbraccia immagine*/

.sz-team-wrap .sz-team-wrap__img{
  float:left;
  width:360px;
  max-width:42%;
  height:auto;
  margin:6px 22px 14px 0;
}

.sz-team-wrap .addon-root-text-block::after{
  content:"";
  display:block;
  clear:both;
}

@media (max-width:767.98px){
  .sz-team-wrap .sz-team-wrap__img{
    width:190px;
    max-width:46%;
    margin:6px 14px 10px 0;
  }
}

/*======================================*/
/* css Modulo richiesta | Info Responsive | a scomparsa*/
/*======================================*/
/* Barra e pannello */
/* ===== Modulo Richiesta Contatti - layout 2 colonne (non tutto in riga) ===== */
/* ===== Modulo Richiesta Contatti - BLOCCO PULITO DEFINITIVO ===== */

/* wrapper per centrare e limitare larghezza */
/*.mod-richiesta-contatti.mrc{
  max-width: 1300px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}*/

.mod-richiesta-contatti.mrc {
    max-width: 1300px !important;
    margin: 30px auto 0  !important;
    padding: 0 !important;
}
/* SOLO barra rossa (colore template) */
.mod-richiesta-contatti.mrc .mrc-bar{
/*background: var(--secondcolor) !important;   /* blu*/
background: var(--zerm-primary) !important;   /*verde*/
  padding: 3.5px !important;
  border-radius: 6px !important;
  margin: 20px !important !important;
}

/* summary details: rimuove marker */
.mod-richiesta-contatti.mrc .mrc-details > summary{
  list-style: none !important;
}
.mod-richiesta-contatti.mrc .mrc-details > summary::marker{
  content: "" !important;
}
.mod-richiesta-contatti.mrc .mrc-details > summary::-webkit-details-marker{
  display: none !important;
}

/* barra: telefono sx, bottone dx */
.mod-richiesta-contatti.mrc .mrc-bar__inner{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}

/* bottoni barra (reset locale per evitare “spogliamento” del template) */
.mod-richiesta-contatti.mrc .mrc-phone,
.mod-richiesta-contatti.mrc .mrc-toggle{
  all: unset;
  box-sizing: border-box;
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:10px 14px !important;
  border-radius:6px !important;
  font-weight:800 !important;
  color:#333 !important;
  cursor:pointer !important;
  user-select:none !important;
}
.mod-richiesta-contatti.mrc .mrc-phone{
  background:#cfcfcf !important;
  text-decoration:none !important;
	    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.mod-richiesta-contatti.mrc .mrc-toggle{
  background:#e1e1e1 !important;
  margin-left:auto !important;
  text-transform:uppercase !important;
		    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.mod-richiesta-contatti.mrc .mrc-ico{
  width:18px !important;
  display:inline-flex !important;
  justify-content:center !important;
}

/* pannello grigio */
.mod-richiesta-contatti.mrc .mrc-panel{
  background:#e9ecef !important;
  padding:18px 12px 22px !important;
  border-radius: 0 0 6px 6px !important;
}

/* layout: 2 colonne desktop, 1 col mobile */
.mod-richiesta-contatti.mrc .row{
  display:flex !important;
  flex-wrap:wrap !important;
  margin:0 !important;
}
.mod-richiesta-contatti.mrc .col-lg-6{
  flex: 0 0 50% !important;
  max-width: 50% !important;
  padding: 0 12px !important;
  box-sizing:border-box !important;
}
@media (max-width: 991px){
  .mod-richiesta-contatti.mrc .col-lg-6{
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* label + campi */
.mod-richiesta-contatti.mrc .form-label{
  display:block !important;
  margin: 0 0 6px !important;
  font-weight:700 !important;
  color:#555 !important;
}
.mod-richiesta-contatti.mrc .form-control{
  width:100% !important;
  max-width:100% !important;
  display:block !important;
  box-sizing:border-box !important;
  background:#fff !important;
  border:1px solid #ddd !important;
  border-radius:4px !important;
  padding:10px 12px !important;
}
.mod-richiesta-contatti.mrc textarea.form-control{
  min-height: 120px !important;
}

/* colonna destra */
.mod-richiesta-contatti.mrc .mrc-side__title{
  text-align:center !important;
  margin: 6px 0 14px !important;
  font-weight:900 !important;
  color:#666 !important;
  font-size: 32px !important;
}

/* messaggi */
.mod-richiesta-contatti.mrc .alert-success{
  background-color:#d1e7dd !important;
  border:1px solid #badbcc !important;
  color:#0f5132 !important;
}
.mod-richiesta-contatti.mrc .alert-danger{
  background-color:#f8d7da !important;
  border:1px solid #f5c2c7 !important;
  color:#842029 !important;
}