@charset "UTF-8";
/* CSS Document */


/* 1200+  */
/****************************/
/* REGULAR					*/
/****************************/

@media (min-width: 1300px) {
	.mobile-show	{ display:none!important;}
	.mobile-hide	{ display:block!important;}
	
	.container { max-width:1450px; width:100%; padding:0 60px;}
	.post_box { height:300px;}
	#home-bio h1 { padding-top:50px;}
	
	.a-right .org-link {
		padding:10vh 40px 10vh 20%;
	}

	.a-left .org-link {
		padding:10vh 20% 10vh 40px;
	}
	
	.rftp { padding: 0 50px;}
	
	.bio-overlay { width:100%; height:100%; padding-top:105px; line-height:12px; opacity:0; background-color:rgba(0,0,0,.6); transition-duration: .75s;}
	.bio-overlay:hover { opacity:1;}
	

}

@media (min-width: 1200px) and (max-width: 1300px) {
	.mobile-show	{ display:none!important;}
	.mobile-hide	{ display:block!important;}
	
	.container { width:1200px;}
	
	.a-right .org-link {
	padding:10vh 40px 10vh 15%;
}

	.a-left .org-link {
		padding:10vh 15% 10vh 40px;
	}
	
	.rftp { padding: 0 50px;}
	
	.bio-overlay { width:100%; height:100%; padding-top:105px; line-height:12px; opacity:0; background-color:rgba(0,0,0,.6); transition-duration: .75s;}
	.bio-overlay:hover { opacity:1;}
}

/* 992 <-> 1300  */
/****************************/
/* IPAD LANDSCAPE 			*/
/****************************/

@media (min-width: 992px) and (max-width: 1200px) {
	
	
	.mobile-show	{ display:none!important;}
	.mobile-hide	{ display:block!important;}
	
	.container		{ width:1000px;}
	
	.footer {
		position:absolute;
		bottom:0;
	}
	.soon_shell { min-height:5px;}
	
	.rftp { padding: 0 50px;}
	
	.bio-overlay { opacity:0;}
}

/****************************/
/* 740 <-> 992  IPAD (P)
/****************************/

@media (min-width: 740px) and (max-width: 992px) {
	
	.mobile-show	{ display:none!important;}
	.mobile-hide	{ display:block!important;}
	.reservation_bar li.mobile-hide { display:none!important; }
	.bio-overlay { opacity:0;}
	
	.container 		{ width:740px;}
	
	.footer {
		position:absolute;
		bottom:0;
	}
	.soon_shell { min-height:5px;}
	.logo { width:100% !important; height:auto!important }
	.flex-caption { display:none !important }
	.flex-direction-nav { display:none !important;}
}


/****************************/
/* 480 <-> 750 IPHONE (L)
/****************************/

@media (min-width: 480px) and (max-width: 740px) {
	h1 { margin-top:15px; font-size:28px;}
	h4 { font-size:20px; }
	h2 { font-size:25px; padding:0 0 10px; margin:0;}
	
	.home-cat h2 {
		font-size: 40px;
		line-height: 40px;
	}
	
	.sidebar { margin-top:30px;}
	.sidebar h2 { text-align:center;}
	.sidebar .post-item .title { margin-left: 45px; font-size: 14px; }
	
		.family-blue h3 { font-size:30px;}
	
	.reservation-panel h2 { text-align: center; }
	#resClose { text-align:center; margin-top:30px;}
	
	article { margin:0 0 50px; }
	
	.dark { background-image: url("/images/background-dark-mobile.jpg"); }
	
	.mission-intro, .mission-swap { text-align:center; }
	
	#banners img,
	.full-bg { border-radius:0; }
	
	.dark h2, .dark-jam h2 { font-size:26px;}
	.jam-logo { width:240px; }
	.datestamp { font-size:12px; line-height:16px;}
	.mobile-show	{ display:block!important;}
	.mobile-hide	{ display:none!important;}
	.reservation_bar li.mobile-hide { display:none!important; }
	.bio-overlay { opacity:0;}
	.full-bg { height:450px; }
	.full-copy { padding:20px 10px; margin-bottom:20px; }
	.bio {margin:5px;}
	
	
	#mobile-nav ul li ul li { padding:5px 0 5px 15px; }
	#mobile-nav ul li ul li a {	font-size:12px;	}
	
	
	.container 		{ width:480px;}
	
	.mission-intro,
	.mission-swap{ font-size:24px; line-height:34px;}
	
	.footer {
		position:absolute;
		bottom:0;
	}
	.divpic { height:35vh; }
	
	#weblinks img { height:120px; }
	#weblinks p {
		font-size: 15px;
		line-height: 25px;
		text-align: center !important;
	}
	.org-link .btn { margin-top: 15px; }
	.org-link img { margin-bottom: 10px; }
	.a-left .org-link,
	.a-right .org-link{
		padding:30px 15px;
	}
	.restaurants p { text-align: left; }
	.post-item { margin-bottom: 20px;}
	.post-item a .title { margin-top:10px;}
	#banners .slides { border:none !important;}
	.logo { width:100% !important; height:auto!important }
	footer p { font-size:10px;}
	.soon_shell { min-height:5px;}
	.flex-caption { display:none !important }
	.flex-direction-nav { display:none !important;}
	.black_bg p { font-size:15px; line-height:21px;}
}

/****************************/
/* IPHONE PORTRAIT 			*/
/****************************/

@media (max-width: 480px) {
	h1, article h1 {font-size:27px; margin:10px 0 15px 0; padding:0; line-height:auto;}
	h4 { font-size:20px; }
	h2 { font-size:25px; padding:0 0 10px; margin:0;}
	
	article { margin:0 0 50px; }
	.dark { background-image: url("/images/background-dark-mobile.jpg"); }
	
	
	.mission-copy { padding:40px 0 70px; }
	.mission-intro, .mission-swap { text-align:center; }
	
	.home-cat h2 {
		font-size: 40px;
		line-height: 40px;
	}
	
	.sidebar { margin-top:30px;}
	.sidebar h2 { text-align:center;}
	
	.sidebar .post-item .title { margin-left: 45px; font-size: 14px; }
	
	.family-blue h3 { font-size:30px;}
	
	.reservation-panel { height: 100vh;}
	.reservation-panel h2 { text-align: center; }
	#resClose { text-align:center; margin-top:30px;}
	
	.dark h2, .dark-jam h2 { font-size:26px;}
	
	#banners img,
	.full-bg { border-radius:0; }
	
	.jam-logo { width:240px; }
	
	
	.datestamp { font-size:12px; line-height:16px;}
	
	.bio-overlay { opacity:0;}
	
	#mobile-nav ul li ul li { padding:5px 0 5px 15px; }
	#mobile-nav ul li ul li a {	font-size:12px;	}

	.mobile-show	{ display:block!important;}
	.mobile-hide	{ display:none!important;}
	.mobile-center	{ text-align:center;}
	
	.mission-copy { }
	.mission-intro,
	.mission-swap { font-size:25px; line-height:30px;}
	
	.reservation_bar li.mobile-hide { display:none!important; }
	
	.full-bg { height:300px; }
	.full-copy { padding:20px 10px; margin-bottom:20px; }
	
	.home-cat .row { margin-bottom:30px;}
	.home-cat {margin:20px 0;}
	.bio {margin:5px;}

	.container 		{ width:100%;}
	.divpic { min-height:35vh; height:35vh; }
	#weblinks img { height:120px; }
	#weblinks p {
		font-size: 15px;
		line-height: 25px;
		text-align: center !important;
	}
	.org-link .btn { margin-top: 15px; }
	.org-link img { margin-bottom: 10px; }
	.a-left .org-link,
	.a-right .org-link{
		padding:30px 15px;
	}
	.restaurants p { text-align: left; }
	.post-item { margin-bottom: 20px;}
	.post-item a .title { margin-top:10px;}
	.logo { width:100% !important; height:auto!important }
	#banners { 	margin-bottom:15px; }
	#banners .slides { border:none !important;}
	footer p { font-size:12px; line-height:18px;}
	
	.flex-direction-nav { display:none !important;}
	.soon_shell { min-height:5px;}
	.flex-caption { display:none !important }
	.black_bg p { font-size:15px; line-height:21px;}
}