/* ==========================================================================
RTL / Arabic Stylesheet — GoSearch Template
Load this AFTER style.css (and after the Almarai Google Fonts )
Usage: ...
========================================================================== */
/* -------------------- 1. FONT -------------------- */
body[dir="rtl"],
html[dir="rtl"] body{
font-family:'Almarai','Rubik',sans-serif;
line-height:1.9em; /* Arabic needs more vertical breathing room */
}
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6{
font-family:'Almarai', sans-serif;
line-height:1.7em;
}
[dir="rtl"] p,
[dir="rtl"] .text{
font-family:'Almarai', sans-serif;
line-height:1.9em;
}
[dir="rtl"] input,
[dir="rtl"] button,
[dir="rtl"] select,
[dir="rtl"] textarea{
font-family:'Almarai', sans-serif;
}
/* Almarai has no italic cuts of its own — kill forced italics that look broken */
[dir="rtl"] .testimonial-widget .inner-widget .text{
font-style:normal;
}
/* -------------------- 2. GLOBAL DIRECTION -------------------- */
html[dir="rtl"]{
direction:rtl;
}
html[dir="rtl"] body,
body[dir="rtl"]{
direction:rtl;
text-align:right;
}
[dir="rtl"] .list-style-one li{
padding-left:0px;
padding-right:30px;
}
[dir="rtl"] .list-style-one li:before{
left:auto;
right:0px;
}
[dir="rtl"] .btn-style-one .icon{
margin-right:0px;
margin-left:4px;
}
/* -------------------- 3. HEADER TOP -------------------- */
[dir="rtl"] .main-header .header-top .top-left{
float:right;
}
[dir="rtl"] .main-header .header-top .top-right{
float:left;
}
[dir="rtl"] .main-header .header-top .top-left .links{
float:right;
}
[dir="rtl"] .main-header .header-top .top-left .links li{
float:right;
margin-right:0px;
margin-left:20px;
padding-right:0px;
padding-left:20px;
}
[dir="rtl"] .main-header .header-top .top-left .links li:after{
right:auto;
left:0px;
}
[dir="rtl"] .main-header .header-top .top-left ul li:last-child{
margin-left:0px;
padding-left:0px;
}
[dir="rtl"] .main-header .header-top .top-left .links li .icon{
margin-right:0px;
margin-left:10px;
}
[dir="rtl"] .main-header .header-top .top-right ul li{
float:right;
padding-right:0px;
padding-left:15px;
margin-right:0px;
margin-left:14px;
border-right:none;
border-left:1px solid #c3c3c3;
}
[dir="rtl"] .main-header .header-top .top-right ul li:last-child{
border:0px;
margin-left:0px;
padding-left:0px;
}
[dir="rtl"] .main-header .header-top .top-right ul li a .icon{
margin-right:0px;
margin-left:12px;
}
/* Language dropdown */
[dir="rtl"] .main-header .language .flag-img{
margin-right:0px;
margin-left:10px;
}
[dir="rtl"] .main-header .language .dropdown-menu{
left:auto;
right:0px;
}
[dir="rtl"] .main-header .language .dropdown-menu > li > a{
text-align:right;
}
/* -------------------- 4. LOGO / MAIN BOX -------------------- */
[dir="rtl"] .main-header .main-box .logo-box{
float:right;
right:0px;
left:auto;
}
[dir="rtl"] .main-header .nav-outer{
float:left;
}
[dir="rtl"] .main-header .nav-outer .outer-box{
float:left;
}
[dir="rtl"] .main-header .nav-outer .outer-box .talk{
float:right;
margin-left:0px;
margin-right:35px;
}
[dir="rtl"] .main-header .nav-outer .outer-box .talk .icon{
margin-right:0px;
margin-left:10px;
}
[dir="rtl"] .main-header .nav-outer .search-box-outer{
float:right;
}
[dir="rtl"] .main-header .search-box-btn{
text-align:left;
}
[dir="rtl"] .main-header .search-box-outer .dropdown-menu{
right:auto;
left:0px;
}
[dir="rtl"] .main-header .search-panel input[type="text"],
[dir="rtl"] .main-header .search-panel input[type="search"],
[dir="rtl"] .main-header .search-panel input[type="password"],
[dir="rtl"] .main-header .search-panel select{
padding:7px 15px 7px 40px;
}
[dir="rtl"] .main-header .search-panel .search-btn{
right:auto;
left:0px;
}
/* -------------------- 5. MAIN MENU / NAVIGATION -------------------- */
[dir="rtl"] .main-menu{
float:right;
}
[dir="rtl"] .main-menu .navigation > li{
float:right;
margin-left:0px;
margin-right:32px;
}
[dir="rtl"] .main-menu .navigation > li > ul{
left:auto;
right:0px;
text-align:right;
}
[dir="rtl"] .main-menu .navigation > li:last-child > ul{
right:auto;
left:0px;
}
[dir="rtl"] .main-menu .navigation > li > ul > li > a{
text-align:right;
}
[dir="rtl"] .main-menu .navigation > li > ul > li.dropdown > a:after{
right:auto;
left:10px;
content:"\f104";
}
[dir="rtl"] .main-menu .navigation > li > ul > li > ul{
left:auto;
right:107%;
}
[dir="rtl"] .main-menu .navigation > li > ul > li > ul > li > a{
text-align:right;
}
[dir="rtl"] .main-menu .navigation li.dropdown .dropdown-btn{
right:auto;
left:10px;
}
/* Sticky header */
[dir="rtl"] .main-header .sticky-header .main-menu .navigation > li{
margin-left:0px;
margin-right:30px;
}
/* -------------------- 6. MAIN SLIDER -------------------- */
[dir="rtl"] .main-slider .rev_slider_wrapper,
[dir="rtl"] .main-slider .rev_slider,
[dir="rtl"] .main-slider .rev_slider ul{
direction:ltr;
}
[dir="rtl"] .main-slider .tp-caption{
direction:rtl;
text-align:right !important;
}
[dir="rtl"] .main-slider h2 span{
float:right;
margin-right:0px;
margin-left:20px;
}
[dir="rtl"] .main-slider .btns-box .theme-btn{
margin-right:0px;
margin-left:28px;
}
@media only screen and (max-width:767px){
[dir="rtl"] .main-header .header-top{
display:none;
}
[dir="rtl"] .main-slider .tp-caption h2{
font-size:18px !important;
line-height:1.45em !important;
}
[dir="rtl"] .main-slider .tp-caption .text{
font-size:13px !important;
line-height:1.8em !important;
}
[dir="rtl"] .main-slider .tp-revslider-mainul > li > .tp-caption:nth-of-type(2){
margin-top:35px;
}
[dir="rtl"] .main-slider .tp-revslider-mainul > li > .tp-caption:nth-of-type(3){
margin-top:25px;
}
[dir="rtl"] .main-slider .tp-caption .theme-btn{
font-size:12px;
padding:10px 18px;
}
}
/* -------------------- 7. SECTION TITLE -------------------- */
[dir="rtl"] .sec-title h2:before{
left:50%;
margin-left:-15px;
}
/* -------------------- 8. FEATURED BLOCKS -------------------- */
[dir="rtl"] .featured-block .lower-box .lower-inner{
padding-left:0px;
padding-right:85px;
}
[dir="rtl"] .featured-block .lower-box .lower-inner .icon-box{
left:auto;
right:0px;
}
[dir="rtl"] .featured-block .inner-box:hover .lower-box{
padding-left:0px;
padding-right:20px;
}
/* -------------------- 9. SERVICES SECTION -------------------- */
[dir="rtl"] .services-block .inner-box:before{
left:auto;
right:0px;
}
[dir="rtl"] .services-block .inner-box .read-more .icon{
margin-right:0px;
margin-left:10px;
}
/* -------------------- 10. MARKETING / CONTENT NUMBERS -------------------- */
[dir="rtl"] .market-content .content-inner{
padding-left:0px;
/* padding-right:100px; */
}
[dir="rtl"] .market-content .content-inner .content-number{
left:auto;
right:0px;
}
[dir="rtl"] .featured-block-three .featured-inner{
padding-left:0px;
/* padding-right:95px; */
}
[dir="rtl"] .featured-block-three .featured-inner .icon-box{
left:auto;
right:0px;
}
[dir="rtl"] .marketing-section .content-column .owl-nav .owl-prev,
[dir="rtl"] .marketing-section .content-column .owl-nav .owl-next{
margin-right:0px;
margin-left:15px;
}
/* -------------------- 11. CASE SECTION -------------------- */
[dir="rtl"] .case-block .inner-box .content-box:before{
left:auto;
right:150px;
border-left:none;
border-right:18px solid transparent;
}
[dir="rtl"] .case-block .inner-box .content-box .options li{
margin-right:0px;
margin-left:10px;
}
[dir="rtl"] .case-block .inner-box .content-box .read-more .icon{
margin-right:0px;
margin-left:10px;
}
[dir="rtl"] .case-block.alternate .inner-box .content-box:before{
border-right:none;
border-left:18px solid transparent;
}
/* -------------------- 12. TESTIMONIALS -------------------- */
[dir="rtl"] .testimonial-block .inner-box .author-info .author-inner{
padding-left:0px;
padding-right:95px;
}
[dir="rtl"] .testimonial-block .inner-box .author-info .author-inner .image{
left:auto;
right:0px;
}
[dir="rtl"] .testimonial-block .inner-box .continue .icon{
margin-right:0px;
margin-left:10px;
}
[dir="rtl"] .testimonial-section .testimonial-column .owl-nav .owl-prev,
[dir="rtl"] .testimonial-section .testimonial-column .owl-nav .owl-next{
margin-left:0px;
margin-right:10px;
}
[dir="rtl"] .testimonial-block-two .inner-box .upper-box:before{
left:auto;
right:50px;
border-right:none;
border-left:25px solid transparent;
}
[dir="rtl"] .testimonial-block-two .inner-box .lower-box .lower-inner{
padding-left:0px;
padding-right:95px;
}
[dir="rtl"] .testimonial-block-two .inner-box .lower-box .lower-inner .image{
left:auto;
right:0px;
}
/* -------------------- 13. PRICING -------------------- */
[dir="rtl"] .price-block .inner-box .off{
right:auto;
left:20px;
}
[dir="rtl"] .price-block.alternate .inner-box{
border-right:none;
border-left:1px solid rgba(255,255,255,0.10);
}
[dir="rtl"] .price-block-two .inner-box .off{
right:auto;
left:20px;
}
[dir="rtl"] .price-table-section .price-list li{
float:right;
margin-right:0px;
margin-left:1px;
}
[dir="rtl"] .price-table-section .price-list li.price-title{
text-align:right;
}
/* -------------------- 14. FOOTER -------------------- */
[dir="rtl"] .main-footer .footer-title h2:after{
left:auto;
right:0px;
}
[dir="rtl"] .main-footer .subscribe-widget .form-group button{
right:auto;
left:0px;
}
[dir="rtl"] .office-widget .office-info ul li strong{
margin-left:0px;
margin-right:0px;
}
[dir="rtl"] .office-widget .owl-dots .owl-dot{
margin-right:0px;
margin-left:10px;
}
/* -------------------- 15. PAGE TITLE / BREADCRUMB -------------------- */
[dir="rtl"] .page-title .page-info{
text-align:left;
}
[dir="rtl"] .page-info .bread-crumb li{
margin-right:0px;
margin-left:24px;
}
[dir="rtl"] .page-info .bread-crumb li:after{
right:auto;
left:-16px;
content:"\f104";
}
[dir="rtl"] .page-info .bread-crumb li:last-child:after{
display:none;
}
/* -------------------- 16. MISSION / ABOUT -------------------- */
[dir="rtl"] .mission-section .inner-container:after{
right:auto;
left:0px;
}
[dir="rtl"] .mission-section .inner-container .image-column .inner-column .content{
float:left;
margin-right:0px;
margin-left:-180px;
}
[dir="rtl"] .mission-section .inner-container .image-column .inner-column .title .title-inner{
padding-left:0px;
padding-right:65px;
}
[dir="rtl"] .mission-section .inner-container .image-column .title .title-inner .image{
left:auto;
right:0px;
}
[dir="rtl"] .mission-section .image-column .inner-column .more .icon{
margin-right:0px;
margin-left:8px;
}
[dir="rtl"] .mission-section .image-column .owl-dots{
text-align:left;
}
/* -------------------- 17. WE ARE / MONTHLY BLOCKS -------------------- */
[dir="rtl"] .we-are-section .content-column .inner-column .bold-text:before{
left:auto;
right:0px;
}
[dir="rtl"] .we-are-section .carousel-column .inner-column:before{
left:auto;
right:92px;
}
[dir="rtl"] .monthy-block .inner-box{
padding-left:0px;
padding-right:140px;
}
[dir="rtl"] .monthy-block .inner-box .month{
left:auto;
right:0px;
}
[dir="rtl"] .monthy-block .inner-box .month .dott{
right:auto;
left:-28px;
}
[dir="rtl"] .we-are-section .carousel-column .slick-prev,
[dir="rtl"] .we-are-section .carousel-column .slick-next{
left:auto;
right:128px;
margin-left:0px;
margin-right:-50px;
}
[dir="rtl"] .we-are-section .carousel-column .slick-next{
right:78px;
}
/* -------------------- 18. STEP BLOCKS -------------------- */
[dir="rtl"] .step-block:nth-child(2),
[dir="rtl"] .step-block:nth-child(3),
[dir="rtl"] .step-block:nth-child(4){
margin-top:0px; /* stacked offset reads oddly mirrored; keep flush in RTL */
}
/* -------------------- 19. CONTACT / QUOTE FORMS -------------------- */
[dir="rtl"] .contact-section .contact-form-column h2:after,
[dir="rtl"] .quote-section .quote-info-column .inner-column h2:after{
left:auto;
right:0px;
}
[dir="rtl"] .quote-section .quote-info-column .form-group .select-box label{
padding-left:35px;
padding-right:0px;
}
[dir="rtl"] .quote-section .quote-info-column .form-group .select-box input[type="checkbox"],
[dir="rtl"] .quote-section .quote-info-column .form-group .select-box .default-check,
[dir="rtl"] .quote-section .quote-info-column .form-group .select-box .check-icon{
left:auto;
right:0px;
}
[dir="rtl"] .info-list li{
padding-left:0px;
padding-right:45px;
}
[dir="rtl"] .info-list li .icon{
left:auto;
right:0px;
}
[dir="rtl"] .info-list li strong{
margin-left:5px;
margin-right:0px;
}
[dir="rtl"] .contact-section .contact-info-column .owl-nav .owl-prev,
[dir="rtl"] .contact-section .contact-info-column .owl-nav .owl-next{
transform:scaleX(-1);
}
/* -------------------- 20. SIDEBAR -------------------- */
[dir="rtl"] .sidebar-page-container .sidebar-side .with-border{
padding-left:0px;
padding-right:30px;
}
[dir="rtl"] .sidebar-page-container .sidebar-side .with-border:before{
left:auto;
right:15px;
}
[dir="rtl"] .sidebar .search-box .form-group button{
right:auto;
left:14px;
border-left:none;
border-right:1px solid #f2f2f2;
}
[dir="rtl"] .blog-cat{
border-left-color:#eeeeee;
border-right-color:#ff4800;
}
[dir="rtl"] .blog-cat li a{
padding-left:0px;
padding-right:25px;
}
[dir="rtl"] .blog-cat li a:before{
left:auto;
right:0px;
}
[dir="rtl"] .blog-cat li a:after{
left:auto;
right:0px;
}
[dir="rtl"] .blog-cat li a span{
float:left;
}
[dir="rtl"] .sidebar .popular-posts .post{
padding-left:0px;
padding-right:108px;
}
[dir="rtl"] .sidebar .popular-posts .post .post-thumb{
left:auto;
right:0px;
}
[dir="rtl"] .sidebar .popular-tags a{
margin:0px 0px 10px 6px;
}
[dir="rtl"] .blog-cat-two li a{
padding-left:0px;
padding-right:25px;
}
[dir="rtl"] .blog-cat-two li a:before{
left:auto;
right:0px;
transform:rotate(-45deg);
}
[dir="rtl"] .blog-cat-two li.active a,
[dir="rtl"] .blog-cat-two li a:hover{
padding-right:30px;
padding-left:0px;
}
[dir="rtl"] .blog-cat-two li.active a:before,
[dir="rtl"] .blog-cat-two li a:hover::before{
right:10px;
left:auto;
}
[dir="rtl"] .sidebar-brochure .brochure{
padding-left:20px;
padding-right:70px;
}
[dir="rtl"] .sidebar-brochure .brochure .icon{
left:auto;
right:0px;
border-right:none;
border-left:1px solid #f2f2f2;
}
[dir="rtl"] .testimonial-widget .inner-widget .upper-box .upper-inner{
padding-left:0px;
padding-right:70px;
}
[dir="rtl"] .testimonial-widget .inner-widget .upper-box .upper-inner .image{
left:auto;
right:0px;
}
[dir="rtl"] .testimonial-widget .owl-dots{
left:auto;
right:20px;
}
[dir="rtl"] .testimonial-widget .owl-dots .owl-dot{
margin-right:0px;
margin-left:8px;
}
/* -------------------- 21. BLOG / NEWS -------------------- */
[dir="rtl"] .news-block .inner-box .lower-content .post-date{
padding-left:0px;
padding-right:28px;
}
[dir="rtl"] .news-block .inner-box .lower-content .post-date:before{
left:auto;
right:0px;
}
[dir="rtl"] .news-block .inner-box .lower-content .read-more span{
margin-right:0px;
margin-left:10px;
}
[dir="rtl"] .news-block-two .inner-box .lower-content .post-date{
padding-left:0px;
padding-right:30px;
}
[dir="rtl"] .news-block-two .inner-box .lower-content .post-date:before{
left:auto;
right:0px;
}
/* -------------------- 22. STYLED PAGINATION -------------------- */
[dir="rtl"] .styled-pagination li{
float:right;
margin:0px 0px 10px 10px;
}
/* -------------------- 23. COMMENTS / AUTHOR BOX -------------------- */
[dir="rtl"] .comment-block .inner .date{
left:auto;
right:22px;
}
[dir="rtl"] .comment-block .inner .content{
padding-left:0px;
padding-right:70px;
}
[dir="rtl"] .comment-block .inner .content .image{
left:auto;
right:0px;
}
[dir="rtl"] .comment-block .inner .content .reply-btn{
right:auto;
left:0px;
}
[dir="rtl"] .author-box .author-comment .inner{
padding-left:0px;
padding-right:110px;
}
[dir="rtl"] .author-box .author-comment .inner .image{
left:auto;
right:0px;
}
[dir="rtl"] .sidebar-page-container .comments-area .comment-box.reply-comment{
margin-left:0px;
margin-right:30px;
}
[dir="rtl"] .sidebar-page-container .comments-area .comment{
padding:0px 80px 0px 0px;
}
[dir="rtl"] .sidebar-page-container .comments-area .comment .comment-inner .rating{
right:auto;
left:15px;
}
[dir="rtl"] .sidebar-page-container .comments-area .comment-box .author-thumb{
left:auto;
right:0px;
}
/* -------------------- 24. CASE SINGLE / RESULT / SOLUTION -------------------- */
[dir="rtl"] .info-category li .title{
margin-right:0px;
margin-left:5px;
}
[dir="rtl"] .result-block .block-inner{
padding-left:0px;
padding-right:80px;
}
[dir="rtl"] .result-block .block-inner .icon-box{
left:auto;
right:0px;
}
/* -------------------- 25. SERVICES SINGLE -------------------- */
[dir="rtl"] .services-single .inner-box .lower-content .carousel-column .inner-column:before{
left:auto;
right:6px;
}
[dir="rtl"] .services-section-four .services-inner{
padding-left:0px;
padding-right:50px;
}
[dir="rtl"] .services-section-four .services-inner .dott{
left:auto;
right:3px;
}
/* -------------------- 26. ACCORDION -------------------- */
[dir="rtl"] .accordion-box .block .acc-btn{
padding:0px 100px 0px 10px;
}
[dir="rtl"] .accordion-box .block .icon-outer{
left:auto;
right:22px;
}
[dir="rtl"] .accordion-box .block:after{
left:auto;
right:78px;
}
[dir="rtl"] .accordion-box .block .content{
padding:15px 100px 0px 30px;
}
/* -------------------- 27. BLOG SINGLE / SHARE -------------------- */
[dir="rtl"] .blog-single .inner-box .lower-content .post-meta li{
margin-right:0px;
margin-left:18px;
}
[dir="rtl"] .blog-single .inner-box .lower-content .post-meta li .icon{
margin-right:0px;
margin-left:8px;
}
[dir="rtl"] .blog-single .post-share-options .info-links li{
margin-right:0px;
margin-left:20px;
}
[dir="rtl"] .blog-single .post-share-options .tags span{
margin-right:0px;
margin-left:8px;
}
/* -------------------- 28. ERROR / COMING SOON -------------------- */
[dir="rtl"] .error-search-form .form-group input[type="text"],
[dir="rtl"] .error-search-form .form-group input[type="search"],
[dir="rtl"] .emailed-form .form-group input[type="text"],
[dir="rtl"] .emailed-form .form-group input[type="email"]{
padding:10px 20px 10px 50px;
}
[dir="rtl"] .error-search-form .form-group button,
[dir="rtl"] .emailed-form .form-group button{
right:auto;
left:0px;
}
/* -------------------- 29. FONTAWESOME ARROW MIRRORING -------------------- */
/* Flip generic next/prev caret icons where FontAwesome glyphs point the wrong way */
[dir="rtl"] .fancybox-next span:before{
content:'\f177';
}
[dir="rtl"] .fancybox-prev span:before{
content:'\f178';
}