html,
body {
overflow-x: hidden;
overflow-x: clip;
}
#mainNav.navbar-default {
box-sizing: border-box;
width: 100% !important;
max-width: 100%;
padding-right: 0;
overflow: visible;
}
body.compass-body {
--bbcc-ink: #1a3550;
--bbcc-ink-deep: #10283e;
--bbcc-action: #0f7c94;
--bbcc-action-hover: #0b6377;
--bbcc-action-light: #85d2e6;
--bbcc-coral: #e8652d;
--bbcc-warm: #fdf8f0;
--bbcc-white: #ffffff;
--bbcc-line: #dce3e7;
--bbcc-muted: #63717b;
}
body.compass-body #bid_6217 .page-hero {
background: var(--bbcc-ink);
}
body.compass-body #bid_6217 .jarallax {
min-height: clamp(560px, calc(100vh - 160px), 660px) !important;
background: var(--bbcc-ink) !important;
}
body.compass-body #bid_6217 .parallax-content {
left: 0;
width: 48% !important;
height: 100% !important;
background: var(--bbcc-ink);
}
body.compass-body #bid_6217 .hero-gradient {
background: linear-gradient(90deg, var(--bbcc-ink) 0%, var(--bbcc-ink) 86%, rgba(26, 53, 80, .72) 100%);
}
body.compass-body #bid_6217 .hero-layout {
align-items: center;
padding-bottom: 0;
}
body.compass-body #bid_6217 .hero-inner {
max-width: 560px;
margin: 0 0 0 auto;
padding: 56px clamp(28px, 5vw, 64px) 56px max(28px, calc((100vw - 1120px) / 2));
}
body.compass-body #bid_6217 .hero-headline {
margin: 0 0 24px;
color: var(--bbcc-white);
font-family: "DM Serif Display", Georgia, serif;
font-size: clamp(52px, 5.5vw, 76px);
font-weight: 400;
line-height: 1.02;
letter-spacing: -.025em;
}
body.compass-body #bid_6217 .hero-headline em {
top: 0;
color: var(--bbcc-action-light);
font-family: "DM Serif Display", Georgia, serif;
font-size: 1em;
font-style: italic;
font-weight: 400;
}
body.compass-body #bid_6217 .hero-sub {
max-width: 540px;
margin: 0 0 32px;
color: rgba(255, 255, 255, .84);
font-size: clamp(18px, 1.65vw, 21px);
line-height: 1.6;
}
body.compass-body #bid_6217 .hero-buttons {
gap: 14px;
}
body.compass-body #bid_6217 .hero-btn {
min-height: 48px;
padding: 13px 28px;
border-radius: 999px;
font-family: Inter, system-ui, sans-serif;
font-size: 14px;
line-height: 1.2;
transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
body.compass-body #bid_6217 .hero-btn--fill {
border-color: var(--bbcc-action);
background: var(--bbcc-action);
color: var(--bbcc-white);
}
body.compass-body #bid_6217 .hero-btn--fill:hover,
body.compass-body #bid_6217 .hero-btn--fill:focus {
border-color: var(--bbcc-action-hover);
background: var(--bbcc-action-hover);
color: var(--bbcc-white);
}
body.compass-body #bid_6217 .hero-btn--ghost {
border-color: rgba(255, 255, 255, .52);
background: transparent;
color: var(--bbcc-white);
}
body.compass-body #bid_6217 .hero-btn--ghost:hover,
body.compass-body #bid_6217 .hero-btn--ghost:focus {
border-color: var(--bbcc-white);
background: rgba(255, 255, 255, .08);
color: var(--bbcc-white);
}
body.compass-body #bid_6217 .hero-btn:focus-visible,
body.compass-body .bbcc-visit-strip__link:focus-visible {
outline: 3px solid var(--bbcc-coral);
outline-offset: 4px;
}
body.compass-body #bid_6217 [id^="jarallax-container-"] {
left: 48% !important;
width: 52% !important;
height: 100% !important;
}
body.compass-body #bid_6217 .jarallax-img {
left: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
object-fit: cover !important;
object-position: center !important;
transform: none !important;
}
body.compass-body #bid_6217 .bbcc-hero-video {
left: 48% !important;
width: 52% !important;
height: 100% !important;
object-fit: cover;
object-position: center;
}
body.compass-body .bbcc-visit-strip {
position: relative;
z-index: 4;
margin: 0;
padding: 0 !important;
border-bottom: 1px solid var(--bbcc-line);
background: var(--bbcc-white);
box-shadow: 0 12px 36px rgba(16, 40, 62, .08);
}
body.compass-body .bbcc-visit-strip__inner {
width: min(calc(100% - 40px), 1120px);
min-height: 112px;
display: grid;
grid-template-columns: 1.25fr 1fr 1.35fr auto;
align-items: center;
gap: clamp(20px, 3vw, 40px);
margin: 0 auto;
}
body.compass-body .bbcc-visit-strip__welcome {
display: flex;
align-items: center;
gap: 14px;
}
body.compass-body .bbcc-visit-strip__welcome > span:last-child,
body.compass-body .bbcc-visit-strip__detail {
display: flex;
flex-direction: column;
}
body.compass-body .bbcc-visit-strip__day {
width: 52px;
height: 52px;
display: grid;
place-items: center;
flex: 0 0 auto;
border-radius: 50%;
background: var(--bbcc-warm);
color: #b84316;
font-size: 11px;
font-weight: 700;
letter-spacing: .08em;
}
body.compass-body .bbcc-visit-strip strong {
color: var(--bbcc-ink);
font-size: 15px;
line-height: 1.35;
}
body.compass-body .bbcc-visit-strip small {
color: var(--bbcc-muted);
font-size: 12px;
font-weight: 600;
line-height: 1.45;
letter-spacing: .04em;
text-transform: uppercase;
}
body.compass-body .bbcc-visit-strip__welcome small {
text-transform: none;
}
body.compass-body .bbcc-visit-strip__link {
min-height: 48px;
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--bbcc-action);
font-size: 14px;
font-weight: 700;
text-decoration: underline;
text-underline-offset: 4px;
}
body.compass-body .bbcc-visit-strip__link:hover,
body.compass-body .bbcc-visit-strip__link:focus {
color: var(--bbcc-action-hover);
}
@media (min-width: 1200px) {
body.compass-body #bid_6217 .jarallax {
background: var(--bbcc-ink) !important;
}
body.compass-body #bid_6217 [id^="jarallax-container-"],
body.compass-body #bid_6217 .bbcc-hero-video,
body.compass-body #bid_6217 .parallax-content {
top: 100px !important;
height: calc(100% - 100px) !important;
}
}
@media (max-width: 1199px) {
body.compass-body #bid_6217 .jarallax {
min-height: 620px !important;
}
body.compass-body #bid_6217 [id^="jarallax-container-"],
body.compass-body #bid_6217 .bbcc-hero-video {
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 250px !important;
}
body.compass-body #bid_6217 .parallax-content {
top: 250px;
left: 0;
width: 100% !important;
height: 370px !important;
}
body.compass-body #bid_6217 .hero-gradient {
background: var(--bbcc-ink);
}
body.compass-body #bid_6217 .hero-layout {
align-items: center;
}
body.compass-body #bid_6217 .hero-inner {
max-width: 720px;
margin: 0 auto;
padding: 34px 20px;
text-align: center;
}
body.compass-body #bid_6217 .hero-headline {
margin-bottom: 14px;
font-size: clamp(42px, 9vw, 58px);
}
body.compass-body #bid_6217 .hero-sub {
max-width: 620px;
margin: 0 auto 22px;
font-size: 17px;
line-height: 1.5;
}
body.compass-body #bid_6217 .hero-buttons {
justify-content: center;
}
body.compass-body .bbcc-visit-strip__inner {
grid-template-columns: 1fr 1fr;
gap: 14px 22px;
padding: 18px 0;
}
body.compass-body .bbcc-visit-strip__welcome,
body.compass-body .bbcc-visit-strip__link {
grid-column: 1 / -1;
}
body.compass-body .bbcc-visit-strip__link {
justify-self: start;
}
}
@media (max-width: 479px) {
body.compass-body #bid_6217 .hero-btn {
width: 100%;
}
body.compass-body #bid_6217 .hero-buttons {
width: 100%;
flex-direction: column;
gap: 10px;
}
body.compass-body #bid_6217 .hero-inner {
padding-top: 26px;
padding-bottom: 26px;
}
body.compass-body .bbcc-visit-strip__inner {
width: min(calc(100% - 32px), 1120px);
}
body.compass-body .bbcc-visit-strip__detail strong {
font-size: 13px;
}
}
@media (prefers-reduced-motion: reduce) {
body.compass-body #bid_6217 .hero-btn {
transition: none;
}
}
html body.compass-body #mainNav .ti-login-2,
html body.compass-body #bid_8658 .fa-map-pin {
display: inline-block !important;
width: 1em !important;
height: 1em !important;
font-family: inherit !important;
font-size: 1em !important;
font-style: normal !important;
line-height: 1 !important;
vertical-align: -.125em !important;
background-color: currentColor !important;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
html body.compass-body #mainNav .ti-login-2 {
-webkit-mask-image: 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%3Cpath d='M15 8l4 4l-4 4'/%3E%3Cpath d='M19 12h-12'/%3E%3Cpath d='M11 4h-4a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h4'/%3E%3C/svg%3E");
mask-image: 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%3Cpath d='M15 8l4 4l-4 4'/%3E%3Cpath d='M19 12h-12'/%3E%3Cpath d='M11 4h-4a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h4'/%3E%3C/svg%3E");
}
html body.compass-body #bid_8658 .fa-map-pin {
-webkit-mask-image: 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%3Cpath d='M12 21s-6 -4.35 -6 -10a6 6 0 1 1 12 0c0 5.65 -6 10 -6 10z'/%3E%3Ccircle cx='12' cy='11' r='2'/%3E%3C/svg%3E");
mask-image: 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%3Cpath d='M12 21s-6 -4.35 -6 -10a6 6 0 1 1 12 0c0 5.65 -6 10 -6 10z'/%3E%3Ccircle cx='12' cy='11' r='2'/%3E%3C/svg%3E");
}
html body.compass-body #mainNav .ti-login-2::before,
html body.compass-body #bid_8658 .fa-map-pin::before {
content: "" !important;
}
html body.compass-body #bid_8658 .fa-map-pin > br {
display: none !important;
}
html body.compass-body #mainNav.navbar-default,
html body.compass-body #mainNav.navbar-default.has-hero,
html body.compass-body #mainNav.navbar-default.has-hero.scrolled {
position: sticky !important;
top: 0;
left: 0;
width: 100% !important;
margin: 0;
border: 0 !important;
border-bottom: 1px solid var(--bbcc-line) !important;
background: var(--bbcc-white) !important;
box-shadow: 0 4px 18px rgba(16, 40, 62, .10) !important;
color: var(--bbcc-ink) !important;
z-index: 1040;
}
html body.compass-body #mainNav .navbar-brand img,
html body.compass-body #mainNav.has-hero .navbar-brand img,
html body.compass-body #mainNav.has-hero.scrolled .navbar-brand img {
filter: none !important;
opacity: 1 !important;
}
html body.compass-body #mainNav .navbar-nav > li:not(.nav-cta) > a,
html body.compass-body #mainNav.has-hero .navbar-nav > li:not(.nav-cta) > a,
html body.compass-body #mainNav.has-hero.scrolled .navbar-nav > li:not(.nav-cta) > a,
html body.compass-body #mainNav .nav-profile-link,
html body.compass-body #mainNav .nav-profile-logout,
html body.compass-body #mainNav .nav-split__label,
html body.compass-body #mainNav .nav-split__toggle,
html body.compass-body #mainNav.has-hero .nav-split__label,
html body.compass-body #mainNav.has-hero .nav-split__toggle,
html body.compass-body #mainNav.has-hero.scrolled .nav-split__label,
html body.compass-body #mainNav.has-hero.scrolled .nav-split__toggle {
color: var(--bbcc-ink) !important;
text-shadow: none !important;
}
html body.compass-body #mainNav .navbar-toggle,
html body.compass-body #mainNav.has-hero .navbar-toggle,
html body.compass-body #mainNav.has-hero.scrolled .navbar-toggle {
border-color: rgba(26, 53, 80, .24) !important;
background: transparent !important;
}
html body.compass-body #mainNav .navbar-toggle__burger1,
html body.compass-body #mainNav .navbar-toggle__burger2,
html body.compass-body #mainNav .navbar-toggle__burger3,
html body.compass-body #mainNav.has-hero .navbar-toggle__burger1,
html body.compass-body #mainNav.has-hero .navbar-toggle__burger2,
html body.compass-body #mainNav.has-hero .navbar-toggle__burger3 {
background: var(--bbcc-ink) !important;
}
@media (min-width: 1200px) {
body.compass-body #bid_6217 [id^="jarallax-container-"],
body.compass-body #bid_6217 .bbcc-hero-video,
body.compass-body #bid_6217 .parallax-content {
top: 0 !important;
height: 100% !important;
}
}
@media (min-width: 992px) {
html body.compass-body #mainNav .navbar-collapse,
html body.compass-body #mainNav.has-hero .navbar-collapse,
html body.compass-body #mainNav.has-hero.scrolled .navbar-collapse {
background: transparent !important;
}
}
@media (max-width: 991px) {
html body.compass-body #mainNav .navbar-collapse,
html body.compass-body #mainNav .navbar-collapse.collapse.in,
html body.compass-body #mainNav .navbar-collapse.collapsing,
html body.compass-body #mainNav.has-hero .navbar-collapse,
html body.compass-body #mainNav.has-hero.scrolled .navbar-collapse {
border-top: 1px solid var(--bbcc-line) !important;
background: var(--bbcc-white) !important;
box-shadow: 0 12px 24px rgba(16, 40, 62, .10) !important;
overflow-x: hidden !important;
}
html body.compass-body #mainNav .navbar-collapse .navbar-nav {
width: 100% !important;
max-width: 100%;
margin: 0 0 20px !important;
}
html body.compass-body #mainNav .navbar-collapse .nav-cta > a {
width: auto !important;
margin: 12px 0 !important;
}
html body.compass-body #mainNav .navbar-collapse .navbar-nav > li:not(.nav-cta) > a,
html body.compass-body #mainNav.has-hero .navbar-collapse .navbar-nav > li:not(.nav-cta) > a,
html body.compass-body #mainNav.has-hero.scrolled .navbar-collapse .navbar-nav > li:not(.nav-cta) > a,
html body.compass-body #mainNav .navbar-collapse .nav-split__label,
html body.compass-body #mainNav .navbar-collapse .nav-split__toggle,
html body.compass-body #mainNav .navbar-collapse .dropdown-menu > li > a {
color: var(--bbcc-ink) !important;
text-shadow: none !important;
}
html body.compass-body #mainNav .navbar-collapse .dropdown-menu > li > a:hover,
html body.compass-body #mainNav .navbar-collapse .dropdown-menu > li > a:focus {
background: rgba(15, 124, 148, .10) !important;
color: var(--bbcc-ink-deep) !important;
}
}
html body.compass-body #mainNav,
html body.compass-body #mainNav .navbar-header,
html body.compass-body #mainNav .navbar-brand,
html body.compass-body #mainNav .navbar-brand img,
html body.compass-body #mainNav .navbar-nav,
html body.compass-body #mainNav .navbar-nav > li,
html body.compass-body #mainNav .nav-split {
transition: height .2s ease, min-height .2s ease, padding .2s ease, margin .2s ease, box-shadow .2s ease;
}
html body.compass-body #mainNav.bbcc-nav-compact {
box-shadow: 0 6px 22px rgba(16, 40, 62, .14) !important;
}
@media (min-width: 992px) {
html body.compass-body #mainNav.bbcc-nav-compact {
height: 72px !important;
min-height: 72px !important;
}
html body.compass-body #mainNav.bbcc-nav-compact .navbar-header,
html body.compass-body #mainNav.bbcc-nav-compact .navbar-brand,
html body.compass-body #mainNav.bbcc-nav-compact .navbar-nav,
html body.compass-body #mainNav.bbcc-nav-compact .navbar-nav > li,
html body.compass-body #mainNav.bbcc-nav-compact .nav-split {
height: 72px !important;
min-height: 72px !important;
}
html body.compass-body #mainNav.bbcc-nav-compact .navbar-brand {
padding: 8px 10px !important;
}
html body.compass-body #mainNav.bbcc-nav-compact .navbar-brand img {
width: auto !important;
height: 56px !important;
}
html body.compass-body #mainNav.bbcc-nav-compact .navbar-nav > li:not(.nav-cta) > a {
height: 72px !important;
display: flex;
align-items: center;
margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
html body.compass-body #mainNav.bbcc-nav-compact .nav-profile .nav-profile-link,
html body.compass-body #mainNav.bbcc-nav-compact .nav-profile-logout span {
display: none !important;
}
html body.compass-body #mainNav.bbcc-nav-compact .nav-profile .nav-profile-pic {
display: flex !important;
}
}
@media (max-width: 991px) {
html body.compass-body #mainNav.bbcc-nav-compact {
height: auto !important;
min-height: 64px !important;
}
html body.compass-body #mainNav.bbcc-nav-compact .navbar-header,
html body.compass-body #mainNav.bbcc-nav-compact .navbar-brand {
height: 64px !important;
min-height: 64px !important;
}
html body.compass-body #mainNav.bbcc-nav-compact .navbar-brand {
padding-top: 7px !important;
padding-bottom: 7px !important;
}
html body.compass-body #mainNav.bbcc-nav-compact .navbar-brand img {
width: auto !important;
height: 50px !important;
}
html body.compass-body #mainNav.bbcc-nav-compact .navbar-toggle {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
}
@media (prefers-reduced-motion: reduce) {
html body.compass-body #mainNav,
html body.compass-body #mainNav .navbar-header,
html body.compass-body #mainNav .navbar-brand,
html body.compass-body #mainNav .navbar-brand img,
html body.compass-body #mainNav .navbar-nav,
html body.compass-body #mainNav .navbar-nav > li,
html body.compass-body #mainNav .nav-split {
transition: none;
}
}
body.compass-body {
--bbcc-home-ink: #1a3550;
--bbcc-home-ink-deep: #10283e;
--bbcc-home-text: #374957;
--bbcc-home-muted: #63717b;
--bbcc-home-action: #0f7c94;
--bbcc-home-action-hover: #0b6377;
--bbcc-home-accent: #3ba4c4;
--bbcc-home-coral: #b84316;
--bbcc-home-warm: #fdf8f0;
--bbcc-home-cool: #edf6f8;
--bbcc-home-line: #dce3e7;
--bbcc-home-radius: 12px;
--bbcc-home-shadow: 0 18px 48px rgba(16, 40, 62, .11);
}
#bid_8633 section {
padding: clamp(64px, 7vw, 96px) 0 !important;
}
#bid_8633 .welcome-wrap {
max-width: 1120px !important;
padding: 0 24px !important;
gap: clamp(40px, 6vw, 76px);
align-items: center !important;
}
#bid_8633 .welcome-wrap > div:first-child {
width: 40% !important;
padding-right: 0 !important;
text-align: left !important;
}
#bid_8633 .welcome-wrap > div:last-child {
width: calc(60% - clamp(40px, 6vw, 76px)) !important;
border-left: 2px solid var(--bbcc-home-accent) !important;
padding-left: clamp(28px, 4vw, 48px) !important;
}
#bid_8633 .welcome-wrap > div:first-child > p {
margin: 0 0 16px !important;
color: var(--bbcc-home-coral) !important;
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
letter-spacing: .15em !important;
text-transform: uppercase;
}
#bid_8633 h2 {
margin: 0 !important;
color: var(--bbcc-home-ink) !important;
font-family: "DM Serif Display", Georgia, serif !important;
font-size: clamp(38px, 4vw, 54px) !important;
font-weight: 400 !important;
line-height: 1.04 !important;
letter-spacing: -.025em !important;
}
#bid_8633 .welcome-wrap > div:last-child > p {
margin: 0 !important;
color: var(--bbcc-home-text) !important;
font-size: 17px !important;
line-height: 1.72 !important;
}
#bid_8633 .welcome-wrap > div:last-child > div {
flex-wrap: wrap !important;
gap: 12px !important;
margin-top: 28px !important;
}
#bid_8633 a[href="/planyourvisit"],
#bid_8633 a[href="/aboutus"],
#bid_8658 a[href="/directions"],
#bid_8632 a[href="/nextgen"],
#bid_8659 a[href="/planyourvisit"],
#bid_8946 a[href="/events"],
#bid_8454 .feat-btn-watch,
#bid_8454 .feat-btn-all,
#bid_8656 a[href="/prayerrequest"] {
min-height: 48px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
padding: 11px 24px !important;
border: 2px solid var(--bbcc-home-action) !important;
border-radius: 999px !important;
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
font-size: 14px !important;
font-weight: 750 !important;
line-height: 1.15 !important;
letter-spacing: 0 !important;
text-transform: none !important;
text-decoration: none !important;
box-shadow: none !important;
}
#bid_8633 a[href="/planyourvisit"],
#bid_8659 a[href="/planyourvisit"],
#bid_8946 a[href="/events"],
#bid_8454 .feat-btn-watch {
background: var(--bbcc-home-action) !important;
color: #fff !important;
}
#bid_8633 a[href="/aboutus"],
#bid_8454 .feat-btn-all {
background: transparent !important;
color: var(--bbcc-home-action) !important;
}
#bid_8633 a[href="/planyourvisit"]:hover,
#bid_8659 a[href="/planyourvisit"]:hover,
#bid_8946 a[href="/events"]:hover,
#bid_8454 .feat-btn-watch:hover {
border-color: var(--bbcc-home-action-hover) !important;
background: var(--bbcc-home-action-hover) !important;
color: #fff !important;
}
#bid_8633 a[href="/aboutus"]:hover,
#bid_8454 .feat-btn-all:hover {
background: var(--bbcc-home-action) !important;
color: #fff !important;
}
#bid_8658 .parallax-window__card,
#bid_8632 .parallax-window__card {
max-width: 580px !important;
padding: clamp(34px, 4vw, 46px) !important;
border: 1px solid rgba(255, 255, 255, .18) !important;
border-radius: var(--bbcc-home-radius) !important;
background: rgba(16, 40, 62, .88) !important;
box-shadow: var(--bbcc-home-shadow) !important;
}
#bid_8658 .parallax-window__card h2,
#bid_8632 .parallax-window__card h2 {
margin: 0 0 14px !important;
color: #fff !important;
font-family: "DM Serif Display", Georgia, serif !important;
font-size: clamp(34px, 3.6vw, 46px) !important;
font-weight: 400 !important;
line-height: 1.05 !important;
letter-spacing: -.02em !important;
}
#bid_8658 .parallax-window__text,
#bid_8632 .parallax-window__text {
margin-bottom: 22px !important;
font-size: 16px !important;
line-height: 1.65 !important;
}
#bid_8658 a[href="/directions"],
#bid_8632 a[href="/nextgen"] {
border-color: #fff !important;
background: #fff !important;
color: var(--bbcc-home-ink) !important;
}
#bid_8658 a[href="/directions"]:hover,
#bid_8632 a[href="/nextgen"]:hover {
background: var(--bbcc-home-warm) !important;
color: var(--bbcc-home-ink) !important;
}
#bid_8941 [id$="upnlHtmlContentView"] > div {
padding: clamp(64px, 7vw, 84px) 20px 20px !important;
background: var(--bbcc-home-cool) !important;
}
#bid_8941 h2 {
margin: 0 0 14px !important;
color: var(--bbcc-home-ink) !important;
font-family: "DM Serif Display", Georgia, serif !important;
font-size: clamp(38px, 4vw, 50px) !important;
font-weight: 400 !important;
line-height: 1.06 !important;
letter-spacing: -.02em !important;
text-transform: none !important;
}
#bid_8941 h2 + div {
background: var(--bbcc-home-accent) !important;
}
#bid_8945 .event-list-bg {
padding: 24px 20px 42px !important;
background: var(--bbcc-home-cool) !important;
}
#bid_8945 .event-list-wrapper {
max-width: 1120px !important;
}
#bid_8945 .event-grid {
gap: 24px !important;
}
#bid_8945 .event-card {
min-height: 360px !important;
overflow: hidden !important;
border: 1px solid var(--bbcc-home-line) !important;
border-radius: var(--bbcc-home-radius) !important;
background: #fff !important;
box-shadow: 0 12px 34px rgba(16, 40, 62, .08) !important;
transition: transform .18s ease, box-shadow .18s ease !important;
}
#bid_8945 .event-card:hover {
transform: translateY(-4px) !important;
box-shadow: var(--bbcc-home-shadow) !important;
}
#bid_8945 .event-card-image {
min-height: 178px !important;
}
#bid_8945 .event-card-body {
padding: 22px 24px 26px !important;
}
#bid_8945 .event-card-title {
margin-bottom: 10px !important;
color: var(--bbcc-home-ink) !important;
font-family: "DM Serif Display", Georgia, serif !important;
font-size: 22px !important;
font-weight: 400 !important;
line-height: 1.15 !important;
}
#bid_8945 .event-card-date {
color: var(--bbcc-home-action) !important;
font-size: 13px !important;
font-weight: 750 !important;
line-height: 1.45 !important;
}
#bid_8945 .event-card-preview {
color: var(--bbcc-home-muted) !important;
font-size: 15px !important;
line-height: 1.55 !important;
}
#bid_8946 [id$="upnlHtmlContentView"] > div {
padding: 0 20px clamp(64px, 7vw, 84px) !important;
background: var(--bbcc-home-cool) !important;
}
#bid_8454 .feat-section {
max-width: 1120px !important;
padding: clamp(72px, 8vw, 96px) 24px !important;
}
#bid_8454 .feat-label {
color: var(--bbcc-home-action) !important;
font-size: 12px !important;
font-weight: 800 !important;
letter-spacing: .15em !important;
}
#bid_8454 .feat-heading {
margin: 10px 0 28px !important;
color: var(--bbcc-home-ink) !important;
font-family: "DM Serif Display", Georgia, serif !important;
font-size: clamp(38px, 4vw, 50px) !important;
font-weight: 400 !important;
line-height: 1.06 !important;
letter-spacing: -.02em !important;
}
#bid_8454 .feat-card {
overflow: hidden !important;
border: 1px solid var(--bbcc-home-line) !important;
border-radius: var(--bbcc-home-radius) !important;
background: var(--bbcc-home-warm) !important;
box-shadow: var(--bbcc-home-shadow) !important;
}
#bid_8454 .feat-card-info {
padding: clamp(30px, 4vw, 48px) !important;
}
#bid_8454 .feat-card-title {
margin-bottom: 10px !important;
color: var(--bbcc-home-ink) !important;
font-family: "DM Serif Display", Georgia, serif !important;
font-size: clamp(27px, 2.8vw, 34px) !important;
font-weight: 400 !important;
line-height: 1.12 !important;
}
#bid_8454 .feat-card-meta {
color: var(--bbcc-home-action) !important;
font-weight: 700 !important;
}
#bid_8454 .feat-card-desc {
color: var(--bbcc-home-text) !important;
font-size: 16px !important;
line-height: 1.65 !important;
}
#bid_8454 .feat-card-buttons {
gap: 12px !important;
flex-wrap: wrap !important;
}
#bid_8656 section {
padding: clamp(72px, 8vw, 96px) 0 !important;
background: var(--bbcc-home-ink) !important;
}
#bid_8656 section > .container {
width: min(calc(100% - 48px), 1120px) !important;
max-width: 1120px !important;
padding: 0 !important;
gap: clamp(32px, 6vw, 72px);
align-items: center;
}
#bid_8656 h2 {
margin: 0 !important;
padding: 0 !important;
color: #fff !important;
font-family: "DM Serif Display", Georgia, serif !important;
font-size: clamp(36px, 4vw, 48px) !important;
font-weight: 400 !important;
line-height: 1.08 !important;
letter-spacing: -.02em !important;
}
#bid_8656 p {
margin: 0 !important;
color: rgba(255, 255, 255, .82) !important;
font-size: 17px !important;
line-height: 1.68 !important;
}
#bid_8656 a[href="/prayerrequest"] {
margin-top: 24px !important;
border-color: var(--bbcc-home-warm) !important;
background: var(--bbcc-home-warm) !important;
color: var(--bbcc-home-ink) !important;
}
#bid_8656 a[href="/prayerrequest"]:hover {
border-color: #fff !important;
background: #fff !important;
color: var(--bbcc-home-ink) !important;
}
#bid_8633 a:focus-visible,
#bid_8658 a:focus-visible,
#bid_8659 a:focus-visible,
#bid_8632 a:focus-visible,
#bid_8945 a:focus-visible,
#bid_8946 a:focus-visible,
#bid_8454 a:focus-visible,
#bid_8656 a:focus-visible {
outline: 3px solid #e8652d !important;
outline-offset: 4px !important;
}
@media (max-width: 768px) {
#bid_8633 .welcome-wrap {
gap: 30px !important;
}
#bid_8633 .welcome-wrap > div:first-child,
#bid_8633 .welcome-wrap > div:last-child {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
text-align: left !important;
}
#bid_8633 .welcome-wrap > div:last-child {
padding: 28px 0 0 !important;
border-left: 0 !important;
border-top: 2px solid var(--bbcc-home-accent) !important;
}
#bid_8633 h2 {
font-size: clamp(36px, 10.5vw, 44px) !important;
}
#bid_8633 .welcome-wrap > div:last-child > div,
#bid_8454 .feat-card-buttons {
align-items: stretch !important;
flex-direction: column !important;
}
#bid_8633 a[href="/planyourvisit"],
#bid_8633 a[href="/aboutus"],
#bid_8454 .feat-btn-watch,
#bid_8454 .feat-btn-all {
width: 100% !important;
}
#bid_8658 .parallax-window__card,
#bid_8632 .parallax-window__card {
margin: 0 16px !important;
padding: 30px 24px !important;
}
#bid_8658 .parallax-window__card h2,
#bid_8632 .parallax-window__card h2 {
font-size: 34px !important;
}
#bid_8945 .event-grid {
gap: 18px !important;
}
#bid_8945 .event-card {
min-height: 0 !important;
}
#bid_8454 .feat-card-info {
padding: 28px 24px 32px !important;
}
#bid_8656 section > .container {
width: min(calc(100% - 32px), 1120px) !important;
gap: 28px !important;
}
#bid_8656 h2,
#bid_8656 section > .container > div {
width: 100% !important;
padding: 0 !important;
}
}
@media (prefers-reduced-motion: reduce) {
#bid_8945 .event-card {
transition: none !important;
}
}
+
:root {
--bbcc-visit-ink: #172a36;
--bbcc-visit-muted: #53636d;
--bbcc-visit-action: #0f7c94;
--bbcc-visit-action-hover: #0b687d;
--bbcc-visit-tint: #f3f7f7;
--bbcc-visit-line: #dce6e7;
--bbcc-visit-radius: 12px;
--bbcc-visit-shadow: 0 18px 48px rgba(23, 42, 54, 0.09);
}
#plan-your-visit-form {
padding: 80px 0 !important;
background: #fff;
}
#plan-your-visit-form .visit-form-section__wrap {
gap: 64px;
align-items: start;
}
#plan-your-visit-form .visit-form-section__left {
padding-top: 20px;
}
#plan-your-visit-form .visit-form-section__steps {
margin-top: 28px;
}
#plan-your-visit-form .visit-form-section__steps li {
gap: 14px;
margin-bottom: 17px;
}
#plan-your-visit-form .visit-form-section__number {
flex: 0 0 34px;
width: 34px;
height: 34px;
border-radius: 50%;
background: var(--bbcc-visit-action);
color: #fff;
font-size: 14px;
line-height: 34px;
}
#plan-your-visit-form .visit-form-section__box {
padding: 36px;
border: 1px solid var(--bbcc-visit-line);
border-radius: var(--bbcc-visit-radius);
background: var(--bbcc-visit-tint);
box-shadow: 0 12px 36px rgba(23, 42, 54, .07);
}
#plan-your-visit-form .visit-form-section__number {
background: #0f7c94;
}
html body.compass-body #mainNav,
html body.compass-body #mainNav a,
html body.compass-body #mainNav button {
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
html body.compass-body #mainNav .nav-split__toggle::before {
content: none !important;
display: none !important;
width: 0 !important;
height: 0 !important;
border: 0 !important;
}
html body.compass-body #mainNav .nav-split__toggle i {
display: block;
font-size: 17px;
line-height: 1;
transition: transform .2s ease, color .2s ease;
}
html body.compass-body #mainNav .dropdown.open > .nav-split .nav-split__toggle i {
transform: none !important;
}
html body.compass-body #mainNav .nav-split__toggle[aria-expanded="true"] i,
html body.compass-body #mainNav li.sfHover > .nav-split .nav-split__toggle i {
transform: none !important;
}
html body.compass-body #mainNav .nav-split__toggle[aria-expanded="true"] .ti-chevron-down::before,
html body.compass-body #mainNav li.sfHover > .nav-split .nav-split__toggle .ti-chevron-down::before {
content: "\ea62";
}
html body.compass-body #mainNav .navbar-nav > li > a,
html body.compass-body #mainNav .nav-split__label {
color: #1a3550 !important;
font-size: 14px;
font-weight: 650;
letter-spacing: .045em;
text-transform: uppercase;
}
html body.compass-body #mainNav .nav-split__toggle {
min-width: 34px;
padding: 0 8px !important;
color: #53636d !important;
opacity: 1;
}
html body.compass-body #mainNav .nav-split__toggle:hover,
html body.compass-body #mainNav .nav-split__toggle:focus,
html body.compass-body #mainNav .dropdown.open > .nav-split .nav-split__toggle {
color: #0f7c94 !important;
}
html body.compass-body #mainNav .nav-split__label:focus-visible,
html body.compass-body #mainNav .nav-split__toggle:focus-visible,
html body.compass-body #mainNav .navbar-nav > li > a:focus-visible {
outline: 3px solid rgba(15, 124, 148, .28) !important;
outline-offset: -4px;
}
html body.compass-body #mainNav .navbar-nav > li.nav-highlight > a {
color: #1a3550 !important;
font-weight: 650 !important;
}
html body.compass-body #mainNav .navbar-nav > li.nav-highlight > a::before {
content: none !important;
display: none !important;
}
html body.compass-body #mainNav .navbar-nav > li.nav-cta > a,
html body.compass-body #mainNav .navbar-nav > li.nav-cta > a:link,
html body.compass-body #mainNav .navbar-nav > li.nav-cta > a:visited {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
border-color: #0f7c94 !important;
background: #0f7c94 !important;
color: #fff !important;
}
html body.compass-body #mainNav .navbar-nav > li.nav-cta > a:hover,
html body.compass-body #mainNav .navbar-nav > li.nav-cta > a:focus {
border-color: #0b687d !important;
background: #0b687d !important;
color: #fff !important;
box-shadow: 0 8px 20px rgba(15, 124, 148, .20);
}
html body.compass-body #mainNav .nav-profile-link,
html body.compass-body #mainNav .nav-profile-logout {
color: #1a3550 !important;
}
html body.compass-body #mainNav .nav-profile-link {
gap: 8px;
}
html body.compass-body #mainNav .navbar-nav a[href^="/login"] {
gap: 8px;
}
@media (min-width: 992px) {
html body.compass-body #mainNav .navbar-nav > li.dropdown > .nav-split {
border-radius: 8px;
transition: background-color .2s ease;
}
html body.compass-body #mainNav .navbar-nav > li.dropdown:hover > .nav-split,
html body.compass-body #mainNav .navbar-nav > li.dropdown.open > .nav-split,
html body.compass-body #mainNav.has-hero .navbar-nav > li.dropdown:hover > .nav-split,
html body.compass-body #mainNav.has-hero .navbar-nav > li.dropdown.open > .nav-split,
html body.compass-body #mainNav.has-hero.scrolled .navbar-nav > li.dropdown:hover > .nav-split,
html body.compass-body #mainNav.has-hero.scrolled .navbar-nav > li.dropdown.open > .nav-split {
background: rgba(15, 124, 148, .075) !important;
}
html body.compass-body #mainNav .navbar-collapse .dropdown-menu,
html body.compass-body #mainNav.has-hero .navbar-collapse .dropdown-menu,
html body.compass-body #mainNav.has-hero.scrolled .navbar-collapse .dropdown-menu {
width: 280px !important;
min-width: 280px;
padding: 10px 0 !important;
overflow: hidden;
border: 1px solid #dce6e7 !important;
border-top: 2px solid #0f7c94 !important;
border-radius: 0 0 12px 12px !important;
background: #fff !important;
box-shadow: 0 18px 42px rgba(16, 40, 62, .16) !important;
text-transform: none !important;
}
html body.compass-body #mainNav .navbar-collapse .dropdown-menu > li > a,
html body.compass-body #mainNav.has-hero .navbar-collapse .dropdown-menu > li > a,
html body.compass-body #mainNav.has-hero.scrolled .navbar-collapse .dropdown-menu > li > a {
display: flex;
align-items: center;
min-height: 48px;
padding: 13px 20px !important;
background: transparent !important;
color: #172a36 !important;
font-size: 15px !important;
font-weight: 600;
letter-spacing: .005em;
line-height: 22px;
text-transform: none !important;
transition: background-color .16s ease, color .16s ease, box-shadow .16s ease;
}
html body.compass-body #mainNav .navbar-collapse .dropdown-menu > li > a:hover,
html body.compass-body #mainNav .navbar-collapse .dropdown-menu > li > a:focus,
html body.compass-body #mainNav .navbar-collapse .dropdown-menu > li.active > a {
background: #edf5f6 !important;
box-shadow: inset 3px 0 0 #0f7c94;
color: #0b687d !important;
outline: none;
}
}
@media (max-width: 991px) {
html body.compass-body #mainNav .navbar-collapse,
html body.compass-body #mainNav .navbar-collapse.collapse.in,
html body.compass-body #mainNav .navbar-collapse.collapsing,
html body.compass-body #mainNav.has-hero .navbar-collapse,
html body.compass-body #mainNav.has-hero.scrolled .navbar-collapse {
border-top: 1px solid #dce6e7 !important;
background: #fff !important;
box-shadow: 0 18px 38px rgba(16, 40, 62, .13) !important;
}
html body.compass-body #mainNav .navbar-collapse .navbar-nav {
margin: 0 0 14px !important;
}
html body.compass-body #mainNav .navbar-collapse .navbar-nav > li {
border-bottom: 1px solid #e5ecee;
}
html body.compass-body #mainNav .navbar-collapse .navbar-nav > li.dropdown > .nav-split {
min-height: 56px;
background: #fff !important;
}
html body.compass-body #mainNav .navbar-collapse .navbar-nav > li.dropdown.open > .nav-split {
background: #f3f7f7 !important;
}
html body.compass-body #mainNav .navbar-collapse .nav-split__label,
html body.compass-body #mainNav.has-hero .navbar-collapse .nav-split__label,
html body.compass-body #mainNav.has-hero.scrolled .navbar-collapse .nav-split__label {
min-height: 56px;
padding: 16px 20px !important;
color: #1a3550 !important;
font-size: 14px;
font-weight: 650;
letter-spacing: .045em;
line-height: 22px;
}
html body.compass-body #mainNav .navbar-collapse .nav-split__toggle,
html body.compass-body #mainNav.has-hero .navbar-collapse .nav-split__toggle,
html body.compass-body #mainNav.has-hero.scrolled .navbar-collapse .nav-split__toggle {
width: 56px;
min-width: 56px;
min-height: 56px;
padding: 0 18px !important;
border-left: 0 !important;
color: #53636d !important;
}
html body.compass-body #mainNav .navbar-collapse .nav-split__toggle i {
font-size: 18px;
}
html body.compass-body #mainNav .navbar-collapse .dropdown-menu {
width: calc(100% - 24px) !important;
margin: 0 12px 12px !important;
padding: 6px 0 !important;
overflow: hidden !important;
border: 1px solid #e2e8e9 !important;
border-radius: 10px !important;
background: #fbf8f2 !important;
box-shadow: none !important;
}
html body.compass-body #mainNav .navbar-collapse .dropdown-menu > li {
border: 0;
}
html body.compass-body #mainNav .navbar-collapse .dropdown-menu > li > a,
html body.compass-body #mainNav.has-hero .navbar-collapse .dropdown-menu > li > a,
html body.compass-body #mainNav.has-hero.scrolled .navbar-collapse .dropdown-menu > li > a {
display: flex;
align-items: center;
min-height: 48px;
padding: 13px 18px !important;
background: transparent !important;
color: #1a3550 !important;
font-size: 15px !important;
font-weight: 500;
letter-spacing: 0;
line-height: 22px;
text-transform: none !important;
}
html body.compass-body #mainNav .navbar-collapse .dropdown-menu > li > a:hover,
html body.compass-body #mainNav .navbar-collapse .dropdown-menu > li > a:focus,
html body.compass-body #mainNav .navbar-collapse .dropdown-menu > li.active > a {
background: #eaf3f4 !important;
box-shadow: inset 3px 0 0 #0f7c94;
color: #0b687d !important;
outline: none;
}
html body.compass-body #mainNav .navbar-collapse .navbar-nav > li:not(.nav-cta) > a {
min-height: 56px;
padding: 16px 20px !important;
color: #1a3550 !important;
font-size: 14px;
font-weight: 650;
letter-spacing: .045em;
line-height: 22px;
text-transform: uppercase;
}
html body.compass-body #mainNav .navbar-collapse .navbar-nav > li.nav-cta {
padding: 0;
border-bottom: 1px solid #e5ecee;
}
html body.compass-body #mainNav .navbar-collapse .navbar-nav > li.nav-cta > a,
html body.compass-body #mainNav.has-hero .navbar-collapse .navbar-nav > li.nav-cta > a,
html body.compass-body #mainNav.has-hero.scrolled .navbar-collapse .navbar-nav > li.nav-cta > a {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto !important;
min-width: 104px;
min-height: 48px;
margin: 14px 20px !important;
padding: 12px 22px !important;
border: 1px solid #0f7c94 !important;
border-radius: 999px;
background: #0f7c94 !important;
color: #fff !important;
line-height: 22px;
}
html body.compass-body #mainNav .navbar-collapse .nav-profile-link {
display: flex !important;
align-items: center;
gap: 8px;
}
html body.compass-body #mainNav .navbar-collapse .navbar-nav a[href^="/login"] {
display: flex !important;
align-items: center;
gap: 8px;
}
}
@media (prefers-reduced-motion: reduce) {
html body.compass-body #mainNav .nav-split__toggle i,
html body.compass-body #mainNav .dropdown-menu > li > a {
transition: none !important;
}
}
@media (max-width: 768px) {
#plan-your-visit-form .visit-form-section__left {
padding-top: 0;
}
}
html body.compass-body .staff-section__label {
display: inline-block;
margin: 0 0 10px;
padding: 0;
border: 0;
background: transparent;
color: #0f7c94;
font-family: Inter, "Helvetica Neue", Arial, sans-serif;
font-size: 13px;
font-weight: 750;
letter-spacing: .14em;
line-height: 1.3;
text-transform: uppercase;
}
html body.compass-body .staff-section__title {
margin: 0;
color: #1a3550;
font-family: "DM Serif Display", Georgia, serif !important;
font-size: clamp(40px, 4.4vw, 58px);
font-weight: 400;
line-height: 1.08;
letter-spacing: -.02em;
}
html body.compass-body .staff-section__subtitle {
max-width: 690px;
margin: 14px 0 0;
color: #63717b;
font-size: 17px;
line-height: 1.65;
}
html body.compass-body .staff-section__divider {
width: 56px;
margin: 18px 0 34px;
border: 0;
border-top: 3px solid #0f7c94;
}
html body.compass-body .staff-grid.staff-grid--3col {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 30px;
}
html body.compass-body .staff-card {
position: relative;
display: flex;
min-width: 0;
overflow: hidden;
flex-direction: column;
border: 1px solid #dce3e7;
border-radius: 14px;
background: #fff;
box-shadow: 0 10px 30px rgba(16, 40, 62, .07);
cursor: pointer;
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
html body.compass-body .staff-card:hover,
html body.compass-body .staff-card:focus-visible {
transform: translateY(-4px);
border-color: #85b9c5;
box-shadow: 0 18px 42px rgba(16, 40, 62, .13);
}
html body.compass-body .staff-card:focus-visible {
outline: 3px solid #e8652d;
outline-offset: 3px;
}
html body.compass-body .staff-card__image {
display: block;
width: 100%;
height: 278px;
object-fit: cover;
object-position: center 28%;
background: #dfeaec;
}
html body.compass-body .staff-card__body {
display: flex;
min-height: 238px;
flex: 1 1 auto;
flex-direction: column;
padding: 25px 25px 23px;
}
html body.compass-body .staff-card__name {
margin: 0;
color: #1a3550;
font-family: "DM Serif Display", Georgia, serif !important;
font-size: 25px;
font-weight: 400;
line-height: 1.13;
}
html body.compass-body .staff-card__role,
html body.compass-body .staff-card__job {
margin: 8px 0 0;
color: #0f7c94;
font-size: 14px;
font-weight: 700;
line-height: 1.45;
}
html body.compass-body .staff-card__bio--short {
display: -webkit-box;
margin: 16px 0 18px;
overflow: hidden;
color: #63717b;
font-size: 15px;
line-height: 1.62;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
html body.compass-body .staff-card__read-more {
margin-top: auto;
color: #0f7c94;
font-size: 14px;
font-weight: 750;
}
html body.compass-body .staff-modal {
padding: 28px;
background: rgba(10, 26, 40, .72);
backdrop-filter: blur(5px);
}
html body.compass-body .staff-modal__content {
width: min(100%, 920px);
max-height: min(86vh, 760px);
overflow: auto;
border-radius: 18px;
box-shadow: 0 28px 90px rgba(0, 0, 0, .28);
}
html body.compass-body .staff-modal__inner {
gap: 38px;
padding: 46px;
}
html body.compass-body .staff-modal__image {
width: min(34vw, 300px);
max-height: 390px;
border-radius: 12px;
object-fit: cover;
}
html body.compass-body .staff-modal__name {
color: #1a3550;
font-family: "DM Serif Display", Georgia, serif !important;
font-size: clamp(34px, 4vw, 48px);
font-weight: 400;
line-height: 1.08;
}
html body.compass-body .staff-modal__close {
width: 46px;
height: 46px;
border-radius: 50%;
color: #1a3550;
font-size: 30px;
}
@media (max-width: 991px) {
html body.compass-body .staff-grid.staff-grid--3col {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
html body.compass-body .staff-grid.staff-grid--3col {
grid-template-columns: 1fr;
gap: 22px;
}
html body.compass-body .staff-card__image {
height: min(82vw, 330px);
}
html body.compass-body .staff-card__body {
min-height: 0;
}
html body.compass-body .staff-modal {
padding: 12px;
}
html body.compass-body .staff-modal__inner {
display: block;
padding: 28px 22px;
}
html body.compass-body .staff-modal__image {
width: 100%;
max-height: 320px;
margin-bottom: 24px;
}
}
/* Keep the two-line Services schedule readable in the compact footer. */
@media (max-width: 600px) {
body .bbcc-footer .bbcc-footer__grid > div:last-child .bbcc-footer__detail a {
flex-direction: column;
align-items: flex-start;
gap: 2px;
}
}
@media (min-width: 1200px) {
html body.compass-body #bid_6217 .jarallax {
min-height: clamp(640px, calc(100vh - 180px), 760px) !important;
background: var(--bbcc-ink) !important;
}
html body.compass-body #bid_6217 [id^="jarallax-container-"],
html body.compass-body #bid_6217 .bbcc-hero-video {
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
}
html body.compass-body #bid_6217 .jarallax-img,
html body.compass-body #bid_6217 .bbcc-hero-video {
object-fit: cover !important;
object-position: center center !important;
}
html body.compass-body #bid_6217 .parallax-content {
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background: transparent !important;
}
html body.compass-body #bid_6217 .hero-gradient {
width: 100% !important;
height: 100% !important;
background:
linear-gradient(90deg, rgba(10, 30, 48, .90) 0%, rgba(10, 30, 48, .72) 34%, rgba(10, 30, 48, .34) 62%, rgba(10, 30, 48, .12) 100%),
linear-gradient(0deg, rgba(10, 30, 48, .24) 0%, rgba(10, 30, 48, 0) 48%) !important;
}
html body.compass-body #bid_6217 .hero-layout {
width: min(calc(100% - 64px), 1120px);
height: 100%;
margin: 0 auto;
}
html body.compass-body #bid_6217 .hero-inner {
box-sizing: border-box;
width: min(100%, 620px);
max-width: 620px;
margin: 0;
padding: 64px 0;
text-align: left;
}
html body.compass-body #bid_6217 .hero-sub {
max-width: 570px;
}
}
@media (prefers-reduced-motion: reduce) {
html body.compass-body #bid_6217 .bbcc-hero-video {
display: none !important;
}
html body.compass-body #bid_6217 .jarallax-img {
opacity: 1 !important;
}
}
@media (max-width: 1199px) {
html body.compass-body #bid_6217 .jarallax {
min-height: clamp(580px, calc(100svh - 80px), 680px) !important;
background: var(--bbcc-ink) !important;
}
html body.compass-body #bid_6217 [id^="jarallax-container-"],
html body.compass-body #bid_6217 .bbcc-hero-video,
html body.compass-body #bid_6217 .parallax-content {
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
}
html body.compass-body #bid_6217 .jarallax-img,
html body.compass-body #bid_6217 .bbcc-hero-video {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
object-fit: cover !important;
object-position: center center !important;
transform: none !important;
}
html body.compass-body #bid_6217 .parallax-content {
background: transparent !important;
}
html body.compass-body #bid_6217 .hero-gradient {
width: 100% !important;
height: 100% !important;
background: linear-gradient(180deg, rgba(10, 30, 48, .05) 0%, rgba(10, 30, 48, .18) 35%, rgba(10, 30, 48, .78) 68%, rgba(10, 30, 48, .96) 100%) !important;
}
html body.compass-body #bid_6217 .hero-layout {
align-items: flex-end;
width: 100%;
height: 100%;
padding: 0;
}
html body.compass-body #bid_6217 .hero-inner {
box-sizing: border-box;
width: min(calc(100% - 40px), 680px);
max-width: 680px;
margin: 0 auto;
padding: 36px 0 42px;
text-align: center;
}
html body.compass-body #bid_6217 .hero-headline {
margin-bottom: 12px;
font-size: clamp(42px, 10.5vw, 58px);
}
html body.compass-body #bid_6217 .hero-sub {
max-width: 590px;
margin: 0 auto 22px;
font-size: clamp(16px, 4vw, 18px);
line-height: 1.48;
}
html body.compass-body #bid_6217 .hero-buttons {
width: auto;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
}
html body.compass-body #bid_6217 .hero-btn {
width: auto !important;
min-width: 150px;
padding-right: 22px;
padding-left: 22px;
}
}
@media (max-width: 419px) {
html body.compass-body #bid_6217 .hero-inner {
width: min(calc(100% - 28px), 680px);
padding-bottom: 30px;
}
html body.compass-body #bid_6217 .hero-buttons {
gap: 10px;
}
html body.compass-body #bid_6217 .hero-btn {
min-width: 138px;
padding-right: 17px;
padding-left: 17px;
}
}
html body.compass-body #bid_6217 .bbcc-hero-video {
opacity: 0;
transition: opacity .35s ease;
}
html body.compass-body #bid_6217 .bbcc-hero-video.is-ready {
opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
html body.compass-body #bid_6217 .bbcc-hero-video {
transition: none;
}
}
#bid_8633 section {
padding: clamp(58px, 6vw, 80px) 0 !important;
}
#bid_8633 .welcome-wrap {
max-width: 1240px !important;
padding: 0 28px !important;
gap: clamp(48px, 4.5vw, 64px) !important;
align-items: flex-start !important;
}
#bid_8633 .welcome-wrap > div:first-child {
width: 43% !important;
padding-top: 4px !important;
}
#bid_8633 .welcome-wrap > div:last-child {
position: relative;
width: calc(57% - clamp(48px, 4.5vw, 64px)) !important;
padding-left: clamp(32px, 3.5vw, 44px) !important;
border-left: 0 !important;
}
#bid_8633 .welcome-wrap > div:last-child::before {
position: absolute;
top: 5px;
left: 0;
width: 2px;
height: 68px;
border-radius: 2px;
background: var(--bbcc-home-accent);
content: "";
}
#bid_8633 h2 {
max-width: 11.5em;
font-size: clamp(40px, 3.5vw, 50px) !important;
line-height: 1.07 !important;
letter-spacing: -.022em !important;
}
#bid_8633 .welcome-wrap > div:last-child > p {
max-width: 62ch;
line-height: 1.68 !important;
}
#bid_8633 .welcome-wrap > div:last-child > div {
gap: 10px !important;
margin-top: 26px !important;
}
@media (max-width: 768px) {
#bid_8633 section {
padding: 52px 0 !important;
}
#bid_8633 .welcome-wrap {
padding: 0 22px !important;
gap: 24px !important;
}
#bid_8633 .welcome-wrap > div:first-child {
padding-top: 0 !important;
}
#bid_8633 .welcome-wrap > div:last-child {
padding: 24px 0 0 !important;
}
#bid_8633 .welcome-wrap > div:last-child::before {
top: 0;
width: 56px;
height: 2px;
}
#bid_8633 h2 {
max-width: 10em;
font-size: clamp(34px, 9vw, 40px) !important;
line-height: 1.08 !important;
}
#bid_8633 .welcome-wrap > div:last-child > p {
font-size: 16px !important;
line-height: 1.68 !important;
}
#bid_8633 .welcome-wrap > div:last-child > div {
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 10px !important;
margin-top: 22px !important;
}
#bid_8633 a[href="/planyourvisit"],
#bid_8633 a[href="/aboutus"] {
width: auto !important;
flex: 0 0 auto !important;
}
}
@media (max-width: 768px) {
#bid_8633 .welcome-wrap > div:first-child,
#bid_8633 .welcome-wrap > div:last-child {
width: 100% !important;
flex: 0 0 auto !important;
box-sizing: border-box;
}
}
#bid_8658 .parallax-window {
height: clamp(440px, 34vw, 500px) !important;
isolation: isolate;
}
#bid_8658 .parallax-window__bg {
transform: scale(1.015);
filter: saturate(.92) contrast(1.06) brightness(.97);
}
#bid_8658 .parallax-window__overlay {
background: linear-gradient(90deg, rgba(16, 40, 62, .2) 0%, rgba(16, 40, 62, .04) 58%, rgba(16, 40, 62, .12) 100%) !important;
}
#bid_8658 .parallax-window__edge--top {
background: linear-gradient(to bottom, rgba(16, 40, 62, .14), transparent) !important;
}
#bid_8658 .parallax-window__edge--bottom {
background: linear-gradient(to top, rgba(16, 40, 62, .16), transparent) !important;
}
#bid_8658 .parallax-window__content {
width: min(100%, 1240px) !important;
margin: 0 auto !important;
padding: 56px 28px !important;
justify-content: flex-start !important;
text-align: left !important;
}
#bid_8658 .parallax-window__card {
width: min(100%, 480px) !important;
max-width: 480px !important;
padding: 42px 44px !important;
border: 1px solid rgba(255, 255, 255, .72) !important;
border-top: 4px solid var(--bbcc-home-accent) !important;
border-radius: 16px !important;
background: rgba(253, 248, 240, .94) !important;
color: var(--bbcc-home-ink) !important;
text-align: left !important;
box-shadow: 0 24px 64px rgba(16, 40, 62, .2) !important;
backdrop-filter: blur(18px) saturate(115%) !important;
-webkit-backdrop-filter: blur(18px) saturate(115%) !important;
}
#bid_8658 .parallax-window__card h2 {
margin: 0 0 14px !important;
color: var(--bbcc-home-ink) !important;
font-size: clamp(38px, 3.4vw, 46px) !important;
}
#bid_8658 .parallax-window__text {
margin: 0 !important;
color: var(--bbcc-home-text) !important;
opacity: 1 !important;
}
#bid_8658 .parallax-window__text p {
max-width: 38ch;
margin: 0 0 24px !important;
font-size: 17px !important;
line-height: 1.62 !important;
}
#bid_8658 a[href="/directions"] {
border-color: var(--bbcc-home-action) !important;
background: var(--bbcc-home-action) !important;
color: #fff !important;
}
#bid_8658 a[href="/directions"]:hover {
border-color: var(--bbcc-home-action-hover) !important;
background: var(--bbcc-home-action-hover) !important;
color: #fff !important;
}
#bid_8658 a[href="/directions"] i {
display: inline-flex;
align-items: center;
color: inherit !important;
}
#bid_8658 a[href="/directions"] br {
display: none;
}
@media (max-width: 768px) {
#bid_8658 .parallax-window {
height: auto !important;
min-height: 460px;
}
#bid_8658 .parallax-window__bg {
background-attachment: scroll !important;
background-position: 58% center !important;
}
#bid_8658 .parallax-window__content {
width: 100% !important;
padding: 36px 18px !important;
}
#bid_8658 .parallax-window__card {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 32px 26px !important;
}
#bid_8658 .parallax-window__card h2 {
font-size: 36px !important;
}
#bid_8658 .parallax-window__text p {
font-size: 16px !important;
}
}
#bid_8632 .parallax-window {
height: clamp(460px, 34vw, 520px) !important;
isolation: isolate;
}
#bid_8632 .parallax-window__bg {
transform: scale(1.02);
filter: saturate(1.12) contrast(1.04) brightness(1.03);
background-position: 50% 55% !important;
}
#bid_8632 .parallax-window__overlay {
background: linear-gradient(90deg, rgba(16, 40, 62, .02) 0%, rgba(16, 40, 62, .08) 50%, rgba(16, 40, 62, .3) 100%) !important;
}
#bid_8632 .parallax-window__edge--top {
background: linear-gradient(to bottom, rgba(16, 40, 62, .12), transparent) !important;
}
#bid_8632 .parallax-window__edge--bottom {
background: linear-gradient(to top, rgba(16, 40, 62, .16), transparent) !important;
}
#bid_8632 .parallax-window__content {
width: min(100%, 1240px) !important;
margin: 0 auto !important;
padding: 48px 28px !important;
justify-content: flex-end !important;
text-align: left !important;
}
#bid_8632 .parallax-window__card {
width: min(100%, 460px) !important;
max-width: 460px !important;
padding: 38px 40px !important;
border: 1px solid rgba(255, 255, 255, .28) !important;
border-top: 4px solid #f2bd3f !important;
border-radius: 18px !important;
background: linear-gradient(145deg, rgba(11, 101, 122, .94), rgba(16, 40, 62, .93)) !important;
color: #fff !important;
text-align: left !important;
box-shadow: 0 24px 64px rgba(16, 40, 62, .26) !important;
backdrop-filter: blur(16px) saturate(120%) !important;
-webkit-backdrop-filter: blur(16px) saturate(120%) !important;
}
#bid_8632 .parallax-window__card h2 {
margin: 0 0 14px !important;
color: #fff !important;
font-size: clamp(38px, 3.3vw, 46px) !important;
line-height: 1.04 !important;
}
#bid_8632 .parallax-window__card h2 span {
font-size: inherit !important;
}
#bid_8632 .parallax-window__card h2 b {
font-weight: 400 !important;
}
#bid_8632 .parallax-window__text {
margin: 0 !important;
color: #fff !important;
opacity: 1 !important;
}
#bid_8632 .parallax-window__text p {
max-width: 39ch;
margin: 0 0 24px !important;
color: rgba(255, 255, 255, .92) !important;
font-size: 16px !important;
line-height: 1.65 !important;
}
#bid_8632 a[href="/nextgen"] {
border-color: #fff !important;
background: #fff !important;
color: var(--bbcc-home-action-hover) !important;
}
#bid_8632 a[href="/nextgen"]:hover {
border-color: var(--bbcc-home-warm) !important;
background: var(--bbcc-home-warm) !important;
color: var(--bbcc-home-ink) !important;
}
@media (max-width: 768px) {
#bid_8632 .parallax-window {
height: auto !important;
min-height: 520px;
}
#bid_8632 .parallax-window__bg {
background-attachment: scroll !important;
background-position: 50% 52% !important;
}
#bid_8632 .parallax-window__content {
width: 100% !important;
padding: 200px 18px 24px !important;
align-items: flex-end !important;
}
#bid_8632 .parallax-window__card {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 30px 26px !important;
}
#bid_8632 .parallax-window__card h2 {
font-size: 36px !important;
}
#bid_8632 .parallax-window__text p {
font-size: 16px !important;
}
}
#bid_8632 .parallax-window__card h2 span {
font-family: inherit !important;
}
@media (max-width: 768px) {
#bid_8632 .parallax-window__bg {
background-size: auto 135% !important;
background-position: 50% 68% !important;
}
}
@media (max-width: 768px) {
#bid_8632 .parallax-window__bg {
background-size: auto 160% !important;
background-position: 50% 78% !important;
}
}
#bid_8941 [id$="upnlHtmlContentView"] > div {
padding: clamp(60px, 6vw, 76px) 20px 14px !important;
background: var(--bbcc-home-cool) !important;
}
#bid_8941 h2 {
margin: 0 0 14px !important;
color: var(--bbcc-home-ink) !important;
font-family: "DM Serif Display", Georgia, serif !important;
font-size: clamp(42px, 4vw, 54px) !important;
font-weight: 400 !important;
line-height: 1.04 !important;
letter-spacing: -.025em !important;
}
#bid_8941 h2 + div {
width: 48px !important;
height: 3px !important;
background: var(--bbcc-home-accent) !important;
}
#bid_8945 .event-list-bg {
padding: 28px 28px 44px !important;
background: var(--bbcc-home-cool) !important;
}
#bid_8945 .event-list-wrapper {
max-width: 1200px !important;
}
#bid_8945 .event-grid {
gap: 26px !important;
}
#bid_8945 .event-card {
min-height: 390px !important;
border-color: rgba(16, 40, 62, .1) !important;
border-radius: 16px !important;
background: #fffdfa !important;
box-shadow: 0 14px 38px rgba(16, 40, 62, .09) !important;
transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}
#bid_8945 .event-card:hover {
transform: translateY(-5px) !important;
border-color: rgba(59, 164, 196, .38) !important;
box-shadow: 0 22px 52px rgba(16, 40, 62, .14) !important;
}
#bid_8945 .event-card-image {
position: relative;
width: 100%;
height: auto !important;
min-height: 0 !important;
aspect-ratio: 16 / 9;
background-color: #dfeaed !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
filter: saturate(.98) contrast(1.02);
transition: filter .2s ease !important;
}
#bid_8945 .event-card:hover .event-card-image {
filter: saturate(1.06) contrast(1.04);
}
#bid_8945 .event-card-body {
min-height: 190px;
padding: 24px 24px 26px !important;
align-items: flex-start !important;
}
#bid_8945 .event-card-date {
order: 1;
display: inline-flex;
width: fit-content;
margin: 0 0 12px !important;
padding: 5px 10px 6px;
border-radius: 999px;
background: var(--bbcc-home-cool);
color: var(--bbcc-home-action-hover) !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1.25 !important;
letter-spacing: .025em;
}
#bid_8945 .event-card-title {
order: 2;
min-height: 55px;
margin: 0 0 12px !important;
font-size: 24px !important;
line-height: 1.14 !important;
}
#bid_8945 .event-card-preview {
order: 3;
margin: auto 0 0 !important;
color: var(--bbcc-home-muted) !important;
font-size: 15px !important;
line-height: 1.55 !important;
}
#bid_8946 [id$="upnlHtmlContentView"] > div {
padding: 0 28px clamp(64px, 7vw, 82px) !important;
background: var(--bbcc-home-cool) !important;
}
#bid_8946 a[href="/events"] {
padding-right: 26px !important;
padding-left: 26px !important;
}
@media (max-width: 768px) {
#bid_8941 [id$="upnlHtmlContentView"] > div {
padding: 54px 18px 12px !important;
}
#bid_8941 h2 {
font-size: 40px !important;
}
#bid_8945 .event-list-bg {
padding: 20px 16px 34px !important;
}
#bid_8945 .event-grid {
gap: 18px !important;
}
#bid_8945 .event-card {
min-height: 0 !important;
border-radius: 14px !important;
}
#bid_8945 .event-card-body {
min-height: 0;
padding: 22px 22px 24px !important;
}
#bid_8945 .event-card-title {
min-height: 0;
font-size: 23px !important;
}
#bid_8946 [id$="upnlHtmlContentView"] > div {
padding: 0 16px 62px !important;
}
}
#bid_8454 .feat-section {
max-width: 1200px !important;
padding: clamp(72px, 7vw, 92px) 28px !important;
}
#bid_8454 .feat-section > h2 {
margin: 0 0 34px !important;
color: var(--bbcc-home-ink) !important;
font-size: clamp(42px, 4vw, 54px) !important;
line-height: 1.04 !important;
letter-spacing: -.025em !important;
text-align: center;
}
#bid_8454 .feat-card {
display: block !important;
overflow: hidden !important;
border: 1px solid rgba(16, 40, 62, .12) !important;
border-radius: 18px !important;
background: #fffdfa !important;
box-shadow: 0 24px 64px rgba(16, 40, 62, .13) !important;
}
#bid_8454 .feat-card-img {
width: 100% !important;
height: auto !important;
min-height: 0 !important;
aspect-ratio: 16 / 9;
display: flex !important;
align-items: center;
justify-content: center;
overflow: hidden;
background: var(--bbcc-home-ink-deep) !important;
}
#bid_8454 .feat-card-img a {
display: block;
width: 100%;
height: auto;
}
#bid_8454 .feat-card-img img {
display: block !important;
width: 100% !important;
height: auto !important;
max-width: 100% !important;
aspect-ratio: auto !important;
object-fit: contain !important;
object-position: center !important;
background: var(--bbcc-home-ink-deep);
}
#bid_8454 .feat-card-info {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto;
grid-template-rows: auto auto 1fr;
column-gap: 38px;
width: 100% !important;
padding: 32px 36px 36px !important;
background: #fffdfa !important;
}
#bid_8454 .feat-card-title {
grid-column: 1;
grid-row: 1;
margin: 0 0 8px !important;
color: var(--bbcc-home-ink) !important;
font-family: "DM Serif Display", Georgia, serif !important;
font-size: clamp(30px, 3vw, 38px) !important;
font-weight: 400 !important;
line-height: 1.08 !important;
letter-spacing: -.02em !important;
}
#bid_8454 .feat-card-meta {
grid-column: 1;
grid-row: 2;
margin: 0 0 14px !important;
color: var(--bbcc-home-action) !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1.4 !important;
}
#bid_8454 .feat-card-desc {
grid-column: 1;
grid-row: 3;
max-width: 72ch;
margin: 0 !important;
color: var(--bbcc-home-text) !important;
font-size: 16px !important;
line-height: 1.65 !important;
}
#bid_8454 .feat-card-buttons {
grid-column: 2;
grid-row: 1 / 4;
align-self: end;
justify-self: end;
flex-direction: column !important;
align-items: stretch !important;
width: auto;
min-width: 176px;
margin: 0 !important;
gap: 10px !important;
}
#bid_8454 .feat-btn-watch,
#bid_8454 .feat-btn-all {
width: 100% !important;
min-width: 176px;
}
@media (max-width: 768px) {
#bid_8454 .feat-section {
padding: 64px 16px !important;
}
#bid_8454 .feat-section > h2 {
margin-bottom: 26px !important;
font-size: 40px !important;
}
#bid_8454 .feat-card {
border-radius: 14px !important;
}
#bid_8454 .feat-card-info {
display: block !important;
padding: 28px 22px 30px !important;
}
#bid_8454 .feat-card-title {
font-size: 30px !important;
}
#bid_8454 .feat-card-desc {
font-size: 15px !important;
line-height: 1.62 !important;
}
#bid_8454 .feat-card-buttons {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
flex-wrap: wrap !important;
width: 100%;
min-width: 0;
margin-top: 22px !important;
}
#bid_8454 .feat-btn-watch,
#bid_8454 .feat-btn-all {
width: auto !important;
min-width: 0;
flex: 0 0 auto;
}
}
#bid_8454 .feat-card-img {
max-width: 100% !important;
flex: 0 0 100% !important;
}
#bid_8656 section {
position: relative;
overflow: hidden;
padding: clamp(72px, 8vw, 112px) 0 !important;
background: #f3ede4 !important;
}
#bid_8656 section::before {
position: absolute;
top: -140px;
right: -110px;
width: 360px;
height: 360px;
border: 1px solid rgba(20, 139, 158, .16);
border-radius: 50%;
content: "";
}
#bid_8656 section > .container {
position: relative;
display: grid !important;
grid-template-columns: minmax(0, .95fr) minmax(0, 1.25fr);
gap: clamp(42px, 6vw, 84px) !important;
align-items: center !important;
width: min(calc(100% - 48px), 1120px) !important;
max-width: 1120px !important;
margin: 0 auto !important;
padding: clamp(48px, 6vw, 76px) !important;
border: 1px solid rgba(28, 57, 82, .1);
border-radius: 28px;
background: #fffdf9;
box-shadow: 0 24px 70px rgba(28, 57, 82, .09);
}
#bid_8656 h2 {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
color: #1c3952 !important;
font-family: "DM Serif Display", Georgia, serif !important;
font-size: clamp(38px, 3.8vw, 52px) !important;
font-weight: 400 !important;
line-height: 1.06 !important;
letter-spacing: -.025em !important;
}
#bid_8656 h2::before {
display: block;
margin-bottom: 18px;
color: #0f7c94;
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 12px;
font-weight: 800;
line-height: 1.2;
letter-spacing: .14em;
text-transform: uppercase;
content: "We're here for you";
}
#bid_8656 section > .container > div {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 4px 0 4px clamp(32px, 4vw, 56px) !important;
border-left: 1px solid rgba(28, 57, 82, .14);
}
#bid_8656 p {
max-width: 590px;
margin: 0 !important;
color: #485d6d !important;
font-size: 18px !important;
line-height: 1.72 !important;
}
#bid_8656 a[href="/prayerrequest"] {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 50px;
margin-top: 26px !important;
padding: 13px 24px !important;
border: 2px solid #0f7c94 !important;
border-radius: 999px !important;
background: #0f7c94 !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
text-transform: none !important;
box-shadow: none !important;
}
#bid_8656 a[href="/prayerrequest"]::after {
margin-left: 10px;
font-size: 18px;
line-height: 1;
content: "\2192";
}
#bid_8656 a[href="/prayerrequest"]:hover {
border-color: #1c3952 !important;
background: #1c3952 !important;
color: #fff !important;
transform: translateY(-1px);
}
@media (max-width: 900px) {
#bid_8656 section {
padding: 64px 0 !important;
}
#bid_8656 section::before {
top: -105px;
right: -150px;
width: 300px;
height: 300px;
}
#bid_8656 section > .container {
grid-template-columns: 1fr;
gap: 30px !important;
width: min(calc(100% - 32px), 640px) !important;
padding: 38px 28px 40px !important;
border-radius: 22px;
}
#bid_8656 h2 {
font-size: clamp(36px, 10vw, 46px) !important;
}
#bid_8656 section > .container > div {
padding: 28px 0 0 !important;
border-top: 1px solid rgba(28, 57, 82, .14);
border-left: 0;
}
#bid_8656 p {
font-size: 17px !important;
line-height: 1.65 !important;
}
}
#bid_8656 section > .container > h2 {
grid-column: 1 !important;
grid-row: 1 !important;
}
#bid_8656 section > .container > div {
grid-column: 2 !important;
grid-row: 1 !important;
}
@media (max-width: 900px) {
#bid_8656 section > .container > h2 {
grid-column: 1 !important;
grid-row: 1 !important;
}
#bid_8656 section > .container > div {
grid-column: 1 !important;
grid-row: 2 !important;
}
}
body .bbcc-footer {
--footer-bg: #102b41;
--footer-fg: #fff;
--footer-muted: rgba(255, 255, 255, .68);
--footer-divider: rgba(255, 255, 255, .12);
--footer-accent: #51c4d2;
padding: clamp(64px, 7vw, 88px) 24px 30px !important;
border-top: 1px solid rgba(81, 196, 210, .28);
background: linear-gradient(145deg, #102f47 0%, #0d273b 55%, #081a28 100%) !important;
}
body .bbcc-footer .bbcc-footer__inner {
max-width: 1200px !important;
}
body .bbcc-footer .bbcc-footer__brand {
align-items: center !important;
margin-bottom: 46px !important;
padding-bottom: 34px !important;
}
body .bbcc-footer .bbcc-footer__brand h2 {
max-width: 720px;
font-size: clamp(30px, 3vw, 38px) !important;
font-weight: 400 !important;
letter-spacing: -.015em !important;
}
body .bbcc-footer .bbcc-footer__tagline {
margin-top: 8px !important;
color: var(--footer-accent) !important;
font-size: 15px !important;
font-style: normal !important;
font-weight: 700 !important;
letter-spacing: .04em;
}
body .bbcc-footer .bbcc-footer__grid {
display: grid !important;
grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
gap: 22px 24px !important;
margin-bottom: 42px !important;
}
body .bbcc-footer .bbcc-footer__grid > div {
min-width: 0;
}
body .bbcc-footer .bbcc-footer__grid > div:nth-child(-n+4) {
grid-column: span 3;
padding: 0 10px 28px 0;
}
body .bbcc-footer .bbcc-footer__grid > div:nth-child(n+5) {
grid-column: span 4;
min-height: 154px;
padding: 24px 26px;
border: 1px solid rgba(255, 255, 255, .1);
border-radius: 18px;
background: rgba(255, 255, 255, .035);
}
body .bbcc-footer .bbcc-footer__title {
margin-bottom: 17px !important;
color: var(--footer-accent) !important;
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: .16em !important;
}
body .bbcc-footer .bbcc-footer__list li {
margin-bottom: 8px !important;
line-height: 1.45 !important;
}
body .bbcc-footer .bbcc-footer__list li a,
body .bbcc-footer p a,
body .bbcc-footer .bbcc-footer__detail a {
color: rgba(255, 255, 255, .82) !important;
font-size: 14px !important;
line-height: 1.5 !important;
}
body .bbcc-footer .bbcc-footer__list li a {
display: inline-block;
}
body .bbcc-footer .bbcc-footer__list li a:hover,
body .bbcc-footer .bbcc-footer__list li a:focus-visible {
color: #fff !important;
transform: translateX(3px);
}
body .bbcc-footer .bbcc-footer__detail,
body .bbcc-footer .bbcc-footer__detail strong {
font-size: 14px !important;
line-height: 1.62 !important;
}
body .bbcc-footer .bbcc-footer__detail strong {
color: #fff !important;
font-weight: 650 !important;
}
body .bbcc-footer .bbcc-footer__social {
justify-content: flex-start !important;
gap: 10px !important;
padding-top: 28px !important;
}
body .bbcc-footer .bbcc-footer__social a {
gap: 8px !important;
padding: 9px 14px;
border: 1px solid rgba(255, 255, 255, .13);
border-radius: 999px;
background: rgba(255, 255, 255, .035);
}
body .bbcc-footer .bbcc-footer__social a:hover,
body .bbcc-footer .bbcc-footer__social a:focus-visible {
border-color: rgba(81, 196, 210, .65);
background: rgba(81, 196, 210, .1);
}
body .bbcc-footer .bbcc-footer__social svg {
width: 19px !important;
height: 19px !important;
}
body .bbcc-footer .bbcc-footer__legal {
margin-top: 24px !important;
text-align: left !important;
}
@media (max-width: 900px) {
body .bbcc-footer .bbcc-footer__grid > div:nth-child(-n+4) {
grid-column: span 6;
}
body .bbcc-footer .bbcc-footer__grid > div:nth-child(n+5) {
grid-column: span 12;
min-height: 0;
}
}
@media (max-width: 600px) {
body .bbcc-footer {
padding: 54px 20px 24px !important;
}
body .bbcc-footer .bbcc-footer__brand {
margin-bottom: 34px !important;
padding-bottom: 26px !important;
}
body .bbcc-footer .bbcc-footer__brand h2 {
font-size: 29px !important;
}
body .bbcc-footer .bbcc-footer__grid {
gap: 24px 18px !important;
}
body .bbcc-footer .bbcc-footer__grid > div:nth-child(-n+4) {
padding: 0 0 18px;
}
body .bbcc-footer .bbcc-footer__grid > div:nth-child(n+5) {
padding: 21px 22px;
border-radius: 15px;
}
body .bbcc-footer .bbcc-footer__social {
gap: 8px !important;
}
body .bbcc-footer .bbcc-footer__social a {
padding: 8px 11px;
}
body .bbcc-footer .bbcc-footer__social span {
font-size: 12px !important;
}
body .bbcc-footer .bbcc-footer__legal {
font-size: 12px !important;
line-height: 1.75 !important;
}
}
#bid_8656 section > .container > div {
grid-column: 2 !important;
grid-row: 1 !important;
}
@media (max-width: 900px) {
#bid_8656 section > .container > h2 {
grid-column: 1 !important;
grid-row: 1 !important;
}
#bid_8656 section > .container > div {
grid-column: 1 !important;
grid-row: 2 !important;
}
}
body.compass-body main .block-instance[id^="bid_"],
body.compass-body .bbcc-footer {
scroll-margin-top: 88px;
}
body.compass-body main a:focus-visible,
body.compass-body .bbcc-footer a:focus-visible {
outline: 3px solid #e8652d !important;
outline-offset: 4px !important;
}
@media (max-width: 991px) {
html body.compass-body #mainNav.bbcc-nav-compact .navbar-toggle {
top: 50% !important;
margin: 0 !important;
transform: translateY(-50%) !important;
}
html body.compass-body #mainNav .navbar-toggle::before {
position: absolute;
inset: -12px -7px;
content: "";
}
body.compass-body main .block-instance[id^="bid_"],
body.compass-body .bbcc-footer {
scroll-margin-top: 72px;
}
}
@media (min-width: 992px) {
html body.compass-body #mainNav .navbar-nav > li {
margin-left: 0 !important;
}
html body.compass-body #mainNav .nav-split__toggle {
min-width: 34px;
padding-right: 12px !important;
padding-left: 4px !important;
}
}
#bid_8454 .feat-section {
width: min(calc(100% - 48px), 1040px) !important;
max-width: 1040px !important;
padding: clamp(68px, 6vw, 82px) 0 !important;
}
#bid_8454 .feat-section > h2 {
margin-bottom: 28px !important;
font-size: clamp(46px, 4vw, 52px) !important;
}
#bid_8454 .feat-card {
position: relative;
display: block !important;
min-height: 540px;
overflow: hidden;
border: 0 !important;
border-radius: 24px !important;
background: #10283e !important;
box-shadow: 0 24px 64px rgba(16, 40, 62, .18) !important;
}
#bid_8454 .feat-card-img {
position: absolute !important;
inset: 0;
z-index: 0;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
aspect-ratio: auto !important;
background: #10283e !important;
}
#bid_8454 .feat-card-img::after {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(7, 22, 34, .98) 0%, rgba(7, 22, 34, .82) 31%, rgba(7, 22, 34, .12) 62%, rgba(7, 22, 34, .02) 100%);
content: "";
}
#bid_8454 .feat-card-img img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
}
#bid_8454 .feat-card-info {
position: absolute !important;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto;
gap: 20px 30px !important;
align-items: end !important;
width: 100% !important;
max-width: none !important;
min-height: 0 !important;
padding: 76px 34px 30px !important;
background: transparent !important;
}
#bid_8454 .feat-card-title {
grid-column: 1;
margin: 0 0 7px !important;
color: #fff !important;
font-size: clamp(29px, 3vw, 36px) !important;
line-height: 1.08 !important;
text-shadow: 0 2px 18px rgba(0, 0, 0, .32);
}
#bid_8454 .feat-card-meta {
grid-column: 1;
margin: 0 0 10px !important;
color: #72d2dd !important;
}
#bid_8454 .feat-card-desc {
display: -webkit-box !important;
grid-column: 1;
max-width: 680px;
margin: 0 !important;
overflow: hidden;
color: rgba(255, 255, 255, .82) !important;
font-size: 15px !important;
line-height: 1.55 !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
#bid_8454 .feat-card-buttons {
grid-column: 2;
grid-row: 1 / span 3;
align-self: end;
display: flex !important;
flex-direction: column;
gap: 10px !important;
width: 166px !important;
}
#bid_8454 .feat-card-buttons a {
width: 100% !important;
min-height: 46px !important;
padding: 11px 18px !important;
}
#bid_8454 .feat-btn-all {
border-color: rgba(255, 255, 255, .68) !important;
color: #fff !important;
}
#bid_8454 .feat-btn-all:hover,
#bid_8454 .feat-btn-all:focus-visible {
border-color: #fff !important;
background: #fff !important;
color: #10283e !important;
}
@media (max-width: 767px) {
#bid_8454 .feat-section {
width: calc(100% - 32px) !important;
padding: 56px 0 62px !important;
}
#bid_8454 .feat-section > h2 {
margin-bottom: 24px !important;
font-size: clamp(38px, 10vw, 44px) !important;
}
#bid_8454 .feat-card {
min-height: 0;
border: 1px solid rgba(28, 57, 82, .1) !important;
border-radius: 20px !important;
background: #fffdf9 !important;
box-shadow: 0 18px 46px rgba(16, 40, 62, .12) !important;
}
#bid_8454 .feat-card-img {
position: relative !important;
inset: auto;
height: auto !important;
aspect-ratio: 16 / 9 !important;
}
#bid_8454 .feat-card-img::after {
content: none;
}
#bid_8454 .feat-card-img img {
height: auto !important;
object-fit: contain !important;
}
#bid_8454 .feat-card-info {
position: relative !important;
display: block !important;
padding: 26px 22px 28px !important;
}
#bid_8454 .feat-card-title {
margin-bottom: 7px !important;
color: #1c3952 !important;
font-size: 28px !important;
text-shadow: none;
}
#bid_8454 .feat-card-meta {
color: #0f7c94 !important;
}
#bid_8454 .feat-card-desc {
margin-top: 17px !important;
color: #485d6d !important;
font-size: 15px !important;
-webkit-line-clamp: 4;
}
#bid_8454 .feat-card-buttons {
display: flex !important;
flex-direction: row;
gap: 10px !important;
width: 100% !important;
margin-top: 22px !important;
}
#bid_8454 .feat-card-buttons a {
width: auto !important;
}
#bid_8454 .feat-btn-all {
border-color: #0f7c94 !important;
color: #0f7c94 !important;
}
}
html body.compass-body #bid_6217,
html body.compass-body #bid_6217 *,
html body.compass-body #bid_8658,
html body.compass-body #bid_8658 *,
html body.compass-body #bid_8632,
html body.compass-body #bid_8632 *,
html body.compass-body #bid_8454 .feat-card-title,
html body.compass-body #bid_8656 section,
html body.compass-body #bid_8656 section * {
text-shadow: none !important;
}
#bid_8454 .feat-card {
cursor: pointer;
}
html body.compass-body #bid_8454 .feat-card-img > a {
display: block;
position: static !important;
}
html body.compass-body #bid_8454 .feat-card-img > a::after {
position: absolute;
inset: 0;
z-index: 2;
border-radius: 24px;
content: "";
}
html body.compass-body #bid_8454 .feat-card-info {
z-index: 3 !important;
pointer-events: none;
}
html body.compass-body #bid_8454 .feat-card-buttons {
position: relative;
z-index: 4;
pointer-events: auto;
}
html body.compass-body #bid_8454 .feat-card-buttons a {
position: relative;
z-index: 4;
}
html body.compass-body #bid_8454 .feat-card-img > a:focus-visible {
outline: none !important;
}
html body.compass-body #bid_8454 .feat-card-img > a:focus-visible::after {
outline: 3px solid #e8652d;
outline-offset: -6px;
}
@media (max-width: 767px) {
html body.compass-body #bid_8454 .feat-card-img {
position: static !important;
}
html body.compass-body #bid_8454 .feat-card-img > a::after {
border-radius: 20px;
}
}
html body.compass-body:has(#bid_6217) #mainNav {
position: fixed !important;
top: 0;
right: 0;
left: 0;
}
html body.compass-body:has(#bid_6217) #mainNav.has-hero:not(.bbcc-nav-compact):not(:has(#compass-nav.in)) {
background: linear-gradient(180deg, rgba(7, 24, 38, 0.62) 0%, rgba(7, 24, 38, 0.28) 62%, rgba(7, 24, 38, 0) 100%) !important;
border-color: transparent !important;
box-shadow: none !important;
}
html body.compass-body:has(#bid_6217) #mainNav.has-hero:not(.bbcc-nav-compact):not(:has(#compass-nav.in)) .navbar-brand img {
filter: brightness(0) invert(1) !important;
}
html body.compass-body:has(#bid_6217) #mainNav.has-hero:not(.bbcc-nav-compact):not(:has(#compass-nav.in)) .navbar-nav > li:not(.nav-cta) > a,
html body.compass-body:has(#bid_6217) #mainNav.has-hero:not(.bbcc-nav-compact):not(:has(#compass-nav.in)) .nav-split__label,
html body.compass-body:has(#bid_6217) #mainNav.has-hero:not(.bbcc-nav-compact):not(:has(#compass-nav.in)) .nav-split__toggle,
html body.compass-body:has(#bid_6217) #mainNav.has-hero:not(.bbcc-nav-compact):not(:has(#compass-nav.in)) .nav-profile-link,
html body.compass-body:has(#bid_6217) #mainNav.has-hero:not(.bbcc-nav-compact):not(:has(#compass-nav.in)) .nav-profile-logout {
color: #fff !important;
}
html body.compass-body:has(#bid_6217) #mainNav.has-hero:not(.bbcc-nav-compact):not(:has(#compass-nav.in)) .nav-cta > a {
color: #fff !important;
background: rgba(255, 255, 255, 0.14) !important;
border-color: rgba(255, 255, 255, 0.82) !important;
}
html body.compass-body:has(#bid_6217) #mainNav.has-hero:not(.bbcc-nav-compact):not(:has(#compass-nav.in)) .nav-cta > a:hover,
html body.compass-body:has(#bid_6217) #mainNav.has-hero:not(.bbcc-nav-compact):not(:has(#compass-nav.in)) .nav-cta > a:focus {
color: #17354e !important;
background: #fff !important;
}
html body.compass-body:has(#bid_6217) #mainNav.has-hero:not(.bbcc-nav-compact):not(:has(#compass-nav.in)) .navbar-toggle span {
background-color: #fff !important;
}
html body.compass-body:has(#bid_6217) #mainNav .dropdown-menu {
color: #17354e !important;
background: #fff !important;
}
html body.compass-body:has(#bid_6217) #mainNav .dropdown-menu > li > a {
color: #29465e !important;
}
html body.compass-body #mainNav .ti-chevron-down,
html body.compass-body #mainNav .ti-logout-2,
html body.compass-body #bid_8454 .ti-calendar,
html body.compass-body #bid_8946 .ti-calendar {
display: inline-block;
width: 1em;
height: 1em;
font-family: inherit !important;
font-style: normal;
line-height: 1;
vertical-align: -0.125em;
background-color: currentColor;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
html body.compass-body #mainNav .ti-chevron-down {
-webkit-mask-image: 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%3Cpath d='M6 9l6 6l6 -6'/%3E%3C/svg%3E");
mask-image: 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%3Cpath d='M6 9l6 6l6 -6'/%3E%3C/svg%3E");
}
html body.compass-body #mainNav .ti-logout-2 {
-webkit-mask-image: 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%3Cpath d='M10 8l-4 4l4 4'/%3E%3Cpath d='M6 12h12'/%3E%3Cpath d='M14 8v-2a2 2 0 0 1 2 -2h3a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-3a2 2 0 0 1 -2 -2v-2'/%3E%3C/svg%3E");
mask-image: 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%3Cpath d='M10 8l-4 4l4 4'/%3E%3Cpath d='M6 12h12'/%3E%3Cpath d='M14 8v-2a2 2 0 0 1 2 -2h3a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-3a2 2 0 0 1 -2 -2v-2'/%3E%3C/svg%3E");
}
html body.compass-body #bid_8454 .ti-calendar,
html body.compass-body #bid_8946 .ti-calendar {
-webkit-mask-image: 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%3Cpath d='M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'/%3E%3Cpath d='M16 3v4M8 3v4M4 11h16'/%3E%3C/svg%3E");
mask-image: 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%3Cpath d='M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2z'/%3E%3Cpath d='M16 3v4M8 3v4M4 11h16'/%3E%3C/svg%3E");
}
html body.compass-body #mainNav .ti-chevron-down::before,
html body.compass-body #mainNav .ti-logout-2::before,
html body.compass-body #bid_8454 .ti-calendar::before,
html body.compass-body #bid_8946 .ti-calendar::before {
content: "" !important;
}
html body.compass-body .bbcc-footer {
padding: 48px 24px 24px !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__brand {
padding-bottom: 20px !important;
margin-bottom: 28px !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__grid {
gap: 16px 22px !important;
margin-bottom: 28px !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__grid > div:nth-child(-n + 4) {
padding-bottom: 16px !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__grid > div:nth-child(n + 5) {
min-height: 116px !important;
padding: 18px 22px !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__title {
margin-bottom: 10px !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__list li {
margin-bottom: 6px !important;
font-size: 14px !important;
line-height: 1.4 !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__list li a {
font-size: 14px !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__social {
gap: 10px !important;
padding-top: 20px !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__legal {
margin-top: 16px !important;
}
html body.compass-body .compass-top {
background-image: none !important;
}
html body.compass-body .compass-top::before {
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 12px;
border-top: 3px solid #fff;
border-left: 3px solid #fff;
content: "";
text-indent: 0;
transform: translate(-50%, -30%) rotate(45deg);
}
@media (max-width: 768px) {
html body.compass-body .bbcc-footer {
padding: 38px 16px 20px !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__brand {
padding-bottom: 16px !important;
margin-bottom: 24px !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__brand h2 {
font-size: 25px !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__grid {
gap: 16px !important;
margin-bottom: 24px !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__grid > div:nth-child(-n + 6) {
grid-column: span 6 !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__grid > div:nth-child(7) {
grid-column: span 12 !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__grid > div:nth-child(-n + 4) {
padding: 0 0 12px !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__grid > div:nth-child(n + 5) {
min-height: 100px !important;
padding: 16px !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__title {
margin-bottom: 8px !important;
font-size: 11px !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__list li {
margin-bottom: 5px !important;
font-size: 14px !important;
line-height: 1.35 !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__detail,
html body.compass-body .bbcc-footer .bbcc-footer__detail strong,
html body.compass-body .bbcc-footer .bbcc-footer__detail a {
font-size: 14px !important;
line-height: 1.45 !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__social {
padding-top: 18px !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__legal {
margin-top: 16px !important;
font-size: 12px !important;
}
}
@media (max-width: 768px) {
html body.compass-body .bbcc-footer {
padding-top: 34px !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__tagline {
display: none !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__list li {
margin-bottom: 2px !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__list li a {
line-height: 18px !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__grid > div:nth-child(n + 5) {
min-height: 80px !important;
padding: 12px !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__detail,
html body.compass-body .bbcc-footer .bbcc-footer__detail strong,
html body.compass-body .bbcc-footer .bbcc-footer__detail a {
font-size: 13px !important;
line-height: 1.35 !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__social {
min-height: 48px;
padding-top: 14px !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__social a {
width: 44px;
height: 44px;
justify-content: center;
padding: 10px !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__social span {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
html body.compass-body .bbcc-footer .bbcc-footer__legal {
margin-top: 12px !important;
}
}
.bbcc-home-intro {
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(380px, 0.92fr);
max-width: 1200px;
margin: clamp(56px, 7vw, 96px) auto;
overflow: hidden;
border: 1px solid rgba(27, 58, 92, 0.12);
border-radius: 32px;
background: #fdf8f0;
}
.bbcc-home-intro > .block-instance {
min-width: 0;
}
.bbcc-home-intro #bid_8633 section {
height: 100%;
padding: clamp(48px, 5vw, 72px) !important;
background: transparent !important;
}
.bbcc-home-intro #bid_8633 .welcome-wrap {
display: block !important;
max-width: none !important;
padding: 0 !important;
}
.bbcc-home-intro #bid_8633 .welcome-wrap > div {
width: 100% !important;
padding: 0 !important;
border: 0 !important;
text-align: left !important;
}
.bbcc-home-intro #bid_8633 .welcome-wrap > div:first-child {
margin: 0 0 24px !important;
}
.bbcc-home-intro #bid_8633 .welcome-wrap h2 {
max-width: 620px;
margin-bottom: 0 !important;
font-size: clamp(36px, 3.1vw, 52px) !important;
line-height: 1.06 !important;
}
.bbcc-home-intro #bid_8633 .welcome-wrap > div:nth-child(2) > p {
margin: 0 !important;
font-size: 16px !important;
line-height: 1.72 !important;
color: #425466 !important;
}
.bbcc-home-intro #bid_8633 .welcome-wrap > div:nth-child(2) > div {
margin-top: 28px !important;
}
.bbcc-home-intro #bid_8658,
.bbcc-home-intro #bid_8658 .block-content,
.bbcc-home-intro #bid_8658 [id$="_upnlContent"],
.bbcc-home-intro #bid_8658 [id$="_pnlView"],
.bbcc-home-intro #bid_8658 .parallax-window-wrap,
.bbcc-home-intro #bid_8658 .parallax-window {
height: 100%;
}
.bbcc-home-intro #bid_8658 .parallax-window-wrap {
left: auto !important;
width: 100% !important;
margin: 0 !important;
}
.bbcc-home-intro #bid_8658 .parallax-window {
min-height: 580px;
}
.bbcc-home-intro #bid_8658 .parallax-window__bg {
background-attachment: scroll !important;
}
.bbcc-home-intro #bid_8658 .parallax-window__content {
padding: 32px !important;
}
.bbcc-home-intro #bid_8658 .parallax-window__card {
max-width: 390px !important;
padding: 36px !important;
border-radius: 20px !important;
}
#bid_8454 .feat-section {
max-width: 1120px !important;
padding: clamp(64px, 7vw, 88px) 24px !important;
}
#bid_8454 .feat-card {
height: 420px !important;
min-height: 420px !important;
}
#bid_8454 .feat-card-img {
height: 100% !important;
}
#bid_8454 .feat-card-info {
padding: 64px 34px 30px !important;
}
.bbcc-home-events {
padding: clamp(60px, 7vw, 84px) 0;
background: #eef6fb;
}
.bbcc-home-events #bid_8941 [id$="_upnlHtmlContentView"] > div,
.bbcc-home-events #bid_8946 [id$="_upnlHtmlContentView"] > div {
left: auto !important;
width: auto !important;
margin: 0 !important;
background: transparent !important;
}
.bbcc-home-events #bid_8941 [id$="_upnlHtmlContentView"] > div {
padding: 0 20px 24px !important;
}
.bbcc-home-events #bid_8945 .event-list-bg {
padding: 0 !important;
background: transparent !important;
}
.bbcc-home-events #bid_8945 .event-list-wrapper {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.bbcc-home-events #bid_8946 [id$="_upnlHtmlContentView"] > div {
padding: 28px 20px 0 !important;
}
#bid_8656 section {
padding: clamp(56px, 6vw, 76px) 24px !important;
}
#bid_8656 section > .container {
min-height: 0 !important;
padding: clamp(42px, 5vw, 60px) !important;
}
#bid_8656 section h2 {
font-size: clamp(32px, 3vw, 44px) !important;
line-height: 1.12 !important;
}
#bid_8656 section p {
font-size: 16px !important;
line-height: 1.65 !important;
}
@media (max-width: 900px) {
.bbcc-home-intro {
grid-template-columns: 1fr;
margin: 48px 20px;
}
.bbcc-home-intro #bid_8658 .parallax-window {
min-height: 430px;
}
}
@media (max-width: 768px) {
.bbcc-home-intro {
margin: 36px 16px 52px;
border-radius: 24px;
}
.bbcc-home-intro #bid_8633 section {
padding: 38px 24px 42px !important;
}
.bbcc-home-intro #bid_8633 .welcome-wrap > div {
margin-bottom: 0 !important;
text-align: left !important;
}
.bbcc-home-intro #bid_8633 .welcome-wrap h2 {
font-size: clamp(34px, 10vw, 44px) !important;
}
.bbcc-home-intro #bid_8633 .welcome-wrap > div:nth-child(2) > div {
flex-wrap: wrap !important;
}
.bbcc-home-intro #bid_8658 .parallax-window {
min-height: 390px;
}
.bbcc-home-intro #bid_8658 .parallax-window__content {
padding: 22px !important;
}
.bbcc-home-intro #bid_8658 .parallax-window__card {
padding: 28px 24px !important;
}
#bid_8632 .parallax-window {
height: 420px !important;
}
#bid_8454 .feat-section {
padding: 56px 16px !important;
}
#bid_8454 .feat-card {
height: 460px !important;
min-height: 460px !important;
}
#bid_8454 .feat-card-info {
padding: 70px 24px 24px !important;
}
.bbcc-home-events {
padding: 54px 0 60px;
}
#bid_8656 section {
padding: 48px 16px !important;
}
#bid_8656 section > .container {
display: block !important;
padding: 34px 24px !important;
}
#bid_8656 section h2 {
margin-bottom: 20px !important;
font-size: 32px !important;
}
}
#bid_8632 .parallax-window__card {
opacity: 1 !important;
transform: none !important;
}
.bbcc-home-events #bid_8941 [id$="_upnlHtmlContentView"] > div,
.bbcc-home-events #bid_8946 [id$="_upnlHtmlContentView"] > div {
position: static !important;
left: auto !important;
right: auto !important;
width: 100% !important;
margin: 0 !important;
}
.bbcc-home-mobile-summary {
display: none;
}
@media (max-width: 768px) {
.bbcc-home-intro #bid_8633 .welcome-wrap > div:nth-child(2) > p:not(.bbcc-home-mobile-summary) {
display: none !important;
}
.bbcc-home-intro #bid_8633 .bbcc-home-mobile-summary {
display: block !important;
margin: 0 !important;
font-size: 16px !important;
line-height: 1.65 !important;
color: #425466 !important;
}
.bbcc-home-events .event-grid > .event-card:nth-of-type(n + 3) {
display: none !important;
}
}
#bid_8656 section {
padding: clamp(42px, 4.5vw, 56px) 24px !important;
}
#bid_8656 section > .container {
grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr) !important;
gap: clamp(34px, 4vw, 56px) !important;
padding: clamp(36px, 4vw, 48px) !important;
}
#bid_8656 section h2 {
margin: 0 !important;
font-size: clamp(32px, 2.7vw, 38px) !important;
line-height: 1.1 !important;
}
#bid_8656 section p {
margin-top: 0 !important;
margin-bottom: 18px !important;
}
#bid_8656 section .md\:flex.xl\:mt-4,
#bid_8656 section .md\:flex.xl\:mt-4.mt-6 {
margin-top: 18px !important;
}
@media (max-width: 768px) {
#bid_8656 section {
padding: 36px 16px !important;
}
#bid_8656 section > .container {
padding: 30px 24px !important;
}
#bid_8656 section h2 {
margin-bottom: 18px !important;
font-size: 30px !important;
line-height: 1.08 !important;
}
#bid_8656 section p {
line-height: 1.55 !important;
}
}
#mainNav.has-hero.affix-top {
border-bottom: 0 !important;
box-shadow: none !important;
}
.bbcc-home-intro #bid_8633 .welcome-wrap > div:nth-child(2),
.bbcc-home-intro #bid_8633 .welcome-wrap > div:nth-child(2) > p {
border-left: 0 !important;
outline: 0 !important;
box-shadow: none !important;
caret-color: transparent;
}
.bbcc-home-intro #bid_8633 .welcome-wrap > div:nth-child(2)::before,
.bbcc-home-intro #bid_8633 .welcome-wrap > div:nth-child(2) > p::before {
display: none !important;
content: none !important;
}
#bid_8454 .feat-label {
display: none !important;
}
#bid_8454 .feat-section {
padding: 48px 24px 46px !important;
}
#bid_8454 .feat-heading {
margin-top: 0 !important;
margin-bottom: 24px !important;
}
.bbcc-home-events {
padding: 48px 0 58px !important;
}
#bid_8656 section {
padding: 40px 24px !important;
}
#bid_8656 section > .container {
padding: 34px 40px !important;
}
#bid_8656 section > .container > div {
padding-top: 0 !important;
}
#bid_8656 section p + div {
margin-top: 16px !important;
}
#bid_8656 section a {
margin-top: 0 !important;
}
@media (max-width: 768px) {
#bid_8454 .feat-section {
padding: 42px 16px 40px !important;
}
.bbcc-home-events {
padding: 42px 0 48px !important;
}
#bid_8656 section {
padding: 30px 16px !important;
}
#bid_8656 section > .container {
padding: 28px 24px !important;
}
}
@media (max-width: 768px) {
#bid_8454 .feat-card {
display: block !important;
height: auto !important;
min-height: 0 !important;
background: #fffdf9 !important;
}
#bid_8454 .feat-card-img {
position: relative !important;
width: 100% !important;
max-width: none !important;
height: 210px !important;
}
#bid_8454 .feat-card-img img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
#bid_8454 .feat-card-info {
position: relative !important;
inset: auto !important;
display: block !important;
width: 100% !important;
height: auto !important;
padding: 24px !important;
background: #fffdf9 !important;
}
#bid_8454 .feat-card-desc {
display: -webkit-box !important;
overflow: hidden !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
#bid_8454 .feat-card-buttons {
gap: 8px !important;
}
}
@media (min-width: 769px) {
#bid_8632 .parallax-window__content {
justify-content: center !important;
}
#bid_8632 .parallax-window__card {
margin-right: auto !important;
margin-left: auto !important;
}
}
body.compass-body #mainNav a:focus-visible,
body.compass-body #mainNav button:focus-visible {
outline: 3px solid #e8652d !important;
outline-offset: 3px !important;
}
@media (max-width: 600px) {
body .bbcc-footer .bbcc-footer__list li a {
display: inline-flex;
min-height: 24px;
align-items: center;
}
}
@media (max-width: 600px) {
body .bbcc-footer .bbcc-footer__detail a {
display: inline-flex;
min-height: 24px;
align-items: center;
}
}
body.sam-blog {
--sam-paper: #f7f4ed;
--sam-surface: #fffdf8;
--sam-ink: #19231f;
--sam-muted: #66706a;
--sam-line: #dcd7cc;
--sam-sage: #526b5e;
--sam-rust: #a85f43;
background: var(--sam-paper);
color: var(--sam-ink);
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 17px;
line-height: 1.72;
}
.sam-blog h1,
.sam-blog h2,
.sam-blog h3,
.sam-blog h4,
.sam-blog .card-title {
color: var(--sam-ink);
font-family: Iowan Old Style, Baskerville, "Times New Roman", serif;
font-weight: 600;
letter-spacing: -0.025em;
text-wrap: balance;
}
.sam-blog nav {
background: rgba(255, 253, 248, 0.96);
border-bottom: 1px solid var(--sam-line);
box-shadow: none;
backdrop-filter: blur(12px);
}
.sam-blog .sam-blog-brand {
align-items: flex-start;
color: var(--sam-ink);
display: inline-flex !important;
flex-direction: column;
justify-content: center;
line-height: 1;
min-width: 185px;
text-decoration: none;
}
.sam-blog-brand-name {
font-family: Iowan Old Style, Baskerville, "Times New Roman", serif;
font-size: 28px;
font-weight: 600;
letter-spacing: -0.035em;
}
.sam-blog-brand-role {
color: var(--sam-sage);
font-size: 10px;
font-weight: 700;
letter-spacing: 0.18em;
margin-top: 6px;
text-transform: uppercase;
}
.sam-blog nav a {
color: var(--sam-ink);
}
.sam-blog-intro {
margin: clamp(64px, 9vw, 132px) auto clamp(42px, 6vw, 82px);
max-width: 880px;
padding: 0 24px;
text-align: center;
}
.sam-blog-kicker {
color: var(--sam-rust);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.18em;
margin: 0 0 20px;
text-transform: uppercase;
}
.sam-blog-intro h1 {
font-size: clamp(46px, 7vw, 84px);
line-height: 0.98;
margin: 0;
}
.sam-blog-deck {
color: var(--sam-muted);
font-size: clamp(18px, 2vw, 23px);
line-height: 1.55;
margin: 28px auto 0;
max-width: 700px;
}
.sam-blog footer,
.sam-blog .footer {
background: var(--sam-ink);
color: rgba(255, 255, 255, 0.72);
}
.sam-blog footer h4,
.sam-blog .footer h4,
.sam-blog footer a,
.sam-blog .footer a {
color: #fff;
}
@media (max-width: 767px) {
body.sam-blog {
font-size: 16px;
}
.sam-blog-brand-name {
font-size: 23px;
}
.sam-blog-brand-role {
font-size: 9px;
}
.sam-blog-intro {
margin-top: 52px;
text-align: left;
}
}
@media (prefers-reduced-motion: reduce) {
.sam-blog *,
.sam-blog *::before,
.sam-blog *::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
}
}
body.sam-blog .sam-blog-intro { padding: 0 24px !important; }
.sam-blog-post .sam-blog-primary-block {
margin: clamp(52px, 7vw, 96px) auto 0;
max-width: 1180px;
padding: 0 24px;
}
.sam-blog-post .sam-blog-primary-block .hero-header {
align-items: flex-end;
background-position: center;
background-size: cover;
border-radius: 24px;
display: flex;
min-height: min(62vw, 600px);
overflow: hidden;
padding: clamp(28px, 5vw, 64px);
position: relative;
}
.sam-blog-post .sam-blog-primary-block .hero-header::before {
background: linear-gradient(180deg, transparent 20%, rgba(12, 19, 16, 0.9) 100%);
content: "";
inset: 0;
position: absolute;
}
.sam-blog-post .sam-blog-primary-block .hero-content {
margin: 0;
padding: 0;
position: relative;
}
.sam-blog-post .sam-blog-primary-block .hero-content h1 {
color: #fff;
font-size: clamp(40px, 6vw, 72px);
line-height: 1;
margin: 0;
}
.sam-blog-post .sam-blog-primary-block .hero-content p {
color: rgba(255, 255, 255, 0.82);
margin-top: 16px;
}
.sam-blog-post .sam-blog-primary-block .seth-style-content {
font-family: Iowan Old Style, Baskerville, Georgia, serif;
font-size: clamp(19px, 1.6vw, 22px);
line-height: 1.82;
margin: clamp(48px, 7vw, 88px) auto;
max-width: 760px;
}
.sam-blog .sam-blog-more-block {
margin: 0 auto clamp(80px, 10vw, 140px);
max-width: 1180px;
padding: 0 24px;
}
.sam-blog .sam-blog-more-block .container {
max-width: none;
padding: 0;
width: auto;
}
.sam-blog .sam-blog-more-block .page-header {
border: 0;
margin: 0 0 36px;
padding: 0;
}
.sam-blog .sam-blog-more-block .page-header h2 {
font-size: clamp(36px, 5vw, 58px);
margin: 0;
}
.sam-blog .sam-blog-more-block .row-flex {
display: grid;
gap: 28px;
grid-template-columns: repeat(3, minmax(0, 1fr));
left: auto !important;
margin: 0;
padding: 0 !important;
right: auto !important;
width: auto !important;
}
.sam-blog .sam-blog-more-block .row-flex::before,
.sam-blog .sam-blog-more-block .row-flex::after,
.sam-blog .sam-blog-more-block .row-flex > .clearfix {
content: none !important;
display: none !important;
}
.sam-blog .sam-blog-more-block .row-flex > [class*="col-"] {
float: none;
padding: 0;
width: auto;
}
.sam-blog-post .sam-blog-more-block .row-flex > [class*="col-"] {
display: none !important;
}
.sam-blog-post .sam-blog-more-block .row-flex > .sam-related-card-visible {
display: flex !important;
}
@media (max-width: 767px) {
.sam-blog .sam-blog-more-block .row-flex {
grid-template-columns: 1fr;
}
.sam-blog .sam-blog-more-block,
.sam-blog-post .sam-blog-primary-block {
padding-left: 16px;
padding-right: 16px;
}
.sam-blog-post .sam-blog-primary-block .hero-header {
min-height: 440px;
padding: 26px;
}
}
.sam-blog .sam-blog-brand:hover,
.sam-blog .sam-blog-brand:focus,
.sam-blog .sam-blog-brand:active {
background: transparent !important;
color: var(--sam-ink) !important;
filter: none !important;
opacity: 1 !important;
text-decoration: none !important;
}
.sam-blog .sam-blog-brand:hover .sam-blog-brand-name,
.sam-blog .sam-blog-brand:focus .sam-blog-brand-name,
.sam-blog .sam-blog-brand:active .sam-blog-brand-name {
color: var(--sam-ink) !important;
}
.sam-blog .sam-blog-brand:hover .sam-blog-brand-role,
.sam-blog .sam-blog-brand:focus .sam-blog-brand-role,
.sam-blog .sam-blog-brand:active .sam-blog-brand-role {
color: var(--sam-sage) !important;
}
.sam-blog .sam-blog-intro {
margin: clamp(28px, 3.5vw, 48px) auto clamp(28px, 3.5vw, 44px) !important;
}
@media (max-width: 767px) {
.sam-blog .sam-blog-intro {
margin-top: 28px !important;
}
}
.sam-blog .compass-main {
margin-top: -100px;
}
.sam-blog-post .sam-blog-primary-block {
margin-top: clamp(32px, 4vw, 56px);
}
@media (max-width: 767px) {
.sam-blog .compass-main {
margin-top: -80px;
}
}
@media (max-width: 767px) {
.sam-blog .sam-blog-brand,
.sam-blog .sam-blog-brand-name { color: var(--sam-ink) !important; }
}
.sam-blog .sam-blog-more-block { margin-bottom: clamp(56px, 6vw, 80px); }
.sam-blog a:focus-visible, .sam-blog button:focus-visible { outline: 3px solid var(--sam-accent); outline-offset: 4px; }
.sam-blog footer footer { background: var(--sam-ink) !important; margin-top: 0 !important; padding: clamp(48px, 6vw, 72px) 0 0 !important; }
.sam-blog footer footer .row { display: grid; gap: clamp(32px, 5vw, 64px); grid-template-columns: minmax(0, 1.35fr) minmax(180px, .75fr) minmax(0, 1fr); margin: 0; }
.sam-blog footer footer .row > [class*="col-"] { float: none; margin-bottom: 0 !important; padding: 0; width: auto; }
.sam-blog footer footer h4 { font-size: 22px; margin-bottom: 18px !important; }
.sam-blog footer footer p, .sam-blog footer footer li, .sam-blog footer footer a { font-size: 16px; line-height: 1.65; }
.sam-blog footer footer a[aria-label] { align-items: center; background: rgba(255,255,255,.09) !important; display: inline-flex !important; font-size: 20px; height: 44px !important; justify-content: center; line-height: 1 !important; width: 44px !important; }
.sam-blog footer footer a[aria-label]:hover, .sam-blog footer footer a[aria-label]:focus-visible { background: var(--sam-accent) !important; color: var(--sam-ink) !important; }
.sam-blog footer footer .ti { margin-right: 7px; }
.sam-blog footer footer a[aria-label] .ti { margin-right: 0; }
.sam-blog footer footer > div:last-of-type { background: rgba(0,0,0,.18) !important; margin-top: clamp(36px, 5vw, 56px) !important; }
@media (max-width: 767px) {
.sam-blog footer footer .row { grid-template-columns: 1fr; }
.sam-blog footer footer h4 { font-size: 21px; }
}
.sam-blog footer footer .row > .clearfix { display: none !important; }
.sam-blog footer footer .row::before, .sam-blog footer footer .row::after { content: none !important; display: none !important; }
.sam-blog-about .sam-blog-primary-block { margin: clamp(48px,7vw,88px) auto clamp(72px,9vw,120px); max-width:1180px; padding:0 24px; }
.sam-blog-about .sam-about-layout { align-items:start; display:grid; gap:clamp(48px,7vw,88px); grid-template-columns:minmax(0,2fr) minmax(250px,.72fr); }
.sam-blog-about .sam-about-content h1 { font-size:clamp(48px,7vw,82px); line-height:.98; margin:0 0 32px; }
.sam-blog-about .sam-about-content > p, .sam-blog-about .connect-section { font-family:Iowan Old Style,Baskerville,Georgia,serif; font-size:clamp(18px,1.5vw,21px); line-height:1.75; }
.sam-blog-about .sam-about-content > p { margin-bottom:1.4em; }
.sam-blog-about .connect-section { background:rgba(82,107,94,.09); border-left:4px solid var(--sam-sage); border-radius:0 18px 18px 0; margin-top:40px; padding:26px 30px; }
.sam-blog-about .connect-section p:last-child { margin-bottom:0; }
.sam-blog-about .sam-about-links { background:var(--sam-surface); border:1px solid var(--sam-line); border-radius:20px; padding:28px; position:sticky; top:104px; }
.sam-blog-about .sam-about-links h1, .sam-blog-about .sam-about-links h2 { font-size:30px; margin:0 0 20px; }
.sam-blog-about .sam-about-links ul { list-style:none; margin:18px 0 0; padding:0; }
.sam-blog-about .sam-about-links a { display:inline-block; margin-bottom:10px; }
@media (max-width:767px){
.sam-blog-about .sam-blog-primary-block{padding-left:16px;padding-right:16px}
.sam-blog-about .sam-about-layout{grid-template-columns:1fr}
.sam-blog-about .sam-about-links{position:static}
}
.sam-blog footer footer p > a { color:rgba(255,255,255,.78); text-decoration:none; }
.sam-blog footer footer p > a:hover, .sam-blog footer footer p > a:focus-visible { color:#fff; text-decoration:underline; text-underline-offset:3px; }
.bbcc-give-current .mywell-section .mywell-inner {
display: block;
}
.bbcc-give-current .mywell-section .mywell-text {
margin: 0 auto;
max-width: 820px;
text-align: center;
}
.bbcc-give-current .mywell-section .highlight-box {
margin-left: auto;
margin-right: auto;
max-width: 660px;
text-align: left;
}
.bbcc-give-current .mywell-section .bbcc-mywell-story {
display: none !important;
}
.bbcc-give-entry .compass-main {
min-height: calc(100vh - 90px);
}
.bbcc-give-entry .compass-main > .page-header {
border: 0;
margin: 0;
padding: 42px 24px 14px;
}
.bbcc-give-entry .compass-main > .page-header h1 {
color: #14324a;
font-family: Iowan Old Style, Baskerville, Georgia, serif;
font-size: clamp(40px, 5vw, 58px);
font-weight: 600;
margin: 0;
text-align: center;
}
.bbcc-give-entry #page-content {
padding: 14px 16px 64px;
}
.bbcc-give-entry #zone-main {
margin: 0 auto;
max-width: 760px;
}
.bbcc-give-entry .my-well-payment-entry {
margin-top: 0;
}
@media (max-width: 767px) {
.bbcc-give-entry .compass-main > .page-header {
padding: 28px 16px 10px;
}
.bbcc-give-entry #page-content {
padding: 10px 12px 44px;
}
}
.bbcc-skip-link { position: fixed; top: .75rem; left: .75rem; z-index: 10000; padding: .75rem 1rem; border-radius: 999px; background: #fff; color: #173650; font-weight: 700; line-height: 1.2; text-decoration: none; box-shadow: 0 4px 16px rgba(13,35,52,.18); transform: translateY(calc(-100% - 1.5rem)); transition: transform 150ms ease; }
.bbcc-skip-link:focus, .bbcc-skip-link:focus-visible { color: #173650; text-decoration: none; outline: 3px solid #3da9c4; outline-offset: 3px; transform: translateY(0); }
#bbcc-main:focus { outline: none; }
@media (prefers-reduced-motion: reduce) {
.bbcc-skip-link { transition: none; }
}
.bbcc-archive-switcher {
display: inline-flex;
gap: 6px;
margin: 20px 0 28px;
padding: 5px;
border: 1px solid rgba(23, 54, 80, 0.12);
border-radius: 999px;
background: #f3f7f8;
}
.bbcc-archive-switcher a {
min-height: 42px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 9px 18px;
border-radius: 999px;
color: #173650;
font-weight: 700;
text-decoration: none;
}
.bbcc-archive-switcher a:hover {
background: rgba(255, 255, 255, 0.72);
}
.bbcc-archive-switcher a[aria-current="page"] {
color: #fff;
background: #173650;
box-shadow: 0 5px 14px rgba(23, 54, 80, 0.18);
}
.bbcc-path-search {
max-width: 620px;
margin: 26px auto 0;
}
.bbcc-path-search__label {
display: block;
margin-bottom: 9px;
color: #173650;
font-size: 14px;
font-weight: 800;
}
.bbcc-path-search__row {
display: flex;
gap: 10px;
}
.bbcc-path-search input {
min-width: 0;
min-height: 50px;
flex: 1 1 auto;
padding: 12px 18px;
border: 1px solid rgba(23, 54, 80, 0.2);
border-radius: 999px;
background: #fff;
color: #173650;
}
.bbcc-path-search button {
min-height: 50px;
padding: 12px 22px;
border: 0;
border-radius: 999px;
background: #168da6;
color: #fff;
font-weight: 800;
}
.bbcc-path-search__note {
margin: 8px 0 0;
color: #777;
font-size: 13px;
}
@media (max-width: 575px) {
.bbcc-archive-switcher {
display: flex;
width: 100%;
}
.bbcc-archive-switcher a {
flex: 1 1 50%;
}
.bbcc-path-search__row {
flex-direction: column;
}
.bbcc-path-search button {
width: 100%;
}
}
.hero-banner.page-hero { min-height: clamp(320px, 32vw, 420px); height: auto !important; overflow: hidden; }
.hero-banner.page-hero::after { content: none !important; display: none !important; }
.hero-banner.page-hero .hero-banner__bg { inset: 0; min-height: 100%; background-position: center; transform: none !important; }
.hero-banner.page-hero .hero-banner__overlay { inset: 0; background: linear-gradient(90deg, rgba(13, 36, 56, .86), rgba(13, 36, 56, .58) 62%, rgba(13, 36, 56, .42)); }
.hero-banner.page-hero .hero-banner__content { min-height: inherit; padding: clamp(3.5rem, 7vw, 6rem) 24px; display: flex; flex-direction: column; justify-content: center; }
@media (max-width: 767px) {
.hero-banner.page-hero { min-height: 300px; }
.hero-banner.page-hero .hero-banner__content { padding: 2.75rem 20px; }
.hero-banner.page-hero .hero-banner__overlay { background: rgba(13, 36, 56, .72); }
}
body .hero-banner.page-hero { min-height: clamp(320px, 32vw, 420px) !important; height: auto !important; padding: 0 !important; }
body .hero-banner.page-hero .hero-banner__bg, body .hero-banner.page-hero .hero-banner__overlay { height: 100% !important; min-height: 100% !important; }
body .hero-banner.page-hero .hero-banner__content { height: auto !important; min-height: inherit !important; }
@media (max-width: 767px) {
body .hero-banner.page-hero { min-height: 300px !important; }
}
body,
.compass-body,
p,
li,
a,
span,
div,
input,
textarea,
select,
button,
.btn,
.navbar-nav > li > a,
.nav-profile-link,
.nav-profile-logout,
.feat-card-desc,
.feat-card-meta,
.parallax-window__text,
.content-split__text,
.footer-link,
.footer-address-detail,
.sm-text {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
h1, h2, h3, h4, h5, h6,
.content-split__title,
.feat-heading,
.feat-card-title,
.feat-label,
.parallax-window__title,
.parallax-window__label,
.footer-title {
font-family: 'DM Serif Display', 'Georgia', serif;
}
.page-hero h1,
.page-hero h2 {
font-family: 'DM Serif Display', 'Georgia', serif !important;
}
#mainNav .navbar-nav > li > a {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
font-weight: 600;
font-size: 14px;
letter-spacing: 0.3px;
}
.btn,
.feat-btn-watch,
.feat-btn-all,
.parallax-window__btn {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.page-hero h1,
.page-hero h2,
.page-hero h3,
.page-hero p,
.page-hero span,
.page-hero div,
.page-hero a {
text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
}
.page-hero .btn {
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.parallax-window__card h1,
.parallax-window__card h2,
.parallax-window__card h3,
.parallax-window__card p,
.parallax-window__card span,
.parallax-window__card .parallax-window__title,
.parallax-window__card .parallax-window__label,
.parallax-window__card .parallax-window__text,
.parallax-window__card .btn {
text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}
.bg-c-overlay h1,
.bg-c-overlay h2,
.bg-c-overlay h3,
.bg-c-overlay p,
.bg-c-overlay a,
.bg-c-overlay span {
text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}
.bg-c-primary h1,
.bg-c-primary h2,
.bg-c-primary h3,
.bg-c-primary p,
.bg-c-primary a,
.bg-c-primary span {
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}
.content-split__body[style*="color: #fff"] h1,
.content-split__body[style*="color: #fff"] h2,
.content-split__body[style*="color: #fff"] h3,
.content-split__body[style*="color: #fff"] p,
.content-split__body[style*="color: #fff"] span,
.content-split__body[style*="color: #ffffff"] h1,
.content-split__body[style*="color: #ffffff"] h2,
.content-split__body[style*="color: #ffffff"] h3,
.content-split__body[style*="color: #ffffff"] p,
.content-split__body[style*="color: #ffffff"] span {
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.footer-section h1,
.footer-section h2,
.footer-section h3,
.footer-section p,
.footer-section a,
.footer-section span,
.footer-section div,
.footer-title,
.footer-link,
.footer-address-detail {
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
#mainNav.has-hero .navbar-nav > li > a,
#mainNav.has-hero .nav-profile-link,
#mainNav.has-hero .nav-profile-logout {
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}
#mainNav.has-hero.scrolled .navbar-nav > li > a,
#mainNav.has-hero.scrolled .nav-profile-link,
#mainNav.has-hero.scrolled .nav-profile-logout,
#mainNav:not(.has-hero) .navbar-nav > li > a,
#mainNav:not(.has-hero) .nav-profile-link,
#mainNav:not(.has-hero) .nav-profile-logout {
text-shadow: none;
}
@media (max-width: 767px) {
#mainNav .navbar-collapse .navbar-nav > li > a,
#mainNav .navbar-collapse .dropdown-menu > li > a {
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}
}
#mainNav {
position: fixed !important;
top: 0;
left: 0;
width: 100%;
background: #fff !important;
border: 0 !important;
box-shadow: 0 2px 10px rgba(0,0,0,.1) !important;
z-index: 1000;
}
#mainNav .navbar-nav > li > a,
#mainNav .nav-profile-link,
#mainNav .nav-profile-logout {
color: #222 !important;
}
#mainNav .navbar-brand img {
transition: all .25s ease;
}
#mainNav .navbar-toggle {
border-color: rgba(0,0,0,.2) !important;
}
#mainNav .navbar-toggle__burger1,
#mainNav .navbar-toggle__burger2,
#mainNav .navbar-toggle__burger3 {
background: #222 !important;
}
#mainNav.has-hero {
position: absolute !important;
background: transparent !important;
box-shadow: none !important;
}
#mainNav.has-hero .navbar-nav > li > a,
#mainNav.has-hero .nav-profile-link,
#mainNav.has-hero .nav-profile-logout {
color: #fff !important;
}
#mainNav.has-hero .navbar-brand img {
filter: brightness(0) invert(1);
}
#mainNav.has-hero .navbar-toggle {
border-color: rgba(255,255,255,.7) !important;
}
#mainNav.has-hero .navbar-toggle__burger1,
#mainNav.has-hero .navbar-toggle__burger2,
#mainNav.has-hero .navbar-toggle__burger3 {
background: #fff !important;
}
#mainNav.has-hero.scrolled {
position: fixed !important;
background: #fff !important;
box-shadow: 0 2px 10px rgba(0,0,0,.1) !important;
}
#mainNav.has-hero.scrolled .navbar-nav > li > a,
#mainNav.has-hero.scrolled .nav-profile-link,
#mainNav.has-hero.scrolled .nav-profile-logout {
color: #222 !important;
}
#mainNav.has-hero.scrolled .navbar-brand img {
filter: none;
}
#mainNav.has-hero.scrolled .navbar-toggle {
border-color: rgba(0,0,0,.2) !important;
}
#mainNav.has-hero.scrolled .navbar-toggle__burger1,
#mainNav.has-hero.scrolled .navbar-toggle__burger2,
#mainNav.has-hero.scrolled .navbar-toggle__burger3 {
background: #222 !important;
}
#mainNav .navbar-collapse {
background: #3BA4C4 !important;
}
#mainNav .navbar-collapse .navbar-nav > li > a {
color: #fff !important;
}
#mainNav .navbar-collapse .dropdown-menu {
background: #3BA4C4 !important;
}
#mainNav .navbar-collapse .dropdown-menu > li > a {
color: #fff !important;
}
#mainNav .navbar-collapse .dropdown-menu > li > a:hover,
#mainNav .navbar-collapse .dropdown-menu > li > a:focus {
background: rgba(255,255,255,.15) !important;
color: #fff !important;
}
header.exclude-nav {
display: none !important;
}
@media (min-width: 768px) {
#mainNav .navbar-collapse,
#mainNav.has-hero .navbar-collapse,
#mainNav.has-hero.scrolled .navbar-collapse {
background: transparent !important;
}
#mainNav .navbar-collapse .navbar-nav > li > a {
color: #222 !important;
}
#mainNav.has-hero .navbar-collapse .navbar-nav > li > a {
color: #fff !important;
}
#mainNav.has-hero.scrolled .navbar-collapse .navbar-nav > li > a,
#mainNav.has-hero.scrolled .navbar-collapse .nav-profile-link,
#mainNav.has-hero.scrolled .navbar-collapse .nav-profile-logout {
color: #222 !important;
}
#mainNav .navbar-collapse .dropdown-menu,
#mainNav.has-hero .navbar-collapse .dropdown-menu,
#mainNav.has-hero.scrolled .navbar-collapse .dropdown-menu {
background: #fff !important;
}
#mainNav .navbar-collapse .dropdown-menu > li > a,
#mainNav.has-hero .navbar-collapse .dropdown-menu > li > a,
#mainNav.has-hero.scrolled .navbar-collapse .dropdown-menu > li > a {
color: #222 !important;
}
#mainNav .navbar-collapse .dropdown-menu > li > a:hover,
#mainNav.has-hero .navbar-collapse .dropdown-menu > li > a:hover,
#mainNav.has-hero.scrolled .navbar-collapse .dropdown-menu > li > a:hover {
background: #f5f5f5 !important;
color: #222 !important;
}
}
#mainNav .navbar-header .navbar-brand img {
width: auto !important;
}
@media (max-width: 767px) {
#mainNav .navbar-header .navbar-brand {
padding: 10px 8px 10px 15px !important;
}
#mainNav .navbar-header .navbar-brand img {
width: auto !important;
height: auto !important;
max-width: calc(100vw - 95px) !important;
max-height: 100% !important;
}
}
.bbcc-footer {
--footer-bg: #0a0a0a;
--footer-fg: #ffffff;
--footer-muted: rgba(255, 255, 255, 0.7);
--footer-divider: rgba(255, 255, 255, 0.12);
--footer-accent: #14A3C2;
background: linear-gradient(180deg, #000 0%, var(--footer-bg) 100%) !important;
color: var(--footer-fg) !important;
padding: 72px 24px 28px !important;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
font-size: 15px !important;
line-height: 1.6 !important;
}
.bbcc-footer * {
box-sizing: border-box;
}
.bbcc-footer .bbcc-footer__inner {
max-width: 1280px;
margin: 0 auto;
}
.bbcc-footer .bbcc-footer__brand {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
gap: 16px;
padding-bottom: 32px;
margin-bottom: 44px;
border-bottom: 1px solid var(--footer-divider);
}
.bbcc-footer .bbcc-footer__brand h2 {
font-family: 'DM Serif Display', 'Georgia', serif !important;
font-size: 32px !important;
font-weight: 700 !important;
margin: 0 !important;
padding: 0 !important;
letter-spacing: 0.3px;
line-height: 1.15 !important;
color: #fff !important;
}
.bbcc-footer .bbcc-footer__tagline {
color: var(--footer-muted) !important;
font-size: 16px !important;
margin: 6px 0 0 !important;
font-style: italic;
line-height: 1.4 !important;
}
.bbcc-footer .bbcc-footer__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 36px 32px;
margin-bottom: 48px;
}
.bbcc-footer .bbcc-footer__title {
font-family: 'Inter', -apple-system, sans-serif !important;
font-weight: 700 !important;
text-transform: uppercase !important;
font-size: 12px !important;
letter-spacing: 1.8px !important;
margin: 0 0 16px !important;
padding: 0 !important;
color: var(--footer-accent) !important;
line-height: 1.3 !important;
}
.bbcc-footer .bbcc-footer__list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.bbcc-footer .bbcc-footer__list li {
margin: 0 0 10px !important;
padding: 0 !important;
font-size: 15px !important;
line-height: 1.5 !important;
}
.bbcc-footer .bbcc-footer__list li a,
.bbcc-footer p a,
.bbcc-footer .bbcc-footer__detail a {
color: var(--footer-fg) !important;
text-decoration: none !important;
font-size: 15px !important;
font-weight: 400 !important;
transition: color 0.15s ease;
text-shadow: none !important;
}
.bbcc-footer a:hover,
.bbcc-footer a:focus-visible {
color: var(--footer-accent) !important;
text-decoration: none !important;
}
.bbcc-footer .bbcc-footer__detail {
color: var(--footer-muted) !important;
font-size: 15px !important;
line-height: 1.65 !important;
margin: 0 !important;
padding: 0 !important;
}
.bbcc-footer .bbcc-footer__detail strong {
color: var(--footer-fg) !important;
font-weight: 600 !important;
font-size: 15px !important;
}
.bbcc-footer .bbcc-footer__social {
display: flex;
flex-wrap: wrap;
gap: 28px;
justify-content: center;
align-items: center;
padding-top: 32px;
border-top: 1px solid var(--footer-divider);
}
.bbcc-footer .bbcc-footer__social a {
display: inline-flex !important;
align-items: center;
gap: 10px;
opacity: 0.9;
transition: opacity 0.15s ease, transform 0.15s ease, color 0.15s ease;
font-size: 14px !important;
color: var(--footer-fg) !important;
text-decoration: none !important;
}
.bbcc-footer .bbcc-footer__social a:hover,
.bbcc-footer .bbcc-footer__social a:focus-visible {
opacity: 1;
transform: translateY(-2px);
color: var(--footer-accent) !important;
}
.bbcc-footer .bbcc-footer__social svg {
width: 24px !important;
height: 24px !important;
fill: currentColor;
transition: fill 0.15s ease;
}
.bbcc-footer .bbcc-footer__social span {
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: 0.3px;
}
.bbcc-footer .bbcc-footer__legal {
text-align: center;
color: var(--footer-muted) !important;
font-size: 13px !important;
margin: 28px 0 0 !important;
padding: 0 !important;
letter-spacing: 0.3px;
line-height: 1.6 !important;
}
.bbcc-footer .bbcc-footer__legal a {
color: var(--footer-muted) !important;
font-size: 13px !important;
text-decoration: none !important;
}
.bbcc-footer .bbcc-footer__legal a:hover {
color: var(--footer-accent) !important;
}
@media (max-width: 768px) {
.bbcc-footer { padding: 48px 20px 24px !important; }
.bbcc-footer .bbcc-footer__brand { align-items: flex-start; }
.bbcc-footer .bbcc-footer__brand h2 { font-size: 26px !important; }
.bbcc-footer .bbcc-footer__tagline { font-size: 15px !important; }
.bbcc-footer .bbcc-footer__grid { gap: 32px 20px; }
}
@media (min-width: 768px) and (max-width: 991px) {
html body #mainNav .navbar-header .navbar-toggle {
display: block !important;
float: right !important;
margin-right: 15px !important;
}
html body #mainNav .navbar-collapse.collapse {
display: none !important;
max-height: 0 !important;
}
html body #mainNav .navbar-collapse.collapse.in,
html body #mainNav .navbar-collapse.collapsing {
display: block !important;
max-height: none !important;
overflow-y: auto !important;
background: #3BA4C4 !important;
}
html body #mainNav .navbar-nav {
float: none !important;
margin: 0 !important;
width: 100% !important;
}
html body #mainNav .navbar-nav > li {
float: none !important;
display: block !important;
}
html body #mainNav .navbar-header {
float: none !important;
}
html body #mainNav .navbar-collapse,
html body #mainNav.has-hero .navbar-collapse,
html body #mainNav.has-hero.scrolled .navbar-collapse {
background: #3BA4C4 !important;
}
html body #mainNav .navbar-collapse .navbar-nav > li > a,
html body #mainNav.has-hero .navbar-collapse .navbar-nav > li > a,
html body #mainNav.has-hero.scrolled .navbar-collapse .navbar-nav > li > a {
color: #fff !important;
}
html body #mainNav .navbar-collapse .dropdown-menu {
position: static !important;
float: none !important;
width: 100% !important;
margin-top: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
html body #mainNav .navbar-collapse .dropdown-menu > li > a {
color: #fff !important;
}
}
#mainNav .nav-split {
display: flex;
align-items: stretch;
height: 100%;
}
#mainNav .navbar-nav > li.dropdown {
display: flex;
align-items: stretch;
}
#mainNav .nav-split__label,
#mainNav .nav-split__toggle {
text-decoration: none !important;
background: transparent !important;
color: #222 !important;
}
#mainNav .nav-split__label {
padding-right: 4px !important;
display: flex;
align-items: center;
}
#mainNav .nav-split__toggle {
padding: 0 12px !important;
font-size: 16px;
opacity: 0.7;
display: flex;
align-items: center;
transition: opacity 0.2s, transform 0.2s;
}
#mainNav .nav-split__toggle:hover,
#mainNav .dropdown.open .nav-split__toggle {
opacity: 1;
}
#mainNav .dropdown.open .nav-split__toggle i {
transform: rotate(180deg);
}
#mainNav.has-hero .nav-split__label,
#mainNav.has-hero .nav-split__toggle {
color: #fff !important;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}
#mainNav.has-hero.scrolled .nav-split__label,
#mainNav.has-hero.scrolled .nav-split__toggle {
color: #222 !important;
text-shadow: none;
}
@media (min-width: 992px) {
#mainNav .dropdown-menu > li > a {
color: #222 !important;
}
#mainNav .dropdown-menu > li > a:hover,
#mainNav .dropdown-menu > li > a:focus {
color: #222 !important;
background: #f5f5f5 !important;
}
#mainNav .dropdown-menu > li.active > a {
color: #3BA4C4 !important;
background: transparent !important;
}
}
#mainNav .navbar-nav > li.nav-cta > a,
#mainNav .navbar-nav > li.nav-cta > a:link,
#mainNav .navbar-nav > li.nav-cta > a:visited,
#mainNav .navbar-nav > li.nav-cta > a:hover,
#mainNav .navbar-nav > li.nav-cta > a:focus,
#mainNav .navbar-nav > li.nav-cta > a:focus-visible,
#mainNav .navbar-nav > li.nav-cta > a:active,
#mainNav.scrolled .navbar-nav > li.nav-cta > a,
#mainNav.scrolled .navbar-nav > li.nav-cta > a:hover,
#mainNav.scrolled .navbar-nav > li.nav-cta > a:focus,
#mainNav.scrolled .navbar-nav > li.nav-cta > a:active,
#mainNav.has-hero .navbar-nav > li.nav-cta > a,
#mainNav.has-hero .navbar-nav > li.nav-cta > a:hover,
#mainNav.has-hero .navbar-nav > li.nav-cta > a:focus,
#mainNav.has-hero .navbar-nav > li.nav-cta > a:active,
#mainNav.has-hero.scrolled .navbar-nav > li.nav-cta > a,
#mainNav.has-hero.scrolled .navbar-nav > li.nav-cta > a:hover,
#mainNav.has-hero.scrolled .navbar-nav > li.nav-cta > a:focus,
#mainNav.has-hero.scrolled .navbar-nav > li.nav-cta > a:active {
background: #3BA4C4 !important;
color: #fff !important;
border: 2px solid #3BA4C4 !important;
border-radius: 50px;
padding: 8px 22px !important;
margin: 12px 6px 12px 12px;
font-weight: 700 !important;
transition: background 0.2s, border-color 0.2s, transform 0.2s;
text-shadow: none !important;
}
#mainNav .navbar-nav > li.nav-cta > a:hover,
#mainNav.scrolled .navbar-nav > li.nav-cta > a:hover,
#mainNav.has-hero .navbar-nav > li.nav-cta > a:hover,
#mainNav.has-hero.scrolled .navbar-nav > li.nav-cta > a:hover {
background: #2e8faa !important;
border-color: #2e8faa !important;
color: #fff !important;
transform: translateY(-1px);
}
#mainNav .navbar-nav > li.nav-highlight > a {
color: #3BA4C4 !important;
font-weight: 700 !important;
position: relative;
}
#mainNav.has-hero:not(.scrolled) .navbar-nav > li.nav-highlight > a {
color: #A5D9E8 !important;
}
#mainNav .navbar-nav > li.nav-highlight > a::before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
background: currentColor;
margin-right: 6px;
vertical-align: middle;
}
.nav-badge {
display: inline-block;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.5px;
padding: 2px 6px;
margin-left: 6px;
border-radius: 4px;
background: #E8913A;
color: #fff;
vertical-align: middle;
text-transform: uppercase;
}
@media (min-width: 992px) {
#mainNav .navbar-nav > li.dropdown > .nav-split {
transition: background 0.2s ease;
}
#mainNav .navbar-nav > li.dropdown:hover > .nav-split {
background: rgba(59, 164, 196, 0.18) !important;
}
#mainNav .navbar-nav > li.dropdown.open > .nav-split {
background: rgba(59, 164, 196, 0.28) !important;
}
#mainNav.has-hero:not(.scrolled) .navbar-nav > li.dropdown:hover > .nav-split {
background: rgba(255, 255, 255, 0.30) !important;
}
#mainNav.has-hero:not(.scrolled) .navbar-nav > li.dropdown.open > .nav-split {
background: rgba(255, 255, 255, 0.45) !important;
}
#mainNav.has-hero.scrolled .navbar-nav > li.dropdown:hover > .nav-split {
background: rgba(59, 164, 196, 0.18) !important;
}
#mainNav.has-hero.scrolled .navbar-nav > li.dropdown.open > .nav-split {
background: rgba(59, 164, 196, 0.28) !important;
}
}
@media (max-width: 991px) {
#mainNav .navbar-nav > li.dropdown {
display: block;
}
#mainNav .nav-split {
justify-content: space-between;
align-items: stretch;
width: 100%;
position: relative;
cursor: pointer;
height: auto;
min-height: 56px;
}
#mainNav .navbar-collapse .nav-split__label,
#mainNav.has-hero .navbar-collapse .nav-split__label,
#mainNav.has-hero.scrolled .navbar-collapse .nav-split__label {
flex: 1;
color: #fff !important;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
letter-spacing: 0.3px;
padding: 18px 20px !important;
text-shadow: none !important;
display: flex;
align-items: center;
}
#mainNav .navbar-collapse .nav-split__toggle,
#mainNav.has-hero .navbar-collapse .nav-split__toggle,
#mainNav.has-hero.scrolled .navbar-collapse .nav-split__toggle {
color: #fff !important;
padding: 18px 24px !important;
border-left: 1px solid rgba(255, 255, 255, 0.2);
text-shadow: none !important;
opacity: 0.9;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
min-width: 60px;
}
#mainNav .navbar-collapse .nav-split:active,
#mainNav .navbar-collapse li.dropdown.open > .nav-split {
background: rgba(255, 255, 255, 0.08) !important;
}
#mainNav .navbar-collapse .dropdown-menu > li > a {
padding: 14px 20px 14px 36px !important;
font-size: 14px !important;
min-height: 48px;
display: flex;
align-items: center;
}
#mainNav .navbar-collapse .dropdown-menu {
position: static !important;
float: none !important;
width: 100% !important;
margin-top: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
#mainNav .navbar-collapse .navbar-nav > li.nav-cta > a,
#mainNav.scrolled .navbar-collapse .navbar-nav > li.nav-cta > a,
#mainNav.has-hero .navbar-collapse .navbar-nav > li.nav-cta > a,
#mainNav.has-hero.scrolled .navbar-collapse .navbar-nav > li.nav-cta > a {
background: #fff !important;
color: #3BA4C4 !important;
border-color: #fff !important;
margin: 12px 15px !important;
display: inline-block;
text-shadow: none !important;
}
#mainNav .navbar-collapse .navbar-nav > li.nav-cta > a:hover {
background: rgba(255, 255, 255, 0.92) !important;
color: #2e8faa !important;
border-color: rgba(255, 255, 255, 0.92) !important;
}
#mainNav .navbar-collapse .navbar-nav > li.nav-highlight > a,
#mainNav.has-hero .navbar-collapse .navbar-nav > li.nav-highlight > a,
#mainNav.has-hero.scrolled .navbar-collapse .navbar-nav > li.nav-highlight > a {
color: #fff !important;
}
#mainNav .navbar-collapse .navbar-nav > li > a {
padding: 18px 20px !important;
min-height: 56px;
display: flex;
align-items: center;
}
}
#bid_6217 .bbcc-hero-media{
position: relative;
min-height: calc(100vh - 80px);
overflow: hidden;
isolation: isolate;
background: #0a1e30;
}
#bid_6217 .bbcc-hero-poster,
#bid_6217 .bbcc-hero-video{
position: absolute;
inset: 0;
display: block;
width: 100% !important;
height: 100% !important;
max-width: none;
margin: 0 !important;
object-fit: cover !important;
object-position: center center !important;
transform: none !important;
pointer-events: none;
}
#bid_6217 .bbcc-hero-poster{ z-index: 1; }
#bid_6217 .bbcc-hero-video{ z-index: 2; opacity: 0; transition: opacity .35s ease; }
#bid_6217 .bbcc-hero-video.is-ready{ opacity: 1; }
#bid_6217 .bbcc-hero-media > .hero-layout{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
#bid_6217 .hero-gradient{
position: absolute;
inset: 0;
z-index: 3;
pointer-events: none;
background: linear-gradient(to right, rgba(10,25,47,.85) 0%, rgba(10,25,47,.60) 40%, rgba(10,25,47,.20) 70%, rgba(10,25,47,.05) 100%);
}
#bid_6217 .hero-layout{
position: relative;
z-index: 5;
display: flex;
align-items: flex-end;
width: 100%;
height: 100%;
padding-bottom: 12vh;
}
#bid_6217 .hero-inner{
max-width: 1200px;
width: 100%;
margin: 0 auto;
padding: 0 56px;
text-align: left;
}
#bid_6217 .hero-headline{
font-size: clamp(3rem, 7vw, 5.5rem);
font-weight: 800;
line-height: 1.05;
letter-spacing: -.02em;
color: #fff;
margin: 0 0 24px;
}
#bid_6217 .hero-headline em{
font-family: 'Caveat', cursive;
font-style: normal;
font-weight: 700;
color: #f5c542;
font-size: 1.2em;
display: inline-block;
position: relative;
top: .04em;
}
#bid_6217 .hero-sub{
font-size: clamp(1.25rem, 2.5vw, 1.6rem);
line-height: 1.7;
color: rgba(255,255,255,.90);
max-width: 600px;
margin: 0 0 40px;
}
#bid_6217 .hero-buttons{
display: flex;
gap: 16px;
flex-wrap: wrap;
align-items: center;
}
#bid_6217 .hero-btn{
display: inline-flex;
align-items: center;
gap: 6px;
padding: 16px 38px;
border-radius: 50px;
font-size: 15px;
font-weight: 700;
text-decoration: none !important;
transition: all .3s cubic-bezier(.22,1,.36,1);
cursor: pointer;
}
#bid_6217 .hero-btn--fill{ background: #3ba4c4; color: #fff; border: 2px solid #3ba4c4; }
#bid_6217 .hero-btn--fill:hover{ background: #2e8faa; border-color: #2e8faa; color: #fff; transform: translateY(-2px); }
#bid_6217 .hero-btn--ghost{ background: transparent; color: #fff; border: 2px solid rgba(255,255,255,.5); }
#bid_6217 .hero-btn--ghost:hover{ border-color: #fff; background: rgba(255,255,255,.1); color: #fff; transform: translateY(-2px); }
#bid_6217 .hero-arrow{ font-size: 22px; line-height: 1; transition: transform .3s ease; }
#bid_6217 .hero-btn--ghost:hover .hero-arrow{ transform: translateX(4px); }
@media (max-width: 768px) {
#bid_6217 .hero-layout{ align-items: flex-end; padding-bottom: calc(9vh + env(safe-area-inset-bottom, 0px)); }
#bid_6217 .hero-inner{ text-align: center; padding: 0 24px; }
#bid_6217 .hero-headline{ font-size: clamp(2.8rem, 10vw, 4rem); margin-bottom: 16px; }
#bid_6217 .hero-sub{ font-size: 1.15rem; line-height: 1.6; max-width: 100%; margin-bottom: 28px; }
#bid_6217 .hero-buttons{ justify-content: center; flex-direction: row; flex-wrap: nowrap; gap: 12px; }
#bid_6217 .hero-btn{ padding: 14px 24px; font-size: 14px; white-space: nowrap; }
#bid_6217 .hero-gradient{ background: linear-gradient(to top, rgba(10,25,47,.90) 0%, rgba(10,25,47,.50) 50%, rgba(10,25,47,.15) 100%); }
}
@media (min-width: 1200px) {
#bid_6217 .bbcc-hero-media{ min-height: clamp(640px, calc(100vh - 180px), 760px); }
}
@media (max-width: 1199px) {
#bid_6217 .bbcc-hero-media{ min-height: clamp(580px, calc(100svh - 80px), 680px); }
}
@media (prefers-reduced-motion: reduce) {
#bid_6217 .bbcc-hero-video{ display: none !important; transition: none; }
#bid_6217 .bbcc-hero-poster{ opacity: 1 !important; }
}
@media(max-width:768px){
#bid_8633 .welcome-wrap{flex-direction:column!important;}
#bid_8633 .welcome-wrap>div{width:100%!important;text-align:center!important;padding:0!important;border:none!important;margin-bottom:2rem;}
}
@keyframes bbcc-staff-fade-in {
from { opacity: 0; } to { opacity: 1; }
}
@keyframes bbcc-staff-modal-slide-up {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
html body.compass-body #mainNav.has-hero:not(.scrolled) {
border: 0 !important;
border-bottom: 0 !important;
outline: 0 !important;
box-shadow: none !important;
background: linear-gradient(180deg, rgba(7, 24, 38, .58) 0%, rgba(7, 24, 38, .22) 58%, rgba(7, 24, 38, 0) 94%) !important;
}
html body.compass-body #mainNav.has-hero:not(.scrolled) > .container-fluid,
html body.compass-body #mainNav.has-hero:not(.scrolled) .navbar-collapse {
border: 0 !important;
border-bottom: 0 !important;
box-shadow: none !important;
}
@media (max-width: 991px) {
html body.compass-body #mainNav.has-hero.navOpen,
html body.compass-body #mainNav.has-hero:has(#compass-nav.in) {
border: 0 !important;
border-bottom: 1px solid #dce6e7 !important;
background: #fff !important;
box-shadow: 0 12px 30px rgba(16, 40, 62, .13) !important;
}
html body.compass-body #mainNav.has-hero.navOpen .navbar-brand img,
html body.compass-body #mainNav.has-hero:has(#compass-nav.in) .navbar-brand img {
filter: none !important;
opacity: 1 !important;
}
html body.compass-body #mainNav.has-hero.navOpen .navbar-toggle span,
html body.compass-body #mainNav.has-hero:has(#compass-nav.in) .navbar-toggle span {
background-color: #1a3550 !important;
}
html body.compass-body #mainNav.navOpen .navbar-toggle__burger1,
html body.compass-body #mainNav:has(#compass-nav.in) .navbar-toggle__burger1 {
top: 7px !important;
left: 0 !important;
width: 30px !important;
opacity: 1 !important;
transform: rotate(45deg) !important;
}
html body.compass-body #mainNav.navOpen .navbar-toggle__burger2,
html body.compass-body #mainNav:has(#compass-nav.in) .navbar-toggle__burger2 {
width: 0 !important;
opacity: 0 !important;
}
html body.compass-body #mainNav.navOpen .navbar-toggle__burger3,
html body.compass-body #mainNav:has(#compass-nav.in) .navbar-toggle__burger3 {
top: 7px !important;
left: 0 !important;
width: 30px !important;
opacity: 1 !important;
transform: rotate(-45deg) !important;
}
html body.compass-body #mainNav #compass-nav.in {
height: calc(100vh - 80px) !important;
height: calc(100dvh - 80px) !important;
max-height: calc(100vh - 80px) !important;
max-height: calc(100dvh - 80px) !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior: contain;
}
html body.compass-body #mainNav.bbcc-nav-compact #compass-nav.in {
height: calc(100vh - 64px) !important;
height: calc(100dvh - 64px) !important;
max-height: calc(100vh - 64px) !important;
max-height: calc(100dvh - 64px) !important;
}
html body.compass-body #mainNav .navbar-collapse .navbar-nav > li.nav-profile {
display: grid !important;
grid-template-columns: 40px minmax(0, 1fr);
align-items: center;
gap: 12px;
min-height: 64px;
margin: 0 !important;
padding: 11px 20px !important;
}
html body.compass-body #mainNav .navbar-collapse .nav-profile .nav-profile-pic {
display: flex !important;
grid-column: 1;
align-items: center;
justify-content: center;
width: 40px !important;
min-width: 40px !important;
height: 40px !important;
min-height: 40px !important;
margin: 0 !important;
padding: 0 !important;
}
html body.compass-body #mainNav .navbar-collapse .nav-profile .nav-profile-pic img {
display: block;
width: 40px !important;
max-width: 40px !important;
height: 40px !important;
margin: 0 !important;
object-fit: cover;
}
html body.compass-body #mainNav .navbar-collapse .nav-profile .nav-profile-link {
display: flex !important;
grid-column: 2;
align-items: center;
width: auto !important;
min-height: 40px !important;
margin: 0 !important;
padding: 0 !important;
color: #1a3550 !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: .045em;
line-height: 20px;
text-transform: uppercase;
}
html body.compass-body #mainNav .navbar-collapse .navbar-nav > li:has(> .nav-profile-logout) {
min-height: 56px;
margin: 0 !important;
padding: 0 !important;
}
html body.compass-body #mainNav .navbar-collapse .nav-profile-logout {
display: flex !important;
align-items: center;
gap: 8px;
width: 100% !important;
min-height: 56px !important;
margin: 0 !important;
padding: 16px 20px !important;
color: #1a3550 !important;
font-size: 14px !important;
font-weight: 650 !important;
letter-spacing: .045em;
line-height: 22px;
text-transform: uppercase;
}
html body.compass-body #mainNav .navbar-collapse .nav-profile-logout span {
display: inline !important;
padding-right: 0 !important;
}
html body.compass-body:has(#cms-admin-footer) #mainNav #compass-nav.in .navbar-nav {
padding-bottom: calc(76px + env(safe-area-inset-bottom)) !important;
}
}
@media (min-width: 992px) {
html body.compass-body #mainNav.has-hero:not(.scrolled) .navbar-nav > li.dropdown:hover > .nav-split,
html body.compass-body #mainNav.has-hero:not(.scrolled) .navbar-nav > li.dropdown.open > .nav-split {
background: rgba(22, 58, 78, .64) !important;
box-shadow: inset 0 -2px 0 rgba(255, 255, 255, .72) !important;
}
html body.compass-body #mainNav.has-hero:not(.scrolled) .navbar-nav > li.dropdown:hover > .nav-split :is(.nav-split__label, .nav-split__toggle),
html body.compass-body #mainNav.has-hero:not(.scrolled) .navbar-nav > li.dropdown.open > .nav-split :is(.nav-split__label, .nav-split__toggle) {
background: transparent !important;
color: #fff !important;
text-shadow: none !important;
}
}
@media (min-width: 992px) {
html body.compass-body #mainNav .navbar-nav > li.dropdown > .nav-split {
margin-left: -12px !important;
padding-left: 12px !important;
}
html body.compass-body #mainNav .navbar-nav > li.dropdown > .dropdown-menu {
margin-left: -12px !important;
}
}
html body.compass-body:not(:has(#bid_6217)) #mainNav.has-hero:not(.scrolled) {
border: 0 !important;
border-bottom: 1px solid rgba(26, 53, 80, .08) !important;
background: #fff !important;
box-shadow: 0 4px 18px rgba(16, 40, 62, .10) !important;
}
@media (min-width: 992px) {
html body.compass-body:not(:has(#bid_6217)) #mainNav.has-hero:not(.scrolled) .navbar-nav > li.dropdown:hover > .nav-split,
html body.compass-body:not(:has(#bid_6217)) #mainNav.has-hero:not(.scrolled) .navbar-nav > li.dropdown.open > .nav-split {
background: rgba(15, 124, 148, .075) !important;
box-shadow: none !important;
}
html body.compass-body:not(:has(#bid_6217)) #mainNav.has-hero:not(.scrolled) .navbar-nav > li.dropdown > .nav-split :is(.nav-split__label, .nav-split__toggle) {
color: #1a3550 !important;
text-shadow: none !important;
}
}
:root {
--bbcc-ink: #17364b;
--bbcc-copy: #31485c;
--bbcc-teal: #168b9b;
--bbcc-teal-dark: #116f7c;
--bbcc-line: #dbe7eb;
--bbcc-mist: #f2f7f8;
--bbcc-paper: #ffffff;
--bbcc-warm: #fbf8f2;
--bbcc-section-space: clamp(52px, 7vw, 88px);
--bbcc-reading-width: 900px;
--bbcc-radius-card: 12px;
--bbcc-radius-media: 14px;
--bbcc-shadow-rest: 0 1px 2px rgba(13, 38, 54, .06);
--bbcc-shadow-hover: 0 8px 22px rgba(13, 38, 54, .09);
}
html body.compass-body #bbcc-main-content .content-split-wrap {
overflow: clip;
}
html body.compass-body #bbcc-main-content .content-split__row:not(:has(.content-split__media)) {
max-width: var(--bbcc-reading-width);
margin-right: auto;
margin-left: auto;
}
html body.compass-body #bbcc-main-content .content-split__row:not(:has(.content-split__media)) .content-split__body,
html body.compass-body #bbcc-main-content .content-split__row:not(:has(.content-split__media)) .content-split__inner {
width: 100%;
max-width: var(--bbcc-reading-width);
}
html body.compass-body #bbcc-main-content .content-split__media {
overflow: hidden;
border-radius: var(--bbcc-radius-media);
background: var(--bbcc-mist);
}
html body.compass-body #bbcc-main-content .content-split__row {
border-color: var(--bbcc-line) !important;
border-radius: var(--bbcc-radius-card) !important;
box-shadow: var(--bbcc-shadow-rest) !important;
}
html body.compass-body:not(.bbcc-page-home) .page-hero:not(#bbcc-home-hero-override) {
border-radius: 0 !important;
box-shadow: none !important;
}
html body.compass-body #bbcc-main-content .content-split__media img {
display: block;
width: 100%;
height: 100%;
}
html body.compass-body #bbcc-main-content .content-split__text > :first-child {
margin-top: 0;
}
html body.compass-body #bbcc-main-content .content-split__text > :last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
:root {
--bbcc-section-space: 48px;
}
html body.compass-body #bbcc-main-content .content-split__media {
border-radius: 10px;
}
html body.compass-body #bbcc-main-content .content-split__row:not(:has(.content-split__media)),
html body.compass-body #bbcc-main-content .content-split__row:not(:has(.content-split__media)) .content-split__body,
html body.compass-body #bbcc-main-content .content-split__row:not(:has(.content-split__media)) .content-split__inner {
max-width: 100%;
}
}
html body.compass-body .breadcrumb-container {
display: none !important;
}
html body .bbcc-editorial-remove {
display: none !important;
}
html body [data-bbcc-editorial="true"] {
text-wrap: pretty;
}
html body.bbcc-page-home #bid_8656 section {
padding: clamp(40px, 5vw, 64px) 24px !important;
}
html body.bbcc-page-home #bid_8656 section > .container {
display: block !important;
width: min(calc(100% - 32px), 980px) !important;
max-width: 980px !important;
padding: clamp(44px, 5vw, 60px) clamp(34px, 6vw, 72px) !important;
text-align: center;
border: 1px solid var(--bbcc-line);
border-radius: var(--bbcc-radius-card) !important;
box-shadow: none !important;
}
html body.bbcc-page-home #bid_8656 section > .container > h2,
html body.bbcc-page-home #bid_8656 section > .container > div {
display: block !important;
width: 100% !important;
max-width: 720px !important;
margin-right: auto !important;
margin-left: auto !important;
padding: 0 !important;
border: 0 !important;
}
html body.bbcc-page-home #bid_8656 h2 {
font-size: clamp(36px, 3.4vw, 46px) !important;
line-height: 1.08 !important;
}
html body.bbcc-page-home #bid_8656 h2::before {
margin-bottom: 14px;
}
html body.bbcc-page-home #bid_8656 p {
max-width: 660px;
margin: 20px auto 0 !important;
font-size: 17px !important;
line-height: 1.65 !important;
}
html body.bbcc-page-home #bid_8656 p + div {
display: flex !important;
justify-content: center;
margin-top: 24px !important;
}
@media (max-width: 767px) {
html body.bbcc-page-home #bid_8656 section {
padding: 32px 16px !important;
}
html body.bbcc-page-home #bid_8656 section > .container {
width: 100% !important;
padding: 32px 24px 34px !important;
text-align: left;
}
html body.bbcc-page-home #bid_8656 h2 {
margin-bottom: 0 !important;
font-size: 32px !important;
}
html body.bbcc-page-home #bid_8656 p {
margin-top: 18px !important;
font-size: 16px !important;
line-height: 1.58 !important;
}
html body.bbcc-page-home #bid_8656 p + div {
justify-content: flex-start;
margin-top: 22px !important;
}
}
html body.bbcc-page-home #bid_8454 .feat-card-img {
overflow: hidden;
background: #10283e !important;
}
html body.bbcc-page-home #bid_8454 .feat-card-img > a {
display: flex !important;
width: 100% !important;
height: 100% !important;
align-items: center;
justify-content: center;
}
html body.bbcc-page-home #bid_8454 .feat-card-img img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
object-position: center center !important;
background: #10283e !important;
}
@media (min-width: 992px) {
html body.compass-body #mainNav .navbar-nav > li.dropdown > .nav-split > :is(.nav-split__label, .nav-split__toggle) {
background: transparent !important;
}
}
@media (prefers-reduced-motion: reduce) {
html body.compass-body #bbcc-main-content *,
html body.compass-body #mainNav * {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
}
html body.compass-body #bbcc-main-content :is(.btn, .bbcc-button, .event-card-btn, .bbcc-hero-action) {
text-shadow: none !important;
}
html body.bbcc-page-home #bid_8656 section > .container {
display: grid !important;
grid-template-columns: minmax(0, 1.02fr) minmax(320px, .98fr);
grid-template-rows: auto 1fr;
column-gap: clamp(34px, 5vw, 64px);
width: min(calc(100% - 32px), 1180px) !important;
max-width: 1180px !important;
padding: clamp(30px, 4vw, 46px) !important;
text-align: left;
}
html body.bbcc-page-home #bid_8656 section > .container::before {
content: "";
grid-column: 2;
grid-row: 1 / 3;
min-height: 310px;
border-radius: 10px;
background-image: linear-gradient(180deg, rgba(8, 29, 44, .03), rgba(8, 29, 44, .12)),
url('/Themes/BBCC2026/Assets/img/art-direction/bbcc-prayer-cross.webp');
background-position: center 42%;
background-size: cover;
}
html body.bbcc-page-home #bid_8656 section > .container > h2,
html body.bbcc-page-home #bid_8656 section > .container > div {
grid-column: 1 !important;
width: 100% !important;
max-width: 620px !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
html body.bbcc-page-home #bid_8656 section > .container > h2 {
grid-row: 1 !important;
align-self: end;
}
html body.bbcc-page-home #bid_8656 section > .container > div {
grid-row: 2 !important;
align-self: start;
}
html body.bbcc-page-home #bid_8656 p {
margin-right: 0 !important;
margin-left: 0 !important;
}
html body.bbcc-page-home #bid_8656 p + div {
justify-content: flex-start;
}
@media (max-width: 767px) {
html body.bbcc-page-home #bid_8656 section > .container {
grid-template-columns: minmax(0, 1fr) !important;
grid-template-rows: auto auto auto !important;
gap: 0;
padding: 0 0 30px !important;
overflow: hidden;
}
html body.bbcc-page-home #bid_8656 section > .container::before {
grid-column: 1;
grid-row: 1;
min-height: 190px;
margin-bottom: 28px;
border-radius: 0;
background-position: center 38%;
}
html body.bbcc-page-home #bid_8656 section > .container > h2,
html body.bbcc-page-home #bid_8656 section > .container > div {
grid-column: 1 !important;
width: auto !important;
margin-right: 24px !important;
margin-left: 24px !important;
}
html body.bbcc-page-home #bid_8656 section > .container > h2 {
grid-row: 2 !important;
}
html body.bbcc-page-home #bid_8656 section > .container > div {
grid-row: 3 !important;
}
}
html body.bbcc-page-home #bid_8658 .parallax-window__card {
border: 1px solid rgba(255, 255, 255, .16) !important;
border-radius: 4px !important;
background: rgba(10, 39, 58, .94) !important;
color: rgba(255, 255, 255, .88) !important;
box-shadow: none !important;
}
html body.bbcc-page-home #bid_8658 .parallax-window__card :is(h1, h2, h3, h4, strong) {
color: var(--bbcc-paper) !important;
}
html body.bbcc-page-home #bid_8658 .parallax-window__card p {
color: rgba(255, 255, 255, .86) !important;
}
@media (max-width: 767px) {
html body.bbcc-page-home #bid_8658 .parallax-window__card {
border-radius: 0 !important;
}
}
@media (max-width: 991px) {
html body.compass-body #mainNav .navbar-header .navbar-toggle,
html body.compass-body #mainNav.has-hero .navbar-header .navbar-toggle,
html body.compass-body #mainNav.has-hero.scrolled .navbar-header .navbar-toggle,
html body.compass-body #mainNav.bbcc-nav-compact .navbar-header .navbar-toggle {
width: 48px !important;
height: 48px !important;
margin: 0 !important;
padding: 13.5px 9px !important;
top: 50% !important;
right: max(12px, calc(17px + 3vw)) !important;
transform: translateY(-50%) !important;
border: 0 !important;
border-radius: 8px !important;
background: transparent !important;
}
html body.compass-body #mainNav .navbar-header .navbar-toggle span {
width: 30px !important;
left: 9px !important;
}
html body.compass-body #mainNav .navbar-header .navbar-toggle.collapsed .navbar-toggle__burger1 {
top: 10.5px !important;
}
html body.compass-body #mainNav .navbar-header .navbar-toggle.collapsed .navbar-toggle__burger2 {
top: 17.5px !important;
}
html body.compass-body #mainNav .navbar-header .navbar-toggle.collapsed .navbar-toggle__burger3 {
top: 24.5px !important;
}
html body.compass-body #mainNav.navOpen .navbar-header .navbar-toggle__burger1,
html body.compass-body #mainNav:has(#compass-nav.in) .navbar-header .navbar-toggle__burger1,
html body.compass-body #mainNav.navOpen .navbar-header .navbar-toggle__burger3,
html body.compass-body #mainNav:has(#compass-nav.in) .navbar-header .navbar-toggle__burger3 {
left: 9px !important;
top: 19.5px !important;
}
html body.compass-body #mainNav .navbar-header .navbar-toggle:focus-visible {
outline: 3px solid var(--bbcc-teal) !important;
outline-offset: 2px !important;
}
}
:root {
--bbcc-radius-card: 8px;
--bbcc-radius-media: 10px;
--bbcc-shadow-rest: 0 1px 1px rgba(13, 38, 54, .035);
--bbcc-shadow-hover: 0 7px 18px rgba(13, 38, 54, .075);
}
html body.compass-body #bbcc-main-content .content-split__row {
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
html body.compass-body #bbcc-main-content :is(.event-card, .msg-card, .series-card) {
border: 1px solid var(--bbcc-line) !important;
border-radius: var(--bbcc-radius-card) !important;
box-shadow: none !important;
}
html body.compass-body #bbcc-main-content :is(.event-card, .msg-card, .series-card):is(:hover, :focus-within) {
border-color: #b8d1d7 !important;
box-shadow: var(--bbcc-shadow-hover) !important;
}
html body.compass-body #bbcc-main-content :is(.event-card-btn, .btn-watch, .btn-notes, .msg-viewall-btn, .series-viewall-btn, .staff-card__read-more) {
border-radius: 6px !important;
}
html body.compass-body #bbcc-main-content :is(.event-card-image, .msg-card-img-wrap, .series-card img) {
border-radius: 7px 7px 0 0 !important;
}
@media (max-width: 767px) {
html body.compass-body #bbcc-main-content :is(.event-card, .msg-card, .series-card) {
border-radius: 6px !important;
}
html body.compass-body #bbcc-main-content :is(.event-card-image, .msg-card-img-wrap, .series-card img) {
border-radius: 5px 5px 0 0 !important;
}
}
:root {
--bbcc-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--bbcc-font-display: "DM Serif Display", Georgia, "Times New Roman", serif;
--bbcc-type-body: clamp(17px, calc(16.35px + .18vw), 18px);
--bbcc-type-body-large: clamp(19px, calc(17.8px + .38vw), 22px);
--bbcc-type-small: clamp(14px, calc(13.7px + .12vw), 15px);
--bbcc-leading-body: 1.68;
--bbcc-leading-compact: 1.25;
--bbcc-reading-width: 68ch;
}
html body.compass-body {
font-family: var(--bbcc-font-sans) !important;
font-size: var(--bbcc-type-body);
line-height: var(--bbcc-leading-body);
font-synthesis: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
html body.compass-body :is(#bbcc-main, #bbcc-main-content) {
color: #344f64;
}
html body.compass-body :is(#bbcc-main, #bbcc-main-content) :is(h1, h2),
html body.compass-body :is(#bbcc-main, #bbcc-main-content) :is(.hero-modern__title, .hero-banner__title, .content-split__title, .feat-heading, .feat-card-title, .parallax-window__title, .section-title),
html body.compass-body header.page .section-heading,
html body.compass-body .bbcc-footer__brand h2 {
font-family: var(--bbcc-font-display) !important;
font-weight: 400 !important;
letter-spacing: -.028em;
text-wrap: balance;
}
html body.compass-body :is(#bbcc-main, #bbcc-main-content) h1 {
font-size: clamp(44px, 5.2vw, 72px);
line-height: 1.02;
}
html body.compass-body :is(#bbcc-main, #bbcc-main-content) h2 {
font-size: clamp(34px, 3.8vw, 52px);
line-height: 1.07;
}
html body.compass-body :is(#bbcc-main, #bbcc-main-content) :is(h3, h4, h5, h6) {
font-family: var(--bbcc-font-sans);
font-weight: 700;
letter-spacing: -.012em;
line-height: var(--bbcc-leading-compact);
text-wrap: balance;
}
html body.compass-body :is(#bbcc-main, #bbcc-main-content) h3 {
font-size: clamp(23px, 2vw, 30px);
}
html body.compass-body :is(#bbcc-main, #bbcc-main-content) h4 {
font-size: clamp(20px, 1.45vw, 24px);
}
html body.compass-body :is(#bbcc-main, #bbcc-main-content) :is(p, li) {
line-height: var(--bbcc-leading-body);
}
html body.compass-body :is(#bbcc-main, #bbcc-main-content) :is(
.lead,
.section-intro,
.content-split__text,
.hero-modern__body,
.hero-banner__body,
.parallax-window__text
) {
font-family: var(--bbcc-font-sans) !important;
font-size: var(--bbcc-type-body-large);
line-height: 1.62;
}
html body.compass-body :is(#bbcc-main, #bbcc-main-content) :is(
.content-split__text,
.hero-modern__body,
.hero-banner__body,
.parallax-window__text,
.section-intro,
.lead
) :is(p, ul, ol) {
max-width: var(--bbcc-reading-width);
}
html body.compass-body :is(#bbcc-main, #bbcc-main-content) :is(
.event-card-description,
.event-card-desc,
.feat-card-desc,
.msg-card-desc,
.msg-card-excerpt,
.msg-card-description,
.series-card-description,
.staff-card__role
) {
font-family: var(--bbcc-font-sans) !important;
font-size: clamp(16px, calc(15.65px + .12vw), 17px) !important;
line-height: 1.62 !important;
}
html body.compass-body header.page .section-heading {
font-size: clamp(44px, 5.2vw, 72px) !important;
line-height: 1.02 !important;
text-transform: none !important;
}
html body.compass-body :is(#bbcc-main, #bbcc-main-content) :is(
.event-card-meta,
.feat-card-meta,
.msg-card-meta,
.series-card-meta,
.staff-card__label,
.section-label,
.hero-modern__eyebrow,
.hero-banner__eyebrow,
.parallax-window__label
) {
font-family: var(--bbcc-font-sans) !important;
font-size: var(--bbcc-type-small) !important;
font-weight: 700 !important;
line-height: 1.35 !important;
letter-spacing: .1em !important;
}
html body.compass-body :is(
#mainNav,
#bbcc-main,
#bbcc-main-content,
.bbcc-footer
) :is(a, button, .btn, input, select, textarea) {
font-family: var(--bbcc-font-sans);
}
html body.compass-body :is(#bbcc-main, #bbcc-main-content) :is(.btn, button, [class*="btn"], [class*="button"]) {
font-size: max(16px, 1em);
font-weight: 700;
line-height: 1.25;
text-shadow: none !important;
}
html body.compass-body :is(#bbcc-main, #bbcc-main-content) :is(input, select, textarea, .form-control) {
font-size: 16px;
line-height: 1.45;
}
html body.compass-body :is(#bbcc-main, #bbcc-main-content) :is(.page-hero, .hero-modern, .hero-banner) :is(
.hero-modern__title,
.hero-banner__title,
.hero-modern__body,
.hero-banner__body
) {
text-shadow: 0 2px 12px rgba(0, 0, 0, .28) !important;
}
html body.compass-body :is(#bbcc-main, #bbcc-main-content) :is(.page-hero, .hero-modern, .hero-banner) :is(.btn, [class*="btn"], [class*="button"]) {
text-shadow: none !important;
}
@media (max-width: 767px) {
:root {
--bbcc-type-body: 17px;
--bbcc-type-body-large: 19px;
--bbcc-type-small: 14px;
--bbcc-leading-body: 1.66;
}
html body.compass-body :is(#bbcc-main, #bbcc-main-content) h1 {
font-size: clamp(38px, 11vw, 50px);
line-height: 1.03;
}
html body.compass-body header.page .section-heading {
font-size: clamp(38px, 11vw, 50px) !important;
line-height: 1.03 !important;
}
html body.compass-body :is(#bbcc-main, #bbcc-main-content) h2 {
font-size: clamp(31px, 8.8vw, 42px);
line-height: 1.08;
}
html body.compass-body :is(#bbcc-main, #bbcc-main-content) h3 {
font-size: clamp(22px, 6.4vw, 27px);
}
html body.compass-body :is(#bbcc-main, #bbcc-main-content) :is(p, li) {
overflow-wrap: break-word;
}
html body.compass-body :is(#bbcc-main, #bbcc-main-content) :is(input, select, textarea, .form-control) {
font-size: 16px !important;
}
}