/* RESET */
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: 100%; font: inherit; }

#admin { position: fixed; bottom: 0; background: rgba(0,0,0,0.5); width: 100%; padding: 1em 0; text-align: center; font-size: 13px; color: #FFF; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }
img { max-width: 100%; height: auto;  }

body { font-family: Roboto, arial, helvetica, sans-serif; font-size: 100%; color: #555; background: #FFF; }
/*.body { background: #FFF url(/assets/bg-body.jpg) no-repeat top fixed; background-size: 100% auto; }*/
h1,h2,h3,h4,h5,h6 { font-family: "Archivo Narrow", arial, helvetica, sans-serif; font-weight: 500; color: #000; }
h1 { font-size: 2em; margin: 0 0 1em 0; }
h2 { font-size: 1.5em; margin: 0 0 0.5em 0; }
h3 { font-size: 1.2em; margin: 0 0 0.5em 0; }
h4,h5,h6 { font-size: 1.0em; margin: 0 0 0.5em 0; }
p {  line-height: 1.5; margin: 0 0 1.5em 0; }
ul { line-height: 1.5; list-style: square; margin: 0 0 1.5em 1.5em; }
.nobullet { list-style: none; margin: 0 0 1.5em 0; }
.inline li { display: inline-block; }
ol { line-height: 1.5; list-style: decimal; margin: 0 0 1.5em 1.5em; }
li { margin: 0 0 0.5em 0; }
dl { line-height: 1.5; margin: 0 0 1.5em 0; }
dt { font-weight: bold; }
table { width: 100%; line-height: 1.5; border-bottom: 1px dotted #CCC; margin: 0 0 1em 0; }
th { text-align: left; font-weight: bold; }
td { padding: 5px 0; border-top: 1px dotted #CCC;  }
blockquote { line-height: 1.5; font-size: 1.125em; font-style: italic; color: #757575; padding: 0 1.5em; border-left: 2px solid #CCC; margin: 0 0 1.5em 0; }
figure { text-align: center; margin: 0 0 1.5em 0; }
figcaption { font-family: Roboto, arial, helvetica, sans-serif; font-size: 0.85em; font-style: italic; color: #666; padding: 0.25em 0; }

b,strong { font-weight: bold; }
i,em { font-style: italic; }
i { margin-right: 0.5em; }
small { font-size: 0.8em; color: #757575; }
a:link { color: #009900; text-decoration: none; }
a:visited { color: #009900; text-decoration: none; }
a:hover { color: #006600; text-decoration: underline; }
a:active { color: #006600; text-decoration: underline; }
a:focus { color: #006600; text-decoration: underline; }

/* LAYOUT */
#top { width: 100%; background: #000; border-bottom: 5px solid #22B26A;}
    .top { max-width: 1200px; padding: 1em; margin: 0 auto; overflow: hidden; clear: both; }
    #nav { float: right; }
    #content { background: #FFF;  }
    .content { max-width: 1200px; padding: 3em 1em 2em 1em; margin: 0 auto; overflow: hidden; clear: both; }
    #hero { padding: 7.5% 1em 7.5% 1em; background: #800000 url(/assets/bg-body.jpg) no-repeat bottom; background-size: cover; }
    #main { float: left; width: 65%; }
    #sidebar { float: right; width: 30%; }
#bottom { font-size: 0.938em; padding: 3em 1em 2em 1em; overflow: hidden; clear: both; background: #337533; }
    #footer { max-width: 1200px; color: #FFF; margin: 0 auto; }

/* HEADER BITS */
.hotline { height: 30px; font-size: 0.938em; color: #00FF00; text-align: right; margin: 0; }
.hotline a { font-weight: bold; color: #00BFFF; }

.logo { float: left; margin: 0; }
.logo a { color: #FFF; }
.logo img { display: block; }
.logo span { display: none; }

.minicart { float: right; list-style: none; font-size: 0.938em; line-height: 40px; color: #FFF; margin: 0; }
.minicart li { margin: 0; }
.minicart li.minicart-empty { font-style: italic; color: #CCC; padding: 0 0.75em; background: #555; border-radius: 4px; }
.minicart a { display: inline-block; font-weight: 500; color: #FFF; padding: 0 0.75em; background: #FF4500; border-radius: 4px; }
.minicart a:hover { background: #B22222; text-decoration: none; }
/* The animation code */
@keyframes mc {
    0%   { background: #FF4500; }
    17%   { background: #00FF00; }
    34%   { background: #FF4500; }
    51%   { background: #00FF00; }
    68%   { background: #FF4500; }
    85% { background: #00FF00; }
}
/* The element to apply the animation to */
.minicart li.minicart-cart a {
    animation-name: mc;
    animation-duration: 2s;
}

#nav-links { display: none; }
.nav { float: left; list-style: none; line-height: 40px; margin: 0; }
.nav li { float: left; margin: 0 0.25em 0 0; }
.nav li.nav-search a { position: relative; }
.nav li a { display: block; font-weight: normal; color: #FFF; text-transform: uppercase; text-decoration: none; padding: 0 0.75em; border-radius: 4px; transition: 0.5s; }
.nav li a:hover, .nav li a.current { color: #FFF; background: #22B26A; }
.nav i { margin: 0; }
.nav ul { display: none; }
.subnav { list-style: none; margin: 0 0 1.5em 0; }
.search { display: none; }

/* HERO */
.hero {  max-width: 1280px; margin: 0 auto; }
.hero-center {  text-align: center; max-width: 960px; }
.hero-heading { font-size: 2.4em; color: #FFF; line-height: 1.2; margin: 0; text-shadow: 0 0 12px #000; }
.hero-description { font-size: 1.2em; font-style: italic; color: #FFF; margin: 1em 0 0 0; }
	.hero-description span { padding: 0.25em 0.5em; background: rgba(255,0,0,0.7); }

/* GRID */
.section-products { overflow: hidden; clear: both; }
.section-heading { font-size: 1em; font-weight: 500; color: #22B26A; padding: 0 0 0.5em 0; border-bottom: 1px dotted #22B26A; margin: 0 0 1.5em 0; }
.section-heading span { font-size: 1.5em; }
.section-description { font-size: 1em; font-weight: 300; margin: 0 0 3em 0; }

.grid-center { text-align: center; }
.grid-thumb { margin: 0 0 1em 0; }
    .grid-thumb img { width: 80%; }
.grid-icon { margin: 0 0 1.5em 0; }
.grid-icon i { color: #2AA2E8; margin: 0; }
.grid-heading { font-family: Roboto, arial, helvetica, sans-serif; font-size: 1.0em; font-weight: 400; color: #000; margin: 0; transition: 0.5s; }
.grid-summary { font-size: 0.938em; color: #555; margin: 0.5em 0 0 0; }
.grid-price { font-size: 1.25em; color: #FFA500; margin: 0.5em 0 0 0; }
.grid a { transition: 0.5s; }
.grid a:hover, .grid a:active, .grid a:focus { text-decoration: none; }
.grid a:hover .grid-heading, .grid a:active .grid-heading, .grid a:focus .grid-heading { color: #00BFFF; }
.grid1-1 { clear: both; width: 100%; }
.grid2 { float: left; width: 48%; margin-bottom: 1.5em; }
.grid2-1 { margin-right: 4%; clear: left; }
.grid2-2 { }
.grid3 { float: left; width: 30%; margin-bottom: 1.5em; }
.grid3-1 { margin-right: 5%; clear: left; }
.grid3-2 { margin-right: 5%; }
.grid3-3 {  }

/* PRODUCTS LIST */
.products { float: left; width: 30%; margin-bottom: 3em; }
.p1 { margin-right: 5%; clear: left; }
.p2 { margin-right: 5%; }
.p3 { margin-right: 0; }
.p4 { margin-right: 5%; clear: left; }
.p5 { margin-right: 5%; }
.p6 { margin-right: 0; }
.products a { display: block; overflow: hidden; transition: 0.5s; }
a.products-link:hover { text-decoration: none; }
a.products-link:hover .products-heading { text-decoration: underline; }
.products-thumb { float: left; margin-right: 0.75em; }
	.products-thumb img { display: block; padding: 4px; border: 1px solid #ccc; }
.products-description { overflow: hidden; }
    .products-heading { font-family: Roboto, arial, helvetica, sans-serif; font-size: 1.125em; font-weight: 500; color: #000; margin: 0; transition: 0.5s; }
    .products-flag { display: inline-block; font-size: 0.75em; color: #FFF; padding: 0.25em 0.75em; background: #FFA500; margin: 0.35em 0 0 0; }
    .products-summary { font-size: 0.875em; color: #555; margin: 0.35em 0 0 0; }
    .products-price { font-size: 1.25em; color: #FFA500; line-height: 1; margin: 0.35em 0 0 0;  }
        .products-price small { font-size: 12px; }
    .products-cta { margin: 0.5em 0 0 0;  }

/* PRODUCT DETAIL*/
.product-detail { margin: 0 0 1.5em 0; overflow: hidden; clear: both; }
	.product-image { float: left; width: 40%; margin: 0 1.5em 1.5em 0; }
    	.product-image img { width: 100%; }
	.product-buy { overflow: hidden; }
	    .product-price { font-size: 1.25em; color: #FFA500; line-height: 1; }
        .product-price small { font-size: 12px; }        
.product-description { padding: 1.5em 0 0 0; border-top: 1px dotted #22B26A; overflow: hidden; clear: both; }

/* ENTRIES */
.entries { margin: 0 0 1.5em 0; overflow: hidden; clear: both; }
.entries-image { float: left; margin: 0 1.5em 1em 0; }
    .entries-image img { padding: 4px; background: #FFF; border: 1px solid #CCC; }
.entries-description { overflow: hidden; }

/* GALLERY */
.gallery { list-style: none; margin: 0 0 1.5em 0; }
.gallery li { float: left; width: 23%; text-align: center; margin: 0 1% 1.5em 1%; }

/* FOOD-DRINKS MENU */
.drinks-heading {}
.drinks-price {}
.drinks-description {}

/* PAGINATION */
.pagination { clear: both; }
.pagination ol { list-style: none; text-align: center; margin: 1em 0 1.5em 0; }
.pagination li { display: inline-block; margin: 0 0.1em;  }
.pagination a { display: block; width: 40px; height: 40px; line-height: 40px; color: #FFF; text-align: center; background: #22B26A; }
.pagination a:hover { background: #B22222; }

/* BOTTOM */
.footer-heading { font-size: 1.125em; font-weight: 500; color: #FFF; text-transform: uppercase; }
.footer-links { list-style: none; margin: 0; }
.footer-links a { color: #FFF; }
.newsletter-note { font-size: 0.85em; color: #FFF; margin: 0 0 0.5em 0; }

.social-icons img { margin-right: 1em; }
.social-icons i { display: inline-block; width: 40px; height: 40px; line-height: 40px; font-size: 18px;text-align: center; color: #22B26A; background: #FFF; border-radius: 40px; }
.social-icons a:hover i { color: #FFF; background: #B22222; }
.legal { clear: both; font-size: 0.75em; color: #CCC; text-align: center; }


/* MISC */
.video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin: 0 0 1.5em 0;  }
.video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
.map { margin: 0 0 1.5em 0; }
.map iframe { width: 100%; }

/* BUTTONS */
.center { text-align: center; clear: both; }
.btn { display: inline-block; font-family: Roboto, arial, helvetica, sans-serif; font-weight: 500; color: #FFF; text-transform: uppercase; line-height: 1; margin: 0 1em 0 0; border: 0; border-radius: 4px; cursor: pointer; transition: 0.5s; }
a.btn { color: #FFF; }
.btn-pri { background: #FF4500; background: linear-gradient(top,#FF4500,#990000); background: -moz-linear-gradient(top,#FF4500,#990000); background: -webkit-linear-gradient(top,#FF4500,#990000); }
.btn-pri:hover { text-decoration: none; background: #22B26A; background: linear-gradient(top,#FF4500,#660000); background: -moz-linear-gradient(top,#FF4500,#660000); background: -webkit-linear-gradient(top,#FF4500,#660000); }
.btn-sec { background: #A9A9A9; border: 2px solid #A9A9A9; }
.btn-ghost-white { font-size: 15px; background: transparent; border: 2px solid #FFF; }
a.btn-ghost-white { color: #FFF; }
.btn-ghost-white:hover { font-size: 15px; background: #22B26A; border: 2px solid #22B26A; }
.btn-l { font-size: 15px; padding: 1em 2em; }
.btn-m { font-size: 13px; padding: 0.75em 1em; }
.btn-s { font-size: 11px; padding: 0.5em 1em; }

.btn-block { display: block; }

/* FORMS */
form { margin: 0 0 1em 0; }
form p { padding: 0 0.5em 0 0; margin: 0 0 1em 0; }
fieldset { margin: 0 0 1.5em 0; }
legend { display: block; width: 100%; font-family: "Archivo Narrow", arial, helvetica, sans-serif; font-size: 1.4em; font-weight: 500; color: #22B26A; padding: 0 0 0.5em 0; border-bottom: 1px dotted #22B26A; margin: 0 0 1em 0; }
label { display: block; cursor: pointer; margin: 0 0 0.25em 0; }
select { min-width: 100px; font-size: 16px; height: 36px; border: 1px solid #CCC; }
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="date"] { width: 99%; font-size: 16px; height: 36px; border: 1px solid #CCC; }
textarea { width: 99%; height: 160px; font-size: 16px; border: 1px solid #CCC; }
input.nl-email { width: 100%; height: 36px; border: 0; margin: 0 0 0.5em 0; }
input.nl-submit { height: 36px; font-size: 16px; }
input#promo_code { width: 160px; }
input.qty { width: 45px; text-align: center; }
.required { font-size: 0.85em; font-weight: bold; color: #FF0000; }
.error { padding: 0.5em; background: #CCFFCC; }
.form-error { display: block; font-size: 0.85em; padding: 0.5em; background: #CCFFCC; }
.search { display: none; float: right; width: 268px; padding: 10px; background: #B22222; border-radius: 4px; margin: 10px 0 0 0; clear: both; }
.search-form { height: 36px; line-height: 36px; background: #FFF; margin: 0; overflow: hidden; }
.search-keywords { float: left; width: 230px; height: 36px; text-indent: 0.5em; border: 0;  }
.search-btn { float: right; color: #FFF; width: 36px; height: 36px; padding: 0; background: #000; margin: 0; border: 0; cursor: pointer; }
.search-btn i { margin: 0; }

/* CART STUFF */
.cart-products { margin: 0 0 1em 0; overflow: hidden; clear: both; }
.cart-totals { margin-bottom: 2em; overflow: hidden; clear: both; }
.cart-totals dt { float: left; width: 25%; clear: left; }
.cart-totals dd { float: left; width: 75%; }

@media screen and (max-width: 960px) {
#hero { padding: 10% 1em; }
#main { float: none; width: 100%; }
#sidebar { float: none; width: 100%; }
.hero-heading { font-size: 1.6em }
.hero-description { font-size: 1em; }
.grid3 { float: none; width: 100%; }
.grid3-1 { margin-right: 0; clear: left; }
.grid3-2 { margin-right: 0; clear: left; }
.grid3-3 { margin-right: 0; clear: left; }
.products { float: left; width: 48%; }
.p1 { margin-right: 2%; clear: left; }
.p2 { margin-right: 0; }
.p3 { margin-right: 2%; clear: left; }
.p4 { margin-right: 0; clear: none; }
.p5 { margin-right: 2%; clear: left; }
.p6 { margin-right: 0; }
}

@media screen and (max-width: 960px) { 
.hotline { height: auto; font-size: 0.85em; text-align: center; margin: 0.5em 0; }
.logo { float: none; margin: 0; }
.logo img { display: none; } 
.logo span { display: block; font-size: 1.2em; font-weight: bold; font-style: italic; text-align: center; padding: 0.5em 1em; border: 2px solid #D61921; border-radius: 4px; }
#nav { float: none; width: 100%; clear: both; }
.minicart { float: right; width: auto; font-size: 0.938em; line-height: 40px; margin: 0; overflow: hidden; }
.minicart li { margin: 0; }
.minicart a { display: block; color: #FFF; padding: 0 0.75em; background: #FF4500; }
#nav-links { display: block; font-size: 1em; margin: 0 0 5px 0; }
#nav-links a { display: inline-block; line-height: 40px; color: #FFF; padding: 0 0.75em; background: #22B26A; border-radius: 4px; }
.nav { display: none; width: 100%; line-height: 36px; margin: 0; }
.nav li { float: none; margin: 0; }
.nav li.nav-search a { display: none; }
.nav li a { display: block; padding: 0 0.75em; background: #B22222; margin: 0 0 0.35em 0; }
.nav li ul { display: block; width: 100%; list-style: none; line-height: 36px; padding: 0; background: none; margin: 0; }
.nav li ul li { margin: 0; }
.nav li ul li a { display: block; text-transform: none; padding: 0 0.75em; background: #22B26A; margin: 0 0 0.35em 0; }
.nav li ul li a:hover { background: #000; }
.search { display: none; position: relative; float: none; }
.grid2-1 { float: none; width: 100%; margin-right: 0; clear: left; }
.grid2-2 { float: none; width: 100%; }
}


@media screen and (max-width: 640px) {
.content { padding: 2em 1em; }
.products { float: left; width: 100%; }
.p1 { margin-right: 0; clear: left; }
.p2 { margin-right: 0; clear: left; }
.p3 { margin-right: 0; clear: left; }
.p4 { margin-right: 0; clear: left; }
.p5 { margin-right: 0; clear: left; }
.p6 { margin-right: 0; }
.entries-image { float: none; width: 100%; text-align: center; margin: 0 0 1em 0; }
	.entries-image img { padding: 0; border: 0; }
.entries-description { overflow: hidden; }
}

@media screen and (max-width: 480px) {
.products-thumb img { width: 110px; height: 110px; }
.product-image { float: none; width: 100%; margin: 0 0 1em 0; }
}