/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}/*# sourceMappingURL=normalize.min.css.map */

/* Assign fonts to Pure div structure */
html, button, input, select, textarea,
.pure-g [class *= "pure-u"] { font-family: "Roboto", "Helvetica Neue", arial, sans-serif; } 

/* Div Modifiers - Float, Etc. */
.frame { max-width: 1060px; margin: 0 auto; padding: 0px; }
.frame-slim { max-width: 800px; margin: 0 auto; padding: 0px; }
.border-box { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.caps { text-transform: uppercase; }
.center { text-align: center; }
.clearfix { float: none; clear: both; }
.fixed { position: fixed; overflow: none; }
.feature-image { width: 300px; height: 200px; margin-bottom: 30px; }
.flex { width: 100%; height: auto; }
.full { width: 100%; }
.full-pad { width: 96%; padding: 0 2%; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }
.sans-serif { font-family: 'Helvetica Neue', arial; }
.shadow { text-shadow: 1px 1px 4px #000; }
.screen { opacity: .5; filter: alpha(opacity=50); }
.spacer { margin-top: 20px; margin-bottom: 40px; }
.wrap { float: left; margin: 1.2em 20px 20px 0; }
.white { color: #FFF; }

/* Embed Responsively  - http://embedresponsively.com/ */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Global Base */
body { background-color: #FFF; }
h1, h2, h3, h4 { /*font-weight: 700; margin-bottom: 0.5em; letter-spacing: 0px; color: #000; text-transform: uppercase;*/ }
	h1 { font-weight: 900; /*font-size: 1.8em;*/ }
	h2 { /*font-size: 1.2em;*/ }
	h3 { /*font-size: 0.9em;*/ }
	h4 { /*font-size: 0.9em;*/ }
p, li, label { font-size: 1em; line-height: 1.5em; color: #888; margin: 0 0 1.5em 0; font-weight: 400; }
	p, li, label, table, img.body-img, .embed-container { margin-bottom: 1.5em; }

a { color: #66b3a5; /* text-decoration: none; */ }
	a:hover { color: #000; }

header { background-color: #FFF; position: fixed; top: 0; width: 100% !important; z-index: 99; border-bottom: 1px solid #CCC; }
	#header-logo { display: block; }
nav { background-color: #FFF; }
nav ul { list-style: none; margin: 0; padding: 0; }
nav ul li { font-weight: 900; /* text-transform: uppercase; */ }
nav ul li a { text-decoration: none; /*color: #000;*/ }
nav ul li a:hover { /*color: #999; text-decoration: none;*/ }

#button-nav-toggle { border: 0 !important; color: #8976B6; } 

img { -ms-interpolation-mode: bicubic; }
	img.pure-img { width: 100% !important; }

#index-splash { background: url('https://franchise.pedalpt.com/images/bkgrd_test_02.jpg') no-repeat center center; background-size: cover; }
	#index-splash .icon { color: #8976B6; }
#index-buckets, #content { margin-bottom: 3em; }
	.bucket-title { font-weight: 900; color: #FFF; }
	.bucket-title-contain { background-color: #66b3a5; padding: 0.25em 0.5em; }
	.bucket h2 { margin-top: 0; margin-bottom: 0.5em; }
	.bucket p { font-size: 1.2em; line-height: 1.4em; margin-bottom: 1em; }
	
#inner-splash .headline-contain { text-align: left; color: #FFF; background-color: #8976B6; }
	#inner-splash #market { background: url('https://franchise.pedalpt.com/images/bucket_v2_market.jpg') no-repeat center center; background-size: cover; }	
	#inner-splash #need { background: url('https://franchise.pedalpt.com/images/bucket_v2_need.jpg') no-repeat center center; background-size: cover; }	
	#inner-splash #solution { background: url('https://franchise.pedalpt.com/images/mock_bucket_04.jpg') no-repeat center center; background-size: cover; }	
	#inner-splash #signup { background: url('https://franchise.pedalpt.com/images/bucket_v2_opportunity2.jpg') no-repeat center center; background-size: cover; }	

p.pullquote { font-weight: 900; color: #66b3a5; }

.pure-button { color: #FFF; background-color: #8976B6; }

footer { background: #333; margin-bottom: 0em; padding-top: 0em; padding-bottom: 3em; }
	footer p { font-size: 1em; color: #FFF; opacity: 0.7; }
	footer img { max-width: 150px; }
	footer a { color: #FFF; }

/* Pure Mods */
.pure-g [class*="pure-u"] { padding: 1em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.pure-g [class*="no-pad"] { padding: 0em; }
.pure-g [class*="no-pad-top"] { padding: 0em 1em 0 1em; }
.pure-g [class*="extra-pad"] { padding: 3em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.pure-offset-center { margin-left: auto; margin-right: auto; }
.table-u-1-1 { width: 100%; }
.table-u-2-3 { width: 66.66667%; }


/* Extras */


/*

HERO IMAGE NOTES:
100vw means 100% of the viewport width. 100vh; 100% of the height.
50vw means 50% of the viewport width. 50vh; 50% of the height.

*/

/* Phone */

@media (max-width:767px)
{
	.pure-hidden-phone { display: none; }
	.hero-image { height: 40vh; }

	nav ul li { font-size: 1.5em; border-top: 1px solid #05325c; }
	nav ul li a { line-height: 14vh; }

	#index-splash h1 { font-size: 2em; }
	#inner-splash h2 { font-size: 1.8em; }

	.bucket p.bucket-title { font-size: 1.4em; font-weight: 700; margin-top: 0.125em; margin-bottom: 1em; color: #FFF; }

	#content p { font-size: 1em; line-height: 1.6em; margin-bottom: 1.6em; text-align: left; }
	
	.pure-control-group input { width: 100%; }
		.pure-control-group select { width: 100%; text-overflow: ellipsis; }


}

/* Tablet */

@media (min-width:768px) and (max-width:1059px)
{
	.pure-hidden-tablet { display: none; }

	nav ul li { font-size: 2em; border-top: 1px solid #05325c; }
	nav ul li a { line-height: 10vh; }

	#index-splash h1 { font-size: 2.6em; }
	#index-splash .icon, #content .icon { font-size: 4em; line-height: 1.2em; margin-bottom: 0.5em; }

	#inner-splash h2 { font-size: 3em; margin-top: 1.5em; margin-bottom: 1.5em; }

	.bucket { padding: 2em !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
		.bucket p.bucket-title { font-size: 1.6em; font-weight: 900; margin-top: -2.5em; margin-bottom: 2em; color: #FFF; }
		.bucket h2 { font-size: 1.8em; }

	#content p { font-size: 1.4em; line-height: 1.6em; margin-bottom: 1.4em; }

}


/* Phone + Tablet */

@media (max-width:1059px)
{
	.pure-visible-desktop { display: none; }

	body { padding-top: 60px; }
	header { height: 60px; }
	#header-logo { height: 50px; margin-top: 5px; }

	nav ul li { margin: 0; padding: 0 1em; border-top: 1px solid #05325c; }
	nav ul li a { color: #FFF; }
	nav#menu { display: none; float: none; clear: both; background-color: #8976B6; position: fixed; top: 60px; height: 100vh; width: 100%; }
	#button-nav-toggle { font-size: 1.5em; line-height: 60px; background: none; margin-right: 0.5em; }

	#index-splash { margin-bottom: 2em; padding-top: 1em; }
		#index-splash img { margin: 1em auto; }
		#index-splash .icon { font-size: 3em; line-height: 1.2em; margin-bottom: 0.5em; }

	#inner-splash .headline-contain { padding: 1em; }
		#inner-splash #market, #inner-splash #need, #inner-splash #solution, #inner-splash #signup { min-height: 40vh; }

	#content p.pullquote { font-size: 2.2em; line-height: 1.2em; margin-bottom: 1em; }

}



/* Desktop - All */

@media (min-width:1060px)
{
	.pure-visible-phone { display: none; }
	.pure-visible-tablet { display: none; }
	.pure-hidden-desktop { display: none; }

	.frame { width: 1060px; }
	body { padding-top: 100px; }
	
	header { height: 100px;}
	#header-logo { height: 100px; }

	nav ul { padding-left: 0em; }
	nav ul li { margin: 0; }
		nav ul li img { display: block; margin: 0 auto; }
	nav ul li a { color: #8976B6; text-align: center; font-size: 1.2em; float: left; position: relative; margin: 0; line-height: 100px; padding: 0 auto 0 auto; 
		width: 20%; border-right: 1px solid #CCC; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
	nav ul li a:hover, nav ul li a.active { background-color: #8976B6; }
		nav ul li a:hover, nav ul li a.active { color: #FFF; }

	#index-splash { margin-bottom: 3em; padding-top: 1em; }
		#index-splash img { margin: 1em auto; }
		#index-splash h1 { font-size: 2.8em; }
		#index-splash .icon { font-size: 4em; line-height: 1.2em; margin-bottom: 0.5em; }

	#inner-splash { margin-bottom: 3em; }
		#inner-splash .headline-contain { padding: 3em; }
		#inner-splash h2 { font-size: 3em; margin-top: 1.5em; margin-bottom: 1.5em; }

	.bucket { padding: 3em !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
		.bucket p.bucket-title { font-size: 1.6em; font-weight: 900; margin-top: -2.5em; margin-bottom: 2em; color: #FFF; }
		.bucket h2 { font-size: 2.5em; }

	#content p { font-size: 1.4em; line-height: 1.6em; margin-bottom: 1.4em; }
		#content p.pullquote { font-size: 2.6em; line-height: 1.2em; margin-bottom: 1em; }

	.pure-form-aligned .pure-control-group label { width: 14em; }
	.pure-form-aligned .pure-controls { margin-top: 1em; margin-left: 15em; }



/* Desktop - Medium */

@media (min-width:1060px) and (max-width:1279px)
{
}

/* Desktop - XL */

@media (min-width:1280px)
{
	h1 { font-size: 2.2em; }
	h2 { font-size: 1.8em; }
	h3 { font-size: 1.6em; }
}

/* Misc Styles */


