/*
 *
 * Sticky Footer
 * Credit: http://css-tricks.com/snippets/css/sticky-footer/
 *
 * */
* {
   margin: 0;
}

html, body {
   height: 100%;
}

#wrapper {
   min-height: 100%;
   /* equal to footer height */
   margin-bottom: -192px;
}

#wrapper:after {
   content: "";
   display: block;
}

#footer, #wrapper:after {
   /* .wrapper must be the same height as footer */
   height: 192px;
}

/* Global tags */

/* Hide for mobile */
.mobile-nav,
#header .top.mobile,
#footer .footer-mobile,
.social-tablet {
    display: none;
}

/* Show for Desktop */
#footer .footer-desk {
    display: block;
}
/* Anchor */
a {
    text-decoration: none;
}

#content .the-post a {
    font-family: "metropolisbold", Arial, Helvetica, sans-serif;
    color: #384d64;
}

/* Heading */
h1,h2,h3,h4,h5 {
    font-weight: normal;
}

#content .the-post h1:first-child,
#content .the-post h2:first-child {
    margin-top: 0;
}

#content.generic .the-post h1 {
    color: #72393f;
    font-family: "cormorant_infantsemibold",Arial,Helvetica,sans-serif;
    font-size: 2.423rem;
    letter-spacing: 0.08rem;
    margin-bottom: 1.846rem;
    text-transform: uppercase;
}

#content .the-post h2,
#content .the-post h3 {
    font-family: "cormorant_infantbold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #72393f;
}

#content .the-post h3 {
    font-family: "metropolisbold",Arial,Helvetica,sans-serif;
    color: #384d64;
    letter-spacing: 0.05rem;
}

#content .the-post h2 {
    font-size: 1.838rem;
    line-height: 2.2rem;
    margin-bottom: 1.4rem;
}

#content .the-post h3 {
    margin-top: 2.4rem;
    font-size: 1.231rem;
}

#content.room .the-post h1 {
    font-family: "cormorant_infantsemibold", Arial, Helvetica, sans-serif;
    font-size: 2.923rem;
    text-transform: uppercase;
    color: #384d64;

}

#content.room .the-post h1 em {
    font-family: "cormorant_infantSBdIt", Arial, Helvetica, sans-serif;
    text-transform: none;
    font-style: normal;
}

#content.room .the-post h2  {
    font-family: "cormorant_infantsemibold", Arial, Helvetica, sans-serif;
    font-size: 2.154rem;
    color: #5b5b5b;
    text-transform: none;
    line-height: 2.8rem;
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 2.262rem;
    margin-bottom: 2.462rem;
}

/* Paragraphs */
p {
    margin: 1.692rem 0;
}

#content .the-post p:first-child {
    margin-top: 0;
}

/* Lists */
.list-inline {
    list-style: none;
    padding: 0;
    margin: 0;
}

.list-inline li {
    display: inline-block;
}

.list-centre {
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 0;
}

.list-centre li {
    display: inline-block;
}

.list-unstyled {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Tables */
#content .the-post table h3,
#content .the-post table p {
    margin: 0;
}

#content .the-post table h3 {
    margin: 0.6rem 0;
}

#content .the-post table tr td {
    border: 1px solid #CCC;

    font-weight: normal !important;
}

/* Icons */
.icon {
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: "theme_icons";
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
}

/* Image Caption */
.image-caption .caption {
    position: relative;
    padding: 0.5231rem 0;
    font-size: 0.8462rem;
    text-transform: uppercase;
}

.image-caption .caption .icon {
    display: inline-block;
    color: #384d64;
    margin-right: 0.5385rem;
    position: absolute;
    top: 0.9231rem;
}

.image-caption .caption p,
#content-home .image-caption .caption p {
    display: inline-block;
    font-size: 0.8462rem;
    padding-left: 1.8rem;
    width: 100%;
    margin: 0;
    vertical-align: top;
}

/* Forms */
.form-wrapper {
    width: 80%;
}
.form-wrapper .input-group {
    width: 100%;
    padding: 0.5rem 0;
    margin: 0.5rem 0;
}

.form-wrapper .input-group label {
    width: 100%;
    display: block;
    font-family: "metropolissemi_bold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #384d64;
    margin-bottom: 0.5rem;
}

.form-wrapper .input-group input,
.form-wrapper .input-group textarea,
.form-wrapper .input-group select {
    width: 100% !important;
    border: 1px solid #CCC;
}

.form-wrapper .input-group input,
.form-wrapper .input-group textarea {
    padding: 0.5rem 0.5rem;
}

.form-wrapper .input-group textarea {
    height: 120px !important;
}

.form-wrapper .required {
    color: red;
}

.form-wrapper .input-group .field_button,
.form-wrapper .input-group .field_button_over,
.form-wrapper .input-group button,
.form-wrapper .input-group input[type="submit"] {
    border: none;
    background-color: #384d64;
    color: #FFF;
    font-family: "metropolissemi_bold",Arial,Helvetica,sans-serif;
    font-size: 0.9231rem;
    padding: 1.154rem;
    text-transform: uppercase;
}

/* Pop Up Form */
#swipebox-slider .slide label {
    text-align: left;
}

.form-wrapper.popup {
    background-color: #e5e9ec;
    width: 100%;
    padding: 2rem;
}

.form-wrapper.popup h2 {
    clear: both;
    margin-bottom: 2.2rem;
}

/* Layout */
html,
body {
    font-family: "metropolismedium", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #5b5b5b;
}

body {
    line-height: 1.8rem;
}

.container {
    width: 942px;
    position: relative;
    margin: 0 auto;
}

/* Header */
#header {
    background-color: #FFF;
    padding: 0.3846rem 0 0 0;
}

#header .site-logo {
    padding-top: 1.538rem;
}

#header .mobile-navigation-wrapper {
    display: none;
}

#header .top,
#header .navigation-wrapper {
    padding-left: 2.692rem;
}

#header .top a {
    color: #5b5b5b;
}

#header .top {
    /* font-family: "metropolissemi_bold", Arial, Helvetica, sans-serif; */
    font-size: 0.9231rem;
    height: 45px;
    width: 100%;
}

#header .top .fa {
    color: #384d64;
    font-size: 1.431rem;
    margin-left: 0.4462rem;
    vertical-align: middle;
}

#header .top .left,
#header .top .middle {
    line-height: 45px;
    float: left;

}

#header .top .middle {

}

#header .top .right {
    padding-top: 0.6rem;
    float: right;
    height: 45px;
}

#header .top .right .addthis_inline_share_toolbox,
#header .top .right .addthis_inline_follow_toolbox {
    display: inline-block;
    vertical-align: top;
}

#header .top .right .addthis_inline_follow_toolbox #atftbx p,
#header .top .right .addthis_inline_follow_toolbox #atftbx p span,
#header .top .right .addthis_inline_follow_toolbox #atftbx2 p,
#header .top .right .addthis_inline_follow_toolbox #atftbx2 p span {
    display: none;
}

#header .top .right .addthis_inline_follow_toolbox a .at-icon-wrapper svg,
#header .top .right .addthis_inline_follow_toolbox a .at-icon-wrapper {
    height: 26px !important;
    width: 26px !important;
}

#header .top .left {
    background: url("../images/dots-divider-fixed.png") no-repeat right center;
    padding-right: 0.9231rem;
    margin-right: 0.9231rem;
}

/* Navigation */
#navigation {
    width: 100%;
}

#navigation ul li {
    border-top: 1px solid #dedede;
}

#navigation ul li a {
    /* font-family: "metropolissemi_bold", Arial, Helvetica, sans-serif; */
    font-size: 0.9231rem;
    display: block;
    text-transform: uppercase;
    padding: 1.692rem  1.055rem;
    /*padding: 1.692rem  0.9430rem; */
    margin: 0.9231rem 0;
    border-right: 1px solid #dedede;
    color: #5b5b5b;
    letter-spacing: 0.05rem;
}

#navigation ul li:first-child a {

}

#navigation ul li:hover,
#navigation ul li:hover a,
#navigation ul li a:hover,
#navigation ul li.active,
#navigation ul li.active a,
#navigation ul li.active a {
    background-color: #384d64;
    color: #FFF;
}

#navigation ul li.active a,
#navigation ul li:hover a,
#navigation ul li.active a,
#navigation ul li a:hover {
   border-right: 1px solid #384d64;
}

#navigation ul li.active.hover,
#navigation ul li.active.hover a {
    background-color: #FFF;
    color: #5b5b5b;
}

#navigation ul li.active.hover a {
    border-right: 1px solid #dedede;
}
#navigation ul li:last-child.active.hover a,
#navigation ul li:last-child a {
    border-right: none;
}

/* Banner */
.banner-wrapper,
.banner-wrapper .slide,
.banner-wrapper .slide img {
    position: relative;
    height: 396px;
    overflow: hidden;
}

.banner-wrapper {
    margin-bottom: 2.8rem;
}

#small-banner.banner-wrapper {
    margin-bottom: 2.308rem;
}

#small-banner.banner-wrapper,
#small-banner.banner-wrapper .slide,
#small-banner.banner-wrapper .slide img {
    height: 286px;
}

#small-banner.banner-wrapper .small-prev,
#small-banner.banner-wrapper .small-next,
.banner-wrapper .main-prev,
.banner-wrapper .main-next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 110;
    height: 90px;
    width: 45px;
    color: #FFF;
    background-color: rgba(30,14,7, 0.35);
}

#small-banner.banner-wrapper .small-prev,
#small-banner.banner-wrapper .small-next {
    width: 35px;
    height: 70px;
}

#small-banner.banner-wrapper .small-next,
.banner-wrapper .main-next {
    right: 0;
    -webkit-border-top-left-radius: 45px;
    -webkit-border-bottom-left-radius: 45px;
}

#small-banner.banner-wrapper .small-prev,
.banner-wrapper .main-prev {
    left: 0;
    -webkit-border-top-right-radius: 45px;
    -webkit-border-bottom-right-radius: 45px;
    background-color: rgba(30,14,7, 0.35);
}

#small-banner.banner-wrapper .small-prev .icon,
#small-banner.banner-wrapper .small-next .icon,
.banner-wrapper .main-prev .icon,
.banner-wrapper .main-next .icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

#small-banner.banner-wrapper .small-prev .icon,
.banner-wrapper .main-prev .icon {
    padding-left: 0.6rem;
}

.banner-wrapper .main-next .icon {
    padding-left: 1.8rem;
}

#small-banner.banner-wrapper .small-next .icon,
#small-banner.banner-wrapper .small-prev .icon {
    font-size: 0.8rem;
}

#small-banner.banner-wrapper .small-next .icon {
    padding-left: 1.4rem;
}

#small-banner.banner-wrapper .small-pager,
.banner-wrapper .main-pager {
    font-size: 44px;
    color: #FFF;
    position: absolute;
    bottom: 0.7rem;
    margin: auto;
    z-index: 110;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

#small-banner.banner-wrapper .small-pager .cycle-pager-active,
.banner-wrapper .main-pager .cycle-pager-active {
    color: #384d64;
}

/* Sidebar generic slideshow */
.feature-wrapper.pages #small-banner.banner-wrapper,
.feature-wrapper.pages #small-banner.banner-wrapper .slide,
.feature-wrapper.pages #small-banner.banner-wrapper .slide img,
.feature-wrapper.pages .banner-wrapper,
.feature-wrapper.pages .banner-wrapper .slide,
.feature-wrapper.pages .banner-wrapper .slide img {
    height: auto;
}
/* Feature Box */
#feature-1 {
    background-color: #e5e9ec;
    padding: 1.538rem 0;
}

.feature-wrapper .col .feature {
    padding: 1.385rem 0;
    width: 292px;
}

.feature-wrapper .col {
    width: 31%;
    margin-right: 2.5365rem;
}

.feature-wrapper .col:last-child {
    margin-right: 0;
}

.feature-wrapper .col:hover .feature {
    background-color: #FFF;
}

/*
.feature-wrapper .col:hover .feature .title,
.feature-wrapper .col:hover .feature .image,
.feature-wrapper .col:hover .feature .excerpt,
.feature-wrapper .col:hover .feature .read-more {
    background-color: #FFF;

}*/

.feature-wrapper .col:nth-child(even) .feature .image img {
    margin: 0 auto;
}

.feature-wrapper .col:nth-child(even) .feature .excerpt {
    width: 100%;
}

.feature-wrapper .col:last-child .feature .image {
    float: right;
}

.feature-wrapper .feature .title {
    font-family: "cormorant_infantbold", Arial, Helvetica, sans-serif;
    color: #72393f;
    font-size: 1.538rem;
    text-transform: uppercase;
    margin: 0 0 1.385rem 0;
    text-align: center;
}

.feature-wrapper .feature .excerpt {
    clear: both;
    font-size: 1.154rem;
    padding: 1.846rem 0.5rem;
    text-align: center;
    width: 292px;
    min-height: 120px;
    overflow: hidden;

}

.feature-wrapper a .feature .excerpt {
    color: #5b5b5b;
}

.feature-wrapper .feature .read-more {
   position: relative;
    z-index: 20;
}

.feature-wrapper .feature .read-more a,
.feature-wrapper .feature .read-more img {
    display: block;
    margin: 0 auto;
}

.feature-wrapper .feature .read-more .line-mask {
    position: absolute;
    top: 2.4rem;
    border-top: 1px solid #d9d9d9;
    width: 100%;
    z-indeX: -1;
    height: 1px;
}

/* Feature Pages */
.feature-wrapper.pages .col {
    width: 100%;
    margin-right: 0;
}

.feature-wrapper.pages .feature {
    margin-bottom: 5.077rem;
    position: relative;
}

.feature-wrapper.pages .col:hover .feature,
.feature-wrapper.pages .feature {
    background-color: #e5e9ec;
}

.feature-wrapper.pages .feature .read-more .line-mask {
    display: none;
}

.feature-wrapper.pages .feature .read-more {
    position: absolute;
    width: 100%;
    bottom: -1.8rem;
}

/* Booking Widget */
#content.room .panel-booking {
    margin-top: 1.5rem;
    float: left;
    width: 100%;
}

.panel-booking {
    background-color: #E5E9EC;
    width: 100%;
}

.panel-booking .input-group {
    float: left;
    width: 100%;
    margin-bottom: 0.8rem;
}

.panel-booking .input-group:first-child {
    padding-right: 0.8rem;
}

.panel-booking .input-group:last-child {
    clear: both;
    width: 100%;
    padding-right: 0;
    margin-bottom: 1.4rem;
}

.panel-booking .input-group label {
    display: block;
    width: 100%;
}

.panel-booking .input-group a,
.panel-booking .input-group button {
    display: block;
    font-family: "metropolissemi_bold", Arial, Helvetica, sans-serif;
    font-size: 0.9231rem;
    display: block;
    background-color: #384d64 !important;
    text-transform: uppercase;
    color: #FFF !important;
    padding: 1.154rem;
    border: none;
    width: 100%;
    text-align: center;
}

.panel-booking .input-group input,
.panel-booking .input-group select {
    width: 100%;
    padding: 0.5rem 0.5rem;
}

.panel-booking .input-group select {
    padding: 0.6rem 0.5rem;
    -webkit-appearance: none;
    background-color: #FFF;
    border: 1px solid #CCC;
}

.panel-booking p {
    clear: both;
}

#ui-datepicker-div {
    z-index: 1000 !important;
}

.feature-wrapper.pages .panel-booking:first-child #availability {
    margin-top: 0;
}

.feature-wrapper.pages #availability .body {
    padding: 2rem 1.769rem
}

.feature-wrapper.pages #availability h3 {
    text-align: center;
}

.feature-wrapper.pages .col .feature {
    width: 100%;
}

/* Footer */
#footer {
    background-color: #c7d0d7;
    padding: 2.308rem 0;
}

#footer .footer-navigation .right-nav,
#footer .footer-navigation .left-nav {
    float: left;
}

#footer .footer-navigation .left-nav {
    background: url("../images/dots-divider.png") right top repeat-y transparent;
    padding-right: 2.308rem;
}

#footer .footer-navigation .right-nav {
    padding-left: 2.308rem;
}

#footer a {
    color: #384d64;
}

#footer .footer-navigation ul li a {
    font-family: "metropolissemi_bold", Arial, Helvetica, sans-serif;
    font-size: 0.7692rem;
    color: #384d64;
    text-transform: uppercase;
}

#footer .social-footer {
    float: right;
}

#footer .social-footer ul li {
    width: 24px;
    height: 24px;
    margin-right: 0.3rem;
}

#footer .social-footer ul li:last-child {
    width: 37px;
}

#footer .address-footer,
#footer .phone-footer,
#footer .credit {
    font-family: "metropolissemi_bold", Arial, Helvetica, sans-serif;
    font-size: 0.7692rem;
    color: #384d64;
    float: right;
    width: 100%;
    padding-left: 3.5rem;
    line-height: 1.7rem;
}

#footer .credit {
    padding-top: 1rem;
}

#footer .credit a {
    color: #384d64;
}

#footer .big {
    font-family: "metropolisbold", Arial, Helvetica, sans-serif;
    font-size: 1.077rem;

}

/* Guestbook Box */
#guest-feed {
    background-color: #e5e9ec;
    padding: 3.308rem 0;
}

.guest-feed-wrapper {
    position: relative;
}

.guest-feed-wrapper .mask {
    position: absolute;
    z-index: 10;
    width: 9px;
    height: 9px;
    border: 1px solid #384d64;
}

.guest-feed-wrapper .mask.top-left {
    top: -8px;
    left: 0;
}

.guest-feed-wrapper .mask.top-right {
    top: -8px;
    right: 0;
}

.guest-feed-wrapper .mask.bottom-left {
    bottom: -8px;
    left: 0;
}

.guest-feed-wrapper .mask.bottom-right {
    bottom: -8px;
    right: 0;
}

.guest-feed-wrapper .the-feed {
    border: 1px solid #384d64;
    width: 100%;
    max-width: 926px;
    margin: 0 auto;
    padding: 3.308rem;
    text-align: center;
}

.guest-feed-wrapper .the-feed .article {
    font-family: "cormorant_infantbold_italic", Arial, Helvetica, sans-serif;
    font-size: 1.692rem;
    color: #384d64;
    letter-spacing: 0.05rem;
    line-height: 2.6rem;
}

.guest-feed-wrapper .the-feed .author,
.guest-feed-wrapper .the-feed .date {
    display: inline-block;
    margin-top: 2.308rem;
    text-transform: uppercase;
    font-size: 1.077rem;
    color: #384d64;
}

.guest-feed-wrapper .the-feed .author {
    color: #72393f;
    font-family: "metropolisbold", Arial, Helvetica, sans-serif;
}

/* Homepage specific */
#home-strap .page-strap {
    padding: 0.5rem 1.385rem 3.846rem 1.385rem;
    text-align: center;
}

#home-strap .page-strap h2 {
    font-family: "cormorant_infantsemibold", Arial, Helvetica, sans-serif;
    font-size: 3rem;
    margin-bottom: 1.9rem;
    color: #384d64;
    text-transform: uppercase;
}

#home-strap .page-strap h1 {
    font-size: 1.231rem;
    color: #5b5b5b;
    text-transform: uppercase;
    line-height: 2.2rem;
    letter-spacing: 0.1rem;
}

#home-strap .strap-divider {
    padding: 1.923rem 0 0 0;
}

#home-strap .strap-divider img {
    margin: 0 auto;
}

#content-home.home {
    padding: 3.846rem 0;
}

#content-home.home p {
    font-size: 1.154rem;
}

#content-home.home a {
    font-family: "metropolisbold", Arial, Helvetica, sans-serif;
    color: #384d64;
}

#content-home.home .intro {
    font-family: "cormorant_infantbold", Arial, Helvetica, sans-serif;
    font-size: 2.154rem;
    color: #72393f;
    line-height: 2.8rem;
}

#content-home.home .col:first-child {
    padding-right: 2.769rem;
}

#content-home.home .col:first-child {
    background: url("../images/dots-divider.png") repeat-y right top;
    padding-right: 2.769rem;
}

#content-home.home .col:last-child {
    padding-left: 2.769rem;
}

/* Image Caption */
.home-image-wrapper .image-caption {
    float: left;
    width: 47.2%;
    margin-right: 1.842rem;
}

.home-image-wrapper .image-caption:nth-child( 2 ) {
    margin-right: 0;
}

.home-image-wrapper .image-caption.large {
    width: 100%;
    margin-right: 0;
}

/* Grid Page */
#grid-strap .page-strap {
    text-align: center;
    padding: 0 1.231rem;
}

#grid-strap .page-strap h1 {
    font-family: "cormorant_infantsemibold", Arial, Helvetica, sans-serif;
    font-size: 2.923rem;
    color: #72393f;
    text-transform: uppercase;
    margin-bottom: 1.692rem;
}

#grid-strap .page-strap p {
    font-size: 1.154rem;
    color: #384d64;
    margin-bottom: 4.231rem;
}

body.grid,
body.grid #content,
body.grid-no-text,
body.grid-no-text #content {
    background-color: #e5e9ec;
}

.page-gird-wrapper {
    float: left;
    width: 100%;
}

.page-gird-wrapper .gird-item {
    position: relative;
    float: left;
    width: 31%;
    margin-right: 2.536rem;
    margin-bottom: 2.536rem;
    min-height: 195px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-gird-wrapper .gird-item:nth-child(3n) {
    margin-right: 0;
}

.page-gird-wrapper .gird-item a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.page-gird-wrapper .gird-item .grid-title,
.page-gird-wrapper .gird-item .grid-title-rollover {
    font-family: "metropolissemi_bold", Arial, Helvetica, sans-serif;
    font-size: 1.385rem;
    letter-spacing: 0.05rem;
    color: #FFF;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    line-height: 2.5rem;
    padding: 0 0.8rem;
}

.page-gird-wrapper .gird-item .rollover {
    position: absolute;
    height: 100%;
    width: 100%;
    /* background-color: rgba(159, 186 , 207, 1); */
    /*background-color: #b0bfcb;*/
    background-color: #6F899E;

    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s, opacity 0.2s linear;
    -moz-transition: visibility 0s, opacity 0.2s linear;
    -o-transition: visibility 0s, opacity 0.2s linear;
    transition: visibility 0s, opacity 0.2s linear;

}

.page-gird-wrapper .gird-item:hover .rollover {
    visibility: visible;
    opacity: 1;

}

.page-gird-wrapper .gird-item:hover .rollover .grid-title {
    display: block;
}

.page-gird-wrapper .gird-item:hover .grid-title {
    display: none;
}

.page-gird-wrapper .gird-item.no-text .grid-title {
    display: none;
}

.page-gird-wrapper .gird-item .small {
    font-family: "metropolismedium", Arial, Helvetica, sans-serif;
    font-size: 1rem;
}

.page-gird-wrapper .gird-item .dark-mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 0;
    left: 0;
}

.page-gird-wrapper .gird-item:hover .dark-mask {
    background-color: rgba(0, 0, 0, 0);
}

/* Gallery */
.gallery-nav {
    width: 100%;
    padding: 0.8rem 1.538rem;
    margin-bottom: 1.8rem;
    float: left;
    background-color: #384d64;
}
.page-child-wrapper .prev,
.page-child-wrapper .next,
.page-child-wrapper .back,
.gallery-nav .prev,
.gallery-nav .back,
.gallery-nav .next {
    width: 33.333%;
    float: left;
    text-align: left;
}
.page-child-wrapper .next,
.gallery-nav .next {
    text-align: right;
}

.page-child-wrapper .back,
.gallery-nav .back {
    text-align: center;
}

.page-child-wrapper a,
.gallery-nav a {
    text-transform: uppercase;
    font-family: "metropolissemi_bold", Arial, Helvetica, sans-serif;
    font-size: 1.154rem;
    color: #FFF;
}

/* Room */
#content.room {
    padding-top: 1.6rem;
}

#availability {
    float: left;
    width: 100%;
    background-color: #e5e9ec;
    color: #384d64;
    margin: 0 0 2.615rem 0;
}

#availability a {
    color: #384d64;
}

#availability .body {
    padding: 2rem 2.769rem;
}

#availability a.link {
    font-family: "metropolissemi_bold", Arial, Helvetica, sans-serif;
    font-size: 0.9231rem;
    display: block;
    background-color: #384d64;
    text-transform: uppercase;
    color: #FFF;
    padding: 1.154rem;
}

#availability h3 {
    font-family: "cormorant_infantbold", Arial, Helvetica, sans-serif;
    font-size: 1.538rem;
    text-transform: uppercase;
    color: #72393f;
    margin-top: 0;
}

.room-image-wrapper {
    position: relative;
}

.room-image-wrapper .image-caption {
    float: left;
    width: 46.975%;
    margin-right: 2rem;
}

.room-image-wrapper .image-caption:nth-child(2n) {
    margin-right: 0;
}

.room-image-wrapper .image-prev,
.room-image-wrapper .image-next {
    cursor: pointer;
    position: absolute;
    top: 35%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 110;
    height: 74px;
    width: 34px;
    color: #FFF;
}

.room-image-wrapper .image-next {
    right: 0;
    -webkit-border-top-left-radius: 45px;
    -webkit-border-bottom-left-radius: 45px;
    background-color: rgba(30,14,7, 0.35);
}

.room-image-wrapper .image-prev {
    left: 0;
    -webkit-border-top-right-radius: 45px;
    -webkit-border-bottom-right-radius: 45px;
    background-color: rgba(30,14,7, 0.35);
}

.room-image-wrapper .image-prev .icon,
.room-image-wrapper .image-next .icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.room-image-wrapper .image-prev .icon,
.room-image-wrapper .image-next .icon {
    font-size: 0.8rem;
}

.room-image-wrapper .image-prev .icon {
    padding-left: 0.6rem;
}

.room-image-wrapper .image-next .icon {
    padding-left: 1.4rem;
}

h3.sidebar-title {
    color: #72393f;
    font-family: "cormorant_infantbold",Arial,Helvetica,sans-serif;
    font-size: 1.538rem;
    margin-top: 0;
    margin-bottom: 1.2rem;
    text-transform: uppercase;
}

/* Main */
#generic-strap .page-strap {
    /*padding: 3.385rem 0 2.615rem 0;*/
    padding: 0 0 2.615rem 0;
}

#generic-strap .page-strap h1 {
    font-family: "cormorant_infantsemibold", Arial, Helvetica, sans-serif;
    font-size: 2.923rem;
    color: #384d64;
    text-transform: uppercase;
    letter-spacing: 0.08rem;
    margin-bottom: 1.846rem;
}

#generic-strap .page-strap p {
    font-family: "cormorant_infantsemibold", Arial, Helvetica, sans-serif;
    color: #5b5b5b;
    font-size: 2.154rem;
    line-height: 2.5rem;
    margin: 0;
}

#generic-strap .page-strap a {
    font-family: "cormorant_infantbold", Arial, Helvetica, sans-serif;
    color: #384d64;
}

#content {
    padding: 3.077rem 0;
}

#content.generic {
    padding-top: 0;
}

#content .the-post {
    padding-right: 2.615rem;
    background: url("../images/dots-divider.png") repeat-y right top transparent;
}

#content .the-post small {
    line-height: 0;
}

/* Legacy Styles */
#guestbook_table {
	width: 100%;
}

#guestbook_table td {
	background-color: #E5E9EC;
	vertical-align: top !important;
	padding: 10px 20px 10px 20px;
}

#guestbook_table .entrant {
	font-weight: bold;
	margin-bottom: 5px;
}

#guestbook_table td .divider {
	border-top: 1px solid #e7e9cb;
	margin: 0px;
}

#guestbook_table td.divider_cell {
	padding: 0px;
}

#guestbook_table .content_cell {
	padding-left: 20px;
	width: 350px;
}

/* Child Page Nav */
.page-child-wrapper a {
    width: 100%;
    padding: 0.8rem 0;
    margin-bottom: 1.8rem;
    float: left;
    color: #384d64;
}

.page-child-wrapper .prev,
.page-child-wrapper .next {
    width: 25%;
}

.page-child-wrapper .back {
    width: 50%;
}