/* RTL overrides for the Hebrew version of the site.
   Loaded after the shared stylesheets so it only needs to correct
   the few things that don't flip automatically under dir="rtl". */

html[dir="rtl"] body {
    font-family: 'Rubik', 'Assistant', Tahoma, Arial, sans-serif;
}

/* Bootstrap's grid + nav use float:left; mirror them so column/menu
   order reads right-to-left. */
html[dir="rtl"] .row > [class*="col-"] {
    float: right;
}
html[dir="rtl"] .nav.navbar-nav {
    float: right;
}
html[dir="rtl"] .nav.navbar-nav > li {
    float: right;
}
html[dir="rtl"] .sub-menu {
    text-align: right;
}

/* Announcement bar + footer link rows are flex; row-reverse keeps
   the same visual rhythm read right-to-left. */
html[dir="rtl"] header .left_content ul,
html[dir="rtl"] footer ul {
    flex-direction: row-reverse;
}

/* Icons that sit before a label in the LTR markup should sit after
   it (i.e. to the right of the text) in RTL. */
html[dir="rtl"] .left_content li i,
html[dir="rtl"] .hero-bullets li i,
html[dir="rtl"] .quick-fact i {
    margin-left: 6px;
    margin-right: 0;
}

/* Navbar toggle + brand sit on the opposite side in RTL nav bars. */
html[dir="rtl"] .navbar-toggle {
    float: left;
}

/* Sidebar/quote box icon+content pairs used on services & portfolio pages */
html[dir="rtl"] .sidebar_right_icon,
html[dir="rtl"] .services_icon {
    margin-left: 12px;
    margin-right: 0;
}