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

Stylesheet: Main Stylesheet

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

img.polaroid {
    border: 0px solid #fff;
    border-radius: 4px;
    box-shadow: 0px 2px 15px -4px rgba(0, 0, 0, 0.49);
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: left;
}
/*********************
LINK STYLES
*********************/
a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

blockquote {
    margin: 0 0 1rem;
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0rem 1.1875rem;
    border-left: 1px solid #cacaca;
    display: inline-block;
}

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
body, body p, body span, body li {
    font-family: "proxima-soft", sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #313131;
}

body h1, body h2, body h3, body h4, body h5 {
  font-family: "proxima-soft", sans-serif;
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none; }

  h1 {
    font-size: 45px;
    color: #155ea2;
    font-weight: 600;
    line-height: 1;
}
h1.banner-title {
  font-size: 75px;
  color:#fff;
  text-transform: uppercase;
  line-height: 80px;
  font-weight: 600;
  letter-spacing: 1.5px;
}
h2 {
  font-size: 40px;
  color:#155ea2;
  line-height: 44px;
  font-weight: 600;
}
h2 strong {
    font-size: 60px;
    font-weight: 600;
}
h3 {
  font-size: 30px;
  font-weight: 600;
  color:#155ea2;
}
h4 {
  font-size: 25px;
  font-weight: 600;
  color:#155ea2;
}
h5 {
  font-size: 20px;
  color:#155ea2;
  font-weight: 600;
  font-weight: regular
}
.fifty {
  font-size: 50px;
}
.white {
  color:#fff !important;
}
.red {
  color:#c1162f !important;
}
/*********************
APEX STYLES
*********************/
div#apex-bar {
    display: block;
    background: #155ea2;
    padding: 1rem 0px;
    position: relative;
}
div#apex-bar span {
    font-size: 16px;
    padding: 0px 1.5rem;
    color: #fff;
}
div#apex-bar span i {
    margin-right: 9px;
    font-size: 18px;
    position: relative;
    top: 2px;
}
.row.right-apex {
    padding: 0px 1rem;
}

/*********************
HEADER STYLES
*********************/
.header ul.off-canvas-list li {
  list-style: none; }
.top-bar .left-logo img {
    top: -60px;
    max-width: 285px;
    padding: 1.5rem 0rem;
    margin: 0px 2rem;
    position: relative;
    z-index: 2;
}
.top-bar-left.left-logo::before {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    background: #0006;
    z-index: 1;
    border-radius: 500px;
    top: 1%;
    left: 50%;
    margin-left: -80px;
    margin-top: -82px;
    box-shadow: 0px 4px 4px -2px #000000b3;
}
.standard-menu.row {
    position: relative;
}
.top-bar-left.left-logo {
    position: absolute;
    left: 0px;
    top: -85%;
}
/*********************
BANNER STYLES
*********************/
.home header.header {
    background-size: cover !important;
    background-position: 100% 25% !important;
}
header.header {
    height: 900px;
    border-bottom: 10px solid #c1182f;
    background-size: cover !important;
    background-position: center center !important;
    position: relative;
    margin-top: 80px;
}
body:not(.home) header.header {
    min-height: 500px !important;
    height: 500px;
}
.home-banner-content {
    text-align: left;
    display: table-cell;
    vertical-align: middle;
}
.home-banner-content::before {
    /*
    //background: url(/wp-content/uploads/video-overlay.png);
     */
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0px;
    z-index: 0;
    opacity: .45;
}

div#home-banner-hero {
    display: table;
    width: 100%;
    height: 100%;
}
.home-banner-content .row {
    padding: 0px 3.5rem;
    z-index: 2;
    position: relative;
}
.home-banner-content * {
    color: #fff;
}
.home-banner-content h1 strong {
    font-family: "relation-two", sans-serif;
    font-size: 100px;
    transform: rotate(-6deg);
    display: inline-block;
    padding-right: 13px;
    position: relative;
    margin-left: -50px;
}
.home-banner-content h1 {
    font-size: 70px;
    line-height: 65px;
    text-shadow: 0px 2px 5px #000;
    font-weight: 500;
    margin-bottom: 25px;
}
.home-banner-content h2 {
    text-shadow: 0px 2px 5px #000;
    line-height: 60px;
}
a.home-banner-button {
    background: #c1162f;
    font-size: 16px;
    line-height: 55px;
    padding: 11px 25px 12px;
    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.8);
    border-radius: 2px;
    transition: all ease .5s;
}
a.home-banner-button:hover {
    color: #c1162f;
    background: #fff;
    transition: all ease .5s;
}



.sticky-header {
	position: fixed;
	top: 0px;
	z-index: 9;
	width: 100%;
}


/*********************
VIDEO HEADER STYLES
*********************/
.home-page-video {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.nk-awb {
    position: relative;
    z-index: 0;
    height: 100%;
    background: #000;
}
/*********************
NAVIGATION STYLES
*********************/
.top-bar .title-area {
  z-index: 1; }

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

.top-bar, .top-bar ul {
    background-color: #ffffff;
    width: 100%;
    padding:0px;
}

.top-bar-left.float-left.show-for-medium {
    width: 40%;
    display: block;
    float: left;
}
.top-bar-middle {
    float: left;
    text-align: left;
    width: 20%;
    position: relative;
}
.top-bar-middle img {
    position: absolute;
    left: 23px !important;
    right: auto !important;
    top: -3.3rem;
    max-width: 196px;
}
div#top-bar-menu {
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.63);
    position: relative;
    z-index: 9;
}
.top-bar-right.float-right.show-for-medium {
    float: right;
    width: 40%;
    text-align: right;
}
.top-bar li.menu-item {
    float: left;
}
.top-bar .centre-menu .top-bar-right li.menu-item {
    float: right;
}
.top-bar li.menu-item-home a {
    padding: 23px 1.2rem;
}
.top-bar li.menu-item a {
    padding: 29px 1.2rem;
    color: #313131;
    font-size: 17px;
    text-transform: uppercase;
    transition: all ease .5s;
}

.top-bar li.menu-item.active a{
    background:none;
}
.top-bar li.menu-item.current_page_ancestor > a{
    color:#c1162f;
}
.top-bar li.menu-item.current-menu-item a {
  color:#c1162f;
  background:none;

}
.top-bar li.menu-item a:hover {
    transition: all ease .5s;
    color: #c1162f;
}
ul#menu-main-menu-1 {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 20px;
}
.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {
    display: none;
}
.dropdown.menu.vertical>li .is-dropdown-submenu {
    top: 0;
    background: none;
    border: none;
}
.top-bar li.menu-item ul.submenu li a {
    padding: 1rem;
    background: #fff;
    width: 100%;
    display: block !important;
    transition: all ease .5s;
}
.top-bar li.menu-item ul.submenu li  {
    width: 100%;
    display: block !important;
}
.top-bar li.menu-item ul.submenu li a:hover {
    background: rgba(255, 255, 255, 0.9);
    transition: all ease .5s;
}
.is-dropdown-submenu {
    min-width: 210px;
}
li.phone-number {
    padding: 1.9rem 1rem;
}
li.phone-number a {
    background: #7F575B;
    color:#fff !important;
    padding: .75rem 1rem !important;
}

/*********************
HOME PAGE styles
*********************/
.main-accomm-bar.large-4.columns {
    background: #165ea2;
    padding: 1rem 0px 0px;
    border-radius: 10px !important;
    box-shadow: 0px 4px 16px 4px rgba(0, 0, 0, 0.2);
    margin-top: -3.9rem;
    overflow: hidden;
    z-index: 8;
    position: relative;
    top: 1rem;
}
.main-accomm-bar * {
    color: #fff;
}
.main-accomm-bar h3 {
    padding: 0px 2rem 1rem;
    border-bottom: 1px solid #447eb5;
    margin-bottom: 0px;
}
.main-accomm-bar li {
    list-style: none;
}
.main-accomm-bar li a {
	font-size: 18px;
	line-height: 52.75px;
	padding: 0px 2rem 0rem;
	display: block;
	border-bottom: 1px solid #ffffff1a;
	transition: all ease .25s;
}
.main-accomm-bar li a:hover {
    color: #175da2;
    background: #fefefe;
    transition: all ease .25s;
}
.main-accomm-bar li:last-child a {
    border:none !important;

}
.main-accomm-bar ul {
    margin: 0px;
}
.home main#main {
	margin-top: 3rem;
	padding-left: 4rem;
	padding-right: 0px;
	margin-bottom: 6rem;
}
.home div#content {
    background: #f5f5f5;
    padding-bottom: 0px;
}
.accommodations {
    padding: 100px 1rem;
    background: #fff;
}
.feat-accomm-image {
    height: 517px;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
    transition: all ease .5s;
}

.feat-accomm-inner {
    padding: 100px 20px 20px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.25) 50%, rgba(0,0,0,0.0) 100%);
}
.feat-accomm-inner h4 {
    color: #fff;
}
.featured-accommodation-container {
    height: 100%;
    position: relative;
    box-shadow: 0px 2px 15px -4px rgba(0, 0, 0, 0.49);
}
.quick-info i.fa {
    background: #175da2;
    color: #fff;
    padding: 12px;
    font-size: 20px;
    border: none !important;
    border-radius: 23px;
}
.quick-info span {
    border: none !important;
    vertical-align: top;
}
.quick-info img {
    background: #185ca2;
    width: 46px;
    height: 44px;
    padding: 9px;
    border-radius: 50px;
}
.quick-info span.book-now a {
    float: right;
    background: #c1162f;
    color: #fff !important;
    padding: 8px 20px;
    position: relative;
    top: 3px;
}
.feat-accomm-image::after {
    content: "MOST POPULAR";
    position: absolute;
    right: -79px;
    top: -39px;
    width: 200px;
    font-size: 16px;
    text-align: center;
    background: #c1162f;
    color: #fff;
    padding: 4rem 3rem 12px;
    line-height: 19px;
    font-weight: 600;
    transform: rotate(45deg);
}
.all-accomm-single {
	display: inline-block;
	width: 48.7%;
	margin: 0px .5%;
	overflow: hidden;
}
.all-accomm-single > a > div {
    height: 230px;
    background-size: 105%;
    background-position: center center;
    vertical-align: top;
    display: table;
    width: 100%;
    position: relative;
    transition: all ease .5s;
}
.all-accomm-bg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
    z-index: 2;
    transition:all ease .5s;
}
.gallery-columns-3 .gallery-item {
    width: 33%;
    padding: 5px;
    margin: 0;
    text-align: center;
}
.gallery-columns-4 dl.gallery-item {
    width: 25%;
    padding: 5px;
    margin: 0px;
    text-align: center;
}
.gallery-columns-2 br, .gallery-columns-4 br  {
    display:none;
}
.gallery-item img {
	margin: 0px;
}
.all-accomm-single-inner:hover .all-accomm-bg {
    transform: scale(1.1);
    transition:all ease .5s;
}
.all-accomm-single-inner {
	overflow: hidden;
}
.singel-accom-sidebar {
	padding-right: 0px;
	padding-left: 2rem;
}
.all-accomm-single > a > div:hover {
    background-size: 115%;
    transition: all ease .5s;
}
.all-accomm-inner {
    overflow: hidden;
	display: table-cell;
	vertical-align: bottom;
	position: relative;
	z-index: 3;
}
.all-accomm-inner h4 {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 50%, rgba(0,0,0,0.0) 100%);
    color: #fff;
    margin: 0px;
    font-size: 20px;
    font-weight: 500;
    padding: 51px 10px 10px;
}
#accommodation-inner .large-7, #accommodation-inner .large-12.columns {
    padding: 0px;
}
div#accommodation-inner {
    position: relative;
}
button.slick-prev.slick-arrow {
    position: absolute;
    top: -42px;
    right: 35px;
    transition: all ease .5s;
}
button.slick-arrow:hover {
    background: #185ca2;
    transition: all ease .5s;
}
button.slick-next.slick-arrow {
    position: absolute;
    transition: all ease .5s;
    top:-42px;
    right: 0px;
}
button.slick-arrow {
    background: #c1162f;
    width: 29px;
    padding: 7px 10px;
    border-radius: 5px;
}
.facilities {
	background: linear-gradient(45deg, rgba(23, 93, 162, 0.65) 0%,rgba(23, 93, 162, 0.65) 100%), url(/wp-content/uploads/water-bg2.jpg);
	background-position: center center;
	background-size: cover;
	padding: 100px 1rem;
	background-attachment: fixed;
}
.footer-gallery-link {
    padding: 70px 0px;
    background-size: cover !important;
    background-position: center center !important;
    background-attachment: fixed !important;
}
.facility.slick-slide {
    margin: 0px 1rem;
    height: 375px;
    background-size: cover;
    display: table !important;
}
.facility-inner {
    display: table-cell;
    width: 100%;
    vertical-align: bottom;
    box-shadow: 0px 2px 15px -4px rgba(0, 0, 0, 0.49);
}
.facility-inner h5 {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.44) 35%, rgba(0,0,0,0.0) 100%);
    color: #fff;
    margin: 0px;
    padding: 6rem 1rem 1.15rem;
}
.facilities-container .slick-list {
    overflow: visible;
}
.facilities-container .slick-arrow {
    display: none !important;
}
.facilities-container {
    margin-top: 2rem;
}
.facilities-container ul.slick-dots {
    margin: 2rem 0px 0px;
    text-align: center;
}
.facilities-container ul.slick-dots li {
    display: inline;
}
.facilities-container ul.slick-dots li button {
    background: rgba(255, 255, 255, 0.5);
    color: transparent;
    border-radius: 50px;
    text-align: center;
    width: 20px;
    height: 20px;
    transition: all ease .25s;
    margin: 0px 1.5px;
}
.facilities-container ul.slick-dots li button:hover {
    transition: all ease .25s;
    background: rgba(255, 255, 255, 0.75);
}
.facilities-container ul.slick-dots li.slick-active button {
    background:#fff !important;
}
.whats-on {
    padding: 100px 1rem;
    background: #f1f1f1;
}
.whats-on-header {
    text-align: center;
    padding: 0px 5rem;
    margin-bottom: 2.5rem;
}
.all-events-link {
    background: #175da2;
    padding: 11px 25px 13px;
    margin-top: 2rem;
    height: 69px;
}
.all-events-link h5.white, .all-specials-link h5.white {
    margin: 9px 0 0;
    float: left;
}
.all-events-link a, .all-specials-link a {
    background: #fff;
    padding: 11px 25px 12px;
    color: #555555;
    float: right;
    border-radius: 4px;
    transition:all ease .5s;
}
.all-events-link a:hover, .all-specials-link a:hover {
    background: #ccc;
    color: #185ca2;
    transition:all ease .5s;
}
.all-specials-link a:hover {
    color: #c1162f;
    transition:all ease .5s;
}
.all-specials-link {
    background: #c1162f;
    padding: 11px 25px 13px;
    height: 69px;
    margin-top: 2rem;
}


.main-events-inner {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
.main-events div.main-events-image {
    background-size: cover;
    height: 300px;
    position: relative;
    background-position: center center;
}
.main-events a:first-child .main-events-inner {
    padding-right: 10px;
}
.main-events a:last-child .main-events-inner {
    padding-left: 10px;
}
.main-events h4 {
    background: #f5f5f5;
    padding: .75rem 2rem .75rem 1rem;
    position: relative;
    font-size: 22px;
}
.main-events h4 img {
    position: absolute;
    right: 11px;
    top: 50%;
    margin-top: -10px;
}
.other-events {
    border-top: 2px solid #f5f5f5;
    margin-top: 1.5rem;
}
.other-events-inner {
    padding: 1.25rem 5px;
    border-bottom: 2px solid #f5f5f5;
    display: inline-block;
    width: 100%;
}
.other-events-inner a {
    float: right;
    background: #f5f5f5;
    padding: 11px 25px 12px;
    color: #555;
    border-radius: 4px;
}
.other-events-inner h4 {
    display: inline-block;
    max-width: 60%;
    vertical-align: top;
}
.other-event-date {
    display: inline-block;
    color: #c1162f;
    font-size: 20px;
    vertical-align: top;
    margin-right: 2rem;
    padding-top: 5px;
}
.other-event-date {
    display: inline-block;
}
.main-event-date {
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 5px;
    left: -7px;
    line-height: 20px;
    padding: 16px 20px;
    max-width: 87px;
    background: #c1162f;
    text-align: center;
}
.specials-inner h4 {
    font-size: 25px;
    background: rgba(254, 254, 254, 0.8);
    padding: 2rem 1.5rem;
    transition: all ease .5s;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0);
}
.blog .specials-slider div {
    height: 520px;
}
.specials-slider div {
    background-size: cover !important;
    background-position: center center !important;
}
.specials-slider {
    position: relative;
    box-shadow: 0px 2px 15px -4px rgba(0, 0, 0, 0.49);
}
.button.book-now {
    background: #c1162f;
    padding: 14px 20px 16px;
    border-radius: 5px;
    margin-top: 0rem;
    width: 100%;
    box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.15);
    font-weight: 600;
    transition: all ease .25s;
    font-size: 19px;
    margin-bottom: 1rem;
}
.button.book-now:hover {
   box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
   transition: all ease .25s;
}
.specials-slider button.slick-prev.slick-arrow {
    position: absolute;
    bottom: 10px;
    right: 50px;
    width: 35px;
    top: auto;
    padding: 10px 13px;
    z-index: 500;
}
.specials-slider button.slick-next.slick-arrow {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 35px;
    top: auto;
    padding: 10px 13px;
    z-index: 500;
}
.accommodation-post {
    display: inline-block;
    width: 100%;
}
.accommodation-post .large-4.medium-12.columns {
    height: 100%;
    background-size: cover;
    background-position: center center;
    padding: 0px;
    width: 100%;
}
.accommodation-post .large-4.medium-12.columns div {
    height: 100%;
    background-size: cover;
    background-position: center center;
}

.accommodation-post {
    display: inline-block;
    width: 33%;
    margin-bottom: 1.5rem;
    background: #fcfcfc;
    height: 270px;
    vertical-align: top;
}
.accommodation-post__inner {
    height: 100%;
    background-position: center center !important;
    background-size: cover !important;
    position: relative;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    margin: 0px 0.5rem 0px;
}
.accommodation-post__inner__text {
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 4rem 1rem .5rem;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5)55%, rgba(0,0,0,0) 100%);
    transition: all ease .5s;
}
.accommodation-post__inner__text--hover {
    max-height: 0px;
    overflow: hidden;
    transition: all ease .5s;
}
.accommodation-post:hover .accommodation-post__inner__text--hover {
    max-height: 300px;
    transition: all ease 1s;
}
.accommodation-post__inner__text--hover p {
    color: #fff;
}
.accommodation-post__inner__text h5, .accommodation-post__inner__text h5 a {
    color: #fff !important;
}
div#gform_confirmation_message_4 {
    color: #fff;
    margin-top: -1.5rem;
    font-size: 30px;
    line-height: 1.5;
}


#temp-holder .accommodation-post__inner__text {
	background: none;
	width: calc(100% - 2rem);
	bottom: auto;
	left: 2rem;
	top: 1.6rem;
	padding: 0px;
}
#temp-holder .accommodation-post__inner__text p {
	width: 60%;
}
#temp-holder .accommodation-post__inner__text * {
	color: #fff;
}
#temp-holder .accommodation-post__inner__text h5 {
	font-size: 27px;
	line-height: 1.2;
}
#temp-holder img {
	position: absolute;
	bottom: -1.8rem;
	right: -1.7rem;
}



.accomm-archive-content .blog-post-inner.large-8.medium-12.columns {
    padding: 2rem 1.5rem;
    width: 100%;
}
.blog-post-inner h2 a {
    color: #175da2;
}
.page-id-10 .footer-map {
    padding: 26rem 0rem 6rem;
}
.gallery-image-container:first-child, .gallery-image-container:nth-child(10n+0) {
    width: 66.6%;
    height: 404px;
}
.gallery-image-container:first-child .gallery.gallery-image, .gallery-image-container:nth-child(10n+0) .gallery.gallery-image {
    height: 100% !important;
    margin: 0px !important;
}
.gallery-image-container.columns:last-child:not(:first-child) {
    float: left;
}
.sticky-photo img.polaroid:first-of-type {
    z-index: 1000;
    position: relative;
    display: block;
    top: 0rem;
    lefT: -10rem;
    max-width: 400px;
    transform: rotate(-9deg);
}
.sticky-photo img.polaroid:nth-child(2) {
    z-index: 1003;
    position: relative;
    display: block;
    top: -2rem;
    lefT: 1rem;
    max-width: 250px;
    transform: rotate(2deg);
}
.sticky-photo img.polaroid:nth-child(3) {
    z-index: 1002;
    position: relative;
    display: block;
    top: -4rem;
    lefT: -5rem;
    max-width: 200px;
    transform: rotate(-5deg);
}
.single-banner-title {
    display: table;
    height: 100%;
    width: 100%;
}
.single-banner-title-inner {
    display: table-cell;
    vertical-align: bottom;
}
.single-banner-title h1 {
    color: #fff;
    padding: 1rem;
    text-shadow: -2px 2.5px 0px #0000005c;
}
.accomm-archive-content {
    position: relative;
    left: 0px;
}

.singel-accom-sidebar a {
    display: inline-block;
    background: #eaeaea;
    color: #175da2;
    border-radius: 3px;
    width: 100%;
    padding: 14px 0px;
    font-weight: bold;
    margin-bottom: 0.5rem;
    text-align: center;
    transition: all ease .5s;
}
.singel-accom-sidebar a:hover {
    background: #195ba2;
    color: #fefefe;
    transition: all ease .5s;
}
.singel-accom-sidebar a.single-accomm-book-now {
    padding: 25px;
    background: #185ca2;
    color: #fff;
    transition: all ease .5s;
}
a.single-accomm-book-now:hover {
    background: #c1222f;
    color: #fff;
    transition: all ease .5s;
}
a.view-accommodation:hover {
    background: #fff;
    color: #c1222f;
    transition: all ease .5s;
}
.single-accom-gallery a.prettyPhoto {
    background: none;
    margin: 0px;
    padding: 0px;
}
.side-gallery-image-container {
    width: 49%;
    padding-bottom: 3px;
    display: inline-block;
}
.single-accom-gallery {
    margin-bottom: .5rem;
    padding: 5px;
}
.gallery-image-inner {
    background-size: cover !important;
    background-position: center center !important;
}
.single #content #inner-content {
    padding: 5rem 0px 0px;
}
.single #content #inner-content .post-nav {
	padding-top: 3rem;
}
.single-accom-features ul {
    column-count: 2;
    column-gap: 20px;
    margin:0px;
}
.single-accom-features ul li {
    list-style: none;
    line-height: 35px;
    display: block;
}
.single-accom-features ul li:before {
    content: "✓";
    color: #195ba2;
    border: 1px solid #195ba2;
    border-radius: 50px;
    line-height: 18px;
    vertical-align: top;
    margin-right: 7px;
    margin-top: 4px;
    padding: 0px 5px;
    font-size: 12px;
    display: inline-block;
}
.single-accom-features ul li span {
    display: inline-block;
    width: 80%;
    vertical-align: top;
}
.single-accom-notes {
    margin-top: 2rem;
}
.single-accom-notes p {
    font-style: italic;
    color: #b1b1b1;
}
.accomm-info i.fa {
    color: #ccc;
    font-size: 40px;
    opacity: .5;
    text-align: center;
    display: block;
}
.accomm-info .large-3.medium-12.columns {
    text-align: center;
}
.accomm-info .large-3.medium-12.columns {
    text-align: center;
    border-right: 1px solid #ccc;
    padding: 1.5rem 1rem;
}
.accomm-info .large-3.medium-12.columns:last-child {
    border: none;
}
.accomm-info.columns {
    margin-bottom: 1rem;
}

.single-accom-capacity {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #e6e6e6;
    padding: 1rem 0px 2rem;
    margin: 1rem 0px;
    border-bottom: 1px solid #e6e6e6;
}
.single-accom-capacity .large-6:first-of-type {
    padding-left: 0px;
}
.single-accom-capacity i.fa {
    color: #225fa5;
    padding-right: 6px;
}
body.single-accommodation header.header.set-height.full-width {
    height: 700px !important;
}
.single-accom-capacity .large-6:first-of-type {
    padding-left: 0px;
}
.accom-archive-header {
    margin: 4rem auto 1.5rem;
}
.wof-image {
    height: 100%;
    background-size: cover;
    background-position: center center;
    min-height: 250px;
    position: relative;
}
.whats-on-featured {
    padding: 2rem 1rem;
    background: #f5f5f5;
    margin-bottom: 2rem;
    border-radius: 5px;
}
.whats-on-featured .wof-content a {
    background: #185ca2;
    display: inline-block;
    color: #fff;
    padding: 11px 25px 12px;
    border-radius: 4px;
    transition:all ease .5s;
}
.whats-on-featured .wof-content a:hover {
    background: #fff;
    color: #185ca2;
    transition:all ease .5s;
}
.whats-on-featured .large-7.medium-12.columns {
    display: flex;
    align-content: flex-start;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.wof-content {
    padding-bottom: 1rem;
}
.blog-title.row {
    margin: 3rem 0px 1.5rem;
}
.woo-image {
    height: 100%;
    background-size: cover;
    background-position: center center;
    min-height: 180px;
    position: relative;
}
.whats-on-other {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #eaeaea;
}
.whats-on-other span {
    color: #b9b9b9;
}
.woo-content a {
    background: #c1162f;
    color: #fff;
    padding: 5px 15px 6px;
    border-radius: 4px;
}
.footer-gallery-link a.red-button.button {
    padding: 11px 25px 12px !important;
    border-radius: 4px;
    max-width: fit-content;
    font-size: 16px;
    line-height: 24px;
}
.specials-sidebar h4 {
    font-size: 25px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 50%, rgba(0,0,0,0.0) 100%);
    padding: 1rem 1.5rem 7rem;
    transition: all ease .5s;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0);
    color: #fff !important;
}

.single .feat-image {
    margin-bottom: 1rem;
}
span.next-post strong{
    color: #ffffff;
    background: #175da2;
    padding: 7px 20px 8px;
    border-radius: 3px;
    float: left;
    transition: all ease .5s;
}
span.next-post strong:hover {
    color: #fefefe !important;
    background: #c0162f;
    transition: all ease .5s;
}
.feat-image img {
    max-height: 500px;
    width: auto;
}
span.next-post a {
    color: #fff;

}
span.prev-post strong{
    color: #ffffff;
    background: #175da2;
    padding: 7px 20px 8px;
    border-radius: 3px;
    float: right;
}
span.prev-post a {
    color: #fff;

}
.single-accommodation-content {
	padding-right: 5rem;
}
.post-nav {
    display: inline-block;
    width: 100%;
    margin-top: 1rem;
}
.all-accomm-title {
    padding-right: 5rem;
}
section.extra-cabin {
	margin-top: 2rem;
	display: inline-block;
}
dl.gallery-item {
    display: inline-block;
}
.gallery-columns-2 .gallery-item {
    width: 49%;
    vertical-align: top;
    margin: 0px .5%;
}
a.single-accomm-book-now {
	background: #fff;
	color: #c1222f;
	padding: 5px 15px;
	border-radius: 4px;
	margin-right: 5px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	margin-bottom: 1rem;
}
a.view-accommodation {
    background: #c1222f;
    color: #fff;
    border-radius: 4px;
    padding: 5px 15px;
    transition: all ease .25s;
}
.quick-info {
    margin-top: 5px !important;
    display: inline-block;
}

/*********************
General content block styles
*********************/
.content-block a {
    color: #175da2;
}
.content-block p img.aligncenter {
    margin-bottom: 25px;
    margin: 1rem auto;
    display: block;
}
.hide-this {
    opacity: 0;
}
.content-block {
    padding: 125px 0px;
}
.content-block.no-padding {
    padding: 125px 0px 0px;
}
.content-block.grey {
  background:#eee;
}
.content-block.black {
  background:#000;
}
.content-block.white {
  background:#fff;
}
.content-block p img {
    margin-bottom: 25px;
    max-height: 400px;
    width: auto;
}
.content-block.black * {
    color: #fff;
}


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


/*********************
FORM AND CONTENT SECTION STYLES
*********************/
div#gform_confirmation_message_1 {
    color: #175da2;
    font-size: 25px;
    line-height: 1.4;
    font-weight: 600;
}
.gform_wrapper .gform_heading h3.gform_title {
    margin: 0px 0px .5rem;
    font-size: 25px;
    font-weight: 600;
}
.content-block .gform_wrapper .gform_heading {
    width: 100%;
    margin-bottom: 0px;
}
.form-content-section .large-4 .gfield input {
    margin-bottom: 1rem;
}
.form-content-section .gform_heading {
    background: #171717;
    text-align: center;
    margin-bottom: 0px !important;
    border-radius: 5px 5px 0px 0px;
}
body .gform_wrapper ul li.gfield {
    margin-top: 0px !important;
}
.form-content-section .gform_wrapper h3.gform_title {
    letter-spacing: 2px !important;
    margin: 0px;
    text-transform: uppercase;
    color:#fff;
    padding: 1.5rem 0px;
}
.form-content-section .gform_body {
    background: #dedede;
    padding: 1.5rem 1.5rem 0px;
}
body .form-content-section .gform_wrapper ul li.gfield {
    margin: 0px;
    padding: 0px;
}
body .form-content-section .ginput_container {
    margin: 0px !important;
}
.form-content-section .ginput_container_date input {
    width: 100% !important;
}
.form-content-section .gform_footer.top_label {
    padding: 0px 1.5rem 1.5rem;
    margin: 0px;
    background: #dedede;
    text-align: center;
}
input#gform_submit_button_1 {
    background: #c1162f;
    text-align: center;
    font-size: 16px !important;
    padding: 11px 25px 12px !important;
    text-transform: uppercase;
    width: auto;
    border-radius: 4px;
    transition: all ease .5s;
    font-family: 'proxima-soft', sans-serif;
}
input#gform_submit_button_1:hover {
    background: #175da2;
    transition: all ease .5s;
    color: #ffffff;
}
.form-content-section.dark .gform_wrapper h3.gform_title {
  color:#171717;
}
.form-content-section.dark .gform_heading {
  background:#fff;
}
.pre-footer p a {
    color: #313132;
}
div#apex-bar span a {
    color: #fff;
}
body .gform_wrapper ul li.gfield {
    margin-top: 0px;
    padding-top: 0;
}
body .gform_wrapper .top_label div.ginput_container {
    margin-top: 0px;
}

/*********************
CONTENT AND VIDEO MODAL SECTION STYLES
*********************/
.cc-video-section.large-6.medium-12.columns {
    display: table;
}
.video-content-inner {
    display: table-cell;
    vertical-align: middle;
}
.cv-video-section img {
    box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.2);
}
div.reveal {
    width: 100%;
    max-width: 1000px;
    min-height: 0 !important;
    height: auto !important;
}
.cv-video-section {
    position: relative;
}
img.play-button {
    position: absolute;
    left: 50%;
    max-width: 100px;
    margin-left: -50px;
    opacity: .6;
    top: 50%;
    box-shadow: none;
    margin-top: -40px;
}
.video-modal-link {
    position: relative;
}

/*********************
TABS SECTION STYLES
*********************/
.tabs-container {
    display: table-cell;
    vertical-align: top;
}
.tabs-content-wrapper {
  display: table;
}
.tabs {
    background:none;
    border: none;
}
.tabs-panel {
    padding: 1.5rem 0px;
}
.tabs-title>a:focus, .tabs-title>a[aria-selected=true] {
    background: #666666;
    color: #fff;
}
.tabs-title>a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: .75rem;
    line-height: 1;
    font-size: 16px;
    color: #262626;
    border-right: .5px solid #666;
    border-left: .5px solid #666;
    border-top: .5px solid #666;
    border-bottom: .5px solid #666;
}
.tabs-title>a:hover {
    background: #fefefe;
    color: #666666;
}
.tabs-title>a:hover[aria-selected=true] {
    background: #666;
    color: #fff;
}
.tabs-title:first-child a {
    border-left: 1.5px solid #666;
}
.tabs-title:last-child a {
    border-right:1.5px solid #666;
}
.tabs-content {
    border: none;
    background:none;
}
.tab-image img {
    box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.2);
}


/*********************
GALLERY SECTION STYLES
*********************/

.gallery-section .column, .gallery-section .columns {
    padding-right: .9375rem;
    padding-left: .9375rem;
}
.gallery-section {
    background: url(/wp-content/uploads/mothernatures-pattern-bg.jpg);
    text-align: center;
}

.gallery-image-container .gallery-image {
    position: relative;
    height: 185px !important;
    padding: 1rem;
    margin-bottom: 2rem;
    background-size: cover !important;
    background-position: center center !important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}
a.red-button.button {
    background: #c1162f;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    padding: 11px 25px 12px;
    text-transform: capitalize;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
}
a.red-button.button:hover {
    transition: all ease .5s;
    background: #fff;
    color:#c1162f;

}
.gallery-container {
    position: relative;
}
.slick-arrow {
    position: absolute;
}
img.prev-arrow {
    left: 0rem;
    top: 6rem;
}
img.next-arrow {
    right: 0rem;
    top: 6rem;
}
.gallery-container {
    position: relative;
    padding: 0px 3rem;
    margin-bottom: 2rem;
}
.gallery-thumbnails {
    padding: 0px 5rem;
}
.gallery-thumb-box.slick-slide:focus, .slick-initialized .slick-slide:focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
.gallery-container .slick-track a {
    display: block;
    width: 100%;
    height: 100%;
}
.gallery-container .slick-track a {
    display: block;
    width: 100%;
    position: absolute;
    left: 0px;
    top:0px;
    height: 100%;
}
.slick-slide img {
    display: block;
    height: 100%;
    opacity: 0;
}
.gallery.gallery-image img {
    opacity: 0;
}


/*********************
COLUMN STYLES
*********************/
.reduced-width .row {
    max-width: 50em;
}
.content-block.dark {
  background: #161616;
}
.content-block.dark:last-child {
    background: #292727;
}
.content-block.dark p,
.content-block.dark h1,
.content-block.dark h3,
.content-block.dark h4,
.content-block.dark a,
.content-block.dark span {
  color:#fff;
}

.enquiry-button.columns {
    text-align: center;
    padding: 1.75rem 0px 0px;
}
.enquiry-button.columns a {
  margin:0px;
}
.twocol-section img.alignnone {
    width: 100%;
}
/*********************
One col twocol STYLES
*********************/
.onecol-twocol-section .large-4 p {
    margin-bottom: 0px;
}

/*********************
twocol onecol STYLES
*********************/
.twocol-onecol-section .large-4 p {
    margin-bottom: 0px;
}

/*********************
GALLERY SLIDESHOW STYLES
*********************/
.gallery-featured {
  width: 100%;
  height:500px;
}
.gallery-thumb-box {
  padding:.75rem;
}
.gallery-thumbnail {
    height: 250px !important;
    transition: all ease .5s;
    background-position: center center !important;
    background-color:#000;
    opacity: 1;
}
.gallery-thumbnail:hover {
    transition: all ease .5s;
    opacity: .75;
}
.gallery-featured {
    height: 750px !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat;
}
.gallery-featureds {
    margin-bottom: 1rem;
}
/*********************
TESTIMONIALS SECTION STYLES
*********************/
.testimonial-section.content-block {
    background-position: center center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.testimonial-inner {
    padding: 0px 6rem;
    text-align: center;
    color: #fff;
}
.testimonial-inner p {
    color: #fff;
    font-size: 30px;
    line-height: 43px;
}
.testimonial-inner a {
    color: #fff;
}
.testimonial-inner img.slick-arrow {
    opacity: .5;
    top: 2rem;
}
h1.testimonials.page-title {
    padding: 2rem 0px;
    border-bottom: 5px solid #efefef;
    margin-bottom: 2rem;
}
.testimonial-container {
    padding: 2rem;
}
.testimonial-container:nth-child(odd) {
    background: #f9f9f9;
}
.testimonial-container {
    padding: 2rem;
    margin: 1rem 0px;
}

/*********************
GLOBAL FOOTER STYLES
*********************/
.footer-gallery-link {
    background: #f5f5f5;
}
.footer {
  clear: both;
  margin-top: 1em;
}
footer.footer {
    background: #ffffff;
    text-align: center;
    padding: 0rem 0px 3rem;
    margin-top: 0px;
}
.footer p {
    color: #252525;
    font-size: 15px;
    margin: 0px;
    float: left;
    line-height: 24px;
}
.kbb-link a {
  color:#252525;
  font-size: 15px;
}
.footer p.kbb-link {
  float: right;
}
.pre-footer {
    display: block;
    padding: 105px 1rem 125px;
    background: #fff;
}
.pre-footer .columns img {
    max-width: 265px;
    margin-bottom: 10px;
}
.pre-footer h3 {
    color: #252525;
    margin-bottom: 10px;
}
.pre-footer .menu li, .pre-footer .menu li a {
    display: block;
    color: #252525;
    font-size: 15px;
    line-height: 20px;
    background: none;
    padding: 1px;
}
a.footer-social {
	font-size: 14px;
	padding: 2px 12px 1px;
	display: inline-block;
	border-radius: 4px;
	margin: 3px 2px 3px 0px;
}
.footer-social.footer-directions .non-hover {
	top: 0px;
}
a.footer-facebook {
    background: #efefef;
    color: #2f589a;
    transition: all ease .5s;
    margin-top: 1rem;
}
a.footer-social.footer-facebook:hover {
    background: #30579a;
    color: #fff;
    transition: all ease .5s;
}
a.footer-tripadvisor {
    background: #efefef;
    color: #48ab80;
    transition: all ease .5s;
}
a.footer-tripadvisor:hover i.fa.fa-tripadvisor {
    color: #fff;
    transition: all ease .5s;
}
a.footer-tripadvisor:hover {
    background: #48ab80;
    color: #efefef;
    transition: all ease .5s;
}
a.footer-directions {
    background: #efefef;
    color: #c1162f;
    transition: all ease .5s;
    position: relative;
}
a.footer-facebook i.fa.fa-facebook {
    margin-right: 6px;
    font-size: 17px;
    position: relative;
    top: 2px;
}
a.footer-tripadvisor i.fa.fa-tripadvisor {
    margin-right: 6px;
    font-size: 17px;
    transition: all ease .5s;
    position: relative;
    top: 2px;
    color:#48ab80;
}
a.footer-directions img {
	margin-right: 6px;
	max-width: 18px !important;
	position: relative;
	top: -2px;
	margin-bottom: 0px !important;
}
a.footer-directions img.hover {
    position: absolute;
    left: 12px;
    opacity: 0;
    top: 7px;
}
a.footer-directions:hover .hover {
    opacity: 1;
    transition: all ease .5s;
}
a.footer-directions:hover .non-hover, a.footer-directions:hover .hover  {
    transition: all ease .5s;
}
a.footer-social.footer-directions:hover {
    background: #c1162f;
    color: #fff;
    transition: all ease .5s;
}
a.footer-directions:hover .non-hover {
    opacity: 0;
    transition: all ease .5s;
}
.pre-footer .large-4 > p .fa {
    color: #175da2;
    font-size: 20px;
    width: 30px;
    position: relative;
    top: 3px;
}
.pre-footer p {
    margin-bottom: 7px;
}
ul#menu-sitemap {
    column-count: 2;
    vertical-align: top;
}
ul#menu-sitemap li {
    vertical-align: top;
}
.pre-footer .large-2.medium-12.columns:last-child {
    position: relative;
}
.pre-footer .columns:last-child img:first-child {
    position: absolute;
    right: -8rem;
    top: -2rem;
    transform: rotate(10deg);
}
.pre-footer .columns:last-child img:last-child {
    position: absolute;
    left: 1rem;
    top: 8rem;
    max-width: 170px;
    transform: rotate(-4deg);
}
.footer-accommodation {
    background: #efefef;
    padding: 70px 0px;
}
.footer-accomm-list li {
    list-style: none;
    color: #155ea2;
    font-size: 20px;
    line-height: 34px;
}
.footer-accomm-list ul {
    margin-left: 0px;
    column-count: 2;
}
.footer-accommodation h2.blue {
    margin-bottom: 1rem;
}
.footer-newsletter {
    background-size: cover !important;
    background-position: center center !important;
    padding: 100px 0px;
    background-attachment: fixed !important;
}
.footer-newsletter .white {
    margin-bottom: 0px;
}
#gform_4 input {
    background: #fff;
    border: none;
    border-radius: 3px;
    color: #252525;
    font-size: 15px;
    height: 44px;
}
#gform_4 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #252525;
}
#gform_4 input::-moz-placeholder { /* Firefox 19+ */
  color: #252525;
}
#gform_4 input:-ms-input-placeholder { /* IE 10+ */
  color: #252525;
}
#gform_4 input:-moz-placeholder { /* Firefox 18- */
  color: #252525;
}
#gform_4 .gform_body {
    width: 80%;
    display: inline-block;
    vertical-align: top;
}
#gform_4 .gform_footer.top_label {
    width: 19%;
    display: inline-block;
    padding: 0px;
    margin: 0px;
}
#gform_4 li.gfield {
    margin: 0px;
}
#gform_4 .ginput_container {
    margin: 0px;
}
#gform_submit_button_4 {
    background: #c1162f !important;
    color: #fff !important;
    font-size: 15px !important;
    transition: all ease .5s;
    margin: 0px !important;
    padding: 10px 30px 7px !important;
    font-family: "proxima soft", sans-serif;
}
#gform_submit_button_4:hover {
    background: #fff !important;
    color: #175da2 !important;
    transition: all ease .5s;
}
.footer-newsletter .large-6.medium-12.columns:first-child {
    padding-right: 0px;
}
.footer-newsletter .large-6.medium-12.columns:last-child {
    padding-top: 1rem;
}
.footer-map .polaroid {
    max-width: 250px;
    position: absolute;
    top: -10rem;
    z-index: 8;
    transform: rotate(3deg);
    left: 2rem;
}
.footer-map .large-4.columns {
    position: relative;
    margin-left: 10rem;
}
.footer-map .red-button.button {
	width: 100%;
	display: block;
	padding: .75rem 5px 1rem !important;
	max-width: 280px;
	box-shadow: 0px 2px 8px 1px rgba(0,0,0,0.2);
	z-index: 8;
	position: relative;
	transition: all ease .5s;
}
.footer-map > .row a.red-button.button:hover {
    background: #175da2;
    transition: all ease .5s;
}
.footer-map .red-button.button img {
    display: inline;
    vertical-align: middle;
}
.footer-map .red-button.button h5 {
    display: inline-block;
    width: 47%;
    text-align: left;
    line-height: 20px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0px;
    vertical-align: middle;
    padding-left: 11px;
}
.footer-map {
    background-position: center center !important;
    background-size: cover !important;
    padding: 500px 0px 100px;
}
.footer-map .polaroid:first-child {
    left: -13rem;
    top: -7.5rem;
    z-index: 3;
    transform: rotate(-12deg);
}
.footer-gallery-link {
    padding: 80px 0px;
    background-size: cover !important;
    background-position: center center !important;
    margin-bottom: 0px;
}
.footer-gallery-link .polaroid {
    position: absolute;
    left: 0px;
    transform: rotate(-3deg);
}
.footer-gallery-link .large-5.medium-12.columns {
    position: relative;
}
.footer-gallery-link .polaroid:first-child {
    max-width: 400px;
    top: -4.5rem;
    left: 3rem;
    transform: rotate(-7deg);
}
.footer-gallery-link .polaroid:last-child {
    top: -3rem !important;
    right: -16rem !important;
    transform: rotate(6deg);
    left: auto;
    max-width: 319px;
}
.footer-social.footer-park-map {
	background: #efefef;
}
.footer-social.footer-park-map:hover {
	transition: all ease .25s;
    background: #1c5ea5;
    color: #fff;
}
.footer-social.footer-park-map .fa.fa-map {
	color: #1c5ea5;
	margin-right: 7px;
}
.footer-social.footer-park-map:hover *{
    color: #fff !important;
    transition: all ease .25s;
}
/*********************
GFORM STYLES
*********************/
label.gfield_label {
    display: none !important;
}
.gfield input, .gfield select {
    padding: 0px 12px !important;
    border: 1.5px solid #7e5758;
    box-shadow: none;
    height: 40px;
    background:none;
    color: #666666;
}

.gform_wrapper .gform_footer {
    padding: 0px 0 10px;
}
.gform_wrapper textarea {
    padding: 12px;
    line-height: 1.5;
    background:none;
    border: 1.5px solid #7e5758;
    resize: none;
}
.gform_wrapper textarea.medium {
    height: 120px !important;
    width: 100%;
}

.gfield input::-webkit-input-placeholder, .gfield textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #666666;
}
.gfield input::-moz-placeholder, .gfield textarea::-moz-placeholder { /* Firefox 19+ */
    color: #666666;
}
.gfield input:-ms-input-placeholder, .gfield textarea:-ms-input-placeholder { /* IE 10+ */
    color: #666666;
}
.gfield input:-moz-placeholder, .gfield textarea:-moz-placeholder { /* Firefox 18- */
    color: #666666;
}
.gfield input {
    margin: 0px;
}
.full-width-section .gform_footer {
  text-align: center;
}
.gform_footer input.gform_button:hover {
    background: #000;
    transition: all ease .5s;
}
.gform_footer input {
    background: #c1162f;
    text-align: center;
    font-size: 25px !important;
    padding: 15px 30px!important;
    text-transform: uppercase;
}
.gform_wrapper span.gform_description {
    text-align: center;
}
.gform_wrapper {
    margin: 0px !important;
}

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

.form-content-section .gform_wrapper ul li.gfield {
    clear: both;
    width: 100% !important;
    margin: 0px !important;
}
.form-content-section .large-4 textarea {
    margin: 0px;
}
.form-content-section .gform_footer.top_label {
    padding: 1rem;
}
.form-content-section .gform_body {
    background: #dedede;
    padding: 1.5rem 1.5rem 0px;
}
.form-content-section .large-4 textarea:focus {
    background: #fff;
}
.form-content-section .large-4 .gfield input:focus {
    border: 2px solid #7e5758;
}
textarea:focus {
    background: #fff;
}
input:focus {
    border: 2px solid #7e5758 !important;
}

/*********************
MOBILE STYLES
*********************/
@media screen and (max-width: 1350px) {
div#home-banner-hero {
    padding: 0px 4rem;
}

}
@media screen and (max-width: 1200px) {
.all-accomm-single {
    display: inline-block;
    width: 49.75%;
    margin: 0px;
}
}
@media screen and (max-width: 1186px) {

    ul#menu-main-menu-1 {
        padding: 0px;
    }
    .pre-footer .columns:last-child img:first-child {
        position: absolute;
        left: 0px;
    }
    .pre-footer .columns:last-child img:last-child {
        position: absolute;
        left: 0px;
    }
}
@media screen and (max-width: 1050px) {

    .top-bar-right.right-menu.show-for-medium {
        max-width: 800px;
    }
    .top-bar li.menu-item a {
        padding: 22px 1rem 22px;
    }
    .top-bar li.desktop-only a {
        padding: 18px 1rem 16px !important;
    }
    li.phone-number {
        padding: 0rem 1rem;
    }
}
@media screen and (min-width: 1024px) {
    .show-for-large-only {
        display: block !important;
    }

}
@media screen and (max-width: 1023px) {
    .main-accomm-bar.large-4.columns {
        display: none;
    }
    div#gform_confirmation_message_4 {
        color: #fff;
        margin-top: -0.5rem;
        font-size: 30px;
        line-height: 1.5;
    }
    .all-accomm-title {
        padding-right: 0px;
    }
.accommodation-post {
    width: 49%;
}
#temp-holder {
	width: 99%;
	height: auto !important;
}
#temp-holder .accommodation-post__inner__text p {
	width: 100%;
}
#temp-holder img {
	position: absolute;
	bottom: 0.45rem;
	right: -1.7rem;
}
#temp-holder .accommodation-post__inner__text {
	left: 2rem;
	top: 0rem;
	padding-right: 8rem;
	position: relative !important;
	padding: 2rem 9rem 1rem 0rem;
}
.single-accommodation-content {
    padding-right: 0rem;
}
.gallery-image-container:first-child, .gallery-image-container:nth-child(10n+0) {
    width: 50% !important;
    height: 404px;
}
.footer-newsletter {
    background-attachment: scroll !important;
}
.footer-gallery-link .polaroid:first-child, .footer-gallery-link .polaroid:last-child {
    position: relative;
    top: auto !important;
    left: auto;
    right: auto !important;
    bottom: auto;
    width: 100%;
}
.footer-map {
    padding: 20rem 1rem 6rem;
    background-position: 67% 91% !important;
}

.footer-gallery-link.mobile-only {
    display: block !important;
}
.footer-gallery-link .polaroid:first-child {
    margin-top: 2rem;
}
.footer-gallery-link {
    padding: 100px 1rem;
    margin-bottom: 0px;
}
    .home .specials-slider div {
    margin-top: 1rem;
    height: 400px !important;
}
.home-banner-content h1 strong {
    display: block;
    margin-left: -20px;
    line-height: 111px;
    transform: rotate(-3deg);
}
.form-content-section .gform_wrapper .top_label li.gfield.gf_left_third, .form-content-section .gform_wrapper .top_label li.gfield.gf_middle_third, .form-content-section .gform_wrapper .top_label li.gfield.gf_right_third {
    width: 33% !important;
    padding-right: 16px !important;
}
main#main.single-accomms {
    float: none;
    margin: 0 auto;
}

.woo-image {
    margin-bottom: 1rem;
}
.wof-image {
    margin-bottom: 1rem;
}
.accom-archive-header {
    margin: 4rem auto 1rem;
}
.blog-post-inner.large-8.medium-12.columns {
    padding: 2rem 0px 1rem;
}

ul#menu-sitemap {
    column-count: 1;
    vertical-align: top;
}
.home main#main {
    margin-top: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
#accommodation-inner .large-5.large-push-7.medium-12.columns {
    margin: 0px 0px 4rem;
    padding: 0px;
}
.pre-footer .columns {
    margin-bottom: 1rem;
}
.pre-footer .columns:last-child img:first-child, .pre-footer .columns:last-child img:last-child {
    position: relative;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    right: auto !important;
}
.pre-footer .large-2.medium-12.columns:last-child {
    position: relative;
    margin-top: 2rem;
}
.single-accom-capacity .large-6 {
    padding-left: 0px;
}
.facilities {
    background-attachment: scroll;
}

.home-banner-content {
    padding: 6rem 0rem;
}
div#home-banner-hero {
    padding: 0px 2rem;
}
.home-banner-content h1 {
    font-size: 40px;
    line-height: 40px;
    text-shadow: 0px 2px 5px #000;
    font-weight: 500;
    margin-bottom: 0px;
}
.home-banner-content h2 {
    text-shadow: 0px 2px 5px #000;
    line-height: 34px;
    font-size: 30px;
    margin-bottom: 1rem;
}
.home-banner-content h1 strong {
    font-family: "relation-two", sans-serif;
    font-size: 60px;
    transform: rotate(-3deg);
    display: block;
    padding-right: 5px;
    position: relative;
    line-height: 80px;
    margin-left: -5px;
}
.home header.header {
    height: 500px;
}
}

@media screen and (max-width: 900px) {
    .top-bar-middle img {
        left: -25px !important;
    }

    .top-bar li.menu-item a {
        padding: 20px 8px 20px;
    }
    .all-accomm-single {
        width: 49%;
    }
    .top-bar-left.left-logo::before {

        display: none;
    }
}
@media screen and (max-width: 845px) {
    .top-bar li.menu-item a {
        font-size: 15px;
        padding: 1.5rem .75rem;
    }
    .top-bar-middle img {
        position: absolute;
        left: 8% !important;
        right: auto !important;
        top: -2.3rem;
        width: 90%;
    }
    li.phone-number {
        padding: 8px .75rem;
    }
    .top-bar-right.right-menu.show-for-medium {
        max-width: 750px;
    }
.top-bar .left-logo img {
    padding: 1rem 0rem 1rem;
    max-width: 130px;
}
}
@media screen and (min-width: 767px){
    .mobile-only {
    display: none !important;
}
}
@media screen and (max-width: 767px) {

a.home-banner-button {
    background: #c1162f;
    font-size: 15px;
}

.whats-on-header {
    text-align: center;
    padding: 0px 1rem;
    margin-bottom: 4rem;
}
.main-events a:first-child .main-events-inner {
    padding-right: 0px;
}
.main-events a:last-child .main-events-inner {
    padding-left: 0px;
}
.all-events-link, .all-specials-link {
    text-align: center;
    display: inline-block;
    height: 100%;
    padding-bottom: 19px;
    width: 100%;
}

.footer-map .large-4.columns {
    position: relative;
    margin-left: 0px;
}
.footer-map .polaroid {
    position: relative;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
}
.footer-map .polaroid:first-child {
    position: relative;
    top: auto;
}
.all-events-link a, .all-specials-link a {
    float: none;
    margin-bottom: 1rem !important;
}
.all-events-link h5.white, .all-specials-link h5.white {
    margin: 1px 0 19px;
    float: none;
    display: block;
}
header.header {
    height: auto !important;
}
.off-canvas li.desktop-only {
    display: none !important;
}
.mobile-only {
    display: block;
}
.top-bar-left.float-left.show-for-medium,
.top-bar-right.float-right.show-for-medium,
.top-bar-right.right-menu.show-for-medium {
  display: none;
}
.top-bar-left.left-logo {
    width: auto;
    text-align: left;
}
.top-bar .left-logo img {
    padding: 1rem 0rem 1rem;
    max-width: 150px;
}
.top-bar-right.float-right.show-for-small-only {
    display: block !important;
    padding: 1.55rem 2rem 1.5rem 1rem;
}
.top-bar-middle {
    float: none;
    display: inline-block;
}
.menu-icon:after {
    background: #2a4443 !important;
    box-shadow: 0 7.75px 0 #2a4443, 0 16px 0 #2a4443;
}
button.menu-icon {
    width: 30px;
}

.top-bar-middle img {
    top: -3.3rem;
}
div#off-canvas {
    background: #fff !important;
}
.off-canvas .menu .active>a {
    background: #c1162f;
    padding: 1.5rem;
    color: #fefefe;
}
.off-canvas .menu>li>a {
    padding: 1.5rem;
    transition: all ease .5s;
    color: #000;
}
.off-canvas .menu>li>a:hover {
    background: #414141;
    color: #fff;
    transition: all ease .5s;
}
img.mobile-only-logo {
    padding: 2rem 1rem;
    display: block;
    margin: 0 auto;
}
.menu-icon:hover:after {
    background: #cacaca !important;
    box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca !important;
}
.gallery-thumbnail {
    height: 175px !important;
}
.is-accordion-submenu-parent>a:after {
    border-color: #7f575b transparent transparent;
}
}
@media screen and (min-width: 769px) {
.top-bar li.mobile-only {
    display: none !important;
}

  }

@media screen and (max-width: 639px) {
    .singel-accom-sidebar {
        padding-right: 0;
        padding-left: 0rem;
        margin-top: 2rem;
    }
    .main-accomm-bar.large-4.columns {
        display: block;
    }
#temp-holder {
    display: none;
}
.accommodation-post {
	width: 100%;
}
.gallery-image-container:first-child, .gallery-image-container:nth-child(10n+0) {
    width: 100% !important;
}
.blog .specials-slider div {
    height: 515px !important;
}
.gallery-image-container:first-child, .gallery-image-container:nth-child(10n+0) {
    height: auto;
}
.gallery-image-container .gallery-image, .gallery-image-container:first-child .gallery.gallery-image, .gallery-image-container:nth-child(10n+0) .gallery.gallery-image {
    height: 250px !important;
    margin-bottom: 0rem;
}
h1 {
    font-size: 35px;
    line-height: 40px !important;
}
h2 {
    font-size: 30px;
    color: #155ea2;
    line-height: 1.25;
    font-weight: 600;
}
h3 {
    font-size: 25px;
    line-height: 1.25;
    font-weight: 600;
    color: #155ea2;
}
body:not(.home) header.header {
	height: 200px !important;
	min-height: 281px !important;
}

.single-accom-features ul {
    column-count: 1;
    column-gap: 20px;
    margin: 0px;
}
.single-accom-gallery {
    column-count: 1;
    column-gap: 3px;
    margin-bottom: .5rem;
    padding: 5px;
}
body.single-accommodation header.header.set-height.full-width {
    height: auto !important;
}
.single-banner-title {
    padding-top: 10rem;
}
.pre-footer {
    display: block;
    padding: 50px 1rem;
    text-align: center;
}
p.source-org.copyright {
    float: none;
    margin-bottom: 10px;
}
.footer p.kbb-link {
    float: none;
}
.main-events-inner {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.specials-slider div {
    background-size: cover !important;
    background-position: center center !important;
    height: 500px;
}
.specials-slider.slick-initialized.slick-slider {
    margin-top: 2rem;
}
.all-accomm-single {
    display: inline-block;
    width: 100%;
    padding: 0px;
    margin: 0px .5%;
}
.single-accom-capacity {
    padding: 1rem 0 1rem;
}

.single-accom-capacity i.fa {
    color: #225fa5;
    padding-top: 4.5px;
    padding-right: 14px;
    display: block;
    float: left;
    margin-bottom: 2rem;
}
.accommodation-post__inner {
    margin: 0;
}
.footer-map .large-4.columns {
    position: relative;
    margin-left: 1rem;
}
div#apex-bar {
    padding: .5rem 0px 2rem;
}
.apex-baf .apex-bar-right.float-right {
    float: none !important;
    display: block;
    text-align: center;
}
.top-bar .left-logo img {
    padding: 2rem 0rem 1rem;
}
    div#apex-bar span {
        font-size: 16px;
        padding: 0px 1.5rem;
        color: #fff;
        display: block;
    }
  .content-block {
      padding: 4.5rem 1rem;
  }
  .content-block .columns {
      margin-bottom: 1rem;
  }
  .content-block .columns:last-child {
      margin-bottom: 0px;
  }
  .gallery-featured {
      height: 400px !important;
  }
  .mobile-only {
    display: block;
  }
  .desktop-only {
    display: none;
  }
  .prev-next-post-links {
      padding: 2rem 0px;
      text-align: center;
  }
  .next-story {
      text-align: center;
  }
  .previous-story a, .next-story a {
    display: block;
    margin: 4px 0px;
  }
  .top-bar-right.float-right.show-for-small-only {
    width: 80px;
  }
  .top-bar-middle {
      width: 158px;
  }
.gallery-image-inner {
    padding: 5rem;
}
  .gallery-image {
    height: auto !important;
    margin-bottom: 0rem;
}
#gform_4 li.gfield {
    margin: 0px 0px 5px;
}
#gform_4 .gform_body {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
.footer-newsletter {
    padding: 100px 1rem;
}
#gform_4 .gform_footer.top_label {
    width: 100%;
}
.home-banner-content .row {
    padding: 2rem 0px 0px;
}
.footer-map img.polaroid {
    display: none;
}
span.prev-post strong, span.next-post strong {
    float: none;
}
.single #content #inner-content .post-nav {
    padding-top: 3rem;
    text-align: center;
}
.whats-on-group__item {
    width: 100% !important;
    display: inline-block!important;
    padding: 5px!important;
}
.whats-on-group__item--three {
    width: 100%!important;
    padding: 5px!important;
}
.whats-on-group {
    margin-bottom: 2.5rem!important;
    margin-top: 2rem !important;
}
.post-nav span {
    display: block;
    line-height: 1.6;
}
.post-nav span.next-post {
    display: block;
    line-height: 1.6;
    margin-bottom: 2rem;
}

}

@media screen and (max-width: 510px) {
.apex-bar-left.float-left {
    float: none !important;
}
.apex-bar-right.float-right {
    float: none !important;
}
div#apex-bar {
    text-align: center !important;
}
.gallery-container {
    position: relative;
    padding: 0px 0rem;
}

}
@media screen and (max-width: 500px) {
.footer-map {
    padding: 20rem 1rem 6rem;
    background-position: 67% 91% !important;
}
.gallery-thumbnail {
    height: 50px !important;
}
.gallery-thumbnails {
    padding: 0px 3rem;
}
img.prev-arrow {
    left: 2px;
    top: 1rem;
    width: 20px;
}
img.next-arrow {
    right: 2px;
    top: 1rem;
    width: 20px;
}
.gallery-section img.next-arrow {
    right: 0rem !important;
    top: 6rem !important;
}
.gallery-section img.prev-arrow {
    left: 0rem !important;
    top: 6rem !important;
}
.gallery-image {
    margin-bottom: 0px;
    padding: 5px;
}
.main-service-section .ms-inner {
    background-size: auto 115% !important;
    background-position: center center !important;
    transition: all ease .5s;
}
.main-service-section .ms-inner:hover {
    background-size: auto 130% !important;
    transition: all ease .5s;
}
.top-bar .left-logo img {
    padding: 2rem 1rem 1rem 0rem;
}
div#apex-bar {
    padding: .5rem 0px 1.5rem;
}

}
@media screen and (max-width: 380px) {
.top-bar .left-logo img {

    padding: 3.5rem 0rem 1rem;
    max-width: 120px;
}
}


.whats-on-group__item {
    width: 49%;
    display: inline-block;
    padding: 5px;
}
.whats-on-group__item--three {
    width: 33%;
    padding: 5px;
}

.event-thumb {
    width: 100%;
    height: 250px;
    box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    background-size: cover !important;
    background-position: center center !important;
    position: relative;
}
.event-thumb h5 {
    position: absolute;
    padding: 4rem 1rem 1rem;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.35) 35%, rgba(0,0,0,0.0) 100%);
    color: #fff;
    bottom: 0px;
    width: 100%;
    margin: 0px;
    font-size: 23px;
    transition: all ease .25s;
}
.whats-on-group__item:hover h5 {
    padding: 5rem 1rem 1.5rem !important;
    transition: all ease .25s;
}
.whats-on-group__item .whats-on-group__date {
    color: #fff;
    display: block;
    line-height: 1;
    font-size: 15px;
}
.whats-on-group {
    margin-bottom: 2.5rem;
}
.whats-on-group h3 {
    margin-bottom: 1.5rem;
    padding: 0px 5px;
}
/*********************
POSTS & CONTENT STYLES
*********************/
#content #inner-content {
    padding: 1rem 0rem 0px;
}
body:not(.home) #content #inner-content {
    margin-bottom: 100px;
}
.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999; }

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

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

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

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

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

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

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

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

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

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }


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

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

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

Stylesheet: Retina Screens & Devices Stylesheet

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

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

Stylesheet: Print Stylesheet

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

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



/* Put the overlay on the header, not the content cell */
header.header { position: relative; } /* ensure a containing block */

.home-banner-content::before {       /* kill the old overlay */
    content: none !important;
}

/* New full-bleed overlay covering the whole hero */
header.header::before {
    content: "";
    position: absolute;
    inset: 0;              /* top:0; right:0; bottom:0; left:0 */
    z-index: 0;
    opacity: .45;
    /* use your image or a gradient here */
    /* background: url(/wp-content/uploads/video-overlay.png); */
    /* OR, if you just need a darkening overlay: */
    background: linear-gradient(
            to bottom,
            rgba(0,0,0,.35) 0%,
            rgba(0,0,0,.20) 40%,
            rgba(0,0,0,0) 100%
    );
    pointer-events: none;
}

/* Make sure the header background covers and centers everywhere */
header.header {
    background-size: cover !important;
    background-position: center center !important;
}

/* Mobile: ensure the hero is tall enough and centered */
@media (max-width: 767px) {
    header.header {
        min-height: 60vh;        /* or use a fixed value like 520px */
        height: 60vh;            /* prevents collapse */
        background-position: center center !important;
    }
    .home-banner-content { position: relative; z-index: 1; } /* keep text above overlay */
}

/* Put this in Appearance → Customize → Additional CSS OR child theme style.css */

/* Button */
.single-accomm-book-now{background-color:#c41414;color:#fff}

/* Keep blue card overlapped and text pushed down */
.main-accomm-bar{margin-top:-140px;background:#005aa7;box-shadow:0 2px 6px rgba(0,0,0,.2)}
#main{padding-top:140px}
#main h2,#main p{position:relative;z-index:1}

/* Tidy columns around medium–large widths */
@media (min-width:1024px) and (max-width:1350px){
    #inner-content.row{display:flex;flex-wrap:wrap;align-items:flex-start}
    .main-accomm-bar{flex:0 0 30%;max-width:30%;margin-bottom:2rem}
    #main{flex:0 0 70%;max-width:70%}
}

/* Header/logo behavior for tablet down */
@media (max-width:1050px){

    .standard-menu.row{display:flex;align-items:center;justify-content:space-between}
    .top-bar .left-logo img{max-width:180px;padding:.75rem 0;margin:0 1rem; top:-20px; left: -20px;}
}

/* Ensure hero sits below stacked header */
@media (max-width:900px){
    .page-header,.header-banner,.home-hero,.hero,#hero{padding-top:140px}
}
@media (max-width:640px){
    .page-header,.header-banner,.home-hero,.hero,#hero{padding-top:170px}
}

/* Hero cover + remove white gap (background or <img>) */
.hero,#hero,.header-banner,.home-hero,.page-header,.banner,.masthead,.top-hero{
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-attachment:scroll
}
@media (max-width:768px){

    .hero,#hero,.header-banner,.home-hero,.page-header,.banner,.masthead,.top-hero{
        min-height:100vh;margin-bottom:0 !important;padding-bottom:0 !important
    }
    .hero img,#hero img,.header-banner img,.home-hero img,.page-header img,.banner img,.masthead img,.top-hero img{
        display:block;width:100%;height:100vh;object-fit:cover
    }
    .hero+*,#hero+*,.header-banner+*,.home-hero+*,.page-header+*,.banner+*,.masthead+*,.top-hero+*{margin-top:0 !important}
}
.top-bar-left.left-logo::before { content:none !important; }

/* Mobile hamburger: keep it on the right and above overlapping elements */
@media (max-width: 767px) {
    .top-bar-left.left-logo { left: 20px; top:25px !important; z-index: 3500 !important; position: relative; right: 5px; top: 0; }
    .top-bar-right.float-right.show-for-small-only {
        position: relative;
        z-index: 1002;            /* above the logo and hero */
        width: auto;              /* don’t constrain to 80px */
        margin-left: auto;        /* push to the right */
        padding: 1rem 1rem 1rem 0.5rem;
        height: 60px;
    }

    /* Put the button at the far right with a reliable hit area */
    .top-bar-right.float-right.show-for-small-only .menu-icon {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1003;
        width: 36px;
        height: 28px;
    }

    /* Ensure the centered logo can't block taps */
    .top-bar-middle { position: relative; z-index: 1; }
    .top-bar-middle img { position: relative; z-index: 1; }
}
/* Phone layout: make the hamburger sit at the far right */
@media (max-width: 767px){
    .top-bar-right.float-right.show-for-small-only{
        position: relative;
        z-index: 1002;
        width: auto;
        margin-left: auto;
        padding: 1rem 1rem 1rem .5rem;
        height: 60px;
    }
    .top-bar-right.float-right.show-for-small-only .menu-icon{
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        width: 36px;
        height: 28px;
        z-index: 1003;
    }

    /* Turn the desktop UL into a visible vertical menu */
    .top-bar-right.right-menu.show-for-medium{
        display: block !important;
        position: relative;
        width: 100%;
        text-align: left;
        z-index: 1001;
    }
    #menu-main-menu-1{
        position: absolute;
        left: 0; right: 0; top: 60px;
        display: block;                 /* always visible (fallback) */
        background: #fff;
        box-shadow: 0 12px 24px rgba(0,0,0,.12);
        padding: 6px 0;
    }
    #menu-main-menu-1 > li{ float:none; display:block; }
    #menu-main-menu-1 a{
        display:block; padding:14px 18px;
        border-bottom:1px solid #eee;
        text-transform:uppercase; font-size:16px; color:#313131;
    }
    #menu-main-menu-1 li:last-child a{ border-bottom:0; }

    /* Make sure hero/logo don't block taps */
    .top-bar-middle{ position:relative; z-index:1; }
}
/* ========= MOBILE NAV (CSS-only, hooks into Foundation's flag) ========= */

/* 1) Remove Foundation overlay so it doesn't block taps */
.js-off-canvas-overlay,
.off-canvas-wrapper .js-off-canvas-overlay,
.off-canvas-content .js-off-canvas-overlay,
.js-off-canvas-exit {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* 2) Mobile layout for the desktop menu UL */
@media (max-width: 767px) {

    /* Keep the bar present and on top */
    .top-bar { position: relative; z-index: 2000; }
    .top-bar-right.right-menu.show-for-medium {
        display: block !important;
        position: relative;
        width: 100%;
        z-index: 2000;
    }

    /* Default: menu hidden */
    #menu-main-menu-1 {
        position: absolute;       /* change to fixed if you prefer it not to scroll */
        top: 60px;                /* adjust under your logo bar */
        left: 0; right: 0;
        background: #fff;
        box-shadow: 0 12px 24px rgba(0,0,0,.12);
        max-height: 70vh;
        overflow: auto;

        display: none;            /* hidden until open */
        opacity: 0;
        transform: translateY(-8px);
        pointer-events: none;
        transition: opacity .18s ease, transform .18s ease;
        z-index: 2100;            /* above everything else */
    }

    /* OPEN state = Foundation adds this to <body> when hamburger is pressed */
    body.is-off-canvas-open #menu-main-menu-1 {
        display: block;
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    /* Mobile item styles */
    #menu-main-menu-1 > li { float: none; display: block; }
    #menu-main-menu-1 a {
        display: block;
        padding: 14px 18px;
        border-bottom: 1px solid #eee;
        text-transform: uppercase;
        font-size: 16px;
        color: #313131;
    }
    #menu-main-menu-1 li:last-child a { border-bottom: 0; }

    /* Make sure hero/video layers never intercept taps */
    header.header::before,
    .home-page-video,
    .nk-awb {
        pointer-events: none !important;
    }
}

/* Desktop untouched */
@media (min-width: 768px) {
    #menu-main-menu-1 {
        position: static;
        display: block !important;
        opacity: 1;
        transform: none;
        pointer-events: auto;
        box-shadow: none;
        padding: 0;
    }
}
/* Kill Foundation’s overlay so it can’t block taps */
.js-off-canvas-overlay,
.off-canvas-wrapper .js-off-canvas-overlay,
.off-canvas-content .js-off-canvas-overlay,
.js-off-canvas-exit {
    display:none !important; opacity:0 !important; pointer-events:none !important;
}

/* Mobile menu built from the desktop UL */
@media (max-width:767px){

    .top-bar { position:relative; z-index:2000; }
    .top-bar-right.right-menu.show-for-medium{
        display:block !important; position:relative; width:100%; z-index:2000;
    }

    /* hidden by default */
    #menu-main-menu-1{
        position:fixed;                /* sits on top of the page */
        top:132px; left:0; right:0;    /* adjust top to sit under your blue bar/logo */
        background:#fff;
        box-shadow:0 12px 24px rgba(0,0,0,.12);
        max-height:70vh; overflow:auto;

        display:none; opacity:0; transform:translateY(-8px);
        pointer-events:none;
        transition:opacity .18s ease, transform .18s ease;
        z-index:3000;
    }
    /* open state driven by our JS */
    body.mobile-nav-open #menu-main-menu-1{
        display:block; opacity:1; transform:translateY(0); pointer-events:auto;
    }

    /* items look like a mobile list */
    #menu-main-menu-1 > li{ float:none; display:block; }
    #menu-main-menu-1 a{
        display:block; padding:14px 18px; border-bottom:1px solid #eee;
        text-transform:uppercase; font-size:16px; color:#313131;
    }
    #menu-main-menu-1 li:last-child a{ border-bottom:0; }

    /* keep the hamburger tappable and at the right */
    .top-bar-right.float-right.show-for-small-only{
        position:relative; z-index:3001; width:auto; margin-left:auto;
        height:60px; padding:1rem 1rem 1rem .5rem;
    }
    .top-bar-right.float-right.show-for-small-only .menu-icon{
        position:absolute; right:16px; top:50%; transform:translateY(-50%);
        width:36px; height:28px; z-index:3002;
    }

    /* dim background when open (but below the menu) */
    body.mobile-nav-open::before{
        content:""; position:fixed; inset:0; background:rgba(0,0,0,.25); z-index:2500;
    }

    /* make sure hero/video layers never intercept taps */
    header.header::before, .home-page-video, .nk-awb { pointer-events:none !important; }
}

/* Desktop: untouched */
@media (min-width:768px){
    #menu-main-menu-1{
        position:static; display:block !important; opacity:1; transform:none;
        pointer-events:auto; box-shadow:none;
    }
}
/* ===== Mobile: show desktop menu as a simple vertical list (no hamburger) ===== */
@media (max-width: 767px){

    /* Hide the hamburger */
    .top-bar-right.float-right.show-for-small-only,
    .menu-icon { display:none !important; }

    /* Ensure the desktop/right menu block is visible on small screens */
    .top-bar-right.right-menu.show-for-medium{
        display:block !important;
        width:100%;
        text-align:left;
        position:relative;
        z-index:10;
    }

    /* Foundation often makes .menu a flex row; reset it */
    .top-bar-right.right-menu.show-for-medium > .menu{
        display:block !important;
        padding:0; margin:0; list-style:none;
    }

    /* Turn the inner UL into a stacked list */
    #menu-main-menu-1{
        position:static !important;
        display:block !important;
        padding:0; margin:0; list-style:none;
        background:transparent; box-shadow:none;
        max-height:none; opacity:1; transform:none; pointer-events:auto;
    }

    /* Kill the desktop floats that force horizontal layout */
    .top-bar li.menu-item{ float:none !important; width:100%; }

    /* Item look & feel */
    #menu-main-menu-1 > li{ display:block; }
    #menu-main-menu-1 a{
        display:block;
        padding:14px 18px;
        border-bottom:1px solid #eee;
        text-transform:uppercase;
        font-size:16px;
        color:#313131;
        background:#fff;
    }
    #menu-main-menu-1 li:last-child a{ border-bottom:0; }

    /* Nuke any dim/overlay layers from old off-canvas/hamburger code */
    body::before,
    body.mobile-nav-open::before{ content:none !important; }
    .js-off-canvas-overlay,
    .off-canvas-wrapper .js-off-canvas-overlay,
    .off-canvas-content .js-off-canvas-overlay,
    .js-off-canvas-exit{
        display:none !important; opacity:0 !important; pointer-events:none !important;
    }
    .is-off-canvas-open .off-canvas-content{ transform:none !important; }
}
/* Mobile: push the hero/content down below the stacked menu */
@media (max-width: 767px){
    /* turn off any fixed/sticky header so the page flows naturally */
    .sticky-header{ position: static !important; }

    /* make sure the menu itself is in normal flow */
    #menu-main-menu-1{ position: static !important; }

    /* cancel the desktop offset and add mobile spacing */
    header.header{
        margin-top: 0 !important;     /* kill the old 80px */
        padding-top: 10px;           /* ≈ height of your 4-item menu; tweak as needed */
    }
}