/* INIZIO CSS IN COMUNE */
@font-face{
	font-family: 'KumbhSans-Regular';
	src: url('/web/font/KumbhSans/KumbhSans-Regular.ttf') format("truetype");
}

:root{
	/* CARATTERI */
	--carattere-1: 'KumbhSans-Regular';
	
	
	/* COLORI */
	--colore-principale: #952e3b;
	
	--colore-testo-coll-1: #F2F2F2;
	--colore-testo-coll-2: #952e3b;
	--colore-testo-coll-3: #0F3041;
	
	--colore-focus-form: rgb(200, 36, 47, 0.3);
	
	--colore-testo-1: #FFF;					/* BIANCO */
	--colore-testo-2: #000;					/* NERO */
	
	--colore-sfondo-1: #FFF;					/* BIANCO */
	--colore-sfondo-2: #000;					/* NERO */
	
	--colore-sfondo-1-hover: #F2F2F2;			/* GRIGIO CHIARO */
	
	--colore-bordo-1: #FFF;					/* BIANCO */
	--colore-bordo-2: #000;					/* NERO */
	--colore-bordo-3: #C00;					/* ROSSO ACCESO */
	--colore-bordo-5: #CCC;					/* GRIGIO CHIARO */
}

body {
	line-height: 1.5em;
	font-family: var(--carattere-1);
	font-size: 15px;
	color: var(--colore-testo-2);
}

h1 { font-size: 42px; }
h2 { font-size: 36px; }
h3 { font-size: 28px; }

h1, h2, h3 {
	line-height: 40px;
	font-family: 'neuropol', 'Arial', sans-serif;
	text-transform: uppercase;
}

p {
	font-size: 16px;
}

a:link, a:visited {
	color: var(--colore-testo-2);
	text-decoration: none;
}
a:hover {
	color: var(--colore-testo-2);
	text-decoration: underline;
}
/* FINE CSS IN COMUNE */



/* INIZIO CSS SIDEBAR */
header {
    background-color: var(--colore-testo-coll-1);
}

header #logo {
    background-color: var(--colore-sfondo-1);
}
header #logo .fas {
	font-size: 95px;
	color: var(--colore-testo-1);
}

.logo-tablet {
	background-color: var(--colore-testo-coll-1);
}

#pulsante-menu {
	background-color: var(--colore-principale);
	color: var(--colore-testo-1);
}
#pulsante-menu:hover {
	background: var(--colore-sfondo-1);
	color: var(--colore-principale);
}

.nav-link, #pulsante-menu { 
    font-size: 22px;
	font-family: 'neuropol', 'Arial', sans-serif;
}
.nav-link:hover { 
	background: var(--colore-sfondo-1);
	text-decoration: none;
}
.nav-link.attivo {
	background: var(--colore-sfondo-1);
	color: var(--colore-principale);
}

#mobile-menu {
   	background-color: var(--colore-sfondo-2);
    color: var(--colore-testo-1);
}
#mobile-menu i {
   	font-size: 30px;
}

.triangolo {
	border-top: 21px solid transparent;
    border-left: 20px solid var(--colore-principale);
    border-bottom: 21px solid transparent;
}

.header-footer a,
.header-footer a:hover {
	color: var(--colore-principale) !important;
}

.header-footer a:hover {
	text-decoration: underline !important;
}
/* FINE CSS SIDEBAR */



/* INIZIO CSS FASCE */
.contenuti_fascia {
	background: var(--colore-sfondo-1);
}

.titolo_fascia {
	border-bottom: 5px solid var(--colore-bordo-5);
	color: var(--colore-principale);
}
/* FINE CSS FASCE */



/* INIZIO CSS FOOTER */
.fascia-footer {
    background: var(--colore-principale);
    color: var(--colore-testo-1);
}

#telefono-footer a,
#mail-footer a {
	color: var(--colore-testo-1);
	text-decoration: none;
}
#telefono-footer a:hover,
#mail-footer a:hover {
	text-decoration: underline;
}

#social-footer .fab {
	font-size: 26px;
	opacity: 0.7;
	color: var(--colore-testo-1);
	transition: opacity 0.3s;
}
#social-footer .fab:hover {
	color: var(--colore-testo-1);
	opacity: 1;
}
/* FINE CSS FOOTER */



/* INIZIO CSS BLOCCO TESTO COLLEGAMENTO */
.bloccoTestoCollegamento .box-pad-over.scuro {
	background: rgba(0,0,0,.6);
}
.bloccoTestoCollegamento .box-pad-over.chiaro {
	background: rgba(255,255,255,.7);
}


.no-sfondo, .no-sfondo p { color: var(--colore-testo-2)!important; }
.no-sfondo .link-box-pad { color: var(--colore-principale) !important; border-color: var(--colore-principale) !important; }
.no-sfondo:hover .link-box-pad { color: var(--colore-testo-1) !important; background-color: var(--colore-principale) !important; }

.blc-orz .boxPad-text.chiaro p,
.blc-orz .boxPad-text.chiaro h3 { color:var(--colore-testo-1)!important; }
.blc-orz .boxPad-text.scuro p,
.blc-orz .boxPad-text.scuro h3 { color:var(--colore-testo-2)!important; }

.immagine-blocco-box-icona i { font-size:64px; color: var(--colore-principale); }

.bloccoTestoCollegamento .link-box-pad { border:1px solid var(--colore-bordo-2); }

.bloccoTestoCollegamento .boxPad-text.scuro .link-box-pad { color:var(--colore-testo-2)!important; border-color:var(--colore-bordo-2)!important; }
.bloccoTestoCollegamento .boxPad-text.chiaro .link-box-pad { color:var(--colore-testo-1)!important; border-color:var(--colore-bordo-1)!important; }
.bloccoTestoCollegamento:hover .boxPad-text.scuro .link-box-pad { color:var(--colore-testo-1)!important; background:var(--colore-sfondo-2)!important; }
.bloccoTestoCollegamento:hover .boxPad-text.chiaro .link-box-pad { color:var(--colore-testo-2)!important; background:var(--colore-sfondo-1)!important; }

.col-sf-F2F2F2 { background-color: var(--colore-testo-coll-1); color:var(--colore-testo-2); }
.col-sf-F2F2F2 .link-box-pad { color:var(--colore-testo-2); border-color:var(--colore-bordo-2); }
.col-sf-F2F2F2:hover .link-box-pad { color: var(--colore-testo-coll-1); background-color:var(--colore-sfondo-2); }
.lat .col-sf-F2F2F2:hover .link-box-pad { background:var(--azzurro)!important; color:var(--colore-testo-1)!important; }


.col-sf-C8242F { background: var(--colore-testo-coll-2); color:var(--colore-testo-1); }
.col-sf-C8242F .link-box-pad { color:var(--colore-testo-1); border-color:var(--colore-bordo-1); }
.col-sf-C8242F:hover .link-box-pad { color: var(--colore-testo-coll-2); background-color:var(--colore-sfondo-1); }
.lat .col-sf-C8242F:hover .link-box-pad { background:var(--colore-sfondo-1)!important; color:var(--colore-testo-1)!important; }
.col-sf-C8242F .immagine-blocco-box-icona i { color:var(--colore-testo-1); }


.col-sf-0F3041 { background: var(--colore-testo-coll-3); color:var(--colore-testo-1); }
.col-sf-0F3041 .link-box-pad { color:var(--colore-testo-1); border-color:var(--colore-bordo-1); }
.col-sf-0F3041:hover .link-box-pad { color: var(--colore-testo-coll-3); background-color:var(--colore-sfondo-1); }
.lat .col-sf-0F3041:hover .link-box-pad { background:var(--colore-sfondo-1)!important; color:var(--colore-testo-1)!important; }
.col-sf-0F3041 .immagine-blocco-box-icona i { color:var(--colore-testo-1); }


.bloccoTestoCollegamento .col-sf-0F3041 .boxPad-text h3,
.bloccoTestoCollegamento .col-sf-0F3041 .boxPad-text h4,
.bloccoTestoCollegamento .col-sf-0F3041 .boxPad-text h5,
.bloccoTestoCollegamento .col-sf-C8242F .boxPad-text h3,
.bloccoTestoCollegamento .col-sf-C8242F .boxPad-text h4,
.bloccoTestoCollegamento .col-sf-C8242F .boxPad-text h5 { color: var(--colore-testo-1)!important; }

.bloccoTestoCollegamento .col-sf-F2F2F2 .boxPad-text h3,
.bloccoTestoCollegamento .col-sf-F2F2F2 .boxPad-text h4,
.bloccoTestoCollegamento .col-sf-F2F2F2 .boxPad-text h5 { color: var(--colore-testo-2); }



.bloccoTestoCollegamento .chiaro.boxPad-text h3,
.bloccoTestoCollegamento .chiaro.boxPad-text h4,
.bloccoTestoCollegamento .chiaro.boxPad-text h5 { color:var(--colore-testo-1)!important; }

.bloccoTestoCollegamento .scuro.boxPad-text h3,
.bloccoTestoCollegamento .scuro.boxPad-text h4,
.bloccoTestoCollegamento .scuro.boxPad-text h5 { color:var(--colore-testo-2)!important; }


.bloccoTestoCollegamento .chiaro.boxPad-text p { color:var(--colore-testo-1)!important; }

.bloccoTestoCollegamento .scuro.boxPad-text p { color:var(--colore-testo-2)!important; }


/* .lat .bloccoTestoCollegamento .col-sf-90E99F:hover .link-box-pad { color:#90E99F!important; border-color:var(--colore-bordo-1)!important; background:var(--colore-sfondo-1)!important; } */
/* .lat .bloccoTestoCollegamento .col-sf-90E99F .boxPad-text { color:var(--colore-testo-1); } */
/* .lat .bloccoTestoCollegamento .col-sf-90E99F h3 { color:var(--colore-testo-1); } */
/* .lat .bloccoTestoCollegamento .col-sf-90E99F .link-box-pad { border-color:var(--colore-bordo-1)!important; color:var(--colore-testo-1)!important; } */

/* .lat .bloccoTestoCollegamento .col-sf-E17C3D:hover .link-box-pad { color:#E17C3D!important; border-color:var(--colore-bordo-1)!important; background:var(--colore-sfondo-1)!important; } */
/* .lat .bloccoTestoCollegamento .col-sf-E17C3D .boxPad-text { color:var(--colore-testo-1); } */
/* .lat .bloccoTestoCollegamento .col-sf-E17C3D h3 { color:var(--colore-testo-1); } */
/* .lat .bloccoTestoCollegamento .col-sf-E17C3D .link-box-pad { border-color:var(--colore-bordo-1)!important; color:var(--colore-testo-1)!important; } */

/* .lat .bloccoTestoCollegamento .col-sf-825499:hover .link-box-pad { color:#825499!important; border-color:var(--colore-bordo-1)!important; background:var(--colore-sfondo-1)!important; } */
/* .lat .bloccoTestoCollegamento .col-sf-825499 .boxPad-text { color:var(--colore-testo-1); } */
/* .lat .bloccoTestoCollegamento .col-sf-825499 h3 { color:var(--colore-testo-1); } */
/* .lat .bloccoTestoCollegamento .col-sf-825499 .link-box-pad { border-color:var(--colore-bordo-1)!important; color:var(--colore-testo-1)!important; } */
/* FINE CSS BLOCCO TESTO COLLEGAMENTO */



/* INIZIO CSS BLOCCO IMMAGINE */
.vlight-immagine h3 {
	color: var(--colore-testo-1);
}
.vlight-immagine span {
	background: var(--colore-principale);
}

.vlightbox1::before {
	background-color: var(--colore-principale);
}
/* FINE CSS BLOCCO IMMAGINE */



/* INIZIO CSS SLIDER */
.swiper-button-prev, 
.swiper-button-next { 
	color: var(--colore-principale) !important;
}
/* FINE CSS SLIDER */



/* INIZIO CSS BLOCCO FORM */
.bloccoForm .obl {
	border: 2px solid var(--colore-bordo-3);
}

input[type="text"],
textarea,
elect {
	border: 1px solid var(--colore-bordo-5);
	font-size: 16px;
	transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
}
input:focus,
textarea:focus,
select:focus {
	outline: none;
}
input[type="text"]:focus,
textarea:focus,
select:focus,
input[type="submit"]:active {
	border: 1px solid var(--colore-principale);
	box-shadow: 0 0 0 3px var(--colore-focus-form);
}

.bloccoForm .labelcheckbox {
	font-size: 16px;
	font-weight: lighter;
}
.bloccoForm .labelcheckbox a {
	color: var(--colore-principale);
}

.bloccoForm .formrow {
	font-size: 16px;
}

.bloccoForm input[type="submit"] {
	font-size: 18px;
	border: 1px solid var(--colore-principale);
	background: var(--colore-principale);
	color: var(--colore-testo-1);
}
.bloccoForm input[type="submit"]:hover {
	background: var(--colore-sfondo-1);
	color: var(--colore-principale);
}

select {
	color: var(--colore-testo-2)
}
/* FINE CSS BLOCCO FORM */