.topBar{background:var(--field-bg);height:80px;font-family:var(--font-sans);border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px var(--shadow-subtle);border-radius:0 0 var(--control-bar-radius) var(--control-bar-radius);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.topBar .black_font,.topBar .href_link{color:var(--text-color);transition:color .2s}.topBar .black_font:hover,.topBar .href_link:hover{color:var(--accent)}.topBar .topbar-left{flex-shrink:0;align-items:center;gap:8px;display:flex}@media (width>=769px){.topBar .topbar-left{padding-left:3rem;padding-right:.5rem}}@media (width<=768px){.topBar .topbar-right{justify-content:flex-end;min-width:0;margin-right:0!important}.topBar .topbar-center{min-width:0;padding-left:8px;padding-right:8px;overflow:hidden}}.topBar .topbar-nav-btn{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--accent);background:var(--accent-tint);border:1px solid var(--accent-border);box-shadow:0 1px 3px var(--shadow-subtle);transition:border-color var(--transition-medium), background-color var(--transition-medium), color var(--transition-medium), box-shadow var(--transition-medium), transform var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;gap:8px;padding:0;display:flex}.topBar .topbar-nav-btn i{color:var(--accent);transition:color var(--transition-medium);margin:0;font-size:16px}.topBar .topbar-nav-btn:hover{color:var(--color-light);background:var(--accent);border-color:var(--accent);box-shadow:0 4px 10px var(--accent-tint-end)}.topBar .topbar-nav-btn:hover i{color:var(--color-light)}.topBar .topbar-nav-btn:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint-end);outline:none}.topBar .topbar-nav-btn:is(.is-pressed,:focus-visible:active){background:var(--accent);border-color:var(--accent);transform:scale(.95)}.topBar .topbar-nav-btn:is(.is-pressed,:focus-visible:active) i{color:var(--color-light)}#logoDivInfo{justify-content:center;align-items:center;min-width:0;height:80px;display:flex;overflow:hidden}#logoDivInfo img{object-fit:contain;max-width:100%;max-height:100%;padding:10px 0}#logoDivInfo .congregation-name-fallback{font-family:var(--font-sans);text-align:center;-webkit-line-clamp:2;line-clamp:2;word-break:break-word;max-width:100%;color:var(--gray-800);-webkit-box-orient:vertical;font-size:clamp(.75rem,2.5vw,1.125rem);font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}#logoDivInfo:has(.congregation-name-fallback){max-width:min(100%,280px)}.topbar-shul-name{font-family:var(--font-sans);letter-spacing:-.015em;color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:min(240px,28vw);font-size:1.1rem;font-weight:800;display:none;overflow:hidden}@media (width<=768px){.topbar-shul-name{max-width:40vw;font-size:.9rem}}body.member-home-page-active .topbar-shul-name{display:block}@media (width<=768px){body.member-home-page-active .topbar-shul-name{display:none}}.topbar-page-title{font-family:var(--font-sans);color:var(--gray-800);text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;max-width:min(220px,28vw);font-size:1.125rem;font-weight:700;overflow:hidden}@media (width>=769px){.topbar-page-title{margin-left:1.25rem}}@media (width<=768px){:root{--topbar-edge-inset:8px;--topbar-height:60px}.topBar{height:var(--topbar-height);z-index:50;padding-left:0;padding-right:0;position:sticky;top:0;overflow:visible}.topBar>.topbar-left,.topBar>.topbar-right{padding-left:var(--topbar-edge-inset);padding-right:var(--topbar-edge-inset)}.topBar .topbar-left{justify-content:flex-start}.topBar .topbar-right .btn-group.app-dropdown:not(.topbar-account-menu) .pill-btn{max-width:44px;height:44px;padding:0;font-size:13px;width:44px!important;min-width:44px!important}.topBar .topbar-right .btn-group.app-dropdown:not(.topbar-account-menu) .pill-btn .pill-btn-caret{display:none}#logoDivInfo{flex-shrink:1;max-width:80px;height:36px;max-height:36px}#logoDivInfo img{width:auto;max-height:36px}#logoDivInfo:has(.congregation-name-fallback){width:auto;max-width:min(92vw,260px);height:auto;min-height:36px}}
