/*
Theme Name: Ashe
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
*/
/* Reset */
body {
direction: rtl;
unicode-bidi: embed;
}
/* Accessibility */
.screen-reader-text:focus {
left: auto;
right: 5px;
}
blockquote {
border-left: none;
padding-left: 15px;
border-right-width: 3px;
border-right-style: solid;
padding-right: 15px;
}
.post-content ul {
padding-left: 0;
padding-right: 15px;
}
.post-content ol {
padding-left: 0;
padding-right: 25px;
}
table tr,
table th,
table td {
text-align: right;
}
/* Header */
#top-menu {
float: right !important;
}
.top-bar-socials {
float: left !important;
}
.top-bar-socials a:first-child,
.main-nav-icons a:first-child {
margin-left: 15px;
}
.top-bar-socials a:last-child,
.main-nav-icons a:last-child {
margin-left: 0;
}
#top-menu .sub-menu,
#main-menu .sub-menu {
text-align: right;
}
#top-menu ul ul,
#main-menu ul ul {
right: 100%;
}
#main-menu li.menu-item-has-children>a:after {
float: left;
margin-left: 0;
margin-right: 10px;
}
#main-menu ul li.menu-item-has-children>a:after {
float: left;
content: "\f104";
}
/* Slider */
.slider-dots li:last-child {
margin-right: 10px;
}
.slider-dots li:first-child {
margin-right: 0;
}
/* Content */
.post-content > p:first-of-type:first-letter {
float: right !important;
margin: 0px 0 0 12px !important;
}
.post-author {
float: right;
}
.post-share {
float: left;
}
.post-share a:last-child {
margin-right: 10px;
}
.post-share a:first-child {
margin-right: 0;
}
.post-comments {
float: left;
}
.post-author a img {
margin-right: 0;
margin-left: 3px;
}
.post-tags {
text-align: right;
}
.blog-pagination.default .previous-page {
float: right;
}
.blog-pagination.default .next-page {
float: left;
}
.blog-pagination .fa-long-arrow-left:before {
content: "\f178";
}
.blog-pagination .fa-long-arrow-right:before {
content: "\f177";
}
.numeric-prev-page {
right: 0;
left: auto;
}
.blog-pagination.numeric .numeric-prev-page {
right: 0;
left: auto;
}
.blog-pagination.numeric .numeric-next-page {
left: 0;
right: auto;
}
.single-post .next-post {
left: 0;
right: auto;
}
.author-share a:last-child {
margin-right: 10px;
}
.author-share a:first-child {
margin-right: 0;
}
.single-post .previous-post img {
right:-100px;
left: auto;
}
.single-post .next-post img {
left: -100px;
right: auto;
}
.single-post .previous-post:hover img {
right: 25px;
left: auto;
}
.single-post .next-post:hover img {
right: auto;
left: 25px;
}
.single-post .next-post .fa-angle-right:before {
content: "\f104";
}
.single-post .previous-post .fa-angle-left:before {
content: "\f105";
}
.comment-avatar {
float: right;
margin-right: 0;
margin-left: 17px;
}
.comment-reply-link {
float: left;
}
.ashe-widget .sub-menu,
.ashe-widget .children {
padding-left: 0;
padding-right: 10px;
}
.widget_search i,
.widget_search #searchsubmit {
right: auto;
left: 0;
}
.widget_categories ul li,
.widget_archive ul li {
float: right;
text-align: left;
}
.widget_categories ul li a,
.widget_archive ul li a {
float: right;
}
.widget_categories .children li {
padding-left: 0;
padding-right: 10px;
}
.ashe_social_widget .social-icons a:last-child {
margin-right: 8.5%;
}
.ashe_social_widget .social-icons a:first-child {
margin-right: 0;
}
/* Footer */
.copyright-info {
float: left !important;
}
.credit {
float: right;
}
.footer-socials a:last-child {
margin-right: 17px;
}
.footer-socials a:first-child {
margin-right: 0;
}
.footer-menu-container {
float: left;
}
#footer-menu {
float: right;
}
#footer-menu > li {
margin-right: 0;
margin-left: 5px;
}
.footer-menu-container:after {
float: left;
margin-right: 0;
margin-left: 5px;
}
.scrolltop {
right: auto;
left: 80px;
}
/* Shop */
.woocommerce span.onsale {
left: auto !important;
right: 7px !important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
margin: 0 0 2.992em 2%;
}
.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last {
margin-left: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding-left: 0;
padding-right: 5px;
}
.widget_product_search input[type="submit"] {
right: auto;
left: 0;
}
.woocommerce ul.products li.product .star-rating span,
.woocommerce ul.products li.product .star-rating::before {
left: auto;
right: 8px;
}
.woocommerce .page-content nav.woocommerce-pagination ul li a.prev {
left: auto;
right: 0;
}
.woocommerce .page-content nav.woocommerce-pagination ul li a.next {
left: 0;
right: auto;
}
.woocommerce .page-content nav.woocommerce-pagination ul li a.prev:after {
content: "\f178";
}
.woocommerce .page-content nav.woocommerce-pagination ul li a.next:after {
content: "\f177";
}
.woocommerce .woocommerce-checkout-review-order table.shop_table {
float: right;
}
.woocommerce-checkout-review-order .woocommerce-checkout-payment {
float: left;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin-left: 0;
margin-right: 77px;
}
.woocommerce .widget_layered_nav ul li,
.woocommerce .widget_product_categories ul li {
float: right;
text-align: left;
}
.woocommerce .widget_layered_nav ul li a,
.woocommerce .widget_product_categories ul li a {
float: right;
}
.woocommerce .widget_layered_nav .children li {
padding-left: 0;
padding-right: 10px;
}
.woocommerce .widget_rating_filter ul li {
text-align: left;
}
.woocommerce .widget_rating_filter ul li .star-rating {
float: right;
}
.woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a {
margin-right: 0;
margin-left: 10px;
}
.gallery-item {
margin-right: 0;
margin-left: 5px;
}
/* Wp def gallery */
@media screen and ( min-width: 950px ) {
.gallery-columns-2 .gallery-item:nth-child(2n+2),
.gallery-columns-3 .gallery-item:nth-child(3n+3),
.gallery-columns-4 .gallery-item:nth-child(4n+4),
.gallery-columns-5 .gallery-item:nth-child(5n+5),
.gallery-columns-6 .gallery-item:nth-child(6n+6),
.gallery-columns-7 .gallery-item:nth-child(7n+7),
.gallery-columns-8 .gallery-item:nth-child(8n+8),
.gallery-columns-9 .gallery-item:nth-child(9n+9) {
margin-left: 0 !important;
}
}
@media screen and ( max-width: 950px ) {
.gallery-item:nth-child(2n+2) {
margin-left: 0 !important;
}
}
/* Viewport Size 320px */
@media screen and ( max-width: 320px ) {
.post-content {
text-align: right;
}
}