/* Theme Name: builderio 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; } th { text-align: right; } /* Accessibility */ .screen-reader-text:focus { left: auto; right: 5px; } /* Typography */ textarea { padding-right: 3px; } li > ul, li > ol { margin-left: 0; margin-right: 1.5em; } th:first-child, td:first-child { padding-left: 0.4em; padding-right: 0; } th:last-child, td:last-child { padding-left: 0; padding-right: 0.4em; } /* Forms */ input[type="radio"], input[type="checkbox"] { margin-left: 0.5em; margin-right: 0; } /* Media */ .mejs-offscreen { right: -10000px; } /* Site Branding */ .custom-logo-link { padding-left: 1em; padding-right: 0; } /* Main Navigation */ .main-navigation ul { text-align: right; } .main-navigation ul ul { padding-left: 0; padding-right: 1.5em; } .menu-toggle .icon { margin-left: 0.5em; margin-right: 0; } .dropdown-toggle { left: -0.5em; right: auto; } /* Front Page */ .wp-custom-header-video-button { left: 30px; right: auto; } .builderio-panel .recent-posts .entry-header .edit-link { margin-left: 0; margin-right: 1em; } /* Blog, Archive, Search */ .blog .entry-meta a.post-edit-link, .archive .entry-meta a.post-edit-link, .search .entry-meta a.post-edit-link { margin-left: 0; margin-right: 1em; } .search .page .entry-meta a.post-edit-link { margin-right: 0; } .sticky .icon-thumb-tack { left: auto; right: -1.5em; } .prev.page-numbers .icon, .next.page-numbers .icon { display: inline-block; -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); } .prev.page-numbers { float: right; } .next.page-numbers { float: left; } .nav-links .nav-previous .nav-title .nav-title-icon-wrapper { margin-left: 0.5em; margin-right: 0; } .nav-links .nav-next .nav-title .nav-title-icon-wrapper { margin-left: 0; margin-right: 0.5em; } /* Blog Entries */ .entry-footer .cat-links, .entry-footer .tags-links { padding-left: 0; padding-right: 2.5em; } .entry-footer .cat-links .icon, .entry-footer .tags-links .icon { left: auto; margin-left: 0.5em; margin-right: 0; right: 0; } /* Comments */ .comment-body { margin-left: 0; margin-right: 65px; } .comment-reply-link .icon { left: auto; right: -2em; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .comment-author .avatar { left: auto; right: 0; } .comment-reply-link:before { left: auto; right: -2em; } .children .comment-author .avatar { left: auto; right: 0x; } .form-submit { text-align: left; } /* Post Formats */ .format-quote blockquote .icon { left: auto; right: -1.25em; -webkit-transform: none; -ms-transform: none; transform: none; } /* Post Navigation */ .nav-links .nav-previous .nav-title .nav-title-icon-wrapper, .nav-links .nav-next .nav-title .nav-title-icon-wrapper { display: inline-block; -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); } /* Widgets */ .widget ul { margin: 0; } .search-form .search-submit { left: 0px; right: auto; } .search-form i{ margin-left: 0; } .tagcloud ul li { float: right; margin: 4px 0 0 4px; } .widget ul li li { padding-left: 0; padding-right: 1.5rem; } .widget_text ul { margin: 0 1.5em 1.5em 0; } .widget_text ul li ul { margin: 0 1.5em 0 0; } /* Footer */ .social-navigation a { margin-left: 1em; margin-right: 0; } /* Customizer styles */ .builderio-customizer.builderio-front-page .builderio-panel .builderio-panel-title { left: 3.2em; right: auto; } /* Gallery Styles */ .gallery-item, .gallery-caption { text-align: right; } /* SVG Fallback */ .no-svg .dropdown-toggle { left: 0; right: auto; } /* Media queries */ @media screen and (min-width: 48em) { body.page-template-full-width-page #primary { float: none; } .has-sidebar #secondary { float: left; } .error404 #primary { float: none; } /* Site Branding */ .custom-logo-link { padding-left: 2em; padding-right: 0; } /* Navigation */ .main-navigation ul ul { padding-right: 0; } .main-navigation ul ul:before, .main-navigation ul ul:after { left: 0.5em; right: auto; } .main-navigation ul ul, .main-navigation ul ul ul { left: auto; right: -999em; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: auto; right: 100%; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; right: 0.5em; } .main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.page_item_has_children:before, .main-navigation ul li.page_item_has_children:after { left: 1em; right: auto; } .main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon { left: auto; right: 5px; } .main-navigation ul ul .menu-item-has-children > a > .icon, .main-navigation ul ul .page_item_has_children > a > .icon { left: 1em; right: auto; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } /* Scroll down arrow */ .navigation-top .menu-scroll-down { left: 0; right: auto; } .site-header .menu-scroll-down { left: 0; right: auto; } .entry-title a { margin-left: auto; margin-right: -2px; } /* Front Page */ .page-two-column .panel-content .entry-header { float: right; } .page-two-column .panel-content .entry-content { float: left; } /* Front Page - Recent Posts */ .page-two-column .panel-content .recent-posts { clear: left; float: left; } /* Blog, Archive, Search */ .sticky .icon-thumb-tack { left: auto; right: -2.5em; } /*body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header, body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header { float: right; }*/ /*.blog:not(.has-sidebar) #primary article, .archive:not(.has-sidebar):not(.page-one-column) #primary article, .search:not(.has-sidebar) #primary article{ float: left; }*/ .entry-footer .edit-link a.post-edit-link { margin-left: 0; margin-right: 1em; } /* Entry content */ /* with sidebar */ .has-sidebar .entry-content blockquote.alignleft { margin-left: 0; width: 34%; } .has-sidebar #primary .entry-content blockquote.alignright, .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta { margin-right: 0; width: 34%; } .has-sidebar #primary .entry-content blockquote.alignleft.below-entry-meta { margin-left: -72.5%; width: 62%; } /* blog index and archive */ .blog:not(.has-sidebar) .entry-content blockquote.alignleft, .builderio-front-page.page-two-column .entry-content blockquote.alignleft, .archive:not(.has-sidebar) .entry-content blockquote.alignleft, .page-two-column .entry-content blockquote.alignleft { margin-left: 0; width: 34%; } .blog:not(.has-sidebar) .entry-content blockquote.alignright, .builderio-front-page.page-two-column #primary .entry-content blockquote.alignright, .archive:not(.has-sidebar) .entry-content blockquote.alignright, .page-two-column #primary .entry-content blockquote.alignright { margin-right: -72.5%; width: 62%; } /* Post formats */ .format-quote blockquote .icon { left: auto; right: -1.5em; } .navigation.pagination { float: left; } .has-sidebar .navigation.pagination, .archive.page-one-column:not(.has-sidebar) .navigation.pagination { float: none; } /* Comments */ ol.children .children { padding-left: 0; padding-right: 2em; } /* Post Navigation */ .nav-links .nav-previous .nav-title .nav-title-icon-wrapper { left: auto; right: -2em; } .nav-links .nav-next .nav-title .nav-title-icon-wrapper { left: -2em; right: auto; } /* Footer */ .site-footer .widget-column.footer-widget-1 { float: right; } .site-footer .widget-column.footer-widget-2 { float: left; } .social-navigation { clear: right; float: right; } .social-navigation + .site-info { margin-left: 0; margin-right: 6%; } } @media screen and (min-width: 67em) { /* Sticky posts */ .sticky .icon-thumb-tack { left: auto; right: -1.25em; } } @media screen and (min-width: 79em) { .has-sidebar #primary .entry-content blockquote.alignright, .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta { margin-right: -20%; } .blog:not(.has-sidebar) .entry-content blockquote.alignleft, .archive:not(.has-sidebar) .entry-content blockquote.alignleft, .page-two-column .entry-content blockquote.alignleft, .builderio-front-page .entry-content blockquote.alignleft { margin-left: -20%; } } .header-wrapper .header-top .header-right{ float: left; } .header-wrapper .header-top .header-left{ float: right; } .header-top .contact-info .list-inline-item:first-child, .header-top .social-info li.list-inline-item:first-child { margin-right: 0; } i { margin-right: 0; margin-left: 10px; } .header-top .contact-info .list-inline-item:last-child{ margin-right: 10px; margin-left: 0; } .header-top .social-info li i{ margin-right: 0; margin-left: 0; } .header-top .social-info li.list-inline-item:last-child{ margin-right: 20px; } .header-menu .main-navigation .menu-all-pages-container li:last-child a { padding-left: 0; } .header-menu .main-navigation .menu-all-pages-container .sub-menu li:first-child a { padding-right: 20px; } .header-wrapper .header-menu .site-branding{ float: right; } .header-wrapper .header-menu .navigation-section { float: left; } @media screen and (min-width: 48em){ .main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.page_item_has_children:before, .main-navigation ul li.page_item_has_children:after { left: auto; right: 2rem; } } @media screen and (max-width: 1024px){ .navigation-section { width: auto; } .zmm-dropdown-toggle{ left: 0; right: auto; } } .page-header.jumbotron { border-radius: 0; } .post .entry-meta li:first-child { margin-right: 0; } .post .entry-meta li:last-child { margin-right: .5rem; } .post-navigation .nav-links .nav-next i, .post-navigation .nav-links .nav-previous i{ display: none; } .post-navigation .nav-next .nav-title::before { content: "\f053"; font-family: fontawesome; margin-right: 7px; } .post-navigation .nav-previous .nav-title::after { content: "\f054"; font-family: fontawesome; margin-left: 7px; } .site-footer form.search-form button { height: 46px; } body .not-found .search-form .search-submit, .wrong-search-wrapper .search-form .search-submit{ right: 0; } .type-attachment .entry-meta li:first-child { margin-right: 0; } .type-attachment .entry-meta li:last-child { margin-right: .5rem; } .main-navigation .main-menu > li:last-child a{ padding-right: 17px; } @media screen and (max-width: 767px){ .post .entry-meta li:last-child { margin-right: 0; } .type-attachment .entry-meta li:last-child { margin-right: 0; } .type-attachment p.attachment{ margin-top: 25px; } .page-header.jumbotron .page-title { display: block; } .page-header .header-breadcrumb{ display: block; } } .feature-bottom-line::before{ left: auto; right: auto; } .header-menu .main-navigation .sub-menu li:last-child a { padding-right: 20px; padding-left: 1.25em; } .builderio-call-to-action .action-btn{ text-align: left; } @media screen and (min-width: 768px){ .page-header .header-breadcrumb{ float: left; } .page-header .page-title{ float: right; } } @media screen and (max-width: 480px){ .single-post .entry-meta li, .single-post .entry-meta li:first-child, .single-post .entry-meta li:last-child{ margin-right: 10px; } } @media screen and (max-width: 768px){ .post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next{ display: block; position: relative; width: 100%; float: right; } .post-navigation .nav-next a { margin-top: 20px; } .post-navigation .nav-previous a, .post-navigation .nav-next a { float: none; } } @media screen and (max-width: 991px){ .builderio-call-to-action .action-btn{ text-align: center; } } .builderio-featured-slider-wrapper .type-page .entry-content p{ text-indent: unset; }