body
{
background-color:#EEE;
padding:70px
}

*{
direction:rtl
}


/*startOfSocialMedia*/
.social-box {position:fixed; top:100px; left:0; z-index:1; margin:5px; text-align:center}
.social-box  ul li { border:2px #333333; height:30px; width:30px; cursor:pointer; display:block;color:#FFFFFF;}
.social-box  li .fa-twitter {color:#4DA6FF}
.social-box  li .fa-facebook{color:#3355FF}
.social-box  li .fa-linkedin-square{color:#2464AE}
.social-box  li .fa-envelope{color:#CF493B}
/*endOfSocialMedia*/

/**/
.jsDateCounter{
	padding: 20px;
    background-color: #FFF;
    border: 1px solid #989595;
    margin-bottom: 30px;
}
/**/

/*start bootstrap rules*/
.navbar{border-radius: 0
} 
/*end bootstrap rules*/

/*start of category*/
.category-information
{
background-color: white;
margin: 15px;
border: 1px solid #6a6a6a;
}

.modeer-backcolor{
background-color: #90eab3 
}



.category-information h1
{
	margin: 20px 0;
	font-weight: bold;
	color: #9c9c9c
}

.category-information .category-description p
{    
	font-size: 18px;
	color:#777;
	line-height: 80px;
	margin: 0
}

.category-information .cat-stats
{
	line-height: 80px;
	color: #a9a9a9
}


/*end of category*/

/*start main posts*/
.main-post
{
padding: 20px;
background-color: #FFF;
border: 1px solid #989595;
margin-bottom: 30px
}
.main-post img
{
display:block;
margin: 10px 0 10px
}
/*end posts*/

.main-post h3
{
margin: 0 0 10px;
font-weight:bold;
color:#777;
letter-spacing: -1px
}
.main-post i
{
color:#32dcbe
}
.main-post .post-content 
{
line-height:1.7;
color:#666666
}
.post-pagination
{
margin:20px auto 30px;
width:auto;
text-align:center
}
.post-pagination a,
.post-pagination span 
{
display:inline-block;
padding:10px 20px;
background-color:#fff;
border-radius: 5px;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out
}
.post-pagination .previous-span
{ margin-right: 10px}
.post-pagination .next-span
{ margin-right: 10px}

.post-pagination a:first-child,
.post-pagination span:first-child
{float:left; margin-left:15px}

.post-pagination a:last-child,
.post-pagination span:last-child
{float:right; margin-right:15px}

.post-pagination span
{opacity:.5; cursor:not-allowed}

.post-pagination .fa-chevron-left
{margin-right: 10px}

.post-pagination .fa-chevron-right
{margin-left: 10px}

.post-pagination a:hover
{background-color:#333333; color:#FFFFFF; text-decoration:none}

.post-page .bypostauthor{
	position: relative
}
.post-page .bypostauthor::after{
content: 'الكاتب ';
position: absolute;
top:10px;
left: 20px;

font-size: 20px;
color: #5c11cd

}

/*end main posts*/

/*start of autor info*/
.autor-info h4{

margin: 12px 0 10px 0;
font-weight: bold;
color: #676767;
font-size: 26px
}

.autor-info h4 .nickname{
color:#498ad0
}

.autor-info p{
font-size: 17px;
line-height: 1.5;
color:#777
}


/*end of autor info*/


/*start single posts*/
.single-post{
position:relative;
}
.single-post .post-edit-link{
position:absolute;
float: right;
left: 0px;
top: 0px;
padding: 10px;
background-color:#EEE;
border-radius: 0 0px 10px 0px
}
.single-post .post-edit-link i {

color:#337ab7;
margin-left:5px
}
/*end single posts*/


/*start of comments*/

.comment-separator{

border-top: 3px dashed #bebbbb
}


.comments-count{
padding: 10px;
margin-top: 0 px;
font-size: 20px;
font-weight: bold;
color:#909090;
border: 2px solid #c3b8b8;
background-color: #dcdbdb

}

.comments-list ul, 
.comments-list ol{

list-style: none;
margin: 0;
padding: 0
}

.comments-list> .comment{
background-color: #FFF;
padding: 10px;
border: 1px, #DDD, solid;
margin-bottom: 15px
}

.comments-list .comment img{
padding: 3px;
border: 1px solid #CCC;
background-color: #FFF;
margin-bottom: 5px;
margin-right: 5px
}

.comments-list .comment .says{
display: none
}

.comments-list .comment .comment-meta{
font-size: 12px;
color: #777
}

.comments-list .comment p{
margin-top: 8px;
color: #6f6f6f
}


.comments-list> .comment > .children > .comment{
background-color: #EEE;
padding: 10px;
border: 1px, #CCC, solid;
margin-bottom: 15px
}

.comments-list> .comment > .children > .comment .comments{
background-color: #DDD;
padding: 10px;
border: 1px, #AAA, solid;
margin-top: 15px
}


.kkk{
	font-weight:bold;
	color: #9a9a9a9a;
	text-align: center;
	background-color: #E3E3E3;
	padding: 15px
	}

.comment-respond .comment-reply-title{
font-weight:bold;
color: #9a9a9a9a;
text-align: center;
background-color: #E3E3E3;
padding: 15px
}
.comment-respond .comment-reply-title-form{
background-color: #E3E3E3;
padding: 15px
}

.comment-respond .logged-in-as{

margin: 0px 5px 10px
}

.comment-respond label{
display: block;
color: #888;
margin: 0 0 10px
}

.comment-respond input[type="text"],
.comment-respond textarea{
height: 40px;
width:500px;
padding:10px;
border: 1px solid #CCC;
border-radius: 5px;
max-width: 100%
}
.comment-respond textarea {
	height: 200px;
	resize: none
}

.list-unstyled {

list-style: none;
background: #FFF


}
	
/*end of comments*/




/*start author page*/
.author-page{

}
.author-page .profile-header{
font-size: 30px;
margin: 30px 0;
color: #0b5409;
font-weight: bold;
background: #ffffff
}


.author-page .author-main-info{
background-color: #FFF;
padding: 40px 20px;
font-size: 18px;
border:1px solid #878686;
margin-bottom: 20px
}
.author-page .author-main-info .author-names{
line-height: 1.3;
color: #666;
margin-top: 10px
}
.author-page .author-main-info .author-names span{
display: inline-block;
min-width: 120px
}
.author-main-info p{
color:#0b5409;
line-height: 1.6;
margin-bottom: 0;
font-weight: bold
}
.author-page .author-stats .stats{
background-color: #FFF;
padding: 20px;
font-size: 14px;
border:1px solid #dedede;
margin-bottom: 20px;
text-align: center
}
.author-page .author-stats .stats span{
display: block;
font-size: 50px;
margin-top: 10px
}

.author-page .author-posts-title{

margin: 0 0 20px;
background-color: #e7e7e7;
padding: 20px 30px;
font-weight: bold;
color:#717171
}


.author-page .author-posts{
padding: 20px;
background-color:#FFF;
overflow:hidden;margin-bottom: 20px;
border: 1px solid #e4e4e4
}

.author-page .author-posts img{
width:150px
}

.author-page .author-posts h3{
margin:10px 0 5px;
font-weight: bold


}

.author-page .author-posts .post-date,
.author-page .author-posts .post-comments{
font-size: 12px;
color:#888
}
/*end author page */

/*start of author comments*/ 
.author-page .author-comments{
	padding: 10px 20px;
	background-color: #FFF;
	margin-bottom: 15px;
	border: 1px solid #e4e4e4
}
.author-page .author-comments h3{
margin: 5px 0
}
.author-page .author-comments .post-date{
	font-size: 15px;
	color:#5c11cd
}
.author-page .author-comments .post-content{
	color:#6a1212;                           
	margin-top:5px
}
.author-page .author-comments .post-content p{

	margin: 0
}
/*end of author comments*/ 

/*star of 404*/

/*end of 404*/

.page-not-found img{
margin-top: 60px
}

.page-not-found h1{
	font-weight: bold;
	font-size: 70px;
	color: #777;
	letter-spacing: -3px;
	margin-bottom: 20px
}

.page-not-found .lead{
	font-size:35px;
	color:#909090;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 40px

}

/*start footer*/
.footer
{
background-color:#000000;
color:#EEE;
padding:15px;
position:fixed;
bottom:0;
left:0;
width:100%
}

/*tgween*/
.tg-head
{
	background-color: #FFF;
	padding: 20px 20px 40px 20px;
	margin-bottom: 5px;
	font-size: 18px;
	border:1px solid #545151;
	border-radius: 5px;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out 
}

.tg-section1446{
	background-color: #eff25b;
	padding: 20px 20px 40px 20px;
	margin-bottom: 5px;
	font-size: 18px;
	border:1px solid #0d0d0d;
	border-radius: 5px;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out 
}

.tg-section{
	background-color:#e0f7da;
	text-align: center;
	padding: 5px 5px 5px 5px;
	margin-bottom: 5px;
	font-size: 18px;
	border:1px solid #0d0d0d;
	border-radius: 5px;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out 

}

.tg-section2{
	background-color:#fcfbfb;
	

}
.tg-border{
	background-color:#dcd9d9;
	border:5px solid #cc1313


}

.tg-hr{
border-color: #b02323;

}


/*wklaa page*/

.wklaa-nav{
	background-color: #e0f7da;
	text-align: center;
	padding: 5px 5px 5px 5px;
	margin-bottom: 5px;
	font-size: 18px;
	border:1px solid #0d0d0d;
	border-radius: 5px;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out 
}

.wklaa-table-body{
	background-color: #e0f7da;
	text-align: center;
	padding: 5px 5px 5px 5px;
	margin-bottom: 5px;
	font-size: 18px;
	border:1px solid #0d0d0d;
	border-radius: 5px;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out 
}

.wklaa-table-body-head{
	background-color: #dfdfd1;
	color:#090909;

}