/*
Theme Name: Canary Led
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
*/


 body {
	direction: rtl;
	unicode-bidi: embed;
}

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

textarea {
    padding-right: 3px;
}

body.rtl .wpcf7-form input,
body.rtl .wpcf7-form textarea,
body.rtl .wpcf7-form p {
  max-width: 100%;
  direction: rtl;
}

/* Accessibility */

.screen-reader-text:focus {
    left: auto;
    right: 5px;
}

input[type="checkbox"],
input[type="radio"] {
	margin-right: auto;
	margin-left: 0.5em;
}

.custom-header-content .more-link:before{
    display: none;
}

a.more-link:before {
	content: "\f100";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 14px;
    font-style: normal;
    right: 5px;
    position: relative;
}

a.more-link:after {
	display: none;
}

a.more-link {
	text-align: inherit;
	
}

.entry-meta span:last-child{
	margin-left: 15px;
}

.entry-meta .entry-format a:before {
	padding: 0 5px;
}

.post-image-content .posted-on {
	right: 50px;
}

.post-image-content span.date-day {
	padding-right: 20px;
}

.post-image-content .entry-meta .entry-format {
	left: 50px;
	right: inherit;
}

#primary {
    float: right;
}

#secondary {
    float: right;
    padding-right: 40px;
}

.sticky.post:before {
    transform: rotate(315deg);
    top: 10px;
    left: -40px;
	right: inherit;
}

.wp-block-latest-posts.wp-block-latest-posts__list {
    padding-left: inherit;
    padding-right: 25px;
}

ul {
    margin-right: 1.5em;
	margin-left: inherit;
}

.back-to-top {
	left: 30px;
	right: inherit;
}

button.wp-block-search__button {
    overflow-x: inherit;
}

.info-menu {
    float: right;
}

.social-display {
    float: left;
}

.info-bar .info-menu>ul>li:before {
	right: inherit;
	left: 0;
}

.nav-bar .ad-section {
    float: left;
}

.nav-bar #site-branding {
    float: right;
}

.navigation.post-navigation .nav-previous {
	float: right;
}

.navigation.post-navigation .nav-next {
    float: left;
}

.navigation.post-navigation .nav-previous::before {
    content: "\f101";
    margin-right: 12px;
    padding-left: 10px;
	float: right;
}

.navigation.post-navigation .nav-next::after {
    content: "\f100";
    margin-left: 12px;
    padding-right: 10px;
	float: left;
}

.search-toggle {
	left: 0;
    float: left;
    position: relative;
    bottom: 10px;
    margin: 0;
    height: auto;
}

.main-navigation {
    height: 20px;
}

.main-navigation ul li ul li ul{
    right: 190px;
}

.main-navigation li li.menu-item-has-children > a:after, .main-navigation li li.page_item_has_children > a:after{
    content: "\f104";
}

.search-toggle:before {
	float: left;
}

a.prev.page-numbers {
    float: right;
}

a.next.page-numbers {
    margin-left: -300px;
}

.fa-angle-double-right:before, .fa-angles-right:before {
    content: "\f100";
}

.fa-angle-double-left:before, .fa-angles-left:before {
    content: "\f101";
}

#header-search-box.show {
    right: inherit;
    left: 35px;
    top: 50px;
}

.search-icon {
    float: left;
}

input.search-field {
	float: right;
	width: calc(100% - 52px);
}

 blockquote {
	border-left: 0;
	border-right: 4px solid;
	padding: 0 1.95em 0 0;
}


ol {
	margin-right: 1.5em;
	margin-left: 0;
}


 #bbpress-forums p.bbp-topic-meta img.avatar, 
 #bbpress-forums ul.bbp-reply-revision-log img.avatar, 
 #bbpress-forums ul.bbp-topic-revision-log img.avatar, 
 #bbpress-forums div.bbp-template-notice img.avatar, 
 #bbpress-forums .widget_display_topics img.avatar, 
 #bbpress-forums .widget_display_replies img.avatar, 
 #bbpress-forums p.bbp-topic-meta img.avatar {
     margin-left: 1px;
 }
 
 .bbp-pagination {
     text-align: left;
 }

  #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {

     padding: 12px 18px 10px 0; 
 }

 div.bbp-submit-wrapper{
    float: right;
 }

@media only screen and (max-width: 980px){
	.main-navigation ul li ul li {
		text-align: right;
	}
}

@media only screen and (max-width: 767px){
	.nav-bar #site-branding {
		float: none;
		margin: 0 auto;
		text-align: center;
	}
}