/*
Theme Name: WISH
Theme URI: https://wish-vancouver.net
Description: A child theme for Twenty Twentyone.
Author: Jen Web Dev
Author URI: https://jenweb.dev/
Template: twentytwentyone
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

 @import url("https://use.typekit.net/lkk2rdq.css");
 
 /**
 
BODY

Poppins

400, 500, 600


HEADINGS

Halcom Variable 

COLOURS

Black: 						#000000;
White: 						#FFFFFF;
	
Page-background: 			#fdfcfb;
Lightest-pink: 				#f1dfe8;
Lightest-grey: 			    #eeefed;
grey: 						#d9d9d6;
	
Text Black: 				#3a051c;
Maroon: 					#691c32;
Purple: 					#605172;
Dark Magenta: 				#881268;
Magenta: 					#A92182;
Dusky Pink: 				#d7a5bd;	
Clay: 						#505759;
Logo grey: 					#656c6f;  6a727b   #51585f - AAA small

-------------------------------------------------------------- */
:root {
	font-size: 10px;
	--global--font-size-base: 1.7rem;
	--wp--preset--font-size--normal: 1.7rem;
	--global--font-size-default: 1.7rem;

	--global--font-size-small: 1.6rem;
	--wp--preset--font-size--small: 1.6rem;
	--global--font-size-sm: 1.6rem;
	--global--font-size-smallest: 1.4rem;
	
	--global--font-size-large: 1.9rem;
	--global--font-size-lg: 1.9rem;
	--wp--preset--font-size--large: 1.9rem;
	
	--global--font-size-larger: 2.1rem;
	
	--global--font-size-largest: 2.4rem;
	--global--font-size-wish-big: 2.8rem;
	--global--font-size-wish-bigger: 3.6rem;
	--global--font-size-wish-biggest: 4.8rem;
	
	--global--font-size-page-title: 4.2rem;
	--heading--font-size-page-title: 3.6rem;
	
	--primary-nav--letter-spacing: 0;
	--global--letter-spacing: 0;
	--heading--letter-spacing-h1: 0;
	--heading--letter-spacing-h2: 0;
	--heading--letter-spacing-h3: 0;
	--heading--letter-spacing-h4: 0;
	--heading--letter-spacing-h5: 0;
	--heading--letter-spacing-h6: 0;
	
	--wp--typography--line-height: 1.65em;
	--global--line-height: 1.65em;
	--global--line-height-body: 1.6em;
	--global--line-height-heading: 1.45em;
	--global--line-height-page-title: 1.6em;
	
	--global--font-size-post-title: 3.4rem;
	--heading--font-size-h1: 4.2rem;
	--heading--font-size-h2: 2.8rem;
	--heading--font-size-h3: 2.4rem;
	--heading--font-size-h4: 2.1rem;
	--heading--font-size-h5: 1.8rem;
	--heading--font-size-h6: 1.75rem;
	
	--heading--h1-font-settings: "ital" 0, "wght" 620;
	--heading--h2-font-settings: "ital" 0, "wght" 520;
	--heading--h3-font-settings: "ital" 0, "wght" 440;
	--heading--h4-font-settings: "ital" 0, "wght" 475;
	--heading--h5-font-settings: "ital" 0, "wght" 525;
	--heading--font-bold: "ital" 0, "wght" 775;
	--heading--font-bold-italic: "ital" 1, "wght" 700;
	--heading--font-italic: "ital" 1;
	
	--heading--font-weight: 500;
	--heading--font-weight-page-title: 600;
	--heading--font-weight-strong: 600;
	
	--responsive--aligndefault-width: 100rem;
	--responsive--alignwide-width: 140rem;
	--responsive--alignfull-width: 100%;
	
	--global--font-primary: "poppins", sans-serif;
	--entry-content--font-family: "poppins", sans-serif;
	--list--font-family: "poppins", sans-serif;
	--global--font-secondary: "halcom-variable", sans-serif;
	--heading--font-family: "halcom-variable", sans-serif;
	
	
	--global--color-black: #000000;
	--global--color-white: #FFFFFF;
	
	--global--color-background: #fdfcfb;
	--global--color-page-background: #fdfcfb;
	--global--color-lightest-pink: #f1dfe8;
	--global--color-lightest-grey: #eeefed;
	
	--global--color-wish-black: #293132;
    --global--color-text-black: #3b4147;
	--global--color-maroon: #691c32;
	--global--color-clay: #6a767f;
	--global--color-purple: #605172;
	--global--color-wish-purple:#7c6992;
	--global--color-magenta: #A92182;
	--global--color-wish-pink: #da559e;
	--global--color-dusky-pink: #f0a0c8;	
	

	--primary-nav--font-family: var(--heading--font-family);
	--primary-nav--font-color: var(--global--color-text-black);
	--primary-nav--color-text: var(--global--color-text-black);
	--primary-nav--font-weight: "ital" 0, "wght" 580;
	--primary-nav--submenu-settings: "ital" 0, "wght" 520;
	
	--global--color-primary: var(--global--color-magenta);
	--global--color-secondary: var(--global--color-maroon);
	--footer--color-link: var(--global--color-clay);
	--wp--style--color--link: var(--global--color-clay);
	--entry-header--color: var(--global--color-text-black);
	--wp--style--color--link: var(--global--color-magenta);

	--primary-nav--font-size: 1.8rem;
	--primary-nav--font-size-sub-menu: 1.7rem;
	
	--global--spacing-unit: 2rem;
	--global--spacing-measure: unset;
	--global--spacing-vertical: 2rem;
	--global--spacing-horizontal: 2rem;
	
	--pullquote--font-size: 1.85rem;
	--pullquote--line-height:1.7em;
	--pullquote--font-family: var(--heading--font-family);
	--pullquote--font-settings: "ital" 0, "wght" 550;
		
	--form--border-width: 1px;
	}
	
html {
	overflow-y: scroll;
	}

body {
	overflow-x: hidden;
	font-weight:400;
	margin-top:0;
	color:var(--global--color-text-black);
	background-color:var(--global--color-page-background);
	letter-spacing: var(--global--letter-spacing);
	
	}

body,
.primary-navigation #primary-menu-list li a,
#page .wp-block-button a, 
#page .site-main input[type="submit"], 
#page .top-content .wp-block-button a,
#page .progress-label,
.wp-block-pullquote p,
#page .wp-block-heading {
/*	 font-feature-settings: "salt";
	  -moz-font-feature-settings: "salt";
	  -webkit-font-feature-settings: "salt"; */
	 } 

	
#page .entry-content .inline-contact-data {
    visibility: hidden; /* Hide the content initially */
	}
	
#page .entry-content .contact-data {
	font-size:1.55rem;
	line-height:1.5em;
	}

#page .entry-content .fn {
	font-weight:700;
	font-size:1.4rem;
	color:var(--wp--style--color-magenta);
	}

#page .entry-content a {
	color:var(--wp--style--color--link);
	}
	
#skip-link a.skip-link:focus {
	min-width:2.4rem;
	min-height:2.4rem;
	font-size:1.8rem;
	background-color:var(--global--color-background);
	}
	
.site-main > article > *, .site-main > .not-found > *, .entry-content > *, [class*=inner-container] > *, .wp-block-template-part > *, .wp-block-post-template :where(li > *) {
	margin-top:unset;
	margin-bottom:unset;
	}
	
b,	
strong,
#page .entry-content strong {
	font-weight:600;
	}
	
#page h1 {
	margin-top:0;
	margin-bottom:1rem;
	font-weight:unset;
	font-variation-settings:var(--heading--h1-font-settings);
	color:var(--global--color-text-black);
	}
	
#page h1.site-logo {
	margin-bottom:0;
	}

#page h2 {
	margin-top:3rem;
	margin-bottom:0.8rem;
	font-weight:unset;
	font-variation-settings:var(--heading--h2-font-settings);
	}
	
.home #page h2,
.home #page .entry-content h2.spo-tier {
font-size:var(--heading--font-size-h1);
	font-variation-settings:var(--heading-h1-font-settings);
	}

#page h3 {
	margin-top:3rem;
	margin-bottom:0.5rem;
	font-weight:unset;
	font-variation-settings:var(--heading--h3-font-settings);
	}
	
#page h2.h3 {
	font-size:var(--heading--font-size-h3);
	}

#page h3.wp-block-heading + .wp-block-columns {
	margin-top:1rem;
	}
#page .help-columns .wp-block-column .wp-block-image:first-child,	
#page .help-columns .wp-block-column h3 {
	margin-top:0;
	margin-bottom:0;
	line-height:1.4em;
	}

#page h4 {
	font-weight:unset;
	font-variation-settings:var(--heading--h4-font-settings);
	}
	
#page h5 {
	font-weight:unset;
	font-variation-settings:var(--heading--h5-font-settings);
	}
	
#page h6 {
	font-variation-settings:var(--heading--h5-font-settings);
	}

#page h4,
#page h5,
#page h6 {
	margin-top:3rem;
	margin-bottom:0.5rem;
	clear:right;
	}


#page h1 + h2,
#page h2 + h3,
#page h3 + h4,
#page h4 + h5,
#page h5 + h6 {
	margin-top:1.5rem;
	}
	
#page .entry-content *.h1,
#page .entry-content *.h2,
#page .entry-content *.h3,
#page .entry-content *.h4 {
	font-family:var(--heading--font-family);
	clear:none;
	margin-bottom:0.5rem;
	margin-top:3rem;
	}
	
#page h1 .entry-content strong,
#page h2 .entry-content strong,
#page h3 .entry-content strong,
#page h4 .entry-content strong,
#page h5 .entry-content strong
#page h6 .entry-content strong {
	font-weight:unset;
	font-variation-settings:var(--heading--font-bold);
	}
	
#page h1 strong em,
#page h2 strong em,
#page h3 strong em,
#page h4 strong em,
#page h5 strong em,
#page h6 strong em,
#page h1 em strong,
#page h2 em strong,
#page h3 em strong,
#page h4 em strong,
#page h5 em strong,
#page h6 em strong {
	font-weight:unset;
	font-style:unset;
	font-variation-settings:var(--heading--font-bold-italic);
	}

.wp-block-heading:not(.has-text-color) {
	color:var(--global--color-text-black);
	}

#page h2:not(.has-text-color) {
	color:var(--global--color-magenta);
	}
	
#page h3:not(.has-text-color) {
	color:var(--global--color-clay);
	font-variation-settings:"ital" 0, "wght" 540;
	}
	
#page h4:not(.has-text-color) {
	color:var(--global--color-purple);
	font-variation-settings:"ital" 0, "wght" 580;
	}
	

#page h6:not(.has-text-color),
#page h5:not(.has-text-color) {
	color:var(--global--color-text-black);
	}


#page .director-contacts h3,
#page .admin-contacts h3,
#page .program-contacts h3 {
	font-size:2rem;
	line-height:1.4em;
	}
	
#page .director-contacts h4 {
	font-size:1.8rem;
	margin-top:0.75rem;
	}
	
#page h2.contact {
	margin-bottom:1rem;
	}
	

#page .wp-block-group.expand h3 {
/*	color:var(--global--color-purple); */
	font-weight:500;
	font-size:2.2rem;
	}

#page .office-contacts h3,
#page .director-contacts h3,
#page .admin-contacts h3,
#page .program-contacts h3, 
#page .location-contacts h3 {
	font-size:2rem;
	}
	
#page .admin-contacts p,
#page .program-contacts p {
	font-size:1.7rem;
	}
	
#page .office-contacts h4,
#page .director-contacts h4,
#page .admin-contacts h4,
#page .program-contacts h4, 
#page .location-contacts h4 {
	color:var(--global--color-text-black);
	margin-top:0;
	font-size:1.7rem;
	font-variation-settings: "ital" 0, "wght" 520;
	}
	
#page .is-smallest-text, 
#page .has-smallest-font-size {
	font-size:var(--global--font-size-smallest);
	}

#page .is-small-text, 
#page .has-small-font-size {
	font-size:var(--global--font-size-small);
	}

#page .is-large-text, 
#page .has-large-font-size {
	font-size:var(--global--font-size-large);
	}

#page .is-larger-text, 
#page .has-larger-font-size {
	font-size:var(--global--font-size-larger);
	}

#page .is-largest-text, 
#page .has-largest-font-size {
	font-size:var(--global--font-size-largest);
	}
	
#page .is-wish-big-text, 
#page .has-wish-big-font-size {
	font-size:var(--global--font-size-wish-big);
	line-height:1.4em;
	}
	
#page .is-wish-bigger-text, 
#page .has-wish-bigger-font-size {
	font-size:var(--global--font-size-wish-bigger);
	line-height:1.4em;
	}
	
#page .is-wish-biggest-text, 
#page .has-wish-biggest-font-size {
	font-size:var(--global--font-size-wish-biggest);
	line-height:1.2em;
	}

#page p.has-drop-cap {
	font-size:2.2rem;
	}

#page .is-content-justification-center {
	display:flex;
	justify-content:center;
	}
	
#page .is-content-justification-left {
	display:flex;
	justify-content:left;
	}
	
#page .is-content-justification-right {
	display:flex;
	justify-content:right;
	}
	
#page .entry-content {
	color:var(--global--color-black);
	}

#page p,	
#page .entry-content p {
	margin-top:0;
	margin-bottom:2rem;
	}
	
#page ol.wp-block-list,
#page article ol,
#page .entry-content ol {
	padding-left:25px;
	margin-top:0;
	list-style-position: outside;
	}
.single-post ul.wp-block-list,	
#page ul.wp-block-list,
#page article ul,
#page .entry-content ul {
	padding-left:22px;
	margin-top:0;
	list-style-position: outside;
	}
.page #page .entry-content .expand ul,
.page #page .entry-content > ul.wp-block-list {
	list-style-position: inside;
	margin-bottom:2rem;
	}
	
#page .entry-content .wp-block-list.no-bullets,
#page .entry-content ul.no-bullets {
	list-style-type:none;
	}

#page li {
	margin-bottom:1rem;
	}

#page article ul li,
#page article ol li,	
#page .entry-content ol li,
#page .entry-content ul li {
	line-height:var(--wp--typography--line-height);
	letter-spacing:var(--global--letter-spacing);
	margin-bottom:1.5rem;
	}
	
#page .wp-block-heading + ul,
#page .wp-block-heading + ol {
	margin-top:1rem;
	}
	
#page a:focus {
	outline:2px solid #777;
	outline-offset:0.2rem;
	background-color:unset;
	}
	
#page .entry-content .wp-block-pullquote,
#page .entry-content .wp-block-quote {
	margin-top:3rem;
	margin-bottom:3rem;
	padding-left:3rem;
	padding-right:3rem;
	font-weight:unset;
	font-variation-settings:var(--pullquote--font-settings);
	}
#page .entry-content .wp-block-quote {
	border-left:2px solid var(--global--color-magenta);
	}
	
#page .entry-content blockquote p,
#page .entry-content .wp-block-quote p {
	font-weight:unset;
	font-variation-settings:"ital" 0, "wght" 420;
	font-size:1.7rem;
	}
	
#page .entry-content .wp-block-quote p:last-of-type {
	margin-bottom:0.5rem;
	}
	
.wp-block-quote + .wp-block-quote {
	margin-top:3rem;
	}
	
#page .entry-content .wp-block-pullquote p {
	font-family:var(--heading--font-family);
	font-size:1.8rem;
	line-height:1.5em;
	font-weight:unset;
	font-variation-settings:var(--pullquote--font-settings);
	}
	
#page .entry-content blockquote p:not(.has-text-color),
#page .entry-content .wp-block-quote p:not(.has-text-color) {
	color:var(--global--color-magenta);
	font-weight:unset;
	font-variation-settings:"ital" 0, "wght" 480;
	}
	
	
#page .entry-content blockquote > p,
#page .entry-content .wp-block-quote > p {
font-family: var(--heading--font-family);
	margin-bottom:1rem;
	font-weight:600;
	}
	
.wp-block-pullquote .wp-block-pullquote__citation, 
.wp-block-pullquote cite, 
.wp-block-pullquote footer,
.wp-block-quote cite {
	font-family: var(--heading--font-family);
	font-size:1.5rem;
	text-transform:uppercase;
	margin-top:0;
	color:var(--global--color-magenta);
	font-weight:unset;
	font-variation-settings:var(--pullquote--font-settings);
	}
		
.wp-block-quote:before {
	display:none;
	}
	
#page .wp-block-pullquote {
	border-top:3px solid var(--global--color-magenta);
	border-bottom:3px solid var(--global--color-magenta);
	max-width:calc(var(--responsive--aligndefault-width) - 6%);
	margin:3rem auto 4rem auto;
	font-weight:unset;
	font-variation-settings:var(--pullquote--font-settings);
	}
	
#page .wp-block-pullquote blockquote {
	margin-left:0;
	padding-left:1rem;
	padding-right:1rem;
	}
	
.wp-block-pullquote blockquote::before {
	display:none;
	}
		
.wp-block-image figcaption em {
	font-style:unset;
	}

#page .wp-caption-text,
.wp-block-image figcaption {
	font-family: var(--heading--font-family);
	font-weight:unset;
	font-style:unset;
	color:var(--global--color-purple);
	font-variation-settings:"ital" 1, "wght" 450;
	text-align: center;
	font-size: 1.5rem;
	line-height:1.4em;
	max-width:calc(var(--responsive--aligndefault-width) - 8rem);
	margin:0.75rem auto 3rem auto;
	width:90%;
	}

	
#page .entry-content hr.wp-block-separator {
	margin:5rem auto;
	max-width:calc(var(--responsive--aligndefault-width) - 30rem);
	width:50%;
	background-color:#000;
	height:0.1rem;
	}
	
#page .wp-block-spacer {
	margin:0 auto;
	}
	
#page .color-blocks p {
	margin-bottom:0;
	}

/*************************

	SITE HEADER 
	
*************************/

.admin-bar .site-header {
	margin-top:32px;
	}
	
.mobile {
	display:none;
	}
	
#wpadminbar.mobile {
	display:block;
	}
		
.site-header {
	position:fixed;
	max-width:100%;
	width:100%;
	z-index:9999;
	display:flex;
	padding:0;
	top:0;
	border-bottom:2px solid #aaa;
	background:var(--global--color-page-background);
	}

.site-header .header-content {
	max-width:100%;
	width:100%;
	margin:0 auto;
	padding:1rem 2rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	
	}
	
.site-header::before,
.site-header::after {
	display:none;
	}
	
.site-header .custom-logo {
	max-width:100%;
	max-height:120px;
	}


.site-branding {
	margin-top:0;
	max-width:35%;
	}
	
.site-logo { 
	margin: 0; 
	}
	
#site-header .site-logo a:focus {
	outline:none;
	}

#site-header .site-logo a:focus img {
	outline-offset:0.3rem;
	outline:2px solid #aaa;
	}
	
#site-header.stuck .site-logo a:focus img {
	outline-offset:0;
	}

#site-header .header-right .top-content {
	position:absolute;
	top:1rem;
	right:25px;
	display:flex;
	flex-wrap:nowrap;
	column-gap:1.5rem;
	align-items:center;
	}

#site-header .header-right .top-content .widget:last-child p,
#site-header .header-right .top-content .wp-block-buttons {
	margin:0;
	}

#site-header .header-right .top-content .widget:last-child p {
font-family:var(--global--font-primary);
	margin-bottom:-0.3rem;
	font-weight:600;
	font-size:1.6rem;
	}

#site-header .header-right .top-content .widget:last-child p a {
	color:var(--global--color-magenta);
	}

#page #site-header .wp-block-button:not(.donate-button) > a,
#page #site-header .donate-button {
	padding:8px 18px 3px 18px;
	border-radius:5rem;
	font-size:1.5rem;
	display:inline;
	}
	
#page #site-header .wp-block-buttons {
	display:flex;
	column-gap:1rem;
	}

#page #site-header .wp-block-button:not(.donate-button) > a:hover,
#page #site-header .wp-block-button:not(.donate-button) > a:active,
#page #site-header .wp-block-button:not(.donate-button) > a:focus,
#page #site-header .donate-button:hover,	
#page #site-header .donate-button:active,
#page #site-header .donate-button:focus {
	padding:7px 17px 2px 17px;
	border-radius:5rem;
	border:1px solid var(--global--color-magenta);
	color:1px solid var(--global--color-magenta);
	background:var(--global--page-background);
	}
		
#page .wp-block-button .donate-dropdown-content {
	margin-top:0;
	z-index:9999;
	}
	
#page #site-header .wp-block-button:not(.donate-button) > a:hover,
#page #site-header .donate-button:hover {
	padding:7px 17px 2px 17px;
	}
	
#page .wp-block-button .donate-dropdown-content a {
	padding:0.5rem 0.75rem 0 0.75rem;
	font-size:0.9em;
	background-color:var(--global--color-page-background);
	color:var(--global--color-magenta);
	border:1px solid var(--global--color-magenta);
	outline:none;
	text-transform:none;
	box-shadow:none;
	}
	
#page .wp-block-button .donate-dropdown-content a:hover,
#page .wp-block-button .donate-dropdown-content a:active,
#page .wp-block-button .donate-dropdown-content a:focus {
	padding:0.5rem 0.75rem 0 0.75rem;
	font-size:0.9em;
	background-color:var(--global--color-lightest-pink);
	color:var(--global--color-magenta);
	outline:none;
	}
	
#site-header .header-right .top-content .wp-block-social-links {
	display:flex;
	column-gap:2rem;
	}
	
#site-header .header-right .top-content li {
	margin-bottom:0;
	}
	
#page figure a:hover img {
	opacity:0.7;
	}
	
#page figure:hover figcaption {
	text-decoration:underline;
	}
	
#page figure a:focus img {
	outline:2px solid #444;
	}

/***********************

	STICKY HEADER
	
**********************/
	
.site-header.stuck .custom-logo { 
	max-height: 8rem; 
	}
	
.site-header.stuck .header-content {
	padding:1rem;
	}
	
#site-header.stuck .header-right .top-content .wp-block-button__link {
	font-size:1.4rem;
	}

#site-header.stuck .wp-block-social-links svg {
	width:2.4rem;
	height:2.4rem;
	}	
	
#site-header.stuck .wp-block-social-links, 
#site-header.stuck .wp-block-social-links.has-normal-icon-size {
	font-size:2rem;
	}
	
#site-header.stuck .header-right .top-content .wp-block-social-links {
	column-gap:1.25rem;
	}

.site-header.stuck #site-navigation .primary-menu-container	{
	margin-top:5rem;
	}
	
.site-header.stuck .sub-menu-toggle span {
	width:1.4rem;
	}
	
.site-header.stuck .primary-navigation #primary-menu-list {
	column-gap:15px;
	transition:none;
	}
	
.site-header.stuck .primary-navigation #primary-menu-list li a {
	font-size:1.6rem;
	} 
	
.site-header.stuck .primary-navigation #primary-menu-list .sub-menu-toggle {
	margin-left:0.25rem;
	}
	
.site-header.stuck .header-content {
	min-height:unset;
	}

.wp-block-search button.wp-block-search__button.has-icon,
.wp-block-search button.wp-block-search__button.has-icon svg {
	padding:0
	}
	
.wp-block-search button.wp-block-search__button.has-icon {
	background-color:transparent;
	fill:var(--global--color-black);
	}
	
.wp-block-search button.wp-block-search__button.has-icon svg {
	width:3.2rem;
	height:3.2rem;
	}
	
.wp-block-search .wp-block-search__input {
	padding:0.5rem;
	height:unset;
	font-size:1.8rem;
	line-height:1.5em;
	}

/*************************

	MAIN NAVIGATION
	
*************************/

.primary-navigation > .primary-menu-container {
	transition:none;
	}
	
.primary-navigation-open .primary-navigation > .primary-menu-container {
	position:relative;	
	}

#site-navigation .primary-menu-container {
	margin:8rem 0 0 0;
	}
	
.primary-navigation #primary-menu-list {
	column-gap:24px;
	align-items:start;
	}
	
.primary-navigation #primary-menu-list li {
	margin-bottom:0;
	}
	
.primary-navigation #primary-menu-list li > a {
	padding:0.5rem 0;
	font-family:var(--heading--font-family);
	font-weight:unset;
	font-variation-settings:var(--primary-nav--font-weight);
	}
	
.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
	width:2.2rem;
	height:unset;
	padding-left:0;
	padding-right:0;
	}
	
	
/************************
		Sub-menus 
*************************/
	
.primary-navigation #primary-menu-list li a:hover > .sub-menu {
	display:flex;
	}

.primary-navigation #primary-menu-list .sub-menu {
	border:none;
	padding-top:0;
	z-index:9999;
	background:var(--global--color-lightest-pink);
	padding: 0 1rem 0.5rem 1rem;
	min-width:100%;
	width: max-content;
	box-shadow:1px 1px 7px #777;
	}
	
.primary-navigation #primary-menu-list .sub-menu:before,
.primary-navigation #primary-menu-list .sub-menu:after {
	display:none;
	}
	
		
.primary-navigation #primary-menu-list .sub-menu li {
	background:unset;
	width:100%;
	}
	
.primary-navigation #primary-menu-list .sub-menu li.current-page-parent a,
.primary-navigation #primary-menu-list .sub-menu li a {
	padding:0.75rem 0.5rem;
	width:100%;
	font-size:1.65rem;
	font-weight:unset;
	font-family:var(--heading--font-family);
	font-variation-settings:var(--primary-nav--submenu-settings);
	}


.primary-navigation #primary-menu-list .sub-menu {
	padding-top:0.5rem;
	}
	

/** Sub-menu toggles **/

.primary-navigation #primary-menu-list .sub-menu-toggle {
	display:flex;
	width:2.4rem;
	height:2.4rem;
	margin-left:0.5rem;
	align-self:center;
	margin-top:0;
	}
	
.primary-navigation #primary-menu-list .sub-menu-toggle svg {
	display:none;
	}

.sub-menu-toggle span {
	width: 2rem;
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: 50% 50%;
	}
	
.site-header.stuck .sub-menu-toggle span {
	background-size:100%;
	background-position:50% 50%;
	}
	
.sub-menu-toggle .icon-plus {
	background-image: url(images/menu-arrow-down.png);
	}

.sub-menu-toggle .icon-minus {
	background-image: url(images/menu-arrow-up.png);
	}

	
	
/** Active Items **/

.single-campaign .primary-navigation #primary-menu-list .posts > a,
.single-job_opening .primary-navigation #primary-menu-list .posts > a,
.primary-navigation #primary-menu-list .sub-menu li.current-page-parent a,
.single-program .primary-navigation #primary-menu-list li.posts a {
	text-decoration:none;
	color:var(--primary-nav--color-text);
	}

.single-job_opening .primary-navigation #primary-menu-list .jobs-menu_item > a,
.primary-navigation #primary-menu-list .menu-item > a:hover,
.primary-navigation #primary-menu-list .current-menu-item > a,
.primary-navigation #primary-menu-list .current_page_parent > a,
.primary-navigation #primary-menu-list .current_page-item > a,
.primary-navigation #primary-menu-list .current-menu-ancestor > a,
.primary-navigation #primary-menu-list .current-page-ancestor > a {
	color:var(--global--color-magenta);
	text-decoration:underline;
	}

.primary-navigation #primary-menu-list .sub-menu .menu-item > a:active,
.primary-navigation #primary-menu-list .sub-menu .menu-item > a:focus,
.primary-navigation #primary-menu-list .sub-menu .menu-item > a:hover,
.primary-navigation #primary-menu-list .sub-menu li.current-menu-item > a {	
	text-decoration:underline;
	color:var(--global--color-magenta);
	}
	
	
/*** Menu Hover / Focus states ****/
	
.primary-navigation #primary-menu-list li > a:hover,
.primary-navigation #primary-menu-list li > a:focus {
	text-decoration:underline;
	}
	
.primary-navigation #primary-menu-list li > a:focus {
	outline-offset:0.5rem;
	text-decoration:none;
	}
	
.primary-navigation #primary-menu-list .sub-menu-toggle:focus {
	outline: 2px solid #aaa;
    outline-offset: 0.25rem;
	}
	
.primary-navigation #primary-menu-list .sub-menu li a:hover,
.primary-navigation #primary-menu-list .sub-menu li a:focus {
	color:var(--global--color-magenta);
	outline-offset:0;
	}


.primary-navigation #primary-menu-list .sub-menu .menu-item > a:focus {
	text-decoration:none;
	}

/*********************************

			SEARCH FORM

HEADER SEARCH EXPAND WITH TOOLTIP 

*********************************/	

#page .site-header .wp-block-search {
margin-right:1rem;
margin-bottom:0;
}

#page .wp-block-search .wp-block-search__input,
#page .site-header .wp-block-search .wp-block-search__input {
    background-image: url(images/search-icon.png);
    background-size: 24px 24px;
    background-position: 100% 0;
    height: 27px;
    width: 27px;
    margin: 0;
    font-size:0;
    background-repeat: no-repeat;
    border:none;
    transition: width 1s;
    position:relative;
    background-color:transparent;
	}

#page .wp-block-search input[type="search"]::-webkit-search-cancel-button,
#page .site-header .wp-block-search input[type="search"]:focus::-webkit-search-cancel-button {
	display:block;
	position:absolute;
	right:2.5rem;
	top:0.5rem;
	}
	
#page .site-header .wp-block-search input[type="search"]::-webkit-search-cancel-button {
	top:0.8rem;
	right:2.75rem;
	height:2.2rem;
	width:2.2rem;
	}

#page .wp-block-search .wp-block-search__input,	
#page .wp-block-search .wp-block-search__input:focus,
#page .site-header .wp-block-search .wp-block-search__input:focus {
	outline:none;
	width:18rem;
	height:27px;
	font-size:1.5rem;
	border-bottom:1px solid var(--global--color-text-black);
	padding:0 0 0 1rem;
	}
	
#page .wp-block-search .wp-block-search__input:focus {
	outline:2px solid #777;
	outline-offset:0.5rem;
	}

#page .site-header .wp-block-search {
	position:relative;
	}
	
#page .site-header .wp-block-search .tooltiptext {
	visibility: hidden;
    font-size:1.5rem;
    line-height:1.3em;
    color:var(--global--color-black);
    background:var(--global--color-white);
    text-align: center;
    padding: 0.5rem;
    border-radius: 0.6rem;
    position:absolute;
    z-index:1;
    width: 15rem;
    top: 105%;
    right:-6rem;
    word-spacing:0.1rem;
	}
	
#page .site-header .wp-block-search:hover .tooltiptext {
    visibility: visible;
	}
	
#page .site-header .wp-block-search:hover .tooltiptext::after {
	content: " ";
	position: absolute;
	bottom: 100%;  /* At the top of the tooltip */
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent black transparent;
	}

#page .site-footer .tooltiptext,
.search-no-results .tooltiptext,
.error404 .entry-content .tooltiptext {
	display:none;
	}

.wp-block-social-links .wp-social-link svg {
	width:2.6rem;
	height:2.6rem;
	}

/*************************

	PAGE STRUCTURE
	
**************************/

#page .site-main {
	padding-bottom:30px;
	}
	
#page .site-content {
	margin-top:140px;
	min-height:700px;
	}

#page header.entry-header {
	max-width:var(--responsive--aligndefault-width);
	border:none;
	padding:60px 20px 0 20px;
	margin:0 auto 30px auto;
	text-align:center;
	}
	
#page .site-main {
	padding-top:0;
	}

.single-campaign .posted-date,
.page-cols .page-feature img {
	display:none;
}

#page .entry-content {
	padding:0;
	margin:0 auto;
	}
	
#page .entry-content {
	padding-left:2rem;
	padding-right:2rem;
	}
	
#page .entry-content > .alignfull {
	margin-left:-2rem;
	margin-right:-2rem;
	max-width:calc(100% + 4rem);
	}

.home #page .entry-content {
	margin-top:6rem;
	}
	
#page .entry-content:before,
#page .entry-content:after {
	display:none;
	}
	
#page .entry-content > *:first-child {
	margin-top:0;
	}
	
.wp-block-columns {
	column-gap:6rem;
	}
	
.single-program .wp-block-columns {
	column-gap:2rem;
	}
	
.wp-block-columns.alignfull .wp-block-column p:not(.has-background), 
.wp-block-columns.alignfull .wp-block-column h1:not(.has-background), 
.wp-block-columns.alignfull .wp-block-column h2:not(.has-background), 
.wp-block-columns.alignfull .wp-block-column h3:not(.has-background), 
.wp-block-columns.alignfull .wp-block-column h4:not(.has-background), 
.wp-block-columns.alignfull .wp-block-column h5:not(.has-background), 
.wp-block-columns.alignfull .wp-block-column h6:not(.has-background) {
	padding-left:0;
	padding-right:0;
	}
	
#page *.has-background {
	padding:1rem;
	}
	
.wp-block-columns .wp-block-column > h2.wp-block-heading {
	margin-bottom:2rem;
	}
	
.wp-block-columns .wp-block-column > h3.wp-block-heading {
	margin-bottom:0;
	}
	
#main .wp-block-image .alignleft, 
#main .wp-block-image .alignright {
	max-width:calc(40% - 2rem);
	}
	
#main .wp-block-image .alignleft {
	margin:0.5rem 1.5rem 0.25rem 0;
	}
	
#main .wp-block-image .alignright {
	margin:0.5rem 0 0.25rem 1.5rem;
	}
	
figcaption, .wp-caption, .wp-caption-text, 
.wp-block-embed figcaption {
	font-size:1.5rem;
	}

	
/***************************

		EXPANDERS
		
****************************/

#page .wp-block-heading + .trigger {
	
	}
	
#page .trigger {
	font-size:1.8rem;
	margin-bottom:1rem;
	}	
	
#page .wp-block-heading.trigger {
	font-size:2rem;
	color:var(--global--color-maroon);
	}
	
#page h2.trigger {
	font-size:2.1rem;
	margin-bottom:1rem;
	}
	
#page .site-content h2.trigger::after {
	background-image: url('images/expand-arrow-down-mag.png');
	}
	
#page .site-content h2.trigger.expanded::after {
	background-image: url('images/expand-arrow-up-mag.png');
	}
	
#page .site-content .trigger::after {
	content: "";
	background-image: url('images/expand-arrow-down.png');
	background-size: 100%;
	width: 2rem;
	height: 2rem;
	display: inline-flex;
	align-items: flex-end;
	background-position: bottom;
	margin-left: 1rem;
	background-repeat: no-repeat;
	}

#page .site-content .trigger.expanded::after {
	content: "";
	background-image: url('images/expand-arrow-up.png');
	background-size: 100%;
	width: 2rem;
	height: 2rem;
	display: inline-flex;
	align-items: flex-end;
	background-position: bottom;
	margin-left: 1rem;
	background-repeat: no-repeat;
	}

#page .trigger {
	margin-bottom:0;
	}
	
#page .wp-block-group .trigger {
	margin-bottom:1rem;
	}
	
#page .wp-block-group .expand {
	display:none;
	padding-top:0.5rem;
	margin-top:0;
	}
	
#page .wp-block-group.expand h3:first-child {
	margin-top:0;
	}

#page .wp-block-columns {
	margin-top:4rem;
	margin-bottom:4rem;
	}	

#page .wp-block-columns .wp-block-column > *:first-child {
	margin-top:0;
	}
	
.entry-content .alignwide  *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
.entry-content .alignfull  *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
	max-width:unset;
	}
	
#page .entry-content .no-shadow img,
#page .wp-block-columns .wp-block-column .no-shadow img {
	box-shadow:none;
	border:none;
	}
	
.wp-block-separator {
	margin:1rem auto 3rem auto;
	}
	
	
/***********************

	CUSTOM BLOCKS
	
***********************/

#page .post-item {
	display:flex;
	flex-direction:column;
	text-align:center;
	justify-items:center;
	position:relative;
	margin-bottom:40px;
	column-gap:20px;
	background:rgba(255,255,255,0.4);
	box-shadow: 2px 2px 5px #989898;
	width:100%;
	transition:background 0.2s ease-in-out;
	}
	
#page .post-item:focus-within,
#page .post-item:hover {
	background-color:var(--global--color-lightest-pink);
	box-shadow:1px 1px 5px #545454;
	z-index:999;
	}
	
#page .post-item img {
	margin-top:0;
	box-shadow: 1px 1px 5px var(--global--color-clay);
	}
	
#page .post-item:hover .item-image {
	opacity:0.9;
	background:transparent;
	}
	
#page .post-item h3 {
	margin-top:0.5rem;
	margin-bottom:0.5rem;
	color:var(--global--color-magenta);
	}
	
#page .post-item h3:hover {
	color:var(--global--color-magenta);
	}
	
#page .post-item p {
	margin-bottom:0;
	font-size:1.6rem;
	line-height:1.45em;
	}
	
#page .post-item .more {
	margin-top:2rem;
	}
	
.excerpt-date,	
#page .post-item .excerpt-date {
	margin-top:1rem;
	margin-bottom:1rem;
	font-size:1.6rem;
	letter-spacing:normal;
	}

#page .post-item .excerpt-date {	
	font-family:var(--heading--font-family);
	text-transform:uppercase;
	margin-top: 0.25rem;
	margin-bottom: 2rem;
	letter-spacing:var(--global--letter-spacing);
	}
	
#page .post-item.vertical {
	max-width:80rem;
	margin-bottom:0;
	row-gap:0;
	position:relative;
	height:100%;
	}
	
#page .post-item.horizontal {
	flex-direction:row;
	flex-wrap:wrap;
	align-items:center;
	padding:0;
	position:relative;
	}	
	
#page .post-item .more {
	margin-top:2rem;
	}
	
#page .post-item .home-boxlink {
	opacity:0;
	width:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	}

#page .post-item .home-boxlink a,
.post-item .home-postlink a {
	display:block;
	opacity:1;
	width:100%;
	height:100%;
	justify-content:right;
	color: var(--global--color-maroon);
	transition: opacity 0.25s ease-in-out;
	font-size: 1.7rem;
	text-decoration: none;
	font-weight:500;
	}
	
#page .post-item a:focus,
#page .post-item:hover .home-boxlink,
#page .post-item:focus .home-boxlink {
	display:block;
	opacity:1;
	}

#page .post-item:hover .home-boxlink a {	
	font-family:var(--heading--font-family);
	font-weight:var(--heading--font-weight);
	}


#page .post-item .home-boxlink a span {
	position:absolute;
	bottom:1rem;
	right:1rem;
	font-family:var(--heading--font-family);
	font-weight:var(--heading--font-weight);
	}
	
	
#page .post-item.horizontal .item-image {
	width:calc(38% - 1.5rem);
	}
	
#page .post-item.horizontal .item-details {
	display:flex;
	flex-direction:column;
	width:calc(62% - 1.5rem);
	align-content:center;
	justify-content:left;
	text-align:left;
	}
	
#page .post-item.vertical .item-details {
	text-align:left;
	}

#page .post-item.vertical .item-details.post-content {
	padding:1rem 2rem 4rem 2rem;
	}
	
#page .post-item.horizontal .item-details.post-content {
	padding:1rem 2rem 4rem 1rem;
	}

#page .wp-block-columns .wp-block-column .post-item .item-image img {
	margin:0;
	min-height:100%;
	}
	
#page .wp-block-column .post-item.horizontal {
	align-items:center
	}

#page .wp-block-column .post-item.horizontal .item-image {
	width:calc(40% - 1.5rem);
	height:100%;
	object-fit:cover;
	}	
	
#page .wp-block-column .post-item.horizontal .item-details {
	width:calc(60% - 1.5rem);
	}

#page .wp-block-column.post-item {
	margin-bottom:0;
	}
	
#page .entry-content .wp-block-columns.posts-vertical {
	align-content:stretch;
	}
	
#page .post-item.vertical .item-image {
	height:33rem;
	}
	
#page .post-item.vertical .item-image img { 
	box-shadow:1px 1px 3px #989898;
	border:none;
	height:33rem;
	min-height:unset;
	width:100%;
	object-fit:cover;
	}
	
#page .entry-content .wp-block-columns.posts-vertical .wp-block-column {
	display:flex;
	align-self:stretch;
	}

#page .entry-content .wp-block-columns.posts-vertical .wp-block-column .post-item {
	height:100%;
	}
	
	
#page .job-documents div {
	display:flex;
	justify-content:center;
	margin-bottom:3rem;
	width:100%;
	text-align:center;
	}
	
	
/***********************************
	
			HOME
	
************************************/	

.home #page h2:not(.has-text-color) {
	color:var(--global--color-maroon);
	}

#page .home-section.has-white-color *:not(.spo-name):not(.department-title){
	color:#fff;
	}
	
.home #page .site-main {
	padding-bottom:0;
	}
	
.home #page .entry-content {
	margin:0;
	padding:0;
	}
	
.home-top img {
	max-width:95rem;
	width:100%;
	padding:1rem 2rem;
	}
	
.home-top {
	background:radial-gradient(var(--global--color-lightest-grey) 40%, var(--global--color-lightest-pink));
	border-bottom:2px solid var(--global--color-magenta);
	}

#page .home-top > div {
	padding:0 2rem;
	max-width:var(--responsive--aligndefault-width);
	}

#page .home-section.has-background {
	border-top:2px solid var(--global--color-magenta);
	padding-bottom:1.5rem;
	}
	
.home-bottom:not(.has-background) {
	background:linear-gradient(to bottom right, var(--global--color-lightest-grey), var(--global--color-lightest-grey));
	padding-bottom:3rem;
	}

#page .home-section .wp-block-group:not(.alignwide):not(.alignfull),
#page .home-bottom .wp-block-columns:not(.alignwide):not(.alignfull) {
	padding:0 2rem;

	}

#page .home-section .alignwide:not(.alignfull),
#page .home-bottom > .wp-block-columns.alignwide:not(.alignfull) {

	}
	
#page .home-bottom .wp-block-columns {
	padding:0 2rem;
	}
	
/*	
.home-middle {
	background-image:url(images/dahlia-lightest-grey.png), url(images/dahlia-lightest-grey.png);
	background-repeat:no-repeat, no-repeat;
	background-position:25% 50%, 75% 50%;
	background-size:50%, 50%;
	} */
	
.home-middle {
	background-image:url(images/dahlia-lightest-grey-op.png);
	background-repeat:no-repeat;
	background-size:40%;
	background-position: 50% 50%;
	}
	
#page .home-middle > div {
	padding-left:2rem;
	padding-right:2rem;
	}	
	
.home #page .wp-block-column > h3 {
	font-size:2.8rem;
	}
	
.home #page .wp-block-column > .wp-block-heading {
	padding-left:2rem;
	padding-right:2rem;
	}
	
.home #page .home-supports {
	align-items:stretch;
	column-gap:20px;
	}

.home #page .home-supports > .wp-block-column {
	min-height:100%;
	align-self:stretch;
	}	
	
/***********************************
	
			BOARD
	
************************************/	

#page .board-listing .board {
	display:flex;
	flex-wrap:wrap;
	column-gap:3rem;
	row-gap:3rem;
	max-width:var(--responsive--alignwide-width);
	}

.board-member {
	display:flex;
	flex-direction:column;
	align-items:stretch;
	width:calc(25% - 2.25rem);
	box-shadow:2px 2px 3px var(--global--color-clay);
	}
	
.board-member:hover img {
	opacity:0.7;
	}
	
.board-member:hover .member-details h2 {
	text-decoration:underline;
	}
	
.board-member .member-details {
	display:flex;
	flex-direction:column;
	background:linear-gradient(to bottom right, var(--global--color-lightest-pink), var(--global--color-lightest-grey));
	flex-grow: 1;

	}
	
#page .board-member .member-details h2 {
	margin-top:0;
	padding:1rem 1rem 0 1rem;
	margin-bottom:0;
	color:var(--global--color-magenta);
	font-size:2.4rem;
	}
	
#page .board-member:focus {
	outline:none;
	}
	
#page .board-member:focus .open-overlay {
	outline:2px solid #777;
	outline-offset:1px;
	}
	
#page .board-member:focus {
	background-color:var(--global--color-lightest-grey);
	}
	
.open-overlay {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%; /* Ensures the overlay button takes full height */
}
	
.board-member picture, 
.board-member img {
	max-width:100%;
	height:auto !important;
	}
	
#page .board-member p.pronouns {
	padding:0 1rem;
	margin-bottom:0.5rem;
	font-style:italic;
	}

#page .board-member p.position {
	font-weight:600;
	margin-bottom:0.5rem;
	padding:0 1rem;
	}
	
#page .overlay-content p.pronouns,
#page .overlay-content p.position  {
	padding:0;
	}
	
#page .board-member .trigger p:last-child::after {
	content:"";
	display:inline-flex;
	background-image:url(images/menu-arrow-down.png);
	background-size:70%;
	background-repeat:no-repeat;
	background-position:50% 80%;
	width:2.4rem;
	height:2.4rem;
	margin-left:1rem;
	align-self:baseline;
	}
	
#page .board-member .trigger.expanded p:last-child::after {
	background-image:url(images/menu-arrow-up.png);
	}

.overlay {
    visibility: hidden;
    opacity: 0;
	}

.overlay-content {
    position: fixed;
    top: 18rem;
    left: 50%;
    transform: translate(-50%, 0);
    width: 80%;
    max-width: 600px;
    max-height:calc(100% - 25rem);
    padding: 20px;
    background: white;
    border: 2px solid #ccc;
    z-index: 1000;
    transition: opacity 0.3s ease;
    overflow-y:scroll;
    background:var(--global--color-page-background);
	}
	
.overlay[aria-hidden="false"] {
	visibility: visible;
	opacity: 1;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.6);
	}
	
.overlay-content .close-overlay {
	position:absolute;
	top:1rem;
	right:1rem;
	border:1px solid var(--global--color-white);
	padding:1rem 1rem 0.4rem 1rem;
	background-color:var(--global--color-page-background);
	border-radius:0.5rem;
	border:1px solid #aaa;
	}
	
.overlay-content .close-overlay:hover {
	background-color:var(--global--color-lightest-grey);
	text-decoration:underline;
		box-shadow: inset 1px 1px 2px #989898, /* Top left shadow */
                inset -1px -1px 2px #bababa;
	}
	
.overlay-content .close-overlay::before {
	content:"X";
	font-size:1.8rem;
	display:inline-block;
	margin-right:0.5rem;
	}
	
/***********************************
	
			PROGRAMS
	
************************************/	


.single-program #page .wp-block-columns:first-child {
	margin:0 auto 2rem auto;
	}
	
.single-program #page .entry-header .wp-block-columns .wp-block-column:first-child {
	padding-left:0;
	}
 	
.single-program	.posted-date {
	display:none;
	}

.single-program #page header.entry-header {
	max-width:var(--responsive--alignwide-width);
	padding:0 2rem;
	margin-bottom:0;
	}
	
.single-program #page header.entry-header h1 {
	margin-bottom:0;
	padding-top:5rem;
	font-size:3.6rem;
	text-align:center;
	font-variation-settings:"ital" 0, "wght" 570;
	}
	
.single-program .wp-block-columns {
	display:flex;
	}

.single-program .entry-header .wp-block-columns > .wp-block-column:first-child {
	max-width:calc(30% - 2rem);	
	}
	
.single-program .entry-content > .wp-block-columns > .wp-block-column:first-child {	
	padding-right:3rem;
/*	padding: 2rem;
	border-radius: 2rem;
	background: var(--global--color-lightest-grey);
	border: 1px solid var(--global--color-magenta); */
	}
	
.single-program .wp-block-columns > .wp-block-column:last-child {
	width:calc(70% - 2rem);
	}
	
.single-program #page .wp-block-columns .wp-block-column .backlink:first-child {
	text-align:left;
	margin-top:2rem;
	}
	
.single-program .partners {
	margin-top:3rem;
	}
	

.single-program #page .wp-block-column h2:not(.has-font-size) {
	font-size:2.4rem;
	}
	
.single-program #page .wp-block-column h3:not(.has-font-size) {
	font-size:2rem;
	}

.single-program #page .wp-block-column:first-child p,	
.single-program #page .wp-block-column:first-child ul li {
	margin-bottom:0.75rem;
	line-height:1.7em;
	letter-spacing:0.0175em;
	}
	
.single-program #page .wp-block-column:first-child p:not(.has-smallest-font-size):not(.has-small-font-size),	
.single-program #page .wp-block-column:first-child ul li:not(.has-smallest-font-size):not(.has-small-font-size) {
	font-size:1.6rem;
	}	

.single-program #page p + .wp-block-buttons,
.single-program #page .wp-block-heading + .wp-block-columns {
	margin-top:0.5rem;
	}

.single-program #page .wp-block-column:first-child p,
.single-program #page .wp-block-column:first-child li {
	line-height:1.7em;
	}
	
.single-program #page .spo-tier > h3 {
	color:var(--global--color-maroon); 
	}



/***********************************
	
			Research / Reports
	
************************************/	
	
#page .entry-content .reports {
	display:flex;
	flex-wrap:wrap;
	row-gap:3rem;
	column-gap:4rem;
	max-width:var(--responsive--alignwide-width);
	}
	
.reports .report-thumb {
	width:calc(25% - 3rem);
	position:relative;
	height:100%;
	}
	
#page .reports.annual .report-thumb {
	width:calc(20% - 3.25rem);
	align-content:stretch;
	object-fit:cover;
	}
	
.reports .report-thumb a {
	display:flex;
	flex-direction:column;
	height:100%;
	text-decoration:none;
	row-gap:1.5rem;
	text-align:center;
	}
	
#page .reports .report-thumb a img {
	box-shadow:2px 2px 5px #777;
	}
	
#page .reports.annual .report-thumb a img {
	width:100%;
	height:auto;
	}

#page .reports .report-thumb a:hover,
#page .reports .report-thumb a:hover img,
#page .reports .report-thumb a:focus,
#page .reports .report-thumb a:focus img {
	outline:none;
	opacity:0.8;
	}	
	
#page .reports .report-thumb a:hover {
	text-decoration:underline;
	text-decoration-style:dotted;
	}

#page .reports .report-thumb:focus-within {
	outline:2px solid #777;
	outline-offset:0.2rem;
	}

#page .reports .report-item {
	width:calc(14% - 3.1rem);
	justify-items:center;
	text-align:center;
	align-content:center;
	position:relative;
	}
	

	
#page .reports .report-item img {
	max-width:50%;
	}
	
.page-template-template-annual #page .entry-content h2 {
	max-width:var(--responsive--alignwide-width);
	margin-bottom:3rem;
	}

#page .reports .report-item p {
	display:flex;
	column-gap:1rem;
	justify-content:center;
	align-items:baseline;
	margin-top:1rem;
	text-decoration:none;
	margin-bottom:0;
	color:var(--global--color-magenta);
	}
#page .reports .report-item a {	
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	}
	
#page .reports .report-item .icon {
	height:1.8rem;
	}
	
#page .reports .report-item:hover {
	text-decoration:underline;
	text-decoration-style:dotted;
	}
	
#page .reports .report-item:hover img {
	opacity:0.8;
	}
	
/***********************

 PAGE-SPECIFIC ELEMENTS
 
**********************/

#page .about-background-columns p {
	margin-bottom:0;
	font-size:2rem;
	}

#page .wp-block-columns.location-contacts,
#page .wp-block-columns.office-contacts,
#page .wp-block-columns.director-contacts,
#page .wp-block-columns.admin-contacts,
#page .wp-block-columns.program-contacts {
	margin-top:3rem;
	}	
	
#page .entry-content .wp-block-columns.director-contacts {
	display:flex;
	flex-wrap:wrap !important;
	row-gap:3rem;
	}
	
#page .wp-block-columns.director-contacts .wp-block-column {
	width:calc(33% - 4rem);
	flex-grow:unset;
	flex:calc(33% - 4rem);
	}
	
#page .email-obfuscator + p {
	margin-top:1rem;
	}
	
#page .email-obfuscator {
	font-size:1.6rem;
	}
	
#page .email-obfuscator-inline {
	display:inline;
	}
	
.hidden-email {
	display:none;
	}
	
#page .report-thumb p {
font-size:1.8rem;
	line-height:1.4em;
	}
	
	
#page .newsletters .report-thumb p {
	text-align:center;
	}

/**********************

	BOARD
	
************************/

#page .wp-block-group.expand,
#page .entry-content .wp-block-heading.trigger + p.expand {
	display:none;
	padding-top:0;
	margin-top:0;
	}

	
/**********************

	SMART FORMS
	
************************/

#page .ladda-button,
#page button.control {
	font-style: normal;
	background-color: var(--global--color-magenta);
	height: unset;
	min-width: unset;
	padding: 0.5rem 2rem;
	font-size: 1.6rem;
	box-shadow: 2px 2px 5px #989898;
	border-width: 2px;
	}
	
#page .ladda-button:hover,
#page .ladda-button:active,
#page .ladda-button:focus,
#page button.control:hover,
#page button.control.mixitup-control-active,
#page button.control:focus {	
	background-color: var(--global--color-white);
	color: var(--global--color-magenta);
	border: 2px solid var(--global--color-magenta);
	outline: none;
	}
	
#page .rednao_control_label {
	font-size:1.8rem;
	color:var(--global--color-primary);
	margin-top:1rem;
	line-height:1.5em;
	}
	
#page .sfForm .form-control:focus {
	border:1px solid var(--global--color-maroon);
	box-shadow: 1px 1px 3px #989898;
	}
	
#page .sfForm .popover.invalid {
	background-color:var(--global--color-dusky-pink);
	color:var(--global--color-black);
	}

#page .sfForm .popover.invalid.bottom > .arrow:after {
	border-bottom-color: var(--global--color-magenta);
	}
	
#page .sfForm .popover .popover-content {
	background-color:var(--global--color-clay);
	border:1px solid var(--global--color-magenta);
	font-size:1.9rem;
	color:var(--global--color-black);
	}



/***********************************

	BLOG INDEX & SEARCH RESULTS 
	
************************************/

#page .blog-index {
	display:flex;
	flex-wrap:wrap;
	max-width:var(--responsive--alignfull-width);
	margin:50px auto;
	padding-left:2rem;
	padding-right:2rem;
	row-gap:3rem;
	column-gap:30px;
	}
	
#page .blog-index .post {
	width:calc(20% - 2.5rem);
	background:var(--global--color-lightest-grey);
	padding:0;
	box-shadow:2px 2px 5px var(--global--color-clay);
	border-radius:1.5rem;
	margin-bottom:0;
	position:relative;
	}
	
#page .blog-index .post:hover,
#page .blog-index .post:focus {
box-shadow:2px 2px 5px #b9b9b9;
}

#page .blog-index header.entry-header,
.search-results #page .search-content header.entry-header {
	margin:0 auto 0.25rem auto;
	text-align:left;
	}

.blog-index h2.entry-title,
.search-results h2.entry-title {
	text-align:left;
	font-size:2.6rem;
	}

.blog-index article,	
.search-content article {
	margin-bottom:4rem;
	}
	
.blog-index article img {
	max-width:100%;
	margin-bottom:2rem;
	border-radius: 1.5rem 1.5rem 0 0;
	box-shadow:0px 1px 2px #989898;
	}
	
.blog-index article p {
	padding-left:2rem;
	padding-right:2rem;
	}
	
#page .index-date {
	font-family:var(--heading--font-family);
	font-size:1.5rem;
	margin-top:0.25rem;
	}

.blog #page .site-main > header.entry-header img {
	min-width:100%;
	margin-bottom:2rem;
	}
	
.search-results .search-content .entry-content,
.search-results .search-content .entry-header,	
.blog .blog-index .entry-content,
.blog .blog-index .entry-header {
	max-width:var(--responsive--aligndefault-width);
	margin:0 auto;
	}
	
.blog #page article .entry-content {
	padding-bottom:3rem;
	}
	
.blog #page .posted-date {
	margin-top:0;
	}
	
.blog #page .posted-date p {
	text-transform:uppercase;
	color:var(--global--color-clay);
	margin-bottom:1rem;
	}
	
.blog #page article h2.entry-title {
	margin-bottom:0.5rem;
	margin-top:0;
	font-size:var(--heading--font-size-h4);
	color: var(--global--color-magenta);
	font-weight:var(--heading--font-weight);
	line-height:1.3em;
	padding-left:2rem;
	padding-right:2rem;
	}
	
.blog article a {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	}
	
.blog article a span {
	display:none;
	}	
	
.blog article:hover a span {
display:block;
	position:absolute;
	z-index:99;
	bottom:1rem;
	right:1rem;
	font-size:1.8rem;
	text-align:right;
	color:var(--global--color-magenta);
	}	
	
.blog article:hover {
	background-color: var(--global--color-lightest-pink);
	}
	
.blog article:hover h2.entry-title {
	text-decoration:underline;
	text-decoration-style:dotted;
	color:var(--global--color-magenta);
	}
	
.blog #page .entry-content p {
	margin-bottom:1rem;
	font-size:1.5rem;
	line-height:1.5em;
	}
	
.blog #page article .entry-header {
	margin-top:0;
	padding-top:0;
	}
	
.blog #page article {
	position:relative;
	}

.post-item img,
.single-post .title-image img,
.blog article .entry-header img,
.home .placeholder,
.single-post .placeholder,
.blog article .placeholder {
	background:linear-gradient(to bottom right, var(--global--color-lightest-pink), var(--global--color-lightest-grey));
	}


#page .blog-index .post:hover,
.blog article:hover  {
	background-color:var(--global--color-lightest-pink);
	}
	
.blog .entry-header img {

	}

.blog #page .blog-index .entry-content p,
.search-results #page .search-content .entry-content p {
	margin-bottom:1rem;
	}
	
.search-results .blog-index .entry-title,
.blog .blog-index .entry-title {
	padding:0;
	}
	
.search-results #page .entry-content,
.blog #page .entry-content {
	padding-left:0;
	padding-right:0;
	}	
	
	
/***********************

	BLOG / SINGLE POSTS
	
***********************/

.search-results #page .site-main > .entry-header,
.blog #page .site-main > .entry-header {
	margin:2rem auto 0 auto;
	text-align:center;
	}

.blog #page h1.entry-title {
	font-size:var(--heading--font-size-h1);
	margin-bottom;3rem;
	}

.search-results .search-content .entry-content,
.search-results .search-content .entry-header,	
.single-post #page .entry-header,	
.blog #page .entry-header {
	text-align:left;
	padding:4rem 0 0 0;
	margin:6rem auto 0 auto;
	}

.single-post .site-main {
	padding-top:0;
	}
	
.single-post .post-thumbnail,
.single-post .title-image img,
.single-post .placeholder {
	margin-top:0;
	box-shadow:2px 2px 5px #cacaca;
	width:100%;
	}
	
.single-post #page .wp-block-columns.five-items {
	flex-wrap:wrap !important;
	row-gap:6rem;
	}
	
.single-post #page .wp-block-columns.five-items .wp-block-column {
	flex-basis:calc(33% - 3rem);
	max-width:calc(33% - 3rem);
	}
	
.single-post #page .entry-header {
	padding-top:0;
	}	
	
.single-post #page .entry-title {
	font-size:var(--global--font-size-post-title);
	}
	
.single-post .entry-content .wp-block-image {
	margin-bottom:3rem;
	}
	
.single-post #page .entry-content blockquote p:not(.has-text-color), 
.single-post #page .entry-content .wp-block-quote p:not(.has-text-color) {
	color:var(--global--color-text-black);
	font-variation-settings:"ital" 1, "wght" 400;
	}
	
.single-post article {
	display:flex;
	margin:0 auto;
	column-gap:1.5rem;
	}
	
.single-post article .title-image {
	width:calc(30% - 2rem);
	margin-top:0;
	}
	
.single-post article .post-content {
	max-width:var(--responsive--alignwide-width);
	width:calc(70% - 2rem);
	}
	
.single-post #page .entry-content,
.single-post #page .entry-content > *:not(.alignfull):not(ul):not(ol) {
	max-width:var(--responsive--aligndefault-width);
	padding-left:0;
	}
	
.single-post #page .entry-content blockquote p:not(.alignfull),
.single-post #page .entry-content blockquote cite:not(.alignfull){
	padding-left:2rem;
	}
	
.single-post .entry-title {
	line-height:1.3em;
	}
	
.single-post .posted-date {
	margin-top:1.5rem;
	line-height:1.6em;
	margin-bottom:3rem;
	}
	
.single .site-main > article > .entry-footer {
	display:none;
	}
	
.single-post #page .posted-date p {
	margin-bottom:0;
	color:var(--global--color-clay);
	}
	
#page .posted-date p.press-release {
	text-transform:uppercase;
	}
	
.single-post article .post-content .wp-block-columns {
	column-gap:3rem;
	}

/*************************
	Numeric Pagination
*************************/

.rep-pag {
	display:flex;
	width:100%;
	justify-content:center;
	column-gap:3rem;
	margin-top:50px;
	}
	
.rep-pag span {
	display:flex;
	margin-bottom:-0.25rem;
	align-items:flex-end;
	}
	
#comments {
	display:none;
	}
	
/*************************
	Single Navigation
*************************/

#page .nav-single {
	display:flex;
	max-width:calc(var(--responsive--alignfull-width) - 4rem);
	width:100%;
	padding-top:var(--global--spacing-horizontal);
	margin-top:var(--global--spacing-horizontal);
	column-gap:var(--global--spacing-horizontal);
	border-top: 1px solid var(--global--color-clay);
	padding-left:2rem;
	padding-right:2rem;
	margin:4rem auto 0 auto;
	}
	
.nav-single .nav-previous,
.nav-single .nav-next {
	display:flex;
	width:calc(50% - 2rem);
	font-size:1.7rem;
	line-height:1.6em;
	}

.nav-single .nav-next {
	justify-content:right;
	text-align:right;
	}
	
.nav-single .nav-next:only-child {
	width:100%;
	}
	
#page .nav-single a {
	color:var(--global--color-purple);
	}


/***********************

	SUPPORTERS by TIER
	
***********************/

#page .entry-content .spo-block {
	display:flex;
	flex-direction:column;
	row-gap:0;
	margin-top:3rem;
	justify-items:center;
	flex-wrap:wrap;
	padding-left:2rem;
	padding-right:2rem;
	}

#page .entry-content .spo-block.align {	
	max-width:var(--responsive--aligndefault-width);
	margin-left:auto;
	margin-right:auto;
	}

.spo-row.funders,
.single-program .spo-tier,
.spo-type {
	padding:0;
	margin-bottom:2rem;
	width:100%;
	}
	
#page .spo-row,	
.spo-row {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	column-gap:20px;
	row-gap:20px;
	justify-content: left;
	align-content:start;
	align-items:stretch;
	margin-bottom:6rem;
	max-width:100%;
	}
	
#page .entry-content h2.spo-tier  {
	font-size:3.4rem;
	text-align:center;
	margin-top:50px;
	margin-bottom:30px;
	}
	
.single-program #page .entry-content .spo-tier h2 {
	margin-top:1rem;
	}
	
.single-program #page .entry-content .spo-tier h3 {
	line-height:1.3em;
	}
	
.single-program #page .entry-content .spo-tier .spo-item h3 {
	font-size:1.9rem;
	}
	
#page .entry-content .spo-block:first-of-type h2.spo-tier {
	margin-top:3rem;
	}
	
#page .entry-content h3.spo-tier {
	text-align:center;
	margin-top:0;
	margin-bottom:4rem;
	font-size:2.8rem;
	}

.single-program .spo-item,	
#page .spo-item {
	display:flex;
	flex-direction:column;
	width:calc(16.66% - 1.75rem);
	justify-content:center;
	text-align:center;
	box-shadow: 1px 1px 3px #bababa;
	align-self: stretch;
	background:var(--global--color-lightest-grey);
	position:relative;
	}
	
	
#page .spo-item a,
.single-program .spo-item a {
	max-width:100%;
	max-height:100%;
	align-content:center;
	}
	
.single-program .spo-item:hover, 
#page .spo-item:hover,
.single-program .spo-item:focus-within, 
#page .spo-item:focus-within {
	background:var(--global--color-lightest-pink);
	}
	
.single-program .spo-item a:focus, 
#page .spo-item a:focus {
	outline:2px solid var(--global--color-magenta);
	outline-offset:1.5rem;
	}
	
.single-program .spo-item a:focus img, 
#page .spo-item a:focus img {
	outline:none;
	}
	
.partners .spo-type {
	margin-bottom:0;
	}	

.page-template-template-supporters #page .program-partners .spo-item {
	width:calc(14.2% - 1.75rem);
	}

.single-program #page .entry-content .spo-tier {
	max-width:var(--responsive--alignwide-width);
	flex-wrap:wrap;
	}
	
.spo-item img,
.spo-item svg {
	align-self:center;
	justify-self:center;
	padding:1rem;
	}
	
#page .spo-item p {
	color:var(--global--color-purple);
	font-family:var(--heading--font-family);
	text-align:center;
	line-height:1.3em;
	margin-top:3rem;
	margin-bottom:1rem;
	padding:0 2rem;
	font-size:1.8rem;
	}
	

#page .spo-item h4 {
	padding-left:2rem;
	padding-right:2rem;
	margin:1rem auto;
	}
	
#page .spo-item h3 {
	margin:0;
	}
	
.spo-item a,	
.spo-item a > div {
	text-decoration:none;
	border-bottom:none;
	}
	
.spo-item a > div { 
	margin:1rem auto 0.25rem auto;
	}
	
#page .spo-item .svg-logo,	
#page .spo-item img {
	min-width:unset;
	max-width:100%;
	min-height:unset;
	}

.spo-item svg,
.spo-item img {
	display:flex;
	max-width:100%;
	min-height:5rem;
	min-width:12rem;
	width:100%;
	height:auto;
	}
	
.spo-item img {
	display:flex;
	max-width:25rem;
	max-height:12rem;
	min-width:12rem;
	margin:0 auto;
	width:auto;
	height:auto;
	}

.spo-item .svg-logo {
	display:flex;
	max-width:25rem;
	min-width:20rem;
	max-height:unset;
	margin:0 auto;
	width:100%;
	height:auto;
	}	



/*************************

FUNDRAISING THERMOMETER

*************************/

#page .progress-bar {
    position: relative;
    width: 100%;
    background-color: var(--global--color-lightest-grey);
    border: 1px solid var(--global--color-magenta);
    border-radius: 2px;
    color: var(--global--color-black);
    margin: 4rem auto;
    display: flex;
    align-items: center;
    height: 4.8rem;
    overflow: hidden;
    box-shadow: 1px 1px 5px var(--global--color-clay);
}

.home #page .progress-bar {
	background-color: var(--global--color-page-background);
	}

#page .progress-label {
    font-family: var(--heading--font-family);
    font-weight: var(--heading--font-weight);
    font-size: 2rem;
    line-height: 1.45em;
    position: absolute;
    top: calc(50% - 0.6em);
    height: 100%;
    width: 100%;
    text-align: center;
    z-index:99;
	}

#page .progress-meter {
    background-color: var(--global--color-lightest-grey);
    border-radius: 2px 0 0 2px; /* Rounded corners on the left */
    min-height: 100%;
    width: 0;
    transition: width 2s ease-in-out;
    position: relative;
    overflow: visible; /* Ensure the arrow is visible */
    animation: progress-pulse 2s ease-in-out infinite;
	}

#page .progress-meter::after {
    content: '';
    position: absolute;
    top: 0;
    right: -20px;
    width: 20px; /* Width of the arrow */
    height: 100%; /* Full height arrow */
    background-color: inherit; /* Match the arrow color with the progress meter */
    clip-path: polygon(0 0, 100% 50%, 0 100%); /* Triangle arrow shape */
	}

@keyframes progress-pulse {
    0%, 100% {
        background-color: var(--global--color-dusky-pink);
    }
    50% {
        background-color: var(--global--color-dusky-pink);
        opacity:0.7;
    }
}

/***********************

		BUTTONS
	
***********************/

#page .wp-block-buttons {
	margin:3rem auto;
	}
	
.wp-block-buttons-is-layout-flex {
	column-gap:2rem;
	}
	
#page .job-documents div {
	column-gap:40px;
	}
	
.donate-dropdown .donate-button,
#page .wp-block-button a {
	font-family:var(--heading--font-family);
	font-weight: var(--heading--font-weight);
	font-style: normal;
	text-transform:uppercase;
	background-color: var(--global--color-magenta);
	height: unset;
	min-width: unset;
	padding: 1.4rem 2rem 0.8rem 2rem;
	box-shadow:2px 2px 5px #989898;
	font-size:1.6rem;
	border: none;
	color: var(--global--color-white);
	text-decoration:none; 
	}
	
#page .wp-block-buttons:not(.has-custom-font-size) .donate-dropdown .donate-button {
	font-size:2rem;
	}

#page .wp-block-buttons :not(.has-custom-font-size) .wp-block-button a {
	font-size:1.5rem;
	}


	
#page .job-documents .wp-block-button,
#page .site-main input[type="submit"] {
	font-family:var(--heading--font-family);
	font-weight: var(--heading--font-weight);
	font-style: normal;
	font-size:1.5rem;
	text-transform:uppercase;
	background-color: var(--global--color-magenta);
	height: unset;
	min-width: unset;
	padding: 1.4rem 2rem 0.8rem 2rem;
	box-shadow:2px 2px 5px #989898;
	border: none;
	color: var(--global--color-white);
	text-decoration:none; 
	}

#page .job-documents .wp-block-button:hover,
.donate-dropdown .donate-button:hover,
.donate-dropdown .donate-button:active,
.donate-dropdown .donate-button:focus,
#page .wp-block-button a:hover,
#page .wp-block-button a:active,
#page .wp-block-button a:focus,
#page .site-main input[type="submit"]:hover,
#page .site-main input[type="submit"]:active,
#page .site-main input[type="submit"]:focus {
	background-color: var(--global--color-white);
	color: var(--global--color-magenta);
	border: 1px solid var(--global--color-magenta);
	outline: none;
	padding: 1.3rem 1.9rem 0.7rem 1.9rem;
	box-shadow: inset 1px 1px 2px #989898, /* Top left shadow */
                inset -1px -1px 2px #bababa;
	text-decoration:none;
	}
	

#page .wp-block-button.is-style-outline a,
#page .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) {
	font-family:var(--heading--font-family);
	font-weight: var(--heading--font-weight);
	font-style: normal;
	background-color: var(--global--color-white);
	height: unset;
	min-width: unset;
	padding: 1.2rem 1.9rem 0.6rem 1.9rem;
	box-shadow:2px 2px 5px #989898;
	border: 1px solid var(--global--color-magenta);
	color:var(--global--color-magenta);
	text-decoration:none;
	}


#page .wp-block-button.is-style-outline a:hover,	
#page .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover,
#page .wp-block-button.is-style-outline .wp-block-button__link:hover,
#page .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):active,
#page .wp-block-button.is-style-outline .wp-block-button__link:active,
#page .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):focus,
#page .wp-block-button.is-style-outline .wp-block-button__link:focus {
	background-color: var(--global--color-magenta);
	color: var(--global--color-white);
	border:none;
	outline: none;
	padding: 1.4rem 2rem 0.8rem 2rem;
	border:none;
	box-shadow: inset 1px 1px 2px #989898,
                inset -1px -1px 2px #bababa;
	text-decoration:none;
	}
		
.donate-dropdown .donate-button:focus,
#page .wp-block-button a:focus,
#page .wp-block-button.is-style-outline a:focus,
#page .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):focus,
#page .wp-block-button.is-style-outline .wp-block-button__link:focus {
	outline:2px solid #777;
	outline-offset:0.25rem;
	}
	
.donate-dropdown {
    position: relative;
    display: inline-block;
}

.donate-dropdown-content {
    display: none;
    position: absolute;
    min-width:max-content;
    z-index: 1;
}

.donate-dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.donate-dropdown .donate-dropdown-content a {
 	font-size:1.6rem;
    line-height:1.6em;
    min-width:max-content;
}


/************************

	IN THE MEDIA

*************************/

#medialist {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	row-gap:3rem;
	column-gap:30px;
	max-width:var(--responsive--alignfull-width);
	}
	
.media-article {
	display:flex;
	position:relative;
	width:calc(20% - 2.5rem);
	flex-direction:column;
	border:0.025rem solid var(--global--color-magenta);
	box-shadow:2px 2px 3px var(--global--color-clay);
	justify-content:space-around;
	align-items:center;
	padding:1rem;
	text-align:center;
	}
	
.media-article .date {
	position:absolute;
	top:1rem;
	left:1rem;
	font-size:1.5rem;
	}
	
.media-article p:not(.media-hovertext) {
	font-family: var(--heading--font-family);
	font-variation-settings:"ital" 0, "wght" 520;
	line-height:1.4em;
	color:var(--global--color-text-black);
	padding-top:3.5rem;
	padding-bottom:3rem;
	font-size:1.8rem;
	}
	
.media-article p.media-hovertext {
	font-size:1.5rem;
	position:absolute;
	bottom:-0.5rem;
	right:1rem;
	display:none;
	}
	
.media-article:hover p.media-hovertext {
	display:block;
	text-decoration:underline;
	text-decoration-style:dotted;
	color:var(--global--color-maroon);
	}
	
.media-article img {
	max-width:13rem;
	max-height:4rem;
	margin-top:3.5rem;
	}
	
.media-article a {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	}
	
.media-article:hover img {
	opacity:0.7;
	}
	
.media-article:hover {
	background-color:var(--global--color-lightest-grey);
	}

	
/***********************

		FOOTER
	
***********************/


.no-widgets .site-footer,
.site-footer {
	padding-bottom:0;
	margin-top:0;
	max-width:unset;
	width:100%;
	}
	
#page .site-info {
	display:flex;
	flex-direction:column;
	row-gap:4rem;
	border-top:2px solid var(--global--color-black);
	max-width:100%;
	margin:0 auto;
	}
	
.site-info .footer-bottom {
	width:100%;
	}
	
.site-info .footer-sections {
	display:flex;
	flex-direction:row;
	column-gap:50px;
	max-width:var(--responsive--alignwide-width);
	width:100%;
	align-items:center;
	}
	
.site-info .footer-sections > .footer-left,
.site-info .footer-sections > .footer-right {
	width:calc(25% - 2rem); 
	}
	
.site-info .footer-sections > .footer-middle {
	width:50%;
	}
	
.site-info .footer-sections img {
	max-height:10rem;
	width:auto;
	}
	
.site-info .widget_block.widget_text {
	margin-top:0;
	display:flex;
	flex-direction:column;
	line-height:2rem;
	}
	
.site-info .cols {
	display:flex;
	column-gap:2rem;
	}
	
.site-info .cols .left {
	width:calc(30% - 2rem);
	}

	
.footer-middle h3.widget-title {
	text-align:center;
	}

.footer-middle .cols > .left,
.footer-middle .cols > .right {
	width:calc(50% - 1rem);
	}
	
#page .site-info h3.widget-title {
	font-size:2rem;
	text-transform:uppercase;
	margin-bottom:2rem;
	margin-top:0;
	}
	
	
#page .footer-middle .widget ul.wp-block-social-links.aligncenter {
	display:flex;
	column-gap:2rem;
	padding-left:0;
	}

	
#page .footer-middle .widget ul.wp-block-social-links li.wp-block-social-link.wp-social-link {
	display:inline-flex;
	color: var(--global--color-white);
	}

#page .footer-middle .widget ul.wp-block-social-links li.wp-block-social-link.wp-social-link svg {
	color: var(--global--color-white);
	}

.site-info .footer-bottom {
	display:flex;
	flex-direction:column;
	row-gap:1.5rem;
	}

#page .site-info .wp-block-column p,
#page .site-info .widget_block.widget_text > p {
	margin-bottom:0;
	line-height:2em;
	}

.site-info .footer-bottom .widget_block.widget_text:last-child p {
	margin-top:1rem;
	}
	
.site-info .widget h3 {
	font-weight: var(--heading--font-weight);
	margin-top:2rem;
	margin-bottom: 1rem;
	font-size:2rem;
	}
	
	
/***************************

 		WOOCOMMERCE
 
*************************/

.woocommerce #page .site-main {
	width:100%;
	}
	
.woocommerce .content-area {
	max-width:var(--responsive--alignwide-width);
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	column-gap:3rem;
	row-gap:1rem;
	padding-left:0;
	padding-right:0;
	margin-left:auto;
	margin-right:auto;
	}
	
#page .site-main .woocommerce-breadcrumb {
	font-family:var(--entry-content--font-family);
	display:flex;
	max-width:unset;
	width:100%;
	margin-top:3rem;
	margin-bottom:3rem;
	font-size:1.7rem;
	line-height:var(--wp--typography--line-height);
	}

.woocommerce-result-count,
.woocommerce-ordering {
	display:none;
	}
	
.woocommerce #page .entry img {
	box-shadow:2px 2px 3px #989898;
	margin-bottom:1rem;
	}
	
.woocommerce #page .product:hover .image-box {
	opacity:0.75;
	}
	
.woocommerce #page .product:hover a {
	text-decoration:underline;
	}

#page ul.products li.product .woocommerce-loop-product__title {
	color:var(--global--color-magenta);
	font-size:2rem;
	margin-top:0;
	}
	
.woocommerce #page ul.products.columns-4 {
list-style-type:none;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	column-gap:3rem;
	row-gap:3rem;
	max-width:var(--responsive--alignwide-width);
	width:100%;
	padding-left:0;
	align-items:start;
	margin:0 auto;
	}
	
.woocommerce-page #page .content-area .site-main {
	padding-left:2rem;
	padding-right:2rem;
	margin:0;
}

.woocommerce ul.products.columns-4 li.product {
		position:relative;
		display:flex;
		flex-direction:column;
		text-align:center;
		justify-content:center;
		width:calc(25% - 2.25rem) !important;
		margin:0;
		}
		
.woocommerce ul.products.columns-4 .image-box {
	position:relative;
	}
	
.woocommerce ul.products.columns-4 li img  {
	max-width:unset;
	width:100%;
	}
	
.woocommerce ul.products.columns-4 .image-box .overlay {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	}
	
.woocommerce #page .overlay-text p {
	margin-bottom:0;
	}
	
.woocommerce ul.products.columns-4 .image-box .overlay .overlay-text {
	display:flex;
	opacity:0;
	height:100%;
	align-items:end;
	position:relative;
	justify-content:right;
	}

.woocommerce ul.products.columns-4 .image-box .overlay .overlay-text {
	padding-bottom:1rem;
	}
	
.woocommerce ul.products.columns-4 .image-box:hover .overlay-text {
	opacity:1;
	text-decoration:none;	
	}
	
.woocommerce ul.products.columns-4 li img {
	transition: all 0.2s ease-in-out;
	}
	
.single-product .site-main > * {
	margin-top:0;
	}
	
.single-product .entry.product {
	display: flex;
	overflow: hidden;
	column-gap: 4rem;
	align-items: start;
	margin-top: 3.5rem;
	margin-bottom:0;
	}

.single-product .woocommerce-product-gallery, 
.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images {
	float: unset;
	display: flex;
	max-width: calc(40% - 2rem);
	width: 100%;
	flex-direction: column;
	margin-top: 0.5rem;
	margin-bottom: 0;
	}


.woocommerce #content div.product div.summary, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary {
	float:unset;
	display: flex;
	flex-direction:column;
	width:calc(60% - 2rem);
	}
	
.shop-cart-buttons {
	column-gap: 2rem;
	align-items: center;
	}
	
.single-product .cart {
	display:flex;
	column-gap:0;
	}
	
.single-product.singular #page .entry-title {
	font-weight:unset;
	font-family:var(--heading--font-family);
	font-size:var(--heading--font-size-h1);
	font-variation-settings:"ital" 0, "wght" 500;
	margin-bottom:1rem;
	line-height:1.3em;
	}	
	
.single-product select {
	padding:0.5rem 3rem 0.1rem 1rem;
	}
	
	.single-product .entry.product .single_variation_wrap .woocommerce-variation.single_variation {
	width:100%;
	}

.single-product .entry-summary bdi,
.single-product .entry.product .single_variation_wrap .woocommerce-variation.single_variation bdi {
	font-size:1.7rem;
	}
	
#page .entry-content .woocommerce-message a,
#page .entry-content .woocommerce-error a.button, 
#page .entry-content .woocommerce-info a.button, 
#page .entry-content .woocommerce-message a.button {
	background:var(--global--color-magenta);
	color:var(--global--color-white);
	}
	
#page .entry-content .woocommerce-message a {
	padding:0.7rem 1rem 0.5rem 1rem;
	}
	
.order_review_note {
	text-align:right;
	}
	
.single-product .single_add_to_cart_button {
	background:var(--global--color-magenta);
	color:var(--global--color-white);
	padding:1.2rem 2rem 0.8rem 2rem !important;
	border:1px solid var(--global--color-maroon);
	}
	
.single-product .single_add_to_cart_button:hover,
.single-product .single_add_to_cart_button:active,
.single-product .single_add_to_cart_button:focus {
	color:var(--global--color-magenta);
	background:var(--global--color-white);
	border:1px solid var(--global--color-magenta);
		}
		
.woocommerce-cart #page table.shop_table .product-thumbnail img, 
.woocommerce-page #page table.shop_table .product-thumbnail img {
	max-width:120px !important;
	}
	
.woocommerce-cart #page table.shop_table .product-name {
	text-align:center;
	}
	
.woocommerce table.shop_table tbody tr, 
.woocommerce-page table.shop_table tbody tr {
	font-size:1.8rem;
	}
	
.woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table td:not(.product-name),
.woocommerce-checkout form #order_review_heading .woocommerce-checkout-review-order-table td {
	text-align:right;
	}
	
.woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table {
	margin-bottom:5rem;
	}
	
.shop_table td.actions .button {
	padding:0.7rem 1rem 0.2rem 1rem;
	border:1px solid var(--global--color-magenta);
	}

#page .wc-proceed-to-checkout .checkout-button {
	background:var(--global--color-magenta);
	color:var(--global--color-white);
	font-weight:600;
	font-size:1.9rem;
	padding:1rem 1rem 0.7rem 1rem;
	box-shadow:2px 2px 5px #989898;
	border:none;
}

.product-name, .product-quantity, .product-subtotal, .product-price {
	text-align:center;
	}
	
.cart_item .product-name {
	text-align:left;
	}
	
.woocommerce-page #page .site-main {
	min-height:calc(100vh - 30rem);
	}
	
.woocommerce-products-header__title.page-title {
	text-align:center;
	}

.woocommerce-page .site-main .woocommerce-products-header {
	padding-top:6rem;
	}
	
.custom-back-to-shop {
	padding-top:3rem;
	margin-bottom:0;
	}

#page .wc-proceed-to-checkout .checkout-button:hover,
#page .wc-proceed-to-checkout .checkout-button:active,
#page .wc-proceed-to-checkout .checkout-button:focus {
	border:2px solid var(--global--color-magenta);
	color:var(--global--color-magenta);
	background:var(--global--page-background);
	text-decoration:none !important;
	padding:0.8rem 0.8rem 0.5rem 0.8rem;
	box-shadow: inset 1px 1px 2px #989898,
                inset -1px -1px 2px #bababa;
	}

.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order {
font-family:var(--heading--font-family);
	background:var(--global--color-magenta);
	color:var(--global--color-white);
	font-variation-settings:"ital" 0, "wght" 500;
	font-size:2rem;
	padding:0.8rem 1rem 0.5rem 1rem;
	box-shadow:2px 2px 5px #989898;
	border:none;
	}
	
.woocommerce-checkout form[name=checkout] {
	margin:0 auto;
	}
.woocommerce #payment #place_order:hover, 
.woocommerce-page #payment #place_order:hover,
.woocommerce #payment #place_order:active, 
.woocommerce-page #payment #place_order:active,
.woocommerce #payment #place_order:focus, 
.woocommerce-page #payment #place_order:focus {
	border:2px solid var(--global--color-magenta);
	color:var(--global--color-magenta);
	background:var(--global--page-background);
	padding:0.6rem 0.8rem 0.3rem 0.8rem;
	box-shadow: inset 1px 1px 2px #989898,
                inset -1px -1px 2px #bababa;
	}
	
.shop-cart-buttons .or-text {

	}
	
.single-product .entry.product div {
	float: unset;
	display: flex;
	flex-wrap: wrap;
	}
	
.taxonomy-description p,
.taxonomy-description {
	margin-bottom:2rem;
	}
	
#page .shop-custom-excerpt p,
.product-tags {
    font-size:1.6rem;
    display:flex;
    justify-content:center;
	}
	
ul.products li.product .woocommerce-Price-amount,
ul.products li.product .woocommerce-price-suffix {

	}

.product-tags a {
	margin-left:0.5rem;
	}
	
.woocommerce ul.products::after, 
.woocommerce ul.products::before, 
.woocommerce-page ul.products::after, 
.woocommerce-page ul.products::before {
	display:none;
	}

	
.woocommerce .content-area p {
width:100%;
	margin-bottom:2rem;
	}	

.tax-product_cat #page ul.products.columns-4  {
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	}
	
.single-product .entry.product .product_meta {
	display:none;
	}

/*************************

	Custom colours 
	
*************************/

#page .has-wish-black-color {
	color: #293132;
	}
	
#page .has-text-black-color {
	color:var(--global--color-text-black);
	}
	
#page .has-white-color {
	color:var(--global--color-white);
	}
	
#page .has-page-background-color {
	color:var(--global--color-page-background);
	}
	
#page .has-magenta-color {
	color:var(--global--color-magenta);
	}
	
#page .has-wish-pink-color {
	color: var(--global--color-wish-pink);
	}
	
#page .has-dusky-pink-color {
	color:var(--global--color-dusky-pink);
	}
	
#page .has-lightest-pink-color {
	color:var(--global--color-lightest-pink);
	}
	
#page .has-lightest-grey-color { 
	color: var(--global--color-lightest-grey);
	}
	
#page .has-purple-color {
	color:var(--global--color-purple);
	}
	
#page .has-wish-purple-color {
	color:var(--global--color-wish-purple);
	}
	
#page .has-maroon-color {
	color:var(--global--color-maroon);
	}
	
#page .has-clay-color {
	color:var(--global--color-clay);
	}
	
	
#page .has-text-black-background-color {
	background-color:var(--global--color-text-black);
	}
	
#page .has-page-background-background-color {
	background-color:var(--global--color-page-background);
	}

#page .has-magenta-background-color {
	background-color:var(--global--color-magenta);
	}
	
#page .has-wish-pink-background-color {
	background-color: var(--global--color-wish-pink);
	}
	
#page .has-dusky-pink-background-color {
	background-color:var(--global--color-dusky-pink);
	}
	
#page .has-lightest-pink-background-color {
	background-color:var(--global--color-lightest-pink);
	}
	
#page .has-lightest-grey-background-color { 
	background-color: var(--global--color-lightest-grey);
	}
	
#page .has-purple-background-color {
	background-color:var(--global--color-purple);
	}
	
#page .has-wish-purple-background-color {
	background-color:var(--global--color-wish-purple);
	}
	
#page .has-maroon-background-color {
	background-color:var(--global--color-maroon);
	}

#page .has-clay-background-color {
	background-color:var(--global--color-clay);
	}
	
#page .has-white-background-color {
	background-color:var(--global--color-white);
	}
	
.mobile-menu-active #site-navigation .primary-menu-container {
    display: none;
}


.mobile-menu-active .menu-button-container {
    display: block;
}

.mobile-menu-active #site-header .header-right .top-content {
	top:10px;
	}
.mobile-menu-active.primary-navigation-open.lock-scrolling {
	overflow-y:scroll;
	scroll-behavior: initial;
	position: fixed;
	width:100%;
	}
	
.mobile-menu-active.admin-bar.primary-navigation-open.lock-scrolling {
	top:0;
	}

.mobile-menu-active #page .site-header .header-main,
.mobile-menu-active #page .site-header.stuck .header-main {
	position: relative;
	align-items: flex-start;
	}
	
.mobile-menu-active #page .site-header .menu-button-container {
	display: flex;
	background-color: transparent;
	position: absolute;
	top: 3.5rem;
	right: 0.5rem;
	width:50%;
	}
	
.primary-navigation-open.mobile-menu-active #page .site-header .menu-button-container {
	right:1rem;
	}
	
.mobile-menu-active .menu-button-container #primary-mobile-menu {
	padding:0.5rem;
	}
	
.primary-navigation-open.mobile-menu-active .menu-button-container #primary-mobile-menu .dropdown-icon.open, 
.mobile-menu-active .menu-button-container #primary-mobile-menu .dropdown-icon.close {
	display:none;	
	}
	
.mobile-menu-active .menu-button-container #primary-mobile-menu .dropdown-icon.open,	
.primary-navigation-open.mobile-menu-active .menu-button-container #primary-mobile-menu .dropdown-icon.close {
	display:flex;
	font-size:1.4rem;
	}
	
.mobile-menu-active .site-header.stuck .header-main {
	padding-top:0;
	}
	
.mobile-menu-active #page .site-header.stuck .menu-button-container {
	top:50px;
	padding:0;
	}

.primary-navigation-open.mobile-menu-active .menu-button-container {
	top:0;
	}
	
.mobile-menu-active #page .site-navigation { 
	width: 100%; 
	}

.mobile-menu-active #page .primary-navigation {
	margin-left: 0;
	position: unset;
	width: 100%;
	background: none;
	}
	
.mobile-menu-active .primary-navigation .primary-menu-container {
	display:none;
	}
	
.primary-navigation-open.mobile-menu-active .primary-navigation > .primary-menu-container {
	display:block;
	position: fixed;
	height: 100%;
	padding-bottom: 5rem;
	top:4rem;
	padding-top:0;
	overflow:auto;
	}

	
.admin-bar.primary-navigation-open.mobile-menu-active .primary-navigation > .primary-menu-container {
	top:12rem;
	overflow:hidden;
	}
	
.mobile-menu-active .primary-navigation #primary-menu-list {
	justify-content: left;
	flex-direction: column;
	flex-wrap:nowrap;
	padding-left: 0;
	max-width:100%;
	width: 100%;
	background: #fffcf9;
	margin-left: 0;
	padding-bottom: 20rem;
	padding-top: 40px;
	}
	
.wp-block-buttons>.wp-block-button {
	display:inline-flex;
	}

.admin-bar.mobile-menu-active .primary-navigation #primary-menu-list {
	min-height:calc(100vh - 3.2rem);
	height:100%;
	overflow-y:scroll;
	--webkit-scrollbar-width:thin;
	}
	
.mobile-menu-active .primary-navigation li.menu-item {
	flex-direction:column;
	padding-left:2rem;
	margin-bottom:2rem;
	min-width:100%;
	}
	
.primary-navigation-open.mobile-menu-active .primary-navigation #primary-menu-list > li:not(:first-of-type),
.mobile-menu-active #page .primary-navigation > li.menu-item:not(:first-of-type) {
	margin-top:2rem;
	}
	
.mobile-menu-active #page .primary-navigation li > a {
	font-weight: 700;
	font-size: 1.8rem;
	max-width: -webkit-fill-available;
	}
	
.mobile-menu-active #page #primary-mobile-menu .dropdown-icon.open img {
	width: 5rem;
	height: 2.7rem;
	}
	
.mobile-menu-active #page button#primary-mobile-menu .close img {
	width:2.5rem;
	height:2.5rem;
	}

.mobile-menu-active #page button#primary-mobile-menu:focus,
.mobile-menu-active #page .primary-navigation li > a:focus {
	outline:2px solid #aaa !important;
	outline-offset:0.15rem !important;
	}
		
.mobile-menu-active .primary-navigation #primary-menu-list li.menu-item-has-children a {
	margin-bottom:0;
	padding-bottom:0.5rem;
	}
	
.mobile-menu-active #page .primary-navigation li ul.sub-menu {
	margin-top: 1rem;
	padding-left: 0.5rem;
	margin-bottom:0;
	padding-bottom:0;
	background:unset;
	}
	
.mobile-menu-active #page .primary-navigation li ul.sub-menu ul.sub-menu {
	margin-top:0;
	padding-left:2rem;
	margin-left:0;
	}

.mobile-menu-active #page .primary-navigation li ul.sub-menu li:first-child a {
	padding-top:0.75rem;
	}

.mobile-menu-active #page .primary-navigation li ul.sub-menu ul.sub-menu li:first-child a {
	padding-top:0.5rem;
	}
	
.mobile-menu-active .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
	display: block;
	border: none;
	position: relative;
	background-color:unset;;
	color:#000;
	padding-left:0;
	}

.mobile-menu-active .primary-navigation > div > .menu-wrapper > li > .sub-menu:before, 
.mobile-menu-active .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
	display:none;
	}

.mobile-menu-active #page .primary-navigation li ul.sub-menu li > a {
	font-weight: 400;
	font-size: 1.8rem;
	color: #000;
	background: unset;
	padding-bottom: 0.5rem;
	max-width: -webkit-fill-available;
	}

.mobile-menu-active .primary-navigation #primary-menu-list .sub-menu li a:hover, 
.mobile-menu-active .primary-navigation #primary-menu-list .sub-menu li a:focus {
	background: unset;
	color: #aaa;
	}
	
.mobile-menu-active .primary-navigation #primary-menu-list .sub-menu li a:focus {
	outline: 1px solid #aaa;
	outline-offset: 0;
	}

.primary-navigation-open.mobile-menu-active .site-header.stuck .menu-button-container,
.mobile-menu-active .site-header.stuck .menu-button-container { 
	top: 0.5rem; 
	}
	
/***** MOBILE FIX FOR COMPUTERS *****/

.mobile-menu-active #page .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle ~ ul,
.mobile-menu-active #page .primary-navigation li.menu-item-has-children a > .sub-menu {
	display: block;
	border: none;
	position: relative;
	padding-left: 2rem;
	top: 0;
	margin-top: -0.5rem;
	}

.mobile-menu-active #page .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle { 
	display: none; 
	}

.mobile-menu-active.lock-scrolling { 
	overflow-y: hidden; 
	scroll-behavior:initial;
	position:fixed; 
	}
	
.mobile-menu-active.primary-navigation-open #site-navigation .primary-menu-container {
	display:block;
	}
	
.mobile-menu-active #site-navigation .primary-menu-container {
	margin-top:75px;
	}
	
#page .slider-block .wp-block-group__inner-container {
	position:relative;
	max-width:var(--responsive--aligndefault-width);
	} 
	
#page .slider-block .wp-block-group__inner-container p {
	padding-left:8rem;
	padding-right:8rem;
	}
	
#page .slider-block .wp-block-group__inner-container p {
	font-size:2.1rem;
	margin-top:2rem;
	text-align:left;
	}

#page .slider-block .wp-block-group__inner-container #award-prev,
#page .slider-block .wp-block-group__inner-container #award-next,
#page .slider-block .wp-block-group__inner-container #slider-prev,
#page .slider-block .wp-block-group__inner-container #slider-next {
	position:absolute;
	top:calc(50% - 2rem);
	z-index:9999;
	background-color:transparent;
	box-shadow:none;
	}
	
#page .slider-block .wp-block-group__inner-container #award-prev,
#page .slider-block .wp-block-group__inner-container #award-next,
#page .slider-block .wp-block-group__inner-container #slider-prev,
#page .slider-block .wp-block-group__inner-container #slider-next {
	box-shadow:none;
	border:none;
	display:none;
	}
	
#page .slider-block .wp-block-group__inner-container #award-prev:hover,
#page .slider-block .wp-block-group__inner-container #award-next:hover,
#page .slider-block .wp-block-group__inner-container #slider-prev:hover,
#page .slider-block .wp-block-group__inner-container #slider-next:hover {
	opacity:0.8;
	}
	
#page .slider-block .wp-block-group__inner-container #award-prev,
#page .slider-block .wp-block-group__inner-container #slider-prev {
	left:0;
	}
#page .slider-block .wp-block-group__inner-container #award-next,	
#page .slider-block .wp-block-group__inner-container #slider-next {
	right:0;
	}
	
#page .help-columns,	
#page .help-columns .wp-block-column {
	position:relative;
	align-items:center;
	display:flex;
	}
	
#page .entry-content > .wp-block-heading.alignfull {
	margin:0;
	width:calc(100% + 4rem);
	margin-left:-2rem;
	margin-right:-2rem;
	padding:1.75rem 4rem 0.75rem 4rem;
	}
	
#page .entry-content > .wp-block-group.alignfull.has-background .wp-block-heading {	
	padding:0 2rem 1.5rem 2rem;
	}
	
#page .entry-content > *:not(.alignfull) {
	padding-left:2rem;
	padding-right:2rem;
	}
	
#page .help-columns .wp-block-column img {
	opacity:0.4;
	}
	
#page .help-columns h3 {
	position:absolute;
	display:flex;
	padding:0 4rem;
	justify-content:center;
	align-self:center;
	width:100%;
	font-variation-settings:"wght" 750;
	padding-left:0;
	padding-right:0;
	}
	
#page .wp-block-group.alignfull.slider-block {
	background:transparent;
	color:#fff;
	margin-top:0;
	}
	
#page .lSSlideOuter .lSPager.lSpg {
	padding-top:3rem;
	column-gap:1.5rem;
	display:flex;
	justify-content:center;
	}
	
#page .lSSlideOuter .lSPager.lSpg > li a {
	background:#fff;
	width:1.2rem;
	height:1.2rem;
	}
	
#page .lSSlideOuter .lSPager.lSpg > li.active a {
	background-color:var(--global--color-lightest-pink);
	}
	
#page .slider-block .wp-block-group__inner-container * {
	color:#fff;
	}
	
#page .entry-content > .alignfull > *:not(.alignfull):not(.wp-block-group__inner-container) {
	max-width:var(--responsive--alignwide-width);
	margin-left: auto;
	margin-right: auto;
	}
	
#page .entry-content > .alignfull > .wp-block-group__inner-container {
	padding-left:2rem;
	padding-right:2rem;
	margin-left: auto;
	margin-right: auto;
	}
	
#page .home-impact {
	max-width:var(--responsive--alignwide-width);
	row-gap:0;
	flex-wrap:wrap;
	}
	
#page .demographics p,
#page .home-impact p {
	font-size:1.6rem;
	line-height:1.4em;
	font-family:var(--heading--font-family);
	font-variation-settings:"wght" 430;
	}
	
#page .demographics p {
	color:var(--global--color-wish-black);
	}

#page .entry-content .home-impact img {
	max-width:9rem;
	}
	
#page .entry-content .home-impact p {
	margin-bottom:0;
	}
	
#page .home-impact .wp-block-columns .wp-block-column ul {
	margin-bottom:0;
	}
			
#page .home-impact .wp-block-columns .wp-block-column:not(:last-child),	
#page .home-impact .wp-block-columns{
	row-gap:0;
	margin-bottom:0;
	}
			
.post-type-archive-product #page .price,
.post-type-archive-product #page .button.product_type_variable.add_to_cart_button {
	display:none;
	}

.stat-icon {
	width: 110px;
	height:243px;
	margin: 0 auto;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	}

.stat-icon-preview {
	position: relative;
	width: 110px;
	height: 243px;
	}

.stat-icon-base,
.stat-icon-fill {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	}

.stat-icon-base {
	background-color: var(--global--color-lightest-pink);
	}

.stat-icon-fill {
	background-color: var(--global--color-clay);
	clip-path: inset(100% 0 0 0);
	}

.stat-line,
.stat-line-editable {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex-wrap: wrap;
	}

.stat-line-icon {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	}

.stat-line-number,
.stat-line-text {
	font-size: 1rem;
	font-weight: normal;
	margin: 0;
	}

.stat-line-number {
	font-weight: bold;
	}

.supp-row {
	max-width:var(--responsive-alignwide-width);
	margin:0 auto;
	padding-left:2rem;
	padding-right:2rem;
	display:flex;
	flex-wrap:wrap;
	column-gap:4rem;
	row-gap:4rem;
	justify-content:left;
	}
	
.supp-item {
	display:flex;
	flex-direction:column;
	width:calc(33% - 2.25rem);
	align-content:start;
	display:initial;
	background:var(--global--color-lightest-grey);
	padding:0 2rem;
	box-shadow:2px 2px 5px var(--global--color-clay);
	}
	
.supp-item h2 {
	font-size:2rem;
	margin-top:0;
	}
	
.supp-item .logo {
	height:15rem;
	align-content:center;
	justify-content:center;
	text-align:center;
	margin:0 auto;
	}
	
.supp-item .logo img {
	display:flex;
	max-height:15rem;
	max-width:80% !important;
	width:auto !important;
	height:auto !important;
	justify-self:center;
	margin:0 auto;
	}
	
#page .entry-content .slide blockquote {
	margin:0 auto;
	}
	
#page .entry-content .slide blockquote p:not(.has-text-color) {
	color:#fff;
	}
	
#page .entry-content .slide blockquote:before {
	display:none;
	}
	
#page .entry-content .slide blockquote cite {
	display:flex;
	padding-left:8rem;
	padding-right:8rem;
	margin:0.5rem auto 0 0;
	line-height:1.5em;
	}

#page div.ctct-form-embed form.ctct-form-custom label.ctct-form-label,
#page .ctct-form-custom h2 {
	color:#fff;
	font-family:var(--heading--font-family);
	}
	
#page .ctct-form-custom p {
	font-family:var(--entry-content--font-family);
	}
	
#page .ctct-form-custom a {
	color:#ccc;
	}
	
#page .ctct-form-custom .ctct-gdpr-text {
	font-size:1.3rem;
	line-height:1.4em;
	}
	
/****** WOO CHECKOUT *****/

.woocommerce form .form-row .input-text, .woocommerce form .form-row select {
	padding:0.5rem 1rem 0 1rem;
	}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding:0.25rem 2rem 0 1rem;
	}
	
.woocommerce-checkout #page ul.wc_payment_methods.payment_methods {
	padding-left:0;
	}
	
.wc_payment_method .payment_box {
	background-color:var(--global--color-lightest-grey);
	color:#000;
	padding-top:2rem;
	margin-bottom:0;
	}
	
.wc_payment_method input[type=radio] + label {
	padding-left:0;
	}
	
.woocommerce-checkout #main .woocommerce {
	max-width:var(--responsive--alignwide-width);
	padding-left:0;
	padding-right:0;
	}

.woocommerce-cart #page #main .entry-content,
.woocommerce-checkout #page #main .entry-content {
	max-width:100%;
	}
	
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
	border-color:var(--global--color-clay);
	}
	
.woocommerce-cart-form table input.qty {
	padding:0.5rem;
	}
	
.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
	font-weight:500;
	}
	
.product-remove {
	padding:1rem 1rem 0.5rem 1rem;
	}
	
.product-remove a {
	line-height:24px;
	}
	
#page .spo-item a:focus,	
#page .spo-item a:focus img,
#page .product-thumbnail a:focus {
	outline:none;
	}
	


#page .spo-item:focus-within {
	outline:1px solid #fff;
	outline-offset:0.3rem;
	}
.product-thumbnail a:focus img {
	outline:1px solid #555;
	outline-offset:0.2rem;
	}

		
	.page #page .entry-content > ul:not(.alignfull) li.job-opening {
		margin-left:2rem;
		}
		
	#page .job-opening h4 {
		margin-top:1rem;
		}
		
		
	.search-results #page .entry-content {
		margin-top:4rem;
		}
		
	#page .contact-data + p {
		margin-top:0.5rem;
		}
		
		.woocommerce #page .site-content,
	.woocommerce-page .site-main .woocommerce-products-header {

		margin-bottom:0rem;
			}