/* =========================
   RTL GLOBAL FIX
   ========================= */

html {
  direction: rtl;
}

body {
  text-align: right;
    font-family: 'Alef', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Alef', sans-serif;
}

/* =========================
   HEADER FIX
   ========================= */

#header > .logo {
  left: auto;
  right: 1rem;
}

#header > nav {
  right: auto;
  left: 0;
}

#header > nav > ul {
  padding: 0 0 0 0.75rem;
}

#header > nav > ul > li {
  margin: 0 0.875rem;
}

/* current indicator */
#header > nav > ul > li.current:after {
  left: auto;
  right: -0.25rem;
}

/* dropdown alignment */
.dropotron {
  text-align: right;
}

.dropotron.level-0:before {
  right: auto;
  left: 2rem;
}

/* =========================
   BUTTONS / ICONS
   ========================= */
   
button, .button {
	 font-family: 'Alef', sans-serif;
}   

input[type="submit"].next:before,
input[type="reset"].next:before,
input[type="button"].next:before,
button.next:before,
.button.next:before {
  float: left;
  margin: 0 0.5rem 0  -0.25rem;
}

/* icon spacing fix */
.icon:before {
  margin-left: 0.5rem;
  margin-right: 0;
}

/* =========================
   FORMS
   ========================= */

form > .fields {
  margin: -1.5rem -1.5rem 2rem 0;
}

form > .fields > .field {
  padding: 1.5rem 1.5rem 0 0;
}

/* inputs alignment */
input,
select,
textarea {
  text-align: right;
}

/* checkbox / radio */
input[type="checkbox"] + label,
input[type="radio"] + label {
  padding-left: 0;
  padding-right: 2.55rem;
}

input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
  left: auto;
  right: 0;
}

/* =========================
   LISTS
   ========================= */

ol, ul {
  padding-left: 0;
  padding-right: 1.25rem;
}

/* =========================
   ACTIONS (buttons row)
   ========================= */

ul.actions {
  flex-direction: row-reverse;
}

ul.actions li {
  padding: 0 1rem 0 0;
}

/* stacked stays normal */
ul.actions.stacked {
  flex-direction: column;
}

/* =========================
   POST LAYOUT
   ========================= */

.post {
  direction: rtl;
}

.post > .content {
  padding: 5rem 0 5rem 4rem;
}

.post.alt > .content {
  padding: 5rem 4rem 5rem 0;
}

/* =========================
   IMAGE FLOAT FIX
   ========================= */

.image.left {
  float: right;
  margin: 0 0 1rem 1.5rem;
}

.image.right {
  float: left;
  margin: 0 1.5rem 1rem 0;
}

/* =========================
   NAV PANEL
   ========================= */

#navPanel {
  right: auto;
  left: 0;
  transform: translateX(-100%);
}

body.is-navPanel-visible #navPanel {
  transform: translateX(0);
}

#navPanel .close {
	direction: ltr; 
  right: auto;
  left: 0;
  text-align: left;
  padding-left: 1.25em;
  padding-right: 0;
}



/* =========================
   NAV FORCE LTR (menu only)
   ========================= */

#header > nav {
    direction: ltr;          /* קריטי */
    text-align: left; 
}

#header > nav > ul {
    direction: ltr;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
	 text-align: left;
}

/* פריטים בתוך התפריט */
#header > nav > ul > li {
    direction: ltr;
    float: none;
    display: inline-flex;
}

/* קישור פנימי */
#header > nav > ul > li > a {
    direction: ltr;
    text-align: left;
}

/* אם יש dropdown */
.dropotron {
    direction: ltr;
    text-align: left;
}

/* תיקון אייקונים שלא יתהפכו */
#header > nav > ul > li > a.icon:before {
    float: right;
}

/* =========================
   MOBILE NAV TOGGLE FIX (RTL)
   ========================= */

@media screen and (max-width: 980px) {

    #header > .navPanelToggle {
        right: auto !important;
        left: 0 !important;
    }

}

/* extra safety for smaller screens */
@media screen and (max-width: 736px) {

    #header > .navPanelToggle {
        right: auto !important;
        left: 0 !important;
    }

}



#banner > .content {
    background-color: rgba(255, 255, 255, 0.85);
    color: #1f3a5b;
}
#banner > .content h1 {
    color: #1f3a5b;
}


.hero-logo {
    display: block;
    margin: 0 auto;
    max-width: 120px;
    width: 100%;
    height: auto;
    object-fit: contain;
}

body.login-page .row .col-12 {
    max-width: 30rem;
    margin: 0 auto;
}

.login-header {
    max-width: 30rem;
    margin: 5rem auto;
    text-align: center;
    width: 100%;
}


table th {
    text-align: right !important;
}


.ltr * {
    direction: ltr;
}

.ltr {
    direction: ltr;
    text-align: left;
    flex-direction: row;
}




.iconu {
		border-bottom: none !important;
}