:root {
	--ff-blue-light:#374291;
	--ff-blue-dark:#222E7F;
	--ff-orange:#e88431;
}

.desktop-item {display:none;}

.container-wide {max-width:1200px;margin:0 auto;padding:0 30px;box-sizing:border-box;}
.container-narrow {max-width:860px;margin:0 auto;padding:0 30px;box-sizing:border-box;}

.spacer-sml {padding-top:30px;padding-bottom:30px;}

.bg-blue-dark {background-color:var(--ff-blue-dark);}
.bg-blue-light {background-color:var(--ff-blue-light);}
.bg-orange {background-color:var(--ff-orange)}

.bg-cover {background-position:center center;background-repeat:no-repeat;background-size:cover;}
.report-2024-wrap {background:url(../images/report-2024/background-texture.webp) center center repeat;color:var(--ff-blue-light);}
.report-2024-wrap h3 {font-size:20px;color:var(--ff-blue-light);}

.font-white h2,
.font-white h3,
.font-white h4,
.font-white p,
.font-white li,
.font-white a {color:#fff;}

.bg-orange a,
.bg-blue-dark a {font-weight:600;text-decoration:underline;text-decoration-color: #FFDBA4;text-decoration-thickness:2px;}
.bg-orange a:hover,
.bg-blue-dark a:hover {text-decoration-color:var(--ff-orange);}

.ff-row:after,
.timeline-row:after,
.wholesale-cols:after {content: ""; display: table; clear: both;}



.report-main-banner {width:100%;padding-bottom:80px;margin-bottom:60px;position:relative;background:var(--ff-blue-dark);}
.report-main-banner img {width:100%;}

.timeline-pic-last {max-width:600px;}
.timeline-row.col-wide {max-width:800px;margin:0 auto;}

.wholesale-content h3 {color:#FFDBA4;margin:0;}


.in-2024 {margin-top:-30px;}

.awards-bar {padding:0 40px 40px;margin-top:140px;background:#4D62AF;color:#fff;}
.awards-bar p:last-of-type {margin-bottom:0;}
.awards-bar .awards-logo {width:150px;margin:0 auto -35px;transform:translateY(-75px);}

.media-spotlight-row {margin-bottom:10px;}
.media-spotlight-row p,
.media-spotlight-row a {font-weight:700;}
.media-spotlight-row a {display:inline-block;padding:5px 10px;min-width:200px;background:#FCC063;color:var(--ff-blue-dark);}
.media-spotlight-row a span {display:inline-block;border-bottom:1px solid var(--ff-blue-dark);}
.media-spotlight-row p {margin:5px;}

.media-spotlight-mobile {border-bottom:2px solid #FCC063}

.donor-bar-title {display: block;font-size: 18px;font-weight: 600;padding: 10px 0;border-bottom: 1px solid #7D95FF;background: url(../images/report-2024/icon-arrow-down.svg) center right no-repeat;background-size: 12px 8px}
.donor-bar-content {display: none;padding: 15px 0;border-bottom: 1px solid var(--ff-blue-dark)}
.donors-accordion {margin-top: 50px;}
.donor-bar.active .donor-bar-title {background-image: url(../images/report-2024/icon-arrow-up.svg)}
.donor-bar.active .donor-bar-content {display: block}
.donors-container {position: relative; z-index: 10;}

	.financials-content {padding-top:50px;}


.team-wrap {border-top:1px solid var(--ff-orange);}
.team-col p {margin-bottom:5px;}
.footer-banner {width:100%;height:200px;}
.footer-contact-info,
.footer-btm-content {padding:40px 0;}

.report-pdf-download {display:inline-block;padding-left:27px;height:22px;line-height:22px;background:url(../images/report-2024/icon-pdf.svg) center left no-repeat;background-size:22px 22px;}

.footer-photo-credits {margin:30px 0;}
.community-content-border ul {margin-bottom:20px;}

@media (max-width:1000px) {
	.team-trigger {padding:20px 0;margin:0;border-top:1px solid var(--ff-orange);background: url(../images/report-2024/icon-arrow-down.svg) center right no-repeat;background-size: 12px 8px;cursor:pointer;}
	.team-col.active .team-trigger {background-image: url(../images/report-2024/icon-arrow-up.svg)}

	/*.team-col p:first-of-type {margin:0;}*/
	.team-trigger-spacer {display:none;}
	.team-col p {display:none;}
	.team-col.active p {display:block;}

	.spacer {padding-top:30px;padding-bottom:30px;}
	.spacer-sml {padding-top:15px;padding-bottom:15px;}

	.record-month-pic {margin-top:20px;}
}
@media (min-width:1000px) {
	.desktop-item {display:block;}
	.mobile-item {display:none;}

	.report-main-banner {padding-left:10%;margin-bottom:0;padding-bottom:0;box-sizing:border-box;background:transparent;}
	.report-main-banner:before {content:"";position:absolute;top:0;left:0;width:100%;height:80%;background:var(--ff-blue-dark);}
	.report-main-banner .desktop-item {position:relative;z-index:2;}

	.intro-ceo {margin-top:-40px;}
	.timeline-row {position:relative;z-index:2;margin-bottom:10px;}
	.timeline-row p {margin-bottom:5px;}
	.timeline-row-left,
	.timeline-row-right,
	.ff-one-half {width:48%;}
	.timeline-row-left,
	.ff-one-half {float:left;}
	.timeline-row-right,
	.ff-one-half.last {float:right;}

	.timeline-row.row-1 .timeline-row-left {transform: translateY(-80px);}
	.timeline-row-left p {width:60%;float:right;}
	.timeline-row-right p:nth-of-type(2) {width:60%;}
	.timeline-row.row-1 .timeline-row-left p {width:100%;float:none;}

	.timeline-row.row-2 .timeline-row-left {margin-top:-50px;}

	.timeline-row.row-2019 .timeline-row-right {transform: translateX(-80px);}

	.timeline-lines-mid {position:relative;}
	.timeline-lines-mid:before {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1440px;height:462px;background:url(../images/report-2024/background-lines-moving.svg) center center no-repeat;background-size:cover;}
	.timeline-lines-mid p {margin:0;}

	.timeline-below-mid {transform:translateY(-45px);}
	.timeline-row-last {transform:translateY(-40px);}

	.timeline-row-wrap {padding-bottom:0;}
	.timeline-row-last-content {margin-top:-40px !important;}

	.in-2024 {margin-top:-60px;}

	.wholesale-content,
	.lacma-btm-content {width:50%;box-sizing:border-box;padding:60px 0;position:relative;z-index:4;}
	.wholesale-content {padding:30px 0;}
	.wholesale-content.col-wide {width:100%;padding:60px 0 0;}
	.wholesale-content.content-left {float:left;padding-right:70px;}
	.wholesale-content.content-right,
	.lacma-btm-content {float:right;padding-left:95px;}
	.wholesale-pic-col .wholesale-content {width:50%;display:flex;align-items:center;padding-top:0;padding-bottom:0;}
	.wholesale-pic-col .wholesale-content p:last-of-type {margin:0;}

	.wholesale-pic-col {position:relative;}
	.wholesale-cols {position:relative;display:flex;justify-content:space-between;align-items:center;}
	.wholesale-floating-pic {width:50%;}

	.wholesale-lines {position:absolute;top:50%;left:5%;width:95%;}
	.wholesale-lines img {display:block;width:100%;}

	.volunteer-wrap {background:url(../images/report-2024/volunteer-img-bg.svg) top right no-repeat;background-size:1500px 630px;}
	.volunteer-top {display:flex;justify-content:space-between;align-items:center;}
	.volunteer-top div {width:50%;box-sizing:border-box;}
	.volunteer-pic-top {padding-right:50px;}
	.volunteer-content-top {padding-left:50px;}

	.awareness-wrap {margin-bottom:-80px;overflow:hidden;background:url(../images/report-2024/awareness-lines.svg) center 250px no-repeat;background-size:1035px 269px;}
	.awareness-intro {display:flex;justify-content:space-between;align-items:center;width:calc(100% - 180px);float:right;margin-top:-170px}
	.awareness-intro-content {width:70%;}
	.awareness-intro-pic {width:25%;}

	.awareness-row-2-inner,
	.awareness-row-3-inner {display:flex;justify-content:space-between;align-items:center;}
	.awareness-row-2-pic,
	.awareness-row-3-pic {width:55%;transform:translateX(-5%);}
	.awareness-row-2-content,
	.awareness-row-3-content {width:45%;}
	.awareness-row-3-pic {transform:translateX(15%);}

	.awareness-row-2-wrap {transform:translateY(-60px);}
	.awareness-row-3-wrap {margin-top:-160px;}

	.community-impact-wrap {overflow:hidden;background:url(../images/report-2024/community-bg.jpg) center center no-repeat;background-size:cover;}
	.community-floating-content {width:35%;margin-bottom:60px;margin-top:30px;float:left;padding:30px 20px 30px 0;position:relative;box-sizing:border-box;color:var(--ff-blue-dark);}
	.community-floating-content:before {content:"";position:absolute;top:0;right:0;width:200%;height:100%;background:url(../images/report-2024/background-texture.webp) center center no-repeat;background-size:cover;}
	.community-content {width:65%;margin-bottom:60px;margin-top:30px;padding-left:60px;float:right;box-sizing:border-box;}

	.community-floating-header {margin-left:40px;}

	.community-floating-inner {position:relative;z-index:2;}
	.community-content-border {display:flex;align-items:center;margin:15px 0;padding-left:65px;min-height:255px;background:url(../images/report-2024/community-img-bracket.svg) center left no-repeat;background-size:45px 255px;}
	.community-content-border ul {margin:0;list-style:none;padding-left:0;}
	.community-content-border ul li {margin-bottom:20px;}

	.financials-graph {text-align:right;padding-top:170px;}
	.financials-content p {margin-bottom:40px;}

	.partner-logo {width:25%;max-width:none;float:left;}
	.partner-content {width:70%;float:right;margin-bottom:40px;}

	.lacma-btm {position:relative;padding-bottom:400px;}
	.lacma-pic {position:absolute;left:0;top:100px;width:80%;}

	.awards-bar {display:flex;justify-content:space-between;padding:20px 40px 0;margin-top:80px;}
	.awards-content {width:calc(100% - 225px);}
	.awards-bar .awards-logo {width:200px;margin:0;transform:translateY(-60px);}

	.donors-wrap {position:relative;overflow:hidden;margin-bottom:60px;}
	.donors-content {width:60%;float:right;}
	.donors-pic {position:absolute;top:0;left:0;width:40%;height:100%;background-position:center right;}

	.team-cols {display:flex;justify-content:space-between;}
	.team-col {width:30%;}

	.footer-banner {height:400px;}
	.footer-content-cols {display:flex;justify-content:space-between;}
	.footer-contact-info {padding:30px;width:35%;box-sizing:border-box;}
	.footer-contact-right {padding-left:30px;width:65%;box-sizing:border-box;}
	.footer-logos-col {width:35%;}

}

@media (min-width:1200px) {
	.intro-ceo {margin-top:-60px;}

	.lacma-btm {padding-bottom:350px;}
	.lacma-pic {top:25px;}

	.timeline-row-last {transform:translateY(-120px);}
	.in-2024 {margin-top:-80px;}

	.awareness-row-2-wrap {transform:translateY(-80px);}
	.awareness-row-3-wrap {margin-top:-200px;}

	.footer-banner {height:600px;}
}
@media (min-width:1400px) {
	.intro-ceo {margin-top:-80px;}

	.in-2024 {margin-top:-100px;}
	.awareness-row-2-wrap {transform:translateY(-100px);}
	.awareness-row-3-wrap {margin-top:-260px;}

	.wholesale-lines {top:35%;}
	.awareness-wrap {overflow:visible;}
}

@media (min-width:1600px) {
	.wholesale-lines {top:30%;left:15%;width:85%;}
}