/*
Theme Name: 	FRUGO
Author: 		Ufo ADV
Description:	Format Rigorosamente Usabile e Graficamente Originale
Template:		twentytwenty
Version: 		28.02.2022
*/

/* Theme customization starts here
-------------------------------------------------------------- */
html {margin:0;height:100%;bottom: 0;}
body {margin:0;height: 100%;padding:0;bottom: -70px;
position: relative;top:0;}

/***** -MOZ- **********************/
body
{
	scrollbar-width: thin;
	scrollbar-color: black white;
}


/***** -WEBKIT- **********************/
body::-webkit-scrollbar-track
{
    background-color: #ffffff;
}
body::-webkit-scrollbar
{
    width: 6px;
    background-color: #ffffff;
}
body::-webkit-scrollbar-thumb
{
    background-color: #000000;
}


body.stabilito::-moz-scrollbar { 
	display: none;
}
body.stabilito::-webkit-scrollbar { 
	display: none;
}

li {list-style:none;}
* {margin:0;padding:0;font-family:'Open Sans', sans-serif;}

#illinois_menu_testa_icone a:hover, 
#illinois_menu_testa_icona_panino:hover, 
#illinois_menu_splash_corpo1_B li:hover > a.tito, 
#illinois_menu_splash_corpo1_A li:hover > a.tito, 
#illinois_menu_testa_link li:hover,
#illinois_menu_splash_corpo1_C li.wish-list:hover > a,
#illinois_menu_splash_corpo1_B li:hover > a.prima,
#illinois_menu_splash_corpo1_D li > a:hover,
#illinois_menu_splash_corpo2 a:hover {
	filter:invert(0.5);
	-webkit-filter:invert(0.5);
}
#illinois_menu_testa_splash_dentro .contatti > a.dopo:hover,
#illinois_menu_testa_splash_dentro .wish-list > a.dopo:hover {
	filter:invert(1);
	-webkit-filter:invert(1);
}
.titolo-e-testo {color:black;}
body.mytop .titolo-e-testo {color:white;}
aside.illinois a {color:black;text-decoration:none;}
#illinois_apri_pannellino:hover {color:gray;}
#illinois_apri_pannellino {
    font-size: 15px;
    font-family: 'Open sans', sans-serif;
    font-weight:400;
}
#illinois_menu_splash_corpo1_A h2 {
	font-size: 28px !important;

}
@media (min-width:1000px) {
	#illinois_menu_splash_corpo1_A h2 {
		font-size: 54px !important;
		font-weight: 400 !important;
		margin-bottom: 54px;
	}
}

#illinois_menu_splash_corpo1_A > div > ul > li > a.tito {font-size:18px;}
@media (min-width:1000px) { 
	#illinois_menu_splash_corpo1_A > div > ul > li > a.tito {font-size:28px;}
}


#illinois_menu_splash_corpo2 a {font-size:40px;}
#illinois_menu_splash_corpo2_mobile a {font-size:15px;}

ul.progressive .girardengo > a::before {font-size:15px;}


/********************   COLORI **********************/
a:not(.ab-item):not(.linkone):not(.foto):not(.link-emo):not(.dopo):not(.puls):not(.sotto):not(.titolo-down):not(.link-autoplus):not(.prog-link):not(.icona-down):hover, 
.pulsantone > div:hover > *,
.wish-rimuovi:hover,
.flex.wish:hover,
.social > p:hover  {
	filter: invert(0.5) !important;
	-webkit-filter: invert(0.5) !important;
}

.gallery-icon > a:not(.ab-item):not(.linkone):not(.foto):not(.link-emo):not(.dopo):not(.puls):not(.sotto):not(.titolo-down):not(.link-autoplus):not(.prog-link) {
	filter:none !important;
	-webkit-filter:none !important;
}

.gallery-icon > a:not(.ab-item):not(.linkone):not(.foto):not(.link-emo):not(.dopo):not(.puls):not(.sotto):not(.titolo-down):not(.link-autoplus):not(.prog-link):not(.icona-down):hover  {
	filter: none !important;
	-webkit-filter: none !important;
}

/*grigio*/
#illinois_menu_ricerca_dentro a:hover,
.simboli-out::after,
#singola-collezione .flusso-di-colori > .colore.selezionato > .dicitura {
	color:#b2b2b2;
}
.segnaposto {
	border-color:#b2b2b2;
}

#illinois_menu_splash_corpo1_B li > a.dopo {
	border:1px solid #b2b2b2;
}

.cn-button.bootstrap {
	background-color:#b2b2b2;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b2b2b2;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #b2b2b2;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #b2b2b2;
}


/* grigino */
#illinois_menu {
	border-color:#e9ecec;
	background-color: white;
}
.caratteristiche-tecniche.documenti > div {
	background-color:#e9ecec;
}


#illinois_menu_splash_corpo1_B li:hover > a.dopo {
	border-color:white;
}


.cn-button.bootstrap {
	color:black;
}

.share-news .social > p:hover,
.download-cataloghi-collezioni > li:hover > *,
.singolo-doc:hover > *,
#principe.collezione .frecce-colori > span:hover,
#principe.collezione-mytop .frecce-colori > span:hover {
	filter:invert(0.5);
	-webkit-filter:invert(0.5);
}

/*rosso */
.segnaposto {
	color:#ac3f3c;
}
.catalogo-generale.documenti {
	background-color:#ac3f3c;
}

.catalogo-generale.documenti, #principe.download .catalogo-generale.documenti .titolino {
	color:white;
}


/*beige
#dcd3ca poi cambiato
*/

.catalogo-mytop {
	background-color:black;
	color:white;
}

.catalogo-mytop .singolo-doc .titolino {
	color: white !important;
}

ul.minimal a {color:black;}


/******************** MyTOP *****************************/
.nome-colle_mytop,
.spessore-formato_mytop,
.superfici_mytop,
#principe.collezione-mytop .colore > .dicitura,
#principe.collezione-mytop .flusso-di-nomi-colori,
.formato_mytop-colore,
#principe.collezione-mytop .share-collezione > p,
#principe.collezione-mytop .share-collezione .wish > p,
#principe.collezione-mytop .pulsantone > div > a {
	color:white;
	}
#principe.collezione-mytop .segno-colore.selezionato,
#singola-collezione.mytop ol.cinerama.briciole.blues > li.attivo {
	background-color:white;
	}
#principe.collezione-mytop .segno-colore,
#principe.collezione-mytop .pulsantone > div,
#principe.collezione-mytop .link-contatti,
#singola-collezione.mytop ol.cinerama.briciole.blues > li,
.flex.mytop-share .share-collezione {
	border-color:white;
	}
#principe.collezione-mytop .social > p,
#principe.collezione-mytop .share-collezione .wish::after,
#principe.collezione-mytop .link-contatti > a,
#singola-collezione.mytop nav.cinerama.freccine.blues > a {
	filter:invert(1);
	-webkit-filter:invert(1);
}

#singola-collezione.mytop,
.flex.mytop-share,
.pulsantone-mytop {
	background-color:black;
}

/************ SHAPE ***************/
/*
grigio chiaro d7d7d7
grigio scuro b5b5b5
*/
#principe.shape .contento-pagina,
#principe.shape .porta-breadcrumbs {
	background-color:#d7d7d7;
}

.colori-shape {
    background-color:#b5b5b5;
    }
ul.crossover.shape > li.shape3 > article > div {
	background-color:#D7D7D7;
	}
ul.cinerama.epico > li.area-tecnica-shape > article > .sotto > div {
    background-color:#b5b5b5;
    }
ul.cinerama.progressive.shape-p .cartello,
ul.cinerama.progressive.shape-p .cartello a {
	background-color: #D7D7D7;
	border-color: #D7D7D7;
}
ul.cinerama.progressive.shape-p .cartello a {
    color:#D7D7D7;
}
#principe.dettaglio-prodotto-shape {
    background-color:#d7d7d7;
}
.catalogo-shape {
	background-color:#D7D7D7;
}