@charset "UTF-8";
/************************************************

Stylesheet: Main Stylesheet

*************************************************/
/*********************
GENERAL STYLES
*********************/

/*********************
LINK STYLES
*********************/
a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none; }

/*********************
HEADER STYLES
*********************/
.header ul.off-canvas-list li {
  list-style: none; }

/*********************
NAVIGATION STYLES
*********************/
.top-bar .title-area {
  z-index: 1; }

.off-canvas-list ul {
  margin-left: 0; }
  .off-canvas-list ul li a {
    border-bottom: 0px; }
  .off-canvas-list ul .dropdown {
    margin-left: 20px; }

/*********************
POSTS & CONTENT STYLES
*********************/
#content #inner-content {
  padding: 1rem 0rem; }

.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999; }

.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff; }

/*********************
IMAGE GALLERY STYLES
*********************/

/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
  margin: 0; }
  .widget ul li {
    list-style: none; }

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both; }

/*********************
FOUNDATION STYLES
*********************/

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet.

Remember to add things that won't make sense to print at
the bottom. Things like nav, ads, and forms shouldbe set
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }

/**********************************************************************************
DEVELOPMENT STYLES
****************************************************************************

#header {
  border: white dashed 1px;
}

#hero-nav-wrap {
  border: blue dashed 1px;
}

#hero {
  border: pink dashed 1px;
}

#hero-content {
  border-bottom: 1px green solid;
}

#content-wrap {
  border: purple dashed 1px;
}

#content {
  border: green dashed 1px;
}

#inner-footer {
  border: 1px dashed yellow;
}

#hero-scroll-branch {
  text-transform: lowercase;
  text-align: center;
}

#branch-menu div {
  border: 1px yellow solid;
}

***/

.row {
  max-width: none;
}

.branch-section {
  margin: 0 auto;
  width: 85%;
  background-color: blue;
}

.content-block {
  height: 100%;
  background-color: blue;
}

.orbit-slide {

}




a {
  color: #A48C72;
}

a:hover {
  color: #6D5A44;
}



/* SMALL ONLY */
@media screen and (max-width: 39.9375em) {

  #hero-nav-wrap-bg {
    background-attachment: fixed;
    background-size: cover;
  }

  #hero-floater {
    height: 20%;
  }

}

/* MEDIUM UP */
@media screen and (min-width: 40em) {

  body {
    background-attachment: fixed;
    background-size: cover;
   }

   #hero-floater {
     height: 30%;
   }
}

/**********************************************************************************
BRANCH PAGE STYLES
**********************************************************************************/

.branch-details {
  text-align: center;
}

.menu-section {
  margin-bottom: 2em;
}

.item-name {
  font-weight: bold;
  font-size: 1.25em;
  margin-bottom: 0em;
  color: #fff;
}

.branch-menu-item img {
  margin-left: 5px;
}

/**********************************************
GLOBAL STYLES
**********************************************/

html, body {
  height: 100%;
  background: transparent;
}

body {
  font-family: 'Futura LT';
  color: #ccc;
  /*background: url("../images/homepage-hero-alt.JPG") top center; background-attachment: fixed; background-size: cover;*/
}

h1 {
  font-size: 2.25em;
  color: #A48C72;
}

h2 {
  font-size: 2em;
  color: #A48C72;
}

h3 {
  font-size: 1.75em;
  color: #A48C72;
}

p {
  font-size: 1em;
}

.margin-top-3em {
  margin-top: 3em;
}

#hero, #content {
  width: 85%;
  margin: 0 auto;
}

/**********************************************
HERO STYLES
**********************************************/

#hero-nav-wrap-bg {
  height: 100%;
}


#hero-nav-wrap {
  height: 100%;
  background: rgba(0,0,0,0.9);
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0.9) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(10%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.9)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0.9) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0.9) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0.9) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

#hero {
  height: 100%;
}

#hero-floater {
  float: left;
  width: 100%;
  text-align: center;
}

#hero-floater img {
  margin-top: 2em;
}

#hero-content {
  height: 85%;
  text-align: right;
}

#hero-content h1 {
  color: #fff;
}

#hero-scroll, #hero-scroll-branch {
  text-align: center;
  text-transform: lowercase;
}

/**********************************************
CONTENT STYLES
**********************************************/

#content-wrap {
  background: rgba(0, 0, 0, 0.9); /* Green background with 30% opacity */
}

#content {
  padding-top: 40px;
  padding-bottom: 40px;
}

/**********************************************
BOOKING FORM STYLES
**********************************************/

#booking-form-modal {
  background: rgba(0, 0, 0, 0.8); /* Green background with 30% opacity */
  border: 2px solid #000;
}

#booking-form-modal p, #booking-form-modal label {
  color: #fff !important;
}

.alert {
  border: 1px solid #ec5840 !important;
  background-color: rgba(236,88,64,.1) !important;
}

.is-invalid-input:not(:focus) {
  color: #fff !important;
}

#reservation-button {
  background-color: #A48C72;
  background: rgba(164,140,114,0.7);
  margin-bottom: 5px;
}

#reservation-button:hover {
  background-color: #6D5A44;
  background: rgba(109,90,68,0.7);
}


/**********************************************
TOP BAR STYLES
**********************************************/

#header {
  background: rgba(0, 0, 0, 0.9); /* Black background with 80% opacity */
  border-bottom: #000 5px solid;
  float:left;
  width: 100%;
}

.top-bar {
  background: rgba(0, 0, 0, 0.0); /* Black background with 0% opacity */
  width: 95%;
  margin: 0 auto;
}

.top-bar .top-bar-left img {
  margin-top: 7px; /* NOT RESPONSIVE */
}

.top-bar .menu {
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: transparent;
}

.top-bar .menu li a {
  font-weight: bold;
  color: #ccc;
}

.top-bar .menu li a:hover {
  font-weight: bold;
  color: #fff;
}

.menu .active > a {
  font-weight: bold;
  color: #fff !important;
  background: none;
}

/**********************************************
FOOTER STYLES
**********************************************/

#inner-footer {
  background: rgba(0, 0, 0, 0.9); /* Black background with 80% opacity */
}

#footer-social span{
  display: block;
  padding: 40px;
  text-align: center;
}

#facebook {
  background-color: #607ebb;
  background: rgba(96,126,187,0.7);
}

#facebook:hover {
  background-color: #607ebb;
  background: rgba(96,126,187,0.8);
}

#twitter {
  background-color: #80deea;
  background: rgba(128,222,234,0.7);
}

#twitter:hover {
  background-color: #80deea;
  background: rgba(128,222,234,0.8);
}

#tripadvisor {
  background-color: #91bb60;
  background: rgba(145,187,96,0.7);
}

#tripadvisor:hover {
  background-color: #91bb60;
  background: rgba(145,187,96,0.8);
}

#menu-footer li {
  margin: 0 auto;
}

.copyright {
  padding-top: 20px;
  text-align: center;
}




/* This stylesheet generated by Transfonter (http://transfonter.org) on November 16, 2016 8:59 PM */

@font-face {
	font-family: 'Futura LT';
	src: url('FuturaLT-Book.eot');
	src: url('FuturaLT-Book.eot?#iefix') format('embedded-opentype'),
		url('FuturaLT-Book.woff') format('woff'),
		url('FuturaLT-Book.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}