/*
Theme Name: Hemlock Hall
Theme URI: http://underscores.me/
Author: Mannix Marketing, Inc.
Author URI: http://www.mannixmarketing.com
Description: Custom responsive theme for Roaring Brook Ranch.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hemlockhall

This theme, like WordPress, is licensed under the GPL.

hemlockhall is based on Underscores http://underscores.me/, (C) 2012-2015 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 http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
hr{box-sizing:content-box;height:0}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}
fieldset{padding:.35em .75em .625em}
legend{color:inherit;display:table;max-width:100%;white-space:normal}
textarea{overflow:auto}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
[hidden],template{display:none}
button,hr,input{overflow:visible}
progress,sub,sup{vertical-align:baseline}
[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
html {font-size:16px; scroll-padding-top: 135px;}
body, button, input, select, textarea {
	color: #404040;
	font-family: nunito-sans, sans-serif;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
	line-height: 1.75;
}

h1, h2, h3, h4, h5, h6 {
	font-family: eb-garamond, serif;
	font-weight: 400;
	margin: 0 0 0.5em;
	line-height: 1.125;
	letter-spacing: 1px;
}
h1 {
	font-size: 2.7rem;
}
h2 {
	font-size: 2.3rem;
}
h3 {
    font-size: 1.6em;
}
p {margin: 0 0 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%;}
strong, b { font-weight: 600; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html{box-sizing:border-box}
*,:after,:before{box-sizing:inherit}
body{background:#fff}
hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}
ol,ul{margin:0 0 1.5em 0}
ul{list-style:disc}
ol{list-style:decimal}
li>ol,li>ul{margin-bottom:0;margin-left:1.5em}
dt{font-weight:700}
dd{margin:0 1.5em 1.5em}
img{height:auto;max-width:100%}
figure{margin:1em 0}
table{margin:0 0 1.5em;width:100%}

/*--------------------------------------------------------------
#Admin Bar Sticky Header Styles
--------------------------------------------------------------*/

.admin-bar .site-header,
.home.admin-bar .site-header {
    top: 32px;
}
.admin-bar .site-header.sticky {
    top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .site-header.sticky {
    top: 46px;
}
}
@media screen and (max-width: 600px) {
.admin-bar .site-header.sticky {
    top: 0;
}
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a, a:visited {
	color: #54220b;
	text-decoration: none;
	transition: all ease 0.5s;
}
a:hover, a:focus, a:active {
	color: #005917;
	outline: 0;
}
.site-content a:not(.button),
.site-content a:not(.button):visited {
	border-bottom: 1px dotted;
}
a[href^="tel:"] {
	white-space: nowrap;
}
.site-content a:not(.button):hover,
.site-content a:not(.button):focus,
.site-content a:not(.button):active {
	border-bottom: 1px solid;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.button, a.button, a.button:visited, button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #005917;
    border-radius: 0;
    box-shadow: none;
    color: #ffffff;
    display: inline-block;
    font-weight: 400;
    font-size: 1.0625rem;
    line-height: 1;
    padding: 1em 2em 0.8em;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: all ease 0.5s;
    border: 0;
}
.gf_browser_ie.gform_wrapper .gform_footer input.button { padding: .6em 1em !important; }

.highlight-text a.button,
.room-details a.button {
	background: transparent;
	outline: 1px solid #54220b;
	color: #54220b;
}
.button:hover, a.button:hover, button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:focus, a.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.button:active, a.button:active,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.highlight-text a.button:hover,
.room-details a.button:hover,
.highlight-text a.button:focus,
.room-details a.button:focus   {
	background-color: #00330d;
	color: #FFF;
	border: 0;
    outline: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	border: 1px solid #ccc;
	border-radius: 0;
	color: #666;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}


/*--------------------------------------------------------------
# Custom Styles
--------------------------------------------------------------*/
#content:before {display: block; content: " "; margin-top: -220px; height: 220px; visibility: hidden; pointer-events: none;}
.container { max-width: 1400px; margin: 0 auto; box-sizing: border-box; position: relative; padding-left: 2%; padding-right: 2%; }
.medcontainer { max-width: 1100px; }
.smcontainer { max-width: 960px; }
.wide-column, .widget-area { float: left; box-sizing: border-box; }
.wide-column { width: 75%; padding-right: 3%; }
.widget-area { width: 25%; padding-left: 1.5%; }
.nowrap { white-space: nowrap; }
#mannix { font-size: 1rem; text-align: center; padding: 2em 0 0; }
#mannix p { margin-bottom: 0.125em; }
#mannix a { border-bottom: 1px dotted; }
#mannix a:focus, #mannix a:hover { border-bottom: 1px solid; }
.row {
	padding-top: 4em;
 	padding-bottom:3em;
}
.row.rownotop {
    padding-top: 0;
}
.embed-container {height:0; margin-bottom:2em; max-width:100%; overflow:hidden; padding-bottom:56.25%; position:relative;}
.embed-container iframe, .embed-container object, .embed-container embed {position:absolute; top:0; height:100%; left:0; width:100%;}
.flexed {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flexedwrap { flex-wrap: wrap; }
.flexedtop {align-items: center;}
.gold-text {color: #54220b;}
.tan-bg { background: #f3f0e8; }
.blue-bg {background: #a4b9aa;}
.styled-list { columns: 2; column-gap: 80px; }

#sticky-anchor {
	position: absolute;
	transition: all ease 0.3s;
	width: 100%;
}
.site-header {
	background: #FFF;
}
.site-branding {
	margin:10px 0;
}
.site-logo {
    text-align: center;
}
.site-logo a {
    line-height: 0;
    display: block;
}
.site-logo a:focus {
	outline: 1px dotted #956c47;
}
.site-logo img {
	transition: all ease 0.5s;
}
.site-header.sticky .site-logo img {
	max-width:92px;
}
.header-contact {
	position: absolute;
	top: 50%;
	right: 2%;
	transform: translateY(-50%);
}
.header-phone {
	color: #511d05;
	font-size: 1.1875rem;
	margin-right: 20px;
}
.header-contact a.button {
    background: #2a6831;
    color: #ffffff;
}
.header-contact a.button:hover,
.header-contact a.button:focus {
	background: #307E82;
	color: #FFF;
	border-color:#f3f0e8;
}
.main-nav-wrapper {
    text-align: center;
    border-top: 1px solid #ddd;
}
.site-header.sticky {
	box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9000;
}
.header-notification {
	font-size: 1rem;
    background: #ffc72c;
    color: #000;
    text-align: center;
    padding: 8px 0;
}
.header-notification a {
	color: #000;
	border-bottom: 1px dotted;
}
.header-notification a:hover,
.header-notification a:focus {
	border-bottom: 1px solid;
}
.header-notification p {
	margin-bottom: 0;
}
.hero-image {
    position: relative;
    line-height: 0;
    height: calc(100vh - 208px);
    background-size: cover;
    background-position: center;
}
.hero-image-wrap {
    position: relative;
}
.bookbar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px 2%;
	line-height: 1;
	background: rgba(0,0,0,0.8);
	color: #FFF;
	text-align: center;
	font-size: 1.125rem;
}
.bookbar label, .bookbar span {
    margin: 0 7px;
    display: inline-block;
    vertical-align: middle;
}
.bookbar input[type="text"],
.bookbar input[type="number"] {
    background: transparent;
    color: #FFF;
    border-color: #FFF;
    padding: 5px 8px;
    font-size: 1.125rem;
    border: 1px solid #fff;
    width: 53px;
}
.bookbar input#arrive-picker,
.bookbar input#depart-picker {
	width: 125px;
}
.bookbar input#adult {
	width: 50px;
}
.bookbar input[type="submit"] {
	font-size: 1rem;
}
.entry-header {
	text-align: center;
}
.entry-header:after {
	display: block;
	content: '';
	width: 280px;
	border-bottom: 1px solid #4c4c4c;
	margin: 30px auto;
}
h1.entry-title {
	letter-spacing: 3px;
	text-transform: uppercase;
	margin:0 0 0.3em;
}
.home #primary .entry-content {
    max-width: 930px;
    margin: 1.5em auto 0;
    text-align: center;
}
.home #primary .entry-content h2 {
    font-size: 1.6em;
    line-height: 1.3em;
    font-family: eb-garamond, serif;
    margin-bottom: 0.5em;
    text-transform: none;
}
.sub-heading {
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 1.5rem;
	line-height: 1.3em;
	margin: 0;
}
.highlight-section {
	position: relative;
}
.highlight-text {
    background: #fff;
    padding: 2em 2em 0.5em;
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 800;
    width: 580px;
    font-size: 1.0625rem;
}
.highlight-section-img {
    height: 900px;
    background-size: cover;
    background-position: center;
}
.page-id-20 .home-room_types-wrapper.row {
    padding: 0 0 4em;
}
.home-room_types-wrapper h2 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 2.8rem;
}
.page-id-20 .room_type h3 {
    font-size: 1.5rem;
}
.page-id-20 .room_type {
    flex-basis: 24%;
}
.room_type {
    flex-basis: 31%;
}
.room_type-photo {
    line-height: 0;
    margin-bottom: 20px;
    border: 1px solid #a2a2a2;
    padding: 3px;
}
.room_type h3 {
	text-align: center;
	text-transform: uppercase;
	font-size:2rem;
}
.room_type-text p.hasbutton {
	text-align: center;
}
.room_type-text p.hasbutton a.button {
    min-width: 272px;
    font-size: 0.7em;
    padding: 1em 5% 0.7em;
}
.fullwidthimage {
    height: 650px;
    background-size: cover;
    background-position: center;
}
.flexedmiddle {
	align-items: center;
}
.leftext {
    flex-basis: 46%;
}
.page-id-18 .leftext {
    font-size: 1.1em;
}
.rightimage {
    flex-basis: 46%;
    line-height: 0;
}
.rightimage img {
	max-width: none;
	width: 100%;
}
.rates.row {
    padding-top: 2em;
}
.rates h2 {
	margin-bottom: 1em;
}
.rates ul {
    column-count: 2;
    list-style: none;
    padding: 0;
}
.rates ul li {
    margin: 0 0 20px 0;
    padding: 0;
}
.rates ul li strong {
    font-size: 1.2em;
}
.fullcta.row {
    border-top: 2px solid #b7b7b7;
    text-align: center;
    padding: 1.5em 3% 0.7em;
    border-bottom: 2px solid #b7b7b7;
    margin-bottom: 4em;
    font-size: 1.1em;
}
.fullcta h2 {
    font-size: 2.7rem;
    text-transform: uppercase;
    margin-bottom: 0.1em;
}
.fullcta p {
    margin-bottom: 0.7em;
    line-height: 1.3em;
}
.page-template-template-contact .content-area.row {
    padding: 4em 0 0;
}
.contactleft .entry-header:after {
	content: none;
}
.contactleft .entry-header {
    text-align: left;
}
.contactleft h1.entry-title {
    text-transform: none;
    margin: 0 0 0.3em;
}
.contactleft {
    flex-basis: 48%;
	margin-top: 16px;
}
.site-content .contactleft .footersocial a {
    border: 2px solid #54220b;
}
.contactleft .footersocial {
    text-align: left;
}
.contactright {
    flex-basis: 48%;
}
.contactwrap {
    margin-bottom: 3em;
}
.contactmap {
    line-height: 0;
}
.contactright .gform_wrapper {
	margin-top: 0;
}
.room.flexed {
    margin-bottom: 3em;
    border-bottom: 1px solid #a7a7a7;
    padding-bottom: 3em;
}
.room-images {
    flex-basis: 48%;
}
.room-details {
    flex-basis: 48%;    
    margin-top: 30px;
}
.amenities-block.row {
    padding-top: 0;
}
.amenity {
    flex-basis: 15%;
    text-align: center;
}
span.amenity-icon {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 3.3em;
    color: #005917;
}
.amenity-text {
    line-height: 1.2em;
}
.page-id-22 .container.smcontainer.row:last-of-type {
	padding-top: 0;
}
.page-id-22 .container.smcontainer ul {
	column-count: 2;
	column-gap: 40px;
}


.gallery-wrapper {
	position: relative;
	margin: 1em 0;
}
.slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 900;
	border-radius: 0;
	background: rgba(0,0,0,0.8);
	border: 0;
	color: #FFF;
	padding: 10px;
	font-size: 1.25rem;
}
.slick-prev {
	left: 0;
}
.slick-next {
	right: 0;
}

.contact-form h2 {
	font-size: 2.8rem;
	text-align: center;
	margin-bottom: 1.3em;
}
.site-footer {
	background: #4c4c4c;
	color: #FFF;
}
.site-footer a {
	color: #FFF;
}
.site-footer a[href*="mailto:"] {
	border-bottom: 1px dotted;
}
.site-footer a:hover,
.site-footer a:focus {
	color: #a4b9aa;
}
.site-footer a[href*="mailto:"]:hover,
.site-footer a[href*="mailto:"]:focus {
	border-bottom: 1px solid;
}
.footer-logo a {
	line-height: 0;
	display: inline-block;
	transition: all ease 0.3s;
}
.footer-logo a:focus {
	outline: 1px dotted #fff;
}
.footer-logo img {
    max-width: 143px;
}
.contact-information strong {
	font-size: 1.5625rem;
	margin-bottom: 5px;
}
.footer-logo-wrapper,
.footer-nav-wrapper {
	flex-basis: auto;
}
.footer-logo-wrapper {
    margin-right: 2%;
}
.contact-information {
    font-size: 1.0625rem;
    flex-basis: 45%;
}
.footersocial {
    text-align: center;
}
.footersocial a {
    display: inline-block;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.8em;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 40px;
    margin: 0 2px;
    width: 40px;
}
.entry-meta, .entry-footer { font-size: 90%; font-style: italic; }
.cat-links, .tags-links, .comments-link { display: block; width: 100%; }
.posts-navigation { padding-top: 10px; font-size: 90%; }

/*--------------------------------------------------------------
# Navigation
## Menus
--------------------------------------------------------------*/
.main-navigation, .footer-navigation {
	width: 100%;
}

.main-navigation ul, .footer-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	display: inline-block;
	position: relative;
}
.footer-navigation ul {
	columns: 2;
}
.footer-navigation li {
	break-inside: avoid;
}
.main-navigation li {
	margin-right: 20px;
}
.main-navigation li:last-of-type{
	margin-right: 0;
}
.main-navigation a, .footer-navigation a {
	display: inline-block;
	text-decoration: none;
}
.footer-navigation a {
	line-height: 1.25;
	font-size: 0.875rem;
	text-transform: uppercase;
	border-bottom: 1px dotted;
}
.main-navigation button {
	background-color: transparent;
	border-radius: 0;
	display: inline-block;
	padding: 0;
	border: 0;
	color: #4b4b4b;
}
.main-navigation button:hover,
.main-navigation button:focus,
.main-navigation li:hover > button {
	color: #511d05;
}
.main-navigation button:hover,
.main-navigation button:focus {
	outline: 1px dotted #4b4b4b	;
}
.main-navigation a {
	color: #4b4b4b;
	text-transform: uppercase;
	font-size: 1.0625rem;
	padding: 15px 0;
	border-bottom: 2px solid #fff
}
.main-navigation li.contact-button a {
	background: #897248;
	color: #FFF;
	padding: 30px 20px;
}
.main-navigation ul ul {
	background: #fff;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	display: none;
	float: left;
	left: -999em;
	position: absolute;
	z-index: 99999;
	text-align: left;
	font-size: 1rem;
}

.main-navigation ul ul ul {
	display: none;
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 250px;
	padding: 5px 10px;
    border: 0;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a,
.main-navigation li > a:focus,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
	color: #511d05;
	border-bottom: 2px solid #5e2f19;
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a,
.main-navigation ul ul .current_page_item > a,
.main-navigation ul ul .current-menu-item > a,
.main-navigation ul ul .current_page_ancestor > a,
.main-navigation ul ul .current-menu-ancestor > a {
    border-bottom: 0;
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: 100%;
}

/*--------------------------------------------------------------
## Mobile Navigation
--------------------------------------------------------------*/
.mobile-navigation {
    background-color: #fff;
    box-shadow: 0 0 15px #000;
    height: 100%;
    overflow-x: hidden;
    padding-top: 20px;
    position: fixed;
    right: 0;
    top: 0;
    transition: 0.5s;
    visibility: hidden;
    width: 0;
    z-index: 10000;
}
.mobile-nav-wrapper {
    display: none;
}

#opennav, #closenav {
	background: transparent;
	border: 0;
	border-radius: 0;
	color: #000;
	font-size: 2.5rem;
	padding: 0;
}
#closenav {
	margin: 0 0 0.5em 20px;
}
.mobile-navigation ul {
	list-style-type: none;
	padding: 0;
}
.mobile-navigation ul ul {
	display: none;
	margin: 0;
}
.mobile-navigation ul ul li a {
	padding-left: 2.5em;
	background: rgb(228, 238, 239);
}
.mobile-navigation li a {
	border-top: 1px solid rgb(190, 206, 208);
	color: #000;
	display: block;
	font-size: 1.0625rem;
	padding: 10px 20px;
}
.mobile-navigation li.current-menu-item > a {
	background: #005917;
	color: #FFF;
}
.mobile-navigation li > a:hover, .mobile-navigation li > a:focus {
	background: #005917;
	color: #FFF;
}
.mobile-navigation li { position: relative; }
.mobile-navigation ul li.menu-item-has-children > a { margin-right: 30px; }
.mobile-navigation li > button { background-color: #b3dcbc; color: #000; position: absolute; right: 0; top: 0; border-radius: 0; padding: 16px 10px 15px; z-index: 1000; border:0; border-top: 1px solid rgba(255,255,255,0.25); }
.mobile-navigation ul li.focus > ul {display: block;}

/*--------------------------------------------------------------
## Comment Navigation
--------------------------------------------------------------*/
.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
--------------------------------------------------------------*/
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; background-color: #FFF; }
.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; 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;}
#content[tabindex="-1"]:focus {outline: 0;}
a.skip-link {color: #000; background-color: #FFF;}

/*--------------------------------------------------------------
# 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;}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {margin: 0 0 1.5em;}
.widget select {max-width: 100%;}

/*--------------------------------------------------------------
# Content
## Posts and pages
--------------------------------------------------------------*/
.sticky {display: block;}
.byline, .updated:not(.published) {display: none;}
.single .byline, .group-blog .byline {display: inline;}
.page-content, .entry-content, .entry-summary {margin: 1.5em 0 0;}
.page-links {clear: both; margin: 0 0 1.5em;}
.blog .format-aside .entry-title, .archive .format-aside .entry-title {display: none;}
.comment-content a {word-wrap: break-word; }
.bypostauthor {display: block; }
embed, iframe, object {max-width: 100%;}
.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; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {margin-bottom: 1.5em;}
.gallery-item {display: inline-block; text-align: center; vertical-align: top; width: 100%;}
.gallery-columns-2 .gallery-item {max-width: 49%;}
.gallery-columns-3 .gallery-item {max-width: 32.33%; }
.gallery-columns-4 .gallery-item {max-width: 24%; }
.gallery-columns-5 .gallery-item {max-width: 19%; }
.gallery-columns-6 .gallery-item {max-width: 15.66%; }
.gallery-columns-7 .gallery-item {max-width: 13.28%; }
.gallery-columns-8 .gallery-item {max-width: 11.5%; }
.gallery-columns-9 .gallery-item {max-width: 10.11%; }
.gallery-caption {display: block; }

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media screen and (max-width: 1400px){


}
@media screen and (max-width: 1200px){
.page-id-20 .room_type {
    flex-basis: 49%;
}
}
@media screen and (max-width: 1150px){
.bookbar label {
    display: block;
}
span.checkbg {
    margin-top: 15px;
}
}
@media screen and (max-width: 1024px){
h1 {
    font-size: 1.9rem;
}
.mobile-nav-wrapper {
    display: block;
    margin: 6px 0 0;
}
.mobilebuttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    border: 1px solid #b5d8bc;
    border-bottom: 0;
}
.mobilebuttons a {
    flex-basis: 33.33%;
    color: #005917;
    border-right: 1px solid #b5d8bc;
    padding: 20px 0;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1em;
}
.mobilebuttons i {
    display: block;
    margin-bottom: 4px;
    font-size: 27px;
}
.main-nav-wrapper,
.header-book,
.header-phone {
	display: none;
}
.site-header {
	padding: 0;
}
.site-header.sticky .site-logo img,
.site-logo img {
    max-width: 90px;
}
.hero-image {
    height: 620px;
}
.highlight-section-img {
    height: 500px;
}
.highlight-text {
    padding: 3em 4% 2em 4%;
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    width: 100%;
}
.room_type-text p.hasbutton a.button {
    min-width: inherit;
}
.room_type h3 {
    font-size: 1.6rem;
}
.home #primary .entry-content {
    text-align: left;
}
.home #primary .entry-content h2 {
    font-size: 1.3em;
}
.leftext {
    order: 2;
    flex-basis: 100%;
    margin-top: 50px;
}
.rightimage {
    flex-basis: 100%;
    line-height: 0;
    order: 1;
}
.fullwidthimage {
    height: 350px;
}
.room-images {
    flex-basis: 100%;
    margin-bottom: 50px;
}
.room-details {
    flex-basis: 100%;
    margin: 0;
}
.rates ul {
    column-count: 1;
}
.amenity {
    flex-basis: 30%;
}
.fullcta.row {
    margin-bottom: 0;
}
}
@media screen and (max-width: 960px){
.bookbar {
    position: relative;
    bottom: auto;
    left: auto;
    background: #4c4c4c;
    font-size: 1rem;
}
.bookbar input[type="text"],
.bookbar input[type="number"] {
	font-size: 1rem;
}
.bookbar input[type="submit"] {
    font-size: 0.9375rem;
    border: 1px solid #fff;
}
.home-ctas.flexed {
	display: block;
}
.cta {
	max-width: 600px;
	margin: 0 auto 2em;
}
}
@media screen and (max-width: 900px){
.bookbar span:last-of-type {
	display: block;
	max-width: 360px;
	margin: 10px auto 0;
}
.bookbar label {
	display: block;
	margin: 0 0 10px;
}
.site-footer .container > .flexed {
	display: block;
	text-align: center;
}
.footer-nav-wrapper {
	display: none;
}
.footer-logo-wrapper {
	margin-bottom: 1.5em;
}
}
@media screen and (max-width:800px){
h1.entry-title {
	font-size: 2.25rem;
	letter-spacing: 2px;
}
.row {
    padding-top: 2em;
    padding-bottom: 1em;
}
.hero-image {
    height: 400px;
}
.home-room_types.flexed {
	display: block;
}
.home-room_types-wrapper {
    max-width: 500px;
    margin: 0 auto;
}
.room_type {
    margin-bottom: 4em;
}
.highlight-section-img {
    height: 300px;
}
.contactleft {
    flex-basis: 100%;
    margin: 0 0 25px;
}
.contactright {
    flex-basis: 100%;
}
.page-id-22 .container.smcontainer ul {
    column-count: 1;
    column-gap: 0;
}
}
@media only screen and (max-width: 641px) {
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
	line-height: 1.25 !important;
}
}
@media screen and (max-width: 600px){
body, button, input, select, textarea {
    font-size: 18px;
    font-size: 1.1rem;
}
h1.entry-title {
	font-size: 2.125rem;
	letter-spacing: 1px;
}
h2 {
    font-size: 1.9rem;
}
.hero-image {
    height: 250px;
}
.fullwidthimage {
    height: 250px;
}
.fullcta.row {
    font-size: 1.1em;
}
.fullcta h2 {
    font-size: 2rem;
}
}
@media screen and (max-width: 500px){
.highlight-section-img {
    height: 230px;
}
.bookbar input#arrive-picker, .bookbar input#depart-picker {
    width: 95px;
}
}
@media screen and (max-width: 420px){
.bookbar input#arrive-picker, .bookbar input#depart-picker {
    width: 138px;
}
.bookbar label, .bookbar span {
    margin: 0 7px 10px;
}
}
@media screen and (max-width: 400px){
h1.entry-title {
    font-size: 1.725rem;
}
}
@media screen and (max-width: 360px){
.highlight-section-img {
    height: 180px;
}
.bookbar input#arrive-picker, .bookbar input#depart-picker {
    width: 125px;
}
.button, a.button, a.button:visited, button, input[type="button"], input[type="reset"], input[type="submit"] {
    font-size: 0.8rem;
}
}