/* 0.0 Base direction ***************************************************/
html {
  direction: rtl;
}

body {
  direction: rtl;
}


/* 0.1 Arabic typography ***************************************************/
/* Arabic needs more leading than the 23px the theme ships, and a font stack
   with real Arabic coverage. Kept free of !important so fonts picked in the
   theme options / Elementor still win. */
body,
button,
input,
select,
textarea {
  font-family: "Cairo", "Tajawal", "Almarai", "Noto Kufi Arabic", "Noto Sans Arabic", "Segoe UI", Tahoma, "Dubai", "Geeza Pro", "Arabic Typesetting", sans-serif;
  line-height: 1.9;
}

p {
  line-height: 1.9;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Cairo", "Tajawal", "Almarai", "Noto Kufi Arabic", "Noto Sans Arabic", "Segoe UI", Tahoma, "Dubai", "Geeza Pro", "Arabic Typesetting", sans-serif;
  line-height: 1.5;
}

/* Arabic has no hyphenation dictionary; `hyphens: auto` only adds artefacts. */
h1.page-title,
article.post-wrap h2.post-title a,
article.post-wrap h2.entry-title a,
.single article.post-wrap h1.post-title,
.ovatheme_breadcrumbs ul.breadcrumb li,
.ovatheme_breadcrumbs ul.breadcrumb a,
.ovatheme_breadcrumbs ul.breadcrumb li a {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/* `word-break: break-all` cuts Arabic words mid-glyph and drops the joining
   forms. Break on word boundaries only. */
article.post-wrap h1.post-title,
article.post-wrap h2.post-title,
article.post-wrap .post-meta .post-meta-content a {
  word-break: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* `letter-spacing` breaks Arabic letter joining, and `uppercase` is a no-op
   for Arabic while shouting at any mixed Latin. */
th,
h4.title-comment,
h4.number-comments,
.sidebar .widget h4.widget-title,
.comment-navigation .nav_comment_text,
.wrap_comment_form .comment-form p.form-submit input.submit,
article.post-wrap h2.post-title a,
article.post-wrap h2.entry-title a,
article.post-wrap .post-tag .ovatags,
article.post-wrap .post-tag .ovacats,
article.post-wrap .post-tag .share_social .ova_label,
article.post-wrap .post-readmore a,
ul.commentlists li.comment .comment_item .comment-details .author-name .date_reply .date,
ul.commentlists li.pingback .author-name a,
.ovatheme_header_default nav.navbar .navbar-brand,
.ovatheme_header_default nav.navbar li a {
  text-transform: none;
  letter-spacing: normal;
}

/* Fixed pixel line-heights clip Arabic ascenders and diacritics. */
article.post-wrap h2.post-title {
  line-height: 1.4;
}

.sidebar .widget ul li a {
  line-height: 1.8;
}

.ovatheme_breadcrumbs ul.breadcrumb li,
.ovatheme_breadcrumbs ul.breadcrumb a,
.ovatheme_breadcrumbs ul.breadcrumb li a {
  line-height: 1.8;
}

/* Sub-13px Arabic is hard to read; nudge the smallest labels up. */
article.post-wrap .post-readmore a,
article.post-wrap .post-tag-howdy .post-tags-howdy > a {
  font-size: 14px;
}

ul.commentlists li.comment .comment_item .comment-details .author-name .ova_reply a {
  font-size: 13px !important;
}

ul.commentlists li.pingback .author-name a {
  font-size: 14px;
}


/* 1.1 General Settings ***************************************************/
blockquote.left,
blockquote.right {
  text-align: right;
}

/* Scroll To Top */
#scrollUp {
  right: auto;
  left: 20px;
}

ol, ul {
  padding: 0 15px 0 0;
}

/* Bootstrap only zeroes `padding-left` on its unstyled lists, so the indent
   above would reappear on the other side. */
.nav,
.navbar-nav,
.pagination,
.list-unstyled,
.list-inline,
.carousel-indicators {
  padding-right: 0;
}


/* 1.3 Sidebar ***************************************************/
.sidebar .widget {
  float: right;
}

.sidebar .widget.widget_tag_cloud .tagcloud {
  float: right;
}

.sidebar .widget.widget_tag_cloud .tagcloud a {
  float: right;
  margin: 0 0 10px 10px;
}

.sidebar .widget.widget_search label input.search-field {
  margin-right: 0;
  margin-left: 5px;
}

.sidebar .widget ul {
  margin-right: 0;
  padding-right: 0px;
}

.sidebar .widget ul.search {
  padding-right: 0;
}

.sidebar .widget.widget_categories .children,
.sidebar .widget.widget_nav_menu .sub-menu,
.sidebar .widget.widget_pages .children {
  margin: 0.7667em 0.8em 0 0;
}

/* Sidebar search widget (custom_html) */
.sidebar .widget.widget_custom_html .ova_search input {
  padding: 13px 20px 14px 10px;
}

.sidebar .widget.widget_custom_html .ova_search button {
  right: auto;
  left: 0;
}


/* 1.5 List Comment ***************************************************/
ul.commentlists {
  padding-right: 0;
  float: right;
}

ul.commentlists li.comment {
  float: right;
}

ul.commentlists li.comment .comment_item .comment-author {
  float: right;
  margin-right: 0;
  margin-left: 20px;
}

ul.commentlists li.comment .comment_item .comment-details .author-name .name,
ul.commentlists li.comment .comment_item .comment-details .author-name a.url {
  padding-right: 0;
  padding-left: 5px;
}

ul.commentlists li.comment .comment_item .comment-details .author-name .date_reply .date {
  padding-right: 0;
  padding-left: 10px;
}

ul.commentlists li.comment .comment_item .comment-details .author-name .ova_reply i {
  padding-left: 0;
  padding-right: 5px;
}

ul.commentlists li.comment .comment_item .comment-details .author-name .ova_reply a.comment-reply-link {
  padding-left: 10px;
  padding-right: 18px;
}

ul.commentlists li.comment .comment_item .comment-details .author-name .ova_reply a.comment-reply-link:after {
  left: auto;
  right: 0px;
  display: inline-block;
  transform: scaleX(-1);
}

ul.commentlists li.comment .comment_item .comment-details .author-name .ova_reply a.comment-edit-link i {
  padding-right: 0;
  padding-left: 3px;
}

ul.commentlists li.comment .comment_item .comment-details .comment-body {
  padding-left: 0;
  padding-right: 90px;
}

ul.commentlists li.comment .comment_item .comment-details .comment-reply {
  right: auto;
  left: 0;
}

ul.commentlists li.comment .comment_item .comment-details .comment-reply img {
  float: right;
}

ul.commentlists li.comment .comment_item .comment-details .comment-reply-link {
  float: right;
  padding-left: 0;
  padding-right: 2px;
}

ul.commentlists li.pingback .author-name .ova_reply a {
  padding-left: 0;
  padding-right: 10px;
}

ul.commentlists li.pingback .author-name .ova_reply a i {
  padding-right: 0;
  padding-left: 3px;
}

ul.commentlists ul.children {
  margin-left: 0;
  margin-right: 75px;
}

.comment-navigation {
  float: right;
}

.comment-navigation .nav_comment_text {
  float: right;
}

.comment-navigation .previous {
  float: right;
}

.comment-navigation .next {
  float: left;
}


/* 1.6 Comment Form ***************************************************/
.wrap_comment_form {
  float: right;
}

.wrap_comment_form .comment-form p.form-submit {
  float: right;
}


/* pagination ***************************************************/
.pagination-wrapper .pagination li a {
  margin-right: 0;
  margin-left: 10px;
}

.pagination-wrapper .blog_pagination .pagination li .pagi_dots {
  margin-right: 0;
  margin-left: 10px;
}


/* 1.7 Blog ***************************************************/
article.post-wrap .post-meta .post-meta-content i {
  margin-right: 0;
  margin-left: 3px;
}

article.post-wrap .post-tag .share_social ul {
  padding-right: 0;
  margin-right: 0;
}

article.post-wrap .post-tag-howdy .post-tags-howdy .ovatags {
  margin-right: 0;
  margin-left: 14px;
}

article.post-wrap .post-tag-howdy .post-tags-howdy > a:not(:last-child) {
  margin-right: 0;
  margin-left: 10px;
}

article.post-wrap .post-tag-howdy .share_social-howdy {
  text-align: left;
}

article.post-wrap .post-tag-howdy .share_social-howdy ul.share-social-icons li:not(:last-child) {
  margin-right: 0;
  margin-left: 10px;
}


/* Page Link ***************************************************/
.page-links a, .page-links > span {
  margin-right: 0;
  margin-left: 0.3076923077em;
}

.page-links > .page-links-title {
  padding-right: 0;
  padding-left: 0.6153846154em;
}


/* 1.8 Breadcrumbs ***************************************************/
/* Mirror the ElegantIcons chevron instead of swapping the glyph, so it stays
   correct whatever character the theme is pointing at. */
.ovatheme_breadcrumbs .separator:before {
  display: inline-block;
  transform: scaleX(-1);
}


/* 1.9 Responsive ****************************************************/
@media (max-width: 1199.98px) {
  ul.commentlists ul.children {
    margin-left: 0;
    margin-right: 15px;
  }
}

@media (max-width: 991.98px) {
  ul.commentlists header.comment-author {
    margin-right: 0;
    margin-left: 0;
  }

  ul.commentlists li.comment .comment_item .comment-details .comment-body {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (max-width: 991px) {
  .content_comments .commentlists li.comment article.comment_item .comment-author {
    margin-right: 0;
    margin-left: 0;
  }

  .content_comments .commentlists li.comment article.comment_item .comment-author .author-name.mobile {
    margin-left: 0;
    margin-right: 15px;
  }

  .content_comments .commentlists li.comment article.comment_item .comment-author .author-name.mobile .ova_reply a i {
    padding-right: 0;
    padding-left: 3px;
  }

  .content_comments .commentlists li.comment article.comment_item .comment-details .comment-body {
    padding-left: 0;
    padding-right: 0;
  }

  ul.commentlists li.pingback {
    float: right;
  }
}

@media (max-width: 767.98px) {
  .comment-details {
    float: right;
  }

  .comment-details .comment-content {
    margin-left: 0;
    margin-right: 0;
  }

  h4.title-comment,
  h4.number-comments {
    float: right;
  }

  ul.commentlists li.comment article.comment_item {
    float: right;
  }

  ul.commentlists ul.children {
    margin-left: 0;
    margin-right: 10px;
  }
}

@media (max-width: 767px) {
  article.post-wrap .post-tag-howdy .share_social-howdy {
    text-align: right;
  }
}


/* 2.0 Menu Settings ***************************************************/
/* Bootstrap's .dropdown-menu is hardcoded to the left edge. */
.dropdown-menu {
  right: 0;
  left: auto;
  float: right;
  text-align: right;
}

/* Dropdown caret */
.ovatheme_header_default nav.navbar li.dropdown > a:after {
  margin-left: 0;
  margin-right: 0.255em;
  float: left;
}

/* Menu Level 3 — opens away from the parent on the other side */
.ovatheme_header_default nav.navbar ul.nav ul.dropdown-menu ul.dropdown-menu {
  right: auto;
  left: 100%;
}

/* last-child level 0 sits flush against the end of the navbar. Desktop only:
   on mobile every item is already `padding: 7px 0`. */
@media (min-width: 992px) {
  .ovatheme_header_default nav.navbar ul.nav > li:last-child > a {
    padding-right: 15px;
    padding-left: 0;
  }
}

@media (max-width: 991.98px) {
  .ovatheme_header_default nav.navbar ul.nav ul.dropdown-menu {
    margin-left: 0;
    margin-right: 10px;
  }

  .ovatheme_header_default nav.navbar li.dropdown .dropdown-toggle {
    padding-right: 0px;
    right: auto;
    left: 10px;
  }
}