Current File : /home/pariaqke/cosmag.org/wp-content/themes/loveus/rtl.css

/** template rtl css **/

.rtl {
  direction: rtl; 
}

.ltr {
  direction: ltr; 
}

.demo-rtl{
  position: fixed;
  top: 400px;
  left: 0;
  z-index: 9999;
}

button.rtl{
  background: #222;
  display: block;
  text-indent: inherit;
  font-size: 12px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: 700;
  margin: 0px;
  color: #fff !important;
}

.demo-ltr{
  position: fixed;
  top: 400px;
  left: auto;
  right: 0;
  z-index: 9999;
}

button.ltr {
  background: #222;
  display: block;
  text-indent: inherit;
  font-size: 12px;
  font-weight: 700;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0px;
  color: #fff !important;
}

.page-wrapper.ltr .demo-rtl{
  display: block;
}

.page-wrapper.ltr .demo-ltr{
  display: none;
}

.page-wrapper.rtl .demo-rtl{
  display: none;
}

.page-wrapper.rtl .demo-ltr{
  display: block;
}

.rtl .banner-carousel{
  direction: ltr;
}

.rtl .pull-left{
  float: right;
}

.rtl .pull-right{
  float: left;
}

.rtl .main-menu .navigation > li{
  float: right;
}

.rtl .main-menu .navigation > li > ul > li > a, 
.rtl .main-menu .navigation > li > .megamenu li > a{
  text-align: right;
}

.rtl .main-menu .navigation li.dropdown .megamenu li h4{
  text-align: right;
}

.rtl .main-menu .navigation > li > ul > li.dropdown > a:after{
  right: inherit;
  left: 20px;
  content: "\f104";
}

.rtl .mobile-menu{
  text-align: right;
}

.rtl .mobile-menu .nav-logo{
  text-align: right;
}

.rtl .mobile-menu .navigation li > a:before{
  left: inherit;
  right: 0px;
}

.rtl .mobile-menu .navigation li.dropdown .dropdown-btn{
  right: inherit;
  left: 6px;
}

.rtl .mobile-menu .navigation li.dropdown .dropdown-btn.open{
  transform: rotate(90deg);
}

.rtl .main-header .header-top .inner{
  padding-left: 0px;
  padding-right: 280px;
}

.rtl .main-header .header-top .top-left{
  float: right;
}

.rtl .main-header .header-top .social-links li{
  float: right;
  margin-right: 0px;
  margin-left: 25px;
}

.rtl .main-header .header-top .top-right{
  float: left;
}

.rtl .main-header .header-upper .logo-box{
  left: inherit;
  right: 0px;
}

.rtl .main-header .header-upper .inner-container{
  padding-left: 0px;
  padding-right: 280px;
}

.rtl .main-header .header-top .info li{
  float: right;
  margin-left: 0px;
  margin-right: 39px;
}

.rtl .main-header .header-top .info li:before{
  left: inherit;
  right: -20px;
}

.rtl .main-header .header-top .info li a .icon{
  padding-right: 0px;
  padding-left: 5px;
}

.rtl .search-popup .search-form fieldset input[type="search"]{
  padding-right: 250px;
}

.rtl .main-menu .navigation > li{
  margin-right: 0px;
  margin-left: 40px;
}

.rtl .main-menu .navigation > li:last-child{
  margin-left: 0px;
}

.rtl .main-menu .navigation > li > ul > li > ul > li > a{
  text-align: right;
}

.rtl .main-header .nav-outer .link-box{
  float: left;
}

.rtl .main-header .nav-outer .main-menu{
  float: right;
}

.rtl .main-menu .navigation > li > ul{
  left: inherit;
  right: 0px;
}

.rtl .main-menu .navigation > li > ul > li > ul{
  left: inherit;
  right: 100%;
}

.rtl .main-header .nav-outer .link-box .donate-link{
  float: left;
  margin-left: 0px;
  margin-right: 30px;
}

.rtl .about-section .left-column .inner{
  text-align: right;
}

.rtl .cause-block .inner-box .lower-content{
  text-align: right;
}

.rtl .cause-block .inner-box .donate-info .raised{
  float: right;
}

.rtl .cause-block .inner-box .donate-info .goal{
  float: left;
}

.rtl .video-section{
  direction: ltr;
}

.rtl .video-section .text-column .inner{
  text-align: right;
}

.rtl .service-block .inner-box{
  text-align: right;
}

.rtl .mission-vision .text-column .inner{
  padding-right: 0px;
  padding-left: 50px;
  text-align: right;
}

.rtl .mission-vision .vision .text-column .inner{
  padding-left: 0px;
  padding-right: 50px;
}

.rtl .owl-carousel{
  direction: ltr;
}

.rtl .event-block .text-column .inner{
  text-align: right;
}

.rtl .event-block .info li{
  margin-right: 0px;
  margin-left: 15px;
}

.rtl .event-block .info li .icon{
  padding-right: 0px;
  padding-left: 3px;
}

.rtl .event-block .image-column{
  left: inherit;
  right: 0px;
}

.rtl .event-block .text-column{
  float: left;
}

.rtl .fact-counter .column .inner:before{
  right: inherit;
  left: -20px;
}

.rtl .news-section .title-box{
  text-align: right;
}

.rtl .news-block .inner-box .lower-content{
  text-align: right;
}

.rtl .news-block .inner-box .date{
  left: inherit;
  right: 35px;
}

.rtl .news-block .post-meta ul li:before{
  right: inherit;
  left: 0px;
}

.rtl .news-block .post-meta ul li:first-child{
  text-align: right;
}

.rtl .news-block .post-meta ul li:last-child{
  padding-left: 0px;
  padding-right: 5px;
}

.rtl .main-footer .footer-widget{
  text-align: right;
}

.rtl .main-footer .news-widget .news-post{
  padding-left: 0px;
  padding-right: 120px;
}

.rtl .main-footer .news-widget .news-post .post-thumb{
  left: inherit;
  right: 0px;
}

.rtl .main-footer .links-widget .widget-content{
  padding-left: 0px;
  padding-right: 40px;
}

.rtl .main-footer .social-links li{
  margin-right: 0px;
  margin-left: 8px;
}

.rtl .main-footer .nav-box .inner .footer-nav{
  float: right;
}

.rtl .main-footer .nav-box .inner .donate-link{
  float: left;
}

.rtl .main-footer .nav-box .inner .footer-nav li{
  float: right;
  margin-right: 0px;
  margin-left: 30px;
}

.rtl .main-footer .footer-bottom .copyright{
  float: right;
}

.rtl .main-footer .footer-bottom .bottom-links{
  float: left;
}

.rtl .main-footer .footer-bottom .bottom-links li:before{
  left: inherit;
  right: -30px;
}

.rtl .main-header.header-style-two .header-upper .inner-container{
  padding-left: 30px;
  padding-right: 300px;
}

.rtl .main-header.header-style-two .header-upper .logo-box{
  left: inherit;
  right: 30px;
}

.rtl .about-feature-two{
  text-align: right;
}

.rtl .what-we-do.style-two .sec-title{
  text-align: right;
}

.rtl .process-block .inner-box{
  text-align: right;
}

.rtl .team-carousel-section .title-box{
  text-align: right;
}

.rtl .event-block-two .title-column .inner{
  padding-left: 0px;
  padding-right: 260px;
  text-align: right;
}

.rtl .event-block-two .title-column .image-box{
  left: inherit;
  right: 0px;
}

.rtl .event-block-two .info-column .link-box{
  float: left;
}

.rtl .event-block-two .info-column .info{
  float: right;
  text-align: right;
}

.rtl .event-block-two .info-column .inner{
  padding-left: 0px;
  padding-right: 60px;
}

.rtl .event-block-two .info-column .inner:before{
  left: inherit;
  right: 0px;
}

.rtl .call-to-action-two .title-box{
  float: right;
}

.rtl .call-to-action-two .link-box{
  float: left;
}

.rtl .style-three .banner-carousel .content-box{
  text-align: right;
}

.rtl .style-three .banner-carousel .content-box .text{
  text-align: right;
  max-width: 100%;
}

.rtl .about-section.style-three .left-column .inner{
  padding-left: 0px;
  padding-right: 30px;
}

.rtl .news-block-three .news-post{
  padding-left: 0px;
  padding-right: 200px;
  text-align: right;
}

.rtl .news-block-three .news-post .post-thumb{
  left: inherit;
  right: 0px;
}

.rtl .news-block-three .news-post .date .fa{
  padding-right: 0px;
  padding-left: 5px;
}

.rtl .news-block-two .inner-box .lower-content{
  text-align: right;
}

.rtl .news-block-two .post-meta ul li{
  margin-right: 0px;
  margin-left: 15px;
  padding-right: 0px;
  padding-left: 16px;
}

.rtl .news-block-two .post-meta ul li:before{
  right: inherit;
  left: -1px;
}

.rtl .news-block-two .post-meta ul li .icon{
  padding-right: 0px;
  padding-left: 5px;
}

.rtl .cause-block-two .inner-box{
  text-align: right;
}

.rtl .cause-block-two .inner-box .donate-info .raised{
  float: right;
}

.rtl .cause-block-two .inner-box .donate-info .goal{
  float: left;
}

.rtl .event-block-three .inner-box .lower-content{
  text-align: right;
}

.rtl .event-block-three .image-box .date{
  left: inherit;
  right: 30px;
}

.rtl .event-block-three .info li{
  margin-right: 0px;
  margin-left: 15px;
}

.rtl .event-block-three .info li:last-child{
  margin-left: 0px;
}

.rtl .event-block-three .info li .icon{
  padding-right: 0px;
  padding-left: 3px;
}

.rtl .newsletter-section .title-column .inner-column{
  padding-left: 0px;
  padding-right: 70px;
  text-align: right;
}

.rtl .newsletter-section .title-column .icon-box{
  left: inherit;
  right: 0px;
}

.rtl .cause-block-three .text-column .inner{
  text-align: right;
}

.rtl .cause-block-three .text-column .donation-count .raised{
  float: right;
}

.rtl .cause-block-three .text-column .donation-count .goal{
  float: left;
}

.rtl .cause-block-three .image-column{
  left: inherit;
  right: 0px;
}

.rtl .cause-block-three .text-column{
  float: left;
}

.rtl .event-block-three.style-two .inner-box .lower-content{
  padding-left: 40px;
  padding-right: 100px;
  text-align: right;
}

.rtl .event-block-three.style-two .lower-content .date{
  left: inherit;
  right: 0px;
}

.rtl .ui-selectmenu-text{
  text-align: right;
  margin-right: 0px;
  margin-left: 20px;
}

.rtl .ui-selectmenu-icon.ui-icon{
  float: left;
}

.rtl .ui-menu .ui-menu-item-wrapper{
  text-align: right;
}

.rtl .default-text-block{
  text-align: right;
}

.rtl .accordion-box{
  text-align: right;
}

.rtl .faq-section .title-column .inner{
  text-align: right;
}

.rtl .faq-section .content-column .inner{
  padding-left: 0px;
  padding-right: 80px;
}

.rtl .faq-section .tab-buttons .tab-btn.active-btn{
  padding-left: 0px;
  padding-right: 35px;
}

.rtl .faq-section .tab-buttons .tab-btn:before{
  left: inherit;
  right: 0px;
}

.rtl .sidebar-side .sidebar{
  text-align: right;
}

.rtl .sidebar .popular-posts .news-post{
  padding-left: 0px;
  padding-right: 110px;
}

.rtl .sidebar .popular-posts .news-post .post-thumb{
  left: inherit;
  right: 0px;
}

.rtl .sidebar .popular-tags li{
  float: right;
  margin-right: 0px;
  margin-left: 8px;
}

.rtl .cause-details .inner-box .donate-info .raised{
  float: right;
}

.rtl .cause-details .inner-box .donate-info .goal{
  float: left;
}

.rtl .cause-details{
  text-align: right;
}

.rtl .cause-details .inner-box ul li{
  padding-left: 0px;
  padding-right: 20px;
}

.rtl .cause-details .inner-box ul li:before{
  left: inherit;
  right: 0px;
}

.rtl .event-details{
  text-align: right;
}

.rtl .event-details .image-box .date{
  left: inherit;
  right: 30px;
}

.rtl .event-details .inner-box .info li{
  margin-right: 0px;
  margin-left: 15px;
}

.rtl .event-details .info li .icon{
  padding-right: 0px;
  padding-left: 3px;
}

.rtl .event-details .inner-box ul li{
  padding-left: 0px;
  padding-right: 20px;
}

.rtl .event-details .inner-box ul li:before{
  left: inherit;
  right: 0px;
}

.rtl .sidebar .categories ul{
  margin-left: 0px;
  margin-right: 20px;
}

.rtl .range-slider-one .input input{
  text-align: right;
}

.rtl .sidebar .popular-products .product{
  padding-left: 0px;
  padding-right: 90px;
}

.rtl .sidebar .popular-products .product .post-thumb{
  left: inherit;
  right: 0px;
}

.rtl .styled-pagination li:last-child{
  margin-right: 8px;
}

.rtl .ui-widget.ui-widget-content{
  text-align: right;
}

.rtl .product-details .basic-details .info-column .inner-column{
  text-align: right;
}

.rtl .product-details .basic-details .item-quantity{
  float: right;
  margin-right: 0px;
  margin-left: 25px;
}

.rtl .product-details .basic-details .add-to-cart{
  float: right;
  margin-right: 20px;
  margin-left: 0px;
}

.rtl .product-details .basic-details .like-btn{
  float: right;
  margin-left: 0px;
  margin-right: 20px;
}

.rtl .social-icon-three li{
  margin-right: 0px;
  margin-left: 7px;
}

.rtl .product-details .prod-tabs{
  text-align: right;
}

.rtl .product-details .prod-tabs .tab-btns .tab-btn{
  float: right;
  margin-right: 0px;
  margin-left: 10px;
}

.rtl .product-details .comments-area .comment{
  padding-left: 0px;
  padding-right: 100px;
}

.rtl .product-details .comments-area .comment-box .author-thumb{
  left: inherit;
  right: 0px;
}

.rtl .product-details .comments-area .comment-box .rating{
  right: inherit;
  left: 0px;
}

.rtl .shop-comment-form .rating-box .rating{
  margin-right: 0px;
  margin-left: 10px;
}

.rtl .related-products .sec-title{
  text-align: right;
}

.rtl .cart-table tbody tr .prod-column .column-box{
  padding-left: 0px;
  padding-right: 100px;
  text-align: right;
}

.rtl .cart-table tbody tr .prod-column .column-box .prod-thumb{
  left: inherit;
  right: 0px;
}

.rtl .cart-section .bootstrap-touchspin .input-group-btn-vertical{
  right: 0px;
}

.rtl .cart-section .apply-coupon{
  float: right;
  text-align: right;
}

.rtl .cart-section .link-box{
  float: left;
}

.rtl .cart-section .apply-coupon .form-group{
  float: right;
  margin-right: 0px;
  margin-left: 10px;
}

.rtl .cart-total .title{
  text-align: right;
}

.rtl .checkout-page{
  text-align: right;
}

.rtl .order-detail .cart-table .sub-total{
  text-align: right;
  border-right: 1px solid #e7e7e7;
  border-left: none;
}

.rtl .order-detail .cart-table .col-title{
  text-align: right;
  border-right: none;
  border-left: 1px solid #e7e7e7;
}

.rtl .order-detail .cart-table .col{
  text-align: right;
}

.rtl .checkout-page .payment-options li .radio-option label{
  padding-left: 0px;
  padding-right: 30px;
}

.rtl .checkout-page .payment-options li .radio-option input[type="radio"]{
  left: inherit;
  right: 0px;
}

.rtl .donate-section{
  text-align: right;
}

.rtl .donate-form .radio-block{
  margin-right: 0px;
  margin-left: 30px;
}

.rtl .donate-form .radio-block label{
  padding-left: 0px;
  padding-right: 32px;
}

.rtl .donate-form .radio-block input{
  left: inherit;
  right: 0px;
}

.rtl .donate-form .radio-block label:before{
  left: inherit;
  right: 0px;
}

.rtl .blog-post-detail{
  text-align: right;
}

.rtl .blog-post-detail .post-meta ul li{
  margin-right: 0px;
  margin-left: 20px;
  padding-right: 0px;
  padding-left: 22px;
}

.rtl .blog-post-detail .post-meta ul li:before{
  right: inherit;
  left: 0px;
}

.rtl .blog-post-detail .post-meta ul li:first-child{
  padding-left: 22px;
}

.blog-post-detail .post-meta ul li:last-child{
  padding-right: 0px;
}

.rtl .blog-post-detail .post-share-options p{
  margin-right: 0px;
  margin-left: 15px;
}

.rtl .blog-post-detail .post-share-options .social-icons li{
  margin-left: 0px;
  margin-right: 16px;
}

.rtl .comments-area{
  text-align: right;
}

.rtl .comments-area .comment-box .reply-btn{
  right: inherit;
  left: 0px;
}

.rtl .comments-area .comment{
  padding-left: 0px;
  padding-right: 110px;
}

.rtl .comments-area .comment-box .author-thumb{
  left: inherit;
  right: 0px;
}

.rtl .comment-form{
  text-align: right;
}

.rtl .page-banner .bread-crumb li{
  margin-left: 0px;
  margin-right: 24px;
}

.rtl .page-banner .bread-crumb li:before{
  right: inherit;
  left: -24px;
}

.rtl .cause-block .inner-box .progress-box .count-text,
.rtl .cause-details .inner-box .progress-box .count-text{
  right: inherit;
  left: 0px;
  margin-right: 0px;
  margin-left: -23px;
}

.rtl .blog-post-detail .post-meta ul li:last-child{
  padding-left: 0px;
}



/********** rtl-css ***************/



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

  .rtl .mission-vision .text-column .inner{
    padding-left: 0px;
  }

  .rtl .mission-vision .vision .text-column .inner{
    padding-right: 0px;
  }

  .rtl .about-section.style-three .left-column .inner{
    padding-right: 0px;
  }

  .rtl .faq-section .content-column .inner{
    padding-right: 0px;
  }

}

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

  .rtl .main-header .header-upper .inner-container{
    padding-right: 0px;
  }

  .rtl .main-header .header-top .inner{
    padding-right: 0px;
  }

  .rtl .main-footer .links-widget .widget-content{
    padding-right: 0px;
  }

  .rtl .main-header.header-style-two .header-upper .inner-container{
    padding-right: 15px;
  }

  .rtl .event-block-two .info-column .inner{
    padding-right: 0px;
  }

  .rtl .event-block-two .info-column .inner{
    text-align: right;
  }

}

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

  .rtl .main-footer .nav-box .inner .footer-nav li{
    display: inline-block;
    float: none;
    margin: 0px 10px 5px;
  }

  .rtl .event-block-two .title-column .inner{
    padding-right: 0px;
  }
}

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

  .rtl .main-header .header-top .info li{
    margin: 0px 10px;
    float: none;
  }

  .rtl .news-block-three .news-post{
    padding-right: 0px;
  }

  .rtl .event-block-three.style-two .inner-box .lower-content{
    padding-left: 0px;
  }

  .rtl .product-details .comments-area .comment{
    padding-right: 0px;
  }

  .rtl .comments-area .comment{
    padding-right: 0px;
  }

}