/*
Theme Name: roaa

Adding support for language written in a Right To Left (RTL) direction is easy -
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

https://codex.wordpress.org/Right_to_Left_Language_Support

*/
    

.random-post-title,
.related-post-title,
.menu-link {
    font-size: 15px;
}
.widget_archive li a:before, .widget_categories li a:before, .widget_meta li a:before {
    content: "\f104";
}

.post-nav-older .fa:before,
#featured-posts a.flex-next:before {
    content: "\f105";
}
.post-nav-newer .fa:before,
#featured-posts a.flex-prev:before {
    content: "\f104";
}

body, button, input, select, textarea, .page-content, .entry-content, .entry-summary {
    font-size: 17px;
    line-height: 35px; 
}
ul,
ol {
    margin: 0 0 1.5em 3em;
}

li > ul,
li > ol {
    margin-left: 1.5em;
    margin-right: auto;
}

#main-nav {
    float: right;
}

.menu-item {
    float: right;
}

.sub-menu-wrapper {
    right: 0;
    left: auto;
}

.sub-menu-wrapper:before {
    right: 0;
    left: auto;
}

.sub-menu {
    left: 0;
    right: auto;
}

.sub-menu-wrapper .menu-links.inside-menu .sub-meni {
    float: right;
    right: 0;
    left: auto;
}

.sub-meni {
    float: right;
}

.menu-links.inside-menu .sub-meni {
    right: 218px;
    left: auto;
}

.menu-links.inside-menu .menu-item {
    float: right;
}

#main-nav .menu-links.inside-menu {
    float: right;
}

.menu-link {
    float: right;
}

.sub-menu-wrapper .six-menu li {
    float: right;
}

.sub-menu-wrapper .five-menu li {
    float: right;
}

.sub-menu-wrapper .small-category .small-text {
    float: right;
}

.small-image:before {
    right: 0;
    left: auto;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
}

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

.alignright {
    float: right;
    margin-left: 1.5em;
    margin-right: auto;
}

.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-left: auto;
}

.aligncenter {
    margin-right: auto;
    margin-left: auto;
}

.site-branding {
    float: right;
    margin-left: 5px;
    margin-right: 20px;
}

.menu-toggle {
    right: 0;
    left: auto;
}

.menu-toggle .icon-bar {
    right: 20px;
    left: auto;
}

.toggle-search {
    left: 0;
    right: auto;
}


#secondary {
    float: left;
}


#social li:first-child a {
    margin-right: 0;
    margin-left: auto;
}

#social li:last-child a {
    margin-left: 0;
    margin-right: auto;
}

#social a:before {
    left: 0;
    right: auto;
}

.widget-area #social a {
    padding: 0 15px 0 0;
    text-align: right;
}

.widget-area #social a:before,
.widget-area #social a.ytb:before {
    left: 7px;
    right: auto;
}


#featured-posts .featured-post {
    float: right;
}

.featured-cover {
    right: 0;
    left: auto;
}

.featured-cover a {
    right: 0;
    left: auto;
}

.featured-post-1 {
    padding-left: 1px;
    padding-right: 0;
}

#featured-posts .flex-prev {
    right: 50px;
    left: auto;
}

#featured-posts .flex-next {
    right: 5px;
    text-align: left;
    left: auto;
}


.cats-list section {
    float: right;
    padding-right: 20px;
    padding-left: 0;
}

.cats-list section:nth-child(3n+1) {
    padding-right: 0;
    padding-left: 0;
    clear: right;
}

.feat-cover {
    right: 0;
    left: auto;
}

.feat-info {
    right: 20px;
    left: 20px;
}

.list-post-title {
    padding: 10px 14px 10px 0;
}

.list-post-title::before {
    right: 0;
    left: auto;
}


.posts-list .single-post {
    float: right;
    padding-right: 20px;
    padding-left: 0;
}

.posts-list .single-post:nth-child(4n+1) {
    padding-right: 0;
    clear: right;
    padding-left: 0;
}


.widget_archive li a,
.widget_categories li a,
.widget_meta li a {
    padding-right: 15px;
    padding-left: 0;
}

.widget_archive li a:before,
.widget_categories li a:before,
.widget_meta li a:before {
    right: 0;
    left: auto;
}

.widget_archive li:hover a,
.widget_categories li:hover a,
.widget_meta li:hover a {
    padding-right: 22px;
    padding-left: 0;
}

.widget_archive li:hover a:before,
.widget_categories li:hover a:before,
.widget_meta li:hover a:before {
    right: 7px;
    left: auto;
}


.widget_search .search-form::before {
    left: 6px;
    right: auto;
}


#entries-list .post-info {
    float: right;
    padding-right: 10px;
    padding-left: 0;
}

#entries-list .post-image {
    float: right;
}


.comments_list .post-icon {
    right: 0;
    left: auto;
}

.comments_list .inner {
    padding-right: 65px;
    padding-left: 0;
}


.home  .format-video .post-image:before,
.home  .format-audio .post-image:before,
.archive   .format-video .post-image:before,
.archive   .format-audio .post-image:before {
    right: 0;
    left: auto;
}

.thumb-icon {
    right: 50%;
    margin-right: -24px;
    left: auto;
    margin-left: auto;
}

.single-post .post-inner .post-meta span:nth-child(2):before,
.feat-info .post-meta span:nth-child(2):before,
.featured-title .post-meta span:nth-child(2):before {
    margin: 0 4px 0 7px;
}

.entry-content blockquote:before,
.entry-content q:before {
    right: 50%;
    margin-right: -40px;
    left: auto;
    margin-left: auto;
}

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

.page .content-area,
.single .content-area {
    float: right;
}

.article-content-wrapper:after,
#primary.home-blog:after {
    left: 0;
    right: auto;
}

.article-content,
.home-blog .site-main {
    float: right;
}

.post-author-image {
    margin-left: 7px;
    float: right;
    margin-right: auto;
    margin-top: 0;
}

.post-tags a,
.tagcloud a {
    float:  right;
}


.entry-sharing a {
    margin-left: 10px;
    float: right;
    margin-right: auto;
}

.entry-sharing .social-whatsapp {
    margin-left: 0;
    margin-right: auto;
}

.social-but-text {
    padding-right: 10px;
    margin-right: 12px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    padding-left: 0;
    margin-left: auto;
    border-left: none;
}

.entry-sharing .fa-facebook,
.entry-sharing .fa-twitter {
    float: right;
}


#roaa-breadcrumbs span {
    padding-left: 10px;
    padding-right: 0;
}


.random-post-inner {
    float: right;
}

.random-post-cover {
    float: right;
}

.random-post-title {
    float: left;
}


.post-nav-older,
.post-nav-newer {
    float: right;
}

.post-nav-older {
    border-left: 1px solid #f5f7f7;
    padding-left: 10px;
    padding-right: 0;
    border-right: none;
}

.post-nav-newer {
    padding-left: 10px;
    padding-right: 0;
}


.related-post-inner {
    float: right;
}
.related-post-inner:nth-child(2n) {
    clear:  right ;   
}
.related-post-cover {
    float: right;
}

.related-post-title {
    padding: 0 15px 0 10px;
    float: left;
}


.author-info .author-avatar {
    float: right;
    margin-left: 3%;
    margin-right: auto;
}

.author-info img {
    float: right;
}

.author-info .author-description {
    float: right;
}


.comments-title {
    float: right;
    text-align: right;
}

.comments-title .fa {
    margin-right: 5px;
    margin-left: auto;
}

.comments-subtitle {
    float: left;
}

.comment-meta {
    margin-right: 75px;
    margin-left: auto;
}

.comment-author {
    padding-right: 75px;
    padding-left: 0;
}

.comment-author .avatar {
    margin-right: -75px;
    margin-left: auto;
}

.comment-awaiting-moderation {
    float: right;
}

.comment-form-author {
    margin-right: 0;
    margin-left: auto;
}

.comment-form-email {
    margin-left: 0;
    margin-right: auto;
}

.comment-form-author {
    float: left;
    margin-right: 2%;
    margin-left: auto;
}

.comment-form-email {
    float: right;
    margin-left: 2%;
    margin-right: auto;
}


#smoothup {
    left: 14px;
    right: auto;
}

.wp-caption img[class*="wp-image-"] {
    margin-right: auto;
    margin-left: auto;
}
#designed-by {
    right: auto;
    left: 60px;
    left:  4%;
}
#designed-by a {
    float: left; 
}
@media screen and (max-width: 1350px) { 
    #smoothup {
        left: 1%;
        right: auto;
    }
}
@media screen and (max-width: 1080px) {
    .cats-list section:nth-child(2n+1) {
        padding-right: 0;
        padding-left: 0;
        clear: right;
    }
    .cats-list section:nth-child(4n) {
        padding-left: 0;
        clear: none;
        padding-right: 20px;
    }
    .posts-list .single-post:nth-child(2n+1) {
        margin-right: 0;
        padding-right: 0;
        padding-left: 0;
        margin-left: auto;
        clear: right;
    }
}
@media screen and (max-width: 900px) {
    .site-branding {
        float: none;
        text-align: center;
        margin-right: 50px;
        margin-left: 50px;
    }

}
@media screen and (max-width: 768px) {
    .posts-list .single-post {
        padding-right: 0;
        padding-left: 0;
    }

    .entry-content blockquote:before, .entry-content q:before {
        margin-right: -25px;
        margin-left: auto;
    }

}
@media screen and (max-width: 568px) {
    .post-nav-older,
    .post-nav-newer {
        padding-right: 0;
        border-right: none;
        padding-left: 0;
        border-left: none;
    }

    #social a {
        padding: 0 15px 0 0;
        text-align: right;
    }

    #social a:before,
    #social a.ytb:before {
        left: 7px;
        right: auto;
    }

}

@media screen and (max-width: 450px) {
    #smoothup {
        left: 0;
        right: auto;
    }

    #entries-list .single-entry {
        padding-left: 0;
        padding-right: 0;
    }
    .menu-wrapper.active .close {
        left: 0;
        right: auto;
    }

}