/* GLOBAL */
/* ==== */
html {
scroll-behavior: smooth;
}
#savecontent {
margin-top: -2px;
}
.anchor {
scroll-margin-top: 150px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
color: inherit;
}
h1,
.h1 {
font-size: clamp(35px, 4.4vw, 46px);
}
h1.mega,
.h1.mega {
font-size: clamp(36px, 4.7vw, 70px);
}
h1.ultra,
.h1.ultra {
font-size: clamp(37px, 5.3vw, 95px);
}
h2,
.h2 {
font-size: clamp(32px, 4vw, 42px);
}
h3,
.h3 {
font-size: clamp(29px, 3.6vw, 37px);
}
h4,
.h4 {
font-size: clamp(26px, 3.2vw, 32px);
}
h5,
.h5 {
font-size: clamp(23px, 2.8vw, 27px);
}
h6,
.h6 {
font-size: clamp(20px, 2.4vw, 22px);
}
body {
font-size: clamp(15px, 2vw, 18px);
}
.btn {
white-space: normal;
}
a:hover img,
a.bg-img:hover a.bg-image:hover {
opacity: .85;
}
#savecontent img {
max-width: 100% !important;
height: auto !important;
}
.rightfloat {
float: right;
margin: 0 0 .5rem 1rem;
width: 40%;
}
@media (max-width: 767px) {
.rightfloat {
float: none;
margin: 0 0 1rem 0;
width: 100%;
}
}
.btn-primary {
color: white !important;
}
.round {
border-radius: 12px;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
background-color: rgba(0, 0, 0, 0.9);
padding: 1rem;
background-size: 20px;
}
@media(min-width: 1600px) {
.container {
max-width: 1300px;
}
}
@media(min-width: 1600px) {
.container.container-wide {
width: 1500px !important;
max-width: 1500px !important;
}
}
.product-image {
background-size: cover !important;
min-height: auto !important;
padding-bottom: 75%;
}
#savecontent form label {
font-weight: bold;
}
#savecontent form .checkbox-group label,
#savecontent form .radio-group label {
font-weight: normal;
}
.formbuilder-required {
color: red;
}
.text-right.addToCart {
text-align: left !important;
}
.blog-detail-page {
background: var(--light);
}
.blog-detail-page .blog {
border-radius: 12px;
padding: 1.5rem;
background: white;
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
}
.blog-detail-page .blog h4 {
margin-top: 1rem;
}
form li p {
margin-bottom: 0;
}
form label {
font-weight: bold;
}
form .checkbox-group label,
form .radio-group label {
font-weight: normal;
}
.formbuilder-checkbox,
.formbuilder-radio {
margin-bottom: 4px;
}
/* ===== Pathways Rediscovered — "Opening Soon" splash (placeholder build) ===== */
.pr-eyebrow {
display: inline-flex;
align-items: center;
gap: .65rem;
text-transform: uppercase;
letter-spacing: .22em;
font-size: clamp(13px, 1.4vw, 15px);
}
/* Slim flanking rules in the accent color — reads centered or left-aligned */
.pr-eyebrow::before,
.pr-eyebrow::after {
content: "";
width: clamp(18px, 4vw, 34px);
height: 1px;
background: currentColor;
opacity: .45;
}
.pr-quote {
font-size: clamp(22px, 3.2vw, 34px);
font-style: italic;
font-weight: 300;
line-height: 1.3;
}
.pr-quote-lg {
font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
font-weight: 600;
font-size: clamp(30px, 5vw, 60px);
letter-spacing: .01em;
}
/* Placeholder/content imagery — graceful warm fallback before/if image loads */
.pr-bgimg {
background-size: cover;
background-position: center;
background-color: #e9e5df;
}
/* Full-bleed image band with darkening scrim for legible white text */
.pr-band {
position: relative;
background-size: cover;
background-position: center;
background-color: #2a2622;
}
.pr-band::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: radial-gradient(120% 110% at 50% 42%, color-mix(in srgb, var(--primary) 42%, transparent) 0%, color-mix(in srgb, var(--primary) 66%, transparent) 40%, color-mix(in srgb, color-mix(in srgb, var(--primary) 42%, black) 96%, transparent) 68%, black 100%);
}
.pr-front {
position: relative;
z-index: 2;
}
/* Finishing flourish under the big tagline */
/* .pr-quote-lg::after {
content: "";
display: block;
width: 60px;
height: 2px;
background: var(--warning);
margin: 1.4rem auto 0;
} */
/* Pillar icons sit in a soft disc with an accent ring (decorative, not clickable) */
.pr-pillar .pr {
display: inline-flex;
align-items: center;
justify-content: center;
width: clamp(72px, 8vw, 90px);
height: clamp(72px, 8vw, 90px);
border-radius: 50%;
border: 1px solid currentColor;
background: var(--light);
}
/* Gentle lift-free hover on the large CTA buttons (clickable) */
.btn-lg.round {
transition: box-shadow .2s ease, background-color .2s ease, color .2s ease;
}
.btn-lg.round:hover {
box-shadow: 0 6px 18px rgba(0, 0, 0, .15);
}
/* Matted "framed print" hairline inside each photo */
.pr-bgimg {
position: relative;
}
.pr-bgimg::after {
content: "";
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
border: 1px solid rgba(255, 255, 255, .55);
border-radius: 6px;
pointer-events: none;
}
/* Warm paper-grain on the light section (subtle dotted weave) */
#oms_prmission {
background-image:
radial-gradient(rgba(120, 92, 58, .05) 1px, transparent 1.4px),
radial-gradient(rgba(120, 92, 58, .035) 1px, transparent 1.4px);
background-size: 16px 16px, 16px 16px;
background-position: 0 0, 8px 8px;
}
/* Inverted closing CTA — primary field with soft lighter/darker blooms */
#pr-getinvolved {
background-image:
radial-gradient(85% 72% at 50% -4%, color-mix(in srgb, color-mix(in srgb, var(--primary-alt) 72%, white) 82%, transparent), transparent 64%),
radial-gradient(42% 60% at 10% 6%, rgba(255, 255, 255, .26), transparent 60%),
radial-gradient(30% 46% at 74% 14%, rgba(255, 255, 255, .12), transparent 58%),
radial-gradient(20% 30% at 52% 44%, rgba(255, 255, 255, .07), transparent 55%),
radial-gradient(50% 72% at 92% 96%, rgba(0, 0, 0, .30), transparent 62%),
radial-gradient(34% 48% at 26% 98%, rgba(0, 0, 0, .18), transparent 60%),
radial-gradient(40% 56% at 2% 72%, rgba(0, 0, 0, .10), transparent 60%);
position: relative;
padding-bottom: 6.5rem !important;
}
/* Soft layered wave hem at the bottom — echoes the hero's wavy overlay */
#pr-getinvolved::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 90px;
pointer-events: none;
background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201200%2080'%20preserveAspectRatio='none'%3E%3Cpath%20d='M0,40%20Q75,12%20150,40%20Q225,68%20300,40%20Q375,12%20450,40%20Q525,68%20600,40%20Q675,12%20750,40%20Q825,68%20900,40%20Q975,12%201050,40%20Q1125,68%201200,40%20L1200,80%20L0,80%20Z'%20fill='white'%20fill-opacity='0.08'/%3E%3Cpath%20d='M0,46%20Q100,18%20200,46%20Q300,74%20400,46%20Q500,18%20600,46%20Q700,74%20800,46%20Q900,18%201000,46%20Q1100,74%201200,46%20L1200,80%20L0,80%20Z'%20fill='white'%20fill-opacity='0.12'/%3E%3Cpath%20d='M0,50%20Q75,78%20150,50%20Q225,22%20300,50%20Q375,78%20450,50%20Q525,22%20600,50%20Q675,78%20750,50%20Q825,22%20900,50%20Q975,78%201050,50%20Q1125,22%201200,50%20L1200,80%20L0,80%20Z'%20fill='white'%20fill-opacity='0.16'/%3E%3C/svg%3E") no-repeat bottom / 100% 90px;
}
/* Gold four-corner "L" brackets framing the tagline like a plaque (dark band only) */
.pr-band .pr-front::before {
content: "";
position: absolute;
top: 14px;
right: 14px;
bottom: 14px;
left: 14px;
pointer-events: none;
background-repeat: no-repeat;
background-image:
linear-gradient(var(--warning), var(--warning)),
linear-gradient(var(--warning), var(--warning)),
linear-gradient(var(--warning), var(--warning)),
linear-gradient(var(--warning), var(--warning)),
linear-gradient(var(--warning), var(--warning)),
linear-gradient(var(--warning), var(--warning)),
linear-gradient(var(--warning), var(--warning)),
linear-gradient(var(--warning), var(--warning));
background-position:
left top, left top,
right top, right top,
left bottom, left bottom,
right bottom, right bottom;
background-size:
34px 2px, 2px 34px,
34px 2px, 2px 34px,
34px 2px, 2px 34px,
34px 2px, 2px 34px;
}
/* Tagline eyebrow as a frosted-glass pill (band only) */
#oms_prtagline .pr-eyebrow {
padding: .5rem 1.25rem;
border-radius: 999px;
background: rgba(0, 0, 0, .3);
border: 1px solid rgba(255, 255, 255, .18);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
}
#oms_prtagline .pr-eyebrow::before,
#oms_prtagline .pr-eyebrow::after {
display: none;
}
#donate .heading {
font-size: 1.1rem;
border-radius: 5px;
padding: 0px 8px;
background: var(--primary);
color: white;
}
#donate .subheading {
margin-left: -1.5rem;
}
/* PAGE SPECIFIC */
/* FOOTER */