/*
Theme Name:     Agility Child Theme
Theme URI:      http://agility.sevenspark.com
Description:    Child theme for Agility
Author:         Chris Mavricos, SevenSpark
Author URI:     http://sevenspark.com
Template:       agility
Version:        2.0w
*/


/* This stylesheet is unnecessary to include, unless you've edited it */
 @import url("../agility/style.css"); 
body {
      -webkit-font-smoothing: antialiased;
      font: 14px/21px "Podkova-Regular", "Georgia", "Times New Roman", serif;
	color: #070401;
	background: url(http://wheatedbrooklyn.com/blog/wp-content/themes/agility/images/bkgs/bk_pattern.gif) top left repeat;
}

#cff.cff-fixed-height {

	padding-bottom:20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*   */
entry-content {
	/*margin-right: 240px;*/
}


.followus {
	margin-left:430px;
    	float: left;
}
.flexslider {max-width:700px;}
.flex-container .flex-caption h5,
.flex-container .flex-caption h5 a{
	color:#f5f5f5;
	margin:0;
	border:none;
	text-transform: lowercase;
	line-height.9em;
}
.container  { 
	position: relative; 
	width: 720px;
	margin: 0px auto;
	padding: 0 80px 0 80px;
	height:auto;
}
.social-media.tooltip-container .tooltip {
	width: 0;
	display: none;
	height: 0;
	left: 0;
	top: 100%;
	right: auto;
	bottom: auto;
}
.directions {
	max-width:470px;
	padding-left:85px; 
	padding-top:5px; 
	height:50px; 
	line-height:1.2;
	background: url('http://wheatedbrooklyn.com/wp-	content/themes/twentytwelve/images/train_FG.png') no-repeat 22px 5px;
}
.directionsBQ {
	max-width:470px;
	padding-right:40px;
	padding-left:85px; 
	padding-top:5px; 
	height:50px; 
	line-height:1.2;
	background: url('http://wheatedbrooklyn.com/wp-	content/themes/twentytwelve/images/train_BQ.png') no-repeat 22px 5px;
}
.reviewstitlebox{
	margin:0px 20px 20px 20px; 
	color:#2e231a; 
	font-size:28px; 
	padding:26px 20px 10px 0px; 
	border-bottom:1px #070401 dotted;
}
.fbtitlebox{
	padding:0; 
	margin:0px 20px 0px 20px; 
	color:#2e231a; 
	font-size:28px; 
	padding:26px 20px 10px 0px; 
	border-bottom:1px #070401 dotted;
	width:650px;
}
.facebookbox{ 
	background: rgba(34, 31, 34, .3);
	margin:20px 28px 0px 0;
}
.reviews { 
	background: rgba(34, 31, 34, .3); 
	width:315px; 
	height:390px; 
	float:left; 
	margin:30px 0px 0 0; 
	padding:0 20px 20px 0;
}
.reviewentry { 
	color: #eed6c0 !important;
}
.map {
	padding-left:25px;
}

/* #Links
================================================== */
	a, a:visited { text-decoration: none; outline: 0; text-transform: uppercase;}
	a:hover, a:focus { color: #000; outline: 0; }
	p a, p a:visited, p a.button { line-height: inherit; }
#cff{
	/*background: rgba(34, 31, 34, .3);*/
	background-color: transparent;
}
#cff .cff-item{
  border-bottom: 1px solid #585559 !important;
}
#cff a {
  	text-decoration: none;
	color: #2e2b2f !important;
	text-transform: capitalize;
}
#cff .cff-view-comments {

    background: rgba(80, 59, 42, 0.33);

}
#cff .cff-meta li {
 
    color: #000000;
}
#facebookheader {
	margin-top:40px;
	background: rgba(34, 31, 34, .5);
}
.followus {
	float:left;
	font-weight:bold; 
	font-size:13px;
	padding-top:3px;
	color:#070401; 
/*	margin-left:10px; */
	margin-right:5px;
}
.arrow-e{
  border-style: dashed;
  border-color: transparent;
  border-width: 0.53em;
  display: -moz-inline-box;
  display: inline-block;
  /* Use font-size to control the size of the arrow. */
  font-size: 8px;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: middle;
  width: 0;
}
.arrow-e {
  border-left-width: 1em;
  border-left-style: solid;
  border-left-color: #585559;
  left: 0.25em;
}
.site-content {
	padding-bottom:10px;
}
#tweet {
	font-size: 18px;
	font-style: italic;
	padding: 15px 60px 15px 50px;
	position: relative;
	text-align: center;
	color: #070401;
}
#tweet::before {
	color: #5e595f;
}
#tweet::after {
	color: #5e595f;
	content: '”';
	font-size: 80px;
	position: absolute;
	top: 30px;
	left: 660px;
}
}
#tweet ul li a.tweet-time{
	font-size:10px;
	position:absolute;
	bottom:0px;
	text-transform:uppercase;
	font-style:normal;
	color:#777;
}
#drop-panel-expando {
	background: #000;
	display: inline-block;
	padding: none;
	color: #efefef;
	font-weight: 900;
	float: right;
	visibility:hidden;
	height:0px;
	width:0px;
}
.facebook-icon{
	background:transparent url(http://wheatedbrooklyn.com/blog/wp-content/themes/agility/images/icons/icons.png) 3px 5px no-repeat;
}
.facebook-icon:hover{
	background:transparent url(http://wheatedbrooklyn.com/blog/wp-content/themes/agility/images/icons/icons_over.png) 0px 5px no-repeat;
}
.twitter-icon{
	background:transparent url(http://wheatedbrooklyn.com/blog/wp-content/themes/agility/images/icons/icons.png) no-repeat 3px -18px;
}
.twitter-icon:hover{
	background:transparent url(http://wheatedbrooklyn.com/blog/wp-content/themes/agility/images/icons/icons_over.png) 0px -18px no-repeat;
}
.tooltip {
	font-family: Podkova-Bold, "Georgia", "Times New Roman";
	text-transform:uppercase;
	font-size:12px;
	margin-left:30px;
	color:#dec8ae;
}

.skin-red #tweet a{
	color: #070401;
	font-weight:bold;
}
.skin-red #tweet a:hover{
	color: #4c3a2a;
}
#tweet-time{
	color: #5e595f;
}
#tweet ul li a.tweet-time {
	font-size: 12px;
	position: absolute;
	bottom: 0px;
	text-transform: uppercase;
	font-style: bold;
	color: #070401;
}

.bkg-smoky hr, .bkg-fiber hr {
        border:none;


}
.hint {
	visibility:hidden;

}

.flexcarousel-controller ul.slides li img {
	max-width: 50px;
	height: auto;

}
.flexcarousel-controller ul.slides li {
	height: auto;
	max-width: 50px;
}

.flex-direction-nav {
	width:120px;
	left:660px;
}

.flex-container .flex-caption h5{
	display:inline-block;
	float:left;
	padding:8px 15px 0;
	background:#5e595f;
	background:rgba( 0,0,0, .5);
	font-weight:bold;
	font-family:Podkova-Bold;
}
.skin-red .wpcf7 label, .flex-container .flex-caption {
	border: none;
}
.flex-container .flex-caption .caption-text {
	display: inline-block;
	float: left;
	padding: 2px 15px;
	background: #5e595f;
	background: rgba( 0,0,0, .5);
	font-style: normal;
	font-size: 12px;
	clear: both;
	color: #fff;
	border: none;
	min-width: 100%;
	-webkit-box-sizing: none;
	-moz-box-sizing: none;
	-ms-box-sizing: none;
	box-sizing: none;
}

.mini {
	height:0;
	visibility:hidden;
}
hr {
	display: block;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	border-style: inset;
	border-width: 0px;
}
.directions {
	color: #070401;
	font-size:15px;
	overflow: visible;
	padding-right:150px;
}
#site-title{
	visibility:hidden;
	/*height: 100px;*/
}

#site-title a{
}
.column, .columns {
	/* float: left;
	margin-left: 0px; */
	display: inline;
	margin-right: 50px;
}




.flex-play, .flex-pause, .flex-next, .flex-prev {
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: none;
	text-indent: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding-top: 0px;
	margin-right:10px;
	line-height: 26px;
	background: #000;
	text-align: center;
	cursor: pointer;
	border-bottom: none;
	opacity: .5;
}
.flex-container .flex-direction-nav .flex-prev, .flex-container .flex-direction-nav .flex-next, .flexslider:hover .flex-direction-nav .flex-next, .flexslider:hover .flex-direction-nav .flex-prev {
	left: auto;
	right: auto;
	top: auto;
	height: 20px;
	width: 20px;
	text-indent: 0;
	background: #000;
	border-left: none;
	text-align: center;
	border-bottom: none;
	opacity: .5;
}


.flex-container .flex-direction-nav .flex-next:before {
  	content: "\f054";
	color:#706d73;
}
.flex-container .flex-direction-nav .flex-prev:before {
  	content: "\f053";
	color:#706d73;
}
.flex-container .flex-direction-nav .flex-prev:hover,
.flex-container .flex-direction-nav .flex-next:hover,
.flex-container .flex-pauseplay a:hover{
	background: #070401;
	opacity: .5;
	border-bottom-color:#bbb;
	color:#706d73;
}

.page #content p{
	line-height:1.1em;
	color:#070401;
        font-size:15px;
        overflow: visible;
	margin-right: 0px;
}

.single article.type-post header.entry-header, .single article.type-page header.entry-header, .single article.type-portfolio-item header.entry-header, .page-template-page-portfolio-php div.type-page header.entry-header, .page article header.entry-header, 
header.page-header {
	background: none;
	margin: 0;
	padding: 0;
	font-family: Podkova-Regular, "Georgia", "Times New Roman";
	
}

.bkg-fiber .wrap {
   background: url(http://wheatedbrooklyn.com/blog/wp-content/themes/agility/images/bkgs/bk_pattern.gif) left top repeat;
  }

#main-container{
        position:relative;
	z-index:10;
        background: url(http://wheatedbrooklyn.com/blog/wp-content/themes/agility/images/bkgs/bk_menu.jpg) top left repeat;
	/*max-width:700px;*/

	
}
#header{
	position:relative;
	z-index:20;
        margin: 0px auto;
        background: url(http://wheatedbrooklyn.com/blog/wp-content/themes/agility/images/bkgs/bk_menu.jpg) repeat 0 30px;

	
}
#header #header-inner{
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
	text-align:center;
	max-width:700px;
	font-family: Podkova-Regular, "Georgia", "Times New Roman";
	
}
.phone {
	padding-top:5px;
	padding-bottom:25px;
	color:#4c3a2a !important;
	text-transform:capitalize;
	text-decoration:none;	
	font-size:16px;
	font-family: "Podkova-Regular", "Georgia", "Times New Roman";
	font-weight:bold;
}
.phone a{
	color:#4c3a2a !important;
	text-decoration:none;
}

#header nav#main-nav{
	border-top:1px solid #76644f;
	border-bottom:1px solid #76644f;
	position:relative;
	padding:8px 0 0px 0;
	line-height:15px;
	width:450px;
        height:24px;
	margin-top:60px;
	margin-bottom:20px;
 	font-family: Podkova-Bold, "Georgia", "Times New Roman";
}

nav#main-nav > ul > li > a{
	color:#070401;
	border-top:none;
	-moz-transition: none;
	-webkit-transition: none;
	 font-family: Podkova-Bold, "Georgia", "Times New Roman";
	font-weight:bold;
	font-size:15px;
	font-style: normal;
	
}

nav#main-nav > ul,
nav#main-nav.nav-default-right > ul{
	float:right;
	}
nav#main-nav > ul > li:hover > a,
nav#main-nav > ul > li > a:hover{
	color: #4c3a2a;
}
#masthead{
	font-size: 18px;
	background-image:url('http://wheatedbrooklyn.com/blog/wp-content/themes/agility/images/logo.png');
	background-repeat:no-repeat;
	height:110px;
	background-position:140px 15px;
	margin:0;
	padding:0;
	overflow:visible;
}

#sub-title {
	color:#4c3a2a !important;
	text-transform:capitalize;		
	margin:80px 0 0px 0;
	padding:0;
	font-size:.9em;
	font-family: Podkova-Regular, "Georgia", "Times New Roman";
	background-image:none;
	font-style:normal;
	text-align:center;
}

#header #masthead,
#header nav#main-nav  {
	clear:both;
	width:100%;
	font-family: Podkova-Regular, "Georgia", "Times New Roman";
	}
nav#main-nav,
nav#main-nav.nav-default-right{
	margin:0;
	}
nav#main-nav > ul > li:first-child{
	margin-left:20px;
	} 
nav#main-nav > ul,
nav#main-nav.nav-default-right > ul{
	float:none;
	}

#colophon {
	color: #070401;
	text-align:left;
	background:none;
	border:none;
	font-size:12px;
	margin:30px 0 20px 25px;
}
.container .full-width.columns, .container .sixteen.columns {
	/*max-width:730px;*/
}

.drop-bar-container {
	margin-top:20px;
	border-top: none;
	margin-left:20px;


}
.hours{
	background-color:rgba(72,65,72,0.3);
	color:#201610;
	font-size:14px;
	font-weight:500;
	/*text-transform:uppercase;*/
	text-align:center;
	/*float:left;*/
	width:630px;
	margin-left:160px;
	line-height: 18px;
	padding: 5px 10px 5px 10px;
	margin-bottom: 10px;
	
}



.hours::after {
   	content: "Tues-Thurs 6pm-12am (kitchen closes at 10:30) • Fri & Sat 6pm-1am (kitchen closes at 11) \A Sunday 5pm-11pm (kitchen closes at 10:30) • Closed Mondays";
 	white-space: pre; /* or pre-wrap */
}
.far-edge{
	text-align:left;
	padding:0;	
	margin:0px;

}
/* Red - changed to wheated blue */
.skin-red, .sub-title,
.skin-red #main-container p a:not(.button),
.skin-red nav#main-nav > ul > li.current-menu-item > a,
.skin-red a.excerpt-link,
.skin-red .entry-meta .cat-links a,
.skin-red #colophon #footer-base a{
	color:#5e595f;
}
.skin-red .sub-title .site-description {
	color:#5e595f;
}
.skin-red .wpcf7 label,

.flex-container .flex-caption{
	border-bottom-color: #5e595f; 
}
.skin-red #colophon .footer-upper{
	border-top-color: #5e595f;
}
.skin-red .flex-container .flex-control-paging li a.flex-active{
	background:#5e595f;
}

/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #5e595f;
		font-family: Podkova-Regular, "Georgia", "Times New Roman";
		font-weight: normal; 
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 26px; line-height: 26px; margin-bottom: 10px; margin-top: 0px;color: #5e595f; font-family: Podkova-Regular;}
	h2 { font-size: 15px; line-height: 1.2; margin-bottom: 15px; background: url('http://wheatedbrooklyn.com/wp-content/themes/twentytwelve/images/bullet.png') no-repeat; padding-left: 25px; font-family: Podkova-Bold; font-weight: bold; color: #070401; }

	h3 { font-size: 15px; line-height: 15px; margin-bottom: 2px; font-weight:500; color: #070401; padding-left: 24px;}
	h4 { font-size: 14px; line-height: 14px; margin-bottom: 4px; color: #070401; font-family: Podkova-Bold;  font-weight: bold; }
	h5 { font-size: 14px; line-height: 14px; margin-bottom: 4px; color: #070401; Podkova-Bold;  font-weight: bold; padding-left:25px;text-transform: capitalize; }
	h6 { font-size: 14px; line-height: 18px; }
	.subheader { color: #070401; }

	p { margin: 0 0px 20px 0; color: #070401;padding-left: 24px;}
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

.single p,
.page #content p{
	line-height:1.1em;
	color:#070401;
        font-size:15px;
        overflow: visible;
}


#content {
	margin: 0 0 0px 0;
	padding: 0 240px 0px 0;
}
#main-container h1.page-title,
#main-container h2.page-title{
	margin-bottom:0;
	font-size:0em;
	color:none;
	height:0px;
	visibility:hidden;
}
#sixteen columns {
	height:400px;
}

@media screen and (max-width: 782px){

#masthead{
	padding-top:30px;
	margin-top:0px;
	margin-bottom:20px;
	font-size:18px;
	height:60px;
	background-position:center top;
	color: #70553e;
	}
.container {
	padding: 0 20px 0 0px;
	}

.hours {

    width: 725px;
    margin-left: 120px;
}
.hours::after {
   	content: "Tues-Thurs 6pm-12am (kitchen closes at 10:30)  •  Fri & Sat 6pm-1am (kitchen closes at 11) \A Sunday 5pm-11pm (kitchen closes at 10:30)  •  Closed Mondays";
 	white-space: pre; /* or pre-wrap */
}
#sub-title {
	margin: 20px 0 0px 0;
	line-height:1.2em;
    padding-top: 25px;

}

.container .full-width.columns, .container .sixteen.columns {
	max-width: 850px;
}
.entry-content {
	margin-right: 0px;
}
#content {
	margin: 0;
	padding: 0 200px 0px 10px;
}
.followus {
	margin-left: 445px;
	visibility:visible;
}
.reviewentry { 
	line-height: 1.1em !important;
	font-size: 15px !important;
	color: #eed6c0 !important;
	overflow:hidden !important;
	padding-right:20px;
}
.cff-post-text{
	font-size:15px !important;
}
#header nav#main-nav {
margin-left: 10px;
}
}
/* All Mobile Sizes (devices and browser) */
 @media only screen and (min-width: 481px) and (max-width: 767px){
#content {
	margin: 0px 0 0px 0;
	padding: 0 35px 0px 20px;
	max-width: 580px;
}
.single p, .page #content p {
	line-height: 1.0em !important;
	font-size: 15px !important;
}

.entry-content {
	margin-right: 0px !important;
}

.facebookbox{
    width: 435px;
    margin-top: 10px;
    padding-bottom: 10px;
	margin-top:10px;
	padding-bottom:10px;
	overflow:hidden;
}
#cff.cff-fixed-height {
	height:500px !important;
	padding-bottom:20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cff {
	margin-bottom:20px;	
}
#cff .cff-item {
	line-height: .9em !important;
	font-size: 12px !important;
	width: 380px;

}

.reviews { 
	width:410px; 
	height:290px;
	color: #eed6c0 !important;
	font-size: 13px;
	margin-top:0px;
}
.reviewentry { 
	line-height: .9em !important;
	/*font-size: 14px !important;*/
	color: #eed6c0 !important;
	overflow:hidden !important;
}
.hours {
	width: 360px;
	padding:10px 50px 10px 50px;
	font-size:14px;
	line-height:1.2em;
	margin-left: 0px;
	margin-bottom:12px;
	margin-top:8px;
	text-transform:initial;
}
.hours::after {
   	content: "Tues-Thurs 6pm-12am (kitchen closes at 10:30) \A Fri & Sat 6pm-1am (kitchen closes at 11) \A Sunday 5pm-11pm (kitchen closes at 10:30) \A Closed Mondays";
 	white-space: pre; /* or pre-wrap */
}
.drop-bar{
	float:left;
	font-size:.8em;
	text-align:left;
	margin:0;
	padding:0;
	width:580px;
	height:100px;
}
.row {
	margin-bottom: 0px;
	height: 10px;
}
.drop-bar-container {
	width:300px;
	border-top: none;
	margin:0;
	padding:0;
}
.far-edge{
	text-align:left;
	padding:0;	
	margin:0;
}
.phone {
	padding-bottom:15px;
	font-size: 15px;
	font-weight:bold;
}
#header nav#main-nav{
	border:none;
	padding:10px 0 0 0;
	margin-top: 20px;
}
.directions {
	padding-right:30px;
	padding-left:85px; 
	padding-top:5px; 
	height:50px; 
	line-height:1.2;
	background: url('http://wheatedbrooklyn.com/wp-content/themes/twentytwelve/images/train_FG.png') no-repeat 22px 5px;
}
.directionsBQ {
	padding-right:30px;
	padding-left:85px; 
	padding-top:5px; 
	height:50px; 
	line-height:1.2;
	background: url('http://wheatedbrooklyn.com/wp-content/themes/twentytwelve/images/train_BQ.png') no-repeat 22px 5px;
}
#sub-title {
	padding:0 50px 0 50px;
	margin-top:35px;
	line-height: 15px;
	font-size: 15px;
}
#tweet ul li a.tweet-time {
	font-family: Podkova-Bold, Georgia, serif;
}
a.mobile-menu-button{
	margin:0 10px 0 10px;
	color: #bfa687;
	border:none;
	padding: 0 8px 0 25px;
	box-shadow:none;
	text-shadow:none;
	/*background:#70553e;*/
	/* Old browsers */
	background: #503b2a -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.1) 100%); /* FF3.6+ */
		background: #503b2a -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */a.mobile-menu-button
		background: #503b2a -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.1) 100%); /* Chrome10+,Safari5.1+ */-0
		background: #503b2a -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.1) 100%); /* Opera11.10+ */
		background: #503b2a -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.1) 100%); /* IE10+ */
		background: #503b2a linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.1) 100%); /* W3C */
		font-family:Podkova-Bold, "Georgia", "serif";
		font-size:15px;
	}
	
	nav ul.nav-menu{
		color: #70553e;
		background-color:#70553e;
		text-align:center;
		margin:0 10px 0 10px;
	}
	
	nav#main-nav ul.nav-menu li ul{
	    	background-color:#FF9773;
		margin:0 20px 0 20px;
	}
		
	.bkg-smoky nav#main-nav ul.nav-menu, 
	.bkg-smoky nav ul.nav-menu,
	.bkg-fiber nav#main-nav ul.nav-menu, 
	.bkg-fiber nav ul.nav-menu{
		background-color:#e3d5c0;
		}
	/*BUTTON*/
	a.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		font-family:Podkova-Bold, "Georgia", "serif";
		font-size:15px;
		color: #37291d;
		background: #503b2a; 
		/* Old browsers */
		background: #70553e -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.1) 100%); /* FF3.6+ */
		background: #70553e -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #70553e -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.1) 100%); /* Chrome10+,Safari5.1+ */
		background: #70553e -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.1) 100%); /* Opera11.10+ */
		background: #70553e -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.1) 100%); /* IE10+ */
		background: #70553e linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.1) 100%); /* W3C */
	  	border: none;
	  	border-top: none;
	  	border-left: none; 
		}
	

	.skin-red nav#main-nav > ul > li.current-menu-item > a{
		color:#70553e;

	}


nav#main-nav > ul > li:first-child{
	margin-left:0px;
} 
.caption-text {
	line-height:12px;
	font-size:10px;
}

.reviewentry { 
	line-height: .9em !important;
	font-size: 14px !important;
	color: #eed6c0 !important;
	overflow:hidden !important;
}
.single p, .page #content p {
	line-height: 1.0em !important;
	font-size: 14px !important;
}
.container{
	min-width:300px;
	max-width:440px;
	/*max-width:440px;
	margin:0 40px;
	min-width:300px;
	padding-left:40px;*/
}
nav#main-nav ul.nav-menu, .bkg-fiber nav ul.nav-menu {
	background-color: #e3d5c0;
	margin: 0 0px 0 10px;
	width: 430px;
}

#header nav#main-nav {
	margin-left: 5px;

}
.followus {
	margin-left: 180px;
	/*color:blue;*/
}
#content {
	margin:0 !important;
	padding:0px 0 0 20px !important;
}
#header #masthead, #header nav#main-nav {
	clear: both;
	width: 450px;
	font-family: Podkova-Regular, "Georgia", "Times New Roman";
	}
#masthead{
	margin-bottom:20px;
	margin-top:30px;
	
}
}
@media screen and (max-width: 480px){
/*mobile portrait*/
#cff.cff-fixed-height{
 /*height: auto;*/
  padding: 5px 10px 10px 0px ;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* height:420px !important;*/
}

#cff{ 
	 /*height: auto !important; */
}
#cff .cff-post-links {
    float: left;
    margin-bottom: 10px;
}
.cff-text {
	font-size: 14px;
}

#cff {
	font-size: 12px;
	height:100px;
}
#cff .cff-item {
	line-height: .9em !important;
	font-size: 12px !important;
width: 240px;
	
}

.followus {
	margin-left: 95px !important;
	/*color:aqua !important;*/
}
#masthead {
	margin-left: 10px;
	margin-bottom:0;
    background-image: url('http://wheatedbrooklyn.com/blog/wp-content/themes/agility/images/logo_sm.png');
    background-repeat: no-repeat;
}
nav#main-nav ul.nav-menu, .bkg-fiber nav ul.nav-menu {
	background-color: #e3d5c0;
	margin: 0 0px 0 0px;
	width: 288px !important;

}
#header nav#main-nav {
	margin-left:15px;
	border-top: none;
	border-bottom: none;
	position: relative;
	padding: 8px 0 0px 0;
	line-height: 15px;
	width: 300px;
	height: 24px;
	margin-top: 35px;
	margin-bottom: 20px;
	font-family: Podkova-Bold, "Georgia", "Times New Roman";
}
a.mobile-menu-button {
	margin: 10px 12px 0px 0px;
	color: #bfa687;
	border: none;
	padding: 0 8px 0 15px;
	box-shadow: none;
	text-shadow: none;
	/* background: #70553e; */
	background: #503b2a -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.1) 100%);
	background: #503b2a -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3)));
	background: #503b2a -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.1) 100%);
	background: #503b2a linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.1) 100%);
	font-family: Podkova-Bold, "Georgia", "serif";
	font-size: 15px;
	
}
nav ul.nav-menu{
		color: #70553e;
		background-color:#70553e;
		text-align:center;
		margin:0 8px 0 8px;
	
	}
	
	nav#main-nav ul.nav-menu li ul{
	    	background-color:#FF9773;
		margin:0 20px 0 20px;
	}
		
	.bkg-smoky nav#main-nav ul.nav-menu, 
	.bkg-smoky nav ul.nav-menu,
	.bkg-fiber nav#main-nav ul.nav-menu, 
	.bkg-fiber nav ul.nav-menu{
		background-color:#e3d5c0;
		}
	/*BUTTON*/
	a.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		font-family:Podkova-Bold, "Georgia", "serif";
		font-size:15px;
		color: #37291d;
		background: #503b2a; 
		/* Old browsers */
		background: #70553e -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.1) 100%); /* FF3.6+ */
		background: #70553e -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #70553e -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.1) 100%); /* Chrome10+,Safari5.1+ */
		background: #70553e -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.1) 100%); /* Opera11.10+ */
		background: #70553e -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.1) 100%); /* IE10+ */
		background: #70553e linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.1) 100%); /* W3C */
	  	border: none;
	  	border-top: none;
	  	border-left: none; 
		}
	

	.skin-red nav#main-nav > ul > li.current-menu-item > a{
		color:#70553e;

	}


nav#main-nav > ul > li:first-child{
	margin-left:0px;
} 
#header #header-inner {
	margin-bottom:0px;
}
.container{
	/*max-width:450px;*/
	width:300px;
	padding-left:0px !important;
}

.entry-content {
	margin-right: 10px !important;
	/*margin-left:18px !important;*/
 	padding-left:0 !important;
}
.directions {
	font-size:15px;
	/*width:280px;*/
	padding-left:60px; 
	padding-top:5px; 
	height:50px;
	padding-right:0px; 
	line-height:1.2;
	background: url('http://wheatedbrooklyn.com/wp-content/themes/twentytwelve/images/train_FG.png') no-repeat 0 0;
}

.directionsBQ {
	font-size:15px;
	padding-left:60px; 
	padding-top:5px; 
	height:50px; 
	line-height:1.2;
	background: url('http://wheatedbrooklyn.com/wp-content/themes/twentytwelve/images/train_BQ.png') no-repeat 0 0;
}
.map {
	padding-left:5px;
	width:287px;
	height:212px;
}
.single p, .page #content p {
	line-height: 1.0em !important;
	font-size: 14px !important;
}
.reviews { 
	width:265px; 
	height:355px !important;
	color: #eed6c0 !important;
	font-size: 12px;
	margin-top:0px;
}
.reviewentry{
	width:245px;
	line-height:0.5em;
}

.hours {
	margin: 10px 0 15px 0 !important;
	width: 320px !important;
	padding: 8px 0px 8px 0px !important;
	line-height: 1.3em;
}
.hours::after {
   	content: "Tues-Thurs 6pm-12am (kitchen closes at 10:30) \A Fri & Sat 6pm-1am (kitchen closes at 11) \A Sunday 5pm-11pm (kitchen closes at 10:30) \A Closed Mondays";
 	white-space: pre; /* or pre-wrap */
}
.hours span {
	font-size:13px;
	text-transform: initial;
	line-height: 1.0em;
}
.flex-container .flexslider {
	margin: 0;
}
.facebookbox{ 
	width: 350px;
	height:1365px;
	margin-top:10px;
	margin-right:40px;
	margin-bottom:10px;
	margin-left:0;
	padding-bottom:20px;
	
}
.reviewstitlebox{
	width:225px;
	margin:0px 0px 20px 20px; 
	color:#070401; 
	font-size:28px; 
	padding:18px 20px 10px 0px; 
	border-bottom:1px #070401 dotted;

}
.fbtitlebox{
	width:225px;
	padding:0; 
	margin:0px 20px 0px 20px; 

	font-size:28px; 
	padding:18px 20px 10px 0px; 
	border-bottom:1px #070401 dotted;
	font-size: 26px;
}

.flex-container .flex-caption{
	border-bottom-color: #5e595f; 
}
.phone {
	padding-bottom:30px;
}

.skin-red .wpcf7 label, .flex-container .flex-caption {
	border: none;
	visibility: hidden;
}

.far-edge{
	text-align:left;
	padding:0;	
	margin:0;
}
.drop-bar-container {

	margin-left: 0px;
}
#content {
	padding-right:0px !important;
	margin-left:10px !important;
	margin-right:0px !important;
}
#sub-title{
	padding:0px 50px 0px 50px;
	margin: 0;
   padding-top: 0px;
}

}