@font-face {
  font-family: 'neo-sans-arabic';
  src: url('/wp-content/themes/maktub/assets/fonts/NeoSansArabicRegular.eot');
  src: url('/wp-content/themes/maktub/assets/fonts/NeoSansArabicRegular.eot?#iefix') format('embedded-opentype'),
       url('/wp-content/themes/maktub/assets/fonts/NeoSansArabicRegular.woff2') format('woff2'),
       url('/wp-content/themes/maktub/assets/fonts/NeoSansArabicRegular.woff') format('woff'),
       url('/wp-content/themes/maktub/assets/fonts/NeoSansArabicRegular.ttf') format('truetype'),
       url('/wp-content/themes/maktub/assets/fonts/NeoSansArabicRegular.svg#Neo Sans Arabic Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.neo-sans-arabic{font-family: 'neo-sans-arabic' !important;}
body, h1, h2, h3, h4, h5, h6, p, blockquote, li, a{
font-family: 'neo-sans-arabic' !important;
}.rtl #header .epcl-social-buttons {
  float: left;
  margin: 5px 30px 0 0;
}

.rtl .main-nav ul.menu > li.menu-item-has-children {
  margin-right: 0;
  margin-left: 10px;
  padding-left: 15px;
}

.rtl #single #comments.hosted .comment .bordered.comment-author span.border, .title.bordered span.border, .wpcf7 label.bordered span.border {
    margin-right: 15px;
}

.rtl .epcl-dropcap {
    margin-right: 0px;
    margin-left: 20px;
}

.rtl .widget_epcl_featured_category .item .thumb, .widget_epcl_posts_thumbs .item .thumb, .widget_epcl_related_articles .item .thumb {
    left: auto !important;
    right: 0;
}

.rtl .widget_epcl_featured_category .item, .widget_epcl_posts_thumbs .item, .widget_epcl_related_articles .item {
    padding-right: 75px;
    padding-left: 0px !important;
}

.rtl .main-nav ul.menu li.menu-item-has-children::after {
  left: 0;
  right: auto;
}

.rtl .main-nav ul.sub-menu {
  text-align: right;
  right: -15px;
  left: auto;
}

.rtl .main-nav ul.sub-menu ul.sub-menu {
  right: 100%;
  left: auto;
}

.rtl .menu-item-object-category .sub-menu a::before {
  margin-left: 5px;
  margin-right: auto;
}

.rtl div.meta .min-read::before {
  margin-right: auto;
  margin-left: 15px;
}

.rtl div.epcl-share-container {
  margin-left: auto;
  margin-right: -85px;
}

button[type=submit], input[type=submit] {
    font-family: 'neo-sans-arabic' !important;
}

input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    font-family: 'neo-sans-arabic' !important;
}

.rtl div.text ul:not([class]) li:before {
    right: 0;
    left: auto;
}

.rtl div.text ul:not([class]) li {
    padding-right: 20px;
    padding-left: 0px;
}

.rtl .widget_epcl_tag_cloud a:before, .widget_tag_cloud a:before, .wp-block-tag-cloud a:before, div.tags a:before {
    margin-left: 4px;
    margin-right: auto;
}

.rtl #header.advertising .logo {
    float: right;
    padding: 15px 30px 0;
}

.rtl #header.advertising .epcl-banner {
    float: left;
}

.rtl #single #comments.hosted .comment .large.comment-author, .title.large, .wpcf7 label.large {
    font-size: 33px !important;
    line-height: 1.6 !important;
}

.rtl div.articles.grid-posts .format-standard .post-style-small-image .main-title, div.articles.grid-posts .format-standard .post-style-text .main-title {
    text-align: right;
}

.rtl #single, .title {
    font-size: 26px !important;
}

.rtl #single #comments.hosted .comment .epcl-popular-categories .item .comment-author:before, .epcl-popular-categories .item #single #comments.hosted .comment .comment-author:before, .epcl-popular-categories .item .title:before, .epcl-popular-categories .item .wpcf7 label:before, .wpcf7 .epcl-popular-categories .item label:before {
    margin-left: 5px;
    margin-right: auto;
}

.rtl .title.usmall {
    font-size: 15px !important;
}

.rtl div.articles.grid-posts article .main-title {
    font-size: 20px !important;
}

.rtl div.articles.grid-posts article header .epcl-dropcap {
    margin-right: 0px;
    margin-left: 20px;
}

.rtl .widget_epcl_social div.icons a {
    margin-left: auto;
    margin-right: auto;
}

#sidebar .widget {
    -webkit-box-shadow: 0 3px 12px -1px rgb(7 10 25 / 10%), 0 22px 27px -30px rgb(7 10 25 / 10%);
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 10%), 0 22px 27px -30px rgb(7 10 25 / 10%);
    padding: 15px;
}

.rtl .widget_epcl_social div.icons {
    margin-right: -10px;
    margin-left: auto;
}

@media screen and (max-width:550px) {
.rtl #header.advertising .logo {
    margin-right: 75px;
}
.rtl div.articles.classic article .epcl-dropcap {
    margin-right: auto;
    margin-left: 15px;
}
.rtl #single #comments.hosted .comment .large.comment-author, .title.large, .wpcf7 label.large {
    font-size: 17px !important;
}
}

.rtl #single section.siblings article.next .thumb {
    margin-right: 20px;
    margin-left: 0;
}

.rtl #single section.siblings article .thumb {
    margin-left: 20px;
    margin-right: 0;
}

.rtl #header .epcl-search-button {
    left: auto;
    right: 20px;
}

.rtl #header .logo {
    float: right;
}

#header.minimalist .main-nav {
    float: none;
}

.tablet-grid-50 .epcl-banner {
    padding-bottom: 0;
    background: #fff;
    padding: 40px;
    margin: 20px 20px;
    -webkit-box-shadow: 0 3px 12px -1px rgb(7 10 25 / 10%), 0 22px 27px -30px rgb(7 10 25 / 10%);
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 10%), 0 22px 27px -30px rgb(7 10 25 / 10%);
}

.rtl .widget_epcl_about .info {
    float: right;
}

.rtl .widget_epcl_about .avatar {
    float: right;
    margin-left: 20px;
    margin-right: auto;
}

.rtl .widget_epcl_about .social {
    float: right;
}

.rtl .widget_epcl_about .social a {
    margin-left: 10px;
    margin-right: auto;
}

.rtl #single #comments.hosted .comment .small.comment-author, #single #comments.hosted .comment nav.pagination a.comment-author, #single #comments.hosted nav.pagination .comment a.comment-author, #single #comments.hosted nav.pagination a.title, .title.small, .wpcf7 label.small {
    font-size: 18px !important;
}

.rtl #single #comments.hosted .comment .comment-author, .title, .wpcf7 label {
    font-family: 'neo-sans-arabic' !important;
}

.rtl div.text figure, div.text iframe, div.text p {
    text-align: right;
}

@media screen and (max-width: 1200px) {
nav.mobile.main-nav {
    right: 0 !important;
    text-align: right !important;
}
.rtl nav.mobile.main-nav ul.menu li.menu-item-has-children:after {
    left: 0px;
    right: auto;
}
}