/**
 * @file
 * Stark layout method
 *
 * To avoid obscuring CSS added to the page by Drupal or a contrib module, the
 * Stark theme itself has no styling, except just enough CSS to arrange the page
 * in a traditional "Header, sidebars, content, and footer" layout.
 *
 * This layout method works reasonably well, but shouldn't be used on a
 * production site because it can break. For example, if an over-large image
 * (one that is wider than 20% of the viewport) is in the left sidebar, the
 * image will overlap with the #content to the right. The exception to this
 * is IE6 which will just hide the navigation block completely in these
 * instances due to a positioning bug.
 */
 
 
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	box-sizing:border-box;
}


body {
font-family:'neutraface display', lato, futura, sans-serif;
font-weight:300;
margin:0;	
}


/* –– menu –– */

#page,
#block-system-main-menu,
.menu-link {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}


.menu-link {
    position: fixed;
    display: block; /* show this only on small screens */
    top: 1em;
    left: 1em; /* "#menu width" */
    border:1px solid #fff;
	font-size: 8px; /* change this value to increase/decrease button size */
    z-index: 10;
    height: auto;
    width:2em;
    padding:1.8em 1em;
    box-sizing:content-box;
    z-index:1500;
}

    .menu-link:hover,
    .menu-link:focus, #page.active .menu-link {
        background:#b1e8d6;
    }

    .menu-link span {
        position: relative;
        display: block;
    }

    .menu-link span,
    .menu-link span:before,
    .menu-link span:after {
        background-color: #fff;
        width: 100%;
        height: 0.2em;
    }

        .menu-link span:before,
        .menu-link span:after {
            position: absolute;
            margin-top: -0.6em;
            content: " ";
        }

        .menu-link span:after {
            margin-top: 0.6em;
        }
        
#block-system-main-menu {
margin-left: -250px; /* "#menu" width */
width: 250px;
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 1000; /* so the menu or its navicon stays above all content */
background:#fff;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding:3em 0;
font-weight:500;
text-align:center;
font-size:1.5em;
}

#block-system-main-menu {
background-image:url(img/logo_nido_f_w.svg);
background-repeat:no-repeat;
background-position-y:40px;
background-position-x:center;
background-size:300px;
}

#block-system-main-menu .first {
margin-top:5.5em;
}

li.leaf {
padding:0;
}

ul.menu li {
margin:0;
}

#block-system-main-menu .leaf {
text-decoration:none;
width:100%;
box-sizing:border-box;
}

#block-system-main-menu .leaf a {
width:100%;
height:100%;
padding:.75em 1em;
display:block;
text-decoration:none;
}

#block-system-main-menu .leaf a:hover {
background-color:#b1e8d6;
color:#fff;
}

#page {
position: relative;
padding-left: 0;
}

#page.active #block-system-main-menu {
left: 250px;
width: 250px;
}

/** #page.active .menu-link {
left: 260px;
} **/

    
.view-display-id-block_5 {
vertical-align:top;
-webkit-flex-basis:50%;	
flex-basis:50%;	
}



/* end menu ––*/

/* -- Splash --*/


#splash {
width:100%;
background-image:url(img/img_nido_splash_small.jpg);
background-repeat:no-repeat;
background-size:cover;
padding:75px 0;
}

#page-title {
display:none;
}

h1 {
text-align:center;
}

#branding {
font-family:'neutraface display', lato, futura, sans-serif;
text-transform:lowercase;
line-height:1.5em;
width:75%;
height:auto;
margin:0 auto;
max-width:450px;
padding:2em;
text-align:center;
background-color:#fff;
}

#branding h2 {
font-size:2em;
font-weight:300;
color:#777;
margin:-18px 0 24px;
}

.hours {
font-size:1em;
font-weight:500;
}

#logo svg {
fill:#fff;
}


#logo {
width:100%;
padding-right:3%;
max-width:800px;
margin:0 auto;
}

.logo-nest {
fill:#b1e8d6;
}

.logo-strapline {
display:none;
}


/* end splash */


/* menu */


.item-description p {
margin:0;
line-height:1.5em;
font-size:14pt;
font-style:italic;
font-weight:300;

}

#block-panels-mini-menu-panel, #block-panels-mini-brunch-menu-panel {
width:100%;
max-width:960px;
margin:2em auto 4em;
padding:2em .5em;
}

.block-panels-mini h2 {
font-size:5em;
text-align:center;
font-weight:300;
padding:.5em 0 1em;
}

#block-panels-mini-menu-panel {
background-image:url(img/svg_nido_feather.svg);
background-repeat:no-repeat;
background-position:56% -24px;
background-size:420px;
}

#block-panels-mini-brunch-menu-panel {
background-image:url(img/svg-nido-nest-y.svg);
background-repeat:no-repeat;
background-position:50% 0px;
background-size:420px;
}

.block-panels-mini .content h2 {
background-image:none;
}

.panels-flexible-small_plates h2.pane-title, #block-panels-mini-brunch-menu-panel h2.pane-title {
text-align:center;
font-family:'lush', script;
font-size:3em;
font-weight:300;
margin:0;
}

.menu-pastas, .menu-large-plates {
width:100%;
}

.view-snacks .view-content {
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;	
flex-direction:row;
flex-wrap:wrap;	
}

.view-snacks .view-content > div {
vertical-align:top;
-webkit-flex-basis:100%;
flex-basis:100%;
}

.view-snacks .menu-item {
margin:1em;
}

.sp-seafood, .sp-meat, .sp-vegetables, .panels-flexible-region-3-sweets, .panels-flexible-region-3-sides {
width:100%;
}

.item-name {
font-weight:500;
font-size:16pt;
}

.price {
margin-left:1.5em;
font-weight:300;
}

.pane-1 h2 {
margin-bottom:.5em;
}

#sp-veg-wrap h2.pane-title, .sp-meat h2.pane-title, .sp-seafood h2.pane-title {
font-family:'neutraface display', lato, futura, sans-serif;
font-size:.75em;
font-weight:700;
text-transform:uppercase;
margin-bottom:1.75em;
}

/*  end menu */

/* about text */

#block-block-4 {
width: 100%;
max-width: 960px;
margin: 2em auto 4em;
padding: 2em .5em;
}

.about-wrapper, .hours-wrapper {
font-size:16pt;
}

.heavy {
font-weight:500;
}

.hours-wrapper {
font-size:1em;
}

.about-wrapper h4 {
margin:1em 0;
font-size:.8em;
font-weight:700;
}

.hours-wrapper {
margin-top:1em;
}

.about-wrapper h3, .hours-wrapper h3 {
font-weight:700;
margin-bottom:.5em;
font-size:18pt;
}

.hours-days {
margin-bottom:1em;
}

.managers {
margin:1em 1em 0 0;
line-height:1.25em;
font-weight:300;
display:inline-block;
}



/* end about text */


#mc_embed_signup_scroll div {
display:inline-block;
}

input #mc-embedded-subscribe.button {
font-family:'neutraface display', lato, futura, sans-serif;
text-transform:lowercase;
font-size:2.5em;
}

/* Button 8 */

#mc-embed-signup {
margin:1em 0;
}

#mc-embed-signup input {
	border: none;
	font-family: inherit;
	font-size: .8em;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: .25em .5em;
	display: inline-block;
	margin: .25em;
	font-family:'neutraface display', lato, futura, sans-serif;
	font-weight: 700;
	outline: none;
	position: relative;
}

.btn {
background-color:#b1e8d6;
color:#fff;
}

input#mc-embedded-subscribe.btn :hover {
background-color:#aaa;
}

.response {
font-family:'neutraface display', lato, futura, sans-serif;
text-transform:lowercase;
font-size:.75em;
}

.email-field {
border:1px solid #eee;
}



/* -- footer ------------------------------------- */

#footer {
width:100%;
background-color:#fff;
position:fixed;
bottom:0;
padding:1em;
}

.region-footer {
width:100%;
max-width:960px;
margin:0 auto;
text-align:center;
line-height:2em;
}

.contact {
color:#000;
font-family:'neutraface display', lato, futura, sans-serif;
font-weight:300;
font-size:12pt;
line-height:1.2em;
margin-bottom:.5em;
}

.contact a {
text-decoration:none;
color:inherit;
}

.contact > span {
margin-right:2em;
white-space:nowrap;
}

.reserve {
margin-top:6px;
}

.reserve img {
height:20px;
width:auto;
}

#block-block-2, #block-block-3 {
display:inline-block;
}

#block-block-3 {

}


/* -- Responsive Styles (Media Queries) ------------------------------------- */

/*
Hides the menu at `48em`, but modify this based on your app's needs.
*/


@media (min-width: 500px) {
#menu-snack-items .view-content > div, .view-display-id-block_6 .view-content > div, .view-display-id-block_8 .view-content > div {
vertical-align:top;
-webkit-flex-basis:50%;
flex-basis:50%;
}



.menu-pastas, .menu-large-plates {
width:49.5%;
}

.sp-seafood, .sp-meat,  .panels-flexible-region-3-sweets, .panels-flexible-region-3-sides  {
width:49.5%;
}

.sp-seafood {
border-right:1px solid #eee;
}

.sp-vegetables .view-snacks .view-content > div{
-webkit-flex-basis:50%;
flex-basis:50%;
}

.about-wrapper, .hours-wrapper {
display:inline-block;
vertical-align:top;
width:49.5%;
}

.about-wrapper {
padding-right:1em;
}

.hours-wrapper {
margin-top:0;
}

}


@media (min-width: 800px) {

    .header,
    .content {

    }
    
.sp-vegetables {
border-right:1px solid #eee;
width:49.5%
}

.sp-seafood, .sp-meat {
width:24.75%;
}


    #menu-snack-items .view-content > div {
vertical-align:top;
-webkit-flex-basis:33%;
flex-basis:33%;
}

.view-display-id-block_6 .view-content > div,  .view-display-id-block_8 .view-content > div {
vertical-align:top;
-webkit-flex-basis:25%;
flex-basis:25%;
}


	#block-block-3 {
	margin-left:5em;
	}

}



@media (max-width: 425px) {
    /* Only apply this when the window is small. Otherwise, the following
    case results in extra padding on the left:
        * Make the window small.
        * Tap the menu to trigger the active state.
        * Make the window large again.
    */
#branding {
padding:.5em;
}

.email-field {
margin-bottom:1em;
}

#mc-embed-scroll {
text-align:left;	
}
}