/* Siti Laterlite senza Essential Grid: aspetto delle griglie come in produzione (skin "washington" nelle referenze, "johnson" in home),
   misurato sulla produzione di lecabloccolaterlite.it il 22/10/2026 (Chrome 1366 e 390 px). Caricato dal mu-plugin delle schede.
   Markup generato da script_comuni/eg_a_wpbakery.php. Icone: font egfont di Essential Grid (solo il file del carattere). */
@font-face { font-family: 'eg-font'; src: url('egfont.woff') format('woff'), url('egfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }
.laterlite-eg i[class^="eg-icon-"]:before { font-family: "eg-font"; font-style: normal; font-weight: normal; display: inline-block; text-decoration: inherit;
  width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; }
.laterlite-eg .eg-icon-search:before { content: '\e802'; }
.laterlite-eg .eg-icon-link-ext:before { content: '\e840'; }
.laterlite-eg .eg-icon-forward-1:before { content: '\e8a7'; }

.laterlite-eg-blocco.wpb_content_element, .laterlite-eg-blocco .wpb_wrapper { margin: 0 !important; padding: 0 !important; }
/* il CSS in linea del tema dà margin-bottom: 3px !important a ".wpb_text_column :last-child": qui si annulla con una specificità più alta */
.wpb_text_column.laterlite-eg-blocco > .wpb_wrapper, .wpb_text_column.laterlite-eg-blocco ul.laterlite-eg,
.wpb_text_column.laterlite-eg-blocco ul.laterlite-eg :last-child { margin-bottom: 0 !important; }
.wpb_text_column.laterlite-eg-blocco .laterlite-eg-basso .laterlite-eg-avanti { margin-bottom: 1px !important; }
ul.laterlite-eg { list-style: none; margin: 0 !important; padding: 0 !important; display: flex; flex-wrap: wrap; }
ul.laterlite-eg > li.laterlite-eg-voce { position: relative; margin: 0 !important; padding: 0 !important; overflow: hidden; list-style: none; }
.laterlite-eg-col-3 > li.laterlite-eg-voce { width: 33.3333%; }
.laterlite-eg-col-2 > li.laterlite-eg-voce { width: 50%; }
.laterlite-eg-washington > li.laterlite-eg-voce { aspect-ratio: 4 / 3; }
.laterlite-eg-johnson > li.laterlite-eg-voce { aspect-ratio: 1 / 1; }
.laterlite-eg img.laterlite-eg-img { position: absolute; top: 0; height: 101% !important; width: auto !important; max-width: none; display: block; } /* left in linea, come Essential Grid */
@media (max-width: 479px) {
  .laterlite-eg-col-3 > li.laterlite-eg-voce { width: 100%; }
  .laterlite-eg-col-3 > li.laterlite-eg-voce:nth-child(n+4) { display: none; } /* come in produzione: al massimo 3 righe */
}

/* copertura, centro e icone comuni */
.laterlite-eg-copertura { position: absolute; inset: 0; z-index: 1; visibility: hidden; transition: all .3s ease-out; }
.laterlite-eg-centro { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; z-index: 3; line-height: 0; }
.laterlite-eg-icona { display: inline-block; box-sizing: border-box; width: 56.375px; height: 56px; padding: 17px; border-radius: 60px;
  background: rgba(255, 255, 255, .15); color: #fff !important; font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 22px;
  text-align: center; text-decoration: none !important; transition: .3s linear; position: relative; z-index: 2; }
.laterlite-eg-icona i { margin: 0; }
.laterlite-eg-icona:hover { background: rgba(0, 0, 0, .5); }
.laterlite-eg-cade { display: inline-block; margin-right: 10px; opacity: 0; visibility: hidden; transform: translateY(-56px); transition: all .3s ease-out; }
li.laterlite-eg-voce:hover .laterlite-eg-cade { opacity: 1; visibility: visible; transform: none; }
li.laterlite-eg-voce:hover .laterlite-eg-cade:nth-child(2) { transition-delay: .1s; }

/* washington */
.laterlite-eg-washington .laterlite-eg-copertura { background: rgba(0, 0, 0, .65); opacity: 0; }
.laterlite-eg-washington li:hover .laterlite-eg-copertura { opacity: 1; visibility: visible; }
.laterlite-eg-washington .laterlite-eg-alto { position: absolute; top: 0; left: 0; right: 0; z-index: 2; }
.laterlite-eg-washington .laterlite-eg-titolo { display: block; box-sizing: border-box; padding: 5px 10px; background: rgba(255, 255, 255, .95); color: #000;
  font-family: "Open Sans"; font-size: 15px; font-weight: 700; line-height: 20px; text-transform: uppercase; text-align: center; margin: 0; }

/* johnson */
.laterlite-eg-johnson .laterlite-eg-alto { position: absolute; top: 0; left: 0; right: 0; z-index: 2; }
.laterlite-eg-johnson .laterlite-eg-titolo, .laterlite-eg-johnson .laterlite-eg-sottotitolo { display: block; box-sizing: border-box; background: rgb(241, 192, 10);
  color: #fff; font-family: Raleway; font-weight: 800; line-height: 40px; text-transform: capitalize; text-align: center; margin: 0; }
.laterlite-eg-johnson .laterlite-eg-titolo { font-size: 20px; padding: 3px 12px 0; height: 43px; }
.laterlite-eg-johnson .laterlite-eg-sottotitolo { font-size: 16px; padding: 0 12px 4px; height: 44px; }
.laterlite-eg-johnson .laterlite-eg-copertura { background: rgba(242, 97, 102, .85); transform: translateY(calc(100% - 10px)); visibility: visible; } /* come in produzione: a riposo resta una fascia di 10 px in basso */
.laterlite-eg-johnson li:hover .laterlite-eg-copertura { transform: none; visibility: visible; transition-delay: .4s; }
.laterlite-eg-johnson .laterlite-eg-titolo-hover { color: #fff; font-family: "Open Sans", sans-serif; font-size: 15px; font-weight: 700; line-height: 19px;
  text-transform: uppercase; text-align: center; margin-top: 10px; opacity: 0; visibility: hidden; transition: opacity .3s ease-out .46s; }
.laterlite-eg-johnson li:hover .laterlite-eg-titolo-hover { opacity: 1; visibility: visible; }
.laterlite-eg-johnson .laterlite-eg-basso { position: absolute; left: 0; right: 0; bottom: 0; height: 57px; text-align: right; z-index: 3; line-height: 0; }
.laterlite-eg-johnson .laterlite-eg-basso .laterlite-eg-cade { vertical-align: bottom; }
.laterlite-eg-avanti { display: inline-block; box-sizing: border-box; width: 68px; height: 56px; padding: 13px; margin-bottom: 1px; vertical-align: bottom;
  background: rgba(255, 255, 255, .15); color: #fff !important; font-family: "Open Sans", sans-serif; font-size: 30px; line-height: 22px; text-align: center;
  text-decoration: none !important; opacity: 0; visibility: hidden; transform: translateY(28px); transition: all .3s ease-out .1s; position: relative; z-index: 2; }
.laterlite-eg-avanti i { margin: 0; }
.laterlite-eg-johnson li:hover .laterlite-eg-avanti { opacity: 1; visibility: visible; transform: none; }

/* johnson, variante di lecablocco.it (misurata sulla produzione di lecablocco il 22/10/2026): blu, titolo piccolo sopra e categoria grande */
.laterlite-eg-johnson-lb .laterlite-eg-titolo, .laterlite-eg-johnson-lb .laterlite-eg-sottotitolo { background: rgb(99, 161, 218); }
.laterlite-eg-johnson-lb .laterlite-eg-titolo { font-size: 15px; padding: 3px 12px 30px; height: 33px; }
.laterlite-eg-johnson-lb .laterlite-eg-sottotitolo { font-size: 20px; padding: 3px 12px 4px; height: 47px; }
.laterlite-eg-johnson-lb .laterlite-eg-copertura { background: rgba(222, 100, 104, .85); }

/* Essential Grid arrotonda l'altezza delle tessere al pixel (292,5 -> 293; 427,5 -> 428): stesso arrotondamento con le unità del contenitore,
   dove il browser lo supporta; altrove resta l'aspect-ratio sopra (mezzo pixel di differenza). */
@supports (height: round(1px, 1px)) {
  ul.laterlite-eg { container-type: inline-size; }
  .laterlite-eg-washington.laterlite-eg-col-3 > li.laterlite-eg-voce { aspect-ratio: auto; height: round(nearest, calc(100cqw / 3 * .75), 1px); }
  .laterlite-eg-washington.laterlite-eg-col-2 > li.laterlite-eg-voce { aspect-ratio: auto; height: round(nearest, calc(100cqw / 2 * .75), 1px); }
  @media (max-width: 479px) {
    .laterlite-eg-washington.laterlite-eg-col-3 > li.laterlite-eg-voce { height: round(nearest, calc(100cqw * .75), 1px); }
  }
}

/* skin johnson (home): come l'opzione "fullscreen forcer" di Essential Grid, la griglia occupa tutta la larghezza della finestra */
.wpb_text_column.laterlite-eg-blocco ul.laterlite-eg.laterlite-eg-johnson { width: 100vw; position: relative; left: 50%; margin-left: -50vw !important; }