.elementor-kit-8{--e-global-color-primary:#2F6F80;--e-global-color-secondary:#1D2B3A;--e-global-color-text:#1D2B3A;--e-global-color-accent:#D9A441;--e-global-color-paper:#F3F6F7;--e-global-color-cover-gold:#B8923E;--e-global-color-cover-ink:#88632B;--e-global-color-cream:#EBE8DC;--e-global-color-white:#FFFFFF;--e-global-typography-primary-font-family:"Heebo";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Heebo";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Assistant";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Assistant";--e-global-typography-accent-font-weight:700;background-color:#FFFFFF;color:#1D2B3A;font-family:"Assistant", Sans-serif;font-size:19px;font-weight:400;line-height:1.75em;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 h1{font-family:"Heebo", Sans-serif;font-weight:800;}.elementor-kit-8 h2{font-family:"Heebo", Sans-serif;font-weight:800;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1120px;}.e-con{--container-max-width:1120px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ilanit-david — לראות עם הלב. Kit custom CSS, generated into the kit by build_page.py.
   Palette: Adva's HTML (--ink #1d2b3a · --sea #2f6f80 · --gold #d9a441 · --paper #f3f6f7)
            + the cover, measured from the PDF (gold #b8923e · ink #88632b · cream ~#ebe8dc). WhatsApp #25D366.
   Fonts: Heebo headings / Assistant body (Lior's standing pair; Frank Ruhl Libre from the HTML is banned). */

body{background:#fff}
.idh-h2.idh-h2 .elementor-heading-title{font-family:Heebo,sans-serif;font-weight:800;font-size:38px;line-height:1.2;color:#1D2B3A}
@media (max-width:767px){.idh-h2.idh-h2 .elementor-heading-title{font-size:30px}}

/* ---------- buttons */
.idh-btn .elementor-button{font-family:Assistant,sans-serif;font-weight:700;font-size:19px;line-height:1.2;border-radius:10px;
  padding:16px 34px;min-height:52px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.idh-btn--gold .elementor-button{background:#D9A441;color:#1D2B3A}
.idh-btn--gold .elementor-button:hover,.idh-btn--gold .elementor-button:focus-visible{background:#E8B857;color:#1D2B3A;
  transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.22)}

/* ---------- hero: the photo; copy sits on the start (right) half, the heart stays clear at the bottom centre.
   Only the band the copy sits in is toned (memory: hero copy over photographs). */
.idh-hero{position:relative;min-height:max(100vh,760px);justify-content:center;background-position:center bottom!important}
.idh-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to left,rgba(12,26,36,.72) 0%,rgba(12,26,36,.55) 38%,rgba(12,26,36,0) 64%)}
.idh-hero__col{position:relative;z-index:1;width:min(520px,40%);margin-inline-start:max(5vw,32px);padding:64px 0 80px;gap:12px!important}
.idh-hero__col .elementor-widget{margin:0}
/* doubled classes: Elementor's global colour rules have the same specificity and load later (memory: double the class) */
.idh-hero .idh-hero__q.idh-hero__q .elementor-heading-title{font-family:Heebo,sans-serif;font-weight:800;font-size:44px;line-height:1.15;
  color:#fff;margin-top:12px;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.idh-hero .idh-hero__sub.idh-hero__sub,.idh-hero .idh-hero__lead.idh-hero__lead{color:#fff;font-size:20px;line-height:1.65;
  text-shadow:0 1px 8px rgba(0,0,0,.35)}
.idh-hero__sub p,.idh-hero__lead p,.idh-hero__from p{margin:0}
.idh-hero .idh-hero__from.idh-hero__from{color:#F0CB7C;font-size:16px;font-weight:700}
.idh-hero__lead strong{font-weight:700}
.idh-hero .idh-btn{margin-top:10px}

/* the cover's gold box: one gold rule with concave corners — gold layer + cream layer, both masked */
.idh-gold{--r:18px;--b:4px;background:#B8923E;padding:var(--b);max-width:520px;
  -webkit-mask:radial-gradient(circle at 0 0,#0000 var(--r),#000 calc(var(--r) + .5px)) top left/51% 51% no-repeat,
               radial-gradient(circle at 100% 0,#0000 var(--r),#000 calc(var(--r) + .5px)) top right/51% 51% no-repeat,
               radial-gradient(circle at 0 100%,#0000 var(--r),#000 calc(var(--r) + .5px)) bottom left/51% 51% no-repeat,
               radial-gradient(circle at 100% 100%,#0000 var(--r),#000 calc(var(--r) + .5px)) bottom right/51% 51% no-repeat;
          mask:radial-gradient(circle at 0 0,#0000 var(--r),#000 calc(var(--r) + .5px)) top left/51% 51% no-repeat,
               radial-gradient(circle at 100% 0,#0000 var(--r),#000 calc(var(--r) + .5px)) top right/51% 51% no-repeat,
               radial-gradient(circle at 0 100%,#0000 var(--r),#000 calc(var(--r) + .5px)) bottom left/51% 51% no-repeat,
               radial-gradient(circle at 100% 100%,#0000 var(--r),#000 calc(var(--r) + .5px)) bottom right/51% 51% no-repeat;
  filter:drop-shadow(0 8px 22px rgba(0,0,0,.3))}
.idh-gold__in{--rr:calc(var(--r) + var(--b));--o:calc(-1 * var(--b));background:#EBE8DC;padding:22px 30px 20px;text-align:center;
  -webkit-mask:radial-gradient(circle at var(--o) var(--o),#0000 var(--rr),#000 calc(var(--rr) + .5px)) top left/51% 51% no-repeat,
               radial-gradient(circle at calc(100% + var(--b)) var(--o),#0000 var(--rr),#000 calc(var(--rr) + .5px)) top right/51% 51% no-repeat,
               radial-gradient(circle at var(--o) calc(100% + var(--b)),#0000 var(--rr),#000 calc(var(--rr) + .5px)) bottom left/51% 51% no-repeat,
               radial-gradient(circle at calc(100% + var(--b)) calc(100% + var(--b)),#0000 var(--rr),#000 calc(var(--rr) + .5px)) bottom right/51% 51% no-repeat;
          mask:radial-gradient(circle at var(--o) var(--o),#0000 var(--rr),#000 calc(var(--rr) + .5px)) top left/51% 51% no-repeat,
               radial-gradient(circle at calc(100% + var(--b)) var(--o),#0000 var(--rr),#000 calc(var(--rr) + .5px)) top right/51% 51% no-repeat,
               radial-gradient(circle at var(--o) calc(100% + var(--b)),#0000 var(--rr),#000 calc(var(--rr) + .5px)) bottom left/51% 51% no-repeat,
               radial-gradient(circle at calc(100% + var(--b)) calc(100% + var(--b)),#0000 var(--rr),#000 calc(var(--rr) + .5px)) bottom right/51% 51% no-repeat}
.idh-gold__t{font-family:Heebo,sans-serif;font-weight:800;font-size:58px;line-height:1.05;color:#88632B;margin:0}
.idh-gold__s{font-family:Heebo,sans-serif;font-weight:700;font-size:17px;line-height:1.35;color:#88632B;margin:6px 0 10px}
.idh-gold__n{font-family:Heebo,sans-serif;font-weight:800;font-size:26px;line-height:1.1;color:#88632B;margin:0}

@media (max-width:1024px) and (min-width:768px){
  .idh-hero__col{width:min(560px,58%)}
  .idh-hero::before{background:linear-gradient(to left,rgba(12,26,36,.75) 0%,rgba(12,26,36,.5) 50%,rgba(12,26,36,0) 78%)}
}
/* mobile: the copy keeps the top band; the hands get their own band underneath (memory: desktop effects re-cast) */
@media (max-width:767px){
  .idh-hero{min-height:0;background-size:auto 46vh!important;background-position:center bottom!important;background-color:#3f6772;
    padding-bottom:44vh!important}
  .idh-hero::before{background:linear-gradient(to bottom,rgba(12,26,36,.8) 0%,rgba(12,26,36,.62) calc(100% - 46vh),rgba(12,26,36,0) calc(100% - 30vh))}
  .idh-hero__col{width:auto;margin:0;padding:40px 18px 8px;align-items:center;text-align:center}
  .idh-gold{--r:14px;margin-inline:auto}
  .idh-gold__in{padding:16px 18px 14px}
  .idh-gold__t{font-size:42px}
  .idh-gold__s{font-size:14.5px}
  .idh-gold__n{font-size:21px}
  .idh-hero__q .elementor-heading-title{font-size:32px}
  .idh-hero__sub,.idh-hero__lead{font-size:18px}
}

/* ---------- about the book: cover + the back-cover text */
.idh-about{background:#F3F6F7}
.idh-about__row{gap:56px!important;align-items:flex-start}
.idh-about__pic{flex:0 0 340px!important;width:340px!important;position:sticky;top:40px}
.idh-cover img{width:100%;height:auto;border-radius:4px;box-shadow:0 18px 40px rgba(29,43,58,.28),0 2px 6px rgba(29,43,58,.18)}
.idh-about__text{flex:1 1 0!important;min-width:0}
.idh-about .idh-about__body.idh-about__body{font-size:19px;line-height:1.8;color:#1D2B3A}
.idh-about__body p{margin:0 0 14px}
.idh-about__body strong{color:#88632B}
.idh-div{display:flex;align-items:center;gap:10px;margin:22px 0;color:#B8923E}
.idh-div span{flex:1;height:2px;background:currentColor;border-radius:2px;max-width:160px}
.idh-div svg{width:22px;height:19px;fill:currentColor;flex:none}
@media (max-width:767px){
  .idh-about__row{gap:32px!important;align-items:center}
  .idh-about__pic{position:static;flex:none!important;width:min(240px,70vw)!important}
  .idh-about__body{text-align:center;font-size:18px}
  .idh-div{justify-content:center}
}

/* ---------- quote */
.idh-quote-sec{background:#fff}
.idh-quote{max-width:760px;margin:0 auto;padding:6px 26px 6px 0;border-inline-start:4px solid #D9A441}
.idh-quote p{font-family:Heebo,sans-serif;font-weight:500;font-size:26px;line-height:1.55;color:#1D2B3A;margin:0 0 10px}
.idh-quote cite{font-style:normal;font-size:17px;color:#5B6B78}
@media (max-width:767px){
  .idh-quote{border-inline-start:0;border-top:4px solid #D9A441;padding:18px 4px 0;text-align:center;max-width:none}
  .idh-quote p{font-size:21px}
}

/* ---------- author */
.idh-author{background:#F3F6F7}
.idh-author__row{gap:26px!important;align-items:flex-start}
.idh-author__img{flex:0 0 132px!important;width:132px!important}
.idh-author__img img{width:132px;height:150px;object-fit:cover;object-position:center top;border-radius:14px;box-shadow:0 8px 20px rgba(29,43,58,.18)}
.idh-author .idh-author__p.idh-author__p{flex:1 1 0!important;font-size:19px;line-height:1.8}
.idh-author__p p{margin:0}
@media (max-width:767px){.idh-author__row{align-items:center}.idh-author__p{text-align:center}}

/* ---------- order */
.idh-order{background:#1D2B3A;text-align:center}
.idh-order .e-con-inner,.idh-order{align-items:center!important}
.idh-order .idh-order__h.idh-order__h .elementor-heading-title{color:#fff;text-align:center}
.idh-order__btn .elementor-button{font-size:21px;padding:18px 44px}

/* ---------- footer + credit */
.idh-footer{background:#152230;color:#C9D3DA;text-align:center}
.idh-footer .e-con-inner,.idh-footer{align-items:center!important}
.idh-footer p{margin:0;font-size:15px}
.idh-credit a{color:#F0CB7C;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:10px 2px}

/* ---------- floating WhatsApp: Adva asked for it big (Trello 20.10). Same edge as the earlier sites, one axis. */
.idh-wa-wrap{position:static}
.idh-wa{position:fixed;right:22px;bottom:24px;width:64px;height:64px;border-radius:50%;background:#25D366;display:grid;place-items:center;
  z-index:70;box-shadow:0 6px 18px rgba(0,0,0,.28);transition:transform .2s ease}
.idh-wa:hover,.idh-wa:focus-visible{transform:scale(1.08)}
.idh-wa svg{width:36px;height:36px}
@media (max-width:767px){.idh-wa{right:14px;bottom:16px;width:56px;height:56px}.idh-wa svg{width:31px;height:31px}}

/* ---------- motion: gentle, off for reduced motion */
@media (prefers-reduced-motion:no-preference){
  .idh-hero__col{animation:idh-in .8s ease both}
  @keyframes idh-in{from{opacity:0;transform:translateY(14px)}}
  @supports (animation-timeline:view()){
    /* not on .idh-about__row: it is taller than the viewport, its entry range never completes and it stayed at opacity 0 (measured 22.10) */
    .idh-quote,.idh-author__row{animation:idh-up .7s ease both;animation-timeline:view();animation-range:entry 0% entry 40%}
    @keyframes idh-up{from{opacity:0;transform:translateY(18px)}}
  }
}

/* footer copyright line: the text-editor widget takes the kit text colour unless doubled */
.idh-footer .idh-footer__c.idh-footer__c{color:#C9D3DA}/* End custom CSS */