/*
Theme Name: Roosevelt 2016
Theme URI: http://www.thehollywoodroosevelt.com/
Description: A theme for WordPress.
Author: Dave Funkhouser, Drew Baker, John Robson, Funkhaus
Author URI: http://www.funkhaus.us
Version: 1.0

Table of Contents:
	1.0 - Normal Stylesheet
	2.0 - November 2017 changeorder
		2.1 - Fixed Header
			2.11 - Menu Panel (main menu)
		2.2 - Booking widget
		2.3 - Front page first section
		2.4 - Rooms section
		2.5 - At the Hotel
			2.51 - Slideshow nav
		2.6 - Rooms Grid
		2.7 - Room Block
		2.8 - Room Detail
	3.0 - November 2017 misc changes
	4.0 - ADA changes

Fonts:
    font-family: 'Brandon Text', sans-serif;
        font-weight: 400;
        font-weight: 500;

    font-family: 'brandon-grotesque', sans-serif;
        font-weight: 400;
        font-weight: 500;

    font-family: 'Bau', sans-serif;
        font-weight: 400;

    font-family: 'Sign Painter', serif;
        font-weight: 400;

    font-family: 'Neutraface Text', sans-serif;
        font-weight: 500;

    font-family: 'pollen-web', sans-serif;
        font-weight: 400;


Colors:
    Gold: #906e24;
	ADA Gold: #906e24
    Grey: #666666;
    Off-white: #FAF7F5;

/*-------------------------------------------------------------- */

/*
 * Fonts
 */
	@import url('fonts/fonts.css');


/*
 * Globals
 */
 	html:not(.wf-active) {
		/* opacity: 0; */
	}
    body {
        font-family: 'Brandon Text', sans-serif;
        font-size: 16px;
        color: #666666;
        background-color: #FAF7F5;
        margin: 0;
        padding: 0;
		-webkit-font-smoothing: antialiased !important;
		text-rendering: optimizeLegibility !important;
    }
	.page-template-default {
		height: initial;
	}
    h1,h2,h3,h4,h5,h6 {
        margin: 0;
        padding: 0;
        line-height: 1;
        font-weight: normal;
    }
    #tagline {
        display: none;
    }
    .fullbleed-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center center;
    }
    .fullbleed-video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 0;
    }
    .allcaps {
        text-transform: uppercase;
    }
    #content .signpainter,
    .signpainter {
        font-family: 'Sign Painter', serif;
    }
    .neutra {
        font-family: 'Neutraface Text', sans-serif;
    }
    .gold {
        color: #906e24;
    }
    .section {
        height: 100vh;
        position: relative;
        overflow: hidden;
        background-color: #000000;
    }
    .button {
        cursor: pointer;
        display: inline-block;
    }
    .button:hover polygon,
	.button:focus polygon {
        fill: #FFFFFF;
    }
    .slide {
        height: 100%;
        width: 100%;
    }
    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.2);
        z-index: 0;
    }
    .positioned-top {
        top: 30px;
        position: absolute;
    }
    .browse {
        position: absolute;
        top: 50%;
        padding: 20px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        cursor: pointer;
        z-index: 110;
        font-size: 0;
    }
    .browse.prev {
        left: 10px;
    }
    .browse.next {
        right: 10px;
    }
    .browse.disabled {
        display: none;
    }
    .browse span {
        font-size: 12px;
        text-transform: uppercase;
        color: white;
        display: inline-block;
        vertical-align: top;
        position: relative;
        top: 8px;
        margin-right: 8px;
        font-weight: 500;
    }
    ::selection {
        color: #222222;
        background: #906e24;
    }
    ::-moz-selection {
        color: #222222;
        background: #906e24;
    }
    a.diamond {
        display: inline-block;
        vertical-align: middle;
        margin: 10px;
    }
    a.diamond .svg {
        display: block;
    }
    .scrolled-down #book-now {
        opacity: 0;
    }
	body.not-mobile:not(.date-picker-removed) #book-now .fallback-button {
		display: none;
	}
    .scrolled-down.menu-opened #book-now {
        opacity: 1;
    }


/*
 * Links
 */
    a {
        color: inherit;
        text-decoration: none;
    }
    a:hover,
	a:focus {
        color: #906e24;
        text-decoration: none;
    }
    a img {
       border: none;
    }


/*
 * Page Structure
 */
    #header-journal {
        /*height: 30px;
        line-height: 30px;
        background-color: #222222;
        text-align: center;
        position: relative;
        z-index: 600;
        width: 100%;*/
		display: none;
    }
    #header {
        left: 0;
        width: 100%;
        z-index: 200;
        color: white;
        height: 60px;
        background-color: rgba(34, 34, 34, 0.90);
        -webkit-transform: translateY(-200%);
        transform: translateY(-200%);
    }
    #click-blocker {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(34, 34, 34, 0.9);
        z-index: 130;
        display: none;
    }

/*
 * Hamburger
 */
    #hamburger {
        width: 70px;
        height: 60px;
        left: 10px;
        cursor: pointer;
        padding: 20px;
        z-index: 500;

		-webkit-appearance: none;
		background-color: transparent;
		border: none;
    }
    #hamburger div {
        position: absolute;
        height: 3px;
        width: 30px;
        background-color: #906e24;
        border-radius: 2px;
        opacity: 1;
        left: 20px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    #hamburger div:nth-child(1) {
        top: 20px;
    }
    #hamburger div:nth-child(2),
    #hamburger div:nth-child(3) {
        top: 28px;
    }
    #hamburger div:nth-child(4) {
        top: 36px;
    }
    .menu-opened #hamburger div {
        background-color: #222222;
    }
    .menu-opened #hamburger div:nth-child(1) {
        top: 28px;
        width: 0%;
        left: 50%;
    }
    .menu-opened #hamburger div:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .menu-opened #hamburger div:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .menu-opened #hamburger div:nth-child(4) {
        top: 28px;
        width: 0%;
        left: 50%;
    }



/*
 * Menus
 */
    #menu-panel {
        z-index: 300;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        background-color: white;
        -webkit-transform: translateY(-200%);
        transform: translateY(-200%);
        padding: 80px 60px 50px 60px;
        max-height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    #menu-panel .logo-small {
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
    }
    #menu-panel .logo-small path {
        fill: #222222;
    }
    .menu {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .menu ul,
    .menu li {
        list-style: none;
        padding: 0;
        margin: 0;
        vertical-align: top;
    }

    /* Main Menu */
    .main-menu {
        text-transform: uppercase;
        color: #222222;
        line-height: 1;
    }
    .main-menu a {
        display: inline-block;
        padding: 6px 0;
    }
    .main-menu > li {
        width: 25%;
        margin-bottom: 30px;
        display: inline-block;
        vertical-align: top;
        font-size: 16px;
    }
    .main-menu > li > a {
        font-family: 'brandon-grotesque', sans-serif;
        font-weight: 500;
        cursor: default;
        color: #906e24;
        font-size: 12px;
    }
    .menu .wide-menu-item {
        width: 49%;
        height: 6em;
    }
    .menu .wide-menu-item li {
        display: inline-block;
        width: 49%;
    }
    .menu .wide-menu-item li:nth-child(odd) {
        width: 50%;
    }
    .teller-menu-item .svg {
        width: 100px;
        height: auto;
    }
    .teller-menu-item .svg path {
        fill: #222222;
    }
    .teller-menu-item p {
        font-size: 9px;
        text-align: center;
        color: #999999;
        font-family: 'Bau', sans-serif;
        width: 100px;
        text-transform: none;
        line-height: 1.3;
    }
    .main-menu .sub-menu .current-page-ancestor a,
    .main-menu .sub-menu .current-menu-item a,
    .main-menu a:hover,
	.main-menu a:focus {
        color: #906e24;
    }
    .main-menu a:hover p,
    .main-menu a:hover path,
    .main-menu a:hover.
	.main-menu a:focus p,
    .main-menu a:focus path,
    .main-menu a:focus {
        color: #906e24;
        fill: #906e24;
    }
    /* Address */
    #menu-panel > .address-text {
        display: none;
    }
    .address-item {
        line-height: 1.4;
    }
    .address-item span {
        color: #906e24;
        text-transform: none;
    }

    /* Associations */
    .main-menu .menu-item-113 {
        width: 25%;
    }
    .main-menu .associations-item {
        width: 23%;
    }
    .main-menu .associations-item > a {
        display: none;
    }
    .main-menu .associations-item li {
        display: inline-block;
        vertical-align: top;
    }
    .main-menu .preferredhotels-item {
        margin-right: 20px;
    }
    .main-menu .historichotels-item {
        position: relative;
        top: 20px;
    }

    /* Fine Print*/
    .fine-print {
        position: absolute;
        bottom: 8px;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 12px;
        color: #999999;
    }
    .fine-print-menu {
        margin: 0 10px;
        padding: 0;
        display: inline-block;
    }
    .fine-print-menu li {
        display: inline-block;
    }
    .fine-print-menu a {
        display: inline-block;
        padding: 0 10px;
    }
    .fine-print-menu li:last-child .sep {
        display: none;
    }
    .fine-print-menu .current-menu-item > a {
        color: #906e24;
    }

    /* Rooms Menu */
    .room-menu {
        margin: 45px 10px 15px 10px;
        padding: 0;
        text-transform: uppercase;
        font-weight: 500;
        line-height: 1;
    }
    .room-menu li {
        display: inline-block;
        padding: 10px;
    }
    .room-menu a {
        color: #222222;
        display: inline-block;
        border-bottom: 2px solid transparent;
    }
    .room-menu .active a {
        border-bottom-color: #906e24;
    }
    .room-menu li:hover a,
	.room-menu li:focus a {
        color: #906e24;
    }

    /* Menu Panel Opened State */
    .menu-opened #menu-panel {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }


/*
 * Journal Header
 */
    #header-journal iframe {
        border: none;
        position: absolute;
        top: 30px;
        left: 0;
        width: 100%;
        height: 0;
        background-color: #222222;
    }
    .journal-toggle {
        display: inline-block;
    }
    .journal-toggle .svg {
        vertical-align: middle;
    }
    .journal-menu-opened #header-journal iframe {
        height: 150px;
    }



/*
 * Header
 */
    #header:after {
        content: '';
        position: absolute;
        top: 100%;
        height: 0;
        left: 0;
        width: 100%;
    }
    #logo-large {
        position: absolute;
        top: 50px;
        left: 50%;
        margin-left: -65.5px;
        z-index: 100;
    }
    #logo-large:hover,
	#logo-large:focus {
        opacity: 1;
    }
    #header .logo-small {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 6px;
    }
    #header .logo-small:hover path,
	#header .logo-small:focus path {
        fill: #906e24;
    }
    #page-title {
        font-weight: 500;
        font-size: 12px;
        height: 60px;
        line-height: 63px;
        left: 75px;
        text-transform: uppercase;
        color: white;
        z-index: 210;
    }
    #page-title:hover,
	#page-title:focus {
        color: #906e24;
    }
    #book-now {
        right: 0;
        z-index: 310;
    }
	#book-now.standalone.booking-button-wrap,
	#book-now .fallback-button {
		position: fixed;
		top: 45px;
		right: 30px;
		border: 2px solid #906e24;
		background-color: #ffffff;
		color: #000;
		text-transform: uppercase;
		font-weight: 500;
		padding: 10px 18px 6px;
		z-index: 150;
	}
    #book-now .button,
    #book-now-menu .button {
        border: 2px solid #906e24;
        font-family: 'Brandon Text', sans-serif;
        text-transform: uppercase;
        position: relative;
        background-color: rgba(255, 255, 255, 0.9);
        padding: 11px 18px;
        font-weight: 500;
        font-size: 16px;
        color: #000000;
        line-height: 1;
        padding-bottom: 7px;
    }
    #book-now .button {
        right: 40px;
        top: 27px;
    }
    .scrolled-down.room-detail #book-now {
        opacity: 1;
    }

	/* book-now dark background */
	#book-now.booking-button-wrap {
		background-color: rgba(38, 36, 36, 0.9);
		color: #ffffff;
		position: absolute;
		top: 55px;
		right: 40px;
		padding: 5px;
		text-align: center;
		letter-spacing: 0.8px;
		z-index: 10;
		transform-origin: top right;
	}
	.booking-button-wrap .content-wrap {
		border: 2px solid #ffffff;
		padding: 23px 10px 10px
	}
	.booking-button-wrap h3 {
		text-transform: uppercase;
		font-size: 16px;
		margin-bottom: 10px;
	}
	.booking-button-wrap h4 {
		text-transform: uppercase;
		font-size: 14px;
		margin-bottom: 15px;
		text-decoration: underline;
	}
	.booking-button-wrap .dates-wrap {
		text-align: left;
		margin-bottom: 18px;
		width: 312px;

		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.booking-button-wrap .dates-wrap > div {
		width: calc(50% - 3px);
		position: relative;
	}
	.booking-button-wrap .dates-wrap label {
		font-size: 10px;
		text-transform: uppercase;
	}
	.booking-button-wrap .dates-wrap input {
		background-color: transparent;
		border: 2px solid #ffffff;
		color: #ffffff;
		padding: 15px 8px;
		font-size: 12px;
		box-sizing: border-box;
		height: 38px;
		width: 100%;
	}
	.booking-button-wrap input + img.svg {
		display: none;
	}
	#book-now.booking-button-wrap input + .svg {
		position: absolute;
		bottom: 3px;
		right: 3px;
		height: 32px;
		width: 30px;
	}
	.booking-button-wrap .submit-wrap {
		background-color: #906e24;
		position: relative;
		padding: 3px;
	}
	#book-now .submit-wrap.disabled,
	#book-now.booking-button-wrap .button:disabled {
		background-color: #999999;
	}
	#book-now.booking-button-wrap .button {
		width: 100%;
		top: 0;
		right: 0;
		left: 0;
		background-color: #906e24;
		color: #ffffff;
		position: relative;
		display: block;
		border: 2px solid #ffffff;
	}

	/* Pikaday booking calendar */
	#book-now .calendar-wrap {
		position: absolute;
		z-index: 5;
		background-color: #ffffff;
		width: 311px;
		border-right: 1px solid #ffffff;
	}
	.pika-single {
	    color: #906e24;
	    background: #fff;
		position: absolute !important;
		width: 311px;

		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.pika-single.is-hidden {
	    display: none;
	}
	.pika-lendar {
	    width: 100%;
	}
	.pika-title {
	    position: relative;
	    text-align: center;
		margin-top: 10px;

		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.pika-label {
	    display: inline-block;
	    position: relative;
	    overflow: hidden;
	    padding: 5px 3px;
	    font-size: 17px;
	}
	.pika-title select {
	    cursor: pointer;
	    position: absolute;
	    margin: 0;
	    left: 0;
	    top: 5px;
	    opacity: 0;
	}
	.pika-prev {
		margin-right: 40px;

		-webkit-order: -1;
		order: -1;
	}
	.pika-next {
		margin-left: 40px;
	}
	.pika-prev,
	.pika-next {
	    display: block;
	    cursor: pointer;
	    position: relative;
	    outline: none;
	    border: 0;
	    padding: 0;
	    width: 20px;
	    height: 30px;
	    text-indent: 20px;
	    white-space: nowrap;
	    overflow: hidden;
	    background-color: transparent;
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: 75% 75%;
	    opacity: .5;
	}
	.pika-prev:hover,
	.pika-next:hover.
	.pika-prev:focus,
	.pika-next:focus {
	    opacity: 1;
	}
	.pika-prev,
	.is-rtl .pika-next {
	    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
	}
	.pika-next,
	.is-rtl .pika-prev {
	    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
	}
	.pika-prev.is-disabled,
	.pika-next.is-disabled {
	    cursor: default;
	    opacity: .2;
	}
	.pika-select {
	    display: inline-block;
	}
	.pika-table {
	    width: 100%;
	    border-collapse: collapse;
	    border-spacing: 0;
	    border: 0;
	}
	.pika-table th,
	.pika-table td {
	    width: 40px;
		height: 40px;
	    padding: 0;
	}
	.pika-table th {
	    color: #666666;
	    font-size: 12px;
	    line-height: 25px;
		font-weight: 400;
	    text-align: center;
	}
	.pika-table td {
		border: 1px solid #ffffff;
		box-sizing: border-box;
	}
	.pika-button {
	    cursor: pointer;
	    display: block;
	    outline: none;
	    border: 0;
	    width: 100%;
		height: 100%;
	    color: #ffffff;
	    font-size: 13px;
		font-weight: 400;
	    background-color: #666666;
	}
	.is-selected .pika-button,
	.has-event .pika-button {
	    background-color: #aa8840;
	}
	.is-disabled .pika-button,
	.is-inrange .pika-button {
	    background-color: #262424;
	}
	.is-startrange .pika-button {
	    color: #fff;
	    background: #aa8840;
	    box-shadow: none;
	    border-radius: 3px;
	}
	.is-endrange .pika-button {
	    color: #fff;
	    background: #33aaff;
	    box-shadow: none;
	    border-radius: 3px;
	}
	.is-disabled .pika-button {
	    pointer-events: none;
	    cursor: default;
	    color: #999999;
	}
	.is-outside-current-month .pika-button {
	    color: #999;
	    opacity: .3;
	}
	.pika-table td:not(.is-empty) ~ .is-empty {
		background-color: #666666;
	}
	.is-selection-disabled {
	    pointer-events: none;
	    cursor: default;
	}
	.pika-button:hover,
	.pika-row.pick-whole-week:hover .pika-button,
	.pika-button:focus,
	.pika-row.pick-whole-week:focus .pika-button {
	    color: #fff;
	    background: #906e24;
	    box-shadow: none;
	}
	/* styling for abbr */
	.pika-table abbr {
	    border-bottom: none;
		text-decoration: none;
		text-transform: uppercase;
	}


	/* book-now inline version */
    #header .book-now-inline {
        text-transform: uppercase;
        position: absolute;
        background-color: #906e24;
        padding: 29px;
        right: 0;
        top: 0;
        box-sizing: border-box;
        height: 80px;
    }
    .room-detail .book-now-inline {
        display: none;
    }
    .room-header {
        position: absolute;
        left: 60px;
        top: 2px;
        height: 60px;
        width: 50%;
    }
    .room-header .close {
        padding: 20px;
        font-size: 0;
        position: absolute;
        top: 0;
        left: 0;
    }
    .room-header .info {
        position: absolute;
        padding: 18px 20px;
        left: 35px;
        font-size: 12px;
        line-height: 20px;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        z-index: 10;
    }
    .room-header .info .svg {
        vertical-align: top;
    }
    .room-header .hide-info {
        position: relative;
        top: 1px;
        margin-left: 15px;
        font-weight: 500;
        text-transform: uppercase;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        width: 65px;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .room-header .room-name {
        position: absolute;
        left: 92px;
        margin: 17px 0;
        font-size: 22px;
        overflow: hidden;
        white-space: nowrap;
        opacity: 0;
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
        padding-left: 2px;
        cursor: pointer;
    }
    .room-the-bungalows .room-name {
        font-family: 'Sign Painter', serif;
    }
    .room-the-tower .room-name {
        font-family: 'Neutraface Text', sans-serif;
        font-weight: 500;
    }

    /* Menu Opened */
    #book-now {
        transition: opacity 0.2s;
    }

    /* Scrolled Down */
    .scrolled-down #header {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .scrolled-down .positioned-top {
        top: 0;
        position: fixed;
    }
    .home.scrolled-down #book-now {
        opacity: 1;
    }
    .scrolled-down #page-title {
        color: white;
    }
    .scrolled-down #page-title:hover,
	.scrolled-down #page-title:focus {
        color: #906e24;
    }
    .not-on-first-section #logo-large {
        top: 20px;
    }

    /* Dark Logo */
    .dark-header #page-title {
        color: #222222;
    }
    .dark-header #logo-large .script,
	.rooms-list #logo-large .script {
        fill: #222222;
    }
    .dark-header.scrolled-down #page-title {
        color: white;
    }
    .dark-header #page-title:hover,
	.dark-header #page-title:focus {
        color: #906e24;
    }

    /* Scrolling Idle */
    .scrolled-down.scrolling-idle #page-title,
    .scrolled-down.scrolling-idle #header {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    .scrolling-idle #header:after {
        height: 60px;
    }
    .scrolling-idle #header:after:hover,
	.scrolling-idle #header:after:focus {
        height: 0;
    }
    .scrolled-down #book-now {
        opacity: 1;
    }
    .scrolling-idle #header:hover,
	.scrolling-idle #header:focus {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

/*
 * Video Block
 */
    .media-block {
        position: relative;
        overflow: hidden;
        background-color: #000000;
        margin: 2em 0;
        background-size: cover;
    }
    .media-block .wrap {
        max-width: 1080px;
        margin: 0 auto;
    }
    .media-block .entry {
        color: white;
        text-align: center;
        z-index: 10;
        margin: 100px 20px;
        width: 40%;
        position: relative;
    }
    .media-block .entry h2 {
        color: white;
    }
    .media-block .entry .phone {
        color: white;
    }


/*
 * Image Block
 */
    .image-block {
        margin: 4em auto;
        max-width: 1080px;
        padding: 0 20px;

        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .image-block > * {
        width: 47%;
        height: auto;
    }
    .image-block > img {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .image-block .entry {
        font-size: 14px;
        text-align: center;
        padding: 20px 60px;
        box-sizing: border-box;
        width: 53%;

        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }
    .align-justify .entry {
        text-align: justify;
    }
    .left-image-block > img {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }
    .left-image-block > .entry {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .image-block .entry > h2 {
        text-align: center;
        margin: 0.5em auto;
    }
    .image-block .entry h3 {
        margin: 1.5em auto 0.25em auto;
    }
    .image-block .entry h3 + p {
        margin-top: 0;
    }
    .image-block .entry h3.sub {
        margin: -0.5em auto 1.5em;
    }
    .image-block .entry h3 a {
        color: #222222;
        border-bottom: 2px solid #906e24;
        display: inline-block;
        margin-top: 40px;
    }
    .image-block .entry h3 a:hover,
	.image-block .entry h3 a:focus {
        color: #906e24;
    }
    .image-block .times {
        text-align: center;
    }


/*
 * Grid Block
 */
    .grid-sizer,
    .grid-block-wrap {
        display: block;
        width: 49.99%;
        box-sizing: border-box;
        padding: 20px;
        float: left;
        background-color: #faf7f5;
    }
    .animate-in {
        opacity: 0;
        -webkit-transform: translateY(75px);
        transform: translateY(75px);
    }
    .in-view {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .grid-block {
        width: 100%;
        display: block;
    }
    .grid-block .image-wrap {
        height: 0;
        width: 100%;
        overflow: hidden;
        position: relative;
        margin-bottom: 30px;
    }
    .grid-block .wp-post-image {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: block;
    }
    a.grid-block .wp-post-image {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }
    .grid-block .second-image {
        position: absolute;
        top: 20px;
        left: 20px;
        right: 20px;
        bottom: 20px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .grid-block .button {
        position: absolute;
        top: -1px;
        right: -1px;
        opacity: 0;
        height: 77px;
        width: auto;
    }
    .grid-block .button polygon {
        color: #CCAB61;
    }
    .grid-block .title {
        font-family: 'brandon-grotesque', sans-serif;
        font-size: 32px;
        color: #222222;
        margin: 20px;
    }
    .grid-block .times {
        margin: 20px;
        color: inherit;
    }
    .grid-block .entry {
        font-size: 14px;
        line-height: 1.4;
        margin: 20px;
        text-align: justify;
    }
    .grid-block.no-thumbnail .entry {
        font-size: 22px;
        color: #222222;
    }
    a.grid-block:hover .wp-post-image,
	a.grid-block:focus .wp-post-image {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    a.grid-block:hover .entry,
    a.grid-block:hover .title,
	a.grid-block:focus .entry,
    a.grid-block:focus .title {
        color: #906e24;
    }
    .grid-block:hover .button,
	.grid-block:focus .button {
        opacity: 1;
    }
    .grid-block-wrap .menu-link {
        font-size: 16px;
        text-transform: uppercase;
        display: block;
        width: 150px;
        text-align: center;
        margin: 0 auto;
        color: #222222;
        margin: 2em auto 1em auto;
    }
    .menu-link .svg {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: -3px;
        margin-right: 5px;
    }
    .menu-link:hover,
	.menu-link:focus {
        color: #906e24;
    }

	/* Special Offers grid */
	.grid-special-offers .grid-block-wrap {
		width: 100%;
	}
	.grid-special-offers .grid-block {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: center;
		align-items: center;
	}
	.grid-special-offers .grid-block:not(.no-thumbnail) > * {
		width: calc(50% - 30px);
	}
	.grid-special-offers .image-wrap {
		padding-bottom: 56.25% !important;
		margin-bottom: 0;
	}
	.grid-special-offers .image-wrap img {
		object-fit: cover;
		object-position: center;
	}
	/* Ad on last Special Offer grid */
	.grid-special-offers .grid-block-wrap:nth-last-child(2) .padding-sizer {
		margin: auto;
	}
	.grid-special-offers .grid-block-wrap:nth-last-child(2) .title,
	.grid-special-offers .grid-block-wrap:nth-last-child(2) .entry-wrap {
		display: none;
	}

	/* No Thumbnail Special Offers block */
	.grid-block.no-thumbnail {
		max-width: 700px;
		margin: auto;
	}
	.grid-block.no-thumbnail .title {
		display: none;
	}
	.grid-block.no-thumbnail .entry p {
		text-align: center;
		line-height: 1.8;
	}


/*
 * Preview Component
 */
    .preview {
        position: relative;
        overflow: hidden;
        height: 75vh;
        min-height: 400px;
        position: relative;
        background-color: #000000;
        color: white;
        text-align: center;
        display: -webkit-flex;
        display: flex;
    }
    .preview .sub-title {
        position: relative;
        font-family: 'brandon-grotesque', sans-serif;
        font-size: 50px;
        padding: 20px 50px;
        margin: auto;
        line-height: 1.2;
    }


/*
 * Roadblock
 */
    .roadblock {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(250, 247, 245, 0.9);
        z-index: 1000;
        display: none;
    }
    .roadblock .close {
        position: absolute;
        top: 75px;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: 20px;
        cursor: pointer;
    }
    .roadblock .close path {
        fill: #F59698;
    }
    .roadblock .stage {
        top: 150px;
        right: 150px;
        bottom: 150px;
        left: 150px;
        position: absolute;
        background-size: contain;background-position: center center;
        background-repeat: no-repeat;
        margin: auto;
    }
    .roadblock .stage img {
        display: none;
    }

/*
 * Page Section template
 */
    .page-sections #header {
        display: none;
    }
    .grid-active #header {
        display: block;
    }
    .page-sections #header-journal {
        position: absolute;
        top: 0;
        left: 0;
    }
    .page-sections > .section:first-child {
        padding-top: 30px;
        box-sizing: border-box;
    }
    .page-sections #logo-large {
        position: fixed;
    }
    #content.page-sections {
        position: relative;
        z-index: 0;
    }
	.svg.lifestyle {
		position: absolute;
		bottom: 20px;
		left: 20px;
	}
    .page-sections .scroll-down {
        position: absolute;
        bottom: 30px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .pager {
        position: absolute;
        bottom: 25px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 110;
        line-height: 1;
        font-size: 0;
        text-align: center;
    }
    .pager span {
        display: inline-block;
        padding: 5px 3px;
        cursor: pointer;
    }
    .pager .active .dot {
        opacity: 1;
    }

/*
 * Background Slideshow
 */
 	.background-slideshow {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 0;
	}
	.background-slideshow .slide {
		background-size: cover;
		background-position: center;
	}


/*
 * Page Slideshow
 */
    .section-slideshow {
        position: relative;
        color: white;
        z-index: 0;
    }
    .section-slideshow .slide {
        position: absolute;
        top: 0;
        left: 0;
        background-size: cover;
        background-position: center center;
        overflow: hidden;

        display: -ms-flexbox;
        display: -webkit-flex !important;
        display: flex !important;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .section > .caption {
        position: absolute;
        top: 130px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        font-size: 21px;
        font-weight: 500;
        text-align: center;
        z-index: 110;
        color: white;
        width: 80%;
    }
    .section > .caption a {
        color: #906e24;
    }
    .section-slideshow .meta {
        margin: auto;
    }
    .section-slideshow .meta:hover,
	.section-slideshow .meta:focus {
        color: #FFFFFF;
    }
    .section-slideshow .wp-second-post-image {
        position: relative;
        max-width: 65%;
        height: auto;
        display: block;
        margin: 0 auto;
    }
    .section-slideshow .title {
        font-size: 52px;
        margin: 0 20px;
        position: relative;
        text-align: center;
    }
	.section-slideshow .slide-the-cabanas .title {
		font-family: 'Sign Painter';
	}
    .section-slideshow.section-teller .title {
        font-family: 'pollen-web', sans-serif;
    }
    .section-slideshow .entry {
        position: relative;
        z-index: 10;
        max-width: 500px;
        margin: 0 auto;
        text-align: center;
        padding: 0 20px;
    }
    .section-slideshow .button {
        position: absolute;
        bottom: 80px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
	.triptych:not(.section-teller) .button {
		position: relative;
		bottom: 0;
	}


/*
 * Gallery
 */
    .gallery {
        position: relative;
        z-index: 0;
        background-color: black;
        height: 90vh;
        min-height: 400px;
    }
    .gallery.size-cover .items {
        height: 100%;
    }
    .gallery .gallery-item {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center center;
        display: -webkit-flex !important;
        display: flex !important;
    }
    .gallery-item > img {
        display: none;
        width: 100%;
        height: auto;
    }
    .gallery-item .sub-title {
        margin: auto;
        padding: 20px 150px;
        color: #ffffff;
        text-align: center;
        max-width: 600px;
        font-size: 24px;
        position: relative;
    }
    .gallery-item .sub-title h2 {
        color: inherit;
        font-size: 50px;
        font-family: 'brandon-grotesque', sans-serif;
        margin: 0.5em auto;
    }
    .gallery-item .caption {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 20px;
        color: white;
        text-align: center;
        font-size: 14px;
    }
    .gallery .button {
        position: absolute;
        bottom: 50px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
		background-color: transparent;
		border: none;
    }

    /* Size Contained */
    .gallery.size-contain {
        height: auto;
        min-height: 0;
    }
    .gallery.size-contain .gallery-item {
        background-image: none !important;
    }
    .gallery.size-contain .gallery-item > img {
        display: block;
        margin: auto;
    }

    /* Download Link */
    .download-wrap {
        background-color: #906e24;
        text-align: center;
        font-family: 'Neutraface Text', sans-serif;
        font-weight: 500;
        font-size: 16px;
        text-transform: uppercase;
        color: #222222;
        line-height: 1;
        padding: 8px;
    }
    .download-wrap a {
        display: inline-block;
        position: relative;
        top: 2px;
    }
    .download-wrap a:hover,
	.download-wrap a:focus {
        color: #222222;
    }
    .download-wrap .svg {
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px;
        position: relative;
        top: -2px;
    }


/*
 * Image Slideshow
 */
    .section-image-slideshow .gallery {
        height: 100%;
    }
    .section-image-slideshow .gallery-item .sub-title {
        max-width: 100%;
    }


/*
 * Teller slideshow (Posts slideshow)
 */
    .section-teller .caption {
        top: 50px;
        font-size: 14px;
    }
    .triptych .slide {
        width: 33.33%;
        float: left;
        position: relative;

        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
	.triptych.post-73 .slide {  /* 73: Rooms on Front Page */
		width: 50%;
	}
	.rooms-label {
		color: #CCAB61;
		position: relative;
		text-align: center;
		margin-bottom: 20px;
	}
	.not-mobile .triptych .pager {
		display: none;
	}
    .section-teller .meta {
        max-width: 740px;
        padding: 0 30px;
        height: 50%;
        margin: 0;
    }
    .section-teller .overlay {
        mix-blend-mode: multiply;
    }
    .section-teller .title {
        font-size: 36px;
    }
    .section-teller .button {
        background-color: #1023C8;
        border: 2px solid #F7B89D;
        color: #F7B89D;
        transform: none;
        position: static;
        margin: 15px auto;
        padding: 7px 15px 5px 15px;
        line-height: 1;
        font-size: 18px;
        opacity: 0;
    }
    .section-teller .active .overlay {
        background-color: rgba(16, 35, 200, 0.8);
    }
    .section-teller .active .button {
        opacity: 1;
    }
    .section-teller .pager {
        display: none;
    }
    .section-teller .browse {
        display: none;
    }
    #logo-teller {
        position: absolute;
        z-index: 110;
        top: 20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    #logo-teller .svg {
        width: 180px;
        height: auto;
    }

/*
 * Half Blocks
 */
    .half-block {
        float: left;
        width: 50%;
        height: 100%;
        position: relative;
        display: -webkit-flex;
        display: flex;
        overflow: hidden;
        padding: 0 30px;
        box-sizing: border-box;
    }
    .half-block .entry {
        position: relative;
        z-index: 10;
        color: white;
        margin: auto;
        font-size: 22px;
        color: white;
        text-align: center;
        padding: 140px 0;
        max-width: 500px;
    }
    .half-block .entry h2 {
        font-size: 56px;
        color: inherit;
        margin: 0;
    }
    .half-the-bungalows .entry h2 {
        font-family: 'Sign Painter', serif;
    }
    .half-the-tower .entry h2 {
        font-family: 'Neutraface Text', sans-serif;
        font-weight: 500;
    }

/*
 * Map Slide
 */
    .section-map {
        background-color: #4D6A79;
    }
    .map-overlay {
        background-color: #000000;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 20;
        height: 115px;
    }
    .section-map .scroll-up {
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        padding: 20px;
        cursor: pointer;
        z-index: 30;
    }
    .section-map .map {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 60px;
        left: 0;
        border: none;
        z-index: 10;
    }


/*
 * Grid section
 */
    .section-grid {
        background-color: #faf7f5;
        height: auto;
    }
    .section-grid > .title {
        text-align: center;
        font-size: 42px;
        font-family: 'brandon-grotesque', sans-serif;
        color: #222222;
        margin: 90px 0 30px 0;
    }
    .section-grid .grid-wrap {
        padding-top: 0;
    }


/*
 * Times
 */
    .times {
        font-size: 14px;
        margin: 1em 0;
        color: #222222;
    }
    .times > div,
    .times .column {
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }
    .times h3 {
        font-size: 14px;
        margin-bottom: 0;
        font-weight: 500;
        color: #906e24;
        text-transform: uppercase;
    }
    .times p {
        margin-top: 0;
    }

/*
 * Next Page Preview
 */
    .next-page-preview {
        min-height: 250px;
        background-color: #000000;
        text-align: center;
        color: white;
        overflow: hidden;
        position: relative;
        padding: 20px;
        box-sizing: border-box;

        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .next-page-preview .title {
        position: relative;
        font-family: 'brandon-grotesque', sans-serif;
        font-size: 50px;
        color: inherit;
		margin-bottom: 40px;
    }
    .next-page-preview .excerpt {
        color: inherit;
        position: relative;
        font-size: 24px;
    }
    .next-page-preview .excerpt *:last-child {
        margin-bottom: 0;
    }
    .next-page-preview:hover,
	.next-page-preview:focus {
        color: #906e24;
    }
    .next-page-preview .featured-image-video {
        -webkit-filter: blur(10px);
        filter: blur(10px);
        top: -20px;
        right: -20px;
        bottom: -20px;
        left: -20px;
        height: auto;
        width: auto;
    }
    .next-page-preview:hover,
	.next-page-preview:focus {
        color: white;
    }
    /* Custom Fonts for rooms*/
    .next-page-preview.next-the-bungalows .title {
        font-family: 'Sign Painter', serif;
        font-weight: 400;
        font-size: 50px;
    }
    .next-page-preview.next-the-tower .title {
        font-family: 'Neutraface Text', sans-serif;
        font-weight: 500;
        font-size: 50px;
    }


/*
 * Home
 */
    .page-home .section-home .entry {
        position: absolute;
        bottom: 100px;
        left: 20px;
        right: 20px;
        z-index: 20;
        color: white;
        text-align: center;
        font-weight: 500;
    }
    .section-home h2 {
        line-height: 1.3;
    }
    .page-home .section-menu-opener {
        height: 0;
    }
    .home .i-prefer-logo {
        position: absolute;
        z-index: 200;
        bottom: 40px;
        right: 40px;
    }



/*
 * Rooms List
 */
    .rooms-list {

    }

    .rooms-list .sub-title,
    .rooms-list .title {
        font-size: 88px;
        color: white;
    }
    .rooms-the-bungalows .sub-title,
    .rooms-the-bungalows .title {
        font-family: 'Sign Painter', serif;
    }
    .rooms-the-tower .sub-title,
    .rooms-the-tower .title {
        font-family: 'Neutraface Text', sans-serif;
        font-weight: 500;
        font-size: 66px;
    }
    .rooms-list .entry {
        max-width: 550px;
        margin: 80px auto;
        padding: 0 20px;
        font-size: 22px;
        color: #222222;
        text-align: justify;
    }

/*
 * Rooms Block
 */
    .room-block {
        text-align: center;
        overflow: hidden;
    }
    .room-block .preview {
        overflow: visible !important;
        position: relative;
        z-index: 0;
        max-height: 600px;
    }
    .room-block .cycle-sentinel {
        display: none !important;
    }
    .room-block .featured-image {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }
    .room-block .preview:hover .featured-image,
	.room-block .preview:focus .featured-image {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }
    .room-block .overlay {
        z-index: 110;
    }
    .room-block .title {
        position: relative;
        margin: auto;
        z-index: 110;
        padding: 20px;
    }
    .room-block .buttons {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        -webkit-transform: translateY(49%);
        transform: translateY(49%);
        font-size: 0;
        z-index: 110;
        line-height: 0;
    }
    .room-block .buttons a {
        padding: 0 5px;
        display: inline-block;
    }
    .rooms-list .entry-wrap {
        max-width: 550px;
        padding: 0 20px;
        position: relative;
        margin: 80px auto 90px auto;
    }
    .rooms-list .entry-wrap .entry {
        display: none;
        padding: 0;
    }
    .rooms-list .entry-wrap .entry:first-child {
        display: block;
    }
    .room-block .entry {
        text-align: justify;
        color: #666666;
        font-size: 16px;
        background-color: #FAF7F5;
        margin: 0 auto;
    }
    .room-block.has-sub-pages .entry-wrap {
        margin-top: 0;
    }

    /* Opened State */
    .room-block.opened .preview {
        height: 100vh;
        max-height: 100vh;
    }
    .room-block.opened .featured-image {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }
    .room-block.opened .buttons {
        opacity: 0;
    }


/*
 * Room Detail
 */
    .room-detail #header {
        background-color: transparent;
    }
    .room-detail {
        height: 100vh;
        position: relative;
    }
    .room-detail .gallery {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 0;
        min-height: 0;
        background-color: #000000;
    }
    .room-detail .side-panel {
        position: absolute;
        left: 0;
        height: 100%;
        width: 40%;
        max-width: 400px;
        background-color: rgba(0, 0, 0, 0.75);
        padding: 0 30px;
        -webkit-transform: translateX(0);
        transform: translateX(0);

        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .room-detail .title {
        font-size: 34px;
        color: white;
    }
    .room-detail .entry {
        color: white;
        text-align: justify;
		line-height: 1.6;
    }
    .room-detail .entry h3 {
        font-size: 12px;
        font-weight: 500;
        margin: 10px 0;
        text-align: left;
    }
    .room-detail .entry ul {
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 59%;
        vertical-align: top;
        text-align: left;
        list-style: none;
    }
    .room-detail .entry ul li {
        background-image: url(images/bullet-circle-gold.svg);
        background-position: 0 7px;
        background-repeat: no-repeat;
        padding: 0 8px;
        margin: 3px 0;
    }
    .room-detail .entry ul + ul {
        width: 40%;
    }
    .room-detail .side-panel .button {
        padding: 20px;
        width: 105px;
        text-align: center;
        margin: 30px auto 0 auto;
    }
    .room-the-bungalows .room-detail .title {
        font-family: 'Sign Painter', serif;
    }
    .room-the-tower .room-detail .title {
        font-family: 'Neutraface Text', sans-serif;
        font-weight: 500;
    }

    /* Side Panel Closed */
    .side-panel-closed .side-panel {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    .side-panel-closed .hide-info {
        opacity: 0;
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    .side-panel-closed .room-name {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }


/*
 * Grid Pages
 */
    .no-preview #content.grid-page {
        padding-top: 180px;
    }
    .no-preview .grid-page .top-panel {
        position: relative;
    }
    .no-preview .grid-page .bottom-panel {
        margin-top: 0;
    }
    .grid-page .top-panel {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 60vh;
    }
    .grid-page .preview {
        height: 100%;
    }
    .grid-page .bottom-panel {
        margin-top: 60vh;
        background-color: #faf7f5;
        position: relative;
        padding-top: 80px;
    }
    .grid-page .bottom-panel > .entry {
        max-width: 800px;
        padding: 0 20px;
        text-align: center;
        font-size: 26px;
        color: #222222;
        margin: 0 auto 60px auto;
    }
    .grid-wrap {
        max-width: 1080px;
        margin: 0 auto;
        overflow: hidden;
        padding-bottom: 50px;
    }


/*
 * Detail Page (generally child of Grids)
 */
    .detail-page .top-panel {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 85vh;
    }
    .detail-page .top-panel .gallery {
        margin: 0;
        height: 100%;
    }
    .detail-page .browse span {
        display: none;
    }
    .detail-page .bottom-panel {
        margin-top: calc(85vh - 30px);
        background-color: #faf7f5;
        position: relative;
        padding-top: 3em;
    }
    .detail-page > .entry {
        text-align: center;
    }
    .detail-page > .entry > p {
        font-size: 22px;
        color: #222222;
        max-width: 750px;
        margin-right: auto;
        margin-left: auto;
        text-align: justify;
        padding: 0 20px;
    }
    .detail-page .entry .gallery {
        margin: 2em 0;
    }
    .detail-page > .entry > h2 + .gallery {
        margin-top: -1.5em;
    }
    .detail-page > .entry > .gallery:last-child {
        margin-bottom: 0;
    }


/*
 * Detail Page with preview at the top
 */
    .page-with-preview .entry {
        padding-top: 60px;
    }
    .page-with-preview .entry > * {
        max-width: 760px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 20px;
        padding-left: 20px;
    }
    .page-with-preview .entry > p {
        text-align: justify;
    }
    .page-with-preview .entry .has-icon {
        margin-left: 0;
        margin-right: 0;
    }


/*
 * Special offers grid
 */
 	.grid-special-offsets .grid-block h5 {
		line-height: 1.5;
	}
 	.grid-special-offers .grid-block .entry,
	.grid-special-offers .grid-block h6 {
		font-size: 16px;
		line-height: 1.4;
	}
    .grid-special-offers .grid-block .button {
        opacity: 1;
    }


/*
 * Happenings
 */
    .page-happenings .section-home {
        display: -webkit-flex;
        display: flex;
    }
    .page-happenings .section-home .entry {
        margin: auto;
        position: relative;
        color: white;
        max-width: 900px;
        padding: 20px;
        text-align: center;
        font-size: 28px;
    }
    .page-happenings .section-home h2 {
        font-family: 'brandon-grotesque', sans-serif;
        font-size: 50px;
        color: inherit;
    }
    .page-happenings .section-half-blocks .caption {
        top: 130px;
    }


/*
 * Neighborhood & History
 */
    .page-neighborhood-history .gallery {
        position: absolute;
        top: 30px;
        bottom: 0;
        width: 100%;
        left: 0;
        height: auto;
    }
    .page-neighborhood-history .gallery-item .sub-title {
        font-size: 24px;
        max-width: 740px;
    }


/*
 * Contact page
 */
    #content.contact {
        padding-top: 200px;
    }
    .contact .entry {
        text-align: center;
    }
    .contact .entry > .column {
        margin: 1em 0;
    }
    #funkhaus {
        display: block;
        width: 110px;
        text-align: center;
        margin: 20px auto;
        font-size: 0;
        padding: 20px;
    }


/*
 * Careers (Jobs)
 */
    .page-careers .entry .email {
        color: #222222;
    }
    .page-careers .jobs {
        background-color: #222222;
        max-width: 100%;
        padding: 30px 20px;
    }
    .jobs ul {
        max-width: 1080px;
        padding: 0;
        margin: 0 auto 40px auto;
        list-style: none;
    }
    .jobs li {
        padding: 0 8px;
        margin: 3px 0;
        vertical-align: top;
        display: inline-block;
        box-sizing: border-box;
    }
    .jobs li:nth-child(3n+1) {
        background-image: url(images/bullet-circle-gold.svg);
        background-position: 0 7px;
        background-repeat: no-repeat;
        width: 60%;
    }
    .jobs li:nth-child(3n-1) {
        width: 15%;
    }
    .jobs li:nth-child(3n) {
        width: 20%;
    }
    .jobs .table-head {
        margin-bottom: 20px;
    }
    .jobs .table-head li {
        background-image: none;
        text-transform: uppercase;
        font-weight: 500;
        color: #906e24;
        padding: 0;
    }
    .jobs h4 {
        color: white;
        max-width: 1080px;
        margin: 5px auto;
    }


/*
 * Legal
 */
    .page-legal .entry {
        font-size: 14px;
    }
    .page-legal .entry h3 {
        text-align: left;
        margin: 10px auto 5px auto;
    }
    .page-legal .entry p {
        margin: 0 auto 2em auto;
    }


/*
 * Fallback Page
 */
    #content.fallback {
        padding-top: 230px;
    }
    .fallback .title {
        font-size: 42px;
        font-family: 'brandon-grotesque', sans-serif;
        color: #222222;
        text-align: center;
        margin-bottom: 1em;
        line-height: 1.3;
        padding: 0 20px;
    }
    .fallback .entry {
        max-width: 1080px;
        margin: 0 auto;
        padding: 0 20px;
    }
    .entry h1 {
        font-size: 50px;
        font-weight: normal;
    }
    .entry h2 {
        font-size: 42px;
        color: #222222;
        text-align: center;
        font-family: 'brandon-grotesque', sans-serif;
        margin: 1em auto;
    }
    .entry h3 {
        text-align: center;
        font-weight: 500;
        font-size: 16px;
        text-transform: uppercase;
        color: #906e24;
        margin: 1.5em auto;
        line-height: 1.4;
    }
    .entry h4 {
        font-size: 22px;
        margin: 1em auto;
        text-align: justify;
        line-height: 1.4;
    }
    .entry .has-icon {
        font-weight: 500;
        text-transform: uppercase;
        display: inline-block;
        margin: 10px 15px;
        color: #222222;
        font-size: 16px;
    }
    .entry .has-icon .svg {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        margin-right: 15px;
        top: -4px;
    }
    .entry .has-icon:hover,
	.entry .has-icon:focus {
        color: #906e24;
        text-decoration: none;
    }
    .entry .email,
    .entry a.map {
        font-size: 16px;
        font-weight: normal;
        text-transform: none;
        color: inherit;
    }
    .entry .email .svg,
    .entry a.map .svg {
        margin-right: 8px;
        margin-left: 4px;
        top: -2px;
    }
    .entry blockquote {
        font-style: normal;
        text-align: center;
        font-size: 26px;
        color: #222222;
    }
    .entry .link,
    .entry .phone {
        font-size: 22px;
        color: #222222;
    }
    .entry .phone span {
        color: #906e24;
    }
    .entry > .column {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        max-width: 600px;
        padding: 0 20px;
        margin: 2em 0;
        box-sizing: border-box;
    }
    .entry > p > a {
        color: #906e24;
    }
    .entry > p > a:hover,
	.entry > p > a:focus {
        text-decoration: underline;
    }
    .entry > .column p {
        max-width: 400px;
        margin-right: auto;
        margin-left: auto;
    }

    /* 404 Error */
    .error404 .entry {
        text-align: center;
        max-width: 330px;
    }

/*
 * Single
 */
    .single .entry {
        max-width: 720px;
        padding-bottom: 40px;
    }
    .single .entry .alignnone {
        width: 100%;
        height: auto;
    }
    .single .entry a {
        color: #906e24;
    }
    .single .entry a:hover,
	.single .entry a:focus {
        color: #906e24;
        text-decoration: underline;
    }

/*
 * Mailing List
 */
    #mailing-list {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: -webkit-flex;
        display: flex;
        text-align: center;
        color: white;
        background-color: rgba(38, 36, 36, 0.9);
        z-index: 1000;
        display: none;
    }
    #mailing-list .wrap {
        margin: auto;
        padding: 30px;
    }
    #mailing-list h2 {
        font-family: 'brandon-grotesque', sans-serif;
        font-size: 32px;
        margin-bottom: 20px;
    }
    #mailing-list input {
        border: none;
        border-bottom: 2px solid white;
        padding: 5px 30px;
        text-align: center;
        display: block;
        background-color: transparent;
        margin: 50px 0;
        width: 100%;
        box-sizing: border-box;
        font-family: 'brandon-grotesque', sans-serif;
        font-size: 42px;
        color: #906e24;
    }
    #mailing-list button {
        background-color: transparent;
        border: none;
        cursor: pointer;
        color: #FAF7F5;
        font-family: 'brandon-grotesque', sans-serif;
        font-size: 32px;
    }
    #mailing-list ::-webkit-input-placeholder {
        opacity: 1;
        color: #906e24;
    }
    #mailing-list :-moz-placeholder {
        opacity: 1;
        color: #906e24;
    }
    #mailing-list ::-moz-placeholder {
        opacity: 1;
        color: #906e24;
    }
    #mailing-list :-ms-input-placeholder {
        opacity: 1;
        color: #906e24;
    }


/*
 * Custom Forms
 */
    /* Generic Forms */
    .custom-form {
        max-width: 1080px;
        margin: 50px auto;
        position: relative;
        line-height: 1.3;
    }
    .custom-form .bot-test {
        position: absolute;
        left: -99999em;
    }
    .custom-form .date,
    .custom-form .textarea,
    .custom-form .number,
    .custom-form .select,
    .custom-form .text {
        width: 100%;
        box-sizing: border-box;
        border: none;
        border-bottom: 1px solid #cccccc;
        padding: 5px 0;
        margin-bottom: 40px;
        font-size: 14px;
        color: #222222;
        background-color: transparent;
        font-family: 'Brandon Text', sans-serif;
        font-weight: 500;
        letter-spacing: 1px;
    }
    .custom-form .dual-input {
        width: calc(50% - 10px);
        margin-right: 20px;
        box-sizing: border-box;
    }
    .custom-form .dual-input + .dual-input {
        margin-right: 0;
    }
    .custom-form .date {
        cursor: pointer;
        text-transform: uppercase;
    }
    .custom-form .textarea {
        resize: vertical;
        background-color: #ffffff;
        min-height: 180px;
        border: 1px solid #cccccc;
    }
    .custom-form .select {
        background-color: transparent;
        border-radius: 0;
        -moz-appearance: none;
        -webkit-appearance: none;
        background-image: url(images/arrow-down.svg);
        background-position: right center;
        background-repeat: no-repeat;
        cursor: pointer;
    }
    .custom-form .select option {
        padding: 0;
    }
    .custom-form .number {
        text-transform: uppercase;
        color: #222222;
    }
    .custom-form .footer {
        clear: both;
    }
    .custom-form .submit {
        font-size: 12px;
        background-color: transparent;
        border-radius: 0;
        -webkit-appearance: none;
        text-transform: uppercase;
        font-family: 'Brandon Text', sans-serif;
        font-weight: 500;
        letter-spacing: 1px;
        padding: 10px 45px 8px 45px;
        cursor: pointer;
        border: 2px solid #222222;
        line-height: 1;
    }
    .custom-form .submit:hover,
	.custom-form .submit:focus {
        color: #906e24;
    }
    .custom-form h3 {
        font-size: 26px;
        margin: 10px 0 20px 0;
        color: #906e24;
        font-weight: 400;
    }
    .custom-form ::-webkit-input-placeholder {
        opacity: 1;
        color: inherit;
        font-size: 14px;
        text-transform: uppercase;
        font-family: 'Brandon Text', sans-serif;
        font-weight: 500;
    }
    .custom-form :-moz-placeholder {
        opacity: 1;
        color: inherit;
        font-size: 14px;
        text-transform: uppercase;
        font-family: 'Brandon Text', sans-serif;
        font-weight: 500;
    }
    .custom-form ::-moz-placeholder {
        opacity: 1;
        color: inherit;
        font-size: 14px;
        text-transform: uppercase;
        font-family: 'Brandon Text', sans-serif;
        font-weight: 500;
    }
    .custom-form :-ms-input-placeholder {
        opacity: 1;
        color: inherit;
        font-size: 14px;
        text-transform: uppercase;
        font-family: 'Brandon Text', sans-serif;
        font-weight: 500;
    }
    .custom-form .success-message {
        text-align: center;
        color: #222222;
        font-size: 16px;
        display: none;
    }
    .custom-form.success .wrap {
        display: none;
    }
    .custom-form.success .success-message {
        display: block;
    }


    /* RFP Form */
    .rfp-form {
        overflow: hidden;
        position: relative;
        padding: 0 50px;
    }
    .rfp-form .col {
        font-size: 0;
    }
    .rfp-form .col-1,
    .rfp-form .col-3 {
        width: 70%;
        padding-right: 45px;
        box-sizing: border-box;
        float: left;
    }
    .rfp-form .col-2 {
        width: 30%;
        float: right;
    }
    .rfp-form .col-3 {
        margin-top: 16px;
    }
    .rfp-form .needed-date {
        width: auto;
        min-width: 180px;
    }

    /* Form validation plugin classes */
    .custom-form .parsley-success {
        color: #468847;
        background-color: #DFF0D8;
        border-bottom: 1px solid #D6E9C6;
    }
    .custom-form .parsley-error {
        color: #B94A48;
        background-color: #F2DEDE;
        border-bottom: 1px solid #EED3D7;
    }
    .parsley-errors-list {
        margin: 2px 0 3px;
        padding: 0;
        list-style-type: none;
        font-size: 0.9em;
        line-height: 0.9em;
        opacity: 0;
        display: none;

        transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        -moz-transition: all .3s ease-in;
        -webkit-transition: all .3s ease-in;
    }
    .parsley-errors-list.filled {
        opacity: 1;
    }

	/* 2.0 - November 2017 changeorder */
	#header {
		display: none;
	}
	#page-title {
		display: none;
	}
	#book-now.standalone.booking-button-wrap {
		top: 90px;
	}
	.menu-opened #book-now {
		z-index: 200;
	}
	.menu-opened #book-now.booking-button-wrap {
		background-color: transparent;
	}
	.menu-opened #book-now {
		display: none;
	}
	body.menu-opened #book-now .fallback-button {
		position: fixed;
		display: block;
		top: 90px;
		right: 30px;
	}
	#fixed-menu li.current-menu-item a,
	/* Hardcode to remove Rooms/Special Offers double highlighted state (page 11) */
	body:not(.page-id-11) #fixed-menu li.current-page-ancestor a {
		color: #906e24;
	}
	.section.triptych {
		min-height: calc(100vh - 60px);
		height: calc(100vh - 60px);
	}
	#fixed-menu-mobile {
		display: none;
	}

	/* 2.1 - Fixed Header */
	#fixed-header {
		background-color: #ffffff;
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 10;
		height: 60px;

		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	#fixed-header #hamburger {
		top: 0;
		margin-top: 0;
	}
	#fixed-menu {
		font-size: 14px;
		font-family: 'brandon-grotesque';
		font-weight: 500;
		text-transform: uppercase;
		position: relative;

		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
	}
	#fixed-menu:after {
		content: '';
		position: absolute;
		height: 2px;
		top: calc(100% + 18px);
		right: 50%;
		left: 50%;
		background-color: #906e24;
		opacity: 0;

		transition: opacity 0.4s, right 0.4s, left 0.4s;
	}
	.menu-opened #fixed-menu:after {
		right: 0;
		left: 0;
		opacity: 1;
	}
	#fixed-menu a:not(:hover) {
		color: #222222;
	}
	#fixed-menu a {
		padding: 0 17px;
	}
	#fixed-menu li:first-child a {
		padding-left: 0;
	}
	#fixed-menu li:last-child a {
		padding-right: 0;
	}
	#fixed-header .logo-journal-hotels {
		position: absolute;
		right: 30px;
	}
	#fixed-header .logo-journal-hotels * {
		fill: #000000;
	}

	/* 2.11 - Menu Panel (main menu) */
	#menu-panel {
		z-index: 140;
		padding-top: 55px;
		position: fixed;
		top: 30px;
	}
	#menu-panel > ul {
		letter-spacing: 0.8px;
		list-style-type: none;
		padding: 0;
		text-align: center;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 500;
		margin: 0 auto 20px;
	}
	#menu-panel > ul li {
		margin-bottom: 5px;
	}
	#menu-panel > ul a,
	#menu-panel > ul p {
		color: #222222;
	}
	#menu-panel > ul p span {
		color: #906e24;
		text-transform: none;
	}
	#menu-panel > ul a:hover,
	#menu-panel > ul a:focus {
		color: #906e24;
	}
	#menu-panel .lead {
		color: #906e24;
		font-size: 12px;
	}
	#menu-panel .brands {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	#menu-panel .brands > *:first-child {
		position: relative;
		bottom: 4px;
	}
	#menu-panel .brands a:nth-child(2) .svg {
		margin-left: 15px;
	}
	#menu-panel .brands a:nth-child(3) .svg {
		margin-left: 25px;
	}
	#menu-panel .brands .svg * {
		fill: #222222;
	}

	/* 2.2 - Booking widget */
	#book-now.booking-button-wrap {
		top: 85px;
		right: 25px;
	}
	.booking-button-wrap .content-wrap {
		padding-top: 17px;
	}
	.booking-button-wrap h3 {
		font-size: 11px;
		margin-bottom: 7px;
	}
	.booking-button-wrap h4 {
		font-size: 10px;
		margin-bottom: 5px;
	}
	.booking-button-wrap .dates-wrap {
		width: 224px;
		margin-bottom: 12px;
	}
	.booking-button-wrap .dates-wrap input {
		font-size: 9px;
	}
	.pika-single {
		left: -75px !important;
	}
	#book-now.booking-button-wrap .button {
		font-size: 11px;
		border-radius: 0;
	}

	/* 2.3 - Front page first section */
	#logo-large {
		top: 95px;
	}
	.home #logo-large .script {
		fill: #ffffff;
	}
	.section-home {
		padding-top: 60px;
		height: calc(90vh - 60px);
	}
	.background-slideshow {
		margin-top: 60px;
	}
	.section-home h1 {
		font-size: 64px;
	}
	.page-home .section-home .entry {
		bottom: 40px;
	}

	/* 2.4 - Rooms section */
	.section-rooms-v2 {
		background-color: #ffffff;
		padding: 40px 30px 30px;
		height: initial;
	}
	.section .label {
		margin-bottom: 30px;

		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
	}
	.section .label h2 {
		text-transform: uppercase;
		color: #906e24;
		font-size: 26px;
		padding-right: 16px;
		position: relative;
	}
	.section .line {
		background-color: #906e24;
		height: 2px;
		display: block;
		position: relative;
		bottom: 3px;

		-webkit-flex: 1;
		flex: 1;
	}
	.section .room-grid {
		display: -webkit-flex;
		display: flex;
	}
	.section .room-block {
		width: 50%;
		margin-right: 5px;
	}
	.section .room-block:nth-child(2n) {
		margin-right: 0;
		margin-left: 5px;
	}
	.section .room-block .image-wrap {
		margin-bottom: 45px;
		height: 0;
		padding-bottom: 56.25%;
		width: 100%;
		position: relative;
	}
	.section .room-block .image-wrap img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.section .room-block .text-wrap h3 {
		text-transform: uppercase;
		font-size: 30px;
	}
	.section .room-block .text-wrap .entry {
		text-align: center;
		background-color: transparent;
		font-size: 18px;
		margin-top: 10px;
	}
	.section .room-block .text-wrap p {
		margin-top: 0;
	}
	.room-block:hover .entry,
	.room-block:focus .entry {
		color: #906e24;
	}
	.section .room-block a .svg {
		padding: 0 20px;
	}
	.not-mobile .section .room-block:hover polygon,
	.section-landscape-slideshow .slide:hover polygon,
	.not-mobile .section .room-block:focus polygon,
	.section-landscape-slideshow .slide:focus polygon {
		fill: #222222;
	}
	.not-mobile .section .room-block:hover path,
	.section-landscape-slideshow .slide:hover path,
	.not-mobile .section .room-block:focus path,
	.section-landscape-slideshow .slide:focus path {
		fill: #ccab61;
	}

	/* 2.5 - At the Hotel */
	.section-landscape-slideshow {
		background-color: #ffffff;
		padding: 20px 30px 23px;
		height: initial;
	}
	.section-landscape-slideshow .slideshow {
		padding-bottom: 27px;
	}
	.section-landscape-slideshow .slide {
		margin: 0 60px 0 35px;
		width: calc(100% - 95px);
		height: initial;

		display: -webkit-flex !important;
		display: flex !important;
		-webkit-align-items: center;
		align-items: center;
	}
	.section-landscape-slideshow .slide > * {
		width: 50%;
		position: relative;
	}
	.section-landscape-slideshow .image-wrap {
		font-size: 0;
		height: 0;
		width: 100%;
		padding-bottom: 56.25%;
	}
	.section-landscape-slideshow .image-wrap img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		position: absolute;
	}
	.section-landscape-slideshow .categories {
		position: absolute;
		font-size: 16px;
		color: #ffffff;
		text-transform: uppercase;
		right: 0;
		bottom: 0;
		margin: 15px 20px;
		letter-spacing: 0.75px;
	}
	.section-landscape-slideshow .text-wrap {
		text-align: center;
		padding: 30px 50px 0 90px;
		box-sizing: border-box;
		max-width: 560px;
		margin: auto;
	}
	.section-landscape-slideshow .text-wrap h3 {
		font-size: 56px;
		color: #222222;
	}
	.section-landscape-slideshow .text-wrap .entry {
		font-size: 18px;
		line-height: 1.5;
	}
	.section-landscape-slideshow .text-wrap .entry blockquote {
		text-align: left;
		margin: 15px 0;
		color: #906e24;
		font-size: 11px;
	}
	.section-landscape-slideshow .text-wrap .svg {
		padding-top: 10px;
		transition: opacity 0.4s;
	}
	.section-landscape-slideshow .entry {
		transition: none;
	}
	.section-landscape-slideshow .slide:not(.cycle-slide-active) .svg {
		opacity: 0;
	}
	/* 2.51 - Slideshow nav */
	.section-landscape-slideshow .nav.svg {
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.section-landscape-slideshow .nav-wrap {
		background-color: #ffffff;
		width: 40px;
		position: absolute;
		top: 0;
		bottom: 0;
		z-index: 110;
		cursor: pointer;

		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
	}
	.section-landscape-slideshow .nav-wrap.next {
		right: 0;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
	}
	.section-landscape-slideshow .nav-wrap .svg path {
		fill: #906e24;
	}
	.section-landscape-slideshow .slideshow .landscape-pager {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		right: 0;
		bottom: 0;
		left: 0;
		position: absolute;
		padding-bottom: 5px;

		-webkit-transform: none;
		transform: none;
	}
	.section-landscape-slideshow .slideshow .bullet {
		display: block;
		background-color: #cccccc;
		border-radius: 50%;
		height: 8px;
		width: 8px;
		cursor: pointer;
		padding: 0;
		border: none;

		transition: background-color 0.4s;
	}
	.section-landscape-slideshow .slideshow .bullet {
		margin: 0 5px;
	}
	.section-landscape-slideshow .slideshow .bullet:first-child {
		margin-left: 0;
	}
	.section-landscape-slideshow .slideshow .bullet:last-child {
		margin-right: 0;
	}
	.section-landscape-slideshow .slideshow .bullet.active {
		background-color: #222222;
	}

	/* 2.6 - Rooms Grid */
	.page-template-rooms-grid #logo-large {
		top: 95px;
	}
	.page-template-rooms-grid #logo-large .svg .script,
	.room-detail #logo-large .svg .script {
		fill: #ffffff;
	}
	.rooms-grid {
		padding-top: 60px;
	}
	.rooms-grid .hero-wrap {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.rooms-grid .single-room {
		width: 50%;
		height: calc(100vh - 60px);

		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.single-room .image-wrap {
		position: relative;

		-webkit-flex: 1;
		flex: 1;
	}
	.single-room .image-wrap img {
		position: absolute;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.single-room .text-wrap {
		height: 240px;
		background-color: #222222;
		color: #ffffff;
		text-align: center;
		position: relative;

		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	.single-room:hover .text-wrap,
	.single-room:focus .text-wrap {
		color: #CCAB61;
	}
	.single-room .text-wrap h2 {
		font-size: 30px;
		text-transform: uppercase;
		transition: color 0.4s;
	}
	.single-room .text-wrap p {
		margin: 8px auto 15px;
		padding: 0 20px;
	}
	.hero-wrap .single-room:hover polygon,
	.hero-wrap .single-room:focus polygon {
		fill: #ffffff;
	}
	.single-room .divider {
		height: 180px;
		width: 1px;
		background-color: #666666;
		position: absolute;
		right: 0;
	}
	.single-room:first-child .divider {
		right: 0;
	}
	.single-room:nth-child(2) .divider {
		left: 0;
	}

	/* Rooms list */
	#content.rooms-list {
		padding-top: 100px;
	}
	.rooms-list > .title {
		font-size: 28px;
		text-transform: uppercase;
		color: #222222;
		margin-left: 30px;
	}
	.rooms-list .rooms-grid {
		padding: 115px 30px 0;
	}
	.rooms-list .rooms-grid {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		justify-content: center;
	}

	/* 2.7 - Room Block */
	.room-block {
		width: calc(50% - 15px);
		position: relative;
		margin-bottom: 30px;
	}
	.room-block:nth-child(even):not(:last-child) {
		margin-left: 15px;
	}
	.room-block:nth-child(odd):not(:last-child) {
		margin-right: 15px;
	}
	.room-block .image-wrap {
		width: 100%;
		padding-bottom: 56.25%;
		height: 0;
	}
	.room-block .image-wrap img {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		object-fit: cover;
		position: absolute;
		object-position: center;
	}
	.room-block .title,
	.room-block .link-wrap {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		color: #ffffff;
		text-transform: none;

		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.room-block .title {
		pointer-events: none;
		transition: transform 0.4s;
	}
	.room-block .overlay {
		pointer-events: none;
	}
	.room-block .title h2 {
		font-size: 40px;
	}
	.not-mobile .room-block:hover .title,
	.not-mobile .room-block:focus .title {
		transform: translateY(-35px);
	}
	.room-block .link-wrap {
		top: 25%;
		opacity: 0;
		transition: opacity 0.4s, transform 0.4s;
		z-index: 110;

		-webkit-align-content: center;
		align-content: center;
	}
	.not-mobile .room-block:hover .link-wrap,
	.not-mobile .room-block:focus-within .link-wrap {
		opacity: 1;
	}
	.room-block .link-wrap .entry {
		width: 100%;
		background-color: transparent;
		color: #ffffff;
	}
	.room-block .link-wrap .entry p:first-child {
		margin-top: 0;
	}
	.room-block .link-wrap .svg-wrap {
		width: 100%;
	}
	#content .room-block .link-wrap .svg {
		width: 105px;
		height: 60px;
		margin: 0 7px;
	}
	.room-block .link-wrap .svg polygon,
	.room-block .link-wrap a:hover path,
	.room-block .link-wrap a:focus path {
		fill: #CCAB61;
	}
	.room-block .link-wrap .svg path,
	.room-block .link-wrap a:hover polygon,
	.room-block .link-wrap a:focus polygon {
		fill: #222222;
	}

	/* 2.8 - Room Detail */
	.room-detail {
		height: initial;
	}
	.room-detail .section-home {
		height: initial;
		background-color: #faf7f5;
	}
	.room-detail .background-slideshow {
		position: relative;
		height: 75vh;
		margin-top: 0;
	}
	.room-detail .meta {
		position: relative;
		text-align: center;
		font-size: 64px;
		color: #fff;
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		margin-bottom: 20px;
	}
	.room-detail .line {
		height: initial;
		background-color: transparent;
	}
	.room-detail .line-2 {
		font-size: 12px;
		color: #906e24;
		text-transform: uppercase;
		font-weight: 700;
	}
	.room-detail .detail-wrap {
		padding: 45px 30px 30px;
		max-width: 1600px;
		margin: auto;
	}
	.room-detail .detail-wrap .entry {
		color: #222222;
		margin-bottom: 20px;
	}
	.room-detail .detail-wrap .entry p:first-child {
		margin-top: 0;
	}
	.room-detail .detail-wrap .button-wrap {
		margin: 15px auto 0;
		text-align: center;
	}
	.room-detail .button:hover polygon,
	.room-detail .button:focus polygon {
		fill: #222222;
	}
	.room-detail .button:hover path,
	.room-detail .button:focus path {
		fill: #906e24;
	}
	.room-detail .grid-item {
		width: calc(50% - 60px);
		margin-bottom: 60px;
		overflow: hidden;
	}
	.room-detail .entry.grid-item {
		padding: 30px;
		box-sizing: border-box;
	}
	.room-detail .grid-item .image-wrap {
		height: 0;
	}
	.room-detail .grid-item img {
		width: 100%;
		height: auto;
	}
	.room-detail .next-page-preview .excerpt {
		display: none;
	}

	/* 3.0 - November 2017 misc changes */
	#fixed-header {
		z-index: 150;
	}
	#fixed-header .logo-wrap {
		position: absolute;
		top: 0;
		right: 30px;
		bottom: 0;
	}
	#fixed-header .logo-wrap .svg {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}
	#fixed-header .logo-wrap .svg * {
		fill: #000000;
	}
	#fixed-header .logo-small {
		width: 26px;
		height: 36px;
	}
	.scrolled-down #fixed-header .logo-wrap .logo-journal-hotels,
	.menu-opened #fixed-header .logo-wrap .logo-journal-hotels,
	body:not(.scrolled-down):not(.menu-opened) #fixed-header .logo-wrap .logo-small {
		opacity: 0;
	}
	#book-now .fallback-button {
		top: 90px;
	}
	.page-sections #logo-large {
		top: 95px;
		position: absolute;
	}
	#content.grid-page.grid-special-offers {
		padding-top: 150px;
	}
	.next-page-preview:hover .featured-image-video,
	.next-page-preview:focus .featured-image-video {
		-webkit-filter: blur(0);
		filter: blur(0);
	}

	/* Zoomhaus */
	#zoomhaus-overlay {
	    position: fixed;
	    display: none;
	    height: 100%;
	    width: 100%;
	    left: 0;
	    top: 0;
	    background: rgba(255, 255, 255, 0);
	    z-index: 100;

	    will-change: background;

	    -webkit-transition: background 0.6s ease;
	    transition: background 0.6s ease;
	}
	.zoomhaus-target {
	    cursor: pointer;
	}
	.zoomhaus-target.active {
	    visibility: hidden;
	}
	.zoomhaus-image {
	    will-change: clip-path, transform, width, height;

	    -webkit-clip-path: inset(0 0);
	    clip-path: inset(0 0);

	    -webkit-transition: width 0.6s ease, height 0.6s ease, -webkit-transform 0.6s ease, -webkit-clip-path 0.6s ease;
	    transition: width 0.6s ease, height 0.6s ease, transform 0.6s ease, clip-path 0.6s ease;
	}
	.zoomhaus-open #zoomhaus-overlay {
	    background: rgba(255, 255, 255, 1);
	}
	.zoomhaus-open .fluid-width-image-wrapper,
	.zoomhaus-transitioning .fluid-width-image-wrapper {
	    background-color: transparent !important;
	}
	.zoomhaus-transitioning .header-screen,
	.zoomhaus-open .header-screen,
	#zoomhaus-overlay .template-slot {
	    opacity: 0;

	    will-change: opacity;

	    transition: opacity 0.4s;
	}
	.zoomhaus-open #zoomhaus-overlay .template-slot {
	    opacity: 1;
	}
	#zoomhaus-overlay .zoomhaus-center {
	    will-change: transform, clip-path, width, height;

	    -webkit-transform: translate(calc(50vw - 50%), calc(50vh - 50%)) !important;
	    transform: translate(calc(50vw - 50%), calc(50vh - 50%)) !important;

	    -webkit-clip-path: inset(0 0) !important;
	    clip-path: inset(0 0) !important;
	}

/*
 * Animations
 */
    /* Color */
    .submit,
    .menu p,
    .entry,
    .times,
    .excerpt,
    .title,
    a {
        -webkit-transition: color 0.4s;
        transition: color 0.4s;
    }
    .grid-block {
        -webkit-transition: none;
        transition: none;
    }

    /* Opacity */
    .button,
	html {
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;
    }

    /* Transform */
    #header {
        -webkit-transition: -webkit-transform 0.8s;
        transition: transform 0.8s;
    }
    #menu-panel {
        -webkit-transition: -webkit-transform 0.4s;
        transition: transform 0.4s;
    }

    /* Filters */
    .room-block .featured-image {
        -webkit-transition: -webkit-filter 1s;
        transition: filter 1s;
    }

    /* Height */
    #book-now .svg {
        -webkit-transition: height 0.4s;
        transition: height 0.4s;
    }

    /* Everything */
    .overlay,
    #book-now,
    #header-journal iframe,
    .side-panel,
    .room-menu a,
    svg circle,
    svg polygon,
    svg path {
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }
    .animate-in,
    .room-block .buttons,
    .opened .preview {
        -webkit-transition: 1s;
        transition: 1s;
    }

    /* Greyscale and zoom */
    .wp-post-image {
        -webkit-transition: -webkit-filter 0.4s, -webkit-transform 20s;
        transition: filter 0.4s, transform 20s;
    }

    /* Page Title */
    #page-title {
        -webkit-transition: transform 0.4s, color 0.4s;
        transition: transform 0.4s, color 0.4s;
    }

    /* Top */
    #logo-large {
        -webkit-transition: top 0.8s;
        transition: top 0.8s;
    }

    /* Side Panel */
    .side-panel-closed .room-name,
    .hide-info {
        -webkit-transition: 0.4s 0.4s;
        transition: 0.4s 0.4s;
    }
    .room-name,
    .side-panel-closed .hide-info {
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

    /* Next Page Preview */
    .next-page-preview {
        -webkit-transition: 0s;
        transition: 0s;
    }


	/* 4.0 - ADA changes */
	.skip-to-content {
		opacity: 0;
		position: fixed;
		top: 65px;
		left: 5px;
		background-color: #faf7f5;
		z-index: 20;
		color: #906e24;
		padding: 10px;
	}
	.skip-to-content:focus {
		opacity: 1;
	}
	#logo-large:focus .script {
		fill: #906e24;
	}

/*
 * Wordpress Required
 */
    .post-edit-link {
        font-size: 10px;
        text-transform: uppercase;
    }
	.alignleft {
	    display: inline;
	    float: left;
	}
	.aligncenter {
	    clear: both;
	    display: block;
	    margin: 0 auto 10px auto;
	}
	.alignright {
	    display: inline;
	    float: right;
	}
	img.alignleft {
	    margin: 0 10px 10px 0;
	}
	img.alignright {
	    margin: 0 0 10px 10px;
	}
	img.aligncenter {
	    margin: 0 auto 10px auto;
	}
	.wp-caption {
	    background: #f1f1f1;
	    color: #888;
	    text-align: center;
	    margin-bottom: 15px;
	    width: auto !important;
	    -moz-border-radius: 0 0 4px 4px;
	    border-radius: 0 0 4px 4px;
	}
	.wp-caption img {
	    margin: 0px;
	}
	.wp-caption p.wp-caption-text {
	    margin: 0 0 5px;
	    padding: 4px;
	    font-style: italic;
	}