/** * RTL CSS - EXACT FROM REFERENCE SITE (ixina.sa) * This CSS applies when dir="rtl" is set on tag */ [dir=rtl] .header-top nav { margin-left: unset; margin-right: auto; } [dir=rtl] .header-top nav ul li a:before { margin-left: 7px; margin-right: 0 } [dir=rtl] .header #main-navigation .main-navigation .nav-main__second_list li a,[dir=rtl] .header #main-navigation.main-navigation .nav-main__second_list li a { margin-left: 0; margin-right: 6px } [dir=rtl] .header #main-navigation .main-navigation__item:first-child,[dir=rtl] .header #main-navigation.main-navigation__item:first-child { padding-right: 0 } [dir=rtl] .header #main-navigation .main-navigation__sticky-menus,[dir=rtl] .header #main-navigation.main-navigation__sticky-menus { margin-left: 0; margin-right: auto } [dir=rtl] .header #main-navigation .main-navigation__logo a,[dir=rtl] .header #main-navigation.main-navigation__logo a { margin-left: 22px; margin-right: unset } [dir=rtl] .header #main-navigation .main-navigation .nav-main__second_list li:last-child a:after,[dir=rtl] .header #main-navigation.main-navigation .nav-main__second_list li:last-child a:after { content: none } [dir=rtl] .header #main-navigation .main-navigation .nav-main__second_list li:last-child a:before,[dir=rtl] .header #main-navigation.main-navigation .nav-main__second_list li:last-child a:before { font-family: icomoon!important; speak: never; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90b"; font-size: .7rem; margin-left: 6px } [dir=rtl] .header #main-navigation .main-navigation__item._sub.open .second-navigation-level .nav-main__sub .container .col.col1>.row>ul>.main-navigation__sub-item,[dir=rtl] .header #main-navigation.main-navigation__item._sub.open .second-navigation-level .nav-main__sub .container .col.col1>.row>ul>.main-navigation__sub-item { padding-left: 30px; padding-right: 0 } [dir=rtl] .header #main-navigation .main-navigation .nav-main__second_list li:last-child a:after,[dir=rtl] .header #main-navigation.main-navigation .nav-main__second_list li:last-child a:after { font-family: icomoon!important; speak: never; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90b"; display: inline-block; font-size: .7rem; margin-bottom: 1px; transform: scale(-1) } [dir=rtl] .header #main-navigation .main-navigation .nav-main__second_list li:last-child a:before,[dir=rtl] .header #main-navigation.main-navigation .nav-main__second_list li:last-child a:before { content: none } [dir=rtl] .header .card-article .info-block .sr-only:before { bottom: 24px; left: unset; margin-bottom: 1px; right: 24px; transform: scaleX(-1) } [dir=rtl] .icon-next:before { content: "\e90b"; display: inline-block; margin-bottom: 1px; transform: scaleX(-1) } [dir=rtl] .btn:before { content: none } [dir=rtl] .btn:after { display: inline-block; font-family: icomoon!important; speak: never; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: inherit; content: "\e90b"; font-size: .7rem; margin-bottom: 1px; margin-right: 6px; transform: scaleX(-1) } [dir=rtl] .header .frame-type-imageTextLink ._whole-area-link .img-text-link__link:after { content: none } [dir=rtl] .header #main-navigation .main-navigation__popin .ce-bodytext ul li,[dir=rtl] .header #main-navigation.main-navigation__popin .ce-bodytext ul li { padding: 0 27px 0 0 } [dir=rtl] .header #main-navigation .main-navigation__popin .ce-bodytext ul li:before,[dir=rtl] .header #main-navigation.main-navigation__popin .ce-bodytext ul li:before { left: unset; right: 0 } [dir=rtl] #block-mobile-header .mobile-header__list { margin: 0 auto 0 0 } [dir=rtl] #block-mobile-header .burger_toggle-btn { margin-left: 28px; margin-right: unset } [dir=rtl] .header #main-navigation .main-navigation .nav-main__second_list li:last-child a:after,[dir=rtl] .header #main-navigation.main-navigation .nav-main__second_list li:last-child a:after { margin-left: 0; margin-right: 6px } [dir=rtl] .header #main-navigation .main-navigation__item,[dir=rtl] .header #main-navigation.main-navigation__item { padding-left: 0 } [dir=rtl] .header #main-navigation .main-navigation__close,[dir=rtl] .header #main-navigation.main-navigation__close { margin-left: 0; margin-right: auto } [dir=rtl] .header #main-navigation .main-navigation__back,[dir=rtl] .header #main-navigation .main-navigation__logo a,[dir=rtl] .header #main-navigation.main-navigation__back,[dir=rtl] .header #main-navigation.main-navigation__logo a { margin-left: auto; margin-right: 0 } [dir=rtl] .header #main-navigation .main-navigation__back:before,[dir=rtl] .header #main-navigation.main-navigation__back:before { transform: translateY(-50%) rotate(-90deg) } [dir=rtl] .header #main-navigation .main-navigation__search .close-search,[dir=rtl] .header #main-navigation.main-navigation__search .close-search { left: 12.5px; padding: 0 48px 0 16px; right: unset } [dir=rtl] .header #main-navigation .main-navigation__search .close-search:before,[dir=rtl] .header #main-navigation.main-navigation__search .close-search:before { left: unset; right: 21px } [dir=rtl] .header #main-navigation .main-navigation__search input[type=search],[dir=rtl] .header #main-navigation .main-navigation__search input[type=text],[dir=rtl] .header #main-navigation.main-navigation__search input[type=search],[dir=rtl] .header #main-navigation.main-navigation__search input[type=text] { padding: 0 15px }