/*
	(c)2017 - visuallizard.com

	Responsive Styles
	Sets responsive style breakpoints templates.
*/

/* !Media Queries ============================== */

.mobile-menu-toggle { display: none; }

/* Larger than 1500px wide (laptop and desktop browsers) */
@media only screen and (min-width: 1501px) {
	body { font: 18px/24px "nimbus-sans", Helvetica, Arial, sans-serif; font-weight: 100; }
	#home-posts div.post { min-height: 550px; }
	.container,
	#footer-navigation .container,
	#home-sustainability .container,
	#home-support .container,
	#content .container,
	#content.dine .container,
	#content.shop .container { width: 1400px; max-width: 1400px; }
	#content .container,
	#footer-navigation .container,
	#home-sustainability .container,
	#home-support .container,
	#content .container,
	#content.dine .container,
	#content.shop .container { width: 1400px; margin-left: -700px; }
	#notifications .container div { font-size: 16px; line-height: 26px; }
	#home-sustainability .container ul li { padding: 160px 0 0 0; }
}

/* Up to 1500px wide (laptop and desktop browsers) */
@media only screen and (max-width: 1500px) {
	body { font: 16px/20px "nimbus-sans", Helvetica, Arial, sans-serif; font-weight: 100; }
	.home-block p { font-size: 16px; line-height: 20px; }
	.container,
	#footer-navigation .container,
	#home-sustainability .container,
	#home-support .container { width: 1200px; max-width: 1200px; }
	#home-posts div.post { min-height: 500px; }
	#content .container,
	#footer-navigation .container,
	#home-sustainability .container,
	#home-support .container { width: 1200px; margin-left: -600px; }
	#home-support .container { padding: 0; }
	#home-sustainability .container ul li { padding: 140px 0 0 0; }
}

/* Up to 1100px (devices and desktop browsers) */
@media only screen and (max-width: 1200px) {
	#content .container,
	#content.dine .container,
	#content.shop .container { width: 100%; left: 0; padding: 4.5em 50px 3em 50px; margin: 0; }
	header .container,
	nav .container,
	#notifications .container,
	.home-block .container,
	#footer-navigation .container,
	footer .container { left: auto; float: left; width: 100%; padding: 0 15px; margin: 0; }
	.attractions-callout .container { width: 100%; }
	#announcement .container { width: 100%; }
	
	#home-sustainability .container,
	#home-support .container { left: auto; width: 100%; margin: 0; }
	#home-support .container { padding: 0; }
		
	#home-food .food-feature div#location-feature div.location div.location-info p { font-size: 18px; }
}

/* Up to standard 1024 (tablets portrait display) */
@media only screen and (max-width: 1024px) {
	header .container { padding: 0; }
	nav .container { padding: 0; }
	nav ul.nav-1 > li a { padding: 20px 0; font-size: 12px; }
	#notifications .container a#conditions { width: 30%; }
	#home-food { background: none; }
	#home-food .food-feature div#location-feature div.location div.location-info { padding: 20px; }
	#home-food .food-feature div#location-feature div.location div.location-info h3 { padding: 0; font-size: 18px; }
	#home-food .food-feature div#location-feature div.location div.location-info p { padding: 10px 0 0 0; margin: 0; font-size: 14px; line-height: 18px; }
	#footer-navigation .container { left: 0; width: 100%; margin: 0; }
}

/* Up to standard 800 (tablets portrait display) */
@media only screen and (max-width: 800px) {
	img,
	iframe { max-width: 100%; height: auto; }
	iframe.map { height: 480px; }
	.mobile-menu-toggle { display: block; }
	nav.clearfix { min-height: 60px; }
	nav.clearfix ul.nav-1 { display: none; }
	nav.show ul.nav-1 { display: block; padding-top: 105px; border-bottom: 1px solid #ccc; }
	nav.show ul.nav-1 > li a,
	nav ul.nav-1 > li#navigation-1-73 a { padding: 15px; border-top: 1px dotted #ccc; font-size: 14px; }
	nav ul.nav-1 > li > ul { left: 0; }
	nav.yellow.show ul.nav-1 > li a,
	nav.yellow.show ul.nav-1 > li#navigation-1-73 a { border-top: 1px dotted #000; }
	nav.show ul.nav-1 > li ul { display: none; }
	nav.show ul.nav-1 > li.active ul,
	nav.show ul.nav-1 > li.has-active ul { display: block; position: relative; width: 100%; }
	nav.show ul.nav-1 > li#navigation-1-75 > ul { right: auto; }
	nav.show ul.nav-1 > li.active ul li > a,
	nav.show ul.nav-1 > li.has-active ul li > a { padding: 15px 15px 15px 30px; border-top: 1px dotted #ccc; background: rgba(255,255,255,0.7); color: #000; }
	nav.show ul.nav-1 > li.has-active ul li.active > a { background: rgba(255,255,255,0.9); }
	nav.show ul.nav-1 > li.has-active ul li.active > a:before {
		content: "";
		display: block;
		position: absolute;
		top: 16px;
		left: 5px;
		width: 0;
		padding: 0;
		margin: 0;
		border-top: 5px solid transparent;
		border-left: 5px solid #000;
		border-bottom: 5px solid transparent;
	}
	nav.show ul.nav-1 > li.active ul li ul li > a,
	nav.show ul.nav-1 > li.has-active ul li ul li > a { padding: 15px 15px 15px 45px; border-top: 1px dotted #fff; }
	nav.show ul.nav-1 > li.has-active ul li ul li.active > a { background: rgba(255,255,255,0.9); }
	body { font: 14px/24px "nimbus-sans", Helvetica, Arial, sans-serif; font-weight: 100; }
	
	#content .container,
	#content.dine .container,
	#content.shop .container,
	#content.conditions .container,
	#content.signatures .container { padding: 4.5em 15px 3em 15px; }
	#announcement .container { padding: 50px 10% 30px 10%; }
	
	.banner .brief { display: none; }
	
	#home-events ul { display: block; }
	#home-events ul li { flex-grow: 0; }
	#home-events ul li.event { width: 100%; margin: 0 0 15px 0; }
	#home-events a.more.calendar { width: 20%; margin: 0 40%; }
	
	#home-food .food-feature div img { float: left; width: 100%; }
	#home-food .food-feature div h3,
	#home-food .food-feature div p { width: 100%; }
	#home-food .food-feature div#feature-food h4 { position: relative; clear: both; float: left; width: 25%; right: auto; }
	#home-food .food-feature div#feature-food > a { position: relative; float: right; width: 75%; }
	#home-food .food-feature div#feature-retail h4 { position: relative; clear: both; float: right; width: 25%; left: auto; }
	#home-food .food-feature div#feature-retail > a { position: relative; float: left; width: 75%; }
	
	#home-sustainability .container ul li { padding: 100px 0 0 0; }
	
	div#profile-set div.profile { flex-basis: 49%; max-width: 49%; margin-left: 2%; }
	div#profile-set div.profile:nth-child(2n+1) { margin-left: 0; }
	
	div.document-category { width: 100%; margin: 0 0 15px 0; }
	
	.attraction img.hero-image { float: left; width: 100%; margin: 0 0 30px 0; }
	.attraction img.logo { width: 40%; margin: 0 0 20px 20px; }
	
	.feature-set article.feature { border: none; }
	.feature-set article.feature img.article-image { width: 100%; }
	.feature-set article.feature div.article-body { width: 100%; padding: 15px; }
	.feature-set article.feature p.action-bar { position: relative; clear: both; float: left; width: 100%; margin: 0 0 15px 0; left: auto; bottom: auto; right: auto; }
	
	article.list-item img.article-image { width: 40%; }
	article.list-item div.article-body { width: 60%; }
	
	div.trail-set { width: 100%; margin: 0 0 15px 0; }
	div.trail-side { clear: both; float: left; width: 100%; padding: 0; }
	
	.form-block form.giftcard-form { padding: 30px; }
	form.giftcard-form .input.text label,
	form.giftcard-form .input.select label { width: 30%; font-size: 16px; line-height: 2; }
	form.giftcard-form .input.text span { width: 20%; height: auto; }
	form.giftcard-form .input.text span button { width: 30px; height: 30px; font-size: 20px; }
	form.giftcard-form .input.text input[type="text"],
	form.giftcard-form .input.select select { height: 30px; font-size: 20px; }
	form.giftcard-form fieldset.shipping .input.text label,
	form.giftcard-form fieldset.shipping .input.select label { width: 100%; text-align: left; }
	form.giftcard-form fieldset.shipping .input.text input[type="text"],
	form.giftcard-form fieldset.shipping .input.select select { width: 100%; }
	
	#footer-navigation .menu { display: none; }
	#footer-navigation div.footer-info { width: 100%; }
	#footer-navigation div#f-about { width: 100%; margin-top: 50px; padding: 0; }
}

/* Up to standard 620 (phone landscape and portrait display) */
@media only screen and (max-width: 620px) {
	body.board-members nav ul.nav-1 { width: 100%; }
	#holiday-cover #holiday-link { width: 90%; margin: 15% 5% 0 5%; }
	.container img.img_left, .container img.img_right { float: left; max-width: 50%; padding: 0; margin: 0 25% 20px 25%; }
	h1.site-title { top: 35px; }
	.site-header ul.social { width: 80%; margin: 0 0 10px 10%; }
	.site-header ul.social li { margin: 0 0 0 5px; }
	nav.clearfix { min-height: 90px; }
	.home-banners,
	.home-banners-video { display: none; }
	#notifications { padding: 50px 0 0 0; }
	#notifications .container div { width: 100%; text-align: center; font-size: 20px; }
	#notifications .container a#conditions { width: 100%; float: left; font-size: 20px; text-align: center; }
	.home-block { padding: 0; }
	.home-block p { width: 100%; margin: 0 0 1.5em 0; font-size: 16px; line-height: 22px; }
	#home-posts { padding: 30px 0; }
	#home-posts div.post,
	#home-posts div.post:nth-of-type(3n+1) { width: 100%; margin: 0 0 15px 0; }
	#home-posts div.post p { font-size: 1em; line-height: 1.4em; }
	#home-events { margin: 30px 0; }
	#home-events ul li.event div.event-set { width: 100%; }
	#home-events ul li.event.active div.event-set a.close-list {  }
	#home-events ul li.event > a:after { display: none; }
	#home-events a.more.calendar { width: 34%; margin: 0 33%; }
	
	#home-food .food-feature div#location-feature div.location { width: 100%; }
	#home-food .food-feature div#location-feature div.location div.location-info { padding: 10px; }
	#home-food .food-feature div#location-feature div.location div.location-info p { font-size: 12px; line-height: 16px; }
	#home-food .food-feature div h3 { padding: 0; }
	#home-food .food-feature div span.spacer { margin: 0; }
	#home-food .food-feature div p { padding: 10px 0 0 0; }
	#home-food .food-feature div#feature-food h4 { width: 40%; padding: 10px; }
	#home-food .food-feature div#feature-food > a { width: 60%; }
	#home-food .food-feature div#feature-retail h4 { width: 40%; padding: 10px; }
	#home-food .food-feature div#feature-retail > a { width: 60%; }
	
	#home-subscribe form { float: left; left: auto; width: 100%; margin: 0; }
	
	#home-sustainability { margin: 30px 0; }
	#home-sustainability .container ul { width: 90%; margin: 0 5%; }
	#home-sustainability .container ul li { padding: 80px 0 0 0; }
	#home-sustainability .container ul li.target,
	#home-sustainability .container ul li.leaf,
	#home-sustainability .container ul li.compost,
	#home-sustainability .container ul li.water,
	#home-sustainability .container ul li.recycle,
	#home-sustainability .container ul li.target:hover,
	#home-sustainability .container ul li.leaf:hover,
	#home-sustainability .container ul li.compost:hover,
	#home-sustainability .container ul li.water:hover,
	#home-sustainability .container ul li.recycle:hover { background-size: 65%; }
	ul button.slick-prev { left: -10px; background: none; }
	ul button.slick-next { right: -10px; background: none; }
	
	#home-support .container { padding: 0 0 50px 0; }
	#home-support .container .foundation-block { width: 100%; margin: 0; }
	
	#content.dine .container .main-region .cke .c1 > p:first-of-type,
	#content.shop .container .main-region .cke .c1 > p:first-of-type { width: 90%; margin: 0 5% 20px 5%; }
	
	#content.dine .container > .profile div.body,
	#content.shop .container > .profile div.body { font-size: 1em; }
	#content.dine .container > .profile ul.photo-set,
	#content.shop .container > .profile ul.photo-set { width: 100%; margin: 0 0 40px 0; }
	
	.event-set { width: 100%; margin: 0 0 15px 0; }
	#calendar-set { width: 100%; margin: 0 0 15px 0; }
	form.calendar-filter { width: 100%; margin: 0; }
	
	div#attraction-set div.attraction,
	div#attraction-set div.attraction:nth-of-type(3n+1) { clear: both; width: 100%; margin: 0 0 20px 0; }
	
	.attractions-callout .container { width: 100%; max-height: 450px; padding: 0 15px; margin: 165px 0 0 0; overflow: scroll; }
	#attractions-callout-close { top: 0; right: 0; }
	.attractions-callout a#attractions-link { width: 50%; margin: 0 0 30px 0; }
	.attractions-callout ul { padding: 0 0 30px 0; }
	
	#content.dine .container > .profile img,
	#content.shop .container > .profile img { width: 100%; margin: 0 0 15px 0; }
	#content.dine .container > .profile div.body,
	#content.shop .container > .profile div.body { float: left; width: 100%; }
	
	article.list-item img.article-image { width: 100%; }
	article.list-item div.article-body { width: 100%; padding: 15px; }
	article.list-item p.action-bar { width: 100%; padding: 0 0 0 15px; }
	article.full-article { width: 100%; }
	article.full-article h2 { font-size: 1.5em; }
	.article-sidebar { display: none; }
	#content ul.pagination-links { width: 100%; margin: 0; }
	
	div#staff-set div.staff { width: 100%; margin: 0 0 20px 0; }
	
	div.trail-legend ul { width: 100%; margin: 0 0 15px 0; }
	div.trail-set div.trail div.trail-image { width: 100%; margin: 0 0 15px 0; }
	div.trail-set div.trail > ul { width: 100%; padding: 0 10px; }
	#content div.trail-set div.trail ul li:before,
	#content div.trail-set div.trail ul li:hover:before,
	#content div.trail-set div.trail ul li ul li:before,
	#content div.trail-set div.trail ul li:hover ul li:hover:before { content: "^"; }
	div.trail-set div.trail p { width: 100%; }
	div.trail-side { padding: 0; }
	
	.form-block form.giftcard-form { padding: 15px; }
	form.giftcard-form .input.text label,
	form.giftcard-form .input.select label { width: 40%; font-size: 16px; line-height: 2; }
	form.giftcard-form .input.text span { width: 10%; height: auto; }
	form.giftcard-form .input.text span button { width: 30px; height: 30px; font-size: 20px; }
	form.giftcard-form .input.text input[type="text"],
	form.giftcard-form .input.select select { height: 30px; font-size: 20px; }
	form.giftcard-form fieldset.shipping .input.text label,
	form.giftcard-form fieldset.shipping .input.select label { width: 100%; text-align: left; }
	form.giftcard-form fieldset.shipping .input.text input[type="text"],
	form.giftcard-form fieldset.shipping .input.select select { width: 100%; }
	form.giftcard-form div.order ul.line-items,
	form.giftcard-form div.order div.fees { padding: 0; }
	#content form.giftcard-form div.order ul.line-items li,
	#content form.giftcard-form div.order div.fees ul li { line-height: 1.25; }
	form.giftcard-form div.total h4 { font-size: 26px; }
	
	table.sponsors {
		display: block;
		position: relative;
		float: left;
		padding: 0;
		margin: 0 0 15px 0;
	}
		table.sponsors td.sponsor-logo {
			display: block;
			position: relative;
			clear: both;
			float: left;
			width: 100%;
		}
		table.sponsors td.sponsor-copy {
			display: block;
			position: relative;
			clear: both;
			float: left;
			width: 100%;
			border: none;
		}
	
	div.c1, div.c2, div.c3 { width: 100%; margin: 0 0 1.5em 0; }
	
	#footer-navigation div.footer-info { width: 100%; padding: 0; }
	#footer-navigation div#f-about { padding: 0; }
	#footer-navigation div#f-about.footer-info { margin-top: 80px; }
	ul.footer-legal-nav { width: 100%; margin: 0; }
}

/* Up to standard 320 (phone landscape and portrait display) */
@media only screen and (max-width: 320px) {
	
}