/* Theme Name: ansia Adding support for languages written in a Right To Left (RTL) direction is easy - it's just a matter of overwriting all the horizontal positioning attributes of your CSS stylesheet in a separate stylesheet file named rtl.css. https://codex.wordpress.org/Right-to-Left_Language_Support */ body { direction: rtl; unicode-bidi: embed; } .spaceLeft { margin-left: 0; margin-right: 0.5em; } .spaceRight { margin-right: 0; margin-left: 0.5em; } .widget .widget-title:before { margin: 0 -54% 0 4%; } .widget .widget-title:after { margin: 0 4% 0 -52%; } footer.entry-footer .read-more { float: left; } .sticky header.entry-header .entry-title { padding-left: 0px; padding-right: 40px; } .sticky header.entry-header .entry-title:before { left: inherit; right: 0; } .nano > .nano-content { right: 0 !important; } .nano > .nano-pane { left: 0; right: inherit; } .main-navigation ul { padding-right: 0; } .main-navigation ul ul { padding-right: 0; float: right; } .main-navigation ul ul a { text-align: right; } .main-navigation ul ul li a:not(:last-child):after { content: "\f104"; margin: 0 7px 0 0; float: left; } .main-navigation ul ul ul { left: inherit; right: 100%; } .main-navigation > div > ul > li > a::before { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .main-navigation ul ul li { margin: 0px 1px 1px 0px; } .widget_archive li, .widget_categories li { text-align: left; } .widget_archive li a, .widget_categories li a { float: right; } .widget.widget_categories li:before { padding-right: inherit; padding-left: 0.5em; float: right; } .widget.widget_archive li:before { content: "\f0d9"; padding-right: inherit; padding-left: 0.5em; float: right; } aside ul.menu .indicatorBar { right: inherit; left: 0; border-left-width: 0px; border-left-style: dashed; border-right-width: 1px; border-right-style: dashed; } aside ul.menu ul.sub-menu { padding-left: inherit; padding-right: 2em; } .woocommerce ul.products > li { float: right; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin-right: 85px; margin-left: 0; } .woocommerce #reviews .commentlist li .avatar { top: 0; right: 0; left: inherit; } .woocommerce div.product form.cart .variations td.label { float: right; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before { left: inherit; right: 1em; } .woocommerce-error li a, .woocommerce-message a { float: left; } .woocommerce-message, .woocommerce-info, .woocommerce-error { padding: 1.5em 2.5em 1.5em 1.5em; } .product_list_widget li img { margin-right: inherit; margin-left: 1em; float: right; } .widget_shopping_cart .product_list_widget li a.remove { right: inherit; left: 0; } .woocommerce .content-area .images { float: right; } .woocommerce .content-area .summary { float: left; } .content-area .onsale { left: inherit; right: -40px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .site-description:before { margin: 0 -6% 0 0; } .site-description:after { margin: 0 1% 0 0; } footer.entry-footer .read-more i:before { content: "\f0d9"; } blockquote { padding: 1.5em 3.5em 1.5em 1.5em; border-left-width: 0; border-right-width: 3px; border-right-style: solid; } blockquote::before { left: inherit; right: 10px; content: "\f10e"; } #comments article footer img { float: right; margin-left: 1em; margin-right: inherit; } #comments .reply { right: inherit; left: 1.5em; } #comments ol ol { padding-left: inherit; padding-right: 10%; } .page-links { text-align: left; } .navigation.pagination .nav-links .prev { float: right; } .navigation.pagination .nav-links .prev i:before { content: "\f101"; } .navigation.pagination .nav-links .next { float: left; } .navigation.pagination .nav-links .next i:before { content: "\f100"; } .nav-links .nav-previous { text-align: left; } .nav-links .nav-previous .meta-nav:after { left: 100%; } .ansia-copyright .site-info { float: right; } .ansia-copyright .ansia-social-button.inFooter { float: left; } .entry-featuredImg .ansia-the-effect, .entry-wooImage .ansia-the-effect { left: inherit; right: 0; } @media all and (max-width: 1024px) { .ansia-subbar { direction: ltr; } .ansia-subbar .search-container { direction: rtl; } .main-navigation ul ul, .main-navigation ul ul ul { padding-left: 0; padding-right: 3%; float: none; } .main-navigation ul li .indicator { left: 0; right: inherit; border-left-width: 0px; border-right-width: 1px; border-right-style: solid; } .main-navigation > div > ul > li > a { text-align: right; } }