@kennedy If only you had kept in touch 😂
⌖ Queen Elizabeth National Park
/* Banner buttons: same comfortable pill shape as the floating banner */
html body .hero-actions,
html body .sa-hero .hero-actions {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 8px !important;
grid-template-columns: none !important;
}
html body .hero-actions button,
html body .hero-actions a,
html body .sa-hero .hero-actions button,
html body .sa-hero .hero-actions .soft-btn,
html body.layout-destination .hero-actions button,
html body.layout-destination .sa-hero .hero-actions button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
max-width: none !important;
height: auto !important;
min-height: 36px !important;
padding: 8px 16px !important;
border-radius: 999px !important;
-webkit-border-radius: 999px !important;
border: 1px solid #b5b5b5 !important;
background: #ffffff !important;
color: #057642 !important;
font-size: 14px !important;
line-height: 1.2 !important;
white-space: nowrap !important;
box-shadow: none !important;
flex: 0 0 auto !important;
}
html body .hero-actions button:hover,
html body .sa-hero .hero-actions button:hover {
border-color: #9a9a9a !important;
color: #045c32 !important;
background: #f4faf6 !important;
}
/* Banner actions: heart circle, been-here pill, share circle */
html body .hero-actions .sa-hero-icon-btn,
html body .sa-hero .hero-actions .sa-hero-icon-btn,
html body.layout-destination .hero-actions .sa-hero-icon-btn {
width: 42px !important;
min-width: 42px !important;
max-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
aspect-ratio: 1 / 1 !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 50% !important;
border: 1px solid #cfcfcf !important;
background: #ffffff !important;
color: #057642 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 42px !important;
box-sizing: border-box !important;
line-height: 1 !important;
overflow: hidden !important;
}
html body .hero-actions .sa-hero-pill-btn,
html body .sa-hero .hero-actions .sa-hero-pill-btn {
width: auto !important;
height: 40px !important;
min-height: 40px !important;
padding: 0 16px !important;
border-radius: 999px !important;
border: 1px solid #cfcfcf !important;
background: #ffffff !important;
color: #057642 !important;
font-size: 14px !important;
font-weight: 650 !important;
gap: 6px !important;
display: inline-flex !important;
align-items: center !important;
white-space: nowrap !important;
}
html body .hero-actions .sa-hero-icon-btn svg,
html body .hero-actions .sa-hero-pill-btn svg {
width: 18px !important;
height: 18px !important;
stroke: #057642 !important;
fill: none !important;
stroke-width: 1.8 !important;
}
html body .hero-actions .sa-hero-icon-btn.is-active,
html body .hero-actions .sa-hero-pill-btn.is-active {
background: #edf6ef !important;
border-color: #057642 !important;
}
html body .hero-actions .sa-hero-icon-btn.is-active svg,
html body .hero-actions .sa-hero-pill-btn.is-active svg {
fill: #057642 !important;
}
/* Header icons: labels under icons, equal spacing, LinkedIn-like font */
html body header.topbar .head-actions.sa-labeled-nav {
display: flex !important;
align-items: flex-end !important;
justify-content: flex-end !important;
gap: 4px !important;
}
html body header.topbar .sa-labeled-nav .icon-btn,
html body header.topbar .sa-labeled-nav .top-icon,
html body header.topbar .sa-labeled-nav .sa-me-link {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 2px !important;
width: 72px !important;
min-width: 72px !important;
height: auto !important;
min-height: 48px !important;
padding: 4px 2px !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: rgba(0,0,0,.6) !important;
box-shadow: none !important;
position: relative !important;
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
html body header.topbar .sa-labeled-nav .icon-btn svg,
html body header.topbar .sa-labeled-nav .top-icon svg {
width: 22px !important;
height: 22px !important;
}
html body header.topbar .sa-labeled-nav .sa-nav-label {
display: block !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1.2 !important;
color: rgba(0,0,0,.6) !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
html body header.topbar .sa-labeled-nav .sa-me-link .avatar {
width: 22px !important;
height: 22px !important;
border-radius: 50% !important;
}
html body header.topbar .sa-labeled-nav .icon-btn:hover,
html body header.topbar .sa-labeled-nav .top-icon:hover,
html body header.topbar .sa-labeled-nav .sa-me-link:hover {
background: transparent !important;
color: #191919 !important;
border: 0 !important;
}
html body header.topbar .sa-labeled-nav .icon-btn:hover .sa-nav-label,
html body header.topbar .sa-labeled-nav .top-icon:hover .sa-nav-label,
html body header.topbar .sa-labeled-nav .sa-me-link:hover .sa-nav-label {
color: #191919 !important;
}
html body header.topbar .sa-labeled-nav .sa-notification-badge {
position: absolute !important;
top: 0 !important;
right: 14px !important;
}
/* Rating stars: slightly bigger, still inside the tile */