/*
active css v1.1
*/

/* Vertical margin, padding */
.ac_p-0 {
  padding: 0 !important;
}

.ac_pt-0 {
  padding-top: 0 !important;
}

.ac_pt-10 {
  padding-top: 10px !important;
}

.ac_pt-20 {
  padding-top: 20px !important;
}

.ac_pt-30 {
  padding-top: 30px !important;
}

.ac_pt-40 {
  padding-top: 40px !important;
}

.ac_pt-50 {
  padding-top: 50px !important;
}

.ac_pt-60 {
  padding-top: 60px !important;
}

.ac_pt-70 {
  padding-top: 70px !important;
}

.ac_pt-80 {
  padding-top: 80px !important;
}

.ac_pt-90 {
  padding-top: 90px !important;
}

.ac_pt-100 {
  padding-top: 100px !important;
}

.ac_pt-140 {
  padding-top: 140px !important;
}

.ac_pt-180 {
  padding-top: 180px !important;
}

.ac_pt-240 {
  padding-top: 240px !important;
}

.ac_pb-0 {
  padding-bottom: 1 !important;
}

.ac_pb-10 {
  padding-bottom: 10px !important;
}

.ac_pb-20 {
  padding-bottom: 20px !important;
}

.ac_pb-30 {
  padding-bottom: 30px !important;
}

.ac_pb-40 {
  padding-bottom: 40px !important;
}

.ac_pb-50 {
  padding-bottom: 50px !important;
}

.ac_pb-60 {
  padding-bottom: 60px !important;
}

.ac_pb-70 {
  padding-bottom: 70px !important;
}

.ac_pb-80 {
  padding-bottom: 80px !important;
}

.ac_pb-90 {
  padding-bottom: 90px !important;
}

.ac_pb-100 {
  padding-bottom: 100px !important;
}

.ac_pb-140 {
  padding-bottom: 140px !important;
}

.ac_pb-180 {
  padding-bottom: 180px !important;
}

.ac_pb-240 {
  padding-bottom: 240px !important;
}

.ac_m-0 {
  margin: 0 !important;
}

.ac_mt-0 {
  margin-top: 0 !important;
}

.ac_mt-10 {
  margin-top: 10px !important;
}

.ac_mt-20 {
  margin-top: 20px !important;
}

.ac_mt-30 {
  margin-top: 30px !important;
}

.ac_mt-40 {
  margin-top: 40px !important;
}

.ac_mt-50 {
  margin-top: 50px !important;
}

.ac_mt-60 {
  margin-top: 60px !important;
}

.ac_mt-70 {
  margin-top: 70px !important;
}

.ac_mt-80 {
  margin-top: 80px !important;
}

.ac_mb-0 {
  margin-bottom: 0 !important;
}

.ac_mb-10 {
  margin-bottom: 10px !important;
}

.ac_mb-20 {
  margin-bottom: 20px !important;
}

.ac_mb-30 {
  margin-bottom: 30px !important;
}

.ac_mb-40 {
  margin-bottom: 40px !important;
}

.ac_mb-50 {
  margin-bottom: 50px !important;
}

.ac_mb-60 {
  margin-bottom: 60px !important;
}

.ac_mb-70 {
  margin-bottom: 70px !important;
}

.ac_mb-80 {
  margin-bottom: 80px !important;
}


.ac_rel{
position relative;
}


@media only screen and (max-width: 991px) {
  .ac_mt-sm-0 {
    margin-top: 0 !important;
  }
  .ac_mt-sm-10 {
    margin-top: 10px !important;
  }
  .ac_mt-sm-20 {
    margin-top: 20px !important;
  }
  .ac_mt-sm-30 {
    margin-top: 30px !important;
  }
  .ac_mt-sm-40 {
    margin-top: 40px !important;
  }
  .ac_mt-sm-50 {
    margin-top: 50px !important;
  }
  .ac_mt-sm-60 {
    margin-top: 60px !important;
  }
  .ac_mt-sm-70 {
    margin-top: 70px !important;
  }
  .ac_mt-sm-80 {
    margin-top: 80px !important;
  }
  .ac_mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .ac_mb-sm-10 {
    margin-bottom: 10px !important;
  }
  .ac_mb-sm-20 {
    margin-bottom: 20px !important;
  }
  .ac_mb-sm-30 {
    margin-bottom: 30px !important;
  }
  .ac_mb-sm-40 {
    margin-bottom: 40px !important;
  }
  .ac_mb-sm-50 {
    margin-bottom: 50px !important;
  }
  .ac_mb-sm-60 {
    margin-bottom: 60px !important;
  }
  .ac_mb-sm-70 {
    margin-bottom: 70px !important;
  }
  .ac_mb-sm-80 {
    margin-bottom: 80px !important;
  }
}

@media only screen and (max-width: 767px) {
  .ac_mt-xs-0 {
    margin-top: 0 !important;
  }
  .ac_mt-xs-10 {
    margin-top: 10px !important;
  }
  .ac_mt-xs-20 {
    margin-top: 20px !important;
  }
  .ac_mt-xs-30 {
    margin-top: 30px !important;
  }
  .ac_mt-xs-40 {
    margin-top: 40px !important;
  }
  .ac_mt-xs-50 {
    margin-top: 50px !important;
  }
  .ac_mt-xs-60 {
    margin-top: 60px !important;
  }
  .ac_mt-xs-70 {
    margin-top: 70px !important;
  }
  .ac_mt-xs-80 {
    margin-top: 80px !important;
  }
  .ac_mb-xs-0 {
    margin-bottom: 0 !important;
  }
  .ac_mb-xs-10 {
    margin-bottom: 10px !important;
  }
  .ac_mb-xs-20 {
    margin-bottom: 20px !important;
  }
  .ac_mb-xs-30 {
    margin-bottom: 30px !important;
  }
  .ac_mb-xs-40 {
    margin-bottom: 40px !important;
  }
  .ac_mb-xs-50 {
    margin-bottom: 50px !important;
  }
  .ac_mb-xs-60 {
    margin-bottom: 60px !important;
  }
  .ac_mb-xs-70 {
    margin-bottom: 70px !important;
  }
  .ac_mb-xs-80 {
    margin-bottom: 80px !important;
  }
}

/*מיועד ללוגו*/
.ac_logo_small {
width: 154px;
object-fit: cover;
}


/*התאמת צילום למסגרת נתונה*/
.ac_img_cover {
  width: 100%;
  object-fit:cover;
}
/*for full page vertical gallery*/
.ac_img_cover_2 {
  background-repeat: no-repeat;
  background-size: cover;
  background-origin: center center;
}




/*
ישור אמצע ורטיקאלי
*/
.VERTcenter {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*border: 3px solid green;*/
  /*text-align: center;*/
  }


/*
מיועד לבלוג.
איטם אחרון - יופיע ראשון
שורה אחרונה מיושרת לאמצע
באתרים מבוססי אנגלית שורה 331 עשויה לקלקל (עכשיו זה כבר לא 331)
*/
.ac_flex_blog1 {
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-wrap: wrap-reverse; /*last will be first*/
  flex-direction: row-reverse; /*from right to left*/
  /*background-color: lightgray;*/
}

.ac_flex_center {
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  /*flex-direction: row-reverse;*/ /*from right to left*/
  /*background-color: yellow;*/
  /*background-color: lightgray;*/
}



/*הצללה לתאים וצילומים*/
/*תאים: יש לצבוע את התא*/
.ac_box_shd1{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


/* תאים בסגנון wizard */
.ac_card_pad16 {
border-radius: 1px;
border-top: 5px solid rgb(68,77,142);
border-bottom: 1px solid rgba(68,77,142, 0.54);
-webkit-box-shadow: -1px 0 2px 0 rgba(0,0,0,0.12),1px 0 2px 0 rgba(0,0,0,0.12),0 1px 1px 0 rgba(0,0,0,0.24);
box-shadow:               -1px 0 2px 0 rgba(0,0,0,0.12),1px 0 2px 0 rgba(0,0,0,0.12),0 1px 1px 0 rgba(0,0,0,0.24);
padding: 16px;
background: rgba(212, 212, 212, 1);
}

.ac_card_pad16:hover {
-webkit-box-shadow: -2px 0 2px 0 rgba(0,0,0,0.16),2px 0 2px 0 rgba(0,0,0,0.16),0 2px 2px 0 rgba(0,0,0,0.23);
box-shadow: -2px 0 2px 0 rgba(0,0,0,0.16),2px 0 2px 0 rgba(0,0,0,0.16),0 2px 2px 0 rgba(0,0,0,0.23);
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -2px, 0);
}

/* צילום מצד לצד */
.ac_padding_220 {
padding: 220px 0 !important;
}

/* צביעת (מלל) בלבן */
.ac_force_white{
color: white !important;
}

/* התאמת צילום ל דיב */
/*
קוד לדוגמא
שים לב לזה שאנחנו משתמשים ב
height
<section>
    <div class="container">
        <div class="row col-sm-8 col-sm-offset-2"> 
            <div class="ac_imp_pos" style="height:180px; background-image: url(&quot;:::||:::&quot;);"></div> 
        </div>
    </div>
</section>         
*/
.ac_imp_pos {
position: relative;
min-height: 100%;
opacity: 1.0;
background-position: center;
background-size: cover;
/*background-color: lightGray; */
}

/* הגבלת מספר השורות בפראגראף. מיועד למקומות בהם יש ״קרא עוד...״ */
.ac_line_limit {
   overflow: hidden;
   text-overflow: ellipsis; // the ... at the point where the text is clamped.
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3; /* number of lines to show */
   line-height: 2.5ex; /* #em for each visible line */
   height: 7.5ex; /* 2.5ex for each visible line */
}

.ac_line_limit_Header {
   overflow: hidden;
   text-overflow: ellipsis; // the ... at the point where the text is clamped.
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1; /* number of lines to show */
   line-height: 3.5ex; /* #em for each visible line */
   height: 3.5ex; /* 2.5ex for each visible line */
}

.dh_line_limit1 {
   overflow: hidden;
   text-overflow: ellipsis; /* the ... at the point where the text is clamped. */
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1; /* number of lines to show */
   line-height: 2.5ex; /* #em for each visible line */
   height: 2.5ex; /* 2.5ex for each visible line */
}

.dh_line_limit2 {
   overflow: hidden;
   text-overflow: ellipsis; /* the ... at the point where the text is clamped. */
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; /* number of lines to show */
   line-height: 2.5ex; /* #em for each visible line */
   height: 4.6ex; /* 2.5ex for each visible line */
}

.dh_line_limit3 {
   overflow: hidden;
   text-overflow: ellipsis; /* the ... at the point where the text is clamped. */
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3; /* number of lines to show */
   line-height: 2.5ex; /* #em for each visible line */
   height: 7.2ex; /* 2.5ex for each visible line */
}

.dh_line_limit4 {
   overflow: hidden;
   text-overflow: ellipsis; /* the ... at the point where the text is clamped. */
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4; /* number of lines to show */
   line-height: 2.5ex; /* #em for each visible line */
   height: 9.8ex; /* 2.5ex for each visible line */
   }
  .dh_line_limit5 {
   overflow: hidden;
   text-overflow: ellipsis; /* the ... at the point where the text is clamped. */
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 5; /* number of lines to show */
   line-height: 2.5ex; /* #em for each visible line */
   height: 12.4ex; /* 2.5ex for each visible line */
   }
 
 
    



.ac_Iframe {
     position: relative;
     padding-bottom: 65.25%;
     padding-top: 30px;
     height: 0;
     //overflow: auto; 
     overflow: hidden;
     -webkit-overflow-scrolling:touch; //<<--- THIS IS THE KEY 
     border: solid grey 1px;
} 
.ac_Iframe iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     padding: 10px;
     background-color: white;
}

/*Middle Note*/
.bg_white{
background-color: white;
}
.ac_border_tb {
 border-top:    1px solid #aaa;
 border-bottom: 1px solid #aaa;
}
.nopadding {
   padding: 0 !important;
   margin:  0 !important;
}


/* 
משמש לסט ראשון בלוח הבקרה.
יתר הפרטים בתוכנה עצמה
 */
.dhBGclr00a{
 /*White / clear*/
/* background-color: hsl(0, 0%, 0%,0%); */
background-color: rgba(0, 0, 0, 0);
}
.dhBGclr01a{
/* background-color: hsl(0, 0%, 0%,8%); */
background-color: rgba(0, 0, 0, 0.08);
}
.dhBGclr02a{
/* background-color: hsl(0, 0%, 0%,16%); */
background-color: rgba(0, 0, 0, 0.16);
}
.dhBGclr03a{
/* background-color: hsl(0, 0%, 0%,25%); */
background-color: rgba(0, 0, 0, 0.25);
}
.dhBGclr04a{
/* background-color: hsl(0, 0%, 0%,33%); */
background-color: rgba(0, 0, 0, 0.33);
}
.dhBGclr05a{
/* background-color: hsl(0, 0%, 0%,42%); */
background-color: rgba(0, 0, 0, 0.42);
}
.dhBGclr06a{
/* background-color: hsl(0, 0%, 0%,50%); */
background-color: rgba(0, 0, 0, 0.5);
}
.dhBGclr07a{
/* background-color: hsl(0, 0%, 0%,58%); */
background-color: rgba(0, 0, 0, 0.58);
}
.dhBGclr08a{
/* background-color: hsl(0, 0%, 0%,65%); */
background-color: rgba(0, 0, 0, 0.65);
}
.dhBGclr09a{
/* background-color: hsl(0, 0%, 0%,75%); */
background-color: rgba(0, 0, 0, 0.75);
}
.dhBGclr10a{
/* background-color: hsl(0, 0%, 0%,82%); */
background-color: rgba(0, 0, 0, 0.82);
}
.dhBGclr11a{
/*Black*/
/* background-color: hsl(0, 0%, 0%,92%);  */
background-color: rgba(0, 0, 0, 0.92);
}


.dhBG-trans{
/* רקע שקוף  */
background-color: transparent!important;
}

.dhBG-white{
/* רקע לבן  */
background-color: #fff!important;
}

.dhBG-light{
/* רקע אפור בהיר (כמעט לבן)  */
background-color: #efefef!important;
}

.dhBG-gray{
/*  רקע אפור   */
background-color: #6c757d!important;
}

.dhBG-dark{
/*  רקע אפור כהה  */
background-color: #343a40!important;
}




.dh_shadow01 {
  /*position: relative;*/
  -moz-box-shadow:    0px 01px 8px rgba(0, 0, 0,0.5);
  -webkit-box-shadow: 0px 01px 8px rgba(0, 0, 0, .5);
  box-shadow:         0px 01px 8px rgba(0, 0, 0, .5);
  /*padding: 00px;*/
  /*background: white;*/
}

.dh_shadowNO {
  /**/
}

.XXXdh_shadow03 {
  /*position: relative;*/
  -moz-box-shadow:    0px 03px 8px rgba(0, 0, 0,0.5);
  -webkit-box-shadow: 0px 03px 8px rgba(0, 0, 0, .5);
  box-shadow:         0px 03px 8px rgba(0, 0, 0, .5);
  /*padding: 00px;*/
  /*background: white;*/
}

.XXXdh_shadow05 {
  /*position: relative;*/
  -moz-box-shadow:    0px 05px 12px rgba(0, 0, 0,0.5);
  -webkit-box-shadow: 0px 05px 12px rgba(0, 0, 0, .5);
  box-shadow:         0px 05px 12px rgba(0, 0, 0, .5);
  /*padding: 00px;*/
  /*background: white;*/
}

.XXXdh_shadow09 {
  /*position: relative;*/
  -moz-box-shadow:    0px 09px 28px rgba(0, 0, 0,0.5);
  -webkit-box-shadow: 0px 09px 28px rgba(0, 0, 0, .5);
  box-shadow:         0px 09px 28px rgba(0, 0, 0, .5);
  /*padding: 00px;*/
  /*background: white;*/
}

/* החלפת הצללות במקום הנ״ל */
.dh_shadow03 {
  box-shadow: 0 1px 1px rgba(0,0,0,0.05), 
              0 2px 2px rgba(0,0,0,0.06), 
              0 4px 4px rgba(0,0,0,0.07), 
              0 8px 8px rgba(0,0,0,0.08);
}

.dh_shadow06 {
  box-shadow: 0 1px 1px rgba(0,0,0,0.05), 
              0 2px 2px rgba(0,0,0,0.07), 
              0 4px 4px rgba(0,0,0,0.09), 
              0 8px 8px rgba(0,0,0,0.12),
              0 16px 16px rgba(0,0,0,0.12);
}

.dh_shadow09 {
  box-shadow: 0 1px 1px rgba(0,0,0,0.05), 
              0 2px 2px rgba(0,0,0,0.07), 
              0 4px 4px rgba(0,0,0,0.09), 
              0 8px 8px rgba(0,0,0,0.11), 
              0 16px 16px rgba(0,0,0,0.11), 
              0 32px 32px rgba(0,0,0,0.11),
              0 64px 64px rgba(0,0,0,0.05);
}

/* 
פותר את הבעיה של הצללה בין משטחים צבועים
*/ 
.dh_shadow01, .dh_shadow03, .dh_shadow06, .dh_shadow09 {
  /*position: relative;*/
  z-index: 10;
}

/* תלאי גס בכל הקשור לצילום במעבד תמלילים והריווח סביבו. */
.note-float-right {
/*   float: right; */
  margin-left:10px;
  margin-bottom: 6px;
}
.note-float-left {
/*   float: left; */
  margin-right:10px;
  margin-bottom: 6px;
}

/*--------------------------------------------------------------
	Preloader 
--------------------------------------------------------------*/
.page-loader {
  position: fixed;
  background: #000;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9998;
}

.loader {
  position: absolute;
  border-right: 2px solid #ffffff;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-left: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  height: 46px;
  width: 46px;
  right: 50%;
  top: 50%;
  margin: -23px -23px 0 0;
  text-indent: -9999em;
  font-size: 10px;
  z-index: 9999;
  -webkit-animation: load 0.8s infinite linear;
  -moz-animation: load 0.8s infinite linear;
  ms-animation: load 0.8s infinite linear;
  o-animation: load 0.8s infinite linear;
  animation: load 0.8s infinite linear;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 46px;
  height: 46px;
}

@-webkit-keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
/*--------------------------------------------------------------
	Preloader  END
--------------------------------------------------------------*/


/* שיכתוּב סדר רכיבים */
/* לשימוש ברכיבים מוּרכּבים  */
/* כאשר יש צורך לשמור על סדר מסויים אחרי שהמסך מוּקטן */

@media only screen and (max-width: 992px) {
    .DH_first_lg {
        order: 1;
    }
    .DH_second_lg {
        order: 2;
    }
    .DH_third_lg {
        order: 3;
    }
    .DH_fourth_lg {
        order: 4;
    }

}

/*הפעלה וכיבוי רכיבים במעבר למובייל*/
@media only screen and (max-width: 768px) {
/*כיבוי רכיב רגיל*/
    .DH_HIDE_when_Mo {
        display: none;
    }
}
@media only screen and (min-width: 769px) {
    /*רכיב המיועד למובייל*/
    .DH_SHOW_when_Mo {
        display: none;
    }
}



/*
יצירת div  בפופורציה
הפעולה היא דוּ שלבית
<div class="DH_ratio_part_a1"> 
<div class="DH_ratio_part_b rounded ac_imp_pos" style="background-image: url(&quot;:::||:::&quot;);"  title=":::|imgALT|:::"></div>
</div>

יש כאן כמה פרופורציות שניתן לעבוד איתן...

*/
.DH_ratio_part_a1 {
   /*background-color: red;*/
   width: 100%;
   padding-top: 100%; 
}

.DH_ratio_part_a2 {
   /*background-color: red;*/
   width: 100%;
   padding-top: 75%; /* 4:3 */
}
.DH_ratio_part_a3 {
   /*background-color: red;*/
   width: 100%;
   padding-top: 66.66%; /* 3:2 */
}
.DH_ratio_part_a4 {
   /*background-color: red;*/
   width: 100%;
   padding-top: 62.5%; /* 8:5 */
}
.DH_ratio_part_a5 {
   /*background-color: red;*/
   width: 100%;
   padding-top: 56.25%; /* 16:9 */
}
.DH_ratio_part_b {
   position:  absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
}


/*מיועד לצילומי כוורת ליצירת מרווח מזערי בין תמונה לתמונה*/
.dh_img_gap_3 {
  /*border: 1px solid gray;*/
  margin: 0px 3px;
  /*background-color: lightblue;*/
}

/* מיקום כתובית בצילום רגיל */
.ImgBottomLbl {
  position: absolute;
  bottom: 20px;
  margin: 10px;
}


/* הרחבות למעבד תמלילים: עמודות + רוחב בין עמודות */
/*נא להוסיף קונטרול ללוח הבקרה ולאפשר סרגל + צבע + סוג*/
.newspaper2 {
  column-count: 2;
  column-rule: 1px dotted lightgray;
 }
.newspaper3 {
  column-count: 3;
  column-rule: 1px dotted lightgray;
}
.newspaper4 {
  column-count: 4;
  column-rule: 1px dotted lightgray;
}
.newspaper5 {
  column-count: 5;
  column-rule: 1px dotted lightgray;
}
.newspaperCP20 {
  column-gap: 20px;
 }
.newspaperCP30 {
  column-gap: 30px;
 }
.newspaperCP40 {
  column-gap: 40px;
 }

/* המצבים כאשר העמוד נפתח בטלפון */
@media only screen and (max-width: 768px) {
  .newspaper {
    column-count: 1;
    column-gap: 0px;
    column-rule: none;
  }
  .newspaper2 {
    column-count: 1;
    column-gap: 0px;
    column-rule: none;
  }
  .newspaper3 {
    column-count: 1;
    column-gap: 0px;
    column-rule: none;
  }
  .newspaper4 {
    column-count: 1;
    column-gap: 0px;
    column-rule: none;
  }
  .newspaper5 {
    column-count: 1;
    column-gap: 0px;
    column-rule: none;
  }
}

/* במעבד תמלילים: ישור אמצע של השורה האחרונה */
.JustLastCenter{
text-align: justify;
-moz-text-align-last: center;
text-align-last: center;
}



/* תיקון בריירת המחדל של בּוּט.
נמצא בשימוש בסגנונות הפנימיים */
.border,.border-top,.border-right,.border-bottom,.border-left {
    border-width:2px !important;
}

/*     תיקון scss של הפריימוורק */
/* הנמכת גובה השורה */
p {
    margin-bottom: -0.2rem !important;
}

.DH_row {
/* מתקן את ה row שמגיע עם הפריים וורק
שם המרגין ימין ושמאל עומדים על 15 פקסלים */
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px ;
  margin-left:  0px ;
 } 

/* סגנונות פנימיים */
.DHscale_No {
  
}
.DHscale_75 {
  transform: scale(0.75); 
}
.DHscale_50 {
  transform: scale(0.5); 
}
.DHscale_25 {
  transform: scale(0.25); 
}
.DHscale_15 {
  transform: scale(0.15); 
}

/* כפתרוים לניידים: אפיון המלל שמתחת לכפתור */
.moBtn1 {
    font-size: 70%;
    line-height: 50%;
    padding: 0px;
}


/* פירמוט המלל בסליידר */
.dh_sp_marg {
border-radius: 3px;
background-color:rgba(0,0,0,0.4);
/*border: 1px solid #4CAF50;*/
margin: 8px !important;
z-index: 9998;
}

.hd_sp_txt {
color: white !important;
font-size: 120%;
font-weight: bold;
line-height: 120%;
z-index: 9999;
}

/* הוספת צילום גרסה 2 */
.hd_sp_txt_v2 {
    color: white !important;
    font-size: 80%;
    font-weight: bold;
    line-height: 120%;
}

.dh_sp_marg_v2 {
    border-radius: 4px;
    background-color: rgba(0,0,0,0.4);
    /* border: 1px solid #4CAF50; */
    margin-top: 8px;
}


/*הקטנת הכותרות הגדולות במובייל*/
@media screen and (max-width: 768px) {
  .display-1 {
    font-size: 56px; /* 3.5rem = 56px */
  }
}
@media screen and (max-width: 768px) {
  .display-2 {
    font-size: 50px; 
  }
}
@media screen and (max-width: 768px) {
  .display-3 {
    font-size: 44px; 
  }
}
@media screen and (max-width: 768px) {
  .display-4 {
    font-size: 38px; /* h1 is 32px, h2 is 24 px */
  }
}





/* איפיונים לאנשי קשר (אקים) */
.team-card_akim {
padding-bottom: 16px;
}

.team-div_akim {
padding: 0px 4px 4px 4px;/*t l b r*/
background-color: rgba(255, 255, 255, 0.5)
}

.team-name_akim {
}

.team-role_akim {
font-size: 13px;
font-weight: bold;
letter-spacing: 2px;
opacity: 0.65;
}
/* סוף איפיון אנשי קשר אקים */

/*תיקון פינות עגולות לרכיבים הפנימיים. התיקון מתקן את bootstrap*/

.rounded-sm {
  border-radius: 0.3rem!important;
  overflow: hidden;
  position: relative; /*fix iOS*/
  height: 100%; /*fix iOS*/
}
.rounded-lg {
  border-radius: 0.7rem!important;
  overflow: hidden;
  position: relative; /*fix iOS*/
  height: 100%; /*fix iOS*/
}
.rounded-top {
  border-top-left-radius: 0.7rem!important;
  border-top-right-radius: 0.7rem!important;
  overflow: hidden;
  position: relative; /*fix iOS*/
  height: 100%; /*fix iOS*/
}
.rounded-bottom {
  border-bottom-right-radius: 0.7rem!important;
  border-bottom-left-radius: 0.7rem!important;
  overflow: hidden;
  position: relative; /*fix iOS*/
  height: 100%; /*fix iOS*/
}
.rounded-left {
  border-top-left-radius: 0.7rem!important;
  border-bottom-left-radius: 0.7rem!important;
  overflow: hidden;
  position: relative; /*fix iOS*/
  height: 100%; /*fix iOS*/
}
.rounded-right {
  border-top-right-radius: 0.7rem!important;
  border-bottom-right-radius: 0.7rem!important;
  overflow: hidden;
  position: relative; /*fix iOS*/
  height: 100%; /*fix iOS*/
}
.rounded-circle {
  border-radius: 50% !important;
  overflow: hidden;
  position: relative; /*fix iOS*/
  height: 100%; /*fix iOS*/
}

.rounded-pill {
  border-radius: $rounded-pill !important;
  overflow: hidden;
  position: relative; /*fix iOS*/
  height: 100%; /*fix iOS*/
}
/*סוף תיקון פינות עגולות*/



/*רכיב פאנורמה*/
.DHpano01 {
    width: 100%;
    height: 350px;
}
@media only screen and (max-width: 768px) {
.DHpano01 {
 height: 300px;
}
}
/*הגבההת רכיב*/
.DH-zTop {
  position: relative;
  z-index: 1000;
}

/* ביטול האיפיונים הויזואליים של קישורים */
/* מיועד (בעיקר) ל רכיב וול-סטריט */
.DH-a-none:link {
  text-decoration: none;
}
.DH-a-none:visited {
  text-decoration: none;
}
.DH-a-none:hover {
  text-decoration: none;
}
.DH-a-none:active {
  text-decoration: none;
}

/* DH Callout For Summernote
הבלטת מלל. יוצר רקע אפור בהיר + סרגל צידי בצבע הכותרת
מיועד לשילוב במעבד תמלילים (סאמרנוט)
ניתן לשימוש ב DIV
או במלל דוגמת <p> */

.DHcallout {
    margin: 15px 0px;
    padding: 20px;
    position: relative;
    border-radius: 4px;
    border: 1px solid #ffffff78;
    box-shadow: 0 0 5px 5px #ccc6; 
    background-color: rgba(0, 0, 0, 0.08);
    padding: 10px 10px;
    border-inline-start-width: 4px;
    border-inline-start-style: solid;
    border-inline-start-color: #566573;
}

.DH_Dotted {
    padding: 7px;
    position: relative;
    border-radius: 5px;
    border: 2px dotted #100e0e78;
    box-shadow: 0 0 5px 5px #ccc6;
    margin-bottom: 5px;
    margin-top: 5px;
    background-color: #ffffff47;
}
}

/* ישור טקסט בלוק + שורה אחרונה ממורכזת */
.justifyLCenter{
text-align: justify;
-moz-text-align-last: center;
text-align-last: center;
}

/* ישור טקסט בלוק רספונסיבי, משמע: במובייל שורה אחרונה ממורכזת */
.JLCr{
text-align: justify;
-moz-text-align-last: center;
}
@media screen and (max-width: 768px) {
.JLCr{
text-align-last: center;
}
}


/* הוספה גורפת של קו תחתי גלי בצבע הכותרת */
u {
text-decoration: underline;
text-decoration-style: wavy;
/* text-decoration-color: :::|userColor_0|:::;  */
text-decoration-color: #6b6b6b; 
}

/* ישור מלל במקום ימין שמאל התחלה וסיום
זה נעשה כדי שהישור יגיב טוב לגוגל טרנסלייט */
.taStart{
text-align: start;
}
.taEnd{
text-align: end;
}

/* מיועד למניו למסעדות גרסה 2 */

/* .DH_Menu_Start_Align */
.DH_MSA{
    text-align: start;
}
.headrNote{
padding-bottom: 7px;
border-bottom: 1px dotted gray;
}
.cellItem121{
padding-top: 12px;
}
.menuItem121 {
/* background-color: Cornsilk; */
}
.priceItem121 {
text-align: end;
font-size: 14px;
font-weight: bold;
/* background-color: MistyRose; */ 
}
.currency121:before{ 
content: '₪'; 
font-size: 12px;
font-weight: normal;
}
/* .currency121:after{ 
content: '.00'; 
font-size: 12px;
font-weight: normal;
} */
.noteItem121 {
font-size: 0.875em;
padding-top: 3px;
padding-bottom: 7px;
border-bottom: 1px dotted gray;
/* background-color: Beige; */
}
@media (direction: rtl) {
  /* התנהגות עבור שפה בכיוון RTL */
.cellItem121{
background-color: yellow;
}
}
@media (direction: ltr) {
  /* התנהגות עבור שפה בכיוון LTR */
.cellItem121{
background-color: red;
}
}

/* אלו קשורים לגרסה ה-3 */
/* מספר המנה במניו המודפס */
.dishItem121 {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border-radius: 150PX;
    background-color: #E8E8E8	;
}

/* מעלים את הרכיב אם הוא ריק */
.dishItem121:has(.dishNum121:empty) {
opacity: 0.0;
}
/* קידומת למספר המנה */
.dishNum121:before {
    content: '#';
    font-size: 12px;
    font-weight: bold;
}

/* סוף סטייל מניו מסעדות גרסה 2 */

/*
סדרה 044
הסגנון הבא משוייך לאקורדיאון באנאלי גרסי 2 (אק׳+מלל עשיר)
בנוסף לזה אנחנו נשתמש באותן הגדרות למניו מסעדה גרסה 3
ובמקרה זה הכוונה היא רק למעטפת של המניו
רכיבי המניו עצמם ככל הנראה יקבל ערכים פרטיים
*/
.divBTN044 {
    cursor:pointer;
    font-weight: 900;
}
.divBTN044:hover {
    background: rgba(0,0,0,0.16);
    box-shadow: 0 0 5px -1px rgba(0,0,0,0.6);
    border: none;
}
/* הסתרת הקו מסביב לכפתור בזמן פוקוס */
    .btn.focus, .btn:focus {
    outline: 0;    
    box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 0%);
}
.fontEx044{
    font-weight: 700 !important;
    color: :::|userColor_0|::: !important;
    font-size: 1.3rem;
    width: 100%;
    text-align: start;
}
.DHpad044 {
    padding: 0rem 0.25rem;
}
/* הרקע של ההידר (כפתור עליון) באקורדיאון */
.card-header044 {
    background-color: :::|userColor_3|:::ab;
}
.card-header044:hover {
    background-color: :::|userColor_3|:::;
}
/* תיקון רקע הכרטיס */
.BgClr044 {
    background-color: #ffffffc2;
}
 /*סוף סדרה 044 אקורדיאון + מניו אקורדיאון*/

/*תגיות*/
/*use in span*/
/*<p>Some text<span class="DHbadge01">345</span>more text</p>*/
.DHbadge01 {
  background-color: gray;
  color: white !important;
  font-weight: bold;
  padding: 0px 4px;
  text-align: center;
  border-radius: 4px;
  margin-inline-start: 4px;
  margin-inline-end: 4px;
}
/*Ignore if no content*/
.DHbadge01:empty {
  display: none;
}
/*
שינוי מאפיינים
לשימוש בעמוד עצמו
.DHbadge01 {
  background-color: red;
  color: black;
}
*/