html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; }

h1, h2, h3, h4, h5, h6 {clear: both; display: block; margin:0; line-height:1.3; text-align: inherit; font-weight: 400;  font-family: var(--montserrat);}

h1{font-size: 1.4em;}
h2{font-size: 1.2em; font-weight: 600; }
h3{font-size: 1.4em;}
h4{font-size: 1em; padding: 1.2em 0 .5em 0; font-weight: 600;}
h5{font-size: 1.2em; font-weight: 400;}



:root{--montserrat: 'Montserrat', sans-serif; --opensans: 'Open Sans', sans-serif; 
    --chiaro: #D1DEDF; 
    --grigio: #E8E6E4; 
    --sabbia: #c1b6a5; 
    --scuro: #689295; 
    --tortora: #6F6258; 
    --bg_main: #baaf9e;
}


img{ max-width: 100%; height: auto; padding: 0; margin: 0; line-height: 1; }

p, .likeP, .likeP p{line-height: 1.5; font-size: 15px; padding-bottom: 10px;}
.likeP h1, .likeP h2, .likeP h3, .likeP h4, .likeP h5, .likeP h6{ color: inherit;}
.upper{ text-transform: uppercase;}
ol, ul { list-style: none;}
del { 	text-decoration: line-through ;}
table { border-collapse: collapse;	border-spacing: 0;}
a img { border: none; display: block;}
a {text-decoration:none; color: #000000;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
a:hover {color: var(--scuro);}
.bg_color{  background-color: var(--sabbia); color: #FFF;}
.bg_color a{  color: #FFF}
.bg_color a:hover{  color: var(--chiaro);}


.padd_y{padding: 20px 0;}

.myClear{clear:both; padding:0; margin:0; font-size:0px; height:0px; display:block; }

.myRow, .row{ width: 100%; padding: 0 0; margin: 0 auto;  clear:both; display:block; position: relative;}
.myIn{  padding: 0; margin: 0 auto; clear:both; display:block;  max-width: 1180px; width: 90%; box-sizing: border-box;}
.flex{ display: flex; flex-direction: column; flex-wrap: wrap; }

.clear_desk{ clear: both;}

body{background: #FFF; color: var(--tortora); margin: 0; padding: 0; display: block; font-family: var(--opensans); font-size: 13px; position: relative; overflow-x: hidden;}

.header_area_cnt{ 
    padding: 10px 0; background-color: var(--tortora); color: #FFF;
}	
.header_area_flex{ 
    display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;
}	
    .logo_header_area{ width: 45px; height: auto; padding: 0 2em 0 0;}
    a.nav_back{ display: inline-block;
        padding: .2em 1em .2em 0;
        font-size: 2.5em; 
        color: #FFF;
    }

.main_page{  min-height: 65vh;   }
.lista_item_cnt{ padding: .3em 0}
.vini_categorie_item{
    font-size: 11px;
    padding: .8em 0;
}
.vini_categorie_item:nth-child(even){
    background-color: #6f62580e;
}
.vini_categorie_item a{
    padding: 0.5em 0;
    display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content:space-between;
}
.vini_categorie_item .myIn {padding: .3em 0 .5em 0;}
.vini_categorie_item_btn {
    display: block;
    /* border-bottom: 1px dotted var(--grigio); padding: .3em 0 .5em 0; */
}
.vini_categorie_item_btn_sign{
    font-size: 2em; font-weight: 200; padding: 0 .1em;
}

.btn_descr{ font-size: .8em; padding: .1em 0 .3em 0 ; font-weight: 300;}

.vini_tipologia{ padding: 1em 0;}
.vini_tipologia:nth-child(odd){
}
.vini_tipologia:nth-child(even){
    background-color: #6f62580e;

}
.vini_tipologia_tit{ color: var(--tortora); text-transform: uppercase; }
.vini_tipologia_tit::before{ content: "\00B7  "; color: var(--tortora); font-size: 1.5em; font-weight: 600; }
.cantina{ padding: 0 0 1em 0}
.cantina_nome { text-transform: uppercase;}
.cantina_vini{ padding: .5em 0 1.5em 1.5em;}
.etichetta_in_menu{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; padding: 1em 0;  border-bottom: 1px dotted var(--grigio);}
    .etichetta_nome{ width: 100%; font-size: 1.2em;  font-weight: 600; padding: 0 .2em .2em 0; }
    .etichetta_uvaggio{width: 72%; box-sizing: border-box; padding: 0 .2em 0 0;}
    .etichetta_formato{width: 12%; text-align: center; font-size: .8em; box-sizing: border-box; padding: .2em .2em 0 .2em;}
    .etichetta_prezzo{ width: 15%; text-align: right; box-sizing: border-box; padding: 0 0 0 .2em;}

.piatto_item{ padding: .5em 0;}
.piatto_item_in{
      padding: 1.5em 0;  border-bottom: 1px dotted var(--grigio);
    }
.piatto_item_info{
    display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;
}
    h3.nome_piatto{ width: 80%; font-size: 1.3em; padding: 0 .2em .2em 0; }
    .prezzo_piatto{ width: 20%; text-align: right; font-size: .9em; box-sizing: border-box; padding: 0 .3em;} 
    .prezzo_piatto_type{ font-size: .5em; box-sizing: border-box; padding: .1em 0;} 
.note_piatto{display: block;  padding: .5em 0 1.5em 1.5em;}
    /* .prezzo_piatto_type{ width: 18%; text-align: left; font-size: .5em; box-sizing: border-box; padding: 0 .3em;}  */

    /* .etichetta_uvaggio{width: 72%; box-sizing: border-box; padding: 0 .2em 0 0;}
    .etichetta_formato{width: 12%; text-align: center; font-size: .8em; box-sizing: border-box; padding: .2em .2em 0 .2em;}
    .etichetta_prezzo{ width: 15%; text-align: right; box-sizing: border-box; padding: 0 0 0 .2em;} 
    */


	#footer{background-color: var(--grigio); padding: 40px 0; background-image: url(img/trama2.png); background-position: left top; background-repeat: repeat;}		

	.footer_in{
        margin: 0 5%;
		display: flex; align-items: center; flex-direction: column;
		flex-wrap: wrap; 
	}
	.footer_info{
        width: 100%; 
        box-sizing: border-box;
        display: flex; align-items: center; flex-direction: row;
        flex-wrap: wrap; 
	}
	
		
    .logo_footer{display: inline-block; }
    .logo_footer img {width: 40px; height: auto; margin:0 10px 10px 0;}

	#menu-footer{
		margin-top: 30px;
		width: 100%;
		columns: 2;

    }
    #menu-footer li{ padding:3px 3px;}
    #menu-footer li a{ color: var(--tortora); font-size: .9em;}


    .footer_ordina_da_casa{
        margin:30px 0 0 0;
        text-align: center; padding: 1.5em .5em 1em .5em; box-sizing: border-box;
        background-color: var(--tortora); color: #FFF; font-size: 12px;
    }
    .footer_ordina_da_casa_in h1{ font-size: 1.2em; font-weight: 700;}
    .footer_ordina_da_casa_in h2{ font-size: 1.2em;}
    .footer_ordina_da_casa_in h3{ font-size: 1.6em; margin-bottom: 1em;}
    .footer_ordina_da_casa_in h4{ font-size: .8em; margin-top: 1em;}
    .footer_ordina_flex{ 
        display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center;
    }
    a.telefono_footer{ background-color: var(--sabbia); color: #FFF; display: inline-block; padding:.3em .3em .3em .3em; margin-left: .6em; border-radius: .3em;}
 a.telefono_footer::before{ content: '\260F'; font-weight: 700; padding-right: .3em;}


@media only screen and (min-width: 768px) {
    .flex{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; }	
    .etichetta_in_menu{  flex-wrap: nowrap; }
    .etichetta_nome{ width: 40%;  }
    .etichetta_uvaggio{width: 41%;}
    .etichetta_formato{width: 8%;}
    .etichetta_prezzo{ width: 10%;}


    .footer_ordina_da_casa{
        text-align: center; padding: 1em .5em; font-size: 16px;
    }			
    .footer_ordina_da_casa_in h1{ font-size: 1.6em; font-weight: 700;}
    .footer_ordina_da_casa_in h2{ font-size: 1.6em;}
    .footer_ordina_da_casa_in h3{ font-size: 1.6em; margin-bottom: 1em;}
    .footer_ordina_da_casa_in h4{ font-size: .8em; margin-top: 1em;}
			
    .footer_in{margin: 0 5%;
        display: flex; align-items: center; flex-direction: row;
        flex-wrap: wrap; justify-content: space-between ;
    }
    .footer_info{
        width: 30%; 
        flex-wrap: nowrap; 
    }
    .footer_info_in{ 
        margin: 0 0;

        padding:10px 10px 10px 30px;
    }
    .logo_footer img {width: 70px;}
    .txt_firma{ font-size: .8em; padding:2px 0}
    .txt_firma p{ font-size: inherit}
        
   
    /* .logo_footer_img .st0 {
        fill: yellow !important
    } */

    #menu-footer{
        width: 30%;
        columns: 2;
    }
    
}