/*
Theme Name: Puro
Description: Adds support for languages written in a Right To Left (RTL) direction.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Structure
2.0 - Layout
3.0 - Typography
4.0 - Elements
5.0 - Forms
6.0 - Navigation
7.0 - Alignments
8.0 - Widgets
9.0 - Content
10.0 - Header
11.0 - Footer
12.0 - Contact Form 7
13.0 - Gravity Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - Structure
--------------------------------------------------------------*/
body {
direction: rtl;
unicode-bidi: embed;
}
/*--------------------------------------------------------------
2.0 - Layout
--------------------------------------------------------------*/
#primary {
float: right;
}
.sidebar #primary {
border-right-width: 0;
border-left-width: 0.0625em;
padding: 0 0 0 3.5%;
}
#secondary {
float: left;
padding-right: 3.5%;
}
/*--------------------------------------------------------------
3.0 - Typography
--------------------------------------------------------------*/
blockquote {
border: none;
border-right: 0.1875em solid #2AC176;
padding: 0 1.6875em 0 0;
}
/*--------------------------------------------------------------
4.0 - Elements
--------------------------------------------------------------*/
ul, ol {
margin: 0 1.5rem 1.6875em;
}
dl dd {
margin: 0 1.6875em 0 0;
}
/*--------------------------------------------------------------
5.0 - Forms
--------------------------------------------------------------*/
input[type="checkbox"],
input[type="radio"] {
margin: 0 0 0 0.3125em;
}
/*--------------------------------------------------------------
6.0 - Navigation
--------------------------------------------------------------*/
.main-navigation {
float: left;
}
.main-navigation ul li {
padding: 0 0 0 1.6518em;
}
.main-navigation ul li:last-of-type {
padding-left: 0;
}
.main-navigation ul ul {
right: 0;
left: initial;
text-align: right;
}
.main-navigation .menu-item-has-children {
margin-right: 0;
margin-left: 2.6607em;
padding-right: 0;
padding-left: 0;
}
.main-navigation .menu-item-has-children a:before {
left: -1.5625em;
padding: 0 0.6em 0 0;
}
.paging-navigation .prev {
float: right;
}
.paging-navigation .next {
float: left;
}
.menu-social-container ul li:last-of-type {
padding-right: 0.3125rem;
}
.menu-toggle {
left: 0;
}
@media screen and (max-width: 48rem) {
.main-navigation.toggled .nav-menu li a {
text-align: right;
}
}
/*--------------------------------------------------------------
7.0 - Alignments
--------------------------------------------------------------*/
blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {
margin: 0 0 1.6875em 1.6875em;
}
blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {
margin: 0 1.6875em 1.6875em 0;
}
/*--------------------------------------------------------------
8.0 - Widgets
--------------------------------------------------------------*/
#secondary .widget ul, #colophon .widget ul {
margin-right: 0;
}
#secondary .widget ul li > ul, #colophon .widget ul li > ul {
margin-right: 1em;
}
#wp-calendar tfoot #next {
text-align: left;
}
#wp-calendar tfoot #prev {
text-align: right;
}
/*--------------------------------------------------------------
9.0 - Content
--------------------------------------------------------------*/
.entry-header {
text-align: right;
}
.entry-header .entry-meta span {
margin: 0 0 0 1.0714em;
}
.entry-header .entry-meta span span {
margin: 0;
}
.entry-header .entry-meta span:before, .entry-header .entry-meta a:before {
margin: 0;
}
.entry-header .entry-meta span:after, .entry-header .entry-meta a:after {
font-family: 'FontAwesome';
margin: 0 0 0 0.4554em;
}
.entry-header .entry-meta .featured-post:before,
.entry-header .entry-meta .entry-date a:before,
.entry-header .entry-meta .author a:before,
.entry-header .entry-meta .cat-links a:first-of-type:before,
.entry-header .entry-meta .tags-links a:first-of-type:before,
.entry-header .entry-meta .comments-link a:before {
content: none;
}
.entry-header .entry-meta .featured-post:after {
content: "\f08d";
}
.entry-header .entry-meta .entry-date a:after {
content: "\f073";
}
.entry-header .entry-meta .author a:after {
content: "\f040";
}
.entry-header .entry-meta .cat-links a:last-of-type:after {
content: "\f03a";
}
.entry-header .entry-meta .tags-links a:last-of-type:after {
content: "\f02b";
}
.entry-header .entry-meta .comments-link {
margin-right: 0;
}
.entry-header .entry-meta .comments-link a:after {
content: "\f0e5";
}
.entry-footer .edit-link a:before {
content: none;
}
.entry-footer .edit-link a:after {
content: "\f044";
font-family: 'FontAwesome';
margin-left: 0.3839em;
}
.more-link:after {
display: none;
}
.more-link:before {
content: "\f060";
font-family: 'FontAwesome';
font-size: 0.8125em;
padding: 0 0.5179em 0 0;
}
.page-links span {
margin: 0 0 0 0.3125em;
}
.search-form label, .post-password-form label {
margin: 0 0 0 0.8438em;
}
.comments-area .comment-list {
margin-right: 0;
}
.comments-area .comment-awaiting-moderation:before {
content: none;
}
.comments-area .comment-awaiting-moderation:after {
content: "\f071";
font-family: 'FontAwesome';
font-size: 0.8125em;
font-weight: normal;
margin: 0 0 0 0.4465em;
}
.comments-area .comment-author,
.comments-area .comment-awaiting-moderation,
.comments-area .comment-content,
.comments-area .comment-list .reply,
.comments-area .comment-metadata {
padding: 0 4.2188em 0 0;
}
.comments-area .comment-author .avatar {
right: 0;
left: initial;
}
.comments-area .bypostauthor .fn:before {
content: none;
}
.comments-area .bypostauthor .fn:after {
content: "\f005";
font-family: 'FontAwesome';
font-size: 0.8125em;
margin: 0 0 0 0.3125em;
}
.comments-area .comment-list .children {
margin: 0 1.5em 0 0;
}
@media (max-width: 30em) {
.comments-area .comment-list .children {
margin: 0 0.75em 0 0;
}
}
.comments-area .comment-reply-link:before, .comments-area .comment-reply-login:before {
content: none;
}
.comments-area .comment-reply-link:after, .comments-area .comment-reply-login:after {
content: "\f112";
font-family: 'FontAwesome';
margin: 0 0 0 0.3839em;
}
.comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {
margin: 0 0.6522em 0 0;
}
.comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link:before {
content: none;
}
.comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link:after {
content: "\f00d";
font-family: 'FontAwesome';
margin: 0 0 0 0.2589em;
}
/*--------------------------------------------------------------
10.0 - Header
--------------------------------------------------------------*/
.site-header .site-branding {
float: right;
}
/*--------------------------------------------------------------
11.0 - Footer
--------------------------------------------------------------*/
.site-footer .site-info {
float: right;
text-align: right;
}
.site-footer .menu-social-container {
float: left;
}
/*--------------------------------------------------------------
12.0 - Contact Form 7
--------------------------------------------------------------*/
.wpcf7 p span.wpcf7-list-item-label {
margin: 0 0 0 0.3125em;
}
.wpcf7 p span.wpcf7-list-item {
margin: 0 0 0 0.75em;
}
.wpcf7 p .wpcf7-form-control.wpcf7-submit {
float: right;
}
.wpcf7 p img.ajax-loader {
float: right;
margin: 0.75em 1.5em 0 0;
}
.wpcf7 .wpcf7-validation-errors {
float: right;
}
.wpcf7 .wpcf7-mail-sent-ok {
float: right;
}
/*--------------------------------------------------------------
13.0 - Gravity Forms
--------------------------------------------------------------*/
.gform_wrapper .gfield_checkbox li input[type=checkbox],
.gform_wrapper .gfield_radio li input[type=radio],
.gform_wrapper .gfield_checkbox li input {
margin: 0 0.125em 0 0;
}
