/*  
Theme Name: Foxy
Theme URI: http://www.organizedthemes.com/foxy
Description: Like a big glossy brochure for your website
Version: 2.1.0
Author: Organized Themes
Author URI: http://www.organizedthemes.com

License:  GNU General Public License
License URI:  http://www.opensource.org
*/

/* Table of Contents

01.  Reset
02.  Global Settings
03.  Type
04.  Animation
05.  Header
06.  Social Icons
07.  Navigation
08.  Pages
09.  Food Menu and Services
10.  Staff
11.  Sidebar
12.  Comments
13.  Footer
14.  Images
15.  Supersized Background
16.  Woocommerce
17.  Responsive Media Queries
18.  IE Hacks
19.  Social Icon List


*/

/* Reset
----------------------------------------------- */

/* Eric Meyer's Reset Reloaded */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}blockquote, q {quotes: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}

/* HTML5 elements */
article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }

html { 
	height: 100%; 
	font-size: 100%; 
	overflow-y: scroll; 
	-webkit-text-size-adjust: 100%; 
} 

body {
	min-height: 100%;
	height: 100% !important;
} 

/* Global Styles
----------------------------------------------- */

body { 
	color: #fff; 
	background-color: #000; 
}

a, 
a:visited { 
	color: #9e1213; 
	text-decoration: none; 
}

a:hover 		{ color: #ccc  }
.left 			{ float: left  }
.right 			{ float: right }
.clear 			{ clear: both  }
.hide			{ display: none; }

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

.wrap { 
	width: 960px; 
	margin: 0 auto; 
	position: relative;
	z-index: 20;
	padding-bottom: 60px;
}

a.button,
a.button-alt,
input.button,
button.button,
button.button-alt,
input[type="button"],
input[type="submit"] {
	font-size: 20px;
	padding: 6px 25px ;
	color: #fff;
	line-height: 1;
	background-color: #9f1012;
	border: none;
	cursor: pointer;
    -webkit-appearance: none;
    margin-top: 0 !important;
    border-radius: 0;
    -moz-border-radius: 0;
}

a:hover.button,
input:hover.button,
button:hover.button,
button:hover.button-alt,
input:hover[type="button"],
input:hover[type="submit"] { 
	background-color: #2a2a2a;
}

.video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video iframe,  
.video object,  
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

img,
.wp-caption {
	max-width: 100%;
	height: auto;
}

/* Type
----------------------------------------------- */

body {
	font: 16px/1.3 Lucida, Verdana, sans-serif;
}

p {
  margin: 0 0 25px;
}

.lead {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 200;
  line-height: 30px;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

cite {
  font-style: normal;
  font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 10px;
	font-weight: bold;
	line-height: 20px;
	color: inherit;
	text-rendering: optimizelegibility;
	color: #fff;
	font-family: Lucida, Verdana, sans-serif;
}

h1,
h2,
h3 {
  line-height: 1.2;
}

h1 {
  font-size: 38px;
}

h2 {
  font-size: 31.5px;
}

h3 {
  font-size: 24.5px;
}

h4 {
  font-size: 17.5px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 11.9px;
}

.page-header {
  padding-bottom: 9px;
  margin: 20px 0 30px;
  border-bottom: 1px solid #eeeeee;
}


ul,
ol {
  padding: 0;
  margin: 0 0 25px 25px;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

li {
  line-height: 20px;
}

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}

dl {
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 20px;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 10px;
}

.dl-horizontal {
  *zoom: 1;
}

.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  content: "";
  line-height: 0;
}

.dl-horizontal:after {
  clear: both;
}

.dl-horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dl-horizontal dd {
  margin-left: 180px;
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 20px;
}

code,
pre {
  padding: 0 3px 2px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

code {
  padding: 2px 4px;
  color: #d14;
  background-color: #000;
  border: 1px solid #888;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #000000;
  border: 1px solid #888;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
}

pre.prettyprint {
  margin-bottom: 20px;
}

pre code {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

blockquote {
	border: none;
	margin: 40px 30px;
	position: relative;
	padding: 5px 30px 5px 15px;
	border-left: 4px solid #d8d8d8;
}

blockquote p {
	color: #d8d8d8;
	font-style: italic;
	margin-bottom: 0;
}

blockquote cite {
	display: block;
	text-align: right;
}

blockquote cite:before {
	content: '\2014';
	margin-right: 2px;
}

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
}

table th,
table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #d8d8d8;
}

table th {
  font-weight: bold;
}

table thead th {
  vertical-align: bottom;
}

@font-face {
	font-family: 'Icons';
	src:url('font/Icons.eot');
	src:url('font/Icons.eot?#iefix') format('embedded-opentype'),
		url('font/Icons.woff') format('woff'),
		url('font/Icons.ttf') format('truetype'),
		url('font/Icons.svg#Icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Animation
----------------------------------------------- */

@-webkit-keyframes reset {

	0% {
	    opacity: 0;
	}
	
	100% {
	    opacity: 0;
	}
}
 
@-webkit-keyframes fade-in {

	0% {
	    opacity: 0;
	}
	
	60% {
	    opacity: 0;
	}
	
	100% {
	    opacity: 1;
	}
}

.fade-in {
    -webkit-animation-name: reset, fade-in;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
}

.fade-in {
	-webkit-animation-delay: 0, .3s;
}

/* Header
----------------------------------------------- */

header#primary {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1002;
	overflow: visible;
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.84);
}

body.admin-bar header#primary {
	top: 28px;
}

.header-content {
	width: 960px;
	height: 30px;
	margin: 0 auto;
	position: relative;
	z-index: 1002;
	overflow: visible;
}

#logo,
#text-logo {
	width: 960px;
	margin: 60px auto 40px;
	position: relative;
	z-index: 1004;
}

#text-logo h1, 
#text-logo p, 
#logo h1, 
#logo p {
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	line-height: 1;
	font-size: 46px;
	font-weight: bold;
	text-transform: capitalize;
}

#custom-header-text {
	display: inline-block;
	float: left;
	position: relative;
	top: 7px;
}

.newsletter {
	float: right;
	margin-top: 3px;
	margin-right: 8px;
}

.newsletter input.email-subscribe {
	border: none;
	padding: 3px;
	font-size: 11px;
    -webkit-appearance: none;
}

.newsletter input.button,
.woocommerce .newsletter input.button {
	border: none;
	color: #fff;
	background: none;
	background-color: #971012;
	font-size: 11px;
	line-height: 1.2;
	margin-left: -6px;
	padding: 5px 8px 5px 10px;
	cursor: pointer;
	position: relative;
    -webkit-appearance: none;
	top: 1px;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.newsletter input#email {
	padding: 3px 5px 3px 7px;
	width: 161px;
	border: none;
	color: #999;
	font-size: 12px;
	background-color: #fff;
	font-style: italic;
	height: 17px;
	position: relative;
	top: 1px;
}

.header-content span#notification {
	margin-right: 10px;
	font-size: 12px;
	font-style: italic;
	position: absolute;
	width: 700px;
	right: 20px;
	bottom: -20px;
}

/* Social Icons
----------------------------------------------- */

#header-links {
	float: right;
	margin-bottom: 0;
	margin-left: 10px;
}

#header-links li {
	float: right;
	list-style-type: none;
	margin-top: 8px;
	margin-left: 2px;
	margin-right: 0;
}

#header-links li a:before {
	color: #fff;
	padding: 4px;
	cursor: pointer;
	font: 15px 'Icons';
}


/* Navigation
----------------------------------------------- */

.menu 					{ line-height:	1.0; }
.menu ul 				{ position: absolute; top: -999em; width: 10em; }
.menu ul li 			{ width: 100%; }
.menu li:hover 			{ visibility: inherit;  }
.menu li 				{ float: left; position: relative; }
.menu a 				{ display: block; position: relative; }
.menu li:hover ul,
.menu li.sfHover ul 	{ top: 2.5em; z-index: 99; }
ul.menu li:hover li ul,
ul.menu li.sfHover li ul{ top: -999em;}
.menu li:hover ul,
.menu li.sfHover ul 	{ left: 30px; top: 10px; z-index: 99; }
.menu a.sf-with-ul 		{ padding-right: 2.25em; min-width: 1px; }

div#sidebar nav ul { 
	position: relative;
	margin: 0 0 20px;
	list-style-type: none;
}

div#sidebar nav li {
	float: none;
	line-height: 2;
	font-size: 17px;
	margin-bottom: 7px;
	padding-left: 0;
	text-transform: uppercase;
}

div#sidebar nav a, 
div#sidebar nav a:visited {
	color: #fff;
	padding-left: 12px;
	padding-right: 12px;
	line-height: 2.2;  
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.84);
}

div#sidebar nav a:hover {
	background-color: #971012;
}

div#sidebar nav .current-menu-item a {
	background-color: #971012;
	left: -24px;
}

div#sidebar nav li.current-menu-item li a {
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.84);	
}

div#sidebar nav li li a, 
div#sidebar nav li li a:visited {
	color: #fff;
	line-height: 2.2;
	font-size: 14px;
	float: none;
}

div#sidebar nav li ul  {
	width: 160px;
	margin-bottom: 20px;
}

div#sidebar nav li li:hover ul,
div#sidebar nav li li.sfHover ul {
	width: 160px;
	left:  30px;
	top: 0;
	margin-top: 10px;
}

.current-menu-parent ul.sub-menu li a, 
.current-menu-item ul.sub-menu li a {
	left: 0;  
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.84);
}

.current-menu-parent ul.sub-menu li a:hover, 
.current-menu-item ul.sub-menu li a:hover, 
ul.sub-menu li.current-menu-item a {
	background-color: #971012;
}

#mobile-menu { /* hides mobile navigation for desktops and tablets */
	display: none;
}

/* Pages
----------------------------------------------- */

#content {
	position: relative;
	width: 620px;
	margin-right: 0;
	padding: 0 30px 30px;
	float: right;  
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.84);
}

h1.title,
h1.page-title,
.page h2.title {
	float: left;
	text-transform: uppercase;
	padding: 5px 10px;
	margin: 0 0 15px -30px;
	background-color: #a01113;
}

h2.title a,
h2.title a:visited {
	float: left;
	text-transform: uppercase;
	padding: 5px 10px;
	margin: 0 0 15px -30px;
	color: #fff;
	background-color: #a01113;
}

h2.title a:hover {
	color: #a01113;
	background-color: #000;
}

article {
	position: relative; 
	clear: both;
	margin: 0 0 40px;
}

.blog article:first-of-type {
	margin-top: -10px;
}

.blog.single article:first-of-type {
	margin-top: 0px;
}

p.post-meta {
	clear: both;
	font-size: 12px;
	text-align: right;
}

p.post-meta a, 
p.post-meta a:visited, 
p.contact a, 
p.contact a:visited {
	color: #fff;
	border-bottom: 1px dotted #555;
}

p.post-meta a:hover { 
	border: none; 
}

/* Food Menu and Services
----------------------------------------------- */

ul.item-list {
	margin: 0;
	list-style: none;
	clear: both;
}

ul.item-list h4 { 
	float: left;
	margin-bottom: 5px;
	font-size: 18px;
}

li.item p {
	font-style: italic;
	font-size: 12px;
	margin: 0 15px;
}

li.item p.price { 
	float: right;
	font-weight: normal;
	font-style: normal;
	margin: 0 0 15px;
	font-size: 18px;
}

li.item { 
	margin-bottom: 30px;
	overflow: hidden;
}

li.item .item-title { /* Clears Float */
	overflow: hidden;
}

ul.item-list li:last-child { 
	margin-bottom: 0; 
}

ul.item-list.space {
	margin-bottom: 30px;
}

article p.price {
	position: ;
	top: 20px;
	right: 20px;
	margin-bottom: 0;
	font-size: 18px;
}

li.item a.lightbox img {
	float: left;
	margin-right: 10px;
}

/* Staff
----------------------------------------------- */

.staff-list {	
	position: relative;
	width: 680px;
	margin-right: 0px;
	float: right;
	overflow: hidden;
}

.staff-list article {
	padding: 20px 30px;
	margin-bottom: 40px;
	position: relative;  
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.84);
}

.staff-list article img {
	float: left;
	margin: -20px 25px -20px -30px;
	position: relative;
	z-index: 21;
}

.staff-list article h4 {
	margin-bottom: 0;
}

.staff-list article h2 a,
.staff-list article h2 a:visited {
	font-size: 24px;
	margin-bottom: 4px;
	position: absolute;
	left: 200px;
	top: 0;
	margin-left: 0;
}

.staff-list article h2.no-image a,
.staff-list article h2.no-image a:visited {
	left: 0;
}

.staff-list article h4 a:hover {
	color: #a01113;
	background-color: #000;
}

.staff-list article p {
	position: relative;
	top: 24px;
}

p.staff-title {
	font-style: italic;
	position: relative;
	top: 35px;
	margin-bottom: 11px;
}

.staff-list article p.contact {
	margin-bottom: 0;
	position: absolute;
	left: 225px;
	padding-bottom: 5px;
	padding-top: 5px;
	z-index: 20;
	width: 360px;
	top: 185px;
}

/* Sidebar
----------------------------------------------- */

#sidebar {
	float: left;
	position: relative;
	width: 200px;
}

#sidebar .widget {
	padding: 10px;
	margin-bottom: 20px;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.84);
}

h4.widget-title {
	background-color: #971012;
	margin: -10px -10px 10px;
	padding: 10px;
	text-transform: uppercase;
}

#sidebar .widget p, 
#sidebar .widget li {
	font-size: 12px;
	margin-bottom: 3px;
}

#searchform label { 
	display: none; 
}

#searchform input { 
	border: none; 
}

#searchform input#s {
	width: 90px;
	font-size: 13px;
	line-height: 1.2;
}

input#searchsubmit {
	border: none;
	color: #fff;
	background-color: #971012;
	font-size: 11px;
	line-height: 1.2;
	padding: 3px 8px;
	cursor: pointer;	
    -webkit-appearance: none;
}

.widget ul {
	margin: 0;
	list-style: none;
}

ul.adr, ul.hours { 
	margin-bottom: 15px; 
}

/* Comments
----------------------------------------------- */

#comments { 
	margin-top: 45px; 
}

h3.comments {
	float: left;
	background-color: #a01113;
	padding: 5px 10px 5px 15px;
	text-transform: uppercase;
	margin: 0 0 26px -30px;
}

ol#commentlist {
	list-style: none;
	margin-left: 0;
	margin-right: 0;
}

li.comment {
	margin-bottom: 15px;
	list-style: none;
	border-bottom: 1px solid #000;
}

ul.children {
	margin-right: 0;
	margin-left: 0;
}

ul.children li {
	margin-left: 29px;
	padding-top: 4px;
}

.comment-header {
	overflow: hidden;
}

.comment-header cite.fn {
	font-size: 20px;
	line-height: 2.1;
	margin-bottom: 0;
}

.comment-header img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

li.depth-3, 
li.depth-4, 
li.depth-5 { 
	margin-left: 20px; 
}

p.author-name-date { 
	font-size: 14px; 
}

p.author-name-date a { 
	font-size: 22px; 
}

a.comment-reply-link {
	color: #fff;
	background-color: #910f11;
	line-height: 1.5;
	text-align: center;
	padding: 3px 22px;
}

input#url, 
input#email, 
input#author { 
	width: 50%; 
}

textarea#comment { 
	width: 98%; 
}

#comments label {
	font-size: 12px;
	font-style: italic;
}

input#url, 
input#email, 
input#author, 
textarea#comment {
	padding: 5px;
	color: #fff;
	background-color: #000;
	border: 1px solid #333;
}

input:focus#url, 
input:focus#email, 
input:focus#author, 
textarea:focus#comment {
	border-color: #888;
}

p.form-allowed-tags {
	display: none;
}

/* Footer
----------------------------------------------- */

footer#primary {
	position: relative;
	z-index: 0;
	text-align: center;
}

footer#primary p, 
footer#primary a, 
footer#primary a:visited {
	color: #fff;
	font-size: 10px;
	text-shadow: #000 1px 1px 1px;
	margin-bottom: 0;
	padding: 0;
}

/* Images
----------------------------------------------- */

.gallery img {
	margin-right: 12px;
	margin-bottom: 10px;
}

.wp-caption {
	text-align: center;
	background-color: #000;
	padding-top: 5px;
	margin-bottom: 15px;
}

p.wp-caption-text {
	margin-bottom: 0;
	font-style: italic;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 5px;
	margin: 0 0 2px 10px;
	display: inline;
}

img.alignleft {
	padding: 5px;
	margin: 0 10px 2px 0;
	display: inline;
}

.alignright {
	float: right;
	margin-left: 15px;
}

.alignleft {
	float: left;
	margin-right: 15px;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

a.prev.page-numbers {
	margin-right: 5px;
	position: relative;
	top: 5px;
	font: 25px 'Icons';
}

a.next.page-numbers {
	margin-left: 5px;
	position: relative;
	top: 5px;
	font: 25px 'Icons';
}}

img#wpstats {   /* safely hides WordPress Stats smiley */
    width:0px;
    height:0px;
    overflow:hidden
}

/* Supersized Background Images
----------------------------------------------- */

#supersized-loader { 
	position: absolute; 
	top: 40px;
	right: 40px;
	z-index: 10; 
	width: 30px; 
	height: 30px; 
	text-indent: -999em;
	background: #000 url(images/loader.gif) no-repeat center;
}
	
#supersized {
	display: block; 
	position: fixed; 
	left: 0; 
	top: 0; 
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden; 
	z-index: -999; 
	height: 100%; 
	width: 100%;
	list-style-type: none;
}

#supersized img {
	width :auto; 
	height: auto; 
	position: relative; 
	display: none; 
	outline: none; 
	border: none; /* counteracts global img modification by twitter bootstrap library */
	max-width: none !important;
}

#supersized.speed img {
	-ms-interpolation-mode: nearest-neighbor; 
	image-rendering: -moz-crisp-edges; 
}

#supersized.quality img { 
	-ms-interpolation-mode: bicubic; 
	image-rendering: optimizeQuality; 
}
		
#supersized li {
	display: block; 
	list-style: none; 
	z-index: -30; 
	position: fixed; 
	overflow: hidden; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	background: #111;
	margin: 0 !important;
	padding: 0 !important;
}

#supersized a { 
	width: 100%; 
	height: 100%; 
	display: block;
}

#supersized li.prevslide { 
	z-index: -20; 
}

#supersized li.activeslide { 
	z-index: -10; 
}

#supersized li.image-loading { 
	background-color: #111; 
	width: 100%; 
	height: 100%;
}

#supersized li.image-loading img {
	visibility: hidden; 
}

#supersized li.prevslide img, 
#supersized li.activeslide img {
	display: inline;
}

/* Woocommerce
----------------------------------------------- */

.woocommerce-breadcrumb {
	display: none;
}

p.woocommerce-result-count {
	clear: both;
}

.woocommerce-page.single-product #content {
	padding-top: 30px;
}

.woocommerce p.price,
.woocommerce span.price {
	color: #fff !important;
}

.woocommerce #content a.button,
.woocommerce #content button.button,
.woocommerce #content input.button,
.woocommerce #content #respond input#submit,
.woocommerce #content #content input.button,
.woocommerce-page #content a.button,
.woocommerce-page #content button.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page #content input.button {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #fff;
	text-shadow: none;
	border: none;
	background: none #9f1112;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding-top: 7px;
	padding-bottom: 7px;
}

.woocommerce #content .woocommerce-tabs li.active a {
	color: #000 !important;
}

h2 a.shipping-calculator-button {
	color: #fff;
	font-size: 18px;
	text-align: left;
}

.woocommerce-page #content #payment {
	background: #333;
}

input#coupon_code.input-text {
	padding: 6px 5px 5px;
}

/* Tablets
----------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
		
	.wrap {
		width: 90%;
		margin: 0 auto;
	}
	
	#logo,
	#text-logo {
		width: 90%;
	}
	
	#content {
		margin-right: 0;
		width: 64%;
	}
	
	.staff-list {
		margin-right: 0;
		width: 74%;
	}
	
	.staff-list p {
		font-size: 14px;
	}
	
	#sidebar {
		width: 168px;
	}
	
	.header-content {
		width: 100%;
	}
	
	.header-bar {
		padding-left: 2%;
		padding-right: 2%;
	}
	
	#logo,
	#text-logo {
		left: 20px;
	}
	
	.staff-list article {
		margin-right: 0;
	}
	
	#searchform input#s {
		width: 80px;
	}
	
}

/* All Smaller Mobile
----------------------------------------------- */

@media only screen and (max-width: 767px) {
	
	h1 {
	  font-size: 30px;
	}
	
	h2 {
	  font-size: 26px;
	}
	
	h3 {
	  font-size: 22px;
	}
	
	h4 {
	  font-size: 17px;
	}
	
	.wrap,
	#logo,
	#text-logo  {
		width: 90%;
		margin: 0 auto;
	}
	
	#content {
		width: 100%;
		margin: 0 auto 20px;
		float: none;
		position: relative;
		top: auto;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;
	}
	
	.woocommerce-page.single-product #content {
		padding-top: 3%;
	}
	
	.staff-list {
		width: 100%;
		margin: 0 auto 20px;
		float: none;
		position: relative;
		top: auto;
	}
	
	.staff-list p {
		font-size: 14px;
	}
	
	header#primary {
		display: none;
	}
	
	#logo,
	#text-logo {
		position: relative;
		top: auto;
		width: 90%;
		height: auto;
		float: none;
		left: auto;
		text-align: center;
		margin: 10px auto;
	}
	
	#sidebar nav {
		display: none;
	}
	
	#mobile-menu ul {
		display: none;
	}
	
	#mobile-menu { 
		display: block;
		width: 90%;
		float: none;
		margin-bottom: 20px;
		margin-right: auto;
		margin-left: auto;
	}
	
	select.tinynav {
		border: none;
		float: none;
		background-color: transparent;
		background-color: rgba(0, 0, 0, 0.84); 
		-webkit-appearance: none;
		color: #fff;
		font-size: 20px;
		font-weight: 700;
		-webkit-background-clip: padding-box;
		padding: 2% 7%;
		margin: 0;
		width: 100%;
		border-radius: 0px;
		-moz-border-radius: 0px;
		position: relative;
	}
	
	div#sidebar {
		clear: both;
		width: 100%;
		float: none;
		overflow: hidden;
		margin: 0 auto;
	}
	
	div#sidebar .widget {
		float: left;
		width: 46%;
		margin-left: 2%;
		margin-right: 2%;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;
	}
	
	input#author,
	input#url,
	input#email,
	textarea#comment {
		width: 90%;
	}
	
	.staff-list article p.contact {
		position: relative;
		top: auto;
		width: 90%;
		left: auto;
		padding-top: 20px;
	}
	
	.staff-list article img {
		margin-bottom: 0;
	}
	
	.staff-list p.staff-title {
		margin-bottom: 15px;
	}
		
	footer#primary {
		z-index: 1;
		bottom: 10px;
		right: auto;
		width: 100%;
		clear: both;
		margin: 0 auto;
	}
	
	.woocommerce-page div.images,
	.woocommerce div.product div.summary {
		width: 100% !important;
		float: none;
	}
	
	.woocommerce table.shop_table {
		max-width: 100% !important;
	}
	
	.col2-set .col-1,
	.col2-set .col-2 {
		float: none !important;
		width: 100% !important;
	}
	
	table.shop_table td,
	table.shop_table th {
		padding: 5px !important;
	}
	
	table.shop_table td.product-thumbnail,
	table.shop_table th.product-thumbnail,
	table.shop_table td.product-remove,
	table.shop_table th.product-remove {
		display: none;
	}
	
	table.shop_table input.button {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	
	table.shop_table input.checkout-button {
		margin-top: 15px !important;
	}
	
}


/* Only Smartphones
----------------------------------------------- */

@media only screen and (max-width: 520px) {
	
	.staff-list {
		float: none;
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	
	.staff-list article {
		padding: 0;
		text-align: center;
		height: auto;
	}
			
	.staff-list article h2.title {
		clear: both;
		position: relative;
		overflow: hidden;
		width: 100%;
		text-align: center;
	}
	
	.staff-list article h2.title a {
		position: relative;
		left: auto;
		right: auto;
		text-align: center;
		float: none;
	}
	
	.staff-list article p {
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.staff-list article img {
		float: none;
		margin: 20px auto 0;
	}
	
	.staff-list article h4 a {
		font-size: 24px;
		margin-bottom: 0;
		position: relative;
		clear: both;
		background-color: #a01113;
		left: auto;
		top: auto;
		text-align: left;
		padding: 4px 10px; 
	}
	
	.staff-list p {
		text-align: center;
	}
	
	.wrap,
	footer,
	.header-bar { 
		display: block; /* hide for fade in */ 
	}
	
	div#sidebar .widget {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
}

/* Internet Explorer 8 Necessities
----------------------------------------------- */

.ie8 header#primary,
.ie8 #content,
.ie8 .staff-list article, 
.ie8 #sidebar .widget,
.ie8 #sidebar nav a, 
.ie8 #sidebar nav a:visited, 
.ie8 .current-menu-parent ul.sub-menu li a {
	background: none;	
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#000000', EndColorStr='#000000');
}

.ie8 #sidebar nav .current-menu-item a, 
.ie8 #sidebar nav a:hover,
.ie8 .current-menu-parent ul.sub-menu li a:hover {
	background-color: #971012;
	filter: none;
}

.ie8 ul.header-links {
	height: 30px;
	width: 600px;
}

/* Social Icon Font
----------------------------------------------- */

.font-icon-social-zerply, .font-icon-social-youtube, .font-icon-social-yelp, .font-icon-social-yahoo, .font-icon-social-wordpress, .font-icon-social-virb, .font-icon-social-vimeo, .font-icon-social-viddler, .font-icon-social-twitter, .font-icon-social-tumblr, .font-icon-social-stumbleupon, .font-icon-social-soundcloud, .font-icon-social-skype, .font-icon-social-share-this, .font-icon-social-quora, .font-icon-social-pinterest, .font-icon-social-photobucket, .font-icon-social-paypal, .font-icon-social-myspace, .font-icon-social-linkedin, .font-icon-social-last-fm, .font-icon-social-grooveshark, .font-icon-social-google-plus, .font-icon-social-github, .font-icon-social-forrst, .font-icon-social-flickr, .font-icon-social-facebook, .font-icon-social-evernote, .font-icon-social-envato, .font-icon-social-email, .font-icon-social-dribbble, .font-icon-social-digg, .font-icon-social-deviant-art, .font-icon-social-blogger, .font-icon-social-behance, .font-icon-social-bebo, .font-icon-social-addthis, .font-icon-social-500px, .font-icon-email, .font-icon-email_2, .font-icon-camera, .font-icon-rss {
	font-family: 'Icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.font-icon-social-zerply:before {
	content: "\e022";
}
.font-icon-social-youtube:before {
	content: "\e023";
}
.font-icon-social-yelp:before {
	content: "\e024";
}
.font-icon-social-yahoo:before {
	content: "\e025";
}
.font-icon-social-wordpress:before {
	content: "\e026";
}
.font-icon-social-virb:before {
	content: "\e027";
}
.font-icon-social-vimeo:before {
	content: "\e028";
}
.font-icon-social-viddler:before {
	content: "\e029";
}
.font-icon-social-twitter:before {
	content: "\e02a";
}
.font-icon-social-tumblr:before {
	content: "\e02b";
}
.font-icon-social-stumbleupon:before {
	content: "\e02c";
}
.font-icon-social-soundcloud:before {
	content: "\e02d";
}
.font-icon-social-skype:before {
	content: "\e02e";
}
.font-icon-social-share-this:before {
	content: "\e02f";
}
.font-icon-social-quora:before {
	content: "\e030";
}
.font-icon-social-pinterest:before {
	content: "\e031";
}
.font-icon-social-photobucket:before {
	content: "\e032";
}
.font-icon-social-paypal:before {
	content: "\e033";
}
.font-icon-social-myspace:before {
	content: "\e034";
}
.font-icon-social-linkedin:before {
	content: "\e035";
}
.font-icon-social-last-fm:before {
	content: "\e036";
}
.font-icon-social-grooveshark:before {
	content: "\e037";
}
.font-icon-social-google-plus:before {
	content: "\e038";
}
.font-icon-social-github:before {
	content: "\e039";
}
.font-icon-social-forrst:before {
	content: "\e03a";
}
.font-icon-social-flickr:before {
	content: "\e03b";
}
.font-icon-social-facebook:before {
	content: "\e03c";
}
.font-icon-social-evernote:before {
	content: "\e03d";
}
.font-icon-social-envato:before {
	content: "\e03e";
}
.font-icon-social-email:before {
	content: "\e03f";
}
.font-icon-social-dribbble:before {
	content: "\e040";
}
.font-icon-social-digg:before {
	content: "\e041";
}
.font-icon-social-deviant-art:before {
	content: "\e042";
}
.font-icon-social-blogger:before {
	content: "\e043";
}
.font-icon-social-behance:before {
	content: "\e044";
}
.font-icon-social-bebo:before {
	content: "\e045";
}
.font-icon-social-addthis:before {
	content: "\e046";
}
.font-icon-social-500px:before {
	content: "\e047";
}
.font-icon-email:before {
	content: "\e0aa";
}
.font-icon-email_2:before {
	content: "\e0ab";
}
.font-icon-camera:before {
	content: "\e0c0";
}
.font-icon-rss:before {
	content: "\e04e";
}