/*
01.	Imported Styles
---------------------------------------------------------------------------------------------*/
@import url("normalize.css"); /*STANDARDIZES HTML5*/
@import url("base.css");
@import url("formalize.css");


@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Kaushan+Script);
					
/*
02.	HTML Styles
---------------------------------------------------------------------------------------------*/
html {height: 100% !important;}

body {
  	color: #222;
	font-family: 'Open Sans', "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 18px; font-weight: normal;
	line-height: 1.15em;
	margin: 0;
	}
/* headings */
	h1,h2,h3,h4,h5,h6 {
		color: #222;
		font-family: 'Open Sans', "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-weight: 700;
		letter-spacing: -.025em;
		line-height: 1em;
		}
	h1,h2 	{
		color: #F60;
		font-size: 36px; font-weight: 700;
		text-align: center;
		margin: 20px auto 5px;
		}
	h2	{
		font-size: 42px; font-weight: 300;
		}

	h1 .big, h2 .big, h3 .big, h4 .big, h5 .big, h6 .big {font-size: 125%; line-height: 1em;}

	.big {font-size: 125%;}

	.color-black  { color: #222; }
	.color-blue	  { color: #39C; }
	.color-green  { color: #690; }
	.color-orange { color: #E50; }
	.color-red    { color: #C00; }
	.color-white  { color: #FFF; }
	
	.padding-left {padding-left: 40px;}



	h1.title {
		color: #222;
		font-size: 32px; font-weight: 700;
		letter-spacing: -.025em;
		line-height: 1.25em;
		margin: 20px auto 20px;
		text-align: center;
		}
	h2.accent {
		color: #222;
		font-family: 'Kaushan Script', cursive;
		font-size: 42px; font-weight: 700;
		letter-spacing: -.025em;
		line-height: 1.25em;
		margin: 20px auto 20px;
		text-align: center;
		}
	p.subtitle {
		color: #222;
		font-size: 20px; font-weight: 300;
		line-height: 1.5em;
		text-align: center;
		}



	
/* links */
	a:link,a:visited			{color: #690;}
	a:focus,a:hover,a:active	{color: #777;}
/* paragraph */
	p.big, p .big		{font-size: 20px;}
	p.small, p .small	{font-size: 90%;}
	p.footnote { font-size: 12px; font-style: italic; }
	blockquote {
		color: #069;
		font-family: inherit; font-size: 18px; font-style: italic; font-weight: 400;
		line-height: inherit;
		padding-left: 45px;
		}
	blockquote strong {font-style: italic; font-weight: bold;}
	hr {
		border-bottom: 1px solid #CCC;
		clear: both;
		height: 2px;
		margin: 60px 0;
		padding: 2px;
		}
					
	#footer {
		color: #222;
		clear: both;
		font-size: 14px;
		margin: 20px auto;
		padding: 40px auto;
		text-align: center;
		}
	#footer a {color: #222; text-decoration: underline;}


/*
03. Wrappers + Containers
---------------------------------------------------------------------------------------------*/
	#wrapper {
		background: #FFF;
		margin: 0 auto 0;
		/*padding: 20px 20px 40px;*/
		padding: 0;
		position: relative;
		text-align: left;
		width: 100%;
		}
	#content {
		padding: 0;
		margin: 40px auto 80px;
		}
		#content.thankyou {
			height: auto;
			padding: 30px;
			margin: 40px auto 80px;
			max-height: 240px;
			}



/*
Content
---------------------------------------------------------------------------------------------*/
	.featured-image {}

	img.featured-image {max-width: 100%;}
	.thankyou .featured-image {
		display: block;
		margin: 0 auto;
		position: relative;
		left: auto; top: -60px;
		}					
				

					
					
					
									
					
					
					
					
/*
FORM STYLES
---------------------------------------------------------------------------------------------*/

/* fieldset, label, legend */
	/* InfusionSoft Form: Unstyled */
	form.infusion-form {
		color: #000;
		display: block;
		font-size: 20px; font-weight: 400;
		line-height: 1em;
		margin: 0 auto 20px;
		padding: 0;
		max-width: 260px;
		}

	.infusion-field br,
	.infusion-form p {display: none;} /* Hides WordPress auto-inserted paragraph tags */
		
	.infusion-form label {
		display: block;
		font-size: 16px; font-weight: 600;
		margin: 0 0 5px;
		padding: 0;
		text-transform: uppercase;
		width: auto;
		}
	.infusion-form select {
		line-height: 1em;
	    margin: 2px auto 8px; padding: 2px;
	    width: 95%;
		}
	.dark-box form.infusion-form { color: #FFF; }

	input[type="text"],
	textarea,
	.infusion-form input[type="text"],
	.infusion-form textarea	 {
		-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	    background: #FFF;
	    border: 1px solid #CCC;
	    color: #666;
		font-family: 'Open Sans', "Helvetica Neue", Arial, Helvetica, sans-serif;
	    font-size: 16px; font-weight: 400;
	    height: auto;
		line-height: 1em;
		resize: none;
		vertical-align: top;
	    margin: 0 0 15px !important;
	    max-width: 100%;
	    padding: 8px 12px;
		resize: none;
		vertical-align: top;
	    width: 100%;
		}
	
	input[type="text"]:focus,
	textarea:focus {
	    background: #F9F9F9;
	    border: 1px solid #CCC;
	    color: #222;
	    outline: 0;
		}

	input[type=submit],
	input[type=button] {
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

		-webkit-appearance: none;
		-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;

		background: #F60;
		color: #FFF;
		font-family: 'Open Sans', "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-size: 24px; font-weight: 700;

		font-size: 14px\9; /* IE8 and below */;

		letter-spacing: 1px;
		margin: 10px auto;
		max-width: 100%;
		padding: 8px 8px !important;
		position: relative;
		text-transform: uppercase;
		text-align: center;
	
		/* IE7 */
		*padding-bottom: 3px;
		width: 100%;
		}
	a.button:hover,
	button:hover,
	input[type=submit]:hover,
	input[type=button]:hover {
		background-color: #222;
		border-color: #222;
		color: #FFF;
		}
	a.button:active,
	button:active,
	input[type=submit]:active,
	input[type=button]:active {
		border: 1px solid;
		border-color: #CCC #CCC #AAA;
		position: relative;
		}

	.signup-box {
		background: #F9F9F9;
		border: 1px solid #EEE;
		margin: 0 auto;
		padding: 40px 40px 20px;
		width: 300px;
		}
	.signup-box h3 {
		color: #222;
		font-size: 36px; font-weight: 700;
		letter-spacing: -.025em;
		line-height: 1em;
		margin: 0 auto 20px;
		text-align: center;
		}




	/*
	making the video responsive
	source: http://snippetrepo.com/snippets/making-a-video-scalable-htmlcss
	*/
	.video-wrap {
		display: inline;
		float: left;
		width: 48%;
		margin: 0 1% 10px;
		}
	.responsive-video {
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 30px; 
	    height: 0; 
	    overflow: hidden;
		}
	.responsive-video iframe,
	.responsive-video object,
	.responsive-video embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
		}


					
/*
RESPONSIVE THEME RELATED ELEMENTS
---------------------------------------------------------------------------------------------*/	
@media only screen 
and ( min-width: 768px )
and ( max-width: 979px ) {
	/* adjustments */
	.signup-box {
		width: auto;
		}
	.signup-box {padding: 20px 0px 5px;}
	.signup-box h3 {
		font-size: 28px;
		margin: 0 auto 20px;
		}
	.infusion-form label {font-size: 14px;}


}/* CLOSE @media */


/* DROPDOWN MENU ENGAGED */
@media only screen and ( max-width: 767px ) {
	/* adjustments */

	.span-6.signup-column,
	.span-6.featured-image-column {
		display: block !important;
		width: 100%;
		}
	img.featured-image {
		display: block;
		height: auto;
		margin: 20px auto;
		max-width: 60%;
		text-align: center;
		}



}/* CLOSE @media */


@media only screen and (max-width : 480px) {
	/* adjustments */
	h1 	{
		color: #F60;
		font-size: 42px; font-weight: 800;
		text-align: center;
		margin: 20px auto;
		}
	h2	{
		font-size: 32px;
		}

	#content{
		padding: 20px;
		margin: 20px auto 40px;
		}
	#content.thankyou {
		background-image: -ms-linear-gradient(top, #09F 0%, #6FF 100%);
		background-image: -moz-linear-gradient(top, #09F 0%, #6FF 100%);
		background-image: -o-linear-gradient(top, #09F 0%, #6FF 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #09F), color-stop(1, #6FF));
		background-image: -webkit-linear-gradient(top, #09F 0%, #6FF 100%);
		background-image: linear-gradient(to bottom, #09F 0%, #6FF 100%);

		padding: 30px;
		margin: 40px auto 80px;
		}

	.featured-image {
		}
		img.featured-image {max-width: 80%;}

	.infusion-form label {font-size: 16px;}


}/* CLOSE @media */