/*
Theme Name: Lean B2B
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lean-b2b
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 Lean B2B is based on 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:
----------------------------------------------------------------
1.0 - Reset
2.0 - Typography
3.0 - Elements
4.0 - Forms
5.0 - Navigation
	5.1 - Links
	5.2 - Menus
6.0 - Accessibility
7.0 - Alignments
8.0 - Clearings
9.0 - Widgets
10.0 - Content
	10.1 - Posts and pages
	10.2 - Asides
	10.3 - Comments
11.0 - Infinite scroll
12.0 - Media
	12.1 - Captions
	12.2 - Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/
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, td, th {
	border: 0;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
.post-table th {
	color: #ffffff;
	background-color: #959697;
	font-weight: bold;
	padding: 10px;
	border: solid 1px #0b0b0a;
}
.post-table td {
	border: solid 1px #0b0b0a;
	padding: 10px;	
}

.alternate-row {
	background-color: #f6f5f4;
}

html {
	font-size: 62.5%; /* 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/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}
body {
	font-size: 1em; line-height: 1.4; background: #fff; font: 16px/26px Helvetica, Helvetica Neue, Arial
 /* Fallback for when there is no custom background color defined. */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol {
	counter-reset:li;
}
ol > li {
	position:relative; 
	margin:0 0 15px 1.5em; 
	padding:4px 8px; 
	list-style:none; 
}
ol > li:before {
	content:counter(li)"."; /* Use the counter as content */
	counter-increment:li; /* Increment the counter by 1 */
	position:absolute;
	top:2px;
	left:-1.5em;
	width:1.5em;
	margin-right:8px;
	padding:4px;
	color:#2a93d8;
	font-size: 22px;
	font-weight:bold;
	text-align:center;
}
li ol, li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}
.quote{
	position: relative;
	padding-left: 32px;
} 
.quote:before{
	content: "“";
	font-size: 68px;
	color: #4f575a;
	position: absolute;
	left: 0;
	top: 22px;
}
.twoThirds h6{
	padding-left: 32px;
}
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:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
}

.logo{
	margin: 0;
	padding: 0;
	float: left;
	width: 283px; /* Update This*/
}

.logo img{
	width: 100%;
}
.wrapper, .content-area {
    width: 85%;
    margin: 0 0 0 12%;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.7em;
	line-height: 1.3;
}
h1, h2, h3, h4, h5, h6 {
	clear: both; 
	font-weight: 700; 
	color: #333332;
}

h1{ font-size: 2.3em; margin-bottom: 15px; letter-spacing: -1px; line-height: 1.2;}
h2{ font-size: 24px; }
h3{ font-size: 18px; }
h4{ font-size: 18px; margin-bottom: 15px; margin-top: 30px; }
h5{ font-size: 14px; margin-bottom: 0; }
h6{ font-size: 10px; color: #2a93d8; margin-top: 0;}
em{ font-style: italic; }

p {
	margin-bottom: 1.2em;
	line-height: 1.58;
}

b, strong {
	font-weight: bold; color: #2d2d2d;

}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 20px 10px;
	background-color: #f9f9f9;
	padding: 20px 20px 10px 20px;
	border-left: 3px solid #d6d6d6;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
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%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
 	display: block; height: 1px; border: 0; border-top: 1px solid #dadada; margin: 1em 0; padding: 0; clear: both;

}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
/* ==========================================================================
   Forms
   ========================================================================== */
.btn{
	color: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 18px; 
	text-align: center; 
	padding: 14px 10%; 
	font-weight: bold; 
	display: inline-block;
	background-color: #666;
	margin: 20px 0px 10px 0px;
}
.btn span{
	font-weight: normal;
	padding-left: 10px;
}
.blue{
	text-decoration: none; 
	background-color: #2a93d8;
	color: #fff;
}
.blue:hover{
	background-color: #f35000;
	color: #fff;
	text-decoration: none; 
}
input{
	background-color: #fff;
	border: 1px solid #e2e4e9;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 14px 10px;
	color: #b6bcbf;
}
input.btn{
	padding: 14px 30px;
	border: none;
	margin-top: 5px;
	width: 30%;
	min-width: 100px;
	font-size: 16px;
	margin-bottom: 30px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;	
}
.field{
	width: 75%;
	min-width: 130px;
}   
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	text-decoration: none;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	color: #449FE5;	
}
a:hover{
	color: #3db8f2;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

.main-nav {
	float: right;
	padding: 20px 100px 0px 0px;
	margin-top: 0px;
   	overflow: hidden;
    margin: 0 auto;
}

.main-nav ul { margin: 0; padding: 0; }
.main-nav ul li{
	margin-right: 80px;
	display: inline-block;
}
.main-nav a {
    font-weight: bold;
    color: #2d2d2d;
    font-size: 18px;
}
.main-nav a:hover{
	color: #2a93d8;
}

.main-nav a:visited{
	color: #999999;
}

.main-nav .last {
 margin-right: 0; border: none; padding-bottom: 0; padding-right: 0;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

.widget ul {
	line-height: 1.5;
}

.widget ul li {
	padding: 5px 0px;
	border-bottom: 1px #c5c2c5 dashed;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/

.content-area {
    width: 55%;
    float: left;
    background-color: #fff;
    box-shadow: -3px 0px 3px #888888;
    padding: 25px;
}

.content-area ul {
	list-style-type: bullet;
	margin: 0px 20px 20px 25px;
}

.widget_recent_entries a {
	color: #3db8f2;
}

.widget-area a:hover {
	text-decoration: underline;
}
.widget-area {
	width: 30%;
	float: right;
	padding-right: 60px;
}

.widget-area ul {
	list-style-type: none;
}

.widget-title {
	font-size: 24px;
	letter-spacing: 0px; 
	line-height: 1.2;
}

.testimonial {
	font-style: italic;
	font-size: 1.1em;
	font-weight: 400;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
}
.hentry {
	margin: 0 0 1.5em;
}
.byline,
.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.entry-footer, .entry-meta {
	color: #b3b3b1;
  	font-size: 13px;
  	font-family: sans-serif;
  	font-weight: 100;
  	font-style: normal;
}

.entry-content a, .entry-content a:visited {
	box-shadow: inset 0 -3px 0 rgba(57, 55, 54, 0.05);
    	border-bottom: 0.3px solid rgba(57, 55, 54, 0.4);
	color: #000000;
}

.entry-content a:hover {
    color: #000000;
    background-color: rgba(1,131,218,.2);
    box-shadow: inset 0 -3px 0 rgba(1,131,218,.2);
    border-bottom: 0.3px solid rgba(1,131,218,.2);
}

.entry-content li {
    line-height: 1.58;
    margin-bottom: 12px;
}


/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

.entry-title a, .entry-title a:visited {
	color: #2d2d2d;
}

.leanb2b {
text-align: left;
max-width: 350px;
}

.sidebar-ad {
padding-right: 25px;
}

.sidebar-ad:hover {
opacity: 0.75;
filter: alpha(opacity=75);
}


/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {}

/* ==========================================================================
   Footer Section
   ========================================================================== */

.footer-container {
    color: #4f575a;
    background-color: #20252c;
    height: 50px;
    padding: 30px 0px 30px 0px;
    text-align: center;
    font-size: 14px;
}

.footer-container a:link, .footer-container a:visited {
		color: #fff;
}

.footer-container a:hover {
		color: #fff;
		text-decoration: underline;
}

/* ==========================================================================
   Header Section
   ========================================================================== */
.header-container {
	background: #edeef0;
	margin-bottom: 20px;
	/*
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjZWRlZWYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 30%, #edeef0 75%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(30%,#ffffff), color-stop(75%,#edeef0));
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 30%,#edeef0 75%);
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 30%,#edeef0 75%);
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 30%,#edeef0 75%);
	background: radial-gradient(ellipse at center,  #ffffff 30%,#edeef0 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edeef0',GradientType=1 ); 
	*/
}
.header-container .wrapper{
	position: relative;
}
.cta{
	width: 36%;
	float: left;
	margin-top: 12%;
	position: absolute;
}
.cta strong{
	font-weight: 300;
	font-size: 20px;
	color: #60686b;
}
.softLink{
	margin-top: -5px;
}
.softLink a, .softtext{
	color: #b6bcbf;
	font-size: 14px;
	font-weight: bold;
}
.softLink a:hover{
	color: #1a1a1a;
}
.softtext{
	font-size: 16px;
	margin-bottom: 0;
	margin-top: 40px;
}
.book1, .book2{
	float: right;
	margin-top: 30px;
	max-width: 934px;
}
.book1 img, .book2 img{
	width: 100%;
}
.book2{
	display: none;
}

header.wrapper{
	padding-top: 40px;
}


@media only screen and (min-width: 250px) and (max-width:550px){
body {overflow: hidden;
      width: 100%;
}

#primary {
  width: 85% !important;
  float: left;
  background-color: #fff;
  box-shadow: -3px 0px 3px #888888;
  padding: 25px;
  overflow: hidden;
}
#secondary {
  width: 90%  !important;
  float: left;
  padding-left: 60px;
  padding-top: 22px;
}
}