.wp-block-acf-resources {
	max-width: 1014px !important;
}

.wp-block-acf-resources .program-tile {
	position: relative;
	container-type: inline-size;
}

.wp-block-acf-resources .program-tile__artwork img {
    width: 38cqw;
    height: auto;
    object-fit: contain;
    position: absolute;
    right: 11cqw;
    top: -3cqw;
    z-index: 0;
}

.wp-block-acf-resources .wp-post-image.text-only {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	container-type: inline-size;
	background-color: wheat;
	aspect-ratio: 1;
	padding: 3%;
}

.resources-map .item:nth-child(3n + 1) .wp-post-image.text-only {
	background-color: var(--wp--preset--color--custom-light-green);
}

.resources-map .item:nth-child(3n + 2) .wp-post-image.text-only {
	background-color: var(--wp--preset--color--custom-light-blue);
}

.resources-map .item:nth-child(3n) .wp-post-image.text-only {
	background-color: var(--wp--preset--color--custom-rose-blush);
}

.wp-block-acf-resources .wp-post-image.text-only span {
    font-size: 13cqw;
    font-weight: 700;
    line-height: 1.35;
}

.wp-block-acf-resources .popup {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 10px;
    left: 0;
    background-color: var(--wp--preset--color--custom-palest-orange);
    pointer-events: none;
    opacity: 0;
    z-index: 4;
    transition: opacity .25s ease;
    height: 0;
    width: 0;
    visibility: hidden;
}

.wp-block-acf-resources .popup.open {
    pointer-events: initial;
    opacity: 1;
    cursor: default;
    width: 100%;
    min-height: 100%;
    height: 100%;
    visibility: visible;
}

.wp-block-acf-resources .item  {
	position: relative;
}



.admin-bar .wp-block-acf-resources .popup-container {
    max-height: calc(100vh - 65px);
}

.wp-block-acf-resources .popup-container {
    position: relative;
    height: 100%;
	width: var(--wp--custom--content-size);
}

.wp-block-acf-resources .popup .popup-inner {
    background-color: white;
	width: 100%;
    max-width: 100%;
    max-height: 95%;
    overflow-y: auto;
    cursor: initial;
    border: 0 !important;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	padding: var(--gap-width);
	    border-radius: 20px;
}

.wp-block-acf-resources span.close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    color: var(--wp--preset--color--custom-earthy-orange);
    border-radius: 50%;
    height: 40px;
    width: 40px;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.wp-block-acf-resources span.extention {
	border: 1px solid;
	border-radius: 2px;
	font-size: 10px;
	width: 4em;
	display: inline-block;
	text-align: center;
	margin-right: 1em;
	color: var(--wp--preset--color--custom-dark-green);
}

.wp-block-acf-resources label {
	cursor: pointer;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.wp-block-acf-resources label .title-check {
	flex: 1;
	display: flex;
	align-items: center;
}

.wp-block-acf-resources input[type="checkbox"] {
	-webkit-appearance: none;
    pointer-events: none;
}

:root .wp-block-acf-resources button {
	border: 0;
	background-color: var(--wp--preset--color--custom-earthy-orange);
    color: var(--wp--preset--color--custom-white);
	margin-top: 1em;
}

.wp-block-acf-resources [type="checkbox"]:after {
	width: 20px;
	height: 20px;
	background-color: white;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 2px;
	content: '\e876';
	font-family: 'Material Symbols Outlined';
	color: transparent;
	border: 1px solid var(--wp--preset--color--custom-yellow-pollen);
	font-size: 22px;
	margin-right: 0.5em;
	font-weight: 800;
}

.wp-block-acf-resources form:not(.has-selection) button {
	opacity: .5;
	pointer-events: none;
}

.wp-block-acf-resources [type="checkbox"]:checked:after {
	color: white;
	background-color: var(--wp--preset--color--custom-yellow-pollen);
}

/* Resources Map */

.wp-block-acf-resources .resources-map {
	background-color: #005620;
	padding: 4rem;
	border-radius: 20px;
}



.wp-block-acf-resources .resources-map .wp-block-buttons {
	position: relative;
}

.wp-block-acf-resources .resources-map .wp-block-button.map {
    max-width: 300px;
	line-height: 1;
	position: relative;
}

/* Apply center to every 4th .wp-block-buttons element */
.resources-map .item:nth-child(8n+1) .wp-block-buttons,
.resources-map .item:nth-child(8n+3) .wp-block-buttons,
.resources-map .item:nth-child(8n+5) .wp-block-buttons,
.resources-map .item:nth-child(8n+7) .wp-block-buttons {
  justify-content: center;
}

/* Apply flex-end to every 4th .wp-block-buttons element starting from the 2nd item */
.resources-map .item:nth-child(8n+2) .wp-block-buttons,
.resources-map .item:nth-child(8n+6) .wp-block-buttons {
  justify-content: flex-end;
}

/* Apply flex-start to every 4th .wp-block-buttons element starting from the 4th item */
.resources-map .item:nth-child(8n+4) .wp-block-buttons,
.resources-map .item:nth-child(8n+8) .wp-block-buttons {
  justify-content: flex-start;
}

/**/

.wp-block-acf-resources .resources-map .item:not(:last-child) {
	margin-bottom: 60px;
}

.wp-block-acf-resources .resources-map .wp-block-button.map .wp-block-button__link {
    opacity: 1;
    position: relative;
    z-index: 2;
    height: 80px;
	width: 300px;
	overflow: hidden;
}

.wp-block-acf-resources .item .wp-post-image {
    width: 118px;
    height: 118px;
    border-radius: 100%;
    object-fit: cover;
	position: absolute;
	z-index: 3;
	border: 8px solid white;
	transition: .2s;
	pointer-events: none;
}

.wp-block-acf-resources .item .wp-block-button:hover .wp-post-image {
	width: 130px;
	height: 130px;
}

.resources-map .item:nth-child(4n - 3)  .wp-block-button:after,
.resources-map .item:nth-child(4n - 2)  .wp-block-button:after,
.resources-map .item:nth-child(4n - 1)  .wp-block-button:after,
.resources-map .item:nth-child(4n - 0)  .wp-block-button:after {
	content: '';
    position: absolute;
	background-size: 160px auto;
    width: 160px;
    height: 160px;
	z-index: 0;
	pointer-events: none;
}

.resources-map .item:first-child  .wp-block-button:before {
	content: '';
	position: absolute;
    right: calc(100% - 1em);
    top: calc(50% - 25px);
    background-image: url(images/road-straight.png);
    position: absolute;
    width: 377px;
    height: 50px;
    background-size: auto 50px;
	pointer-events: none;
}

.resources-map .item .sprite2,
.resources-map .item .sprite {
	pointer-events: none;
	background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
}

.resources-map .item:nth-child(8n - 7) .sprite {
    background-image: url(images/sprite-mountains-trees.png);
    left: 100%;
    width: 400px;
    height: 190px;
    bottom: -27px;
}

.resources-map .item:nth-child(8n - 7) .sprite2 {
    background-image: url(images/sprite2-bee.png);
    left: 188%;
    width: 68px;
    height: 190px;
    bottom: -384px;
	animation: myAnim 2s ease 0s infinite normal forwards;
}

@keyframes myAnim {
	0% {
		transform: translate(0);
	}

	20% {
		transform: translate(-2px, 2px);
	}

	40% {
		transform: translate(-2px, -2px);
	}

	60% {
		transform: translate(2px, 2px);
	}

	80% {
		transform: translate(2px, -2px);
	}

	100% {
		transform: translate(0);
	}
}

.resources-map .item:nth-child(8n - 3) .sprite {
    left: 95%;
    width: 413px;
    height: 297px;
    bottom: 7px;
    background-image: url(images/sprite-cave.png);
}
.resources-map .item:nth-child(8n - 3) .sprite2 {
	    left: 100px;
    bottom: -123px;
    width: 110px;
    height: 296px;
    background-image: url(images/sprite2-flowers.png);
}

.resources-map .item:nth-child(8n - 4) .sprite {
	left: -27%;
    width: 333px;
    height: 314px;
    bottom: 171px;
    background-image: url(images/sprite-lake.png);
}

.resources-map .item:nth-child(8n - 2) .sprite {
left: -214%;
    width: 204px;
    height: 158px;
    bottom: -47px;
    background-image: url(images/sprite-flowers-bee.png);
}

.resources-map .item:nth-child(8n - 1) .sprite {
    left: 330px;
    width: 204px;
    height: 151px;
    bottom: -47px;
    background-image: url(images/sprite-trees.png);
}

.resources-map .item:nth-child(8n - 5) .sprite2 {
    left: -59%;
    width: 72px;
    height: 79px;
    bottom: -229px;
    background-image: url(images/sprite2-lady-beetle.png);
    z-index: 1;
	animation: wobble 8s ease 0s infinite normal forwards;
}

@keyframes wobble {
	0%,
	100% {
		transform: translateX(0%);
		transform-origin: 50% 50%;
	}

	15% {
		transform: translateX(-4px) rotate(-2deg);
	}

	30% {
		transform: translateX(5px) rotate(2deg);
	}

	45% {
		transform: translateX(-2px) rotate(-1.6deg);
	}

	60% {
		transform: translateX(1px) rotate(2.4deg);
	}

	75% {
		transform: translateX(-3px) rotate(-1.2deg);
	}
}

.resources-map .item:nth-child(8n - 6) .sprite {
	left: 142px;
    width: 82px;
    height: 69px;
    bottom: -81px;
    background-image: url(images/sprite-shrub.png);
}

.resources-map .item:nth-child(8n - 6) .sprite2 {
	left: 89px;
    width: 82px;
    height: 69px;
    bottom: -115px;
    background-image: url(images/sprite2-bird-box.png);
    z-index: 1;
}

.resources-map .item:nth-child(4n - 3):not(:last-child)  .wp-block-button:after {
    left: calc(100% - 0.5em);
    top: calc(50% - 25px);
	background-image: url(images/road-curve-top-right.png);
}

.resources-map .item .wp-post-image {
	position: absolute;
	top: 50%;
	right: calc(100% + 10px);
	transform: translateY(-50%);
}

.resources-map .item:nth-child(4n - 0) .wp-post-image {
	right: unset;
    left: calc(100% + 10px);
}

.resources-map .item:nth-child(4n - 2):not(:last-child)  .wp-block-button:after {
    left: -3px;
    top: calc(100% - 34px);
	background-image: url(images/road-curve-bottom-right.png);
}

.resources-map .item:nth-child(4n - 1):not(:last-child)  .wp-block-button:after {
	right: calc(100% - 0.5em);
    top: calc(50% - 25px);
	background-image: url(images/road-curve-top-left.png);
}

.resources-map .item:nth-child(4n - 0):not(:last-child)  .wp-block-button:after {
    top: calc(100% - 34px);
    left: calc(50% - 6px);
	background-image: url(images/road-curve-bottom-left.png);
}


.wp-block-acf-resources .form-intro {
	position: relative;
	left: var(--wp--preset--spacing--40);
	padding-left: 200px !important;
}

.wp-block-acf-resources .member-login {
	color: var(--wp--preset--color--custom-dark-green);
	padding-left: 200px !important;
	position: relative;
}

.wp-block-acf-resources .member-login p {
	font-size: 16px;
}

.wp-block-acf-resources .member-login:before {
content: '';
background-image: url(/wp-content/themes/simple/assets/images/leaf-veins.jpg);
width: 300px;
padding-bottom: 49%;
position: absolute;
left: -150px;
border-radius: 20px;
background-size: cover;
top: 50%;
transform: translateY(-50%);
}

.wp-block-acf-resources .member-login input:not([type="checkbox"]):not([type="submit"]) {
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--custom-dark-green);
	color: var(--wp--preset--color--custom-dark-green);
	background-color: #dbf0e1 !important;
	padding-left: 13px !important;
	padding-right: 13px !important;
	padding: 13px;
	width: 100%;
	font-size: inherit;
	-webkit-appearance: none;
	border-radius: 0;
}

.wp-block-acf-resources .member-login input[type="submit"] {
color: var(--wp--preset--color--custom-white);
background-color: var(--wp--preset--color--custom-dark-green);
border-color: var(--wp--preset--color--custom-dark-green);
border-style: solid;
cursor: pointer;
border-radius: 50px;
border-width: 1px;
font-family: var(--wp--preset--font-family--open-sans);
font-size: 17px;
font-weight: 700;
letter-spacing: 0.01em;
padding: 0.6em 2.499em;
}