/*
Theme Name: Madara-Child-MK
Description:  A child theme for Madara - Manga WordPress Theme. Codename: MK
Author:       Mangabooth / WPStylish
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.0.1
*/

@media (min-width:1200px){
  .container, .container-lg, .container-md, .container-sm, .container-xl {max-width:1285px}
}

body.text-ui-light .body-wrap {background: #13111A;}
body.text-ui-light {color: rgba(255,255,255,0.9);}
body.text-ui-light h1, body.text-ui-light h2, body.text-ui-light h3, body.text-ui-light h4, body.text-ui-light h5, body.text-ui-light .h1, body.text-ui-light .h2, body.text-ui-light .h3, body.text-ui-light .h4, body.text-ui-light .h5, body.text-ui-light h6, body.text-ui-light .h6 {color:#fff}
body.text-ui-light a:not(:hover) {color:#fff}

.c-image-hover{position:relative}
.c-image-hover img, .manga-slider .slider__container .slick-list .slick-track .slider__item .slider__thumb .slider__thumb_item img, .manga-slider .slider__container .slick-list .slick-track .slider__item .slider__thumb .slider__thumb_item .slider-overlay, .manga-slider.style-2 .slider__container .slick-list .slick-track .slider__item .slider__thumb{border-radius:10px}
.c-image-hover .manga-title-badges{top:5px;left:5px}

.manga-title-badges, .manga-title-badges.custom{border-radius:10px}


body.manga-page .profile-manga{margin-bottom:0;    border-bottom: 2px solid #ebebeb;    margin-bottom: 40px;}
body.page .c-page-content .content-area{margin-top:0}
h1 .manga-title-badges{vertical-align:middle}
.tab-summary .summary_image{text-align: center}
.tab-summary .summary_image img{border-radius:10px}

body.manga-page .profile-manga .tab-summary{padding-top:0; padding-bottom: 20px}
body.manga-page .profile-manga .tab-summary .summary_image, body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content{padding-left:0;padding-top:0;padding-bottom:0}
body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content .post-content{width:100%}
body.manga-page .profile-manga .tab-summary .summary_content_wrap{padding-left:0}
.profile-manga{height:auto}
body.manga-page .profile-manga .tab-summary .summary_image{vertical-align:top; width: 250px}
.count-comment .action_icon, .count-comment .action_detail{display: inline-block} 
.c-blog__heading.style-2{border-bottom:none}
.c-blog__heading.style-2 .h4, .c-blog__heading.style-2 h4{border-bottom: 2px solid #913FE2; padding-bottom: 5px}
.c-blog__heading.style-2 i{display:none}

.single-wp-manga .main-col-inner{padding-bottom:10px}

#manga-title{ margin-top:30px}
#manga-title h1{color:#FFF;margin-top:auto;font-size:3.5em; text-align: center; text-shadow: 0 0 9px #000; font-weight: 400; display: flex;  flex-direction: column; }
.mobile #manga-title h1{ padding-right: 0; font-size: 20px}

body.manga-page .profile-manga .tab-summary .post-rating span{display: none}

.single-wp-manga #main-sidebar{padding-top:30px; margin-top:-100px}

.single-wp-manga .c-breadcrumb-wrapper{margin-bottom:20px}

#main-sidebar .widget{    background: #FFF;    padding: 20px;border-radius: 10px; box-shadow: 0 2px 5px rgb(0 0 0 / 20%)}
.text-ui-light #main-sidebar .widget{    background: #1C1924;    padding: 20px;border-radius: 10px; box-shadow: none; border: 1px solid rgba(255,255,255,0.1)}

.site-header .main-navigation .main-navigation_wrap{padding:10px 0}
.site-header, .site-header .c-sub-header-nav {background:#913FE2;}
.site-header .c-sub-header-nav.with-border {border-bottom:none}

#search-sidebar {position:relative; margin-left: 30px}
#search-sidebar input, #search-sidebar input::placeholder{color:#FFF}
#search-sidebar input{padding-right:30px; background:rgba(255, 255, 255, 0.2); border:none; border-radius:4px; width:360px}
#search-sidebar input:focus{background:#FFF; color:#333}
#search-sidebar .btn-search{position:absolute;right:0;top:0;background:none;border:none;color:#FFF;font-size: 22px;   font-weight: bold;    padding: 6px 10px;}

.site-header .c-header__top form#blog-post-search.manga-search-form .loader-inner, .c-search-header__wrapper .manga-search-form .loader-inner{padding:5px;background:none}
.site-header .c-header__top form#blog-post-search.manga-search-form .line-scale-party>div, .site-header .c-header__top form#blog-post-search.manga-search-form .line-scale-pulse-out-rapid>div, .line-scale-pulse-out>div, .site-header .c-header__top form#blog-post-search.manga-search-form .line-scale>div, .site-header .c-header__top form#blog-post-search.manga-search-form .line-spin-fade-loader>div{background-color:#333}
.site-header .c-header__top form#blog-post-search.manga-search-form input.ui-autocomplete-loading + button[type="submit"] + .loader-inner, .c-search-header__wrapper .manga-search-form input.ui-autocomplete-loading + button[type="submit"] + .loader-inner {
  display: block;
}
.site-header .c-header__top form#blog-post-search.manga-search-form.ui-autocomplete-loading button{display:none}
.site-header .c-header__top .manga-autocomplete.ui-autocomplete, .c-search-header__wrapper .manga-autocomplete.ui-autocomplete{width:100% !important;margin-top: 4px;    margin-left: 0; box-shadow:none}

.related-heading, .widget-heading{background:none; padding:0}
.related-heading:after, .widget-heading:after{content:''; display: none}
.related-heading h5, .widget-heading h5{color:#333; text-transform:uppercase; padding: 0; font-size:20px}
#main-sidebar .related-heading h5, #main-sidebar .widget-heading h5{color:#913FE2}
.page-listing-item .post-title h3, .slider__content_item h4{font-size:19px; min-height: 44px;}

body.text-ui-light.manga-page .profile-manga .tab-summary .summary_image, body.text-ui-light.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content{background:transparent}
body.text-ui-light.manga-page .profile-manga{border-bottom-color:#383838}

body.text-ui-light .popular-slider .slider__container .slider__item .item__wrap{    background-color: #1C1924;    border-radius: 10px;    padding: 5px;    box-shadow: none; border: 1px solid rgba(255,255,255,0.1);}

#manga-content-navs.nav-tabs{border-bottom: none}
#manga-content-navs.nav-tabs .nav-link{padding-bottom: 5px; border: none; padding: 0; margin-right:40px; font-size: 18px; font-weight: bold}
#manga-content-navs.nav-tabs .nav-link.active{background: none; border: none; border-bottom: 2px solid #913FE2; padding-bottom: 5px; color:#000;text-transform:uppercase}
body.text-ui-light #manga-content-navs.nav-tabs .nav-link.active{color:#FFF}
#tab-manga-discussion #manga-discussion{display: none}
#manga-content-tabs.tab-content>.tab-pane{padding-top:20px}
#tab-chapter-listing .btn-reverse-order{display: block; margin: 0 0 20px 0}
#manga-chapters-holder .page-content-listing{margin-top:0}

/*custom header*/
.main-navigation .container, .c-sub-header-nav .container {
  max-width: unset !important;
}

.site-header .main-navigation.style-1 .wrap_branding {
  width: fit-content;
}

.site-header .main-navigation.style-1 .main-menu {
  width: fit-content;
}

.site-header .main-navigation.style-1 .search-navigation {
  width: fit-content;
}

.site-header .main-navigation .main-navigation_wrap {
  display: flex;
  justify-content: space-between;
  padding: 18px 0;
}

.site-header .main-navigation.style-1 {background: #913FE2!important; }

/*manga listing*/
.c-blog__heading {
  text-align: center;
}

/*badges*/
.badge-pos-2 .item-thumb a .manga-title-badges {
  font-size: 10px;
  left:unset;
  right: 0;
  width:fit-content;
  height: auto;
  top: 5px;
  padding: 3px 6px;
  border-radius: 2px;
  line-height: 1.5;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  -o-transform: unset;
}

.manga-title-badges.hot,
.manga-title-badges.manhwa {
  background: #d90000;
}

.manga-title-badges.webnovel {
  background: #3956f5;
}

.manga-title-badges.new,
.manga-title-badges.manga {
  background: #7b7b7b;
}

.manga-title-badges.original {
  background:rgb(0, 5, 255);
}

.manga-title-badges.specials {
  background: rgb(20, 155, 166);
}

.manga-title-badges.manhua {
  background: #ff8600;
}

/*manga cards
.page-content-listing.item-big_thumbnail .page-listing-item .page-item-detail .item-summary {
  position:relative;
  overflow: visible !important;
}

.page-content-listing.item-big_thumbnail .page-listing-item .page-item-detail .item-summary .post-title, .page-content-listing.item-big_thumbnail .page-listing-item .page-item-detail .item-summary .post-title .rating {
  text-align: center !important;
}

.meta-item.rating {
  text-align:center;
}

.page-content-listing.item-big_thumbnail .page-listing-item .page-item-detail .item-summary .list-chapter {
  position:absolute;
  top:0;
  width: 100%;
  transform:translateY(calc(-100% - 10px));
  background:#00000045;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 10px 3px;
  margin-bottom:10px;
}

.page-item-detail .item-thumb:hover {
  border-radius:10px;
}

.page-content-listing.item-big_thumbnail .page-listing-item .page-item-detail .item-summary .list-chapter .chapter-item {
  display:flex;
  margin-bottom:10px;
}

.page-content-listing.item-big_thumbnail .page-listing-item .page-item-detail .item-summary .list-chapter .chapter-item .font-meta{
  font-size:10px !important;
  color:#fff;
}

.page-content-listing.item-big_thumbnail .page-listing-item .page-item-detail .item-summary .list-chapter .chapter-item .chapter {
  flex:1;
  background:#343a409e !important;
  border-radius:3px !important;
  margin-right:5px !important;
  margin-left:5px !important;
  padding:3px 10px;
}

.page-content-listing.item-big_thumbnail .page-listing-item .page-item-detail .item-summary .list-chapter .chapter-item .chapter a {
  color:#fff !important;
}

.page-content-listing.item-big_thumbnail .page-listing-item .page-item-detail .item-summary .list-chapter .chapter-item .post-on {
  flex:2;
  text-overflow: ellipsis;
}


.page-content-listing.item-big_thumbnail .page-listing-item .page-item-detail .item-summary .list-chapter .chapter-item .vol {
  display: none;
}
.page-content-listing.item-big_thumbnail .page-listing-item .row > div {
  padding-left: 7px;
  padding-right: 7px;
}

.page-content-listing .item-thumb img {
  width: 100%;
  border-radius: 10px;
}

.page-content-listing .item-thumb img:hover {
  border-radius: 10px;
}
*/

/*thumbnail ratio
.page-content-listing.item-big_thumbnail .page-listing-item .page-item-detail .item-thumb {
  padding-top:146%;
}

.page-content-listing.item-big_thumbnail .page-listing-item .page-item-detail .item-thumb img {
  position: absolute;
  height: 100%;
  left: 0;
  right: 0;
  bottom:0;
  top:0;
}
*/

/*custom pagination with a link*/
.open-more-container {
  text-align: center;
  margin: 35px 0 60px 0;

}
.open-more {
  padding: 10px 15px;
  color: #fff !important;
  background-color: #913FE2;
  border-radius: 30px;
  border: none;
  font-size: 17px;
}

/*manga listing */
.c-image-hover:hover img {filter: brightness(1);}
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail .page-listing-item .page-item-detail .item-summary .post-title.font-title {font-size:17px; font-weight: 600;color:#fff; text-align: center;}
body.page .c-page-content .c-page .c-page__content .page-content-listing .page-listing-item .page-item-detail .item-summary .rating {display: none;}
body.page .c-page-content .c-page .c-page__content .page-content-listing .page-listing-item .page-item-detail .item-summary .list-chapter .chapter-item {display: flex; justify-content: space-between; align-items: center; background-color: #1F1B2E;
  border-radius: 5px;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;}
  body.page .c-page-content .c-page .c-page__content .page-content-listing .page-listing-item .page-item-detail .item-summary .list-chapter .chapter-item .vol {display: none;}
body.page.text-ui-light .c-page-content .c-page .c-page__content .page-content-listing .page-listing-item .page-item-detail .item-summary .list-chapter .chapter-item .chapter, .text-ui-light .widget.c-popular .popular-item-wrap .popular-content .chapter-item .chapter, body.text-ui-light .settings-page .list-chapter .chapter-item .chapter, body.search.text-ui-light .search-wrap .tab-content-wrap .c-tabs-item .c-tabs-item__content .tab-meta .latest-chap .chapter {
  border: none;
  background-color: unset;
  margin-right: 10px;
}

body.page.text-ui-light .c-page-content .c-page .c-page__content .page-content-listing .page-listing-item .page-item-detail .item-summary .list-chapter .chapter-item .chapter a, .text-ui-light .widget.c-popular .popular-item-wrap .popular-content .chapter-item .chapter a, body.text-ui-light .settings-page .list-chapter .chapter-item .chapter a, body.search.text-ui-light .search-wrap .tab-content-wrap .c-tabs-item .c-tabs-item__content .tab-meta .latest-chap .chapter a {
  font-size:13px;
  color:#fff !important;
  font-weight: 600;
  text-transform: capitalize;
}

body.page.text-ui-light .c-page-content .c-page .c-page__content .page-content-listing .page-listing-item, .text-ui-light .page-content-listing.item-simple .page-listing-item .page-item-detail {border-bottom:none}
.c-blog__heading.style-2 .h4, .c-blog__heading.style-2 h4, .light-heading {font-size:34px; color:#fff !important; font-weight:300; text-transform:capitalize;border-bottom:none}
.light-heading {background-color: unset;}

/*chapters listing layout*/
.page-content-listing.item-chapters {height:450px; overflow: auto;}
.manga-chapters-listing td.badges {border:none !important;}
.manga-title-badges {width: auto; height: auto; transform: none; line-height: 20px; margin-right: 0;}
.manga-title-badges {width:fit-content;padding:6px 6px;border-radius:2px;color:#fff; text-transform:uppercase; font-size:10px; font-weight:600; line-height: 1;}
.manga-chapters-listing .badges .novel {background:#1e7c00}
.manga-shortcodes.manga-chapters-listing thead th{color:#fff}
.manga-chapters-listing th.type{width:100px}
.manga-chapters-listing th.time {width:150px}

/*single details*/
#manga-header {position: relative;}
#manga-header:before {content:''; position:absolute; width:100%; height:100%; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}
body.text-ui-light.manga-page .profile-manga {border-bottom:none}
body.manga-page .profile-manga .tab-summary {display: flex;     flex-flow: row wrap;}
body.manga-page .profile-manga .tab-summary .summary_image {flex:1; display: flex; justify-content: center; align-items: center; margin-right: 30px;}
body.manga-page .profile-manga .tab-summary .summary_content_wrap {flex:3;}

.summary_content .post-content #tab-manga-info .info-wrapper {display: flex;}
#tab-manga-info .info-wrapper .info {flex:2}
#tab-manga-info .info-wrapper .post-status {flex: 1; display: flex; flex-direction: column;}
#tab-manga-info .info-wrapper .post-status .manga-action {display: flex; justify-content: center;}
#tab-manga-info .info-wrapper .post-status .manga-action .summary-heading {display: none;}
body.manga-page .profile-manga .tab-summary .manga-action .summary-content {
  width:100% !important;
}
#tab-manga-info #init-links {text-align: center;}
body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content .post-status .manga-action .count-comment, body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content .post-status .manga-action .add-bookmark {
  display: flex;
  flex-direction: column;
  margin-bottom:25px;
  flex:1;
	width:auto;
}
body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content .post-status .manga-action .count-comment {border-right: none}
body.manga-page .profile-manga .tab-summary .manga-action .summary-content ~ .summary-content {position:relative;}
body.manga-page .profile-manga .tab-summary .manga-action .summary-content ~ .summary-content:before {content:'';position: absolute;width:1px;background: #e1e1e1;left: 0; top:15%; height: 50%;}
body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content .post-status .manga-action .count-comment .action_icon a i, body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content .post-status .manga-action .add-bookmark .action_icon a i, body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content .post-status .manga-action .count-comment .action_detail a i, body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content .post-status .manga-action .add-bookmark .action_detail a i {
  color:#000;
}
body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content .post-status .manga-action {margin:0;}
/*.navigation-ajax .load-ajax:not(.show-loading):hover, body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul.main.version-chap .sub-chap > li:before, .shortcode-manga-chapters .listing-chapters_wrap > ul.main.version-chap .sub-chap > li:before, .c-wg-button-wrap .btn:hover, body.manga-page .page-content-listing.single-page .listing-chapters_wrap ul.main.version-chap .wp-manga-chapter:before, .site-header .search-main-menu form input[type=submit], .form-submit input[type=submit], #comments.comments-area #respond.comment-respond .comment-form .form-submit #submit, .c-btn.c-btn_style-1, .settings-page input[type="submit"], .settings-page .remove-all #delete-bookmark-manga, body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul.main.version-chap li .wp-manga-chapter:before, .woocommerce ul.products li.product .button, .woocommerce span.onsale, .woocommerce .widget_price_filter .price_slider_amount .button:not(:hover), .woocommerce .woocommerce-pagination .page-numbers li span.current, .woocommerce .woocommerce-pagination .page-numbers li .prev:hover, .woocommerce .woocommerce-pagination .page-numbers li .next:hover, .woocommerce div.entry-summary form.cart .single_add_to_cart_button, .post-password-form input[name="Submit"] {
  background: #0a0a0a;
}*/

.summary_content_wrap .tab-content {background-color: #1C1924; border-radius:20px; padding: 20px 30px 5px 30px}
#manga-content-navs {display: flex; justify-content: center; margin-bottom:10px; }
#manga-content-navs li:not(:last-of-type) {margin-right:5px}
#manga-content-navs li a {background-color: #1F1B2E; border-radius:20px}
#manga-content-navs li a:hover {color:unset}
#manga-content-navs li a.active {color:#fff; background-color:#913FE2;}

/* body.manga-page .page-content-listing.single-page .listing-chapters_wrap.cols-3 > ul.main.version-chap {overflow: scroll;} */
/*body.manga-page .page-content-listing.single-page .listing-chapters_wrap.cols-3 > ul.main.version-chap li {
  display: grid;
  grid-template-areas: 
  'thumb title title title'
  'thumb date date date';
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  grid-template-rows: 1fr 1fr;
  height: 80px;
  padding:0;
  border:1px solid #333;
  border-radius: 5px;
  margin-right:10px;
  margin-bottom:10px;
  overflow: hidden;
  flex:1 0 30%;
}

body.manga-page.text-ui-light .page-content-listing.single-page .listing-chapters_wrap > ul.main.version-chap li:after {display: none;}

body.manga-page .page-content-listing.single-page .listing-chapters_wrap.cols-3 > ul.main.version-chap li > .chapter-thumbnail {
 grid-area: thumb;
 height: 100%;
 width: 60px;
 overflow: hidden;
}
body.manga-page .page-content-listing.single-page .listing-chapters_wrap.cols-3 > ul.main.version-chap li > .chapter-thumbnail img {width:auto; height: 100%;}
body.manga-page .page-content-listing.single-page .listing-chapters_wrap.cols-3 > ul.main.version-chap li > a { grid-area: title; font-weight: 400; margin:0; padding:0; font-size:14px; display: flex; align-items: flex-end; line-height: 1;margin-bottom:4px}
body.manga-page .page-content-listing.single-page .listing-chapters_wrap.cols-3 > ul.main.version-chap li > .chapter-release-date { grid-area: date; color:#fff; display: flex; align-items: flex-start; margin-top:4px} 
.chapter-listing-heading {margin-top: 45px;}*/

/*chapter reading*/
/*#chapter-heading {font-size:2.5em; text-align: center;}
body.reading-manga.text-ui-light .entry-header .c-selectpicker select.selectpicker, body.reading-manga.text-ui-light .c-select-bottom .c-selectpicker select.selectpicker {border-radius: 30px;}
.widget.widget_tag_cloud .tag-cloud-link:hover, .popular-slider .slider__container .slider__item .slider__content .slider__content_item .chapter-item .chapter a:hover, .widget.c-popular .popular-item-wrap .popular-content .chapter-item .chapter:hover, .site-footer .top-footer .wrap_social_account ul.social_account__item li a, .site-content .main-col .item-tags ul li a:hover, .popular-slider .slider__container .slick-arrow:hover, .widget.background.widget_tag_cloud .tag-cloud-link:hover, .wp-pagenavi a:hover, body.search.search-results .search-wrap .tab-content-wrap .c-tabs-item .c-tabs-item__content .tab-meta .latest-chap .chapter:hover, .go-to-top:hover, .widget.c-popular .widget-view-more, body.search .c-search-header__wrapper .search-content .search-form .search-submit, body.reading-manga .entry-header .select-pagination .nav-links .nav-next a:not(:hover), body.reading-manga .c-select-bottom .select-pagination .nav-links .nav-next a:not(:hover), body.reading-manga .entry-header .entry-header_wrap .action-icon ul li:hover a, body.reading-manga .c-select-bottom .entry-header_wrap .action-icon ul li:hover a, .widget.c-released .released-search form [type="submit"], body.manga-page .profile-manga .tab-summary .loader-inner > div, .wpcf7-submit, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce .woocommerce-cart-form .cart button.button, .woocommerce .cart input.button:not(:hover), #adult_modal .modal-footer .btn.btn-primary:not(:hover), body.reading-manga .entry-header .select-pagination .nav-links > * a, body.reading-manga .c-select-bottom .select-pagination .nav-links > * a, .settings-page .list-chapter .chapter-item .chapter:hover, body.modal-open .modal .modal-content .modal-body .login .submit .wp-submit:not(:hover), .settings-page .tabs-content-wrap .my_account_orders a.button.view, .main-bg, #madara-comments.comments-area #respond.comment-respond .comment-form .form-submit #submit, body.search .c-search-header__wrapper .search-content .btn-search-adv {
  background-color: #0a0a0a;
}
body.reading-manga .entry-header .select-pagination .nav-links .nav-previous a, body.reading-manga .c-select-bottom .select-pagination .nav-links .nav-previous a, body.reading-manga .entry-header .select-pagination .nav-links .nav-next a, body.reading-manga .c-select-bottom .select-pagination .nav-links .nav-next a, body.reading-manga .entry-header .select-pagination .nav-links .btn-primary a, body.reading-manga .c-select-bottom .select-pagination .nav-links .btn-primary a {border-radius: 30px;}

@media (max-width:1023px) {
  body.manga-page .profile-manga .tab-summary {flex-direction: column; justify-content: center; align-items: center;}
  body.manga-page .profile-manga .tab-summary .summary_image { display: flex; justify-content: center; align-items: flex-start; margin-bottom:30px}
  body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content {padding-right: 0;}

  body.manga-page .page-content-listing.single-page .listing-chapters_wrap.cols-3 > ul.main.version-chap li {flex: 1 0 45%}
}

@media (max-width:767px) {
  body.manga-page .page-content-listing.single-page .listing-chapters_wrap.cols-3 > ul.main.version-chap li {flex: 1 0 100%}
  .summary_content .post-content #tab-manga-info .info-wrapper {flex-direction: column;}
  .page-listing-item .col-12.badge-pos-2 {flex:unset; width:50%;}

}*/


/* clone slider using SlideAnything plugin
*/
#sample_slider {
  padding: 30px 0 15px ;
  background:url(https://lumoskomik.com/wp-content/uploads/2023/10/damn-banner.png);
		background-size:contain;

}

/* customizable snowflake styling */
.slider-wrapper .snowflakes {
  position: relative;
}

.snowflake {
  color: #fff;
  font-size: 5em;
  font-family: aria;
}

@-webkit-keyframes snowflakes-fall {
  0% {
      top:-10%;
      opacity: 1;
  }

  100% {
      top:100%;
      opacity: 0;
  }
}

@-webkit-keyframes snowflakes-shake {
  0% {
      -webkit-transform: translateX(0px);
      transform:translateX(0px)
  }

  50% {
      -webkit-transform: translateX(80px);
      transform:translateX(80px)
  }

  100% {
      -webkit-transform: translateX(0px);
      transform:translateX(0px)
  }
}

@keyframes snowflakes-fall {
  0% {
      top:-10%;
      opacity: 1;
  }

  100% {
      top:100%;
      opacity: 0;
  }
}

@keyframes snowflakes-shake {
  0% {
      transform:translateX(0px);
      opacity: 1;
  }

  50% {
      transform:translateX(80px);
      opacity: 0.5;
  }

  100% {
      transform:translateX(0px);
      opacity: 0;
  }
}

.snowflake {
  position: absolute;
  top: -10%;
  z-index: 9999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  -webkit-animation-name: snowflakes-fall, snowflakes-shake;
  -webkit-animation-duration: 10s, 3s;
  -webkit-animation-timing-function: linear, ease-in-out;
  -webkit-animation-iteration-count: infinite, infinite;
  -webkit-animation-play-state: running, running;
  animation-name: snowflakes-fall, snowflakes-shake;
  animation-duration: 10s, 3s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state:running, running
}

.snowflake:nth-of-type(0) {
  left: 1%;
  -webkit-animation-delay: 0s, 0s;
  animation-delay:0s, 0s;
  font-size:1em;
}

.snowflake:nth-of-type(10) {
  left: 5%;
  -webkit-animation-delay: 3s, 3s;
  animation-delay:3s, 3s;
  font-size:1em;
}

.snowflake:nth-of-type(1) {
  left: 10%;
  -webkit-animation-delay: 1s, 1s;
  animation-delay:1s, 1s;
  font-size:2em;
}

.snowflake:nth-of-type(11) {
  left: 15%;
  -webkit-animation-delay: 4s, 4s;
  animation-delay:4s, 4s
}

.snowflake:nth-of-type(2) {
  left: 20%;
  -webkit-animation-delay: 6s, .5s;
  animation-delay:6s, .5s;
  font-size:3em;
}

.snowflake:nth-of-type(12) {
  left: 25%;
  -webkit-animation-delay: 0s, 0s;
  animation-delay:0s, 0s
}

.snowflake:nth-of-type(3) {
  left: 30%;
  -webkit-animation-delay: 4s, 2s;
  animation-delay:4s, 2s;
  font-size:1em;
}

.snowflake:nth-of-type(13) {
  left: 35%;
  -webkit-animation-delay: 8s, 8s;
  animation-delay:8s, 8s;
  font-size:1em;
}

.snowflake:nth-of-type(4) {
  left: 40%;
  -webkit-animation-delay: 2s, 2s;
  animation-delay:2s, 2s;
  font-size:2em;
}

.snowflake:nth-of-type(14) {
  left: 45%;
  -webkit-animation-delay: 5s, 9s;
  animation-delay:2s, 1s;
  font-size:1em;
}

.snowflake:nth-of-type(5) {
  left: 50%;
  -webkit-animation-delay: 8s, 3s;
  animation-delay:8s, 3s;
  font-size:1em;
}

.snowflake:nth-of-type(15) {
  left: 55%;
  -webkit-animation-delay: 2s, 2s;
  animation-delay:1s, 1s
}

.snowflake:nth-of-type(6) {
  left: 60%;
  -webkit-animation-delay: 6s, 2s;
  animation-delay:6s, 2s;
  font-size:2em;
}

.snowflake:nth-of-type(16) {
  left: 45%;
  -webkit-animation-delay: 1s, 2s;
  animation-delay:1s, 1s
}

.snowflake:nth-of-type(7) {
  left: 70%;
  -webkit-animation-delay: 2.5s, 1s;
  animation-delay:2.5s, 1s;
  font-size:4em;
}

.snowflake:nth-of-type(17) {
  left: 75%;
  -webkit-animation-delay: 10s, 10s;
  animation-delay:10s, 10s;
  font-size:2em;
}

.snowflake:nth-of-type(8) {
  left: 80%;
  -webkit-animation-delay: 1s, 0s;
  animation-delay:1s, 0s;
  font-size:2em;
}

.snowflake:nth-of-type(18) {
  left: 85%;
  -webkit-animation-delay: 5s, 5s;
  animation-delay:5s, 5s;
  font-size:3em;
}

.snowflake:nth-of-type(9) {
  left: 90%;
  -webkit-animation-delay: 3s, 1.5s;
  animation-delay: 3s, 1.5s;
  opacity: 0;
}

.snowflake:nth-of-type(19) {
  left: 100%;
  -webkit-animation-delay: 3s, 1.5s;
  animation-delay: 3s, 1.5s;
  opacity: 0;
}


#sample_slider .owl-dots {bottom: 11px !important;}

#sample_slider .owl-dots .owl-dot span {background: RGBA(214,214,214,0.39) !important}
#sample_slider .owl-dots .owl-dot.active span, #sample_slider .owl-dots .owl-dot:hover span {background: #913FE2 !important; width: 25px !important; border-radius: 20px !important}

/**
 * Personal Changes */

 .sidebar-page .page-listing-item .row > div {
     flex: 100%;
     max-width: 100%;
 }

 .sidebar-page .page-listing-item .manga {
     display: flex;
 }

 .sidebar-page .page-listing-item .manga .item-thumb {
     max-width: 60px;
 }

 .sidebar-page .page-listing-item .manga .manga-title-badges.manhwa {
     display: none;
 }

 .sidebar-page .page-listing-item .manga .item-summary {
     text-align: left;
 }

 .sidebar-page .manga .item-summary .post-title {
     text-align: left !important;
 }

 .sidebar-page .manga .item-summary .post-title .h5 {
     font-size: 16px;
     min-height: 30px;
 }

 .content-with-sidebar {
     gap: 40px !important;
 }

 .load-more a {
     padding: 10px 30px;
     font-size: 1.2em !important;
 }

 .load-more a:hover {
     background: #7C3AED !important;
     color: #fff !important;
 }

 .sidebar-page .list-chapter {
     display: flex;
     gap: 10px;
 }

 .sidebar-page .list-chapter .chapter-item {
     padding: 5px !important;
 }

 .sidebar-page .list-chapter .chapter-item span {
     padding: 0;
 }

 .sidebar-page .list-chapter .chapter-item a {
     font-size: 11px !important;
     padding: 0;
 }

 .page-listing-item .post-title h3, .slider__content_item h4 {
     display: block;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
     height: 38px;
     font-size: 16px;
     min-height: 38px !important;
 }

 .support-buttons a {
     font-size: 1.1em !important;
 }

 .support-buttons a:hover {
     background: #913FE2 !important;
     color: #fff !important;
 }

 .discord-link svg {
     display: none;
 }

 .discord-link a {
     padding: 18px !important;
 }

.manga-title-badges.adult {
     display: none;
     visibility: hidden;
 }

 .listing-slide .page-content-listing {
    display: flex;
     gap: 30px;
    width: 200%;
 }


.listing-slide .page-content-listing > div {
    flex: 1;
}

.listing-slide .tab-content-wrap .c-tabs-item {
    overflow-x: auto;
}


.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list > li.menu-item-has-children > ul.sub-menu {
    background: #1C1924;
}


/*scroll 2*/
.listing-scroll .listing-items {
    display: flex;
    margin: 20px 0;
}

.listing-scroll  .listing-wrapper {
    overflow-x: auto;
}

.listing-scroll .listing-items .page-listing-item {
    flex: 1;
   
}
.manga-updates h2 {text-align: center;font-weight: 200;font-size: 2.5em;margin: 20px 0;}

.listing-items h3 {
    text-align: center;
    margin: 10px 0 10px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 38px;
    font-size: 16px;
    min-height: 38px !important;
}

.listing-items .meta-item.rating {
    display: none;
}

.listing-items  .chapter-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #1F1B2E;
    border-radius: 5px;
    padding: 6px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}

.listing-items  .vol {
    display: none;
}

.listing-items  .chapter-item  a.btn-link {
    font-size: 13px;
    color: #fff !important;
    font-weight: 600;
    text-transform: capitalize;
}

.listing-scroll .listing-items img {
    width: 100%;
}

/*Tab*/
.tab-contents .tab-content-item:not(.active) {
    display: none;
}

.trending-tab .tab-nav {
    display: flex;
    width: 100%;
    gap: 16px;
    margin-bottom: 20px;
    justify-content: center;
    flex-flow: row wrap;
}

.trending-tab .tab-nav a {
    padding: 9px 26px;
    background: #1F1B2E;
    line-height: normal;
    border-radius: 5px;
    color: #fff;
}

.trending-tab .tab-nav a:hover, .trending-tab .tab-nav a.active {
    background: #913FE2;
}

.trending-tab .tab-nav a:not(.active) {
}

.trending-item {
    display: flex;
    gap: 15px;
    padding: 12px 15px;
}

.trending-item .popular-content {flex: 1;}

.trending-item .popular-img {/* flex: auto; */}

.tab-contents {
    transition: opacity .15s linear;
}

/*Sngle chapter*/
body.manga-page .listing-chapters_wrap.cols-4 .version-chap.no-volumn, body.manga-page .listing-chapters_wrap.cols-3 ul.version-chap.no-volumn, body.manga-page .listing-chapters_wrap.cols-2 ul.version-chap.no-volumn, body.manga-page .listing-chapters_wrap.cols-4 .version-chap.no-volumn .sub-chap-list, body.manga-page .listing-chapters_wrap.cols-3 ul.version-chap.no-volumn .sub-chap-list, body.manga-page .listing-chapters_wrap.cols-2 ul.version-chap.no-volumn .sub-chap-list, body.manga-page .listing-chapters_wrap.cols-4 .version-chap.volumns .sub-chap .sub-chap-list, body.manga-page .listing-chapters_wrap.cols-3 ul.version-chap.volumns .sub-chap .sub-chap-list, body.manga-page .listing-chapters_wrap.cols-2 ul.version-chap.volumns .sub-chap .sub-chap-list {
    gap: 10px;
   
}

.page-content-listing.single-page .cols-3 ul.version-chap.no-volumn li, .page-content-listing.single-page .cols-3 ul.version-chap.volumns .sub-chap .sub-chap-list li {
    border: 1px solid rgba(255,255,255,0.1);
    padding: 15px 20px;
    display: flex;
    flex-flow: row wrap;
    flex-grow: 0 !important;
    background: #1F1B2E;
    border-radius: 8px;
    transition: border-color 0.2s ease;
}
.page-content-listing.single-page .cols-3 ul.version-chap.no-volumn li:hover, .page-content-listing.single-page .cols-3 ul.version-chap.volumns .sub-chap .sub-chap-list li:hover {
    border-color: rgba(145,63,226,0.4);
}

.page-content-listing.single-page .cols-3 ul.version-chap.no-volumn li, .page-content-listing.single-page .cols-3 ul.version-chap.volumns .sub-chap .sub-chap-list li {
    flex: 1 0 calc(100% / 3 - 10px);
    
}

.page-content-listing.single-page .cols-3 ul.version-chap.no-volumn li.chapter-bookmark {
    border: none;
    display: none;
}


body.manga-page.text-ui-light .page-content-listing.single-page .listing-chapters_wrap > ul.main.version-chap li:after {
    display: none;
}

body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul.main.version-chap li .wp-manga-chapter a:not(:hover), .shortcode-manga-chapters .listing-chapters_wrap > ul.main.version-chap li .wp-manga-chapter a:not(:hover) {
    color: #fff;
    flex: 1 100%;
}



.text-ui-light .wp-manga-chapter a:visited, body.page.text-ui-light .c-page-content .c-page .c-page__content .page-content-listing .page-listing-item .page-item-detail .item-summary .list-chapter .chapter-item .chapter a:visited {
    color: #fff;
}

body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul li a, .shortcode-manga-chapters .listing-chapters_wrap > ul li a {
    padding: 0;
    line-height: 1 !important;
}

.listing-chapters_wrap .wp-manga-chapter.reading:before {
    top: 2px;
        right: 2px;
        font-size: 10px;
}

#slider_home {
    padding: 30px 0 15px;
    background-image: url(https://lumoskomik.com/wp-content/uploads/2023/10/damn-banner.png);
    background-size: contain;
}

#slider_home .owl-dots .owl-dot.active span, #slider_home .owl-dots .owl-dot:hover span {
    background: #913FE2!important;
    width: 25px!important;
    border-radius: 20px!important;
}

#slider_home .owl-dots .owl-dot span {
    background: RGBA(214,214,214,.39)!important;
}
body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul.main.version-chap li.has-thumb {
    height: auto;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.listing-chapters_wrap .wp-manga-chapter .chapter-thumbnail {
    margin: 0;
}

.chapter-link a {
    display: block !important;
}

body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul.main.version-chap li .chapter-release-date, .shortcode-manga-chapters .listing-chapters_wrap > ul.main.version-chap li .chapter-release-date {
    margin: 0 !important;
}

.listing-chapters_wrap .wp-manga-chapter .chapter-thumbnail img.thumb {
    width: 135px;
    max-width: 100%;
}

div#manga-content-tabs p {
    color: #fff;
}


 @media all and (max-width: 1025px) {
     body.page .c-page-content .c-page .c-page__content .page-content-listing .page-listing-item .page-item-detail .item-summary .list-chapter .chapter-item {
         flex-flow: row wrap;
         width: 100%;
         flex: 1 100%;
         font-weight: 400 !important;
     }

     body.page .c-page-content .c-page .c-page__content .page-content-listing .page-listing-item .page-item-detail .item-summary .list-chapter .chapter-item > span {
         flex: 100%;
         width: 100% !important;
         margin: 0 !important;
         padding: 0 !important;
     }

     body.page .c-page-content .c-page .c-page__content .page-content-listing .page-listing-item .page-item-detail .item-summary .list-chapter .chapter-item a {
         font-size: 11px !important;
         font-weight: 400 !important;
     }

     .listing-items .chapter-item {
         flex-flow: row wrap;
         width: 100%;
         flex: 1 100%;
         font-weight: 400 !important;
     }
     .listing-items .chapter-item a.btn-link {
         font-size: 11px !important;
         font-weight: 400 !important;
     }
 }

 @media all and (max-width: 767px) {
     body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail .page-listing-item .page-item-detail .item-thumb img {
         width: 100%;
     }
 }

 @media all and (max-width: 768px){
     body.manga-page .profile-manga .tab-summary .summary_image {
         flex: 100%;
         margin-right: 0;
         padding: 0;
     }
     
     
     body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content {
         padding: 0;
     }
     
     .summary_content .post-content #tab-manga-info .info-wrapper {
         display: block;
     }

     #tab-manga-info .info-wrapper .post-status {
         margin-bottom: 20px;
     }
     
     .page-content-listing.single-page .cols-3 ul.version-chap.no-volumn li, .page-content-listing.single-page .cols-3 ul.version-chap.volumns .sub-chap .sub-chap-list li {
         flex: 1 0 calc(100% / 2 - 20px);
     }
 }




 @media all and (max-width: 1024px) and (min-width:556px){
     .listing-chapters_wrap .wp-manga-chapter .chapter-thumbnail img.thumb {
         width: 105px;
     }    

 }

 @media all and (max-width: 555px) {
     
     .listing-chapters_wrap .wp-manga-chapter .chapter-thumbnail img.thumb {
         width: 150px;
     }    
     .page-content-listing.single-page .cols-3 ul.version-chap.no-volumn li, .page-content-listing.single-page .cols-3 ul.version-chap.volumns .sub-chap .sub-chap-list li {
           flex: 1 100%;
       }

 }


 @media all and (max-width: 480px) {
  .c-blog-post .entry-content .entry-content_wrap .read-container img {
      width: 100% !important;
  }

     .c-blog-post .entry-content .entry-content_wrap .reading-content {
         padding: 0;
     }
  .page-content-listing.single-page .cols-3 ul.version-chap.no-volumn li, .page-content-listing.single-page .cols-3 ul.version-chap.volumns .sub-chap .sub-chap-list li {
      flex: 1 100%;
  }
	 
	 .single .c-blog-post .entry-content .entry-content_wrap .read-container .page-break .part {
		width: 50% !important;
	}
 }

/* Scroll-to-top */
.go-to-top {
  background: #913FE2 !important;
  border: none;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(145,63,226,0.4);
  transition: background 0.2s ease;
}
.go-to-top:hover {
  background: #7C3AED !important;
}

/* Footer — AsuraScans style */
.site-footer {
  background: #1D1B22 !important;
  border-top: 1px solid rgba(255,255,255,0.1);
  padding: 0;
}
.site-footer .bottom-footer {
  background: transparent;
}
.site-footer .top-footer {
  background: transparent;
}
.site-footer .copyright p {
  color: rgba(255,255,255,0.6);
}
.asura-footer {
  padding: 30px 0;
}
.asura-footer__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
}
.asura-footer__social .wrap_social_account {
  display: flex;
  justify-content: center;
}
.asura-footer__social .social_account__item {
  display: flex;
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.asura-footer__social .social_account__item li a {
  background: #913FE2 !important;
  color: #fff !important;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background 0.2s ease;
}
.asura-footer__social .social_account__item li a:hover {
  background: #7C3AED !important;
}
.asura-footer__nav ul {
  display: flex;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  justify-content: center;
}
.asura-footer__nav ul li a {
  color: rgba(255,255,255,0.7) !important;
  font-size: 14px;
  transition: color 0.2s ease;
}
.asura-footer__nav ul li a:hover {
  color: #fff !important;
}
.asura-footer__copyright p {
  color: rgba(255,255,255,0.5);
  font-size: 13px;
  margin: 0;
}
.asura-footer__widgets {
  width: 100%;
}
.asura-footer__widgets .widget {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Asura Tabs — pill style */
.asura-tabs.nav-pills {
  display: flex;
  gap: 8px;
  justify-content: center;
  border: none;
  margin-bottom: 15px;
}
.asura-tabs.nav-pills .nav-link {
  background: #1F1B2E !important;
  border: none !important;
  border-radius: 20px !important;
  color: rgba(255,255,255,0.7) !important;
  padding: 8px 20px !important;
  margin-right: 0 !important;
  font-size: 14px !important;
  font-weight: 500;
  transition: all 0.2s ease;
}
.asura-tabs.nav-pills .nav-link:hover {
  background: #2D2640 !important;
  color: #fff !important;
}
.asura-tabs.nav-pills .nav-link.active {
  background: #913FE2 !important;
  color: #fff !important;
  border-bottom: none !important;
}

/* Header — AsuraScans style */
.site-header .main-navigation .wrap_branding img,
.site-header .main-navigation .wrap_branding .logo-image {
  border-radius: 50%;
  max-height: 48px;
  width: 48px;
  object-fit: cover;
}
.site-header .c-sub-header-nav {
  background: #7C3AED !important;
  border-bottom: none !important;
}
.site-header .c-sub-header-nav .sub-nav_list li a {
  color: rgba(255,255,255,0.9) !important;
  transition: background 0.2s ease;
  border-radius: 6px;
  padding: 6px 12px;
}
.site-header .c-sub-header-nav .sub-nav_list li a:hover {
  background: rgba(0,0,0,0.2);
  color: #fff !important;
}
.site-header .c-sub-header-nav .c-modal_item a {
  color: #fff !important;
  background: rgba(255,255,255,0.15);
  border-radius: 6px;
  padding: 6px 16px;
  transition: background 0.2s ease;
}
.site-header .c-sub-header-nav .c-modal_item a:hover {
  background: rgba(255,255,255,0.25);
}
.site-header .main-navigation .main-menu .nav-menu > li > a {
  color: rgba(255,255,255,0.9) !important;
  transition: background 0.2s ease;
  border-radius: 6px;
  padding: 8px 14px !important;
}
.site-header .main-navigation .main-menu .nav-menu > li > a:hover {
  background: rgba(0,0,0,0.2);
  color: #fff !important;
}
.site-header .main-navigation .main-menu .nav-menu > li.current-menu-item > a {
  color: #fff !important;
  font-weight: 600;
}

/* General Polish */
/* AsuraScans-style transitions */
.c-image-hover img {
  transition: transform 0.3s ease, filter 0.3s ease;
}
.c-image-hover:hover img {
  transform: scale(1.03);
  filter: brightness(1.1);
}

/* Subtle border style for cards */
body.text-ui-light .page-item-detail {
  border-radius: 10px;
  overflow: hidden;
}

/* Text opacity hierarchy */
body.text-ui-light .font-meta,
body.text-ui-light .chapter-release-date,
body.text-ui-light .post-on {
  color: rgba(255,255,255,0.6) !important;
}

/* Container width already set at top of file */