

.passion-top-header {
	position: relative;
	padding: 0 15px;
	max-width: 820px;
	width: 100%;
	margin: 0 auto 70px auto;
}

.passion-top-header img {
	max-width: 100px;
}

.passion-top-header h2 {
	max-width: 515px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

.passion-top-header p {
	font-size: 16px;
	line-height: 34px;
	margin-bottom: 15px;
}

.passion-project{
	padding:24px 0;
}

.findYourPassion {
	padding-bottom: 40px;
}

.findYourPassion .row .col-md-12 {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	float: none;
	padding: 0;

}

.findYourPassion > .container {
	max-width: 1310px;
	width: 100%;
	margin: auto;
	padding: 0;
}

.findYourPassion > .container .row {
	margin: 0;
}

.findYourPassion .passion-project .passion-image img {
	display: block;
	width: 100%;
	height: auto;
}

.findYourPassion .passion-project .passion-icon {
	font-size: 72px;
    width: 100%;
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    text-align: center;
}

.findYourPassion .passion-project .passion-headers {
	position: relative;
	z-index: 1;
	width: 100%;
	margin-bottom: 32px;
	padding-top: 32px;
}

/* Nabbed from old site */

.passion-articleinfo p{
	margin-bottom: 0;
}

article.passion-project {
	display: flex;
	display: -webkit-flex;
	border-top:0 none;
	padding: 0 15px 24px 15px;
	flex: 1 1 50%;
	width: 50%;
	max-width: 50%;
	float: left;
	align-items: stretch;
}
article.passion-project:last-child {
	border-bottom:0 none;
	margin-bottom: 0;
}
article.passion-project-inner {
	position: relative;
	background-color: rgba(0,0,0,0.7);
	overflow: hidden;
	display: flex;
	display: -webkit-flex;
    flex-direction: column;
    max-width: 100%;
}
article.passion-project div {
	display: block;
	vertical-align: middle;
}
.passion-project .passion-project-inner .passion-articleinfo .passion-content-holder {
	padding: 0 64px;
	display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
}
div.passion-image {
	min-width: 136px;
}
.passion-project div.passion-articleinfo {
	position: relative;
	width: 100%;
	margin-right: 0;
	padding-left: 0;
	padding-bottom: 32px;
	margin-top: -100px;
	color: #fff;
	background-color: rgba(0,0,0,0.5);
	display: flex;
	flex: 1 1 auto;
}
div.passion-button {
	text-align: left;
	min-width: 245px;
	padding-left: 0;
}
p.passion-articlecategoryheader a {
	font: 400 14px/15px 'Roboto Condensed', sans-serif;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 7px;
}
p.passion-articleheader {
	font: 700 24px/34px 'Merriweather', sans-serif!important;
	margin-bottom: 10px;
}

p.passion-articleheader a {
	color: #fff;
}

p.passion-articlepreview {
	line-height: 21px!important;
}

.passion-articleinfo .passion-inner-content {
	width: 100%;
	margin-bottom: 20px;
}

.passion-articleinfo .passion-inner-content p {
	font-size: 15px;
	line-height: 28px;
}

.passion-articleinfo a.more {
	color: #a0c5db;
	font: 400 15px/21px 'Roboto Condensed', sans-serif;
	text-decoration: none;
	margin-top: 3px;
}
.passion-articleinfo a.more:hover {
	color: #719db8;
}
.csr .passionsubheader {
	margin-bottom: 65px
}
article.passion-filters {
	border-bottom: 3px solid #dedede;
	margin-bottom: 32px;
}

@media screen and (max-width:600px){
	article.passion-project:last-child {
		border-bottom: 0!important;
		padding-bottom: 0;
		margin-bottom: 48px!important;
	}
}

/* Fixes, responsive */

.findYourPassionContainer{
	overflow:hidden;
}

.findYourPassion .header{
	text-align:center;
	overflow:hidden;
}

/*.findYourPassion .header .logoContainer{
	display: inline-block;
	position:relative;
}

.findYourPassion .header img{
	display:inline-block;
	max-width:276px;
	padding:0 15px;
}

.findYourPassion .header .logoContainer:before, .findYourPassion .header .logoContainer:after{
	position:absolute;
	content:'';
	top:50%;
	margin-top:-2px;
	width:140%;
	height:4px;
	background-color:red;
}

@media screen and (max-width:420px){
	.findYourPassion .header .logoContainer:before, .findYourPassion .header .logoContainer:after{
		display:none;
	}
}

.findYourPassion .header .logoContainer:before{
	left:100%;
}

.findYourPassion .header .logoContainer:after{
	right:100%;
}

.findYourPassion .header p{
	margin-top:25px;
	margin-bottom: 72px;
}*/

/*.findYourPassion{
	background-size: 461px 526px;
	border-top:1px solid #e5e5e5;
}

.findYourPassion > .container{
	position:relative;
	padding-top:80px;
}

.findYourPassion > .container:after {
	position: absolute;
	left: 15px;
	top: -18px;
	content: 'Project-Based Fundraising';
	font-size: 15px;
	line-height: 1;
	font-weight: bold;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	color: white;
	background-color: #1e303a;
	display: flex;
	height: 35px;
	width: 235px;
	align-items: center;
	justify-content: center;
}*/


/* Section Colors */

.cancer.findYourPassion .header .logoContainer:before, .cancer.findYourPassion .header .logoContainer:after{
	background-color:#CD3A35;
}
.technology.findYourPassion .header .logoContainer:before, .technology.findYourPassion .header .logoContainer:after{
	background-color:#f38354;
}
.education.findYourPassion .header .logoContainer:before, .education.findYourPassion .header .logoContainer:after{
	background-color:#ffd800;
}
.planet.findYourPassion .header .logoContainer:before, .planet.findYourPassion .header .logoContainer:after{
	background-color:#6dc255;
}
.health.findYourPassion .header .logoContainer:before, .health.findYourPassion .header .logoContainer:after{
	background-color:#538dcb;
}
.physical.findYourPassion .header .logoContainer:before, .physical.findYourPassion .header .logoContainer:after{
	background-color:#8e4398;
}

@media screen and (max-width:991px){
	.passion-project .passion-project-inner .passion-articleinfo .passion-content-holder {
		padding: 0 20px;
	}
}	

@media screen and (max-width:767px){
	article.passion-project {
		max-width: 100%;
	}
	.findYourPassion .row .col-md-12 {
		flex-wrap: wrap;
	}
	.passion-top-header {
		position: relative;
		padding: 0 15px;
		max-width: 820px;
		width: 100%;
		margin: 0 auto 40px auto;
	}

	.passion-top-header h2 {
		max-width: 515px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
	}
	article.passion-project {
		width: 100%;
		float: none;
		flex: 1 1 100%;
	}
	.passion-project .passion-project-inner .passion-articleinfo .passion-content-holder {
		padding: 0 15px;
	}
	div.passion-articleinfo{
		width:100%;
	}
	article.passion-project-inner, article.passion-project{
		display:block;
	}
	p.passion-articlepreview{
		margin:0 auto;
		margin-bottom: 24px;
	}
}

@media (max-width: 600px) {
	.passion-project article.passion-project-inner, .passion-project div.passion-articleimage, .passion-project div.passion-articleinfo, .passion-image img, .passion-project div.passion-button {
	    text-align: left;
	}
}


.findYourPassion .passion-button {
	align-self: flex-end;
}

.findYourPassion .passion-button .button {
	font-weight: 400;
	border: 0 none;
    min-width: 232px;
    text-align: center;
}
.findYourPassion .button:hover {
	border: 0 none;
}

.findYourPassion .button.button-cancer{
  background-color:#ed1c24;
}

.findYourPassion .button.button-cancer:hover{
  background-color: #9b0006;
}

.findYourPassion .button.button-physical{
  background-color:#9734ad;
}

.findYourPassion .button.button-physical:hover{
  background-color: #37193e;
}

.findYourPassion .button.button-health{
  background-color:#009cd7;
}

.findYourPassion .button.button-health:hover{
  background-color: #1e4060;
}

.findYourPassion .button.button-education{
  background-color:#d2c928;
}

.findYourPassion .button.button-education:hover{
  background-color: #504104;
}

.findYourPassion .button.button-technology{
  background-color:#ffa544;
}

.findYourPassion .button.button-technology:hover{
  background-color: #623d11;
}

.findYourPassion .button.button-planet{
  background-color:#56ca66;
}

.findYourPassion .button.button-planet:hover{
  background-color: #623d11;
}