/*
Theme Name: Dallas Lite

Adding support for languages 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

*/

body.rtl {
    direction: rtl;
    unicode-bidi: embed;
}

/*----- # Elements -----*/

.rtl ul,
.rtl ol {
    margin: 0 3em 1.5em 0;
}

.rtl li > ul,
.rtl li > ol {
    margin-left: 0;
    margin-right: 1.5em;
}

/*----- # Navigation -----*/

/*----- Menus -----*/

.rtl .main-navigation {
    float: right;
}

.rtl .main-navigation ul {
    padding-right: 0;
    margin: 0;
}

.rtl .main-navigation ul ul {
    float: right;
    left: auto;
    right: -999em;
}

.rtl .main-navigation ul ul ul {
    left: auto;
    right: -999em;
}

.rtl .main-navigation ul ul li:hover > ul,
.rtl .main-navigation ul ul li.focus > ul {
    left: auto;
    right: 100%;
}

.rtl .main-navigation li {
    float: right;
}

/*----- Small Menu -----*/

.rtl .comment-navigation .nav-previous,
.rtl .posts-navigation .nav-previous,
.rtl .post-navigation .nav-previous {
    float: right;
}

.rtl .comment-navigation .nav-next,
.rtl .posts-navigation .nav-next,
.rtl .post-navigation .nav-next {
    float: left;
    text-align: left;
}

/*----- Accessibility -----*/

/* Text meant only for screen readers. */

.rtl .screen-reader-text:focus {
    left: auto;
    right: 5px;
    /* Above WP toolbar. */
}

/*----- # Alignments -----*/

.rtl .alignleft {
    float: right;
    margin-left: 1.5em;
    margin-right: 0;
}

.rtl .alignright {
    float: left;
    margin-left: 0;
    margin-right: 1.5em;
}

/*----- Social Icons -----*/

/*----- Top Header -----*/

.rtl ul#top-menu {
    margin: 0;
    padding: 0;
}

.rtl ul#top-menu li ul.sub-menu li ul.sub-menu {
    left: auto;
    right: 100%;
}

/*----- Bottom Section -----*/

.rtl #bottom-section #wp-subscribe {
    text-align: right;
}

.rtl #bottom-section ul.contact-info > li,
.rtl .widget ul.contact-info > li {
    padding: 0 30px 5px 0px;
}

#bottom-section ul.contact-info > li .fa,
.widget ul.contact-info > li .fa {
    left: auto;
    right: 0;
}

/*----- Footer -----*/

.rtl #footer-section .footer-menu ul {
    text-align: left;
}

/*----- Site Navigation -----*/

.rtl #site-navigation ul#primary-menu {
    float: left;
}

.rtl #site-navigation ul#primary-menu > li.menu-item-has-children > a:after {
    padding-left: 0;
    padding-right: 5px;
    padding-top: 2px;
    float: left;
}

.rtl #site-navigation ul#primary-menu ul.sub-menu > li > a:hover,
.rtl #site-navigation ul#primary-menu ul.sub-menu > li > a:focus,
.rtl #site-navigation ul#primary-menu ul.sub-menu > li.current-menu-item > a,
.rtl #site-navigation ul#primary-menu ul.sub-menu > li.current-menu-ancestor > a {
    padding-left: 0px;
    padding-right: 20px;
}

.rtl #site-navigation ul#primary-menu ul.sub-menu > li.menu-item-has-children > a:after {
    padding-left: 0px;
    padding-left: 10px;
}

.rtl .menu-toggle {
    left: 15px;
    right: auto;
}

/*----- Back to top -----*/

.rtl .backtotop {
    left: auto;
    right: 100px;
}

/*------- Search -------*/

.rtl .search-form .search-field {
    border-left: none;
    border-right: 1px solid #ccc;
}

.rtl .search-form .search-submit {
    left: 0;
    right: auto;
}

/*------ Post Social Share ------*/

.rtl .post-social-share {
    text-align: left;
}

/*----- Tag Cloud -----*/

.rtl .tagcloud {
    width: 100%;
    display: inline-block;
}

.rtl .tagcloud > a {
    float: right;
    margin: 0 0 7px 7px;
}

/*----- Article post -----*/

.rtl article.type-post .entry-header .entry-meta,
.rtl article.type-post .entry-header .entry-meta a {
    padding-left: 5px;
    padding-right: 0;
}

.rtl article.type-post .entry-header .entry-meta > span {
    margin-left: 15px;
    margin-right: 0;
}

.rtl article.type-post .entry-header .entry-meta > span a {
    padding-left: 0;
    padding-right: 5px;
}

.rtl article.type-post .entry-content .single-entry-content > blockquote {
    border-left: 0;
    border-right: 5px solid #ffc414;
}

.rtl .post-meta .meta-content-limit {
    float: right;
}

.rtl .post-meta .tags_list {
    float: right;
}

.rtl .single-entry-content ol,
.rtl .single-entry-content ul {
    margin: 0 10px 0 0;
}

.rtl .single-entry-content ul li,
.rtl .single-entry-content ol li {
    padding-left: 0;
    padding-right: 35px;
}

.rtl .single-entry-content ul li {
    padding-left: 0;
    padding-right: 25px;
}

.rtl .single-entry-content ul li:before,
.rtl .single-entry-content ol li:before {
    margin-left: 10px;
    margin-right: 0px;
    left: auto;
    right: 0;
}

/*----- WP Subscribe -----*/

.rtl #wp-subscribe.wp-subscribe-wrap input.email-field {
    text-align: left;
}

/*----- Post Author -----*/

.rtl .post-author-meta .author-meta-social-link a {
    padding-left: 15px;
    padding-right: 0;
}

.rtl .post-author-meta .author-meta-social-link a:last-child {
    padding-left: 0px;
}

.rtl .post-author-meta .author-meta-social-link li:not(:last-child) {
    margin-left: 5px;
    margin-right: 0;
}

/*----- Related post -----*/

.rtl .related_post ul > li {
    margin-left: 1%;
    margin-right: 0;
}

.rtl .related_post ul > li > a {
    float: right;
}

.rtl .related_post ul > li > a > figure {
    float: right;
}

/*----- Widget Right Sidebar -----*/

.rtl .widget ul {
    padding: 0 2px 0 0;
}

/*----- Responsive -----*/

@media (min-width: 768px) {
    /*----- Top Header ---------*/
    .rtl #header-section .social-icon {
        text-align: left;
    }
    .rtl #header-section .top-menu {
        float: right;
    }
}

@media (min-width: 992px) {
    /*----- Top Header ---------*/
   .rtl #masthead .row > div {
        float: right;
    }
    /*----- Bottom Section -----*/
    .rtl #bottom-section .row > div,
    .rtl #footer-section .row > div > div {
        float: right;
    }
}

@media (max-width:1300px) {
    .rtl .backtotop {
        left: 20px;
        right: 0;
    }
}

@media screen and (max-width:991px) {
    .rtl .post-meta .tags_list,
    .rtl .post-meta .tags_list + .post-social-share {
        text-align: right;
    }
    .rtl .main-navigation ul ul.sub-menu.toggled-on {
        left: auto;
        right: 0px;
    }
    .rtl button.dropdown-toggle {
        border-left: 0;
        border-right: 1px solid #fff;
        left: 0px;
        right: auto;
        border-left: none;
        padding: 8px 15px 8px 5px;
    }
    .rtl #site-navigation.main-navigation ul#primary-menu {
        float: right;
    }
    .rtl #site-navigation ul#primary-menu ul.sub-menu > li > a,
    .rtl #site-navigation.main-navigation ul#primary-menu ul.sub-menu > li > a:hover,
    .rtl #site-navigation.main-navigation ul#primary-menu ul.sub-menu > li > a:focus,
    .rtl #site-navigation.main-navigation ul#primary-menu ul.sub-menu > li.current-menu-item > a,
    .rtl #site-navigation.main-navigation ul#primary-menu ul.sub-menu > li.current-menu-ancestor > a {
        padding: 15px 15px 15px 2px;
    }
    .rtl #site-navigation ul#primary-menu ul.sub-menu > li > ul > li > a,
    .rtl #site-navigation.main-navigation ul#primary-menu ul.sub-menu > li > ul > li > a:hover,
    .rtl #site-navigation.main-navigation ul#primary-menu ul.sub-menu > li > ul > li > a:focus,
    .rtl #site-navigation.main-navigation ul#primary-menu ul.sub-menu > li > ul > li.current-menu-item > a,
    .rtl #site-navigation.main-navigation ul#primary-menu ul.sub-menu > li > ul > li.current-menu-ancestor > a {
        padding: 15px 30px 15px 2px;
    }
    .rtl #site-navigation ul#primary-menu ul.sub-menu > li > ul > li > ul > li > a,
    .rtl #site-navigation.main-navigation ul#primary-menu ul.sub-menu > li > ul > li > ul > li > a:hover,
    .rtl #site-navigation.main-navigation ul#primary-menu ul.sub-menu > li > ul > li > ul > li > a:focus,
    .rtl #site-navigation.main-navigation ul#primary-menu ul.sub-menu > li > ul > li > ul > li.current-menu-item > a,
    .rtl #site-navigation.main-navigation ul#primary-menu ul.sub-menu > li > ul > li > ul > li.current-menu-ancestor > a {
        padding: 15px 45px 15px 2px;
    }

    /*Footer Section start*/
    .rtl #footer-section .footer-menu ul {
        text-align: center;
    }

}

@media screen and (max-width:767px) {
    .rtl .post-social-share {
        text-align: right;
    }
}
