/* Theme Name: Blossom Pin 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; } .main-navigation ul{ padding-right: 0; } .main-navigation ul .menu-item-has-children > a{ padding-right: 0; padding-left: 20px; } .main-navigation ul .menu-item-has-children > a:after{ right: auto; left: -20px; } @media only screen and (min-width: 1024px){ .main-navigation ul ul{ left: auto; right: -20px; text-align: right; } } .main-navigation ul ul ul{ left: auto; right: 100%; } .main-navigation ul ul li a{ padding: 10px 20px; } .main-navigation ul ul .menu-item-has-children > a{ padding-right: 20px; } .main-navigation ul ul .menu-item-has-children > a:after{ right: auto; left: 20px; -webkit-transform: translateY(-50%) rotate(-270deg); -moz-transform: translateY(-50%) rotate(-270deg); transform: translateY(-50%) rotate(-270deg); } .site-header .tools .search-icon{ float: left; margin-left: 0; margin-right: 16px; } .site-header .tools .separator{ float: left; margin-left: 0; margin-right: 16px; } .site-header .social-networks{ float: left; } .site-header .social-networks ul li{ float: right; margin-right: 16px; margin-left: 0; } .banner-slider .item .text-holder .category a{ float: right; margin-left: 5px; margin-right: 0; } .rightsidebar #content .container{ flex-direction: row-reverse; } .blog #primary .post .entry-header .category a, .blog #primary .post .bottom .posted-on, .blog #primary .post{ float: right; } .blog #primary .post .entry-footer .edit-link{ float: left; } .widget_bttk_author_bio{ text-align: right; } .widget .widget-title:after{ right: 0; } .widget_bttk_popular_post ul li .post-thumbnail, .widget_bttk_pro_recent_post ul li .post-thumbnail{ float: right; margin-left: 20px; margin-right: 0; } .widget_search .search-form label{ float: right; } .widget_search .search-form input[type="submit"]{ float: left; border-radius: 5px 0 0 5px; } .widget_bttk_custom_categories ul li .cat-title{ float: right; margin: 16px 16px 0 0; } .widget_bttk_custom_categories ul li .post-count{ float: left; } .widget_recent_entries ul li, .widget_recent_comments ul li{ padding-right: 50px; padding-left: 0; } .widget_recent_entries ul li:before, .widget_recent_comments ul li:before{ right: 0; left: auto; } .widget_btif_instagram_widget ul li{ float: right; } .widget_bttk_posts_category_slider_widget .carousel-title{ text-align: right; } .widget_bttk_contact_social_links .contact-list li svg{ margin-left: 10px; margin-right: 0; } .widget_bttk_description_widget .image-holder, .widget_bttk_testimonial_widget .img-holder{ text-align: right; } .instagram-section .profile-link:before{ float: right; margin-left: 12px; margin-right: 0; } .instagram-section ul li{ float: right; } .instagram-section ul li .instagram-meta .like svg, .instagram-section ul li .instagram-meta .comment svg, .widget_btif_instagram_widget ul li .instagram-meta .like svg, .widget_btif_instagram_widget ul li .instagram-meta .comment svg{ margin-left: 5px; margin-right: 0; } .newsletter-section .social-networks .title{ text-align: left; } .newsletter-section .blossomthemes-email-newsletter-wrapper form input[type="text"]{ border-left: 1px solid rgba(255, 255, 255, 0.5); border-right: 0; } .newsletter-section .blossomthemes-email-newsletter-wrapper form input[name="subscribe-email"]{ border-left: 0; } .newsletter-section .blossomthemes-email-newsletter-wrapper form input[type="submit"]{ border-radius: 5px 0 0 5px; } .site-footer .footer-b .site-info{ float: right; } .site-footer .footer-b .footer-nav{ float: left; } .search #primary .search-post .entry-header .category a, .archive #primary .post .entry-header .category a{ float: right; margin-left: 5px; margin-right: 0; } .search #primary .search-post .entry-footer .posted-on, .archive #primary .post .entry-footer .posted-on{ float: right; } .search #primary .search-post .entry-footer .edit-link, .archive #primary .post .entry-footer .edit-link{ float: left; } .single #primary .post .holder .meta-info{ margin-left: 30px; margin-right: 0; } .single #primary .post .holder .meta-info .entry-meta .byline::after{ right: 0; } .single .author-section .img-holder{ margin-left: 30px; margin-right: 0; } .single .navigation .nav-previous{ float: right; } .single .navigation .nav-next{ float: left; text-align: left; } .leftsidebar #content .container{ flex-direction: row; }