/*
Theme Name: treehouseforkids.org
Theme URI: https://treehouseforkids.org
Author: Some Developers & IvyCat
Author URI: https://ivycat.com/
Description: Custom theme for treehouseforkids.org - last updated 03/09/20
Version: 1.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

font-family:'Rockwell W01';
font-family:'Trade Gothic W01 Light';
font-family:'Trade Gothic W01 Roman';
font-family:'Trade Gothic W01 Bold';
font-family:'Trade Gothic W01 Bold 2';
*/


/* -------------------------------------------------------------------------------------------------------------- */
/* css for site structure ----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

html,body {
	width: 100%;
   }
body {
	padding: 0;
	margin: 0;
	font-family: 'Trade Gothic W01 Roman', arial;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	line-height: 24px;
	color: #64413c;
 	background: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
#content {
	width: 100%;
 	}
.container {
	position: relative;
	margin: 0 auto 0 auto;
	width: 100%;
	max-width: 1280px;
  	}
.half {
	position: relative;
	float: left;
	width: 50%;
	}
.third {
	position: relative;
	float: left;
	width: 33.3334%;
	}
.fourth {
	position: relative;
	float: left;
	width: 25%;
	}
.desktop {
	display: inherit !important;
	}
.mobile {
	display: none !important;
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for base tags ---------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

a,
a:visited,
a:active {
	color: #0aaf46;
	text-decoration: none;
	outline: none;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
	}
a:focus,
a:hover {
	color: #64413c;
	text-decoration: none;
	outline: none;
   	}
ul {
	padding: 0 0 20px 20px;
	margin: 0;
	list-style: disc;
	}
ul li {
	padding: 0 0 10px 0;
	margin: 0;
	}
ol {
	padding: 0 0 20px 35px;
	margin: 0;
	}
ol li {
	padding: 0 0 10px 0;
	margin: 0;
	}
i,
em {
	font-style: italic;
	}
p {
	padding: 0 0 25px 0;
	margin: 0;
	}
b, strong {
	font-family: 'Trade Gothic W01 Bold', arial;
	font-weight: normal;
	}
sup {
	font-size: .35em;
	top: -9px;
	}
img {
	padding: 0;
	margin: 0;
	border: 0;
	}
hr {
	margin: 0 0 15px 0;
	height: 1px;
	border: none;
	border-bottom: 1px solid #16af4b;
	}
h1 {
 	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-family: 'Rockwell W01', serif;
	font-weight: normal;
	font-size: 50px;
	line-height: 60px;
	color: #fff;
	}
h2 {
 	padding: 0 0 25px 0;
	margin: 0 0 0 0;
	font-family: 'Rockwell W01', serif;
	font-weight: normal;
	font-size: 34px;
	line-height: 38px;
	color: #fff;
	}
h3 {
 	padding: 0 0 25px 0;
	margin: 0 0 0 0;
	font-family: 'Trade Gothic W01 Bold', arial;
	font-weight: normal;
	font-size: 25px;
	line-height: 30px;
	color: #fff;
	}
.col1 {
	position: relative;
	padding: 0 5% 0 0;
	width: 25%;
	float: left;
	}
.col2 {
	position: relative;
	padding: 0 0 0 0;
	width: 70%;
	float: left;
	}
input[type='email'],
input[type='text'] {
	padding: 0 2% 0 2%;
	margin: 0 0 10px 0;
	height: 52px;
	width: 96%;
	border: none;
	outline: none;
	font-family: 'Trade Gothic W01 Roman', arial;
	font-size: 18px;
	color: #64413c;
	}
select {
	padding: 0 10px 0 10px;
	margin: 0 0 10px 0;
	height: 32px;
	width: 240px;
	border-top: 1px solid #adadad;
	border-right: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	background: #fff;
	border-radius: 2px;
	outline: none;
	font-family: 'Trade Gothic W01 Roman', arial !important;
	font-size: 15px !important;
	color: #64413c;
	}
textarea {
	padding: 20px 2% 0 2%;
	margin: 0 0 10px 0;
	height: 255px;
	width: 96%;
	border: none;
	outline: none;
	font-family: 'Trade Gothic W01 Roman', arial;
	font-size: 18px;
	color: #64413c;
	}
input[type='submit'] {
	padding: 12px 30px 10px 0;
	float: right;
	background: url(images/arrow-green.png) no-repeat right center;
	margin: 0;
	border: 0;
	font-family: 'Trade Gothic W01 Roman', arial;
	font-size: 24px;
	line-height: 30px;
	color: #0aaf46;
	font-weight: normal;
	cursor: pointer;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
	}

.enews-form p,
.gform_wrapper p,
form p {
	margin: 0 !important;
	padding: 0 0 25px 0 !important;
	font-family: 'Trade Gothic W01 Roman', arial !important;
	font-size: 18px !important;
	line-height: 24px !important;
	}
.gform_wrapper ul,
form ul {
	margin: 0 !important;
	padding: 0 0 20px 20px !important;
	}
.gform_heading,
.gform_title {
	display: none;
	}
.gform_body,
.gform_description {
	padding: 0 !important;
	margin: 0 !important;
	}
.gform_wrapper {
	margin-top: -8px !important;
	margin-left: -20px !important;
	}
.gform_wrapper h3 {
	font-size: 18px !important;
	line-height: 24px !important;
	}
.gfield_label {
	padding: 0 0 1px 0 !important;
	margin: 15px 0 0 0 !important;
	font-family: 'Trade Gothic W01 Bold', arial !important;
	font-weight: normal !important;
	font-size: 20px !important;
	line-height: 24px !important;
	color: #64413c !important;
	}
.ginput_container label {
	font-family: 'Trade Gothic W01 Bold', arial !important;
	font-weight: normal !important;
	font-size: 14px !important;
	line-height: 16px !important;
	text-transform: uppercase;
	}
.gform_wrapper ul,
.gfield_description {
	font-size: 16px !important;
	line-height: 20px !important;
	}
h2.gsection_title {
 	padding: 0 0 5px 0 !important;
	margin: 15px 0 0 0 !important;
	font-family: 'Rockwell W01', serif !important;
	font-weight: bold !important;
	font-size: 28px !important;
	line-height: 32px !important;
	color: #64413c !important;
	}
.enews-form input[type='email'],
.enews-form input[type='text'] {
	width: 50%;
	height: 42px;
	font-size: 20px;
	border: 1px solid #64413c;
	}
.gform_wrapper input[type='email'],
.gform_wrapper input[type='text'] {
	height: 26px;
	border: 1px solid #64413c;
	}
.gform_wrapper textarea {
	border: 1px solid #64413c;
	}
.gform_button {
	padding-right: 27px !important;
	}
.form-subtitle h2.gsection_title {
	font-family: 'Trade Gothic W01 Bold', arial !important;
	font-weight: normal !important;
	font-size: 20px !important;
	line-height: 22px !important;
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for header ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#logo-mobile,
#mobile-close,
#mobilenav,
#mobilenav ul,
#mainnav-navbar  {
	display: none;
	}
header {
	position: fixed;
	width: 100%;
	top: 0;
	height: 110px;
	z-index: 9999;
	background: #fff;
	transition: top 0.2s ease-in-out;
	}
	.green-border {
		height: 107px;
		border-bottom: 3px solid #0aaf46;
		}
	.nav-up {
		top: -110px;
		}
#nav {
	display: inherit;
	position: absolute;
	top: 0;
	left: 357px;
	height: 44px;
	font-family: 'Rockwell W01', serif;
	font-weight: bold;
	font-size: 17px;
	line-height: 17px;
	text-transform: capitalize;
	}
	#nav ul {
		padding: 0;
		list-style: none;
		}
	#nav ul li {
		padding: 0 0 0 0;
		float: left;
		}
	#nav ul li.search {
		background-image: url(images/search.png);
		background-repeat: no-repeat;
		background-position: right top 53px;
		cursor: pointer;
		}
	#nav ul li.search:hover {
		background-image: url(images/search-roll.png);
		}
	#nav ul li a {
		display: block;
		padding: 54px 37px 0 37px;
		height: 56px;
		color: #64413c;
		}
		#nav ul li.search a {
			padding-right: 28px;
			}
		.fade-in {
			background: rgba(226, 227, 221, 0.8);
			}
	#nav ul li a:focus,
	#nav ul li a:hover {
		color: #0aaf46;
		}
	#nav ul li.current_page_parent a,
	#nav ul li.current-page-ancestor a,
	#nav ul li.current-menu-item a,
	#nav ul li.current_page_item a {
		background: rgba(226, 227, 221, 0.8);
		}
		/* css for sub navigation  ---------------------------------------------------------------------------------- */
		#nav ul li.nav1 .sub-menu,
		#nav ul li.nav2 .sub-menu,
		#nav ul li.nav3 .sub-menu {
			display: none;
			position: absolute;
			top: 110px;
			margin: 0 0 0 0;
			padding: 30px 0 10px 0;
			width: 340px;
			background: rgba(226, 227, 221, 0.8);
			text-align: left;
			white-space: normal;
			z-index: 999;
			font-weight: normal;
			}
		#nav ul li.nav1:hover .sub-menu,
		#nav ul li.nav2:hover .sub-menu,
		#nav ul li.nav3:hover .sub-menu {
			display: block;
			}
			#nav ul.sub-menu li {
				padding: 0;
				display: inline-block;
				width: 160px;
				}
				#nav ul.sub-menu li a,
				#nav ul.sub-menu li a:visited,
				#nav ul.sub-menu li a:active {
					display: block;
					padding: 0 5px 15px 36px;
					height: auto;
					border: 0;
					font-family: 'Trade Gothic W01 Bold', arial;
					font-size: 15px;
					line-height: 17px;
					color: #64413c;
					background: none;
					}
				#nav ul.sub-menu li.current-menu-item a,
				#nav ul.sub-menu li a:hover {
					color: #0aaf46;
					}
					#nav ul.sub-menu li.menu-item-11972 a,
					#nav ul.sub-menu li.menu-item-11973 a {
						color: #64413c !important;
						}
					#nav ul.sub-menu li.menu-item-11972 a:hover,
					#nav ul.sub-menu li.menu-item-11973 a:hover {
						color: #0aaf46 !important;
						}


#logo {
	position: absolute;
	top: 32px;
	left: 4%;
	max-width: 182px;
	height: auto;
	}
	#logo img {
		width: 100%;
		height: auto;
		}
#donate {
	position: absolute;
	top: 37px;
	right: 4%;
	display: block;
	padding: 17px 21px 17px 21px;
	border-radius: 30px;
	background: #0aaf46;
	font-family: 'Rockwell W01', serif;
	font-weight: bold;
	color: #fff;
	font-size: 17px;
	line-height: 17px;
	text-transform: capitalize;
	}
	#donate:hover {
	 	background: #64413c;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
		}
#search {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ebece7;
	width: 100%;
	height: 110px;
	z-index: 999999;
	}
	#search .search-close {
		margin-top: 22px;
		float: left;
		cursor: pointer;
		}
	#search .container {
		padding-top: 27px;
		background-repeat: no-repeat;
		background-position: left center;
		height: 93px;
		padding-left: 2.5%;
		padding-right: 2.5%;
		width: 95%;
		}
	#search .text-field-search {
		float: left;
		background-color: transparent;
		padding: 0 0 0 30px;
		margin: 0;
		font-family: 'Rockwell W01', serif;
		font-weight: bold;
		font-size: 38px;
		line-height: 38px;
		width: 80%;
		}
	#search .search-btn {
		margin: 13px 0 0 0;
		width: 26px;
		height: 26px;
		display: inline-block;
		cursor: pointer;
		background-image: url(images/search2.png);
		background-repeat: no-repeat;
		background-position: right top;
		}


/* --------------------------------------------------------------------------------------------------------------- */
/* css for horizontal and vertical centering --------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

.vert-center,
.middle-center {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	text-align: center;
	}


/* --------------------------------------------------------------------------------------------------------------- */
/* css for multiple page modules --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
#content {
	margin-top: 110px;
	}
#no-hero {
	//margin-top: 110px;
	}

#hero {
	position: relative;
	//margin-top: 110px;
	width: 100%;
	height: auto;
	max-height: 900px;
	overflow: hidden;
	}
	#hero-overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #404041;
		opacity: .25;
		}
	#hero h1 {
		color: #fff;
		font-size: 4vw;
		line-height: 5vw;
		text-shadow: 2px 2px 5px rgba(0,0,0,.2);
		}
	#hero img {
		width: 100%;
		height: auto;
		}
#hero .top-left,
#hero .top-center,
#hero .top-right,
#hero .middle-left,
#hero .middle-center,
#hero .middle-right,
#hero .bottom-left,
#hero .bottom-center,
#hero .bottom-right {
	position: absolute;
}
/**
Hero Top Styles
 */
#hero .top-left {
	top: 5%;
	left: 5%;
	/*transform: translate(-50%, -50%);*/
	text-align: left;
}
#hero .top-center {
	top: 5%;
	left: 50%;
	transform: translate(-50%, -0%);
	text-align: center;
}
#hero .top-right {
	top: 5%;
	right: 5%;
	/*transform: translate(-50%, -0%);*/
	text-align: right;
}
/**
Hero Middle Styles
 */
#hero .middle-left {
	top: 50%;
	left: 5%;
	/*transform: translate(-50%, -50%);*/
	text-align: left;
}
#hero .middle-center {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
#hero .middle-right {
	top: 50%;
	right: 5%;
	/*transform: translate(-50%, -0%);*/
	text-align: right;
}
/**
Hero Bottom Styles
 */
#hero .bottom-left {
	bottom: 5%;
	left: 5%;
	/*transform: translate(-50%, -50%);*/
	text-align: left;
}
#hero .bottom-center {
	bottom: 5%;
	left: 50%;
	transform: translate(-50%, 0%);
	text-align: center;
}
#hero .bottom-right {
	bottom: 5%;
	right: 5%;
	/*transform: translate(-50%, -0%);*/
	text-align: right;
}
.timely-update {
	position: relative;
	padding: 65px 10% 30px 10%;
	width: 80%;
	background-image: url(images/bg-wood.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	text-align: center;
	}
	.green-bg {
		background-image: none;
		background-color: #0aaf46;
		color: #fff;
		}
	.green-bg a {
		color: #fff;
		}
	.green-bg a:hover {
		color: #64413c;
		}
	.timely-update h3 {
		font-size: 30px;
		line-height: 32px;
		color: #64413c;
		}
		.green-bg h3 {
			color: #fff;
			}
	.our-stories-more {
		padding: 0;
		}
	.our-stories-more a,
	.timely-update .timely-learn-more a {
		display: inline-block;
		margin: 10px 0 0 0;
		padding: 0 30px 2px 0;
		height: 24px;
		font-family: 'Trade Gothic W01 Bold', arial;
		font-size: 25px;
		line-height: 28px;
		color: #64413c;
		text-transform: capitalize;
		background: url(images/arrow-brown.png) no-repeat right center;
		}
	.our-stories-more a:hover,
	.timely-update .timely-learn-more a:hover {
		color: #0aaf46;
		background: url(images/arrow-green.png) no-repeat right center;
		}
		.green-bg .timely-learn-more a:hover {
			background: url(images/arrow-white-sm.png) no-repeat right center;
			color: #fff;
			}

.foster-care-facts,
.our-impact {
	position: relative;
	padding: 54px 5% 30px 5%;
	width: 90%;
	text-align: center;
	color: #64413c;
	}
.foster-care-facts {
	padding: 72px 5% 50px 5%;
	}
	.foster-care-facts .third {
		padding: 0 4% 0 4%;
		width: 25.3334%;
		}
	.our-impact .third {
		padding: 0 2% 0 2%;
		width: 29.3334%;
		}
	.foster-care-facts .third div,
	.our-impact .third div {
		padding: 0 0 30px 0;
		}
	.foster-care-facts h2,
	.our-impact h2 {
		padding: 0 0 55px 0;
		color: #0aaf46;
		}
	.foster-care-facts h3,
	.our-impact h3 {
		color: #64413c;
		min-height: 70px;
		}
	.foster-care-facts img,
	.our-impact img {
		width: 100%;
		max-width: 331px;
		height: auto;
		}
.our-impact-small {
	position: relative;
	padding: 54px 5% 30px 5%;
	width: 90%;
	text-align: center;
	color: #64413c;
	}
	.our-impact-small h2 {
		padding: 0 0 55px 0;
		color: #0aaf46;
		}
	.our-impact-small h3 {
		color: #64413c;
		min-height: 70px;
		}
	.our-impact-small img {
		width: 100%;
		max-width: 1184px;
		height: auto;
		}

.counter {
	position: relative;
	padding: 100px 0 0px 0 !important;
	min-height: 140px;
	width: 100%;
	background-image: url(images/bg-wood.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	font-family: 'Rockwell W01', serif;
	font-weight: normal;
	font-size: 34px;
	line-height: 38px;
	color: #0aaf46;
	}
	.counter .vert-center {
		position: absolute;
		top: 50%;
		left: 20%;
		transform: translate(-20%, -50%);
		text-align: center;
		}
	.counter .half {
		padding-top: 30px;
		}
	.counter-text {
		width: 80%;
		}
	.jcw-digit, .jcw-tenth {
		font-family: 'sketch_rockwellregular' !important;
		font-size: 118px !important;
		line-height: 128px !important;
		color: #0aaf46 !important;
		}


	.foster-care-facts ul,
	.our-impact-small ul,
	.our-impact ul {
		padding: 0;
		list-style: none;
		}
	.foster-care-facts ul.learn-more li,
	.our-impact-small ul.learn-more li,
	.our-impact ul.learn-more li {
		display: inline-block;
		padding: 30px 60px 40px 60px;
		}
	.learn-more	a,
	.foster-care-facts ul.learn-more li a,
	.our-impact-small ul.learn-more li a,
	.our-impact ul.learn-more li a {
		display: inline-block;
		padding: 0 30px 5px 0;
		height: 24px;
		font-family: 'Trade Gothic W01 Bold', arial;
		font-size: 25px;
		line-height: 28px;
		text-transform: capitalize;
		background: url(images/arrow-green.png) no-repeat right center;
		}
	.learn-more a:hover,
	.foster-care-facts ul.learn-more li a:hover,
	.our-impact-small ul.learn-more li a:hover,
	.our-impact ul.learn-more li a:hover {
		color: #64413c;
		background: url(images/arrow-brown.png) no-repeat right center;
		}
	.foster-care-facts .bx-wrapper .bx-next {
		right: -5% !important;
		}
	.foster-care-facts .bx-wrapper {
		padding: 0 !important;
		}

.photogrid-wrap {
	background: #f9f7eb;
	max-height: 475px;
	}
.photogrid {
	max-height: 475px;
	position: relative;
	width: 50%;
	float: left;
	font-family: 'Rockwell W01', serif;
	font-size: 25px;
	line-height: 25px;
	color: #64413c;
	background: #f9f7eb;
	}
	.photogrid a {
		display: inline-block;
		padding: 0 30px 5px 0;
		height: 24px;
		font-family: 'Trade Gothic W01 Bold', arial;
		font-size: 25px;
		line-height: 28px;
		color: #64413c;
		text-transform: capitalize;
		background: url(images/arrow-brown.png) no-repeat right center;
		}
	.photogrid a:hover {
		color: #0aaf46;
		background: url(images/arrow-green.png) no-repeat right center;
		}
	.photogrid h2 {
		font-size: 35px;
		line-height: 35px;
		color: #64413c;
		}
	.photogrid .vert-center {
		padding-left: 10%;
		padding-right: 10%;
		width: 80%;
		}
	.photogrid p {
		padding: 0 0 15px 0;
		}
	.photogrid .bg {
		width: 100%;
		height: auto;
		}
	.photogrid .bg img {
		width: 100%;
		height: auto;
		}
	.text-block .bg {
		width: 100%;
		height: 100%;
		}

.circle-graph {
	position: relative;
	width: 100%;
	height: 485px;
	background-image: url(images/bg-wood.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	font-size: 21px;
	line-height: 23px;
	color: #16af4b;
	text-align: center;
	}
	.circle-graph img {
		width: 100%;
		max-width: 335px;
		height: auto;
		}
	.circle-graph h2 {
		font-family: 'Rockwell W01', serif;
		font-size: 38px;
		line-height: 42px;
		color: #64413c;
		}
	.circle-graph .half {
		height: 485px;
		}
	.circle-graph .vert-center {
		position: absolute;
		top: 50%;
		left: 20%;
		transform: translate(-20%, -50%);
		text-align: center;
		}
	.circle-graph .half {
		padding-top: 30px;
		}
	.circle-graph-text {
		width: 80%;
		}


.green-section {
	position: relative;
	min-height: 450px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	font-size: 30px;
	line-height: 36px;
	color: #fff;
	}
	#home .green-section {
		min-height: 500px;
		}
	.green-section .vert-center {
		width: 60%;
		padding: 20px 20% 0 20%;
		}
	.green-section h2 {
		padding: 0 12% 25px 12%;
		font-size: 38px;
		line-height: 45px;
		}

.triple-icon {
	position: relative;
	padding: 65px 2.5% 55px 2.5%;
	width: 95%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #0aaf46;
	text-align: center;
	}
	.triple-icon h2 {
		padding-bottom: 55px;
		}
	.triple-icon h3 {
		font-size: 22px;
		line-height: 27px;
		}
	.triple-icon a {
		color: #fff;
		}
	.triple-icon h3:hover img {
		opacity: .8;
		-o-transition: all 0.2s linear;
	    -moz-transition: all 0.2s linear;
	    -khtml-transition: all 0.2s linear;
	    -webkit-transition: all 0.2s linear;
	    -ms-transition: all 0.2s linear;
	    transition: all 0.2s linear;
		}
	.triple-icon img {
		padding-bottom: 25px;
		max-width: 150px;
		}
	.triple-icon-cream {
		background-color: #f9f7eb !important;
		}
	.triple-icon-white {
		background-color: #fff !important;
		}
		.triple-icon-cream h2,
		.triple-icon-white h2 {
			color: #0aaf46 !important;
			}
		.triple-icon-cream h3,
		.triple-icon-white h3 {
			color: #64413c !important;
			}
		.triple-icon-cream a,
		.triple-icon-white a {
			color: #64413c !important;
			}
		.triple-icon-cream h3:hover a,
		.triple-icon-white h3:hover a {
			opacity: 1;
			color: #0aaf46 !important;
			}

.our-stories {
	position: relative;
	margin: auto;
	padding: 75px 0 75px 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	font-size: 26px;
	line-height: 30px;
	color: #64413c;
	text-align: center;
	}
	#contact-us .our-stories {
		padding: 75px 0 75px 0;
		}
	#stories .our-stories {
		padding: 0 0 25px 0;
		}
		#contact-us .our-stories .container,
		#stories .our-stories .container {
			max-width: 1210px;
			}
		.our-stories .date,
		#stories .our-stories .date {
			padding: 0;
			font-family: 'Trade Gothic W01 Bold', arial;
			font-size: 13px;
			line-height: 17px;
			color: #64413c;
			}
		.our-stories .category,
		#stories .our-stories .category {
			padding: 0 0 10px 0;
			font-family: 'Trade Gothic W01 Bold', arial;
			font-size: 17px;
			line-height: 21px;
			color: #64413c;
			text-transform: uppercase;
			letter-spacing: 1px;
			}
	.our-stories h2 {
		padding-bottom: 55px;
		color: #0aaf46;
		}
		.our-stories h2.recent-stories {
			padding-top: 60px;
			}
		#stories .our-stories a {
			font-family: 'Trade Gothic W01 Bold', arial;
			color: #0aaf46;
			}
		#stories .our-stories a:hover {
			color: #64413c;
			}
		#stories .our-stories hr {
			border-bottom: 2px solid #64413c;
			}
		.navigation {
			padding: 15px 0 18px 0;
			text-align: center;
			}
			.navigation .page-numbers {
				font-family: 'Trade Gothic W01 Bold', arial;
				font-size: 17px;
				line-height: 21px;
				color: #64413c;
				padding: 0 4px 0px 4px;
				display: inline-block;
				}
			.navigation .page-numbers img {
				padding-top: 15px;
				width: 10px;
				height: 16px;
				vertical-align: middle;
				}
				.search-nav img {
					padding-top: 0;
					margin-top: -18px;
					}
			.navigation .prev,
			.navigation .next {
				}
			.navigation a {
				font-family: 'Trade Gothic W01 Bold', arial;
				font-size: 17px;
				line-height: 21px;
				color: #64413c;
				}
			#stories .our-stories .current,
			.navigation .current,
			.navigation a:hover {
				color: #64413c !important;
				}
	.our-stories .third {
		text-align: center;
		width: 25.3%;
		padding: 0 4% 50px 4%;
		}
	#stories .our-stories .third {
		width: 31.3%;
		padding: 0 1% 50px 1%;
		}
	.our-stories img {
		padding-bottom: 25px;
		width: 100%;
		height: auto;
		max-width: 275px;
		}
		#stories .our-stories img {
			padding-bottom: 18px;
			max-width: 375px;
			}
	.our-stories p {
		margin: 0 auto;
		max-width: 275px;
		}
	.our-stories a {
		color: #64413c;
		}
	.our-stories a:hover {
		color: #0aaf46;
		}
		.our-stories.policy-advocacy {
			margin-top:25px;
		}
.triangles {
	position: relative;
	padding: 65px 0 40px 0;
	background-image: url(images/bg-triangles.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	text-align: center;
	}
	#stories .triangles {
		margin: 0 0 0 0!important;
		padding: 69px 0 69px 0;
		}
	.triangles h2 {
		padding: 0 10% 25px 10%;
		color: #fff;
		font-size: 38px;
		line-height: 47px;
		text-shadow: 2px 2px 5px rgba(0,0,0,.2);
		}
	.triangles a {
		display: inline-block;
		margin: 10px 0 0 0;
		padding: 0 30px 0 0;
		height: 24px;
		font-family: 'Trade Gothic W01 Bold', arial;
		font-size: 27px;
		line-height: 27px;
		color: #fff;
		text-transform: capitalize;
		background: url(images/arrow-white-sm.png) no-repeat right top;
		}
	.triangles a:hover {
		color: #64413c;
		background: url(images/arrow-brown.png) no-repeat right top;
		}
.two-column {
	position: relative;
	padding: 95px 0 15px 0;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #fff;
	font-size: 22px;
	line-height: 27px;
	color: #64413c;
	}
	.two-column .container {
		padding-left: 12.5%;
		padding-right: 12.5%;
		width: 75%;
		max-width: 975px;
		}
	.two-column .container2 {
		padding-left: 12.5%;
		padding-right: 12.5%;
		margin: 0 auto 0 auto;
		width: 100%;
		max-width: 1160px;
		width: 75%;
		}
	.two-column-cream {
		background-color: #f9f7eb !important;
		}
	.two-column .col1 {
		padding-bottom: 55px;
		}
	.two-column .col2 {
		padding-bottom: 55px;
		}
	.two-column h2 {
		padding: 0;
		color: #0aaf46;
		padding-bottom: 55px;
		}
	.two-column h3 {
		padding: 0 0 12px 0;
		color: #64413c;
		font-size: 28px;
		line-height: 33px;
		}
	.plus-minus {
		background-image: url(images/minus-large.png) !important;
		}
	.bio {
		padding: 75px 0 15px 0;
		font-size: 18px;
		line-height: 24px;
		}
		.bio img {
			padding: 0 0 35px 0;
			max-width: 270px;
			height: auto;
			}
		.bio h3 a {
			display: inline-block;
			margin: 20px 0 0 0;
			padding: 0 30px 0 0;
			height: 28px;
			font-family: 'Trade Gothic W01 Bold', arial;
			font-size: 25px;
			line-height: 28px;
			color: #64413c;
			text-transform: capitalize;
			background-image: url(images/arrow-brown.png);
			background-repeat: no-repeat;
			background-position: right top 2px;
			}
		.bio h3 a:hover {
			color: #0aaf46;
			background-image: url(images/arrow-green.png);
			}

.subtitle {
	position: relative;
	padding: 58px 15% 47px 15%;
	background-image: url(images/bg-subtitle.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #fff;
	}
	.subtitle h2 {
		padding: 0;
		font-family: 'Trade Gothic W01 Roman', arial;
		font-size: 40px;
		line-height: 40px;
		color: #fff;
		text-align: center;
		}


/* --------------------------------------------------------------------------------------------------------------- */
/* css for our team ---------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

#our-team .two-column .col1 {
	padding-bottom: 15px;
	}
#our-team .two-column .col2 {
	padding-bottom: 15px;
	}
#our-team .two-column h2 {
	padding: 0;
	color: #0aaf46;
	padding-bottom: 55px;
	}
.staff {
	margin: 0 0 100px 0;
	padding: 0 0 15px 0;
	font-size: 18px;
	line-height: 26px;
	}
	.staff h3 {
		padding: 0;
		color: #64413c;
		font-family: 'Trade Gothic W01 Bold', arial;
		font-size: 26px;
		line-height: 26px;
		}
	.staff a {
		color: #64413c;
		}
	.staff hr {
		margin: 0;
		border-bottom: 1px solid #64413c;
		}
	.staff-btn {
		background-image: url(images/plus-large.png);
		background-repeat: no-repeat;
		background-position: right 20px center;
		cursor: pointer;
		padding: 44px 0 44px 0;
		font-family: 'Rockwell W01', serif;
		font-weight: bold;
		font-size: 28px;
		line-height: 32px;
		color: #64413c;
		text-align: left;
		}
	.staff-list {
		display: none;
		}
	.bio-wrap {
		display: inline-block;
		width: 100%;
		background-image: url(images/next-green.png);
		background-repeat: no-repeat;
		background-position: right 60px top 10px;
		cursor: pointer;
		text-align: left;
		}
		.bio-thumb {
			clear: both;
			float: left;
			width: 10%;
			height: 90px;
			}
			.bio-thumb img {
				width: 100%;
				height: auto;
				max-width: 70px;
				}
		.bio-name {
			float: left;
			padding: 10px 0 0 5%;
			width: 85%;
			}
		.bio-list {
			padding: 40px 0 40px 0;
			}
		.bio-list ul {
			padding: 0;
			list-style: none;
			}
		.bio-list ul li {
			padding: 0 0 4px 0;
			}


/* --------------------------------------------------------------------------------------------------------------- */
/* css for our individual team ----------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

.individual-bio {
	margin: 110px 0 70px 0;
	padding: 54px 0 0 0;
	font-size: 22px;
	line-height: 26px;
	}
	.individual-bio .container {
		padding-left: 4.5%;
		padding-right: 11%;
		width: 84.5%;
		max-width: 1080px;
		}
	.individual-bio .col1 {
		padding: 0 12% 0 0;
		width: 25.5%;
		}
	.individual-bio .col2 {
		padding-bottom: 0;
		width: 62.5%;
		}
	.individual-bio .bio-title {
		font-family: 'Rockwell W01', serif;
		color: #64413c;
		font-weight: bold;
		font-size: 18px;
		line-height: 22px;
		}
	.individual-bio .bio-pic {
		padding: 190px 0 15px 0;
		}
	.individual-bio img {
		max-width: 270px;
		height: auto;
		}
		.individual-bio hr {
			margin: 5px 0 35px 0;
			border-bottom: 1px solid #64413c;
			}
	.individual-bio h3 {
		padding: 0 0 8px 0;
		color: #64413c;
		font-size: 22px;
		line-height: 26px;
		}
	.bio-meta {
		padding: 0 0 20px 0;
		font-size: 18px;
		line-height: 22px;
		color: #0aaf46;
		}
		.bio-meta h1 {
			padding: 0 0 8px 0;
			font-family: 'Trade Gothic W01 Bold', arial !important;
			color: #0aaf46;
			font-size: 35px;
			line-height: 40px;
			}
		.bio-meta h2 {
			padding: 0 0 5px 0;
			font-family: 'Trade Gothic W01 Bold', arial !important;
			color: #0aaf46;
			font-size: 18px;
			line-height: 22px;
			text-transform: uppercase;
			letter-spacing: 1px;
			}
		.bio-meta .bio-years {
			height: 20px;
			}
	a.back {
		padding: 0 0 0 23px;
		font-family: 'Trade Gothic W01 Bold', arial !important;
		color: #64413c;
		font-size: 17px;
		line-height: 22px;
		background-image: url(images/arrow-back.png);
		background-repeat: no-repeat;
		background-position: left center;
		}
	a.subscribe {
		padding: 0 23px 0 0;
		font-family: 'Trade Gothic W01 Bold', arial !important;
		color: #64413c;
		font-size: 17px;
		line-height: 22px;
		float: right;
		background-image: url(images/arrow-subscribe.png);
		background-repeat: no-repeat;
		background-position: right center;
		}
	a.subscribe2 {
		margin: 22px 0 10px 0;
		padding: 0 23px 0 0;
		font-family: 'Trade Gothic W01 Bold', arial !important;
		color: #64413c;
		font-size: 17px;
		line-height: 22px;
		float: left;
		background-image: url(images/arrow-subscribe.png);
		background-repeat: no-repeat;
		background-position: right center;
		z-index: 99999;
		cursor: pointer;
		}
	.flare-position-bottom {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
		display: block !important;
		float: right !important;
		width: 100px !important;
		}

/* --------------------------------------------------------------------------------------------------------------- */
/* css for our blog ---------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

#filter-articles {
	padding: 0 0 0 0;
	}
	#filter-articles .container {
		max-width: 1210px;
		}
	#filter-articles ul li a {
		font-family: 'Trade Gothic W01 Roman', arial;
		color: #64413c;
		}
		#filter-articles li a:hover {
			color: #0aaf46;
			}
		#filter-articles li.current-menu-item a {
			font-family: 'Trade Gothic W01 Bold', arial;
			color: #0aaf46;
			}
	.filter {
		float: left;
		}
		.filter ul {
			margin: 0 0 0 -10px;
			list-style: none;
			}
		.filter ul li {
			float: left;
			padding: 40px 46px 30px 0;
			}
	.archives {
		position: relative;
		float: right;
		}
		.archives ul {
			margin: 0 15px 0 0;
			list-style: none;
			}
		.archives ul li {
			position: relative;
			float: left;
			padding: 40px 35px 30px 35px;
			cursor: pointer;
			}
			.archives ul li.nav1 .sub-menu,
			.archives ul li.nav2 .sub-menu {
				display: none;
				position: absolute;
				top: 94px;
				right: 0;
				margin: 0 0px 0 0;
				padding: 30px 0 10px 0;
				width: 190px;
				background: rgba(226, 227, 221, 0.7);
				text-align: right;
				white-space: normal;
				z-index: 999;
				}
			.archives ul li.nav1:hover .sub-menu,
			.archives ul li.nav2:hover .sub-menu {
				display: block;
				}
				.archives ul.sub-menu li {
					padding: 0 30px 0 0;
					display: block;
					width: 160px;
					text-align: right;
					}
					.archives ul.sub-menu li a {
						display: block;
						padding: 0 5px 15px 30px;
						border: 0;
						font-family: 'Trade Gothic W01 Bold', arial !important;
						font-size: 15px;
						line-height: 17px;
						color: #64413c;
						}
					.archives ul.sub-menu li.current-menu-item a,
					.archives ul.sub-menu li a:hover {
						color: #0aaf46;
						}

/* --------------------------------------------------------------------------------------------------------------- */
/* css for our individual blog ----------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */


.individual-blog {
	margin: 110px 0 70px 0;
	padding: 54px 0 80px 0;
	background: #f9f7eb;
	}
	.individual-blog .container {
		padding-left: 4.5%;
		padding-right: 11%;
		width: 84.5%;
		max-width: 1080px;
		}
	.individual-blog .col1 {
		padding: 0 0 0 0;
		width: 19.5%;
		text-align: left;
		}
	.individual-blog .col2 {
		padding: 0 5% 0 0;
		width: 75.5%;
		text-align: left;
		}
	.individual-blog .date {
		padding: 30px 0 10px 0;
		font-size: 15px;
		line-height: 17px;
		text-align: center;
		}
	.individual-blog .post-categories {
		margin: 0 0 35px 0;
		font-family: 'Trade Gothic W01 Bold', arial;
		font-size: 15px;
		line-height: 17px;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 1px;
		list-style: none;
		padding: 0;
		}
		.individual-blog .post-categories li {
			margin: 0;
			padding: 0 5px 0 5px;
			display: inline-block;
			}
		.individual-blog .post-categories li a {
			color: #64413c;
			}
	.individual-blog h1 {
		padding: 0 0 25px 0;
		margin: 0 auto;
		font-family: 'Trade Gothic W01 Bold', arial;
		font-size: 32px;
		line-height: 32px;
		color: #0aaf46;
		width: 70%;
		text-align: center;
		}
	.individual-blog h2 {
		padding: 0 0 15px 0;
		font-family: 'Trade Gothic W01 Bold', arial;
		font-size: 17px;
		line-height: 21px;
		color: #64413c;
		text-transform: uppercase;
		letter-spacing: 1px;
		}
	.individual-blog h3 {
		padding: 0 0 25px 0;
		font-family: 'Trade Gothic W01 Bold', arial;
		font-size: 26px;
		line-height: 31px;
		color: #0aaf46;
		}
	.individual-blog .author {
		padding: 0 0 50px 0;
		text-align: center;
		font-size: 21px;
		line-height: 23px;
		}
	.wp-caption,
	.individual-blog .caption {
		margin: 0 0 0 0;
		font-size: 15px;
		line-height: 17px;
		width: 100% !important;
		}
	.size-full,
	.individual-blog img {
		margin-bottom: 15px;
		max-width: 100%;
		height: auto;
		vertical-align: text-bottom;
		}
	.individual-blog hr {
		clear: both;
		padding: 0px 0 0 0;
		margin: 0 0 40px 0;
		border-bottom: 2px solid #64413c;
		}
	.individual-blog .share {
		margin: 15px 0 0 0;
		float: right;
		}
		.individual-blog .share ul {
			margin: 0;
			list-style: none;
			}
		.individual-blog .share ul li {
			padding: 0 0 0 12px;
			float: left;
			}
		.individual-blog .share ul li.share-text {
			padding: 4px 0 0 0;
			}
		.individual-blog .share img {
			vertical-align: middle;
			}
	.individual-blog .comments {
		font-size: 18px;
		line-height: 22px;
		}
		.individual-blog .comments .author {
			font-family: 'Trade Gothic W01 Bold', arial;
			margin: 0;
			padding: 0;
			text-align: left;
			}
			.author-pic {
				position: relative;
				width: 20%;
				max-width: 164px;
				max-height: 164px;
				padding: 0 0 35px 0;
				float: left;
				}
				.author-overlay {
					position: absolute;
					top: 0;
					left: 0;
					width: 102%;
					height: 102%;
					max-width: 172px;
					max-height: 172px;
					background-image: url(images/author-overlay.png);
					background-repeat: no-repeat;
					background-size: contain;
					}
			.author-text {
				padding: 0 0 35px 4%;
				width: 76%;
				font-family: 'Trade Gothic W01 Roman', arial;
				font-size: 18px;
				line-height: 22px;
				text-align: left;
				float: left;
				}
				.author-text h2 {
					padding: 0 0 15px 0;
					margin: 0;
					}
		.individual-blog .comments .date {
			margin: 0;
			padding: 0 0 25px 0;
			font-size: 18px;
			line-height: 22px;
			text-align: left;
			}
		.individual-blog .comments .reply {
			margin: 0;
			font-size: 18px;
			line-height: 22px;
			text-align: left;
			}
		.individual-blog .comments a {
			color: #64413c;
			}
		.individual-blog hr.dotted {
			clear: both;
			padding: 10px 0 0 0;
			margin: 0 0 40px 0;
			border-bottom: 2px dotted #64413c;
			}

/* --------------------------------------------------------------------------------------------------------------- */
/* css for our services ------------------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------- */

.detail-menu {
	margin: 0 0 80px 0;
	padding: 0 0 15px 0;
	color: #64413c;
	}
	.detail-menu-faq {
		margin: 0;
		padding: 85px 0 85px 0;
		}
		.detail-menu-faq .col1 h2 {
			color: #64413c;
			}
	.detail-menu .col1 {
		padding-bottom: 0;
		}
	.detail-menu .col2 {
		padding-bottom: 0;
		border-bottom: 1px solid #64413c;
		}
	.detail-menu h3 {
		padding: 0 0 20px 0;
		color: #64413c;
		font-family: 'Rockwell W01', serif;
		font-weight: bold;
		font-size: 28px;
		line-height: 32px;
		color: #64413c;
		}
	.detail-menu a {
		color: #64413c;
		}
	.detail-menu hr {
		margin: 0;
		border-bottom: 1px solid #64413c;
		}
	.detail-menu-wrap {
		padding: 40px 20% 20px 0;
		display: inline-block;
		width: 80%;
		background-image: url(images/next-green.png);
		background-repeat: no-repeat;
		background-position: right 10px center;
		cursor: pointer;
		text-align: left;
		}
	.question {
		background-image: url(images/plus-large.png);
		background-repeat: no-repeat;
		background-position: right 20px center;
		cursor: pointer;
		border-top: 1px solid #64413c;
		padding: 24px 80px 24px 0;
		font-family: 'Trade Gothic W01 Bold', arial;
		font-size: 26px;
		line-height: 30px;
		color: #64413c;
		}
	.answer {
		display: none;
		padding: 0 80px 24px 0;
		font-size: 22px;
		line-height: 26px;
		}


/* --------------------------------------------------------------------------------------------------------------- */
/* css for take action ------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

#take-action .two-column .col2 {
	padding-bottom: 0;
	}
.events {
	margin: 0;
	padding: 85px 0 85px 0 ;
	}
	.events .col1 {
		padding-top: 55px;
		}
	.events .col1 h2 {
		color: #0aaf46;
		}
	.events hr {
		border-bottom: 1px solid #64413c;
		}
	.event-wrap {
		padding: 0px 0 20px 0;
		width: 100%;
		display: inline-block;
		border-top: 1px solid #64413c;
		}
	.event-title {
		background-image: url(images/plus-large.png);
		background-repeat: no-repeat;
		background-position: right 20px top 70px;
		cursor: pointer;
		padding: 60px 80px 0 0;
		font-family: 'Trade Gothic W01 Bold', arial;
		font-size: 18px;
		line-height: 22px;
		color: #0aaf46;
		}
		.event-title span {
			font-size: 22px;
			font-family: 'Trade Gothic W01 Roman', arial;
			}
		.event-title p {
			padding: 0;
			}
	.event-text {
		display: none;
		padding: 0 0 30px 0;
		font-size: 22px;
		line-height: 26px;
		}
		.event-pic {
			max-height: 312px;
			overflow: hidden;
			margin-bottom: 15px;
			}
		.event-pic img {
			width: 100%;
			height: auto;
			}
		.event-time {
			padding: 0 0 20px 0;
			font-family: 'Trade Gothic W01 Roman', arial;
			font-size: 22px;
			line-height: 26px;
			color: #64413c;
			font-weight: normal;
			}
	.give .col2 {
		padding-bottom: 0 !important;
		}
	.give-two-col {
		margin-bottom: 25px !important;
		}
	.give {
		padding: 0 !important;
		margin: 0 !important;
		}
		.give-wrap {
			padding: 70px 20% 60px 0;
			display: inline-block;
			width: 80%;
			background-image: url(images/next-green.png);
			background-repeat: no-repeat;
			background-position: right 10px top 65px;
			cursor: pointer;
			text-align: left;
			}
	.give-links {
		padding: 0 !important;
		margin: 0 0 0 0 !important;
		}
		.give-links .event-wrap {
			border-top: none;
			border-bottom: 1px solid #64413c;
			text-align: left;
			}

/* --------------------------------------------------------------------------------------------------------------- */
/* css search results -------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

.search-header {
	margin: 110px 0 0 0;
	text-align: left;
	color: #fff;
	text-transform: uppercase;
	}
	.search-header p {
		padding: 0;
		}
	.search-header h2 {
		padding-left: 0;
		margin-left: 0;
		text-align: left;
		text-transform: lowercase;
		}
#results {
	margin: 100px 0 0 0;
	padding: 0 0 80px 0;
	}
	#results h2 {
		font-family: 'Trade Gothic W01 Bold', arial;
		font-size: 22px;
		line-height: 26px;
		color: #0aaf46;
		}
	#results hr {
		margin: 15px 0 45px 0;
		padding: 0;
		border-bottom: 1px solid #64413c;
		}
		#results hr.navline {
			margin: 0 7.5% 0 7.5%;
			border-bottom: 2px solid #64413c;
			}
	#results a {
		color: #64413c;
		}
	#results h2 a {
		color: #0aaf46;
		}
.result {
	margin: 0 7.5% 0 7.5%;
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for third level ------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

.third-level {
	margin-top: 20px;
	}
.third-level .col1 {
	width: 15%;
	padding-right: 5%;
	}
	.third-level .col1 .back {
		background-position: left top 5px;
		}
.third-level .col2 {
	width: 80%;
	}
	.third-level h2 {
		padding: 0 0 0 0;
		margin: 0;
		}
.third-level-hero {
	width: 100%;
	}
	.third-level-hero img {
		padding: 0 0 40px 0;
		width: 100%;
		height: auto;
		max-width: 100%;
		}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for footer ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

footer {
	position: relative;
	padding: 60px 0 0 0;
	margin-top: -9px;
	width: 100%;
	height: 329px;
	background-image: url(images/bg-footer.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	font-size: 17px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	}
	footer h2 {
		font-size: 15px;
		line-height: 19px;
		font-weight: bold;
		letter-spacing: 1px;
		}
	footer ul {
		padding: 0;
		list-style: none;
		}
	footer ul li {
		padding: 0 0 17px 0;
		}
	footer ul.social {
		display: inline-table;
		}
		footer ul.social li {
			display: inline-block;
			}
	footer ul.social li a {
		display: block;
		margin: 5px 6px 0 6px;
		float: left;
		width: 22px;
		height: 22px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		}
		footer ul.social li.facebook a {
			background-image: url(images/icon-facebook.png);
			}
		footer ul.social li.facebook:hover a {
			background-image: url(images/icon-facebook-roll.png);
			}
		footer ul.social li.twitter a {
			background-image: url(images/icon-twitter.png);
			}
		footer ul.social li.twitter:hover a {
			background-image: url(images/icon-twitter-roll.png);
			}


		footer ul.social li.instagram a {
			background-image: url(images/icon-instagram.png);
			}
		footer ul.social li.instagram:hover a {
			background-image: url(images/icon-instagram-roll.png);
			}


		footer ul.social li.linkedin a {
			background-image: url(images/icon-linkedin-footer.png);
			}
		footer ul.social li.linkedin:hover a {
			background-image: url(images/icon-linkedin-footer-roll.png);
			}


	footer ul.social li img {
		width: 100%;
		max-width: 22px;
		height: auto;
		}
	footer a {
		color: #fff !important;
		}
	footer a:hover {
		color: #0aaf46 !important;
		}
	.united img {
		width: 100%;
		max-width: 95px;
		height: auto;
		}
	.copyright {
		margin: 55px 0 0 0;
		font-size: 15px;
		line-height: 20px;
		}
	footer .no-link a {
		cursor: text;
		}
	footer .no-link a:hover {
		color: #fff !important;
		}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for misc items --------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	}
.alignright {
	margin: 0 0 10px 15px;
	display: inline-block;
	}
.alignleft {
	margin: 0 15px 10px 0;
	display: inline-block;
	}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.contact-social {
	padding: 0;
	margin: 0 0 30px 0;
	list-style: none;
	}
	.contact-social li {
		padding: 0;
		display: inline;
		}
.not-found {
	 padding-top: 250px;
	 min-height: 600px;
	 }













@media only screen
and (min-width : 1800px) {

#hero {
	max-height: 900px;
	}
#hero h1 {
	font-size: 74px;
	line-height: 90px;
	}

}


/* Mobile ----------- */
@media only screen
and (min-width : 961px)
and (max-width : 1100px) {

#nav {
	display: inherit;
	position: absolute;
	top: 0;
	left: 277px;
	}
#nav ul li a {
	padding: 54px 20px 0 20px;
	}
.col1 h2 {
	font-size: 30px;
	line-height: 36px;
	}
.col2 h3 {
	font-size: 25px;
	line-height: 30px;
	}
	.green-section .vert-center {
		width: 90%;
		padding: 20px 5% 0 5%;
		font-size: 25px;
		line-height: 30px;
		}



}



/* Mobile ----------- */
@media only screen
and (max-width : 960px) {


header {
	position: fixed;
	height: 72px;
	z-index: 99999;
	}
	.nav-up {
		top: 0 !important;
		}
	.green-border {
		height: 69px;
		}
#logo {
	top: 16px;
	left: 20px;
	max-width: 127px;
	}
#nav {
	display: none;
	}
#donate {
	top: 16px;
	right: 62px;
	padding: 10px 15px;
	border-radius: 15px;
	font-size: 15px;
	}
#mobile-navbar {
	display: inherit;
	position: absolute;
	top: 24px;
	right: 20px;
	width: 21px;
	height: 21px;
	background: url(images/mobile-nav.png) no-repeat;
	background-size: cover;
	cursor: pointer;
	}
#mobile-close {
	display: none;
	position: absolute;
	top: 24px;
	right: 20px;
	width: 19px;
	height: 19px;
	background: url(images/mobile-close.png) no-repeat;
	background-size: cover;
	cursor: pointer;
	z-index: 9999;
	}
#mainnav {
	display: none;
	}
#mobilenav {
	display: none;
	position: relative;
	top: 72px;
	left: 0;
	padding: 0px 0 40px 0;
	width: 100%;
	font-family: 'Rockwell W01', serif;
	font-weight: bold;
	font-size: 13px;
	line-height: 18px;
	background: #ebece7;
	opacity: .95;
	z-index: 9998;
	}
	#mobilenav ul {
		display: inherit;
		padding: 0;
		list-style: none;
		}
	#mobilenav ul li {
		padding: 0;
		border-bottom: 1px solid #000;
		float: none;
		background-position: right 30px top 25px;
		background-repeat: no-repeat;
		cursor: pointer;
		}
		#mobilenav ul li.plus {
			background-image: url(images/plus.png);
			}
		#mobilenav ul li.search-mobile {
			padding: 22px 5% 22px 5%;
			width: 90%;
			display: inline-block;
			color: #64413c;
			background-image: url(images/search.png);
			background-repeat: no-repeat;
			background-position: right 28px top 25px;
			cursor: pointer;
			}
		#mobilenav ul li.search-mobile:hover {
			background-image: url(images/search-roll.png);
			}
		#mobilenav ul li.donate {
			background-image: url(images/arrow-green-sm.png);
			}
	#mobilenav ul li a {
		padding: 22px 5% 22px 5%;
		display: inline-block;
		color: #64413c;
		}
		#mobilenav ul li.search-mobile a {
			padding: 0;
			}
	#mobilenav ul li.search a,
	#mobilenav ul li.donate a {
		display: block;
		}
	.plus-minus {
		background-image: url(images/minus.png) !important;
		}
	#mobilenav ul li ul {
		display: none;
		margin-top: -10px;
		padding: 0 0 12px 0;
		}
	#mobilenav ul li ul li {
		padding: 0;
			font-family: 'Trade Gothic W01 Bold', arial !important;
		font-weight: normal;
		border-bottom: none;
		float: none;
		background-image: none;
		}
	#mobilenav ul li ul li a {
		padding: 8px 35px 8px 35px;
		}
	#mobilenav ul li.current-page-ancestor a,
	#mobilenav ul li.current-menu-item a,
	#mobilenav ul li.current_page_item a {
		color: #64413c;
		text-decoration: none;
		}
	#mobilenav ul li a:hover,
	#mobilenav ul li a:focus,
	#mobilenav ul li.donate a {
		color: #0aaf46 !important;
		}
#search {
	display: none;
	position: absolute;
	top: 72px;
	left: 0;
	background-color: #ebece7;
	width: 100%;
	height: 60px;
	z-index: 999999;
	}
	#search .search-close {
		margin-top: 15px;
		padding-left: 5%;
		float: left;
		cursor: pointer;
		}
		#search .search-close img {
			width: 50%;
			height: auto;
			}
	#search .container {
		padding-top: 12px;
		background-image: none;
		height: 60px;
		}
	#search .text-field-search {
		float: left;
		background-color: transparent;
		padding: 0 0 0 1%;
		font-size: 13px;
		line-height: 13px;
		}
	#search .search-btn {
		margin: -32px 28px 0 0;
		width: 26px;
		height: 26px;
		display: inline-block;
		cursor: pointer;
		background-image: url(images/search.png);
		background-repeat: no-repeat;
		background-position: right top;
		}

	.green-section .vert-center {
		width: 90%;
		padding: 20px 5% 0 5%;
		font-size: 25px;
		line-height: 30px;
		}


/* css for multiple page modules --------------------------------------------------------------------------------- */


#hero {
	width: 100%;
	margin-top: 0;
	}
#no-hero {
	margin-top: 0;
	}

	.no-hero-blog {
		margin-top: 0px !important;
		}

}







/* Mobile ----------- */
@media only screen
and (max-width : 767px) {

/* css for site structure ----------------------------------------------------------------------------------------*/

.desktop {
	display: none !important;
	}
.mobile {
	display: inherit !important;
	}

.container {
	width: 100%;
  	}
.half,
.third,
.fourth {
	float: none;
	width: 100%;
	}

h1 {
	font-size: 50px;
	line-height: 60px;
	}
h2 {
	font-size: 26px;
	line-height: 30px;
	}
h3 {
	font-size: 17px;
	line-height: 21px;
	}
.col1 {
	padding: 0 0 0 0;
	width: 100%;
	float: none;
	}
.col2 {
	padding: 0 0 30px 0;
	width: 100%;
	float: none;
	}
input[type='email'],
input[type='text'] {
	height: 42px;
	font-size: 14px;
	}
select {
	height: 42px;
	width: 240px;
	font-size: 14px;
	}
textarea {
	height: 200px;
	font-size: 14px;
	}
input[type='submit'] {
	font-size: 22px;
	line-height: 28px;
	}
#home #hero {
	height: 380px;
	}

#no-hero {
	margin-top: 0;
	}
	.no-hero-blog {
		margin-top: 0px !important;
		}
	#hero h1 {
		color: #fff;
		font-size: 26px;
		line-height: 35px;
		text-shadow: 2px 2px 5px rgba(0,0,0,.2);
		}
	#hero h3 {
		color: #fff;
	}
	/*#hero .vert-center {*/
	/*	position: absolute;*/
	/*	top: auto;*/
	/*	bottom: 30px;*/
	/*	left: 0;*/
	/*	transform: translate(0,0);*/
	/*	text-align: center;*/
	/*	}*/
	#hero .top-left {

	}
	#hero .top-middle {

	}
	#hero .top-right {

	}
	#hero-overlay {
		background: transparent;
		opacity: 1;
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
		}
.circle-graph {
	height: 470px;
	}
	.circle-graph .half {
		float: none;
		width: 100%;
		}
	.circle-graph img {
		width: 80%;
		height: auto;
		}
	.circle-graph .vert-center {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		}
	.circle-graph-text {
		display: none;
		}
	.circle-graph .half {
		padding-top: 10px;
		}
.green-section {
	font-size: 20px;
	line-height: 26px;
	min-height: 1px;
	}
	#home .green-section {
		min-height: 1px;
		}
	.green-section .vert-center {
		width: 90%;
		padding: 50px 5% 25px 5%;
		position: relative;
		top: auto;
		left: auto;
		transform: translate(0,0);
		}
	.green-section h2 {
		font-size: 28px;
		line-height: 35px;
		}
.triple-icon {
	width: 84%;
	padding: 50px 8% 20px 8%;
	background-position: left center;
	}
	.triple-icon h2 {
		font-size: 28px;
		line-height: 35px;
		padding-bottom: 25px;
		}
	.triple-icon h3 {
		font-size: 17px;
		line-height: 21px;
		}
	.triple-icon img {
		padding-bottom: 15px;
		max-width: 75px;
		}

.timely-update {
	width: 84%;
	padding: 50px 8% 20px 8%;
	}
	.timely-update h3 {
		font-size: 22px;
		line-height: 26px;
		}
	.timely-update .timely-learn-more a {
		font-size: 17px;
		background: url(images/arrow-brown-sm.png) no-repeat right center;
		}
	.timely-update .timely-learn-more a:hover {
		color: #64413c;
		background: url(images/arrow-brown-sm.png) no-repeat right center;
		}
		.green-bg .timely-learn-more a:hover {
			background: url(images/arrow-brown-sm.png) no-repeat right center;
			color: #64413c;
			}
.foster-care-facts,
.our-impact-small,
.our-impact {
	width: 84%;
	padding: 50px 8% 0 8%;
	}
.foster-care-facts .third,
.our-impact .third {
	padding: 0;
	width: 100%;
	}
	.foster-care-facts ul.learn-more li,
	.our-impact-small ul.learn-more li,
	.our-impact ul.learn-more li {
		padding: 20px 20px 40px 20px;
		}
	.learn-more a,
	.foster-care-facts ul.learn-more li a,
	.our-impact-small ul.learn-more li a,
	.our-impact ul.learn-more li a {
		padding: 0 20px 3px 0;
		height: 19px;
		font-size: 17px;
		line-height: 21px;
		background: url(images/arrow-green-sm.png) no-repeat right center;
		}
	.learn-more {
		text-align: left;
		}
	.foster-care-facts ul.learn-more,
	.our-impact-small ul.learn-more,
	.our-impact ul.learn-more {
		text-align: center;
		}
	.learn-more a:hover,
	.foster-care-facts ul.learn-more li a:hover,
	.our-impact-small ul.learn-more li a:hover,
	.our-impact ul.learn-more li a:hover {
		background: url(images/arrow-brown-sm.png) no-repeat right center;
		}
	.foster-care-facts h2,
	.our-impact-small h2,
	.our-impact h2 {
		padding-bottom: 25px;
		font-size: 28px;
		line-height: 35px;
		}
	.foster-care-facts h3,
	.our-impact-small h3,
	.our-impact h3 {
		font-size: 17px;
		line-height: 21px;
		}
	.foster-care-facts .bx-wrapper .bx-next {
		right: -20px !important;
		}
.photogrid {
	width: 100%;
	float: none;
	height: 250px;
	font-size: 17px;
	line-height: 22px;
	}
	.text-block {
		height: 175px;
		}
	.photogrid .bg img {
		width: 100%;
		height: auto;
		}
	.photogrid a {
		padding: 0 20px 3px 0;
		font-size: 17px;
		line-height: 22px;
		height: 17px;
		background: url(images/arrow-brown-sm.png) no-repeat right center;
		}
	.photogrid h2 {
		font-size: 28px;
		line-height: 35px;
		}
	.photogrid p {
		padding: 0 0 10px 0;
		}

.our-stories {
	position: relative;
	width: 84%;
	padding: 50px 8% 50px 8%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	font-size: 20px;
	line-height: 24px;
	color: #64413c;
	text-align: center;
	}
	#stories .our-stories {
		padding: 65px 0 0 0;
		}
	.our-stories h2 {
		padding-bottom: 35px;
		color: #0aaf46;
		}
	.our-stories .third {
		text-align: center;
		}
	.our-stories img {
		padding-bottom: 25px;
		max-width: 275px;
		}
	.our-stories p {
		margin: 0 auto;
		max-width: 275px;
		}
	.our-stories a {
		color: #64413c;
		}
	.our-stories a:hover {
		color: #0aaf46;
		}
	.our-stories .bx-wrapper .bx-next {
		right: -30px !important;
		}
	.our-stories-mobile,
	.our-stories-mobile .third {
		padding-bottom: 0 !important;
		}

.triangles {
	padding: 60px 8% 45px 8%;
	background-image: url(images/bg-triangles.jpg);
	}
	.triangles h2 {
		font-size: 30px;
		line-height: 38px;
		}
	#stories .triangles {
		margin: 72px 0 0 0;
		padding: 35px 0 35px 0;
		}
	#stories .triangles h1 {
		font-size: 30px;
		line-height: 33px;
		}
	.triangles a {
		height: 24px;
		font-size: 18px;
		line-height: 24px;
		background: url(images/arrow-white-sm.png) no-repeat right center;
		}

.two-column {
	padding: 60px 0 0 0;
	font-size: 16px;
	line-height: 21px;
	}
	.two-column .container {
		padding-left: 8%;
		padding-right: 8%;
		width: 84%;
		}
	.two-column .col1 {
		padding: 0 0 0 0;
		}
	#take-action .detail-menu .col1,
	#our-services .detail-menu .col1 {
		display: none;
		}
	.two-column .col2 {
		padding: 0 0 30px 0;
		}
	#take-action .two-column .col2,
	#our-services .two-column .col2 {
		padding: 0;
		}
	.two-column h2 {
		padding-bottom: 15px;
		font-size: 26px;
		line-height: 30px;
		}
	.two-column h3 {
		padding: 0 0 5px 0;
		font-size: 22px;
		line-height: 26px;
		}
	.two-column ul {
		text-align: left;
		}
	.bio {
		padding: 60px 0 0 0;
		font-size: 16px;
		line-height: 21px;
		}
		.bio img {
			padding: 0 0 10px 0;
			}
		.bio h2 {
			padding: 0 0 20px 0;
			}
		.bio h3 a {
			margin: 20px 0 0 0;
			padding: 0 30px 0 0;
			height: 24px;
			font-size: 18px;
			line-height: 24px;
			background: url(images/arrow-brown-sm.png) no-repeat right center;
			}
		.bio h3 a:hover {
			background: url(images/arrow-green-sm.png) no-repeat right center;
			}
		.bio p {
			text-align: left;
			}
.subtitle {
	padding: 26px 5% 26px 5%;
	}
	.subtitle h2 {
		font-size: 26px;
		line-height: 30px;
		}

#our-team .two-column-cream {
	background-color: #f9f7eb !important;
	}
	#our-team .two-column .col1 {
		padding: 0 0 0 0;
		}
	#our-team .two-column .col2 {
		padding: 0 0 0 0;
		}
	#our-team .two-column h2 {
		padding-bottom: 15px;
		font-size: 26px;
		line-height: 30px;
		}
.staff {
	padding: 10px 0 0 0;
	font-size: 12px;
	line-height: 18px;
	}
	.staff .container {
		padding-left: 8%;
		padding-right: 8%;
		width: 84%;
		}
	.staff .col1 {
		padding: 0 0 0 0;
		}
	.staff .col2 {
		padding: 0 0 0 0;
		}
	.staff-btn {
		padding: 25px 70px 25px 0;
		font-size: 18px;
		line-height: 24px;
		}
	.staff h3 {
		font-size: 17px;
		line-height: 17px;
		}
	.staff-btn {
		background-image: url(images/plus.png);
		}
	.bio-wrap {
		background-image: url(images/next-green-sm.png);
		background-position: right 16px top 10px;
		}
		.bio-name {
			padding: 0px 0 0 5%;
			width: 65%;
			}
		.bio-thumb {
			height: 60px;
			}
		.bio-list {
			padding: 30px 0 30px 0;
			}

.individual-bio {
	margin: 72px 0 70px 0;
	padding: 24px 0 0 0;
	border-top: 3px solid #0aaf46;
	font-size: 18px;
	line-height: 22px;
	text-align: left;
	}
	.individual-bio .container {
		padding-left: 8%;
		padding-right: 8%;
		width: 84%;
		}
	.individual-bio .col1 {
		padding: 0;
		width: 100%;
		}
	.individual-bio .col2 {
		padding: 0;
		width: 100%;
		}
	.individual-bio .bio-pic {
		padding: 20px 0 15px 0;
		}
	.individual-bio img {
		max-width: 100%;
		height: auto;
		}
	.individual-bio h3 {
		font-size: 18px;
		line-height: 22px;
		}
		.bio-meta h1 {
			font-size: 28px;
			line-height: 32px;
			}
		.bio-meta h2 {
			font-size: 14px;
			line-height: 18px;
			}
	#stories .our-stories {
		padding: 0 0 25px 0;
		}
	.filter {
		float: none;
		}
		.filter ul {
			display: table;
			margin: 30px auto 0 0;
			}
		.filter ul li {
			padding: 0px 16px 0 0;
			}
	.archives {
		clear: both;
		float: none;
		background: rgba(226, 227, 221, 0.7);
		z-index: 999;
		}
		.archives ul {
			margin: 0 auto;
			padding: 0;
			width: 100%;
			text-align: center;
			}
		.archives ul li {
			float: none;
			padding: 20px 0 20px 0;
			width: 100%;
			}
			.archives ul li.nav3 img {
				vertical-align: middle;
				}
			.archives ul li.nav3 .sub-menu {
				padding-top: 20px;
				display: none;
				}
			.archives ul li.nav3 .sub-menu a {
				font-family: 'Trade Gothic W01 Roman', arial !important;
				font-weight: normal !important;
				font-size: 18px;
				line-height: 24px;
				color: #64413c;
				}
			.archives ul li.nav1 .sub-menu {
				top: 64px;
				right: auto;
				padding: 10px 0 10px 0;
				width: 100%;
				opacity: 1;
				}
				.archives ul.sub-menu li {
					padding: 0 0 0 0;
					display: block;
					width: 100%;
					text-align: center;
					}
					.archives ul.sub-menu li a {
						display: block;
						padding: 0 5px 15px 5px;
						}

.counter {
	position: relative;
	padding: 20px 0 50px 0 !important;
	min-height: 140px;
	font-size: 24px;
	line-height: 28px;
	}
	.jcw-digit, .jcw-tenth {
		font-size: 98px !important;
		line-height: 98px !important;
		}
	.counter .half {
		min-height: 50px;
		}


.individual-blog {
	margin: 0px 0 0px 0;
	padding: 24px 0 70px 0;
	font-size: 18px;
	line-height: 22px;
	}
	.individual-blog .container {
		padding-left: 8%;
		padding-right: 8%;
		width: 84%;
		}
	.individual-blog .col1 {
		padding: 0 0 0 0;
		width: 100%;
		float: none;
		}
	.individual-blog .col2 {
		padding: 0 0 0 0;
		width: 100%;
		float: none;overflow: hidden;
		}
	.individual-blog .date {
		font-size: 14px;
		}
	.individual-blog .post-categories {
		font-size: 14px;
		}
	.individual-blog h1 {
		padding: 0 0 25px 0;
		font-size: 22px;
		line-height: 22px;
		width: 90%;
		}
	.individual-blog h2 {
		font-size: 17px;
		line-height: 21px;
		}
	.individual-blog h3 {
		font-size: 22px;
		line-height: 28px;
		}
	.individual-blog .author {
		padding: 0 0 50px 0;
		text-align: center;
		font-size: 14px;
		line-height: 17px;
		}
	.wp-caption,
	.individual-blog .caption {
		font-size: 14px;
		}
	.individual-blog hr {
		clear: both;
		padding: 20px 0 0 0;
		margin: 0 0 40px 0;
		border-bottom: 2px solid #64413c;
		}
	.individual-blog .comments {
		font-size: 14px;
		line-height: 18px;
		}
		.individual-blog .comments .author {
			margin: 0;
			padding: 0;
			text-align: left;
			}
			.author-pic {
				width: 50%;
				padding: 0 0 10px 0;
				float: none;
				max-width: 109px;
				max-height: 114px;
				}
				.author-overlay {
					max-width: 114px;
					max-height: 114px;
					}
			.author-text {
				width: 100%;
				padding: 0 0 0 0;
				float: none;
				font-size: 14px;
				line-height: 18px;
				}
		.individual-blog .comments .date {
			font-size: 14px;
			line-height: 18px;
			}
		.individual-blog .comments .reply {
			font-size: 14px;
			line-height: 18px;
			}

.detail-menu .container {
	padding-left: 8%;
	padding-right: 8%;
	width: 84%;
	}
	.detail-menu-faq {
		text-align: left;
		margin: 0;
		padding: 35px 0 35px 0;
		}
	.question {
		background-image: url(images/plus.png);
		padding: 14px 80px 14px 0;
		font-size: 16px;
		line-height: 20px;
		}
	.answer {
		padding: 0 0px 14px 0;
		font-size: 16px;
		line-height: 20px;
		}
	.events {
		margin: 0;
		padding: 60px 0 15px 0 ;
		}
	.event-wrap {
		padding: 0px 0 20px 0;
		width: 100%;
		display: inline-block;
		border-top: 1px solid #64413c;
		}
	.event-title {
		background-image: url(images/plus.png);
		background-position: right 20px top 30px;
		padding: 40px 0 0 0;
		font-size: 12px;
		line-height: 16px;
		}
		.event-title {
			padding: 20px 40px 0 0;
			}
	.event-text {
		padding: 0 0 20px 0;
		font-size: 16px;
		line-height: 20px;
		}
		.event-time {
			font-size: 16px;
			line-height: 20px;
			}
	.give-wrap {
		padding: 30px 20% 35px 0;
		background-image: url(images/next-green-sm.png);
		background-position: right 10px top 30px;
		}
	.give-links {
		padding: 0 !important;
		margin: 0 0 0px 0 !important;
		}
		.give-links .col1 {
			padding: 40px 0 0px 0;
			}

.search-header {
	margin: 72px 0 0 0;
	padding: 40px 8% 5px 8%;
	}
	.search-header p {
		padding: 0;
		}
	.search-header h2 {
		text-transform: lowercase;
		font-size: 24px;
		line-height: 28px;
		}
#results {
	margin: 50px 0 0 0;
	padding: 0 8% 80px 8%;
	font-size: 16px;
	line-height: 20px;
	}
	#results h2 {
		font-size: 20px;
		line-height: 24px;
		}



.alignright {
	margin: 0 0 10px 0;
	display: block;
	}
.alignleft {
	margin: 0 0 10px 0;
	display: block;
	}


.third-level {
	margin: -38px 0 0px 0;
	padding: 0 0 30px 0;
	}
.third-level .col1 {
	padding: 0 0 40px 0;
	width: 100%;
	padding-right: 0;
	}
.third-level .col2 {
	width: 100%;
	}

.not-found {
	padding-left: 2%;
	padding-right: 2%;
	width: 96%;
	padding-top: 70px;
	min-height: 1px;
	}




/* css for footer ----------------------------------------------------------------------------------------------- */

footer {
	position: relative;
	padding: 35px 0 0 0;
	height: auto;
	font-size: 15px;
	line-height: 20px;
	}
	footer .fourth {
		width: 50%;
		min-height: 240px;
		float: left;
		}
	footer h2 {
		font-size: 10px;
		line-height: 13px;
		font-weight: bold;
		}
	.copyright {
		margin: 0px 5% 0 5%;
		font-size: 12px;
		line-height: 18px;
		}

}

/* Congressweb iFrame */
#iframe.congressweb {
    margin-top: 100px;
}

.fifth {
    position: relative;
    width: 20%;
    float: left;
}
