/*
Theme Name: Mental Health Foundation NS
Theme URI: https://wordpress.org/themes/mhfns/
Author: Shortstop
Author URI: https://shortstop.agency
Description: Mental Health Foundation NS emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mhfns
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

html { scroll-behavior: smooth; }

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

.wp-site-blocks {
	max-width: 100vw; overflow-x: hidden;
}

main, article { z-index: 1; }

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
	font-feature-settings: "lnum";
}

sup { font-size: 0.6em; }


/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}


footer { margin-block-start: unset; }
footer > div > .wp-block-group.prefooter {
	position: relative;
}
footer > div > .wp-block-group.prefooter::before {
	z-index: 0;
	content: "";
	position: absolute;
	left: 0;
	right: 0;

	/* pull the shape up so it overlaps the section above */
	height: clamp(80px, 25vw, 350px);
	top: calc(-1 * clamp(80px, 25vw, 350px));

	background: var(--wp--preset--color--navy);

	/* ⬇️ Mask keeps ONLY the elliptical cap visible (inverse of your clip-path) */
	-webkit-mask-image: radial-gradient(110% 155% at 40% 0%, transparent 60%, #fff 60%);
			mask-image: radial-gradient(110% 155% at 40% 0%, transparent 60%, #fff 60%);
	-webkit-mask-repeat: no-repeat;
			mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
			mask-size: 100% 100%;
}

footer ul.wp-block-list li a {
	text-decoration: none;
}

/******************* BLOCKS *******************/
.wp-block-post-date { font-weight: 500; }
.wp-block-post-date::before {
	content: "Published ";
}


/******************* BUTTONS *******************/
.wp-block-button .wp-block-button__link { transition: all 0.3s ease; }

.wp-block-button.is-button-color-orange .wp-block-button__link { background: var(--wp--preset--color--orange); }
.wp-block-button.is-button-color-ocean .wp-block-button__link { background: var(--wp--preset--color--ocean); }
.wp-block-button.is-button-color-green .wp-block-button__link { background: var(--wp--preset--color--green); }
.wp-block-button.is-button-color-light-green .wp-block-button__link { background: var(--wp--preset--color--light-green); }
.wp-block-button.is-button-color-navy .wp-block-button__link { background: var(--wp--preset--color--navy); }
.wp-block-button.is-button-color-pink .wp-block-button__link { background: var(--wp--preset--color--pink); }


.wp-block-button.is-style-outline .wp-block-button__link { background: transparent; }
.wp-block-button.is-style-outline.is-button-color-orange .wp-block-button__link { border-color: var(--wp--preset--color--orange); }
.wp-block-button.is-style-outline.is-button-color-ocean .wp-block-button__link { border-color: var(--wp--preset--color--ocean); }
.wp-block-button.is-style-outline.is-button-color-green .wp-block-button__link { border-color: var(--wp--preset--color--green); }
.wp-block-button.is-style-outline.is-button-color-light-green .wp-block-button__link { border-color: var(--wp--preset--color--light-green); }
.wp-block-button.is-style-outline.is-button-color-navy .wp-block-button__link { border-color: var(--wp--preset--color--navy); }
.wp-block-button.is-style-outline.is-button-color-pink .wp-block-button__link { border-color: var(--wp--preset--color--pink); }

.wp-block-button.is-style-outline .wp-block-button__link:hover { background: var(--wp--preset--color--base); color: var(--wp--preset--color--dark-navy) }

.wp-block-button.has-mhfns-icon.icon-pos-start .wp-block-button__link::before, .wp-block-button.has-mhfns-icon.icon-pos-end .wp-block-button__link::after {
	content: ""; display: inline-block;
	width: 18px; height: 18px;
	vertical-align: middle;
	background-color: var(--wp--preset--color--base);
	position: relative; top: -2px;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
  	mask-repeat: no-repeat;
  	mask-position: center;
  	mask-size: contain;
}

.wp-block-button.has-mhfns-icon.icon-pos-start .wp-block-button__link::before { margin-right: 1rem; }
.wp-block-button.has-mhfns-icon.icon-pos-end .wp-block-button__link::after { margin-left: 1rem; }

.wp-block-button.has-mhfns-icon.icon-external.icon-pos-start .wp-block-button__link::before, .wp-block-button.has-mhfns-icon.icon-external.icon-pos-end .wp-block-button__link::after {
	mask-image: url('/wp-content/themes/mhfns/assets/images/icons/arrow-up-right-from-square.png'); 
	-webkit-mask-image: url('/wp-content/themes/mhfns/assets/images/icons/arrow-up-right-from-square.png'); 
}

.wp-block-button.has-mhfns-icon.icon-arrow-right.icon-pos-start .wp-block-button__link::before, .wp-block-button.has-mhfns-icon.icon-arrow-right.icon-pos-end .wp-block-button__link::after {
	mask-image: url('/wp-content/themes/mhfns/assets/images/icons/arrow-right.png');
	-webkit-mask-image: url('/wp-content/themes/mhfns/assets/images/icons/arrow-right.png');
}

.wp-block-button.has-mhfns-icon.icon-arrow-left.icon-pos-start .wp-block-button__link::before, .wp-block-button.has-mhfns-icon.icon-arrow-left.icon-pos-end .wp-block-button__link::after {
	mask-image: url('/wp-content/themes/mhfns/assets/images/icons/arrow-left.png');
	-webkit-mask-image: url('/wp-content/themes/mhfns/assets/images/icons/arrow-left.png');
}

.wp-block-button.has-mhfns-icon.icon-pdf.icon-pos-start .wp-block-button__link::before, .wp-block-button.has-mhfns-icon.icon-pdf.icon-pos-end .wp-block-button__link::after {
	mask-image: url('/wp-content/themes/mhfns/assets/images/icons/file-pdf.png');
	-webkit-mask-image: url('/wp-content/themes/mhfns/assets/images/icons/file-pdf.png');
}

.wp-block-button.is-button-color-green.has-mhfns-icon.icon-pdf.icon-pos-start .wp-block-button__link::before, .wp-block-button.is-button-color-green.has-mhfns-icon.icon-pdf.icon-pos-end .wp-block-button__link::after {
	background-color: var(--wp--preset--color--green);
}

.wp-block-button.is-button-color-orange.has-mhfns-icon.icon-pdf.icon-pos-start .wp-block-button__link::before, .wp-block-button.is-button-color-orange.has-mhfns-icon.icon-pdf.icon-pos-end .wp-block-button__link::after {
	background-color: var(--wp--preset--color--orange);
}

.wp-block-button.is-button-color-ocean.has-mhfns-icon.icon-pdf.icon-pos-start .wp-block-button__link::before, .wp-block-button.is-button-color-ocean.has-mhfns-icon.icon-pdf.icon-pos-end .wp-block-button__link::after {
	background-color: var(--wp--preset--color--ocean);
}

.wp-block-button.is-button-color-light-green.has-mhfns-icon.icon-pdf.icon-pos-start .wp-block-button__link::before, .wp-block-button.is-button-color-light-green.has-mhfns-icon.icon-pdf.icon-pos-end .wp-block-button__link::after {
	background-color: var(--wp--preset--color--light-green);
}

.wp-block-button.is-button-color-navy.has-mhfns-icon.icon-pdf.icon-pos-start .wp-block-button__link::before, .wp-block-button.is-button-color-navy.has-mhfns-icon.icon-pdf.icon-pos-end .wp-block-button__link::after, .wp-block-button.is-button-color-navy.has-mhfns-icon.icon-external.icon-pos-start .wp-block-button__link::before, .wp-block-button.is-button-color-navy.has-mhfns-icon.icon-external.icon-pos-end .wp-block-button__link::after {
	background-color: var(--wp--preset--color--navy);
}

.wp-block-button.is-button-color-pink.has-mhfns-icon.icon-pdf.icon-pos-start .wp-block-button__link::before, .wp-block-button.is-button-color-pink.has-mhfns-icon.icon-pdf.icon-pos-end .wp-block-button__link::after {
	background-color: var(--wp--preset--color--pink);
}


.wp-block-button.is-button-color-dark-navy.has-mhfns-icon.icon-pdf.icon-pos-start .wp-block-button__link::before, .wp-block-button.is-button-color-dark-navy.has-mhfns-icon.icon-pdf.icon-pos-end .wp-block-button__link::after, .wp-block-button.is-style-text-only.is-button-color-navy.has-mhfns-icon.icon-pos-end .wp-block-button__link::after {
	background-color: var(--wp--preset--color--dark-navy);
}

@media (max-width: 1114px) {
	.wp-block-button.is-style-text-only .wp-block-button__link {
		text-align: left;
	}
}

.wp-block-button.has-mhfns-icon .wp-block-button__link:hover::before, .wp-block-button.has-mhfns-icon .wp-block-button__link:hover::after {
	background-color: var(--wp--preset--color--dark-navy);
}


/******************* ADD TO ANY *******************/
.addtoany_shortcode .addtoany_list a { font-size: 22px; color: white; text-decoration: none; } 

.addtoany_shortcode a::after {
	content: ""; display: inline-block;
	width: 22px; height: 22px;
	background-image: url('/wp-content/themes/mhfns/assets/images/icons/share-nodes.png');
	background-size: contain; background-repeat: no-repeat; background-position: center;
	vertical-align: middle;
	padding: 0 5px;
}

/******************* FORMIDABLE *******************/
.frm_form_fields .frm_form_field .frm_primary_label {
	font-size: 1.125rem;
	color: var(--wp--preset--color--base);
	padding-left: 0;
}
.frm_form_fields .frm_form_field .frm_primary_label .frm_required {
	font-size: 1.125rem; 
	vertical-align: top;
	position: relative; left: -5px;
}
@media (max-width: 768px) {
	.frm_form_fields .frm_form_field .frm_primary_label { font-size: 1.125rem; }
	.frm_form_fields .frm_form_field .frm_primary_label .frm_required { font-size: 1rem; }
}

.frm_form_fields .frm_form_field.frm_label_float_top .frm_primary_label {
	font-size: var(--wp--preset--font-size--small);
	top: 0px;
}

.frm_form_fields .frm_form_field textarea, .frm_form_fields .frm_form_field input, .frm_form_fields .frm_form_field select {
	background: none;
	border: unset;
	border-bottom: 1px solid;
	 font-size: 1.125rem;
}

/* Focus styles */
.frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):not([type=range]):not([readonly]):focus, .frm_style_formidable-style.with_frm_style select:focus, .frm_style_formidable-style.with_frm_style .form-field textarea:focus, .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=text], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=password], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=email], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=number], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=url], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=tel], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=search], .frm_form_fields_active_style, .frm_style_formidable-style.with_frm_style .frm_focus_field .frm-card-element.StripeElement { background: unset; outline: unset; box-shadow: unset; }

.frm_form_fields .frm_form_field .frm_checkbox {
	margin-top: 25px;
}
.frm_form_fields .frm_form_field.has-select { position: relative; }
.frm_form_fields .frm_form_field.has-select select { appearance: none; -webkit-appearance: none; }
.frm_form_fields .frm_form_field.has-select::after {
	position: absolute; bottom: 15px; right: 0;
	content: ""; display: inline-block;
	background-image: url('/wp-content/themes/mhfns/assets/images/icons/chevron-down.png');
	background-size: contain; background-repeat: no-repeat; background-position: center;
	width: 20px; height: 14px;
	vertical-align: middle;
}

.frm_form_fields .frm_form_field .frm_submit {
	margin-left: auto; margin-right: 0; padding-right: 0;
	display: flex; justify-content: flex-end;
}

.frm_form_fields .frm_form_field .frm_opt_container label {
	display: flex; align-items: flex-start; gap: 5px;
	line-height: 1.5;
}

.frm_form_fields .frm_form_field .frm_opt_container label input {
	position: relative; top: 2px;
}

/* Newsletter signup button is different from other forms */
@media (min-width: 800px) { #form_newsletter-signup .frm_fields_container { display: flex; } }
#form_newsletter-signup .frm_fields_container > div { flex: 1 0 auto; }
#form_newsletter-signup .frm_form_fields .frm_form_field { margin-bottom: 0; }
#form_newsletter-signup .frm_form_fields .frm_form_field.frm_first { width: 350px; }
#form_newsletter-signup .frm_form_fields .frm_form_field .frm_submit { margin-left: 0; display: block; }
#form_newsletter-signup .frm_form_fields .frm_form_field .frm_submit button {
	background: unset; border: unset; outline: unset; box-shadow: unset;
	padding-left: 0; padding-right: 0;
	margin-left: unset;
	color: var(--wp--preset--color--base);
}

#form_newsletter-signup .frm_form_fields .frm_form_field .frm_submit button::after {
    display: inline-block;
    content: ""; display: inline-block;
	filter: invert();
	background-image: url('/wp-content/themes/mhfns/assets/images/icons/arrow-right.png');
	background-size: contain; background-repeat: no-repeat; background-position: center;
	width: 20px; height: 16px;
	margin-left: 12px;
	position: relative;
	left: 0;
	transition: all 0.2s ease-in-out;
}
#form_newsletter-signup .frm_form_fields .frm_form_field .frm_submit button:hover { background: unset; }
#form_newsletter-signup .frm_form_fields .frm_form_field .frm_submit button:hover::after {
	left: 10px;
}

.frm_forms.with_frm_style .frm_checkbox input[type=checkbox]:before {
	border-radius: 4px; overflow: hidden;
}
.frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked {
	background-color: var(--wp--preset--color--green) !important;
}
.frm_forms.with_frm_style .frm_fields_container .frm_radio input[type=radio]:not([disabled]):checked, .frm_forms.with_frm_style .frm_fields_container .frm_scale input[type=radio]:not([disabled]):checked, .frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked {
	border-color: var(--wp--preset--color--green) !important;
}

@media (max-width: 768px) {
	#form_newsletter-signup .frm_form_fields .frm_form_field.frm_first {
		width: 300px	;
	}
}



/******************* POSTS *******************/

@media (max-width: 800px) {
	.wp-singular.post-template-default.single.single-post.wp-theme-mhfns .entry-content > *,
	.wp-singular.post-template-default.single.single-post.wp-theme-mhfns main .wp-block-group,
	.wp-singular.post-template-default.single.single-post.wp-theme-mhfns main .wp-block-group h1,
	.wp-singular.post-template-default.single.single-post.wp-theme-mhfns main .wp-block-group div.taxonomy-category {
		max-width: 100vw;
	}	
}

.wp-block-post-template li > .wp-block-group {
	overflow: hidden;
	height: 100%;
}

@media (min-width: 601px) and (max-width: 1024px) {
	.wp-block-query ul.columns-3.wp-block-post-template.wp-block-post-template-is-layout-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.wp-block-post-template li > .wp-block-group figure.wp-block-post-featured-image {
	min-height: 200px; max-height: 230px;
}

.wp-block-post-template li > .wp-block-group > .wp-block-group:first-child:not(figure) h3.wp-block-post-title {
	font-size: 3rem;
	
}
.wp-block-post-template li > .wp-block-group > .wp-block-group:first-child:not(figure) { height: 100%; }

.wp-block-post-template li > .wp-block-group > .wp-block-group {
	min-height: 330px;
	display: flex; flex-direction: column; justify-content: space-between;
	background: var(--wp--preset--color--base);
}

/* .wp-block-post-template li > .wp-block-group > .wp-block-group { display: flex; flex-direction: column; align-items: stretch; height: inherit; } */
.wp-block-post-template li > .wp-block-group h3 { font-weight: 500; }
.wp-block-post-template li > .wp-block-group a { text-decoration: none; }
.wp-block-post-template li > .wp-block-group .wp-block-read-more, .featured-post .wp-block-read-more {
	margin-top: auto; margin-bottom: 0;
	display: block;
    background: transparent;
	border: 2px solid; border-radius: 9999px;
    color: var(--wp--preset--color--dark-navy);
	font-weight: 500;
    padding: 15px 23px;
	margin-top: 30px;
}

.wp-block-post-template li:nth-child(6n+1) .wp-block-group.has-background.has-base-background-color,
.wp-block-post-template li:nth-child(6n+1) > .wp-block-group > .wp-block-group {
	background-color: var(--wp--preset--color--ocean) !important;
}

.wp-block-post-template li:nth-child(6n+3) .wp-block-group.has-background.has-base-background-color, .wp-block-post-template li:nth-child(6n+5) .wp-block-group.has-background.has-base-background-color,
.wp-block-post-template li:nth-child(6n+3) > .wp-block-group > .wp-block-group, .wp-block-post-template li:nth-child(6n+5) > .wp-block-group > .wp-block-group {
	background-color: var(--wp--preset--color--orange) !important;
}

.wp-block-post-template li:nth-child(6n+4) .wp-block-group.has-background.has-base-background-color,
.wp-block-post-template li:nth-child(6n+4) > .wp-block-group > .wp-block-group {
	background-color: var(--wp--preset--color--light-green) !important;
}

.wp-block-post-template li:nth-child(6n) .wp-block-group.has-background.has-base-background-color,
.wp-block-post-template li:nth-child(6n) > .wp-block-group > .wp-block-group {
	background-color: var(--wp--preset--color--pink) !important;
}


.featured-post .wp-block-columns { 
	overflow: hidden;
	min-height: 500px;
}

.featured-post .wp-block-post-template li > .wp-block-group figure.wp-block-post-featured-image {
	max-height: 100%;
}
.featured-post .wp-block-columns figure.wp-block-post-featured-image {
	height: 100%;
}
.featured-post .wp-block-columns figure.wp-block-post-featured-image img {
	width: 100%; height: 100%;
	object-fit: cover; object-position: center;
}


/******************* PATTERNS *******************/

/* Grant applications */
.grant-applications .wp-block-columns .wp-block-column:first-child { flex-shrink: 0; }
.grant-applications h2 { position: relative; }
.grant-applications .circle-with-text {
	margin-left: auto; margin-right: 0 !important;
	margin-bottom: -120px;
	transform: rotate(8deg);
}

.grant-applications > .wp-block-columns {
	margin-top: 10px;
}

.circle-with-text {
	border-radius: 99999px;
    width: 200px; height: 200px;
    padding-top: 70px;
    text-align: center; font-weight: 500; font-size: 1.5rem;
    line-height: 1;
}

/* Circle with text for large headline text cta */
.circle-with-text-large p { margin-top: unset; line-height: 1.2; }
@media (max-width: 1024px) {
	.grant-applications .circle-with-text {
		width: 150px; height: 150px;
		font-size: 1rem;
		padding-top: 60px;
		margin-bottom: -70px;
	}
}

/* Group of 4 circles with text in them */
.group--circle-with-text-large {
	display: grid !important;
  	grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
  	gap: 20px;
  	padding: 0; list-style: none;
}
.group--circle-with-text-large > .wp-block-column .circle-with-text-large {
	aspect-ratio: 1;
	border-radius: 50%;
	display: flex; flex-direction: column; justify-content: center;
	font: 600 clamp(12px, 2.4vw, 18px)/1.1 system-ui;
}
.group--circle-with-text-large > .wp-block-column .circle-with-text-large .has-headline-medium-font-size {
	font-size: clamp(5rem, 7vw, 9.375rem) !important;
}
.group--circle-with-text-large > .wp-block-column .circle-with-text-large .has-headline-small-font-size {
	font-size: clamp(4rem, 7vw, 6rem) !important;

}

@media (max-width: 1024px) {
	.group--circle-with-text-large {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 600px) {
	.group--circle-with-text-large {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
		gap: 0;
	}

	.group--circle-with-text-large > .wp-block-column .circle-with-text-large {
		max-width: 50%;
	}
	
	.group--circle-with-text-large > .wp-block-column:nth-child(2) .circle-with-text-large {
		margin-top: -80px; margin-bottom: -80px;
		margin-left: auto; margin-right: 0;
	}
	.group--circle-with-text-large > .wp-block-column:nth-child(4) .circle-with-text-large {
		margin-top: -80px;
		margin-left: auto; margin-right: 0;
	}
}

/* Fancy youtube embed overlapping background */
.youtube-embed-fancy { margin-top: 80px; margin-bottom: 80px; }
.youtube-embed-fancy > .wp-block-group {
	border-radius: 30px; overflow: hidden;
	margin-top: -40px; margin-bottom: -40px;
}
@media (min-width: 768px) { .youtube-embed-fancy > .wp-block-group { max-width: 70%; } }


.columns-with-background-color .wp-block-column .wp-block-group {
	height: 100%;
	display: flex; align-items: center;
}

/* Text with three images overlapping */
.text-with-three-images .text-with-three-images__image-two {
	position: relative; top: -80px; left: -65px;
}

.text-with-three-images .text-with-three-images__image-three {
	position: relative; left: -8%;
}

.text-with-three-images::after { clear: both; }

@media (max-width: 600px) {
	.text-with-three-images .text-with-three-images__image-three {
		margin-top: -100px;
		float: left;
	}

}
@media (min-width: 600px) and (max-width: 825px) {
	.text-with-three-images .text-with-three-images__image-three {
		float: left; margin-top: -300px;
	}
}

/* Text with three images overlapping ALT */
.text-with-three-images-alt .wp-block-columns .text-with-three-images-alt__images figure:nth-child(1) {
	margin-bottom: -70px;
}
.text-with-three-images-alt .wp-block-columns .text-with-three-images-alt__images figure:nth-child(2) {
	display: flex; justify-content: flex-end;
	margin-bottom: -70px;
}

@media (min-width: 600px) and (max-width: 780px) {
	.text-with-three-images-alt .wp-block-columns .text-with-three-images-alt__images figure:nth-child(1), .text-with-three-images-alt .wp-block-columns .text-with-three-images-alt__images figure:nth-child(2) {
		margin-bottom: -100px;
	}
}


/* report cover, laid out on an angle */
.report-cover-block {
	margin-top: 120px; margin-bottom: 120px;
	min-height: 250px;
}

.report-cover-block::before {
    content: ""; display: block;
	background: var(--wp--preset--color--navy);
    width: 100%; height: 80%;
    position: absolute; top: 10%; left: 0;
    border-radius: 30px;
    margin-top: auto; margin-bottom: auto;
}


.report-cover-block img {
	transform: rotate(-3deg);
	max-width: 90%;
	/* margin-top: -60px; margin-bottom: -60px; */
	margin-left: 15px; margin-right: auto;
	box-shadow: 0px 4px 25px 5px rgba(0, 39, 83, 0.5);
}

@media (max-width: 782px) {
	.report-cover-block {
		height: 100%;
		position: relative; top: 50px;

	}
	.report-cover-block figure { text-align: center; margin-left: -20px; }
	.report-cover-block img {
		max-width: 75%;
		margin-bottom: 0; margin-top: -60px;

	}
}
@media (max-width: 480px) {
	.report-cover-block::before {
		top: 0;
		height: 60%;
	}
	.report-cover-block img {
		transform: rotate(0);
		margin-bottom: -40px;
	}
}


@media (max-width: 1024px) {
	.wp-block-cover.hero-with-text-and-button {
		margin-left: calc(var(--wp--style--root--padding-right) * -1) !important;
		margin-right: calc(var(--wp--style--root--padding-right) * -1) !important;
		border-radius: unset !important;
	}
	.hero-with-text-and-button .wp-block-cover__inner-container .wp-block-columns .wp-block-column {
		display: flex; flex-direction: column;
		align-items: center;
	}
	.hero-with-text-and-button .wp-block-cover__inner-container .wp-block-columns .wp-block-column h1 {
		text-align: center;
		margin-bottom: 40px;
	}
	.hero-with-text-and-button .wp-block-cover__inner-container .wp-block-columns .wp-block-column .wp-block-buttons {
		justify-content: center;
	}
}

/* Currently "Who We Are" with green circle and offset images */
.image-section-with-circle-cta {
	max-width: min(80%, 1440px);
}

@media (max-width: 968px) {
	.image-section-with-circle-cta {
		max-width: 100%;
	}
	
}

/* @media (max-width: 640px) {
	.image-section-with-circle-cta {
		position: relative;
		left: -20%;
		max-width: 140%;
		width: 140%;
	}

} */

.image-section-with-circle-cta__circle {
	width: 580px; height: 580px;
	display: flex; flex-direction: column; justify-content: center;
}
.image-section-with-circle-cta__circle p {
	max-width: 360px; text-align: center;
}

.image-section-with-circle-cta__first-row-images {
	margin-bottom: -130px;
}

.image-section-with-circle-cta__first-row-images figure:nth-child(1) img {
	margin-bottom: -40px; position: relative; z-index: 10;
}

.image-section-with-circle-cta__second-row-images {
	margin-top: -100px; max-width: 85%;
}
.image-section-with-circle-cta__second-row-images figure:nth-child(1) img {
	margin-top: -50px;
	position: relative; right: -100px;
}
.image-section-with-circle-cta__second-row-images figure:nth-child(2) img {
	margin-top: -120px; margin-left: -70px;
}

@media (min-width: 968px) {
	.image-section-with-circle-cta__first-row-images figure:nth-child(1) img {
		top: -50px; left: -80px;
		width: 450px !important;
	}
	.image-section-with-circle-cta__first-row-images figure:nth-child(2) img {
		width: 550px !important; position: relative; right: -100px;
	}
	
	.image-section-with-circle-cta__second-row-images {
		max-width: 100%;
	}
	.image-section-with-circle-cta__second-row-images figure:nth-child(1) img {
		width: 500px !important;
		right: -100px;
	}
	.image-section-with-circle-cta__second-row-images figure:nth-child(2) img {
		margin-top: -120px; margin-left: -70px; width: 300px !important;
	}
}

@media (max-width: 460px) {
	.image-section-with-circle-cta {
		left: -100px;
	}

	.image-section-with-circle-cta__first-row-images figure:nth-child(2) img {
		max-width: 200px; margin-left: -100px;
	}
}

@media (max-width: 640px) {
	.image-section-with-circle-cta__circle {
		width: 100vw; height: 100vw;
		min-width: 400px; min-height: 400px;
	}

	.image-section-with-circle-cta__first-row-images {
		margin-bottom: 100px;
	}
	.image-section-with-circle-cta__first-row-images figure:nth-child(1) img {
		top: 140px; left: 60px; position: relative; z-index: 10;
		max-width: 200px;
	}
	.image-section-with-circle-cta__first-row-images figure:nth-child(2) img {
		max-width: 200px; margin-right: 100px;
	}

	.image-section-with-circle-cta__second-row-images figure:nth-child(1) img {
		margin-top: 100px; max-width: 200px;
	}
	.image-section-with-circle-cta__second-row-images figure:nth-child(2) img {
		margin-top: -20px; margin-left: unset;
		max-width: 200px;
		float: left;
	}
}

@media (min-width: 640px) and (max-width: 968px) {
	.image-section-with-circle-cta__first-row-images figure:nth-child(1) img {
		margin-bottom: -40px; margin-left: -80px;
		position: relative; z-index: 10;
	}
	.image-section-with-circle-cta__first-row-images figure:nth-child(2) img {
		margin-left: 40px;
		bottom: -50px;
	}

	.image-section-with-circle-cta__second-row-images figure:nth-child(1) img {
		margin-top: -30px; margin-right: -60px; 
	}
	.image-section-with-circle-cta__second-row-images figure:nth-child(2) img {
		margin-left: -120px;
	}
}



.three-images-horizontal .wp-block-image {
	width: 40%;
}
.three-images-horizontal .wp-block-image:nth-child(3) {
	position: relative; top: -200px; left: -50px;
	margin-bottom: -200px;
}

@media (max-width: 900px) {
	.three-images-horizontal .wp-block-image:nth-child(3) { top: -100px; margin-bottom: -100px; }
}
@media (max-width: 600px) {
	.three-images-horizontal .wp-block-image:nth-child(3) { top: -50px; margin-bottom: -50px; }
}