html, body {
background-color: rgb(247, 244, 240);
background-image: url(../img/noise.png);
height:100%;
-webkit-font-smoothing: antialiased;
}


.architects-font{
font-family: 'Architects Daughter', Helvetica, Arial, sans-serif;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}


em{
	color: inherit;
}

a, a:hover{
color: inherit;
cursor: pointer;
text-decoration: none;
}

.uk-subnav>.uk-active>*, .uk-subnav>*>:hover, .uk-subnav>*>:focus{
color: rgb(120, 83, 36);
}

 a:hover, a.sociallylinky:hover, .sociallylinky:hover, .sociallylinky img:hover{
cursor: pointer;
}



/* ======= OVERRIDE NAVBAR ======= */
.uk-navbar{
background:none;
background-image: -webkit-linear-gradient(top, rgba(255,255,255,.9), #fcf7ef);
background-image: linear-gradient(to bottom, rgba(255,255,255,.9), #fcf7ef);

}
@media only screen and (min-width : 320px) and (max-width : 991px)  {
.menu-mobile-top-else-bottom{
}
}
@media only screen and (min-width : 992px) {
.menu-mobile-top-else-bottom{
position: absolute !important;
bottom: 0;
left: 0;
right: 0
}
}
.uk-navbar-shadow{
box-shadow: 0px 0px 8px -3px rgba(0,0,0,.8);
width: 100% !important;
}
.uk-dropdown-navbar{
background:none;
background-image: -webkit-linear-gradient(top, rgba(255,255,255,.9), #fcf7ef);
background-image: linear-gradient(to bottom, rgba(255,255,255,.9), #fcf7ef);
box-shadow: 0px 0px 6px -3px rgba(0,0,0,.8);
}
.uk-navbar-nav>li.uk-active>a
{
background:none;
background-image: -webkit-linear-gradient(top,  rgba(255,255,255,.3), rgba(255,255,255,.3));
background-image: linear-gradient(to bottom,  rgba(255,255,255,.3), rgba(255,255,255,.3));
}
.uk-navbar li a{
text-transform: uppercase;
font-weight: bold;
cursor: pointer !important;
-webkit-user-select: none;  /* Chrome all / Safari all */
-moz-user-select: none;     /* Firefox all */
-ms-user-select: none;      /* IE 10+ */
user-select: none;
}
.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:focus, .uk-navbar-nav>li.uk-open>a{
background:rgba(255,255,255,.3);
}
.uk-nav-dropdown>li>a:hover, .uk-nav-dropdown>li>a:focus{
background:rgba(50,20,10,.4);
}
@media only screen and (min-width : 768px) {
.uk-navbar-nav>li>a{
height: 81px;
line-height: 80px;
}
.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle
{
padding-top: 30px;
padding-bottom: 30px;
}
.uk-navbar-nav .uk-navbar-nav-subtitle{
line-height: 48px;
/*-12*/
}
.uk-navbar-nav-subtitle>div{
margin-top: -12px;
}
}
/*.uk-navbar{
background:none;
border: none;
}
*/
.uk-navbar-nav>li.uk-active>a{
}
/* ======= HOME ======= */
#home{
	position: relative;
	height: 100%;
}

.menu-background{
background-color: rgb(216, 201, 181);
background-image: url(../img/noise.png), -webkit-radial-gradient(center, ellipse cover, #efe6dd 10%, #d8c9b5 60%);
background-image: url(../img/noise.png), -moz-radial-gradient(center, ellipse cover, #efe6dd 10%, #d8c9b5 60%);
background-image: url(../img/noise.png), -o-radial-gradient(center, ellipse cover, #efe6dd 10%, #d8c9b5 60%);
background-image: url(../img/noise.png), radial-gradient(center, ellipse cover, #efe6dd 10%, #d8c9b5 60%);
}
.home-background{
background: url(../img/home/HomemadeBranCakes_1440.jpg) no-repeat 70% 20% ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
@media only screen and (min-width : 320px)  {}
@media only screen and (min-width : 480px)  {}
@media only screen and (min-width : 768px)  {}
@media only screen and (min-width : 992px)  {

.home-background{
background-attachment: fixed;
}
.home-background.page-init{

}
}  /*Ok NOW the background is fixed.*/
@media only screen and (min-width : 1200px) {}  /*background is STILL fixed here.*/
.greyveil{
background: -webkit-linear-gradient(left,rgba(255,255,255,0.8), rgba(255,255,255,0.6), rgba(255,255,255,0.5), rgba(255,255,255,0.6), rgba(255,255,255,0.8)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, rgba(255,255,255,0.8), rgba(255,255,255,0.6), rgba(255,255,255,0.5), rgba(255,255,255,0.6), rgba(255,255,255,0.8)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, rgba(255,255,255,0.8), rgba(255,255,255,0.6), rgba(255,255,255,0.5), rgba(255,255,255,0.6), rgba(255,255,255,0.8)); /* For Firefox 3.6 to 15 */
background: linear-gradient(right, rgba(255,255,255,0.8), rgba(255,255,255,0.6), rgba(255,255,255,0.5), rgba(255,255,255,0.6), rgba(255,255,255,0.8)); /* Standard syntax */
}
.sunnyveil{
background-image: url(../img/noise.png), -webkit-radial-gradient(center, ellipse cover, rgba(255,215,200,0.6) 10%, rgba(255,215,200,0.4) 60%);
background-image: url(../img/noise.png), -moz-radial-gradient(center, ellipse cover, rgba(255,215,200,0.6) 10%, rgba(255,215,200,0.4) 60%);
background-image: url(../img/noise.png), -o-radial-gradient(center, ellipse cover, rgba(255,215,200,0.6) 10%, rgba(255,215,200,0.4) 60%);
background-image: url(../img/noise.png), radial-gradient(center, ellipse cover, rgba(255,215,200,0.6) 10%, rgba(255,215,200,0.4) 60%);
}
/*background-color: rgb(216, 201, 181);*/
#header{
background-image: url(../img/noise.png);
background-image: -webkit-linear-gradient(top, rgba(247, 244, 240,1.0), rgba(255,255,255,.0));
background-image: linear-gradient(to bottom, rgba(247, 244, 240,1.0), rgba(255,255,255,.0));
width: 100%;
margin: 0;
padding: 0;
}
.logo{
transition: all 1000ms;
opacity: 1;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.logo.page-init{
opacity: 0;
transform: translate(0px,-50px);
}
#home-message{
-webkit-transition: transform 1000ms ease-out, opacity 2000ms ease-out;
-moz-transition: transform 1000ms ease-out, opacity 2000ms ease-out;
-ms-transition: transform 1000ms ease-out, opacity 2000ms ease-out;
-o-transition: transform 1000ms ease-out, opacity 2000ms ease-out;
transition: transform 1000ms ease-out, opacity 2000ms ease-out;

font-family: 'Architects Daughter', Helvetica, Arial, sans-serif;
font-size: 55px;
line-height: 65px;
text-align: center;
text-shadow: 1px 1px 8px white;
word-spacing: 5px;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
#home-message.page-init{
transform: scale(.9,.9);
opacity: 0;
}
#home-sub-message{

font-family: 'Architects Daughter', Helvetica, Arial, sans-serif;
}
.box {
width: 880px;
height: 330px;
border-radius: .5em;
}
.sunrise {
position: absolute;  /* remove from flow so sunset is placed on top */
background:  orange no-repeat;
box-shadow: 0 0 10px rgba(0, 0, 0, .7);
}
.slider {
/* set initial width */
width: 520px;

/* hide the content that overflows (to allow second box to show through) */
overflow: hidden;
display: inline-block;

/* skew container so that it has angled edge, and set up transition */
transform: skewX(-20deg);
transition: width 1.2s ease-in-out;
}
.sunset {
/* skew back by negative of parent’s skew so contents is upright */
transform: skewX(20deg);
margin-left: 76px; /* give margin to push content away from left slanted edge */
background: blue no-repeat;
pointer-events: auto;    /* allow pointer events for the box */
}
/* ======= PAGE ======= */
#open-hours p{
font-size: 20px;
line-height: 30px;
word-spacing: 2px;
}
#open-hours p:first-line, #open-hours h2:first-line{
font-weight: bold;
}


#happinessishomemade{
font-size: 20px;
line-height: 25px;
text-align: center;
}



#story-of-annie p{
	text-align: justify;
}


/*iphone*/
@media only screen and (max-width : 767px)  {
	#intro-page .uk-panel-space,
	#intro-page .uk-container{
		padding-left: 2px;
		padding-right: 2px;
	}

	#home-message{
	font-size: 30px;
	line-height: 34px;

	}
	.intro-message p{
	text-align: center;
	font-size: 15px;
	}

	#story-of-annie p{
		font-size: 17px;
	}

	.uk-container{
		padding-left: 2px;
		padding-right: 2px;
	}

}


.white-gradient{
background-color: black;
background: -webkit-linear-gradient(left,rgba(255,255,255,0.0), rgba(255,255,255,0.6), rgba(255,255,255,0.8), rgba(255,255,255,0.6), rgba(255,255,255,0.0)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, rgba(255,255,255,0.0), rgba(255,255,255,0.6), rgba(255,255,255,0.8), rgba(255,255,255,0.6), rgba(255,255,255,0.0)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, rgba(255,255,255,0.0), rgba(255,255,255,0.6), rgba(255,255,255,0.8), rgba(255,255,255,0.6), rgba(255,255,255,0.0)); /* For Firefox 3.6 to 15 */
background: linear-gradient(right, rgba(255,255,255,0.0), rgba(255,255,255,0.6), rgba(255,255,255,0.8), rgba(255,255,255,0.6), rgba(255,255,255,0.0)); /* Standard syntax */
}
/* color background utility*/
.lightbeige{
background-color: rgb(247, 244, 240);
background-image: url(../img/noise.png);
}
.mediumbeige{
background-color: #ede8e1;
background-image: url(../img/noise.png);
}
.medium-yellow{
background-color: #f9d77c;
background-image: url(../img/noise.png), -webkit-radial-gradient(center, ellipse cover, #f9d77c 10%, #ffd667 60%);
background-image: url(../img/noise.png), -moz-radial-gradient(center, ellipse cover, #f9d77c 10%, #ffd667 60%);
background-image: url(../img/noise.png), -o-radial-gradient(center, ellipse cover, #f9d77c 10%, #ffd667 60%);
background-image: url(../img/noise.png), radial-gradient(center, ellipse cover, #f9d77c 10%, #ffd667 60%);
}
.parchment-yellow{
background-color: #eed59b;
background-image: url(../img/noise.png), -webkit-radial-gradient(center, ellipse cover, #eed59b 10%, #f1dcad 60%);
background-image: url(../img/noise.png), -moz-radial-gradient(center, ellipse cover, #eed59b 10%, #f1dcad 60%);
background-image: url(../img/noise.png), -o-radial-gradient(center, ellipse cover, #eed59b 10%, #f1dcad 60%);
background-image: url(../img/noise.png), radial-gradient(center, ellipse cover, #eed59b 10%, #f1dcad 60%);
}
.lightchalkboard{
color: #c9c6c3;
background-color: #424242;
background-image: url(../img/noise.png);
}
.menu-chalkboard{
background-color: #424242;
background-image: url(../img/noise.png);
}
.lightveil{
background-color: rgba(255,255,255,.1);
}
.papier{
color: #444;
background-color: #f5f4ef;
background-image: url(../img/papier.jpg);
}
.papier-shadow{
position: relative;
box-shadow: 0 5px 5px -5px rgba(0,0,0,.5);
z-index: 500;
}
.papier-rounded{
border-radius: 5px;
}
.chalkboard{
color: #c9c6c3;
background-color: #2c2b2a;
background-image: url(../img/noise.png), -webkit-radial-gradient(center, ellipse cover, #2c2b2a 30%, #181818 100%);
background-image: url(../img/noise.png), -moz-radial-gradient(center, ellipse cover, #2c2b2a 30%, #181818 100%);
background-image: url(../img/noise.png), -o-radial-gradient(center, ellipse cover, #2c2b2a 30%, #181818 100%);
background-image: url(../img/noise.png), radial-gradient(center, ellipse cover, #2c2b2a 30%, #181818 100%);
}
.chalkboard p,.chalkboard h2, .chalkboard h3, .chalkboard h4, .lightchalkboard p,.lightchalkboard h2, .lightchalkboard h3, .lightchalkboard h4{
color: #c9c6c3;
}

.parchment-yellow p,.parchment-yellow h2, .parchment-yellow h3, .parchment-yellow h4,.medium-yellow p,.medium-yellow h2, .medium-yellow h3, .medium-yellow h4, .papier p,.papier h2, .papier h3, .papier h4{
color: #444;
}


/* FONT OVERRIDE */
html ,h6, .uk-navbar-nav > li > a{
font-family: Ubuntu, Verdana, Arial, sans-serif;
}
/*"Helvetica Neue", Helvetica, Arial, sans-serif*/
.uk-text-x-large{
font-size: 22px;
line-height: 28px;
font-weight: normal;
}
/*SOCIAL MEDIA*/
.sociallylinky{
height: 70px;
}

.sociallylinky > div{
opacity: .7;
display: inline;
font-size: 50px;
line-height: 70px;

-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
transition: opacity 100ms ease-in-out;
	}

a.sociallylinky:not(:first-of-type){
	margin-left: 30px;
}


/*pour iphone*/
@media only screen and (max-width : 767px)  {


		.sociallylinky > div{

		font-size: 45px;
			}

		a.sociallylinky:not(:first-of-type){
			margin-left: 20px;
		}

	}



.sociallylinky > div:hover{
opacity: 1.0;
	}

h2{

font-family: 'Architects Daughter', Helvetica, Arial, sans-serif;
}

#phone h2, #phone-2 h2{
	font-family: Ubuntu, Verdana, Arial, sans-serif;
}




.lineheight70{
line-height: 70px;
}
@media (max-width:767px) {
	.lineheight70{
		line-height: inherit;
	}
}





.lineheight30{
line-height: 30px;
}
.uk-mini-padding{
padding: 10px;
}
.uk-medium-padding{
padding: 30px;
}
#made-by-me{
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
transition: all 500ms ease-in-out;
opacity: .3;
}
#made-by-me:hover{
opacity: 1.0;
}
.bottom-line{
border-bottom: 1px solid #c9c6c3;
}
.top-line{
border-top: 1px solid #c9c6c3;
}
.top-bottom-line{
border-bottom: 1px solid #c9c6c3;
border-top: 1px solid #c9c6c3;
}
.mapped{
height: 500px;
height: 50vh;
max-height: 500px;
width:100%;
border: 0px;
}
@media only screen and (max-height: 600px)  {
.mapped{
max-height: 300px;
}
}
.scrolloff {
pointer-events: none;
}
#facedebouklike{
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
transition: all 500ms ease-in-out;
opacity: 1;
}
#facedebouklike.hidden-height-zero{
height: 0px;
opacity: 0;
padding: 0;
}



/* ===== LARGE H2 ===== */






.large-h2:first-line{
font-size: 40px;
line-height: 50px;
-webkit-font-smoothing: subpixel-antialiased;
}

.large-h2, .large-h2>small{ /*not first line*/
 	font-size: 35px;
	line-height: 40px;
 }


/*pour iphone*/
@media only screen and (max-width : 767px)  {

.large-h2:first-line{
font-size: 29px;
line-height: 40px;
-webkit-font-smoothing: subpixel-antialiased;
}

.large-h2, .large-h2>small{ /*not first line*/
 	font-size: 24px;
	line-height: 35px;
 }


}






.uk-active-phone{
z-index: 675;
}


.js .no-js-only{
	display:none;
}



































/*=============================*/
/* ======= MENU MASTER ======= */
/*=============================*/

#restaurant-menu .menu-panel {
padding-top: 0;
}

@media only screen and (max-width : 1220px)  {
	#restaurant-menu .menu-panel {
		padding: 0px 15px 30px 15px;
	}
}



#menu-content .menu-panel > div > div > div:only-of-type{
	text-align: center;
}

#menu-content .menu-panel > div > div:first-of-type p,
#menu-content .menu-panel > div > div > div p,
#menu-content .daily-menu-panel > div > div:first-of-type p,
#menu-content .daily-menu-panel > div > div > div p{
margin: 0px;
}

#retaurant-menu h2{
text-transform: uppercase;
}
#retaurant-menu h3{
text-transform: uppercase;
}
#menu-menu li.uk-active > div{
border-bottom: solid 3px rgba(100,0,0,.5);
}
#menu-menu li a{
font-size: 18px;
line-height: 25px;
}
#menu-menu a:hover{
cursor: pointer;
}
#menu-menu{
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
transition: all 2000ms ease-in-out;
}



@media only screen and (max-width : 767px)  {
	html:not(.no-js) #menu-content.collapse-menu .menu-panel > div > div:not(:first-of-type){
	display: none !important;
	}

	#menu-menu.collapse-menu li > div{
	border:none;
	color: inherit;
	padding-bottom: 3px;
	}
	#menu-menu.collapse-menu li > div:hover{
	border-bottom: solid 3px rgba(100,0,0,.5);
	padding-bottom: 0px;
	cursor: pointer;
	}


	html:not(.no-js) #menu-content.force-collapse-menu .menu-panel > div > div:not(:first-of-type){
	display: none !important;
	}
	#menu-menu.force-collapse-menu li > div{
	border:none;
	color: inherit;
	padding-bottom: 3px;
	}
	#menu-menu.force-collapse-menu li > div:hover{
	border-bottom: solid 3px rgba(100,0,0,.5);
	padding-bottom: 0px;
	cursor: pointer;
	}
}

/*CLEAR FIX for prices*/

.menu-panel > div > div:before, .daily-menu-panel > div > div:before {
    content: "";
    display: table-cell
}

.menu-panel > div > div:after, .daily-menu-panel > div > div:after {
    content: "";
    display: table;
    clear: both
}








/*=============================*/
/* ======= MENU DETAIL ======= */
/*=============================*/

/* -- SECTIONS -- */
#restaurant-menu .menu-panel > div {
background-color: rgba(100,100,100,.01);
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
margin-bottom: 40px;
}
/*remove margin on first section*/
#restaurant-menu .menu-panel > div:last-of-type{
margin-bottom: 0px;
}





/* -- ALL MENU SECTION TITLE -- */
/* -- SAME FOR SPECIALS -- */
#restaurant-menu .menu-panel > div > .menu_section_title:first-of-type > div:only-of-type,
#restaurant-menu .daily-menu-panel > div > .menu_section_title > div:only-of-type{
	color: #555;
	line-height: 28px;
	font-size: 24px;
	letter-spacing: 1px;
	word-spacing: 4px;
	padding-bottom: 15px;
	padding-top: 15px;
	border-bottom: 1px solid rgba(0,0,0,.2);
	background-color: rgba(50,50,50,.1);
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	box-shadow: 0 3px 5px -5px rgba(0,0,0,.5);
	text-align: center;
	text-transform: capitalize;
	margin-bottom: 0px;
	margin-top: 0px;

font-family: 'Architects Daughter', Helvetica, Arial, sans-serif;
}
#restaurant-menu .menu-panel > div > .menu_section_title:first-of-type > div:only-of-type:not(.cke_editable) > p:before{
	content: '- ';
}

#restaurant-menu .menu-panel > div > .menu_section_title:first-of-type > div:only-of-type:not(.cke_editable) > p:after{
	content: ' -';
}






/*border bottom for each menu-item */
#restaurant-menu .menu-panel > div > div{
border-bottom: 1px solid rgba(0,0,0,.1);
}


/*pour iphone*/
@media only screen and (max-width : 767px)  {


#restaurant-menu .menu-panel > div > .menu_section_title:first-of-type > div:only-of-type,
#restaurant-menu .daily-menu-panel > div > .menu_section_title > div:only-of-type{

	line-height: 24px;
	font-size: 20px;
}

	#restaurant-menu .daily-menu-panel > div > div > div:only-of-type{
		line-height: 24px;
		font-size: 22px;
	}
	#restaurant-menu .menu-panel > div > div:first-of-type > div:only-of-type {
		line-height: 24px;
		font-size: 22px;
	}
}






/* -- NORMAL MENU ITEM -- */

/* MENU NAME (MASTER)
First Line style if more than one div*/
#restaurant-menu .menu-panel > div > div > div:first-of-type:not(:only-of-type),
#restaurant-menu .daily-menu-panel > div > div  > div:first-of-type:nth-last-of-type(2):not(:only-of-type),
#restaurant-menu .daily-menu-panel > div > div  > div:nth-of-type(2):not(:last-of-type),
#restaurant-menu .daily-menu-panel > div > div  > div:only-of-type{
text-transform: uppercase;
font-size: 15px;
font-weight: bold;
text-align: left;
line-height: 20px;
margin-bottom: 10px;
margin-top: 15px;
margin-left: 15px;
margin-right: 15px;
}
/*MENU NAME (SPECIAL: NO DESCRIPTION)
First Line if only two div
if no description, but has price
Makes it so that menu name & price can be on same line*/
#restaurant-menu .menu-panel > div > div > div:first-of-type:nth-last-of-type(2){
display: inline-block;
margin-bottom: 15px;
}
/*DESCRIPTION (MASTER)
Second Line & not last */
#restaurant-menu .menu-panel > div > div > div:nth-of-type(2):not(:last-of-type){
font-style: normal;
text-align: justify;
font-size: 12px;
margin-left: 15px;
padding-left: 5px;
margin-right: 15px;
}
/*PRICE (MASTER)
Any 3rd or further Line (not first line, not second line) */
#restaurant-menu .menu-panel > div > div > div:not(:nth-of-type(2)):not(:nth-of-type(1)),
#restaurant-menu .menu-panel > div > div > div:last-of-type:nth-of-type(2),
{
text-align: right;
margin-right: 20px; /*also forced in javascript if finds $*/
position: relative;

}
.is_menu_price{
text-align: right !important;
margin-right: 15px !important; /*also forced in javascript if finds $*/
margin-left: 15px !important; /*also forced in javascript if finds $*/
padding-right: 5px !important; /*also forced in javascript if finds $*/
padding-left: 5px !important; /*also forced in javascript if finds $*/
position: relative !important;

}


/*PRICE (SPECIAL: replace DESCRIPTION)
Second & last Line
Makes it so that menu name & price can be on same line*/
#restaurant-menu .menu-panel > div > div > div:last-of-type:nth-of-type(2){
display: inline-block;
float: right;
margin-top: 15px;
margin-right: 20px !important; /*also forced in javascript if finds $*/
}
/*DISCLAIMER
DETECTED USING JAVASCRIPT (Consuming raw or ...) - applied to surounding div
Single Line, not first in Item*/
/*#restaurant-menu .menu-panel > div > div:last-of-type:not(:nth-of-type(2)) > div:only-of-type,*/
.menu_disclaimer{
font-size: 12px;
font-style: italic;
text-align: center;

}

#restaurant-menu .menu-panel > div > div > div:only-of-type{
margin-top: 15px;
}

#restaurant-menu .menu-panel > div > div > div:last-of-type{
margin-bottom: 15px;
}










/*=============================================*/
/* ======= DAILY MENU DETAIL SPECIFICS ======= */
/*=============================================*/

/*DAILY MENU*/
#restaurant-menu .daily-menu-panel > div > div:last-of-type
{
margin-bottom: 30px;
}

/*DAILY MENU SUB SEPARATION*/
#restaurant-menu .daily-menu-panel > div > div  > div:first-of-type:nth-last-of-type(3):not(:only-of-type)
{
text-transform: uppercase;
font-size: 17px;
text-align: center;
line-height: 20px;
margin-bottom: 10px;
border-bottom: 1px solid rgba(0,0,0,.1);
background-color: rgba(100,100,100,.06);
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
}
/*Daily menu item name larger*/
#restaurant-menu .daily-menu-panel > div > div  > div:first-of-type:nth-last-of-type(2):not(:only-of-type),
#restaurant-menu .daily-menu-panel > div > div  > div:nth-of-type(2):not(:last-of-type),
#restaurant-menu .daily-menu-panel > div > div  > div:only-of-type
{
	font-size: 18px;
}
/*Daily menu item description name larger*/
#restaurant-menu .daily-menu-panel > div > div  > div:last-of-type:not(:only-of-type){

	font-size: 15px;
	font-style: italic;
}
#restaurant-menu .daily-menu-panel > div > div  > div:first-of-type:nth-last-of-type(2):not(:only-of-type),
#restaurant-menu .daily-menu-panel > div > div  > div:nth-of-type(2):not(:last-of-type),
#restaurant-menu .daily-menu-panel > div > div  > div:only-of-type{
text-align: center;
}
/*#restaurant-menu .daily-menu-panel > div > div{
padding: 15px 0px 0px 0px;
}*/





/*DAILY MENU*/
/*pour iphone*/
@media only screen and (max-width : 767px)  {
	#restaurant-menu > div{
		padding-left: 2px;
		padding-right: 2px;
	}
	#restaurant-menu .uk-panel-space{
		padding-left: 2px;
		padding-right: 2px;
	}


	#story-of-annie > div{
		padding-left: 10px;
		padding-right: 10px;
	}

	#story-of-annie  .uk-panel-space{
		padding-left: 15px;
		padding-right: 15px;
	}

}