/*

Theme Name: 	Buffer Base Theme
Author: 			Buffer, Inc.
Designer: 		Jamie Wilson
Author URI: 	http://bufferapp.com/about/
Description: 	Buffer blogs about social media, transparency, business, productivity, health, technology and much more.
Version: 			1.0.0
License: 			(C)2014 Buffer Inc.

Buffer v2 uses Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work
of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas
Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ and Blueprint
http://www.blueprintcss.org/

-----------------------------
	TABLE OF CONTENTS
-----------------------------

- Reset
- Base Styles
- Animations
- Layout
- Typography
- Module - Top Navigation
- Module - Blog Header
- Module - Site Title Rollover Colors
- Module - Page Title / Tag Filter
- Module - Article Header
- Module - Avatar, Byline, Date
- Module - Share Buttons
- Module - Article Body
- Module - Article Excerpts
- Module - Tags
- Module - Author Bio
- Module - Page/Post Navigation
- Module - Newsletter CTA
- Module - Newsletter CTA - Large
- Module - Direct Social Signin
- Module - Custom Hello Bar
- Module - About Buffer Footer
- Overrides - Hello Bar from hellobar.com
- Overrides - DiggDigg

-----------------------------
	Reset
-----------------------------*/

@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 100%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */ /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

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

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

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

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

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

a img {
	border: 0;
}

/*-----------------------------
	Animations
-----------------------------*/

@keyframes fade-in {
  from {opacity: 0;}
  to {opacity: 1;}}

@-webkit-keyframes fade-in {
  from {opacity: 0;}
  to {opacity: 1;}}

@-webkit-keyframes nod {
  0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 2px, 0); transform: translate3d(0,2px, 0); }
}
@keyframes nod {
  0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 2px, 0); transform: translate3d(0, 2px, 0); }
}

/*-----------------------------
	Base Styles
-----------------------------*/

html {
	height: 100%;
}

body {
	background: #f1f1f1;
    min-height: 100%;
	height: auto !important;
    height: 100%;
    position: relative;
    padding-bottom: 50px;
}

a {
	text-decoration: none;
	color: #168eea;
}

a:focus {
	border-bottom: 3px solid #168eea;
}

a:hover,
a:active {
	outline: 0;
	text-decoration: underline;
}

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

#page {
	max-width: 750px;
	margin: 0 auto;
	-webkit-animation: fade-in 350ms linear;
	animation: fade-in 350ms linear;
}

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

body,
select,
textarea {
	color: #323B43;
	font-family: "Open Sans", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.2;
}

h1, h2, h3, h4, h5, h6 {
	font: 900 38px/1.1 "Open Sans Condensed", Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;
	margin-bottom: 20px;
}

h1 {
	letter-spacing: -0.5px;
}

h2 {
	font-size: 32px;
}

/* can be added to intro headings, usually first paragraph of article */
.intro {
	font: 200 25px/1.4 "Open Sans";
	text-rendering: optimizeLegibility;
	margin-bottom: 32px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

p,
ul,
ol {
	font: 400 15px/1.75 "Merriweather", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	margin-bottom: 20px;
}

b, strong {
	font-weight: 700;
}

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

blockquote {
	background: #f8f8f8;
	border-radius: 3px;
	margin-bottom: 32px;
	padding: 32px 32px 20px;
}

blockquote p {
	font-style: italic;
	margin-bottom: 20px;
	text-rendering: optimizeLegibility;
}

blockquote p:only-of-type:last-child {
	margin-bottom: 10px;
}

blockquote p:last-child {
	margin-bottom: 0;
}

.caption,
figcaption,
cite {
	color: #8B959E;
	font: 400 12px/1 "Open Sans", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	margin: 10px 0 30px;
}

.quote-byline {
	font-style: italic;
	margin-top: 16px;
	color: #8B959E;
	display: block;
}

ul, ol {
	margin-bottom: 32px;
	list-style-position: outside;
}

ul li,
ol li {
	margin-bottom: 16px;
	line-height: 1.7;
	margin-left: 16px; /*keeps bullets from hanging*/
}

address {
	margin: 0 0 24px;
}

code, kbd, tt, var {
	font-family: "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
	background: #eee;
	padding: 3px 6px;
	border-radius: 3px;
}

pre code {
	background: transparent;
	padding: 0;
}

pre {
	background: #f8f8f8;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 32px;
	max-width: 100%;
	overflow: auto;
	padding: 32px;
}

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

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

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

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

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

  h1 { font-size: 28px; }

}

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

  h1 { margin: 0;}
  h2 { font-size: 28px}
  .intro { font-size: 22px; }

}

/*-----------------------------
	Module - Top Navigation
-----------------------------*/

#nav-wrap {
	background: white;
	color: #8B959E;
	height: 50px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.top-nav {
	margin: 0 auto;
	max-width: 750px;
	padding: 0;
	text-align: justify;
	font-family: "Open Sans", sans-serif;
}

.top-nav:after { /* used to justify nav items */
	content: " ";
	display: inline-block;
	width: 100%;
}

.top-nav li {
	border-bottom: 6px solid #168eea;
	display: inline-block;
	font-size: 14px;
	line-height: 44px;
	padding-bottom: 6px;
	margin-left: 0;
	position: relative;
	-webkit-transition: padding-bottom 200ms ease-in-out;
	transition: padding-bottom 200ms ease-in-out;
}

.top-nav li[rel="open"] {
	border-color: #76b852;
}

.top-nav li[rel="overflow"] {
	border-color: #ee4f4f;
}

.top-nav li[rel="happiness"] {
	border-color: #efc941;
}

.top-nav li:hover,
.top-nav li.current {
	padding-bottom: 0;
}

.top-nav li:first-child { /* Logo/Buffer.com Link*/
	border-bottom: none;
	position: relative;
	color: #8B959E;
	cursor: pointer;
	font-size: 12px;
	text-decoration: none;
}

.top-nav li:first-child:before {
	content: url(images/buffer-logomark.svg);
	display: inline-block;
	margin: 7px 5px 0 0;
	min-width: 16px;
	vertical-align: middle;
}

.top-nav li:first-child:after {
	content: ".com";
	position: absolute;
	top: 3px;
	opacity: 0;
	/* Commented out because of bug in latest Version of chrome
	-webkit-transition: opacity 200ms ease-in-out;
	        transition: opacity 200ms ease-in-out;
	*/
}

.top-nav li:first-child:hover:after {
	opacity: 1;
}

a.rollover {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	color: #8B959E;
	display: inline-block;
	text-decoration: none;
	-webkit-transition: -webkit-transform 200ms ease-in-out, color 300ms ease;
	transition: -webkit-transform 200ms ease-in-out, color 300ms ease;
}

a.rollover:hover,
a.current {
	color: #323B43;
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
}

a.rollover:after {
	background: transparent;
	color: #8B959E;
	display: inline;
	font-size: 12px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 16px;
	-webkit-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
	width: 100px;
}

a.rollover:hover:after {
	opacity: 1;
}

a.social:after {
	content: "Social Media";
}

a.open:after {
	content: "Transparency";
}

a.overflow:after {
	content: "Engineering";
}

a.happiness:after {
	content: "Coming Soon";
	font-style: italic;
}

@media only screen and (max-width: 780px) {
	.top-nav { padding: 0 16px; }
}

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

	.top-nav li:first-child {
		display: none;
	}

	.top-nav li:hover,
	.top-nav li.current {
		padding-bottom: 2px;
	}

}

/*-----------------------------
	Module - Top-Nav Search-Form
-----------------------------*/

.search-nav-form {
	position: absolute;
	right: 0;
	top: 0;
	height: 50px;
	line-height: 60px;
	font-size: 0;
}

.search-nav-field {
	-webkit-appearance: none;
	background: #f2f2f2;
	border: none;
	border-radius: 3px 0 0 3px;
	outline: none;
	height: 25px;
	margin: 0;
	padding: 0 5px;
	width: 65px;
	transition: width 200ms ease-in-out;
}

.search-nav-field:focus,
.search-nav-field:active {
	width: 100px;
}

.search-nav-submit {
	background: #323B43 url(images/search-icon.png) no-repeat center;
	background-size: 12px;
	border-radius: 0 3px 3px 0;
	cursor: pointer;
	height: 25px;
	width: 25px;
	-webkit-appearance: none;
	border: none;
	color: white;
	margin-right: 10px;
	padding: 0;
}

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

	.search-nav-form { display: none; }

}

/*-----------------------------
	Module - Search Form
-----------------------------*/

.search-form {
	height: 50px;
	width: 100%;
	position: relative;
	margin: 40px auto;
}

.search-field {
	-webkit-appearance: none;
	background: white;
	border: none;
	border-radius: 3px 0 0 3px;
	outline: none;
	height: 50px;
	margin: 0;
	padding: 0 10px;
	width: 100%;
	position: absolute;
	left: 0;
	font-size: 14px;
	-webkit-transition: box-shadow 200ms ease-in-out;
	transition: box-shadow 200ms ease-in-out;
}

.search-field:focus {
	box-shadow: inset 0 0 0 4px #CED7DF;
}

.search-submit {
	background: #323B43 url(images/search-icon.png) no-repeat center;
	background-size: 16px;
	border-radius: 0 3px 3px 0;
	cursor: pointer;
	height: 50px;
	width: 50px;
	-webkit-appearance: none;
	border: none;
	color: white;
	padding: 0;
	position: absolute;
	right: 0
}

/*-----------------------------
	Module - Search Home
-----------------------------*/

.search-home {
	display: block;
}

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

	.search-home { padding: 0 5%; }

}

@media only screen and (min-width: 1050px) {

	.search-home { display: none; }

}

/*-----------------------------
	Module - Blog Header
-----------------------------*/

#masthead {
	margin: 5% 0 6%;
	position: relative;
}

.logotype {
	background: url(images/buffer-logotype.png) no-repeat;
	background-size: 100%;
	display: inline-block;
	height: 28px;
	margin-bottom: -1px;
	width: 106px;
}

#masthead:before {
	content: "← ";
	font-size: 16px;
	opacity: 0;
	position: absolute;
	left: -5px;
	top: 10px;
	-webkit-transition: opacity 200ms ease, left 200ms ease-in-out;
	transition: opacity 200ms ease, left 200ms ease-in-out;
}

#masthead:hover:before {
	left: -30px;
	opacity: 1;
}

.site-title {
	font: 200 35px/1 "Open Sans";
	color: #323B43;
	text-transform: lowercase;
	-webkit-transition: color 200ms ease;
	transition: color 200ms ease;
	text-rendering: optimizeLegibility;
}

.site-title:hover {
	color: #168eea;
	text-decoration: none;
}

.tagline {
	color: #8B959E;
	font: italic 400 12px/1 "Open Sans";
	margin-top: 8px;
	opacity: 0.85;
}

.header-sign-up {
	color: #8B959E;
	font-size: 12px;
	line-height: 1.4;
	max-width: 208px;
	position: absolute;
	right: 0;
	text-align: right;
	top: 16px;
}

a.is.hiring {
	position: relative;
	top: 13px;
	font-size: 11px;
}
a.is.hiring:hover {
	text-decoration: underline;
}

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

	#masthead { text-align: center; }
	.tagline { margin: 8px auto; }
	.header-sign-up { display: none; }

}

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

	#masthead { margin: 5% 16px 6% 16px; }
	.tagline { max-width: 280px; }

}

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

	#masthead:before { display: none; }

}

/*-----------------------------
	Module - Site Title Rollover Colors
-----------------------------*/

a[rel="home open"]:hover {
	color: #76b852;
}

a[rel="home overflow"]:hover {
	color: #ee4f4f;
}

a[rel="home happiness"]:hover {
	color: #efc941;
}

/*-----------------------------
	Module - Page Title / Tag Filter
-----------------------------*/

.page-title {
	margin: 0 0 16px 0;
	background: white;
	width: 100%;
	padding: 16px;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.subdued {
	color: #8B959E;
}

/*-----------------------------
	Module - Article Header
-----------------------------*/

.entry-header {
	margin-bottom: 32px;
}

.entry-title-wrap {
	position: relative;
	height: 224px;
	margin-top: -40px; /* offsets the article padding-top */
}

.entry-title {
	color: white;
	position: absolute;
	bottom: 48px;
	margin-bottom: 0;
	z-index: 20;
}

.entry-title:hover {
	text-decoration: underline;
}

.gradient-overlay {
	background: url(images/article-header-overlay.png) no-repeat;
	height: 224px;
	width: 100%;
	z-index: 25;
	position: absolute;
	opacity: .9;
}

.featured-image {
	background-size: cover;
	background-position: center;
	border-radius: 3px 3px 0 0;
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	height: 224px;
	z-index: 10;
}

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

	.featured-image {
		border-radius: 0;
	}

}

/*-----------------------------
	Module - Avatar, Byline, Comments
-----------------------------*/

.entry-meta {
	margin: 32px 0;
	position: relative;
}

.byline {
	position: relative;
	top: -10px;
}

.byline,
.author-avatar img {
	vertical-align: middle;
	display: inline;
	font-style: italic;
}

.author-avatar img {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	margin-right: 16px;
	position: relative;
	top: 10px;
}

.timestamp {
	display: block;
	position: relative;
	left: 57px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 400;
	top: -18px;
	color: #aaa;
}

.comments-anchor {
	position: absolute;
	right: 0;
	top: 11px;
	color: #8B959E;
}

/*-----------------------------
	Module - Share Buttons
-----------------------------*/

.share-buttons {
	position: absolute;
	right: 0;
	top: 8px;
	margin-right: -25px;
}

@media only screen and (max-width: 500px) {
	.share-buttons {
		margin-top: 32px;
		position: static;
		width: 100%;
	}
}

/*-----------------------------
	Module - Article Body
-----------------------------*/

article {
	background: white;
	margin-bottom: 32px;
	padding: 40px 10%;
	position: relative;
	border-radius: 3px;
}

.entry-content img {
	border-radius: 3px;
	height: auto;
	margin: 16px 0;
	max-width: 100%;
}

.entry-content p img {
	margin: 0;
}

.entry-content a:visited {
	color: #8B959E;
}
/*
.entry-content figure,
.entry-content figure img {
	width: 100% !important;
	margin: 0 !important;
}*/

.entry-content > iframe,
.entry-content p > iframe {
	width: 100% !important;
	margin: 0 0 20px 0 !important;
}

/* add this class in the wp-admin editor to retina images */
.retina {
	width: 50% !important;
}

/* add this class in the wp-admin editor to retina images */
.no-border,
.button {
	border: none !important;
}

/* add this class in the wp-admin editor to make images sit in text */
.inline-image,
.emoji {
	display: inline !important;
	width: inherit !important;
	border: none !important;
}

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

	article { padding: 40px 5%;}
	.retina { width: 100% !important; }

	.entry-content img {
		float: none !important;
		margin: 0 !important;
		width: 100% !important;
		max-width: 288px !important;
	}

	.entry-content figure.wp-caption {
		max-width: 288px;
	}
}

/*-----------------------------
	Past Theme Image Handling
-----------------------------*/

/*handles inline styled images from past theme*/

.alignleft,
.aligncenter,
.alignnone {
	margin: 16px 0 !important;
}

.alignright {
	float: right !important;
	height: inherit !important;
	margin: 0 0 16px 16px !important;
}

/*-----------------------------
	Module - Article Excerpts
-----------------------------*/

.home .entry-content h2,
.archive .entry-content h2,
.search .entry-content h2 { /* makes smaller text for listing of excerpts */
	font: 400 15px/1.75 "Merriweather", Georgia, serif;
	margin-bottom: 24px;
}

.continue-reading,
.post-edit-link { /* link at the end of articles seen if signed-in */
	font: 400 14px/1 "Open Sans";
	-webkit-transition: background 100ms ease-in-out;
	transition: background 100ms ease-in-out;
	background: white;
	border-radius: 3px;
	border: 1px solid #CED7DF;
	color: #8B959E;
	display: block;
	padding: 16px;
	text-align: center;
	width: 200px;
}

.continue-reading:hover {
	background: #168eea;
	border: 1px solid transparent;
	color: white !important;
	text-decoration: none;
}

/*-----------------------------
	Module - Tags
-----------------------------*/

.tags-list {
	border-top: 1px solid #CED7DF;
	font-size: 13px;
	margin-top: 32px;
	padding-top: 32px;
	text-align: center;
	width: 100%;
}

.tags-list:before {
	content: "Tags: ";
	margin-right: 16px;
}

a[rel="tag"] {
	background: #f1f1f1;
	border-radius: 16px;
	color: #323B43;
	display: inline-block;
	height: 24px;
	margin: 8px;
	padding: 4px 16px;
	text-align: center;
	vertical-align: middle;
}

/*-----------------------------
	Module - New Post CTA
-----------------------------*/

#post-iframe {
	width: 750px;
	height: 200px;
	margin-left: -12.5%;
	z-index: 99;
}

@media only screen and (max-width: 750px) {
	#post-iframe {
		visibility: hidden;
		height: 0;
	}
}

/*-----------------------------
	Module - Author Bio
-----------------------------*/

.entry-footer {
	border-bottom: 1px solid #CED7DF;
	border-top: 1px solid #CED7DF;
	margin: 32px 0;
	padding: 32px 0;
}

.author-bio-avatar {
	min-height: 150px;
	float: left;
}

.author-bio-avatar img {
	border-radius: 50%;
	height: 80px;
	margin-right: 16px;
	width: 80px;
}

.footer-byline {
	font: 700 14px/1 "Open Sans";
}

.footer-author-bio {
	color: #8B959E;
	font: 400 13px/1.4 "Open Sans";
}

.twitter-badge {
	margin-left: 96px;
}

#twitter-widget-1 {
	max-width: 250px;
}

@media only screen and (max-width: 500px) {
	.author-bio-avatar { min-height: 80px; }
	.twitter-badge { margin-left: 0; }
}

/*-----------------------------
	Module - Page/Post Navigation
-----------------------------*/

.navigation .nav-links {
	height: 16px;
	margin: 40px 0;
	position: relative;
}

.nav-next {
	position: absolute;
	right: 0;
	top: 0;
}

@media only screen and (max-width: 780px) {
	.navigation .nav-links { margin: 40px 16px; }
}

/*-----------------------------
	Module - Newsletter CTA
-----------------------------*/

.newsletter-cta {
	background: #323B43;
	border-radius: 3px;
	color: white;
	height: auto;
	margin-bottom: 32px;
	padding: 32px 5% 40px 5%;
	-webkit-animation: nod 3s 15s ease-in-out;
	animation: nod 3s 15s ease-in-out;
}

.newsletter-cta-h1,
.newsletter-cta-h2 {
	font: 400 19px/1.4 "Open Sans";
	margin: 0;
}

.newsletter-cta-h2 {
	color: #8B959E;
}

.newsletter-cta-form {
	height: 40px;
	margin-top: 24px;
	position: relative;
	width: 250px;
}

.newsletter-cta-input {
	-webkit-appearance: none;
	border-radius: 3px 0 0 3px;
	border: none;
	box-shadow: none;
	font-size: 12px;
	font-family: "Open Sans";
	height: 40px;
	left: 0;
	outline: none;
	padding-left: 10px;
	position: absolute;
	-webkit-transition: box-shadow 200ms ease-in-out;
	transition: box-shadow 200ms ease-in-out;
	width: 98%;
}

.newsletter-cta-input:focus {
	box-shadow: inset 0 0 0 4px #CED7DF;
}

.newsletter-cta-button {
	background: #168eea url(images/send-icon.png) no-repeat center;
	background-size: 20px;
	border-radius: 0 3px 3px 0;
	border: none;
	color: #fff;
	cursor: pointer;
	height: 40px;
	outline: none;
	position: absolute;
	right: 0;
	width: 40px;
}

.newsletter-cta-caption {
	color: #8B959E;
	font-size: 12px;
	left: 275px;
	position: relative;
	top: 5px;
	width: 200px;
}

@media only screen and (max-width: 450px) {
	.newsletter-cta-h1,
	.newsletter-cta-h2 { font-size: 16px; }
}

@media only screen and (max-width: 500px) {
	.newsletter-cta-form { width: 100%; }
}

@media only screen and (max-width: 600px) {
	.newsletter-cta-h1,
	.newsletter-cta-h2 { display: inline;	}

	.newsletter-cta-h1:after {
		content: " ";
		margin-right: 8px;
	}

	.newsletter-cta-caption {
		display: none;
	}
}

@media only screen and (max-width: 780px) {
	.newsletter-cta { margin: 32px 16px; }
}

/*-----------------------------
	Module - Newsletter CTA - Large
-----------------------------*/

.newsletter-cta-large {
	background: white;
	border-radius: 3px;
	color: #323B43;
	height: auto;
	margin-bottom: 32px;
	padding: 32px 5% 40px 5%;
	-webkit-animation: nod 3s 15s ease-in-out;
	animation: nod 3s 15s ease-in-out;
}

.newsletter-cta-large-h1,
.newsletter-cta-large-h2 {
	font: 600 22px/1.4 "Open Sans";
	margin: 0;
}

.newsletter-cta-large-h2 {
	color: #8B959E;
	font-weight: 400;
}

.newsletter-cta-large-h2 {
	color: #8B959E;
}

.newsletter-cta-large-form {
	height: 60px;
	margin-top: 24px;
	position: relative;
	width: 280px;
}

.newsletter-cta-large-list-wrap {
	border-top: 1px solid #CED7DF;
	margin-top: 32px;
	padding-top: 32px;
}

.newsletter-cta-large-list {
	font: 400 13px/1.2 "Open Sans", sans-serif;
}

.newsletter-cta-large-list li {
	line-height: 1.4;
	margin-bottom: 10px;
}

.newsletter-cta-large-input {
	-webkit-appearance: none;
	border-radius: 3px 0 0 3px;
	border: none;
	box-shadow: none;
	height: 60px;
	left: 0;
	font-size: 12px;
	font-family: "Open Sans";
	outline: none;
	padding-left: 20px;
	position: absolute;
	-webkit-transition: box-shadow 200ms ease-in-out;
	transition: box-shadow 200ms ease-in-out;
	width: 98%;
	background: #f1f1f1;
}

.newsletter-cta-large-input:focus {
	box-shadow: inset 0 0 0 4px #CED7DF;
}

.newsletter-cta-large-button {
	background: #168eea url(images/send-icon.png) no-repeat center;
	background-size: 24px;
	border-radius: 0 3px 3px 0;
	border: none;
	color: #fff;
	cursor: pointer;
	height: 60px;
	outline: none;
	position: absolute;
	right: 0;
	width: 60px;
}

.newsletter-cta-large-caption {
	color: #8B959E;
	font-size: 12px;
	left: 300px;
	position: relative;
	top: 22px;
	width: 250px;
}

.blue.button {
	background: #168eea;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#329ced),color-stop(100%,#168eea));
	background: -webkit-linear-gradient(top,#329ced 0,#168eea 100%);
	background: linear-gradient(top,#329ced 0,#168eea 100%);
	border: 1px solid #137dcf;
	color: #fff;
	text-shadow: 0 0 1px rgba(0,0,0,.3);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	line-height: 21px;
	cursor: pointer;
	box-sizing: border-box;
	border-radius: 3px;
	position: relative;
	padding: 20px 40px;
	font-size: 15.4px;
	display: inline-block;
}

.button.blue:hover {
	background: #2d99ec;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#45a5ee),color-stop(100%,#168eea));
	background: -webkit-linear-gradient(top,#45a5ee 0,#2d99ec 100%);
	background: linear-gradient(top,#45a5ee 0,#2d99ec 100%);
	border-color: #137dcf;
	color: #fff;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
	text-decoration: none;
}

.button.large {
	padding: 20px 40px;
}

@media only screen and (max-width: 450px) {
	.newsletter-cta-large-h1,
	.newsletter-cta-large-h2 { font-size: 16px; }
}

@media only screen and (max-width: 500px) {
	.newsletter-cta-large-form { width: 100%; }
}

@media only screen and (max-width: 600px) {
	.newsletter-cta-large-h1,
	.newsletter-cta-large-h2 { display: inline;	}

	.newsletter-cta-large-h1:after {
		content: " ";
		margin-right: 4px;
	}

	.newsletter-cta-large-caption {
		display: none;
	}
}

@media only screen and (max-width: 780px) {
	.newsletter-cta-large { margin: 32px 16px; }
}

/*-----------------------------
	Module - Newsletter CTA
-----------------------------*/

.newsletter-cta-ps {
	margin-top: 25px;
}
/*-----------------------------
	Module - Direct Social Signin
-----------------------------*/

#iframe-signin {
	width:100%;
}

@media screen and (max-width: 729px) {
	#iframe-signin {
		height : 202px;
	}
}

/*-----------------------------
	Module - Custom Hello Bar
-----------------------------*/

#hello-bar-container {
	overflow:hidden;
	width:100%;
	height:58px;
	border: none;
	padding: 0;
	margin: 0;
	left: 0;
	top: 0;
	position:fixed;
	z-index:10000;
}

/*-----------------------------
	Module - About Buffer Footer
-----------------------------*/

.about-buffer {
	text-align: center;
}

.about-blurb {
	padding: 40px 68px 16px;
	font: 400 16px/1.6 "Open Sans";
	text-align: center;
}

.footer-signup {
	background: #168eea;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#329ced),color-stop(100%,#168eea));
	background: -webkit-linear-gradient(top,#329ced 0,#168eea 100%);
	background: -webkit-gradient(linear,left top,left bottom,from(#329ced),to(#168eea));
	background: -webkit-linear-gradient(top, #329ced 0, #168eea 100%);
	background: linear-gradient(top,#329ced 0,#168eea 100%);
	border-radius: 3px;
	border: 1px solid #137dcf;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	margin-bottom: 20px;
	padding: 15px 20px;
	text-shadow: none;
}

.footer-signup:hover {
	background: #2d99ec;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#45a5ee),color-stop(100%,#168eea));
	background: -webkit-linear-gradient(top,#45a5ee 0,#2d99ec 100%);
	background: -webkit-gradient(linear,left top,left bottom,from(#45a5ee),to(#2d99ec));
	background: -webkit-linear-gradient(top, #45a5ee 0, #2d99ec 100%);
	background: linear-gradient(top,#45a5ee 0,#2d99ec 100%);
	text-decoration: none;
}

.footer-learn-more {
	display: block;
	text-decoration: underline;
	color: #8B959E;
}

.footer-learn-more:hover {
	color: #168eea;
}

.copyright {
	bottom: 24px;
	color: #8B959E;
	font-size: 12px;
	position: absolute;
	right: 24px;
}

@media only screen and (max-width: 550px) {
	.about-blurb {
		padding: 48px 16px 16px;
	}
}

/*-----------------------------
	No-Results Page
-----------------------------*/

.no-results,
.error-404 {
	height: 100%;
	display: block;
	margin: 0 5%;
}

.no-results-header {
	text-align: center;
	padding-top: 50px;
	margin-bottom: 5px;
}

.no-results-cta {
	font-size: 18px;
	text-align: center;
	font-style: italic;
}

.footer-links {
	position: relative;
	clear: both;
	padding: 60px 0 0;
	text-align: center;
	color: #999;
	width: 100%;
	margin: 0 auto;
}

.footer-links ul {
	padding-left: 0;
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
}

.footer-links li {
	display: inline;
	list-style-type: none;
	margin: 0 10px;
}

.footer-links a {
	color: #8b959e;
	padding: 5px;
	cursor: pointer;
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
}

.footer-links a:hover {
	color: #667079;
	text-decoration: underline;
}

.footer-links img {
	opacity: .3;
}

.footer-links .row {
	margin-bottom: 0;
	margin-top: 0;
	border-top: 0;
	padding: 10px 0;
}

.footer-links .row.more-footer {
	display: none;
}

/*-----------------------------
	Overrides - Remove Hello Bar from hellobar.com on Mobile
-----------------------------*/

@media only screen and (max-width: 700px) {
	#hellobar_container,
	#hellobar_pusher { display: none !important; }
}

/*-----------------------------
	Overrides - DiggDigg
-----------------------------*/

#dd_ajax_float {
	border: none !important;
	-webkit-border-top-right-radius: 0 !important;
	-webkit-border-bottom-right-radius: 0 !important;
	-webkit-border-bottom-left-radius: 0 !important;
	-webkit-border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
	-webkit-background-clip: padding-box !important;
	box-shadow: none !important;
	padding: 10px !important;
}