/* CSS Document */

@import url("foundation-icons.css");

body {
	/*font: normal 12pt 'Droid Sans', sans-serif;*/
}

h1, h2, h3, h4, h5, h6, h7 {
	font-family: 'Droid Sans', sans-serif;
	font-weight: 700;
}

h1 {
	font-size: 24pt;
}

h2 {
	font-size: 22pt;
}

h3 {
	font-size: 18pt;
}

h4 {
	font-size: 16pt;
}

h5 {
	font-size: 14pt;
}

h6 {
	font-size: 12pt;
}

ul, ol {
	margin-left: 40px;
}

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

@media only screen and (min-width: 64.063em) {
	.row {
		width: 1000px;
	}
}

.interior {
	padding: 50px 0 100px 0;
}

.orange {
	background: #dd5340;
}

.orange:hover {
	background: #ff472e;
}

.teal {
	background: #34bbf4;
}

.teal:hover {
	background: #45d5f4;
}

.blue {
	background: #2d7ecc;
}

.blue:hover {
	background: #0886ff;
}

.green {
	background: #17b198;
}

.green:hover {
	background: #10c6a8;
}

#super-nav-container {
	background: #34bbf4;
}

#super-nav {
	height: 50px;
	margin-bottom: 0;
	padding-bottom: 0;
}

ul.super-nav-list {
	margin: 0;
	padding: 13px 0 0 0;
}

.super-nav-list li a, .super-nav-list li a.button {
	display: inline;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 12pt;
	color: #fff;
}

.super-nav-list li {
	display: inline;
	margin-left: 50px;
	padding-bottom: 0;
}

.super-nav-list li a.button {
	padding: 7px 30px;
}

li#register-button {
	margin-left: 25px;
}

#nav-container {
	background: #fff;
}

#logo {
	position: relative;
	top: -25px;
}

.top-bar {
	background: none;
	max-width: 1000px;
	margin: 0 auto;
}

.top-bar-section ul li a {
	font-family: 'Droid Sans', sans-serif;
	font-weight: 700;
	font-size: 14pt;
	color: #1c1306;
	padding: 20px !important;
	background: #fff !important;
}

.top-bar-section ul li a:hover {
	color: #34bbf4 !important;
}

#banner {
	height: 300px;
	width: 1000px;
	background: url(../img/banner_bg.png) no-repeat;
}

#price_badge {
	margin-top: 15px;
	position: relative;
	-webkit-transition: all .25s linear;
    -o-transition: all .52s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -kthtml-transition: all .25s linear;
    transition: all .25s linear;
}

#price_badge:hover {
	-webkit-filter: drop-shadow(0px 0px 7px rgba(209,253,252,0.75));
}

#price {
	position: absolute;
	top: 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-size: 75pt;
	z-index: 50;
	color: #1c1306;
	text-shadow: 3px 3px 0 #2d7ecc;
	width: 335px;
	text-align: center;
}

#price sup {
	font-size: 40pt;
}

#badge {
	position: absolute;
}

#social {
	margin: 20px auto;
}

#mm_container {
	position: relative;
}

.header, #sign_up a, #footer h4, #mm_header {
	font-family: 'Pacifico', cursive;
}

#mm_header, .mm_sub {
	position: absolute;
	color: #fff;
}

.mm_sub {
	font-family: 'Droid Sans', sans-serif;
	font-size: 14pt;
}

#mm_header {
	top: 0px;
	left: 150px;
	color: #fff;
	font-size: 40pt;
	text-shadow: 3px 3px 0 #b33625;
}

#mm_sub_top {
	top: 68px;
	left: 150px;
}

#mm_sub_bot {
	top: 91px;
	left: 150px;
}

.sidebar_container {
	margin-bottom: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding-bottom: 20px;
}

.sidebar_container p {
	padding: 10px 20px 0 20px;
	margin:0;
}

.sidebar_container p a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

.header {
	padding-top: 10px;
	color: #fff;
	font-size: 24pt;
	line-height: 1.25;
}

#pc .header {
	text-shadow: 2px 2px 0 #0f59a0;
}

#mm .header {
	text-shadow: 2px 2px 0 #c44230;
	padding-left: 10px;
}

#pc {
	background: #2d7ecc;
}

#pc .img {
	float: left;
	padding: 10px;
}

#pc a {
	color: #fff;
}

#mm {
	background: #dd5340;
}

#mm a {
	color: #fff;
}

.circular_mask {
	-webkit-clip-path: circle(50% at 50% 50%);
	clip-path: circle(50% at 50% 50%);
}

#btw_container, #btw_locator {
	margin: 40px auto;
	padding: 50px 0;
	background: #e3fcf8;
	border-top: solid 1px #c4f5ed;
	border-bottom: solid 1px #c4f5ed;
}

#practice_tests_container {
	margin: 40px auto 100px auto;
	padding: 50px 0;
	background: #daedff;
	border-top: solid 1px #bad2e9;
	border-bottom: solid 1px #bad2e9;
}

#practice_tests_container img {
	margin-top: 50px;
}

#btw_locator {
	border: solid 1px #c4f5ed;
	background: url(../img/btw_background.jpg) no-repeat;
	min-height: 400px;
}

#search_form {
	margin: 120px 150px 0;
	background: #ff0;
	border-bottom: solid 5px #2c8174;
	height: 55px;
	-webkit-box-shadow: 0 0 10px 0 #2c8174;
	box-shadow: 0 0 10px 0 #2c8174;
}

#search_form.results {
	margin: 10px auto !important;
}

#search_form input {
	padding: 25px;
	min-height: 50px;
	font-size: 14pt;
	border: none;
}

#search_form a {
	background: #fff;
	min-height: 50px;
	color: #2c8174;
	border: none;
	font-size: 24pt;
}

#search_form i {
	margin-top: 5px;
	line-height: 1.5;
}

#search_form input {
	color: #000;
}

.location_result {
	padding: 20px 0;
	border-bottom: solid 1px #eee;
}

.location_result h2 {
	font-size: 16pt;
	font-weight: normal;
}

.location_result p {
	line-height: 1;
	margin-bottom: 5px;
	font-size: 12pt;
	color: #555;
}

.location_result p.link {
	margin-bottom: 15px;
	font-size: 13pt;
}

.location_result p.link a {
	color: #006400;
}

.location_result p.dist {
	margin-top: 10px;
	font-style: italic;
	color: #777;
}

.back a {
	font-size: 10pt;
	font-weight: normal;
	padding-left: 20px;
}

#user_zip {
	width: 75%;
	float: right;
	margin-top: 3px;
}

.form_note {
	color: #555;
	font-size: 10pt;
}

#get_started {
	text-align: center;
}

#sign_up {
	text-align: center;
}

#sign_up a {
	margin: 50px auto 100px auto;
	padding: 10px 15px 13px 15px;
	font-size: 25pt;
	text-shadow: 3px 3px 0 #b33625;
}

#footer_container {
	padding: 30px 0 0 0;
	background: #444;
}

#footer h4 {
	color: #fff;
}

#footer ul {
	margin-left: 0;
}

#footer ul li {
	list-style-type: none;
	color: #fff;
	font-size: 11pt;
}

#footer ul li a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#footer p {
	font-size: 10pt;
	color: #fff;
}

#footer ul.inline li {
	display: inline;
}

#copyright p {
	font-family: 'Droid Sans', sans-serif;
	text-align: center;
	color: #a9a9a9;
	font-size: 9pt;
}

#referral_nav_container {
	margin: 20px 0;
	background: #f1f1f1;
	border: solid 1px #ddd;
}

#referral_nav {
	margin-bottom: 0;
	display: inline-block;
}

#referral_nav dd {
	font-size: 14pt;
}

#referral_nav dd.active a {
	background: #dd5340;
}

#referral_code {
	margin: 10px 0 30px 0;
}

#history_cash, #cash_out {
	margin-bottom: 50px;
}

ul#referral_graph li {
	line-height: 2;
	font-size: 16pt;
	list-style-type: none;
}

.twitter {
	color: #00aced;
}

.facebook {
	color: #3b5998;
}

.linkedin {
	color: #007bb6;
}

.google-plus {
	color: #dd4b39;
}

.pinterest {
	color: #cb2027;
}

ul#referral_graph li:nth-child(1) {
  color: #333;
}

ul#referral_graph li:nth-child(2) {
  color: #00aced;
}

ul#referral_graph li:nth-child(3) {
  color: #3b5998;
}

ul#referral_graph li:nth-child(4) {
  color: #007bb6;
}

ul#referral_graph li:nth-child(5) {
  color: #dd4b39;
}

ul#referral_graph li:nth-child(6) {
  color: #cb2027;
}

ul#sharing_history li {
	display: inline;
	font-size: 14pt;
	background: #eee;
	border: solid 1px #ddd;
	padding: 3px;
}

ul#sharing_history li .month {
	font-weight: bold;
}

.cash-to-date span, .cash-available span {
	font-size: 20pt;
	font-weight: bold;
}

ul#share_links {
	margin-left: 0;
}

ul#share_links li {
	font-size: 36pt;
	display: inline;
	list-style-type: none;
}

.image img {
	margin-bottom: 20px;
	padding: 20px;
	border: solid 1px #eee;
}

.course_price {
	font-family: georgia, times, serif;
	font-size: 24px;
	text-align: center;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #ddd;
	margin-bottom: 20px;
	padding: 5px 0 10px 0;
	background: #eee;
	width: 100px;
}

.clear {
	clear: both;
}

@media only screen and (max-width: 40em) { 

	#logo {
		top: 0px;
		width: 150px;
	}
	
	#price_badge {
		height: 250px;
		margin: 15px 0 0 30px;
		position: relative;
		-webkit-transition: all .25s linear;
		-o-transition: all .52s linear;
		-moz-transition: all .25s linear;
		-ms-transition: all .25s linear;
		-kthtml-transition: all .25s linear;
		transition: all .25s linear;
	}
	
	#price_badge:hover {
		-webkit-filter: drop-shadow(0px 0px 7px rgba(209,253,252,0.75));
	}
	
	#price {
		position: absolute;
		top: 20px;
		left: -35px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 800;
		font-size: 65pt;
		z-index: 50;
		color: #1c1306;
		text-shadow: 3px 3px 0 #2d7ecc;
		width: 335px;
		text-align: center;
	}
	
	#price sup {
		font-size: 40pt;
	}
	
	#badge {
		position: absolute;
	}

	.top-bar {
		background: #34bbf4;
	}
	
	#price_badge {
		left: -20px;
	}

	#social .social {
		width: 105px;
		margin-bottom: 20px;
	}
	
	#mm_header {
		font-size: 20pt;
		left: 100px;
	}
	
	#mm_sub_top {
		top: 48px;
		left: 100px;
	}
	
	#mm_sub_bot {
		top: 61px;
		left: 100px;
	}
	
	.mm_sub {
		font-size: 8pt;
		line-height: 0;
		background: #ff0;
	}
}