/* Theme Name: themotion Adding support for language 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; } body, button, input, select, textarea { text-align: right; } /* Header */ .menu-toggle-button-wrap { float: left; text-align: left; } .main-navigation ul { text-align: right; } .dropdown-toggle { right: initial; left: 0; margin: 0 0 0 5px; } .main-navigation ul { padding-right: 0; } .main-navigation ul ul { float: right; padding-right: 30px; padding-left: 0; text-align: right; } .menu-toggle { margin-right: 0; margin-left: -15px; border-right: solid 1px #dfdfdf; border-left: none; } .site-branding { float: right; padding-right: 0; padding-left: 20px; } .header-search form { float: left; } .header-search label:before { right: initial; left: 0; padding-right: 0; padding-left: 20px; content: "\f002"; } .header-search input { padding-left: 50px; } .header-search input[type="submit"] { right: initial; left: 0; } /* Footer */ .site-footer { text-align: right; } .quick-contact .fa { margin: 0 0 15px 20px; } /* Ribbon itnro [Homepage two] */ .homepage-two .site-main { padding-left: 0; } /* Recently posted [homepage two] */ .recently-item .entry-header { float: right; width: 100%; } .recently-item h2.entry-title a { float: none; } .recently-content-wrap .entry-content { width: 100%; } /* Page */ .taxonomy-description { padding-right: 0; padding-left: 315px; text-align: right; } blockquote { margin-right: 0; padding: 0 20px; border-right: 5px solid #7fcaad; border-left: none; } /* Single page */ .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: left; margin-right: -1px; margin-left: 0; text-align: left; } .comment-body { padding: 30px 124px 30px 15px; } .comment-author { right: 0; left: initial; } .comment-list .children { padding: 0 30px 0 0; } @media screen and (min-width: 480px) { } @media screen and (min-width: 600px) { /* Sidebar */ .widget_search input[type="submit"] { right: initial; left: 0; } .widget_search label:before { right: initial; left: 0; padding-right: 0; padding-left: 20px; content: "\f002"; } .widget_search input { padding-left: 50px; } } @media screen and (min-width: 768px) { /* Header */ .menu-toggle { margin-right: 0; margin-left: 20px; border-left: solid 1px #dfdfdf; } .main-navigation ul ul { padding: 0; } /* Footer */ .footer-content-bottom, .quick-contact { text-align: right; } .quick-contact, .footer-widget-wrap { float: right; } .footer-content-bottom-btn { padding-right: 25px; padding-left: 0; } /* About us */ .about-us-page .recently-posted-title { float: right; } .see-all-posts { float: left; } .recently-posted-wrap .recently-posted-about { float: right; } .recently-posted-wrap .recently-posted-about:nth-child(3n+1) { clear: right; padding-right: 0; padding-left: 16.6px; } .recently-posted-wrap .recently-posted-about:nth-child(3n+3) { padding-right: 16.6px; padding-left: 0; } } @media screen and (min-width: 992px) { .site-main { padding: 0 0 0 60px; } /* header */ .main-navigation ul { text-align: left; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { right: 100%; left: initial; } /* Footer */ .footer-video-wrap { margin-right: 0; margin-left: 60px; } /* Ribbon [Homepage One] */ .home-ribbon-text { margin-right: 0; margin-left: 20px; text-align: right; } /* Tree videos [Homepage Two] */ .home-three-videos-item { float: right; } /* Ribbon intro [Homepage Two] */ .home-ribbon-intro-inner { float: right; text-align: right; } /* Recently posted [homepage two] */ .recently-image-wrap { margin-right: 0; margin-left: 50px; } /* Contact */ .search-page .site-main, .contact-page .site-main { padding-left: 0; } .contact-block-item-wrap .contact-block-item { float: right; } .contact-block-content-wrap .contact-block-content:nth-child(even) { padding-right: 15px; padding-left: 0; } .contact-block-content-wrap .contact-block-content:nth-child(odd) { padding-right: 0; padding-left: 15px; } .contact-block { text-align: right; } .contact-link .fa { text-align: right; } /* About us */ .info-block { text-align: right; } } @media screen and (min-width: 1200px) { /* Recently posted */ .recently-posted-wrap .recently-posted-item:nth-child(2n+1) { clear: right; } .recently-posted-item { float: right; } .recently-posted-wrap .recently-posted-item:nth-child(odd) { padding-right: 0; padding-left: 10px; } .recently-posted-wrap .recently-posted-item:nth-child(even) { padding-right: 10px; padding-left: 0; } }