/*
Theme Name: Slouch Hat Theme
Theme URI: http://www.trafficreative.com/
Author: Traffic Creative
Author URI: http://www.trafficreative.com
Description: Theme created by Traffic Creative for the Slouch Hat Soldiers site
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
	font-family: "garamond-premier-pro-display",Arial, Helvetica, sans-serif;
}

body {
	color: #333333;
	line-height: 1.5;
	margin: 0;
}

a {
	color: #333333;
	text-decoration: none;
}

a:visited {
	color: #333333;
}

a:focus {
	outline: none;
}

a:active,
a:hover {
	color: #333333;
	outline: 0;
}

a:hover {
	text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: "garamond-premier-pro-display", Arial,Helvetica, serif;
	line-height: 1.3;
	margin:0;
}

address {
	font-style: italic;
	margin: 0 0 24px;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

p {
	margin: 0 0 24px;
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 14px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
}

pre {
	background: #f5f5f5;
	color: #666;
	font-family: monospace;
	font-size: 14px;
	margin: 20px 0;
	overflow: auto;
	padding: 20px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote {
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 24px 40px;
}

blockquote blockquote {
	margin-right: 0;
}

blockquote cite,
blockquote small {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

blockquote em,
blockquote i {
	font-style: normal;
	font-weight: 300;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

dl {
	margin: 0 20px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 20px;
}

menu,
ol,
ul {
	margin: 16px 0;
	padding: 0 0 0 40px;
}

ul {
	list-style-type: square;
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

li > ul,
li > ol {
	margin: 0;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	width: 270px;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-bottom: none;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

caption {
	font-size: 16px;
	margin: 20px 0;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}

td {
	border-top: none;
	padding: 6px 10px 6px 0;
}

del {
	color: #333;
}

ins {
	background: #fff9c0;
	text-decoration: none;
}

hr {
	background: url(images/dotted-line.png) repeat center top;
	background-size: 4px 4px;
	border: 0;
	height: 1px;
	margin: 0 0 24px;
}


/**
 * 2.0 Structure
 *
 * Layout, boxes, flow of page etc
 *
 * ----------------------------------------------------------------------------
 */
 
 .desktop-only,.desktop-only-inline,.desktop-only-inline-block{
	 display:none;
 }
 
 
 body{
	background:#000000; 
 }
 
 #main-nav-container, #mobile-nav-container{
	 margin:0;
	 padding:0;
	 text-align:center;
	 background:#000;
	 color:#f6e6b9;
	 position:relative;
 }
 
 #mobile-nav-container{
	 padding-top:1em;
	 padding-bottom:1em;
 }
 
 #mobile-nav-container .menu-main-page-container{
	 
	 position:relative;
 }
 
 #header{
	text-align:center;
	background:none;
	height:auto;
	background:url(images/template/slouchhat-header-strip.jpg) repeat top center;
 }
 
 #logo-layer{
	width:100%;
	display:none;
 }
 
 #header-strip img{
	 width:100%;
	 max-width:1020px;
 }
 #logo-layer img{
	 max-width:100%;
 }
 
 #main{
	 background:#eee9dc;
	 width:100%;
	 text-align:center;
	 padding:2.813em 2em;
 }

 
 #footer{
	text-align:center; 
	padding-top:2em;
	color:#f6e6b9;
 }
 
 #footer a{
	 color:inherit;
 }
 
 
 @media only screen and (min-width: 44.0em) {
	 .mobile-only,.mobile-only-inline{
		 display:none;
	 }
	 
	 
	 .desktop-only{
			display:block;	 
	 }
	 .desktop-only-inline{
		 display:inline;
	 }
	 .desktop-only-inline-block{
		 display:inline-block;
	 }
	 
	 .width-wrapper{
		 width:600px;
		 margin:0 auto;
	 }
	 footer .width-wrapper{
		width:600px; 
		width:auto;
	 }
	 
		 
	 
 #logo-layer{
 }
	 
 }
 
 /**
 * 3.0 Menu
 *
 * Primary and other menus
 *
 * ----------------------------------------------------------------------------
 */
 
 .nav-menu{
		list-style:none;
		margin:0;
		padding:0;
		font-family:"garamond-premier-pro-display",Arial, Helvetica, sans-serif; 
		background:#000;
		padding:0;
	 }
	 
 .nav-menu li{
		display:block;
		font-size:.813em;
		padding:.5em 0;
		margin:0;
		line-height:1em;
		vertical-align:middle;
		text-transform:uppercase;
		
	}

.nav-menu .bold{
	font-weight:700;
}

	.nav-menu li a{
		color:#f6e6b9;
	}

	 
	 #mobile-nav-container ul li{
		 margin:auto 4.6875%;
		 border-bottom:1px solid #999999;
		 line-height:3.5em;
	 }
	 
	 #mobile-nav-container ul{
		 position:absolute;
		 z-index:99;
		 top:4.5em;
		 left:0;
		 width:100%;
		 /* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);

background: -moz-linear-gradient(top,  rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.9)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-8 */


	 }
	 
	 #mobile-nav-container ul li:last-child{
		 border-bottom:none;
	 }
	 
	 
	 #mobile-nav-container ul li a{
		 color:#f6e6b9;
		 font-size:1.25em;
	 }
	 
 @media only screen and (min-width: 44.0em) {
	.nav-menu li{
		display:inline-block;
		padding:1.273em 0;
		margin:0 1.0em;
	}
	 
 }
 
 
 /**
 * 4.0 Typography
 *
 * Typography, font choices, sizes, colours etc
 *
 * ----------------------------------------------------------------------------
 */
 
 h1{
	 font-size:1.25em;
	 margin-bottom:2.25em;
	 color:#000;
	 text-transform:uppercase;
 }
 
 h1.entry-title{
	 background:url(images/template/slouchhat-header-bg.png) no-repeat bottom center;
	 padding-bottom:.75em;
 }
 
 
 
/* h1:before,*/ #mobile-menu-button:before, .ba:before{
	 width:.75em;
	 background:#f6e6b9;
	 height:2px;
	 display:block;
	 content:'';
	 position:relative;
	 text-align:center;
	 margin:0 auto;
	 margin-bottom:.5em;
 }

 /* h1:after,*/ #mobile-menu-button:after, .ba:after{
	 width:.75em;
	 background:#f6e6b9;
	 height:2px;
	 display:block;
	 content:'';
	 position:relative;
	 text-align:center;
	 margin:0 auto;
	 margin-top:.7em;
 }
 
 #mobile-menu-button a{
	 color:#fff;
 }
 
 .ba{
	 display:block;
 }
 
 .ba:before, .ba:after{
	background:#333333; 
 }
 
 
 .entry-content{
	 text-align:left;
	 font-size:1.125em;
 }
 #footer{
	 font-family:"garamond-premier-pro-display",Arial, Helvetica, sans-serif;
	 font-size:1em;
	 line-height:2em;
	 font-weight:400;
 }
 br.dropdown{
	display:none;	
	}
 
 @media only screen and (min-width: 44.0em) {
	 .ba{
		 display:inline;
	 }
	 .ba:after, .ba:before{
		 display:none;
	 }
	 #footer{
	 font-size:.813em;
 	}
	br.dropdown{
	display:block;	
	}
 }
 
  @media only screen and (min-width: 44.0em) {
	 br.dropdown{
	display:none;	
	} 
  }
 
 
 /**
 * 5.0 Other General Elements
 *
 * Other elements that are part of the general theme
 *
 * ----------------------------------------------------------------------------
 */
 
 #fb{
	 position:absolute;
	 right:20px;
	 top:5px;
 }
 
 @media only screen and (max-width: 38.0em) {
	 #fb{
		right:10px; 
	 }
 }
 
  @media only screen and (max-width: 40.0em) {
	 #fb{
		right:5px; 
	 }
 }
 
 
 #logo-layer img{
 }
 
 span.footer-line{
	 display:block;
 }
 
 span.footer-line.desktop-only, span.footer-line.desktop-only-inline{
	 display:none;
 }
 
 .entry-content img{
	 max-width:100%;
	 height:auto;
 }
 
 
 @media only screen and (min-width: 44.0em) {
	 
 
 span.footer-line, span.footer-line.desktop-only-inline{
	 display:inline;
	 margin:0 0.6em;
 }
 
  span.footer-line:first-child{
	margin-left:0;
 }
 
 span.footer-line:last-child{
	margin-right:0;
 }
 span.footer-line.mobile-only{
	 display:none;
 }
 
 }
 
 /**
 * 6.0 Page Templates
 *
 * Specific page templates
 *
 * ----------------------------------------------------------------------------
 */
 
  
		 /**
		 * 6.1 Contact Page
		 * ----------------------------------------------------------------------------
		 */
		 
		 img.find-us{
			 float:left;
			 margin-right:0.769em;
			 margin-top:-.769em;
		 }
		 
		 .desktop-map{
			 display:none;
		 }
		 
		 .mobile-map{
			margin	:0 auto 2.308em auto;
			width:100%;
			display:block;
			text-align:center; 
		 }
		 
		 
		 
		 
	 
		 @media only screen and (min-width: 44.0em) {
			 .desktop-map{
				 margin-bottom:2.308em;
				 display:block;
			 }
			 
			 .mobile-map{
				 display:none;
			 }
			 
			 
		 }
		 


		 /**
		 * 6.2 Entertainment Page
		 * ----------------------------------------------------------------------------
		 */
		 
		 
		 article.category-entertainment{
		 	clear:both;	
			margin-bottom:2.5em; 
			overflow:hidden;
		 }
		 
		 .category-entertainment .entry-content{
			 max-width:52%;
			 float:left;
		 }
		 
		 h2{
			color:#999999;
			font-size:1.250em;
			text-transform:uppercase; 
			font-weight:400;
			margin-bottom:.5em;
		 }
		 
		 .entertainment-pos{
		 	float:left;
			margin-right:8%;
			max-width:40%; 
			margin-top:6px;
			position:relative;
		 }
		 
		 .entertainment-pos img{
			width:100%;
			height:auto; 
		 }
		 
		 
		 @-moz-document url-prefix() {
     .entertainment-pos img{
		
			margin-bottom:2px;
			width:99.6%;
		 }
		  .entertainment-pos img.frame_overlay{
			  width:100%;
			  height:100%;
		  }
}
		 .entertainment-pos img.frame_overlay{
			position: absolute;
			z-index: 2;
			top: 0;
			left: 0;
			height: 100%; 
		 }
		 
		  @media only screen and (min-width: 44.0em) {
		  	.entertainment-post{
				max-width:none;	
			}
			.entertainment-pos{
	
			margin-right:1.563em;
		 }
		  }
		  
		  /**
		 * 6.3 Menu Page
		 * ----------------------------------------------------------------------------
		 */
		 
		 .menu-section{
			 border-bottom:2px solid #b3b3b3;
			 margin-bottom:1em;
		 }
		 
		 .menu-full p{
			margin-bottom:1em; 
		 }
		 
		 .menu-teaser{
			 cursor:pointer;
		 }
		.jsrm-table p{
			margin:0;padding:0;
		}
		.jsrm-table .item-text{
			font-size:1em;
			font-weight:300;	
		}
		
		.jsrm-menu .col-headers{
			display:none;	
		}
		
		.jsrm-menu.zebra .jsrm-table th:first-child, .jsrm-menu .jsrm-table td:first-child {
padding-left: 0px;
}


.jsrm-menu .jsrm-table td {
vertical-align: top;
padding: 0px 1em;
text-align: left;
border-bottom: none;
}
			
			
			span.fr {
float: right;
text-decoration: underline;
color: #333;
font-weight: normal;
text-transform: none;
font-size: .813em;
font-family:'garamond-premier-pro-display',Arial, Helvetica, sans-serif;
}
			 
			  /**
		 * 6.4 Home Page
		 * ----------------------------------------------------------------------------
		 */
		 
		 .home #header{
			 background:none;
			 overflow:hidden;
		 }
		 .home #logo-layer{
			 position:absolute;
			 z-index:88;
			 display:block;
		 }
		 
		 .home #header-strip{
			 display:none;
		 }
		 
		 #home-features{
		 	overflow:hidden;
			text-align:center;	
			font-size:.722em; 
		 }
		 
		 .home-feature{
			text-align:center;
			
			margin:1em; 
		 }
		 
		 .home .menu-item-4{
			display:none; 
		 }
		 
		 #slider-container img{
			 float:left;
		 }
		 
		 
		 
		 .home .flexslider{
			 border:none;
			 margin:0;
		 }
		 
		  .home .flexslider{
			 position:relative;
			 top:-100px;
			 z-index:1;
			 margin-bottom:-100px;
		 }
		 
		 .flex-direction-nav .flex-prev {
background:url(images/template/nav-left.png) no-repeat center center;
border:none;
list-style:none;
width:71px;
height:71px;
}

.flex-direction-nav .flex-prev:before {
display:none;
}

 .flex-direction-nav .flex-next {
background:url(images/template/nav-right.png) no-repeat center center;
border:none;
list-style:none;
width:71px;
height:71px;
}

.flex-direction-nav .flex-next:before {
display:none;
}

.flex-direction-nav a {
top:75%;
margin-top:0;
bottom:auto;
}


body .flex-direction-nav{
	display:none;
}

		.home-feature h2{
	color:#333333;
}

#home_text{
	text-align:center;
	background:url(images/template/slouchhat-divider.png) no-repeat bottom center;
	padding-bottom:10px;
}

 
		  @media only screen and (max-width: 44.0em) {
			  	
				

				
			  	.flex-direction-nav .flex-next , .flex-direction-nav .flex-prev {
background-size:contain;
width:35px;
height:35px;
}


		
		  }
		 
		 
		  @media only screen and (min-width: 44.0em) {
			.home-feature h2{
	font-size:1.0em;
	padding-bottom:1em;
}

.home-feature:hover h2{
	background:url(images/template/slouchhat-home-button-rollover.png) no-repeat bottom center;
}
				 .home #header{
			 background:none;
			 overflow:hidden;
			 height:auto;
		 }
		 
		  .home .flexslider{
			 position:relative;
			 top:-230px;
			 z-index:1;
			 margin-bottom:-230px;
		 }
		 
		 
		 .home-feature.first{
			margin-left:0; 
		 }
		 .home-feature.last{
			margin-right:0; 
		 }
		 
		 
		 .flex-direction-nav a {
top:75%;
}
		
		  }
		  
		  @media only screen and (min-width: 44.0em) {
			  	 .flex-direction-nav a {
top:65%;
}



  	.home #main .width-wrapper{
			 width:600px;/*overwrite this to fit the feature images*/
		 }
		 
		 
		  .home-feature{
			float:left;
			margin:2em; 
		 }
		 
		 



		  }
		  
		    @media only screen and (min-width: 54.0em) {
			  	 .flex-direction-nav a {
top:78%;

}

.flex-direction-nav .flex-next , .flex-direction-nav .flex-prev {
background-size:contain;
width:45px;
height:45px;
}
  
			  body .flex-direction-nav{
					display:block;
				}
		  }
		  
		   @media only screen and (min-width: 60.0em) {
			  	 .flex-direction-nav a {
top:75%;

}

.flex-direction-nav .flex-next , .flex-direction-nav .flex-prev {
background-size:contain;
width:55px;
height:55px;
}
		   }
		   
		    @media only screen and (min-width: 64.0em) {
			  	 .flex-direction-nav a {
top:70%;

}

.flex-direction-nav .flex-next , .flex-direction-nav .flex-prev {
background-size:contain;
width:71px;
height:71px;
}
		   }
		   
		   
		   
		   
		    /*
			 *Links page
			 * ----------------------------------------------------------------------------
			 */
			 
			 article.tc_slouchhat_link .entry-content{
				text-align:center;
				background:url(images/template/slouchhat-divider.png) no-repeat bottom center; 
				padding-bottom:1em;
				margin-bottom:1em;
			 }
			 
			  article.tc_slouchhat_link h2{
				  font-size:1.125em;
				  color:#333;
				  text-transform:none;
				  font-weight:700;
			  }
			   article.tc_slouchhat_link p{
				   margin:0;
			   }
			   
			    article.tc_slouchhat_link a{
				   text-decoration:underline;
			   }
			   
			   
			   /*
			 *Reviews page
			 * ----------------------------------------------------------------------------
			 */
			 
			  article.tc_slouchhat_review{
				text-align:center;
				background:url(images/template/slouchhat-divider.png) no-repeat bottom left; 
				padding-bottom:1em;
				margin-bottom:1em;
			 }
		   article.tc_slouchhat_review h2{
				  font-size:1.125em;
				  color:#333;
				  text-transform:none;
				  font-weight:700;
				  text-align:left;
			  }
			  
			  
			     /*
			 *Product page
			 * ----------------------------------------------------------------------------
			 */
			 
			 .book-image{
				text-align:center; 
			 }
			 
			 .book-info{
			
				padding-top:2em;
				margin-top:2em; 
			 }
			 
			 #payment-info{
				 
				 color:#7D2B25;}
				 
		   
		   		.legacy-strip{
text-align:left;
clear:both;
}
		   
		    @media only screen and (min-width: 44.0em) {
				.book-image{
				text-align:left; 
			 }
			 .book-image{
				 float:left;
			 }
			 #payment-info{
				 float:right;
				 width:250px;
			 }
			 .book-info{
				 clear:both;
			 }

			
.legacy-strip:after{
	visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.legacy-strip img{
float:right;
}

.legacy-strip p{
float:left;
margin-top:1.5em;
font-size:1.125em
}


#footer p{
	margin-bottom:0;
}
.tc{
	float:left;
	margin-top:.75em;
	display:block;
}
.legacy-footer{
	float:right;
}

.footer-line-2{
	max-width:660px;
	margin:0 auto;
}
			 
			}
		   

 /*
 *End Of Page Templates
 * ----------------------------------------------------------------------------
 */