/** 1.0 Top Header 2.0 Header 3.0 Categories Collection 4.0 Archive 5.0 Widgets 6.0 Single 7.0 Banner 8.0 Carousel **/ /* Meta */ .rtl .post-date i { padding: 0 0 0 6px; } .rtl article .post-footer .post-meta { text-align: left; } .rtl article .post-footer .byline img { margin: 0 0 0 10px; } .rtl article .post-footer .post-meta .post-comments-num { display: inline-block; margin: 0 15px 0 0; } .rtl article .post-footer .post-meta i { padding: 0 5px 0 0; } .rtl .blogistic-you-may-have-missed-section .post-thumbnail-wrapper .post-footer .post-date { text-align: left; } .rtl .instagram-container .instagram-button .instagram-icon i { margin: 0 0 0 5px; } .rtl .search-wrap.search-type--live-search .search-results-wrap .search-posts-wrap { padding: 0 0 0 10px; } [dir='rtl'] .slick-slide { float: right; } .rtl.logged-in article .edit-link a:before { padding: 0 0 0 5px; } .rtl.archive.author .page-header .archive-description { text-align: right; } body.rtl .blogistic-breadcrumb-wrap { text-align: right; } /* ======================= 1.0 Top Header ======================= */ .rtl .top-header .social-icons-wrap a + a { margin: 0 20px 0 0; } /* ======================= 2.0 Header ======================= */ @media (min-width: 48.1em) { .rtl .main-navigation ul.menu ul, .rtl .main-navigation ul.nav-menu ul { left: initial; } } .rtl .site-header.layout--one .main-header .row > div { margin-left: 30px; margin-right: 0; } .rtl .site-header.layout--one .main-header .row > div:last-child { margin: 0; } .rtl .main-navigation ul.menu li.menu-item-has-children > a:after, .rtl .main-navigation ul.menu li.page_item_has_children > a:after, .rtl .main-navigation ul.nav-menu li.menu-item-has-children > a:after, .rtl .main-navigation ul.nav-menu li.page_item_has_children > a:after { margin: 0 8px 0 0; } /* =============================== 3.0 Categories Collection =============================== */ .rtl .blogistic-category-collection-section .category-item { text-align: left; } /* =============================== 4.0 Archive =============================== */ /* Right Sidebar */ body.rtl.archive--right-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.rtl.single--right-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.rtl.search-page--right-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.rtl.page--right-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.rtl.error-page--right-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.rtl.search-page--right-sidebar #blogistic-main-wrap .blogistic-container .row #primary { margin: 0 0 0 20px; } body.rtl.archive--right-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.rtl.single--right-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.rtl.search-page--right-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.rtl.page--right-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.rtl.error-page--right-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.rtl.search-page--right-sidebar #blogistic-main-wrap .blogistic-container .row #secondary { margin: 0 20px 0 0; } /* Left Sidebar */ body.rtl.archive--left-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.rtl.single--left-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.rtl.search-page--left-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.rtl.page--left-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.rtl.error-page--left-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.rtl.search-page--left-sidebar #blogistic-main-wrap .blogistic-container .row #primary { margin: 0 20px 0 0; } body.rtl.archive--left-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside, body.rtl.single--left-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside, body.rtl.search-page--left-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside, body.rtl.page--left-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside, body.rtl.error-page--left-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside { margin: 0 0 0 20px; } /* Both Sidebar */ body.rtl.archive--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside, body.rtl.single--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside, body.rtl.search-page--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside, body.rtl.page--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside, body.rtl.error-page--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside { margin: 0 0 0 20px; } body.rtl.archive--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.rtl.single--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.rtl.search-page--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.rtl.page--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.rtl.error-page--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary { margin: 0 20px 0 0; } .rtl .post-format-icon { order: 1; } .rtl article .content-wrap .post-button .button-icon { margin: 0 10px 0 0; } .rtl article .content-wrap .post-button i { transform: rotate(-135deg); } .rtl article .content-wrap .post-button:hover i { transform: rotate(-180deg); } .rtl #blogistic-main-wrap .pagination .ajax-load-more-wrap .button-label { margin: 0 0 0 12px; } @media (max-width: 1025px) { body.rtl.archive--right-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.rtl.single--right-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.rtl.search-page--right-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.rtl.page--right-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.rtl.error-page--right-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.rtl.search-page--right-sidebar #blogistic-main-wrap .blogistic-container .row #secondary { margin: 40px 0 0 0; } body.rtl.archive--left-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.rtl.single--left-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.rtl.search-page--left-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.rtl.page--left-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.rtl.error-page--left-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.rtl.search-page--left-sidebar #blogistic-main-wrap .blogistic-container .row #primary { margin: 0; } body.rtl.archive--left-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside, body.rtl.single--left-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside, body.rtl.search-page--left-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside, body.rtl.page--left-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside, body.rtl.error-page--left-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside { margin: 40px 0 0 0; } body.rtl.archive--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside, body.rtl.single--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside, body.rtl.search-page--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside, body.rtl.page--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside, body.rtl.error-page--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside { margin: 40px 0 0 0; } body.rtl.archive--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.rtl.single--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.rtl.search-page--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.rtl.page--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.rtl.error-page--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary { margin: 0; } body.rtl.archive--both-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.rtl.single--both-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.rtl.search-page--both-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.rtl.page--both-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.rtl.error-page--both-sidebar #blogistic-main-wrap > .blogistic-container .row #primary { margin-right: 0; } } /* =============================== 5.0 Widgets =============================== */ .rtl .widget_block .wp-block-group__inner-container .wp-block-heading:after, .rtl section.widget .widget-title:after, .rtl .wp-block-search__label:after, .rtl .page .entry-title:after, .rtl footer .footer-inner .wp-block-heading:after, .rtl .blogistic-you-may-have-missed-section .section-title:after { right: 0; background: linear-gradient(228deg, var(--blogistic-global-preset-theme-color), transparent); } .rtl .wp-block-search__button, .rtl .widget.widget_search .search-form .search-submit { right: initial; left: 12px; } .rtl .widget_blogistic_post_list_widget .post-item .post-thumb-image { margin: 0 0 0 20px; } .rtl .widget_blogistic_author_info_widget .bmm-author-thumb-wrap .post-thumb { margin: 0 0 0 20px; } .rtl .tags-wrap .tags-item .tags-count { padding: 0 10px 0 0; } .rtl .social-platforms-widget.global-color-icon i { margin-right: 0; margin-left: 15px; } /* =============================== 6.0 Single =============================== */ body.rtl.single-post .post-meta-wrap .byline img { margin: 0 0 0 10px; } body.rtl.single-post .post-meta-wrap .byline { margin: 0 0 0 15px; } .single.rtl .post-meta-wrap .post-meta .post-date { margin: 10px 0 0 15px; } body.rtl.single-post .post-meta-wrap .post-meta a { display: inline-block; margin: 0 15px 0 0; } .rtl .single-related-posts-section .blogistic-block-title:after { background: linear-gradient(190deg, var(--blogistic-global-preset-theme-color), transparent); right: 0; } .rtl .single-related-posts-section-wrap.layout--one .single-related-posts-wrap article .post-thumb-wrap { margin: 0 0 0 25px; } body.rtl.single-post .single-related-posts-section-wrap.layout--list article .post-meta .byline { margin: 0 0 0 15px; } body.rtl.single-post .single-related-posts-section-wrap.layout--list article .post-meta .byline img { margin: 0 0 0 10px; } body.rtl.single-post .single-related-posts-section-wrap.layout--list .post-meta .post-date, body.rtl.single-post .single-related-posts-section-wrap.layout--list .post-meta .post-read-time, body.rtl.single-post .single-related-posts-section-wrap.layout--list .post-meta .post-comments-num { margin-right: 0; margin-left: 15px; } body.rtl.single-post .single-related-posts-section-wrap.layout--list article .post-meta i { padding: 0 0 0 6px; } body.rtl.single-post .single-related-posts-section-wrap.layout--two article .post-meta .byline { text-align: right; } /* =============================== 7.0 Banner =============================== */ .rtl .blogistic-main-banner-section .main-banner-wrap .byline img { margin: 0 0 0 10px; } .rtl .blogistic-main-banner-section.layout--two .main-banner-wrap .post-elements .author-date-wrap span + span { margin-left: 0; margin-right: 15px; } /* =============================== 8.0 Carousel =============================== */ .rtl .blogistic-carousel-section .carousel-wrap .byline img { margin: 0 0 0 10px; } /* Responsive */ @media (max-width: 1025px) { .rtl .site-header.layout--one .main-header .row > div{ margin-left: 0; } .rtl .site-header.layout--one .main-header .row .header-custom-button-wrapper, .rtl .site-header.layout--one .main-header .row .search-wrap, .rtl .site-header.layout--one .main-header .row .mode-toggle-wrap, .rtl .site-header.layout--one .main-header .row .blogistic-canvas-menu { text-align: left; } .rtl .site-header.layout--one .main-header .row .site-navigation-wrapper { text-align: right; } .rtl .site-header .header-custom-button { justify-content: left; } .rtl .main-header nav.toggled .blogistic-primary-menu-container, .rtl .main-header nav.toggled div.menu { text-align: right; } } @media (max-width: 769px) { .rtl .main-navigation ul.menu li a.toggle-sub-menu, .main-navigation ul.nav-menu li a.toggle-sub-menu { right: initial; left: 0; } }