@charset "UTF-8";
/* ===============================================
		CONFIG MODULES
===============================================	*/
/* ===============================================
		Fonts Families

		- Set font display rules in Mixins
===============================================	*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3ade07");
@font-face {
  font-family: 'WindsorD-Bol';
  src: url("../fonts/3ADE07_0_0.eot");
  src: url("../fonts/3ADE07_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/3ADE07_0_0.woff2") format("woff2"), url("../fonts/3ADE07_0_0.woff") format("woff"), url("../fonts/3ADE07_0_0.ttf") format("truetype"); }

/* ===============================================
		Font Sizes & Weights
===============================================	*/
/* ===============================================
		Colors
===============================================	*/
/* ===============================================
		Break Points
===============================================	*/
/* ===============================================
		Spacing 
===============================================	*/
/* ===============================================
    Transition
=============================================== */
/* ===============================================
    Grid
=============================================== */
/* ===============================================
    Form Inputs
=============================================== */
/* ===============================================
    Button
=============================================== */
/* ===============================================
		Flexbox
		@include flexbox(row, $mobile);
===============================================	*/
/* ===============================================
		Row Machine
		@include rowMachine(3,5%,$mobile);
===============================================	*/
/* ===============================================
    Responsive Font Size
    @include font-size(12px, 18px); 

    Will scale fronts between the range 12px to 18px
=============================================== */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
main,
nav,
section,
cite {
  display: block; }

html {
  height: 100%; }

body {
  line-height: 1;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: none; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none; }

*,
*:after,
*:before {
  min-height: 0;
  min-width: 0;
  box-sizing: border-box; }

/* ===============================================
 		Restore Google Maps Images
 ===============================================	*/
.google-maps-link {
  max-width: 100%; }

.gmnoprint img {
  max-width: none;
  z-index: 9999; }

/* ===============================================
		Wordpress admin
===============================================	*/
#wpadminbar #wp-admin-bar-my-account.with-avatar > a img,
#wp-admin-bar-user-info .avatar {
  min-width: 0px; }

/* ===============================================
		Group Clearfix
===============================================	*/
.group:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.group {
  display: inline-block; }

/* start commented backslash hack \*/
* html .group {
  height: 1%; }

.group {
  display: block; }

/* ===============================================
		No Script 
===============================================	*/
.no-js [data-srcset] {
  display: none; }

#noscript-warning {
  position: fixed;
  top: 150px;
  width: 30%;
  max-width: 450px;
  background: #000000;
  color: #fff;
  padding-top: 2em;
  padding-bottom: 2em;
  text-align: center;
  z-index: 0;
  line-height: 24px;
  padding-left: 1em;
  padding-right: 1em; }
  @media (max-width: 415px) {
    #noscript-warning {
      display: none; } }

/* Global Styles */
html {
  font-size: 10px; }

@media (min-width: 767px) and (max-width: 1420px) {
  html {
    font-size: calc(10px + 6 * (100vw - 767px) / 653); } }

@media (min-width: 1420px) {
  html {
    font-size: 16px; } }

@media (max-width: 767px) {
  html {
    font-size: 16px; } }

html,
body {
  font-family: proxima-nova, sans-serif;
  line-height: 1.4;
  fill: currentColor; }
  @media (max-width: 415px) {
    html,
    body {
      overflow-x: hidden; } }

body {
  color: #000000;
  background: #fff;
  overflow-y: scroll;
  overflow-x: hidden;
  max-width: 100vw;
  position: relative; }

.btn a,
.tiny-mce-btn {
  cursor: pointer;
  color: currentColor;
  background: transparent;
  display: inline-block;
  padding: 1rem 1.66rem;
  line-height: .8125rem;
  font-size: .8125rem;
  vertical-align: text-bottom;
  border: 2px solid;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-appearance: none;
  text-transform: uppercase;
  border-radius: 50em;
  text-shadow: none;
  color: inherit; }
  .btn a:hover,
  .tiny-mce-btn:hover {
    box-shadow: 2px 3px 1px currentColor; }
  .btn a:active,
  .tiny-mce-btn:active {
    box-shadow: 2px 1px 1px currentColor; }
  .btn a:focus,
  .tiny-mce-btn:focus {
    box-shadow: 2px 3px 1px currentColor; }

button {
  background: transparent;
  -webkit-appearance: none;
  color: currentColor;
  border: none;
  padding: 0;
  text-align: left;
  outline: none;
  font-size: inherit;
  font-family: inherit; }
  button:focus {
    background: none; }

button.btn {
  cursor: pointer;
  color: currentColor;
  background: transparent;
  display: inline-block;
  padding: 1rem 1.66rem;
  line-height: .8125rem;
  font-size: .8125rem;
  vertical-align: text-bottom;
  border: 2px solid;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-appearance: none;
  text-transform: uppercase;
  border-radius: 50em;
  text-shadow: none;
  color: inherit; }
  button.btn:hover {
    box-shadow: 2px 3px 1px currentColor; }
  button.btn:active {
    box-shadow: 2px 1px 1px currentColor; }
  button.btn:focus {
    box-shadow: 2px 3px 1px currentColor; }

a {
  text-decoration: none;
  color: inherit; }

a:focus {
  outline: none; }

img {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain; }

svg {
  width: 100%; }

figure.image {
  font-size: 0; }

/* ===============================================
		Responsive helper classes. 
===============================================	*/
@media (max-width: 767px) {
  .large-screen {
    display: none; } }

@media (min-width: 767px) {
  .small-screen {
    display: none !important; } }

.touch-screen {
  display: none; }

@media (hover: none) and (pointer: coarse) {
  .touch-screen {
    display: block; } }

/* ===============================================
    Buttons
=============================================== */
/* ===============================================
		js classes
===============================================	*/
.visually_hidden {
  opacity: 0;
  visibility: hidden; }

/* ===============================================
		Overflows
===============================================	*/
.overflow-x {
  overflow-x: visible; }

/* ===============================================
		IE WARNING
===============================================	*/
.ie-warning {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  min-height: 150px;
  padding: 20px;
  background: red;
  color: white;
  z-index: 9999; }
  .ie-warning h1 {
    font-size: 22px; }

abbr {
  border-bottom: none;
  text-decoration: none; }

.title,
.sub-title {
  font-family: "WindsorD-Bol"; }

.text-title {
  font-weight: 700; }

/* ===============================================
    Titles & Text Styles
=============================================== */
.text-container p + p:not(.btn),
.text-container ul + p,
.text-container ol + p,
.summary p + p:not(.btn),
.summary ul + p,
.summary ol + p {
  padding-top: 1.4em; }

.text-container p + .btn,
.summary p + .btn {
  margin-top: 1.4em; }

.text-container.text-columns p + p,
.text-container.text-columns ul + p,
.text-container.text-columns ol + p {
  padding-top: 0; }

.text-container.text-columns p {
  padding-bottom: 1.4em; }

.text-container.text-columns p:last-child:after {
  content: '';
  display: block;
  height: 2em; }

.close-icon {
  fill: #000000;
  width: 1rem; }

.radio-button .check {
  fill: lightcoral; }

.radio-button .border {
  fill: lightblue; }

/* ===============================================
    Intro
=============================================== */
.intro-left {
  background: #f1d3bd;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center; }
  .intro-left .graphic-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 50%; }

.logo-container {
  max-width: 21.25rem;
  margin: 0 auto; }

.intro-right .image {
  min-height: 100vh;
  height: 100vh;
  padding-bottom: 0; }

/* ===============================================
    About
=============================================== */
.image-container__good-times {
  height: 100vh;
  position: relative;
  background: #fff;
  padding: 5rem; }
  .image-container__good-times .image {
    height: 100%;
    padding-bottom: 0; }

.seal-of-approval {
  position: absolute;
  bottom: 16.25rem;
  right: 3.4rem;
  z-index: 3;
  width: 10rem; }

.good-times-content {
  background: #15254b;
  color: #fff; }
  .good-times-content .content-container {
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    padding-right: 15%;
    padding-left: 5rem; }
  .good-times-content .text-container {
    max-width: 26.875rem;
    font-size: 0.875rem; }
  .good-times-content .title {
    font-size: 3.125rem;
    line-height: 1;
    color: #CA7028;
    padding-top: 0.75em;
    padding-bottom: 1em; }
  .good-times-content .opening-hours {
    padding-top: 1rem;
    font-size: 0.875rem; }

.long-live-mrs-brown {
  width: 10.375rem; }

/* ===============================================
    Get in Touch
=============================================== */
.get-in-touch-left {
  background: #22504c;
  position: relative;
  color: #fff;
  padding: 0rem 5rem;
  font-size: 0.875rem; }
  .get-in-touch-left .sub-title {
    font-size: 1.125rem;
    color: #CA7028; }
  .get-in-touch-left .title {
    font-size: 3.125rem;
    line-height: 1;
    color: #CA7028;
    padding-top: 0.75em;
    padding-bottom: 1em; }
  .get-in-touch-left .location {
    padding-bottom: 1rem; }

.mrs-brown-location-map {
  width: 21.125rem;
  display: block;
  margin: 1rem 0; }

.social-media-icons {
  padding-top: 1rem; }
  .social-media-icons li {
    display: inline-block; }

.get-in-touch-right {
  position: relative;
  overflow: hidden; }
  .get-in-touch-right .image {
    min-height: 100vh;
    padding-bottom: 0; }

.slides-container {
  max-width: 50vw;
  max-height: 100vh;
  overflow: hidden;
  position: relative; }

/* ===============================================
    Section Footer
=============================================== */
.section-footer {
  position: absolute;
  bottom: 1.5rem;
  left: 5rem;
  right: 2rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  color: #CA7028; }
  @media (min-width: 767px) and (max-height: 800px) {
    .section-footer {
      bottom: 1.5rem; } }
  .section-footer .title {
    font-size: 1rem; }
  .section-footer .crown {
    width: 2.75rem;
    fill: #CA7028;
    margin-left: auto; }

.crown {
  width: 2.75rem;
  fill: #CA7028;
  margin-left: auto; }

.footer-navigation {
  color: #fff; }
  .footer-navigation a:not(:last-of-type):after {
    content: " • "; }

/* ===============================================
    Layouts SmallScreen.
=============================================== */
.mrsbrownbar--small-screen {
  display: grid;
  grid-template-columns: 8% 1fr 8%;
  grid-template-rows: 110vw 60vw 60vw auto 142vw auto;
  background: #fff; }

.home-intro-background--small-screen {
  grid-column: 1/4;
  grid-row: 1/3;
  background: #f1d3bd;
  z-index: 1; }

.logo-container--small-screen {
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 2;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center; }
  .logo-container--small-screen .mrs-borwn-bar-logo {
    max-width: 80%; }

.intro-image--small-screen {
  grid-column: 2/3;
  grid-row: 2/4;
  z-index: 2; }

.good-times-background--small-screeen {
  grid-column: 1/4;
  grid-row: 3/5;
  z-index: 1;
  background: #15254b;
  position: relative; }

.content-container--small-screen {
  grid-column: 2/3;
  grid-row: 4/5;
  color: #fff;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  z-index: 2; }
  .content-container--small-screen .title {
    color: #CA7028;
    font-size: 2.6rem;
    line-height: 1.2;
    padding: 0.5em 0 1em; }
  .content-container--small-screen .sub-title {
    color: #CA7028;
    font-size: 1.2rem;
    padding-top: 2rem; }
  .content-container--small-screen .opening-hours {
    padding: 1rem 0; }

.image-container__good-times--small-screen {
  padding: 8%;
  grid-column: 1/4;
  grid-row: 5/6;
  z-index: 2;
  position: relative; }
  .image-container__good-times--small-screen .image {
    min-height: 100%; }
  .image-container__good-times--small-screen .seal-of-approval {
    position: absolute;
    bottom: 8rem;
    right: 1rem;
    z-index: 4;
    max-width: 7rem; }

.get-in-touch--small-screen {
  grid-column: 1/4;
  grid-row: 6/7;
  background: #22504c;
  color: #fff;
  padding: 2.5rem 8%; }
  .get-in-touch--small-screen .title {
    color: #CA7028;
    font-size: 2.6rem;
    line-height: 1.2;
    padding: 0.5em 0 1em; }
  .get-in-touch--small-screen .sub-title {
    color: #CA7028;
    font-size: 1.2rem;
    padding-top: 2rem; }

.footer-navigation--small-screen {
  background: #fff;
  color: #000000;
  padding: 1rem 8%;
  text-align: center;
  font-size: 12px; }
  .footer-navigation--small-screen a:not(:last-of-type):after {
    content: " • "; }

/*!
 * multiscroll.js 0.2.2
 * https://github.com/alvarotrigo/multiscroll.js
 * @license MIT licensed
 *
 * Copyright (C) 2016 alvarotrigo.com - A project by Alvaro Trigo
 */
@media (min-width: 767px) {
  html,
  body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .ms-section {
    position: relative;
    box-sizing: border-box; }
  .ms-section.ms-table {
    display: table;
    width: 100%; }
  .ms-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%; }
  .ms-easing {
    -webkit-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out; }
  #multiscroll-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1; }
  #multiscroll-nav.right {
    right: 17px; }
  #multiscroll-nav.left {
    left: 17px; }
  #multiscroll-nav ul {
    margin: 0;
    padding: 0; }
  #multiscroll-nav li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative; }
  #multiscroll-nav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none; }
  #multiscroll-nav li .active span {
    background: #333; }
  #multiscroll-nav span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 1; }
  .multiscroll-tooltip {
    position: absolute;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    top: -2px;
    white-space: nowrap;
    max-width: 220px; }
  .multiscroll-tooltip.right {
    right: 20px; }
  .multiscroll-tooltip.left {
    left: 20px; }
  .ms-responsive .ms-hide {
    display: none; }
  .ms-scrollable {
    overflow: hidden;
    position: relative; }
  .ms-scroller {
    overflow: hidden; }
  .iScrollIndicator {
    border: 0 !important; } }

/*
     _ _      _       _
 ___| (_) ___| | __  (_)___
/ __| | |/ __| |/ /  | / __|
\__ \ | | (__|   < _ | \__ \
|___/_|_|\___|_|\_(_)/ |___/
                   |__/

 Version: 1.6.0
  Author: Ken Wheeler
 Website: http://kenwheeler.github.io
    Docs: http://kenwheeler.github.io/slick
    Repo: http://github.com/kenwheeler/slick
  Issues: http://github.com/kenwheeler/slick/issues

 */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: visible;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-active:focus,
.slick-slide:focus {
  outline: 0; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.post-previews--prev,
.post-previews--next {
  fill: #CA7028;
  cursor: pointer;
  width: 66px; }
  .post-previews--prev:hover,
  .post-previews--next:hover {
    fill: #b69588; }

.slides {
  position: relative; }

.slick-dots {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 2rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center; }
  .slick-dots li {
    padding: 0 .125rem; }
  .slick-dots button {
    background: transparent;
    -webkit-appearance: none;
    color: currentColor;
    border: none;
    padding: 0;
    text-align: left;
    outline: none;
    font-size: inherit;
    font-family: inherit;
    height: .8rem;
    width: .8rem;
    font-size: 1px;
    border-radius: 100%;
    background: #fff;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .slick-dots button:focus {
      background: none; }
    .slick-dots button:hover, .slick-dots button:focus {
      background: #CA7028;
      color: #CA7028; }

.slick-active button {
  background: #CA7028; }

.page-container {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }

.navigation-tray-visible .page-container {
  -webkit-transform: translateX(-25vw);
          transform: translateX(-25vw); }

.page-header {
  position: fixed;
  background: #000000;
  color: #fff;
  width: 30vw;
  padding-left: 7vw;
  top: 0;
  right: 0;
  bottom: 0;
  padding-top: 10rem; }
  .page-header .location {
    padding-bottom: 1rem; }
  .page-header hr {
    width: 3rem;
    text-align: left;
    margin: 0 0 2rem; }
  .page-header .opening-hours {
    padding-bottom: 2rem; }

.navigation {
  font-size: 2rem;
  font-family: "WindsorD-Bol";
  padding-bottom: 2em; }
  .navigation .active {
    color: #CA7028; }

@media (max-width: 767px) {
  .page-header {
    width: 100%;
    position: fixed;
    background: #000000;
    color: #fff;
    padding-left: 7vw;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 4rem;
    z-index: 10;
    opacity: 0;
    -webkit-transform: translateY(-100vh);
            transform: translateY(-100vh);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .navigation-tray-visible .page-header {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .page-container {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
  .navigation-tray-visible .page-container {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .navigation {
    padding-bottom: 1rem; } }

/* ===============================================
    Navigation Icon
=============================================== */
.navigation-icon {
  height: 2rem;
  width: 2rem;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border: none;
  z-index: 12;
  pointer-events: all;
  display: block;
  position: absolute;
  right: 2rem;
  top: 2rem;
  cursor: pointer; }
  @media (max-width: 767px) {
    .navigation-icon {
      position: fixed; } }
  .navigation-icon:focus {
    outline: none; }
  .navigation-icon span {
    display: block;
    border-radius: 2px;
    position: absolute;
    height: 2px;
    width: 2rem;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out; }
    .navigation-icon span:nth-child(1) {
      top: 0; }
    .navigation-icon span:nth-child(2) {
      top: 6px; }
    .navigation-icon span:nth-child(3) {
      top: 12px; }
    .navigation-icon span:nth-child(4) {
      top: 18px; }
  .navigation-icon.open span {
    background: #fff; }
    .navigation-icon.open span:nth-child(1) {
      top: 18px;
      width: 0;
      left: 50%; }
    .navigation-icon.open span:nth-child(2) {
      top: 12px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .navigation-icon.open span:nth-child(3) {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      top: 12px; }
    .navigation-icon.open span:nth-child(4) {
      top: 18px;
      width: 0;
      left: 50%; }

/* ===============================================
		Modules
===============================================	*/
/* ===============================================
	 Posts
=============================================== */
.gallery {
  padding-bottom: 1rem;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr; }
  .gallery .gallery-item {
    grid-column: span 1; }
  .gallery img {
    width: 100%; }

.gallery-columns-1 {
  /* the slides */
  /* the parent */ }
  .gallery-columns-1 .slick-slide {
    margin: 0 .5rem; }

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr); }

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr); }

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr); }

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr); }

img.size-full {
  width: 100%; }

.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.single-post__content h1,
.single-post__content h2,
.single-post__content h3,
.single-post__content h4,
.single-post__content h5 {
  font-size: 1.5rem;
  padding-bottom: 1rem;
  padding-top: 1em; }

.wysiwyg ul,
.single-post__content ul {
  font-size: 1.125rem;
  padding-bottom: 1em;
  list-style-type: disc;
  list-style-position: inside; }
  .wysiwyg ul ul,
  .single-post__content ul ul {
    padding-left: 1em;
    padding-top: 0; }

.wysiwyg ol,
.single-post__content ol {
  list-style-type: none; }

.wysiwyg p,
.single-post__content p {
  font-size: 1.125rem;
  padding-bottom: 1rem; }

.wysiwyg a,
.single-post__content a {
  text-decoration: underline; }
  .wysiwyg a:hover,
  .single-post__content a:hover {
    color: #CA7028; }

.wysiwyg .wp-caption-text,
.single-post__content .wp-caption-text {
  color: #abacad;
  font-size: .875rem;
  padding-top: 1rem; }

/* ===============================================
		Partials
===============================================	*/
.accordion-container:last-of-type {
  border-bottom: 1px solid;
  padding-bottom: 1rem; }

.accordion-toggle-icon {
  width: 1rem;
  fill: #CA7028; }

.accordion-title {
  background: transparent;
  -webkit-appearance: none;
  color: currentColor;
  border: none;
  padding: 0;
  text-align: left;
  outline: none;
  font-size: inherit;
  font-family: inherit;
  border-top: 1px solid;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  width: 100%;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  padding-top: 1rem;
  margin-top: 1rem;
  cursor: pointer; }
  .accordion-title:focus {
    background: none; }

.accordion-title.active .accordion-toggle-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.accordion-content {
  display: none;
  padding-top: 1rem; }

.animate-load {
  opacity: 0;
  -webkit-transition: opacity .6s ease-in-out, -webkit-transform 1s ease-in-out;
  transition: opacity .6s ease-in-out, -webkit-transform 1s ease-in-out;
  transition: opacity .6s ease-in-out, transform 1s ease-in-out;
  transition: opacity .6s ease-in-out, transform 1s ease-in-out, -webkit-transform 1s ease-in-out; }

.animate-transform {
  -webkit-transform: translate(-0.5rem, -0.5rem) scale(1);
          transform: translate(-0.5rem, -0.5rem) scale(1); }

.view-detected.animate-load {
  opacity: 1;
  -webkit-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1); }

/* ===============================================
  opacity    
=============================================== */
.load-delay--01,
.load-delay--1 {
  -webkit-transition-delay: .2s;
          transition-delay: .2s; }

.load-delay--02,
.load-delay--2 {
  -webkit-transition-delay: .4s;
          transition-delay: .4s; }

.load-delay--03,
.load-delay--3 {
  -webkit-transition-delay: .6s;
          transition-delay: .6s; }

.load-delay--04,
.load-delay--4 {
  -webkit-transition-delay: .8s;
          transition-delay: .8s; }

.load-delay--05,
.load-delay--5 {
  -webkit-transition-delay: 1.0s;
          transition-delay: 1.0s; }

.load-delay--06,
.load-delay--6 {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s; }

.load-delay--07,
.load-delay--7 {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s; }

.load-delay--08,
.load-delay--8 {
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s; }

.load-delay--09,
.load-delay--9 {
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s; }

.load-delay--10 {
  -webkit-transition-delay: 2s;
          transition-delay: 2s; }

.load-delay--11 {
  -webkit-transition-delay: 2.2s;
          transition-delay: 2.2s; }

.load-delay--12 {
  -webkit-transition-delay: 2.4s;
          transition-delay: 2.4s; }

.load-delay--13 {
  -webkit-transition-delay: 2.6s;
          transition-delay: 2.6s; }

.load-delay--14 {
  -webkit-transition-delay: 2.8s;
          transition-delay: 2.8s; }

.load-delay--15 {
  -webkit-transition-delay: 3.0s;
          transition-delay: 3.0s; }

.load-delay--16 {
  -webkit-transition-delay: 3.2s;
          transition-delay: 3.2s; }

.load-delay--17 {
  -webkit-transition-delay: 3.4s;
          transition-delay: 3.4s; }

.load-delay--18 {
  -webkit-transition-delay: 3.6s;
          transition-delay: 3.6s; }

.load-delay--19 {
  -webkit-transition-delay: 3.8s;
          transition-delay: 3.8s; }

.load-delay--20 {
  -webkit-transition-delay: 4s;
          transition-delay: 4s; }

.load-delay--21 {
  -webkit-transition-delay: 4.2s;
          transition-delay: 4.2s; }

.load-delay--22 {
  -webkit-transition-delay: 4.4s;
          transition-delay: 4.4s; }

.load-delay--23 {
  -webkit-transition-delay: 4.6s;
          transition-delay: 4.6s; }

.load-delay--24 {
  -webkit-transition-delay: 4.8s;
          transition-delay: 4.8s; }

.load-delay--25 {
  -webkit-transition-delay: 5.0s;
          transition-delay: 5.0s; }

.load-delay--26 {
  -webkit-transition-delay: 5.2s;
          transition-delay: 5.2s; }

.load-delay--27 {
  -webkit-transition-delay: 5.4s;
          transition-delay: 5.4s; }

.load-delay--28 {
  -webkit-transition-delay: 5.6s;
          transition-delay: 5.6s; }

.load-delay--29 {
  -webkit-transition-delay: 5.8s;
          transition-delay: 5.8s; }

.load-delay--30 {
  -webkit-transition-delay: 6s;
          transition-delay: 6s; }

/* ===============================================
    Transform
=============================================== */
.load-move--up {
  -webkit-transform: translate(0, 10px);
          transform: translate(0, 10px); }

.load-move--down {
  -webkit-transform: translate(0, -10px);
          transform: translate(0, -10px); }

.load-move--left {
  -webkit-transform: translate(10px, 0px);
          transform: translate(10px, 0px); }

.load-move--right {
  -webkit-transform: translate(-10px, 0px);
          transform: translate(-10px, 0px); }

.load-move--up-left {
  -webkit-transform: translate(10px, 10px);
          transform: translate(10px, 10px); }

.load-move--up-right {
  -webkit-transform: translate(-10px, 10px);
          transform: translate(-10px, 10px); }

.load-move--down-left {
  -webkit-transform: translate(10px, -10px);
          transform: translate(10px, -10px); }

.load-move--down-right {
  -webkit-transform: translate(-10px, -10px);
          transform: translate(-10px, -10px); }

/* ===============================================
    Scale 
=============================================== */
.load-scale--up {
  -webkit-transform: scale(0.8);
          transform: scale(0.8); }

.load-scale--down {
  -webkit-transform: scale(1.6);
          transform: scale(1.6); }

.input::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
  font-family: proxima-nova, sans-serif;
  -webkit-transition: color .5s ease-in;
  transition: color .5s ease-in;
  font-size: 1rem; }
  .input::-webkit-input-placeholder:focus {
    color: #fff; }

.input:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
  font-family: proxima-nova, sans-serif;
  -webkit-transition: color .5s ease-in;
  transition: color .5s ease-in;
  font-size: 1rem; }
  .input:-ms-input-placeholder:focus {
    color: #fff; }

.input:-moz-placeholder {
  color: inherit;
  opacity: 1;
  font-family: proxima-nova, sans-serif;
  -webkit-transition: color .5s ease-in;
  transition: color .5s ease-in;
  font-size: 1rem; }
  .input:-moz-placeholder:focus {
    color: #fff; }

.input::-moz-placeholder {
  color: inherit;
  opacity: 1;
  font-family: proxima-nova, sans-serif;
  -webkit-transition: color .5s ease-in;
  transition: color .5s ease-in;
  font-size: 1rem; }
  .input::-moz-placeholder:focus {
    color: #fff; }

/* ===============================================
		Autofill 
===============================================	*/
/* This overides the google autofill background yellow styling. Puts a white box shadow over it */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px lightgrey inset; }

/* ===============================================
		Form Defaults
===============================================	*/
.input__label {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  margin-bottom: 1rem;
  font-family: proxima-nova, sans-serif; }
  .input__label span {
    font-size: 0;
    padding-right: 1em;
    -webkit-transition: font-size 0.3s ease-in-out;
    transition: font-size 0.3s ease-in-out; }
  .input__label .input_label--always-visible {
    font-size: 1rem;
    -webkit-box-flex: 1;
            flex: 1; }

.input__label--checkbox {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center; }
  .input__label--checkbox span {
    -webkit-box-flex: 1;
            flex: 1;
    padding-left: 1rem; }
  .input__label--checkbox a {
    color: #CA7028; }

.input:focus + span {
  font-size: 1rem; }

.input,
.input--text-area,
.input-text {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border-radius: 0;
  border: 1px solid #CA7028;
  background: #fff;
  font-family: proxima-nova, sans-serif;
  padding: .88rem 1.66rem;
  line-height: 1;
  font-size: 1rem;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-box-flex: 3;
          flex: 3; }
  .input:focus,
  .input--text-area:focus,
  .input-text:focus {
    outline: none; }

.input--select {
  border: 1px solid #CA7028;
  border-radius: 0;
  background: #fff;
  font-size: 1rem;
  width: 100%;
  padding: .88rem 1.66rem;
  color: #8c8c8c; }
  .input--select option:first-of-type {
    color: #595959; }
  .input--select option:hover,
  .input--select option:checked {
    color: #000000; }

/* ===============================================
	Text Area
=============================================== */
.input--text-area {
  resize: vertical;
  min-height: 6rem; }

/* ===============================================
		Radion Button 
=============================================== */
.radio__container {
  font-size: 1rem;
  padding-bottom: 1rem; }

.input--radio-option {
  display: block;
  margin-top: .4rem;
  margin-bottom: .4rem; }

.input--radio-option-label {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center;
  background: #fff;
  padding: .2rem 0;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.radio__button {
  display: none; }

.radio__button:hover + .input--radio-option-label {
  cursor: pointer; }
  .radio__button:hover + .input--radio-option-label .radio-button-icon {
    fill: #ecc19f; }

.radio__button:checked + .input--radio-option-label .radio-button-icon {
  fill: #CA7028; }

.radio-button-icon {
  width: 1rem;
  fill: #fff;
  margin-right: 1rem; }

#radio-button-icon-border {
  fill: #CA7028; }

.radio__button:checked + .input--radio-option-label .radio-button-icon #radio-button-icon-check {
  fill: #CA7028; }

.input--radio-option {
  outline: none; }

/* ===============================================
		Error 
===============================================	*/
.error::-webkit-input-placeholder,
.error:-moz-placeholder,
.error::-moz-placeholder,
error:-ms-input-placeholder {
  color: #cc0000; }

/* ===============================================
		Button 
=============================================== */
.button-container .required {
  float: left; }

.button-container .form_submit_button {
  float: right; }

.form_submit_button {
  cursor: pointer;
  color: currentColor;
  background: transparent;
  display: inline-block;
  padding: 1rem 1.66rem;
  line-height: .8125rem;
  font-size: .8125rem;
  vertical-align: text-bottom;
  border: 2px solid;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-appearance: none;
  text-transform: uppercase;
  border-radius: 50em;
  text-shadow: none;
  color: inherit; }
  .form_submit_button:hover {
    box-shadow: 2px 3px 1px currentColor; }
  .form_submit_button:active {
    box-shadow: 2px 1px 1px currentColor; }
  .form_submit_button:focus {
    box-shadow: 2px 3px 1px currentColor; }

/* ===============================================
    Image Proportions / Ratios
=============================================== */
.image--image__square {
  padding-bottom: 100%; }

.image--image__portrait {
  padding-bottom: 125%; }

.image--image__landscape {
  padding-bottom: 68%; }

.image--image__panorama {
  padding-bottom: 24%; }

/* ===============================================
		Background Image
===============================================	*/
.image {
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1; }

.background-size--cover {
  background-size: cover; }

.background-size--contain {
  background-size: contain; }

/* ===============================================
		CMS Helper Functions
===============================================	*/
.background-position--center--top {
  background-position: center top; }

.background-position--left--top {
  background-position: left top; }

.background-position--right--top {
  background-position: right top; }

.background-position--left--center {
  background-position: left center; }

.background-position--center--center {
  background-position: center center; }

.background-position--right--center {
  background-position: right center; }

.background-position--left--bottom {
  background-position: left bottom; }

.background-position--center--bottom {
  background-position: center bottom; }

.background-position--right--botton {
  background-position: right bottom; }

.module--bookings-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 20;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  padding-top: 4em; }
  .module--bookings-modal .module-content {
    background: #CA7028;
    border: 25px solid #fff;
    padding: 25px;
    position: relative;
    max-width: 500px;
    width: 40vw; }
    @media (max-width: 767px) {
      .module--bookings-modal .module-content {
        width: 80vw;
        font-size: 14px; } }
  .module--bookings-modal .title {
    text-align: center;
    color: #fff;
    font-size: 36px;
    line-height: 1.16;
    padding-bottom: .5em; }
    @media (max-width: 767px) {
      .module--bookings-modal .title {
        text-align: left; } }

.bookings_visible {
  overflow: hidden; }
  .bookings_visible .module--bookings-modal {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    padding-top: 0; }

.close-modal-button {
  stroke: #fff;
  width: 44px;
  height: 44px;
  position: absolute;
  top: -70px;
  right: -70px; }
  @media (max-width: 767px) {
    .close-modal-button {
      height: 30px;
      width: 30px;
      right: -22px; } }

.module-content {
  position: relative; }

.overlay-container {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-columns: auto 1rem repeat(12, 96.6666666667px) 1rem auto;
  grid-gap: 0;
  box-sizing: content-box; }
  @media (max-width: 1420px) {
    .overlay-container {
      grid-template-columns: 8% 1rem repeat(12, 1fr) 1rem 8%; } }
  .overlay-container .overlay-content {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center; }
  .overlay-container .overlay-alignment--left {
    grid-column: 3/7; }
  .overlay-container .overlay-alignment--center {
    grid-column: 7/12; }
  .overlay-container .overlay-alignment--right {
    grid-column: 11/15; }

/* ===============================================
    Overlay Positioning
=============================================== */
.overlay-position--top {
  -webkit-box-pack: start;
          justify-content: flex-start; }

.overlay-position--center {
  -webkit-box-pack: center;
          justify-content: center; }

.overlay-position--bottom {
  -webkit-box-pack: end;
          justify-content: flex-end; }

.social-media-icons .social-icon {
  width: 2rem; }

.social-icon {
  fill: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }
  .social-icon:hover {
    fill: #CA7028; }