﻿/* CAIC content fitting and accessibility; typography/layout remain ChariTeam. */
.d2-logo{object-fit:contain}
.page-header{position:relative}
.d2-credit{position:absolute;bottom:8px;right:12px;max-width:85%;padding:3px 8px;background:rgba(0,29,35,.75);color:#fff;font-size:11px;z-index:2}
#header-carousel .carousel-item>img{aspect-ratio:16/9;height:auto;object-fit:cover}
.d2-portrait{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.d2-portrait-placeholder{object-fit:contain;padding:48px;background:var(--light)}
.team-item.d2-long-team .team-text{height:170px}
.team-item.d2-long-team:hover .team-text,.team-item.d2-long-team:focus-within .team-text{height:230px;margin-top:-60px}
.d2-directory-logo{width:100%;height:270px;object-fit:contain;padding:20px;background:#fff}
.d2-profile-logo{width:100%;max-height:500px;object-fit:contain}
.owl-carousel .owl-item img.d2-church-mark{width:100px;height:100px;object-fit:contain;background:#fff}
.d2-honeypot{position:absolute;left:-9999px}
.dropdown-menu.show,.navbar .dropdown:focus-within .dropdown-menu{visibility:visible;opacity:1;transform:rotateX(0deg)}
.causes-item:focus-within .causes-overlay{opacity:1}
h1,h2,h3,h4,h5,p{overflow-wrap:break-word}
:focus-visible{outline:3px solid currentColor;outline-offset:4px}
@media(max-width:767.98px){#header-carousel .carousel-item>img{height:100%;aspect-ratio:auto}.d2-credit{font-size:10px}.team-item.d2-long-team .team-text{height:auto;min-height:170px}.team-item.d2-long-team .team-social{opacity:1}.team-item.d2-long-team:hover .team-text{height:auto;margin-top:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.wow{visibility:visible!important}}

.donate{background-image:url(../../images/visual/service-1440.webp);background-size:cover;background-position:center;background-blend-mode:multiply}
/* Legible navigation and banner accents against ChariTeam's dark background. */
.navbar-dark .navbar-brand>.text-primary,.footer .h1.text-primary{color:#fff!important}
.navbar-dark .navbar-nav .nav-link.active{color:#fff;border-bottom:3px solid var(--primary)}
.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus{color:#fff}
.navbar-dark .btn-outline-primary{color:#fff;border-color:#fff}
.navbar-dark .btn-outline-primary:hover{background:var(--primary);border-color:var(--primary)}
.page-header .breadcrumb-item.active{color:#fff!important}
/* Breadcrumb on a member church profile. Deliberately only on the deep pages:
   a breadcrumb above a top-level page says nothing and clutters Design 2. */
.d2-breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;font-size:.86rem}
.d2-breadcrumb li+li::before{content:"›";margin-right:.5rem;color:#8aa392}
.d2-breadcrumb a{color:#3c6a4e;text-decoration:none}
.d2-breadcrumb a:hover,.d2-breadcrumb a:focus{text-decoration:underline}
.d2-breadcrumb li[aria-current]{color:#6b7c71}
