/*
Theme Name: The Shirt List
Theme URI: http://theshirtlist.com/
Author: Tung Do
Author URI: http://osso.ws/
Description: Custom theme made for TheShirtList.com.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tsl
Tags: white, black, light, responsive-layout, custom-menu, featured-images, threaded-comments, translation-ready, photoblogging

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Links & Navigation
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and Pages
	10.2 Singular Posts and Pages
	10.3 Comments
11.0 Media
	11.1 Captions
	11.2 Galleries
12.0 Layout
	12.1 Header
	12.2 Body
	12.3 Footer 
13.0 Style Groups
14.0 Jetpack
15.0 Responsive CSS
	15.1 min-width: 600px
	15.2 min-width: 756px
	15.3 min-width: 780px
	15.4 min-width: 1086px
	15.5 min-width: 1200px
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

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

*, *:before, *:after {
	box-sizing: inherit;
}

body {
	background: #fafafa; /* Fallback for when there is no custom background color defined. */
	word-wrap: break-word;
}

body[direction="ltr"] {direction: ltr;}
body[direction="rtl"] {direction: rtl;}

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

ol,
ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

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

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

blockquote,
q {
	quotes: "" "";
}

a:hover,
a:active,
a:focus {
	outline: 0;
}

a img {
	border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

/* === Icon font === */

.note::before,
.alert::before,
.download::before,
.open-button::before,
.open-button::after,
.close-button::before,
.close-button::after,
.sidebar-button::before,
.nav li a::before,
.nav li a::after,
.loop-title .feed-link::before,
.about-shirt .more-button::before,
.entry-terms::before,
.edit-content a::before,
.next.page-numbers::before,
.prev.page-numbers::before,
.post-navigation .nav-previous a::before,
.post-navigation .nav-next a::before,
.buynowbuttonnew::before,
.archivedbutton::before,
.comment-time a::before,
.comment-reply-link::before,
.comment-reply-login::before,
#cancel-comment-reply-link::before,
.comment-form-author label::before,
.comment-form-email label::before,
.comment-form-url label::before,
.comment-form-comment label::before,
.search-form label::before {
	display: inline-block;
	font-family: "FontAwesome";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	speak: none;
	line-height: inherit;
	text-decoration: none;
	text-transform: none;
}

body,
button,
input,
select,
textarea {
	color: #666;
	font-family: Roboto, Arial, Helvetica, san-serif;
	font-size: 10px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Roboto Slab, Georgia, sans-serif;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 1em;
}

h1 {
	font-size: 1.8em;
	line-height: 1.3;
}
h2 {
	font-size: 1.4em;
	line-height: 1.3;
}
h3 {
	font-size: 1.2em;
	line-height: 1.4;
}
h4 {font-size: 1.0em;}
h5 {font-size: 0.8em;}
h6 {font-size: 0.6em;}

p {
	margin-bottom: 1.5em;
}

b,
strong {
	font-weight: bold;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	border-left: 4px solid #09c;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5;
	margin: 0 0 1.75em;
	padding: 1em 1.5em;
}
	blockquote > :last-child {
		margin-bottom: 0;
	}

address {
	font-style: italic;
	margin: 0 0 1.5em;
}

pre,
table pre,
.form-allowed-tags code {
	background: rgba(0,0,0,0.03);
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	display: block;
	margin-bottom: 1.75em;
	max-width: 100%;
	overflow: auto;
	padding: 1em;
	word-wrap: break-word;
}

	pre code {
		background: transparent;
		}

code,
kbd,
tt,
var {
	background: rgba(0,0,0,0.05);
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
}

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

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

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

/* === Extra Div/Paragraph Style */

.note,
.alert,
.download {
	background: #fff;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 0.3em;
	box-shadow: 0 0 8px rgba(0,0,0,0.05);
	clear: both;
	float: left;
	margin-bottom: 1.75em;
	padding: 1.25em 1.5em;
	padding-left: 4em;
	position: relative;
	width: 100%;
}

	/* Icons */

	.note::before,
	.alert::before,
	.download::before {
		background: #fff;
		border: 0.2em solid rgba(0,0,0,0.05);
		border-radius: 100%;
		color: rgba(0,0,0,0.5);
		content: '\f129';
		height: 2em;
		line-height: 1.8;
		position: absolute;
			top: 1em;
			left: 1em;
		text-align: center;
		width: 2em;
	}
	.note::before {
		border-color: #3397d4;
		color: #3397d4;
	}
	.alert::before {
		border-color: #09c;
		color: #09c;
		content: '\f12a';
	}
	.download::before {
		border-color: #7cd433;
		color: #7cd433;
		content: '\f019';
	}

	/* Margin rule for children */
	.note > :last-child,
	.alert > :last-child,
	.download > :last-child {
		margin-bottom: 0;
	}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: rgba(0,0,0,0.05);
	border: 0;
	height: 1px;
	margin-bottom: 1.75em;
}

/* === Lists === */

ul,
ol {
	list-style-position: inside;
	margin: 0 0 1.5em 2.4em;
}

	li > ul,
	li > ol {
		margin-bottom: 0;
		margin-left: 1.5em;
	}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	overflow: hidden; /* hide long image alt texts */
}

figure {
	margin: 0;
}

/* === Tables === */
table {
	border: 6px solid rgba(0,0,0,0.02);
	border-bottom: 5px solid rgba(0,0,0,0.02);
	margin: 0 0 1.75em;
	width: 100%;
}

	table caption {
		background: rgba(0,0,0,0.07);
		margin-bottom: 1px;
		padding: 0.8em;
		text-align: center;
	}

	th {
		font-weight: bold;
	}

	th,
	td {
		border-bottom: 1px solid rgba(0,0,0,0.02);
		padding: 0.3em 0.6em;
	}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/

fieldset {
	border: 2px solid rgba(0,0,0,0.1);
	margin: 0 0 1.75em;
	padding: 1.5em 1.5em 0;
}

legend {
	border: 2px solid rgba(0,0,0,0.1);
	font-size: 12px;
	letter-spacing: 0.08em;
	padding: 0.25em 0.6em;
	text-transform: uppercase;
}

label {
	cursor: pointer;
}

button,
input,
select,
textarea {
	color: inherit;
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0 0 0.25em; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	transition: all 0.3s ease-in-out;
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

/* Focused State */
button:focus,
input:focus,
select:focus,
textarea:focus {
	z-index: 1;
	}

/* === Input Types === */

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="checkbox"] + label,
input[type="radio"] +label {
	padding-left: 0.25em;
}

input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select {
	background: rgba(0,0,0,0.02);
	border: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	padding: 0.75em 1em;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

/* === Button === */
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
		-webkit-appearance: none; /* Corrects inability to style clickable 'input' types in iOS */
	background-clip: padding-box;
		-webkit-background-clip: padding;
		-moz-background-clip: padding;
		-ms-background-clip: padding-box;
		-o-background-clip: padding-box;
	background: transparent;
	border: 0;
	box-shadow: inset 0 0 0 2px #333;
	color: #333;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	display: inline-block;
	font-family: Roboto Slab, Georga, serif;
	font-weight: bold;
	padding: 0.75em 1em;
	transition: all 0.3s ease-in-out;
}

/* === Button Hover === */
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	box-shadow: inset 0 0 0 2px #09c;
}

/* Disabled state */
button[disabled],
input[disabled],
input.disabled,
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled],
textarea.disabled {
	color: rgba(0,0,0,0.25);
	cursor: default;
	user-select: none;
		-moz-user-select: -moz-none;
		-webkit-user-select: none;
		-khtml-user-select: none;
	}
	
input[type="search"] { /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-appearance: textfield; 
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
	box-shadow: none;
	}

/* Reset Firefox browser spacing rules */
button::-moz-focus-inner,
input::-moz-focus-inner,
select::-moz-focus-inner,
textarea::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* Place holders, cannot combine placeholder rules or they will be ignored completely */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
	color: inherit;
	opacity: 1;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
	/* Older versions of Firefox */
	color: inherit;
	opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: inherit;
	opacity: 1;
}

/* === Search Form === */

.search-form {
	line-height: 1.5;
	margin-bottom: 1.5em;
	position: relative;
}
	.search-form label {
		display: block;
	}
		/* search icon */
		.search-form label::before {
			background: rgba(0,0,0,0.01);
			content: '\f002';
			display: block;
			height: 3em;
			line-height: 3;
			position: absolute;
				top: 0;
				right: 0;
			text-align: center;
			width: 3em;
		}
		
		/* search field */
		.search-form .search-field {
			padding-right: 3em;
			width: 100%;
		}
		
	/* search submit */
	.search-form .search-submit {
		background: transparent;
		box-shadow: none;
		color: transparent;
		height: 3em;
		overflow: hidden;
		padding: 0;
		position: absolute;
			top: 0;
			right: 0;
		width: 3em;
		}
		.search-form .search-submit:hover,
		.search-form .search-submit:focus {
			background: rgba(0,0,0,0.05);
			box-shadow: none;
		}

/*--------------------------------------------------------------
5.0 Links & Navigation
--------------------------------------------------------------*/

/* Links */
a {
	color: #09c;
	text-decoration: none;
}

/* === Menu Icons === */
.nav li a[href*="behance.net"]::before {content: '\f1b4';}
.nav li a[href*="digg.com"]::before {content: '\f1a6';}
.nav li a[href*="dribbble.com"]::before {content: '\f17d';}
.nav li a[href*="dropbox.com"]::before {content: '\f16b';}
.nav li a[href*="facebook.com"]::before {content: '\f09a';}
.nav .nav-rss > a::before,
.nav .nav-feed > a::before,
.nav .nav-subscribe > a::before,
.nav li a[href*="/feed"]::before {content: '\f09e';}
.nav li a[href*="flickr.com"]::before {content: '\f16e';}
.nav li a[href*="github.com"]::before {content: '\f092';}
.nav .nav-home > a::before {content: '\f015';}
.nav li a[href*="instagram.com"]::before {content: '\f16d';}
.nav li a[href*="last.fm"]::before {content: '\f202';}
.nav .nav-contact > a::before,
.nav li a[href*="mailto:"]::before {content: '\f0e0';}
.nav li a[href*="linkedin.com"]::before {content: '\f0e1';}
.nav li a[href*="pinterest.com"]::before {content: '\f0d2';}
.nav li a[href*="plus.google.com"]::before {content: '\f0d5';}
.nav li a[href*="reddit.com"]::before {content: '\f1a1';}
.nav .nav-search > a::before {content: '\f002';}
.nav li a[href*="soundcloud.com"]::before {content: '\f1be';}
.nav li a[href*="spotify.com"]::before {content: '\f1bc';}
.nav li a[href*="stackexchange.com"]::before {content: '\f18d';}
.nav li a[href*="stackoverflow.com"]::before {content: '\f16c';}
.nav li a[href*="steampowered.com"]::before {content: '\f1b6';}
.nav li a[href*="stumbleupon.com"]::before {content: '\f1a4';}
.nav .nav-tumblr > a::before,
.nav li a[href*="tumblr.com"]::before {content: '\f173';}
.nav li a[href*="twitter.com"]::before {content: '\f099';}
.nav .nav-user > a::before {content: '\f007';}
.nav li a[href*="vimeo.com"]::before {content: '\f194';}
.nav li a[href*="vine.com"]::before {content: '\f1ca';}
.nav li a[href*="weibo.com"]::before {content: '\f18a';}
.nav li a[href*="wordpress.org"]::before {content: '\f19a';}
.nav li a[href*="xing.com"]::before {content: '\f168';}
.nav li a[href*="yelp.com"]::before {content: '\f1e9';}
.nav li a[href*="youtube.com"]::before {content: '\f167';}

/* === Global Menu Styles === */
.nav {
	clear: both;
	float: left;
	width: 100%;
}

	/* Links in general */
	.nav a {color: inherit;}
	
	/* Menu list */

		.nav ul {
			list-style: none;
			margin: 0;
			padding: 0;
			word-spacing: -5px;
		}
			.nav li {
				word-spacing: 0;
			}
			.nav li,
			.nav li a {
				position: relative;
			}
				.nav li a::before {
					width: 1.75em;
				}

/* === Menu Toggle === */
.open-button,
.close-button,
.open-button:hover,
.open-button:focus,
.close-button:hover,
.close-button:focus {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: inherit;
	cursor: pointer;
	font-family: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	text-shadow: none;
}

/* === Menu Primary (off canvas) === */
.nav.offcanvas {
	/* do not assign anything visual to this container
	that isn't meant to be inherited by its child */
	color: rgba(255,255,255,0.5);
	height: 100%;
	line-height: 1.5;
 	margin-left: -300px;
	position: absolute;
		top: 0;
		left: 0;
	text-align: left;
	transition: all 0s;
	width: 300px;
	z-index: 999;
}

	/*
	 * Usually, all styles are applied to buttons, but not these buttons.
	 * They serve other purposes so apply their styles to their relative :before and :after.
	 */
	.nav.offcanvas .open-button,
	.nav.offcanvas .close-button {
		-webkit-backface-visibility: hidden;
		background: transparent;
		color: transparent;
		height: 48px;
		overflow: hidden;
		position: absolute;
			top: 0;
		transition: all 0s;
		width: 48px;
	}
	
		/* Button icons */
		.nav.offcanvas .open-button::before,
		.nav.offcanvas .close-button::before {
			background: transparent;
			color: #333;
			content: '\f0c9';
			font-size: 24px;
			line-height: 48px;
			overflow: hidden;
			padding: 0;
			text-align: center;
			transition: all 0.3s;
			width: 48px;
		}

		.nav.offcanvas .open-button:hover::before,
		.nav.offcanvas .open-button:focus::before,
		.nav.offcanvas .close-button:hover::before,
		.nav.offcanvas .close-button:focus::before {
			color: #09c;
		}

	/*
	 * Open button
	 *
	 * First, it serves as a reference point for the `.open-button::before` icon
	 * to position itself. Then it acts as a page mask.
	 * @see `.nav.offcanvas.show-menu .open-button`
	 */
	.nav.offcanvas .open-button {
		height: 48px;
		right: 0;
		margin-right: -48px;
		width: 48px;
	}
		/* Open button icon */
		.nav.offcanvas .open-button::before {
			box-shadow: inset -1px 0 0 #f2f2f2;
		}

	/*
	 * Close button
	 *
	 * Acts as empty container and reference point for `.close-button::before`
	 */
	.nav.offcanvas .close-button {
		overflow: hidden;
		right: 0;
	}
		/* Close button icon */
 		.nav.offcanvas .close-button::before {
			border-radius: 0 0 3px 3px;
			color: #fff;
			content: '\f00d';
		}

	/* Begin actual Menu Primary starting with wrapper div */
	.nav.offcanvas .wrap {
		background: #111;
		font-size: 1.6rem;
		height: 100%;
		overflow: auto;
		padding: 10%;
	}

		/* Links in general */
		.nav.offcanvas a {
			color: rgba(255,255,255,0.8);
		}
		.nav.offcanvas a:hover,
		.nav.offcanvas a:focus,
		.nav.offcanvas .current-menu-item > a {
			color: #09c;
		}

		/* Menu items container */
		.nav.offcanvas .wrap > ul {
			margin-bottom: 1.75em;
		}
			/* Top level items only */
			.nav.offcanvas .wrap > ul > li {
				border-bottom: 1px dotted rgba(255,255,255,0.08);
				padding: 1rem 0;
			}
				/* Item links */
				.nav.offcanvas li a {
					display: block;
				}

			/* === Menu Primary Child Items ===*/
			.nav.offcanvas ul ul {
				border-left: 1px dotted rgba(255,255,255,0.1);
				margin: 0.62em 0;
				padding-left: 1em;
			}
					.nav.offcanvas li li a {
						font-size: 1.4rem;
						line-height: 1.5;
					}

/* === Menu Primary (on canvas) === */
.nav.offcanvas.show-menu {
	margin-left: 0;
	position: fixed;
	transition: all 0.3s;
	z-index: 100001; /* higher than WordPress `.admin-bar` 99999 z-index */
}

	/*
	 * The open-button now covers the entire screen like a mask, except for areas where
	 * menu links are displayed. The menu closes when the mask is clicked.
	*/
	.nav.offcanvas.show-menu .open-button {
		background: rgba(0,0,0,0.4);
		height: 100%;
		position: fixed;
		margin: 0;
		transition: height 0s, width 0.3s;
		width: 100%;
		z-index: -1;
	}
		.nav.offcanvas.show-menu .open-button::before {
			display: none;
		}	

/* === Menu Social (social media links) === */
.nav.social ul {
	word-spacing: 0;
}
.nav.social li {
	display: inline-block;
	margin: 0.32em 0;
	vertical-align: top;
}
/* hide link item texts */
.nav.social li a {
	background: #333;
	border-radius: 2px;
	color: #fff;
	display: block;
	height: 2.5em;
	overflow: hidden;
	width: 2.5em;
}
.nav.social li a:hover,
.nav.social li a:focus {
	background: #09c;
}
/* social media icons */
.nav.social li a::before {
	display: block;
	line-height: 2.5;
	text-align: center;
	width: 2.5em;
}

/* === Nav Footer === */
#nav-footer {
	background: #222;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	padding: 0.75em 0;
}
	#nav-footer .wrap {
		margin: 0 auto;
		max-width: 1086px;
	}
		#nav-footer li {
			display: inline-block;
		}
			#nav-footer li a {
				border-right: 1px solid rgba(255,255,255,0.05);
				color: #999;
				font-size: 0.9em;
				padding: 0.25em 1em;
			}
			#nav-footer li a:hover,
			#nav-footer li a:focus,
			#nav-footer .current-menu-item > a {
				color: #fff;
			}

			#nav-footer ul ul {
				display: none;
			}

/* === Site Pagination === */
.pagination {
	clear: both;
	margin: 1.75em 0 0;
	text-align: center;
	word-spacing: -3px;
}

		/* normal link */
		.pagination .page-numbers {
			background: #fff;
			border-radius: 100%;
			box-shadow: inset 0 0 0 1px #e3e3e3;
			color: inherit;
			display: inline-block;
			height: 3em;
			line-height: 3;
			margin: 3px;
			overflow: hidden;
			vertical-align: top;
			word-spacing: 0;
			width: 3em;
		}

		/* hover/focus states */
		.pagination .page-numbers:hover,
		.pagination .page-numbers:focus{
			color: #09c;
		}

		/* current link */
		.page-numbers.current {
			box-shadow: inset 0 0 0 2px #09c;
			color: #09c;
			font-weight: bold;
		}

		.page-numbers:empty,
		.nav-previous:empty,
		.nav-next:empty {
			display: none;
		}

		.next.page-numbers,
		.prev.page-numbers {
			line-height: 1;
		}
			.next.page-numbers::before,
			.prev.page-numbers::before {
				content: '\f054';
				line-height: 3;
				text-align: center;
				width: 3em;
			}
			.prev.page-numbers::before {content: '\f053';}
		
/* === Post Navigation === */
.post-navigation {
	display: none;
	font-size: 1.4rem;
}
	.post-navigation .nav-previous,
	.post-navigation .nav-next {
		display: inline-block;
		margin-top: -3em;
		position: fixed;
			top: 50%;
			left: 0;
		z-index: 9;
	}
	.post-navigation .nav-next {
		left: auto;
		right: 0;
	}

		.post-navigation .nav-previous a,
		.post-navigation .nav-next a {
			background: rgba(0,0,0,0.03);
			color: transparent;
			display: inline-block;
			height: 6em;
			overflow: hidden;
			width: 2.1em;
		}
			.post-navigation .nav-previous a::before,
			.post-navigation .nav-next a::before {
				color: #666;
				content: '\f053';
				line-height: 6;
				text-align: center;
				width: 2.1em;
			}
			.post-navigation .nav-next a::before {
				content: '\f054';
			}

		.post-navigation .nav-previous a {border-radius: 0 2px 2px 0;}
		.post-navigation .nav-next a {border-radius: 2px 0 0 2px;}

		.post-navigation .nav-previous a:hover,
		.post-navigation .nav-next a:hover {
			background: rgba(0,0,0,0.2);
		}

/* === Comment Navigation === */
.comment-navigation {
	margin-bottom: 2em;
	text-align: center;	
}
	.comment-navigation .nav-links {
		margin: 0 auto;
	}
		.comment-navigation .nav-previous,
		.comment-navigation .nav-next {
			display: inline-block;
		}
		.comment-navigation a {
			border: 1px solid rgba(0,0,0,0.1);
			border-radius: 2px;
			display: block;
			margin: 0.25em;
			padding: 0.75em 1em;
		}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	float: left;
	margin-right: 1.5em;
}

.alignright {
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

img.alignleft,
img.alignright { /* See "Style Groups" for more alignment rules */
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/

.widget {
	background: #f6f6f6;
	clear: both;
	float: left;
	margin-bottom: 0.5em;
	padding: 15px 20px;
	text-align: left;
	width: 100%;
}

	.widget > :last-child,
	.widget .menu,
	.textwidget > :last-child {
		margin-bottom: 0;
	}

	.widget-title {
		background: #fafafa;
		box-sizing: content-box;
		font-size: 1.3rem;
		letter-spacing: 0.08em;
		padding: 1.1rem 2rem;
		margin: -15px -20px 15px;
		text-transform: uppercase;
	}

/* Calendar Widget */
.widget_calendar {
	padding: 9px;
}
	.widget_calendar .widget-title {
		margin-bottom: 9px;
	}
		.widget_calendar table {
			margin: 0;
		}

/* List Widgets */
	.widget ul{
		margin: 0 0 1.5em;
		padding: 0;
	}
		.widget li > ul {
			margin: 0 0 0 1.5em;
		}

/* Make sure select elements fit in widgets */
	.widget select {
		max-width: 100%;
		}
	.widget_archive select,
	.widget_categories select {
		box-sizing: content-box;
		margin: -6px -11px;
		width: 100%;
	}
	
/* RSS widget */
	.widget_rss .widget-title .rsswidget {
		color: inherit;
	}
	.widget_rss .rsswidget.img-hyperlink {
		display: inline-block;
		vertical-align: middle;
	}
		.widget_rss .widget-title img {
			height: auto;
			width: 1em;
		}

	.widget_rss ul {
		list-style: none;
	}
		.widget_rss ul li {
			margin-bottom: 1.5em;
		}
			.widget_rss .rss-date,
			.widget_rss cite {
				color: rgba(0,0,0,0.5);
				display: block;
				font-size: 0.9em;
				font-style: normal;
				font-weight: normal;
			}

/* Search Widget */
	.widget_search .search-form {
		box-sizing: content-box;
		margin: -6px -11px;
	}
		.widget_search .search-form * {
			box-sizing: border-box;
		}
		.widget_search input {
			margin-bottom: 0;
		}

/* Buy Now */
.widget.buynow_wrap,
.widget.archivedbutton_wrap{
	padding: 0;
}
	.buynowbuttonnew,
	.archivedbutton {
		background: #fe9917;
		border: 6px solid #ee8600;
		color: #fff;
		display: block;
		font-size: 2em;
		font-weight: bold;
		padding: 0.5rem 1.8rem;
		text-shadow: 0 1px 0 rgba(0,0,0,0.1);
	}
	.buynowbuttonnew:hover,
	.buynowbuttonnew:focus {
		border-color: #fe9917;
	}
		.buynowbuttonnew::before,
		.archivedbutton::before {
			content: '\f18e';
			float: right;
			margin-left: 10px;
		}

	.archivedbutton {
		background: #999;
		border-color: #888;
	}
		.archivedbutton::before {
			content: '\f059';
		}
		
	.archivedbutton:hover,
	.archivedbutton:focus {
		border-color: #999;
	}

/* Related posts */
.widget #related_posts_thumbnails {
	box-sizing: content-box;
	clear: both;
	float: left;
	list-style: none;
	margin: -15px -20px;
	padding: 3px;
}
	.widget #related_posts_thumbnails * {
		box-sizing: border-box;
	}
	.widget #related_posts_thumbnails li {
		float: left;
		display: inline-block;
		padding: 4px;
		width: 50%;
	}
		.widget #related_posts_thumbnails a,
		.widget #related_posts_thumbnails img {
			display: block;
		}
		.widget #related_posts_thumbnails a {
			border: 1px solid #e3e3e3;
		}

/* Buy sell ads */
.bsap {
	background: #fff;
	border: 1px solid #e3e3e3;
	box-sizing: content-box;
	clear: both;
	float: left;
	margin: -6px -11px 0;
	padding: 3px;
	width: auto !important;
}
.bsap + .bsap {
	margin: 9px -11px -6px;
}
	.bsap a {
		display: block;
		margin: 0 !important;
	}
		.bsap img {
			display: block;
		}
	.bsap .adhere {
		background: #333 !important;
		border: 0 !important;
		color: #ccc !important;
		height: 150px !important;
		width: 150px !important;
	}

/* === Widgets in Deals sidebar === */

	#sidebar-deals .widget {
		background: transparent;
		padding: 3px;
	}
		#sidebar-deals .widget {
			clear: none;
			margin: 0;
			width: 50%;
		}
			#sidebar-deals .widget-title {
				display: none;
			}
			#sidebar-deals .textwidget {
				background: #f6f6f6;
				padding: 9px;
			}
				#sidebar-deals .textwidget img {
					display: block;
				}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/

/* === Loop Meta === */
.loop-meta,
.singular .entry-header {
	margin-bottom: 1.5em;
	position: relative;
}
	/* === Loop Title === */
	.loop-title,
	.singular .entry-title,
	.comments-title {
		color: #333;
		font-size: 1.5em;
		letter-spacing: 0.02em;
		margin: 0;
		position: relative;
		text-transform: uppercase;
	}
		.loop-title::before,
		.singular .entry-title::before,
		.comments-title::before {
			border-top: 3px double #ededed;
			content: '';
			display: block;
			height: 0;
			margin-top: -1px;
			position: absolute;
				left: 0;
				top: 50%;
			width: 100%;
		}
		.loop-title > span,
		.singular .entry-title > span,
		.comments-title > span {
			background: #fafafa;
			box-shadow: 0 0 0 15px #fafafa;
			display: inline-block;
			max-width: 75%;
			position: relative;
			z-index: 2;
		}
		.singular .entry-title > span {
			max-width: 80%;
		}
			.loop-title .feed-link {
				color: #f68f0a;
				display: inline-block;
				height: 1.5em;
				font-size: 0.8em;
				margin-left: 0.25em;
				overflow: hidden;
				vertical-align: middle;
				width: 1em;
			}
				.loop-title .feed-link::before {
					content: '\f09e';
					width: 1em;
				}
				
			.loop-title .category-link {
				background: #fafafa;
				border: 1px solid rgba(0,0,0,0.08);
				border-radius: 1.5em;
				display: inline-block;
				font-weight: 400;
				font-size: 0.65em;
				margin-left: 0.25em;
				padding: 0.25em 0.75em;
				text-transform: none;
			}
				
	.loop-description {
		padding-top: 1.5em;
	}
		.loop-description > :last-child {
			margin-bottom: 0;
		}
		
/* === Share links === */

.entry ~ .share.bottom,
.entry ~ .share.side {
	margin-top: 1.5em;
}

.infinite-scroll .entry ~ .share.bottom,
.infinite-scroll .entry ~ .share.side {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/

/* === Edit link === */
.edit-content {
	margin: 0;
	position: absolute;
		top: 0;
		right: 0;
	z-index: 9;
}
.singular .edit-content {
	top: 3px;
	right: 3px;
}
	.edit-content a {
		background: #09c;
		color: transparent;
		display: block;
		height: 2em;
		overflow: hidden;
		width: 2em;
	}
	.edit-content a:hover,
	.edit-content a:focus {
		background: rgba(0,0,0,0.5);
	}
		.edit-content a::before {
			color: #fff;
			content: '\f040';
			line-height: 2;
			margin: 0;
			text-align: center;
			width: 2em;
		}
.category-daily-tees .post-edit-link {
    background: #f84d3b;
}

/* Entry preview */
.entry .preview {
	border-radius: 2px;
	overflow: hidden;
	position: relative;
}

/*
 * Loop Thumbs
 */
.loop-thumbs,
.loop-articles {
	margin-bottom: 1.75em;
}

		/* === Post Thumbnail === */
		.loop-thumbs .featured-media,
		.loop-thumbs img {
			border-radius: 2px;
			display: block;
			overflow: hidden;
			width: 100%;
		}

		.loop-thumbs .featured-media {
			background: #09c;
		}

			/* blank thumbnail image */
			.loop-thumbs img {
				opacity: 0.15;
				transition: all .6s cubic-bezier(.26,.45,.74,.87);
			}

			/* featured thumbnail image */
			.loop-thumbs .has-post-thumbnail img {
				opacity: 1;
				}

			/* on hover/focus, display thumbnail at 20% opacity */
			.loop-thumbs .entry:hover img,
			.loop-thumbs .featured-media:focus img {
				opacity: 0.15;
			}
			
		/* For archived t-shirts */
		.loop-thumbs .entry.category-archives img {
			opacity: 0.3;
		}

		/* === Preview's overlaying elements === */
		.loop-thumbs .overlay {
			background: transparent;
			color: #fff;
			overflow: hidden;
			padding: 0.5em 1em;
			position: absolute;
				top: 0;
				right: 0;
				left: 0;
			text-shadow: 0 1px 0 rgba(0,0,0,0.15);
			z-index: 2;
		}
		.loop-thumbs .has-post-thumbnail .overlay {opacity: 0;}
		.loop-thumbs .has-post-thumbnail:hover .overlay {opacity: 1;}

				/* links */
				.loop-thumbs a {
					color: inherit;
					}

				/* title */
				.loop-thumbs .entry-title {
					font-size: 1.2em;
					letter-spacing: 0;
					line-height: 1.5;
					margin-bottom: 0;
				}
					.loop-thumbs .entry-title a {display:block;}

/*
 * Loop Articles
 */
.loop-articles .entry {margin-bottom: 1.5em;}
.loop-articles .entry:last-of-type {margin-bottom: 0;}

	.loop-articles .preview {
		background: #fff;
		box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	}
		/* hide featured media */
		.loop-articles .featured-media {display: none;}

		/* entry header */
		.loop-articles .entry-header {
			border-bottom: 1px solid #fafafa;
			padding: 1.25em 1.5em;
		}

			.loop-articles .entry-title {
				font-size: 1.2em;
				font-weight: normal;
				line-height: 1.5;
				margin: 0;
			}
				.loop-articles .entry-title a {color: #333;}
				.loop-articles .entry-title a:hover,
				.loop-articles .entry-title a:focus {color: #09c;}

		.loop-articles .entry-excerpt {
			padding: 1.25em 1.5em 0;
		}

/*--------------------------------------------------------------
10.2 Singular Posts and Pages
--------------------------------------------------------------*/

/* === About Shirt === */

.about-shirt {
	clear: both;
	margin-bottom: 1.75em;
}
	.about-shirt-title {
		font-size: 1.3rem;
		letter-spacing: 0.08em;
		text-align: center;
		text-transform: uppercase;
	}
	.shirt-info {
		background: #f4f4f4;
		padding: 1.25em 1.5em 1px;
	}
		.shirt-info-group {
			margin-bottom: 1.5em;
		}
			.shirt-info-group.taxonomies .entry-terms {
				display: block;
			}
	.about-shirt .more-button {
		box-shadow: none;
		display: none;
		font-weight: normal;
		margin: 0;
		padding: 0;
	}

/* === Single Entry Footer === */
	
.singular .entry-footer {
	line-height: 1.8;
	margin-bottom: 1.5em;
             margin-top: 1em;
	position: static; /* this is necessary for the Edit Link to position itself relative to the grandparent container */
	text-align: center;
}

	.entry-footer > span {
		display: block;
		font-size: 0.9em;
		padding: 0 12.5%;
	}

		/* === Entry Footer Icons === */
		.entry-terms.category::before,
		.entry-terms.post_tag::before {
			color: rgba(0,0,0,0.3);
			content: '\f07c';
			margin-right: 0.4em;
		}
		.entry-terms.post_tag::before {
			content: '\f02c';
		}

/* === Page Links === */
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
	.page-links a {
		border: 2px solid rgba(0,0,0,0.02);
		display: inline-block;
		margin: 0 0.125em 0.25em;
		padding: 0.25em 0.75em;
	}
	.page-links a:hover,
	.page-links a:focus {
		border-color: #09c;
	}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/

.comments-area {}

	.no-comments,
	.comments-title {
		clear: both;
	}

	.comments-title {
		color: #333;
		letter-spacing: 0;
		margin-bottom: 0.75em;
		text-transform: none;
	}
	
	/* === Comment List === */
	.comment-list,
	.comments-area .children {
		list-style: none;
		margin: 0;
	}

		.comment-list > li,
		.comments-area .children > li {
			margin: 0;
		}

			/* === Comment body === */

				.comment-meta {
					background: rgba(0,0,0,0.02);
					padding-left: 3.25em;
					padding-right: 0.75em;
					position: relative;
				}
				.pingback .comment-meta,
				.trackback .comment-meta {
					padding-left: 0.75em;
				}
				/* byposauthor */
				.bypostauthor .comment-meta {
					background: #fff;
				}

					/* General links */
					.comment-meta a {
						color: inherit;
					}
					.comment-meta a:hover,
					.comment-meta a:focus {
						color: #09c;
					}

					/* vcard */

					.comment-author {
						display: inline-block;
					}
						.comment-author .avatar {
							box-shadow: inset -1px 0 0 #fafafa;
							float: left;
							height: 2.5em;
							margin-left: -3.25em;
							overflow: hidden; /* hide alt text */
							padding: 0.4em;
							width: 2.5em;
						}
						.comment-author cite {
							display: inline-block;
							font-style: normal;
							margin-right: 0.75em;
							padding: 0.5em 0;
							vertical-align: top;
						}

					/* Meta data */
					.comment-metadata{
						display: inline-block;
						line-height: 2.5;
						vertical-align: top;
					}
						.comment-time,
						.edit-comment {
							display: inline-block;
							line-height: 1.5;
							margin: 0 0.75em 0 0;
							text-transform: uppercase;
						}
							.comment-time a,
							.edit-comment a{
								color: rgba(0,0,0,0.3);
								font-size: 0.8em;
							}

								.comment-time a::before {
									content: '\f017';
								}
	
					/* Comment reply */

					.comment-meta .comment-reply-link,
					.comment-meta .comment-reply-login {
						box-shadow: inset 1px 0 0 #fafafa;
						color: rgba(0,0,0,0.3);
						display: block;
						height: 2.5em;
						overflow: hidden;
						position: absolute;
							top: 0;
							right: 0;
						width: 2.5em;
					}
					.comment-meta .comment-reply-link:hover,
					.comment-meta .comment-reply-link:focus,
					.comment-meta .comment-reply-login:hover,
					.comment-meta .comment-reply-login:focus {
						background: #09c;
						box-shadow: none;
						color: #fff;
					}
						.comment-reply-link::before,
						.comment-reply-login::before {
							content: '\f112';
							height: 3.2em;
							font-size: 0.8em;
							line-height: 3.3;
							text-align: center;
							width: 3.1em;
						}

				/* === Comment content === */

				.comment-content {
					padding: 1.5em 1.5em 0 3.25em;
				}
					.comment-moderation {
						font-style: italic;
					}
					.comment-content ol {list-style-type: decimal;}
	
	/* === Comment Form === */
	.comment-respond {
		background: #fff;
		border: 2px solid #ededed;
		border-radius: 0.3em;
		clear: both;
		float: left;
		margin-bottom: 1.75em;
		position: relative;
		width: 100%;
	}
		.comment-respond * {
			box-sizing: border-box;
		}

		#reply-title {
			border-bottom: 1px solid #fafafa;
			color: #333;
			font-size: 1.5em;
			margin: 0;
			padding: 0.9em 3em;
			text-align: center;
			text-transform: uppercase;
		}

				/* Cancel comment reply */
				#cancel-comment-reply-link {
					background: #fe9917;
					border-radius: 0 0.4em 0;
					color: #fff;
					display: block;
					height: 2em;
					margin: -2px -2px 0 0;
					overflow: hidden;
					position: absolute;
						top: 0;
						right: 0;
					width: 2em;
				}
				#cancel-comment-reply-link:hover,
				#cancel-comment-reply-link:focus {
					background: rgba(0,0,0,0.5);
					box-shadow: none;
				}
					#cancel-comment-reply-link::before {
						content: '\f00d';
						line-height: 2;
						text-align: center;
						width: 2em;
					}

		/* === Comment form === */
		.comment-form {
			clear: both;
			float: left;
			padding: 1.5em 2.0em 0.25em;
			width: 100%;
		}

			.comment-notes,
			.logged-in-as,
			.must-log-in{
				color: #a9a9a9;
				font-size: 1.3rem;
				text-align: center;
			}

				.required {color: #d00;}

			/* comment form field containers */
			.comment-form-author,
			.comment-form-email,
			.comment-form-url,
			.comment-form-comment {
				border-color: #f2f2f2;
				border-style: solid;
				border-width: 0 2px;
				margin-bottom: 0;
				position: relative;
			}
			.comment-form-author {
				border-top-width: 2px;
			}
			.comment-form-comment {
				border-bottom-width: 2px;
			}
			.logged-in .comment-form-comment {
				border-top-width: 2px;
			}

				/* icon holder */
				.comment-form-author label,
				.comment-form-email label,
				.comment-form-url label,
				.comment-form-comment label {
					display: block;
					height: 2.5em;
					overflow: hidden;
					position: absolute;
						right: 0;
						top: 0;
					width: 2.5em;
				}

					/* icons */
					.comment-form-author label::before,
					.comment-form-email label::before,
					.comment-form-url label::before,
					.comment-form-comment label::before {
						color: rgba(0,0,0,0.15);
						height: 2.5em;
						line-height: 2.5em;
						text-align: center;
						width: 2.5em;
					}
					.comment-form-author label::before {content: '\f007';}
					.comment-form-email label::before {content: '\f0e0';}
					.comment-form-url label::before {content: '\f0c1';}
					.comment-form-comment label::before {content: '\f075';}

				/* input fields */
				.comment-form input[type="text"],
				.comment-form input[type="email"],
				.comment-form input[type="url"],
				.comment-form textarea {
					background: #fff;
					border-bottom: 1px dashed #f2f2f2;
					box-shadow: none;
					color: #666;
					margin: 0;
					padding-right: 2.5em;
					width: 100%;
				}
				.comment-form textarea {
					border: 0;
				}

			/* allowed tags */
			.form-allowed-tags {
				font-size: 0.9em;
				padding: 1em;
			}
				.form-allowed-tags code {
					box-sizing: content-box;
					display: block;
					margin: 1em -1em -1em;
				}

			.comment-form .form-submit {
				float: right;
			}

/*--------------------------------------------------------------
11.0 Media
--------------------------------------------------------------*/
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	height: auto;
	margin: 0;
	/* size */
		max-height: none;
		max-width: none;
		min-height: 0;
		min-width: 0;
	padding: 0;
	width: auto;
}

/* Twitter embed */
iframe.twitter-tweet {
	margin: 0 0 1.75em !important;
	}

/* Make sure embeds and iframes fit their containers */

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

.embed-wrap {
	height: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	padding-bottom: 56.25%;
	position: relative;
	}
	.embed-wrap iframe,
	.embed-wrap object,
	.embed-wrap embed {
		height: 100%;
		max-width: 100%;
		position: absolute;
			left: 0;
			top: 0;
		width: 100%;
		}

/* === Audio / Video Shortcodes + Playlists === */

.mejs-audio,
.mejs-video,
.wp-playlist {
	margin-bottom: 1.75em;
	}

.mejs-container,
.mejs-container video,
.mejs-container audio,
.mejs-layer,
.wp-video {
	max-width: 100%;
}

.wp-video {
	/* `wp-video` is a parent DIV for .mejs-video.
		`mejs-video` width and height are calculated by WordPress on page load,
		`.wp-video` also has in-line height CSS height, but it isn't dynamic, making it
		inconsistent with `mejs-video` so let's override it.
	 */
	height: auto !important;
}

.mejs-audio *,
.mejs-video *,
.wp-playlist * {
	transition: all 0s ease-in-out;
}

.mejs-audio a,
.mejs-video a,
.wp-playlist a {
	transition: all 0.2s ease-in-out;
}

.mejs-button button,
.mejs-button button:hover,
.mejs-button button:focus {
	box-shadow: none;
}

/*--------------------------------------------------------------
11.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 0.75em;
	max-width: 100%;
}

	.wp-caption img[class*="wp-image-"] {
		display: block;
		margin: 0 auto;
	}

	.wp-caption-text { /* for normal and gallery captions */
		font-size: 0.8em;
		text-align: center;
	}

	.wp-caption .wp-caption-text { /* for normal captions only */
		padding: 0.8075em 0;
	}

/*--------------------------------------------------------------
11.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.75em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

	.gallery-caption {
		margin: 0.25em 0.25em 0.75em;
	}

.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-3 .gallery-item {max-width: 33.33%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-columns-5 .gallery-item {max-width: 20%;}
.gallery-columns-6 .gallery-item {max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%;}
.gallery-columns-8 .gallery-item {max-width: 12.5%;}
.gallery-columns-9 .gallery-item {max-width: 11.11%;}
.gallery-caption {display: block;}

/*--------------------------------------------------------------
12.0 Layout
--------------------------------------------------------------*/

#page {
	font-size: 1.4em;
	margin: 0 auto;
	min-width: 410px;
	overflow: hidden;
	padding-bottom: 43px;
	position: relative;
}

	.site-header,
	/* content */
	.not-found,
	.loop,
	.loop-meta,
		.loop-title,
		.loop-description,
	.loop-thumbs,
	.loop-articles,
	.entry-content,
	/* pagination */
	.pagination,
	.post-navigation,
	/* comments */
	.comments-area,
	.comments-area .comment-list,
	.comments-area  .comment-list > li,
	.comments-area  .children,
	.comments-area  .children > li,
	.comment-navigation,
	#sidebar-deals,
	/* misc */
	.site-footer {
		clear: both;
		float: left;
		width: 100%;
	}

	/* === Header === */
	.site-header,
	.site-footer {
		background-color: #fff;
		box-shadow: 0 0 4px rgba(0,0,0,0.1);
	}
		.site-header > .wrap,
		.site-footer > .wrap {
			border-color: #f2f2f2;
			border-style: solid;
			border-width: 0 1px;
			max-width: 1086px;
			margin: 0 auto;
			overflow: hidden;
			padding-left: 48px; /* make space for off canvas menu toggle button */
			position: relative;
		}

	/* === Body === */
	.site-content {
		clear: both;
		margin: 0 auto;
		max-width: 1086px;
		padding: 1.5em 1.5em 0;
		position: relative;
		}
	.singular .site-content {
		padding-right: 4.5em;
	}
	.page-template-fullwidth {
		padding-right: 1.5em;
	}
		.content-area,
			.loop,
		.widget-area,
		.banner-area {
			clear: both;
		}
			.site-main {
				clear: both;
				margin: 0 auto;
			}

				#sidebar-deals {
					margin-bottom: 1.75em;
				}

	/* === Footer === */
	.site-footer {
		margin-top: 1.5em;
		text-align: center;
	}
		.site-footer > .wrap {
			border: 0;
			padding-left: 0;
		}

/*--------------------------------------------------------------
12.1 Header
--------------------------------------------------------------*/

			/* site branding */
			.site-branding {
				display: inline-block;
				vertical-align: top;
			}

				/* Site title */
				.site-title {
					border-right: 1px solid #f2f2f2;
					margin-bottom: 0;
					max-width: 126px;
				}

					/* Site title logo */
					.logo-link,
						.logo-link img {
							display: block;						
						}

			/* header search form */
			.site-header .search-wrap {
				float: right;
				width: 50%; /* fallback if needed */
				width: calc(100% - 126px);
			}
				.site-header .search-form {
					font-size: 12px;
					margin: 0.75em;
				}
					.site-header input {
						margin: 0;
						padding: 0.5em 0.75em;
					}
					
					.site-header .search-form label::before {
						height: 2.5em;
						line-height: 2.5;
						width: 2.5em;
					}
					.site-header .search-form .search-submit {
						height: 2.5em;
						width: 2.5em;
					}

/*--------------------------------------------------------------
12.2 Body
--------------------------------------------------------------*/

.loop-meta,
.entry,
.pagination,
.posts-navigation,
.comments-area {
	padding: 3px;
}

.entry {
	float: left;
	position: relative;
}

.loop-thumbs .entry {
	width: 50%;
}

.loop-articles .entry,
/* Singular */
.singular .entry,
.singular .entry-header,
.singular .entry-content,
.singular .entry-footer,
.widget-area {
	clear: both;
	float: left;
	width: 100%;
}

.singular .entry-content {
	position: relative;
}

/* === Widget Area === */
.widget-area {
	margin-right: -389px;
	position: absolute;
		top: 0;
		right: 1.5em;
	width: 368px;
	z-index: 9;
}
	.sidebar-button {
		box-shadow: none;
		color: transparent;
		display: block;
		height: 3em;
		margin: 24px 0 0 -3em;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 3em;
	}
	.sidebar-button:hover,
	.sidebar-button:focus {
		box-shadow: none;
	}
		.sidebar-button::before {
			background: #333;
			content: '\f100';
			color: #fff;
			font-size: 2em;
			line-height: 1.5;
			text-align: center;
			transition: all 0.3s;
			width: 1.5em;
		}
		.show-sidebar .sidebar-button::before {
			content: '\f101';
		}
		.sidebar-button:hover::before,
		.sidebar-button:focus::before {
			background: #09c;
			box-shadow: none;
		}

	#sidebar-primary {
		background: #fafafa;
		box-shadow: inset 0 4px 4px -4px rgba(0,0,0,0.1);
		clear: both;
		float: left;
		padding: 24px 1.5em 1em;
		width: 100%;
	}

/* === Widget Area: Show Sidebar === */
.widget-area.show-sidebar {
	margin-right: -21px;
}
		.show-sidebar .sidebar-button::before {
			content: '\f101';
		}
		
/* === Banner Area === */

.banner-area {
	position: fixed;
		left: 0;
		bottom: 0;
	max-width: 333px;
	z-index: 9999;
}
.hide-banner .banner-area {
	display: none;
}

#sidebar-header {
	margin: 0 auto;
}
	#sidebar-header .widget {
		background: transparent;
		margin: 0;
		padding: 0;
	}
		#sidebar-header .widget-title {
			display: none;
		}
			#sidebar-header .bsap {
				background: transparent;
				border: 0;
				margin: 0;
				padding: 0;
				width: 100% !important;
			}
				#sidebar-header .bsap a {
					max-height: 60px;
					width: 100% !important;
				}

/*--------------------------------------------------------------
12.3 Layout: Footer
--------------------------------------------------------------*/

.site-footer > .wrap {
	padding: 1.5em;
	padding-bottom: 0;
}
	.site-footer .site-title {
		display: none;
	}
	.site-footer .nav.social,
	.site-footer .mc4wp-form {
		clear: both;
		margin-bottom: 1.5em;
	}
		.site-footer .mc4wp-form label {
			display: block;
			font-weight: bold;
			margin-bottom: 0.75em;
		}

/*--------------------------------------------------------------
13.0 Style Groups
--------------------------------------------------------------*/

img.alignleft,
img.alignright,
blockquote.alignleft,
blockquote.alignright,
.wp-caption.alignleft,
.wp-caption.alignright {
	/* these are used as inline elements so let's give them a max-width */
	margin-top: 0.25em;
	max-width: 62%;
}

legend,
.nav,
.entry-title,
.pagination,
.post-navigation,
.comment-navigation,
.widget-title,
.widgettitle,
.buynowbuttonnew,
.archivedbutton,
.site-footer .mc4wp-form label {
	font-family: Roboto Slab, Georgia, serif;
}

/*--------------------------------------------------------------
14.0 Jetpack
--------------------------------------------------------------*/

#page .slideshow-window a:hover,
#page .slideshow-window a:focus {

}

#page .video-player {
	/* video-player DIV is from VideoPress of the Jetpack plugin.
		In-line CSS for width and height are calculated and inserted
		on page load, but the height value isn't accurate for smaller
		screens so let's override it */
	height: auto !important;
	margin-bottom: 1.75em;
}

#page .tiled-gallery * {
	transition: all 0s linear;
}

/*--------------------------------------------------------------
15.0 Resonsive CSS
--------------------------------------------------------------*/

@media only screen and (min-width: 468px) {
	#page {
		padding-bottom: 60px;
	}
	#page.hide-banner {
		padding-bottom: 0;
	}
	.banner-area {
		max-width: 468px;
	}
}

/* === 15.1 Responsive CSS for devices with at least 600px screen width === */
@media only screen and (min-width: 600px) {

	#page {
		padding-bottom: 0;
	}

	/* Adjustments for banner display */
	.site-content {
		padding-top: 110px;
	}
		.banner-area {
			position: absolute;
				bottom: auto;
				top: 24px;
				left: 24px;
		}
		.hide-banner.banner-area {
			display: block;
		}

	/* Content */
	.loop-thumbs .entry {
		width: 33%;
	}
}

/* === 15.2 Responsive CSS for devices with at least 756px screen width === */
@media only screen and (min-width: 756px) {

	/* === Layout === */
	.singular .site-content,
	.page-template-fullwidth {
		padding-right: 1.5em;
	}
		.singular .content-area {
			clear: none;
			float: left;
			margin: 0 -366px 0 0;
			width: 100%;
		}
			.singular .site-main {
				margin: 0 366px 0 0;
			}
			
		.page-template-fullwidth .content-area,
		.page-template-fullwidth .site-main {
			margin: 0;
		}
		
		.widget-area {
			clear: none;
			float: right;
			margin-right: 0;
			position: static;
				top: auto;
				right: auto;
			width: 332px;
		}
			.sidebar-button {
				display: none;
			}
			
			#sidebar-primary {
				background: transparent;
				box-shadow: none;
				padding: 3px;
			}
}

/* === 15.3 Responsive CSS for devices with at least 780px screen width === */
@media only screen and (min-width: 780px) {

	/* === Content === */
	
	.loop-thumbs .entry {
		width: 25%;
	}

		.loop-articles .featured-media {
			display: block;
			float: left;
			margin-right: 1.5em;
			max-width: 300px;
		}
			.loop-articles img {
				display: block;
				width: 100%;
			}
		.loop-articles .entry-title {
			font-size: 1.5em;
		}
		
}

/* === 15.4 Responsive CSS for devices with at least 1086px screen width === */
@media only screen and (min-width: 1086px) {

	/* === Menu ======================================== */

		.nav.offcanvas .open-button,
		.nav.offcanvas .close-button {display: none;}
	
		.nav.offcanvas {
			color: inherit;
			float: right;
			height: auto;
			margin: 0;
			position: static;
			width: auto;
		}
			.nav.offcanvas .wrap {
				background: transparent;
				height: auto;
				padding: 0 1.25em;
				overflow: visible;
				width: auto;
			}
				.nav.offcanvas a {
					color: inherit;
				}
				
				.nav.offcanvas .wrap > ul,
				.nav.offcanvas.show-menu .wrap > ul {
					margin: 0;
				}
					.nav.offcanvas .wrap > ul > li {
						border: 0;
						float: left;
						padding: 0;
					}
						/* link */
						.nav.offcanvas li a {
							letter-spacing: 0.05em;
							line-height: 80px;
							padding: 0 1.2em;
							padding-right: 2.4em;
							text-transform: uppercase;
						}
						/* link hover/focus/current */
						.nav.offcanvas li a:hover,
						.nav.offcanvas li a:focus,
						.nav.offcanvas .current-menu-item > a {
							color: #09c;
						}
							/* utility icon */
							.nav.offcanvas li a::after {
								color: #ccc;
								content: '\f0d7';
								position: absolute;
									top: 0;
									right: 0.9em;
							}
								.nav.offcanvas li li a::after {
									content: '\f0da';
									top: 0.5em;
								}
						/* only child links */
						.nav.offcanvas li a:only-child {
							padding-right: 1em;
						}
							.nav.offcanvas li a:only-child::after {
								content: '';
							}
							
						/* === Sub menu items === */
						.nav.offcanvas ul ul {
							border: 0;
							left: 0;
							margin: 0;
							min-width: 220px;
							opacity: 0;
							padding: 0;
							position: absolute;
							top: 100%;
 							visibility: hidden;
							z-index: 99;
						}
						.nav.offcanvas li:hover > ul {
							opacity: 1;
							visibility: visible;
						}
							.nav.offcanvas li li {
								display: block;
								width: 100%;
							}
								.nav.offcanvas li li a {
									background: #333;
									border-bottom: 1px dotted rgba(255,255,255,0.1);
									color: #ccc;
									letter-spacing: 0;
									line-height: 1.5;
									padding-top: 0.6em;
									padding-bottom: 0.6em;
									text-transform: none;
								}
								.nav.offcanvas li li a:hover,
								.nav.offcanvas li li a:focus,
								.nav.offcanvas li .current-menu-item > a {
									background: #000;
									color: #09c;
								}
						/* === 3rd level items === */
							.nav.offcanvas ul ul ul {
								left: 100%;
								margin-left: 0.25em;
								top: 0;
							}
	
	/* === Content ======================================== */

	.loop-title,
	.singular .entry-title,
	.comments-title {
		font-size: 2em;
	}

		.loop-thumbs .overlay {
			padding: 1em 1.5em;
		}
			.loop-thumbs .entry-title {
				font-size: 1.6em;
				letter-spacing: -0.01em;
			}
			
		.loop-title > span {
			max-width: 50%;
		}
	
	/* === About T-Shirt === */
	.shirt-info {
		padding-left: 0;
		padding-right: 0;
		position: relative;
	}
		.shirt-info-group {
			display: inline-block;
			padding: 0 1.5em;
			vertical-align: top;
			width: 48%;
		}
		
		/* Limit DIV height if JS is enabled */
		.js .shirt-info-group {
			max-height: 150px;
			overflow: hidden;
		}
		/* Unlimit when the More button is clicked on */
		.js .expanded .shirt-info-group {
			max-height: none;
		}

	.js .about-shirt .more-button {
		box-shadow: none;
		color: transparent;
		display: inline-block;
		margin: 0 0 0.85em -0.85em;
		outline: none;
		overflow: hidden;
		position: absolute;
			bottom: 0;
			left: 50%;
		width: 1.7em;
	}
		.js .about-shirt .more-button::before {
			background: #fff;
			border-radius: 100%;
			box-shadow: inset 0 0 0 1px #e8e8e8;
			color: #09c;
			content: '\f103';
			line-height: 1.7;
			text-align: center;
			transition: all 0.3s;
			width: 1.7em;
		}
		.js .about-shirt.expanded .more-button::before {
			content: '\f102';
		}
		.js .about-shirt .more-button:hover::before,
		.js .about-shirt .more-button:focus::before {
			background: #09c;
			box-shadow: none;
			color: #fff;
		}

	/* === Comments ======================================== */
	
	#reply-title {
		font-size: 2em;
	}

		li li .comment-body {margin-left: 2.5em;}
		li li li .comment-body {margin-left: 5em;}
		li li li li .comment-body {margin-left: 7.5em;}
		li li li li li .comment-body {margin-left: 10em;}
		li li li li li li .comment-body {margin-left: 12.5em;}
		li li li li li li li .comment-body {margin-left: 15em;}
		li li li li li li li li .comment-body {margin-left: 17.5em;}
		li li li li li li li li li .comment-body {margin-left: 20em;}
		li li li li li li li li li li .comment-body {margin-left: 22.5em;}
	
	/* === Layout ======================================== */
	.singular .site-content,
	.page-template-fullwidth {
		padding-right: 37px;
	}
		
	/* === Header ======================================== */
	.site-header > .wrap {
		overflow: visible;
		padding: 0;
	}
		
		/* === Site Header Title === */
		.site-header .site-title {
			max-width: 211px;
		}
		
		/* === Site Header Search === */
		.site-header .search-wrap {
			background: #f0f0f0;
			margin: 0;
			padding: 6px;
			position: absolute;
				top: 120px;
				right: 39px; /* It's important this is 1px less than the actual pixel. */
			width: 528px;
			z-index: 2;
		}
			.site-header .search-form {
				background: #fff;
				box-shadow: 0 0 0 1px #d8d8d8;
				font-size: 19px;
				margin: 0;
			}
				.site-header .search-form input[type="search"] {
					background: #fff;
					box-shadow: none;
				}
	
	/* === Body ======================================== */
	.site-content {
		padding: 137px 37px 0;
	}
		.banner-area {
			position: absolute;
				top: 39px;
				left: 40px;
		}
			#sidebar-header {
				float: left;
			}
				#sidebar-header .widget {
					margin-bottom: 0;
				}
	
	/* === Site footer ======================================== */
	.site-footer {
		text-align: left;
	}
	
		.site-footer > .wrap {
			border-color: #f2f2f2;
			border-style: solid;
			border-width: 0 1px;
			padding: 0;
		}
			.site-footer .site-title {
				display: inline-block;
				float: left;
				max-width: 209px;
			}
			.site-footer .nav.social,
			.site-footer .mc4wp-form {
				clear: none;
				float: left;
				margin:0;
				padding: 1.4em 1.5em 1.38em;
				width: auto;
			}
	
			/* === Social Menu === */
			.site-footer .nav.social li {
				margin: 0;
			}
				.site-footer .nav.social li a {
					font-size: 16.5px;
					margin-right: 0.25em;
				}
	
			/* === Subscription Form === */
			.site-footer .mc4wp-form {
				float: right;
			}
				.site-footer .mc4wp-form label {
					display: inline-block;
					margin: 0 1em 0 0;
				}
				.site-footer .mc4wp-form input {
					margin: 0;
				}
				.site-footer .mc4wp-form input[type="email"] {
					margin-right: 0.5em;
				}
				
	/*--------------------------------------------------------------
	* Scrolled
	* Float the header when the user scrolls down the page.
	--------------------------------------------------------------*/
	
		/* === Header === */
		
		.scrolled .site-header {
			position: fixed;
				top: 0;
				left: 0;
			z-index: 99;
		}
		.admin-bar.scrolled .site-header {top: 32px;}
	
			/* === Menu === */
			.scrolled .nav.offcanvas {
				margin-right: 300px;
			}
			.scrolled .nav.offcanvas .wrap > ul > li > a {
				font-size: 1.2rem;
				line-height: 48px;
			}
				.scrolled .nav.offcanvas li li a {
					line-height: 1.5;
				}
	
			/* === Site Title === */
			.scrolled .site-header .site-title {
				max-width: 126px;
			}

			/* === Site search === */
			.scrolled .site-header .search-wrap {
				background: transparent;
				max-width: none;
				padding: 0;
				top: 0;
				right: 0;
				width: 300px;
			}
				.scrolled .site-header .search-form {
					box-shadow: none;
					color: #09c;
					font-size: 12px;
					margin: 0.75em 0.75em 0.75em 0;
				}
					.scrolled .site-header .search-form input[type="search"] {
						background: rgba(0,0,0,0.02);
						box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
					}

		/* === Body === */
		.scrolled .site-content {
			padding-top: 37px;
		}
			.scrolled .banner-area {
				position: static;
			}
				.scrolled #sidebar-header {
					float: none;
				}
					.scrolled #sidebar-header .widget {
						margin-bottom: 1.5em;
					}

}

a.external {
    background: url(images/external.png) center right no-repeat;
    padding-right: 13px;
}

/* === 15.5 Responsive CSS for devices with at least 1200px screen width === */
@media only screen and (min-width: 1200px) {
	.post-navigation {
		display: block;
	}
}