/home/arranoyd/magicraft/wp-content/themes/massive-dynamic/style-rtl.css
/* Index (priority) */
/*
1. General
2. Header - Logo Top
3. Header - Modern Top
4. Footer
5. SC. Call To Action
6. SC. Accordion
7. SC. Toggle
8. SC. Business Toggle
9. SC. Tabs
10. SC. Tab Horizontal
11. SC. Lists
12. SC. Counter
13. SC. Count Box
14. SC. Fancy Text
15. SC. Subscribe Modern
16. SC. Skills
17. SC. Skills 2
18. SC. Portfolio Multi Size
19. SC. Portfolio Split
20. SC. Portfolio Carousel
21. Widget. Text
22. Widget. Search
23. SC. Testimonial
24. SC. Image Box Full Width
25. SC. Team Member Classic
26. SC. Blog Classic
27. SC. Blog Carousel
28. SC. Blog Calendar
29. SC. Blog Masonry
30. Widget. Progreess Bar
31. Blog Detail
32. Business Bar
33. Recent Project
34. Search
35. SC. Client Carousel
36. Widget. Recent Portfolio
37. Widget. Recent Entries
38. SC. Portfolio Full
39. SC. Subscribe
40. text shortcode
41. Double slider
42. RTL Patch
*/
/* 1. General */
@charset "utf-8";
html {
direction: ltr;
}
body {
}
body .layout-container {
direction: rtl;
}
body .layout-container header .icons-pack li {
margin: 0 0 0 15px;
}
/* 2. Header - Logo Top */
body .layout-container header .content nav.navigation {
/*float: right;*/
}
body .layout-container header.top-logotop .style-logotop nav > ul > li:after {
left: 0;
right: inherit;
}
body .layout-container header.top-logotop .icons-pack {
margin-right: 20px;
}
body .layout-container header nav > ul > li.menu-item:first-child {
padding-left: 20px;
}
/* 3. Header - Modern Top */
body .layout-container header.top-modern .first-part {
float: right;
}
/* 4. Footer */
body .layout-container #footer-bottom .linear .logo {
float: right;
}
body .layout-container #footer-bottom .linear .social-icons {
float: left;
margin-right: 1em;
}
body .layout-container #footer-bottom .linear .copyright {
float: left;
}
/* 5. SC. Call To Action */
body .layout-container .call-to-action .content .description {
float: right;
}
body .layout-container .call-to-action .button-parent {
direction: ltr;
left: 0;
right: inherit;
}
/* 6. SC. Accordion */
body .layout-container .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header .ui-accordion-header-icon {
left: 0.83em;
right: inherit;
}
body .layout-container .wpb_accordion_section .wpb_accordion_header .icon_left {
text-align: right;
right: 1.5em;
}
body .layout-container .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
text-align: right;
right: 2.5em;
}
body .layout-container .wpb_accordion_section .wpb_accordion_header {
/* direction: rtl;*/
}
/* 7. SC. Toggle */
body .layout-container .wpb_md_toggle .ui-accordion .wpb_accordion_section .ui-icon {
left: 0.83em;
right: inherit;
}
body .layout-container .wpb_md_toggle .wpb_accordion_section .icon_left {
right: 0.5em;
left: 20px;
max-width: 30px;
}
body .layout-container .wpb_md_toggle .wpb_toggle_wrapper .wpb_toggle_header a {
right: 4.5em;
text-align: right;
}
/* 8. SC. Business Toggle */
body .layout-container .wpb_md_toggle2 .wpb_toggle_wrapper .wpb_toggle_header {
padding-right: 45px;
padding-left: inherit;
}
body .layout-container .wpb_md_toggle2 .wpb_toggle_wrapper .wpb_toggle_header span.ui-accordion-header-icon {
right: 0;
border-left: 2px solid;
border-right: none;
}
body .layout-container .wpb_md_toggle2 .wpb_toggle_header .icon_left {
right: 72px;
left: inherit;
}
body .layout-container .wpb_md_toggle2 h3.wpb_toggle_header a{
text-align: right;
display: block;
padding-right: 3.9em;
padding-left:0;
}
/* 9. SC. Tabs */
body .layout-container .wpb_content_element .px_tabs_nav.md-custom-tab > li span {
right: 1em;
}
/* 10. SC. Tab Horizontal */
body .layout-container .md_hor_tab.wpb_content_element .px_tabs_nav.md-custom-tab > li a i.right-icon {
float: right;
margin-right: 0;
}
body .layout-container .md_hor_tab.wpb_content_element .px_tabs_nav.md-custom-tab > li a i.right-icon:first-child {
margin-left: 12px;
}
body .layout-container .md_hor_tab.wpb_content_element .px_tabs_nav.md-custom-tab > li > a .horTabTitle {
float: right;
}
body .layout-container .md_hor_tab.wpb_content_element .px_tabs_nav.md-custom-tab > li a i.icon-angle-right {
float: left;
transform: rotate(180deg);
}
body .layout-container .md_hor_tab.wpb_content_element ul.ui-tabs-nav {
float: right;
}
body .layout-container .md_hor_tab.wpb_content_element .wpb_tab.ui-tabs-panel {
text-align: right;
}
/* 11. SC. Lists */
body .layout-container .list-shortcode ol > li:before {
right: -35px;
margin-left: 8px;
left: inherit;
margin-right: 0;
}
body .layout-container .list-shortcode ul li span {
padding-left: 16px;
padding-right: 0;
}
/* 12. SC. Counter */
body .layout-container .md-counter .text {
text-align: right;
margin-right: 10px;
}
/* 13. SC. Count Box */
body .layout-container .md-countbox .timer {
opacity: 1;
float: right;
margin-left: 30px;
margin-right: 0;
}
body .layout-container .md-countbox .countbox-text {
float: right;
text-align: right;
}
body .layout-container .md-countbox .shortcode-btn {
float: right !important;
}
/* 14. SC. Fancy Text */
body .layout-container .md-fancy-text .fancy-text-bg {
right: 0;
transform: translateX(0%);
left: inherit;
}
/* 15. SC. Subscribe Modern */
body .layout-container .modern-subscribe .modern-subscribe-button {
margin-left: -100%;
transform: rotate(180deg);
}
body .layout-container .modern-subscribe .modern-subscribe-button:hover {
margin-left: -101%;
}
body .layout-container .modern-subscribe .subscribe-content {
float: right;
}
/* 16. SC. Skills */
body .layout-container .skill-style1:not(.style2) .bar-percentage {
float: right;
margin-left: 15px;
text-align: right;
}
body .layout-container .skill-style1:not(.style2) .bar-title {
right: 3px;
text-align: right;
}
/* 17. SC. Skills 2 */
body .layout-container .skill-style1.style2 .bar-title {
right: 3px;
text-align: right;
}
body .layout-container .skill-style1.style2 .bar-percentage {
text-align: left;
}
body .layout-container .middle-bar .circle {
float: left;
}
/* 18. SC. Portfolio Multi Size */
body .layout-container .isotope.clearfix.portfolio-container {
direction: ltr;
}
body .layout-container .portfolio.inside .overlay-background {
left: 0;
}
body .layout-container .portfolio.inside .item-meta {
right: 30px;
left: inherit;
}
body .layout-container .portfolio.inside .item-meta h5 {
text-align: right;
margin-right: 25px;
margin-left: 0;
}
.portfolio.inside .item:hover .item-category {
margin-right: 0;
}
body .layout-container .portfolio.inside .item-title {
padding-left: 100px;
margin-right: -100px;
padding-right: inherit;
margin-left: inherit;
text-align: right;
}
body .layout-container .portfolio.inside .item:hover .item-title {
margin-right: 0;
padding-left: 0;
}
body .layout-container .portfolio.inside .md-post-like {
right: 30px;
left: inherit;
}
body .layout-container .portfolio.inside .heading .filter {
/*float: right;*/
}
/* 19. SC. Portfolio Split */
body .layout-container .portfolio-split .box_size .data .attributes .left {
float: right;
}
body .layout-container .portfolio-split .box_size .data .attributes .right {
float: left;
}
body .layout-container .type-portfolio .buttons .like .value {
display: inline;
}
/* 20. SC. Portfolio Carousel */
body .layout-container .owl-carousel.owl-loaded {
direction: ltr;
}
body .layout-container .portfolio-carousel .box_size.clearfix > div:first-child {
float: right;
}
body .layout-container .portfolio-carousel .box_size.clearfix > div:last-child {
float: right;
}
body .layout-container .portfolio-carousel .meta {
border-right: 1px solid rgba(0,0,0,0.2);
border-left: none;
padding-right: 9%;
padding-left: 0;
}
body .layout-container .portfolio-carousel .attribute .left:last-child {
float: right;
}
/* 21. Widget. Text */
body .layout-container footer .widget-area .widget-title {
text-align: right;
}
body .layout-container footer .widget-area .widget {
text-align: right;
}
body .layout-container footer .widget-md-text .text-widget-desc p {
padding-right: 0;
padding-left: 40px;
}
body .layout-container footer .widget-md-text #text-widget-btn {
margin-left: 3em;
direction: ltr;
}
/* 22. Widget. Search */
body .layout-container footer .widget_search input:last-child {
left: 15px;
right: inherit;
transform: rotate(180deg);
}
body .layout-container footer .widget_search input:first-child {
padding-right: 2em;
}
body .layout-container footer .widget_search input:last-child:hover {
left: 11px;
right: inherit;
}
/* 23. SC. Testimonial */
body .layout-container .testimonial-classic.testimonial-classic-left {
text-align: right;
}
/* 24. SC. Image Box Full Width */
body .layout-container .imagebox-full.align-left {
padding: 55px 5% 40px 19%;
text-align: right;
}
body .layout-container .imagebox-full.align-left .shortcode-btn {
float: right !important;
direction: ltr;
}
body .layout-container .imagebox-full.align-center .shortcode-btn a.button{
margin: auto;
direction: ltr;
max-width: 12em;
}
/* 25. SC. Team Member Classic */
body .sliphover-container .sliphover-overlay div {
text-align: right;
direction: rtl;
}
body .sliphover-container .sliphover-overlay .teammember-classic .social-icons {
float: right;
}
/* 26. SC. Blog Classic */
body .layout-container .classic-blog-left .enblog-classic-container {
text-align: right;
}
body .layout-container .classic-blog-left .loop-post-content .post-categories {
text-align: right;
float: right;
padding-right: 55px;
padding-left: 0;
}
body .layout-container .classic-blog-left .loop-post-content .post-info-container {
float: right;
}
body .layout-container .classic-blog-left .loop-post-content .post-title {
text-align: right;
}
body .layout-container .classic-blog-left .loop-post-content .post-info {
text-align: right;
margin-right: 25px;
margin-left: 0;
}
body .layout-container .classic-blog-left .loop-post-content a.continue-reading {
margin-right: 55px;
margin-left: 0;
}
body .layout-container .classic-blog-left .loop-post-content a.continue-reading {
margin-right: 55px;
margin-left: 0;
float: right;
}
body .layout-container .classic-blog-left .loop-post-content .sharing {
float: left;
margin-left: 55px;
margin-right: 0;
}
body .layout-container .classic-blog .loop-post-content .continue-reading-arrow {
transform: rotate(180deg);
margin-right: 1em;
display: inline-block;
}
body .layout-container .classic-blog-left .loop-post-content .classic-blog-content p {
width: 100%;
line-height: 24px;
}
body .layout-container .classic-blog-left .loop-post-content .post-media .post-author-meta {
right: 15px;
left: inherit;
}
body .layout-container .classic-blog-left .loop-post-content .post-media .post-author-meta .author-image {
float: right;
}
body .layout-container .classic-blog-left .loop-post-content .post-media .post-author-meta .post-author {
margin-left: 0;
margin-right: 10px;
text-align: right;
line-height: 25px;
}
body .layout-container .post-pagination {
direction: ltr;
}
/* 27. SC. Blog Carousel */
body .layout-container .post-carousel-container .post-content-container .blog-title {
text-align: right;
}
body .layout-container .post-carousel-container .post-content-container .post-description {
text-align: right;
}
/* 28. SC. Blog Calendar */
body .layout-container .calendar-blog .blog-container h6,
body .layout-container .calendar-blog p {
right: 7%;
}
body .layout-container .calendar-blog .blog-cat {
float: right;
}
body .layout-container .calendar-blog .blog-comment {
position: relative;
left: 7%;
width: 2.5em;
}
/* 29. SC. Blog Masonry */
body .layout-container .blog-masonry-container .blog-details {
left: 13px;
right: inherit;
}
body .layout-container .blog-masonry-container .blog-date .px-icon {
margin-left: 5px;
margin-right: 0;
}
/* 30. Widget Progreess Bar */
body .layout-container .widget_md_progress .progress-list .bar-percentage {
float: right;
}
body .layout-container .widget_md_progress .progress-list .title {
right: 3px;
left: inherit;
text-align: right;
}
/* 31. Blog Detail */
body .layout-container .post-content .author-section .title {
float: right;
width: 3%;
}
body .layout-container .post-content .author-section .line {
float: left;
}
body .layout-container .post-content .author-section .image {
float: right;
}
body .layout-container .post-content .recent-post .single_related {
float: right;
}
body .layout-container .post-content .recent-post .single_related a {
text-align: right;
}
body .layout-container .comments .comments-list .comment-image {
float: right;
}
body .layout-container .comments .comments-list .comment-content {
float: right;
margin-left: inherit;
margin-right: 20px;
}
body .layout-container .comments .comments-list .comment-meta .name {
float: right;
direction: ltr;
}
body .layout-container .comments .comments-list .comment-edit-link {
float: right;
border-left: 1px solid #CAC9C9;
border-right: none;
}
body .layout-container .comments .comments-list .comment-reply-link {
float: left;
}
body #content .post-comment-holder {
float: left;
left: inherit;
}
body.blog #content .post-comment-holder {
margin-top: 25px;
}
body.blog #content .post-share,
body.archive #content .post-share {
left: 1em;
bottom: inherit;
right: inherit;
position: relative;
float: left;
}
body #content .post-comment-hover span {
right: 56%;
}
body.archive #content .loop-post-content .post-comment-holder {
margin: 0 0 30px 10px !important;
}
body.archive #content .loop-post-content .post-share {
margin: 0 0 30px 0 !important;
}
body.blog .loop-post-content p .more-link {
float: right;
}
body.blog .loop-post-content p .more-link i,
body.archive .loop-post-content p .more-link i {
float: left;
transform: rotate(180deg);
}
body.archive .loop-post-content p .more-link {
top: 35px;
position: relative;
}
body .post-content .post-tags {
float: right;
display: flex;
}
body .post-content .post-share {
float: left;
}
body .post-content .post-tags a:first-child {
margin-right: 10px;
margin-left: 2px;
}
/* 32. Business Bar */
body .layout-container .business .info-container {
float: right;
}
body .layout-container .business .social {
float: left;
}
body .layout-container .business .item {
margin-right: 0;
margin-left: 40px;
}
body .layout-container .business .info-container span {
float: right;
margin-left: 12px;
margin-right: 5px;
}
/* 33. Recent Project */
body .layout-container .recent-project .single_related {
float: right;
}
/* 34. Search */
body #notification-tabs #search-input{
text-align: right;
}
body #notification-tabs .clear-button {
right: inherit;
}
/* 35. Client Carousel */
.wrap-client-carousel {
direction: ltr;
}
/* 36. Widget Recent Portfolio */
body .layout-container footer .widget-area .widget-md-recent-portfolio .item-list .item {
margin: 0 0 9px 9px;
float: right;
}
/* 37. Widget Recent Entries */
body .layout-container footer .widget-area .widget.widget_recent_entries ul li {
background-position: right 7px;
}
body .layout-container footer .widget-area .widget.widget_recent_entries ul li a {
margin-right: 20px;
margin-left: inherit;
}
/* Widget Recent Post */
body .widget.widget-md-recent-post .item-image{
float: right;
margin-right:auto;
margin-left: 10px;
}
body .widget.widget-md-recent-post .item-info{
float: right;
}
/* 38. SC. Portfolio Full */
body .layout-container .portfolio-full .recent-project {
text-align: right;
}
/* 39. SC. Subscribe */
body .layout-container .sc-subscribe button i.button-icon.icon-angle-right {
transform: rotate(180deg);
margin-right: 0.8em;
display: inline-block;
vertical-align: middle;
}
/* team member modern*/
body .team-member-top{
direction: ltr;
}
/* 40.SC text */
.md-text-container .md-text .md-text-content p,
.md-text-container .md-text .md-text-title,
.md-text-container .md-text .md-text-title *{
font-family: inherit;
}
/* 41. Double slider */
.double-slider {
direction: ltr;
}
body .layout-container .mBuilder_row_controls,body .layout-container .mBuilder_controls {
direction: ltr;
}
@media (max-width: 800px) {
body .list-shortcode,
body .list-shortcode ul li {
text-align: right;
}
}
body .list-shortcode ul li{
text-align:right;
}
body .iconbox-side2.style2 .description {
text-align: right;
}
body div.layout .blog-masonry-container{
text-align: right;
}
body .row-equal-column-height .wrap{
flex-direction: row-reverse;
}
/* 42. RTL Patch */
@media (max-width:480px) {
.iconbox-side2.style2.right-align .icon-container,
.iconbox-side2.style2.right-align .heading {
float: none !important;
}
.iconbox-side2.style2,
.iconbox-side2.style2 .description {
text-align: center !important;
}
.md-counter .timer {
text-align: center !important;
}
.button-parent {
padding: 0 !important
}
.form-container-modern .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
font-size: 7px !important;
}
}
@media (min-width:767px) and (max-width:800px) {
body .layout-container .md-fancy-text .fancy-text-bg {
right: 25px !important;
}
}
@media (max-width:767px) {
.md-fancy-text .fancy-text-title {
text-align: right !important;
}
}
.sc-separator.md-align-left {
margin-right: 0 !important;
}
@media (max-width: 800px) {
.sc-separator.md-align-left {
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (max-width: 1366px) {
.sliphover-overlay div:nth-child(1)>div:nth-child(2) {
padding: 0 20px 4px 0 !important;
}
}
@media (max-width: 1270px) {
.testimonial-classic.testimonial-classic-left {
text-align: center !important;
}
}
.music-sc .jp-duration {
float: left !important;
}
.music-sc .track .link {
left: 0px !important;
}
li.track .music-hoverd {
right: -12px !important;
left: auto !important;
margin-top: 30px !important;
}
.jp-audio {
text-align: right !important;
}
.music-sc .jp-audio .music-bar {
float: left !important;
margin-left: 20px !important;
}
.music-sc .track.music-played .icon-play {
left: auto !important;
}
.price-container {
display: flex !important;
align-items: baseline;
justify-content: center;
}
span.currency:nth-of-type(1) {
order: 2;
}
span.price:nth-of-type(2) {
order: 1;
}
.top-elems.clearfix {
display: flex !important;
}
.top-elems.clearfix .input.input--hoshi:nth-of-type(1) {
order: 3;
margin-left: 25px;
!important;
margin-right: 0 !important;
}
.top-elems.clearfix .input.input--hoshi:nth-of-type(3) {
order: 1;
}
.form-container-modern .wpcf7-form-control-wrap .input__field--hoshi {
text-align: right !important;
}
.form-container-modern .input__label--hoshi {
text-align: right !important;
}
.form-container-modern .input__label-content {
padding-right: 10px !important;
}
.form-container-classic .clearfix .inputs-container {
display: flex;
}
.form-input:nth-of-type(1) {
order: 3;
}
.form-input:nth-of-type(3) {
order: 1;
}
.form-container-classic input,
.form-container-classic textarea {
direction: rtl !important;
}
.form-container-modern .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
text-align: left !important;
left: 0 !important;
}
.sidebar.border.dark-sidebar .widget {
text-align: right !important;
}
.dark-sidebar .widget_search input:last-child {
background-image: url("http://localhost/business/wp-content/uploads/2018/02/rtl-search-dark.png") !important;
left: 0 !important;
right: auto !important;
}
.sidebar.widget-area.visible-desktop.hidden-tablet.dark-sidebar.left-align.box.left.right-sidebar {
text-align: right !important;
}
.sidebar.box .separator {
margin-left: 0 !important;
margin-right: -70px !important;
}
.woocommerce ul.product_list_widget li a .product-list-widget-img {
margin-right: 0 !important;
margin-left: 10px !important;
}
.sidebar.widget-area.visible-desktop.hidden-tablet.dark-sidebar.left-align.box.left {
text-align: right !important;
}
.blog-masonry-container {
text-align: right !important;
}
.blog-masonry-container .quote-img {
margin: 40px 15px -10px 35px !important;
}
.calendar-blog .blog-details {
bottom: 5% !important;
}
@media(min-width:1200px) {
.woocommerce-page.columns-5 ul.products li.product,
.woocommerce.columns-5 ul.products li.product {
margin-left: 15px !important;
margin-right: 0 !important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
margin-right: 12px !important;
margin-left: 6px !important;
}
.woocommerce .woocommerce-ordering {
margin: -20px 27px 20px !important;
}
}
.dark-sidebar,
.dark-sidebar a,
.dark-sidebar a span,
.dark-sidebar select {
text-align: right !important;
}
nav.woocommerce-MyAccount-navigation {
direction: ltr !important;
}
body .layout-container header .icons-pack li {
margin-right: 5px !important;
margin-left: 0 !important;
}
.notification-center .header {
margin-bottom: 10px !important;
}
#notification-tabs .pager {
margin-bottom: 15px !important;
}
#notification-tabs .cart_list {
height: 324px !important;
}
#notification-tabs .cart_list li {
margin-bottom: 0 !important;
}
#notification-tabs .cart_list li div.cart-img {
height: 220px !important;
}
#notification-tabs p.total,
#notification-tabs p.total .amount {
margin-top: 0 !important;
}
#notification-tabs .buttons {
margin-top: 0 !important;
}
.woocommerce span.onsale {
right: 0.5em !important;
}
.single-product .images {
margin-right: 0 !important;
}
.navigation-mobile ul {
text-align: right;
}
.navigation-mobile li .icon {
margin-left: 10px;
margin-right: 0 !important;
}
.navigation-mobile .search-form input[type="text"] {
padding: 0 20px 0 10px !important;
}
.navigation-mobile .search-form input[type="submit"] {
right: auto !important;
left: 20px !important;
}
header[class *="top-"]:not(.right) nav.navigation li.megamenu>.dropdown,
header[class *="top-"]:not(.right) nav.navigation li.has-dropdown>.dropdown {
left: auto !important;
right: 0 !important;
}
header .top nav li.megamenu>.dropdown>li,
.gather-overlay .menu nav li.megamenu>.dropdown>li {
float: right !important;
}
header nav.navigation li.megamenu>.dropdown .dropdown,
.gather-overlay nav.navigation li.megamenu>.dropdown .dropdown {
margin-left: 0 !important;
margin-right: 30px !important;
}
nav li.megamenu .dropdown li.menu-item>a {
text-align: right !important;
}
header .top nav>ul>li:not(.megamenu) li a,
.gather-overlay .menu nav>ul>li:not(.megamenu) li a {
text-align: right !important;
}
.navigation-mobile li .arrow {
text-align: left !important;
}
.widget_search input:first-child {
padding-right: 15px !important;
padding-left: 15px !important;
}
.calendar-blog .blog-container {
float: right !important;
}
.widget.widget-md-recent-portfolio .item-list .item {
float: right !important;
}
.widget-instagram .widget-content>.item {
float: right !important;
}
.widget-md-social a i.icon {
margin-left: 10px;
margin-right:0 !important;
float: right;
}
.product-categories .meta.left,
.product-categories .hover-text.left {
text-align: right !important;
left: auto !important;
right: 30px !important;
}
.woocommerce ul.products li.product .onsale {
right: 15px !important;
left: auto !important;
}
.single-product .summary .quantity span {
float: right !important;
}
.woocommerce .woocommerce-product-rating .star-rating {
float: left !important;
}
.form-container-classic .input-text {
float: right !important;
}
