/* All Saints navigation refinement, designed to complement (not replace) the original black-and-gold site. */
.skip-to-content{position:absolute;left:16px;top:-100px;background:#cda45e;color:#15130f!important;padding:11px 18px;z-index:99999;font-weight:700;border-radius:4px}
.skip-to-content:focus{top:12px}
#navbar{font-family:"Poppins",sans-serif}
#navbar > ul{gap:2px}
#navbar > ul > li > a,#navbar > ul > li > button.nav-dropdown-toggle{padding:11px 11px;color:#f2eee5;font-size:14px;font-weight:500;letter-spacing:0;white-space:nowrap}
#navbar > ul > li > button.nav-dropdown-toggle{font-family:inherit;border:0;background:transparent;display:flex;align-items:center;gap:6px;cursor:pointer;line-height:1.4}
#navbar .nav-dropdown-toggle i{font-size:10px;color:#cda45e;transition:transform .18s}
#navbar > ul > li > a:hover,#navbar > ul > li > button:hover,#navbar > ul > li > button:focus-visible,#navbar > ul > li > a:focus-visible,#navbar .is-current-section > button{color:#e4bc78}
#navbar a:focus-visible,#navbar button:focus-visible{outline:2px solid #cda45e;outline-offset:3px;border-radius:3px}
#navbar > ul > li > a.nav-give{background:#cda45e;color:#1a1814;border-radius:25px;padding:10px 17px;font-weight:700;margin-left:6px}
#navbar > ul > li > a.nav-give:hover,#navbar > ul > li > a.nav-give:focus-visible{background:#e3bc7b;color:#14110d}
#navbar .site-nav-submenu{background:#211e19;color:#eee5d7;border:1px solid #514332;min-width:235px;max-width:min(330px,calc(100vw - 35px));padding:8px;border-radius:6px;box-shadow:0 14px 34px rgba(0,0,0,.35);left:0;top:calc(100% + 10px)}
#navbar .site-nav-submenu li{min-width:0}
#navbar .site-nav-submenu a{font-family:"Poppins",sans-serif;font-size:14px;font-weight:450;color:#f2eee5;padding:11px 12px;white-space:normal;line-height:1.45;border-radius:3px;text-decoration:none}
#navbar .site-nav-submenu a:hover,#navbar .site-nav-submenu a:focus-visible,#navbar .site-nav-submenu a.active{background:#342c21;color:#e5bd79}
#navbar .dropdown:hover>.site-nav-submenu,#navbar .dropdown:focus-within>.site-nav-submenu,#navbar .dropdown.is-open>.site-nav-submenu{opacity:1;visibility:visible;top:calc(100% + 2px)}
#navbar .dropdown.is-open>.nav-dropdown-toggle i{transform:rotate(180deg)}
#navbar .mobile-nav-toggle{border:0;background:transparent;line-height:1;cursor:pointer}
/* The original logo is square. Set both dimensions explicitly so the old
   theme's max-height and the former HTML width attribute cannot distort it. */
#header .logo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
#header .logo img{display:block;width:68px;height:68px;max-width:none;max-height:none;object-fit:contain}
#header{padding:8px 0}
@media (max-width:991px){#header .logo img{width:58px;height:58px}}
@media (max-width:560px){#header .logo img{width:52px;height:52px}}
#mass-times{scroll-margin-top:110px}
#announcements{scroll-margin-top:110px}
@media (max-width:991px){
  #navbar.navbar-mobile{z-index:999}
  #navbar.navbar-mobile > ul{display:block;top:65px;left:14px;right:14px;bottom:16px;background:#1b1814;border:1px solid #514332;padding:12px 8px 26px}
  #navbar.navbar-mobile > ul > li > a,#navbar.navbar-mobile > ul > li > button.nav-dropdown-toggle{color:#f4ece0;display:flex;width:100%;justify-content:space-between;padding:14px 16px;font-size:16px;white-space:normal;text-align:left;min-height:46px}
  #navbar.navbar-mobile > ul > li > a.nav-give{background:#cda45e;color:#17130e;width:calc(100% - 24px);margin:12px;text-align:center;justify-content:center}
  #navbar.navbar-mobile .dropdown > .site-nav-submenu{position:static;display:none;width:auto;min-width:0;max-width:none;padding:3px 0 8px;margin:0 10px 10px;opacity:1;visibility:visible;top:auto;box-shadow:none;border:0;border-left:2px solid #cda45e;border-radius:0;background:#252019}
  #navbar.navbar-mobile .dropdown.is-open > .site-nav-submenu{display:block}
  #navbar.navbar-mobile .site-nav-submenu a{font-size:15px;padding:13px 17px;display:block;color:#f3eada;min-height:45px}
  #navbar.navbar-mobile .dropdown:hover > .site-nav-submenu:not(.is-open){top:auto}
  #navbar.navbar-mobile .mobile-nav-toggle{color:#fff;display:block}
  #navbar > ul{gap:0}
}
@media (max-width:560px){#hero .btn-menu{padding:12px 13px;font-size:12px}}
@media (prefers-reduced-motion:reduce){#navbar .site-nav-submenu,#navbar .nav-dropdown-toggle i{transition:none}}