/*
Theme Name: ConvertKit2014
Theme URI: http://convertkit.com
Version: 0.2
*/

/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
blockquote, q {	quotes: none; }

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

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

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


/*-----------------[BASIC STYLES]-----------------*/

html { -webkit-font-smoothing: antialiased; }
body { 
	font-family: 'Open Sans', Arial, sans-serif; 
	font-size: 14px; 
	color: #555e58; 
	background: #235069 url('img/author-header.jpg') no-repeat center 40px; 
	min-width: 1024px;
	line-height: 1.5em;
}

a { text-decoration: none; color: #26507a; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #111; line-height: 1.5em; font-weight: normal; letter-spacing: -1px; margin-top: 5px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #111; }
h1 { font-size: 42px; }
h2 { font-size: 36px; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
h5 { font-size: 18px; }
h6 { font-size: 14px; }
p { padding-bottom: 15px; line-height: 1.7em; }
strong { font-weight: bold; color: #1c1c1c; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}

.content blockquote  { 
	margin: 20px 20px 20px 0px; 
	padding: 10px 20px 10px 60px; 
	color: #444; 
	font-style: italic; 
	border-left: solid 5px #235069; 
	font-family: Georgia, Times, Serif;
	font-size: 22px;
	}
	
	blockquote p { padding-bottom: 0px; }
	
	blockquote cite { 
		font-family: 'Open Sans', Arial, sans-serif; 
		padding-top: 10px;
		font-style: normal; 
		display: block;
		font-size: 16px;
		}

input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }

img#about-image { float: left; margin: 3px 8px 8px 0px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.clear {
	clear: both;
}

ul, ol {
	padding-left: 30px;
}

ul li, ol li {
	margin-bottom: 10px;
}


/*-----------------League Gothic-----------------*/

/* Regular */
@font-face {
    font-family: 'League Gothic';
    src: url('webfonts/leaguegothic-italic-webfont.eot');
    src: url('webfonts/leaguegothic-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/leaguegothic-italic-webfont.woff') format('woff'),
         url('webfonts/leaguegothic-italic-webfont.ttf') format('truetype'),
         url('webfonts/leaguegothic-italic-webfont.svg#league_gothic_italicregular') format('svg');
    font-weight: normal;
    font-style: italic;

}

/* Italic */
@font-face {
    font-family: 'League Gothic';
    src: url('webfonts/leaguegothic-regular-webfont.eot');
    src: url('webfonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/leaguegothic-regular-webfont.woff') format('woff'),
         url('webfonts/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('webfonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Condensed */
@font-face {
    font-family: 'League Gothic Condensed';
    src: url('webfonts/leaguegothic-condensed-regular-webfont.eot');
    src: url('webfonts/leaguegothic-condensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/leaguegothic-condensed-regular-webfont.woff') format('woff'),
         url('webfonts/leaguegothic-condensed-regular-webfont.ttf') format('truetype'),
         url('webfonts/leaguegothic-condensed-regular-webfont.svg#league_gothic_condensed-Rg') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Condensed Italic */
@font-face {
    font-family: 'League Gothic Condensed';
    src: url('webfonts/leaguegothic-condensed-italic-webfont.eot');
    src: url('webfonts/leaguegothic-condensed-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/leaguegothic-condensed-italic-webfont.woff') format('woff'),
         url('webfonts/leaguegothic-condensed-italic-webfont.ttf') format('truetype'),
         url('webfonts/leaguegothic-condensed-italic-webfont.svg#league_gothic_condensed_itaRg') format('svg');
    font-weight: normal;
    font-style: italic;
}

/*-----------------HEADER-----------------*/

#main-header {
	background: #fff;
	margin-bottom: 50px;
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,.4);
	box-shadow: 0px 0px 4px rgba(0,0,0,.4);
}

#header-inside {
	overflow: hidden;
	padding:  10px 0px;
	width: 1000px;
	margin: 0 auto;
}

#main-header #logo {
	width:  200px;
	float: left;
	margin-top: 5px;
	line-height: 1em;
}

#main-header #logo a {
	color: #1677be;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 0px 10px 80px;
	text-shadow: 0 0 5px rgba(192,228,255,.12); /* outer glow */
	font-size: 30px;
	background: url('img/ck-logo-small.png') no-repeat 0px 10px;
}

#main-header #navigation {
	float: right;
	list-style: none;
}

#main-header #navigation li {
	float: left;
}

#main-header #navigation a {
	float: left;
	display: block;
	margin: 10px 5px;
	padding: 10px 18px;
	color: #2d2d2d;
	text-decoration: none;
	font-size: 17px;
	font-weight: bold;
}

#main-header #navigation a:hover {
	color: #1677be;
}

#main-header #navigation .sign_in_link {
	text-transform: uppercase;
	color: #777;
	border: solid #aaa 1px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	padding: 5px 10px;
}
	#main-header #navigation .sign_in_link:hover {
		color: #1677be;
		border: solid #1677be 1px;
	}

/*-----------------CONTENT-----------------*/

.container {
	background: #fefefe;
	width: 900px;
	padding: 50px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin:  0px auto;
	overflow: hidden;
	margin-bottom: 60px;
}

.container .content {
	width: 600px;
	float: left;
	font-size: 16px;
	line-height: 1.5em;
	color: #444;
}

.container .content h2 {
	font-size: 36px;
}
.container .sidebar {
	width: 250px;
	float: right;
}


.container .content ul, .container .sidebar ul {
	margin: 15px 0px 15px 30px;
}

.container .sidebar h3 {
	margin: 20px 0px 10px;
}


/*-----------------[BASIC STYLES]-----------------*/



/*-----------------AUTOMATION HEADER-----------------*/


body.page-template-automation {
	background: #296480 url('img/automation-header.jpg') no-repeat center 83px;
}

body.page-template-automation .intro-content {
	text-indent: -9999px;
	height: 410px;
}

.section.automation-intro {
	background: #fff url('img/automation-intro.jpg') no-repeat center 130px;
	text-align: center;
	padding-bottom: 180px;
}


/*-----------------HOME PAGE-----------------*/


.intro-content {
	width: 1000px;
	margin: 20px auto 50px;
	position: relative;
}

.intro-content .headline {
	color: #fff;
	font-size: 110px;
	font-weight: 100;
	font-family: 'League Gothic';
	text-transform: uppercase;
	width: 600px;
	text-shadow: 0px 1px 3px rgba(0,0,0,.2);
	line-height: 1em;
	text-align: center;
	font-size: 80px;
	width: 400px;
	margin: 150px auto 20px;
}

.intro-content .subheading {
	font-size: 30px;
	color: #fff;
	width:  550px;
	color: #62f8ff;
	line-height: 32px;
	text-align: center;
	margin: 0 auto 200px;
}



.process {
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-top: 150px;
}

.process li {
	float: left;
	width: 250px;
	text-align: center;
	background: url('img/home-icons.png') no-repeat 45px 0px;
	padding: 180px 0px 0px 0px;
	color: #fff;
	font-size: 22px;
	
}

	.process li.drip-email {
		margin: 0px 125px;
		background-position: -350px 0px;
	}
	
	.process .more-sales {
		background-position: -750px 0px;
	}
	
/*-----------------Sections----------------*/	

.section {
	background: #fff;
}


.section.alt {
	background: #f0f0f0;
	border-top: 1px solid #d6d3d3;
	border-bottom: 1px solid #d6d3d3;
}

.section-content {
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0px;
	font-size: 18px;
}

.section-content .column {
	float: left;
	width: 475px;
}

.section-content .column.left {
	margin-right: 50px;
}


.section-content h3 {
	font-size: 40px;
	color: #111;
	font-weight: 100;
	margin-bottom: 20px;
}

.section-content p.description {
	width: 500px;
	margin-bottom: 20px;
}

.quote {
	text-align: center;
	color: #1f6b84;
	font-size: 24px;
	width: 800px;
	margin: 20px auto;
	position: relative;
}

	.quote p {
		line-height: 30px;
	}

	.quote cite {
		display: block;
		font-style: normal;
		text-align: left;
		padding: 25px 0px 25px 120px;
		margin-left: 200px;
	}
	
		.quote cite .title {
			text-transform: uppercase;
			font-size: 14px;
			display: block;
			color: #5d686c;
			padding-top: 5px;
		}

.quote.andrew cite {
	background: url('img/andrew-photo.png') no-repeat;
}

.quote.darrell cite {
	background: url('img/darrell-photo.png') no-repeat;
}


.quote.josh cite {
	background: url('img/josh-photo.png') no-repeat;
}

/*-----------------Relationship----------------*/	

.relationship .section-content {
	background: #fff url('img/relationships.jpg') no-repeat 0px 25px;
	padding-left: 350px;
	width: 650px;
	padding-bottom: 100px;
}

/*-----------------Landing Pages----------------*/	

.landing-pages .section-content {
	background: #f0f0f0 url('img/landing-page-sample.jpg') no-repeat right 35px;
	padding-right: 450px;
	width: 550px;
	padding-bottom: 50px;
	position: relative;
}

.landing-pages .section-content .book-covers {
	background: transparent url('img/book-covers.jpg') no-repeat left bottom;
	padding: 0px 0px 180px 0px;
}

.quote.ryan {
	position: absolute;
	right: 35px;
	top: 550px;
	width: 350px;
	font-size: 18px;
}

.quote.ryan cite {
	margin-left: 0px;
	padding: 15px 0px 25px 25px;
}

.quote.ryan cite .title {
	padding-left: 25px;
}

/*-----------------Sample Chapter----------------*/

.sample-chapter .section-content .content-container {
	background: #fff url('img/sample-chapter.jpg') no-repeat 0px 10px;
	padding-left: 530px;
}


/*-----------------Sources----------------*/


.subscriber-sources .section-content {
	background: #f0f0f0 url('img/subscriber-sources.jpg') no-repeat center 40px;
	padding-top: 250px;
	overflow: hidden;
}

/*-----------------lifecycle----------------*/


.lifecycle .section-content {
	overflow: hidden;
}

.lifecycle .section-content .video {
	float: left;
	width:  620px;
}
	
	
/*-----------------stories----------------*/	


.story {
	min-height: 550px;
}

.story .name {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.story .title {
	text-transform: uppercase;
	font-size: 18px;
	color: #666;
	color: rgba(0,0,0,.7);
	margin-top: 0px;
}

.story .testimonial {
	background: none;
	font-style: normal;
	font-size: 28px;
	border: none;
	line-height: 1.3em;
	padding: 30px;
}

/* Dennis */

.section.story.dennis-field {
		color: #fff;
		background: #4f4a47 url('img/stories/dennis-field.jpg') no-repeat center top;
}

.section.story.dennis-field .name { color: #fff; }
.section.story.dennis-field .title { color: #fff; color: rgba(255,255,255,.5); }

.section.story.dennis-field .about {
	margin-left: 350px;
	margin-right: 300px;	
}

.section.story.dennis-field .about a { color: #ccc; }

.section.story.dennis-field .testimonial {
	background: #333;
	background: rgba(0,0,0,.5);
	color: #fff;
}

/* Justin */

.section.story.justin-jackson {
		border: none;
		background: #f0f0f0 url('img/stories/justin-jackson.jpg') no-repeat center bottom;
}

.section.story.justin-jackson .about {
	margin-left: 270px;
	margin-right: 340px;	
}

.section.story.justin-jackson .name { margin-left: 270px;}
.section.story.justin-jackson .title { margin-left: 270px; }

/* Joel */

.section.story.joel-runyon {
		color: #fff;
		background: #000 url('img/stories/joel-runyon.jpg') no-repeat center top;
}

.section.story.joel-runyon .name { color: #fff; }
.section.story.joel-runyon .title { color: #fff; color: rgba(255,255,255,.5); }

.section.story.joel-runyon .about {
	margin: 30px 10px 0px 310px;
	background: rgba(0,0,0,.6);
	padding: 40px;
}

.section.story.joel-runyon .about a { color: #ccc; }
.section.story.joel-runyon .about h3 { color: #fff; font-size: 30px;}



/* Grant */

.section.story.grant-baldwin {
		color: #fff;
		background: #000 url('img/stories/grant-baldwin.jpg') no-repeat center top;
}

.section.story.grant-baldwin .name { margin-left: 310px; }
.section.story.grant-baldwin .title { margin-left: 310px; color: #666; color: rgba(0,0,0,.5); }

.section.story.grant-baldwin .about {
	margin: 30px 10px 0px 310px;
	background: rgba(0,0,0,.6);
	padding: 40px;
}

.section.story.grant-baldwin .about a { color: #ccc; }
.section.story.grant-baldwin .about h3 { color: #fff; font-size: 30px;}

/* Paula */

.section.story.paula-borowska {
		color: #fff;
		background: #312d2c url('img/stories/paula-borowska.jpg') no-repeat center top;
}

.section.story.paula-borowska .name { color: #fff; }
.section.story.paula-borowska .title { color: #fff; color: rgba(255,255,255,.7); }

.section.story.paula-borowska .about {
	margin: 20px 475px 20px 200px;
	position: relative;
}

.section.story.paula-borowska .about a { color: #ddd; }

.section.story.paula-borowska .paula-photo {
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	border-radius: 80px;
	position: absolute;
	left: -200px;
}

.section.story.paula-borowska .testimonial {
	background: #333;
	background: rgba(0,0,0,.5);
	color: #fff;
	font-size: 22px;
	margin-bottom: 20px;
}

/* Barron */

.section.story.barron-cuadro {
		color: #fff;
		background: #312d2c url('img/stories/barron-cuadro.jpg') no-repeat center top;
}

.section.story.barron-cuadro .name { color: #fff; }
.section.story.barron-cuadro .title { color: #fff; color: rgba(255,255,255,.7); }

.section.story.barron-cuadro .about {
	margin: 20px 75px 20px 400px;
	position: relative;
}

.section.story.barron-cuadro .about a { color: #ddd; }

.section.story.barron-cuadro .testimonial {
	background: #333;
	background: rgba(0,0,0,.5);
	color: #fff;
	font-size: 22px;
	margin-bottom: 20px;
	margin-right: 20px;
}


/* Dan */

.section.story.dan-counsell {
	color: #fff;
	background: #312d2c url('img/stories/dan-counsell.jpg') no-repeat center top;
	min-height: 499px;
}

.section.story.dan-counsell .name, .section.story.dan-counsell .title { margin-left: 512px; }

.section.story.dan-counsell .about {
	margin: 0px 0px 20px 512px;
	position: relative;
	color: #444;
}

.section.story.dan-counsell .about a { color: #222; }

/* Leo */

.section.story.leo-babauta {
	color: #fff;
	background: #312d2c url('img/stories/leo-babauta.jpg') no-repeat center top;
	min-height: 630px;
}

.section.story.leo-babauta .name, .section.story.leo-babauta .title { margin-left: 668px; }

.section.story.leo-babauta .about {
	margin: 0px 0px 20px 668px;
	position: relative;
	color: #444;
}

/* Baremetrics */

.section.story.baremetrics {
	color: #fff;
	background: #312d2c url('img/stories/baremetrics.jpg') no-repeat center top;
	min-height: 630px;
	text-indent: -9999px;
}


/* Tracy Osborn */

.section.story.tracy-osborn {
	color: #fff;
	background: #312d2c url('img/stories/tracy-osborn.jpg') no-repeat center top;
	min-height: 559px;
}
.section.story.tracy-osborn .name, .section.story.tracy-osborn .title { 
	margin-left: 645px;
	color: #fff;
}

.section.story.tracy-osborn .name {
	margin-top: 350px;
}

/* emma-short-e / Brad */

.section.story.emma-short-e, .section.story.brad-hussey, .section.story.right-text {
	color: #fff;
	background: #312d2c url('img/stories/emma-short-e.jpg') no-repeat center top;
	min-height: 559px;
}

.section.story.brad-hussey {
	background: #312d2c url('img/stories/brad-hussey.jpg') no-repeat center top;
}

.section.story.mike-vardy {
	background: #312d2c url('img/stories/mike-vardy.jpg') no-repeat center top;
}

.section.story.jen-gresham {
	background: #312d2c url('img/stories/jen-gresham.jpg') no-repeat center top;
}

.section.story.joe-bunting {
	background: #312d2c url('img/stories/joe-bunting.jpg') no-repeat center top;
}

.section.story.right-text .name {
	margin-top: 80px;
}

.section.story.right-text .title, .section.story.right-text .name { 
	margin-left: 430px; 
	color: #fff;
}

.section.story.right-text .about  {
	margin: 0px 0px 20px 430px;
	position: relative;
	color: #fff;
	font-size: 18px;
}

.section.story.right-text .about a  { color: #ccc; }


/* centered bio */

.section.story.centered-bio .section-content {
	padding: 60px 350px 40px 250px;
	width: 400px;
	color: #eee;
}


.section.story.centered-bio .name, .section.story.centered-bio .title, .section.story.centered-bio a {
	color: #fff;
}


/* Gavin */


.section.story.gavin {
	background: #312d2c url('img/stories/gavin.jpg') no-repeat center top;
}

.section.story.gavin .name, .section.story.gavin .title, .section.story.gavin .about {
	margin-left:  460px;
}


/* Tom */

.section.story.tom-morkes {
	background: #312d2c url('img/stories/tom-morkes.jpg') no-repeat center top;
}

/* Michael */

.section.story.michael-hartl {
	background: #312d2c url('img/stories/michael-hartl.jpg') no-repeat center top;
}

/* Krista */

.section.story.krista-stryker {
		color: #fff;
		background: #020120 url('img/stories/krista-stryker.jpg') no-repeat center top;
		height: 680px;
}

.section.story.krista-stryker .name { color: #fff; margin-left: 200px;}
.section.story.krista-stryker .title { color: #fff; color: rgba(255,255,255,.5); margin-left: 200px; }

.section.story.krista-stryker .about {
	margin: 5px 10px 0px 200px;
	background: none;
	width: 350px;
}

.section.story.krista-stryker .about a { color: #ccc; }
.section.story.krista-stryker .about h3 { color: #fff; font-size: 30px;}

/* Ryan Battles */

.section.story.ryan-battles {
		color: #fff;
		background: #4f4a47 url('img/stories/ryan-battles.jpg') no-repeat center top;
}

.section.story.ryan-battles .name { color: #fff; background: rgba(0,0,0,.3); padding-left: 15px; width: 250px;
}
.section.story.ryan-battles .title { color: #fff; color: rgba(255,255,255,.5); background: rgba(0,0,0,.3); padding-left: 15px;width: 250px;
}

.section.story.ryan-battles .about {
	margin-left: 380px;
	margin-right: 260px;	
	background: rgba(0,0,0,.3);
	padding: 20px;
}

.section.story.ryan-battles .about a { color: #ccc; }

.section.story.ryan-battles .testimonial {
	background: #333;
	background: rgba(0,0,0,.5);
	color: #fff;
}
	
/*-----------------COURSES----------------*/

.drip-marketing {
	clear: both;
	-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,.1);
	-moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,.1);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,.1);
}

#course-screenshot, #rules-screenshot, #pat-screenshot {
	display: block;
	text-indent: -9999px;
	width: 1000px;
	height: 900px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: url('img/course-screenshot.jpg') no-repeat;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	margin-bottom: 50px;
	clear: both;
}

#rules-screenshot {
	background: url('img/rule-screenshot.jpg') no-repeat;
	height: 665px;
}

#pat-screenshot {
	background: #fff url('img/pat-quote.jpg') no-repeat -2px 0px;
	height: 500px;
}

/*-----------------RESPONSIVE FORMS----------------*/

.responsive-forms .section-content {
	background: #fff url('img/responsive-forms.jpg') no-repeat right 30px;
	padding-right: 630px;
	width: 370px;
	padding-bottom: 50px;
	overflow: hidden;
}

.responsive-forms .feature-list {
	
}

/*-----------------TRUST----------------*/

.trust {
	background: #fff url('img/trust.jpg') no-repeat center 120px;
	padding: 50px 0px;
	font-size: 18px;
}

.trust .section-content {
	width: 1000px;
	margin: 0 auto 50px;
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 200px;
}


.trust-content h3 {
	font-size: 30px;
}

.trust-content p {
	width: 400px;
}

.trust-conclusion {
	width: 500px;
	text-align: center;
	margin: 0 auto;
}

.trust-conclusion h3 {
	font-size: 28px;
	line-height: 1.5em;
}


/*-----------------Broadcasts----------------*/


.broadcasts .section-content {
	background: url('img/broadcast-feature.jpg') no-repeat right top;
	padding-right: 500px;
	width: 500px;
}


/*-----------------Automations----------------*/


.automation-rules .section-content {
	background: url('img/rules.jpg') no-repeat right bottom;
	padding-right: 675px;
	padding-bottom: 140px;
	width: 325px;
}

.automation-blueprint .section-content {
}


.automation-blueprint.pitch-blueprint .section-content h3 { 
	background: url('img/blueprint-pitch.jpg') no-repeat left bottom; 
	padding-bottom: 200px;
}

.automation-blueprint.launch-blueprint .section-content h3 { 
	background: url('img/blueprint-launch.jpg') no-repeat left bottom; 
	padding-bottom: 300px;
}

.automation-blueprint.onboarding-blueprint .section-content h3 { 
	background: url('img/blueprint-onboarding.jpg') no-repeat left bottom; 
	padding-bottom: 230px;
}

.automation-blueprint.webinar-blueprint .section-content h3 { 
	background: url('img/blueprint-webinar.jpg') no-repeat left bottom; 
	padding-bottom: 370px;
}

	.automation-blueprint.onboarding-blueprint .feature-list li { padding-top: 0px; }

.automation-blueprint .feature-list li {
	padding-top: 10px;
}

.automation-blueprint .feature-list h4 {
	text-transform: uppercase;
	color: #377894;
	font-weight: bold;
	font-size: 18px;
}

.blueprints-list {
	list-style: none;
	margin: 20px 0px 0px;
	padding: 0px;
	height: 142px;
}

.blueprints-list li {
	float: left;
	opacity: .8;
	text-align: center;
	color: #2b2b2b;
	font-size: 18px;
	background: url('img/automation-icons.jpg') no-repeat;
	width: 150px;
	padding-top: 115px;
	position: relative;
}

.blueprints-list li:hover {
	opacity: 1;
	cursor: pointer;
}

.blueprints-list li.coming-soon {
	opacity: .5;
	cursor: default;
}


.blueprints-list li.active {
	opacity: 1;
	cursor: default;
}

.blueprints-list li.active:before {
	position: absolute;
	content: "";
	width: 35px;
	height: 35px;
	top: 160px;
	left: 55px;
	background: url('img/active-arrow.jpg') no-repeat;
}

.blueprints-list li.pitch { background-position: 25px 0; }
.blueprints-list li.launch { background-position: -145px 0; }
.blueprints-list li.onboarding { background-position: -325px 0; }
.blueprints-list li.webinars { background-position: -500px 0; }
.blueprints-list li.madness { background-position: -675px 0; }
.blueprints-list li.machine { background-position: -850px 0; }



/*-----------------Integrations----------------*/


.integrations .section-content {
	background: url('img/integrations.jpg') no-repeat right top;
	padding-right: 600px;
	width: 400px;
}

/*-----------------ACTION-----------------*/

.call-to-action {
	background: #15617a url('img/road.jpg') no-repeat center -20px; 
	padding: 100px 0px 200px;
}

.call-to-action-content {
	width: 1000px;
	margin:  0 auto;
	color: #fff;
}

.call-to-action-content h3 {
	font-size: 30px;
	color: #fff;
}


.call-to-action-content p {
	font-size: 18px;
	padding-bottom: 150px;
	width: 400px;
	background: url('img/small-arrow.png') no-repeat 160px 100px;
}


.call-to-action .pricing-button {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #fff; /* layer fill content */
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.75); /* drop shadow */
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.75); /* drop shadow */
	box-shadow: 0 1px 4px rgba(0,0,0,.75); /* drop shadow */
	display: block;
	padding: 20px 0px;
	width: 400px;
	font-size: 30px;
	color: #153855;
	text-decoration: none;
	margin: -100px auto 0px;
	text-align: center;
}

.button {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #1080d2; /* layer fill content */
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); /* drop shadow */
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); /* drop shadow */
	box-shadow: 0 1px 4px rgba(0,0,0,.2); /* drop shadow */
	display: block;
	padding: 20px 0px;
	width: auto;
	font-size: 30px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	
}

.button:hover { text-decoration: none; }


/*-----------------FEATURES----------------*/


.feature-list {
	list-style: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	width: 1000px;
}

.feature-list li {
	float: left;
	width: 300px;
	margin: 10px 50px 10px 0px;
	padding-top: 120px;
	font-size: 14px;
}

.feature-list li:nth-child(3n) {
	margin-right: 0px;
}

.landing-pages .feature-list li {
	background: transparent url('img/landing-page-features.jpg') no-repeat 0 0;
}

.feature-list li.colors { background-position: -485px 0px; }
.feature-list li.patterns { background-position: -750px 0px; }
.feature-list li.custom-css { background-position: -210px 0px; }
.feature-list li.domain { background-position: 40px 0px; }


.responsive-forms .feature-list {
	margin-top: 50px;
}

.responsive-forms .feature-list li {
	background: transparent url('img/form-features.jpg') no-repeat 0 0;
}

.feature-list li.gift { background-position: 40px 0px; }
.feature-list li.multiple-incentives { background-position: -210px 0px; }
.feature-list li.wordpress { background-position: -485px 0px; }

.drip-marketing .feature-list li {
	background: transparent url('img/course-features.jpg') no-repeat 0 0;
}

.feature-list li.drag { background-position: 40px 0px; }
.feature-list li.custom-days { background-position: -210px 0px; }
.feature-list li.stats { background-position: -485px 0px; }


.broadcasts .feature-list li {
	background: transparent url('img/broadcast-features.jpg') no-repeat 0 0;
}

.feature-list li.segmenting { background-position: 40px 0px; }
.feature-list li.exclude { background-position: -210px 0px; }
.feature-list li.save-segments { background-position: -485px 0px; }


.personal-emails .feature-list li {
	background: transparent url('img/personal-features.jpg') no-repeat 0 0;
}

.feature-list li.by-name { background-position: 40px 0px; }
.feature-list li.time { background-position: -210px 0px; }
.feature-list li.responsive { background-position: -485px 0px; }



/*-----------------Support----------------*/

.succeed .section-content {
	background: url('img/graph.jpg') no-repeat right bottom;
	padding-right: 350px;
	width: 650px;
	padding-bottom: 80px;
}

.how-we-do-it .section-content {
	background: url('img/laptop-feedback.jpg') no-repeat center right;
	padding-right: 480px;
	width: 520px;
}

.cheque .section-content {
	background: url('img/cheque.jpg') no-repeat center bottom;
	padding-bottom: 150px;
	overflow: hidden;
}

.cover-design .section-content {
	background: url('img/cover-design.jpg') no-repeat right bottom;
	padding-right: 400px;
	width: 600px;
	min-height: 371px;
}

/*-----------------FOOTER-----------------*/

#footer {
	background: #0f3a4a;
	color: #ddd;
	padding: 20px 0px 15px;
	border-top: 1px solid #191919;
	-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,.1);
	-moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,.1);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,.1);
}

#footer-columns {
	margin: 0 auto;
	width: 1000px;
	list-style: none;
	padding: 0px;
	overflow: hidden;
}

#footer-columns .footer-column {
	width: 220px;
	float: left;
}

#footer-columns .footer-column.copyright {
	width: 340px
}

#footer-columns .footer-column ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#footer-columns .footer-column h4 {
	font-size: 16px;
	color: #7bbed4;
	text-transform: uppercase;
}


#footer-columns .footer-column a {
	font-size: 20px;
	color: #fff;
	text-decoration: none;
}

#footer-columns .footer-column a:hover {
	text-decoration: underline;
}

/*-----------------PRICING-----------------*/

.pricing {
	width: 1000px;
	margin: 0 auto;
}

.pricing .intro-header {
	color: #fff;
	color: rgba(255,255,255,.7);
	text-align: center;
	width: 600px;
	margin: 0 auto;
	font-size: 30px;
}

.view_plans_button {
	display:  block;
	clear:  both;
	float: right;
	border:  solid #1b3e64 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	padding: 10px 20px;
	margin:  10px;
	color:  #eee;
	text-shadow: 0px 1px 0px #1b3e64;
	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 0px rgba(255,255,255,.1);
	-moz-box-shadow: 0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 0px rgba(255,255,255,.1);
	box-shadow: 0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 0px rgba(255,255,255,.1);
	font-size: 18px;
}

.view_plans_button:hover {
	text-decoration: none;
	color: #fff;
}

.packages {
	background: #fafafa;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	height: 435px;
	padding: 0px;
	margin-top: 60px;
}

.packages li.plan {
	float: left;
	list-style: none;
	width: 250px;
	font-size: 16px;
	padding: 0px;
}


.packages li.plan li {
	list-style: none;
	padding: 5px 0px;
}

.packages li.plan h4 {
	font-size: 30px;
	margin: 20px 0px;
}

.packages li.plan .title {
	background: #383838;
	color: #fff;
	padding: 30px 0px 20px;
}

	.packages li.plan .title h4 {
		text-align: center;
		color: #fff;
		font-size: 18px;
		margin: 0px;
		text-transform: uppercase;
	}


	.packages li.plan .price {
		color: #fff;
		text-align: center;
		font-size: 18px;
		display: block;
	}

	.packages li.plan .price .dollar {
		font-size: 28px;
		position: relative;
		top: -40px;
	}
	
	.packages li.plan .price strong {
		font-size: 80px;
		line-height: 80px;
		font-weight: normal;
		color: #fff;
	}
	
.packages li.plan .normal {
	font-size: 18px;
	display: block;
	text-align: center;
	color: #484848;
	padding-top: 15px;
	font-weight: 100;
}
.packages li.plan em {
	font-size: 16px;
	line-height: 1.5em;
}
.packages li.plan .includes {
	font-size: 14px;
	display: block;
	color: #484848;
	padding: 0px 0px 10px;
	font-weight: 100;
	text-transform: uppercase;
	padding: 10px 20px;
}

.packages li.plan .recommended {
	padding:  5px 20px 0px;
	font-size: 14px;
}

.packages li.plan ul strong {
	color: #145484;
}



.packages li.plan ul {
	padding-left: 20px;
}


.packages li.plan .preorder_button {
	display: block;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	padding: 15px 0px;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #145484;
	margin-top: 20px;
	margin: 20px;
}

	.packages li.featured {
		background: #fff;
		margin-top: -20px;
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
		box-shadow: 0px 0px 5px rgba(0,0,0,.2);
		height: 485px;
	}
	
	.packages li.featured .title {
		background: #69c380;
	}


	.packages li.featured .preorder_button {
		background: #69c380;
	}
	
	.packages li.business .title {
		-webkit-box-shadow: inset -1px 0px 0px #444;
		-moz-box-shadow: inset -1px 0px 0px #444;
		box-shadow:  inset -1px 0px 0px #444;
	}


.questions {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width:  1050px;
	overflow: hidden;
}

.questions li {
	float: left;
	width: 475px;
	margin: 30px  50px 20px 0px;
	color: #eee;
	font-size: 16px;
}

.questions li a {
	color: #acd9ff;
}

.questions li:nth-child(2n+1) {
	clear: both;
}

.questions li h3  {
	margin-bottom: 0px;
	color: #fff;
	font-size: 30px;
}

.questions li li {
	padding: 5px;
	margin: 0px;
}

.questions li li strong {
	color: #fff;
}

.post.academy {
	background: #fff;
	padding: 50px 100px 50px 300px;
	background: #fff url('//convertkit.com/wp-content/themes/convertkit/img/ck-academy.png') no-repeat 20px 20px;
	margin: 100px 0px 50px;
	font-size: 16px;
	line-height: 1.6em;
}

.post.academy a {
	font-weight: bold;
}


.section-content.questions {
	margin: 0 auto;
}

.section-content.questions li {
	color: #555;
}

.section-content.questions li h3 {
	color: #333;
}

.section-content.questions li a {
	color: #245b77;
}

.section-content.questions li li strong {
	color: #245b77;
}


/*-----------------PRICING SLIDER----------------*/

	#plan-select select {
		display: none;
		width: 300px;
		margin:  20px auto;
	}

  	.page-template-pricing-slider {
  		background: url('//convertkit.com/wp-content/themes/convertkit2014/img/grid-header.jpg') repeat-x;
  	}
  	
  	.page-template-pricing-slider .intro-content .headline {
  		margin-top: 100px;
  		width:  1000px;
  	}
  	
	.page-template-pricing-slider .intro-content .subheading {
		margin-bottom: 20px;
	}

  	#slider {
  		width: 850px;
  		margin: 30px auto 110px auto;
  		background: #225671;
  		border: none;
  		height: 7px;
  		box-shadow: 0px 1px 0px rgba(64,133,168,.5), inset 0px 1px 3px rgba(0,0,0,.3);

  	}
  	
  	#slider .ui-slider-handle {
  		outline: none;
		background:  url('//convertkit.com/wp-content/themes/convertkit2014/img/slider-knob.png') no-repeat;
		border: none;
		width: 35px;
		height: 35px;
		cursor: pointer;
		top: -14px;
  	}

  	.tooltip {
  		position: absolute;
  		top: 48px;
  		left: -83px;
  		background: #5aab71;
  		color: #fff;
  		font-size: 12px;
  		padding: 15px;
  		text-align: center;
  		width: 170px;
  		cursor: pointer;
  		text-transform: uppercase;
  		font-size: 17px;
  		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  		font-weight: 400;
  		letter-spacing: .1em;
  		color:  #dbeadf;
  	}

  	#slider .ui-slider-handle:hover .tooltip {
  		background: #5eb075;
  	}

  	.tooltip:before {
  		position: absolute;
  		border: solid 10px transparent;
  		border-bottom-color: #6ac183;
  		top: -20px;
  		content: " ";
  		display: block;
  		left:  90px;
  	}

  	.tooltip strong {
  		display: block;
  		font-weight: 100;
  		font-size: 44px;
  		color: #fff;
		line-height: 44px;
  	}

  	.size-label {
  		text-transform: uppercase;
  		background: #6ac183;
  		width:  200px;
  		margin:  -15px 0px 15px -15px;
  		font-size: 10px;
  		padding: 8px 0px 8px;
  		color: #fff;
  		letter-spacing: .05em;
  	}

  	h2.plan-details {
  		font-family: Helvetica;
  		color: #444;
  		margin-top: 40px;
  		font-weight: 200;
  		font-size: 28px;
  		text-align: center;
  	}

  	.subscriber-count, .plan-cost {
  		color: #245b77;
  		border-bottom: 1px dotted #245b77;
  	}

  	.plan-button {
  		color:  #fff;
  		text-decoration: none;
  		background: #5aab71;
  		padding: 12px 25px;
  		border-radius: 5px;
  		display: block;
  		margin-top: 30px;
  		border: none;
  		margin:  30px auto;
  		font-size: 24px;
  		cursor: pointer;
  	}

/* ------------- Blog --------------*/

.container.blog {
	background: none;
	width: 1000px;
	padding: 0px;
}

.container.blog .content {
	width:  700px;
}

.container.blog .post {
	background: #fefefe;
	margin: 0px 0px 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,.4);
	border-top: solid 5px #3591cf;
	border-bottom: solid 5px #3591cf;
}

.container.blog .entry {
	padding: 50px;
	color: #666;
}

.container.blog .date {
	color:  #888;
	text-transform: uppercase;
	padding-bottom: 20px;
	display: block;
	font-size: 12px;
}
.container.blog h2 a {
	color:  #333;
	margin-bottom: 20px;
	display: block;
	text-decoration: none;
}

.container.blog .entry .more-link {
	color: #3591cf;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
}

.container.blog .entry .more-link:hover {
	color: #2675a9;
}

.container.blog .sidebar {
	width: 270px;
}

.container.blog .sidebar .widget {
	background: #fefefe;
	margin: 0px 0px 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,.4);
	border-top: solid 5px #3591cf;
	border-bottom: solid 5px #3591cf;
	padding: 10px 25px 25px;
}

.sidebar .widget .trial-button {
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
		font-size: 18px;
		margin-top: 0px;
		border: 1px solid #4d7c0a; /* stroke */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px; /* border radius */
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box; /* prevents bg color from leaking outside the border */
		background-color: #689c23; /* layer fill content */
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.38); /* inner shadow */
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.38); /* inner shadow */
		box-shadow: inset 0 1px 0 rgba(255,255,255,.38); /* inner shadow */
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAuMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); /* gradient overlay */
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%); /* gradient overlay */
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%); /* gradient overlay */
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%); /* gradient overlay */
		background-image: linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%); /* gradient overlay */
		color: #fff;
		text-shadow: 0px -1px 0px rgba(0,0,0,.3);
		font-weight: 100;
		display:  block;
		text-align: center;
		text-decoration: none;
}


/* ------------- Academy --------------*/

.container.blog.academy .content {
	width: 1000px;
}

.container.blog.academy h2.header {
	padding: 50px 100px 0px;
	margin: 0px;
	text-align: center;
	font-size: 44px;
	line-height: 50px;
}

.container.blog.academy h2.header span {
	display: block;
	font-size: 36px;
}

.container.blog.academy .post .entry {
	padding-left: 300px;
	padding-right: 100px;
	background: #fff url('//convertkit.com/wp-content/themes/convertkit/img/ck-academy.png') no-repeat 20px 20px;
}

.container.blog.academy h2 {
	padding: 20px 0px;
	font-size: 28px;
}