eng
fr
Language:
/* Theme Name: Wellness 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; } /*------------------------------ # Accessibility ------------------------------*/ .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { left: auto; right: 5px; } /*------------------------------ # Site Header ------------------------------*/ .site-header .site-branding { float: right; margin-right: auto; margin-left: 1.875rem; } .site-header .header-search { left: 0px; right: auto; } .site-header .header-search .search-form { right: auto; left: 0; } .site-header .header-search { right: auto; left: 40px; } /*------------------------------ # Navigation ------------------------------*/ .main-navigation ul { float: left; margin-right: 0px; margin-left: 30px; padding: 0px; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: auto; right: 100%; } .main-navigation li { float: right; } .menu-toggle-wrapper { right: auto; left: 50px; } @media (max-width: 991px) { .site-header .header-search { left: 20px; } } .menu-toggle:before { content: none; } .main-navigation.toggled .menu-toggle:before { content: none; } .menu-toggle:after { content: '\f0c9'; -moz-osx-font-smoothing: grayscale; font-family: "FontAwesome"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; text-transform: none; position: relative; margin-left: 5px; bottom: 0px; } .main-navigation.toggled .menu-toggle:after { content: '\f00d'; bottom: 1px; } @media (max-width: 991px) { .main-navigation ul { margin-left: 0px; } .main-navigation.toggled ul li:hover > ul, .main-navigation.toggled ul li.focus > ul { left: auto; right: 0; } .main-navigation.toggled ul ul a { padding-left: auto; padding-right: 25px; } .main-navigation.toggled ul ul ul a { padding-left: auto; padding-right: 50px; } .main-navigation.toggled ul ul a::after { left: auto; right: 0px; border-right: 1px solid #dddddd; border-top: none; border-bottom: 1px solid #dddddd; border-left: none; } .main-navigation.toggled ul ul ul a:after { right: 25px; } } /*------------------------------ # Featured Content Slider ------------------------------*/ .site-featured-content .featured-post-slide-meta { left: auto; right: 0px; animation-name: fadeInRight; } .site-featured-content .slider-nav { right: auto; left: 15px; } .site-featured-content .slider-nav-next { left: 70px } /*------------------------------ # Posts ------------------------------*/ .entry-meta > span { float: right; margin-right: 0; margin-left: 1.25rem; } .entry-footer > span{ float: right; margin-right: 0; margin-left: 1.25rem; } .comments-area .comments-title .comment_number_count { float: right; margin-right: 0; margin-left: 0.875rem; } .comments-area .comments-title .add_yours a { top: 0; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: right; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: left; } /* Comment List */ .comments-area .comment-list .avatar { float: right; margin-right: 0; margin-left: 1.0625rem; } /*------------------------------ # Testimonial Grid ------------------------------*/ .testimonials-grid .entry-content::after { left: auto; right: 42px; } .testimonials-grid .entry-header { margin: 1.875rem 1.125rem 0rem 0; } .testimonials-grid .entry-header .entry-thumb { left: auto; right: 0; } .testimonials-grid .entry-header .entry-title { padding-left: auto; padding-right: 80px; } /* Team section */ .member-wrapper .member-avatar{ right: 0px; } .member-wrapper .member-info { padding-left: 0px; padding-right: 180px; } @media (max-width: 767px) { .member-wrapper .member-info { padding-left: 0px; padding-right: 120px; } } @media (max-width: 767px) { .member-wrapper .member-avatar { width: 100px; height: 100px; } } /*------------------------------ # Widgets ------------------------------*/ .widget.widget_wpcom_social_media_icons_widget ul > li, .widget.widget_wpcom_social_media_icons_widget ol > li { margin-right: 0px; margin-left: 10px; }