/*



[RTL Stylesheet]



Project     : USNews - Multipurpose News, Magazine and Blog HTML5 Template

Author      : themelooks.com

Author URI  : https://themeforest.net/user/themelooks





NOTE:

------

PLEASE DO NOT EDIT THIS CSS, YOU MAY NEED TO USE "custom.css" FILE FOR WRITING YOUR CUSTOM CSS.

WE MAY RELEASE FUTURE UPDATES SO IT WILL OVERWRITE THIS FILE. IT'S BETTER AND SAFER TO USE "custom.css".





[TABLE OF CONTENTS]



1. GENERAL STYLES



2. HELPER CLASSES



3. COMPONENTS



4. WIDGETS



5. HEADER SECTION



6. FEATURES SECTION



7. MAIN CONTENT SECTION



8. LOGIN SECTION



9. FOOTER SECTION



10. MEDIA QUERIES



*/



/*------------------------------------*\

    1. GENERAL STYLES

\*------------------------------------*/

body {

    unicode-bidi: embed;

}



.input-group-btn:last-child > .btn,

.input-group-btn:last-child > .btn-group {

    margin-right: 0;

}



.input-group .form-control:first-child,

.input-group-addon:first-child,

.input-group-btn:first-child > .btn,

.input-group-btn:first-child > .btn-group > .btn,

.input-group-btn:first-child > .dropdown-toggle,

.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),

.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,

.input-group .form-control:last-child,

.input-group-addon:last-child,

.input-group-btn:last-child > .btn,

.input-group-btn:last-child > .btn-group > .btn,

.input-group-btn:last-child > .dropdown-toggle,

.input-group-btn:first-child > .btn:not(:first-child),

.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {

    border-radius: 0;

}



/*------------------------------------*\

    2. HELPER CLASSES

\*------------------------------------*/

.float--left {

    float: right;

}



.float--right {

    float: left;

}



.pull-left {

    float: right !important;

}



.pull-right {

    float: left !important;

}



.fm {

    margin-left: 5px;

    margin-right: 0;

}



.flm {

    margin-left: 0;

    margin-right: 5px;

}



/*------------------------------------*\

    3. COMPONENTS

\*------------------------------------*/

.dropdown-menu > .dropdown > .dropdown-menu {

    left: auto;

    right: 100%;

}



.dropdown-menu > .switch--left > .dropdown-menu {

    left: auto;

    right: 100%;

}



.dropdown-menu > .switch--right > .dropdown-menu {

    left: 100%;

    right: auto;

}



.dropdown-left > .dropdown-menu {

    left: 0;

    right: auto;

}



.pagination > li:first-child > a,

.pagination > li:first-child > span {

    border-radius: 0;

}



.pagination > li:last-child > a,

.pagination > li:last-child > span {

    border-radius: 0;

}



.comment--items > li > .comment--items {

    padding-left: 0;

    padding-right: 30px;

}



.comment--img {

    margin-left: 20px;

    margin-right: 0;

}



.comment--header .name {

    float: right;

}



.comment--header .date {

    float: right;

    margin-left: 0;

    margin-right: 15px;

    padding-left: 0;

    padding-right: 14px;

    border-left-width: 0;

    border-right: 1px solid #ccc;

}



.comment--header .rating {

    float: left;

}



.countdown ul li {

    margin-left: 42px;

    margin-right: 0;

}



.countdown ul li:before,

.countdown ul li:after {

    left: -24px;

    right: auto;

}



.countdown ul li strong:before,

.countdown ul li strong:after {

    left: -22px;

    right: auto;

}



#backToTop {

    left: 30px;

    right: auto;

}



/*------------------------------------*\

    4. WIDGETS

\*------------------------------------*/

.widget--title {

    padding-left: 24px;

    padding-right: 0;

}



.widget--title .icon {

    left: 0;

    right: auto;

}



.widget--title .nav {

    left: 0;

    right: auto;

}



.social--widget.style--1 .nav > li {

    float: right;

}



.social--widget.style--1 .nav > li:nth-child(3n) > a:before {

    border-right-width: 1px;

}



.social--widget.style--1 .nav > li:first-child > a:before,

.social--widget.style--1 .nav > li:nth-child(3n) + li > a:before {

    border-right-width: 0;

}



.social--widget.style--6 .nav > li > a > .text {

    left: 10px;

    right: -15px;

}



.search--widget .input-group-btn:first-child > .btn {

    margin-right: -2px;

}



.list--widget-nav > .nav > li + li {

    border-left-width: 1px;

    border-right-width: 0;

}



.links--widget .nav > li > a {

    padding-left: 0;

    padding-right: 12px;

}



.links--widget .nav > li > a:before {

    left: auto;

    right: 0;

}



.poll--widget .checkbox label span:before,

.poll--widget .radio label span:before {

    left: auto;

    right: 0;

}



.poll--widget .checkbox label,

.poll--widget .radio label {

    padding-left: 5px;

    padding-right: 22px;

}



.poll--widget .checkbox label,

.poll--widget .checkbox p,

.poll--widget .radio label,

.poll--widget .radio p {

    float: right;

}



.poll--widget .checkbox p,

.poll--widget .radio p {

    text-align: left;

}



.poll--widget .checkbox p:before,

.poll--widget .checkbox p span,

.poll--widget .radio p:before,

.poll--widget .radio p span {

    left: 36px;

    right: 0;

}



.about--widget > .nav > li > .fa {

    margin-left: 8px;

    margin-right: 0;

}



.nav--widget .nav > li > a span {

    float: right;

    padding-left: 6px;

    padding-right: 0;

}



.nav--widget .nav > li > a span + span {

    float: left;

    padding-left: 0;

    padding-right: 8px;

}



.cart--widget li {

    padding-left: 35px;

    padding-right: 20px;

}



.cart--widget .img {

    float: right;

    margin-left: 10px;

    margin-right: 0;

}



.cart--widget .remove {

    left: 20px;

    right: auto;

}



.cart--widget .footer .amount p {

    float: right;

}



.cart--widget .footer .amount p + p {

    float: left;

}



.cart--widget .footer .actions .btn-primary {

    float: left;

}



.tags--widget .nav > li > a {

    margin-left: 10px;

    margin-right: 0;

}



/*------------------------------------*\

    5. HEADER SECTION

\*------------------------------------*/

.header--topbar .nav {

    margin-left: -10px;

    margin-right: 15px;

    padding-left: 0;

    padding-right: 5px;

    border-left-width: 0;

    border-right: 1px solid #555;

}



.header--topbar .nav:first-child {

    margin-right: -10px;

    padding-right: 0;

    border-right-width: 0;

}



.header--style-4 .navbar-toggle {

    left: auto;

    right: 15px;

}



.header--topbar .dropdown-menu {

    margin-left: 0;

    margin-right: -15px;

}



.header--search-form {

    text-align: left;

}



.header--style-4 .header--search-form {

    left: 15px;

    right: auto;

}



.header--search-form .form-control {

    left: 0;

    right: auto;

}



.header--search-form.active .btn {

    padding-left: 15px;

    padding-right: 0;

}



.header--menu-links > .dropdown-left:first-child > .dropdown-menu {

    left: auto;

    right: 0;

}



.megamenu--filter .nav > li > a:hover > .fa,

.megamenu--filter .nav > li.active > a > .fa {

    margin-left: 0;

    margin-right: 5px;

}



/*------------------------------------*\

    6. FEATURES SECTION

\*------------------------------------*/

.feature--item .icon {

    margin-left: 20px;

    margin-right: 0;

}



/*------------------------------------*\

    7. MAIN CONTENT SECTION

\*------------------------------------*/

.posts--filter-bar .nav > li:first-child > a {

    padding-left: 20px;

    padding-right: 0;

}



.posts--filter-bar .nav > li:first-child > a:before {

    border-right-width: 0;

}



.posts--filter-bar .nav > li:last-child > a {

    padding-left: 0;

    padding-right: 20px;

}



.posts--filter-bar .nav > li:last-child > a:before {

    border-right-width: 1px;

}



.posts--filter-bar.style--2 .nav > li > a {

    padding-left: 20px;

    padding-right: 20px;

}



.posts--filter-bar.style--2 .nav > li:first-child > a:before {

    border-right-width: 1px;

    border-left-width: 0;

}



.posts--filter-bar.style--2 .nav > li:last-child > a:before {

    border-left-width: 1px;

}



.posts--filter-bar.style--5 .nav > li > a {

    padding-left: 20px;

    padding-right: 20px;

}



.posts--filter-bar.style--5 .nav > li + li > a {

    margin-left: 0;

    margin-right: -1px;

}



.posts--filter-bar.style--5 .nav > li > a > i {

    margin-left: 8px;

    margin-right: 0;

}



.posts--filter-bar .nav > li:first-child > a:before {

    border-right-width: 1px;

}



.news--ticker .title {

    float: right;

}



.news--ticker .title h2 {margin-left: 10px;margin-right: 0;font-family: 'Cairo';}



.post--map .btn-link i {

    margin-left: 15px;

    margin-right: 0;

}



.post--img a.cat {

    left: auto;

    right: 15px;

}



.post--img .icon {

    left: 15px;

    right: auto;

}



.post--items-title {

    padding-left: 57px;

    padding-right: 0;

}



.post--items-title .nav {

    left: 0;

    right: auto;

}



.post--item.post--layout-3 .post--img .thumb,

.post--item.post--layout-4 .post--img .thumb {

    float: right;

    margin-left: 20px;

    margin-right: 0;

}



.post--content .list {

    padding-right: 0;

}



.post--content .list li:before {

    display: none;

}



.post--content .list li:after {

    content: "\f104";

    margin-left: 8px;

    font-family: "FontAwesome";

}



.post--content blockquote,

.comment--content blockquote {

    border-right-width: 0;

}



.post--content blockquote:before,

.comment--content blockquote:before {

    left: auto;

    right: 0;

}



.post--content blockquote footer:before,

.comment--content blockquote footer:before {

    left: auto;

    right: 0;

}



.post--author-info .img {

    left: auto;

    right: -1px;

}



.post--author-info {

    padding-left: 30px;

    padding-right: 180px;

}



.post--author-info .info .social > li {

    float: right;

}



.post--nav > .nav > li + li {

    text-align: left;

}



.pricing--content .price-tag p sub {

    padding-right: 5px;

}



.pricing--content .price-tag p sub:before {

    right: -5px;

}



.pricing--content .features .nav > li > span {

    padding-left: 0;

    padding-right: 20px;

}



.pricing--content .features .nav > li > span:before {

    left: auto;

    right: 0;

}



.product--item .img .actions .btn .fa {

    margin-left: 8px;

    margin-right: 0;

}



.product--summery .rating .nav {

    margin-left: 20px;

    margin-right: 0;

}



.product--summery .cart .quantity,

.product--summery .cart .btn {

    margin-left: 10px;

    margin-right: 0;

}



.product--summery .meta > li + li {

    margin-left: 0;

    margin-right: 5px;

}



.product--summery .meta.social > li:first-child + li {

    border-right-width: 0;

}



.product--summery .meta.social > li:last-child {

    border-right-width: 1px;

}



.post--items-title .icon {

    left: 0;

    right: auto;

}



.product--single .tab-nav > li:first-child > a {

    border-right-width: 1px;

}



.product--single .tab-nav > li:last-child > a {

    border-left-width: 1px;

}



.checkout--info-form .checkbox span {

    padding-left: 0;

    padding-right: 19px;

}



.checkout--info-form .checkbox span:before,

.checkout--info-form .checkbox span:after {

    left: auto;

    right: 0;

}



.checkout--billing-info .panel-group .panel-title label span {

    padding-left: 0;

    padding-right: 20px;

}



.checkout--billing-info .panel-group .panel-title label span:before {

    left: auto;

    right: 0;

}



.checkout--billing-info .panel-group .panel-title label span:after {

    left: auto;

    right: 3px;

}



.checkout--billing-info .checkbox > label > span {

    padding-left: 0;

    padding-right: 19px;

}



.checkout--billing-info label {

    padding-right: 0;

}



.checkout--billing-info .checkbox > label > span:before,

.checkout--billing-info .checkbox > label > span:after {

    left: auto;

    right: 0;

}



.faq--item .panel-body {

    margin-left: 0;

    margin-right: 8px;

    border-left-width: 0;

    border-right: 1px solid #ddd;

}



.faq--item .panel-title a {

    padding-left: 0;

    padding-right: 24px;

}



.faq--item .panel-title a:before {

    left: auto;

    right: 0;

}



.contact--cats .nav > li:nth-child(3n) {

    padding-left: 0;

    padding-right: 18px;

    border-right-width: 1px;

}



.contact--cats .nav > li:first-child,

.contact--cats .nav > li:nth-child(3n) + li {

    padding-left: 18px;

    padding-right: 0;

    border-right-width: 0;

}



.contact--info .title .fa {

    margin-left: 8px;

    margin-right: 0;

}



/*------------------------------------*\

    8. LOGIN SECTION

\*------------------------------------*/

.login--form label span {

    text-align: right;

}



.login--form .checkbox span:before {

    left: auto;

    right: 0;

}



.login--form .checkbox span:after {

    left: auto;

    right: 1px;

}



/*------------------------------------*\

    9. FOOTER SECTION

\*------------------------------------*/

.footer--copyright .links {

    padding-left: 30px;

    padding-right: 0;

}



.footer--copyright .social {

    padding-left: 0;

    padding-right: 22px;

}



/*------------------------------------*\

    10. MEDIA QUERIES

\*------------------------------------*/

@media screen and (max-width: 991px) {

    .float--sm-none {

        float: none;

    }



    .comment--items > li > .comment--items {

        padding-right: 0;

    }



    .header--style-3 .navbar-toggle {

        left: auto;

        right: 15px;

    }



    .header--menu-links {

        float: none;

    }



    .header--menu-links > li {

        float: none;

    }



    .header--style-3 .header--search-form {

        left: 15px;

        right: auto;

    }



    .contact--cats .nav > li:nth-child(2n) {

        padding-left: 0;

        padding-right: 18px;

        border-right-width: 1px;

    }



    .contact--cats .nav > li:nth-child(3n) + li {

        padding-left: 0;

        padding-right: 18px;

        border-right-width: 1px;

    }



    .contact--cats .nav > li:nth-child(2n) + li {

        padding-left: 18px;

        padding-right: 0;

        border-right-width: 0;

    }

}



@media screen and (max-width: 767px) {

    .float--xs-none {

        float: none;

    }



    .header--navbar .navbar-header {

        float: right;

        margin-right: 0;

    }



    .header--style-3 .navbar-header,

    .header--style-4 .navbar-header {

        float: none;

    }



    .header--menu-links > .dropdown > .dropdown-menu > li > a,

    .header--navbar .dropdown-menu > .dropdown > .dropdown-menu > li > a {

        padding-top: 9px;

        padding-bottom: 10px;

    }



    .cart--items .table tbody tr td {

        padding-left: 15px;

        padding-right: 152px;

        text-align: left;

    }



    .cart--items .table tbody tr td:before {

        left: auto;

        right: 15px;

    }

}



@media screen and (max-width: 480px) {

    .col-xxs-12 {

        float: none;

        width: 100%;

        margin-right: 0;

    }



    .pagination {

        float: none;

    }



    .contact--cats .nav > li,

    .contact--cats .nav > li:first-child,

    .contact--cats .nav > li:nth-child(2n) + li {

        padding-left: 0;

    }



    .contact--cats .nav > li:nth-child(2n) {

        padding-right: 0;

    }



    .contact--cats .nav > li:nth-child(3n) + li {

        padding-right: 0;

    }

}



@media screen and (max-width: 380px) {

    .post--author-info {

        padding-right: 30px;

    }



    .post--author-info .img {

        right: 0;

    }

}

.resources_ul li{

float: right;

font-size: 16px;
}
.header--menu-links > li > a {font-family: 'Cairo';font-size: 1.6rem;}
.news-updates--list .nav li .h3 a {
    
    font-family: 'Cairo';
    font-weight: bolder;
    font-size: 16px;
}
.post--item .post--info .title .h4 a {
    font-family: 'Cairo';
}
.post--item .post--info .title .h4 a {
    display: inline;
    font-size: 13px;
}
.post--single .post--content {
    font-family: Cairo;
    font-size: 18px;
    line-height: 34px;
}
a, a:hover, a:focus, .btn-link:hover, .btn-link:focus, .btn-link.active, .nav li a:hover, .nav li.active > a, .nav li.active > a:hover, .nav li.active > a:focus, .nav li.open > a, .nav li.open > a:hover, .nav li.open > a:focus, .text--color-1, .comment--header .rating, .comment-respond .rating .br-widget a:after, .widget--title .h4, .tags--widget.style--4 .nav > li > a:hover, .search--widget li label span:hover, .search--widget li label input:checked + span, .megamenu--posts > ul > li:hover > .title, .main--breadcrumb .breadcrumb .active, .page--title .h2 span, .post--items-title .h4, .product--item:hover .rating, .product--summery .rating .nav, .faq--item .panel-title a, .checkout--info .title .fa, .checkout--info .title a:hover, .checkout--info .title a.active, .checkout--billing-info .table tbody tr td span, .contact--cats .nav > li > a:hover .title .h5, .portfolio--item:hover .title .h4 .btn-link{
    font-family: 'Cairo';
}
.post--item.post--title-largest .post--info .title .h4 {
    font-size: 22px;
    font-family: Cairo;
    line-height: 46px;
}
/*.post--content p {
    font-size: 16px;
    font-family: Cairo;
    overflow: hidden;
}*/
.submit_resource{
    font-family: Cairo;
    font-size: 16px;
}