/*

Theme Name: Buffer v2
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.
Text Domain: blog.bufferapp.com
Domain Path: /article/

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
-----------------------------

01.0 - Reset
02.0 - Base Styles
03.0 - Layout
04.0 - Typography
05.0 - Module - Top Navigation
06.0 - Module - Blog Header
07.0 - Module - Site Title Rollover Colors
08.0 - Module - Page Title / Tag Filter
09.0 - Module - Article Header
10.0 - Module - Avatar, Byline, Date
11.0 - Module - Share Buttons
12.0 - Module - Article Body
13.0 - Module - Article Excerpts
14.0 - Module - Tags
15.0 - Module - Author Bio
16.0 - Module - Page/Post Navigation
17.0 - Module - Newsletter CTA
18.0 - Module - About Buffer Footer
19.0 - Overrides - Hello Bar
20.0 - Overrides - DiggDigg


-----------------------------
	01.0 - 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;
}

/*-----------------------------
	02.0 - Base Styles
-----------------------------*/

html {
	height: 100%;
}

body {
	background: #f1f1f1;
	border-bottom: 10px solid #323B43;
	position: relative;
}

a {
	text-decoration: none;
	color: #00b8ff;
}

a:focus {
	/*border-bottom: 3px solid #00b8ff;*/
}

a:hover,
a:active {
	outline: 0;
	text-decoration: none;
	color: #3c3c3c;
}

/*-----------------------------
	03.0 - Layout
-----------------------------*/

#page {
	max-width: 750px;
	margin: 0 auto 10rem auto;
}

/*-----------------------------
	04.0 - 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: .875rem;
	font-size: 14px;
	line-height: 1.2;
}

h1, h2, h3, h4, h5, h6 {
	font: 900 1.7rem/1.3 "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;
}

h1 {
	letter-spacing: -0.5px;
	margin: 0 -2rem;
}

h2 {
	font: 200 1.6rem/1.4 "Open Sans";
	text-rendering: optimizeLegibility;
}

.entry-content h2:after {
	background: #CED7DF;
	content: " ";
	display: block;
	height: 1px;
	margin: 2rem auto;
	width: 25%;
}

h3 {
	font-size: 2rem;
	margin-bottom: 2rem;
}

h3:before {
	background: #CED7DF;
	content: " ";
	display: block;
	height: 1px;
	margin: 2rem auto;
	width: 25%;
}

h4 {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}

h5 {
	font-size: 1.25rem;
	margin-bottom: 1rem;
}

h6 {
	font-size: 1rem;
	letter-spacing: 1px;
	margin-bottom: 1rem;
	text-transform: uppercase;
}

p {
	font-size: 15px;
	font: 400 .95rem/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: 1.5em;
}

b, strong {
	font-weight: 700;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	background: #f8f8f8;
	border-radius: 3px;
	margin-bottom: 2rem;
	padding: 2rem;
}

blockquote p {
	font-style: italic;
	margin-bottom: 0;
	text-rendering: optimizeLegibility;
}

.quote-byline {
	color: #8B959E;
	font: italic 400 1rem/1 "Open Sans", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	margin-top: 1rem;
}

ul, ol {
	margin-bottom: 2rem;
	padding: 0 0;
}

ul li,
ol li {
	margin-bottom: 1rem;
	line-height: 1.7;
}

address {
	margin: 0 0 1.5em;
}


code, kbd, tt, var, pre {
	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}

pre {
	background: #eee;
	font-size: 1.5rem;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

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: 1.75rem; }

}

@media only screen and (max-width: 500px) {

  h1 { margin: 0;}
  h2 { font-size: 1.4rem; }

}

/*-----------------------------
	05.0 - Module - Top Navigation
-----------------------------*/


#nav-wrap {
	background: white;
	color: #8B959E;
	height: 3.125rem;
	overflow: hidden;
	width: 100%;
}

.main-menu {
	
	width: 750px;
	margin: auto;

	}

#menu-category a{
	
		font-weight: bold;
	
	}


.top-nav {
	margin: 0 auto;
	max-width: 100%;
	padding: 0;
	text-align: justify;
}

.top-nav:after { /* used to justify nav items */
	content: " ";
	display: inline-block;
	width: 100%;
}

.top-nav li,
.nav-linkhome {
	border-bottom: 6px solid #00b8ff;
	display: inline-block;
	font-size: 0.875rem;
	line-height: 2.75rem;
	padding-bottom: 6px;
	position: relative;
	-webkit-transition: padding-bottom 200ms ease-in-out;
	        transition: padding-bottom 200ms ease-in-out;
			
	margin: 3px 6px 0 6px;
	text-decoration: none;
	
}

.nav-linkhome {
	float: right;
}



.top-nav li:hover,
.top-nav li.current {
	padding-bottom: 0;
	
}

.top-nav li:first-child {
	/*border-bottom: none;*/
	position: relative;
	margin: 3px 6px 0 6px;
	border-bottom: 6px solid #00b8ff;
}

.top-nav li:first-child a {
	/*color: #8B959E;
	font-size: 0.75rem;
	text-decoration: none;
	*/
	
}

.top-nav li:first-child a:before {
	/*content: url(images/buffer-logomark.svg);*/
	display: inline-block;
	margin: 7px 5px 0 0;
	vertical-align: middle;
	
}

.top-nav li:first-child a:after {
	/*content: ".com";*/
	position: absolute;
	top: 3px;
	opacity: 0;
	-webkit-transition: opacity 200ms ease-in-out;
	        transition: opacity 200ms ease-in-out;
}

.top-nav li:first-child a: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: 0.75rem;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 1rem;
	-webkit-transition: opacity 200ms ease-in-out;
	        transition: opacity 200ms ease-in-out;
	width: 100px;
}

a.rollover:hover:after {
	opacity: 1;
}

a.howto:after {
	content: "Tips";
}

a.news:after {
	content: "Stay tuned";
}

a.security:after {
	content: "Get Safe";
}

a.fixtheinternet:after {
	content: "Coming Soon";
	font-style: italic;
}

@media only screen and (max-width: 780px) {

  .top-nav { padding: 0 0rem; }
  
  	.top-nav li,
	.nav-linkhome {
  		margin: 3px 5px 0 5px;
		font-size: .85em;
	}
	
	.menu-category-container {
		
		text-align: center;
		
	}
	
	.top-nav li:last-child {
		margin-right: 0px;
	}

  	.main-menu {
	
		width: 100%;
		margin: auto;
		padding: 0 10px;
	}

}

@media only screen and (max-width: 500px) {

  .top-nav li:first-child {
		/*display: none;*/
		margin-left: 10px;
	}
	
	
	.top-nav li:last-child {
		margin-right: 10px;
	}

	.top-nav li:hover,
	.top-nav li.current {
		padding-bottom: 2px;
	}

	.top-nav li { margin: 0 10px 0 10px; }
	
	.menu-category-container {
		
		text-align: center;
		
	}
	
	.main-menu {
	
		width: 100%;
		margin: auto;

	}
	
	.nav-linkhome {
		
		display: none;
		
	}
	
	.nav-linkhome-img {
		
		
			background: url(images/devices/dashlane-icon-retina.png) no-repeat;
			background-size: 100%;
			display: inline-block;
			height: 26px;
			margin-bottom: -1px;
			  margin-top: 13px;
			width: 26px;
			float: right;
			
		
		}


}

/*-----------------------------
	06.0 - Module - Blog Header
-----------------------------*/

#masthead {
	margin: 5% 0 6%;
	position: relative;
}

.logotype {
	background: url(images/dashlane-logotype2.png) no-repeat;
	background-size: 100%;
	display: inline-block;
	height: 51px;
	margin-bottom: -1px;
	width: 202px;
}

.site-title {
	font: 200 2.1875rem/1 "Open Sans";
	color: #323B43;
	text-transform: lowercase;
	-webkit-transition: color 200ms ease;
	        transition: color 200ms ease;
	text-rendering: optimizeLegibility;
}

.site-title:hover {
	color: #00b8ff;
	text-decoration: none;
}

.tagline {
	color: #8B959E;
	font-size: 12px;
	font: italic 400 0.75rem/1 "Open Sans";
	margin-top: 5px;
	opacity: 0.75;
}

.header-sign-up {
	color: #8B959E;
	font-size: 0.75rem;
	line-height: 1.4;
	max-width: 100%;
	position: absolute;
	right: 0;
	text-align: right;
	top: 1rem;
}

@media only screen and (max-width: 780px) {

  #masthead { margin: 5% 1rem 6% 1rem; }
	.tagline { max-width: 280px; }
	
	.header-sign-up {
		color: #8B959E;
		font-size: 0.65rem;
		line-height: 1.4;
		max-width: 100%;
		position: absolute;
		right: 0;
		text-align: right;
		top: 1rem;
	}

}

@media only screen and (max-width: 500px) {

  #masthead { text-align: center; }
  .tagline { max-width: 100%; }
  .header-sign-up { display: none; }

}

/*-----------------------------
	07.0 - 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;
}

/*-----------------------------
	08.0 - Module - Page Title / Tag Filter
-----------------------------*/

.page-title {
	margin: 0 0 1rem 0;
	background: white;
	width: 100%;
	padding: 1rem;
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.page-title:before {
	content: "Results for: ";
	color: #8B959E;
}


/*-----------------------------
	09.0 - Module - Article Header
-----------------------------*/

.entry-header {
	margin-bottom: 2rem;
}

.entry-title {
	position: relative;
	height: 14rem;
	margin-top: -20px; /* offsets the article padding-top */
}

.entry-title a, /* for when titles are also links */
.entry-title .title-nolink {
	color: white;
	position: absolute;
	bottom: 3rem;
	z-index: 20;
}

.gradient-overlay {
	background: rgba(22,142,234,0.20) -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
	background: rgba(22,142,234,0.20) linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
	height: 14rem;
	width: 100%;
	z-index: 25;
	position: absolute;
	opacity: .9;
}

.featured-image {
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	height: 14rem;
	z-index: 10;
}

.wp-post-image {
	height: auto;
	position: absolute;
	top: -50%;
	width: 110%;
	margin-left: -5%;
}

/*-----------------------------
	10.0 - Module - Avatar, Byline, Date
-----------------------------*/

.entry-meta {
	margin: 2rem 0;
	position: relative;
}

.byline,
.posted-on,
.author-avatar img {
	vertical-align: baseline;
	display: inline;
	font-style: italic;
}

.posted-on,
.posted-on a {
	color: #8B959E;
}

.author-avatar img {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	margin-right: .5rem;
}


/*-----------------------------
	11.0 - 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: 2rem;
    position: static;
    width: 100%;
  }

}


/*-----------------------------
	12.0 - Module - Article Body
-----------------------------*/

article {
	background: white;
	margin-bottom: 2rem;
	padding: 40px 10%;
	position: relative;
}

.entry-content img {
	border: 1px solid rgba(50, 59, 67, 0.20);
	height: auto;
	margin-top: 1rem;
	width: 100%;
	
}

.portrait {
    display: block;
    width: 50% !important;
    margin: 0 auto;
}

.half {

	width: 50% !important;
	float: left;
	margin-right: 30px;
	
}

.quarter {

	width: 25% !important;
	float: left;
	margin-right: 30px;
}


.original {

	width: auto !important;
	float: left;
	margin-right: 30px;
}



.entry-content a:visited {
	color: #8B959E;
}

@media only screen and (max-width: 500px) {

  article { padding: 40px 5%;}

}

/*-----------------------------
	13.0 - Module - Article Excerpts
-----------------------------*/

.home .entry-content h2,
.archive .entry-content h2 { /* makes smaller text for listing of excerpts */
	font-size: 15px;
	font: 400 .95rem/1.75 "Merriweather", Georgia, serif;
	margin-bottom: 1.5em;
}

.home .entry-content p:first-child:after,
.archive .entry-content p:first-child:after {
	content: '…';
	left: -2px;
	position: relative;
}

.home .entry-content h2:after,
.archive .entry-content h2:after { /* removes bottom rule */
	display: none;
}

.continue-reading,
.post-edit-link { /* link at the end of articles seen if signed-in */
	font-size: 14px;
	font: 400 0.875rem/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: #CED7DF;
  display: block;
  padding: 1rem;
  text-align: center;
  width: 200px;
}

.continue-reading:hover {
  background: #00b8ff;
  border: 1px solid transparent;
  color: white !important;
  text-decoration: none;
}

/*-----------------------------
	14.0 - Module - Tags
-----------------------------*/

.tags-list {
	border-bottom: 1px solid #CED7DF;
	border-top: 1px solid #CED7DF;
	font-size: .8rem;
	margin: 2rem 0;
	padding: 2rem 0;
	text-align: center;
	width: 100%;
}

.tags-list:before {
	content: "Tags: ";
	margin-right: 1rem;
}

a[rel="tag"] {
	background: #f1f1f1;
	border-radius: 1rem;
	color: #323B43;
	display: inline-block;
	height: 1.5rem;
	margin: 0.5rem;
	padding: .25rem 1rem;
	text-align: center;
	vertical-align: middle;
}

/*-----------------------------
	15.0 - Module - Author Bio
-----------------------------*/

.entry-footer {
	text-align: center;
}

.author-bio-avatar img {
	border-radius: 50%;
	height: 80px;
	margin-bottom: 1rem;
	width: 80px;
}


.footer-byline {
	font: 700 .875rem/1 "Open Sans";
}

.footer-author-bio {
	color: #8B959E;
	font: 200 .8rem/1.4 "Open Sans";
	margin: 0 auto 2rem auto;
	max-width: 450px;
}

.twitter-badge {
	margin: 0 auto;
	overflow: visible;
	width: 12rem;
}

/*-----------------------------
	16.0 - Module - Page/Post Navigation
-----------------------------*/

.navigation .nav-links {
	height: 1rem;
	margin: 2.5rem 0;
	position: relative;
}

.nav-previous:before {
	color: #00b8ff;
	content: "← ";
}

.nav-next {
	position: absolute;
	right: 0;
	top: 0;
}

.nav-next:after {
	color: #00b8ff;
	content: " →";
}

@media only screen and (max-width: 780px) {

	h1 {
  		font-size: 1.25rem;
	}

  .navigation .nav-links { margin: 2.5rem 1rem; }
 
 
 	.top-nav li, .nav-linkhome { 
    	
		margin: 3px 7px 0 7px !important;
  		font-size: 0.75em;

  	}
 

}

/*-----------------------------
	17.0 - Module - Newsletter CTA
-----------------------------*/

.newsletter-cta {
	background: #323B43;
	border-radius: 3px;
	color: white;
	height: auto;
	margin-bottom: 2rem;
	padding: 2rem 5% 2.5rem 5%;
}

.newsletter-cta-h1,
.newsletter-cta-h2 {
	font: 400 1.2rem/1.4 "Open Sans";
	margin: 0;
}

.newsletter-cta-h2 {
	color: #8B959E;
}

.newsletter-cta-form {
	height: 40px;
	margin-top: 1.5rem;
	position: relative;
	width: 250px;
}

.newsletter-cta-input {
	-webkit-appearance: none;
	border-radius: 3px 0 0 3px;
	border: none;
	box-shadow: none;
	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: 210px;
}

.newsletter-cta-input:focus {
	box-shadow: inset 0 0 0 4px #CED7DF;
}

.newsletter-cta-button {
	background: #00b8ff;
	border-radius: 0 3px 3px 0;
	border: none;
	color: #fff;
	cursor: pointer;
	height: 40px;
	outline: none;
	position: absolute;
	right: 0;
	width: 40px;
}

.newsletter-cta-button:after {
	content: url(images/send-icon.svg);
	display: inline-block;
	margin-top: 3px;
}

.newsletter-cta-caption {
	color: #8B959E;
	font-size: 12px;
	left: 275px;
	position: relative;
	top: 5px;
	width: 200px;
}

@media only screen and (max-width: 780px) {

  .newsletter-cta { margin: 2rem 1rem; }

}

@media only screen and (max-width: 600px) {

  .newsletter-cta-h1,
	.newsletter-cta-h2 { display: inline;	}

	.newsletter-cta-h1:after {
		content: " ";
		margin-right: 0.5rem;
	}

	.newsletter-cta-caption {
		display: none;
	}

}

@media only screen and (max-width: 450px) {

  .newsletter-cta-h1,
	.newsletter-cta-h2 { font-size: 1rem; }
}


/*-----------------------------
	18.0 - Module - About Buffer Footer
-----------------------------*/

.about-buffer {
	text-align: center;
}

.about-blurb {
	padding: 2.5rem 4.25rem 1rem;
	font: 400 1rem/1.6 "Open Sans";
	text-align: center;
}

.footer-signup {
	background: #00b8ff;
	/*
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#329ced),color-stop(100%,#00b8ff));
	background: -webkit-linear-gradient(top,#329ced 0,#00b8ff 100%);
	background: -webkit-gradient(linear,left top,left bottom,from(#329ced),to(#00b8ff));
	background: -webkit-linear-gradient(top, #329ced 0, #00b8ff 100%);
	background: linear-gradient(top,#329ced 0,#00b8ff 100%);
	*/
	/*
	background: #00b8ff;
	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;
	*/
	
	
	
	
	
   display: inline-block;
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-size: 19px;
  padding: 13px 27px;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background: #f4440a;
  font-weight: 600;
  margin-bottom: 20px;
}

.footer-signup:hover {
	background: #dd410d;
	color: #fff;
	text-decoration: none;
}

.footer-learn-more {
	display: block;
	text-decoration: underline;
	color: #8B959E;
}

.footer-learn-more:hover {
	color: #00b8ff;
}


.copyright {
	bottom: 1.5rem;
	color: #8B959E;
	font-size: 12px;
	position: absolute;
	right: 1.5rem;
}

@media only screen and (max-width: 550px) {

  .about-blurb {
		padding: 3rem 1rem 1rem;
	}

}

/*-----------------------------
	19.0 - Overrides - Hello Bar
-----------------------------*/

#hellobar {
	font-family: "Open Sans" !important;
	font-size: 16px !important;
}

#hello-bar-shadow {
	display: none !important;
}

#hellobar input {
	border-radius: 3px !important;
	box-shadow: none !important;
}

#hellobar a.hellobar_cta.hb-button {
	background: #323B43 !important;
	border-color: #323B43 !important;
	border-radius: 3px !important;
}

/*-----------------------------
	20.0 - Overrides - DiggDigg
-----------------------------*/

#dd_ajax_float {
	border: none;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	-webkit-background-clip: padding-box;
	box-shadow: none;
	padding: 10px;
}