// Adam 2
// Bootswatch 
// -----------------------------------------------------

#grid {
    .core  {
        .span(@gridColumns) {
            width: (@gridColumnWidth * @gridColumns) + (@gridGutterWidth * (@gridColumns - 1));
        }
    }
}

.whiteText{
	color: #fff;
}

.rightSideHeader(){
	margin-top:0;
	margin-bottom: 8px;
	padding:13px 0 0;
	background: url('/Kickstrap/img/redBanner.png') no-repeat center 0;
	color: #ffffff;
	text-align: center;
	height:42px;
}

.forBackground{
	#gradient > .vertical(@brown, @brownDark);
}

.fb-control {
	position: absolute;
	top: 30px;
	left: 15px;
	width: 25px;
	height: 25px;
	margin-top: -17px;
	font-size: 45px;
	font-weight: 100;
	line-height: 18px;
	color: @white;
	text-align: center;
	background: @grayDarker;
	border: 3px solid @white;
	.border-radius(23px);
	.opacity(50);
  
	// we can't have this transition here
	// because webkit cancels the carousel
	// animation if you trip this while
	// in the middle of another animation
	// ;_;
	// .transition(opacity .2s linear);
  
	// Reposition the right one
	&.right {
	  left: auto;
	  right: 15px;
	}
  
	// Hover state
	&:hover {
	  color: @white;
	  text-decoration: none;
	  .opacity(90);
	}
}

.pl0 {
	padding-left: 0;
}

.ml0 {
	margin-left: 0;
}

.span12 {
	width: 100%;
}

.span11 {
	width: calc(~'91.5% - 20px');
}

.span10 {
	width: calc(~'83.2% - 20px');
}

.span9 {
	width: calc(~'74.9% - 20px');
}

.span8 {
	width: calc(~'66.6% - 20px');
}

.span7 {
	width: calc(~'58.6% - 20px');
}

.span6 {
	width: calc(~'50% - 20px');
}

.span5 {
	width: calc(~'41.5% - 20px');
}

.span4 {
	width: calc(~'33.2% - 20px');
}

.span3 {
	width: calc(~'24.9% - 20px');
}

.span2 {
	width: calc(~'16.6% - 20px');
}

.span1 {
	width: calc(~'8.3% - 20px');
}

body{
  background-color:#010101;
 //  background: url("/Kickstrap/img/siteBG-fcicecream.jpg") no-repeat center top #fff;
	// 	background-size:cover;
	// background-attachment: fixed;
	// padding-bottom:30px;
  
  #weeklyAdBtn{
	float: right;
	margin-top:30px;
	margin-right:0;
	width:230px;
  }
  
  #contentWrapper {
	background: none !important;
	box-shadow: none;
	border: none;
  }
  
  #push {
	height: auto;
  }
  
  
  #bodyPadding{
	
	
	.row{
		margin-left:0;
	}
	
	.container{
		#blankBuffer{
			height: 0px;
		}
	}
	
	#contentCorrect{
		margin-top: 20px;
	}
	
	
	.navbar {
		margin-bottom:0;
		
		li {
			line-height: 20px;
			/*line-height: 22px;*/ /* uncomment if you want the nav to be below the brand */
			font-size: 15px;
			float: none;
			display:inline-block;
			margin-top:10px;
		}
		
		.nav{
			/*margin-top:49px;*/

			&.pull-right {
				margin-top: -210px;
				
				#loggedOutContainer, .loggedNav {
					background:@secondary;
					color: #fff;
				    width: 160px;
				    text-align: center;
				    border-radius: 0px 0px 10px 10px;

				    a {
				    	color: #fff;
				    }
				}

				#loggedInDropdown {
					margin-top: 0;
				}
			}
		}
		
		.nav > li > a {
			padding: 10px 10px;
			font-family: @headingsFontFamily;
			text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
			color:#fff;
			
			&:hover{
				#gradient > .vertical(@primaryDark, @primary);
			}
		}
		
		
		ul.dropdown-menu{
			li{
				min-width:100%;
				margin-top: 0;
				
				&.dropdown-submenu{
					ul{
						margin-top:-30px;
					}
				}
			}
			
		}
		
		ul.nav li.dropdown:hover > ul.dropdown-menu{
			text-align: left;
		}
	
		.navbar-inner{
			min-height: @navbarHeight;
			padding: 0 0;
			background: none;
			border: none;
			
			// Prevent floats from breaking the navbar
			.clearfix();
			
			.container{
				//background: url('/Kickstrap/img/headerBG.jpg') no-repeat;
				//background-color: #010101;
				/*#gradient > .vertical(@navbarBackgroundHighlight, @navbarBackground);*/
				/*border-bottom: 16px solid @secondaryDark;*/
				position:relative;
				
				.brand {
					margin: auto;
					font-family: @headingsFontFamily;
					text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
					width:210px;
					width:210px\9;
					float: none; /* uncomment if you want the nav to be below the brand */
					
					img{
						width:210px;
						margin: 0 auto;
						display: block;
					}
				}
				
				.nav-collapse{
					clear:both;
					
					.nav{
					  margin:0 0 0 15px;
					  /*#gradient > .vertical(@primary, @primaryDark);*/
					  width:97%;
					  height:68px;
					  text-align: center;
					  
					  &.home{
						background: url('/Kickstrap/img/navBanner.png') no-repeat;
					  }
					  
					  &.main{
						background: url('/Kickstrap/img/navBanner2.png') no-repeat;
					  }
					}
				}
			}
		}
	
		&-inverse {
	
			.navbar-search .search-query {
				color: @textColor;
			}
		}
	}
	
	#schoolCentsNav, #rewardsSC {
		display: none;
	}

	#rewardsContent {
		.span7 {
			width:52%;
		}
	}

	#rewardsContent {
		#rewardsPerks {
			#allCouponsContainer {
				.oneCoupon {
					width:28%;
				}
			}
		}
	}

	#mainContent, #rewardsContent{
		background: url('/Kickstrap/img/paperBG.jpg') repeat;
		padding: 20px 0 0;
		
		#myCarousel{
			margin-bottom: 0;
		}

		#rewardsPerks {
			margin-left: 0;
		}

		.c100.big {
		    font-size: 325px;
		}
		
		#rewardsContainer{
			.span4{
				width: 33%;
				float: right;
			}
			
			.span8{
				width: 61%;
			}
		}

		#rewardsSC {
			margin-left: 0;
		}
		
		#allBlogPosts{
			.onePost{
				margin-bottom: 20px;
				padding-bottom: 20px;
				border-bottom: 2px dotted @primary;
				
				h2{
					margin-bottom: 0;
					margin-top: -5px;
				}
				
				h5{
					margin-top:4px;
					margin-bottom: 8px;
				}
				
				img{
					float: left;
					margin-right: 2%;
					margin-bottom: 5px;
				}
				
				li{
					img{
						float: none;
						display: list-item;
						margin-left: 0;
					}
				}
			}
		}
		
		#theBlogPost{
			li{
				img{
					float: none;
					display: list-item;
					margin-left: 0;
				}
			}
		}
		
		#blogNavigation{
			p{
				a{
					margin-right: 12px;
					color: @secondary;
					
					&.currentPage{
						font-weight: bold;
						color:@primary;
					}
				}
			}
		}
		
		#blogPosts{
			margin-top:30px;
			margin-bottom: 30px;
			//padding-top:30px;
			//border-top: 1px solid @grayLightMid;
			
			.onePost{
				float: left;
				margin-bottom: 0;
				padding-bottom: 10px;
				position: relative;
				height: 170px;
				//border-bottom: 1px solid @grayLightMid;
				
				h4{
				  line-height: 1em;
				  margin-bottom: 0px;
				  margin-top:10px;
				}
				
				h6{
				  line-height: 1em;
				  margin-bottom: 6px;
				  margin-top:4px;
				}
				
				img{
				  margin: 0 auto;
				  display: block;
				}
				
				&.third{
				  width:29%;
				  margin-right:4%;
				}
				
				&.half{
				  width:46%;
				  //margin-right:4%;
				  
				  &.right{
					float: right;
				  }
				}
				
				&.full{
				  width:100%;
				  height:auto;
				  //margin-right:4%;
				  
				  h4{
					font-size: 24px;
				  }
				  
				  img{
					width:150px;
				  }
				}
			}
		}
		
		.storeDeals.single{
			margin: 0 0 15px;
			position: relative;
			
			.ad-control {
				position: absolute;
				top: 70px;
				left: 15px;
				width: 25px;
				height: 25px;
				font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
				font-size: 45px;
				font-weight: 100;
				line-height: 18px;
				color: @white;
				display: block;
				text-align: center;
				background: @grayDarker;
				border: 3px solid @white;
				.border-radius(23px);
				.opacity(50);
				z-index: 1000;
			  
				// we can't have this transition here
				// because webkit cancels the carousel
				// animation if you trip this while
				// in the middle of another animation
				// ;_;
				// .transition(opacity .2s linear);
			  
				
				// Reposition the right one
				&.right {
				  left: auto;
				  right: 15px;
				}
				
				// Hover state
				&:hover {
				  color: @white;
				  text-decoration: none;
				  .opacity(90);
				}
				
				&.hideObject{
					display: none;
				}
			}
			
			.dealHeader{
				background: none;
				border-bottom: 0;
				height: auto;
				
				h3{
					.rightSideHeader();
					.border-radius(6px);
					margin: 0;
					font-size: 16.25px;
					padding: 4px 0 0;
					height: 52px;
				}
			}
			
			.caption{
				#gradient > .vertical(@brown, @brownDark);
				padding:20px 0 10px 0;
				margin-top: 0;
			}
			
			.weeklySpecial{
				margin: 0 25px;
				position: relative;
				border: none;
				float: none;
				width: 76%;
				
				img{
					max-height: 100px;
					max-width: 80%;
				}
				
				p{
					font-size: 15px;
				}
				
				.price{
					font-size: 24px;
				}
			}
		}
		
		#featuredRecipe{
			margin:0 0 15px;
			
			h3{
				line-height: 1em;
				margin-bottom: 9px;
				margin-top: -4px;
			}
			
			h4.header{
				.rightSideHeader();
				.border-radius(6px);
				margin-bottom: 0;
			}
			
			div.forBackground{
				padding:20px 0 10px 0;
			}
			
			img{
				float: left;
				margin:0 15px 15px 0;
				position: relative;
				display: block;
			}
			
			#recipeOffset{
				margin: 0;
				position: relative;
				
				.recipeContain{
					margin: 0 25px 10px;
				}
			}
		}
		
		#glossaryOffset, #recipeOffset, #shoppingOffset{
			width: 94%;
			margin: 0 3% 0 0;
		}
		
		#beefCutContain{
			.aMeatItem{
				margin-bottom:15px;
				padding-bottom: 15px;
				border-bottom: @primary 1px dotted;
				min-height: 130px;
				
				img{
					float: left;
					margin-right: 15px;
				}
			}
		}
		
		#hotDealContainer{
			width:93%;
			font-size: 15px;
			margin-left: 20px;
			
			.alert-primary{
				background-color: @primary;
				border-color: @primaryDark;
				color: @white;
				text-shadow: none;
				
				a{
					color:lighten(@primary, 36%);
					
					&:hover{
						color: lighten(@primary, 48%);
					}
				}
			}
		}
		
		.span12{
			width: 98%;
		}
		
		#employContain{
			h3, h4, h5{
				margin-bottom:0;
				margin-top: 0;
			}
			
			.formSection{
				margin-bottom: 30px;
				
				.formEntry{
					margin-left:20px;
					float:left;
					width: 45%;
					
					textarea{
						width: 90%;
					}
					
					&.fullWidth{
						width:95%;
					}
				}
			}
		}
		
		#departmentOffset{
			.deptMainPhoto{
				float: left;
				width:48%;
				margin-right: 20px;
				margin-bottom: 20px;
			}
			
			.deptMainPhotoOdd{
				float: left;
				width:48%;
				margin-bottom: 20px;
			}
			
			.deptMainPhotoSmall{
				float: left;
				width:22%;
				margin-bottom: 10px;
				margin-right: 10px;
			}
		}
		
		#carouselContain{
			width:68%;
			margin: -180px auto 30px;
			border:8px #fff solid;
			position:relative;
			
			.carousel-buffer{
				background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85);
				background-color: #3c3c3c;
				height:30px;
				margin-top:68px;
				text-align: center;
				i, span{
				  margin-top:7px;
				  color: @grayLightMid;
				  
				  &:hover{
				  color:#ffffff;
				  cursor: pointer;
				  }
				}
			}
			
			
		}
		
		
		#theDepartments{
			margin:0 0 15px;
			
			#infoContain{
				margin: 0 25px;
				position: relative;
			}
			
			h4.header{
				.rightSideHeader();
				.border-radius(6px);
				margin-bottom: 0;
			}
			
			div.forBackground{
				padding:20px 0 10px 0;
			}
			
			img{
				float: none;
				margin:0 auto 15px;
				position: relative;
				display: block;
			}
		}
		
		#storeInfoContainer{
			margin:0 0 15px;
			
			h3{
				line-height: 1em;
				margin-bottom: -8px;
			}
			
			h4.header{
				.rightSideHeader();
				.border-radius(6px);
				margin-bottom: 0;
				
				a{
					color: #fff;
					
					&:hover{
						color:@secondary;
					}
				}
			}
			
			h5{
				margin-bottom: 0;
			}
			
			p{
				margin-bottom: 0;
			}
			
			div.forBackground{
				padding:20px 0 20px 0;
			}
			
			img{
				float: left;
				margin:0 20px 10px 0;
				position: relative;
				display: block;
				width: 45%;
			}
			
			.infoPad{
				margin: 0 25px;
				position: relative;
			}
		}
		
		#rightSidebarCollapse{
			margin:0;
			
			.accordion-group{
				border: none;
				margin-bottom: 15px;
				
				.accordion-heading .accordion-toggle{
					.rightSideHeader();
					.border-radius( 6px );
					
					span.padding-left{
					  padding-left: 12px;
					}
				}
			  
				.accordion-body{
					margin-top:0px;
					padding-top:0px;
					h5{
						margin-top:0;
					}
					
				}
				.accordion-inner{
					padding-top:0;
					padding-left:20px;
					border: none;
					h5{
						color:@grayDarker;
						margin-bottom: 0px;
						margin-top:8px;
					}
					p{
						margin-left: 12px;
					}
				}
			}
			
			h4{
				color:#fff;
				margin: 0;
			}
			
		}
		
		
		
		
		.feedFacebookWall{
			margin:0 0 15px;
			/**/
			position: relative;
			
			h4{
				.rightSideHeader();
				margin-bottom: 0;
			}
			
			div.forBackground{
				position: relative;
				padding-top: 50px;
				padding-bottom: 10px;
				max-height: 400px;
			}
			
		}
		
		#dailyLunch{
			margin:0 0 15px;
			
			h3{
				line-height: 1em;
				margin-bottom: -8px;
			}
			
			h4.header{
				.rightSideHeader();
				.border-radius(6px);
				margin-bottom: 0;
			}
			
			div.forBackground{
				padding:20px 0 10px 0;
			}
			
			img{
				float: none;
				margin:0 auto 15px;
				position: relative;
				display: block;
			}
			
			#lunchContain{
				margin: 0 25px;
				position: relative;
			}
		}
		
		#storeItemContain{
			margin:0 0 15px;
			
			h3{
				line-height: 1em;
				margin-bottom: -8px;
			}
			
			h4.header{
				.rightSideHeader();
				.border-radius(6px);
				margin-bottom: 0;
			}
			
			div.forBackground{
				padding:20px 0 10px 0;
			}
			
			img{
				float: left;
				margin:0 20px 10px 0;
				position: relative;
				display: block;
				width: 45%;
			}
			
			.caption{
				margin: 0 25px;
				position: relative;
			}
		}
		
		#theStoreInfo{
			#mapContain{
				float:left;
				margin-top: 15px;
			}
			
			#storeInfoContain{
				float: left;
				margin-top: 4px;
			}
			
			#theServicesContainer{
				float: left;
				margin-left:20px;
			}
			
			h5{
				margin: 12px 0 0;
			}
			
			p{
				margin: 0;
				
				&.storeInfoBtnContain{
					margin-top:12px;
				}
			}
		}
		
		#storeInformation{
			margin:0 0 15px;
			
			h3{
				line-height: 1em;
				margin-bottom: -8px;
			}
			
			h5, p{
				margin-bottom: 0px;
			}
			
			h4.header{
				.rightSideHeader();
				.border-radius(6px);
				margin-bottom: 0;
			}
			
			div.forBackground{
				padding:20px 0 10px 0;
			}
			
			img{
				float: none;
				margin:0 auto 15px;
				position: relative;
				display: block;
			}
			
			#storeInfoContain, #servicesContain{
				margin: 0 25px;
				position: relative;
			}
		}
		
		#socialConnect{
			margin:0 0 15px;
			#gradient > .vertical(@grayLightMid, @grayLighter);
			#socialConnectHeader{
				.rightSideHeader();
			}
			
			p{
				font-size:55px;
				
				span{
					&:first-of-type{
						margin-left:20px;
					}
					margin: 6px 12px;
					
					a{
						&:hover{
							text-decoration: none;
						}
					}
				}
			}
		}
	}
  }
}




// MEDIA QUERIES
// -----------------------------------------------------

@media (max-width: 995px) {
	
}

@media (max-width: 995px) { //convert the nav to a button
	  .nav-collapse {
		-webkit-transform: translate3d(0, 0, 0); // activate the GPU
	  }
	  
	  // Unfix the navbars
	  .navbar-fixed-top,
	  .navbar-fixed-bottom {
		position: static;
	  }
	  .navbar-fixed-top {
		margin-bottom: @baseLineHeight;
	  }
	  .navbar-fixed-bottom {
		margin-top: @baseLineHeight;
	  }
	  .navbar-fixed-top .navbar-inner,
	  .navbar-fixed-bottom .navbar-inner {
		padding: 0px;
	  }
	  .navbar .container {
		width: auto;
		padding: 0;
	  }
	  // Account for brand name
	  .navbar .brand {
		padding-left: 10px;
		padding-right: 10px;
		margin: 0 0 0 -5px;
		
	  }
	
	  // COLLAPSIBLE NAVBAR
	  // ------------------
	  // Nav collapse clears brand
	  .nav-collapse {
		clear: both;
	  }
	  // Block-level the nav
	  .nav-collapse .nav {
		float: none;
		margin: 0 0 (@baseLineHeight / 2);
	  }
	  .nav-collapse .nav > li {
		float: none;
	  }
	  .nav-collapse .nav > li > a {
		margin-bottom: 2px;
	  }
	  .nav-collapse .nav > .divider-vertical {
		display: none;
	  }
	  .nav-collapse .nav .nav-header {
		color: @navbarText;
		text-shadow: none;
	  }
	  // Nav and dropdown links in navbar
	  .nav-collapse .nav > li > a,
	  .nav-collapse .dropdown-menu a {
		padding: 9px 15px;
		font-weight: bold;
		color: @navbarLinkColor;
		.border-radius(3px);
	  }
	  // Buttons
	  .nav-collapse .btn {
		padding: 4px 10px 4px;
		font-weight: normal;
		.border-radius(@baseBorderRadius);
	  }
	  .nav-collapse .dropdown-menu li + li a {
		margin-bottom: 2px;
	  }
	  .nav-collapse .nav > li > a:hover,
	  .nav-collapse .dropdown-menu a:hover {
		background-color: @navbarBackground;
	  }
	  .navbar-inverse .nav-collapse .nav > li > a,
	  .navbar-inverse .nav-collapse .dropdown-menu a {
		color: @navbarInverseLinkColor;
	  }
	  .navbar-inverse .nav-collapse .nav > li > a:hover,
	  .navbar-inverse .nav-collapse .dropdown-menu a:hover {
		background-color: @navbarInverseBackground;
	  }
	  // Buttons in the navbar
	  .nav-collapse.in .btn-group {
		margin-top: 5px;
		padding: 0;
	  }
	  // Dropdowns in the navbar
	  .nav-collapse .dropdown-menu {
		position: static;
		top: auto;
		left: auto;
		float: none;
		display: none;
		max-width: none;
		margin: 0 15px;
		padding: 0;
		background-color: transparent;
		border: none;
		.border-radius(0);
		.box-shadow(none);
	  }
	  .nav-collapse .open > .dropdown-menu { 
		display: block; 
	  }
	
	  .nav-collapse .dropdown-menu:before,
	  .nav-collapse .dropdown-menu:after {
		display: none;
	  }
	  .nav-collapse .dropdown-menu .divider {
		display: none;
	  }
	  .nav-collapse .nav > li > .dropdown-menu {
		&:before,
		&:after {
		  display: none;
		}
	  }
	  // Forms in navbar
	  .nav-collapse .navbar-form,
	  .nav-collapse .navbar-search {
		float: none;
		padding: (@baseLineHeight / 2) 15px;
		margin: (@baseLineHeight / 2) 0;
		border-top: 1px solid @navbarBackground;
		border-bottom: 1px solid @navbarBackground;
		.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)");
	  }
	  .navbar-inverse .nav-collapse .navbar-form,
	  .navbar-inverse .nav-collapse .navbar-search {
		border-top-color: @navbarInverseBackground;
		border-bottom-color: @navbarInverseBackground;
	  }
	  // Pull right (secondary) nav content
	  .navbar .nav-collapse .nav.pull-right {
		float: none;
		margin-left: 0;
	  }
	  // Hide everything in the navbar save .brand and toggle button */
	  .nav-collapse,
	  .nav-collapse.collapse {
		overflow: hidden;
		height: 0;
	  }
	  // Navbar button
	  .navbar .btn-navbar {
		display: block;
	  }
	
	  // STATIC NAVBAR
	  // -------------
	  .navbar-static .navbar-inner {
		padding-left:  10px;
		padding-right: 10px;
	  }
	
	  body #contentWrapper, .navbar-inner .container{
		width:auto;
	  }
	
	body{
		.container{
			width: auto;
		}
		
		#bodyPadding{
			padding:0;
			
			.navbar{
				.nav{
					margin-top:0;
				}
				
				li{
					display: block;
				}
				
				.navbar-inner{
					.container{
						height: 130px;
						border-bottom: 10px solid @primary;
						
						.btn-navbar{
							margin:20px 20px 0 0;
						}
						
						#weeklyAdBtn{
							display: none;
						}
						
						.brand{
							max-width: 65%;
							margin:0 0 0 20px;
						}
						
						.nav-collapse{
							margin-top:-2px;
							margin-left:-10px;
							width:106%;
							background: @grayDark;
							height:0;
							
							&.in{
								padding:3px 0;
								z-index: 2000;
							}
							
							.nav{
								text-align: left;
								margin-left: 15px;
								height: auto;
								
								li{
									padding: 0;
									float:none;
									margin-right: 10px;
									
									&:first-child{
										padding: 0;
										margin-left:0;
									}
									
									a{
										padding:5px 10px;
										color:#fff;
									}
								}
								
								&.main, &.home{
									background: none;
								}
								
								.dropdown-menu{
									background: none;
									display: block;
									
									li{
										float: none;
										a{
											
											&:hover{
												#gradient > .vertical(@secondaryDark, @secondary);
											}
										}
									}
								}
							}
						}
					}
				}
			}
			
			.container{
				width: auto;
				padding:0 2%;
				
				#blankBuffer{
					display: none;
				}
			}
			
			#mainContent{
				width: auto;
				
				#storeItemContain, .feedFacebookWall, #featuredRecipe, #storeInfoContainer, #theDepartments{
					width: 284px;
					margin-left: auto;
					margin-right: auto;
				}
				
				#carouselContain{
					width:95%;
					margin:-260px auto 30px;
					
					
				}
				
				#recipeOffset{
					width: 100%;
					
					#headerContain{
						margin-bottom: 20px;
						
						#searchContainer{
							margin: 0;
							float: left;
						}
					}
					
					#leftCol{
						width:auto;
						margin-right:0;
						float: none;
					}
					
					#rightCol{
						width:auto;
						margin-right:0;
						float: none;
					}
					
					#recipeContainer{
						width:auto;
						float: none;
						h2{
							margin-top: 0;
						}
					}
					
					#produceContainer{
						margin-left:0;
						width:auto;
						float: none;
					}
					
					img.theRecipe{
					}
					
					#recipeTitleBlock{
						
					}
					
					.categoryHolder{
						padding-bottom: 0;
					}
					
					.featureRecipe{
						
						.recipeInfo{
							width: 45%;
							
							h3{
								font-size: 20px;
							}
						}
						
						p{
							
						}
					}
				  
					.aRecipe{
						width:46%;
						margin-left: 0;
						margin-right: 3%;
						
						p{
							
						}
						
						img{
						}
						
						&.noMargLeft{
							width:46%;
							margin-left: 0;
							margin-right: 3%;
						}
					}
					
					.theShadow{
						
					}
					
					.theShadow2{
						
					}
					
					.theShadow3{
						
					}
					
					.recipeInfo{
						
						
						h3{
							
						}
					}
					
					.smallRecipeInfo{
						display:block;
						overflow: hidden;
						height:65px;
						position: static;
						padding-top:1px;
						
						h3{
							font-size:15px;
							line-height: 20px;
						}
					}
				}
				
				#theStoreInfo{
					#mapContain{
						width:90%;
						
						iframe{
							width:100%;
						}
					}
				}
				
				.feedFacebookWall{
					#facebookWall{
						.fb-wall-box{
							width:95%;
							margin-right:0;
							float: left;
						}
					}
				}
				
				
			}
		}
	}
	
	.span4.goHalf{
		width: 49%;
		margin: 0;
	}
	
	
	[class*="offset"]{
		margin-left: 0;
	}
}

@media (max-width: 780px) {
	body{
		.modal {
			width: 90%;
			margin: 0 -45%;
		}

		#loggedInContainerMobile, #loggedOutContainerMobile {
			width: auto;
			left:0;
			right:0;
		}

		#bodyPadding{
			padding-top:40px;

			.navbar{
				.nav{
				}
				.navbar-inner{
					.container{
						.btn-navbar{
						}
						
						#weeklyAdBtn{
						}
						
						.nav-collapse{
							width: 103%;

							.nav{
								
								li{
									
									
									&:first-child{
									}
									
									a{
									}
								}
							}
						}
					}
				}
			}
			
			.container{
				width: auto;
				padding: 0;

				#blankBuffer{
				}
			}
			
			#rewardsContentContainer{
				margin-left: 0;

				.accountSection {
					width: 100%;
				}
			}

			#rewardsContent {
				.c100.big {
					font-size: 295px;
					margin-right: 0;
				}

				#rewardsPerks {
					.span7 {
						margin-left: 0;
					}

					#walletCreditsContainer, .span7, #allCouponsContainer, #couponsInfoContainer {
						width: 89%;
					}

					#allCouponsContainer {
						.oneCoupon {
							width:100%;
						}
					}
				}
			}

			#mainContent{
				width: auto;
				
				
				.span4.goHalf{
					width: 49%;
					margin: 0;
				}
				
				.leftSide, .rightSide{
					width:100%;
				}
				
				
				
				
				
				#theDepartments{
					.left{
						width:auto;
						margin-bottom: 15px;
						padding-bottom: 15px;
						border-bottom: 1px solid @grayLightMid;
					}
					
					.right{
						width:auto;
					}
					
					.left .aDepartment:last-child{
						padding-bottom: 0;
						margin-bottom: 0;
					}
				}
				
			}
		}
	}
	
	[class*="offset"]{
		margin-left: 0;
	}
}

@media (max-width: 650px) {
	body{
		#bodyPadding{
			#mainContent{
				#directoryOffset{
					margin-left: 0;
				}
				
				.span4.goHalf{
					width: 100%;
				}
			}
		}
	}
}
