.pi-menu{--pi-ink:#10253f;--pi-gold:#c79a3b;position:relative;z-index:40;overflow:visible;font-family:'Cormorant Garamond',Georgia,serif}
#top .pi-menu .pi-menu__list,.pi-menu .pi-menu__list{display:flex;justify-content:center;align-items:center;gap:20px;list-style:none;margin:0;padding:0;flex-wrap:nowrap}
#top .pi-menu li,.pi-menu li{position:relative;list-style:none;margin:0;padding:0;float:none;overflow:visible}
#top .pi-menu .pi-menu__list>li>a,.pi-menu .pi-menu__list>li>a{display:flex;align-items:center;justify-content:center;position:relative;min-height:48px;min-width:100px;height:auto;padding:8px 18px;border:1px solid var(--pi-gold);border-radius:9px;background:#fff;color:var(--pi-ink);font:600 26px/1.2 'Cormorant Garamond',Georgia,serif;text-decoration:none;letter-spacing:normal;text-transform:none;white-space:nowrap;box-sizing:border-box;transition:background .2s}
.pi-menu .pi-menu__list>li>a:before,.pi-menu .pi-menu__list>li>a:after{content:"";position:absolute;pointer-events:none;left:-1px;width:calc(100% + 2px);height:54px;background:url('ornament-zlato.png') center bottom/100% 200% no-repeat}
.pi-menu .pi-menu__list>li>a:before{bottom:calc(100% - 1px);transform:rotate(180deg)}
.pi-menu .pi-menu__list>li>a:after{top:calc(100% - 1px)}
#top .pi-menu a:hover,#top .pi-menu .current-menu-item>a,#top .pi-menu .current-menu-ancestor>a,.pi-menu a:hover,.pi-menu .current-menu-item>a,.pi-menu .current-menu-ancestor>a,.pi-menu a:focus-visible{background:linear-gradient(115deg,#e7c875,#f7e4a6 45%,#c79a3b);color:#10253f}
.pi-menu a:focus-visible,.pi-menu button:focus-visible{outline:2px solid #10253f;outline-offset:4px}
.pi-menu .avia-menu-fx,.pi-menu .avia-bullet,.pi-menu .dropdown_available{display:none!important}
#top .pi-menu .sub-menu,.pi-menu .sub-menu{position:absolute;inset-block-start:100%;inset-inline-start:0;display:none;min-width:210px;width:max-content;max-width:min(320px,85vw);margin:0;padding:8px;list-style:none;background:#f5f0e6;border:1px solid #c79a3b;border-radius:8px;box-shadow:0 8px 20px #10253f20;z-index:100;visibility:visible;opacity:1;transform:none}
#top .pi-menu .sub-menu a,.pi-menu .sub-menu a{display:block;position:relative;padding:10px 36px 10px 14px;white-space:normal;color:#10253f;font:600 23px/1.4 'Cormorant Garamond',Georgia,serif;background:#fff;text-decoration:none;border-radius:5px;width:auto;height:auto}
.pi-menu .sub-menu .sub-menu{inset-block-start:0;inset-inline-start:100%}
#top .pi-menu li.pi-sub-open>.sub-menu,.pi-menu li.pi-sub-open>.sub-menu{display:block}
.pi-menu button.pi-menu__expand{position:absolute;inset-inline-end:0;inset-block-start:10px;width:25px;height:28px;padding:0;border:0;background:transparent;color:#10253f;cursor:pointer;z-index:3;font:20px/1 Georgia,serif}
.pi-menu .menu-item-has-children>a{padding-inline-end:30px!important}
.pi-menu__mobile{display:none}
.pi-menu:not(.pi-menu--js) li:hover>.sub-menu,.pi-menu:not(.pi-menu--js) li:focus-within>.sub-menu{display:block!important}
.pi-menu--waiting .pi-menu__list>li{opacity:0;transform:translateY(60px)}
.pi-menu--revealed .pi-menu__list>li{animation:pim-rise .65s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--pi-delay,0ms)}
@keyframes pim-rise{0%{opacity:0;transform:translateY(60px)}75%{opacity:1;transform:translateY(-5px)}100%{opacity:1;transform:translateY(0)}}
#top .pim-header-container{position:relative;overflow:visible}
#top .pim-header .pim-enfold{position:absolute;left:50%;right:auto;transform:translateX(-50%);height:auto;top:50%;margin-top:-24px;z-index:50;max-width:calc(100vw - 550px)}
#top .pim-header .logo{left:0;right:auto}
#top .pim-header,#top .pim-header #header_main{overflow:visible}
#top .pim-header .av-burger-menu-main{display:none!important}
.pi-menu:lang(ar),.pi-menu:lang(ar) a{font-family:'Noto Naskh Arabic',serif!important;letter-spacing:normal}
[dir=rtl] .pi-menu,.rtl .pi-menu{direction:rtl}
.pi-menu .lang-item img{width:auto;max-width:24px;height:16px;margin-inline-end:6px}
@media(hover:hover) and (min-width:1201px){#top .pi-menu li:hover>.sub-menu,.pi-menu li:hover>.sub-menu,.pi-menu li:focus-within>.sub-menu{display:block}}
@media(max-width:1200px){
 #top .pim-header .pim-enfold{left:auto;right:15px;top:50%;margin-top:-22px;transform:none;max-width:none}
 .pi-menu--js .pi-menu__mobile{display:block;width:44px;height:44px;background:#fff;border:1px solid #c79a3b;border-radius:6px;color:#10253f;font-size:25px;cursor:pointer}
 #top .pi-menu--js .pi-menu__list,.pi-menu--js .pi-menu__list{display:none;position:absolute;top:52px;right:0;width:min(350px,90vw);max-height:75vh;overflow:auto;padding:12px;background:#f5f0e6;border:1px solid #c79a3b;border-radius:8px;box-sizing:border-box}
 #top .pi-menu--open .pi-menu__list,.pi-menu--open .pi-menu__list{display:flex;flex-direction:column;align-items:stretch;gap:10px}
 #top .pi-menu .pi-menu__list>li>a,.pi-menu .pi-menu__list>li>a{white-space:normal;min-height:44px;font-size:24px}
 .pi-menu .pi-menu__list>li>a:before,.pi-menu .pi-menu__list>li>a:after{display:none}
 #top .pi-menu .sub-menu,.pi-menu .sub-menu{position:static;min-width:0;width:auto;max-width:none;margin-block-start:5px;margin-inline-start:10px;box-shadow:none}
 .pi-menu--waiting .pi-menu__list>li{opacity:1;transform:none}
 .pi-menu--revealed .pi-menu__list>li{animation:none}
}
@media(prefers-reduced-motion:reduce){.pi-menu *{animation:none!important;transition:none!important}.pi-menu--waiting .pi-menu__list>li{opacity:1;transform:none}}

/* 2.2 — menu visually OVER hero, not behind it. */
:root{--pi-menu-sand:#e7d7b5;--pi-menu-sand-hover:#d1b780;--pi-menu-navy:#10253f;}
html.a24-prayer-page #wrap_all{position:relative!important;z-index:50!important;overflow:visible!important;isolation:auto!important}
html.a24-prayer-page #header,
html.a24-prayer-page #header_main,
html.a24-prayer-page #header_main .container,
html.a24-prayer-page .pim-header-container,
html.a24-prayer-page .pim-enfold{overflow:visible!important}
html.a24-prayer-page #header{z-index:200!important;isolation:unset!important}
html.a24-prayer-page #header_main{z-index:200!important;position:relative!important}
html.a24-prayer-page .pi-menu{z-index:250!important}
html.a24-prayer-page #main{position:relative;z-index:1}
/* Links are pale sand, not white, in every state including the final Contact link. */
#top .pi-menu .pi-menu__list>li>a,
.pi-menu .pi-menu__list>li>a{background:var(--pi-menu-sand)!important;color:var(--pi-menu-navy)!important;border:1px solid #c79a3b!important;box-shadow:0 3px 10px #10253f12;transition:background-color .24s ease,box-shadow .24s ease,transform .24s ease!important}
#top .pi-menu .pi-menu__list>li:hover>a,
#top .pi-menu .pi-menu__list>li>a:hover,
#top .pi-menu .pi-menu__list>li>a:focus-visible,
.pi-menu .pi-menu__list>li:hover>a,
.pi-menu .pi-menu__list>li>a:hover,
.pi-menu .pi-menu__list>li>a:focus-visible{background:var(--pi-menu-sand-hover)!important;color:var(--pi-menu-navy)!important;box-shadow:0 6px 16px #7a572a38!important;transform:translateY(-2px)}
#top .pi-menu .current-menu-item>a,
.pi-menu .current-menu-item>a{background:#dec69a!important}
/* Both ornament pseudo-elements are ABOVE the image and link backgrounds. */
.pi-menu .pi-menu__list>li>a:before,
.pi-menu .pi-menu__list>li>a:after{z-index:2!important;opacity:1!important;visibility:visible!important}
.pi-menu .pi-menu__list>li>a:before{bottom:calc(100% - 1px)!important}
.pi-menu .pi-menu__list>li>a:after{top:calc(100% - 1px)!important}
/* No search icon or empty search/list entry in the navigation. */
.pi-menu .menu-item-search,
.pi-menu .avia-search-tooltip,
.pi-menu .av-icon-search,
.pi-menu .pi-menu__list>li.pim-empty-item{display:none!important}
@media(min-width:1201px){
 html.a24-prayer-page #header{margin-top:0!important}
 .pi-menu .pi-menu__list>li>a:before{height:54px!important}
}
@media(max-width:1200px){
 .pi-menu .pi-menu__list>li>a:before,.pi-menu .pi-menu__list>li>a:after{display:none!important}
 .pi-menu--js .pi-menu__mobile{background:var(--pi-menu-sand)!important}
 .pi-menu--js .pi-menu__mobile:hover{background:var(--pi-menu-sand-hover)!important}
}


/* 2.3 — modern floating navigation, no 90s ornaments */
:root{--pim-sand:#e7d7b5;--pim-sand-hover:#d2ba8a;--pim-navy:#10253f;--pim-gold:#c79a3b}
.pi-menu .pi-menu__list>li>a::before,.pi-menu .pi-menu__list>li>a::after{display:none!important;content:none!important}
#top .pi-menu .pi-menu__list>li>a,.pi-menu .pi-menu__list>li>a{
  min-width:0!important;min-height:43px!important;height:auto!important;padding:10px 15px!important;
  border:none!important;border-radius:13px!important;background:transparent!important;
  color:var(--pim-navy)!important;box-shadow:none!important;
  font:600 15px/1.3 'Manrope','Inter',system-ui,sans-serif!important;letter-spacing:0!important;
  transition:background .25s ease,box-shadow .25s ease!important;transform:none!important;
}
#top .pi-menu .pi-menu__list>li:hover>a,#top .pi-menu .pi-menu__list>li>a:hover,
#top .pi-menu .pi-menu__list>li>a:focus-visible,#top .pi-menu .pi-menu__list>li.pim-lit>a,
.pi-menu .pi-menu__list>li:hover>a,.pi-menu .pi-menu__list>li>a:focus-visible,
#top .pi-menu .current-menu-item>a,#top .pi-menu .current-menu-ancestor>a{
 background:var(--pim-sand-hover)!important;color:var(--pim-navy)!important;box-shadow:0 2px 8px #7f61391c!important;
}
#top .pi-menu .pi-menu__list,.pi-menu .pi-menu__list{gap:8px!important;align-items:center!important}
#top .pi-menu .pi-menu__list>li,.pi-menu .pi-menu__list>li{display:flex;align-items:center;position:relative;overflow:visible!important}
.pi-menu .pim-lantern{position:absolute;left:-16px;top:50%;width:20px;height:42px;transform:translateY(-63%);pointer-events:none;z-index:6;opacity:.82;transition:opacity .25s,filter .25s}
.pi-menu .pim-lantern svg{overflow:visible}
.pi-menu .pim-lantern .pim-rope{fill:none;stroke:#af925d;stroke-width:1.15}
.pi-menu .pim-lantern .pim-cap{fill:#ae8749;stroke:#9b763b;stroke-width:.65}
.pi-menu .pim-lantern .pim-body{fill:#ccb078;stroke:#a67b3d;stroke-width:1.35}
.pi-menu .pim-lantern .pim-flame{fill:#9d7536;opacity:.32;transition:opacity .25s,fill .25s,filter .25s}
.pi-menu .pi-menu__list>li.pim-lit>.pim-lantern,.pi-menu .pi-menu__list>li:hover>.pim-lantern,
.pi-menu .pi-menu__list>li:focus-within>.pim-lantern{opacity:1;filter:drop-shadow(0 0 5px #e9b34fa8) drop-shadow(0 0 12px #ffc85a88)}
.pi-menu .pi-menu__list>li.pim-lit>.pim-lantern .pim-flame,.pi-menu .pi-menu__list>li:hover>.pim-lantern .pim-flame,
.pi-menu .pi-menu__list>li:focus-within>.pim-lantern .pim-flame{fill:#fff6bd;opacity:1;filter:drop-shadow(0 0 3px #ffda67)}
/* Floating pill along bottom edge of the animation; no full-width gold lines. */
html.a24-prayer-page #header{margin-top:-30px!important;position:relative!important;z-index:400!important;background:transparent!important;border:none!important}
html.a24-prayer-page #header_main{background:transparent!important;border:0!important;box-shadow:none!important}
html.a24-prayer-page #header_main>.container,
html.a24-prayer-page #header_main>.container.av-logo-container{background:#f7f4ecf5!important;border:0!important;border-radius:32px!important;
box-shadow:0 18px 38px #10253f2c!important;max-width:min(1540px,calc(100vw - 52px))!important;
margin:0 auto!important;padding:0 22px!important;overflow:visible!important;position:relative!important}
html.a24-prayer-page .pi-menu{margin:0!important;background:transparent!important;isolation:unset!important}
html.a24-prayer-page .pi-menu .pi-menu__list{padding:8px 4px!important}
html.a24-prayer-page #header_main::before,html.a24-prayer-page #header_main::after{border:0!important;box-shadow:none!important}
html.a24-prayer-page #header .logo img{max-height:58px}
/* Preserve accessible submenu, modern typography and soft hover */
#top .pi-menu .sub-menu{background:#faf6ed!important;border-color:#e9d9b8!important}
#top .pi-menu .sub-menu a{font:600 15px/1.5 'Manrope','Inter',sans-serif!important;background:transparent!important}
#top .pi-menu .sub-menu a:hover,#top .pi-menu .sub-menu .current-menu-item>a{background:var(--pim-sand-hover)!important}
@media(max-width:1200px){
 html.a24-prayer-page #header{margin-top:-18px!important}
 html.a24-prayer-page #header_main>.container{max-width:calc(100vw - 22px)!important;border-radius:18px!important;padding:0 15px!important}
 .pi-menu .pim-lantern{display:none!important}
 .pi-menu--js .pi-menu__mobile{border:0!important;background:var(--pim-sand)!important;border-radius:12px!important}
 #top .pi-menu .pi-menu__list>li>a{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){.pi-menu .pim-lantern,.pi-menu .pim-lantern *{transition:none!important}}


/* v2.4 – faithful floating capsule, refined serif, fine lantern separators. */
:root{--pim-sand:#e7d7b5;--pim-sand-hover:#d2ba8a;--pim-navy:#10253f;--pim-gold:#c79a3b}
html.a24-prayer-page #header{margin-top:-35px!important;position:relative!important;z-index:650!important;background:transparent!important;border:0!important;box-shadow:none!important}
html.a24-prayer-page #header_main{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
html.a24-prayer-page #header_main .container,
html.a24-prayer-page #header_main>.container,
html.a24-prayer-page #header_main>.container.av-logo-container{
 width:calc(100vw - 72px)!important;max-width:1340px!important;min-width:0!important;
 margin-left:auto!important;margin-right:auto!important;padding:0 25px!important;
 border-radius:28px!important;background:rgba(251,248,241,.97)!important;
 border:0!important;box-shadow:0 11px 28px rgba(20,29,38,.15)!important;
 position:relative!important;overflow:visible!important;box-sizing:border-box!important;
}
html.a24-prayer-page #header .logo{position:relative!important;max-width:230px!important;flex-shrink:0}
html.a24-prayer-page .pi-menu{margin:0!important;padding:0!important;z-index:660!important;background:transparent!important}
#top .pi-menu .pi-menu__list,.pi-menu .pi-menu__list{
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:18px!important;margin:0!important;padding:10px 0!important;list-style:none!important;
}
#top .pi-menu .pi-menu__list>li,.pi-menu .pi-menu__list>li{
 position:relative!important;display:flex!important;align-items:center!important;overflow:visible!important;
 margin:0!important;padding:0!important;flex:0 0 auto!important;
}
#top .pi-menu .pi-menu__list>li>a,.pi-menu .pi-menu__list>li>a{
 font-family:'Cormorant Garamond',Georgia,serif!important;
 font-size:22px!important;line-height:1.15!important;font-weight:600!important;
 color:#10253f!important;letter-spacing:0!important;text-transform:none!important;
 min-height:36px!important;height:auto!important;min-width:0!important;
 padding:8px 13px!important;border:0!important;border-radius:10px!important;
 background:transparent!important;box-shadow:none!important;transform:none!important;
 transition:background-color .22s ease,color .22s ease,box-shadow .22s ease!important;
}
#top .pi-menu .pi-menu__list>li:hover>a,#top .pi-menu .pi-menu__list>li>a:hover,
#top .pi-menu .pi-menu__list>li>a:focus-visible,#top .pi-menu .pi-menu__list>li.pim-lit>a,
#top .pi-menu .current-menu-item>a,#top .pi-menu .current_page_item>a,
.pi-menu .pi-menu__list>li:hover>a,.pi-menu .pi-menu__list>li.pim-lit>a{
 background:var(--pim-sand-hover)!important;color:#10253f!important;
 box-shadow:0 2px 8px rgba(70,50,22,.08)!important;transform:none!important;
}
#top .pi-menu .current-menu-item>a,#top .pi-menu .current_page_item>a{
 background:var(--pim-sand)!important;
}
.pi-menu .pim-lantern{position:absolute!important;left:-20px!important;top:50%!important;
 width:16px!important;height:57px!important;transform:translateY(-50%)!important;
 opacity:.9!important;filter:none!important;pointer-events:none!important;z-index:3!important;
 transition:filter .22s ease,opacity .22s ease!important}
.pi-menu .pim-lantern svg{width:16px!important;height:57px!important;display:block!important;overflow:visible!important}
.pi-menu .pim-lantern .pim-rope{stroke:#bba57e;stroke-width:.8;fill:none}
.pi-menu .pim-lantern .pim-cap{fill:#ae8749;stroke:#96733a;stroke-width:.35}
.pi-menu .pim-lantern .pim-frame{fill:#e8cc8c;stroke:#b78e4c;stroke-width:.8}
.pi-menu .pim-lantern .pim-window{fill:#f8e7c0;stroke:#c89d4d;stroke-width:.55}
.pi-menu .pim-lantern .pim-flame{fill:#c49a50;opacity:.32;transition:fill .2s,opacity .2s,filter .2s}
.pi-menu .pi-menu__list>li.pim-lit>.pim-lantern,
.pi-menu .pi-menu__list>li:hover>.pim-lantern,
.pi-menu .pi-menu__list>li:focus-within>.pim-lantern{
 filter:drop-shadow(0 0 3px rgba(255,194,73,.86)) drop-shadow(0 0 8px rgba(255,198,69,.58))!important;opacity:1!important}
.pi-menu .pi-menu__list>li.pim-lit>.pim-lantern .pim-flame,
.pi-menu .pi-menu__list>li:hover>.pim-lantern .pim-flame,
.pi-menu .pi-menu__list>li:focus-within>.pim-lantern .pim-flame{fill:#fff8ce!important;opacity:1!important;filter:drop-shadow(0 0 2px #ffce60)}
/* Remove search button on the header and extra blank menu placeholder. */
html.a24-prayer-page #header .menu-item-search-dropdown,
html.a24-prayer-page #header .av-burger-menu-main + .menu-item-search-dropdown,
html.a24-prayer-page #header .menu-item-search,
html.a24-prayer-page #header .av-icon-search,
.pi-menu .pim-empty-item{display:none!important}
html.a24-prayer-page #header_main:before,html.a24-prayer-page #header_main:after{display:none!important}
@media(max-width:1200px){
 html.a24-prayer-page #header{margin-top:-20px!important}
 html.a24-prayer-page #header_main .container{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;padding:0 15px!important;border-radius:18px!important}
 .pi-menu .pim-lantern{display:none!important}
 #top .pi-menu .pi-menu__list{gap:8px!important;padding:12px!important}
 #top .pi-menu .pi-menu__list>li>a{font-size:20px!important}
}
@media(prefers-reduced-motion:reduce){.pi-menu .pim-lantern,.pi-menu .pim-lantern *{transition:none!important}}

/* v2.5 – approved taller floating navigation, serif and generous separator spacing */
@media (min-width:901px){
 html.a24-prayer-page #header{margin-top:-40px!important}
 html.a24-prayer-page #header_main .container,
 html.a24-prayer-page #header_main>.container,
 html.a24-prayer-page #header_main>.container.av-logo-container{
   width:calc(100vw - 90px)!important;max-width:1500px!important;
   min-height:84px!important;height:auto!important;
   padding:10px 34px!important;border-radius:16px!important;
   background:#fbf8f1f5!important;box-shadow:0 14px 30px rgba(16,37,63,.16)!important;
   border:0!important;overflow:visible!important;
 }
 html.a24-prayer-page #header_main .inner-container{min-height:64px!important;height:auto!important}
 html.a24-prayer-page #header .logo{height:64px!important;display:flex!important;align-items:center!important}
 html.a24-prayer-page #header .logo img{max-height:55px!important;width:auto!important}
 #top .pi-menu .pi-menu__list,.pi-menu .pi-menu__list{gap:45px!important;padding:3px 0!important;align-items:center!important}
 #top .pi-menu .pi-menu__list>li>a,.pi-menu .pi-menu__list>li>a{
  min-height:54px!important;padding:12px 18px!important;
  font:600 25px/1.2 'Cormorant Garamond',Georgia,serif!important;
  border-radius:12px!important;white-space:nowrap!important;
 }
 .pi-menu .pim-lantern{left:-31px!important;top:50%!important;width:17px!important;height:58px!important}
 .pi-menu .pim-lantern svg{width:17px!important;height:58px!important}
 /* Enfold can inject its own burger regardless of the custom menu. Never show it on desktop. */
 #top #header .av-burger-menu-main,#top #header .av-hamburger,
 #top #header .pi-menu__mobile,#top #header .menu-item-search-dropdown,
 #top #header .av-icon-search{display:none!important}
 #top .pi-menu--js .pi-menu__list{display:flex!important;position:static!important;width:auto!important;max-height:none!important;overflow:visible!important;background:transparent!important;border:0!important}
}
@media (max-width:900px){
 html.a24-prayer-page #header_main .container{min-height:64px!important;height:auto!important;border-radius:14px!important}
 #top #header .pi-menu--js .pi-menu__mobile{display:block!important}
 #top .pi-menu--js .pi-menu__list{display:none!important}
 #top .pi-menu--open .pi-menu__list{display:flex!important}
 #top .pi-menu .pi-menu__list>li>a{font-size:21px!important}
}