body {
    overflow-x:hidden;
}

/* header */
#header {
    background-color:rgba(255,255,255,1);
    line-height: 1.2em;
}
#header a {
    color:inherit;
}
#header #header-logo img {
    transition: .25s;
    height:80px !important;
    width:auto;
}
#header #header-nav * {
    letter-spacing: 0.1em;
    line-height: 1.2em;
}
#header #header-nav button {
    border:0;
}

/* header stuck */
#header.stuck {
    box-shadow:0 0 10px rgba(0,0,0,0.2);
}
#header.stuck #header-logo img {
    width:auto !important;
    height:50px !important;
}

/* Book Now Menu */
#header-book-now-list {
	display:none;
}
#header-book-now {
	position: initial !important;
}
#header-book-now-list {
	z-index:500;
	width:50%;
	right:0;
	top: 100%;
}
#header-book-now:hover > #header-book-now-list {
	display:block;
}
#header-book-now-list:hover {
	display:block;
}
#header-book-now-list svg {
    max-width:100px;
    max-height:80px;
    width:auto;
    height:auto;
    fill:#fff;
}

/* footer */
#footer {
}
#footer-newsletter {
}
#footer-newsletter form,
#footer-newsletter form .field,
#footer-newsletter form .btn-toolbar{
    margin:0;
}
#footer-newsletter form {
    display:flex;
    width:100%;
}
#footer-newsletter form fieldset {
    flex-grow:1;
    margin-right:1.5rem;
}
#footer-newsletter form fieldset input {
    color:#FFF;
    text-shadow:2px 2px 2px rgba(0,0,0,0.1);
    font-weight:bold;
}
#footer-newsletter form fieldset input[type="text"] {
    background-color:#CECECE;
}
#footer-newsletter form fieldset input[type="text"]::placeholder {
    color:#FFF;
    text-transform:uppercase;
    letter-spacing:0.1rem;
    text-align:center;
}

#footer #footer-signoff {
    font-size:4rem;
}
#footer-bottom-links a,
#footer-bottom-links span {
    color:#FFF;
    letter-spacing: 0.1em;
    line-height: 1.2em;
}
#footer-bottom-links > a,
#footer-bottom-links #footer-tel {
    width:100px;
    height:100px;
    display:flex !important;
    align-items:center;
    justify-content:center;
}
#footer-bottom-links #footer-tel {
    white-space:nowrap;
    width:auto;
}
#footer-bottom-links #footer-tel > span > a,
#footer-bottom-links #footer-tel > span {
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
}
#footer-bottom-links #footer-tel > a > span,
#footer-bottom-links #footer-tel > span > span {
}

/* #layout */
#layout a {
    color:inherit;
    text-decoration:none;
}

/* mobile-nav */
#mobile-nav a:hover {
    background-color:rgba(0,0,0,0.1);
}
#mobile-nav a.current,
#mobile-nav a.section {
    color:#B5915F !important;
}
.mobile-nav-level-1 {
    border-top:1px solid rgba(255,255,255,.25);
}
    
/* theme colors */
.bg-green {
    background-color:#374939 !important;
}
.bg-green-hover:hover {
    background-color:#445c47 !important;
}
.bg-green-light {
    background-color:#475749 !important;
}
.bg-green-light-hover:hover {
    background-color:#586e5a !important;
}
.bg-green-gradient {
    background: linear-gradient(0deg, #374939 0%, #586e5a 100%);
}
.bg-gold {
    background-color:#B5915F !important;
}
.bg-gold-hover:hover {
    background-color:#c49c64 !important;
}
.bg-grey {
    background-color:#DEDEDE !important;
}
.bg-grey-hover:hover {
    background-color:#bdbdbd !important;
}
.bg-black,
#footer-bottom-links #footer-tel > span > a {
    background-color:#111 !important;
}
.bg-black-hover:hover,
#footer-bottom-links #footer-tel > span > a:hover {
    background-color:#222 !important;
}
.bg-brown,
.brown-block {
    background-color:#B5915F !important;
}

.bg-tint-dark-1 {
    background-color:rgba(0,0,0,.1);
}

/* slideshows */
.slideshow-overlay h1 {
    line-height: 1em;
}

/* breakpoint reference - bottom up */
@media (min-width: 576px) {
    .slideshow-overlay h1 {
        font-size:180%;
        line-height: 1em;
    }
}
@media (min-width: 768px) {
    .slideshow-overlay h1 {
        font-size:240%;
        line-height: 1em;
    }
}
@media (min-width: 992px) {
    .slideshow-overlay h1 {
        font-size:330%;
    }
}
@media (min-width: 1200px) {
    .slideshow-overlay h1 {
        font-size:390%;
    }
}
@media (min-width: 1400px) {
    .slideshow-overlay h1 {
        font-size:450%;
    }
}



/* cozylink-element-main */
.cozylink-element-main {
    text-shadow:1px 1px 4px rgba(0,0,0,0.4);
}
.cozylink-image {
    padding-top:50%;
}
.cozylink-image,
.cozylink-image-behind {
    background-position:center;
    background-size:cover;
}
.cozylink-image-behind-text,
.cozylink-image-hidden-content {
    margin-left:auto;
    margin-right:auto;
}
.cozylink-image-behind-text {
    max-width:300px;
}
.cozylink-image-hidden-content {
    max-width:400px;
}
.cozylink-link a {
    color:#FFF !important;
    display:inline-block;
    padding:.55rem;
    border:1px solid #FFF;
    width:180px;
    max-width:100%;
    min-width:auto;
    background-color:rgba(0,0,0,0.1);
    text-transform: uppercase;
    position:relative;
    letter-spacing: 0.2em;
    text-decoration: none !important;
}
.cozylink-link a:hover {
    background-color:rgba(0,0,0,0.2);
}
.cozylink-link a:after {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 26px solid #FFF;
    border-left: 26px solid transparent;
    position:absolute;
    right:0;
    bottom:0;
    z-index: 1;
}

/* home-page-quicklinks */
@media (min-width: 992px) {
}

.home-page-quicklinks {
    margin:50px auto;
}
/* breakpoint reference - bottom up */
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
    .home-page-quicklinks {
        margin:80px auto;
    }
}
@media (min-width: 1200px) {
    .home-page-quicklinks {
        margin:120px auto;
    }
}
@media (min-width: 1400px) {
    .home-page-quicklinks {
        margin:280px auto 230px;
    }
}

/* forms */
input {
    border-radius:0 !important;
}



/* .brown-block */
.brown-block {
    color:#FFF;
}
.brown-block input[type="submit"] {
    background-color:#111;
    border-color:#111;
    display:block;
    width:100%;
}
.brown-block input[type="submit"]:hover {
    background-color:#333;
    border-color:#333;
}

/* roomlist-element-item */
.roomlist-element-item {
    min-height:370px;
}
.roomlist-element-item .image{
    min-height:320px;
}
.roomlist-element-item .image {
    background-size:cover;
    background-position:center;
}