/* HEADER > LOGO  */

.gab-logo
{
    margin: auto;
	width: 100%;
	height: 184px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("../img/logo-gabbiano.png");
	/*border:  1px solid #FF0000;*/
}

@media (max-width: 768px)
{
	.gab-logo
	{
		height: 120px;
	}
}

/* HEADER > NAVIGAZIONE */

.gab-menu-navigation
{
	position: sticky;	
	top: 0px;
	z-index: 2;
	
	/*border:  1px solid #FF0000;*/
}

.gab-menu-wrap
{
	width: 100%;
	text-align: center;
	position: absolute;
	z-index: 2;
	padding: 16px;
	background-color: #FFFFFF;
}

.gab-menu-navigation a
{
	display: inline-block;
	vertical-align: top;
	padding: 8px 16px;
	background-color: #008AA9;
	color: #FFFFFF;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
}

.gab-menu-navigation a:active,
.gab-menu-navigation a:focus,
.gab-menu-navigation a:hover
{
	background-color: #FFFFFF;
	color: #008AA9;
}

.gab-navigation-anchor
{ 
	display: block;
	position: relative;
	top: -60px;
	visibility: hidden;
}

@media (max-width: 768px)
{
	.gab-menu-navigation
	{
		margin-bottom: 80px;
	}

	.gab-menu-navigation a
	{
		font-size: 12px;
		margin-bottom: 4px;
		padding: 4px 8px;		
	}  

	.gab-navigation-anchor
	{ 
		/*top: -128px;*/
		top:  -164px;
	}
}


/* MENU  */

p.title
{
	font-size: 18px;
	margin-bottom: 32px;
	color:  #000000;
}

ul.gab-menu-items
{
	color: #000000;
	list-style: none;
	margin: 0px;
	padding: 0px;	
}

ul.gab-menu-items li
{
	display: block;	
	margin-bottom: 80px;
}

ul.gab-menu-items li div.title
{
	font-size: 26px;
}

ul.gab-menu-items li div.desc
{
	margin-top: 16px;
	font-size: 16px;
}

ul.gab-menu-items li div.price
{
	/*float: right;*/
	margin-top: 16px;
	color: #008AA9;
	font-size: 24px;
	font-weight: 600;	
}

ul.gab-menu-items li div.allergeni
{
	margin-top: 4px;
	color: #BBBBBB;
	font-size: 14px;	
}


ul.gab-warnings
{
	
	margin: 0px 0px 0px 16px;
	padding: 0px;	
	font-size: 16px;
}

ul.gab-warnings li
{
	margin-bottom: 12px;
}

i.allergeni
{
	display: inline-block;
	width: 64px;
	height: 64px;
	background-size: contain;
}

i.al-cereali
{
	background-image: url("../img/allergeni-cereali.png");
}

i.al-sedano
{
	background-image: url("../img/allergeni-sedano.png");	
}

i.al-molluschi
{
	background-image: url("../img/allergeni-molluschi.png");
}