/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 08 2026 | 11:06:44 */
/* ABOUT / OUR STAFF page styles
   Restored 2026-11-08 from page revision 4875 (2025-12-15). This CSS lived in a Custom HTML block on the page until it was removed in Dec 2025.
   Scoped to body.page-id-1305. Rollback: deactivate or trash this record. */

body.page-id-1305 { --ms-primary: #022342; --ms-primary-light: #0a3a5c; --ms-primary-dark: #011a33; --ms-gold: #f0d397; --ms-gold-light: #f5e0b3; --ms-gold-dark: #d4b577; --ms-gold-glow: rgba(240, 211, 151, 0.4); --ms-white: #ffffff; --ms-cream: #faf8f5; }
body.page-id-1305 .staff-hero { position: relative; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; min-height: 50vh !important; overflow: hidden !important; background: linear-gradient(135deg, 
        var(--ms-primary) 0%, 
        var(--ms-primary-light) 40%,
        var(--ms-primary) 100%
    ) !important; }
body.page-id-1305 .staff-hero::before { content: ""; position: absolute; inset: 0px; background: radial-gradient(at 20% 80%, rgba(240, 211, 151, 0.12) 0%, transparent 50%), radial-gradient(at 80% 20%, rgba(240, 211, 151, 0.08) 0%, transparent 50%), radial-gradient(circle, rgba(10, 58, 92, 0.4) 0%, transparent 70%); z-index: 1; pointer-events: none; }
body.page-id-1305 .staff-hero::after { content: ""; position: absolute; top: -100%; left: -100%; width: 300%; height: 300%; background: radial-gradient(circle at 30% 50%, rgba(240, 211, 151, 0.07) 0%, transparent 40%), radial-gradient(circle at 70% 50%, rgba(240, 211, 151, 0.05) 0%, transparent 40%); animation: 35s linear 0s infinite normal none running cosmicRotate; z-index: 1; pointer-events: none; }
@keyframes cosmicRotate { 
  0% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(180deg) scale(1.1); }
  100% { transform: rotate(360deg) scale(1); }
}
body.page-id-1305 .staff-hero-inner { position: relative; text-align: center; padding: 70px 40px; max-width: 1000px; width: 100%; z-index: 10 !important; }
body.page-id-1305 .staff-hero-title { color: var(--ms-gold) !important; font-size: clamp(36px, 7vw, 68px) !important; font-weight: 900 !important; letter-spacing: 5px !important; text-transform: uppercase !important; line-height: 1.1 !important; margin-bottom: 25px !important; position: relative !important; text-shadow: rgba(240, 211, 151, 0.5) 0px 0px 40px, rgba(240, 211, 151, 0.3) 0px 0px 80px, rgba(0, 0, 0, 0.7) 0px 4px 20px, rgba(240, 211, 151, 0.1) 0px 0px 120px !important; animation: 1.2s ease-out 0s 1 normal forwards running titleReveal, 4s ease-in-out 0s infinite normal none running titlePulse !important; }
@keyframes titleReveal { 
  0% { opacity: 0; transform: translateY(40px) scale(0.9); filter: blur(10px); }
  100% { opacity: 1; transform: translateY(0px) scale(1); filter: blur(0px); }
}
@keyframes titlePulse { 
  0%, 100% { text-shadow: rgba(240, 211, 151, 0.5) 0px 0px 40px, rgba(240, 211, 151, 0.3) 0px 0px 80px, rgba(0, 0, 0, 0.7) 0px 4px 20px; }
  50% { text-shadow: rgba(240, 211, 151, 0.7) 0px 0px 50px, rgba(240, 211, 151, 0.4) 0px 0px 100px, rgba(0, 0, 0, 0.8) 0px 4px 25px; }
}
body.page-id-1305 .staff-hero-title::after { content: ""; display: block; width: 220px; height: 4px; background: linear-gradient(90deg, 
        transparent 0%, 
        var(--ms-gold) 20%, 
        var(--ms-gold-light) 50%, 
        var(--ms-gold) 80%, 
        transparent 100%
    ); margin: 35px auto 0px; border-radius: 2px; animation: 1.5s ease-out 0.8s 1 normal both running lineReveal; }
@keyframes lineReveal { 
  0% { width: 0px; opacity: 0; }
  100% { width: 220px; opacity: 1; }
}
body.page-id-1305 .staff-hero-subtitle { color: rgba(255, 255, 255, 0.9) !important; font-size: clamp(16px, 2.5vw, 22px) !important; font-weight: 400 !important; line-height: 1.7 !important; max-width: 750px !important; margin: 35px auto 0px !important; animation: 1s ease-out 0.5s 1 normal both running subtitleReveal !important; }
@keyframes subtitleReveal { 
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0px); }
}
body.page-id-1305 .staff-hero-badge { display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; background: linear-gradient(135deg, var(--ms-gold) 0%, var(--ms-gold-light) 100%); border-radius: 50%; margin-bottom: 30px; box-shadow: rgba(240, 211, 151, 0.4) 0px 10px 40px, rgba(0, 0, 0, 0.2) 0px 5px 20px; animation: 1s ease-out 0.3s 1 normal both running badgeReveal, 3s ease-in-out 0s infinite normal none running badgeFloat; }
@keyframes badgeReveal { 
  0% { opacity: 0; transform: scale(0.5) rotate(-10deg); }
  100% { opacity: 1; transform: scale(1) rotate(0deg); }
}
@keyframes badgeFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}
body.page-id-1305 .staff-hero-badge svg { width: 40px; height: 40px; fill: var(--ms-primary); }
body.page-id-1305 .staff-hero-decoration { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; pointer-events: none; z-index: 2; overflow: hidden; }
body.page-id-1305 .staff-hero-decoration::before { content: ""; position: absolute; top: 15%; left: 3%; width: 180px; height: 180px; border: 2px solid rgba(240, 211, 151, 0.08); border-radius: 50%; animation: 9s ease-in-out 0s infinite normal none running floatBubble; }
body.page-id-1305 .staff-hero-decoration::after { content: ""; position: absolute; bottom: 10%; right: 5%; width: 120px; height: 120px; border: 2px solid rgba(240, 211, 151, 0.06); border-radius: 50%; animation: 11s ease-in-out 0s infinite reverse none running floatBubble; }
@keyframes floatBubble { 
  0%, 100% { transform: translateY(0px) scale(1); opacity: 0.5; }
  50% { transform: translateY(-25px) scale(1.05); opacity: 0.8; }
}
body.page-id-1305 .staff-section { position: relative; background: linear-gradient(rgb(250, 248, 245) 0%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgb(250, 248, 245) 100%) !important; padding: 90px 40px 110px !important; }
body.page-id-1305 .staff-section::before { content: ""; position: absolute; top: -2px; left: 0px; right: 0px; height: 120px; background: linear-gradient(180deg, var(--ms-primary) 0%, transparent 100%); opacity: 0.04; pointer-events: none; }
body.page-id-1305 .staff-section hr.wp-block-separator { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; height: 3px !important; background: linear-gradient(90deg, 
        transparent 0%, 
        var(--ms-gold) 15%, 
        var(--ms-gold-light) 30%,
        var(--ms-primary) 50%,
        var(--ms-gold-light) 70%,
        var(--ms-gold) 85%, 
        transparent 100%
    ) !important; max-width: 550px !important; margin: 0px auto 55px !important; opacity: 1 !important; border-radius: 3px !important; }
body.page-id-1305 .staff-heading { color: var(--ms-primary) !important; font-size: clamp(26px, 4.5vw, 44px) !important; font-weight: 800 !important; letter-spacing: 2px !important; text-transform: uppercase !important; margin-bottom: 20px !important; text-align: center !important; line-height: 1.2 !important; }
body.page-id-1305 .staff-heading::after { content: ""; display: block; width: 100px; height: 4px; background: linear-gradient(90deg, var(--ms-gold), var(--ms-gold-dark)); margin: 25px auto 0px; border-radius: 2px; }
body.page-id-1305 .staff-subheading { color: rgba(2, 35, 66, 0.7) !important; font-size: clamp(14px, 2vw, 17px) !important; font-weight: 400 !important; text-align: center !important; max-width: 650px !important; margin: 0px auto 55px !important; line-height: 1.7 !important; }
body.page-id-1305 .staff-content-wrapper { width: 80% !important; max-width: 1200px !important; margin: 0px auto !important; position: relative !important; }
body.page-id-1305 .rosh-yeshiva-section { text-align: center !important; margin-bottom: 80px !important; padding: 50px 40px !important; background: radial-gradient(circle, rgba(240, 211, 151, 0.08) 0%, transparent 60%) !important; border-radius: 30px !important; position: relative !important; }
body.page-id-1305 .rosh-yeshiva-section::before { content: ""; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 80%; height: 1px; background: linear-gradient(90deg, transparent, var(--ms-gold), transparent); }
body.page-id-1305 .rosh-section-title { color: var(--ms-primary) !important; font-size: clamp(24px, 4vw, 38px) !important; font-weight: 800 !important; letter-spacing: 2px !important; text-transform: uppercase !important; margin-bottom: 15px !important; text-align: center !important; line-height: 1.2 !important; }
body.page-id-1305 .rosh-section-title::after { content: ""; display: block; width: 80px; height: 4px; background: linear-gradient(90deg, var(--ms-gold), var(--ms-gold-dark)); margin: 20px auto 0px; border-radius: 2px; }
body.page-id-1305 .rosh-yeshiva-card { display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 40px !important; animation: 1s ease-out 0.3s 1 normal both running fadeInUp !important; }
@keyframes fadeInUp { 
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0px); }
}
body.page-id-1305 .rosh-yeshiva-photo { width: 320px !important; height: 320px !important; border-radius: 50% !important; object-fit: cover !important; object-position: center center !important; border: 10px solid var(--ms-gold) !important; background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(250, 248, 245) 100%) !important; box-shadow: 0 0 0 4px var(--ms-primary),
        0 0 60px rgba(240, 211, 151, 0.4),
        0 25px 70px rgba(2, 35, 66, 0.25),
        inset 0 0 40px rgba(240, 211, 151, 0.1) !important; transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; animation: 4s ease-in-out 0s infinite normal none running roshGlow !important; position: relative !important; }
@keyframes roshGlow { 
  0%, 100% { box-shadow: 0 0 0 4px var(--ms-primary),
            0 0 60px rgba(240, 211, 151, 0.4),
            0 25px 70px rgba(2, 35, 66, 0.25),
            inset 0 0 40px rgba(240, 211, 151, 0.1); }
  50% { box-shadow: 0 0 0 4px var(--ms-primary),
            0 0 80px rgba(240, 211, 151, 0.5),
            0 30px 80px rgba(2, 35, 66, 0.3),
            inset 0 0 50px rgba(240, 211, 151, 0.15); }
}
body.page-id-1305 .rosh-yeshiva-photo:hover { transform: scale(1.05) !important; border-color: var(--ms-gold-dark) !important; }
body.page-id-1305 .rosh-yeshiva-card::before { content: "✡" !important; font-size: 36px !important; color: var(--ms-gold) !important; text-shadow: rgba(240, 211, 151, 0.6) 0px 0px 25px !important; margin-bottom: 20px !important; animation: 3s ease-in-out 0s infinite normal none running starFloat !important; }
@keyframes starFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-12px); }
}
body.page-id-1305 .rosh-yeshiva-name { margin-top: 30px !important; font-size: 26px !important; font-weight: 900 !important; color: var(--ms-primary) !important; text-transform: uppercase !important; letter-spacing: 2px !important; text-align: center !important; position: relative !important; }
body.page-id-1305 .rosh-yeshiva-name::after { content: ""; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%); width: 60%; height: 3px; background: linear-gradient(90deg, transparent, var(--ms-gold), transparent); border-radius: 2px; }
body.page-id-1305 .rosh-yeshiva-title { margin-top: 20px !important; font-size: 16px !important; font-weight: 600 !important; color: var(--ms-gold-dark) !important; letter-spacing: 1px !important; text-transform: uppercase !important; }
body.page-id-1305 .staff-grid-section { margin-top: 60px !important; }
body.page-id-1305 .staff-grid-title { color: var(--ms-primary) !important; font-size: clamp(24px, 4vw, 38px) !important; font-weight: 800 !important; letter-spacing: 2px !important; text-transform: uppercase !important; margin-bottom: 15px !important; text-align: center !important; line-height: 1.2 !important; }
body.page-id-1305 .staff-grid-title::after { content: ""; display: block; width: 80px; height: 4px; background: linear-gradient(90deg, var(--ms-gold), var(--ms-gold-dark)); margin: 20px auto 0px; border-radius: 2px; }
body.page-id-1305 .staff-grid-subtitle { color: rgba(2, 35, 66, 0.6) !important; font-size: 15px !important; text-align: center !important; max-width: 500px !important; margin: 0px auto 50px !important; }
body.page-id-1305 .staff-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 50px 40px !important; justify-items: center !important; list-style: none !important; padding: 0px !important; margin: 0px !important; }
body.page-id-1305 .staff-card { text-align: center !important; position: relative !important; transition: transform 0.4s !important; animation: 0.7s ease-out 0s 1 normal backwards running staffCardReveal !important; }
body.page-id-1305 .staff-card:nth-child(1) { animation-delay: 0.1s !important; }
body.page-id-1305 .staff-card:nth-child(2) { animation-delay: 0.2s !important; }
body.page-id-1305 .staff-card:nth-child(3) { animation-delay: 0.3s !important; }
body.page-id-1305 .staff-card:nth-child(4) { animation-delay: 0.4s !important; }
body.page-id-1305 .staff-card:nth-child(5) { animation-delay: 0.5s !important; }
body.page-id-1305 .staff-card:nth-child(6) { animation-delay: 0.6s !important; }
@keyframes staffCardReveal { 
  0% { opacity: 0; transform: scale(0.85) translateY(20px); }
  100% { opacity: 1; transform: scale(1) translateY(0px); }
}
body.page-id-1305 .staff-card:hover { transform: translateY(-10px) !important; }
body.page-id-1305 .staff-photo { width: 220px !important; height: 220px !important; border-radius: 50% !important; object-fit: cover !important; object-position: center center !important; border: 8px solid var(--ms-gold) !important; background: rgb(255, 255, 255) !important; box-shadow: 0 0 0 3px var(--ms-primary),
        0 15px 45px rgba(2, 35, 66, 0.2),
        0 25px 65px rgba(240, 211, 151, 0.15) !important; transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; display: block !important; margin: 0px auto !important; }
body.page-id-1305 .staff-photo:hover { transform: scale(1.08) rotate(3deg) !important; border-color: var(--ms-gold-dark) !important; box-shadow: 0 0 0 4px var(--ms-primary),
        0 20px 55px rgba(2, 35, 66, 0.25),
        0 30px 75px rgba(240, 211, 151, 0.2) !important; }
body.page-id-1305 .staff-name { margin-top: 25px !important; font-size: 18px !important; font-weight: 800 !important; color: var(--ms-primary) !important; text-transform: uppercase !important; letter-spacing: 1px !important; text-align: center !important; line-height: 1.4 !important; position: relative !important; transition: 0.3s !important; }
body.page-id-1305 .staff-card:hover .staff-name { color: var(--ms-gold-dark) !important; }
body.page-id-1305 .staff-name::after { content: ""; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); width: 0px; height: 2px; background: linear-gradient(90deg, var(--ms-gold), var(--ms-gold-dark)); transition: width 0.3s; border-radius: 2px; }
body.page-id-1305 .staff-card:hover .staff-name::after { width: 70%; }
body.page-id-1305 .staff-role { margin-top: 10px !important; font-size: 14px !important; font-weight: 600 !important; color: rgba(2, 35, 66, 0.6) !important; letter-spacing: 0.5px !important; }
body.page-id-1305 .staff-divider { width: 60% !important; height: 1px !important; background: linear-gradient(90deg, transparent 0%, rgba(240, 211, 151, 0.5) 50%, transparent 100%) !important; margin: 60px auto !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
@media (min-width: 1400px) {
body.page-id-1305 .staff-content-wrapper { width: 75% !important; max-width: 1300px !important; }
body.page-id-1305 .staff-grid { gap: 60px 50px !important; }
body.page-id-1305 .staff-photo { width: 240px !important; height: 240px !important; }
body.page-id-1305 .rosh-yeshiva-photo { width: 360px !important; height: 360px !important; }
}
@media (max-width: 1024px) {
body.page-id-1305 .staff-hero { min-height: 45vh !important; }
body.page-id-1305 .staff-hero-inner { padding: 55px 35px !important; }
body.page-id-1305 .staff-section { padding: 70px 25px 90px !important; }
body.page-id-1305 .staff-content-wrapper { width: 90% !important; }
body.page-id-1305 .staff-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 45px 35px !important; }
body.page-id-1305 .staff-photo { width: 200px !important; height: 200px !important; }
body.page-id-1305 .rosh-yeshiva-photo { width: 280px !important; height: 280px !important; }
body.page-id-1305 .rosh-yeshiva-section { padding: 40px 30px !important; margin-bottom: 60px !important; }
}
@media (max-width: 768px) {
body.page-id-1305 .staff-hero { min-height: 40vh !important; }
body.page-id-1305 .staff-hero-inner { padding: 45px 22px !important; }
body.page-id-1305 .staff-hero-title { font-size: clamp(28px, 8vw, 42px) !important; letter-spacing: 3px !important; }
body.page-id-1305 .staff-hero-title::after { width: 160px !important; margin-top: 25px !important; }
body.page-id-1305 .staff-hero-subtitle { font-size: 15px !important; margin-top: 25px !important; }
body.page-id-1305 .staff-hero-badge { width: 65px !important; height: 65px !important; margin-bottom: 25px !important; }
body.page-id-1305 .staff-hero-badge svg { width: 32px !important; height: 32px !important; }
body.page-id-1305 .staff-hero-decoration::before, body.page-id-1305 .staff-hero-decoration::after { display: none !important; }
body.page-id-1305 .staff-section { padding: 55px 15px 75px !important; }
body.page-id-1305 .staff-heading { font-size: clamp(22px, 6vw, 32px) !important; }
body.page-id-1305 .staff-content-wrapper { width: 95% !important; }
body.page-id-1305 .staff-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
body.page-id-1305 .staff-photo { width: 220px !important; height: 220px !important; border-width: 6px !important; }
body.page-id-1305 .staff-photo:hover { transform: scale(1.05) rotate(0deg) !important; }
body.page-id-1305 .rosh-yeshiva-photo { width: 240px !important; height: 240px !important; border-width: 8px !important; }
body.page-id-1305 .rosh-yeshiva-section { padding: 35px 20px !important; margin-bottom: 50px !important; border-radius: 20px !important; }
body.page-id-1305 .rosh-section-title, body.page-id-1305 .staff-grid-title { font-size: clamp(20px, 5vw, 28px) !important; }
body.page-id-1305 .rosh-yeshiva-name { font-size: 22px !important; }
body.page-id-1305 .staff-name { font-size: 16px !important; }
body.page-id-1305 .rosh-yeshiva-card::before { font-size: 28px !important; }
}
@media (max-width: 480px) {
body.page-id-1305 .staff-hero { min-height: 35vh !important; }
body.page-id-1305 .staff-hero-title { font-size: 26px !important; letter-spacing: 2px !important; }
body.page-id-1305 .staff-hero-subtitle { font-size: 14px !important; }
body.page-id-1305 .staff-hero-badge { width: 55px !important; height: 55px !important; }
body.page-id-1305 .staff-section { padding: 45px 10px 65px !important; }
body.page-id-1305 .staff-content-wrapper { width: 98% !important; }
body.page-id-1305 .staff-photo { width: 180px !important; height: 180px !important; border-width: 5px !important; }
body.page-id-1305 .rosh-yeshiva-photo { width: 200px !important; height: 200px !important; border-width: 6px !important; }
body.page-id-1305 .rosh-yeshiva-section { padding: 30px 15px !important; }
body.page-id-1305 .rosh-yeshiva-name { font-size: 20px !important; }
body.page-id-1305 .staff-name { font-size: 15px !important; margin-top: 20px !important; }
body.page-id-1305 .rosh-yeshiva-card::before { font-size: 24px !important; margin-bottom: 15px !important; }
}
body.page-id-1305 .staff-photo:focus, body.page-id-1305 .rosh-yeshiva-photo:focus { outline: 4px solid var(--ms-gold) !important; outline-offset: 6px !important; }
@media (prefers-reduced-motion: reduce) {
body.page-id-1305 .staff-hero::after, body.page-id-1305 .staff-hero-badge, body.page-id-1305 .rosh-yeshiva-photo, body.page-id-1305 .rosh-yeshiva-card::before { animation: auto ease 0s 1 normal none running none !important; }
body.page-id-1305 .staff-hero-title { animation: auto ease 0s 1 normal none running none !important; }
body.page-id-1305 .staff-card, body.page-id-1305 .staff-photo, body.page-id-1305 .staff-name::after { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
}
@media print {
body.page-id-1305 .staff-hero { min-height: auto !important; background: rgb(2, 35, 66) !important; print-color-adjust: exact !important; }
body.page-id-1305 .staff-hero::before, body.page-id-1305 .staff-hero::after, body.page-id-1305 .staff-hero-decoration { display: none !important; }
body.page-id-1305 .staff-photo, body.page-id-1305 .rosh-yeshiva-photo { box-shadow: none !important; border: 2px solid rgb(204, 204, 204) !important; }
body.page-id-1305 .staff-card:hover, body.page-id-1305 .staff-photo:hover, body.page-id-1305 .rosh-yeshiva-photo:hover { transform: none !important; }
}

/* 2026-11-08 bug fix: white text in navy bands. WordPress paints every block that has its own text colour with the "text" palette colour (!important), so white text turned dark here. */
body.page-id-1305 .has-022342-background-color .has-white-color { color: #ffffff !important; }