/*
Theme Name: BirdSIE

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;
}

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

/* Pagination at archive
-------------------------------------------------------------------- */
.pagination a.page-numbers.prev:before {
	content: "\f054";
	padding-left: 0.4em;
	padding-right: 0;
}

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

/* Footer
--------------------------------------------- */
#footer #back-top {
	right: initial;
	left: 15px;
}

.widget ul li {
	padding: 0.4em 0.8em 0.4em 0;
}

.widget ul li:before {
	content: "\f0d9";
}

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

/* Posts
--------------------------------------------- */
#content h3 {
	border-left: none;
	border-right: solid 5px;
	padding-left: 0;
	padding-right: 10px;
}

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

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

#content .hentry .entry-meta .icon:before {
	padding-left: 0.4em;
	padding-right: 0;
}

#searchform #searchsubmit {
	padding-right: 0;
	padding-left: 5px;
}

/* home
--------------------------------------------- */
.home #content ul.row li .more-link a {
	text-align: right;
}

.home #content ul.row li .caption .more-link a::after {
	text-align: left;
	content: "\f053";
	right: initial;
	left: 10px;
}

/* Post Navigation at Single page
-------------------------------------------------------------------- */
.single .nav-links .nav-next a:before {
	content: "\f054";
	padding-left: 0.4em;
	padding-right: 0;
}

.single .nav-links .nav-previous a:after {
	content: "\f053";
	padding-left: 0;
	padding-right: 5px;
}

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


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

/* Archive
-------------------------------------------------------------------- */
.archive #content ul li.has-post-thumbnail img,
.search #content ul li.has-post-thumbnail img,
.error404 #content ul li.has-post-thumbnail img {
	margin-left: 0.9em;
	margin-right: 0;
}

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

/* Searcform
-------------------------------------------------------------- */
#searchform #searchsubmit {
	text-align: left;
}

/* Media queries for responsive design
--------------------------------------------- */
/* --- PCs --- */
@media screen and (min-width: 811px) {
	#menu-wrapper ul#menu-primary-items li.menu-item-has-children > a::after {
		right: auto;
		left: 0;
		content: "\f0d9";
		padding-left: 0;
		padding-right: 5px;
	}

	#menu-wrapper ul#menu-primary-items > li {
		text-align: left;
	}

	#menu-wrapper ul#menu-primary-items li ul {
		left: -320px;
	}

	#menu-wrapper ul#menu-primary-items li ul li {
		text-align: right;
	}

	.home #content ul.row {
		padding-right: 0;
		padding-left: 20px;
	}


	#footer .site-title {
		padding: 40px 20px 0 0;
	}

	dl dd {
		padding-left: 0;
		padding-right: 20px;
	}
}

/* --- PCs --- */
@media screen and (min-width: 601px) {
	.single .nav-links .nav-previous {
		padding-left: 0;
		padding-right: 10px;
		text-align: left;
	}	

	.single .nav-links .nav-next {
		padding-left: 10px;
		padding-right: 0;
		border-tight: none;
		border-left: solid 1px #CCC;
	}
}

/* --- iPad Landscape --- */
@media screen and (max-width: 600px) {

	#content .hentry {
		margin: 0 20px 0 0;
	}

	#header .branding {
		padding-left: 40px;
		padding-right: 20px;
		text-align: left;
	}

	#small-menu {
		left: 0;
		right: initial;
	}

	.drawer-open #menu-wrapper {
		left: initial;
		right: 0;
	}

	#menu-wrapper {
		left: initial;	
		right: calc((100% - 50px) * -1);
		transition: .5s right;
	}

	#menu-wrapper ul#menu-primary-items li,
	#menu-wrapper ul#menu-primary-items li ul li {
		text-align: right;
	}

	#menu-wrapper ul#menu-primary-items > li a {
		padding-left: 0;
		padding-right: 0.9em;
	}

	#menu-wrapper ul#menu-primary-items > li ul li {
		margin-left: 0;
		margin-right: 10px;
	}

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

	#menu-wrapper .close a::before {
		padding-left: 5px;
		padding-right: 0;
	}
}
