@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Inter:wght@300;400;500;600&display=swap'); /* ============================================================ PANACEA BIOMEDICAL — MASTER STYLESHEET (globals only) Paste once site-wide (child theme style.css / Custom Code / Additional CSS). Header + footer live here. Page-level components (hero, banner, CTA band, page bodies) are self-contained HTML widgets and carry their own styles. Hard-coded hex, #pbi- scoped. ============================================================ */ /* =========================================================== 01 · HEADER =========================================================== */ #pbi-header{background:#F6F3EE !important;border-bottom:1px solid rgba(47,93,98,.13) !important;font-family:'Inter',sans-serif !important;width:100% !important;position:relative !important;transition:box-shadow .3s ease,background .3s ease !important;} #pbi-header.pbi-scrolled{background:#FBF9F5 !important;box-shadow:0 6px 24px rgba(43,38,35,.07) !important;} #pbi-header *{box-sizing:border-box !important;} #pbi-header .pbi-hdr-inner{max-width:1240px !important;margin:0 auto !important;padding:18px 32px !important;display:flex !important;align-items:center !important;gap:32px !important;} #pbi-header .pbi-hdr-logo{display:inline-flex !important;align-items:center !important;flex:0 0 auto !important;} #pbi-header .pbi-hdr-logo img{height:74px !important;width:auto !important;display:block !important;} #pbi-header .pbi-hdr-nav{margin-left:auto !important;} #pbi-header .pbi-menu{list-style:none !important;margin:0 !important;padding:0 !important;display:flex !important;align-items:center !important;gap:30px !important;} #pbi-header .pbi-menu>li{position:relative !important;} #pbi-header .pbi-menu a{font-family:'Inter',sans-serif !important;font-size:15px !important;font-weight:500 !important;letter-spacing:.2px !important;color:#2B2623 !important;text-decoration:none !important;line-height:1 !important;display:inline-flex !important;align-items:center !important;gap:6px !important;transition:color .2s ease !important;} #pbi-header .pbi-menu>li>a{padding:8px 0 !important;} #pbi-header .pbi-menu a:hover{color:#2F5D62 !important;} #pbi-header .pbi-caret{width:6px !important;height:6px !important;border-right:1.5px solid currentColor !important;border-bottom:1.5px solid currentColor !important;transform:rotate(45deg) translateY(-1px) !important;transition:transform .2s ease !important;display:inline-block !important;} #pbi-header .pbi-has-sub:hover .pbi-caret,#pbi-header .pbi-has-sub.pbi-hover .pbi-caret{transform:rotate(-135deg) translateY(2px) !important;} #pbi-header .pbi-sub{list-style:none !important;margin:0 !important;padding:10px !important;position:absolute !important;top:calc(100% + 14px) !important;left:-14px !important;min-width:240px !important;background:#FBF9F5 !important;border:1px solid rgba(47,93,98,.13) !important;border-radius:4px !important;box-shadow:0 18px 44px rgba(43,38,35,.12) !important;opacity:0 !important;visibility:hidden !important;transform:translateY(8px) !important;transition:opacity .2s ease,transform .2s ease,visibility .2s !important;z-index:50 !important;} #pbi-header .pbi-sub::before{content:"" !important;position:absolute !important;top:-14px !important;left:0 !important;right:0 !important;height:14px !important;} #pbi-header .pbi-has-sub:hover .pbi-sub,#pbi-header .pbi-has-sub.pbi-hover .pbi-sub{opacity:1 !important;visibility:visible !important;transform:translateY(0) !important;} #pbi-header .pbi-sub li{margin:0 !important;} #pbi-header .pbi-sub a{display:block !important;padding:10px 14px !important;border-radius:3px !important;font-size:14.5px !important;font-weight:400 !important;color:#2B2623 !important;transition:background .15s ease,color .15s ease !important;} #pbi-header .pbi-sub a:hover{background:#F6F3EE !important;color:#2F5D62 !important;} /* Services megamenu (desktop) */ #pbi-header .pbi-menu>li.pbi-has-mega{position:static !important;} #pbi-header .pbi-mega{position:absolute !important;top:calc(100% + 6px) !important;left:50% !important;transform:translateX(-50%) translateY(8px) !important;width:min(900px,94vw) !important;background:#FBF9F5 !important;border:1px solid rgba(47,93,98,.13) !important;border-top:3px solid #B66A50 !important;border-radius:6px !important;box-shadow:0 28px 64px -22px rgba(43,38,35,.32) !important;padding:32px 36px !important;display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:26px 32px !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transition:opacity .2s ease,transform .2s ease,visibility .2s !important;z-index:60 !important;} #pbi-header .pbi-mega::before{content:"" !important;position:absolute !important;top:-14px !important;left:0 !important;right:0 !important;height:14px !important;} #pbi-header .pbi-has-mega:hover .pbi-mega,#pbi-header .pbi-has-mega:focus-within .pbi-mega,#pbi-header .pbi-has-mega.pbi-hover .pbi-mega{opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:translateX(-50%) translateY(0) !important;} #pbi-header .pbi-mega-col{min-width:0 !important;} #pbi-header .pbi-mega-col h4{font-family:'Cormorant Garamond',serif !important;font-size:19px !important;font-weight:600 !important;color:#2F5D62 !important;margin:0 0 12px !important;padding:0 0 9px !important;border-bottom:1px solid rgba(47,93,98,.13) !important;line-height:1.2 !important;} #pbi-header .pbi-mega-col h4 a{display:inline !important;font-family:inherit !important;font-size:inherit !important;font-weight:inherit !important;letter-spacing:0 !important;color:inherit !important;padding:0 !important;} #pbi-header .pbi-mega-col h4 a:hover{color:#B66A50 !important;} #pbi-header .pbi-mega-col ul{list-style:none !important;margin:0 !important;padding:0 !important;} #pbi-header .pbi-mega-col li{margin:0 !important;position:static !important;} #pbi-header .pbi-mega-col a{display:block !important;font-family:'Inter',sans-serif !important;font-size:14px !important;font-weight:400 !important;letter-spacing:.1px !important;color:#2B2623 !important;padding:6px 0 !important;line-height:1.35 !important;transition:color .15s ease !important;} #pbi-header .pbi-mega-col a:hover{color:#B66A50 !important;} #pbi-header .pbi-hdr-cta{flex:0 0 auto !important;font-family:'Inter',sans-serif !important;font-size:13px !important;font-weight:600 !important;letter-spacing:.8px !important;text-transform:uppercase !important;text-decoration:none !important;color:#F6F3EE !important;background:#B66A50 !important;padding:13px 24px !important;border-radius:3px !important;line-height:1 !important;white-space:nowrap !important;transition:background .2s ease !important;} #pbi-header .pbi-hdr-cta:hover{background:#9F5A43 !important;color:#F6F3EE !important;} #pbi-header .pbi-nav-toggle{position:absolute !important;width:1px !important;height:1px !important;opacity:0 !important;pointer-events:none !important;margin:0 !important;} #pbi-header .pbi-hdr-burger{display:none !important;flex:0 0 auto !important;margin-left:auto !important;width:44px !important;height:44px !important;background:transparent !important;border:0 !important;cursor:pointer !important;padding:10px !important;flex-direction:column !important;justify-content:space-between !important;} #pbi-header .pbi-hdr-burger span{display:block !important;height:2px !important;width:100% !important;background:#2F5D62 !important;border-radius:2px !important;transition:transform .25s ease,opacity .25s ease !important;} #pbi-header .pbi-mobile-cta{display:none !important;} #pbi-header .pbi-mobile-contact{display:none !important;} @media (max-width:1024px){ #pbi-header .pbi-hdr-burger{display:flex !important;} #pbi-header .pbi-hdr-cta{display:none !important;} #pbi-header .pbi-hdr-nav{margin-left:0 !important;position:absolute !important;top:100% !important;left:0 !important;right:0 !important;background:#FBF9F5 !important;border-top:1px solid rgba(47,93,98,.13) !important;box-shadow:0 18px 44px rgba(43,38,35,.10) !important;max-height:0 !important;overflow:hidden !important;transition:max-height .3s ease !important;} #pbi-header.pbi-open .pbi-hdr-nav,#pbi-header .pbi-nav-toggle:checked~.pbi-hdr-nav{max-height:80vh !important;overflow-y:auto !important;} #pbi-header .pbi-menu{flex-direction:column !important;align-items:stretch !important;gap:0 !important;padding:8px 0 !important;} #pbi-header .pbi-menu>li{border-bottom:1px solid rgba(47,93,98,.08) !important;} #pbi-header .pbi-menu>li>a{padding:15px 32px !important;justify-content:space-between !important;} #pbi-header .pbi-sub{position:static !important;opacity:1 !important;visibility:visible !important;transform:none !important;box-shadow:none !important;border:0 !important;background:transparent !important;border-radius:0 !important;padding:0 0 8px !important;min-width:0 !important;max-height:0 !important;overflow:hidden !important;transition:max-height .25s ease !important;} #pbi-header .pbi-has-sub.pbi-sub-open .pbi-sub{max-height:400px !important;} #pbi-header .pbi-sub a{padding:11px 48px !important;} #pbi-header .pbi-mega{position:static !important;width:auto !important;display:none !important;grid-template-columns:1fr !important;gap:0 !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:none !important;background:transparent !important;border:0 !important;border-top:0 !important;border-radius:0 !important;box-shadow:none !important;padding:0 0 8px !important;} #pbi-header .pbi-menu>li.pbi-has-mega.pbi-sub-open .pbi-mega{display:block !important;} #pbi-header .pbi-mega::before{display:none !important;} #pbi-header .pbi-mega-col h4{border:0 !important;margin:0 !important;padding:12px 48px 2px !important;font-size:16px !important;} #pbi-header .pbi-mega-col a{padding:9px 60px !important;font-size:14px !important;} #pbi-header .pbi-mobile-cta{display:block !important;border-bottom:0 !important;padding:16px 32px !important;} #pbi-header .pbi-mobile-cta a{background:#B66A50 !important;color:#F6F3EE !important;justify-content:center !important;text-transform:uppercase !important;font-weight:600 !important;font-size:13px !important;letter-spacing:.8px !important;padding:14px !important;border-radius:3px !important;} #pbi-header .pbi-mobile-contact{display:block !important;padding:8px 32px 26px !important;} #pbi-header .pbi-mobile-contact .pbi-mc-item{display:block !important;padding:7px 0 !important;font-size:15px !important;font-weight:500 !important;color:#2F5D62 !important;text-decoration:none !important;} #pbi-header .pbi-mobile-contact .pbi-mc-item:hover{color:#B66A50 !important;} #pbi-header .pbi-mobile-contact .pbi-mc-addr{margin:10px 0 6px !important;font-size:14px !important;line-height:1.5 !important;color:#2B2623 !important;} #pbi-header .pbi-mobile-contact .pbi-mc-addr a{color:#2B2623 !important;text-decoration:none !important;} #pbi-header .pbi-mobile-contact .pbi-mc-hours{margin:0 !important;font-size:13px !important;line-height:1.5 !important;color:#6B6359 !important;} #pbi-header.pbi-open .pbi-hdr-burger span:nth-child(1),#pbi-header .pbi-nav-toggle:checked~.pbi-hdr-burger span:nth-child(1){transform:translateY(11px) rotate(45deg) !important;} #pbi-header.pbi-open .pbi-hdr-burger span:nth-child(2),#pbi-header .pbi-nav-toggle:checked~.pbi-hdr-burger span:nth-child(2){opacity:0 !important;} #pbi-header.pbi-open .pbi-hdr-burger span:nth-child(3),#pbi-header .pbi-nav-toggle:checked~.pbi-hdr-burger span:nth-child(3){transform:translateY(-11px) rotate(-45deg) !important;} #pbi-header .pbi-caret{transform:rotate(45deg) !important;} #pbi-header .pbi-has-sub.pbi-sub-open .pbi-caret{transform:rotate(-135deg) !important;} } @media (max-width:600px){ #pbi-header .pbi-hdr-inner{padding:14px 20px !important;} #pbi-header .pbi-hdr-logo img{height:62px !important;} } /* =========================================================== 02 · FOOTER =========================================================== */ #pbi-footer{background:#2B2623 !important;font-family:'Inter',sans-serif !important;color:rgba(246,243,238,.72) !important;} #pbi-footer *{box-sizing:border-box !important;} #pbi-footer .pbi-ft-inner{max-width:1240px !important;margin:0 auto !important;padding:72px 32px 36px !important;} #pbi-footer .pbi-ft-grid{display:grid !important;grid-template-columns:1.5fr 1fr 1fr 1.3fr !important;gap:48px !important;} #pbi-footer .pbi-ft-logo img{height:160px !important;width:auto !important;display:block !important;margin-bottom:24px !important;} #pbi-footer .pbi-ft-tag{font-family:'Cormorant Garamond',serif !important;font-style:italic !important;font-size:20px !important;line-height:1.4 !important;color:#F6F3EE !important;margin:0 0 22px !important;max-width:320px !important;} #pbi-footer .pbi-ft-social{display:flex !important;gap:14px !important;} #pbi-footer .pbi-ft-social a{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:38px !important;height:38px !important;border:1px solid rgba(246,243,238,.18) !important;border-radius:50% !important;color:rgba(246,243,238,.72) !important;transition:color .2s ease,border-color .2s ease !important;} #pbi-footer .pbi-ft-social a:hover{color:#D89B3D !important;border-color:#D89B3D !important;} #pbi-footer .pbi-ft-social svg{width:17px !important;height:17px !important;fill:currentColor !important;} #pbi-footer .pbi-ft-col h4{font-family:'Inter',sans-serif !important;font-size:12px !important;font-weight:600 !important;letter-spacing:1.5px !important;text-transform:uppercase !important;color:#D89B3D !important;margin:6px 0 18px !important;} #pbi-footer .pbi-ft-col ul{list-style:none !important;margin:0 !important;padding:0 !important;} #pbi-footer .pbi-ft-col li{margin:0 0 11px !important;} #pbi-footer .pbi-ft-col a{font-size:14.5px !important;color:rgba(246,243,238,.72) !important;text-decoration:none !important;transition:color .2s ease !important;} #pbi-footer .pbi-ft-col a:hover{color:#F6F3EE !important;} #pbi-footer .pbi-ft-contact address{font-style:normal !important;} #pbi-footer .pbi-ft-contact p{margin:0 0 12px !important;font-size:14.5px !important;line-height:1.6 !important;color:rgba(246,243,238,.72) !important;} #pbi-footer .pbi-ft-contact a{color:rgba(246,243,238,.72) !important;text-decoration:none !important;transition:color .2s ease !important;} #pbi-footer .pbi-ft-contact a:hover{color:#F6F3EE !important;} #pbi-footer .pbi-ft-hours{color:rgba(246,243,238,.5) !important;} #pbi-footer .pbi-ft-cta{display:inline-block !important;margin-top:6px !important;font-family:'Inter',sans-serif !important;font-size:13px !important;font-weight:600 !important;letter-spacing:.8px !important;text-transform:uppercase !important;text-decoration:none !important;color:#F6F3EE !important;background:#B66A50 !important;padding:13px 24px !important;border-radius:3px !important;transition:background .2s ease !important;} #pbi-footer .pbi-ft-cta:hover{background:#9F5A43 !important;color:#F6F3EE !important;} #pbi-footer .pbi-ft-legal{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:20px !important;flex-wrap:wrap !important;margin-top:56px !important;padding-top:26px !important;border-top:1px solid rgba(246,243,238,.12) !important;} #pbi-footer .pbi-ft-copy{margin:0 !important;font-size:13px !important;color:rgba(246,243,238,.55) !important;} #pbi-footer .pbi-ft-links{margin:0 !important;display:flex !important;gap:24px !important;flex-wrap:wrap !important;} #pbi-footer .pbi-ft-links a{font-size:13px !important;color:rgba(246,243,238,.55) !important;text-decoration:none !important;transition:color .2s ease !important;} #pbi-footer .pbi-ft-links a:hover{color:#F6F3EE !important;} #pbi-footer .pbi-ft-disclaimer{margin:22px 0 0 !important;font-size:12px !important;line-height:1.6 !important;color:rgba(246,243,238,.4) !important;max-width:760px !important;} @media (max-width:900px){ #pbi-footer .pbi-ft-grid{grid-template-columns:1fr 1fr !important;gap:40px !important;} #pbi-footer .pbi-ft-brand{grid-column:1 / -1 !important;} } @media (max-width:600px){ #pbi-footer .pbi-ft-inner{padding:52px 22px 30px !important;} #pbi-footer .pbi-ft-logo img{height:120px !important;} #pbi-footer .pbi-ft-grid{grid-template-columns:1fr !important;gap:34px !important;} #pbi-footer .pbi-ft-legal{flex-direction:column !important;align-items:flex-start !important;} } /* ===================================================================== 03 · MODALITY SINGLE TEMPLATE Assign these CSS IDs in Elementor (Advanced > CSS ID): - hero Container ............ pbi-mhero - Post Content widget ....... pbi-post Hero image + scrim are set in the container Style tab (see notes), not here. This block only styles type, title, and list badges. ===================================================================== */ #pbi-mhero{min-height:56vh !important;display:flex !important;align-items:center !important;justify-content:center !important;text-align:center !important;padding:6rem 2rem !important;overflow:hidden !important;} #pbi-mhero .elementor-widget-text-editor,#pbi-mhero .pbi-eb{font-family:'Inter',sans-serif !important;font-size:.76rem !important;letter-spacing:.22em !important;text-transform:uppercase !important;font-weight:600 !important;color:#D89B3D !important;margin-bottom:1.1rem !important;} #pbi-mhero .elementor-heading-title{font-family:'Cormorant Garamond',serif !important;font-weight:400 !important;font-size:clamp(2.6rem,5.5vw,4.4rem) !important;line-height:1.05 !important;color:#fff !important;} #pbi-post{max-width:800px !important;margin:0 auto !important;font-family:'Inter',sans-serif !important;color:#2B2623 !important;font-size:1.06rem !important;line-height:1.85 !important;} #pbi-post p:first-of-type{font-family:'Cormorant Garamond',serif !important;font-style:italic !important;font-size:clamp(1.4rem,2.6vw,1.85rem) !important;line-height:1.4 !important;color:#2F5D62 !important;margin-bottom:2rem !important;} #pbi-post h2,#pbi-post h3{font-family:'Cormorant Garamond',serif !important;color:#2F5D62 !important;font-weight:500 !important;line-height:1.15 !important;margin:2.4rem 0 1rem !important;} #pbi-post h3{font-size:clamp(1.5rem,2.6vw,2rem) !important;} #pbi-post p{margin:0 0 1.3rem !important;} #pbi-post a{color:#B66A50 !important;text-decoration:none !important;border-bottom:1px solid rgba(182,106,80,.4) !important;} #pbi-post a:hover{color:#9F5A43 !important;} #pbi-post ol{list-style:none !important;counter-reset:pbi !important;padding:0 !important;margin:1.6rem 0 !important;} #pbi-post ol>li{counter-increment:pbi !important;position:relative !important;padding-left:3.2rem !important;margin-bottom:1.5rem !important;line-height:1.7 !important;} #pbi-post ol>li::before{content:counter(pbi) !important;position:absolute !important;left:0 !important;top:.05em !important;width:2.1rem !important;height:2.1rem !important;border-radius:50% !important;background:#2F5D62 !important;color:#fff !important;font-weight:600 !important;font-size:.95rem !important;display:flex !important;align-items:center !important;justify-content:center !important;} #pbi-post ul{list-style:none !important;padding:0 !important;margin:1.6rem 0 !important;} #pbi-post ul>li{position:relative !important;padding-left:1.7rem !important;margin-bottom:.9rem !important;} #pbi-post ul>li::before{content:"" !important;position:absolute !important;left:0 !important;top:.6em !important;width:8px !important;height:8px !important;border-radius:50% !important;background:#D89B3D !important;}