/*Apologies to future developers - this is not nearly as organized as I would like.*/

/*variables start*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
  font-family: "ABC Maxi Plus";
  src: url("/wp-content/themes/Skillman/styles-custom-pages/annual-report-2025/ABCMaxiPlusVariable.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
}



:root {
	--purple: #E2B2EC;
	--yellow: #F8DF71;
	--footer-yellow: #F5D32D;
	--green: #008347;
	--blue: #CCEBFF;
	--red: #C8191A;
	--pink: #FED1CB;
	--dark-green: #17654B;
	--orange: #FED983;
	--dark-purple: #6336A8;
	--teal: #0E5C61;
	--font-main: 'Manrope', sans-serif;
	--font-accent: "ABC Maxi Plus", sans-serif;
	--white-line-height: 1.2em;
	--white-line-width: 7px;
	--white-line-color: white;
	--footer-yellow-line-color: #F5D32D;
	--white-line-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='139' viewBox='0 0 11 139'%3E%3Cfilter id='r' x='0' y='0' width='11' height='139' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25 0.25' numOctaves='3' seed='9348'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='4' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M5.5 2L5.5 137' stroke='%23FFFFFF' stroke-width='9' filter='url(%23r)'/%3E%3C/svg%3E");
	/*teal copy of rough-line.svg - colors can't be passed into an svg image, so the teal hex (#0E5C61) is written in as %230E5C61*/
	--teal-line-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='139' viewBox='0 0 11 139'%3E%3Cfilter id='r' x='0' y='0' width='11' height='139' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25 0.25' numOctaves='3' seed='9348'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='4' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M5.5 2L5.5 137' stroke='%230E5C61' stroke-width='9' filter='url(%23r)'/%3E%3C/svg%3E");
	--green-line-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='139' viewBox='0 0 11 139'%3E%3Cfilter id='r' x='0' y='0' width='11' height='139' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25 0.25' numOctaves='3' seed='9348'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='4' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M5.5 2L5.5 137' stroke='%23008347' stroke-width='9' filter='url(%23r)'/%3E%3C/svg%3E");
	--red-line-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='139' viewBox='0 0 11 139'%3E%3Cfilter id='r' x='0' y='0' width='11' height='139' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25 0.25' numOctaves='3' seed='9348'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='4' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M5.5 2L5.5 137' stroke='%23C8191A' stroke-width='9' filter='url(%23r)'/%3E%3C/svg%3E");
	--dark-purple-line-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='139' viewBox='0 0 11 139'%3E%3Cfilter id='r' x='0' y='0' width='11' height='139' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25 0.25' numOctaves='3' seed='9348'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='4' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M5.5 2L5.5 137' stroke='%236336A8' stroke-width='9' filter='url(%23r)'/%3E%3C/svg%3E");
	--dark-green-line-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='139' viewBox='0 0 11 139'%3E%3Cfilter id='r' x='0' y='0' width='11' height='139' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25 0.25' numOctaves='3' seed='9348'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='4' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M5.5 2L5.5 137' stroke='%2317654B' stroke-width='9' filter='url(%23r)'/%3E%3C/svg%3E");
	--footer-yellow-line-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='139' viewBox='0 0 11 139'%3E%3Cfilter id='r' x='0' y='0' width='11' height='139' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25 0.25' numOctaves='3' seed='9348'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='4' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M5.5 2L5.5 137' stroke='%23F5D32D' stroke-width='9' filter='url(%23r)'/%3E%3C/svg%3E");
			--yellow-line-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='139' viewBox='0 0 11 139'%3E%3Cfilter id='r' x='0' y='0' width='11' height='139' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25 0.25' numOctaves='3' seed='9348'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='4' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M5.5 2L5.5 137' stroke='%23F8DF71' stroke-width='9' filter='url(%23r)'/%3E%3C/svg%3E");
			--pink-line-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='139' viewBox='0 0 11 139'%3E%3Cfilter id='r' x='0' y='0' width='11' height='139' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25 0.25' numOctaves='3' seed='9348'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='4' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M5.5 2L5.5 137' stroke='%23FED1CB' stroke-width='9' filter='url(%23r)'/%3E%3C/svg%3E");				
			--orange-line-image: url("data:imageg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='139' viewBox='0 0 11 139'%3E%3Cfilter id='r' x='0' y='0' width='11' height='139' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25 0.25' numOctaves='3' seed='9348'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='4' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M5.5 2L5.5 137' stroke='%23FED983' stroke-width='9' filter='url(%23r)'/%3E%3C/svg%3E");

			--blue-line-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='139' viewBox='0 0 11 139'%3E%3Cfilter id='r' x='0' y='0' width='11' height='139' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25 0.25' numOctaves='3' seed='9348'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='4' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M5.5 2L5.5 137' stroke='%23CCEBFF' stroke-width='9' filter='url(%23r)'/%3E%3C/svg%3E");
	

	/*horizontal version of rough-line.svg, drawn at the bottom of whatever box it fills*/
	--white-line-image-horizontal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 8' preserveAspectRatio='xMinYMax meet'%3E%3Cfilter id='r' x='0' y='-4' width='400' height='16' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='3' seed='9348' stitchTiles='stitch'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='3' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M-10 4H410' stroke='white' stroke-width='5' filter='url(%23r)'/%3E%3C/svg%3E");
	--green-line-image-horizontal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 8' preserveAspectRatio='xMinYMax meet'%3E%3Cfilter id='r' x='0' y='-4' width='400' height='16' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='3' seed='9348' stitchTiles='stitch'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='3' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M-10 4H410' stroke='%23008347' stroke-width='5' filter='url(%23r)'/%3E%3C/svg%3E");
	--red-line-image-horizontal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 8' preserveAspectRatio='xMinYMax meet'%3E%3Cfilter id='r' x='0' y='-4' width='400' height='16' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='3' seed='9348' stitchTiles='stitch'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='3' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M-10 4H410' stroke='%23C8191A' stroke-width='5' filter='url(%23r)'/%3E%3C/svg%3E");
	--dark-green-line-image-horizontal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 8' preserveAspectRatio='xMinYMax meet'%3E%3Cfilter id='r' x='0' y='-4' width='400' height='16' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='3' seed='9348' stitchTiles='stitch'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='3' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M-10 4H410' stroke='%2317654B' stroke-width='5' filter='url(%23r)'/%3E%3C/svg%3E");
	--dark-purple-line-image-horizontal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 8' preserveAspectRatio='xMinYMax meet'%3E%3Cfilter id='r' x='0' y='-4' width='400' height='16' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='3' seed='9348' stitchTiles='stitch'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='3' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M-10 4H410' stroke='%236336A8' stroke-width='5' filter='url(%23r)'/%3E%3C/svg%3E");
	--footer-yellow-line-image-horizontal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 8' preserveAspectRatio='xMinYMax meet'%3E%3Cfilter id='r' x='0' y='-4' width='400' height='16' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='3' seed='9348' stitchTiles='stitch'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='3' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M-10 4H410' stroke='%23F5D32D' stroke-width='5' filter='url(%23r)'/%3E%3C/svg%3E");
	/*twice-as-thick fuzzy line used as a mask for hr elements, so the line takes on the hr's text color*/
	--fuzzy-line-mask-thick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 8'%3E%3Cfilter id='r' x='0' y='-4' width='400' height='16' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='3' seed='9348' stitchTiles='stitch'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='3' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M-10 4H410' stroke='black' stroke-width='8' filter='url(%23r)'/%3E%3C/svg%3E");
	--fuzzy-padding-amount: 10px;
	--horizontal-track-spacer: 30px;
	--block-spacer: 50px;
}
/*variables end*/




html {
  scroll-behavior: smooth;
}

/*fonts start*/
/*left border*/
h1.wp-block-heading, 
h2.wp-block-heading, 
h3.wp-block-heading, 
h4.wp-block-heading, 
h5.wp-block-heading, 
h6.wp-block-heading, 
p.wp-block-paragraph,
figure.wp-block-pullquote blockquote p,
h2.purple-background,
.grants h2.wp-block-heading {
	word-wrap: break-word;
	word-break: break-word;

}


h1, 
h1.wp-block-heading,
.grants h2.wp-block-heading  {
	font-size: 5.2rem;
	line-height: 1.2em;
}
h1, 
h1.wp-block-heading,
.grants h2.wp-block-heading {
	font-family: var(--font-accent);
	color: black;
}
h1, 
h1.wp-block-heading {
	font-weight: 700;
}
.grants h2.wp-block-heading {
	font-weight: 500;
}
h2,
h2.wp-block-heading,
p.match-h2.wp-block-paragraph,
blockquote.wp-block-quote p,
.orange-section.horizontal-track > .horizontal-panel:nth-child(3) ul.wp-block-list > li {
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 1.3em;
}
h2,
h2.wp-block-heading,
p,
figure.wp-block-pullquote blockquote p,
blockquote.wp-block-quote p {
	font-family: var(--font-main);
	font-style: normal;
	color: black;
	letter-spacing: -0.01em;
}
h3.wp-block-heading {
	font-size: 3rem;
	font-family: var(--font-main);
}
.grants h3.wp-block-heading {
	font-size: 5.2rem;
}
p,
p.wp-block-paragraph,
.grants ul.wp-block-list > li {
	font-size: 2.2rem;
	font-weight: 500;
}
p strong,
p.wp-block-paragraph strong {
    font-weight: 800;
}
pre.wp-block-verse,
.wp-block-media-text p,
figcaption {
    background: none;
    font-size: 1.8rem;
	font-weight: 500;
	font-family: "Chivo", sans-serif;
}
.wp-block-media-text p {
	text-align: right;
	border: none;
}
p a, 
h3 a:hover,
.wp-block-media-text p a,
.grants.white-section a:hover {
	text-decoration: underline !important;
}
p a:hover,
.wp-block-media-text p a:hover,
.grants.white-section a:hover {
	opacity: .75;
}
p.wp-block-paragraph {
	margin-bottom: var(--block-spacer);
}
.wp-block-column p.wp-block-paragraph:last-child {
    margin-bottom: 0;
}
figure.wp-block-pullquote {
	border: none;
	padding: 0;
	margin: 0;
	text-align: left;
}
figure.wp-block-pullquote blockquote p,
h2.match-pullquote.wp-block-heading,
.horizontal-track > .horizontal-panel:first-child h2.match-pullquote.wp-block-heading {
	font-weight: 450;
	font-family: var(--font-accent);
	font-size: 5rem;
}
.horizontal-track > .horizontal-panel:first-child h2.match-pullquote.wp-block-heading {
	font-size: 4.5rem;
}
blockquote.wp-block-quote p,
.orange-section.horizontal-track > .horizontal-panel:nth-child(3) ul.wp-block-list > li {
	margin-bottom: 0;
    padding-bottom: var(--block-spacer);
}
.orange-section.horizontal-track > .horizontal-panel:nth-child(3) ul.wp-block-list > li {
	text-decoration: underline;
	text-decoration-color: white;
	padding-bottom: 0;
}
blockquote.wp-block-quote p:last-child {
	padding-bottom: 0;
	margin-bottom var(--block-spacer);
}
.wp-block-button__link {
	font-family: var(--font-main);
	font-weight: 700;
}
/*right-pointing triangles instead of bullets*/
ul.wp-block-list {
	list-style-type: "\25B6\FE0E  "; /*▶ - \FE0E stops iPhones showing it as an emoji*/
	padding-inline-start: 0;
    font-weight: 800;
}
ul.wp-block-list > li {
	font-family: var(--font-main);
	line-height: 1.15;
	list-style-position: inside;
}
ul.wp-block-list > li::marker {
	font-size: 20px;
}
ul.wp-block-list {
	margin-bottom: var(--fuzzy-padding-amount);
}
.horizontal-fuzzy-right ul.wp-block-list {
	margin-bottom: 0;
}


/*fonts end*/




/*spacing start*/
main {
    overflow: hidden;
}
/*hides uneeded elements*/
.main-single-page-header,
.main-header-image,
.main-single-page-comments,
.post-author {
	display: none;
}
section.main-single-page-body {
	padding: 0;
	background-color: white;
}
.main-content,
.main-single-page-body .main-content {
    width: 100% !important;
    margin: 0 !important;
	padding: 0 !important;
}
main .container-fluid,
main .container {
	max-width: none;
	padding: 0;
}
.wp-block-group {
    padding: 0 10vw;
}

.wp-block-group {
	margin: var(--block-spacer) 0;
}
figure.wp-block-post-featured-image {
    margin-bottom: calc(var(--block-spacer) * -1);
}
.wp-block-group.purple-section:nth-child(odd of .purple-section):before {
	content: url('/wp-content/themes/Skillman/styles-custom-pages/annual-report-2025/rough-line-large-top-1.svg');
	margin: 0 -10vw var(--block-spacer) -10vw;
    display: block;
    width: calc(100% + 20vw);
	font-size: 0;
}
.wp-block-group.purple-section:nth-child(odd of .purple-section):after {
	content: url('/wp-content/themes/Skillman/styles-custom-pages/annual-report-2025/rough-line-large-bottom-1.svg');
	margin: 0 -10vw 0 -10vw;
    display: block;
    width: calc(100% + 20vw);
	font-size: 0;
}
.wp-block-group.purple-section:nth-child(even of .purple-section):before {
	content: url('/wp-content/themes/Skillman/styles-custom-pages/annual-report-2025/rough-line-large-top-2.svg');
	margin: 0 -10vw var(--block-spacer) -10vw;
    display: block;
    width: calc(100% + 20vw);
	font-size: 0;
}
.wp-block-group.purple-section:nth-child(even of .purple-section):after {
	content: url('/wp-content/themes/Skillman/styles-custom-pages/annual-report-2025/rough-line-large-bottom-2.svg');
	margin: 0 -10vw 0 -10vw;
    display: block;
    width: calc(100% + 20vw);
	font-size: 0;
}
.wp-block-group.purple-section:nth-child(3 of .purple-section):after {
	content: "";
	margin: 0;
    display: block;
    width: 0;
	font-size: 0;
}
.wp-block-cover{
    margin: 0 !important;
    padding: 0;
}
hr.wp-block-separator {
	margin: -15px 0 10px 0;
	/*fuzzy line - the mask cuts the rough line shape out of a solid block of the hr's text color*/
	border: none;
	height: 8px;
	background-color: var(--green);
	-webkit-mask: var(--fuzzy-line-mask-thick) repeat-x left center / 400px 8px;
	mask: var(--fuzzy-line-mask-thick) repeat-x left center / 400px 8px;
}
.purple-section hr.wp-block-seperator {
	background-color: var(--yellow);
}
.blue-section hr.wp-block-separator {
	background-color: var(--red);
}
.pink-section hr.wp-block-separator {
	background-color: var(--dark-green);
}
.orange-section hr.wp-block-separator {
	background-color: var(--dark-purple);
}

/*spacing end*/


/*colors*/
a.wp-block-button__link {
    background: var(--teal);
}
a.wp-block-button__link:hover {
    background: var(--dark-purple);
}
.above-footer a,
.above footer a:hover,
p a, 
p a:hover {
	color: black;
}
.purple-section, 
.purple-background {
	background: var(--purple);
}
.purple-section p,
.above-footer p {
	border-image: var(--white-line-image) 30 repeat;
}
.purple-section p a {
	color: black;
}
.yellow-section,
.yellow-background {
	background: var(--yellow);
	color: var(--green);
}
.yellow-section .goals-columns .wp-block-column,
.yellow-section p,
.yellow-section .goals-columns .wp-block-column {
	border-image: var(--green-line-image) 30 repeat;
}
.green-section,
.green-background {
	background: var(--green);
	color: var(--green);
}
.green-font,
.green-font a,
.green-font a:hover, 
.yellow-section h2,
.yellow-section h2.wp-block-heading,
.yellow-section p,
.yellow-section figure.wp-block-pullquote blockquote p,
.yellow-section blockquote.wp-block-quote p, 
.yellow-section pre.wp-block-verse  {
	color: var(--green);
}
ul.wp-block-list > li.green-font::marker,
.green-font ul.wp-block-list > li::marker,
.grants ul.wp-block-list > li::marker,
.grants  ul.wp-block-list > li::marker  {
	color: var(--yellow);
}
.blue-section,
.blue-background {
	background: var(--blue);
	color: var(--red);
}
.blue-section .goals-columns .wp-block-column,
.blue-section p,
.blue-section .goals-columns .wp-block-column {
	border-image: var(--red-line-image) 30 repeat;
}
.red-section,
.red-background {
	background: var(--red);
	color: white;
}
.red-font,
.red-font a,
.red-font a:hover,
.blue-section h2,
.blue-section h2.wp-block-heading,
.blue-section p,
.blue-section figure.wp-block-pullquote blockquote p,
.blue-section blockquote.wp-block-quote p,
.blue-section pre.wp-block-verse   {
	color: var(--red);
}
.pink-section,
.pink-background,
.pink-section p a {
	background: var(--pink);
	color: var(--dark-green);
}	
.pink-section p a {
	font-weight: 700;
}
.pink-section .goals-columns .wp-block-column,
.pink-section p,
.pink-section .goals-columns .wp-block-column {
	border-image: var(--dark-green-line-image) 30 repeat;
}
.dark-green-font,
.dark-green-font a,
.dark-green-font a:hover,
.pink-section h2,
.pink-section h2.wp-block-heading,
.pink-section p,
.pink-section figure.wp-block-pullquote blockquote p,
.pink-section blockquote.wp-block-quote p,
.pink-section pre.wp-block-verse   {
	color: var(--dark-green);
}
.dark-green-section,
.dark-green-background {
	background: var(--dark-green);
	color: white;
}
.orange-section,
.orange-background {
	background: var(--orange);
	color: var(--dark-purple);
}
.orange-section .goals-columns .wp-block-column,
.orange-section p,
.orange-section .goals-columns .wp-block-column {
	border-image: var(--dark-purple-line-image) 30 repeat;
}
.dark-purple-section,
.dark-purple-background {
	background: var(--dark-purple);
	color: white;
}
.dark-purple-font,
.dark-purple-font a,
.dark-purple-font a:hover,
.orange-section h2,
.orange-section h2.wp-block-heading,
.orange-section p,
.orange-section figure.wp-block-pullquote blockquote p,
.orange-section blockquote.wp-block-quote p,
.orange-section pre.wp-block-verse   {
	color: var(--dark-purple);
}	
/*goal list markers in the other sections*/
.blue-section ul.wp-block-list > li {
	color: var(--red);
}
.blue-section ul.wp-block-list > li::marker {
	color: #6EB3F6;;
}
.pink-section ul.wp-block-list > li {
	color: var(--dark-green);
}
.pink-section ul.wp-block-list > li::marker {
	color: var(--pink);
}
.orange-section ul.wp-block-list > li {
	color: var(--dark-purple);
}
.orange-section ul.wp-block-list > li::marker {
	color: var(--orange);
}
.orange-section.horizontal-track > .horizontal-panel:nth-child(3) ul.wp-block-list > li::marker {
	color: white;
}
/*colors end*/



/*fuzzy borders start*/
/*white fuzzy box around verse blocks - side borders from rough-line.svg, top and bottom lines drawn as backgrounds*/
pre.wp-block-verse {
	padding: calc(var(--fuzzy-padding-amount) + 3px);
	margin: 0;
	border: var(--white-line-width) solid transparent;
	border-top: none;
	border-bottom: none;
	border-image: var(--white-line-image) 30 repeat;
	background-image: var(--white-line-image-horizontal), var(--white-line-image-horizontal);
	background-size: 400px 8px, 400px 8px;
	background-repeat: repeat-x, repeat-x;
	/*nudges the lines flush with the ends of the side borders*/
	background-position: left top, left bottom;
	/*stops the lines at the side borders instead of running underneath them*/
	background-clip: padding-box;
}

figure.wp-block-pullquote blockquote p,
h2.purple-background,
.grants h2.wp-block-heading {
	padding: 3px var(--fuzzy-padding-amount);
	line-height: var(--white-line-height);
	border: var(--white-line-width) solid var(--white-line-color);
	border-image: var(--white-line-image) 30 repeat;
	border-top: none;
	border-bottom: none;
	/*first layer is the top line, second layer is the line under every line of text (the last one is the bottom line)*/
	background-image: var(--white-line-image-horizontal), var(--white-line-image-horizontal);
	background-size: 400px 8px, 400px var(--white-line-height);
	background-repeat: repeat-x, repeat;
	/*nudges the top and bottom lines flush with the ends of the side borders*/
	background-position: left top, left top 7px;
	/*stops the lines at the side borders instead of running underneath them*/
	background-clip: padding-box;
	width: fit-content;
}
h2.purple-background {
    display: inline-block;
	/*adds a third layer so the purple runs under the side borders - otherwise the white side lines sit on the white page and disappear*/
	background-image: var(--white-line-image-horizontal), var(--white-line-image-horizontal), linear-gradient(var(--purple), var(--purple));
	--fuzzy-purple-inset: 2px; /*how far the purple stops short of the outer edge of the side borders*/
	background-size: 400px 8px, 400px var(--white-line-height), calc(100% - var(--fuzzy-purple-inset) * 2) 100%;
	background-repeat: repeat-x, repeat, no-repeat;
	background-position: left top, left top 7px, center top;
	background-origin: padding-box, padding-box, border-box;
	background-clip: padding-box, padding-box, border-box;
	background-color: transparent; /*the purple comes from the gradient layer above instead*/
}
.grants.white-section h2.wp-block-heading {
	border: var(--white-line-width) solid var(--footer-yellow-line-color);
	border-top: none;
	border-bottom: none;
	background-image: var(--footer-yellow-line-image-horizontal), var(--footer-yellow-line-image-horizontal);
	margin-bottom: var(--block-spacer);
}
.purple-section h2,
.purple-section h2.wp-block-heading,
p.match-h2,
.purple-section p,
h2.purple-background {
	border-left: var(--white-line-width) solid transparent;
	margin-bottom: var(--block-spacer);
	border-image: var(--white-line-image) 30 repeat;
}
p {
	border-left: var(--white-line-width) solid transparent;
	border-image: var(--teal-line-image) 30 repeat;
	margin-bottom: var(--block-spacer);
}


.purple-section h2,
.purple-section h2.wp-block-heading,
p {
	padding-left: var(--fuzzy-padding-amount);
}
blockquote {
	border: none !Important;
}
figure.wp-block-pullquote blockquote,
blockquote.wp-block-quote {
	padding: 0;
	margin-bottom: var(--block-spacer);
}

.wp-block-cover.cover-block-fuzzy-background img {
    object-fit: fill;
}
.wp-block-cover.cover-block-fuzzy-background {
	padding: var(--fuzzy-padding-amount) calc(var(--fuzzy-padding-amount) * 2);
}
.wp-block-cover.cover-block-fuzzy-background:has(h2.match-pullquote) {
	width: fit-content;
}

.wp-block-cover.cover-block-fuzzy-background h3,
.wp-block-cover.cover-block-fuzzy-background h2 {
	margin-bottom: 0;
}
/*fuzzzy borders end*/






/*horizontal scroll panels start*/
.horizontal-panel .wp-block-columns {
	margin-bottom: 0;
	/*columns keep their natural height - only photos and videos stretch to fill leftover space (a small arrow image would otherwise make a row stretch too)*/
	flex: 0 0 auto !important;
}
.horizontal-panel .goals-columns .wp-block-column {
	margin-bottom: 0;
}
.horizontal-panel figure.wp-block-pullquote,
.horizontal-panel figure.wp-block-pullquote blockquote {
	margin: 0;
}
/*small arrow images*/
.horizontal-panel .wp-block-column figure.wp-block-image:has(img[width="36"]) {
	margin: 12px 0;
}
.horizontal-panel .wp-block-column figure.wp-block-image img[width="36"] {
	width: 18px;
	height: auto;
}

/*white rough lines beside paragraphs in the yellow track, with a white underline under each line of the large quote*/
.horizontal-track p {
	border-image: var(--white-line-image) 30 repeat;
}
.orange-section.horizontal-track > .horizontal-panel:nth-child(3) p.wp-block-paragraph {
	border: none;
	padding-left: 0;
}
.horizontal-track blockquote.wp-block-quote p {
	padding-left: var(--fuzzy-padding-amount);
	/*underline follows the length of each line of text*/
	text-decoration: underline 3px white;
	text-underline-offset: 10px;
	text-decoration-skip-ink: none;
}

/*panel 1*/
.horizontal-fuzzy-right .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained figure {
	margin-bottom: 0;
	margin-left: -1vw;
}

/*panel 4*/

/*panel 5*/

/*"Read Article" lines (media & text blocks) - small arrow on the left, bold underlined text on the right*/
.wp-block-media-text {
	grid-template-columns: auto 1fr !important;
	align-items: center;
	column-gap: var(--fuzzy-padding-amount);
	margin: var(--fuzzy-padding-amount) 0;
}
.wp-block-media-text figure img {
    width: 14px;
    height: 14px;
}
.wp-block-media-text .wp-block-media-text__content {
	padding: 0 !Important;
}
.wp-block-media-text p {
	text-decoration: underline 3px white;
	text-underline-offset: 5px;
	text-decoration-skip-ink: none;
	margin-bottom: 0;
}
.wp-block-media-text p a {
	/*takes the section's text color (green in yellow sections, red in blue) instead of the theme's teal link color*/
	color: inherit;
	text-decoration: underline 3px white !important;
	text-underline-offset: 5px;
}

/*horizontal scroll design scaling end*/



/*grants start*/
.grants .wp-block-cover.cover-block-fuzzy-background {
    padding: var(--horizontal-track-spacer);
}
.grants.white-section p {
	border-image: var(--footer-yellow-line-image) 30 repeat;
}
.grants h3.wp-block-heading span {
	text-decoration-color: var(--yellow) !important;
}
ul.wp-block-social-links {
	margin-left: 25px;
}
.grants.white-section a {
	color: black;
}

.grants.purple-section .wp-block-column blockquote.wp-block-quote {
    margin-bottom: 0;
}
.grants.purple-section .wp-block-column blockquote.wp-block-quote p {
	border: none !important;
	padding-left: 0 !important;
}
.grants ul.wp-block-list > li {
    line-height: 1.5;
	margin-bottom: var(--fuzzy-padding-amount);
}
.grants hr.wp-block-separator {
    background-color: var(--yellow);
    padding: var(--block-spacer) 0 var(--fuzzy-padding-amount) 0;
}


/*grants end*/



/*footer top start*/
figure.wp-block-image.above-footer-top,
figure.wp-block-image.above-footer-bottom,
.wp-block-group.above-footer,
.above-footer .wp-block-group {
    margin-bottom: 0;
    margin-top: 0;
}
.above-footer-top img,
.above-footer-bottom img {
    width: 100%;
}
.wp-block-group.above-footer {
    background: var(--footer-yellow);
}
.above-footer .wp-block-group {
	margin-top: -10px;
}

.grants.purple-section p {
    border-image: none;
    padding-left: 0;
}
/*footer top end*/

/*footer start*/
footer p {
    border: none;
    padding-left: 0;
}
/*footer end*/


/*back to top start*/
.back-to-top {
  position: fixed;
  font-weight: 800px;
  bottom: 20px;
  right: 20px;
  background-color: var(--teal);
  color: white;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 20px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000; /* Ensures it stays on top of other content */
  text-align: center;
  font-size: 60%;
}
a.back-to-top:hover,
a.back-to-top:focus,
a.back-to-top:active {
	color: white;
	text-decoration: none;
}
.back-to-top:hover {
  background-color: var(--dark-purple);
}
/*back to top end*/








/*smaller screens start*/
/*makes edges smaller on mid and small screens*/
@media (max-width: 1200px) {
	.wp-block-group {
		padding: 0 5vw;
	}
}	

/*desktop only*/
@media (min-width: 782px) {     /*widths match natural wordpress column stack breakpoint. May need add code to change that breakpoint if this number changes. Will also need to change the same number in the GSAP script file*/
	.mobile-only {
		display: none;
	}

	.desktop-only.full-width.top-bar.wp-block-image img {
		width: 100%;
	}

		/* desktop horizontal panels start*/
					.horizontal-track {
						height: 100vh;
						gap: var(--block-spacer);
						padding-bottom: 0;
						align-items: stretch;
					}
					/*pace before the first panel*/
					.wp-block-group.horizontal-track {
						padding-left: 2vw;
						padding-right: 0;
					}
					/*the space before the first panel is white - drawn as a shadow of the first panel so it slides away with the panels instead of staying fixed on screen*/
					.horizontal-track > .horizontal-panel:first-child {
						box-shadow: -10vw 0 0 0 white;
					}
					/*space after the last panel - right padding does not count toward the scroll distance, so an empty spacer is used instead*/
					.horizontal-track::after {
						content: "";
						flex: 0 0 2vw;
					}
					/*every panel is exactly one screen tall - its width is set by gsap-annual-report-2025.js, which widens it until the content fits*/
					.horizontal-panel {
						flex: 0 0 auto;
						height: 100vh;
						box-sizing: border-box;
						overflow: hidden;
					}
					/*lets text and columns use the extra width instead of staying capped*/
					.horizontal-panel .wp-block-group__inner-container > *,
					.horizontal-panel p,
					.horizontal-panel h2,
					.horizontal-panel h3,
					.horizontal-panel h4 {
						max-width: none;
					}
					/*stacks each panel's content in a column so images and videos can shrink to whatever height the text leaves over*/
					.horizontal-panel > .wp-block-group__inner-container {
						height: 100%;
						display: flex;
						flex-direction: column;
						/*centers the content vertically - "safe" falls back to top-aligned while the JS is still widening an overflowing panel, so it can measure it*/
						justify-content: safe center;
					}
					/*removes the bottom margin of the last block so the centering isn't pushed upward*/
					.horizontal-panel > .wp-block-group__inner-container > :last-child {
						margin-bottom: 0;
					}
					.horizontal-panel :is(.wp-block-cover, .wp-block-cover__inner-container):has(figure.wp-block-image img, .wp-block-embed iframe) {
						display: flex;
						flex-direction: column;
						min-height: 0 !important;
					}
					.horizontal-panel :is(.wp-block-group__inner-container, .wp-block-cover, .wp-block-cover__inner-container) > :is(figure.wp-block-image, .wp-block-embed, :has(figure.wp-block-image img, .wp-block-embed iframe)) {
						flex: 1 1 0;
						min-height: 0;
					}
					/*images fill the leftover space without stretching*/
					.horizontal-panel figure.wp-block-image img {
						width: 100%;
						height: 100%;
						object-fit: contain;
					}

					/*the first panel's image sits against the left edge of its space instead of centered*/
					.horizontal-track > .horizontal-panel:first-child figure.wp-block-image img {
						object-position: left center;
					}



					/*videos fill the leftover space instead of keeping a fixed 16:9 height that grows with the panel width*/
					.horizontal-panel .wp-block-embed {
						display: flex;
						flex-direction: column;
						width: 100%;
					}
					.horizontal-panel .wp-block-embed__wrapper {
						flex: 1 1 0;
						min-height: 0;
					}
					.horizontal-panel .wp-block-embed__wrapper .epyt-video-wrapper {
						height: 100%;
					}
					/*the video's size comes from the leftover height, so it doesn't grow when the panel gets wider*/
					.horizontal-panel .wp-block-embed__wrapper iframe {
						position: static !important;
						height: 100% !important;
						width: auto !important;
						max-width: 100%;
						aspect-ratio: 16 / 9;
					}
					/*images inside columns sit next to text, so they get a fixed cap instead of filling leftover space*/
					.horizontal-panel .wp-block-column figure.wp-block-image img {
						width: auto;
						height: auto;
						max-width: 100%;
						max-height: 40vh;
					}
					.horizontal-panel .wp-block-embed__wrapper::before {
						display: none;
					}
					.horizontal-track .wp-block-group {
						padding: 0;
					}
					.horizontal-track {
						margin-top: calc(var(--block-spacer) * -1);
					}
					@media (min-width: calc(1024px + 20vw)) {
						.horizontal-panel {
							min-width: 1024px;
						}
					}
					/*a panel holding only an image is sized to the image by the JS, so it skips the minimum width and the image fills it edge to edge*/
					.horizontal-panel:has(> .wp-block-group__inner-container > figure.wp-block-image:only-child) {
						min-width: 0 !important;
					}
					.horizontal-panel > .wp-block-group__inner-container > figure.wp-block-image:only-child {
						margin: 0;
					}
					.horizontal-panel > .wp-block-group__inner-container > figure.wp-block-image:only-child img {
						object-fit: cover;
						padding: 0;
					}
					.horizontal-fuzzy-right.wp-block-cover{
						padding-right: var(--block-spacer);
						padding-top: var(--block-spacer);	
						padding-bottom: var(--block-spacer);
					}
					/* ">" only targets this cover's own background image, not images in covers nested inside it */
					.horizontal-fuzzy-right.wp-block-cover > img.wp-block-cover__image-background {
						/*full height, natural width, pinned to the right edge*/
						height: 100%;
						width: auto;
						left: auto;
						right: 0;
						object-fit: fill;
					}
					/*horizontal scroll panels start end*/




					/*horizontal scroll design scaling start*/
					/*each panel's content is laid out at the Figma frame height (1120px) and gsap-annual-report-2025.js zooms it to the screen height,
					so all sizes in this section are Figma pixels and the panels keep the Figma proportions at every screen size*/
					.horizontal-track {
						gap: 0;
					}
					.horizontal-track .wp-block-group.horizontal-panel {
						margin: 0;
						min-width: 0 !important;
					}
					.horizontal-panel > .wp-block-group__inner-container {
						position: relative;
						box-sizing: border-box;
						height: 1120px;
						padding: var(--block-spacer);
					}
					/*image-only panels run edge to edge*/
					.horizontal-panel > .wp-block-group__inner-container:has(> figure.wp-block-image:only-child) {
						padding: 0;
					}




					/*green rough lines down the left side of panels - add or remove panels from these lists to change which ones get a line*/
					.horizontal-track > .horizontal-panel:nth-child(5) > .wp-block-group__inner-container::before,
					.horizontal-track > .horizontal-panel:nth-child(6) > .wp-block-group__inner-container::before,
					.horizontal-track > .horizontal-panel:nth-child(7) > .wp-block-group__inner-container::before,
					.pink-section.horizontal-track > .horizontal-panel:nth-child(8) > .wp-block-group__inner-container::before {
						content: "";
						position: absolute;
						top: var(--block-spacer);
						bottom: var(--block-spacer);
						left: 4px;
						width: 0;
						border-left: 5px solid transparent;
						border-image: var(--green-line-image) 30 repeat;
					}
					
					.blue-section.horizontal-track > .horizontal-panel:nth-child(5) > .wp-block-group__inner-container::before,
					.blue-section.horizontal-track > .horizontal-panel:nth-child(6) > .wp-block-group__inner-container::before,
					.blue-section.horizontal-track > .horizontal-panel:nth-child(7) > .wp-block-group__inner-container::before,
					.blue-section.horizontal-track > .horizontal-panel:nth-child(8) > .wp-block-group__inner-container::after {
						border-image: var(--red-line-image) 30 repeat;
					}
					.pink-section.horizontal-track > .horizontal-panel:nth-child(5) > .wp-block-group__inner-container::before,
					.pink-section.horizontal-track > .horizontal-panel:nth-child(6) > .wp-block-group__inner-container::before,
					.pink-section.horizontal-track > .horizontal-panel:nth-child(7) > .wp-block-group__inner-container::before,
					.pink-section.horizontal-track > .horizontal-panel:nth-child(8) > .wp-block-group__inner-container::before,
					.pink-section.horizontal-track > .horizontal-panel:nth-child(9) > .wp-block-group__inner-container::after {
						border-image: var(--dark-green-line-image) 30 repeat;
					}
					.orange-section.horizontal-track > .horizontal-panel:nth-child(5) > .wp-block-group__inner-container::before,
					.orange-section.horizontal-track > .horizontal-panel:nth-child(6) > .wp-block-group__inner-container::before,
					.orange-section.horizontal-track > .horizontal-panel:nth-child(6) > .wp-block-group__inner-container::after {
						border-image: var(--dark-purple-line-image) 30 repeat;
					}

					/*panel 1*/
					.horizontal-track > .horizontal-panel:first-child {
						--panel-width: 1075px;
					}
					.horizontal-track > .horizontal-panel:first-child > .wp-block-group__inner-container {
						padding: 0;
					}
					.horizontal-track > .horizontal-panel:first-child .wp-block-cover__inner-container {
						flex: 1 1 0;
						min-height: 0;
					}
					.horizontal-track > .horizontal-panel:first-child .cover-block-fuzzy-background {
						min-height: 0 !important;
						width: fit-content;
						padding: 6px 18px;
					}
					.wp-block-cover.is-light.horizontal-fuzzy-right {
						padding-top: calc(var(--block-spacer) / 2);
						padding-bottom: calc(var(--block-spacer) / 2);
					}
					.horizontal-track > .horizontal-panel:first-child .wp-block-columns:has(.cover-block-fuzzy-background) {
						margin-bottom: 12px;
						margin-top: -90px;
					}
					.horizontal-track > .horizontal-panel:first-child hr.wp-block-separator {
						margin: 0 0 16px;
					}
					.goals-columns .wp-block-column {
						border-left: var(--white-line-width) solid transparent;
						border-image: var(--teal-line-image) 30 repeat;
						margin-bottom: var(--block-spacer);
					}
					.goals-columns .wp-block-column:first-child {
						border: none;
						margin-left: calc(var(--fuzzy-padding-amount) * -1);
					}
					.goals-columns .wp-block-column {
						padding-left: var(--fuzzy-padding-amount);
					}
					.goals-columns {
						column-gap: var(--fuzzy-padding-amount);
					}

					/*panel 2*/
					.horizontal-track > .horizontal-panel:nth-child(3) {
						--panel-width: 1057px;
					}
					.horizontal-track .horizontal-panel:nth-child(3) figure.wp-block-pullquote {
						margin-bottom: var(--block-spacer);
					}
					.pink-section.horizontal-track > .horizontal-panel:nth-child(3) {
						--panel-width: 1250px;
					}
					.orange-section.horizontal-track > .horizontal-panel:nth-child(3) {
						--panel-width: 1500px;
					}
					/*narrower heading so it breaks after "Students chart" like the Figma*/
					.yellow-section.horizontal-track > .horizontal-panel:nth-child(3) figure.wp-block-pullquote blockquote p {
						max-width: 560px;
					}


					/*panel 4*/
					.horizontal-track > .horizontal-panel:nth-child(5) {
						--panel-width: 1178px;
					}
					.orange-section.horizontal-track > .horizontal-panel:nth-child(5) {
						--panel-width: 600px;
					}
					.horizontal-track > .horizontal-panel:nth-child(5) > .wp-block-group__inner-container {
						padding: var(--block-spacer);
					}
					.orange-section.horizontal-track > .horizontal-panel:nth-child(5) > .wp-block-group__inner-container {
						justify-content: start;
					}
					.yellow-section.horizontal-track > .horizontal-panel:nth-child(5) .wp-block-columns {
						background: var(--green-line-image-horizontal) repeat-x left bottom / 400px 8px;
						padding-bottom: var(--horizontal-track-spacer);
						margin-bottom: var(--horizontal-track-spacer);
					}
					.blue-section.horizontal-track > .horizontal-panel:nth-child(5) .wp-block-columns {
						background: var(--red-line-image-horizontal) repeat-x left top / 400px 8px;
						padding-top: var(--horizontal-track-spacer);
						margin-top: var(--horizontal-track-spacer);
					}
					.pink-section.horizontal-track > .horizontal-panel:nth-child(5) .wp-block-columns {
						background: var(--dark-green-line-image-horizontal) repeat-x left top / 400px 8px;
						padding-top: var(--horizontal-track-spacer);
						margin-top: var(--horizontal-track-spacer);
					}
					.orange-section.horizontal-track > .horizontal-panel:nth-child(5) .wp-block-columns {
						background: var(--white-line-image-horizontal) repeat-x left top / 400px 8px;
						padding-top: var(--horizontal-track-spacer);
						margin-top: var(--horizontal-track-spacer);

					}
					.yellow-section.horizontal-track > .horizontal-panel:nth-child(5) .wp-block-column + .wp-block-column {
						align-content: end;
					}
					.orange-section.horizontal-track > .horizontal-panel:nth-child(5) figure.wp-block-pullquote blockquote {
						margin-bottom: var(--horizontal-track-spacer);
					}
					.orange-section.horizontal-track > .horizontal-panel:nth-child(5) figure.wp-block-image.size-full {
						margin-bottom: 0;
					}
					.blue-section.horizontal-track > .horizontal-panel:nth-child(5)  .wp-block-column + .wp-block-column {
						border-image: var(--red-line-image) 30 repeat;
					}
					.horizontal-track > .horizontal-panel .wp-block-embed__wrapper iframe {
						margin: 0 !important;
					}


					/*panel 5*/
					.horizontal-track > .horizontal-panel:nth-child(6) {
							--panel-width: 649px;
						}
						.blue-section.horizontal-track > .horizontal-panel:nth-child(6) {
							--panel-width: 1100px;
						}
						.pink-section.horizontal-track > .horizontal-panel:nth-child(6) {
							--panel-width: 1500px;
						}
						.orange-section.horizontal-track > .horizontal-panel:nth-child(6) {
							--panel-width:900px;
						}
						.horizontal-track > .horizontal-panel:nth-child(6) > .wp-block-group__inner-container {
							padding: var(--block-spacer);
						}
						.horizontal-track > .horizontal-panel:nth-child(6) figure.wp-block-image,
						.pink-section.horizontal-track > .horizontal-panel:nth-child(7) figure.wp-block-image {
							/*white rule above the photo*/
							padding-top: var(--horizontal-track-spacer);
							margin-bottom: var(--horizontal-track-spacer);
							background: var(--white-line-image-horizontal) repeat-x left top / 400px 8px;
							margin-top: calc(var(--horizontal-track-spacer) - var(--fuzzy-padding-amount));
						}
						.horizontal-track-2 > .horizontal-panel:nth-child(6) figure.wp-block-image {
							background: none;
						}
						.horizontal-track > .horizontal-panel:nth-child(6) figure.wp-block-image img {
							object-position: left bottom;
						}
						/*social panel*/
						.social-panel p {
							border-image: none;
							color: white;
							padding: var(--fuzzy-padding-amount) var(--horizontal-track-spacer);
							margin-bottom: 0;
							font-weight: 700;
						}
						.social-panel .wp-block-cover.cover-block-fuzzy-background {
							margin-left: -2em !important;
						}
						.social-panel .middle-social-column .wp-block-cover.cover-block-fuzzy-background {
							margin-right: -2em !important;
							margin-bottom: var(--block-spacer) !important;
						}
						.social-panel .wp-block-column:nth-child(3) {
							align-items: end;
							display: flex;
						}


						/*panel 6 - "Learning with and from Detroit youth"*/
						.horizontal-track > .horizontal-panel:nth-child(7),
						.pink-section.horizontal-track > .horizontal-panel:nth-child(8) {
							--panel-width: 675px;
						}
						.pink-section.horizontal-track > .horizontal-panel:nth-child(7) {
							--panel-width: 800px;
						}
						.horizontal-track > .horizontal-panel:nth-child(7) figure.wp-block-pullquote {
							margin-bottom: var(--horizontal-track-spacer);
						}
						.horizontal-track > .horizontal-panel:nth-child(7) > .wp-block-group__inner-container > figure.wp-block-image img {
							object-position: left top;
						}
						.yellow-section.horizontal-track > .horizontal-panel:nth-child(7) .wp-block-columns,
						.blue-section.horizontal-track > .horizontal-panel:nth-child(6) .wp-block-columns {
							/*white rule above the arrow and text*/
							padding-top: calc(var(--block-spacer) - var(--horizontal-track-spacer));
							background: var(--white-line-image-horizontal) repeat-x left top / 400px 8px;
						}



						/*photos and videos that share a panel with text always run the full width of the panel - their height follows from the width, and the JS sizes the panel so everything fits the height*/
							.horizontal-panel > .wp-block-group__inner-container > figure.wp-block-image:not(:only-child),
							.horizontal-panel > .wp-block-group__inner-container > .wp-block-embed,
							.horizontal-panel > .wp-block-group__inner-container > .wp-block-embed .wp-block-embed__wrapper {
								flex: 0 0 auto !important;
							}
							.horizontal-panel > .wp-block-group__inner-container > figure.wp-block-image:not(:only-child) img {
								width: 100%;
								height: auto;
							}
							/*the YouTube plugin adds its own 16:9 padding to this wrapper when the page loads - border-box keeps it 16:9 with or without that padding, and the video fills it*/
							.horizontal-panel > .wp-block-group__inner-container > .wp-block-embed .epyt-video-wrapper {
								position: relative;
								box-sizing: border-box;
								aspect-ratio: 16 / 9;
								height: auto;
							}
							.horizontal-panel > .wp-block-group__inner-container > .wp-block-embed iframe {
								position: absolute !important;
								inset: 0;
								width: 100% !important;
								height: 100% !important;
						}
					}

	/*horizontal panels end*/























/*mobile only*/
@media (max-width: 781px) {
	.desktop-only {
		display: none !important;
	}
	html {
		font-size: 6.5px !important;  /*changes root value so all fonts are still the same size relative to each other*/
	}
	:root {
		--footer-yellow: #FCDD3E;
		--block-spacer: 35px;
		--white-line-width: 3px;


		--white-line-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='139' viewBox='0 0 11 139'%3E%3Cfilter id='r' x='0' y='0' width='11' height='139' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25 0.25' numOctaves='3' seed='9348'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='4' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M5.5 2L5.5 137' stroke='%23FFFFFF' stroke-width='6' filter='url(%23r)'/%3E%3C/svg%3E");
		/*teal copy of rough-line.svg - colors can't be passed into an svg image, so the teal hex (#0E5C61) is written in as %230E5C61*/
		--teal-line-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='139' viewBox='0 0 11 139'%3E%3Cfilter id='r' x='0' y='0' width='11' height='139' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25 0.25' numOctaves='3' seed='9348'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='4' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M5.5 2L5.5 137' stroke='%230E5C61' stroke-width='6' filter='url(%23r)'/%3E%3C/svg%3E");
		--green-line-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='139' viewBox='0 0 11 139'%3E%3Cfilter id='r' x='0' y='0' width='11' height='139' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25 0.25' numOctaves='3' seed='9348'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='4' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M5.5 2L5.5 137' stroke='%23008347' stroke-width='6' filter='url(%23r)'/%3E%3C/svg%3E");
		--red-line-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='139' viewBox='0 0 11 139'%3E%3Cfilter id='r' x='0' y='0' width='11' height='139' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25 0.25' numOctaves='3' seed='9348'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='4' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M5.5 2L5.5 137' stroke='%23C8191A' stroke-width='9' filter='url(%23r)'/%3E%3C/svg%3E");
		--dark-purple-line-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='139' viewBox='0 0 11 139'%3E%3Cfilter id='r' x='0' y='0' width='11' height='139' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25 0.25' numOctaves='3' seed='9348'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='4' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M5.5 2L5.5 137' stroke='%236336A8' stroke-width='6' filter='url(%23r)'/%3E%3C/svg%3E");
		--dark-green-line-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='139' viewBox='0 0 11 139'%3E%3Cfilter id='r' x='0' y='0' width='11' height='139' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25 0.25' numOctaves='3' seed='9348'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='4' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M5.5 2L5.5 137' stroke='%2317654B' stroke-width='6' filter='url(%23r)'/%3E%3C/svg%3E");
		--footer-yellow-line-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='139' viewBox='0 0 11 139'%3E%3Cfilter id='r' x='0' y='0' width='11' height='139' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25 0.25' numOctaves='3' seed='9348'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='4' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M5.5 2L5.5 137' stroke='%23F5D32D' stroke-width='6' filter='url(%23r)'/%3E%3C/svg%3E");
		--yellow-line-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='139' viewBox='0 0 11 139'%3E%3Cfilter id='r' x='0' y='0' width='11' height='139' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25 0.25' numOctaves='3' seed='9348'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='4' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M5.5 2L5.5 137' stroke='%23F8DF71' stroke-width='6' filter='url(%23r)'/%3E%3C/svg%3E");
		--pink-line-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='139' viewBox='0 0 11 139'%3E%3Cfilter id='r' x='0' y='0' width='11' height='139' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25 0.25' numOctaves='3' seed='9348'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='4' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M5.5 2L5.5 137' stroke='%23FED1CB' stroke-width='6' filter='url(%23r)'/%3E%3C/svg%3E");				
		--orange-line-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='139' viewBox='0 0 11 139'%3E%3Cfilter id='r' x='0' y='0' width='11' height='139' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25 0.25' numOctaves='3' seed='9348'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='4' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M5.5 2L5.5 137' stroke='%23FED983' stroke-width='6' filter='url(%23r)'/%3E%3C/svg%3E");	
		--blue-line-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='139' viewBox='0 0 11 139'%3E%3Cfilter id='r' x='0' y='0' width='11' height='139' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25 0.25' numOctaves='3' seed='9348'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='4' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M5.5 2L5.5 137' stroke='%23CCEBFF' stroke-width='6' filter='url(%23r)'/%3E%3C/svg%3E");



		--white-line-image-horizontal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 8' preserveAspectRatio='xMinYMax meet'%3E%3Cfilter id='r' x='0' y='-4' width='400' height='16' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='3' seed='9348' stitchTiles='stitch'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='3' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M-10 4H410' stroke='white' stroke-width='2' filter='url(%23r)'/%3E%3C/svg%3E");
		--green-line-image-horizontal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 8' preserveAspectRatio='xMinYMax meet'%3E%3Cfilter id='r' x='0' y='-4' width='400' height='16' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='3' seed='9348' stitchTiles='stitch'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='3' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M-10 4H410' stroke='%23008347' stroke-width='2' filter='url(%23r)'/%3E%3C/svg%3E");
		--red-line-image-horizontal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 8' preserveAspectRatio='xMinYMax meet'%3E%3Cfilter id='r' x='0' y='-4' width='400' height='16' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='3' seed='9348' stitchTiles='stitch'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='3' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M-10 4H410' stroke='%23C8191A' stroke-width='2' filter='url(%23r)'/%3E%3C/svg%3E");
		--dark-green-line-image-horizontal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 8' preserveAspectRatio='xMinYMax meet'%3E%3Cfilter id='r' x='0' y='-4' width='400' height='16' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='3' seed='9348' stitchTiles='stitch'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='3' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M-10 4H410' stroke='%2317654B' stroke-width='2' filter='url(%23r)'/%3E%3C/svg%3E");
		--dark-purple-line-image-horizontal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 8' preserveAspectRatio='xMinYMax meet'%3E%3Cfilter id='r' x='0' y='-4' width='400' height='16' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='3' seed='9348' stitchTiles='stitch'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='3' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M-10 4H410' stroke='%236336A8' stroke-width='2' filter='url(%23r)'/%3E%3C/svg%3E");
		--footer-yellow-line-image-horizontal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 8' preserveAspectRatio='xMinYMax meet'%3E%3Cfilter id='r' x='0' y='-4' width='400' height='16' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='3' seed='9348' stitchTiles='stitch'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='3' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M-10 4H410' stroke='%23F5D32D' stroke-width='2' filter='url(%23r)'/%3E%3C/svg%3E");
		--yellow-line-image-horizontal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 8' preserveAspectRatio='xMinYMax meet'%3E%3Cfilter id='r' x='0' y='-4' width='400' height='16' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='3' seed='9348' stitchTiles='stitch'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='3' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M-10 4H410' stroke='%23F8DF71' stroke-width='2' filter='url(%23r)'/%3E%3C/svg%3E");
				--blue-line-image-horizontal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 8' preserveAspectRatio='xMinYMax meet'%3E%3Cfilter id='r' x='0' y='-4' width='400' height='16' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='3' seed='9348' stitchTiles='stitch'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='3' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M-10 4H410' stroke='%23CCEBFF' stroke-width='2' filter='url(%23r)'/%3E%3C/svg%3E");
						--pink-line-image-horizontal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 8' preserveAspectRatio='xMinYMax meet'%3E%3Cfilter id='r' x='0' y='-4' width='400' height='16' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='3' seed='9348' stitchTiles='stitch'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='3' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M-10 4H410' stroke='%23FED1CB' stroke-width='2' filter='url(%23r)'/%3E%3C/svg%3E");
						--orange-line-image-horizontal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 8' preserveAspectRatio='xMinYMax meet'%3E%3Cfilter id='r' x='0' y='-4' width='400' height='16' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='3' seed='9348' stitchTiles='stitch'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='3' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M-10 4H410' stroke='%23FED983' stroke-width='2' filter='url(%23r)'/%3E%3C/svg%3E");

		--fuzzy-line-mask-thick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 8'%3E%3Cfilter id='r' x='0' y='-4' width='400' height='16' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='3' seed='9348' stitchTiles='stitch'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='3' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath d='M-10 4H410' stroke='black' stroke-width='2' filter='url(%23r)'/%3E%3C/svg%3E");
	}




	/*spacing*/
	:where(.wp-block-columns.is-layout-flex) {
    	gap: var(--block-spacer);
	}
	.wp-block-column blockquote.wp-block-quote:last-child,
	.wp-block-column p.wp-block-paragraph:last-child,
	.above-footer p.has-large-font-size.wp-block-paragraph,
	.horizontal-track .horizontal-panel:nth-child(3) figure.wp-block-pullquote:last-child {
    	margin-bottom: 0;
	}
	hr.wp-block-separator {
		margin: 0;
	}
	figure.wp-block-image {
		margin-bottom: var(--block-spacer);
	}
	.wp-block-media-text a img {
		display: none;
	}




	/*top image*/
	.mobile-only.full-width.wp-block-image img {
		width: 100%;
	}
	.mobile-only.full-width.wp-block-image {
		margin-bottom: 0 !important;
	}

	/*purple torn border*/
	.wp-block-group.purple-section::before, 
	.wp-block-group.purple-section::after {
		content: '' !important;
		margin: 0 !important;
	}
	.wp-block-group.purple-section {
		padding-top: var(--block-spacer);
		margin-top: 0;
		border-bottom: 1px solid transparent;
	}
	.grants .wp-block-cover.cover-block-fuzzy-background {
		padding: 15px;
	}

	/*font borders and lines*/
	figure.wp-block-pullquote blockquote p,
	h2.purple-background,
	.grants h2.wp-block-heading {
		background-size: 400px 0, 400px calc(var(--white-line-height) + 0px);
		background-position: left top, left top 6px;
	}
	pre.wp-block-verse {
		background-position: left top -3px, left bottom -3px;
	}
	.horizontal-track blockquote.wp-block-quote p {
		text-underline-offset: unset;
	}



	/*president letter*/
	.pres-video figure.wp-block-image {
		margin-bottom: 0;
	}
	.pres-video .wp-block-columns {
		gap: 20px;
	}


	/*goals*/
	#goals .wp-block-cover.is-light.cover-block-fuzzy-background {
		min-height: 60px !Important;
	}
	
	#goals h2.match-pullquote,
	#goals .wp-block-columns {
		margin-bottom: 0;
		margin-top: 0;
		gap: 20px;
	}


	/*horizontal tracks start*/
	/*horizontal tracks - stacked vertically on mobile (the GSAP script only runs on desktop)*/
	.wp-block-group.horizontal-track {
		display: block;
		height: auto;
		padding: 0;
		margin-bottom: 0;
	}


	/*lines at top of panels*/
	.yellow-section .wp-block-group.horizontal-panel:nth-child(3),
	.yellow-section .wp-block-group.horizontal-panel:nth-child(6),
	.yellow-section .wp-block-group.horizontal-panel:nth-child(7),
	.yellow-section .wp-block-group.horizontal-panel:nth-child(8) {
		padding-top: var(--block-spacer);
		margin: var(--block-spacer) 5vw;
		background: var(--green-line-image-horizontal) repeat-x left top / 300px 6px;
	}
	.blue-section .wp-block-group.horizontal-panel:nth-child(3),
	.blue-section .wp-block-group.horizontal-panel:nth-child(6),
	.blue-section .wp-block-group.horizontal-panel:nth-child(7),
	.blue-section .wp-block-group.horizontal-panel:nth-child(8) {
		padding-top: var(--block-spacer);
		margin: var(--block-spacer) 5vw;
		background: var(--red-line-image-horizontal) repeat-x left top / 300px 6px;
	}
	.pink-section .wp-block-group.horizontal-panel:nth-child(3),
	.pink-section .wp-block-group.horizontal-panel:nth-child(7),
	.pink-section .wp-block-group.horizontal-panel:nth-child(8) {
		padding-top: var(--block-spacer);
		margin: var(--block-spacer) 5vw;
		background: var(--dark-green-line-image-horizontal) repeat-x left top / 300px 6px;
	}

	.orange-section .wp-block-group.horizontal-panel:nth-child(3),
	.orange-section .wp-block-group.horizontal-panel:nth-child(4),
	.orange-section .wp-block-group.horizontal-panel:nth-child(5),
		.orange-section .wp-block-group.horizontal-panel:nth-child(6) {
		padding-top: var(--block-spacer);
		margin: var(--block-spacer) 5vw;
		background: var(--dark-purple-line-image-horizontal) repeat-x left top / 300px 6px;
	}

	/*panel 1*/
	.wp-block-group.horizontal-panel:first-child {
		background: white;
		padding-bottom: var(--block-spacer);
	}
	.wp-block-group.horizontal-panel:first-child .wp-block-cover.cover-block-fuzzy-background,
	.wp-block-group.horizontal-panel:first-child .wp-block-cover.horizontal-fuzzy-right {
		min-height: 0 !important;
	}
	.horizontal-track > .horizontal-panel:first-child .wp-block-columns:has(.cover-block-fuzzy-background) {
		padding-bottom: var(--fuzzy-padding-amount);
		margin-top: -20px;
		gap: 0;
	}
	.goals-columns {
		gap: 0;
	}
	.goals-columns .wp-block-column:not(:last-child) {
		padding-bottom: 20px;
		margin-bottom: 10px;
		background: var(--green-line-image-horizontal) repeat-x left bottom / 300px 6px;
	}
	.blue-section .goals-columns .wp-block-column:not(:last-child) {
		background: var(--red-line-image-horizontal) repeat-x left bottom / 300px 6px;
	}	
	.pink-section .goals-columns .wp-block-column:not(:last-child) {
		background: var(--dark-green-line-image-horizontal) repeat-x left bottom / 300px 6px;
	}	
	.orange-section .goals-columns .wp-block-column:not(:last-child) {
		background: var(--dark-purple-line-image-horizontal) repeat-x left bottom / 300px 6px;
	}

		
	/*panel 3*/
	.pink-section.wp-block-group .horizontal-panel:nth-child(3) figure.wp-block-pullquote blockquote,
	.orange-section.wp-block-group .horizontal-panel:nth-child(3) figure.wp-block-pullquote blockquote {
		padding-bottom: var(--block-spacer);
	}
	.orange-section.wp-block-group .horizontal-panel:nth-child(3) figure.wp-block-pullquote blockquote p {
		font-size: 4rem;
	}
	.orange-section.horizontal-track > .horizontal-panel:nth-child(3) ul.wp-block-list {
		margin-bottom: 0;
		list-style-type: none;
	}
	
	.orange-section.horizontal-track > .horizontal-panel:nth-child(3) ul.wp-block-list > li {
		background: var(--dark-purple);
		color: white;
		margin-bottom: 0;
		padding-bottom: 10px;
		text-decoration-color: var(--orange);
		padding: var(--fuzzy-padding-amount);
	}
	.orange-section.horizontal-track > .horizontal-panel:nth-child(3) p.wp-block-paragraph {
		background: var(--dark-purple);
		color: white;
		padding: 0 var(--fuzzy-padding-amount) var(--fuzzy-padding-amount) var(--fuzzy-padding-amount);
	}
	


	/*panel 4  */
	.yellow-section.wp-block-group .horizontal-panel:nth-child(5) {
		background: var(--green);
		padding-top: var(--block-spacer);
		padding-bottom: var(--block-spacer);
	}
	.blue-section.wp-block-group .horizontal-panel:nth-child(5) {
		background: var(--red);
		padding-top: var(--block-spacer);
		padding-bottom: var(--block-spacer);
	}
	.pink-section.wp-block-group .horizontal-panel:nth-child(5) {
		background: var(--dark-green);
		padding-top: var(--block-spacer);
		padding-bottom: var(--block-spacer);
	}
	/*
	.orange-section.wp-block-group .horizontal-panel:nth-child(5) {
		background: var(--dark-purple);
		padding-top: var(--block-spacer);
		padding-bottom: var(--block-spacer);
	}
	*/
	.yellow-section.wp-block-group .horizontal-panel:nth-child(5) p,
	.yellow-section.wp-block-group .horizontal-panel:nth-child(5) pre.wp-block-verse,
	.blue-section.wp-block-group .horizontal-panel:nth-child(5) p,
	.blue-section.wp-block-group .horizontal-panel:nth-child(5) pre.wp-block-verse,
	.pink-section.wp-block-group .horizontal-panel:nth-child(5) p,
	.pink-section.wp-block-group .horizontal-panel:nth-child(5) pre.wp-block-verse {
		color: white;
	}
	.wp-block-group .horizontal-panel:nth-child(5) figure.wp-block-embed {
		margin-top: var(--block-spacer);
		margin-bottom: var(--block-spacer);
	}
	.orange-section.wp-block-group .horizontal-panel:nth-child(5) figure.wp-block-pullquote blockquote p {
			margin-bottom: var(--block-spacer);		
	}
	.yellow-section.wp-block-group .horizontal-panel:nth-child(5) pre.wp-block-verse,
	.yellow-section.wp-block-group .horizontal-panel:nth-child(5) figure.wp-block-pullquote blockquote p {
		border-image: var(--yellow-line-image) 30 repeat;
		background-image: var(--yellow-line-image-horizontal), var(--yellow-line-image-horizontal);
	}
	.blue-section.wp-block-group .horizontal-panel:nth-child(5) pre.wp-block-verse,
	.blue-section.wp-block-group .horizontal-panel:nth-child(5) figure.wp-block-pullquote blockquote p {
		border-image: var(--blue-line-image) 30 repeat;
		background-image: var(--blue-line-image-horizontal), var(--blue-line-image-horizontal);
	}	
	.pink-section.wp-block-group .horizontal-panel:nth-child(5) pre.wp-block-verse,
	.pink-section.wp-block-group .horizontal-panel:nth-child(5) figure.wp-block-pullquote blockquote p {
		border-image: var(--pink-line-image) 30 repeat;
		background-image: var(--pink-line-image-horizontal), var(--pink-line-image-horizontal);
	}
	/*
	.orange-section.wp-block-group .horizontal-panel:nth-child(5) pre.wp-block-verse,
	.orange-section.wp-block-group .horizontal-panel:nth-child(5) figure.wp-block-pullquote blockquote p {
		border-image: var(--orange-line-image) 30 repeat;
		background-image: var(--orange-line-image-horizontal), var(--orange-line-image-horizontal);
	}	
	*/

	
	/* panel 5 */
	/*flip stack order on mobile*/
	.yellow-section.wp-block-group .horizontal-panel:nth-child(6) .wp-block-group__inner-container,
	.pink-section.wp-block-group .horizontal-panel:nth-child(6) .wp-block-group__inner-container,
	.pink-section.wp-block-group .horizontal-panel:nth-child(8) .wp-block-group__inner-container,
	.orange-section.wp-block-group .horizontal-panel:nth-child(6) .wp-block-group__inner-container {
		display: flex; 
		flex-direction: column-reverse;
	}
	.yellow-section.wp-block-group .horizontal-panel:nth-child(6) .wp-block-group__inner-container .wp-block-columns:first-child {
		gap: 0;
	}
	.wp-block-group .horizontal-panel:nth-child(6) figure.wp-block-pullquote blockquote p,
	.pink-section.wp-block-group .horizontal-panel:nth-child(8) figure.wp-block-pullquote blockquote p {
		margin-bottom: var(--block-spacer);
	}
	.pink-section.wp-block-group .horizontal-panel:nth-child(6) {
		padding-bottom: var(--block-spacer);
		background: var(--dark-green);
	}
	.orange-section.wp-block-group .horizontal-panel:nth-child(6) {
			margin-bottom: 0;
	}
	.mobile-only.full-width.mobile-divider.wp-block-image {
		margin-top: -20px;
	}
	
	


	/* panel 6 */
	.yellow-section.wp-block-group .horizontal-panel:nth-child(7) figure.wp-block-pullquote blockquote p {
		margin-bottom: var(--block-spacer);
	}

	/*horitzontal tracks end*/



	/*grants*/
	.grants .wp-block-cover {
		min-height: 0 !important;
	}
	.grants h3.wp-block-heading {
		font-size: 2.9rem;
	}
	/*.grants h3.wp-block-heading span {
		text-decoration-color: white !important;
		color: var(--footer-yellow);
	}*/


	/*above footer*/
	.above-footer p {
		border-image: none;
		padding-left: 0;
	}
	h2.wp-block-heading.mobile-only.weird-grants-h2-1 {
		margin-bottom: 0;
	}
	h2.wp-block-heading.mobile-only.weird-grants-h2-2 {
		margin-top: -4px;
		float: right;
	}
	.credits.wp-block-columns {
		gap: 0;
		margin-bottom: var(--block-spacer);
	}
.credits.wp-block-columns .wp-block-column:first-child {
    margin-bottom: 20px;
}
/*smaller screens end*/