/* FONTS */

@import url('https://fonts.googleapis.com/css2?family=Judson:ital,wght@0,400;0,700;1,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

/* GENERAL */

html,
html > body {
	overflow-x: initial;
}
:root {
	--foreground: #121422;
	--background: #FFFFFF;
	--background-shaded: #f5f5f5;
	--dark-foreground: var(--background);
	--dark-background: #080e2b;
	--light-grey: #f5f5f5;
	--event-festival: #007dc8;
	--event-holiday: #9033D3;
	--event-special-event: #88B425;
	--event-service: #C12B2B;
	--event-none: #acacac;
	--sea: #7fb9e7;
	--beach: #F3EAA1;
	--event-past: #3a2b35;
	--event-accent: #3600d9;
	--primary: #001271;
	--primary-interaction: color-mix(in lab, var(--primary) 50%, var(--sea));
	--primary-light: var(--sea);
	--primary-light-interaction: color-mix(in lab, var(--primary-light) 80%, var(--dark-foreground));
	--error: #FF3333;
	--fs--2: clamp(0.7813rem, 0.7747rem + 0.0326vw, 0.85rem);
	--fs--1: clamp(0.89rem, 0.9rem + 0.1087vw, 0.95rem);
	--fs-0: clamp(0.96rem, 0.9rem + 0.2174vw, 1.05rem);
	--fs-1: clamp(1.05rem, 1.1rem + 0.3696vw, 1.3rem);
	--fs-2: clamp(1.62rem, 1.5041rem + 0.5793vw, 1.9531rem);
	--fs-3: clamp(1.944rem, 1.771rem + 0.8651vw, 2.4414rem);
	--fs-4: clamp(2.3328rem, 2.0827rem + 1.2504vw, 3.0518rem);
	--fs-5: clamp(2.7994rem, 2.4462rem + 1.7658vw, 3.8147rem);
	--page-margin-inline: 4rem;
	--border-radius: 3px;
	--narrower-max-inline-size: 1050px;
	--max-inline-size: 1200px;
	--wider-max-inline-size: 1350px;
}

@keyframes rotate {
	to {
		--angle: 320deg;
	}
}

@property --angle {
	syntax: "<angle>";
	initial-value: -40deg;
	inherits: false;
}

html,
html > body {
	scroll-padding-block-start: 8.7rem;
	scroll-behavior: smooth;
	overflow: unset;
}
.dark,
.x-section.dark,
.x-section.dark .x-text,
.dark .x-col,
.dark .x-text,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark .h1,
.dark .h2,
.dark .h3,
.dark .h4,
.dark .h5,
.dark .h6,
.dark blockquote {
	--foreground: var(--dark-foreground);
	--background: var(--dark-background);
}
.dark {
	--foreground: var(--dark-foreground);
}
body,
li,
p,
h5,
h6,
th,
td,
li,
input,
button,
select,
textarea,
.x-text,
.x-container h5,
.x-container h6,
.x-container p,
.x-container th,
.x-container td,
.x-container li,
.x-section h5,
.x-section h6,
.x-section p,
.x-section th,
.x-section td,
.x-section li,
.x-section input,
.x-section button,
.x-section select,
.x-section textarea,
.posts .date {
	font-family: 'Lexend Deca', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	letter-spacing: normal;
}
h1,
h2,
h3,
h4,
.x-container h1,
.x-container h2,
.x-container h3,
.x-container h4,
.x-section h1,
.x-section h2,
.x-section h3,
.x-section h4,
#news .categories,
.posts .categories,
.judson {
	font-family: 'Judson', serif;
	font-weight: 400;
	letter-spacing: normal;
}
h1,
h2,
nav a {
	text-wrap: balance;
}
h1,
h2 {
	font-weight: 400;
	line-height: 110%;
}
h3 {
	font-weight: 400;
	line-height: 130%;
	text-wrap: balance;
}
body,
.x-section .x-text,
.x-section li,
.x-section p,
.x-section h4,
.x-section h5,
.x-section h6,
.x-section th {
	font-weight: 400;
	line-height: 160%;
}
body,
.x-section p,
.x-section li,
.x-section input,
.x-section select,
.x-section textarea,
.x-section th,
.x-section td,
.x-section h6 {
	font-size: var(--fs-0);
}
.x-section th,
.x-section td {
	text-align: start;
}
.x-container h1,
.x-section h1 {
	font-size: var(--fs-4);
	line-height: 110%;
}
.x-container h2,
.x-section h2 {
	font-size: var(--fs-3);
	line-height: 110%;
}
.x-container h3,
.x-section h3 {
	font-size: var(--fs-2);
	line-height: 110%;
}
.x-container h4,
.x-section h4 {
	font-size: var(--fs-2);
	line-height: 110%;
}
.x-container h1,
.x-section h1,
.x-container h2,
.x-section h2 {
	color: var(--primary);
	font-weight: 500;
	margin-block: 2rem;
}
.x-container .dark h1,
.x-section.dark  h1,
.x-container .dark  h2,
.x-section.dark  h2 {
	color: var(--primary-light);
}
.x-section h5,
.x-section h6 {
	font-size: var(--fs-3);
	line-height: 120%;
	font-weight: 400;
}
a,
.content a,
.content h1 a,
.content h2 a,
.content h3 a,
.content h4 a,
.content h5 a,
.content h6 a,
.content .h1 a,
.content .h2 a,
.content .h3 a,
.content .h4 a,
.content .h5 a,
.content .h6 a {
	color: var(--primary);
	transition: 0.3s color linear, 0.3s background-color linear, 0.3s border linear, 0.3s box-shadow ease-in-out 0.2s, 0.3s outline linear, 0.3s filter linear;
}
.dark a,
.content .dark a,
.content .dark h1 a,
.content .dark h2 a,
.content .dark h3 a,
.content .dark h4 a,
.content .dark h5 a,
.content .dark h6 a,
.content .dark .h1 a,
.content .dark .h2 a,
.content .dark .h3 a,
.content .dark .h4 a,
.content .dark .h5 a,
.content .dark .h6 a {
	color: var(--dark-foreground);
}
a:hover,
.content a:hover,
.content h1 a:hover,
.content h2 a:hover,
.content h3 a:hover,
.content h4 a:hover,
.content h5 a:hover,
.content h6 a:hover,
.content .h1 a:hover,
.content .h2 a:hover,
.content .h3 a:hover,
.content .h4 a:hover,
.content .h5 a:hover,
.content .h6 a:hover {
	color: var(--primary-interaction);
}
.dark a:hover,
.content .dark a:hover,
.content .dark h1 a:hover,
.content .dark h2 a:hover,
.content .dark h3 a:hover,
.content .dark h4 a:hover,
.content .dark h5 a:hover,
.content .dark h6 a:hover,
.content .dark .h1 a:hover,
.content .dark .h2 a:hover,
.content .dark .h3 a:hover,
.content .dark .h4 a:hover,
.content .dark .h5 a:hover,
.content .dark .h6 a:hover {
	color: var(--dark-foreground);
	filter: opacity(85%);
}
.masthead-dark #masthead {
	--foreground: var(--dark-foreground);
	--background: var(--dark-background);
}
.x-section.dark {
	color: var(--dark-foreground);
	background-color: var(--dark-background);
	--primary: var(--primary-light);
	--primary-interaction: var(--primary-light-interaction);
}
.x-text > h1:first-child,
.x-text > h2:first-child,
.x-text > h3:first-child,
.x-text > h4:first-child,
.x-text > h5:first-child,
.x-text > p:first-child,
.x-text > ul:first-child,
.x-text > ol:first-child {
	margin-block-start: 0;
}
.x-text > h1:last-child,
.x-text > h2:last-child,
.x-text > h3:last-child,
.x-text > h4:last-child,
.x-text > h5:last-child,
.x-text > p:last-child,
.x-text > ul:last-child,
.x-text > ol:last-child {
	margin-block-end: 0;
}
svg {
	inline-size: 100%;
	block-size: auto;
}
.x-site > .x-container.width {
	inline-size: auto;
}
.x-main .x-container.x-row.width,
.x-container .x-container.x-row.width,
.blog .x-section .x-row,
.archive .x-section:not(#banner) .x-row,
.post-type-archive .x-section:not(#banner) .x-row,
.single #title .x-row,
.single #content .x-row,
.single #share .x-row,
.single #post-navigation .x-row {
	inline-size: min(100% - 2.5rem, 1200px);
	margin-inline: auto;
}
.sea {
	--primary: #002a4b;
	--background: var(--sea);
	background-color: var(--background);
}
.beach {
	--primary: #605500;
	--background: var(--beach);
	background-color: var(--background);
}
figcaption,
.x-acc .gallery .wp-caption-text {
	font-size: var(--fs--1);
	font-weight: 600;
	line-height: 120%;
}
sup.ordinal {
	position: relative;
	display: inline-block;
	font-size: 0.7em;
	margin-block: -0.4em 0;
}
@media (width < 600px) {
	.x-section > .x-row > .x-row-inner {
		margin-inline: 0;
	}
}

/* HEADER */

.x-site > .x-masthead {
	position: sticky;
	inset-block-start: 0;
	background-color: var(--background);
	z-index: 10;
}
#masthead,
#masthead-image,
#masthead-image img {
	block-size: clamp(70px, 9vw + 9vw, 190px);
}
#masthead {
	background: transparent;
}
#masthead .x-bar-content {
	block-size: auto;
}
#masthead .x-bar-container {
	margin-block: 0;
	gap: 1rem;
}
#masthead .x-bar-container:first-child {
	margin-inline: 0 auto;
}
#masthead .x-bar-container:last-child {
	margin-inline: auto 0;
	text-align: end;
}
#masthead .x-image {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	translate: 0 -0.15rem;
}
#masthead h1 img,
#masthead .x-image img {
	inline-size: clamp(17rem, 30vw + 5rem, 400px);
	mix-blend-mode: difference;
	filter: grayscale(100%) invert(100%);
}
.masthead-light #masthead h1 img,
.masthead-light #masthead .x-image img {
	filter: grayscale(100%);
}
.masthead-overlay.masthead-light #masthead-image img {
	filter: brightness(127%) contrast(85%);
}
.masthead-overlay.masthead-dark #masthead-image img {
	filter: brightness(70%) contrast(90%);
}
#navigation-desktop,
#navigation-desktop .x-bar-content {
	block-size: 3.2rem;
}
#navigation-desktop {
	color: var(--dark-foreground);
	background-color: var(--dark-background);
}
#navigation-mobile .x-anchor {
	inline-size: calc(var(--fs-0) * 2.9);
	block-size: auto;
	aspect-ratio: 1;
	font-size: var(--fs-0);
	border-radius: var(--border-radius);
	background-color: color-mix(in lab, var(--background) 70%, transparent);
	transition: 0.3s background-color linear;
}
#navigation-mobile .x-anchor:hover,
#navigation-mobile .x-anchor:focus-visible {
	background-color: color-mix(in lab, var(--background) 90%, transparent);
}
.x-masthead .x-menu-first-level {
	gap: 0 var(--fs-2);
}
.x-masthead .x-menu .menu-item.hide,
.x-masthead .x-menu > .menu-item.hide {
	display: none;
}
.x-masthead .x-menu .menu-item a,
.x-masthead .x-menu .menu-item .x-anchor-text-primary {
	transition: 0.2s color linear, 0.2s background-color linear, 0.6s box-shadow ease-in-out;
}
.x-masthead .x-menu > .menu-item > a {
	transition: 0.5s box-shadow ease-in-out;
	box-shadow: 0 1.2rem 0 -0.9rem var(--dark-background);
}
.x-masthead .x-menu > .menu-item > a:hover {
	box-shadow: 0 8.5px 0 -7px var(--primary-light);
}
.x-masthead .x-menu .menu-item a {
	background-color: transparent;
}
.x-masthead .x-menu .sub-menu .menu-item a:hover {
	background-color: var(--primary-interaction);
}
.x-masthead .x-bar-container.account-actions {
	flex-basis: auto;
}
.x-masthead .button.x-anchor-button,
.x-masthead .button.x-anchor-button .x-anchor-text-primary {
	color: var(--foreground);
}
.x-masthead .button.x-anchor-button {
	background-color: color-mix(in lab, var(--background) 60%, transparent);
}
.x-masthead .button.x-anchor-button:hover {
	background-color: color-mix(in lab, var(--background) 70%, transparent);
}
.x-masthead .x-anchor .x-graphic .x-toggle {
  color: var(--foreground);
}
.x-masthead .button.x-anchor-button {
	font-size: var(--fs--1);
	color: var(--foreground);
	padding-block: 0.35em;
	padding-inline: 1em;
	inline-size: auto;
	border: 1px solid var(--background);
	border-radius: var(--border-radius);
	box-shadow: 0 0 0 1px var(--background);
	text-transform: uppercase;
	transition: 0.3s text-shadow linear, 0.3s background-color linear, 0.3s box-shadow linear;
}
.x-masthead .button.x-anchor-button:hover {
	box-shadow: 0 0 5px 1px var(--foreground);
}
.x-masthead .button.x-anchor-button .x-icon {
	position: relative;
	font-size: 0.7em;
	inset: auto auto 0.15em auto;
}
#masthead-image {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, #8d989e8c, #FFF, #19617933), linear-gradient(45deg, #8d989e, #B0CFE2, #196179);
	z-index: 1;
}
#masthead-image::before,
#masthead-image::after {
	display: none;
}
#masthead-image .x-bar-container {
	display: flex;
	overflow: hidden;
	flex-wrap: wrap;
	max-inline-size: 100%;
}
#masthead-image .x-bar-content {
	display: flex;
	block-size: 100%;
}
#masthead-image img {
	inline-size: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}
.masthead-align-0 #masthead-image img {
	object-position: 50% 0%;
}
.masthead-align-25 #masthead-image img {
	object-position: 50% 25%;
}
.masthead-align-75 #masthead-image img {
	object-position: 50% 75%;
}
.masthead-align-100 #masthead-image img {
	object-position: 50% 100%;
}
.x-off-canvas .x-off-canvas-content > .x-anchor {
	background-color: transparent;
	text-align: inherit;
	inset: auto auto 2em auto;
	position: absolute;
	inline-size: auto;
}
.x-off-canvas .x-off-canvas-content > .x-anchor + .x-anchor {
    inset-inline: auto 2em;
}
.x-off-canvas .x-off-canvas-content > .x-anchor > .x-anchor-content {
	justify-content: start;
}
.x-off-canvas .x-off-canvas-content .x-anchor .x-anchor-text-primary {
	color: inherit;
}
@media (width >= 1000px) {
	.admin-bar .x-site > .x-masthead {
		inset-block-start: 32px;
	}
	.x-site > .x-masthead {
		inset-block-start: calc(-1 * clamp(70px, 9vw + 9vw, 190px));
	}
	.admin-bar .x-site > .x-masthead {
		inset-block-start: calc(-1 * clamp(70px, 9vw + 9vw, 190px) + 32px);
	}
}

/* FOOTER */

footer.x-colophon {
	--foreground: var(--dark-foreground);
	--background: var(--dark-background);
	color: var(--foreground);
	background: var(--background);
	font-size: var(--fs-0);
	line-height: 120%;
	text-align: start;
}
footer.x-colophon .x-section {
	padding-inline: clamp(1.1rem, 2.6vw, 2.4rem);
}
footer.x-colophon .x-container.max {
	max-inline-size: var(--wider-max-inline-size);
}
footer.x-colophon .x-colophon-content {
	margin-block: 0;
	margin-inline: auto;
	letter-spacing: inherit;
	display: flex;
	flex-wrap: wrap;
	gap: 3em 1em;
}
footer.x-colophon .x-colophon-content > * {
	flex: 8 0 calc(50% - 7em);
	margin-block: 0;
}
footer.x-colophon h2,
footer.x-colophon h3 {
	font-size: var(--fs-2);
	font-weight: 400;
}
.logged-in footer.x-colophon .logo {
	padding-block-start: 2rem;
}
footer.x-colophon .logo .x-image {
	inline-size: min(100%, 28rem);
}
footer.x-colophon .logo img {
	display: block;
	margin-inline: auto;
	inline-size: min(80%, 45rem);
}
.logged-in footer.x-colophon .actions {
	position: absolute;
	inset: 0 0 auto auto;
}
footer.x-colophon #menu-footer-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-content: center;
}
footer.x-colophon #menu-footer-actions li {
	flex: auto;
	margin-block: 0;
}
footer.x-colophon #menu-footer {
	margin-block: 0.9rem 0.5rem;
}
footer.x-colophon nav li.hide {
	display: none;
}
footer.x-colophon .menu > li {
	display: flex;
	flex-wrap: wrap;
	margin-block: 0 1.8rem;
	break-inside: avoid-column;
}
footer.x-colophon nav ul,
footer.x-colophon nav li {
	display: flex;
	flex-wrap: wrap;
}
footer.x-colophon nav ul {
	display: flex;
	flex: 1 0 100%;
	list-style: none;
	margin-inline: 0;
	padding-inline: 0;
	margin-block: 0;
}
footer.x-colophon nav > ul {
	display: block;
	column-width: 18ch;
	gap: 0 1.4em;
}
footer.x-colophon nav li,
footer.x-colophon nav a {
	display: flex;
	flex-wrap: wrap;
	flex: 1 0 100%;
	gap: 0;
	font-size: var(--fs--1);
}
footer.x-colophon p {
	color: var(--dark-foreground);
	flex: 1 0 100%;
	margin-block: 0.4rem;
}
footer.x-colophon a,
footer.x-colophon nav a {
	color: var(--dark-foreground);
	padding-block: 0.25em;
	padding-inline: 0;
	text-decoration: underline;
	text-decoration-color: transparent;
	text-decoration-thickness: 2px;
	text-underline-offset: 0.3em;
	transition: 0.3s color linear, 0.3s text-decoration-color linear;
}
footer.x-colophon a:hover,
footer.x-colophon nav a:hover {
	text-decoration: underline;
	text-decoration-color: var(--primary-light);
}
footer.x-colophon .menu > li > a {
	display: flex;
	flex: 1 0 90%;
	font-size: var(--fs-0);
	font-weight: 600;
}
footer.x-colophon .charity,
footer.x-colophon .credits {
	font-size: var(--fs--2);
	text-wrap: balance;
	text-align: center;
}
footer.x-colophon svg {
	inline-size: 100%;
	block-size: auto;
}
@media (width >= 600px) {
	footer.x-colophon nav > ul {
		column-width: 22ch;
	}
	footer.x-colophon nav .sub-menu li li a::before {
		content: '–';
		position: relative;
		inline-size: 1em;
		block-size: 1em;
	}
	footer.x-colophon nav .sub-menu li li a:hover::before {
		text-decoration-line: none;
		text-decoration: none;
		text-decoration-color: transparent;
	}
}
@media (width >= 979px) {
	.logged-in footer.x-colophon .logo {
		padding-block-start: 0;
	}
	.logged-in footer.x-colophon .actions {
		position: relative;
		inset: auto;
	}
	footer.x-colophon .logo img {
		margin-inline-start: 0;
	}
	footer.x-colophon .charity {
		text-align: inherit;
	}
	footer.x-colophon .credits {
		text-align: end;
	}
	body:not(.logged-in) footer.x-colophon #menu-footer #menu-item-14784 {
		margin-block-end: 3rem;
	}
}
@media (width >= 1200px) {
	footer.x-colophon nav > ul {
		column-width: 28ch;
	}
}
@media (width >= 1450px) {
	footer.x-colophon nav > ul {
		column-width: 27ch;
	}
}

/* NAVIGATION ICON REPLACEMENT */

nav #menu-item-14838 a,
nav #menu-item-14839 a,
.x-masthead .menu-item-15348 a {
	position: relative;
	inline-size: 1em;
	color: transparent;
	overflow: hidden;
	font-size: var(--fs-0);
	transition: 0.3s scale ease-in-out;
}
.x-masthead .menu-item-15348 .x-anchor .x-anchor-text-primary {
	color: transparent;
	visibility: hidden;
}
nav #menu-item-14838 a:hover,
nav #menu-item-14839 a:hover,
.x-masthead .menu-item-15348 a:hover {
	text-decoration: none;
	scale: 1.1;
	transform-origin: 50% 50%;
	box-shadow: none;
}
nav #menu-item-14838 a::before,
nav #menu-item-14839 a::before,
.x-masthead .menu-item-15348 a::before {
	font-family: FontAwesome;
	color: var(--dark-foreground);
	position: absolute;
	display: block;
	inline-size: 1em;
	block-size: 1em;
	aspect-ratio: 1;
}
nav #menu-item-14838 a::before,
.x-masthead .menu-item-15348 a::before {
	content: '\f002';
}
nav #menu-item-14839 a::before {
	content: '\f08b';
}

/* FORMS */

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="password"],
select,
textarea {
	color: var(--foreground);
	background-color: var(--background);
	padding-block: 0.3em;
	padding-inline: 0.4em;
	min-inline-size: 0;
	max-inline-size: none;
	inline-size: 100%;
	border: 1px solid var(--foreground);
	outline: none;
	box-shadow: 0 0 0 0 var(--foreground);
	border-radius: var(--border-radius);
	transition: 0.3s box-shadow linear;
}
textarea {
	resize: vertical;
}
.dark input[type="text"],
.dark input[type="tel"],
.dark input[type="email"],
.dark input[type="number"],
.dark input[type="url"],
.dark input[type="password"],
.dark select,
.dark textarea {
	border: 1px solid var(--primary-light);
	box-shadow: 0 0 0 0 var(--primary-light);
}
input[type="checkbox"],
input[type="radio"] {
	accent-color: var(--primary);
}
.dark input[type="checkbox"],
.dark input[type="radio"] {
	accent-color: var(--primary-light);
}
input[type="text"]:focus-within,
input[type="tel"]:focus-within,
input[type="email"]:focus-within,
input[type="number"]:focus-within,
input[type="url"]:focus-within,
input[type="password"]:focus-within,
select:focus-within,
textarea:focus-within {
	outline: none;
	box-shadow: 0 0 0 2px var(--foreground);
}
form input::placeholder,
form textarea::placeholder {
	color: color-mix(in lab, var(--primary) 40%, var(--background));
}
.dark form input::placeholder,
.dark form textarea::placeholder {
	color: color-mix(in lab, var(--primary-light) 80%, var(--background));
}
.home #kehillat-kernow-login {
	position: relative;
}
.home #kehillat-kernow-login {
	display: flex;
	flex-wrap: wrap;
	gap: 1.2rem;
}
.home #kehillat-kernow-login p {
	flex: 1 0 100%;
	margin-block: 0;
}
.home #kehillat-kernow-login .login-submit {
	order: 3;
	flex: 1 0 8rem;
}
.home #kehillat-kernow-login .login-remember {
	font-size: var(--fs--1);
	order: 4;
	flex: 3 0 10rem;
	align-self: flex-end;
	text-align: end;
}
.home #kehillat-kernow-login .login-username label,
.home #kehillat-kernow-login .login-password label {
	position: absolute;
	visibility: none;
	z-index: -1;
}

/* BUTTONS */

a.cta,
.recent-posts .cta,
.buttons a,
.x-btn,
.button.wc-forward,
.button.wc-back,
.content .button,
.content .x-btn,
.woocommerce-page .wp-element-button,
.woocommerce-page .x-main .button.alt,
.woocommerce-page .button.product_type_simple,
.account.dashboard .edit,
.account.dashboard .button,
button,
input[type="submit"],
.wp-block-button > .wp-block-button__link,
#wp-submit {
	display: inline-flex;
	font-weight: inherit;
	color: var(--primary);
	inline-size: auto;
	align-items: center;
	align-content: center;
	padding-block: 0.2em;
	padding-inline: 1em;
	line-height: 140%;
	border: 1.5px solid #0000;
	border-radius: var(--border-radius);
	box-shadow: 0 0 0 0 var(--primary-light);
	background: linear-gradient(var(--background), var(--background)) padding-box, linear-gradient(var(--angle), var(--primary-light), var(--primary)) border-box;
	transition: 0.3s color linear 0s, 0.3s background-color linear 0s, 0.3s outline linear 0s, 1.1s box-shadow linear 0.5s;
	animation: 15s rotate linear infinite;
}
a.cta:hover,
.recent-posts .cta:hover,
.buttons a:hover,
.x-btn:hover,
.button.wc-forward:hover,
.button.wc-forward:focus-visible,
.button.wc-back:hover,
.button.wc-back:focus-visible,
.content .button:hover,
.content .button:focus-visible,
.content .x-btn:hover,
.content .x-btn:focus-visible,
.woocommerce-page .wp-element-button:hover,
.woocommerce-page .wp-element-button:focus-visible,
.woocommerce-page .x-main .button.alt:hover,
.woocommerce-page .x-main .button.alt:focus-visible,
.woocommerce-page .button.product_type_simple:hover,
.woocommerce-page .button.product_type_simple:focus-visible,
.account.dashboard .edit:hover,
.account.dashboard .edit:focus-visible,
.account.dashboard .button:hover,
.account.dashboard .button:focus-visible,
button:hover,
button:focus-visible,
input[type="submit"]:hover,
input[type="submit"]:focus-visible,
.wp-block-button > .wp-block-button__link:hover,
#wp-submit:hover,
#wp-submit:focus-visible {
	font-weight: inherit;
	color: var(--primary-interaction);
	background: linear-gradient(var(--background), var(--background)) padding-box, linear-gradient(var(--angle), var(--primary-light), var(--primary)) border-box;
	box-shadow: 0 0 0.4em 0 var(--primary-light);
	transition-delay: 0s, 0s, 0s, 0s;
}
.wp-block-button > .wp-block-button__link,
.wp-block-button > .wp-block-button__link:hover {
	color: inherit;
	font-size: inherit;
	background-color: transparent;
}
.cta + .cta,
.recent-posts .cta + .cta,
.buttons a + a,
.x-btn + .x-btn,
button + button {
	margin-inline-start: 1.4rem;
}
.content .dark .button,
.content .dark .x-btn {
	color: var(--primary);
}
.content .dark .button:hover,
.content .dark .x-btn:hover {
	color: var(--primary-interaction);
}
button,
input[type="submit"],
#wp-submit {
	background-color: transparent;
}
.buttons {
	display: flex;
	justify-content: flex-start;
	gap: 1.5em;
}
p.buttons,
p:has(> .x-btn),
.registration-form-buttons {
	margin-block-start: 1.8rem;
}
@media (width >= 600px) {
	.buttons.end {
		justify-content: flex-end;
	}
}

/* DIALOG / MODAL */

dialog {
	--foreground: var(--dark-foreground);
	--background: var(--dark-background);
	--duration: 0.3s;
	padding: 0;
	max-inline-size: min(100% - 2rem, 1400px);
	background-color: var(--background);
	border: 3px solid var(--foreground);
	transition: margin var(--duration) ease-in-out, scale var(--duration) ease-in-out, filter var(--duration) ease-in-out;
}
dialog[open] {
	@starting-style {
		margin-block-start: 4rem;
		scale: 1.05;
		filter: blur(5px) invert(20%) brightness(140%);
	}
}
dialog:not([open]) {
	margin-block-start: -4rem;
	scale: 1.05;
	filter: blur(5px) invert(20%) brightness(140%);
}
dialog::backdrop {
	background-color: color-mix(in lab, var(--background) 60%, transparent);
	backdrop-filter: blur(4px);
	transition: 0.2s backdrop-filter linear, 0.2s background-color linear;
	@starting-style {
		backdrop-filter: blur(0px);
		background-color: transparent;
	}
}
dialog form {
	display: flex;
	margin: 0;
}

/* SEARCH DIALOG / MODAL */

#footer-search {
	inline-size: min(90%, 850px);
	border-radius: var(--border-radius);
	border-color: var(--dark-background);
}
#footer-search form {
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem;
	padding: 0.3rem;
}
#footer-search p {
	flex: 1 0 100%;
	margin-block: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0;
}
#footer-search p.input {
	flex: 10 0 1rem;
	order: 1;
}
#footer-search p.close,
#footer-search p.buttons {
	flex: 0 1 3.5rem;
}
#footer-search p.buttons {
	order: 2;
}
#footer-search p.close {
	order: 3;
}
#footer-search button,
#footer-search input[type="search"] {
	border-radius: 0;
}
#footer-search button:focus-visible,
#footer-search input[type="search"]:focus-visible {
	outline: none;
	box-shadow: none;
}
#footer-search button {
	display: flex;
	flex: 1;
	justify-content: center;
	border-radius: 0;
	box-shadow: none;
	color: var(--primary);
	background-color: var(--primary-light);
	background-image: none;
}
#footer-search button:hover {
	color: var(--primary-interaction);
	background-color: var(--primary-light-interaction);
	background-image: none;
	box-shadow: none;
}
#footer-search input[type="search"] {
	flex: 1 0 100%;
	border-radius: 0;
	padding-inline: 1ex;
	border: 0 none;
}
#footer-search .close button {
	font-size: var(--fs-2);
	line-height: 100%;
	padding-block: 0 0.1em;
	block-size: auto;
}

/* SIGN IN DIALOG / MODAL */

#footer-sign-in {
	inline-size: min(90%, 850px);
	border-radius: var(--border-radius);
}
#footer-sign-in[open] {
	display: grid;
	gap: 1rem;
	padding-block: 1.9rem 2.1rem;
	padding-inline: 2rem;
	border: 1px solid var(--foreground);
}
#footer-sign-in h2 {
	order: 1;
	font-size: var(--fs-2);
	color: var(--foreground);
	margin-block: 0 0.6rem;
}
#footer-sign-in p {
	position: relative;
	margin-block: 0;
}
#footer-sign-in form {
	display: grid;
	gap: 1rem;
	order: 2;
}
#footer-sign-in p.close,
#footer-sign-in p.buttons {
	flex: 0 1 3.5rem;
}
#footer-sign-in p.close {
	position: absolute;
	inline-size: 2.5rem;
	inset: 0.7rem 0.8rem auto auto;
	text-align: end;
}
#footer-sign-in .login-username label,
#footer-sign-in .login-password label {
	margin-block: 0 0.5em;
}
#footer-sign-in input[type="text"],
#footer-sign-in input[type="password"] {
	background-color: var(--foreground);
	color: var(--background);
	border: 0 none;
	border-radius: var(--border-radius);
}
#footer-sign-in input[type="text"]:focus-visible ,
#footer-sign-in input[type="password"]:focus-visible {
	outline: none;
	box-shadow: none;
}
#footer-sign-in button,
#footer-sign-in input[type="submit"] {
	display: flex;
	flex: 1;
	justify-content: center;
	border-radius: var(--border-radius);
	padding-inline: 1.2em;
	color: var(--primary-light);
	background-color: var(--dark-background);
	background-image: none;
	box-shadow: 0 0 0 1px var(--primary-light);
}
#footer-sign-in button:hover,
#footer-sign-in input[type="submit"]:hover {
	color: var(--primary-light-interaction);
	box-shadow: 0 0 0 1px var(--primary-light-interaction);
	background-color: transparent;
	background-image: none;
}
#footer-sign-in input[type="text"],
#footer-sign-in input[type="password"] {
	border-radius: var(--border-radius);
	padding-inline: 1ex;
}
#footer-sign-in input[type="checkbox"] {
	margin-inline: 0 1ch;
}
#footer-sign-in .close button {
	font-size: var(--fs-2);
	color: var(--foreground);
	background-color: transparent;
	line-height: 100%;
	block-size: auto;
	padding-block: 0 0.1em;
	padding-inline: 0.2em;
	box-shadow: none;
	outline: none;
}
#footer-sign-in .register-forgot {
	text-align: end;
	position: absolute;
	inset: auto 2rem 2rem auto;
}
#footer-sign-in .members-login-notice {
	border-block-end: 2px solid;
	margin-inline: 0 auto;
}
#footer-sign-in .members-login-error {
	border-block-end-color: var(--error);
}
.login-password .button.password-toggle,
#footer-sign-in .login-password .button.password-toggle {
	position: absolute;
	display: block;
	color: transparent;
	background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMzIwIDI1NmE2NCA2NCAwIDEgMS02NC02NCA2NC4wNyA2NC4wNyAwIDAgMSA2NCA2NFptMTg5LjgxIDkuNDJDNDYwLjg2IDM2NC44OSAzNjMuNiA0MjYuNjcgMjU2IDQyNi42N1M1MS4xNCAzNjQuODkgMi4xOSAyNjUuNDJhMjEuMzMgMjEuMzMgMCAwIDEgMC0xOC44M0M1MS4xNCAxNDcuMTEgMTQ4LjQgODUuMzMgMjU2IDg1LjMzczIwNC44NiA2MS43OCAyNTMuODEgMTYxLjI1YTIxLjMzIDIxLjMzIDAgMCAxIDAgMTguODRaTTM2Mi42NyAyNTZBMTA2LjY3IDEwNi42NyAwIDEgMCAyNTYgMzYyLjY3IDEwNi43OSAxMDYuNzkgMCAwIDAgMzYyLjY3IDI1NloiLz48L3N2Zz4=") scroll no-repeat 0 0 / cover;
	border: none;
	box-shadow: none;
	font-size: 1px;
	inset: 2.9rem 0.7rem auto auto;
	aspect-ratio: 1;
	inline-size: 1.2rem;
	height: 1.2rem;
	border-radius: 0;
	filter: opacity(60%);
	transition: 0.3s linear filter;
}
.login-password .button.password-toggle.lock:hover,
#footer-sign-in .login-password .button.password-toggle:hover {
	filter: none;
}
.login-password .button.password-toggle.lock:hover,
#footer-sign-in .login-password .button.password-toggle.lock:hover {
	background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMzIwIDI1NmE2NCA2NCAwIDEgMS02NC02NCA2NC4wNyA2NC4wNyAwIDAgMSA2NCA2NFptMTg5LjgxIDkuNDJDNDYwLjg2IDM2NC44OSAzNjMuNiA0MjYuNjcgMjU2IDQyNi42N1M1MS4xNCAzNjQuODkgMi4xOSAyNjUuNDJhMjEuMzMgMjEuMzMgMCAwIDEgMC0xOC44M0M1MS4xNCAxNDcuMTEgMTQ4LjQgODUuMzMgMjU2IDg1LjMzczIwNC44NiA2MS43OCAyNTMuODEgMTYxLjI1YTIxLjMzIDIxLjMzIDAgMCAxIDAgMTguODRaTTM2Mi42NyAyNTZBMTA2LjY3IDEwNi42NyAwIDEgMCAyNTYgMzYyLjY3IDEwNi43OSAxMDYuNzkgMCAwIDAgMzYyLjY3IDI1NloiLz48L3N2Zz4=") scroll no-repeat 0 0 / cover;
}
.login-password .button.password-toggle.lock,
.login-password .button.password-toggle.unlock:hover,
#footer-sign-in .login-password .button.password-toggle.lock,
#footer-sign-in .login-password .button.password-toggle.unlock:hover {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJtNDA5Ljg0IDEzMi4zMyA5NS45MS05NS45MWEyMS4zMyAyMS4zMyAwIDEgMC0zMC4xNy0zMC4xN0w2LjI1IDQ3NS41OGEyMS4zMyAyMS4zMyAwIDEgMCAzMC4xNyAzMC4xN0wxNDAuNzcgNDAxLjRBMjc1Ljg0IDI3NS44NCAwIDAgMCAyNTYgNDI2LjY3YzEwNy42IDAgMjA0Ljg1LTYxLjc4IDI1My44MS0xNjEuMjVhMjEuMzMgMjEuMzMgMCAwIDAgMC0xOC44MyAyOTEgMjkxIDAgMCAwLTk5Ljk3LTExNC4yNlpNMjU2IDM2Mi42N2ExMDUuNzggMTA1Ljc4IDAgMCAxLTU4LjctMTcuOGwzMS4yMS0zMS4yMUE2My4yOSA2My4yOSAwIDAgMCAyNTYgMzIwYTY0LjA3IDY0LjA3IDAgMCAwIDY0LTY0IDYzLjI4IDYzLjI4IDAgMCAwLTYuMzQtMjcuNDlsMzEuMjEtMzEuMjFBMTA2LjQ1IDEwNi40NSAwIDAgMSAyNTYgMzYyLjY3Wk0yLjE5IDI2NS40MmEyMS4zMyAyMS4zMyAwIDAgMSAwLTE4LjgzQzUxLjE1IDE0Ny4xMSAxNDguNCA4NS4zMyAyNTYgODUuMzNhMjc3IDI3NyAwIDAgMSA3MC40IDkuMjJsLTU1Ljg4IDU1Ljg4YTEwNS45IDEwNS45IDAgMCAwLTEyMC4wOCAxMjAuMDlsLTgyLjU2IDgyLjU2YTI5NS4yIDI5NS4yIDAgMCAxLTY1LjY5LTg3LjY2WiIvPjwvc3ZnPg==");
}

/* PAGINATION */

.x-paginate {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}
.x-paginate .ul,
.x-paginate .x-paginate-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	margin-inline: auto;
	padding-inline: 0;
	gap: 0.7em;
	font-size: var(--fs-0);
	margin-block: 0;
}
.x-paginate .page-numbers > a,
.x-paginate .page-numbers > span {
	min-inline-size: 2em;
	min-height: 2.4em;
	margin-block: 9px;
	margin-inline: 9px;
	border-radius: calc(var(--border-radius) * 1.5);
	padding-block: 0.4em;
	padding-inline: 0.93em;
	font-size: var(--fs-0);
	font-weight: 700;
	color: var(--primary);
	background-color: var(--background);
	box-shadow: 0 0 0 1px var(--primary) inset;
}
.x-paginate .page-numbers > a:hover {
	color: var(--primary-interaction);
	box-shadow: 0 0 0 1px var(--primary-interaction) inset;

}
.x-paginate .page-numbers.current > span {
	color: var(--dark-foreground);
	background-color: var(--dark-background);
	box-shadow: 0 0 0 1px var(--dark-background) inset;
}

/* HOME */

.home .cs-content > .x-section {
	padding-block: clamp(2rem, 5vw, 5rem);
}
.home .cs-content > .x-section:first-child {
	padding-block-start: clamp(2.5rem, 6vw, 6rem);
}
.home .cs-content > .x-section:last-child {
	padding-block-end: clamp(2.5rem, 6vw, 6rem);
}
.home .x-container h2,
.home .x-section h2,
.home .news .categories {
	font-size: var(--fs-2);
}
.home .triptic .x-image img {
	display: block;
	aspect-ratio: 1.5;
	inline-size: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}
.home .triptic .x-btn {
	display: inline-block;
}
.home #services {
	--primary-light: var(--beach);
}
@media (width >= 600px) {
	.home .x-container h2,
	.home .x-section h2,
	.home .news .categories {
		font-size: calc(var(--fs-1) * 1.2);
	}
	.home #news-heading {
		font-size: 1px;
		color: color-mix(in lab, transparent 99%, var(--foreground));
		clip-path: inset(50%);
		position: absolute;
		z-index: -1;
		margin: 0;
	}
	.home #membership .register-forgot {
		position: absolute;
		inset: auto 0 0.3rem auto;
		inline-size: min(50%, 20ch);
		text-align: end;
	}
}

/* ABOUT US AND SERVICES */

#name .x-image {
    inline-size: min(100%, 30rem);
}
#name .x-image svg,
#name .x-image img {
    inline-size: 100%;
}
.about .x-col .x-image img,
.services .x-col .x-image img {
    display: block;
    border-radius: var(--border-radius);
}
.about .full-width-image .x-col .x-image img {
    object-fit: cover;
    object-position: 50% 50%;
}
#kehillat-kernow-name svg {
    cursor: pointer;
}
#kehillat-kernow-name path {
    transition: 0.1s translate ease-in-out 0s;
}
#kehillat-kernow-name .reveal path {
    transition-duration: 1.3s;
}
#kehillat-kernow-name .name.kernow.hebrew path {
    translate: 131px 0;
}
#kehillat-kernow-name .reveal .name.kernow.hebrew path {
    transition-delay: 2.8s;
}
#kehillat-kernow-name .name.kehillat.hebrew path {
    translate: 195px 0;
}
#kehillat-kernow-name .reveal .name.kehillat.hebrew path {
    transition-delay: 0.6s;
}
#kehillat-kernow-name .name.kehillat.english path {
    translate: -173px 0;
}
#kehillat-kernow-name .reveal .name.kehillat.english path {
    transition-delay: 0.8s;
}
#kehillat-kernow-name .name.kernow.english path {
    translate: -160px 0;
}
#kehillat-kernow-name .reveal .name.kernow.english path {
    transition-delay: 3s;
}
#kehillat-kernow-name .reveal .name:is(.hebrew,.english) g path {
    translate: 0 0;
}
@media (aspect-ratio > 1.5) {
    .about .full-width-image .x-col .x-image img {
        aspect-ratio: 4;
    }
}

/* NEWS */

.home #posts .x-col {
	max-inline-size: none;
}
.single #post-navigation .x-text {
	line-height: 120%;
}
.single #post-navigation a {
	display: block;
	text-wrap: balance;
}
.single #post-navigation .x-col:last-child a {
	text-align: end;
}
.single #title .x-text {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.single #title .x-text > * {
	flex: 1 0 100%;
}
.single #title h1 {
	margin-block: 0.7rem;
}
.single #title .author .author {
	display: inline-flex;
	gap: 1rem;
	align-items: center;
}
.single #title .author > .avatar {
	inline-size: 2.5rem;
}
.single #title .avatar .photo {
	display: block;
	aspect-ratio: 0.9;
	border-radius: var(--border-radius);
}
.single #share h2 {
	font-size: var(--fs-2);
}
.single #banner .x-image {
	inline-size: var(--max-inline-size);
	display: grid;
	align-items: center;
	justify-content: center;
	grid-template-columns: 1fr;
	margin-block: 2rem 0;
	margin-inline: auto;
	padding-block: 0;
}
.posts a .x-text {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
.posts a .x-text > * {
	margin-block: 0;
	flex: 1 0 100%;
}
.posts a:has(.members-access-error) {
	filter: opacity(50%) grayscale(100%);
	cursor: default;
	pointer-events: none;
}
.posts .x-text:has(.members-access-error) .excerpt,
.posts .x-text:has(.members-access-error) .members-access-error {
	display: none;
}
.posts .title,
.recent-posts .title {
	gap: 2rem;
}
.posts .title,
.recent-posts .title {
	margin-block: 0;
	font-size: var(--fs-1);
}
.posts.text-only .title {
	margin-block: 0;
	font-size: var(--fs-2);
}
.posts .date,
.recent-posts .date {
	margin-block: 0;
	font-size: var(--fs-0);
}
.posts .x-grid figure {
	border: 1px solid color-mix(in lab, var(--primary) 80%, transparent);
}
.posts .x-image img,
.posts .no-featured-image {
	background: color-mix(in lab, var(--light-grey) 90%, var(--dark-background));
	aspect-ratio: 1.5;
	display: block;
	block-size: auto;
}
.posts .no-featured-image {
	background: url("/wp-content/uploads/Typewriter-Placeholder.jpg") scroll no-repeat 50% 50% / cover, url("/wp-content/uploads/Kehillat-Kernow-Logo.svg") scroll no-repeat 50% 50% / 45%, linear-gradient(29deg, var(--dark-background) 15%, var(--beach) 15%, var(--beach) 50%, var(--sea) 50%, var(--sea) 85%, var(--dark-background) 85%) scroll no-repeat 30% 20% / 100%;
	box-shadow: 0 0 0 8px color-mix(in lab, var(--sea) 0%, transparent) inset;
	filter: grayscale(50%) opacity(70%);
	transition: 0.7s filter linear;
}
.posts a:hover .no-featured-image {
	filter: none;
}
.posts .x-image img {
	object-fit: cover;
}
.posts .x-grid figure {
	mask-image: none;
}
.category-meetings #meetings h2 {
	font-size: var(--fs-2);
}
.category-meetings #meetings .date {
	font-size: var(--fs-0);
}
#news .recent-posts {
	display: flex;
	flex-wrap: wrap;
	margin-block: 0;
	grid-template-columns: none;
	gap: 2.5rem;
}
#news .recent-posts li a {
	justify-content: start;
}
#news .recent-posts li .title a {
	display: block;
}
#news .recent-posts li .title a > * {
	display: inline-block;
}
#news .cta {
	order: 6;
	align-self: start;
	grid-area: 5 / 2 / 6 / 3;
	justify-self: start;
}
#news .image img {
	display: block;
	aspect-ratio: 1.5;
	object-fit: cover;
	object-position: 50% 50%;
}
#news .primary .categories,
#news .primary .excerpt,
#news .primary .cta {
	display: none;
}
#news li {
	display: grid;
	grid-template-columns: min(20rem, 36%) minmax(200px, 1fr);
	grid-template-rows: 2rem 1fr;
	align-content: start;
	justify-content: start;
	gap: 0.5rem 1.8rem;
}
#news .image {
	order: 1;
	grid-area: 1 / 1 / 3 / 1;
	align-self: center;
}
#news .date {
	order: 2;
	grid-area: 1 / 2 / 2 / 3;
}
#news .title {
	order: 3;
	grid-area: 2 / 2 / 3 / 3;
	margin-block: 0;
}
@media (width >= 800px) {
	#news li {
		grid-template-columns: min(10rem, 25%) minmax(200px, 1fr);
	}
	#news .primary li {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1.7rem 1.5rem minmax(4rem, 1fr) 1fr 2rem;
		align-content: start;
		justify-content: start;
		gap: 1rem 3rem;
	}
	#news .primary .categories,
	#news .primary .excerpt,
	#news .primary .cta {
		display: block;
	}
	#news .primary .image {
		order: 1;
		grid-area: 1 / 1 / 6 / 2;
	}
	#news .primary .categories {
		font-size: var(--fs-1);
		order: 2;
		align-self: start;
		grid-area: 1 / 2 / 2 / 3;
	}
	#news .primary .date {
		font-size: var(--fs-0);
		order: 3;
		align-self: start;
		grid-area: 2 / 2 / 3 / 3;
	}
	#news .primary .title {
		font-size: var(--fs-3);
		order: 4;
		align-self: start;
		grid-area: 3 / 2 / 4 / 3;
		margin-block: 0;
	}
	#news .primary .excerpt {
		order: 5;
		align-self: stretch;
		grid-area: 4 / 2 / 5 / 3;
	}
	.single #title .x-text > .date,
	.single #title .x-text > .author {
		flex: 1 0 10rem;
	}
	.single #title .x-text > p:last-child {
		text-align: end;
	}
}
@media (width >= 1000px) {
	.single #banner .x-image,
	.wide-featured-image #banner .x-image {
		margin-block: 0;
	}
}
@media (aspect-ratio < 1) or (width >= 1200px) {
	.wide-featured-image #banner .x-image {
		inline-size: auto;
		overflow: hidden;
	}
	.wide-featured-image #banner .x-image img {
		aspect-ratio: 2;
		object-fit: cover;
		object-position: 50% 50%;
	}
}

/* BOOKMARKS AND FILTERING FOR EVENTS, LIBRARY */

.category-filter,
.library-filter {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin-block: 0 2.6rem;
	margin-inline: 0;
	padding-inline: 0;
	gap: 1rem 0.68rem;
}
.x-text > .bookmarks {
	display: grid;
	list-style: none;
	margin-inline: 0;
	padding-inline: 0;
	gap: 1.2rem;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	justify-items: stretch;
}
.category-filter li,
.library-filter li,
.bookmarks li {
	font-size: calc(var(--fs-0) * 0.95);
	margin-inline: 0;
	padding-inline: 0;
}
.category-filter a,
.library-filter a,
.bookmarks a {
	padding-block: 0.3em;
	padding-inline: 0.15em;
	border-block-end: 2px solid var(--primary);
	border-radius: 0;
	color: var(--primary);
}
.bookmarks a {
	display: flex;
	justify-content: center;
}
.category-filter a:hover,
.library-filter a:hover,
.bookmarks a:hover,
.category-filter .selected a,
.library-filter .selected a {
	color: var(--dark-foreground);
	background-color: var(--primary);
}
.category-filter .count,
.library-filter .count {
	position: relative;
	display: inline-block;
	font-size: calc(var(--fs--2) * 0.85);
	font-weight: 600;
	min-inline-size: 1.5em;
	outline: 1px solid var(--primary-light);
	text-align: center;
	padding-block: 0;
	padding-inline: 0.3em;
	line-height: 140%;
	border-radius: var(--border-radius);
	inset-block-end: 0.2em;
	transition: 0.3s color linear, 0.3s outline-color linear, 0.3s outline-color linear, 0.3s background-color linear;
}
.category-filter a:hover .count,
.library-filter a:hover .count,
.category-filter .selected .count,
.library-filter .selected .count {
	color: var(--foreground);
	background-color: var(--background);
	outline-color: var(--primary);
}

/* EVENTS */

.recent-posts.events {
	grid-template-columns: 1fr;
	gap: 3rem;
	margin-block: 0;
}
.events .category-filter a {
	padding-inline: 0.4em;
}
.events li {
	transition: 0.3s translate ease-in-out, 0.3s filter linear;
}
.events .hide {
	position: absolute;
	visibility: hidden;
	pointer-events: none;
	inset: 0 auto auto 0;
	filter: brightness(50%) invert(20%);
	translate: 0 -10px;
}
.events ul > li,
.events .first-part {
	display: flex;
	flex-wrap: wrap;
	gap: 1.7rem;
	justify-content: start;
	align-items: start;
}
.events .first-part {
	flex: 0 1 3.6rem;
}
.events .last-part {
	flex: 20 0 4rem;
	display: block;
}
.events li .date {
	order: 1;
}
.events li .title {
	order: 2;
}
.events li .excerpt {
	order: 3;
}
.events li .location {
	order: 4;
}
.events h3 {
	margin-block: 0;
}
.events h4 {
	margin-block: 0;
}
.events .icon {
	display: flex;
	background: var(--background-shaded);
	flex-wrap: wrap;
	margin-block: 0;
	flex: 1 0 100%;
	justify-content: center;
}
.events .icon .month,
.events .icon .day {
	text-align: center;
	flex: 1 0 100%;
}
.events .icon .month {
	color: var(--dark-foreground);
	background-color: var(--dark-background);
	text-transform: uppercase;
	line-height: 120%;
}
.events .icon .day {
	background-color: color-mix(in lab, 30% var(--background), var(--background-shaded));
	font-size: var(--fs-3);
	line-height: 120%;
}
.events h3 {
	margin-block: 0.4rem;
	line-height: 110%;
}
.events li .date {
	margin-block: 0;
}
.events li .date.day-name span {
	display: block;
}
.events li .date .time {
	font-weight: 600;
}
.events li .date .jewish-date {
	font-size: var(--fs--2);
	font-style: italic;
	color: var(--primary-light);
	line-height: 120%;
}
.events li .excerpt,
.events li .category ,
.events li .location {
	margin-block: 0;
	font-size: var(--fs--1);
}
.events .category-filter a {
	color: var(--foreground);
}
.events .category-filter a:hover,
.events .category-filter .selected a {
	color: var(--dark-foreground);
}
.events .category-filter .count {
	outline-color: var(--primary);
}
.events .category-filter a:hover .count,
.events .category-filter .selected .count {
	outline-color: var(--dark-background);
}
.events .events .icon .month {
	background-color: var(--primary, var(--dark-background));
}
.events .category-filter a[href$="festival"],
.events .events li:has(.category.festival) {
	--primary: var(--event-festival);
}
.events .category-filter a[href$="holiday"],
.events .events li:has(.category.holiday) {
	--primary: var(--event-holiday);
}
.events .category-filter a[href$="special-event"],
.events .events li:has(.category.special-event) {
	--primary: var(--event-special-event);
}
.events .category-filter a[href$="service"],
.events .events li:has(.category.service) {
	--primary: var(--event-service);
}
.events .category-filter a[href$="none"],
.events .category-filter a[href$="no-service"],
.events .events li:has(.category.none),
.events .events li:has(.category.no-service) {
	--primary: var(--event-none);
}
.events li:has(.no-service) .date .time,
.events li:has(.no-service) .excerpt,
.events li:has(.no-service) .location,
.events li:has(.location.none) .location {
	display: none;
}
.event-locations {
	display: grid;
	grid-template-columns: 1fr;
	gap: 3rem;
	margin-block: 0;
}
ul.event-locations {
	list-style: none;
	margin-inline: 0;
	padding-inline: 0;
}
.event-locations li {
	margin-block: 0;
	margin-inline: 0;
	padding-inline: 0;
}
.event-locations .x-icon.x-icon-map-marker {
	color: var(--primary-light);
}
.x-map button {
	outline: 0;
	inline-size: inherit;
	block-size: inherit;
}
.home .events:has(.empty) {
	display: none;
}
@media (width >= 600px) {
	.recent-posts.events {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (width >= 1000px) {
	.event-locations {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* NEWSLETTERS */

#newsletter-archive .newsletter-cover {
	margin: var(--border-radius) var(--border-radius) 8px var(--border-radius);
	box-shadow: 0 8px 5px -3px color-mix(in lab, var(--primary) 15%, transparent), 0 0 0 1px color-mix(in lab, var(--primary) 80%, transparent);
}
.post-type-archive-newsletter .current .cover,
.post-type-archive-newsletter .archive .cover {
	display: flex;
	margin: var(--border-radius) var(--border-radius) 6px;
	padding: var(--border-radius);
	box-shadow: 0 4px 7px -2px #0000003d;
	border: 1px solid var(--foreground);
	border-radius: var(--border-radius);
}
.post-type-archive-newsletter .current .cover {
	box-shadow: 0 6px 9px -3px #0000007d;
	margin-block-end: 9px;
}
.post-type-archive-newsletter .archive .cover.empty {
	display: flex;
	justify-self: auto;
	inline-size: clamp(10rem, 100%, 244px);
	margin-inline: auto;
	aspect-ratio: 0.695;
	background-image: linear-gradient(92deg, var(--background-shaded), #b7b7b7);
	box-shadow: -5px -10px 30px color-mix(in lab, var(--background-shaded), #95a8b8) inset, 0 4px 7px -2px #0000003d;
}
.post-type-archive-newsletter .details .view {
	margin-block: 1rem 0;
}
.post-type-archive-newsletter .title,
.post-type-archive-newsletter .date {
	font-size: var(--fs-1);
}
.post-type-archive-newsletter .current .title {
	font-size: var(--fs-2);
}
.post-type-archive-newsletter .title .context-only {
	position: absolute;
	color: transparent;
	pointer-events: none;
	font-size: 1px;
	z-index: -1;
}
.post-type-archive-newsletter .details .x-btn {
	margin: var(--border-radius) var(--border-radius) 5px 5px;
}
.post-type-archive-newsletter .details .x-btn .x-icon {
	position: relative;
	inset-inline-end: 0.25em;
}

/* PHOTO GALLERY AND PHOTO ALBUMS */

.home .album {
	display: flex;
	flex-wrap: wrap;
	gap: 1.8rem;
}
.home .album .album-thumbnail,
.home .album .album-title {
	flex: 1 0 100%;
	margin: 0;
	padding: 0;
}
.photo-albums .album-title,
.photo-album .album-title {
	display: block;
	font-size: var(--fs-1);
	margin-block: 0;
}
.photo-albums,
.photo-album {
	display: grid;
	gap: 1.8rem;
	list-style: none;
	margin-block: 0;
	margin-inline: 0;
	padding-inline: 0;
	align-items: start;
}
.photo-albums {
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}
.photo-album {
	grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
}
.photo-albums .album,
.photo-album .album,
.photo-album .photo {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	text-align: center;
	gap: 0.4rem;
	margin-block: 0;
	margin-inline: 0;
	padding-block: 0.5rem;
	padding-inline: 0.4rem;
	border-radius: var(--border-radius);
	transition: 0.3s translate ease-in-out, 0.3s filter linear;
	transform-origin: 0% 0%;
}
.photo-albums .album.hide,
.photo-album .album.hide,
.photo-album .photo.hide {
	position: absolute;
	visibility: hidden;
	pointer-events: none;
	inset: 0 auto auto 0;
	filter: brightness(50%) invert(20%);
	translate: 0 -10px;
}
.photo-albums .album p,
.photo-album .album p,
.photo-album .photo p {
	margin-block: 0;
}
.photo-albums .album .thumbnail,
.photo-album .album .thumbnail {
	order: 1;
}
.photo-albums .album .title,
.photo-album .album .title {
	order: 2;
}
.photo-albums .album .meta,
.photo-album .album .meta {
	position: absolute;
	inset: 1rem 1rem auto auto;
	filter: opacity(0%);
	transition: 0.3s filter linear;
	text-shadow: 0 1px 0 #FFFD, 0 -1px 0 #FFFD, -1px 0 0 #FFFD, 1px 0 0 #FFFD;
}
.photo-albums .album:hover .meta,
.photo-album .album:hover .meta {
	filter: none;
}
.photo-albums .album a,
.photo-album .album a {
	display: block;
}
.photo-album .photo a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.album-thumbnail img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.photo-albums .album,
.photo-album .album,
.photo-album .photo {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	margin-block: 0;
	margin-inline: 0;
	padding-block: 0.5rem;
	padding-inline: 0.4rem;
	border-radius: var(--border-radius);
}
.photo-albums .album,
.photo-album .album {
	box-shadow: 0 8px 5px -3px color-mix(in lab, var(--primary) 15%, transparent), 0 0 0 0.5px color-mix(in lab, var(--primary) 80%, transparent) inset;
}
.photo-album .photo {
	box-shadow: 0 8px 5px -3px color-mix(in lab, var(--dark-background) 15%, transparent), 0 0 0 0.5px color-mix(in lab, var(--dark-background) 80%, transparent) inset;
}
.x-row:has(.breadcrumbs.empty) {
	display: none;
}
.photo-albums + .x-paginate,
.photo-album + .x-paginate {
	margin-block-start: 3rem;
}
.breadcrumbs {
	display: flex;
	gap: 2rem;
	margin-block: 0;
	margin-inline: 0;
	padding-inline: 0;
	list-style: none;
}
.breadcrumbs li {
	flex: 0 0 auto;
	margin-inline: 0;
	padding-inline: 0;
	position: relative;
}
.breadcrumbs li + li::before {
	position: absolute;
	content: '\f105';
	color: var(--primary);
	font-size: var(--fs-0);
	font-family: FontAwesome;
	font-weight: 900;
	inline-size: 1em;
	block-size: 1em;
	inset: auto auto 0.5em -1.25em;
}
#photo-gallery-dialog img {
	padding: 0;
	margin: 0;
	display: block;
}
#photo-gallery-dialog .image.tall img {
	max-block-size: 100vh;
	max-inline-size: 100vw;
	inline-size: auto;
}
#photo-gallery-dialog-form {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 1fr);
	gap: 0;
	margin: 0;
}
#photo-gallery-dialog p {
	margin-block: 0;
}
#photo-gallery-dialog p.close {
	grid-column: 3 / 4;
	grid-row: 1 / 2;
	text-align: end;
	z-index: 3;
}
#photo-gallery-dialog button.close {
	background-color: color-mix(in lab, var(--dark-foreground), transparent);
	border: 0 none;
	outline-color: var(--dark-foreground);
	border-radius: 0 0 0 var(--border-radius);
	padding-inline: 2.1em;
	text-transform: uppercase;
	transition: 0.3s background-color linear, 0.3s filter linear;
	background-image: none;
	box-shadow: none;
	filter: opacity(0%);
}
#photo-gallery-dialog:has(img:hover) button.close,
#photo-gallery-dialog button.close:focus-visible {
	background-color: var(--dark-foreground);
	box-shadow: none;
	filter: none;
}
#photo-gallery-dialog .image {
	display: flex;
	grid-column: 1 / 4;
	grid-row: 1 / 4;
	align-items: center;
	z-index: 0;
}
#photo-gallery-dialog .image a {
	display: block;
	margin-inline: auto;
}
#photo-gallery-dialog .previous,
#photo-gallery-dialog .next {
	font-size: var(--fs-5);
	align-content: center;
}
#photo-gallery-dialog .previous.disabled,
#photo-gallery-dialog .next.disabled {
	pointer-events: none;
	filter: opacity(30%);
}
#photo-gallery-dialog .previous {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	z-index: 2;
}
#photo-gallery-dialog .next {
	grid-column: 3 / 4;
	grid-row: 2 / 3;
	text-align: end;
	z-index: 2;
}
#photo-gallery-dialog .previous a,
#photo-gallery-dialog .next a {
	font-family: FontAwesome;
	font-weight: 900;
	color: var(--dark-foreground);
	text-shadow: 0 2px 2px var(--dark-background);
	padding: 0.6em;
}

/* LIBRARY */

.library-search,
.book-listing {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin-block: 0;
	margin-inline: 0;
	padding-inline: 0;
}
.library-search {
	gap: 1rem;
	margin-block-end: 2rem;
}
.library-search p {
	margin-block: 0;
}
.library-search .input {
	flex: 40 0 10rem;
	display: flex;
	inline-size: auto;
}
.library-search .buttons {
	display: flex;
	flex-wrap: wrap;
	flex: 1 0 1.5rem;
}
.library-search input[type="search"],
.library-search button {
	display: flex;
	flex: 1 0 100%;
	justify-content: center;
}
.library-search input[type="search"] {
	padding-inline: 1ex;
}
.book-listing {
	position: relative;
}
.book-listing .heading span,
.book-listing .inline {
	font-weight: 600;
}
.book-listing .heading {
	font-size: var(--fs--1);
	color: var(--dark-foreground);
	background-color: var(--dark-background);
	box-shadow: 0 -2px 0 var(--dark-background), 0 2px 0 var(--dark-background), ;
	padding-block: 0.5rem;
	display: none;
}
.book-listing li {
	flex: 1 0 100%;
	display: grid;
	grid-template-columns: min(50%, 23rem) repeat(auto-fit, minmax(6rem, 1fr));
	gap: 1rem;
	margin-block: 0;
	margin-inline: 0;
	padding-block: 0.6rem;
	padding-inline: 0.8rem;
	border-block-end: 1px solid;
	box-shadow: none;
	align-items: start;
	transition: 0.3s box-shadow linear, 0.3s background-color linear;
}
.book-listing .book,
.book-listing .book .category,
.book-listing .book .author,
.book-listing .book .volume,
.book-listing .book .editor,
.book-listing .book .place,
.book-listing .book .publisher,
.book-listing .book .copyright {
	font-size: var(--fs--1);
	hyphens: auto;
}
.book-listing .book .category,
.book-listing .book .author,
.book-listing .book .volume,
.book-listing .book .editor,
.book-listing .book .place,
.book-listing .book .publisher,
.book-listing .book .copyright {
	line-height: 125%;
}
.book-listing .book:hover {
	background-color: color-mix(in lab, var(--primary-light) 20%, var(--background));
	box-shadow: 0 -2px 0 var(--primary) inset;
}
.book-listing .book.hide {
	position: absolute;
	visibility: hidden;
	pointer-events: none;
	z-index: 0;
}
.book-listing li h2,
.book-listing li h3,
.book-listing li p,
.book-listing li > span {
	flex: 1 0 100%;
	margin-block: 0;
}
.book-listing li h2 {
	grid-column: 1 / -1;
	font-weight: 600;
}
.book-listing h2 {
	font-family: inherit;
	font-size: var(--fs-0);
}
.book-listing .empty {
	display: none;
	color: color-mix(in lab, var(--foreground) 20%, transparent);
}
.book-listing .book.description {
	cursor: pointer;
}
.book-listing .book.description [popover] {
    position-area: bottom center;
	position-try-fallbacks: top center;
    inset: auto auto auto 0;
    margin-block: 1rem 0;
    margin-inline: 2rem;
    width: min(100%, 40rem);
    border: 2px solid var(--dark-background);
    border-radius: var(--border-radius);
    box-shadow: 0 0.6rem 0.1rem -0.3rem color-mix(in lab, var(--dark-background) 20%, transparent);
    padding-inline: 0.8em;
    padding-block: 0.3lh;
    line-height: 130%;
}
.book-listing .book.description .popover-title {
    font-size: var(--fs--1);
    color: var(--dark-foreground);
    background-color: var(--dark-background);
    margin-block: -0.4rem 0.2rem;
    padding-inline: 0;
    padding-block: 0.3em;
    box-shadow: -1rem 0 0 var(--dark-background), 1rem 0 0 var(--dark-background);
}
.library-breadcrumbs {
	margin-block-end: 3rem;
}
.book-listing + .x-paginate {
	margin-block-start: 3rem;
}
@media (width >= 768px) {
	.book-listing li h2 {
		grid-column: auto;
		font-weight: inherit;
	}
	.book-listing .heading {
		display: grid;
		position: sticky;
		inset-block-start: 3.2rem;
	}
	.admin-bar .book-listing .heading {
		inset-block-start: 5.2rem;
	}
	.book-listing .empty {
		display: block;
	}
	.book-listing .inline {
		display: none;
	}
}

/* COUNCIL */

.council .team-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
	gap: 1.8rem;
	list-style: none;
	margin-inline: 0;
	padding-inline: 0;
}
.council .team-list li {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 1rem;
	margin-block: 0;
	margin-inline: 0;
	padding-block: 1rem;
	padding-inline: 1rem;
	outline: 1px solid var(--primary);
	border-radius: var(--border-radius);
}
.council .team-list li h3,
.council .team-list li p {
	flex: 1 0 100%;
	margin-block: 0;
}
.council .team-list .position {
	font-size: var(--fs-1);
}

/* FESTIVALS */

.sticky-heading .x-row-inner {
	align-items: stretch;
	position: relative;
}
.sticky-heading .x-col:first-child {
	position: sticky;
	inset-block-start: 4.4rem;
	z-index: 1;
}
.festival .video {
	inline-size: 100%;
	block-size: auto;
	aspect-ratio: 16 / 9;
	border: 0 none;
}
.festival .start-50,
.festival .left-50,
.festival .center-50,
.festival .centre-50,
.festival .end-50,
.festival .right-50 {
	inline-size: clamp(5rem, 50%, 50rem);
	margin-block: 0 0.6rem;
}
.festival .center-full,
.festival .centre-full {
	display: block;
	inline-size: auto;
	margin-inline: 0;
}
.festival .start-50 img,
.festival .left-50 img,
.festival .center-50 img,
.festival .centre-50 img,
.festival .end-50 img,
.festival .right-50 img {
	max-inline-size: 100%;
	max-block-size: 100%;
	inline-size: 100%;
	block-size: auto;
}
.festival .start-50,
.festival .left-50 {
	float: inline-start;
	margin-inline: 0 1.7rem;
}
.festival .center-50,
.festival .centre-50 {
	display: block;
	margin-inline: auto;
}
.festival .end-50,
.festival .right-50 {
	float: inline-end;
	margin-inline: 1.7rem 0;
	margin-block: 0 0.6rem;
}
.festival .center-full img,
.festival .centre-full img {
	inline-size: 100%;
	block-size: auto;
}
@media (width >= 600px) {
	.admin-bar .sticky-heading .x-col:first-child {
		inset-block-start: calc(4.4rem + 32px);
	}
}
@media (width >= 1200px) and (height >= 800px) {
	html:has(body.festivals),
	html > body.festivals {
		scroll-padding-block-start: 8.65rem;
	}
	html:has(body.festivals.admin-bar),
	html > body.festivals.admin-bar {
		scroll-padding-block-start: calc(8.65rem + 32px);
	}
	.festivals #contents {
		scroll-snap-type: y proximity;
	}
	.festivals .festival {
		scroll-snap-align: start;
	}
	#contents.sticky {
		position: sticky;
		inset-block-start: -4px;
		margin-block: -3rem 3rem;
		padding-block: 1px 2.5rem;
		box-shadow: 0 -3.8rem 0 0 var(--primary) inset;
		transition: 0.15s padding-block ease-in-out 0.5s, 0.1s color linear 0.1s, 0s background-color linear 0s;
		z-index: 2;
	}
	#contents.sticky {
		--foreground: var(--dark-foreground);
		--background: var(--primary);
		padding-block-end: 0.1rem;
		transition-delay: 0s, 0.2s, 0.2s;
	}
	#contents.sticky .x-row {
		margin-block: calc(2.9rem + 4px) 0.7rem;
	}
	.admin-bar #contents.sticky .x-row {
		margin-block: calc(2.9rem + 36px) 0.7rem;
	}
	#contents.sticky .bookmarks {
		display: flex;
		justify-content: center;
		gap: 1.8rem;
	}
	#contents.sticky .bookmarks li {
		font-size: var(--fs--1);
	}
	#contents.sticky .bookmarks a,
	#contents.sticky .bookmarks a:hover {
		color: var(--dark-foreground);
		background-color: transparent;
		border-block-end-color: transparent;
	}
	#contents.sticky .bookmarks a {
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		transition: 0.15s color linear, 0.15s background-color linear, 0.15s border-block-end-color linear;
	}
	#contents.sticky .bookmarks a:hover {
		text-decoration: underline var(--primary-light) 1.5px;
		text-underline-offset: 0.35em;
	}
	.sticky-heading .x-col:first-child {
		inset-block-start: calc(8.6rem);
	}
	.admin-bar .sticky-heading .x-col:first-child {
		inset-block-start: calc(8.6rem + 32px);
	}
}

/* CALENDAR */

.calendar .alignnone {
	inline-size: 100%;
	block-size: auto;
}

/* CEMETERIES */

.historic-cemetery .video {
	inline-size: 100%;
	block-size: auto;
	aspect-ratio: 16 / 9;
	border: 0 none;
}
.historic-cemetery .recent-posts li {
	flex: 1 0 12rem;
}
.historic-cemetery .recent-posts .title {
	margin-block: 0;
}

/* SHOP */

.woocommerce-page.single-product .product_meta,
.woocommerce-page .woocommerce-tabs .x-nav.x-nav-tabs,
.woocommerce-page.single-product .related.products ul::before,
.woocommerce-page.single-product .related.products ul::after  {
	display: none;
}
#shop .recent-posts {
	display: flex;
	flex-wrap: wrap;
	margin-block: 0;
	grid-template-columns: none;
	gap: 2.5rem;
}
#shop .products li {
	display: grid;
	grid-template-columns: min(20rem, 36%) minmax(200px, 1fr);
	align-content: start;
	justify-content: start;
	gap: 0.5rem 1.8rem;
}
#shop .products .image {
	order: 1;
	grid-area: 1 / 1 / 3 / 1;
	align-self: center;
}
#shop .products .title {
	order: 2;
	grid-area: 1 / 2 / 2 / 2;
	margin-block: 0;
}
#shop .products .excerpt {
	order: 3;
	grid-area: 2 / 2 / 3 / 3;
	margin-block: 0;
}
#shop .recent-posts li a {
	justify-content: start;
}
#shop .cta {
	order: 6;
	align-self: start;
	grid-area: 5 / 2 / 6 / 3;
	justify-self: start;
}
#shop .image img {
	display: block;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	object-position: 50% 50%;
}
.post-type-archive-product .product .x-text {
	display: grid;
	gap: 1.2rem;
	grid-template-columns: auto;
}
.post-type-archive-product .product h2,
.post-type-archive-product .product p {
	margin-block: 0;
}
.post-type-archive-product .product h2 {
	font-size: var(--fs-1);
}
#shop .product .price,
.post-type-archive-product .x-main .product .price,
.post-type-archive-product .x-main .product .price-sale,
.woocommerce-page .x-main .entry-content .price,
.woocommerce-page .x-main .entry-content .products .product .price {
	color: var(--foreground);
	font-size: inherit;
	font-weight: inherit;
}
.woocommerce-page .x-main .entry-content .summary .price {
	font-size: var(--fs-1);
}
.post-type-archive-product .button.wc-back,
.post-type-archive-product .button.wc-forward {
	font-weight: inherit;
	color: var(--foreground);
	background-color: transparent;
}
#shop-dialog {
	max-inline-size: min(100% - 2rem, 1400px);
	background-color: var(--dark-background);
	padding: 0;
	border: 3px solid var(--dark-foreground);
}
#shop-dialog::backdrop {
	background-color: color-mix(in lab, var(--dark-background), transparent);
	backdrop-filter: blur(4px);
	transition: 0.2s backdrop-filter linear, 0.2s background-color linear;
}
#shop-dialog img {
	padding: 0;
	margin: 0;
	display: block;
}
#shop-dialog .image.tall img {
	max-block-size: 100vh;
	max-inline-size: 100vw;
	inline-size: auto;
}
#shop-dialog-form {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 1fr);
	gap: 0;
	margin: 0;
}
#shop-dialog p {
	margin-block: 0;
}
#shop-dialog p.close {
	grid-column: 3 / 4;
	grid-row: 1 / 2;
	text-align: end;
	z-index: 3;
}
#shop-dialog button.close {
	background-color: color-mix(in lab, var(--dark-foreground), transparent);
	border: 0 none;
	outline-color: var(--dark-foreground);
	border-radius: 0 0 0 3px;
	padding-inline: 2.1em;
	text-transform: uppercase;
	transition: 0.3s background-color linear;
}
#shop-dialog:hover button.close,
#shop-dialog button.close:focus-visible {
	background-color: var(--dark-foreground);
}
#shop-dialog .image {
	display: flex;
	grid-column: 1 / 4;
	grid-row: 1 / 4;
	align-items: center;
	z-index: 0;
}
#shop-dialog .image a {
	display: block;
	margin-inline: auto;
}
.woocommerce-page header + .x-container.max.width {
	inline-size: min(96%, 1200px);
	min-height: 50dvh;
}
.woocommerce-page .entry-wrap {
	padding-inline: 0;
}
.woocommerce-page .entry-wrap .wp-block-heading {
	margin-block: 5rem 3rem;
}
.woocommerce-page .alignwide {
	margin-block: 3rem;
}
.woocommerce-page .alignwide:last-child {
	margin-block-end: 6rem;
}
.woocommerce-page .wc-blocks svg,
.woocommerce-page .wc-block-checkout__actions_row svg,
.woocommerce-page .wc-blocks-components-select svg {
	inline-size: 1.2rem;
	aspect-ratio: 1;
}
.woocommerce-page .wc-block-components-button {
	display: block;
	color: var(--foreground);
	background-color: transparent;
}
.woocommerce-page .wc-block-components-quantity-selector button,
.woocommerce-page .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
	display: flex;
	font-size: var(--fs-0);
	font-weight: 600;
	justify-content: center;
}
.woocommerce-page .entry-content .input-text.qty {
	padding-block: 0.05em;
	margin-inline-end: 0.5ch;
	padding-inline: 0.2ch;
	inline-size: 5.6ch;
}
.woocommerce-page .wc-block-cart-item__remove-link {
	outline: none;
}
.woocommerce-page.single-product h2 {
	font-size: var(--fs-2);
}
.woocommerce-page.single-product .x-main.full > .entry-wrap {
	padding-block: 5rem 6rem;
}
.woocommerce-page.single-product .shop_attributes th {
	text-align: start;
	padding-inline-start: 0;
}
.woocommerce-page.single-product .related.products ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 3rem;
}
.woocommerce-page.single-product .related.products li {
	flex: 1 0 15rem;
	inline-size: auto;
	margin-block: 0;
	margin-inline: 0;
	padding-block: 0;
	padding-inline: 0;
}
#shop .products li {
	grid-template-columns: min(20rem, 36%) minmax(200px, 1fr);
}
@media (width >= 800px) {
	#shop .products li {
		grid-template-columns: min(10rem, 25%) minmax(200px, 1fr);
		grid-template-rows: min(2rem, 25%) minmax(2rem, 1fr);
	}
}

/* MEMBERSHIP */

@keyframes banner-position {
	from {
		object-position: 50% 100%;
		filter: none;
	}
	to {
		object-position: 50% 0%;
		filter: brightness(30%);
		block-size: clamp(10rem, 10vw, 25rem);
	}
}
.membership #banner {
    margin-block-start: 2rem;
}
.membership .banner .x-image img {
	aspect-ratio: 2.2;
	object-fit: cover;
}
.membership .banner:first-child .x-image img {
	animation-name: banner-position;
	animation-duration: 0.1s;
	scroll-timeline-axis: block;
	animation-direction: alternate;
	animation-timeline: scroll(block nearest);
	block-size: clamp(12rem, 35vw, 55rem);
	aspect-ratio: initial;
	object-position: 50% 86%;
}
@media (width >= 980px) {
	.membership #banner {
		margin-block-start: 0;
	}
}
@media (width >= 1200px) {
	.membership .banner:first-child .x-image img {
		object-position: 50% 86%;
	}
}

/* MY ACCOUNT */

.account.dashboard nav ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin-block: 0;
	margin-inline: 0;
	padding-inline: 0;
	gap: 0;
}
.account.dashboard nav li {
	display: flex;
	flex-wrap: wrap;
	flex: 1 0 100%;
	gap: 0;
}
.account.dashboard nav a {
	flex: 1 0 100%;
	color: var(--primary);
	padding-block: 0.25em;
	padding-inline: 0;
	transition: 0.3s color linear;
}
.account.dashboard nav a:hover {
	color: var(--primary-interaction);
}
.account.dashboard h2 {
	font-size: var(--fs-2);
	margin-block: 1.3rem;
}
.account.dashboard .addresses .title .edit {
	float: none;
	margin-block: -0.2rem 0.8rem;
}
.account.dashboard .show-password-input {
	outline: none;
}
.account.dashboard .show-password-input:hover,
.account.dashboard .show-password-input:focus-within {
	box-shadow: none;
}
.account.dashboard .woocommerce-MyAccount-content p:not(.custom,.form-row) {
	display: none;
}

/* SCROLLS */

#timeline figure {
	inline-size: min(100%, 25rem);
	margin-inline: auto;
}
.mantle figure {
	inline-size: min(100%, 30rem);
	margin-block: 2rem 0;
	margin-inline: 0 auto;
}
.x-acc .gallery {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.7rem;
}
.x-acc .gallery .gallery-item {
	margin-block: 0;
}
.x-acc .gallery img {
	inline-size: 100%;
	block-size: auto;
}
.x-acc .gallery .wp-caption-text {
	margin-inline: 0;
}
.x-acc button:hover {
	background-image: none;
	box-shadow: none;
}
.scrolls .recent-posts {
	gap: 2.8rem 2rem;
}
@media (width >= 768px) {
	.x-acc .gallery {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (width >= 979px) {
	.x-acc .gallery {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* GUESTBOOK */

.guestbook-comments,
.guestbook-comments ol {
	display: flex;
	flex-wrap: wrap;
	margin-block: 0;
	padding-block: 0;
	list-style: none;
}
.guestbook-comments {
	position: relative;
	padding-inline: 0;
	gap: 1.2rem;
	inline-size: min(1000px, 100%);
	margin-inline: auto;
}
.guestbook-comments ol {
	gap: 0.8rem;
}
.guestbook .comment {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	flex: 1 0 100%;
	background-color: var(--background);
	box-shadow: 0 0 0 1px var(--dark-background) inset, 0 5px 13px -4px color-mix(in lab, transparent 70%, var(--dark-background));
	margin-block: 0;
	padding-block: 0;
	padding-block: 1rem;
	padding-inline: 1rem;
	gap: 2rem;
	border-radius: var(--border-radius);
	transition: 0.4s filter linear;
}
.guestbook .comment.response {
	position: sticky;
	box-shadow: 0 0 0 3px var(--dark-background) inset, 0 4px 11px -4px color-mix(in lab, transparent 80%, var(--dark-background)), 0 0 25px 50px var(--background);
	inset-block-start: 2.5rem;
	z-index: 10;
}
.guestbook .comment .comment {
	box-shadow: 0 0 0 1px color-mix(in lab, transparent 70%, var(--dark-background)) inset, 0 4px 5px -4px color-mix(in lab, transparent 50%, var(--dark-background));
}
.guestbook .comment.visible {
	display: flex;
	filter: none;
}
.guestbook .comment.hide {
	filter: invert(35%) brightness(400%);
	display: none;
}
.guestbook .comment-body {
	display: flex;
	flex-wrap: wrap;
	flex: 1 0 100%;
	gap: 1.6rem;
}
.guestbook .comment-body p:first-child {
	margin-block-start: 0;
}
.guestbook .comment-body p:last-child {
	margin-block-end: 0;
}
.guestbook .comment-meta {
	position: relative;
	flex: 1 0 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem 0.8rem;
	justify-content: flex-start;
	align-items: center;
}
.guestbook .comment-meta .comment-author {
	flex: 0 1 fit-content;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.guestbook .comment-meta .comment-author::before,
.guestbook .comment-meta .avatar {
	aspect-ratio: 0.85;
	object-fit: cover;
	border-radius: var(--border-radius);
	box-shadow: 0 0 0 1px #000, -3px -9px 14px #79797938 inset;
}
.guestbook .comment-meta .comment-author::before {
	content: '';
	background: #dddddd73 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbC1vcGFjaXR5PSIwLjYiIGQ9Ik04IDFDNi4zNDM3NSAxIDUgMi4zNDM3NSA1IDRzMS4zNDM3NSAzIDMgMyAzLTEuMzQzNzUgMy0zLTEuMzQzNzUtMy0zLTN6TTYuNSA4QzQuMDA3ODEyIDggMiAxMC4wMDc4MTIgMiAxMi41di41YzAgMS4xMDkzNzUuODkwNjI1IDIgMiAyaDhjMS4xMDkzNzUgMCAyLS44OTA2MjUgMi0ydi0uNUMxNCAxMC4wMDc4MTIgMTEuOTkyMTg4IDggOS41IDh6bTAgMCIvPjwvc3ZnPg==") scroll no-repeat 50% -50% / 3.2rem auto;
	inline-size: 2.3rem;
	aspect-ratio: 0.85;
	position: absolute;
	inset: 0;
}
.guestbook .comment-meta .comment-metadata {
	flex: 20 0 20rem;
	font-size: var(--fs--2);
	line-height: 140%;
	align-self: center;
	text-align: end;
}
.guestbook .comment-meta .avatar {
	flex: 0 1 2.3rem;
	margin-block: 0;
	margin-inline: 0 0.9rem;
	block-size: auto;
	min-inline-size: 0;
	max-inline-size: none;
	visibility: hidden;
}
.guestbook .comment-meta a {
	font-size: var(--fs--2);
}
.guestbook .comment-meta .edit-link {
	border: 1px solid;
	padding-inline: 0.3em;
	background-color: color-mix(in lab, transparent, var(--background));
	filter: opacity(0%);
	transition: 0.3s filter linear;
}
.guestbook .comment-reply svg {
	inline-size: 1em;
	margin-inline-end: 0.2em;
	aspect-ratio: 1;
}
.guestbook .comment:hover .comment-meta .edit-link {
	filter: none;
}
.guestbook .says,
.guestbook .comment .comment .comment-reply,
.guestbook .x-comment-author-icon {
	display: none;
}
.guestbook .guestbook-comments + .x-paginate {
	margin-block-start: 2rem;
}
.guestbook #guestbook-form,
.guestbook #guestbook-form p {
	display: flex;
	flex-wrap: wrap;
}
.guestbook #guestbook-form {
	gap: 1.2rem;
}
.guestbook #guestbook-form p {
	gap: 0.6rem;
}
.guestbook #guestbook-form p,
.guestbook #guestbook-form label {
	margin-block: 0;
	padding-block: 0;
}
.guestbook #guestbook-form p,
.guestbook #guestbook-form label,
.guestbook #guestbook-form input,
.guestbook #guestbook-form textarea {
	flex: 1 0 100%;
}
.guestbook #guestbook-form .none {
	display: none;
}
#guestbook-response-close {
	aspect-ratio: 1;
	padding-block: 0;
	line-height: 100%;
	border: 1px solid;
	border-radius: var(--border-radius);
	align-self: flex-end;
	display: flex;
	align-content: center;
	align-items: center;
	font-size: 1rem;
	padding-inline: 0.4em;
	background-color: var(--light-grey);
}
.guestbook .avatar:not(.photo) {
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTggMUM2LjM0Mzc1IDEgNSAyLjM0Mzc1IDUgNHMxLjM0Mzc1IDMgMyAzIDMtMS4zNDM3NSAzLTMtMS4zNDM3NS0zLTMtM3pNNi41IDhDNC4wMDc4MTIgOCAyIDEwLjAwNzgxMiAyIDEyLjV2LjVjMCAxLjEwOTM3NS44OTA2MjUgMiAyIDJoOGMxLjEwOTM3NSAwIDItLjg5MDYyNSAyLTJ2LS41QzE0IDEwLjAwNzgxMiAxMS45OTIxODggOCA5LjUgOHptMCAwIi8+PC9zdmc+") scroll no-repeat 0 0 / cover;
}
@media (width >= 600px) {
	.admin-bar.guestbook .comment.response {
		inset-block-start: 6.7rem;
	}
}
@media (width >= 1000px) {
	.guestbook .comment-meta {
		flex: 1 0 13rem;
		align-content: flex-start;
	}
	.guestbook .comment-content {
		flex: 30 0 20rem;
	}
	.guestbook .comment-meta .comment-metadata {
		align-self: flex-start;
		text-align: inherit;
	}
	.guestbook .comment-meta .comment-author,
	.guestbook .comment-meta .comment-metadata {
		flex: 1 0 100%;
	}
	.guestbook #guestbook-form p:nth-of-type(2),
	.guestbook #guestbook-form p:nth-of-type(3) {
		flex-basis: 40%;
	}
	.guestbook .comment-meta .edit-link {
		position: absolute;
		inset: 0 0 auto auto;
	}
}

/* DOCUMENTATION */

.documentation h2 {
	font-size: var(--fs-2);
}
.documentation h3 {
	font-size: var(--fs-1);
}
.documentation h2 + p {
	font-size: var(--fs-0);
}
.documentation .entry-content > ol {
	margin-inline: 0;
}
.documentation table {
	inline-size: clamp(20em, 100%, 60em);
	margin-inline: -5.5rem 0;
}
.documentation table th,
.documentation table td {
	font-size: var(--fs--1);
	border: 1px solid color-mix(in lab, var(--foreground) 40%, var(--background));
	vertical-align: top;
}
.documentation table thead th {
	padding-block: 1.5em;
	padding-inline: 0.85em;
}
.documentation table td {
	padding-block: 1em;
	padding-inline: 0.85em;
}
.documentation table tr:has(:last-child:nth-child(2)) > :first-child {
	inline-size: 26%;
}
.documentation table tr:has(:last-child:nth-child(2)) > :last-child {
	inline-size: 74%;
}
.documentation .entry-content > ol > li::before {
	color: var(--primary);
}
.documentation thead tr {
	color: var(--dark-foreground);
	background-color: var(--dark-background);
}
.documentation .entry-content ol {
	counter-reset: item;
}
.documentation .entry-content .x-text > ol {
	margin-inline-start: 0;
	padding-inline-start: 0;
}
.documentation .entry-content ol li {
	display: block;
	margin-block-end: 1.5rem;
}
.documentation .entry-content > ol > li:not(:first-child) {
	margin-block-start: 2rem;
}
.documentation .entry-content ol li ol,
.documentation .entry-content ol li table {
	margin-block-start: 1rem;
}
.documentation .entry-content ol li::before {
	content: counters(item, '.') '.';
	counter-increment: item;
	margin-inline-end: 1rem;
	font-weight: 500;
}
.documentation .entry-content ol li h2,
.documentation .entry-content ol li h3 {
	display: inline-block;
	margin-block: 0;
}
.documentation .entry-content ol li h2,
.documentation .entry-content ol li:has(> h2)::before {
	font-family: 'Judson', serif;
	color: var(--primary);
	font-size: var(--fs-1);
	font-weight: 700;
}
.documentation .entry-content ol li h3,
.documentation .entry-content ol li h4,
.documentation .entry-content ol li:has(> h3)::before,
.documentation .entry-content ol li:has(> h4)::before {
	font-size: var(--fs--1);
}
.documentation .entry-content ol li h3,
.documentation .entry-content ol li:has(> h3)::before {
	font-weight: 500;
}
@media (width >= 600px) {
	.documentation table {
		margin-inline: inherit;
	}
	.documentation table th,
	.documentation table td {
		font-size: var(--fs--1);
	}
}

/* SEARCH RESULTS */

/* LIBRARY */

.general-search {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin-block: 0;
	margin-inline: 0;
	padding-inline: 0;
}
.general-search {
	gap: 1rem;
	margin-block-end: 2rem;
}
.general-search p {
	margin-block: 0;
}
.general-search .input {
	flex: 100 0 10rem;
	display: flex;
	inline-size: auto;
}
.general-search .buttons {
	display: flex;
	flex-wrap: wrap;
	flex: 0 1 3.1rem;
}
.general-search input[type="search"],
.general-search button {
	display: flex;
	flex: 1 0 100%;
	justify-content: center;
}
.general-search input[type="search"] {
	padding-inline: 1ex;
}
.search-results h2 {
	font-size: var(--fs-1);
}

/* CONTACT US */

.contact .wpcf7-form {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.7rem;
}
.contact .wpcf7-form p {
	margin-block: 0;
	position: relative;
}
.contact .wpcf7-form p:not(.email,.phone),
.contact .full-name label {
	grid-column: 1 / -1;
}
.contact .wpcf7-form .full-name {
	display: grid;
	gap: 0 1.7rem;
}
.contact .required {
	position: relative;
	font-size: 0.6em;
	color: var(--primary-light);
	inset-block-end: 0.9em;
}
.contact .wpcf7-not-valid-tip {
	position: absolute;
	line-height: 120%;
	inset: 0 0 auto auto;
	border-radius: 0;
	border-block-end: 2px solid var(--error);
	padding-block: 0.1em;
	padding-inline: 0;
}
.wpcf7-form-control-wrap + .wpcf7-form-control-wrap {
	margin-block-start: 0.5rem;
}
#contact-form-message {
	min-height: 1lh;
	block-size: 8lh;
	max-block-size: max(80dvh, 20lh);
	resize: vertical;
}
@media (width >= 768px) {
	.contact .wpcf7-form,
	.contact .wpcf7-form .full-name {
		grid-template-columns: repeat(2, 1fr);
	}
	.wpcf7-form-control-wrap + .wpcf7-form-control-wrap {
		margin-block-start: 0rem;
	}
	#contact-form-message {
		block-size: 6lh;
	}
	.contact .full-name .wpcf7-form-control-wrap:first-of-type .wpcf7-not-valid-tip {
		inset-inline: auto calc(50% + 0.8rem);
	}
}

/* LINKS */

.link-list .x-text h2,
.link-list .x-text h3 {
	font-size: var(--fs-1);
}

@media (width >= 1000px) {
	.link-list .x-text {
		display: flex;
		gap: 1.3rem;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.link-list .x-text h2,
	.link-list .x-text h3,
	.link-list .x-text p {
		margin-block: 0;
	}
	.link-list .x-text h2,
	.link-list .x-text h3 {
		flex: 1 0 25ch;
	}
	.link-list .x-text p {
		flex: 2 0 calc(100% - 35ch);
	}
}

/* REGISTER, APPLICATION OR LOGIN */

.registration .wpcf7-form > p,
.registration .purpose .wpcf7-checkbox,
.registration .type .wpcf7-radio,
.registration .number .wpcf7-radio,
.registration .has-free-text {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem 1.5rem;
}
.registration .wpcf7-form {
	display: flex;
	flex-wrap: wrap;
	gap: 1.8rem;
}
.registration .wpcf7-form > p {
    flex: 1 0 100%;
    margin-block: 0;
}
.registration .type .wpcf7-radio,
.registration .number .wpcf7-radio {
	justify-items: start;
}
.registration .wpcf7-form-control-wrap {
	position: relative;
}
.registration label,
.registration .label,
.registration span {
	margin: 0;
	flex: 1 0 100%;
}
.registration label,
.registration .label {
	position: relative;
	font-weight: 600;
}
.registration input[type="checkbox"],
.registration input[type="radio"] {
	margin-inline: 0 1.1ch;
}
.registration input::placeholder {
	color: color-mix(in lab, 70% var(--background), var(--foreground));
}
.registration .full-name span {
	flex: 1 0 5rem;
}
.registration .required {
	position: relative;
	font-size: 0.6em;
	color: var(--primary-light);
	inset-block-end: 0.9em;
}
.registration .wpcf7-not-valid-tip {
	position: absolute;
	inset: auto 0 0 auto;
	pointer-events: none;
	color: var(--error);
	transition: 0.1s opacity linear;
}
.registration .wpcf7-form-control-wrap:hover .wpcf7-not-valid-tip {
	opacity: 0;
}
.registration .wpcf7-not-valid-tip,
.registration label:has(input[type="checkbox"]),
.registration label:has(input[type="radio"]) {
	font-weight: inherit;
}
.registration .purpose,
.registration .type,
.registration .number {
	margin-block-start: 1.5rem;
}
.registration .purpose .wpcf7-form-control-wrap,
.registration .type .wpcf7-form-control-wrap,
.registration .number .wpcf7-form-control-wrap {
	margin-block-start: 0.5rem;
}
.registration .type .wpcf7-list-item,
.registration .number .wpcf7-list-item {
    flex: 0 1 auto;
}
.registration .purpose .wpcf7-list-item {
	flex: 1 0 min(100%, 55rem);
}
.registration .has-free-text label {
	flex: 1 0 8rem;
}
.registration .has-free-text .wpcf7-free-text {
	flex: 30 0 14rem;
	transition: 0.3s opacity linear;
	inline-size: auto;
}
.registration .has-free-text .wpcf7-free-text[disabled] {
	opacity: 0;
	background-color: var(--background);
}
.registration .reason textarea {
	min-height: 1lh;
	block-size: 4lh;
	max-block-size: max(80dvh, 20lh);
	resize: vertical;
}
.registration button,
.registration input[type="submit"] {
	color: var(--foreground);
	background-color: var(--background);
}
@media (width >= 600px) {
	.registration .wpcf7-form > .city,
	.registration .wpcf7-form > .country {
		flex: 1 0 45%;
	}
}
.login {
	background-color: #FFF;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.login #login {
	inline-size: min(80%, 320px);
	padding: 0;
	margin: 0 auto 6vh;
}
.login .wp-login-logo {
	margin-block: 0 2rem;
}
.login .wp-login-logo a {
	color: transparent;
	background: transparent url("/wp-content/uploads/Kehillat-Kernow-Logo-Text.svg") no-repeat scroll 50% 50% / cover;
	display: block;
	aspect-ratio: 5;
	margin: 0 auto;
	inline-size: 100%;
	overflow: inherit;
	block-size: auto;
}
.login #nav {
	text-align: center;
}
.login #backtoblog,
.login .language-switcher,
.login .privacy-policy-page-link {
	display: none;
}
.login .notice {
	padding-block: 0;
	padding-inline: 0;
	border: 0 none;
	box-shadow: none;
}