/*
Theme Name: WildBook
Description: Adds support for languages written in a Right To Left (RTL) direction.
It's easy, just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

See: https://codex.wordpress.org/Right_to_Left_Language_Support
*/

/**
 * 1.0 - Normalize
 */
body {
	direction: rtl;
	unicode-bidi: embed;
}

/**
 * 2.0 - Typography
 */
html[lang="ar"] body,
html[lang="ary"] body,
html[lang="azb"] body,
html[lang="fa-IR"] body,
html[lang="haz"] body,
html[lang="ps"] body,
html[lang="ur"] body {
  font-family: 'Amiri', Lora, Georgia, serif;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ary"] h1,
html[lang="ary"] h2,
html[lang="ary"] h3,
html[lang="ary"] h4,
html[lang="ary"] h5,
html[lang="ary"] h6,
html[lang="azb"] h1,
html[lang="azb"] h2,
html[lang="azb"] h3,
html[lang="azb"] h4,
html[lang="azb"] h5,
html[lang="azb"] h6,
html[lang="fa-IR"] h1,
html[lang="fa-IR"] h2,
html[lang="fa-IR"] h3,
html[lang="fa-IR"] h4,
html[lang="fa-IR"] h5,
html[lang="fa-IR"] h6,
html[lang="haz"] h1,
html[lang="haz"] h2,
html[lang="haz"] h3,
html[lang="haz"] h4,
html[lang="haz"] h5,
html[lang="haz"] h6,
html[lang="ps"] h1,
html[lang="ps"] h2,
html[lang="ps"] h3,
html[lang="ps"] h4,
html[lang="ps"] h5,
html[lang="ps"] h6,
html[lang="ur"] h1,
html[lang="ur"] h2,
html[lang="ur"] h3,
html[lang="ur"] h4,
html[lang="ur"] h5,
html[lang="ur"] h6 {
  font-family: 'Amiri', Lora, Georgia, serif;
}

blockquote,
.post-meta,
.post-date,
.comment-meta,
.portfolio-grid .portfolio-cats a,
.page-links,
.more-link,
.author-link,
.comment-navigation,
.image-navigation,
.nav-link,
.comment-list .bypostauthor .fn:after,
.comment-notes,
.logged-in-as,
.no-comments,
.widget_calendar caption,
.widget_archive ul,
.widget_categories ul,
.widget_recent_comments ul {
	font-style: normal;
}

h1,
h6,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.top-nav,
.sticky-badge,
.cat-links,
.post-navigation .nav-meta,
.comment-reply-link,
.entry-content .wp-block-quote__citation, 
.entry-content .wp-block-quote cite, 
.entry-content .wp-block-quote footer,
.entry-content .wp-block-pullquote__citation, 
.entry-content .wp-block-pullquote cite, 
.entry-content .wp-block-pullquote footer,
.entry-content .wp-block-button .wp-block-button__link {
	letter-spacing: 0;
}

html[lang="ar"] button,
html[lang="ar"] input[type="button"],
html[lang="ar"] input[type="reset"],
html[lang="ar"] input[type="submit"],
html[lang="ar"] .uppercase-text,
html[lang="ar"] .sticky-badge,
html[lang="ar"] .cat-links,
html[lang="ar"] .post-navigation .nav-meta,
html[lang="ar"] .comment-author,
html[lang="ar"] .comment-reply-link,
html[lang="ary"] button,
html[lang="ary"] input[type="button"],
html[lang="ary"] input[type="reset"],
html[lang="ary"] input[type="submit"],
html[lang="ary"] .uppercase-text,
html[lang="ary"] .sticky-badge,
html[lang="ary"] .cat-links,
html[lang="ary"] .post-navigation .nav-meta,
html[lang="ary"] .comment-author,
html[lang="ary"] .comment-reply-link,
html[lang="azb"] button,
html[lang="azb"] input[type="button"],
html[lang="azb"] input[type="reset"],
html[lang="azb"] input[type="submit"],
html[lang="azb"] .uppercase-text,
html[lang="azb"] .sticky-badge,
html[lang="azb"] .cat-links,
html[lang="azb"] .post-navigation .nav-meta,
html[lang="azb"] .comment-author,
html[lang="azb"] .comment-reply-link,
html[lang="fa-IR"] button,
html[lang="fa-IR"] input[type="button"],
html[lang="fa-IR"] input[type="reset"],
html[lang="fa-IR"] input[type="submit"],
html[lang="fa-IR"] .uppercase-text,
html[lang="fa-IR"] .sticky-badge,
html[lang="fa-IR"] .cat-links,
html[lang="fa-IR"] .post-navigation .nav-meta,
html[lang="fa-IR"] .comment-author,
html[lang="fa-IR"] .comment-reply-link,
html[lang="haz"] button,
html[lang="haz"] input[type="button"],
html[lang="haz"] input[type="reset"],
html[lang="haz"] input[type="submit"],
html[lang="haz"] .uppercase-text,
html[lang="haz"] .sticky-badge,
html[lang="haz"] .cat-links,
html[lang="haz"] .post-navigation .nav-meta,
html[lang="haz"] .comment-author,
html[lang="haz"] .comment-reply-link,
html[lang="ps"] button,
html[lang="ps"] input[type="button"],
html[lang="ps"] input[type="reset"],
html[lang="ps"] input[type="submit"],
html[lang="ps"] .uppercase-text,
html[lang="ps"] .sticky-badge,
html[lang="ps"] .cat-links,
html[lang="ps"] .post-navigation .nav-meta,
html[lang="ps"] .comment-author,
html[lang="ps"] .comment-reply-link,
html[lang="ur"] button,
html[lang="ur"] input[type="button"],
html[lang="ur"] input[type="reset"],
html[lang="ur"] input[type="submit"],
html[lang="ur"] .uppercase-text,
html[lang="ur"] .sticky-badge,
html[lang="ur"] .cat-links,
html[lang="ur"] .post-navigation .nav-meta,
html[lang="ur"] .comment-author,
html[lang="ur"] .comment-reply-link {
	font-family: 'Tajawal', Raleway, 'Open Sans', sans-serif;
}

/**
 * 3.0 - Forms
 */
.search-form .search-submit {
  right: auto;
  left: 14px;
}

/**
 * 4.0 Sidebar
 */
.sidebar-layout-5 .site-identity {
  margin-left: auto;
  margin-right: 0;
}

/**
 * 4.1 Toggle Buttons
 */
.toggle-buttons .nav-toggle + .search-toggle {
    margin-right: 12px;
}

/**
 * 4.2 Sidebar Navigation
 */
.sidebar-nav .nav-menu .submenu-arrow {
  left: -0.8em;
  right: auto;
}

/**
 * 5.0 - Content
 */
.simple-list-layout .entry-header,
.search-results .entry-header {
  text-align: right;
}

.posts-grid .has-post-thumbnail .sticky-badge {
  left: auto;
  right: 15px;
}

.author-avatar {
	margin-right: 0;
	margin-left: 1.5em;
}

.entry-content .wp-block-quote {
	border-left-width: 0;
	border-right-width: 6px;
	padding-left: 0;
	padding-right: 1.25em;
}

.entry-content .wp-block-quote[style*="text-align:left"], 
.entry-content .wp-block-quote[style*="text-align: left"] {
	border-right: none;
    border-left: 6px solid #eee;
    padding-left: 1.25em;
    padding-right: 0;
}

.entry-content .wp-block-quote.is-large[style*="text-align:left"], 
.entry-content .wp-block-quote.is-style-large[style*="text-align:left"],
.entry-content .wp-block-quote.is-large[style*="text-align: left"], 
.entry-content .wp-block-quote.is-style-large[style*="text-align: left"] {
	border: none;
	padding-left: 1.5em;
	padding-right: 0;
}

.entry-content .wp-block-verse {
  border-right: 4px solid #ddd;
  border-left: 0;
  padding: 1.5em 2em 1.5em 1.5em;
}

/**
 * 6.0 - Comments
 */
.comment-avatar {
	margin-right: 0;
	margin-left: 1.5em;
}

.comment-list .bypostauthor .fn:after {
	margin-left: 0;
	margin-right: 5px;
	display: inline-block;
}

/**
 * 7.0 - Posts & Comments Navigation
 */
.post-navigation .nav-next,
.comment-navigation .nav-next,
.image-navigation .nav-next {
  text-align: left;
}

/**
 * 8.0 - Widgets
 */
.owl-carousel div.owl-nav button.owl-prev {
	left: auto;
	right: 30px;
}

.owl-carousel div.owl-nav button.owl-next {
	right: auto;
	left: 30px;
}

/**
 * 10.0 - Media Queries
 */
@media (min-width: 1600px) {
  .posts-grid .has-post-thumbnail .sticky-badge {
    right: 20px;
  }
}

@media (min-width: 992px) {
	.sidebar {
	  left: auto;
	  right: 0;
	}

	.site-content {
	  margin-right: 40%;
	  margin-left: auto;
	}

	.sidebar-right .sidebar {
	  left: 0;
	  right: auto;
	}

	.sidebar-right .site-content {
	  margin-left: 40%;
	  margin-right: 0;
	}

	.page-template-full-width-page.rtl .site-content,
	.post-template-full-width-single-post.rtl .site-content {
		margin-right: 0;
		margin-left: 0;
	}

	.top-nav .nav-menu > li:last-child:after {
	  display: none;
	}

	.top-nav .nav-menu > li:first-child:after {
	  display: block;
	}

	.top-nav .nav-menu .sub-menu {
	  left: auto;
	  right: 10px;
	  text-align: right;
	}

	.top-nav .nav-menu .sub-menu li > .sub-menu {
		top: 0;
		left: 0;
		right: 100%;
		margin-left: 0;
		margin-right: 2px;
	}

	.top-nav .nav-menu .sub-menu li > .sub-menu:after {
	  right: -3px;
	  left: auto;
	}

	.sticky-nav .top-nav {
		right: 40%;
		left: 0;
	}

	.sidebar-right.sticky-nav .top-nav {
		right: 0;
		left: 40%;
	}

	.page-template-full-width-page.rtl.sticky-nav .top-nav,
	.post-template-full-width-single-post.rtl.sticky-nav .top-nav {
		left: 0;
		right: 0;
	}
}

@media (max-width: 991px) {
	.top-nav .nav-menu,
	.top-nav .nav-menu .sub-menu {
		text-align: right;
	}

	.top-nav .nav-menu a > span {
		padding-left: 0;
		padding-right: 15px;
	}

	.top-nav .nav-menu a > span:before {
		left: auto;
		right: 0;
	}

	.top-nav .nav-menu .sub-menu li a {
		padding-left: 0;
		padding-right: 4.090909em;
	}

	.top-nav .nav-menu .sub-menu .sub-menu a {
		padding-right: 5.909090em;
		padding-left: 0;
	}

	.top-nav .nav-menu .sub-menu .sub-menu .sub-menu a {
		padding-right: 7.727272em;
		padding-left: 0;
	}
	  
	.top-nav .nav-menu .sub-menu .sub-menu .sub-menu .sub-menu a {
	    padding-right: 9.545454em;
	    padding-left: 0;
	}
}

@media (max-width: 767px) {
	.nav-toggle, 
	.search-toggle, 
	.toggle-buttons .search-form {
		margin-left: 3px;
	}

	.posts-grid .has-post-thumbnail .sticky-badge {
		right: 0;
	}

	.entry-more .share-buttons {
		text-align: right;
	}

	.related-post .post-thumbnail {
		margin: 0 0 0 1.5em;
	}

	.post-navigation .nav-next,
  	.image-navigation .nav-next {
		text-align: right;
	}

  	.owl-carousel div.owl-nav button.owl-prev {
		left: auto;
		right: 15px;
	}

	.owl-carousel div.owl-nav button.owl-next {
	  right: auto;
	  left: 15px;
	}
}