@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
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;
  vertical-align: baseline; }

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 {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: greatvibes;
  src: url(../../fonts/GreatVibes-Regular.otf); }

/*uncomment below for special event bar*/
/*COLORS*/
.cf:before, .menu-content .item div:before,
.cf:after,
.menu-content .item div:after {
  content: " ";
  display: table; }

.cf:after, .menu-content .item div:after {
  clear: both; }

.cf, .menu-content .item div {
  *zoom: 1; }

html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

::selection {
  background: #fff3d5;
  background: #fcc061; }

::-moz-selection {
  background: #fff3d5; }

/*  ==========================================================================
    Table of Contents
    ========================================================================== */
/*

    0.  General
    1.  Headings
    2.  Body Styles
    3.  Layout
    4.  Forms
    5.  Header
    6.  Footer
    7.  Home Page Styles
    8.  Awards Page Styles
    9.  Menus Page Styles
    10. Image Gallery Styles
    11. Admin Styles
    12. Print Styles
	13. Special Event Top Bar Styles
	14. Open Table Reservations Widget
	15. Instagram Feed

*/
/*  ==========================================================================
    0. General
	========================================================================== */
body {
  font-family: "Lato", Arial, sans-serif;
  background: #feebc8;
  background: -moz-linear-gradient(top, #feebc8 0%, #ffffff 50%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #feebc8), color-stop(50%, #ffffff));
  background: -webkit-linear-gradient(top, #feebc8 0%, #ffffff 50%);
  background: -o-linear-gradient(top, #feebc8 0%, #ffffff 50%);
  background: -ms-linear-gradient(top, #feebc8 0%, #ffffff 50%);
  background: linear-gradient(to bottom, #feebc8 0%, #ffffff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feebc8', endColorstr='#ffffff',GradientType=0 ); }

.text-right {
  text-align: right; }

.push-down {
  margin-top: 30px; }

.space-me {
  margin-bottom: 60px; }
  @media (max-width: 1024px) {
    .space-me {
      margin-bottom: 30px; } }
.yellow {
  background: #fff3d5;
  border: 2px solid #fff; }

.border {
  border: 2px solid #fba927; }

.shadow {
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }

.float-me {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
  border: 2px solid #fff; }
  .float-me:nth-of-type(odd) {
    float: right;
    margin-right: 0;
    margin-left: 10px; }

/* ==========================================================================
	1. Headings
	========================================================================== */
h1 {
  font-size: 38px;
  font-family: "Open Sans Condensed", Arial, sans-serif;
  font-family: greatvibes;
  color: #fba927;
  margin-bottom: 15px;
  text-shadow: 0px 1px #83714B; }

h2 {
  font-size: 20px;
  font-family: "Open Sans Condensed", Arial, sans-serif;
  color: #FC8461;
  letter-spacing: 0.5px;
  margin: 30px 0 5px 0;
  text-shadow: 0px 1px #fff;
  text-transform: uppercase;
  line-height: 30px; }
  h2 a, h2 a:visited {
    color: #FC8461;
    text-decoration: none; }
  h2 a:hover {
    color: #fba927; }

h3 {
  background: #FC8461;
  color: #fff;
  float: left;
  margin-bottom: 10px;
  font-family: "Lato", Arial, sans-serif;
  font-size: 14px;
  padding: 5px;
  outline: none;
  font-weight: bold;
  text-transform: uppercase; }

h4 {
  font-weight: bold;
  margin-top: 15px; }

/* ==========================================================================
	2. Body Text Styles
	========================================================================== */
a, a:visited {
  text-decoration: none; }

p {
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  line-height: 28px; }
  p strong {
    font-weight: bold; }
  p a, p a:visited {
    color: #FC8461;
    text-decoration: none; }
  p a:hover {
    color: #fba927; }

p + p {
  margin-top: 15px; }

/*DISC ULS*/
ul.disc {
  list-style-type: disc;
  margin-left: 30px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 28px; }
  @media (max-width: 1024px) {
    ul.disc {
      font-size: 22px;
      list-style-type: none;
      margin-left: 0; } }
  ul.disc li {
    margin-top: 15px;
    margin-bottom: 15px; }
  ul.disc a, ul.disc a:visited {
    color: #FC8461;
    text-decoration: none; }
  ul.disc a:hover {
    color: #fba927; }

ol {
  margin-left: 30px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 28px;
  list-style-type: decimal; }

/* ==========================================================================
	3. Layout
	========================================================================== */
.container {
  width: 960px;
  margin: 0 auto; }
  @media (max-width: 960px) {
    .container {
      width: 100%;
      padding: 0 20px; } }
.center {
  text-align: center; }

.main {
  width: 610px;
  float: left; }
  @media (max-width: 960px) {
    .main {
      width: 100%;
      text-align: center; } }
.main-full {
  width: 100%; }
  @media (max-width: 960px) {
    .main-full {
      text-align: center; } }
.flex-parent {
  display: flex;
  flex-wrap: wrap; }

.col-two {
  flex: 1 1 50%; }

.half {
  width: 48%;
  float: left;
  padding: 3% 3% 2% 3%;
  text-align: left; }
  .half .small {
    font-size: 13px;
    margin-bottom: 20px;
    line-height: 20px; }
  @media (max-width: 1024px) {
    .half {
      text-align: center; }
      .half .contact-email {
        margin: 0 auto !important; } }
  @media (max-width: 568px) {
    .half {
      width: 100% !important;
      float: none;
      text-align: center;
      margin-bottom: 15px;
      margin-right: auto;
      margin-left: auto; } }
  .half img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    border: 2px solid #fff; }
  .half img.badge {
    float: left;
    margin-top: 20px;
    border: none; }
    @media (max-width: 568px) {
      .half img.badge {
        float: none; } }
  @media (max-width: 1024px) {
    .half h3 {
      float: none; } }
  .half:nth-of-type(2) {
    margin-left: 1%;
    float: right; }
    @media (max-width: 1024px) {
      .half:nth-of-type(2) {
        text-align: center; } }
    @media (max-width: 568px) {
      .half:nth-of-type(2) {
        float: none;
        margin-left: 0;
        text-align: center;
        margin-bottom: 15px;
        margin-right: auto;
        margin-left: auto; } }
.contact-email {
  width: 290px;
  border: none !important;
  display: block !important;
  margin: 0 !important; }

#contact .half {
  padding-left: 0; }
  #contact .half img {
    display: block;
    margin: 0; }

hr {
  clear: both;
  border: 0;
  margin-bottom: 20px;
  border-bottom: 2px solid #fff; }

hr.divider {
  clear: both;
  border: 0;
  border-bottom: 2px solid #fff3d5;
  margin-top: 30px;
  margin-bottom: 30px; }

/* ==========================================================================
	4. Forms
	========================================================================== */
button {
  margin-top: 30px;
  background: #FC8461;
  color: #fff;
  border: none;
  font-size: 14px;
  padding: 10px;
  outline: none;
  font-family: "Lato", Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase; }
  button:hover {
    background: #fba927;
    cursor: pointer; }

label {
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  line-height: 24px;
  font-family: "Lato", Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  display: block; }

input {
  width: 100%;
  padding: 10px;
  color: rgba(0, 0, 0, 0.8);
  background: #fff3d5;
  border: none;
  font-size: 16px;
  font-family: "Lato", Arial, sans-serif;
  margin-bottom: 20px;
  outline: none; }
  input:focus {
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }

textarea {
  width: 100%;
  padding: 10px;
  color: rgba(0, 0, 0, 0.8);
  background: #fff3d5;
  font-family: "Lato", Arial, sans-serif;
  border: none;
  outline: none;
  font-size: 16px; }
  textarea:focus {
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }

.alert {
  font-size: 14px;
  width: 100%;
  text-align: center;
  padding: 10px;
  margin-bottom: 40px;
  letter-spacing: 0.5px;
  background: #fcc061;
  border: 3px solid #fff3d5;
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  margin-top: 30px; }
  .alert h4 {
    text-transform: uppercase;
    font-family: "Open Sans Condensed", Arial, sans-serif;
    font-size: 24px;
    color: #fff;
    padding: 10px 0;
    margin-bottom: 0;
    margin-top: 0;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); }

.button-seasonal-menu {
  position: absolute;
  top: -40px;
  left: 240px; }
  @media (max-width: 960px) {
    .button-seasonal-menu {
      position: relative;
      top: -20px;
      left: 0; }
      .button-seasonal-menu button {
        margin-top: 15px; } }
/* ==========================================================================
	5. Header
	========================================================================== */
#header {
  height: 600px;
  margin-bottom: 60px;
  position: relative;
  background: url(../../images/h1-bg.jpg) no-repeat center bottom scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  @media (max-width: 1024px) {
    #header {
      background: #feebc8;
      height: 350px; } }
  @media (max-width: 568px) {
    #header {
      height: 100px; } }
  #header .container {
    position: absolute;
    top: 478px; }
    @media (max-width: 1024px) {
      #header .container {
        top: 297px; } }
    @media (max-width: 768px) {
      #header .container {
        display: none; } }
    #header .container .caption {
      background: rgba(0, 0, 0, 0.3);
      padding: 15px 0 10px 0;
      text-align: center;
      color: #fff;
      font-family: greatvibes;
      font-size: 40px;
      text-shadow: 0px 0px 3px #000; }
  #header .container-bg {
    height: 530px;
    width: 960px;
    margin: 0 auto;
    background: url(../../images/h1.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4); }
    @media (max-width: 960px) {
      #header .container-bg {
        padding-left: 0;
        padding-right: 0; } }
    @media (max-width: 1024px) {
      #header .container-bg {
        height: 350px;
        background: url(../../images/header-small.jpg) no-repeat bottom bottom scroll;
        /*background: url(../../images/h2.jpg) no-repeat bottom bottom scroll;*/ } }
    @media (max-width: 568px) {
      #header .container-bg {
        height: 100px;
        background: #fff; } }
/* ==========================================================================
	6. Footer
	========================================================================== */
footer {
  background: #383838;
  padding: 40px 0 80px 0;
  color: #737374;
  font-family: "Open Sans Condensed", Arial, sans-serif;
  font-size: 16px; }
  footer #nav-links {
    text-align: center;
    text-transform: uppercase; }
    footer #nav-links li {
      display: inline;
      margin-right: 10px;
      padding-right: 13px;
      line-height: 40px;
      border-right: 1px solid #737374; }
      footer #nav-links li:last-child {
        border: none; }
    footer #nav-links a, footer #nav-links a:visited {
      color: #737374;
      text-decoration: none;
      transition: all 0.3s ease; }
    footer #nav-links a:hover {
      color: #d6d6d6;
      text-shadow: inset 0px 2px rgba(0, 0, 0, 0.5) 0px 1px rgba(255, 255, 255, 0.4); }
  footer span {
    color: #fcc061;
    font-family: "Open Sans Condensed", Arial, sans-serif; }
  footer hr {
    margin: 40px 0;
    border-top: 1px solid #282828;
    border-bottom: 1px solid #4F4F4F;
    border-left: none;
    border-right: none; }
  footer .footer-content {
    display: flex;
    flex-wrap: wrap; }
    footer .footer-content ul {
      line-height: 23px; }
    footer .footer-content > div {
      flex: 1; }
    @media (max-width: 768px) {
      footer .footer-content > div {
        flex-basis: 50%; }
      footer .footer-content > div:first-of-type {
        padding-right: 20px; } }
  footer .contact {
    word-wrap: break-word; }
    footer .contact .fa-instagram {
      margin-left: 7px;
      margin-right: 7px; }
    footer .contact a, footer .contact a:visited {
      color: #737374;
      text-decoration: none;
      transition: all 0.3s ease; }
    footer .contact a:hover {
      color: #d6d6d6;
      text-shadow: inset 0px 2px rgba(0, 0, 0, 0.5) 0px 1px rgba(255, 255, 255, 0.4); }
    @media (max-width: 768px) {
      footer .contact {
        width: 50%;
        float: left; } }
  @media (max-width: 768px) {
    footer .links {
      margin-top: 20px; } }
  footer .links a {
    width: 50%;
    display: inline-block;
    float: right;
    cursor: pointer;
    opacity: 0.7;
    padding: 10px;
    transition: 0.3s all; }
    @media (max-width: 768px) {
      footer .links a {
        width: 25%; } }
    footer .links a img {
      cursor: pointer;
      max-width: 100%; }
    footer .links a:hover {
      opacity: 1; }
  @media (max-width: 768px) {
    footer {
      padding-bottom: 40px; } }
/* ==========================================================================
	7. Home Page Styles
	========================================================================== */
#features {
  margin-top: 60px; }
  @media (max-width: 960px) {
    #features:after {
      content: "";
      display: block;
      height: 2px;
      background: #fff3d5;
      margin-bottom: 30px;
      margin-top: 30px; } }
  #features li {
    display: inline-block;
    width: 200px;
    height: 202px;
    text-indent: -9999px;
    opacity: 0.8;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #features li:hover {
      opacity: 1; }
  #features #menus {
    background: url(../../images/features-sprite.png) 0 0; }
  #features #gallery {
    background: url(../../images/features-sprite.png) 0 -202px; }
  #features #contact {
    background: url(../../images/features-sprite.png) 0 -404px; }

.specials-title {
  color: rgba(0, 0, 0, 0.8);
  font-size: 15px;
  font-family: "Open Sans Condensed", Arial, sans-serif;
  text-decoration: underline;
  text-transform: uppercase; }

.specials-name {
  background: #fff;
  color: #FC8461;
  line-height: 20px; }

p.specials-title + p {
  margin-top: 0; }

p + p.description {
  margin-top: 0; }

.specials-sidebar {
  background: #fcc061;
  border: 3px solid #fff3d5;
  padding: 10px;
  float: right;
  width: 295px;
  color: #fff;
  font-family: "Lato", Arial, sans-serif;
  text-align: center;
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); }
  @media (max-width: 960px) {
    .specials-sidebar {
      float: none;
      display: block;
      clear: both;
      margin: 30px auto; } }
  .specials-sidebar .title {
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    font-family: greatvibes;
    font-size: 60px;
    position: relative;
    left: -10px; }
    .specials-sidebar .title span {
      position: relative;
      left: 18px;
      top: 20px;
      display: block;
      margin-bottom: 10px;
      text-transform: uppercase;
      font-family: "Open Sans Condensed", Arial, sans-serif;
      font-size: 24px; }
  .specials-sidebar .item-title {
    color: rgba(0, 0, 0, 0.8);
    font-size: 15px;
    font-family: "Open Sans Condensed", Arial, sans-serif;
    text-decoration: underline;
    text-transform: uppercase; }
  .specials-sidebar .item-name {
    color: #FC8461;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 20px; }
    .specials-sidebar .item-name span {
      background: #fff;
      padding: 3px; }
  .specials-sidebar .item-description {
    color: #fff;
    margin-top: 0;
    letter-spacing: 0.5px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    line-height: 20px;
    font-weight: 700;
    font-size: 15px; }
  .specials-sidebar a, .specials-sidebar a:visited {
    color: rgba(0, 0, 0, 0.8);
    text-decoration: none; }
  .specials-sidebar a:hover span {
    color: #fff; }

/*AWARDS & RECOGNITION BAR*/
#awards-banner {
  background: #fff9e7;
  border: 1px solid #fddaa2;
  padding: 30px 0;
  color: #a9a391;
  font-family: greatvibes;
  text-align: center;
  margin-top: 60px; }
  @media (max-width: 568px) {
    #awards-banner {
      display: none; } }
  #awards-banner h4 {
    font-size: 66px; }
  #awards-banner ul {
    margin-top: 20px; }
    #awards-banner ul li {
      display: inline-block;
      margin: 0 20px;
      width: 155px;
      height: 145px; }
  #awards-banner #trip-advisor-1 {
    background: url(../../images/awards-sprite.png) 0 0; }
  #awards-banner #trip-advisor-2 {
    background: url(../../images/awards-sprite.png) 0 -145px; }
  #awards-banner #wine-spectator {
    background: url(../../images/awards-sprite.png) 0 -290px; }

/*DECORATIVE WEDGES*/
.decorative {
  width: 100%;
  height: 690px;
  position: relative;
  z-index: -1;
  margin-top: 30px;
  background: #FFF;
  border-top: 20px solid #FFF; }
  .decorative .top {
    height: 600px;
    width: 100%;
    position: absolute;
    bottom: -174px;
    background: url(../../images/decorative-harbour.jpg) scroll center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
  .decorative .bottom {
    height: 350px;
    width: 100%;
    top: -100px;
    -webkit-transform: skew(0deg, -3deg);
    -ms-transform: skew(0deg, -3deg);
    transform: skew(0deg, -3deg);
    background: url(../../images/decorative-glasses.jpg) scroll center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
  @media (max-width: 1024px) {
    .decorative {
      display: none; } }
/* ==========================================================================
	8. Awards Page Styles
	========================================================================== */
#awards-wine-spectator {
  width: 200px;
  height: 100px;
  background: url(../../images/awards-page-sprite.jpg) 0 0; }

#awards-best-of-bermuda {
  width: 200px;
  height: 100px;
  background: url(../../images/awards-page-sprite.jpg) 0 -100px; }

#awards-tripadvisor {
  width: 200px;
  height: 100px;
  background: url(../../images/awards-page-sprite.jpg) 0 -200px; }

/* ==========================================================================
	9. Menu Page Styles
	========================================================================== */
.menu-content {
  width: 70%;
  float: left;
  /*min-height: 572px;*/
  margin-bottom: 30px; }
  @media (max-width: 768px) {
    .menu-content {
      width: 100%;
      float: right;
      text-align: left; } }
  .menu-content p {
    text-align: left; }
  .menu-content h2 {
    margin: 0 0 20px 0; }
  .menu-content .item div .name {
    float: left; }
  .menu-content .item div .price {
    float: right;
    margin-top: 0; }
  .menu-content .item .description {
    font-size: 13px;
    margin-bottom: 20px;
    font-style: italic;
    line-height: 20px; }

.menu-nav {
  width: 20%;
  float: right;
  font-family: "Open Sans Condensed", Arial, sans-serif;
  color: #FC8461;
  text-align: left; }
  @media (max-width: 768px) {
    .menu-nav {
      width: 100%;
      float: left;
      text-align: center; }
      .menu-nav:after {
        content: "";
        display: block;
        height: 2px;
        background: #fff3d5;
        margin-bottom: 30px; } }
  .menu-nav li {
    font-size: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-shadow: 0px 1px #fff;
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer; }
    @media (max-width: 768px) {
      .menu-nav li {
        float: none;
        display: inline-block;
        margin: 0 15px 15px 15px; } }
    .menu-nav li.active {
      color: #FC8461; }

.name {
  float: left; }

.price {
  float: right;
  margin-top: 0; }

.description {
  font-size: 13px;
  margin-bottom: 20px;
  font-style: italic;
  line-height: 20px; }

/*lactose menu items*/
.l:after {
  content: 'L';
  color: #FFF;
  background: #6198fc;
  padding: 3px;
  font-size: 8px;
  position: relative;
  bottom: 3px;
  left: 5px; }

/*gluten free menu items*/
.gf:after {
  content: 'GF';
  color: #FFF;
  background: #f5400b;
  padding: 3px;
  font-size: 8px;
  position: relative;
  bottom: 3px;
  left: 5px; }

p.oysters {
  font-family: "Open Sans Condensed", Arial, sans-serif; }
  p.oysters span {
    font-style: italic; }

/* ==========================================================================
	10. Image Gallery Styles
	========================================================================== */
.grid {
  margin-top: 30px; }
  .grid img {
    width: 47%;
    margin-right: 15px;
    margin-bottom: 15px;
    opacity: 0.8;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 2px solid #fff;
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); }
    .grid img:hover {
      opacity: 1; }
    @media (max-width: 540px) {
      .grid img {
        width: 100%; } }
img.decorated {
  border: 2px solid #fff;
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  border: 2px solid #fff; }

/* ==========================================================================
	11. Admin Styles
	========================================================================== */
/*reset nav to horizontal, not skewed*/
#admin-nav {
  background: rgba(255, 255, 255, 0.8);
  font-family: "Open Sans Condensed", Arial, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.4);
  width: 100%;
  text-align: center;
  line-height: 40px;
  /*welcome, error message styles*/ }
  @media (max-width: 568px) {
    #admin-nav {
      background: #fff; } }
  #admin-nav ul {
    /*HIDE NAV UL AT SMALL SCREEN SIZE*/ }
    #admin-nav ul li {
      display: inline-block;
      margin: 0 10px;
      padding-bottom: 0;
      border-top: 2px solid transparent; }
      #admin-nav ul li:hover {
        border-top: 2px solid #fba927; }
    #admin-nav ul a, #admin-nav ul a:visited {
      color: #737374;
      text-shadow: 0px 1px #fff;
      text-decoration: none; }
    #admin-nav ul a:hover {
      color: #462d06;
      text-decoration: none; }
  #admin-nav h4, #admin-nav p {
    color: #737374; }

.sidebar {
  width: 160px;
  float: right;
  margin-right: 90px;
  margin-bottom: 60px;
  margin-top: 60px;
  padding: 30px 10px;
  line-height: 30px;
  font-family: "Open Sans Condensed", Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
  background: #fff; }
  @media (max-width: 960px) {
    .sidebar {
      clear: both;
      width: 300px;
      float: none;
      display: block;
      margin: 30px auto 30px auto;
      font-size: 22px;
      line-height: 40px; } }
  @media (max-width: 320px) {
    .sidebar {
      width: 90%;
      font-size: 22px; } }
  .sidebar a, .sidebar a:visited {
    text-decoration: none;
    color: #c8c8c8; }
  .sidebar a:hover {
    color: #fba927;
    text-decoration: none; }
  .sidebar li.active a {
    color: #fba927; }

/* ==========================================================================
	12. Print Styles
	========================================================================== */
@media print {
  nav {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .toggle-nav {
    display: none !important; }
  #header {
    height: 150px; }
    #header .container-bg {
      height: 150px;
      background: transparent; }
  .space-me {
    margin-bottom: 40px; }
  .specials-sidebar {
    width: 90%; }
  /* shrink the size of the nav links at the top of menus pages */
  .menu-nav li {
    font-size: 15px; }
  /* shrink the size of the links at the bottom of menu pages */
  .center h2 {
    font-size: 15px; }
  footer {
    padding-top: 10px; }
    footer #nav-links {
      display: none; }
    footer .links {
      display: none; } }

/*  ==========================================================================
    13. Special Event Top Bar Styles
	========================================================================== */
/* This is the banner below the main header image */
.announcment-bar {
  background: #d15454;
  position: relative;
  z-index: 1;
  top: -40px; }
  @media (max-width: 568px) {
    .announcment-bar {
      padding-top: 20px; } }
/*also changed position of nav to accommodate!*/
/*imported Open Sans font in _global.scss for uniformity: $OSANS*/
.top-announcement-bar {
  background: #fcc061;
  position: relative;
  z-index: 99; }
  @media screen and (max-width: 472px) {
    .top-announcement-bar {
      position: initial; } }
#special-event {
  font-family: "Open Sans", Arial, sans-serif;
  /*uncomment when font imported in global*/
  text-align: center;
  padding: 10px;
  display: table;
  width: auto;
  margin: 0 auto;
  position: relative;
  z-index: 9999; }
  @media screen and (max-width: 473px) {
    #special-event {
      background: #fcc061; } }
  #special-event strong {
    font-weight: bold; }
  #special-event .announcement {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
    line-height: 22px; }
    @media (max-width: 827px) {
      #special-event .announcement {
        display: block; } }
  #special-event button {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    background: #fff;
    color: rgba(0, 0, 0, 0.8);
    border-radius: 4px;
    font-family: "Open Sans", Arial, sans-serif;
    /*uncomment when font imported in global*/
    text-transform: none;
    font-size: 12px;
    font-weight: bold;
    padding: 6px;
    letter-spacing: 0; }
    @media (max-width: 827px) {
      #special-event button {
        margin: 5px auto; } }
    #special-event button:hover {
      background: #FC8461; }

/*  ==========================================================================
    14. Open Table Reservations Widget
	========================================================================== */
#OT_searchWrapperAll {
  margin-top: 40px !important; }
  @media (max-width: 660px) {
    #OT_searchWrapperAll {
      display: none; } }
  #OT_searchWrapperAll h2 {
    font-size: 20px !important; }

#OT_searchWrapper dl {
  top: 10px !important; }

#OT_date {
  top: 18px; }

#OT_searchWrapper #startDate, #OT_searchWrapper .OT_feedFormfieldCalendar {
  width: 92px !important; }

#OT_searchWrapper .feedFormField, #OT_searchWrapper .feedFormField option {
  background: #fff3d5;
  border: none;
  height: 35px;
  border-radius: 5px; }

.OT_TableButton {
  background: transparent !important; }

.spacer {
  height: 30px; }

#reservations-mobile {
  display: none; }
  @media (max-width: 660px) {
    #reservations-mobile {
      display: block; } }
/*Banner on the bottom of all pages*/
#reservations-banner {
  text-align: center;
  padding-top: 35px;
  padding-bottom: 35px;
  background: #fff3d5; }
  #reservations-banner button {
    margin-top: 0; }

#index #reservations-banner {
  background: rgba(71, 58, 55, 0.26); }
  @media (max-width: 1024px) {
    #index #reservations-banner {
      background: #FFF; } }
/*  ==========================================================================
	    15. Instagram Feed
		========================================================================== */
#instafeed {
  display: flex;
  justify-content: center;
  height: 150px;
  margin-top: 5px;
  margin-bottom: 4px; }
  #instafeed a {
    display: flex;
    flex: 1;
    margin-right: 5px;
    transition: opacity .2s; }
    #instafeed a:hover {
      opacity: 0.8; }

/* Adjust margins for homepage feed only */
#index #instafeed {
  margin-top: 18px;
  margin-bottom: 4px; }

nav {
  background: rgba(255, 255, 255, 0.8);
  z-index: 2;
  position: absolute;
  top: 0;
  /*should be 0 for special event bar to be correct, or 0 normally*/
  font-family: "Open Sans Condensed", Arial, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 200px;
  -webkit-transform: skew(0deg, -3deg);
  -ms-transform: skew(0deg, -3deg);
  transform: skew(0deg, -3deg); }
  @media (max-width: 568px) {
    nav {
      background: #fff; } }
  @media screen and (max-width: 472px) {
    nav {
      -webkit-transform: skew(0deg, 0deg);
      -ms-transform: skew(0deg, 0deg);
      transform: skew(0deg, 0deg);
      box-shadow: none; } }
  nav #logo-holder {
    display: inline-block; }
  nav #logo {
    position: relative;
    top: 80px;
    left: 10px;
    width: 200px; }
    @media screen and (max-width: 472px) {
      nav #logo {
        width: 157px;
        margin-top: 45px; } }
  nav ul {
    -webkit-transform: skew(0deg, 3deg);
    -ms-transform: skew(0deg, 3deg);
    transform: skew(0deg, 3deg);
    position: relative;
    top: 25px;
    /*HIDE NAV UL*/
    /*OUTER DIV TO CREATE TOP BAD*/
    /*MENU SUBNAV HIDE USUALLY*/ }
    @media (max-width: 838px) {
      nav ul {
        display: none; } }
    nav ul li {
      display: inline-block;
      margin: 0 10px;
      padding-top: 3px;
      border-top: 2px solid transparent;
      /*SHOW SUBNAV ON HOVER*/ }
      nav ul li:hover {
        border-top: 2px solid #fba927; }
      nav ul li:hover > .subnav ul {
        display: block; }
    nav ul .subnav {
      padding-bottom: 30px; }
    nav ul .subnav ul {
      display: none;
      position: absolute;
      top: 21px;
      top: 29px;
      padding-top: 5px;
      margin-left: -32px;
      text-align: center;
      -webkit-transform: skew(0deg, 0deg);
      -ms-transform: skew(0deg, 0deg);
      transform: skew(0deg, 0deg);
      background: white;
      -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.4);
      -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.4); }
      nav ul .subnav ul li {
        display: block;
        border-top: 2px solid transparent;
        padding: 10px 15px; }
        nav ul .subnav ul li:hover {
          border-top: 2px solid transparent; }
      nav ul .subnav ul a:hover li span {
        border-top: 2px solid #fba927; }
  nav a, nav a:visited {
    color: #737374;
    text-shadow: 0px 1px #fff;
    text-decoration: none; }
  nav a:hover {
    color: #462d06;
    text-decoration: none; }

#index #nav-index, #menus #nav-menus, #private-dining #nav-private-dining, #gallery #nav-gallery, #our-staff #nav-our-staff, #awards #nav-awards, #contact #nav-contact, #lunch-menu #nav-menus, #dinner-menu #nav-menus, #bar-menu #nav-menus, #dessert-menu #nav-menus, #drinks-menu #nav-menus, #seasonal-menus #nav-menus, #drinks #nav-drinks {
  color: #462d06;
  border-top: 2px solid #fba927; }

.site-wrap {
  overflow: hidden;
  width: 100%;
  height: 100%; }

#body-nav {
  position: fixed;
  overflow: hidden;
  top: 0;
  background: transparent;
  text-align: left;
  display: block;
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  transition: background 500ms ease;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 100%;
  width: 100%;
  text-align: center;
  z-index: -1;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }
  #body-nav p {
    color: rgba(0, 0, 0, 0.8);
    font-family: "Open Sans Condensed", Arial, sans-serif;
    display: none;
    text-transform: uppercase;
    font-size: 15px;
    text-shadow: 0px 1px rgba(255, 255, 255, 0.1);
    position: relative;
    top: 10px;
    -webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    transition: all 1s ease-in; }
    #body-nav p a, #body-nav p a:visited {
      color: rgba(0, 0, 0, 0.8); }
    #body-nav p a:hover {
      color: #fff; }

.burger-x {
  top: 35px;
  left: 3px;
  /*top: 100px;*/
  /* For Special Event Announcement */
  position: absolute;
  width: 30px;
  height: 6px;
  background-color: #FC8461;
  font-size: 0px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 225ms ease;
  -moz-transition: all 225ms ease;
  transition: all 225ms ease;
  margin: 0 auto; }

.burger-x:before, .burger-x:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FC8461;
  content: '';
  -webkit-transition: all 225ms ease;
  -moz-transition: all 225ms ease;
  transition: all 225ms ease; }

.burger-x:before {
  -webkit-transform: translateY(-200%);
  transform: translateY(-200%); }

.burger-x:after {
  -webkit-transform: translateY(200%);
  transform: translateY(200%); }

.show-nav .burger-x, .show-nav .burger-x:before, .show-nav .burger-x:after {
  background: #fff; }

/*FULL PAGE NAV*/
.show-nav #body-nav {
  background: #FC8461;
  z-index: 100; }
  .show-nav #body-nav p {
    display: block; }

.hide-nav #body-nav {
  background: transparent;
  height: 100%;
  width: 100%;
  z-index: 1; }

#body-nav ul {
  position: absolute;
  left: 0%;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateX(-50%);
  transform: translateY(-50%); }

#body-nav ul li a {
  display: block;
  text-decoration: none !important;
  height: 90px;
  line-height: 90px;
  font-size: 40px;
  color: #fff;
  opacity: 0;
  border: none;
  -webkit-transition: all 200ms cubic-bezier(0.17, 0.67, 0.38, 1.46);
  -moz-transition: all 200ms cubic-bezier(0.17, 0.67, 0.38, 1.46);
  transition: all 200ms cubic-bezier(0.17, 0.67, 0.38, 1.46);
  -webkit-transform: translateY(-200px);
  -moz-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  -o-transform: translateY(-200px);
  transform: translateY(-200px); }
  #body-nav ul li a:hover {
    color: rgba(0, 0, 0, 0.8); }
  @media screen and (max-width: 568px) {
    #body-nav ul li a {
      line-height: 25px;
      height: 40px;
      font-size: 30px; } }
  @media screen and (max-width: 320px) {
    #body-nav ul li a {
      line-height: 60px;
      height: 50px;
      font-size: 35px; } }
.show-nav #body-nav ul li a {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

#body-nav ul li:nth-child(1) a {
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0; }

#body-nav ul li:nth-child(2) a {
  -webkit-transition-delay: 0.025s;
  -moz-transition-delay: 0.025s;
  -o-transition-delay: 0.025s;
  transition-delay: 0.025s; }

#body-nav ul li:nth-child(3) a {
  -webkit-transition-delay: 0.050s;
  -moz-transition-delay: 0.050s;
  -o-transition-delay: 0.050s;
  transition-delay: 0.050s; }

#body-nav ul li:nth-child(4) a {
  -webkit-transition-delay: 0.075s;
  -moz-transition-delay: 0.075s;
  -o-transition-delay: 0.075s;
  transition-delay: 0.075s; }

#body-nav ul li:nth-child(5) a {
  -webkit-transition-delay: 0.10s;
  -moz-transition-delay: 0.10s;
  -o-transition-delay: 0.10s;
  transition-delay: 0.10s; }

#body-nav ul p {
  -webkit-transition-delay: 0.150s;
  -moz-transition-delay: 0.150s;
  -o-transition-delay: 0.150s;
  transition-delay: 0.150s; }

/*TOGGLE NAV BUTTON*/
.toggle-nav {
  display: none;
  text-align: center;
  width: 30px;
  height: 100px;
  right: 20px;
  top: 40px;
  top: 100px;
  /* Special Event Announcement */
  position: absolute;
  z-index: 9999999;
  color: rgba(0, 0, 0, 0.8);
  font-size: 18px;
  font-family: "Open Sans Condensed", Arial, sans-serif;
  text-decoration: none; }
  .toggle-nav:visited {
    color: #fff;
    text-decoration: none; }
  @media (max-width: 838px) {
    .toggle-nav {
      display: block; } }
  @media (max-width: 605px) {
    .toggle-nav {
      top: 20px;
      top: 100px;
      /* Special Event Announcement */ } }
  @media (max-width: 472px) {
    .toggle-nav {
      top: 123px; } }
.toggle-nav:hover, .toggle-nav-close:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05); }

.option {
  color: rgba(0, 0, 0, 0.8);
  letter-spacing: 0.5px;
  font-size: 15px; }

.show-nav .option {
  color: #fff !important; }

/*FANCYBOX*/
.fancybox-image {
  z-index: 99999999999999999; }

.fancybox-lock body {
  overflow: auto !important; }

#top-bar {
  padding: 10px 0;
  position: relative;
  z-index: 3;
  background: #454849;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iIzNiM2UzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDMzMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #454849 0%, #454849 50%, #3b3e3f 58%, #303334 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #454849), color-stop(50%, #454849), color-stop(58%, #3b3e3f), color-stop(100%, #303334));
  background: -webkit-linear-gradient(top, #454849 0%, #454849 50%, #3b3e3f 58%, #303334 100%);
  background: -o-linear-gradient(top, #454849 0%, #454849 50%, #3b3e3f 58%, #303334 100%);
  background: -ms-linear-gradient(top, #454849 0%, #454849 50%, #3b3e3f 58%, #303334 100%);
  background: linear-gradient(to bottom, #454849 0%, #454849 50%, #3b3e3f 58%, #303334 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454849', endColorstr='#303334',GradientType=0 );
  background: #3a3a3a;
  background: -moz-linear-gradient(top, #3a3a3a 0%, #3a3a3a 45%, #2b2b2b 58%, #2b2b2b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a3a3a), color-stop(45%, #3a3a3a), color-stop(58%, #2b2b2b), color-stop(100%, #2b2b2b));
  background: -webkit-linear-gradient(top, #3a3a3a 0%, #3a3a3a 45%, #2b2b2b 58%, #2b2b2b 100%);
  background: -o-linear-gradient(top, #3a3a3a 0%, #3a3a3a 45%, #2b2b2b 58%, #2b2b2b 100%);
  background: -ms-linear-gradient(top, #3a3a3a 0%, #3a3a3a 45%, #2b2b2b 58%, #2b2b2b 100%);
  background: linear-gradient(to bottom, #3a3a3a 0%, #3a3a3a 45%, #2b2b2b 58%, #2b2b2b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#2b2b2b',GradientType=0 ); }
  @media (max-width: 663px) {
    #top-bar {
      padding: 2px 0; } }
  #top-bar ul {
    float: right;
    font-family: "Open Sans Condensed", Arial, sans-serif;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 13px;
    margin: 0;
    padding: 0;
    line-height: 13px; }
    @media (max-width: 698px) {
      #top-bar ul {
        text-align: center; } }
    #top-bar ul li {
      display: inline; }
      #top-bar ul li a {
        display: inline-block;
        float: left;
        border-style: solid;
        border-width: 0 1px 0 1px;
        border-color: transparent #343738 transparent rgba(255, 255, 255, 0.1);
        padding-right: 10px;
        padding-left: 12px; }
        @media (max-width: 698px) {
          #top-bar ul li a {
            padding-right: 5px;
            padding-left: 7px; } }
        @media (max-width: 663px) {
          #top-bar ul li a {
            display: none; } }
      @media (max-width: 698px) {
        #top-bar ul li {
          text-align: center;
          display: inline-block; } }
  #top-bar a, #top-bar a:visited {
    color: #989898;
    text-shadow: 0px 1px rgba(0, 0, 0, 0.7);
    transition: all 0.1s ease; }
  #top-bar a:hover {
    color: #fff;
    text-shadow: 0px 1px black; }