/* Phablet  */
@media screen and (max-width: 999px) {
	
	html { font-size: 14px; box-sizing: border-box; }
	*, *:before, *:after { box-sizing: inherit; }

	body {
		position: relative;
		background: #fff;
		
		z-index: 1000; /* used to trigger JS breakpoints */
		
		font-size: 1rem;
	}
	body:after { content: none; display: none; background: none; }
	.container { max-width: 100%; }
	.push { display: none; }
		
	#header { padding: 0 10px; }
	.header-nav { margin: 1.5em 0; }
	.tools-bar { display: none; }
/* 	#actionbar { display: none; } */

	.search-form div.input.text input,
	.search-form div.overlabel_container input { width: 240px; }
	.search-form div.input.text label,
	.search-form div.overlabel_container label { top: 9px; }
	
	.social { margin: 1em 0; float: none; text-align: center; }
	.social li { margin: 0 .25em; }
	.social a { width: 32px; height: 32px; }
	.social li.yt a { width: 82px; }
	#footer .social { background: #fff; padding: 1em 0; border-top: 3px solid #209dcf; }
	
	
	/* NAVIGATION */
	#navigation { position: relative; border-bottom: 1rem solid #fff; text-align: center; z-index: 1000; }
	#navigation:before { display: block; content: "☰ Menu"; color: #fff; font-size: 1rem; line-height: 3rem; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; }
	#navigation.show:before { display: block; content: "[X] Menu"; color: #ccc; color: rgba(255,255,255,0.5); }
	#navigation .container { display: none; }
	#navigation.show .container { display: block; padding-bottom: 0.5rem; }
	#navigation ul.nav_1 { display: block; float: none; background: rgba(0,0,0,0.1); text-align: left; }
	#navigation ul.nav_1 li,
	#navigation ul.nav_1 li#nav_li_item_133,
	#navigation ul.nav_1 li#nav_li_item_141 { display: block; float: none; margin: 0; border-bottom: 1px solid #ccc; border-bottom: 1px solid rgba(255,255,255,0.2); }
	#navigation ul.nav_1 li a { border: 0; margin: 0; padding: 0 0.5rem; height: auto; font-size: 1rem; line-height: 3rem; }
	#navigation ul.nav_1 li a,
	#navigation ul.nav_1 li:hover a,
	#navigation ul.nav_1 li.at a { color: #fff; }
	#navigation ul.nav_1 li.at a { background: transparent; }
	#navigation ul.nav_1 > li > a:after { display: inline; content: " ▾ "; float: right; color: #ccc; color: rgba(255,255,255,0.3); }
	#navigation ul.nav_1 li a:hover, 
	#navigation ul.nav_1 ul li a:hover, 
	#navigation ul.nav_1 ul li.at a { background: inherit; }
	#navigation ul.nav_1 ul,
	#navigation ul.nav_1 li:hover ul { display: none; position: relative; background: inherit; }
	#navigation ul.nav_1 ul.show,
	#navigation ul.nav_1 li:hover ul.show { position: relative; display: block; float: none; border: 0; margin: 0; padding: 0; background: rgba(0,0,0,0.2); opacity: 1; }
	#navigation ul.nav_1 ul:after { display: block; content: " "; clear: both; }
	#navigation ul.nav_1 ul > li { display: block; border-top: 1px solid #ccc; border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 0; }
	#navigation ul.nav_1 li:hover a { background: transparent; }
	#navigation ul.nav_1 ul > li a { padding: 0.8rem 0.5rem 0.8rem 1.25rem; color: #fff; font-size: 0.9rem; text-decoration: underline; }
	#navigation ul.nav_1 ul li.at a { background: transparent; }
	#navigation ul.nav_1 ul > li > ul,
	#navigation ul.nav_1 li:hover ul ul { display: block; padding: 0; background: rgba(0,0,0,0.2); opacity: 1; }
	#navigation ul.nav_1 ul > li > ul:after { display: block; content: " "; clear: both; }
	#navigation ul.nav_1 ul > li > ul li { display: inline-block; float: left; width: 50%; }
	#navigation ul.nav_1 ul > li > ul > li a { padding: 0.6rem 0.5rem 0.6rem 2rem; color: #fff; font-size: 0.75rem; }
	#navigation #nav_li_item_171 { display: none; } /* navigation items HIDDEN due to size constraints */
	
	.secure-files #navigation { display: none; } /* Hide on Board of Directors site as it is empty. */
	
	/* 	gebaral templates */
	#col1,
	.blog #col1 { width: 25%; margin-right: 2%; margin-left: 1%; min-height: 0; }
	
	#col2,
	.blog #col2,
	.gallery #col2,
	.contact #col2,
	.calendar #col2 { width: 70%; margin-right: 1%; margin-left: 1%; }
	
	.subnav_2 { display: none; }
	.secure-files .subnav_2 { display: block; }
	.secure-files .subnav_2 li a { margin-right: 0; }
	.secure-files .subnav_2 li.at a { background-image: none; background-color: #b5e2f6; }
	.secure-files .subnav_2 li a:hover { background-image: none; background-color: #cccccc; }
	
	#col2 .content { padding: 0; }
	
	.column { display: block; width: 100%; margin: 1rem 0; float: none; }
	
	/* 	Services */
	ul.services > li { padding: 1rem 0; }
	ul.services > li div.img { display: block; float: none; width: auto; max-width: 100%; }
	ul.services > li div.desc { margin-left: 0; }
	ul.services > li p.brief { max-height: none; }
	ul.services > li .details { margin: 0.75em 0; font-size: 1rem; }
	ul.services > li p.more { display: none; }
	.service-display .logo { float: none; padding: 0; margin: 1rem 0; border: 4px solid #eee; max-width: 148px; }
	.service-display .body { width: 100%; }
	.service-display .details { border: 0; padding: 0; float: none; }
	.service-display .details .location { display: none; }
	.service-display .additional { margin-left: 0; }
	
	/* 	News */
	.news .content-display { margin-right: 0; }
	
	/* 	Blog  */
	.blog #col2 { margin-left: 1%; margin-right: 1%; }
	.blog #col1 { margin-left: 1%; margin-right: 1%; }
	#header h1 a span.hint { bottom: auto; top: 0; }
	.blog #leadblock { max-width: none; float: none; height: auto; border: 6px solid #e6e6e6; }
	.blog #leadblock .article-date { left: 0;  top: auto; bottom: 5px; width: 18%; }
	.blog #leadblock .article-desc { right: 0; top: auto; bottom: 5px; width: 81%; }
	.blog #leadblock .article-desc h3 { font-size: 18px; }
	
	.blog.comment #leadblock,
	.blog.read #leadblock { width: 100%; }
	.blog.comment .content-display,
	.blog.read .content-display { margin: 0; }
	.blog .categories,
	.blog .archives { margin: 0 0 1em 0; float: none; }
	
	
	/* CONTACT forms */
	.contact #col1 { width: auto; margin-left: 1%; }
	.contact-display form fieldset input,
	.contact-display form fieldset textarea,
	.contact-display form fieldset.textarea textarea { min-width: 0; width: 100%; }
	
	.contact .contact-display .overlabel_container,
	.contact .contact-display .overlabel-wrapper { float: none; }
	.contact .contact-display form fieldset.textarea div,
	.contact .contact-display form div#recaptcha_image,
	.contact .contact-display form div#recaptcha_type { position: static; right: auto; bottom: auto; float: none; margin: auto;  }
	.contact .contact-display form div#recaptcha_input { left: auto; float: none; margin: auto; }
	.contact-display form fieldset input { padding: 3px; }
	.contact .contact-display form .submit { float: none; }
	
	/* Home page */
	#panel { padding: 20px 10px; }
	#featured { width: 38%; margin-left: 0; }
		.home #fids-filter input.search { box-sizing: content-box; font-size: 16px; }
		
		#parking-calculator .input.text.inline { width: 100%; margin-bottom: .5em; }
		#parking-calculator .input.text input { padding: 3px 5px; width: 100%; height: auto; }
		#parking-calculator form span.select { box-sizing: content-box; width: 40px; }
		#parking-calculator form select.styled { width: 80px; }
		#parking-calculator .input.submit { display: block; margin-bottom: 1em; }
		#parking-calculator .input.submit input { line-height: 1.5; height: 32px; }
	
	      #leadblock,
	.home #leadblock { max-width: 60%; }
	.home #leadblock::after { width: 100%; height: 40px; }
	.home #leadblock a strong.bar { height: auto; }
	.homeblock.right { max-width: 60%; }

	
	
	/* FOOTER */
	#footer { height: auto; text-align: center; }
	#footer #footer-inside,
	#footer .container { max-width: 100%; padding: 0 0 10px 0; }
	.footer_nav_1 { display: block; float: none; margin: 0 0 30px 0; background: rgba(0,0,0,0.1); }
	.footer_nav_1 li { display: block; float: none; border-bottom: 1px solid #ccc; border-bottom: 1px solid rgba(255,255,255,0.2); }
	.footer_nav_1 li a,
	.footer_nav_1 li:hover a { border: none; color: #fff; font-size: 0.8rem; line-height: 2.6rem; }	
	#footer .container p { display: block; float: none; margin: 2rem; color: #ccc; color: rgba(255,255,255, 0.6); font-size: 0.8rem; }
	#footer .container p a { color: #ccc; color: rgba(255,255,255, 0.6); }
	
	
	.ui-datepicker td a { width: 40px; min-height: 40px; }
	
	/* 	paginate */
	#col2 .paginate { height: auto; margin: 2rem 0; padding: 1rem 0; border: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: none; color: #ccc; }
	#col2 .paginate span { display: inline; float: none; border: 0; padding: 0; }
	#col2 .paginate span.counter,
	#col2 .paginate span.pages { display: block; }
	#col2 .paginate span.first,
	#col2 .paginate span.prev,
	#col2 .paginate span.next,
	#col2 .paginate span.last { display: none; }
	#col2 .paginate a { display: inline; color: #209dcf; text-decoration: underline; }
	#col2 .paginate span { font-size: 1.2em; }
	#col2 .paginate span a { font-size: 1em; }
	#col2 .share.styled { display: block; margin: 2rem 0; }
	#col2 .share.styled .st_sharethis_custom { display: inline-block; float: none; margin-bottom: 0.5rem; background: #209dcf; }
}



/* Mobile  */
@media screen and (max-width: 600px) {
	
	html { font-size: 16px; }
	body { z-index: 600; /* used to trigger JS breakpoints */ }
	
	input, textarea, select { font-size: 16px; height: auto; -webkit-border-radius: 0;  border-radius: 0; padding: .25em; }
	.overlabel-wrapper input, .overlabel_container input { height: auto; width: 100%; padding: .25em; }
	
	.overlabel-wrapper, .overlabel_container { float: none; margin-bottom: 1em; }
	.submit { margin-bottom: 1em; }

	/* HEADER */
		
	#header { position: relative; padding: 30px 10px 10px; min-height: 0; }
	
	#header h1,
	.blog #header h1 { float: none; margin: 0; padding: 0; border: none; }
	#header h1 a,
	.blog #header h1 a { display: block; width: auto; height: 72px; margin: 10px auto; padding: 0; background-position: center center; background-size: auto 100%; }	
	.blog #header h1 .hint { display: none; }
			
	.header-nav { position: absolute; top: 0; right: 0; left: 0; float: none; width: 100%; margin-top: .5em; }
	.header-nav ul { float: none; text-align: center; }
	.header-nav ul li { display: inline; float: none; }
	.header-nav ul li a,
	.header-nav ul li.last a { padding: 2px 6px; font-size: .8rem; }
	
	#actionbar { float: none; }
	#actionbar .social { display: none; }
	.search-form { float: none; margin: 20px 0 10px; }
	

	.search-form div.input.text,
	.search-form div.overlabel_container { width: 88%; float: none; display: inline-block; margin-bottom: 0; }
	.search-form div.input.text input,
	.search-form div.overlabel_container input { width: 100%; height: 30px; font-size: 16px; }
	.search-form .submit { width: 30px; height: 30px; display: inline-block; vertical-align: middle; }
		
	/* HOME page */
	.home #featured { width: 100%; margin: 10px 0; float: none; }
	.home #fids { padding-bottom: 20px; margin-bottom: 20px; display: block; }
	
	.waa.home main {
		display: -webkit-flex; 
		display:         flex;
		-webkit-flex-direction: column;
		        flex-direction: column;
	}
	.waa.home #featured        { -webkit-order: 3; order: 3; }
	.waa.home #leadblock       { -webkit-order: 1; order: 1; margin-top: 0; }
	.waa.home .homeblock.right { -webkit-order: 2; order: 2; }
		
	.home #fids-filter .overlabel-wrapper,
	.home #fids-filter .overlabel_container { width: 96%; }
	.home #fids h3:before,
	#parking-calculator h3::before { width: 40px; height: 40px; margin-left: 0; }
	.home input#FidsSearchArr.search { display: block; width: 100%; }
	.home #fids-filter input.submit { display: block; width: 100%; margin: 0.5em 0; }
	.home #leadblock { margin-top: 20px; width: auto; max-width:none; float: none; }
	.home #leadblock a strong.bar { bottom: 80px; width: 100%; max-width: 100%; height: auto; background-color: rgba(32, 157, 207, 0.85); background-image: none; white-space: normal; }
	.home #leadblock::after { content: none; }
	.feature-links { bottom: 20px; left: 10px; text-align: center; }
	.feature-links > li { width: 32px; height: 32px; background-color: rgba(32, 157, 207, 0.85); display: inline-block; margin: 0 .25em; }
	.feature-links > li.at,
	.feature-links > li:hover { background-color: rgba(32, 157, 207, 0.5); }
	
	.homeblock.right { max-width: none; }
	
	.homeblock .buttons.ad.type_4 { width: 100%; margin-left: 0; margin-right: 0; }
	.homeblock .buttons.ad.type_4 a { display: block; }
	.homeblock .buttons.ad.type_4 a img  {  position: absolute; left: 5px; top: 5%; bottom: 5%; width: auto; height: 90%; margin: 0; }
	.homeblock .buttons.ad.type_4 a strong  {  margin: 1em 0; }
		
	/* MAIN content areas */
	#main { }
		
		
		
		#col1 {
			display: none;
			width: 100%;
			margin: 0 0 1em 0;
		}
		.secure-files #col1 { display: block; }
			
		#col2,
		.contact #col2 {
			width: 100%;
			max-width: 100% !important;
			margin: 0 0 1em 0;
		}
		#col2 + #col1 { display: block; max-width: 230px; width: 100%; margin-left: 1%; }
		
			#col2 form { max-width: 100%; }
			#col2 form fieldset { display: block; float: none; max-width: 100%; }
			#col2 form fieldset > div {
				position: relative !important;
				top: auto !important;
				right: auto !important;
				left: auto !important;
				bottom: auto !important;
				margin: 0 !important;
				display: block !important;
				float: none !important;
				max-width: 100%;
			}
	
		#col2 form fieldset { max-width: 100%; }
		#col2 form select { max-width: 100%; }
		#col2 form textarea { max-width: 100%; }
		
		#col2 ul.galleries { box-sizing: border-box; max-width: 100%;
				padding: 1rem;
				background: transparent;
			}
			
				#col2 ul.galleries li {
					display: block;
					float: none;
					width: 100%;
					margin: 0;
				}
				
				#gallery {
					max-width: 100%;
				}
				
					#gallery div#large {
						border: 0;
						padding: 0;
					}
		
			#col2 .content {
				max-width: 100%;
				background: transparent;
				padding: 10px;
			}
			
				#col2 .lead-image {
					display: block;
					max-width: 100%;
					height: auto !important;
					margin-bottom: 20px;
				}
				
				#col2 iframe {
					max-width: 100% !important;
				}
			
				#col2 h2.heading,
				.gallery #col2 h2 {
					margin: 2rem 0 1rem 0;
					padding: 0 10px;
					background-image: none;
					
					color: #209dcf;
					font-size: 2rem;
					line-height: 1.25;
					text-transform: uppercase;
				}
				
				#col2 #quickfind {
					display: none;
				}
				
				#col2 .content img,
				#col2 .content img.framed,
				#col2 .content iframe {
					box-sizing: border-box;
					max-width: 100%;
/* 					height: auto !important; */
/* 					padding: 0 !important; */
				}
				
				.virtualtour iframe { min-height: 300px; }
				
				
				#col2 .content .mobile-table {
					width:100%;
					max-width: 100%;
					margin: 1em 0;
					
					overflow: scroll;
				}
					
					#col2 .content table {
						width:100%;
						max-width: 100%;
						border: 1px solid #ccc;
						border-bottom: 0;
						border-right: 0;
						
						font-size: 12px;
					}
					
						#col2 .content table th,
						#col2 .content table td {
							border-bottom: 1px solid #ccc;
							border-right: 1px solid #ccc;
							
							white-space: nowrap;
						}
				
				#col2 .content a[rel~="external"]:not(.button):not(.noframe):not(.framed) {
					padding-right: 1.4rem;
					background-size: auto 80%;
					background-position-y: bottom;
				}
				
				
						
				.news #col2 {
				}
							
					.news #col2 form.filter {
						padding: 0;
						margin: 0 0 1rem 0;
						border: 0;
					}
					
					.news #col2 p.rss.more {
						top: -3rem;
						right: 0;
						text-indent: -9999px;
						overflow: hidden;
					}
					
					.news #col2 .content-display {
						margin: 0;
					}
							
					.news #col2 .listing {
						margin-bottom: 3rem;
					}
					
					.news #col2 .content-display p.more {
						font: inherit;
					}
					p.article-date { margin-left: 0; }
				
	/* !BLOG */
	.blog #col2 {
		width: 100%;
		margin: 0;
		padding: 10px;
	}
	.blog p.more a {
		text-decoration: underline;
	}
	
	.blog.read #col2 .content {
		
	}
	
	.blog.comment p.article-date,
	.blog.read p.article-date {
		margin-left: 0;
	}
		
		
		
		.blog #col2 h2.heading {
			float: none;
			margin: 0px 0 1rem 0;
			padding: 0;
			border: 0;
			
			z-index: 100;
		}
		
			.blog #col2 h2.heading a {
				display: block;
				width: 234px;
				margin: 0 auto;
			}
			
				.blog #col2 h2.heading a:hover {
					background-position: 0 -300px;
				}

		
			.blog #leadblock .article-date {
				position: relative;
				left: auto;
				top: auto;
				width: 100%;
				height: auto;
				padding-bottom: 0;
				background: none;
				
				text-align: center;
			}
			
				.blog #leadblock .article-date p.article-month,
				.blog #leadblock .article-date p.article-day {
					display: inline;
					
					color: white;
					font: bold 13px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
				}
			
			.blog #leadblock .article-desc {
				position: relative;
				right: auto;
				top: auto;
				padding: 0;
				width: 100%;
				height: auto;
			}
			
				.blog #leadblock .article-desc h3 {
					white-space: normal;
					margin: 0;
					padding: 0.5rem;
				}
			
				.blog #leadblock .article-desc p {
					white-space: normal;
					padding: 0 0.5rem 1rem;
					margin: 0;
				}
				
					.blog #leadblock .article-desc p:empty {
						display: none;
					}
					
		.blog .post {
			margin-bottom: 2rem;
			border: 0;
			background: none;
		}
		
			.blog div.post div.img {
				float: none;
				margin: 0;
			}
			
			.blog div.post h3 {
				white-space: normal;
			}
					
			.blog div.post .share {
				display: none;
			}
			
		.blog.comment #col2 .article,
		.blog.read #col2 .article {
			border: 0;
			margin: 0;
			padding: 0;
			box-shadow: none;
			background: none;
		}
		
			.blog.comment h2,
			.blog.read h2 {
				color: #29242e;
				font-size: 2em;
			}
			
			.blog.comment #leadblock,
			.blog.read #leadblock {
				border: 0;
				margin: 0 0 1rem 0;
				padding: 0;
				box-shadow: none;
				background: none;
				width: 100%;
			}
		
		
		
	/* !FIDS */
	
	#fids .fids-tabs,
	#fids .update,
	#fids #fids-days {
		display: none;
	}
	
	#fids { padding: 10px; }
	#fids-filter { padding: 0 0 1rem; margin-bottom: 1rem; border: 0; }
	
	#fids-filter h4 {
		margin: 0;
		padding: 0 0 1rem 0;
		background-image: none;

		color: #209dcf;
		font: inherit;
		font: bold 2rem/1.25 "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
	}
	
	#fids-filter .overlabel-wrapper,
	#fids-filter .overlabel_container {
		float: left !important;
		width: 80%;
	}
	
	#fids-filter input#FidsSearch { width: 100%; padding: 5px; }
	#fids-filter label.overlabel { display: none; }
	#fids-filter .button { float:left;  margin: 0 5%; padding: 0.3em 0.5em; text-transform: uppercase; width: 10%; }
	
	.fids {
	}
		
		.fids > li {
			border-top: 1px solid #ccc;
		}
		
			.fids > li.sort {
				display: none;
			}
						
		.fids li span,
		.fids li span.time,
		.fids li span.airline,
		.fids li span.flightno,
		.fids li span.city,
		.fids li span.status,
		.fids li span.baggage, .fids li span.baggage.belt-international,
		.fids li span.gate,
		.fids li > span.signup {
			box-sizing: border-box;
			width: 100%;
			padding: 0 8px;
			
			font-size: 12px;
			line-height: 1.6em;
			text-align: left;
			
			border-bottom: 1px solid #eee;
		}
		
			.fids li > span.signup span,
			.fids li > span.signup a {
				display: inline-block;
				border: 0;
				outline: 0;
				width: 35%;
				float: right;
				margin: 1em 7% 1em 0;
			}
			
				.fids li > span.signup span {
					background: #ddd;
					
					opacity: 0.5;
				}
			
				.fids li > span.signup a,
				.fids li > span.signup a:hover {
					border: 0;
					outline: 0;
					background: #209dcf;
					
					color: #fff;
				}
							
			.fids li span:before,
			.fids li span.time:before,
			.fids li span.airline:before,
			.fids li span.flightno:before,
			.fids li span.city:before,
			.fids li span.status:before,
			.fids li span.baggage:before,
			.fids li span.gate:before {
				display: inline-block;
				float: left;
				width: 50%;
				
				font-weight: bold;
			}
			
				.fids li span.time:before { content: "Schedule:"; }
				.fids li span.airline:before { content: "Airline:"; }
				.fids li span.flightno:before { content: "Flight Number:"; }
				.fids li.A span.city:before { content: "Arriving From:"; }
				.fids li.D span.city:before { content: "Departing To:"; }
				.fids li span.status:before { content: "Status:"; }
				.fids li span.baggage:before { content: "Baggage Carousel:"; }
				.fids li span.gate:before { content: "Gate:"; }
				
					.fids li span.baggage.belt-international {
						display: block;
						min-height: 0;
						background: none;
						
						text-indent: 0;
					}
					
					.fids li span.airline a {
						font-weight: normal;
						text-decoration: underline;
					}
					
		ul.flights_list li.cell {
			border-bottom: 1px solid #ddd;
		}
		
			ul.flights_list li.cell b {
				min-width: 0;
			}
			
		#sign_up_form { width: auto; }
		#sign_up_form.final div.overlabel_container { width: 70%; }
		#sign_up_form.final div.overlabel_container input { width: 100%; }
		#sign_up_form .button { width: 25%; }
			
		div.airline .logo { float: none; }
		div.airline .logo span.img-frame { display: inline-block; }
		div.airline .logo img { width: 110px; }
			
		
		.googlemap form.filter label { width: 10px; float: left; text-indent: -9999px; }
		.googlemap form.filter input.text { width: 90%; max-width: none; }
		
		#directionsForm .input { display: block; width: 100%; }
		#directionsForm input#fromInput, 
		#directionsForm input#toInput { margin: 0 0 .5em 0; }
		#directionsForm input#submit { width: auto; height: auto; padding: .25em 0.5em; background: #209dcf; color: #fff; font-size: 1em; text-indent: 0; }
		
		#directions_panel { padding: 0; overflow-x: scroll;}

}