/* Menu in TABs
--------------------------------------------------
--------------------------------------------------- */

/*
	-- main container
*/
.irestaurant_menu{
	 padding-bottom:40px;
}

/*
 	-- tabs
*/
.irestaurant_menu #menu_tabs.iRmenu_tabs > ul.irm_tabs_navigation{
	width:100%; clear:both;
	margin:0; padding:0;
	height:40px;
	display:flex;
	justify-content:center;
}
.irestaurant_menu #menu_tabs > ul.irm_tabs_navigation li{
	display:inline;
	flex-grow:1;
	margin-right: 10px;
	position: relative;
}
.irestaurant_menu #menu_tabs > ul.irm_tabs_navigation li:last-child{
	margin-right: 0;
}
.irestaurant_menu #menu_tabs > ul.irm_tabs_navigation li a{
	display: inline;
	float: left;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	background: #dcdcdc;
	color: #333333;
	border-bottom:0;
	width: 100%;
	text-align: center;
}
.irestaurant_menu #menu_tabs > ul.irm_tabs_navigation li a:hover{
	color:#fff;
	background:#333333;
}
.irestaurant_menu #menu_tabs > ul.irm_tabs_navigation li.active a,
.irestaurant_menu #menu_tabs > ul.irm_tabs_navigation li.active a:hover{
	background:#fff;
	color:#333333;

}

.irestaurant_menu #menu_tabs > ul.irm_tabs_navigation li a.edit{
	position: absolute;
	top: 0; right:0;
	width:28px; height:28px;
	line-height: 28px;
	font-size:12px;
	text-align: center;
	z-index: 2;
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#menu_tabs > ul li a.edit:hover{
	background: #fffacd;
	color: #333333;
	-webkit-opacity: 1;
	 	-moz-opacity: 1;
		     opacity: 1;
}


/*
	-- tab panels
*/
.irestaurant_menu #menu_tabs .menu_panel{
	width:100%;
	clear:both;
	display:block;
	position: relative;
	overflow: hidden;
	max-height: 20000px;
	border:0px solid #dcdcdc;	
	padding:0px 30px;
	background: #fff;
}
.irestaurant_menu #menu_tabs .menu_panel.hide{
	opacity:0;
	visibility:hidden;
	max-height: 0;
	border: 0;	
}


/* clearfix */
.irestaurant_menu #menu_tabs .menu_panel:after {
  content: '';
  display: block;
  clear: both;
}
/* -- edit single menu link */
.irestaurant_menu #menu_tabs .menu_panel .edit-menu-link{
	position: absolute;
	top: 0;
	left:0;
	font-size: 10px;
	padding: 0 10px 0 5px;
	color:#fff;
	line-height:24px;
	height:24px;
	background: rgba(0,0,0,0.2);
}
.irestaurant_menu #menu_tabs .menu_panel .edit-menu-link .fa{
	padding: 0 5px;
}
.irestaurant_menu #menu_tabs .menu_panel .edit-menu-link:hover{
	background: #333333;
	color:#fff;
}



/*
	-------------------------------------------
		COLUMNING
	-------------------------------------------
*/


/*
	-- Panel Menu Items Without sections: floating li elements
	-- menu senza sezioni: distribuiamo su colonne i singoli piatti
*/
.irestaurant_menu #menu_tabs .menu_panel .irm_container{
	overflow: hidden; clear:both;
	padding-top:30px;
}
.irestaurant_menu #menu_tabs .menu_panel .irm_container > ul.dishes-list{
	margin:0;padding:0;
}
.irestaurant_menu #menu_tabs .menu_panel .irm_container > ul.dishes-list li{
	display:inline-table;
	float:left;
}

/* 1 colonna */
.irestaurant_menu #menu_tabs .menu_panel.cols-1 .irm_container > ul.dishes-list li{
	width:100%;
	margin:1% 0;
}
/* 2 colonne */
 .irestaurant_menu #menu_tabs .menu_panel.cols-2 .irm_container > ul.dishes-list li{
	width: 47%;
}
 .irestaurant_menu #menu_tabs .menu_panel.cols-2:not(.menu-masonry) .irm_container > ul.dishes-list li{
	margin: 1% 0 1% 6%;
}
 .irestaurant_menu #menu_tabs .menu_panel.cols-2 .irm_container > ul.dishes-list li:first-child,
 .irestaurant_menu #menu_tabs .menu_panel.cols-2 .irm_container > ul.dishes-list li:nth-child(2n+1){
	margin-left:0;
	clear:left;
}

/* 3 colonne */
 .irestaurant_menu #menu_tabs .menu_panel.cols-3 .irm_container > ul.dishes-list li{
	width: 29.33%;
}
 .irestaurant_menu #menu_tabs .menu_panel.cols-3:not(.menu-masonry) .irm_container > ul.dishes-list li{
	margin: 1% 0 1% 6%;
}
 .irestaurant_menu #menu_tabs .menu_panel.cols-3:not(.menu-masonry) .irm_container > ul.dishes-list li:first-child,
 .irestaurant_menu #menu_tabs .menu_panel.cols-3:not(.menu-masonry) .irm_container > ul.dishes-list li:nth-child(3n+1){
	margin-left:0;
	clear:left;
}

/* 4 colonne */
 .irestaurant_menu #menu_tabs .menu_panel.cols-4 .irm_container > ul.dishes-list li{
	width: 22%;
}
 .irestaurant_menu #menu_tabs .menu_panel.cols-4:not(.menu-masonry) .irm_container > ul.dishes-list li{
	margin: 1% 0 1% 4%;
}
 .irestaurant_menu #menu_tabs .menu_panel.cols-4:not(.menu-masonry) .irm_container > ul.dishes-list li:first-child,
 .irestaurant_menu #menu_tabs .menu_panel.cols-4:not(.menu-masonry) .irm_container > ul.dishes-list li:nth-child(4n+1){
	margin-left:0;
	clear:left;
}

/*
	-- Panel Menu sections: table-like columns
	-- sezioni distribuite su colonne display:inline-table
*/
 .irestaurant_menu #menu_tabs .menu_panel .irm_container:after {
	clear:both; width:100%; content:"";
}
 .irestaurant_menu #menu_tabs .menu_panel.menu-table .irm_container div.menu-section{
	/*display:inline-table;*/
	float: left;
}
/* 1 colonna */
 .irestaurant_menu #menu_tabs .menu_panel.menu-table.cols-1 .irm_container div.menu-section{
	width:100%;
	margin:1% 0;
}
/* 2 colonne */
 .irestaurant_menu #menu_tabs .menu_panel.menu-table.cols-2 .irm_container div.menu-section{
	width: 47%;
	margin: 1% 0 1% 6%;
}
 .irestaurant_menu #menu_tabs .menu_panel.menu-table.cols-2 .irm_container div.menu-section:first-child,
 .irestaurant_menu #menu_tabs .menu_panel.menu-table.cols-2 .irm_container div.menu-section:nth-child(2n+1){
	margin-left:0;
	clear:left;
}
/* 3 colonne */
 .irestaurant_menu #menu_tabs .menu_panel.menu-table.cols-3 .irm_container div.menu-section{
	width: 29.33%;
	margin: 1% 0 1% 6%;
}
 .irestaurant_menu #menu_tabs .menu_panel.menu-table.cols-3 .irm_container div.menu-section:first-child,
 .irestaurant_menu #menu_tabs .menu_panel.menu-table.cols-3 .irm_container div.menu-section:nth-child(3n+1){
	margin-left:0;
	clear:left;
}
/* 4 colonne */
 .irestaurant_menu #menu_tabs .menu_panel.menu-table.cols-4 .irm_container div.menu-section{
	width: 22%;
	margin: 1% 0 1% 4%;
}
 .irestaurant_menu #menu_tabs .menu_panel.menu-table.cols-4 .irm_container div.menu-section:first-child,
 .irestaurant_menu #menu_tabs .menu_panel.menu-table.cols-4 .menu-section:nth-child(4n+1){
	margin-left:0;
	clear:left;
}



/*
	-- Panel Menu sections: Masonry style
	-- with: http://masonry.desandro.com
	-- sezioni distribuite su colonne in stile masonry
*/
.irestaurant_menu #menu_tabs .menu_panel.menu-masonry .irm_container{
	padding-top: 40px;
}
.irestaurant_menu #menu_tabs .menu_panel.menu-masonry .irm_container  div.grid-item{
	float: left;
}
.irestaurant_menu #menu_tabs .menu_panel.menu-masonry.cols-1 .irm_container div.grid-sizer,
.irestaurant_menu #menu_tabs .menu_panel.menu-masonry.cols-1 .irm_container div.grid-item {
  	width:100%;
}
.irestaurant_menu #menu_tabs .menu_panel.menu-masonry.cols-2 .irm_container div.grid-sizer,
.irestaurant_menu #menu_tabs .menu_panel.menu-masonry.cols-2 .irm_container div.grid-item {
  	width:47%;
}
.irestaurant_menu #menu_tabs .menu_panel.menu-masonry.cols-3 .irm_container div.grid-sizer,
.irestaurant_menu #menu_tabs .menu_panel.menu-masonry.cols-3 .irm_container div.grid-item {
  	width:29.33%;
}
.irestaurant_menu #menu_tabs .menu_panel.menu-masonry.cols-4 .irm_container div.grid-sizer,
.irestaurant_menu #menu_tabs .menu_panel.menu-masonry.cols-4 .irm_container div.grid-item {
  width:22%;
}
/* gutter */
.irestaurant_menu #menu_tabs .menu_panel.menu-masonry.cols-1 .irm_container div.gutter-sizer{
  width:0%;
}
.irestaurant_menu #menu_tabs .menu_panel.menu-masonry.cols-2 .irm_container div.gutter-sizer{
	width:6%;
}
.irestaurant_menu #menu_tabs .menu_panel.menu-masonry.cols-3 .irm_container div.gutter-sizer{
	width:6%;
}
.irestaurant_menu #menu_tabs .menu_panel.menu-masonry.cols-4 .irm_container div.gutter-sizer{
	width:4%;
}





/*
	-- sezione: header
*/
.irestaurant_menu h4.menu-section-title{
	text-align: center;
	border-bottom:1px solid #dcdcdc;
	font-weight: bold;
	position: relative;
}
.irestaurant_menu h4.menu-section-title span {
  background: #fff none repeat scroll 0 0;
  bottom: -14px;
  padding: 0 30px;
  position: relative;
  font-size: 120%;
}
.irestaurant_menu .cols-3 h4.menu-section-title span{
	font-size: 80%;
	padding: 0 10px;
}
.irestaurant_menu .cols-4 h4.menu-section-title span{
	font-size: 70%;
	padding: 0 10px;
}

.irestaurant_menu h4.menu-section-title span.sectionlink_container{
	position: absolute;
	right:0;
	bottom:0;
	width:28px;
	height:28px;
	background: transparent;
	padding: 0;
}
.irestaurant_menu h4.menu-section-title span.sectionlink_container a{
	float:left; display:block;
	height:28px;line-height: 28px;
	font-size:12px; width:100%;
	text-align: center;
}
.irestaurant_menu h4.menu-section-title span.sectionlink_container a:hover{
	background: #ccc;
}
/*
	-- sezione: note
*/
.menu_section_notes {
  color: #333;
  font-size: 90%;
  font-style: italic;
  font-weight: 300;
  line-height: 1.3;
  margin-top: 40px;
  padding-top: 10px;
}


/*
	-- hilight class for section
*/
.irestaurant_menu .menu-section,
.irestaurant_menu h4.menu-section-title span{
	-webkit-transition: all 1s ease-in-out!important;
  -moz-transition: all 1s ease-in-out!important;
  -o-transition: all 1s ease-in-out!important;
  transition: all 1s ease-in-out!important;
}
.irestaurant_menu .menu-section.hilight {
  background: #fffacd none repeat scroll 0 0!important;
}
.irestaurant_menu .hilight h4.menu-section-title span {
	background: #fffacd none repeat scroll 0 0!important;
}


/*
	-- lista piatti
*/
.irestaurant_menu #menu_tabs .menu_panel ul.dishes-list{
	padding: 20px 0 0 0;
	margin: 0;
	list-style:none;
}
.irestaurant_menu #menu_tabs .menu_panel > ul.dishes-list{
	padding:0;
}
/* singolo menu item */
.irestaurant_menu #menu_tabs .menu_panel ul.dishes-list li.menu-dish {
  margin-bottom: 15px;
  padding-bottom: 15px;
  position: relative;
  list-style:none;
}
.irestaurant_menu #menu_tabs .menu_panel .menu-section ul.dishes-list li.menu-dish {
	float:left; width:100%;
}
.irestaurant_menu #menu_tabs .menu_panel ul.dishes-list li.menu-dish:before{
	 border-bottom: 1px dotted #dcdcdc;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 18px;
    width: 100%;
    z-index: 0;
}
.irestaurant_menu #menu_tabs .menu-section .dishes-list li:after {
    clear: both;
    content: "";
    display: block;
}


.irestaurant_menu #menu_tabs .menu_panel ul.dishes-list .menu-dish:last-child{
	border-bottom:0;
}
/* menu item: title */
.irestaurant_menu #menu_tabs .menu_panel ul.dishes-list .menu-dish h6 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  padding-bottom: 0;
  width: 80%;
}
.irestaurant_menu #menu_tabs .menu_panel ul.dishes-list .menu-dish h6 span {
	background: #fff;
	z-index: 10;
	display: inline;
	padding: 0 10px 0 0;
	position: relative;
}
/* menu item: price */
.irestaurant_menu #menu_tabs .menu_panel ul.dishes-list .menu-dish .price{
	position: absolute;
	top: 0; right:0;
	text-align: right;
	top: -6px;
	background: #fff;
	padding-left: 10px;
}
.irestaurant_menu #menu_tabs .menu_panel .menu-dish .price .price-number{}
.irestaurant_menu #menu_tabs .menu_panel .menu-dish .price .price-details{}

/* menu item: description */
.irestaurant_menu #menu_tabs .menu_panel ul.dishes-list .menu-dish .description p{
	padding:5px 0 0px;
	font-size:75%;
	font-weight: 300;
	line-height: 1.3;
	width: 80%;
}



/* Menu Notes */
.irestaurant_menu .menu_notes {
  font-size: 80%;
  font-weight: 500;
  margin: 10px auto;
  padding: 10px;
  text-align: center;
  font-style: italic;
  line-height: 1.5;
}
/* Menu Notes in masonery */
.irestaurant_menu .menu_notes.grid-item{
	width: 100%;
}
.irestaurant_menu .menu_notes.notes_in_footer {
  background: #fffacd none repeat scroll 0 0;
  margin: 0 15%;
  width: 70%;

}

@media only screen and ( max-width: 980px ) {
	.irestaurant_menu .menu_notes.notes_in_footer {
		width: 100%;
		margin: 0;
	}
}




/*
 ----------------------------media queries
 *****************************************
*/
/*-------------------[1080px]------------------*/

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

	  #menu_tabs{
			width: 100%;
			margin: 0 auto;
		}

}
@media only screen and ( min-width: 981px ) {
	#menu_tabs{
		width: 100%;
		margin: 0 auto;
	}
}
@media only screen and ( max-width: 980px ) {

	/*
			cols with sections table-style
	*/
	/* 3 e 4 colonne diventano da 2 */
	.irestaurant_menu .menu_panel.menu-table.cols-3 .menu-section,
	.irestaurant_menu .menu_panel.menu-table.cols-3 .menu-section:nth-child(3n+1),
	.irestaurant_menu .menu_panel.menu-table.cols-4 .menu-section{
		width: 47%;
		margin: 1% 0 1% 6%;
	}
	.irestaurant_menu .menu_panel.menu-table.cols-3 .menu-section:nth-child(2n+1),
	.irestaurant_menu .menu_panel.menu-table.cols-4 .menu-section:nth-child(2n+1){
		margin-left:0;
	}



	/* cols with sections masonry-style */
	.irestaurant_menu .menu_panel.menu-masonry.cols-3 .grid-sizer,
	.irestaurant_menu .menu_panel.menu-masonry.cols-4 .grid-sizer,
	.irestaurant_menu .menu_panel.menu-masonry.cols-3 .menu-section,
	.irestaurant_menu .menu_panel.menu-masonry.cols-4 .menu-section{
		width:47%;
	}
	.irestaurant_menu .menu_panel.menu-masonry.cols-3 .gutter-sizer,
	.irestaurant_menu .menu_panel.menu-masonry.cols-4 .gutter-sizer {
     width: 4%;
   }

	/* cols without sections */
	.irestaurant_menu .menu_panel.cols-3 .irm_container > .dishes-list li,
	.irestaurant_menu .menu_panel.cols-3 .irm_container > .dishes-list li:nth-child(3n+1),
	.irestaurant_menu .menu_panel.cols-4 .irm_container > .dishes-list li{
		width: 47%;
		margin: 1% 0 1% 6%;
		clear:none;
	}
	.irestaurant_menu .menu_panel.cols-3 .irm_container > .dishes-list li:nth-child(2n+1),
	.irestaurant_menu .menu_panel.cols-4 .irm_container > .dishes-list li:nth-child(2n+1){
		margin-left:0;
		clear:left;
	}

}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {

	.irestaurant_menu #menu_tabs .menu_panel.menu-masonry.cols-2 .irm_container div.gutter-sizer {
		width: 0;
	}
	.irestaurant_menu #menu_tabs .menu_panel.menu-masonry.cols-2 .irm_container div.grid-sizer, 
	.irestaurant_menu #menu_tabs .menu_panel.menu-masonry.cols-2 .irm_container div.grid-item {
		width: 100%;
	}

	.irestaurant_menu #menu_tabs .menu_panel.menu-table.cols-1 .irm_container div.menu-section,
	.irestaurant_menu #menu_tabs .menu_panel.menu-table.cols-2 .irm_container div.menu-section,
	.irestaurant_menu #menu_tabs .menu_panel.menu-table.cols-3 .irm_container div.menu-section,
	.irestaurant_menu #menu_tabs .menu_panel.menu-table.cols-4 .irm_container div.menu-section,
	.irestaurant_menu #menu_tabs .menu_panel.menu-masonry.cols-1 .irm_container div.menu-section,
	.irestaurant_menu #menu_tabs .menu_panel.menu-masonry.cols-2 .irm_container div.menu-section,
	.irestaurant_menu #menu_tabs .menu_panel.menu-masonry.cols-3 .irm_container div.menu-section,
	.irestaurant_menu #menu_tabs .menu_panel.menu-masonry.cols-4 .irm_container div.menu-section,
	.irestaurant_menu #menu_tabs .menu_panel.cols-1:not(.menu-masonry) .irm_container > ul.dishes-list li,
	.irestaurant_menu #menu_tabs .menu_panel.cols-2:not(.menu-masonry) .irm_container > ul.dishes-list li,
	.irestaurant_menu #menu_tabs .menu_panel.cols-3:not(.menu-masonry) .irm_container > ul.dishes-list li,
	.irestaurant_menu #menu_tabs .menu_panel.cols-4:not(.menu-masonry) .irm_container > ul.dishes-list li{
		width:100%!important;
		margin:0 0 3% 0;
	}

	.irestaurant_menu .menu_panel.cols-1 .menu-section > h4 span,
	.irestaurant_menu .menu_panel.cols-2 .menu-section > h4 span{
	font-size: 110%;
	padding: 0 10px;
	}

	.irestaurant_menu #menu_tabs.iRmenu_tabs > ul.irm_tabs_navigation{
		flex-wrap: wrap;
		height: auto;
	}
	.irestaurant_menu #menu_tabs.iRmenu_tabs > ul.irm_tabs_navigation li {
  	 margin-right: 1px;
  	 margin-top: 1px;
	}

	.irestaurant_menu .menu_panel .edit-menu-link{
		top:auto;
		bottom:0;
	}

}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {

	.irestaurant_menu .menu_panel.cols-1 .menu-section,
	.irestaurant_menu .menu_panel.cols-2 .menu-section,
	.irestaurant_menu .menu_panel.cols-3 .menu-section,
	.irestaurant_menu .menu_panel.cols-4 .menu-section,
	.irestaurant_menu .menu_panel.cols-1 .irm_container > .dishes-list li,
	.irestaurant_menu .menu_panel.cols-2 .irm_container > .dishes-list li,
	.irestaurant_menu .menu_panel.cols-3 .irm_container > .dishes-list li,
	.irestaurant_menu .menu_panel.cols-4 .irm_container > .dishes-list li{
		margin:0 0 2% 0;
	}

	.irestaurant_menu .menu_panel.cols-1 .menu-section > h4 span,
	.irestaurant_menu .menu_panel.cols-2 .menu-section > h4 span{
		font-size: 70%;
		padding: 0 10px;
	}


}