/* Header */
@media only screen {
	body.noscroll {
		overflow: hidden;
	}
	
	.header_container {
		position: relative;
		display: block;
		height: 265px;
		height: 150px;
		width: 100%;
		z-index: 10;
	}
	.panel_custom_header {
		position: relative;
		display: block;
		top: 0;
		width: 100%;
		height: 0;
		background-color: transparent;
		z-index: 10;
		-webkit-transition: background-color 0 linear;
		   -moz-transition: background-color 0 linear;
			-ms-transition: background-color 0 linear;
			 -o-transition: background-color 0 linear;
				transition: background-color 0 linear;
	}
	.panel_custom_header.opened {
		position: fixed;
		height: 100%;
		background-color: black;
		z-index: 999;
		overflow-y: scroll;
		-webkit-transition: background-color 0.3s linear;
		   -moz-transition: background-color 0.3s linear;
			-ms-transition: background-color 0.3s linear;
			 -o-transition: background-color 0.3s linear;
				transition: background-color 0.3s linear;
	}
	
	.desktopNav {
		display: none;
	}

	.mobileMenuOverlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: black;
		-webkit-transition: height 500ms ease;
		   -moz-transition: height 500ms ease;
			-ms-transition: height 500ms ease;
			 -o-transition: height 500ms ease;
				transition: height 500ms ease;
		z-index: 9;
	}
	.mobileMenuOverlay.hidden {
		height: 0;
		background-color: transparent;
	}
	
	.panel_custom_header .main_nav {
		display: block;
		position: relative;
		width: 100%;
		top: 0;
		left: 0;
	}
	
	/* Secondary nav in menu overlay */
	.panel_custom_header .secondary_nav {
		display: inline-block;
		position: absolute;
		top: -500px;
		left: 0;
		right: 0;
		margin: 0 auto;
		text-align: center;
		opacity: 0;
		z-index: 2;
	}
	.panel_custom_header.opened .secondary_nav {
		top: 320px;
		opacity: 1;
		-webkit-transition: opacity 200ms ease 100ms;
		   -moz-transition: opacity 200ms ease 100ms;
			-ms-transition: opacity 200ms ease 100ms;
			 -o-transition: opacity 200ms ease 100ms;
				transition: opacity 200ms ease 100ms;
	}

	.panel_custom_header .secondary_nav .topNav {
		display: block;
		list-style-type: none;
		-webkit-margin-before: 0;
		-webkit-margin-after: 0;
		-webkit-margin-start: 0;
		-webkit-margin-end: 0;
		-webkit-padding-start: 0;
	}
	.panel_custom_header .secondary_nav .topNav .item-topnav {
		display: block;
		vertical-align: top;
		height: 34px;
		padding: 0 10px;
	}
	.panel_custom_header .secondary_nav .topNav .item-topnav a {
		display: block;
		color: #838083;
		font-weight: bold;
		font-size: 22px;
		line-height: 26px;
		letter-spacing: 0.5px;
	}
	.panel_custom_header .secondary_nav .topNav .item-topnav a:hover {
		color: #c3b07c;
	}
	.panel_custom_header .secondary_nav .topNav .item-topnav.phoneNumber a {
		font-weight: bold;
	}
	.panel_custom_header .secondary_nav .topNav .item-topnav:nth-last-of-type(2) a {
		color: #c3b07c;
	}
	.panel_custom_header .mobileLogoWrapper {
		display: block;
		position: relative;
		top: 50px;
		height: 100px;
		background-color: white;
		z-index: 2;
	}
	.panel_custom_header.opened .mobileLogoWrapper {
		background-color: transparent;
	}
	.panel_custom_header .mobileLogoWrapper img {
		display: block;
		position: relative;
		top: 20px;
		width: auto;
		margin: 0 auto;
	}
	.panel_custom_header .mobileLogoWrapper .logoText {
		position: relative;
		display: block;
		top: 15px;
		font-family: 'Futura LT W01 Medium Condensed';
		font-size: 18px;
		text-align: center;
		text-transform: uppercase;
		color: black;
	}
	
	
	/* Mobile Nav */
	.panel_custom_header .mobileNav {
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		height: 50px;
		background-color: black;
		z-index: 11;
	}
	.panel_custom_header .mobileNav .menuWrapper {
		display: none;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		float: none;
	}
	.panel_custom_header.opened .mobileNav .menuWrapper {
		display: block;
	}
	.panel_custom_header .mobileNav .mainNav {
		position: relative;
		display: block;
		width: auto;
		background-color: transparent;
		margin: 70px 0 0 0;
	}
	.panel_custom_header .mobileNav .mainNav .item {
		position: relative;
		text-align: center;
		list-style-type: none;
	}
	.panel_custom_header .mobileNav .mainNav .item a .menuTitle {
		display: block;
		position: relative;
		top: 2px;
		outline: none;
		color: #ededed;
		right: 0;
		padding: 0 5px;
		font-family: 'Futura LT W01 Medium Condensed';
		font-weight: 300;
		font-style: normal;
		font-size: 28px;
		line-height: 42px;
		letter-spacing: 0.5px;
		text-transform: uppercase;
	}
	.panel_custom_header .mobileNav .mainNav .item a .menuTitle:hover {
		color: #c3b07c;
	}
	.panel_custom_header .mobileNav .mainNav .item.open .menuTitle {
		color: #c3b07c;
	}

	/* begin menu icon */
	.panel_custom_header .mobileNav .menuIcon {
		text-indent: 0;
		background-color: transparent;
		float: left;
		left: 15px;
		top: 12px;
		width: 30px;
		height: 30px;
		padding: 0;
		margin: 0;
		border: none;
		outline: 0;
		-webkit-transition: all 400ms ease;
		   -moz-transition: all 400ms ease;
			-ms-transition: all 400ms ease;
			 -o-transition: all 400ms ease;
				transition: all 400ms ease;
	}
	.panel_custom_header .mobileNav .menuIcon.open {
		left: 12px;
		top: 10px;
		-webkit-transform: rotate(-90deg);
		   -moz-transform: rotate(-90deg);
			-ms-transform: rotate(-90deg);
			 -o-transform: rotate(-90deg);
				transform: rotate(-90deg);
	}
	.panel_custom_header .mobileNav .menuIcon:hover,
	.panel_custom_header .mobileNav .menuIcon:focus,
	.panel_custom_header .mobileNav .menuIcon:active {
		background: transparent;
	}
	.panel_custom_header .mobileNav .menuIcon a {
		position: absolute;
		left: 0;
		top: 0;
	}
	.panel_custom_header .mobileNav .menuIcon.open .menuTitle:after {
		content: attr(title);
		position: absolute;
		top: 0;
		left: 0;
	}
	.panel_custom_header .mobileNav .menuIcon.open .menuTitle span {
		display: block;
		position: absolute;
		left: 80px;
		top: 20px;
		min-width: 60vw;
		width: 100%;
		height: 2px;
		background-color: white;
	}

	/* hamburger icon (menu closed) */
	.panel_custom_header .mobileNav .menuIcon a span::before,
	.panel_custom_header .mobileNav .menuIcon a span::after,
	.panel_custom_header .mobileNav .menuIcon a span {
		position: relative;
		display: inline-block;
		width: 22px;
		height: 2px;
		background-color: white;
		-webkit-transition: all 400ms ease;
		   -moz-transition: all 400ms ease;
			-ms-transition: all 400ms ease;
			 -o-transition: all 400ms ease;
				transition: all 400ms ease;
	}
	.panel_custom_header .mobileNav .menuIcon a span::before,
	.panel_custom_header .mobileNav .menuIcon a span::after {
		content: '';
		position: absolute;
		left: 0;
	}
	.panel_custom_header .mobileNav .menuIcon a span::before { top: 7px; }
	.panel_custom_header .mobileNav .menuIcon a span::after  { top: -7px; }

	/* arrow icon (menu open) */
	.panel_custom_header .mobileNav .menuIcon.open a span::before,
	.panel_custom_header .mobileNav .menuIcon.open a span::after {
		top: 0;
		width: 15px;
	}
	.panel_custom_header .mobileNav .menuIcon.open a span::before {
		transform: rotate(30deg);
		transform-origin: left top;
	}
	.panel_custom_header .mobileNav .menuIcon.open a span::after {
		transform: rotate(-30deg);
		transform-origin: left bottom;
	}
	/* end menu icon */
}
@media only screen and (min-width: 64.063em) {
	.header_container {
		display: block;
		position: fixed;
		top: 0;
		width: 100%;
		max-width: 1600px;
		height: 215px;
		margin: 0 auto;
		overflow: hidden;
		-webkit-transition: height 250ms linear;
		   -moz-transition: height 250ms linear;
			-ms-transition: height 250ms linear;
			 -o-transition: height 250ms linear;
				transition: height 250ms linear;
	}
	.short .header_container {
		height: 150px;
	}
	.panel_custom_header {
		display: block;
		position: relative;
		width: 100%;
		max-width: 1600px;
		height: 100%;
		max-height: 215px;
		margin: 0 auto;
		background-image: -webkit-linear-gradient(top, black, black 60px);
		background-image:    -moz-linear-gradient(top, black, black 60px);
		background-image:     -ms-linear-gradient(top, black, black 60px);
		background-image:      -o-linear-gradient(top, black, black 60px);
		background-image:		  linear-gradient(to bottom, black, black 60px);
		-webkit-transition: max-height 250ms linear;
		   -moz-transition: max-height 250ms linear;
			-ms-transition: max-height 250ms linear;
			 -o-transition: max-height 250ms linear;
				transition: max-height 250ms linear;
	}
	.short .panel_custom_header {
		max-height: 150px;
	}
	
	.panel_custom_header .secondary_nav {
		display: inline-block;
		vertical-align: top;
		position: relative;
		left: 0;
		top: 0;
		text-align: left;
		width: 100%;
		max-width: 1600px;
		height: 50px;
		line-height: 0;
		margin: 0;
		padding-left: 120px;
		opacity: 1;
		-webkit-transition: none;
		   -moz-transition: none;
			-ms-transition: none;
			 -o-transition: opacity 0 ease;
				transition: none;
	}
	.panel_custom_header .secondary_nav .topNav {
		display: block;
		max-height: 50px;
		margin: 0;
		overflow: hidden;
		list-style-type: none;
		-webkit-margin-before: 0;
		-webkit-margin-after: 0;
		-webkit-margin-start: 0;
		-webkit-margin-end: 0;
		-webkit-padding-start: 0;
	}
	.panel_custom_header .secondary_nav .topNav .item-topnav {
		display: inline-block;
		vertical-align: top;
		height: 50px;
		padding: 0 10px;
	}
	.panel_custom_header .secondary_nav .topNav .item-topnav a {
		display: inline-block;
		font-size: 14px;
		line-height: 50px;
	}
	.panel_custom_header .secondary_nav .topNav .item-topnav a:hover {
		color: #c3b07c;
	}
	.panel_custom_header .secondary_nav .topNav .item-topnav.last {
		float: right;
	}
	.panel_custom_header .secondary_nav .topNav .item-topnav.last a {
		color: white;
	}
	
	.panel_custom_header .main_nav {
		position: relative;
		width: 100%;
		height: 165px;
		background-color: #ededed;
		-webkit-transition: height 250ms linear;
		   -moz-transition: height 250ms linear;
			-ms-transition: height 250ms linear;
			 -o-transition: height 250ms linear;
				transition: height 250ms linear;
	}
	.short .panel_custom_header .main_nav {
		height: 100px;
	}
	.desktopNav {
		display: block;
		position: relative;
		margin: 0;
		max-width: 1600px;
		height: 165px;
	}
	.short .desktopNav {
		height: 100px;
	}
	.desktopNav .logoWrapper {
		position: relative;
		display: inline-block;
		width: 230px;
		height: 130px;
		left: 50px;
		overflow: hidden;
		pointer-events: none;
		text-align: center;
		-webkit-transition: height 250ms linear;
		   -moz-transition: height 250ms linear;
			-ms-transition: height 250ms linear;
			 -o-transition: height 250ms linear;
				transition: height 250ms linear;
	}
	.short .desktopNav .logoWrapper {
		height: 100px;
	}
	.desktopNav .logoWrapper .logo {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 42px;
		width: 105px;
		height: 57px;
		margin: 0 auto;
		background-image: url(/includes/public/assets/images/logo.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: cover;
		pointer-events: all;
		z-index: 2;
		-webkit-transition: top 250ms linear;
		   -moz-transition: top 250ms linear;
			-ms-transition: top 250ms linear;
			 -o-transition: top 250ms linear;
				transition: top 250ms linear;
	}
	.short .desktopNav .logoWrapper .logo {
		top: 25px;
	}
	.desktopNav .logoWrapper .logoText {
		position: relative;
		display: block;
		top: 107px;
		height: auto;
		max-height: 100%;
		font-family: 'Futura LT W01 Medium Condensed';
		font-size: 17px;
		line-height: 17px;
		letter-spacing: 0.5px;
		text-transform: uppercase;
		color: black;
		pointer-events: all;
		-webkit-transition: all 250ms linear;
		   -moz-transition: all 250ms linear;
			-ms-transition: all 250ms linear;
			 -o-transition: all 250ms linear;
				transition: all 250ms linear;
	}
	.short .desktopNav .logoWrapper .logoText {
		opacity: 0;
		max-height: 0;
		top: 90px;
		z-index: -1;
	}
	.navPrimary {
		position: absolute;
		top: 89px;
		right: 130px;
		display: inline-block;
		vertical-align: top;
		padding: 0;
		margin: 0;
		text-align: center;
		height: 50px;
		clear: both;
		font-size: 0; /* remove space between nav items and separators */
		-webkit-transition: top 250ms linear;
		   -moz-transition: top 250ms linear;
			-ms-transition: top 250ms linear;
			 -o-transition: top 250ms linear;
				transition: top 250ms linear;
	}
	.short .navPrimary {
		top: 25px;
	}
	.navPrimary .item {
		position: relative;
		display: inline-block;
		vertical-align: top;
		margin: 0;
		padding: 0 8px;
		height: 35px;
	}
	.navPrimary .item .menuTitle {
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: auto;
		height: 100%;
		color: black;
		padding: 15px 0 25px;
		-webkit-font-smoothing: antialiased;
		font-family: 'Futura LT W01 Medium Condensed';
		font-size: 20px;
		line-height: 20px;
		letter-spacing: 0.5px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		z-index: 1;
	}
	.navPrimary .item .menuUnderline {
		position: relative;
		display: block;
		width: 0;
		height: 4px;
		background-color: black;
		-webkit-transition: width 250ms ease;
		   -moz-transition: width 250ms ease;
			-ms-transition: width 250ms ease;
			 -o-transition: width 250ms ease;
				transition: width 250ms ease;
	}
	.navPrimary .item.open .menuUnderline,
	.navPrimary .item.selected .menuUnderline,
	.navPrimary .item:hover .menuUnderline {
		width: 100%;
	}
	.mobileMenuOverlay {
		display: none;
	}
	.panel_custom_header .mobileLogoWrapper {
		display: none;
	}
}
@media only screen and (min-width: 1200px) {
	.desktopNav .logoWrapper {
		width: 280px;
		left: 90px;
		pointer-events: none;
	}
	.navPrimary .item {
		padding: 0 15px;
	}
	.navPrimary .item .menuTitle {
		font-size: 22px;
		line-height: 22px;
	}
}

/* Menu bar */
@media only screen {
	.panel_custom_header .menuBar {
		display: block;
		position: fixed;
		width: 100%;
		height: 65px;
		bottom: 0;
		font-size: 0;
		margin: 0;
		padding: 0;
		background-color: white;
		border-top: 1px solid #ededed;
		z-index: 20;
		-webkit-transition: height 500ms ease;
		   -moz-transition: height 500ms ease;
			-ms-transition: height 500ms ease;
			 -o-transition: height 500ms ease;
				transition: height 500ms ease;
	}
	.panel_custom_header.opened .menuBar {
		height: 0;
	}
	.menuButton {
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: 25%;
		height: 65px;
		background-color: white;
		border-right: 1px solid #ededed;
	}
	.menuButton:last-child {
		border: 0 none;
	}
	.menuButton.open {
		background-color: #c4b07d;
	}
	.menuButton .buttonLink {
		display: block;
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.menuButton .buttonIcon {
		position: relative;
		display: block;
		vertical-align: top;
		margin: 10px auto;
		height: 30px;
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.menuButton.menuButton1 .buttonIcon {
		height: 23px;
		background-image: url(/includes/public/assets/images/iconHotels.bl.sm.png);
	}
	.menuButton.menuButton1.open .buttonIcon {
		height: 23px;
		background-image: url(/includes/public/assets/images/iconHotels.wh.sm.png);
	}
	.menuButton.menuButton2 .buttonIcon {
		height: 26px;
		background-image: url(/includes/public/assets/images/iconEvents.bl.sm.png);
	}
	.menuButton.menuButton2.open .buttonIcon {
		height: 26px;
		background-image: url(/includes/public/assets/images/iconEvents.wh.sm.png);
	}
	.menuButton.menuButton3 .buttonIcon {
		height: 24px;
		background-image: url(/includes/public/assets/images/iconFood.bl.sm.png);
	}
	.menuButton.menuButton3.open .buttonIcon {
		height: 24px;
		background-image: url(/includes/public/assets/images/iconFood.wh.sm.png);
	}
	.menuButton.menuButton4 .buttonIcon {
		height: 27px;
		background-image: url(/includes/public/assets/images/iconTTD.bl.sm.png);
	}
	.menuButton.menuButton4.open .buttonIcon {
		height: 27px;
		background-image: url(/includes/public/assets/images/iconTTD.wh.sm.png);
	}
	.menuButton .buttonText {
		position: absolute;
		bottom: 10px;
		left: 0;
		right: 0;
		margin: 0 auto;
		display: block;
		color: black;
		font-family: 'Futura LT W01 Medium Condensed';
		font-size: 12px;
		line-height: 12px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
	}
	.menuButton.open .buttonText {
		color: white;
	}
}
@media only screen and (min-width: 640px) {
	.panel_custom_header .menuBar {
		height: 90px;
	}
	.menuButton {
		height: 90px;
	}
	.menuButton.menuButton1 .buttonIcon {
		margin-top: 15px;
		height: 31px;
		background-image: url(/includes/public/assets/images/iconHotels.bl.lg.png);
	}
	.menuButton.menuButton1.open .buttonIcon {
		height: 31px;
		background-image: url(/includes/public/assets/images/iconHotels.wh.lg.png);
	}
	.menuButton.menuButton2 .buttonIcon {
		margin-top: 13px;
		height: 36px;
		background-image: url(/includes/public/assets/images/iconEvents.bl.lg.png);
	}
	.menuButton.menuButton2.open .buttonIcon {
		height: 36px;
		background-image: url(/includes/public/assets/images/iconEvents.wh.lg.png);
	}
	.menuButton.menuButton3 .buttonIcon {
		margin-top: 17px;
		height: 31px;
		background-image: url(/includes/public/assets/images/iconFood.bl.lg.png);
	}
	.menuButton.menuButton3.open .buttonIcon {
		height: 31px;
		background-image: url(/includes/public/assets/images/iconFood.wh.lg.png);
	}
	.menuButton.menuButton4 .buttonIcon {
		margin-top: 13px;
		height: 37px;
		background-image: url(/includes/public/assets/images/iconTTD.bl.lg.png);
	}
	.menuButton.menuButton4.open .buttonIcon {
		height: 37px;
		background-image: url(/includes/public/assets/images/iconTTD.wh.lg.png);
	}
	.menuButton .buttonText {
		bottom: 15px;
		font-size: 16px;
		line-height: 16px;
	}
}