/*
Theme Name: Millbridge
Author: Adam Allaker
*/
@font-face {
  font-family: 'quentinregular';
  src: url("quentin-webfont.woff2") format("woff2"), url("quentin-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'gabriela_stencilregular';
  src: url("gabriela-stencil-webfont.woff2") format("woff2"), url("gabriela-stencil-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
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, 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;
  width: auto;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
  text-decoration: none;
  font-family: "Avenir", "Montserrat", sans-serif;
  font-weight: 500;
  -webkit-tap-highlight-color: transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

strong {
  float: none;
  font-family: inherit; }

html {
  min-height: 100%;
  height: auto;
  width: 100%; }

body {
  background: url(images/m.svg) center center/10% auto no-repeat #fff;
  background-attachment: fixed;
  position: relative;
  font-size: 16px;
  font-family: "Avenir", "Montserrat", sans-serif;
  color: #000;
  min-height: 100%;
  width: 100%;
  overflow-y: scroll;
  float: left;
  font-weight: 500;
  margin: 0;
  padding: 0;
  quotes: '\201c' '\201d';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: background 0s ease 1s; }

body.dim {
  background: #000;
  transition: background 0s ease 0s; }

ol, ul, li {
  list-style: none; }

a {
  transition: .5s;
  color: inherit;
  font-family: inherit;
  cursor: pointer;
  outline: none;
  font-family: "Avenir", "Montserrat", sans-serif; }

a:hover {
  text-decoration: none; }

p {
  margin-bottom: 15px;
  font-size: 1em;
  font-weight: 400;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  line-height: 150%; }

h1, h2, h3, h4, h5 {
  font-family: "quentinregular"; }

img {
  width: 100%;
  float: left;
  height: auto; }

table {
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 5px;
  float: left;
  width: 100%;
  margin: 10px 0;
  border: none; }

tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
  padding: 0 0 5px;
  margin: 0 0 5px;
  border: none; }

td, th {
  display: table-cell;
  vertical-align: inherit;
  padding: 6px 5px;
  border: 1px solid #ccc; }

::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
  font-size: 1.125em;
  font-family: "Avenir", "Montserrat", sans-serif;
  text-transform: uppercase; }

:-moz-placeholder {
  color: #fff;
  opacity: 1;
  font-size: 1.125em;
  font-family: "Avenir", "Montserrat", sans-serif;
  text-transform: uppercase; }

::-moz-placeholder {
  color: #fff;
  opacity: 1;
  font-size: 1.125em;
  font-family: "Avenir", "Montserrat", sans-serif;
  text-transform: uppercase; }

:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
  font-size: 1.125em;
  font-family: "Avenir", "Montserrat", sans-serif;
  text-transform: uppercase; }

input, textarea {
  webkit-appearance: none;
  border-radius: 0;
  border: none;
  font-family: "Avenir", "Montserrat", sans-serif; }

input:focus, select:focus, textarea:focus {
  outline: none; }

.desktop {
  display: block; }

.mobile {
  display: none; }

a.popSearch {
  display: none; }

/* main styles */
#wrapper {
  background: #F5F1E8;
  margin: 0;
  padding: 0;
  height: auto;
  overflow: hidden;
  position: relative;
  transition: opacity 1.5s ease 0s;
  opacity: 0;
  width: 100%; }

#wrapper.active {
  opacity: 1; }

body.dim #wrapper.active {
  opacity: .6; }

div.clear {
  float: left;
  width: 100%;
  clear: both;
  margin: 0; }

div#overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  background: #000;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1) 0s; }

div#overlay.on {
  opacity: .5;
  z-index: 150; }

header {
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 160px;
  transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  z-index: 101; }
  header a.menu {
    display: block;
    position: fixed;
    top: 40px;
    font-weight: 300;
    color: #fff;
    width: 40px;
    left: 40px;
    z-index: 200;
    height: 30px;
    line-height: 30px;
    transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1) 0s; }
    header a.menu span {
      display: block;
      position: absolute;
      width: 30px;
      height: 2px;
      background: #fff;
      transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1) 0s;
      right: 5px; }
  header div.logo {
    width: 74%;
    height: 160px;
    position: relative;
    z-index: 104;
    margin: 0 13%;
    float: left;
    transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1) 0s;
    opacity: 1; }
    header div.logo a {
      display: table;
      width: 440px;
      height: 60px;
      margin: 50px auto 0;
      transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1) 0s; }
      header div.logo a svg {
        float: left;
        width: 440px;
        height: 60px;
        transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1) 0s; }
        header div.logo a svg path {
          fill: #FFF;
          transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1) 0s; }
  header div.logo::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1) 0s; }
  header a.cta.popForm {
    position: fixed;
    right: 4%;
    bottom: 5%;
    width: 140px;
    height: 140px;
    padding: 0;
    background: #D4C8C8;
    font-family: "gabriela_stencilregular";
    color: #fff;
    border-radius: 50%;
    font-size: 1.625em;
    text-align: center;
    line-height: 140px;
    z-index: 102; }

header.shrink {
  height: 80px;
  background: #F5F1E8; }
  header.shrink a.menu {
    top: 30px;
    left: 30px; }
    header.shrink a.menu span {
      background: #000; }
  header.shrink div.logo {
    height: 80px; }
    header.shrink div.logo a {
      width: 290px;
      height: 40px;
      margin: 20px auto 0; }
    header.shrink div.logo svg {
      width: 290px;
      height: 40px; }
      header.shrink div.logo svg path {
        fill: #000; }
  header.shrink div.logo::after {
    background: #F5F1E8; }

header.open {
  height: 160px; }

header.shrink.open {
  height: 160px;
  background: #4E6670; }
  header.shrink.open a.menu {
    top: 30px;
    left: 30px; }
    header.shrink.open a.menu span {
      background: #fff; }
  header.shrink.open div.logo {
    height: 160px; }
    header.shrink.open div.logo a {
      width: 440px;
      height: 60px;
      margin: 50px auto 0; }
    header.shrink.open div.logo svg {
      width: 440px;
      height: 60px; }
      header.shrink.open div.logo svg path {
        fill: #fff; }
  header.shrink.open div.logo::after {
    background: #fff; }

a.menu span:first-of-type {
  top: 2px; }

a.menu span:nth-of-type(2) {
  top: 12px; }

a.menu span:last-of-type {
  top: 22px; }

.open a.menu span:first-of-type {
  transform: rotate(225deg);
  top: 12px; }

.open a.menu span:nth-of-type(2) {
  opacity: 0;
  right: -40px; }

.open a.menu span:last-of-type {
  transform: rotate(-225deg);
  top: 12px; }

body.page-id-15 header .menu span, body.page-id-17 header .menu span, body.page-id-21 header .menu span, body.page-template-members header .menu span, body.page-template-blog-template header .menu span, body.single-post header .menu span, body.page-template-text-page header .menu span, body.page-template-press header .menu span, body.page-id-12540 header .menu span, body.page-id-12548 header .menu span {
  background: #000; }

body.page-id-15 div.logo a svg path, body.page-id-17 div.logo a svg path, body.page-id-21 div.logo a svg path, body.page-template-members div.logo a svg path, body.page-template-blog-template div.logo a svg path, body.single-post div.logo a svg path, body.page-template-text-page div.logo a svg path, body.page-template-press div.logo a svg path, body.page-id-12540 div.logo a svg path, body.page-id-12548 div.logo a svg path {
  fill: #000; }

body.page-id-15 header div.logo::after, body.page-id-17 header div.logo::after, body.page-id-21 header div.logo::after, body.page-template-members header div.logo::after, body.page-template-blog-template header div.logo::after, body.single-post header div.logo::after, body.page-template-text-page header div.logo::after, body.page-template-press header div.logo::after, body.page-id-12540 header div.logo::after, body.page-id-12548 header div.logo::after {
  background: #000; }

body.page-id-15 header.open .menu span, body.page-id-17 header.open .menu span, body.page-id-21 header.open .menu span, body.page-template-members header.open .menu span, body.page-template-blog-template header.open .menu span, body.single-post header.open .menu span, body.page-template-text-page header.open .menu span, body.page-template-press header.open .menu span, body.page-id-12540 header.open .menu span, body.page-id-12540 header.open .menu span {
  background: #fff; }

body.page-id-15 header.open div.logo a svg path, body.page-id-17 header.open div.logo a svg path, body.page-id-21 header.open div.logo a svg path, body.page-template-members header.open div.logo a svg path, body.page-template-blog-template header.open div.logo a svg path, body.single-post header.open div.logo a svg path, body.page-template-text-page header.open div.logo a svg path, body.page-template-press header.open div.logo a svg path, body.page-id-12540 header.open div.logo a svg path, body.page-id-12548 header.open div.logo a svg path {
  fill: #fff; }

body.page-id-15 header.open div.logo::after, body.page-id-17 header.open div.logo::after, body.page-id-21 header.open div.logo::after, body.page-template-members header.open div.logo::after, body.page-template-blog-template header.open div.logo::after, body.single-post header.open div.logo::after, body.page-template-text-page header.open div.logo::after, body.page-template-press header.open div.logo::after, body.page-id-12540 header.open div.logo::after, body.page-id-12548 header.open div.logo::after {
  background: #fff; }

body.page-id-15 header.shrink div.logo::after, body.page-id-17 header.shrink div.logo::after, body.page-id-21 header.shrink div.logo::after, body.page-template-members header.shrink div.logo::after, body.page-template-blog-template header.shrink div.logo::after, body.single-post header.shrink div.logo::after, body.page-template-text-page header.shrink div.logo::after, body.page-template-press header.shrink div.logo::after, body.page-id-12540 header.shrink div.logo::after, body.page-id-12548 header.shrink div.logo::after {
  background: #F5F1E8; }

div#nav {
  background: #4E6670;
  float: left;
  width: 100%;
  height: 100%;
  padding: 3%;
  box-sizing: border-box;
  position: fixed;
  top: 0%;
  transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  right: 100%;
  z-index: 102; }

.open div#nav {
  right: 0%; }

div#nav nav {
  width: 80%;
  float: left;
  position: relative;
  z-index: 104;
  margin: 10%; }

div#nav nav ul {
  float: left;
  width: 100%;
  margin: 0; }

div#nav nav ul li {
  width: 50%;
  float: left;
  text-align: center;
  margin: 0 0 2.3vh; }

div#nav nav ul li a {
  font-size: 5em;
  color: #fff;
  font-family: "quentinregular"; }

div#nav nav ul li a:hover, div#nav nav ul li.current-menu-item a {
  color: #D4C8C8; }

div#banner {
  float: left;
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  position: relative;
  color: #fff; }
  div#banner h1 {
    display: block;
    position: absolute;
    line-height: 110%;
    left: 30%;
    top: 220px;
    font-size: 5.3em;
    width: 40%;
    text-align: center;
    color: #fff;
    z-index: 2; }

.home div#banner h1 {
  font-size: 1.625em;
  font-family: "gabriela_stencilregular";
  line-height: 140%; }

div#banner::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .2;
  z-index: 1; }

section {
  float: left;
  width: 100%;
  box-sizing: border-box;
  position: relative; }

div.content {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 5% 20%; }
  div.content h1 {
    font-size: 5.3em;
    float: left;
    width: 100%;
    margin: 140px 0 4%;
    text-align: center; }
  div.content h2 {
    font-size: 3.75em;
    float: left;
    width: 100%;
    margin: 0 0 3%;
    text-align: center; }
  div.content h3 {
    font-size: 2.75em;
    float: left;
    width: 100%;
    margin: 0 0 3%;
    text-align: center; }
  div.content h4 {
    font-size: 1.75em;
    float: left;
    width: 100%;
    margin: 0 0 3%;
    text-align: center; }
  div.content p {
    width: 100%;
    float: left;
    text-align: center; }
  div.content a {
    color: #A86441; }
  div.content a:hover {
    color: #4E6670; }

.home div.content h2 {
  font-size: 1.325em;
  line-height: 140%;
  margin: 0;
  font-family: "gabriela_stencilregular"; }

body.page-template-blog-template div.content h1 {
  margin: 140px 0 0; }

body.page-template-press div.content h1 {
  margin: 140px 0 0; }

div.content.topContent {
  padding: 6% 20% 0; }
  div.content.topContent form {
    float: left;
    width: 100%;
    margin: 2% 0 5%; }
    div.content.topContent form input {
      display: block;
      margin: 15px auto;
      padding: 10px;
      color: #000; }
    div.content.topContent form input[type=submit] {
      border: none;
      background: transparent;
      padding: 0;
      text-align: center;
      color: #707070;
      cursor: pointer;
      font-size: 1.6em;
      transition: .5s; }
    div.content.topContent form input[type=submit]:hover {
      color: #A86441; }

body.page-template-text-page section#top-content div.content p {
  text-align: center;
  float: left;
  clear: both;
  width: 100%;
  margin: 10px 0; }
body.page-template-text-page section#top-content div.content img {
  display: inline;
  width: auto;
  height: auto;
  margin: 0 auto 40px;
  float: none;
  padding: 20px;
  max-width: 100%;
  box-sizing: border-box; }
body.page-template-text-page section#top-content div.content a {
  color: #A86441;
  font-family: "Avenir", "Montserrat", sans-serif;
  text-transform: uppercase;
  text-decoration: underline;
  font-size: .9em; }
body.page-template-text-page section#top-content div.content a:hover {
  color: #4E6670; }

div#testimonial {
  float: left;
  width: 100%;
  padding: 5% 0 7%; }
  div#testimonial p {
    float: left;
    width: 74%;
    margin: 0 13% 2%;
    font-family: "quentinregular";
    text-align: center;
    font-size: 2.25em; }
  div#testimonial h3 {
    float: left;
    width: 100%;
    font-size: 1em;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
    font-family: "Avenir", "Montserrat", sans-serif; }
  div#testimonial h4 {
    float: left;
    width: 100%;
    font-size: .9em;
    font-style: italic;
    text-align: center;
    font-weight: 300;
    font-family: "Avenir", "Montserrat", sans-serif; }

div#instagram {
  float: left;
  width: 74%;
  margin: 0 13%;
  padding: 3% 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, auto);
  grid-gap: 1rem; }
  div#instagram div {
    background: #000;
    position: relative;
    overflow: hidden; }
    div#instagram div img {
      float: left;
      width: 100%;
      transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1) 0s;
      object-fit: cover; }
    div#instagram div a {
      position: absolute;
      width: 100%;
      top: 35%;
      left: 0; }
      div#instagram div a svg {
        position: absolute;
        top: 0;
        left: 40%;
        width: 20%;
        opacity: 0;
        transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1) 0s; }
  div#instagram div:hover img {
    opacity: .7; }
  div#instagram div:hover a svg {
    opacity: 1; }
  div#instagram div:first-of-type h2 {
    position: absolute;
    width: 90%;
    left: 5%;
    top: 36%;
    color: #fff;
    font-size: 4.2vw;
    text-align: center; }
  div#instagram div:first-of-type a {
    position: absolute;
    text-transform: uppercase;
    font-size: 1.1vw;
    width: 90%;
    left: 5%;
    top: 68%;
    color: #fff;
    text-align: center;
    margin: 0; }
  div#instagram div:first-of-type a:hover {
    color: #D4C8C8; }
  div#instagram div:first-of-type img {
    opacity: .7; }

div.tripleSlider {
  float: left;
  width: 78%;
  margin: 8% 11% 6%;
  position: relative; }
  div.tripleSlider h2 {
    position: absolute;
    font-size: 3.75vw;
    width: 33%;
    top: 11%;
    left: 1.5%;
    line-height: 80%;
    color: #000;
    z-index: 3; }
  div.tripleSlider div.tripleSlideContainer {
    overflow: hidden;
    float: left;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1; }
    div.tripleSlider div.tripleSlideContainer div.tripleSlide {
      position: relative;
      width: 100%;
      height: auto;
      opacity: 1;
      top: 0;
      left: 0;
      z-index: 1;
      transition: 1s; }
      div.tripleSlider div.tripleSlideContainer div.tripleSlide div.img1 {
        width: 26%;
        height: 40vh;
        margin: 8% 3.65% 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        float: left; }
      div.tripleSlider div.tripleSlideContainer div.tripleSlide div.img2 {
        width: 28%;
        height: 68vh;
        margin: 0 2.65% 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        float: left; }
      div.tripleSlider div.tripleSlideContainer div.tripleSlide div.img3 {
        width: 26%;
        height: 40vh;
        margin: 8% 3.65% 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        float: left; }
      div.tripleSlider div.tripleSlideContainer div.tripleSlide p {
        float: left;
        clear: left;
        width: 30%;
        white-space: normal;
        font-size: 1em;
        margin: -8% 0 0; }
      div.tripleSlider div.tripleSlideContainer div.tripleSlide a {
        position: absolute;
        width: 25px;
        right: 4%;
        top: 68%;
        display: none; }
        div.tripleSlider div.tripleSlideContainer div.tripleSlide a svg {
          width: 25px;
          height: 30px;
          stroke: #4E6670;
          transition: .5s; }
      div.tripleSlider div.tripleSlideContainer div.tripleSlide a:hover svg {
        stroke: #707070; }
      div.tripleSlider div.tripleSlideContainer div.tripleSlide a.prev {
        right: calc(4% + 45px); }
      div.tripleSlider div.tripleSlideContainer div.tripleSlide a.end {
        opacity: .5;
        pointer-events: none; }
    div.tripleSlider div.tripleSlideContainer div.tripleSlide.active {
      z-index: 2;
      opacity: 1; }

div#tripleSliderrooms.tripleSlider {
  float: left;
  width: 78%;
  margin: 8% 11% 6%;
  position: relative; }
  div#tripleSliderrooms.tripleSlider h2 {
    position: absolute;
    font-size: 3.75vw;
    width: 33%;
    top: 9%;
    left: 1.5%;
    line-height: 80%;
    color: #000;
    z-index: 3; }
  div#tripleSliderrooms.tripleSlider div.tripleSlideContainer {
    overflow: hidden;
    float: left;
    width: 100%;
    height: 80vh;
    position: relative;
    z-index: 1; }
    div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide {
      position: absolute;
      width: 100%;
      height: 80vh;
      opacity: 0;
      top: 0;
      left: 0;
      z-index: 1;
      transition: 1s; }
      div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide div.img1 {
        width: 26%;
        height: 40vh;
        margin: 8% 3.65% 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        float: left; }
      div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide div.img2 {
        width: 28%;
        height: 68vh;
        margin: 0 2.65% 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        float: left; }
      div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide div.img3 {
        width: 26%;
        height: 40vh;
        margin: 8% 3.65% 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        float: left; }
      div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide p {
        float: left;
        clear: left;
        width: 30%;
        white-space: normal;
        font-size: 1em;
        margin: -8% 0 0; }
      div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide a {
        position: absolute;
        width: 25px;
        right: 4%;
        top: 68%;
        display: block; }
        div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide a svg {
          width: 25px;
          height: 30px;
          stroke: #4E6670;
          transition: .5s; }
      div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide a:hover svg {
        stroke: #707070; }
      div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide a.prev {
        right: calc(4% + 45px); }
      div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide a.end {
        opacity: .5;
        pointer-events: none; }
    div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide.active {
      z-index: 2;
      opacity: 1; }

div.singleSlider {
  float: left;
  width: 78%;
  height: auto;
  margin: 0% 11%;
  position: relative;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 4% 0 5%; }
  div.singleSlider h2 {
    float: left;
    font-size: 3.75vw;
    width: 100%;
    color: #000;
    z-index: 3;
    margin: 0 0 10px;
    text-align: center; }
  div.singleSlider div.singleSlideContainer {
    overflow: hidden;
    float: left;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1; }
    div.singleSlider div.singleSlideContainer div.singleSlide {
      position: relative;
      width: 100%;
      height: auto;
      opacity: 1;
      top: 0;
      left: 0;
      z-index: 1;
      transition: 1s; }
      div.singleSlider div.singleSlideContainer div.singleSlide div.img1 {
        width: 90%;
        height: 70vh;
        margin: 0 5% 60px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        float: left; }
      div.singleSlider div.singleSlideContainer div.singleSlide p {
        float: left;
        clear: left;
        width: 60%;
        white-space: normal;
        text-align: center;
        font-size: 1em;
        margin: 0 20% 0; }
      div.singleSlider div.singleSlideContainer div.singleSlide a {
        position: absolute;
        width: 25px;
        right: calc(50% - 35px);
        top: 72vh;
        display: none; }
        div.singleSlider div.singleSlideContainer div.singleSlide a svg {
          width: 25px;
          height: 30px;
          stroke: #4E6670;
          transition: .5s; }
      div.singleSlider div.singleSlideContainer div.singleSlide a:hover svg {
        stroke: #707070; }
      div.singleSlider div.singleSlideContainer div.singleSlide a.prev {
        right: auto;
        left: calc(50% - 30px); }
      div.singleSlider div.singleSlideContainer div.singleSlide a.end {
        opacity: .5;
        pointer-events: none; }
    div.singleSlider div.singleSlideContainer div.singleSlide.active {
      z-index: 2;
      opacity: 1; }

div.calendar {
  float: left;
  width: 74%;
  margin: 0 13% 5%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  grid-template-rows: auto;
  grid-gap: 5rem;
  grid-auto-flow: dense; }
  div.calendar div h3 {
    font-family: "Avenir", "Montserrat", sans-serif;
    text-transform: uppercase;
    font-size: 2em;
    float: left;
    font-weight: 400;
    line-height: 100%;
    margin: 0;
    width: 100%; }
  div.calendar div table {
    margin: 0; }
    div.calendar div table th {
      border: 0;
      text-align: center;
      color: #4E6670;
      font-size: 1.375em; }
    div.calendar div table th:nth-of-type(2) {
      border-right: 1px solid #ccc;
      color: #A86441; }
    div.calendar div table th:nth-of-type(4) {
      border-left: 1px solid #ccc;
      color: #A86441; }
    div.calendar div table td {
      border: 0;
      text-align: center;
      color: #4E6670;
      font-size: 1em;
      letter-spacing: 1px; }
      div.calendar div table td a {
        text-transform: uppercase; }
    div.calendar div table td:nth-of-type(1) {
      text-align: left;
      color: #707070;
      font-size: 1.375em; }
    div.calendar div table td:nth-of-type(2) {
      border-right: 1px solid #ccc;
      color: #A86441; }
    div.calendar div table td:nth-of-type(4) {
      border-left: 1px solid #ccc;
      color: #A86441; }

div.hints {
  float: left;
  width: 74%;
  margin: 0 13% 5%;
  box-sizing: border-box;
  padding: 20px;
  background: #B38C7D;
  color: #fff; }
  div.hints h3 {
    font-family: "Avenir", "Montserrat", sans-serif;
    text-transform: uppercase;
    text-align: center;
    float: left;
    width: 100%;
    margin: 0 0 20px;
    font-size: 1.875em; }
  div.hints a {
    padding: 10px 30px;
    background: #fff;
    color: #707070;
    text-transform: uppercase;
    display: table;
    margin: 0 auto; }
  div.hints a:hover {
    background: #707070;
    color: #fff; }
  div.hints p {
    text-align: center; }

div.smallPrint {
  float: left;
  width: 100%;
  text-align: center;
  line-height: 150%;
  margin: 2% 0 5%; }
  div.smallPrint p a {
    color: #A86441; }

div.promo {
  background: #4E6670;
  color: #fff;
  position: fixed;
  top: -100%;
  opacity: 0;
  left: 30%;
  width: 40%;
  padding: 40px 60px;
  box-sizing: border-box;
  text-align: center;
  transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  z-index: 40; }
  div.promo h3 {
    float: left;
    width: 100%;
    font-size: 3em;
    margin: 0 0 10px; }
  div.promo h4 {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-family: "Avenir", "Montserrat", sans-serif;
    font-size: .9em;
    margin: 0 0 10px; }
  div.promo p {
    font-size: 1em;
    float: left;
    margin: 15px 0 30px;
    text-align: center;
    width: 100%; }
  div.promo a.popForm {
    padding: 10px 30px;
    text-transform: uppercase;
    background: #fff;
    color: #4E6670;
    border: 1px solid #fff;
    display: table;
    margin: 10px auto 20px; }
  div.promo a.popForm:hover {
    background: #4E6670;
    color: #fff; }
  div.promo a.promoClose {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 30px;
    right: 30px; }
    div.promo a.promoClose span {
      display: block;
      width: 40px;
      height: 1px;
      top: 20px;
      left: 5px;
      position: absolute;
      background: #fff; }
    div.promo a.promoClose span:first-of-type {
      transform: rotate(-45deg); }
    div.promo a.promoClose span:last-of-type {
      transform: rotate(45deg); }

div.promo.show {
  top: 25%;
  opacity: 1; }

div.tripleContent {
  float: left;
  width: 74%;
  margin: 0 13% 5%;
  position: relative; }
  div.tripleContent h2 {
    font-size: 3.75em;
    position: absolute;
    left: 0;
    top: 8%;
    z-index: 5; }
  div.tripleContent div {
    width: 26%;
    margin: 8% 3.65% 0;
    float: left; }
    div.tripleContent div img {
      float: left;
      width: 100%;
      height: auto;
      margin: 0 0 15px; }
    div.tripleContent div h3 {
      float: left;
      clear: left;
      margin: 0 0 0 -40px;
      font-size: 2em;
      line-height: 100%; }
  div.tripleContent div.img2 {
    margin: 0 3.65% 0; }

div#gallery {
  float: left;
  width: 94%;
  margin: 2% 3% 4%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(12, 45vh);
  grid-gap: 7px;
  box-sizing: border-box; }

div.galleryItem:first-of-type {
  grid-column-start: 1;
  grid-column-end: span 4;
  grid-row-start: 1;
  grid-row-end: span 2; }

div.galleryItem:nth-of-type(2) {
  grid-column-start: 1;
  grid-column-end: span 1;
  grid-row-start: 3;
  grid-row-end: span 1; }

div.galleryItem:nth-of-type(3) {
  grid-column-start: 2;
  grid-column-end: span 1;
  grid-row-start: 3;
  grid-row-end: span 1; }

div.galleryItem:nth-of-type(4) {
  grid-column-start: 3;
  grid-column-end: span 2;
  grid-row-start: 3;
  grid-row-end: span 2; }

div.galleryItem:nth-of-type(5) {
  grid-column-start: 1;
  grid-column-end: span 2;
  grid-row-start: 4;
  grid-row-end: span 1; }

div.galleryItem:nth-of-type(6) {
  grid-column-start: 1;
  grid-column-end: span 2;
  grid-row-start: 5;
  grid-row-end: span 2; }

div.galleryItem:nth-of-type(7) {
  grid-column-start: 3;
  grid-column-end: span 2;
  grid-row-start: 5;
  grid-row-end: span 1; }

div.galleryItem:nth-of-type(8) {
  grid-column-start: 3;
  grid-column-end: span 2;
  grid-row-start: 6;
  grid-row-end: span 1; }

div.galleryItem:nth-of-type(9) {
  grid-column-start: 1;
  grid-column-end: span 4;
  grid-row-start: 7;
  grid-row-end: span 2; }

div.galleryItem:nth-of-type(10) {
  grid-column-start: 1;
  grid-column-end: span 2;
  grid-row-start: 9;
  grid-row-end: span 2; }

div.galleryItem:nth-of-type(11) {
  grid-column-start: 3;
  grid-column-end: span 2;
  grid-row-start: 9;
  grid-row-end: span 1; }

div.galleryItem:nth-of-type(12) {
  grid-column-start: 3;
  grid-column-end: span 1;
  grid-row-start: 10;
  grid-row-end: span 1; }

div.galleryItem:nth-of-type(13) {
  grid-column-start: 4;
  grid-column-end: span 1;
  grid-row-start: 10;
  grid-row-end: span 1; }

div.galleryItem:nth-of-type(14) {
  grid-column-start: 1;
  grid-column-end: span 2;
  grid-row-start: 11;
  grid-row-end: span 2; }

div.galleryItem:nth-of-type(15) {
  grid-column-start: 3;
  grid-column-end: span 2;
  grid-row-start: 11;
  grid-row-end: span 2; }

div.galleryItem {
  position: relative;
  overflow: hidden;
  transition: opacity .5s ease 1s, width 0s ease 0s; }
  div.galleryItem div.image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat; }
    div.galleryItem div.image span {
      position: absolute;
      background: transparent;
      color: #fff;
      text-shadow: 1px 1px 1px #4E6670;
      font-size: 1em;
      line-height: 1em;
      font-weight: 300;
      left: 0;
      bottom: 0;
      width: 100%;
      height: auto;
      box-sizing: border-box;
      display: block;
      padding: 10px;
      opacity: 0;
      z-index: 2;
      transition: all .5s ease 0s; }
  div.galleryItem div.image:hover span {
    opacity: 1; }

div.galPag {
  display: table;
  margin: 4% auto;
  font-size: 1.5em;
  font-family: "gabriela_stencilregular";
  text-align: center;
  text-transform: uppercase;
  clear: both; }
  div.galPag span {
    font-family: "gabriela_stencilregular";
    color: #4E6670;
    margin: 0 5px; }
  div.galPag a {
    font-family: "gabriela_stencilregular";
    color: #4E6670;
    margin: 0 5px; }
  div.galPag a:hover {
    color: #707070; }

div#featureLinks {
  float: left;
  width: calc(100% - 14px);
  margin: 0 7px 4%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 60vh);
  grid-gap: 7px;
  grid-auto-flow: dense; }
  div#featureLinks div {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative; }
    div#featureLinks div a {
      position: absolute;
      width: 100%;
      height: 100%;
      line-height: 70%;
      text-align: center;
      font-family: "quentinregular";
      color: #fff;
      font-size: 6em;
      margin: 0;
      box-sizing: border-box;
      padding: 25vh 5% 5%;
      z-index: 1; }
    div#featureLinks div a::before {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: #4E6670;
      opacity: 0;
      z-index: -1;
      transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1) 0s; }
    div#featureLinks div a:hover {
      color: #F5F1E8; }
    div#featureLinks div a:hover::before {
      opacity: .4; }
  div#featureLinks div:nth-child(5n) {
    grid-column: span 2; }

div#team {
  float: left;
  width: 80%;
  margin: 5% 0 4% 10%; }
  div#team h2 {
    font-size: 3.75em;
    float: left;
    line-height: 100%;
    margin: 0 0 0 4%;
    position: relative;
    z-index: 50; }
  div#team div#teamSlides {
    float: left;
    width: 100%;
    margin: 0; }
    div#team div#teamSlides div.slick-list {
      overflow: visible; }
    div#team div#teamSlides div.teamItem img {
      margin: 0 0 40px; }
    div#team div#teamSlides div.teamItem h3 {
      font-size: 1em;
      font-weight: 300;
      margin: 0 0 10px;
      padding: 0 20px;
      opacity: 0;
      font-weight: 600;
      font-family: "Avenir", "Montserrat", sans-serif;
      text-transform: uppercase;
      transition: .25s ease 0s; }
    div#team div#teamSlides div.teamItem p {
      font-size: 1em;
      font-weight: 300;
      margin: 0;
      padding: 0 20px;
      opacity: 0;
      transition: .25s ease 0s; }
    div#team div#teamSlides div.slick-active h3 {
      opacity: 1;
      transition: .25s ease .25s; }
    div#team div#teamSlides div.slick-active p {
      opacity: 1;
      transition: .25s ease .25s; }
    div#team div#teamSlides div.slick-active.slick-center h3 {
      opacity: 0;
      transition: .25s ease 0s; }
    div#team div#teamSlides div.slick-active.slick-center p {
      opacity: 0;
      transition: .25s ease 0s; }
    div#team div#teamSlides div.slick-center + div h3 {
      opacity: 0 !important;
      transition: .25s ease 0s; }
    div#team div#teamSlides div.slick-center + div p {
      opacity: 0 !important;
      transition: .25s ease 0s; }
  div#team button.slick-next.slick-arrow {
    position: absolute;
    background: url("images/slideNavRight.svg") center/25px 25px no-repeat !important;
    right: 0;
    top: 74%;
    font-size: 0;
    background: 0;
    display: block;
    border: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 100; }
  div#team button.slick-prev.slick-arrow {
    position: absolute;
    background: url("images/slideNavLeft.svg") center/25px 25px no-repeat !important;
    right: 45px;
    top: 74%;
    font-size: 0;
    background: 0;
    display: block;
    border: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 100; }

div#resources {
  float: left;
  width: 74%;
  margin: 5% 13% 5%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  grid-template-rows: auto;
  grid-gap: 5rem;
  grid-auto-flow: dense; }
  div#resources > div {
    border-radius: 50%;
    background-color: #A86441;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 17vw;
    height: 17vw;
    transition: .5s;
    justify-self: center; }
    div#resources > div > a {
      float: left;
      width: 13vw;
      height: 5vw;
      text-align: center;
      padding: 6vw 2vw;
      color: #fff;
      font-size: 1.7vw; }
    div#resources > div div.message {
      position: fixed;
      width: 60%;
      box-sizing: border-box;
      padding: 60px;
      background: #707070;
      color: #fff;
      top: -100%;
      left: 20%;
      z-index: 5;
      opacity: 0;
      transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1) 0s; }
      div#resources > div div.message h4 {
        text-align: center;
        float: left;
        width: 100%;
        font-size: 2.5em;
        margin: 0 0 15px; }
      div#resources > div div.message p {
        font-size: .9em;
        text-align: center;
        float: left;
        width: 100%;
        margin: 0 0 30px; }
      div#resources > div div.message a.popResource {
        position: absolute;
        top: 30px;
        right: 30px;
        width: 40px;
        height: 40px; }
        div#resources > div div.message a.popResource span {
          display: block;
          position: absolute;
          left: 0;
          top: 20px;
          width: 40px;
          height: 1px;
          background: #fff;
          transform: rotate(-45deg); }
        div#resources > div div.message a.popResource span:nth-of-type(2) {
          transform: rotate(45deg); }
      div#resources > div div.message a.button.popResource {
        position: relative;
        top: auto;
        right: auto;
        width: auto;
        height: auto;
        display: table;
        margin: 15px auto 0;
        padding: 10px 30px;
        background: #fff;
        color: #707070;
        border: 1px solid #fff;
        text-transform: uppercase; }
      div#resources > div div.message a.button.popResource:hover {
        background: #707070;
        color: #fff; }
  div#resources > div:nth-of-type(2) > a {
    font-size: 1.6vw; }
  div#resources > div.open div.message {
    top: 30%;
    opacity: 1; }
  div#resources > div:hover {
    background-color: #4E6670;
    background-position: 15vw center; }

body.page-id-12200 div#resources {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
  body.page-id-12200 div#resources > div:nth-of-type(-n+3) {
    background-color: #4E6670; }
    body.page-id-12200 div#resources > div:nth-of-type(-n+3) > a {
      font-size: 1.6vw; }
  body.page-id-12200 div#resources > div:nth-of-type(-n+3):hover {
    background-color: #A86441; }

div#posts {
  float: left;
  width: 74%;
  margin: 0 13% 4%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  grid-template-rows: auto;
  grid-gap: 5rem;
  grid-auto-flow: dense; }
  div#posts div.post div.thumb {
    float: left;
    width: 100%;
    height: 60vh;
    background-size: cover;
    background-position: center top; }
  div#posts div.post div.postPreview {
    float: left;
    width: 100%;
    text-align: center; }
    div#posts div.post div.postPreview h3 {
      float: left;
      width: 100%;
      font-size: 2.375em;
      padding: 10px;
      box-sizing: border-box;
      margin: 0 0 10px; }
    div#posts div.post div.postPreview p {
      float: left;
      text-align: center;
      margin: 0 0 10px;
      font-size: 1em;
      font-weight: 300; }
    div#posts div.post div.postPreview a.link.more {
      float: left;
      width: 100%;
      text-align: center;
      font-family: "Avenir", "Montserrat", sans-serif;
      color: #707070;
      font-size: .9em;
      margin: 10px 0;
      padding: 0 0 5px;
      text-decoration: underline; }
    div#posts div.post div.postPreview a.link.more:hover {
      color: #4E6670; }

.eic-container .eic-frame .eic-image {
  background-color: #F5F1E8 !important; }

div.postNav {
  display: table;
  margin: 0 auto 4%;
  font-size: 1em;
  font-family: "Avenir", "Montserrat", sans-serif; }
  div.postNav span {
    font-family: "Avenir", "Montserrat", sans-serif;
    color: #D4C8C8;
    padding: 0 4px; }
  div.postNav a {
    font-family: "Avenir", "Montserrat", sans-serif;
    color: #4E6670;
    padding: 0 4px; }
  div.postNav a:hover {
    color: #707070; }
  div.postNav h2 {
    display: none; }

body.single section#top-content div.content p {
  text-align: center;
  float: left;
  clear: both;
  width: 100%;
  margin: 10px 0; }
  body.single section#top-content div.content p em {
    font-style: italic; }
body.single section#top-content div.content img {
  display: inline;
  width: auto;
  height: auto;
  margin: 40px auto 10px;
  float: none;
  padding: 20px;
  max-width: 100%;
  box-sizing: border-box; }
body.single section#top-content div.content a {
  color: #A86441;
  font-family: "Avenir", "Montserrat", sans-serif;
  text-transform: uppercase;
  text-decoration: underline;
  font-size: .9em; }
body.single section#top-content div.content a:hover {
  color: #4E6670; }
body.single section#top-content div.content a.back {
  color: #000;
  font-size: 1.1em;
  padding: 30px 0 5px;
  float: left;
  width: 100%; }
body.single section#top-content div.content hr {
  display: block;
  width: 100%;
  border: 0.5px solid #707070;
  float: left;
  margin: 20px 0; }

body.page-template-text-page section#top-content div.content a.back {
  color: #000;
  font-size: 1.1em;
  padding: 30px 0 5px;
  margin: 0 0 40px;
  float: left;
  width: 100%;
  font-family: "Avenir", "Montserrat", sans-serif;
  text-transform: uppercase;
  text-decoration: underline; }

footer {
  float: left;
  width: 100%;
  padding: 5% 0 4%;
  background: #4E6670; }
  footer div#footer {
    float: left;
    width: 64%;
    margin: 0 18%; }
    footer div#footer img {
      float: left;
      width: 360px;
      margin: 0 0 20px calc(50% - 180px); }
    footer div#footer hr {
      float: left;
      width: 100%;
      border: 1px solid #fff;
      margin: 0 0 20px; }
    footer div#footer p {
      color: #fff;
      font-size: .9em;
      margin: 0;
      font-weight: 300;
      float: left; }
      footer div#footer p br {
        display: none; }
      footer div#footer p a {
        font-weight: 300; }
      footer div#footer p a:hover {
        color: #D4C8C8; }
    footer div#footer p:first-of-type {
      float: left;
      margin: 0;
      height: 20px;
      line-height: 20px;
      position: relative;
      z-index: 2; }
    footer div#footer p:nth-of-type(2) {
      float: left;
      margin: -20px 0 00;
      height: 20px;
      line-height: 20px;
      float: left;
      width: 100%;
      text-align: center; }
    footer div#footer p.social {
      float: right;
      margin: -20px 0 0;
      height: 20px;
      line-height: 20px;
      font-size: 1.25em; }
      footer div#footer p.social a {
        margin: 0 0 0 12px; }
      footer div#footer p.social a:hover {
        color: #D4C8C8; }
    footer div#footer p:last-of-type {
      font-size: .8em;
      clear: both;
      margin: 60px 0 0;
      width: 100%;
      text-align: center; }

div#contact {
  background: #707070;
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  padding: 3%;
  box-sizing: border-box;
  position: fixed;
  top: -100%;
  transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  right: 0%;
  z-index: 102; }
  div#contact a.popForm {
    position: absolute;
    top: 5%;
    left: 3%;
    z-index: 103;
    width: 50px;
    height: 50px; }
    div#contact a.popForm span {
      display: block;
      width: 40px;
      height: 1px;
      background: #fff;
      position: absolute;
      top: 20px;
      right: 5px;
      transform: rotate(45deg); }
    div#contact a.popForm span:last-of-type {
      transform: rotate(-45deg); }
  div#contact h2 {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 5em;
    margin: 0 0 2%; }
  div#contact div.contactDetails {
    float: left;
    width: 100%;
    margin: 2% 0 0;
    color: #fff;
    position: relative;
    z-index: 104;
    font-size: 1.125em; }
    div#contact div.contactDetails p {
      margin: 0;
      text-align: center;
      text-transform: uppercase; }
  div#contact div.wpcf7 {
    width: 70%;
    box-sizing: border-box;
    padding: 0 6% 0 3%;
    float: left;
    margin: 8% 15%;
    position: relative;
    z-index: 104; }
    div#contact div.wpcf7 form {
      float: left;
      width: 100%;
      clear: left;
      display: block; }
      div#contact div.wpcf7 form div.formLeft {
        float: left;
        width: 50%;
        box-sizing: border-box;
        padding: 0 5% 0 0; }
      div#contact div.wpcf7 form div.formRight {
        float: right;
        box-sizing: border-box;
        padding: 0 0 0 5%;
        width: 50%; }
      div#contact div.wpcf7 form input {
        float: left;
        width: 100%;
        margin: 0 0 40px;
        box-sizing: border-box;
        padding: 10px 5px;
        height: 50px;
        border-bottom: 1px solid #fff;
        font-family: "Avenir", "Montserrat", sans-serif;
        font-size: 1.125em;
        color: #fff;
        background: transparent; }
      div#contact div.wpcf7 form select {
        float: left;
        width: 100%;
        margin: 0 0 40px;
        box-sizing: border-box;
        padding: 10px 5px;
        height: 50px;
        border: none;
        border-bottom: 1px solid #fff;
        font-family: "Avenir", "Montserrat", sans-serif;
        font-size: 1.125em;
        color: #fff;
        background: transparent; }
        div#contact div.wpcf7 form select option {
          color: #707070; }
      div#contact div.wpcf7 form textarea {
        float: left;
        width: 100%;
        box-sizing: border-box;
        padding: 10px 5px;
        border: none;
        font-family: "Avenir", "Montserrat", sans-serif;
        font-size: 1em;
        height: 50px;
        margin: 0 0 10px;
        border-bottom: 1px solid #fff;
        color: #fff;
        background: transparent; }
      div#contact div.wpcf7 form input.wpcf7-submit {
        border-bottom: none;
        float: right;
        display: block;
        background: #D4C8C8;
        height: 140px;
        width: 140px;
        font-family: "quentinregular";
        color: #fff;
        text-align: center;
        padding: 0;
        margin: -25px -55px 0 0;
        cursor: pointer;
        border-radius: 50%;
        font-size: 1.9em;
        transition: .5s;
        position: relative;
        z-index: 105;
        -webkit-appearance: none;
        background-image: linear-gradient(to bottom, #D4C8C8, #D4C8C8);
        border: 0; }
      div#contact div.wpcf7 form input.wpcf7-submit:hover {
        background: #4E6670; }
      div#contact div.wpcf7 form div.wpcf7-validation-errors, div#contact div.wpcf7 form div.wpcf7-acceptance-missing, div#contact div.wpcf7 form div.wpcf7-spam-blocked {
        border: 0; }
    div#contact div.wpcf7 div.screen-reader-response {
      display: none; }
    div#contact div.wpcf7 div.ajax-loader {
      display: none; }

div#contact.open {
  top: 0%;
  transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1) 0.5s; }

body.page-id-12540 header a.cta.popForm, body.page-id-12548 header a.cta.popForm, body.single-booking header a.cta.popForm {
  display: none; }

div.welcome {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 10% 20% 0;
  text-align: center; }
  div.welcome h2 {
    font-size: 3.5em;
    margin: 0 0 20px; }
  div.welcome p.date {
    text-align: center;
    font-family: "quentinregular";
    font-size: 1.25em;
    padding-bottom: 20px;
    margin: 0 0 20px;
    position: relative; }
    div.welcome p.date::after {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      bottom: 0;
      width: 100px;
      height: 1px;
      background: #ccc;
      margin-left: -50px; }
  div.welcome h3.login {
    font-size: 2em; }

div.content a.link.button {
  display: table;
  float: none;
  margin: 20px auto;
  width: auto;
  color: #fff;
  text-transform: uppercase;
  padding: 10px 30px;
  background: #A86441;
  border-radius: 20px; }

div.content.topContent.bookingPage {
  padding-bottom: 5%; }
  div.content.topContent.bookingPage h4.success {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 5em;
    padding: 5% 0; }

div#on-page-form {
  float: left;
  width: 100%;
  margin: 0; }
  div#on-page-form ::-webkit-input-placeholder {
    color: #000; }
  div#on-page-form :-moz-placeholder {
    color: #000; }
  div#on-page-form ::-moz-placeholder {
    color: #000; }
  div#on-page-form :-ms-input-placeholder {
    color: #000; }
  div#on-page-form div.pristine-error {
    float: right;
    width: auto;
    margin: -35px 0 0;
    color: red;
    font-size: 14px; }
  div#on-page-form div.wpcf7, div#on-page-form div.bookingForm {
    width: 70%;
    box-sizing: border-box;
    padding: 0 6% 0 3%;
    float: left;
    margin: 3% 15% 6%; }
    div#on-page-form div.wpcf7 form.login label, div#on-page-form div.bookingForm form.login label {
      float: none;
      width: 100%;
      text-align: center;
      margin: 0 0 15px;
      font-family: "Avenir", "Montserrat", sans-serif;
      font-size: 1.25em; }
    div#on-page-form div.wpcf7 form.login input[type='password'], div#on-page-form div.bookingForm form.login input[type='password'] {
      width: 300px;
      text-align: center;
      float: none;
      display: block;
      margin: 0 auto; }
    div#on-page-form div.wpcf7 form.login button, div#on-page-form div.bookingForm form.login button {
      float: none;
      margin: 10px auto 0; }
    div#on-page-form div.wpcf7 div.roomBox, div#on-page-form div.bookingForm div.roomBox {
      background: #D4C8C8;
      border: 1px solid #ccc;
      float: left;
      box-sizing: border-box;
      padding: 60px 20px 120px;
      width: calc(100% + 20px);
      margin: 10px 0 30px -10px;
      text-align: center;
      position: relative;
      z-index: 1; }
      div#on-page-form div.wpcf7 div.roomBox h2, div#on-page-form div.wpcf7 div.roomBox h3, div#on-page-form div.bookingForm div.roomBox h2, div#on-page-form div.bookingForm div.roomBox h3 {
        font-size: 3em;
        margin: 0 0 20px; }
      div#on-page-form div.wpcf7 div.roomBox h4, div#on-page-form div.bookingForm div.roomBox h4 {
        font-family: "Avenir", "Montserrat", sans-serif;
        font-size: 1.25em;
        margin: 10px 0; }
      div#on-page-form div.wpcf7 div.roomBox p, div#on-page-form div.bookingForm div.roomBox p {
        position: relative;
        padding-bottom: 15px;
        margin: 10px 0 30px; }
        div#on-page-form div.wpcf7 div.roomBox p::after, div#on-page-form div.bookingForm div.roomBox p::after {
          content: "";
          display: block;
          position: absolute;
          left: 50%;
          bottom: 0;
          width: 300px;
          height: 1px;
          background: #000;
          margin-left: -150px; }
      div#on-page-form div.wpcf7 div.roomBox a, div#on-page-form div.bookingForm div.roomBox a {
        padding: 5px 20px;
        background: #B38C7D;
        color: #fff;
        border-radius: 15px;
        font-size: 1em;
        text-transform: uppercase;
        position: absolute;
        bottom: 60px;
        left: 50%;
        transform: translateX(-50%); }
      div#on-page-form div.wpcf7 div.roomBox a:hover, div#on-page-form div.bookingForm div.roomBox a:hover {
        background: #A86441; }
    div#on-page-form div.wpcf7 div.roomBox.paid::after, div#on-page-form div.bookingForm div.roomBox.paid::after {
      content: "Paid";
      color: #fff;
      text-transform: uppercase;
      font-size: 1.5em;
      display: block;
      position: absolute;
      bottom: 40px;
      right: 20px;
      z-index: 3; }
    div#on-page-form div.wpcf7 div.roomBox.paid::before, div#on-page-form div.bookingForm div.roomBox.paid::before {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      right: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 200px 200px;
      border-color: transparent transparent #A86441 transparent;
      z-index: 2; }
    div#on-page-form div.wpcf7 div.roomBox.paid a, div#on-page-form div.bookingForm div.roomBox.paid a {
      display: none; }
    div#on-page-form div.wpcf7 div.checkout.RoomDetails, div#on-page-form div.bookingForm div.checkout.RoomDetails {
      float: left;
      width: 33.33%;
      box-sizing: border-box;
      padding: 0 50px 0 0; }
      div#on-page-form div.wpcf7 div.checkout.RoomDetails h2, div#on-page-form div.bookingForm div.checkout.RoomDetails h2 {
        font-family: "Avenir", "Montserrat", sans-serif;
        font-weight: 400;
        font-size: 2.25em;
        float: left;
        width: 100%;
        border-bottom: 1px solid #ccc;
        margin: 0 0 20px;
        text-align: left; }
      div#on-page-form div.wpcf7 div.checkout.RoomDetails h3, div#on-page-form div.bookingForm div.checkout.RoomDetails h3 {
        font-family: "Avenir", "Montserrat", sans-serif;
        font-weight: 400;
        font-size: 1.875em;
        float: left;
        width: 100%;
        margin: 0 0 10px;
        text-align: left; }
      div#on-page-form div.wpcf7 div.checkout.RoomDetails h4, div#on-page-form div.bookingForm div.checkout.RoomDetails h4 {
        font-family: "Avenir", "Montserrat", sans-serif;
        font-weight: 400;
        font-size: 1.25em;
        float: left;
        width: 100%;
        margin: 0 0 10px;
        text-align: left; }
    div#on-page-form div.wpcf7 form.checkout-form, div#on-page-form div.bookingForm form.checkout-form {
      float: left;
      width: 66.66%;
      clear: none; }
      div#on-page-form div.wpcf7 form.checkout-form div.checkout.RoomDetails.mid, div#on-page-form div.bookingForm form.checkout-form div.checkout.RoomDetails.mid {
        float: left;
        width: 50%;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        padding: 0 50px; }
      div#on-page-form div.wpcf7 form.checkout-form div.checkout.RoomDetails:last-of-type, div#on-page-form div.bookingForm form.checkout-form div.checkout.RoomDetails:last-of-type {
        float: left;
        width: 50%;
        padding: 0 0 0 50px; }
      div#on-page-form div.wpcf7 form.checkout-form input, div#on-page-form div.bookingForm form.checkout-form input {
        margin: 0 0 10px;
        padding: 5px 10px;
        height: 30px;
        border-bottom: none;
        background: #fff;
        border-radius: 20px;
        font-size: 16px; }
      div#on-page-form div.wpcf7 form.checkout-form select, div#on-page-form div.bookingForm form.checkout-form select {
        margin: 0 0 10px;
        padding: 5px 10px;
        height: 30px;
        border-bottom: none;
        background: #fff;
        border-radius: 20px;
        font-size: 16px; }
        div#on-page-form div.wpcf7 form.checkout-form select option, div#on-page-form div.bookingForm form.checkout-form select option {
          font-size: 1em; }
    div#on-page-form div.wpcf7 form, div#on-page-form div.bookingForm form {
      float: left;
      width: 100%;
      clear: left;
      display: block; }
      div#on-page-form div.wpcf7 form .wpcf7-form-control-wrap, div#on-page-form div.wpcf7 form div.form-control-wrap, div#on-page-form div.bookingForm form .wpcf7-form-control-wrap, div#on-page-form div.bookingForm form div.form-control-wrap {
        position: relative;
        width: 100%;
        float: left;
        clear: left; }
      div#on-page-form div.wpcf7 form span.noLabel, div#on-page-form div.bookingForm form span.noLabel {
        display: none; }
      div#on-page-form div.wpcf7 form span.wpcf7-list-item, div#on-page-form div.wpcf7 form label, div#on-page-form div.bookingForm form span.wpcf7-list-item, div#on-page-form div.bookingForm form label {
        display: inline-block;
        margin: 0 1em 0 0; }
      div#on-page-form div.wpcf7 form div.roomStatus, div#on-page-form div.wpcf7 form div.billingType, div#on-page-form div.bookingForm form div.roomStatus, div#on-page-form div.bookingForm form div.billingType {
        float: left;
        width: 48%;
        margin: 0 2% 10px 0; }
      div#on-page-form div.wpcf7 form div.choice, div#on-page-form div.bookingForm form div.choice {
        float: left;
        width: auto;
        margin: 0 2% 10px 0; }
      div#on-page-form div.wpcf7 form div.formLeft, div#on-page-form div.bookingForm form div.formLeft {
        float: left;
        clear: left;
        width: 50%;
        box-sizing: border-box;
        padding: 0 5% 0 0; }
      div#on-page-form div.wpcf7 form div.formRight, div#on-page-form div.bookingForm form div.formRight {
        float: right;
        box-sizing: border-box;
        padding: 0 0 0 5%;
        width: 50%; }
      div#on-page-form div.wpcf7 form div.formSection, div#on-page-form div.bookingForm form div.formSection {
        background: #EEEAE1;
        border: 1px solid #ccc;
        float: left;
        box-sizing: border-box;
        padding: 10px 10px 0;
        width: calc(100% + 20px);
        margin: 10px 0 10px -10px; }
      div#on-page-form div.wpcf7 form h3, div#on-page-form div.bookingForm form h3 {
        font-family: "Avenir", "Montserrat", sans-serif;
        font-size: 1.875em;
        text-transform: uppercase;
        float: left;
        width: 100%;
        margin: 10px 0;
        font-weight: 300; }
      div#on-page-form div.wpcf7 form h4, div#on-page-form div.bookingForm form h4 {
        font-family: "Avenir", "Montserrat", sans-serif;
        font-size: 1.125em;
        text-transform: uppercase;
        float: left;
        width: 100%;
        margin: 10px 0;
        font-weight: 700; }
      div#on-page-form div.wpcf7 form input, div#on-page-form div.bookingForm form input {
        float: left;
        width: 100%;
        margin: 0 0 40px;
        box-sizing: border-box;
        padding: 10px 5px;
        height: 50px;
        border-bottom: 1px solid #000;
        font-family: "Avenir", "Montserrat", sans-serif;
        font-size: 1.125em;
        font-weight: 300;
        color: #000;
        background: transparent; }
      div#on-page-form div.wpcf7 form input[type='checkbox'], div#on-page-form div.wpcf7 form input[type='radio'], div#on-page-form div.bookingForm form input[type='checkbox'], div#on-page-form div.bookingForm form input[type='radio'] {
        display: block;
        width: 30px;
        height: 30px;
        padding: 0;
        border: 1px solid #000;
        color: #000;
        background: transparent;
        margin: 5px 0 0;
        float: none; }
      div#on-page-form div.wpcf7 form select, div#on-page-form div.bookingForm form select {
        float: left;
        width: 100%;
        margin: 0 0 40px;
        box-sizing: border-box;
        padding: 10px 5px;
        height: 50px;
        border: none;
        cursor: pointer;
        border-bottom: 1px solid #000;
        font-family: "Avenir", "Montserrat", sans-serif;
        font-size: 1.25em;
        color: #000;
        font-weight: 300;
        background: transparent; }
        div#on-page-form div.wpcf7 form select option, div#on-page-form div.bookingForm form select option {
          color: #000;
          font-size: 1.125em; }
      div#on-page-form div.wpcf7 form span.wedding-date, div#on-page-form div.bookingForm form span.wedding-date {
        width: 100%;
        margin: 0 0 40px;
        height: 50px;
        position: relative;
        cursor: pointer;
        display: inline-block; }
        div#on-page-form div.wpcf7 form span.wedding-date::after, div#on-page-form div.bookingForm form span.wedding-date::after {
          content: "Wedding Date";
          display: inline-block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          box-sizing: border-box;
          font-family: "Avenir", "Montserrat", sans-serif;
          font-size: 1.25em;
          text-transform: uppercase;
          padding: 10px 5px;
          height: 49px;
          cursor: pointer;
          pointer-events: none;
          z-index: 2;
          background: #F5F1E8;
          opacity: 1;
          transition: .5s;
          font-weight: 300; }
        div#on-page-form div.wpcf7 form span.wedding-date::after:hover, div#on-page-form div.bookingForm form span.wedding-date::after:hover {
          opacity: 0; }
        div#on-page-form div.wpcf7 form span.wedding-date input, div#on-page-form div.bookingForm form span.wedding-date input {
          margin: 0;
          border-bottom: 1px solid #000;
          cursor: pointer; }
      div#on-page-form div.wpcf7 form span.wedding-date:hover::after, div#on-page-form div.bookingForm form span.wedding-date:hover::after {
        opacity: 0; }
      div#on-page-form div.wpcf7 form span.wedding-date.focus::after, div#on-page-form div.bookingForm form span.wedding-date.focus::after {
        opacity: 0; }
      div#on-page-form div.wpcf7 form textarea, div#on-page-form div.bookingForm form textarea {
        float: left;
        width: 100%;
        box-sizing: border-box;
        padding: 10px 5px;
        border: none;
        font-family: "Avenir", "Montserrat", sans-serif;
        font-size: 1.125em;
        height: 50px;
        margin: 0 0 40px;
        border-bottom: 1px solid #000;
        color: #000;
        background: transparent;
        font-weight: 300; }
      div#on-page-form div.wpcf7 form input.wpcf7-submit, div#on-page-form div.wpcf7 form button, div#on-page-form div.bookingForm form input.wpcf7-submit, div#on-page-form div.bookingForm form button {
        border-bottom: none;
        float: right;
        display: block;
        background: #D4C8C8;
        height: 140px;
        width: 140px;
        font-family: "quentinregular";
        color: #fff;
        text-align: center;
        padding: 0;
        margin: 5px -55px 0 0;
        cursor: pointer;
        border-radius: 50%;
        font-size: 1.9em;
        transition: .5s;
        position: relative;
        z-index: 105;
        -webkit-appearance: none;
        background-image: linear-gradient(to bottom, #D4C8C8, #D4C8C8);
        border: 0; }
      div#on-page-form div.wpcf7 form input.wpcf7-submit:hover, div#on-page-form div.wpcf7 form button:hover, div#on-page-form div.bookingForm form input.wpcf7-submit:hover, div#on-page-form div.bookingForm form button:hover {
        background: #4E6670; }
      div#on-page-form div.wpcf7 form div.wpcf7-validation-errors, div#on-page-form div.wpcf7 form div.wpcf7-acceptance-missing, div#on-page-form div.wpcf7 form div.wpcf7-spam-blocked, div#on-page-form div.bookingForm form div.wpcf7-validation-errors, div#on-page-form div.bookingForm form div.wpcf7-acceptance-missing, div#on-page-form div.bookingForm form div.wpcf7-spam-blocked {
        border: 0; }
    div#on-page-form div.wpcf7 div.screen-reader-response, div#on-page-form div.bookingForm div.screen-reader-response {
      display: none; }
    div#on-page-form div.wpcf7 div.ajax-loader, div#on-page-form div.bookingForm div.ajax-loader {
      display: none; }

div#on-page-form.late {
  background: #4E6670;
  color: #fff;
  margin: 5% 0 0; }
  div#on-page-form.late h3 {
    text-align: center;
    font-size: 4em;
    margin: 50px 0; }
  div#on-page-form.late div.wpcf7 form input, div#on-page-form.late div.wpcf7 form textarea, div#on-page-form.late div.wpcf7 form select {
    color: #fff;
    border-bottom: 1px solid #fff; }
  div#on-page-form.late ::-webkit-input-placeholder {
    color: #fff; }
  div#on-page-form.late :-moz-placeholder {
    color: #fff; }
  div#on-page-form.late ::-moz-placeholder {
    color: #fff; }
  div#on-page-form.late :-ms-input-placeholder {
    color: #fff; }
  div#on-page-form.late div.wpcf7 form input.wpcf7-submit {
    color: #4E6670;
    border: none;
    z-index: 0; }
  div#on-page-form.late div.wpcf7 form input.wpcf7-submit:hover {
    background: #F5F1E8; }

div.complete {
  float: left;
  width: 100%;
  text-align: center; }
  div.complete h2 {
    font-size: 3em; }
  div.complete a {
    padding: 5px 20px;
    background: #A86441;
    color: #fff;
    border-radius: 15px;
    font-size: 1em;
    text-transform: uppercase;
    float: left;
    margin-left: 50%;
    transform: translateX(-50%); }
  div.complete a:hover {
    background: #000; }

body.single-booking div#on-page-form div.bookingForm {
  width: 80%;
  box-sizing: border-box;
  padding: 0;
  float: left;
  margin: 3% 10% 6%; }

div.wpcf7 .ajax-loader, div.grecaptcha-badge, div.wpcf7-response-output {
  display: none !important; }

span.wpcf7-not-valid-tip {
  color: #A86441;
  font-size: .8em;
  font-weight: normal;
  display: block;
  pointer-events: none;
  float: none;
  width: auto;
  margin: 0;
  position: absolute;
  right: 0;
  bottom: 50px; }

div.wpcf7-mail-sent-ok {
  border-style: none; }

div.content.find {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 5% 0;
  position: relative; }
  div.content.find::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .4;
    z-index: 1; }
  div.content.find h1 {
    color: #fff;
    position: relative;
    z-index: 2; }
  div.content.find div.contactForm {
    float: left;
    width: 70%;
    height: auto;
    padding: 0 5% 0;
    box-sizing: border-box;
    position: relative;
    z-index: 2; }
    div.content.find div.contactForm div.wpcf7 {
      width: 100%;
      box-sizing: border-box;
      padding: 0 6% 0 0;
      float: left;
      margin: 0 0 10%;
      position: relative;
      z-index: 104; }
      div.content.find div.contactForm div.wpcf7 form {
        float: left;
        width: 100%;
        clear: left;
        display: block; }
        div.content.find div.contactForm div.wpcf7 form div.formLeft {
          float: left;
          width: 50%;
          box-sizing: border-box;
          padding: 0 5% 0 0; }
          div.content.find div.contactForm div.wpcf7 form div.formRight {
          float: right;
          box-sizing: border-box;
          padding: 0 0 0 5%;
          width: 50%;
          margin-top: 35px;}
        div.content.find div.contactForm div.wpcf7 form input {
          float: left;
          width: 100%;
          margin: 0 0 40px;
          box-sizing: border-box;
          padding: 10px 5px;
          height: 50px;
          border-bottom: 1px solid #fff;
          font-family: "Avenir", "Montserrat", sans-serif;
          font-size: 1.125em;
          color: #fff;
          background: transparent; }
        div.content.find div.contactForm div.wpcf7 form select {
          float: left;
          width: 100%;
          margin: 0 0 40px;
          box-sizing: border-box;
          padding: 10px 5px;
          height: 50px;
          border: none;
          border-bottom: 1px solid #fff;
          font-family: "Avenir", "Montserrat", sans-serif;
          font-size: 1.125em;
          color: #fff;
          background: transparent; }
          div.content.find div.contactForm div.wpcf7 form select option {
            color: #707070; }
        div.content.find div.contactForm div.wpcf7 form textarea {
          float: left;
          width: 100%;
          box-sizing: border-box;
          padding: 10px 5px;
          border: none;
          font-family: "Avenir", "Montserrat", sans-serif;
          font-size: 1em;
          height: 50px;
          margin: 0 0 10px;
          border-bottom: 1px solid #fff;
          color: #fff;
          background: transparent; }
        div.content.find div.contactForm div.wpcf7 form input.wpcf7-submit {
          border-bottom: none;
          float: right;
          display: block;
          background: #D4C8C8;
          height: 140px;
          width: 140px;
          font-family: "quentinregular";
          color: #fff;
          text-align: center;
          padding: 0;
          margin: -25px -55px 0 0;
          cursor: pointer;
          border-radius: 50%;
          font-size: 1.9em;
          transition: .5s;
          position: relative;
          z-index: 105;
          -webkit-appearance: none;
          background-image: linear-gradient(to bottom, #D4C8C8, #D4C8C8);
          border: 0; }
        div.content.find div.contactForm div.wpcf7 form input.wpcf7-submit:hover {
          background: #4E6670; }
        div.content.find div.contactForm div.wpcf7 form div.wpcf7-validation-errors, div.content.find div.contactForm div.wpcf7 form div.wpcf7-acceptance-missing, div.content.find div.contactForm div.wpcf7 form div.wpcf7-spam-blocked {
          border: 0; }
      div.content.find div.contactForm div.wpcf7 div.screen-reader-response {
        display: none; }
      div.content.find div.contactForm div.wpcf7 div.ajax-loader {
        display: none; }
  div.content.find div.details {
    float: left;
    width: 30%;
    box-sizing: border-box;
    padding: 0 5%;
    position: relative;
    z-index: 2;
    text-align: left;
    border-left: 1px solid #fff; }
    div.content.find div.details p {
      color: #fff;
      text-align: left;
      font-size: 1.4em;
      margin: 0 0 40px; }
      div.content.find div.details p a {
        color: #fff;
        display: block; }
      div.content.find div.details p a:hover {
        color: #A86441; }
    div.content.find div.details p.social a {
      display: inline-block;
      margin: 0 10px; }
  div.content.find div.googleMap {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 5%;
    position: relative;
    z-index: 2; }
    div.content.find div.googleMap h3 {
      text-align: center;
      float: left;
      width: 100%;
      margin: 20px 0;
      color: #fff;
      font-size: 2.5em; }
    div.content.find div.googleMap iframe {
      float: left;
      width: 100%;
      height: 50vh;
      box-sizing: border-box;
      border: 5px solid #fff;
      margin: 0 0 20px; }

body.page-template-blog-template div.content h1 {
  margin: 120px 0 0; }

div.content h1 {
  margin: 120px 0 4%; }

body.page-id-27 header a.cta.popForm {
  display: none; }

#cookie-notice .cn-button {
  margin: 10px;
  padding: 10px;
  background: #D4C8C8;
  border-radius: 50%;
  font-family: "gabriela_stencilregular"; }

/*************** non hd desktop Styles *****************/
@media screen and (max-width: 1700px) {
  body {
    font-size: 14px; }

  footer div#footer {
    float: left;
    width: 74%;
    margin: 0 13%; }

  div.calendar {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }

  div#team button.slick-next.slick-arrow, div#team button.slick-prev.slick-arrow {
    top: 70%; } }
/*************** smaller display Styles *****************/
@media screen and (max-width: 1500px) {
  body {
    font-size: 14px; }

  header {
    height: 120px; }
    header div.logo {
      height: 120px; }
      header div.logo a {
        width: 367px;
        height: 50px;
        margin: 40px auto 0; }
        header div.logo a svg {
          width: 367px;
          height: 50px; }
    header a.cta.popForm {
      width: 110px;
      height: 110px;
      line-height: 110px; }

  header.shrink.open {
    height: 120px; }
    header.shrink.open div.logo {
      height: 120px; }
      header.shrink.open div.logo a {
        width: 367px;
        height: 50px;
        margin: 40px auto 0; }
      header.shrink.open div.logo svg {
        width: 367px;
        height: 50px; }

  div#nav nav {
    margin: 9% 10% 0; }

  .home div#banner h1 {
    font-size: 1.625em;
    top: 160px; }

  div#banner h1 {
    top: 150px; }

  div#featureLinks {
    grid-template-rows: repeat(3, 65vh); }

  div#featureLinks div a {
    padding: 28vh 5% 5%;
    font-size: 5em; }

  div.content h1 {
    font-size: 5.3em;
    margin: 60px 0 4%; }

  div#nav nav {
    margin: 12% 10% 0; }

  div#contact div.wpcf7 {
    margin: 8% 15% 0; }

  div.tripleContent h2 {
    top: 6%; }

  div.singleSlider h2 {
    font-size: 3.25vw;
    margin: -30px 0 20px; }

  div.tripleSlider h2 {
    font-size: 3.25vw; }

  div#tripleSliderrooms.tripleSlider div.tripleSlideContainer {
    height: 85vh; }

  div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide {
    height: 85vh; }

  div#tripleSliderrooms.tripleSlider h2 {
    top: 7%; }

  div.tripleSlider div.tripleSlideContainer div.tripleSlide p {
    margin: -8% 0 0; }

  div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide p {
    margin: -8% 0 0; }

  div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide a {
    top: 63%; }

  div.tripleSlider div.tripleSlideContainer div.tripleSlide a svg, div.singleSlider div.singleSlideContainer div.singleSlide a svg {
    width: 20px; }

  div#testimonial p {
    font-size: 2em; }

  div#resources {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }

  div#team button.slick-next.slick-arrow, div#team button.slick-prev.slick-arrow {
    top: 66%; }

  div.tripleSlider h2 {
    top: 8%; }

  div.calendar {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }

  body.page-template-blog-template div.content h1 {
    margin: 80px 0 0; }

  div#contact div.wpcf7 form input.wpcf7-submit {
    height: 110px;
    width: 110px; } }
/*************** tablet landscape display Styles *****************/
@media screen and (max-width: 1100px) {
  body {
    font-size: 12px; }

  header {
    height: 120px; }
    header div.logo {
      height: 120px; }
      header div.logo a {
        width: 367px;
        height: 50px;
        margin: 40px auto 0; }
        header div.logo a svg {
          width: 367px;
          height: 50px; }
    header a.cta.popForm {
      width: 110px;
      height: 110px;
      line-height: 110px; }

  header.shrink.open {
    height: 120px; }
    header.shrink.open div.logo {
      height: 120px; }
      header.shrink.open div.logo a {
        width: 367px;
        height: 50px;
        margin: 40px auto 0; }
      header.shrink.open div.logo svg {
        width: 367px;
        height: 50px; }

  .home div#banner h1 {
    top: 170px; }

  div#nav nav {
    margin: 14% 10% 0; }

  div#nav nav ul li a {
    font-size: 4.5em; }

  footer div#footer {
    width: 74%;
    margin: 0 13%; }

  div.tripleSlider div.tripleSlideContainer div.tripleSlide div.img1, div.tripleSlider div.tripleSlideContainer div.tripleSlide div.img3 {
    width: 27%;
    height: 36vh;
    margin: 8% 3% 0; }

  div.tripleSlider div.tripleSlideContainer div.tripleSlide div.img2 {
    width: 28%;
    height: 64vh;
    margin: 0 3% 0; }

  div.tripleSlider div.tripleSlideContainer div.tripleSlide p {
    margin: -12% 0 0; }

  div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide p {
    margin: -12% 0 0; }

  div.content h1 {
    font-size: 5em;
    margin: 100px 0 4%; }

  div#contact div.wpcf7 {
    margin: 8% 5% 0;
    width: 90%; }

  div.tripleContent h2 {
    top: 4%; }

  div.tripleContent div h3 {
    margin: 0 0 0 -30px; }

  div#team div#teamSlides div.teamItem img {
    margin: 0 0 20px; }

  div#team button.slick-next.slick-arrow, div#team button.slick-prev.slick-arrow {
    top: 60%; }

  div.tripleSlider div.tripleSlideContainer div.tripleSlide a.prev {
    right: 10%; }

  div#gallery {
    grid-template-rows: repeat(12, 40vh); }

  div#resources {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); } }
/*************** tablet portrait Styles *****************/
@media screen and (max-width: 900px) {
  body {
    background-size: 30% auto;
    font-size: 12px; }

  .desktop {
    display: none; }

  .mobile {
    display: block; }

  div#banner {
    height: 100vh; }

  .home div#banner h1 {
    width: 50%;
    left: 25%; }

  div#mobileBanner {
    float: left;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    position: absolute;
    color: #fff;
    z-index: 1; }

  div#mobileBanner::after {
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .2;
    z-index: 1; }

  div#featureLinks {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 40vh); }
    div#featureLinks div:nth-child(5n) {
      grid-column: span 1; }

  div#featureLinks div a {
    padding: 17vh 5% 5%; }

  div#instagram {
    width: 96%;
    margin: 0 2%; }

  footer div#footer p:first-of-type {
    margin: 0 8% 10px 0; }

  div#nav nav {
    margin: 20% 5% 0;
    width: 90%; }

  div#nav nav ul li {
    margin: 0 0 7vh; }

  div#nav nav ul li a {
    font-size: 4em; }

  div.tripleSlider, div#tripleSliderrooms.tripleSlider {
    width: 94%;
    margin: 8% 3% 6%; }

  div.tripleSlider div.tripleSlideContainer div.tripleSlide div.img1, div.tripleSlider div.tripleSlideContainer div.tripleSlide div.img3, div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide div.img1, div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide div.img3 {
    height: 24vh; }

  div.tripleSlider div.tripleSlideContainer div.tripleSlide div.img2, div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide div.img2 {
    height: 44vh; }

  div.tripleSlider div.tripleSlideContainer, div#tripleSliderrooms.tripleSlider div.tripleSlideContainer {
    height: 56vh; }

  div.tripleSlider div.tripleSlideContainer div.tripleSlide a {
    top: 42%; }

  div.tripleSlider h2, div#tripleSliderrooms.tripleSlider h2 {
    font-size: 5vw;
    top: 6%; }

  div.tripleSlider div.tripleSlideContainer div.tripleSlide p, div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide p {
    margin: -15% 0 0; }

  div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide a {
    top: 40%; }

  div.singleSlider {
    width: 94%;
    margin: 8% 3% 6%;
    padding: 8% 0 5%; }

  div.singleSlider h2 {
    font-size: 4em; }

  div.singleSlider div.singleSlideContainer {
    height: 75vh; }

  div.singleSlider div.singleSlideContainer div.singleSlide {
    height: 75vh; }

  div.singleSlider div.singleSlideContainer div.singleSlide div.img1 {
    height: 50vh; }

  div.singleSlider div.singleSlideContainer div.singleSlide a {
    top: 52vh; }

  div.tripleContent {
    width: 94%;
    margin: 8% 3% 6%; }

  div#team h2 {
    margin: 0 0 0 4%; }

  div#team div#teamSlides div.slick-active h3 {
    opacity: 0; }

  div#team div#teamSlides div.slick-active p {
    opacity: 0; }

  div#team div#teamSlides div.slick-active.slick-current h3 {
    opacity: 1; }

  div#team div#teamSlides div.slick-active.slick-current p {
    opacity: 1; }

  div#gallery {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(12, 30vh); }
    div#gallery div.galleryItem img.mobile {
      display: none; }

  div.galleryItem:first-of-type {
    grid-column-start: 1;
    grid-column-end: span 4;
    grid-row-start: 1;
    grid-row-end: span 2; }

  div.galleryItem:nth-of-type(2) {
    grid-column-start: 1;
    grid-column-end: span 1;
    grid-row-start: 3;
    grid-row-end: span 1; }

  div.galleryItem:nth-of-type(3) {
    grid-column-start: 2;
    grid-column-end: span 1;
    grid-row-start: 3;
    grid-row-end: span 1; }

  div.galleryItem:nth-of-type(4) {
    grid-column-start: 3;
    grid-column-end: span 2;
    grid-row-start: 3;
    grid-row-end: span 2; }

  div.galleryItem:nth-of-type(5) {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 4;
    grid-row-end: span 1; }

  div.galleryItem:nth-of-type(6) {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 5;
    grid-row-end: span 2; }

  div.galleryItem:nth-of-type(7) {
    grid-column-start: 3;
    grid-column-end: span 2;
    grid-row-start: 5;
    grid-row-end: span 1; }

  div.galleryItem:nth-of-type(8) {
    grid-column-start: 3;
    grid-column-end: span 2;
    grid-row-start: 6;
    grid-row-end: span 1; }

  div.galleryItem:nth-of-type(9) {
    grid-column-start: 1;
    grid-column-end: span 4;
    grid-row-start: 7;
    grid-row-end: span 2; }

  div.galleryItem:nth-of-type(10) {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 9;
    grid-row-end: span 2; }

  div.galleryItem:nth-of-type(11) {
    grid-column-start: 3;
    grid-column-end: span 2;
    grid-row-start: 9;
    grid-row-end: span 1; }

  div.galleryItem:nth-of-type(12) {
    grid-column-start: 3;
    grid-column-end: span 1;
    grid-row-start: 10;
    grid-row-end: span 1; }

  div.galleryItem:nth-of-type(13) {
    grid-column-start: 4;
    grid-column-end: span 1;
    grid-row-start: 10;
    grid-row-end: span 1; }

  div.galleryItem:nth-of-type(14) {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 11;
    grid-row-end: span 2; }

  div.galleryItem:nth-of-type(15) {
    grid-column-start: 3;
    grid-column-end: span 2;
    grid-row-start: 11;
    grid-row-end: span 2; }

  div#resources {
    width: 90%;
    margin: 5%; }

  div#resources > div {
    width: 23vw;
    height: 23vw; }

  div#resources > div > a {
    width: 20vw;
    height: 12vw;
    padding: 6vw 2vw;
    font-size: 3vw; }

  body.page-id-12200 div#resources > div > a {
    width: 20vw;
    height: 12vw;
    padding: 6vw 2vw;
    font-size: 3vw; }

  div#resources > div:hover {
    background-position: center; }

  div#resources > div.open div.message {
    top: 10%; }

  div.content.find div.contactForm {
    width: 100%;
    padding: 0 5% 0; }

  div.content.find div.details {
    width: 90%;
    padding: 5%;
    margin: 0 5%; } }
/***************** Mobile Portrait Styles *****************/
@media screen and (max-width: 600px) {
  body {
    font-size: 12px;
    background-size: 20% auto; }

  header {
    height: 70px; }
    header a.menu {
      top: 25px;
      left: 20px; }
    header div.logo {
      height: 70px;
      width: 60%;
      margin: 0 20%; }
      header div.logo a {
        width: 180px;
        height: 25px;
        margin: 25px auto 0; }
        header div.logo a svg {
          width: 180px;
          height: 25px; }
    header a.cta.popForm {
      width: 90px;
      height: 90px;
      line-height: 90px;
      font-size: 1.25em; }

  header.shrink {
    height: 60px; }
    header.shrink div.logo {
      height: 60px; }
      header.shrink div.logo a {
        width: 146px;
        height: 20px;
        margin: 20px auto 0; }
      header.shrink div.logo svg {
        width: 146px;
        height: 20px; }
    header.shrink a.menu {
      top: 20px;
      left: 15px; }

  header.shrink.open {
    height: 80px; }
    header.shrink.open div.logo {
      height: 80px; }
      header.shrink.open div.logo a {
        width: 180px;
        height: 25px;
        margin: 25px auto 0; }
      header.shrink.open div.logo svg {
        width: 180px;
        height: 25px; }
    header.shrink.open a.menu {
      top: 25px;
      left: 20px; }

  div#nav nav {
    margin: 25% 5% 0;
    width: 90%; }

  div#nav nav ul li {
    margin: 1vh 0;
    width: 100%; }

  div#nav nav ul li a {
    font-size: 2.3em; }

  div#featureLinks {
    width: calc(100% - 46px);
    margin: 2% 23px 4%;
    grid-gap: 23px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(8, 50vh); }

  div#featureLinks div a {
    padding: 23vh 5% 5%;
    font-size: 4em; }

  div.content {
    padding: 10%; }

  div#testimonial {
    padding: 10% 0; }

  div#testimonial p {
    width: 90%;
    margin: 0 5% 2%;
    font-size: 2em; }

  div#instagram {
    width: 100%;
    margin: 0;
    padding: 10% 0;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, auto);
    grid-gap: 2px; }

  div#instagram div:first-of-type h2 {
    top: 35%;
    font-size: 6vw; }

  div#instagram div a {
    opacity: 0;
    transition: all .5s ease 0s;
    top: 100%;
    height: 30px;
    width: 30px;
    left: calc(50% - 15px); }

  div#instagram div:hover a, div#instagram div:focus a {
    opacity: 1;
    top: calc(50% - 15px);
    transition: all .5s ease .5s !important; }

  div#instagram div:first-of-type a {
    font-size: 2vw;
    top: 60%;
    display: block; }

  div#instagram div a svg {
    top: auto;
    position: relative;
    left: auto;
    margin: 0;
    width: 30px;
    height: 30px; }

  footer {
    position: relative;
    z-index: 100;
    padding: 5% 0 0; }

  footer div#footer img {
    width: 200px;
    margin: 10px 0 20px calc(50% - 100px); }

  footer div#footer p:first-of-type {
    margin: 0;
    height: auto; }

  footer div#footer p {
    margin: 0;
    position: relative;
    padding: 20px 0;
    float: left;
    width: 100%;
    text-align: center;
    height: auto; }
    footer div#footer p a {
      display: block; }
    footer div#footer p span {
      display: none; }

  footer div#footer p::after {
    content: "";
    display: block;
    position: absolute;
    left: 35%;
    width: 30%;
    height: 1px;
    background: #fff;
    bottom: 0; }

  footer div#footer hr {
    float: left;
    width: 30%;
    border: .5px solid #fff;
    margin: 0 35%; }

  footer div#footer p:nth-of-type(2) {
    width: 55%;
    margin: 0 22.5%;
    height: auto; }
    footer div#footer p:nth-of-type(2) a {
      display: block;
      padding: 10px 0 0; }
    footer div#footer p:nth-of-type(2) span {
      display: none; }

  footer div#footer p.social {
    margin: 0; }
    footer div#footer p.social a {
      display: inline-block; }

  footer div#footer p.social::after {
    display: none; }

  footer div#footer p:last-of-type::after {
    display: none; }

  footer div#footer p:last-of-type {
    margin: 0; }
    footer div#footer p:last-of-type a {
      display: inline; }

  div#banner {
    height: 100vh; }

  div#banner h1 {
    left: 10%;
    top: 120px;
    font-size: 4em;
    width: 80%; }

  .home div#banner {
    height: 100vh; }

  .home div#banner h1 {
    top: 188px;
    font-size: 1.625em;
    font-weight: 300;
    width: 84%;
    left: 8%; }

  .home div.content h2 {
    font-size: 1.25em;
    font-family: "Avenir", "Montserrat", sans-serif;
    font-weight: 300;
    margin: 0; }

  div#banner h1 {
    top: 90px; }

  div.tripleSlider, div#tripleSliderrooms.tripleSlider {
    width: 90%;
    margin: 8% 5% 6%; }

  div.tripleSlider div.tripleSlideContainer, div#tripleSliderrooms.tripleSlider div.tripleSlideContainer {
    height: auto; }

  div.tripleSlider h2, div#tripleSliderrooms.tripleSlider h2 {
    font-size: 2.5em;
    width: auto;
    position: relative;
    top: auto;
    left: auto;
    float: left;
    margin: 4% 0 0px; }

  div.tripleSlider div.tripleSlideContainer div.tripleSlide, div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide {
    position: relative;
    width: 100%;
    height: auto;
    opacity: 1;
    top: auto;
    left: auto;
    float: left; }

  div.tripleSlider div.tripleSlideContainer div.tripleSlide div.img1, div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide div.img1 {
    height: 50vh;
    width: 100%;
    margin: 0; }

  div.tripleSlider div.tripleSlideContainer div.tripleSlide div.img2, div.tripleSlider div.tripleSlideContainer div.tripleSlide div.img3 {
    display: none; }

  div.tripleSlider div.tripleSlideContainer div.tripleSlide p, div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide p {
    width: 100%;
    margin: 8% 0; }

  div.tripleSlider div.tripleSlideContainer div.tripleSlide a.next, div.tripleSlider div.tripleSlideContainer div.tripleSlide a.prev {
    display: none !important; }

  div.singleSlider {
    width: 90%;
    margin: 0 5%;
    padding: 8% 0; }

  div.singleSlider h2 {
    font-size: 2.5em;
    text-align: left;
    line-height: 80%;
    width: auto;
    position: relative;
    top: auto;
    left: auto;
    float: left;
    margin: 4% 0 -20px; }

  div.singleSlider div.singleSlideContainer div.singleSlide a {
    display: none; }

  div.singleSlider div.singleSlideContainer {
    height: auto; }

  div.singleSlider div.singleSlideContainer div.singleSlide {
    height: auto;
    float: left;
    position: relative;
    opacity: 1;
    left: auto;
    top: auto; }

  div.singleSlider div.singleSlideContainer div.singleSlide div.img1 {
    height: 50vh;
    width: 100%;
    margin: 30px 0; }

  div.singleSlider div.singleSlideContainer div.singleSlide p {
    width: 100%;
    text-align: left;
    font-size: 1em;
    margin: 0; }

  div#contact h2 {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 2em;
    margin: 4% 0; }

  div#contact div.wpcf7 {
    margin: 10% 0% 0;
    width: 100%; }

  div#contact div.wpcf7 form div.formLeft, div#contact div.wpcf7 form div.formRight,
  div#on-page-form div.wpcf7 form div.formLeft, div#on-page-form div.wpcf7 form div.formRight {
    width: 100%;
    padding: 0; }

  div#contact div.wpcf7 form input, div#contact div.wpcf7 form select {
    margin: 0 0 5px;
    padding: 10px 5px;
    height: 40px;
    border-bottom: 1px solid #fff;
    font-size: 1em; }

  div#contact div.wpcf7 form div.dateInput {
    margin: 0 0 5px;
    padding: 10px 5px;
    height: 40px;
    border-bottom: 1px solid #fff;
    font-size: 1em; }

  div#contact div.wpcf7 form input.wpcf7-submit {
    height: 90px;
    width: 90px;
    font-size: 1.7em;
    margin: 10px 0 20px; }

  span.wpcf7-not-valid-tip {
    float: right; }

  div#contact div.contactDetails p {
    font-size: .9em; }

  div.content h1 {
    font-size: 2.5em;
    margin: 45px 0 20px; }

  div.promo {
    left: 5%;
    width: 90%; }

  div.promo.show {
    top: 10%; }

  div.hints {
    float: left;
    width: 90%;
    margin: 0 5% 5%; }

  div.smallPrint {
    width: 100%;
    margin: 5% 0 10%;
    font-size: .9em; }

  div.content.topContent {
    padding: 10% 5% 0; }

  body.page-template-text-page section#top-content div.content img {
    margin: 0 auto 10px;
    padding: 0; }

  div.tripleContent {
    width: 90%;
    margin: 8% 5% 6%; }

  div.tripleContent h2 {
    top: auto;
    position: relative;
    font-size: 2.5em;
    left: auto;
    float: left;
    width: 60%;
    line-height: 80%;
    margin: 0 0 -10px; }

  div.tripleContent div {
    width: 100%;
    margin: 0;
    float: left; }

  div.tripleContent div.img2 {
    margin: 0; }

  div.tripleContent div.img2 img, div.tripleContent div.img3 img {
    display: none; }

  div.tripleContent div h3 {
    margin: 0;
    width: 40px; }

  div.tripleContent div p {
    float: right;
    width: calc(100% - 40px);
    text-align: left;
    margin: 5px 0 20px; }

  div#team {
    float: left;
    width: 90%;
    margin: 0 0 4% 5%; }

  div#team h2 {
    font-size: 2.5em;
    margin: 0 0 -10px 4%; }

  div#team div#teamSlides div.teamItem h3, div#team div#teamSlides div.teamItem p {
    padding: 0; }

  div#gallery {
    display: block; }
    div#gallery div {
      float: left;
      width: 100%;
      height: auto !important;
      grid-column-start: unset;
      display: block;
      grid-column-end: unset;
      grid-row-start: unset;
      grid-row-end: unset;
      position: relative;
      margin: 0 0 5px; }
      div#gallery div img.mobile {
        float: left;
        width: 100%;
        height: auto;
        display: block !important; }

  div#resources {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2rem;
    margin: 5% 5% 10%; }

  div#resources > div {
    width: 40vw;
    height: 40vw;
    margin: 0; }

  div#resources > div > a {
    width: 38vw;
    height: 10vw;
    padding: 14vw 2vw 12vw;
    font-size: 20px;
    line-height: 90%; }

  body.page-id-12200 div#resources > div > a {
    width: 38vw;
    height: 10vw;
    padding: 14vw 2vw 12vw;
    font-size: 20px;
    line-height: 90%; }

  div#resources > div:hover {
    background-position: center; }

  div#resources > div div.message {
    width: 90%;
    padding: 50px;
    left: 5%; }

  div#resources > div.open div.message {
    top: 10%; }

  div#resources > div div.message a.popResource {
    top: 15px;
    right: 15px; }

  body.page-template-blog-template div.content h1 {
    margin: 40px 0 0; }

  div#posts {
    width: 90%;
    margin: 0 5% 4%; }

  body.single section#top-content div.content img {
    margin: 0 auto 10px;
    padding: 0; }

  div.content.find {
    padding: 15% 0; }

  div.content.find div.map iframe {
    height: 330px; }

  div.content.find div.contactForm div.wpcf7 form div.formLeft, div.content.find div.contactForm div.wpcf7 form div.formRight {
    width: 100%;
    padding: 0; }

  div#on-page-form div.wpcf7 {
    width: 90%;
    padding: 0 3% 0 3%;
    margin: 3% 5% 6%; }

  div#on-page-form div.wpcf7 form input.wpcf7-submit, div.content.find div.contactForm div.wpcf7 form input.wpcf7-submit {
    width: 100px;
    height: 100px;
    margin: -25px -15px 0 0; }

  div.welcome {
    padding: 100px 10% 0px; }

  div.welcome h2 {
    font-size: 3em;
    margin: 0 0 20px; }

  body.single-booking div#on-page-form div.bookingForm {
    width: 90%;
    margin: 3% 5% 6%; }

  div#on-page-form div.wpcf7 div.checkout.RoomDetails, div#on-page-form div.bookingForm div.checkout.RoomDetails {
    width: 100%;
    padding: 25px 0 0; }

  div#on-page-form div.wpcf7 form.checkout-form, div#on-page-form div.bookingForm form.checkout-form {
    width: 100%;
    padding: 25px 0; }

  div#on-page-form div.wpcf7 form.checkout-form div.checkout.RoomDetails.mid, div#on-page-form div.bookingForm form.checkout-form div.checkout.RoomDetails.mid {
    width: 100%;
    border-left: 0;
    border-right: 0;
    padding: 0; }

  div#on-page-form div.wpcf7 form.checkout-form div.checkout.RoomDetails:last-of-type, div#on-page-form div.bookingForm form.checkout-form div.checkout.RoomDetails:last-of-type {
    width: 100%;
    padding: 25px 0; }

  div#on-page-form div.wpcf7 form input.wpcf7-submit, div#on-page-form div.wpcf7 form button, div#on-page-form div.bookingForm form input.wpcf7-submit, div#on-page-form div.bookingForm form button {
    margin: 0; } }
/*************** Shitty triple image Styles 
@media screen and (min-width: 900px) and (max-height: 600px) {
	body {
		font-size: 12px;
		background-size: 20% auto;
	}
	
	div.tripleSlider, div#tripleSliderrooms.tripleSlider {
		width: 90%;
		margin: 8% 5% 6%;
	}
	div.tripleSlider div.tripleSlideContainer, div#tripleSliderrooms.tripleSlider div.tripleSlideContainer {
		height: auto;
	}
	div.tripleSlider h2, div#tripleSliderrooms.tripleSlider h2 {
		font-size: 2.5em;
		width: auto;
		position: relative;
		top: auto;
		left: auto;
		float: left;
		margin: 4% 0 0px;
	}
	div.tripleSlider div.tripleSlideContainer div.tripleSlide, div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide {
		position: relative;
		width: 100%;
		height: auto;
		opacity: 1;
		top: auto;
		left: auto;
		float: left;
	}
	div.tripleSlider div.tripleSlideContainer div.tripleSlide div.img1, div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide div.img1 {
		height: 50vh;
		width: 100%;
		margin: 0;
	}
	div.tripleSlider div.tripleSlideContainer div.tripleSlide div.img2, div.tripleSlider div.tripleSlideContainer div.tripleSlide div.img3 {
		display: none;
	}
	div.tripleSlider div.tripleSlideContainer div.tripleSlide p, div#tripleSliderrooms.tripleSlider div.tripleSlideContainer div.tripleSlide p {
		width: 100%;
		margin: 8% 0;
	}
	div.tripleSlider div.tripleSlideContainer div.tripleSlide a.next, div.tripleSlider div.tripleSlideContainer div.tripleSlide a.prev {
		display: none !important;
	}
	div.singleSlider {
		width: 90%;
		margin: 0 5%;
		padding: 8% 0;
	}
	div.singleSlider h2 {
		font-size: 2.5em;
		text-align: left;
		line-height: 80%;
		width: auto;
		position: relative;
		top: auto;
		left: auto;
		float: left;
		margin: 4% 0 -20px;
	}
	div.singleSlider div.singleSlideContainer div.singleSlide a {
		display: none;
	}
	div.singleSlider div.singleSlideContainer {
		height: auto;
	}
	div.singleSlider div.singleSlideContainer div.singleSlide {
		height: auto;
		float: left;
		position: relative;
		opacity: 1;
		left: auto;
		top: auto;
	}
	div.singleSlider div.singleSlideContainer div.singleSlide div.img1 {
		height: 50vh;
		width: 100%;
		margin: 30px 0;
	}
	div.singleSlider div.singleSlideContainer div.singleSlide p {
		width: 100%;
		text-align: left;
		font-size: 1em;
		margin: 0;
	}
	
	div.tripleContent {
		width: 90%;
		margin: 8% 5% 6%;
	}
	div.tripleContent h2 {
		top: auto;
		position: relative;
		font-size: 2.5em;
		left: auto;
		float: left;
		width: 60%;
		line-height: 80%;
		margin: 0 0 -10px;
	}
	div.tripleContent div {
		width: 100%;
		margin: 0;
		float: left;
	}
	div.tripleContent div.img2 {
		margin: 0;
	}
	div.tripleContent div.img2 img, div.tripleContent div.img3 img {
		display: none;
	}
	div.tripleContent div h3 {
		margin: 0;
		width: 40px;
	}
	div.tripleContent div p {
		float: right;
		width: calc(100% - 40px);
		text-align: left;
		margin: 5px 0 20px;
	}
	
}

/***************** little mobile phone Styles *****************/
@media screen and (max-width: 320px) and (max-height: 520px) {
  body {
    font-size: 10px; } }