/*
	Theme Name: JGC
	Theme URI: https://joshuagreencorp.com
	Description: Custom Wordpress theme for Joshua Green Corp
	Version: 2.0
	Author: Eric Richards
	Author URI: http://4-mile.com
	Tags: HTML5, CSS3, jQuery, custom, mobile, responsive

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

html,body {
	width: 100%;
   }
body {
	padding: 0;
	margin: 0;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-size: 22px;
	line-height: 35px;
	color: #54585a;
 	background: #ffffff;
 	-webkit-font-smoothing: antialiased;
	}
img {
	padding: 0; 
	margin: 0;
	border: 0;
	}
a,
a:visited,
a:active {
	color: #663366;
	text-decoration: none;
	outline: none;
    transition: all 0.2s linear;
    }
a:hover {
	color: #e3c675;
	text-decoration: none;
	outline: none;
    transition: all 0.2s linear;
   	}
ul {
	padding: 0 0 30px 25px;
	margin: 0;
	list-style: url(images/bullet.png);
	text-align: left;
	}
ul li {
	padding: 0 0 7px 0;
	margin: 0;
	float: none;
	text-align: left;
	}
ol {
	padding: 0 0 30px 25px;
	margin: 0;
	text-align: left;
	}
ol li {
	padding: 0 0 7px 0;
	margin: 0;
	float: none;
	text-align: left;
	}
p {
	padding: 0 0 44px 0;
	margin: 0;
	}
	p.small-text {
		font-size: 17px;
		line-height: 22px;
		}
b,
strong {
	font-weight: 600;
	}
hr {
	margin: 20px 0 60px 0;
	border: none;
	border-top: 1px solid #8b999a;
	text-align: left;
	}
h1 {
 	padding: 0 0 30px 0;
	margin: 0 0 0 0;
	font-weight: 300;
	font-size: 82px;
	line-height: 82px;
	color: #2f3030;
	}
h2 {
 	padding: 0 0 37px 0;
	margin: 0 0 0 0;
	font-weight: 300;
	font-size: 46px;
	line-height: 52px;
	color: #54585a;
	}
h3 {
 	padding: 0 0 30px 0;
	margin: 0;
	font-weight: 300;
	font-size: 36px;
	line-height: 48px;
	color: #54585a;
	}
h4 {
 	padding: 0 0 30px 0;
	margin: 0;
	font-weight: 300;
	font-size: 26px;
	line-height: 27px;
	color: #54585a;
	}
.learn-more,
a.learn-more {
	display: inline-block;
	margin: 0 0 0 0;
	padding: 10px 25px 10px 25px;
	border: 1px solid #fff;
	font-size: 21px;
	line-height: 21px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 300;
	cursor: pointer;
	}
	.learn-more:hover {
		color: #e3c675 !important;
		}	
a.learn-more-white {
	background: #fff;
	border: 1px solid #c7c9c7;
	color: #54585a;	
	}
a.learn-more-dark {
	background: #2f3030;
	border: 1px solid #fff;
	color: #fff;	
	}
a.learn-more-purple {
	background: #653165;
	border: 1px solid #fff;
	color: #fff;	
	}
a.learn-more-purple-outline {
	background: transparent;
	border: 1px solid #663366;
	color: #663366;	
	}

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

.container {
	position: relative;
	padding: 75px 5% 75px 5%;
	margin: 0 auto 0 auto;
	width: 90%; 
	max-width: 1170px;
  	}
.desktop {
	display: inherit;
	}
.mobile {
	display: none;
	}


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

#header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 134px;
	background: #2f4339;
	z-index: 9997;
    transition: all 0.3s linear;
	}
	.header-grants {
		background: #663366 !important;
		}
	#header .container {
		position: relative;
		padding: 0 5% 0 5%;
		max-width: 1340px;
		}
	#logo {
		position: absolute;
		top: 0; 
		left: 10px;
		padding: 25px 0 0 0;
		width: 365px;
		transition: all 0.3s linear;
		}
		#logo img {
			width: 85%;
			height: auto;
			}
			
			
/* -------------------------------------------------------------------------------------------------------------- */
/* css for nav -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#mobilenav,
#mobilenav ul {
	display: none;
	}
#mainnav { 
	position: absolute;
	top: 58px; 
	right: 10px;
	display: inherit;
	width: 80%;
	height: 46px;
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	transition: all 0.3s linear;
	}
	#mainnav ul {
		padding: 0 0 0 0;
		margin: 0;
		list-style: none;
		float: right;
		}
	#mainnav ul li {
		position:relative;
		padding: 0 25px 0 25px;
		margin: 0;
		height: 30px;
		float: left;
		}
	#mainnav ul li:before {
		content:"";
		position: absolute;
		top: 1px;
		left: 0px;
		border-left: 2px solid #fff;
		height: 70%;
		width: 1px;
		}
	#mainnav ul li:first-child:before {
		border: none; 
		}
	#mainnav a {
		display: block;
		text-decoration: none;
		color: #fff;
		text-align: center;
		}
	#mainnav .current-menu-item a,
	#mainnav a:hover {
		color: #e3c675;
		text-decoration: none;
		}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for hero ------------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

.slides {
	position: relative;
	margin: 134px 0 0 0;
	padding: 0;
	min-height: 400px;
	}
.slide {
	position: relative;
	}
	.slide .slide-text {
		position: absolute;
		left: 50%;
		bottom: 15%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		text-align: center;
		}	
	.slide h1 {
		position: absolute;
		left: 50%;
		top: 42%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		text-align: center;
		color: #fff;
		text-shadow: 2px 2px 7px rgba(0, 0, 0, .6);
		}
	.slide img {
		width: 100%;
		height: auto;
		}
	.slide a.learn-more {
		margin: 0 0 0 0;
		position: absolute;
		left: 50%;
		bottom: 7%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		margin: 0 0 0 0;
		line-height: 20px;
		}
.slides .slick-prev {
	left: 42%  !important;
	}
.slides [dir='rtl'] .slick-prev {
   	right: 42% !important;
	}	
.slides .slick-next {
   	right: 42% !important;
	}
.slides [dir='rtl'] .slick-next {
   	left: 42% !important;
	}
.slides .slick-prev,
.slides .slick-next {
    bottom: 7% !important;
	}

.banner {
	position: relative;
	margin: 134px 0 0 0;
	background-repeat: none;
	background-size: cover;
	background-position: center bottom;
	height: 315px;
	}
	.banner-large {
		height: 576px;
		}
	.banner-home {
		height: 666px;
		}
	.banner .banner-text {
		position: absolute;
		left: 50%;
		top: 37%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		text-align: center;
		}	
		.banner-large .banner-text {
			top: 21%;
			}
		.banner .banner-text h1 {
			color: #fff;
			text-shadow: 2px 2px 7px rgba(0, 0, 0, .6);
			}
		.banner .banner-home-text {
			top: 25%;
			}
			
.banner-slides {
	width: 100%; 
	height: 576px;
	}
	.banner-slide {
		background-repeat: none;
		background-size: cover;
		background-position: center bottom;
		width: 100%;
		height: 576px;
		}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for blocks ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

/* Photo Blocks */
.photo-block {
	margin: 0 0 0 0;
	background: #555;
	text-align: center;
	color: #fff;
	}
	.photo-block h2 {
		color: #fff;
		}
	.photo {
		display: block;
		width: 31%;
		max-width: 610px;
		margin: 0 1% 0 1%;
		float: left;
		font-size: 0;
		line-height: 0;
		}
		.photo img {
			width: 100%;
			height: auto;
			}

/* Bio Block */
.bio-block {
	display: inline-block;
	width: 32%;
	margin: 25px auto 0 auto;
	text-align: center;
	line-height: 28px;
	}
	.bio-block h2 {
		padding-bottom: 65px;
		}
	.bio-block h4 {
		padding: 20px 0 3px 0;
		}
	.photo-circle {
		text-align: center;
		margin: 0 auto;
		max-width: 286px;
		}
		.photo-circle img {
			border-radius: 50%;
			}
	.bio-btn {
		position: relative;
		margin: 17px auto 6px auto;
		width: 54px;
		height: 54px;
		background: url(images/plus.png) no-repeat center center;
		cursor: pointer;
		}
.bio-content {
	display: none;
	position: fixed;
	top: 47%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-font-smoothing: antialiased;
	z-index: 999999999;
	cursor: default;
	background-color: #f5f5f5;
	max-width: 703px;
	min-height: 360px;
	width: 80%;
	padding: 50px 45px 20px 45px; 
	box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.5);
	text-align: left;
	line-height: 35px;
	}
	.bio-content h4 {
		padding: 0 0 40px 0;
		}
		
/* Bio Block Text Only */
.bio-block-text-only {
	margin: 0;
	text-align: center;
	}
	.bio-block-text-only .container {
		padding: 75px 5% 75px 5%;
		}
	.bio-block-text-only h2 {
		padding-bottom: 50px;
		}
	.bio-block-text-only h4 {
		padding: 0 0 3px 0;
		}
	.bio-text {
		width: 28%;
		max-width: 610px;
		margin: 11px 0 0 0;
		padding: 0 2% 0 2%;
		display: inline-block;
		border-right: 1px solid #54585a;
		}
		.bio-block-text-only .bio-text:nth-of-type(3n-1) {
			border-right: none;
			}
	.bio-block-text-only .bio-btn {
		margin: 17px auto 13px auto;
		}
	.bio-block-text-only hr {
		margin: 20px 0 20px 0;
		border-top: 1px solid #54585a;
		}
		.bio-block-text-only hr:last-of-type {
			border: none;
			}
		
			
/* Intro Nav Blocks */		
.intro {
	margin: 0 auto 0 auto;
	text-align: center;
	}
	.intro .container {
		}
	a.intro-block {
		display: inline-block;
		width: 30%;
		max-width: 610px;
		margin: 30px 1% 0 1%;
		overflow: hidden;
		}
		.intro-block-photo {
			position: relative;
			width: 100%;
			max-height: 331px;
			overflow: hidden;
			}	
			.intro-block-photo img {
				width: 100%;
				height: auto;
				transition: all 0.5s linear;
				}
			a.intro-block:hover .intro-block-photo img {
				transition: all 0.5s linear;
				transform: scale(1.3);
				}
	.intro-block-text {
		position: relative;
		height: 66px;
		text-align: center;
		}
		.intro-text {
			padding: 0 5% 0 5%;
			width: 90%;
			font-size: 34px;
			line-height: 34px;
			font-weight: 300;
			color: #fff;
			position: absolute; 
			top: 70%; 
			left: 50%; 
			height: 65px;
			transform: translate(-50%, -50%); 
			}
			a.intro-block:hover {
				color: #fff;
				}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for news & insights -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.post-blocks {
	text-align: center;
	}	
.post-block {
	display: inline-block;
	width: 30%;
	max-width: 610px;
	margin: 0 1% 35px 1%;
	overflow: hidden;
	}
	.news-block {
		border-bottom: 10px solid #607f9b;
		}
	.insights-block {
		border-bottom: 10px solid #663366;
		}
	.post-header {
		padding: 5px 0 4px 0;
		text-transform: uppercase;
		border-left: 1px solid #cdd4da;
		font-size: 21px;
		line-height: 21px;
		}
		.news-block .post-header {
			border: 1px solid #607f9b;
			background: #607f9b;
			color: #fff;
			}
			.news-block .post-header h4 {
				color: #fff;
				}
		.insights-block .post-header {
			border: 1px solid #663366;
			background: #663366;
			color: #fff;
			}
			.insights-block .post-header h4 {
				color: #fff;
				}
	.post-block-photo {
		position: relative;
		width: 100%;
		max-height: 200px;
		overflow: hidden;
		}	
		.post-block-photo img {
			width: 100%;
			height: auto;
			transition: all 0.5s linear;
			}
		.post-block:hover .post-block-photo img {
			transition: all 0.5s linear;
			transform: scale(1.3);
			}
	.post-block-text {
		position: relative;
		height: 262px;
		background: #fff;
		text-align: center;
		font-size: 17px;
		line-height: 22px;
		color: #54585a;
		}
		.post-block-text:hover {
			color: #54585a;
			}
		.post-block-text h4 {
			padding: 21px 5% 5px 5%;
			margin: 0;
			}
		.post-block-text p {
			padding: 0 5% 0 5%;
			}
			.news-block .post-block-text {
				border-left: 1px solid #cdd4da;
				border-right: 1px solid #cdd4da;
				}
			.insights-block .post-block-text {
				border-left: 1px solid #d1c1d1;
				border-right: 1px solid #d1c1d1;
				}
			.news-block .post-block-text h4 {
				color: #607f9b;
				}
			.insights-block .post-block-text h4 {
				color: #663366;
				}
	.post-block-text .learn-more {
		margin: 0 0 0 0;
		position: absolute;
		left: 50%;
		bottom: -10px;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		margin: 0 0 0 0;
		font-size: 18px;
		line-height: 18px;
		border: none;
		}
		.news-block .post-block-text .learn-more {
			color: #607f9b !important;
			}
		.insights-block .post-block-text .learn-more {
			color: #663366 !important;
			}

.news-detail {
	}
	.news-detail .container {
		padding: 15px 5% 75px 5%;
		}
	.news-top-nav {
		display: block;
		font-weight: 600;
		margin: 0 0 55px 0;
		}	
	.news-detail h2 {
		padding: 0 0 60px 0;
		line-height: 56px;
		}
		.news-detail .news-header {
			color: #607f9b;
			}
		.news-detail .news-header-purple,	
		.news-detail .insights-header {
			color: #663366;
			}
.news-detail-photo {
	margin: 0 auto 5px auto;
	padding: 0;
	font-size: 22px;
	line-height: 31px;
	font-style: italic;
	text-align: center;
	}
	.news-detail-photo img {
		margin: 0 auto 23px auto;
		max-width: 1240px;
		}
.news-detail-post {
	font-size: 22px;
	line-height: 44px;
	}	
	.news-detail-post h3 {
		font-size: 34px;
		line-height: 44px;
		padding: 0 0 5px 0;
		}
.news-detail hr {
	margin-top: 50px;
	margin-bottom: 15px;
	}
.prev {
	text-align: left;
	float: left;
	width: 50%;
	font-weight: 600;
	}
.next {
	text-align: right;
	float: right;
	width: 50%;
	font-weight: 600;
	}
	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for grants ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.our-grants .container {
	padding: 50px 5% 30px 5%;
	}
	.our-grants h2 {
		padding-bottom: 50px;
		}
	.our-grants .header-intro h3 {
		padding-bottom: 59px;
		}
	hr.top-line {
		margin: 5px 0 40px 0;
		}
	hr.short-line {
		margin: 5px 0 40px 0;
		}
.shareholders {
	text-align: center;
	}
	.shareholders .container {
		padding: 75px 5% 35px 5%;
		}
	.shareholders h2 {
		padding-bottom: 20px;
		color: #663366;
		}
.current-grants {
	text-align: center;
	}
	.current-grants .container {
		padding: 0px 5% 40px 5%;
		}
.grant-blocks {
	margin: 50px 0 0 0;
	text-align: center;
	}	
	.current-grants h2 {
		padding-bottom: 0px;
		}
.grant-block {
	display: inline-block;
	width: 30%;
	max-width: 610px;
	margin: 0 1% 35px 1%;
	overflow: hidden;
	}
	.grant-block-photo {
		position: relative;
		width: 100%;
		max-height: 273px;
		overflow: hidden;
		}	
		.grant-block-photo img {
			width: 100%;
			height: auto;
			transition: all 0.5s linear;
			}
		.grant-block:hover .grant-block-photo img {
			transition: all 0.5s linear;
			transform: scale(1.3);
			}
	.grant-block-text {
		position: relative;
		height: 200px;
		padding: 0 5% 0 5%;
		background: #fff;
		text-align: center;
		font-size: 17px;
		line-height: 22px;
		color: #54585a;
		}
		.grant-block-text h4 {
			padding: 21px 0 5px 0;
			margin: 0;
			}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for investments ------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

.logos {
	margin: 15px 0 50px 0;
	}
	.logos img {
		width: 60%;
		height: auto;
		}
.investments .container {
	padding: 25px 5% 0 5%;
	}
	.current-companies h2 {
 		padding: 0 0 37px 0;
		}
	.current-companies .container {
		padding: 5px 5% 0 5%;
		}
		
		
/* -------------------------------------------------------------------------------------------------------------- */
/* css for column sections -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.column-block {
	margin: 0 0 0 0;
	text-align: center;
	}
	.column-block-home {
		margin-bottom: 75px;
		}
	.column-block .slides {
		margin: 75px 0 0 0;
		}
	.half {
		text-align: left;
		float: left;
		width: 48%;
		padding-right: 2%;
		}
		.half-left-text {
			position: relative;
			text-align: left;
			float: left;
			padding-right: 0;
			width: 50%;
			min-height: 522px;
			}
			.half-center-text {
				position: absolute;
				left: 50%;
				top: 50%;
				width: 70%;
				-webkit-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				}
		.half-right-photo {
			float: right;
			padding-right: 0;
			width: 50%;
			min-height: 522px;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
			}	
	.one-third {
		text-align: left;
		float: left;
		margin-right: 4%;
		width: 32%;
		font-size: 0; 
		line-height: 0;
		overflow: hidden;
		}
		.one-third-home {
			width: 46%;
			min-height: 605px; 
			background-repeat: none; 
			background-size: cover; 
			background-position: center center; 
			}
		.one-third img {
			width: 100%;
			height: auto;
			max-width: 700px;
			}
		.one-third-home img {
			width: 100%;
			height: auto;
			max-width: 1000px;
			}
		.one-third-company {
			background-repeat: none; 
			background-size: cover; 
			background-position: center center; 
			min-height: 805px; 
			}
	.two-thirds {
		text-align: left;
		float: left;
		width: 64%;
		}
		.two-thirds-home {
			width: 50%;
			}
		.two-thirds .text-block {
			max-width: 80%;
			}
		.two-thirds-home .text-block {
			padding: 80px 0 0px 0;
			max-width: 90%;
			}
.centered-block {
	margin: 0 0 0 0;
	background: #ccc;
	text-align: center;
	}
	.centered-block img {
		margin-bottom: 75px;
		}

/* Three Column */
.three-column {
	margin: 0;
	text-align: center;
	}
	.three-column .container {
		padding: 70px 5% 75px 5%;
		}
	.three-column h2 {
		padding-bottom: 20px;
		}
	.three-column h3 {
		padding: 0 0 10px 0;
		}
	.three-column-text {
		width: 24%;
		max-width: 610px;
		margin: 11px 0 0 0;
		padding: 0 4% 0 4%;
		display: inline-block;
		vertical-align: top;
		}
		.three-column-text:nth-of-type(2n) {
			border-left: 1px solid #54585a;
			border-right: 1px solid #54585a;
			}


/* Two Column */
.two-column {
	margin: 50px 0 0px 0;
	text-align: center;
	}
	.two-column h2 {
		padding-bottom: 50px;
		}
	.two-column1 {
		width: 32%;
		padding: 0 2% 0 0;
		display: inline-block;
		border-right: 1px solid #54585a;
		}
		.two-column1 img {
			width: 100%;
			height: auto;
			}
	.two-column2 {
		width: 58%;
		padding: 35px 0 0 2%;
		display: inline-block;
		text-align: left;
		vertical-align: top;
		font-size: 17px;
		line-height: 22px;
		}
		.two-column2 h4 {
			padding: 0 0 5px 0;
			}
		.two-column2 p {
			padding: 0;
			}
	.two-column hr {
		margin: 25px 0 25px 0;
		}
		.two-column hr:last-of-type {
			margin-bottom: 0px;
			}
		


/* Timeline */
.timeline  {
	padding-bottom: 100px;
	}
	.time-left { 
		clear: both;
		width: 53.75%;
		float: left;
		text-align: left; 
		}
		.time-left .time-pic {
			width: 50%;
			float: left;
			height: 192px;
			font-size: 26px;
			line-height: 27px;
			color: #101529;
			}
			.time-left .time-pic img {
				margin-bottom: 10px;
				max-width: 291px;
				}
		.time-left .time-year {
			width: 50%;
			margin-top: 50px;
			float: right;
			text-align: right;
			}
			.time-left .time-year-circle {
				float: right;
				width: 85px;
				height: 53px;
				padding-top: 32px;
				margin-left: 8px;
				border-radius: 47px;
				text-align: center;
				font-size: 22px;
				line-height: 22px;
				}
			.time-left .time-year-line {
				float: right;
				padding-bottom: 40px;
				width: 60%;
				height: 1px;
				border-bottom: 1px solid #0b4487;
				}
	.time-right {
		clear: both; 
		width: 53.75%;
		float: right;
		text-align: right;
		}
		.time-right .time-pic {
			width: 50%;
			float: right;
			height: 192px;
			font-size: 26px;
			line-height: 27px;
			color: #101529;
			}
			.time-right .time-pic img {
				margin-bottom: 10px;
				max-width: 291px;
				}
		.time-right .time-year {
			width: 50%;
			margin-top: 50px;
			float: left;
			text-align: left;
			}
			.time-right .time-year-circle {
				float: left;
				width: 85px;
				height: 53px;
				padding-top: 32px;
				margin-right: 8px;
				border-radius: 47px;
				text-align: center;
				font-size: 22px;
				line-height: 22px;
				}
			.time-right .time-year-line {
				float: left;
				padding-bottom: 40px;
				width: 60%;
				height: 1px;
				border-bottom: 1px solid #0b4487;
				}
.time-btn {
	position: absolute;
	top: 35px;
	left: 15px;
	width: 54px;
	height: 54px;
	background: url(images/plus.png) no-repeat center center;
	cursor: pointer;
	}
	.time-btn-right {
		left: auto;
		right: 15px;
		}
.time-content {
	display: none;
	position: fixed;
	top: 47%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-font-smoothing: antialiased;
	z-index: 999999999;
	cursor: default;
	background-color: #f5f5f5;
	max-width: 703px;
	min-height: 360px;
	width: 80%;
	padding: 50px 45px 20px 45px; 
	box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.5);
	text-align: left;
	}
	.time-content img {
		width: inherit;
		}
	.time-content h4 {
		padding: 0 0 40px 0;
		}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for photo background ------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.photo-background {
	position: relative;
	margin: 75px 0 0 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	min-height: 900px;
	text-align: center;
	color: #fff;
	}
	.photo-background .container {
		padding: 75px 5% 0px 5%;
		}
	.photo-background h2,
	.photo-background h3 {
		padding: 0 0 5px 0;
		color: #fff;
		}
	.photo-credit {
		position: absolute;
		left: 100px;
		bottom: 0px;
		}
	.photo-background a.learn-more {
		display: block;
		margin: 0 0 0 0;
		position: absolute;
		left: 50%;
		bottom: 5%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		margin: 0 0 0 0;
		line-height: 20px;
		}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for quotes ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.quote-block {
	position: relative;
	margin: 0 0 0 0;
	background: #333;
	text-align: center;
	color: #fff;
	}
	.quote-block h2 {
		color: #fff;
		}
	.quotes .slick-prev {
		left: 46%  !important;
		}
	.quotes [dir='rtl'] .slick-prev {
    	right: 46% !important;
		}	
	.quotes .slick-next {
    	right: 46% !important;
		}
	.quotes [dir='rtl'] .slick-next {
    	left: 46% !important;
		}
	.quote-line {
		position: absolute;
		left: 50%;
		bottom: 5%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		text-align: center;
		background: blue;
		width: 1px;
		height: 50px;
		}
	
	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for windowshade ------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

.winshade {
	position: relative;
	margin: 0 0 0 0;
	text-align: center;
	}
	.winshade-intro {
		padding: 0 0 50px 0;
		}
	.winshade-question {
		position: relative;
		padding: 35px 0 5px 0;
		width: 100%;
		border-top: 1px solid #333;
		}
		.winshade-question:last-of-type {
			border-bottom: 1px solid #333;
			}
		.winshade-question h3 {
			padding: 0 0 10px 0;
			margin: 0;
			}
	.winshade-answer {
		margin: 0 auto;
		padding: 25px 0 32px 0;
		display: none;
		}
	.plus {
		position: relative;
		margin: 17px auto 30px auto;
		width: 54px;
		height: 54px;
		background: url(images/plus.png) no-repeat center center;
		cursor: pointer;
		}
	.minus {
		display: none;
		position: relative;
		margin: 0 auto 30px auto;
		width: 54px;
		height: 54px;
		background: url(images/minus.png) no-repeat center center;
		cursor: pointer;
		}
		
	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for contact with WP Forms overrides ---------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.contact {
	margin: 0 0 0 0;
	background: #999;
	}
input[type='tel'],
input[type='email'],
input[type='text'] {
	padding: 0 0 0 1% !important;
	margin: 0 0 0 0 !important;
	width: 99% !important;
	height: 48px !important;
	border: 1px solid #2f3030 !important;
	background: #fff !important;
	outline: none !important;
	font-size: 22px !important;
	line-height: 22px !important;
	font-family: 'Poppins', sans-serif !important;
	font-weight: 300 !important;
	color: #54585a !important;
	}
::placeholder { 
	font-family: 'Poppins', sans-serif !important;
	font-weight: 300 !important;
	color: #54585a !important;
	opacity: 1 !important; 
	}
.wpforms-field-container {
	margin-top: 30px !important;
	}	
.wpforms-field-label-inline {
	}
.wpforms-field-label {
	}
input[type='submit'],	
.wpforms-submit {	
	padding: 10px 25px !important;
	margin: 34px 0 35px 0 !important;
	width: auto !important;
	height: auto !important;
	border: 1px solid #2f3030 !important;
	border-radius: none !important;
	text-align: center !important;
	text-transform: uppercase;
	font-size: 18px !important;
	line-height: 18px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	background: transparent !important;
	color: #54585a !important;
	font-family: 'Poppins', sans-serif !important;
	font-weight: 300 !important;
	transition: all 0.2s linear !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	}
textarea {
	vertical-align: top !important;
	padding: 5px 0 3px 1% !important;
	margin: 0 0 11px 0 !important;
	height: 120px !important;
	width: 99% !important;
	border-radius: 0 !important;
	border: 1px solid #2f3030 !important;
	outline: none !important;
	background: #fff !important;
	font-size: 22px !important;
	line-height: 31px !important;
	color: #54585a !important;
	transition: all 0.2s linear !important;
	}		
.map {
	margin: 40px 0 0 0;
	position: relative;
	overflow: hidden;
	width: 97%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
	}

.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css popup -----------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

.popup-bck {
	display: none;
	background-color: rgba(0,0,0, .1);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 999999997;
	cursor: default;
	}
.popup-content-box {
	display: none;
	position: fixed;
	top: 47%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-font-smoothing: antialiased;
	z-index: 999999999;
	cursor: default;
	background-color: #f5f5f5;
	max-width: 703px;
	min-height: 360px;
	width: 80%;
	padding: 60px 45px 20px 45px; 
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	text-align: left;
	}
.time-close,
.bio-close,
.popup-close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 54px;
	height: 54px;
	background: url(images/close.png) no-repeat;
	cursor: pointer;
	}	

.popup-content-box input[type='tel'],
.popup-content-box input[type='email'],
.popup-content-box input[type='text'] {
	margin: 0 12px 12px 0 !important;
	width: 90% !important;
	}
.popup-content-box input[type='submit'] {
	padding: 10px 25px 10px 25px !important;
	margin: -20px 18px 12px 0 !important;
	}

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

.last-section {
	margin-bottom: 50px;
	}
#footer {
	position: relative;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #2f4339;
	text-align: center;
	font-size: 13px;
	line-height: 23px;
	font-weight: 300;
	color: #fff;
	}
	.footer-grants {
		background: #663366 !important;
		}
	#footer .container {
		padding: 50px 5% 50px 5%;
		}
	#footer h2 {
		color: #fff;
		font-size: 36px;
		padding-bottom: 70px;
		}
	#footer .footer-logo {
		display: inline-block;
		width: 365px;
		}
	#footer ul {
		display: inline-block;
		padding: 0 0 55px 0;
		margin: 0;
		list-style: none;
		}
	#footer ul li {
		display: inline-block;
		position: relative;
		padding: 0 20px 0 20px;
		margin: 0;
		font-size: 18px;
		line-height: 36px;
		}
	#footer ul li:before {
		content:"";
		position: absolute;
		top: 6px;
		left: 0px;
		border-left: 2px solid #fff;
		height: 70%;
		width: 1px;
		}
	#footer ul li:first-child:before {
		border: none; 
		}
	#footer ul li a {
		color: #fff;
		transition: all 0.3s linear;
		}
	#footer ul li a:hover {
    	transition: all 0.3s linear;
		color: #e3c675;
		}
	#footer .copyright {
		margin: 55px 0 0 0;
		}
		#footer .copyright a {
			color: #fff;
			text-decoration: underline;
			}
		
/* -------------------------------------------------------------------------------------------------------------- */
/* css for colors ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.bg-yellow {
	background: #e3c675;
	color: #2f3030;
	}
.bg-cream {
	background: #f2eddc;
	color: #2f3030;
	}
.bg-blue {
	background: #607f9b;
	color: #fff;
	}
	.bg-blue h2,
	.bg-blue h3,
	.bg-blue h4 {
		color: #fff;
		}
.bg-purple {
	background: #663366;
	color: #fff;
	}
	.bg-purple h2,
	.bg-purple h3,
	.bg-purple h4 {
		color: #fff;
		}
.bg-green {
	background: #2f4339;
	color: #fff;
	}
	.bg-green h2,
	.bg-green h3,
	.bg-green h4 {
		color: #fff;
		}
.bg-gray {
	background: #54585a;
	color: #fff;
	}
	.bg-gray h2,
	.bg-gray h3,
	.bg-gray h4 {
		color: #fff;
		}
.bg-dark-gray {
	background: #2f3030;
	color: #fff;
	}
	.bg-dark-gray h2,
	.bg-dark-gray h3,
	.bg-dark-gray h4 {
		color: #fff;
		}
.bg-lt-gray {
	background: #e5eaec;
	color: #2f3030;
	}		
.bg-black {
	background: #2f3030;
	color: #fff;
	}
	.bg-black h2,
	.bg-black h3,
	.bg-black h4 {
		color: #fff;
		}
	

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

.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	}
.alignright {
	margin: 10px 0 10px 20px;
	float: right;
	}
.alignleft {
	margin: 10px 20px 10px 0;
	float: left;
	}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.mobile {
	display: none;
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for animations ------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.animation-element {
	position: relative;
	transition: .6s all ease;
	}
.slow {
	transition: 1.2s all ease;
	}
.delay1 {
	-webkit-transition-delay: .1s; 
    transition-delay: .1s;
	}
.delay2 {
	-webkit-transition-delay: .2s; 
    transition-delay: .2s;
	}
.delay3 {
	-webkit-transition-delay: .3s; 
    transition-delay: .3s;
	}
.delay4 {
	-webkit-transition-delay: .4s; 
    transition-delay: .4s;
	}
.delay5 {
	-webkit-transition-delay: .5s; 
    transition-delay: .5s;
	}
.delay6 {
	-webkit-transition-delay: .6s; 
    transition-delay: .6s;
	}
.fade-in {
	opacity: 0;
	}
.fade-in.in-view {
	opacity: 1;
	}
.slide-left {
	opacity: 0;
	-webkit-transform: translateX(120px);
	-ms-transform: translateX(120px);
	transform: translateX(120px);
	}
.slide-right {
	opacity: 0;
	-webkit-transform: translateX(-120px);
	-ms-transform: translateX(-120px);
	transform: translateX(-120px);
	}
.slide-up {
	opacity: 0;
	-webkit-transform: translateY(120px);
	-ms-transform: translateY(120px);
	transform: translateY(120px);
	}
.slide-left.in-view,
.slide-right.in-view,
.slide-up.in-view {
	opacity: 1;
	-webkit-transform: translate3d(0, 0 , 0);
	-ms-transform: translate3d(0, 0 , 0);
	transform: translate3d(0, 0 , 0);
	}
.grow {
	opacity: 0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	}
.grow.in-view {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	}
.text-highlight {
	color: inherit;
	}
.text-highlight.in-view {
	color: #34a31f;
	}
.rotate {
	opacity: 0;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);   
	transform: rotateY(180deg);
	display: inline-block;
	}
	
	


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


#logo {
	padding: 50px 0 0 10px;
	width: 250px;
	}

#mainnav { 
	top: 68px; 
	font-size: 18px;
	line-height: 18px;
	}
	#mainnav ul li {
		padding: 0 20px 0 20px;
		}

.column-block h2 {
	font-size: 34px;
	line-height: 44px;
	}
.column-block h3 {
	font-size: 30px;
	line-height: 40px;
	}
	.column-block .slides {
		margin: 55px 0 0 0;
		}



/* Post Blocks */	
.post-blocks {
	margin: 75px 10% 0 10%;
	}	
	.post-block {
		width: 47%;
		margin: 0 1% 35px 1%;
		}

/* Grant Blocks */	
.grant-block-photo {
	max-height: 245px;
	}	
.grant-block-text {
	padding: 0 3% 0 3%;
	}

}




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

.column-block h2 {
	font-size: 30px;
	line-height: 40px;
	}
.column-block h3 {
	font-size: 24px;
	line-height: 34px;
	}
	.column-block .slides {
		margin: 45px 0 0 0;
		}

.slick-dots {
    bottom: 0px !important;
	}

/* Timeline */
.time-left {
	width: 54%;
	}
	.time-left .time-pic {
		width: 55%;
		font-size: 20px;
		line-height: 22px;
		}
	.time-left .time-year {
		width: 45%;
		margin-top: 35px;
		}
		.time-left .time-year-line {
			width: 40%;
			}
.time-right {
	width: 54%;
	}
	.time-right .time-pic {
		width: 55%;
		font-size: 20px;
		line-height: 22px;
		}
	.time-right .time-year {
		width: 45%;
		margin-top: 35px;
		}
		.time-right .time-year-line {
			width: 40%;
			}

/* Grant Blocks */	
.grant-block {
	width: 47%;
	}
	.grant-block-photo {
		max-height: 245px;
		}	
	.grant-block-text {
		padding: 0 3% 0 3%;
		}

/* Bio Block */
.bio-block {
	width: 49%;
	}

.half-right-photo {
	background-position: left center;
	}	

}



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

#header {
	height: 110px;
	}
	#logo {
		padding: 30px 0 0 10px;
		width: 250px;
		}
	#navbar {
		display: inherit;
		position: fixed;
		top: 50px;
		right: 20px;
		width: 40px;
		height: 17px;
		background: url(images/nav-menu.png) no-repeat right top;
		cursor: pointer;
		z-index: 9998;
		transition: all 0.3s linear;
		text-transform: capitalize;
		text-align: right;
		}
		#navbar-on {
			display: none;
			position: fixed;
			top: 50px;
			right: 20px;
			width: 40px;
			height: 17px;
			background: url(images/nav-close.png) no-repeat right top;
			cursor: pointer;
			z-index: 9998;
			transition: all 0.3s linear;
			text-transform: capitalize;
			text-align: right;
			}
	#mainnav {
		display: none;
		}		
	#mobilenav {
		display: none;
		position: fixed;
		top: 110px;
		right: 0;
		width: 100%;
		height: 100%;
		font-size: 22px;
		line-height: 28px;
		font-weight: 400;
		z-index: 9997;
		background: #2f4339;
		}
	#mobilenav ul {
		display: inherit;
		float: none;
		padding: 25px 0 0 5%;
		list-style: none;
		}
	#mobilenav ul li {
		float: none;
		display: block;
		height: auto;
		padding: 0 0 15px 0;
		}
	#mobilenav a {
		color: #fff !important;
		text-decoration: none;
		}
	#mobilenav .current-menu-item a,
	#mobilenav a:hover {
		color: #e3c675 !important;
		text-decoration: none;
		}

a.learn-more {
	padding: 10px 20px 10px 20px;
	font-size: 16px;
	line-height: 16px;
	}
	
/* Timeline */
.time-left { 
	width: 95%;
	float: none;
	}
	.time-left .time-pic {
		width: 50%;
		float: left;
		height: auto;
		}
	.time-left .time-year {
		width: 50%;
		margin-top: 70px;
		}
		.time-left .time-year-line {
			width: 60%;
			}
.time-right {
	width: 95%;
	float: none;
	}
	.time-right .time-pic {
		width: 50%;
		float: right;
		height: auto;
		}
	.time-right .time-year {
		width: 50%;
		margin-top: 70px;
		}
		.time-right .time-year-line {
			width: 60%;
			}

/* Post Blocks */	
.post-blocks {
	margin: 75px 0 0 0;
	}	
	.post-block {
		width: 47%;
		margin: 0 1% 35px 1%;
		}

/* Bio Block */
.bio-block {
	display: block;
	width: 100%;
	}



/* -------------------------------------------------------------------------------------------------------------- */
/* css for hero ------------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

.slides {
	margin: 115px 0 0 0;
	}

.banner {
	margin-top: 110px;
	}

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

#footer h2 {
	font-size: 34px;
	line-height: 38px;
	}
#footer ul {
	padding: 0 0 40px 0;
	margin: 0 auto;
	text-align: center;
	}
#footer ul li {
	font-size: 18px;
	line-height: 26px;
	}
#footer .footer-logo {
	display: inline-block;
	width: 250px;
	}


}





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


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


body {
	font-size: 20px;
	line-height: 32px;
	}
ul {
	padding: 0 0 30px 15px;
	}
ol {
	padding: 0 0 30px 15px;
	}
p {
	padding: 0 0 30px 0;
	}
hr {
	margin: 10px 0 25px 0;
	}
h1 {
	font-size: 36px;
	line-height: 38px;
	}
h2 {
	font-size: 30px;
	line-height: 34px;
	}
.news-detail-post h3,
.our-grants .header-intro h3,
h3 {
	font-size: 24px;
	line-height: 30px;
	}
h4 {
	font-size: 20px;
	line-height: 24px;
	}
.container {
	padding: 30px 5% 30px 5%;
  	}
.desktop {
	display: none;
	}
.mobile {
	display: inherit;
	}
img {
	padding: 0; 
	margin: 0;
	border: 0;
	width: 100%;
	height: auto;
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for hero ------------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

.slide .slide-text {
	bottom: 15%;
	}	
.slide h1 {
	top: 32%;
	}
.slides img {
	width: auto;
	height: 400px;
	}
.slides .slick-prev {
	left: 26%  !important;
	}
.slides [dir='rtl'] .slick-prev {
   	right: 26% !important;
	}	
.slides .slick-next {
   	right: 26% !important;
	}
.slides [dir='rtl'] .slick-next {
   	left: 26% !important;
	}
	
.banner-home,
.banner-large {
	height: 376px;
	}
.banner-slides {
	height: 376px !important;
	}
	.banner-slide {
		margin: -1px 0 0 -1px;
		height: 376px !important;
		background-position: left bottom;
		}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for blocks ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

/* Photo Blocks */
.photo {
	width: 96%;
	margin: 0 2% 20px 2%;
	float: none;
	}
		
/* Intro Nav Blocks */		
a.intro-block {
	display: block;
	width: 96%;
	margin: 0 2% 20px 2%;
	}
	.intro-text {
		font-size: 26px;
		line-height: 34px;
		}
		
/* Post Blocks */	
.post-block {
	width: 96%;
	margin: 0 2% 20px 2%;
	float: none;
	}

/* Bio Block */
.photo-circle {
	width: 75%;
	}

/* Bio Block Text Only */
	.bio-text {
		width: 75%;
		padding: 40px 4% 40px 4%;
		border-right: none;
		border-bottom: 1px solid #54585a;
		}
		.bio-block-text-only .bio-text:last-of-type {
			border-bottom: none;
			border-right: none;
			}
		.bio-block-text-only hr {
			display: none;
			}
.bio-content {
	padding: 25px 25px 0px 25px; 
	width: 90%;
	font-size: 16px;
	line-height: 20px;
	}
	.bio-content h4 {
		padding: 0 0 20px 0;
		}

/* Timeline */
	.time-left {
		width: 100%;
		float: none;
		}
		.time-left .time-pic {
			width: 100%;
			float: none;
			height: auto;
			font-size: 18px;
			line-height: 22px;
			margin-bottom: 60px;
			text-align: center;
			}
		.time-left .time-year {
			width: 100px;
			float: none;
			text-align: center;
			margin: 50px auto 10px auto;
			}
			.time-left .time-year-circle {
				float: none;
				width: 100px;
				height: 60px;
				padding-top: 40px;
				margin: 0 0 5px 0;
				border-radius: 50px;
				text-align: center;
				font-size: 22px;
				line-height: 22px;
				}
			.time-left .time-year-line {
				float: none;
				padding-bottom: 5px;
				width: 1px;
				height: 30px;
				border-bottom: none;
				text-align: center;
				margin: 0 auto;
				border-right: 1px solid #0b4487;
				}
	.time-right {
		width: 100%;
		float: none;
		text-align: left;
		}
		.time-right .time-pic {
			width: 100%;
			float: none;
			height: auto;
			font-size: 18px;
			line-height: 22px;
			margin-bottom: 60px;
			text-align: center;
			}
		.time-right .time-year {
			width: 100px;
			float: none;
			text-align: center;
			margin: 50px auto 10px auto;
			}
			.time-right .time-year-circle {
				float: none;
				width: 100px;
				height: 60px;
				padding-top: 40px;
				margin: 0 0 5px 0;
				border-radius: 50px;
				text-align: center;
				font-size: 22px;
				line-height: 22px;
				}
			.time-right .time-year-line {
				float: none;
				padding-bottom: 5px;
				width: 1px;
				height: 30px;
				border-bottom: none;
				text-align: center;
				margin: 0 auto;
				border-right: 1px solid #0b4487;
				}
			.time-left .time-pic img,
			.time-right .time-pic img {
				max-width: 100%;
				}

.time-btn {
	top: 190px;
	}
	.time-btn-right {
		left: 15px;
		right: auto;
		}
.time-content {
	padding: 25px 25px 0px 25px; 
	width: 90%;
	font-size: 18px;
	line-height: 22px;
	}
.time-content h4 {
	padding: 0 0 15px 0;
	font-size: 20px;
	line-height: 24px;
	}

.time-close,
.bio-close,
.popup-close {
	position: absolute;
	top: 10px;
	right: 10px;
	}	


/* -------------------------------------------------------------------------------------------------------------- */
/* css for photo background ------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.photo-background {
	min-height: 500px;
	}
	.photo-credit {
		position: absolute;
		left: 0; 
		right: 0; 
		margin-inline: auto; 
		width: fit-content;
		bottom: -10px;
		}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for column sections -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.column-block {
	padding: 50px 5% 50px 5%;
	}
.half-right-photo,	
.half-left-text,	
.half {
	float: none;
	width: 100%;
	padding-right: 0;
	padding: 30px 0 40px 0;
	text-align: center;
	}
	.invest-photo img {
		width: auto;
		height: 400px;
		}
	.half-right-photo {
		height: 250px;
		min-height: 250px;
		}	
	.half-left-text {
		min-height: auto;
		}
		.half-center-text {
			position: relative;
			left: auto;
			top: auto;
			width: 100%;
			-webkit-transform: translate(0,0);
			transform: translate(0,0);
			}

.one-third {
	float: none;
	width: 100%;
	margin-right: 0;
	text-align: center;
	}
	.one-third-home {
		min-height:505px; 
		}
	.one-third-company {
		min-height:505px; 
		}
.two-thirds {
	float: none;
	width: 100%;
	text-align: center;
	}
	.two-thirds .text-block {
		max-width: 100%;
		}

/* Three Column */
.three-column {
	margin: 0;
	text-align: center;
	}
	.three-column .container {
		padding: 25px 5% 50px 5%;
		}
	.three-column-text {
		width: 100%;
		margin: 20px 0 20px 0;
		padding: 0 0 20px 0;
		display: block;
		border-right: none;
		}
		.three-column-text:nth-of-type(2n) {
			border-right: none;
			border-left: none;
			}
		.three-column-text:last-of-type {
			border-bottom: none;
			}

/* Two Column */
.two-column {
	margin: 50px 0 0px 0;
	}
	.two-column h2 {
		padding-bottom: 50px;
		}
	.two-column1 {
		width: 100%;
		padding: 0;
		display: block;
		border-right: none;
		}
	.two-column2 {
		width: 100%;
		padding: 0;
		display: block;
		text-align: center;
		}


/* Grant Blocks */	
.grant-block {
	width: 100%;
	margin: 0 0 35px 0;
	}
	.grant-block-photo {
		max-height: 300px;
		}	
	.grant-block-text {
		padding: 0 3% 0 3%;
		}

.news-detail h2 {
	padding: 0 0 30px 0;
	font-size: 34px;
	line-height: 38px;
	}
.news-detail-post {
	font-size: 20px;
	line-height: 32px;
	}	

	.logos img {
		width: 80%;
		height: auto;
		}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for quotes ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.quotes .slick-prev {
	left: 40%  !important;
	}
.quotes [dir='rtl'] .slick-prev {
   	right: 40% !important;
	}	
.quotes .slick-next {
   	right: 40% !important;
	}
.quotes [dir='rtl'] .slick-next {
   	left: 40% !important;
	}
.quote-line {
	height: 40px;
	bottom: 1%;
	}
.quotes .slick-prev,
.quotes .slick-next {
    bottom: 5% !important;
	}




/* -------------------------------------------------------------------------------------------------------------- */
/* css for animations ------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.slide-left {
	opacity: 0;
	-webkit-transform: translateY(120px);
	-ms-transform: translateY(120px);
	transform: translateY(120px);
	}
.slide-right {
	opacity: 0;
	-webkit-transform: translateY(120px);
	-ms-transform: translateY(120px);
	transform: translateY(120px);
	}


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

	#footer h2 {
		font-size: 24px;
		line-height: 30px;
		}
	#footer .footer-logo {
		display: inline-block;
		width: 200px;
		}



}


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



body {
	font-size: 16px;
	line-height: 24px;
	}
h1 {
	font-size: 26px;
	line-height: 28px;
	}
h2 {
	font-size: 22px;
	line-height: 26px;
	}
.news-detail-post h3,
.our-grants .header-intro h3,
h3 {
	font-size: 18px;
	line-height: 24px;
	}
h4 {
	font-size: 16px;
	line-height: 20px;
	}
	.intro-text {
		font-size: 16px;
		line-height: 24px;
		}
.time-content {
	font-size: 16px;
	line-height: 24px;
	}
.time-content h4 {
	font-size: 16px;
	line-height: 20px;
	}
.news-detail h2 {
	font-size: 22px;
	line-height: 26px;
	}
.news-detail-post {
	font-size: 16px;
	line-height: 24px;
	}	
	#footer h2 {
		font-size: 22px;
		line-height: 26px;
		}

}