/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
   ----------------------------------------- */
body{
  font-family: Helvetica, Arial, sans-serif;
}

   h1 {  
    font-family: georgia, "Arial Narrow", Arial, sans-serif;
  }

  h2,h3,h4 {
    font-family: georgia, "Arial Narrow", Arial, sans-serif;
    color: #777;
  }

  h3 {
    color:#ff6600;
  }

  .contain-to-grid {
    background-color: #FFF;
  }

  .top-bar {
   background-color: #FFF;
   height: 60px;
   margin: 0 0 0 0;
 }


 .top-bar ul > li a:not(.button) {
  color:#555;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: 1.6em;
  text-transform: uppercase;
  font-weight: normal;
  margin-top:0.5em;
  xposition:relative;
  xtop:20px;
}

.top-bar ul > li a:not(.button) .name {
  position: relative;
  top:-20px;
}

/*hover for nav bar */

.top-bar ul > li:not(.name):hover, .top-bar ul > li:not(.name).active, .top-bar ul > li:not(.name):focus { 
  background: #ff6600; 
}

.top-bar ul > li:not(.name):hover a, .top-bar ul > li:not(.name).active a, .top-bar ul > li:not(.name):focus a { 
  color: #fff;
}

.top-bar ul > li.active, .top-bar ul > li:hover { background: #fff; }


/*toggle for responsive menu */
.top-bar ul > li.toggle-topbar a { content: ""; display: block; width: 0; height: 0; border: solid 8px; border-color: black transparent transparent transparent; padding: 0; position: absolute; top: 50%; right: 22.5px; margin-top: -4px; }
.top-bar ul > li.toggle-topbar:hover { background: #fff; }

.row {
  xbackground-color:#FFFFFF;
}

/* -----------------------------------------
   Page Name 1
   ----------------------------------------- */

   #copyright { background: #333; color: #fff; padding: 11px 0; }
   #copyright p, #copyright ul.inline-list { margin-bottom: 0; }
   #copyright a { color: #fff; }

/* -----------------------------------------
   Page Name 2
   ----------------------------------------- */


   .headlinetitle h1{
    font-size:5em;
    padding:0px;
    margin:0px;
  }

  .subTitle{
    font-family:"Arial Narrow", Arial, sans; 
    font-size:1.6em;
    font-weight:normal;
    line-height:1.6em; 
    color:#fff;
    padding:0.25em; 
    display: inline; 
    background-color: rgba(24,24,24,0.75);
  }


  .highlight-green {
    background: rgba(184,211,11,0.75);
    color: #FFF;
    padding: 10px 20px 4px 20px;
    xmargin-bottom: -30px;

  }


  .opening tr:nth-child(even) {
    background-color: transparent;
  }
  .opening td {
    padding:0.1em;
  }


  .menu {
    color: #333;
  }
  .menu h3 {
    font-family:"Arial Narrow", arial, sans-serif;
    font-weight:normal;
    font-size:1.4em;
    text-transform: uppercase;
    color:#333;
    margin-bottom:0.25em;
  }

  /* Content Menus... */
  h3.menuItemTitle {
    font-family:"Arial Narrow", arial, sans-serif;
    font-weight:normal;
    font-size:1.4em;
    text-transform: uppercase;
    color:#333;
    margin-bottom:0.5em;
  }

  h3.menuSubItemTitle {
    font-family:"Arial Narrow", arial, sans-serif;
    font-weight:normal;
    font-size:1.2em;
    text-transform: uppercase;
    color:#333;
    padding: 0 0 0 0;
    margin: 0 0 0 3em;
  }

  .menuPrice {
    color:#ff6600; 
    font-weight: bold;
  }

  .menu p {
   margin-bottom: 0.25em;
   color: #333;
   background-color: #fff;
   text-align:left;
 }


 /* Decoration */
 .shadow {
  -webkit-box-shadow: 0px 0px 19px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    0px 0px 19px rgba(50, 50, 50, 0.75);
  box-shadow:         0px 0px 19px rgba(50, 50, 50, 0.75);
}