/* SELETTORI PER I TAG */

/*
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
	-ms-overflow-style: scrollbar;
	scroll-behavior: smooth;
	box-sizing: border-box;
}

body {
	color: #333333;
    line-height: 1.8;
    font-weight: normal;
    font-family: 'Quicksand';
    margin:auto;
}

header, nav{display: block;}

h1,h2,h3,h4,h5,h6 {
    letter-spacing: 0;
    position: relative;
    line-height: normal;
    margin: 0;
}

h1{
	font-size: 2rem;
	font-family: 'Quicksand';
	font-weight: 500;
}

h2 {
	font-size: 2rem;
	font-family: 'Quicksand';
	font-weight: 500;
	padding: 20px 0 10px 0;
}

h3{font-weight: 500;}

p {
	margin: 10px 20px 10px 20px;
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1.6;
    letter-spacing: 0rem;
    margin: 0;
}

@media (max-width:650px){
	
	h2 {
	padding-top: 5px;
}
	
	p {font-size: 1.1rem;}
	
}

input{
	font-size: 1.2rem;
	font-weight:500;
}

@media (max-width:650px){
	
	input {font-size: 1.2rem;}
	
}

label{
	font-size: 1.2rem;
	font-weight:200;	
}

a {
    color: #333333;
    text-decoration: none;
    outline: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

img {
    max-width: 100%;
    height: auto;
}

footer{
	margin:0px;
	padding:3% 5% 3% 5%;
	background-color: #f9ebec;
}
							
							/* SELETTORI ATOMICI */

.grassetto{font-weight: 600;}
.rosaForte{color: #b03638}
.pIngrandito{font-size: 1.5rem}
.giallo{color: #ffcc00}
.NoGrassetto{font-weight: 300;}
.testoCentrato{text-align:center;}
.divSpaziatrice{height:15px;}
.corsivo{font-style:italic;}

					/* SELETTORI GENERICI x TUTTE LE PAGINE*/

* {
    box-sizing: border-box !important;
    transition: ease all 0.5s;
}

*,
*::before,
*::after {box-sizing: inherit;}

.background{background-color: rgb(255, 250, 251, 0.1);}

/* selettori x grid con media query raggruppate */

.grid2colonne {	
	display: grid;
	grid-template-columns: 1fr 1fr;	
	gap: 0px;	
}

.grid2colonneItem1{
	grid-column:1;
	grid-row:1;
}

.grid2colonneItem2{
	grid-column:2;
	grid-row:1;
}

.grid2colonneItem3{	
	grid-column:1/4;
 	grid-row:2;
 	
}

@media (max-width:650px){
	
	.grid2colonne {grid-template-columns: 1fr;}
	
	.grid2colonneItem1{
		grid-column:1;
		grid-row:2;
	}

	.grid2colonneItem2{
		grid-column:1;
		grid-row:1;
	}

	.grid2colonneItem3{	
		grid-column:1;
 		grid-row:3;	
	}
	
}

.grid3colonne{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;	
	gap: 0px;	
}

.grid3colItem1{
	grid-column:1;
	grid-row:1;
}

.grid3colItem2{
	grid-column:2;
	grid-row:1;
}

.grid3colItem3{
	grid-column:3;
	grid-row:1;
}	

@media (max-width:650px){
	
	.grid3colonne {grid-template-columns: 1fr;}
	
	.grid3colItem1{
		grid-column:1;
		grid-row:1;
	}
	
	.grid3colItem2{
		grid-column:1;
		grid-row:2;
	}
	
	.grid3colItem3{
		grid-column:1;
		grid-row:3;
	}
	
}

.grid3colonneMenu{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;	
	gap: 0px;	
}

.grid4colonneMenu{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;	
	gap: 0px;	
}
	
.grid4colonne{	
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap:20px;
	margin:5% 5% 1% 5%;
	margin-top:0%;
}

@media (max-width:1100px){
	
	.grid4colonne{grid-template-columns: 1fr 1fr;}
	
}

@media (max-width:650px){
	
	.grid4colonne{grid-template-columns: 1fr;}
	
}


.grid4colonne1{	
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap:0px;
	margin:5% 5% 1% 5%;
	margin-top:0%;
}


.grid4col1item_1{
	grid-column:1;
	grid-row:1;
	text-align:center;
	
}

.grid4col1item_2{
	grid-column:2/5;
	grid-row:1;
	padding-top:20px;
	
}

.grid4col1item_1 img{
	margin:auto;
	margin-top:5%;
	width:70%;
	height:auto;
}

.grid4col1item_2 a{
	font-size:1.2rem;
}

@media (max-width:1100px){
	
	.grid4colonne1{grid-template-columns: 1fr 1fr;}	
	.grid4col1item_1 img{width:50%;}
	
}


@media (max-width:650px){
	
	.grid4colonne1{
		grid-template-columns: 1fr;
		margin:1% 2% 1% 2%;
		}
		
	.grid4col1item_1{
		grid-column:1;
		grid-row:1;
		text-align:center;	
	}

	.grid4col1item_2{
		grid-column:1;
		grid-row:2;	
	}

			
}


/* bottoni testo grigio scuro su sfondo giallo su tag button */

.bottone{
	border-radius: 5px;
    color: #333333;
    background-color: #ffcc00;
    cursor:pointer;
    border:none;	
}

a.bottone:hover {
    color: #ffffff;
    background-color: #f5ddb6;
}

.toGoHome{
	text-align:right;
	padding-top:20px;
}

.toGoHome a{font-size:1.8rem;}


@media (max-width:650px){
	
	.toGoHome a{font-size:1.4rem;}

}
	
	

h1.logo {
	font-size: 4rem;
	font-family: 'Quicksand';
    font-weight: 500;
    padding: 0px;	
}

/* selettore per rendere il testo dell'header come l'h1 quando non è h1, ma un semplice p*/

p.logo{
	font-size: 4rem;
	font-family: 'Quicksand';
    font-weight: 500;
    padding: 0;
    margin: 0;
    line-height: normal;
}


						/* SELETTORI TEMPLATE */


/* HEADER*/

.header_section {
    width: 100%;
    background-color: #f9ebec;
}
     
.container-fluid {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin:0 auto;
}

.navbar {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	padding: 0.5rem 1rem;
	padding-bottom:0px;
	padding-top:10px;
}

.navbar-light{
    padding-left: 90px;
    z-index: 2;
}

.justify-content-between {justify-content: space-between !important;}

.bg-light {background-color: transparent!important;}

.toggle_icon {
    padding: 10px 0px;
    margin-bottom:10px;
    cursor:pointer;
}

.logo{text-align: center;}

/*----------------------------*/

.menu{
	text-align:center;
	font-size:1.4rem;
	padding-top:20px;
}

a.menuCurrent {
	font-weight: bold;
}

@media screen and (max-width: 650px) {

	.menu{
		font-size:1.2rem;
		padding-top:10px;
	}
		
}

/* "bottoni" a destra*/

.form-inline {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-align: center;
	align-items: center;
}

.login_text {width: 100%;}

.login_text ul {
    margin: 0px;
    padding: 0px;
   	list-style-type: none;
}

.login_text li {
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
    float: left;
    padding-left: 15px;
}

.login_text a {color: #ffffff;}

.login_text a:hover {color: #ffffff;}


/* COOKIE BANNER*/

.cookieBanner{
	display: block;
	padding: 3%;
	background-color: #f9ebec;
	position: fixed; bottom:30px; left:0%; right:0%;
	z-index: 100;
	font-size:0.7em;
	line-height:1.4;
	}
	
.bottoniCookie{
	margin-top:10px;
	margin-right:10px;
	color: #333333;
    background-color: #ffcc00;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    text-transform: uppercase;
    border:none;	
}


/*FOOTER*/

.poweredBy{
	text-align:center;
	font-size:1.0rem;
}


.socialIcon{
	width:60px;
	height:auto;
	margin:0px;
	padding:0px;
	padding-right:15px;
	}
	
.socialIcon1{
	width:60px;
	height:auto;
	margin:0px;
	padding:0px;
	}
	
.social{
	text-align:center;
}

.socialLink{
	margin:auto;
	margin-top:20px;
	margin-bottom:40px;
}

							
						/* CORPO HOMEPAGE*/
												
						
/* selettori sezione banner */
    
.banner_section {padding:0px;}

.banner_text{
	padding:5%;
	margin:5%;
	margin-top:0%;
	margin-right:8%;
}

.banner_text p {
    color: #1f1f1f;
    margin-right:0px;
	margin-bottom:10px;
	margin-left:0px;
    margin-top: 10px;
}

p.banner_text_bottone{
	margin-top:80px;
	margin-bottom:20px;
}

@media (max-width:650px){
	
	.banner_text{padding-top:10px;}
	p.banner_text_bottone{margin-top:30px;}
}

.read_bt a{
    font-size: 1.2rem;
    text-align: center;
    padding: 10px 20px 10px 20px;
}

			
/* sezione immagine banner */

.banner_img{
	text-align:center;
	margin:0 auto;	
}

.banner_img img {
	border-radius:5%;
	width:52%;
	margin:12% 3% 8% 3%;
}

@media (max-width:1100px){
	
	.banner_img img {
		margin-top:20%;
		width:60%;
	}
}
    
@media (max-width:880px){
	
	.banner_img img {margin-top:30%;}
	
}
    
@media (max-width:650px){
	
	.banner_img img {
		margin-top:0;
		text-align: center;
		width:82%;		
	}
}

/* sezione PRODOTTI IN VENDITA */

.InEvidenza{margin:2% 5% 0 5%;}

@media (max-width:650px){	
	
	.InEvidenza{padding-left:5%;}
	
}
	
/* CARD */

.card {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
	margin:auto;
	background-color: #f9ebec; 
}

.card:hover{box-shadow: 0 8px 16px 0 rgb(255,255,255);}

 @media (max-width:650px){
 
 	.card {margin:3%;}
 	
 }
  
.cardUpperPart{
	background-size:cover;
	height:250px;
}
	
.cardLowerPart{
	padding-bottom:20px;
	text-align:center;
	height:250px;
}

@media (max-width:1100px){	
	
	.cardLowerPart{height:260px;}
		
}
		
.cardLowerPart h3{
	text-align:center;
	font-size:18px;
	line-height:1.0;
	padding:3%;	 
}

.cardLowerPart p{	
	line-height:1.1;
	text-align:center;
	color:black;
	padding:1%;
	margin:0 auto;
}
	
@media (max-width: 650px) {
	
	.cardLowerPart p{font-size:1.1rem;}	
			
}
	
.sfondoCardProdotto{	
	background-size:cover;
	background-position:center;
	cursor:pointer;
}

	
.bottoneCard{
	padding:5px 0px 5px 0px;
	margin:10px 10px 10px 10px;
}
	

.bottoneCard a{  
    font-size: 1.1rem; 
    padding:10px 30px 10px 30px; 
}
 
				/* pagina SCHEDA PRODOTTI */

.schedaProdotti{padding:3%;}


.prodotto_text{
	padding:3% 5% 3% 5%;
	margin:3% 5% 2% 5%;
}

.schedaProdotti h1{
	font-size:2.4rem;
	padding: 3% 5% 3% 5%;
}

@media (max-width:650px){
	
	.schedaProdotti h1{font-size:2.2rem;}
	
}

.prodotto_text h2{
	font-size:1.4rem;
	font-weight:600;
	padding-bottom:0px;
}

.prodotto_text p {
	width: 100%;
    color: #1f1f1f;
    margin:0;
}

/* sezione immagine prodotto */

.prodotto_img {
	width:55%;
	text-align:center;
	margin:0 auto;
	margin-top:10%;
	margin-right:10%;  
}
    
@media (max-width:1100px){
	
	.prodotto_img {width:70%;}
	
}

@media (max-width:880px){
	
	.prodotto_img {margin-top:30%;}	
	
}
    
@media (max-width:650px){
	
	.prodotto_img {margin:0 auto;}	
				
}

/* bottone acquista */

.bottoneAcquista{	
	padding:0;
	margin:0 0 1% 5%;		
}

@media (max-width:650px){
	
	.bottoneAcquista{	
		padding:3% 5% 3% 5%;
		margin:0 5% 0 5%;	
	}
	
}

.bottoneAcquista a{padding:10px 20px 10px 20px;}


				/* pagina MESSAGGIO dopo acquista */
				
.messaggio{
	font-family:'Quicksand';
	padding:3%;	
	text-align:center;
}

.messaggio p{font-size:1.2rem;}

.messaggio p.linkASurvey{margin:10px;}

.messaggio button{
	padding:10px 30px 10px 30px;
	margin:10px;
	margin-top:0px;
	font-size:1.2rem;
}

					/* SELETTORI x LA PAGINA  PRIVACY */
					
.privacy{
	padding:10px;
	padding-left:20px;
}					
				
.privacy h1{font-size:3rem;}

.privacy h2{font-size:1.6rem;}

.privacy h3{
	font-size:1.6rem;
	margin-top:20px;
}

				/* SELETTORI x LA PAGINA SURVEY e SURVEY OK*/
						
.inputInvia{padding-top:30px;}

.inputInvia input{
    padding:10px 30px 10px 30px;
    margin:10px 10px 10 10px;
    text-transform: uppercase;
}
						
.surveySbaizy{padding:5%;}

.divDomanda{padding-bottom:10px;}

.divDomanda p{font-weight:500;}

.divParagrafoSconto{
	padding-top:10px;
	padding-bottom:30px;
}

.divParagrafoSconto p{font-weight:500;}

.homeSurveyOK{
	text-align:right;
	padding-top:20px;
}


.prodotto_text_1{
	padding:3% 4% 3% 8%;
	margin:3% 4% 2% 8%;
}

.prodotto_text_1 h2{
	font-size:1.4rem;
	font-weight:600;
	padding-bottom:0px;
}

.prodotto_text_1 p {
	width: 100%;
    color: #1f1f1f;
    margin:0;
}

@media (max-width:650px){
	
	.prodotto_text_1{
		padding:0% 5% 0% 5%;
		margin:0% 5% 0% 5%;
	}
	
}


/* Accordion nella pagina dei prodotti */	
	
.accordion {
	cursor: pointer;
	transition: background-color 0.2s linear;
} 
    
.accordion-content {
	max-height: 0;
   	overflow: hidden;
   	transition: max-height 0.2s ease-in-out;
}
   		
div.boxclosed {
	height: 142px; 
	overflow: hidden;
}
	
div.boxopen {
	cursor: pointer;
	height: 100%;
}

.boxmore{
	cursor: pointer;
	padding-top:12px;
}

.boxmore p{
	font-weight:600;
	font-size:0.9rem;
}
	
.dispnone {display: none;}

a.linkSottolineato{
	font-style:italic;
	text-decoration: underline;
	font-weight:600;
	font-size:0.9rem;	
}

				/* pagina ELENCO-PRODOTTI */
				
.elencoProdotti{margin:2% 5% 2% 5%;}

@media (max-width:650px){
	
	.elencoProdotti h1{font-size:1.3rem;}
	
}
	

			/* SELETTORI PAGINA CHI SIAMO*/
			
div.toGoHome.banner_text{
	padding-top:0px;
	margin-top:0px;
}

div.chiSiamoImg{
	text-align:center;
	margin:auto;	
}

div.chiSiamoImg img{max-width:240px;}

div.chiSiamo .banner_text{
	padding:5%;
	margin:5%;
	margin-bottom:0%;
	margin-top:0%;
	padding-bottom:0%;
	padding-top:0%;		
}

							/* pagina BLOG e CONTENUTI */
							


div.contenuto{	
	margin:2%;
	margin-top:0%;
	padding:2%;	
}

@media (max-width:650px){
	div.contenuto{	
		padding:2%;
		margin:1%;
	}
}
	

div.contenuto p{	
	padding-top:5px;
	padding-bottom:5px;
		
}

.fotoContenuto{
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	}
	
.fotoContenuto img{	
	max-width:400px;
	height:auto;
}



/* SELETTORI MOTORE DI RICERCA*/


.filtro1 {
    text-align: center;
    margin:auto;
    margin-top:10px;
    margin-bottom:30px;
    max-width:193px;
}

.filtro1-button {
    background-color: #f9ebec;
    padding: 10px 15px;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
    color: #333333;
    font-family: 'Quicksand';
    font-size:1.1rem;
}

.filtro1-content {
    display: none;
    position: absolute;
    background-color: #f9ebec;
    max-width:193px;
    width: 100%;
    z-index: 1;
}

.filtro1-content a {
    color: #333333;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
    font-size:1.1rem;
}

.filtro1-content a:hover {
    background-color: #f1f1f1;
}

.filtro1:hover .filtro1-content {
    display: block;
}


/* -------NATALE---------

.natale{
	text-align:center;
	width:45%;
	height: auto;
	margin:auto;
	margin-top:3%;
}

@media (max-width:650px){
	
	.natale{
		width:100%;
	}
		
}

*/