/* ===================================================== Protocol Password Page — Enhanced Single Post Style YouMind® Dark Navy + Teal Brand Design ===================================================== */ /* --- Reset & Base --- */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body.ppp-body { background-color: #050e1a; font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif; color: #e2e8f0; min-height: 100vh; line-height: 1.7; } /* --- Page Wrapper --- */ .ppp-page { max-width: 900px; margin: 0 auto; padding: 60px 24px 80px; display: flex; flex-direction: column; gap: 48px; } /* ===================================================== HEADER SECTION ===================================================== */ .ppp-header { position: relative; } .ppp-header-inner { padding: 0 0 0 0; } /* Teal accent top bar */ .ppp-teal-bar { width: 52px; height: 4px; background: linear-gradient(90deg, #00d4c8, #00a8a0); border-radius: 2px; margin-bottom: 20px; } /* Title */ .ppp-title { font-size: clamp(26px, 4vw, 38px); font-weight: 700; color: #ffffff; letter-spacing: -0.5px; margin-bottom: 16px; line-height: 1.2; } .ppp-title-highlight { color: #00d4c8; } /* Description text */ .ppp-description { font-size: 15px; color: #94a3b8; max-width: 680px; line-height: 1.75; border-left: 3px solid #00d4c822; padding-left: 16px; } .ppp-description p { margin: 0; } /* ===================================================== EMBED SECTION ===================================================== */ .ppp-embed-wrapper { position: relative; } /* Outer glow effect container */ .ppp-embed-container { position: relative; border-radius: 16px; background: linear-gradient(145deg, #0d2035, #0a1929); border: 1px solid #1e3a52; box-shadow: 0 0 0 1px #00d4c815, 0 8px 32px rgba(0, 212, 200, 0.08), 0 32px 80px rgba(0, 0, 0, 0.5); overflow: hidden; } /* Subtle top teal line */ .ppp-embed-glow { height: 2px; background: linear-gradient(90deg, transparent, #00d4c8, transparent); width: 100%; } /* Inner embed padding */ .ppp-embed-inner { padding: 24px; } /* Make the embed iframe/widget fill its container */ .ppp-embed-inner iframe, .ppp-embed-inner > * { width: 100%; border: none; display: block; } /* ===================================================== FOOTER BRAND ===================================================== */ .ppp-footer { display: flex; align-items: center; gap: 12px; padding-top: 8px; border-top: 1px solid #1e2d3d; color: #475569; font-size: 13px; } .ppp-footer-brand { color: #00d4c8; font-weight: 600; letter-spacing: 0.5px; } .ppp-footer-sep { color: #1e3a52; } .ppp-footer-tagline { font-style: italic; color: #475569; } /* ===================================================== RESPONSIVE ===================================================== */ @media (max-width: 600px) { .ppp-page { padding: 40px 16px 60px; gap: 36px; } .ppp-embed-inner { padding: 16px; } .ppp-title { font-size: 24px; } } /* custom design for protocol */ .elfsight-app-91bc2e02-1d36-4cf0-b0b7-025e6746045e{--bg:#0b1d26;--cyan:#00ced1;--cyan-bright:#5dffef;--cyan-deep:#009ea3;--cyan-dim:rgba(0,206,209,0.35);--cyan-glow:rgba(0,206,209,0.22);--border:rgba(0,206,209,0.22);--text:#f4f8fb;--muted:rgba(244,248,251,0.62);--faint:rgba(244,248,251,0.38);position:relative;box-sizing:border-box;width:100%;margin:24px auto;padding:clamp(1.35rem,3vw,2rem);border-radius:20px;color:var(--text);-webkit-font-smoothing:antialiased;background:linear-gradient(180deg,#0b1d26 0%,#08151c 100%);border:1px solid rgba(0,206,209,0.14);box-shadow:0 28px 56px rgba(0,0,0,0.55),inset 0 1px 0 rgba(255,255,255,0.04)}.elfsight-app-91bc2e02-1d36-4cf0-b0b7-025e6746045e::before{content:"";position:absolute;left:1.25rem;right:1.25rem;top:0;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:0.55;pointer-events:none}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e,#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="WidthProvider"],#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="AudioPlayer"],#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Embed__Container"],#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Embed__Inner"],#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Full__Container"],#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Full__Component"],#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Full__InfoContainer"],#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Full__Actions"],#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Full__Controls"],#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="TrackInfo__Container"],#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="PodcastTrackInfo__Container"],#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="typography__Container"]{background:transparent!important;background-color:transparent!important;color:var(--text)!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e .es-track-info-title{color:#ffffff!important;font-weight:700!important;font-size:clamp(1rem,2.2vw,1.25rem)!important;line-height:1.3!important;letter-spacing:-0.01em!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e .es-track-info-author{color:#00ced1!important;font-weight:800!important;letter-spacing:0.18em!important;text-transform:uppercase!important;font-size:0.78rem!important;opacity:1!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Full__ImageContainer"]{border-radius:14px!important;border:1px solid var(--border)!important;background:radial-gradient(circle at 50% 42%,rgba(0,206,209,0.45),rgba(8,21,28,0.2) 72%),linear-gradient(180deg,rgba(15,42,53,0.55),rgba(8,21,28,0.75))!important;box-shadow:0 12px 30px rgba(0,0,0,0.45)!important;overflow:hidden!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Full__ImageContainer"] img{object-fit:contain!important;padding:10%!important;filter:brightness(2.2) contrast(1.1) saturate(1.4) drop-shadow(0 0 14px rgba(0,206,209,0.4))!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="ProgressBar__Track-sc"]{position:relative!important;padding:10px 0 14px!important;min-height:34px!important;overflow:visible!important;background:transparent!important;margin:0!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="ProgressBar__Time-sc"]{position:absolute!important;left:0!important;right:0!important;top:0!important;display:flex!important;justify-content:space-between!important;pointer-events:none!important;z-index:4!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="ProgressBar__TimeStart"],#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="ProgressBar__TimeEnd"]{font-size:0.75rem!important;color:rgba(244,248,251,0.55)!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="ProgressBar__FakeTrack"]{position:absolute!important;left:0!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;height:6px!important;border-radius:999px!important;background:rgba(255,255,255,0.07)!important;border:1px solid rgba(0,206,209,0.14)!important;z-index:0!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="ProgressBar__ProgressBarLoaded"]{position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;height:6px!important;border-radius:999px!important;background:rgba(255,255,255,0.1)!important;z-index:1!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="ProgressBar__ProgressBarPlayed"]{position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;height:6px!important;border-radius:999px!important;background:linear-gradient(90deg,var(--cyan-dim),var(--cyan))!important;box-shadow:0 0 12px var(--cyan-glow)!important;z-index:2!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="ProgressBar__Thumb"]{width:12px!important;height:12px!important;border-radius:50%!important;background:#ffffff!important;border:2px solid var(--cyan)!important;z-index:3!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="FullPlayControls__Container"]{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:12px!important;min-height:56px!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="FullPlayControls__MainControls"]{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:clamp(0.55rem,2vw,0.95rem)!important;margin-right:auto!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="FullPlayControls__SecondaryControls"]{display:flex!important;align-items:center!important;gap:10px!important;margin-left:auto!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Prev__Component"] svg,#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Next__Component"] svg{fill:rgba(244,248,251,0.55)!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Prev__Component"]:hover svg,#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Next__Component"]:hover svg{fill:var(--cyan-bright)!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="PlayPause__Component"]{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;border-radius:50%!important;border:none!important;background:linear-gradient(165deg,#00a8a8 0%,#007e82 100%)!important;box-shadow:0 0 18px rgba(0,206,209,0.25),0 8px 20px rgba(0,0,0,0.4)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="PlayPause__Component"]:hover{filter:brightness(1.06)!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="PlayPause__Component"] svg{width:22px!important;height:22px!important;fill:#ffffff!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="VolumeControlButton"],#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="PlaylistButton"]{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:999px!important;background:rgba(0,206,209,0.1)!important;border:1px solid rgba(0,206,209,0.28)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 8px 18px rgba(0,0,0,0.28)!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="VolumeControlButton"] svg,#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="VolumeControlButton"] path{fill:rgba(244,248,251,0.78)!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="PlaylistButton"] svg{fill:var(--cyan)!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Description__Container"]{margin:0.35rem 0 1rem!important;padding:1rem 1.1rem!important;border-radius:14px!important;background:rgba(0,0,0,0.3)!important;border:1px solid rgba(0,206,209,0.12)!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Description__Context"],#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Description__Context"] p{color:rgba(244,248,251,0.78)!important;font-size:0.95rem!important;line-height:1.7!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Description__Control"]{color:#00ced1!important;font-weight:600!important;font-size:0.82rem!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Playlist__Component"],#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Playlist__Container"],#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Playlist__ScrollContainer"]{background:rgba(0,0,0,0.2)!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Playlist__Component"]{max-height:240px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,0.06)!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="PlaylistItem__PlaylistItemComponent"]{border-bottom:1px solid rgba(255,255,255,0.05)!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="PlaylistItem__PlaylistItemComponent"]:hover{background:rgba(0,206,209,0.06)!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="PlaylistItem__ImageContainer"]{border-radius:10px!important;border:1px solid var(--border)!important;background:radial-gradient(circle at 50% 45%,rgba(0,206,209,0.35),rgba(8,21,28,0.3))!important;overflow:hidden!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="PlaylistItem__ImageContainer"] img{object-fit:contain!important;padding:14%!important;filter:brightness(1.5) contrast(1.08) saturate(1.5)!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="PlaylistItem__PlaylistItemComponent"] .es-track-info-title{color:rgba(244,248,251,0.9)!important;font-size:0.88rem!important;font-weight:600!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e .es-podcast-track-info-author-date{color:rgba(244,248,251,0.45)!important;font-size:0.73rem!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="PlaylistItem__Duration"]{color:rgba(244,248,251,0.55)!important;font-size:0.8rem!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="DescriptionIcon"],#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="PlaylistItem__DescriptionIcon"]{fill:rgba(244,248,251,0.6)!important;opacity:1!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="PlaylistItem__DescriptionIconContainer"] svg,#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="PlaylistItem__DescriptionIconContainer"] path{fill:rgba(244,248,251,0.6)!important;opacity:1!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="PlaylistItem__AdditionalInfoContainer"]{background:transparent!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="PlaylistItem__DescriptionIconContainer"]{background:transparent!important;border:none!important;box-shadow:none!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e #eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Playlist__Component"]{max-height:240px!important;overflow:hidden!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Playlist__ScrollContainer"]{max-height:240px!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e .simplebar-content-wrapper{max-height:240px!important;height:240px!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Playlist__PlaylistContent"]{max-height:none!important;height:auto!important;overflow:visible!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e .simplebar-track.simplebar-vertical{display:block!important;visibility:visible!important;opacity:1!important;right:2px!important;width:10px!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e .simplebar-scrollbar:before{background:rgba(255,255,255,0.45)!important;opacity:1!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e .simplebar-track.simplebar-horizontal{display:none!important}.elementor-widget-heading .elementor-heading-title{text-align:inherit!important}.elementor-widget-text-editor{text-align:inherit!important;margin-bottom:1.5rem!important}@media(max-width:768px){.elfsight-app-91bc2e02-1d36-4cf0-b0b7-025e6746045e{padding:1.25rem!important;margin:12px auto!important;border-radius:16px!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e .es-track-info-title{font-size:1rem!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="PlayPause__Component"]{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="FullPlayControls__Container"]{flex-wrap:wrap!important;gap:8px!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="FullPlayControls__SecondaryControls"]{width:100%!important;justify-content:flex-end!important;margin-left:0!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Description__Context"]{font-size:0.88rem!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Playlist__Component"]{max-height:200px!important}}@media(max-width:480px){.elfsight-app-91bc2e02-1d36-4cf0-b0b7-025e6746045e{padding:1rem!important;border-radius:14px!important}#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="VolumeControlButton"],#eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="PlaylistButton"]{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}} .ast-separate-container .ast-article-single:not(.ast-related-post), .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container .site-main .ast-author-meta, .ast-separate-container .related-posts-title-wrapper, .ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content, .ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .ast-archive-description, .ast-separate-container .comments-area { background-color: #ffffff00; } /* ===================================================== v1.1.9 cross-device playlist scroll hardening Mobile: native scroll on Playlist__ScrollContainer Desktop/tablet: keep SimpleBar wrapper as the single scroll area ===================================================== */ #eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Playlist__Component"] { overflow: hidden !important; } #eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Playlist__Container"] { overflow: hidden !important; } #eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Playlist__ScrollContainer"] { max-height: 240px !important; height: 240px !important; overflow: hidden !important; touch-action: pan-y !important; overscroll-behavior-y: contain !important; } #eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e .simplebar-wrapper, #eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e .simplebar-mask, #eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e .simplebar-offset { overflow: visible !important; } #eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e .simplebar-content-wrapper { max-height: 240px !important; height: 240px !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; touch-action: pan-y !important; overscroll-behavior-y: contain !important; } #eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e .simplebar-content, #eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Playlist__PlaylistContent"] { max-height: none !important; height: auto !important; overflow: visible !important; } #eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e .simplebar-track.simplebar-horizontal { display: none !important; } #eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e .simplebar-track.simplebar-vertical { display: block !important; visibility: visible !important; opacity: 1 !important; } @media (max-width: 767px) { #eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Playlist__Component"] { max-height: 200px !important; } #eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Playlist__ScrollContainer"] { max-height: 200px !important; height: 200px !important; overflow-y: auto !important; overflow-x: hidden !important; scrollbar-width: none !important; -ms-overflow-style: none !important; } #eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e [class*="Playlist__ScrollContainer"]::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none !important; background: transparent !important; } #eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e .simplebar-content-wrapper, #eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e .simplebar-content { max-height: none !important; height: auto !important; overflow: visible !important; } #eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e .simplebar-track.simplebar-vertical, #eapps-podcast-player-91bc2e02-1d36-4cf0-b0b7-025e6746045e .simplebar-track.simplebar-horizontal { display: none !important; } }