/*
Theme Name: BirdTIPS

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

caption, th, td {
  text-align: right; }

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

#wrapper {
  padding-right: 75px;
  padding-left: 25px; }

/* Header
--------------------------------------------- */
#header #branding {
  left: auto;
  right: 75px; }

#header.no-image #branding {
  margin: 0 75px 2em 0; }

/* Menu
-------------------------------------------------------------- */
#menu-wrapper {
  padding-left: 0;
  padding-right: 75px; }

#menu-wrapper .menu ul#menu-primary-items > li > a {
  border-left: none;
  border-right: 1px solid #ddd; }

#menu-wrapper .menu ul#menu-primary-items > li:first-child a {
  padding: 0.425em 0 0.425em 0.85em; }

#menu-wrapper .menu ul#menu-primary-items > li.menu-item-has-children > a:after,
#menu-wrapper .menu ul#menu-primary-items li ul li.menu-item-has-children > a:after {
  padding-left: 0;
  padding-right: 5px; }

#menu-wrapper .menu ul#menu-primary-items li ul li.menu-item-has-children > a:after {
  content: "\f0d9"; }

#menu-wrapper .menu ul#menu-primary-items li ul li ul {
	right: 100%; }

/* Posts
--------------------------------------------- */
#content .hentry .entry-header .postdate {
  left: auto;
  right: -75px;
  padding: 5px 0 15px 7px;
  text-align: left; }

#content .hentry .entry-header .postdate.circle {
    right: -95px; }

#content h3 {
  border-left: none;
  border-right: solid 7px #CCC;
  padding-left: 0;
  padding-right: 10px; }

#content a.thumbnail {
  float: left;
  margin: 0 1em 0.5em 0; }

#content blockquote {
  border-left: none;
  border-right: 10px solid #ccc;
  margin-left: 0;
  margin-right: 1em;
  padding-left: 0;
  padding-right: 1em; }

#content ul, #content ol {
  margin: 0 11m 1.6em 0;
  padding: 0 1em 0 0; }

#content a.more-link::after {
  content: "\f060";
  padding-left: 0;
  padding-right: 0.4em; }


/* Pagenation
-------------------------------------------------------------------- */
#content .pagination a.page-numbers.prev:before {
  content: "\f061";
  padding-left: 0.4em;
  padding-right: 0; }

#content .pagination a.page-numbers.next:after {
    content: "\f060";
    padding-left: 0;
    padding-right: 0.4em; }

/* Comments
-------------------------------------------------------------- */
#content #comments ol.commentlist li.pingback,
#content #comments ol.commentlist li.comment {
	border-left: none;
	border-right: 2px solid #ccc;
	padding: 0 10px 0 0; }

#content #comments ol.commentlist li.pingback .comment-author img, #content #comments ol.commentlist li.comment .comment-author img {
  float: right;
   margin: 0 0 10px 10px; }

#content #comments ol.commentlist li.pingback .reply a.comment-reply-link:before,
#content #comments ol.commentlist li.comment .reply a.comment-reply-link:before {
  content: "\f0d9";
  padding-left: 0.2em;
  padding-right: 0; }

/* Searcform
--------------------------------------------- */
#searchform #s {
  padding: 5px 5px 5px 10px; }
#searchform #searchsubmit {
  right: auto;
  left: 1px; }

/* Archive
-------------------------------------------------------------------- */
.archive #content ul li span, .error404 #content ul li span {
  margin-left: 0;
  margin-right: 0.6em;
  text-indent: -0.3em; }

.archive #content ul li span:before, .error404 #content ul li span:before {
  content: "\f0d9";
  padding-left: 0.2em;
  padding-right: 0; }

.archive #content ul li em, .error404 #content ul li em {
  text-align: left;
  margin-left: 0;
  margin-right: 0.6em; }

/* Single
-------------------------------------------------------------------- */
.single #content #nav-below .nav-previous {
  text-align: right; }

.single #content #nav-below .nav-previous a:after {
  content: "\f060";
  padding-left: 0;
  padding-right: 0.4em; }

.single #content #nav-below .nav-next a:before {
  content: "\f061";
  padding-left: 0.4em;
  padding-right: 0; }

/* Sidebars
--------------------------------------------- */
.widget ul li {
  padding-left: 0;
  padding-right: 0.66em; }

.widget ul li:before {
  content: "\f0d9";
  padding-left: 0.2em;
  padding-right: 0; }

.widget ul li ul {
  padding-left: 0;
  padding-right: 0.5em; }

.widget #wp-calendar tfoot #next {
  text-align: left; }

/* Footer
--------------------------------------------- */
#footer #back-top {
  right: auto;
  left: 10px; }
#footer #back-top a span {
  text-indent: 119988px; }

/* --- iPad Landscape --- */
@media screen and (max-width: 1000px) {
  #leftcolumn {
    padding-left: 0;
    padding-right: 3%; }
}

/* --- iPad Portrait --- */
@media screen and (max-width: 800px) {
  #leftcolumn {
    padding-right: 0; }
}

/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width: 650px) {

  #wrapper {
    padding:10px; }

  #header #branding {
    right: 0;
  }

  #menu-wrapper {
    padding-right: 0; }

  #menu-wrapper .menu #small-menu {
    margin: 0 0 10px 10px;
    float: left; }


  #menu-wrapper .menu ul#menu-primary-items li ul {
    padding-left: 0;
    padding-right: 0.85em; }

  #menu-wrapper .menu ul#menu-primary-items li ul li.menu-item-has-children > a:after {
    content: ""; }

}
