/*
Theme Name: Elevator
Author: Elevator
Author URI: http://elevatoragency.com/
Description: General presentation handler
Version: 1.0
*/

/* Reference css/main.css for primary styling */

/* Additional CSS styling can be added below this line
   ------------------------------------------------------------------------ */

input[type="checkbox"],
input[type="radio"] {
    background: transparent;
}


.wp-caption-text {
    text-align: left;
}

.comment-box,
.tenant-box {
	background-color: #fff;
	padding: 2%;
	border: 1px solid #ddd;
	margin: 4% 0;
	font-weight: bold;
	text-align: center;
	border-radius: 2%;
	color: #2c2f33;
	}
	
.tenant-box {
	text-align: left;
	font-weight: normal;
	font-size: 0.90em;
}

.gform_wrapper .gfield_checkbox li input,
.gform_wrapper .gfield_checkbox li input[type=checkbox],
.gform_wrapper .gfield_radio li input[type=radio] {
     margin-top: -0.45em !important;
}

#gform_44 ul{
 text-align: left !important;
}

#gform_44 label.gfield_label,
#input_44_2_1_label,
#input_44_2_2_label,
#input_44_2_3_label,
#input_44_2_4_label,
#input_44_2_5_label {
 display: none;
}

/* #field_44_17 {
 padding: 10px !important;
 margin-bottom: 1.5em !important;
} */

input#input_44_1_3,
input#input_44_1_6,
input#input_44_2_1,
input#input_44_2_2,
input#input_44_2_3,
input#input_44_2_5,
input#input_44_3,
input#input_44_4 {
 margin-bottom: 1em;
}

#field_44_24,
#field_44_25,
#field_44_26,
#field_44_27,
#field_44_28,
#label_44_24_1,
#label_44_25_1,
#label_44_26_1,
#label_44_27_1,
#label_44_28_1,
#choice_44_24_1 {
 text-align: center; 
}

#choice_44_24_1,
#choice_44_25_1,
#choice_44_26_1,
#choice_44_27_1,
#choice_44_28_1 {
	display: none;
}


#label_44_24_1,
#label_44_25_1,
#label_44_26_1,
#label_44_27_1,
#label_44_28_1 {
 padding: 10px 5px; 
 border: 1px solid #1769a7;
 border-radius: 5px;
 background-color: #fff;
 color: #1769a7;
 margin-bottom: 1.5em;
 margin-top: 1.5em;
 font-size: 1.25em;
 font-weight: bold;
 margin-left: auto;
 margin-right: auto;
 display: inherit;
}

#label_44_24_1:hover,
#label_44_25_1:hover,
#label_44_26_1:hover,
#label_44_27_1:hover,
#label_44_28_1:hover {
	cursor: pointer;
	transition-property: border-color,color;
	transition-duration: 0.15s;
	border-color: #2c2f33;
	color: #2c2f33;
}

#gform_wrapper_44 ul.gfield_checkbox li input[type=checkbox]:checked+label, .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {
	color: #2c2f33 !important;
	border-color: #2c2f33 !important;
}

#gform_wrapper_44 li.field_description_above .gfield_description {
 text-align: center !important;
}

#field_44_17,
#field_44_18,
#field_44_19,
#field_44_20,
#field_44_21,
#field_44_22,
#field_44_33 {
	background-color: #efefef;
}

#gform_wrapper_44 li {
	padding-left: 2em !important;
	padding-right: 2em !important;
}

#gform_wrapper_44 form {
    text-align: center !important;
}

#gform_wrapper_44 .entry-content .gform_wrapper .gform_footer input[type="submit"] {
    width: 50% !important;
}

#gform_wrapper_44 .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
    font-size: 1.1em !important;
}

#gform_wrapper_44 .gfield_date_day label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_year label, .gform_wrapper .gfield_time_ampm label, #gform_wrapper_44 .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .ginput_complex label, .gform_wrapper .instruction {
    display: none !important;
}

.gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio] {
	margin-top: 1.25em !important;
}


























/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* 		2016 ANNUAL REPORT
   ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
.mobile {
	display: none;
}

.desktop {
	display: block;
}

body.page-id-8464 .content-area {
	padding: 0px;
}

body.page-id-8464 .bg-criss-cross {
	background-image: url("assets/src/img/2016-annual-report/bg-criss-cross.gif");
	background-position: top center;
	background-repeat: no-repeat;
	top: 0px;
	margin: 0px auto;
}

body.page-id-8464,
body.page-id-8464 p {
	font-family: "Noto Sans","Open Sans", sans-serif;
	font-size: 18px;
	line-height: 24px;
}

body.page-id-8464 .text-stone p.fine-print {
	font-size: 14px;
}

body.page-id-8464 .hero__wrap {
	display: none;
}

body.page-id-8464 .hero__title span {
	color: #ffffff;
}

body.page-id-8464 section.hero-2016 {
    background-image: url(https://www.sdfoundation.org/wp-content/uploads/2016/10/hero-2016-974x360.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 525px;
    padding-top: 160px;
}

body.page-id-8464 .hero-title-white-box {
	background-color: #ffffff;
    color: #2c2f33;
    font-size: 24px;
    line-height: 30px;
    margin-top: 30px;
    opacity: 0.8;
    padding: 30px;
    width: 80%;
    left: 10%;
    position: relative;
    text-align: center;
}

body.page-id-8464 .hero-title-white-box span {
	color: #fd6609;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
}

body.page-id-8464 h2 {
	font-size: 66px;
	font-weight: bold;
	line-height: 72px;
	margin-top: 30px;
	text-align: center;
	text-transform: none;
}

body.page-id-8464 h2 span {
	display: block;
}

body.page-id-8464 h2.blue {
	color: #1769a7;
	margin: 0px auto 30px;
}

body.page-id-8464 h2.orange {
	color: #f58d4d;
	margin: 0px auto 30px;
}

body.page-id-8464 h2.white {
	color: #ffffff;
	margin: 0px auto 30px;
}

body.page-id-8464 h2.yellow {
	color: #e9cd3a;
	margin: 0px auto 30px;
}

body.page-id-8464 .yellow {
	color: #e9cd3a;
}

body.page-id-8464 .white {
	color: #ffffff;
}

body.page-id-8464 .footer-2016-report h2.yellow {
	color: #e9cd3a;
	margin: 30px auto 30px;
	text-align: left;
}

/***** Dividers *****/
.divider-blue {
	background-color: #1769a7;
	height: 20px;
	margin: 60px 0px;
}

.divider-blue-bottom-margin {
	background-color: #1769a7;
	height: 20px;
	margin: 60px 0px 0px;
}

.divider-blue-no-top-margin {
	background-color: #1769a7;
	height: 20px;
	margin: 0px 0px 30px;
}

.divider-yellow {
	background-color: #edd761;
	height: 20px;
	margin: 60px 0px;
}

.divider-yellow-no-margin {
	background-color: #edd761;
	height: 20px;
	margin: 0px;
}

.divider-green {
	background-color: #adc32b;
	height: 70px;
	margin: 0px 0px 20px;
	z-index: 1;
}

.divider-orange {
	background-color: #ea8549;
	height: 20px;
	margin: 60px 0px;
}

.divider-orange-no-margin {
	background-color: #ea8549;
	height: 20px;
	margin: 0px;
}

.divider-orange-footer {
	background-color: #ea8549;
	height: 20px;
	margin: 0px;
}

/**************************************/
/************ Intro Letter ************/
/**************************************/
section.report-2016-intro-letter {
	padding: 60px 0px 20px;
}

section.report-2016-intro-letter p span {
	color: #1769a7;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
}

/**************************************/
/********** Grants We Awarded *********/
/**************************************/
section.report-2016-grants-we-awarded {
	min-height: 730px;
	position: relative;
}

section.report-2016-grants-we-awarded .text-stone {
    color: #757c7e;
    position: absolute;
    right: 20px;
    top: 0px;
}

section.report-2016-grants-we-awarded .figure-01 {
	/* background-image: url(assets/src/img/2016-annual-report/tree-leaves-01.png); */
    /* background-repeat: no-repeat; */
    /* background-position: top center; */
    color: #00569c;
    font-size: 30px;
    font-weight: bold;
    height: 234px;
    left: 150px;
    line-height: 34px;
    position: absolute;
    text-align: center;
    top: 200px;
    width: 250px;
    z-index: 3;
}

section.report-2016-grants-we-awarded .figure-01 div {
	position: relative;
    top: 90px;
    right: 150px;
}

section.report-2016-grants-we-awarded .figure-02 {
    /* background-image: url(assets/src/img/2016-annual-report/tree-leaves-02.png); */
    /* background-repeat: no-repeat; */
    /* background-position: top center; */
    color: #00569c;
    font-size: 34px;
    font-weight: bold;
    height: 243px;
    left: 545px;
    line-height: 38px;
    position: absolute;
    text-align: center;
    top: 195px;
    width: 243px;
    z-index: 2;
}

section.report-2016-grants-we-awarded .figure-02 div {
	position: relative;
    top: 70px;
    left: 150px;
}

section.report-2016-grants-we-awarded .figure-03 {
    /* background-image: url(assets/src/img/2016-annual-report/tree-leaves-03.png); */
    /* background-repeat: no-repeat; */
    /* background-position: top center; */
    color: #00569c;
    font-size: 30px;
    font-weight: bold;
    height: 342px;
    left: 300px;
    line-height: 34px;
    position: absolute;
    text-align: center;
    top: 85px;
    width: 332px;
    z-index: 3;
}

section.report-2016-grants-we-awarded .figure-03 div {
	position: relative;
    top: -90px;
    font-size: 42px;
    line-height: 44px;
}

section.report-2016-grants-we-awarded .figure-01 span,
section.report-2016-grants-we-awarded .figure-02 span,
section.report-2016-grants-we-awarded .figure-03 span {
	display: block;
	font-weight: normal;
}

.leaves-01,
.leaves-02,
.leaves-03 {
	position: absolute;
    left: 0px;
    width: 100%;
    top: 0px;
}

.leaves-01:hover,
.leaves-02:hover,
.leaves-03:hover {
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	transform: translate3d(0, 0, 0);
}
@keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}
	
	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}
	
	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}
	
	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}
}

section.report-2016-grants-we-awarded .figure-04 {
    background-image: url(assets/src/img/2016-annual-report/tree-trunk.png);
    background-repeat: no-repeat;
    background-position: top center;
    font-size: 38px;
    font-weight: bold;
    height: 402px;
    left: 285px;
    line-height: 41px;
    position: absolute;
    top: 265px;
    width: 348px;
    z-index: 3;
}

.grants-we-awarded-paragraph {
    color: #00569c;
    width: 450px;
    top: 465px;
    position: absolute;
    left: 525px;
}

/**************************************/
/******** Where Grants Do Good ********/
/**************************************/
section.where-grants-do-good {
	padding-top: 30px;
	position: relative;
}

section.where-grants-do-good .text-stone {
    color: #757c7e;
    position: absolute;
    right: 20px;
    top: 30px;
}

section.where-grants-do-good .bg-white {
	background-color: #ffffff;
	padding: 20px 10px;
}

section.where-grants-do-good .description p {
	margin-top: 30px;
	text-align: center;
}

section.where-grants-do-good .image-wrap {
	position: relative;
}

.image-description {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(25, 25, 25, 0.9);
	color: #fff;
	visibility: hidden;
	opacity: 0;
}

.image-wrap:hover .image-description {
    font-size: 14px;
	visibility: visible;
	opacity: 1;
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		 -o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
}

.image-description .grant-left {
	float: left;
	left: 5px;
	text-align: left;
}

.image-description .grant-left ul,
.image-description .grant-left li {
	list-style: none;
    margin-left: 10px;
    padding: 0px;
}

.image-description .grant-right ul,
.image-description .grant-right li {
	list-style: none;
    margin-right: 10px;
    padding: 0px;
}

.image-description .grant-right {
	float: right;
	right: 5px;
	text-align: right;
}

section.where-grants-do-good .box__hover td {
	font-family: "Noto Sans", "Open Sans", sans-serif;
	font-size: 18px;
	line-height: 24px;
}

section.where-grants-do-good .report-card .box__heading {
    font-size: 42px;
    font-weight: 800;
    letter-spacing: normal;
    line-height: 48px;
    text-transform: none;
}

section.where-grants-do-good .report-card .box__content {
	font-family: "Noto Sans","Open Sans", sans-serif;
    font-size: 40px;
    font-weight: 800;
    letter-spacing: normal;
    line-height: 44px;
}

section.where-grants-do-good .report-card .box__title {
    color: #e9cd3a;
    font-weight: ;
    text-transform: none;
    font-size: 52px;
    line-height: 60px;
}

section.where-grants-do-good .two-lines {
	margin-top: -60px;
	position: relative;
}

section.where-grants-do-good .bricks--report .brick {
    border-bottom: none !important;
}

section.where-grants-do-good .report-card .box__hover tr:nth-child(odd) {
    background: #c6aa17;
}


/**************************************/
/********* Stories of Impact **********/
/**************************************/
section.stories-of-impact {
	padding-top: 60px;
	position: relative;
}

section.stories-of-impact .second-row {
	margin-top: 20px;
}

section.stories-of-impact .description p {
	margin: 30px auto 60px;
	text-align: center;
}

section.stories-of-impact .image-wrap {
	position: relative;
}

section.stories-of-impact .image-description {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.9);
	opacity: 0;
	position: absolute;
	visibility: hidden;
}

section.stories-of-impact .image-wrap:hover .image-description {    
    height: auto;
	left: 0%;
	margin: 0;
	opacity: 1;
	padding: 5px;
	position: absolute;
	text-align: left;
	top: 0%;
	visibility: visible;
}

section.stories-of-impact .image-description h3 {
	color: #1769a7;
	font-size: 14px;
	line-height: 18px;
	margin: 0px;
	text-transform: none;
}

section.stories-of-impact .image-description p {
	color: #222222;
	font-size: 13px;
	line-height: 17px;
	margin: 4px 0px 0px;
}

section.stories-of-impact .impact-07 {
	left: 20%;
}

section.stories-of-impact .impact-08 {
	left: 20%;
}

section.stories-of-impact .report-card .box {
    min-height: 450px;
}

section.stories-of-impact p.box__title {
	color: #f58d4d;
	font-size: 34px;
	line-height: 40px;
	margin-top: 150px;
	min-height: 150px;
	text-transform: none;
}

section.stories-of-impact .report-card .box__hover {
    background: #f58d4d;
    font-family: "Noto Sans","Open Sans",sans-serif;
    padding: 1em;
    font-size: 14px;
    line-height: 18px;
}

section.stories-of-impact .box__cta {
    margin-top: 50px;
}

/**************************************/
/********** Where Grants Go ***********/
/**************************************/
section.where-grants-go-2016 {
	background-image: url("assets/src/img/2016-annual-report/bg-where-grants-go.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 900px;;
	margin: 0px auto;
	padding-top: 60px;
	position: relative;
	top: 0px;
}

section.where-grants-go-2016 .text-stone {
	color: #ffffff;
    position: absolute;
    right: 20px;
    top: 40px;
}

section.where-grants-go-2016 p.intro {
	color: #ffffff;
	padding: 0px 100px;
}

section.where-grants-go-2016 h3 {
	color: #ffffff;
	font-size: 62px;
	font-weight: bold;
	line-height: 68px;
	margin: 0px;
	padding: 0px 0px 15px;
}

section.where-grants-go-2016 h4 {
	color: #ffffff;
	font-size: 30px;
	font-weight: bold;
	line-height: 36px;
}

section.where-grants-go-2016 h5 {
	color: #ffffff;
	font-size: 42px;
	font-weight: bold;
	line-height: 48px;
}

section.where-grants-go-2016 .star {
	/* background-image: url(assets/src/img/2016-annual-report/bg-starburst.png); */
    /* background-position: top center; */
    /* background-repeat: no-repeat; */
    min-height: 300px;
    /* width: 250px; */
	/* margin-top: -10px; */
    /* padding-top: 65px; */
}

section.where-grants-go-2016 .star:hover {
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	transform: translate3d(0, 0, 0);
	transform: scale(1.5);
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		 -o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
}
@keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}
	
	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}
	
	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}
	
	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}
}

section.where-grants-go-2016 .star h5 {
	color: #efc70b;
	font-size: 60px;
	font-weight: bold;
	line-height: 60px;
}

section.where-grants-go-2016 .san-diego {
	color: #e9cd3a;
	font-size: 44px;
    line-height: 46px;
    margin-top: 30px;
}

section.where-grants-go-2016 .grants-info span {
	font-size: 20px;
    font-weight: normal;
    padding: 0px;
    position: relative;
    top: -5px;
}

section.where-grants-go-2016 .san-diego span {
	position: relative;
    top: -15px;
}


/**********************************/
/***** Where Grants Come From *****/
/**********************************/
section.where-grants-come-from {
	position: relative;
}

section.where-grants-come-from .text-stone {
    color: #757c7e;
    position: absolute;
    right: 20px;
    top: 30px;
    z-index: 99;
}

section.where-grants-come-from h3 {
	color: #222222;
	font-size: 20px;
	font-weight: normal;
	margin: 5px 0px 20px;
	text-transform: none;
	visibility: visible;
	z-index: 9;
}

section.where-grants-come-from .where-grants-come-from-content {
	padding: 60px 10px 10px;
	background-color: #ffffff;
	opacity: .8;
}

/*
section.where-grants-come-from .where-grants-come-from-content .text-stone {
    color: #757c7e;
    position: absolute;
    right: 20px;
    top: 40px;
}
*/

section.where-grants-come-from p.intro {
	color: #222222;
	padding: 0px 100px;
}

section.where-grants-come-from .see-new-funds {
	margin: 30px auto 60px;
}

section.where-grants-come-from a.button {
	background-color: #1769a7;
    color: #ffffff;
    display: block;
    font-size: 16px;
    margin: 0px auto;
    padding: 10px 0px;
    position: relative;
	text-align: center;
	width: 300px;
}

section.where-grants-come-from a.button:hover {
	background-color: #114d7a;
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		 -o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
}

section.where-grants-come-from .highcharts-credits,
section.where-grants-come-from .highcharts-button-box,
section.where-grants-come-from .highcharts-button-symbol {
	display: none;
}

section.where-grants-come-from tspan {
	font-size: 14px;
	font-weight: normal;
}

section.where-grants-come-from .highcharts-label tspan.percent {
	display: none;
}


/**************************************/
/***** Endowment Fund Performance *****/
/**************************************/
section.endowment-fund-performance {
	background-image: url("assets/src/img/2016-annual-report/bg-endowment-fund-performance.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 60px 0px 30px;
	position: relative;
}

section.endowment-fund-performance .text-stone {
    color: #757c7e;
    position: absolute;
    right: 20px;
    top: 40px;
}

section.endowment-fund-performance h2.span {
	display: block;
}

section.endowment-fund-performance p {
	color: #222;
	font-weight: normal;
}

section.endowment-fund-performance h3 {
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
}

section.endowment-fund-performance a.button {
	background-color: #1769a7;
    color: #ffffff;
    display: block;
    font-size: 16px;
    margin: 0px auto;
    padding: 10px 0px;
    position: relative;
	text-align: center;
	width: 330px;
}

section.endowment-fund-performance a.button:hover {
	background-color: #114d7a;
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		 -o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
}

section.endowment-fund-performance ul,
section.endowment-fund-performance li {
	display: inline-flex;
	list-style: none;
	font-size: 18px;
}

section.endowment-fund-performance li {
	margin: 0px 0px 0px 5px;
}

section.endowment-fund-performance li:first-child {
	margin: 0px;
}

.square-blue {
	background: #65a8df;
	height: 15px;
	margin-top: 5px;
	width: 15px;
}

.square-green {
	background: #adc32b;
	height: 15px;
	margin-top: 5px;
	width: 15px;
}

.button-endowment {
	margin: 30px auto 30px;
}

section.endowment-fund-performance  p.disclaimer {
	font-size: 14px;
	line-height: 18px;
}

section.endowment-fund-performance span.year {
	color: #000000;
	font-weight: bold;
}

section.endowment-fund-performance img {
	margin-top: 15px;
}

/********************************/
/***** Total Assets Managed *****/
/********************************/
section.total-assets-managed {
	min-height: 750px;
	padding-top: 60px;
	position: relative;
}

section.total-assets-managed .text-stone {
    color: #757c7e;
    position: absolute;
    right: 20px;
    top: 30px;
}

section.total-assets-managed .text-stone p.fine-print {
	font-size: 14px;
    position: absolute;
    right: 0px;
    top: 10px;
}

section.total-assets-managed p {
	color: #2c2f33;
	width: 300px;
}

section.total-assets-managed .assets-intro {
	margin-top: 150px;
}

section.total-assets-managed a.button {
	background-color: #1769a7;
    color: #ffffff;
    display: block;
    font-size: 16px;
    padding: 10px 0px;
    position: relative;
	text-align: center;
	width: 300px;
}

section.total-assets-managed a.button:hover {
	background-color: #114d7a;
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		 -o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
}

section.total-assets-managed .figure-01 {
	background-image: url("assets/src/img/2016-annual-report/total-assets-managed-2014.png");
	background-repeat: no-repeat;
	background-position: top center;
	color: #000000;
	font-size: 27px;
	font-weight: bold;
	height: 268px;
	left: 80px;
	line-height: 31px;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 268px;
    z-index: 3;
}

section.total-assets-managed .figure-01 div {
	position: relative;
	/* text-shadow: -2px 2px 6px rgba(0, 0, 0, 1); */
	top: 70px;
}

section.total-assets-managed .figure-02 {
    background-image: url("assets/src/img/2016-annual-report/total-assets-managed-2015.png");
    background-repeat: no-repeat;
	background-position: top center;
    color: #000000;
	font-size: 34px;
	font-weight: bold;
	height: 304px;
	left: 205px;
	line-height: 37px;
    position: absolute;
    text-align: center;
    top: 90px;
    width: 304px;
    z-index: 2;
}

section.total-assets-managed .figure-02 div {
	position: relative;
	/* text-shadow: -2px 2px 6px rgba(0, 0, 0, 1); */
	top: 77px;
}

section.total-assets-managed .figure-03 {
	background-image: url("assets/src/img/2016-annual-report/total-assets-managed-2016.png");
	background-repeat: no-repeat;
	background-position: top center;
	color: #ffffff;
	font-size: 38px;
	font-weight: bold;
	height: 364px;
	left: 85px;
	line-height: 41px;
	position: absolute;
	text-align: center;
    top: 250px;
    width: 364px;
    z-index: 3;
}

section.total-assets-managed .figure-03 div {
	position: relative;
	/* text-shadow: -2px 2px 6px rgba(0, 0, 0, 1); */
	top: 100px;
}

section.total-assets-managed .figure-01 span,
section.total-assets-managed .figure-02 span,
section.total-assets-managed .figure-03 span {
	display: block;
}

/**************************************/
/************* Footer *****************/
/**************************************/
section.footer-2016-report {
	background-image: url("assets/src/img/2016-annual-report/bg-report-footer.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 375px;
	margin: 0px auto;
	position: relative;
	top: 0px;
}

/*
section.footer-2016-report h2 span {
	display: block;
}
*/

section.footer-2016-report h2 {
	margin: 30px auto;
}

section.footer-2016-report .footer-right-side {
	padding: 30px 0px;
}

section.footer-2016-report a {
	color: #ffffff;
}

section.footer-2016-report a:hover {
	color: #e9cd3a;
}

section.footer-2016-report a.button {
    background-color: #e9cd3a;
    color: #000;
    display: block;
    font-size: 16px;
    left: 50px;
    padding: 15px 0px;
    position: relative;
    text-align: center;
	top: 30px;
	width: 250px;
}

section.footer-2016-report a.button:hover {
    color: #1769a7;
    -webkit-transition: color .2s ease-in-out;
	   -moz-transition: color .2s ease-in-out;
		-ms-transition: color .2s ease-in-out;
		 -o-transition: color .2s ease-in-out;
			transition: color .2s ease-in-out;
}

section.footer-2016-report ul {
	margin-left: 0px;
}

section.footer-2016-report ul,
section.footer-2016-report li {
	display: inline;
}

section.footer-2016-report .footer-social-icons {
	font-size: 32px;
	margin: 0px;
	padding: 0px 0px;
	text-align: left;
}

section.footer-2016-report .footer-social-icons li {
	margin: 0px 0px 0px 20px;
}

section.footer-2016-report .footer-social-icons li:first-child {
	margin: 0px 0px 0px 0px;
}

section.footer-2016-report .cta-button {
	background-color: #1769a7;
	border: 3px solid #ffffff;
	color: #ffffff;
	height: 200px;
	opacity: .9;
	padding: 75px 0px 0px;
	width: 100%;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}

section.footer-2016-report .cta-button:hover {
	border: 3px solid #e9cd3a;
    color: #fff;
	opacity: 1;
}

section.footer-2016-report .cta-button .symbol {
	font-size: 78px;
	margin: 10px auto;
	text-align: center;
}

section.footer-2016-report .cta-button .divider {
	background-color: #ffffff;
	height: 3px;
	position: relative;
	margin: 10px auto;
	text-align: center;
	width: 200px;
}

section.footer-2016-report .cta-button p {
	font-size: 18px;
	line-height: 24px;
	margin: 10px auto;
	text-align: center;
}

section.footer-2016-report .footer-button {
	padding: 0px 20px;
}


/**************************************/
/********* Responsive Styles **********/
/**************************************/

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

	.mobile {
		display: none;
	}
	.desktop {
		display: block;
	}
	body.page-id-8464 .hero__title--alt {
		display: none !important;
	}
	.other-grantmaking {
		padding: 0px 15px;
	}
	section.stories-of-impact .image-wrap {
		pointer-events: none;
	}
	section.total-assets-managed .figure-01 {
	    left: 0px;
	}
	section.total-assets-managed .figure-02 {
	    left: 100px;
	    top: 100px;
	}
	section.total-assets-managed .figure-03 {
	    left: 25px;
	    top: 260px;
	}
	
}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	.mobile {
		display: none;
	}
	.desktop {
		display: block;
	}
	body.page-id-8464 .hero__title--alt {
		display: none !important;
	}
	.image-description .grant-left,
	.image-description .grant-right {
	    font-size: 11px;
	}
	section.stories-of-impact .image-wrap {
		pointer-events: none;
	}
	section.stories-of-impact .image-description {
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    background: rgba(255, 255, 255, 0.9);
	    opacity: 1;
		padding: 10px;
	    position: relative;
	    visibility: visible;
	}
	.grants-tree-mobile {
		display: block;
	}
	.grants-tree-desktop {
		display: none;
	}
	section.report-2016-grants-we-awarded .text-stone {
	    top: -30px;
	}
	section.where-grants-do-good .text-stone {
	    top: 0px;
	}
	section.where-grants-do-good .report-card .box__title {
	    font-size: 48px;
	    line-height: 60px;
	}
	section.where-grants-do-good .youth-development {
		max-height: 450px;
	}
	section.where-grants-do-good .youth-development .figures {
		margin-top: -60px;
	}
	section.total-assets-managed .figure-01 {
	    left: 0px;
	}
	section.total-assets-managed .figure-02 {
	    left: 100px;
	    top: 100px;
	}
	section.total-assets-managed .figure-03 {
	    left: 25px;
	    top: 260px;
	}

}


/* All Mobile Sizes (devices and browser) */
@media only screen and (min-width: 768px) {
	
	body.page-id-8464 .hero__title--alt {
		display: none !important;
	}
	.grants-we-awarded-paragraph-mobile h3 {
	    color: #1769AA;
	    font-size: 26px;
	    font-weight: normal;
	    line-height: 32px;
	    margin: 0px auto;
	}
	.grants-we-awarded-paragraph-mobile h4 {
	    color: #1769AA;
	    font-size: 38px;
	    font-weight: bold;
	    line-height: 44px;
	    margin: 5px auto 30px;;
	}
	/*
	section.total-assets-managed .figure-01 {
	    left: 35px;
    }
    section.total-assets-managed .figure-02 {
		left: 180px;
	    top: 80px;
    }
    section.total-assets-managed .figure-03 {
	    left: 50px;
	    top: 240px;
    }
    */
	section.footer-2016-report h2 {
		font-size: 52px;
		line-height: 66px;
	}
	section.footer-2016-report a.button {
		left: 0px;
	}
	section.footer-2016-report .footer-right-side img {
		width: 95%;
	}
	
}


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

	.desktop {
		display: none;
	}
	.mobile {
		display: block;
	}
	
	
	/***** General Styles *****/
	body.page-id-8464 h2 {
	    font-size: 44px;
	    line-height: 50px;
	    margin-top: 15px;
	}
	
	.divider-blue {
		margin: 30px 0px;
	}
	
	
	/***** Intro Letter *****/
	body.page-id-8464 section.hero-2016 {
	    min-height: 535px;
	    padding-top: 110px;
	}
	body.page-id-8464 .hero-title-white-box {
		font-size: 24px;
		line-height: 30px;
		margin-top: 15px;
		padding: 10px;
	}
	body.page-id-8464 .hero-title-white-box span {
	    font-size: 24px;
	}
	body.page-id-8464 .hero__title--alt {
		display: none;
	}	
	.hero__title span {
	    display: block;
	}
	section.report-2016-intro-letter {
	    padding: 30px 15px;
	}
	
	
	/***** Grants We Awarded *****/
	section.report-2016-grants-we-awarded {
	    min-height: 550px;
	}
	.grants-we-awarded-paragraph-mobile {
		color: #00569c;
		font-size: 18px;
		line-height: 24px;
		width: 100%;
		position: relative;
		text-align: center;
		padding: 0px 15px;
	}
	.tree-mobile {
		margin-bottom: -30px;
	}
	.grants-we-awarded-paragraph-mobile h3 {
	    color: #1769AA;
	    font-size: 26px;
	    font-weight: normal;
	    line-height: 32px;
	    margin: 0px auto;
	}
	.grants-we-awarded-paragraph-mobile h4 {
	    color: #1769AA;
	    font-size: 38px;
	    font-weight: bold;
	    line-height: 44px;
	    margin: 5px auto 30px;;
	}
	section.report-2016-grants-we-awarded .grants-tree-desktop {
		display: none;
	}
	section.report-2016-grants-we-awarded .grants-tree-mobile {
		display: block;
	}	
	.divider-blue-no-top-margin {
	    margin: 0px;
	}


	/***** Where Grants Do Good *****/	
	section.where-grants-do-good {}	
	section.where-grants-do-good .margin-top-40 {
		margin-top: 40px;
	}
	section.where-grants-do-good .description p {
	    margin-top: 24px;
	}
	section.where-grants-do-good .image-description {
	    background: rgba(255, 255, 255, 0.9);
	    color: #222222;
	    opacity: 1;
	    position: relative;
	    text-align: left;
	    visibility: visible;
	}
	section.where-grants-do-good .image-description h3 {
	    color: #1769a7;
	    font-size: 22px;
	    line-height: 30px;
	    margin: 10px auto 5px;
	    padding: 0px;
	    text-align: left;
	    text-transform: none;
	}
	section.where-grants-do-good .image-description p {
	    color: #222222;
	    padding: 0px;
	    text-align: left;
	}
	
	/***** Stories of Impact *****/
	section.stories-of-impact {
	    padding-top: 30px;
    }
	section.stories-of-impact .description p {
	    margin: 30px auto 30px;
	    padding: 0px 20px;
	    text-align: center;
	}
	section.stories-of-impact .image-wrap {
	    position: relative;
		margin: 15px auto;
		pointer-events: none;
	    text-align: center;
	}
	section.stories-of-impact .image-description {
	    opacity: 1;
	    pointer-events: none;
	    position: relative;
		visibility: visible;
	}
	section.stories-of-impact .image-description h3 {
		color: #1769a7;
		font-size: 22px;
		line-height: 30px;
		margin: 15px auto;
		text-transform: none;
		text-align: left;
		padding: 15px 15px 0px;
	}
	section.stories-of-impact .image-description p {
		color: #222222;
		text-align: left;
		padding: 0px 15px;
	}
	section.stories-of-impact .image-wrap {
		pointer-events: none;
	}
	
	
	/***** Where Grants Go *****/
	section.where-grants-go-2016 {
	    padding: 30px 0px;
    }
    section.where-grants-go-2016 p.intro {
		padding: 0px 20px;
    }
	

	/***** Where Grants Come From *****/
	section.where-grants-come-from .where-grants-come-from-content {
		padding: 30px 10px;
	}
	section.where-grants-come-from p.intro {
	    padding: 0px 0px;
	}
	section.where-grants-come-from .shell {
		width: 50%;
	}
	
	
	/***** Endowment Fund Performance *****/
	section.endowment-fund-performance {    
	    min-height: 800px;
	    padding: 30px 0px 30px;
    }
    section.endowment-fund-performance p {
		width: 100%;
		text-align: center;
		padding: 0px 15px;
	}
	
	
	/***** Total Assets Managed *****/	
	section.total-assets-managed {
	    padding-top: 30px;
	}
	section.total-assets-managed .figure-01 {
		font-size: 27px;
		height: 234px;
		left: 0%;
		line-height: 31px;
	    position: relative;
	    top: 0px;
	    margin: 0px auto;
	    text-align: center;
	    width: 100%;
	}
	section.total-assets-managed .figure-02 {
		font-size: 34px;
	    height: 243px;
	    line-height: 37px;
	    position: relative;
	    top: 0px;
	    width: 100%;
	    margin: 0px auto;
	    text-align: center;
	    left: 0%;	    
	}
	section.total-assets-managed .figure-03 {
	    font-size: 38px;
	    height: 342px;
	    line-height: 41px;
	    position: relative;
	    top: 10px;
	    width: 100%;
	    margin: 0px auto;
	    text-align: center;
	    left: 0%;
    }
	
	section.total-assets-managed p {
	    width: 100%;
	    text-align: center;
	    padding: 0px 10px;
	}
	section.total-assets-managed a.button {
		margin: 10px auto;
    }
	
	
	/***** FOOTER *****/
	section.footer-2016-report {
	    padding: 10px 10px 30px 10px;
	}
	body.page-id-8464 .footer-2016-report h2.yellow {
	    text-align: center;
	    font-size: 38px;
	    line-height: 44px;
	    margin: 10px auto;
	}
	section.footer-2016-report .footer-right-side {
	    padding: 10px 0px;
	    text-align: center;
	}
	body.page-id-8464 .hero__title--alt {
		display: none;
	}
	
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
	body.page-id-8464 .hero__title--alt {
		display: none !important;
	}
	section.report-2016-grants-we-awarded .grants-tree-desktop {
		display: none;
	}
	section.report-2016-grants-we-awarded .grants-tree-mobile {
		display: block;
	}
	section.stories-of-impact .image-wrap {
		pointer-events: none;
	}
	
	
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
	body.page-id-8464 .hero__title--alt {
		display: none;
	}
	section.report-2016-grants-we-awarded .grants-tree-desktop {
		display: none;
	}
	section.report-2016-grants-we-awarded .grants-tree-mobile {
		display: block;
	}
	section.stories-of-impact .image-wrap {
		pointer-events: none;
	}
	section.report-2016-grants-we-awarded h2.blue {
	    margin: 60px auto 30px;
	}
	section.report-2016-grants-we-awarded .text-stone {
		top: -30px;
	}
	section.where-grants-do-good h2.yellow {
		margin: 60px auto 30px;
	}
	section.where-grants-do-good .text-stone {
		top: 30px;
	}
	section.where-grants-go-2016 h2.yellow {
		margin: 60px auto 30px;
	}
	section.where-grants-go-2016 .text-stone {
		top: 35px;
	}	
	section.where-grants-go-2016 .star {
	    background-image: url(assets/src/img/2016-annual-report/bg-starburst.png);
	    background-position: top center;
	    background-repeat: no-repeat;
	    min-height: 300px;
	    margin-top: -10px;
	    padding-top: 65px;
	}
	section.where-grants-come-from h2.blue {
		margin: 60px auto 30px;
	}
	/*
	section.where-grants-come-from .text-stone {
		top: -35px;
	}
	*/
	section.where-grants-come-from .highcharts-legend {
		display: none;
	}
	section.endowment-fund-performance h2.blue {
		margin: 60px auto 30px;
	}
	section.endowment-fund-performance .text-stone {
	    right: -110px;
		text-align: right;
		top: 35px;
	}
	section.total-assets-managed h2.orange {
		margin: 60px auto 30px;
	}
	section.total-assets-managed .text-stone {
		right: -110px;
		text-align: right;
		top: 35px;
	}
	section.total-assets-managed .assets-intro {
	    margin-top: 15px;
	}
	section.footer-2016-report div.animated {
		margin: 15px auto;
	}
	section.footer-2016-report .cta-button {
	    margin: 0px auto;
	    padding: 75px 0px 0px;
	    width: 75%;
	}
	section.stories-of-impact .report-card .box__hover {
	    padding: 1em;
	    font-size: 10px;
	    line-height: 14px;
	}
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.25), not all, only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx)
*, *:after, *:before {

	section.where-grants-do-good .text-stone,
	section.where-grants-go-2016 .text-stone {
		top: 30px;
	}
	
	section.total-assets-managed .text-stone {
		right: -80px;
		top: 30px;
	}

}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* 		END: 2016 ANNUAL REPORT
   ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */






/* Smartphones (portrait and landscape) --  --  --  --  -- - */
@media only screen
and (min-device-width : 320px) 
and (max-device-width : 480px) { 
/* Styles */
 	.gform_wrapper .gfield_checkbox li input,
	.gform_wrapper .gfield_checkbox li input[type=checkbox],
	.gform_wrapper .gfield_radio li input[type=radio] {
     	margin-top: 0.30em !important;
	}
}