/* assets/css/brand.css */
:root {
--navy: var(--wp--preset--color--navy);
--navy-deep: var(--wp--preset--color--navy-deep);
--navy-darkest: var(--wp--preset--color--navy-darkest);
--berry: var(--wp--preset--color--berry);
--gold: var(--wp--preset--color--gold);
--teal: var(--wp--preset--color--teal);
--purple: var(--wp--preset--color--purple);
--pink: var(--wp--preset--color--pink);
--cream: var(--wp--preset--color--cream);
--white: var(--wp--preset--color--white);
--ink: var(--wp--preset--color--ink);
--ink-warm: var(--wp--preset--color--ink-warm);
--grey-700: var(--wp--preset--color--grey-700);
--font-display: var(--wp--preset--font-family--display);
--font-body: var(--wp--preset--font-family--body);
--radius-xs: var(--wp--custom--radius--xs);
--radius-md: var(--wp--custom--radius--md);
--radius-pill: var(--wp--custom--radius--pill);
--dur-fast: var(--wp--custom--motion--dur-fast);
--dur-base: var(--wp--custom--motion--dur-base);
--dur-slow: var(--wp--custom--motion--dur-slow);
--ease-out: var(--wp--custom--motion--ease-out);
--lift-hover: var(--wp--custom--motion--lift-hover);
--press-scale: var(--wp--custom--motion--press-scale);
--gutter: var(--wp--custom--layout--gutter);
--header-h: var(--wp--custom--layout--header-height);
--touch-min: var(--wp--custom--layout--touch-min);
--accent-dark: var(--wp--preset--color--ink-warm);
--accent-light: var(--wp--preset--color--cream);
--accent: var(--accent-dark);
--on-accent: var(--white);
--focus-ring: var(--navy);
--focus-halo: var(--white);
--motif-line: var(--accent);
--motif-texture: rgba(255, 255, 255, 0.12);
--bnjc-section: var(--navy);
--bnjc-section-ink: var(--white);
--bnjc-section-text: var(--navy);
--transition-control:
background-color var(--dur-fast) var(--ease-out),
color var(--dur-fast) var(--ease-out),
border-color var(--dur-fast) var(--ease-out),
box-shadow var(--dur-fast) var(--ease-out),
transform var(--dur-fast) var(--ease-out),
opacity var(--dur-fast) var(--ease-out);
}
html {
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
scroll-padding-block-start: var(--header-h);
}
body {
-webkit-font-smoothing: antialiased;
text-wrap: pretty;
overflow-x: clip;
}
h1,
h2,
h3,
:where(.bnjc-mega__title),
.is-style-display-hero {
text-wrap: balance;
}
p {
max-width: var(--wp--custom--typography--measure);
}
:lang(he) h1,
:lang(he) h2,
:lang(he) h3,
:lang(he) :where(.bnjc-mega__title),
:lang(he) .bnjc-display,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] :where(.bnjc-mega__title),
[dir="rtl"] .bnjc-display {
font-family: var(--font-body);
font-weight: 700;
letter-spacing: 0;
text-transform: none;
line-height: 1.1;
}
img,
video {
max-width: 100%;
height: auto;
display: block;
}
a {
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: var(--transition-control);
}
a:hover {
text-decoration-thickness: 2px;
}
:focus-visible {
outline: 2px solid var(--focus-ring);
outline-offset: 2px;
box-shadow: 0 0 0 4px var(--focus-halo);
}
.has-navy-darkest-background-color,
.has-navy-deep-background-color,
.has-navy-background-color,
.has-blue-background-color,
.has-berry-background-color,
.has-berry-darkest-background-color,
.has-purple-background-color,
.has-hove-green-background-color,
.has-ink-warm-background-color,
[data-theme="dark"] {
--accent: var(--accent-light);
--on-accent: var(--navy-darkest);
}
.has-navy-darkest-background-color :focus-visible,
.has-navy-deep-background-color :focus-visible,
.has-navy-background-color :focus-visible,
.has-blue-background-color :focus-visible,
.has-berry-background-color :focus-visible,
.has-berry-darkest-background-color :focus-visible,
.has-purple-background-color :focus-visible,
.has-hove-green-background-color :focus-visible,
.has-ink-warm-background-color :focus-visible,
[data-theme="dark"] :focus-visible {
--focus-ring: var(--cream);
--focus-halo: transparent;
}
::selection {
background: var(--accent-dark);
color: var(--white);
}
.skip-link {
position: absolute;
inset-block-start: 8px;
inset-inline-start: 8px;
z-index: 1000;
padding: 12px 20px;
background: var(--navy-darkest);
color: var(--white);
border-radius: var(--radius-pill);
font-weight: 700;
transform: translateY(-200%);
transition: transform var(--dur-fast) var(--ease-out);
}
.skip-link:focus {
transform: none;
}
.skip-link.screen-reader-text:focus,
.skip-link.screen-reader-text:focus-visible {
position: fixed !important;
inset-block-start: 8px;
inset-inline-start: 8px;
z-index: 100000;
inline-size: auto;
block-size: auto;
margin: 0;
padding: 12px 20px;
overflow: visible;
clip: auto !important;
clip-path: none;
white-space: normal;
background: var(--white);
color: var(--navy);
border-radius: var(--radius-pill);
font-size: 1rem;
line-height: 1.2;
text-decoration: none;
transform: none;
outline: 2px solid var(--navy);
outline-offset: 2px;
box-shadow: 0 0 0 4px var(--white), 0 8px 24px -12px rgba(11, 12, 56, 0.5);
}
ul.wp-block-list:not(.is-style-plain):not(.is-style-numbered-links) {
list-style: none;
padding-inline-start: 0;
}
ul.wp-block-list:not(.is-style-plain):not(.is-style-numbered-links) > li {
position: relative;
padding-inline-start: 1.5em;
}
ul.wp-block-list:not(.is-style-plain):not(.is-style-numbered-links) > li::before {
content: "";
position: absolute;
inset-inline-start: 0.35em;
inset-block-start: 0.7em;
inline-size: 6px;
block-size: 6px;
border-radius: 50%;
background: var(--accent);
}
ol.wp-block-list {
padding-inline-start: 1.5em;
}
.is-style-numbered-links {
list-style: none;
padding-inline-start: 0;
counter-reset: bnjc-links;
font-weight: 600;
line-height: 1.9;
}
.is-style-numbered-links > li {
counter-increment: bnjc-links;
}
.is-style-numbered-links > li::before {
content: counter(bnjc-links, decimal-leading-zero);
opacity: 0.55;
margin-inline-end: 8px;
font-variant-numeric: tabular-nums;
}
.is-style-numbered-links a {
color: inherit;
text-decoration: none;
}
.is-style-numbered-links a:hover {
text-decoration: underline;
text-decoration-thickness: 2px;
}
.bnjc-mega__desc {
display: block;
padding-inline-start: calc(2ch + 8px);
font-size: var(--wp--preset--font-size--small);
font-weight: 400;
line-height: 1.4;
opacity: 0.8;
}
.bnjc-wave,
.wp-block-separator.is-style-wave,
.wp-block-separator.is-style-wave-band {
display: block;
border: 0;
inline-size: 100%;
block-size: 22px;
background-color: var(--accent);
-webkit-mask-image: var(--wp--custom--motif--wave);
mask-image: var(--wp--custom--motif--wave);
-webkit-mask-repeat: repeat-x;
mask-repeat: repeat-x;
-webkit-mask-size: auto 100%;
mask-size: auto 100%;
-webkit-mask-position: left center;
mask-position: left center;
opacity: 1;
}
.wp-block-separator.is-style-wave.has-text-color,
.wp-block-separator.is-style-wave-band.has-text-color {
background-color: currentcolor;
}
.wp-block-separator.is-style-wave-band,
.bnjc-wave--band {
block-size: 64px;
}
.bnjc-wave--sm {
block-size: 14px;
}
.bnjc-wave--lg {
block-size: 34px;
}
.wp-block-separator.is-style-rule {
border: 0;
block-size: var(--wp--custom--border--rule-width);
background: currentcolor;
inline-size: 64px;
margin-inline: 0;
}
.is-style-lattice,
.is-style-lattice-dense,
.bnjc-lattice {
position: relative;
isolation: isolate;
--lattice-scale: var(--wp--custom--motif--lattice-scale);
}
.is-style-lattice-dense {
--lattice-scale: var(--wp--custom--motif--lattice-scale-dense);
}
.is-style-lattice::before,
.is-style-lattice-dense::before,
.bnjc-lattice::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
background-color: var(--motif-texture);
-webkit-mask-image: var(--wp--custom--motif--lattice);
mask-image: var(--wp--custom--motif--lattice);
-webkit-mask-repeat: repeat;
mask-repeat: repeat;
-webkit-mask-size: var(--lattice-scale) auto;
mask-size: var(--lattice-scale) auto;
}
.has-cream-background-color.is-style-lattice,
.has-white-background-color.is-style-lattice {
--motif-texture: var(--wp--custom--color--border-subtle);
}
.wp-block-cover.is-style-protected .wp-block-cover__background,
.wp-block-cover.is-style-protected .wp-block-cover__gradient-background {
background: var(--wp--preset--gradient--photo-protection) !important;
opacity: 1 !important;
}
.bnjc-display,
.is-style-display-hero {
font-family: var(--font-display);
font-weight: 400;
text-transform: none;
line-height: var(--wp--custom--typography--leading-heading);
letter-spacing: var(--wp--custom--typography--tracking-display);
}
.is-style-display-hero {
text-transform: uppercase;
line-height: var(--wp--custom--typography--leading-display);
font-size: var(--wp--preset--font-size--display-hero);
}
.is-style-body-face {
font-family: var(--font-body);
font-weight: 700;
text-transform: none;
letter-spacing: var(--wp--custom--typography--tracking-tight);
line-height: var(--wp--custom--typography--leading-tight);
}
.is-style-overline,
.bnjc-overline {
font-family: var(--font-body);
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.14em;
line-height: 1.3;
opacity: 0.85;
}
.is-style-overline:not(.has-text-color) {
color: var(--berry);
}
.has-navy-darkest-background-color .is-style-overline:not(.has-text-color),
.has-navy-background-color .is-style-overline:not(.has-text-color),
.has-gold-background-color .is-style-overline:not(.has-text-color),
.has-teal-background-color .is-style-overline:not(.has-text-color),
.has-berry-background-color .is-style-overline:not(.has-text-color),
.has-purple-background-color .is-style-overline:not(.has-text-color) {
color: inherit;
opacity: 0.7;
}
.is-style-standfirst {
font-size: var(--wp--preset--font-size--standfirst);
line-height: 1.45;
max-width: 640px;
}
.is-style-caption {
font-size: var(--wp--preset--font-size--caption);
color: var(--grey-700);
}
.has-navy-darkest-background-color .is-style-caption,
.has-navy-background-color .is-style-caption {
color: inherit;
opacity: 0.7;
}
.has-gold-background-color,
.has-teal-background-color,
.has-pink-background-color {
--bnjc-on-ground: var(--ink-warm);
color: var(--ink-warm);
}
.has-navy-background-color,
.has-navy-deep-background-color,
.has-navy-darkest-background-color,
.has-berry-background-color,
.has-berry-darkest-background-color,
.has-purple-background-color,
.has-hove-green-background-color,
.has-ink-warm-background-color,
.has-blue-background-color {
--bnjc-on-ground: var(--white);
color: var(--white);
}
.has-navy-background-color :is(h1, h2, h3, :where(.bnjc-mega__title)):not(.has-text-color),
.has-navy-deep-background-color :is(h1, h2, h3, :where(.bnjc-mega__title)):not(.has-text-color),
.has-navy-darkest-background-color :is(h1, h2, h3, :where(.bnjc-mega__title)):not(.has-text-color),
.has-berry-background-color :is(h1, h2, h3, :where(.bnjc-mega__title)):not(.has-text-color),
.has-berry-darkest-background-color :is(h1, h2, h3, :where(.bnjc-mega__title)):not(.has-text-color),
.has-purple-background-color :is(h1, h2, h3, :where(.bnjc-mega__title)):not(.has-text-color),
.has-blue-background-color :is(h1, h2, h3, :where(.bnjc-mega__title)):not(.has-text-color) {
color: var(--white);
}
.has-gold-background-color :is(h1, h2, h3, :where(.bnjc-mega__title)):not(.has-text-color),
.has-teal-background-color :is(h1, h2, h3, :where(.bnjc-mega__title)):not(.has-text-color) {
color: var(--ink-warm);
}
.has-navy-darkest-background-color a:not(.wp-block-button__link):not(.has-text-color),
.has-navy-background-color a:not(.wp-block-button__link):not(.has-text-color),
.has-berry-background-color a:not(.wp-block-button__link):not(.has-text-color),
.has-purple-background-color a:not(.wp-block-button__link):not(.has-text-color) {
color: inherit;
}
.has-navy-darkest-background-color a:not(.wp-block-button__link):hover,
.has-navy-background-color a:not(.wp-block-button__link):hover {
color: var(--cream);
text-decoration: underline;
text-decoration-thickness: 2px;
}
.has-gold-background-color a:not(.wp-block-button__link):not(.has-text-color),
.has-teal-background-color a:not(.wp-block-button__link):not(.has-text-color) {
color: inherit;
}
.bnjc-section {
padding-block: var(--wp--preset--spacing--section);
}
.bnjc-container {
inline-size: 100%;
max-inline-size: var(--wp--style--global--content-size);
margin-inline: auto;
padding-inline: var(--gutter);
}
.screen-reader-text,
.visually-hidden {
position: absolute !important;
inline-size: 1px;
block-size: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
@media (prefers-reduced-motion: reduce) {
:root {
--dur-fast: 0ms;
--dur-base: 0ms;
--dur-slow: 0ms;
--lift-hover: none;
--press-scale: none;
}
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.001ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.001ms !important;
}
}
/* assets/css/components.css */
.wp-block-button__link {
display: inline-flex;
align-items: center;
gap: 12px;
min-block-size: var(--touch-min);
padding-block: 0;
white-space: nowrap;
text-decoration: none;
transition: var(--transition-control);
}
.wp-block-button__link:hover {
transform: var(--lift-hover);
}
.wp-block-button__link:active {
transform: var(--press-scale);
}
.wp-block-button__link:focus-visible {
outline-offset: 3px;
}
@media (max-width: 480px) {
.wp-block-button__link {
white-space: normal;
text-align: center;
justify-content: center;
padding-block: 8px;
line-height: 1.2;
}
}
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-arrow-outline .wp-block-button__link {
background: transparent;
border: 1.5px solid currentcolor;
color: var(--wp--preset--color--navy);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-arrow-outline .wp-block-button__link:hover {
background: var(--wp--custom--color--hover-wash);
}
.wp-block-button.is-style-on-dark .wp-block-button__link {
background: var(--white);
color: var(--navy-darkest);
}
.wp-block-button.is-style-on-dark .wp-block-button__link:hover {
background: var(--cream);
}
.wp-block-button.is-style-accent .wp-block-button__link {
background: var(--accent-dark);
color: var(--white);
}
.wp-block-button.is-style-accent .wp-block-button__link:hover {
background: color-mix(in srgb, var(--accent-dark) 80%, var(--navy-darkest));
}
.wp-block-button.is-style-ghost .wp-block-button__link {
background: transparent;
border: 1.5px solid var(--wp--custom--color--on-dark-border-default);
color: inherit;
}
.wp-block-button.is-style-ghost .wp-block-button__link:hover {
background: rgba(255, 255, 255, 0.08);
border-color: currentcolor;
}
.has-navy-darkest-background-color .wp-block-button.is-style-outline .wp-block-button__link,
.has-navy-background-color .wp-block-button.is-style-outline .wp-block-button__link,
.has-navy-darkest-background-color .wp-block-button.is-style-arrow-outline .wp-block-button__link,
.has-navy-background-color .wp-block-button.is-style-arrow-outline .wp-block-button__link {
color: var(--white);
--bnjc-disc-bg: var(--white);
--bnjc-disc-fg: var(--navy-darkest);
}
.has-gold-background-color .wp-block-button.is-style-arrow-outline .wp-block-button__link,
.has-gold-background-color .wp-block-button.is-style-outline .wp-block-button__link {
color: var(--ink-warm);
--bnjc-disc-bg: var(--ink-warm);
--bnjc-disc-fg: var(--gold);
}
.has-gold-background-color .wp-block-button.is-style-arrow .wp-block-button__link:not(.has-background) {
background: var(--ink-warm);
color: var(--gold);
--bnjc-disc-bg: var(--gold);
--bnjc-disc-fg: var(--ink-warm);
}
.bnjc-pills--sm .wp-block-button__link {
min-block-size: var(--touch-min);
font-size: var(--wp--preset--font-size--small);
}
.bnjc-pills--xs .wp-block-button__link {
min-block-size: var(--touch-min);
font-size: var(--wp--preset--font-size--small);
padding-inline: 14px;
}
.bnjc-icon-btn {
display: inline-flex;
align-items: center;
justify-content: center;
inline-size: var(--touch-min);
block-size: var(--touch-min);
border-radius: var(--radius-pill);
border: 1.5px solid var(--wp--custom--color--on-dark-border-default);
background: transparent;
color: inherit;
cursor: pointer;
transition: var(--transition-control);
flex: none;
}
.bnjc-icon-btn:hover {
background: rgba(255, 255, 255, 0.08);
border-color: currentcolor;
}
.bnjc-icon-btn:active {
transform: var(--press-scale);
}
.bnjc-icon-btn svg {
inline-size: 18px;
block-size: 18px;
}
.bnjc-icon-btn--light {
border-color: var(--wp--custom--color--border-default);
}
.bnjc-icon-btn--light:hover {
background: var(--wp--custom--color--hover-wash);
}
.bnjc-tag,
.wp-block-post-terms.is-style-tag a {
display: inline-flex;
align-items: center;
min-block-size: 30px;
padding-block: 2px;
padding-inline: 14px;
border-radius: var(--radius-pill);
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
text-decoration: none;
background: var(--bnjc-section, var(--navy));
color: var(--bnjc-section-ink, var(--white));
white-space: nowrap;
}
.wp-block-post-terms.is-style-tag .wp-block-post-terms__separator {
display: none;
}
.wp-block-post-terms.is-style-tag a + a {
margin-inline-start: 6px;
}
.is-style-card {
background: var(--white);
border-radius: var(--radius-xs);
box-shadow: var(--wp--preset--shadow--card);
transition: var(--transition-control);
}
.is-style-card:hover {
transform: var(--lift-hover);
box-shadow: var(--wp--preset--shadow--raised);
}
.is-style-panel {
border-radius: var(--radius-xs);
}
.wp-block-image img {
border-radius: var(--radius-xs);
}
.wp-block-image.is-style-large-media img {
border-radius: var(--radius-md);
}
.wp-block-image.is-style-circle img {
border-radius: var(--wp--custom--radius--circle);
aspect-ratio: 1;
object-fit: cover;
}
.wp-block-image.is-style-section-rule img {
border-block-end: var(--wp--custom--border--section-rule) solid var(--bnjc-section, var(--navy));
border-radius: var(--radius-xs) var(--radius-xs) 0 0;
}
.bnjc-section-ground {
background: var(--bnjc-section);
color: var(--bnjc-section-ink);
}
.bnjc-nowrap {
white-space: nowrap;
}
.bnjc-disc {
display: inline-flex;
align-items: center;
justify-content: center;
inline-size: 1em;
block-size: 1em;
border-radius: var(--radius-pill);
background: var(--bnjc-disc-bg, var(--navy));
color: var(--bnjc-disc-fg, var(--white));
vertical-align: middle;
margin-inline: 0.05em;
position: relative;
top: -0.06em;
}
.bnjc-disc svg {
inline-size: 50%;
block-size: 50%;
}
.bnjc-disc--purple {
--bnjc-disc-bg: var(--purple);
}
.bnjc-disc--gold {
--bnjc-disc-bg: var(--gold);
--bnjc-disc-fg: var(--ink-warm);
}
.bnjc-disc--navy {
--bnjc-disc-bg: var(--navy);
--bnjc-disc-fg: var(--white);
}
.bnjc-disc--teal {
--bnjc-disc-bg: var(--teal);
--bnjc-disc-fg: var(--ink-warm);
}
.bnjc-disc--berry {
--bnjc-disc-bg: var(--berry);
}
header.wp-block-template-part:has(> .bnjc-header) {
position: sticky;
inset-block-start: 0;
z-index: 50;
}
.bnjc-header {
min-block-size: var(--header-h);
background: var(--navy-darkest);
color: var(--white);
}
.bnjc-header__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--wp--preset--spacing--60);
min-block-size: var(--header-h);
padding-inline: var(--wp--preset--spacing--90);
}
.bnjc-header .wp-block-site-logo img {
block-size: 36px;
inline-size: auto;
}
.bnjc-header .wp-block-site-title a {
color: var(--white);
}
.bnjc-header .wp-block-site-title a b,
.bnjc-logo-accent {
color: var(--accent-light);
font-weight: inherit;
}
.bnjc-header__nav .wp-block-navigation__container {
gap: 36px;
}
.bnjc-header__nav .wp-block-navigation-item__content {
color: var(--white);
padding-block: 8px;
border-block-end: 2px solid transparent;
transition: var(--transition-control);
}
.bnjc-header__nav .wp-block-navigation-item__content:hover,
.bnjc-header__nav .current-menu-item > .wp-block-navigation-item__content {
text-decoration: none;
border-block-end-color: var(--accent-light);
}
.bnjc-header__actions {
display: flex;
align-items: center;
gap: 10px;
}
.bnjc-header__actions .wp-block-buttons {
gap: 10px;
flex-wrap: nowrap;
}
.bnjc-header__menu-toggle .wp-block-button__link {
gap: 8px;
}
.bnjc-header__menu-toggle .wp-block-button__link::after {
content: "\2261";
font-size: 18px;
line-height: 1;
}
body.mega-open .bnjc-header__menu-toggle .wp-block-button__link {
background: var(--white);
color: var(--navy-darkest);
border-color: var(--white);
}
body.mega-open .bnjc-header__menu-toggle .wp-block-button__link::after {
content: "\00D7";
}
.bnjc-header__search {
position: relative;
}
.bnjc-header__search .wp-block-search {
position: absolute;
inset-block-start: calc(100% + 12px);
inset-inline-end: 0;
inline-size: min(360px, 90vw);
display: none;
}
.bnjc-header__search.is-open .wp-block-search {
display: block;
}
.bnjc-header__search .wp-block-search__inside-wrapper {
background: var(--white);
border-radius: var(--radius-pill);
padding: 4px 4px 4px 20px;
box-shadow: var(--wp--preset--shadow--overlay);
border: 0;
}
.bnjc-header__search .wp-block-search__input {
border: 0;
background: transparent;
color: var(--ink);
font-size: var(--wp--preset--font-size--small);
padding: 0;
min-block-size: 36px;
}
.bnjc-header__search .wp-block-search__input:focus {
outline: none;
}
.bnjc-header__search .wp-block-search__button {
border-radius: var(--radius-pill);
min-block-size: 36px;
padding-inline: 16px;
margin: 0;
}
@media (max-width: 1359px) {
.bnjc-header__nav {
display: none;
}
}
@media (max-width: 767px) {
.bnjc-header {
--header-h: var(--wp--custom--layout--header-height-mobile);
}
.bnjc-header__inner {
padding-inline: 18px;
}
.bnjc-header .wp-block-site-title {
font-size: 24px;
}
.bnjc-header .wp-block-site-logo img {
block-size: 28px;
}
.bnjc-header__actions .bnjc-icon-btn {
inline-size: var(--touch-min);
block-size: var(--touch-min);
}
.bnjc-header__actions .wp-block-button__link {
min-block-size: var(--touch-min);
font-size: var(--wp--preset--font-size--small);
padding-inline: 14px;
}
.bnjc-header__buttons > .bnjc-header__cta {
display: none;
}
.bnjc-header__menu-toggle .wp-block-button__link {
background: var(--accent-dark);
color: var(--white);
border-color: var(--accent-dark);
}
.bnjc-header__menu-toggle .wp-block-button__link::after {
content: none;
}
}
.bnjc-mega {
position: fixed;
inset: var(--header-h) 0 0 0;
z-index: 40;
display: none;
}
.bnjc-mega[data-open="true"],
.bnjc-mega:target {
display: block;
}
.bnjc-mega__scrim {
position: absolute;
inset: 0;
background: var(--wp--custom--color--scrim);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
border: 0;
padding: 0;
inline-size: 100%;
cursor: default;
}
.bnjc-mega__panel {
position: absolute;
inset-block-start: 16px;
inset-inline: 32px;
max-block-size: calc(100% - 32px);
overflow: auto;
background: var(--navy-darkest);
color: var(--white);
padding: 32px 40px 36px;
border-radius: var(--radius-md);
box-shadow: 0 1px 2px rgba(11, 12, 56, 0.4), 0 32px 80px rgba(11, 12, 56, 0.55);
opacity: 0;
transform: translateY(-8px);
transition: opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);
}
.bnjc-mega[data-open="true"] .bnjc-mega__panel {
opacity: 1;
transform: none;
}
.bnjc-mega__intents {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 14px;
padding-block-end: 28px;
border-block-end: 1px solid var(--wp--custom--color--on-dark-border-subtle);
}
.bnjc-mega__intents > .bnjc-overline {
margin: 0 8px 0 0;
}
.bnjc-mega__intents .wp-block-buttons {
gap: 14px;
}
.bnjc-mega__intents .wp-block-button__link {
min-block-size: 40px;
border: 1.5px solid var(--wp--custom--color--on-dark-border-default);
background: transparent;
color: var(--white);
}
.bnjc-mega__intents .wp-block-button__link:hover {
border-color: var(--white);
background: rgba(255, 255, 255, 0.06);
}
.bnjc-mega__intents .wp-block-button[aria-checked="true"] .wp-block-button__link,
.bnjc-mega__intents .wp-block-button.is-active .wp-block-button__link {
background: var(--bnjc-intent-bg, var(--gold));
color: var(--bnjc-intent-fg, var(--ink-warm));
border-color: transparent;
padding-inline-end: 6px;
}
.bnjc-mega__intents .wp-block-button.is-active .wp-block-button__link::after {
content: "\00D7";
display: inline-flex;
align-items: center;
justify-content: center;
inline-size: 24px;
block-size: 24px;
border-radius: var(--radius-pill);
background: var(--bnjc-intent-fg, var(--ink-warm));
color: var(--bnjc-intent-bg, var(--gold));
font-size: var(--wp--preset--font-size--small);
}
.bnjc-mega__intents .intent-eat {
--bnjc-intent-bg: var(--gold);
--bnjc-intent-fg: var(--ink-warm);
}
.bnjc-mega__intents .intent-nursery {
--bnjc-intent-bg: var(--purple);
--bnjc-intent-fg: var(--white);
}
.bnjc-mega__intents .intent-stay {
--bnjc-intent-bg: var(--navy);
--bnjc-intent-fg: var(--white);
}
.bnjc-mega__intents .intent-live {
--bnjc-intent-bg: var(--ink-warm);
--bnjc-intent-fg: var(--white);
}
.bnjc-mega__intents .intent-group {
--bnjc-intent-bg: var(--teal);
--bnjc-intent-fg: var(--ink-warm);
}
.bnjc-mega__help {
margin-inline-start: auto;
font-size: var(--wp--preset--font-size--small);
opacity: 0.85;
}
.bnjc-mega__help a {
color: inherit;
text-decoration: none;
}
.bnjc-mega__help a:hover {
text-decoration: underline;
}
.bnjc-mega__view {
margin-block-start: 28px;
}
.bnjc-mega__view[hidden] {
display: none;
}
.bnjc-mega__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.15fr);
gap: 16px;
}
.bnjc-mega__grid--eat,
.bnjc-mega__grid--intent {
grid-template-columns: 1.6fr 1fr 1fr 1.15fr;
}
.bnjc-mega__grid > .wp-block-group,
.bnjc-mega__grid > .wp-block-cover {
border-radius: var(--radius-xs);
min-inline-size: 0;
}
.bnjc-mega__featured {
grid-column: 4;
grid-row: 1 / 3;
}
:where(.bnjc-mega__title) {
color: var(--wp--preset--color--navy);
font-family: var(--wp--preset--font-family--display);
font-weight: 400;
font-size: var(--wp--preset--font-size--display-s);
line-height: var(--wp--custom--typography--leading-heading);
letter-spacing: var(--wp--custom--typography--tracking-display);
text-transform: none;
}
.bnjc-mega-card {
display: flex;
flex-direction: column;
border-radius: var(--radius-xs);
overflow: hidden;
text-decoration: none;
}
.bnjc-mega-card .wp-block-image {
margin: 0;
}
.bnjc-mega-card .wp-block-image img {
block-size: 120px;
inline-size: 100%;
object-fit: cover;
border-radius: 0;
}
.bnjc-mega-card__body {
padding: 18px 20px 20px;
display: flex;
flex-direction: column;
gap: 12px;
flex: 1;
}
.bnjc-mega-card__body :is(h3, :where(.bnjc-mega__title)) {
font-size: 30px;
margin-block-start: 4px;
color: inherit;
}
.bnjc-mega-card__body .is-style-numbered-links {
font-size: var(--wp--preset--font-size--small);
margin: 0;
}
.bnjc-mega-card__action {
margin-block-start: auto;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.bnjc-mega-card__action a {
color: inherit;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
}
.bnjc-mega-card__action a:hover {
text-decoration-thickness: 2px;
}
.bnjc-mega__featured {
background: var(--cream);
color: var(--ink);
}
.bnjc-mega__featured .wp-block-image img {
block-size: 220px;
}
.bnjc-mega__featured hr {
border: 0;
block-size: 1px;
background: var(--wp--custom--color--border-subtle);
margin-block: 0;
}
.bnjc-mega__featured :is(h3, :where(.bnjc-mega__title)) {
color: var(--navy);
font-size: 28px;
}
.bnjc-mega__also {
display: flex;
gap: 12px;
align-items: center;
margin-block-start: 20px;
font-size: var(--wp--preset--font-size--small);
opacity: 0.75;
flex-wrap: wrap;
}
.bnjc-mega__also a {
color: inherit;
text-decoration: none;
}
.bnjc-mega__also a:hover {
text-decoration: underline;
}
.bnjc-mega__strand {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
flex-wrap: wrap;
margin-block-start: 28px;
padding-block-start: 24px;
border-block-start: 1px solid var(--wp--custom--color--on-dark-border-subtle);
font-size: var(--wp--preset--font-size--small);
}
.bnjc-mega__strand .wp-block-navigation__container {
gap: 28px;
}
.bnjc-mega__strand .wp-block-navigation-item__content {
color: var(--white);
font-weight: 600;
}
.bnjc-mega__strand .bnjc-mega__practical {
opacity: 0.6;
}
@media (max-width: 1023px) {
.bnjc-mega__panel {
inset-inline: 12px;
inset-block-start: 8px;
padding: 20px;
max-block-size: calc(100% - 16px);
}
.bnjc-mega__grid,
.bnjc-mega__grid--eat,
.bnjc-mega__grid--intent {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.bnjc-mega__featured {
grid-row: auto;
grid-column: 1 / -1;
}
.bnjc-mega__help {
margin-inline-start: 0;
inline-size: 100%;
}
}
@media (max-width: 599px) {
.bnjc-mega__panel {
inset: 0;
border-radius: 0;
}
.bnjc-mega__grid,
.bnjc-mega__grid--eat,
.bnjc-mega__grid--intent {
grid-template-columns: 1fr;
}
.bnjc-mega__intents {
gap: 8px;
}
.bnjc-mega__intents .wp-block-buttons {
gap: 8px;
}
.bnjc-mega__intents .wp-block-button__link {
min-block-size: var(--touch-min);
font-size: var(--wp--preset--font-size--small);
padding-inline: 14px;
}
.bnjc-mega-card__body :is(h3, :where(.bnjc-mega__title)) {
font-size: 26px;
}
}
body.mega-open {
overflow: visible;
}
body.mega-open-sheet {
overflow: hidden;
}
.bnjc-mega .bnjc-mega__top {
position: sticky;
inset-block-start: 0;
z-index: 3;
display: flex;
justify-content: flex-end;
padding-block: 14px 12px;
background: var(--navy-darkest);
}
.bnjc-mega .bnjc-mega__close {
position: static;
display: inline-flex;
align-items: center;
gap: 10px;
min-block-size: 44px;
min-inline-size: 44px;
padding-inline: 18px;
margin: 0;
}
.bnjc-mega .bnjc-mega__close:focus-visible {
outline: 2px solid var(--focus-ring);
box-shadow: 0 0 0 4px var(--focus-halo);
outline-offset: 2px;
}
.bnjc-mega .bnjc-mega__view {
margin-block-start: 0;
}
.bnjc-mega .bnjc-mega__grid--intent {
display: grid;
gap: 16px;
align-items: stretch;
}
.bnjc-mega .bnjc-mega__grid--n1 {
grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
}
.bnjc-mega .bnjc-mega__grid--n2 {
grid-template-columns: minmax(0, 1.1fr) repeat(2, minmax(0, 1fr));
}
.bnjc-mega .bnjc-mega__grid--n3 {
grid-template-columns: minmax(0, 1.1fr) repeat(3, minmax(0, 1fr));
}
.bnjc-mega .bnjc-mega__hero {
min-block-size: 280px;
padding: 24px;
}
.bnjc-mega .bnjc-mega__hero :is(h3, :where(.bnjc-mega__title)) {
margin-block: 8px 0;
}
.bnjc-mega .bnjc-mega-card {
padding: 0 !important;
}
.bnjc-mega .bnjc-mega__grid--intent .bnjc-mega-card__body {
padding: 22px 24px 24px;
gap: 12px;
}
.bnjc-mega .bnjc-mega__grid--intent .bnjc-mega-card__body :is(h3, :where(.bnjc-mega__title)) {
font-size: 26px;
margin-block-start: 0;
}
.bnjc-mega .bnjc-mega__grid--intent .bnjc-mega-card .wp-block-buttons {
margin-block-start: auto;
}
.bnjc-mega .bnjc-mega-card__body .bnjc-whats-on-block {
block-size: auto;
}
.bnjc-mega .bnjc-mega-card__body .bnjc-featured__body {
padding: 0;
gap: 10px;
}
.bnjc-mega .bnjc-mega-card__body .bnjc-whats-on-block .bnjc-event-card__media {
block-size: 110px;
border-radius: var(--radius-xs);
}
.bnjc-mega .bnjc-mega-card__body .bnjc-featured__title {
font-size: 20px;
margin-block-start: 0;
}
.bnjc-mega .bnjc-mega-card__body .bnjc-featured__caption {
margin-block-start: 0;
}
.bnjc-mega .bnjc-mega-card__body .bnjc-featured__more {
font-size: var(--wp--preset--font-size--small);
line-height: 1.6;
}
.bnjc-mega .bnjc-mega__updates {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 4px;
}
.bnjc-mega .bnjc-mega__updates li {
margin: 0;
padding-block: 8px;
border-block-end: 1px solid var(--wp--custom--color--border-subtle);
}
.bnjc-mega .bnjc-mega__updates li:last-child {
border-block-end: 0;
}
.bnjc-mega .bnjc-mega__updates a {
display: block;
color: var(--navy);
font-size: 16px;
font-weight: 700;
line-height: 1.3;
text-decoration: none;
}
.bnjc-mega .bnjc-mega__updates a:hover {
text-decoration: underline;
}
.bnjc-mega .bnjc-mega__updates time {
display: block;
margin-block-start: 4px;
font-size: var(--wp--preset--font-size--small);
color: var(--grey-700);
}
@media (max-height: 1040px) {
.bnjc-mega .bnjc-mega-card {
padding: 0 !important;
}
.bnjc-mega .bnjc-mega__hero {
min-height: 240px !important;
}
.bnjc-mega .bnjc-mega__panel {
padding-block: 0 24px !important;
}
.bnjc-mega .bnjc-mega__panel > * + * {
margin-block-start: 0 !important;
}
}
.bnjc-mega .bnjc-mega__grid--all {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 16px;
}
.bnjc-mega .bnjc-mega__grid--all .bnjc-mega-card .wp-block-image img {
block-size: 110px;
}
@media (min-width: 768px) {
.bnjc-mega.is-docked {
position: static;
inset: auto;
z-index: auto;
display: none;
}
.bnjc-mega.is-docked[data-open="true"],
.bnjc-mega.is-docked:target {
display: block;
}
.bnjc-mega.is-docked .bnjc-mega__scrim {
display: none;
}
.bnjc-mega.is-docked .bnjc-mega__panel {
position: relative;
inset: auto;
max-block-size: calc(100vh - var(--header-h) - 8px);
max-block-size: calc(100dvh - var(--header-h) - 8px);
padding: 0 clamp(24px, 4vw, 56px) 32px;
border-radius: 0;
border-block-start: 1px solid var(--wp--custom--color--on-dark-border-subtle);
box-shadow: 0 24px 40px -28px rgba(11, 12, 56, 0.6);
overscroll-behavior: contain;
}
.bnjc-mega.is-docked .bnjc-mega__bar {
display: none;
}
}
@media (max-width: 1023px) and (min-width: 768px) {
.bnjc-mega .bnjc-mega__grid--n1,
.bnjc-mega .bnjc-mega__grid--n2,
.bnjc-mega .bnjc-mega__grid--n3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bnjc-mega .bnjc-mega__hero {
grid-column: 1 / -1;
min-block-size: 200px;
}
}
@media (max-width: 767px) {
.bnjc-mega .bnjc-mega__top {
padding-inline: 18px;
}
.bnjc-mega .bnjc-mega__grid--n1,
.bnjc-mega .bnjc-mega__grid--n2,
.bnjc-mega .bnjc-mega__grid--n3 {
grid-template-columns: minmax(0, 1fr);
}
.bnjc-mega .bnjc-mega__hero {
min-block-size: 200px;
}
.bnjc-mega .bnjc-mega__close {
display: inline-flex;
}
.bnjc-mega .bnjc-mega__grid--all {
display: block;
}
}
@media (min-width: 1360px) {
.bnjc-header .bnjc-header__buttons > .bnjc-header__menu-toggle {
display: none;
}
.bnjc-header__nav .wp-block-navigation__container {
gap: clamp(8px, 1.4vw, 28px) !important;
}
}
@media (min-width: 1360px) and (max-width: 1499px) {
.bnjc-header .bnjc-header__buttons > .bnjc-header__cta {
display: none;
}
}
@media (prefers-reduced-motion: reduce) {
.bnjc-mega .bnjc-mega__panel {
transition: none;
transform: none;
}
}
.bnjc-alert {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
padding: 10px var(--gutter);
font-size: var(--wp--preset--font-size--small);
font-weight: 600;
background: var(--bnjc-alert-bg, var(--wp--preset--color--hove-green));
color: var(--bnjc-alert-fg, var(--white));
text-align: center;
}
.bnjc-alert[hidden] {
display: none;
}
.bnjc-alert a {
color: inherit;
}
.bnjc-alert--info {
--bnjc-alert-bg: var(--wp--preset--color--hove-green);
--bnjc-alert-fg: var(--white);
}
.bnjc-alert--notice {
--bnjc-alert-bg: var(--gold);
--bnjc-alert-fg: var(--ink-warm);
}
.bnjc-alert--urgent {
--bnjc-alert-bg: var(--berry);
--bnjc-alert-fg: var(--white);
}
.bnjc-alert--closed {
--bnjc-alert-bg: var(--navy);
--bnjc-alert-fg: var(--white);
}
.bnjc-alert__dismiss {
inline-size: var(--touch-min);
block-size: var(--touch-min);
border-radius: var(--radius-pill);
border: 1.5px solid currentcolor;
background: transparent;
color: inherit;
cursor: pointer;
flex: none;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 16px;
line-height: 1;
}
.bnjc-alert__dismiss:hover {
background: rgba(0, 0, 0, 0.08);
}
.bnjc-footer {
background: var(--navy-deep);
color: var(--white);
position: relative;
overflow: hidden;
}
.bnjc-footer__inner {
box-sizing: border-box;
max-inline-size: none;
margin-inline: 0;
padding: clamp(32px, 5vw, 56px) clamp(18px, 4vw, 48px) 28px;
}
.bnjc-footer__top {
gap: 24px 40px;
}
.bnjc-footer__follow-label {
margin: 0 0 10px;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: rgba(246, 241, 231, 0.78);
}
.bnjc-footer__dot {
display: inline-block;
flex: none;
inline-size: 11px;
block-size: 11px;
margin-inline-end: 8px;
border-radius: 50%;
border: 1.5px solid var(--white);
background: var(--c, var(--navy));
vertical-align: baseline;
}
.bnjc-footer__address {
margin: 0;
font-size: var(--wp--preset--font-size--small);
color: rgba(246, 241, 231, 0.78);
line-height: 1.6;
}
.bnjc-footer__address a {
color: inherit;
}
.bnjc-footer__charity {
margin: 16px 0 0;
max-inline-size: 90ch;
font-size: var(--wp--preset--font-size--small);
line-height: 1.55;
color: rgba(246, 241, 231, 0.78);
}
.bnjc-footer__copyright {
margin: 6px 0 0;
font-size: var(--wp--preset--font-size--small);
color: rgba(246, 241, 231, 0.78);
}
.bnjc-footer__base {
margin-block-start: 28px;
}
.bnjc-footer__legal-links {
margin-block-start: 10px;
font-size: var(--wp--preset--font-size--small);
}
.bnjc-footer__legal-links .wp-block-navigation__container {
gap: 0;
}
.bnjc-footer__legal-links .wp-block-navigation-item {
align-items: center;
}
.bnjc-footer__legal-links .wp-block-navigation-item__content {
display: inline-flex;
align-items: center;
min-block-size: 44px;
color: rgba(246, 241, 231, 0.78);
text-decoration: none;
}
.bnjc-footer__legal-links .wp-block-navigation-item__content:hover,
.bnjc-footer__legal-links .wp-block-navigation-item__content:focus-visible {
color: var(--white);
text-decoration: underline;
text-underline-offset: 4px;
}
.bnjc-footer__legal-links .wp-block-navigation-item + .wp-block-navigation-item::before {
content: "";
display: inline-block;
inline-size: 3px;
block-size: 3px;
margin-inline: 12px;
border-radius: 50%;
background: rgba(246, 241, 231, 0.78);
vertical-align: middle;
}
.bnjc-footer__social {
display: flex;
gap: 10px;
}
.bnjc-footer__social .wp-block-social-link {
margin: 0 !important;
}
.bnjc-footer__social .wp-social-link a,
.bnjc-footer__social .wp-block-social-link-anchor {
inline-size: 44px;
block-size: 44px;
border-radius: var(--radius-pill);
border: 1.5px solid rgba(255, 255, 255, 0.35);
background: transparent !important;
color: var(--white) !important;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 !important;
transition: var(--transition-control);
}
.bnjc-footer__social .wp-block-social-link-anchor:hover {
border-color: var(--accent-light);
background: var(--accent-light) !important;
color: var(--navy-darkest) !important;
}
.bnjc-footer__social svg {
inline-size: 18px;
block-size: 18px;
}
@media (max-width: 899px) {
.bnjc-footer__inner {
padding: 36px 24px 28px;
}
.bnjc-footer__address {
font-size: var(--wp--preset--font-size--small);
}
}
.bnjc-carousel {
position: relative;
}
.bnjc-carousel__track {
display: flex;
gap: var(--bnjc-carousel-gap, 24px);
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-padding-inline: var(--gutter);
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
padding-block-end: 4px;
}
.bnjc-carousel__track::-webkit-scrollbar {
display: none;
}
.bnjc-carousel__track > * {
flex: none;
scroll-snap-align: start;
}
.bnjc-carousel__controls {
display: flex;
align-items: center;
gap: 20px;
margin-block-start: 36px;
}
.bnjc-carousel__progress {
position: relative;
block-size: 3px;
flex: 1;
max-inline-size: 320px;
background: rgba(0, 0, 0, 0.2);
border-radius: 2px;
}
.bnjc-carousel__progress > span {
position: absolute;
inset-block: 0;
inset-inline-start: var(--bnjc-progress-x, 0);
inline-size: var(--bnjc-progress-w, 30%);
background: currentcolor;
border-radius: 2px;
transition: inset-inline-start var(--dur-fast) var(--ease-out), inline-size var(--dur-fast) var(--ease-out);
}
.bnjc-carousel__arrows {
display: flex;
gap: 8px;
}
.bnjc-carousel__arrows .bnjc-icon-btn {
inline-size: 36px;
block-size: 36px;
border-color: currentcolor;
opacity: 0.5;
}
.bnjc-carousel__arrows .bnjc-icon-btn:not([disabled]) {
opacity: 1;
}
.bnjc-carousel__arrows .bnjc-icon-btn[disabled] {
cursor: default;
}
@media (max-width: 767px) {
.bnjc-carousel__controls {
margin-block-start: 22px;
gap: 14px;
}
.bnjc-carousel__progress {
max-inline-size: none;
}
.bnjc-carousel__arrows .bnjc-icon-btn {
inline-size: 40px;
block-size: 40px;
}
.bnjc-carousel__arrows .bnjc-icon-btn svg {
inline-size: 16px;
block-size: 16px;
}
}
.bnjc-section-cards {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 20px;
}
.bnjc-section-card {
text-decoration: none;
color: inherit;
display: block;
}
.bnjc-section-card .wp-block-image img,
.bnjc-section-card__media {
block-size: 210px;
inline-size: 100%;
object-fit: cover;
border-radius: var(--radius-xs) var(--radius-xs) 0 0;
border-block-end: var(--wp--custom--border--section-rule) solid var(--bnjc-section, var(--navy));
}
.bnjc-section-card h3 {
font-size: var(--wp--preset--font-size--display-xs);
color: var(--navy);
margin-block-start: 16px;
}
.bnjc-section-card p {
font-size: var(--wp--preset--font-size--medium);
color: var(--grey-700);
margin: 0;
}
.bnjc-section-card:hover h3 {
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 4px;
}
@media (max-width: 1023px) {
.bnjc-section-cards {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.bnjc-section-cards {
display: flex;
gap: 10px;
overflow-x: auto;
scroll-snap-type: x mandatory;
padding-inline: var(--gutter);
margin-inline: calc(-1 * var(--gutter));
scrollbar-width: none;
}
.bnjc-section-cards::-webkit-scrollbar {
display: none;
}
.bnjc-section-card {
flex: none;
inline-size: 156px;
scroll-snap-align: start;
}
.bnjc-section-card .wp-block-image img,
.bnjc-section-card__media {
block-size: 90px;
border-block-end-width: 6px;
}
.bnjc-section-card h3 {
font-size: var(--wp--preset--font-size--display-xs);
margin-block-start: 10px;
overflow-wrap: anywhere;
}
.bnjc-section-card p {
font-size: var(--wp--preset--font-size--small);
}
}
.bnjc-hero {
position: relative;
min-block-size: 720px;
display: grid;
place-items: center;
text-align: center;
color: var(--white);
overflow: hidden;
isolation: isolate;
}
.bnjc-hero__media {
position: absolute;
inset: 0;
z-index: -2;
}
.bnjc-hero__media > * {
position: absolute;
inset: 0;
inline-size: 100%;
block-size: 100%;
object-fit: cover;
opacity: 0;
transition: opacity var(--dur-slow) var(--ease-out);
}
.bnjc-hero__media > .is-current {
opacity: 1;
}
.bnjc-hero__media:not(:has(.is-current)) > :first-child:not(video) {
opacity: 1;
}
.bnjc-hero .bnjc-hero__media > * {
margin: 0;
}
.bnjc-hero::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: var(--wp--preset--gradient--photo-protection);
}
.bnjc-hero__content {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
max-inline-size: 1000px;
padding: 24px;
}
.bnjc-hero__content::before {
content: "";
position: absolute;
inset: -56px -96px;
z-index: -1;
background: radial-gradient(
closest-side at 50% 50%,
rgba(11, 12, 56, 0.68) 0%,
rgba(11, 12, 56, 0.62) 60%,
rgba(11, 12, 56, 0) 100%
);
pointer-events: none;
}
.bnjc-hero__content h1 {
color: var(--white);
font-size: var(--wp--preset--font-size--display-hero);
}
.bnjc-hero__content p {
font-size: var(--wp--preset--font-size--standfirst);
max-inline-size: 640px;
opacity: 0.92;
margin: 0;
}
.bnjc-hero__capture {
inline-size: min(100%, 430px);
margin: 0;
text-align: start;
}
.bnjc-hero__capture label {
display: block;
margin: 0 0 8px 20px;
font-size: var(--wp--preset--font-size--caption);
color: var(--white);
}
.bnjc-hero__capture-field {
display: flex;
align-items: center;
padding: 5px 5px 5px 20px;
border: 2px solid transparent;
border-radius: var(--radius-pill);
background: var(--white);
box-shadow: 0 8px 24px rgba(11, 12, 56, 0.35);
}
.bnjc-hero__capture-field:focus-within {
border-color: var(--accent-dark);
}
.bnjc-hero__capture-field input {
flex: 1;
min-inline-size: 0;
min-block-size: 44px;
padding: 0;
border: 0;
outline: 0;
background: transparent;
color: var(--ink);
font: inherit;
font-size: 16px;
}
.bnjc-hero__capture-field input::placeholder {
color: var(--grey-700);
}
.bnjc-hero__capture-field button {
flex: none;
min-block-size: 44px;
padding-inline: 20px;
border: 0;
border-radius: var(--radius-pill);
background: var(--navy);
color: var(--white);
font: inherit;
font-size: var(--wp--preset--font-size--small);
font-weight: 700;
cursor: pointer;
transition: var(--transition-control);
}
.bnjc-hero__capture-field button:hover {
background: var(--wp--preset--color--navy-deep);
}
.bnjc-hero__capture-field button:focus-visible {
outline: 2px solid var(--focus-ring);
box-shadow: 0 0 0 4px var(--focus-halo);
outline-offset: 2px;
}
.bnjc-hero__content .bnjc-hero__capture-msg {
min-block-size: 20px;
margin: 8px 0 0 20px;
max-inline-size: none;
font-size: var(--wp--preset--font-size--caption);
color: var(--gold);
opacity: 1;
}
@media (max-width: 479px) {
.bnjc-hero__capture-field {
flex-direction: column;
align-items: stretch;
padding: 6px;
border-radius: 26px;
}
.bnjc-hero__capture-field input {
padding-inline: 16px;
text-align: center;
}
.bnjc-hero__capture-field button {
inline-size: 100%;
}
}
.bnjc-hero__pause {
position: absolute;
inset-block-end: 28px;
inset-inline-end: 32px;
inline-size: 40px;
block-size: 40px;
border-color: var(--white);
}
.bnjc-hero__ico-play {
display: none;
}
.bnjc-hero[data-playing="false"] .bnjc-hero__ico-play {
display: inline;
}
.bnjc-hero[data-playing="false"] .bnjc-hero__ico-pause {
display: none;
}
@media (max-width: 767px) {
.bnjc-hero {
min-block-size: 520px;
}
.bnjc-hero__content {
gap: 14px;
padding-block-end: 64px;
}
.bnjc-hero__content p {
font-size: var(--wp--preset--font-size--medium);
max-inline-size: 320px;
}
.bnjc-hero__pause {
inset-block-end: 14px;
inset-inline-end: 14px;
inline-size: var(--touch-min);
block-size: var(--touch-min);
}
}
.bnjc-search-form .wp-block-search__inside-wrapper {
border-radius: var(--radius-pill);
border: 1.5px solid var(--wp--custom--color--border-default);
padding: 4px 4px 4px 20px;
background: var(--white);
}
.bnjc-search-form .wp-block-search__input {
border: 0;
background: transparent;
min-block-size: 44px;
font-size: var(--wp--preset--font-size--medium);
}
.bnjc-search-form .wp-block-search__input:focus {
outline: none;
}
.bnjc-search-form .wp-block-search__button {
border-radius: var(--radius-pill);
}
.bnjc-wordmark {
margin: 0;
font-weight: 800;
font-size: 32px;
letter-spacing: -0.03em;
line-height: 1;
text-transform: lowercase;
}
.bnjc-wordmark a {
color: var(--white);
text-decoration: none;
}
.bnjc-wordmark a:hover {
color: var(--white);
}
.bnjc-wordmark mark {
background: transparent;
color: var(--accent-light);
}
.bnjc-header__brand:has(.wp-block-site-logo img) .bnjc-wordmark {
display: none;
}
@media (max-width: 767px) {
.bnjc-wordmark {
font-size: 24px;
}
}
.bnjc-header__search .wp-block-search__button {
inline-size: var(--touch-min);
block-size: var(--touch-min);
padding: 0;
margin: 0;
border-radius: var(--radius-pill);
border: 1.5px solid var(--wp--custom--color--on-dark-border-default);
background: transparent;
color: var(--white);
display: inline-flex;
align-items: center;
justify-content: center;
transition: var(--transition-control);
}
.bnjc-header__search .wp-block-search__button:hover {
background: rgba(255, 255, 255, 0.08);
border-color: var(--white);
}
.bnjc-header__search .wp-block-search__button svg {
inline-size: 18px;
block-size: 18px;
fill: currentcolor;
}
.bnjc-header__search .wp-block-search__inside-wrapper {
border: 0;
padding: 0;
gap: 0;
}
.bnjc-header__search .wp-block-search__button[aria-expanded="true"] {
background: var(--white);
color: var(--navy-darkest);
border-color: var(--white);
}
.bnjc-header__search .wp-block-search__inside-wrapper:not(.wp-block-search__searchfield-hidden) {
background: var(--white);
border-radius: var(--radius-pill);
padding-inline-start: 16px;
}
.bnjc-header__search .wp-block-search__input {
border: 0;
background: transparent;
color: var(--ink);
font-size: var(--wp--preset--font-size--small);
min-block-size: 44px;
}
.bnjc-header__search .wp-block-search__input:focus {
outline: none;
}
.bnjc-header__search .wp-block-search__inside-wrapper:not(.wp-block-search__searchfield-hidden) .wp-block-search__button {
border-color: transparent;
color: var(--navy-darkest);
}
@media (max-width: 767px) {
.bnjc-header__search .wp-block-search__button {
inline-size: 40px;
block-size: 40px;
}
.bnjc-header__search .wp-block-search__button svg {
inline-size: 14px;
block-size: 14px;
}
}
.bnjc-hero__media {
position: absolute !important;
inset: 0;
z-index: -2;
margin: 0 !important;
}
.bnjc-hero__media .wp-block-image {
margin: 0;
position: absolute;
inset: 0;
opacity: 0;
transition: opacity var(--dur-slow) var(--ease-out);
}
.bnjc-hero__media .wp-block-image.is-current {
opacity: 1;
}
.bnjc-hero__media img,
.bnjc-hero__media video {
inline-size: 100%;
block-size: 100%;
object-fit: cover;
border-radius: 0;
}
.bnjc-hero__content {
z-index: 1;
}
.bnjc-section-hero {
padding-inline: var(--wp--style--root--padding-left, 24px) var(--wp--style--root--padding-right, 24px);
}
.bnjc-section-hero .wp-block-cover__inner-container {
position: relative;
}
.wp-block-cover.alignfull.bnjc-section-hero.has-custom-content-position .wp-block-cover__inner-container {
inline-size: 100%;
max-inline-size: var(--wp--style--global--wide-size, 1344px);
margin-inline: auto;
}
.bnjc-section-hero .wp-block-cover__inner-container::before {
content: "";
position: absolute;
inset-block: -40px calc(-1 * var(--wp--preset--spacing--110));
inset-inline: -100vw;
z-index: -1;
background: linear-gradient(
to top,
rgba(11, 12, 56, 0.72) 0%,
rgba(11, 12, 56, 0.6) 55%,
rgba(11, 12, 56, 0) 100%
);
pointer-events: none;
}
.bnjc-collage__row {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: 110px;
gap: 16px;
padding-inline: 32px;
}
.bnjc-collage__row .wp-block-image {
margin: 0;
block-size: 100%;
}
.bnjc-collage__row img {
inline-size: 100%;
block-size: 100%;
object-fit: cover;
}
.bnjc-collage__row--top > :nth-child(1) {
grid-column: 1 / 4;
grid-row: 1 / 3;
}
.bnjc-collage__row--top > :nth-child(2) {
grid-column: 5 / 7;
grid-row: 1 / 2;
}
.bnjc-collage__row--top > :nth-child(3) {
grid-column: 8 / 11;
grid-row: 1 / 3;
}
.bnjc-collage__row--top > :nth-child(4) {
grid-column: 12 / 13;
grid-row: 2 / 3;
}
.bnjc-collage__row--bottom > :nth-child(1) {
grid-column: 2 / 4;
grid-row: 1 / 2;
}
.bnjc-collage__row--bottom > :nth-child(2) {
grid-column: 5 / 9;
grid-row: 1 / 3;
}
.bnjc-collage__row--bottom > :nth-child(3) {
grid-column: 10 / 13;
grid-row: 1 / 2;
}
@media (max-width: 767px) {
.bnjc-collage__row {
grid-template-columns: repeat(6, minmax(0, 1fr));
grid-auto-rows: 64px;
gap: 8px;
padding-inline: 16px;
}
.bnjc-collage__row--top > :nth-child(1) {
grid-column: 1 / 3;
grid-row: 1 / 3;
}
.bnjc-collage__row--top > :nth-child(2) {
grid-column: 4 / 6;
grid-row: 1 / 2;
}
.bnjc-collage__row--top > :nth-child(3) {
grid-column: 6 / 7;
grid-row: 1 / 3;
}
.bnjc-collage__row--top > :nth-child(4) {
grid-column: 3 / 4;
grid-row: 2 / 3;
}
.bnjc-collage__row--bottom > :nth-child(1) {
grid-column: 1 / 2;
grid-row: 1 / 2;
}
.bnjc-collage__row--bottom > :nth-child(2) {
grid-column: 3 / 5;
grid-row: 1 / 3;
}
.bnjc-collage__row--bottom > :nth-child(3) {
grid-column: 5 / 7;
grid-row: 1 / 2;
}
}
.bnjc-news__grid {
gap: 24px;
}
.bnjc-news--featured .bnjc-news__grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
gap: 24px;
}
.bnjc-news--featured .bnjc-news__grid > li:first-child .wp-block-post-title {
font-size: var(--wp--preset--font-size--display-s);
max-inline-size: 560px;
}
.bnjc-news-card .wp-block-post-title a {
text-decoration: none;
color: var(--navy);
}
.bnjc-news-card .wp-block-post-title a:hover {
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 4px;
}
.bnjc-news-card .wp-block-cover {
border-radius: var(--radius-xs);
overflow: hidden;
}
.bnjc-news-card .wp-block-cover:not(.has-background-dim-0)::before {
background: var(--wp--preset--gradient--photo-protection);
}
.bnjc-news-card .wp-block-cover .wp-block-cover__inner-container {
padding: 0;
}
.bnjc-news-card .wp-block-cover:not([style*="background-image"]):not(:has(img)) {
background: var(--wp--preset--color--cream-deep);
}
@media (max-width: 899px) {
.bnjc-news--featured .bnjc-news__grid {
grid-template-columns: 1fr;
}
.bnjc-news__grid.wp-block-post-template {
grid-template-columns: 1fr !important;
}
}
.bnjc-home-tabs__head {
gap: 16px 28px;
}
.bnjc-home-tabs__lead {
margin: 0;
max-inline-size: 46ch;
}
.bnjc-home-tabs__pills {
display: inline-flex;
gap: 6px;
margin-block-start: 22px;
padding: 4px;
border-radius: var(--radius-pill);
background: color-mix(in srgb, var(--white) 55%, transparent);
visibility: hidden;
}
.bnjc-home-tabs.is-ready .bnjc-home-tabs__pills {
visibility: visible;
}
.bnjc-home-tabs__pill {
min-block-size: 44px;
padding-inline: 26px;
border: 0;
border-radius: var(--radius-pill);
background: transparent;
color: var(--ink-warm);
font: inherit;
font-size: 16px;
font-weight: 700;
cursor: pointer;
transition: var(--transition-control);
}
.bnjc-home-tabs__pill[aria-selected="true"] {
background: var(--navy);
color: var(--white);
}
.bnjc-home-tabs__pill:focus-visible {
outline: 2px solid var(--navy);
outline-offset: 2px;
}
.bnjc-home-tabs__panel--updates {
display: none;
}
.bnjc-home-tabs.is-ready .bnjc-home-tabs__panel--updates.is-active {
display: block;
}
.bnjc-home-tabs.is-ready .bnjc-home-tabs__panel--events:not(.is-active) {
display: none;
}
.bnjc-home-tabs .wp-block-button.is-on .wp-block-button__link {
background: var(--navy);
border-color: var(--navy);
color: var(--white);
--bnjc-disc-bg: var(--accent-light);
--bnjc-disc-fg: var(--navy-darkest);
}
.bnjc-news--strip .bnjc-news__grid.wp-block-post-template {
display: flex;
gap: 16px;
margin: 28px 0 0;
padding: 6px 0 18px;
list-style: none;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: thin;
}
.bnjc-news--strip .bnjc-news__grid > li {
flex: none;
inline-size: min(300px, 78vw);
margin: 0;
scroll-snap-align: start;
}
.bnjc-news--strip .bnjc-news-card {
block-size: 100%;
padding-block-end: 18px;
border-radius: var(--radius-xs);
background: var(--white);
box-shadow: 0 4px 14px rgba(61, 64, 160, 0.14);
overflow: hidden;
}
.bnjc-news--strip .bnjc-news-card .wp-block-cover {
border-radius: 0 !important;
}
.bnjc-news--strip .bnjc-news-card .wp-block-post-title,
.bnjc-news--strip .bnjc-news-card .wp-block-post-date {
padding-inline: 16px;
}
.bnjc-whats-on .bnjc-filter-pills {
overflow-x: auto;
scrollbar-width: none;
}
.bnjc-whats-on .bnjc-filter-pills::-webkit-scrollbar {
display: none;
}
.bnjc-whats-on .bnjc-filter-pills .wp-block-button__link {
min-block-size: 40px;
font-size: var(--wp--preset--font-size--small);
border: 1.5px solid rgba(25, 27, 111, 0.4);
color: var(--ink-warm);
background: transparent;
}
.bnjc-whats-on .bnjc-filter-pills .wp-block-button.is-active .wp-block-button__link,
.bnjc-whats-on .bnjc-filter-pills .wp-block-button__link[aria-pressed="true"] {
background: var(--ink-warm);
color: var(--gold);
border-color: var(--ink-warm);
}
.bnjc-whats-on .bnjc-carousel__progress {
background: rgba(25, 27, 111, 0.2);
color: var(--ink-warm);
}
.bnjc-event-card .wp-block-heading a {
color: inherit;
text-decoration: none;
}
.bnjc-event-card .wp-block-heading a:hover {
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 4px;
}
.bnjc-event-card .wp-block-cover {
border-radius: var(--radius-xs);
overflow: hidden;
}
.bnjc-event-card .wp-block-cover__inner-container {
padding: 0;
}
.bnjc-event-card .wp-block-cover__inner-container p {
margin: 0;
}
.bnjc-carousel__footer .bnjc-carousel__controls {
margin-block-start: 0;
}
@media (max-width: 767px) {
.bnjc-whats-on {
padding-block: 44px 40px !important;
}
.bnjc-whats-on .bnjc-filter-pills .wp-block-button__link {
min-block-size: 40px;
font-size: var(--wp--preset--font-size--small);
padding-inline: 16px;
}
.bnjc-event-card {
inline-size: 342px !important;
}
.bnjc-event-card .wp-block-cover {
min-height: 340px !important;
}
.bnjc-event-card .wp-block-heading {
font-size: 24px !important;
}
.bnjc-carousel__footer {
flex-direction: column-reverse;
align-items: stretch;
}
}
.bnjc-mega__hero .wp-block-cover__inner-container p {
margin: 0;
}
.bnjc-mega__hero {
padding: 24px;
}
.bnjc-mega__featured--compact {
grid-row: auto;
}
.bnjc-mega__featured--compact .wp-block-image img {
block-size: 180px;
}
.bnjc-mega__panel .wp-block-separator.is-style-default {
border: 0;
block-size: 1px;
background: var(--wp--custom--color--border-subtle);
inline-size: 100%;
margin-block: 0;
opacity: 1;
}
.bnjc-mega-card .wp-block-buttons {
margin-block-start: auto;
}
.bnjc-post-meta {
gap: 16px;
align-items: center;
}
.bnjc-alert p {
margin: 0;
max-width: none;
}
.bnjc-section-cards > *,
.bnjc-collage__row > *,
.bnjc-mega__grid > *,
.bnjc-carousel__track > * {
margin-block: 0;
}
.bnjc-section-card h3 a,
.bnjc-news-card h3 a {
color: inherit;
text-decoration: none;
}
.bnjc-carousel__progress {
flex: none;
inline-size: min(320px, 40vw);
}
.bnjc-mega:target .bnjc-mega__panel {
opacity: 1;
transform: none;
}
.bnjc-statement__lead {
max-inline-size: 560px;
margin-inline: auto;
}
.bnjc-header .wp-block-site-logo img {
block-size: 40px;
inline-size: auto;
opacity: 0;
}
.bnjc-header .wp-block-site-logo {
position: relative;
}
.bnjc-header .wp-block-site-logo a::after {
content: "";
position: absolute;
inset: 0;
background: url("https://bnjc.co.uk/wp-content/themes/bnjc/assets/css/../img/bnjc-logo-white.png") left center / contain no-repeat;
pointer-events: none;
}
.bnjc-header .wp-block-site-logo a {
display: inline-flex;
padding-block: 4px;
}
@media (max-width: 767px) {
.bnjc-header .wp-block-site-logo img {
block-size: 30px;
}
}
.wp-block-group.has-background:is(.bnjc-header, .bnjc-footer, .bnjc-mega-card, .bnjc-mega__featured, .bnjc-mega__panel, .bnjc-collage, .bnjc-whats-on, .bnjc-hero) {
padding: 0;
}
.wp-site-blocks > * {
margin-block: 0;
}
.bnjc-mega__panel a:not(.wp-block-button__link) {
color: inherit;
}
.bnjc-mega__practical a {
text-decoration: none;
}
.bnjc-mega__practical a:hover {
text-decoration: underline;
}
.bnjc-mega > * {
margin-block: 0;
}
.has-purple-background-color .wp-block-button.is-style-arrow .wp-block-button__link:not(.has-background) {
background: var(--white);
color: var(--purple);
--bnjc-disc-bg: var(--purple);
--bnjc-disc-fg: var(--white);
}
.has-navy-background-color .wp-block-button.is-style-arrow .wp-block-button__link:not(.has-background) {
background: var(--white);
color: var(--navy);
--bnjc-disc-bg: var(--accent-dark);
--bnjc-disc-fg: var(--white);
}
.has-hove-green-background-color .wp-block-button.is-style-arrow .wp-block-button__link:not(.has-background),
.has-ink-warm-background-color .wp-block-button.is-style-arrow .wp-block-button__link:not(.has-background) {
background: var(--white);
color: var(--navy-darkest);
--bnjc-disc-bg: var(--navy-darkest);
--bnjc-disc-fg: var(--white);
}
.has-teal-background-color .wp-block-button.is-style-arrow .wp-block-button__link:not(.has-background) {
background: var(--ink-warm);
color: var(--teal);
--bnjc-disc-bg: var(--teal);
--bnjc-disc-fg: var(--ink-warm);
}
.has-berry-background-color .wp-block-button.is-style-arrow .wp-block-button__link:not(.has-background) {
background: var(--white);
color: var(--berry);
--bnjc-disc-bg: var(--berry);
--bnjc-disc-fg: var(--white);
}
.bnjc-mega__featured-media {
min-block-size: 180px;
border-radius: var(--radius-xs) var(--radius-xs) 0 0;
margin: 0;
}
.bnjc-mega__featured-media .wp-block-cover__inner-container {
padding: 16px;
}
.bnjc-mega__featured-media p {
margin: 0;
}
.bnjc-mega .bnjc-mega__bar,
.bnjc-mobile-only {
display: none;
}
@media (max-width: 767px) {
.bnjc-mega__panel {
display: flex;
flex-direction: column;
inset: 0;
border-radius: 0;
padding: 0;
max-block-size: none;
}
.bnjc-mega__panel > * {
margin-block: 0;
}
.bnjc-mega__intents {
flex-wrap: wrap;
gap: 8px;
padding: 18px 18px 8px;
border-block-end: 0;
}
.bnjc-mega__intents > .bnjc-overline {
font-size: var(--wp--preset--font-size--small);
margin-inline-end: 4px;
flex: none;
}
.bnjc-mega__intents .wp-block-buttons {
flex-wrap: wrap;
gap: 8px;
}
.bnjc-mega__intents .wp-block-button__link {
min-block-size: var(--touch-min);
font-size: var(--wp--preset--font-size--small);
padding-inline: 14px;
white-space: nowrap;
}
.bnjc-mega__help {
display: none;
}
.bnjc-mega__view {
margin: 0;
padding: 0 18px;
flex: 1;
}
.bnjc-mega__view[data-intent=""] .bnjc-mega__grid {
display: block;
}
.bnjc-mega__view[data-intent=""] .bnjc-mega__featured {
display: none;
}
.bnjc-mega__view[data-intent=""] .bnjc-mega-card {
position: relative;
display: grid;
grid-template-columns: 12px 1fr 36px;
align-items: center;
column-gap: 14px;
padding: 16px 0;
border-block-end: 1px solid var(--wp--custom--color--on-dark-border-subtle);
border-radius: 0;
background: transparent !important;
color: var(--white) !important;
overflow: visible;
}
.bnjc-mega__view[data-intent=""] .bnjc-mega-card::before {
content: "";
grid-column: 1;
grid-row: 1 / 3;
inline-size: 12px;
block-size: 12px;
border-radius: var(--radius-pill);
background: var(--bnjc-card-colour, var(--navy));
}
.bnjc-mega__view[data-intent=""] .bnjc-mega-card .wp-block-image,
.bnjc-mega__view[data-intent=""] .bnjc-mega-card .bnjc-mega-card__body .is-style-numbered-links,
.bnjc-mega__view[data-intent=""] .bnjc-mega-card .bnjc-mega-card__body .bnjc-mega-card__action,
.bnjc-mega__view[data-intent=""] .bnjc-mega-card .bnjc-mega-card__body .wp-block-buttons {
display: none;
}
.bnjc-mega__view[data-intent=""] .bnjc-mega-card__body {
display: contents;
}
.bnjc-mega__view[data-intent=""] .bnjc-mega-card__body > .bnjc-overline {
grid-column: 2;
grid-row: 1;
font-family: var(--wp--preset--font-family--display);
font-size: 22px;
font-weight: 400;
letter-spacing: var(--wp--custom--typography--tracking-display);
line-height: var(--wp--custom--typography--leading-heading);
text-transform: none;
opacity: 1;
margin: 0;
}
.bnjc-mega__view[data-intent=""] .bnjc-mega-card__body > :is(h3, :where(.bnjc-mega__title)) {
grid-column: 2;
grid-row: 2;
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--small);
text-transform: none;
letter-spacing: 0;
line-height: 1.4;
opacity: 0.65;
margin: 2px 0 0;
}
.bnjc-mega-card__drill {
grid-column: 3;
grid-row: 1 / 3;
inline-size: 36px;
block-size: 36px;
border-radius: var(--radius-pill);
border: 1.5px solid rgba(255, 255, 255, 0.3);
background: transparent;
color: var(--white);
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
cursor: pointer;
}
.bnjc-mega-card__drill::before {
content: "";
position: absolute;
inset: 0;
}
.bnjc-mega-card__drill svg {
inline-size: 14px;
block-size: 14px;
}
[dir="rtl"] .bnjc-mega-card__drill svg {
transform: scaleX(-1);
}
.bnjc-mega__view.is-drilling .bnjc-mega-card:not(.is-drilled),
.bnjc-mega__view.is-drilling ~ .bnjc-mega__strand {
display: none;
}
.bnjc-mega__back {
display: none;
align-items: center;
gap: 8px;
margin: 14px 0 0;
padding: 0;
border: 0;
background: transparent;
color: var(--white);
font: inherit;
font-size: var(--wp--preset--font-size--small);
font-weight: 600;
opacity: 0.75;
cursor: pointer;
min-block-size: var(--touch-min);
}
.bnjc-mega__view.is-drilling .bnjc-mega__back {
display: inline-flex;
}
.bnjc-mega__back span {
inline-size: 32px;
block-size: 32px;
border-radius: var(--radius-pill);
border: 1.5px solid rgba(255, 255, 255, 0.3);
display: inline-flex;
align-items: center;
justify-content: center;
}
[dir="rtl"] .bnjc-mega__back svg {
transform: scaleX(-1);
}
.bnjc-mega__view[data-intent=""] .bnjc-mega-card.is-drilled {
display: flex;
flex-direction: column;
margin-block-start: 14px;
padding: 0;
border: 0;
border-radius: var(--radius-xs);
overflow: hidden;
background: var(--bnjc-card-colour, var(--navy)) !important;
color: var(--bnjc-card-ink, var(--white)) !important;
}
.bnjc-mega__view[data-intent=""] .bnjc-mega-card.is-drilled::before,
.bnjc-mega__view[data-intent=""] .bnjc-mega-card.is-drilled .bnjc-mega-card__drill {
display: none;
}
.bnjc-mega__view[data-intent=""] .bnjc-mega-card.is-drilled .wp-block-image {
display: block;
}
.bnjc-mega__view[data-intent=""] .bnjc-mega-card.is-drilled .wp-block-image img {
block-size: 150px;
}
.bnjc-mega__view[data-intent=""] .bnjc-mega-card.is-drilled .bnjc-mega-card__body {
display: flex;
flex-direction: column;
gap: 10px;
padding: 18px 18px 20px;
}
.bnjc-mega__view[data-intent=""] .bnjc-mega-card.is-drilled .bnjc-mega-card__body > .bnjc-overline {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--small);
font-weight: 700;
letter-spacing: 0.08em;
line-height: 24px;
display: inline-flex;
align-self: flex-start;
padding-inline: 12px;
border-radius: var(--radius-pill);
background: var(--bnjc-card-ink, var(--white));
color: var(--bnjc-card-colour, var(--navy));
margin-block-start: -42px;
position: relative;
}
.bnjc-mega__view[data-intent=""] .bnjc-mega-card.is-drilled .bnjc-mega-card__body > :is(h3, :where(.bnjc-mega__title)) {
font-family: var(--wp--preset--font-family--display);
font-size: 34px;
text-transform: none;
letter-spacing: var(--wp--custom--typography--tracking-display);
line-height: var(--wp--custom--typography--leading-heading);
opacity: 1;
margin: 0;
}
.bnjc-mega__view[data-intent=""] .bnjc-mega-card.is-drilled .is-style-numbered-links {
display: block;
margin-block-start: 10px;
}
.bnjc-mega__view[data-intent=""] .bnjc-mega-card.is-drilled .is-style-numbered-links li {
display: flex;
align-items: center;
gap: 12px;
padding: 14px 0;
border-block-end: 1px solid rgba(255, 255, 255, 0.18);
font-size: 16px;
font-weight: 600;
line-height: 1.3;
}
.bnjc-mega__view[data-intent=""] .bnjc-mega-card.is-drilled .bnjc-mega-card__action {
display: inline-flex;
align-self: flex-start;
align-items: center;
gap: 10px;
margin-block-start: 14px;
min-block-size: 40px;
padding: 0 6px 0 16px;
border-radius: var(--radius-pill);
background: var(--bnjc-card-ink, var(--white));
color: var(--bnjc-card-colour, var(--navy));
font-size: var(--wp--preset--font-size--small);
}
.bnjc-mega__view[data-intent=""] .bnjc-mega-card.is-drilled .bnjc-mega-card__action a {
color: inherit;
}
.bnjc-mega__grid--eat,
.bnjc-mega__grid--intent {
grid-template-columns: 1fr;
}
.bnjc-mega__hero {
min-block-size: 280px !important;
}
.bnjc-mega__also {
padding-block: 16px;
}
.bnjc-mega__strand {
margin: 0;
padding: 16px 18px 0;
border: 0;
}
.bnjc-mega__strand .wp-block-navigation__container {
gap: 8px 18px;
}
.bnjc-mega__strand .wp-block-navigation-item__content {
font-size: var(--wp--preset--font-size--small);
opacity: 0.8;
}
.bnjc-mega__strand .bnjc-mega__practical {
display: none;
}
.bnjc-mobile-only {
display: block;
}
.bnjc-mega .bnjc-mega__bar {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px 12px;
margin-block-start: auto;
padding: 14px 18px;
border-block-start: 1px solid var(--wp--custom--color--on-dark-border-subtle);
position: sticky;
inset-block-end: 0;
background: var(--navy-darkest);
}
.bnjc-mega__bar-shabbat {
margin: 0;
font-size: var(--wp--preset--font-size--small);
}
.bnjc-mega__bar-shabbat .bnjc-overline {
color: var(--gold);
font-size: var(--wp--preset--font-size--small);
margin-inline-end: 6px;
}
.bnjc-mega__bar .wp-block-button__link {
min-block-size: var(--touch-min);
font-size: var(--wp--preset--font-size--small);
padding-inline: 14px;
}
}
.bnjc-mega-card.has-gold-background-color {
--bnjc-card-colour: var(--gold);
--bnjc-card-ink: var(--ink-warm);
}
.bnjc-mega-card.has-purple-background-color {
--bnjc-card-colour: var(--purple);
--bnjc-card-ink: var(--white);
}
.bnjc-mega-card.has-navy-background-color {
--bnjc-card-colour: var(--navy);
--bnjc-card-ink: var(--white);
}
.bnjc-mega-card.has-ink-warm-background-color {
--bnjc-card-colour: var(--ink-warm);
--bnjc-card-ink: var(--white);
}
.bnjc-mega-card.has-hove-green-background-color {
--bnjc-card-colour: var(--wp--preset--color--hove-green);
--bnjc-card-ink: var(--white);
}
.bnjc-mega-card.has-teal-background-color {
--bnjc-card-colour: var(--teal);
--bnjc-card-ink: var(--ink-warm);
}
.bnjc-mega-card.has-berry-background-color {
--bnjc-card-colour: var(--berry);
--bnjc-card-ink: var(--white);
}
.bnjc-mega-card.has-navy-darkest-background-color {
--bnjc-card-colour: var(--navy-darkest);
--bnjc-card-ink: var(--white);
}
.bnjc-mega-card.has-pink-background-color {
--bnjc-card-colour: var(--pink);
--bnjc-card-ink: var(--ink-warm);
}
.bnjc-footer__groups details:not(:has(.wp-block-navigation-item)) {
display: none;
}
.bnjc-footer .bnjc-footer__shabbat {
display: none;
}
@media (min-width: 900px) {
.bnjc-footer .bnjc-footer__groups {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 28px 20px;
margin-block: 32px;
padding-block: 32px;
border-block: 1px solid rgba(246, 241, 231, 0.2);
}
.bnjc-footer__groups .wp-block-details {
margin: 0;
}
.bnjc-footer__groups summary {
display: flex;
align-items: center;
margin-block-end: 12px;
font-size: var(--wp--preset--font-size--small);
font-weight: 700;
color: var(--white);
list-style: none;
cursor: default;
pointer-events: none;
}
.bnjc-footer__groups summary::-webkit-details-marker,
.bnjc-footer__groups summary::after {
display: none;
}
.bnjc-footer__groups .wp-block-navigation__container {
display: block;
}
.bnjc-footer__groups .wp-block-navigation-item__content {
display: block;
font-size: var(--wp--preset--font-size--small);
line-height: 1.9;
color: rgba(246, 241, 231, 0.78);
}
.bnjc-footer__groups .wp-block-navigation-item__content:hover,
.bnjc-footer__groups .wp-block-navigation-item__content:focus-visible {
color: var(--white);
}
}
@media (min-width: 1100px) {
.bnjc-footer .bnjc-footer__groups {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
@media (max-width: 899px) {
.bnjc-footer .bnjc-footer__shabbat {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 8px 16px;
margin: -36px -24px 24px;
padding: 16px 18px;
background: var(--navy);
}
.bnjc-footer__shabbat p {
margin: 0;
}
.bnjc-footer__shabbat .bnjc-overline {
display: block;
font-size: var(--wp--preset--font-size--small);
opacity: 0.75;
color: var(--white);
}
.bnjc-footer__shabbat-times {
font-family: var(--wp--preset--font-family--display);
font-size: 20px;
text-transform: uppercase;
letter-spacing: var(--wp--custom--typography--tracking-display);
line-height: var(--wp--custom--typography--leading-display);
margin-block-start: 2px;
}
.bnjc-footer__shabbat a {
color: var(--white);
font-size: var(--wp--preset--font-size--small);
font-weight: 700;
white-space: nowrap;
}
.bnjc-footer .bnjc-footer__groups {
display: block;
margin-block-start: 20px;
}
.bnjc-footer__groups .wp-block-details {
border-block-start: 1px solid rgba(255, 255, 255, 0.15);
margin: 0;
}
.bnjc-footer__groups summary {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 0;
font-size: var(--wp--preset--font-size--small);
font-weight: 700;
list-style: none;
cursor: pointer;
}
.bnjc-footer__groups summary::-webkit-details-marker {
display: none;
}
.bnjc-footer__groups summary::after {
content: "+";
inline-size: 32px;
block-size: 32px;
border-radius: var(--radius-pill);
border: 1.5px solid rgba(255, 255, 255, 0.3);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: var(--wp--preset--font-size--small);
font-weight: 400;
}
.bnjc-footer__groups details[open] summary::after {
content: "\2212";
}
.bnjc-footer__groups .wp-block-navigation {
padding-block-end: 16px;
}
.bnjc-footer__groups .wp-block-navigation__container {
display: block;
}
.bnjc-footer__groups .wp-block-navigation-item__content {
display: block;
padding-block: 6px;
font-size: var(--wp--preset--font-size--small);
line-height: 2;
opacity: 0.85;
color: var(--white);
}
.bnjc-footer__groups summary {
justify-content: flex-start;
}
.bnjc-footer__groups summary::after {
margin-inline-start: auto;
}
}
@media (max-width: 767px) {
.bnjc-mega__view[data-intent=""] .bnjc-mega-card:not(.is-drilled) .bnjc-mega-card__body > .bnjc-overline,
.bnjc-mega__view[data-intent=""] .bnjc-mega-card:not(.is-drilled) .bnjc-mega-card__body > :is(h3, :where(.bnjc-mega__title)) {
color: var(--white) !important;
}
.bnjc-mega__view[data-intent=""] .bnjc-mega-card.is-drilled .bnjc-mega-card__body > :is(h3, :where(.bnjc-mega__title)) {
color: inherit !important;
}
}
@media (max-width: 767px) {
.bnjc-mega__view[data-intent=""] .bnjc-mega-card.is-drilled {
align-items: stretch;
}
.bnjc-mega__intents {
align-items: center;
}
}
.bnjc-mega-card__drill,
.bnjc-mega__back {
display: none;
font: inherit;
}
@media (max-width: 767px) {
.bnjc-mega__intents,
.bnjc-mega__strand,
.bnjc-mega__bar {
flex: none;
}
.bnjc-mega__view {
flex: 1 1 auto;
min-block-size: 0;
overflow-y: auto;
}
.bnjc-mega-card__drill {
display: inline-flex;
}
}
.bnjc-pill {
display: inline-flex;
align-items: center;
justify-content: center;
min-block-size: 40px;
padding-inline: 20px;
border-radius: var(--radius-pill);
border: 1.5px solid currentcolor;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: var(--wp--custom--typography--tracking-pill);
text-transform: uppercase;
text-decoration: none;
color: inherit;
white-space: nowrap;
transition: var(--transition-control);
}
.bnjc-pill:hover {
background: var(--wp--custom--color--hover-wash);
text-decoration: none;
}
.bnjc-pill.is-active {
background: var(--bnjc-pill-fill, var(--navy));
color: var(--bnjc-pill-ink, var(--white));
border-color: transparent;
}
.bnjc-pill--xs {
min-block-size: 36px;
padding-inline: 14px;
font-size: var(--wp--preset--font-size--small);
}
.has-gold-background-color .bnjc-pill {
--bnjc-pill-fill: var(--ink-warm);
--bnjc-pill-ink: var(--gold);
border-color: rgba(25, 27, 111, 0.4);
}
.has-gold-background-color .bnjc-pill:hover {
border-color: var(--ink-warm);
background: rgba(25, 27, 111, 0.06);
}
.bnjc-whats-on-block .bnjc-filter-pills {
gap: 10px;
margin-block-end: 36px;
}
.bnjc-whats-on-block .bnjc-whats-on__count {
margin: -24px 0 24px;
font-size: var(--wp--preset--font-size--small);
opacity: 0.7;
}
.bnjc-whats-on__empty {
font-size: var(--wp--preset--font-size--body-l);
opacity: 0.8;
}
.bnjc-whats-on__empty-form {
margin-block-start: 24px;
padding: clamp(20px, 4vw, 48px);
border-block-start: 3px solid var(--wp--preset--color--navy);
border-radius: 0 0 var(--wp--custom--radius--xs, 2px) var(--wp--custom--radius--xs, 2px);
background: var(--wp--preset--color--white);
}
.bnjc-whats-on-block .bnjc-event-card {
min-inline-size: 0;
}
.bnjc-whats-on-block .bnjc-event-card__media {
aspect-ratio: 4 / 3;
background: var(--wp--preset--color--cream-deep) repeating-linear-gradient(135deg, transparent 0 9px, rgba(0, 0, 0, 0.05) 9px 10px);
}
.has-navy-background-color .bnjc-whats-on-block .bnjc-event-card__media,
.has-navy-darkest-background-color .bnjc-whats-on-block .bnjc-event-card__media {
background: var(--wp--preset--color--navy-deep, #12134F) repeating-linear-gradient(135deg, transparent 0 9px, rgba(255, 255, 255, 0.06) 9px 10px);
}
.bnjc-whats-on-block .bnjc-event-card__title {
font-size: var(--wp--preset--font-size--display-s);
margin: 20px 0 0;
color: inherit;
}
.bnjc-whats-on-block .bnjc-event-card__title a {
color: inherit;
text-decoration: none;
}
.bnjc-whats-on-block .bnjc-event-card__title a:hover {
text-decoration: underline;
text-decoration-thickness: 2px;
}
.bnjc-whats-on-block .bnjc-event-card__meta {
margin: 8px 0 0;
font-size: var(--wp--preset--font-size--small);
max-inline-size: none;
}
.bnjc-whats-on-block .bnjc-event-card.is-cancelled .bnjc-event-card__title {
text-decoration: line-through;
opacity: 0.6;
}
.bnjc-whats-on-block.is-layout-cards .bnjc-event-card__title {
color: var(--navy);
}
.bnjc-whats-on-block.is-layout-cards .bnjc-event-card__meta {
color: var(--grey-700);
font-size: var(--wp--preset--font-size--small);
}
.bnjc-whats-on-block.is-layout-carousel .bnjc-carousel__track {
--bnjc-carousel-gap: 24px;
}
.bnjc-whats-on-block.is-layout-carousel .bnjc-event-card {
inline-size: 400px;
}
.bnjc-whats-on-block.is-layout-carousel .bnjc-event-card:not([hidden]):first-of-type,
.bnjc-whats-on-block.is-layout-carousel .bnjc-event-card.is-lead {
inline-size: 640px;
}
.bnjc-whats-on-block.is-layout-carousel .bnjc-event-card__media {
aspect-ratio: auto;
block-size: 480px;
}
.bnjc-whats-on-block.is-layout-carousel .bnjc-event-card:first-of-type .bnjc-event-card__title {
font-size: var(--wp--preset--font-size--display-m);
}
.bnjc-whats-on-block.is-layout-carousel .bnjc-carousel__controls {
justify-content: flex-end;
}
.bnjc-whats-on .bnjc-carousel__footer {
margin-block-start: -60px;
pointer-events: none;
}
.bnjc-whats-on .bnjc-carousel__footer > * {
pointer-events: auto;
}
@media (max-width: 767px) {
.bnjc-whats-on-block.is-layout-carousel .bnjc-event-card,
.bnjc-whats-on-block.is-layout-carousel .bnjc-event-card:not([hidden]):first-of-type {
inline-size: 342px;
}
.bnjc-whats-on-block.is-layout-carousel .bnjc-event-card:nth-of-type(n + 2) {
inline-size: 300px;
}
.bnjc-whats-on-block.is-layout-carousel .bnjc-event-card__media {
block-size: 340px;
}
.bnjc-whats-on-block.is-layout-carousel .bnjc-event-card__title,
.bnjc-whats-on-block.is-layout-carousel .bnjc-event-card:first-of-type .bnjc-event-card__title {
font-size: 24px;
margin-block-start: 14px;
}
.bnjc-whats-on-block .bnjc-filter-pills {
flex-wrap: wrap;
gap: 8px;
margin-block-end: 22px;
}
.bnjc-whats-on-block .bnjc-pill {
box-sizing: border-box;
min-block-size: var(--touch-min);
padding-inline: 16px;
font-size: var(--wp--preset--font-size--small);
}
.bnjc-whats-on .bnjc-carousel__footer {
margin-block-start: 22px;
}
}
.bnjc-event-list {
border-block-start: 1px solid var(--wp--custom--color--border-subtle);
}
.bnjc-event-day {
display: grid;
grid-template-columns: 11rem minmax(0, 1fr);
gap: 24px;
padding-block: 24px;
border-block-end: 1px solid var(--wp--custom--color--border-subtle);
}
.bnjc-event-day__label {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--berry);
margin: 6px 0 0;
}
.bnjc-event-row {
padding-block: 10px;
align-items: center;
}
.bnjc-event-row + .bnjc-event-row {
border-block-start: 1px solid var(--wp--custom--color--divider);
}
.bnjc-event-row__time {
inline-size: 5em;
flex: none;
font-variant-numeric: tabular-nums;
font-weight: 600;
}
.bnjc-event-row__body a {
color: var(--navy);
text-decoration: none;
}
.bnjc-event-row__body a:hover {
text-decoration: underline;
}
.bnjc-event-row__where {
display: block;
font-size: var(--wp--preset--font-size--small);
color: var(--grey-700);
}
.bnjc-event-row.is-shabbat {
color: var(--navy);
}
.bnjc-event-row.is-shabbat .bnjc-event-row__time::before {
content: "";
display: inline-block;
inline-size: 10px;
block-size: 10px;
border-radius: var(--radius-pill);
background: var(--accent-dark);
margin-inline-end: 8px;
vertical-align: middle;
}
.bnjc-event-row.is-cancelled .bnjc-event-row__body strong {
text-decoration: line-through;
opacity: 0.6;
}
.bnjc-event-row__action {
color: var(--navy);
}
@media (max-width: 767px) {
.bnjc-event-day {
grid-template-columns: 1fr;
gap: 8px;
}
.bnjc-event-row {
flex-wrap: wrap;
}
.bnjc-event-row__action {
margin-inline-start: auto;
}
}
.bnjc-whats-on-block.is-layout-featured {
display: flex;
flex-direction: column;
block-size: 100%;
}
.bnjc-whats-on-block.is-layout-featured .bnjc-event-card__media {
aspect-ratio: auto;
block-size: 220px;
border-radius: var(--radius-xs) var(--radius-xs) 0 0;
}
.bnjc-mega__featured--compact .bnjc-whats-on-block.is-layout-featured .bnjc-event-card__media {
block-size: 180px;
}
.bnjc-whats-on-block.is-layout-featured .bnjc-event-card__tag {
inset-inline-start: 16px;
inset-block-end: 16px;
}
.bnjc-featured__body {
display: flex;
flex-direction: column;
gap: 16px;
padding: 20px;
flex: 1;
}
.bnjc-featured__body .bnjc-overline {
color: var(--berry);
margin: 0;
}
.bnjc-featured__title {
font-size: 28px;
color: var(--navy);
margin: -10px 0 0;
}
.bnjc-mega__featured--compact .bnjc-featured__title {
font-size: 26px;
}
.bnjc-featured__title a {
color: inherit;
text-decoration: none;
}
.bnjc-featured__title a:hover {
text-decoration: underline;
}
.bnjc-featured__caption {
font-size: var(--wp--preset--font-size--small);
color: var(--grey-700);
margin: -12px 0 0;
}
.bnjc-featured__body hr {
border: 0;
block-size: 1px;
background: var(--wp--custom--color--border-subtle);
margin: 0;
}
.bnjc-featured__more {
font-size: var(--wp--preset--font-size--small);
line-height: 1.8;
margin: 0;
}
.bnjc-featured__more a {
color: inherit;
text-decoration: none;
}
.bnjc-featured__more a:hover {
text-decoration: underline;
}
.bnjc-featured__shabbat {
font-size: 18px;
font-weight: 700;
margin: -12px 0 0;
}
.bnjc-featured__action {
margin-block-start: auto;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.bnjc-featured__action a {
color: var(--navy);
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
}
.bnjc-featured__action a:hover {
text-decoration-thickness: 2px;
}
.bnjc-mega__featured > .wp-block-bnjc-whats-on {
margin: 0;
}
.bnjc-shabbat--compact .bnjc-shabbat__label {
font-weight: 400;
}
.bnjc-shabbat--compact .bnjc-shabbat__times {
font-weight: 600;
}
.bnjc-shabbat--full .bnjc-overline {
color: var(--berry);
}
.bnjc-shabbat__big {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--display-m);
text-transform: uppercase;
letter-spacing: var(--wp--custom--typography--tracking-display);
line-height: var(--wp--custom--typography--leading-display);
color: var(--navy);
margin: 8px 0 0;
max-inline-size: none;
}
.bnjc-shabbat__heading {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--berry);
margin: 32px 0 0;
}
.bnjc-footer__shabbat .bnjc-shabbat--compact {
display: flex;
flex-direction: column;
color: var(--white);
}
.bnjc-footer__shabbat .bnjc-shabbat__label {
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
opacity: 0.75;
}
.bnjc-footer__shabbat .bnjc-shabbat__times {
font-family: var(--wp--preset--font-family--display);
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: var(--wp--custom--typography--tracking-display);
line-height: var(--wp--custom--typography--leading-display);
margin-block-start: 2px;
}
.bnjc-mega__bar .bnjc-shabbat--compact {
font-size: var(--wp--preset--font-size--small);
margin: 0;
}
.bnjc-mega__bar .bnjc-shabbat__label {
color: var(--gold);
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
margin-inline-end: 6px;
}
.bnjc-drawer__panel {
color: var(--ink);
font-size: var(--wp--preset--font-size--medium);
}
.bnjc-drawer__head {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 16px;
padding: 22px 26px 18px;
border-block-end: 1px solid var(--wp--custom--color--border-default);
}
.bnjc-drawer__head .bnjc-overline {
color: var(--berry);
margin: 0;
}
.bnjc-drawer__title {
font-family: var(--wp--preset--font-family--display);
font-size: 28px;
text-transform: none;
letter-spacing: var(--wp--custom--typography--tracking-display);
line-height: var(--wp--custom--typography--leading-heading);
color: var(--navy);
margin: 4px 0 0;
}
.bnjc-drawer__close {
inline-size: var(--touch-min);
block-size: var(--touch-min);
flex: none;
font-size: 18px;
line-height: 1;
border-color: var(--wp--custom--color--border-default);
color: var(--ink);
}
.bnjc-drawer__notice {
background: var(--gold);
color: var(--ink-warm);
padding: 12px 14px;
margin: 0 0 18px;
font-size: var(--wp--preset--font-size--small);
max-inline-size: none;
}
.bnjc-drawer__error {
display: flex;
gap: 12px;
align-items: flex-start;
background: var(--berry);
color: var(--white);
padding: 16px 26px;
font-size: var(--wp--preset--font-size--small);
}
.bnjc-drawer__error span {
inline-size: 24px;
block-size: 24px;
border-radius: var(--radius-pill);
background: var(--white);
color: var(--berry);
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
flex: none;
}
.bnjc-drawer__error p {
margin: 0;
max-inline-size: none;
}
.bnjc-ticket {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
padding: 16px 0;
border-block-end: 1px solid var(--wp--custom--color--border-subtle);
}
.bnjc-ticket > :first-child {
min-inline-size: 0;
}
.bnjc-ticket.is-gone {
opacity: 0.45;
}
.bnjc-ticket__name {
display: block;
font-weight: 700;
}
.bnjc-ticket__price {
display: block;
font-size: var(--wp--preset--font-size--small);
color: var(--grey-700);
}
.bnjc-ticket__price b {
color: var(--berry);
}
.bnjc-ticket__gone {
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.bnjc-step {
inline-size: var(--touch-min);
block-size: var(--touch-min);
border-radius: var(--radius-pill);
border: 1.5px solid rgba(28, 36, 48, 0.3);
background: transparent;
color: var(--navy);
font-weight: 700;
font-size: 16px;
cursor: pointer;
transition: var(--transition-control);
}
.bnjc-step.is-add {
border-color: var(--navy);
background: var(--navy);
color: var(--white);
}
.bnjc-step[disabled] {
opacity: 0.42;
cursor: default;
}
.bnjc-stepper output {
font-weight: 800;
font-size: 19px;
min-inline-size: 18px;
text-align: center;
}
.bnjc-drawer__meta {
display: flex;
justify-content: space-between;
gap: 12px;
font-size: var(--wp--preset--font-size--small);
color: var(--grey-700);
margin: 14px 0 0;
max-inline-size: none;
}
.bnjc-drawer__total {
display: flex;
justify-content: space-between;
align-items: baseline;
margin-block-end: 14px;
}
.bnjc-drawer__total .bnjc-overline {
color: var(--grey-700);
margin: 0;
}
.bnjc-drawer__total strong {
font-family: var(--wp--preset--font-family--display);
font-size: 30px;
color: var(--navy);
letter-spacing: var(--wp--custom--typography--tracking-display);
}
.bnjc-drawer__cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
inline-size: 100%;
min-block-size: 52px;
padding-inline: 24px;
border: 0;
border-radius: var(--radius-pill);
background: var(--navy);
color: var(--white);
font: inherit;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: var(--wp--custom--typography--tracking-pill);
text-transform: uppercase;
cursor: pointer;
transition: var(--transition-control);
}
.bnjc-drawer__cta:hover:not([disabled]) {
background: var(--navy-deep);
}
.bnjc-drawer__cta[disabled] {
background: rgba(28, 36, 48, 0.18);
color: rgba(28, 36, 48, 0.55);
cursor: default;
}
.bnjc-drawer__foot--split {
display: flex;
align-items: center;
gap: 12px;
}
.bnjc-drawer__foot--split .bnjc-drawer__cta {
flex: 1;
}
.bnjc-drawer__back,
.bnjc-drawer__secondary,
.bnjc-drawer__apply {
min-block-size: 52px;
padding-inline: 20px;
border: 1.5px solid rgba(28, 36, 48, 0.3);
border-radius: var(--radius-pill);
background: transparent;
color: var(--ink);
font: inherit;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: var(--wp--custom--typography--tracking-pill);
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
}
.bnjc-drawer__secondary {
min-block-size: 44px;
border-color: var(--navy);
color: var(--navy);
}
.bnjc-drawer__form {
display: flex;
flex-direction: column;
gap: 14px;
}
.bnjc-drawer__pair {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 20px;
}
.bnjc-drawer__field label {
display: block;
color: var(--grey-700);
margin-block-end: 6px;
}
.bnjc-drawer__field input,
.bnjc-drawer__field textarea {
box-sizing: border-box;
inline-size: 100%;
min-block-size: 48px;
padding: 12px 14px;
border: 1.5px solid rgba(28, 36, 48, 0.24);
border-radius: var(--radius-xs);
background: var(--white);
font: inherit;
font-size: var(--wp--preset--font-size--small);
color: var(--ink);
}
.bnjc-drawer__field textarea {
min-block-size: 76px;
line-height: 1.5;
resize: vertical;
}
.bnjc-drawer__field.is-invalid input,
.bnjc-drawer__field.is-invalid textarea {
border-color: var(--berry);
border-width: 2px;
}
.bnjc-drawer__field.is-invalid label {
color: var(--berry);
}
.bnjc-drawer__field-error {
display: flex;
gap: 8px;
align-items: center;
margin: 6px 0 0;
font-size: var(--wp--preset--font-size--small);
font-weight: 700;
color: var(--berry);
max-inline-size: none;
}
.bnjc-drawer__field-error span {
inline-size: 18px;
block-size: 18px;
border-radius: var(--radius-pill);
background: var(--berry);
color: var(--white);
display: flex;
align-items: center;
justify-content: center;
font-size: var(--wp--preset--font-size--small);
flex: none;
}
.bnjc-drawer__promo {
display: flex;
gap: 8px;
}
.bnjc-drawer__promo input {
flex: 1;
text-transform: uppercase;
}
.bnjc-drawer__paybox .bnjc-drawer__promo {
align-items: center;
}
.bnjc-drawer__paybox .bnjc-drawer__promo > span {
font-weight: 700;
color: var(--navy);
}
.bnjc-drawer__paybox .bnjc-drawer__promo input {
text-transform: none;
}
.bnjc-drawer__apply {
min-block-size: 48px;
border-color: var(--navy);
color: var(--navy);
flex: none;
}
.bnjc-drawer__promo-ok {
margin: 6px 0 0;
font-size: var(--wp--preset--font-size--small);
font-weight: 700;
color: var(--berry);
max-inline-size: none;
}
.bnjc-drawer__consent {
display: flex;
gap: 12px;
align-items: flex-start;
font-size: var(--wp--preset--font-size--small);
line-height: 1.5;
color: var(--grey-700);
}
.bnjc-drawer__consent input {
inline-size: 24px;
block-size: 24px;
accent-color: var(--navy);
flex: none;
margin: 0;
}
.bnjc-drawer__summary {
background: var(--white);
padding: 16px 18px;
margin-block-end: 20px;
}
.bnjc-drawer__line {
display: flex;
justify-content: space-between;
gap: 12px;
padding: 8px 0;
font-size: var(--wp--preset--font-size--small);
border-block-end: 1px solid var(--wp--custom--color--border-subtle);
}
.bnjc-drawer__line.is-discount {
color: var(--berry);
}
.bnjc-drawer__line.is-total {
border: 0;
align-items: baseline;
padding-block-start: 12px;
}
.bnjc-drawer__line.is-total strong {
font-family: var(--wp--preset--font-family--display);
font-size: 30px;
color: var(--navy);
}
.bnjc-drawer__fineprint,
.bnjc-drawer__hint {
font-size: var(--wp--preset--font-size--small);
color: var(--grey-700);
line-height: 1.5;
margin: 12px 26px 18px;
max-inline-size: none;
}
.bnjc-drawer__hint {
margin-inline: 0;
}
.bnjc-drawer__done {
background: var(--navy);
color: var(--white);
padding: 28px 26px;
}
.bnjc-drawer__done .bnjc-drawer__title {
color: var(--white);
font-size: 36px;
margin-block-start: 16px;
}
.bnjc-drawer__done p {
margin: 8px 0 0;
opacity: 0.9;
max-inline-size: none;
}
.bnjc-drawer__tick {
display: flex;
align-items: center;
justify-content: center;
inline-size: 52px;
block-size: 52px;
border-radius: var(--radius-pill);
background: var(--accent-light);
color: var(--navy-darkest);
font-size: 24px;
font-weight: 700;
}
.bnjc-drawer__qr {
display: flex;
gap: 16px;
align-items: center;
background: var(--white);
padding: 16px;
margin-block-start: 16px;
font-size: var(--wp--preset--font-size--small);
line-height: 1.5;
}
.bnjc-drawer__qr img {
flex: none;
}
.bnjc-drawer__qr p {
margin: 0;
max-inline-size: none;
}
.bnjc-drawer__actions {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-block-start: 18px;
}
.bnjc-drawer__loading {
display: grid;
gap: 18px;
justify-items: start;
padding: 24px 26px 40px;
color: var(--grey-700);
}
.bnjc-drawer__spinner,
.bnjc-drawer__cta.is-busy::after {
display: inline-block;
inline-size: 28px;
block-size: 28px;
border: 3px solid rgba(25, 27, 111, 0.2);
border-block-start-color: var(--navy);
border-radius: 50%;
animation: bnjc-drawer-spin 0.9s linear infinite;
}
.bnjc-drawer__skeleton {
display: grid;
gap: 12px;
inline-size: 100%;
}
.bnjc-drawer__skeleton i {
display: block;
block-size: 18px;
border-radius: 2px;
background: rgba(25, 27, 111, 0.08);
}
.bnjc-drawer__skeleton i:nth-child(1) {
inline-size: 70%;
}
.bnjc-drawer__skeleton i:nth-child(2) {
inline-size: 100%;
block-size: 56px;
}
.bnjc-drawer__skeleton i:nth-child(3) {
inline-size: 45%;
}
.bnjc-drawer__slow {
margin: 0;
font-size: var(--wp--preset--font-size--small);
}
.bnjc-drawer__slow:empty {
display: none;
}
.bnjc-drawer__total {
flex-wrap: wrap;
}
.bnjc-drawer__pricing {
flex-basis: 100%;
margin-block-start: 2px;
font-size: var(--wp--preset--font-size--small);
color: var(--grey-700);
}
.bnjc-drawer__pricing:empty {
display: none;
}
.bnjc-drawer__cta.is-busy {
cursor: progress;
}
.bnjc-drawer__cta.is-busy::after {
content: "";
background: transparent;
border-color: rgba(255, 248, 241, 0.35);
border-block-start-color: var(--white);
}
@keyframes bnjc-drawer-spin {
to {
transform: rotate(360deg);
}
}
@media (prefers-reduced-motion: reduce) {
.bnjc-drawer__spinner,
.bnjc-drawer__cta.is-busy::after {
animation: none;
border-color: var(--navy);
border-style: dotted;
}
.bnjc-drawer__cta.is-busy::after {
border-color: var(--white);
}
}
@media (max-width: 599px) {
.bnjc-drawer__panel::before {
content: "";
display: block;
inline-size: 44px;
block-size: 4px;
border-radius: 2px;
background: rgba(28, 36, 48, 0.25);
margin: 10px auto 0;
flex: none;
}
.bnjc-drawer__head {
padding: 14px 18px;
}
.bnjc-drawer__title {
font-size: 24px;
}
.bnjc-drawer__pad,
.bnjc-drawer__foot {
padding-inline: 18px;
}
.bnjc-drawer__pair {
grid-template-columns: 1fr;
}
.bnjc-step {
inline-size: 44px;
block-size: 44px;
}
}
.bnjc-drawer__held {
font-size: var(--wp--preset--font-size--small);
opacity: 0.9;
margin: 8px 0 0;
max-inline-size: none;
}
.bnjc-addcal {
position: relative;
display: inline-block;
}
.bnjc-addcal > summary {
display: inline-flex;
align-items: center;
gap: 6px;
list-style: none;
cursor: pointer;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--navy);
}
.bnjc-addcal > summary::-webkit-details-marker {
display: none;
}
.bnjc-addcal > summary:hover {
text-decoration: underline;
}
.bnjc-addcal[open] > summary span {
transform: rotate(90deg);
display: inline-block;
}
.bnjc-addcal__list {
position: absolute;
z-index: 5;
inset-inline-start: 0;
margin-block-start: 8px;
min-inline-size: 200px;
list-style: none;
padding: 6px;
background: var(--white);
border-radius: var(--radius-xs);
box-shadow: var(--shadow-raised, 0 2px 4px rgba(18, 19, 79, 0.08), 0 20px 44px -20px rgba(18, 19, 79, 0.26));
}
.bnjc-addcal__list a {
display: block;
padding: 10px 12px;
border-radius: var(--radius-xs);
font-size: var(--wp--preset--font-size--small);
font-weight: 600;
text-transform: none;
letter-spacing: 0;
color: var(--ink);
text-decoration: none;
}
.bnjc-addcal__list a:hover {
background: var(--wp--custom--color--hover-wash);
color: var(--navy);
}
.bnjc-drawer .bnjc-addcal > summary {
min-block-size: 44px;
padding-inline: 20px;
border: 1.5px solid var(--navy);
border-radius: var(--radius-pill);
}
.bnjc-drawer .bnjc-addcal__list {
inset-block-end: 100%;
margin-block: 0 8px;
}
.bnjc-event-hero {
min-block-size: 440px;
}
.bnjc-event-hero__inner {
inline-size: 100%;
padding-block-end: 8px;
display: flex;
flex-direction: column;
gap: 16px;
max-inline-size: 820px;
margin-inline: 0;
}
.bnjc-event-page__body > .wp-block-columns,
.bnjc-event-hero .wp-block-cover__inner-container {
padding-inline: var(--wp--preset--spacing--90);
}
.bnjc-event-hero__tags {
gap: 8px;
}
.bnjc-event-hero__tags .wp-block-post-terms {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin: 0;
}
.is-style-tag-outline a {
background: transparent !important;
border: 1.5px solid rgba(255, 255, 255, 0.55);
color: var(--white) !important;
}
.bnjc-event-hero__title {
font-size: clamp(40px, 5.3vw, 76px);
color: var(--white);
margin: 0;
max-inline-size: 15ch;
}
.bnjc-event-hero__standfirst {
font-size: 21px;
line-height: 1.5;
color: var(--white);
opacity: 0.92;
max-inline-size: 660px;
margin: 0;
}
.bnjc-event-page__body {
padding-block: var(--wp--preset--spacing--90) var(--wp--preset--spacing--section);
}
.bnjc-event-page__columns {
gap: var(--wp--preset--spacing--90);
align-items: flex-start;
}
.bnjc-breadcrumb {
color: var(--grey-700);
margin-block-end: var(--wp--preset--spacing--50);
}
.bnjc-breadcrumb p,
.bnjc-breadcrumb .wp-block-post-terms {
margin: 0;
font-size: inherit;
}
.bnjc-breadcrumb__sep {
margin-inline: 2px;
font-weight: 300;
opacity: 0.55;
}
.bnjc-breadcrumb a {
color: inherit;
text-decoration: none;
}
.bnjc-breadcrumb a:hover {
text-decoration: underline;
}
.bnjc-event-page__copy {
font-size: 18px;
line-height: 1.65;
}
.bnjc-event-page__copy > * {
max-inline-size: 640px;
}
.bnjc-event-page__aside {
position: sticky;
inset-block-start: calc(var(--header-h) + 20px);
margin-block-start: -92px;
flex-grow: 0 !important;
}
.bnjc-booking {
background: var(--white);
border-block-start: 4px solid var(--bnjc-section, var(--navy));
border-radius: var(--radius-xs);
box-shadow: 0 1px 2px rgba(11, 12, 56, 0.08), 0 12px 28px rgba(11, 12, 56, 0.07);
padding: 26px 26px 22px;
}
.bnjc-booking__date {
color: var(--berry);
margin: 0;
}
.bnjc-booking__time {
font-family: var(--wp--preset--font-family--display);
font-size: 38px;
text-transform: uppercase;
letter-spacing: var(--wp--custom--typography--tracking-display);
line-height: var(--wp--custom--typography--leading-display);
color: var(--navy);
margin: 4px 0 14px;
}
.bnjc-booking.is-cancelled .bnjc-booking__time {
color: var(--grey-700);
text-decoration: line-through;
text-decoration-thickness: 3px;
}
.bnjc-booking.is-cancelled {
border-block-start-color: rgba(28, 36, 48, 0.35);
}
.bnjc-booking__banner {
background: var(--cream);
padding: 14px 16px;
margin-block-end: 6px;
}
.bnjc-booking__banner.is-cancelled {
background: var(--berry);
color: var(--white);
}
.bnjc-booking__banner-title {
font-family: var(--wp--preset--font-family--display);
font-size: 22px;
text-transform: none;
letter-spacing: var(--wp--custom--typography--tracking-display);
line-height: var(--wp--custom--typography--leading-heading);
color: var(--navy);
margin: 0;
}
.bnjc-booking__banner.is-cancelled .bnjc-booking__banner-title {
color: var(--white);
font-size: 20px;
}
.bnjc-booking__banner p:last-child {
font-size: var(--wp--preset--font-size--medium);
color: var(--grey-700);
margin: 2px 0 0;
max-inline-size: none;
}
.bnjc-booking__banner.is-cancelled p:last-child {
color: inherit;
opacity: 0.9;
}
.bnjc-booking__rows {
margin: 0;
}
.bnjc-booking__staff-note {
margin: 0 0 8px;
padding: 8px 12px;
border-inline-start: 4px solid var(--wp--preset--color--gold);
background: var(--cream);
color: var(--navy);
font-size: var(--wp--preset--font-size--caption);
max-inline-size: none;
}
.bnjc-booking .post-password-form {
margin-block-start: 12px;
}
.bnjc-booking .post-password-form p {
margin: 0 0 10px;
font-size: var(--wp--preset--font-size--medium);
}
.bnjc-booking .post-password-form label {
display: block;
font-weight: 700;
}
.bnjc-booking .post-password-form input[type="password"] {
display: block;
box-sizing: border-box;
inline-size: 100%;
min-block-size: 44px;
margin-block-start: 6px;
padding: 8px 12px;
border: 1px solid var(--navy);
border-radius: var(--wp--custom--radius--xs, 2px);
font-size: var(--wp--preset--font-size--medium);
}
.bnjc-booking .post-password-form input[type="submit"] {
min-block-size: 44px;
margin-block-start: 10px;
padding: 0 22px;
border: 0;
border-radius: 999px;
background: var(--navy);
color: var(--white);
font-size: var(--wp--preset--font-size--caption);
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
cursor: pointer;
}
.bnjc-booking__rows > div {
display: flex;
justify-content: space-between;
gap: 12px;
padding-block: 12px;
border-block-end: 1px solid var(--wp--custom--color--border-subtle);
font-size: var(--wp--preset--font-size--small);
}
.bnjc-booking__rows > div:last-child {
border-block-end: 0;
}
.bnjc-booking__rows dt {
color: var(--grey-700);
flex: none;
}
.bnjc-booking__rows dd {
margin: 0;
font-weight: 700;
text-align: end;
}
.bnjc-booking__rows dd a {
color: inherit;
}
.bnjc-booking__rows .is-tight {
color: var(--berry);
}
.bnjc-booking__early {
display: block;
font-weight: 400;
font-size: var(--wp--preset--font-size--small);
color: var(--grey-700);
}
.bnjc-booking__cta {
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
inline-size: 100%;
min-block-size: 52px;
margin-block-start: 18px;
padding-inline: 24px;
border-radius: var(--radius-pill);
background: var(--bnjc-section, var(--navy));
color: var(--bnjc-section-ink, var(--white));
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: var(--wp--custom--typography--tracking-pill);
text-transform: uppercase;
text-decoration: none;
transition: var(--transition-control);
}
.bnjc-booking__cta:hover {
filter: brightness(0.94);
}
.bnjc-booking__cta.is-outline,
.bnjc-booking__cta.is-next {
background: transparent;
border: 2px solid var(--navy);
color: var(--navy);
}
.bnjc-booking__fine,
.bnjc-booking__tbc {
font-size: var(--wp--preset--font-size--small);
color: var(--grey-700);
line-height: 1.5;
margin: 12px 0 0;
max-inline-size: none;
}
.bnjc-facts {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 2px;
background: var(--wp--custom--color--border-subtle);
max-inline-size: 640px;
margin-block-start: var(--wp--preset--spacing--80);
}
.bnjc-facts__box {
background: var(--cream);
padding: 16px 18px;
}
.bnjc-facts__box .bnjc-overline {
color: var(--berry);
margin: 0;
}
.bnjc-facts__box p:last-child {
font-size: var(--wp--preset--font-size--medium);
margin: 4px 0 0;
max-inline-size: none;
}
.bnjc-facts__actions {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-block-start: var(--wp--preset--spacing--60);
}
.bnjc-event-page__more {
margin-block-start: var(--wp--preset--spacing--section);
border-block-start: 1px solid rgba(61, 64, 160, 0.2);
padding-block-start: var(--wp--preset--spacing--70);
}
.bnjc-event-page__more-head {
margin-block-end: var(--wp--preset--spacing--60);
}
.bnjc-event-page__more-link {
margin: 0;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.bnjc-event-page__more-link a {
color: var(--navy);
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
}
.bnjc-event-page__more-link a:hover {
text-decoration-thickness: 2px;
}
.bnjc-book-bar {
display: none;
}
@media (max-width: 899px) {
.bnjc-event-hero {
min-block-size: 300px !important;
}
.bnjc-event-hero__title {
font-size: 40px;
}
.bnjc-event-hero__standfirst {
display: none;
}
.bnjc-event-page__body > .wp-block-columns,
.bnjc-event-hero .wp-block-cover__inner-container {
padding-inline: var(--gutter);
}
.bnjc-event-page__columns {
flex-direction: column;
gap: var(--wp--preset--spacing--70);
}
.bnjc-event-page__columns .wp-block-column {
flex-basis: auto !important;
inline-size: 100%;
}
.bnjc-event-page__aside {
position: static;
margin-block-start: 0;
order: -1;
}
.bnjc-booking__time {
font-size: 30px;
}
.bnjc-facts {
grid-template-columns: 1fr;
max-inline-size: none;
}
.bnjc-event-page {
padding-block-end: 88px;
}
.bnjc-book-bar {
display: flex;
align-items: center;
gap: 12px;
position: fixed;
inset-inline: 0;
inset-block-end: 0;
z-index: 30;
padding: 12px var(--gutter) max(12px, env(safe-area-inset-bottom));
background: var(--cream);
border-block-start: 1px solid rgba(28, 36, 48, 0.16);
box-shadow: 0 -8px 24px rgba(11, 12, 56, 0.08);
}
.bnjc-book-bar__from {
display: flex;
flex-direction: column;
line-height: 1.2;
flex: none;
}
.bnjc-book-bar__from .bnjc-overline {
color: var(--grey-700);
margin: 0;
}
.bnjc-book-bar__from strong {
font-size: 19px;
font-weight: 800;
}
.bnjc-book-bar .bnjc-booking__cta {
margin: 0;
flex: 1;
}
body:has(.bnjc-book-bar) {
padding-block-end: calc(77px + env(safe-area-inset-bottom, 0px));
}
}
.bnjc-event-hero__title,
.bnjc-event-hero__standfirst {
text-shadow: 0 1px 24px rgba(11, 12, 56, 0.45);
}
.bnjc-event-hero .wp-block-cover__inner-container {
inline-size: 100%;
}
@media (max-width: 899px) {
.bnjc-event-page__body {
padding-inline: 0;
overflow-x: clip;
}
.bnjc-event-page__body > .wp-block-columns {
padding-inline: var(--gutter);
margin-inline: 0;
max-inline-size: 100%;
}
.bnjc-event-page__body .wp-block-column {
min-inline-size: 0;
max-inline-size: 100%;
}
.bnjc-booking {
max-inline-size: 100%;
box-sizing: border-box;
}
.bnjc-booking__rows > div {
gap: 16px;
}
.bnjc-booking__rows dd {
min-inline-size: 0;
overflow-wrap: anywhere;
}
.bnjc-event-page__more {
padding-inline: var(--gutter);
}
.bnjc-event-hero__title {
max-inline-size: 100%;
overflow-wrap: anywhere;
}
.bnjc-event-hero .wp-block-cover__inner-container {
padding-inline: var(--gutter);
}
.bnjc-facts {
margin-inline: 0;
}
}
.bnjc-hero__video {
position: absolute;
inset: 0;
inline-size: 100%;
block-size: 100%;
object-fit: cover;
display: block;
}
.bnjc-section-card__media,
.bnjc-mega-card .wp-block-image {
background: var(--wp--preset--color--cream-deep);
}
.wp-block-separator.is-style-wave-band,
.bnjc-wave {
-webkit-mask-image: url("https://bnjc.co.uk/wp-content/themes/bnjc/assets/css/../img/brand/wave-double-white.png");
mask-image: url("https://bnjc.co.uk/wp-content/themes/bnjc/assets/css/../img/brand/wave-double-white.png");
-webkit-mask-repeat: repeat-x;
mask-repeat: repeat-x;
-webkit-mask-size: auto 100%;
mask-size: auto 100%;
-webkit-mask-position: left center;
mask-position: left center;
}
.bnjc-lattice::before,
.has-lattice::before {
-webkit-mask-image: url("https://bnjc.co.uk/wp-content/themes/bnjc/assets/css/../img/brand/lattice.png");
mask-image: url("https://bnjc.co.uk/wp-content/themes/bnjc/assets/css/../img/brand/lattice.png");
-webkit-mask-size: var(--bnjc-lattice-scale, 260px) auto;
mask-size: var(--bnjc-lattice-scale, 260px) auto;
}
.bnjc-section-card .wp-block-image,
.bnjc-section-card__media {
margin: 0;
overflow: visible;
}
.bnjc-section-card .wp-block-image img,
.bnjc-section-card__media,
.bnjc-section-card__media img {
aspect-ratio: var(--bnjc-card-ratio, 4 / 3);
inline-size: 100%;
block-size: auto;
object-fit: cover;
display: block;
}
.bnjc-mega-card .wp-block-image {
aspect-ratio: 16 / 9;
overflow: hidden;
}
.bnjc-mega-card .wp-block-image img {
block-size: 100%;
object-fit: cover;
}
.bnjc-section-cards.bnjc-carousel__track {
display: flex;
grid-template-columns: none;
gap: var(--bnjc-carousel-gap, 24px);
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
padding-block: 4px;
padding-inline: 4px;
margin-inline: -4px;
}
.bnjc-section-cards.bnjc-carousel__track::-webkit-scrollbar {
display: none;
}
.bnjc-section-carousel .bnjc-section-card {
flex: none;
inline-size: clamp(224px, 23vw, 300px);
scroll-snap-align: start;
}
.bnjc-section-carousel .bnjc-section-card h3 {
font-size: var(--wp--preset--font-size--display-sm, var(--wp--preset--font-size--display-xs));
}
.bnjc-section-carousel .bnjc-carousel__controls {
margin-block-start: 28px;
}
.bnjc-section-carousel:not(.has-overflow) .bnjc-carousel__controls {
display: none;
}
@media (max-width: 767px) {
.bnjc-section-cards.bnjc-carousel__track {
gap: 12px;
padding-inline: var(--gutter);
margin-inline: calc(-1 * var(--gutter));
}
.bnjc-section-carousel .bnjc-section-card {
inline-size: 168px;
}
.bnjc-section-carousel .bnjc-carousel__arrows {
display: none;
}
}
.bnjc-drawer__disclaimer {
margin: 0;
padding: 14px var(--bnjc-drawer-pad, 24px);
font-size: var(--wp--preset--font-size--small);
line-height: 1.5;
color: var(--grey-700);
background: var(--wp--preset--color--cream-deep, #F6EBDD);
border-block-start: 1px solid var(--wp--preset--color--cream-deep, #F6EBDD);
white-space: pre-line;
}
.bnjc-whats-on-page__intro {
margin-block-end: 56px;
max-inline-size: 46rem;
margin-inline: 0 !important;
}
.bnjc-whats-on-page .bnjc-whats-on-block.has-filters {
margin-block-start: 0;
}
.bnjc-whats-on-page .bnjc-whats-on__count {
margin-block: 24px 32px;
}
@media (max-width: 767px) {
.bnjc-whats-on-page__intro {
margin-block-end: 36px;
}
.bnjc-whats-on-page .bnjc-whats-on__count {
margin-block: 18px 22px;
}
}
.entry-content > .wp-block-group.alignfull,
.bnjc-whats-on-page > .wp-block-group.alignfull {
padding-inline: var(--gutter);
}
.entry-content > .wp-block-group.alignfull.bnjc-hero,
.entry-content > .wp-block-group.alignfull.bnjc-collage {
padding-inline: 0;
}
.bnjc-shabbat-band {
padding-block: 22px;
}
.bnjc-shabbat-band__inner {
display: flex;
align-items: center;
gap: 28px;
flex-wrap: wrap;
}
.bnjc-shabbat-band__times {
flex: 0 1 auto;
min-inline-size: 0;
}
.bnjc-shabbat-band__times .bnjc-shabbat {
margin: 0;
}
.bnjc-shabbat-band__note {
flex: 1 1 260px;
margin: 0;
font-size: var(--wp--preset--font-size--small);
line-height: 1.5;
color: var(--grey-700);
border-inline-start: 1px solid rgba(61, 64, 160, 0.18);
padding-inline-start: 28px;
}
.bnjc-shabbat-band__logo {
flex: none;
margin: 0;
}
.bnjc-shabbat-band__logo img {
display: block;
max-block-size: 52px;
inline-size: auto;
block-size: auto;
max-inline-size: 140px;
}
.bnjc-shabbat-band__action {
flex: none;
margin: 0;
}
@media (max-width: 899px) {
.bnjc-shabbat-band__inner {
gap: 18px;
}
.bnjc-shabbat-band__note {
border-inline-start: 0;
padding-inline-start: 0;
flex-basis: 100%;
}
}
@media (min-width: 1360px) {
.bnjc-header__buttons > .bnjc-header__menu-toggle,
.bnjc-header .bnjc-header__menu-toggle {
display: none;
}
}
.bnjc-header__nav .wp-block-navigation-item__content {
padding-block: 6px;
}
.bnjc-mega__hero-action .wp-block-button__link {
min-block-size: 40px;
}
.bnjc-footer__tagline {
margin: 0;
font-size: var(--wp--preset--font-size--medium);
line-height: 1.5;
color: rgba(246, 241, 231, 0.78);
max-inline-size: 34rem;
}
body:not(.home) main#main {
padding-block-end: var(--wp--preset--spacing--section);
}
body:not(.home) main#main {
padding-block-end: var(--wp--preset--spacing--90);
}
.bnjc-whats-on .bnjc-filter-pills .bnjc-pill.is-active,
.bnjc-whats-on .bnjc-filter-pills .bnjc-pill[aria-pressed="true"] {
background: var(--wp--preset--color--navy-darkest, #0B0C38);
color: var(--wp--preset--color--gold, #FFBB75);
border-color: transparent;
}
.bnjc-whats-on .bnjc-filter-pills .bnjc-pill.is-active:hover,
.bnjc-whats-on .bnjc-filter-pills .bnjc-pill.is-active:focus-visible {
color: var(--wp--preset--color--white, #fff);
}
.entry-content > .bnjc-whats-on + .bnjc-shabbat-band,
.entry-content > .bnjc-shabbat-band + .bnjc-collage,
.entry-content > .bnjc-whats-on + .bnjc-collage {
margin-block-start: 0;
}
.bnjc-footer__social .wp-social-link-mail {
background: var(--wp--preset--color--cream, #FFF8F1);
border-radius: 999px;
}
.bnjc-footer__social .wp-social-link-mail svg {
fill: var(--wp--preset--color--navy-darkest, #0B0C38);
}
.bnjc-footer__social .wp-social-link-mail .wp-block-social-link-anchor {
color: var(--wp--preset--color--navy-darkest, #0B0C38) !important;
}
.bnjc-footer__social .wp-social-link-mail .wp-block-social-link-anchor svg {
fill: currentColor;
}
.bnjc-footer__logo {
margin: 0 0 14px;
}
.bnjc-footer__logo img {
block-size: 44px;
inline-size: auto;
display: block;
}
.bnjc-header__nav .bnjc-nav-hub .wp-block-navigation-item__content {
display: inline-flex;
align-items: center;
gap: 8px;
margin-inline-end: 10px;
font-weight: 700;
}
.bnjc-header__nav .bnjc-nav-hub .wp-block-navigation-item__content::before {
content: "";
inline-size: 16px;
block-size: 12px;
background: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Crect width='16' height='2'/%3E%3Crect y='5' width='16' height='2'/%3E%3Crect y='10' width='16' height='2'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Crect width='16' height='2'/%3E%3Crect y='5' width='16' height='2'/%3E%3Crect y='10' width='16' height='2'/%3E%3C/svg%3E") center / contain no-repeat;
}
.bnjc-header__nav .wp-block-navigation-item__content {
text-transform: uppercase;
letter-spacing: 0.04em;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
}
.bnjc-signup {
position: relative;
overflow: hidden;
isolation: isolate;
padding-block: clamp(56px, 8vw, 96px);
padding-inline: var(--gutter);
text-align: center;
scroll-margin-block-start: var(--header-h);
}
.bnjc-signup__inner {
position: relative;
max-inline-size: 760px;
margin-inline: auto;
}
.bnjc-signup::before,
.bnjc-signup::after,
.bnjc-signup__inner::before {
content: "";
position: absolute;
z-index: -1;
pointer-events: none;
border-radius: 50%;
}
.bnjc-signup::before {
inline-size: 520px;
block-size: 520px;
inset-inline-end: -140px;
inset-block-start: -200px;
border: 2px solid rgba(246, 241, 231, 0.14);
}
.bnjc-signup::after {
inline-size: 300px;
block-size: 300px;
inset-inline-end: -30px;
inset-block-start: -90px;
border: 2px solid rgba(255, 248, 241, 0.45);
}
.bnjc-signup__inner::before {
inline-size: 360px;
block-size: 360px;
inset-inline-start: -460px;
inset-block-end: -230px;
border: 2px solid rgba(246, 241, 231, 0.14);
}
.bnjc-signup__eyebrow {
margin: 0 0 10px;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--gold);
}
.bnjc-signup .bnjc-signup__words > h2 {
margin: 0;
color: var(--cream);
}
.bnjc-signup__lead {
max-inline-size: 40ch;
margin: 14px auto 0;
color: var(--cream);
}
.bnjc-signup__form {
margin-block-start: 28px;
}
.bnjc-signup__form .gform_wrapper.gravity-theme .gform_fields {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 22px 0;
max-inline-size: 560px;
margin-inline: auto;
}
.bnjc-signup__form .gform_wrapper.gravity-theme .gfield {
margin: 0;
padding: 0;
}
.bnjc-signup__form .gform_wrapper.gravity-theme .bnjc-signup__topics {
inline-size: min(760px, 100vw - 2 * var(--gutter));
max-inline-size: none;
justify-self: center;
border: 0;
margin-inline: 0;
}
.bnjc-signup__form .gform_wrapper.gravity-theme .bnjc-signup__email {
grid-row: 2;
grid-column: 1;
}
.bnjc-signup__form .gform_wrapper.gravity-theme .gfield--type-submit {
grid-row: 2;
grid-column: 1;
justify-self: end;
align-self: start;
margin-block-start: 5px;
margin-inline-end: 5px;
z-index: 1;
}
.bnjc-signup__form .gform_wrapper.gravity-theme .bnjc-signup__topics legend.gfield_label {
position: static;
inline-size: auto;
block-size: auto;
overflow: visible;
clip-path: none;
margin-block-end: 10px;
padding: 0;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(246, 241, 231, 0.78);
}
.bnjc-signup__form .gform_wrapper.gravity-theme .bnjc-signup__email .gfield_label {
position: absolute;
inline-size: 1px;
block-size: 1px;
overflow: hidden;
clip-path: inset(50%);
}
.bnjc-signup__form .gform_wrapper.gravity-theme .gfield_checkbox {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.bnjc-signup__form .gform_wrapper.gravity-theme .gchoice {
position: relative;
margin: 0;
}
.bnjc-signup__form .gform_wrapper.gravity-theme .gchoice input[type="checkbox"] {
position: absolute;
inset: 0;
inline-size: 100%;
block-size: 100%;
margin: 0;
opacity: 0;
cursor: pointer;
}
.bnjc-signup__form .gform_wrapper.gravity-theme .gchoice label {
display: inline-flex;
align-items: center;
gap: 6px;
min-block-size: 44px;
margin: 0;
padding-inline: 16px;
border-radius: var(--radius-pill);
border: 1px solid rgba(246, 241, 231, 0.35);
color: var(--white);
font-size: var(--wp--preset--font-size--small);
font-weight: 600;
max-inline-size: none;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.bnjc-signup__form .gform_wrapper.gravity-theme .gchoice label::before {
content: "+";
font-weight: 700;
opacity: 0.7;
}
.bnjc-signup__form .gform_wrapper.gravity-theme .gchoice input:hover + label {
border-color: var(--cream);
}
.bnjc-signup__form .gform_wrapper.gravity-theme .gchoice input:checked + label {
border-color: var(--cream);
background: var(--cream);
color: var(--navy);
}
.bnjc-signup__form .gform_wrapper.gravity-theme .gchoice input:checked + label::before {
content: "✓";
opacity: 1;
}
.bnjc-signup__form .gform_wrapper.gravity-theme .gchoice input:focus-visible + label {
outline: 2px solid var(--focus-ring);
box-shadow: 0 0 0 4px var(--focus-halo);
outline-offset: 2px;
}
.bnjc-signup__form .gform_wrapper.gravity-theme input[type="email"] {
box-sizing: border-box;
inline-size: 100%;
min-block-size: 60px;
padding-block: 0;
padding-inline: 26px 190px;
border-radius: var(--radius-pill);
border: 2px solid transparent;
background: var(--white);
color: var(--ink);
font-size: var(--wp--preset--font-size--medium);
box-shadow: 0 10px 30px rgba(11, 12, 56, 0.35);
}
.bnjc-signup__form .gform_wrapper.gravity-theme input[type="email"]:focus-visible {
outline: 2px solid var(--focus-ring);
outline-offset: 3px;
border-color: var(--navy);
box-shadow: 0 10px 30px rgba(11, 12, 56, 0.35);
}
.bnjc-signup__form .gform_wrapper.gravity-theme input::placeholder {
color: var(--grey-700);
}
.bnjc-signup__form .gform_wrapper.gravity-theme .gform_footer,
.bnjc-signup__form .gform_wrapper.gravity-theme .gform_page_footer {
margin: 0;
padding: 0;
}
.bnjc-signup__form .gform_wrapper.gravity-theme .gform_button,
.bnjc-signup__form .gform_wrapper.gravity-theme button[type="submit"] {
min-block-size: 50px;
padding-inline: 26px;
border-radius: var(--radius-pill);
border: 0;
background: var(--accent-dark);
color: var(--white);
font-size: 16px;
font-weight: 700;
cursor: pointer;
transition: background-color 0.15s ease, transform 0.15s ease;
}
.bnjc-signup__form .gform_wrapper.gravity-theme button[type="submit"]:hover {
background: var(--wp--preset--color--navy-deep);
color: var(--white);
}
body .bnjc-signup__form .gform_wrapper.gform_wrapper.gform_wrapper.gravity-theme button[type="submit"]:not(.gform_image_button)::after {
content: none;
display: none;
}
.bnjc-signup__form .gform_wrapper.gravity-theme button[type="submit"]:active {
transform: scale(0.97);
}
.bnjc-signup__form .gform_wrapper.gravity-theme button[type="submit"]:focus-visible {
outline: 2px solid var(--navy);
outline-offset: 2px;
}
.bnjc-signup__form .gform_wrapper.gravity-theme .gform_validation_errors {
position: absolute;
inline-size: 1px;
block-size: 1px;
margin: 0;
padding: 0;
overflow: hidden;
clip-path: inset(50%);
}
.bnjc-signup__form .gform_wrapper.gravity-theme .validation_message {
display: flex;
align-items: flex-start;
gap: 10px;
margin: 12px auto 0;
padding: 8px 14px;
border: 0;
border-radius: var(--radius-xs);
background: var(--cream);
box-shadow: none;
color: var(--ink-warm);
font-size: var(--wp--preset--font-size--small);
text-align: start;
animation: bnjc-signup-rise 0.35s ease both;
}
.bnjc-signup__form .gform_wrapper.gravity-theme .validation_message::before {
content: "";
flex: none;
inline-size: 20px;
block-size: 20px;
margin-block-start: 2px;
background: currentcolor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5M12 16v.01'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5M12 16v.01'/%3E%3C/svg%3E") center / contain no-repeat;
}
.bnjc-signup__form .gform_wrapper.gravity-theme .gfield_error input[type="email"] {
border-color: var(--cream);
box-shadow: 0 0 0 3px var(--cream), 0 10px 30px rgba(11, 12, 56, 0.35);
}
.bnjc-signup__small {
margin-block: 16px 0;
font-size: var(--wp--preset--font-size--caption);
color: rgba(246, 241, 231, 0.85);
}
.bnjc-signup__small a {
color: var(--white);
}
.bnjc-signup__form .gform_confirmation_message {
color: var(--cream);
font-size: var(--wp--preset--font-size--medium);
}
.bnjc-signup__done {
display: grid;
justify-items: center;
text-align: center;
min-block-size: 250px;
align-content: center;
}
.bnjc-signup__done > .bnjc-signup__step {
grid-area: 1 / 1;
display: flex;
flex-direction: column;
align-items: center;
max-inline-size: 560px;
}
.bnjc-signup__badge {
position: relative;
display: block;
inline-size: 112px;
block-size: 112px;
animation: bnjc-signup-pop 0.7s cubic-bezier(0.2, 1.4, 0.4, 1) both;
}
.bnjc-signup__badge svg {
inline-size: 100%;
block-size: 100%;
overflow: visible;
}
.bnjc-signup__fill {
fill: rgba(255, 248, 241, 0.18);
transform-origin: center;
transform-box: fill-box;
animation: bnjc-signup-fill 0.6s 0.1s ease both;
}
.bnjc-signup__circ {
fill: none;
stroke: var(--cream);
stroke-width: 3;
stroke-linecap: round;
stroke-dasharray: 289;
stroke-dashoffset: 289;
transform: rotate(-90deg);
transform-origin: center;
animation: bnjc-signup-draw 0.75s 0.15s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}
.bnjc-signup__tick {
fill: none;
stroke: var(--cream);
stroke-width: 5;
stroke-linecap: round;
stroke-linejoin: round;
stroke-dasharray: 64;
stroke-dashoffset: 64;
animation: bnjc-signup-draw 0.45s 0.8s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}
.bnjc-signup__pulse {
position: absolute;
inset: 0;
border-radius: 50%;
border: 2px solid var(--cream);
opacity: 0;
animation: bnjc-signup-ping 1s 1.2s ease-out both;
}
.bnjc-signup__done-title {
margin: 18px 0 0;
font-size: var(--wp--preset--font-size--display-s);
color: var(--cream);
animation: bnjc-signup-rise 0.5s 1.1s ease both;
}
.bnjc-signup__done.has-next .bnjc-signup__step--first {
animation: bnjc-signup-out 0.45s 2.7s ease forwards;
}
.bnjc-signup__step--next {
opacity: 0;
visibility: hidden;
animation: bnjc-signup-in 0.6s 3.1s ease forwards;
}
.bnjc-signup__mini {
display: grid;
place-items: center;
inline-size: 56px;
block-size: 56px;
margin-block-end: 18px;
border-radius: 50%;
border: 2px solid var(--cream);
background: rgba(255, 248, 241, 0.18);
color: var(--cream);
}
.bnjc-signup__done-heading {
margin: 0;
font-size: var(--wp--preset--font-size--display-m);
color: var(--cream);
}
.bnjc-signup__done-line {
margin: 12px 0 0;
font-size: var(--wp--preset--font-size--large);
color: var(--cream);
}
.bnjc-signup__wa {
display: inline-flex;
align-items: center;
gap: 12px;
min-block-size: 54px;
padding-inline: 20px 28px;
border-radius: var(--radius-pill);
background: var(--cream);
color: var(--navy-darkest);
font-size: var(--wp--preset--font-size--medium);
font-weight: 700;
text-decoration: none;
box-shadow: 0 8px 22px rgba(11, 12, 56, 0.4);
transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.bnjc-signup__actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 14px;
margin-block-start: 24px;
}
.bnjc-signup__see {
display: inline-flex;
align-items: center;
gap: 12px;
min-block-size: 54px;
padding-inline: 26px;
border: 1.5px solid var(--cream);
border-radius: var(--radius-pill);
color: var(--cream);
font-size: var(--wp--preset--font-size--caption);
font-weight: 700;
letter-spacing: var(--wp--custom--typography--tracking-pill);
text-decoration: none;
text-transform: uppercase;
transition: background-color 0.18s ease;
}
.bnjc-signup__see:hover {
background: rgba(255, 248, 241, 0.14);
}
.bnjc-signup__done:focus-visible {
outline: 2px solid var(--focus-ring);
outline-offset: 6px;
}
.bnjc-signup__wa:hover {
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(11, 12, 56, 0.5);
}
.bnjc-signup__wa:focus-visible {
outline: 2px solid var(--white);
outline-offset: 3px;
}
@keyframes bnjc-signup-pop {
0% {
transform: scale(0.6);
opacity: 0;
}
60% {
opacity: 1;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes bnjc-signup-fill {
from {
transform: scale(0.4);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
@keyframes bnjc-signup-draw {
to {
stroke-dashoffset: 0;
}
}
@keyframes bnjc-signup-ping {
0% {
opacity: 0.7;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(1.6);
}
}
@keyframes bnjc-signup-rise {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes bnjc-signup-out {
to {
opacity: 0;
transform: translateY(-14px) scale(0.96);
visibility: hidden;
}
}
@keyframes bnjc-signup-in {
from {
opacity: 0;
visibility: visible;
transform: translateY(8px);
}
to {
opacity: 1;
visibility: visible;
transform: none;
}
}
@media (prefers-reduced-motion: reduce) {
.bnjc-signup__form .gform_wrapper.gravity-theme .gchoice label,
.bnjc-signup__form .gform_wrapper.gravity-theme .gform_button,
.bnjc-signup__form .gform_wrapper.gravity-theme button[type="submit"],
.bnjc-signup__wa {
transition: none;
}
.bnjc-signup__badge,
.bnjc-signup__fill,
.bnjc-signup__circ,
.bnjc-signup__tick,
.bnjc-signup__pulse,
.bnjc-signup__done-title,
.bnjc-signup__done.has-next .bnjc-signup__step--first,
.bnjc-signup__step--next,
.bnjc-signup__form .gform_wrapper.gravity-theme .validation_message {
animation: none;
}
.bnjc-signup__circ,
.bnjc-signup__tick {
stroke-dashoffset: 0;
}
.bnjc-signup__pulse {
display: none;
}
.bnjc-signup__done {
display: flex;
flex-direction: column;
align-items: center;
gap: 36px;
}
.bnjc-signup__step--next {
opacity: 1;
visibility: visible;
}
}
@media (max-width: 599px) {
.bnjc-signup__form .gform_wrapper.gravity-theme input[type="email"] {
padding-inline: 22px;
}
.bnjc-signup__form .gform_wrapper.gravity-theme .gfield--type-submit {
grid-row: 3;
justify-self: stretch;
margin: 0;
}
.bnjc-signup__form .gform_wrapper.gravity-theme button[type="submit"] {
inline-size: 100%;
min-block-size: 54px;
}
.bnjc-signup::before,
.bnjc-signup::after {
inset-inline-end: -260px;
}
}
.bnjc-embed,
.bnjc-toast {
position: relative;
border-radius: var(--radius-lg, 8px);
overflow: hidden;
background: var(--white);
box-shadow: 0 2px 18px rgba(61, 64, 160, 0.08);
}
.bnjc-embed__frame,
.bnjc-toast__frame {
inline-size: 100%;
block-size: 760px;
border: 0;
display: block;
}
.bnjc-embed__fallback,
.bnjc-toast__fallback {
margin: 0;
padding: 12px 20px;
font-size: var(--wp--preset--font-size--small);
color: var(--grey-700);
background: var(--wp--preset--color--cream-deep, #F6EBDD);
}
@media (max-width: 767px) {
.bnjc-embed__frame,
.bnjc-toast__frame {
block-size: 660px;
}
}
.bnjc-menu {
columns: 2;
column-gap: 64px;
max-inline-size: 1100px;
}
.bnjc-menu__section {
break-inside: avoid;
margin-block-end: 40px;
}
.bnjc-menu__heading {
font-size: var(--wp--preset--font-size--display-xs);
color: var(--navy);
margin: 0 0 4px;
padding-block-end: 8px;
border-block-end: 2px solid var(--wp--preset--color--gold, #FFBB75);
}
.bnjc-menu__note {
margin: 8px 0 0;
font-size: var(--wp--preset--font-size--small);
color: var(--grey-700);
font-style: italic;
}
.bnjc-menu__items {
list-style: none;
margin: 14px 0 0;
padding: 0;
}
.bnjc-menu__item {
margin-block-end: 14px;
break-inside: avoid;
}
.bnjc-menu__line {
display: flex;
align-items: baseline;
gap: 10px;
}
.bnjc-menu__name {
font-weight: 600;
}
.bnjc-menu__line::after {
content: "";
flex: 1;
border-block-end: 1px dotted rgba(28, 36, 48, 0.28);
order: 1;
transform: translateY(-3px);
}
.bnjc-menu__price {
order: 2;
font-variant-numeric: tabular-nums;
color: var(--navy);
font-weight: 600;
white-space: nowrap;
}
.bnjc-menu__desc {
margin: 3px 0 0;
font-size: var(--wp--preset--font-size--medium);
line-height: 1.45;
color: var(--grey-700);
max-inline-size: 46ch;
}
.bnjc-menu__footnote {
column-span: all;
margin-block-start: 24px;
padding-block-start: 18px;
border-block-start: 1px solid rgba(61, 64, 160, 0.15);
font-size: var(--wp--preset--font-size--small);
color: var(--grey-700);
max-inline-size: 70ch;
}
@media (max-width: 899px) {
.bnjc-menu {
columns: 1;
}
}
.bnjc-embed__frame--tall {
block-size: 1000px;
}
@media (max-width: 767px) {
.bnjc-embed__frame--tall {
block-size: 820px;
}
}
.bnjc-mega__close {
position: absolute;
inset-block-start: 18px;
inset-inline-end: 40px;
z-index: 3;
display: inline-flex;
align-items: center;
gap: 10px;
min-block-size: 44px;
padding-inline: 18px;
border: 1px solid rgba(246, 241, 231, 0.35);
border-radius: var(--radius-pill);
background: transparent;
color: var(--white);
font-family: inherit;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
cursor: pointer;
}
.bnjc-mega__close:hover,
.bnjc-mega__close:focus-visible {
background: var(--cream);
border-color: var(--cream);
color: var(--navy-darkest);
}
.bnjc-mega__close::after {
content: "\00d7";
font-size: 19px;
line-height: 1;
font-weight: 400;
}
@media (max-width: 767px) {
.bnjc-mega__close {
display: none;
}
}
.bnjc-drawer__pad *,
.bnjc-drawer__form * {
box-sizing: border-box;
}
.bnjc-drawer__promo input {
min-inline-size: 0;
}
.bnjc-event-card {
background: var(--wp--preset--color--white, #fff);
border: 1px solid rgba(61, 64, 160, 0.10);
border-radius: var(--radius-xs, 2px);
overflow: hidden;
transition: transform 180ms cubic-bezier(.2,.7,.2,1), box-shadow 180ms cubic-bezier(.2,.7,.2,1), border-color 180ms;
}
.bnjc-event-card__link {
display: flex;
flex-direction: column;
block-size: 100%;
text-decoration: none;
color: inherit;
}
.bnjc-event-card__link:focus-visible {
outline: 2px solid var(--focus-ring);
box-shadow: 0 0 0 4px var(--focus-halo);
outline-offset: 2px;
}
.bnjc-event-card__title,
.bnjc-event-card__meta {
padding-inline: 20px;
}
.bnjc-event-card__title {
margin-block: 16px 0;
}
.bnjc-event-card__meta {
margin-block: 6px 20px;
}
.bnjc-event-card:hover,
.bnjc-event-card:focus-within {
transform: translateY(-3px);
border-color: rgba(61, 64, 160, 0.2);
box-shadow: 0 10px 28px rgba(61, 64, 160, 0.12);
}
.bnjc-event-card:hover .bnjc-event-card__title,
.bnjc-event-card:focus-within .bnjc-event-card__title {
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 4px;
}
.has-navy-background-color .bnjc-event-card,
.has-navy-darkest-background-color .bnjc-event-card {
background: rgba(246, 241, 231, 0.06);
border-color: rgba(246, 241, 231, 0.16);
}
.has-navy-background-color .bnjc-event-card:hover,
.has-navy-darkest-background-color .bnjc-event-card:hover {
background: rgba(246, 241, 231, 0.1);
border-color: rgba(246, 241, 231, 0.3);
box-shadow: none;
}
.bnjc-event-card.is-cancelled {
opacity: 0.72;
}
.bnjc-event-card.is-cancelled:hover {
transform: none;
box-shadow: none;
}
@media (prefers-reduced-motion: reduce) {
.bnjc-event-card,
.bnjc-event-card:hover,
.bnjc-event-card:focus-within {
transform: none;
transition: none;
}
}
.bnjc-calendar {
margin-block-start: 8px;
}
.bnjc-calendar__bar {
display: flex;
align-items: center;
gap: 16px;
margin-block-end: 18px;
}
.bnjc-calendar__month {
font-family: var(--wp--preset--font-family--display);
font-size: clamp(22px, 2.4vw, 30px);
line-height: var(--wp--custom--typography--leading-heading);
letter-spacing: 0.005em;
text-transform: none;
color: var(--navy);
margin: 0;
min-inline-size: 8ch;
}
.bnjc-calendar__weekdays {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 8px;
margin-block-end: 8px;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--grey-700);
}
.bnjc-calendar__grid {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 8px;
}
.bnjc-calendar__cell {
min-block-size: 116px;
padding: 8px;
border: 1px solid rgba(61, 64, 160, 0.12);
border-radius: var(--radius-xs, 2px);
background: var(--white);
}
.bnjc-calendar__cell.is-empty {
border: 0;
background: none;
min-block-size: 0;
}
.bnjc-calendar__cell.has-events {
border-color: rgba(61, 64, 160, 0.22);
}
.bnjc-calendar__cell.is-today {
box-shadow: inset 0 3px 0 0 var(--accent-dark);
}
.bnjc-calendar__num {
display: block;
font-size: var(--wp--preset--font-size--small);
font-weight: 700;
color: var(--grey-700);
margin-block-end: 6px;
}
.bnjc-calendar__cell.is-today .bnjc-calendar__num {
color: var(--navy);
}
.bnjc-calendar__event {
display: block;
margin-block-end: 4px;
padding: 5px 7px;
min-inline-size: 0;
overflow-wrap: anywhere;
border-radius: var(--radius-xs, 2px);
background: var(--wp--preset--color--cream-deep, #F6EBDD);
color: var(--navy-darkest, #0B0C38);
font-size: var(--wp--preset--font-size--small);
line-height: 1.3;
text-decoration: none;
}
.bnjc-calendar__event:hover,
.bnjc-calendar__event:focus-visible {
background: var(--accent-dark);
color: var(--white);
}
.bnjc-calendar__time {
display: block;
font-weight: 700;
font-variant-numeric: tabular-nums;
}
.bnjc-calendar__event.is-cancelled .bnjc-calendar__name {
text-decoration: line-through;
}
@media (max-width: 899px) {
.bnjc-calendar__weekdays {
display: none;
}
.bnjc-calendar__grid {
grid-template-columns: 1fr;
gap: 0;
}
.bnjc-calendar__cell {
min-block-size: 0;
border: 0;
border-block-end: 1px solid rgba(61, 64, 160, 0.12);
border-radius: 0;
padding-inline: 0;
display: grid;
grid-template-columns: 3.5rem 1fr;
gap: 10px;
}
.bnjc-calendar__cell.is-empty,
.bnjc-calendar__cell:not(.has-events) {
display: none;
}
.bnjc-calendar__num {
margin: 0;
font-size: var(--wp--preset--font-size--small);
}
.bnjc-calendar__event {
font-size: var(--wp--preset--font-size--small);
padding: 8px 10px;
}
}
.bnjc-view-toggle {
display: inline-flex;
gap: 4px;
padding: 4px;
border-radius: var(--radius-pill);
background: rgba(61, 64, 160, 0.07);
margin-block-start: 20px;
}
.bnjc-view-toggle__btn {
min-block-size: var(--touch-min);
padding-inline: 20px;
border: 0;
border-radius: var(--radius-pill);
background: transparent;
color: var(--navy);
font: inherit;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
cursor: pointer;
}
.bnjc-view-toggle__btn.is-active {
background: var(--navy);
color: var(--white);
}
.bnjc-view-toggle__btn:focus-visible {
outline: 2px solid var(--focus-ring);
box-shadow: 0 0 0 4px var(--focus-halo);
outline-offset: 2px;
}
.bnjc-view[hidden] {
display: none !important;
}
.bnjc-section-bar {
background: var(--bnjc-section, var(--navy));
color: var(--bnjc-section-ink, var(--white));
position: sticky;
inset-block-start: var(--header-h);
z-index: 20;
}
.entry-content > .bnjc-section-bar + * {
margin-block-start: 0;
}
.bnjc-section-bar__inner {
display: flex;
align-items: center;
gap: 28px;
min-block-size: 56px;
flex-wrap: wrap;
}
.bnjc-section-bar__name {
font-family: var(--wp--preset--font-family--display);
font-size: 21px;
line-height: 0.94;
text-transform: uppercase;
letter-spacing: 0.005em;
color: inherit;
text-decoration: none;
}
.bnjc-section-bar__links {
display: flex;
gap: 22px;
list-style: none;
margin: 0;
padding: 0;
flex: 1;
overflow-x: auto;
scrollbar-width: none;
}
.bnjc-section-bar__links::-webkit-scrollbar {
display: none;
}
.bnjc-section-bar__links a {
color: inherit;
text-decoration: none;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
white-space: nowrap;
opacity: 0.82;
padding-block: 6px;
}
.bnjc-section-bar__links a:hover,
.bnjc-section-bar__links a[aria-current="page"] {
opacity: 1;
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 5px;
}
.bnjc-section-bar__cta {
box-sizing: border-box;
flex: none;
min-block-size: 38px;
display: inline-flex;
align-items: center;
padding-inline: 18px;
border-radius: var(--radius-pill);
background: var(--bnjc-section-ink, var(--white));
color: var(--bnjc-section, var(--navy));
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
text-decoration: none;
}
.bnjc-hours-band {
background: var(--wp--preset--color--cream-deep, #F6EBDD);
padding-block: 20px;
}
.bnjc-section-hero + .bnjc-hours-band {
margin-block-start: 0;
}
.bnjc-hours,
.bnjc-facts {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
gap: 8px 32px;
margin: 0;
}
.bnjc-hours dt,
.bnjc-facts dt {
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--grey-700);
margin-block-end: 3px;
}
.bnjc-hours dd,
.bnjc-facts dd {
margin: 0;
font-size: var(--wp--preset--font-size--medium);
color: var(--navy);
font-weight: 600;
}
.bnjc-facts {
margin-block-start: 28px;
padding-block-start: 24px;
border-block-start: 2px solid var(--wp--preset--color--yofi-orange, #F79762);
}
.bnjc-kashrut-card,
.bnjc-groups-card {
background: var(--white);
border: 1px solid rgba(61, 64, 160, 0.12);
border-radius: var(--radius-xs, 2px);
padding: 28px;
align-self: start;
}
.bnjc-menu-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 20px;
list-style: none;
margin: 28px 0 0;
padding: 0;
}
.bnjc-menu-card {
display: flex;
flex-direction: column;
gap: 6px;
block-size: 100%;
padding: 26px 24px;
background: var(--white);
border: 1px solid rgba(61, 64, 160, 0.12);
border-block-start: 3px solid var(--bnjc-section, var(--navy));
border-radius: var(--radius-xs, 2px);
text-decoration: none;
color: inherit;
transition: transform 180ms cubic-bezier(.2,.7,.2,1), box-shadow 180ms cubic-bezier(.2,.7,.2,1);
}
.bnjc-menu-card:hover,
.bnjc-menu-card:focus-visible {
transform: translateY(-2px);
box-shadow: 0 10px 26px rgba(61, 64, 160, 0.12);
}
.bnjc-menu-card__name {
font-family: var(--wp--preset--font-family--display);
font-size: 26px;
line-height: var(--wp--custom--typography--leading-heading);
text-transform: none;
color: var(--wp--preset--color--yofi-rust, #A03322);
}
.bnjc-menu-card__note {
font-size: var(--wp--preset--font-size--small);
color: var(--grey-700);
}
.bnjc-menu-card__go {
margin-block-start: auto;
padding-block-start: 14px;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--navy);
}
.bnjc-package-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 20px;
list-style: none;
margin: 32px 0 0;
padding: 0;
}
.bnjc-package {
padding: 26px 24px;
border: 1px solid rgba(246, 241, 231, 0.28);
border-radius: var(--radius-xs, 2px);
background: rgba(246, 241, 231, 0.06);
}
.bnjc-package.is-featured {
border-color: var(--wp--preset--color--yofi-orange, #F79762);
background: rgba(247, 151, 98, 0.14);
}
.bnjc-package h3 {
font-size: 20px;
margin: 0 0 10px;
color: var(--white);
}
.bnjc-package__price {
font-family: var(--wp--preset--font-family--display);
font-size: 38px;
line-height: 0.94;
margin: 0 0 10px;
color: var(--cream, #FFF8F1);
}
.bnjc-package__price span {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--overline);
letter-spacing: 0.06em;
text-transform: uppercase;
color: rgba(246, 241, 231, 0.88);
}
.bnjc-package p:last-child {
margin: 0;
font-size: var(--wp--preset--font-size--medium);
line-height: 1.55;
color: rgba(246, 241, 231, 0.82);
}
.bnjc-section-intro h2 {
color: var(--bnjc-section-text, var(--wp--preset--color--navy));
}
.bnjc-section-intro--yofi h2,
.bnjc-menu-cards-band h2,
.bnjc-book-band h2,
.bnjc-deli-band h2 {
color: var(--wp--preset--color--yofi-rust, #A03322);
}
@media (max-width: 899px) {
.bnjc-section-bar__inner {
gap: 14px;
min-block-size: 52px;
}
.bnjc-section-bar__name {
font-size: 18px;
}
.bnjc-section-bar__cta {
order: 3;
inline-size: 100%;
justify-content: center;
margin-block-end: 10px;
}
.bnjc-hours,
.bnjc-facts {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 14px 20px;
}
}
.bnjc-stock {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 28px 40px;
margin-block-start: 32px;
}
.bnjc-stock__group h3 {
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--wp--preset--color--yofi-rust, #A03322);
margin: 0 0 12px;
padding-block-end: 10px;
border-block-end: 2px solid var(--wp--preset--color--yofi-orange, #F79762);
}
.bnjc-stock__group ul {
list-style: none;
margin: 0;
padding: 0;
columns: 1;
}
.bnjc-stock__group li {
padding-block: 5px;
font-size: var(--wp--preset--font-size--medium);
border-block-end: 1px solid rgba(61, 64, 160, 0.08);
}
.bnjc-order-band__form {
max-inline-size: 640px;
margin-block-start: 28px;
}
.bnjc-steps {
list-style: none;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 20px;
margin: 40px 0 0;
padding-block-start: 28px;
border-block-start: 1px solid rgba(246, 241, 231, 0.22);
}
.bnjc-steps li {
display: flex;
gap: 12px;
align-items: flex-start;
font-size: var(--wp--preset--font-size--medium);
line-height: 1.5;
color: rgba(246, 241, 231, 0.86);
}
.bnjc-steps span {
flex: none;
inline-size: 28px;
block-size: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: var(--radius-pill);
background: var(--wp--preset--color--yofi-orange, #F79762);
color: var(--wp--preset--color--yofi-slate, #3B5661);
font-weight: 700;
font-size: var(--wp--preset--font-size--small);
}
.bnjc-deli-terms ul {
max-inline-size: 72ch;
}
.bnjc-deli-terms li {
margin-block-end: 10px;
line-height: 1.6;
}
.bnjc-crumb {
display: flex;
gap: 8px;
align-items: center;
padding-block: 20px 0;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--grey-700);
}
.bnjc-crumb a {
color: var(--navy);
text-decoration: none;
}
.bnjc-crumb a:hover {
text-decoration: underline;
}
.bnjc-sub-head__band {
display: grid;
grid-template-columns: 1fr 420px;
gap: 56px;
align-items: center;
padding-block: 40px var(--wp--preset--spacing--90);
}
.bnjc-sub-head__band.has-no-image {
grid-template-columns: 1fr;
}
.bnjc-sub-head__words {
max-inline-size: 46rem;
}
.bnjc-sub-head__words h1 {
margin: 0;
color: var(--navy);
}
.bnjc-sub-head__words .is-style-standfirst {
margin-block-start: 18px;
max-inline-size: 40rem;
}
.bnjc-sub-head__media img {
inline-size: 100%;
block-size: auto;
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: var(--radius-lg, 8px);
display: block;
}
.bnjc-cardset {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 20px;
margin-block: 28px 0;
}
.bnjc-cardset__item {
padding: 24px;
background: var(--white);
border: 1px solid rgba(61, 64, 160, 0.12);
border-block-start: 3px solid var(--bnjc-section, var(--navy));
border-radius: var(--radius-xs, 2px);
}
.bnjc-cardset__item h3 {
margin: 0 0 8px;
font-size: var(--wp--preset--font-size--heading-m);
}
.bnjc-cardset__item p {
margin: 0;
font-size: var(--wp--preset--font-size--medium);
line-height: 1.55;
color: var(--grey-700);
}
.bnjc-pill-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
list-style: none;
margin: 20px 0 0;
padding: 0;
}
.bnjc-pill-list li {
padding: 8px 16px;
border-radius: var(--radius-pill);
background: var(--wp--preset--color--cream-deep, #F6EBDD);
font-size: var(--wp--preset--font-size--small);
color: var(--navy);
}
.bnjc-people {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 20px;
list-style: none;
margin: 28px 0 0;
padding: 0;
}
.bnjc-person {
padding: 22px;
background: var(--white);
border: 1px solid rgba(61, 64, 160, 0.12);
border-radius: var(--radius-xs, 2px);
}
.bnjc-person h3 {
margin: 0;
font-size: 20px;
color: var(--navy);
}
.bnjc-person__role {
margin: 4px 0 10px;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--bnjc-section-text, var(--navy));
}
.bnjc-person p:last-child {
margin: 0;
font-size: var(--wp--preset--font-size--medium);
line-height: 1.55;
color: var(--grey-700);
}
.bnjc-numbered {
list-style: none;
margin: 28px 0 0;
padding: 0;
display: grid;
gap: 18px;
}
.bnjc-numbered li {
display: flex;
gap: 16px;
align-items: flex-start;
}
.bnjc-numbered span {
flex: none;
inline-size: 34px;
block-size: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: var(--radius-pill);
background: var(--bnjc-section, var(--navy));
color: var(--bnjc-section-ink, var(--white));
font-weight: 700;
}
.bnjc-numbered h3 {
margin: 4px 0 4px;
font-size: 18px;
}
.bnjc-todo,
.bnjc-person__todo {
color: var(--grey-700);
font-style: italic;
}
.bnjc-todo {
position: relative;
margin-block: 22px;
padding: 20px 22px;
border: 2px dashed rgba(61, 64, 160, 0.3);
border-radius: var(--radius-xs, 2px);
background: rgba(61, 64, 160, 0.03);
}
.bnjc-todo p {
margin: 0;
font-size: var(--wp--preset--font-size--medium);
line-height: 1.55;
}
.bnjc-todo__len {
display: inline-block;
margin-block-end: 8px;
padding: 3px 10px;
border-radius: var(--radius-pill);
background: var(--wp--preset--color--gold, #FFBB75);
color: var(--wp--preset--color--ink-warm, #191B6F);
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
font-style: normal;
}
.bnjc-section-foot {
background: var(--wp--preset--color--cream-deep, #F6EBDD);
margin-block-start: var(--wp--preset--spacing--90);
}
.bnjc-section-foot h2 {
color: var(--navy);
margin: 0;
}
@media (max-width: 899px) {
.bnjc-sub-head__band {
grid-template-columns: 1fr;
gap: 28px;
padding-block: 24px var(--wp--preset--spacing--80);
}
.bnjc-sub-head__media {
order: -1;
}
}
.bnjc-plans {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 20px;
list-style: none;
margin: 36px 0 0;
padding: 0;
align-items: stretch;
}
.bnjc-plan {
display: flex;
flex-direction: column;
padding: 26px 24px;
background: var(--white);
border: 1px solid rgba(61, 64, 160, 0.14);
border-radius: var(--radius-xs, 2px);
}
.bnjc-plan.is-featured {
border-color: var(--bnjc-section, var(--accent-dark));
border-width: 2px;
box-shadow: 0 12px 30px rgba(61, 64, 160, 0.12);
}
.bnjc-plan.is-tour {
background: var(--wp--preset--color--cream-deep, #F6EBDD);
border-style: dashed;
}
.bnjc-plan__flag {
margin: 0 0 10px;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--bnjc-section-text, var(--navy));
}
.bnjc-plan__name {
margin: 0 0 6px;
font-size: 21px;
color: var(--navy);
}
.bnjc-plan__blurb {
margin: 0 0 16px;
font-size: var(--wp--preset--font-size--medium);
line-height: 1.5;
color: var(--grey-700);
}
.bnjc-plan__price {
margin: 0;
font-family: var(--wp--preset--font-family--display);
font-size: 42px;
line-height: 0.94;
color: var(--navy);
}
.bnjc-plan__price span {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--small);
letter-spacing: 0.04em;
color: var(--grey-700);
margin-inline-start: 4px;
}
.bnjc-plan__note {
margin: 8px 0 18px;
font-size: var(--wp--preset--font-size--small);
color: var(--grey-700);
}
.bnjc-plan__has {
list-style: none;
margin: 0 0 22px;
padding: 0;
font-size: var(--wp--preset--font-size--small);
}
.bnjc-plan__has li {
padding-block: 6px;
border-block-end: 1px solid rgba(61, 64, 160, 0.08);
}
.bnjc-plan__cta {
margin-block-start: auto;
display: inline-flex;
align-items: center;
justify-content: center;
min-block-size: 46px;
border-radius: var(--radius-pill);
background: var(--bnjc-section, var(--navy));
color: var(--bnjc-section-ink, var(--white));
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
text-decoration: none;
}
.bnjc-plan.is-tour .bnjc-plan__cta {
background: transparent;
color: var(--navy);
border: 1.5px solid var(--navy);
}
.bnjc-flag {
display: inline-block;
margin-inline-start: 6px;
padding: 2px 8px;
border-radius: var(--radius-pill);
background: var(--wp--preset--color--gold, #FFBB75);
color: var(--wp--preset--color--ink-warm, #191B6F);
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.bnjc-apply-band__form { max-inline-size: 640px; margin-block-start: 28px; }
.bnjc-doors {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 16px;
list-style: none;
margin: 26px 0 0;
padding: 0;
}
.bnjc-door {
display: flex;
flex-direction: column;
gap: 6px;
block-size: 100%;
padding: 22px 24px;
background: var(--white);
border: 1px solid rgba(61, 64, 160, 0.12);
border-radius: var(--radius-xs, 2px);
text-decoration: none;
color: inherit;
transition: transform 180ms cubic-bezier(.2,.7,.2,1), box-shadow 180ms cubic-bezier(.2,.7,.2,1);
}
.bnjc-door.is-primary {
background: var(--bnjc-section, var(--navy));
color: var(--bnjc-section-ink, var(--white));
border-color: transparent;
}
.bnjc-door:hover,
.bnjc-door:focus-visible {
transform: translateY(-2px);
box-shadow: 0 10px 26px rgba(61, 64, 160, 0.12);
}
.bnjc-door__name {
font-family: var(--wp--preset--font-family--display);
font-size: 22px;
line-height: var(--wp--custom--typography--leading-heading);
text-transform: none;
letter-spacing: 0.005em;
}
.bnjc-door__note {
font-size: var(--wp--preset--font-size--small);
line-height: 1.45;
opacity: 0.8;
}
.bnjc-door:not(.is-primary) .bnjc-door__name {
color: var(--navy);
}
.bnjc-header__nav li {
display: flex;
align-items: center;
gap: 2px;
}
.bnjc-nav-caret {
inline-size: 22px;
block-size: 22px;
padding: 0;
border: 0;
background: none;
color: inherit;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
opacity: 0.7;
}
.bnjc-nav-caret::after {
content: "";
inline-size: 6px;
block-size: 6px;
border-inline-end: 1.5px solid currentColor;
border-block-end: 1.5px solid currentColor;
transform: translateY(-2px) rotate(45deg);
}
.bnjc-nav-caret:hover,
.bnjc-nav-caret[aria-expanded="true"] {
opacity: 1;
}
.bnjc-nav-caret:focus-visible {
outline: 2px solid var(--focus-ring);
box-shadow: 0 0 0 4px var(--focus-halo);
outline-offset: 2px;
border-radius: 2px;
}
@media (max-width: 1359px) {
.bnjc-nav-caret {
display: none;
}
}
.gform_wrapper {
max-inline-size: 46rem;
}
.gform_confirmation_wrapper,
.gform_wrapper .gform_confirmation_message {
padding: 28px 30px;
border-radius: var(--radius-xs, 2px);
background: var(--wp--preset--color--cream-deep, #F6EBDD);
border-inline-start: 4px solid var(--bnjc-section, var(--navy));
font-size: var(--wp--preset--font-size--medium);
line-height: 1.6;
}
.has-navy-darkest-background-color .gform_wrapper,
.has-navy-background-color .gform_wrapper,
.bnjc-apply-band .gform_wrapper,
.bnjc-order-band .gform_wrapper {
--bnjc-form-line: rgba(246, 241, 231, 0.34);
--bnjc-form-ink: var(--cream, #FFF8F1);
--bnjc-form-ink-dim: rgba(246, 241, 231, 0.78);
--bnjc-form-danger: var(--pink, #CEC4FF);
--gf-ctrl-label-color-primary: var(--bnjc-form-ink);
--gf-ctrl-label-color-secondary: var(--bnjc-form-ink);
--gf-ctrl-desc-color: var(--bnjc-form-ink-dim);
--gf-ctrl-label-color-req: var(--bnjc-form-danger);
--gf-ctrl-desc-color-error: var(--bnjc-form-danger);
--gf-color-danger: var(--bnjc-form-danger);
--gf-form-validation-heading-color: var(--bnjc-form-danger);
--gf-form-validation-summary-color: var(--bnjc-form-danger);
}
.gform-theme--framework,
.gform_wrapper.gform-theme {
--gf-color-primary: var(--navy) !important;
--gf-color-primary-rgb: 25, 27, 111 !important;
--gf-color-primary-contrast: var(--white, #fff) !important;
--gf-color-primary-darker: var(--navy-deep) !important;
--gf-color-primary-lighter: var(--wp--preset--color--blue, #3D40A0) !important;
--gf-color-secondary: var(--white, #fff);
--gf-color-secondary-contrast: var(--navy, #3D40A0) !important;
--gf-color-out-ctrl-light-darker: var(--navy);
--gf-color-in-ctrl-primary: var(--navy) !important;
--gf-color-in-ctrl-primary-darker: var(--navy-deep) !important;
--gf-color-in-ctrl-primary-lighter: var(--wp--preset--color--blue, #3D40A0) !important;
--gf-color-danger: var(--ink-warm) !important;
--gf-radius: var(--radius-xs, 2px);
--gf-ctrl-btn-radius: var(--radius-pill, 999px);
--gf-ctrl-radius: var(--radius-xs, 2px);
--gf-font-family-base: var(--wp--preset--font-family--body);
--gf-ctrl-btn-bg-color-primary: var(--navy) !important;
--gf-ctrl-btn-color-primary: var(--white, #fff) !important;
}
.bnjc-mega__panel::after {
content: "";
position: sticky;
inset-block-end: 0;
display: block;
block-size: 56px;
margin-block-start: -56px;
pointer-events: none;
background: linear-gradient(to top, var(--navy-darkest, #0B0C38), transparent);
opacity: 0;
transition: opacity 160ms;
}
.bnjc-mega__panel.has-more::after {
opacity: 1;
}
@media (max-height: 1040px) {
.bnjc-mega__grid {
gap: 12px;
}
.bnjc-mega-card {
padding: 16px !important;
}
.bnjc-mega-card .wp-block-image {
aspect-ratio: 16 / 7;
}
.bnjc-mega-card :is(h3, :where(.bnjc-mega__title)) {
font-size: var(--wp--preset--font-size--heading-m);
}
.bnjc-mega__intents {
margin-block-end: 14px;
}
.bnjc-mega__view .is-style-numbered-links {
font-size: var(--wp--preset--font-size--small);
}
}
@media (max-height: 940px) {
#intent-default .bnjc-mega-card .wp-block-image,
.bnjc-mega__featured {
display: none;
}
#intent-default .bnjc-mega__grid {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
gap: 10px;
}
.bnjc-mega__grid--intent {
gap: 12px;
}
.bnjc-mega-card {
padding: 14px 16px !important;
}
.bnjc-mega-card :is(h3, :where(.bnjc-mega__title)) {
font-size: var(--wp--preset--font-size--heading-s);
}
.bnjc-mega__hero {
min-height: 200px !important;
}
.bnjc-mega__panel {
padding-block: 20px 24px !important;
}
.bnjc-mega__panel > * + * {
margin-block-start: 14px !important;
}
.bnjc-mega__strand {
padding-block-start: 12px;
}
.bnjc-mega__intents {
row-gap: 8px;
}
}
.entry-content.wp-block-post-content:is(.bnjc-flow, .bnjc-flow-auto:has(> .bnjc-sub-head)) {
--bnjc-col: minmax(0, var(--wp--style--global--wide-size, 1344px));
--bnjc-edge: minmax(var(--wp--custom--layout--gutter, 24px), 1fr);
--bnjc-measure: 70ch;
--bnjc-gap: var(--wp--preset--spacing--60);
--bnjc-gap-heading: var(--wp--preset--spacing--80);
--bnjc-gap-section: var(--wp--preset--spacing--110);
--bnjc-gap-h2-below: var(--wp--preset--spacing--50);
--bnjc-gap-h3-below: var(--wp--preset--spacing--40);
display: grid;
grid-template-columns: [full-start] var(--bnjc-edge) [content-start] var(--bnjc-col) [content-end] var(--bnjc-edge) [full-end];
column-gap: 0;
row-gap: 0;
padding-inline: 0;
}
@media (max-width: 781px) {
.entry-content.wp-block-post-content:is(.bnjc-flow, .bnjc-flow-auto:has(> .bnjc-sub-head)) {
--bnjc-gap: var(--wp--preset--spacing--50);
--bnjc-gap-heading: var(--wp--preset--spacing--70);
--bnjc-gap-section: var(--wp--preset--spacing--90);
}
}
.entry-content.wp-block-post-content:is(.bnjc-flow, .bnjc-flow-auto:has(> .bnjc-sub-head)) > * {
grid-column: content;
min-inline-size: 0;
max-inline-size: none;
margin-inline: 0 !important;
margin-block: 0;
}
.entry-content.wp-block-post-content:is(.bnjc-flow, .bnjc-flow-auto:has(> .bnjc-sub-head)) > .alignfull {
grid-column: full;
}
.entry-content.wp-block-post-content:is(.bnjc-flow, .bnjc-flow-auto:has(> .bnjc-sub-head)) > .alignleft {
justify-self: start;
}
.entry-content.wp-block-post-content:is(.bnjc-flow, .bnjc-flow-auto:has(> .bnjc-sub-head)) > .alignright {
justify-self: end;
}
.entry-content.wp-block-post-content:is(.bnjc-flow, .bnjc-flow-auto:has(> .bnjc-sub-head)) > .bnjc-sub-head {
grid-column: content;
padding-inline: 0;
}
.entry-content.wp-block-post-content:is(.bnjc-flow, .bnjc-flow-auto:has(> .bnjc-sub-head)) > .bnjc-sub-head > * {
max-inline-size: none;
margin-inline: 0 !important;
}
.entry-content.wp-block-post-content:is(.bnjc-flow, .bnjc-flow-auto:has(> .bnjc-sub-head)) > .wp-block-group.is-layout-constrained:not(.alignfull) {
padding-inline: 0;
}
.entry-content.wp-block-post-content:is(.bnjc-flow, .bnjc-flow-auto:has(> .bnjc-sub-head)) > .wp-block-group.is-layout-constrained:not(.alignfull) > * {
margin-inline: 0 !important;
}
.entry-content.wp-block-post-content:is(.bnjc-flow, .bnjc-flow-auto:has(> .bnjc-sub-head)) > :is(p:not(.is-style-standfirst), ul.wp-block-list:not([class*="bnjc-"]), ol.wp-block-list:not([class*="bnjc-"]), blockquote, h2, h3, h4, .bnjc-todo) {
max-inline-size: var(--bnjc-measure);
}
.entry-content.wp-block-post-content:is(.bnjc-flow, .bnjc-flow-auto:has(> .bnjc-sub-head)) > .wp-block-group.is-layout-constrained:not(.alignfull) > :is(p:not(.is-style-standfirst), ul.wp-block-list:not([class*="bnjc-"]), ol.wp-block-list:not([class*="bnjc-"]), blockquote, h2, h3, h4) {
max-inline-size: var(--bnjc-measure);
}
.entry-content.wp-block-post-content:is(.bnjc-flow, .bnjc-flow-auto:has(> .bnjc-sub-head)) > .bnjc-facts {
max-inline-size: none;
}
.entry-content.wp-block-post-content:is(.bnjc-flow, .bnjc-flow-auto:has(> .bnjc-sub-head)) > * + * {
margin-block-start: var(--bnjc-gap);
}
.entry-content.wp-block-post-content:is(.bnjc-flow, .bnjc-flow-auto:has(> .bnjc-sub-head)) > * + h2,
.entry-content.wp-block-post-content:is(.bnjc-flow, .bnjc-flow-auto:has(> .bnjc-sub-head)) > * + .alignfull,
.entry-content.wp-block-post-content:is(.bnjc-flow, .bnjc-flow-auto:has(> .bnjc-sub-head)) > .alignfull + * {
margin-block-start: var(--bnjc-gap-section);
}
.entry-content.wp-block-post-content:is(.bnjc-flow, .bnjc-flow-auto:has(> .bnjc-sub-head)) > * + h3 {
margin-block-start: var(--bnjc-gap-heading);
}
.entry-content.wp-block-post-content:is(.bnjc-flow, .bnjc-flow-auto:has(> .bnjc-sub-head)) > h2 + * {
margin-block-start: var(--bnjc-gap-h2-below);
}
.entry-content.wp-block-post-content:is(.bnjc-flow, .bnjc-flow-auto:has(> .bnjc-sub-head)) > h3 + * {
margin-block-start: var(--bnjc-gap-h3-below);
}
.entry-content.wp-block-post-content:is(.bnjc-flow, .bnjc-flow-auto:has(> .bnjc-sub-head)) > .alignfull + .alignfull {
margin-block-start: 0;
}
.entry-content.wp-block-post-content:is(.bnjc-flow, .bnjc-flow-auto:has(> .bnjc-sub-head)) > :first-child,
.entry-content.wp-block-post-content:is(.bnjc-flow, .bnjc-flow-auto:has(> .bnjc-sub-head)) > .bnjc-sub-head + * {
margin-block-start: 0;
}
.wp-block-cover.bnjc-stay-hero {
position: relative;
z-index: 3;
overflow: visible;
padding: clamp(48px, 8vw, 88px) var(--wp--style--root--padding-left, 24px) clamp(40px, 6vw, 64px);
text-align: center;
}
.wp-block-cover.bnjc-stay-hero .wp-block-cover__inner-container {
inline-size: 100%;
max-inline-size: 960px;
margin-inline: auto;
}
.bnjc-stay-hero h1 {
margin: 0 0 12px;
}
.bnjc-stay-hero p {
max-inline-size: 640px;
margin: 0 auto 28px;
}
.bnjc-stay-hero p.bnjc-stay-hero__direct {
max-inline-size: none;
margin: 14px 0 0;
}
.bnjc-creds,
.bnjc-faq,
.bnjc-stay-groups {
margin-block: 0;
}
.bnjc-creds {
background: var(--cream);
padding-block: 40px;
}
.bnjc-creds__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 24px 32px;
max-inline-size: var(--wp--style--global--wide-size, 1344px);
margin-inline: auto;
padding-inline: var(--wp--style--root--padding-left, 24px);
}
.bnjc-creds__grid > *,
.bnjc-cred > * {
margin: 0;
}
.bnjc-cred {
display: grid;
grid-template-columns: 28px minmax(0, 1fr);
gap: 4px 12px;
align-items: start;
padding: 20px;
background: var(--white);
border-block-start: 3px solid var(--accent-dark);
border-radius: var(--radius-md);
box-shadow: var(--wp--preset--shadow--card);
}
.bnjc-cred__icon {
grid-row: 1 / span 2;
color: var(--navy);
}
.bnjc-cred__name {
font-size: var(--wp--preset--font-size--medium);
font-weight: 700;
color: var(--ink);
}
.bnjc-cred__note {
font-size: var(--wp--preset--font-size--small);
color: var(--grey-700);
}
.bnjc-faq {
padding-block: var(--wp--preset--spacing--100);
}
.bnjc-faq__inner {
max-inline-size: 860px;
margin-inline: auto;
padding-inline: var(--wp--style--root--padding-left, 24px);
}
.bnjc-faq__inner > h2 {
margin: 0 0 24px;
color: var(--navy);
}
.bnjc-faq__inner > h2::after {
content: "";
display: block;
inline-size: 56px;
block-size: 4px;
margin-block-start: 12px;
background: var(--accent-dark);
border-radius: var(--radius-pill);
}
.bnjc-faq .wp-block-details {
margin: 0 0 8px;
padding-inline: 20px;
background: var(--white);
border: 1px solid var(--wp--custom--color--divider);
border-radius: var(--radius-md);
}
.bnjc-faq .wp-block-details summary {
display: flex;
align-items: center;
min-block-size: 56px;
padding-block: 8px;
font-size: var(--wp--preset--font-size--medium);
font-weight: 700;
cursor: pointer;
}
.bnjc-faq .wp-block-details summary::after {
content: "+";
margin-inline-start: auto;
padding-inline-start: 16px;
color: var(--navy);
font-size: var(--wp--preset--font-size--heading-m);
font-weight: 400;
}
.bnjc-faq .wp-block-details[open] summary::after {
content: "\2212";
}
.bnjc-faq .wp-block-details summary:focus-visible {
outline: 2px solid var(--focus-ring);
box-shadow: 0 0 0 4px var(--focus-halo);
outline-offset: 2px;
}
.bnjc-faq .wp-block-details > :not(summary) {
max-inline-size: 65ch;
margin: 0 0 16px;
}
.bnjc-stay-groups {
background: var(--cream);
padding: var(--wp--preset--spacing--80) var(--wp--style--root--padding-left, 24px);
}
.bnjc-stay-groups__card {
display: grid;
gap: 12px;
justify-items: start;
max-inline-size: 860px;
margin-inline: auto;
padding: clamp(24px, 4vw, 40px);
background: var(--white);
border-inline-start: 6px solid var(--accent-dark);
border-radius: var(--radius-md);
box-shadow: var(--wp--preset--shadow--card);
}
.bnjc-stay-groups__card > * {
margin: 0;
}
.bnjc-stay-groups__card h2 {
color: var(--navy);
}
.bnjc-stay-groups a:not(.wp-block-button__link) {
color: var(--navy);
font-weight: 700;
}
@media (max-width: 899px) {
.bnjc-footer__groups .wp-block-navigation-item__content {
line-height: 1.5;
padding-block: 10px;
}
.bnjc-footer__groups .wp-block-navigation {
padding-block-end: 8px;
}
}
.bnjc-faq__list {
margin-block: 24px 40px;
}
.bnjc-faq__list .wp-block-details {
margin: 0;
border-block-end: 1px solid var(--wp--custom--color--divider);
}
.bnjc-faq__list .wp-block-details:first-of-type {
border-block-start: 1px solid var(--wp--custom--color--divider);
}
.bnjc-faq__list .wp-block-details summary {
display: flex;
align-items: center;
min-block-size: 56px;
padding-block: 8px;
font-size: var(--wp--preset--font-size--medium);
font-weight: 700;
cursor: pointer;
}
.bnjc-faq__list .wp-block-details summary::after {
content: "+";
margin-inline-start: auto;
padding-inline-start: 16px;
color: var(--navy);
font-size: var(--wp--preset--font-size--heading-m);
font-weight: 400;
}
.bnjc-faq__list .wp-block-details[open] summary::after {
content: "\2212";
}
.bnjc-faq__list .wp-block-details summary:focus-visible {
outline: 2px solid var(--focus-ring);
box-shadow: 0 0 0 4px var(--focus-halo);
outline-offset: 2px;
}
.bnjc-faq__list .wp-block-details > :not(summary) {
max-inline-size: 65ch;
margin: 0 0 16px;
}
mark.bnjc-gap {
padding: 0 4px;
border-radius: 2px;
background: var(--gold);
color: var(--ink-warm);
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
.gform_wrapper[class*="bnjc-enquiry"] {
box-sizing: border-box;
max-inline-size: 46rem;
padding: 28px;
border-radius: var(--radius-md);
background: var(--white);
box-shadow: var(--wp--preset--shadow--card);
}
.bnjc-enquiry__done {
margin: 0;
font-size: var(--wp--preset--font-size--heading-m);
line-height: 1.35;
color: var(--ink);
}
.bnjc-enquiry__done strong {
display: block;
margin-block-end: 4px;
font-family: var(--font-display);
font-size: 28px;
font-weight: 400;
color: var(--navy);
}
@media (max-width: 640px) {
.gform_wrapper[class*="bnjc-enquiry"] {
padding: 20px;
}
.gform_wrapper[class*="bnjc-enquiry"] .gform_fields > .gfield {
grid-column: 1 / -1;
}
}
.bnjc-rabbi-quote.bnjc-rabbi-quote {
margin-block-start: 0;
padding-block: clamp(72px, 9vw, 136px);
background: var(--wp--preset--color--cream-deep, #F6EBDD);
text-align: center;
}
.bnjc-rabbi-quote.bnjc-rabbi-quote > * {
max-inline-size: min(1040px, 100%);
}
.bnjc-rabbi-quote__q {
margin: 0;
padding: 0;
border: 0;
}
.bnjc-rabbi-quote__q p {
margin: 0;
font-family: var(--font-display);
font-size: clamp(var(--wp--preset--font-size--display-xs), 3.4vw, var(--wp--preset--font-size--display-m));
line-height: 1.1;
letter-spacing: -0.01em;
color: var(--navy);
text-wrap: balance;
}
.bnjc-rabbi-quote__q cite {
display: block;
margin-block-start: var(--wp--preset--spacing--70);
font-family: var(--font-body, inherit);
font-size: var(--wp--preset--font-size--small);
font-style: normal;
font-weight: 700;
letter-spacing: 0.12em;
line-height: 1.4;
text-transform: uppercase;
color: var(--wp--preset--color--hove-green, var(--navy));
}
.bnjc-quotes__stage {
display: grid;
}
.bnjc-quotes__stage > .bnjc-quotes__q {
grid-area: 1 / 1;
align-self: center;
transition: opacity 0.5s ease;
}
.bnjc-quotes__stage > .bnjc-quotes__q[data-current="false"] {
opacity: 0;
visibility: hidden;
}
@media (prefers-reduced-motion: reduce) {
.bnjc-quotes__stage > .bnjc-quotes__q {
transition: none;
}
}
.bnjc-quotes__nav {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--30);
margin-block-start: var(--wp--preset--spacing--90);
}
.bnjc-quotes__nav[hidden] {
display: none;
}
.bnjc-quotes__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-inline-size: 48px;
min-block-size: 48px;
padding: 0;
border: 1.5px solid color-mix(in srgb, var(--navy) 45%, transparent);
border-radius: 999px;
background: transparent;
color: var(--navy);
font: inherit;
line-height: 1;
cursor: pointer;
transition: background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);
}
.bnjc-quotes__btn svg {
display: block;
inline-size: 20px;
block-size: 20px;
}
.bnjc-quotes__btn:hover {
background: var(--navy);
border-color: var(--navy);
color: var(--wp--preset--color--seafoam, #FFF8F1);
}
.bnjc-quotes__btn:focus-visible {
outline: 2px solid var(--focus-ring);
outline-offset: 3px;
box-shadow: 0 0 0 5px var(--focus-halo);
}
.bnjc-quotes__icon {
display: block;
inline-size: 12px;
block-size: 14px;
border-inline: 4px solid currentColor;
box-sizing: border-box;
}
.bnjc-quotes__btn[data-state="paused"] .bnjc-quotes__icon {
inline-size: 0;
block-size: 0;
border-inline: 0;
border-block: 7px solid transparent;
border-inline-start: 12px solid currentColor;
}
.bnjc-quotes__count {
margin-inline-start: var(--wp--preset--spacing--40);
font-size: var(--wp--preset--font-size--small);
font-variant-numeric: tabular-nums;
color: var(--navy);
}
.bnjc-booking__host {
display: flex;
align-items: center;
gap: 12px;
margin: 0 0 12px;
font-weight: 700;
color: var(--navy);
}
.bnjc-booking__host-logo {
inline-size: auto;
max-inline-size: 120px;
block-size: 48px;
object-fit: contain;
}
.bnjc-booking__contact a {
font-weight: 700;
overflow-wrap: anywhere;
}
/* assets/css/area-careers.css */
.bnjc-perk-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 16px;
margin-block-start: 28px;
}
.bnjc-perk-grid > * {
margin-block: 0;
}
@media (min-width: 640px) {
.bnjc-perk-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
}
@media (min-width: 1100px) {
.bnjc-perk-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.bnjc-perk-card {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
padding: clamp(20px, 2.4vw, 28px);
background: var(--white);
border: 1px solid color-mix(in srgb, var(--navy) 14%, transparent);
border-radius: var(--radius-xs, 2px);
box-shadow: var(--wp--preset--shadow--card);
}
.bnjc-perk-card > * {
margin-block: 0;
}
.bnjc-perk-card__icon {
display: inline-flex;
align-items: center;
justify-content: center;
inline-size: 64px;
block-size: 64px;
border-radius: var(--radius-md, 12px);
background: var(--gold);
color: var(--navy);
}
.bnjc-perk-card:nth-child(4n + 2) .bnjc-perk-card__icon {
background: var(--teal);
}
.bnjc-perk-card:nth-child(4n + 3) .bnjc-perk-card__icon {
background: var(--wp--preset--color--pink);
}
.bnjc-perk-card:nth-child(4n + 4) .bnjc-perk-card__icon {
background: var(--wp--preset--color--berry);
color: var(--white);
}
.bnjc-perk-card__icon svg {
display: block;
}
.bnjc-perk-card__title {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--heading-m);
font-weight: 700;
line-height: 1.15;
letter-spacing: -0.01em;
color: var(--navy);
}
.bnjc-perk-card__text {
font-size: var(--wp--preset--font-size--medium);
line-height: 1.5;
}
.bnjc-jobs-block__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr));
gap: 20px;
margin: 24px 0 0;
padding: 0;
list-style: none;
}
.bnjc-job-card {
display: flex;
flex-direction: column;
gap: 12px;
padding: clamp(20px, 2.4vw, 30px);
background: var(--white);
border: 1px solid color-mix(in srgb, var(--navy) 14%, transparent);
border-block-start: 4px solid var(--navy);
border-radius: var(--radius-xs, 2px);
box-shadow: var(--wp--preset--shadow--card);
}
.bnjc-job-card[hidden] {
display: none;
}
.bnjc-job-card__team {
margin: 0;
font-size: var(--wp--preset--font-size--caption);
font-weight: 700;
letter-spacing: var(--wp--custom--typography--tracking-overline, 0.16em);
text-transform: uppercase;
color: var(--grey-700);
}
.bnjc-job-card__title {
margin: 0;
font-family: var(--wp--preset--font-family--display);
font-size: clamp(var(--wp--preset--font-size--heading-l), 2.4vw, var(--wp--preset--font-size--display-xs));
font-weight: 700;
line-height: 1.08;
letter-spacing: -0.01em;
color: var(--navy);
}
.bnjc-job-card__blurb {
margin: 0;
font-size: var(--wp--preset--font-size--medium);
line-height: 1.5;
}
.bnjc-job-card__meta {
display: grid;
gap: 6px;
margin: 4px 0 0;
padding-block-start: 12px;
border-block-start: 1px solid color-mix(in srgb, var(--navy) 18%, transparent);
font-size: var(--wp--preset--font-size--small);
}
.bnjc-job-card__meta > div {
display: grid;
grid-template-columns: 5.5rem minmax(0, 1fr);
gap: 10px;
}
.bnjc-job-card__meta dt {
font-weight: 700;
color: var(--grey-700);
}
.bnjc-job-card__meta dd {
margin: 0;
color: var(--ink);
}
.bnjc-job-card__more > summary {
display: flex;
align-items: center;
min-block-size: 44px;
font-weight: 700;
color: var(--navy);
cursor: pointer;
}
.bnjc-job-card__about {
padding-block: 4px 8px;
font-size: var(--wp--preset--font-size--medium);
line-height: 1.55;
}
.bnjc-job-card__about p {
margin: 0 0 10px;
}
.bnjc-job-card__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin: auto 0 0;
padding-block-start: 8px;
}
.bnjc-job-card__link {
color: inherit;
text-decoration: none;
}
.bnjc-job-card__link:hover {
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 0.15em;
}
.bnjc-job-card__link:focus-visible,
.bnjc-job-page__back a:focus-visible {
outline: 2px solid var(--focus-ring);
outline-offset: 2px;
box-shadow: 0 0 0 5px var(--focus-halo);
}
.bnjc-job-page__back a {
display: inline-flex;
align-items: center;
min-block-size: 44px;
font-weight: 700;
color: var(--navy);
text-decoration: underline;
text-underline-offset: 0.2em;
}
.bnjc-job-card__apply,
.bnjc-jobs-block__linkedin-button {
display: inline-flex;
align-items: center;
min-block-size: 48px;
padding: 0 26px;
border-radius: var(--radius-pill);
background: var(--navy);
color: var(--white);
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
text-decoration: none;
}
.bnjc-job-card__apply:hover,
.bnjc-jobs-block__linkedin-button:hover {
background: var(--navy-deep);
}
.bnjc-job-card__apply:focus-visible,
.bnjc-jobs-block__linkedin-button:focus-visible {
outline: 2px solid var(--focus-ring);
outline-offset: 2px;
box-shadow: 0 0 0 5px var(--focus-halo);
}
.bnjc-job-card__actions > * {
margin: 0;
}
.bnjc-job-card__actions .bnjc-job-card__apply {
padding-inline: 18px;
white-space: nowrap;
}
.bnjc-job-card__closed {
margin: auto 0 0;
padding-block-start: 8px;
color: var(--grey-700);
font-size: var(--wp--preset--font-size--small);
font-weight: 700;
}
.bnjc-job-card.is-closed .bnjc-job-card__title,
.bnjc-job-card.is-closed .bnjc-job-card__blurb {
opacity: 0.8;
}
.bnjc-share {
position: relative;
display: flex;
flex-direction: column;
}
.bnjc-job-card__page,
.bnjc-share__button {
display: inline-flex;
align-items: center;
gap: 8px;
box-sizing: border-box;
min-block-size: 48px;
padding: 0 18px;
border: 2px solid var(--navy);
border-radius: var(--radius-pill);
background: var(--white);
color: var(--navy);
font: inherit;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
}
.bnjc-job-card__page:hover,
.bnjc-share__button:hover,
.bnjc-share.is-open .bnjc-share__button {
background: var(--navy);
color: var(--white);
}
.bnjc-job-card__page:focus-visible,
.bnjc-share__button:focus-visible,
.bnjc-share__item:focus-visible {
outline: 2px solid var(--focus-ring);
outline-offset: 2px;
box-shadow: 0 0 0 5px var(--focus-halo);
}
.bnjc-share__menu {
position: absolute;
inset-block-start: calc(100% + 8px);
inset-inline-start: 0;
z-index: 20;
display: grid;
gap: 2px;
min-inline-size: 220px;
margin: 0;
padding: 8px;
list-style: none;
background: var(--white);
border: 1px solid color-mix(in srgb, var(--navy) 18%, transparent);
border-radius: var(--radius-xs, 2px);
box-shadow: var(--wp--preset--shadow--card);
}
.bnjc-share__menu[hidden] {
display: none;
}
.bnjc-share__menu li {
margin: 0;
}
.bnjc-share__item {
display: flex;
align-items: center;
box-sizing: border-box;
inline-size: 100%;
min-block-size: 44px;
padding: 0 12px;
border: 0;
border-radius: var(--radius-xs, 2px);
background: transparent;
color: var(--navy);
font: inherit;
font-size: var(--wp--preset--font-size--medium);
font-weight: 700;
text-align: start;
text-decoration: none;
cursor: pointer;
}
.bnjc-share__item:hover {
background: var(--cream);
}
.bnjc-share__status {
position: absolute;
inline-size: 1px;
block-size: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.bnjc-share.is-failed .bnjc-share__status {
position: static;
inline-size: auto;
block-size: auto;
margin: 8px 0 0;
overflow: visible;
clip-path: none;
white-space: normal;
overflow-wrap: anywhere;
user-select: all;
font-size: var(--wp--preset--font-size--small);
color: var(--ink);
}
.bnjc-job-page {
box-sizing: border-box;
max-inline-size: var(--wp--style--global--wide-size, 1344px);
margin: 0 auto;
padding: var(--wp--preset--spacing--70, 48px) var(--wp--style--root--padding-left, 24px) var(--wp--preset--spacing--80, 64px);
}
.bnjc-job-page__grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 32px;
align-items: start;
}
@media (min-width: 960px) {
.bnjc-job-page__grid {
grid-template-columns: minmax(0, 1fr) minmax(320px, 400px);
gap: 56px;
}
.bnjc-job-page__card {
position: sticky;
inset-block-start: 112px;
}
}
@media (max-width: 959px) {
.bnjc-job-page__card {
order: -1;
}
}
.bnjc-job-page__heading {
margin: 0 0 16px;
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--heading-m);
font-weight: 700;
line-height: 1.15;
color: var(--navy);
}
.bnjc-job-page__copy {
max-inline-size: 68ch;
font-size: var(--wp--preset--font-size--medium);
line-height: 1.6;
}
.bnjc-job-page__copy > * {
margin-block: 0 16px;
}
.bnjc-job-page__card {
display: flex;
flex-direction: column;
gap: 16px;
padding: clamp(20px, 2.4vw, 30px);
background: var(--white);
border: 1px solid color-mix(in srgb, var(--navy) 14%, transparent);
border-block-start: 4px solid var(--navy);
border-radius: var(--radius-xs, 2px);
box-shadow: var(--wp--preset--shadow--card);
}
.bnjc-job-page__card .bnjc-job-page__heading {
margin: 0;
}
.bnjc-job-page__card .bnjc-job-card__meta {
margin: 0;
font-size: var(--wp--preset--font-size--medium);
}
.bnjc-job-page__card .bnjc-job-card__actions {
margin: 0;
}
.bnjc-job-page__back {
margin: 40px 0 0;
}
.bnjc-job-page__closed {
max-inline-size: 760px;
padding: clamp(20px, 2.4vw, 30px);
background: var(--white);
border: 1px solid color-mix(in srgb, var(--navy) 14%, transparent);
border-block-start: 4px solid var(--navy);
border-radius: var(--radius-xs, 2px);
box-shadow: var(--wp--preset--shadow--card);
font-size: var(--wp--preset--font-size--medium);
}
.bnjc-job-page__closed-title {
margin: 0 0 8px;
color: var(--navy);
}
.bnjc-job-page__closed p {
margin: 0 0 16px;
}
.bnjc-job-page__closed .bnjc-job-card__actions {
margin: 0;
}
.bnjc-jobs-block__cv {
max-inline-size: 760px;
margin: 40px auto 0;
padding: 28px 24px 32px;
border-radius: var(--radius-xs);
background: var(--white);
box-shadow: var(--wp--preset--shadow--card);
}
.bnjc-jobs-block__cv-title {
margin: 0 0 8px;
color: var(--navy);
}
.bnjc-jobs-block__cv-lead {
margin: 0 0 20px;
color: var(--grey-700);
}
.bnjc-jobs-block__linkedin {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 20px clamp(20px, 3vw, 36px);
margin-block-start: 40px;
padding: clamp(24px, 4vw, 48px);
background: var(--navy);
border-radius: var(--radius-xs, 2px);
box-shadow: var(--wp--preset--shadow--card);
color: var(--white);
}
.bnjc-jobs-block__linkedin-icon {
display: inline-flex;
flex: none;
align-items: center;
justify-content: center;
inline-size: 72px;
block-size: 72px;
border-radius: var(--radius-md, 12px);
background: var(--white);
color: var(--navy);
}
.bnjc-jobs-block__linkedin-words {
flex: 1 1 320px;
}
.bnjc-jobs-block__linkedin-title {
margin: 0;
font-family: var(--wp--preset--font-family--display);
font-size: clamp(var(--wp--preset--font-size--heading-l), 4vw, var(--wp--preset--font-size--display-s));
font-weight: 700;
letter-spacing: -0.01em;
line-height: 1.1;
color: var(--white);
}
.bnjc-jobs-block__linkedin-why {
margin: 8px 0 0;
font-size: var(--wp--preset--font-size--large);
line-height: 1.45;
}
.bnjc-jobs-block__linkedin-button {
min-block-size: 60px;
padding-inline: 32px;
background: var(--gold);
color: var(--navy);
font-size: var(--wp--preset--font-size--medium);
}
.bnjc-jobs-block__linkedin-button:hover {
background: var(--white);
}
.bnjc-jobs-block__linkedin-button:focus-visible {
outline-color: var(--white);
box-shadow: none;
}
@media (max-width: 640px) {
.bnjc-jobs-block__linkedin-button {
justify-content: center;
inline-size: 100%;
}
}
.bnjc-jobs-block__empty {
margin: 16px 0 0;
font-size: var(--wp--preset--font-size--large);
}
.bnjc-lifeed {
margin-block-start: 40px;
}
.bnjc-lifeed__title {
margin: 0 0 16px;
font-size: var(--wp--preset--font-size--heading-m);
color: var(--navy);
}
.bnjc-lifeed:not(.is-enhanced) .bnjc-lifeed__gate {
display: none;
}
.bnjc-lifeed__gate {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px 24px;
padding: clamp(20px, 3vw, 28px);
background: var(--white);
border: 1px solid var(--grey-300);
border-radius: var(--radius-xs, 2px);
}
.bnjc-lifeed__gate[hidden] {
display: none;
}
.bnjc-lifeed__privacy {
flex: 1 1 320px;
margin: 0;
font-size: var(--wp--preset--font-size--medium);
line-height: 1.5;
color: var(--ink);
}
.bnjc-lifeed__privacy a {
display: inline-block;
padding-block: 11px;
color: var(--navy);
}
.bnjc-lifeed__show {
min-block-size: 48px;
padding: 0 26px;
border: 0;
border-radius: var(--radius-pill);
background: var(--navy);
color: var(--white);
font: inherit;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
cursor: pointer;
}
.bnjc-lifeed__show:hover {
background: var(--navy-deep);
}
.bnjc-lifeed__show:focus-visible {
outline: 2px solid var(--focus-ring);
outline-offset: 2px;
box-shadow: 0 0 0 5px var(--focus-halo);
}
.bnjc-lifeed__grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 20px;
margin: 20px 0 0;
padding: 0;
list-style: none;
}
@media (min-width: 760px) {
.bnjc-lifeed__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1100px) {
.bnjc-lifeed__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.bnjc-lifeed__item {
display: flex;
flex-direction: column;
gap: 8px;
margin: 0;
padding: 16px;
background: var(--white);
border: 1px solid var(--grey-300);
border-radius: var(--radius-xs, 2px);
}
.bnjc-lifeed__frame iframe {
display: block;
inline-size: 100%;
block-size: 520px;
border: 0;
}
.bnjc-lifeed__caption {
margin: 0;
font-size: var(--wp--preset--font-size--medium);
line-height: 1.5;
}
.bnjc-lifeed__link {
display: inline-flex;
align-items: center;
min-block-size: 44px;
color: var(--navy);
font-weight: 700;
}
.bnjc-jobs > p a {
display: inline-block;
padding-block: 11px;
}
/* assets/css/area-chrome.css */
:root:root {
--wp--custom--layout--gutter: var(--wp--preset--spacing--90, 48px);
}
@media (max-width: 767px) {
:root:root {
--wp--custom--layout--gutter: 18px;
}
}
.bnjc-footer__lockup {
margin: 0;
color: var(--wp--preset--color--white);
font-family: var(--wp--preset--font-family--display);
font-size: clamp(var(--wp--preset--font-size--display-s), 3.4vw, var(--wp--preset--font-size--display-m));
font-weight: 400;
line-height: 1;
white-space: nowrap;
}
.bnjc-footer__lockup sup {
position: relative;
inset-block-start: -0.1em;
margin-inline-start: 0.1em;
color: var(--wp--preset--color--cream);
font-family: var(--wp--preset--font-family--body);
font-size: max(13px, 0.4em);
font-weight: 800;
letter-spacing: 0.04em;
line-height: 1;
vertical-align: top;
}
.bnjc-footer__lockup + .bnjc-footer__tagline {
margin-block-start: var(--wp--preset--spacing--40);
}
.bnjc-footer__groups details[style*="--bnjc-col"] .wp-block-navigation-item__content {
margin-inline: -8px;
padding-inline: 8px;
border-radius: var(--wp--custom--radius--xs, 2px);
transition: background-color 0.15s, color 0.15s;
}
.bnjc-footer__groups details[style*="--bnjc-col"] .wp-block-navigation-item__content:is(:hover, :focus-visible) {
background: var(--bnjc-col);
color: var(--bnjc-col-ink, var(--wp--preset--color--navy-darkest));
}
@media (prefers-reduced-motion: reduce) {
.bnjc-footer__groups details[style*="--bnjc-col"] .wp-block-navigation-item__content {
transition: none;
}
}
.bnjc-header .bnjc-header__buttons .bnjc-header__cta .wp-block-button__link {
--cta-fill: var(--wp--preset--color--ink-warm);
--cta-ink: var(--wp--preset--color--white);
position: relative;
display: inline-flex;
align-items: center;
gap: 10px;
min-block-size: 44px;
padding-block: 0;
padding-inline: 22px;
border: 0;
border-radius: 999px;
background: var(--cta-fill);
color: var(--cta-ink);
font-weight: 800;
letter-spacing: 0.01em;
box-shadow:
inset 0 0 0 2px color-mix(in srgb, var(--wp--preset--color--cream) 60%, transparent),
0 8px 20px -10px rgba(11, 12, 56, 0.9);
transition:
background-color 160ms ease,
transform 160ms ease,
box-shadow 160ms ease;
animation: bnjc-cta-halo 1.8s ease-out 1.6s 2 backwards;
}
.bnjc-header .bnjc-header__buttons .bnjc-header__cta--gold .wp-block-button__link {
--cta-fill: var(--wp--preset--color--ink-warm);
}
.bnjc-header .bnjc-header__buttons .bnjc-header__cta--pink .wp-block-button__link {
--cta-fill: var(--wp--preset--color--berry);
}
.bnjc-header .bnjc-header__buttons .bnjc-header__cta .wp-block-button__link:hover,
.bnjc-header .bnjc-header__buttons .bnjc-header__cta .wp-block-button__link:focus-visible {
background: color-mix(in srgb, var(--cta-fill) 80%, var(--wp--preset--color--navy-darkest));
color: var(--cta-ink);
transform: translateY(-1px);
box-shadow: 0 12px 24px -10px rgba(11, 12, 56, 0.95);
animation: none;
}
.bnjc-header .bnjc-header__buttons .bnjc-header__cta .wp-block-button__link:active {
transform: none;
box-shadow: 0 4px 12px -8px rgba(11, 12, 56, 0.9);
}
.bnjc-header .bnjc-header__buttons .bnjc-header__cta .wp-block-button__link:focus-visible {
outline: 2px solid var(--focus-ring);
box-shadow: 0 0 0 4px var(--focus-halo);
outline-offset: 3px;
}
@keyframes bnjc-cta-halo {
0% {
box-shadow: 0 8px 20px -10px rgba(11, 12, 56, 0.9), 0 0 0 0 color-mix(in srgb, var(--cta-fill) 70%, transparent);
}
100% {
box-shadow: 0 8px 20px -10px rgba(11, 12, 56, 0.9), 0 0 0 14px color-mix(in srgb, var(--cta-fill) 0%, transparent);
}
}
@media (prefers-reduced-motion: reduce) {
.bnjc-header .bnjc-header__buttons .bnjc-header__cta .wp-block-button__link {
animation: none;
transition: background-color 160ms ease;
}
.bnjc-header .bnjc-header__buttons .bnjc-header__cta .wp-block-button__link:hover,
.bnjc-header .bnjc-header__buttons .bnjc-header__cta .wp-block-button__link:focus-visible {
transform: none;
}
}
.bnjc-footer .bnjc-footer__top > * {
margin-block: 0;
}
.bnjc-footer .bnjc-footer__top > .bnjc-footer-lattice {
margin-block-start: 20px;
}
@media (min-width: 900px) {
.bnjc-footer .bnjc-footer__top {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 24px;
min-block-size: 300px;
}
.bnjc-footer .bnjc-footer__tagline {
max-inline-size: 26rem;
color: color-mix(in srgb, var(--wp--preset--color--cream) 92%, transparent);
}
.bnjc-footer .bnjc-footer__groups {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 1200px) {
.bnjc-footer .bnjc-footer__groups {
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 28px 24px;
}
}
body .bnjc-footer__groups summary {
font-size: var(--wp--preset--font-size--caption);
letter-spacing: 0.1em;
text-transform: uppercase;
}
body .bnjc-signup.has-navy-background-color {
background-color: var(--wp--preset--color--berry) !important;
}
html {
scroll-padding-block-start: calc(var(--header-h, 80px) + 64px);
}
header .wp-block-navigation-item__content {
white-space: nowrap;
}
.bnjc-header__nav .wp-block-navigation-item__content {
display: inline-flex;
align-items: center;
min-block-size: 44px;
}
.bnjc-header__nav .bnjc-nav-caret {
inline-size: 44px;
block-size: 44px;
margin-inline: -12px;
}
.bnjc-mega-card__drill,
.bnjc-hero__pause {
min-inline-size: 44px;
min-block-size: 44px;
}
body header .wp-block-button .wp-block-button__link.wp-element-button {
min-block-size: 44px;
}
.bnjc-footer .wp-block-navigation-item__content,
.bnjc-footer__address a,
.bnjc-footer__shabbat a {
display: inline-flex;
align-items: center;
min-block-size: 44px;
}
.bnjc-footer__groups .wp-block-navigation-item__content {
display: flex;
}
@media (max-width: 1099px) {
.bnjc-footer__groups summary {
min-block-size: 44px;
}
}
.bnjc-breadcrumb a,
.bnjc-breadcrumbs a {
display: inline-flex;
align-items: center;
min-block-size: 44px;
}
.bnjc-footer__inner {
padding-inline: var(--wp--custom--layout--gutter, 24px);
}
.bnjc-footer__groups .wp-block-navigation {
gap: 0;
}
@media (max-width: 899px) {
.bnjc-footer .bnjc-footer__inner {
padding-inline: var(--wp--custom--layout--gutter, 24px);
}
.bnjc-footer .bnjc-footer__shabbat {
margin-inline: calc(-1 * var(--wp--custom--layout--gutter, 24px));
padding-inline: var(--wp--custom--layout--gutter, 24px);
}
.bnjc-footer .bnjc-footer__top {
display: flex;
flex-direction: column;
gap: 24px;
}
.bnjc-footer .bnjc-footer__top > .bnjc-footer-lattice {
margin-block-start: 0;
}
.bnjc-footer__legal-links .wp-block-navigation__container {
column-gap: 24px;
}
.bnjc-footer__legal-links .wp-block-navigation-item + .wp-block-navigation-item::before {
display: none;
}
}
@media (min-width: 900px) {
.bnjc-footer .bnjc-footer__groups summary {
align-items: flex-start;
min-block-size: 50px;
line-height: 1.4;
}
.bnjc-footer .bnjc-footer__groups summary .bnjc-footer__dot {
margin-block-start: 0.35em;
}
.bnjc-footer .bnjc-footer__groups .wp-block-navigation-item__content {
box-sizing: border-box;
padding-block: 10px;
line-height: 1.4;
}
}
/* assets/css/area-connect.css */
.bnjc-connect {
padding-block: clamp(32px, 5vw, 72px) clamp(40px, 6vw, 88px);
padding-inline: max(var(--wp--custom--layout--gutter, 20px), calc((100% - var(--wp--style--global--wide-size, 1344px)) / 2 + var(--wp--custom--layout--gutter, 20px))) !important;
}
.bnjc-connect__intro {
margin-inline: 0 !important;
max-inline-size: 52rem;
margin-block-end: clamp(24px, 3.4vw, 44px);
}
.bnjc-connect__intro h1 {
margin: 0 0 14px;
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
font-size: clamp(var(--wp--preset--font-size--display-m), 8vw, var(--wp--preset--font-size--display-xl)) !important;
line-height: 0.98;
letter-spacing: -0.03em;
color: var(--navy);
}
.bnjc-connect__intro .is-style-standfirst {
margin: 0;
max-inline-size: 40rem;
}
.bnjc-connect__form {
padding: clamp(20px, 4vw, 56px);
background: var(--wp--preset--color--cream-deep);
border-radius: var(--radius-xs, 2px);
}
.bnjc-connect .gform_wrapper.gravity-theme,
.bnjc-connect .gform_wrapper[class*="bnjc-enquiry"] {
max-inline-size: none;
padding: 0;
background: transparent;
border-radius: 0;
box-shadow: none;
}
.bnjc-connect .gform_wrapper.gravity-theme .gform_fields {
gap: clamp(18px, 2.4vw, 28px) clamp(16px, 2.4vw, 28px) !important;
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intent-field > legend .gform-field-label__text {
font-family: inherit;
font-size: inherit !important;
letter-spacing: inherit;
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intent-field > legend.gfield_label {
margin-block-end: 18px;
font-family: var(--wp--preset--font-family--display);
font-size: clamp(var(--wp--preset--font-size--display-s), 4vw, var(--wp--preset--font-size--display-m));
line-height: 1.04;
letter-spacing: -0.01em;
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intent-field .gfield_required {
display: inline;
margin-inline-start: 0.4em;
font-family: var(--font-body);
font-size: var(--wp--preset--font-size--small);
font-style: normal;
font-weight: 500;
color: var(--bnjc-f-muted, var(--grey-700));
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intent-field .gfield_required .gfield_required {
margin-inline-start: 0;
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin: 0;
padding: 0;
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent {
position: relative;
display: block;
padding: 0;
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent__input {
position: absolute;
inset-block-start: 0;
inset-inline-start: 0;
inline-size: 100%;
block-size: 100%;
min-block-size: 0;
margin: 0;
opacity: 0;
cursor: pointer;
z-index: 1;
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent__card {
display: flex;
align-items: center;
gap: 14px;
box-sizing: border-box;
block-size: 100%;
min-block-size: 76px;
margin: 0;
padding: 16px 18px;
background: var(--white);
border: 2px solid color-mix(in srgb, var(--navy) 22%, transparent);
border-radius: var(--radius-xs, 2px);
color: var(--navy);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--heading-m);
font-weight: 700;
line-height: 1.12;
letter-spacing: -0.005em;
text-transform: none;
transition: background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent:hover .bnjc-intent__card {
border-color: var(--navy);
transform: var(--lift-hover);
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent__mark {
flex: none;
inline-size: 22px;
block-size: 22px;
box-sizing: border-box;
border: 2px solid var(--navy);
border-radius: var(--radius-circle, 50%);
background: var(--white);
transition: background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent__input:checked + .bnjc-intent__card {
background: var(--navy);
border-color: var(--navy);
color: var(--white);
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent__input:checked + .bnjc-intent__card .bnjc-intent__mark {
background: var(--cream);
border-color: var(--cream);
box-shadow: inset 0 0 0 4px var(--navy);
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent__input:focus-visible + .bnjc-intent__card {
outline: 2px solid var(--focus-ring);
outline-offset: 2px;
box-shadow: 0 0 0 5px var(--focus-halo);
}
.bnjc-intents__panels {
margin-block-start: 18px;
}
.bnjc-intents__prompt {
margin: 0;
padding: 4px 0;
font-size: var(--wp--preset--font-size--small);
color: var(--grey-700);
}
.bnjc-intent-panel {
margin-block-start: 12px;
padding: clamp(18px, 2.6vw, 28px);
background: var(--white);
border: 2px solid var(--navy);
border-inline-start-width: 8px;
border-radius: var(--radius-xs, 2px);
color: var(--navy);
scroll-margin-block-start: calc(var(--header-h) + 16px);
scroll-margin-block-end: 16px;
}
.bnjc-intent-panel[hidden] {
display: none;
}
.bnjc-intents.is-enhanced .bnjc-intent-panel {
margin-block-start: 0;
animation: bnjc-intent-in var(--dur-base) var(--ease-out);
}
.bnjc-intent-panel__name {
margin: 0 0 6px;
font-size: var(--wp--preset--font-size--caption);
font-weight: 700;
letter-spacing: var(--wp--custom--typography--tracking-overline, 0.16em);
text-transform: uppercase;
color: var(--grey-700);
}
.bnjc-intents.is-enhanced .bnjc-intent-panel__name {
display: none;
}
.bnjc-intent-panel__line {
margin: 0;
max-inline-size: 42rem;
font-size: var(--wp--preset--font-size--large);
line-height: 1.45;
}
.bnjc-intent-panel__go {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px 20px;
margin: 16px 0 0;
}
.bnjc-intent-panel__button {
display: inline-flex;
align-items: center;
gap: 10px;
min-block-size: 48px;
padding: 0 26px;
border-radius: var(--radius-pill);
background: var(--navy);
color: var(--white);
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
text-decoration: none;
}
.bnjc-intent-panel__button:hover {
background: var(--navy-deep);
}
.bnjc-intent-panel__button:focus-visible {
outline: 2px solid var(--focus-ring);
outline-offset: 2px;
box-shadow: 0 0 0 5px var(--focus-halo);
}
.bnjc-intent-panel__or {
font-size: var(--wp--preset--font-size--small);
color: var(--grey-700);
}
@keyframes bnjc-intent-in {
from {
opacity: 0;
transform: translateY(6px);
}
to {
opacity: 1;
transform: none;
}
}
.bnjc-connect .gform_wrapper.gravity-theme .gsection {
margin-block-start: clamp(8px, 2vw, 20px);
padding: clamp(20px, 3vw, 32px) 0 0;
border-block-start: 2px solid color-mix(in srgb, var(--navy) 22%, transparent);
border-block-end: 0;
}
.bnjc-connect .gform_wrapper.gravity-theme .gsection .gsection_title {
margin: 0;
font-family: var(--wp--preset--font-family--display);
font-size: clamp(var(--wp--preset--font-size--heading-l), 3vw, var(--wp--preset--font-size--display-s));
font-weight: 700;
letter-spacing: -0.01em;
line-height: 1.08;
color: var(--navy);
}
.bnjc-connect .gform_wrapper.gravity-theme .gsection .gsection_description {
margin: 6px 0 0;
font-size: var(--wp--preset--font-size--medium);
color: var(--grey-700);
}
.bnjc-connect .gform_wrapper.gravity-theme textarea {
min-block-size: 180px;
}
.bnjc-connect .gform_wrapper.gravity-theme .gfield_error .bnjc-intent__card {
border-color: var(--ink-warm);
border-width: 2px;
}
.bnjc-connect .gform_wrapper.gravity-theme .gform_footer {
margin-block-start: clamp(20px, 3vw, 32px);
}
.bnjc-connect__find {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(20px, 3vw, 48px);
margin-block-start: clamp(28px, 4vw, 56px);
padding-block-start: clamp(20px, 3vw, 32px);
border-block-start: 2px solid var(--navy);
}
.bnjc-connect__find h2 {
margin: 0 0 8px;
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--heading-l) !important;
font-weight: 700;
letter-spacing: -0.01em;
color: var(--navy);
}
.bnjc-connect__find p {
margin: 0 0 8px;
font-size: var(--wp--preset--font-size--medium);
line-height: 1.5;
}
.bnjc-connect__find a {
color: var(--navy);
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 2px;
}
.bnjc-connect__find .wp-block-social-links {
margin-block-start: 4px;
gap: 6px;
}
.bnjc-connect__find .wp-block-social-links .wp-social-link a {
display: inline-flex;
align-items: center;
justify-content: center;
min-inline-size: 44px;
min-block-size: 44px;
text-decoration: none;
}
@media (max-width: 899px) {
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bnjc-connect__find {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 560px) {
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents__grid {
grid-template-columns: minmax(0, 1fr);
gap: 8px;
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent__card {
min-block-size: 60px;
padding: 12px 16px;
}
.bnjc-connect__form {
padding: 18px 14px 22px;
}
.bnjc-connect .gform_wrapper.gravity-theme .gform_button {
inline-size: 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent__card,
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents.is-enhanced .bnjc-intent-panel {
animation: none;
transition: none;
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent:hover .bnjc-intent__card {
transform: none;
}
}
.bnjc-connect__find p a {
display: inline-block;
padding-block: 11px;
}
.bnjc-connect {
--bnjc-cx-edge: linear-gradient(100deg, var(--gold) 0%, var(--pink) 55%, var(--teal) 100%);
--bnjc-cx-sheen: linear-gradient(105deg, transparent 36%, color-mix(in srgb, var(--gold) 34%, transparent) 50%, transparent 64%);
--bnjc-cx-rest: 0 1px 2px color-mix(in srgb, var(--navy) 10%, transparent), 0 10px 20px -16px color-mix(in srgb, var(--navy) 38%, transparent);
--bnjc-cx-hover: 0 2px 4px color-mix(in srgb, var(--navy) 12%, transparent), 0 16px 26px -16px color-mix(in srgb, var(--navy) 46%, transparent);
background-image: radial-gradient(60rem 26rem at 6% -6%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 70%);
background-repeat: no-repeat;
}
.bnjc-connect__intro > * {
animation: bnjc-cx-rise var(--dur-slow) var(--ease-out) backwards;
}
.bnjc-connect__intro > :nth-child(2) {
animation-delay: 70ms;
}
.bnjc-connect__intro > :nth-child(3) {
animation-delay: 140ms;
}
.bnjc-connect__intro::after {
content: "";
display: block;
inline-size: 72px;
block-size: 4px;
margin-block-start: 22px;
border-radius: var(--radius-pill);
background: var(--bnjc-cx-edge);
transform-origin: left center;
animation: bnjc-cx-rule var(--dur-slow) var(--ease-out) 260ms backwards;
}
[dir="rtl"] .bnjc-connect__intro::after {
transform-origin: right center;
}
.bnjc-connect__form {
position: relative;
background-image: radial-gradient(44rem 16rem at 100% 0, color-mix(in srgb, var(--white) 60%, transparent), transparent 72%);
background-repeat: no-repeat;
box-shadow: inset 0 1px 0 color-mix(in srgb, var(--white) 80%, transparent), 0 1px 2px color-mix(in srgb, var(--navy) 8%, transparent), 0 26px 44px -34px color-mix(in srgb, var(--navy) 42%, transparent);
}
.bnjc-connect__form::before {
content: "";
position: absolute;
inset-block-start: 0;
inset-inline: 0;
block-size: 4px;
border-start-start-radius: var(--radius-xs, 2px);
border-start-end-radius: var(--radius-xs, 2px);
background: var(--bnjc-cx-edge);
pointer-events: none;
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent {
animation: bnjc-cx-rise var(--dur-slow) var(--ease-out) backwards;
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent:nth-child(1) { animation-delay: 80ms; }
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent:nth-child(2) { animation-delay: 115ms; }
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent:nth-child(3) { animation-delay: 150ms; }
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent:nth-child(4) { animation-delay: 185ms; }
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent:nth-child(5) { animation-delay: 220ms; }
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent:nth-child(6) { animation-delay: 255ms; }
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent:nth-child(7) { animation-delay: 290ms; }
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent:nth-child(8) { animation-delay: 325ms; }
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent:nth-child(9) { animation-delay: 360ms; }
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent:nth-child(n+10) { animation-delay: 395ms; }
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent__card {
position: relative;
box-shadow: var(--bnjc-cx-rest);
transition: background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
border-radius: var(--radius-xs, 2px);
background: var(--bnjc-cx-sheen) 220% 0 / 260% 100% no-repeat;
opacity: 0;
pointer-events: none;
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
padding: 3px;
border-radius: var(--radius-xs, 2px);
background: var(--bnjc-cx-edge);
-webkit-mask: linear-gradient(var(--navy) 0 0) content-box, linear-gradient(var(--navy) 0 0);
-webkit-mask-composite: xor;
mask: linear-gradient(var(--navy) 0 0) content-box exclude, linear-gradient(var(--navy) 0 0);
opacity: 0;
transition: opacity var(--dur-base) var(--ease-out);
pointer-events: none;
}
@media (hover: hover) {
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent:hover .bnjc-intent__input:not(:checked) + .bnjc-intent__card {
box-shadow: var(--bnjc-cx-hover);
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent:hover:not(:has(.bnjc-intent__input:checked))::before {
animation: bnjc-cx-sheen 720ms var(--ease-out) both;
}
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent:has(.bnjc-intent__input:focus-visible:not(:checked))::before {
animation: bnjc-cx-sheen 720ms var(--ease-out) both;
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent__input:checked + .bnjc-intent__card {
box-shadow: 0 2px 4px color-mix(in srgb, var(--navy) 18%, transparent), 0 18px 30px -16px color-mix(in srgb, var(--navy) 62%, transparent);
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent:has(.bnjc-intent__input:checked)::after {
opacity: 1;
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent__input:checked + .bnjc-intent__card .bnjc-intent__mark {
animation: bnjc-cx-pop 360ms var(--ease-out);
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent__input:focus-visible + .bnjc-intent__card {
outline: 2px solid var(--focus-ring);
outline-offset: 2px;
box-shadow: 0 0 0 5px var(--focus-halo), 0 0 0 8px color-mix(in srgb, var(--gold) 55%, transparent), 0 16px 26px -14px color-mix(in srgb, var(--navy) 50%, transparent);
}
.bnjc-connect .bnjc-intent-panel {
box-shadow: 0 1px 2px color-mix(in srgb, var(--navy) 8%, transparent), 0 18px 32px -22px color-mix(in srgb, var(--navy) 45%, transparent);
}
.bnjc-connect .bnjc-intent-panel__button {
box-shadow: 0 10px 18px -12px color-mix(in srgb, var(--navy) 70%, transparent);
transition: background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out);
}
@media (hover: hover) {
.bnjc-connect .bnjc-intent-panel__button:hover {
box-shadow: 0 14px 22px -12px color-mix(in srgb, var(--navy) 80%, transparent);
transform: var(--lift-hover);
}
}
.bnjc-connect .gform_wrapper.gravity-theme :is(input:not([type="radio"], [type="checkbox"], [type="submit"], [type="hidden"]), select, textarea):focus-visible {
box-shadow: 0 0 0 4px var(--bnjc-f-halo), 0 0 0 7px color-mix(in srgb, var(--gold) 50%, transparent);
}
.bnjc-connect .gform_wrapper.gravity-theme .gform_footer .gform_button {
position: relative;
isolation: isolate;
box-shadow: 0 12px 20px -14px color-mix(in srgb, var(--navy) 80%, transparent);
}
.bnjc-connect .gform_wrapper.gravity-theme .gform_footer .gform_button::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
border-radius: var(--radius-pill);
background: linear-gradient(105deg, transparent 36%, color-mix(in srgb, var(--white) 20%, transparent) 50%, transparent 64%) 220% 0 / 260% 100% no-repeat;
opacity: 0;
pointer-events: none;
}
@media (hover: hover) {
.bnjc-connect .gform_wrapper.gravity-theme .gform_footer .gform_button:hover {
box-shadow: 0 16px 26px -14px color-mix(in srgb, var(--navy) 85%, transparent);
}
.bnjc-connect .gform_wrapper.gravity-theme .gform_footer .gform_button:hover::before {
animation: bnjc-cx-sheen 800ms var(--ease-out) both;
}
}
.bnjc-connect .bnjc-formdone {
animation: bnjc-cx-rise var(--dur-slow) var(--ease-out) backwards;
}
.bnjc-connect .bnjc-formdone__tick {
animation: bnjc-cx-pop 460ms var(--ease-out) 120ms backwards, bnjc-cx-ring 900ms var(--ease-out) 200ms 1 backwards;
}
.bnjc-connect .bnjc-formdone__tick path {
stroke-dasharray: 22;
animation: bnjc-cx-draw 420ms var(--ease-out) 320ms backwards;
}
@keyframes bnjc-cx-rise {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes bnjc-cx-rule {
from {
opacity: 0;
transform: scaleX(0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes bnjc-cx-sheen {
from {
opacity: 1;
background-position: 220% 0;
}
to {
opacity: 1;
background-position: -120% 0;
}
}
@keyframes bnjc-cx-pop {
0% {
transform: scale(0.55);
}
60% {
transform: scale(1.14);
}
100% {
transform: scale(1);
}
}
@keyframes bnjc-cx-ring {
from {
box-shadow: 0 0 0 0 color-mix(in srgb, var(--wp--preset--color--hove-green) 40%, transparent);
}
to {
box-shadow: 0 0 0 18px transparent;
}
}
@keyframes bnjc-cx-draw {
from {
stroke-dashoffset: 22;
}
to {
stroke-dashoffset: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.bnjc-connect__intro > *,
.bnjc-connect__intro::after,
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent,
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent::before,
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent__input:checked + .bnjc-intent__card .bnjc-intent__mark,
.bnjc-connect .gform_wrapper.gravity-theme .gform_footer .gform_button::before,
.bnjc-connect .bnjc-formdone,
.bnjc-connect .bnjc-formdone__tick,
.bnjc-connect .bnjc-formdone__tick path {
animation: none !important;
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent__card,
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent::after,
.bnjc-connect .bnjc-intent-panel__button {
transition: none !important;
}
.bnjc-connect .bnjc-intent-panel__button:hover {
transform: none !important;
}
}
.bnjc-connect [data-tone="stay"] {
--tone-bg: var(--berry);
--tone-ink: var(--white);
}
.bnjc-connect [data-tone="venue"] {
--tone-bg: var(--wp--preset--color--hove-green);
--tone-ink: var(--white);
}
.bnjc-connect [data-tone="shoresh"] {
--tone-bg: var(--pink);
--tone-ink: var(--navy);
}
.bnjc-connect [data-tone="gym"] {
--tone-bg: var(--navy);
--tone-ink: var(--white);
}
.bnjc-connect [data-tone="yofi"] {
--tone-bg: var(--gold);
--tone-ink: var(--navy);
}
.bnjc-connect [data-tone="deli"] {
--tone-bg: var(--wp--preset--color--yofi-slate);
--tone-ink: var(--white);
}
.bnjc-connect [data-tone="partner"] {
--tone-bg: var(--purple);
--tone-ink: var(--white);
}
.bnjc-connect [data-tone="groups"] {
--tone-bg: var(--teal);
--tone-ink: var(--navy);
}
.bnjc-connect [data-tone="event"] {
--tone-bg: var(--ink-warm);
--tone-ink: var(--white);
}
.bnjc-connect [data-tone="careers"] {
--tone-bg: var(--wp--preset--color--yofi-terracotta);
--tone-ink: var(--navy);
}
.bnjc-connect [data-tone="general"] {
--tone-bg: var(--wp--preset--color--blue);
--tone-ink: var(--white);
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent__card {
flex-direction: column;
align-items: stretch;
gap: 0;
min-block-size: 172px;
padding: 0;
overflow: hidden;
}
.bnjc-connect .bnjc-intent__band {
position: relative;
display: flex;
flex: none;
align-items: center;
block-size: 88px;
padding-inline: 18px;
overflow: hidden;
background: var(--tone-bg, var(--navy));
color: var(--tone-ink, var(--white));
}
.bnjc-connect .bnjc-intent__band::before,
.bnjc-connect .bnjc-intent__band::after {
content: "";
position: absolute;
border: 2px solid color-mix(in srgb, var(--tone-ink, var(--white)) 24%, transparent);
border-radius: var(--radius-circle, 50%);
pointer-events: none;
transition: transform var(--dur-slow) var(--ease-out);
}
.bnjc-connect .bnjc-intent__band::before {
inset-block-start: -38px;
inset-inline-end: -26px;
inline-size: 124px;
block-size: 124px;
}
.bnjc-connect .bnjc-intent__band::after {
inset-block-end: -34px;
inset-inline-end: 62px;
inline-size: 64px;
block-size: 64px;
border-color: color-mix(in srgb, var(--tone-ink, var(--white)) 16%, transparent);
}
.bnjc-connect .bnjc-intent__icon {
position: relative;
z-index: 1;
flex: none;
inline-size: 44px;
block-size: 44px;
transition: transform var(--dur-base) var(--ease-out);
}
.bnjc-connect .bnjc-intent__body {
display: flex;
flex: 1;
flex-direction: column;
justify-content: space-between;
gap: 14px;
padding: 16px 18px 16px;
background: var(--white);
transition: background-color var(--dur-fast) var(--ease-out);
}
.bnjc-connect .bnjc-intent__foot {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 12px;
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent__input:checked + .bnjc-intent__card {
background: var(--tone-bg, var(--navy));
color: var(--tone-ink, var(--white));
}
.bnjc-connect .bnjc-intent__input:checked + .bnjc-intent__card .bnjc-intent__band {
border-block-end: 2px solid color-mix(in srgb, var(--tone-ink, var(--white)) 30%, transparent);
}
.bnjc-connect .bnjc-intent__input:checked + .bnjc-intent__card .bnjc-intent__body {
background: var(--tone-bg, var(--navy));
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent__input:checked + .bnjc-intent__card .bnjc-intent__mark {
background: var(--tone-ink, var(--cream));
border-color: var(--tone-ink, var(--cream));
box-shadow: inset 0 0 0 4px var(--tone-bg, var(--navy));
}
@media (hover: hover) {
.bnjc-connect .bnjc-intent:hover .bnjc-intent__icon {
transform: scale(1.1) rotate(-4deg);
}
.bnjc-connect .bnjc-intent:hover .bnjc-intent__band::before {
transform: scale(1.12);
}
}
@media (max-width: 560px) {
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent__card {
flex-direction: row;
min-block-size: 76px;
}
.bnjc-connect .bnjc-intent__band {
justify-content: center;
inline-size: 76px;
block-size: auto;
padding-inline: 0;
}
.bnjc-connect .bnjc-intent__band::before {
inset-block-start: -30px;
inset-inline-end: -30px;
inline-size: 76px;
block-size: 76px;
}
.bnjc-connect .bnjc-intent__band::after {
display: none;
}
.bnjc-connect .bnjc-intent__icon {
inline-size: 36px;
block-size: 36px;
}
.bnjc-connect .bnjc-intent__body {
flex-direction: row;
align-items: center;
padding: 12px 16px;
}
.bnjc-connect .bnjc-intent__input:checked + .bnjc-intent__card .bnjc-intent__band {
border-block-end: 0;
border-inline-end: 2px solid color-mix(in srgb, var(--tone-ink, var(--white)) 30%, transparent);
}
}
.bnjc-connect .bnjc-intent-panel {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: start;
gap: 16px clamp(16px, 2.6vw, 28px);
background: var(--tone-bg, var(--white));
color: var(--tone-ink, var(--navy));
}
.bnjc-connect .bnjc-intent-panel[hidden] {
display: none;
}
.bnjc-connect .bnjc-intent-panel__icon {
display: grid;
place-items: center;
inline-size: 68px;
block-size: 68px;
border-radius: var(--radius-xs, 2px);
background: var(--tone-ink, var(--navy));
color: var(--tone-bg, var(--white));
}
.bnjc-connect .bnjc-intent-panel__icon .bnjc-intent__icon {
inline-size: 40px;
block-size: 40px;
}
.bnjc-connect .bnjc-intent-panel__name,
.bnjc-connect .bnjc-intent-panel__or {
color: inherit;
}
.bnjc-connect .bnjc-intent-panel__button {
background: var(--tone-ink, var(--navy));
color: var(--tone-bg, var(--white));
}
.bnjc-connect .bnjc-intent-panel__button:hover {
background: color-mix(in srgb, var(--tone-ink, var(--navy)) 88%, var(--tone-bg, var(--white)));
}
.bnjc-connect .bnjc-intent-panel__button:focus-visible {
outline-color: var(--tone-ink, var(--focus-ring));
}
@media (max-width: 560px) {
.bnjc-connect .bnjc-intent-panel {
grid-template-columns: minmax(0, 1fr);
}
.bnjc-connect .bnjc-intent-panel__icon {
inline-size: 56px;
block-size: 56px;
}
.bnjc-connect .bnjc-intent-panel__icon .bnjc-intent__icon {
inline-size: 34px;
block-size: 34px;
}
}
.bnjc-connect__find {
gap: clamp(14px, 2vw, 24px);
padding-block-start: 0;
border-block-start: 0;
}
.bnjc-connect__find > .wp-block-group {
position: relative;
box-sizing: border-box;
margin-block: 0;
padding: 100px clamp(18px, 2.4vw, 28px) 18px;
background: var(--white);
border: 2px solid color-mix(in srgb, var(--navy) 22%, transparent);
border-block-start: 6px solid var(--tone-bg, var(--navy));
border-radius: var(--radius-xs, 2px);
box-shadow: var(--bnjc-cx-rest);
transition: box-shadow var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out);
}
.bnjc-connect__find > .wp-block-group::before,
.bnjc-connect__find > .wp-block-group::after {
content: "";
position: absolute;
pointer-events: none;
}
.bnjc-connect__find > .wp-block-group::before {
inset-block-start: 20px;
inset-inline-start: clamp(18px, 2.4vw, 28px);
inline-size: 62px;
block-size: 62px;
border-radius: var(--radius-xs, 2px);
background: var(--tone-bg, var(--navy));
}
.bnjc-connect__find > .wp-block-group::after {
inset-block-start: 34px;
inset-inline-start: calc(clamp(18px, 2.4vw, 28px) + 14px);
inline-size: 34px;
block-size: 34px;
background: var(--tone-ink, var(--white));
-webkit-mask: var(--bnjc-cx-glyph) center / contain no-repeat;
mask: var(--bnjc-cx-glyph) center / contain no-repeat;
}
.bnjc-connect__find > .wp-block-group:nth-child(1) {
--tone-bg: var(--wp--preset--color--hove-green);
--tone-ink: var(--white);
--bnjc-cx-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.3'/%3E%3C/svg%3E");
}
.bnjc-connect__find > .wp-block-group:nth-child(2) {
--tone-bg: var(--gold);
--tone-ink: var(--navy);
--bnjc-cx-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4.5h3.5l1.5 4-2 1.5a11 11 0 0 0 5 5l1.5-2 4 1.5V18a2 2 0 0 1-2 2A15 15 0 0 1 3 6.5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");
}
.bnjc-connect__find > .wp-block-group:nth-child(3) {
--tone-bg: var(--pink);
--tone-ink: var(--navy);
--bnjc-cx-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7.5-4.6-7.5-10A4.3 4.3 0 0 1 12 7.6 4.3 4.3 0 0 1 19.5 10c0 5.4-7.5 10-7.5 10z'/%3E%3C/svg%3E");
}
.bnjc-connect__find a[href^="tel:"] {
font-size: var(--wp--preset--font-size--large);
font-weight: 700;
}
@media (hover: hover) {
.bnjc-connect__find > .wp-block-group:hover {
box-shadow: var(--bnjc-cx-hover);
transform: var(--lift-hover);
}
}
.bnjc-connect__find > .wp-block-group:focus-within {
box-shadow: var(--bnjc-cx-hover);
}
@media (prefers-reduced-motion: reduce) {
.bnjc-connect .bnjc-intent__icon,
.bnjc-connect .bnjc-intent__body,
.bnjc-connect .bnjc-intent__band::before,
.bnjc-connect .bnjc-intent__band::after,
.bnjc-connect__find > .wp-block-group {
transition: none !important;
}
.bnjc-connect .bnjc-intent:hover .bnjc-intent__icon,
.bnjc-connect .bnjc-intent:hover .bnjc-intent__band::before,
.bnjc-connect__find > .wp-block-group:hover {
transform: none !important;
}
}
@media (hover: hover) {
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent {
cursor: pointer;
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent:hover .bnjc-intent__input:not(:checked) + .bnjc-intent__card {
border-color: var(--navy);
outline: 3px solid var(--navy);
outline-offset: 2px;
transform: translateY(-6px);
box-shadow: 0 14px 28px -10px rgba(16, 30, 58, 0.45);
}
}
@media (hover: hover) and (prefers-reduced-motion: reduce) {
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent:hover .bnjc-intent__input:not(:checked) + .bnjc-intent__card {
transform: none;
}
}
.bnjc-connect {
--cx-gap: clamp(14px, 2vw, 24px);
padding-block-end: clamp(32px, 4vw, 56px);
}
.bnjc-connect__intro {
margin-block-end: clamp(24px, 3.4vw, 40px);
}
.bnjc-connect__form {
padding: clamp(20px, 4vw, 56px);
}
.bnjc-connect .gform_wrapper.gravity-theme .gfield .gfield_radio.bnjc-intents__grid {
gap: var(--cx-gap);
align-items: stretch;
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent {
min-inline-size: 0;
}
.bnjc-connect .bnjc-intent__label {
min-inline-size: 0;
overflow-wrap: anywhere;
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-form-consent {
max-inline-size: none;
}
.bnjc-connect .bnjc-intent-panel {
align-items: center;
}
@media (min-width: 1000px) {
.bnjc-connect .gform_wrapper.gravity-theme .gform_fields > .gfield.gfield--type-name {
grid-column: span 5;
}
.bnjc-connect .gform_wrapper.gravity-theme .gform_fields > .gfield.gfield--type-email {
grid-column: span 4;
}
.bnjc-connect .gform_wrapper.gravity-theme .gform_fields > .gfield.gfield--type-phone {
grid-column: span 3;
}
}
@media (min-width: 641px) and (max-width: 999px) {
.bnjc-connect .gform_wrapper.gravity-theme .gform_fields > .gfield.gfield--type-name {
grid-column: 1 / -1;
}
.bnjc-connect .gform_wrapper.gravity-theme .gform_fields > .gfield.gfield--type-email,
.bnjc-connect .gform_wrapper.gravity-theme .gform_fields > .gfield.gfield--type-phone {
grid-column: span 6;
}
}
.bnjc-connect .gform_wrapper.gravity-theme fieldset.gfield.gfield--type-name .ginput_complex.ginput_container--name {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0 var(--cx-gap);
}
.bnjc-connect .gform_wrapper.gravity-theme fieldset.gfield.gfield--type-name .ginput_complex.ginput_container--name > span.gform-grid-col {
display: flex;
flex-direction: column-reverse;
flex: none;
min-inline-size: 0;
margin: 0;
padding: 0;
}
.bnjc-connect .gform_wrapper.gravity-theme .ginput_complex.ginput_container--name label {
margin: 6px 0 0;
padding: 0;
}
@media (max-width: 480px) {
.bnjc-connect .gform_wrapper.gravity-theme fieldset.gfield.gfield--type-name .ginput_complex.ginput_container--name {
grid-template-columns: minmax(0, 1fr);
row-gap: 14px;
}
}
.bnjc-connect__find {
gap: var(--cx-gap);
align-items: stretch;
}
.bnjc-connect__find > .wp-block-group {
min-inline-size: 0;
}
.bnjc-connect__find > .wp-block-group > :last-child {
margin-block-end: 0;
}
.bnjc-connect__find p {
line-height: 1.5;
}
.bnjc-connect__find p a {
margin-block: -11px;
}
.bnjc-connect__find .wp-block-social-links {
gap: 6px;
margin-block: 0 0;
margin-inline-start: -12px;
padding: 0;
}
.bnjc-connect ~ .bnjc-social {
margin-block: 0;
padding-block-start: clamp(8px, 2vw, 24px);
}
body:has(.bnjc-connect) .bnjc-rabbi-quote {
padding-block: clamp(40px, 6vw, 72px);
text-align: center;
}
body:has(.bnjc-connect) .bnjc-quotes__stage > .bnjc-quotes__q {
align-self: center;
}
body:has(.bnjc-connect) .bnjc-rabbi-quote__q cite {
margin-block-start: clamp(16px, 2.4vw, 24px);
}
body:has(.bnjc-connect) .bnjc-quotes__nav {
justify-content: center;
margin-block-start: clamp(20px, 3vw, 32px);
}
body:has(.bnjc-connect) .bnjc-quotes__count {
margin-inline-start: 0;
}
@media (max-width: 560px) {
.bnjc-connect__form {
padding: 20px 16px 24px;
}
.bnjc-connect .gform_wrapper.gravity-theme .gfield .gfield_radio.bnjc-intents__grid {
gap: 10px;
}
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent__card {
min-block-size: 84px;
font-size: var(--wp--preset--font-size--large);
}
}
@media (max-width: 400px) {
.bnjc-connect .gform_wrapper.gravity-theme .bnjc-intents .bnjc-intent__card {
min-block-size: 96px;
}
}
/* assets/css/area-forms.css */
.gform_wrapper,
.bnjc-formdone-wrapper {
--bnjc-f-ink: var(--navy);
--bnjc-f-muted: var(--grey-700);
--bnjc-f-line: var(--navy);
--bnjc-f-fill: var(--white);
--bnjc-f-danger: var(--ink-warm);
--bnjc-f-danger-bg: transparent;
--bnjc-f-danger-pad: 0;
--bnjc-f-btn-bg: var(--navy);
--bnjc-f-btn-ink: var(--white);
--bnjc-f-btn-hover: var(--navy-deep);
--bnjc-f-disc-bg: var(--cream);
--bnjc-f-disc-ink: var(--navy);
--bnjc-f-ok: var(--wp--preset--color--hove-green);
--bnjc-f-ring: var(--navy);
--bnjc-f-halo: var(--white);
}
.has-navy-darkest-background-color .gform_wrapper,
.has-navy-deep-background-color .gform_wrapper,
.has-navy-background-color .gform_wrapper,
.has-berry-background-color .gform_wrapper,
.has-hove-green-background-color .gform_wrapper,
.bnjc-apply-band .gform_wrapper,
.bnjc-order-band .gform_wrapper {
--bnjc-f-ink: var(--cream);
--bnjc-f-muted: var(--cream);
--bnjc-f-line: var(--cream);
--bnjc-f-danger-bg: var(--cream);
--bnjc-f-danger-pad: 8px 12px;
--bnjc-f-btn-bg: var(--white);
--bnjc-f-btn-ink: var(--navy-darkest);
--bnjc-f-btn-hover: var(--cream);
--bnjc-f-disc-bg: var(--ink-warm);
--bnjc-f-disc-ink: var(--white);
--bnjc-f-ring: var(--cream);
--bnjc-f-halo: transparent;
}
body .gform_wrapper.gform_wrapper {
color: var(--bnjc-f-ink);
font-family: var(--font-body);
}
body .gform_wrapper.gform_wrapper .gform_fields {
row-gap: 26px !important;
column-gap: 20px !important;
}
body .gform_wrapper.gform_wrapper :is(.gform_validation_container, .gfield--type-honeypot) {
display: none !important;
position: absolute !important;
inset-inline-start: -9999px !important;
}
@media (max-width: 640px) {
body .gform_wrapper.gform_wrapper .gform_fields > .gfield {
grid-column: 1 / -1;
}
}
body .gform_wrapper.gform_wrapper :is(.gfield_label, legend.gfield_label) {
display: block;
margin: 0 0 6px;
padding: 0;
font-size: var(--wp--preset--font-size--medium);
font-weight: 600;
line-height: 1.35;
letter-spacing: 0;
text-transform: none;
color: var(--bnjc-f-ink);
}
body .gform_wrapper.gform_wrapper :is(.gfield_label, legend.gfield_label) .gform-field-label__text {
font-size: inherit;
color: inherit;
}
body .gform_wrapper.gform_wrapper :is(.gfield_description, .gform-field-description) {
margin: 0 0 8px;
padding: 0;
max-inline-size: 60ch;
font-size: var(--wp--preset--font-size--small);
line-height: 1.45;
color: var(--bnjc-f-muted);
}
body .gform_wrapper.gform_wrapper .field_description_below .gfield_description {
margin: 8px 0 0;
}
body .gform_wrapper.gform_wrapper .gform-field-label--type-sub,
body .gform_wrapper.gform_wrapper .ginput_complex label {
margin: 4px 0 0;
font-size: var(--wp--preset--font-size--small);
font-weight: 400;
letter-spacing: 0;
text-transform: none;
color: var(--bnjc-f-muted);
}
body .gform_wrapper.gform_wrapper .gfield_required,
body .gform_wrapper.gform_wrapper .gfield_required_text,
body .gform_wrapper.gform_wrapper .gfield_optional {
display: inline;
margin-inline-start: 0.4em;
font-family: var(--font-body);
font-size: var(--wp--preset--font-size--small);
font-style: normal;
font-weight: 500;
letter-spacing: 0;
text-transform: lowercase;
color: var(--bnjc-f-muted);
}
body .gform_wrapper.gform_wrapper .gfield_required .gfield_required_text {
font-style: normal;
font-weight: 500;
}
body .gform_wrapper.gform_wrapper .gfield_required .gfield_required {
margin-inline-start: 0;
}
body .gform_wrapper.gform_wrapper :is(
input[type="text"], input[type="email"], input[type="tel"], input[type="url"],
input[type="number"], input[type="date"], input[type="password"], input[type="search"],
select, textarea
) {
box-sizing: border-box;
inline-size: 100%;
max-inline-size: none;
min-block-size: 48px;
margin: 0;
padding: 11px 14px;
border: 2px solid var(--bnjc-f-line);
border-radius: var(--radius-xs);
background-color: var(--white);
box-shadow: none;
color: var(--navy);
font-family: inherit;
font-size: var(--wp--preset--font-size--medium);
line-height: 1.4;
}
body .gform_wrapper.gform_wrapper textarea {
min-block-size: 140px;
resize: vertical;
}
body .gform_wrapper.gform_wrapper select {
padding-inline-end: 44px;
-webkit-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23191B6F' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 20px;
}
[dir="rtl"] body .gform_wrapper.gform_wrapper select {
background-position: left 12px center;
}
body .gform_wrapper.gform_wrapper ::placeholder {
color: var(--grey-700);
opacity: 1;
}
body .gform_wrapper.gform_wrapper :is(input, select, textarea):disabled {
background-color: var(--wp--preset--color--cream-deep);
color: var(--grey-700);
cursor: not-allowed;
}
body .gform_wrapper.gform_wrapper.gform_wrapper .gform-datepicker-toggle {
display: inline-grid;
flex: none;
place-items: center;
inline-size: 44px;
block-size: 44px;
min-inline-size: 44px;
min-block-size: 44px;
margin-inline-start: 6px;
padding: 0;
border: 0;
border-radius: var(--radius-xs);
background: transparent;
color: var(--bnjc-f-ink);
cursor: pointer;
}
body .gform_wrapper.gform_wrapper :is(input, select, textarea, button, a):focus-visible {
outline: 2px solid var(--bnjc-f-ring);
outline-offset: 2px;
box-shadow: 0 0 0 4px var(--bnjc-f-halo);
}
body .gform_wrapper.gform_wrapper .gfield:not(.bnjc-signup__topics) :is(.gfield_checkbox, .gfield_radio) {
display: grid;
gap: 2px;
margin: 0;
padding: 0;
list-style: none;
}
body .gform_wrapper.gform_wrapper .gfield:not(.bnjc-signup__topics) :is(.gchoice:not(.bnjc-intent), .ginput_container_consent) {
position: relative;
display: flex;
align-items: stretch;
min-block-size: 44px;
margin: 0;
padding: 0;
}
body .gform_wrapper.gform_wrapper .gfield:not(.bnjc-signup__topics) :is(.gchoice:not(.bnjc-intent), .ginput_container_consent) > input:is([type="checkbox"], [type="radio"]) {
position: absolute;
inset: 0;
z-index: 1;
inline-size: 100%;
block-size: 100%;
min-block-size: 44px;
margin: 0;
opacity: 0;
cursor: pointer;
}
body .gform_wrapper.gform_wrapper .gfield:not(.bnjc-signup__topics) :is(.gchoice:not(.bnjc-intent), .ginput_container_consent) > label {
position: relative;
display: block;
flex: 1;
max-inline-size: none;
margin: 0;
padding: 10px 0;
padding-inline-start: 38px;
font-size: var(--wp--preset--font-size--medium);
font-weight: 400;
line-height: 1.4;
letter-spacing: 0;
text-transform: none;
color: var(--bnjc-f-ink);
cursor: pointer;
}
body .gform_wrapper.gform_wrapper .gfield:not(.bnjc-signup__topics) :is(.gchoice:not(.bnjc-intent), .ginput_container_consent) > label::before {
content: "";
position: absolute;
inset-block-start: 10px;
inset-inline-start: 0;
inline-size: 24px;
block-size: 24px;
box-sizing: border-box;
border: 2px solid var(--bnjc-f-line);
border-radius: var(--radius-xs);
background: var(--white);
transition: background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
}
body .gform_wrapper.gform_wrapper .gfield:not(.bnjc-signup__topics) .gfield_radio .gchoice > label::before {
border-radius: var(--wp--custom--radius--circle);
}
body .gform_wrapper.gform_wrapper .gfield:not(.bnjc-signup__topics) :is(.gchoice:not(.bnjc-intent), .ginput_container_consent) > label::after {
content: "";
position: absolute;
inset-block-start: 15px;
inset-inline-start: 9px;
inline-size: 6px;
block-size: 11px;
box-sizing: border-box;
border: solid var(--white);
border-width: 0 3px 3px 0;
transform: rotate(45deg) scale(0);
transform-origin: 70% 70%;
transition: transform var(--dur-fast) var(--ease-out);
}
body .gform_wrapper.gform_wrapper .gfield:not(.bnjc-signup__topics) .gfield_radio .gchoice > label::after {
inset-block-start: 16px;
inset-inline-start: 6px;
inline-size: 12px;
block-size: 12px;
border: 0;
border-radius: var(--wp--custom--radius--circle);
background: var(--white);
transform: scale(0);
}
body .gform_wrapper.gform_wrapper .gfield:not(.bnjc-signup__topics) :is(.gchoice:not(.bnjc-intent), .ginput_container_consent) > input:checked + label::before {
background: var(--navy);
border-color: var(--navy);
}
body .gform_wrapper.gform_wrapper .gfield:not(.bnjc-signup__topics) :is(.gchoice:not(.bnjc-intent), .ginput_container_consent) > input:checked + label::after {
transform: rotate(45deg) scale(1);
}
body .gform_wrapper.gform_wrapper .gfield:not(.bnjc-signup__topics) .gfield_radio .gchoice > input:checked + label::after {
transform: scale(1);
}
.has-navy-darkest-background-color .gform_wrapper .gfield:not(.bnjc-signup__topics) :is(.gchoice:not(.bnjc-intent), .ginput_container_consent) > input:checked + label::before,
.has-navy-background-color .gform_wrapper .gfield:not(.bnjc-signup__topics) :is(.gchoice:not(.bnjc-intent), .ginput_container_consent) > input:checked + label::before,
.bnjc-apply-band .gform_wrapper .gfield:not(.bnjc-signup__topics) :is(.gchoice:not(.bnjc-intent), .ginput_container_consent) > input:checked + label::before,
.bnjc-order-band .gform_wrapper .gfield:not(.bnjc-signup__topics) :is(.gchoice:not(.bnjc-intent), .ginput_container_consent) > input:checked + label::before {
border-color: var(--cream);
background: var(--navy);
}
body .gform_wrapper.gform_wrapper .gfield:not(.bnjc-signup__topics) :is(.gchoice:not(.bnjc-intent), .ginput_container_consent) > input:focus-visible + label::before {
outline: 2px solid var(--bnjc-f-ring);
outline-offset: 2px;
box-shadow: 0 0 0 4px var(--bnjc-f-halo);
}
body .gform_wrapper.gform_wrapper .gfield:not(.bnjc-signup__topics) :is(.gchoice:not(.bnjc-intent), .ginput_container_consent) > input:disabled + label {
opacity: 0.6;
cursor: not-allowed;
}
body .gform_wrapper.gform_wrapper .gfield:not(.bnjc-signup__topics) .gfield_radio:has(> .gchoice:nth-child(-n + 3):last-child),
body .gform_wrapper.gform_wrapper .gfield:not(.bnjc-signup__topics) .gfield_checkbox:has(> .gchoice:nth-child(-n + 6):last-child) {
display: flex;
flex-wrap: wrap;
column-gap: 28px;
}
body .gform_wrapper.gform_wrapper .gfield:not(.bnjc-signup__topics) :is(.gfield_radio, .gfield_checkbox):has(> .gchoice:nth-child(-n + 6):last-child) .gchoice {
flex: 0 1 auto;
max-inline-size: 100%;
}
@media (max-width: 640px) {
body .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper input:is([type="text"], [type="email"], [type="tel"], [type="url"], [type="number"], [type="date"], [type="password"], [type="search"]) {
min-block-size: 48px;
line-height: 1.4;
}
}
body .gform_wrapper.gform_wrapper .gfield_error :is(input, select, textarea),
body .gform_wrapper.gform_wrapper .gfield_error :is(input, select, textarea)[aria-invalid="true"] {
border: 2px solid var(--bnjc-f-danger);
background-color: var(--white);
}
body .gform_wrapper.gform_wrapper .gfield_error:not(.bnjc-signup__topics) .gchoice > label::before {
border-color: var(--bnjc-f-danger);
}
body .gform_wrapper.gform_wrapper :is(.gfield_validation_message, .validation_message) {
display: flex;
gap: 8px;
align-items: flex-start;
inline-size: fit-content;
max-inline-size: 100%;
margin: 8px 0 0;
padding: var(--bnjc-f-danger-pad);
border: 0;
border-radius: var(--radius-xs);
background: var(--bnjc-f-danger-bg);
box-shadow: none;
font-size: var(--wp--preset--font-size--small);
font-weight: 600;
line-height: 1.4;
color: var(--bnjc-f-danger);
}
body .gform_wrapper.gform_wrapper :is(.gfield_validation_message, .validation_message)::before,
body .gform_wrapper.gform_wrapper .gform_validation_errors .gform_submission_error::before {
content: "";
flex: none;
inline-size: 20px;
block-size: 20px;
margin-block-start: 1px;
background: currentcolor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5M12 16v.01'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5M12 16v.01'/%3E%3C/svg%3E") center / contain no-repeat;
}
body .gform_wrapper.gform_wrapper .gform_validation_errors {
margin: 0 0 28px;
padding: 18px 20px;
border: 2px solid var(--bnjc-f-danger);
border-radius: var(--radius-xs);
background: var(--white);
box-shadow: none;
color: var(--ink-warm);
}
body .gform_wrapper.gform_wrapper .gform_validation_errors:focus,
body .gform_wrapper.gform_wrapper .gform_validation_errors:focus-visible {
outline: 2px solid var(--bnjc-f-ring);
outline-offset: 3px;
box-shadow: 0 0 0 5px var(--bnjc-f-halo);
}
body .gform_wrapper.gform_wrapper .gform_validation_errors .gform_submission_error {
display: flex;
gap: 10px;
align-items: flex-start;
margin: 0;
padding: 0;
font-family: var(--font-body);
font-size: var(--wp--preset--font-size--medium);
font-weight: 700;
line-height: 1.35;
letter-spacing: 0;
text-transform: none;
color: var(--ink-warm);
}
body .gform_wrapper.gform_wrapper .gform_validation_errors .gform-icon {
display: none;
}
body .gform_wrapper.gform_wrapper .gform_validation_errors ol {
margin: 12px 0 0;
padding-inline-start: 22px;
font-size: var(--wp--preset--font-size--small);
color: var(--navy);
}
body .gform_wrapper.gform_wrapper .gform_validation_errors a {
color: var(--navy);
text-decoration: underline;
text-underline-offset: 3px;
}
body .gform_wrapper.gform_wrapper .gform-footer,
body .gform_wrapper.gform_wrapper .gform_footer {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 14px 20px;
margin: 30px 0 0;
padding: 0;
}
body .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper :is(.gform_button, button[type="submit"], input[type="submit"]) {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 14px;
min-block-size: 52px;
padding: 0 28px;
border: 0;
border-radius: var(--radius-pill);
background: var(--bnjc-f-btn-bg);
color: var(--bnjc-f-btn-ink);
font-family: var(--font-body);
font-size: var(--wp--preset--font-size--caption);
font-weight: 700;
letter-spacing: var(--wp--custom--typography--tracking-pill);
line-height: 1;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
transition: var(--transition-control);
}
@media (max-width: 480px) {
body .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper :is(.gform_button, button[type="submit"]) {
white-space: normal;
text-align: start;
line-height: 1.2;
padding-block: 8px;
}
}
body .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper :is(.gform_button, button[type="submit"], input[type="submit"]):hover {
background: var(--bnjc-f-btn-hover);
color: var(--bnjc-f-btn-ink);
filter: none;
transform: var(--lift-hover);
}
body .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper :is(.gform_button, button[type="submit"], input[type="submit"]):focus-visible {
outline: 2px solid var(--bnjc-f-ring);
outline-offset: 2px;
box-shadow: 0 0 0 4px var(--bnjc-f-halo);
}
body .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper :is(.gform_button, button[type="submit"], input[type="submit"]):active {
transform: var(--press-scale);
}
body .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper :is(.gform_button, button[type="submit"]).gform-has-spinner {
pointer-events: none;
opacity: 0.85;
}
@media (max-width: 600px) {
body .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer :is(.gform_button, button[type="submit"], input[type="submit"]) {
inline-size: 100%;
}
}
body .gform_wrapper.gform_wrapper :is(.bnjc-form-consent, .bnjc-enquiry__privacy, .bnjc-enquiry__small) {
margin: 0;
max-inline-size: 60ch;
font-size: var(--wp--preset--font-size--small);
line-height: 1.5;
color: var(--bnjc-f-muted);
}
body .gform_wrapper.gform_wrapper :is(.bnjc-form-consent, .bnjc-enquiry__privacy, .bnjc-enquiry__small) a {
color: var(--bnjc-f-ink);
text-decoration: underline;
text-underline-offset: 3px;
}
body .gform_confirmation_wrapper.bnjc-formdone-wrapper,
body .bnjc-formdone-wrapper .gform_confirmation_message {
margin: 0;
padding: 0;
border: 0;
background: none;
max-inline-size: 46rem;
}
.bnjc-formdone {
display: grid;
gap: 14px;
justify-items: start;
box-sizing: border-box;
padding: clamp(24px, 4vw, 40px);
border-inline-start: 6px solid var(--bnjc-f-ok);
border-radius: var(--radius-xs);
background: var(--white);
box-shadow: var(--wp--preset--shadow--card);
color: var(--navy);
font-size: var(--wp--preset--font-size--medium);
line-height: 1.55;
text-align: start;
}
.bnjc-formdone:focus {
outline: 2px solid var(--bnjc-f-ring);
outline-offset: 3px;
box-shadow: 0 0 0 5px var(--bnjc-f-halo), var(--wp--preset--shadow--card);
}
.bnjc-formdone__tick {
display: grid;
place-items: center;
inline-size: 48px;
block-size: 48px;
border-radius: var(--wp--custom--radius--circle);
background: var(--bnjc-f-ok);
color: var(--white);
}
.bnjc-formdone__title {
margin: 0;
font-family: var(--font-display);
font-size: var(--wp--preset--font-size--display-s);
font-weight: 400;
line-height: var(--wp--custom--typography--leading-display);
letter-spacing: 0.005em;
text-transform: uppercase;
color: var(--navy);
}
.bnjc-formdone__text {
max-inline-size: 52ch;
}
.bnjc-formdone__text > * {
margin: 0;
}
.bnjc-formdone__text > * + * {
margin-block-start: 8px;
}
.bnjc-formdone__label {
margin: 10px 0 -4px;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: var(--wp--custom--typography--tracking-overline);
text-transform: uppercase;
color: var(--grey-700);
}
.bnjc-formdone__next {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.bnjc-formdone__btn {
display: inline-flex;
align-items: center;
gap: 14px;
min-block-size: 52px;
padding: 0 24px;
border: 1.5px solid var(--navy);
border-radius: var(--radius-pill);
background: var(--navy);
color: var(--white);
font-size: var(--wp--preset--font-size--caption);
font-weight: 700;
letter-spacing: var(--wp--custom--typography--tracking-pill);
line-height: 1;
text-decoration: none;
text-transform: uppercase;
transition: var(--transition-control);
}
.bnjc-formdone__btn:hover {
background: var(--navy-deep);
color: var(--white);
transform: var(--lift-hover);
}
.bnjc-formdone__btn.is-outline {
background: transparent;
color: var(--navy);
}
.bnjc-formdone__btn.is-outline:hover {
background: var(--wp--custom--color--hover-wash);
color: var(--navy);
}
@media (max-width: 600px) {
.bnjc-formdone__btn {
inline-size: 100%;
justify-content: center;
}
}
@media (prefers-reduced-motion: reduce) {
body .gform_wrapper.gform_wrapper *,
.bnjc-formdone__btn {
transition: none !important;
}
body .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper :is(.gform_button, button[type="submit"], input[type="submit"]):hover,
.bnjc-formdone__btn:hover {
transform: none;
}
}
/* assets/css/area-home-modern.css */
.bnjc-hero--modern,
.bnjc-home-statement,
.bnjc-home-tiles,
.bnjc-home-week,
.bnjc-home-blog,
.bnjc-home-big {
--bnjc-gut: var(--wp--preset--spacing--90);
}
@media (max-width: 767px) {
.bnjc-hero--modern,
.bnjc-home-statement,
.bnjc-home-tiles,
.bnjc-home-week,
.bnjc-home-blog,
.bnjc-home-big {
--bnjc-gut: 18px;
}
}
.bnjc-hero--modern {
display: flex;
flex-direction: column;
justify-content: flex-end;
min-block-size: min(68vh, 600px);
padding: var(--bnjc-gut);
text-align: start;
}
.entry-content > .wp-block-group.alignfull.bnjc-hero--modern {
padding-inline: var(--bnjc-gut);
}
.bnjc-hero--modern::before {
background: linear-gradient(
180deg,
color-mix(in srgb, var(--wp--preset--color--navy-darkest) 55%, transparent) 0%,
color-mix(in srgb, var(--wp--preset--color--navy-darkest) 10%, transparent) 38%,
color-mix(in srgb, var(--wp--preset--color--navy-darkest) 88%, transparent) 100%
);
}
.bnjc-hero--modern .bnjc-hero__content {
align-items: stretch;
gap: 0;
max-inline-size: none;
padding: 0;
inline-size: 100%;
margin-inline: 0;
}
.bnjc-hero--modern .bnjc-hero__content::before {
display: none;
}
.bnjc-hero--modern .bnjc-hero__kicker {
position: static;
margin: 0 0 var(--wp--preset--spacing--30);
opacity: 1;
}
.bnjc-hero--modern .bnjc-hero__headline {
margin: 0;
max-inline-size: 900px;
font-size: clamp(var(--wp--preset--font-size--display-m), 6.4vw, var(--wp--preset--font-size--display-xl));
text-transform: none;
text-align: start;
}
.bnjc-hero--modern .bnjc-hero__row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
gap: var(--wp--preset--spacing--60);
margin-block-start: var(--wp--preset--spacing--60);
padding-inline-end: 64px;
}
.bnjc-hero--modern .bnjc-hero__row p {
margin: 0;
max-inline-size: 430px;
font-size: 20px;
opacity: 0.95;
}
.bnjc-hero--modern .bnjc-hero__row .wp-block-buttons {
margin: 0;
}
.bnjc-hero--modern .bnjc-hero__pause {
inset-block-start: var(--bnjc-gut);
inset-block-end: auto;
inset-inline-end: var(--bnjc-gut);
}
@media (max-width: 620px) {
.bnjc-hero--modern {
min-block-size: 520px;
}
.bnjc-hero--modern .bnjc-hero__row {
flex-direction: column;
align-items: flex-start;
padding-inline-end: 0;
}
}
.bnjc-home-statement {
display: grid;
grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
gap: var(--bnjc-gut);
padding: clamp(48px, 6vw, 88px) var(--bnjc-gut);
}
.bnjc-home-statement > * {
margin: 0;
}
.bnjc-home-statement .bnjc-overline {
padding-block-start: 14px;
color: var(--wp--preset--color--navy);
}
.bnjc-home-statement__text {
font-family: var(--wp--preset--font-family--display);
font-size: clamp(var(--wp--preset--font-size--display-s), 3vw, var(--wp--preset--font-size--display-m));
line-height: 1.1;
color: var(--wp--preset--color--navy);
max-inline-size: none;
}
@media (max-width: 900px) {
.bnjc-home-statement {
grid-template-columns: 1fr;
}
}
.bnjc-home-tiles {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
padding-inline: var(--bnjc-gut);
}
.bnjc-home-tile {
position: relative;
isolation: isolate;
display: flex;
flex-direction: column;
justify-content: space-between;
min-block-size: clamp(240px, 22vw, 310px);
padding: 22px 22px 24px;
border-radius: var(--wp--custom--radius--xs, 2px);
overflow: hidden;
background: var(--bnjc-tile-bg, var(--wp--preset--color--navy));
color: var(--bnjc-tile-ink, var(--wp--preset--color--white));
text-decoration: none;
}
.bnjc-home-tile__photo {
position: absolute;
inset: 0;
z-index: -2;
inline-size: 100%;
block-size: 100%;
object-fit: cover;
opacity: 0;
transition: opacity 0.35s;
}
.bnjc-home-tile::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(
180deg,
color-mix(in srgb, var(--bnjc-tile-bg) 62%, transparent) 0%,
color-mix(in srgb, var(--bnjc-tile-bg) 88%, transparent) 55%,
var(--bnjc-tile-bg) 100%
);
opacity: 0;
transition: opacity 0.35s;
}
.bnjc-home-tile:hover .bnjc-home-tile__photo,
.bnjc-home-tile:focus-visible .bnjc-home-tile__photo,
.bnjc-home-tile:hover::before,
.bnjc-home-tile:focus-visible::before {
opacity: 1;
}
.bnjc-home-tile:focus-visible,
.bnjc-home-tile:has(a:focus-visible) {
outline: 2px solid var(--focus-ring);
box-shadow: 0 0 0 4px var(--focus-halo);
outline-offset: 3px;
}
.bnjc-home-tile__top {
display: flex;
justify-content: space-between;
align-items: flex-start;
font-size: var(--wp--preset--font-size--small);
font-weight: 800;
letter-spacing: 0.12em;
}
.bnjc-home-tile__arrow {
display: grid;
place-items: center;
inline-size: 42px;
block-size: 42px;
border: 2px solid currentcolor;
border-radius: 50%;
font-size: var(--wp--preset--font-size--heading-s);
line-height: 1;
}
.bnjc-home-tile__name {
display: block;
margin-block-end: 8px;
font-family: var(--wp--preset--font-family--display);
font-size: clamp(var(--wp--preset--font-size--display-xs), 2.8vw, var(--wp--preset--font-size--display-s));
line-height: 0.94;
letter-spacing: -0.01em;
text-transform: none;
}
.bnjc-home-tile__sub {
display: block;
max-inline-size: 34ch;
margin-block-end: 14px;
font-size: var(--wp--preset--font-size--small);
line-height: 1.4;
}
.bnjc-home-tile__go {
display: inline-block;
padding-block-end: 3px;
border-block-end: 2px solid currentcolor;
font-size: var(--wp--preset--font-size--caption);
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
@media (max-width: 900px) {
.bnjc-home-tiles {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 620px) {
.bnjc-home-tiles {
grid-template-columns: 1fr;
}
.bnjc-home-tile {
min-block-size: 220px;
}
}
@media (prefers-reduced-motion: reduce) {
.bnjc-home-tile__photo,
.bnjc-home-tile::before {
transition: none;
}
}
.bnjc-home-week {
padding: clamp(56px, 7vw, 96px) var(--bnjc-gut) 0;
}
.bnjc-home-week__head {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
gap: 20px;
margin-block-end: var(--wp--preset--spacing--70);
}
.bnjc-home-week__head > * {
margin: 0;
}
.bnjc-home-week__title {
font-size: clamp(var(--wp--preset--font-size--display-s), 4vw, var(--wp--preset--font-size--display-m));
text-transform: none;
color: var(--wp--preset--color--navy);
}
.bnjc-home-week__all a {
padding-block-end: 3px;
border-block-end: 2px solid var(--wp--preset--color--navy);
color: var(--wp--preset--color--navy);
font-size: var(--wp--preset--font-size--caption);
font-weight: 800;
letter-spacing: 0.12em;
text-decoration: none;
text-transform: uppercase;
}
.bnjc-home-week .bnjc-event-list {
border-block-end: 2px solid var(--wp--preset--color--navy);
}
.bnjc-home-week .bnjc-event-day {
border-block-end: 0;
border-block-start: 2px solid var(--wp--preset--color--navy);
padding-block: var(--wp--preset--spacing--50);
}
.bnjc-home-week .bnjc-event-day__label {
color: var(--wp--preset--color--navy);
}
.bnjc-home-week .bnjc-event-row__title {
font-family: var(--wp--preset--font-family--display);
font-weight: 400;
font-size: clamp(var(--wp--preset--font-size--heading-m), 2vw, var(--wp--preset--font-size--display-xs));
line-height: 1.05;
letter-spacing: -0.01em;
text-transform: none;
}
.bnjc-home-week .bnjc-event-row__title a {
color: var(--wp--preset--color--navy-darkest);
}
.bnjc-home-week .bnjc-event-row__desc,
.bnjc-home-week .bnjc-event-row__tag,
.bnjc-home-week .bnjc-event-facts,
.bnjc-home-week .bnjc-event-recur {
display: none;
}
.bnjc-home-week .bnjc-event-row__time {
font-weight: 800;
color: var(--wp--preset--color--navy);
}
.bnjc-home-blog {
padding: clamp(56px, 7vw, 96px) var(--bnjc-gut) 0;
}
.bnjc-home-blog__frame {
position: relative;
}
.bnjc-home-blog .bnjc-news__grid.wp-block-post-template {
display: flex;
gap: var(--wp--preset--spacing--60);
margin: 0;
padding: 6px 0 18px;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scroll-padding-inline: 0;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.bnjc-home-blog .bnjc-news__grid.wp-block-post-template::-webkit-scrollbar {
display: none;
}
.bnjc-home-blog .bnjc-news__grid > li {
flex: 0 0 clamp(264px, 29vw, 400px);
inline-size: clamp(264px, 29vw, 400px);
scroll-snap-align: start;
}
@media (max-width: 767px) {
.bnjc-home-blog .bnjc-news__grid > li {
flex-basis: 80%;
inline-size: 80%;
}
}
.bnjc-home-blog__arrow {
position: absolute;
inset-block-start: 130px;
z-index: 2;
display: grid;
place-items: center;
inline-size: 44px;
block-size: 44px;
margin: 0;
padding: 0;
border: 1px solid color-mix(in srgb, var(--wp--preset--color--navy) 35%, transparent);
border-radius: 50%;
background: color-mix(in srgb, var(--wp--preset--color--cream) 94%, transparent);
color: var(--wp--preset--color--navy);
opacity: 0.85;
cursor: pointer;
transition: opacity 0.2s ease, border-color 0.2s ease;
}
.bnjc-home-blog__arrow[hidden] {
display: none;
}
.bnjc-home-blog__arrow:hover {
opacity: 1;
border-color: var(--wp--preset--color--navy);
}
.bnjc-home-blog__arrow:focus-visible {
outline: 2px solid var(--focus-ring);
box-shadow: 0 0 0 4px var(--focus-halo);
outline-offset: 2px;
opacity: 1;
}
.bnjc-home-blog__arrow--prev {
inset-inline-start: -10px;
}
.bnjc-home-blog__arrow--next {
inset-inline-end: -10px;
}
[dir="rtl"] .bnjc-home-blog__arrow svg {
transform: scaleX(-1);
}
@media (max-width: 767px) {
.bnjc-home-blog__arrow--prev {
inset-inline-start: -6px;
}
.bnjc-home-blog__arrow--next {
inset-inline-end: -6px;
}
}
.bnjc-home-big {
margin-block-start: clamp(56px, 7vw, 96px);
min-block-size: min(52vh, 460px);
padding: var(--bnjc-gut);
}
.bnjc-home-big::after {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background: linear-gradient(
180deg,
color-mix(in srgb, var(--wp--preset--color--navy-darkest) 15%, transparent),
color-mix(in srgb, var(--wp--preset--color--navy-darkest) 85%, transparent)
);
pointer-events: none;
}
.bnjc-home-big .wp-block-cover__inner-container {
position: relative;
z-index: 1;
padding: 0;
}
.bnjc-home-big__title {
margin: 0;
max-inline-size: 1200px;
font-size: clamp(var(--wp--preset--font-size--display-s), 4.4vw, var(--wp--preset--font-size--display-l));
text-transform: none;
}
.bnjc-home-big__line {
margin: 22px 0 0;
max-inline-size: 44ch;
font-size: 20px;
}
.bnjc-hero--modern {
min-block-size: min(86vh, 820px);
overflow: clip;
}
.bnjc-hero--modern::before {
background: linear-gradient(
0deg,
color-mix(in srgb, var(--wp--preset--color--navy-deep) 88%, transparent) 0%,
color-mix(in srgb, var(--wp--preset--color--navy-deep) 35%, transparent) 55%,
color-mix(in srgb, var(--wp--preset--color--navy-deep) 10%, transparent) 100%
);
}
.bnjc-hero--modern .bnjc-hero__headline {
max-inline-size: 11em;
font-size: clamp(54px, 10.4vw, 176px);
line-height: 0.92;
letter-spacing: -0.03em;
margin-block: 14px 26px;
}
.bnjc-hero--modern .bnjc-hero__row {
margin-block-start: 0;
}
.bnjc-hero--modern .bnjc-hero__row p {
font-size: clamp(18px, 1.7vw, 24px);
max-inline-size: 30em;
}
.bnjc-home-statement {
display: block;
padding-block: clamp(60px, 9vw, 140px);
}
.bnjc-home-statement .bnjc-overline {
padding: 0;
margin-block-end: 22px;
}
.bnjc-home-statement__text {
font-weight: 700;
font-size: clamp(30px, 4.6vw, 72px);
line-height: 1.06;
letter-spacing: -0.015em;
max-inline-size: 19em;
}
.bnjc-home-tiles {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
padding-block-end: clamp(60px, 8vw, 120px);
}
.bnjc-home-tile {
display: block;
container-type: inline-size;
min-block-size: 0;
aspect-ratio: 5 / 4;
padding: 0;
transition: transform 0.25s;
}
.bnjc-home-tile:hover {
transform: translateY(-4px);
}
.bnjc-home-tile__photo {
inset: 22px 22px auto auto;
z-index: 0;
inline-size: 47%;
block-size: 54%;
border-radius: var(--wp--custom--radius--xs, 2px);
opacity: 1;
transition: transform 0.5s;
}
.bnjc-home-tile:hover .bnjc-home-tile__photo {
transform: scale(1.03);
}
.bnjc-home-tile::before {
display: none;
}
.bnjc-home-tile__top {
position: absolute;
inset: 22px auto auto 24px;
display: block;
font-size: var(--wp--preset--font-size--small);
letter-spacing: 0.16em;
}
.bnjc-home-tile__arrow {
display: none;
}
.bnjc-home-tile__body {
display: contents;
}
.bnjc-home-tile__sub {
position: absolute;
inset: 58px auto auto 24px;
inline-size: 42%;
max-inline-size: none;
margin: 0;
font-size: clamp(16px, 3.3cqw, 18px);
}
.bnjc-home-tile__name {
position: absolute;
inset: auto 0 0.02em 18px;
z-index: 1;
margin: 0;
font-size: calc(27cqw * var(--bnjc-tile-s, 1));
line-height: 0.8;
letter-spacing: -0.045em;
white-space: nowrap;
pointer-events: none;
}
.bnjc-home-tile__go {
position: absolute;
inset: auto 22px 22px auto;
z-index: 2;
min-block-size: var(--touch-min);
display: inline-flex;
align-items: center;
padding: 0 18px;
border: 0;
border-radius: 999px;
background: var(--bnjc-tile-ink);
color: var(--bnjc-tile-bg);
font-size: var(--wp--preset--font-size--small);
letter-spacing: 0.08em;
}
@media (max-width: 767px) {
.bnjc-home-tiles {
grid-template-columns: minmax(0, 1fr);
}
.bnjc-home-tile {
aspect-ratio: 4 / 3.4;
}
}
.bnjc-home-week {
padding-block: clamp(56px, 8vw, 120px);
background: var(--wp--preset--color--cream-deep);
}
.bnjc-home-week__title,
.bnjc-home-blog .bnjc-home-week__title {
font-size: clamp(40px, 6vw, 92px);
}
.bnjc-home-week .bnjc-event-day__label {
font-family: var(--wp--preset--font-family--display);
font-size: clamp(var(--wp--preset--font-size--heading-m), 2.4vw, var(--wp--preset--font-size--display-xs));
font-weight: 700;
letter-spacing: -0.01em;
text-transform: none;
}
.bnjc-home-week .bnjc-event-row__title {
font-weight: 700;
font-size: clamp(24px, 3.2vw, 46px);
}
.bnjc-home-week .bnjc-event-row:hover {
background: color-mix(in srgb, var(--wp--preset--color--gold) 35%, transparent);
}
.bnjc-home-blog {
padding-block-end: clamp(56px, 8vw, 120px);
}
.bnjc-home-blog .bnjc-news-card .wp-block-post-title {
font-size: clamp(24px, 2.4vw, 34px);
line-height: 1.04;
}
.bnjc-home-blog .bnjc-news-card .wp-block-post-date {
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--wp--preset--color--ink-warm);
}
.bnjc-home-big--type::after {
display: none;
}
.bnjc-home-big--type {
margin: 0;
min-block-size: 0;
padding: clamp(70px, 10vw, 160px) var(--bnjc-gut);
background: var(--wp--preset--color--gold);
color: var(--wp--preset--color--navy);
}
.bnjc-home-big--type .bnjc-home-big__title {
color: var(--wp--preset--color--navy);
max-inline-size: 12em;
font-size: clamp(40px, 7vw, 120px);
font-weight: 700;
line-height: 0.96;
letter-spacing: -0.03em;
}
.bnjc-home-big--type .bnjc-home-big__line {
margin-block-start: 26px;
max-inline-size: none;
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
font-size: clamp(22px, 2.4vw, 36px);
color: var(--wp--preset--color--ink-warm);
}
.bnjc-home-events {
background: var(--wp--preset--color--ink-warm);
color: var(--wp--preset--color--cream);
padding-block: clamp(56px, 8vw, 120px);
}
.bnjc-home-events .bnjc-overline,
.bnjc-home-events .bnjc-home-week__title,
.bnjc-home-events .bnjc-home-week__all a {
color: var(--wp--preset--color--cream);
}
.bnjc-home-events .bnjc-home-week__title {
margin: 8px 0 0;
font-size: clamp(40px, 6vw, 92px);
}
.bnjc-home-events .bnjc-home-week__all a {
border-color: var(--wp--preset--color--cream);
}
.bnjc-home-events__feature {
margin-block-end: clamp(28px, 4vw, 56px);
}
@media (min-width: 768px) and (max-width: 1099px) {
.bnjc-home-events__feature .bnjc-event-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.bnjc-home-events .bnjc-whats-on-block .bnjc-event-card__title,
.bnjc-home-events .bnjc-whats-on-block .bnjc-event-card__title a,
.bnjc-home-events .bnjc-whats-on-block .bnjc-event-card__meta {
color: var(--wp--preset--color--cream);
}
.bnjc-home-events .bnjc-whats-on-block .bnjc-event-card__title {
font-size: clamp(22px, 2.2vw, 32px);
line-height: 1.05;
}
.bnjc-home-events .bnjc-event-list,
.bnjc-home-events .bnjc-event-day {
border-color: var(--wp--preset--color--cream);
}
.bnjc-home-events .bnjc-event-day__label,
.bnjc-home-events .bnjc-event-row__time,
.bnjc-home-events .bnjc-event-row__title a,
.bnjc-home-events .bnjc-event-row__title {
color: var(--wp--preset--color--cream);
}
.bnjc-home-events .bnjc-event-row__action,
.bnjc-home-events .bnjc-event-row__action.bnjc-pill {
border-color: var(--wp--preset--color--cream);
color: var(--wp--preset--color--cream);
background: transparent;
}
.bnjc-home-events .bnjc-event-row__action.bnjc-pill--primary,
.bnjc-home-events .bnjc-event-row__action.is-primary {
background: var(--wp--preset--color--cream);
color: var(--wp--preset--color--navy);
}
.bnjc-home-tiles {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.bnjc-home-tile {
grid-column: span var(--bnjc-tile-span, 6);
aspect-ratio: var(--bnjc-tile-ar, 5 / 4);
}
.bnjc-home-tile__photo {
inline-size: var(--bnjc-tile-pw, 47%);
block-size: var(--bnjc-tile-ph, 54%);
object-position: var(--bnjc-tile-op, 50% 50%);
}
.bnjc-home-tile__sub {
inline-size: calc(100% - var(--bnjc-tile-pw, 47%) - 70px);
}
.bnjc-home-tile__name {
font-size: clamp(var(--bnjc-tile-floor, 56px), calc(26cqw * var(--bnjc-tile-s, 1)), 250px);
}
@media (max-width: 899px) {
.bnjc-home-tiles {
grid-template-columns: minmax(0, 1fr);
}
.bnjc-home-tile {
grid-column: auto;
aspect-ratio: 4 / 3.4;
--bnjc-tile-pw: 47%;
--bnjc-tile-ph: 54%;
}
.bnjc-home-tile.bnjc-home-tile--long:not(.bnjc-home-tile--wide) {
aspect-ratio: 4 / 4.5;
}
.bnjc-home-tile:not(.bnjc-home-tile--wide) .bnjc-home-tile__go {
inset-block-end: calc(clamp(var(--bnjc-tile-floor, 56px), 26cqw * var(--bnjc-tile-s, 1), 250px) * 0.8 + 12px);
}
}
.bnjc-home-events .bnjc-whats-on-block .bnjc-event-card--detail .bnjc-event-card__title,
.bnjc-home-events .bnjc-whats-on-block .bnjc-event-card--detail .bnjc-event-card__title a,
.bnjc-home-events .bnjc-whats-on-block .bnjc-event-card--detail .bnjc-event-card__meta,
.bnjc-home-events .bnjc-whats-on-block .bnjc-event-card--detail .bnjc-event-card__when,
.bnjc-home-events .bnjc-whats-on-block .bnjc-event-card--detail .bnjc-event-card__desc {
color: var(--wp--preset--color--navy);
}
.bnjc-home-events .bnjc-event-row__tag,
.bnjc-home-events .bnjc-tag,
.bnjc-home-events .bnjc-event-facts,
.bnjc-home-events .bnjc-event-row__desc,
.bnjc-home-events .bnjc-event-recur,
.bnjc-home-events .bnjc-event-card__tag,
.bnjc-home-events .bnjc-event-card__facts,
.bnjc-home-events .bnjc-event-card__desc,
.bnjc-home-events .bnjc-event-day__today {
display: none;
}
.bnjc-home-events .bnjc-event-list {
color: var(--wp--preset--color--cream);
}
.bnjc-home-events .bnjc-event-day__label,
.bnjc-home-events .bnjc-event-row__time,
.bnjc-home-events .bnjc-event-row__time time,
.bnjc-home-events .bnjc-event-row__body,
.bnjc-home-events .bnjc-event-row__title a,
.bnjc-home-events .bnjc-event-row.is-shabbat,
.bnjc-home-events .bnjc-event-row.is-shabbat * {
color: var(--wp--preset--color--cream);
}
.bnjc-home-events .bnjc-event-row__time {
font-weight: 700;
opacity: 0.95;
}
.bnjc-home-events .bnjc-event-row__action,
.bnjc-home-events .bnjc-event-row__action.bnjc-pill,
.bnjc-home-events .bnjc-wo-action {
padding: 0 0 3px;
border: 0;
border-block-end: 2px solid currentcolor;
border-radius: 0;
background: transparent !important;
color: var(--wp--preset--color--cream) !important;
font-size: var(--wp--preset--font-size--small);
font-weight: 700;
letter-spacing: 0;
text-transform: none;
white-space: nowrap;
box-shadow: none;
}
.bnjc-home-events .bnjc-event-row__action:hover {
color: var(--wp--preset--color--gold) !important;
}
.bnjc-home-events .bnjc-whats-on-block .bnjc-event-list__more a {
color: var(--wp--preset--color--cream);
}
.bnjc-home-events .bnjc-whats-on-block .bnjc-event-list__more a:hover {
color: var(--wp--preset--color--gold);
}
.bnjc-home-events .bnjc-event-card--detail .bnjc-wo-action {
color: var(--wp--preset--color--navy) !important;
}
.bnjc-home-events .bnjc-event-facts,
.bnjc-home-events .bnjc-event-recur,
.bnjc-home-events .bnjc-event-row__tag,
.bnjc-home-events .bnjc-event-row__desc,
.bnjc-home-events .bnjc-tag,
.bnjc-home-events .bnjc-event-day__today {
display: none !important;
}
.bnjc-home-events .bnjc-event-list .bnjc-event-day__label,
.bnjc-home-events .bnjc-event-list .bnjc-event-day__label time,
.bnjc-home-events .bnjc-event-list .bnjc-event-day__head {
color: var(--wp--preset--color--cream) !important;
}
.bnjc-home-events .bnjc-event-list .bnjc-event-row__title,
.bnjc-home-events .bnjc-event-list .bnjc-event-row__title a {
color: var(--wp--preset--color--cream) !important;
}
.bnjc-home-events .bnjc-event-row__action,
.bnjc-home-events .bnjc-wo-action {
min-block-size: 0;
block-size: auto;
line-height: 1.3;
align-self: start;
}
.bnjc-home-events .bnjc-whats-on-block .bnjc-event-list__more a {
color: var(--wp--preset--color--cream);
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 5px;
}
.bnjc-home-events .bnjc-whats-on-block .bnjc-event-list__more a:hover {
color: var(--wp--preset--color--gold);
}
@media (max-width: 899px) {
.bnjc-home-events .bnjc-event-row__action {
justify-self: start;
margin-block-start: 6px;
}
}
.entry-content > .bnjc-hero--modern + .bnjc-home-events,
.entry-content > .bnjc-home-events {
margin-block-start: 0;
}
.bnjc-home-week__he,
.bnjc-event-day__he {
font-family: var(--wp--preset--font-family--display);
letter-spacing: 0;
text-transform: none;
}
.bnjc-home-week__he {
font-weight: 700;
}
.bnjc-home-week__he {
margin: 10px 0 0;
font-size: clamp(22px, 2.6vw, 36px);
line-height: 1.15;
text-align: start;
}
.bnjc-home-week__he bdo {
font-weight: inherit;
unicode-bidi: isolate-override;
}
.bnjc-home-events .bnjc-home-week__he {
color: var(--wp--preset--color--gold);
}
.bnjc-event-day__he {
display: block;
margin-block-start: 6px;
font-size: var(--wp--preset--font-size--medium);
line-height: 1.1;
white-space: nowrap;
opacity: 0.92;
}
.bnjc-home-tile {
cursor: pointer;
}
.bnjc-home-tile__cover {
position: absolute;
inset: 0;
z-index: 1;
}
.bnjc-home-tile .bnjc-home-tile__link,
.bnjc-home-tile .bnjc-home-tile__name {
color: var(--bnjc-tile-ink, var(--wp--preset--color--white));
text-decoration: none;
}
.bnjc-home-tile__name {
pointer-events: none;
}
.bnjc-home-tile__sub,
.bnjc-home-tile__times {
z-index: 2;
pointer-events: auto;
-webkit-user-select: text;
user-select: text;
cursor: text;
}
.bnjc-home-tile__go {
display: inline-flex;
align-items: center;
min-block-size: 44px;
z-index: 3;
pointer-events: auto;
cursor: pointer;
text-decoration: none;
}
.bnjc-home-tile__times {
margin: 12px 0 0;
font-size: clamp(16px, 3.1cqw, 18px);
font-weight: 700;
line-height: 1.35;
}
.bnjc-home-tile__times-label {
display: inline-block;
margin-inline-end: 0.5em;
font-size: var(--wp--preset--font-size--overline);
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
opacity: 0.85;
}
.bnjc-home-tile.bnjc-home-tile--wide {
aspect-ratio: auto;
}
.bnjc-home-tile--wide .bnjc-home-tile__body {
display: block;
position: relative;
z-index: 2;
box-sizing: border-box;
min-block-size: clamp(300px, 29vw, 460px);
padding: 58px 24px calc(clamp(var(--bnjc-tile-floor, 56px), 26cqw * var(--bnjc-tile-s, 1), 250px) * 0.8 + 24px);
pointer-events: none;
}
.bnjc-home-tile--wide .bnjc-home-tile__sub {
position: static;
inline-size: calc(100% - var(--bnjc-tile-pw, 26%) - 40px);
max-inline-size: 58ch;
font-size: clamp(16px, 1.5vw, 19px);
}
.bnjc-home-tile--wide .bnjc-home-tile__times {
position: relative;
z-index: 2;
inline-size: fit-content;
max-inline-size: calc(100% - var(--bnjc-tile-pw, 26%) - 40px);
font-size: clamp(16px, 1.4vw, 18px);
}
@media (max-width: 899px) {
.bnjc-home-tile.bnjc-home-tile--wide {
padding-block-end: 22px;
}
.bnjc-home-tile--wide .bnjc-home-tile__photo {
position: relative;
inset: auto;
inline-size: calc(100% - 48px);
block-size: 150px;
margin: 58px 24px 0;
}
.bnjc-home-tile--wide .bnjc-home-tile__body {
min-block-size: 0;
padding: 16px 24px 0;
}
.bnjc-home-tile--wide .bnjc-home-tile__name {
position: static;
margin-block: 0 12px;
inset: auto;
}
.bnjc-home-tile--wide .bnjc-home-tile__sub,
.bnjc-home-tile--wide .bnjc-home-tile__times {
inline-size: auto;
max-inline-size: none;
}
.bnjc-home-tile--wide .bnjc-home-tile__go {
position: relative;
inset: auto;
display: inline-flex;
margin-block-start: 18px;
}
}
@media (max-width: 599px) {
.bnjc-home-tile:not(.bnjc-home-tile--wide),
.bnjc-home-tile.bnjc-home-tile--long:not(.bnjc-home-tile--wide) {
display: flex;
flex-direction: column;
align-items: flex-start;
aspect-ratio: auto;
padding: 58px 24px 24px;
}
.bnjc-home-tile:not(.bnjc-home-tile--wide) .bnjc-home-tile__photo {
position: relative;
inset: auto;
inline-size: 100%;
block-size: 150px;
margin-block-end: 18px;
}
.bnjc-home-tile:not(.bnjc-home-tile--wide) .bnjc-home-tile__name {
position: static;
inset: auto;
margin-block: 0 12px;
line-height: 0.9;
white-space: normal;
text-wrap: balance;
}
.bnjc-home-tile:not(.bnjc-home-tile--wide) .bnjc-home-tile__sub {
position: relative;
inset: auto;
inline-size: auto;
}
.bnjc-home-tile:not(.bnjc-home-tile--wide) .bnjc-home-tile__go {
position: relative;
inset: auto;
margin-block-start: 18px;
}
}
.bnjc-home-big__by {
margin: 14px 0 0;
font-size: var(--wp--preset--font-size--caption);
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.bnjc-home-big--type .bnjc-home-big__by {
color: var(--wp--preset--color--navy);
}
/* assets/css/area-home.css */
.bnjc-hero__actions {
flex-wrap: wrap;
align-items: center;
gap: 12px 14px;
}
.bnjc-hero__actions .bnjc-hero__primary .wp-block-button__link {
min-block-size: 56px;
padding-inline: 34px;
font-size: var(--wp--preset--font-size--medium);
box-shadow: 0 8px 24px rgba(11, 12, 56, 0.35);
}
.bnjc-hero__actions .bnjc-hero__primary .wp-block-button__link:hover {
background: var(--white);
}
.bnjc-hero__actions .is-style-outline .wp-block-button__link {
border-color: var(--white);
background: transparent;
color: var(--white);
}
.bnjc-hero__actions .is-style-outline .wp-block-button__link:hover {
background: color-mix(in srgb, var(--white) 16%, transparent);
color: var(--white);
}
@media (max-width: 599px) {
.bnjc-hero__actions .bnjc-hero__primary {
flex: 0 0 100%;
display: flex;
justify-content: center;
}
}
.bnjc-capture {
padding-block: 14px;
}
.bnjc-capture__line {
margin: 0;
color: var(--grey-700);
text-align: center;
}
.bnjc-capture__line a {
color: var(--navy);
font-weight: 700;
text-underline-offset: 3px;
}
.bnjc-capture__line a:focus-visible {
outline: 2px solid var(--focus-ring);
box-shadow: 0 0 0 4px var(--focus-halo);
outline-offset: 3px;
}
.bnjc-statement__lead {
max-inline-size: 640px;
}
.bnjc-day-band.bnjc-day-band {
padding-block-end: 0;
}
.bnjc-day-band .bnjc-day-ctl {
padding-block-end: 16px;
}
body.home .bnjc-signup {
padding-block-start: clamp(40px, 6vw, 72px);
}
.bnjc-signup__form .gform_wrapper.gravity-theme .gform_fields > .gfield {
grid-column: 1 / -1;
}
.bnjc-signup__form .gform_wrapper.gravity-theme {
inline-size: 100%;
max-inline-size: none;
margin-inline: 0;
text-align: center;
}
.bnjc-signup .bnjc-signup__words,
.bnjc-signup .bnjc-signup__form {
text-align: center;
}
.bnjc-signup__lead,
.bnjc-signup__small {
margin-inline: auto;
text-align: center;
}
.bnjc-signup__small {
max-inline-size: 56ch;
}
.bnjc-signup__form .gform_wrapper.gravity-theme .gfield_checkbox,
.bnjc-signup__form .gform_wrapper.gravity-theme .gform_confirmation_message,
.bnjc-signup__form .gform_wrapper.gravity-theme .validation_message {
justify-content: center;
text-align: center;
}
/* assets/css/area-mobile.css */
@media (max-width: 899px) {
.bnjc-header .wp-block-site-logo a,
.bnjc-header .custom-logo-link {
display: inline-flex;
align-items: center;
min-block-size: 44px;
}
.bnjc-header .wp-block-search__button,
.bnjc-header .wp-block-search__button.has-icon {
min-inline-size: 44px;
min-block-size: 44px;
}
.bnjc-header .wp-block-button__link,
.bnjc-header__menu-toggle .wp-block-button__link {
min-block-size: 44px;
}
.bnjc-hero__pause,
.bnjc-icon-btn {
min-inline-size: 44px;
min-block-size: 44px;
}
.wp-block-navigation-item__content {
display: inline-flex;
align-items: center;
min-block-size: 44px;
}
.wp-block-button__link,
.gform_wrapper .gform_button,
.gform_wrapper button[type="submit"],
.bnjc-pill {
min-block-size: 44px;
}
.gform_wrapper :is(input:not([type="checkbox"], [type="radio"], [type="submit"], [type="hidden"]), select, textarea) {
min-block-size: 44px;
}
.gform_wrapper .gform-datepicker-toggle {
min-inline-size: 44px;
min-block-size: 44px;
}
.gform_wrapper .gchoice {
display: flex;
align-items: center;
gap: 10px;
min-block-size: 44px;
}
.gform_wrapper :is(input[type="checkbox"], input[type="radio"]) {
inline-size: 24px;
block-size: 24px;
flex: none;
}
.bnjc-group-logos__arrow {
inline-size: 44px;
block-size: 44px;
}
}
@media (max-width: 767px) {
.bnjc-home-events__feature .bnjc-event-grid {
display: flex;
gap: 14px;
margin-inline: calc(var(--bnjc-gut) * -1);
padding-inline: var(--bnjc-gut);
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-padding-inline: var(--bnjc-gut);
scrollbar-width: none;
}
.bnjc-home-events__feature .bnjc-event-grid::-webkit-scrollbar {
display: none;
}
.bnjc-home-events__feature .bnjc-event-card {
flex: 0 0 82%;
scroll-snap-align: start;
}
}
@media (max-width: 899px) {
body .gform_wrapper.gravity-theme :is(input[type="email"], input[type="text"], input[type="tel"], input[type="number"], input[type="date"], select, textarea) {
min-block-size: 44px;
}
body .gform_wrapper .gform_button,
body .gform_wrapper button[type="submit"],
body .gform_wrapper .gform_footer input[type="submit"] {
min-block-size: 44px;
}
body .gform_wrapper .gform-datepicker-toggle,
body .gform_wrapper button.gform-datepicker-toggle {
min-inline-size: 44px !important;
min-block-size: 44px !important;
}
.wp-block-navigation-item__content {
min-inline-size: 44px;
}
}
/* assets/css/area-shoresh.css */
:is(.sh-tiles, .sh-trio, .sh-split, .sh-person, .sh-ofsted, .sh-steps, .sh-strip__inner, .sh-ofsted-line) > * {
margin-block: 0 !important;
}
.sh-band {
padding-block: clamp(48px, 7vw, 96px);
padding-inline: var(--wp--style--root--padding-left, 24px);
}
.sh-band--white {
background: var(--white);
}
.sh-band--lavender {
background: color-mix(in srgb, var(--pink) 42%, var(--cream));
}
.sh-band--sand {
background: var(--cream-deep);
}
.sh-band--navy {
--accent: var(--accent-light);
background: var(--navy-deep);
color: var(--white);
}
.sh-band--navy :is(h1, h2, h3, p, li, dt, dd, a:not(.wp-block-button__link)) {
color: inherit;
}
.sh-band h2 {
margin-block: 0 0.5em;
}
.sh-band h2[id],
h2[id].wp-block-heading {
scroll-margin-block-start: 140px;
}
.sh-band > * + * {
margin-block-start: clamp(20px, 3vw, 36px);
}
.sh-band:not(.sh-close) > :is(p, ul, ol, figure, h2, h3, .wp-block-buttons, .wp-block-details, .sh-dates, .sh-fees) {
margin-inline: 0 !important;
}
.sh-band .wp-block-button,
.sh-strip .wp-block-button {
max-inline-size: 100%;
}
.sh-band .wp-block-button__link,
.sh-strip .wp-block-button__link {
max-inline-size: 100%;
white-space: normal;
}
.sh-band > p {
max-inline-size: 46rem;
line-height: 1.6;
}
.sh-lede {
max-inline-size: 44rem;
font-size: var(--wp--preset--font-size--large);
line-height: 1.55;
}
.sh-strip {
padding-block: clamp(18px, 2.5vw, 24px);
padding-inline: var(--wp--style--root--padding-left, 24px);
background: var(--pink);
color: var(--navy-darkest);
}
.sh-strip__inner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 14px 32px;
max-inline-size: var(--wp--style--global--wide-size, 1344px);
margin-inline: auto;
text-align: center;
}
.sh-strip__inner > p {
margin: 0;
font-size: var(--wp--preset--font-size--large);
font-weight: 600;
line-height: 1.35;
text-wrap: balance;
}
.sh-strip .wp-block-buttons {
justify-content: center;
margin: 0;
}
.sh-split {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
gap: clamp(28px, 5vw, 80px);
align-items: center;
}
.sh-split--flip > :first-child {
order: 2;
}
.sh-words > * {
margin-block: 0;
}
.sh-words > * + * {
margin-block-start: 1.1em;
}
.sh-words p {
max-inline-size: 36rem;
line-height: 1.6;
}
.sh-photo {
margin: 0;
}
.sh-photo img {
display: block;
inline-size: 100%;
block-size: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: var(--radius-md, 8px);
}
.sh-photo--tall img {
aspect-ratio: 4 / 5;
}
.sh-trio {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(12px, 2vw, 24px);
}
.sh-trio .sh-photo img {
aspect-ratio: 1 / 1;
}
@media (max-width: 800px) {
.sh-split {
grid-template-columns: minmax(0, 1fr);
}
.sh-split--flip > :first-child {
order: 0;
}
.sh-trio {
grid-template-columns: minmax(0, 1fr);
}
.sh-trio .sh-photo img {
aspect-ratio: 4 / 3;
}
}
.sh-tiles {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 20px;
}
.sh-tile {
padding: 28px 26px 26px;
background: var(--white);
border-block-start: 3px solid var(--navy);
border-radius: 0 0 var(--radius-xs, 2px) var(--radius-xs, 2px);
box-shadow: 0 1px 2px rgba(25, 27, 111, 0.06);
}
.sh-band--white .sh-tile {
background: var(--cream);
}
.sh-tile > * {
margin: 0;
}
.sh-tile__big {
font-family: var(--font-display);
font-size: var(--wp--preset--font-size--display-m);
line-height: 0.98;
letter-spacing: 0.005em;
text-transform: uppercase;
color: var(--navy);
}
.sh-tile__label {
margin-block-start: 10px;
font-size: var(--wp--preset--font-size--small);
line-height: 1.5;
color: var(--grey-700);
}
@media (max-width: 560px) {
.sh-tiles:not(.sh-contact) {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.sh-tiles:not(.sh-contact) .sh-tile {
padding: 20px 16px 18px;
}
.sh-tiles:not(.sh-contact) .sh-tile__big {
font-size: var(--wp--preset--font-size--display-s);
}
.sh-tiles:not(.sh-contact) .sh-tile__label {
font-size: var(--wp--preset--font-size--caption);
}
}
.sh-steps {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
margin: 0;
padding: 0;
list-style: none;
counter-reset: sh-step;
}
.sh-steps li {
position: relative;
padding: 76px 24px 26px;
background: var(--white);
border-radius: var(--radius-xs, 2px);
box-shadow: 0 1px 2px rgba(25, 27, 111, 0.06);
counter-increment: sh-step;
font-size: var(--wp--preset--font-size--small);
line-height: 1.55;
}
.sh-steps li::before {
position: absolute;
inset-block-start: 18px;
inset-inline-start: 24px;
content: counter(sh-step);
display: grid;
place-items: center;
inline-size: 40px;
block-size: 40px;
border-radius: 50%;
background: var(--pink);
color: var(--navy);
font-family: var(--font-display);
font-size: var(--wp--preset--font-size--heading-m);
line-height: 1;
}
.sh-steps strong {
display: block;
margin-block-end: 6px;
font-size: var(--wp--preset--font-size--heading-s);
color: var(--navy);
}
@media (max-width: 1000px) {
.sh-steps {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 560px) {
.sh-steps {
grid-template-columns: minmax(0, 1fr);
}
}
.sh-fees {
margin: 0;
overflow-x: auto;
border-radius: var(--radius-xs, 2px);
box-shadow: 0 1px 2px rgba(25, 27, 111, 0.08);
-webkit-overflow-scrolling: touch;
}
.sh-fees table {
inline-size: 100%;
min-inline-size: 520px;
border-collapse: collapse;
background: var(--white);
font-size: var(--wp--preset--font-size--medium);
font-variant-numeric: tabular-nums;
}
.sh-fees--wide table {
min-inline-size: 760px;
}
.sh-fees thead th {
padding: 16px 20px;
background: var(--navy);
color: var(--white);
font-size: var(--wp--preset--font-size--small);
font-weight: 700;
line-height: 1.3;
text-align: start;
vertical-align: bottom;
border: 0;
}
.sh-fees thead th small {
display: block;
margin-block-start: 3px;
font-size: var(--wp--preset--font-size--caption);
font-weight: 400;
opacity: 0.85;
}
.sh-fees :is(td, tbody th) {
padding: 15px 20px;
text-align: start;
border: 0;
border-block-end: 1px solid color-mix(in srgb, var(--navy) 12%, transparent);
}
.sh-fees td:first-child {
font-weight: 700;
color: var(--navy);
}
.sh-fees tbody tr:nth-child(even) td {
background: color-mix(in srgb, var(--pink) 18%, var(--white));
}
.sh-fees :is(td, th):first-child {
position: sticky;
inset-inline-start: 0;
z-index: 1;
}
.sh-fees tbody :is(td, th):first-child {
background: var(--white);
}
.sh-fees thead th:first-child {
background: var(--navy);
}
.sh-fees figcaption {
padding: 12px 20px;
background: var(--white);
font-size: var(--wp--preset--font-size--caption);
color: var(--grey-700);
text-align: start;
}
.sh-dates {
margin: 0;
padding: 0;
list-style: none;
max-inline-size: 52rem;
border-block-start: 2px solid var(--navy);
}
.sh-dates li {
display: grid;
grid-template-columns: minmax(180px, 0.5fr) minmax(0, 1fr);
gap: 6px 28px;
padding: 16px 0;
border-block-end: 1px solid color-mix(in srgb, var(--navy) 16%, transparent);
font-size: var(--wp--preset--font-size--medium);
line-height: 1.45;
}
.sh-dates strong {
color: var(--navy);
}
ul.wp-block-list.sh-dates:not(.is-style-plain):not(.is-style-numbered-links) > li::before {
content: none;
}
.sh-dates li {
padding-inline-start: 0;
}
@media (max-width: 640px) {
.sh-dates li {
grid-template-columns: minmax(0, 1fr);
}
}
.sh-ofsted {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: clamp(24px, 4vw, 64px);
padding: clamp(24px, 4vw, 48px);
background: var(--white);
border-block-start: 3px solid var(--navy);
border-radius: 0 0 var(--radius-xs, 2px) var(--radius-xs, 2px);
box-shadow: 0 1px 2px rgba(25, 27, 111, 0.08);
}
.sh-ofsted > * {
min-inline-size: 0;
}
.sh-split:not(:has(> .sh-photo)),
.sh-ofsted:not(:has(.sh-grades)) {
grid-template-columns: minmax(0, 1fr);
}
.sh-ofsted__grade {
margin: 6px 0 0;
font-family: var(--font-display);
font-size: var(--wp--preset--font-size--display-m);
line-height: 0.98;
letter-spacing: 0.005em;
text-transform: uppercase;
color: var(--navy);
}
.sh-ofsted__meta {
margin: 14px 0 0;
color: var(--grey-700);
line-height: 1.6;
}
.sh-grades {
margin: 0;
padding: 0;
list-style: none;
}
.sh-grades li {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 6px 16px;
padding: 14px 0;
border-block-end: 1px solid color-mix(in srgb, var(--navy) 14%, transparent);
font-size: var(--wp--preset--font-size--medium);
}
.sh-grades li:first-child {
padding-block-start: 0;
}
.sh-pill {
padding: 4px 12px;
border: 2px solid var(--navy);
border-radius: var(--radius-pill, 999px);
color: var(--navy);
font-size: var(--wp--preset--font-size--small);
font-weight: 700;
line-height: 1.3;
white-space: nowrap;
}
.sh-pill--good {
background: var(--teal);
border-color: var(--teal);
}
@media (max-width: 800px) {
.sh-ofsted {
grid-template-columns: minmax(0, 1fr);
}
}
.sh-band--navy .sh-ofsted-line {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 20px 40px;
}
.sh-band--navy .sh-ofsted-line > * {
margin: 0;
}
.sh-band--navy .sh-ofsted-line h2 {
margin-block-end: 8px;
}
.sh-person {
display: grid;
grid-template-columns: minmax(0, 0.55fr) minmax(0, 1fr);
gap: clamp(24px, 5vw, 72px);
align-items: center;
}
.sh-person .sh-photo img {
aspect-ratio: 4 / 5;
object-position: center top;
}
@media (max-width: 800px) {
.sh-person {
grid-template-columns: minmax(0, 1fr);
}
.sh-person .sh-photo {
max-inline-size: 320px;
}
}
.sh-contact a {
display: inline-block;
padding-block: 8px;
}
.sh-contact .sh-tile__big {
font-size: var(--wp--preset--font-size--display-s);
}
.sh-close {
text-align: center;
}
.sh-close h2 {
margin-inline: auto;
max-inline-size: 20ch;
font-size: var(--wp--preset--font-size--display-l);
line-height: 0.96;
}
.sh-close p {
max-inline-size: 38rem;
margin-inline: auto;
font-size: var(--wp--preset--font-size--large);
line-height: 1.55;
}
.sh-close .wp-block-buttons {
justify-content: center;
margin-block-start: 28px;
}
.sh-band .gform_wrapper {
max-inline-size: 760px;
margin-inline: 0 !important;
}
.sh-faq .wp-block-details {
max-inline-size: 52rem;
}
.sh-faq .wp-block-details > summary {
min-block-size: 44px;
padding-block: 10px;
box-sizing: border-box;
}
main:has(.bnjc-page-hero__actions) .sh-strip .wp-block-buttons {
display: none;
}
main:has(.bnjc-page-hero__actions) .sh-strip__inner {
justify-content: center;
text-align: center;
}
main:has(.bnjc-page-hero__actions) .sh-strip__inner p {
font-size: var(--wp--preset--font-size--body-l, 1.25rem);
}
.sh-tiles {
gap: clamp(12px, 2vw, 24px);
}
.sh-tile {
display: flex;
flex-direction: column;
gap: 10px;
padding: clamp(20px, 2.4vw, 32px);
border-radius: var(--radius-md);
border-top: 6px solid color-mix(in srgb, var(--pink) 80%, var(--navy));
background: var(--cream);
box-shadow: 0 18px 40px -30px rgba(11, 12, 56, 0.45);
}
.sh-tile__big {
font-size: clamp(2.25rem, 1.6rem + 2.2vw, 3.25rem);
line-height: 1;
letter-spacing: -0.01em;
}
@media (min-width: 900px) {
.sh-split:not(:has(> .sh-photo)) > .sh-words {
display: grid;
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
grid-auto-flow: dense;
column-gap: clamp(32px, 6vw, 96px);
row-gap: 0;
max-width: none;
}
.sh-split:not(:has(> .sh-photo)) > .sh-words > * {
grid-column: 2;
margin-block: 0 0.9em;
}
.sh-split:not(:has(> .sh-photo)) > .sh-words > .bnjc-overline {
grid-column: 1;
grid-row: 1;
}
.sh-split:not(:has(> .sh-photo)) > .sh-words > :is(h2, h3) {
grid-column: 1;
grid-row: 2 / span 12;
align-self: start;
}
}
.sh-band .bnjc-cards--4 .bnjc-card {
height: 100%;
border-radius: var(--radius-md);
overflow: hidden;
}
.sh-band .bnjc-cards--4 .bnjc-card--icon .bnjc-card__tile {
display: grid;
place-items: center;
inline-size: 100%;
block-size: auto;
aspect-ratio: 4 / 3;
margin: 0;
border-radius: 0;
background: color-mix(in srgb, var(--pink) 55%, var(--cream));
}
.sh-band .bnjc-cards--4 .bnjc-card--icon .bnjc-card__tile svg {
inline-size: 56px;
block-size: 56px;
color: var(--navy);
}
.sh-band .bnjc-cards--4 .bnjc-card__photo {
aspect-ratio: 4 / 3;
}
.sh-band .bnjc-cards--4 .bnjc-card__photo img {
inline-size: 100%;
block-size: 100%;
object-fit: cover;
}
@media (min-width: 782px) {
.sh-band .bnjc-cards--3 .bnjc-card--icon {
display: grid;
grid-template-columns: auto 1fr;
align-items: start;
gap: 18px;
height: 100%;
border-radius: var(--radius-md);
}
.sh-band .bnjc-cards--3 .bnjc-card--icon .bnjc-card__tile {
margin: 0;
}
}
.sh-band--navy:has(.sh-ofsted-line) {
background: var(--cream-deep);
color: var(--navy);
}
.sh-band--navy:has(.sh-ofsted-line) .wp-block-button.is-style-on-dark .wp-block-button__link {
background: var(--navy);
color: var(--white);
border-color: var(--navy);
}
.sh-person .sh-photo img {
aspect-ratio: 4 / 5;
inline-size: 100%;
object-fit: cover;
border-radius: var(--radius-md);
}
.sh-band .bnjc-whats-on__empty {
max-inline-size: 640px;
margin: 8px 0 0;
padding: 20px 24px;
border-left: 6px solid color-mix(in srgb, var(--pink) 80%, var(--navy));
border-radius: var(--radius-md);
background: var(--cream);
color: var(--navy);
font-size: var(--wp--preset--font-size--body-l, 1.25rem);
}
@media (max-width: 599px) {
.sh-tiles {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sh-tile {
padding: 18px;
}
.sh-tile__big {
font-size: 2rem;
}
}
/* assets/css/area-signup-band.css */
.bnjc-signup__form .gform_wrapper.gravity-theme .bnjc-signup__email,
.bnjc-signup__form .gform_wrapper.gravity-theme .gfield--type-submit {
grid-row: 1;
grid-column: 1;
}
.bnjc-signup__form .gform_wrapper.gravity-theme .bnjc-signup__topics {
grid-row: 2;
grid-column: 1;
}
.bnjc-signup__form .bnjc-signup__small {
margin-block-start: 14px;
}
body .bnjc-signup__form .gform_wrapper.gform_wrapper.gform_wrapper.gravity-theme :is(.gform_button, button[type="submit"]) {
gap: 0;
min-block-size: 50px;
padding: 0 26px;
background: var(--accent-dark);
color: var(--white);
font-size: var(--wp--preset--font-size--medium);
font-weight: 700;
letter-spacing: 0;
text-transform: none;
}
body .bnjc-signup__form .gform_wrapper.gform_wrapper.gform_wrapper.gravity-theme :is(.gform_button, button[type="submit"]):hover {
background: var(--navy-deep);
color: var(--white);
}
@media (max-width: 640px) {
body .bnjc-signup__form .gform_wrapper.gform_wrapper.gform_wrapper.gravity-theme input[type="email"] {
min-block-size: 60px;
line-height: 1.4;
}
}
body .bnjc-signup__form .gform_wrapper.gform_wrapper .gchoice input:focus-visible + label {
outline: 2px solid var(--cream);
outline-offset: 3px;
box-shadow: none;
}
@media (max-width: 599px) {
.bnjc-signup__form .gform_wrapper.gravity-theme .bnjc-signup__email {
grid-row: 1;
}
.bnjc-signup__form .gform_wrapper.gravity-theme .gfield--type-submit {
grid-row: 2;
justify-self: stretch;
align-self: auto;
margin: 0;
}
.bnjc-signup__form .gform_wrapper.gravity-theme .bnjc-signup__topics {
grid-row: 3;
}
body .bnjc-signup__form .gform_wrapper.gform_wrapper.gform_wrapper.gravity-theme :is(.gform_button, button[type="submit"]) {
inline-size: 100%;
min-block-size: 56px;
}
}
.bnjc-signup__form .gform_confirmation_message,
.bnjc-signup__form .bnjc-signup__done-title,
.bnjc-signup__form .bnjc-signup__done-heading,
.bnjc-signup__form .bnjc-signup__done-line {
color: var(--navy);
}
.bnjc-signup__form .bnjc-signup__done-line {
font-size: var(--wp--preset--font-size--heading-s);
}
.bnjc-signup__form .bnjc-signup__circ,
.bnjc-signup__form .bnjc-signup__tick {
stroke: var(--navy);
}
.bnjc-signup__form .bnjc-signup__fill {
fill: var(--white);
}
.bnjc-signup__form .bnjc-signup__pulse,
.bnjc-signup__form .bnjc-signup__mini {
border-color: var(--navy);
}
.bnjc-signup__form .bnjc-signup__mini {
background: var(--white);
color: var(--navy);
}
body .bnjc-signup__form .gform_confirmation_message a.bnjc-signup__wa {
text-decoration: none;
background: var(--navy);
color: var(--white);
font-size: var(--wp--preset--font-size--heading-s);
}
body .bnjc-signup__form .gform_confirmation_message a.bnjc-signup__see {
text-decoration: none;
border-color: var(--navy);
color: var(--navy);
font-size: 16px;
}
body .bnjc-signup__form .gform_confirmation_message a.bnjc-signup__see:hover {
background: var(--white);
}
@media (max-width: 599px) {
.bnjc-signup__form .gform_confirmation_wrapper {
padding: 24px 18px;
}
.bnjc-signup__form .bnjc-signup__actions > a {
inline-size: 100%;
justify-content: center;
}
}
.bnjc-signup::before,
.bnjc-signup::after,
.bnjc-signup__inner::before {
content: none;
}
.bnjc-signup {
padding-block: clamp(72px, 9vw, 120px);
}
.bnjc-signup__form {
margin-block-start: clamp(28px, 3.4vw, 40px);
}
.bnjc-signup__form .gform_wrapper.gravity-theme .bnjc-signup__prefs {
grid-row: 2;
grid-column: 1;
min-inline-size: 0;
}
.bnjc-signup__form .gform_wrapper.gravity-theme .bnjc-signup__prefs .bnjc-signup__topics {
inline-size: auto;
max-inline-size: 760px;
margin-inline: auto;
padding: 0;
}
.bnjc-signup__form .gform_wrapper.gravity-theme .bnjc-signup__prefs .bnjc-signup__topics legend.gfield_label {
position: absolute;
inline-size: 1px;
block-size: 1px;
margin: 0;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.bnjc-signup__prefs-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-block-size: var(--touch-min);
margin: 0;
padding: 4px;
text-align: center;
border: 0;
border-radius: var(--radius-xs);
background: none;
color: var(--white);
font: inherit;
font-size: var(--wp--preset--font-size--small);
font-weight: 600;
line-height: 1.3;
text-decoration: underline;
text-decoration-color: color-mix(in srgb, var(--white) 45%, transparent);
text-decoration-thickness: 1px;
text-underline-offset: 5px;
cursor: pointer;
transition: text-decoration-color var(--dur-fast) var(--ease-out);
}
.bnjc-signup__prefs-toggle:hover {
text-decoration-color: currentcolor;
}
.bnjc-signup__prefs-toggle:focus-visible {
outline: 2px solid var(--cream);
outline-offset: 3px;
box-shadow: none;
}
.bnjc-signup__prefs-opt {
font-weight: 400;
color: color-mix(in srgb, var(--white) 82%, transparent);
}
.bnjc-signup__prefs-toggle svg {
flex: none;
transition: transform var(--dur-base) var(--ease-out);
}
.bnjc-signup__prefs.is-open .bnjc-signup__prefs-toggle svg {
transform: rotate(180deg);
}
.bnjc-signup__prefs-panel {
margin-block-start: var(--wp--preset--spacing--40);
}
.bnjc-signup__prefs-panel[hidden] {
display: none;
}
@media (prefers-reduced-motion: reduce) {
.bnjc-signup__prefs-toggle svg {
transition: none;
}
}
@media (max-width: 599px) {
.bnjc-signup__form .gform_wrapper.gravity-theme .bnjc-signup__prefs {
grid-row: 3;
}
}
/* assets/css/area-textfloor.css */
body :is(
.bnjc-hours dt,
.bnjc-facts dt,
.bnjc-plan__flag,
.bnjc-plan__note,
.bnjc-footer__follow-label,
.bnjc-footer__charity,
.bnjc-footer__copyright,
.bnjc-shabbat__label,
.bnjc-signup__eyebrow,
.bnjc-page-hero__eyebrow,
.bnjc-unit__overline,
.bnjc-team__unit,
.bnjc-answer__over,
.bnjc-overline,
.is-style-overline,
.bnjc-tag,
.bnjc-menu-card__go,
.bnjc-essentials__title,
.bnjc-wo-tab,
.bnjc-wo-field__label,
.bnjc-pill--xs
) {
font-size: var(--wp--preset--font-size--caption);
}
body .bnjc-search__lab {
font-size: var(--wp--preset--font-size--caption);
}
body :is(
.bnjc-shabbat__label,
.bnjc-signup .gform-field-label__text,
.bnjc-search label,
.bnjc-unit dt,
.bnjc-event-row__time time,
.bnjc-event-row .bnjc-tag,
.bnjc-event-row__action,
.bnjc-event-day__today,
.bnjc-wo-actions .bnjc-pill,
.bnjc-event-hero__tags a,
.bnjc-essentials .bnjc-essentials__title
) {
font-size: var(--wp--preset--font-size--caption) !important;
}
body :is(
.wp-block-button__link,
.bnjc-event-day__label time,
.bnjc-home-tile__go,
.bnjc-wo-field label
) {
font-size: var(--wp--preset--font-size--caption) !important;
}
@media (max-width: 767px) {
html body:not(.no-phone-floor-a):not(.no-phone-floor-b) :is(
.bnjc-event-row__time,
.bnjc-event-row__time time,
.bnjc-event-day__label time,
.bnjc-event-card__when,
.bnjc-event-card__when time,
.bnjc-when__date,
.bnjc-when__time,
.bnjc-event-day__hc,
.bnjc-event-day__today,
.bnjc-fact,
.bnjc-event-row__desc,
.bnjc-event-card__desc,
.bnjc-event-card__meta,
.bnjc-event-recur,
.bnjc-event-recur > span,
.bnjc-event-recur__next a,
.bnjc-event-row__action,
.bnjc-wo-action,
.bnjc-pill--xs,
.bnjc-host-pill,
.bnjc-wo-chip,
.bnjc-wo-range summary,
.bnjc-wo-count,
.bnjc-home-tile__go,
.bnjc-home-tile__sub,
.bnjc-home-tile__times,
.bnjc-home-tile__times-label,
.bnjc-home-week__all a
) {
font-size: var(--wp--preset--font-size--medium) !important;
}
html body:not(.no-phone-floor-a):not(.no-phone-floor-b) :is(
.bnjc-event-row__time time,
.bnjc-event-day__label time,
.bnjc-event-card__when time,
.bnjc-when__date
) {
font-weight: 700;
}
html body:not(.no-phone-floor-a):not(.no-phone-floor-b) :is(
.bnjc-event-recur__next a,
.bnjc-event-row__title a,
.bnjc-event-card__link,
.bnjc-home-week__all a,
.bnjc-home-tile__go,
.bnjc-stay-events__about,
.bnjc-y-package h3 a
) {
display: inline-flex;
align-items: center;
min-block-size: 44px;
}
html body:not(.no-phone-floor-a):not(.no-phone-floor-b) :is(
.bnjc-search__excerpt,
.bnjc-search__size,
.bnjc-search__price,
.bnjc-search__enquire,
.bnjc-search__lab,
.bnjc-search label,
.bnjc-search__hol-name,
.bnjc-search__hol-dates,
.bnjc-search__hol-heb,
.bnjc-stay-events__when,
.bnjc-stay-events__nights,
.bnjc-stay-events__price,
.bnjc-stay-events__line,
.bnjc-stay-events__note,
.bnjc-stay-events__about,
.bnjc-stay-events__book,
.bnjc-cred__note,
.bnjc-stay-hero__direct,
.bnjc-signup__eyebrow,
.bnjc-signup__small,
.bnjc-signup .gform-field-label__text,
.bnjc-shabbat__label
) {
font-size: var(--wp--preset--font-size--medium) !important;
}
html body:not(.no-phone-floor-a):not(.no-phone-floor-b) :is(
.bnjc-hours dt,
.bnjc-facts dt,
.bnjc-hours dd,
.bnjc-facts dd,
.bnjc-hours__item li,
.bnjc-hours__item p,
.bnjc-plan__flag,
.bnjc-plan__note,
.bnjc-plan__blurb,
.bnjc-plan__has,
.bnjc-plan__cta,
.bnjc-plan__price span,
.bnjc-unit dt,
.bnjc-unit__facts dd,
.bnjc-unit__chips-h
) {
font-size: var(--wp--preset--font-size--medium) !important;
}
html body:not(.no-phone-floor-a):not(.no-phone-floor-b) :is(.bnjc-unit__fine, .bnjc-unit__toggle) {
font-size: var(--wp--preset--font-size--small) !important;
}
html body:not(.no-phone-floor-a):not(.no-phone-floor-b) :is(
.bnjc-footer .wp-block-navigation-item__label,
.bnjc-footer summary,
.bnjc-footer__address,
.bnjc-footer__follow-label
) {
font-size: var(--wp--preset--font-size--medium) !important;
}
html body:not(.no-phone-floor-a):not(.no-phone-floor-b) .bnjc-footer__address {
display: flex;
flex-direction: column;
align-items: flex-start;
}
html body:not(.no-phone-floor-a):not(.no-phone-floor-b) .bnjc-footer__address .bnjc-footer__sep {
display: none;
}
html body:not(.no-phone-floor-a):not(.no-phone-floor-b) .bnjc-footer__address a {
display: inline-flex;
align-items: center;
min-block-size: 44px;
}
html body:not(.no-phone-floor-a):not(.no-phone-floor-b) .bnjc-header__menu-toggle .wp-block-button__link {
font-size: var(--wp--preset--font-size--medium) !important;
}
}
/* assets/css/area-whatson-promote.css */
.bnjc-promo-tier {
margin-block: 0 var(--wp--preset--spacing--70);
}
.bnjc-promo-list {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 20px;
margin: 0;
padding: 0;
list-style: none;
}
@media (min-width: 782px) {
.bnjc-promo-list {
gap: 24px;
}
.bnjc-promo-list--n2,
.bnjc-promo-list--n3,
.bnjc-promo-list--n4 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bnjc-promo-list--n3 > .bnjc-promo:last-child {
grid-column: 1 / -1;
}
}
.bnjc-promo {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr);
align-content: start;
overflow: hidden;
border-radius: var(--radius-xs);
background: var(--wo-c, var(--navy));
color: var(--wo-ink, var(--white));
box-shadow: 0 14px 40px -26px rgba(11, 12, 56, 0.45);
}
.bnjc-promo__media {
position: relative;
aspect-ratio: 16 / 9;
overflow: hidden;
background: var(--wp--preset--color--cream-deep);
}
.bnjc-promo__img {
position: absolute;
inset: 0;
display: block;
inline-size: 100%;
block-size: 100%;
object-fit: cover;
}
.bnjc-promo__body {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
padding: clamp(20px, 3vw, 36px);
}
.bnjc-promo__when,
.bnjc-promo__desc {
margin: 0;
}
.bnjc-promo .bnjc-when {
display: inline-flex;
align-items: stretch;
overflow: hidden;
border-radius: var(--radius-xs);
font-size: var(--wp--preset--font-size--caption);
font-weight: 700;
line-height: 1.2;
font-variant-numeric: tabular-nums;
}
.bnjc-promo .bnjc-when__sep {
display: none;
}
.bnjc-promo .bnjc-when__date,
.bnjc-promo .bnjc-when__time {
display: inline-flex;
align-items: center;
padding: 8px 12px;
}
.bnjc-promo .bnjc-when__date {
background: var(--wo-ink, var(--white));
color: var(--wo-c, var(--navy));
}
.bnjc-promo .bnjc-when__time {
background: var(--wp--preset--color--cream-deep);
color: var(--navy);
}
.bnjc-promo__title {
margin: 0;
font-family: var(--wp--preset--font-family--display);
font-weight: 400;
font-size: var(--wp--preset--font-size--display-s);
line-height: 0.98;
letter-spacing: 0.005em;
text-transform: uppercase;
text-wrap: balance;
overflow-wrap: anywhere;
color: inherit;
}
.bnjc-promo__desc {
max-inline-size: 60ch;
font-size: var(--wp--preset--font-size--heading-s);
line-height: 1.45;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.bnjc-promo__cta {
min-block-size: 48px;
margin-block-start: 8px;
padding-inline: 28px;
background: var(--wo-ink, var(--white));
border-color: var(--wo-ink, var(--white));
color: var(--wo-c, var(--navy));
font-size: var(--wp--preset--font-size--medium);
}
.bnjc-promo__cta:hover {
background: var(--wo-ink, var(--white));
text-decoration: underline;
}
.bnjc-promo__cta::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
.bnjc-promo__cta:focus-visible {
outline: none;
}
.bnjc-promo__cta:focus-visible::after {
box-shadow: inset 0 0 0 3px var(--white), inset 0 0 0 6px var(--navy);
}
.bnjc-promo.is-past .bnjc-promo__media {
filter: grayscale(0.6);
}
.bnjc-promo--hero .bnjc-promo__title {
font-size: clamp(30px, 6.4vw, 44px);
}
.bnjc-promo--hero .bnjc-promo__body {
gap: 14px;
}
.bnjc-promo--hero.no-image .bnjc-promo__body {
min-block-size: 220px;
justify-content: center;
border-block-start: 8px solid var(--wo-ink, var(--white));
}
@media (min-width: 782px) {
.bnjc-promo-list--n1 > .bnjc-promo--hero.has-image,
.bnjc-promo-list--n3 > .bnjc-promo--hero.has-image:last-child {
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
min-block-size: 360px;
}
.bnjc-promo-list--n1 > .bnjc-promo--hero.has-image .bnjc-promo__media,
.bnjc-promo-list--n3 > .bnjc-promo--hero.has-image:last-child .bnjc-promo__media {
aspect-ratio: auto;
}
.bnjc-promo-list--n1 > .bnjc-promo--hero .bnjc-promo__title,
.bnjc-promo-list--n3 > .bnjc-promo--hero:last-child .bnjc-promo__title {
font-size: clamp(36px, 4vw, 56px);
}
.bnjc-promo-list--n1 > .bnjc-promo--hero .bnjc-promo__body,
.bnjc-promo-list--n3 > .bnjc-promo--hero:last-child .bnjc-promo__body {
justify-content: center;
padding: clamp(28px, 4vw, 56px);
}
}
.bnjc-promo--highlight {
background: var(--white);
color: var(--navy);
}
.bnjc-promo--highlight .bnjc-promo__when .bnjc-when__date {
background: var(--wo-c, var(--navy));
color: var(--wo-ink, var(--white));
}
.bnjc-promo--highlight .bnjc-promo__title {
font-size: var(--wp--preset--font-size--display-xs);
}
.bnjc-promo--highlight .bnjc-promo__desc {
color: var(--ink);
}
.bnjc-promo--highlight .bnjc-promo__cta {
background: var(--navy);
border-color: var(--navy);
color: var(--white);
}
.bnjc-promo--highlight .bnjc-event-recur {
color: var(--grey-700);
}
.bnjc-promo--highlight.no-image {
border-block-start: 8px solid var(--wo-c, var(--navy));
}
@media (min-width: 782px) {
.bnjc-promo-list--highlight.bnjc-promo-list--n1 > .bnjc-promo--highlight.has-image {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.bnjc-promo-list--highlight.bnjc-promo-list--n1 > .bnjc-promo--highlight.has-image .bnjc-promo__media {
aspect-ratio: auto;
min-block-size: 280px;
}
}
.bnjc-wo-weekly {
margin-block: var(--wp--preset--spacing--80) 0;
border-block: 1px solid var(--wo-line, rgba(61, 64, 160, 0.16));
}
.bnjc-wo-weekly__summary {
display: flex;
align-items: center;
gap: 8px;
min-block-size: 56px;
padding-block: 8px;
font-size: var(--wp--preset--font-size--large);
font-weight: 700;
color: var(--navy);
cursor: pointer;
list-style: none;
}
.bnjc-wo-weekly__summary::-webkit-details-marker {
display: none;
}
.bnjc-wo-weekly__summary::after {
content: "";
inline-size: 10px;
block-size: 10px;
margin-inline-start: auto;
border-inline-end: 2px solid currentcolor;
border-block-end: 2px solid currentcolor;
transform: rotate(45deg);
transition: transform var(--dur-fast, 120ms) ease;
}
.bnjc-wo-weekly[open] > .bnjc-wo-weekly__summary::after {
transform: rotate(-135deg);
}
.bnjc-wo-weekly__summary:focus-visible {
outline: 2px solid var(--navy);
outline-offset: 2px;
box-shadow: 0 0 0 5px var(--white);
}
.bnjc-wo-weekly__count {
font-weight: 400;
color: var(--grey-700);
}
.bnjc-wo-weekly__intro {
margin: 0 0 12px;
font-size: var(--wp--preset--font-size--medium);
color: var(--grey-700);
}
.bnjc-wo-weekly__list {
display: grid;
grid-template-columns: minmax(0, 1fr);
margin: 0 0 16px;
padding: 0;
list-style: none;
}
@media (min-width: 782px) {
.bnjc-wo-weekly__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 32px;
}
}
.bnjc-quiet {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 2px 16px;
align-items: baseline;
min-block-size: 56px;
padding: 10px 0 10px 14px;
border-block-start: 1px solid var(--wo-line, rgba(61, 64, 160, 0.16));
border-inline-start: 4px solid var(--wo-c, var(--navy));
}
.bnjc-quiet__title {
grid-column: 1 / -1;
margin: 0;
font-size: var(--wp--preset--font-size--heading-s);
font-weight: 700;
line-height: 1.25;
}
.bnjc-quiet__link {
color: var(--navy);
text-decoration: none;
}
.bnjc-quiet__link::after {
content: "";
position: absolute;
inset: 0;
}
.bnjc-quiet__link:hover {
text-decoration: underline;
}
.bnjc-quiet__link:focus-visible {
outline: none;
}
.bnjc-quiet__link:focus-visible::after {
box-shadow: inset 0 0 0 2px var(--navy), inset 0 0 0 4px var(--white);
}
.bnjc-quiet__meta,
.bnjc-quiet__next {
margin: 0;
font-size: var(--wp--preset--font-size--medium);
color: var(--grey-700);
}
.bnjc-quiet__next {
white-space: nowrap;
}
@media (max-width: 480px) {
.bnjc-quiet {
grid-template-columns: minmax(0, 1fr);
}
}
@media (prefers-reduced-motion: reduce) {
.bnjc-wo-weekly__summary::after {
transition: none;
}
}
/* assets/css/area-whatson.css */
.bnjc-wo-sr {
position: absolute !important;
inline-size: 1px;
block-size: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
.bnjc-whats-on-block.is-layout-browse {
--wo-line: rgba(61, 64, 160, 0.16);
--wo-wash: rgba(61, 64, 160, 0.07);
}
.bnjc-whats-on-block.is-layout-browse[aria-busy="true"] .bnjc-wo-results {
opacity: 0.55;
transition: opacity var(--dur-fast, 120ms) ease;
}
.bnjc-ic {
inline-size: 1em;
block-size: 1em;
min-inline-size: 1em;
flex: none;
vertical-align: -0.14em;
color: var(--navy);
}
.bnjc-wo-views {
display: inline-flex;
gap: 4px;
padding: 4px;
border-radius: var(--radius-pill);
background: var(--wo-wash);
}
.bnjc-wo-tab {
display: inline-flex;
align-items: center;
justify-content: center;
min-block-size: 44px;
padding-inline: 22px;
border-radius: var(--radius-pill);
color: var(--navy);
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
transition: var(--transition-control);
}
.bnjc-wo-tab:hover {
background: rgba(61, 64, 160, 0.1);
}
.bnjc-wo-tab.is-active,
.bnjc-wo-tab[aria-selected="true"] {
background: var(--navy);
color: var(--white);
}
@media (min-width: 641px) {
.bnjc-wo-views.is-auto .bnjc-wo-tab.is-auto-wide {
background: var(--navy);
color: var(--white);
}
}
@media (max-width: 640px) {
.bnjc-wo-views.is-auto .bnjc-wo-tab.is-auto-narrow {
background: var(--navy);
color: var(--white);
}
.bnjc-wo-views {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
inline-size: 100%;
}
.bnjc-wo-tab {
padding: 6px;
letter-spacing: 0.02em;
white-space: normal;
text-align: center;
line-height: 1.15;
}
}
.bnjc-wo-filters {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 16px 24px;
margin-block-start: 24px;
padding-block-end: 24px;
border-block-end: 1px solid var(--wo-line);
}
.bnjc-wo-field {
display: grid;
gap: 6px;
min-inline-size: 0;
}
.bnjc-wo-field label,
.bnjc-wo-field__label {
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--grey-700);
}
.bnjc-wo-field select,
.bnjc-wo-field input[type="date"] {
min-block-size: 44px;
min-inline-size: 11rem;
padding-inline: 12px;
border: 1.5px solid var(--navy);
border-radius: var(--radius-xs);
background: var(--white);
color: var(--ink);
font: inherit;
font-size: var(--wp--preset--font-size--small);
}
.bnjc-wo-when {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.bnjc-wo-chip {
display: inline-flex;
align-items: center;
min-block-size: 44px;
padding-inline: 16px;
border: 1.5px solid var(--navy);
border-radius: var(--radius-pill);
color: var(--navy);
font-size: var(--wp--preset--font-size--caption);
font-weight: 700;
text-decoration: none;
white-space: nowrap;
transition: var(--transition-control);
}
.bnjc-wo-chip:hover {
background: var(--wo-wash);
}
.bnjc-wo-chip.is-active {
background: var(--navy);
color: var(--white);
}
.bnjc-wo-range {
align-self: flex-end;
}
.bnjc-wo-range summary {
display: inline-flex;
align-items: center;
min-block-size: 44px;
cursor: pointer;
color: var(--navy);
font-size: var(--wp--preset--font-size--caption);
font-weight: 700;
text-decoration: underline;
text-underline-offset: 3px;
}
.bnjc-wo-range__fields {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-block-start: 8px;
}
.bnjc-wo-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px;
}
.bnjc-wo-actions .bnjc-pill {
min-block-size: 44px;
cursor: pointer;
font-family: inherit;
}
.bnjc-wo-clear {
color: var(--navy);
font-size: var(--wp--preset--font-size--caption);
font-weight: 700;
text-decoration: underline;
text-underline-offset: 3px;
}
.bnjc-wo-programme {
margin-block: 16px 0;
font-size: var(--wp--preset--font-size--small);
}
.bnjc-wo-programme a {
color: var(--navy);
font-weight: 700;
}
@media (max-width: 640px) {
.bnjc-wo-filters {
display: grid;
gap: 16px;
}
.bnjc-wo-field select,
.bnjc-wo-field input[type="date"] {
inline-size: 100%;
}
.bnjc-wo-actions .bnjc-pill {
flex: 1;
}
}
.bnjc-wo-count {
margin: 20px 0 8px;
font-size: var(--wp--preset--font-size--small);
font-weight: 600;
color: var(--grey-700);
}
.bnjc-wo-legend {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 20px;
margin-block-end: 28px;
font-size: var(--wp--preset--font-size--caption);
color: var(--grey-700);
}
.bnjc-wo-legend__title {
margin: 0;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.bnjc-wo-legend ul {
display: flex;
flex-wrap: wrap;
gap: 6px 18px;
margin: 0;
padding: 0;
list-style: none;
}
.bnjc-wo-legend li {
display: inline-flex;
align-items: center;
gap: 6px;
}
.bnjc-wo-panel.is-auto.bnjc-wo-panel--list {
display: none;
}
@media (max-width: 640px) {
.bnjc-wo-panel.is-auto.bnjc-wo-panel--cards {
display: none;
}
.bnjc-wo-panel.is-auto.bnjc-wo-panel--list {
display: block;
}
}
.bnjc-whats-on-block .bnjc-event-grid.bnjc-event-grid--detail {
gap: 32px 24px;
}
.bnjc-whats-on-block:not(.bnjc-home-events__feature) .bnjc-event-grid > .bnjc-event-card {
inline-size: auto !important;
}
@media (min-width: 641px) and (max-width: 1023px) {
.bnjc-whats-on-block .bnjc-event-grid.bnjc-event-grid--detail {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.bnjc-whats-on-block .bnjc-event-grid.bnjc-event-grid--detail {
grid-template-columns: minmax(0, 1fr);
}
}
.bnjc-event-card--detail {
position: relative;
display: flex;
flex-direction: column;
background: var(--white);
border-radius: var(--radius-md);
overflow: hidden;
box-shadow: 0 1px 2px rgba(18, 19, 79, 0.06), 0 10px 28px -16px rgba(18, 19, 79, 0.22);
transition: box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);
}
.bnjc-event-card--detail:hover {
box-shadow: 0 2px 4px rgba(18, 19, 79, 0.08), 0 20px 44px -20px rgba(18, 19, 79, 0.26);
transform: var(--lift-hover, none);
}
.bnjc-event-card--detail .bnjc-event-card__media {
border-radius: 0;
}
.bnjc-event-card--detail .bnjc-event-card__tag {
inset-inline-start: 12px;
inset-block-end: 12px;
}
.bnjc-event-card__body {
display: flex;
flex: 1;
flex-direction: column;
align-items: flex-start;
gap: 8px;
padding: 18px 20px 20px;
}
.bnjc-event-card__when {
margin: 0;
font-size: var(--wp--preset--font-size--caption);
font-weight: 700;
color: var(--navy);
}
.bnjc-whats-on-block .bnjc-event-card--detail .bnjc-event-card__title {
margin: 0;
font-size: var(--wp--preset--font-size--heading-m);
line-height: 1.12;
color: var(--navy);
text-wrap: balance;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.bnjc-event-card--detail .bnjc-event-card__link {
color: inherit;
text-decoration: none;
}
.bnjc-event-card--detail .bnjc-event-card__link::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
.bnjc-event-card--detail .bnjc-event-card__link:focus-visible {
outline: none;
}
.bnjc-event-card--detail .bnjc-event-card__link:focus-visible::after {
outline: 2px solid var(--focus-ring);
outline-offset: -2px;
border-radius: var(--radius-md);
}
.bnjc-event-recur {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px 6px;
margin: 0;
font-size: var(--wp--preset--font-size--caption);
font-weight: 600;
color: var(--grey-700);
}
.bnjc-event-recur__next {
font-weight: 400;
}
.bnjc-event-recur a {
color: var(--navy);
}
.bnjc-event-card__desc,
.bnjc-event-row__desc {
margin: 0;
font-size: var(--wp--preset--font-size--medium);
line-height: 1.45;
color: var(--ink);
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.bnjc-event-row__desc {
-webkit-line-clamp: 2;
line-clamp: 2;
}
.bnjc-event-facts {
display: block;
margin: 0;
padding: 0;
list-style: none;
font-size: var(--wp--preset--font-size--caption);
line-height: 1.45;
color: var(--grey-700);
}
.bnjc-event-facts > .bnjc-fact {
display: inline;
}
.bnjc-fact:not(:last-child)::after {
content: "\00a0\00a0·\00a0" " ";
}
.bnjc-fact--status {
font-weight: 700;
color: var(--navy);
}
.bnjc-fact--status.is-sold_out,
.bnjc-fact--status.is-cancelled,
.bnjc-fact--status.is-closed {
color: var(--berry);
}
.bnjc-wo-action {
margin-block-start: auto;
min-block-size: 44px;
background: var(--navy);
border-color: var(--navy);
color: var(--white);
}
.bnjc-wo-action.is-free,
.bnjc-wo-action.is-past,
.bnjc-wo-action.is-cancelled,
.bnjc-wo-action.is-sold_out,
.bnjc-wo-action.is-closed {
background: transparent;
color: var(--navy);
}
.bnjc-event-card--detail .bnjc-wo-action {
margin-block-start: auto;
}
.bnjc-event-card--detail.is-past .bnjc-event-card__media {
filter: grayscale(0.6);
}
.bnjc-event-card--detail.is-cancelled .bnjc-event-card__title {
text-decoration: line-through;
}
@media (hover: none) {
.bnjc-event-card--detail:hover {
transform: none;
}
}
.bnjc-event-day__head {
display: grid;
align-content: start;
gap: 4px;
}
.bnjc-event-day__today {
margin-inline-start: 6px;
padding: 1px 8px;
border-radius: var(--radius-pill);
background: var(--navy);
color: var(--white);
font-size: var(--wp--preset--font-size--overline);
letter-spacing: 0.08em;
}
.bnjc-event-day__hc {
margin: 0;
font-size: var(--wp--preset--font-size--caption);
font-weight: 600;
letter-spacing: 0;
text-transform: none;
color: var(--grey-700);
}
.bnjc-whats-on-block .bnjc-event-list .bnjc-event-row,
.bnjc-whats-on-block .bnjc-cal-items .bnjc-event-row {
display: grid;
grid-template-columns: 5rem minmax(0, 1fr) auto;
align-items: start;
gap: 6px 16px;
padding-block: 14px;
}
.bnjc-event-row__body {
display: grid;
justify-items: start;
gap: 6px;
min-inline-size: 0;
}
.bnjc-event-row__title {
margin: 0;
font-family: var(--font-display);
font-size: var(--wp--preset--font-size--heading-s);
font-weight: 700;
line-height: 1.12;
text-transform: none;
letter-spacing: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.bnjc-event-row__title .bnjc-ic {
margin-inline-end: 6px;
}
.bnjc-event-row__title a {
color: var(--navy);
text-decoration: none;
}
.bnjc-event-row__title a:hover {
text-decoration: underline;
text-decoration-thickness: 2px;
}
.bnjc-event-row__tag .bnjc-tag {
font-size: var(--wp--preset--font-size--overline);
}
.bnjc-event-row__tag {
display: inline;
margin-inline-end: 10px;
}
.bnjc-event-row__body > .bnjc-event-row__tag {
display: inline-flex;
}
.bnjc-event-row__tag + .bnjc-event-facts {
display: inline;
}
.bnjc-whats-on-block .bnjc-event-row__action {
min-block-size: 44px;
min-inline-size: 5.5rem;
align-self: start;
background: var(--navy);
border-color: var(--navy);
color: var(--white);
}
.bnjc-whats-on-block .bnjc-event-row__action.is-free,
.bnjc-whats-on-block .bnjc-event-row__action.is-past,
.bnjc-whats-on-block .bnjc-event-row__action.is-cancelled,
.bnjc-whats-on-block .bnjc-event-row__action.is-sold_out,
.bnjc-whats-on-block .bnjc-event-row__action.is-closed {
background: transparent;
color: var(--navy);
}
.bnjc-event-row.is-past .bnjc-event-row__body {
opacity: 0.92;
}
@media (max-width: 640px) {
.bnjc-whats-on-block .bnjc-event-list .bnjc-event-row,
.bnjc-whats-on-block .bnjc-cal-items .bnjc-event-row {
grid-template-columns: 4rem minmax(0, 1fr);
}
.bnjc-whats-on-block .bnjc-event-row__action {
grid-column: 2;
justify-self: start;
}
.bnjc-event-day {
padding-block: 16px;
}
}
.bnjc-cal-nav {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px 24px;
margin-block-end: 16px;
}
.bnjc-cal-nav__period,
.bnjc-cal-nav__tools {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
.bnjc-cal-nav__title {
margin: 0;
min-inline-size: 9ch;
font-family: var(--font-display);
font-size: clamp(22px, 2.4vw, 30px);
line-height: 1.1;
letter-spacing: 0.005em;
text-transform: none;
color: var(--navy);
}
.bnjc-cal-nav__btn {
display: inline-flex;
align-items: center;
justify-content: center;
inline-size: 44px;
block-size: 44px;
border: 1.5px solid var(--navy);
border-radius: var(--radius-pill);
color: var(--navy);
font-size: var(--wp--preset--font-size--heading-m);
line-height: 1;
text-decoration: none;
transition: var(--transition-control);
}
.bnjc-cal-nav__btn svg {
display: block;
}
a.bnjc-cal-nav__btn:hover {
background: var(--wo-wash);
}
.bnjc-cal-nav__btn.is-disabled {
opacity: 0.35;
}
.bnjc-cal-nav__mode {
display: inline-flex;
gap: 8px;
}
.bnjc-cal-grid {
inline-size: 100%;
table-layout: fixed;
border-collapse: collapse;
}
.bnjc-cal-grid th {
padding: 6px 8px;
text-align: start;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--grey-700);
}
.bnjc-cal-grid__day {
block-size: 1px;
min-block-size: 124px;
padding: 8px;
vertical-align: top;
border: 1px solid var(--wo-line);
background: var(--white);
}
.bnjc-cal-grid__day.is-empty {
background: transparent;
border-color: transparent;
}
.bnjc-cal-grid__day.is-past {
background: var(--cream);
}
.bnjc-cal-grid__day.is-today {
box-shadow: inset 0 3px 0 0 var(--accent-dark);
}
.bnjc-cal-grid__head time {
display: block;
margin-block-end: 6px;
font-size: var(--wp--preset--font-size--caption);
font-weight: 700;
color: var(--grey-700);
}
.bnjc-cal-grid__day.is-today .bnjc-cal-grid__head time {
color: var(--navy);
}
.bnjc-cal-grid__dow {
display: none;
}
.bnjc-cal-items {
display: grid;
gap: 4px;
margin: 0;
padding: 0;
list-style: none;
}
.bnjc-cal-hc {
display: flex;
align-items: center;
gap: 5px;
font-size: var(--wp--preset--font-size--overline);
line-height: 1.3;
color: var(--grey-700);
}
.bnjc-cal-hc--parashah {
font-weight: 700;
color: var(--navy);
}
.bnjc-cal-hc--festival {
font-weight: 600;
color: var(--berry);
}
.bnjc-cal-hc--festival .bnjc-ic {
color: var(--berry);
}
.bnjc-cal-event {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 2px 5px;
min-inline-size: 0;
overflow-wrap: anywhere;
padding: 5px 7px;
border-radius: var(--radius-xs);
background: var(--wp--preset--color--cream-deep);
color: var(--navy-darkest);
font-size: var(--wp--preset--font-size--overline);
line-height: 1.3;
text-decoration: none;
}
.bnjc-cal-event:hover {
background: var(--accent-dark);
color: var(--white);
}
.bnjc-cal-event .bnjc-ic {
align-self: center;
inline-size: 13px;
block-size: 13px;
min-inline-size: 13px;
color: inherit;
}
.bnjc-cal-event__time {
font-weight: 700;
font-variant-numeric: tabular-nums;
}
.bnjc-cal-event__name {
flex-basis: 100%;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.bnjc-cal-event.is-cancelled .bnjc-cal-event__name {
text-decoration: line-through;
}
.bnjc-cal-week {
margin: 0;
padding: 0;
list-style: none;
border-block-start: 1px solid var(--wo-line);
}
.bnjc-cal-week__day {
display: grid;
grid-template-columns: 11rem minmax(0, 1fr);
gap: 8px 24px;
padding-block: 18px;
border-block-end: 1px solid var(--wo-line);
}
.bnjc-cal-week__day.is-today {
box-shadow: inset 3px 0 0 0 var(--accent-dark);
padding-inline-start: 16px;
}
.bnjc-cal-week__label {
margin: 0;
font-family: var(--font-body);
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--berry);
}
.bnjc-cal-week__none {
margin: 0;
font-size: var(--wp--preset--font-size--small);
color: var(--grey-700);
}
.bnjc-cal-items--week {
gap: 2px;
}
.bnjc-cal-items--week .bnjc-cal-hc {
font-size: var(--wp--preset--font-size--caption);
}
@media (max-width: 899px) {
.bnjc-cal-grid,
.bnjc-cal-grid tbody,
.bnjc-cal-grid tr,
.bnjc-cal-grid td {
display: block;
inline-size: 100%;
}
.bnjc-cal-grid thead {
display: none;
}
.bnjc-cal-grid__day {
block-size: auto;
min-block-size: 0;
padding: 14px 0;
border-width: 0 0 1px;
}
.bnjc-cal-grid__day.is-empty,
.bnjc-cal-grid__day:not(.has-items) {
display: none;
}
.bnjc-cal-grid__day.is-today {
box-shadow: inset 3px 0 0 0 var(--accent-dark);
padding-inline-start: 12px;
}
.bnjc-cal-grid__head time {
display: none;
}
.bnjc-cal-grid__dow {
display: block;
margin-block-end: 8px;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--berry);
}
.bnjc-cal-hc,
.bnjc-cal-event {
font-size: var(--wp--preset--font-size--caption);
}
.bnjc-cal-event {
min-block-size: 44px;
align-items: center;
padding: 8px 10px;
}
.bnjc-cal-event__name {
flex-basis: auto;
flex: 1;
}
}
@media (max-width: 640px) {
.bnjc-cal-week__day {
grid-template-columns: 1fr;
}
.bnjc-cal-nav__period {
inline-size: 100%;
justify-content: space-between;
}
.bnjc-cal-nav__tools {
inline-size: 100%;
}
}
.bnjc-wo-more {
margin-block: 36px 0;
text-align: center;
}
.bnjc-wo-more .bnjc-pill {
min-block-size: 48px;
padding-inline: 28px;
}
.bnjc-wo-empty {
padding: 32px;
border-radius: var(--radius-md);
background: var(--wo-wash);
}
.bnjc-wo-empty p {
margin: 0 0 12px;
}
.bnjc-wo-prompt {
margin-block: 40px 0;
padding-block-start: 20px;
border-block-start: 1px solid var(--wo-line);
font-size: var(--wp--preset--font-size--small);
color: var(--grey-700);
}
.bnjc-wo-prompt a {
color: var(--navy);
font-weight: 700;
}
.bnjc-sig-grid {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
margin: 0;
padding: 0;
list-style: none;
}
@media (min-width: 641px) {
.bnjc-sig-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
.bnjc-sig-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bnjc-sig-grid--n4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.bnjc-sig-card {
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
border-radius: var(--radius-md);
background: var(--white);
color: var(--ink);
box-shadow: 0 1px 2px rgba(18, 19, 79, 0.06), 0 10px 28px -16px rgba(18, 19, 79, 0.22);
transition: box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);
}
.bnjc-sig-card:hover {
box-shadow: 0 2px 4px rgba(18, 19, 79, 0.08), 0 20px 44px -20px rgba(18, 19, 79, 0.26);
transform: var(--lift-hover, none);
}
.bnjc-sig-card__media {
aspect-ratio: 16 / 10;
background: var(--wp--preset--color--cream-deep);
}
.bnjc-sig-card__media.is-placeholder {
background: var(--wp--preset--color--cream-deep) repeating-linear-gradient(135deg, transparent 0 9px, rgba(0, 0, 0, 0.05) 9px 10px);
}
.bnjc-sig-card__media img {
display: block;
inline-size: 100%;
block-size: 100%;
object-fit: cover;
}
.bnjc-sig-card__body {
display: flex;
flex: 1;
flex-direction: column;
align-items: flex-start;
gap: 8px;
padding: 20px 22px 24px;
}
.bnjc-sig-card__kicker {
margin: 0;
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--berry);
}
.bnjc-sig-card__title {
margin: 0;
font-size: var(--wp--preset--font-size--display-xs);
line-height: 0.98;
color: var(--navy);
text-wrap: balance;
}
.bnjc-sig-card__desc {
margin: 0;
font-size: var(--wp--preset--font-size--medium);
line-height: 1.45;
}
.bnjc-sig-card__next {
margin: 0;
font-size: var(--wp--preset--font-size--caption);
font-weight: 700;
color: var(--navy);
}
.bnjc-sig-card__cta {
margin-block-start: auto;
min-block-size: 44px;
background: var(--navy);
border-color: var(--navy);
color: var(--white);
}
.bnjc-sig-card__desc + .bnjc-sig-card__cta,
.bnjc-sig-card__next + .bnjc-sig-card__cta {
margin-block-start: 12px;
}
.bnjc-sig-card__cta::after {
content: "";
position: absolute;
inset: 0;
}
.bnjc-sig-card__cta:focus-visible {
outline: none;
}
.bnjc-sig-card__cta:focus-visible::after {
outline: 2px solid var(--focus-ring);
outline-offset: -2px;
border-radius: var(--radius-md);
}
@media (prefers-reduced-motion: reduce) {
.bnjc-event-card--detail,
.bnjc-sig-card {
transition: none;
}
.bnjc-event-card--detail:hover,
.bnjc-sig-card:hover {
transform: none;
}
}
.bnjc-event-card__img,
.bnjc-sig-card__media img {
color: transparent;
font-size: 0;
}
.bnjc-whats-on-page__intro h1 {
text-transform: none;
font-size: clamp(var(--wp--preset--font-size--display-s), 5.4vw, var(--wp--preset--font-size--display-l));
}
.bnjc-whats-on-page__intro .is-style-standfirst {
max-inline-size: 52ch;
margin-block-start: var(--wp--preset--spacing--50);
}
.bnjc-whats-on-block.is-layout-browse {
--wo-shadow: 0 8px 24px -16px rgba(11, 12, 56, 0.5);
}
.bnjc-wo-views {
background: var(--white);
box-shadow: var(--wo-shadow);
}
.bnjc-wo-tab:hover {
background: var(--wo-wash);
}
.bnjc-wo-filters {
margin-block-start: var(--wp--preset--spacing--70);
padding-block-end: var(--wp--preset--spacing--70);
border-block-end: 0;
}
.bnjc-wo-field select,
.bnjc-wo-field input[type="date"] {
border: 0;
border-radius: var(--radius-pill);
box-shadow: var(--wo-shadow);
padding-inline: 18px;
}
.bnjc-wo-chip {
border: 0;
background: var(--white);
box-shadow: var(--wo-shadow);
}
.bnjc-wo-chip:hover {
background: var(--white);
box-shadow: 0 8px 24px -14px rgba(11, 12, 56, 0.6);
}
.bnjc-wo-chip.is-active {
background: var(--navy);
}
.bnjc-wo-count {
margin-block-start: var(--wp--preset--spacing--60);
}
.bnjc-event-card--detail {
border-radius: var(--radius-xs);
box-shadow: 0 14px 40px -26px rgba(11, 12, 56, 0.45);
}
.bnjc-event-card--detail:hover {
box-shadow: 0 18px 44px -24px rgba(11, 12, 56, 0.55);
}
.bnjc-event-card--detail .bnjc-event-card__link:focus-visible::after {
border-radius: var(--radius-xs);
}
.bnjc-whats-on-block .bnjc-event-grid.bnjc-event-grid--detail {
gap: var(--wp--preset--spacing--70);
}
.bnjc-whats-on-block .bnjc-event-list__more {
margin: 12px 0 0;
font-weight: 600;
}
.bnjc-whats-on-block .bnjc-event-list__more a {
display: inline-flex;
align-items: center;
min-block-size: 44px;
color: var(--navy);
}
.bnjc-whats-on-block .bnjc-event-list .bnjc-event-day {
border-block-end: 0;
padding-block: var(--wp--preset--spacing--60);
}
.bnjc-whats-on-block .bnjc-event-list .bnjc-event-day__label {
color: var(--navy);
}
.bnjc-whats-on-block .bnjc-event-list .bnjc-event-day > ul {
display: grid;
gap: var(--wp--preset--spacing--50);
margin: 0;
padding: 0;
list-style: none;
}
.bnjc-whats-on-block .bnjc-event-list .bnjc-event-row.has-thumb {
grid-template-columns: 280px 4.5rem minmax(0, 1fr) auto;
align-items: center;
gap: var(--wp--preset--spacing--60);
padding: var(--wp--preset--spacing--40);
border: 0;
border-radius: var(--radius-xs);
background: var(--white);
box-shadow: 0 14px 40px -26px rgba(11, 12, 56, 0.45);
}
.bnjc-whats-on-block .bnjc-event-list .bnjc-event-row.has-thumb .bnjc-event-row__action {
align-self: center;
}
.bnjc-event-row__time {
font-weight: 800;
color: var(--navy);
}
.bnjc-event-row__title {
font-family: var(--font-display);
font-weight: 700;
letter-spacing: 0;
font-size: var(--wp--preset--font-size--heading-m);
}
.bnjc-event-row__thumb {
display: block;
position: relative;
inline-size: 100%;
aspect-ratio: 3 / 2;
overflow: hidden;
border-radius: var(--radius-xs);
background: var(--wp--preset--color--cream-deep);
}
.bnjc-event-row__thumb img,
.bnjc-event-row__img {
display: block;
inline-size: 100%;
block-size: 100%;
object-fit: cover;
color: transparent;
font-size: 0;
}
.bnjc-event-row__thumb.is-tile {
display: grid;
place-items: center;
padding: 8px;
background: var(--bnjc-thumb-bg, var(--navy));
color: var(--bnjc-thumb-ink, var(--white));
font-family: var(--font-display);
font-size: var(--wp--preset--font-size--heading-m);
line-height: 1;
text-align: center;
text-transform: none;
text-decoration: none;
}
.bnjc-event-row.is-past .bnjc-event-row__thumb {
filter: grayscale(0.6);
}
@media (max-width: 900px) {
.bnjc-whats-on-block .bnjc-event-list .bnjc-event-row.has-thumb {
grid-template-columns: 184px minmax(0, 1fr);
align-items: start;
gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50);
}
.bnjc-event-row.has-thumb .bnjc-event-row__thumb {
grid-row: 1 / span 3;
grid-column: 1;
}
.bnjc-event-row.has-thumb > :not(.bnjc-event-row__thumb) {
grid-column: 2;
}
.bnjc-whats-on-block .bnjc-event-row.has-thumb .bnjc-event-row__action {
justify-self: start;
}
.bnjc-event-row__thumb.is-tile {
font-size: var(--wp--preset--font-size--small);
}
}
@media (max-width: 640px) {
.bnjc-whats-on-block .bnjc-event-list .bnjc-event-row.has-thumb {
grid-template-columns: minmax(0, 1fr);
}
.bnjc-event-row.has-thumb .bnjc-event-row__thumb,
.bnjc-event-row.has-thumb > :not(.bnjc-event-row__thumb) {
grid-row: auto;
grid-column: 1;
}
.bnjc-event-row__thumb {
aspect-ratio: 16 / 9;
}
.bnjc-event-row__thumb.is-tile {
font-size: var(--wp--preset--font-size--heading-m);
}
}
.bnjc-wo-views {
box-sizing: border-box;
}
.bnjc-whats-on-page {
padding: 0;
--bnjc-edge: max(var(--wp--preset--spacing--90), calc((100% - 1344px) / 2));
}
@media (max-width: 781px) {
.bnjc-whats-on-page {
--bnjc-edge: 24px;
}
}
.bnjc-whats-on-page .bnjc-wo-hero.alignfull {
box-sizing: border-box;
padding-block: var(--wp--preset--spacing--section) clamp(104px, 11vw, 150px);
padding-inline: var(--bnjc-edge);
}
.bnjc-wo-hero > * {
max-inline-size: none;
margin-inline: 0;
}
.bnjc-wo-hero__eyebrow {
margin: 0 0 var(--wp--preset--spacing--30);
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--accent-light);
}
.bnjc-wo-hero h1 {
margin: 0;
text-transform: none;
font-size: clamp(var(--wp--preset--font-size--display-s), 6vw, var(--wp--preset--font-size--display-l));
}
.bnjc-wo-hero .is-style-standfirst {
max-inline-size: 56ch;
margin-block: var(--wp--preset--spacing--40) 0;
color: var(--cream);
}
.bnjc-wo-body {
box-sizing: border-box;
position: relative;
margin-block-start: calc(-1 * clamp(64px, 7vw, 96px));
padding-block-end: var(--wp--preset--spacing--section);
padding-inline: var(--bnjc-edge);
}
.bnjc-wo-body > * {
max-inline-size: none;
margin-inline: 0;
}
.bnjc-wo-toolbar {
display: grid;
gap: 18px;
padding: clamp(16px, 2.4vw, 28px);
background: var(--white);
border-radius: var(--radius-xs);
box-shadow: 0 18px 44px -28px rgba(11, 12, 56, 0.55);
}
.bnjc-wo-toolbar .bnjc-wo-views {
justify-self: start;
background: var(--wo-wash);
box-shadow: none;
}
.bnjc-wo-toolbar .bnjc-wo-filters {
margin: 0;
padding: 0;
gap: 14px 20px;
align-items: end;
border: 0;
}
.bnjc-wo-toolbar .bnjc-wo-chip {
background: var(--wo-wash);
box-shadow: none;
}
.bnjc-wo-toolbar .bnjc-wo-chip:hover {
background: rgba(61, 64, 160, 0.14);
box-shadow: none;
}
.bnjc-wo-toolbar .bnjc-wo-chip.is-active {
background: var(--navy);
color: var(--white);
}
.bnjc-wo-toolbar .bnjc-wo-programme {
margin: 0;
}
.bnjc-wo-field--search {
flex: 1 1 340px;
}
.bnjc-wo-search {
position: relative;
display: block;
}
.bnjc-wo-search__icon {
position: absolute;
inset-block-start: 50%;
inset-inline-start: 16px;
translate: 0 -50%;
color: var(--navy);
pointer-events: none;
}
.bnjc-wo-search input[type="search"] {
box-sizing: border-box;
inline-size: 100%;
min-block-size: 48px;
padding-block: 0;
padding-inline: 46px 16px;
border: 1.5px solid var(--navy);
border-radius: var(--radius-pill);
background: var(--white);
color: var(--ink);
font: inherit;
font-size: var(--wp--preset--font-size--small);
appearance: none;
-webkit-appearance: none;
}
.bnjc-wo-search input[type="search"]::placeholder {
color: var(--grey-700);
opacity: 1;
}
.bnjc-wo-search input[type="search"]:focus-visible {
outline: 2px solid var(--focus-ring);
outline-offset: 2px;
}
.bnjc-wo-search input[type="search"]::-webkit-search-cancel-button {
cursor: pointer;
}
.bnjc-whats-on-block.is-layout-browse .bnjc-wo-count {
margin-block: 28px 20px;
font-family: var(--font-body);
}
@media (max-width: 640px) {
.bnjc-wo-hero {
padding-block-end: 96px;
}
.bnjc-wo-body {
margin-block-start: -64px;
}
.bnjc-wo-field--search {
flex-basis: 100%;
}
}
.bnjc-host-pills {
display: inline-flex;
flex-wrap: wrap;
gap: 6px;
}
.bnjc-host-pill {
display: inline-flex;
align-items: center;
min-block-size: 28px;
padding-inline: 12px;
border-radius: var(--radius-pill);
background: var(--white);
color: var(--navy);
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.08em;
line-height: 1;
text-transform: uppercase;
box-shadow: 0 6px 16px -8px rgba(11, 12, 56, 0.55);
}
.bnjc-event-row__tag .bnjc-host-pill {
background: transparent;
border: 1.5px solid var(--navy);
box-shadow: none;
}
.is-layout-browse .bnjc-when {
display: inline-flex;
align-items: stretch;
border-radius: var(--radius-xs);
overflow: hidden;
font-size: var(--wp--preset--font-size--caption);
font-weight: 700;
line-height: 1.2;
font-variant-numeric: tabular-nums;
}
.is-layout-browse .bnjc-when__sep {
display: none;
}
.is-layout-browse .bnjc-when__date,
.is-layout-browse .bnjc-when__time {
display: inline-flex;
align-items: center;
padding: 7px 10px;
}
.is-layout-browse .bnjc-when__date {
background: var(--wo-c, var(--navy));
color: var(--wo-ink, var(--white));
}
.is-layout-browse .bnjc-when__time {
background: var(--wp--preset--color--cream-deep);
color: var(--navy);
}
.is-layout-browse .is-past .bnjc-when {
opacity: 0.7;
}
.is-layout-browse .bnjc-event-card__when {
margin: 0;
}
.is-layout-browse .bnjc-event-card--detail .bnjc-event-card__title {
font-family: var(--font-display);
font-weight: 700;
letter-spacing: 0;
}
.bnjc-whats-on-block .bnjc-event-card--detail .bnjc-event-card__title {
padding: 0;
}
.is-layout-browse .bnjc-event-card__body {
gap: 10px;
}
.is-layout-browse .bnjc-event-card--detail .bnjc-event-facts {
margin-block-start: 2px;
}
.is-layout-browse .bnjc-event-card--detail .bnjc-event-card__media {
aspect-ratio: 3 / 4;
}
.is-layout-browse .bnjc-event-card__media.is-fill .bnjc-event-card__img {
object-position: 50% 35%;
}
.is-layout-browse .bnjc-event-card__media.is-whole .bnjc-event-card__bg {
display: block;
position: absolute;
inset: 0;
inline-size: 100%;
block-size: 100%;
object-fit: cover;
filter: blur(22px) saturate(1.15);
transform: scale(1.2);
opacity: 0.85;
}
.is-layout-browse .bnjc-event-card__media.is-whole .bnjc-event-card__img {
position: relative;
object-fit: contain;
}
.bnjc-whats-on-block:not(.is-layout-browse) .bnjc-event-card--detail .bnjc-event-card__media.is-tall .bnjc-event-card__bg {
display: block;
position: absolute;
inset: 0;
inline-size: 100%;
block-size: 100%;
object-fit: cover;
filter: blur(22px) saturate(1.1);
transform: scale(1.2);
opacity: 0.7;
}
.bnjc-whats-on-block:not(.is-layout-browse) .bnjc-event-card--detail .bnjc-event-card__media.is-tall .bnjc-event-card__img {
position: relative;
object-fit: contain;
}
@media (max-width: 640px) {
.is-layout-browse .bnjc-event-grid.bnjc-event-grid--detail {
max-inline-size: 30rem;
margin-inline: auto;
}
}
.is-layout-browse .bnjc-wo-action,
.is-layout-browse .bnjc-event-row__action {
justify-content: center;
gap: 12px;
padding-inline: 20px;
}
.is-layout-browse .bnjc-event-day__label {
font-family: var(--font-display);
font-size: var(--wp--preset--font-size--heading-s);
font-weight: 700;
letter-spacing: 0;
line-height: 1.1;
text-transform: none;
color: var(--navy);
}
.is-layout-browse .bnjc-event-day__today {
font-family: var(--font-body);
text-transform: uppercase;
}
.is-layout-browse .bnjc-event-row__time time {
display: inline-block;
padding: 6px 9px;
border-radius: var(--radius-xs);
background: var(--wo-c, var(--navy));
color: var(--wo-ink, var(--white));
font-size: var(--wp--preset--font-size--caption);
font-weight: 700;
line-height: 1.2;
white-space: nowrap;
}
.is-layout-browse .bnjc-event-row__time {
inline-size: auto;
}
.bnjc-whats-on-block .bnjc-event-list .bnjc-event-row.has-thumb {
grid-template-columns: 168px minmax(4.5rem, max-content) minmax(0, 1fr) auto;
}
@media (max-width: 900px) {
.bnjc-whats-on-block .bnjc-event-list .bnjc-event-row.has-thumb {
grid-template-columns: 120px minmax(0, 1fr);
}
}
@media (max-width: 640px) {
.bnjc-whats-on-block .bnjc-event-list .bnjc-event-row.has-thumb {
grid-template-columns: minmax(0, 1fr);
}
}
.bnjc-fill {
display: none;
box-sizing: border-box;
position: relative;
container-type: inline-size;
min-inline-size: 0;
padding: clamp(22px, 2.4vw, 32px);
border-radius: var(--radius-xs);
background: var(--navy);
color: var(--white);
list-style: none;
}
.bnjc-fill--whatsapp {
background: var(--wp--preset--color--hove-green);
}
.bnjc-fill--instagram {
background: var(--berry);
}
.bnjc-fill--facebook {
background: var(--wp--preset--color--blue);
}
.bnjc-fill--linkedin {
background: var(--wp--preset--color--navy-deep);
}
.bnjc-fill--yofi {
background: var(--wp--preset--color--yofi-rust);
}
@media (min-width: 1024px) {
.bnjc-fill.has-d {
display: flex;
align-items: center;
grid-column: span var(--fill-d, 1);
}
}
@media (min-width: 641px) and (max-width: 1023px) {
.bnjc-fill.has-t {
display: flex;
align-items: center;
grid-column: span var(--fill-t, 1);
}
}
.bnjc-fill.bnjc-fill--list {
display: flex;
align-items: center;
margin-block-start: var(--wp--preset--spacing--70);
}
.bnjc-fill__in {
display: grid;
gap: 16px;
inline-size: 100%;
}
@container (min-width: 520px) {
.bnjc-fill__in {
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
gap: 24px;
}
}
.bnjc-fill__icon {
display: inline-grid;
place-items: center;
inline-size: 56px;
block-size: 56px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.14);
color: var(--white);
}
.bnjc-fill__body {
display: grid;
justify-items: start;
gap: 10px;
min-inline-size: 0;
}
.bnjc-fill__title {
margin: 0;
font-family: var(--font-display);
font-size: var(--wp--preset--font-size--heading-m);
font-weight: 700;
line-height: 1.1;
letter-spacing: 0;
color: var(--white);
text-transform: none;
}
.bnjc-fill__line {
margin: 0;
font-size: var(--wp--preset--font-size--small);
line-height: 1.45;
color: var(--white);
}
.bnjc-fill__cta {
margin-block-start: 6px;
min-block-size: 44px;
box-sizing: border-box;
gap: 12px;
padding-inline: 20px;
border-color: transparent;
background: var(--white);
color: var(--navy);
}
.bnjc-fill__cta:hover {
background: var(--cream);
color: var(--navy);
}
.bnjc-fill__cta:focus-visible {
outline: 2px solid var(--white);
outline-offset: 3px;
}
.bnjc-cal-event__name,
.bnjc-event-card__title,
.bnjc-quiet__title {
unicode-bidi: isolate;
}
.bnjc-whats-on-page .bnjc-wo-body {
margin-block-start: 0;
}
.bnjc-wo-head {
box-sizing: border-box;
margin-inline: calc(-1 * var(--bnjc-edge));
padding: clamp(20px, 2.6vw, 32px) var(--bnjc-edge) clamp(22px, 2.8vw, 34px);
background: var(--navy);
color: var(--white);
}
.bnjc-wo-head__top {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
gap: 12px 32px;
}
.bnjc-wo-head__words {
min-inline-size: 0;
}
.bnjc-whats-on-block .bnjc-wo-head__title {
margin: 0;
color: var(--white);
font-family: var(--font-display);
font-size: clamp(var(--wp--preset--font-size--heading-m), 4.2vw, var(--wp--preset--font-size--display-s));
line-height: 1;
text-transform: none;
}
.bnjc-wo-head__intro {
margin: 8px 0 0;
max-inline-size: none;
color: var(--cream);
font-size: var(--wp--preset--font-size--medium);
}
.bnjc-wo-head__host {
margin: 0;
max-inline-size: none;
color: var(--cream);
font-size: var(--wp--preset--font-size--caption);
}
.bnjc-wo-head__host a {
color: var(--white);
font-weight: 700;
text-decoration: underline;
text-underline-offset: 3px;
}
.bnjc-wo-head__host a:focus-visible,
.bnjc-wo-head .bnjc-wo-chip:focus-visible,
.bnjc-wo-head .bnjc-wo-range summary:focus-visible,
.bnjc-wo-head .bnjc-wo-clear:focus-visible {
outline: 2px solid var(--white);
outline-offset: 3px;
}
.bnjc-whats-on-block .bnjc-wo-head .bnjc-wo-toolbar {
display: block;
margin-block-start: clamp(16px, 2vw, 24px);
padding: 0;
background: none;
box-shadow: none;
}
.bnjc-wo-head .bnjc-wo-filters {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 12px 24px;
margin: 0;
padding: 0;
border: 0;
}
.bnjc-wo-head .bnjc-wo-field {
display: flex;
flex-direction: column;
gap: 8px;
margin: 0;
}
.bnjc-wo-head .bnjc-wo-field > label,
.bnjc-wo-head .bnjc-wo-field__label {
margin: 0;
color: var(--cream);
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.12em;
line-height: 1.2;
text-transform: uppercase;
}
.bnjc-wo-head .bnjc-wo-field--search {
flex: 1 1 320px;
}
.bnjc-wo-head .bnjc-wo-when {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.bnjc-whats-on-block .bnjc-wo-head .bnjc-wo-chip {
min-block-size: 48px;
border-color: rgba(255, 255, 255, 0.55);
background: none;
color: var(--white);
}
.bnjc-whats-on-block .bnjc-wo-head .bnjc-wo-chip:hover {
background: rgba(255, 255, 255, 0.12);
}
.bnjc-whats-on-block .bnjc-wo-head .bnjc-wo-chip.is-active {
border-color: var(--white);
background: var(--white);
color: var(--navy);
}
.bnjc-wo-head .bnjc-wo-range {
align-self: flex-end;
}
.bnjc-wo-head .bnjc-wo-range summary,
.bnjc-wo-head .bnjc-wo-clear {
display: inline-flex;
align-items: center;
min-block-size: 48px;
color: var(--white);
font-size: var(--wp--preset--font-size--caption);
font-weight: 700;
}
.bnjc-wo-head .bnjc-wo-range[open] {
flex-basis: 100%;
}
.bnjc-wo-head .bnjc-wo-range__fields {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 12px 16px;
margin-block-start: 8px;
}
.bnjc-wo-head .bnjc-wo-range__fields input[type="date"] {
min-block-size: 48px;
}
.bnjc-wo-head .bnjc-wo-range__fields .bnjc-pill.is-active {
background: var(--white);
color: var(--navy);
}
.bnjc-wo-head .bnjc-wo-programme {
margin: 12px 0 0;
color: var(--cream);
}
.bnjc-wo-head .bnjc-wo-programme a {
color: var(--white);
}
.bnjc-wo-bar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px 24px;
margin-block: clamp(20px, 2.4vw, 28px) 12px;
}
.bnjc-whats-on-block.is-layout-browse .bnjc-wo-bar .bnjc-wo-count {
margin: 0;
}
.bnjc-wo-bar .bnjc-wo-views {
margin: 0;
}
.bnjc-wo-topics ul {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 clamp(20px, 2.4vw, 28px);
padding: 0;
list-style: none;
}
.bnjc-wo-topics .bnjc-wo-chip:focus-visible {
outline: 2px solid var(--focus-ring);
outline-offset: 2px;
}
.bnjc-wo-promos {
margin-block: clamp(28px, 3.5vw, 48px);
}
.bnjc-wo-promos > * {
margin-block: 0;
}
.bnjc-wo-promos > * + * {
margin-block-start: 24px;
}
.is-layout-browse .bnjc-event-card--detail {
position: relative;
display: flex;
flex-direction: column;
}
.is-layout-browse .bnjc-event-card--detail .bnjc-event-card__body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
}
.is-layout-browse .bnjc-event-card--detail .bnjc-event-card__desc {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-clamp: 3;
}
.is-layout-browse .bnjc-event-card--detail .bnjc-fact--venue,
.is-layout-browse .bnjc-event-card--detail .bnjc-fact--price {
min-block-size: 1.5em;
}
.is-layout-browse .bnjc-event-card--detail .bnjc-wo-action {
margin-block-start: auto;
align-self: flex-start;
}
.bnjc-event-card__badge {
position: absolute;
inset-block-start: 12px;
inset-inline-start: 12px;
z-index: 2;
display: inline-flex;
align-items: center;
min-block-size: 30px;
padding-inline: 12px;
border-radius: var(--radius-pill);
background: var(--white);
color: var(--navy);
box-shadow: 0 2px 8px rgba(11, 12, 56, 0.25);
font-size: var(--wp--preset--font-size--caption);
font-weight: 700;
line-height: 1.1;
pointer-events: none;
}
.bnjc-event-card__badge.is-sold_out,
.bnjc-event-card__badge.is-closed,
.bnjc-event-card__badge.is-cancelled {
background: var(--berry);
color: var(--white);
}
.bnjc-wo-host-foot {
display: none;
}
@media (max-width: 640px) {
.bnjc-wo-head {
padding-block: 16px 18px;
}
.bnjc-wo-head__top {
align-items: flex-start;
}
.bnjc-whats-on-block .bnjc-wo-head__title {
font-size: var(--wp--preset--font-size--heading-m);
}
.bnjc-wo-head__intro {
margin-block-start: 4px;
}
.bnjc-wo-head .bnjc-wo-head__host {
display: none;
}
.bnjc-wo-host-foot {
display: block;
margin: 24px 0 0;
}
.bnjc-wo-head .bnjc-wo-toolbar {
margin-block-start: 14px;
}
.bnjc-wo-head .bnjc-wo-filters {
gap: 10px;
}
.bnjc-wo-head .bnjc-wo-field > label,
.bnjc-wo-head .bnjc-wo-field__label {
position: absolute;
inline-size: 1px;
block-size: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.bnjc-wo-head .bnjc-wo-field--search,
.bnjc-wo-head .bnjc-wo-field--dates {
flex-basis: 100%;
min-inline-size: 0;
}
.bnjc-wo-head .bnjc-wo-when,
.bnjc-wo-topics ul {
flex-wrap: nowrap;
overflow-x: auto;
scrollbar-width: none;
margin-inline: calc(-1 * var(--bnjc-edge));
padding-inline: var(--bnjc-edge);
}
.bnjc-wo-head .bnjc-wo-when::-webkit-scrollbar,
.bnjc-wo-topics ul::-webkit-scrollbar {
display: none;
}
.bnjc-whats-on-block .bnjc-wo-head .bnjc-wo-chip,
.bnjc-wo-topics .bnjc-wo-chip {
flex: 0 0 auto;
min-block-size: 44px;
}
.bnjc-wo-head .bnjc-wo-range summary,
.bnjc-wo-head .bnjc-wo-clear {
min-block-size: 44px;
}
.bnjc-wo-bar {
margin-block: 16px 10px;
}
.bnjc-wo-bar .bnjc-wo-views {
inline-size: 100%;
}
.bnjc-wo-topics ul {
margin-block-end: 16px;
}
}
.bnjc-whats-on-block.is-posters .bnjc-event-card--detail .bnjc-event-card__media {
aspect-ratio: 3 / 4;
}
.bnjc-whats-on-block.is-posters .bnjc-event-card--detail .bnjc-event-card__media.is-fill .bnjc-event-card__img {
position: static;
object-fit: cover;
object-position: 50% 35%;
}
.bnjc-whats-on-block.is-posters .bnjc-event-card--detail .bnjc-event-card__media.is-fill .bnjc-event-card__bg {
display: none;
}
.bnjc-whats-on-block.is-posters .bnjc-event-card--detail .bnjc-event-card__media.is-whole .bnjc-event-card__bg {
display: block;
position: absolute;
inset: 0;
inline-size: 100%;
block-size: 100%;
object-fit: cover;
filter: blur(22px) saturate(1.15);
transform: scale(1.2);
opacity: 0.85;
}
.bnjc-whats-on-block.is-posters .bnjc-event-card--detail .bnjc-event-card__media.is-whole .bnjc-event-card__img {
position: relative;
object-fit: contain;
}
.bnjc-host-pill.has-logo {
padding-inline: 10px;
}
.bnjc-host-pill__logo {
inline-size: auto;
max-inline-size: 96px;
block-size: 20px;
object-fit: contain;
}
/* assets/css/area-yofi.css */
bdo[lang="he"],
.bnjc-he {
font-family: var(--wp--preset--font-family--body);
font-weight: 700;
letter-spacing: 0;
text-transform: none;
font-style: normal;
}
:is(h1, h2, h3) bdo[lang="he"],
.bnjc-menu-tabs__title .bnjc-he {
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
}
.bnjc-y-band {
margin-block: 0 !important;
padding-block: clamp(32px, 4vw, 56px);
}
.bnjc-y-band:not(.has-background):not(.bnjc-y-reserve) + .bnjc-y-band:not(.has-background) {
padding-block-start: 0;
}
.bnjc-y-band {
padding-inline: max(var(--wp--custom--layout--gutter, 20px), calc((100% - var(--wp--style--global--wide-size, 1344px)) / 2 + var(--wp--custom--layout--gutter, 20px))) !important;
}
.bnjc-y-band.is-layout-constrained > :not(.alignfull):not(.alignwide) {
margin-inline-start: 0 !important;
margin-inline-end: auto !important;
}
.bnjc-y-band h2.wp-block-heading {
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
letter-spacing: -0.01em;
line-height: 1.04;
text-transform: none;
}
.bnjc-y-band > h2.wp-block-heading {
font-size: clamp(var(--wp--preset--font-size--heading-l), 4.2vw, var(--wp--preset--font-size--display-m)) !important;
margin-block-end: 12px;
}
.bnjc-y-band > .is-style-standfirst {
max-width: 62ch;
}
.bnjc-y-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: clamp(16px, 2vw, 28px);
margin-block-start: clamp(20px, 2.6vw, 36px);
}
.bnjc-y-grid > * {
margin: 0 !important;
}
@media (min-width: 720px) {
.bnjc-y-grid--two,
.bnjc-y-grid--four {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bnjc-y-grid--three {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1100px) {
.bnjc-y-grid--four {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.bnjc-y-card {
position: relative;
display: flex;
flex-direction: column;
gap: 12px;
box-sizing: border-box;
padding: clamp(20px, 2.4vw, 32px);
background: var(--wp--preset--color--white);
border-block-start: 2px solid var(--wp--preset--color--navy);
border-radius: 2px;
}
.bnjc-y-card > * {
margin: 0 !important;
}
.bnjc-y-card :is(h2, h3).wp-block-heading {
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
letter-spacing: -0.01em;
line-height: 1.08;
text-transform: none;
}
.bnjc-y-card--colour {
border-block-start: 0;
}
.bnjc-y-card__go {
margin-block-start: auto !important;
padding-block-start: 8px;
font-weight: 600;
}
.bnjc-y-card__go a {
display: inline-flex;
align-items: center;
min-height: 44px;
}
.bnjc-y-card .wp-block-buttons {
margin-block-start: 4px !important;
}
.bnjc-y-reserve {
background: var(--wp--preset--color--cream-deep);
scroll-margin-block-start: var(--header-h, 80px);
}
.bnjc-y-reserve__cols {
gap: clamp(24px, 5vw, 72px);
margin: 0;
}
.bnjc-y-reserve__cols h2.wp-block-heading {
font-size: clamp(var(--wp--preset--font-size--heading-l), 4.2vw, var(--wp--preset--font-size--display-m)) !important;
}
.bnjc-y-hours .bnjc-hours.bnjc-yofi-hours,
.bnjc-yofi-hours {
display: block;
margin: 0;
}
.bnjc-yofi-hours > div {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 16px;
padding: 12px 0;
border-block-end: 1px solid color-mix(in srgb, var(--wp--preset--color--navy) 25%, transparent);
}
.bnjc-yofi-hours > div:first-child {
border-block-start: 2px solid var(--wp--preset--color--navy);
}
.bnjc-yofi-hours dt,
.bnjc-yofi-hours dd {
margin: 0;
font-size: var(--wp--preset--font-size--small);
letter-spacing: 0;
text-transform: none;
color: var(--wp--preset--color--navy);
}
.bnjc-yofi-hours dt {
font-weight: 700;
}
.bnjc-yofi-hours dd {
font-weight: 500;
text-align: end;
}
.bnjc-y-card--takeaway {
box-shadow: none;
}
.wp-block-button__link.bnjc-button--soon {
display: inline-flex;
align-items: center;
min-height: 44px;
box-sizing: border-box;
background: transparent !important;
color: inherit !important;
border: 2px dashed currentColor;
cursor: default;
pointer-events: none;
}
.wp-block-button__link.bnjc-button--soon::after {
display: none !important;
}
.bnjc-y-packages {
margin-block-start: clamp(20px, 2.6vw, 32px);
}
.bnjc-y-package {
position: relative;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 6px;
padding: clamp(20px, 2.4vw, 28px);
border: 1px solid color-mix(in srgb, var(--wp--preset--color--white) 45%, transparent);
border-radius: 2px;
transition: background-color 0.15s;
}
.bnjc-y-package > * {
margin: 0 !important;
}
.bnjc-y-package:hover,
.bnjc-y-package:focus-within {
background: color-mix(in srgb, var(--wp--preset--color--white) 12%, transparent);
}
.bnjc-y-package.is-featured {
background: var(--wp--preset--color--yofi-cream);
color: var(--wp--preset--color--yofi-slate);
border-color: var(--wp--preset--color--yofi-cream);
}
.bnjc-y-package.is-featured:hover,
.bnjc-y-package.is-featured:focus-within {
background: var(--wp--preset--color--white);
}
.bnjc-y-package h3.wp-block-heading {
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
letter-spacing: -0.01em;
line-height: 1.08;
text-transform: none;
}
.bnjc-y-package h3.wp-block-heading,
.bnjc-y-package h3.wp-block-heading a {
color: var(--wp--preset--color--white) !important;
text-decoration: none;
}
.bnjc-y-package.is-featured h3.wp-block-heading,
.bnjc-y-package.is-featured h3.wp-block-heading a {
color: var(--wp--preset--color--yofi-slate) !important;
}
.bnjc-y-package h3 a::before {
content: "";
position: absolute;
inset: 0;
}
.bnjc-y-package h3 a:focus-visible {
outline: none;
}
.bnjc-y-package:has(a:focus-visible) {
outline: 2px solid currentColor;
outline-offset: 3px;
}
.bnjc-y-menus {
list-style: none;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin: clamp(16px, 2vw, 28px) 0 0;
padding: 0;
}
@media (min-width: 720px) {
.bnjc-y-menus {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.bnjc-y-menus li {
margin: 0;
padding: 0;
}
.bnjc-y-menus a {
display: flex;
flex-direction: column;
gap: 6px;
box-sizing: border-box;
min-height: 96px;
padding: 16px clamp(12px, 1.6vw, 18px);
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
font-size: clamp(var(--wp--preset--font-size--heading-s), 5vw, var(--wp--preset--font-size--heading-l));
overflow-wrap: anywhere;
line-height: 1.1;
letter-spacing: -0.01em;
color: var(--wp--preset--color--navy);
text-decoration: none;
border: 2px solid var(--wp--preset--color--navy);
border-radius: 2px;
transition: background-color 0.15s;
}
.bnjc-y-menus a:hover {
background: var(--wp--preset--color--gold);
}
.bnjc-y-menus bdo[lang="he"] {
font-size: var(--wp--preset--font-size--medium);
font-weight: 500;
color: var(--wp--preset--color--grey-700);
}
.bnjc-quotes {
box-sizing: border-box;
padding-block: clamp(32px, 4vw, 56px);
padding-inline: var(--wp--style--root--padding-left, 20px) var(--wp--style--root--padding-right, 20px);
background: var(--wp--preset--color--cream-deep);
}
.bnjc-quotes__heading,
.bnjc-quotes__grid {
max-width: 1344px;
margin-inline: auto;
}
.bnjc-quotes__heading {
margin-block: 0 clamp(16px, 2vw, 28px);
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
letter-spacing: -0.01em;
line-height: 1.04;
font-size: clamp(var(--wp--preset--font-size--heading-l), 4.2vw, var(--wp--preset--font-size--display-m));
}
.bnjc-quotes__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
gap: clamp(16px, 2vw, 28px);
}
.bnjc-quote {
margin: 0;
padding: clamp(20px, 2.4vw, 28px);
background: var(--wp--preset--color--white);
border-block-start: 2px solid var(--wp--preset--color--navy);
border-radius: 2px;
}
.bnjc-quote blockquote {
margin: 0;
padding: 0;
border: 0;
}
.bnjc-quote blockquote p {
margin: 0;
font-size: var(--wp--preset--font-size--large);
line-height: 1.4;
font-weight: 500;
}
.bnjc-quote figcaption {
margin-block-start: 14px;
font-size: var(--wp--preset--font-size--small);
font-weight: 700;
color: var(--wp--preset--color--grey-700);
}
.bnjc-kashrut {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
grid-template-areas:
"yofi yofi"
"klbd body";
align-items: center;
gap: 16px clamp(20px, 3vw, 36px);
}
.bnjc-kashrut__yofi {
grid-area: yofi;
height: clamp(72px, 9vw, 104px);
width: auto;
max-width: 100%;
justify-self: start;
}
.bnjc-kashrut__body {
grid-area: body;
}
.bnjc-kashrut__body > * {
margin: 0;
}
.bnjc-kashrut__body .bnjc-overline {
margin-block-end: 6px;
}
.bnjc-kashrut__text {
max-width: 56ch;
}
.bnjc-kashrut__klbd {
grid-area: klbd;
height: 64px;
width: auto;
}
@media (max-width: 599px) {
.bnjc-kashrut {
grid-template-columns: minmax(0, 1fr);
grid-template-areas:
"yofi"
"body"
"klbd";
}
.bnjc-kashrut__klbd {
justify-self: start;
}
}
.bnjc-y-foot__cols {
gap: clamp(24px, 5vw, 72px);
margin: 0;
align-items: center;
}
.bnjc-y-foot__cols p {
margin-block: 0 8px;
}
.bnjc-y-menupage .bnjc-menu-tabs {
margin: 0;
}
.bnjc-y-meal {
max-width: 72ch;
padding-block: clamp(20px, 2.4vw, 32px);
border-block-start: 1px solid color-mix(in srgb, var(--wp--preset--color--navy) 25%, transparent);
}
.bnjc-y-meal > * {
margin-block: 0 10px;
}
.bnjc-y-meal h3.wp-block-heading {
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
letter-spacing: -0.01em;
line-height: 1.05;
text-transform: none;
}
.bnjc-y-book .wp-block-buttons {
margin-block: 20px 28px;
}
ol.wp-block-list.bnjc-y-steps {
list-style: none;
counter-reset: bnjc-step;
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 20px;
margin: clamp(16px, 2vw, 28px) 0;
padding: 0;
}
@media (min-width: 800px) {
.bnjc-y-steps {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(20px, 3vw, 40px);
}
}
.bnjc-y-steps li {
counter-increment: bnjc-step;
margin: 0;
padding: 18px 0 0;
border-block-start: 2px solid var(--wp--preset--color--navy);
font-size: var(--wp--preset--font-size--medium);
line-height: 1.5;
}
.bnjc-y-steps li::before {
content: counter(bnjc-step);
display: block;
margin-block-end: 6px;
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
font-size: var(--wp--preset--font-size--display-m);
line-height: 1;
color: var(--wp--preset--color--navy);
}
.bnjc-deli-prices {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
gap: clamp(24px, 3vw, 44px);
margin-block-start: clamp(20px, 2.6vw, 36px);
}
.bnjc-deli-prices__group h3 {
margin: 0 0 8px;
padding-block-end: 8px;
border-block-end: 2px solid var(--wp--preset--color--navy);
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
font-size: var(--wp--preset--font-size--heading-l);
letter-spacing: -0.01em;
line-height: 1.1;
}
.bnjc-deli-prices__group ul {
list-style: none;
margin: 0;
padding: 0;
}
.bnjc-deli-prices__group li {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 16px;
margin: 0;
padding: 9px 0;
border-block-end: 1px solid color-mix(in srgb, var(--wp--preset--color--navy) 18%, transparent);
font-size: var(--wp--preset--font-size--small);
}
.bnjc-deli-prices__price {
flex: none;
font-weight: 700;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.bnjc-deli-prices__price small {
font-size: var(--wp--preset--font-size--caption);
font-weight: 500;
color: var(--wp--preset--color--grey-700);
}
.bnjc-y-dishes {
list-style: none;
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 0 clamp(24px, 4vw, 56px);
margin: clamp(16px, 2vw, 28px) 0;
padding: 0;
}
@media (min-width: 800px) {
.bnjc-y-dishes {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.bnjc-y-dishes li {
margin: 0;
padding: 14px 0;
border-block-end: 1px solid color-mix(in srgb, var(--wp--preset--color--navy) 22%, transparent);
line-height: 1.45;
}
.bnjc-y-dishes strong {
display: block;
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--heading-l);
letter-spacing: -0.01em;
line-height: 1.15;
}
.bnjc-y-order__cols {
gap: clamp(24px, 5vw, 72px);
margin: 0;
align-items: stretch;
}
.bnjc-samples__heading {
margin: 0 0 clamp(16px, 2vw, 28px);
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
letter-spacing: -0.01em;
line-height: 1.04;
font-size: var(--wp--preset--font-size--display-m);
}
.bnjc-samples__list {
overflow: hidden;
background: var(--wp--preset--color--white);
border: 1px solid var(--wp--custom--color--border-subtle);
border-radius: var(--wp--custom--radius--xs);
}
.bnjc-sample {
scroll-margin-block-start: calc(var(--header-h, 80px) + 72px);
border-block-end: 1px solid var(--wp--custom--color--border-subtle);
}
.bnjc-sample:last-child {
border-block-end: 0;
}
.bnjc-sample > summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
min-height: 56px;
padding: 14px clamp(16px, 2.4vw, 28px);
cursor: pointer;
list-style: none;
}
.bnjc-sample > summary::-webkit-details-marker {
display: none;
}
.bnjc-sample > summary::after {
content: "+";
font-size: var(--wp--preset--font-size--heading-l);
font-weight: 400;
}
.bnjc-sample[open] > summary::after {
content: "\2212";
}
.bnjc-sample__name {
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
font-size: var(--wp--preset--font-size--heading-l);
letter-spacing: -0.01em;
}
.bnjc-sample > summary:focus-visible {
outline: 2px solid var(--focus-ring);
box-shadow: 0 0 0 4px var(--focus-halo);
outline-offset: -4px;
}
.bnjc-sample__menu {
padding: 8px clamp(16px, 2.4vw, 28px) 24px;
}
.bnjc-y-band.bnjc-cat {
padding-block: clamp(48px, 6.5vw, 88px);
}
.bnjc-cat h2.wp-block-heading {
margin-block: 0;
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
font-size: var(--wp--preset--font-size--display-m) !important;
letter-spacing: -0.01em;
line-height: 1.04;
text-transform: none;
}
.bnjc-cat-samples:not(:has(.bnjc-samples)) {
display: none;
}
.bnjc-cat-open__grid {
display: grid;
gap: var(--wp--preset--spacing--80);
align-items: start;
max-inline-size: none;
}
.bnjc-cat-open__words > * {
margin: 0;
}
.bnjc-cat-open__words > * + * {
margin-block-start: var(--wp--preset--spacing--50);
}
.bnjc-cat-open__lead {
max-inline-size: 34ch;
font-size: var(--wp--preset--font-size--large);
font-weight: 500;
line-height: 1.3;
letter-spacing: -0.01em;
color: var(--wp--preset--color--navy-darkest);
text-wrap: pretty;
}
.bnjc-cat-open__words p:not(.bnjc-cat-open__lead) {
max-inline-size: 60ch;
font-size: var(--wp--preset--font-size--medium);
line-height: var(--wp--custom--typography--leading-loose);
}
.bnjc-cat-ask {
box-sizing: border-box;
padding: var(--wp--preset--spacing--60);
background: var(--wp--preset--color--white);
border: 1px solid var(--wp--custom--color--border-subtle);
border-block-start: var(--wp--custom--border--rule-width) solid var(--wp--preset--color--navy);
border-radius: var(--wp--custom--radius--xs);
}
.bnjc-cat-ask > * {
margin: 0;
}
.bnjc-cat-ask h2.wp-block-heading.bnjc-cat-ask__title {
font-size: var(--wp--preset--font-size--heading-l) !important;
line-height: 1.1;
}
.bnjc-cat-ask > p {
margin-block-start: var(--wp--preset--spacing--40);
font-size: var(--wp--preset--font-size--medium);
line-height: var(--wp--custom--typography--leading-body);
}
.bnjc-cat-ask .bnjc-cat-ask__buttons {
gap: var(--wp--preset--spacing--30);
margin-block-start: var(--wp--preset--spacing--60);
}
@media (min-width: 640px) {
.bnjc-cat-open__lead {
max-inline-size: 36ch;
font-size: var(--wp--preset--font-size--display-s);
}
}
@media (min-width: 960px) {
.bnjc-cat-open__grid {
grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
column-gap: var(--wp--preset--spacing--110);
}
}
@media (max-width: 559px) {
.bnjc-cat-ask .bnjc-cat-ask__buttons {
flex-direction: column;
align-items: stretch;
}
.bnjc-cat-ask .bnjc-cat-ask__buttons .wp-block-button__link {
justify-content: center;
inline-size: 100%;
text-align: center;
}
}
.bnjc-cat-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: var(--wp--preset--spacing--50);
margin-block-start: clamp(20px, 2.6vw, 36px);
}
.bnjc-cat-grid > * {
margin: 0 !important;
}
@media (min-width: 640px) {
.bnjc-cat-grid--four,
.bnjc-cat-grid--two {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1100px) {
.bnjc-cat-grid--four {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.bnjc-cat-card {
display: flex;
flex-direction: column;
box-sizing: border-box;
min-inline-size: 0;
overflow: hidden;
background: var(--wp--preset--color--white);
border: 1px solid var(--wp--custom--color--border-subtle);
border-radius: var(--wp--custom--radius--xs);
}
.bnjc-cat-card > .wp-block-image {
margin: 0;
}
.bnjc-cat-card > .wp-block-image img {
display: block;
inline-size: 100%;
block-size: auto;
aspect-ratio: 3 / 2;
object-fit: cover;
}
.bnjc-cat-card__body {
display: flex;
flex: 1;
flex-direction: column;
gap: var(--wp--preset--spacing--30);
padding: clamp(20px, 2.4vw, 32px);
}
.bnjc-cat-card__body > * {
margin: 0 !important;
}
.bnjc-cat-card h3.wp-block-heading {
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
font-size: var(--wp--preset--font-size--heading-l);
letter-spacing: -0.01em;
line-height: 1.08;
text-transform: none;
overflow-wrap: break-word;
}
.bnjc-cat-card__body > p {
font-size: var(--wp--preset--font-size--medium);
line-height: var(--wp--custom--typography--leading-body);
}
.bnjc-cat-card__body > p.bnjc-cat-card__go {
margin-block-start: auto !important;
padding-block-start: var(--wp--preset--spacing--30);
font-weight: 600;
}
.bnjc-cat-card__go a {
display: inline-flex;
align-items: center;
min-block-size: var(--wp--custom--layout--touch-min);
color: var(--wp--preset--color--navy);
text-decoration: underline;
text-underline-offset: 3px;
}
.bnjc-cat-card__go a:hover {
text-decoration-thickness: 2px;
}
.bnjc-cat-card__go a:focus-visible,
.bnjc-cat-close a:focus-visible {
outline: 2px solid var(--focus-ring);
box-shadow: 0 0 0 4px var(--focus-halo);
outline-offset: 2px;
}
ol.wp-block-list.bnjc-y-steps.bnjc-y-steps--cards {
gap: var(--wp--preset--spacing--50);
margin-block: clamp(20px, 2.6vw, 36px) 0;
}
@media (min-width: 800px) {
ol.wp-block-list.bnjc-y-steps.bnjc-y-steps--cards {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
ol.wp-block-list.bnjc-y-steps.bnjc-y-steps--cards li {
box-sizing: border-box;
padding: clamp(20px, 2.4vw, 32px);
background: var(--wp--preset--color--cream);
border: 1px solid var(--wp--custom--color--border-subtle);
border-radius: var(--wp--custom--radius--xs);
line-height: var(--wp--custom--typography--leading-body);
}
ol.wp-block-list.bnjc-y-steps.bnjc-y-steps--cards li strong {
display: block;
margin-block-end: var(--wp--preset--spacing--20);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--heading-l);
font-weight: 700;
letter-spacing: -0.01em;
line-height: 1.1;
}
.bnjc-cat-trust .bnjc-kashrut {
grid-template-columns: auto minmax(0, 1fr) auto;
grid-template-areas: "yofi body klbd";
align-items: center;
gap: var(--wp--preset--spacing--60) clamp(24px, 4vw, 56px);
box-sizing: border-box;
margin-block-start: clamp(20px, 2.6vw, 36px);
padding: clamp(20px, 3vw, 36px);
background: var(--wp--preset--color--white);
border: 1px solid var(--wp--custom--color--border-subtle);
border-radius: var(--wp--custom--radius--xs);
}
.bnjc-cat-trust .bnjc-kashrut__yofi,
.bnjc-cat-trust .bnjc-kashrut__klbd {
block-size: 72px;
inline-size: auto;
justify-self: start;
}
.bnjc-cat-trust .bnjc-kashrut__body .bnjc-overline {
display: none;
}
.bnjc-cat-trust .bnjc-kashrut__text {
max-inline-size: 52ch;
font-size: var(--wp--preset--font-size--large);
line-height: var(--wp--custom--typography--leading-body);
}
@media (max-width: 719px) {
.bnjc-cat-trust .bnjc-kashrut {
grid-template-columns: auto auto;
grid-template-areas:
"yofi klbd"
"body body";
justify-content: space-between;
}
.bnjc-cat-trust .bnjc-kashrut__klbd {
justify-self: end;
}
.bnjc-cat-trust .bnjc-kashrut__text {
font-size: var(--wp--preset--font-size--medium);
}
}
.bnjc-cat-trust .bnjc-group-logos {
max-inline-size: none;
margin-block-start: clamp(32px, 4vw, 56px);
padding: 0;
}
.bnjc-cat-trust .bnjc-group-logos__heading {
margin-block-end: var(--wp--preset--spacing--40);
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
font-size: var(--wp--preset--font-size--heading-l);
letter-spacing: -0.01em;
line-height: 1.1;
color: var(--wp--preset--color--navy);
}
.bnjc-cat-faq__grid {
display: grid;
gap: var(--wp--preset--spacing--60);
max-inline-size: none;
}
.bnjc-cat-faq .bnjc-faq__list {
max-inline-size: none;
margin: 0;
}
.bnjc-cat-faq .bnjc-faq__list .wp-block-details summary {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--heading-m);
font-weight: 700;
letter-spacing: -0.01em;
line-height: 1.2;
}
@media (min-width: 900px) {
.bnjc-cat-faq__grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
column-gap: var(--wp--preset--spacing--110);
align-items: start;
}
}
.bnjc-cat-close__grid {
display: grid;
gap: var(--wp--preset--spacing--80);
align-items: start;
max-inline-size: none;
}
.bnjc-cat-close .wp-block-heading {
color: inherit;
}
.bnjc-cat-close__words > * {
margin: 0;
}
.bnjc-cat-close__words > * + * {
margin-block-start: var(--wp--preset--spacing--50);
}
.bnjc-cat-close__words p {
max-inline-size: 38ch;
font-size: var(--wp--preset--font-size--large);
line-height: var(--wp--custom--typography--leading-body);
color: inherit;
}
.bnjc-cat-close a:not(.wp-block-button__link) {
color: inherit;
font-weight: 700;
text-decoration: underline;
text-underline-offset: 3px;
}
.bnjc-cat-close a:focus-visible {
outline-color: var(--wp--preset--color--white);
box-shadow: none;
}
.bnjc-cat-close__form .gform_wrapper[class*="bnjc-enquiry"] {
max-inline-size: none;
margin: 0;
padding: 0;
background: none;
border-radius: 0;
box-shadow: none;
}
@media (min-width: 960px) {
.bnjc-cat-close__grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
column-gap: var(--wp--preset--spacing--110);
}
}
@media (min-width: 1100px) {
.bnjc-cat-close .gform_wrapper .gform_fields > .gfield:is(.gfield--type-text, .gfield--type-email, .gfield--type-phone, .gfield--type-date, .gfield--type-number, .gfield--type-select, .gfield--type-radio) {
display: flex;
flex-direction: column;
grid-column: span 6;
}
.bnjc-cat-close .gform_wrapper .gform_fields > .gfield:is(.gfield--type-phone, .gfield--type-select, .gfield--type-number) > :is(.gfield_description, .gfield_validation_message) {
order: 3;
margin-block: 8px 0;
}
}
body:not(.home) main#main:has(.entry-content > .bnjc-cat-close:last-child) {
padding-block-end: 0;
}
.bnjc-y-enquire .gform_wrapper {
max-width: 760px;
}
.bnjc-y-faq .bnjc-faq__list,
.bnjc-y-band.bnjc-faq .bnjc-faq__list {
max-width: 860px;
}
.bnjc-y-band.bnjc-faq .bnjc-faq__list .wp-block-details > :not(summary) {
max-inline-size: none;
max-width: none;
}
@media (max-width: 781px) {
.bnjc-y-reserve__cols,
.bnjc-y-foot__cols,
.bnjc-y-order__cols {
gap: 28px;
}
.bnjc-y-reserve .wp-block-buttons,
.bnjc-y-order .wp-block-buttons {
flex-direction: column;
align-items: stretch;
}
.bnjc-y-reserve .wp-block-button__link,
.bnjc-y-order .wp-block-button__link {
width: 100%;
justify-content: center;
text-align: center;
}
}
.bnjc-yofi-hero h1 {
margin-block: 8px 12px !important;
}
.bnjc-y-hero__lead {
margin: 0;
font-size: var(--wp--preset--font-size--medium);
line-height: 1.45;
}
.bnjc-yofi-hero .wp-block-buttons {
gap: 12px;
}
.bnjc-y-hero__facts {
display: flex;
flex-wrap: wrap;
gap: 0 20px;
margin: 8px 0 0 !important;
padding: 0 !important;
list-style: none;
font-size: var(--wp--preset--font-size--small);
font-weight: 600;
color: var(--bnjc-landing-ink, var(--wp--preset--color--navy)) !important;
}
.bnjc-y-hero__facts li {
display: flex;
align-items: center;
gap: 8px;
min-block-size: 44px;
margin: 0;
padding: 0;
}
.bnjc-y-hero__facts li::before {
content: "";
inline-size: 6px;
block-size: 6px;
border-radius: 50%;
background: currentcolor;
}
.bnjc-y-hero__facts a {
display: inline-flex;
align-items: center;
min-block-size: 44px;
color: inherit;
text-underline-offset: 3px;
}
.bnjc-y-reserve__cols {
align-items: flex-start;
}
.bnjc-y-reserve__cols > .wp-block-column > :first-child {
margin-block-start: 0;
}
.bnjc-y-aside {
display: flex;
flex-direction: column;
gap: clamp(24px, 3vw, 36px);
}
.bnjc-y-aside > * {
margin: 0 !important;
}
.bnjc-y-callout {
display: flex;
flex-direction: column;
gap: 10px;
box-sizing: border-box;
padding: clamp(18px, 2.4vw, 28px);
background: var(--wp--preset--color--white);
border-block-start: 2px solid var(--wp--preset--color--navy);
border-radius: 2px;
}
.bnjc-y-callout > * {
margin: 0 !important;
}
.bnjc-y-callout h3.wp-block-heading,
.bnjc-y-hours h3.wp-block-heading {
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
letter-spacing: -0.01em;
line-height: 1.1;
}
.bnjc-y-hours h3.wp-block-heading {
margin-block-end: 10px;
}
.bnjc-yofi-hours dt,
.bnjc-yofi-hours dd {
font-size: var(--wp--preset--font-size--medium);
}
.bnjc-yofi-hours dd {
max-inline-size: 30ch;
}
.bnjc-y-path {
padding: 0 !important;
gap: 0 !important;
overflow: hidden;
--pad: clamp(20px, 2.4vw, 28px);
}
.bnjc-y-path > :not(.bnjc-y-photo) {
padding-inline: var(--pad);
}
.bnjc-y-path > h3.wp-block-heading {
padding-block-start: var(--pad);
}
.bnjc-y-path > h3 + p {
margin-block-start: 10px !important;
}
.bnjc-y-path > .bnjc-y-links {
margin-block: auto 0 !important;
padding-block: 16px var(--pad);
}
.bnjc-y-photo {
margin: 0 !important;
overflow: hidden;
}
.bnjc-y-photo img {
display: block;
inline-size: 100%;
block-size: auto;
object-fit: cover;
}
.bnjc-y-path .bnjc-y-photo img {
aspect-ratio: 3 / 2;
}
.bnjc-y-links {
list-style: none;
margin: 0;
padding: 0;
}
.bnjc-y-links li {
margin: 0;
padding: 0;
border-block-start: 1px solid color-mix(in srgb, var(--wp--preset--color--navy) 22%, transparent);
}
.bnjc-y-links a {
display: flex;
align-items: center;
min-block-size: 48px;
font-weight: 700;
color: var(--wp--preset--color--navy);
text-decoration: underline;
text-underline-offset: 4px;
text-decoration-thickness: 1.5px;
}
.bnjc-y-links a:hover {
background: var(--wp--custom--color--hover-wash, transparent);
}
.bnjc-y-links a:focus-visible,
.bnjc-y-tile h3 a:focus-visible {
outline: 3px solid var(--wp--preset--color--navy);
outline-offset: 2px;
}
.bnjc-y-tiles {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px 14px;
margin-block-start: clamp(20px, 2.6vw, 36px);
}
.bnjc-y-tile {
position: relative;
display: flex;
flex-direction: column;
gap: 6px;
min-inline-size: 0;
}
.bnjc-y-tile > * {
margin: 0 !important;
}
.bnjc-y-tile:last-child {
grid-column: 1 / -1;
}
.bnjc-y-tile .bnjc-y-photo {
border-radius: 2px;
margin-block-end: 6px !important;
}
.bnjc-y-tile .bnjc-y-photo img {
aspect-ratio: 4 / 5;
transition: transform 0.4s;
}
.bnjc-y-tile:last-child .bnjc-y-photo img {
aspect-ratio: 16 / 9;
}
.bnjc-y-tile--breakfast img { object-position: 50% 35%; }
.bnjc-y-tile--small img { object-position: 50% 45%; }
.bnjc-y-tile--laffa img { object-position: 92% 50%; }
.bnjc-y-tile--salads img { transform: scale(1.5); transform-origin: 30% 95%; }
.bnjc-y-tile--kids img { object-position: 50% 85%; }
.bnjc-y-tile h3.wp-block-heading {
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
letter-spacing: -0.01em;
line-height: 1.1;
}
.bnjc-y-tile h3 a {
color: var(--wp--preset--color--navy);
text-decoration: none;
}
.bnjc-y-tile h3 a::before {
content: "";
position: absolute;
inset: 0;
}
.bnjc-y-tile h3 a:hover {
text-decoration: underline;
text-underline-offset: 4px;
}
.bnjc-y-tile p {
font-size: var(--wp--preset--font-size--small);
line-height: 1.4;
color: var(--wp--preset--color--grey-700);
}
.bnjc-y-note {
max-inline-size: 70ch;
margin-block: 20px 0 !important;
}
.bnjc-y-food .bnjc-y-menus {
margin-block-start: 16px;
}
@media (min-width: 720px) {
.bnjc-y-tiles {
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 28px 20px;
}
.bnjc-y-tile {
grid-column: span 2;
}
.bnjc-y-tile:nth-child(n+4),
.bnjc-y-tile:last-child {
grid-column: span 3;
}
.bnjc-y-tile .bnjc-y-photo img,
.bnjc-y-tile:last-child .bnjc-y-photo img {
aspect-ratio: 4 / 3;
}
}
@media (min-width: 1100px) {
.bnjc-y-tiles {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.bnjc-y-tile,
.bnjc-y-tile:nth-child(n+4),
.bnjc-y-tile:last-child {
grid-column: span 1;
}
.bnjc-y-tile .bnjc-y-photo img,
.bnjc-y-tile:last-child .bnjc-y-photo img {
aspect-ratio: 4 / 5;
}
}
.bnjc-y-shabbat__cols {
gap: clamp(24px, 5vw, 72px);
margin: 0;
align-items: flex-start;
}
.bnjc-y-shabbat__cols h2.wp-block-heading {
font-size: clamp(var(--wp--preset--font-size--heading-l), 4.2vw, var(--wp--preset--font-size--display-m)) !important;
}
.bnjc-y-deadline {
display: flex;
flex-direction: column;
gap: 4px;
box-sizing: border-box;
margin-block-start: 24px !important;
padding: clamp(18px, 2.4vw, 28px);
background: var(--wp--preset--color--yofi-cream);
color: var(--wp--preset--color--yofi-slate);
border-radius: 2px;
}
.bnjc-y-deadline > * {
margin: 0 !important;
}
.bnjc-y-deadline__label {
font-size: var(--wp--preset--font-size--overline);
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.bnjc-y-deadline__big {
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
font-size: clamp(30px, 3.4vw, 44px);
line-height: 1.05;
letter-spacing: -0.01em;
}
.bnjc-y-deadline__small {
font-size: var(--wp--preset--font-size--medium);
}
.bnjc-shabbat-yofi .bnjc-y-packages {
display: grid;
gap: 14px;
margin-block: 0 !important;
}
.bnjc-shabbat-yofi .bnjc-y-package {
min-block-size: 88px;
justify-content: center;
}
.bnjc-y-note--dark {
margin-block-start: 20px !important;
color: var(--wp--preset--color--white);
}
.bnjc-y-note--dark a {
color: inherit;
}
.bnjc-y-facts {
margin-block-start: clamp(16px, 2vw, 28px);
}
.bnjc-y-fact {
gap: 8px;
padding: clamp(18px, 2vw, 24px);
}
.bnjc-y-fact h3.wp-block-heading {
font-size: var(--wp--preset--font-size--heading-m);
}
.bnjc-y-fact p {
font-size: var(--wp--preset--font-size--small);
line-height: 1.45;
}
.bnjc-y-know > h2.wp-block-heading {
margin-block-end: 0;
}
.bnjc-y-private {
align-items: stretch;
gap: clamp(24px, 5vw, 72px);
}
.bnjc-y-private__words > * {
margin: 0 !important;
}
.bnjc-y-private__words > * + * {
margin-block-start: 14px !important;
}
.bnjc-y-occasions {
display: flex;
flex-wrap: wrap;
gap: 10px;
list-style: none;
padding: 0 !important;
}
.bnjc-y-occasions li {
margin: 0;
padding: 8px 16px;
border: 1.5px solid var(--wp--preset--color--navy);
border-radius: 999px;
font-size: var(--wp--preset--font-size--small);
font-weight: 600;
color: var(--wp--preset--color--navy);
}
.bnjc-y-private__ask {
justify-content: center;
}
.bnjc-y-private__ask .wp-block-buttons {
margin-block-start: 8px !important;
}
.bnjc-y-reservebar {
display: none;
}
@media (max-width: 781px) {
.bnjc-y-reservebar {
position: fixed;
inset-inline: 0;
inset-block-end: 0;
z-index: 30;
display: flex;
gap: 10px;
box-sizing: border-box;
padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
background: var(--wp--preset--color--navy);
box-shadow: 0 -2px 14px color-mix(in srgb, var(--wp--preset--color--navy-darkest) 35%, transparent);
transition: transform 0.25s, visibility 0s;
}
.bnjc-y-reservebar.is-away {
transform: translateY(110%);
visibility: hidden;
transition: transform 0.25s, visibility 0s 0.25s;
}
.bnjc-y-reservebar a {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
min-block-size: 48px;
border-radius: 999px;
font-weight: 700;
text-decoration: none;
}
.bnjc-y-reservebar__main {
flex: 1;
background: var(--wp--preset--color--gold);
color: var(--wp--preset--color--navy-darkest);
}
.bnjc-y-reservebar__call {
padding-inline: 28px;
border: 1.5px solid var(--wp--preset--color--white);
color: var(--wp--preset--color--white);
}
.bnjc-y-reservebar a:focus-visible {
outline: 3px solid var(--wp--preset--color--white);
outline-offset: 2px;
}
}
@media (prefers-reduced-motion: reduce) {
.bnjc-y-reservebar,
.bnjc-y-reservebar.is-away,
.bnjc-y-tile .bnjc-y-photo img {
transition: none;
}
}
@media (max-width: 781px) {
.bnjc-y-reserve__cols,
.bnjc-y-shabbat__cols {
gap: 28px;
}
.bnjc-y-shabbat .wp-block-buttons,
.bnjc-shabbat-yofi .wp-block-buttons,
.bnjc-y-private__ask .wp-block-buttons,
.bnjc-yofi-hero .wp-block-buttons {
flex-direction: column;
align-items: stretch;
}
.bnjc-shabbat-yofi .wp-block-button__link,
.bnjc-y-private__ask .wp-block-button__link,
.bnjc-yofi-hero .wp-block-button__link {
width: 100%;
justify-content: center;
text-align: center;
}
.bnjc-yofi-hero .wp-block-button__link,
.bnjc-y-reserve .wp-block-button__link,
.bnjc-shabbat-yofi .wp-block-button__link,
.bnjc-y-private .wp-block-button__link {
min-block-size: 48px;
}
.bnjc-y-foot {
padding-block-end: 88px !important;
}
}
@media (max-width: 480px) {
.bnjc-yofi-hours > div {
flex-direction: column;
gap: 2px;
}
.bnjc-yofi-hours dd {
max-inline-size: none;
text-align: start;
}
}
.bnjc-y-tiles > *,
.bnjc-y-packages > *,
.bnjc-y-private > * {
margin: 0 !important;
}
.bnjc-y-photo--shabbat {
margin-block-end: 14px !important;
border-radius: 2px;
}
.bnjc-y-photo--shabbat img {
aspect-ratio: 16 / 7;
object-position: 50% 62%;
}
.bnjc-y-foot .bnjc-kashrut {
max-inline-size: 760px;
}