/* Theme Name: Radcliffe 2 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; } th { text-align: right; } .contact-info-area span.contact-info-label { left: auto; right: -999999em; } .main-navigation ul { padding-right: 0; } .main-navigation li { float: right; } .main-navigation a .icon { margin-left: 0; margin-right: 6px; } .main-navigation ul ul ul { left: auto; right: -999em; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { right: auto; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: auto; right: 100%; } /* Small menu. */ .menu-toggle .icon { margin-left: 6px; margin-right: 0; } /* Jetpack social menu */ .jetpack-social-navigation { margin-left: 0; margin-right: -0.5em; } .jetpack-social-navigation li { margin-left: 0.25em; margin-right: 0; } /* Comment and Post menus */ .nav-next .icon { margin-left: 0; margin-right: 6px; } .nav-previous .icon { margin-left: 6px; margin-right: 0; } .screen-reader-text:focus { left: auto; right: 5px; } /*-------------------------------------------------------------- # Layout --------------------------------------------------------------*/ /* Search toggle */ .search-toggle { left: 0; right: auto; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget ul { padding-right: 0; } #wp-calendar tfoot #prev { text-align: right; } #wp-calendar tfoot #next { text-align: left; } /* widget */ .search-form .search-field { padding: 5% 5% 5% 20%; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .archive .entry-thumbnail + .entry-header, .blog .entry-thumbnail + .entry-header, .search .entry-thumbnail + .entry-header { left: auto; right: 0; } .byline:before, .comments-link:before { content: "\\"; margin: 0 .3em 0 .5em; } .date-hidden .byline:before, .date-hidden.author-hidden .comments-link:before { content: ""; } .entry-author { margin-left: 0; } .entry-author .author-bio, .entry-author .author-heading { padding-left: 0; padding-right: 80px; } .cat-links, .tags-links, .edit-link { padding-left: 0; padding-right: 30px; } .cat-links .icon, .tags-links .icon, .edit-link .icon { left: auto; right: 0; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comments .children { margin-left: 0; margin-right: 5%; } .comment-wrapper, .pingback, .trackback { margin-right: 0; } ol.children ol.children { padding-right: 0; } .comment-wrapper:after { border-left-color: #fff; border-right-color: transparent; left: auto; right: -24px; } .comment .avatar { left: auto; right: 0; } .comment-header span { margin-left: 0; margin-right: 5px; } .comment-actions a { margin-left: 0; margin-right: 10px; } .bypostauthor .by-post-author { left: auto; right: 12px; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ #infinite-handle span { float: right; } /*-------------------------------------------------------------- # Media Queries --------------------------------------------------------------*/ @media all and (max-width: 768px) { .dropdown-toggle { left: 6px; right: auto; } .main-navigation.toggled ul li { float: none; } .main-navigation.toggled .sub-menu { padding: 0 25px 0 0; } } @media all and (min-width: 600px) { .jetpack-social-navigation { margin-right: 0; } .jetpack-social-navigation li { margin-right: 0; } .entry-author { margin-left: 40px; margin-right: 0; } .comment-wrapper, .pingback , .trackback { margin-left: 0; margin-right: 110px; } ol.children { padding-left: 0; padding-right: 40px; } .bypostauthor .by-post-author { left: auto; right: -2px; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: right; text-align: right; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: left; text-align: left; } } @media screen and (min-width: 768px) { .contact-info-area span.contact-info-label { right: auto; } #header-menu { margin-left: 0; margin-right: -15px; } .main-navigation ul ul { left: auto; right: -999em; } .main-navigation ul ul a { padding-left: 18px; padding-right: 15px; } .main-navigation ul ul .menu-item-has-children > a > .icon, .main-navigation ul ul .page_item_has_children > a > .icon { left: 0.5em; right: auto; -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .main-navigation ul ul ul { padding-left: 0; padding-right: 20px; } .main-navigation ul ul ul:after { border-right-color: transparent; border-left-color: #222; left: auto; right: 0; } }