/* ----------------------------------------------------------------------------
main.less
LESS Styles for Judah1
---------------------------------------------------------------------------- */
:root {
  /*
    Olive
        #849324
        oklch(0.6306 0.1319 117.15)

    Steel Blue
        #457AB7
        oklch(0.5707 0.1106 253.21)
        
    Oxford Navy
        #1B355D
        oklch(0.3306 0.078 258.77)

    Intense Cherry
        #AD343E
        oklch(0.5082 0.1565 20.19)
        
    Sunflower Gold
        #F2AF29
        oklch(0.7972 0.1556 78.83)


*/
  --color-Olive: 0.6306 0.1319 117.15;
  --color-SteelBlue: 0.5707 0.1106 253.21;
  --color-OxfordNavy: 0.3306 0.078 258.77;
  --color-IntenseCherry: 0.5082 0.1565 20.19;
  --color-SunflowerGold: 0.7972 0.1556 78.83;
}
/*-----------------------------------------------------------------------------
Gradients used in cards (and other places).
-----------------------------------------------------------------------------*/
/*---------------------------------------------------------
Gradient Card Mixins
---------------------------------------------------------*/
/*---------------------------------------------------------
New Definitions
---------------------------------------------------------*/
.j1-gold-card-hard {
  background: linear-gradient(180deg, color-mix(in oklch, oklch(var(--color-SunflowerGold)), white 35%), color-mix(in oklch, oklch(var(--color-SunflowerGold)), white 55%));
  border: 1px solid color-mix(in oklch, oklch(var(--color-SunflowerGold)), white 10%);
  color: color-mix(in oklch, oklch(var(--color-SunflowerGold)), black 65%);
}
.j1-gold-card-norm {
  background: linear-gradient(180deg, color-mix(in oklch, oklch(var(--color-SunflowerGold)), white 55%), color-mix(in oklch, oklch(var(--color-SunflowerGold)), white 75%));
  border: 1px solid color-mix(in oklch, oklch(var(--color-SunflowerGold)), white 28%);
  color: color-mix(in oklch, oklch(var(--color-SunflowerGold)), black 68%);
}
.j1-gold-card-pale {
  background: linear-gradient(180deg, color-mix(in oklch, oklch(var(--color-SunflowerGold)), white 72%), color-mix(in oklch, oklch(var(--color-SunflowerGold)), white 88%));
  border: 1px solid color-mix(in oklch, oklch(var(--color-SunflowerGold)), white 42%);
  color: color-mix(in oklch, oklch(var(--color-SunflowerGold)), black 72%);
}
.j1-gold-card-tint {
  background: linear-gradient(180deg, color-mix(in oklch, oklch(var(--color-SunflowerGold)), white 82%), color-mix(in oklch, oklch(var(--color-SunflowerGold)), white 94%));
  border: 1px solid color-mix(in oklch, oklch(var(--color-SunflowerGold)), white 52%);
  color: color-mix(in oklch, oklch(var(--color-SunflowerGold)), black 75%);
}
.j1-green-card-hard {
  background: linear-gradient(180deg, color-mix(in oklch, oklch(var(--color-Olive)), white 35%), color-mix(in oklch, oklch(var(--color-Olive)), white 55%));
  border: 1px solid color-mix(in oklch, oklch(var(--color-Olive)), white 10%);
  color: color-mix(in oklch, oklch(var(--color-Olive)), black 65%);
}
.j1-green-card-norm {
  background: linear-gradient(180deg, color-mix(in oklch, oklch(var(--color-Olive)), white 55%), color-mix(in oklch, oklch(var(--color-Olive)), white 75%));
  border: 1px solid color-mix(in oklch, oklch(var(--color-Olive)), white 28%);
  color: color-mix(in oklch, oklch(var(--color-Olive)), black 68%);
}
.j1-green-card-pale {
  background: linear-gradient(180deg, color-mix(in oklch, oklch(var(--color-Olive)), white 72%), color-mix(in oklch, oklch(var(--color-Olive)), white 88%));
  border: 1px solid color-mix(in oklch, oklch(var(--color-Olive)), white 42%);
  color: color-mix(in oklch, oklch(var(--color-Olive)), black 72%);
}
.j1-green-card-tint {
  background: linear-gradient(180deg, color-mix(in oklch, oklch(var(--color-Olive)), white 82%), color-mix(in oklch, oklch(var(--color-Olive)), white 94%));
  border: 1px solid color-mix(in oklch, oklch(var(--color-Olive)), white 52%);
  color: color-mix(in oklch, oklch(var(--color-Olive)), black 75%);
}
.j1-blue-card-hard {
  background: linear-gradient(180deg, color-mix(in oklch, oklch(var(--color-SteelBlue)), white 35%), color-mix(in oklch, oklch(var(--color-SteelBlue)), white 55%));
  border: 1px solid color-mix(in oklch, oklch(var(--color-SteelBlue)), white 10%);
  color: color-mix(in oklch, oklch(var(--color-SteelBlue)), black 65%);
}
.j1-blue-card-norm {
  background: linear-gradient(180deg, color-mix(in oklch, oklch(var(--color-SteelBlue)), white 55%), color-mix(in oklch, oklch(var(--color-SteelBlue)), white 75%));
  border: 1px solid color-mix(in oklch, oklch(var(--color-SteelBlue)), white 28%);
  color: color-mix(in oklch, oklch(var(--color-SteelBlue)), black 68%);
}
.j1-blue-card-pale {
  background: linear-gradient(180deg, color-mix(in oklch, oklch(var(--color-SteelBlue)), white 72%), color-mix(in oklch, oklch(var(--color-SteelBlue)), white 88%));
  border: 1px solid color-mix(in oklch, oklch(var(--color-SteelBlue)), white 42%);
  color: color-mix(in oklch, oklch(var(--color-SteelBlue)), black 72%);
}
.j1-blue-card-tint {
  background: linear-gradient(180deg, color-mix(in oklch, oklch(var(--color-SteelBlue)), white 82%), color-mix(in oklch, oklch(var(--color-SteelBlue)), white 94%));
  border: 1px solid color-mix(in oklch, oklch(var(--color-SteelBlue)), white 52%);
  color: color-mix(in oklch, oklch(var(--color-SteelBlue)), black 75%);
}
.j1-navy-card-hard {
  background: linear-gradient(180deg, color-mix(in oklch, oklch(var(--color-OxfordNavy)), white 35%), color-mix(in oklch, oklch(var(--color-OxfordNavy)), white 55%));
  border: 1px solid color-mix(in oklch, oklch(var(--color-OxfordNavy)), white 10%);
  color: color-mix(in oklch, oklch(var(--color-OxfordNavy)), black 65%);
}
.j1-navy-card-norm {
  background: linear-gradient(180deg, color-mix(in oklch, oklch(var(--color-OxfordNavy)), white 55%), color-mix(in oklch, oklch(var(--color-OxfordNavy)), white 75%));
  border: 1px solid color-mix(in oklch, oklch(var(--color-OxfordNavy)), white 28%);
  color: color-mix(in oklch, oklch(var(--color-OxfordNavy)), black 68%);
}
.j1-navy-card-pale {
  background: linear-gradient(180deg, color-mix(in oklch, oklch(var(--color-OxfordNavy)), white 72%), color-mix(in oklch, oklch(var(--color-OxfordNavy)), white 88%));
  border: 1px solid color-mix(in oklch, oklch(var(--color-OxfordNavy)), white 42%);
  color: color-mix(in oklch, oklch(var(--color-OxfordNavy)), black 72%);
}
.j1-navy-card-tint {
  background: linear-gradient(180deg, color-mix(in oklch, oklch(var(--color-OxfordNavy)), white 82%), color-mix(in oklch, oklch(var(--color-OxfordNavy)), white 94%));
  border: 1px solid color-mix(in oklch, oklch(var(--color-OxfordNavy)), white 52%);
  color: color-mix(in oklch, oklch(var(--color-OxfordNavy)), black 75%);
}
.j1-cherry-card-hard {
  background: linear-gradient(180deg, color-mix(in oklch, oklch(var(--color-IntenseCherry)), white 35%), color-mix(in oklch, oklch(var(--color-IntenseCherry)), white 55%));
  border: 1px solid color-mix(in oklch, oklch(var(--color-IntenseCherry)), white 10%);
  color: color-mix(in oklch, oklch(var(--color-IntenseCherry)), black 65%);
}
.j1-cherry-card-norm {
  background: linear-gradient(180deg, color-mix(in oklch, oklch(var(--color-IntenseCherry)), white 55%), color-mix(in oklch, oklch(var(--color-IntenseCherry)), white 75%));
  border: 1px solid color-mix(in oklch, oklch(var(--color-IntenseCherry)), white 28%);
  color: color-mix(in oklch, oklch(var(--color-IntenseCherry)), black 68%);
}
.j1-cherry-card-pale {
  background: linear-gradient(180deg, color-mix(in oklch, oklch(var(--color-IntenseCherry)), white 72%), color-mix(in oklch, oklch(var(--color-IntenseCherry)), white 88%));
  border: 1px solid color-mix(in oklch, oklch(var(--color-IntenseCherry)), white 42%);
  color: color-mix(in oklch, oklch(var(--color-IntenseCherry)), black 72%);
}
.j1-cherry-card-tint {
  background: linear-gradient(180deg, color-mix(in oklch, oklch(var(--color-IntenseCherry)), white 82%), color-mix(in oklch, oklch(var(--color-IntenseCherry)), white 94%));
  border: 1px solid color-mix(in oklch, oklch(var(--color-IntenseCherry)), white 52%);
  color: color-mix(in oklch, oklch(var(--color-IntenseCherry)), black 75%);
}
.j1-lgray-card {
  background: linear-gradient(180deg, var(--bs-gray-300) 0%, var(--bs-gray-200) 100%);
}
.j1-gray-card {
  background: linear-gradient(180deg, var(--bs-gray-400) 0%, var(--bs-gray-300) 100%);
}
.j1-dgray-card {
  background: linear-gradient(180deg, var(--bs-gray-500) 0%, var(--bs-gray-400) 100%);
}
.j1-ddgray-card {
  background: linear-gradient(180deg, var(--bs-gray-800) 0%, var(--bs-gray-700) 100%);
}
/*---------------------------------------------------------
Defunct Definitions
---------------------------------------------------------*/
/*
.j1-gold-card {
    background: linear-gradient(
        180deg,
        oklch(var(--color-SunflowerGold) / 0.50) 0%,
        oklch(var(--color-SunflowerGold) / 0.25) 100%);
}

.j1-lgold-card {
    background: linear-gradient(
        180deg,
        oklch(var(--color-SunflowerGold) / 0.30) 0%,
        oklch(var(--color-SunflowerGold) / 0.10) 100%);
}

.j1-llgold-card {
    background: linear-gradient(
        180deg,
        oklch(var(--color-SunflowerGold) / 0.15) 0%,
        oklch(var(--color-SunflowerGold) / 0.05) 100%);
}

.j1-green-card {
    background: linear-gradient(
        180deg,
        oklch(var(--color-Olive) / 0.30) 0%,
        oklch(var(--color-Olive) / 0.10) 100%);
}

.j1-lblue-card {
    background: linear-gradient(
        180deg,
        oklch(var(--color-SteelBlue) / 0.30) 0%,
        oklch(var(--color-SteelBlue) / 0.10) 100%);
}

.j1-dblue-card {
    background: linear-gradient(
        180deg,
        oklch(var(--color-OxfordNavy) / 0.30) 0%,
        oklch(var(--color-OxfordNavy) / 0.10) 100%);
}

.j1-cherry-card {
    background: linear-gradient(
        180deg,
        oklch(var(--color-IntenseCherry) / 0.30) 0%,
        oklch(var(--color-IntenseCherry) / 0.10) 100%);
}
*/
/* Slightly roomier hero on large screens */
@media (min-width: 992px) {
  .py-lg-7 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
html {
  overflow-y: scroll;
}
/* === base/_typography.less === */
body.j1-main {
  font-family: "Merriweather", serif;
}
body.j1-main .h1,
body.j1-main .h2,
body.j1-main .h3,
body.j1-main .h4,
body.j1-main .h5,
body.j1-main .h6,
body.j1-main h1,
body.j1-main h2,
body.j1-main h3,
body.j1-main h4,
body.j1-main h5,
body.j1-main h6 {
  font-family: "Montserrat", sans-serif;
}
main .h1,
main .h2,
main .h3,
main .h4,
main .h5,
main .h6,
main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
}
main .lead {
  font-size: 1.5rem;
}
main a {
  text-decoration: none;
}
main .j1-pretty {
  text-wrap: pretty;
}
main .j1-balance {
  text-wrap: balance;
}
/*
h1 {
    font-size: clamp(2rem, 1.5rem + 2vw, 3rem);
    font-weight: 700;
    margin-block: var(--space-4) var(--space-2);
}

h2 {
    font-size: clamp(1.5rem, 1.25rem + 1vw, 2.25rem);
    font-weight: 650;
    margin-block: var(--space-4) var(--space-2);
}

h3 {
    font-size: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);
    font-weight: 600;
    margin-block: var(--space-3) var(--space-2);
}

p {
    font-size: 1rem;
    margin-block: 0 var(--space-3);
    color: var(--color-text);
}

small {
    color: var(--color-text-muted);
}

a {
    color: var(--color-primary);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

code, pre {
    font-family: var(--font-mono);
}

*/
/* === layout/_header.less === */
header.j1 {
  font-family: "Montserrat", sans-serif;
}
/*
header.site-header {
    background: var(--color-primary);
    color: white;
    padding-block: var(--space-3);
}

header.site-header .inner {
    .container();
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
}
*/
body.j1-dev header .navbar {
  background: blue !important;
}
body.j1-stg header .navbar {
  background: orangered !important;
}
body.j1-adm header .navbar {
  background: red !important;
}
footer.j1 {
  font-family: "Montserrat", sans-serif;
}
footer.j1 #j1-footer-logo {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}
footer {
  flex-shrink: 0;
}
:target {
  scroll-margin-top: 72px;
}
html {
  height: 100%;
}
body {
  height: 100%;
  display: flex;
  flex-direction: column;
}
main {
  flex: 1 0 auto;
  font-size: 1.1rem;
}
main article section {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
main article section blockquote {
  padding-left: 5rem;
  padding-right: 5rem;
}
main article section blockquote .blockquote-footer {
  margin-top: -0.25rem !important;
}
main article section > :first-child {
  margin-top: 0;
}
main article section > :last-child {
  margin-bottom: 0;
}
main article.j1-default {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
main article.j1-home {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.nav-scroll {
  overflow-x: auto;
  white-space: nowrap;
}
.j1-back-next {
  margin-top: 4rem;
}
.j1-imgmodal {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  background: rgba(0, 0, 0, 0.75);
  z-index: 2000;
  cursor: zoom-out;
}
.j1-imgmodal.is-open {
  display: flex;
}
.j1-imgmodal img {
  max-width: min(100%, 1000px);
  max-height: 90vh;
  border-radius: 0.5rem;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
  pointer-events: none;
  /* so click closes even on the image */
}
/* Prevent native image dragging/selection in sortable tables */
.j1-thumb {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}
.accordion .accordion-header {
  margin-top: 0;
  margin-bottom: 0;
}
.accordion .accordion-button {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--bs-accordion-btn-color);
  background: #f0f0f0;
  outline: none;
  box-shadow: none;
}
.accordion .accordion-button:not(.collapsed) {
  color: var(--bs-accordion-btn-color);
  background: #c0c0c0;
}
.accordion .accordion-collapse {
  font-size: 1rem;
}
.accordion .accordion-body {
  background-color: #e0e0e0;
}
/* === components/_buttons.less === */
.btn {
  font-family: "Montserrat", sans-serif;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}
/*---------------------------------------------------------
Yellow CTA cards at the bottom of many pages.
---------------------------------------------------------*/
.j1-action-cards {
  margin-top: 6rem !important;
  margin-bottom: 3rem !important;
}
.j1-action-cards .card {
  background: linear-gradient(180deg, color-mix(in oklch, oklch(var(--color-SunflowerGold)), white 60%), color-mix(in oklch, oklch(var(--color-SunflowerGold)), white 85%));
  border: 1px solid color-mix(in oklch, oklch(var(--color-SunflowerGold)), white 30%);
}
/*---------------------------------------------------------
Setup the body, title, and text for all cards.
---------------------------------------------------------*/
.card .card-body {
  font-family: "Montserrat", sans-serif;
}
.card .card-title {
  font-weight: 600;
}
.card .card-text {
  font-size: 85%;
}
.j1-form {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.j1-form .card {
  border: 1px solid oklch(var(--color-SunflowerGold)/0.75);
}
.j1-form .form-label {
  margin-bottom: 0 !important;
  font-size: 70%;
  color: #333;
}
.j1-form .j1-dirty-icon {
  color: oklch(var(--color-SunflowerGold));
}
.j1-form .form-control,
.j1-form .form-select,
.j1-form .form-check-input,
.j1-form .j1-tag-box {
  border: 2px solid oklch(var(--color-SunflowerGold)/0.4) !important;
}
.j1-form .form-control:focus,
.j1-form .form-select:focus,
.j1-form .form-check-input:focus,
.j1-form .j1-tag-box:focus-within {
  outline: none;
  box-shadow: none;
  border: 2px solid oklch(var(--color-SunflowerGold)) !important;
}
.j1-form .j1-lock-group .form-control,
.j1-form .j1-lock-group .form-select,
.j1-form .j1-lock-group .form-check-input,
.j1-form .j1-lock-group .j1-tag-box,
.j1-form .j1-lock-group .form-control:focus,
.j1-form .j1-lock-group .form-select:focus,
.j1-form .j1-lock-group .form-check-input:focus,
.j1-form .j1-lock-group .j1-tag-box:focus-within {
  border: 2px solid var(--bs-info) !important;
}
.j1-form .j1-private .j1-dirty-icon {
  color: oklch(var(--color-IntenseCherry));
}
.j1-form .j1-private .form-control,
.j1-form .j1-private .form-select,
.j1-form .j1-private .form-check-input,
.j1-form .j1-private .j1-tag-box {
  border: 2px solid oklch(var(--color-IntenseCherry)/0.4) !important;
}
.j1-form .j1-private .form-control:focus,
.j1-form .j1-private .form-select:focus,
.j1-form .j1-private .form-check-input:focus,
.j1-form .j1-private .j1-tag-box:focus-within {
  border: 2px solid oklch(var(--color-IntenseCherry)) !important;
}
.j1-form .form-check-input {
  width: 1.25em;
  height: 1.25em;
  margin-top: 0.125em;
  margin-right: 0.75em;
}
.j1-form .form-check-input:checked {
  background-color: oklch(var(--color-SunflowerGold)/0.9);
}
.j1-form .form-check-label {
  width: 95%;
}
.j1-form .j1-changed {
  border-color: var(--bs-warning) !important;
  background-color: rgba(var(--bs-warning-rgb), 0.07);
}
.j1-form .j1-form-bg {
  background: linear-gradient(180deg, oklch(var(--color-SunflowerGold)/0.25) 0%, oklch(var(--color-SunflowerGold)/0.15) 100%);
}
.j1-form label.j1-required::after {
  content: " (required)";
}
.j1-form .form-control[readonly] {
  cursor: not-allowed;
}
.modal-dialog .modal-title {
  margin-top: 0 !important;
}
.modal-dialog .modal-body .form-group {
  margin-bottom: 1rem;
}
.modal-dialog .modal-body .note-form-label {
  font-size: 80%;
}
.modal-dialog .modal-footer {
  margin-top: 1rem;
}
/*
.modal[open] {
    display: flex;
}

.modal__dialog {
    .card-surface();
    .rounded(var(--radius-xl));
    padding: var(--space-6);
    max-width: 42rem;
    width: calc(100% - 2*var(--space-4));
    box-shadow: var(--shadow-2);
}
*/
/* ----------------------------------------------------------------------------
_gallery.less
LESS Styles for Image Galleries
---------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------
Image Grid
---------------------------------------------------------------------------- */
.j1-image-grid {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* Center the last row */
  gap: 1rem;
}
.j1-image-grid img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  cursor: pointer;
  border-radius: 4px;
  flex: 0 0 160px;
  /* base width = 160px */
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}
.j1-image-grid-circle img {
  border-radius: 50%;
  border: 2px solid #999;
}
/* ----------------------------------------------------------------------------
Image Carousel
---------------------------------------------------------------------------- */
.j1-image-carousel {
  margin: 0;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  min-height: 200px;
}
.j1-image-carousel img {
  display: none;
  width: 100%;
  height: auto;
  object-fit: cover;
  cursor: pointer;
  border-radius: 4px;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}
.j1-image-carousel img.j1-active {
  display: block;
}
.j1-carousel-nav:focus {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
.j1-carousel-nav--prev {
  left: 0.5rem;
}
.j1-carousel-nav--next {
  right: 0.5rem;
}
/* ----------------------------------------------------------------------------
Image Masonry
---------------------------------------------------------------------------- */
.j1-image-masonry {
  margin: 0;
  column-count: 3;
  column-gap: 1rem;
}
.j1-image-masonry img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  cursor: pointer;
  border-radius: 4px;
  margin-bottom: 1rem;
  break-inside: avoid;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}
@media (max-width: 992px) {
  .j-_image-masonry {
    column-count: 2;
  }
}
@media (max-width: 576px) {
  .j1-image-masonry {
    column-count: 1;
  }
}
/* ----------------------------------------------------------------------------
---------------------------------------------------------------------------- */
.j1-hero-image {
  margin-bottom: 1.25rem;
}
.j1-hero-image .j1-hero-frame {
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
}
.j1-hero-image picture,
.j1-hero-image img {
  display: block;
  width: 100%;
}
/* optional fixed hero height */
.j1-hero-image img {
  height: auto;
}
/* gradient overlay */
.j1-hero-image .j1-hero-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.2) 55%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}
/* title positioning */
.j1-hero-image .j1-hero-title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2%;
  transform: translateY(-33%);
  text-align: center;
  padding: 0 1rem;
  color: white;
  z-index: 2;
}
.j1-hero-image .j1-hero-h1 {
  margin: 0;
  font-weight: 700;
  font-size: clamp(1.6rem, 3vw, 3rem);
  color: white;
  text-shadow: 2px 2px 5px black;
}
.j1-strip {
  height: 165px;
  border: 3px solid oklch(var(--color-Olive) / 0.4);
  background: linear-gradient(90deg, oklch(var(--color-Olive) / 0.2) 0%, oklch(var(--color-Olive) / 0.1) 100%);
}
.j1-strip a {
  color: inherit;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}
.j1-strip .j1-strip-img {
  width: clamp(100px, 18vw, 200px);
  height: 100%;
  object-fit: cover;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}
.j1-strip .j1-strip-text h3 {
  font-size: clamp(1.3rem, 1.5vw, 1.8rem);
}
.j1-strip .j1-strip-text p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  word-break: break-word;
}
@media (min-width: 768px) {
  .j1-strip .j1-strip-text p {
    -webkit-line-clamp: 3;
  }
}
.j1-strip:hover {
  background: linear-gradient(90deg, oklch(var(--color-Olive) / 0.3) 0%, oklch(var(--color-Olive) / 0.15) 100%);
}
.j1-strip > a > div:first-child {
  border-inline-end: 3px solid oklch(var(--color-Olive) / 0.4);
}
.j1-strip > a > div:last-child:has(img) {
  border-inline-start: 3px solid oklch(var(--color-Olive) / 0.4);
}
.j1-strip2 {
  height: 160px;
  border: 3px solid oklch(var(--color-SteelBlue) / 0.4);
  background: linear-gradient(90deg, oklch(var(--color-SteelBlue) / 0.2) 0%, oklch(var(--color-SteelBlue) / 0.1) 100%);
}
.j1-strip2 a {
  color: inherit;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}
.j1-strip2 .j1-strip-text p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  word-break: break-word;
}
@media (min-width: 768px) {
  .j1-strip2 .j1-strip-text p {
    -webkit-line-clamp: 3;
  }
}
.j1-strip2:hover {
  background: linear-gradient(90deg, oklch(var(--color-SteelBlue) / 0.3) 0%, oklch(var(--color-SteelBlue) / 0.15) 100%);
}
body.j1-adm .j1-todo {
  color: red;
}
body.j1-main .j1-snippet.j1-hide {
  display: none;
}
body.j1-main .j1-tagged-image.j1-hide {
  display: none;
}
body.j1-main .j1-time-ago.j1-hide {
  display: none;
}
/* -------------------------------------------------------
------------------------------------------------------- */
.j1-tag-selector {
  /* Give rows a little breathing room */
  /* Subtle divider instead of heavy border */
  /* Left column */
}
.j1-tag-selector .j1-tag-box {
  background: #fafbfc;
}
.j1-tag-selector .j1-tag-row {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}
.j1-tag-selector .j1-tag-row.border-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.j1-tag-selector .j1-tag-type {
  min-width: 160px;
  line-height: 1.2;
  /* Article scope line */
}
.j1-tag-selector .j1-tag-type .small {
  opacity: 0.75;
}
.j1-tag-selector .j1-tag-pills,
.j1-lister .j1-tag-pills {
  flex: 1;
  max-height: 4.8rem;
  overflow-y: auto;
  /* Hover state for unselected pills */
}
.j1-tag-selector .j1-tag-pills .j1-tag-pill,
.j1-lister .j1-tag-pills .j1-tag-pill {
  border: 1px solid var(--bs-success);
  background-color: var(--bs-success20);
  color: var(--bs-body-color);
  padding: 0.2rem 0.55rem;
  font-size: 0.8rem;
  line-height: 1.1;
}
.j1-tag-selector .j1-tag-pills .j1-tag-pill.active,
.j1-lister .j1-tag-pills .j1-tag-pill.active {
  color: var(--bs-btn-active-color, #fff);
  background-color: var(--bs-success);
  border-color: var(--bs-success);
}
.j1-tag-selector .j1-tag-pills .j1-tag-pill.active.btn.disabled,
.j1-lister .j1-tag-pills .j1-tag-pill.active.btn.disabled,
.j1-tag-selector .j1-tag-pills .j1-tag-pill.active.btn:disabled,
.j1-lister .j1-tag-pills .j1-tag-pill.active.btn:disabled {
  opacity: inherit;
}
.j1-tag-selector .j1-tag-pills .j1-tag-pill:not(.active):hover,
.j1-lister .j1-tag-pills .j1-tag-pill:not(.active):hover {
  background-color: var(--bs-success40);
}
.j1-tag-selector .j1-tag-pills .j1-tag-pill,
.j1-lister .j1-tag-pills .j1-tag-pill {
  transition: background-color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
}
article.j1-home .container-xxxl {
  width: 100%;
  max-width: 2400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--bs-gutter-x, 1rem);
  padding-right: var(--bs-gutter-x, 1rem);
}
article.j1-home .btn-xl {
  padding: 0.85em 3.75em;
  font-size: clamp(1.1rem, 1.8vw, 1.6rem);
  font-weight: 600;
  letter-spacing: 0.02em;
  border-radius: 60px;
}
@media (max-width: 992px) {
  article.j1-home .btn-xl {
    padding: 0.55em 3em;
  }
}
@media (max-width: 768px) {
  article.j1-home .btn-xl {
    padding: 0.35em 1.75em;
  }
}
article.j1-home .light-shadow {
  text-shadow: 0 0 8px #ffffff;
}
article.j1-home .dark-shadow {
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.75);
}
article.j1-home .j1-home-main-hero .j1-hero-logo {
  width: clamp(140px, 25vw, 300px);
  height: auto;
}
article.j1-home .j1-home-main-hero .hero-frame,
article.j1-home .j1-home-sub-hero .hero-frame {
  height: 800px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  article.j1-home .j1-home-main-hero .hero-frame,
  article.j1-home .j1-home-sub-hero .hero-frame {
    height: 520px;
  }
}
@media (max-width: 768px) {
  article.j1-home .j1-home-main-hero .hero-frame,
  article.j1-home .j1-home-sub-hero .hero-frame {
    height: 300px;
  }
}
article.j1-home .j1-home-main-hero .hero-img,
article.j1-home .j1-home-sub-hero .hero-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
article.j1-home .j1-home-main-hero .hero-overlay .j1-hero-title,
article.j1-home .j1-home-sub-hero .hero-overlay .j1-hero-title {
  font-size: clamp(3.5rem, 3.5vw, 5rem);
  line-height: 1.05;
  letter-spacing: -0.02em;
  font-style: italic;
}
@media (max-width: 1200px) {
  article.j1-home .j1-home-main-hero .hero-overlay .j1-hero-title,
  article.j1-home .j1-home-sub-hero .hero-overlay .j1-hero-title {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
  }
}
@media (max-width: 768px) {
  article.j1-home .j1-home-main-hero .hero-overlay .j1-hero-title,
  article.j1-home .j1-home-sub-hero .hero-overlay .j1-hero-title {
    font-size: clamp(1.5rem, 5vw, 2.5rem);
  }
}
article.j1-home .j1-home-main-hero .hero-overlay .j1-hero-subtitle,
article.j1-home .j1-home-sub-hero .hero-overlay .j1-hero-subtitle {
  font-style: italic;
  font-size: clamp(1rem, 3.6rem, 2.25rem);
  line-height: 1.2;
  opacity: 0.95;
}
article.j1-home .j1-home-sub-hero .j1-hero-title {
  font-size: clamp(1.75rem, 2.8vw, 3.75rem);
  letter-spacing: -0.02em;
  line-height: 1.25;
}
article.j1-home .j1-home-sub-hero .j1-hero-subtitle {
  font-size: clamp(1rem, 2.8vw, 2.25rem);
  letter-spacing: 0.04em;
  line-height: 1.35;
}
article.j1-home .j1-home-whois .j1-whois-wrapper .j1-whois-title {
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.25;
  font-size: clamp(2.25rem, 2.5vw, 2.75rem);
  margin-top: 0;
}
@media (max-width: 992px) {
  article.j1-home .j1-home-whois .j1-whois-wrapper .j1-whois-title {
    font-size: clamp(1.65rem, 4vw, 2.25rem);
  }
}
article.j1-home .j1-home-whois .j1-whois-wrapper .j1-whois-lead {
  font-size: clamp(1.5rem, 1.75vw, 2rem);
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.75);
  font-weight: 100;
  letter-spacing: 0.04em;
}
@media (max-width: 992px) {
  article.j1-home .j1-home-whois .j1-whois-wrapper .j1-whois-lead {
    font-size: clamp(1.1rem, 2.7vw, 1.5rem);
  }
}
article.j1-home .j1-home-whois .j1-whois-wrapper.j1-ddgray-card .j1-whois-title {
  color: #EEE;
}
article.j1-home .j1-home-whois .j1-whois-wrapper.j1-ddgray-card .j1-whois-lead {
  color: #CCC;
}
article.j1-home .j1-home-missions .j1-tagged-image {
  position: relative;
}
article.j1-home .j1-home-missions .j1-tagged-image::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 20%;
  background: linear-gradient(to top, rgba(255, 255, 255, 0.6), transparent);
  pointer-events: none;
}
article.j1-home .j1-home-missions .j1-mission-title {
  font-size: clamp(1.3rem, 1.7vw, 2.25rem);
  font-weight: 600;
  line-height: 1.2;
}
article.j1-home .j1-home-missions .btn {
  border-radius: 60px;
  padding: 0.85em 2.75em;
}
@media (max-width: 1200px) {
  article.j1-home .j1-home-missions .btn {
    padding: 0.55em 1.85em;
  }
}
@media (max-width: 992px) {
  article.j1-home .j1-home-missions .btn {
    padding: 0.35em 1.5em;
  }
}
article.j1-home .j1-home-cta .j1-cta-wrapper .card {
  border: 1px solid color-mix(in oklch, oklch(var(--color-SunflowerGold)), white 30%);
  background: linear-gradient(180deg, color-mix(in oklch, oklch(var(--color-SunflowerGold)), white 70%) 0%, color-mix(in oklch, oklch(var(--color-SunflowerGold)), white 90%) 100%);
}
article.j1-home .j1-home-cta .j1-cta-wrapper .card .btn {
  --bs-btn-color: white;
  --bs-btn-bg: oklch(var(--color-SunflowerGold));
  --bs-btn-border-color: oklch(var(--color-SunflowerGold));
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: color-mix(in oklch, oklch(var(--color-SunflowerGold)) 85%, black);
  --bs-btn-hover-border-color: color-mix(in oklch, oklch(var(--color-SunflowerGold)) 85%, black);
  --bs-btn-focus-shadow-rgb: 242, 175, 41;
  --bs-btn-active-color: white;
  --bs-btn-active-bg: color-mix(in oklch, oklch(var(--color-SunflowerGold)) 70%, black);
  --bs-btn-active-border-color: color-mix(in oklch, oklch(var(--color-SunflowerGold)) 70%, black);
  --bs-btn-disabled-color: white;
  --bs-btn-disabled-bg: oklch(var(--color-SunflowerGold));
  --bs-btn-disabled-border-color: oklch(var(--color-SunflowerGold));
}
article.j1-home .j1-home-cta .j1-cta-wrapper .j1-cta-title {
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.25;
  font-size: clamp(2.25rem, 2.5vw, 2.75rem);
  margin-top: 0 !important;
}
@media (max-width: 992px) {
  article.j1-home .j1-home-cta .j1-cta-wrapper .j1-cta-title {
    font-size: clamp(1.65rem, 4vw, 2.25rem);
  }
}
article.j1-home .j1-home-cta .j1-cta-wrapper .j1-cta-lead {
  font-size: clamp(1.5rem, 1.75vw, 2rem);
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.75);
  font-weight: 100;
  letter-spacing: 0.04em;
}
@media (max-width: 992px) {
  article.j1-home .j1-home-cta .j1-cta-wrapper .j1-cta-lead {
    font-size: clamp(1.1rem, 2.7vw, 1.5rem);
  }
}
article.j1-home .j1-home-cta .j1-cta-wrapper.j1-ddgray-card .j1-cta-title {
  color: #EEE;
}
article.j1-home .j1-home-cta .j1-cta-wrapper.j1-ddgray-card .j1-cta-lead {
  color: #CCC;
}
.j1-faith .lead {
  margin-bottom: 3rem;
}
.j1-faith .j1-scripture {
  margin: 2rem 0;
}
.j1-faith .j1-scripture:first-of-type {
  margin-top: 3rem;
}
article.j1-staff h2 {
  font-weight: 600;
  margin-top: 0;
}
article.j1-staff .staff-title {
  font-family: "Montserrat", sans-serif;
  font-size: 0.95rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
article.j1-staff .staff-photo {
  border: 1px solid #A8A8A8;
  padding: 15px;
}
article.j1-action .j1-scripture {
  border-top: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
  padding-top: 0.25rem;
  padding-bottom: 0.15rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.j1-blog {
  /* IMAGE + CAPTION */
  /* SIGNATURE BLOCK */
}
.j1-blog .j1-article-date {
  font-size: 0.8rem;
  color: var(--bs-secondary-color);
  margin-top: 0.25rem;
  margin-bottom: 1rem;
  line-height: 1.2;
}
.j1-blog h1:has(+ .j1-article-date) {
  margin-bottom: 0;
}
.j1-blog .staff-photo {
  float: right;
  width: min(280px, 40%);
  margin: 0 0 1rem 1.5rem;
  text-align: center;
}
.j1-blog .staff-photo .j1-tagged-image img {
  width: 100%;
  height: auto;
  border-radius: 0.375rem;
}
.j1-blog .staff-photo figcaption {
  margin-top: 0.5rem;
  font-size: 0.85rem;
  color: var(--bs-secondary-color);
  line-height: 1.3;
}
.j1-blog .staff-photo figcaption span {
  display: block;
  font-size: 0.75rem;
  opacity: 0.85;
}
.j1-blog .j1-signature {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  max-width: 400px;
  /* MOBILE BEHAVIOR */
}
.j1-blog .j1-signature .j1-signature .name {
  font-weight: 600;
  font-size: 1.1rem;
}
.j1-blog .j1-signature .j1-signature .title {
  color: #6c757d;
  font-size: 0.95rem;
}
.j1-blog .j1-signature .j1-signature .org {
  font-size: 0.85rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #999;
}
@media (max-width: 767.98px) {
  .j1-blog .j1-signature .staff-photo {
    float: none;
    width: 100%;
    max-width: 240px;
    margin: 0 auto 1rem auto;
  }
  .j1-blog .j1-signature .j1-signature {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}
article.j1-engage-support h2,
article.j1-engage-request h2,
article.j1-engage-support h3,
article.j1-engage-request h3,
article.j1-engage-support h4,
article.j1-engage-request h4,
article.j1-engage-support h5,
article.j1-engage-request h5,
article.j1-engage-support h6,
article.j1-engage-request h6,
article.j1-engage-support .h2,
article.j1-engage-request .h2,
article.j1-engage-support .h3,
article.j1-engage-request .h3,
article.j1-engage-support .h4,
article.j1-engage-request .h4,
article.j1-engage-support .h5,
article.j1-engage-request .h5,
article.j1-engage-support .h6,
article.j1-engage-request .h6 {
  margin-top: 0;
}
article.j1-engage-support .j1-scripture,
article.j1-engage-request .j1-scripture {
  border-bottom: 1px solid #DDD;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 0;
  margin-bottom: 0;
}
article.j1-engage-support .j1-scripture:first-of-type,
article.j1-engage-request .j1-scripture:first-of-type {
  border-top: 1px solid #DDD;
  padding-top: 1rem;
  margin-top: 4rem;
}
article.j1-engage-support .j1-scripture:last-of-type,
article.j1-engage-request .j1-scripture:last-of-type {
  margin-bottom: 2rem;
}
article.j1-knowledgebase h1 {
  font-weight: bold;
}
article.j1-knowledgebase h2 {
  color: oklch(var(--color-OxfordNavy));
  margin-top: 3rem !important;
  margin-bottom: 1rem;
  font-weight: bold;
}
article.j1-knowledgebase h3 {
  margin-bottom: 0.5rem;
}
article.j1-knowledgebase h4 {
  margin-bottom: 0.5rem;
}
article.j1-knowledgebase .j1-scripture {
  border-top: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
  padding-top: 0.25rem;
  padding-bottom: 0.15rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.j1-directory-tulips .j1-strip .j1-strip-text h3 {
  font-size: clamp(1.1rem, 1.5vw, 1.35rem);
}
.j1-directory-tulips .j1-strip .j1-strip-text p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
  overflow-wrap: anywhere;
  word-break: break-word;
}
@media (min-width: 768px) {
  .j1-directory-tulips .j1-strip .j1-strip-text p {
    -webkit-line-clamp: 4;
  }
}
article.j1-mission-types h2,
article.j1-mission-types h3,
article.j1-mission-types h4,
article.j1-mission-types h5,
article.j1-mission-types h6,
article.j1-mission-types .h2,
article.j1-mission-types .h3,
article.j1-mission-types .h4,
article.j1-mission-types .h5,
article.j1-mission-types .h6 {
  margin-top: 0;
}
article.j1-mission-types section {
  margin-top: 3em;
  margin-bottom: 3em;
}
body.modal-open {
  padding-right: 0 !important;
}
:root {
  --bs-primary: oklch(var(--color-OxfordNavy));
  --bs-secondary: oklch(var(--color-SteelBlue));
  --bs-success: oklch(var(--color-Olive));
  --bs-warning: oklch(var(--color-SunflowerGold));
  --bs-danger: oklch(var(--color-IntenseCherry));
  --bs-info: #A0A0A0;
  --bs-dark: oklch(var(--color-OxfordNavy));
  --bs-link-color: oklch(var(--color-SteelBlue));
  --bs-link-hover-color: oklch(var(--color-OxfordNavy));
  --bs-primary50: oklch(var(--color-OxfordNavy) / 0.5);
  --bs-secondary50: oklch(var(--color-SteelBlue) / 0.5);
  --bs-success50: oklch(var(--color-Olive) / 0.5);
  --bs-warning50: oklch(var(--color-SunflowerGold) / 0.5);
  --bs-danger50: oklch(var(--color-IntenseCherry) / 0.5);
  --bs-primary40: oklch(var(--color-OxfordNavy) / 0.4);
  --bs-secondary40: oklch(var(--color-SteelBlue) / 0.24);
  --bs-success40: oklch(var(--color-Olive) / 0.4);
  --bs-warning40: oklch(var(--color-SunflowerGold) / 0.4);
  --bs-danger40: oklch(var(--color-IntenseCherry) / 0.4);
  --bs-primary20: oklch(var(--color-OxfordNavy) / 0.2);
  --bs-secondary20: oklch(var(--color-SteelBlue) / 0.2);
  --bs-success20: oklch(var(--color-Olive) / 0.2);
  --bs-warning20: oklch(var(--color-SunflowerGold) / 0.2);
  --bs-danger20: oklch(var(--color-IntenseCherry) / 0.2);
  --bs-primary-rgb: 27, 53, 93;
  --bs-secondary-rgb: 69, 122, 183;
  --bs-success-rgb: 132, 147, 36;
  --bs-warning-rgb: 242, 175, 41;
  --bs-danger-rgb: 173, 52, 62;
  --bs-info-rgb: 160, 160, 160;
  --bs-dark-rgb: 27, 53, 93;
  --bs-link-color-rgb: 69, 122, 183;
  --bs-link-hover-color-rgb: 27, 53, 93;
  --bs-form-valid-color: darkgreen;
  --bs-form-valid-border-color: darkgreen;
  --bs-form-invalid-color: oklch(var(--color-IntenseCherry));
  --bs-form-invalid-border-color: oklch(var(--color-IntenseCherry));
}
.btn-primary {
  --bs-btn-color: white;
  --bs-btn-bg: oklch(var(--color-OxfordNavy));
  --bs-btn-border-color: oklch(var(--color-OxfordNavy));
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: color-mix(in oklch, oklch(var(--color-OxfordNavy)) 55%, oklch(var(--color-SteelBlue)));
  --bs-btn-hover-border-color: color-mix(in oklch, oklch(var(--color-OxfordNavy)) 55%, oklch(var(--color-SteelBlue)));
  --bs-btn-focus-shadow-rgb: 27, 53, 93;
  --bs-btn-active-color: white;
  --bs-btn-active-bg: color-mix(in oklch, oklch(var(--color-OxfordNavy)) 25%, oklch(var(--color-SteelBlue)));
  --bs-btn-active-border-color: color-mix(in oklch, oklch(var(--color-OxfordNavy)) 25%, oklch(var(--color-SteelBlue)));
  --bs-btn-disabled-color: white;
  --bs-btn-disabled-bg: oklch(var(--color-OxfordNavy));
  --bs-btn-disabled-border-color: oklch(var(--color-OxfordNavy));
}
.btn-outline-primary {
  --bs-btn-color: oklch(var(--color-OxfordNavy));
  --bs-btn-bg: color-mix(in oklch, oklch(var(--color-OxfordNavy)) 25%, white);
  --bs-btn-border-color: oklch(var(--color-OxfordNavy));
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: oklch(var(--color-OxfordNavy));
  --bs-btn-hover-border-color: oklch(var(--color-OxfordNavy));
  --bs-btn-focus-shadow-rgb: 27, 53, 93;
  --bs-btn-active-color: oklch(var(--color-OxfordNavy));
  --bs-btn-active-bg: color-mix(in oklch, oklch(var(--color-OxfordNavy)) 50%, oklch(var(--color-SteelBlue)));
  --bs-btn-active-border-color: color-mix(in oklch, oklch(var(--color-OxfordNavy)) 50%, oklch(var(--color-SteelBlue)));
  --bs-btn-disabled-color: oklch(var(--color-OxfordNavy));
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: oklch(var(--color-OxfordNavy));
}
.btn-secondary {
  --bs-btn-color: white;
  --bs-btn-bg: oklch(var(--color-SteelBlue));
  --bs-btn-border-color: oklch(var(--color-SteelBlue));
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: color-mix(in oklch, oklch(var(--color-SteelBlue)) 85%, black);
  --bs-btn-hover-border-color: color-mix(in oklch, oklch(var(--color-SteelBlue)) 85%, black);
  --bs-btn-focus-shadow-rgb: 69, 122, 183;
  --bs-btn-active-color: white;
  --bs-btn-active-bg: color-mix(in oklch, oklch(var(--color-SteelBlue)) 70%, black);
  --bs-btn-active-border-color: color-mix(in oklch, oklch(var(--color-SteelBlue)) 70%, black);
  --bs-btn-disabled-color: white;
  --bs-btn-disabled-bg: oklch(var(--color-SteelBlue));
  --bs-btn-disabled-border-color: oklch(var(--color-SteelBlue));
}
.btn-outline-secondary {
  --bs-btn-color: black;
  --bs-btn-bg: color-mix(in oklch, oklch(var(--color-SteelBlue)) 25%, white);
  --bs-btn-border-color: oklch(var(--color-SteelBlue));
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: oklch(var(--color-SteelBlue));
  --bs-btn-hover-border-color: oklch(var(--color-SteelBlue));
  --bs-btn-focus-shadow-rgb: 69, 122, 183;
  --bs-btn-active-color: black;
  --bs-btn-active-bg: color-mix(in oklch, oklch(var(--color-SteelBlue)) 85%, black);
  --bs-btn-active-border-color: color-mix(in oklch, oklch(var(--color-SteelBlue)) 85%, black);
  --bs-btn-disabled-color: oklch(var(--color-SteelBlue));
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: oklch(var(--color-SteelBlue));
}
.btn-success {
  --bs-btn-color: white;
  --bs-btn-bg: oklch(var(--color-Olive));
  --bs-btn-border-color: oklch(var(--color-Olive));
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: color-mix(in oklch, oklch(var(--color-Olive)) 85%, black);
  --bs-btn-hover-border-color: color-mix(in oklch, oklch(var(--color-Olive)) 85%, black);
  --bs-btn-focus-shadow-rgb: 132, 147, 36;
  --bs-btn-active-color: white;
  --bs-btn-active-bg: color-mix(in oklch, oklch(var(--color-Olive)) 70%, black);
  --bs-btn-active-border-color: color-mix(in oklch, oklch(var(--color-Olive)) 70%, black);
  --bs-btn-disabled-color: white;
  --bs-btn-disabled-bg: oklch(var(--color-Olive));
  --bs-btn-disabled-border-color: oklch(var(--color-Olive));
}
.btn-outline-success {
  --bs-btn-color: black;
  --bs-btn-bg: color-mix(in oklch, oklch(var(--color-Olive)) 25%, white);
  --bs-btn-border-color: oklch(var(--color-Olive));
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: oklch(var(--color-Olive));
  --bs-btn-hover-border-color: oklch(var(--color-Olive));
  --bs-btn-focus-shadow-rgb: 132, 147, 36;
  --bs-btn-active-color: black;
  --bs-btn-active-bg: color-mix(in oklch, oklch(var(--color-Olive)) 85%, black);
  --bs-btn-active-border-color: color-mix(in oklch, oklch(var(--color-Olive)) 85%, black);
  --bs-btn-disabled-color: oklch(var(--color-Olive));
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: oklch(var(--color-Olive));
}
.btn-warning {
  --bs-btn-color: black;
  --bs-btn-bg: oklch(var(--color-SunflowerGold));
  --bs-btn-border-color: oklch(var(--color-SunflowerGold));
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: color-mix(in oklch, oklch(var(--color-SunflowerGold)) 85%, black);
  --bs-btn-hover-border-color: color-mix(in oklch, oklch(var(--color-SunflowerGold)) 85%, black);
  --bs-btn-focus-shadow-rgb: 242, 175, 41;
  --bs-btn-active-color: black;
  --bs-btn-active-bg: color-mix(in oklch, oklch(var(--color-SunflowerGold)) 70%, black);
  --bs-btn-active-border-color: color-mix(in oklch, oklch(var(--color-SunflowerGold)) 70%, black);
  --bs-btn-disabled-color: black;
  --bs-btn-disabled-bg: oklch(var(--color-SunflowerGold));
  --bs-btn-disabled-border-color: oklch(var(--color-SunflowerGold));
}
.btn-outline-warning {
  --bs-btn-color: black;
  --bs-btn-bg: color-mix(in oklch, oklch(var(--color-SunflowerGold)) 25%, white);
  --bs-btn-border-color: oklch(var(--color-SunflowerGold));
  --bs-btn-hover-color: black;
  --bs-btn-hover-bg: oklch(var(--color-SunflowerGold));
  --bs-btn-hover-border-color: oklch(var(--color-SunflowerGold));
  --bs-btn-focus-shadow-rgb: 242, 175, 41;
  --bs-btn-active-color: black;
  --bs-btn-active-bg: color-mix(in oklch, oklch(var(--color-SunflowerGold)) 85%, black);
  --bs-btn-active-border-color: color-mix(in oklch, oklch(var(--color-SunflowerGold)) 85%, black);
  --bs-btn-disabled-color: oklch(var(--color-SunflowerGold));
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: oklch(var(--color-SunflowerGold));
}
.btn-danger {
  --bs-btn-color: white;
  --bs-btn-bg: oklch(var(--color-IntenseCherry));
  --bs-btn-border-color: oklch(var(--color-IntenseCherry));
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: color-mix(in oklch, oklch(var(--color-IntenseCherry)) 85%, black);
  --bs-btn-hover-border-color: color-mix(in oklch, oklch(var(--color-IntenseCherry)) 85%, black);
  --bs-btn-focus-shadow-rgb: 173, 52, 62;
  --bs-btn-active-color: white;
  --bs-btn-active-bg: color-mix(in oklch, oklch(var(--color-IntenseCherry)) 70%, black);
  --bs-btn-active-border-color: color-mix(in oklch, oklch(var(--color-IntenseCherry)) 70%, black);
  --bs-btn-disabled-color: white;
  --bs-btn-disabled-bg: oklch(var(--color-IntenseCherry));
  --bs-btn-disabled-border-color: oklch(var(--color-IntenseCherry));
}
.btn-outline-danger {
  --bs-btn-color: black;
  --bs-btn-bg: color-mix(in oklch, oklch(var(--color-IntenseCherry)) 25%, white);
  --bs-btn-border-color: oklch(var(--color-IntenseCherry));
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: oklch(var(--color-IntenseCherry));
  --bs-btn-hover-border-color: oklch(var(--color-IntenseCherry));
  --bs-btn-focus-shadow-rgb: 173, 52, 62;
  --bs-btn-active-color: black;
  --bs-btn-active-bg: color-mix(in oklch, oklch(var(--color-IntenseCherry)) 85%, black);
  --bs-btn-active-border-color: color-mix(in oklch, oklch(var(--color-IntenseCherry)) 85%, black);
  --bs-btn-disabled-color: oklch(var(--color-IntenseCherry));
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: oklch(var(--color-IntenseCherry));
}
.btn-info {
  --bs-btn-color: white;
  --bs-btn-bg: #A0A0A0;
  --bs-btn-border-color: #A0A0A0;
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: color-mix(in oklch, #A0A0A0 85%, black);
  --bs-btn-hover-border-color: color-mix(in oklch, #A0A0A0 85%, black);
  --bs-btn-focus-shadow-rgb: #A0A0A0;
  --bs-btn-active-color: white;
  --bs-btn-active-bg: color-mix(in oklch, #A0A0A0 70%, black);
  --bs-btn-active-border-color: color-mix(in oklch, #A0A0A0 70%, black);
  --bs-btn-disabled-color: white;
  --bs-btn-disabled-bg: #A0A0A0;
  --bs-btn-disabled-border-color: #A0A0A0;
}
.btn-outline-info {
  --bs-btn-color: #A0A0A0;
  --bs-btn-bg: color-mix(in oklch, #A0A0A0 25%, white);
  --bs-btn-border-color: #A0A0A0;
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: #A0A0A0;
  --bs-btn-hover-border-color: #A0A0A0;
  --bs-btn-focus-shadow-rgb: #A0A0A0;
  --bs-btn-active-color: #A0A0A0;
  --bs-btn-active-bg: color-mix(in oklch, #A0A0A0 85%, black);
  --bs-btn-active-border-color: color-mix(in oklch, #A0A0A0 85%, black);
  --bs-btn-disabled-color: #A0A0A0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #A0A0A0;
}
/* Ensure the caption area itself is allowed to show content */
/*
.pswp__caption {
    .font-montserrat();
    display: block;
    opacity: 1;
    color: #fff;
}
*/
/* Make the image wrap the positioning context for overlays */
.pswp__img-wrap {
  position: relative;
}
/* Remove the bar layout constraints so absolute positioning works */
.pswp__top-bar {
  position: absolute !important;
  left: 0;
  right: 0;
  top: 0;
  background: none !important;
  pointer-events: none;
}
/* Re-enable clicks on actual buttons */
.pswp__top-bar .pswp__button,
.pswp__top-bar .pswp__counter {
  pointer-events: auto;
}
/* Force these to behave as overlays (PhotoSwipe has strong defaults) */
.pswp__button--close {
  position: absolute !important;
  top: 0.75rem;
  right: 0.75rem;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  backdrop-filter: blur(4px);
}
.pswp__counter {
  position: absolute !important;
  top: 0.75rem;
  left: 0.75rem;
  background: rgba(0, 0, 0, 0.6);
  padding: 0.35rem 0.6rem;
  border-radius: 0.5rem;
  color: #fff;
  font-size: 0.8rem;
  backdrop-filter: blur(4px);
}
.pswp__custom-caption {
  font-family: "Montserrat", sans-serif;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.75rem 1rem;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0));
  color: #fff;
  text-align: center;
  font-size: 0.95rem;
  line-height: 1.3;
  pointer-events: none;
  /* don't block swipe/click */
  z-index: 20;
}
.pswp--zoomed-in .pswp__custom-caption {
  opacity: 0.85;
}
@media (max-width: 576px) {
  .pswp__custom-caption {
    font-size: 0.85rem;
    padding: 0.6rem 0.75rem;
  }
}
.note-editor {
  max-width: 100%;
}
.note-editor .note-editable {
  background: #F8F8F8;
}
.note-editor * {
  max-width: 100%;
}
/* ----------------------------------------------------------------------------
---------------------------------------------------------------------------- */
/*# sourceMappingURL=main.css.map */
/* Build: 2026-03-20 16:43:19  Commit: a6e4ab9 */