/* Between Deadlines: compatibility layer so the design also works with real Elementor widgets.
   Loaded after main.css and after the Elementor kit stylesheet. */

/* ---------- 1. Neutralise Elementor container defaults ---------- */
.bd-site .e-con.bd-n{
  --padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;
  --gap:0px;--row-gap:0px;--column-gap:0px;
  --margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;
  --container-max-width:100%;--content-width:100%;--kit-widget-spacing:0px;
}
/* the kit adds 20px below every widget: remove it (component margins are restored below) */
:where(.bd-n) > .elementor-widget:not(:last-child){margin-block-end:0;margin-bottom:0}

/* rows */
.bd-site .bd-hero__ctas,.bd-site .bd-card__top,.bd-site .bd-jobs,.bd-site .bd-marquee__track,.bd-site .bd-process__track{flex-direction:row}
@media (min-width:901px){.bd-site .bd-process__head{flex-direction:row}}
.bd-site .bd-hero__ctas > .elementor-widget,.bd-site .bd-marquee__track > .elementor-widget,.bd-site .bd-card__top > .elementor-widget,.bd-site .bd-jobs > .elementor-widget{width:auto;flex:0 0 auto}
.bd-site .bd-hero__ctas{align-items:center}
.bd-site .bd-card__top{align-items:flex-start}

/* decorative shortcodes sit directly in the layout */
.bd-site .bd-fx,.bd-site .bd-fx > .elementor-widget-container,.bd-site .bd-fx .elementor-shortcode{display:contents}

/* ---------- 2. Typography inside widgets ---------- */
.bd-site .elementor-widget-heading .elementor-heading-title{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;line-height:inherit;margin:0;padding:0}
.bd-site :where(.elementor-widget-text-editor){font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit}
.bd-site .elementor-widget-text-editor p:last-child{margin-bottom:0}
.bd-site .elementor-widget-text-editor > .elementor-widget-container{padding:0}

/* intro stagger helpers (instead of inline --d) */
.bd-d0{--d:0}.bd-d1{--d:1}.bd-d2{--d:2}.bd-d3{--d:3}.bd-d4{--d:4}.bd-d5{--d:5}.bd-d6{--d:6}

/* restore component margins (Elementor sets margin-bottom:0 on widgets inside containers with higher specificity) */
.bd-site .e-con .elementor-widget.bd-eyebrow{margin-block-end:1.6rem}
.bd-site .e-con .elementor-widget.bd-hero__kicker{margin-block-end:18px}
.bd-site .e-con .elementor-widget.bd-card__title{margin-block-end:14px}
.bd-site .e-con .elementor-widget.bd-card__text{margin-block-end:22px}
.bd-site .e-con .elementor-widget.bd-case__name{margin-block-end:26px}
.bd-site .e-con .elementor-widget.bd-about__role{margin-block-end:24px}
.bd-site .bd-ads__copy .elementor-widget.bd-lead{margin-block-end:30px}
.bd-site .e-con .elementor-widget.bd-checksw{margin-block-end:38px}
.bd-site .bd-onb__copy .elementor-widget.bd-h2{margin-block-end:26px}
.bd-site .bd-contact__copy .elementor-widget.bd-lead{margin-block-end:34px}
.bd-site .e-con .elementor-widget.bd-contactw{margin-block-end:28px}
.bd-site .e-con .elementor-widget.bd-pillar__t{margin-block-end:12px}
.bd-site .e-con .elementor-widget.bd-step__t{margin-block-end:12px}
.bd-site .e-con .elementor-widget.bd-step__p{margin-block-end:18px}
.bd-site .e-con .elementor-widget.bd-jobs__t{margin-block-end:0}
/* ---------- 3. Pills, eyebrows ---------- */
.bd-site .bd-pill.elementor-widget::before{content:'';flex:none;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:bdPulse 1.6s ease-in-out infinite}
.bd-site .bd-pill.elementor-widget{width:auto;align-self:flex-start}
.bd-site .bd-eyebrow.elementor-widget{width:auto;align-self:flex-start}
.bd-site .bd-sechead--center{align-items:center}
.bd-site .bd-sechead--center > .bd-eyebrow.elementor-widget{align-self:center}
.bd-site .bd-sechead--center .bd-h2{text-align:center}
.bd-site .bd-sechead--center .bd-lead{text-align:center}
.bd-site .bd-sechead--split > .bd-sechead__l{min-width:0}
.bd-site .bd-clients__label.elementor-widget{display:flex}
.bd-site .bd-clients__label .elementor-widget-container{flex:none}

/* ---------- 4. Hero stats, pillars, cards, steps ---------- */
.bd-site .bd-stat__v{font-family:var(--font-display);font-size:clamp(1.6rem,2.6vw,2.5rem);line-height:1;color:var(--ink);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.bd-site .bd-stat__l{color:var(--muted);font-size:.9rem}
.bd-site .bd-stat__c{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}

.bd-site .bd-pillar__t{font-family:var(--font-display);font-size:clamp(1.4rem,2vw,1.9rem);text-transform:uppercase;margin:14px 0 12px;font-weight:800}
.bd-site .bd-pillar__p{color:var(--muted);max-width:36ch}

.bd-site .bd-card__uiwrap{grid-area:ui;position:relative}
.bd-site .bd-card--1 .bd-card__uiwrap,.bd-site .bd-card--6 .bd-card__uiwrap{align-self:center}
.bd-site .bd-card__ui{grid-area:auto}
.bd-site .bd-card__top > .bd-card__icon{flex:none}
.bd-site .bd-card__glow{position:absolute;inset:0}

.bd-site .bd-tagsw ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.bd-site .bd-tagsw li{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);margin:0;list-style:none}

.bd-site .bd-step__t{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(1.4rem,2vw,1.9rem);line-height:1;margin:30px 0 12px}
.bd-site .bd-step__p{color:var(--muted);margin-bottom:18px}

/* ---------- 5. Marquees ---------- */
.bd-site .bd-stackw.elementor-widget{display:flex;align-items:center;width:max-content}
.bd-site .bd-stackw > .elementor-widget-container{display:contents}
.bd-site .bd-stackw ul{display:flex;align-items:center;margin:0;padding:0;list-style:none}
.bd-site .bd-marquee--stack li{margin:0 6px}
.bd-site .bd-marquee--stack li::before{content:'';flex:none;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}
.bd-site .bd-marquee__item.elementor-widget{width:auto;flex:none}
.bd-site .bd-marquee__item .elementor-widget-container{height:auto}
.bd-site .bd-marquee__item img{border-radius:0}
.elementor-editor-active .bd-marquee__track{animation:none;flex-wrap:wrap;width:auto}

/* ---------- 6. Reels + video widgets ---------- */
.bd-site .bd-reel__frame .elementor-widget,.bd-site .bd-reel__frame .elementor-widget-container,.bd-site .bd-reel__frame .e-hosted-video,
.bd-site .bd-phone__screen .elementor-widget,.bd-site .bd-phone__screen .elementor-widget-container,.bd-site .bd-phone__screen .e-hosted-video{width:100%;height:100%;display:block;margin:0}
.bd-site .bd-reel__frame .elementor-wrapper,.bd-site .bd-phone__screen .elementor-wrapper{aspect-ratio:auto;height:100%}
.bd-site .bd-reel__frame video,.bd-site .bd-phone__screen video{width:100%;height:100%;object-fit:cover;display:block}
.bd-site .bd-reel__frame video{pointer-events:none}
.bd-site .bd-reel__cap{display:none}
.elementor-editor-active .bd-reel__cap{display:block;position:absolute;left:0;right:0;bottom:-34px;text-align:center;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.bd-site .bd-reel{display:block}
.bd-site .bd-phone__screen{display:block}

/* ---------- 7. Case studies ---------- */
.bd-site .bd-case__media{display:block}
.bd-site .bd-case .bd-case__media .elementor-widget-image.bd-case__bg{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;margin:0}
.bd-site .bd-case__bg .elementor-widget-container{width:100%;height:100%}
.bd-site .bd-case .bd-case__media .bd-case__bg img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;filter:blur(38px) saturate(1.3) brightness(.45);transform:scale(1.3)!important;transition:none}
.bd-site .bd-case .bd-case__media .elementor-widget-image.bd-case__img{position:absolute;inset:22px;z-index:1;margin:0;width:auto;scale:1.04;transition:scale 2.4s var(--ease)}
.bd-site .bd-case.is-in .bd-case__media .bd-case__img,.bd-site .bd-case:hover .bd-case__media .bd-case__img{scale:1}
.bd-site .bd-case__img .elementor-widget-container{display:grid;place-items:center;width:100%;height:100%}
.bd-site .bd-case .bd-case__media .bd-case__img img{position:static;inset:auto;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:16px;box-shadow:0 30px 70px rgba(0,0,0,.55);transform:none;transition:none}
.bd-site .bd-case__index.elementor-widget{position:absolute;left:22px;top:22px;z-index:2;width:auto}
.bd-site .bd-case__body{display:flex;flex-direction:column}
.bd-site .bd-case__cat{display:block}
.bd-site .bd-case__mv{display:block;font-family:var(--font-display);font-weight:800;font-size:clamp(1.15rem,1.75vw,1.9rem);line-height:1;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}
.bd-site .bd-case__ml{display:block;margin-top:8px;font-size:.82rem;color:var(--muted);line-height:1.4}
.bd-site .bd-case__copy{display:grid}
@media (max-width:640px){
  .bd-site .bd-case__mv{font-size:1.05rem}
  .bd-site .bd-case__copy p:first-child{display:block}
  .bd-site .bd-case__copy > .bd-case__p:first-child{display:none}
  .bd-site .bd-case .bd-case__media .elementor-widget-image.bd-case__img{inset:16px}
  .bd-site .bd-case .bd-case__media .bd-case__img img{border-radius:12px}
}

/* ---------- 8. Ads ---------- */
.bd-site .bd-ads__stage{display:grid}
.bd-site .bd-phone{display:block}
.bd-site .bd-shot:not(:has(img)){display:none}
.bd-site .bd-shot.elementor-widget{position:absolute}
.bd-site .bd-shot img{display:block;width:100%;height:auto}
.bd-site .bd-ads__note.elementor-widget{position:absolute;width:auto}
.bd-site .bd-checksw ul{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.bd-site .bd-checksw li{position:relative;display:flex;align-items:center;gap:14px;font-weight:500;margin:0;list-style:none}
.bd-site .bd-checksw li::before{content:'';flex:none;width:24px;height:24px;border-radius:50%;background:var(--accent-soft);border:1px solid rgba(215,255,61,.45)}
.bd-site .bd-checksw li::after{content:'';position:absolute;left:8px;top:calc(50% - 7px);width:5px;height:10px;border:solid var(--accent);border-width:0 2px 2px 0;transform:rotate(45deg)}

/* ---------- 9. About + contact ---------- */
.bd-site .bd-portrait .elementor-widget,.bd-site .bd-portrait .elementor-widget-container{width:100%;height:100%;margin:0}
.bd-site .bd-portrait img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
.bd-site .bd-about__badge.elementor-widget{position:absolute;display:grid;place-items:center;width:76px;height:76px;margin:0}
.bd-site .bd-about__badge .elementor-widget-container{display:grid;place-items:center;width:100%;height:100%}
.bd-site .bd-about__badge img{width:44px;height:44px;display:block}
.bd-site .bd-facts{display:grid}
.bd-site .bd-facts__dt{font-family:var(--font-display);font-weight:800;font-size:clamp(1.15rem,1.7vw,1.5rem);text-transform:uppercase;line-height:1.05;white-space:nowrap}
.bd-site .bd-facts__dd{margin:8px 0 0;font-size:.85rem;color:var(--muted)}
.bd-site .bd-jobs__t{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:1.2rem}
.bd-site .bd-jobs__p{color:var(--muted);font-size:.9rem;margin-top:4px;max-width:46ch}
.bd-site .bd-contactw ul{display:grid;gap:16px;margin:0;padding:0;list-style:none}
.bd-site .bd-contactw li{padding-top:14px;border-top:1px solid var(--line);margin:0;list-style:none}
.bd-site .bd-contactw small{display:block;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-bottom:4px}
.bd-site .bd-contactw a,.bd-site .bd-contactw span{font-size:1.15rem;font-weight:500}
.bd-site .bd-contactw a:hover{color:var(--accent)}

/* ---------- 10. Buttons (Elementor button widget) ---------- */
.bd-site .bd-btnw.elementor-widget{width:auto;max-width:100%}
.bd-site .elementor-widget-button .bd-btn{max-width:100%}

/* ---------- 11. Misc ---------- */
.bd-site .bd-process__headl{display:block}
.bd-site .bd-step__body{display:block}
.bd-site .bd-jobs__txt{display:block;min-width:0}
.bd-site .bd-fact{display:block}
.bd-site .bd-metric{display:block}

/* Ads phone screen image */
.bd-site .bd-phone__screen .elementor-widget-image,.bd-site .bd-phone__screen .elementor-widget-image .elementor-widget-container{width:100%;height:100%;margin:0}
.bd-site .bd-phone__screen img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}

/* Instagram-Ad look in phone (Reels ad) */
.bd-site .bd-phone__screen{position:relative;display:block;background:#fff;overflow:hidden}
.bd-site .bd-phone__screen .elementor-widget.elementor-widget-shortcode{position:static;height:auto;width:auto;display:contents}
.bd-site .bd-phone__screen .elementor-widget.elementor-widget-shortcode .elementor-widget-container,.bd-site .bd-phone__screen .elementor-widget.elementor-widget-shortcode .elementor-shortcode{display:contents}
.bd-site .bd-phone__screen .elementor-widget.elementor-widget-image{position:absolute;top:42px;left:0;right:0;width:100%;height:auto;flex:none;aspect-ratio:9/16;display:block;overflow:hidden;margin:0}
.bd-site .bd-phone__screen .elementor-widget-image .elementor-widget-container{height:100%}
.bd-site .bd-phone__screen .elementor-widget-image img{width:100%;height:100%;object-fit:contain}
.bd-ig__status{position:absolute;z-index:3;top:0;left:0;right:0;height:42px;display:flex;justify-content:space-between;align-items:center;padding:6px 22px 0;background:#fff;color:#111;font:600 11px/1 inherit}
.bd-ig__sys{display:flex;gap:5px;align-items:center}
.bd-ig__rail{position:absolute;z-index:3;right:9px;bottom:128px;display:flex;flex-direction:column;gap:15px;align-items:center}
.bd-ig__bottom{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:34px 12px 8px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 34%);color:#111}
.bd-ig__who{display:flex;align-items:center;gap:7px;margin-bottom:5px}
.bd-ig__av{width:26px;height:26px;border-radius:50%;border:1px solid #e3e3e3;background:#fff url('https://between-deadlines.com/wp-content/uploads/2026/10/Instagram-post-31.png') -4px -13px/270px auto no-repeat;flex:none}
.bd-ig__name{font-size:11px;font-weight:600}
.bd-ig__name small{font-weight:400;color:#555;font-size:10px}
.bd-ig__cap{font-size:10.5px;line-height:1.35;color:#222;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd-ig__cap span{color:#777}
.bd-ig__cta{display:flex;justify-content:space-between;align-items:center;background:#0095f6;color:#fff;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:600}
.bd-ig__home{display:block;width:34%;height:4px;border-radius:3px;background:#111;opacity:.85;margin:9px auto 0}

/* Ads stage: no heavy overlap between phone, dashboard and chips */
@media (min-width:901px){
.bd-site .bd-ads__stage{min-height:720px}
.bd-site .bd-ads__stage .bd-phone{margin-right:230px}
.bd-site .bd-ads__stage .bd-dash{width:250px;right:0;bottom:56px;padding:16px}
.bd-site .bd-ads__stage .bd-dash__kpis b{font-size:1.05rem}
.bd-site .bd-ads__stage .bd-chip--a{left:0;top:3%}
.bd-site .bd-ads__stage .bd-chip--b{right:0;top:3%}
.bd-site .bd-ads__stage .bd-ads__note{right:0;bottom:20px}
}
@media (max-width:900px){
.bd-site .bd-ads__stage{display:flex;flex-direction:column;align-items:center;gap:26px;min-height:0;padding-top:64px}
.bd-site .bd-ads__stage .bd-dash{position:relative;right:auto;bottom:auto;width:min(330px,100%)}
.bd-site .bd-ads__stage .bd-ads__note{position:static}
.bd-site .bd-ads__stage .bd-chip--a{left:0;top:0}
.bd-site .bd-ads__stage .bd-chip--b{right:0;top:30px}
}