@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@600&display=swap');

:root {
	--verde-acido-chiaro: #E8EDDF;
	
	--colore-header: #000;
	--font-family:'code-bold';
	--font-family2:'barlow-regular';
	--tempo-transizione:.2s;
	--colore-link-hover:#222;
	--font-family-regular:'Lato', sans-serif;
	--colore-verde:#22A39F;
	--colore-grigio:#F2F2F2;
	--colore-grigio2:#949494;
	--colore-grigio-news:#1a1a1a;
	--colore-grigio-chiaro: #1a1a1a;
	--colore-nero:#000;
	--colore-nero-opaco: rgba(34, 34, 34, 0.8);
	--colore-bianco: #FFF;
	--colore-bianco-hover: #dbdada;
	--colore-menu-opaco:rgba(0, 0, 0, 0.85);
	--colore-opaco-grigio:rgba(255, 255, 255, 0.1);
	--colore-grigio-menu: #f3f3f3;
	--colore-opaco-bianco-sporco:rgba(242,243,244, 0.3);
	--colore-azzurro: #208acb;
	--colore-azzurro-hover: #1B8CD2;
	--colore-blu-ciano: RGB(70, 165, 220);
	/* --colore-blu-ciano-hover:rgb(100, 160, 190); */
	/* --colore-blu-ciano: rgb(58, 124, 165); */

	/* --colore-blu-ciano: #8fc4e5 */
	;
	--colore-blu-ciano-hover:rgb(100, 160, 190);



	
}

/* COLORI GLOBALI */

h1 {
	font-family: 'Quicksand', sans-serif; font-size: 4.5rem; color: var(--colore-azzurro)
}

p {
	font-family: 'Montserrat', sans-serif;
	color: var(--colore-nero);
	opacity: 0.87;
}

body {
	font-family: 'Montserrat', sans-serif;
	color: var(--colore-nero);
	background: var(--colore-bianco);
}

span {color: var(--colore-bianco);}

a {color: var(--colore-nero);}

/* COLORI HEADER */

#header-container {background: var(--colore-bianco); border-bottom: 2px solid var(--colore-grigio); }
/*
header:after {
	background: rgba(255, 255, 255, 0.50);
}
*/
.header-contents h1, .header-contents  h2, .header-contents  p {color: var(--colore-bianco);}
.header-contents p{font-size: 20px;}

.contenitoreformcontatti .button:hover {
	color: var(--colore-blu-ciano);
	background: var(--colore-azzurro);
	border-color: var(--colore-azzurro);
}

.header-buttons a:first-child {
	border-color: var(--colore-blu-ciano);
	color: var(--colore-bianco);
	background: var(--colore-blu-ciano);
}

.header-buttons a:first-child:hover {
	background: var(--colore-blu-ciano-hover);
	border-color: var(--colore-blu-ciano-hover);
	color: var(--colore-bianco);
}

.contenitoreformcontatti .button,
.header-buttons a:last-child {
	border-color: var(--colore-bianco);
	color: var(--colore-blu-ciano);
	background: var(--colore-bianco);
}

.buttons:hover,
.contenitoreformcontatti .button:hover,
.header-buttons a:last-child:hover {
	border-color: var(--colore-blu-ciano);
	background: var(--colore-blu-ciano);
	color: var(--colore-bianco);
}

#header i{
	color: var(--colore-bianco);
}

#header-container .close-main-menu svg {
	fill: var(--colore-nero);
}

.header-container__menu.open-menu {
	background: rgba(255, 255, 255, 0.95);
}

#menu-principale .attivo {
	font-weight: 600;
}

#menu-principale .attivo,
#menu-principale .attivo:hover {
	background: var(--colore-blu-ciano);
	color: var(--colore-bianco);
}

#menu-principale a {
	/*background: var(--colore-bianco);*/
	border-left: 2px solid var(--colore-grigio);
    color: var(--colore-grigio2);
}

#menu-principale a:hover {
	background: var(--colore-blu-ciano);
	color: var(--colore-bianco);
}

.progress-container {background: var(--colore-grigio);}

.progress-bar {background: var(--colore-azzurro);}

/* FINE COLORI HEADER */

/* COLORI NEWS */

.news {background: var(--colore-grigio);}

.newscontent, .giorno-mese-data {color: var(--colore-nero);}

.campoform ::placeholder {
	color : var(--colore-nero);
	font-family: var(--font-family-regular);
}

.sel {
	background:  var(--colore-azzurro);
	color:  var(--colore-blu-ciano);
}

.swiper-slide a:not(.sel):hover {
    color: var(--colore-azzurro);
}

/* FINE COLORI NEWS */

/* COLORI BLOCCO TESTO */

.bordo_nero {border: 2px solid  var(--colore-nero) !important;}

.bordo_bianco {border: 2px solid var(--colore-bianco) !important;}

.bordo_grigio_chiaro {border: 2px solid var(--colore-grigio) !important;}

.sfondo_trasparente {background: transparent !important;}

.sfondo_nero {background: var(--colore-nero) !important;}

.sfondo_bianco {background: var(--colore-bianco) !important;}

.sfondo_grigio_chiaro {background: var(--colore-grigio) !important;}

/* FINE COLORI BLOCCO TESTO */


/* COLORI FORM CONTATTI */

.contenitoreformcontatti input:not(.button),
.contenitoreformcontatti textarea,
.contenitoreformcontatti select{
	background: var(--colore-bianco);
	border: 2px solid var(--colore-bianco) !important;
	color: var(--colore-nero);
	transition: .2s ease-out;
}

input::placeholder,
textarea::placeholder {
  color: var(--colore-grigio2) !important;
}

.contenitoreformcontatti  textarea:hover,
.contenitoreformcontatti  input:not(.button):hover,
.contenitoreformcontatti  select:hover {
	border: 2px solid var(--colore-bianco) !important;
	color: var(--colore-bianco);
	transition: .2s ease-out;
}

/* FINE COLORI FORM CONTATTI */

/* STILI HOVER PER BOTTONI E LINK */




.newscontent a, 
.newscontent h2 a, 
.legginews, 
.bloccoMenu .boxTitle a, 
.footer-informative a, 
.bottonecollegamento,
.return-to-news a,
#social-footer a,
.bloccoNews:is(.sfondo_testo_nero) .news a,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_bianco a,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_nero a,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_blu_ciano a,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_grigio_chiaro a {color: var(--colore-bianco); transition: .2s ease-out;}


.newscontent h2 a:hover, 
.legginews:hover, 
.legginews i:hover,
.bloccoMenu .boxTitle a:hover, 
.footer-informative a:hover, 
#social-footer a:hover,
.return-to-news a:hover,
.bottonecollegamento:hover,
.bloccoNews:is(.sfondo_testo_nero) .news a:hover,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_bianco a:hover,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_nero a:hover,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_grigio_chiaro a:hover {
	color: var(--colore-blu-ciano-hover) !important;
	transition: .2s ease-out;

}
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_blu_ciano a:hover{
	color: var(--colore-bianco-hover) !important;
	transition: .2s ease-out;
}

div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_azzurro a:hover {
	color: var(--colore-bianco-hover) !important;
	transition: .2s ease-out;
}

/* FINE STILI HOVER BOTTONI E LINK */

/* INIZIO FASCIA-TESTO 12/12 */

.fasciaTesto:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) a,
.fasciaTesto:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) p,
.fasciaTesto:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) td,
.fasciaTesto:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) h4 {
	color: var(--colore-bianco)!important;
}

/* FINE FASCIA-TESTO 12/12 */

/* INIZIO COLORI BLOCCO COLLEGAMENTO INTERNO ED ESTERNO */

div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_bianco a,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_azzurro a,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_grigio_chiaro a,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_bianco p,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_azzurro p,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_grigio_chiaro p {
	color: var(--colore-bianco)!important;
}

.sfondo_testo_bianco {
	background: var(--colore-bianco)!important;
}

.sfondo_testo_azzurro {
	background: var(--colore-azzurro)!important;
}

.sfondo_testo_grigio_chiaro {
	background: var(--colore-grigio)!important;
}


div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_nero a,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_blu_ciano a,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_nero p,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_blu_ciano p {
	color: var(--colore-bianco);
}

.sfondo_testo_nero {
	background: var(--colore-nero);
	color: var(--colore-bianco);
}

.sfondo_testo_blu_ciano {
	background: var(--colore-blu-ciano);
	color: var(--colore-bianco);
}

div:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) h3,
div:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) h3 a,
div:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) label,
div:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) p,
div:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) a {
	color: var(--colore-bianco)!important;
}

div:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) a {
	text-decoration: underline;
}

div:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) a:hover {
	color: var(--colore-azzurro-hover)!important;
}

div:is(.sfondo_testo_azzurro, .sfondo_testo_bianco, .sfondo_testo_grigio_chiaro) .line {
	border-color: var(--colore-bianco);
}

.bloccoForm:is(.sfondo_testo_azzurro) input,
.bloccoForm:is(.sfondo_testo_azzurro) textarea,
.bloccoForm:is(.sfondo_testo_azzurro) select {
	background: var(--colore-azzurro)!important;
	color: var(--colore-nero)!important;
	border-color: var(--colore-blu-ciano)!important;
}

.bloccoForm:is(.sfondo_testo_azzurro) input:hover,
.bloccoForm:is(.sfondo_testo_azzurro) input:focus,
.bloccoForm:is(.sfondo_testo_azzurro) textarea:hover,
.bloccoForm:is(.sfondo_testo_azzurro) textarea:focus,
.bloccoForm:is(.sfondo_testo_azzurro) select:hover,
.bloccoForm:is(.sfondo_testo_azzurro) select:focus {
	border-color: var(--colore-nero)!important;
}

.bloccoForm:is(.sfondo_testo_azzurro) input::placeholder,
.bloccoForm:is(.sfondo_testo_azzurro) textarea::placeholder {
	color: var(--colore-nero)!important;
}

.bloccoForm:is(.sfondo_testo_azzurro) input[type="submit"]:hover {
	background: var(--colore-nero)!important;
	color: var(--colore-bianco)!important;
}



.bloccoForm:is(.sfondo_testo_bianco) input,
.bloccoForm:is(.sfondo_testo_bianco) textarea,
.bloccoForm:is(.sfondo_testo_bianco) select {
	background: var(--colore-grigio)!important;
	color: var(--colore-nero)!important;
	border-color: var(--colore-grigio)!important;
}

.bloccoForm:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro) input:hover,
.bloccoForm:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro) input:focus,
.bloccoForm:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro) textarea:hover,
.bloccoForm:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro) textarea:focus,
.bloccoForm:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro) select:hover,
.bloccoForm:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro) select:focus {
	border-color: var(--colore-azzurro)!important;
}

.bloccoForm:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro) input::placeholder,
.bloccoForm:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro) textarea::placeholder {
	color: var(--colore-nero)!important;
}

.bloccoForm:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro) input[type="submit"]:hover {
	background: var(--colore-azzurro)!important;
	color: var(--colore-nero)!important;
}


.bloccoForm:is(.sfondo_testo_grigio_chiaro) input,
.bloccoForm:is(.sfondo_testo_grigio_chiaro) textarea,
.bloccoForm:is(.sfondo_testo_grigio_chiaro) select {
	background: var(--colore-bianco)!important;
	color: var(--colore-nero)!important;
	border-color: var(--colore-bianco)!important;
}


.bloccoMenu:is(.sfondo_testo_azzurro) a:hover {
	color: var(--colore-nero)!important;
	text-decoration: underline;
}

.bloccoMenu:is(.sfondo_testo_nero),
.bloccoMenu:is(.sfondo_testo_nero) p,
.bloccoMenu:is(.sfondo_testo_nero) a,
.bloccoMenu:is(.sfondo_testo_blu_ciano),
.bloccoMenu:is(.sfondo_testo_blu_ciano) p,
.bloccoMenu:is(.sfondo_testo_blu_ciano) a {
	color: var(--colore-bianco)!important;
}


.bloccoNews:is(.sfondo_testo_blu_ciano) .news {
	background: var(--colore-nero);
}

.bloccoNews:is(.sfondo_testo_bianco) .news {
	background: var(--colore-grigio);
}

.bloccoNews:is(.sfondo_testo_grigio_chiaro) .news {
	background: var(--colore-bianco);
}

.bloccoNews:is(.sfondo_testo_azzurro) .news {
	background: var(--colore-bianco);
}

.bloccoNews:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) .news > div,
.bloccoNews:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) .news a,
.bloccoNews:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) .news span,
.bloccoNews:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) .news p,
.bloccoNews:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) .news h4 {
	color: var(--colore-nero)!important;
}

.bloccoNews:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) .news a:hover {
	color: var(--colore-azzurro)!important;
}

.bloccoNews:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) .news > div,
.bloccoNews:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) .news a,
.bloccoNews:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) .news span,
.bloccoNews:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) .news p,
.bloccoNews:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) .news h4 {
	color: var(--colore-bianco)!important;
}

.bloccoNews:is(.sfondo_testo_nero) .news > div,
.bloccoNews:is(.sfondo_testo_nero) .news a,
.bloccoNews:is(.sfondo_testo_nero) .news span,
.bloccoNews:is(.sfondo_testo_nero) .news p,
.bloccoNews:is(.sfondo_testo_nero) .news h4 {
	color: var(--colore-nero)!important;
}
#anc731,#anc688, #anc673 {width: 100%;}
.bloccoNews:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) .boxTitle a {color: var(--colore-bianco);}
/* FINE COLORI BLOCCO COLLEGAMENTO INTERNO ED ESTERNO */



/* INIZIO COLORI BLOCCO TESTO */
.bloccoTesto td {
	color: var(--colore-nero);
}

.bloccoTesto:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) td {color: var(--colore-nero)!important;}

.bloccoTesto:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) a,
.bloccoTesto:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) p,
.bloccoTesto:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) span,
.bloccoTesto:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) td,
.bloccoTesto:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) h4 {
	color: var(--colore-bianco)!important;
}

/* FINE COLORI BLOCCO TESTO */

/** Inizio - Footer **/

footer {
	background: var(--colore-blu-ciano);
	color: var(--colore-nero);
}
footer p{
	color: var(--colore-bianco);
}

.footer-informative {
	border-color: var(--colore-grigio2);
}
#contatti-footer a {
	color: var(--colore-bianco);
}
#contatti-footer a:hover {
	color: var(--colore-azzurro);
}
/** Fine - Footer **/

/* scheda prodotto */
.schedaProdottoContenitore .schedaProdotto{
    display: flex;
    color: var(--colore-nero);
    column-gap: 30px;
    padding: 20px;
}

.schedaProdottoContenitore .schedaProdotto img {
    max-width: 400px;
}

.action-buttons__quantity-input {
	display: flex;
	color: var(--colore-bianco);
	font-size: 1.5rem;
	column-gap: 2px;
}

.product-info__action-buttons {
	margin-top: 40px;
}

.product-info__action-buttons .action-buttons__span {
	width: 40px;
	height: 45px;
	background:  var(--colore-nero);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	user-select: none;
}

.product-info__action-buttons .quantity-product, .quantity-product{
	width: 50px;
	text-align: center;
	background:  var(--colore-nero);
	border: 0;
	color: var(--colore-bianco);
	font-size: 1.25rem;
}

.action-buttons__add-to-cart, .schedaProdotto__prodottiCorrelati .prodotto form input{
	background:  var(--colore-nero);
	color: var(--colore-bianco);
	padding: 0 20px;
	font-size: 1.25rem;
	border: 0;
	cursor: pointer;
	user-select: none;
	transition: 0.1s linear;
}

.action-buttons__add-to-cart{
    height: 45px;
}

.schedaProdotto__prodottiCorrelati .prodotto form input[type="submit"] {
    width: 100%;
}

.schedaProdotto__prodottiCorrelati .prodotto form input[type="submit"]:hover {
    background: var(--colore-blu-ciano);
}

.schedaProdotto__prodottiCorrelati .prodotto form{
    display: flex;
    column-gap: 2px;
}
.action-buttons__add-to-cart:hover {
	background: var(--colore-blu-ciano);
}

.prodotto .action-buttons__span {
	width: 30px;
	height: 30px;
	background:  var(--colore-nero);
	display: flex;
	align-items: center;
	color: var(--colore-bianco);
	justify-content: center;
	cursor: pointer;
	user-select: none;
}


.product-info__prices-main-price {
	font-size: 1.75rem;
	font-weight: 700;
	margin-bottom: 5px;
}


h2 { margin-bottom: 24px; 
color: var(--colore-nero);
font-weight: 700}

.product-info__prices-info-price span{
    color:  var(--colore-nero);
}


.action-buttons__dec-quantity--disabled {
	background: #ddd!important;
	color: #888;
}

.schedaProdotto_immagineProdotto {
    flex: 0 0 40%;
    text-align: center;
}

.schedaProdotto__prodottiCorrelati {
    display: flex;
    column-gap: 10px;
    margin-top: 50px;
	padding: 0 40px 40px 40px;
	flex-wrap: wrap;
    row-gap: 20px;
}

.prodotto{
	width: 235px;
}

.aggiunta_carrello__selettore_quantita{
    display: flex;
    color: var(--colore-bianco);
    font-size: 1.5rem;
    column-gap: 2px;
}

.prodotto__contenitore {
    background: var(--colore-blu-ciano) ;
}
.dati_prodotto__titolo_prezzo{
	text-align: center;
	color: var(--colore-bianco);
}

.prodotto .prodotto__contenitore .prodotto_contenitore__immagine{
	display: block;
	width: 100%;
	height: 235px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.prodotto__contenitore_sconto p{
	color: var(--colore-bianco);
}

@media ( min-width: 640px ) {
	.schedaProdotto_immagineProdotto img {
		max-width: 400px;
	}
	
	.schedaProdotto__prodottiCorrelati {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 10px;
		margin-top: 50px;
	}
	.prodotto{
		width: 100%;
	}
}

@media ( max-width: 639px ) {
	.schedaProdotto_immagineProdotto img {
		max-width: 400px;
	}
	
	.schedaProdotto__prodottiCorrelati {
		display: grid;
		grid-template-columns: 1fr;
		column-gap: 10px;
		margin-top: 50px;
	}
	.prodotto{
		width: 100%;
	}
}

@media (min-width: 1024px) {
    .schedaProdotto__prodottiCorrelati {
        display: flex;
    }

	.schedaProdottoContenitore .schedaProdotto{
		flex-direction: row;
	}
	.prodotto{
		width: 235px;
	}
	
}

.product-info__saled-price{
    text-decoration: line-through;
    display: block;
    color: #aaa;
    font-size: 1.25rem;
    margin-bottom: 5px;
    font-weight: 500;
}

.schedaProdotto {
    color: #000;
    display: flex;
    column-gap: 30px;
    padding: 20px;
    flex-direction: column;
}

.schedaProdotto_datiProdotto {
	padding: 40px 0;
}

.titolo_scheda_prodotto {
	text-align: center;
    font-size: 50px;
    margin-top: 90px;
}
/* fine scheda prodotto */