.elementor-10245 .elementor-element.elementor-element-08fdbd0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10245 .elementor-element.elementor-element-76dd6d5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-10245 .elementor-element.elementor-element-2f15e1f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10245 .elementor-element.elementor-element-20a7b1a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-10245 .elementor-element.elementor-element-3b3c481{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10245 .elementor-element.elementor-element-fd289e0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-10245 .elementor-element.elementor-element-15cd5a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10245 .elementor-element.elementor-element-05b6740{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10245 .elementor-element.elementor-element-eadaefe{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-10245 .elementor-element.elementor-element-ef87c28{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10245 .elementor-element.elementor-element-a3c40ac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10245 .elementor-element.elementor-element-bf9adeb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10245 .elementor-element.elementor-element-4294586{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10245 .elementor-element.elementor-element-56dafc9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10245 .elementor-element.elementor-element-fb26c4a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10245 .elementor-element.elementor-element-3933c5a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10245 .elementor-element.elementor-element-5897b88{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-10245 .elementor-element.elementor-element-7570be6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10245 .elementor-element.elementor-element-d384c52{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10245 .elementor-element.elementor-element-c2d7375{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-10245 .elementor-element.elementor-element-1350e54{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-10245 .elementor-element.elementor-element-9409967{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}/* Start custom CSS *//* Pivot Counseling — Choose Better page
   PRODUCTION stylesheet. Generated by scripts/wp-build-choose-better.py.
   Do not hand-edit. Edit deliverables/04-choose-better-build/pivot-cbrl.css
   and re-run.

   Needs the Groups snippet (Pivot Groups — styles) for the shared rules:
   tokens, .hero, .section, .eyebrow, .btn, .cta-row, .foot. This file only
   carries what Choose Better adds: the video player, the featured episode,
   the three columns, the series cards, and the navy CTA band.
*/

/* video facade — thumbnail now, iframe on click. Two live iframes would
   wreck LCP, so the contractor must keep this behaviour. */
.player{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;
  background:var(--navy);box-shadow:0 18px 44px -18px rgba(2,48,71,.5);cursor:pointer;border:0;width:100%;padding:0;display:block}
.player img{width:100%;height:100%;object-fit:cover;transition:.3s}
.player:hover img{transform:scale(1.03);opacity:.9}
.player .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.player .play span{width:76px;height:76px;border-radius:50%;background:rgba(255,183,3,.95);
  display:flex;align-items:center;justify-content:center;box-shadow:0 8px 26px rgba(0,0,0,.35)}
.player .play svg{width:26px;height:26px;margin-left:4px;fill:var(--navy)}
.player iframe{width:100%;height:100%;border:0}

.featured{display:grid;grid-template-columns:1.35fr 1fr;gap:44px;align-items:center}
@media(max-width:900px){.featured{grid-template-columns:1fr;gap:28px}}
.featured .tag{display:inline-block;background:var(--amber);color:var(--navy);font-weight:600;
  font-size:13px;letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;border-radius:20px;margin-bottom:14px}
.featured h2{font-size:32px;margin-bottom:12px}
.featured .who{color:var(--teal);font-weight:500;margin-bottom:16px}

/* how it works */
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:36px}
@media(max-width:860px){.cols{grid-template-columns:1fr}}
.col h4{color:var(--navy);margin-bottom:8px}
.col{border-top:3px solid var(--amber);padding-top:18px}

/* ============ ARC CARD ============
   Built once, used twice: this hub and the clinician's own bio page.
   Do not fork it per clinician or it drifts within a month. */
.arc{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;margin-bottom:28px}
.arc[open] .arc-head{border-bottom:1px solid var(--line)}
.arc-head{display:flex;gap:22px;align-items:center;padding:26px 28px;cursor:pointer;list-style:none}
.arc-head::-webkit-details-marker{display:none}
.arc-head:hover{background:var(--soft)}
.arc-head img{width:88px;height:88px;border-radius:50%;object-fit:cover;object-position:center top;flex:0 0 auto;background:var(--soft)}
.arc-head .who .series{font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:600;color:var(--teal)}
.arc-head .who h3{color:var(--navy);margin:2px 0 4px}
.arc-head .who .title{color:var(--charcoal);font-weight:500}
.arc-head .who .blurb{font-size:16px;margin-top:6px}
.arc-head .chev{margin-left:auto;flex:0 0 auto;color:var(--teal);font-size:26px;transition:.2s;align-self:flex-start}
.arc[open] .arc-head .chev{transform:rotate(180deg)}
@media(max-width:640px){.arc-head{flex-wrap:wrap;gap:16px;padding:20px}.arc-head img{width:64px;height:64px}.arc-head .chev{margin-left:0}}

.arc-body{padding:8px 28px 26px}
@media(max-width:640px){.arc-body{padding:8px 20px 22px}}
.ep{display:grid;grid-template-columns:44px 1fr auto;gap:18px;align-items:center;
  padding:16px 0;border-bottom:1px solid var(--line)}
.ep:last-of-type{border-bottom:0}
.ep .num{font-weight:700;color:var(--lightblue);font-size:20px;text-align:center}
.ep .t{color:var(--charcoal);font-weight:500;line-height:1.4}
.ep .t small{display:block;color:var(--gray);font-weight:400;font-size:14px;margin-top:3px}
.ep .go{white-space:nowrap}
@media(max-width:640px){.ep{grid-template-columns:32px 1fr;gap:12px}.ep .go{grid-column:2}}
.ep-soon{padding:16px 0 4px;color:var(--gray);font-style:italic}
.arc-foot{margin-top:20px;padding-top:20px;border-top:1px solid var(--line);display:flex;
  justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.arc-foot .meet{font-weight:500}

/* CTA band */
.ctaband{background:var(--navy);color:#fff;padding:76px 0}
.ctaband h2{color:#fff}
.ctaband .eyebrow{color:var(--amber)}
.ctaband p{color:#d7e8f0;font-size:19px}
.ctaband em{color:#fff;font-style:normal;font-weight:500}

/* Elementor bridge — Choose Better. */

/* The player sits in an HTML widget. The theme kit paints every <button>,
   so the facade needs two classes to stay a plain video frame. */
.elementor-widget-html .player,.elementor-widget-html .player:hover,
.elementor-widget-html .player:focus{background:var(--navy);padding:0;border:0;
  border-radius:14px;width:100%;color:inherit}
.elementor-widget-html .player img{border-radius:0}

/* Hero: words left, cover art and listen links right. */
.elementor .e-con.hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:56px;
  align-items:center;padding:0;--padding-top:0px;--padding-bottom:0px;
  --padding-left:0px;--padding-right:0px}
@media(max-width:900px){.elementor .e-con.hero-grid{grid-template-columns:1fr;gap:40px}}
.e-con.hero-text{gap:0;padding:0}
.hero-text>.elementor-widget{width:100%}
.hero .hero-text .cta-row{margin-top:24px}
.show-card{max-width:400px;margin-left:auto}
@media(max-width:900px){.show-card{margin:0;max-width:320px}}
.show-card img{width:100%;height:auto;border-radius:14px;
  box-shadow:0 22px 50px -20px rgba(0,0,0,.6)}
.show-card .listen-label{color:#bfe0ee;font-size:13px;letter-spacing:2px;
  text-transform:uppercase;font-weight:600;margin:22px 0 10px}
.show-card .listen{display:flex;gap:8px;flex-wrap:wrap}
.show-card .listen a{display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.35);
  color:#fff;border-radius:30px;padding:8px 14px;font-size:13.5px;font-weight:500;
  text-decoration:none;transition:.2s;white-space:nowrap}
.show-card .listen a:hover{background:rgba(255,255,255,.2);color:#fff}
.show-card .listen svg{width:18px;height:18px;fill:currentColor;flex:0 0 auto}
.show-card .listen-youtube svg{fill:#FF0000}
.show-card .listen-applepodcasts svg{fill:#B150E2}
.show-card .listen-spotify svg{fill:#1ED760}

/* Featured episode: two columns, video left. */
.elementor .e-con.featured{display:grid;grid-template-columns:1.35fr 1fr;
  gap:44px;align-items:center;padding:0;--padding-top:0px;--padding-bottom:0px;
  --padding-left:0px;--padding-right:0px}
@media(max-width:900px){.elementor .e-con.featured{grid-template-columns:1fr;gap:28px}}
.e-con.featured-text{gap:0;padding:0}
.featured-text>.elementor-widget{width:100%}
/* The mockup paints the pill on .tag itself. Here that is the widget wrapper,
   so move the paint to the title inside it, or it draws two pills. */
.featured .elementor-widget.tag{width:auto;align-self:flex-start;background:none;
  padding:0;margin:0;border-radius:0}
.featured .tag .elementor-heading-title{display:inline-block;background:var(--amber);
  color:var(--navy);font-size:13px;letter-spacing:1.5px;padding:6px 14px;
  border-radius:20px;margin-bottom:14px}
.featured h2.elementor-heading-title{font-size:32px;margin-bottom:12px;line-height:1.2}
/* The Groups sheet paints any .who as a white facilitator card. Not here. */
.featured .elementor-widget.who{display:block;max-width:none;margin:0 0 16px;
  border:0;padding:0;background:none;border-radius:0}
.featured .who *{color:var(--teal);font-weight:500;font-size:17px;
  text-transform:none;margin:0}
.featured .btn{width:auto;align-self:flex-start}

/* How the show works: three columns, amber rule on top. */
.elementor .e-con.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;
  margin-top:36px;padding:0;--padding-top:0px;--padding-bottom:0px;
  --padding-left:0px;--padding-right:0px}
@media(max-width:860px){.elementor .e-con.cols{grid-template-columns:1fr}}
.elementor .e-con.col{border-top:3px solid var(--amber);gap:8px;padding:18px 0 0;
  --padding-top:18px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}
.col .elementor-heading-title{color:var(--navy);font-size:20px}
.col p{margin:0}

/* Series cards. The Groups sheet styles a facilitator .who block, and the
   card header uses the same class name for its text column. Undo that here. */
.arc-head .who{display:block;margin:0;max-width:none;flex:1 1 auto;
  border:0;padding:0;background:none;border-radius:0}
.arc-head .who h3{text-transform:none}
.arc a.btn.outline{color:var(--teal)}
.arc a.btn.outline:hover{color:#fff}
.arc a.btn:not(.outline){color:#fff}
.e-con.arcs{gap:0;padding:0;margin-top:34px}

/* Centred blocks: the lead line and the button row sit in the middle. */
.center .lead,.center .lead *{margin-inline:auto}
.e-con.cta-row.center{justify-content:center}

/* The CTA band. Width works like .section. */
.e-con.ctaband{background:var(--navy);padding-block:76px}
.ctaband>.e-con-inner{max-width:1120px;margin-inline:auto;padding-inline:24px;width:100%}
.ctaband .elementor-heading-title{color:#fff}
.ctaband .eyebrow,.ctaband .eyebrow *{color:var(--amber)}
.ctaband p{color:#d7e8f0;font-size:19px}
.ctaband em{color:#fff;font-style:normal;font-weight:500}/* End custom CSS */