:root { --bse-ink: #183238; --bse-muted: #64777b; --bse-primary: #176b73; --bse-primary-dark: #0d4e55; --bse-accent: #bf7b38; --bse-pale: #eef5f3; --bse-card: #ffffff; --bse-border: #d9e5e2; --bse-shadow: 0 12px 36px rgba(23, 67, 72, 0.12); } * { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; color: var(--bse-ink); background: #f7faf9; font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif; line-height: 1.55; } .bse-hero { min-height: 440px; display: grid; place-items: end center; padding: 54px 24px; background-image: linear-gradient(180deg, rgba(5,35,39,.18), rgba(5,35,39,.82)), var(--bse-hero-image); background-position:center; background-size:cover; background-repeat:no-repeat; color: white; } .bse-hero__content { width: min(1180px, 100%); } #petaluma-bird-survey-explorer .bse-eyebrow { color: #fff; font-size: .90rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 12px; text-shadow: 0 1px 3px rgba(0,0,0,.45); } #petaluma-bird-survey-explorer .bse-hero h1 { color: #fff !important; -webkit-text-fill-color: #fff !important; font-size: clamp(2.6rem, 5.8vw, 5.3rem); font-weight: 800 !important; line-height: 1.02; margin: 0 0 16px; text-shadow: 0 3px 10px rgba(0,0,0,.55); } #petaluma-bird-survey-explorer .bse-hero p { color: rgba(255,255,255,.96); font-size: clamp(1.15rem,2vw,1.45rem); font-weight: 500; line-height: 1.45; max-width: 760px; text-shadow: 0 2px 6px rgba(0,0,0,.45); } .bse-shell { width: min(1180px, calc(100% - 32px)); margin: -34px auto 64px; position: relative; } .bse-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } .bse-card { background: var(--bse-card); border: 1px solid var(--bse-border); border-radius: 18px; box-shadow: var(--bse-shadow); padding: 22px; } .bse-kpi__label { color: var(--bse-muted); font-size: .88rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; } .bse-kpi__value { margin-top: 3px; color: var(--bse-primary-dark); font-size: clamp(1.8rem, 3vw, 2.7rem); font-weight: 800; } .bse-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 20px; margin-top: 20px; } .bse-card h2 { margin: 0 0 2px; font-size: 1.3rem; } .bse-card__intro { margin: 0 0 18px; color: var(--bse-muted); font-size: .94rem; } .bse-chart-wrap { min-height: 350px; position: relative; } .bse-controls { display: flex; flex-wrap: wrap; gap: 12px; margin: 20px 0; align-items: end; } .bse-field { display: grid; gap: 5px; } .bse-field label { font-size: .82rem; color: var(--bse-muted); font-weight: 700; } .bse-field input, .bse-field select { min-height: 43px; border: 1px solid var(--bse-border); border-radius: 10px; background: white; padding: 8px 12px; font: inherit; color: var(--bse-ink); } .bse-field--search { flex: 1 1 260px; } .bse-table-wrap { overflow-x: auto; } .bse-table { width: 100%; border-collapse: collapse; font-size: .92rem; } .bse-table th, .bse-table td { padding: 12px 10px; border-bottom: 1px solid var(--bse-border); text-align: left; } .bse-table th { color: var(--bse-primary-dark); font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; } .bse-table td:nth-child(n+2), .bse-table th:nth-child(n+2) { text-align: right; } .bse-note { margin-top: 18px; color: var(--bse-muted); font-size: .85rem; } .bse-error { padding: 16px; border-left: 4px solid #a34235; background: #fff1ef; } @media (max-width: 900px) { .bse-kpis { grid-template-columns: repeat(2, 1fr); } .bse-grid { grid-template-columns: 1fr; } } @media (max-width: 767px) { #petaluma-bird-survey-explorer .bse-hero { min-height: 360px; padding: 24px 20px 40px; } #petaluma-bird-survey-explorer .bse-hero h1 { font-size: clamp(2.2rem,9vw,3.4rem); } } @media (max-width: 520px) { .bse-hero { min-height: 360px; } .bse-shell { width: min(100% - 20px, 1180px); } .bse-kpis { grid-template-columns: 1fr 1fr; gap: 10px; } .bse-card { padding: 16px; border-radius: 14px; } } #petaluma-bird-survey-explorer .bse-hero { min-height: 440px; display: grid; place-items: end center; /* Was: 54px 24px */ padding: 8px 24px 54px; background-image: linear-gradient( 180deg, rgba(5,35,39,.38) 0%, rgba(5,35,39,.88) 100% ), var(--bse-hero-image); background-position: center; background-size: cover; background-repeat: no-repeat; color: #fff; } #petaluma-bird-survey-explorer .bse-hero h1 { color: #fff !important; -webkit-text-fill-color: #fff !important; font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif; font-weight: 700; text-transform: uppercase; /* Slightly smaller than the site's 80px */ font-size: clamp(3rem, 5vw, 4.5rem); line-height: 1.15; letter-spacing: -0.02em; margin: 0 0 16px; text-align: left; text-shadow: 1px 2px 3px #333; } #petaluma-bird-survey-explorer .bse-hero__content { width: min(1180px,100%); } #petaluma-bird-survey-explorer .bse-hero p { color: rgba(255,255,255,.96); font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif; font-size: 1.35rem; line-height: 1.5; font-weight: 400; max-width: 760px; text-shadow: 1px 2px 3px #333; } /* Species Explorer enhancements — Version 1.1 */ #petaluma-bird-survey-explorer .bse-button, #petaluma-bird-survey-explorer .bse-page-button { min-height: 43px; border: 1px solid var(--bse-primary); border-radius: 10px; background: var(--bse-primary); color: #fff; padding: 8px 15px; font: inherit; font-weight: 700; cursor: pointer; transition: background .18s ease, transform .18s ease; } #petaluma-bird-survey-explorer .bse-button:hover, #petaluma-bird-survey-explorer .bse-page-button:hover:not(:disabled) { background: var(--bse-primary-dark); transform: translateY(-1px); } #petaluma-bird-survey-explorer .bse-button:focus-visible, #petaluma-bird-survey-explorer .bse-page-button:focus-visible, #petaluma-bird-survey-explorer .bse-sort-button:focus-visible, #petaluma-bird-survey-explorer .bse-field input:focus-visible, #petaluma-bird-survey-explorer .bse-field select:focus-visible { outline: 3px solid rgba(23,107,115,.25); outline-offset: 2px; } #petaluma-bird-survey-explorer .bse-page-button:disabled { opacity: .45; cursor: not-allowed; } #petaluma-bird-survey-explorer .bse-sort-button { width: 100%; border: 0; background: transparent; color: inherit; padding: 0; font: inherit; font-weight: inherit; text-transform: inherit; letter-spacing: inherit; text-align: inherit; cursor: pointer; } #petaluma-bird-survey-explorer .bse-sort-button.is-active { color: var(--bse-accent); } #petaluma-bird-survey-explorer .bse-sort-indicator { display: inline-block; min-width: .8em; margin-left: 3px; font-size: .72em; } #petaluma-bird-survey-explorer .bse-empty { padding: 28px 10px; color: var(--bse-muted); text-align: center !important; } #petaluma-bird-survey-explorer .bse-table-footer { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-top: 16px; } #petaluma-bird-survey-explorer .bse-table-footer .bse-note { margin: 0; } #petaluma-bird-survey-explorer .bse-pagination { display: flex; align-items: center; gap: 10px; } #petaluma-bird-survey-explorer .bse-page-button { min-height: 36px; padding: 5px 12px; font-size: .86rem; } #petaluma-bird-survey-explorer .bse-page-status { color: var(--bse-muted); font-size: .86rem; white-space: nowrap; } @media (max-width: 767px) { #petaluma-bird-survey-explorer .bse-controls { align-items: stretch; } #petaluma-bird-survey-explorer .bse-field, #petaluma-bird-survey-explorer .bse-field--search, #petaluma-bird-survey-explorer .bse-button { flex: 1 1 100%; width: 100%; } #petaluma-bird-survey-explorer .bse-table-footer { align-items: flex-start; } } /* Bird Guide Edition — Version 1.2 */ #petaluma-bird-survey-explorer .bse-top-birds-section, #petaluma-bird-survey-explorer .bse-explorer-card { margin-top:20px; } #petaluma-bird-survey-explorer .bse-section-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; } #petaluma-bird-survey-explorer .bse-top-birds { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; } #petaluma-bird-survey-explorer .bse-top-bird { border:1px solid var(--bse-border); border-radius:14px; padding:0; background:#fff; overflow:hidden; text-align:left; cursor:pointer; transition:transform .18s ease,box-shadow .18s ease; } #petaluma-bird-survey-explorer .bse-top-bird:hover { transform:translateY(-3px); box-shadow:0 10px 22px rgba(23,67,72,.14); } #petaluma-bird-survey-explorer .bse-top-bird__photo { width:100%; height:105px; object-fit:cover; display:grid; place-items:center; font-size:2rem; background:var(--bse-pale); } #petaluma-bird-survey-explorer .bse-top-bird span { display:grid; padding:10px; line-height:1.3; } #petaluma-bird-survey-explorer .bse-top-bird small { color:var(--bse-muted); margin-top:3px; } #petaluma-bird-survey-explorer .bse-view-toggle { display:inline-flex; border:1px solid var(--bse-border); border-radius:10px; overflow:hidden; flex:0 0 auto; } #petaluma-bird-survey-explorer .bse-view-button { border:0; background:#fff; padding:9px 14px; color:var(--bse-primary-dark); font:inherit; font-weight:700; cursor:pointer; } #petaluma-bird-survey-explorer .bse-view-button.is-active { background:var(--bse-primary); color:#fff; } #petaluma-bird-survey-explorer .bse-explorer-summary .bse-note { margin:0 0 10px; } #petaluma-bird-survey-explorer .bse-photo-heading { width:92px; text-align:left!important; } #petaluma-bird-survey-explorer .bse-photo-cell { width:92px; text-align:left!important; } #petaluma-bird-survey-explorer .bse-photo-button { border:0; padding:0; background:transparent; cursor:pointer; border-radius:9px; } #petaluma-bird-survey-explorer .bse-bird-thumb { width:72px; height:54px; object-fit:cover; display:grid; place-items:center; border-radius:9px; background:var(--bse-pale); font-size:1.5rem; box-shadow:0 3px 10px rgba(23,67,72,.12); transition:transform .18s ease,box-shadow .18s ease; } #petaluma-bird-survey-explorer .bse-photo-button:hover .bse-bird-thumb { transform:scale(1.45); box-shadow:0 10px 24px rgba(23,67,72,.22); position:relative; z-index:3; } #petaluma-bird-survey-explorer .bse-species-link { border:0; background:transparent; padding:0; color:var(--bse-primary-dark); font:inherit; font-weight:800; cursor:pointer; text-align:left; } #petaluma-bird-survey-explorer .bse-species-row td:nth-child(2) small { display:block; color:var(--bse-muted); margin-top:2px; } #petaluma-bird-survey-explorer .bse-species-gallery { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; } #petaluma-bird-survey-explorer .bse-gallery-card { border:1px solid var(--bse-border); border-radius:16px; padding:0; overflow:hidden; background:#fff; text-align:left; cursor:pointer; box-shadow:0 6px 18px rgba(23,67,72,.08); transition:transform .18s ease,box-shadow .18s ease; } #petaluma-bird-survey-explorer .bse-gallery-card:hover { transform:translateY(-4px); box-shadow:0 14px 30px rgba(23,67,72,.16); } #petaluma-bird-survey-explorer .bse-gallery-photo { width:100%; aspect-ratio:4/3; object-fit:cover; display:grid; place-items:center; background:var(--bse-pale); font-size:3rem; } #petaluma-bird-survey-explorer .bse-gallery-card__body { display:grid; padding:14px; } #petaluma-bird-survey-explorer .bse-gallery-card__body strong { color:var(--bse-primary-dark); font-size:1rem; } #petaluma-bird-survey-explorer .bse-gallery-card__body span { color:var(--bse-ink); margin-top:3px; } #petaluma-bird-survey-explorer .bse-gallery-card__body small { color:var(--bse-muted); margin-top:5px; } body.bse-profile-open { overflow:hidden; } #petaluma-bird-survey-explorer .bse-profile { position:fixed; inset:0; z-index:999999; } #petaluma-bird-survey-explorer .bse-profile__backdrop { position:absolute; inset:0; background:rgba(6,31,34,.58); backdrop-filter:blur(2px); } #petaluma-bird-survey-explorer .bse-profile__panel { position:absolute; top:0; right:0; width:min(540px,94vw); height:100%; overflow-y:auto; background:#fff; box-shadow:-14px 0 40px rgba(0,0,0,.24); animation:bseSlideIn .24s ease-out; } @keyframes bseSlideIn { from{transform:translateX(100%)} to{transform:translateX(0)} } #petaluma-bird-survey-explorer .bse-profile__close { position:absolute; top:14px; right:14px; z-index:2; width:42px; height:42px; border:0; border-radius:50%; background:rgba(255,255,255,.94); color:var(--bse-primary-dark); font-size:2rem; line-height:1; cursor:pointer; box-shadow:0 3px 14px rgba(0,0,0,.18); } #petaluma-bird-survey-explorer .bse-profile-photo { width:100%; max-height:340px; object-fit:cover; display:block; } #petaluma-bird-survey-explorer .bse-profile-copy { padding:28px; } #petaluma-bird-survey-explorer .bse-profile-copy h2 { font-size:2rem; margin:5px 0 2px; color:var(--bse-primary-dark); } #petaluma-bird-survey-explorer .bse-profile-family { color:var(--bse-accent); font-size:.78rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } #petaluma-bird-survey-explorer .bse-scientific { color:var(--bse-muted); margin-top:0; } #petaluma-bird-survey-explorer .bse-profile-stats { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:24px 0; } #petaluma-bird-survey-explorer .bse-profile-stats div { background:var(--bse-pale); border-radius:11px; padding:11px 13px; } #petaluma-bird-survey-explorer .bse-profile-stats dt { color:var(--bse-muted); font-size:.75rem; font-weight:700; text-transform:uppercase; } #petaluma-bird-survey-explorer .bse-profile-stats dd { margin:2px 0 0; color:var(--bse-primary-dark); font-weight:800; } #petaluma-bird-survey-explorer .bse-learn-more { display:inline-flex; align-items:center; text-decoration:none; } @media(max-width:1000px){#petaluma-bird-survey-explorer .bse-top-birds{grid-template-columns:repeat(3,1fr)}#petaluma-bird-survey-explorer .bse-species-gallery{grid-template-columns:repeat(3,1fr)}} @media(max-width:700px){#petaluma-bird-survey-explorer .bse-section-heading{display:grid}#petaluma-bird-survey-explorer .bse-top-birds{grid-template-columns:repeat(2,1fr)}#petaluma-bird-survey-explorer .bse-species-gallery{grid-template-columns:repeat(2,1fr)}#petaluma-bird-survey-explorer .bse-photo-heading,#petaluma-bird-survey-explorer .bse-photo-cell{width:68px}#petaluma-bird-survey-explorer .bse-bird-thumb{width:56px;height:44px}#petaluma-bird-survey-explorer .bse-profile-copy{padding:22px}#petaluma-bird-survey-explorer .bse-profile-stats{grid-template-columns:1fr}} @media(max-width:430px){#petaluma-bird-survey-explorer .bse-species-gallery{grid-template-columns:1fr}#petaluma-bird-survey-explorer .bse-top-bird__photo{height:90px}} @media(prefers-reduced-motion:reduce){#petaluma-bird-survey-explorer *{scroll-behavior:auto!important;animation:none!important;transition:none!important}} /* v1.2.1: preserve bird-photo proportions instead of constraining both axes. */ #petaluma-bird-survey-explorer img.bse-profile-photo { width:100%; height:auto; max-height:none; object-fit:contain; object-position:center; background:var(--bse-pale); } #petaluma-bird-survey-explorer img.bse-top-bird__photo, #petaluma-bird-survey-explorer img.bse-gallery-photo, #petaluma-bird-survey-explorer img.bse-bird-thumb { object-fit:cover; object-position:center; } /* v1.2.2: hidden fallbacks must stay hidden even when their shared photo class sets display:grid. */ #petaluma-bird-survey-explorer .bse-bird-thumb--placeholder[hidden] { display:none !important; } /* Preserve the complete photograph in cards instead of stretching or clipping it. */ #petaluma-bird-survey-explorer img.bse-top-bird__photo, #petaluma-bird-survey-explorer img.bse-gallery-photo { width:100%; height:auto; aspect-ratio:auto; object-fit:contain; background:var(--bse-pale); } /* v1.3.3: the profile modal is moved to so the Divi header cannot cover it. */ body > #bse-profile.bse-profile { position:fixed; inset:0; z-index:2147483000; } body > #bse-profile .bse-profile__backdrop { position:absolute; inset:0; background:rgba(6,31,34,.58); backdrop-filter:blur(2px); } body > #bse-profile .bse-profile__panel { position:absolute; top:0; right:0; width:min(540px,94vw); height:100dvh; overflow-y:auto; overscroll-behavior:contain; background:#fff; box-shadow:-14px 0 40px rgba(0,0,0,.24); animation:bseSlideIn .24s ease-out; } body > #bse-profile .bse-profile__close { position:absolute; top:14px; right:14px; z-index:2; width:42px; height:42px; border:0; border-radius:50%; background:rgba(255,255,255,.94); color:#0d4e55; font-size:2rem; line-height:1; cursor:pointer; box-shadow:0 3px 14px rgba(0,0,0,.18); } body > #bse-profile img.bse-profile-photo { display:block; width:100%; height:auto; max-height:none; object-fit:contain; object-position:center; background:#edf5f4; } body > #bse-profile .bse-profile-copy { padding:28px; } body > #bse-profile .bse-profile-copy h2 { font-size:2rem; margin:5px 0 2px; color:#0d4e55; } body > #bse-profile .bse-profile-family { color:#b56f32; font-size:.78rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } body > #bse-profile .bse-scientific { color:#6b7e83; } body > #bse-profile .bse-profile-stats { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:24px 0; } body > #bse-profile .bse-profile-stats div { background:#edf5f4; border-radius:11px; padding:11px 13px; } body > #bse-profile .bse-profile-stats dt { color:#6b7e83; font-size:.75rem; font-weight:700; text-transform:uppercase; } body > #bse-profile .bse-profile-stats dd { margin:2px 0 0; color:#0d4e55; font-weight:800; } body > #bse-profile .bse-button { display:inline-flex; align-items:center; border:0; border-radius:10px; padding:12px 16px; background:#147b80; color:#fff; font-weight:700; cursor:pointer; } body > #bse-profile[hidden] { display:none !important; } @media(max-width:700px){ body > #bse-profile .bse-profile-copy{padding:22px} body > #bse-profile .bse-profile-stats{grid-template-columns:1fr} } /* Version 2.0 historical explorer additions */ .bse-history-controls{margin-bottom:20px}.bse-controls--history{grid-template-columns:repeat(4,minmax(150px,1fr));align-items:end}.bse-button--secondary{background:#eef5f4;color:#14565d}.bse-profile-trend{height:240px;margin:24px 0}.bse-profile-trend h3{margin:0 0 10px}.bse-top-bird{min-width:0}.bse-top-bird__photo{width:100%;height:150px;object-fit:contain;background:#eef5f4}.bse-top-bird__photo.bse-bird-thumb--placeholder{display:flex;align-items:center;justify-content:center}.bse-profile-photo{width:100%;height:auto!important;max-height:none!important;object-fit:contain!important}.bse-profile{z-index:2147483000!important}.bse-profile__panel{top:0!important;height:100dvh!important;max-height:100dvh!important} @media(max-width:800px){.bse-controls--history{grid-template-columns:1fr 1fr}.bse-top-bird__photo{height:130px}} @media(max-width:520px){.bse-controls--history{grid-template-columns:1fr}} /* v2.0.3: NextGEN bird-group tags and clickable profile breadcrumb. */ #petaluma-bird-survey-explorer .bse-profile-family, body > #bse-profile .bse-profile-family { display:inline-block; border:0; padding:0; background:transparent; color:#af7d58; font:inherit; font-size:.78rem; font-weight:800; letter-spacing:.08em; line-height:1.4; text-align:left; text-transform:uppercase; cursor:pointer; } #petaluma-bird-survey-explorer .bse-profile-family:hover, body > #bse-profile .bse-profile-family:hover { color:#276691; text-decoration:underline; } #petaluma-bird-survey-explorer .bse-profile-family:focus-visible, body > #bse-profile .bse-profile-family:focus-visible { outline:3px solid rgba(54,179,168,.35); outline-offset:4px; border-radius:3px; } /* Version 2.1.0 — PWA palette and approved Survey History treatment */ #petaluma-bird-survey-explorer { --bse-ink: #444; --bse-muted: #666; --bse-primary: #36b3a8; --bse-primary-dark: #276691; --bse-accent: #af7d58; --bse-pale: #ededed; --bse-card: #fff; --bse-border: #c1cfd6; --bse-shadow: 0 12px 32px rgba(39,102,145,.14); } #petaluma-bird-survey-explorer .bse-history-controls { padding: 0; overflow: hidden; border: 1px solid #c1cfd6; box-shadow: 0 14px 34px rgba(39,102,145,.18); } #petaluma-bird-survey-explorer .bse-history-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 26px; background: #36b3a8; border-bottom: 4px solid #276691; } #petaluma-bird-survey-explorer .bse-history-title-wrap { display: flex; align-items: center; gap: 15px; } #petaluma-bird-survey-explorer .bse-history-icon { width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 42px; border: 2px solid rgba(255,255,255,.92); border-radius: 9px; color: #fff; font-size: 1.35rem; line-height: 1; } #petaluma-bird-survey-explorer .bse-history-header h2, #petaluma-bird-survey-explorer .bse-history-header .bse-card__intro { color: #fff !important; } #petaluma-bird-survey-explorer .bse-history-header h2 { font-size: clamp(1.45rem, 2.2vw, 2rem); font-weight: 800; margin: 0 0 2px; } #petaluma-bird-survey-explorer .bse-history-header .bse-card__intro { margin: 0; opacity: .95; } #petaluma-bird-survey-explorer .bse-history-header .bse-button--secondary { min-width: 94px; background: #fff; color: #276691; border-color: #fff; box-shadow: 0 3px 10px rgba(0,0,0,.12); } #petaluma-bird-survey-explorer .bse-history-header .bse-button--secondary:hover { background: #ededed; color: #276691; } #petaluma-bird-survey-explorer .bse-history-controls .bse-controls--history { margin: 0; padding: 24px 26px 20px; background: #fff; } #petaluma-bird-survey-explorer .bse-history-controls #bse-range-summary { margin: 0; padding: 13px 26px; background: rgba(54,179,168,.12); border-top: 1px solid rgba(54,179,168,.3); color: #276691; font-weight: 700; } #petaluma-bird-survey-explorer .bse-field input:focus, #petaluma-bird-survey-explorer .bse-field select:focus { border-color: #36b3a8; box-shadow: 0 0 0 3px rgba(54,179,168,.16); } #petaluma-bird-survey-explorer .bse-kpis .bse-card { position: relative; overflow: hidden; border-top-width: 5px; } #petaluma-bird-survey-explorer .bse-kpis .bse-card:nth-child(1) { border-top-color: #36b3a8; } #petaluma-bird-survey-explorer .bse-kpis .bse-card:nth-child(2) { border-top-color: #276691; } #petaluma-bird-survey-explorer .bse-kpis .bse-card:nth-child(3) { border-top-color: #af7d58; } #petaluma-bird-survey-explorer .bse-kpis .bse-card:nth-child(4) { border-top-color: #898989; } #petaluma-bird-survey-explorer .bse-kpi__value { color: #276691; } #petaluma-bird-survey-explorer .bse-table tbody tr:nth-child(even) { background: rgba(237,237,237,.52); } #petaluma-bird-survey-explorer .bse-table tbody tr:hover { background: rgba(54,179,168,.11); } #petaluma-bird-survey-explorer .bse-card h2 { color: #276691; } #petaluma-bird-survey-explorer .bse-button, #petaluma-bird-survey-explorer .bse-page-button { background: #36b3a8; border-color: #36b3a8; } #petaluma-bird-survey-explorer .bse-button:hover, #petaluma-bird-survey-explorer .bse-page-button:hover:not(:disabled) { background: #276691; border-color: #276691; } @media (max-width: 650px) { #petaluma-bird-survey-explorer .bse-history-header { align-items: flex-start; padding: 18px; } #petaluma-bird-survey-explorer .bse-history-title-wrap { align-items: flex-start; } #petaluma-bird-survey-explorer .bse-history-icon { width: 36px; height: 36px; flex-basis: 36px; } #petaluma-bird-survey-explorer .bse-history-header .bse-button--secondary { min-width: 76px; padding-inline: 10px; } #petaluma-bird-survey-explorer .bse-history-controls .bse-controls--history { padding: 20px 18px 16px; } #petaluma-bird-survey-explorer .bse-history-controls #bse-range-summary { padding: 12px 18px; } } /* v2.1.1: clearly separate each species name from its NextGEN bird group. */ #petaluma-bird-survey-explorer .bse-species-group { display:inline-flex; align-items:baseline; gap:.42em; margin-left:.42em; color:var(--bse-muted); font-size:.88em; white-space:normal; } #petaluma-bird-survey-explorer .bse-species-separator { color:var(--bse-accent); font-weight:700; } /* Species profile monthly history */ .bse-profile-trend--monthly{height:300px;margin-top:34px;padding-top:24px;border-top:1px solid #dbdbdb}.bse-profile-chart-note{margin:0 0 12px;color:#666;font-size:.9rem}.bse-profile-trend--monthly canvas{max-height:240px} /* v2.1.3: permanently suppress legacy profile jump button from older cached markup */ #bse-jump-to-explorer { display:none !important; }