/* Theme Name: Alok 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 */ .navbar-day-night.navbar-night-on .sun-icon { -webkit-transform: translateX(-25px); -ms-transform: translateX(-25px); transform: translateX(-25px); } .header-searchbar #search-closer { right: inherit; left: 10px; } .search-form label, .search-form .search-submit { float: right; } .site-navigation .primary-menu > li.menu-item-has-children > a { padding-right: 0; padding-left: 2rem; } .site-navigation .primary-menu ul { right: -99999rem; left: unset; } .site-navigation .primary-menu li.menu-item-has-children:hover > ul, .site-navigation .primary-menu li.menu-item-has-children:focus > ul { right: 0; } .site-navigation .primary-menu ul ul::before { right: -21px; } .site-navigation .primary-menu ul ul::after { left: unset; right: -16px; } .site-navigation .primary-menu ul li.menu-item-has-children:hover > ul, .site-navigation .primary-menu ul li.menu-item-has-children:focus > ul { right: calc(100% + 2rem); } .site-navigation .primary-menu li.menu-item-has-children:hover > ul, .site-navigation .primary-menu li.menu-item-has-children:focus > ul { left: unset; right: 0; } .widget_recent_entries ul li a, .widget_categories ul li a, .widget_pages ul li a, .widget_archive ul li a, .widget_meta ul li a { margin-right: 0; } .floating-navigation-prev { left: calc(100% - 50px); right: inherit; } .floating-navigation-prev:hover { left: calc(100% - 339px); right: inherit; } .floating-navigation-next { right: calc(100% - 50px); left: inherit; } .floating-navigation-next:hover { right: calc(100% - 339px); left: inherit; } .floating-navigation-prev img { left: 50px; right: inherit; } .floating-navigation-next img { right: 50px; left: inherit; } .floating-navigation-next .floating-navigation-label { right: 0; left: auto; } .floating-navigation-prev .floating-navigation-label { right: auto; left: 0; } .floating-post-navigation .floating-navigation-title { left: 50%; right: inherit; transform: translate(-50%, -50%); padding: 20px 60px 20px 20px; } .floating-navigation-prev .floating-navigation-title { padding: 20px 20px 20px 60px; } .post-navigation .nav-links .arrow { -webkit-transform: scaleX(-1); transform: scaleX(-1); }