.elementor-128321 .elementor-element.elementor-element-8862b67{--display:flex;--min-height:350px;--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;--justify-content:space-evenly;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3rem;--padding-bottom:3rem;--padding-left:10rem;--padding-right:10rem;}.elementor-128321 .elementor-element.elementor-element-8862b67:not(.elementor-motion-effects-element-type-background), .elementor-128321 .elementor-element.elementor-element-8862b67 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pama.co.il/wp-content/uploads/2026/02/Rectangle-13.webp");}.elementor-128321 .elementor-element.elementor-global-123005{font-family:var( --e-global-typography-text-font-family ), rubik;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-primary );}.elementor-128321 .elementor-element.elementor-global-123005 a{color:var( --e-global-color-secondary );}.elementor-128321 .elementor-element.elementor-global-123005 a:hover{color:var( --e-global-color-accent );}.elementor-128321 .elementor-element.elementor-element-f88de1f .elementor-heading-title{font-size:2.5rem;font-weight:400;color:var( --e-global-color-secondary );}.elementor-128321 .elementor-element.elementor-element-c77438b{font-size:1.5rem;font-weight:400;line-height:120%;color:var( --e-global-color-secondary );}.elementor-128321 .elementor-element.elementor-element-87919aa .elementor-button{background-color:var( --e-global-color-accent );font-size:1.25rem;font-weight:400;line-height:140%;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:25px 0px 25px 25px;padding:10px 030px 10px 30px;}.elementor-128321 .elementor-element.elementor-element-87919aa > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-128321 .elementor-element.elementor-element-b930d45{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:6.5rem;--padding-bottom:6.5rem;--padding-left:19rem;--padding-right:19rem;}.elementor-128321 .elementor-element.elementor-element-a7327b7{--grid-columns:3;--grid-row-gap:3rem;--grid-column-gap:3rem;}.elementor-128321 .elementor-element.elementor-element-a7327b7 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-128321 .elementor-element.elementor-element-a7327b7 .e-loop-item > .elementor-section, .elementor-128321 .elementor-element.elementor-element-a7327b7 .e-loop-item > .elementor-section > .elementor-container, .elementor-128321 .elementor-element.elementor-element-a7327b7 .e-loop-item > .e-con, .elementor-128321 .elementor-element.elementor-element-a7327b7 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}:root{--page-title-display:none;}@media(max-width:1367px){.elementor-128321 .elementor-element.elementor-global-123005{font-size:var( --e-global-typography-text-font-size );}.elementor-128321 .elementor-element.elementor-element-a7327b7{--grid-columns:2;}}@media(max-width:899px){.elementor-128321 .elementor-element.elementor-element-8862b67{--padding-top:10%;--padding-bottom:10%;--padding-left:2%;--padding-right:2%;}.elementor-128321 .elementor-element.elementor-global-123005{font-size:var( --e-global-typography-text-font-size );}.elementor-128321 .elementor-element.elementor-element-c77438b{font-size:1.25rem;}.elementor-128321 .elementor-element.elementor-element-b930d45{--padding-top:2rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-128321 .elementor-element.elementor-element-a7327b7{--grid-columns:1;--grid-row-gap:2rem;--load-more-message-alignment:center;--grid-column-gap:2rem;}.elementor-128321 .elementor-element.elementor-element-a7327b7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}







/* Start custom CSS *//*************************
hide now. for JS later use
****************************/
.hidden_for_popup{
  display: none;
}

/****************************
team popup display
****************************/

/* ===== Team Member Overlay Modal ===== */
#team-member-overlay{
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.90);
  z-index: 999999;

  /* JS toggles display */
  display: none;
  align-items: center;
  justify-content: center;

  /* animation base */
  opacity: 0;
  transition: opacity 1s ease-in; /* opening fade-in */
}

/* Open / Closing states */
#team-member-overlay.is-open{
  opacity: 1;
}

#team-member-overlay.is-closing{
  opacity: 0;
  transition: opacity 0.5s ease-out; /* closing fade-out */
}

/* outer padding: 13rem sides, 6rem top/bottom (responsive fallback added) */
#team-member-overlay .team-member-overlay__inner{
  width: 100%;
  height: 100%;
  padding: 6rem 13rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

/* Responsive fallback so it doesn’t break on smaller screens */
@media (max-width: 1200px){
  #team-member-overlay .team-member-overlay__inner{
    padding: 4rem 6rem;
  }
}
@media (max-width: 767px){
  #team-member-overlay .team-member-overlay__inner{
    padding: 2rem 1.25rem;
  }
}

/* Card */
#team-member-overlay .team-member-card{
  display: inline-flex;
  padding: 1.875rem;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;

  background: #232D6B;
  border-radius: 1.5rem;
  box-shadow: 0 10px 30px rgba(0,0,0,0.18);

  max-width: 920px;
  width: min(920px, 100%);
  max-height: 85vh;
  overflow: auto;

  direction: rtl;
  position: relative;

  /* animation (slight scale) */
  transform: scale(0.98);
  transition: transform 2s ease-in; /* opening */
}

/* Desktop requirements */
@media (min-width: 768px){
  #team-member-overlay .team-member-card{
    min-height: 65vh;
  }
}

/* Open / closing scale timing */
#team-member-overlay.is-open .team-member-card{
  transform: scale(1);
}

#team-member-overlay.is-closing .team-member-card{
  transform: scale(0.98);
  transition: transform 1s ease-out; /* closing */
}

/* Close button */
#team-member-overlay .team-member-card__close{
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 0;
  display: grid;
  place-items: center;
}

#team-member-overlay .team-member-card__close svg{
  display: block;
}

/* Hardening: ensure the button remains clickable */
#team-member-overlay .team-member-card__close,
#team-member-overlay .team-member-card__close *{
  pointer-events: auto;
}

/* Image
   Desktop: 20vw with a minimum width (so it won't get too small).
   We’ll cap it for sanity and keep a square.
*/
#team-member-overlay .team-member-card__image{
  width: 20vw;
  min-width: 220px;
  max-width: 320px;
  aspect-ratio: 1 / 1;

  border-radius: 2rem;
  object-fit: cover;
  background: #f1f1f1;
}

/* Mobile image sizing */
@media (max-width: 767px){
  #team-member-overlay .team-member-card__image{
    width: 70vw;
    min-width: 0;
    max-width: 320px;
  }
}

/* Title */
#team-member-overlay .team-member-card__title{
  color: var(--53-aff-8, #53AFF8);
  text-align: right;
  font-family: Rubik, sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin: 0;
}

/* Description */
#team-member-overlay .team-member-card__desc{
  color: var(--e-9-e-9-eb, #FFF);
  text-align: right;
  font-family: Rubik, sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin: 0;
}

/* When open, prevent background scroll */
html.team-member-overlay-open,
body.team-member-overlay-open{
  overflow: hidden !important;
}/* End custom CSS */
