/*
Theme Name: St Johns Garden Centre
Theme URI: https://spectrelabs.dev
Author: Spectre Labs - Owen Keary
Author URI: https://spectrelabs.dev
*/

.navigation.pagination {
    grid-column: 1 / -1;
    text-align: center;
}
@font-face {
    font-family: "Geist Sans";
    src: url("/wp-content/themes/stjohns-wp/fonts/Geist-Regular.woff2");
}
*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
} /*
! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com
*/
*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb;
}
:after,
:before {
    --tw-content: "";
}
:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: "Geist Sans", ui-sans-serif, system-ui, sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
        "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
}
body {
    margin: 0;
    line-height: inherit;
}
hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
}
abbr:where([title]) {
    text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}
a {
    color: inherit;
    text-decoration: inherit;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
pre,
samp {
    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        Liberation Mono,
        Courier New,
        monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}
button,
select {
    text-transform: none;
}
button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}
:-moz-focusring {
    outline: auto;
}
:-moz-ui-invalid {
    box-shadow: none;
}
progress {
    vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
summary {
    display: list-item;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0;
}
fieldset {
    margin: 0;
}
fieldset,
legend {
    padding: 0;
}
menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
dialog {
    padding: 0;
}
textarea {
    resize: vertical;
}
input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af;
}
[role="button"],
button {
    cursor: pointer;
}
:disabled {
    cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle;
}
img,
video {
    max-width: 100%;
    height: auto;
}
[hidden] {
    display: none;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.fixed {
    position: fixed;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.-bottom-16 {
    bottom: -4rem;
}
.-bottom-24 {
    bottom: -6rem;
}
.-right-16 {
    right: -4rem;
}
.-right-24 {
    right: -6rem;
}
.-top-32 {
    top: -8rem;
}
.bottom-0 {
    bottom: 0;
}
.bottom-\[35\%\] {
    bottom: 35%;
}
.bottom-\[5\%\] {
    bottom: 5%;
}
.left-0 {
    left: 0;
}
.right-0 {
    right: 0;
}
.right-32 {
    right: 8rem;
}
.right-8 {
    right: 2rem;
}
.right-\[0\%\] {
    right: 0;
}
.right-\[20\%\] {
    right: 20%;
}
.top-0 {
    top: 0;
}
.top-32 {
    top: 8rem;
}
.top-7 {
    top: 1.75rem;
}
.top-8 {
    top: 2rem;
}
.isolate {
    isolation: isolate;
}
.z-10 {
    z-index: 10;
}
.z-20 {
    z-index: 20;
}
.col-span-2 {
    grid-column: span 2 / span 2;
}
.col-span-full {
    grid-column: 1/-1;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.my-4 {
    margin-top: 1rem;
}
.mb-4,
.my-4 {
    margin-bottom: 1rem;
}
.mb-8 {
    margin-bottom: 2rem;
}
.mt-1 {
    margin-top: 0.25rem;
}
.mt-10 {
    margin-top: 2.5rem;
}
.mt-12 {
    margin-top: 3rem;
}
.mt-2 {
    margin-top: 0.5rem;
}
.mt-3 {
    margin-top: 0.75rem;
}
.mt-4 {
    margin-top: 1rem;
}
.mt-6 {
    margin-top: 1.5rem;
}
.mt-8 {
    margin-top: 2rem;
}
.block {
    display: block;
}
.flex {
    display: flex;
}
.grid {
    display: grid;
}
.hidden {
    display: none;
}
.aspect-square {
    aspect-ratio: 1/1;
}
.size-10 {
    width: 2.5rem;
    height: 2.5rem;
}
.h-16 {
    height: 4rem;
}
.h-48 {
    height: 12rem;
}
.h-6 {
    height: 1.5rem;
}
.h-96 {
    height: 24rem;
}
.h-\[75vh\] {
    height: 75vh;
}
.h-auto {
    height: auto;
}
.h-full {
    height: 100%;
}
.h-screen {
    height: 100vh;
}
.min-h-full {
    min-height: 100%;
}
.min-h-screen {
    min-height: 100vh;
}
.w-1\/4 {
    width: 25%;
}
.w-16 {
    width: 4rem;
}
.w-6 {
    width: 1.5rem;
}
.w-96 {
    width: 24rem;
}
.w-\[35rem\] {
    width: 35rem;
}
.w-full {
    width: 100%;
}
.min-w-0 {
    min-width: 0;
}
.min-w-96 {
    min-width: 24rem;
}
.max-w-2xl {
    max-width: 42rem;
}
.max-w-32 {
    max-width: 8rem;
}
.max-w-7xl {
    max-width: 80rem;
}
.max-w-\[1280px\] {
    max-width: 1280px;
}
.max-w-lg {
    max-width: 32rem;
}
.max-w-xl {
    max-width: 36rem;
}
.flex-auto {
    flex: 1 1 auto;
}
.flex-none {
    flex: none;
}
.cursor-pointer {
    cursor: pointer;
}
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-row-reverse {
    flex-direction: row-reverse;
}
.flex-col {
    flex-direction: column;
}
.place-items-center {
    place-items: center;
}
.items-center {
    align-items: center;
}
.justify-end {
    justify-content: flex-end;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.justify-around {
    justify-content: space-around;
}
.gap-2 {
    gap: 0.5rem;
}
.gap-4 {
    gap: 1rem;
}
.gap-6 {
    gap: 1.5rem;
}
.gap-8 {
    gap: 2rem;
}
.gap-x-4 {
    column-gap: 1rem;
}
.gap-x-6 {
    column-gap: 1.5rem;
}
.space-x-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.overflow-hidden {
    overflow: hidden;
}
.text-balance {
    text-wrap: balance;
}
.text-pretty {
    text-wrap: pretty;
}
.rounded-md {
    border-radius: 0.375rem;
}
.border-0 {
    border-width: 0;
}
.border-t {
    border-top-width: 1px;
}
.border-gray-900\/10 {
    border-color: rgba(17, 24, 39, 0.1);
}
.bg-black\/75 {
    background-color: rgba(0, 0, 0, 0.75);
}
.bg-brand-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(74 92 83 / var(--tw-bg-opacity));
}
.bg-brand-dark\/85 {
    background-color: rgba(74, 92, 83, 0.85);
}
.bg-brand\/50 {
    background-color: rgba(102, 158, 132, 0.5);
}
.bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/5 {
    background-color: hsla(0, 0%, 100%, 0.05);
}
.bg-white\/85 {
    background-color: hsla(0, 0%, 100%, 0.85);
}
.object-cover {
    object-fit: cover;
}
.object-fill {
    object-fit: fill;
}
.p-3 {
    padding: 0.75rem;
}
.p-4 {
    padding: 1rem;
}
.p-6 {
    padding: 1.5rem;
}
.px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
}
.px-3\.5 {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.pb-2 {
    padding-bottom: 0.5rem;
}
.pt-1 {
    padding-top: 0.25rem;
}
.pt-32 {
    padding-top: 8rem;
}
.pt-8 {
    padding-top: 2rem;
}
.text-center {
    text-align: center;
}
.align-middle {
    vertical-align: middle;
}
.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}
.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}
.text-5xl {
    font-size: 3rem;
    line-height: 1;
}
.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}
.font-bold {
    font-weight: 700;
}
.font-medium {
    font-weight: 500;
}
.font-semibold {
    font-weight: 600;
}
.leading-5 {
    line-height: 1.25rem;
}
.leading-6 {
    line-height: 1.5rem;
}
.leading-8 {
    line-height: 2rem;
}
.leading-\[4rem\] {
    line-height: 4rem;
}
.tracking-tight {
    letter-spacing: -0.025em;
}
.text-brand {
    --tw-text-opacity: 1;
    color: rgb(102 158 132 / var(--tw-text-opacity));
}
.text-brand-dark {
    --tw-text-opacity: 1;
    color: rgb(74 92 83 / var(--tw-text-opacity));
}
.text-brand\/75 {
    color: rgba(102, 158, 132, 0.75);
}
.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
}
.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.opacity-75 {
    opacity: 0.75;
}
.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
}
.shadow-2xl,
.shadow-sm {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}
.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 8px 10px -6px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),
        0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
        var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
}
.ring-inset {
    --tw-ring-inset: inset;
}
.ring-gray-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
}
.ring-white\/10 {
    --tw-ring-color: hsla(0, 0%, 100%, 0.1);
}
.clip-blob-1 {
    clip-path: polygon(
        83.55% 13.05%,
        83.55% 13.05%,
        86.405% 16.383%,
        88.902% 20.078%,
        91.028% 24.083%,
        92.769% 28.345%,
        94.113% 32.813%,
        95.045% 37.433%,
        95.553% 42.154%,
        95.624% 46.924%,
        95.244% 51.69%,
        94.4% 56.4%,
        94.4% 56.4%,
        93.102% 61.02%,
        91.358% 65.504%,
        89.192% 69.826%,
        86.633% 73.96%,
        83.706% 77.881%,
        80.439% 81.564%,
        76.858% 84.983%,
        72.99% 88.112%,
        68.862% 90.926%,
        64.5% 93.4%,
        64.5% 93.4%,
        59.908% 95.51%,
        55.178% 97.237%,
        50.38% 98.56%,
        45.583% 99.458%,
        40.856% 99.913%,
        36.269% 99.902%,
        31.89% 99.405%,
        27.79% 98.403%,
        24.036% 96.875%,
        20.7% 94.8%,
        20.7% 94.8%,
        17.844% 92.186%,
        15.424% 89.071%,
        13.394% 85.523%,
        11.708% 81.61%,
        10.319% 77.4%,
        9.18% 72.962%,
        8.245% 68.365%,
        7.468% 63.677%,
        6.802% 58.966%,
        6.2% 54.3%,
        6.2% 54.3%,
        5.629% 49.741%,
        5.114% 45.31%,
        4.702% 41.021%,
        4.436% 36.884%,
        4.363% 32.913%,
        4.526% 29.118%,
        4.972% 25.513%,
        5.744% 22.108%,
        6.889% 18.917%,
        8.45% 15.95%,
        8.45% 15.95%,
        10.431% 13.238%,
        12.837% 10.774%,
        15.628% 8.559%,
        18.764% 6.594%,
        22.206% 4.881%,
        25.914% 3.422%,
        29.847% 2.218%,
        33.965% 1.27%,
        38.23% 0.58%,
        42.6% 0.15%,
        42.6% 0.15%,
        47.068% -0.013%,
        51.562% 0.109%,
        56.043% 0.53%,
        60.467% 1.264%,
        64.794% 2.325%,
        68.981% 3.728%,
        72.987% 5.488%,
        76.77% 7.619%,
        80.288% 10.135%,
        83.5% 13.05%,
        83.55% 13.05%
    );
}
.clip-blob-2 {
    clip-path: polygon(
        84.7% 5.85%,
        84.7% 5.85%,
        87.468% 8.335%,
        89.856% 11.269%,
        91.856% 14.577%,
        93.461% 18.184%,
        94.663% 22.013%,
        95.453% 25.988%,
        95.825% 30.036%,
        95.77% 34.079%,
        95.281% 38.042%,
        94.35% 41.85%,
        94.35% 41.85%,
        92.98% 45.447%,
        91.216% 48.852%,
        89.111% 52.1%,
        86.717% 55.227%,
        84.088% 58.269%,
        81.275% 61.261%,
        78.332% 64.24%,
        75.312% 67.24%,
        72.267% 70.299%,
        69.25% 73.45%,
        69.25% 73.45%,
        66.33% 76.711%,
        63.466% 80.023%,
        60.633% 83.314%,
        57.811% 86.508%,
        54.975% 89.531%,
        52.103% 92.31%,
        49.173% 94.771%,
        46.16% 96.839%,
        43.044% 98.44%,
        39.8% 99.5%,
        39.8% 99.5%,
        36.446% 99.948%,
        32.993% 99.823%,
        29.502% 99.169%,
        26.034% 98.03%,
        22.65% 96.45%,
        19.41% 94.474%,
        16.374% 92.147%,
        13.603% 89.513%,
        11.158% 86.616%,
        9.1% 83.5%,
        9.1% 83.5%,
        7.47% 80.207%,
        6.235% 76.762%,
        5.343% 73.18%,
        4.742% 69.481%,
        4.381% 65.681%,
        4.208% 61.799%,
        4.17% 57.852%,
        4.215% 53.858%,
        4.293% 49.835%,
        4.35% 45.8%,
        4.35% 45.8%,
        4.325% 41.759%,
        4.285% 37.759%,
        4.278% 33.835%,
        4.356% 30.022%,
        4.569% 26.356%,
        4.966% 22.872%,
        5.597% 19.604%,
        6.513% 16.587%,
        7.764% 13.858%,
        9.4% 11.45%,
        9.4% 11.45%,
        11.443% 9.373%,
        13.889% 7.618%,
        16.702% 6.151%,
        19.846% 4.938%,
        23.288% 3.944%,
        26.99% 3.134%,
        30.917% 2.474%,
        35.035% 1.93%,
        39.308% 1.467%,
        43.7% 1.05%,
        43.7% 1.05%,
        48.176% 0.657%,
        52.692% 0.321%,
        57.201% 0.094%,
        61.657% 0.028%,
        66.013% 0.175%,
        70.221% 0.586%,
        74.236% 1.312%,
        78.01% 2.405%,
        81.497% 3.917%,
        84.65% 5.9%,
        84.65% 5.9%
    );
}
.clip-blob-3 {
    clip-path: polygon(
        85.65% 18.05%,
        85.65% 18.05%,
        88.252% 21.107%,
        90.668% 24.359%,
        92.869% 27.788%,
        94.825% 31.38%,
        96.506% 35.119%,
        97.883% 38.988%,
        98.925% 42.971%,
        99.604% 47.053%,
        99.888% 51.218%,
        99.75% 55.45%,
        99.75% 55.45%,
        99.169% 59.741%,
        98.154% 64.036%,
        96.718% 68.287%,
        94.875% 72.451%,
        92.638% 76.481%,
        90.019% 80.333%,
        87.033% 83.961%,
        83.692% 87.32%,
        80.01% 90.365%,
        76% 93.05%,
        76% 93.05%,
        71.67% 95.304%,
        67.089% 97.139%,
        62.315% 98.543%,
        57.406% 99.504%,
        52.419% 100.013%,
        47.412% 100.056%,
        42.444% 99.622%,
        37.573% 98.701%,
        32.855% 97.281%,
        28.35% 95.35%,
        28.35% 95.35%,
        24.112% 92.892%,
        20.168% 89.962%,
        16.533% 86.61%,
        13.222% 82.885%,
        10.25% 78.838%,
        7.632% 74.517%,
        5.383% 69.973%,
        3.518% 65.256%,
        2.052% 60.415%,
        1% 55.5%,
        1% 55.5%,
        0.362% 50.547%,
        0.152% 45.615%,
        0.357% 40.747%,
        0.969% 35.986%,
        1.975% 31.375%,
        3.365% 26.956%,
        5.129% 22.771%,
        7.254% 18.863%,
        9.732% 15.275%,
        12.55% 12.05%,
        12.55% 12.05%,
        15.693% 9.238%,
        19.121% 6.826%,
        22.79% 4.799%,
        26.656% 3.147%,
        30.675% 1.856%,
        34.802% 0.915%,
        38.992% 0.311%,
        43.201% 0.032%,
        47.385% 0.066%,
        51.5% 0.4%,
        51.5% 0.4%,
        55.506% 1.006%,
        59.39% 1.89%,
        63.15% 3.044%,
        66.779% 4.46%,
        70.275% 6.131%,
        73.633% 8.05%,
        76.848% 10.209%,
        79.918% 12.6%,
        82.836% 15.216%,
        85.6% 18.05%,
        85.6% 18.05%
    );
}
.placeholder\:text-gray-400::placeholder {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
}
.hover\:bg-brand:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(102 158 132 / var(--tw-bg-opacity));
}
.hover\:bg-brand-dark:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(74 92 83 / var(--tw-bg-opacity));
}
.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.hover\:bg-indigo-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}
.hover\:text-brand:hover {
    --tw-text-opacity: 1;
    color: rgb(102 158 132 / var(--tw-text-opacity));
}
.hover\:text-gray-400:hover {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
}
.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:opacity-75:hover {
    opacity: 0.75;
}
.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
        var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-inset:focus {
    --tw-ring-inset: inset;
}
.focus\:ring-indigo-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity));
}
.focus\:ring-white:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}
.focus-visible\:outline:focus-visible {
    outline-style: solid;
}
.focus-visible\:outline-2:focus-visible {
    outline-width: 2px;
}
.focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
}
.focus-visible\:outline-indigo-600:focus-visible {
    outline-color: #4f46e5;
}
.focus-visible\:outline-white:focus-visible {
    outline-color: #fff;
}
.group:hover .group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 640px) {
    .sm\:mt-16 {
        margin-top: 4rem;
    }
    .sm\:mt-20 {
        margin-top: 5rem;
    }
    .sm\:px-24 {
        padding-left: 6rem;
        padding-right: 6rem;
    }
    .sm\:py-32 {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
    .sm\:pt-24 {
        padding-top: 6rem;
    }
    .sm\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .sm\:text-7xl {
        font-size: 4.5rem;
        line-height: 1;
    }
    .sm\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .sm\:text-xl\/8 {
        font-size: 1.25rem;
        line-height: 2rem;
    }
    .sm\:leading-6 {
        line-height: 1.5rem;
    }
}
@media (min-width: 768px) {
    .md\:absolute {
        position: absolute;
    }
    .md\:left-0 {
        left: 0;
    }
    .md\:right-auto {
        right: auto;
    }
    .md\:top-0 {
        top: 0;
    }
    .md\:col-span-3 {
        grid-column: span 3 / span 3;
    }
    .md\:ml-8 {
        margin-left: 2rem;
    }
    .md\:ml-auto {
        margin-left: auto;
    }
    .md\:mt-0 {
        margin-top: 0;
    }
    .md\:mt-16 {
        margin-top: 4rem;
    }
    .md\:block {
        display: block;
    }
    .md\:flex {
        display: flex;
    }
    .md\:grid {
        display: grid;
    }
    .md\:hidden {
        display: none;
    }
    .md\:h-96 {
        height: 24rem;
    }
    .md\:w-1\/3 {
        width: 33.333333%;
    }
    .md\:w-2\/3 {
        width: 66.666667%;
    }
    .md\:w-\[25\%\] {
        width: 25%;
    }
    .md\:w-auto {
        width: auto;
    }
    .md\:min-w-\[500px\] {
        min-width: 500px;
    }
    .md\:max-w-\[500px\] {
        max-width: 500px;
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .md\:justify-normal {
        justify-content: normal;
    }
    .md\:gap-8 {
        gap: 2rem;
    }
    .md\:p-8 {
        padding: 2rem;
    }
    .md\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .md\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .md\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .md\:text-left {
        text-align: left;
    }
    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    }
}
@media (min-width: 1024px) {
    .lg\:mt-24 {
        margin-top: 6rem;
    }
    .lg\:p-16 {
        padding: 4rem;
    }
    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .lg\:pt-32 {
        padding-top: 8rem;
    }
}
@media (min-width: 1280px) {
    .xl\:mt-0 {
        margin-top: 0;
    }
    .xl\:flex {
        display: flex;
    }
}
@media (min-width: 1536px) {
    .\32xl\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@font-face {
    font-family: __GeistSans_3a0388;
    src: url("/wp-content/themes/stjohns-wp/fonts/Geist-Regular.woff2") format("woff2");
    font-display: swap;
    font-weight: 100 900;
}
@font-face {
    font-family: __GeistSans_Fallback_3a0388;
    src: local("Arial");
    ascent-override: 85.83%;
    descent-override: 20.52%;
    line-gap-override: 9.33%;
    size-adjust: 107.19%;
}
.__className_3a0388 {
    font-family: __GeistSans_3a0388, __GeistSans_Fallback_3a0388;
}
.__variable_3a0388 {
    --font-geist-sans: "__GeistSans_3a0388", "__GeistSans_Fallback_3a0388";
}
.capitalize {
	text-transform: capitalize;
}

.wsig {
    max-width: 82ch;
    margin: 0 auto;
}

.wsig h1 {
	font-size: 3em;
	font-weight: bold;
}
.wsig h2 {
	font-size: 2em;
	font-weight: bold;
}
.wsig h3 {
	font-size: 1.5em;
}

.wsig ol,
.wsig ul {
	list-style: unset;
	margin: unset;
	padding: unset;
}

.wsig p {
    padding: 0.25em 0;
}

.wsig img {
	margin: 1em 0;
}