/*

 Theme Name:   Twenty Seventeen Child

 Theme URI:    https://diviextended.com/

 Description:  A child theme of Twenty Twenty WordPress theme.

 Author:       Elicus Technologies

 Author URI:   https://elicus.com

 Template:     twentyseventeen

 Version:      1.0.0

 License:      GNU General Public License v2 or later

 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

*/



@import url("../twentyseventeen/style.css");

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

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

:root {
  --main-bg-color: #6d0700;
  --buonoristo-color:#3b1917;
  --example1-color1:#c7da83;
  --example1-color2:#48b17b;
}

.material-icons {
    font-family: 'Material Icons'!important;}

*{   font-family: 'Montserrat', sans-serif;}

/*home*/
.home .entry-header{display:none;}

body.home.page-one-column .panel-content .wrap {
    max-width: 1400px;
}


body.home .panel-content .wrap {
    padding-bottom: 0;
    padding-top: 0;
}

.home h1{    font-weight: bold;
    text-transform: uppercase;
    color: #3b7f07;
    text-align: center;}


/*end home*/

.page:not(.home) #content {
    padding-bottom: 0;
}


.qr-code{    position: relative;
    bottom: 0;
    z-index: 99999999;text-align:center;}

    .qr-code a{  display: block!important;    }
.qr-code h2{margin-bottom:0;}


#page button:focus{background:none;}

.user_bar{    position: relative;
    display: inline-block;
    background: var(--main-bg-color);
    width: 100%;
    text-align: center;}
.user_button{    margin: 0 10px;
    display: inline;}

#page{    max-width: 100%;
    margin: 0 auto;}

/*header*/
.risto_header{position:relative;}
.risto_header .logo{   float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}
	.risto_header .logo img{  max-width: 350px;}
.risto_header .logo_testo{    float: left;
    width: 60%;text-align: left;}
.risto_header .logo_testo h1{  font-size: 42px;
    line-height: 56px;
    text-transform: uppercase;
    font-weight: 700;    margin: 0;
    padding: 20px 0 0;}
	
	.risto_header .informazioni_generali{ font-size: 20px;
    width: 20%;
    float: right;
    text-align: center;
    background: #ffffff;
    padding: 20px;
    height: 100%;
    border-radius: 0;
    min-height: 150px;
    margin: 10px 0% 0 0%;
    border: 5px solid var(--main-bg-color);
    box-sizing: border-box;
    font-weight: 700;}
	
	.risto_header .contatti{text-align: right;
    width: 20%;
    float: right;
    background: var(--main-bg-color);
    color: #FFF;
    padding: 20px;
    margin: 10px 0;
    border: 5px solid var(--main-bg-color);
    min-height: 150px;}
	.risto_header:after{clear:both;    content: " ";
    display: table;}

.risto_header .contatti p a{ color: #FFF;}

#main .sezione{margin-bottom:30px;}
#menu{         width: 300px;
    display: block;
    border-style: solid;
    border-width: 0px 3px 3px 3px;
    border-color: var(--main-bg-color);
    text-align: left;
    position: fixed;}
	#menu .tipo_menu{margin-bottom:15px;}
	
	#menu ul, #menu ul li{ list-style: none; margin-left:0;}
	
	.sectionMenu{margin-bottom:0;}
	
	.sectionMenu .tipo_menu{ padding: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #333;
    font-weight: 700;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
       margin-bottom: 30px;
    font-size: 32px;}
	
	.sectionMenu .tipo_menu span{     padding-right: 10px;
    font-size: 36px;
    vertical-align: middle;}
	.menuSezioni{    display: block;
    width: 400px;
    margin: 0 auto;
    background: #FFF;
    border: 1px solid var(--main-bg-color);
    border-style: solid;
    border-width: 0 1px 1px 1px;}
	.menuSezioni li{list-style:none;}
	
	.menuSezioni li a{    display: block;
    line-height: 22px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;}
	
		.menuSezioni li a:hover{   background-color:#F8F8F8;}

        
#page{
    display: none;
}

#page.alpostogiusto{
    display: block;
}

#page.buono-risto{
    display: block;
}

/*pagine*/

#risto_page:after{content:'';display:block;clear:both;}
.site-content-contain{    width: 75%;
float: right;}
.sidebar{width:25%;float:left;position: relative;    padding-top: 25px;}
.sidebar:after{content:'';clear:both;display:block;}
.site-content-contain:after{content:'';clear:both;display:block;}
#content{padding-top:25px;}
.wrap{}
.titolo_sezione h2{    font-size: 26px;
line-height:32px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #2f2f2f;
	    margin-bottom: 30px;
}

.contenuto_sezione .piatto{display: inline-block;
    width: 100%;margin: 10px 0 10px;}
.contenuto_sezione .piatto:after{display:block;clear:both;content:'';}
.contenuto_sezione .piatto div, .contenuto_sezione .piatto p{display:inline;}
.contenuto_sezione .piatto .descrizione p{margin: 8px 0 30px;display: block;}
.contenuto_sezione .piatto .descrizione{    display: inline-block;
    width: 100%;
    background-image: linear-gradient(to right,rgba(56,47,47,.5) 33%,rgba(0,0,0,0) 0%);
    background-position: top;
    background-size: 3px 1px;
    background-repeat: repeat-x;
    height: 1px;
    width: 100%;
    /* top: 27px; */
    padding-top: 8px;}
	.contenuto_sezione .piatto .nome_piatto, .contenuto_sezione .piatto .codice_piatto, .contenuto_sezione .piatto .prezzo{font-weight:700;font-size:18px;line-height:24px;}
	.contenuto_sezione .piatto .prezzo{float:right;}
	
	
	
	
	footer{       display: inline-block;text-align:center;
    width: 100%;
    margin: 25px 0 0;
    padding: 10px;
    background: #FFF;
    color: #050607;
    clear: both;
    position: relative;}
		footer:before{content:'';clear:both;display:block;}
		footer a{color:#2ca2b0}footer a:Hover{font-weight:bold;color:#2ca2b0}
		footer a.admin{  
            background: #dd6217;
    width: 48px;
    height: 48px;
    top: 0;
    position: relative;
    right: 0;
    color: #0a0a0a;
    font-weight: bold;
    font-size: 34px;
    line-height: 48px;
    padding:15px;
    text-align: center;}	
footer a.admin:hover{      background: #dd6217;opacity:0.7;}
	footer p{margin:0;    font-size: 12px;
    line-height: 24px;    display: inline;}
	
	/*button*/
.page button{border-radius: 0;
   background:none;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
	}
.page button:hover{background:none;opacity:0.8}


	
	/*menu button*/
	.page #menu button{border-radius: 0;
    background: none;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    border-style: solid;
  border-width: 3px 0 3px 0px;
    border-color: var(--main-bg-color);
    color: var(--main-bg-color);
    width: 100%;}	
	

.page #menu button:hover{color:#F5F5F5;background:var(--main-bg-color);}

	.page #menu ul li ul li a{     display: block;
    width: 100%;
    padding: 12px 7px;
    border-bottom: 1px solid #0a0a0a;
    border-style: dotted;
    border-width: 0 1px 1px 0;}

	.page #menu ul li ul li a:hover{   background: rgba(10, 10, 10, 0.12156862745098039);}
	
	
		
	/*media*/
	
	

	#menuMobile{    min-height: 100vh;}
	#menuMobileBottonOpen{  display: block!important;
    position: absolute;
    top: 0;
    background: #6d0700;
    height: 96px;
    width: 96px;
    text-align: center;
    color: #FFF;
    /* padding-top: 20px; */
    font-size: 48px;
    line-height: 96px;
    cursor: pointer;}


		#menuMobileBottonOpen:hover{    filter: alpha(opacity=60);
  /* IE */
  -moz-opacity: 0.6;
  /* Mozilla */
  opacity: 0.6;
  /* CSS3 */}
		#menuMobileBottonOpen:hover{}
	.sidebar{display:none;}
	.site-content-contain{width:100%;margin:0;}
	.risto_header .logo_testo {
    float: none;
    width: 100%;
    text-align: center;}
	.risto_header .contatti{    width: 100%;
    text-align: center;
    float: none;
    display: inline-block;    min-height: auto;padding:0;font-size:20px;line-height:24px;padding:10px;margin:0 0 5px 0;}	
	.risto_header .contatti div, .risto_header .contatti p, .risto_header .contatti p a{    display:inline;margin:0 15px 0 5px;vertical-align: top;font-size: 24px;
    line-height: 1;}
	.risto_header .informazioni_generali {
border: 0;
    width: 100%;
    float: none;
    text-align: center;    min-height: auto;padding:0;margin:0 0 5px 0;
	}
	.risto_header .informazioni_generali p{padding:15px;margin:0;}
	

	
	#menuMobileBottonClose{
	left: 0;
    top: 0;
    position: absolute;
    z-index: 9999;
    width: 96px;
    height: 96px;
    background: #0a0a0a;
    text-align: center;
    line-height: 96px;
    font-size: 48px;
    color: #FFF;
    cursor: pointer;
	}

	#menuMobileBottonClose:hover{
	font-weight:bold;
	}
	#menuMobileDiv{text-align:center;}
	button.tipoMenuButton{
	background: none;
    font-size: 2em;
    border: none;
	 transition: all .35s ease-in-out;
	 color:var(--main-bg-color);
	}
	button.tipoMenuButton:hover{
	font-weight:bold;
	
	}
	button#menuCarta:hover{
	background:none;
	}
	
	#menuMobile ul{
	list-style: none;
	margin:0;
	}
	#menuMobile ul li a{
	font-size: 24px;
    line-height: 32px;
    padding-bottom: 15px;
    display: block;
	
	}
	#menuMobile ul li a:hover{	font-weight:bold;	}
	



	
	@media (max-width: 695px){
#menuMobileBottonOpen {
left: 0;
    position: absolute;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 32px;
    top:0;
}
#menuMobileBottonClose{
    left: 0;
    position: absolute;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 32px;
}

.risto_header .contatti div {    margin: 0 15px 5px 5px;	display:block;	}
	
}





	
	
	/*buono risto*/
		.page-id-71 .risto_header .informazioni_generali{ 
   border-top: 1px solid var(--buonoristo-color);}
	
	.page-id-71 .risto_header .contatti{
    background:none;
	border:none;
    border-bottom: 1px solid #222;}

.page-id-71 #menu{     border-color: var(--buonoristo-color);}
	
	.page-id-71 .titolo_sezione h2 {    color: var(--buonoristo-color);text-align:left;font-style:italic;font-weight};}
.page-id-71 #page .risto_header .informazioni_generali p {    font-weight: 400;    font-size: 16px;line-height:20px;}


	.page-id-71 .menuSezioni{    border: 1px solid var(--buonoristo-color);}

.page-id-71 .page button{border-color:var(--buonoristo-color);}
	.page-id-71 #menu button{    border-color: var(--main-bg-color);    color: var(--buonoristo-color); }	

.page-id-71 .page #menu button:hover{color:#F5F5F5;background:var(--buonoristo-color)}
	
	
	.page-id-71 #menuMobileBottonOpen{     background: var(--buonoristo-color);}

	.page-id-71 button.tipoMenuButton{	 color:var(--buonoristo-color);	}
	
	
	.page-id-71 .user_bar {    background: var(--buonoristo-color);}
	
		.page-id-71 .risto_header .contatti div, .page-id-71 .risto_header .contatti p, .page-id-71 .risto_header .contatti p a, .page-id-71 .risto_header .contatti .material-icons{ font-size: 16px;line-height:16px;   color:#FFF;margin:0;    vertical-align: middle;}
		.page-id-71 .risto_header .contatti .telefono{background:var(--buonoristo-color);padding: 12px 30px;}
		
		.page-id-71 .risto_header .informazioni_generali p {    font-weight: 400;    font-size: 16px;line-height:20px;}
		
		.page-id-71 .sectionMenu .tipo_menu {    background: var(--buonoristo-color);border:none;color:#FFF}
		
			
	


        /*loungebar pagine example*/

        .page-id-65 *{font-family: 'Comfortaa', cursive;}

		.page-id-65 .risto_header .informazioni_generali{      border-top: 1px solid rgb(72 177 123 / 20%);
            /* width: 50%; */
            /* float: left; */
            border-bottom: 1px solid rgb(72 177 123 / 20%);
            margin-bottom: 25px;}        


            .page-id-65 .risto_header .contatti {
                background: none;
     
                border:none;
            }
        
        .page-id-65 #menu{     border-color: var(--example1-color1);}
            
            .page-id-65 .titolo_sezione h2 {    color: var(--example1-color1);text-align:left;font-style:italic;font-weight};}
        .page-id-65 #page .risto_header .informazioni_generali p {    font-weight: 400;    font-size: 16px;line-height:20px;}
        
        
            .page-id-65 .menuSezioni{    border: 1px solid var(--example1-color1);}
        
        .page-id-65 .page button{border-color:var(--example1-color1);}
            .page-id-65 #menu button{    border-color: var(--main-bg-color);    color: var(--example1-color1); }	
        
        .page-id-65 .page #menu button:hover{color:var(--example1-color2);background:var(--example1-color1)}
            
            
            .page-id-65 #menuMobileBottonOpen{     background: var(--example1-color1);}
        
            .page-id-65 button.tipoMenuButton{	 color:var(--example1-color1);	}
            
            
            .page-id-65 .user_bar {    background: var(--example1-color1);}
            
                .page-id-65 .risto_header .contatti div, .page-id-65 .risto_header .contatti p, .page-id-65 .risto_header .contatti p a, .page-id-65 .risto_header .contatti .material-icons{ font-size: 26px;font-weight:bold;line-height:36px;   color:var(--example1-color2);margin:0;    vertical-align: middle;}
                .page-id-65 .risto_header .contatti .telefono{padding: 12px 30px;    padding: 12px 30px;
                    border-right: 1px solid rgb(72 177 123 / 20%);
                    margin-right: 25px;}
                
                .page-id-65 .risto_header .informazioni_generali p {  font-weight: bold;
                    font-size: 24px;
                    line-height: 36px;
                    color: #48b17b;}
                
                .page-id-65 .sectionMenu .tipo_menu { display:none;   background: var(--example1-color1);border:none;color:var(--example1-color2)}