:root {
	--box-bordo:#ffffff;
	--box-sfondo:#EC9642;
	--box-testo:#000;
}

.rosso {fill:#ff0000; position:relative;}
.verde {fill:#7dc976; position:relative;}
.grigio {fill:#dcdad4; position:relative;}
.arancio {fill:#EC9642; position:relative;}

/*div[data-elementor-type="header"], div[data-elementor-type="footer"] {display:none;}*/

body {position:relative;font-family: 'Raleway', sans-serif;}


.g-svg-container {
    max-width: 1140px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
}


#etichetta {
    z-index: 1;
    margin-top: -21px;
    margin-bottom: 15px;
    display: block;
	position: relative;
}

/** breadcrumb **/
.rank-math-breadcrumb {padding: 5px 10px 10px 10px;}
.rank-math-breadcrumb p span,
.rank-math-breadcrumb p a {color:var( --e-global-color-860a946 );}


.distanziatore {padding:15px 0;}

svg {
    display: block;
    margin-left: auto;
    margin-right: auto;
	max-width:600px;
	width:100%;
}

/** finestra popup **/
#display {
	display:none;
	position:absolute; 
	max-width: 250px;
}

#head {
	background-color:var(--box-bordo);
    display: flex;
    justify-content: flex-end;	
}

#display.on {display:block;}

#chiudi-pop {
    border: 0;
    outline: none;
    background-color: transparent;
    padding: 5px;
	font-weight:bold;
}

button#chiudi-pop {color:var(--e-global-color-secondary);}
button#chiudi-pop:hover {color:var(--e-global-color-primary);}


#chiudi-pop:hover {cursor:pointer;}

.bubble {
  position:relative;
  border-radius:6px;
  box-shadow: 5px 5px 9px;
  border-top:5px solid var(--box-bordo);
  border-bottom:5px solid var(--box-bordo);
  border-left:5px solid var(--box-bordo);
  border-right:5px solid var(--box-bordo); 
}

#boxtesto {
	clear: both;
	background-color:var(--box-sfondo);	
	padding: 10px;
}

#testo {
	color:var(--box-testo);
    font-size: 14px;
	margin:0;
	padding:5px;	
}

#testo a, #testo a:hover {color:#fff;}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

#display {max-width: 350px;}

#testo {font-size:18px;}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
#etichetta {
    margin: 30px 0;
    position: unset;
}
}