/*----------------------------------------------------------------
Paradigm Shift Interactive Master Stylesheet
Author:	Josh Southern
Email: josh@paradigmshiftinteractive.com

Updated: 09/26/14
----------------------------------------------------------------*/

//Define some variables
@text-color: #333;
@psi-orange: #ee8930;
@psi-light-orange: #fab12e;
@psi-grey: #343f49;


//General
* {
	margin: 0;
	padding: 0;
}
body {
	font-size: normal;
	font-family: "news-gothic-std", Arial, sans-serif;
	background: #fff;
	color: @text-color;
	position: relative;
	-webkit-text-size-adjust: 100%;
}
.clear {
	clear: both;
}
.mobile-only {
	display: none;
}


//Text Styles
h1 {
	font-size: 30px; 
	margin: 15px 0 0;
	padding: 0 0 5px;
}

h2 {
	font-size: 24px; 
	margin: 15px 0 0;
	padding: 0 0 5px;
}

h3, h4, h5, h6 {
	font-size: 20px; 
	margin: 15px 0 0;
	padding: 0 0 5px;
}

p, .pagetext {
	font-size: 16px;
	margin: 0;
	padding: 0 0 15px 0;
	line-height: 1.4;
}

a {
	color: @psi-orange;
	text-decoration: none;
	
	&:hover {
		color: @psi-light-orange;	
	}
}

ul, ol {
	margin-left: 20px;
	padding: 0 0 15px 0;
	font-size: 16px;
	
	li {
		margin: 0;
		padding: 0 0 7px;
	}
}

.alignleft {
	float: left;
	margin: 0 15px 15px 0;
}

.alignright {
	float: right;
	margin: 0 0 15px 15px;
}

//Header
#header {
	width: 100%;
	text-align: center;
	position: relative;
	padding-top: 20px;
	
	#logo {
		width: 100px;
		height: 100px;
		margin: 0px auto;
		position: relative;
		
		a {
			display: block;
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100px;
			height: 100px;
			background: transparent url(../img/psi-logo.png) bottom left no-repeat;
			background-size: 100px;
			text-indent: -9000px;
		}
		
		&.initial {
			width: 200px;
			height: 200px;
			padding-top: 100px;
			
			a {
				width: 200px;
				height: 200px;
				background-size: 100%;
				padding-top: 100px;
			}
		}
	}
}


//Homepage 
#content {
	margin: 30px auto;
	text-align: center;
	
	p.intro {
		font-size: 24px;
		vertical-align: top;
		
		em, a {
			font-size: 26px;
			color: @psi-orange;
			font-style: italic;
			
			&:hover {
				color: @psi-light-orange;
			}
		}
	}
	
	.philosophy {
		width: 300px;
		margin: 0px auto;
		
		em {
			font-size: 17px;
			color: @psi-orange;
			font-style: italic;
		}
	}
	
	.gform_wrapper {
		.top_label .gfield_label {
			font-weight: normal;
			font-size: 15px;
		}
		
		input[type="text"], input[type="url"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], select, textarea {
			font-size: 15px;
		}
		
		.gform_footer input.button, .gform_footer input[type="submit"] {
		   	background-color: @psi-orange;
		   	border: 1px solid #999;
		   	color: #FFFFFF;
		   	cursor: pointer;
		   	display: block;
		   	float: none;
		   	font-size: 15px;
		   	font-weight: normal;
		   	margin: 5px auto;
		   	padding: 6px 25px 7px;
		   	text-decoration: none;
	    	width: auto;
			border-radius: 6px;
			-webkit-appearance: none;
			
			&:hover {
				background-color: @psi-light-orange;
			}
	   	}
	}
}


//Footer 
#footer {
	padding: 30px;
	font-size: 12px;
	text-align: center;
	
	p {
		font-size: 12px;
		padding-bottom: 70px;
		background: transparent url(../img/footer-logo.png?r=2) bottom center no-repeat;
		background-size: 180px;
	}
}

body.home #footer {
	margin-top: 300px;
}