/*
Theme Name: Madara-Child-1stkmgv2
Description:  A child theme for Madara - WordPress Theme for Manga, Novel sites. Custom work for Lo Phan
Author:       Madara
Author URI:   https://mangabooth.com/
Template: madara
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Version: 1.3.2.2
*/

#madara-comments.comments-area #respond.comment-respond .comment-form > *:not(.comment-form-comment):not(.form-submit):not(.comment-notes):not(.logged-in-as).comment-form-wrapper{width: 100%; position: relative; height: 200px; overflow-y: auto; border: 1px solid #CCC; padding: 15px; border-radius: 10px}
.emoticons-toolbar{position: relative; width: 100%}
#madara-comments.comments-area #respond.comment-respond .comment-form > .emoticons-toolbar:not(.comment-form-comment):not(.form-submit):not(.comment-notes):not(.logged-in-as){ width: 100%}
#madara-comments.comments-area #respond.comment-respond .comment-form > #comment{display:none !important}.emoticons-toolbar .emoticon-cat{display:inline-block}
.emoticons-toolbar .emoticon-cat .emoticon{display: inline-block; width:50px; height: 50px}
.emoticons-toolbar .emoticon-cat .emoticon-list{display: none}
.emoticons-toolbar .emoticon-cat .emoticon-cat-thumb{border:1px solid #CCC; width:50px; height: 50px; cursor: pointer;}
.emoticons-toolbar .emoticon-cat.selected .emoticon-list{display: block; border: 1px solid #CCC; border-radius: 5px; 
    position: absolute;
    width: 600px;
    height: 350px;
    background: #FFF;
    padding: 5px;
    top: 60px;
    z-index: 1;
    overflow-y: auto;
}
.emoticons-toolbar .emoticon{cursor: pointer;}
.listing-chapters_wrap .pagination{border:none}
.pagination_wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
  }
.pagination ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 4px;
	border-radius: 50px;
	justify-content: center;
  }
  .pagination ul li{
	color: #666;
	list-style: none;
	line-height: 40px;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	user-select: none;
	transition: all 0.3s ease;
  }
  .pagination ul li.numb, .pagination ul li.number{
	list-style: none;
	height: 40px;
	width: 30px;
	margin: 0 3px;
	line-height: 40px;
	border-radius: 50%;
  }
  .pagination ul li.numb.first{
	margin: 0px 3px 0 -5px;
  }
  .pagination ul li.numb.last{
	margin: 0px -5px 0 3px;
  }
  .pagination ul li.dots{
	font-size: 22px;
	cursor: default;
  }
  .pagination ul li.btn{
	padding: 0;
	border-radius: 50px;
  }
  .pagination li.active,
  .pagination ul li.numb:hover,
  .pagination ul li:first-child:hover,
  .pagination ul li:last-child:hover{
	color: #000;
	background: #fff;
  }



.chapters_search{margin-bottom:30px}
.wp-manga-chapter.hidden,  .pagination ul.hidden{display: none !important}
@media (max-width: 768px){
	.page-content-listing.single-page .cols-3 ul.version-chap.no-volumn li.hidden, .page-content-listing.single-page .cols-3 ul.version-chap.volumns .sub-chap .sub-chap-list li.hidden {
		display: none !important;
	}

	.emoticons-toolbar .emoticon-cat.selected .emoticon-list{
		width:calc(100% - 20px);
		left: 10px;
		right: 10px;
	}
}

.manga_content .wp-pagenavi{width:100%;text-align:center;}
.c-blog-listing .wp-pagenavi a,.c-blog-listing .wp-pagenavi span{border:none; width:30px; height:40px; padding: 10px 5px}
.wp-pagenavi span.pages,.wp-pagenavi a.last{width: auto}

table:not(#wp-calendar):not(.shop_table) > tbody > tr.nohover:hover{background: transparent;}

body.page .page-content-listing.item-big_thumbnail .page-listing-item .page-item-detail .item-summary .list-chapter .chapter-item span{float:none}

body.reading-manga .entry-header{margin-bottom:20px}
#server-selectors{margin: 10px 0}
#server-selectors .server-selector{display: inline-block; padding:5px 20px; margin: 0 5px; border-radius: 5px; background-color: var(--madara-main-color); color:#FFF}
#server-selectors .server-selector.selected{background-color: var(--secondary-color);}

body.archive .wp-pagenavi{width:100%; text-align: center;}

.c-blog__heading a.btn-reverse-order-2 i{    -webkit-transform: rotate(45deg);    -moz-transform: rotate(90deg);    -ms-transform: rotate(90deg);    -o-transform: rotate(90deg);    transform: rotate(90deg);    background: none;    color: #000;font-size: 22px; margin: 0 20px}
.text-ui-light .c-blog__heading a.btn-reverse-order-2 i{color:#FFF}
.c-blog__heading a.btn-reverse-order-2 i:after{display: none}