/*
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
*/

@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

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

/**
 * 2.0 - Typography
 */
body {
  font-family: 'Droid Arabic Naskh', Lora, Georgia, serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Droid Arabic Naskh', Lora, Georgia, serif;
}

/**
 * 3.0 - Forms
 */
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
  font-family: 'Droid Arabic Kufi', Raleway, sans-serif;
  letter-spacing: 0;
  font-size: 0.928571rem;
  padding-top: 1em;
  padding-bottom: 1em;
}

.search-form .search-submit {
   right: auto;
   left: 0.5em;
   line-height: 1;
}

::-webkit-input-placeholder {
  font-family: 'Droid Arabic Naskh', Georgia, Tahoma, serif;
}

:-moz-placeholder {
  font-family: 'Droid Arabic Naskh', Georgia, Tahoma, serif;
}

::-moz-placeholder {
  font-family: 'Droid Arabic Naskh', Georgia, Tahoma, serif;
}

:-ms-input-placeholder {
  font-family: 'Droid Arabic Naskh', Georgia, Tahoma, serif;
}

/**
 * 4.0 - Navigations
 */
.post-navigation .nav-previous,
.comment-navigation .nav-previous,
.image-navigation .nav-previous {
  float: right;
}

.post-navigation .nav-next,
.comment-navigation .nav-next,
.image-navigation .nav-next {
  float: left;
  text-align: left;
}

.post-navigation .nav-meta {
  font-family: 'Droid Arabic Kufi', Raleway, sans-serif;
  letter-spacing: 0;
  font-size: 1rem;
}

/**
 * 5.0 - Primary Navigation
 */
.right-side-navigation .nav-menu li, 
.right-nav-toggle {
  font-size: 0.928571rem;
}

.primary-navigation .menu-item-has-children > a:after {
  right: auto;
  left: -1.214285em;
}

/**
 * 6.0 - Toggle Buttons
 */
.toggle-buttons {
  text-align: right;
}

.sidebar-right .toggle-buttons {
  text-align: left;
}

.nav-toggle {
  margin-right: auto;
  margin-left: 0.5rem;
}

/**
 * 7.0 - Posts and pages
 */
.cat-links,
.sticky .sticky-badge {
  font-family: 'Droid Arabic Kufi', Raleway, sans-serif;
  letter-spacing: 0;
  font-size: 0.928571rem;
}

.sticky .sticky-badge {
	padding: 0.230769em 1.1em;
}

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

.entry-more .entry-share {
  text-align: left; 
}

.author-avatar {
  float: right;
}

.author-description {
  margin-left: auto;
  margin-right: 8.928571em;
}

.search-results .entry-header {
  text-align: right;
}

/**
 * 8.0 - Comments
 */
.comment-avatar {
  float: right;
}

.entry-comment {
  margin-left: auto;
  margin-right: 5em;
}

.comment-list .children {
	margin-left: 0;
    margin-right: 5em;
}

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

.comment-footer .reply {
  text-align: left;
}

/**
 * 9.0 - Widgets
 */
.wdb-instagram-feed .instagram-pics li {
	float:right;
}

.wildbook-widget-recent-posts .post-thumbnail {
  float: right;
}

.wildbook-widget-recent-posts .entry-header {
  text-align: right;
}

.wildbook-widget-recent-posts .has-post-thumbnail .entry-header {
  margin-right: 6.428571rem;
  margin-left: auto;
}

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

@media (min-width: 1600px) {
	.posts-grid .has-post-thumbnail .sticky-badge {
	  left: auto;
	  right: 25px;
	}	
}

@media (min-width: 992px) and (max-width: 1199px) { 
	.posts-grid .has-post-thumbnail .sticky-badge {
	  left: auto;
	  right: 15px;
	}	
}

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

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

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

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

	.right-side-navigation .nav-menu > li:last-child > a:after {
	  display: block;
	}

	.right-side-navigation .nav-menu > li:first-child > a:after {
	  display: none;
	}

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

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

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

	.sticky-right-menu .right-side-navigation {
		right: 40%;
		left: 0;
	}

	.sidebar-right.sticky-right-menu .right-side-navigation {
		right: 0;
		left: 40%;
	}
}

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

	.right-side-navigation .nav-menu a > span:before {
		margin-right: auto;
		margin-left: 10px;
	}

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

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

	.right-nav-toggle {
		padding: 1.428571em 0;
	}

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

@media (min-width: 481px) and (max-width: 767px) {
  .related-post .post-thumbnail {
    float: right;
  }

  .related-post .related-content {
    margin-left: 0;
    margin-right: 0;
  }
  
  .has-post-thumbnail.related-post .related-content {
    margin-left: 0;
    margin-left: 14rem;
  }
}

@media (max-width: 480px) {
  .entry-more .entry-share {
    text-align: right;
  }

  .page-header .author-description,
  .author-info .author-description {
    margin-left: 0;
    margin-right: 0;
  }
}