@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;1,400;1,600&display=swap');

/* ----------------------------------- */
/* COMMON
/* ----------------------------------- */
.hero__wrap--lean { padding: 0; display: none !important; }

#report2020 { background: #FFF; }
#report2020 p,
#report2020 div,
#report2020 li,
#report2020 h1,
#report2020 h2,
#report2020 h3,
#report2020 h4,
#report2020 td,
#report2020 th,
.white-popup * { font: normal 18px/1.48 "Poppins", sans-serif; color: #2D2F34; }
#report2020 h1,
#report2020 h2,
#report2020 h3 { font: normal 18px/1.48 "Poppins", sans-serif; line-height: 1.1; text-transform: none; margin: 0 0 15px 0; }
#report2020 a img, #report2020 a:link img, #report2020 a:visited img { border: none }
#report2020 p { margin: 0 0 15px 0; }
#report2020 ul { padding: 0; }
#report2020 strong { font-weight: 600; }

.report2020-cf:before, .report2020-cf:after { content: " "; display: table; }
.report2020-cf:after { clear: both; }
.report2020-cf { *zoom: 1; }

#report2020 .report2020-container { width: 100%; max-width: 1170px; margin: 0 auto; text-align: left; }

@media screen and (max-width: 1170px) {
	#report2020 .report2020-container { width: 90%; padding-left: 5%; padding-right: 5%; }

}

/* ----------------------------------- */
/* BANNER
/* ----------------------------------- */
#report2020-banner { background: url(images/section_hero_foodbank2.jpg) center / cover no-repeat; height: 100vh; padding: 0 5%; position: relative; }
#report2020-banner h1 { font-size: 82px; text-transform: uppercase; text-align: center; float: right; color: #FFF; padding-top: 100px; }
#report2020-banner h1 span { display: block; font-size: 24px; }
#report2020-banner p.report2020-headline { max-width: 75%; position: absolute; bottom: 100px; font-size: 14vw; color: #FFF; font-weight: 600; line-height: 1; }

@media screen and (max-width: 650px) {
	#report2020-banner { background-image: url(images/section_hero_foodbank_mobile2.jpg); }
	#report2020-banner h1 { float: none; text-align: right; }
	#report2020-banner h1,
	#report2020-banner h1 span { font-size: 24px; font-weight: 400; }
	#report2020-banner h1 span { display: inline; }
	#report2020-banner p.report2020-headline { position: static; margin-top: 100px; }
}

/* ----------------------------------- */
/* WELCOME
/* ----------------------------------- */
#report2020-welcome { background-color: #0069AA;
	background-image: url(images/letter_MarkKay_Clipped_half.png);
	    background-repeat:no-repeat;
		background-size: 400px auto;
	    background-position: calc(50% + 250px) bottom;
	background-attachment: fixed; }
#report2020-welcome.see-bottom { background-attachment: scroll; }
#report2020-welcome .report2020-container {  padding: 100vh 0 30vh 0;  }
#report2020-welcome p { max-width: 50%; color: #FFF; font-size: 16px; }
#report2020-welcome p.report2020-highlight { font-size: 32px; line-height: 1.4; }
#report2020 .report2020-sig { display: inline-block; margin: 0 50px 20px 0; color: #FFF; }
.report2020-sig img { height: 50px; width: auto; }
.report2020-sig strong { font-size: 20px; }

@media screen and (max-width: 650px) {
	#report2020-welcome { padding-bottom: 420px; background-size: auto 400px; background-position: center bottom; background-attachment: scroll; }
	#report2020-welcome p { max-width: 100%; }
	#report2020-welcome .report2020-container {  padding: 75px 0 0 0;  }
}


/* ----------------------------------- */
/* VIDEO
/* ----------------------------------- */
#report2020-video video { width: 100%; height: auto; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ----------------------------------- */
/* TOTAL
/* ----------------------------------- */
#report2020-total { background: url(images/77million_oceanwaterdk.jpg) center / cover no-repeat fixed; padding: 30vh 0; }
#report2020-total .report2020-container { max-width: 770px; }
#report2020-total h2 { font-size: 7vw; line-height: .9; text-transform: uppercase; color: #FFF; font-weight: 600; text-align: center; margin: 0 0 50px 0; }
#report2020-total h2 .report2020-number { display: block; font-size: 15vw; position: relative; }
#report2020-total h2 .report2020-number .report2020-prefix { font-size: 50%; top: -.65em; position: relative; }
#report2020-total h2 .report2020-number .report2020-suffix { font-size: 60%; }
#report2020-total p { font-size: 24px; color: #FFF; line-height: 1.8; text-align: center; }

@media screen and (max-width: 650px) {
	#report2020-total { background: url(images/77million_oceanwaterdk_mobile.jpg) center / cover no-repeat; }
	#report2020-total p { font-size: 18px; }
}

/* ----------------------------------- */
/* IMAGES WITH TEXT
/* ----------------------------------- */
.report2020-text-image .report2020-container { padding: 30vh 0; }
.report2020-text-image--images,
.report2020-text-image--text { width: 47%; }
.report2020-text-image--images { float: left; }
.report2020-text-image--text { float: right; }
.report2020-text-image--images img { margin: 0 0 20px 0; }
#report2020 .report2020-text-image--text h2 { font-size: 28px; color: #0069AA; }

.report2020-text-image-right .report2020-text-image--images { float: right; }
.report2020-text-image-right .report2020-text-image--text { float: left; }


@media screen and (max-width: 650px) {
	.report2020-text-image .report2020-container { display: flex; flex-wrap: wrap; }
	.report2020-text-image--images,
	.report2020-text-image--text { width: 100%; float: none; }
	.report2020-text-image--images { order: 2; }
	.report2020-text-image--text { order: 1; }
}


/* ----------------------------------- */
/* BLUR ACTION
/* ----------------------------------- */
.report2020-blur-action { position: relative; overflow: hidden; }
.report2020-blur-action .report2020-container { position: relative; z-index: 10; padding: 70vh 0 30vh 0; }
#report2020 .report2020-blur-action h2 { font-size: 120px; color: #FFF; font-weight: 600; max-width: 50%; margin-bottom: 100px; }
#report2020 .report2020-blur-description { font-size: 18px; color: #FFF; border-bottom: 1px solid #FFF; padding-bottom: 40px; margin-bottom: 40px; }

@media screen and (max-width: 650px) {
	#report2020 .report2020-blur-action h2 { font-size: 44px; }
	#report2020 .report2020-blur-description { font-size: 18px; }
}

/* ----------------------------------- */
/* STATS
/* ----------------------------------- */
#report2020-stats { background: url(images/section_meeting_need.jpg) center / cover no-repeat fixed; }
#report2020-stats .report2020-blur-action-image {
	position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 0;
	background: url(images/section_meeting_need_blur.jpg) center / cover no-repeat fixed;
}

#report2020-stats:after {
	content: "";
	position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1;
	background: rgb(243,111,33);
	background: linear-gradient(0deg, rgba(243,111,33,0.3) 0%, rgba(243,111,33,0.3) 50%, rgba(243,111,33,0) 100%);
}
#report2020-stat-data > ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
#report2020-stat-data > ul > li { list-style: none; width: 45%; margin: 0 0 40px 0; }
#report2020-stat-data > ul > li > a { font-size: 36px; display; block; line-height: 1.1; font-weight: 600; color: #FFF; }
#report2020-stat-data > ul > li > a > span { display: block; color: #F3CF1E; }

#report2020-stats p { color: #FFF; }

.mfp-bg, .mfp-wrap { z-index: 99999 !important; }
.white-popup { max-width: 680px; padding: 50px 70px; }
.white-popup h3 { color: #F3CF1E; font-weight: 600; font-size: 36px; text-transform: none; margin: 0 0 25px 0; }
.report2020-data table { width: 100%; }
.report2020-data th,
.report2020-data td { padding: 8px 0; border-bottom: 1px solid #707070; }
.report2020-data td { text-align: right; }

@media screen and (max-width: 650px) {
	#report2020-stats { background-image: url(images/section_meeting_need_mobile.jpg); }
	#report2020-stats .report2020-blur-action-image { background-image: url(images/section_meeting_need_mobile_blur.jpg); }

	#report2020-stat-data > ul { display: block; }
	#report2020-stat-data > ul > li { width: 100%; }
	#report2020-stat-data > ul > li > a { font-size: 28px; }
	#report2020-stat-data > ul > li > a > span { font-size: 42px; }
	#report2020-stat-data p { text-align: left !important; }
}


/* ----------------------------------- */
/* QUOTE
/* ----------------------------------- */
.report2020-quote { background: #EDEDED; }
#report2020 .report2020-quote .report2020-container { padding: 30vh 0; max-width: 970px; text-align: center; }
/*.report2020-quote blockquote { position: relative; top: 50%; transform: translateY(-50%); }*/
#report2020 .report2020-quote p { font-size: 36px; font-style: italic; color: #27AAE1; }
.report2020-quote footer { font-size: 20px; font-style: normal; display: block; margin-top: 40px; }
.report2020-quote footer span { display: block; text-transform: uppercase; font-weight: 600; }

@media screen and (max-width: 650px) {
	.report2020-quote { height: auto; padding: 120px 0; }
	/*#report2020 .report2020-quote .report2020-container { position: static; top: 0; transform: translateY(0); }*/
	#report2020 .report2020-quote p { font-size: 28px; line-height: 1.2; }
}


/* ----------------------------------- */
/* ALTERNATING IMAGE TEXT
/* ----------------------------------- */
.report2020-simple-image-text { padding: 30vh 0; }
.report2020-simple-image-text-row { display: flex; justify-content: space-between; align-items: center; margin: 0 0 200px 0; }
.report2020-simple-image-text .report2020-simple-image-text-row:last-of-type { margin: 0; }
.report2020-simple-image-text--image,
.report2020-simple-image-text--text { width: 48%; }
.report2020-simple-image-text .report2020-simple-image-text-row:nth-of-type( 2 ) .report2020-simple-image-text--image { order: 2; }
.report2020-simple-image-text .report2020-simple-image-text-row:nth-of-type( 2 ) .report2020-simple-image-text--text { order: 1; }
#report2020 .report2020-simple-image-text--text h2 { font-size: 28px; color: #0069AA; }

@media screen and (max-width: 650px) {
	.report2020-simple-image-text-row { flex-wrap: wrap; margin: 0; }
	.report2020-simple-image-text--image,
	.report2020-simple-image-text--text { width: 100%; margin: 0 0 20px 0; }
}

/* ----------------------------------- */
/* PHILANTHROPY
/* ----------------------------------- */
#report2020-philanthropy { background: url(images/section_crisis_philanthropy.jpg) center / cover no-repeat fixed; }
#report2020-philanthropy .report2020-blur-action-image {
	position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 0;
	background: url(images/section_crisis_philanthropy_blur.jpg) center / cover no-repeat fixed;
}

#report2020-philanthropy:after {
	content: "";
	position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1;
	background: rgb(243,207,30,0);
	background: linear-gradient(0deg, rgba(243,207,30,0.3) 0%, rgba(243,207,30,0.3) 50%, rgba(243,207,30,0) 100%);
}

#report2020-philanthropy-data { display: flex; justify-content: space-between; margin: 0 0 50px 0; }
#report2020-philanthropy-data ul { flex-basis: 65%; }
#report2020-philanthropy-data li { list-style: none; font-size: 30px; color: #FFF; font-weight: 600; margin: 0 0 5px 0; }
#report2020-philanthropy-data li span { font-weight: 400; }
#report2020-philanthropy-data li:before { content: ""; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; width: 28px; height: 28px; border-radius: 50%; background-color: #FFF; }
#report2020-philanthropy-data li:nth-child( 2 ):before { background-color: #66A4A5; }
#report2020-philanthropy-data li:nth-child( 3 ):before { background-color: #A2C02F; }
#report2020-philanthropy-data li:nth-child( 4 ):before { background-color: #27AAE1; }
#report2020-philanthropy-data li:nth-child( 5 ):before { background-color: #F36F21; }
#report2020-philanthropy-data li:nth-child( 6 ):before { background-color: #F3CF1E; }
#report2020-philanthropy-data li:nth-child( 7 ):before { background-color: #999999; }
#report2020-philanthropy-data li:nth-child( 8 ):before { background-color: #CCCCCC; }
#report2020-philanthropy-data img { flex-basis: 35%; }

#report2020-philanthropy p { color: #FFF; }


@media screen and (max-width: 650px) {
	#report2020-philanthropy { background-image: url(images/section_crisis_philanthropy_mobile.jpg); }
	#report2020-philanthropy .report2020-blur-action-image { background-image: url(images/section_crisis_philanthropy_mobile_blur.jpg); }

	#report2020-philanthropy-data { flex-wrap: wrap; }
	#report2020-philanthropy-data ul { flex-basis: 100%; order: 2; }
	#report2020-philanthropy-data img { order: 1; }
	#report2020-philanthropy-data li { font-size: 18px;  }
	#report2020-philanthropy-data li:before { width: 18px; height: 18px; }

}

/* ----------------------------------- */
/* SAN DIEGO
/* ----------------------------------- */
#report2020-san-diego { background: url(images/section_for_by_SanDiegans.jpg) center / cover no-repeat fixed; }
#report2020-san-diego .report2020-blur-action-image {
	position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 0;
	background: url(images/section_for_by_SanDiegans_blur.jpg) center / cover no-repeat fixed;
}

#report2020-san-diego:after {
	content: "";
	position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1;
	background: rgb(162,192,47);
	background: linear-gradient(0deg, rgba(162,192,47,0.3) 0%, rgba(162,192,47,0.3) 50%, rgba(162,192,47,0) 100%);
}
#report2020 #report2020-san-diego.report2020-blur-action h2 { max-width: 100%; }

#report2020-san-diego-data {  }
#report2020-san-diego-data ul { display: flex; text-align: center; }
#report2020-san-diego-data li { list-style: none; flex-basis: 33%; }
#report2020-san-diego-data li h3 { font-size: 36px; color: #FFF; margin: 20px 0 0 0; }
#report2020-san-diego-data li p { font-size: 44px; font-weight: 600; }
#report2020-san-diego-data li:nth-child( 1 ) p { color: #54CAFC; }
#report2020-san-diego-data li:nth-child( 2 ) p { color: #A2C02F; }
#report2020-san-diego-data li:nth-child( 3 ) p { color: #F3CF1E; }

#report2020-san-diego-barchart ul { display: flex; }
#report2020-san-diego-barchart li { list-style: none; padding: 15px; color: #FFF; font-size: 30px; text-transform: uppercase; }
#report2020-san-diego-barchart li:nth-child( 1 ) { flex-basis: 86%; background-color: #27AAE1; }
#report2020-san-diego-barchart li:nth-child( 2 ) { flex-basis: 7%; background-color: #A2C02F; }
#report2020-san-diego-barchart li:nth-child( 3 ) { flex-basis: 7%; background-color: #F3CF1E; }

#report2020-san-diego p { color: #FFF; }

@media screen and (max-width: 960px) {
	#report2020-san-diego-data h3 { font-size: 28px; }
	#report2020-san-diego-data li p { font-size: 36px; }

}
@media screen and (max-width: 650px) {
	#report2020-san-diego { background-image: url(images/section_for_by_SanDiegans_mobile.jpg); }
	#report2020-san-diego .report2020-blur-action-image { background-image: url(images/section_for_by_SanDiegans_mobile_blur.jpg); }

	#report2020-san-diego-data ul { display: block; text-align: left; }
	#report2020-san-diego-data li { margin: 0 0 20px 0; }
	#report2020-san-diego-data li img { float: left; width: 60px;  }
	#report2020-san-diego-data li h3,
	#report2020-san-diego-data li p { margin: 0 0 0 85px; }

	#report2020-san-diego-barchart li { height: 150px; }
	#report2020-san-diego-barchart li span { font-size: 20px; display: block; transform-origin: 10px 10px; transform: rotate(90deg); }
}

/* ----------------------------------- */
/* LEGACY
/* ----------------------------------- */
#report2020-legacy .report2020-text-image--images { order: 1; }
#report2020-legacy .report2020-text-image--text { order: 2; }

/* ----------------------------------- */
/* INVESTING
/* ----------------------------------- */
#report2020-investing { background: url(images/section_brighter_future.jpg) center / cover no-repeat fixed; }
#report2020-investing .report2020-blur-action-image {
	position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 0;
	background: url(images/section_brighter_future_blur.jpg) center / cover no-repeat fixed;
}

#report2020-investing:after {
	content: "";
	position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1;
	background: rgb(39,170,225);
	background: linear-gradient(0deg, rgba(39,170,225,0.3) 0%, rgba(39,170,225,0.3) 50%, rgba(39,170,225,0) 100%);
}
#report2020 #report2020-investing.report2020-blur-action h2 { max-width: 100%; }

#report2020-investing-data { margin: 0 0 40px 0; }
#report2020-investing-data img:nth-child( 2 ) { display: none; }

#report2020-investing p { color: #FFF; }

#report2020-investing-actions { display: flex; justify-content: space-between; margin-top: 50px; }
#report2020-investing-actions a { display: inline-block; text-align: center; border-radius: 30px; border: 1px solid #FFF; padding: 8px 40px; color: #FFF; text-decoration: none; font-size: 20px; font-weight: normal; margin: 0 0 15px 0;}
#report2020-investing-actions a:hover { background: #FFF; color: #000; }

@media screen and (max-width: 650px) {
	#report2020-investing { background-image: url(images/section_brighter_future_mobile.jpg); }
	#report2020-investing .report2020-blur-action-image { background-image: url(images/section_brighter_future_mobile_blur.jpg); }
	#report2020-investing-data img:nth-child( 1 ) { display: none; }
	#report2020-investing-data img:nth-child( 2 ) { display: block; }
	#report2020-investing-actions { display: block; margin: 0 0 15px 0; }
}

/* ----------------------------------- */
/* ACTION
/* ----------------------------------- */
#report2020-action { background: url(images/section_philanthropy_in_action.jpg) center / cover no-repeat fixed; }
#report2020-action .report2020-blur-action-image {
	position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 0;
	background: url(images/section_philanthropy_in_action_blur.jpg) center / cover no-repeat fixed;
}
#report2020-action:after {
	content: "";
	position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1;
	background: rgb(243,207,30);
	background: linear-gradient(0deg, rgba(243,207,30,0.3) 0%, rgba(243,207,30,0.3) 50%, rgba(243,207,30,0) 100%);
}
#report2020 #report2020-action.report2020-blur-action h2 { max-width: 70%; }


#report2020-action-data { margin: 0 0 40px 0; }
#report2020-action-data-primary { margin: 0 0 100px 0; }
#report2020-action-data-primary ul { display: flex; }
#report2020-action-data-primary li { list-style: none; padding: 75px 20px 20px 20px; color: #FFF; font-size: 20px; text-transform: uppercase; line-height: 1; }
#report2020-action-data-primary li div { max-width: 100px; color: #FFF; line-height: 1; }
#report2020-action-data-primary li span { font-size: 100px; font-weight: 600; }
#report2020-action-data-primary li div > span { display: block; line-height: .8; }
#report2020-action-data-primary li span span { position: relative; top: -.5em; font-size: 60%; }
#report2020-action-data-primary li:nth-child( 1 ) { flex-basis: 63%; background: url(images/philanthropy_donor_advised.png) bottom right / auto 100% no-repeat #27AAE1;	}
#report2020-action-data-primary li:nth-child( 2 ) { flex-basis: 37%; background: url(images/section_phil_organization.png) bottom right / auto 100% no-repeat #F3CF1E; }

#report2020 #report2020-action-data-secondary { padding: 30px; background: url(images/philanthropy_donor_annual_payout.png) bottom right / auto 100% no-repeat #A2C02F; }
#report2020 #report2020-action-data-secondary div { max-width: 200px; color: #FFF; font-size: 20px; text-transform: uppercase; line-height: 1; }
#report2020-action-data-secondary span { font-size: 160px; font-weight: 600; }
#report2020-action-data-secondary div > span { display: block; line-height: .8; }
#report2020-action-data-secondary span span { position: relative; top: -.5em; font-size: 60%; }

#report2020-action p { color: #FFF; }

#report2020-action-actions { display: flex; justify-content: space-between; margin-top: 50px; }
#report2020-action-actions a { display: inline-block; text-align: center; border-radius: 30px; border: 1px solid #FFF; padding: 8px 40px; color: #FFF; text-decoration: none; font-size: 20px; font-weight: normal; margin: 0 0 15px 0;}
#report2020-action-actions a:hover { background: #FFF; color: #000; }

@media screen and (max-width: 760px) {
	#report2020-action-data-primary li { padding: 20px 10px 200px 10px; background-size: auto 190px !important; font-size: 18px; }
	#report2020-action-data-primary li:nth-child( 2 ) { background-position: bottom right -30px !important; }
	#report2020-action-data-primary li span { font-size: 60px; }
	#report2020 #report2020-action-data-secondary { padding: 20px 20px 100px 20px; background-size: auto 190px !important; }
	#report2020-action-actions a { display: block; margin: 0 0 15px 0; }

}
@media screen and (max-width: 650px) {
	#report2020-action { background-image: url(images/section_philanthropy_in_action_mobile.jpg); }
	#report2020-action .report2020-blur-action-image { background-image: url(images/section_philanthropy_in_action_mobile_blur.jpg); }
	#report2020-action-actions { display: block; margin: 0; }
}

/* ----------------------------------- */
/* QUOTE w IMAGE
/* ----------------------------------- */
.report2020-quote-image { background: url(images/quote_CarolineWinn.png) bottom right / 45% auto no-repeat fixed #EDEDED; padding: 30vh 0; }
.report2020-quote-image.see-bottom { background-attachment: scroll; }
.report2020-quote-image blockquote { max-width: 55%; }
#report2020 .report2020-quote-image blockquote p { font-size: 36px; font-style: italic; color: #27AAE1; }
.report2020-quote-image footer { font-size: 20px; font-style: normal; display: block; margin-top: 40px; }
.report2020-quote-image footer span { display: block; text-transform: uppercase; font-weight: 600; }

.report2020-quote-extra { max-width: 55%; margin-top: 60vh; }
#report2020 .report2020-quote-extra h2 { color: #0069AA; font-size: 28px; }

@media screen and (max-width: 650px) {
	.report2020-quote-image { background-attachment: scroll; background-size: auto 350px; padding-bottom: 400px; }
#report2020 .report2020-quote-image blockquote { max-width: 100%; /*background: url(images/quote_CarolineWinn.png) bottom right / auto 200px no-repeat; padding: 0 0 200px 0;*/ }
	#report2020 .report2020-quote-image blockquote p { font-size: 28px; line-height: 1.2; }
	.report2020-quote-extra { max-width: 100%; margin-top: 75px; }
}

/* ----------------------------------- */
/* GIVING
/* ----------------------------------- */
#report2020-giving { background: url(images/section_giving_together.jpg) center / cover no-repeat fixed; }
#report2020-giving .report2020-blur-action-image {
	position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 0;
	background: url(images/section_giving_together_blur.jpg) center / cover no-repeat fixed;
}
#report2020-giving:after {
	content: "";
	position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1;
	background: rgb(243,111,33);
	background: linear-gradient(0deg, rgba(243,111,33,0.3) 0%, rgba(243,111,33,0.3) 50%, rgba(243,111,33,0) 100%);
}
#report2020 #report2020-giving.report2020-blur-action h2 { max-width: 100%; }
#report2020 #report2020-giving .report2020-blur-description { border: none; }

#report2020-giving-data { margin: 0 0 40px 0; }
#report2020-giving-data h3 { font-size: 36px; text-transform: uppercase; color: #FFF; border-bottom: 1px solid #FFF; padding: 0 0 15px 0; margin: 0 0 15px 0; }
#report2020-giving-data table { width: 100%; }
#report2020 .report2020-giving-data-row { padding: 10px 0; border-bottom: 1px solid #FFF; font-weight: 600; }
#report2020 .report2020-giving-data-row span:first-child { display: inline-block; width: 250px; }
#report2020 .report2020-giving-data-row:nth-of-type( 1 ) { font-size: 60px; color: #66A4A5; }
#report2020 .report2020-giving-data-row:nth-of-type( 2 ) { font-size: 70px; color: #A2C02F; }
#report2020 .report2020-giving-data-row:nth-of-type( 3 ) { font-size: 80px; color: #F3CF1E; }

#report2020-giving p { color: #FFF; }

#report2020-giving-actions { margin-top: 50px; }
#report2020-giving-actions a { display: inline-block; text-align: center; border-radius: 30px; border: 1px solid #FFF; padding: 8px 40px; color: #FFF; text-decoration: none; font-size: 20px; font-weight: normal; margin: 0 40px 15px 0; }
#report2020-giving-actions a:hover { background: #FFF; color: #000; }

@media screen and (max-width: 960px) {
	#report2020 .report2020-giving-data-row { padding: 10px 0 40px 0; }
	#report2020 .report2020-giving-data-row span { display: block; line-height: .8; }
}
@media screen and (max-width: 650px) {
	#report2020-giving { background-image: url(images/section_giving_together_mobile.jpg); }
	#report2020-giving .report2020-blur-action-image { background-image: url(images/section_giving_together_mobile_blur.jpg); }
	#report2020 .report2020-giving-data-row:nth-of-type( 1 ) { font-size: 30px; color: #66A4A5; }
	#report2020 .report2020-giving-data-row:nth-of-type( 2 ) { font-size: 36px; color: #A2C02F; }
	#report2020 .report2020-giving-data-row:nth-of-type( 3 ) { font-size: 42px; color: #F3CF1E; }
	#report2020-giving-actions a { display: block; margin: 0 0 15px 0; }
}


/* ----------------------------------- */
/* AFFILIATES
/* ----------------------------------- */
#report2020-affiliates { background: #0069AA; padding: 30vh 0 50vh 0; position: relative; }
#report2020-affiliates:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(images/regional_affiliates.png) bottom center / auto 40vh no-repeat fixed; }
#report2020-affiliates.see-bottom:after { background-attachment: scroll; }
#report2020-affiliates h2 { color: #FFF; font-size: 36px; }
#report2020-affiliates p { color: #FFF; }

@media screen and (max-width: 650px) {
	#report2020-affiliates { padding-bottom: 200px; }
	#report2020-affiliates:after { background: url(images/regional_affiliates_mobile.png) bottom center / 100% auto no-repeat fixed; }
}


/* ----------------------------------- */
/* CLIMATE
/* ----------------------------------- */
#report2020-climate { background: url(images/section_equity_climate.jpg) center / cover no-repeat fixed; }
#report2020-climate .report2020-blur-action-image {
	position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 0;
	background: url(images/section_equity_climate_blur.jpg) center / cover no-repeat fixed;
}
#report2020-climate:after {
	content: "";
	position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1;
	background: rgb(0,105,170);
	background: linear-gradient(0deg, rgba(0,105,170,0.3) 0%, rgba(0,105,170,0.3) 50%, rgba(0,105,170,0) 100%);
}
#report2020 #report2020-climate.report2020-blur-action h2 { margin-bottom: 30px; }
#report2020 #report2020-climate .report2020-blur-description { border: none; }
#report2020 #report2020-climate.report2020-blur-action h2,
#report2020 #report2020-climate .report2020-blur-description { max-width: 60%; }

@media screen and (max-width: 650px) {
	#report2020-climate { background-image: url(images/section_equity_climate_mobile.jpg); }
	#report2020-climate .report2020-blur-action-image { background-image: url(images/section_equity_climate_mobile_blur.jpg); }
	#report2020 #report2020-climate.report2020-blur-action h2,
	#report2020 #report2020-climate .report2020-blur-description { max-width: 100%; }
}

/* ----------------------------------- */
/* MARK QUOTE
/* ----------------------------------- */
#report2020-quote-mark { background: url(images/mark_quote.jpg) center / cover no-repeat fixed; padding: 30vh 0; }
#report2020 #report2020-quote-mark .report2020-container { max-width: 1170px; }
#report2020-quote-mark blockquote { max-width: 50%; margin: 0; text-align: left; }
#report2020 #report2020-quote-mark blockquote p { color: #0069AA; }

@media screen and (max-width: 650px) {
	#report2020-quote-mark { background: none; height: auto; padding: 0; }
	#report2020 .report2020-quote .report2020-container { padding: 100px 0 30vh; }
	#report2020-quote-mark-mobile-image { background: url(images/mark_quote.jpg) center / cover no-repeat; height: 30vh; }
	#report2020-quote-mark blockquote { max-width: 100%; }
}

/* ----------------------------------- */
/* VALUES
/* ----------------------------------- */
#report2020-values { background: url(images/section_values.jpg) center / cover no-repeat fixed; }
#report2020-values .report2020-blur-action-image {
	position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 0;
	background: url(images/section_values_blur.jpg) center / cover no-repeat fixed;
}
#report2020-values:after {
	content: "";
	position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1;
	background: rgb(162,192,47);
	background: linear-gradient(0deg, rgba(162,192,47,0.3) 0%, rgba(162,192,47,0.3) 50%, rgba(162,192,47,0) 100%);
}

#report2020 #report2020-values.report2020-blur-action h2{ max-width: 100%; }

#report2020-values-data { margin-top: 150px; }
#report2020-values-data h3 { font-size: 60px; font-weight: 600; text-align: center; color: #FFF; }
#report2020-values-data li { list-style: none; margin: 0 0 10px 0; padding: 30px 0 30px 40px; display: flex; align-items: center; }
#report2020-values-data li h4 { font-size: 80px; line-height: .8; color: #FFF; font-weight: 600; flex-basis: 45%; margin: 0; }
#report2020-values-data li p { color: #FFF; flex-basis: 25%; margin: 0; }
#report2020-values-data li:nth-child( 1 ) { background: url(images/value_people.png) right bottom / auto 100% no-repeat #0069AA; }
#report2020-values-data li:nth-child( 2 ) { background: url(images/value_partners.png) right bottom / auto 100% no-repeat #27AAE1; }
#report2020-values-data li:nth-child( 3 ) { background: url(images/value_regional.png) right bottom / auto 100% no-repeat #A2C02F; }

@media screen and (max-width: 1170px) {
	#report2020-values-data li { display: block; padding-right: 50%; }
	#report2020-values-data li h4 { margin: 0 0 20px 0; font-size: 6vw; }
}
@media screen and (max-width: 650px) {
	#report2020-values { background-image: url(images/section_values_mobile.jpg); }
	#report2020-values .report2020-blur-action-image { background-image: url(images/section_values_mobile_blur.jpg); }
	#report2020-values .report2020-container { width: 100%; padding-left: 0; padding-right: 0; }
	#report2020-values h2,
	#report2020-values .report2020-blur-description,
	#report2020-values h3 { margin-left: 5%; margin-right: 5%; }
	#report2020-values-data h3 { font-size: 36px; text-align: left; }
	#report2020-values-data li { background-size: 50% auto !important; padding-left: 5%; padding-right: 50%; }
	#report2020-values-data li h4 { font-size: 28px; }
	#report2020-values-data li p { font-size: 16px; }
}

/* ----------------------------------- */
/* JOIN
/* ----------------------------------- */
#report2020-join { background: url(images/joinus.jpg) center / cover no-repeat fixed; padding: 30vh 0; }
#report2020-join .report2020-container { max-width: 570px; text-align: center; }
#report2020-join h2 { font-size: 8vw; color: #FFF; font-weight: 600; }
#report2020-join a { display: block; border-radius: 30px; padding: 8px 0; margin: 0 0 10px 0; border: 2px solid #FFF; color: #000; font-weight: 400; }
#report2020-join a:hover { background: #FFF !important; }
#report2020-join a:nth-of-type( 1 ) { background-color: #f3cf1e; }
#report2020-join a:nth-of-type( 1 ):hover { color: #f3cf1e; }
#report2020-join a:nth-of-type( 2 ) { background-color: #a2c02f; }
#report2020-join a:nth-of-type( 2 ):hover { color: #a2c02f; }
#report2020-join a:nth-of-type( 3 ) { background-color: #27aae1; }
#report2020-join a:nth-of-type( 3 ):hover { color: #27aae1; }
#report2020-join p { color: #FFF; margin-top: 130px; font-size: 20px; }