.elementor-kit-6{--e-global-color-primary:#161E41;--e-global-color-secondary:#708090;--e-global-color-text:#161E41;--e-global-color-accent:#61D79B;--e-global-color-7a59413:#0B4170;--e-global-color-4aa3725:#20985B;--e-global-color-184d89c:#FFFFFF;--e-global-color-e28c034:#2965A5;--e-global-color-a628b7c:#4C9E74;--e-global-color-1838304:#FFFFFF;--e-global-color-b161d9a:#CDD3E0;--e-global-color-d8c5048:#FFFFFF;--e-global-color-11cfdfe:#F8AB00;--e-global-color-2862b34:#E7F5FF;--e-global-color-f174a84:#C2E7FF;--e-global-color-c393f97:#F2F8FF;--e-global-color-29fd12f:#F2F5F8;--e-global-color-f290595:#DFE5EE;--e-global-color-70bef2f:#005AB9;--e-global-color-f17c716:#3D8CDF;--e-global-color-99450e9:#50B481;--e-global-color-195f421:#43A372;--e-global-color-6d51bc4:#4C9E74;--e-global-color-d33b07b:#2965A5;--e-global-typography-primary-font-family:"Assistant";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Assistant";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Assistant";--e-global-typography-text-font-size:1.125rem;--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Assistant";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-size:1.125rem;font-weight:500;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#E0E0E0;font-size:1rem;color:var( --e-global-color-text );border-radius:6px 6px 6px 6px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-4aa3725 );color:var( --e-global-color-text );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-4aa3725 );}.elementor-kit-6 a:hover{color:var( --e-global-color-text );}.elementor-kit-6 h2{font-size:1.4rem;}.elementor-kit-6 h4{font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1210px;}.e-con{--container-max-width:1210px;}.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-6 h2{font-size:1.5rem;}.elementor-kit-6 h4{font-size:1.25rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html,
body {
    min-height: 100%;
    
     overflow-x: hidden;
}

body {
    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.70),
            rgba(255, 255, 255, 0.70)
        ),
        url("https://drdavidshalom.com/wp-content/uploads/2026/08/4459.webp") !important;

    background-position:
        top left,
        top left !important;

    background-repeat:
        repeat,
        repeat !important;

    background-size:
        auto,
        auto !important;

    background-attachment:
        scroll,
        scroll !important;
}


#page,
.site,
.site-content,
.elementor-location-single,
.elementor-location-archive {
    background-color: transparent !important;
}



.underline-hover:hover {
  text-decoration: underline;
}



/* קונטיינר עם גלילה פנימית */
.scroll-content-box {
  max-height: 620px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 16px;
  padding-right: 10px;
  direction: rtl;
  scrollbar-gutter: stable;
}

/* עיצוב פס גלילה - Chrome / Edge / Safari */
.scroll-content-box::-webkit-scrollbar {
  width: 8px;
}

.scroll-content-box::-webkit-scrollbar-track {
  background: #eeeeee;
  border-radius: 20px;
}

.scroll-content-box::-webkit-scrollbar-thumb {
  background: #b7b7b7;
  border-radius: 20px;
}

.scroll-content-box::-webkit-scrollbar-thumb:hover {
  background: #8f8f8f;
}

/* Firefox */
.scroll-content-box {
  scrollbar-width: thin;
  scrollbar-color: #b7b7b7 #eeeeee;
}

/* טאבלט */
@media (max-width: 1024px) {
  .scroll-content-box {
    max-height: 520px;
  }
}

/* מובייל */
@media (max-width: 767px) {
  .scroll-content-box {
    max-height: 420px;
  }
}







/* =========================================
   FileBird Simple PDF List
   עיצוב רשימת קבצים נקייה
   ========================================= */

/* בסיס כללי */
.docs-list-design .simple-filebird-list {
  direction: rtl;
  text-align: right;
  width: 100%;
  padding: 0;
  margin: 0;
}

/* הסרת בולטים / עיגולים */
.docs-list-design .simple-filebird-list ul,
.docs-list-design .simple-filebird-list li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.docs-list-design .simple-filebird-list li::marker,
.docs-list-design .simple-filebird-list li::before {
  content: none !important;
  display: none !important;
}

/* רווח בין הקבצים */
.docs-list-design .simple-filebird-list li {
  margin-bottom: 10px !important;
}

.docs-list-design .simple-filebird-list li:last-child {
  margin-bottom: 0 !important;
}

/* קישור כללי */
.docs-list-design .simple-filebird-list a {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: var(--e-global-color-text, inherit) !important;
  font-size: px;
  line-height: 1.45;
  font-weight: 500;
  text-decoration: none !important;
  transition: none;
}

/* במעבר עכבר — לא משנה צבע */
.docs-list-design .simple-filebird-list a:hover {
  color: var(--e-global-color-text, inherit) !important;
  text-decoration: none !important;
}

/* הטקסט עצמו */
.docs-list-design .simple-filebird-list .doc-title {
  flex: 1;
  color: var(--e-global-color-text, inherit) !important;
  text-align: right;
  text-decoration: none !important;
}

/* במעבר עכבר — קו תחתון רק מתחת לטקסט */
.docs-list-design .simple-filebird-list a:hover .doc-title {
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

/* האייקון לא מקבל קו תחתון */
.docs-list-design .simple-filebird-list .doc-icon {
  text-decoration: none !important;
  flex: 0 0 auto;
}

/* =========================================
   אופציה 1 — חץ קטן
   להשתמש ב-class:
   docs-list-design docs-arrow
   ========================================= */

.docs-arrow .simple-filebird-list .doc-icon {
  color: #20985B !important;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 700;
  margin-top: 0;
}



/* =========================================
   מובייל
   ========================================= */

@media (max-width: 767px) {
  .docs-list-design .simple-filebird-list a {
    font-size: 15px;
    line-height: 1.4;
    gap: 6px;
  }

  .docs-list-design .simple-filebird-list li {
    margin-bottom: 3px !important;
  }

  .docs-arrow .simple-filebird-list .doc-icon {
    font-size: 15px;
  }

  
}



/* מעטפת ווידג'ט ה-PDF */
.pdf-loading-screen {
    position: relative;
    min-height: 500px;
    isolation: isolate;
}

/* מסך הטעינה */
.pdf-loading-screen .ep-pdf-loader-screen {
    position: absolute;
    inset: 0;
    z-index: 999;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 100%;
    padding: 30px;

    direction: rtl;
    text-align: center;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f7f8fa 100%
        );

    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transition:
        opacity 0.4s ease,
        visibility 0.4s ease;
}

/* עיגול הטעינה */
.pdf-loading-screen .ep-pdf-loader-spinner {
    width: 50px;
    height: 50px;
    margin-bottom: 20px;

    border: 4px solid #dfe4ea;
    border-top-color: #071c3d;
    border-radius: 50%;

    animation: ep-pdf-loader-spin 0.8s linear infinite;
}

@keyframes ep-pdf-loader-spin {
    to {
        transform: rotate(360deg);
    }
}

/* כותרת */
.pdf-loading-screen .ep-pdf-loader-title {
    margin: 0 0 8px;

    color: #071c3d;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.35;
}

/* טקסט */
.pdf-loading-screen .ep-pdf-loader-text {
    max-width: 430px;
    margin: 0;

    color: #707782;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
}

/* פס טעינה עדין */
.pdf-loading-screen .ep-pdf-loader-bar {
    position: relative;

    width: 190px;
    height: 4px;
    margin-top: 24px;

    overflow: hidden;
    background: #e1e5ea;
    border-radius: 10px;
}

.pdf-loading-screen .ep-pdf-loader-bar::after {
    content: "";

    position: absolute;
    top: 0;
    right: -45%;

    width: 45%;
    height: 100%;

    background: #071c3d;
    border-radius: inherit;

    animation: ep-pdf-loader-bar 1.3s ease-in-out infinite;
}

@keyframes ep-pdf-loader-bar {
    0% {
        right: -45%;
    }

    100% {
        right: 100%;
    }
}

/* כאשר ה-PDF מוכן */
.pdf-loading-screen.ep-pdf-ready .ep-pdf-loader-screen {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* במצב עריכת אלמנטור לא להסתיר את הווידג'ט */
.elementor-editor-active
.pdf-loading-screen
.ep-pdf-loader-screen {
    display: none !important;
}

/* טאבלט */
@media (max-width: 1024px) {
    .pdf-loading-screen {
        min-height: 480px;
    }
}

/* מובייל */
@media (max-width: 767px) {
    .pdf-loading-screen {
        min-height: 420px;
    }

    .pdf-loading-screen .ep-pdf-loader-screen {
        padding: 25px 20px;
    }

    .pdf-loading-screen .ep-pdf-loader-spinner {
        width: 44px;
        height: 44px;
        margin-bottom: 18px;
    }

    .pdf-loading-screen .ep-pdf-loader-title {
        font-size: 20px;
    }

    .pdf-loading-screen .ep-pdf-loader-text {
        max-width: 290px;
        font-size: 14px;
        line-height: 1.65;
    }

    .pdf-loading-screen .ep-pdf-loader-bar {
        width: 155px;
        margin-top: 20px;
    }
}



/* ==================================================
   טאבים לקורס – עיצוב מלא
   הקלאס שיש להוסיף לכל ווידג'ט: course-tabs
   ================================================== */


/* ---------- כותרות כל הטאבים ---------- */

.course-tabs .e-n-tab-title,
.course-tabs .e-n-tab-title .e-n-tab-title-text {
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.3;
    transition:
        font-size 0.25s ease,
        font-weight 0.25s ease,
        box-shadow 0.25s ease;
}


/* ---------- כותרת הטאב הפעיל ---------- */

.course-tabs .e-n-tab-title[aria-selected="true"],
.course-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
    font-size: 22px !important;
    font-weight: 700 !important;
}


/* ---------- תיבת התוכן של הטאב ---------- */

.course-tabs .e-n-tabs-content {
    position: relative;
    z-index: 1;
    background-color: #ffffff;
    box-shadow: 0 8px 25px rgba(7, 32, 75, 0.14);
}


/* ---------- מאפשר לצל ולצ'ופצ'יק לצאת מגבולות הטאב ---------- */

.course-tabs .e-n-tabs-heading,
.course-tabs .e-n-tab-title {
    overflow: visible !important;
}


/* ---------- עיצוב הטאב הפעיל ---------- */

.course-tabs .e-n-tab-title[aria-selected="true"] {
    position: relative;
    z-index: 3;
    overflow: visible !important;
    background-color: #ffffff !important;
    box-shadow: 0 8px 25px rgba(7, 32, 75, 0.14);
}


/* ---------- הצ'ופצ'יק בדסקטופ ---------- */
/* יוצא מצד שמאל של הטאב הפעיל לכיוון התוכן */

.course-tabs .e-n-tab-title[aria-selected="true"]::after {
    content: "";
    position: absolute;

    top: 50%;
    left: -14px;

    width: 0;
    height: 0;

    transform: translateY(-50%);

    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 14px solid #ffffff;
    border-left: 0;

    pointer-events: none;

    filter:
        drop-shadow(-3px 2px 2px rgba(7, 32, 75, 0.08));
}


/* ==================================================
   מובייל
   ================================================== */

@media (max-width: 767px) {

    /* הצ'ופצ'יק עובר לתחתית הטאב הפעיל */

    .course-tabs .e-n-tab-title[aria-selected="true"]::after {
        top: auto;
        left: auto;

        right: 25px;
        bottom: -14px;

        transform: none;

        border-top: 14px solid #ffffff;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
        border-bottom: 0;

        filter:
            drop-shadow(0 3px 2px rgba(7, 32, 75, 0.08));
    }
}





/* ==========================================================
   כרטיסי Loop עם תמונה שיוצאת מאחורי הקונטיינר
   ========================================================== */


/* ==========================================================
   1. הגדרות כלליות של הכרטיס
   ========================================================== */

.folder-card {
    /* צבע הרקע של הכרטיס */
    --folder-background: #306EAD00;

    /* גודל ברירת מחדל של התמונה */
    --folder-image-width: 58%;

    /*
     * כמה התמונה תעלה למעלה.
     * מספר גדול יותר = התמונה תצא יותר.
     */
    --folder-image-lift: -62%;

    position: relative !important;
    z-index: 1;
    isolation: isolate;

    /*
     * חייב להיות visible כדי שהתמונה תוכל לצאת
     * מחוץ לחלק העליון של הכרטיס.
     */
    overflow: visible !important;

    background-color: var(--folder-background) !important;
}


/* ==========================================================
   2. התמונה הדקורטיבית
   ========================================================== */

.folder-card::before {
    content: "";

    position: absolute;
    top: 0;
    left: 50%;

    width: var(--folder-image-width);
    aspect-ratio: 1 / 1;

    background-image: var(--folder-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    /*
     * במצב הרגיל התמונה נמצאת בתוך הכרטיס.
     * שכבת הכיסוי הכחולה מסתירה אותה.
     */
    transform: translate(-50%, 0);
    opacity: 0;

    z-index: 0;
    pointer-events: none;

    will-change: transform, opacity;

    transition:
        transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.15s ease;
}


/* ==========================================================
   3. שכבה כחולה שמסתירה את התמונה בתוך הכרטיס
   ========================================================== */

/*
 * התמונה נמצאת מתחת לשכבה הזאת.
 * לכן בזמן העלייה לא רואים אותה עוברת מעל הכרטיס.
 * רואים אותה רק כאשר היא יוצאת מעל הקצה העליון.
 */

.folder-card::after {
    content: "";

    position: absolute;
    inset: 0;

    background-color: var(--folder-background);
    border-radius: inherit;

    z-index: 1;
    pointer-events: none;
}


/* ==========================================================
   4. הכותרת והקישור נשארים מעל הכול
   ========================================================== */

.folder-card > * {
    position: relative !important;
    z-index: 2 !important;
}


/* ==========================================================
   5. האנימציה במעבר עכבר
   ========================================================== */

.folder-card:hover::before,
.folder-card:focus-within::before {
    opacity: 1;

    transform:
        translate(
            -50%,
            var(--folder-image-lift)
        );
}


/* ==========================================================
   6. תיקון ל־Elementor Loop Grid
   ========================================================== */

/*
 * כל האלמנטים שעוטפים את הלולאה חייבים לאפשר
 * לתמונה לצאת מחוץ לגבולות הפריט.
 */

.folder-loop,
.folder-loop > .elementor-widget-container,
.folder-loop .elementor-loop-container,
.folder-loop .elementor-grid,
.folder-loop .e-loop-item,
.folder-loop .e-loop-item > .elementor,
.folder-loop .e-loop-item > .elementor > .e-con {
    overflow: visible !important;
}


/* כל פריט בלולאה מקבל שכבת גובה משלו */

.folder-loop .e-loop-item {
    position: relative;
    z-index: 1;
}


/* הפריט שעליו עוברים עולה מעל שאר הפריטים */

.folder-loop .e-loop-item:hover,
.folder-loop .e-loop-item:focus-within {
    z-index: 50;
}


/* ==========================================================
   7. תמונה ללולאת הקורסים
   ========================================================== */

.folder-loop-courses .folder-card {
    --folder-image:
        url("https://drdavidshalom.com/wp-content/uploads/2026/08/kurses.svg");

    --folder-image-width: 34%;
    --folder-image-lift: -42%;
}


/* ==========================================================
   8. תמונה ללולאה מהסוג השני
   ========================================================== */

.folder-loop-general .folder-card {
    --folder-image:
        url("https://drdavidshalom.com/wp-content/uploads/2026/08/Group.svg");

    --folder-image-width: 60%;
    --folder-image-lift: -62%;
}


/* ==========================================================
   9. תמונה ללולאת הסרטונים
   ========================================================== */

.folder-loop-videos .folder-card {
    --folder-image:
        url("https://drdavidshalom.com/wp-content/uploads/2026/08/video.svg");

    --folder-image-width: 56%;
    --folder-image-lift: -60%;
}


/* ==========================================================
   10. התאמה לטאבלט
   ========================================================== */

@media (max-width: 1024px) {

    .folder-card {
        --folder-image-width: 52%;
        --folder-image-lift: -58%;
    }
}


/* ==========================================================
   11. התאמה למובייל
   ========================================================== */

@media (max-width: 767px) {

    .folder-card {
        --folder-image-width: 46%;
        --folder-image-lift: -55%;
    }
}





/* ==========================================================
   התאמת אפקט התיקייה לקונטיינרים רגילים באלמנטור
   ========================================================== */


/* הקונטיינר הראשי שמחזיק את כל הכרטיסים */

.folder-grid,
.folder-grid > .e-con-inner,
.folder-grid .e-con-inner {
    position: relative;
    overflow: visible !important;
}


/* מאפשר לתמונה לצאת מעל כל כרטיס */

.folder-grid .folder-card {
    position: relative !important;
    overflow: visible !important;
    z-index: 1;
}


/* הכרטיס הפעיל עולה מעל שאר הכרטיסים */

.folder-grid .folder-card:hover,
.folder-grid .folder-card:focus-within {
    z-index: 50;
}


/* ==========================================================
   תמונת קורסים
   ========================================================== */

.folder-grid-courses .folder-card,
.folder-card.folder-card-courses {
    --folder-image:
        url("https://drdavidshalom.com/wp-content/uploads/2026/08/kurses.svg");

    --folder-image-width: 30%;
    --folder-image-lift: -42%;
}


/* ==========================================================
   תמונת תכנים / מסמכים
   ========================================================== */

.folder-grid-general .folder-card,
.folder-card.folder-card-general {
    --folder-image:
        url("https://drdavidshalom.com/wp-content/uploads/2026/08/Group.svg");

    --folder-image-width: 30%;
    --folder-image-lift: -42%;
}


/* ==========================================================
   תמונת סרטונים
   ========================================================== */

.folder-grid-videos .folder-card,
.folder-card.folder-card-videos {
    --folder-image:
        url("https://drdavidshalom.com/wp-content/uploads/2026/08/files.svg");

    --folder-image-width: 30%;
    --folder-image-lift: -42%;
}


/* =========================================
   רשימה מעוצבת בתוך ווידג'ט עורך טקסט
   class: text-docs-list
   ========================================= */

/* כיוון כללי */
.text-docs-list {
  direction: rtl;
  text-align: right;
  width: 100%;
}

/* איפוס הרשימה */
.text-docs-list ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* כל שורה ברשימה */
.text-docs-list ul li {
  position: relative;
  margin: 0 0 10px 0 !important;
  padding: 0 20px 0 0 !important;

  color: var(--e-global-color-text, inherit);
  font-size: 18px;
  line-height: 1.45;
  font-weight: 500;
}

/* ביטול הרווח בשורה האחרונה */
.text-docs-list ul li:last-child {
  margin-bottom: 0 !important;
}

/* החץ הירוק */
.text-docs-list ul li::before {
  content: "»";
  position: absolute;
  top: 0;
  right: 0;

  color: #20985B;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 700;
}

/* עיצוב הקישור */
.text-docs-list ul li a {
  color: var(--e-global-color-text, inherit) !important;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  text-decoration: none !important;
  transition: none;
}

/* במעבר עכבר — אין שינוי צבע */
.text-docs-list ul li a:hover {
  color: var(--e-global-color-text, inherit) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

/* =========================================
   מובייל
   ========================================= */

@media (max-width: 767px) {

  .text-docs-list ul li {
    margin-bottom: 3px !important;
    padding-right: 17px !important;
    font-size: 15px;
    line-height: 1.4;
  }

  .text-docs-list ul li::before {
    font-size: 15px;
    line-height: 1.4;
  }
}

/* עיצוב הרשימה באנגלית */
.text-docs-list-en {
  direction: ltr;
  text-align: left;
}

.text-docs-list-en ul li {
  padding-right: 0 !important;
  padding-left: 20px !important;
  text-align: left;
  direction: ltr;
}

.text-docs-list-en ul li::before {
  content: "»";
  right: auto;
  left: 0;
}

.text-docs-list-en ul li a {
  direction: ltr;
  text-align: left;
}

@media (max-width: 767px) {
  .text-docs-list-en ul li {
    padding-right: 0 !important;
    padding-left: 17px !important;
  }
}

/* מרווח בין שורות הרשימה */
.text-docs-list ul li {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  line-height: 1.5;
}

/* ללא מרווח אחרי הפריט האחרון */
.text-docs-list ul li:last-child {
  margin-bottom: 10px !important;
}

/* מובייל */
@media (max-width: 767px) {
  .text-docs-list ul li {
    margin-bottom: 4px !important;
    line-height: 1.6;
  }
}/* End custom CSS */