/* Theme Name: Affiliate Eye Description: RTL (Right-to-Left) stylesheet for Affiliate Eye theme */ /* ========================================================================== RTL Styles - Right to Left Language Support ========================================================================== */ /* Body and Text Direction ========================================================================== */ body { direction: rtl; text-align: right; unicode-bidi: embed; } /* Layout and Floats ========================================================================== */ .site { direction: rtl; } .float-left { float: right !important; } .float-right { float: left !important; } .text-left { text-align: right !important; } .text-right { text-align: left !important; } /* Bootstrap RTL Adjustments ========================================================================== */ .me-1, .mx-1 { margin-right: 0 !important; margin-left: 0.25rem !important; } .me-2, .mx-2 { margin-right: 0 !important; margin-left: 0.5rem !important; } .me-3, .mx-3 { margin-right: 0 !important; margin-left: 1rem !important; } .me-4, .mx-4 { margin-right: 0 !important; margin-left: 1.5rem !important; } .me-5, .mx-5 { margin-right: 0 !important; margin-left: 3rem !important; } .ms-1, .mx-1 { margin-left: 0 !important; margin-right: 0.25rem !important; } .ms-2, .mx-2 { margin-left: 0 !important; margin-right: 0.5rem !important; } .ms-3, .mx-3 { margin-left: 0 !important; margin-right: 1rem !important; } .ms-4, .mx-4 { margin-left: 0 !important; margin-right: 1.5rem !important; } .ms-5, .mx-5 { margin-left: 0 !important; margin-right: 3rem !important; } .ms-auto { margin-left: 0 !important; margin-right: auto !important; } .me-auto { margin-right: 0 !important; margin-left: auto !important; } .pe-1, .px-1 { padding-right: 0 !important; padding-left: 0.25rem !important; } .pe-2, .px-2 { padding-right: 0 !important; padding-left: 0.5rem !important; } .pe-3, .px-3 { padding-right: 0 !important; padding-left: 1rem !important; } .pe-4, .px-4 { padding-right: 0 !important; padding-left: 1.5rem !important; } .pe-5, .px-5 { padding-right: 0 !important; padding-left: 3rem !important; } .ps-1, .px-1 { padding-left: 0 !important; padding-right: 0.25rem !important; } .ps-2, .px-2 { padding-left: 0 !important; padding-right: 0.5rem !important; } .ps-3, .px-3 { padding-left: 0 !important; padding-right: 1rem !important; } .ps-4, .px-4 { padding-left: 0 !important; padding-right: 1.5rem !important; } .ps-5, .px-5 { padding-left: 0 !important; padding-right: 3rem !important; } /* Navigation ========================================================================== */ .main-navigation ul { text-align: right; } .main-navigation li { float: right; } .main-navigation .menu-item-has-children > a::after, .main-navigation .page_item_has_children > a::after { margin-right: 0; margin-left: 0.5em; } .main-navigation ul ul { right: 0; left: auto; } .main-navigation ul ul ul { right: 100%; left: auto; } /* Dropdown Menus */ .dropdown-menu { text-align: right; right: 0; left: auto; } .dropdown-menu-end { right: auto !important; left: 0 !important; } /* Header ========================================================================== */ .site-branding { text-align: right; } .custom-logo-link { float: right; margin-right: 0; margin-left: 1em; } /* Content ========================================================================== */ .entry-meta, .entry-footer { text-align: right; } .entry-meta > span, .entry-footer > span { margin-right: 0; margin-left: 1em; } .entry-meta > span:last-child, .entry-footer > span:last-child { margin-left: 0; } /* Comments ========================================================================== */ .comment-list { text-align: right; } .comment-list .children { margin-right: 2em; margin-left: 0; padding-right: 0; padding-left: 0; } .comment-metadata { text-align: right; } .comment-reply-link { float: left; } .comment-author .avatar { float: right; margin-right: 0; margin-left: 1em; } /* Widgets ========================================================================== */ .widget { text-align: right; } .widget ul, .widget ol { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 1.5em; } .widget ul ul, .widget ol ol { margin-right: 1.5em; margin-left: 0; } /* Sidebar ========================================================================== */ .sidebar { text-align: right; } /* Posts and Pages ========================================================================== */ .post-thumbnail { float: right; margin-right: 0; margin-left: 1.5em; } .page-links { text-align: right; } .post-navigation .nav-previous { float: right; text-align: right; } .post-navigation .nav-next { float: left; text-align: left; } /* Pagination ========================================================================== */ .pagination { text-align: right; } .page-numbers { margin-right: 0; margin-left: 0.5em; } /* Forms ========================================================================== */ input[type="checkbox"], input[type="radio"] { margin-right: 0; margin-left: 0.5em; } /* Search Form */ .search-form label { direction: rtl; } .search-submit { right: auto; left: 0; } /* Buttons and Links ========================================================================== */ .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .btn-group > .btn:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } /* Lists ========================================================================== */ ul, ol { margin-right: 0; margin-left: 0; padding-right: 1.5em; padding-left: 0; } ul ul, ol ol, ul ol, ol ul { margin-right: 1.5em; margin-left: 0; } li > ul, li > ol { margin-right: 1.5em; margin-left: 0; } /* Blockquote ========================================================================== */ blockquote { border-left: 0; border-right: 4px solid #ddd; margin-right: 0; margin-left: 0; padding-right: 1em; padding-left: 0; } blockquote cite { text-align: left; } /* Tables ========================================================================== */ table { direction: rtl; } th, td { text-align: right; } caption { text-align: right; } /* Icons (Font Awesome) ========================================================================== */ .fa-chevron-right::before { content: "\f053"; } .fa-chevron-left::before { content: "\f054"; } .fa-angle-right::before { content: "\f104"; } .fa-angle-left::before { content: "\f105"; } .fa-arrow-right::before { content: "\f060"; } .fa-arrow-left::before { content: "\f061"; } .fa-long-arrow-right::before { content: "\f177"; } .fa-long-arrow-left::before { content: "\f178"; } /* Media Queries for RTL Responsive Design ========================================================================== */ @media screen and (max-width: 768px) { .mobile-menu { right: auto; left: 0; } .mobile-menu-toggle { float: left; } } /* Gutenberg Block Editor RTL ========================================================================== */ .wp-block { direction: rtl; text-align: right; } .wp-block-column { margin-right: 0; margin-left: 32px; } .wp-block-column:first-child { margin-left: 0; } .wp-block-image .alignright { float: left; margin-left: 0; margin-right: 1em; } .wp-block-image .alignleft { float: right; margin-right: 0; margin-left: 1em; } .wp-block-pullquote { border-left: 0; border-right: 4px solid; padding-left: 0; padding-right: 1em; } /* Footer ========================================================================== */ .site-footer { text-align: right; } .footer-widgets .widget { text-align: right; } .site-info { text-align: right; } /* Social Icons */ .social-links { text-align: right; } .social-links a { margin-right: 0; margin-left: 0.5em; } .social-links a:first-child { margin-left: 0; } /* Affiliate Specific Elements ========================================================================== */ .product-box { text-align: right; } .product-rating { direction: ltr; text-align: left; } .price { direction: ltr; text-align: left; } .affiliate-button { text-align: center; } /* Pros and Cons Lists */ .pros-cons-list { text-align: right; } .pros-cons-list ul { padding-right: 1.5em; padding-left: 0; } /* Comparison Tables */ .comparison-table { direction: rtl; } .comparison-table th, .comparison-table td { text-align: right; } /* Screen Reader Text */ .screen-reader-text:focus { right: 5px; left: auto; }