/*
Theme Name: Nutrition Unplugged
Description: Custom theme for Nutrition Unplugged
Version: 1.0
Author: Stephen Merriman
Author URI: http://www.cre8d-design.com
*/

img, .wp-caption {max-width:100%;height:auto;}

.clear {
	clear: both;
	font-size: 0px;
	height:1%;
	line-height:0;
}
a img {
	border: none;
}
a:link, a:visited {
	text-decoration:none;
	color:#f0462d;
}
a:hover, a:active {
	text-decoration:underline;
	color:#ea321e;
}

p, ul, ol {margin-top:0;margin-bottom:1em;}

.alignleft {float:left;display:inline;margin:4px 25px 1em 0;}
.alignright {clear:right;float:right;display:inline;margin:4px 0 1em 25px;}
.aligncenter {display:block;margin:0 auto 1em auto;}

body,html {min-width:320px;}

body,input,textarea,select, #body .gform_wrapper .gfield_description {font-size:16px;color:#000;font-family:'freight-sans-pro',Arial,Helvetica,sans-serif;}

#menu ul li a span.menu2, .post .interact a, #body .grid ul li, .content .wp-caption-text, .content blockquote, #sidebar .section .intro {font-family:'freight-display-pro',Arial,Helvetica,sans-serif;}

.content blockquote cite {font-family:FreightSans,Arial,Helvetica,sans-serif;}

body {
	margin:0;
	background:#fafafa;
	line-height:1.5;
}

.container {min-width:300px;}

#header {background:#fff url(images/header.jpg) center top no-repeat;height:180px;}
#logo {text-align:center;margin:0;}
#logo a {display:block;padding:55px 0 23px 0;}
#tagline {display:none;}

#headwrap {position:relative;padding-bottom:54px;margin-bottom:30px;}

#menutoggle {display:none;}

#menu {background:#f0462d;position:absolute;bottom:0;left:0;width:100%;}
#menu ul {margin:0;padding:0;list-style:none;}
#menu ul li {margin:0;padding:0;float:left;display:inline;width:14.285714285714285714285714285714%;}
#menu ul li a {display:block;color:#fff;text-decoration:none;padding:8px 10px;}
#menu ul li a span {display:block;}
#menu ul li a span.menu1 {font-weight:bold;font-size:14px;text-transform:uppercase;line-height:16px;letter-spacing:1px;}
#menu ul li a span.menu2 {font-style:italic;font-size:16px;line-height:22px;}
#menu ul li a:hover, #menu ul li a:active {background:#ea321e;}
#menu ul li.current-menu-item a {background:#333;}

#sidebar {float:left;display:inline;width:300px;padding-right:10px;}
#main {float:left;width:100%;margin-right:-310px;}
#main-a {margin-right:340px;}	
#main-b {background:#fff;padding:10px;margin-bottom:20px;}

#main.mainwide {margin-right:0;}
#main.mainwide #main-a {margin-right:0;}

.post {margin-top:45px;}
.firstpost {margin-top:0;}

.post .postmeta {font-size:12px;letter-spacing:1px;color:#333;margin-bottom:2px;}
.post .postmeta .cats {text-transform:uppercase;}
.post .postmeta .date {margin-left:8px;}

.post .title {margin:0;font-size:36px;color:#333;font-weight:normal;line-height:38px;letter-spacing:-1px;}
.post .title a {color:#419312;}
.post .title a:hover, .post .title a:active {color:#2e7a0b;}

.post .addthis_toolbox {margin-top:5px;}

.post .addthis_toolbox span.narrow {display:none;}
.post .addthis_toolbox .addthis_counter {margin-right:15px;}

.post .content {margin-top:15px;}

.post .postsec {margin-top:20px;}

.post .postsec h3 {text-transform:uppercase;font-size:14px;font-weight:bold;margin:0 0 10px 0;line-height:16px;color:#333;}

.post .interact {background:#fafafa;padding:20px 15px;}
.post .interact .interact-left {float:left;display:inline;}
.post .interact .interact-right {float:right;display:inline;text-align:right;}
.post .interact p {margin:0;}
.post .interact a {font-style:italic;}

#body .grid ul {margin:0 -5px;padding:0;list-style:none;font-size:0;zoom:1;margin-top:-10px;}
#body .grid ul li {margin:10px 0 0 0;padding:0;display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;vertical-align:top;font-size:16px;font-style:italic;line-height:20px;}
#body .grid ul li a {display:block;margin:0 5px;padding:10px;background:#fafafa;color:#333 !important;}
#body .grid ul li img {background:#fff;}
#body .grid ul li a:hover img, #body .grid ul li a:active img {opacity:0.8;}
#body .grid ul li .relimage {display:block;height:0;padding-bottom:100%;margin-bottom:8px;}

#body .post .related ul li {width:33.33333333333333%;}
#body .content .archive ul li {width:20%;}
#body .highlights ul li {width:50%;}
#body .highlights ul li a {background:#fff;}

.post .tagged {font-size:12px;text-transform:uppercase;letter-spacing:1px;}
.post .tagged p {margin:0;}
.post .tagged span {margin-right:8px;}

.content .wp-caption-text {margin:5px 0 0 0;font-style:italic;line-height:20px;}
.content .alignright .wp-caption-text {text-align:right;}

.content li {margin-bottom:3px;}

.content .rve-embed-container {margin-bottom:1em;}

.teaser h3, .single h2, .page h2 {font-size:14px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;margin:25px 0 10px 0;line-height:16px;}
.teaser h3:first-child, .single h2:first-child, .page h2:first-child {margin-top:0;}

.content blockquote {font-size:18px;font-style:italic;margin:20px 20px;padding:0;}
.content blockquote:first-child {margin-top:0;}

.content blockquote cite {display:block;font-size:16px;font-style:normal;margin-top:-10px;}

.content .links {font-size:0;margin:0 -10px;zoom:1;}
.content .links .linkscol {display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;vertical-align:top;font-size:16px;width:20%;margin-bottom:20px;}
.content .links .linkscol-a {margin:0 10px;}
.content .links ul {margin:0;padding:0;list-style:none;}
.content .links ul li {margin:0 0 5px 0;padding:0;line-height:1.2;}

.content .buzzwrap {overflow:hidden;}
.content .buzz {margin:0 -25px;font-size:0;}
.content .buzz .buzzcol {display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;vertical-align:top;font-size:16px;width:50%;}
.content .buzz .buzzcol-a {margin:0 25px;}

.content .buzz blockquote {margin-bottom:50px;margin-left:0;margin-right:0;}

.content .gsc-wrapper .gs-title {line-height:20px;}
.content .gsc-control-cse {padding:0 !important;}

.navigation {font-size:14px;font-weight:bold;text-transform:uppercase;margin:20px 10px;}
.navigation .navleft {float:left;display:inline;width:47%;}
.navigation .navright {float:right;display:inline;width:47%;text-align:right;}

#sidebar .section {margin-bottom:20px;font-size:15px;}
#sidebar .section h2.sectitle {text-transform:uppercase;font-size:14px;font-weight:bold;margin:0 0 10px 0;line-height:16px;color:#333;}

#sidebar .section ul {margin:0;padding:0;list-style:none;}
#sidebar .section ul li {margin:0 0 8px 0;padding:0;line-height:1.2;}
#sidebar .section ul ul {margin:8px 0 0 20px;}

#sidebar .section .intro {font-size:20px;line-height:24px;font-style:italic;}
#sidebar .section .intro p {margin-bottom:0;display:table-cell;vertical-align:middle;}
#sidebar .section .intro img {margin-bottom:0;}

#sidebar .alignleft {margin-right:10px;}
#sidebar .alignright {margin-left:10px;}

#sidebar .section-social {}
#sidebar .section-social ul {margin:0 15px;padding:0;list-style:none;}
#sidebar .section-social ul li {margin:0 3px;padding:0;float:left;display:inline;width:39px;}
#sidebar .section-social ul li a {display:block;width:39px;height:39px;background-repeat:no-repeat;background-image:url(images/social.png);text-indent:-9999px;outline:0;background-size:234px 78px;}
#sidebar .section-social ul li.twitter a {background-position:0 0;}
#sidebar .section-social ul li.facebook a {background-position:-39px 0;}
#sidebar .section-social ul li.googleplus a {background-position:-78px 0;}
#sidebar .section-social ul li.pinterest a {background-position:-117px 0;}
#sidebar .section-social ul li.instagram a {background-position:-156px 0;}
#sidebar .section-social ul li.rss a {background-position:-195px 0;}
#sidebar .section-social ul li.twitter a:hover, #sidebar .section-social ul li.twitter a:active {background-position:0 bottom;}
#sidebar .section-social ul li.facebook a:hover, #sidebar .section-social ul li.facebook a:active {background-position:-39px bottom;}
#sidebar .section-social ul li.googleplus a:hover, #sidebar .section-social ul li.googleplus a:active {background-position:-78px bottom;}
#sidebar .section-social ul li.pinterest a:hover, #sidebar .section-social ul li.pinterest a:active {background-position:-117px bottom;}
#sidebar .section-social ul li.instagram a:hover, #sidebar .section-social ul li.instagram a:active {background-position:-156px bottom;}
#sidebar .section-social ul li.rss a:hover, #sidebar .section-social ul li.rss a:active {background-position:-195px bottom;}

#sidebar form.overlay {position:relative;width:298px;height:32px;margin:0;background:#fff;border:1px solid #e9e9e9;border-radius:15px;}
#sidebar form.overlay input[type="text"], #sidebar form.overlay input[type="email"] {position:absolute;top:0;left:0;border:none;background:#fff;margin:0;padding:7px 4px 7px 12px;height:18px;line-height:18px;border-radius:15px 0 0 15px;}
#sidebar form.overlay input[type="submit"] {color:#fff;font-size:14px;text-transform:uppercase;font-weight:bold;background:#419312;position:absolute;top:4px;right:4px;height:24px;border:none;border-radius:12px;cursor:pointer;padding:0;margin:0;}
#sidebar form.overlay input[type="submit"]:hover {background-color:#2e7a0b;}
#sidebar form.overlay input[type="submit"]::-moz-focus-inner {outline:0;padding:0;border:none;}

#sidebar form.subscribe input[type="text"], #sidebar .section-subscribe form.overlay input[type="email"] {width:173px;}
#sidebar form.subscribe input[type="submit"] {width:100px;}

#sidebar form.search input[type="text"], #sidebar .section-search form.overlay input[type="email"] {width:249px;}
#sidebar form.search input[type="submit"] {background:url(images/search.png) top left no-repeat;width:24px;height:24px;border:none;text-indent:-9999px;font-size:0px;display:block;line-height:0;overflow:hidden;cursor:pointer;margin:0;background-size:24px 48px;}
#sidebar form.search input[type="submit"]:hover {background-position:bottom left;background-color:none;}

#sidebar select {font-size:15px;}

#footer1 {background:#419312;padding:15px 0 5px 0;}

#ftmenu {margin-bottom:10px;letter-spacing:1px;padding:0 10px;}
#ftmenu ul {margin:0;padding:0;list-style:none;text-align:center;font-size:0;color:#fff;}
#ftmenu ul li {margin:0;padding:0;display:inline;font-size:14px;}
#ftmenu ul li a {color:#fff;text-transform:uppercase;margin:0 10px;}
#ftmenu ul li:after {content:'\b7';}
#ftmenu ul li:last-child:after {content:'';}

#ftlogo {text-align:center;margin-top:-5px;padding:0 10px;}

#footer2 {background:#fff url(images/footer.jpg) center top no-repeat;padding-top:287px;text-align:center;font-size:12px;color:#333;padding-bottom:1px;}
#footer2 a {color:#419312;}
#footer2 a:hover, #footer2 a:active {color:#2e7a0b;}

#body .gform_wrapper {width:300px;}
#body .gform_wrapper li.gfield {margin-bottom:10px;}
#body .gform_wrapper label.gfield_label {font-size:16px;color:#000;font-weight:normal;}

#body .gform_wrapper input[type="text"], #body .gform_wrapper input[type="email"], #body .gform_wrapper textarea {font-size:16px;border:1px solid #e9e9e9;background:#fafafa;border-radius:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:7px 12px;}

#body .gform_wrapper .gform_footer {padding-top:0;}
#body .gform_wrapper .gform_button {background:#419312;border:none;color:#fff;font-size:14px;font-weight:bold;text-transform:uppercase;height:24px;padding:0 12px;overflow:visible;width:auto;cursor:pointer;border-radius:12px;}
#body .gform_wrapper .gform_button:hover {background:#2e7a0b;}
#body .gform_wrapper .gform_button::-moz-focus-inner {padding:0;margin:0;border:none;}

#body .gform_wrapper .gfield_required,
#body .gform_wrapper li.gfield.gfield_error .gfield_description,
#body .gform_wrapper .gfield_error .gfield_label,
#body .gform_wrapper .validation_error,
#body .gform_wrapper .validation_message {color:#663366;}

#body .gform_wrapper li.gfield.gfield_error {background:none;border:none;padding:0 !important;margin:0 !important;width:100%;}
#body .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container  {margin-top:0;}

#body .gform_wrapper li.gfield.gfield_error input[type="text"], #body .gform_wrapper li.gfield.gfield_error input[type="email"], #body .gform_wrapper li.gfield.gfield_error textarea {border-color:#663366;}

#body .gform_wrapper li.gfield .gfield_description {margin-top:0;font-size:14px;}

#body .gform_wrapper .validation_error {margin-bottom:10px;padding-top:10px;font-size:16px;}


/* increase past full width */
@media screen and (min-width:990px) {
	.container {width:990px;margin:0 auto;}
}
/* related posts become too small */
@media screen and (max-width:814px) and (min-width:659px), screen and (max-width:474px) {
	#body .post .related ul li {width:50%;max-width:210px;}
	#body .post .related ul li.third {display:none;}
}
/* sidebar drops below content */
@media screen and (max-width:659px) {
	#main {float:none;display:block;margin-right:0;width:auto;}
	#main-a {margin-right:0;}
	#sidebar {float:none;display:block;width:300px;margin:0 auto;}
}
/* menu contracts */
@media screen and (max-width:594px) {

	#logo a {text-indent:-9999px;display:block;background:url(images/logo-wrap.png) center 49px no-repeat;height:121px;padding:49px 0 10px 0;}
	
	#tagline {display:block;background:#f0462d;text-transform:uppercase;font-size:13px;text-align:center;line-height:32px;color:#fff;letter-spacing:1px;}
	
	#menu {position:relative;left:auto;bottom:auto;padding-top:45px;}	
	#menu ul {display:none;}
	
	body.togglemenu #menu ul {display:block;}
	
	#headwrap {padding-bottom:0;}
	
	#menutoggle {position:absolute;top:10px;right:10px;display:block;}
	
	#menu ul li {width:33.33333333333333333%;}
	
	#ftlogo {display:none;}
}
/* category grid less columns */
@media screen and (max-width:850px) {
	#body .content .archive ul li {width:25%;}
}
@media screen and (max-width:640px) {
	#body .content .archive ul li {width:33.33333333333333%;}
}
@media screen and (max-width:430px) {
	#body .content .archive ul li {width:50%;}
}
/* links grid less columns */
@media screen and (max-width:979px) {
	.content .links .linkscol {width:25%;}
}
@media screen and (max-width:783px) {
	.content .links .linkscol {width:33.33333333333333333%;}
}
@media screen and (max-width:587px) {
	.content .links .linkscol {width:50%;}
}
@media screen and (max-width:391px) {
	.content .links .linkscol {width:100%;}
}
/* buzz columns don't fit */
@media screen and (max-width:669px) {
	.content .buzz .buzzcol {width:100%;}
}
/* share buttons don't fit */
@media screen and (max-width:719px) and (min-width:660px), screen and (max-width:380px) {
	.post .addthis_toolbox span.narrow {display:inline;}
	.post .addthis_toolbox span.wide {display:none;}
}