/*
Theme Name: Hyde House
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; }
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: "Libre Baskerville", serif;
  font-weight: 400;
  -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/logoIcon.svg) center center/10% auto no-repeat #E4E2D0;
  background-attachment: fixed;
  position: relative;
  font-size: 16px;
  font-family: "Libre Baskerville", serif;
  color: #202739;
  min-height: 100%;
  width: 100%;
  overflow-y: scroll;
  float: left;
  font-weight: 400;
  margin: 0;
  padding: 70px 0 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: "Libre Baskerville", serif; }

a:hover {
  text-decoration: none; }

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

h1, h2, h3 {
  font-family: "Libre Baskerville", serif;
  font-size: 2.75em;
  text-align: center;
  float: left;
  width: 100%;
  margin: 0 0 25px; }

h4, h5 {
  font-family: "Libre Baskerville", serif;
  text-transform: uppercase;
  font-size: 1.125em;
  float: left;
  width: 100%;
  margin: 0 0 25px; }

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: "Libre Baskerville", serif;
  text-transform: uppercase; }

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

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

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

input, textarea {
  webkit-appearance: none;
  border-radius: 0;
  border: none;
  font-family: "Libre Baskerville", serif; }

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

.desktop {
  display: block; }

.mobile {
  display: none; }

a.popSearch {
  display: none; }

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

#wrapper.active {
  opacity: 1; }

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

header.siteHeader {
  background: #E4E2D0;
  border-bottom: 1px solid #E4E2D0;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0px;
  width: 100%;
  height: 70px;
  transition: all 0.5s ease 0s;
  z-index: 101; }
  header.siteHeader a.menu {
    display: block;
    position: fixed;
    text-transform: uppercase;
    padding: 0 36px 0 0;
    height: 18px;
    line-height: 18px;
    top: 28px;
    font-size: 18px;
    color: #202739;
    font-family: "Libre Baskerville", serif;
    right: 70px;
    z-index: 200;
    transition: all 0.5s ease 0s; }
    header.siteHeader a.menu span {
      display: block;
      position: absolute;
      width: 26px;
      height: 1px;
      background: #202739;
      transition: all 0.5s ease 0s;
      right: 0px; }
    header.siteHeader a.menu span:first-of-type {
      top: 0px; }
    header.siteHeader a.menu span:nth-of-type(2) {
      top: 8px; }
    header.siteHeader a.menu span:last-of-type {
      top: 16px; }
  header.siteHeader a.logo {
    width: 160px;
    height: 50px;
    z-index: 104;
    position: absolute;
    transition: all 0.5s ease 0s;
    opacity: 1;
    top: 10px;
    left: calc(50% - 80px); }
    header.siteHeader a.logo svg {
      float: left;
      width: 160px;
      height: 50px;
      margin: 0;
      transition: all 0.5s ease 0s; }
      header.siteHeader a.logo svg path {
        fill: #202739;
        transition: all 0.5s ease 0s; }
  header.siteHeader a.cta.popForm {
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: 120px;
    height: 120px;
    padding: 0;
    background: #CD9D7D;
    font-family: "Libre Baskerville", serif;
    text-transform: uppercase;
    color: #fff;
    border-radius: 50%;
    font-size: 1em;
    text-align: center;
    line-height: 120px;
    z-index: 102; }
  header.siteHeader a.cta.popForm:hover {
    background: #9E9D98; }

header.siteHeader.open a.menu {
  color: #fff; }
  header.siteHeader.open a.menu span:first-of-type {
    background: #fff;
    transform: rotate(225deg);
    top: 8px; }
  header.siteHeader.open a.menu span:nth-of-type(2) {
    background: #fff;
    opacity: 0;
    right: -40px; }
  header.siteHeader.open a.menu span:last-of-type {
    background: #fff;
    transform: rotate(-225deg);
    top: 8px; }

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

div#nav {
  background: #A39F7C;
  float: left;
  width: 100%;
  height: 100%;
  padding: 3%;
  box-sizing: border-box;
  position: fixed;
  top: 0%;
  transition: .5s;
  right: 100%;
  z-index: 105; }
  div#nav a.navLogo {
    display: block;
    margin: 1% auto 0;
    width: 30%; }
    div#nav a.navLogo svg {
      float: left;
      width: 100%; }
      div#nav a.navLogo svg path#logo {
        fill: #fff; }

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

div#nav nav {
  width: 80%;
  float: left;
  position: relative;
  z-index: 104;
  margin: 3% 10%;
  padding: 3% 0 5%;
  border-top: 1px solid #fff; }

div#nav nav ul {
  float: left;
  width: 100%;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 70px 0; }

div#nav nav ul li {
  width: 100%;
  text-align: center;
  margin: 0; }

div#nav nav ul li#menu-item-153 {
  width: 200%; }

div#nav nav ul li a {
  font-size: 3em;
  color: #fff;
  font-family: "Libre Baskerville", serif; }

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

div#banner {
  float: left;
  margin: 0 0 0 70px;
  width: calc(100% - 140px);
  height: calc(100vh - 140px);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  position: relative;
  color: #fff; }
  div#banner span {
    display: block;
    position: absolute;
    line-height: 110%;
    left: 0;
    bottom: -67px;
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-transform: uppercase;
    font-family: "Libre Baskerville", serif;
    text-align: center;
    font-size: 1.25em;
    color: #202739;
    z-index: 2; }
    div#banner span::after {
      content: "";
      display: block;
      position: absolute;
      bottom: 10px;
      left: calc(50% - 40px);
      width: 80px;
      height: .5px;
      background: #202739; }

body.page-id-151 div#banner {
  height: 60vh; }

div#banner.half1 {
  height: 60vh;
  background-position: center; }

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

div.content {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 3% 25% 3%; }
  div.content h1 {
    font-size: 2.75em;
    float: left;
    width: 100%;
    margin: 0 0 25px;
    text-align: center; }
  div.content h2 {
    font-size: 2.75em;
    float: left;
    width: 100%;
    margin: 0 0 25px;
    text-align: center; }
  div.content h3 {
    font-size: 2.75em;
    float: left;
    width: 100%;
    margin: 0 0 25px;
    text-align: center; }
  div.content h4 {
    font-size: 1.75em;
    float: left;
    width: 100%;
    margin: 0 0 25px;
    text-align: center; }
  div.content p {
    width: 100%;
    float: left;
    text-align: center; }
  div.content a {
    color: #CD9D7D; }
  div.content a:hover {
    color: #A39F7C; }

body.page-id-137 div.content h1, body.page-id-148 div.content h1 {
  margin: 0; }

.home div.content {
  padding: 4% 25% 4%; }

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

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

div.content.topContent {
  padding: 7% 25% 3%; }
  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: #A39F7C;
      cursor: pointer;
      font-size: 1.6em;
      transition: .5s; }
    div.content.topContent form input[type=submit]:hover {
      color: #CD9D7D; }

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: #CD9D7D;
  font-family: "Libre Baskerville", serif;
  text-transform: uppercase;
  text-decoration: underline;
  font-size: .9em; }
body.page-template-text-page section#top-content div.content a:hover {
  color: #A39F7C; }

div#featureLinks {
  float: left;
  width: calc(100% - 140px);
  margin: 0 70px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 40vh 10vh 40vh;
  grid-gap: 10px;
  grid-auto-flow: dense; }
  div#featureLinks div {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block; }
    div#featureLinks div a {
      position: absolute;
      width: 100%;
      height: 100%;
      line-height: 40vh;
      text-align: center;
      text-transform: uppercase;
      font-family: "Libre Baskerville", serif;
      color: #fff;
      font-size: 1.25em;
      margin: 0;
      z-index: 1; }
    div#featureLinks div a::before {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: #202739;
      opacity: .3;
      z-index: -1;
      transition: all 0.5s ease 0s; }
    div#featureLinks div a:hover {
      color: #E4E2D0; }
    div#featureLinks div a:hover::before {
      opacity: .6; }
  div#featureLinks div:nth-of-type(1) {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 1;
    grid-row-end: span 2; }
    div#featureLinks div:nth-of-type(1) a {
      line-height: 50vh; }
  div#featureLinks div:nth-of-type(2) {
    grid-column-start: 3;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 2; }
    div#featureLinks div:nth-of-type(2) a {
      line-height: 50vh; }
  div#featureLinks div:nth-of-type(3) {
    grid-column-start: 4;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 1; }
  div#featureLinks div:nth-of-type(4) {
    grid-column-start: 5;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 1; }
  div#featureLinks div:nth-of-type(5) {
    grid-column-start: 1;
    grid-column-end: span 1;
    grid-row-start: 3;
    grid-row-end: span 1; }
  div#featureLinks div:nth-of-type(6) {
    grid-column-start: 2;
    grid-column-end: span 1;
    grid-row-start: 3;
    grid-row-end: span 1; }
  div#featureLinks div:nth-of-type(7) {
    grid-column-start: 3;
    grid-column-end: span 1;
    grid-row-start: 3;
    grid-row-end: span 1; }
    div#featureLinks div:nth-of-type(7) a {
      line-height: 40vh; }
  div#featureLinks div:nth-of-type(8) {
    grid-column-start: 4;
    grid-column-end: span 2;
    grid-row-start: 2;
    grid-row-end: span 2; }
    div#featureLinks div:nth-of-type(8) a {
      line-height: 50vh; }

div#testimonial {
  float: left;
  width: 100%;
  padding: 7% 0; }
  div#testimonial p {
    float: left;
    width: 62%;
    margin: 0 19% 2%;
    font-family: "Libre Baskerville", serif;
    font-style: italic;
    text-align: center;
    font-size: 2em; }
  div#testimonial h3 {
    float: left;
    width: 100%;
    font-size: 1em;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
    font-family: "Libre Baskerville", serif; }
  div#testimonial h4 {
    float: left;
    width: 100%;
    font-size: .9em;
    font-style: italic;
    text-align: center;
    font-weight: 300;
    font-family: "Libre Baskerville", serif; }

section.instagram {
  margin: 0 0 5%; }
  section.instagram h2 {
    text-align: center;
    float: left;
    width: 100%; }
  section.instagram a.follow {
    display: table;
    margin: 0 auto;
    text-align: center;
    font-family: "Libre Baskerville", serif;
    font-size: 1.125em; }
    section.instagram a.follow span {
      text-transform: uppercase;
      font-family: "Libre Baskerville", serif; }

div#instagram {
  float: left;
  width: 74%;
  margin: 0 13% 25px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, auto);
  grid-gap: 1rem; }
  div#instagram div:first-of-type h2 {
    position: absolute;
    width: 90%;
    left: 5%;
    top: 36%;
    color: #fff;
    font-size: 3vw;
    text-align: center; }
  div#instagram div:first-of-type a {
    position: absolute;
    text-transform: uppercase;
    font-size: 1em;
    width: 90%;
    left: 5%;
    top: 68%;
    color: #fff;
    text-align: center;
    margin: 0; }
  div#instagram div {
    background: #000;
    position: relative;
    overflow: hidden; }
    div#instagram div img {
      float: left;
      width: 100%;
      transition: all 0.5s ease 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 ease 0s; }
  div#instagram div:hover img {
    opacity: .7; }
  div#instagram div:hover a svg {
    opacity: 1; }

div.stripImage {
  float: left;
  width: calc(100% - 140px);
  margin: 0 0 0 70px;
  background: center/cover;
  height: 72vh; }

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: "Libre Baskerville", serif;
    text-transform: uppercase;
    font-size: 2em;
    float: left;
    text-align: left;
    width: auto;
    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: #A39F7C;
      font-size: 1.375em; }
    div.calendar div table th:nth-of-type(2) {
      border-right: 1px solid #ccc;
      color: #CD9D7D; }
    div.calendar div table th:nth-of-type(4) {
      border-left: 1px solid #ccc;
      color: #CD9D7D; }
    div.calendar div table td {
      border: 0;
      text-align: center;
      color: #A39F7C;
      font-size: 1em;
      letter-spacing: 1px; }
      div.calendar div table td a {
        text-transform: none; }
    div.calendar div table td:nth-of-type(1) {
      text-align: left;
      color: #A39F7C;
      font-size: 1.375em; }
    div.calendar div table td:nth-of-type(2) {
      border-right: 1px solid #ccc;
      color: #CD9D7D; }
    div.calendar div table td:nth-of-type(4) {
      border-left: 1px solid #ccc;
      color: #CD9D7D; }

div.hints {
  float: left;
  width: 74%;
  margin: 0 13% 5%;
  box-sizing: border-box;
  padding: 20px;
  color: #black; }
  div.hints h3 {
    font-family: "Libre Baskerville", serif;
    text-transform: none;
    text-align: center;
    float: left;
    width: 100%;
    margin: 0 0 20px;
    font-size: 1.875em; }
  div.hints a {
    padding: 10px 30px;
    background: #fff;
    color: #A39F7C;
    text-transform: uppercase;
    display: table;
    margin: 0 auto; }
  div.hints a:hover {
    background: #A39F7C;
    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: #CD9D7D; }

div.promo {
  background: #A39F7C;
  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: "Libre Baskerville", 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: #A39F7C;
    border: 1px solid #fff;
    display: table;
    margin: 10px auto 20px; }
  div.promo a.popForm:hover {
    background: #A39F7C;
    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: 8% 13% 5%;
  position: relative; }
  div.tripleContent h2 {
    font-size: 2.75em;
    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;
      width: auto;
      text-align: 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: calc(100% - 140px);
  margin: 0 0 4% 70px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(12, 44vh);
  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 #A39F7C;
      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.25em;
  font-family: "Libre Baskerville", serif;
  text-align: center;
  text-transform: uppercase;
  clear: both; }
  div.galPag span {
    font-family: "Libre Baskerville", serif;
    color: #A39F7C;
    margin: 0 5px; }
  div.galPag a {
    font-family: "Libre Baskerville", serif;
    color: #A39F7C;
    margin: 0 5px; }
  div.galPag a:hover {
    color: #CD9D7D; }

div#team {
  float: left;
  width: 80%;
  margin: 5% 0 4% 10%; }
  div#team > h2 {
    font-size: 2.75em; }
  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;
      text-align: left;
      font-weight: 600;
      font-family: "Libre Baskerville", 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; }

section.membersResources {
  padding: 0; }

div#resources {
  float: left;
  width: 74%;
  margin: 2% 13% 8%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  grid-template-rows: auto;
  grid-gap: 5rem;
  grid-auto-flow: dense; }
  div#resources > div {
    border-radius: 50%;
    background-color: #9E9D98;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 15vw;
    height: 15vw;
    transition: .5s;
    justify-self: center;
    display: table; }
    div#resources > div > a {
      display: table-cell;
      vertical-align: middle;
      width: 11vw;
      height: 5vw;
      text-align: center;
      padding: 5vw 2vw;
      color: #fff;
      font-size: 1.125em;
      font-family: "Libre Baskerville", serif;
      text-transform: uppercase; }
    div#resources > div div.message {
      position: fixed;
      width: 60%;
      box-sizing: border-box;
      padding: 60px;
      background: #A39F7C;
      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-family: "Libre Baskerville", serif;
        font-size: 2.75em;
        margin: 0 0 15px;
        text-transform: none; }
      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;
        font-family: "Libre Baskerville", serif;
        color: #A39F7C;
        border: 1px solid #fff;
        text-transform: uppercase; }
      div#resources > div div.message a.button.popResource:hover {
        background: #A39F7C;
        color: #fff; }
  div#resources > div.open div.message {
    top: 30%;
    opacity: 1; }
  div#resources > div:hover {
    background-color: #CD9D7D;
    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: #A39F7C; }
    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: #CD9D7D; }

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

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: 2em;
      padding: 10px;
      box-sizing: border-box;
      margin: 0; }
    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: "Libre Baskerville", serif;
      color: #A39F7C;
      font-size: .9em;
      margin: 10px 0;
      padding: 0 0 5px;
      text-decoration: underline; }
    div#posts div.post div.postPreview a.link.more:hover {
      color: #CD9D7D; }

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

div.postNav {
  display: table;
  margin: 0 auto 4%;
  font-size: 1em;
  font-family: "Libre Baskerville", serif; }
  div.postNav span {
    font-family: "Libre Baskerville", serif;
    color: #9E9D98;
    padding: 0 4px; }
  div.postNav a {
    font-family: "Libre Baskerville", serif;
    color: #A39F7C;
    padding: 0 4px; }
  div.postNav a:hover {
    color: #A39F7C; }
  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: #CD9D7D;
  font-family: "Libre Baskerville", serif;
  text-transform: uppercase;
  text-decoration: underline;
  font-size: .9em; }
body.single section#top-content div.content a:hover {
  color: #A39F7C; }
body.single section#top-content div.content a.back {
  color: #202739;
  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 #A39F7C;
  float: left;
  margin: 20px 0; }

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

div.formDetails {
  float: left;
  width: calc(50% - 70px);
  margin: 8% 0 5% 70px;
  padding-right: 70px;
  box-sizing: border-box;
  border-right: 1px solid #9E9D98; }
  div.formDetails h2 {
    text-align: left; }
  div.formDetails p {
    margin: 0 0 20px; }
  div.formDetails .social a {
    margin: 10px 10px 0 0;
    font-size: 1.5em; }
  div.formDetails div.wpcf7 {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    float: left;
    margin: 0 0 8% 0;
    position: relative;
    z-index: 10; }
    div.formDetails div.wpcf7 ::-webkit-input-placeholder {
      color: #A39F7C;
      font-size: 1em; }
    div.formDetails div.wpcf7 :-moz-placeholder {
      color: #A39F7C;
      font-size: 1em; }
    div.formDetails div.wpcf7 ::-moz-placeholder {
      color: #A39F7C;
      font-size: 1em; }
    div.formDetails div.wpcf7 :-ms-input-placeholder {
      color: #A39F7C;
      font-size: 1em; }
    div.formDetails div.wpcf7 input, div.formDetails div.wpcf7 textarea {
      webkit-appearance: none;
      border-radius: 0;
      border: none;
      font-family: "Libre Baskerville", serif; }
    div.formDetails div.wpcf7 form {
      float: left;
      width: 100%;
      clear: left;
      display: block; }
      div.formDetails div.wpcf7 form input {
        float: left;
        width: 100%;
        margin: 0 0 20px;
        box-sizing: border-box;
        padding: 10px 5px;
        height: 50px;
        border-bottom: 0.5px solid #A39F7C;
        font-family: "Libre Baskerville", serif;
        font-size: 1.125em;
        color: #A39F7C;
        background: transparent; }
      div.formDetails div.wpcf7 form select {
        float: left;
        width: 100%;
        margin: 0 0 20px;
        box-sizing: border-box;
        padding: 10px 5px;
        height: 50px;
        border: none;
        border-bottom: 0.5px solid #A39F7C;
        font-family: "Libre Baskerville", serif;
        font-size: 1.125em;
        color: #A39F7C;
        background: transparent; }
        div.formDetails div.wpcf7 form select option {
          color: #A39F7C; }
      div.formDetails div.wpcf7 form div.dateInput {
        float: left;
        width: 100%;
        position: relative;
        margin: 0 0 20px;
        box-sizing: border-box;
        padding: 10px 5px;
        height: 50px;
        border-bottom: 0.5px solid #A39F7C;
        font-family: "Libre Baskerville", serif; }
        div.formDetails div.wpcf7 form div.dateInput em {
          color: #A39F7C;
          float: left;
          font-size: 1.125em;
          color: #A39F7C;
          text-transform: uppercase;
          padding: 0 10px 0 0; }
        div.formDetails div.wpcf7 form div.dateInput span {
          float: left; }
          div.formDetails div.wpcf7 form div.dateInput span input {
            border-bottom: none;
            padding: 0;
            margin: -4px 0 0 0;
            height: 30px; }
      div.formDetails div.wpcf7 form textarea {
        float: left;
        width: 100%;
        box-sizing: border-box;
        padding: 10px 5px;
        border: none;
        font-family: "Libre Baskerville", serif;
        font-size: 1em;
        height: 150px;
        margin: 0 0 10px;
        border-bottom: 0.5px solid #A39F7C;
        color: #A39F7C;
        background: transparent; }
      div.formDetails div.wpcf7 form input.wpcf7-submit {
        border: none;
        float: right;
        width: auto;
        height: auto;
        display: block;
        background: #A39F7C;
        font-family: "Libre Baskerville", serif;
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        padding: 10px 25px;
        margin: 10px 0 0;
        cursor: pointer;
        border-radius: 25px;
        font-size: 12px;
        transition: .5s;
        position: relative;
        z-index: 10;
        -webkit-appearance: none; }
      div.formDetails div.wpcf7 form input.wpcf7-submit:hover {
        background: #CD9D7D; }
      div.formDetails div.wpcf7 form div.wpcf7-validation-errors, div.formDetails div.wpcf7 form div.wpcf7-acceptance-missing, div.formDetails div.wpcf7 form div.wpcf7-spam-blocked {
        border: 0; }
    div.formDetails div.wpcf7 div.screen-reader-response {
      display: none; }
    div.formDetails div.wpcf7 div.ajax-loader {
      display: none; }

div.formDetails.fullPage {
  float: left;
  width: 70%;
  margin: 5% 15%;
  padding-right: 0;
  box-sizing: content-box;
  border-right: none; }

div.contactContent {
  float: right;
  width: calc(50% - 70px);
  margin: 8% 70px 5% 0;
  padding: 0 0 0 70px;
  box-sizing: border-box; }
  div.contactContent h2 {
    text-align: left; }
  div.contactContent h3 {
    font-family: "Libre Baskerville", serif;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    font-size: 1.125em; }

footer {
  float: left;
  width: 100%;
  margin: 0; }
  footer div#footer {
    border-top: 1px solid #CCC9C4;
    float: left;
    width: calc(100% - 140px);
    margin: 0 0 0 70px;
    padding: 2.5%;
    box-sizing: border-box; }
    footer div#footer img {
      float: left;
      width: 100px;
      margin: 10px 0 20px calc(50% - 50px); }
    footer div#footer p {
      font-size: 1em;
      margin: 0 0 7px;
      width: 100%;
      text-align: center;
      float: left; }
      footer div#footer p br {
        display: none; }
      footer div#footer p a {
        font-weight: 300; }
      footer div#footer p a:hover {
        color: #CD9D7D; }
    footer div#footer p.google {
      margin: 20px 0 25px; }
    footer div#footer p.social a {
      margin: 0 0 0 12px;
      font-size: 1.25em; }
    footer div#footer p.social a:hover {
      color: #CD9D7D; }
  footer > p {
    display: table;
    margin: 0 auto;
    text-align: center;
    font-size: .8em;
    float: none;
    padding: 15px;
    border-top: 1px solid #CCC9C4; }
    footer > p a {
      font-weight: 300; }
    footer > p a:hover {
      color: #CD9D7D; }

div#contact {
  background: #A39F7C;
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
  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%;
    right: 3%;
    z-index: 103;
    font-family: "Libre Baskerville", serif;
    color: #fff;
    line-height: 1em;
    text-transform: uppercase;
    font-size: 1em;
    padding-right: 30px; }
    div#contact a.popForm span {
      display: block;
      width: 26px;
      height: 1px;
      background: #fff;
      position: absolute;
      top: 8px;
      right: 0px;
      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: 2.5em;
    margin: 2% 0 0; }
  div#contact div.contactDetails {
    float: left;
    width: 70%;
    margin: 0 15%;
    padding: 10px 0 0;
    color: #fff;
    position: absolute;
    z-index: 104;
    font-size: 1em;
    left: 0;
    bottom: 20px; }
    div#contact div.contactDetails p {
      margin: 0;
      font-weight: 300;
      text-align: right; }
      div#contact div.contactDetails p a:first-of-type {
        float: left; }
      div#contact div.contactDetails p a:hover {
        color: #CD9D7D; }
  div#contact div.wpcf7 {
    width: 70%;
    box-sizing: border-box;
    padding: 0;
    float: left;
    margin: 5% 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 46px;
        box-sizing: border-box;
        padding: 10px 5px;
        height: 50px;
        border-bottom: .5px solid #fff;
        font-family: "Libre Baskerville", serif;
        font-size: 1.125em;
        color: #fff;
        background: transparent; }
      div#contact div.wpcf7 form select {
        float: left;
        width: 100%;
        margin: 0 0 46px;
        box-sizing: border-box;
        padding: 10px 5px;
        height: 50px;
        border: none;
        border-bottom: .5px solid #fff;
        font-family: "Libre Baskerville", serif;
        font-size: 1.125em;
        color: #fff;
        background: transparent; }
        div#contact div.wpcf7 form select option {
          color: #A39F7C; }
      div#contact div.wpcf7 form div.dateInput {
        float: left;
        width: 100%;
        position: relative;
        margin: 0 0 40px;
        box-sizing: border-box;
        padding: 10px 5px;
        height: 50px;
        border-bottom: .5px solid #fff;
        font-family: "Libre Baskerville", serif; }
        div#contact div.wpcf7 form div.dateInput em {
          color: #fff;
          float: left;
          font-size: 1.125em;
          color: #fff;
          text-transform: uppercase;
          padding: 0 10px 0 0; }
        div#contact div.wpcf7 form div.dateInput span {
          float: left; }
          div#contact div.wpcf7 form div.dateInput span input {
            border-bottom: none;
            padding: 0;
            margin: -4px 0 0 0;
            height: 30px; }
      div#contact div.wpcf7 form textarea {
        float: left;
        width: 100%;
        box-sizing: border-box;
        padding: 10px 5px;
        border: none;
        font-family: "Libre Baskerville", serif;
        font-size: 1em;
        height: 50px;
        margin: 0 0 10px;
        border-bottom: .5px solid #fff;
        color: #fff;
        background: transparent; }
      div#contact div.wpcf7 form input.wpcf7-submit {
        border: .5px solid #fff;
        float: right;
        width: auto;
        height: auto;
        display: block;
        background: #fff;
        font-family: "Libre Baskerville", serif;
        text-transform: uppercase;
        color: #A39F7C;
        text-align: center;
        padding: 10px 25px;
        margin: 10px 0 0;
        cursor: pointer;
        border-radius: 25px;
        font-size: 12px;
        transition: .5s;
        position: relative;
        z-index: 105;
        -webkit-appearance: none; }
      div#contact div.wpcf7 form input.wpcf7-submit:hover {
        background: #A39F7C;
        color: #fff; }
      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; }

body.single-booking header a.cta.popForm {
  display: none; }

h4.success {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 5em;
  padding: 20% 0; }

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: "Libre Baskerville", serif;
    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: #CD9D7D;
  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: 3em;
    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: "Libre Baskerville", 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: #ccc9c4;
      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: "Libre Baskerville", 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: #202739;
          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: #CD9D7D;
        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: #202739; }
    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 #CD9D7D 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: "Libre Baskerville", 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: "Libre Baskerville", serif;
        font-weight: 400;
        font-size: 1.875em;
        float: left;
        width: 100%;
        margin: 20px 0 10px;
        text-align: left;
        text-transform: capitalize; }
      div#on-page-form div.wpcf7 div.checkout.RoomDetails h4, div#on-page-form div.bookingForm div.checkout.RoomDetails h4 {
        font-family: "Libre Baskerville", serif;
        font-weight: 400;
        font-size: 1.25em;
        float: left;
        width: 100%;
        margin: 10px 0;
        text-align: left;
        text-transform: capitalize; }
    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: #ccc;
        border: 1px solid #9E9D98;
        float: left;
        box-sizing: border-box;
        padding: 10px;
        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: "Libre Baskerville", serif;
        font-size: 1.875em;
        text-transform: uppercase;
        float: left;
        text-align: 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: "Libre Baskerville", 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: "Libre Baskerville", 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: "Libre Baskerville", 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: "Libre Baskerville", serif;
          font-size: 1.25em;
          text-transform: uppercase;
          padding: 10px 5px;
          height: 49px;
          cursor: pointer;
          pointer-events: none;
          z-index: 2;
          background: #E4E2D0;
          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: "Libre Baskerville", 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[type='submit'], div#on-page-form div.wpcf7 form button, div#on-page-form div.bookingForm form input[type='submit'], div#on-page-form div.bookingForm form button {
        border: 0.5px solid #A39F7C;
        float: right;
        width: auto;
        height: auto;
        display: block;
        background: #A39F7C;
        font-family: "Libre Baskerville", serif;
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        padding: 10px 25px;
        margin: 10px 0 0;
        cursor: pointer;
        border-radius: 25px;
        font-size: 12px;
        transition: .5s;
        position: relative;
        z-index: 105;
        -webkit-appearance: none; }
      div#on-page-form div.wpcf7 form input[type='submit']:hover, div#on-page-form div.wpcf7 form button:hover, div#on-page-form div.bookingForm form input[type='submit']:hover, div#on-page-form div.bookingForm form button:hover {
        background: #CD9D7D;
        color: #fff; }
      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 span.wpcf7-not-valid-tip {
    color: #CD9D7D;
    font-size: .8em;
    font-weight: normal;
    display: block;
    pointer-events: none;
    float: none;
    width: auto;
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 50px; }

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

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

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

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: #CD9D7D;
  font-size: 1em;
  font-weight: normal;
  display: block;
  pointer-events: none;
  float: left;
  margin: -35px 0 20px; }

#cookie-notice .cn-button {
  margin: 10px;
  padding: 10px;
  background: #9E9D98;
  border-radius: 50%;
  font-family: "Libre Baskerville", serif; }

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

  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; }

  .home div.content {
    padding: 4.7% 25% 4.7%; }

  div#nav nav ul {
    grid-gap: 45px 0; }

  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#contact div.wpcf7 {
    margin: 2% 15%; }

  div#contact div.wpcf7 form input {
    margin: 0 0 30px; }

  div#contact div.wpcf7 form select {
    margin: 0 0 30px; }

  div.calendar {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    width: 80%;
    margin: 0 10% 5%; }

  div.calendar div h3 {
    font-size: 1.6em; }

  div.calendar div table th {
    font-size: 1.25em; }

  div.calendar div table td:nth-of-type(1) {
    font-size: 1.25em; }

  div.calendar div table td {
    letter-spacing: 0px; }

  div.calendar div table td a {
    text-transform: uppercase;
    font-size: .9em; }

  header.siteHeader a.cta.popForm {
    width: 100px;
    height: 100px;
    line-height: 100px; } }
/*************** tablet landscape display Styles *****************/
@media screen and (max-width: 1100px) {
  body {
    font-size: 12px;
    padding: 60px 0 0; }

  header.siteHeader {
    height: 60px; }

  header.siteHeader a.logo {
    width: 150px;
    height: 40px;
    left: calc(50% - 75px); }

  header.siteHeader a.logo svg {
    width: 150px;
    height: 40px; }

  div#banner {
    float: left;
    margin: 0 0 0 60px;
    width: calc(100% - 120px);
    height: calc(100vh - 120px); }

  header.siteHeader a.menu {
    height: 16px;
    line-height: 16px;
    top: 24px;
    font-size: 16px;
    right: 60px; }

  header.siteHeader a.cta.popForm {
    width: 100px;
    height: 100px;
    line-height: 100px; }

  div#contact div.wpcf7 form input {
    margin: 0 0 20px; }

  div#contact div.wpcf7 form select {
    margin: 0 0 20px; }

  div#contact div.contactDetails {
    width: 90%;
    margin: 5%; }

  div#contact a.popForm {
    line-height: 1.5em; }

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

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

  div.content {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 5% 25% 5%; }

  .home div.content {
    padding: 5.5% 25% 5.5%; }

  div#featureLinks {
    width: calc(100% - 120px);
    margin: 0 60px;
    grid-gap: 5px;
    grid-template-rows: 30vh 10vh 30vh; }

  div#featureLinks div a {
    line-height: 30vh; }

  div#featureLinks div:nth-of-type(7) a {
    line-height: 30vh; }

  div#featureLinks div:nth-of-type(2) a {
    line-height: 40vh; }

  div#instagram div a {
    top: 20%; }

  div.stripImage {
    height: 52vh; }

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

  div.tripleContent h2 {
    top: 4%; }

  div#banner span {
    bottom: -62px; }

  div#banner span::after {
    bottom: 16px; }

  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#gallery {
    grid-template-rows: repeat(12, 40vh); }

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

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

  div#resources > div > a {
    width: 18vw; }

  footer > p {
    font-size: 12px; }

  .single div.content {
    padding: 6% 13%; } }
/*************** tablet portrait Styles *****************/
@media screen and (max-width: 800px) {
  body {
    background-size: 30% auto;
    font-size: 12px; }

  .desktop {
    display: none; }

  .mobile {
    display: block; }

  header.siteHeader.open a.logo {
    width: 300px;
    height: 26px;
    left: calc(50% - 150px); }

  header.siteHeader.open a.logo svg {
    width: 300px;
    height: 26px; }

  header.siteHeader a.menu {
    right: 30px; }

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

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

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

  div#banner {
    float: left;
    margin: 0 0 0 30px;
    width: calc(100% - 60px);
    height: calc(100vh - 110px); }

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

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

  div.content {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 7% 15% 7%; }

  div.content.topContent {
    padding: 14% 15% 5%; }

  div.content h1 {
    margin: 0 0 15px; }

  div#featureLinks {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, 30vh);
    width: calc(100% - 60px);
    margin: 0 30px; }
    div#featureLinks div:nth-of-type(1) {
      grid-column-start: 1;
      grid-column-end: span 1;
      grid-row-start: 1;
      grid-row-end: span 1; }
    div#featureLinks div:nth-of-type(2) {
      grid-column-start: 2;
      grid-column-end: span 1;
      grid-row-start: 1;
      grid-row-end: span 1; }
    div#featureLinks div:nth-of-type(3) {
      grid-column-start: 1;
      grid-column-end: span 2;
      grid-row-start: 2;
      grid-row-end: span 1; }
    div#featureLinks div:nth-of-type(4) {
      grid-column-start: 1;
      grid-column-end: span 1;
      grid-row-start: 3;
      grid-row-end: span 1; }
    div#featureLinks div:nth-of-type(5) {
      grid-column-start: 2;
      grid-column-end: span 1;
      grid-row-start: 3;
      grid-row-end: span 1; }
    div#featureLinks div:nth-of-type(6) {
      grid-column-start: 1;
      grid-column-end: span 2;
      grid-row-start: 4;
      grid-row-end: span 1; }
    div#featureLinks div:nth-of-type(7) {
      grid-column-start: 1;
      grid-column-end: span 1;
      grid-row-start: 5;
      grid-row-end: span 1; }
    div#featureLinks div:nth-of-type(8) {
      grid-column-start: 2;
      grid-column-end: span 1;
      grid-row-start: 5;
      grid-row-end: span 1; }

  div#featureLinks div a {
    line-height: 30vh; }

  div#featureLinks div:nth-of-type(1) a {
    line-height: 30vh; }

  div#featureLinks div:nth-of-type(2) a {
    line-height: 30vh; }

  div#featureLinks div:nth-of-type(7) a {
    line-height: 30vh; }

  div#featureLinks div:nth-of-type(8) a {
    line-height: 30vh; }

  div#instagram {
    width: calc(100% - 60px);
    margin: 0 30px 30px;
    grid-gap: 10px; }

  div#instagram div a {
    top: 13%; }

  div#testimonial p {
    width: 70%;
    margin: 0 15% 2%; }

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

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

  div.stripImage {
    height: 26vh;
    width: 100%;
    margin: 0; }

  div.tripleContent {
    width: calc(100% - 60px);
    margin: 15% 30px 6%; }

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

  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, 20vh);
    width: calc(100% - 60px);
    margin: 0 30px 70px; }
    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 {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    width: calc(100% - 60px);
    margin: 2% 30px 8%;
    grid-gap: 40px; }

  div#resources > div {
    width: 25vw;
    height: 25vw;
    background: #CD9D7D; }

  div#resources > div > a {
    width: 22vw;
    font-size: 1em; }

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

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

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

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

  div.formDetails, div.contactContent {
    width: calc(100% - 60px);
    margin: 8% 30px;
    padding: 0;
    border-right: none; }

  div.contactContent div.details {
    float: left;
    width: 100%;
    margin: 30px 0; }
    div.contactContent div.details p.social a {
      font-size: 1.25em;
      margin: 0 8px 0 0; } }
/***************** Mobile Portrait Styles *****************/
@media screen and (max-width: 600px) {
  body {
    font-size: 12px;
    background-size: 50% auto; }

  .mobile {
    display: block; }

  .desktop {
    display: none; }

  h1, h2, h3 {
    margin: 0 0 15px; }

  header.siteHeader a.logo {
    width: 140px;
    height: 40px;
    left: 20px; }

  header.siteHeader a.logo svg {
    width: 140px;
    height: 40px; }

  header.siteHeader a.menu {
    right: 20px;
    top: 22px;
    font-size: 12px;
    line-height: 18px; }

  header.siteHeader a.cta.popForm {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 9px; }

  div#nav {
    padding: 0; }

  div#nav a.navLogo {
    display: block;
    margin: 20px 0 0 20px;
    width: 50%;
    float: left; }

  div#nav nav {
    margin: 20px 20px 0;
    width: calc(100% - 40px);
    padding: 0; }

  div#nav nav ul {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-gap: 30px;
    margin: 30px 5% 0;
    width: 90%; }
    div#nav nav ul li:nth-of-type(1) {
      grid-column-start: 1;
      grid-row-start: 1; }
    div#nav nav ul li:nth-of-type(2) {
      grid-column-start: 1;
      grid-row-start: 2; }
    div#nav nav ul li:nth-of-type(3) {
      grid-column-start: 1;
      grid-row-start: 3; }
    div#nav nav ul li:nth-of-type(4) {
      grid-column-start: 1;
      grid-row-start: 4; }
    div#nav nav ul li:nth-of-type(5) {
      grid-column-start: 1;
      grid-row-start: 5; }
    div#nav nav ul li:nth-of-type(6) {
      grid-column-start: 1;
      grid-row-start: 6; }
    div#nav nav ul li:nth-of-type(7) {
      grid-column-start: 1;
      grid-row-start: 7; }
    div#nav nav ul li:nth-of-type(8) {
      grid-column-start: 1;
      grid-row-start: 8; }
    div#nav nav ul li:nth-of-type(9) {
      grid-column-start: 1;
      grid-row-start: 9; }

  div#nav nav ul li {
    margin: 0;
    text-align: left; }

  div#nav nav ul li#menu-item-153 {
    width: 100%; }

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

  div#banner {
    float: left;
    margin: 0;
    width: 100%;
    height: calc(100vh - 170px); }

  .home div#banner {
    height: calc(100vh - 110px); }

  div#featureLinks {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(8, 35vh);
    width: calc(100% - 60px);
    margin: 0 30px; }
    div#featureLinks div:nth-of-type(1) {
      grid-column-start: 1;
      grid-column-end: span 1;
      grid-row-start: 1;
      grid-row-end: span 1; }
    div#featureLinks div:nth-of-type(2) {
      grid-column-start: 1;
      grid-column-end: span 1;
      grid-row-start: 2;
      grid-row-end: span 1; }
    div#featureLinks div:nth-of-type(3) {
      grid-column-start: 1;
      grid-column-end: span 1;
      grid-row-start: 3;
      grid-row-end: span 1; }
    div#featureLinks div:nth-of-type(4) {
      grid-column-start: 1;
      grid-column-end: span 1;
      grid-row-start: 4;
      grid-row-end: span 1; }
    div#featureLinks div:nth-of-type(5) {
      grid-column-start: 1;
      grid-column-end: span 1;
      grid-row-start: 5;
      grid-row-end: span 1; }
    div#featureLinks div:nth-of-type(6) {
      grid-column-start: 1;
      grid-column-end: span 1;
      grid-row-start: 6;
      grid-row-end: span 1; }
    div#featureLinks div:nth-of-type(7) {
      grid-column-start: 1;
      grid-column-end: span 1;
      grid-row-start: 7;
      grid-row-end: span 1; }
    div#featureLinks div:nth-of-type(8) {
      grid-column-start: 1;
      grid-column-end: span 1;
      grid-row-start: 8;
      grid-row-end: span 1; }

  div#featureLinks div a {
    line-height: 35vh; }

  div#featureLinks div:nth-of-type(1) a {
    line-height: 35vh; }

  div#featureLinks div:nth-of-type(2) a {
    line-height: 35vh; }

  div#featureLinks div:nth-of-type(7) a {
    line-height: 35vh; }

  div#featureLinks div:nth-of-type(8) a {
    line-height: 35vh; }

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

  div.content {
    padding: 10%; }

  .home div.content {
    padding: 10%; }

  div#testimonial {
    padding: 10% 0; }

  div#testimonial p {
    width: calc(100% - 60px);
    margin: 30px;
    font-size: 1.875em; }

  div#instagram {
    grid-gap: 3px;
    width: calc(100% - 6px);
    margin: 0 3px 30px; }

  div#instagram div:first-of-type h2 {
    font-size: 5vw; }

  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: 10px;
    top: 65%;
    display: block;
    opacity: 1; }

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

  footer div#footer {
    border-top: 1px solid #CCC9C4;
    float: left;
    width: calc(100% - 60px);
    margin: 20px 0 0 30px;
    padding: 20px;
    box-sizing: border-box; }

  footer div#footer img {
    float: left;
    width: 80px;
    margin: 20px 0 20px calc(50% - 40px); }

  footer > p a:last-of-type {
    display: block; }

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

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

  div#contact div.wpcf7 form div.formLeft, div#contact 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; }

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

  div#contact div.contactDetails {
    width: 96%;
    margin: 0;
    position: absolute;
    left: 2%;
    bottom: 2%; }

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

  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; }

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

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

  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 div#teamSlides div.teamItem h3, div#team div#teamSlides div.teamItem p {
    padding: 0; }

  div#gallery {
    display: block;
    width: calc(100% - 20px);
    margin: 0 10px 70px; }
    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: 10px;
    line-height: 1.5em; }

  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; }

  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 div.map iframe {
    height: 330px; }

  div.formDetails {
    margin: 30px; }

  div.contactContent div.details {
    float: left;
    width: 100%;
    margin: 30px 0; }
    div.contactContent div.details p.social a {
      font-size: 1.25em;
      margin: 0 8px 0 0; }

  footer > p {
    font-size: 10px; }

  div.formDetails.fullPage {
    width: 90%;
    margin: 7% 5%; } }
/***************** little mobile phone Styles *****************/
@media screen and (max-width: 320px) and (max-height: 520px) {
  body {
    font-size: 10px; } }