/*

Theme Name: Thirst Juice Co. 
Theme URI: http://www.thirstjuiceco.com
Author: JSGD
Author URI: http://jessicasutton.com
Description: A custom Wordpress site for Thirst Juice Company
*/

/**
 * 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;
}

[hidden] {
	display: none;
}
html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html,
input,
select,
textarea {
	font-family: "Source Sans Pro", Helvetica, sans-serif;
}



body {
	color: #666;
	line-height: 1.4;
	margin: 0;
}
a {
	color: #ca3c08;
	text-decoration: none;
}
a:focus {
	outline: none;
}

a:active,
a:hover {
	color: #ea9629;
	outline: 0;
}
a:hover {
	text-decoration: none;
}

h1, h2, h3, h4, h6, .nav-menu li a {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	line-height: 1.3;
}

h1 {
	font-size: 28px;
	margin: 0 0 10px;
}

.right h1 { font-size:45px; }

h2.about_header { margin-top:30px; color: #ceda3a; }
h2 {
	font-size: 26px;
	margin: 0 0 10px;
}

h3 {

	font-size: 20px;

	margin: 20px 0 5px;

}



.right h3 { margin:0 0 -3px; }



h4 {

	font-size: 16px;

	margin: 0;

}



h5 {

    color: #99ca33;

    font-size: 19px;
	
	line-height:20px;

    font-weight: normal;

    margin: 15px 0 5px;

    text-transform: uppercase;

}

.menu h5 { margin-bottom:0; }



h6 {

	font-size: 16px;

	margin: 36px 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"] {

	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: 1px solid #ededed;

	border-collapse: collapse;

	border-spacing: 0;

	font-size: 14px;

	line-height: 2;

	margin: 0 0 20px;

	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: 1px solid #ededed;

	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 Repeatable Patterns

 * ----------------------------------------------------------------------------

 */



.genericon:before,

.menu-toggle:after,

.featured-post:before,

.date a:before,

.entry-meta .author a:before,

.format-audio .entry-content:before,

.tags-links a:first-child:before,

.categories-links a:first-child:before,

.edit-link a:before,

.attachment .entry-title:before,

.attachment-meta:before,

.attachment-meta a:before,

.comment-awaiting-moderation:before,

.comment-reply-link:before,

.comment-reply-login:before,

.comment-reply-title small a:before,

.bypostauthor > .comment-body .fn:before,

.error404 .page-title:before {

	-webkit-font-smoothing: antialiased;

	display: inline-block;

	font: normal 16px/1 Genericons;

	vertical-align: text-bottom;

}



/* Clearing floats */

.clear:after,

.attachment .entry-header:after,

.site-footer .widget-area:after,

.entry-content:after,

.page-content:after,

.navigation:after,

.nav-links:after,

.gallery:after,

.comment-form-author:after,

.comment-form-email:after,

.comment-form-url:after,

.comment-body:after {

	clear: both;

}



.clear:before,

.clear:after,

.attachment .entry-header:before,

.attachment .entry-header:after,

.site-footer .widget-area:before,

.site-footer .widget-area:after,

.entry-content:before,

.entry-content:after,

.page-content:before,

.page-content:after,

.navigation:before,

.navigation:after,

.nav-links:before,

.nav-links:after,

.gallery:before,

.gallery:after,

.comment-form-author:before,

.comment-form-author:after,

.comment-form-email:before,

.comment-form-email:after,

.comment-form-url:before,

.comment-form-url:after,

.comment-body:before,

.comment-body:after {

	content: "";

	display: table;

}



/* Assistive text */

.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

}



.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-weight: bold;

	height: auto;

	line-height: normal;

	padding: 15px 23px 14px;

	position: absolute;

	left: 5px;

	top: 5px;

	text-decoration: none;

	width: auto;

	z-index: 100000; /* Above WP toolbar */

}



/* Form fields, general styles first. */

button,

input,

textarea {

	border: 0;

	font-family: inherit;

	padding: 4px;

}



input,

textarea {

	color: #141412;

}



input:focus,

textarea:focus {

	border: 0;

	outline: 0;

	background:#CEE002;

}
*:focus {outline: 0;}


.post-password-required input[type="submit"] {

	padding: 7px 24px 4px;

	vertical-align: bottom;

}



.post-password-required input[type="submit"]:active {

	padding: 5px 24px 6px;

}



/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {

	color: #7d7b6d;

}



:-moz-placeholder {

	color: #7d7b6d;

}



::-moz-placeholder {

	color: #7d7b6d;

}



:-ms-input-placeholder {

	color: #7d7b6d;

}



/*

 * Responsive images

 *

 * Fluid images for posts, comments, and widgets

 */

.entry-content img,

.entry-summary img,

.comment-content img,

.widget img,

.wp-caption {

	max-width: 100%;

}



/* Make sure images with WordPress-added height and width attributes are scaled correctly. */

.entry-content img,

.entry-summary img,

.comment-content img[height],

img[class*="align"],

img[class*="wp-image-"],

img[class*="attachment-"] {

	height: auto;

}



img.size-full,

img.size-large,

img.wp-post-image {

	height: auto;

	max-width: 100%;

}



/* Make sure videos and embeds fit their containers. */

embed,

iframe,

object,

video {

	max-width: 100%;

}



/* Override the Twitter embed fixed width. */

.entry-content .twitter-tweet-rendered {

	max-width: 100% !important;

}



/* Images */

.alignleft {

	float: left;

}



.alignright {

	float: right;

}



.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



img.alignleft {

	margin: 5px 20px 5px 0;

}



.wp-caption.alignleft {

	margin: 5px 10px 5px 0;

}



img.alignright {

	margin: 5px 0 5px 20px;

}



.wp-caption.alignright {

	margin: 5px 0 5px 10px;

}



img.aligncenter {

	margin: 5px auto;

}



img.alignnone {

	margin: 5px 0;

}



img.wp-smiley,

.rsswidget img {

	border: 0;

	border-radius: 0;

	box-shadow: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}



.wp-caption.alignleft + ul,

.wp-caption.alignleft + ol  {

	list-style-position: inside;

}





/**

 * 3.0 Basic Structure

 * ----------------------------------------------------------------------------

 */



.site {

	background-color: #fff;

	margin: 0 auto;

	max-width: 1000px;

	width: 100%;

}

.main { max-width:1000px; }

.site-main { position: relative; }

.blog #primary, .archive #primary, .category #primary, .single-post #primary {
	width:70%;
	float:left;
}

#tertiary {
	width:20%
	display:inline-block;
	float:right;
}


/**
 * 4.1 Site Header
 * ----------------------------------------------------------------------------
 */


.site-header {
	clear:both;
	min-height:130px;
}



.site-header .home-link {

    background: url("/images/tjc-logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    margin: 0 auto;
    max-width: 200px;
    height: 93px;
    padding: 0px;
    text-decoration: none;
    width: 100%;

    float: left;

    margin: 20px 20px 0 0;

}


/**
 * Newsletter Popup
 * ----------------------------------------------------------------------------
 */
#privy-container #privy-inner-container .privy .privy-dismiss-content { background: #fff !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
#privy-container #privy-inner-container .privy .privy-dismiss-content .privy-x { color: #89c115 !important; }
#privy-container #privy-inner-container .privy .privy-dismiss-content:hover { opacity: 0.5 !important; transition: all ease 0.5s !important; }
#privy-container #privy-inner-container .privy-tab-container div.privy-tab { border: 0 !important; border-radius: 0 !important; }
.privy-privacy-container.privy-foreground-element { display: none !important; }
#privy-container #privy-inner-container .privy .privy-powered-by { opacity: 0 !important; }
#privy-container #privy-inner-container .privy input[type="email"], #privy-container #privy-inner-container .privy .privy-element.privy-button-element.privy-button-flat { box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; }






/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */



.main-navigation {

    margin: 0 auto;

    max-width: 640px;

    min-height: 40px;

    position: relative;

    float: left;

}



ul.nav-menu,

div.nav-menu > ul {

	margin: 0;

	padding: 0;

}



.nav-menu li {

	display: inline-block;

	position: relative;

}



.nav-menu li a {

	color: #99CA33;

	display: block;

	font-size: 16px;

	line-height: 1;

	padding: 13px 22px;

	margin:0 -2px;

	text-decoration: none;

	text-transform:uppercase;
	
	transition: all 0.5s ease;


}



.nav-menu li:hover > a,

.nav-menu li a:hover,

.nav-menu li:active > a,

.nav-menu li a:active,

.nav-menu .current_page_item > a,

.nav-menu .current_page_ancestor > a,

.nav-menu .current-menu-item > a,

.nav-menu .current-menu-ancestor > a {

	background-color: #99CA33;

	color: #fff;

}



.nav-menu .sub-menu,

.nav-menu .children {

	background-color: #99CA33;

	border: 0;

	border-top: 0;

	display: none;

	padding: 0;

	position: absolute;

	left: -2px;

	z-index: 99999;

}
.nav-menu .sub-menu a:hover { background-color: #fff; color: #99ca33; }


.nav-menu .sub-menu ul,

.nav-menu .children ul {

	border-left: 0;

	left: 100%;

	top: 0;

}



ul.nav-menu ul a,

.nav-menu ul ul a {

	color: #fff;

	margin: 0;

	width: 200px;

}



ul.nav-menu ul a:hover,

.nav-menu ul ul a:hover {

	background-color: #db572f;

}



ul.nav-menu li:hover > ul,

.nav-menu ul li:hover > ul {

	display: block;

}



.menu-toggle {

	display: none;

}



/* Navbar */

.navbar {

    background-color: #fff;

    border-bottom: 2px solid #ceda3a;

    border-top: 2px solid #ceda3a;

    float: right;

    margin: 65px 0 0;

    max-width: 770px;

    width: 77%;

    padding: 0 20px 0 0;

}





#social {

    float: right;

    margin-top: 10px;

    width: 92px;

}



#social a {

    background-image: url("/images/tjc-social.png");

    background-repeat: no-repeat;

    display: inline-block;

    height: 24px;

    margin-left: 3px;

    width: 25px;

}



.fb { background-position: 0 0; }

a.fb:hover { background-position: 0 bottom;}



.tw { background-position: -26px 0; }

a.tw:hover { background-position: -26px bottom; }



.ig { background-position: -52px 0; }

a.ig:hover { background-position: -52px bottom; }





/**

 * 5.0 Content

 * ----------------------------------------------------------------------------

 */



.hentry {

	padding: 0;

}



.page .entry-header, .page #comments { display:none; }



.entry-header,

.entry-content,

.entry-summary,

.entry-meta {

	margin: 0 auto;

	max-width: 1000px;

	width: 100%;

}



.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {

    max-width: 700px;

    padding: 0;

    float: left;

}







/**

 * 5.1 Entry Header

 * ----------------------------------------------------------------------------

 */



.sidebar .entry-header .entry-meta {

	padding: 0;

}



.entry-thumbnail img {

	display: block;

	margin: 0 auto 10px;

}



.entry-header {

	margin-bottom: 10px;

}



.entry-title {

	font-weight: normal;

	margin: 0 0 2px;
	
	padding-bottom:5px;

	color:#CEE002;
	
	border-bottom: 2px solid #EFF49F;

}



.entry-title a {

	color: #CEE002;
	
	transition:color 0.5s ease;

}



.entry-title a:hover {

	color: #99CA33;

}





/**

 * 5.2 Entry Meta

 * ----------------------------------------------------------------------------

 */



.entry-meta {

    border-top: 2px solid #EFF49F;
	
	color:#CEE002;

    clear: both;

    font-size: 13px;

    padding: 10px 0 !important;

	text-transform:uppercase;

	margin:0 0 50px;

}



.entry-meta a {

	color: #99CA33;

	font-weight:bold;

	font-size:14px;

	margin:0 1px;
	
	transition:color 0.5s ease;

}



.entry-meta a:hover {

	color: #CEE002;

}



.entry-meta > span:last-child {

	margin-right: 0;

}



.entry-meta .meta-left, .entry-meta .meta-right { width:48%; }

.entry-meta .meta-left { float:left; }

.entry-meta .meta-right { float:right; text-align:right; }


.author,
.single-author .entry-meta .author,

.sticky.format-standard .entry-meta .date,

.sticky.format-audio .entry-meta .date,

.sticky.format-chat .entry-meta .date,

.sticky.format-image .entry-meta .date,

.sticky.format-gallery .entry-meta .date {

	display: none;

}





/**

 * 5.3 Entry Content

 * ----------------------------------------------------------------------------

 */



.entry-content {

	-webkit-hyphens: auto;

	-moz-hyphens:    auto;

	-ms-hyphens:     auto;

	hyphens:         auto;

	word-wrap: break-word;

}



.entry-content a,

.comment-content a {

	color: #bc360a;

}



.entry-content a:hover,

.comment-content a:hover {

	color: #ea9629;

}



.entry-content blockquote {

	font-size: 24px;

}



.entry-content blockquote cite,

.entry-content blockquote small {

	font-size: 16px;

}



.entry-content img.alignleft,

.entry-content .wp-caption.alignleft {

	margin-left: -60px;

}



.entry-content img.alignright,

.entry-content .wp-caption.alignright {

	margin-right: -60px;

}



footer.entry-meta {

	margin-top: 24px;

}



.format-standard footer.entry-meta {

	margin-top: 0;

}



/* Page links */

.page-links {

	clear: both;

	font-size: 16px;

	font-style: italic;

	font-weight: normal;

	line-height: 2.2;

	margin: 20px 0;

	text-transform: uppercase;

}



.page-links a,

.page-links > span {

	background: #fff;

	border: 1px solid #fff;

	padding: 5px 10px;

	text-decoration: none;

}



.format-status .entry-content .page-links a,

.format-gallery .entry-content .page-links a,

.format-chat .entry-content .page-links a,

.format-quote .entry-content .page-links a,

.page-links a {

	background: #e63f2a;

	border: 1px solid #e63f2a;

	color: #fff;

}



.format-gallery .entry-content .page-links a:hover,

.format-audio .entry-content .page-links a:hover,

.format-status .entry-content .page-links a:hover,

.format-video .entry-content .page-links a:hover,

.format-chat .entry-content .page-links a:hover,

.format-quote .entry-content .page-links a:hover,

.page-links a:hover {

	background: #fff;

	color: #e63f2a;

}



.format-status .entry-content .page-links > span,

.format-quote .entry-content .page-links > span {

	background: none;

}



.page-links .page-links-title {

	background: transparent;

	border: none;

	margin-right: 20px;

	padding: 0;

}



/* Mediaelements */

.hentry .mejs-mediaelement,

.hentry .mejs-container .mejs-controls {

	background: #220e10;

}



.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,

.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {

	background: #fff;

}



.hentry .mejs-controls .mejs-time-rail .mejs-time-current {

	background: #ea9629;

}



.hentry .mejs-controls .mejs-time-rail .mejs-time-total,

.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {

	background: #595959;

}



.hentry .mejs-controls .mejs-time-rail span,

.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,

.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {

	border-radius: 0;

}









/* Ensures the dots in the dot background are in lockstep. */

.format-status .entry-meta:before {

	background-position: left top;

}



.format-status .entry-content {

	color: #f7f5e7;

	font-size: 24px;

	font-style: italic;

	font-weight: 300;

	padding-bottom: 30px;

	padding-top: 40px;

	position: relative;

}



.format-status .entry-content p:first-child:before {

	background-color: rgba(0, 0, 0, 0.65);

	content: "";

	height: 3px;

	margin-top: 13px;

	position: absolute;

	left: 4px;

	width: 13px;

}



.sidebar .format-status .entry-content > p:first-child:before {

	left: 64px;

}



.format-status .entry-content p:last-child {

	margin-bottom: 0;

}



.format-status .entry-meta {

	margin-top: 0;

	padding-bottom: 40px;

}



.format-status .entry-meta .date a:before {

	content: "\f105";

}







/**

 * 5.7 Post/Paging Navigation

 * ----------------------------------------------------------------------------

 */



.navigation .nav-previous {

	float: left;

}



.navigation .nav-next {

	float: right;

}



.navigation a {

	color: #bc360a;

}



.navigation a:hover {

	color: #ea9629;

	text-decoration: none;

}



.paging-navigation {

	padding: 0 0 40px;
	width:70%;
	float:left;
	clear:both;

}



.paging-navigation .nav-links {

	margin: 0 auto;

}




.paging-navigation a {
	font-size: 18px;
	font-family: 'Oswald', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
	color:#CEE002;

}


.post-navigation {

	display:none;

}



.post-navigation .nav-links {

	margin: 0 auto;

	max-width: 1040px;

}



.sidebar .post-navigation .nav-links {

	padding: 0 376px 0 60px;

}



.post-navigation a[rel="next"] {

	float: right;

	text-align: right;

}







/**

 * 5.9 Archives

 * ----------------------------------------------------------------------------

 */



.archive-header {

}



.archive-title, .archive-meta {

    float: left;

    font: 600 25px/25px "Source Sans Pro",Helvetica,sans-serif;

    margin: 0 auto;

    max-width: 700px;

    padding: 0 0 30px;

    width: 100%;

}



.archive-meta {

	font-size: 16px;

	font-style: normal;

	font-weight: normal;

	margin-top: -15px;

	padding: 0 0 11px;

}



.sidebar .archive-meta {

	padding-right: 316px;

}







/**

 * 5.12 Comments

 * ----------------------------------------------------------------------------

 */

 

#comments { max-width:700px; clear:both; }



.comments-title,

.comment-list,

.comment-reply-title,

.must-log-in,

.comment-respond .comment-form,

.comment-respond iframe {

	width: 100%;

}



.sidebar .comments-title,

.sidebar .comment-list,

.sidebar .must-log-in,

.sidebar .comment-reply-title,

.sidebar .comment-navigation,

.sidebar .comment-respond .comment-form {

	width:100%;

}



.comments-title, #reply-title { font-size:28px; line-height:30px; }



.comment-list,

.comment-list .children {

	list-style-type: none;

	padding: 0;

}



.comment-list .children {

	margin-left: 20px;

}



.comment-list > li:after,

.comment-list .children > li:before {

	border-top:2px solid #fff;

	content: "";

	display: block;

	height: 2px;

	width: 100%;

}



.comment-list > li:last-child:after {

	display: none;

}



.comment-body {

	padding: 24px 0;

	position: relative;

}



.comment-author {

	font-family:'Oswald',sans-serif;

	color:#fff;

	text-transform:uppercase;

}



.comment-author .avatar {

	display: none;

}



.comment-author .fn {

	word-wrap: break-word;

}



.comment-author .fn, .comment-author .url, .comment-reply-link, .comment-reply-login {

    color: #fff;

    font-size: 14px;

    font-style: normal;

    font-weight: bold;

    text-transform: uppercase;

}



.says {

	display: none;

}



.no-avatars .comment-author {

	margin: 0 0 5px;

	max-width: 100%;

	position: relative;

}



.no-avatars .comment-metadata,

.no-avatars .comment-content,

.no-avatars .comment-list .reply {

	width: 100%;

}



.bypostauthor > .comment-body .fn:before {

	content: "\f408";

	vertical-align: text-top;

}



.comment-list .edit-link {

	margin-left: 20px;

}



.comment-metadata,

.comment-awaiting-moderation,

.comment-content,

.comment-list .reply {

}



.comment-meta,

.comment-meta a {

	color: #fff;

	font-weight:bold;
	
	transition:color 0.5s ease;

}



.comment-meta a:hover {

	color: #99ca33;

}



.comment-metadata {

	margin-bottom: 10px;

	font-size:13px;

}



.ping-meta {

	color: #a2a2a2;

	font-size: 13px;

	line-height: 2;

}



.comment-awaiting-moderation {

	color: #a2a2a2;

}



.comment-awaiting-moderation:before {

	content: "\f414";

	margin-right: 5px;

	position: relative;

	top: -2px;

}



/* Comment form */

#comments{

	background: #666;

	padding: 30px 30px 10px;

	color:#fff;

}



#respond { margin-top:20px; padding-top:20px; border-top:2px solid #fff; }



.comment .comment-respond {

	margin-bottom: 20px;

	padding: 20px;

}



.comment-reply-title small a {

	color: #131310;

	display: inline-block;

	float: right;

	height: 16px;

	overflow: hidden;

	width: 16px;

}



.comment-reply-title small a:hover {

	color: #7fbd00;

	text-decoration: none;

}



.sidebar .comment-list .comment-reply-title,

.sidebar .comment-list .comment-respond .comment-form {

	padding: 0;

}



.comment-form .comment-notes {

	margin-bottom: 15px;

}



.comment-form .comment-form-author,

.comment-form .comment-form-email,

.comment-form .comment-form-url {

	margin-bottom: 8px;

}



.comment-form [for="author"], .comment-form [for="email"], .comment-form [for="url"], .comment-form [for="comment"] {

    display: block;

    float: none;

    font-size: 13px;

    padding: 5px 0;

    text-transform: uppercase;

    width: 100%;

}



.comment-form .required {

	color: #ed331c;

}



.comment-form input[type="text"],

.comment-form input[type="email"],

.comment-form input[type="url"] {

	width: 100%;

}



.comment-form textarea {

	width: 100%;

}



.form-allowed-tags,

.form-allowed-tags code {

	display:none;

}







.comment-list .pingback,

.comment-list .trackback {

	padding-top: 24px;

}



.comment-navigation {

	font-size: 20px;

	font-style: italic;

	font-weight: 300;

	margin: 0 auto;

	max-width: 604px;

	padding: 20px 0 30px;

	width: 100%;

}



.no-comments {

	background-color: #f7f5e7;

	font-size: 20px;

	font-style: italic;

	font-weight: 300;

	margin: 0;

	padding: 40px 0;

	text-align: center;

}



.sidebar .no-comments {

	padding-left: 60px;

	padding-right: 376px;

}





/**

 * 6.0 Sidebar

 * ----------------------------------------------------------------------------

 */



.site-main .widget-area {

	float: right;

	width: 250px;

}





/**

 * 6.1 Widgets

 * ----------------------------------------------------------------------------

 */



.widget {

	margin: 0 0 2px;

	padding: 0;

	word-wrap: break-word;

}



.widget .widget-title {

	margin: 0 0 5px;

	font-size:28px;

}



.widget ul,

.widget ol {

	list-style-type: none;

	margin: 0;

	padding: 0;

}



.widget .children li:last-child {

	padding-bottom: 0;

}



.widget li > ul,

.widget li > ol {

	margin-left: 20px;

}











/**

 * 7.0 Footer

 * ----------------------------------------------------------------------------

 */



.site-footer {

	color: #666;

	font-size: 14px;

	text-align: center;

	margin:20px auto;

	clear:both;
	
	max-width:1000px;

}



.site-footer .widget-area,

.sidebar .site-footer {

	text-align: left;

}



.site-footer a {

	color: #686758;

}



.site-footer .sidebar-container {

	background-color: #fff;

	padding: 20px 0 0;

	border-bottom:2px solid #ceda3a;

	border-top:2px solid #ceda3a;

}



.site-footer .widget-area {

	margin: 0 auto;

	max-width: 1000px;

	width: 100%;

}



.site-footer .widget {

	float: left;

	margin:0 20px 20px;

}



.sidebar .site-footer .widget {

}



#nav_menu-2, #recent-posts-2, #nav_menu-3 { }



.sidebar .site-footer .widget:nth-of-type(4),

.sidebar .site-footer .widget:nth-of-type(3) {

	margin-right: 0;

}



.site-footer .widget li {

	padding:0 0 2px 2px;

}



.site-footer .widget a {

	color: #666;

	font-size:13px;

	text-transform:uppercase;
	
	transition: color 0.3s ease 0s;

}

.site-footer .widget a:hover { color:#99CA33; }



.site-footer .widget-title,

.site-footer .widget-title a,

.site-footer .wp-caption-text {

	color: #7fbd00;

}



.site-info {

	margin: 0 auto;

	max-width: 1000px;

	padding: 20px 0;

	width: 100%;

	color:#cee002;
	
	text-align:center;
	
	font-size:13px;

}

.site-info a, .site-info a:visited { color:#cee002; font-weight:bold; transition:color 0.3s ease; }

.site-info a:hover { color:#7fbd00; }

#gform_widget-2 { width:100%; max-width:200px !important; }

.gform_wrapper .top_label input.medium {
    background: none repeat scroll 0 0 #eff49f !important;
    padding: 4px 6px !important;
	height:28px;
	color:#7CBE00;
}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
    width: 69% !important;
}

.gform_wrapper .top_label .gfield_label {
    clear: both;
    display: inline-block;
    font-weight: normal !important;
    line-height: 1.3em;
    margin: 0 0 5px !important;
    text-transform: uppercase !important;
}

.gform_wrapper .gform_footer {
    clear: none !important;
    float: right !important;
    margin: -31px 0 0 !important;
    padding: 0 !important;
	width:30% !important;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
    background: none repeat scroll 0 0 #cee002 !important;
    height: 30px !important;
    padding: 4px 10px !important;
	font-size:12px !important;
	transition:all 0.3s ease;
	border-radius:0 !important;
}

.gform_wrapper .gform_footer input.button:hover {
    border: 0px solid !important;
    background: #7CBE00 !important;
    color: #fff !important;
}



#wpstats {display: none;}







.clear { clear:both; }





/* HOME */



#home_about { background:url('/images/thirst-home-about-768.jpg') no-repeat top center; width:49%; height:600px; text-align:center; float:left; font-family:'Oswald',sans-serif; margin:0 10px 0 0; }



#home_text {    color: #fff;    font-size: 28px;    font-weight: 300 !important;    line-height: 34px;    padding: 320px 30px 30px;}



.button_brdr, button, input[type="submit"], input[type="button"], input[type="reset"] { border-top:1px solid #fff; border-bottom:1px solid #fff; padding: 10px 15px; color:#fff; text-transform:uppercase; background:none; font-family:'Oswald',sans-serif;  transition:all 0.3s ease; font-weight:normal!important; }



a.button_brdr:hover, button:hover, input[type="submit"]:hover { border-color:#99CA33; color:#99CA33; padding:14px 15px; }


.home_menu, .home_location, .home_blog { width:49.9%; }

.home_menu, .home_location { background-repeat:no-repeat; background-position:top center; display:block; height:240px; float:right; margin-bottom:10px;}



.home_menu { background-image:url('/images/tjc-home-menu.png'); }



a.home_menu:hover { background-position:bottom center; }



.home_location { background-image:url('/wp-content/uploads/tjc-locations.png');}



a.home_location:hover { background-position:bottom center; }



.home_blog {
    background-color: #666;
    color: #fff;
    display: block;
    float: right;
    font-family: 'Oswald',sans-serif;
    font-size: 40px;
    height: 100px;
    line-height: 97px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}


a.home_blog:hover { background-color:#7CBE00; color:#fff; }





/* PAGES */



.left {

    float: left;

    margin-right: 30px;

    width: 71%;

}


.definition { margin-bottom: 10px; font-weight: 700; font-style: italic; }
.left h2 { color:#ceda3a; margin-bottom:5px; }
#jargon { color: #99ca33; margin-bottom:5px; }
#juice-jargon h5 { color: #666; }
#juice-jargon li p { color: #99ca33; }

.right.about { background-color: #99ca33 !important; width: 29%; margin-bottom: 30px; }
.right.about p { margin-top: 10px; }
.right.about img { max-width: 290px; }
.left.about, .founder-right { width: 67%; }
.founder-left { float: left; width: 29%; }
.founder-left img { max-width: 100%; }
.founder-right { float: right; }
#founder { border-top: 2px solid #ceda3a; border-bottom: 2px solid #ceda3a; padding: 30px 0; }

.menu h2 { color:#fff; }

.right {

    background: none repeat scroll 0 0 #444;

    color: #fff;

    float: right;

    font-size: 16px;

    line-height: 22px;

    padding: 30px;

    text-align: center;

    width: 25.8%;
	
	margin-bottom:10px;

}



.right img { margin:0 auto 15px; display:block }
.right a, .right a:visited { font-weight:bold; color:#fff; transition: all 0.3s ease 0s; }
.right a:hover { color:#ceda3a; }
.right .location_address, .right .location_address a { color: #ceda3a; }
.right .directions { margin:35px 0 15px; }
.banner { clear:both; }
.banner img {

	width:100%;

	max-width:1000px;

	margin:0 0 30px;

}







/* ACCORDIAN */



.accordionButton {	

	width: 100%;

	float: left;

	_float: none;  /* Float works in all browsers but IE6 */

	background: #99CA33;

	color:#fff;

	cursor: pointer;

	margin: 0 0 2px;

    padding: 10px 0 0 15px;
	
	transition: background-color 0.5s ease;

}



.about .accordionButton { margin-top:50px; }

.accordionContent {	

	width: 100%;

	float: left;

	_float: none; /* Float works in all browsers but IE6 */

	background: #fff;

	padding:0 10px 40px;

}

.accordionContent h3 { margin-bottom:-2px; }

	

.on, .over {

	background: #CFDF07;

}

	

.over h1, .on h1 {

	text-shadow: 3px 3px 1px #7FBD00;

}

.accordionButton span { background-image:url('/images/tjc-menu-arrow-down.png'); background-repeat: no-repeat; width:17px; height:16px; display:inline-block; margin-left:5px;}

.on span { background-image:url('/images/tjc-menu-arrow-up.png');}



.accordionContent ul { list-style:none; margin:0; padding:0; }



.accordionContent li { padding:2px 0 5px; font-size:14px; }

.accordionContent .boosts li, .accordionContent .shots li, .soups li { padding:0; line-height:16px; }

.accordionContent p { margin:10px 0 15px; font-size:14px; }

.accordionContent .and_more { margin-top:10px; }

.col-left, .col-right { width:48%; }

.col-left { float:left; }

.col-right { float:right; }





/* BLOG */

#categories-2 { background:#CEE002; color:#fff; text-align:center; padding:30px 30px 25px; }

#categories-2 a { font-family:'Oswald',sans-serif; color:#fff; text-transform:uppercase; transition:color 0.5s ease; }

#categories-2 a:hover { color:#7CBE00; }

#categories-2 ul li { margin-bottom:5px; }

.view_blog {background-image:url('/images/tjc-blog-sidebar-menu.png'); background-repeat:no-repeat; background-position:top center ; display:block; width:250px; height:250px;}

a.view_blog:hover { background-position:bottom center;}

#sdrn_bar .bar_logo { margin-left:0 !important; }


#post-377 ul { list-style:none; margin:0; padding:0; }
.clip { margin:0 0 40px; }
.clip h2 a {color:#99CA33; transition:all ease 0.3s; }
.clip h2 span { margin-left:3px;}
.clip h2 a:hover {color:#ceda3a; }

/* MOBILE */

@media only screen and (min-width:769px) and (max-width:1020px){ 
	.site { padding:0 15px; }
}


@media only screen and (min-width:960px) and (max-width:999px){ 
	.navbar { width:75%;}
	.nav-menu li a { padding:13px 19px; }
}

@media only screen and (min-width:769px) and (max-width:959px){ 
	.navbar { width:69%; padding:0 10px 0 0;}
}

@media only screen and (min-width:769px) and (max-width:900px){ 
	.blog #primary, .archive #primary, .category #primary, .single-post #primary { width:65%; }
}

@media only screen and (min-width:867px) and (max-width:942px){ 
	.home_menu, .home_location, .home_blog { width:49.8%;}
}

@media only screen and (min-width:853px) and (max-width:959px){ 
	.nav-menu li a { padding:14px 13px; font-size:15px; }
}

@media only screen and (min-width:769px) and (max-width:866px){ 
	.home_menu, .home_location, .home_blog { width:49.6%;}
	#home_text {  font-size: 25px; line-height: 30px; }
}

@media only screen and (min-width:769px) and (max-width:852px){ 
	.nav-menu li a { padding:14px 12px; font-size:14px; }
}

@media only screen and (max-width:960px) { 
.right, .left, .right.about, .left.about { width:100%; float:none; margin-bottom:30px; text-align:left; clear:both; }
.founder-left { text-align: center !important; }
.right img { margin:0 0 15px; }
}
@media only screen and (max-width:768px) { 
	.site { padding:10px; }
	.site-header, #sdrn_bar .sdrn_ic { display:none; }
	.home_menu, .home_location { width:49.2%;}
	.home_menu { float:left; }
	#home_about, .home_blog { width:100%; clear:both; float:none; }
	#home_about { margin-bottom:10px; }
	.blog #primary, .archive #primary, .category #primary, .single-post #primary { width:100%; }
	#tertiary { display:none; }
	
	.founder-left { display: none; }
	
	.founder-right { width: 100%; }
	
	#founder { padding-top: 0; }
}

@media only screen and (min-width:321px) and (max-width:480px){ 
	#home_text { font-size: 25px;line-height: 30px; }
}

@media only screen and (max-width:480px) { 
	.home_menu, .home_location, .left, .right, .col-left, .col-right, .entry-meta .meta-left, .entry-meta .meta-right, #primary, #tertiary { width:100%; float:none; clear:both; }
	#home_about { background-position: center -15px;}
	#home_text { font-size: 23px;line-height: 28px; padding: 300px 30px 30px; }
	.page-template-template-menu-php .left { padding:0; }
	.left { padding:0 10px; }
	.right { text-align:left; margin: 30px 0 10px;}
	.right img { display:none; }
	iframe { height:350px !important; }
	.entry-meta .meta-right { margin-top:10px; text-align:left; }
	#comments { padding:20px 20px 10px;}
}