@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Merriweather:900|Open+Sans:400italic,700italic,400,700|Abril+Fatface);


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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0; }

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

body {
	line-height: 1; }

ol, ul {
	list-style: none; }

b { font-weight: bold ; }
i { font-style: italic; }
strike, u { -webkit-text-stroke: 1px solid #000; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0; }

.clearfix {
	display: inline-block;
}

hr.clear { clear: both; border: 0; }

html[xmlns] .clearfix {
	display: block; }

* html .clearfix {
	height: 1%; }

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

blockquote, q {
	quotes: none; }

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

table {
	border-collapse: collapse;
	border-spacing: 0; }

form {
	display: inline; }

input[type="text"], input[type="password"], input[type="url"], textarea {
	border: 2px solid #c8c8c8;
	padding: 0 1em; }

input[type="text"], input[type="password"], input[type="url"] {
	height: 4em; }

input[type="submit"] {
	text-transform: uppercase;
	background-image: linear-gradient(#a2c142 0%, #92b23b 100%);
	color: white;
	border: 0;
	/* border-radius: 5px; */
	font-weight: 700;
	font-size: .8em;
	height: 3.9em; }

button, input[type="submit"] {
	font-weight: bold;
}

#wpcf7-f375-p2-o1 input[type="text"], input[type="password"], input[type="url"] {
	margin-bottom: 5px; }

textarea {
	padding-top: 1em; }

@font-face {
	font-family: 'fontello';
	src: url("font/fontello.eot?67187403");
	src: url("font/fontello.eot?67187403#iefix") format("embedded-opentype"), url("font/fontello.svg?67187403#fontello") format("svg"), url("font/fontello.woff?67187403") format("woff"), url("font/fontello.ttf?67187403") format("truetype");
	font-weight: normal;
	font-style: normal; }

[class^="icon_"]:before, [class*=" icon_"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */
	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;
	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;
	margin-left: .2em;
	text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); }

div.searchbox:before {
	font-family: 'fontello';
	speak: none;
	font-variant: normal;
	text-transform: none;
	text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
	content: '\e803'; }

.icon_facebook:before {
	content: '\e800'; }

.icon_gplus:before {
	content: '\e802'; }

.icon_twitter:before {
	content: '\e801'; }

.icon_down:before {
	content: '\e804'; }

.icon_left:before {
	content: '\e805'; }

.icon_right:before {
	content: '\e806'; }

.icon_up:before {
	content: '\e807'; }

/*
	GLOBAL ELEMENTS
*/
* {
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ie-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	-webkit-text-stroke: 1px rgba(0,0,0,.15);
	-webkit-font-smoothing: antialiased;
	text-shadow: 0px 0px 1px rgba(0,0,0.15);
	-webkit-text-shadow: 0px 0px 1px rgba(0,0,0.15); }

html[lang] {
	margin-top: 0 !important;
	padding-top: 0 !important; }

.big_container {
	width: 90%;
	max-width: 1024px;
	min-width: 550px;
	padding: 10px 0;
	margin: auto;
	position: relative; }

body, html {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400; }

h1, h2, h3, h4, h5, h6 {
	font-family: 'Merriweather';
	font-weight: 900; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit; }

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

a:hover {
	text-decoration: underline; }

a img:hover {
	box-shadow: -4px 4px 0px rgba(158, 193, 67, 0.25); }

small {
	font-size: 80%; }


body > header {
	background-color: #000;
	width: 100%;
	padding-top: 4px; }

body > header nav, body > header ul, body > header li {
	display: inline-block;
	vertical-align: middle; }

body > header h1 {
	margin: auto;
	width: 369px;
	height: 90px;
	background-image: url(/images/substance_logo.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center; }

body > header h1 a {
	display: block;
	width: 100%;
	height: 100%;
	color: rgba(0,0,0,0);
	-webkit-text-stroke: 0;
	text-shadow: none; }

body > header h1 a:hover { text-decoration: none; color: rgba(0,0,0,0); }

body > header ul.login {
	text-align: right;
	width: 50%;
	position: absolute;
	right: 0;
	top: 15px;
	color: #b1b1b1;
	font-size: .75em;
	padding: 0; }

body > header ul.login a {
	padding: .25em .5em;
	border-radius: 5px; }

body > header ul.login a:hover {
	cursor: pointer;
	font-weight: normal;
	background-color: #fff;
	text-decoration: none; }

body.logged-in > header ul.login li:first-child, body.wp-admin > header ul.login li:first-child {
	display: block;
	margin-bottom: 5px;
	font-size: 1em; }
body > header ul.login li {
	display: inline-block;
	padding: 4px;
	font-size: 1.25em;
}

body > header ul.login a {
	display: inline; }

body > header #nav {
	position: absolute;
	right: 0;
	bottom: 6px; }

body > header nav {
	margin: 0 auto;
	width: 100%; }

ul#menu-header-navigation {
	width: 100%;
	margin: 1.25em auto .25em;
	display: block;
	min-width: 1020px;
	text-align: center; }

ul#menu-header-navigation > li {
	height: 1.25em;
	position: relative;
	padding-left: 2em; }

ul#menu-header-navigation > li:first-child {
	padding-left: 0em; }

ul#menu-header-navigation > li > a {
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 85%;
	border-radius: 4px;
	width: 100%;
	height: 100%;
	display: block;
	margin-top: 7px;
	padding: 3px 10px; }

ul#menu-header-navigation > li > a:hover {
	color: #db181c;
	background-color: white;
	text-decoration: none }
ul#menu-header-navigation ul.categories {
	list-style-type: none;
	text-align: left;
	font-size: .9em;
}
ul#menu-header-navigation ul.categories li {
	border-bottom: none;
	display: inline-block;
	text-align: left;
	padding: .5em;
	font-weight: bold;
	text-transform: uppercase;
	width: auto;
}

footer {
	width: 100%;
	text-align: center;
	padding: 1em 0 1.5em; }

footer > .big_container {
	border-top: 3px solid #000; }

footer nav, footer ul, footer li {
	display: inline-block; }

footer > .big_container > nav > ul { text-align: center; }

footer a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: inherit; }

footer li {
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
	font-size: .85em;
	padding: .5em .3em;
	border-radius: 5px; }

footer li:first-child {
	margin-left: 2em; }

footer li:hover {
	background-color: #db181c;
	color: #fff; }

footer li a {
	display: block;
	width: 100%;
	height: 100%; }


	.copyright{
		font-size:11px;
		color:#000;
		font-family: 'Open Sans';
		border-top: 1px solid #000;
	    padding-top: 10px;
	    margin-top: 10px;
	}

	/*nested to override styles*/
	.copyright .copyright__text {
		text-align: center;
	}

	.copyright .copyright__disclaimer {
		padding-top: 3px;
		text-align: center;

	}


article {
	padding: 10px 0;
	background-color: #fff; }

article h1 {
	line-height: 1.2em;
	font-size: 200%;
	margin: 15px 0; }

/*
	CONTENT ELEMENTS
*/
.synopsis p {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.75em;
	font-weight: bold; }

.author_info {
	width: 25%;
	min-width: 15em;
	float: right;
	font-size: .8em;
	margin-left: 1.5em;
	margin-bottom: 2em;
	border-left: 3px solid #f0f0f0;
	padding-left: 1.5em; }

.author_info div {
	float: right;
	/*clear: right; */ }

.author_info img {
	float: left;
	margin-right: 10px; }

.author_info label {
	display: block;
	padding: 5px 0; }

.author_info a {
	color: red;
	text-decoration: none;
	font-weight: bold; }

.author_info .post_date {
	clear: both;
	padding-top: 1em;
	color: rgba(0,0,0,.6);
	font-style: italic;

}

.article_voting {
	white-space: nowrap;
	position: absolute;
	right: 0;
	padding-top: 10px;
}

.synopsis .vote_arrows {
	padding: 0 2%;
	margin-top: -5px; }

.synopsis .vote_arrows button:before {
	font-size: 1.5em; }

.synopsis .vote_arrows li {
	width: 2.5em;
	height: 2.5em; }

.synopsis .points {
	vertical-align: sub;
	text-align: left;
	padding: 0.3em 1em 0em 0em;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	line-height: 1.1em;
	font-size: .8em;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	height: 38px;
	background-color: #000;
	color: #FFFF05;
	margin: 0; }

.synopsis .points em {
	text-align: center;
	color: black;
	font-size: 2.3em;
	display: block;
	float: left;
	margin: -0.13em 0.25em -0.25em -0.25em;
	padding: .4em;
	height: 38px;
	background-color: #ffff05; }

.synopsis .points.up {
	background-color: #000;
	color: #ffff05; }

.synopsis .points.down {
	background-color: #000;
	color: #cacaca; }

.synopsis .points span {
	color: rgba(0,0,0,0);
	text-indent: -9999px; }

.synopsis .points span:before {
	content: 'SUBSTANCE SCORE';
	color: #ffff05; }

.content {
	padding-top: 1em;
	text-align: center;
	margin-bottom: 2em; }

.content > p {
	font-size: 1em;
	margin: 0 auto 2em;
	text-align: left;
	line-height: 1.75em; }

.content .media {
	background-color: #f0f0f0;
	margin: 1em 0;
	position: relative; }

.content .media .share_overlay {
	display: none;
	position: absolute;
	left: -5px;
	top: 50%;
	margin-top: -4em;
	background-color: #fdfdfd;
	background-image: linear-gradient(to right, #d7d7d7 0%, #f0f0f0 10%, #fdfdfd 100%);
	padding: .5em 1em;
	box-shadow: 1px 1px 3px #000;
	z-index: 9999; }

.content .media .share_overlay .share_button {
	display: block;
	margin-bottom: .5em;
	padding-left: 1em; }

.content .media .share_overlay .share_button:last-child {
	margin-bottom: 0; }

.content .info {
	font-size: .8em;
	line-height: 1.3em;
	margin: 3em 0 2em; }

.content .info label {
	display: inline-block;
	text-align: right;
	width: 6%;
	font-weight: bold;
	color: #db181c;
	min-width: 62px;
	vertical-align: top; }

.content .info p {
	padding-left: .5em;
	display: inline-block;
	width: 90%;
	text-align: left; }

.content .info li {
	margin-bottom: .5em; }

.share_button {
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	transform: scale3d(1.2,1.2,1.2);
	-webkit-transform: scale3d(1.2,1.2,1.2);
	-moz-transform: scale3d(1.2,1.2,1.2);
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;

}

.share_button.visible {
	-webkit-transform: scale3d(1,1,1);
	-moz-transform: scale3d(1,1,1);
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
}

.content > .share_button {
	width: 40%;
}

.comments_container {
	display: inline-block;
	vertical-align: top;
	width: 66%;
	position: relative; }

.comments_container h3 {
	display: inline-block;
	font-size: 1.2em; }

.add_comment_container {
	margin: 20px auto;
	padding-top: 20px;
}

.comments_container a.add_comment {
	display: inline-block;
	position: absolute;
	right: 2em;
	text-decoration: none;
	text-transform: uppercase;
	color: #db181c;
	font-size: .8em;
	font-weight: bold;
}

button.add_comment:hover { cursor: pointer; }

.comments_container .conversation {
	padding-right: 2em; }

.comments_container .conversation h4 {
	width: 100%;
	padding: 1em;
	margin: 1em 0;
	font-size: .8em;
	font-family: 'Open Sans', sans-serif;
	color: #646464;
	background-color: #f0f0f0; }

.comments_container .conversation .comment {
	clear: both;
	position: relative;
	border-top: 2px solid #cacaca;
	padding-top: 1em;
	padding-bottom: .75em; }

.comments_container .conversation .comment img {
	float: left;
	margin-right: 1em; }

.comments_container .conversation .comment .vote_arrows {
	float: right;
	margin-left: 1em; }

.comments_container .conversation .comment .vote_arrows li {
	display: block;
	margin-bottom: .5em; }

.comments_container .conversation .comment .vote_arrows li:last-child {
	margin-bottom: 0; }

.comments_container .conversation .comment .vote_arrows li button {
	color: #fff; }

.comments_container .conversation .comment .comment-metadata { }

.comments_container input[type="submit"] {
	border-radius: 5px; }

.comments_container .conversation .comment h5 {
	font-family: 'Open Sans', sans-serif;
	/*margin: 1em 0 .5em;*/
	line-height: 1.2em;
	/*font-size: .9em;*/ }

.comments_container .conversation .comment p {
	/*font-size: .8em;*/
	line-height: 1.2em;
	padding-right: 40px; }

.comments_container .conversation .comment:first-child {
	border-top: 0;
	padding-top: 0; }

/*.comments_container .conversation .comment:last-child {
	margin-bottom: 10px; }*/

.comments_container .conversation .children {
	padding-left: 87px;
	border-top: 0;
	padding-top: 1.5em; }

.comments_container .conversation .children .comment {
	border-top: 0; }

.comments_container .conversation .children .comment:first-child {
	padding-top: 0; }

/* child of a child comment */
.comments_container .conversation .children .comment .children .comment {
 }


.comments_container .ajax_load_more, .load_more {
	color: #fff;
	background-color: #a0c230; }

.comments_container .ajax_load_more:hover, .load_more:hover {
	background-image: linear-gradient(#a0c230 0%, #7e9926 100%); }

.other_articles {
	display: inline-block;
	vertical-align: top;
	width: 33%;
	margin-top: -0.8em; }

.other_articles h3 {
	line-height: 1.2em ;
	font-size: 1.2em;
	margin: .5em 0; }

.other_articles .article img {
	width: 100%;
	height: auto; }

.other_articles .article h4 {
	margin: 1em 0; }

.other_articles .article p {
	margin-bottom: 1.5em;
	font-size: .9em;
	line-height: 1.4em; }

.other_articles .article_scroller {
	float: right; }

.other_articles .article_scroller li {
	display: inline-block; }

.other_articles .article_scroller button {
	border: 0;
	border-radius: 3px;
	background-color: #e4e4e4;
	color: #fff; }

.other_articles .article_scroller button:hover {
	background-color: #db181c;
	cursor: pointer; }

.other_articles .article_scroller_target li {
	display: none; }

.other_articles .article_scroller_target li.active {
	display: block; }

.share_button {
	display: inline-block;
	text-transform: uppercase;
	text-align: left;
	color: #fff;
	font-size: .9em;
	font-weight: 600;
	border-radius: 5px;
	position: relative;
	height: 4em;
	width: 33%; }

.share_button a {
	text-align: center;
	text-decoration: none;
	color: white;
	display: block;
	width: 100%;
	padding: 1.5em 3em 1.5em 2.5em;
	height: 100%; }

.share_button:before {
	font-family: 'fontello';
	margin-right: .75em;
	font-size: 1.33em;
	display: block;
	position: absolute;
	left: 15%;
	top: 1em; }

.share_button.facebook {
	background-color: #3b5997; }

.share_button.facebook:hover {
	background-image: linear-gradient(#3b5997 0%, #2d4372 100%); }

.share_button.facebook:before {
	content: '\e800'; }

.share_button.twitter {
	background-color: #2eb2e3; }

.share_button.twitter:hover {
	background-image: linear-gradient(#2eb2e3 0%, #1a96c4 100%); }

.share_button.twitter:before {
	content: '\e801'; }

.share_button:hover {
	cursor: pointer; }

a.more {
	color: #db181c;
	text-decoration: none;
	font-weight: bold; }

a.more:hover {
	text-decoration: underline; }

.ajax_load_more, .profile_load_more, button.add_comment, .feed_load_more, .load_more {
	background-image: linear-gradient(#a0c230 0%, #7e9926 100%);
	color: #fff;
	border: 2px solid #cacaca;
	box-shadow: 1px 1px 3px #7e7e7e;
	width: 40%;
	margin-left: 30%;
	margin-bottom: 2em;
	padding: 1em;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: bold;
	border: 0;
	border-radius: 5px;
	position: relative; }
button.add_comment:after {
	width: auto;
	background-image: url(img/arrow.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.ajax_load_more:hover, .profile_load_more:hover, .feed_load_more:hover, .load_more:hover {
	background-image: linear-gradient(#a0c230 100%, #7e9926 0%);
	cursor: pointer; }

.loading:before {
	content: ' ';
	background-image: url(data:image/gif;base64,R0lGODlhEAAQAPQAAAAAAP///wYGBsbGxnp6evj4+NjY2CgoKFZWVujo6IiIiJiYmBoaGmZmZjg4OLa2tqioqAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAFUCAgjmRpnqUwFGwhKoRgqq2YFMaRGjWA8AbZiIBbjQQ8AmmFUJEQhQGJhaKOrCksgEla+KIkYvC6SJKQOISoNSYdeIk1ayA8ExTyeR3F749CACH5BAkKAAAALAAAAAAQABAAAAVoICCKR9KMaCoaxeCoqEAkRX3AwMHWxQIIjJSAZWgUEgzBwCBAEQpMwIDwY1FHgwJCtOW2UDWYIDyqNVVkUbYr6CK+o2eUMKgWrqKhj0FrEM8jQQALPFA3MAc8CQSAMA5ZBjgqDQmHIyEAIfkECQoAAAAsAAAAABAAEAAABWAgII4j85Ao2hRIKgrEUBQJLaSHMe8zgQo6Q8sxS7RIhILhBkgumCTZsXkACBC+0cwF2GoLLoFXREDcDlkAojBICRaFLDCOQtQKjmsQSubtDFU/NXcDBHwkaw1cKQ8MiyEAIfkECQoAAAAsAAAAABAAEAAABVIgII5kaZ6AIJQCMRTFQKiDQx4GrBfGa4uCnAEhQuRgPwCBtwK+kCNFgjh6QlFYgGO7baJ2CxIioSDpwqNggWCGDVVGphly3BkOpXDrKfNm/4AhACH5BAkKAAAALAAAAAAQABAAAAVgICCOZGmeqEAMRTEQwskYbV0Yx7kYSIzQhtgoBxCKBDQCIOcoLBimRiFhSABYU5gIgW01pLUBYkRItAYAqrlhYiwKjiWAcDMWY8QjsCf4DewiBzQ2N1AmKlgvgCiMjSQhACH5BAkKAAAALAAAAAAQABAAAAVfICCOZGmeqEgUxUAIpkA0AMKyxkEiSZEIsJqhYAg+boUFSTAkiBiNHks3sg1ILAfBiS10gyqCg0UaFBCkwy3RYKiIYMAC+RAxiQgYsJdAjw5DN2gILzEEZgVcKYuMJiEAOwAAAAAAAAAAAA==);
	width: 16px;
	height: 16px;
	position: absolute;
	left: 25%;
}

.email_subscribe {
	margin: 15px 0; }
.email_subscribe:last-of-type {
	margin-top: 30px;
}

.email_subscribe h2 {
	color: red;
	font-size: 125%;
	text-align: center;
	margin-bottom: 3px; }

.email_subscribe p {
	font-size: .8em;
	line-height: 1.5em; }

.email_subscribe div.left, .email_subscribe div.right {
	display: inline-block;
	/* vertical-align: top; */ }

.email_subscribe div.left {
	width: 39%; }

.email_subscribe div.right {
	width: 60%;
	text-align: right; }

.email_subscribe ul.social_media_buttons {
	display: inline-block;
	vertical-align: middle;
	margin-right: 1em; }

.email_subscribe ul.social_media_buttons li {
	display: inline-block;
	position: relative;
	width: 3em;
	height: 3em;
	text-align: center;
	color: #fff;
	margin-left: 1em; }

.email_subscribe ul.social_media_buttons li a {
	overflow: hidden;
	line-height: 9000px;
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	opacity: .2; }

.email_subscribe ul.social_media_buttons li a:hover {
	background-color: #fff; }

.email_subscribe ul.social_media_buttons li.button_facebook {
	background-color: #3b5997; }

.email_subscribe ul.social_media_buttons li.button_facebook:before {
	content: '\e800'; }

.email_subscribe ul.social_media_buttons li.button_facebook:before:hover {
	color: #718dc7; }

.email_subscribe ul.social_media_buttons li.button_twitter {
	background-color: #2eb2e3; }

.email_subscribe ul.social_media_buttons li.button_twitter:before {
	content: '\e801'; }

.email_subscribe ul.social_media_buttons li.button_twitter:before:hover {
	color: #88d3ef; }

.email_subscribe ul.social_media_buttons li.button_gplus {
	background-color: #dd553f; }

.email_subscribe ul.social_media_buttons li.button_gplus:before {
	content: '\e802'; }

.email_subscribe ul.social_media_buttons li.button_gplus:before:hover {
	color: #eca296; }

.email_subscribe ul.social_media_buttons li:before {
	font-family: 'fontello';
	font-size: 150%;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: .5em; }

.email_subscribe input {
	font-size: 1em;
	height: 49px;
	padding: 0 1em;
	margin: 0;
	width: 30%;
	vertical-align:bottom; }

.email_subscribe input[type="email"] {
	border: 2px solid #c8c8c8;
	border-right: none;
	background-color: #f1f2f2; }

.inner input {
	width: 60%; }

.email_subscribe input[type=submit] {
	text-transform: uppercase;
	background-color: #db181c;
	/*background-image: linear-gradient(#a2c142 0%, #92b23b 100%);*/
	background-image: linear-gradient(#a0c230 0%, #7e9926 100%);
	color: white;
	border: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	font-weight: 700;
	font-size: .8em;
	/* height: 3.9em; */
	height: 49px;
	width: 25%; }

.email_subscribe input[type=submit]:active {
	background-image: linear-gradient(#a2c142 0%, #92b23b 100%); }

.email_subscribe input[type=submit]:hover {
	cursor: pointer;
	background-image: linear-gradient(#a2c142 0%, #92b23b 100%); }

.email_subscribe.inner {
	padding: 5em;
	background-color: #fdfdfd; }

.email_subscribe.inner input {
	/* height: 4em !important; */
	height: 48px !important;
	padding: 0 1em;
	margin: 0;
	background-color: #fff; }

.email_subscribe.inner input[type="email"] {
 	width: 60% !important;
	display: inline-block; }

.email_subscribe.inner input[type=submit] {
	/* height: 4.333em; */
	height: 49px; }

.email_subscribe.inner .cta {
	font-family: cursive;
	font-style: italic;
	font-size: 1em;
	padding: 10px; }

#carousel {
	margin: 30px 0;
	width: 100%;
	height: 335px;
	overflow: hidden;
	position: relative; }

#carousel > li {
	display: inline-block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 100%;
	transition: all 1s ease-in-out;
	z-index: 1;
	opacity: 0; }

#carousel > li.active {
	left: 0;
	z-index: 2;
	opacity: 1; }

#carousel > li.active_out {
	left: -100%; }

#carousel a.featured_image {
	float: left;
	width: 45%; }

#carousel a.featured_image img {
	max-width: 100%; }

#carousel .featured_story {
	height: 100%;
	padding: 25px;
	width: 55%;
	float: right; }

#carousel .featured_story img {
	float: left;
	margin-right: 1em; }

#carousel .featured_story h3 {
	font-size: 1.6em;
	line-height: 1.2em; }

#carousel .featured_story p {
	font-size: .9em;
	line-height: 1.5em;
	padding: 1em 0;
	text-overflow: ellipsis;
	max-height: 50%; }

#carousel .featured_story div.author {
	font-size: .9em;
	color: #b1b1b1;
	line-height: 1.5em;
	margin-bottom: 1em;
	margin-top: 1em; }

#carousel .featured_story div.author a {
	color: #db181c;
	text-decoration: none; }

#carousel .featured_story div.author a:hover {
	font-weight: bold; }

#carousel ul.featured_position {
	position: absolute;
	bottom: 2em;
	left: 66%; }

#carousel ul.featured_position li {
	background-color: #e4e4e4;
	width: .75em;
	height: .75em;
	border-radius: 3em;
	display: inline-block;
	margin-right: .25em; }

#carousel ul.featured_position li.active_blip {
	background-color: #db181c; }

#carousel ul.featured_position li:hover {
	cursor: pointer; }

.headlines {
	margin: 15px 0;
	clear: both; }

.headlines h2 {
	font-size: 1.2em;
	margin-bottom: 15px; }

.headlines .load_stories_container {
	margin: 20px 0 50px 0px;
	width: 100%;
	position: relative;
	clear: both; }

.load_stories_container {
	text-align: center; }

button.load_stories {
	width: 33%;
	text-transform: uppercase;
	border-radius: 3px;
	border: 0;
	padding: 1.5em 0;
	font-weight: 700;
	font-size: .67em;
	background-color: #f0f0f0; }

button.load_stories:hover {
	background-image: linear-gradient(#a2c142 0%, #92b23b 100%);
	cursor: pointer;
	color: #fff; }

.headlines .load_stories_container p.cta {
	position: absolute;
	left: 50%;
	top: 40%;
	color: #db181c;
	font-family: cursive;
	font-style: italic; }

.headlines .load_stories_container p.cta.left {
	margin-left: -40%;
	text-align: right; }

.headlines .load_stories_container p.cta.right {
	margin-left: 20%; }

ul.articles > li {
	vertical-align: top;
	display: inline-block;
	width: 33%;
	margin-bottom: 2em; }

ul.articles > li h3 {
	margin: 1em 0 .5em;
	font-size: 1em;
	padding-right: 20px;
	line-height: 1.1em; }

ul.articles > li label.points {
	text-transform: uppercase;
	font-size: .7em;
	font-weight: 700; }

ul.articles > li label {
	color: #db181c;
	font-size: .9em; }

.search_container {
	margin: 30px 0;
	padding: 3em;
	text-align: center;
	background: url(/images/bg.png); }

.search_container select {
	display: inline-block;
	width: 33%;
	padding: .66em;
	font-size: 1.0em;

	border: 0;
	height: 2.5em;
	color: #333;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0 1em 10px 0;
	padding: 6px 0; /* use this to set a specific height for your dropdown (DO NOT use the attribute 'height') */
	cursor: pointer;
	text-indent: 3px;
	text-overflow: "";
	background: url('/images/down_arrow.png') no-repeat 100% 4px #eaeaea; /* add your own arrow image */
	*background-image: none; /* turn bg image for IE7 */
	background: url('/images/down_arrow.png') no-repeat 100% 0px #eaeaea; /* fallback bg image*/
	background: url('/images/down_arrow.png') no-repeat 100% 0px, -webkit-linear-gradient(top, #eaeaea, #dddddd);
	background: url('/images/down_arrow.png') no-repeat 100% 0px, -moz-linear-gradient(top, #eaeaea, #dddddd);
	background: url('/images/down_arrow.png') no-repeat 100% 0px, -ms-linear-gradient(top, #eaeaea, #dddddd);
	background: url('/images/down_arrow.png') no-repeat 100% 0px, -o-linear-gradient(top, #eaeaea, #dddddd);
	background: url('/images/down_arrow.png') no-repeat 100% 0px, linear-gradient(top, #eaeaea, #dddddd);
	-webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
	-moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
	-ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
	appearance: none;
	padding-top: 9px;
	padding-bottom: 6px; }
.search_container select:hover {
	color: black;
	background: url('/images/down_arrow.png') no-repeat 100% 0px, linear-gradient(white 0%, #e4e4e4 100%);
}

.searchbox {
	display: inline-block;
	position: relative;
	width: 33%;
	height: 2.2em;
	font-size: 1.1em; }

.searchbox:before {
	position: absolute;
	top: 1em;
	left: .67em;
	z-index: 1;
	line-height: 0.3em; }

.searchbox input {
	width: 100%;
	height: 100%;
	font-size: 1em;
	padding: .5em .5em .5em 2em;
	border: 2px solid #c6c6c6; }
.searchbox.home_top_search {
	position: absolute;
	top: 1.5em;
}

ul.vote_arrows {
	display: inline-block;
	margin-left: .5em;
	margin-right: .5em;
	vertical-align: middle; }

ul.vote_arrows > li {
	display: inline-block;
	width: 1.5em;
	height: 1.5em; }

ul.vote_arrows button {
	text-align: center;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	border: 0;
	color: #000;
	background-color: #e4e4e4; }

ul.vote_arrows button:hover {
	background-color: #db181c;
	color: #fff;
	cursor: pointer; }

ul.vote_arrows button.active {
	background-color: #db181c;
	color: #fff; }

ul.vote_arrows button.active:hover {
	background-color: black;
	color: #fff; }

ul.vote_arrows button span {
	display: none; }

ul.vote_arrows button.vote_up:before, ul.vote_arrows button.vote_down:before {
	font-family: 'fontello'; }

ul.vote_arrows button.vote_up:before {
	content: '\e807'; }

ul.vote_arrows button.vote_down:before {
	content: '\e804'; }

.profile {
	background: #fff;
	margin-top: 1em;
	margin-bottom: 2em; }

.profile_text_wrap {
	background: url(/images/bg.png);
	margin-left: 128px;
	padding: 10px; }

.profile > img {
	float: left;
	margin-right: 1em; }

button.follow {
	float: right;
	padding: 1em 3em;
	color: white;
	background-color: #db181c;
	border: 0;
	border-radius: 5px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 1em; }

button.follow.unfollow {
	background-image: linear-gradient(#a2c142 0%, #92b23b 100%); }

button.follow:active, button.follow:focus {
	cursor: pointer;
	background-image: linear-gradient(#ad1316 0%, #db181c 100%); }

button.follow:hover {
	cursor: pointer;
	background-image: linear-gradient(#db181c 0%, #ad1316 100%); }

.profile h1 {
	padding: .1em 0;
	margin-top: 0px; }

.profile hr {
	border: 0;
	height: 3px;
	background-color: #e4e4e4;
	margin: 0; }

.profile .stats {
	width: 70%; }

.profile .stats li {
	display: inline-block;
	text-align: center;
	font-size: 1.5em;
	color: #646464;
	font-weight: bold;
	margin-top: .25em; }

.profile .stats li label {
	font-size: .45em;
	display: block;
	color: #db181c;
	text-transform: uppercase;
	margin: .5em 1em; }

.profile .follow_button {
	float: right;
	margin-top: -10px; }

.profile .like_button {
	float: right;
	margin-top: -9px;
	margin-right: 10px; }

.profile p {
	font-size: .9em;
	line-height: 1.2em;
	color: #313131;
	margin: 1em 0;
	padding-left: 10px;
	width: 60%; }

.profile_articles_tabs {
	clear: both;
	width: 100%;
	border-bottom: 2px solid #e4e4e4; }

.profile_articles_tabs li { display: inline-block; }
.profile_articles_tabs li a:hover { text-decoration: none; }
.profile_articles_tabs li a {
	color: #000;
	text-transform: uppercase;
	display: inline-block;
	margin: 0 .75em -2px;
	padding: 1.5em 2em;
	font-size: .8em;
	font-weight: bold;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px; }

.profile_articles_tabs li.active_tab a {
	border: 2px solid #e4e4e4;
	border-bottom: 3px solid #fff;
	background-image: linear-gradient(#f0f0f0 0%, white 100%); }

.profile_articles_tabs li.active_tab:hover {
	background-color: white; }

.profile_articles_tabs li a:hover {
	cursor: pointer;
	background-color: #f0f0f0;
	 }

.profile_tabs_content {
	padding: 1em;
	border-bottom: 2px solid #e4e4e4; }

.profile_tabs_content > li {
	display: none; }

.profile_tabs_content > li.active_tab {
	display: block; }

.profile_articles_filters div.searchbox {
	display: inline-block;
	float: right;
	position: relative;
	top: .5em;
	margin-bottom: 1em; }

.profile_articles_filters div.searchbox:before {
	position: absolute;
	z-index: 1; }

.profile_articles_filters .searchbox input {
	width: 100%;
	height: 2.67em;
	padding: .5em .5em .5em 2.5em;
	border: 2px solid #c4c4c4; }

.profile_articles {
	clear: both; }

.ajax_login_modal {
	display: none; }

.mobileonly {
	display: none; }

@media screen and (max-width:1124px) {
	.main_nav li:first-child {
		padding-left: 0;
	}
	.main_nav li {
		padding-left: 1.5em;
	}
	.email_subscribe input {
		width: 25%;
	}
	.inner input {
		width: 57%;
	}
	.interact {
		margin-top: 5em;
	}
}

@media screen and (max-width:960px) {
	.hidemobile {
		display: none !important;
	}
	body > header nav {
		margin: 0;
	}
	.mobileonly {
		display: block;
		width: 220px;
		margin-top: -4.5em;
		float: right;
		position: absolute;
		//bottom: -12px;
		right: 0px;
	}

	.mobileonly select::-ms-expand {
		display: none; /* hide default arrow in IE10 */
	}
	.mobileonly select {
		width: 100%; /* Set width. Do not set height else it will fail in IE8-10. Use padding for height. */
		color: #333;
		font-weight: normal;
		font-size: 1.2em;
		line-height: 1.2em;
		margin: 0 0 10px;
		padding: 6px 0; /* use this to set a specific height for your dropdown (DO NOT use the attribute 'height') */
		border: 0 none;
		cursor: pointer;
		text-indent: 0.01px;
		text-overflow: "";
		background: url('/images/down_arrow.png') no-repeat 100% 4px #eaeaea; /* add your own arrow image */
		*background-image: none; /* turn bg image for IE7 */
		background: url('/images/down_arrow.png') no-repeat 100% 0px #eaeaea; /* fallback bg image*/
		background: url('/images/down_arrow.png') no-repeat 100% 0px, -webkit-linear-gradient(top, #eaeaea, #dddddd);
		background: url('/images/down_arrow.png') no-repeat 100% 0px, -moz-linear-gradient(top, #eaeaea, #dddddd);
		background: url('/images/down_arrow.png') no-repeat 100% 0px, -ms-linear-gradient(top, #eaeaea, #dddddd);
		background: url('/images/down_arrow.png') no-repeat 100% 0px, -o-linear-gradient(top, #eaeaea, #dddddd);
		background: url('/images/down_arrow.png') no-repeat 100% 0px, linear-gradient(top, #eaeaea, #dddddd);
		-webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
		-moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
		-ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
		appearance: none; }

	.mobileonly select option {
		background: #fff; /* style the dropdown bg color */ }

	.big_container {
		width: 100%;
		padding: 0;
	}
	.big_container > h1, .big_container > div {
		padding-left: 1em;
		padding-right: 1em;
	}
	.headlines {
		margin-top: 30px;
	}
	body > header {
		padding: 1em;
	}
	body > header ul.login {
		top: 0;
	}

	body > header h1 {
		width: 50%;
		margin: 0;
	}

	article {
		padding-top: 0;
	}

	#carousel {
		height: 600px;
		margin: 0;
	}
	#carousel .featured_story {
		width: 100%;
		position: absolute;
		top: 335px;
		height: 400px;
	}
	#carousel > li {
		height: auto;
	}
	#carousel a.featured_image {
		width: 100%;
		height: 300px;
		text-align: center;
		margin-bottom: 1em;
	}
	#carousel ul.featured_position {
		left: inherit;
		right: 2em;
		bottom: 10em;
	}
	#carousel ul.featured_position li {
		width: 1.5em;
		height: 1.5em;
	}

	ul.articles > li h3 {
		padding-top: 1em;
		font-size: 1.2em;
		line-height: 1.2em;
	}
	ul.articles > li {
		display: block;
		width: 100%;
		clear: both;
		margin-bottom: 15px;
	}
	ul.articles > li img {
		max-width: 300px;
		margin: 0;
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -150px;
	}
	ul.articles > li > a {
		width: 33%;
		height: 175px;
		margin-right: 1em;
		margin-bottom: 1em;
		display: inline-block;
		overflow: hidden;
		float: left;
		position: relative;
	}

	ul.users li {
		font-size: .8em;
	}

	.headlines h2, ul.users, .email_subscribe {
		padding-left: 1em;
	}

	.email_subscribe div.right {
		width: 100%;
		text-align: left;
		margin-top: 60px;
	}

	.email_subscribe ul.social_media_buttons {
		margin-right: 0;
	}
	.email_subscribe ul.social_media_buttons li {
		margin-left: 0;
	}

	.email_subscribe.inner {
		padding: 1em;
	}
	.email_subscribe.inner input[type=email] {
		width: 65%;
	}
	.email_subscribe.inner input[type=submit] {
		width: 28%;
	}
	.email_subscribe.inner > div.left {
		width: 100%;
	}
	.email_subscribe.inner > div.right {
		width: 100%;
		text-align: center;
		margin-top: 1em;

	}
	.email_subscribe p {
		width: 70%;
	}
	.email_subscribe.inner .left .cta {
		-moz-transform: scaleY(-1);
		-o-transform: scaleY(-1);
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
		filter: FlipV;
		-ms-filter: "FlipV";
		background-position: -35% 150%;
	}
	.search_container {
		padding: 1em;
	}
	.search_container select {
		width: 100%;
		margin-bottom: 1em;
	}
	.search_container .searchbox {
		width: 100%;
	}

	.searchbox.home_top_search {
		position: absolute;
		top: .5em;
	}
	.searchbox.home_top_search:before {
		left: 1.67em;
	}

	.synopsis .vote_arrows {
		padding: 0 1em;
	}

	.interact, .article_voting {
		text-align: center;
		display: block;
		float: none;
		width: 100%;
	}
	.article_voting { margin-bottom: 1em; padding-top: 0; }
	.interact .share_button {
		width: 48%;
		margin-bottom: 1em;
	}

	footer {
		padding-bottom: 1em;
	}

	.load_more.loading:before {
		left: 16px;
	}
}
@media screen and (max-width:700px) {
	.interact .share_button { width: 40%; }
}

.cta {
	visibility: hidden; }

#respond {
	margin-top: 1em;
	/* display: none; */ }

#respond p {
	font-size: .9em;
	margin: 10px 0; }

#respond .comment-form-comment label {
	display: block; }

.ajax_login_modal {
	background-color: rgba(0, 0, 0, 0.6);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10; }

.ajax_login_modal > div {
	width: 20em;

	background-color: white;
	margin: 5em auto;
	padding: .8em 1em .15em; }

.lwa {
	border-radius: 5px;
}
.lwa h3 {
	padding-top: 4px;
	margin-bottom: 14px;
	display: inline-block;
}

.lwa input[type=text], .lwa input[type=password] {
	width: 100%;
	padding: .5em;
	background-color: #f2f2f2;
	border: 2px solid #adadad;
	margin-bottom: 10px; }

.lwa input[type=text]:focus, .lwa input[type=password]:focus {
	background-color: white; }

.lwa input[type=submit] {
	width: 100%;
	text-transform: uppercase;
	background-color: #db181c;
	background-image: linear-gradient(#a2c142 0%, #92b23b 100%);
	border: 0;
	border: 2px solid #c8c8c8;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: white;
	font-weight: bold;
	padding: .5em;
	margin-bottom: 6px; }

.lwa input[type=submit]:hover {
	cursor: pointer;
	background-image: linear-gradient(#a2c142 100%, #92b23b 0%); }

.lwa p {
	line-height: 1.4em; }

.lwa_bottom {
	font-size: .75em;
	vertical-align: bottom;
	margin-top: 5px; }

.lwa_bottom a {
	color: black;
	display: block;
	margin-bottom: .75em;
 }
 .lwa .ajax_show_registration {
 	font-weight: bold;
 	margin-bottom: -5px;
 }

.lwa-register p {
	font-size: 90%; }

.rememberme {
	display: inline-block;
	width: 50%;
	text-align: left;
	color: #8d8d8d;
	font-size: .8em;
	margin-bottom: 10px;
	padding-top: 1px; }

.rememberme label {
	vertical-align: text-top; }

.ajax_show_retrieve {
	float: right; }

.lwa form { clear: both; }

/* registration and login tabbing */
#lwa_area_login {
	display: block; }

#lwa_area_register, #lwa_area_retrieve {
	display: none; }



.oneall_social_login {
	height: 40px;
	overflow: hidden;
	margin-bottom: .75em; }

#wpadminbar,
#wp-admin-bar-wp-logo,
.update-nag {
	display: none; }

p.description.description-thin {
	width: 95%;
	height: inherit; }

.category_preview {
	display: none;
	position: absolute;
	left: 0;
	top: 170%;
	width: 28em;
	padding: 1em 1em .5em;
	z-index: 5;
	border-radius: 3px;
	border: 1px solid #e4e4e4;
	box-shadow: -0.5em 0.5em 0 rgba(0, 0, 0, 0.15);
	background: #f0f0f0 linear-gradient(white 0%, #e4e4e4 100%); }

li:last-child .category_preview {
	margin-left: -220px;
}
li:last-child .category_preview:before {
	left: 280px;
}

.category_preview a {
	display: inline;
	padding: 0; }

.category_preview a:hover {
	text-decoration: none;
}

.category_preview p {
	color: #db181c;
	margin-top: 4px;
	font-size: .9em; }

.category_preview h3 {
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	padding: .15em 0 .5em;
	font-size: 2em; }

.category_preview h4 {
	font-family: 'Open Sans', sans-serif;
	display: inline-block;
	padding: .5em 1em .5em 0;
	color: #db181c;
}
.category_preview h4:last-of-type {
	padding-right: 0;
}

.category_preview img {
	float: left;
	margin-right: 1em;
	width: 80px; }

.category_preview ul {
	width: 100%;
	border-top: 2px solid black; }

.category_preview li {
	clear: both;
	width: 100%;
	border-bottom: 2px solid #b1b1b1;
	padding: .67em;
	text-align: left; }

.category_preview li:last-child {
	border-bottom: none; }

.category_preview h5 {
	padding-top: .5em;
}
.category_preview:before {
	display: block;
	content: ' ';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	position: absolute;
	left: 64px;
	top: -9px;
	z-index: 4; }

.category_preview:after {
	display: block;
	/*content: ' ';*/
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid rgba(0,0,0,.15);
	position: absolute;
	left: 60px;
	top: -5px;
	z-index: 3; }

ul.users h4 {
	margin: .75em 0 .2em; }

ul.users h5 {
	font-family: 'Open Sans', sans-serif;
	color: #db181c;
	font-weight: normal;
	font-size: .9em;
	margin-bottom: .2em; }

.like_button {
	background-color: transparent; }

.follow_button {
	background-color: transparent; }

.like_button, .follow_button {
	text-align: center;
	margin-right: .5em;
	display: block;
	float: left;
	color: white;
	text-shadow: 1px 1px 1px black;
	font-size: .8em;
	padding: .25em;
	padding-left: 0; }

.like_button {
height: 20px;
width: 47px;
margin-left: 0px;
margin-right: 0px; }

.profile_text_wrap .like_button {
	width: 40px; }

.follow_button {
	height: 22px;
	width: 62px;
	margin-top: -1px; }

.like_button:hover, .follow_button:hover {
	cursor: pointer; }

ul.users li {
	display: inline-block;
	margin-right: 2em;
	padding-bottom: 1em; }

ul.users a {
color: inherit; }

.email_subscribe.inner,
#carousel,
#carousel > li { background-image: url(/images/bg.png); }

.email_subscribe.inner .left { position: relative; }

.email_subscribe.inner .left .cta {
	display: block;
	width: 106px;
	height: 50px;
	position: absolute;
	left: 80%;
	bottom: -2em;
	background-image: url(/images/handdrawn_arrow.png);
	background-repeat: no-repeat;
visibility: visible; }


/* single post page css, responsive video embed & share buttons */

.content .media {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden; }

.content .media iframe,
.content .media object,
.content .media embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%; }

.share_overlay .share_button {
width: 10em; }

.share_overlay .facebook {
margin-right: 0 !important; }

.author_info .author_social_wrap {
clear: both;
margin-left: 58px;
margin-top: 4px;
position: absolute; }

.content .info li {
text-align: left; }

.content .info li p {
width: auto; }

.interact .facebook, .content .facebook {
margin-right: 1.5em; }

.content .email_subscribe h2, .content .email_subscribe p {
text-align: left;
width: 91%; }

/* profile */
.profile_articles_filters div.searchbox:before {
left: .5em;
top: .5em; }

.close_button {
	display: block;
	cursor: pointer;
	float: right;
	background-image: linear-gradient(#a2c142 0%, #92b23b 100%);
	color: white;
	border: 0;
	padding: 3px 6px;
	border-radius: 2px;
	font-weight: lighter;
	font-size: .8em;
	margin-bottom: 10px;
	width: 16px;
	height: 16px; }

.close_button:before { content: 'X';
	margin-left: -1px; }

.lwa_form li > p { font-size: .9em;}

ul.feed_content > li {
	display: block;
	border-radius: 5px;
	border: 1px solid #e4e4e4;
	box-shadow: .25em .25em .25em rgba(0,0,0,.15);
	padding: 1em;
	background-color: rgba(0,0,0,.05);
	margin-bottom: 1em;
	clear: both; }

ul.feed_content h5 a {
	color: #db181c; }

ul.feed_content h5 img {
	margin-right: .5em;
	vertical-align: middle; }

ul.feed_content p.feed_content {
	font-size: .95em;
	margin-top: .5em;
	line-height: 1.4em; }

ul.feed_content p.feed_content img {
	float: left;
	vertical-align: top;

	margin-right: 1em; width: 150px !important; height: 100px !important; }

ul.feed_content .feed_date {
	float: right;
	color: #b4b4b4;
	font-size: .9em; }

.feed_users {
	white-space: nowrap;
	overflow-x: auto;
	max-height: 220px;
	margin-top: .5em; }

.feed_users li {
	white-space: normal;
	display: inline-block;
	text-align: center;
	width: 150px; }

.feed_users h6 {
	display: block;
	color: black;
	margin: .75em 0;
	font-size: .9em; }

.feed_users button.follow {
	padding: .75em 1em;
	float: none; }

.edit-link {
	float: right; }

#suggest-post {
	position: absolute;
	right: 0;
	top: 29px; }

/* admin panel styles */

#adminmenuback, #adminmenuwrap, #adminmenu {
	background-color: transparent; }

#adminmenuback a, #adminmenuwrap a, #adminmenu a {
	color: #db181c; }

#wpfooter {
	display: none; }


/* single post specific styles for user content */

@font-face {
	font-family: 'icons';
	src: url('font/icons/webfont.eot?-c7seif');
	src: url('font/icons/webfont.eot?#iefix-c7seif') format('embedded-opentype'),
		url('font/icons/webfont.woff?-c7seif') format('woff'),
		url('font/icons/webfont.ttf?-c7seif') format('truetype'),
		url('font/icons/webfont.svg?-c7seif#icons') format('svg');
	font-weight: normal;
	font-style: normal; }

[class^="icon"], [class*=" icon"] {
	font-family: 'icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }

.iconquote-up:before {
	content: "\e602"; }

.iconquote-down:before {
	content: "\e603"; }

.single-post p, .single-post ol, .single-post ul, .single-post address, .single-post pre {
	text-align: left; }

.content ol  {
	list-style-type: decimal;
	margin: 25px; }

.content ul:not(.info) {
	list-style-image: url('img/bullet-sm.png');
	margin: 25px; }
.content ul li, .content ol li {
	text-align: left;
	font-size: .9em;
	line-height: 1.5em;
}

.single-post .content ul.info {
	list-style-image: none;
	list-style-type: none; }


.single-post .content .wp-caption {
	margin-bottom: 20px; }

.single-post .content .wp-caption.alignleft, .single-post .content .wp-caption.alignnone {
	text-align: left; }
.wp-caption.aligncenter {
	margin-left: auto;
	margin-right: auto;
}

.single-post .content .wp-caption-text {
	display: inline-block;
	margin-top: 3px;
	padding: 5px;
	font-size: .9em;
	text-align: left;
	font-style: italic; }

.single-post .content a img:hover {
	box-shadow: none;
	border-radius: 0px; }

.single-post .content blockquote {
	margin: 0 0 20px 0;
	position: relative;
	background-image: url(/images/bg.png);
	padding: 25px 50px;
	text-align: left; }

.single-post .content blockquote:before {
		font-family: "icons";
		content: "\e602";
		color: #99cc33;
	color: rgba(153,204,51,.5);
	font-size: 2em;
	position: absolute;
	left: 5px;
	top: 8px; }

.single-post .content blockquote:after {
		font-family: "icons";
		content: "\e603";
		color: #99cc33;
	color: rgba(153,204,51,.5);
	font-size: 3em;
	position: absolute;
	right: 10px;
	bottom: 10px; }

.single-post .content blockquote p {
	font-style: italic;
	line-height: 1.3em; }

.single-post .content blockquote p:last-child {
	margin-top: 5px; }

.single-post .content blockquote em {
	background-color: transparent;
	padding: 0;
	color: #db1a21; }

.single-post .content h1, .feed_content h1 {
	color: #db181c; }

.single-post .content h2, .feed_content h2 {
	text-align: left;
	font-size: 175%;
	color: #db181c; }

.single-post .content h3, .feed_content h3 {
	text-align: left;
	font-size: 150%; }

.single-post .content h4, .feed_content h4 {
	text-align: left;
	font-size: 130%; }

.single-post .content h5, .feed_content h5 {
	text-align: left;
	font-size: 110%; }

.single-post .content h6, .feed_content h6 {
	text-align: left;
	font-size: 90%;
	font-style: italic; }

.single-post .content strong, .feed_content strong { font-weight: bold; }

.single-post .content em, .feed_content em {
	font-style: italic; }

.single-post .content p.wp-caption-text { width: auto; }

.single-format-aside .content, .single-format-aside .content h1, .single-format-aside .content blockquote {
	width: 100%;
	margin-left: 0;
	text-align: left;
}

.single-format-aside .content p {
	width: auto;
	margin-left: 0;
	text-align: left; }

.single-format-aside .content blockquote p {
	width: 100%; }

.wp-caption.alignleft { float: left; margin-right: 1em; }

.wp-caption.alignright { float: right; margin-left: 1em; }

.mc4wp-alert {
	margin-top: 1em;
	padding: 1em;
	font-size: .9em;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
}
.mc4wp-alert.mc4wp-success {
	background-color: #a2c142;
}

article .login {
	max-width: 960px;
	margin: auto;
}
article .login p.message {
	border-radius: 3px;
	margin-bottom: 1em;
	width: 100%;
	padding: 1em;
}
article .login input {
	width: 100%;
}
article .login .tml-action-links li {
	margin-top: 1em;
	font-size: .9em;
	font-weight: bold;
	list-style: circle;
}

#feed_tooltip {
	border: 1px solid #e4e4e4;
	background-color: #cfffcf;
	padding: 1em;
	border-radius: 5px;
	width: 100%;

	box-shadow: .25em .25em rgba(0,0,0,.15);
	margin-bottom: 1.5em;
}
#feed_tooltip h2 {
	font-size: 1.4em;
	margin-bottom: .1em;
}


ul.reply li {
	display: inline-block;
	text-transform: uppercase;
	font-size: .67em;
	padding-right: 1em;
}
#cancel-comment-reply-link {
	color: #000;
}
textarea#comment, input#submit {
	width: 100%;
}
p.form-allowed-tags {
	display: none;
}
.comment-metadata {
	font-size: .8em;
}
.comment h5, .comment-metadata {
	display: inline-block;
}
.comment .edit-link {
	position: absolute;
	right: 4em;
}
.comment p {
	font-size: .9em;
	padding: 3px 0;
}

#wpwrap input[type="text"], #wpwrap input[type="password"] {
	height: auto;
	padding: .5em;
}
#wpwrap p {
	line-height: 1.5em;
	font-size: .9em;
}
.profile-php #screen-meta-links {
	display: none;
}

#reg_tooltip {
	display: none;
	background-color: #db181c;
	border-radius: 3px;
	position: absolute;
	top: 3.5em;
	right: 5%;
	color: white;
	font-weight: bold;
	padding: .5em;
	font-size: .9em;
}


#header-ctn{

	background: #8CA63C;
	font-family: 'Open Sans', sans-serif;
}
.header-ctn__content {
	width: 90%;
    max-width: 1024px;
    display: block;
    position: relative;
    margin: auto;

}
	.header-ctn__content__callout {
	    background: #8CA63C;
	    width: 69%;
	    margin: 0;
	    display: inline-block;
	    font-size: 14px;
	    vertical-align: middle;
	    text-align: right;
	    color: #fff;
	    padding: 20px;
	    position: relative;
	    font-weight: 600;

	}
	.header-ctn__content__callout:before{
	    	content: '';
		    position: absolute;
		    right: -14px;
		    top: 0;
		    width: 0;
		    height: 0;
		    border-top: 27px solid transparent;
		    border-bottom: 28px solid transparent;
		    border-left: 15px solid #8CA63C;
		    clear: both;
	    }
	.header-ctn__content__phone {
	    background: #7F9636;
	    display: inline-block;
	    width: 31%;
	    margin-left: -5px;
	    padding: 10px 20px 10px 40px;
	    font-size: 16px;
	    text-align: center;
	    vertical-align: middle;
	    color: #fff;
	    text-transform: uppercase;
	    font-weight: 500;
	}
	.header-ctn__content__phone a {
		color:#fff;
		font-weight: bold;
	}
	.header-ctn__content__phone a:hover {
		color:#fff;
		text-decoration: none;
	}
	.header-ctn__ad-icon {
		opacity: .45;
	    background: #000;
	    display: block;
	    color: #fff;
	    font-size: 10px;
	    position: absolute;
	    bottom: 0;
	    right: 0;
	    padding: 0 2px;
	    cursor: pointer;
	}
	.header-ctn__tooltip{
		font-size: 10px;
	    color: #fff;
	    text-align: right;
	    position: absolute;
	    right: 16px;
	    bottom: 0;
	    background: #000;
	    opacity: .45;
	    display: block;
	    z-index: 5;
	}


@media screen and (max-width:990px) {

	.header-ctn__content__phone {
	    width: 51%;
	 	padding: 10px 20px 10px 22px;
	}
	.header-ctn__content__callout {
	    width: 49%;
	    padding: 20px 10px;
	}

}

@media screen and (max-width:580px) {
	.big_container {
		min-width: 300px;
	}

	.big_container > h1, .big_container > div {

	}

	.searchbox.home_top_search {
		width: 100%;
	}

	#carousel {
		height: 670px;
	}

	#carousel ul.featured_position {
		bottom: 7em;
	}

	ul.vote_arrows {
		margin-top: .5em;
		margin-left: 0;
	}

	ul.vote_arrows > li {
		width: 2.5em;
		height: 2.5em;
	}

	ul.articles > li label {
		display: block;
		margin-top: .5em;
	}

	.ajax_load_more, .profile_load_more, button.add_comment, .feed_load_more, .load_more {
		width: auto;
	}

	.email_subscribe input {
		width: auto;
		margin-top: .5em;
	}

	.email_subscribe div.left {
		width: 90%;
		text-align: center;
	}

	.ajax_login_modal > div {
		width: 90%;
	}

	.close_button {
		padding: 10px 12px;
		width: 30px;
		height: 30px;
	}

	.article_voting {
		position: relative;
	}

	.interact .share_button, .content > .share_button {
		width: 90%;
		margin-bottom: .5em;
	}

	.interact .facebook, .content .facebook {
		margin-right: 0;
	}

	.comments_container h3 {
		display: block;
	}

	.comments_container a.add_comment {
		position: relative;
		right: 0;
		margin: .5em 0;
	}

	.other_articles {
		width: auto;
	}

	nav.mobileonly {
		width: 45%;
		bottom: 45px;

	}

	body > header {
		height: 100px;
	}

	body > header ul.login {
		left: 0;
		top: 50px;
		width: 100%;
		text-align: left;

	}

	body.logged-in > header ul.login li:first-child, body.wp-admin > header ul.login li:first-child {
		display: inline-block;
	}

	body > header h1 {
		width: 45%;
	}
	.header-ctn__content{
		width: 100%;
	}

	.header-ctn__content:before{
		content: '';
	    position: absolute;
	    left: 7.8%;
	    top: 0;
	    width: 0;
	    height: 0;
	    border-top: 30px solid transparent;
	    border-bottom: 30px solid transparent;
	    border-left: 15px solid #8CA63C;
	    clear: both;
	    z-index: 1;
	}
	.header-ctn__content:after{
		content: '';
	    position: absolute;
	    display: block;
	    left: 3.5%;
	    top: 35%;
	    width: 20px;
	    height: 20px;
	    z-index: 2;
	    background: url(img/ctn-mobile.gif) no-repeat top left;
	}
	.header-ctn__content__callout {
	    background: #7F9636;
	    width: 92%;
	    padding:10px 0px 5px 30px;
	    text-align: left;
	    margin-left: 8%;
	}
	.header-ctn__content__callout:before{
		content: initial;
	}
	.header-ctn__content__phone{
		width: 92%;
		padding:5px 0px 10px 30px;
		text-align: left;
		margin-left: 8%;
	}
	.header-ctn__tooltip{
		text-align: center;
		bottom: -24px;
		opacity: 0.70;
		right:0;
		padding: 2px;
	}
	#mc4wp-form-1 p {
		margin-left: 0 !important;
		margin-top: 5px;
	}
}

.c-disclaimer {
	color: #fff;
	text-transform: capitalize;
	text-align: center;
	text-shadow: none;
	padding-top: 5px;
	font-size: 12px;
	display: block;
}

@media screen and (max-width:580px) {
	.c-disclaimer {
		text-align: left;
	}
}

.c-disclaimer::before {
	background-image: url('img/info-disclaimer-white.svg');
	content: '';
	width: 13px;
	height: 13px;
	display: inline-block;
	padding-right: 3px;
}

.c-modal {
	position: relative;
	margin: 0 auto;
	padding: 30px;
	max-width: 600px;
	background-color: #fff;
}

.c-modal .mfp-close {
	position: absolute;
	top: 0;
	right: 0;
}

/* MagnificPopup close button*/
.mfp-close-btn-in .mfp-close {
	font-size: 36px;
	font-weight: 700;
}

.c-modal__title {
	font-size: 38px;
	line-height: 38px;
	margin-bottom: 20px;
}

.c-modal__text {
	font-size: 22px;
	line-height: 32px;
}