/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */

.container {
padding-left: 20px;
padding-right: 20px;
}

.row {
width: 100%;
max-width: 1140px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
}

	#main-holder .row {
	overflow: visible;
	}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 22.05%;
}

.row .fourcol {
width: 30.75%;
}

	.row .flush .fourcol {
	width: 32.45%;
	}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
}

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 65.4%;
}

.row .eightcol.flush {
width: 69.2%;
margin-right: 0;
}

	.row .flush .eightcol {
	width: 62.55%;
	}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}

.right {
float: right;
}

img, object, embed {
max-width: 100%;
}

img {
	height: auto;
}


/* Smaller screens */

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

	body {
	font-size: 0.8em;
	line-height: 1.5em;
	}
	
	#retail-details .box {
	margin-top: 2em;
	}
	
	.retail-img {
	height: auto;
	max-height: 245px;
	min-height: 185px;
	}

	.primary-menu {
		width: auto;
	}

	.primary-menu ul li a {
		font-size: 14px;
		padding: .8rem .7rem 1rem .7rem;
	}

	#features {
		margin-top: -41px;
	}
	
}


/* Mobile */

@media handheld, only screen and (max-width: 767px) {

	body {
	font-size: 16px;
	-webkit-text-size-adjust: none;
	}
	
	.row, body, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}

	#features #specials {
		position: relative;
	}

	.home__content {
		position: relative;
	}
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .eightcol.flush, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}
	
	.fivecol .twelvecol,
	.sixcol .sixcol,
	.sixcol .twelvecol,
	.sevencol .fivecol,
	.sevencol .twelvecol,
	.ninecol .fivecol,
	.ninecol .sevencol,
	.twelvecol .fourcol {
	padding: 0;
	}
	
	ul, ol {
		margin-bottom: 1.5em;
		list-style-position: outside;
		margin-left: 1.5em;
	}
	
	/* Navigation */
	
	h1#homelink {
	float: none;
	margin: 0 auto;
	width: 280px;
	}
		#homelink a {
		margin: 0 8px 15px 0;
		background: url(../images/logo-bishops-mobile.png) no-repeat;
		width: 280px;
		height: 70px
		}
	
	#sitenav ul {
	clear: both;
	margin: 5px 0 0;
	}
	
		#sitenav li {
		margin:  0 2px 2px 0;
		}
				
			#sitenav li a {
			font-size: 0.7em;
			padding: 5px 3px 5px 5px;
			}
		
	form#site-search {
	float: none;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	}
	
		#site-search input[type="text"] {
		width: 92%;
		}

	#social_media {
		float: left;
		clear: both;
		margin: 10px 0;
	}
		
	ul#toolnav {
	float: right;
	clear: none;
	margin: 12px 0 8px;
	padding: 0 6px;
	}
	
		ul#toolnav li a {
		padding: 
		}
	
	/* ! Homepage Content */
	
	#fountain-container {
	display: none;
	}	
		
	#features {
	height: auto !important;
	max-height: none;
	background: #d9d9d9 url(../images/grid-bg.png) repeat;
	background-size: auto;
	padding-top: 20px;
	padding-bottom: 0;
	margin-top: -75px;
	}
	
		.feature {
		margin-bottom: 20px;
		}
	
		.feature .box {
		position: relative;
		}
		
	#content article {
	margin-bottom: 20px;
	}
	
	#map {
	margin-top: 20px;
	max-height: none;
	}
	
		#map iframe {
		min-height: none;
		}
	
	#about {
	padding-bottom: 0;;
	}
	
	/* ! Internal Page */
	
	#main {
	float: none;
	}

	.row .flush .eightcol {
		width: auto;
	}

	.row .flush .fourcol {
		width: auto;
	}

	.footer-menu {
		padding-left: 1.5em;
		padding-top: 1em;
		padding-bottom: 1em;
	}

	.footer-menu ul li {
		display: block;
		text-align: left;
		margin-bottom: 10px;
	}

	.footer-menu ul li a {
		padding: 0;
	}

	.footer-menu ul li a:hover,
	.footer-menu ul li a:focus {
		background: none;
		opacity: .5;
	}
	
	ul#subnav {
	margin-bottom: 4px;
	}
	
	#subnav li {
	margin-bottom: 4px;
	}
		
		#subnav li:last-child {
		margin-bottom: 10px;
		} 
	
	#main {
	padding: 20px 0;
	overflow: hidden;
	}
	
	#main-holder {
	background: #b3b3b3 url(../images/grid-bg.png) repeat;
	background-size: auto auto;
	}
	
	/* ! Specials List */
	
	article.fourcol.feature {
	width: 48.1%;
	margin-right: 3.8%;
	float: left;
	}
	
	article.fourcol.last.feature {
	margin-right: 3.8%;
	}
	
	article.fourcol.feature:nth-child(2n) {
	margin-right: 0;
	}
	
		article.feature .box h2,
		article.feature .box p {
		font-size: 0.875em;
		}
		
	footer nav ul {
	float: left;
	clear: both;
	}
	
	footer li {
	float: left;
	margin-right: 6px;
	padding-right: 6px;
	border-right: 1px solid #000;
	}
	
	#legal {
	float: left;
	clear: both;
	padding-top: 20px;
	}

	#archives {
	margin-top: 30px;
	}

	footer.internal #southwest {
		text-align: left;
	}

	.waterfront.sevencol {
		float: left;
    	width: 100%;
	}

	a.twitter span,
	a.facebook span,
	a.rss span {
		padding: 3px 8px;
	}

	a.twitter span {
	background-position: -178px -117px;
	}
	
		a.twitter:hover span {
		background-position: -178px -147px;
		}
	
	a.facebook span {
	background-position: -178px -57px;
	}

		a.facebook:hover span {
		background-position: -178px -87px;
		}

	a.rss span {
	background-position: -178px 3px;
	}

		a.rss:hover span {
		background-position: -178px -27px;
		}
		
	.retail-img {
	height: auto;
	max-height: 378px;
	min-height: 179px;
	}

	aside#social {
		padding-left: 20px;
    	padding-right: 20px;
	}

	.recent-posts .sixcol {
		padding: 0;
		margin-bottom: 20px;
	}

	.recent-posts .eightcol {
		padding: 0;
	}

	.comment-right.sixcol {
		padding: 0;
		margin-bottom: 10px;
		float: left;
		width: 100%;
	}

	.comment-left.sixcol {
		padding: 0;
		margin-bottom: 10px;
		float: left;
		width: 100%;
	}

	.blog-single {
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}

	.blog-single img {
		float: none;
		width: 100%;
		text-align: center;
		margin: none;
	}

	.alignright,
	.alignleft {
		float: none;
		margin-left: 0;
	}

	ul#toolnav {
		width: 100%;
		padding: 0;
	}

	#comments textarea {
		width: 95%;
	}

	#comments,
	#respond {
		clear: both;
		padding-top: 30px;
		margin-top: 30px;
		zoom: 1;
	}

	.comment_list {
		padding: 0;
	}

	.comment_list li {
		display: block;
	}

	.comment {
		border: 1px solid #D5D5D5;
		margin-bottom: 20px;
		padding: 0;
		max-width: 72rem;
		width: 99%;
	}

	.comment .post-date {
		font-size: 15px;
	}

	.comment .comment-content {
		width: 100%;
    	clear: both;
	}

	.comment .comment-author,
	.comment .comment-body {
		padding: 20px;
		zoom: 1;
	}

	.comment .comment-author {
		padding: 10px;
	}

	.comment .name {
		padding-bottom: 0;
	}

	.comment .comment-body p:last-child {
		margin-bottom: 0;
	}

	.comment .children {
		padding: 0 20px;
		margin-left: 0;
	}

	.comment .comment-author, .comment .comment-content {
		width: 62%;
	}
	
	.logos {
		width: 100%;
	}

	.logos a {
		float: left;
		clear: both;
		margin-right: 10px;
	}

	#legal ul {
		margin-left: 0;
	}

	#respond #cancel-comment-reply-link {
		font-weight: bold;
		@include margin-top(0.8);
		display: block;
	}
	#respond #comment {
		@include height(21.8);
	}
	#respond .form-submit {
		clear: both;
	}
	#features {
		padding-top: 25px;
		margin-top: 0px;
		background: none!important;
	}

	.mobile {
		display: block;
		min-width: 200%;
	}

	.menu-toggle {
		display: block;
		padding-bottom: 15px;
		border-bottom: 1px solid white;
		font-family: news-gothic-std, Verdana, sans-serif;
	}

	.primary-menu {
		padding: 0;
		float: left;
		width: 100%;
		padding-top: 15px;
		background: black;
	}

	.primary-menu ul {
		display: none;
	}

	.primary-menu ul li {
		width: 100%;
		display: block;
		border-bottom: 1px solid white;
		float: left;
	}

	.primary-menu ul li a:hover {
		background-color: #FFFFFF;
		color: black;
	}

	.primary-menu ul li a {
		width: 100%;	
		float: left;
		padding-left: 0;
	}
	#site-search input[type="text"] {
		width: 70%;
	}

	.home__blocks .fourcol {
		padding-left: 20px;
		padding-right: 20px;
	}

	#features {
		overflow: hidden;
	}
	#specials form label.error {
		width: 97%;
	}

	.primary-menu ul li.current-menu-item {
		background-color: white;
	}

	.primary-menu ul li.current-menu-item a {
		color: black;
	}
}

@media handheld, only screen and (max-width: 480px) {
	

	article.fourcol.feature {
	width: auto;
	float: none;
	margin-bottom: 1.5em;
	}


	h1#homelink {
		margin-top: 0;
	}

	#features {
		margin-top: 0;
		padding-top: 0px;
		background-size: auto!important;
		overflow: hidden;
	}

	#map iframe {
		min-height: inherit;
		height: 240px;
	}

	#comments textarea {
		width: 92%;
	}

	.archive article img {
		width: 100%;
	}

	.comment .reply a {
		font-size: 14px;
	}

	.comment .author-name {
		padding-right: 10px;
		float: left;
		clear: both;
	}

	.comment .post-date {
		float: left;
		clear: both;
	}

	.comment .reply {
		float: left;
		padding: 0;
	}

	.comment .comment-author, .comment .comment-body {
		padding: 0;
		padding-left: 5px;
	}

	.row .comment .twocol {
		float: none;
		text-align: center;
		margin-right: 0;
	}

	.row .comment .twocol img {
		max-width: 200px;
	}

	#specials form label.error {
		width: 95%;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

	#homelink a {
	  display: block;
	  background: url(../images/logo-bishops2x.png) no-repeat;
	  background-size: 110px 79px;
	  width: 126px;
	  height: 107px;
	  overflow: hidden;
	  text-indent: -9999px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px) { 

		#homelink a {
			margin: 0 8px 15px 0;
			background: url(../images/logo-bishops-mobile2x.png) no-repeat;
			width: 280px;
			height: 70px;
			background-size: 280px 70px;
		}
}