/* width */
::-webkit-scrollbar {
width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
background: #dbedeb; 
}

/* Handle */
::-webkit-scrollbar-thumb {
background: #68D8D6; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #002d40; 
}
.ajabaa-sidebar{
    background-color: #002d40;
    
}
.nav-pills .nav-link {
    color: white;
    }
    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff !important;
    background-color: #11989f !important;
}
.nav-pills .nav-link:not(.active):hover {
    color: #fff !important;
    background-color: #11989f !important;
}
.nav-pills .nav-link.active:hover {
    color: #fff;
    background-color: #06aca7;
}
.main-sidebar .brand-text, .main-sidebar .logo-xl, .main-sidebar .logo-xs, .sidebar .nav-link p, .sidebar .user-panel .info{
    color:white;
}
body {
    text-align: right !important;
    direction: rtl !important;

}
.rte-toggleborder [__rte_selected_block]{
    /* border-left: solid 1px #377dff; */
    border-right: solid 2px #199fb0;
    padding-right: 2px;
}

@font-face {
    font-family: 'NotoKufiArabic Regular';
    src: url('../static/fonts/NotoKufiArabic-Regular.ttf');
}

.header__menu ul li a,body ,h1, h2, h3, h4, h5, h6 , p ,.slicknav_nav li a{
    font-family: 'NotoKufiArabic Regular' !important;
}
.single-post__hero{
    height: 400px;
}
.single-post__title__text h1{
    font-size: 2.5rem;;
}
.single-post__more__details p {
    line-height: 2em;
}
h1{
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    font-weight: bold;
}
h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 10px;
    margin-block-end: 10px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.answer-item-detail{
    padding: 15px 20px;
}

.answer-item a {
    color:black;
}
p {
    display: block;
    margin-block-start: 10px;
    margin-block-end: 10px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-size: 1rem;
}
.answer-item-detail .answer-widget li,.answer-item .answer-widget li ,.most-veiws-item .most-veiws-widget li ,.search-widget li{
    list-style: none;
    display: inline-block;
    margin-right: 25px;
    font-size: 12px;
    color: #f4952f;
    position: relative;
}

.answer-item-detail .answer-widget li span, .answer-item .answer-widget li span {
    color: #111111;
}
.answer-item{
    /* border: 1px solid #9E9E9E; */
    padding: 10px;
    background-color: #fffbed;
    margin-bottom: 5px;
}
.answer-item ul ,.answer-item-detail ul {
    text-align: left;
}


/* Most Views Grid View Style */
.most-veiws-item{
    height: 380px;
    padding: 7px;
    transition-duration: 200ms;
}
.most-veiws-item:hover .most-veiws-body{
    background-color: #ffc10729;
    transition-duration: 200ms;
    /* height: 360px; */
}
.most-veiws-item:hover{
    padding: 5px;
    transition-duration: 200ms;
}
.most-veiws-img{
    height: 180px;
}
.most-veiws-body{
    height: 180px;
    padding: 5px;
    border: 2px solid #f7a22f75;
    border-top-width: 0px;
}
.most-veiws-body h4 {
    height: 30%;
}
.most-veiws-body p{
 height: 45%;
}
.most-veiws-widget ,.search-widget {
    text-align: left !important;

}
.most-veiws-widget span{
    color:grey;
}
.most-views-title{
    padding: 5px 0px;
    font-weight: bold;
    color: orange;
    margin-top: 150px;
}
hr{
    margin-inline-start: 0;
    width: 70%;
}

/* Search Items */
.search-item{
    margin:2px;
    transition-duration: 200ms;
}
.search-item:hover {
    margin:3px;
    background-color: #ffc10729;
    transition-duration: 200ms;
}
.search-item:hover .search-body{
    transition-duration: 200ms;
}
.search-body{
width: 80%;
padding: 5px;
}
.search-img ,.search-body{
    display: inline-block;
}
.search-img{
height: 90px;
width: 18%;
}
.search-error{
    color:#afadad;
}
.important-links-widget{
    margin-top: 40px;
}
.important-links-widget li{
    list-style: none;
    margin: 5px 25px 0px 0px;
    padding-right: 10px;
}
.important-links-widget li:first-child {
    margin-right: 0px;

}
.important-links-widget li h3{
    color: #f4952f;
}
.important-links-widget li a{
    color:black;
}
.important-links-widget li a:hover{
    color: #199fb0;
}
.important-links-widget li i{
    color: #f4952f;
    margin-left:10px ;
}


/* BreadCrumb */
.breadcrumb__text .breadcrumb__option a:after {
    position: initial;
    content: "/";
    margin-right: 5px;
}
.breadcrumb__text .breadcrumb__option a {
    margin-right: 5px;
}
.categories__post__item__text .post__label--large li:after {
    position: initial;
    margin-right: 7px;
}
.categories__post__item__text .post__label--large li:hover a{
    background-color: #f4952f;
    color:white;
    padding: 2px 7px;
    transition-duration: 500ms;
    /* cursor:pointer; */
}
.categories__post__item__text .post__label--large li{
    transition-duration: 500ms;
}
.categories__post__item__text .post__label--large li a{
    color: #f4952f;
    transition-duration: 500ms;
}
.categories__post__item__text .post__widget li:after {
    position: initial;
    margin-right: 7px;
}
.categories__post__item__text .post__widget li {
    margin-right: 0px;
    margin-left: 7px;
    color: #f4952f;
}
.categories__post__item__text .post__widget li i{
    margin-right: 5px;
}
.categories__post__item__text .post__widget li span{
    color:#7a7a7a;
}
.sidebar__item__categories ul li a span {
    float: left;
}
.sidebar__item__categories{
    margin-top: 60px;
}
.categories__item .categories__hover__text h5 span {
    font-size: 12 px;
}
.sidebar__feature__item__list__single{
    height: 75px;
    padding:5px;
    transition: background 0.3s ease;
}
.sidebar__feature__item__list__single:hover{
    /* background: #ffc1074f; */
    background: #f0f0f0;
    
}
/* Comments Style */
.single-post__comment__item__pic {
    float: right;
    margin-left: 25px;
}

.single-post__comment__item.single-post__comment__item--reply {
    padding-right: 120px;
}
.single-post__comment__item__text ul {
    left: 0;
    right:auto;
}

.single-post__leave__comment form .input-list input ,.single-post__leave__comment form textarea  {
    padding-right: 20px;
    padding-left: 10px;
}
/* Comments Style */
.categories {
    padding-top: 20px;
}