.elementor-583 .elementor-element.elementor-element-bb2ff1c{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-583 .elementor-element.elementor-element-bb2ff1c:not(.elementor-motion-effects-element-type-background), .elementor-583 .elementor-element.elementor-element-bb2ff1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-abd03f1 );}.elementor-583 .elementor-element.elementor-element-bb2ff1c.e-con{--align-self:center;}.elementor-583 .elementor-element.elementor-element-ab5c7a5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;text-align:center;}.elementor-583 .elementor-element.elementor-element-ab5c7a5 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:42px;font-weight:500;text-transform:uppercase;line-height:1.1em;letter-spacing:0.3em;color:#FFFFFFE0;}.elementor-583 .elementor-element.elementor-element-f61fa1f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 14px) 0px;text-align:center;font-family:"Inter", Sans-serif;font-size:15px;font-weight:300;line-height:1.5em;letter-spacing:0.08em;color:#FFFFFFB8;}.elementor-583 .elementor-element.elementor-element-01e25e7{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-583 .elementor-element.elementor-element-f61b902{width:100%;max-width:100%;}.elementor-583 .elementor-element.elementor-element-f61b902.elementor-element{--align-self:center;}#elementor-popup-modal-583 .dialog-widget-content{animation-duration:1.2s;border-radius:16px 16px 16px 16px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-583{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-583 .dialog-message{width:840px;height:auto;padding:0px 0px 0px 0px;}#elementor-popup-modal-583 .dialog-close-button{display:flex;}@media(min-width:768px){.elementor-583 .elementor-element.elementor-element-bb2ff1c{--content-width:860px;}.elementor-583 .elementor-element.elementor-element-01e25e7{--width:100%;}}/* Start custom CSS *//* ========================================================= PHARAOH — POPUP (2-layer frame + inner panel) [CLEAN SINGLE PASTE] Hook: Popup Settings > CSS Classes = ps-popup Hook: Inner container class = ps-popup__panel Hook: WPForms form class = ps-formgrid ========================================================= */ /* ---------- Tunables ---------- */ .elementor-popup-modal.ps-popup{ --ps-frame: 18px; /* outer glass frame thickness */ --ps-inner-inset: 14px; /* how far inside the inner card the X sits */ --ps-radius-frame: 22px; --ps-radius-card: 16px; } /* 1) Overlay behind popup */ .elementor-popup-modal.ps-popup{ background: rgba(0,0,0,.62) !important; backdrop-filter: blur(6px); } /* 2) OUTER FRAME (transparent border container) */ .elementor-popup-modal.ps-popup .dialog-widget-content{ position: relative !important; width: min(920px, 92vw) !important; max-width: 920px !important; padding: var(--ps-frame) !important; /* frame thickness */ border-radius: var(--ps-radius-frame) !important; background: rgba(255,255,255,.06) !important; /* translucent frame */ border: 1px solid rgba(255,255,255,.18) !important; box-shadow: 0 22px 70px rgba(0,0,0,.72), 0 0 0 1px rgba(200,170,105,.18); overflow: visible !important; } /* Kill Elementor inner padding that causes “uneven edges” */ .elementor-popup-modal.ps-popup .dialog-widget-content .dialog-message{ padding: 0 !important; } /* 3) INNER PANEL (your centered main card) */ .elementor-popup-modal.ps-popup .ps-popup__panel{ position: relative !important; margin: 0 auto !important; width: 100% !important; border-radius: var(--ps-radius-card) !important; padding: 20px 22px 16px !important; background: rgba(0,0,0,.62) !important; border: 1px solid rgba(255,255,255,.14) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 14px 42px rgba(0,0,0,.55); overflow: hidden !important; } /* Even scanlines + centered haze (no top hotspot) */ .elementor-popup-modal.ps-popup .ps-popup__panel:before{ content:""; position:absolute; inset:0; pointer-events:none; opacity:.18; background: repeating-linear-gradient( to bottom, rgba(255,255,255,.045) 0px, rgba(255,255,255,.045) 1px, rgba(0,0,0,0) 4px, rgba(0,0,0,0) 9px ), radial-gradient(circle at 50% 50%, rgba(255,255,255,.06) 0%, rgba(0,0,0,0) 62% ); mix-blend-mode: overlay; } /* 4) CLOSE BUTTON — VISUALLY aligned to the INNER card edge NOTE: This does NOT “DOM-move” the button. It positions it so it appears inside the inner card while staying in Elementor’s modal layer. */ .elementor-popup-modal.ps-popup .dialog-close-button{ position: absolute !important; /* move inside by frame thickness + inset */ top: calc(var(--ps-frame) + var(--ps-inner-inset)) !important; right: calc(var(--ps-frame) + var(--ps-inner-inset)) !important; width: 34px !important; height: 34px !important; display: grid !important; place-items: center !important; color: rgba(255,255,255,.82) !important; background: rgba(0,0,0,.28) !important; border: 1px solid rgba(255,255,255,.14) !important; border-radius: 10px !important; padding: 0 !important; z-index: 9999 !important; } .elementor-popup-modal.ps-popup .dialog-close-button:hover{ border-color: rgba(200,170,105,.40) !important; color: rgba(255,255,255,.95) !important; } /* 5) Tight typography spacing */ .elementor-popup-modal.ps-popup .ps-popup__panel h1, .elementor-popup-modal.ps-popup .ps-popup__panel h2, .elementor-popup-modal.ps-popup .ps-popup__panel h3{ letter-spacing: .14em; text-transform: uppercase; margin: 0 0 10px !important; } .elementor-popup-modal.ps-popup .ps-popup__panel p{ margin: 0 0 10px !important; } /* ========================================================= WPForms — tighter, “archive terminal” ========================================================= */ .elementor-popup-modal.ps-popup .ps-popup__panel .wpforms-container{ margin: 8px 0 0 !important; } /* Grid */ .elementor-popup-modal.ps-popup .ps-popup__panel .ps-formgrid .wpforms-field-container{ display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px 14px !important; } /* Full width fields */ .elementor-popup-modal.ps-popup .ps-popup__panel .ps-formgrid .wpforms-field-name, .elementor-popup-modal.ps-popup .ps-popup__panel .ps-formgrid .wpforms-field-textarea, .elementor-popup-modal.ps-popup .ps-popup__panel .ps-formgrid .wpforms-submit-container{ grid-column: 1 / -1 !important; } /* Labels */ .elementor-popup-modal.ps-popup .ps-popup__panel .wpforms-field-label{ color: rgba(255,255,255,.72) !important; letter-spacing: .18em !important; text-transform: uppercase !important; font-size: 10.5px !important; margin: 0 0 6px !important; } .elementor-popup-modal.ps-popup .ps-popup__panel .wpforms-required-label{ color: rgba(200,170,105,.95) !important; } /* Reduce default spacing */ .elementor-popup-modal.ps-popup .ps-popup__panel .wpforms-field{ padding: 0 !important; margin: 0 0 6px !important; } /* Inputs */ .elementor-popup-modal.ps-popup .ps-popup__panel input[type="text"], .elementor-popup-modal.ps-popup .ps-popup__panel input[type="email"], .elementor-popup-modal.ps-popup .ps-popup__panel textarea, .elementor-popup-modal.ps-popup .ps-popup__panel select{ background: rgba(0,0,0,.28) !important; color: rgba(255,255,255,.92) !important; border: 1px solid rgba(255,255,255,.14) !important; border-radius: 12px !important; padding: 10px 12px !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.04) !important; outline: none !important; } .elementor-popup-modal.ps-popup .ps-popup__panel input:focus, .elementor-popup-modal.ps-popup .ps-popup__panel textarea:focus, .elementor-popup-modal.ps-popup .ps-popup__panel select:focus{ border-color: rgba(200,170,105,.55) !important; box-shadow: 0 0 0 3px rgba(200,170,105,.12), inset 0 0 0 1px rgba(255,255,255,.06) !important; } /* Textareas ~ 3 rows */ .elementor-popup-modal.ps-popup .ps-popup__panel textarea{ height: 96px !important; min-height: 96px !important; resize: none !important; line-height: 1.35 !important; } /* Hide Holding ID field but still submit it */ .elementor-popup-modal.ps-popup .ps-popup__panel .wpforms-field.holding-id{ position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* Submit */ .elementor-popup-modal.ps-popup .ps-popup__panel .wpforms-submit-container{ margin-top: 8px !important; } .elementor-popup-modal.ps-popup .ps-popup__panel .wpforms-submit{ width: 100% !important; border-radius: 14px !important; padding: 11px 14px !important; background: rgba(0,0,0,.22) !important; color: rgba(255,255,255,.92) !important; border: 1px solid rgba(200,170,105,.58) !important; letter-spacing: .18em !important; text-transform: uppercase !important; } /* Mobile */ @media (max-width: 720px){ .elementor-popup-modal.ps-popup .ps-popup__panel .ps-formgrid .wpforms-field-container{ grid-template-columns: 1fr !important; } } /* ========================================================= PS POPUP — CENTER MODAL + EVEN FRAME Paste at VERY BOTTOM ========================================================= */ /* 1) Force the popup wrapper to center the frame */ .elementor-popup-modal.ps-popup .dialog-widget{ position: fixed !important; inset: 0 !important; display: flex !important; align-items: center !important; /* vertical center */ justify-content: center !important; /* horizontal center */ padding: 0 !important; } /* 2) Prevent Elementor from adding offsets/margins that “bias” the frame */ .elementor-popup-modal.ps-popup .dialog-widget-content{ margin: 0 !important; box-sizing: border-box !important; } /* 3) If the popup still looks slightly “low”, this removes hidden top offsets */ .elementor-popup-modal.ps-popup .dialog-message{ margin: 0 !important; } /* 4) Keep the X anchored to the inner-card position you already like */ .elementor-popup-modal.ps-popup .dialog-close-button{ top: calc(var(--ps-frame) + var(--ps-inner-inset)) !important; right: calc(var(--ps-frame) + var(--ps-inner-inset)) !important; } /* ========================================================= PS POPUP — HARD CENTER + EVEN FRAME (override Elementor) Paste at VERY BOTTOM ========================================================= */ /* 1) Make the popup wrapper a flex stage */ .elementor-popup-modal.ps-popup .dialog-widget{ position: fixed !important; inset: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* 2) CANCEL Elementor’s default absolute centering offsets */ .elementor-popup-modal.ps-popup .dialog-widget-content{ position: relative !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; transform: none !important; margin: 0 !important; } /* 3) Ensure the content root fills the frame evenly */ .elementor-popup-modal.ps-popup .dialog-widget-content .dialog-message{ width: 100% !important; padding: 0 !important; margin: 0 !important; } /* 4) If Elementor adds extra wrapper spacing, zero it */ .elementor-popup-modal.ps-popup .elementor-location-popup{ margin: 0 !important; padding: 0 !important; } /* 5) Keep the X in the same “inside-card” position */ .elementor-popup-modal.ps-popup .dialog-close-button{ top: calc(var(--ps-frame) + var(--ps-inner-inset)) !important; right: calc(var(--ps-frame) + var(--ps-inner-inset)) !important; } /* ========================================================= PS POPUP — Heading + Lead text styling (Archive / Terminal) Paste at VERY BOTTOM ========================================================= */ /* Title (Elementor Heading widget) */ .elementor-popup-modal.ps-popup .ps-popup__panel .elementor-heading-title{ text-transform: uppercase !important; letter-spacing: .22em !important; font-weight: 360 !important; line-height: 1.05 !important; /* “hero card” crispness */ color: rgba(255,255,255,.92) !important; text-shadow: 0 1px 0 rgba(0,0,0,.35); } /* Optional: tighten space under title */ .elementor-popup-modal.ps-popup .ps-popup__panel .elementor-widget-heading{ margin-bottom: 10px !important; } /* Lead / helper text (Text Editor widget right under title) */ .elementor-popup-modal.ps-popup .ps-popup__panel .elementor-widget-text-editor{ max-width: 62ch; margin-left: auto !important; margin-right: auto !important; } .elementor-popup-modal.ps-popup .ps-popup__panel .elementor-widget-text-editor p{ margin: 0 !important; font-size: 14px !important; line-height: 1.55 !important; font-weight: 300 !important; letter-spacing: .06em !important; color: rgba(255,255,255,.72) !important; } /* Small “system” micro-kicker effect (subtle) */ .elementor-popup-modal.ps-popup .ps-popup__panel .elementor-widget-text-editor p:before{ content: "ARCHIVE INTAKE — "; letter-spacing: .18em; font-size: 11px; color: rgba(200,170,105,.70); } /* ===== PS POPUP: TYPOGRAPHY ONLY (Terminal-like) ===== */ /* Paste at VERY BOTTOM of the popup Custom CSS */ /* Title */ .elementor-popup-modal.ps-popup .ps-popup__panel .elementor-heading-title{ font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, Roboto, Arial, sans-serif !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: .34em !important; line-height: 1.1 !important; color: rgba(255,255,255,.86) !important; font-size: 26px !important; margin: 0 0 10px !important; } /* Subtitle / description (mono terminal) */ .elementor-popup-modal.ps-popup .ps-popup__panel .elementor-widget-text-editor, .elementor-popup-modal.ps-popup .ps-popup__panel .elementor-widget-text-editor p{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important; font-weight: 400 !important; font-size: 12.5px !important; letter-spacing: .14em !important; line-height: 1.55 !important; color: rgba(255,255,255,.64) !important; } .elementor-popup-modal.ps-popup .ps-popup__panel .elementor-widget-text-editor p{ margin: 0 0 14px !important; } /* Mobile downshift (still typography-only) */ @media (max-width: 520px){ .elementor-popup-modal.ps-popup .ps-popup__panel .elementor-heading-title{ font-size: 22px !important; letter-spacing: .28em !important; } } /* ========================================================= PS POPUP — FORCE UNIFORM CARD HEIGHT (both popups match) Paste at VERY BOTTOM (in BOTH popups) ========================================================= */ /* Desktop/tablet: lock the inner card height */ @media (min-width: 721px){ .elementor-popup-modal.ps-popup{ --ps-card-minh: 640px; /* adjust once to taste */ } .elementor-popup-modal.ps-popup .ps-popup__panel{ min-height: var(--ps-card-minh) !important; } } /* Mobile: let it auto so it never clips */ @media (max-width: 720px){ .elementor-popup-modal.ps-popup .ps-popup__panel{ min-height: auto !important; } }/* End custom CSS */