/*
Theme Name: Jumblies
Theme URI: https://surfaceimpression.digital
Author: Surface Impression
Author URI: https://surfaceimpression.digital
Description: A child theme for TT2.
Requires at least: 5.9
Tested up to: 5.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentytwo-child
Template: twentytwentytwo
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

Twenty Twenty-Two Child WordPress Theme, (C) 2022 WordPress.org
Twenty Twenty-Two Child is distributed under the terms of the GNU GPL.
*/

/* THINGS TO NOTE */
/*
- theme.json
----> sets many custom vars - lineHeight etc.
----> sets some styling - quote block border etc.

/**********************************************\
***********************************************

                == INDEX ==

\**********************************************
**********************************************\*/
body{
	--upper-drop-shadow: -3px -3px 4px 2px rgba(0, 0, 0, 0.02);
}
/**********************************************\
1.  FONTS
\**********************************************/
html{
	font-size: 16px;
}
@media screen and (min-width: 320px) {
  html {
    font-size: calc(16px + 4 * ((100vw - 320px) / 680));
  }
}
@media screen and (min-width: 1000px) {
  html {
    font-size: 20px;
  }
}
p, li, ol{
	font-size: 1.1rem;
}
figcaption{
	font-size: 90%;
}
.has-large-font-size p{
	font-size: inherit;
}
.has-separator-after{
	width: 100%;
}
/*=== Restrict text width ===*/
.entry-content p:not(.alignright):not(.aligncenter):not(.line-after){
	max-width: 75rem;
	margin-left: 0 !important;
}
/**********************************************\
1.  LINKS & BUTTONS
\**********************************************/
/*=== Links ===*/
.wp-site-blocks a{
	text-decoration-thickness: 2px;
	text-decoration-style: dashed;
    text-underline-offset: 1ch;
	transition: all .3s ease-in-out;
	color: currentColor;
}
.wp-site-blocks a:hover, .wp-site-blocks a:focus{
	text-decoration-style: solid;
}
/*=== Button Default ===*/
/* Added class to button__link in case of functionality change */
.wp-site-blocks .jumblies-button {
    background-image: url('/wp-content/themes/twentytwentytwo-child/assets/img/button-background-grunge.png');
    background-blend-mode: soft-light;
    background-size: cover;
    padding: calc(.3rem + 2px) calc(3rem + 2px);
}
.wp-site-blocks a.jumblies-button, .jumblies-button{
	transition: all 0.5s;
}
.wp-site-blocks .jumblies-button:hover,
.wp-site-blocks .jumblies-button:focus{
  /*transform: rotate(-0.015turn);*/
  opacity: 1;
}
.wp-site-blocks .jumblies-button span {
  position: relative;
	text-decoration: none;
}
/*
.wp-site-blocks .jumblies-button span::after,
.wp-site-blocks .jumblies-button span::before {
  border-radius: 50%;
  border: .2rem white solid;
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}*/
.wp-site-blocks .jumblies-button span::before{
	margin-left: -2rem;
}
.wp-site-blocks .jumblies-button span::after {
  margin-left: 1.5rem;
}
/*=== Header link hovers ===*/
header .wp-block-navigation .wp-block-navigation-item a:hover, header .wp-block-navigation .wp-block-navigation-item a:focus{
	text-decoration: none;
    color: var(--wp--preset--color--burnt-orange);
}
/* current menu item */
header .wp-block-navigation .wp-block-navigation-item.current-menu-item a{
	color: var(--wp--preset--color--burnt-orange);
}
/*=== Footer link hovers ===*/
footer .wp-block-navigation .wp-block-navigation-item a,
footer.wp-block-template-part p a{
	position: relative;
}
footer .wp-block-navigation .wp-block-navigation-item a::before,
footer.wp-block-template-part p a::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: currentColor;
	bottom: 0;
	left: 0;
	transform-origin: right;
	transform: scaleX(0);
	transition: transform .3s ease-in-out;
}
footer .wp-block-navigation .wp-block-navigation-item a:hover, footer .wp-block-navigation .wp-block-navigation-item a:focus,
footer.wp-block-template-part a:focus, footer.wp-block-template-part p a:hover{
	text-decoration: none;
	text-underline-offset: 0.25ch;
}
footer .wp-block-navigation .wp-block-navigation-item a:hover::before, footer .wp-block-navigation .wp-block-navigation-item a:focus::before,
footer.wp-block-template-part p a:hover::before, footer.wp-block-template-part p a:focus::before{
	transform-origin: left;
	transform: scaleX(1);
}
/**********************************************\
1.  GRIDS
\**********************************************/
.grid-x{
	display: flex;
    flex-flow: row wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
}
.entry-content > .grid-x.alignfull{
	margin-top: 2rem;
	margin-bottom: 2rem;
	padding: 0 3.5vw;
}
.grid-x > .auto{
	width: auto;
}
.grid-x.alignfull .cell{
	padding: 0 1rem;
}
.cell.auto{
	flex: 1 1 0px;
	-webkit-box-flex: 1;
}
@media screen and (min-width: 850px){
    .grid-x .cell.medium-auto{
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto;
    }
}
@media screen and (min-width: 1050px){
    .grid-x .cell.medium-auto{
        min-width: 33.33%;
    }
}
@media screen and (max-width: 1050px) and (min-width: 800px){
    .grid-x .cell.medium-auto{
        min-width: 50%;
    }
}
@media screen and (max-width: 800px){
    .grid-x .cell.small-12{
        min-width: 100%;
        width: 100%;
    }
}
/*=== WP Columns ===*/
@media screen and (min-width: 700px){
    .entry-content .wp-block-columns h1, .entry-content .wp-block-columns h2, .entry-content .wp-block-columns h3, .entry-content .wp-block-columns h4, .entry-content .wp-block-columns h5, .entry-content .wp-block-columns h6{
        margin: 0 0 1rem;
    }
}
@media screen and (max-width: 1000px){
    .wp-block-columns{
		/*flex-direction: column;*/
		flex-wrap: wrap;
	}
	.wp-block-column{
		flex-basis: 100%!important;
	}
	.wp-block-columns > .wp-block-column:not(:last-child){
		margin-bottom: 2rem;
	}
	.wp-block-columns + .wp-block-columns{
		margin-top: 0.2rem;
	}
	.wp-block-column:not(:first-child){
		margin-left: 0;
	}
 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n){
		margin-left: 0;
	}
}
/*=== Spacers ===*/
@media screen and (max-width: 850px){
	.wp-block-spacer{
		display: none;
	}
}
/**********************************************\
1.  MEDIA (Images, video, etc)
\**********************************************/
/*=== Single Image ===*/
.wp-block-image.alignfull figcaption{
  max-width: 30%;
  margin-left: auto;
}
.wp-block-image.alignwide figcaption{
	max-width: 30%;
	margin-left: auto;
}
.wp-block-image figcaption, .wp-block-image span {
  font-size: var(--wp--preset--font-size--xx-small);
  line-height: var(--wp--custom--line-height);
  color: var(--wp--preset--color--pure-black);
  background-color: var(--wp--preset--color--pure-white);
  margin-top: calc(-1rem * var(--wp--custom--line-height));
  padding: calc(var(--wp--preset--font-size--xx-small)/2);
  position: relative;
}
.wp-block-image > figure.aligncenter > figcaption,
.wp-block-image > figure.alignleft > figcaption {
  max-width: 50%;
  margin-left: auto;
}
.wp-block-image span {
  margin-top: calc(-1.5rem * var(--wp--custom--line-height));
  width: calc(7*var(--wp--preset--font-size--xx-small));;
  height: calc(2*var(--wp--preset--font-size--xx-small));
  display: table-caption;
  caption-side: bottom;
}
/* positioning*/
.wp-block-image.aligncenter, .wp-block-image .aligncenter, .wp-block-image.alignleft, .wp-block-image .alignleft, .wp-block-image.alignright, .wp-block-image .alignright{
	display: inherit;
}
.wp-block-image.alignfull img, .wp-block-image.alignwide img{
	max-height: 550px;
	object-fit: cover;
	object-position: center;
}
/* FEATURE IMAGE: Alignwide or full */
.wp-block-post-featured-image.alignfull img, .wp-block-post-featured-image.alignwide img{
	min-height: 300px;
    max-height: 500px;
	object-fit: cover;
	object-position: center;
}
/*==== Gallery ===*/
.wp-block-gallery:not(.not-masonry){
	position: relative !important; /* needed for masonry */
	min-width: 100% !important;
}
.wp-block-gallery:not(.not-masonry) > .wp-block-image {
	position: absolute !important; /* needed for masonry */
}
.wp-block-gallery:not(.not-masonry) figcaption {
	display: none;
}
/*=== Images on hover ===*/
a:hover img, a:focus img{
	opacity: 0.7;
}
/**********************************************\
1.  ACCESS TOOLBAR
\**********************************************/
body #pojo-a11y-toolbar{
	z-index: 998 !important;
    bottom: 3vh !important;
}
body #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
	bottom: 3vh;
	z-index: 998 !important;
}
body #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:hover{
	box-shadow: .25rem 0 0 .075rem var(--wp--preset--color--sunset-orange);
	-webkit-box-shadow: .25rem 0 0 .075rem var(--wp--preset--color--sunset-orange);
}

body #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a,
.nav-site-mobile-header .wp-block-navigation__responsive-container-open,
.nav-site-mobile-header .wp-block-navigation__responsive-container-close {
	width: 3rem;
	height: 3rem;
	position: fixed;
	background-color: var(--wp--preset--color--eggshell-tan);
	border-radius: 100%;
	border: 1px var(--wp--preset--color--pure-black) solid;
	box-shadow: .25rem 0 0 .075rem var(--wp--preset--color--sunset-orange);
}
/* Toolbar overlay */
body #pojo-a11y-toolbar.pojo-a11y-toolbar-left{
	left: -250px;
}
body #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay{
	width: 250px;
}
#pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle{
	left: 270px;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title {
	font-size: 1rem;
}
/**********************************************\
1.  NAVIGATION
\**********************************************/
.header-scroll {
	position: fixed;
	width: 100%;
	background: var(--wp--preset--color--pure-white);
	top: 0;
	padding-top: .5rem;
	left: 0;
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
	z-index: 998;
}
.group-for-scroll > .main-nav-list {
	margin-top: 0;
}
.header-scroll .wp-block-site-logo .custom-logo {
	max-width: 0;
}
@media screen and (max-width:700px) {
	.custom-logo {
		width: 100%;
		height: auto;
	}
	.main-nav-list > nav {
		display: none;
	}
}
@media screen and (min-width:700px) {
	.wp-block-navigation__responsive-container-open {
		display: none;
	}
}
.wp-block-site-logo {
	max-width: 100%;
	transition: all 0.1s;
}
.wp-block-site-logo img{
	max-height: 3.5rem;
	object-fit: contain;
	object-position: left;
}
.wp-block-image.border img{
	border: 8px solid #EFECDE;
}
.nav-site-main-header {
	align-self: end;
	font-weight: 300;
	padding: .8rem 0;
}
.nav-site-main-header > ul {
	  gap: 4rem;
}
.nav-site-main-header > ul > li.nav-more > a > span {
	position: relative;
	padding-right: 3.1rem;
}
.nav-site-main-header > ul > li.nav-more > a > span:hover::after {
	width: 2.5rem;
}
.nav-site-main-header > ul > li.nav-more > a > span::after{
	content: url('./assets/img/icons/noun-plus.svg');
	position: absolute;
	width: 2.4rem;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	line-height: 1;
	padding-left: 1rem;
}
.modal-open{
	overflow-y: hidden;
}
body.pojo-a11y-grayscale {
	overflow-x: hidden;
}
.more-nav-list {
    height: 100vh;
	position: fixed;
	width: 100%;
	top: 0;
	left: 150%;
	background: var(--wp--preset--color--burnt-orange);
	background-image: url("/wp-content/themes/twentytwentytwo-child/assets/img/logo-deconstruction-tint-2.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 999;
	transition: left 2000ms cubic-bezier(.23, 1, .32, 1);
}
body.modal-open .more-nav-list{
	left: 0;
}
.more-nav-list > .wp-block-group {
	position: absolute;
	top: 0;
	right: 0;
	width: 30rem;
	background: var(--wp--preset--color--pure-white);
	height: 100%;
	/* padding-left: var(--wp--custom--spacing--outer); */
	padding-right: var(--wp--custom--spacing--outer);
	padding-top: 1rem;
}
.nav-site-more-header{
	padding-left: 1rem;
}
.nav-site-more-header > ul {
	width: 100%;
}
.nav-site-more-header > ul > li.nav-more {
	align-self: end;
	padding-right: var(--wp--custom--spacing--outer);
	margin-top: 2.6rem;
	margin-bottom: -1rem;
}
.nav-site-more-header > ul > li.nav-more > a > span:hover::after{
	width: 2.2rem;
}
.nav-site-more-header > ul > li.nav-more > a > span::after{
	content: url('./assets/img/icons/close.svg');
	position: absolute;
	width: 2.1rem;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	line-height: 1;
	padding-left: 1rem;
}
.nav-site-more-header.wp-block-navigation .wp-block-navigation-item{
	flex-direction: column;
	align-items: baseline;
}
.nav-site-more-header.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
  background-color: transparent;
  color: inherit;
  border: none;
}
.nav-site-more-header.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) {
  background-color: inherit;
  color: inherit;
  position: inherit;
  z-index: inherit;
  display: flex;
  flex-direction: column;
  align-items: normal;
  opacity: inherit;
  transition: none;
  visibility: visible;
  width: inherit;
  height: inherit;
  overflow: hidden;
}
.nav-site-more-header .wp-block-navigation__submenu-container .wp-block-navigation-item a span.wp-block-navigation-item__label::before{
	margin-left: -2.75rem;
	width: 2.25rem;
	color: var(--wp--preset--color--burnt-orange);
	border-top: 2px solid;
}
.nav-site-more-header.wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content{
	padding: .5rem 1rem .5rem 3rem;
}
.nav-site-more-header .wp-block-navigation-item a {
	text-transform: uppercase;
}
.nav-site-mobile-header.nav-site-more-header .wp-block-navigation-item a,
.nav-site-more-header .wp-block-navigation__submenu-container .wp-block-navigation-item a {
	text-transform: none;
}
.has-normal-font-size.wp-block-navigation-item{
	font-size: 1.6rem !important;
}
.nav-site-mobile-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
	display: block;
	margin-left: 1em;
	width: 1.25em;
	height: 1.25em;
	position: absolute;
	right: 0;
	top: .25em;
}
.nav-site-mobile-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon.submenu-open{
	width: 1.2em;
    height: 1.2em;
}
.nav-site-mobile-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{
	display: none;
}
.mobile-nav-list .nav-site-mobile-header.nav-site-more-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.mobile-nav-list .nav-site-mobile-header.nav-site-more-header.wp-block-navigation .wp-block-navigation-item{
	width: 100%;
}
.mobile-nav-list .nav-site-mobile-header.nav-site-more-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
	justify-content: flex-end;
	padding-bottom: 1em;
	padding-top: 1em;
}
.nav-site-mobile-header .wp-block-navigation__responsive-close,
.nav-site-mobile-header .wp-block-navigation__responsive-dialog {
	height: 100%;
}
.nav-site-mobile-header .wp-block-navigation__responsive-container-close svg,
.nav-site-mobile-header .wp-block-navigation__responsive-container-open svg,
body #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a svg {
	width: 1.8rem;
	height: 1.8rem;
	margin: auto;
}
.nav-site-mobile-header .wp-block-navigation__responsive-dialog {
	position: static;
}
.nav-site-mobile-header .wp-block-navigation__responsive-container-close {
	top: auto;
	bottom: 1rem;
	right: calc(var(--wp--custom--spacing--outer) + .5rem);
}
.nav-site-mobile-header .wp-block-navigation__responsive-container-open{
	bottom: 1rem;
	right: calc(var(--wp--custom--spacing--outer) + .5rem);
	z-index: 998;
}
.nav-site-mobile-header > .wp-block-navigation__responsive-container.is-menu-open{
	padding-top: 0;
}
.nav-site-mobile-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: 0;
	height: 100%;
}
.nav-site-mobile-header ul.wp-block-navigation__responsive-container {
	position: relative;
}
.nav-site-mobile-header > .wp-block-navigation__responsive-container ul > li:first-child {
	position: absolute;
	top: 0%;
	padding-bottom: 1em;
	padding-top: 1em;
}
.nav-site-mobile-header .wp-block-site-logo .custom-logo{
	width: calc(100% - 2*var(--wp--custom--spacing--outer));
}
.nav-site-mobile-header > .wp-block-navigation__responsive-container {
	display: block;
	top: 150%;
	height: 100%;
	width: 100%;
	z-index: 999;
	transition: top 2000ms cubic-bezier(.23, 1, .32, 1);
}
.nav-site-mobile-header > .wp-block-navigation__responsive-container.has-modal-open {
	top: 0;
}
.nav-site-mobile-header > .wp-block-navigation__responsive-container > .wp-block-navigation__responsive-close {
	display: none;
}
.nav-site-mobile-header > .wp-block-navigation__responsive-container.has-modal-open > .wp-block-navigation__responsive-close {
	display: block;
}

/*=== Mobile Menu Changes ===*/
.nav-site-mobile-header > .wp-block-navigation__responsive-container{
	overflow-x: hidden;
}
/* Site Logo */
.nav-site-mobile-header > .wp-block-navigation__responsive-container > div > div > .wp-block-navigation__responsive-container-content > ul > li:first-child{
	position: absolute !important; /*remove css that is preventing this*/
	top: 0%;
	padding-bottom: 1rem;
	padding-top: 1rem;
}
/* Parent Menu */
.nav-site-mobile-header .wp-block-navigation__container > li.wp-block-navigation-link,
.nav-site-mobile-header .wp-block-navigation__container > li.wp-block-navigation-submenu{
	font-size: 150%;
}
/* Child Menu */
.nav-site-mobile-header > .wp-block-navigation__responsive-container ul > li:first-child{
	position: relative;
}
.nav-site-mobile-header .wp-block-navigation__submenu-container{
	padding-left: 0;
	padding-right: 0;
	padding-top: 0 !important;
}
/* Fixes issues with line */
.wp-block-pullquote blockquote, .nav-site-more-header .wp-block-navigation__submenu-container .wp-block-navigation-item a .wp-block-navigation-item__label{
	margin-left: 2.75rem;
}
.line-after > span{
    margin-left: 0;
}
/**********************************************\
1.  ALERT MODAL
\**********************************************/
.alert-modal {
	padding: 0 0 .5rem 0;
	display: none;
}
.alert-modal > .wp-block-group{
	flex-direction: row;
	flex-wrap: nowrap;
}
.alert-modal > .wp-block-group > h2::before {
	content: url('./assets/img/icons/alert-important.svg');
	width: 2.5rem;
	display: inline-block;
	margin-right: 1rem;
}
.alert-modal > .wp-block-group > p {
	max-width: 50%;
}
.alert-modal > .wp-block-group > .wp-block-buttons a {
	background-image: none;
	padding: 0;
	width: 2.1rem;
	height: 2.1rem;
	background-color: transparent;
}
.wp-site-blocks .alert-modal .jumblies-button span::after,
.wp-site-blocks .alert-modal .jumblies-button span::before {
	border: none;
}
.alert-modal > .wp-block-group > .wp-block-buttons a::after{
	content: url('./assets/img/icons/close-white.svg');
	width: 2.1rem;
	display: inline-block;
}
.alert-modal > .wp-block-group > .wp-block-buttons a span {
	display: none;
}
@media screen and (max-width: 700px) {
	.wp-site-blocks .alert-modal.alignfull {
		padding: 0;
		position: fixed;
		height: 100vh;
		width: 100vw;
		z-index: 2;
		background-color: rgba(255, 255, 255, 0.5);
	}
	.alert-modal > .wp-block-group{
		flex-direction: column;
		width: 80%;
		margin: 40% auto;
		height: 60%;
	}
	.alert-modal > .wp-block-group > h2::before {
		width: 3rem;
		display: block;
		margin-right: auto;
		margin: auto;
	}
	.alert-modal > .wp-block-group > p {
		max-width: 100%;
		align-self: baseline;
		font-size: 1.2rem !important;
	}
}
/**********************************************\
1.  NEWSLETTER
\**********************************************/
.newsletter-sign-up p {
	font-family: var(--wp--preset--font-family--noto-serif);
}
.newsletter-sign-up .wp-block-group {
	margin-top: -1.5rem;
}
.wp-site-blocks .newsletter-sign-up .jumblies-button {
	background-color: var(--wp--preset--color--burnt-orange);
	background-size: cover;
	color: var(--wp--preset--color--pure-white);
	border: none;
	font-family: var(--wp--preset--font-family--noto-sans);
	font-size: var(--wp--preset--font-size--xxx-small);
	font-weight: bold;
	padding: calc(.4rem + 2px) calc(2rem + 2px);
}
@media all and (max-width: 1000px) {
	.newsletter-sign-up .wp-block-group {
		gap: 0 !important;
		flex-wrap: wrap !important;
	}
	.wp-site-blocks .newsletter-sign-up h2{
		margin-bottom: 1rem;
	}
	.wp-site-blocks .newsletter-sign-up .jumblies-button{
		margin-top: 1.5rem;
	}
}
/*=== Mailchimp Form ===*/
#mc_embed_signup{
	width: 100%;
}
#mc_embed_signup_scroll{
	width: 100%;
}
@media screen and (min-width: 900px){
	#mc_embed_signup_scroll{
		display: flex;
        gap: 0.8rem;
	}
    #mc_embed_signup_scroll .mc-field-group{
        width: 85%;
    }
    #mc_embed_signup input.email{
		width: 96%;
	}
}
@media screen and (max-width: 900px){
    #mc_embed_signup_scroll .mc-field-group{
        width: 90%;
    }
    #mc_embed_signup input.email{
        width: 100%;
    }
}
#mc_embed_signup input.email{
	font-size: var(--wp--preset--font-size--xxx-small);
	border: 2px var(--wp--preset--color--burnt-orange) dashed;
	line-height: 1.5;
	padding: 0.5rem 1rem;
}
#mc_embed_signup input.button{
	position: relative;
	background-color: var(--wp--preset--color--burnt-orange);
	background-size: cover;
	color: var(--wp--preset--color--pure-white);
	font-family: var(--wp--preset--font-family--noto-sans);
	font-size: var(--wp--preset--font-size--xxx-small);
	font-weight: bold;
	padding: calc(.4rem + 2px) calc(2rem + 2px);
	background-image: url('/wp-content/themes/twentytwentytwo-child/assets/img/button-background-grunge.png');
	background-blend-mode: soft-light;
}
#mc_embed_signup .jumblies-button span{
	position: relative;
	content: "SUBMIT";
}
#mc_embed_signup .jumblies-button::before, #mc_embed_signup .jumblies-button span::after{
	border-radius: 50%;
	border: 0.2rem white solid;
	display: inline-block;
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#mc_embed_signup .jumblies-button::before{
	margin-left: -2rem;
}
#mc_embed_signup .jumblies-button span::after{
	margin-left: 1.5rem;
}
/**********************************************\
1.  FOOTER
\**********************************************/
footer .wp-block-columns {
	max-width: 100%;
	font-family: var(--wp--preset--font-family--noto-serif-display);
}
footer .line-after {
	margin-bottom: 0;
}
/*
footer .line-after span {
	font-size: 1.5rem;
}*/
footer .wp-block-navigation__container {
	gap: 0;
}
footer.wp-block-template-part a {
	text-decoration: none;
	font-family: var(--wp--preset--font-family--noto-serif-display);
}
footer.wp-block-template-part a:hover {
	color: inherit;
	text-decoration: underline;
}
/**********************************************\
1.  HEADER / HEROES
\**********************************************/
.header-content .wp-block-group{
	align-items: flex-end;
}
@media screen and (max-width: 950px){
	.header-content .wp-block-group{
		flex-direction: column-reverse;
	}
}
/*=== Titles ===*/
main .alignwide.header-title-example{
	width: 100%; 
}
h1.wp-block-post-title{
  position: relative;
  margin-bottom: 1rem;
}
.line-after, .wp-block-pullquote{
    position: relative;
    overflow: hidden;
    display: block;
}
.line-after > span, .wp-block-pullquote blockquote,
.nav-site-more-header .wp-block-navigation__submenu-container .wp-block-navigation-item a .wp-block-navigation-item__label{
    vertical-align: baseline;
    display: block;
    position: relative;
}
.line-after > span::after, .wp-block-pullquote blockquote::after,
.nav-site-more-header .wp-block-navigation__submenu-container .wp-block-navigation-item a .wp-block-navigation-item__label::before
{
    content: "";
    position: absolute;
    margin-left: 2%;
    width: 100%;
    top: 50%;
    border-top: 3px solid;
}
/*=== Line-after p ===*/
p.line-after{
	font-family: noto-serif, serif;
	font-weight: 200;
}
/*=== Featured Image ===*/
@media screen and (min-width: 1050px){
	body.single-post .wp-block-post-featured-image, body.single-projects .wp-block-post-featured-image{
		max-width: 40%;
		min-width: 40%;
        width: 40%;
		height: 100%;
		max-height: 500px;
	}
	body.single-post .wp-block-post-featured-image img, body.single-projects .wp-block-post-featured-image img{
		display: block;
		margin-left: auto;
		/*width: auto;*/
        width: 100%;
		max-width: 100%;
		height: 100%;
		max-height: 400px;
        object-fit: cover;
        object-position: center;
		/*margin-left: auto;*/
	}
}
/**********************************************\
1.  BLOCKS
\**********************************************/
/*=== Separator ====*/
hr.is-style-wide{
	width: 100%;
}
.wp-block-separator.has-background:not(.is-style-dots){
	height: 3px;
}
/*=== File Block ===*/
.wp-block-file a.wp-block-file__button{
	padding: calc(.4rem + 2px) calc(2rem + 2px);
	color: var(--wp--preset--color--pure-white);
	background-color: var(--wp--preset--color--burnt-orange);
	background-size: cover;
	background-image: url('/wp-content/themes/twentytwentytwo-child/assets/img/button-background-grunge.png');
	background-blend-mode: soft-light;
	font-family: var(--wp--preset--font-family--noto-sans);
	font-size: var(--wp--preset--font-size--xxx-small);
	font-weight: bold;
	text-transform: uppercase;
	transition: all 0.5s;
}
.wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:focus{
	transform: rotate(-0.015turn);
	opacity: 1;
}
.wp-block-file a:not(.wp-element-button){
	font-size: var(--wp--preset--font-size--normal);
}
/*=== Quote ====*/
.wp-block-quote {
  line-height: var(--wp--custom--line-height);
  margin-top: var( --wp--style--block-gap );
  margin-bottom: 0;
}
.wp-block-quote p {
  margin-top: 0;
  font-size: var(--wp--preset--font-size--larger);
  font-weight: 300;
}
.wp-block-quote cite {
  color: var(--wp--preset--color--pure-black);
  font-size: var(--wp--preset--font-size--x-small);
  font-family: var(--wp--preset--font-family--noto-sans);
  display: block;
  text-align: right;
}
/*=== Pullquote ===*/
.wp-block-pullquote blockquote {
  max-width: 50%;
  text-align: left;
  margin-left: 0;
}
.wp-block-pullquote blockquote::after{
  top:auto;
  bottom: 1rem;
  margin-left: 102%;
}
.wp-block-pullquote blockquote p {
    margin: 0;
    font-size: var(--wp--preset--font-size--larger);
}
.wp-block-pullquote blockquote cite {
  display: none;
}
@media screen and (max-width: 950px){
	.wp-block-pullquote blockquote{
		max-width: 100%;
	}
	.wp-block-pullquote blockquote p{
		padding-bottom: 1rem;
	}
	.wp-block-pullquote blockquote::after{
		bottom: 0;
		margin-left: 0;
	}
}
/*=== Cover ===*/
.wp-block-cover .wp-block-cover__inner-container p {
  margin: 0;
}
/*=== Media/Text ===*/
.wp-block-media-text {
  line-height: var(--wp--custom--line-height);
  padding: 0;
}
.wp-block-media-text figure {
  position: relative;
}
.wp-block-media-text figcaption {
  width: auto;
  padding: 0.5rem 3.75rem;
  background-color: var(--wp--preset--color--pure-white);
}
.wp-block-media-text .wp-block-media-text__content {
  padding: 0;
  height: 100%;
  /*
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-content: space-between;*/
}
.wp-block-media-text .wp-block-media-text__content > div {
  margin-top: 0;
  padding: 0 5vw;
}
@media screen and (max-width: 700px) {
  .wp-block-media-text .wp-block-media-text__content > div {
    order: 2;
  }
  .wp-block-media-text figcaption {
    margin: 0;
    order: 1;
  }
}
/*=== Icon Block ===*/
.icon-block {
	padding-left: 0;
	display: flex;
	gap: var( --wp--style--block-gap, 0.5em );
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
}
.icon-block.is-style-logos-only .wp-social-link {
	background: none;
	margin: 0;
	display: block;
	border-radius: 9999px;
	transition: transform .1s ease;
	height: auto;
}
.icon-block.is-style-logos-only .wp-block-social-link:hover {
  transform: scale(1.1);
}
.icon-block .wp-block-social-link .wp-block-social-link-anchor {
	padding: 0;
	color: currentColor;
	fill: currentColor;
	text-decoration: none;
	border-bottom: 0;
	box-shadow: none;
}
.icon-block .wp-block-social-link .wp-block-social-link-anchor svg {
  color: currentColor;
  fill: currentColor;
	width: inherit;
  height: inherit;
	overflow: visible;
}
/*=== Supporter Credits ===*/
.support-credits-pattern .wp-block-gallery.not-masonry > figure.wp-block-image {
	margin-bottom: 0 !important;
}
.entry-content .credit-stack{
    gap: 0;
}
/* Grid */
.supporter-grid{
	flex-wrap: wrap;
	gap: 0;
}
.supporter-grid > *{
	display: flex;
	justify-content: center;
	padding: 1rem;
}
@media screen and (min-width: 1100px){
	.supporter-grid > *{
		max-width: 25%;
		width: 25%;
	}
}
@media screen and (max-width: 1100px) and (min-width: 900px){
	.supporter-grid > *{
		max-width: 33.333%;
		width: 33.333%;
	}
}
@media screen and (max-width: 900px){
	.supporter-grid > *{
		max-width:  50%;
		width: 50%;
	}
}
@media screen and (max-width: 500px){
	.supporter-grid > *{
		max-width:  100%;
		width: 100%;
	}
}
/*=== Related Events ===*/
.related-events > ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	list-style-type: none;
}
.single-post .related-events > ul {
	justify-content: center;
}
.related-events > ul > li {
	width: calc(33.33333% - .83333em);
}
.related-events > ul > li > figure {
	margin-top: 0 !important;
}
.related-events > ul > li > figure > a {
	width: 100%;
}
.related-events > ul > li > h2 {
	font-size: var(--wp--preset--font-size--large);
}
@media screen and (max-width: 700px) {
	.related-events > ul > li {
		width: 100%;
		margin: 0;
	}
}
/*=== Related Projects ===*/
.related-projects-block.alignfull{
	max-width: none;
}
.related-projects.wp-block-media-text{
	direction: ltr;
	display: grid;
	grid-template-columns: 50% 1fr;
	grid-template-rows: auto;
}
.related-projects.wp-block-media-text:nth-child(even){
	grid-template-columns: 1fr 50%;
}
.related-projects figure.wp-block-media-text__media{
	grid-column: 1;
	grid-row: 1;
	margin: 0;
}
.related-projects:nth-child(even) figure.wp-block-media-text__media{
	grid-column: 2;
}
.related-projects .wp-block-media-text__media img, .related-projects .wp-block-media-text__media video{
	height: auto;
	max-width: unset;
	width: 100%;
	vertical-align: middle;
}
/* let's set a max. image height */
.related-projects .wp-block-media-text__media img{
	max-height: 550px;
	object-fit: cover;
}
.related-projects .wp-block-media-text__content{
	direction: ltr;
	grid-column: 2;
	grid-row: 1;
	word-break: break-word;
}
.related-projects:nth-child(even) .wp-block-media-text__content{
	grid-column: 1;
}
/**********************************************\
1.  BLOCK PATTERNS
\**********************************************/
/* get rid of caption */
.image-quote-pattern .wp-block-image figure > figcaption,
.image-text-pattern .wp-block-image figure > figcaption,
.video-text-pattern .wp-block-image figure > figcaption,
.video-text-pattern span,
.image-quote-pattern span,
.image-text-pattern span  {
  display: none;
}
.video-text-pattern .jumblies-button span,
.image-quote-pattern .jumblies-button span,
.image-text-pattern .jumblies-button span  {
  display: block;
}
/*=== Directions Pattern ===*/
@media all and (max-width: 1000px) {
	.directions-pattern > .wp-block-group {
		flex-direction: column;
	}
}
/*=== Image Border ===*/
.img-border img{
	border: 8px solid var(--wp--preset--color--eggshell-tan);
	filter: drop-shadow(6px 6px 6px rgba(82, 55, 44, 0.6)); 
}
/*=== Image/Text or Video/Text ===*/
.image-text-pattern .wp-block-columns,
.video-text-pattern .wp-block-columns {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.image-text-pattern .wp-block-image,
.video-text-pattern .wp-block-embed {
  margin: 0.5rem 0;
}
@media screen and (max-width: 700px) {
  .right-image-text-pattern > .wp-block-columns > .wp-block-column:first-child,
  .right-video-text-pattern > .wp-block-columns > .wp-block-column:first-child {
    order: 2;
  }
  .right-image-text-pattern > .wp-block-columns > .wp-block-column:last-child,
  .right-video-text-pattern > .wp-block-columns > .wp-block-column:last-child {
    order: 1;
  }
}
/*=== Image/Text Pattern ===*/
.wp-block-group.image-text img{
	max-height: 400px;
	object-fit: cover;
	width: 100%;
}
/* if in a column layout */
.wp-block-column:first-child .wp-block-group.image-text{
	padding-right: 1rem;
}
.wp-block-column:last-child .wp-block-group.image-text{
	padding-left: 1rem;
}
/*=== Credits Pattern ===*/
.credits-pattern.wp-block-group {
  max-width: 100vw;
  line-height: var(--wp--custom--line-height);
}
.credits-pattern > .wp-block-columns {
  margin: 8.31rem 7.3rem;
}
.credits-pattern > .wp-block-columns > .wp-block-column:first-child > p.has-large-font-size {
  margin-top: 0;
  font-family: var(--wp--preset--font-family--noto-serif-display);
}
.credits-pattern > .wp-block-columns > .wp-block-column:nth-child(2){
  margin-top: 7.5rem;
}
@media screen and (max-width:700px) {
  .credits-pattern > .wp-block-columns {
    margin: auto;
  }
  .credits-pattern > .wp-block-columns > .wp-block-column:nth-child(2) {
    margin-top: 0;
  }
  .wp-block-columns > .wp-block-column:not(:last-child) {
    margin-bottom: 0;
  }
}
/*=== Image/Quote ===*/
.image-quote-pattern {
  border-color: var(--wp--preset--color--soil-brown);
  border-width: 2px;
  border-style: dashed;
  padding-right: 0.5rem;
  padding-bottom: 0.333333rem;
  padding-left: 0.5rem;
  padding-top: 0.333333rem;
  font-size: var(--wp--preset--font-size--xx-large);
}
.image-quote-pattern .wp-block-columns {
  margin-bottom: 0;
}
.image-quote-pattern .wp-block-image {
  margin: 0;
}
.image-quote-pattern .wp-block-quote {
  border: none;
  margin: 0 0 0;
  padding: 0;
  padding-left: 1rem;
}
.image-quote-pattern img{
	max-height: 300px;
	height: 300px;
	width: 300px;
	object-fit: cover;
	object-position: top;
}
/*=== Image w/ Bg pattern ===*/
.image-with-background-pattern > .wp-block-image figcaption {
  display: none;
}
.image-with-background-pattern > .wp-block-image {
  margin-bottom: 0;
}
/*=== Cover image ===*/
.cover-image-pattern .wp-block-image {
	margin: 0;
}
/*=== Person ===*/
.person-test > .block-flex,
.person-test .wp-block-buttons {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.person-test .wp-block-columns {
	gap: var( --wp--style--block-gap, 2em );
}
.person-test .wp-block-buttons{
	flex-wrap: wrap;
	justify-content: flex-end;
}
.person-test > .wp-block-group > h2 {
	width: 30%;
}
.person-test > .wp-block-group > p {
	width: 100%;
	border-bottom: 3px currentColor solid;
}
.person-test .person-email {
	position: relative;
	padding-left: 3.4rem;
	text-decoration: none;
}
.person-test .person-email::before {
	content: url('./assets/img/icons/noun-envelope.svg');
	position: absolute;
	width: 2.4rem;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	display: inline-block;
	line-height: 1; 
}
.wp-block-group.person-test .wp-block-image img{
	max-height: 400px;
	height: 400px;
	width: 400px;
	object-fit: cover;
	object-position: top;
}
/**********************************************\
1.  TEMPLATES
\**********************************************/
/*=== Archive Title ====*/
.wp-block-query-title.line-after span,
.page-template-page-current-projects .wp-block-post-title.line-after span,
.page-template-page-past-projects .wp-block-post-title.line-after span,
.page-template-page-upcoming-events .wp-block-post-title.line-after span,
.page-template-page-past-events .wp-block-post-title.line-after span {
	font-size: var(--wp--preset--font-size--larger);
	font-style: italic;
	font-weight: 200;
}
/*=== ARCHIVE: Events ===*/
.project-dates.line-after > span {
	font-family: var(--wp--preset--font-family--noto-serif);
}
.project-dates.line-after > span::after {
	border-color: var(--wp--preset--color--burnt-orange);
}
.project-dates.line-after > span > span {
	color: var(--wp--preset--color--burnt-orange);
}
.page-template-page-upcoming-events .wp-block-query .wp-block-post-featured-image,
.page-template-page-past-events .wp-block-query .wp-block-post-featured-image {
	display: flex;
	justify-content: center;
	margin-top: 0 !important;
	margin-bottom: 0.5rem !important;
}
.page-template-page-upcoming-events .wp-block-query .wp-block-post-featured-image img,
.page-template-page-past-events .wp-block-query .wp-block-post-featured-image img,
.related-events > ul > li .wp-block-post-featured-image img {
	height: 16.8rem;
	object-fit: contain;
}
.page-template-page-upcoming-events .wp-block-query h2 a,
.page-template-page-past-events .wp-block-query h2 a,
.related-events > ul > li h2 a {
	text-decoration: none;
}
.page-template-page-upcoming-events .wp-block-query p,
.page-template-page-past-events .wp-block-query p {
	margin-top: 0;
}
@media screen and (max-width: 700px){
	.wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li,
	.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li {
  	margin: 0;
  	width: 100%;
	}
}
/* filters */
.page-template-page-event #event_filters,
.page-template-page-event .wpem-event-listings-header {
	display: none;
}
/* LOOP: Event Listing */
.event-listing .wp-block-post-template {
	list-style: none;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 100%;
	list-style: none;
	padding: 0;
	background: none;
}
.event-listing .wp-block-post-template.is-flex-container{
	flex-direction: row;
	display: flex;
	flex-wrap: wrap;
	gap: 1.25em;
}
.event-listing .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li {
	width: calc(33.33333% - .83333em);
	margin: 0;
}
@media screen and (max-width: 1100px) and (min-width:850px){
	.event-listing .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li{
		width: calc(50% - .83333em);
	}
}
@media screen and (max-width: 850px){
	.event-listing .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li{
		width: 100%;
	}
}
.event-listing.wp-block-query .wp-block-post-featured-image img{
  height: 16.8rem;
  object-fit: contain;
}
.event-listing.wp-block-query img{
	height: 350px;
	width: 100%;
	object-fit: cover;
	object-position: center;
}
/* Event descriptions */
.event-descriptions.grid-x{
	min-width: 100%;
	padding: 1rem 0;
}
.event-descriptions > section > h2{
	font-size: var(--wp--preset--font-size--larger)
}
/*make responsive */
.event-descriptions{
	display: flex;
	flex-flow: row wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
}
.event-descriptions > section{
	text-align: center;
	/*padding: 1rem;*/
}
.event-listing a{
	text-decoration: none;
	transition: all 0.5s;
}
.event-listing a:hover, .event-listing a:focus{
	color: inherit;
}
.event-listing a h3{
	color: var(--wp--preset--color--pure-black); 
}
.event-listing a:hover h3, .event-listing a:focus h3{
	color: var(--wp--preset--color--burnt-orange);
}
.event-listing a img{
	opacity: 1;
	transition: opacity 0.5s;
}
.event-listing a:hover img, .event-listing a:focus img{
	opacity: 0.6;
}
.event-descriptions > section > .wp-block-group{
	height: 100%;
	border-color: var(--wp--preset--color--soil-brown);
	border-width: 2px;
	border-style: dashed;
	padding: 1rem;
	margin: 1rem;
}
.event-descriptions > section > h2 {
	font-size: var(--wp--preset--font-size--normal);
	color: var(--wp--preset--color--pure-black);
	margin-top: 0.5rem;
}
.event-descriptions > section > img {
	max-height: 8rem;
}
/*=== ARCHIVE: Projects ===*/
.page-template-page-current-projects .wp-block-post-template li:nth-child(odd),
.page-template-page-past-projects .wp-block-post-template li:nth-child(odd){
	padding-top: 8rem;
}
.page-template-page-current-projects .wp-block-post-template .wp-block-post-featured-image,
.page-template-page-past-projects .wp-block-post-template .wp-block-post-featured-image {
	margin-top: 0 !important;
}
.page-template-page-current-projects .wp-block-post-template .wp-block-group,
.page-template-page-past-projects .wp-block-post-template .wp-block-group {
	margin-left: 3rem;
	margin-top: -3rem;
	margin-right: 1.5rem;
	z-index: 2;
	position: relative;
	padding: 0.5rem 1rem;
}
.page-template-page-current-projects .wp-block-post-template .wp-block-post-title a,
.page-template-page-past-projects .wp-block-post-template .wp-block-post-title a  {
	font-family: var(--wp--preset--font-family--noto-serif-display);
}
.wp-block-post-title.no-underline, .wp-block-post-title.no-underline a {
	text-decoration: none;
}
.page-template-page-current-projects .wp-site-blocks .jumblies-button span,
.page-template-page-past-projects .wp-site-blocks .jumblies-button span {
	font-weight: bold;
}
@media screen and (max-width:700px){
	.page-template-page-current-projects .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li,
	.page-template-page-past-projects .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li{
		width: 100%;
	}
	.page-template-page-current-projects .wp-block-post-template li:nth-child(odd),
	.page-template-page-past-projects .wp-block-post-template li:nth-child(odd){
		padding-top: 0rem;
	}
	.page-template-page-current-projects .wp-block-post-template li:nth-child(odd) figure,
	.page-template-page-past-projects .wp-block-post-template li:nth-child(odd) figure{
		margin-right: 0rem !important;
		margin-left: 3rem !important;
	}
	.page-template-page-current-projects .wp-block-post-template li:nth-child(odd) .wp-block-group,
	.page-template-page-past-projects .wp-block-post-template li:nth-child(odd) .wp-block-group{
		margin-left: 1.5rem;
		margin-right: 3rem;
	}
}
/* LOOP: Projects */
.wp-block-post-template h2.has-normal-font-size{
	font-size: var(--wp--preset--font-size--large) !important;
}
.wp-block-post-template a img{
	transition: opacity 0.5s;
}
.wp-block-post-template a:hover img, .wp-block-post-template a:focus img{
	opacity: 0.5;
}
.listing-icon{
	max-height: 3rem;
}
/*=== SINGLE EVENTS ===*/
.post-template-single-events .project-title-grid {
	grid-template-columns: auto auto;
}
.post-template-single-events .project-title-grid > figure {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}
/* entry header */
.date-example{
	text-align: right;
	font-weight: 500;
	font-family: noto-serif, serif;
    /*margin-bottom: -2rem;*/
    margin-bottom: -2.5rem;
}
@media screen and (min-width:1000px){
	.hide-desktop{
		display: none;
	}
	/*.date-example{
        margin-bottom: -2rem;
	}*/
}
.header-title-example{
	position: relative;
}
.header-title-example h1{
	display: flex;
	width: 100%;
	justify-content: left;
	align-items: center;
	text-align: left;
    overflow: visible;
}
@media screen and (min-width:1000px){
	.header-title-example h1::after{
		border-top: 3px solid;
		content: "";
		color: var(--wp--preset--color--burnt-orange);
		flex: 1 0 20px;
		margin: 0 0 0 20px;
	}
}
/*==== SINGLE: Projects ===*/
.project-title-grid {
	/* display: grid; */
	grid-template-columns: 40% auto;
	grid-template-rows: auto auto;
	column-gap: 2rem;
	position: relative;
}
.project-title-grid > *:first-child
{
	grid-column: 1;
}
.project-title-grid > *:first-child,
.project-title-grid > *:nth-child(2){
	grid-row: 1;
}
.project-title-grid > *:nth-child(2)
{
	grid-column: 2;
}
.project-title-grid > *:first-child{
	width: 100%;
	grid-column: 1 /3;
}
.project-title-grid > *:nth-child(2) {
	position: absolute;
	top: 0;
	text-align: right;
	width: 100%;
	margin-top: -.25rem;
	font-family: var(--wp--preset--font-family--noto-serif-display);
	font-size: var(--wp--preset--font-size--normal);
	z-index: 2;
}
.project-title-grid > *:nth-child(2) > span {
	color: var(--wp--preset--color--pure-black);
}
.wp-block-post-navigation-link a {
	text-decoration: none;
	font-family: var(--wp--preset--font-family--noto-serif);
	font-weight: 300;
	display: flex;
	flex-direction: row;
	align-content: space-between;
}
.wp-site-blocks .wp-block-post-navigation-link a:hover,
.wp-site-blocks .wp-block-post-navigation-link a:focus{
	color: inherit;
}
.wp-block-post-navigation-link a > div {
	display: flex;
	flex-direction: column;
}
.wp-block-post-navigation-link.post-navigation-link-previous a > img,
.wp-block-post-navigation-link.post-navigation-link-next a > img{
	/* This filter is eggshell-tan colour */
	filter: invert(93%) sepia(19%) saturate(166%) hue-rotate(347deg) brightness(103%) contrast(87%);
	position: relative;
	width: 4rem;
	height: auto;
	transform: rotateY(180deg) translateY(18%);
	display: inline-block;
	line-height: 1;
	padding: 0 0 0 1rem;
}
.wp-block-post-navigation-link.post-navigation-link-next a > img {
	order: 2;
	transform: translateY(18%);
}
.wp-block-post-navigation-link.post-navigation-link-next a > div {
	order: 1;
}
.wp-block-post-navigation-link.post-navigation-link-previous .post-navigation-link__label {
	text-align: right;
}
.wp-block-post-navigation-link .post-navigation-link__label {
	font-style: italic;
	text-decoration: none;
	font-size: var(--wp--preset--font-size--large);
}
.wp-block-post-navigation-link .post-navigation-link__title  {
	text-decoration: none;
	font-size: var(--wp--preset--font-size--larger);
}
@media screen and (max-width: 700px) {
	.project-title-grid {
		display: grid;
		grid-template-columns: auto;
		grid-template-rows: auto;
	}
	.project-title-grid > *:first-child,
	.project-title-grid > *:nth-child(2){
		grid-column: 1;
		grid-row: auto;
	}
	.project-title-grid > *:first-child {
		grid-row: 2;
		margin-bottom: 1rem;
	}

	.project-title-grid > *:first-child span::after{
		content: none;
	}
	.project-title-grid > *:nth-child(2) {
		position: static;
		top: auto;
		grid-row: 1;
		border-bottom: var(--wp--preset--color--burnt-orange) 3px solid;
		margin-bottom: 2rem;
	}
	.single-projects .wp-block-post-featured-image {
		margin-left: 0 !important;
		margin-inline-start: 0 !important;
		width: 100%;
	}
	.wp-block-post-navigation-link.post-navigation-link-previous a > img,
	.wp-block-post-navigation-link.post-navigation-link-next a > img{
		width: 4rem;
	}
	.wp-block-post-navigation-link a > div {
		display: none;
	}
}
/**********************************************\
1.  SEO Press
\**********************************************/
/*=== Cookies Bar ===*/
body .seopress-user-consent{
	background: var(--wp--preset--color--eggshell-tan);
	border: none;
	box-shadow: var(--upper-drop-shadow);
	margin: 0.5rem;
	right: 0;
	left: auto;
	transform: none;
}
@media screen and (min-width: 1000px){
	body .seopress-user-consent{
		width: 50%;
	}
}
@media screen and (max-width: 1000px){
	body .seopress-user-consent{
		width: 100%;
	}
}
body .seopress-content-container{
	text-align: left;
}
body .seopress-content-container p:first-child{
	margin-bottom: 1rem;
}
body #seopress-user-consent-accept, body #seopress-user-consent-close{
	padding: 0.3rem 1rem;
	font-size: var(--wp--preset--font-size--xxx-small);
	font-weight: 600;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	border: 2px solid var(--wp--preset--color--soil-brown);;
}
body #seopress-user-consent-accept,
body #seopress-user-consent-close:hover, body #seopress-user-consent-close:focus{
	background: var(--wp--preset--color--soil-brown);
	color: var(--wp--preset--color--eggshell-tan);
}
body #seopress-user-consent-close,
body #seopress-user-consent-accept:hover, body #seopress-user-consent-accept:focus{
	background: var(--wp--preset--color--eggshell-tan);
	color: var(--wp--preset--color--soil-brown);
}
/**********************************************\
1.  From Customizer [organize later] - Aedan additions
\**********************************************/
/*=== GET RID OF EVENT DESCRIPTION BLOCK ICONS ===*/
#eventWrap .event-descriptions img{
	display: none;
}
/*=== MailChimp Subscribe Button addition ===*/
body .jumblies-submit-button span:before, body .jumblies-submit-button span:after{
	border-radius: 50%;
	border: 0.2rem #fff solid;
	display: inline-block;
	content: "";
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
/*=== POTENTIAL FIX FOR SPACING ===*/
:where(body .is-layout-constrained) > *{
	margin-block-start: 2rem;
	margin-block-end: 2rem;
}
/*=== Hide Alert if no content ===*/
body aside.alert-modal.empty-modal{
	display: none !important;
}
/*=== Custom CSS for footer contact info ===*/
@media screen and (min-width: 1366px){
	footer .wp-block-group.footer-contact-info > .wp-block-group:first-child{
		padding-right: clamp(3rem, -0.9632rem + 4.6422vw, 6rem);
	}
}
/*=== Fix for Nav Menu in Mobile ===*/
body .nav-site-mobile-header > .wp-block-navigation__responsive-container{
	height: auto;
}
body .nav-site-mobile-header > .wp-block-navigation__responsive-container.has-modal-open{
	bottom: 0;
}
.nav-site-mobile-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
	padding-left: 1rem;
	padding-right: 1rem;
}
body .nav-site-mobile-header > .wp-block-navigation__responsive-container.is-menu-open{
	padding-left: 0;
	padding-bottom: 8rem;
}
body .nav-site-mobile-header > .wp-block-navigation__responsive-container ul.wp-block-navigation__submenu-container > li{
	padding-bottom: 0.5em;
	padding-top: 1em;
}
@media screen and (max-width: 1000px){
}
/*=== NEW Pagination Arrows ===*/
.wp-block-post-navigation-link.post-navigation-link-previous a > i, .wp-block-post-navigation-link.post-navigation-link-next a > i{
	position: relative;
	font-size: 4rem;
	padding: 0 0 0 1rem;
	line-height: 1;
	margin-top: auto;
}
.wp-block-post-navigation-link.post-navigation-link-next a > i{
	order: 2;
}
.wp-block-post-navigation-link.post-navigation-link-previous a > i{
	transform: rotate(180deg);
}
/*=== Changes to the Projects Loop ===*/
.page-template-page-current-projects .wp-block-post-template .wp-block-group.is-layout-flex, .page-template-page-past-projects .wp-block-post-template .wp-block-group.is-layout-flex{
	gap: 0.5rem;
}
.page-template-page-current-projects .wp-block-query .wp-block-post-featured-image img, .page-template-page-past-projects .wp-block-query .wp-block-post-featured-image img{
	height: 20rem;
	min-height: 20rem;
}
.page-template-page-current-projects .wp-block-post-template .wp-block-group, .page-template-page-past-projects .wp-block-post-template .wp-block-group{
	margin-right: 0 !important;
}
@media screen and (min-width: 850px){
	.page-template-page-current-projects .wp-block-post-template li:nth-child(even):not(:nth-child(2)), .page-template-page-past-projects .wp-block-post-template li:nth-child(even):not(:nth-child(2)){
		margin-top: -2rem;
	}
}
@media screen and (max-width: 850px){
	.page-template-page-current-projects .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid, .page-template-page-past-projects .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid{
		grid-template-columns: 1fr;
	}
}
/*=== Accessibility Toolbar LIVES IN CUSTOMIZER - hold for prosperity ===*
body #pojo-a11y-toolbar{
	bottom: 3vh !important;
}
body #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
	bottom: 3vh;
	z-index: 998;
}
/* Toolbar overlay *
body #pojo-a11y-toolbar.pojo-a11y-toolbar-left{
	left: -250px;
}
body #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay{
	width: 250px;
}
#pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle{
	left: 270px !important;
}
/*=== ADDITION TO EVENT LISTINGS LOOP ===*/
.event-listing .fallback-square{
	background-color: var(--wp--preset--color--sunset-orange);
	height: 350px;
	width: 100%;
}
/*=== FILTER FOR GOOGLE MAPS EMBED ===*/
.map-embed iframe{
	filter: grayscale(1);
}
/*=== NEW NAVIGATION / CUSTOM ===*/
nav.custom-pagination{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
nav.custom-pagination ul{
	list-style: none;
	padding-inline-start: 0;
	display: flex;
	flex-wrap: wrap;
}
nav.custom-pagination ul li:not(:last-child){
	padding-right: 1rem;
	margin-bottom: 0.5rem;
}
nav.custom-pagination ul li:not(.active) a{
	text-decoration: none;
}
nav.custom-pagination ul li.active a{
	text-decoration-thickness: 2px;
	text-decoration-style: solid;
	text-underline-offset: 1ch;
	transition: all .3s ease-in-out;
	color: currentColor;
}
nav.custom-pagination ul li a:hover, nav.custom-pagination ul li a:focus{
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-decoration-style: solid;
	text-underline-offset: 1ch;
	transition: all .3s ease-in-out;
	color: currentColor;
}
/*=== Empty Stuffs ===*/
body .empty{
	display: none;
}
/*=== NEW Project Loops [Changes] ===*/
/*=== Google Calendar Integrations ===*/
body .simcal-default-calendar-grid .simcal-day-void,
.simcal-default-calendar-grid .simcal-day>div{
	min-height: 3rem !important;
}
@media screen and (min-width: 1000px){
	.wp-block-group:not(.alignwide):not(.alignfull) > .simcal-calendar{
		width: 75%;
	}
}
/* Tooltip */
body .simcal-event-address{
	display: block;
	margin-top: 1em;
}
/* Fonts */
body .simcal-calendar-grid thead h3{
	color: var(--wp--preset--color--burnt-orange);
	font-family: var(--wp--preset--font-family--noto-serif);
	font-weight: 300;
}
body .simcal-default-calendar-light .simcal-nav-button{
	color: var(--wp--preset--color--burnt-orange);
	font-size: var(--wp--preset--font-size--normal);
}
body .simcal-default-calendar-grid>table thead th{
	color: var(--wp--preset--color--burnt-orange);
	font-weight: 300;
}
body .simcal-default-calendar-grid .simcal-events, body .simcal-default-calendar-grid .simcal-events li,
body .simcal-default-calendar .simcal-tooltip-content p{
	font-size: var(--wp--preset--font-size--small);
}
/* Colours */
body .simcal-default-calendar-grid.simcal-default-calendar-light .simcal-day-number{
	background: var(--wp--preset--color--eggshell-tan);
}
body .simcal-default-calendar-grid.simcal-default-calendar-light .simcal-day-void, body .simcal-default-calendar-grid.simcal-default-calendar-light .simcal-day-void:hover{
	background-color: rgba(239,236,222,0.3);
}
body .simcal-default-calendar-grid.simcal-default-calendar-light .simcal-day:not(.simcal-day-void):hover{
	background-color: rgba(239,236,222,0.5);
}
body .simcal-default-calendar-grid.simcal-default-calendar-light .simcal-event{
	border-bottom-color: rgba(239, 236, 222, 0.6);
}