/*!
Theme Name: Bellevue Club Hotel
Theme URI: http://underscores.me/
Author: CMA
Author URI: http://creativemediaalliance.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bch
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bellevue Club Hotel is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

li:focus{
	outline: thin dotted;
	outline-color: #000;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #696969;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

::selection {
    background: #003057;
    color: #FFF;
}

::-moz-selection {
    background: #003057;
    color: #FFF;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #003057;
	border-radius: 0px;
	background: #fff;
	color: #003057;
	font-size: 0.750em !important;
	line-height: .875em;
	font-weight: 600;
	padding-top: 8px;
	padding-right: 24px;
	padding-left: 24px;
	padding-bottom: 8px;
	text-decoration: none;
	text-transform: uppercase;
}

button{
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #000;
	background: #98a4ae;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

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

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #003057;
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

a:visited {

}

a:hover, a:focus, a:active {
	color: #000;
	text-decoration: none;

}

a:focus, li:focus, span:focus {

}

a:hover, a:active {

}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.site-header{
	background-color: white;
	position: fixed;
	width: 100%;
	z-index: 99999;
}

.main-navigation{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
	-ms-flex-direction: row;
    flex-direction: row;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-backface-visibility: hidden; /*safari flicker fix*/
	-webkit-transform: translate3d(0,0,0);/*safari flicker fix*/
	transform: translate3d(0,0,0);/*safari flicker fix*/
	-webkit-transition: none;
	-moz-transition: padding 0.25s ease-in-out;
	-o-transition: padding 0.25s ease-in-out;
	transition: padding 0.25s ease-in-out;
	justify-content: space-between;
	justify-items: stretch;
}

.main-navigation .logo{
	display: flex;
	display: -ms-flexbox; /*IE 10*/
	flex-direction: column;
  	justify-content: center;
	flex-shrink: 0;
}

.main-nav-container{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
	justify-content: flex-end;
    flex-grow: 3;
	flex-shrink: 1;
	flex-basis: auto; /*ie 11 fix*/
	width: 100%; /*ie 10 fallback*/
	justify-items: stretch;
}


/*ie 11 fix*/
.inner-nav-container{
	flex-grow: 2;
	flex-shrink: 1;
	flex-basis: calc(100% - 205px);
	width: calc(100% - 460px); /*ie 10 fallback*/
}

.scroll .inner-nav-container{
	width: calc(100% - 680px); /*ie 10 fallback*/
}


.scroll .main-navigation .main-nav-container{
	justify-content: space-between;
	-ms-flex-pack: space-between;
	flex-basis: auto;
}

nav a:focus, nav span:focus {
	outline: none;
}

#masthead.scroll{
	border-bottom: 1px solid #dfdfdf;
}

.scroll .main-navigation{
	padding-top: 0px;
	padding-bottom: 0px;
}

#full-nav{
	display: flex;
	display: -ms-flexbox; /*IE 10*/
	flex-direction: column;
	-ms-flex-direction: column; /*IE 10*/
	-ms-flex: 1 1 auto;/*IE 10*/
}

#full-nav.hide{
	display: none;
}

.hide {
	display: none;
}

.main-navigation .logo img.desktop {
	height: auto;
	width: 278px;
}

.main-navigation .logo .mini{
	display: none;
}

.main-navigation .logo .mobile{
	height: 24px;
	width: auto;
}

.nav-book-now {
	display:-ms-flexbox;/*IE 10*/
	display: -webkit-flex;
	display: flex;
  	-webkit-flex-direction: column;
  	-moz-flex-direction: column;
  	flex-direction: column;
  	-ms-flex-direction: row;/*IE 10*/
	-ms-flex: 1 1 auto;/*IE 10*/
}

.nav-book-now a{
	-webkit-transition:  none; /*Safari Flicker Fix*/
}

#masthead a.button.book-now{
	background-color: #003057;
	color: white;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 1.125em;
	line-height: 1.056em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	border-width: 1px;
	border-style: solid;
	border-color: #003057;
	margin: 0;
	padding-top: 32px;
	padding-bottom: 32px;
	padding-left: 37px;
	padding-right: 37px;
	transition: none;
}

#masthead a.button.book-now:hover{
	background-color: #98a4ae;
	color: #000;
	border-color: #000;
}

#masthead.scroll a.button.book-now{
	padding-top: 25px;
	padding-bottom: 25px;
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

.nav-links {
	margin-bottom: 15px;
	display: block;
	overflow: hidden;
}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/

.button-row {
	display: block;
	padding-top: 10px;
}

button.readmore{
	border-radius: 0;
}

.center-button{
	text-align: center;
}

a.readmore,
a.book-button,
.center-button a,
button.readmore,
button.center-button{
	font-size: 0.750em;
	line-height: .875em;
	font-weight: 600;
	padding-top: 8px;
	padding-right: 24px;
	padding-left: 24px;
	padding-bottom: 8px;
	text-decoration: none;
	text-transform: uppercase;
}

a.readmore,
a.book-button,
button.readmore{
	display: inline-block;
}

a.readmore,
button.readmore {
	border: 1px solid #333f48;
	background:#fff;
	color: #333f48;
	margin-right: 10px;
	margin-bottom: 10px;
}

button.center-button{
	display: block;
	padding-left: 45px;
	padding-right: 45px;

}

.readmore button {
	border-radius: 0;
}

button.center-button, .center-button a{
	border-radius: 0;
	height: 33px;
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 1px solid #333f48;
	background:#fff;
	color: #333f48;
	margin-bottom: 10px;
}

a.book-button {
	border: 1px solid #003057;
	background:#003057;
	color: #fff;
}

a.readmore:hover,
a.center-button:hover,
.book-button a:hover ,
button.readmore:hover,
button.center-button:hover,
.center-button a:hover,
.readmore a:hover{
	background-color: #98a4ae;
	color: #000;
	border: 1px solid #000;
}

button.readmore:focus, .center-button:focus{
	background-color: #98a4ae;
	color: #000;
	border: 1px solid #000;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent;
}

@media only screen and (max-width: 951px) {
	.button-row {
		padding-top: 0px;
	}
		}

.book-now {
	display: block;
	margin-bottom: 30px;
	text-align: center;
}

.book-now a {
	font-size: 0.750em;
	line-height: .875em;
	font-weight: 600;
	padding-top: 8px;
	padding-right: 24px;
	padding-left: 24px;
	padding-bottom: 8px;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #003057;
	background:#003057;
	color: #fff;
}

.book-now a:hover {
	border: 1px solid #000;
	background: #98a4ae;
	color: #000;
}

/*--------------------------------------------------------------
# Containers
--------------------------------------------------------------*/
.wrapper {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 1280px;
	padding-right: 20px;
	padding-left: 20px;
}

.wrapper-pad {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 1280px;
}

.wrapper-nine-hundred {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 940px;
	padding-right: 20px;
	padding-left: 20px;
}

.wrapper-six-hundred {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 640px;
	padding-right: 20px;
	padding-left: 20px;
}

/*-------------- Slider/Image Banner --------------*/
.slider-wrap {
	background: #fff;
}

.banner-wrapper {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 2000px;
	clear: both;
	overflow: hidden;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	position: relative;
	z-index:1;
	width: 100%;
}

.banner-image {
	width: 100%;
	height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 1;
	border-top: solid 1px #e5e5e5;
	border-bottom: solid 1px #e5e5e5;
}

@media screen and (max-width: 768px){
	.banner-image {
		height: 60vw;
	}
}

/*.banner-image img {
    object-fit: cover;
	object-position: 50% 50%;
	max-height: 500px;
	display: block;
  	width: 100%;
  	height: auto;
	opacity: 1;
	border-top: solid 1px #e5e5e5;
	border-bottom: solid 1px #e5e5e5;
}*/

/*-------------- In-Page Grids/Slider --------------*/

.in-page {
	display: block;
	overflow: hidden;
}

.in-page h3 {
	color: #404040;
	text-transform: uppercase;
	font-size: 1.125em;
	font-weight: 600;
	letter-spacing: 0.11em;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
}

/*---------  Tabs  ---------*/

#tabs {
	padding-bottom: 20px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.page-copy {
	max-width: 900px;
	position: relative;
	z-index: 2;
	margin-left:auto;
	margin-right: auto;
	margin-top: -85px;
	background: #fff;
	padding: 30px 100px;
	text-align: center;
	-webkit-transition: none;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-backface-visibility: hidden; /*safari flicker fix*/
	-webkit-transform: translate3d(0,0,0);/*safari flicker fix*/
	transform: translate3d(0,0,0);/*safari flicker fix*/
	font-weight:500;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.39);
	margin-bottom: 30px;
}

.page-copy h1 {
	color: #404040;
	font-size: 1.500em;
	line-height: 1.800em;
	text-transform: lowercase;
	font-family: 'Noto Serif', serif;
	margin-bottom: 10px;
	font-weight: 400;
	margin-top: 0px;
}

.page-copy h1:after {
    background: none repeat scroll 0 0 #e5e5e5;
     bottom: -2px;
     content: "";
     display: block;
     height: 2px;
     position: relative;
     width: 115px;
	margin-right: auto;
	margin-left: auto;
}

.page-copy h2 {
	color: #404040;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 600;
	letter-spacing: 0.13em;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
}

.page-copy p {
    margin-top: 0;
	margin-bottom: 15px;
	line-height: 1.750em;
}

@media only screen and (max-width: 768px) {
	.page-copy {
		padding: 20px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
		margin-top: 0px;
		margin-bottom: 0px;
}
	}

@media only screen and (max-width: 400px) {
	.page-copy {
		padding: 20px;
}
	}

/*-------------- Two Column Copy --------------*/

.two-col-copy {
	padding-top: 35px;
	margin-bottom: 60px;
	display: block;
	overflow: hidden;
	font-weight:500;
}

.two-col-copy h1,
.two-col-copy h2 {
	color: #404040;
	text-transform: uppercase;
	font-size: 1.125em;
	font-weight: 600;
	letter-spacing: 0.11em;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
}

.two-col-copy p {
    margin-top: 0;
	margin-bottom: 0; /*needs to be 0 for proper alignment*/
	line-height: 1.750em;
}

.two-column {
	display: block;
    -moz-column-count: 2;
    -moz-column-gap: 50px;
    -ms-column-count: 2;
    -ms-column-gap: 50px;
    -webkit-column-count: 2;
    -webkit-column-gap : 50px;
    -o-column-count: 2;
    -o-column-gap : 50px; /* Opera */
	column-fill: balance;
	-webkit-column-fill: balance;
    column-count: 2;
    column-gap: 50px;
    text-align:justify;
	clear: both;
}

.two-column ul {
   	margin-left: 10px;
	padding-left: 10px;
}

.two-column ul li {
   margin-bottom: 10px;
		-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid; /* IE 10+ */
}

@media only screen
and (max-width : 680px ) {

	.two-col-copy {
		padding-top: 20px;
		margin-bottom: 20px;
	}

	.two-column {
		-moz-column-count: 1;
		-moz-column-gap: 0px;
		-ms-column-count: 1;
		-ms-column-gap: 0px;
		-webkit-column-count: 1;
		-webkit-column-gap : 0px;
		-o-column-count: 1;
		-o-column-gap : 0px; /* Opera */
		column-count: 1;
		column-gap: 0px;
		text-align: center;
	}

	.two-col-copy h1,
	.two-col-copy h2 {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 480px){
	.two-col-copy {
		padding-top: 20px;
	}
}



/*Category Page*/
.page-template-page-alycia #masthead, .blog #masthead, .category #masthead{
	border-bottom: 1px solid #dfdfdf;
}

.category-page-copy{
	text-align: center;
	color: #404040;
	text-transform: uppercase;
	font-size: 0.750em;
	line-height: 1.125em;
	font-weight: 600;
	padding-top: 18px;
	padding-bottom: 40px;
}

.category-page-copy h1{
	color: #404040;
	text-transform: lowercase;
	font-family: 'Noto Serif', serif;
	font-weight: 400;
	font-size: 2.500em;
	line-height: 1.933em;
	margin-bottom: 10px;
	margin-top: 0px;
}

.category-page-copy h1:after {
    background: none repeat scroll 0 0 #e5e5e5;
    bottom: -2px;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 242px;
	margin-right: auto;
	margin-left: auto;
}



/*Post Specific Content*/
.post-info{
	text-transform: uppercase;
	font-size: 0.750em;
	color: #404040;
	line-height: 18px;
	letter-spacing: 0.063em;
	padding-bottom: 20px
}

.post-info a{
	color: #404040;
}

.post-info a:hover{
	color: #003057;
}

.single-post .page-copy h1{
	font-size: 1.875em;
	line-height: 1.933em;
}

@media screen and (max-width: 768px){
	.single-post .page-copy h1{
		font-size: 1.5em;
		line-height: 1.8em;
	}
}

.content-with-sidebar p{
	line-height: 1.750em;
	margin-bottom: 2em;
	margin-top: 0px;
}

.content-with-sidebar .wrapper{
	display: flex;
	display: -ms-flexbox;
	margin-top: 60px;
	margin-bottom: 38px;
}

.column-content{
	width: 67%;
	padding-left: 105px;
	padding-right: 40px;
}

.column-content h2, .column-content h3, .column-content h4{
	text-transform: uppercase;
	color: #404040;
}

.column-content h2{
	font-weight: 400;
	letter-spacing: 0.11em;
	margin-top: 0px;
	margin-bottom: 5px;
}

.column-content h3{
	font-weight: 400;
	margin-top: 0px;
	margin-bottom: 5px;
}

.column-content h4{
	font-size: 0.75em;
	line-hight: 1em;
	margin-top: 17px;
	letter-spacing: 0.075em;
	font-wieght: 600;
}

.primary-sidebar{
	width: 33%;
	padding-left: 15px;
	padding-right: 30px;
}

.primary-sidebar section{
	padding-top: 5px;
	color: #696969;
}

.primary-sidebar section:last-of-type{
	margin-bottom: 2em;
}

.primary-sidebar section h2{
	text-transform: uppercase;
	font-size: 1em;
	margin-top: 0;
	line-height: 1.125em;
	letter-spacing: 0.075em;
	font-weight: 600;
	margin-left: 12px;
}

.primary-sidebar section h2:after{
	background: none repeat scroll 0 0 #080808;
     bottom: -15px;
     content: "";
     display: block;
     height: 2px;
     position: relative;
     width: 131px;
}

.primary-sidebar ul{
	text-transform: uppercase;
	list-style: none;
	padding-left: 0;
	margin-left: 12px;
	margin-bottom: 0;
	font-size: 0.875em;
	line-height: 1.571em;
	padding-top: 20px;
}

.primary-sidebar ul li a{
	 color: #696969;

}

.primary-sidebar ul li a:hover{
	color: #003057;
}

.primary-sidebar select{
	width: 100%;
	max-width: 351px;
	margin-top: 20px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-transform: uppercase;
	height: 50px;
	font-size: 0.875em;
	line-height: 1.571em;
	background-color: white;
	color: #696969;
}

@media only screen and (max-width: 1151px){
	.column-content{
		padding-left: 60px;
	}
}

@media only screen and (max-width: 951px){
	.column-content{
		padding-left: 20px;
		padding-right: 20px;
	}

	.primary-sidebar{
		padding-right: 20px;
	}
}

@media only screen and (max-width: 768px){
	.content-with-sidebar .wrapper{
		margin-top: 0px;
		margin-bottom: 0px;
	}
}

@media only screen and (max-width: 680px){
	.content-with-sidebar .wrapper{
		flex-wrap: wrap;
		 -ms-flex-wrap: wrap;
	}

	.column-content{
		width: 100%;
	}

	.primary-sidebar{
		display: none;
	}
}


/*--------------------------------------------------------------
# Flexible Content
--------------------------------------------------------------*/

.odd {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	background: #f6f6f2;
	width: 100%;
	overflow: hidden;
	display: block;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #696969;
}

.even {
	width: 100%;
	overflow: hidden;
	display: block;
	padding-top: 25px;
	padding-bottom: 25px;
}

section{
	width: 100%;
	overflow: hidden;
	display: block;
	padding-top: 25px;
	padding-bottom: 25px;
}

section:nth-of-type(odd):not(.form-copy):not(.widget){
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	background: #f6f6f2;
	color: #696969;
}


/*-------------- tabbed-nav --------------*/

.tabbednav {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
	font-weight: 600;
}

.tabbednav ul {
	display: flex;
	display: -ms-flexbox; /*IE syntax*/
	justify-content: center;
	flex-wrap: wrap;
	margin: 0;
	padding:0;
}

.tabbednav li {
	list-style: none;
	flex-wrap:nowrap;
}

.tabbednav li a {
	color:#696969;
}

.tabbednav li a:hover,
.tabbednav li a.active {
	color:#003057;
}

.tabbednav li:not(:last-child):after{
	content: "|";
    padding: 0 11px 0 10px;
}


/*--------------  3 & 2 Calls to Action --------------*/

.three-block-wrap,
.two-block-wrap {
	float: left;
	width: 100%;
}

.three-block,
.three-block-last,
.two-block,
.two-block-last {
	float: left;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.39);
	background-color: #003057;
    overflow:auto;
}

.two-block,
.two-block-last {
	width: 49%;
}

.three-block,
.three-block-last {
	width: 32%;
}

.two-block,
.three-block {
	margin-right: 2%;
}

.three-block img,
.three-block-last img,
.two-block img,
.two-block-last img {
	object-fit: cover;
	object-position: 50% center;
	display: block;
  	width: 100%;
  	height: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	opacity: 1;
}

.three-block img,
.three-block-last img {
	max-height: 267px;
}

.two-block img,
.two-block-last img {
	max-height: 400px;
}

.three-block img:hover,
.three-block-last img:hover,
.two-block img:hover,
.two-block-last img:hover {
	opacity: 1;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}

.block-copy {
	padding: 10px 40px;
	background: #fff;
	min-height: 200px;
	overflow: hidden;
	font-weight:500;
}

.block-copy p {
	font-size: 0.875em;
	line-height: 1.75em;
	font-weight: 500;
	color: #696969;
}

.block-copy h3 a {
	color: #404040;
	text-decoration: none;
}

.block-copy h3 a:hover{
	color: #003057;
}

@media only screen and (max-width: 1151px) {
	.block-copy {
		padding: 10px 15px;
	}
}

@media only screen and (max-width: 768px) {
	.three-block,
	.three-block-last {
		width: 100%;
	}

	.three-block {
		margin-right: 0%;
		margin-bottom: 20px;
	}

	.three-block img,
	.three-block-last img {
		max-height: 400px;
	}

	.block-copy {
		padding: 10px 40px;
	}

}

@media only screen and (max-width: 680px) {
	.three-block img,
	.three-block-last img {
		max-height: auto;
	}

	.two-block,
	.two-block-last {
		width: 100%;
	}

	.two-block {
		margin-right: 0%;
		margin-bottom: 20px;
	}

	.two-block img,
	.two-block-last img {
		max-height: 400px;
	}

}


/*---------  Left/Right Image with Text  ---------*/

.left-image-wrapper,
.right-image-wrapper {
	width: 100%;
	display: block;
}

.left-image,
.right-image {
	width: 50%;
	position: relative;
}

.left-image {
	float: left;
}

.right-image {
	float:right;
}

.left-image img,
.right-image img {
	width: 100%;
	height: auto;
	border: 1px solid #dfdfdf;
	float: left;
}

.left-image-copy,
.right-image-copy {
	width: 50%;
	float: left;
	padding-left: 100px;
	padding-top: 20px;
	padding-right: 125px;
}

.left-image-copy p,
.right-image-copy p {
	font-size: 0.875em;
	line-height: 1.75em;
	font-weight: 500;
}

	@media only screen and (max-width: 1151px) {
		.left-image-copy,
		.right-image-copy {
			padding-left: 60px;
			padding-right: 60px;
		}
			}

	@media only screen and (max-width: 951px) {
		.left-image-copy,
		.right-image-copy {
			padding-left: 20px;
			padding-top: 0px;
			padding-right: 20px;
		}
			}

	@media only screen and (max-width: 680px) {
		.left-image,
		.right-image {
			width:100%;
			padding-bottom: 20px;
		}

		.left-image-copy,
		.right-image-copy {
			float:none;
			width:100%;
		}
	}

/*-------------- Form --------------*/

.form-copy {
	padding-top: 40px;
	text-align: center;
	background: #adafad;
	width: 100%;
	color: #404040;
	font-weight: 400;
}


.form-copy-text {
	margin-bottom: 20px;
	text-align: center;
}

.form-copy-text ul,
.form-copy-text ol {
	text-align: left;
	padding-left: 15px;
	margin-left: 15px;
}

.form-copy-text li {
	margin-bottom: 5px;
}

.gform_wrapper label.gfield_label {
    font-weight: 500 !important;
	text-transform:uppercase;
	font-size: .93em;
}

.gform_wrapper .gform_footer {
    text-align: center;
}

.gform_wrapper h2.gsection_title {
    font-weight: 600 !important;
	color:#404040;
    font-size: 1em !important;
	text-transform: uppercase;
}

/*-------------- FAQ --------------*/

.faq-wrapper {
	padding-bottom: 40px;
}

#faq_container {
	 border: 1px solid #e5e5e5;
	 margin-bottom: -1px;
	 clear:both;
	 background:white;
}

.faq_question {
	text-transform:uppercase;
	cursor: pointer;
	display: table;
	color: #404040;
	font-weight: 600;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
	padding-left: 40px;
}

.question {
	 margin-bottom: 5px;
	 display: table-cell;
	 width: 100%;
}

.faq_answer:before {
	 background: none repeat scroll 0 0 #fff;
     bottom: -2px;
     content: "";
     display: block;
     height: 2px;
     position: relative;
     width: 115px;
     margin-bottom: 20px;
}

.faq_answer_container {
	 height: 0px;
	 overflow: hidden;
	 padding: 0px;
	 display:block;
}

.faq_answer {
	 height: auto;
	 overflow: hidden;
	 padding: 0px;
	 display:block;
	 margin-left: 40px;
	 margin-right: 140px;
	 color: #fff;
}

.faq_answer span{

}

.faq_answer h3 {
	color: #fff !important;
	margin-top: 10px !important;
}

.faq_answer h3:after {
     display: none !important;
}

.answer {
     display:block;
}

.faq_answer p {
    margin-top: 0px;
}

.accordion-button-icon {
	 display: table-cell;
	 line-height: inherit;
	 opacity: .5;
	 filter: alpha(opacity = 50);
	 padding-left: 15px;
	 vertical-align: middle;
	 color: #404040;
}

.faq.open {
    background: #333f48;
}

.faq.open > .faq_question  {
   color: #fff
}

.fa-times  {
   color: #fff !important;
	}

@media screen and (max-width: 768px){
	.faq_answer{
		margin-right: 100px;
	}
	.faq_answer ul{
		margin-left: 1.5em;
	}

}

@media screen and (max-width: 576px){
	.faq_answer{
		margin-right: 60px;
	}

	.faq_answer ul{
		margin-left: 0;
	}
}

@media screen and (max-width: 480px){
	.faq_answer{
		margin-right: 40px;
	}

	.faq_answer ul{
		padding-left: 30px;
	}
}


/*---------  Menus  ---------*/

.dropdown-wrapper {
	position: relative;
	z-index:1;
	width: 100%;
	background: #333f48;
	overflow: hidden;
	display: none;
	padding-top: 50px;
	padding-bottom: 70px;
	color: #fff;
}

.dropdown-header {
	text-align: center;
	color: #fff !important;
}

.dropdown-header h3,
.dropdown-header h4 {
	color: #fff !important;
}

.menus-content {
	display: block;
	-moz-column-count: 2;
	-moz-column-gap: 60px;
	-ms-column-count: 2;
	-ms-column-gap: 60px;
	-webkit-column-count: 2;
	-webkit-column-gap : 60px;
	-o-column-count: 2;
	-o-column-gap : 60px; /* Opera */
	column-count: 2;
	column-gap: 60px;
	padding-top: 20px;
	padding-bottom: 30px;
}

	@media only screen
	and (max-width : 650px ) {
		.menus-content {
			-moz-column-count: 1;
			-moz-column-gap: 0px;
			-ms-column-count: 1;
			-ms-column-gap: 0px;
			-webkit-column-count: 1;
			-webkit-column-gap : 0px;
			-o-column-count: 1;
			-o-column-gap : 0px; /* Opera */
			column-count: 1;
			column-gap: 0px;
			text-align: left;
		}
	}

.menu-block {
	display: block;
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid; /* IE 10+ */
}

.menu-block-title {
	font-size: 1.500em;
	line-height: 1.800em;
	text-transform: lowercase;
	font-family: 'Noto Serif', serif;
	margin-bottom: 10px;
	font-weight: 400;
	margin-top: 0px;
}

.menu-block-title:after {
    background: none repeat scroll 0 0 #fff;
    bottom: -2px;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 115px;
}

.menu-block-intro {
	color: #fff;
	font-size: 0.750em;
	line-height: 1.5em;
	text-transform: uppercase;
	margin-top: 20px;
	letter-spacing: 0.075em;
	font-weight:500;
	padding-bottom: 10px;
}

.item {
	padding-bottom: 15px;
	-webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table;
}

.item-title {
	display: inline-block;
	text-transform: uppercase;
	margin-right: 5px;
	font-weight: 600;
}

.item-price {
	display: inline-block;
	font-weight: 600;
}

.item-price:before {
	content: " | ";
    display: inline-block;
    position: relative;
	margin-right: 5px;
}

.item-desc {
	font-size: 0.875em;
	font-weight: 500;
	margin-top: 5px;
}

.footer-note {
	text-align: center;
	font-style: italic;
	padding: 15px;
	font-size: 0.8750em;
	line-height: 1.5em;
}

/*-------------- Recipe --------------*/
.recipe-copy {
	padding-top: 40px;
}

.recipe-copy p{
	text-align: center;
}

.recipe-copy p strong{
	color: #404040;
    font-size: 0.750em;
    line-height: 1em;
    text-transform: uppercase;
    margin-top: 17px;
    letter-spacing: 0.075em;
    font-weight: 600;
}

.recipe-content{
	display: flex;
	display: -ms-flexbox;
	flex-direction: row;
}

.recipe-content ul, .recipe-content ol{
	margin-left: 0;
	padding-inline-start: 20px;
}

.recipe-content ul li, .recipe-content ol li{
	margin: 0 0 10px;
	font-size: 1em;
}

.recipe-content-left{
	width: 30%;
	margin-right: 3%;
}

.recipe-content-right{
	width: 67%;
}

@media screen and (max-width: 768px){
	.recipe-content{
		flex-wrap: wrap;
	}

	.recipe-content-left, .recipe-content-right{
		width: 100%;
	}
}



/*---------  Headings  ---------*/

.left-image-copy h3,
.right-image-copy h3,
.block-copy h3,
.form-copy h3,
.club-wrap h3,
.dropdown-header h3,
.offers h3,
.recipe-copy h2{
	color: #404040;
	font-size: 1.500em;
	line-height: 1.500em;
	text-transform: lowercase;
	font-family: 'Noto Serif', serif;
	margin-bottom: 10px;
	font-weight: 400;
	margin-top: 0px;
}

.left-image-copy h3:after,
.right-image-copy h3:after,
.block-copy h3:after,
.form-copy h3:after,
.club-wrap h3:after,
.dropdown-header h3:after,
.offers h3:after,
.recipe-copy h2:after{
    background: none repeat scroll 0 0 #e5e5e5;
    bottom: -2px;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 115px;
}

.form-copy h3:after,
.club-wrap h3:after,
.dropdown-header h3:after,
.recipe-copy h2:after{
    margin-left:auto;
	margin-right: auto;
}

.recipe-copy h2{
	text-align: center;
}

.recipe-copy h3, .faq-wrapper h3{
	color: #404040;
	text-transform: uppercase;
	font-size: 1.125em;
	font-weight: 600;
	letter-spacing: 0.13em;
	margin-top: 0px;
	margin-bottom: 20px;
}

.recipe-copy h3{
	text-align: left;
}

.faq-wrapper h3 {
	text-align: center;
}

.left-image-copy h4,
.right-image-copy h4,
.block-copy h4,
.form-copy h4,
.faq-wrapper h4,
.dropdown-header h4 {
	color: #404040;
	font-size: 0.750em;
	line-height: 1em;
	text-transform: uppercase;
	margin-top: 17px;
	letter-spacing: 0.075em;
	font-weight:600;
}

.left-image-copy h4 ul,
.right-image-copy h4 ul,
.two-block h4 ul,
.two-block-last h4 ul {
	list-style: none;
	padding:0px;
	margin:0px;
}

.left-image-copy h4 ul li,
.right-image-copy h4 ul li,
.two-block h4 ul li,
.two-block-last h4 ul li {
	list-style: none;
	margin-bottom: 7px;
	line-height: 1.3em;
}

	@media only screen and (max-width: 951px) {
		.left-image-copy h4,
		.right-image-copy h4,
		.block-copy h4,
		.form-copy h4,
		.faq-wrapper h4,
		.dropdown-header h4 {
			margin-top: 10px;
		}
	}

/*--------------------------------------------------------------
## Rooms
--------------------------------------------------------------*/
/*---------  Page Coy  ---------*/

.rooms {
	display: block;
	padding-top: 40px;
	padding-bottom: 40px;
	overflow: hidden;
}

.widget-right {
	display: block;
	float: right;
	width: 50%;
}

.rooms-left {
	display: block;
	float: left;
	width: 46%;
	margin-right: 4%;
	line-height: 1.8em;
}

	@media only screen and (max-width: 800px) {
		.widget-right {
			float: none;
			width: 100%;
		}

		.rooms-left {
			float: none;
			width: 100%;
			margin-right: 0%;

		}
	}
/*---------  Amenities  ---------*/

.amenity-wrap {
	text-align: center;
	width: 100%;
	overflow: hidden;
	display: block;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #696969;
}

.amenity {
	display:inline-table;
	margin:20px;
	max-width: 100px;
}

.amenity-icon {

}

.amenity-icon img {
	max-width: 50px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}

.amenity-title {
	text-transform: uppercase;
	color: #696969;
	font-weight: 500;
	font-size: .875em;
	line-height: 1.3em;
	margin-top: 5px;
}

/*--------------------------------------------------------------
## Calendar Box
--------------------------------------------------------------*/
.calendar-boxes{
	display: flex;
	display: -ms-flexbox; /*IE Syntax*/
	flex-wrap: wrap;
	-ms-flex-flow: row wrap;/*IE 10 Syntax*/
	justify-content: center;
	background-color: #f6f6f2;
	border-style: solid;
	border-width: 1px;
	border-color: #e5e5e5;
	clear: both;
	width: 100%;
	max-width: 382px;
	padding-top: 33px;
	padding-bottom: 33px;
	padding-left: 54px;
	padding-right: 54px;
	margin-left: auto;
	margin-right: auto;

}

.calendar-box{
	width: 50%;
	max-width: 140px;
	text-align: center;
	padding-left: 9px;
	padding-right: 9px;
}

.calendar-date-header{
	font-weight: 600;
	color: #404040;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 2.188em;
}

.calendar-dates{
	background-color: white;
	border-style: solid;
	border-width: 1px;
	border-color: #e5e5e5;
	width: 120px;
	height: 118px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.submit-button{
	width: 100%;
	text-align: center;
}

.submit-button input{
	margin-top: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #003057;
	color: white;
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 0px;
	letter-spacing: 1px;
	font-size: 0.750em;
}

.submit-button input:hover{
	color: #003057;
}

.weekday, .month{
	color: #696969;
}

.day{
	font-size: 3em;
	color: #404040;
	line-height: .9em;
}

span.day, span.day, span.month{
	display: block;
	width: 100%;
}

@media screen and (max-width:800px){
	.calendar-boxes{
		max-width: none;
		padding-left: 0;
		padding-right: 0;
	}
}



/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

/*added for sticky header*/
#content{
	padding-top: 105px;
	-webkit-transform: translate3d(0,0,0);/*attempt safari flicker fix*/
	transform: translate3d(0,0,0);/*attempt safari flicker fix*/
}


/*--------------------------------------------------------------
## Phat Footer
--------------------------------------------------------------*/

/*---------  Club  ---------*/

.club-wrap {
	position: relative;
	z-index:1;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	background: #f6f6f2;
	overflow: hidden;
	display: block;
	padding-bottom: 25px;
	color: #696969;
}

.club-wrap .center-button{
	margin-bottom: 10px;
}

.club-image  {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	height: 450px;
	width: 100%;
    background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

/*.club-image img {
    object-fit: cover;
	object-position: 50% center;
	max-height: 450px;
	display: block;
  	width: 100%;
  	height: auto;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}*/

@media only screen and (max-width: 768px) {
	.club-wrap {
		padding-bottom: 0px;
	}
	.club-image{
		height: 56vw;
	}

}

/*---------  Testimoanials  ---------*/

.testimonial-footer {
	width: 100%;
	overflow: hidden;
	display: block;
	padding-top: 65px;
	padding-bottom: 45px;
}

.testimonials {
	width: 22.1%;
	display: inline-table;
	margin-left: 1.3%;
	margin-right: 1.3%;
	text-align:center;
	color: #757575;
}

	@media only screen and (max-width: 1085px) {
		.testimonials {
			width: 46%;
			margin-left: 1.8%;
			margin-right: 1.8%;
			padding-bottom: 20px;
		}
	}

	@media only screen and (max-width: 768px) {
		.box3,
		.box4 {
			display:none;
		}
	}

	@media only screen and (max-width: 600px) {
		.testimonial-footer {
			padding-top: 25px;
			padding-bottom: 25px;
		}

		.testimonials {
			width: 100%;
			margin-left: 0%;
			margin-right: 0%;
			padding-bottom: 0px;
		}

		.box2 {
			display:none;
		}
	}

ul.starcount {
	margin:0;
	padding: 0;
	list-style:none;
	color: #cfcfce;
}

ul.starcount li {
	display:inline;
	margin-left: 3px;
	margin-right: 3px;
}

ul.starcount li.nostar  {
	display: none;
}

.testimonial-name {
	font-size: 1.2500em;
	line-height: 1.400em;
	text-transform: lowercase;
	font-family: 'Noto Serif', serif;
	margin-bottom: 10px;
	font-style:italic;
	margin-top: 15px;
}

.testimonial-text {
	font-weight: 500;
	font-size: .93em;
}

/*------------------ Awards ------------------*/

.partners-wrap {
	overflow: hidden;
	text-align:center;
	padding-bottom: 30px;
}

.partners-border {
	border-top: 1px solid #e5e5e5;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

.partner {
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}

.partner img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  -moz-transform: scale(.9);
  -webkit-transform: scale(.9);
  transform: scale(.9);
	vertical-align:middle;
	-moz-transition: all 0.3s;
  	-webkit-transition: all 0.3s;
  	transition: all 0.3s;
  	opacity: 0.8;
	margin-left: 5px;
	margin-right: 5px;
	max-height: 150px;
}

.partner img:hover {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
	filter: none;
  -webkit-filter: grayscale(0%);
}

@media only screen
and (max-width : 719px ) {
.partners-wrap {
	display:none;
}
}

/*------------------ Contact Wrap ------------------*/

.contact-wrap{
	display: flex;
	display: -ms-flexbox;/*for IE*/
	flex-direction: row;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #e5e5e5;
	font-weight: 400;
}

.contact-wrap .column{
	width: 50%;
}

.contact-wrap .left{
	display: flex;
	flex-direction: column;
	background-color: #f6f6f2;
	color: #404040;
	align-items: center;
	padding: 135px 20px 160px;
	text-align: center;
	line-height: 1.5625em;
	border-right: solid 1px #e5e5e5;
}

.contact-wrap .left a{
	color: #404040;
}

.contact-wrap .left a:hover{
	color: #003057;
}

.contact-wrap .left ul{
	list-style-type: none;
	padding: 0;
	margin: 0 0 40px 0;
}

.contact-wrap .left address{
	font-weight: 400;
	font-style: normal;
	text-align: center;
	line-height: 1.5625em;
	margin:0 0 25px 0;

}

.contact-wrap .left a.button.book-now{
	display: block; /*IE 10 fix*/
	max-width: 150px; /*IE 10 fix*/
	background-color: #003057;
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 0.750em;
    line-height: 1.056em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border-width: 1px;
    border-style: solid;
    border-color: #003057;
    margin-top: 0;
	margin-bottom: 0;
	margin-left: auto; /*IE 10 fix*/
	margin-right: auto; /*IE 10 fix*/
	padding: 10px 28px;

}

.contact-wrap .left a.button.book-now:hover{
	background-color: #98a4ae;
	color: #000;
	border-color: #000;
}

.contact-wrap .left img{
	margin-bottom: 35px;
	max-width: 300px;
	height: auto;
}

@media screen and (max-width: 768px){
	.contact-wrap{
		flex-wrap: wrap;
	}
	.contact-wrap .column{
		width: 100%;
	}

	.contact-wrap .left{
		padding-top: 35px;
		padding-bottom: 35px;
		border-bottom: solid 1px #e5e5e5;
	}

	.contact-wrap .left img{
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 375px){
	.contact-wrap .left img{
		max-width: 250px;
		margin-bottom: 25px;
	}
}

/*------------------ Blue Footer ------------------*/

.site-footer {
	width: 100%;
	display: block;
	background: #003057;
	color: #fff;
}

.site-footer h4{
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1em;
	line-height: 2.125em;
	letter-spacing: .5px;
	margin-bottom: 5px;
	margin-top: 0;
}

.site-footer .wrapper{
	padding-top: 50px;
	padding-bottom: 100px;
}

.footer-social-newsletter{
	display: flex;
	display: -ms-flexbox; /*IE 10 & 11*/
	border-bottom-style: solid;
	border-bottom-color: #b7b7b6;
	border-bottom-width: 1px;
}

.social-wrap, .newsletter-wrap{
	width: 50%;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 30px; /*placed here for evential mobile styles*/
}

.menu-footer-container {
	text-transform: uppercase;
	font-size: 1em;
	line-height: 2.250em;
	letter-spacing: .5px;
}

.menu-footer-container ul {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-top: 25px;
	padding-left: 0;
	text-align: center;
}

.menu-footer-container ul li {
	list-style-type: none;
	display: inline-block;
}

.menu-footer-container ul li:not(:last-child):after{
	content: "|";
}

.menu-footer-container ul li a {
	padding-left: 12px;
	padding-right: 12px;
	color: white;
}

.menu-footer-container ul li a:hover{
	color: #b7b7b6;
}

.site-info{
	font-family: 'Noto Serif', serif;
	text-transform: lowercase;
	text-align: center;
	padding-top: 10px;
	color: white;
}

/*------------------ Social Media ------------------*/

/*--------- social ---------*/

.social-wrap {
	text-align: right;
	z-index: 20;
	position: relative;
	padding-right: 64px;
}

ul.social {
	display:inline-block;
	margin: 0;
    padding: 0;
}

ul.social li {
	list-style-type: none;
	float: left;
	display: inline-block;
	height: 45px;
	width: 45px;
	border-width: 1px;
	border-color: white;
	color: white;
	border-radius: 50%;
	border-style: solid;
	margin-left: 10px;
	text-align: center;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

ul.social li a{
	color: white;
}

ul.social li:hover{
	border-color: #98a4ae;
	color: #98a4ae;
	cursor: pointer;
}

ul.social li a:hover {
	color: #98a4ae;
	cursor: pointer;
}

ul.social li a i {
	text-align: center;
	font-size: 22px;
	line-height: 43px;
}

@media screen and (max-width: 678px){
	.footer-social-newsletter{
		justify-content: space-around;
	}
	.social-wrap, .newsletter-wrap{
		width: auto;
	}

	.social-wrap{
		padding-right: 0px;
	}

	.site-footer .wrapper{
		padding-bottom: 50px;
	}
}

@media screen and (max-width: 576px){
	.footer-social-newsletter{
		 flex-wrap: wrap;
	}

	.social-wrap, .newsletter-wrap{
		text-align: center;
	}

	.site-footer .wrapper{
		padding-top: 25px;
		padding-bottom: 25px;
	}
}

@media screen and (max-width: 375px){
	.menu-footer-container ul li:not(:last-child):after{
		content: "";
	}
}

/*--------- Mail Chimp ---------*/

#mc_embed_signup form {
	padding:10px 0 10px 0;
}

.mc-field-group {
	display: inline-block;
}

#mc_embed_signup input.email {
	text-transform: lowercase;
	font-family: 'Noto Serif', serif;
	font-size: 15px;
	border: 1px solid #ffffff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: rgba(255, 255, 255, 1);
	color: #ffffff;
	background-color: #003057;
	box-sizing:border-box;
	height:32px;
	padding: 0px 0.4em;
	display: inline-block;
	margin: 0;
	width:285px;
	vertical-align:top;
}

#mc_embed_signup input.email::placeholder{
	color: white;
}

#mc_embed_signup label {
	display:block;
	font-size:16px;
	padding-bottom:10px;
	font-weight:bold;
}

#mc_embed_signup .clear {
	display: inline-block;
}

#mc_embed_signup .button {
	font-size: 13px;
	border: 1px solid #ffffff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	letter-spacing: .03em;
	color: #fff;
	background-color: #003057;
	box-sizing:border-box;
	height:32px;
	line-height:32px;
	padding:0 18px;
	display: inline-block;
	margin: 0;
	transition: all 0.23s ease-in-out 0s;
}

#mc_embed_signup .button:hover {
	background-color:#98a4ae;
	cursor:pointer;
}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
@media (max-width: 768px) {
    #mc_embed_signup input.email {width:100%; margin-bottom:5px;}
    #mc_embed_signup .clear {display: block; width: 100% }
    #mc_embed_signup .button {width: 100%; margin:0; }
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}


/*--------------------------------------------------------------
## Mobile Styles
--------------------------------------------------------------*/


@media screen and (max-width: 1200px){
	.main-navigation{
		padding-left: 5px;
		padding-right: 0;
	}
}

@media screen and (max-width: 992px){
	#full-nav{
		display: none;
	}

	#small-nav{
		display: block;
	}

	.main-nav-container{
		justify-content: space-between;
	}

	.main-navigation .logo .desktop{
		display: none;
	}

	.main-navigation .logo .mobile{
		display: block;
	}

	#content{
		padding-top: 71px;
	}

	.main-navigation{
		padding-top: 0px;
		padding-bottom: 0px;
	}

	#masthead{
		border-bottom: 1px solid #dfdfdf;
	}

	#masthead a.button.book-now{
		padding-top: 25px;
		padding-bottom: 25px;
	}

}

@media screen and (max-width: 768px){
	.main-navigation .logo .mobile{
		height: 14px;
	}
}

@media screen and (max-width: 576px){
	.main-navigation .logo .mobile{
		height: 10px;
	}
}

@media screen and (max-width: 476px){
	.site-header{
		position: relative;
	}

	#content{
		padding-top: 0px;
	}


	.main-navigation .logo .mobile{
		display: none;
	}

	.main-navigation .logo .mini{
		display: block;
		height: 50px;
		width: auto;
	}

}

/*-------------- Reflection Preview Cards --------------*/
#reflections-preview {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1280px;
  padding: 0px;
  margin: auto;
}

#reflections-preview #reflections-header {
  width: 100%;
  margin: 20px auto 30px;
  text-align: center;
}

#reflections-preview #reflections-header button {
  border: none;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px !important;
  color: #696969;
}

#reflections-preview #reflections-header button:hover {
  color: #003057;
  cursor: pointer;
  background: none;
}

#reflections-preview ul#reflections-cards {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
  text-align: center;
  margin: 0;
  padding: 0;
  align-items: center;
  justify-content: space-between;
}

#reflections-preview ul#reflections-cards li.card {
  padding: 5px;
  border: solid #000 1px;
  margin: 0 auto 15px;
  width: 410px;
  height: auto;
  list-style: none;
  background: #fff;
  padding: 0px 0px 0px 0px;
  border-width: 1px 1px 1px 1px;
  border-radius: 0px 0px 0px 0px;
  border-color: #e5e5e5;
  border-style: solid;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.38);
}

#reflections-preview ul#reflections-cards li.card .card-img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 275px;
  width: 100%;
}

#reflections-preview ul#reflections-cards li.card .card-body {
  height: auto;
  display: flex;
  flex-direction: column;
  min-height: 250px;
  align-items: center;
  justify-content: center;
  align-content: flex-start;
  padding: 20px 30px 30px;
}

#reflections-preview ul#reflections-cards li.card .card-body a.card-title {
  font-size: 20px;
  line-height: 28px;
  color: #404040;
  font-weight: 400;
  padding: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  background: #fff;
  z-index: 2 !important;
  display: block;
  font-family: "Noto Serif";
  text-transform: lowercase;
}

#reflections-preview ul#reflections-cards li.card .card-body .card-hr {
  border-bottom: #696969 solid 2px;
  width: 100px;
  margin: 10px auto 10px;
}

#reflections-preview ul#reflections-cards li.card .card-body .card-categories {
  font-size: 12px !important;
  line-height: 18px !important;
  color: #404040 !important;
  font-weight: 600 !important;
  padding: 0px 0px 0px 0px !important;
  border-radius: 0px 0px 0px 0px !important;
  background: #0000 !important;
  z-index: 2 !important;
  font-family: "Montserrat" !important;
  text-transform: uppercase !important;
}

#reflections-preview ul#reflections-cards li.card .card-body .card-excerpt {
  font-size: 14px !important;
  line-height: 20px !important;
  color: #696969 !important;
  font-weight: 500 !important;
  display: block !important;
  text-align: center !important;
  clear: none !important;
  margin: 10px 0 15px;
  padding: 0px 0px 0px 0px !important;
  border-radius: 0px 0px 0px 0px !important;
  background: #fff !important;
  position: relative !important;
  z-index: 2 !important;
  font-family: "Montserrat" !important;
}

#reflections-preview ul#reflections-cards li.card .card-body a.button {
  border: 1px solid;
  border-color: #003057;
  border-radius: 0px;
  background: #fff;
  color: #003057;
  font-size: 0.750em !important;
  line-height: .875em;
  font-weight: 600;
  padding-top: 8px;
  padding-right: 24px;
  padding-left: 24px;
  padding-bottom: 8px;
  text-decoration: none;
  text-transform: uppercase;
}

#reflections-preview ul#reflections-cards li.card .card-body a.button:hover {
  cursor: pointer;
  background-color: #003057;
  color: #fff;
}

#reflections-preview ul#reflections-cards li.card .card-body .card-footer {
  flex-grow: 1;
}

/*----- nav -------*/
.ubermenu.ubermenu-main li.ubermenu-item.ubermenu-item-level-0 {
	border-top: none;
}

/*----- sliders -------*/
.persephone.tparrows:hover {
	background: #f6f6f2 !important;
}

.tabbed-content rs-row-wrap, .tabbed-content rs-module{
	width: 100%!important;
}