/*
 * NOP Digital - Elementor come guscio del markup originale.
 *
 * Le pagine del sito hanno uno stile scritto sui tag e sulle classi (pages.css).
 * In Elementor ogni blocco e' un contenitore o un widget, e Elementor aggiunge
 * le sue regole: riempimento di 10px, spazio di 20px fra gli elementi,
 * larghezza 100%, disposizione in colonna. Qui si azzerano, cosi' decide
 * pages.css e la pagina resta quella di prima.
 *
 * Va caricato dopo gli stili di Elementor e prima di pages.css.
 *
 * Un contenitore con la classe CSS "nopd-free" torna sotto il controllo di
 * Elementor (riempimento, spazio, direzione): serve per le parti nuove che si
 * costruiscono con i comandi dell'editor.
 */

/* Contenitori: nessun riempimento, nessuno spazio, nessuna disposizione. */
.lrl .e-con.e-con.e-con.e-con:not(.nopd-free) {
	--display: block;
	--position: static;
	--width: auto;
	--height: auto;
	--padding-top: 0px;
	--padding-right: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	--margin-top: 0px;
	--margin-right: 0px;
	--margin-bottom: 0px;
	--margin-left: 0px;
	--gap: 0px;
	--row-gap: 0px;
	--column-gap: 0px;
	--flex-direction: row;
	--flex-wrap: nowrap;
}

.e-con:not(.nopd-free) {
	transition: none;
}

/* Widget: spariscono dal disegno, il loro contenuto va dove andrebbe il tag. */
body:not(.elementor-editor-active) .elementor-widget-nopd_el,
body:not(.elementor-editor-active) .elementor-widget-nopd_img,
body:not(.elementor-editor-active) .elementor-widget-nopd_el > .elementor-widget-container,
body:not(.elementor-editor-active) .elementor-widget-nopd_img > .elementor-widget-container {
	display: contents;
}

/* Nell'editor i widget restano scatole normali, cosi' si possono selezionare. */
body.elementor-editor-active .elementor-widget-nopd_el,
body.elementor-editor-active .elementor-widget-nopd_img {
	margin: 0;
}

body.elementor-editor-active .nopd-raw {
	display: contents;
}

/* Il filo che Elementor mette attorno al contenuto non deve spostare niente. */
body.lrl:not(.elementor-editor-active) .elementor[data-elementor-type] {
	display: contents;
}