@charset "UTF-8";
/*
	Theme Name: Compass
	Description: A starter theme for all projects.
	Author: Journey
	Author URI: http://www.wearejourney.co.uk
	Version: 1.0
*/
/*------------------------------------*    $FOUNDATION
\*------------------------------------*/
/**
 * Include normalize
 */
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

script {
  display: none !important; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*------------------------------------*    $BASE
\*------------------------------------*/
/**
 * Define helper classes, variables, mixins and fonts
 */
/*------------------------------------*    $HELPERS
\*------------------------------------*/
.clearfix:after, .single__nav:after, .pagination:after, .social-wall .section-share:after {
  content: "";
  display: table;
  clear: both; }

.visuallyhidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

/*------------------------------------*    $Journey footer branding
\*------------------------------------*/
.cn-ext-pop {
  position: relative;
  z-index: 1; }
  .cn-ext-pop .tool {
    display: none;
    position: absolute;
    top: -105px;
    left: -50px;
    width: 200px;
    background: #3b3b3b;
    padding: 5px 10px 10px;
    border-radius: 3px; }
  .cn-ext-pop span {
    font-size: 12px;
    color: white;
    text-align: center;
    font-family: sans-serif; }
  .cn-ext-pop .tip {
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    border-top: 10px solid #3b3b3b;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    width: 0;
    height: 0; }
  .cn-ext-pop img {
    display: block;
    margin: .75em auto; }

/*------------------------------------*    $VARIABLES
\*------------------------------------*/
/**
 * Colours
 */
/**
 * Social icons
 */
/**
 * Media queries
 */
/*------------------------------------*	$MIXINS
\*------------------------------------*/
/**
 * Media query wrapper to be used in conjunction with Foundation variables:
 *
 * $small-only  $medium-up  $large-up  etc.
 */
/**
  * Slightly lighten a colour, better than lighten()
  * @param  {Colour} $color      Colour to tint
  * @param  {Number} $percentage Percentage of '$color' in returned color
  * @return {Colour}
  */
/**
  * Slightly darken a colour, better than darken()
  * @param  {Colour} $color      Colour to shade
  * @param  {Number} $percentage Percentage of '$color' in returned color
  * @return {Colour}
  */
/*------------------------------------*    $FONTS
\*------------------------------------*/
/* @font-face {
    font-family: 'FontName';
    src: url('_/fonts/fontname.eot');
    src: url('_/fonts/fontname.eot?#iefix') format('embedded-opentype'),
         url('_/fonts/fontname.woff2') format('woff2'),
         url('_/fonts/fontname.woff') format('woff'),
         url('_/fonts/fontname.ttf') format('truetype'),
         url('_/fonts/fontname.svg#fontname') format('svg');
    font-weight: normal;
    font-style: normal;
} */
p,
.entry li,
.entry p,
.promoted__entry,
footer p,
.single__entry p,
.single__entry ul li,
.box-links__content {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 300;
  /*-----------commentbypetecommentbypetecommentbypetecommentbypetecommentbypetecommentbypete--*/ }

.footer__content p {
  color: #ffffff; }

.recipe-info ul li, .recipe-info ol li {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 301; }

.recipe-info p {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 300; }

p.gallery__content,
p.box-links__title,
.booking-bar p {
  font-family: "Lora", serif;
  font-weight: normal; }

@media only screen and (max-width: 767px) {
  .notMobile {
    display: none; }
  .onlyMobile {
    display: block; }
  .onlyMobileI {
    display: inline-block !important; }
  .onlyMobileF {
    display: inline-flex; }
  .onlyMobileIF {
    display: inline-flex; } }

@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .notTablet {
    display: none; }
  .onlyDesktop, .onlyDesktopI, .onlyDesktopF, .onlyDesktopIF {
    display: none; } }

@media only screen and (max-width: 1024px) {
  .onlyDesktop, .onlyDesktopI, .onlyDesktopF, .onlyDesktopIF {
    display: none; } }

@media only screen and (min-width: 768px) {
  .onlyMobile, .onlyMobileI, .onlyMobileF, .onlyMobileIF {
    display: none; } }

@media only screen and (min-width: 1025px) {
  .onlyDesktop {
    display: block; }
  .onlyDesktopI {
    display: inline-block; }
  .onlyDesktopF {
    display: flex; }
  .onlyDesktopIF {
    display: inline-flex; } }

/**
 * Include Foundation 4
 * Need to support IE8...
 */
meta.foundation-mq-small {
  font-family: "only screen and (min-width: 768px)";
  width: 768px; }

meta.foundation-mq-medium {
  font-family: "only screen and (min-width:1280px)";
  width: 1280px; }

meta.foundation-mq-large {
  font-family: "only screen and (min-width:1440px)";
  width: 1440px; }

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  font-size: 100%; }

body {
  background: white;
  color: #222222;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default; }

a:hover {
  cursor: pointer; }

img,
object,
embed {
  max-width: 100%;
  height: auto; }

object,
embed {
  height: 100%; }

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.text-left {
  text-align: left !important; }

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

.text-center {
  text-align: center !important; }

.text-justify {
  text-align: justify !important; }

.hide {
  display: none; }

.antialiased {
  -webkit-font-smoothing: antialiased; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

/* Grid HTML Classes */
.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5em;
  *zoom: 1; }

.row:before, .row:after {
  content: " ";
  display: table; }

.row:after {
  clear: both; }

.row.collapse > .column,
.row.collapse > .columns {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  float: left; }

.row.collapse .row {
  margin-left: 0;
  margin-right: 0; }

.row .row {
  width: auto;
  margin-left: -0.9375em;
  margin-right: -0.9375em;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
  *zoom: 1; }

.row .row:before, .row .row:after {
  content: " ";
  display: table; }

.row .row:after {
  clear: both; }

.row .row.collapse {
  width: auto;
  margin: 0;
  max-width: none;
  *zoom: 1; }

.row .row.collapse:before, .row .row.collapse:after {
  content: " ";
  display: table; }

.row .row.collapse:after {
  clear: both; }

.column,
.columns {
  position: relative;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  width: 100%;
  float: left; }

@media only screen {
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }
  .small-1 {
    position: relative;
    width: 8.33333%; }
  .small-2 {
    position: relative;
    width: 16.66667%; }
  .small-3 {
    position: relative;
    width: 25%; }
  .small-4 {
    position: relative;
    width: 33.33333%; }
  .small-5 {
    position: relative;
    width: 41.66667%; }
  .small-6 {
    position: relative;
    width: 50%; }
  .small-7 {
    position: relative;
    width: 58.33333%; }
  .small-8 {
    position: relative;
    width: 66.66667%; }
  .small-9 {
    position: relative;
    width: 75%; }
  .small-10 {
    position: relative;
    width: 83.33333%; }
  .small-11 {
    position: relative;
    width: 91.66667%; }
  .small-12 {
    position: relative;
    width: 100%; }
  .small-offset-0 {
    position: relative;
    margin-left: 0%; }
  .small-offset-1 {
    position: relative;
    margin-left: 8.33333%; }
  .small-offset-2 {
    position: relative;
    margin-left: 16.66667%; }
  .small-offset-3 {
    position: relative;
    margin-left: 25%; }
  .small-offset-4 {
    position: relative;
    margin-left: 33.33333%; }
  .small-offset-5 {
    position: relative;
    margin-left: 41.66667%; }
  .small-offset-6 {
    position: relative;
    margin-left: 50%; }
  .small-offset-7 {
    position: relative;
    margin-left: 58.33333%; }
  .small-offset-8 {
    position: relative;
    margin-left: 66.66667%; }
  .small-offset-9 {
    position: relative;
    margin-left: 75%; }
  .small-offset-10 {
    position: relative;
    margin-left: 83.33333%; }
  [class*="column"] + [class*="column"]:last-child {
    float: right; }
  [class*="column"] + [class*="column"].end {
    float: left; }
  .column.small-centered,
  .columns.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important; } }

/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 768px) {
  .large-1 {
    position: relative;
    width: 8.33333%; }
  .large-2 {
    position: relative;
    width: 16.66667%; }
  .large-3 {
    position: relative;
    width: 25%; }
  .large-4 {
    position: relative;
    width: 33.33333%; }
  .large-5 {
    position: relative;
    width: 41.66667%; }
  .large-6 {
    position: relative;
    width: 50%; }
  .large-7 {
    position: relative;
    width: 58.33333%; }
  .large-8 {
    position: relative;
    width: 66.66667%; }
  .large-9 {
    position: relative;
    width: 75%; }
  .large-10 {
    position: relative;
    width: 83.33333%; }
  .large-11 {
    position: relative;
    width: 91.66667%; }
  .large-12 {
    position: relative;
    width: 100%; }
  .row .large-offset-0 {
    position: relative;
    margin-left: 0%; }
  .row .large-offset-1 {
    position: relative;
    margin-left: 8.33333%; }
  .row .large-offset-2 {
    position: relative;
    margin-left: 16.66667%; }
  .row .large-offset-3 {
    position: relative;
    margin-left: 25%; }
  .row .large-offset-4 {
    position: relative;
    margin-left: 33.33333%; }
  .row .large-offset-5 {
    position: relative;
    margin-left: 41.66667%; }
  .row .large-offset-6 {
    position: relative;
    margin-left: 50%; }
  .row .large-offset-7 {
    position: relative;
    margin-left: 58.33333%; }
  .row .large-offset-8 {
    position: relative;
    margin-left: 66.66667%; }
  .row .large-offset-9 {
    position: relative;
    margin-left: 75%; }
  .row .large-offset-10 {
    position: relative;
    margin-left: 83.33333%; }
  .row .large-offset-11 {
    position: relative;
    margin-left: 91.66667%; }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column.large-centered,
  .columns.large-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important; }
  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right !important; } }

/* Foundation Visibility HTML Classes */
.show-for-small,
.show-for-medium-down,
.show-for-large-down {
  display: inherit !important; }

.show-for-medium,
.show-for-medium-up,
.show-for-large,
.show-for-large-up,
.show-for-xlarge {
  display: none !important; }

.hide-for-medium,
.hide-for-medium-up,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
  display: inherit !important; }

.hide-for-small,
.hide-for-medium-down,
.hide-for-large-down {
  display: none !important; }

/* Specific visilbity for tables */
table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge {
  display: table; }

thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge {
  display: table-header-group !important; }

tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge {
  display: table-row-group !important; }

tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge {
  display: table-row !important; }

td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge,
th.show-for-small,
th.show-for-medium-down,
th.show-for-large-down,
th.hide-for-medium,
th.hide-for-medium-up,
th.hide-for-large,
th.hide-for-large-up,
th.hide-for-xlarge {
  display: table-cell !important; }

/* Medium Displays: 768px - 1279px */
@media only screen and (min-width: 768px) {
  .show-for-medium,
  .show-for-medium-up {
    display: inherit !important; }
  .show-for-small {
    display: none !important; }
  .hide-for-small {
    display: inherit !important; }
  .hide-for-medium,
  .hide-for-medium-up {
    display: none !important; }
  /* Specific visilbity for tables */
  table.show-for-medium, table.show-for-medium-up, table.hide-for-small {
    display: table; }
  thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small {
    display: table-header-group !important; }
  tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small {
    display: table-row-group !important; }
  tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small {
    display: table-row !important; }
  td.show-for-medium, td.show-for-medium-up, td.hide-for-small,
  th.show-for-medium,
  th.show-for-medium-up,
  th.hide-for-small {
    display: table-cell !important; } }

/* Large Displays: 1280px - 1440px */
@media only screen and (min-width: 1280px) {
  .show-for-large,
  .show-for-large-up {
    display: inherit !important; }
  .show-for-medium,
  .show-for-medium-down {
    display: none !important; }
  .hide-for-medium,
  .hide-for-medium-down {
    display: inherit !important; }
  .hide-for-large,
  .hide-for-large-up {
    display: none !important; }
  /* Specific visilbity for tables */
  table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down {
    display: table; }
  thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down {
    display: table-header-group !important; }
  tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down {
    display: table-row-group !important; }
  tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down {
    display: table-row !important; }
  td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down,
  th.show-for-large,
  th.show-for-large-up,
  th.hide-for-medium,
  th.hide-for-medium-down {
    display: table-cell !important; } }

/* X-Large Displays: 1400px and up */
@media only screen and (min-width: 1440px) {
  .show-for-xlarge {
    display: inherit !important; }
  .show-for-large,
  .show-for-large-down {
    display: none !important; }
  .hide-for-large,
  .hide-for-large-down {
    display: inherit !important; }
  .hide-for-xlarge {
    display: none !important; }
  /* Specific visilbity for tables */
  table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down {
    display: table; }
  thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down {
    display: table-header-group !important; }
  tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down {
    display: table-row-group !important; }
  tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down {
    display: table-row !important; }
  td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down,
  th.show-for-xlarge,
  th.hide-for-large,
  th.hide-for-large-down {
    display: table-cell !important; } }

/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important; }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }

/* Specific visilbity for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table; }

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important; }

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important; }
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important; }
  /* Specific visilbity for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table; }
  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important; }
  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important; }
  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important; }
  td.show-for-landscape, td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important; } }

@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important; }
  .hide-for-portrait,
  .show-for-landscape {
    display: none !important; }
  /* Specific visilbity for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table; }
  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important; }
  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important; }
  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important; }
  td.show-for-portrait, td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important; } }

/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

.touch .hide-for-touch {
  display: none !important; }

/* Specific visilbity for tables */
table.hide-for-touch {
  display: table; }

.touch table.show-for-touch {
  display: table; }

thead.hide-for-touch {
  display: table-header-group !important; }

.touch thead.show-for-touch {
  display: table-header-group !important; }

tbody.hide-for-touch {
  display: table-row-group !important; }

.touch tbody.show-for-touch {
  display: table-row-group !important; }

tr.hide-for-touch {
  display: table-row !important; }

.touch tr.show-for-touch {
  display: table-row !important; }

td.hide-for-touch {
  display: table-cell !important; }

.touch td.show-for-touch {
  display: table-cell !important; }

th.hide-for-touch {
  display: table-cell !important; }

.touch th.show-for-touch {
  display: table-cell !important; }

/* Foundation Block Grids for below small breakpoint */
@media only screen {
  [class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -0.625em;
    *zoom: 1; }
  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table; }
  [class*="block-grid-"]:after {
    clear: both; }
  [class*="block-grid-"] > li {
    display: inline;
    height: auto;
    float: left;
    padding: 0 0.625em 1.25em; }
  .small-block-grid-1 > li {
    width: 100%;
    padding: 0 0.625em 1.25em; }
  .small-block-grid-1 > li:nth-of-type(n) {
    clear: none; }
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both; }
  .small-block-grid-2 > li {
    width: 50%;
    padding: 0 0.625em 1.25em; }
  .small-block-grid-2 > li:nth-of-type(n) {
    clear: none; }
  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both; }
  .small-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.625em 1.25em; }
  .small-block-grid-3 > li:nth-of-type(n) {
    clear: none; }
  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both; }
  .small-block-grid-4 > li {
    width: 25%;
    padding: 0 0.625em 1.25em; }
  .small-block-grid-4 > li:nth-of-type(n) {
    clear: none; }
  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both; }
  .small-block-grid-5 > li {
    width: 20%;
    padding: 0 0.625em 1.25em; }
  .small-block-grid-5 > li:nth-of-type(n) {
    clear: none; }
  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both; }
  .small-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.625em 1.25em; }
  .small-block-grid-6 > li:nth-of-type(n) {
    clear: none; }
  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both; }
  .small-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.625em 1.25em; }
  .small-block-grid-7 > li:nth-of-type(n) {
    clear: none; }
  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both; }
  .small-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.625em 1.25em; }
  .small-block-grid-8 > li:nth-of-type(n) {
    clear: none; }
  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both; }
  .small-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.625em 1.25em; }
  .small-block-grid-9 > li:nth-of-type(n) {
    clear: none; }
  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both; }
  .small-block-grid-10 > li {
    width: 10%;
    padding: 0 0.625em 1.25em; }
  .small-block-grid-10 > li:nth-of-type(n) {
    clear: none; }
  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both; }
  .small-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.625em 1.25em; }
  .small-block-grid-11 > li:nth-of-type(n) {
    clear: none; }
  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both; }
  .small-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.625em 1.25em; }
  .small-block-grid-12 > li:nth-of-type(n) {
    clear: none; }
  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both; } }

/* Foundation Block Grids for above small breakpoint */
@media only screen and (min-width: 768px) {
  /* Remove small grid clearing */
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: none; }
  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: none; }
  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: none; }
  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: none; }
  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: none; }
  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: none; }
  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: none; }
  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: none; }
  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: none; }
  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: none; }
  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: none; }
  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: none; }
  .large-block-grid-1 > li {
    width: 100%;
    padding: 0 0.625em 1.25em; }
  .large-block-grid-1 > li:nth-of-type(n) {
    clear: none; }
  .large-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both; }
  .large-block-grid-2 > li {
    width: 50%;
    padding: 0 0.625em 1.25em; }
  .large-block-grid-2 > li:nth-of-type(n) {
    clear: none; }
  .large-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both; }
  .large-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.625em 1.25em; }
  .large-block-grid-3 > li:nth-of-type(n) {
    clear: none; }
  .large-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both; }
  .large-block-grid-4 > li {
    width: 25%;
    padding: 0 0.625em 1.25em; }
  .large-block-grid-4 > li:nth-of-type(n) {
    clear: none; }
  .large-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both; }
  .large-block-grid-5 > li {
    width: 20%;
    padding: 0 0.625em 1.25em; }
  .large-block-grid-5 > li:nth-of-type(n) {
    clear: none; }
  .large-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both; }
  .large-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.625em 1.25em; }
  .large-block-grid-6 > li:nth-of-type(n) {
    clear: none; }
  .large-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both; }
  .large-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.625em 1.25em; }
  .large-block-grid-7 > li:nth-of-type(n) {
    clear: none; }
  .large-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both; }
  .large-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.625em 1.25em; }
  .large-block-grid-8 > li:nth-of-type(n) {
    clear: none; }
  .large-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both; }
  .large-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.625em 1.25em; }
  .large-block-grid-9 > li:nth-of-type(n) {
    clear: none; }
  .large-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both; }
  .large-block-grid-10 > li {
    width: 10%;
    padding: 0 0.625em 1.25em; }
  .large-block-grid-10 > li:nth-of-type(n) {
    clear: none; }
  .large-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both; }
  .large-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.625em 1.25em; }
  .large-block-grid-11 > li:nth-of-type(n) {
    clear: none; }
  .large-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both; }
  .large-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.625em 1.25em; }
  .large-block-grid-12 > li:nth-of-type(n) {
    clear: none; }
  .large-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both; } }

p.lead {
  font-size: 1.21875em;
  line-height: 1.6; }

.subheader {
  line-height: 1.4;
  color: #6f6f6f;
  font-weight: 300;
  margin-top: 0.2em;
  margin-bottom: 0.5em; }

/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  direction: ltr; }

/* Default Link Styles */
a {
  color: #2ba6cb;
  text-decoration: none;
  line-height: inherit; }

a:hover, a:focus {
  color: #2795b6; }

a img {
  border: none; }

/* Default paragraph styles */
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1.25em;
  text-rendering: optimizeLegibility; }

p aside {
  font-size: 0.875em;
  line-height: 1.35;
  font-style: italic; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #222222;
  text-rendering: optimizeLegibility;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
  line-height: 1.2125em; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-size: 60%;
  color: #6f6f6f;
  line-height: 0; }

h1 {
  font-size: 2.125em; }

h2 {
  font-size: 1.6875em; }

h3 {
  font-size: 1.375em; }

h4 {
  font-size: 1.125em; }

h5 {
  font-size: 1.125em; }

h6 {
  font-size: 1em; }

hr {
  border: solid #dddddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25em 0 1.1875em;
  height: 0; }

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: bold;
  color: #7f0a0c; }

/* Lists */
ul,
ol,
dl {
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1.25em;
  list-style-position: outside;
  font-family: inherit; }

ul, ol {
  margin-left: 0; }

ul.no-bullet, ol.no-bullet {
  margin-left: 0; }

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.25em;
  margin-bottom: 0;
  font-size: 1em;
  /* Override nested font-size change */ }

ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit; }

ul.square {
  list-style-type: square; }

ul.circle {
  list-style-type: circle; }

ul.disc {
  list-style-type: disc; }

ul.no-bullet {
  list-style: none; }

/* Ordered Lists */
ol li ul,
ol li ol {
  margin-left: 1.25em;
  margin-bottom: 0; }

/* Definition Lists */
dl dt {
  margin-bottom: 0.3em;
  font-weight: bold; }

dl dd {
  margin-bottom: 0.75em; }

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222222;
  border-bottom: 1px dotted #dddddd;
  cursor: help; }

abbr {
  text-transform: none; }

/* Blockquotes */
blockquote {
  margin: 0 0 1.25em;
  padding: 0.5625em 1.25em 0 1.1875em;
  border-left: 1px solid #dddddd; }

blockquote cite {
  display: block;
  font-size: 0.8125em;
  color: #555555; }

blockquote cite:before {
  content: "\2014 \0020"; }

blockquote cite a,
blockquote cite a:visited {
  color: #555555; }

blockquote,
blockquote p {
  line-height: 1.6;
  color: #6f6f6f; }

@media only screen and (min-width: 768px) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4; }
  h1 {
    font-size: 2.75em; }
  h2 {
    font-size: 2.3125em; }
  h3 {
    font-size: 1.6875em; }
  h4 {
    font-size: 1.4375em; } }

/*
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  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; }
  .hide-on-print {
    display: none !important; }
  .print-only {
    display: block !important; }
  .hide-for-print {
    display: none !important; }
  .show-for-print {
    display: inherit !important; } }

button, .button {
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-family: inherit;
  font-weight: bold;
  line-height: normal;
  margin: 0 0 1.25em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 0.75em;
  padding-right: 1.5em;
  padding-bottom: 0.8125em;
  padding-left: 1.5em;
  font-size: 1em;
  background-color: #2ba6cb;
  border-color: #2284a1;
  color: white; }

button:hover, button:focus, .button:hover, .button:focus {
  background-color: #2284a1; }

button:hover, button:focus, .button:hover, .button:focus {
  color: white; }

button.secondary, .button.secondary {
  background-color: #e9e9e9;
  border-color: #d0d0d0;
  color: #333333; }

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  background-color: #d0d0d0; }

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  color: #333333; }

button.success, .button.success {
  background-color: #5da423;
  border-color: #457a1a;
  color: white; }

button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  background-color: #457a1a; }

button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  color: white; }

button.alert, .button.alert {
  background-color: #c60f13;
  border-color: #970b0e;
  color: white; }

button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  background-color: #970b0e; }

button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  color: white; }

button.large, .button.large {
  padding-top: 1em;
  padding-right: 2em;
  padding-bottom: 1.0625em;
  padding-left: 2em;
  font-size: 1.25em; }

button.small, .button.small {
  padding-top: 0.5625em;
  padding-right: 1.125em;
  padding-bottom: 0.625em;
  padding-left: 1.125em;
  font-size: 0.8125em; }

button.tiny, .button.tiny {
  padding-top: 0.4375em;
  padding-right: 0.875em;
  padding-bottom: 0.5em;
  padding-left: 0.875em;
  font-size: 0.6875em; }

button.expand, .button.expand {
  padding-right: 0;
  padding-left: 0;
  width: 100%; }

button.left-align, .button.left-align {
  text-align: left;
  text-indent: 0.75em; }

button.right-align, .button.right-align {
  text-align: right;
  padding-right: 0.75em; }

button.disabled, button[disabled], .button.disabled, .button[disabled] {
  background-color: #2ba6cb;
  border-color: #2284a1;
  color: white;
  cursor: default;
  opacity: 0.6;
  -webkit-box-shadow: none;
  box-shadow: none; }

button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #2284a1; }

button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  color: white; }

button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #2ba6cb; }

button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
  background-color: #e9e9e9;
  border-color: #d0d0d0;
  color: #333333;
  cursor: default;
  opacity: 0.6;
  -webkit-box-shadow: none;
  box-shadow: none; }

button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: #d0d0d0; }

button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  color: #333333; }

button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: #e9e9e9; }

button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
  background-color: #5da423;
  border-color: #457a1a;
  color: white;
  cursor: default;
  opacity: 0.6;
  -webkit-box-shadow: none;
  box-shadow: none; }

button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #457a1a; }

button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  color: white; }

button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #5da423; }

button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
  background-color: #c60f13;
  border-color: #970b0e;
  color: white;
  cursor: default;
  opacity: 0.6;
  -webkit-box-shadow: none;
  box-shadow: none; }

button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #970b0e; }

button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  color: white; }

button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #c60f13; }

button, .button {
  padding-top: 0.8125em;
  padding-bottom: 0.75em;
  -webkit-appearance: none; }

button.tiny, .button.tiny {
  padding-top: 0.5em;
  padding-bottom: 0.4375em;
  -webkit-appearance: none; }

button.small, .button.small {
  padding-top: 0.625em;
  padding-bottom: 0.5625em;
  -webkit-appearance: none; }

button.large, .button.large {
  padding-top: 1.03125em;
  padding-bottom: 1.03125em;
  -webkit-appearance: none; }

@media only screen {
  button, .button {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out; }
  button:active, .button:active {
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
  button.radius, .button.radius {
    -webkit-border-radius: 3px;
    border-radius: 3px; }
  button.round, .button.round {
    -webkit-border-radius: 1000px;
    border-radius: 1000px; } }

@media only screen and (min-width: 768px) {
  button, .button {
    display: inline-block; } }

/* Standard Forms */
form {
  margin: 0 0 1em; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.5em; }

form .row .row .column,
form .row .row .columns {
  padding: 0 0.5em; }

form .row .row.collapse {
  margin: 0; }

form .row .row.collapse .column,
form .row .row.collapse .columns {
  padding: 0; }

form .row .row.collapse input {
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0; }

form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.5em; }

/* Label Styles */
label {
  font-size: 0.875em;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: 500;
  margin-bottom: 0.1875em;
  /* Styles for required inputs */ }

label.right {
  float: none;
  text-align: right; }

label.inline {
  margin: 0 0 1em 0;
  padding: 0.625em 0; }

label small {
  text-transform: capitalize;
  color: #666666; }

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875em;
  height: 2.3125em;
  line-height: 2.3125em; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125em; }

.prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125em; }

.prefix.button.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.postfix.button.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.prefix.button.round {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.postfix.button.round {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
  background: #f2f2f2;
  border-color: #d9d9d9;
  border-right: none;
  color: #333333; }

span.prefix.radius, label.prefix.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

span.postfix, label.postfix {
  background: #f2f2f2;
  border-color: #cccccc;
  border-left: none;
  color: #333333; }

span.postfix.radius, label.postfix.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

/* Input groups will automatically style first and last elements of the group */
.input-group.radius > *:first-child, .input-group.radius > *:first-child * {
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.input-group.radius > *:last-child, .input-group.radius > *:last-child * {
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.input-group.round > *:first-child, .input-group.round > *:first-child * {
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.input-group.round > *:last-child, .input-group.round > *:last-child * {
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: white;
  font-family: inherit;
  border: 1px solid #986A4C;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875em;
  margin: 0 0 1em 0;
  padding: 0.5em;
  height: 2.3125em;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
  -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
  -webkit-box-shadow: 0 0 5px #986A4C;
  -moz-box-shadow: 0 0 5px #986A4C;
  box-shadow: 0 0 5px #986A4C;
  border-color: #986A4C; }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
  background: #fafafa;
  border-color: #986A4C;
  outline: none; }

input[type="text"][disabled],
input[type="password"][disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="month"][disabled],
input[type="week"][disabled],
input[type="email"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
textarea[disabled] {
  background-color: #dddddd; }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1em 0; }

/* Normalize file input width */
input[type="file"] {
  width: 100%; }

/* We add basic fieldset styling */
fieldset {
  border: solid 1px #dddddd;
  padding: 1.25em;
  margin: 1.125em 0; }

fieldset legend {
  font-weight: bold;
  background: white;
  padding: 0 0.1875em;
  margin: 0;
  margin-left: -0.1875em; }

/* Error Handling */
[data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: white; }

[data-abide] span.error, [data-abide] small.error {
  display: none; }

span.error, small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: white; }

.error input,
.error textarea,
.error select {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1);
  margin-bottom: 0; }

.error input:focus,
.error textarea:focus,
.error select:focus {
  background: #fafafa;
  border-color: #999999; }

.error label,
.error label.error {
  color: #c60f13; }

.error > small,
.error small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: white; }

.error span.error-message {
  display: block; }

input.error,
textarea.error {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1);
  margin-bottom: 0; }

input.error:focus,
textarea.error:focus {
  background: #fafafa;
  border-color: #999999; }

.error select {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1); }

.error select:focus {
  background: #fafafa;
  border-color: #999999; }

label.error {
  color: #c60f13; }

/* Button Groups */
.button-group {
  list-style: none;
  margin: 0;
  *zoom: 1; }

.button-group:before, .button-group:after {
  content: " ";
  display: table; }

.button-group:after {
  clear: both; }

.button-group > * {
  margin: 0 0 0 -1px;
  float: left; }

.button-group > *:first-child {
  margin-left: 0; }

.button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button {
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button {
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button {
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button {
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

.button-group.even-2 li {
  width: 50%; }

.button-group.even-2 li button, .button-group.even-2 li .button {
  width: 100%; }

.button-group.even-3 li {
  width: 33.33333%; }

.button-group.even-3 li button, .button-group.even-3 li .button {
  width: 100%; }

.button-group.even-4 li {
  width: 25%; }

.button-group.even-4 li button, .button-group.even-4 li .button {
  width: 100%; }

.button-group.even-5 li {
  width: 20%; }

.button-group.even-5 li button, .button-group.even-5 li .button {
  width: 100%; }

.button-group.even-6 li {
  width: 16.66667%; }

.button-group.even-6 li button, .button-group.even-6 li .button {
  width: 100%; }

.button-group.even-7 li {
  width: 14.28571%; }

.button-group.even-7 li button, .button-group.even-7 li .button {
  width: 100%; }

.button-group.even-8 li {
  width: 12.5%; }

.button-group.even-8 li button, .button-group.even-8 li .button {
  width: 100%; }

/* Flex Video */
.flex-video {
  position: relative;
  padding-top: 1.5625em;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1em;
  overflow: hidden; }

.flex-video.widescreen {
  padding-bottom: 57.25%; }

.flex-video.vimeo {
  padding-top: 0; }

.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
  width: 100%;
  background: #111111; }

.contain-to-grid .top-bar {
  margin-bottom: 0; }

.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99; }

.fixed.expanded:not(.top-bar) {
  overflow-y: auto;
  height: auto;
  width: 100%;
  max-height: 100%; }

.fixed.expanded:not(.top-bar) .title-area {
  position: fixed;
  width: 100%;
  z-index: 99; }

.fixed.expanded:not(.top-bar) .top-bar-section {
  z-index: 98;
  margin-top: 45px; }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }

@-o-keyframes rotate {
  from {
    -o-transform: rotate(0deg); }
  to {
    -o-transform: rotate(360deg); } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: black;
  background: rgba(0, 0, 0, 0.45);
  z-index: 98;
  display: none;
  top: 0;
  left: 0; }

.reveal-modal {
  visibility: hidden;
  display: none;
  position: absolute;
  left: 50%;
  z-index: 99;
  height: auto;
  margin-left: -40%;
  width: 80%;
  background-color: white;
  padding: 1.25em;
  border: solid 1px #666666;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  top: 50px; }

.reveal-modal .column,
.reveal-modal .columns {
  min-width: 0; }

.reveal-modal > :first-child {
  margin-top: 0; }

.reveal-modal > :last-child {
  margin-bottom: 0; }

.reveal-modal .close-reveal-modal {
  font-size: 1.375em;
  line-height: 1;
  position: absolute;
  top: 0.5em;
  right: 0.6875em;
  color: #aaaaaa;
  font-weight: bold;
  cursor: pointer; }

@media only screen and (min-width: 768px) {
  .reveal-modal {
    padding: 1.875em;
    top: 6.25em; }
  .reveal-modal.tiny {
    margin-left: -15%;
    width: 30%; }
  .reveal-modal.small {
    margin-left: -20%;
    width: 40%; }
  .reveal-modal.medium {
    margin-left: -30%;
    width: 60%; }
  .reveal-modal.large {
    margin-left: -35%;
    width: 70%; }
  .reveal-modal.xlarge {
    margin-left: -47.5%;
    width: 95%; } }

@media print {
  .reveal-modal {
    background: white !important; } }

/* Clearing Styles */
[data-clearing] {
  *zoom: 1;
  margin-bottom: 0;
  margin-left: 0;
  list-style: none; }

[data-clearing]:before, [data-clearing]:after {
  content: " ";
  display: table; }

[data-clearing]:after {
  clear: both; }

[data-clearing] li {
  float: left;
  margin-right: 10px; }

.clearing-blackout {
  background: #111111;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 998; }

.clearing-blackout .clearing-close {
  display: block; }

.clearing-container {
  position: relative;
  z-index: 998;
  height: 100%;
  overflow: hidden;
  margin: 0; }

.visible-img {
  height: 95%;
  position: relative; }

.visible-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50%;
  max-height: 100%;
  max-width: 100%; }

.clearing-caption {
  color: white;
  line-height: 1.3;
  margin-bottom: 0;
  text-align: center;
  bottom: 0;
  background: #111111;
  width: 100%;
  padding: 10px 30px;
  position: absolute;
  left: 0; }

.clearing-close {
  z-index: 999;
  padding-left: 20px;
  padding-top: 10px;
  font-size: 40px;
  line-height: 1;
  color: white;
  display: none; }

.clearing-close:hover, .clearing-close:focus {
  color: #ccc; }

.clearing-assembled .clearing-container {
  height: 100%; }

.clearing-assembled .clearing-container .carousel > ul {
  display: none; }

.clearing-feature li {
  display: none; }

.clearing-feature li.clearing-featured-img {
  display: block; }

@media only screen and (min-width: 768px) {
  .clearing-main-prev,
  .clearing-main-next {
    position: absolute;
    height: 100%;
    width: 40px;
    top: 0; }
  .clearing-main-prev > span,
  .clearing-main-next > span {
    position: absolute;
    top: 50%;
    display: block;
    width: 0;
    height: 0;
    border: solid 16px; }
  .clearing-main-prev {
    left: 0; }
  .clearing-main-prev > span {
    left: 5px;
    border-color: transparent;
    border-right-color: white; }
  .clearing-main-next {
    right: 0; }
  .clearing-main-next > span {
    border-color: transparent;
    border-left-color: white; }
  .clearing-main-prev.disabled,
  .clearing-main-next.disabled {
    opacity: 0.5; }
  .clearing-assembled .clearing-container .carousel {
    background: #111111;
    height: 150px;
    margin-top: 5px; }
  .clearing-assembled .clearing-container .carousel > ul {
    display: block;
    z-index: 999;
    width: 200%;
    height: 100%;
    margin-left: 0;
    position: relative;
    left: 0; }
  .clearing-assembled .clearing-container .carousel > ul li {
    display: block;
    width: 175px;
    height: inherit;
    padding: 0;
    float: left;
    overflow: hidden;
    margin-right: 1px;
    position: relative;
    cursor: pointer;
    opacity: 0.4; }
  .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
    min-height: 100%;
    height: 100%;
    max-width: none; }
  .clearing-assembled .clearing-container .carousel > ul li a.th {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block; }
  .clearing-assembled .clearing-container .carousel > ul li img {
    cursor: pointer !important;
    min-width: 100% !important; }
  .clearing-assembled .clearing-container .carousel > ul li.visible {
    opacity: 1; }
  .clearing-assembled .clearing-container .visible-img {
    background: #111111;
    overflow: hidden;
    height: 75%; }
  .clearing-close {
    position: absolute;
    top: 10px;
    right: 20px;
    padding-left: 0;
    padding-top: 0; } }

/* Foundation Alerts */
.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-weight: bold;
  margin-bottom: 1.25em;
  position: relative;
  padding: 0.6875em 1.3125em 0.75em 0.6875em;
  font-size: 0.875em;
  background-color: #2ba6cb;
  border-color: #2284a1;
  color: white; }

.alert-box .close {
  font-size: 1.375em;
  padding: 5px 4px 4px;
  line-height: 0;
  position: absolute;
  top: 0.4375em;
  right: 0.3125em;
  color: #333333;
  opacity: 0.3; }

.alert-box .close:hover, .alert-box .close:focus {
  opacity: 0.5; }

.alert-box.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.alert-box.round {
  -webkit-border-radius: 1000px;
  border-radius: 1000px; }

.alert-box.success {
  background-color: #5da423;
  border-color: #457a1a;
  color: white; }

.alert-box.alert {
  background-color: #c60f13;
  border-color: #970b0e;
  color: white; }

.alert-box.secondary {
  background-color: #e9e9e9;
  border-color: #d0d0d0;
  color: #505050; }

/* Custom Checkbox and Radio Inputs */
form.custom .hidden-field {
  margin-left: -99999px;
  position: absolute;
  visibility: hidden; }

form.custom .custom {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: -1px;
  /* fix centering issue */
  vertical-align: middle;
  border: solid 1px #cccccc;
  background: white; }

form.custom .custom.checkbox {
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 0; }

form.custom .custom.radio {
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
  padding: 3px; }

form.custom .custom.checkbox:before {
  content: "";
  display: block;
  font-size: 16px;
  color: white; }

form.custom .custom.radio.checked:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
  background: #222222;
  position: relative; }

form.custom .custom.checkbox.checked:before {
  content: "\00d7";
  color: #222222;
  position: absolute;
  top: -50%;
  left: 50%;
  margin-top: 4px;
  margin-left: -5px; }

/* Custom Select Options and Dropdowns */
form.custom {
  /* Custom input, disabled */ }

form.custom .custom.dropdown {
  display: block;
  position: relative;
  top: 0;
  height: 2.3125em;
  margin-bottom: 1.25em;
  margin-top: 0;
  padding: 0;
  width: 100%;
  background: white;
  background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%);
  background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%);
  -webkit-box-shadow: none;
  background: linear-gradient(to bottom, white 0%, #f3f3f3 100%);
  box-shadow: none;
  font-size: 0.875em;
  vertical-align: top; }

form.custom .custom.dropdown ul {
  overflow-y: auto;
  max-height: 200px; }

form.custom .custom.dropdown .current {
  cursor: default;
  white-space: nowrap;
  line-height: 2.25em;
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
  overflow: hidden;
  display: block;
  margin-left: 0.5em;
  margin-right: 2.3125em; }

form.custom .custom.dropdown .selector {
  cursor: default;
  position: absolute;
  width: 2.5em;
  height: 2.3125em;
  display: block;
  right: 0;
  top: 0; }

form.custom .custom.dropdown .selector:after {
  content: "";
  display: block;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: #aaaaaa transparent transparent transparent;
  border-top-style: solid;
  position: absolute;
  left: 0.9375em;
  top: 50%;
  margin-top: -3px; }

form.custom .custom.dropdown:hover a.selector:after, form.custom .custom.dropdown.open a.selector:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: #222222 transparent transparent transparent;
  border-top-style: solid; }

form.custom .custom.dropdown .disabled {
  color: #888888; }

form.custom .custom.dropdown .disabled:hover {
  background: transparent;
  color: #888888; }

form.custom .custom.dropdown .disabled:hover:after {
  display: none; }

form.custom .custom.dropdown.open ul {
  display: block;
  z-index: 10;
  min-width: 100%;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

form.custom .custom.dropdown.small {
  max-width: 134px; }

form.custom .custom.dropdown.medium {
  max-width: 254px; }

form.custom .custom.dropdown.large {
  max-width: 434px; }

form.custom .custom.dropdown.expand {
  width: 100% !important; }

form.custom .custom.dropdown.open.small ul {
  min-width: 134px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

form.custom .custom.dropdown.open.medium ul {
  min-width: 254px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

form.custom .custom.dropdown.open.large ul {
  min-width: 434px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

form.custom .error .custom.dropdown {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1);
  background: rgba(198, 15, 19, 0.1);
  margin-bottom: 0; }

form.custom .error .custom.dropdown:focus {
  background: #fafafa;
  border-color: #999999; }

form.custom .error .custom.dropdown + small.error {
  margin-top: 0; }

form.custom .custom.dropdown ul {
  position: absolute;
  width: auto;
  display: none;
  margin: 0;
  left: -1px;
  top: auto;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  margin: 0;
  padding: 0;
  background: white;
  border: solid 1px #cccccc;
  font-size: 16px; }

form.custom .custom.dropdown ul li {
  color: #555555;
  font-size: 0.875em;
  cursor: default;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-left: 0.375em;
  padding-right: 2.375em;
  min-height: 1.5em;
  line-height: 1.5em;
  margin: 0;
  white-space: nowrap;
  list-style: none; }

form.custom .custom.dropdown ul li.selected {
  background: #eeeeee;
  color: black; }

form.custom .custom.dropdown ul li:hover {
  background-color: #e4e4e4;
  color: black; }

form.custom .custom.dropdown ul li.selected:hover {
  background: #eeeeee;
  cursor: default;
  color: black; }

form.custom .custom.dropdown ul.show {
  display: block; }

form.custom .custom.disabled {
  background: #dddddd; }

/* Inline Lists */
.inline-list {
  margin: 0 auto 1.0625em auto;
  margin-left: -1.375em;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }

.inline-list > li {
  list-style: none;
  float: left;
  margin-left: 1.375em;
  display: block; }

.inline-list > li > * {
  display: block; }

/* Default Pagination */
ul.pagination {
  display: block;
  height: 1.5em;
  margin-left: -0.3125em; }

ul.pagination li {
  height: 1.5em;
  color: #222222;
  font-size: 0.875em;
  margin-left: 0.3125em; }

ul.pagination li a {
  display: block;
  padding: 0.0625em 0.4375em 0.0625em;
  color: #999999; }

ul.pagination li:hover a,
ul.pagination li a:focus {
  background: #e6e6e6; }

ul.pagination li.unavailable a {
  cursor: default;
  color: #999999; }

ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
  background: transparent; }

ul.pagination li.current a {
  background: #2ba6cb;
  color: white;
  font-weight: bold;
  cursor: default; }

ul.pagination li.current a:hover, ul.pagination li.current a:focus {
  background: #2ba6cb; }

ul.pagination li {
  float: left;
  display: block; }

/* Pagination centred wrapper */
.pagination-centered {
  text-align: center; }

.pagination-centered ul.pagination li {
  float: none;
  display: inline-block; }

/* Panels */
.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #d9d9d9;
  margin-bottom: 1.25em;
  padding: 1.25em;
  background: #f2f2f2; }

.panel > :first-child {
  margin-top: 0; }

.panel > :last-child {
  margin-bottom: 0; }

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
  color: #333333; }

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
  line-height: 1;
  margin-bottom: 0.625em; }

.panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
  line-height: 1.4; }

.panel.callout {
  border-style: solid;
  border-width: 1px;
  border-color: #2284a1;
  margin-bottom: 1.25em;
  padding: 1.25em;
  background: #2ba6cb;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

.panel.callout > :first-child {
  margin-top: 0; }

.panel.callout > :last-child {
  margin-bottom: 0; }

.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p {
  color: white; }

.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
  line-height: 1;
  margin-bottom: 0.625em; }

.panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
  line-height: 1.4; }

.panel.callout a {
  color: white; }

.panel.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px; }

/* Side Nav */
.side-nav {
  display: block;
  margin: 0;
  padding: 0.875em 0;
  list-style-type: none;
  list-style-position: inside; }

.side-nav li {
  margin: 0 0 0.4375em 0;
  font-size: 0.875em; }

.side-nav li a {
  display: block;
  color: #2ba6cb; }

.side-nav li.active > a:first-child {
  color: #4d4d4d;
  font-weight: bold; }

.side-nav li.divider {
  border-top: 1px solid;
  height: 0;
  padding: 0;
  list-style: none;
  border-top-color: #e6e6e6; }

/* Side Nav */
.sub-nav {
  display: block;
  width: auto;
  overflow: hidden;
  margin: -0.25em 0 1.125em;
  padding-top: 0.25em;
  margin-right: 0;
  margin-left: -0.5625em; }

.sub-nav dt,
.sub-nav dd,
.sub-nav li {
  float: left;
  display: inline;
  margin-left: 0.5625em;
  margin-bottom: 0.625em;
  font-weight: normal;
  font-size: 0.875em; }

.sub-nav dt a,
.sub-nav dd a,
.sub-nav li a {
  color: #999999;
  text-decoration: none; }

.sub-nav dt.active a,
.sub-nav dd.active a,
.sub-nav li.active a {
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
  font-weight: bold;
  background: #2ba6cb;
  padding: 0.1875em 0.5625em;
  cursor: default;
  color: white; }

/* Foundation Switches */
@media only screen {
  div.switch {
    position: relative;
    padding: 0;
    display: block;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1.25em;
    height: 2.25em;
    background: white;
    border-color: #cccccc; }
  div.switch label {
    position: relative;
    left: 0;
    z-index: 2;
    float: left;
    width: 50%;
    height: 100%;
    margin: 0;
    font-weight: bold;
    text-align: left;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out; }
  div.switch input {
    position: absolute;
    z-index: 3;
    opacity: 0;
    width: 100%;
    height: 100%;
    -moz-appearance: none; }
  div.switch input:hover, div.switch input:focus {
    cursor: pointer; }
  div.switch span:last-child {
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 1;
    display: block;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out; }
  div.switch input:not(:checked) + label {
    opacity: 0; }
  div.switch input:checked {
    display: none !important; }
  div.switch input {
    left: 0;
    display: block !important; }
  div.switch input:first-of-type + label,
  div.switch input:first-of-type + span + label {
    left: -50%; }
  div.switch input:first-of-type:checked + label,
  div.switch input:first-of-type:checked + span + label {
    left: 0%; }
  div.switch input:last-of-type + label,
  div.switch input:last-of-type + span + label {
    right: -50%;
    left: auto;
    text-align: right; }
  div.switch input:last-of-type:checked + label,
  div.switch input:last-of-type:checked + span + label {
    right: 0%;
    left: auto; }
  div.switch span.custom {
    display: none !important; }
  form.custom div.switch .hidden-field {
    margin-left: auto;
    position: absolute;
    visibility: visible; }
  div.switch label {
    padding: 0;
    line-height: 2.3em;
    font-size: 0.875em; }
  div.switch input:first-of-type:checked ~ span:last-child {
    left: 100%;
    margin-left: -2.1875em; }
  div.switch span:last-child {
    width: 2.25em;
    height: 2.25em; }
  div.switch span:last-child {
    border-color: #b3b3b3;
    background: white;
    background: -moz-linear-gradient(top, white 0%, #f2f2f2 100%);
    background: -webkit-linear-gradient(top, white 0%, #f2f2f2 100%);
    background: linear-gradient(to bottom, white 0%, #f2f2f2 100%);
    -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke;
    box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; }
  div.switch:hover span:last-child, div.switch:focus span:last-child {
    background: white;
    background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%);
    background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%);
    background: linear-gradient(to bottom, white 0%, #e6e6e6 100%); }
  div.switch:active {
    background: transparent; }
  div.switch.large {
    height: 2.75em; }
  div.switch.large label {
    padding: 0;
    line-height: 2.3em;
    font-size: 1.0625em; }
  div.switch.large input:first-of-type:checked ~ span:last-child {
    left: 100%;
    margin-left: -2.6875em; }
  div.switch.large span:last-child {
    width: 2.75em;
    height: 2.75em; }
  div.switch.small {
    height: 1.75em; }
  div.switch.small label {
    padding: 0;
    line-height: 2.1em;
    font-size: 0.75em; }
  div.switch.small input:first-of-type:checked ~ span:last-child {
    left: 100%;
    margin-left: -1.6875em; }
  div.switch.small span:last-child {
    width: 1.75em;
    height: 1.75em; }
  div.switch.tiny {
    height: 1.375em; }
  div.switch.tiny label {
    padding: 0;
    line-height: 1.9em;
    font-size: 0.6875em; }
  div.switch.tiny input:first-of-type:checked ~ span:last-child {
    left: 100%;
    margin-left: -1.3125em; }
  div.switch.tiny span:last-child {
    width: 1.375em;
    height: 1.375em; }
  div.switch.radius {
    -webkit-border-radius: 4px;
    border-radius: 4px; }
  div.switch.radius span:last-child {
    -webkit-border-radius: 3px;
    border-radius: 3px; }
  div.switch.round {
    -webkit-border-radius: 1000px;
    border-radius: 1000px; }
  div.switch.round span:last-child {
    -webkit-border-radius: 999px;
    border-radius: 999px; }
  div.switch.round label {
    padding: 0 0.5625em; }
  @-webkit-keyframes webkitSiblingBugfix {
    from {
      position: relative; }
    to {
      position: relative; } } }

@media only screen and (-webkit-min-device-pixel-ratio: 0) and (max-device-width: 480px) {
  div.switch {
    -webkit-animation: webkitSiblingBugfix infinite 1s; } }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  div.switch {
    -webkit-animation: none 0; } }

[data-magellan-expedition] {
  background: white;
  z-index: 50;
  min-width: 100%;
  padding: 10px; }

[data-magellan-expedition] .sub-nav {
  margin-bottom: 0; }

[data-magellan-expedition] .sub-nav dd {
  margin-bottom: 0; }

/* Tables */
table {
  background: white;
  margin-bottom: 1.25em;
  border: solid 1px #dddddd; }

table thead,
table tfoot {
  background: whitesmoke;
  font-weight: bold; }

table thead tr th,
table thead tr td,
table tfoot tr th,
table tfoot tr td {
  padding: 0.5em 0.625em 0.625em;
  font-size: 0.875em;
  color: #222222;
  text-align: left; }

table tr th,
table tr td {
  padding: 0.5625em 0.625em;
  font-size: 0.875em;
  color: #222222; }

table tr.even, table tr.alt, table tr:nth-of-type(even) {
  background: #f9f9f9; }

table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td {
  display: table-cell;
  line-height: 1.125em; }

/* Image Thumbnails */
.th {
  line-height: 0;
  display: inline-block;
  border: solid 4px white;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  transition: all 200ms ease-out; }

.th:hover, .th:focus {
  -webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
  box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); }

.th.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px; }

a.th {
  display: inline-block;
  max-width: 100%; }

/* Tooltips */
.has-tip {
  border-bottom: dotted 1px #cccccc;
  cursor: help;
  font-weight: bold;
  color: #333333; }

.has-tip:hover, .has-tip:focus {
  border-bottom: dotted 1px #196177;
  color: #2ba6cb; }

.has-tip.tip-left, .has-tip.tip-right {
  float: none !important; }

.tooltip {
  display: none;
  position: absolute;
  z-index: 999;
  font-weight: bold;
  font-size: 0.9375em;
  line-height: 1.3;
  padding: 0.5em;
  max-width: 85%;
  left: 50%;
  width: 100%;
  color: white;
  background: black;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.tooltip > .nub {
  display: block;
  left: 5px;
  position: absolute;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: transparent transparent black transparent;
  top: -10px; }

.tooltip.opened {
  color: #2ba6cb !important;
  border-bottom: dotted 1px #196177 !important; }

.tap-to-close {
  display: block;
  font-size: 0.625em;
  color: #888888;
  font-weight: normal; }

@media only screen and (min-width: 768px) {
  .tooltip > .nub {
    border-color: transparent transparent black transparent;
    top: -10px; }
  .tooltip.tip-top > .nub {
    border-color: black transparent transparent transparent;
    top: auto;
    bottom: -10px; }
  .tooltip.tip-left, .tooltip.tip-right {
    float: none !important; }
  .tooltip.tip-left > .nub {
    border-color: transparent transparent transparent black;
    right: -10px;
    left: auto;
    top: 50%;
    margin-top: -5px; }
  .tooltip.tip-right > .nub {
    border-color: transparent black transparent transparent;
    right: auto;
    left: -10px;
    top: 50%;
    margin-top: -5px; } }

@media only screen and (max-width: 767px) {
  .f-dropdown {
    max-width: 100%;
    left: 0; } }

/* Foundation Dropdowns */
.f-dropdown {
  position: absolute;
  top: -9999px;
  list-style: none;
  margin-left: 0;
  width: 100%;
  max-height: none;
  height: auto;
  background: white;
  border: solid 1px #cccccc;
  font-size: 16px;
  z-index: 99;
  margin-top: 2px;
  max-width: 200px; }

.f-dropdown > *:first-child {
  margin-top: 0; }

.f-dropdown > *:last-child {
  margin-bottom: 0; }

.f-dropdown:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  border-color: transparent transparent white transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -12px;
  left: 10px;
  z-index: 99; }

.f-dropdown:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 7px;
  border-color: transparent transparent #cccccc transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -14px;
  left: 9px;
  z-index: 98; }

.f-dropdown.right:before {
  left: auto;
  right: 10px; }

.f-dropdown.right:after {
  left: auto;
  right: 9px; }

.f-dropdown li {
  font-size: 0.875em;
  cursor: pointer;
  line-height: 1.125em;
  margin: 0; }

.f-dropdown li:hover, .f-dropdown li:focus {
  background: #eeeeee; }

.f-dropdown li a {
  display: block;
  padding: 0.5em;
  color: #555555; }

.f-dropdown.content {
  position: absolute;
  top: -9999px;
  list-style: none;
  margin-left: 0;
  padding: 1.25em;
  width: 100%;
  height: auto;
  max-height: none;
  background: white;
  border: solid 1px #cccccc;
  font-size: 16px;
  z-index: 99;
  max-width: 200px; }

.f-dropdown.content > *:first-child {
  margin-top: 0; }

.f-dropdown.content > *:last-child {
  margin-bottom: 0; }

.f-dropdown.tiny {
  max-width: 200px; }

.f-dropdown.small {
  max-width: 300px; }

.f-dropdown.medium {
  max-width: 500px; }

.f-dropdown.large {
  max-width: 800px; }

/**
 * Override any default styles with our own
 */
/*------------------------------------*    $BASE
\*------------------------------------*/
/**
 * Include our own project-specific (and reusable) components
 */
/*------------------------------------*    $VENDOR - PICKADATE
\*------------------------------------*/
/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/**
 * The picker input element.
 */
.picker__input {
  cursor: default; }

/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #0089ec; }

/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
/**
 * Make the holder and frame fullscreen.
 */
.picker__holder,
.picker__frame {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%); }

/**
 * The holder should overlay the entire screen.
 */
.picker__holder {
  position: fixed;
  transition: background 0.15s ease-out, -webkit-transform 0s 0.15s;
  transition: background 0.15s ease-out, transform 0s 0.15s;
  -webkit-backface-visibility: hidden; }

/**
 * The frame that bounds the box contents of the picker.
 */
.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  max-width: 666px;
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  transition: all 0.15s ease-out; }

@media (min-height: 33.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%; } }

@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%; } }

/**
 * The wrapper sets the stage to vertically align the box contents.
 */
.picker__wrap {
  display: table;
  width: 100%;
  height: 100%; }

@media (min-height: 33.875em) {
  .picker__wrap {
    display: block; } }

/**
 * The box contains all the picker contents.
 */
.picker__box {
  background: #ffffff;
  display: table-cell;
  vertical-align: middle; }

@media (min-height: 26.5em) {
  .picker__box {
    font-size: 1.25em; } }

@media (min-height: 33.875em) {
  .picker__box {
    display: block;
    font-size: 1.33em;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); } }

@media (min-height: 40.125em) {
  .picker__box {
    font-size: 1.5em;
    border-bottom-width: 1px;
    border-radius: 5px; } }

/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  transition: background 0.15s ease-out; }

.picker--opened .picker__frame {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

@media (min-height: 33.875em) {
  .picker--opened .picker__frame {
    top: auto;
    bottom: 0; } }

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em; }

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em; }

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em; }

.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic; }

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em; }

@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em; } }

.picker__select--month {
  width: 35%; }

.picker__select--year {
  width: 22.5%; }

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec; }

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em; } }

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em; } }

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em; } }

.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto; }

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000; }

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5; }

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em; }

@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em; } }

.picker__table td {
  margin: 0;
  padding: 0; }

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */ }

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em; } }

/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent; }

.picker__day--today {
  position: relative; }

.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent; }

.picker__day--disabled:before {
  border-top-color: #aaaaaa; }

.picker__day--outfocus {
  color: #dddddd; }

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__day--highlighted {
  border-color: #0089ec; }

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #0089ec;
  color: #ffffff; }

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb; }

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center; }

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom; }

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb; }

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none; }

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0; }

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em; }

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent; }

.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200; }

.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777; }

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa; }

/* ==========================================================================
   $DEFAULT-DATE-PICKER
   ========================================================================== */
/*------------------------------------*    $TYPOGRAPHY
\*------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  font-family: "Lora", serif;
  font-weight: normal; }

body {
  font-family: "Vollkorn", serif; }

a {
  color: #986A4C; }
  a:hover, a:focus {
    color: #8c6239; }

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
  color: #986A4C; }

.entry h1 {
  font-size: 2.5em; }

.entry h2 {
  font-size: 2em; }

.entry h3 {
  font-size: 1.5em; }

.entry h4 {
  font-size: 1.25em; }

@media only screen and (max-width: 767px) {
  .entry h1 {
    font-size: 1.75rem; }
  .entry h2 {
    font-size: 1.5rem; }
  .entry h3 {
    font-size: 1.25rem; }
  .entry h4 {
    font-size: 1.15rem; } }

.entry table {
  width: 100%;
  color: #986A4C;
  border-color: #986A4C; }
  .entry table th {
    background: #faf3ef;
    color: #986A4C;
    border-bottom: 1px solid;
    font-weight: normal;
    text-transform: uppercase;
    padding: 1em 0.5em;
    border-left: 1px solid; }
  .entry table tr td {
    color: #986A4C;
    padding: 0.75em;
    border-left: 1px solid; }
  .entry table tr:nth-of-type(2n) {
    background-color: #fdf9f7; }

.entry ul, .entry ol {
  padding-left: 1em; }

.entry ul {
  list-style-type: square; }

.entry li,
.entry p {
  line-height: 1.8; }

.entry blockquote {
  border: none;
  text-align: center;
  margin: 3em 0; }
  .entry blockquote p {
    font-size: 1.25em;
    color: #986A4C; }
    @media only screen and (max-width: 767px) {
      .entry blockquote p {
        font-size: 1.15rem; } }
  .entry blockquote cite {
    font-style: normal;
    font-size: 0.75em; }
    .entry blockquote cite:before {
      display: none; }

.wp-caption-text {
  background: #faf3ef;
  padding: 0.75em 1em;
  font-size: 0.9em;
  font-style: italic; }

/*------------------------------------*    $LANGUAGE SWITCHER
\*------------------------------------*/
.language-switcher {
  position: absolute;
  z-index: 50;
  bottom: -33px;
  right: 0;
  width: 149px;
  height: 33px;
  transition: width 250ms ease-in-out; }
  .language-switcher.not-active {
    width: 32px;
    overflow: hidden; }
    .language-switcher.not-active #lang_sel_click a {
      padding: 0.4em 0.75em;
      background: url("_/img/overlay-black-35.png");
      background: rgba(0, 0, 0, 0.5);
      border: none; }
    .language-switcher.not-active #lang_sel_click ul ul {
      top: 33px; }
  .language-switcher #lang_sel_click a img {
    top: 0; }
  .language-switcher #lang_sel_click a.lang_sel_sel img {
    margin-right: 0.5em; }

/*------------------------------------*    $NAVIGATION
\*------------------------------------*/
.nav-main {
  position: relative;
  z-index: 1;
  /**
         * Reduce padding on letterbox sized displays to prevent overflow
         */ }
  @media only screen and (max-width: 767px) {
    .nav-main {
      width: 80%;
      margin-left: auto;
      margin-right: auto; } }
  .nav-main .menu__item {
    position: relative;
    z-index: 2;
    list-style: none;
    display: block;
    /**
                 * Target the last 3 elements in the main navigation
                 * And make the subnav work off the bottom of the parent el
                 */ }
    .nav-main .menu__item--ancestor > a,
    .nav-main .menu__item--current > a {
      color: #986A4C; }
    .nav-main .menu__item--has-children:hover > a {
      background: url("_/img/icon-arrow-right-white.svg") no-repeat right center;
      background-size: 10px 17px; }
      .no-svg .nav-main .menu__item--has-children:hover > a {
        background: url("_/img/icon-arrow-right-white.png") no-repeat right center; }
    @media only screen and (max-width: 767px) {
      .nav-main .menu__item--has-children > a {
        background: url("_/img/icon-arrow-down-white.svg") no-repeat right center;
        background-size: 17px 10px; } }
    .nav-main .menu__item.is-active {
      z-index: 20; }
      .nav-main .menu__item.is-active > .sub-menu {
        display: block; }
      @media only screen and (max-width: 767px) {
        .nav-main .menu__item.is-active > a {
          background: url("_/img/icon-arrow-right-white.svg") no-repeat right center;
          background-size: 8px 15px; } }
    .nav-main .menu__item:nth-child(n+7) .sub-menu {
      top: auto;
      bottom: 0; }
  .nav-main a {
    width: 50%;
    text-align: left;
    display: block;
    border-bottom: 1px solid #74798c;
    color: #fff;
    padding: 1em;
    text-transform: uppercase;
    font-size: 1.1em; }
    @media only screen and (max-width: 767px) {
      .nav-main a {
        font-size: 0.9rem;
        padding: 1rem 0.5rem;
        width: 100%; } }
    .nav-main a:hover, .nav-main a:focus, .nav-main a.is-active {
      color: #986A4C; }
  .nav-main .sub-menu {
    display: none;
    position: absolute;
    top: 0.75em;
    right: 0;
    width: 50%; }
    .nav-main .sub-menu a {
      width: 70%;
      margin-left: 10%;
      font-size: 1em;
      text-transform: none;
      border: none;
      padding: 0.5em 1em; }
    @media only screen and (max-width: 767px) {
      .nav-main .sub-menu {
        position: static;
        width: 100%;
        margin: 0;
        padding: 0.5rem 0 1rem;
        border-bottom: 1px solid #74798c; }
        .nav-main .sub-menu a {
          width: 95%;
          margin-left: 2.5%; } }
  @media (min-width: 768px) and (max-height: 650px) {
    .nav-main a {
      padding: 0.5em 1em; }
    .nav-main .sub-menu a {
      padding: 0.25em 1em; } }

.nav-footer ul {
  margin: 0;
  text-align: right; }
  @media only screen and (max-width: 767px) {
    .nav-footer ul {
      text-align: center;
      margin-top: 0.5rem; } }

.nav-footer li {
  display: inline-block;
  list-style: none; }
  .nav-footer li:first-child a {
    border: none;
    padding: 0;
    margin: 0; }

.nav-footer a {
  display: inline-block;
  font-size: 0.9em;
  border-left: 1px solid #ccc;
  padding-left: 0.5em;
  margin-left: 0.2em; }

/*------------------------------------*    $Transformicon
\*------------------------------------*/
.navicon-button {
  display: block;
  position: absolute;
  z-index: 5;
  top: 2.41em;
  right: 0;
  background: transparent;
  border: none;
  font-size: 1rem;
  padding: 1rem .5rem 1rem 3rem;
  transition: 0.25s;
  cursor: pointer;
  user-select: none;
  opacity: 1;
  /* Minus */ }
  @media only screen and (max-width: 767px) {
    .navicon-button {
      top: 1rem; } }
  .navicon-button .navicon:before, .navicon-button .navicon:after {
    transition: 0.25s; }
  .navicon-button:hover {
    transition: 0.5s;
    opacity: 1; }
    .navicon-button:hover .navicon:before, .navicon-button:hover .navicon:after {
      transition: 0.25s; }
    .navicon-button:hover .navicon:before {
      top: .65rem; }
    .navicon-button:hover .navicon:after {
      top: -.65rem; }
  .navicon-button:hover, .navicon-button:focus {
    background: transparent; }
  .navicon-button.is--active:not(.steps) .navicon:before,
  .navicon-button.is--active:not(.steps) .navicon:after {
    top: 0 !important; }
  .navicon-button.is--active .navicon:before,
  .navicon-button.is--active .navicon:after {
    transition: 0.5s; }
  .navicon-button.is--active {
    transform: scale(0.75); }

.navicon {
  display: block;
  position: relative;
  width: 1.75em;
  height: .15rem;
  background: #986A4C;
  transition: 0.5s;
  border-radius: 2.5rem; }
  .navicon:before, .navicon:after {
    display: block;
    content: "";
    height: .15rem;
    width: 1.75rem;
    background: #986A4C;
    position: absolute;
    z-index: -1;
    transition: 0.5s 0.25s;
    border-radius: 1rem; }
  .navicon:before {
    top: .5rem; }
  .navicon:after {
    top: -.5rem; }
  .navicon__word {
    position: absolute;
    z-index: 5;
    top: 0.65em;
    right: 3em;
    color: #986A4C;
    font-weight: normal;
    font-size: 0.9em;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .navicon__word {
        display: none; } }

/* Arrows */
/* × and + */
.is--active.x .navicon {
  background: transparent; }
  .is--active.x .navicon:before {
    transform: rotate(-45deg); }
  .is--active.x .navicon:after {
    transform: rotate(45deg); }

/*------------------------------------*    $BUTTON
\*------------------------------------*/
.button, button {
  background: transparent;
  box-shadow: none;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 0.9em;
  color: #986A4C;
  border-color: #986A4C;
  padding: 0.6em 1.5em 0.45em; }
  .button:hover, .button:focus, button:hover, button:focus {
    color: #8c6239;
    background: #fcf8f6; }
  .button[disabled], button[disabled] {
    background-color: #333;
    border-color: #555; }
    .button[disabled]:hover, button[disabled]:hover {
      background-color: #444; }

/*------------------------------------*    $GFORMS
\*------------------------------------*/
.gf_left_half,
.gf_right_half,
.ginput_left,
.ginput_right, .has_first_name p {
  width: 100%;
  clear: both; }
  @media only screen and (min-width: 768px) {
    .gf_left_half,
    .gf_right_half,
    .ginput_left,
    .ginput_right, .has_first_name p {
      float: left;
      width: 50%;
      clear: none; } }

.gform_validation_container {
  display: none; }

ul.gform_fields {
  list-style: none;
  margin: 0;
  padding: 0; }

.gfield {
  padding: 0.9375rem;
  clear: left; }
  .gfield textarea {
    height: 200px; }
  .gfield label {
    text-align: left; }
  .gfield.gfield_error {
    text-align: inherit; }

.gf_left_third,
.gf_middle_third,
.gf_right_third {
  width: 100%;
  clear: both; }
  @media only screen and (min-width: 768px) {
    .gf_left_third,
    .gf_middle_third,
    .gf_right_third {
      float: left;
      width: 33.33%;
      clear: none; } }

.gf_right_half,
.ginput_right {
  float: right;
  clear: none; }

.gf_left_third,
.gf_left_half {
  clear: left; }

.validation_error, .gfield.gfield_error {
  text-align: center;
  background: tomato;
  color: white;
  padding: 1em;
  margin-bottom: 1em; }

.ginput_complex {
  margin: 0 -0.9375em; }
  .ginput_complex p {
    margin: 0; }
  .ginput_complex br {
    display: none; }
  .ginput_complex label {
    color: #999; }

.ginput_full,
.ginput_left,
.ginput_right,
.name_first,
.name_last {
  display: block;
  padding: 0 0.9375em; }

.gfield_checkbox {
  margin-bottom: 2em; }
  .gfield_checkbox:after {
    display: table;
    content: "";
    clear: both; }
  .entry .gfield_checkbox {
    padding-left: 0; }
  .gfield_checkbox br {
    display: none; }
  .gfield_checkbox li {
    list-style: none;
    clear: both; }
  .gfield_checkbox input {
    float: left;
    margin: 0.3em; }
  .gfield_checkbox label {
    float: left; }

/*------------------------------------*    $HERO
\*------------------------------------*/
.hero {
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  margin-top: 137px; }
  body.body--page-template-t-10-booking-table .hero {
    margin-top: 0; }
  @media only screen and (max-width: 767px) {
    .hero {
      margin-top: 64px; } }
  .hero--image, .hero--slider {
    height: 100%;
    height: calc( 100vh - 100px);
    max-height: 1000px; }
    @media only screen and (max-width: 767px) {
      .hero--image, .hero--slider {
        height: calc( 100vh - 64px); } }
  @media only screen and (max-width: 1000px) {
    .hero--image {
      max-height: 500px; } }
  .hero--gallery {
    height: 90%;
    height: calc( 90vh - 100px);
    max-height: 1000px; }
    @media only screen and (max-width: 767px) {
      .hero--gallery {
        height: calc( 90vh - 64px); } }
  @media only screen and (max-width: 767px) {
    .hero--video {
      overflow: visible;
      height: 70vh; }
      .body--home .hero--video .hero__text {
        display: none; } }
  .hero--video .close {
    position: absolute;
    z-index: 100;
    right: 1em;
    bottom: 1em;
    margin: 0;
    padding: 0.5em 1em;
    color: #fff;
    background: rgba(0, 0, 0, 0.2);
    border: none; }
  .hero--short {
    height: 35%;
    height: 35vh;
    max-height: 300px; }
    @media only screen and (max-width: 767px) {
      .hero--short {
        margin-top: 64px; } }
    .hero--short .divider--line {
      margin: 0.5em auto 1em; }
  .hero__background {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center center;
    background-size: cover; }
  .hero__content {
    color: #fff; }
  .hero__title {
    margin: 0;
    padding: 0;
    color: #fff; }
    @media only screen and (min-width: 1025px) {
      .hero__title {
        font-size: 2.75em; } }
    @media only screen and (max-width: 767px) {
      .hero__title {
        font-size: 1.5rem; } }
    .hero__title--lower, .hero__title--offset {
      position: absolute;
      z-index: 5;
      left: 0;
      right: 0;
      bottom: 11em; }
      @media only screen and (max-width: 767px) {
        .hero__title--lower, .hero__title--offset {
          position: static; } }
      .hero__title--lower .hero__title, .hero__title--offset .hero__title {
        margin-bottom: 0.5em; }
    .hero__title--offset {
      bottom: auto;
      top: 7em; }
      @media only screen and (max-width: 1000px) {
        .hero__title--offset {
          top: 3em; } }
  .hero__text {
    max-width: 50%;
    margin: auto; }
    .hero__text p {
      margin-bottom: 0; }
    @media only screen and (max-width: 1000px) {
      .hero__text {
        max-width: 75%; } }
    @media only screen and (max-width: 767px) {
      .hero__text {
        font-size: 0.9rem; } }
  .hero__buttons {
    padding: 1em; }
    .hero__buttons--base {
      position: absolute;
      z-index: 1;
      bottom: 0;
      left: 0;
      right: 0;
      padding-bottom: 3em;
      background: no-repeat center 70px;
      background-image: url("_/img/icon-scrorrow.svg");
      background-size: 27px 90px; }
      @media only screen and (max-width: 1000px) {
        .body--home .hero__buttons--base {
          padding: 0 6rem 3rem;
          background-position: center 50px; } }
      @media only screen and (max-width: 767px) {
        .hero__buttons--base {
          padding-bottom: 1.5rem;
          background-image: url("_/img/icon-arrow-down2.svg");
          background-size: 25px;
          bottom: 0.5rem; }
          .body--home .hero__buttons--base {
            bottom: -4rem;
            padding: 2.5rem 1rem 0;
            background-position: center top; } }
      .no-svg .hero__buttons--base {
        background-image: url("_/img/icon-scrorrow.png"); }
  .hero__button {
    color: #fff;
    border-color: #fff;
    width: 100%;
    max-width: 200px;
    margin: 0 0.5em; }
    @media only screen and (max-width: 1000px) {
      .hero__button {
        max-width: 30%;
        margin: 0 1%; } }
    @media only screen and (max-width: 767px) {
      .hero__button {
        margin-bottom: 0.25rem;
        display: none;
        max-width: 100%;
        margin: 0 0 1em; }
        .hero__button:nth-child(1) {
          display: block; }
        .body--home .hero__button {
          color: #986A4C;
          border-color: #986A4C; }
          .body--home .hero__button:nth-child(1) {
            display: none; }
          .body--home .hero__button:nth-child(3) {
            display: block; } }
  .hero__overlay {
    background: url("_/img/overlay-black-35.png");
    background: rgba(0, 0, 0, 0.15); }
    .hero__overlay--20 {
      background: url("_/img/overlay-black-35.png");
      background: rgba(0, 0, 0, 0.2); }
  .hero .divider--line {
    border-color: #fff; }
  .hero--video, .hero__video {
    height: 0;
    padding-bottom: 55%; }
    @media only screen and (min-width: 1280px) {
      .hero--video, .hero__video {
        padding-bottom: 0;
        height: 700px;
        max-height: calc( 100vh - 100px); } }
    @media only screen and (max-width: 767px) {
      .hero--video, .hero__video {
        padding-bottom: 0;
        height: 70vh; } }
  .hero__video {
    background: #000;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 250ms ease-in-out; }
    @media only screen and (max-width: 767px) {
      .hero__video {
        display: none !important; } }
    .hero__video.is-active {
      opacity: 1;
      filter: alpha(opacity=100); }
    .hero__video.is-front {
      z-index: 500; }
    .hero__video-wrapper {
      padding-bottom: 55%;
      margin: 0;
      top: -1em; }
      @media only screen and (min-width: 1280px) {
        .hero__video-wrapper {
          padding: 0;
          width: 100%;
          height: 100%;
          top: 0;
          /**
                 * This will keep the black bars at bar until 2000px wide
                 */ }
          .hero__video-wrapper iframe {
            position: absolute;
            bottom: 0;
            right: 0;
            width: auto;
            height: auto;
            min-height: 160%;
            min-width: 100%;
            top: -30%; } }
  .hero .display-table {
    position: relative;
    z-index: 5; }
  .hero__logo {
    position: absolute;
    z-index: 5;
    left: 0.5em;
    bottom: 1em; }
    @media only screen and (max-width: 767px) {
      .hero__logo {
        bottom: 0.5rem;
        max-width: 20%; } }
    .hero__logo--1 {
      left: auto;
      right: 0.5em; }
  .hero--slider .gallery, .hero--image-carousel .gallery {
    height: 100%; }
    .hero--slider .gallery__cell, .hero--image-carousel .gallery__cell {
      width: 100%;
      background: no-repeat center center;
      background-size: cover; }
  .hero__image__caption {
    position: absolute;
    z-index: 5;
    left: 1em;
    right: 1em;
    bottom: 0;
    color: #fff; }
  .hero__slider__overlay-image {
    position: absolute;
    z-index: 20;
    top: 1em;
    left: 50%;
    margin-left: -100px; }
  .hero--booking {
    min-height: 600px; }
    @media only screen and (max-width: 767px) {
      .hero--booking {
        max-height: 1000px; } }
  .hero__booking iframe {
    background: #fff;
    width: 304px;
    height: 500px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
  .hero--choice.hero--slider .gallery {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .hero--image-carousel .gallery {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0; }
  .hero--image-carousel .flickity-viewport {
    width: 100%; }

/*------------------------------------*    $LEDE
\*------------------------------------*/
.lede {
  margin-bottom: 2em; }
  .lede__title {
    font-size: 2em;
    padding-top: 1.5em;
    text-align: center;
    color: #986A4C; }
  .lede__copy {
    text-align: center; }
  .lede--no-divider {
    margin-bottom: 3em; }
  @media only screen and (max-width: 767px) {
    .lede__title {
      font-size: 1.75rem; }
    .body--home .lede__title {
      font-size: 1.5rem;
      padding-top: 5rem; } }

/*------------------------------------*    $DIVIDER
\*------------------------------------*/
.divider {
  display: block;
  clear: both;
  width: 100%; }
  .divider--loops {
    height: 80px;
    background: url("_/img/divider-loops.png") no-repeat center center;
    margin: 1em 0 2em; }
  .divider--line {
    width: 150px;
    margin: 1em auto 2em;
    height: 0;
    border-bottom: 1px solid #986A4C; }

/*------------------------------------*    $COLUMNS
\*------------------------------------*/
.column-single {
  clear: both;
  margin: 3em auto; }

.column-double {
  clear: both;
  margin: 3em auto; }
  .column-double__gallery {
    position: relative;
    z-index: 1;
    padding-bottom: 4em;
    border-bottom: 1px solid #986A4C; }
    .column-double__gallery .flickity-prev-next-button {
      top: auto;
      bottom: -5.25em; }
      .column-double__gallery .flickity-prev-next-button.previous {
        left: 0; }
      .column-double__gallery .flickity-prev-next-button.next {
        right: 4em; }
    .column-double__gallery.is-fullscreen {
      position: fixed;
      z-index: 500;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      height: 100vh;
      background: #fff; }
      .column-double__gallery.is-fullscreen .gallery {
        height: 100%; }
        .column-double__gallery.is-fullscreen .gallery-img {
          display: none; }
        .column-double__gallery.is-fullscreen .gallery__fullscreen {
          background-image: none; }
          .column-double__gallery.is-fullscreen .gallery__fullscreen span {
            text-indent: 0; }
  @media only screen and (max-width: 1000px) {
    .column-double img.lazyload {
      margin-bottom: 1.5em; } }

/*------------------------------------*    $CENTRED-TITLE
\*------------------------------------*/
.centred-title {
  text-align: center;
  color: #986A4C;
  padding: 0;
  margin: 0; }
  @media only screen and (max-width: 767px) {
    .centred-title {
      margin-bottom: 0.5rem; } }
  .content-rows .centred-title {
    margin-bottom: 1.2rem;
    font-size: 2em; }
    @media only screen and (max-width: 767px) {
      .content-rows .centred-title {
        font-size: 1.75rem; } }

/*------------------------------------*    $FLICKITY
\*------------------------------------*/
/*! Flickity v1.1.1
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%; }

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  z-index: 30;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.flickity-prev-next-button:hover {
  background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F; }

.flickity-prev-next-button:active {
  filter: alpha(opacity=60);
  /* IE8 */
  opacity: 0.6; }

.flickity-prev-next-button.previous {
  left: 10px; }

.flickity-prev-next-button.next {
  right: 10px; }

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px; }

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30);
  /* IE8 */
  opacity: 0.3;
  cursor: auto; }

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%; }

.flickity-prev-next-button .arrow {
  fill: #333; }

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px; }

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1; }

.flickity-rtl .flickity-page-dots {
  direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  filter: alpha(opacity=25);
  /* IE8 */
  opacity: 0.25;
  cursor: pointer; }

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100);
  /* IE8 */
  opacity: 1; }

/*------------------------------------*    $GALLERY
\*------------------------------------*/
.gallery {
  position: relative;
  z-index: 1;
  width: 100%;
  background: url("_/img/loader.gif") no-repeat center center; }
  .body--home .gallery {
    position: absolute;
    height: 70vh; }
  .gallery__background, .gallery-cell, .gallery-img {
    background: no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 100%; }
  .gallery--cta .gallery__button {
    display: block;
    position: absolute;
    z-index: 10;
    bottom: 1em;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    color: #fff;
    text-align: center;
    border-color: #fff; }
    .gallery--cta .gallery__button:hover, .gallery--cta .gallery__button:focus {
      color: #986A4C;
      background: #faf3ef;
      border-color: #986A4C; }
  .gallery__background, .gallery-img {
    position: relative;
    z-index: 1; }
  .gallery__buttons {
    text-align: center;
    padding: 2em 0; }
  .gallery__button {
    margin: 1em 0; }
    .gallery__button.is-active {
      background: #fff; }
  .gallery__content {
    font-size: 2em;
    color: #fff;
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .gallery__content {
        font-size: 1.5rem;
        padding: 0 4rem; }
        .entry .gallery__content {
          line-height: 1.4; } }
  .gallery__fullscreen {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0.4em;
    width: 45px;
    height: 45px;
    border: 1px solid #986A4C;
    margin: 0;
    background: url("_/img/icon-fullscreen.svg") no-repeat center center;
    background-size: 20px;
    font-size: 1.5em;
    padding: 0;
    text-align: center; }
    .gallery__fullscreen span {
      display: block;
      text-indent: -9999px; }
    .gallery__fullscreen:hover {
      background: #faf3ef url("_/img/icon-fullscreen.svg") no-repeat center center;
      background-size: 20px; }
    .no-svg .gallery__fullscreen {
      background: url("_/img/icon-fullscreen.png") no-repeat center center; }
      .no-svg .gallery__fullscreen:hover {
        background: #faf3ef url("_/img/icon-fullscreen.png") no-repeat center center; }

.flickity-slider .flickity-viewport {
  width: 100%; }

.flickity-prev-next-button {
  border: 1px solid #986A4C;
  background: transparent;
  margin: 0;
  border-radius: 0; }
  .flickity-prev-next-button .arrow {
    fill: #986A4C; }
  .hero--slider .flickity-prev-next-button {
    border-color: #fff; }
    .hero--slider .flickity-prev-next-button .arrow {
      fill: #fff; }
    .hero--slider .flickity-prev-next-button:hover .arrow {
      fill: #986A4C; }

/*------------------------------------*    $SINGLE
\*------------------------------------*/
.single__entry {
  margin: 3em 0; }

.single__nav {
  margin: 2em 0; }
  .single__nav--top {
    margin-bottom: 0; }
  .single__nav--share .single__nav__links {
    position: absolute; }
    @media only screen and (max-width: 767px) {
      .single__nav--share .single__nav__links {
        position: static; } }
  .single__nav__links {
    position: static;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 0.5em; }
    @media only screen and (max-width: 767px) {
      .single__nav__links {
        position: static; } }
    .single__nav__links div {
      float: left;
      background: url("_/img/icon-arrow-left.svg") no-repeat left center;
      background-size: 15px;
      text-transform: uppercase;
      color: #986A4C;
      font-size: 0.8em; }
      .no-svg .single__nav__links div {
        background: url("_/img/icon-arrow-left.png") no-repeat left center; }
      .single__nav__links div.icon-arrow-right {
        float: right;
        background: url("_/img/icon-arrow-right.svg") no-repeat right center;
        background-size: 15px; }
        .no-svg .single__nav__links div.icon-arrow-right {
          background: url("_/img/icon-arrow-right.png") no-repeat right center; }
    .single__nav__links a {
      display: block;
      padding: 1em 3em; }

.single__share {
  position: relative;
  z-index: 5;
  width: 200px;
  margin: auto; }
  .single__share button {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left; }
    .single__share button span {
      display: block;
      padding: 0.5em 0 0.5em 1em;
      background: url("_/img/icon-arrow-down.svg") no-repeat right center;
      background-size: 15px 10px;
      margin-right: 1em; }
      .no-svg .single__share button span {
        background: url("_/img/icon-arrow-down.png") no-repeat right center; }
  .single__share .share-box {
    border: 1px solid #986A4C; }
    .single__share .share-box a {
      display: block;
      padding: 1em;
      border-top: 1px solid #986A4C;
      background: #faf3ef; }
      .single__share .share-box a:first-child {
        border-top: none; }
      .single__share .share-box a:hover, .single__share .share-box a:focus {
        background: #fff; }

.single__slab-info__title {
  font-size: 2em;
  color: #986A4C;
  padding-top: 0.5em; }

.single__slab-info__meta {
  color: #986A4C;
  font-size: 1.25em; }

.single__slab-info__button {
  margin: 1.25em 0 0; }

.single__course__subtitle {
  font-size: 1.75em; }

.single .hero {
  max-height: 50vh; }

/*------------------------------------*    $MAP
\*------------------------------------*/
.map--fullwidth {
  width: 100%;
  overflow: hidden; }
  .map--fullwidth .flex-video {
    margin: 0;
    padding-bottom: 30%; }
    @media only screen and (min-width: 1025px) {
      .map--fullwidth .flex-video {
        padding-bottom: 300px; } }

/*------------------------------------*    $SLAB
\*------------------------------------*/
.slab--fantasy {
  background: #faf3ef; }

/*------------------------------------*    $BOX-LINKS
\*------------------------------------*/
.box-links {
  margin-bottom: 3em; }
  @media only screen and (max-width: 767px) {
    .box-links {
      text-align: center; } }
  .box-links--centered {
    text-align: center; }
  .box-links__box {
    position: relative;
    z-index: 1; }
    @media only screen and (max-width: 767px) {
      .box-links__box {
        width: 100%;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto; }
        .box-links .box-links__box {
          display: block;
          float: none; } }
  .box-links__link {
    display: block; }
    .box-links__link:hover .box-links__img {
      transform: scale(1.05); }
  .box-links__img-wrapper {
    display: block;
    overflow: hidden; }
    .box-links__img-wrapper .box-links__img {
      transition: transform 1500ms ease-in-out, opacity 250ms ease-in !important; }
  .box-links--extended .box-links__title {
    text-align: left;
    margin: 1em 0;
    padding-bottom: 0.75em;
    border-bottom: 1px solid #986A4C; }
    @media only screen and (max-width: 767px) {
      .box-links--extended .box-links__title {
        font-size: 1.15rem; } }
  .box-links__title {
    font-family: "Lora", serif;
    font-size: 1.15em;
    text-align: center;
    margin: 0.5em 0 0;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .box-links__title {
        font-size: 0.9rem; } }
  .box-links--people .box-links__box {
    transition: max-height 500ms ease-in;
    max-height: 1000px;
    padding: 0; }
    .box-links .box-links--people .box-links__box {
      padding: 0; }
    .box-links--people .box-links__box a {
      display: block;
      padding: 0px 0.625em 1.25em; }
    .box-links--people .box-links__box.not-active {
      overflow: hidden;
      max-height: 0;
      transition: max-height 500ms cubic-bezier(0, 1, 0.5, 1); }
  .box-links__meta-over {
    display: block;
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0.625em;
    background: #986A4C;
    color: #fff;
    padding: 0.25em 0.75em; }

/*------------------------------------*    $SEARCHFORM
\*------------------------------------*/
.searchform {
  position: relative;
  z-index: 1; }
  .searchform .searchform__input {
    height: 3em;
    margin: 0;
    padding: 0.75em 3em 0.75em 1em;
    border-color: #74798c;
    background: transparent;
    color: #fff; }
    .searchform .searchform__input:focus {
      background: transparent;
      color: #fff; }
  .searchform input::-webkit-input-placeholder {
    color: #74798c; }
  .searchform input:-moz-placeholder {
    color: #74798c; }
  .searchform input::-moz-placeholder {
    color: #74798c; }
  .searchform input:-ms-input-placeholder {
    color: #74798c; }
  .searchform *:focus {
    outline: none; }
  .searchform__submit {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    bottom: 0;
    width: 2em;
    height: 100%;
    border: none;
    background: url("_/img/icon-search.svg") no-repeat center center;
    background-size: 20px;
    opacity: 0.5; }
    .searchform__submit:hover, .searchform__submit:focus {
      opacity: 1;
      background: url("_/img/icon-search.svg") no-repeat center center;
      background-size: 20px; }
    .no-svg .searchform__submit {
      background: url("_/img/icon-search.png") no-repeat center center; }
    .searchform__submit span {
      display: block;
      overflow: hidden;
      text-indent: -9999px; }

/*------------------------------------*    $BLOCKQUOTE
\*------------------------------------*/
.blockquote {
  margin: 3em auto;
  text-align: center;
  background: url("_/img/divider-quote.svg") no-repeat center top;
  background-size: 200px 30px; }
  .no-svg .blockquote {
    background: url("_/img/divider-quote.svg") no-repeat center top; }
  .blockquote blockquote {
    padding-top: 1em;
    border: none; }
    .blockquote blockquote p {
      font-family: "Lora", serif;
      font-size: 1.75em;
      color: #986A4C;
      font-style: italic;
      margin-bottom: 0.5em; }
      @media only screen and (max-width: 767px) {
        .blockquote blockquote p {
          font-size: 1.25rem; } }
    .blockquote blockquote cite {
      font-size: 1em;
      font-style: normal; }
      .blockquote blockquote cite:before {
        display: none; }

/*------------------------------------*    $TWEET
\*------------------------------------*/
.tweet-single, .tripadvisor-single {
  margin: 3em auto;
  padding: 6em 0 2em;
  text-align: center;
  background: url("_/img/icon-twitter-grad.png") no-repeat center 2em; }
  .tweet-single p, .tripadvisor-single p {
    font-family: 'Lora', serif;
    font-size: 1.75em;
    color: #986A4C;
    font-style: italic;
    margin-bottom: 0.5em; }
    @media only screen and (max-width: 767px) {
      .tweet-single p, .tripadvisor-single p {
        font-size: 1.25rem; } }
    .tweet-single p a, .tripadvisor-single p a {
      color: #8c6239; }
      .tweet-single p a:hover, .tripadvisor-single p a:hover, .tweet-single p a:focus, .tripadvisor-single p a:focus {
        color: #333; }

/*------------------------------------*    $ACCORDION
\*------------------------------------*/
.accordion {
  border-bottom: 1px solid #986A4C;
  list-style: none;
  /**
     * If the accordion is immediately followed by a promoted CTA, bring up the CTA to sit flush against the base of the accordion
     */ }
  .accordion__row {
    border-top: 1px solid #986A4C; }
    .accordion__row.is-active {
      background: #faf3ef; }
  .accordion__title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1.25em; }
    .accordion__title a {
      display: block;
      padding: 1em;
      background: no-repeat right center;
      background-image: url("_/img/icon-plus.svg");
      background-size: 50px; }
      .is-active .accordion__title a {
        background-image: url("_/img/icon-minus.svg");
        background-size: 50px; }
        .no-svg .is-active .accordion__title a {
          background-image: url("_/img/icon-minus.png"); }
      .accordion__title a:hover, .accordion__title a:active, .accordion__title a:focus {
        outline: none; }
      @media only screen and (max-width: 767px) {
        .accordion__title a {
          background-size: 30px;
          padding: 0.75rem 1.75rem;
          font-size: 1.15rem; }
          .is-active .accordion__title a {
            background-size: 30px; } }
      .no-svg .accordion__title a {
        background-image: url("_/img/icon-plus.png"); }
  .accordion__content {
    overflow: hidden;
    max-height: 0;
    transition: max-height 500ms cubic-bezier(0, 1, 0.5, 1); }
    .accordion__content .entry {
      padding: 1em 0 2em; }
      .accordion__content .entry ul, .accordion__content .entry ol {
        margin-bottom: 1em; }
    .is-active .accordion__content {
      transition: max-height 500ms ease-in;
      max-height: 10000px; }
  .accordion + .promoted {
    margin-top: -1.25em; }

/*------------------------------------*    $PROMOTED
\*------------------------------------*/
.promoted {
  text-align: center; }
  .promoted__title {
    padding-top: 0.5em;
    font-size: 2em;
    color: #986A4C; }
    @media only screen and (max-width: 767px) {
      .promoted__title {
        padding-top: 1.5rem;
        font-size: 1.5rem; } }
  .promoted__entry {
    line-height: 1.8;
    margin-bottom: 2em; }
    @media only screen and (max-width: 767px) {
      .promoted__entry {
        font-size: 0.9rem; } }
  .promoted .button {
    display: inline-block;
    margin-bottom: 3em; }
    @media only screen and (max-width: 767px) {
      .promoted .button {
        margin-bottom: 2rem; } }

/*------------------------------------*    $POST TAX SELECT
\*------------------------------------*/
.post-taxonomy-select {
  margin: 2em 0 1em; }
  .js .post-taxonomy-select button {
    display: none; }

/*------------------------------------*    $BLOG SINGLE
\*------------------------------------*/
.blog-single {
  border-bottom: 1px solid #986A4C;
  margin-bottom: 2em;
  padding-bottom: 2em; }
  @media only screen and (max-width: 767px) {
    .blog-single {
      max-width: 300px;
      margin: 0 auto 2em; } }
  @media only screen and (max-width: 767px) {
    .blog-single__title {
      margin-top: 1rem;
      font-size: 1.5rem; } }

/*------------------------------------*    $PAGINATION
\*------------------------------------*/
.pagination {
  position: relative;
  z-index: 1;
  text-align: center;
  margin: 3em 0;
  min-height: 35px; }
  .pagination .page-numbers {
    display: inline-block;
    padding: 0 0.25em; }
    .pagination .page-numbers.current {
      color: #8c6239; }
  .pagination .next,
  .pagination .prev {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0; }
  .pagination .prev {
    right: auto;
    left: 0; }
  @media only screen and (max-width: 767px) {
    .pagination .page-numbers {
      display: none; }
    .pagination .next,
    .pagination .prev {
      display: block;
      padding: 0.5rem 1rem;
      border: 1px solid #986A4C; } }

/*------------------------------------*    $CONTACT
\*------------------------------------*/
.contact__title {
  text-align: center;
  font-size: 2em;
  color: #986A4C; }
  @media only screen and (max-width: 767px) {
    .contact__title {
      font-size: 1.5rem; } }

.contact__entry {
  text-align: center; }

/*------------------------------------*    $SOCIAL WALL
\*------------------------------------*/
.social-wall .dcsns-toolbar .filter {
  list-style: none;
  margin: 0 0 1em; }
  .social-wall .dcsns-toolbar .filter li {
    display: inline-block; }
    .social-wall .dcsns-toolbar .filter li img {
      max-width: 35px;
      margin: 0 0 0 0.5em; }
    .social-wall .dcsns-toolbar .filter li a {
      opacity: 0.75;
      filter: alpha(opacity=75); }
      .social-wall .dcsns-toolbar .filter li a.iso-active, .social-wall .dcsns-toolbar .filter li a:hover {
        opacity: 1;
        filter: alpha(opacity=100); }

.social-wall .stream {
  list-style: none; }
  .social-wall .stream li {
    width: 23%;
    float: left;
    margin: 0 1% 1em; }
    .social-wall .stream li .inner {
      position: relative;
      z-index: 1;
      background: #fff;
      padding: 1em; }
      .social-wall .stream li .inner img {
        margin-bottom: 1em; }
    @media only screen and (max-width: 767px) {
      .social-wall .stream li {
        width: 100%;
        margin: 0 0 1rem; }
        .social-wall .stream li .inner {
          max-width: 400px;
          margin: auto; } }

.social-wall .dcsns {
  /**
         * Facebook
         */
  /**
         * Twitter
         */
  /**
         * Google Plus
         */
  /**
         * Youtube
         */
  /**
         * Pinterest
         */
  /**
         * Instagram
         */ }
  .social-wall .dcsns-twitter .twitter-user {
    display: block;
    margin-bottom: 0.5em; }
    .social-wall .dcsns-twitter .twitter-user a {
      color: #999;
      font-style: italic; }
    .social-wall .dcsns-twitter .twitter-user strong {
      display: block;
      font-size: 1.25em;
      color: #986A4C;
      font-style: normal; }
  .social-wall .dcsns-google .meta span {
    margin-right: 0.5em; }
  .social-wall .dcsns-google .meta .shares,
  .social-wall .dcsns-google .meta .comments {
    padding-left: 2em;
    background: url("_/img/icon-sw-google-shares.png") no-repeat left center; }
  .social-wall .dcsns-google .meta .comments {
    background-image: url("_/img/icon-sw-google-comments.png"); }
  .social-wall .dcsns-instagram .meta {
    display: block;
    clear: both;
    font-size: 0.9em;
    padding-left: 1.75em;
    padding-top: 0.5em;
    background: url("_/img/icon-sw-share-favorite.png") no-repeat left 5px; }
  .social-wall .dcsns-instagram .item-likes,
  .social-wall .dcsns-instagram .item-comments {
    display: block;
    clear: both;
    font-size: 0.8em;
    padding-left: 0;
    background: none; }
    .social-wall .dcsns-instagram .item-likes img,
    .social-wall .dcsns-instagram .item-comments img {
      display: inline-block;
      width: 30px;
      margin-right: 2px;
      margin-bottom: 0; }
  .social-wall .dcsns-instagram .item-comments img {
    display: block;
    float: left;
    margin-right: 1em; }

.social-wall .section-thumb a {
  display: block; }

.social-wall .section-intro {
  display: block;
  position: relative;
  z-index: 1;
  padding: 1.75em 1em 1.75em 5em;
  border-top: 4px solid #faf3ef;
  font-size: 0.8em;
  background: #fff; }
  @media only screen and (max-width: 767px) {
    .social-wall .section-intro {
      max-width: 400px;
      margin: auto; } }

.social-wall .section-text {
  display: block;
  font-size: 0.85em;
  margin-bottom: 0.5em; }

.social-wall .section-share a {
  display: block;
  float: right;
  width: 25px;
  height: 25px;
  margin: 0 0 0 2px;
  background: no-repeat center center; }
  .social-wall .section-share a.share-facebook {
    background-image: url("_/img/icon-sw-share-facebook.png"); }
  .social-wall .section-share a.share-google {
    background-image: url("_/img/icon-sw-share-google.png"); }
  .social-wall .section-share a.share-twitter {
    background-image: url("_/img/icon-sw-share-twitter.png"); }
  .social-wall .section-share a.share-linkedin {
    background-image: url("_/img/icon-sw-share-linkedin.png"); }
  .social-wall .section-share a.share-reply {
    background-image: url("_/img/icon-sw-share-reply.png"); }
  .social-wall .section-share a.share-retweet {
    background-image: url("_/img/icon-sw-share-retweet.png"); }
  .social-wall .section-share a.share-favorite {
    background-image: url("_/img/icon-sw-share-favorite.png"); }

.social-wall .section-user {
  display: none;
  font-style: italic;
  font-size: 0.8em; }

.social-wall .section-meta {
  display: block; }

.social-wall .icon {
  position: absolute;
  z-index: 2;
  bottom: 0.75em;
  left: 0.75em; }

/*------------------------------------*    $FINSHERS
\*------------------------------------*/
.finishers {
  margin: 3em 0 0;
  padding-bottom: 3em; }
  .finishers__title {
    text-align: center;
    font-size: 2em;
    color: #986A4C; }
  @media only screen and (max-width: 767px) {
    .finishers__title {
      font-size: 1.5rem; }
    .finishers .box-link {
      margin-bottom: 1rem;
      max-width: 300px;
      clear: both;
      display: block;
      margin-left: auto;
      margin-right: auto;
      float: none !important; } }

/*------------------------------------*    $SOCIAL ICONS
\*------------------------------------*/
.social-icons a {
  display: inline-block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  text-indent: -999px;
  background: no-repeat center center;
  margin-right: 4px; }
  .social-icons a.icon--facebook {
    background-image: url("_/img/icon-facebook.svg"); }
  .no-svg .social-icons a.icon--facebook {
    background-image: url("_/img/icon-facebook.png"); }
  .social-icons a.icon--twitter {
    background-image: url("_/img/icon-twitter.svg"); }
  .no-svg .social-icons a.icon--twitter {
    background-image: url("_/img/icon-twitter.png"); }
  .social-icons a.icon--pinterest {
    background-image: url("_/img/icon-pinterest.svg"); }
  .no-svg .social-icons a.icon--pinterest {
    background-image: url("_/img/icon-pinterest.png"); }
  .social-icons a.icon--google {
    background-image: url("_/img/icon-google.svg"); }
  .no-svg .social-icons a.icon--google {
    background-image: url("_/img/icon-google.png"); }
  .social-icons a.icon--instagram {
    background-image: url("_/img/icon-instagram.svg"); }
  .no-svg .social-icons a.icon--instagram {
    background-image: url("_/img/icon-instagram.png"); }
  .social-icons a.icon--youtube {
    background-image: url("_/img/icon-youtube.svg"); }
  .no-svg .social-icons a.icon--youtube {
    background-image: url("_/img/icon-youtube.png"); }

/*------------------------------------*    $SELECT STYLE
\*------------------------------------*/
.post-taxonomy__wrapper {
  padding: 0;
  margin: 0;
  border: 1px solid #986A4C;
  width: auto;
  border-radius: 3px;
  overflow: hidden;
  color: #986A4C;
  background: #fff url("_/img/arrowdown-serria.gif") no-repeat 92% 50%; }
  @media only screen and (max-width: 767px) {
    .post-taxonomy__wrapper {
      background-position: 95% 50%; } }
  .post-taxonomy__wrapper select {
    color: #986A4C;
    padding: 5px 8px;
    width: 100%;
    margin-bottom: 0;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    .post-taxonomy__wrapper select:focus {
      outline: none; }

/*------------------------------------*    $OFFCANVAS
\*------------------------------------*/
.offcanvas__nav-wrapper, .offcanvas__buttons-wrapper {
  height: 100%;
  height: 100vh;
  max-height: 100%;
  overflow: hidden;
  /**
     * Odd set of custom rules to only show scrollbars when the screen size is small enough,
     *
     * Above 768px this height is anything below 450px, below 768px the height is anything below 400px
     */ }
  @media (min-width: 768px) and (max-height: 450px), (max-width: 767px) and (max-height: 400px) {
    .offcanvas__nav-wrapper, .offcanvas__buttons-wrapper {
      overflow-y: scroll; } }

/**
 * Hide natural body scroll when the offcanvas section is visible
 */
body.offcanvas-is-visible {
  height: 100%;
  overflow: hidden; }

.offcanvas {
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  background: no-repeat center center;
  background-size: cover;
  /**
     * Reduce padding on letterbox sized displays to prevent overflow
     */ }
  @media only screen and (max-width: 767px) {
    .offcanvas {
      overflow: scroll; } }
  .js .offcanvas {
    display: none;
    position: fixed; }
  .offcanvas.is-active {
    display: block; }
  .offcanvas__inner {
    background: url("_/img/overlay-rhino-95.png");
    background: rgba(39, 49, 81, 0.95); }
    @media only screen and (max-width: 767px) {
      .offcanvas__inner {
        padding: 2rem 0; } }
  @media only screen and (max-width: 767px) {
    .offcanvas__nav-wrapper {
      height: auto !important; } }
  .offcanvas__nav-wrapper .display-table {
    border-right: 1px solid #74798c; }
    @media only screen and (max-width: 767px) {
      .offcanvas__nav-wrapper .display-table {
        border: none; } }
  .offcanvas__close {
    position: absolute;
    z-index: 100;
    color: #fff;
    top: 0.5em;
    right: 0.5em;
    border: none;
    font-size: 1.5em;
    padding: 0.15em 0.5em; }
    @media only screen and (max-width: 767px) {
      .offcanvas__close {
        top: 0;
        right: 0; } }
  .offcanvas__buttons {
    max-width: 210px;
    text-align: center;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 767px) {
      .offcanvas__buttons {
        max-width: 80%; } }
    .offcanvas__buttons .button {
      display: block;
      color: #fff;
      border-color: #74798c;
      font-size: 0.9em;
      padding: 1em; }
      .offcanvas__buttons .button--highlight {
        border-color: #986A4C; }
      .offcanvas__buttons .button:hover, .offcanvas__buttons .button:focus {
        border-color: #986A4C;
        color: #986A4C; }
    .offcanvas__buttons__upper {
      margin-top: 1em;
      margin-bottom: 12em; }
      @media only screen and (max-width: 767px) {
        .offcanvas__buttons__upper {
          margin-bottom: 1em; } }
    @media only screen and (max-width: 767px) {
      .offcanvas__buttons-wrapper {
        height: auto !important; } }
  .offcanvas__logo {
    margin-bottom: 1em; }
  @media screen {
    .offcanvas__buttons__upper {
      margin-bottom: 1em; } }

/*------------------------------------*    $ANIMATE
\*------------------------------------*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }
  .js .fadeIn {
    visibility: hidden; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }
  .js .fadeInUp {
    visibility: hidden; }

@-webkit-keyframes growWidth {
  0% {
    opacity: 0;
    max-width: 0px; }
  25% {
    opacity: 1; }
  100% {
    opacity: 1;
    max-width: 1000px; } }

@keyframes growWidth {
  0% {
    opacity: 0;
    max-width: 0px; }
  25% {
    opacity: 1; }
  100% {
    opacity: 1;
    max-width: 1000px; } }

.growWidth {
  -webkit-animation-name: growWidth;
  animation-name: growWidth; }
  .js .growWidth {
    visibility: hidden; }

/*------------------------------------*    $LAZYLOAD
\*------------------------------------*/
.js .lazyload {
  opacity: 0;
  transition: opacity 250ms ease-in; }

.js .lazy-loaded {
  opacity: 1; }

/*------------------------------------*    $FILTER
\*------------------------------------*/
.filter-row {
  margin: 2rem 0 1rem; }

.filter__show-all {
  display: inline-block;
  text-transform: uppercase;
  float: right;
  margin-top: 0.75em; }

/*------------------------------------*    $POST ENQUIRY
\*------------------------------------*/
.post-enquiry__form .gform_footer {
  padding-left: 0.9375em; }

/*------------------------------------*    $TRIPADVISOR
\*------------------------------------*/
.tripadvisor-single {
  background-image: url("_/img/icon-tripadvisor.png"); }

/*------------------------------------*    $WEATHER-UNDERGROUND PLUGIN
\*------------------------------------*/
.wu-copyright {
  display: none !important; }

.entry .wu-wrapper {
  font-size: 1.5em;
  line-height: 1.4; }
  .entry .wu-wrapper table,
  .entry .wu-wrapper td {
    border: none; }

/*------------------------------------*    $BOOKING BAR
\*------------------------------------*/
.booking-bar {
  border-top: 1px solid #986A4C;
  background: #faf3ef; }
  @media only screen and (max-width: 767px) {
    .booking-bar {
      display: none; } }
  .booking-bar__date, .booking-bar__select,
  .booking-bar p,
  .booking-bar button,
  .booking-bar label {
    float: left;
    display: block; }
  .booking-bar__date {
    width: 25%; }
    .booking-bar__date label {
      width: 30%; }
  .booking-bar__select {
    width: 17.5%; }
    .booking-bar__select label {
      width: 60%; }
  .booking-bar form {
    margin: 0;
    padding: 0.5em 0; }
    .booking-bar form:after {
      display: table;
      height: 0;
      content: " ";
      clear: both; }
  .booking-bar p,
  .booking-bar button {
    width: 19%; }
  .booking-bar p,
  .booking-bar label {
    margin: 0;
    text-transform: uppercase;
    color: #986A4C; }
  .booking-bar p {
    padding: 0.55em 0 0.45em;
    line-height: 1; }
  .booking-bar label {
    display: inline-block;
    text-align: right;
    padding: 0.9em 1em 0.5em 0;
    font-size: 12px; }
  .booking-bar input,
  .booking-bar select {
    display: block;
    width: auto;
    float: right;
    margin: 0;
    width: 35%; }
  .booking-bar select {
    margin: 0.25em 0 0; }
  .booking-bar input {
    width: 62%; }
    .js .booking-bar input {
      background: url("_/img/icon-datepicker.png") no-repeat 98% center; }
  .booking-bar button {
    margin: 0;
    padding: 0.55em 0.5em 0.45em;
    font-size: 12px;
    float: right; }

.hover-box-layout {
  display: flex;
  margin: 3em auto; }
  .hover-box-layout .box .content {
    flex: auto;
    background-size: cover;
    background-position: center center;
    min-height: 240px;
    position: relative; }
    .hover-box-layout .box .content .inner {
      background-color: rgba(152, 106, 76, 0.2);
      padding: 20px;
      position: absolute;
      transition-duration: 0.3s;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      text-align: center; }
      .hover-box-layout .box .content .inner .inner-content {
        position: relative;
        top: 50%;
        transform: translateY(-50%); }
        .hover-box-layout .box .content .inner .inner-content h3 {
          color: white; }
        .hover-box-layout .box .content .inner .inner-content p {
          display: none;
          color: white;
          transition-duration: 0.3s;
          margin-bottom: 1em; }
        .hover-box-layout .box .content .inner .inner-content hr {
          display: none;
          width: 100px;
          margin: 0 auto 1em auto; }
        .hover-box-layout .box .content .inner .inner-content .cta {
          display: none;
          font-size: 0.9em;
          color: white;
          padding: 0.5em 1em;
          border: 1px solid white; }
      .hover-box-layout .box .content .inner:hover {
        background-color: rgba(152, 106, 76, 0.5); }
        .hover-box-layout .box .content .inner:hover p, .hover-box-layout .box .content .inner:hover hr {
          display: block; }
        .hover-box-layout .box .content .inner:hover .cta {
          display: inline-block; }
  @media only screen and (max-width: 767px) {
    .hover-box-layout .box {
      margin-bottom: 2em; } }

/*------------------------------------*	$HEADER
\*------------------------------------*/
.header {
  position: fixed;
  z-index: 50;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff;
  min-height: 100px; }
  @media only screen and (max-width: 767px) {
    .header {
      min-height: 0; } }
  .header__logo {
    display: block;
    text-align: center;
    margin: 0; }
    .header__logo img {
      width: 250px; }
    .header__logo__small {
      display: none;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .header__logo__small {
          display: inline-block;
          padding-top: 0.15rem; } }
    .header__logo svg {
      margin: 0.25rem auto 0;
      width: 50px;
      height: 50px; }
  .header__left_book_button {
    position: absolute;
    z-index: 5;
    top: 2.75em;
    left: 0.1em;
    line-height: 1.6;
    text-transform: uppercase;
    font-size: 0.9em; }
    .header__left_book_button a {
      margin-right: 10px;
      display: inline-block; }
      .header__left_book_button a.book {
        padding: 10px 20px;
        border: 1px solid #986A4C; }
    @media only screen and (max-width: 1000px) {
      .header__left_book_button {
        display: none; } }
  .header__book {
    display: none;
    position: absolute;
    z-index: 5;
    top: 2.4em;
    left: 0.5em;
    padding: 0.5em 1em;
    border: 1px solid #986A4C;
    color: #986A4C;
    text-transform: uppercase;
    line-height: 1.6; }
    .header__book__small {
      display: none; }
    .header__book__large {
      display: block;
      font-size: 1em; }
    @media only screen and (max-width: 767px) {
      .header__book {
        top: 1rem;
        font-size: 0.8rem;
        display: block; }
        .header__book__small {
          display: block; }
        .header__book__large {
          display: none; } }
  .header__phone {
    display: block;
    position: absolute;
    z-index: 1;
    top: 3.5em;
    left: 10.8em;
    font-size: 0.9em;
    color: #986A4C; }
    .header__phone-icon {
      display: none;
      position: absolute;
      z-index: 1;
      top: 2.75rem;
      left: 5rem; }
      @media only screen and (max-width: 1000px) {
        .header__phone-icon {
          left: 10.5rem; } }
      @media only screen and (max-width: 767px) {
        .header__phone-icon {
          top: 1.15rem;
          left: 5rem; } }
      .header__phone-icon svg {
        width: 30px;
        height: 30px; }
        .header__phone-icon svg path {
          fill: #986A4C; }
    @media only screen and (max-width: 1000px) {
      .header__phone {
        display: none; }
        .header__phone-icon {
          display: block; } }
  .header__button {
    display: none; }
    @media only screen and (max-width: 767px) {
      .header__button {
        display: block; } }
  .header__links {
    position: absolute;
    z-index: 5;
    top: 2.75em;
    right: 0em;
    line-height: 1.6;
    text-transform: uppercase;
    font-size: 0.9em; }
    .header__links a {
      margin-right: 10px;
      display: inline-block; }
      .header__links a.book {
        padding: 10px 20px;
        border: 1px solid #986A4C; }
    @media only screen and (max-width: 1000px) {
      .header__links {
        display: none; } }
  .header__searchform {
    position: absolute;
    z-index: 2;
    top: 2.4em;
    left: 19.50em; }
    @media only screen and (max-width: 1000px) {
      .header__searchform {
        display: none; } }
    .header__searchform form {
      margin: 0; }
    .header__searchform .searchform {
      position: relative;
      z-index: 1; }
      .header__searchform .searchform__input {
        padding: 0;
        height: 40px;
        width: 38px;
        background: #fff;
        color: #333;
        transition: all 1000ms cubic-bezier(0, 1, 0.5, 1); }
        .header__searchform .searchform__input:hover, .header__searchform .searchform__input:focus, .header__searchform .searchform__input:active {
          background: #fff;
          color: #333; }
        .header-searchform--active .header__searchform .searchform__input {
          width: 170px;
          padding: 0 45px 0 0.5em; }
      .header__searchform .searchform__submit {
        width: 38px;
        height: 40px;
        margin: 0;
        opacity: 1;
        background-color: #fff;
        background-image: url("_/img/icon-search-serria.svg");
        border: 1px solid #986A4C;
        padding: 0; }
        .no-svg .header__searchform .searchform__submit {
          background-image: url("_/img/icon-search-serria.png"); }
      .header__searchform .searchform__overlay {
        display: block;
        position: absolute;
        z-index: 10;
        width: 100%;
        height: 100%;
        cursor: pointer;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
        .header-searchform--active .header__searchform .searchform__overlay {
          display: none; }

.goldMenu {
  position: relative;
  width: 100%;
  background-color: #986A4C; }
  @media only screen and (min-width: 1025px) {
    .goldMenu:after {
      position: absolute;
      right: 0;
      height: 100%;
      width: 236px;
      top: 0;
      content: ' ';
      background-repeat: repeat;
      background-image: url(../../_/img/spots.png); } }
  .goldMenu ul {
    padding: 20px 0;
    display: flex; }
    .goldMenu ul li {
      list-style: none;
      display: inline-block; }
    @media only screen and (min-width: 768px) {
      .goldMenu ul {
        text-align: left;
        flex-flow: row nowrap; } }
    @media only screen and (max-width: 767px) {
      .goldMenu ul {
        text-align: center;
        flex-flow: row wrap; } }
    .goldMenu ul li {
      margin: auto 20px;
      padding: 0; }
      @media only screen and (max-width: 767px) {
        .goldMenu ul li {
          text-align: center;
          width: 100%; } }
      .goldMenu ul li a {
        color: white;
        text-transform: uppercase;
        font-weight: lighter;
        font-family: "Lora", serif;
        letter-spacing: 1px;
        display: inline-block;
        padding: 10px 20px;
        opacity: 0.8;
        line-height: 1.2em;
        transition: all 0.3s ease-in-out;
        opacity: 1; }
        @media only screen and (min-width: 768px) {
          .goldMenu ul li a {
            padding-left: 0; } }
        @media only screen and (max-width: 767px) {
          .goldMenu ul li a {
            font-size: 18px; } }
        @media only screen and (min-width: 767px) and (max-width: 1024px) {
          .goldMenu ul li a {
            font-size: 14px; } }
        @media only screen and (min-width: 1025px) {
          .goldMenu ul li a {
            font-size: 18px; } }

.footer2 {
  background: #00053e;
  color: #fff;
  padding: 80px 0; }
  .footer2__contactBox {
    margin-bottom: 60px; }
    @media only screen and (max-width: 767px) {
      .footer2__contactBox {
        text-align: center; } }
    .footer2__contactBox span {
      white-space: nowrap; }
    .footer2__contactBox p {
      font-style: italic;
      font-weight: lighter;
      font-size: 22px;
      font-family: "Lora", serif; }
      @media only screen and (max-width: 767px) {
        .footer2__contactBox p {
          margin-left: auto;
          margin-right: auto; } }
      @media only screen and (max-width: 1024px) {
        .footer2__contactBox p {
          font-size: 24px; } }
      @media only screen and (max-width: 1024px) {
        .footer2__contactBox p {
          max-width: 321px; } }
  @media only screen and (min-width: 768px) {
    .footer2__row1 {
      min-height: 300px; } }
  .footer2__newsletterCol {
    margin-bottom: 60px; }
    @media only screen and (min-width: 768px) {
      .footer2__newsletterCol {
        text-align: right; } }
  @media only screen and (min-width: 768px) {
    .footer2__newsletterBox {
      max-width: 443px;
      text-align: left;
      margin-left: auto; } }
  @media only screen and (max-width: 767px) {
    .footer2__newsletterBox {
      max-width: 443px;
      margin-left: auto;
      margin-right: auto;
      float: none !important; }
      .footer2__newsletterBox h4, .footer2__newsletterBox p {
        text-align: center; }
      .footer2__newsletterBox .button {
        float: none !important;
        min-width: 150px; } }
  .footer2__newsletterBox h4 {
    font-style: italic; }
  .footer2__newsletterBox form {
    text-align: left; }
  .footer2__newsletterBox input.mxm-form-text {
    background-color: transparent;
    margin-right: 0;
    padding-left: 30px;
    border: none;
    border-left: 1px solid #986A4C;
    border-bottom: 1px solid #986A4C;
    color: white;
    outline: none;
    box-shadow: none !important; }
    .footer2__newsletterBox input.mxm-form-text::-webkit-input-placeholder {
      color: white;
      opacity: 0.6;
      text-transform: uppercase;
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      letter-spacing: 2px; }
    .footer2__newsletterBox input.mxm-form-text:-moz-placeholder {
      color: white;
      opacity: 0.6;
      text-transform: uppercase;
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      letter-spacing: 2px; }
    .footer2__newsletterBox input.mxm-form-text::-moz-placeholder {
      color: white;
      opacity: 0.6;
      text-transform: uppercase;
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      letter-spacing: 2px; }
    .footer2__newsletterBox input.mxm-form-text:-ms-input-placeholder {
      color: white;
      opacity: 0.6;
      text-transform: uppercase;
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      letter-spacing: 2px; }
    @media only screen and (max-width: 767px) {
      .footer2__newsletterBox input.mxm-form-text {
        width: 100%; } }
  .footer2__newsletterBox p {
    opacity: 0.9; }
  .footer2__newsletterBox input {
    height: 44px !important;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
  .footer2__newsletterBox .button {
    width: 40% !important;
    border-radius: 0; }
  @media only screen and (min-width: 768px) {
    .footer2__mobMenu {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .footer2__mobMenu ul {
      text-align: center;
      display: block;
      padding: 30px; }
      .footer2__mobMenu ul li {
        list-style: none;
        display: inline-block; }
      .footer2__mobMenu ul li {
        width: 100%; }
        .footer2__mobMenu ul li a {
          display: block;
          padding: 8px 0;
          margin: 0;
          font-size: 18px;
          color: #fff;
          opacity: 0.8;
          text-transform: uppercase; }
          .footer2__mobMenu ul li a .current {
            opacity: 1; } }
  .footer2__title {
    color: #986A4C;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.15em; }
    @media only screen and (max-width: 767px) {
      .footer2__title {
        font-size: 18px; } }
  .footer2 p {
    color: white; }
  .footer2 .button {
    color: rgba(255, 255, 255, 0.9);
    border: none;
    font-size: 0.8em;
    background: #986A4C;
    letter-spacing: 2px; }
    .footer2 .button:hover, .footer2 .button:focus {
      color: #fff; }
  .footer2__socialCol {
    margin-bottom: 60px; }
    @media only screen and (max-width: 767px) {
      .footer2__socialCol {
        text-align: center; } }
    .footer2__socialCol .social-icons a {
      height: 62px;
      width: 62px; }
  .footer2__awardCol {
    margin-bottom: 60px; }
    @media only screen and (max-width: 767px) {
      .footer2__awardCol {
        text-align: center; } }
    .footer2__awardCol .logos_19 {
      font-size: 0; }
      @media only screen and (min-width: 768px) {
        .footer2__awardCol .logos_19 {
          max-width: 443px;
          margin-left: auto; } }
      .footer2__awardCol .logos_19 a img {
        width: 25%;
        display: inline-block; }
        @media only screen and (max-width: 400px) {
          .footer2__awardCol .logos_19 a img {
            width: 50%; } }
  @media only screen and (max-width: 767px) {
    .footer2__lower .lowerCol1 {
      text-align: center;
      order: 2;
      margin-bottom: 50px; } }
  @media only screen and (min-width: 767px) and (max-width: 1024px) {
    .footer2__lower .lowerCol1 {
      flex-flow: row wrap;
      min-height: 120px; }
      .footer2__lower .lowerCol1 span {
        width: 100%; }
      .footer2__lower .lowerCol1 span:first-of-type {
        margin: auto auto 0 0; }
      .footer2__lower .lowerCol1 span:last-of-type {
        margin: 0 auto auto 0; } }
  @media only screen and (min-width: 768px) {
    .footer2__lower .lowerCol1 {
      display: flex; }
      .footer2__lower .lowerCol1 span {
        white-space: nowrap;
        line-height: 1.2em;
        padding-right: 10px; } }
  @media only screen and (min-width: 1025px) {
    .footer2__lower .lowerCol1 span {
      margin-top: auto;
      margin-bottom: 0; } }
  @media only screen and (max-width: 400px) {
    .footer2__lower .lowerCol1 span {
      width: 100%;
      display: block;
      line-height: 1.3em; } }
  .footer2__lower .lowerCol2 {
    text-align: center; }
    @media only screen and (min-width: 767px) and (max-width: 1024px) {
      .footer2__lower .lowerCol2 {
        min-height: 120px; } }
    @media only screen and (max-width: 767px) {
      .footer2__lower .lowerCol2 {
        order: 1;
        margin-bottom: 50px; } }
    .footer2__lower .lowerCol2 .vaseSvg {
      width: 120px;
      height: 120px; }
      @media only screen and (min-width: 768px) {
        .footer2__lower .lowerCol2 .vaseSvg {
          position: absolute;
          bottom: 0;
          margin-left: -60px;
          left: 50%; } }
  @media only screen and (max-width: 767px) {
    .footer2__lower .lowerCol3 {
      text-align: center;
      order: 3; }
      .footer2__lower .lowerCol3 .nav-footer {
        margin-right: auto; } }
  @media only screen and (min-width: 767px) and (max-width: 1024px) {
    .footer2__lower .lowerCol3 {
      min-height: 120px;
      display: flex;
      flex-flow: row wrap; }
      .footer2__lower .lowerCol3 .nav-footer {
        margin: auto 0 auto auto !important; } }
  @media only screen and (max-width: 767px) {
    .footer2__lower .row {
      display: flex;
      flex-flow: column nowrap; }
      .footer2__lower .row .columns {
        float: none; } }
  .footer2__lower .nav-footer {
    max-width: 443px;
    margin-left: auto; }
    .footer2__lower .nav-footer #menu-footer-menu {
      display: flex; }
      @media only screen and (min-width: 1025px) {
        .footer2__lower .nav-footer #menu-footer-menu {
          flex-flow: row nowrap; }
          .footer2__lower .nav-footer #menu-footer-menu li {
            flex-grow: 2;
            text-align: left; } }
      @media only screen and (max-width: 1024px) {
        .footer2__lower .nav-footer #menu-footer-menu {
          flex-flow: row wrap; }
          .footer2__lower .nav-footer #menu-footer-menu li {
            width: 50%;
            text-align: center; } }
      @media only screen and (max-width: 400px) {
        .footer2__lower .nav-footer #menu-footer-menu li {
          width: 100%; } }
    .footer2__lower .nav-footer a {
      width: 100%;
      border-left: none;
      padding: 0;
      margin: 0; }
  .footer2__lower a, .footer2__lower span {
    color: #fff;
    font-style: italic;
    opacity: 0.8;
    font-size: 18px; }
  .footer2__lower a:hover {
    opacity: 1; }
  .footer2__logos {
    padding-top: 0.5em; }
    .footer2__logos img {
      float: right;
      margin-left: 3%;
      max-width: 30%; }
    @media only screen and (max-width: 767px) {
      .footer2__logos {
        text-align: center;
        margin-bottom: 0.5rem; }
        .footer2__logos img {
          float: none;
          display: inline-block;
          margin: 0 1%; } }

.icon--linkedin {
  background-image: url("../../_/img/icon-linkedin.svg") !important; }

/**
 * Finally, apply any grid layouts
 */
/*------------------------------------*    $WRAPPER
\*------------------------------------*/
.row {
  max-width: 1280px; }

.display-table {
  display: table;
  width: 100%;
  height: 100%; }
  .display-table__cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
  @media only screen and (max-width: 767px) {
    .offcanvas .display-table {
      display: block;
      width: 100%; }
      .offcanvas .display-table__cell {
        display: block;
        width: 100%; } }

.alignleft {
  float: left;
  margin-right: 1em;
  margin-bottom: 0.5em;
  max-width: 50%; }

.alignright {
  float: right;
  margin-left: 1em;
  margin-bottom: 0.5em;
  max-width: 50%; }

.header-offset {
  padding-top: 100px; }
  @media only screen and (max-width: 767px) {
    .header-offset {
      padding-top: 65px; } }

.content-rows .slab {
  margin-bottom: 3em; }

.post-list--no-tax {
  padding-top: 3em; }

body.body--page-template-t-10-booking-table .main-content {
  padding-top: 170px; }
  @media only screen and (max-width: 1000px) {
    body.body--page-template-t-10-booking-table .main-content {
      padding-top: 100px; } }
  @media only screen and (max-width: 767px) {
    body.body--page-template-t-10-booking-table .main-content {
      padding-top: 65px; } }

/**
 * The shame file
 * Any hacks / bodges / quick fixes / nasty code goes in here
 * See: http://csswizardry.com/2013/04/shame-css/
 */
/*------------------------------------*    $SHAME
\*------------------------------------*/
/**
 * Example: Nav specificity fix.
 *
 * Someone used an ID in the header code (`#header a {}`) which trumps the
 * nav selectors (`.site-nav a {}`). Use !important to override it until I
 * have time to refactor the header stuff.
 */
/**
 * Temporaraly hide the language switcher as there isn't currently any translated content.
 */
.language-switcher {
  display: none !important; }

/*Jarrang*/
#site-breadcrumbs #breadcrumbs {
  text-align: center;
  font-size: 0.7em;
  padding-top: 20px;
  margin: 0;
  color: #666666;
  font-weight: normal;
  font-family: 'Arial', sans-serif; }
  #site-breadcrumbs #breadcrumbs a {
    text-decoration: underline; }

.spa-day-grid .body-wrap {
  padding-top: 20px; }

.body--home .lede__title {
  /*padding-top: 1.5em;*/
  text-align: center;
  color: #987054; }

.jarrang-form input[type="text"] {
  width: 60%;
  margin-right: 2%;
  float: left; }

.jarrang-form input[type="submit"] {
  width: 35%;
  height: 33px;
  float: right; }

@media only screen and (max-width: 767px) {
  .jarrang-form input[type="text"] {
    width: 100%;
    display: block; }
  .jarrang-form input[type="submit"] {
    height: 100%;
    width: 100%;
    display: block; } }

#overlay {
  top: -100px !important; }

#lightbox {
  top: -80px !important; }

@media only screen and (max-width: 753px) {
  #overlay {
    top: 0px !important; }
  #lightbox {
    top: 20px !important; } }

/*Recipes*/
.recipe-info h3 {
  color: #986A4C; }

.recipe-info ul ol, .recipe-info .recipe-info ol {
  padding-left: 15px; }

.serves p {
  text-align: center;
  font-size: 20px;
  color: #986A4C !important;
  margin: 0; }

/*Nav*/
@media only screen and (max-width: 1000px) {
  section.navigation {
    display: none; }
  .header__book {
    display: block !important; }
  .header__button {
    display: block !important; } }

section.navigation {
  display: block;
  background-color: #faf3ef;
  margin-top: 20px;
  border-top: 1px solid #986A4C;
  border-bottom: 1px solid #986A4C; }
  @media only screen and (max-width: 1000px) {
    section.navigation {
      display: none; } }

#menu-nested-pages {
  width: 100%;
  list-style-type: none;
  display: block;
  text-align: center;
  margin: 0 auto 0 auto; }
  @media only screen and (max-width: 1300px) {
    #menu-nested-pages {
      margin: auto; } }
  #menu-nested-pages li {
    display: inline-block;
    margin-right: 2.5em;
    text-align: center;
    position: relative;
    line-height: 47px;
    text-transform: uppercase;
    font-size: 15px; }
    #menu-nested-pages li:hover .sub-menu {
      opacity: 1;
      visibility: visible; }
    @media only screen and (max-width: 1300px) {
      #menu-nested-pages li {
        font-size: 13px;
        margin-right: 1.5em; } }
    #menu-nested-pages li:last-child {
      margin: 0; }
  #menu-nested-pages .sub-menu {
    z-index: 50;
    visibility: hidden;
    opacity: 0;
    transition-duration: 0.2s;
    position: absolute;
    display: block;
    list-style-type: none;
    text-align: center;
    width: 220px;
    margin: 0px 0px 0px -110px;
    left: 50%;
    background-color: #fff;
    border-top: 1px solid #986A4C;
    border-right: 1px solid #986A4C;
    border-left: 1px solid #986A4C; }
    #menu-nested-pages .sub-menu li {
      display: block;
      font-size: 13px;
      border-bottom: 1px solid #986A4C;
      margin-right: 0em;
      transition-duration: 0.3s; }
      #menu-nested-pages .sub-menu li:hover {
        background-color: #faf3ef; }
      @media only screen and (max-width: 1200px) {
        #menu-nested-pages .sub-menu li {
          font-size: 13px;
          padding: 2px; } }

/*Header Overrides*/
.book-button-header {
  border: 1px solid #986A4C;
  padding: 15px 20px; }

.booking-bar {
  border-bottom: 1px solid #986A4C; }