/*

Theme Name: SHRHabitat

Theme URI: http://www.intellectechs.com

Description: Custome theme designed/developed/maintained by IntellecTechs for the Habitat of Humanity of South Hampton Roads.

Author: Erik "Picasso" Rogers

Author URI: http://cynosure-epr.com

Version: 1.0

Tags: responsive, white, light, lite, flat

*/







@charset "utf-8";

/* CSS Document */



/*====TOP-LEVEL ELEMENTS

====================================================*/





strong {

	font-weight: bold;

}



em {

	font-style: italic;

}



h1, h2, h3, h4, h5, h6 {

	font-weight: bold;

	margin: 15px 0px 15px 0px;



}



h1 {

	font-size: 30px;	

}

h2 {

	font-size: 24px;	

}

h3 {

	font-size: 20px;	

}

h4 {

		color: #005f99;

	font-size: 18px;	

}

h5 {

	font-size: 16px;	

}

h6 {

	color: #5cbc51;



	font-size: 14px;	

}



p {

	font-size: 14px;

	line-height: 28px;

	margin: 0px;

	padding: 15px 0px 15px 0px;

}



.blue {

	color: #005f99;

}



.green {

	color: #5cbc51;

}

.blog-post.feature {

	background-color: #e1e2e9;

}/*.feature:hover {

	background-color: #eb5b4c;

} .feature:hover > h3 {

	color: #fff;

}*/

.blog-post {

	max-width: 387px;

}

.large-8.blog-post {

		max-width: 773px;

}

.lead {

	font-size: 26px;

	line-height: 36px;

	

}



a:link, a:visited {

	text-decoration: none;

	color: #005f99;

}



a:hover, a:active {

	color: #5cbc51;

}





#top-main-bg {

	background-color: #005f99;

	min-height: 50px;

	width: 100%;

}



#nav-main-bg {

	background-color: #fff;

	min-height: 90px;

	width: 100%;

		border-bottom: 4px solid #efefef;



}

#slider-main-bg {

	background: url('css/images/introBG.jpg') repeat;

	width: 100%;

}

#blog-main-bg {

	position: relative;

	background-color: #eee;

	min-height: 330px;

	width: 100%;

	padding: 50px 0 50px 0;

}



#blog-main-bg:after  {

	bottom: 100%;

    left: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(255, 255, 255, 0);

    border-bottom-color: #eee;

    border-width: 50px;

    margin-left: -50px;

}

#intro-main-bg {

	position: relative;

	background: url('css/images/introBG.jpg') repeat;

	/*min-height: 560px;*/

	min-height: 650px;

	width: 100%;

}

#intro-main-bg1 {

	position: relative;

	background: url('css/images/introBG.jpg') repeat;

	/*min-height: 560px;*/

	min-height: 200px;

	width: 100%;

}

#footer-main-bg {

	position: relative;

	background-color: #eee;

	width: 100%;

}



#bottom-main-bg {

	background-color: #005f99;

	min-height: 50px;

	width: 100%;

}

#inner-page-bg {

	background-color: #fff;

		background: url('css/images/introBG.jpg') repeat;



	min-height: 560px;

	width: 100%;

}

#intro-main-bg1 {

	position: relative;

	background: url('css/images/introBG.jpg') repeat;

	width: 100%;

}

#intro-main-bg1:after  {

	bottom: 100%;

    left: 50%;

    border: solid transparent;

    content: " ";

    height: 50px;

    width: 101px;

    position: absolute;

    

	background: url('css/images/triangle.png') no-repeat;

    margin-left: -50px;

}



.home ul, .social ul {

	height: 50px;

	float: left;

}



.home {

	float: left;

}



.social {

	float: right;

}





.social li{	

	border-left: 1px solid #347fad;

	border-right: 1px solid #015283;

	float: left;

	font-size: 20px;

}

.home li, .volunteer-communication {

	font-size: 20px;

}

.home li:hover {

	background-color: #50ad44;

}

.list{

	list-style: none;

	margin: 0;

	padding: 0;

	overflow: hidden;

}

.social a, .home a{

	display: block;

	position: relative;

	color: #FFFFFF;

	padding: 10px;	

}



.social li.twitter:hover{

	background: #29A9E1;

}



.social li.fb:hover{

	background: #3C5A9A;

}



.social li.gplus:hover{

	background: #DA4733;

}



.social li.linkedin:hover{

	background: #4C9BCB;

}



.social li.pinterest:hover{

	background: #C01224;

}



.social li.instagram:hover{

	background: #AE927E;

}

.social li.dribbble:hover{

	background: #EB4D8A;

}



.social li.youtube:hover{

	background: #EE4949;

}



#header .social li.rss:hover{

	background: #FE9900;

}



.social li:first-child{

	border-left: none;	

}



.social li:last-child{

	border-right: none;	

}















nav {

	

	clear: none;

	float: right;

	font-family: 'Open Sans';

	line-height: 90px;

}





nav ul {

	position: relative;

	display: inline-table;

}





nav li {

	display: inline;

	padding-left: 0px;

	position: relative;

}


nav li:hover a { 

	color: #fff;

	background-color: #7fafcc;
}



nav a, nav a:visited {

	font-size: 14px;

	padding: 8px;

	text-transform: uppercase;

	text-decoration: none;

	color: #005f99;

}



nav a:hover, nav a:active {

	color: #fff;

	background-color: #7fafcc;

	/*border-bottom: 2px solid #5cbc51;*/

}

nav li.current-menu-item a, nav li.current-menu-parent a, nav li.current_page_parent a {

	color: #fff;

	background-color: #7fafcc;

	/*border-bottom: 2px solid #5cbc51;*/

}





nav li ul {

	display: none;

}



nav ul li:hover > ul {

	display: block;

}



nav ul ul {

	position: absolute;

	top: 29px;

	left: 0;

	padding: 0;

	margin: 0 0 0 5px;

	background-color: #005f99;

	width: 200px;

	z-index: 999;

}



nav ul ul li {

	padding: 0;

	margin: 0;

	float: none;

	position: relative;

	display: block;

	clear: both;

	color: #fff;

	border-left: 4px solid #fff;

	border-bottom: 1px solid #fff;

}



nav ul ul li:hover {

	background: #22284f;

}



nav ul ul li a:link, nav ul ul li a:visited {

	font-size: 14px;

	line-height: 20px;

	text-transform: uppercase;

	text-decoration: none;

	color: #fff;

	display: block;

	width: 100%;

	background-color: #005f99;

}



nav ul ul li a:hover, nav ul ul li a:active {

		color: #fff;

	background-color: transparent;

}

nav ul ul li {

	line-height: 40px;

}

   

h1.logo {
		font-size: 0px;

	width: 200px;
	height: 90px;
	background: url('http://shrhabitat.org/wp-content/uploads/2014/01/logo.jpg') no-repeat;
	margin: 0;
	padding: 0;

}

h1.logo a {
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -99999px;
}



nav ul ul li { border-color: #35b5eb; }

nav ul ul li+li { border-color: #0acf67; }

nav ul ul li+li+li { border-color: #f2c13f; }

nav ul ul li+li+li+li { border-color: #eb5b4c; }

nav ul ul li+li+li+li+li { border-color: #ab50c9; }

nav ul ul li+li+li+li+li+li { border-color: #fb973e; }





nav ul ul li.current_page_item a {background-color: #35b5eb; }

nav ul ul li+li.current_page_item a {background-color: #0acf67; }

nav ul ul li+li+li.current_page_item a {background-color: #f2c13f; }

nav ul ul li+li+li+li.current_page_item a {background-color: #eb5b4c; }

nav ul ul li+li+li+li+li.current_page_item a {background-color: #ab50c9; }

nav ul ul li+li+li+li+li+li.current_page_item a {background-color:  #fb973e; }  

   /*

nav ul ul li:hover { background-color: #35b5eb; }

nav ul ul li+li:hover { background-color: #0acf67; }

nav ul ul li+li+li:hover { background-color: #f2c13f; }

nav ul ul li+li+li+li:hover { background-color: #eb5b4c; }

nav ul ul li+li+li+li+li:hover { background-color: #9e4ceb; }

nav ul ul li+li+li+li+li+li:hover { background-color: #4cebe5; }

   */

   

h2.intro-content {

		font-family: 'Droid Sans', Helvetica, Arial, sans-serif;



	color: #646464;

	font-weight: normal;

	width: inherit;

	text-align: center;

	text-transform: uppercase;

	/*padding-top: 20px;*/

	padding-top: 30px;
	

}



p.intro-content {

		font-family: 'Droid Sans', Helvetica, Arial, sans-serif;



	color: #646464;

	width: inherit;

	text-align: center;

	padding-bottom: 90px;

}





.intro-icon {

	

		font-family: 'Droid Sans', Helvetica, Arial, sans-serif;



	color: #646464;

	width: 128px;

	height: 128px;

	margin: 0 auto;

	padding: 0;

		background-position: top left;



}
.intro-icon1 {

	

		font-family: 'Droid Sans', Helvetica, Arial, sans-serif;



	color: #646464;

	width: 80px;

	height: 80px;

	margin: 0 auto;

	padding: 0;

		background-position: top left;



}

.financial-icon {

	background-position: top left;

	width: 70px;

	height: 70px;

}

.newhome-icon {
	background-position: top left;
	width: 80px;
	height: 80px;
}



.financial-icon2 {



	width: 70px;

	height: 70px;

}

.intro-container {

	margin-bottom: 20px;

}

.intro-rad-container {

	margin-bottom: 0px;

	padding-top: 15px;

	padding-bottom: 15px;



	border-bottom: 7px solid transparent;



}

.intro-container:hover, .intro-container1:hover{

	padding-top: 40px;

	background-color: white;

	border-bottom: 7px solid #f0f0f0;

}


.intro-rad-container:hover {

	padding-top: 15px;

	padding-bottom: 15px;

	background-color: white;

	border-bottom: 7px solid #f0f0f0;

}

.intro-container p, .intro-container1 p {

	/*display: none;*/

}



.intro-container p.icon, .intro-container1 p.icon {

	display: block;

}

#page-right p.icon {
		text-align: left;
}

.intro-container:hover > div {

			background-position: 0px -128px;



}
 .intro-container1:hover > div {
	 background-position: 0px -80px;
 }

.intro-container:hover > div.financial-icon {

			background-position: 0px -70px;
}

.intro-container:hover > div.newhome-icon {
			background-position: 0px -80px;
}


.intro-container:hover > div.financial-icon2 {

			background-position: 0px -70px;



}



.intro-container:hover + div.intro-icon {

	

		background-position: 0px -128px;

}




.intro-apply {

	background: url('css/images/introHome.png') no-repeat;

} 

.intro-donate {

	background: url('css/images/introDonate.png') no-repeat;

}
.intro-donate1 {

	background: url('css/images/introDonate1.png') no-repeat;

}
.intro-volunteer {

	background: url('css/images/introVolunteer.png') no-repeat;

}
.intro-volunteer1 {

	background: url('css/images/introVolunteer1.png') no-repeat;

}

.intro-restore {
	background: url('css/images/introRestore.png') no-repeat;
}
.intro-restore1 {
	background: url('css/images/introReStore1.png') no-repeat;
}

.intro-apply2 {

	background: url('css/images/introApply.png') no-repeat;

}
.intro-apply1 {

	background: url('css/images/introHome1.png') no-repeat;

} 

.intro-clerk {

	background: url('css/images/clerkjob.png') no-repeat;

}

.intro-manager {

	background: url('css/images/managerjob.png') no-repeat;

}

.intro-socialmedia {

	background: url('css/images/socialmediajob.png') no-repeat;

}

.intro-assistant {

	background: url('css/images/assistantjob.png') no-repeat;

}
.intro-cmanager {

	background: url('css/images/cmanagerjob.png') no-repeat;

}

.intro-storemanager {

	background: url('css/images/storemanager.png') no-repeat;

}

.intro-truck {

	background: url('css/images/truckjob.png') no-repeat;

}

.intro-development {

	background: url('css/images/developmentmanager.png') no-repeat;

}

.intro-procurement {

	background: url('css/images/procurementjob.png') no-repeat;

}

.intro-adminintern {

	background: url('css/images/adminintern.png') no-repeat;

}


.intro-job {

	background: url('css/images/jobApp.png') no-repeat;

}

.intro-currentbudget {

	background: url('css/images/currentbudget.png') no-repeat;

}

.intro-financialpos {

	background: url('css/images/financepos.png') no-repeat;

}

.intro-audited {

	background: url('css/images/audited.png') no-repeat;

}

.intro-rad {

	background: url('css/images/merica.png') no-repeat;

}

.icon {

		font-family: 'Droid Sans', Helvetica, Arial, sans-serif;



	color: #646464;

	clear: both;

	display: block;

	text-align: center;

}



h2.icon {

	padding: 0px;font-weight: normal;

width: inherit;

text-align: center;

text-transform: uppercase

}

.intro-container:hover + h2 {

	color: #5cbc51;

}

#page-right p.icon {
	padding: 0px 0px 15px;
	text-align: center;
}











.blog-post {

	min-height: 330px;

	position: relative;

	float: left;

	vertical-align: top;

    display: inline-block;

    display: inline;

	background-color: transparent;

	padding: 0px;

	border: 0.9375rem solid #eee;

}



.blog-post h4 {

	position: relative;

	margin: 0;

	background-color: #1e6591;

	font: "PT Sans";

	float: left;

	clear: left;

			padding: 0px;



	font-weight: normal;

	text-align: left;

	color: #fff;

	text-transform: uppercase;

	font-size: 24px;

	line-height: 24px;

	z-index: 999;

} .blog-post h4:hover {

	background-color: #6ba2c4;}



.blog-post a {

	color: #fff;



} .blog-post h4 a {

	display: block;

	padding: 14px;}

.blog-post h5 {

	position: relative;

	margin: 0;

	background-color: #5cbc51;

	padding: 14px;

	font: "PT Sans";

	float: left;

	font-weight: normal;

	text-align: center;

	color: #ffffff;

	text-transform: uppercase;

	font-size: 14px;

	line-height: 14px;

	z-index: 999;

}



.iblog {

	border: 1px solid $fff;

}



.blog-post img {

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.blog-post h4, .blog-post h5 {

	display: none;

}



.blog-post:hover h4, .blog-post:hover h5 {

	display: block;

}



.small {

	width: 300px;

}



.large {

	width: 615px;

}

	



.more a {

	display: block;

	

}







.feature h3 {

	display: table-cell;

	height: 300px;

	vertical-align: middle;

	font-family: "PT Sans";

	color: #005f99;

	font-size: 48px;

	line-height: 48px;

	padding-left: 40px;

	text-transform: uppercase;

}



.more h3 {

	display: table-cell;

	height: 300px;

	vertical-align: middle;

	font-family: "PT Sans";

	color: #ffffff;

	font-size: 48px;

	line-height: 48px;

	padding-left: 25px;

	text-transform: uppercase;

}

.more {

	background-color: #eb5b4c;

} .more:hover {

	background-color: #e1e2e9;

} 



.more:hover > h3 + a{

		color: #005f99;

}



.footer-widget {

	position: relative;

}



.footer-widget h6 {

		color: #005f99;

	font-weight: normal;

	font-size: 18px;

	padding-bottom: 5px;	

}



.footer-widget p {

	font-size: 13px;

	line-height: 16px;

	margin: 15px 0px 15px 0px;

	padding: 0;

	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;



	color: #646464;

	

}







.continue {

	position: absolute;

	clear: both;

	top: 0;

	right: 0;

	font-size: 14px;

	line-height: 24px;

	

	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;



	color: #646464;

	clear: both;

	display: block;

	padding: 10px;

	background-color: #005f99;

	text-transform: uppercase;

	font-size: 14px;

	margin: 20px 0px 20px 0px;

}



a.continue {

	color: #fff;

}





a.continue:hover {

	background-color: #6ba2c4;

}



.blue {

}



ul.footer-menu {

	list-style: none;

	font-size: 13px;

	line-height: 13px;

	padding-top: 2px;

	padding-left: 0;

	margin-left: 0;

	margin: 0px 0px 15px 0px;

	padding: 0px 0px 15px 0px;

	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;

}



ul.footer-menu li {



}



ul.footer-menu li:hover {

	background-color: #e7e7e7;



}



ul.footer-menu li a {

		padding: 10px 0px 10px 10px;

	color: #6ba2c4;

	display: block;

}



ul.footer-menu li a:hover {

	color: #005f99;

}





.footernav {

	float: right;

	padding: 0;

	margin: 0;

}



.footernav li {

	display: inline;

}



.footernav a, .footernav a:visited {

	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;

	line-height: 50px;

	font-size: 11px;

	text-transform: uppercase;

	text-decoration: none;

	color: #fff;

}



.footernav a:hover, .footernav a:active {

	color: #5cbc51;

}



.footernav li:after {

	color: #fff;

	content: "|";

	margin: 0;

	padding: 0px 5px 0px 5px;

}



.footernav li:last-child:after {

	content: " ";

}



.copyright {font-family: 'Droid Sans', Helvetica, Arial, sans-serif;

font-size: 11px;

	line-height: 50px;

	color: #fff;

	margin: 0px;

	padding: 0px;

}





/*====BLOG DEDICATED

====================================================*/

#blog-bg {

	min-height: 1200px;

	height: auto;

	background: url('../~shrhabit/wp-content/themes/habitat/css/images/introBG.jpg') repeat; 



}



#blog-container {

	margin: 0 auto;

	width: 1100px;

}



#blog-content {

	width: 770px;

	height: 600px;

	float: left;

	margin-right: 30px;

}



.post {

	position: relative;

	margin: 50px 0px 50px 0px;

	clear: both;

	background-color: #fff;

	border: 1px solid #efefef;

	overflow: hidden;

}

.post img {

		margin: 0 auto;

}

.post iframe {

	clear: both;

	display: block;

		margin: 30px auto;

}

.single {

}

.postinfo {

	float: left;

	width: 85%;

	border-top:1px solid #efefef;

	padding: 15px 0px;

		margin-left: 0;	font-size: 15px;

			display: block;

	line-height: inherit;

	margin-bottom: 0;

	margin-top: 30px;

	font-size: 12px;



}

.postinfo li {

	list-style-type: none;

	display: inline;

	padding-left: 5px;

}

li.pit {

	font-weight: bold;

	padding-left: 14px;

}









.readmore {

	width: 15%;

	float: right;

	display: block;

	padding: 15px 0px;

	margin-top: 30px;

	background-color: #005f99;

	text-transform: uppercase;

	text-align: center;

	font-size: 15px;

}



a.readmore {

	color: #fff;

}







a.readmore:hover {

	background-color: #6ba2c4;

}













.post h2 {

	margin: 0;

	background-color: #005f99;

	font: "PT Sans";

	float: left;

	clear: left;

	font-weight: normal;

	text-align: left;

	color: #fff;

	text-transform: uppercase;

	font-size: 28px;

	line-height: 28px;



	

}



.post h2 a {

	padding: 14px;

	display: block;

	color: #fff;



}



.post h2:hover {

	background-color: #6ba2c4;}

	



.post h3 {

	margin: 0;

	background-color: #5cbc51;

	padding: 14px;

	font: "PT Sans";

	clear: both;

	float: left;

	font-weight: normal;

	text-align: center;

	color: #ffffff;

	text-transform: uppercase;

	font-size: 14px;

	line-height: 14px;

}



.special h4 {

	text-align: center;

}

.post p {

	text-align: justify;

	padding: 30px 50px 0px 50px;

}

.listing p {

	clear: both;

}

img.thumb {

	clear: both;

	float: right;

}



img.alignleft {

	float: left;

	padding: 30px 14px 0px 50px;

}



img.alignright {

	float: right;

	padding: 30px 50px 0px 14px;



}



img.aligncenter {

	display: block;

	margin: 0 auto;

	text-align: center;

	padding: 30px 0px 0px 0px;



}









#sidebar {

	padding-top: 50px;

}



#content {

	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;

color: #646464;

}



.sidebar-section {

	background-color: #fff;

	border-left: solid #6ba2c4;

	border-left-width: 7px;

	padding: 15px 0px 15px 0px;

	vertical-align: baseline;

font-family: 'Droid Sans', Helvetica, Arial, sans-serif;

color: #646464;

}

ul.sidebar-menu li a {

	padding: 10px 20px 10px 20px;

	display: block;

}









.sidebar-section p {

	font-size: 14px;

line-height: 28px;

padding: 0px 20px 10px 20px;

text-align: center;}













.cf:before, .cf:after{

    content:"";

    display:table;

}

 

.cf:after{

    clear:both;

}

 

.cf{

    zoom:1;

}

/* Form wrapper styling */

.form-wrapper {

    padding: 0 20px 0 20px;



}

 

/* Form text input */

 

.form-wrapper input, .form-wrapper textarea {

    width: 75%;

    float: left;    

    font-size: 15px;

	margin-top: 0px;

	font-weight: normal;

    border: 0;

    background: #e7e7e7;

	color: #646464;

    border-radius: 3px 0 0 3px;    

	border: 1px solid #f4d88f;  

	padding: 11px;

	margin-bottom: 20px;

}



.form-wrapper input:focus, .form-wrapper textarea:focus {

    outline: 0;

    background: #fff;

	border:1px solid #f4d88f inset;

}



.form-wrapper input::-webkit-input-placeholder, .form-wrapper textarea::-webkit-input-placeholder {

   color: #999;

   font-weight: normal;

   font-family: 'Droid Sans', Helvetica, Arial, sans-serif;

   font-style: italic;



}

 

.form-wrapper input:-moz-placeholder, .form-wrapper textarea:-moz-placeholder {

   color: #999;

   font-weight: normal;

   font-family: 'Droid Sans', Helvetica, Arial, sans-serif;

   font-style: italic;

}

 

.form-wrapper input:-ms-input-placeholder, .form-wrapper textarea:-ms-input-placeholder {

   color: #999;

   font-weight: normal;

   font-family: 'Droid Sans', Helvetica, Arial, sans-serif;

   font-style: italic;

}    

 

/* Form submit button */

.form-wrapper button {

    overflow: visible;

    position: relative;

    float: right;

    border: 0;

    padding: 0;

    cursor: pointer;

    height: 41px;

    width: 25%;

font-family: 'Droid Sans', Helvetica, Arial, sans-serif;

font-size: 15px;

    color: #fff;

    text-transform: uppercase;

    background: #f2c13f;

    border-radius: 0 3px 3px 0;      

}   



.form-wrapper button:hover{     

    background: #f4d88f;

}



   

.form-wrapper button:active,

.form-wrapper button:focus{   

    background: #f2c13f;

    outline: 0;   

}

 

.form-wrapper button:before { /* left arrow */

    content: '';

    position: absolute;

    border-width: 8px 8px 8px 0;

    border-style: solid solid solid none;

    border-color: transparent #f2c13f transparent;

    top: 12px;

    left: -6px;

}



 

.form-wrapper button:hover:before{

    border-right-color: #f4d88f;

}

 

.form-wrapper button:focus:before,

.form-wrapper button:active:before{

        border-right-color: #f4d88f;

}      

 

.form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */

    border: 0;

    padding: 0;

}    





#sidebar h3 {

	text-align: center;

	font-weight: normal;

	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;

color: #646464;

font-weight: normal;

font-size: 22px;

}



ul.sidebar-menu {

	list-style: none;

	margin-left: 0;

}



ul.sidebar-menu li {

font-size: 15px;

}



ul.sidebar-menu li:hover {

	background-color: #e7e7e7;



}









.pink input {

	border-color: #eb5b4c;

}

.pink input:focus {

	border-color: #eb5b4c;

}



.pink button {

	background: #eb5b4c;

}

.pink button:hover {

	background: #ed9d95;

}

.pink button:before {

	border-color: transparent #eb5b4c transparent;

}



.pink button:hover:before {

	border-right-color: #ed9d95;

}





.categories {

	border-color: #b7d07c;

	clear: both;

}



.categories:hover {

	border-color: #a5c950;

}

.categories a:link, .categories a:visited {

	color: #b7d07c;}

.categories a:hover, .categories a:active {

	color: #a5c950;

}

.subscribe {

	border-color: #ed9d95;

}

	

.subscribe:hover {

	border-color: #eb5b4c;

}



.search {

	border-color: #f4d88f;

}

.search:hover {

	border-color: #f2c13f;

}



.friends {

	border-color: #af80bf;

	clear: both;

}

.friends:hover {

	border-color: #ab50c9;

}

.friends a:link, .friends a:visited {

	color: #af80bf;}

.friends a:hover, .friends a:active {

	color: #ab50c9;

}



.popular {

	border-color: #6ba2c4;

	clear: both;

}

.popular:hover {

	border-color: #005f99;

}

.popular a:link, .popular a:visited {

	color: #6ba2c4;}

.popular a:hover, .popular a:active {

	color: #005f99;

}









.pagination1 {

	float: right;

	margin-bottom: 50px;

}



.pagination1 li {

	display: inline;

	float: left;

	text-align: center;

	color: #005f99;

	border: 1px solid #005f99;

	margin-right: 1rem;

}

.pagination1 li:last-child {

	margin-right: 0;

}



.pagination1 li:hover {

	background-color: #005f99;

}



.pagination1 li a {

	display: block;

		padding: 15px;



}



.pagination1 li a:hover, .pagination li a:active {

	color: #fff;

}

.page-numbers {

	float: right;

	margin-bottom: 50px;

}



a.page-numbers {

	margin: 0px;

}



span.current {

	display: block;

		padding: 15px;

		margin: 0px;

}

.page-numbers li {

	display: inline;

	float: left;

	text-align: center;

	color: #005f99;

	border: 1px solid #005f99;

	margin-right: 1rem;

}

.page-numbers li:last-child {

	margin-right: 0;

}



.page-numbers li:hover {

	background-color: #005f99;

}



.page-numbers li a {

	display: block;

		padding: 15px;



}



.page-numbers li a:hover, .page-numbers li a:active {

	color: #fff;

}

.page-numbers .current {

	color: #fff;

	background-color: #005f99;	

}

.prenext {

	text-align: center;

	color: #005f99;

	border: 1px solid #005f99;

	margin-bottom: 1rem;

	

	display: block;

		padding: 15px;

		text-transform: uppercase;

}



.prenext:hover {

	background-color: #005f99;

	color: #fff;

}



.pre { 

float: left; } .next { float: right; }











.post-password-form {

	margin-top: 50px;	

}





#comments {

	position: relative;

	margin: 50px 0px 50px 0px;

	clear: both;

	background-color: #fff;

	border: 1px solid #efefef;

	overflow: hidden;



}



#comments h2 {

	margin: 0;

	background-color: #005f99;

	padding: 14px;

	font: "PT Sans";

	float: left;

	clear: left;

	font-weight: normal;

	text-align: left;

	color: #fff;

	text-transform: uppercase;

	font-size: 20px;

	line-height: 20px;

	

}



#comments h3 {

	margin: 0;

	background-color: #5cbc51;

	padding: 14px;

	font: "PT Sans";

	clear: both;

	float: left;

	font-weight: normal;

	text-align: center;

	color: #ffffff;

	text-transform: uppercase;

	font-size: 16px;

	line-height: 16px;

}



#comments p {

	clear: both;

	padding: 30px;

	text-align: justify;

}

#comments span {

    overflow: visible;

    position: relative;

    float: right;

    border: 0;

    padding: 0px;

	text-align: center;

    height: 41px;

    width: 15%;

font-family: 'Droid Sans', Helvetica, Arial, sans-serif;

font-size: 24px;

line-height: 41px;

    color: #fff;

    text-transform: uppercase;

    background: #005f99;

    border-radius: 0 3px 3px 0;      

}



#comments .form-wrapper {

    padding: 0 50px 0 50px;



}

#comments .form-wrapper input {

    width: 85%;

    float: left;    

    font-size: 15px;

	margin-top: 0px;

	font-weight: normal;

    border: 0;

    background: #e7e7e7;

	color: #646464;

    border-radius: 3px 0 0 3px;    

	border: 1px solid #005f99;  

	padding: 11px;

	margin-bottom: 20px;

}



#comments .form-wrapper input.check {

	width: 5%;

	padding: 14px;

	margin: 7px 5px 0;

}





#comments .form-wrapper select {

    width: 85%;

    float: left;    

    font-size: 15px;

	margin-top: 0px;

	font-weight: normal;

    border: 0;

    background: #e7e7e7;

	color: #646464;

    border-radius: 3px 0 0 3px;    

	border: 1px solid #005f99;  

	padding: 10px;

	margin-bottom: 20px;

}



#comments .form-wrapper input:focus, #comments textarea:focus, #comments .form-wrapper select:focus {

    outline: 0;

    background: #fff;

	border-color: #5cbc51;

}



#comments .form-wrapper input:focus + span, #comments .form-wrapper textarea:focus + span, #comments .form-wrapper select:focus + span {

	background-color:  #5cbc51;

}



.comment h6 {

	padding-top: 0;

	margin-top: 0 !important;

}



#comments .hi {

	display: hidden;

}



#comments textarea {

	width: 85%;

    float: left;    

    font-size: 15px;

	margin-top: 0px;

	font-weight: normal;

    border: 0;

    background: #e7e7e7;

	color: #646464;

    border-radius: 3px 0 0 3px;    

	border: 1px solid #005f99;  

	padding: 11px;

	margin-bottom: 0px;

	resize: vertical;

	min-height: 150px;

}





#comments .form-wrapper button {

   	margin-top: 15px;

    background: #005f99;

    border-radius: 3px 3px 3px 3px;      

}   



#comments .form-wrapper button:hover{     

    background: #5cbc51;

}



   

#comments .form-wrapper button:active,

#comments .form-wrapper button:focus{   

    background: #5cbc51;

    outline: 0;   

}

 

#comments .form-wrapper button:before { /* left arrow */



    border-width: 0;

}



 



 

#comments .form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */

    border: 0;

    padding: 0;

}    



.comment {

	clear: both;

	width: 85%;

	padding: 30px;

	margin: 50px auto;

	border: 1px solid #efefef;

}



hr {

border: none;

height: 1px;

background-color: #efefef;

margin: 30px 0 30px 0;

padding: 0x;

}



.test {

	background-color: #fff;

}









.circle-icon {

	width: 87px;

	height: 87px;

	margin: 7.5% 7.5% 2% 7.5%;

	clear: none;

	float: left;

}

.circle-icon a {

	display: block;

	width: 100%;

	height: 100%;

}



.circle-icon:hover {

	background-position: 0px -87px;

}



.earth {

	background: url('/~shrhabit/wp-content/themes/habitat/css/images/earth.png') 0 0 no-repeat;



}

.recycle {

		background: url('/~shrhabit/wp-content/themes/habitat/css/images/recycle.png') 0 0 no-repeat;

}

.chat {

		background: url('/~shrhabit/wp-content/themes/habitat/css/images/chat.png') 0 0 no-repeat;

}

.paperclip {

		margin-top: 5.5%;



		background: url('/~shrhabit/wp-content/themes/habitat/css/images/paperclip.png') 0 0 no-repeat;

}

.location {

		background: url('/~shrhabit/wp-content/themes/habitat/css/images/location.png') 0 0 no-repeat;

}

.contact {

	margin-top: 5.5%;

	margin-left: 15%;

		background: url('/~shrhabit/wp-content/themes/habitat/css/images/contact.png') 0 0 no-repeat;

}

.calendar {

		background: url('/~shrhabit/wp-content/themes/habitat/css/images/calendar.png') 0 0 no-repeat;

}

.wrench {

		margin-left: 15%;

		background: url('/~shrhabit/wp-content/themes/habitat/css/images/wrench.png') 0 0 no-repeat;

}

.center {

	position: relative;

	width: 123px;

	height: 123px;

	margin-left: -61px;

	padding: 50px 0 50px 0;

	margin-top: 30px;

	margin-bottom: 30px;

	left: 50%;

	float: left;

	background: url('/wp-content/themes/habitat/css/images/center.png') 0 0 no-repeat;



}

















#page-left {

}





h1.page-title {

	position: relative;

	margin: 0;

	padding: 14px;

	font-family: "PT Sans";

	float: left;

	clear: left;

	font-weight: normal;

	text-align: left;

	color: #fff;

	text-transform: uppercase;

	font-size: 36px;

	line-height: 36px;

	z-index: 1;

}





img.page-image {

	float: left;

	clear: both;

	/*width: 514px;

	/*height: 135px;*/

	/*height: 300px;*/

	margin-left: -170px;

	margin-top: -40px;

	z-index: 2;

	

	

	

}



h1.page-blue {

		background-color: #35b5eb;

}

img.page-blue {

		border: 5px solid #82c8e5;

		background-color: #82c8e5;



}

h1.page-green {

		background-color: #5cbc51;

}

img.page-green {

		border: 5px solid #81d777;

		background-color: #81d777;



}

h1.page-yellow {

		background-color: #f5bb23;

}

img.page-yellow {

		border: 5px solid #f7ce62;

		background-color: #f7ce62;



}

h1.page-green2 {

		background-color: #f78927;

}

img.page-green2 {

		border: 5px solid #fb973e;

		background-color: #fb973e;



}

h1.page-purple {

		background-color: #ab50c9;

}

img.page-purple {

		border: 5px solid #af80bf;

		background-color: #af80bf;



}

h1.page-red {

		background-color: #eb5b4c;

}

img.page-red {

		border: 5px solid #ed9d95;

		background-color: #ed9d95;



}







#page-right {

	clear: none;

	padding-left: 24px;

	/*margin-top: -80px;*/

	margin-top: -220px;

	color: #646464;

	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;

font-weight: normal;

text-rendering: optimizeLegibility;

font-size: 14px;

line-height: 28px;

padding-bottom: 30px;





	

	

}



#page-right h2, #page-left h2 {

vertical-align: baseline;

font-family: "PT Sans", Helvetica, Arial, sans-serif;

	padding: 0;

	font-size: 26px;

	line-height: 26px;

	color: #005f99;

	font-weight: normal;

margin: 15px 0px 15px 0px;

clear: both;



}



#page-left h2 {

	font-size: 22px;

	line-height: 22px;

}



#page-right p {

	margin: 0px 0px 0px 0px;

clear: both;

color: #646464;

text-align: justify;

padding: 0px 0px 14px 30px;

}

#page-right p a {
	border-bottom: 1px solid;
}



#page-right p:first-of-type {

	clear: both;

}



#page-right p {

	clear: none;

}



#page-right ul, #page-left ul {

	padding-left: 30px;

	list-style: none

}



#page-left ul {

	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;

	font-size: 15px;

	direction: rtl;

	padding-left: 14px;

	margin-left: 0;

	text-align: left;

}



#page-right table tr td {

	color: #646464 !important;

}

#page-right th {

	color: #005f99 !important;

}



#page-right li, #page-left li {

	font-size: 14px;

	line-height: 24px;

	margin: 0px 0px 15px 0px;

	padding: 0px 30px 0px 30px;

	background: url('css/images/arrowBullet.png') no-repeat 0 50%;

	display: list-item;

text-align: -webkit-match-parent;

}

#page-left li {

	margin-bottom: 5px;	

	

}

#page-left li a{

	

	

}

#page-left li:hover {

		background: url('css/images/arrowBullet1.png') no-repeat 0 50%;

}





#page-right h3 {

vertical-align: baseline;

font-family: "PT Sans", Helvetica, Arial, sans-serif;

	padding: 0;

	font-size: 22px;

	line-height: 22px;

	font-weight: normal;	color: #005f99;



margin: 15px 0px 15px 0px;

clear: both;



}

#page-right h4 {

vertical-align: baseline;

font-family: "PT Sans", Helvetica, Arial, sans-serif;

	padding: 0;

	font-size: 20px;

	line-height: 20px;

		color: #5cbc51;



	font-weight: 500;

margin: 15px 0px 15px 15px;

clear: both;



}



#page-right h5 {

vertical-align: baseline;

font-family: "PT Sans", Helvetica, Arial, sans-serif;

padding: 0;

font-size: 16px;

line-height: 16px;

color: #005f99;

font-weight: bold;

margin: 15px 0px 15px 30px;

clear: both;

}







#page-right blockquote {

	margin-left: 90px;

}





#page-right img {

	padding: 10px;

	background-color: #fff;

	border: 1px solid #d9d9d9;

	margin-top: 0px;

	margin-bottom: 14px;

}



#page-right img.alignright {float:right; margin:0em 0 1em 1em}

#page-right img.alignleft {float:left; margin:0em 1em 1em 0}

#page-right img.aligncenter {display: block; margin-left: auto; margin-right: auto}

#page-right .alignright {float:right; }

#page-right.alignleft {float:left; }

#page-right .aligncenter {display: block; margin-left: auto; margin-right: auto}







#position {

	margin-right: 30px;

	margin-left: 30px;

	margin-top: 30px;

	background-color: #fff;

	margin-bottom: 0;

	background-color: #efefef;

}

#description {

	margin-top: 0;

	margin-right: 30px;

	margin-left: 30px;

	background-color: #fff;

	border-top: none;

}



#description ul {

	margin-right: 30px;

	margin-left: 30px;

}



#description li {

	margin: 0;

	margin: 0px 0px 15px 0px;

	padding: 0px 30px 0px 30px;color: #646464;

}

















#myModal h2 {

	margin: 0;

	background-color: #005f99;

	font: "PT Sans";

	float: left;

	clear: left;

	font-weight: normal;

	text-align: left;

	color: #fff;

	text-transform: uppercase;

	font-size: 30px;

	line-height: 30px;

	padding: 14px;

}

.reveal-modal {

	padding: 0 0 14px 0;
	width: 50%;
	margin-left: -25%;

}

.reveal-modal p {
	clear: both;
	text-align: center;
	padding: 15px 30px;
}




.social-share {

	margin: 0 auto;

	font-size: 24px;

	clear: both;

	padding: 14px 0px 30px 50px;

	margin-bottom: 30px;

}





.social-share li {

	display: inline;

	float: left;

	text-align: center;

	color: #005f99;

	border: 1px solid #005f99;

	margin-right: 1rem;

	margin-bottom: 1rem;

	margin-top: 1rem;

	



}

#page-right .social-share {

	margin: 0 auto;

	display: block;

	padding: 0;



}

#page-right .social-share li {

	background: none;

	display: inline;

	float: left;

		font-size: 24px;



	text-align: center;

	color: #005f99;

	border: 1px solid #005f99;

	margin-right: 1rem;

	margin-bottom: 1rem;

	margin-top: 1rem;

	padding: 0;





}



#page-right. social-share li:last-child {

	margin-right: 0;

}



#page-right .social-share li:hover {

	background-color: #005f99;

}



#page-right .social-share li a {

	display: block;

		padding: 15px;



}



#page-right .social-share li a:hover, #page-right .social-share li a:active {

	color: #fff;

}

















.social-share li:last-child {

	margin-right: 0;

}



.social-share li:hover {

	background-color: #005f99;

}



.social-share li a {

	display: block;

		padding: 15px;



}



.social-share li a:hover, .social-share li a:active {

	color: #fff;

}



.post p:first-of-type {

	clear: both;

}









.panel h3 {

	text-align: center;

}



#position p {

	text-align: center;

}





#inner-page-bg .intro-container {

	margin-bottom: 20px;

	margin: 0 auto;

	padding-top: 20px;

	text-align: center;

	border-bottom: 7px solid transparent;

	/*margin-left: 30px;*/

}

#inner-page-bg .intro-container:hover{

	padding-top: 20px;

	background-color: white;

	border-bottom: 7px solid #f0f0f0;

}



.store {

	padding: 0;

	background-color: #005f99;
	overflow: hidden;

}



.store th {

	text-align: center;

}



.store p {

	padding: 0;

}



.store iframe {

	width: 100% !important;

	height: 100% !important;

	min-height: 430px;

	display: block;

	border: none;
	overflow: hidden !important;
	border-radius:25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;

}



#page-right .store h4 {

	margin: 15px 0px 20px 0px;

	font-size: 22px;

	text-align: center;

}



#page-right .store blockquote {

	margin: 0;

}







.tooltip1 {

			cursor: help; text-decoration: none;

			position: relative;

		}

		.tooltip1 span {

			margin-left: -999em;

			position: absolute;

		}

		.tooltip1:hover span {

			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 

			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);

			position: absolute; left: 5em; top: 5em; z-index: 99;

			margin-left: 0; width: 250px;

		}





#featured {

	border-left: 4px solid #efefef;

	border-right: 4px solid #efefef;

	border-bottom: 4px solid #efefef;

}







.storeinfo {

	margin-right: 15px;

	width: 60%;

	position: absolute;

	right: 0;

	bottom: 0;

	background-color: #fff;

	border-top: 5px solid #005f99;

	border-bottom-right-radius:25px;

		border-top-left-radius:25px;





}



.mapbox {

	margin: 30px;

	background-color: #005f99;

	border-radius:25px;

}



#page-right .store span {

	display: block;

	position: relative;

	font-size: 14px;

	font-weight: bold;

	color: #005f99;

	text-transform: uppercase;

	padding: 10px 0px 0px 5px;

}



.store p {

	padding-bottom: 0px;

	font-size: 13px;

}



.store .button {

	background-color: #5cbc51;

	color: #fff;	

	font-weight: normal;

	margin-bottom: 0;

	font-size: 14px;

	padding: 14px;font-family: "PT Sans", Helvetica, Arial, sans-serif;

	margin-top: 14px;



}



.store .button:hover {

		color: #fff;	



	background-color: #81d777;

}



#page-right .store {

	background-color: #fff;

}



#page-right .store p.small {

	width: 100%;

	font-size: 12px;

	line-height: 12px;

	padding: 0;

	text-align: center;

	padding: 0px 30px 5px 30px;

	

}



#page-right .storeinfo h4 {

	margin-bottom: 10px;

}



.contactpanel {

	background-color: #fff;

}



.contactpanel h5 {

vertical-align: baseline;

font-family: "PT Sans", Helvetica, Arial, sans-serif;

padding: 0;

font-size: 16px;

line-height: 16px;

color: #005f99;

font-weight: 500;

margin: 15px 0px 15px 0px;

clear: both;

	text-align: center;



}

#page-right .contactpanel h4 {

	text-align: center;

	margin-left: 0;

	margin-top: 0;

	margin-bottom: 5px;

}

#page-right .contactpanel h5 {

	margin-left: 0px;

	margin-top: 0px;

	font-weight: normal;

	text-align: center;

}



#page-right .contactpanel p {

	text-align: center;

	padding: 14px 0px 0px 0px;

		

}

#page-right .contactpanel p .button {



background-color: #5cbc51;

	color: #fff;	

	font-weight: normal;

	margin: 0;

	font-size: 14px;

	margin-top: 5px;

	padding: 14px;font-family: "PT Sans", Helvetica, Arial, sans-serif;

	

}

#page-right .contactpanel p .blue {

	background-color: #005f99;

}



#page-right .contactpanel p .button:hover {

		color: #fff;	



	background-color: #81d777;

}

#page-right .contactpanel p .blue:hover {

	background-color:#82c8e5;

}

#page-right .contactpanel table {

	margin: 15px auto 15px auto;

}

#page-right .contactpanel th {

	text-align: center;

	font-weight: normal;

}

#page-right .contactpanel li {

	margin-bottom: 0px;

}



.accordion {

    margin:1em 0

}

#page-right .accordion h3 {

    background:url('images/accordion-default.png') no-repeat 90% 50%;



    	vertical-align: baseline;

font-family: "PT Sans", Helvetica, Arial, sans-serif;

padding: 0;

font-size: 20px;

line-height: 20px;

color: #5cbc51;

font-weight: 500;

margin: 15px 0px 15px 15px;

clear: both;

border-top: 1px solid #d9d9d9;

border-bottom: 1px solid #d9d9d9;

padding: 14px;

text-align: left;

cursor: pointer;

}

#page-right .accordion h3:hover {

	    background:url('images/accordion-hover.png') no-repeat 90% 50%;



		background-color: #eee;

	color: #005f99;

}



#page-right .accordion h3.current {

    background:url('images/accordion-active.png') no-repeat 90% 50%;



		background-color: #eee;

	color: #005f99;

}

.accordion div.pane {

    padding:5px 10px

}

.accordion dd a {

	vertical-align: baseline;

font-family: "PT Sans", Helvetica, Arial, sans-serif;

padding: 0;

font-size: 20px;

line-height: 20px;

color: #5cbc51;

font-weight: 500;

margin: 15px 0px 15px 15px;

clear: both;

background: none;

border-top: 1px solid #d9d9d9;

border-bottom: 1px solid #d9d9d9;

padding: 14px;

}



.accordion dd a:hover {

	background-color: #eee;

	color: #005f99;

}



.accordion dd .active a {

	background-color: #eee;

	color: #005f99;

}









.financepanel {

	background-color: #fff;

	min-height: 100px;

}



#page-right .financepanel h5 {

vertical-align: baseline;

font-family: "PT Sans", Helvetica, Arial, sans-serif;

padding: 0;

font-size: 16px;

line-height: 16px;

display: block;

color: #005f99;

font-weight: bold;

margin: 14px 0px 0px 15px;

clear: none;

float: left;

}

#page-right .financepanel h4 {

	margin-top: 0px;

	margin-left: 0px;

	margin-bottom: 0px;



}



#page-right .grr {

	margin-right: 150px !important;

}

#page-right .financepanel p {

	padding: 14px 30px 0px 30px;		

}

#page-right .financepanel p .button {



background-color: #5cbc51;

	color: #fff;	

	font-weight: normal;

	margin: 0;

	font-size: 14px;

	margin-top: 5px;

	padding: 14px;font-family: "PT Sans", Helvetica, Arial, sans-serif;

	

}

#page-right .financepanel p .blue {

	background-color: #005f99;

}



#page-right .financepanel p .button:hover {

		color: #fff;	



	background-color: #81d777;

}

#page-right .financepanel p .blue:hover {

	background-color:#82c8e5;

}

#page-right .financepanel table {

	margin: 30px auto 15px auto;

}

#page-right .financepanel th {

	text-align: center;

	font-weight: normal;

}

#page-right .financepanel img {

	display: block;

	text-align: center;

	width: 70px;

	height: 70px;

margin: 0 auto;	display: inline;

	clear: none;

	padding: 0;

}



#page-right a.staff {

	font-weight: normal;

}



.contactpanel span {

	display: block;

	position: relative;

	font-size: 14px;

	font-weight: bold;

	color: #005f99;

	text-transform: uppercase;

	text-align: center;

}



  

  



.alert-box {

	margin: 14px 50px 0px 50px;

	padding: 14px;

	text-align: center;

}



.alert-box.success {

	background-color: #5cbc51;

}

.alert-box.error {

	background-color: #eb5b4c;

}



.hi {

	display: none;

}



.tooltip {

	left: 50% !important;

	margin-top: 123px;

}



.triangle {

	width: 0px;

height: 0px;

border-style: solid;

border-width: 0 41.5px 51px 41.5px;

border-color: transparent transparent #007bff transparent;

margin: 0 auto;

display: block;

}



#page-left .breadcrumb { 

margin-top: -5px;

	float: right;

	clear: both;

	list-style: none; 

	overflow: hidden; 

	font-size: 14px;

	line-height: 14px;

	text-transform: uppercase;

	padding-left: 0;

width: 100%;	

}

#page-left .breadcrumb li { 

	float: left; 

	background: none;

	padding: 0 !important;

	margin: 0 !important;

}

.breadcrumb li a {

	color: white;

	text-decoration: none; 

	padding: 10px 0 10px 40px;

	background: #f5bb23; 

	position: relative; 

	display: block;

		font-size: 14px;

		line-height: 14px;



	float: left;

}



.breadcrumb li a:after { 

	content: " "; 

	display: block; 

	width: 0; 

	height: 0;

	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */

	border-bottom: 50px solid transparent;

	border-left: 30px solid #f5bb23;

	position: absolute;

	top: 50%;

	margin-top: -50px; 

	left: 100%;

	z-index: 2; 

}



.breadcrumb li a:before { 

	content: " "; 

	display: block; 

	width: 0; 

	height: 0;

	border-top: 50px solid transparent;       

	border-bottom: 50px solid transparent;

	border-left: 30px solid white;

	position: absolute;

	top: 50%;

	margin-top: -50px; 

	margin-left: 1px;

	left: 100%;

	z-index: 1; 

}







.breadcrumb li:first-child a {

	padding-left: 10px;

}

.breadcrumb li:nth-child(2) a       { color: #fff; }

.breadcrumb li:nth-child(2) a:after { border-left-color: #f7ce62; }

.breadcrumb li:last-child a {

	background: #f7ce62;

	text-align: center;

	pointer-events: none;

	cursor: default;

}



.breadcrumb li:last-child a:after { 

	content: ""; 

	display: block; 

	width: 0; 

	height: 0;



	position: absolute;

	top: 50%;

	margin-top: -50px; 

	left: 100%;

	z-index: 2; 



}



.breadcrumb li a:hover { background: hsla(34,85%,25%,1); }

.breadcrumb li a:hover:after { border-left-color: hsla(34,85%,25%,1) !important; }

a.menu {

	display: none;

}





.breadcrumb .yellow {

	background-color: #f7ce62;

}









.learnmore {

	position: absolute; padding-top: 340px;	width: 75%;



}













div.staff-container{

	min-height: 233px;

	clear: both;

	float: left;

	margin-top: 30px;

	margin-bottom: 30px;

}
div.staff-content {

	display: block;
	float: left;
	width: 46%;

}



#page-right div.staff-container img {

	padding: 0px;

background-color: transparent;

border: 0;

margin-top: 0px;

margin-bottom: 0;

	padding-right: 15px;

	float: left;

	display: inline;

}



#page-right div.staff-container h2 {

vertical-align: baseline;

font-family: "PT Sans", Helvetica, Arial, sans-serif;

padding: 0;

color: #005f99;

font-weight: bold;

margin: 0px;





	clear: none;

	display: inline-block;

	width: 525px;



}



#page-right div.staff-container h4 {

	clear: none;

	display: inline;

	clear: right;

	margin: 0;

	font-size: 18px;

}



#page-right div.staff-container p {

	display: inline;

	margin-top: 15px;

	padding: 0;

	

}



	



#page-right div.staff-container .staffTest {

	padding: 0px;

	background-color: transparent;

	border: 0;

	margin-top: 0px;

	margin-bottom: 0;

	margin-right: 15px;

	float: left;

	display: inline;

	width: 580px;

	height: 280px;

	background: url('http://shrhabitat.org/wp-content/uploads/staff/test.jpg') top left no-repeat;	

-khtml-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}



#page-right div.staff-container .staffTest1 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff1-2.jpg') top left no-repeat;

}





#page-right div.staff-container .staffTest2 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff2.jpg') top left no-repeat;

}





#page-right div.staff-container .staffTest3 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff3.jpg') top left no-repeat;

}





#page-right div.staff-container .staffTest4 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff4.jpg') top left no-repeat;

}





#page-right div.staff-container .staffTest5 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff5.jpg') top left no-repeat;

}





#page-right div.staff-container .staffTest6 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff6.jpg') top left no-repeat;

}





#page-right div.staff-container .staffTest7 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff7.jpg') top left no-repeat;

}





#page-right div.staff-container .staffTest8 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff8-2.jpg') top left no-repeat;

}





#page-right div.staff-container .staffTest9 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff9-2.jpg') top left no-repeat;

}





#page-right div.staff-container .staffTest10 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff10.jpg') top left no-repeat;

}





#page-right div.staff-container .staffTest11 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff11.jpg') top left no-repeat;

}





#page-right div.staff-container .staffTest12 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff12.jpg') top left no-repeat;

}





#page-right div.staff-container .staffTest13 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff13-2.jpg') top left no-repeat;

}





#page-right div.staff-container .staffTest14 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff14.jpg') top left no-repeat;

}

#page-right div.staff-container .staffTest15 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff15.jpg') top left no-repeat;

}

#page-right div.staff-container .staffTest16 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff16.jpg') top left no-repeat;

}

#page-right div.staff-container .staffTest17 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff17.jpg') top left no-repeat;

}

#page-right div.staff-container .staffTest18 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff18.jpg') top left no-repeat;

}

#page-right div.staff-container .staffTest19 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff19.jpg') top left no-repeat;

}

#page-right div.staff-container .staffTest20 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff20.jpg') top left no-repeat;

}

#page-right div.staff-container .staffTest21 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff21.jpg') top left no-repeat;

}

#page-right div.staff-container .staffTest22 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff22.jpg') top left no-repeat;

}
#page-right div.staff-container .staffTest23 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff23.jpg') top left no-repeat;

}
#page-right div.staff-container .staffTest24 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff24.jpg') top left no-repeat;

}
#page-right div.staff-container .staffTest25 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff25.jpg') top left no-repeat;

}
#page-right div.staff-container .staffTest26 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff26.jpg') top left no-repeat;

}
#page-right div.staff-container .staffTest27 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff27.jpg') top left no-repeat;

}
#page-right div.staff-container .staffTest28 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff28.jpg') top left no-repeat;

}
#page-right div.staff-container .staffTest29 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff29.jpg') top left no-repeat;

}
#page-right div.staff-container .staffTest30 {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staff30.jpg') top left no-repeat;

}

#page-right div.staff-container .staffTest31 {

		background: url('http://shrhabitat.org/wp-content/uploads/2015/10/damion.jpg') top left no-repeat;

}

#page-right div.staff-container .staffTest32 {

		background: url('http://shrhabitat.org/wp-content/uploads/2015/10/tabatha.jpg') top left no-repeat;

}

#page-right div.staff-container .staffTest33 {

		background: url('http://shrhabitat.org/wp-content/uploads/2015/10/denise.jpg') top left no-repeat;

}

#page-right div.staff-container .staffTestCS {

		background: url('http://shrhabitat.org/wp-content/uploads/staff/staffCS.jpg') top left no-repeat;

}


/*
#page-right div.staff-container .staffTest:hover {

	background-position: 0 -280px;
}*/



#page-right div.staff-container a.button {

background-color: #5cbc51;

color: #fff;

font-weight: normal;

margin: 0;

font-size: 14px;

margin-top: 5px;

padding: 14px;

font-family: "PT Sans", Helvetica, Arial, sans-serif;

}





#page-right div.staff-container a.button:hover {

color: #fff;

background-color: #81d777;	

}



.rad-partners {

	width: 217px;

	height: 120px;

	border-radius: 10px;

	border: 2px solid #f0f0f0;

	background-color: #fff;

	display: block;

	margin-bottom: 30px;

}



.rad-partners img {

	padding: 0 !important;

	background-color: transparent !important;

	border: none !important;

	margin: 0 !important;	

}

@media screen and (max-width: 1440px) { 

/*new*/

img.page-image{

	width: 350px;

	margin-left: -70px;

	margin-top: -30px;



}



#page-right{

/*new*/

	margin-top: -170px;

}



}

@media screen and (max-width: 1024px) { 



#page-right { clear: both; margin-top: 30px;}

 #page-right p { padding-left: 0; } 

 img.page-image { 	margin-left: 0px; width: 100%; }

 div.staff-content {
 	width: 100%;
 }

 a.menu {

	 display: block;

  z-index: 3;

  border:1px solid white;

  text-decoration: none;

 

	float: right;

	text-align: center;

	color: #005f99;

	border: 1px solid #005f99;

	margin: 1.2rem;

	font-size: 24px;

	clear: both;

	padding: 14px;

}



 a.menu:hover {

	background-color: #005f99;

	color: #fff;



 }



nav { clear: both; width: 100%; top: 50px;

}

nav { clear: both; float: left; display: block;

}

nav ul { display: block; margin: 0;

}

nav ul li { padding-left: 0; clear: both; width: 100%;

}

nav ul li a {

display: block;

clear: both;

text-decoration: none;

color: white;

padding: 1em;

width: 100%;

}





nav li ul {

	width: 100%;

	display: block;

}



nav ul li:hover > ul {

	display: block;

}



nav ul ul {

	position: relative;

	top: 0;

	left: 0;

	padding: 0;

	margin: 0 0 0 0px;

	color: #005f99;

	background-color: #fff;

	display: block;

	width: 100%;

}



nav ul ul li {

	padding: 0;

	margin: 0;

	float: left;

	position: relative;

	display: block;

	clear: both;

	color: #005f99;

}

nav ul ul li a:link, nav ul ul li a:avisited {

		color: #005f99;

	background-color: #fff;

}



.drawer {

	display: none;

 

}

.drawer.active {

	display: block;



}





h1.logo {margin: 0 auto;

}

/* Fallbacks */





.learnmore {

	position: relative; padding-top: 0px;

	width: 100%;

}



#page-left ul {

position: relative !important;

padding-top: 0px !important;

clear: both; 

display: block;

}



#page-left ul li {

	display: block;

	float: left;

	margin-right: 50px;

}





}



.column-1 {width:300px; height:169px; margin:0 0 100px 0; padding:0; float:left;}



.column-2-3 {width:300px; height:169px; margin:0 0 100px 20px; padding:0; float:left;}



.clearFix {clear:both;}