/*
Theme Name: LEHMAN CAREER PSYCHOLOGY
Version: 1.0
Description: Custom website for Lehman
Author: Intervision Design (Ehren Fergusson)
Author URI: http://www.intervisiondesign.com
*/





/************************************/
/*** CSS CODED BY EHREN FERGUSSON ***/
/************************************/






/************************************/
/************ START CSS *************/
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
html {height:100%;}
body {margin:0px; padding:0; line-height:1.5em; height:100%; background:#f1f1f1;}
body,td,th {color:#333; font-family: 'Open Sans', serif; font-size: 13px; font-weight: 300;}

/**********************************/
/************* RESET **************/

h1, h2, h3, h4, h5, h6, div, a, li, ul, fieldset, form, p, span {padding:0; margin:0; text-decoration:none; font-weight:300; list-style:none; border:0; outline:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; margin: 0; padding: 0;}
img { margin: 0 0 -7px 0; padding:0; outline:none; border:0;}
h1, h2, h3, h4, h5, h6 {font-weight:300; line-height: 1.1em;}

input[type="button"],input[type="submit"] {-webkit-appearance: none;}
a { color:#333; outline:none; text-decoration:none; cursor:pointer;}
a:hover { color:#72a139;}
.clear {clear:both;}
.gap { height: 20px;}
.hidden { overflow: hidden;}
::selection {background: #f1f1f1; color:#333;}
::-moz-selection {background: #f1f1f1; color:#333;}
*:hover {-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}

/************************************/
/*************** MAIN ***************/

.myhead {margin:0 auto; width:1020px; position: relative; display: block;}
#wrapper { background: #fff;}
#header {}
	#logo img { display: block; margin: 0 !important;}
	#menu { background: #6d6e72; z-index: 999;}
#content {}
	.blog { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
	.blog_s { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0 20px 20px 0;}
	.blog a { color: #333; display: block;}
	.blog a:hover { background: #f9f9f9;}
	.blog .feat {padding: 15px 15px 15px 0;}
	.blog .feat img { width: 100%; height: auto;}
	.sidebar { padding:5px 10px;}
	.sidebar h3 { padding: 10px 0; font-size: 18px; line-height: 1.3em; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: 100; color: #999;}
	.sidebar h3 span { font-size: 30px; padding:0 10px 0 0; color: #ccc;}
	.sidebar a:hover h3, .sidebar a:hover h3 span { color: #666;}
#slideshow { background:#fff url(images/slide.jpg) no-repeat right top; height: 300px; display: block; overflow: hidden;}
	.slide { width: 100%; height: 300px; float: left; display: block;}
	.slide h2 {font-family: 'Raleway', sans-serif; font-weight: 100; font-size: 50px; text-transform: uppercase;}
#home_blocks {
	background:#72a139 url(images/green.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.images/green.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/green.jpg', sizingMethod='scale')";}
	.myblock { padding: 30px; min-height: 190px;}
	.myblock:hover { background: rgba(0,0,0,0.1);}
	.myblock span { text-align: center; display: block;}
	.myblock h2 { font-size: 24px; padding: 15px 0; text-align: center; color: #fff;}
	.myblock .texts { font-size: 14px; line-height: 1.3em; color: #fff; text-align: center;}
#extras { padding: 40px 0;}
	.home_testimonial { border-left:1px solid #ccc; padding: 0 0 0 20px;}
	.mylogo { padding:10px;}
	.mylogo img { width: 100%; height: auto;}
.green_line {
	background:#72a139 url(images/green.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.images/green.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/green.jpg', sizingMethod='scale')"; height: 30px; width: 100%;}
#footer { padding: 30px 0;}
	.footermenu ul {}
	.footermenu ul li { padding: 0;}
	.footermenu ul li a { text-transform: uppercase; color: #999;}
	.copyright { font-size: 10px; color: #999; padding: 10px 0; text-align: right;}
	.copyright ul li { float: right; margin: 0 0 20px 10px;}
	.copyright ul li span {width: 24px; height: 24px; display: block;}

#scrollto { padding: 15px 0; text-align: center; font-size: 14px; color: #fff; background: #333; cursor: pointer; margin: 0 0 10px 0;}

/************************************/
/*************** MENU ***************/

#menu ul {text-align: center;}
#menu ul li { display: inline; float: left; position: relative; }
#menu ul li a {}
#menu ul li a h2 {font-size: 18px; color: #fff; padding: 7px 10px; text-transform: uppercase;}
#menu ul li:hover a h2 { background: #57585b;}
#menu ul li.current-menu-item a h2, #menu ul li.current-menu-parent a h2 {background: #57585b;}

#menu ul ul { position:absolute; left: 0; top: 30px; background:#6d6e72; width: 250px; z-index:9999; text-align: left;}
#menu ul ul li { width: 250px;}
#menu ul ul li a { display: block;}
#menu ul ul li a h2 {font-size: 14px; padding:7px 10px; text-transform: uppercase; color: #fff;}
#menu ul ul li:hover a h2, #menu ul ul li.current-menu-item a h2 { color: #fff; background: #4b4b4e;}

/************************************/
/*********** TEXT STYLING ***********/

h2.title { font-size: 36px; line-height: 1.3em; padding: 15px 0 10px 0; margin-bottom: 15px; border-bottom: 1px solid #ccc; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: 100;}
h2.title1 { font-size: 36px; line-height: 1.3em; padding: 15px 0 10px 0; border-bottom: 1px solid #ccc; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: 100;}
h2.title2 { font-size: 18px; line-height: 1.3em; padding: 15px 0 10px 0; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: 100;}
.text { line-height:1.5em; display:block; padding: 5px 0 10px 0;}
.text p { padding:0 0 7px 0;}
.text ul { padding:0 0 7px 0;}
.text ul li { list-style:square; list-style-position:outside; margin:0 0 0 20px;}
.text a { font-weight: 400;}
.text h6 { font-size:12px;}
.text h5 { font-size:14px;}
.text h4 { font-size:18px;}
.text h3 { font-size:24px;}
.text h2 { font-size:32px;}
.text h1 { font-size:36px;}
.text h1, .text h2, .text h3, .text h4, .text h5, .text h6 { padding: 10px 0; border-bottom: 1px solid #ccc; margin-bottom: 15px; color: #666;}
.text input, .text textarea { margin:3px 5px 3px 0; padding:10px 10px; border:1px solid #ccc; background:#fff; color:#666; width: 90%; font-size:12px;}
.text textarea { height:100px;}
.text input:focus, .text textarea:focus { background:#f1f1f1;}

.home-see-all { font-size:14px; text-align:right; padding: 0 15px 0 0;}
input[type="button"],input[type="submit"] { width:auto; border:1px solid #000; background:#333; color:#fff; font-size:12px; cursor:pointer;}
input:hover[type="button"],input:hover[type="submit"] { background:#1a1a1a; border:1px solid #000;}

/************************************/
/*********** ICON STYLING ***********/

.icon-library:before, .icon-search:before, .icon-users:before, .icon-facebook:before, .icon-linkedin:before, .icon-meter:before, .icon-bars:before, .icon-pie:before, .icon-stats:before, .icon-office:before, .icon-mail:before, .icon-camera:before, .icon-target:before, .icon-cog:before, .icon-list:before, .icon-user:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.copyright .icon-facebook:before, .copyright .icon-linkedin:before { font-size: 24px; color: #999;}
.copyright .icon-facebook:hover:before, .copyright .icon-linkedin:hover:before { color: #72a139;}
.myblock .icon-library:before, .myblock .icon-search:before, .myblock .icon-users:before, .myblock .icon-facebook:before, .myblock .icon-linkedin:before, .myblock .icon-meter:before, .myblock .icon-bars:before, .myblock .icon-pie:before, .myblock .icon-stats:before, .myblock .icon-office:before, .myblock .icon-mail:before, .myblock .icon-camera:before, .myblock .icon-target:before, .myblock .icon-cog:before, .myblock .icon-list:before, .myblock .icon-user:before { font-size: 70px; color: #fff;}

.icon-library:before {content: "\e000";}
.icon-search:before {content: "\e013";} /**/
.icon-users:before {content: "\e012";} /**/
.icon-facebook:before {content: "\e001";}
.icon-linkedin:before {content: "\e002";}
.icon-meter:before {content: "\e003";}
.icon-bars:before {content: "\e004";}
.icon-pie:before {content: "\e005";}
.icon-stats:before {content: "\e006";}
.icon-office:before {content: "\e007";}
.icon-mail:before {content: "\e008";}
.icon-camera:before {content: "\e009";}
.icon-target:before {content: "\e00a";}
.icon-cog:before {content: "\e00b";}
.icon-list:before {content: "\e00c";}
.icon-user:before {content: "\e00d";} /**/

/************************************/
/************* COMMENTS *************/

.commentboxes .text { padding:20px;}
#commentform { display:block; padding:15px;}
#commentform input[type="text"] { width:200px;}
#commentform textarea { height:65px; width:430px;}
#comments {display:block;}
#comments h2 { font-size:18px; padding:15px; font-weight:700;}
#comments ol { margin:0; padding:0 15px;}
#comments ol li { border-top:1px solid #ccc; padding:10px 20px;}
#comments ol li .quote {}
#comments ol li cite { font-size:10px; padding:10px 0; color:#999;}

/************************************/
/************ ALIGNMENTS ************/

.aligncenter { display: block; margin-left: auto; margin-right: auto; padding:10px 0;}
.wp-caption { border: 1px solid rgba(0,0,0,0.6); text-align: center; background-color:rgba(0,0,0,0.5); color:#fff; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; margin:0 0 10px 10px;}
.alignleft { float: left; margin:0 10px 10px 0;}
img.alignleft { display:inline; float:left; margin:2px 10px 0 0 !important;}
img.alignright { display:inline; float:right; margin:2px 0 0 10px !important;}

/************************************/
/************* PAGENAVI *************/

.wp-pagenavi { font-size:13px; margin:0 auto; background:#fff; padding:10px 0 0 10px; text-align:right;}
#pagenavs span.pages, #pagenavs span.extend { cursor:text;}

/************************************/
/********** CONTACT FORM 7 **********/

.wpcf7-form .wpcf7-validation-errors{ border:none;  background-color:#eacebd;  margin:0;  padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px}
.wpcf7-form .wpcf7-mail-sent-ok{ border:none;  background-color:#daeabd;  margin:0;  padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px}
.wpcf7-form .wpcf7-mail-sent-ng{ border:none;  background-color:#eacebd;  margin:0;  padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px}
.wpcf7-form span.wpcf7-not-valid-tip{ border:none;  background-color:#eacebd;  padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px}

/***************************/
/********** GRIDS **********/
/***************************/

.block 				{box-sizing:border-box;width:100%;}
.center 			{margin:0 auto;width:1020px; position: relative; display: block; overflow: auto;}
.grid .block 		{float:left;}
.grid .hundred 		{width:100%;}
.grid .ninety 		{width:90%;}
.grid .eighty 		{width:80%;}
.grid .seventyfive 	{width:75%;}
.grid .seventy 		{width:70%;}
.grid .sixtysix 	{width:66.666%;}
.grid .sixty 		{width:60%;}
.grid .fifty 		{width:50%;}
.grid .forty 		{width:40%;}
.grid .thirtythree 	{width:33.333%;}
.grid .thirty 		{width:30%;}
.grid .twentyfive 	{width:25%;}
.grid .twenty 		{width:20%;}
.grid .ten 			{width:10%;}
.not-desktop 		{display:none;}
.tablet 			{display:none;}
.phone 				{display:none;}

/***************************/
/********* DESKTOP *********/
/***************************/

@media (min-width: 1025px) {
.grid .desktop-to-hundred 		{width:100%;}
.grid .desktop-to-ninety 		{width:90%;}
.grid .desktop-to-eighty 		{width:80%;}
.grid .desktop-to-seventyfive 	{width:75%;}
.grid .desktop-to-seventy 		{width:70%;}
.grid .desktop-to-sixtysix 		{width:66.666%;}
.grid .desktop-to-sixty 		{width:60%;}
.grid .desktop-to-fifty 		{width:50%;}
.grid .desktop-to-forty 		{width:40%;}
.grid .desktop-to-thirtythree 	{width:33.333%;}
.grid .desktop-to-thirty 		{width:30%;}
.grid .desktop-to-twentyfive 	{width:25%;}
.grid .desktop-to-twenty 		{width:20%;}
.grid .desktop-to-ten 			{width:10%;}
}

/***************************/
/**** TABLET TO DESKTOP ****/
/***************************/

@media (min-width: 768px) and (max-width: 1024px) {
.center, .myhead 				{margin:0;width:100%;}
.tablet 						{display:block;}
.not-desktop 					{display:none;}
.not-tablet 					{display:none;}
.grid .tablet-to-hundred 		{width:100%;}
.grid .tablet-to-ninety 		{width:90%;}
.grid .tablet-to-eighty 		{width:80%;}
.grid .tablet-to-seventyfive 	{width:75%;}
.grid .tablet-to-seventy 		{width:70%;}
.grid .tablet-to-sixtysix 		{width:66.666%;}
.grid .tablet-to-sixty 			{width:60%;}
.grid .tablet-to-fifty 			{width:50%;}
.grid .tablet-to-forty 			{width:40%;}
.grid .tablet-to-thirtythree 	{width:33.333%;}
.grid .tablet-to-thirty 		{width:30%;}
.grid .tablet-to-twentyfive 	{width:25%;}
.grid .tablet-to-twenty 		{width:20%;}
.grid .tablet-to-ten 			{width:10%;}

}

/***************************/
/***** TABLET TO PHONE *****/
/***************************/

@media (max-width: 767px) {
.center, .myhead 				{margin:0;width:100%;}
.desktop 						{display:none;}
.not-desktop 					{display:block;}
.tablet 						{display:block;}
.not-tablet 					{display:none;}
.phone 							{display:block;}
.not-phone 						{display:none;}
.grid .phone-to-hundred 		{width:100%;}
.grid .phone-to-ninety 			{width:90%;}
.grid .phone-to-eighty 			{width:80%;}
.grid .phone-to-seventyfive 	{width:75%;}
.grid .phone-to-seventy 		{width:70%;}
.grid .phone-to-sixtysix 		{width:66.666%;}
.grid .phone-to-sixty 			{width:60%;}
.grid .phone-to-fifty 			{width:50%;}
.grid .phone-to-forty 			{width:40%;}
.grid .phone-to-thirtythree 	{width:33.333%;}
.grid .phone-to-thirty 			{width:30%;}
.grid .phone-to-twentyfive 		{width:25%;}
.grid .phone-to-twenty 			{width:20%;}
.grid .phone-to-ten 			{width:10%;}

#logo img { width: 100%; height: auto;}
#menu ul li { position: inherit;}
#menu ul li, .copyright ul li { display: inline-table; float:none; }
#menu ul ul { left: 0; width: 100%; text-align: center; height: 100px; top: 75px;}
#menu ul ul li { position: relative; width: 100%;}
.feature img { width: 100%; height: auto;}
.blog .feat { padding: 15px 0 15px 5px;}
.home_testimonial { padding: 20px;}
#slideshow { width: 100%;}
.slide { width: 100%;}
.slide h2 { padding: 20px; font-size: 30px;}
h2.title, h2.title1, h2.title2 { padding: 15px 20px 10px 20px;}
.text { padding: 10px 20px;}
.footermenu ul li, .copyright { text-align: center;}
.copyright ul li { margin: 10px;}
.blog h2, .blog .text { padding: 15px 10px !important; margin: 0;}
}

/***************************/

/************************************/
/************* END CSS! *************/