/*
Theme Name: Madara
Theme URI: https://mangariom.com/
Author: mangariom
Author URI: https://mangariom.com
Description: Manga Solution for WordPress. Support Manga, Comic, Novel, Anime, Video content. Require WP Manga (Madara-Core) plugin
Version: 1.7.4
Text Domain: madara
Domain Path: /languages/
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
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Header
3.0 - Navigation
4.0 - Pages
5.0 - Single
6.0 - Content
7.0 - Plugins
8.0 - Shortcodes
9.0 - Widgets
10.0 - Footer
11.0 - Wall Ads
--------------------------------------------------------------*/

.vertical-align {
  position: relative;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  text-size-adjust: 100%;
}

.underline {
  text-decoration: underline;
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
  background-color: #030712;
}
body.text-ui-light {
  background-color: #191919;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
  color: white;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bold;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

img {
  max-width: 100%;
  height: auto;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}
.form-control {
  color: #ffffff;
  background-color: #1e2236;
}
.form-control:focus {
  color: #ffffff;
  background-color: #1f2148;
  border-color: #ffffff17;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control input:-internal-autofill-selected {
  background-color: #1f2148 !important;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  appearance: textfield;
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

.wp-block-latest-comments__comment,
.wp-block-latest-posts.wp-block-latest-posts__list,
.widget .wp-block-archives-list,
.widget .wp-block-categories-list {
  list-style: unset;
  padding-left: 15px;
}
ol.wp-block-latest-comments {
  padding-left: 15px;
}
.wp-block-cover.has-background-dim {
  color: #fff;
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
/* end normalize 8.0.1 */

/* custom css */
@media (min-width: 1200px) {
  .custom-width {
    width: 1100px;
  }
}
@media (min-width: 1360px) and (max-width: 1359px) {
  .custom-width {
    width: 1300px;
  }
}
@media (min-width: 1360px) {
  .custom-width {
    width: 1300px;
  }
}
@media (min-width: 1630px) {
  .custom-width {
    width: 1600px;
  }
}
@media (min-width: 1760px) {
  .custom-width {
    width: 1760px;
  }
}
.row-no-padding {
  margin-left: 0;
  margin-right: 0;
}
.row-no-padding [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.c-container-fluid {
  padding: 0;
}
@media (max-width: 768px) {
  .c-container-fluid {
    padding: 0 15px;
  }
}
.c-sidebar {
  padding: 50px 0 20px;
}
.c-sidebar.c-bottom-sidebar {
  border-top: 3px solid #ebebeb;
}

/* error 404 */
body.error404 .c-page-content .content-area {
  margin-top: 0 !important;
}
body.error404 .error-404 {
  text-align: center;
  height: 100vh;
  position: relative;
}
body.error404 .error-404_content {
  position: absolute;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
body.error404 .error-404_content .entry-featured-image {
  margin-bottom: 25px;
}
body.error404 .error-404_content .entry-header {
  margin-bottom: 36px;
}
body.error404 figure {
  margin: 0;
}
.post-password-form label {
  margin-bottom: 10px;
}
.reading-content .post-password-form label {
  width: 100%;
}
.post-password-form input[name="post_password"] {
  line-height: 1.5;
  width: 100%;
  height: 38px;
  border: 1px solid rgba(45, 45, 45, 0.3);
  /* border-radius: 5px; */
  padding: 0 15px 0 15px;
}
.reading-content .post-password-form input[name="post_password"],
#oneshot-reader .post-password-form input[name="post_password"] {
  width: 300px;
  display: inline-block;
}
.post-password-form input[name="Submit"] {
  background-color: #eb3349;
  border: none;
  font-weight: 600;
  color: #fff;
  padding: 11px 25px;
  vertical-align: bottom;
  transition: all 0.3s;
  margin-bottom: 10px;
}
.reading-content .post-password-form input[name="Submit"],
#oneshot-reader .post-password-form input[name="Submit"] {
  padding: 10px 25px;
}
.post-password-form input[name="Submit"]:hover {
  background-color: #0f0f0f;
}
.tptn_counter {
  clear: both;
}
/* hide counter in chapter reading page */
.reading-manga .reading-content .tptn_counter {
  display: none;
}

#search-advanced .search-advanced-form .form-group .label {
  min-height: 30px;
}
#search-advanced select {
  max-width: 315px;
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.no-results {
  text-align: center;
  height: 100vh;
  max-height: 490px;
  position: relative;
}
.no-results .results_content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.no-results .icon-not-found {
  margin-bottom: 11px;
}
.no-results .icon-not-found i {
  font-size: 100px;
  line-height: 1;
  color: #e6e6e6;
}
.no-results .not-found-content {
  font-size: 18px;
}
.wpcf7-submit {
  padding: 7px 25px;
  border: none;
  border-radius: 25px;
  font-weight: 600;
  color: #fff;
  background-color: #eb3349;
  transition: background-color 200ms ease;
}
.wpcf7-submit:hover {
  background-color: #0f0f0f;
}
#manga-discussion .comment-selection-wrapper {
  float: right;
  position: relative;
}
#manga-discussion .comment-selection-wrapper .comment-selection {
  height: 30px;
  padding: 0px 25px 0px 15px;
  font-size: 14px;
  text-transform: uppercase;
  border-bottom: none;
  border: 2px solid #ebebeb;
  color: #969494;
  font-weight: 600;
}
#manga-discussion .comment-selection-wrapper:after {
  content: "\f0dd";
  position: absolute;
  top: 1px;
  right: 10px;
  font-family: "Font awesome\ 5 Free";
  font-weight: 900;
}

.adult-content .modal-backdrop.in,
.modal-backdrop.show {
  opacity: 0.8;
}

.adult-content .modal-dialog.modal-dialog-centered {
  min-height: auto;
}
.adult-content .modal-dialog.modal-dialog-centered:before {
  content: "";
  height: 0;
}

.adult-content.censored .main-col .c-page__content {
  opacity: 0.1;
}
.manga-title-badges {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-size: 8px;
  line-height: 26px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  margin-right: 7px;
  color: #fff;
  background-color: #000;
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
}
.profile-manga .manga-title-badges {
  float: left;
}
.badge-pos-2 .item-thumb a .manga-title-badges {
  position: absolute;
  left: 0;
  top: 0;
}
.badge-pos-2 .item-thumb a .manga-title-badges:nth-of-type(2) {
  left: 45px;
}
.manga-title-badges.hot {
  background-color: #eb3349;
}
.manga-title-badges.new {
  background-color: #37b7da;
}
.manga-title-badges.custom {
  background-color: #eb3349;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  width: auto;
  height: auto;
  border-radius: 2px;
  padding: 10px 8px 10px 8px;
  text-transform: uppercase;
  line-height: 5px;
  font-size: 10px;
}
/**
 * :: Madara Wordpress Core
 * -------------------------------------------------- */
/* 2.0  Wordpress CSS
----------------------------------------------------------*/
.gallery-caption {
  font-size: inherit;
}
.bypostauthor {
  font-size: inherit;
}
.alignleft {
  float: left;
  margin: 15px 40px 26px 0;
}
.alignright {
  float: right;
  margin: 15px 0 26px 40px;
}
.aligncenter {
  text-align: center;
  margin: 0 auto 26px;
}
.alignnone {
  margin-bottom: 40px;
}
.wp-caption {
  max-width: 100%;
  margin-bottom: 1.5em;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
}
.wp-caption-text {
  font-style: italic;
  color: #999;
}
.aligncenter .wp-caption-text {
  text-align: center;
}
.text-right {
  text-align: right;
}
.postleft {
  float: left;
  margin: 0 20px 0 0;
}
.postright {
  float: none;
}
br.nc {
  display: none;
}
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
@media (max-width: 480px) {
  .wp-caption.alignleft {
    float: none;
    text-align: center;
    margin: 0 auto 26px;
  }
  .wp-caption.alignright {
    float: none;
    text-align: center;
    margin: 0 auto 26px;
  }
}
/* Empty */
.main-navigation .main-menu {
  padding: 10px 0;
}
.main-navigation .main-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-navigation .main-menu ul:before,
.main-navigation .main-menu ul:after {
  content: " ";
  display: table;
}
.main-navigation .main-menu ul:after {
  clear: both;
}
@media screen and (max-width: 600px) {
  .site-header .main-navigation.style-1 .wrap_branding a img {
    max-height: 40px;
    margin-right: 5px;
  }
  .main-navigation .main-menu ul .main-navigation ul {
    display: none;
  }
}
.main-navigation .main-menu ul li {
  float: left;
  position: relative;
}
.main-navigation .main-menu ul li a {
  display: block;
  text-decoration: none;
  padding: 10px 20px 9px;
  color: #b1b1b1;
  font-weight: 600;
}
.main-navigation .main-menu ul li:hover > ul {
  opacity: 1;
  visibility: visible;
  z-index: 9999;
  pointer-events: auto;
}
.main-navigation .main-menu ul li:hover > a {
  background-color: #3d3e4e;
}
.main-navigation .main-menu ul ul.children,
.main-navigation .main-menu ul ul.sub-menu {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  display: block;
  float: right;
  right: 0;
  position: absolute;
  border: 1px solid #ffffff24;
  border-radius: 15px;
  z-index: -1;
  background-color: #1e2235;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s;
  min-width: 200px;
  margin-top: 0px;
  pointer-events: none;
  overflow: hidden;
}
.main-navigation .main-menu ul ul.children:before,
.main-navigation .main-menu ul ul.sub-menu:before {
  content: "";
  height: 8px;
  width: 100%;
  position: absolute;
  top: -8px;
}
.main-navigation .main-menu ul ul.children > li,
.main-navigation .main-menu ul ul.sub-menu > li {
  width: 100%;
  border-bottom: 1px solid #ffffff85;
}
.main-navigation .main-menu ul ul.children > li:last-child,
.main-navigation .main-menu ul ul.sub-menu > li:last-child {
  border-bottom: none;
}
.main-navigation .main-menu ul ul.children > li > a,
.main-navigation .main-menu ul ul.sub-menu > li > a {
  transition: 0.2s;
}
.main-navigation .main-menu ul ul.children > li > a:focus,
.main-navigation .main-menu ul ul.sub-menu > li > a:focus {
  color: var(--madara-main-color);
}
.main-navigation .main-menu ul ul.children ul,
.main-navigation .main-menu ul ul.sub-menu ul {
  left: 100%;
  top: -8px;
}
.main-navigation .main-menu ul ul.children a,
.main-navigation .main-menu ul ul.sub-menu a {
  white-space: normal;
}
.main-navigation .main-menu ul ul.children a:after,
.main-navigation .main-menu ul ul.sub-menu a:after {
  content: none;
}
/* Empty */
#comments.comments-area h3.comments-title,
#comments.comments-area h3.comment-reply-title {
  font-size: 14px;
  margin-bottom: 20px;
}
#comments.comments-area ol.comment-list {
  list-style: none;
  margin: 0;
}
#comments.comments-area ol.comment-list li.comment {
  background: none;
  position: relative;
}
#comments.comments-area ol.comment-list li.comment article.comment-body {
  margin-bottom: 30px;
  padding: 30px;
}
#comments.comments-area
  ol.comment-list
  li.comment
  article.comment-body
  footer.comment-meta {
  padding-bottom: 20px;
}
#comments.comments-area
  ol.comment-list
  li.comment
  article.comment-body
  footer.comment-meta
  * {
  display: inline-block;
}
#comments.comments-area
  ol.comment-list
  li.comment
  article.comment-body
  footer.comment-meta
  .comment-author {
  margin-right: 10px;
}
#comments.comments-area
  ol.comment-list
  li.comment
  article.comment-body
  footer.comment-meta
  .comment-author
  .avatar {
  border-radius: 50%;
  margin-right: 10px;
}
#comments.comments-area
  ol.comment-list
  li.comment
  article.comment-body
  footer.comment-meta
  .comment-author
  .says {
  display: none;
}
#comments.comments-area
  ol.comment-list
  li.comment
  article.comment-body
  footer.comment-meta
  .comment-metadata
  a
  time:before {
  margin-right: 6px;
}
#comments.comments-area
  ol.comment-list
  li.comment
  article.comment-body
  div.comment-content {
  word-wrap: break-word;
}
#comments.comments-area
  ol.comment-list
  li.comment
  article.comment-body
  div.comment-content
  p {
  margin-bottom: 0px;
}
#comments.comments-area
  ol.comment-list
  li.comment
  article.comment-body
  div.reply {
  position: absolute;
  top: 20px;
  right: 30px;
}
#comments.comments-area
  ol.comment-list
  li.comment
  article.comment-body
  div.reply
  a.comment-reply-link:after {
  margin-left: 10px;
}
#comments.comments-area ol.comment-list li.comment ol.children {
  list-style: none;
  padding-left: 40px;
}
#comments.comments-area ol.comment-list li.pingback .comment-body .block-left {
  display: none;
}
#comments.comments-area #respond.comment-respond {
  margin-bottom: 30px;
}
#comments.comments-area #respond.comment-respond .comment-form {
  display: block;
}
#comments.comments-area #respond.comment-respond .comment-form label {
  margin-bottom: 10px;
}
#comments.comments-area
  #respond.comment-respond
  .comment-form
  .comment-form-comment {
  margin-bottom: 10px;
}
#comments.comments-area
  #respond.comment-respond
  .comment-form
  .comment-form-comment
  textarea {
  width: 100%;
}
.gallery {
  margin-bottom: 1.6em;
}
.gallery:before,
.gallery:after {
  content: " ";
  display: table;
}
.gallery:after {
  clear: both;
}
.gallery figure.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
  padding: 1.79104477%;
}
.gallery figure.gallery-item img {
  margin-bottom: 0;
}
.gallery.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
@media only screen and (max-width: 991px) {
  .gallery.gallery-columns-6 .gallery-item {
    max-width: 20%;
  }
}
.gallery.gallery-columns-6 .gallery-caption {
  display: none;
}
.gallery.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
@media only screen and (max-width: 991px) {
  .gallery.gallery-columns-7 .gallery-item {
    max-width: 20%;
  }
}
.gallery.gallery-columns-7 .gallery-caption {
  display: none;
}
.gallery.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
@media only screen and (max-width: 991px) {
  .gallery.gallery-columns-8 .gallery-item {
    max-width: 20%;
  }
}
.gallery.gallery-columns-8 .gallery-caption {
  display: none;
}
.gallery.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}
@media only screen and (max-width: 991px) {
  .gallery.gallery-columns-9 .gallery-item {
    max-width: 20%;
  }
}
.gallery.gallery-columns-9 .gallery-caption {
  display: none;
}
@media only screen and (max-width: 767px) {
  .gallery[id^="gallery-"] .gallery-item {
    max-width: 100%;
  }
}
.widget {
  margin: 0 0 3em;
}
.widget label {
  width: 100%;
}
.widget label.screen-reader-text {
  display: none;
}
.widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget select {
  width: 100%;
}
.widget table#wp-calendar {
  width: 100%;
}
.widget table#wp-calendar > thead > tr > td,
.widget table#wp-calendar tbody > tr > td,
.widget table#wp-calendar tfoot > tr > td,
.widget table#wp-calendar > thead > tr > th,
.widget table#wp-calendar tbody > tr > th,
.widget table#wp-calendar tfoot > tr > th {
  font-size: 14px;
  text-align: center;
}
.widget h4.widget-title {
  margin-top: -7px;
  margin-bottom: 15px;
  line-height: 1.5625;
  color: #b1b1b1;
}
.widget.widget_calendar table caption {
  margin-bottom: 10px;
}
.widget.widget_calendar table tfoot tr td {
  padding: 0;
}
.widget.widget_recent_comments ul li a:before {
  display: none;
}
.widget.widget_recent_entries ul li span {
  padding-left: 15px;
}
.widget.widget_rss ul li a.rsswidget {
  padding: 0;
  font-weight: 600;
}
.widget.widget_rss ul li a.rsswidget:before {
  display: none;
}
.widget.widget_rss ul li span.rss-date {
  display: block;
  padding: 10px 0;
}
.widget.widget_rss ul li .rssSummary {
  font-size: 14px;
  line-height: 1.5625;
}
/* Empty */
/* 3.0  Elements Basic
----------------------------------------------------------*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  overflow: auto;
}
body {
  font-family: "Yekan Bakh", "Poppins";
  font-size: 14px;
  text-align: right;
  /*change content font size*/
  line-height: 1.5;
  color: #a7a7a7;
  /*#666666*/
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
.sub-lineheight {
  line-height: 1.45;
}
.wrap {
  position: relative;
}
.body-wrap {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  background-color: #030712;
}
.text-ui-light .body-wrap {
  background-color: #191919;
}
.text-ui-light .manga-single-reading-actions .wp-manga-nav .selectpicker {
  filter: grayscale(1);
}
a {
  color: #b1b1b1;
}
a:focus,
.btn:focus,
input:focus,
button:focus {
  outline: 0;
}
figure {
  margin: 0;
}
input:not([type]),
input[type="color"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="text"],
input[type="search"],
textarea,
select {
  -webkit-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: block;
  width: 100%;
  padding: 10px 15px 10px 15px;
  outline: none;
  font-weight: normal;
  border: 1px solid rgba(45, 45, 45, 0.3);
  border-radius: 5px;
  background-color: #1b2337;
  color: #fff;
}
input:not([type]):focus,
input[type="color"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="text"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus,
input:not([type]):hover,
input[type="color"]:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="tel"]:hover,
input[type="url"]:hover,
input[type="text"]:hover,
input[type="search"]:hover,
textarea:hover,
select:hover {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: 1px #141a28;
}

input::-moz-placeholder,
input:-ms-input-placeholder,
input::-webkit-input-placeholder,
input:focus::-moz-placeholder,
input:focus:-ms-input-placeholder,
input:focus::-webkit-input-placeholder,
textarea:focus::-moz-placeholder,
textarea:focus:-ms-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: #999999;
  opacity: 1;
}

/*Reset Slick Library*/
.slick-slide:focus {
  outline: none;
}
.clearer {
  clear: both;
}
.slider__container {
  display: none;
}
.slider__container.slick-initialized {
  display: block;
  -webkit-animation: eFadeIn 0.3s;
  animation: eFadeIn 0.3s;
}
/*Reset Slick Library*/
/* Layout & Style
----------------------------------------------------------*/
/*font nav, header,main color , layout (full, boxed...), */
.c-page-content .main-col:not(.sidebar-hidden) {
  width: calc(100% - 350px);
}
@media (max-width: 1200px) {
  .c-page-content .main-col:not(.sidebar-hidden) {
    width: calc(100% - 330px);
  }
}
@media (max-width: 768px) {
  .c-page-content .main-col:not(.sidebar-hidden) {
    width: 100%;
  }
}
h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
  font-weight: 600;
  line-height: 1.2;
  color: #b9b9b9;
}
.item-title.h4 {
  display: inline-block;
  color: #fff;
  margin: 0 0 0 10px;
  font-size: 18pt;
}
h1,
.h1 {
  font-size: 34px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 16px;
}
h6,
.h6 {
  line-height: 1.2;
  color: #b9b9b9;
  font-size: 14px;
}
.font-heading {
  text-transform: uppercase;
}
.search-wrap .tab-meta {
  margin-top: 10px;
}
.font-meta {
  font-size: 11px;
  line-height: 1.5;
}
.search-wrap .font-meta {
  font-size: 14pt;
}
.font-title a {
  font-weight: 600;
  color: #b1b1b1;
}
.font-title a:hover {
  text-decoration: none;
}
.font-nav a:hover {
  text-decoration: none;
}
.main-col-inner {
  padding-bottom: 0px;
}
.main-col-inner:after {
  content: "";
  display: table;
  clear: both;
}
.c-blog__heading {
  width: 100%;
}
.c-blog__heading.style-1 {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 30px;
}
.c-blog__heading.style-2 {
  border-bottom: 2px solid #ebebeb;
  margin-bottom: 35px;
}
.c-blog__heading.style-2 > * {
  display: inline-block;
  vertical-align: middle;
}
.c-blog__heading.style-2 i {
  font-size: 18px;
  width: 30px;
  height: 30px;
  background: #eb3349;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #eb3349 40%, #f45c43);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #eb3349 40%, #f45c43);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #eb3349 40%, #f45c43);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #eb3349 40%, #f45c43);
  /* Standard syntax */
  color: #fff;
  position: relative;
  margin-right: 16px;
  margin-bottom: -2px;
  vertical-align: middle;
  display: inline-block;
}
.c-blog__heading.style-2 i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.c-blog__heading.style-2 i:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #f45c43;
  position: absolute;
  left: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.c-blog__heading.style-2 h2 {
  margin: 0;
}
.c-blog__heading.style-2 > *:not(i):not(h2) {
  margin: 0;
}
.c-blog__heading.background {
  border-bottom: none;
}
.c-blog__heading.style-3 {
  width: auto;
  display: inline-block;
  background: #eb3349;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #eb3349 40%, #f45c43);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #eb3349 40%, #f45c43);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #eb3349 40%, #f45c43);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #eb3349 40%, #f45c43);
  /* Standard syntax */
  color: #fff;
  padding: 0 20px;
  margin-bottom: 26px;
  position: relative;
  text-transform: uppercase;
  font-weight: 600;
}
.c-blog__heading.style-3 h5 {
  color: #fff;
  font-size: 14px;
  margin: 7px 0;
}
.c-blog__heading.style-3:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ef4447;
  position: absolute;
  top: 100%;
  left: 15px;
}
.c-blog__heading.no-border {
  border: none;
}
.c-blog__heading.no-border.style-2 i {
  margin-bottom: 0;
}
.tab-wrap > * {
  display: inline-block;
}
.tab-wrap .c-blog__heading i {
  vertical-align: middle;
}
@media (max-width: 768px) {
  .tab-wrap .c-blog__heading h4 {
    display: block;
  }
}
.tab-wrap .c-nav-tabs {
  float: left;
}
@media (max-width: 768px) {
  .tab-wrap .c-nav-tabs {
    float: right;
  }
}
.tab-wrap .c-nav-tabs > * {
  display: inline-block;
  vertical-align: top;
}
.tab-wrap .c-nav-tabs span {
  padding: 8px 10px 9px;
  text-transform: none;
}
@media (max-width: 768px) {
  .tab-wrap .c-nav-tabs > span {
    display: none;
  }
}
.tab-wrap .c-nav-tabs ul.c-tabs-content {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.tab-wrap .c-nav-tabs ul.c-tabs-content li {
  float: left;
  position: relative;
  display: block;
}
.tab-wrap .c-nav-tabs ul.c-tabs-content li a {
  padding: 8px 10px 9px;
  position: relative;
  text-transform: none;
  color: #888888;
  display: block;
}
.tab-wrap .c-nav-tabs ul.c-tabs-content li a:after {
  transition: opacity 200ms ease;
  content: "";
  height: 3px;
  width: 100%;
  background-color: #ec3948;
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
}
.tab-wrap .c-nav-tabs ul.c-tabs-content li.active a,
.tab-wrap .c-nav-tabs ul.c-tabs-content li:hover a {
  background-color: transparent;
  color: #ec3948;
}
.tab-wrap .c-nav-tabs ul.c-tabs-content li.active a:after,
.tab-wrap .c-nav-tabs ul.c-tabs-content li:hover a:after {
  opacity: 1;
}
.tab-wrap .c-nav-tabs ul.c-tabs-content li.active:hover a {
  pointer-events: none;
}
.tab-wrap .c-blog__heading {
  margin-bottom: 0;
}
.tab-wrap .c-blog__heading h4 {
  margin-top: 10px;
}
.tab-content-wrap {
  margin-top: 10px;
}
.tab-content-wrap .c-tabs-item {
  display: block;
  height: auto;
}
.tab-content-wrap .c-tabs-item .page-content-listing {
  margin-top: 0px !important;
}
.tab-content-wrap .c-tabs-item .post-title h5 {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 3px;
  line-height: 1.6em;
}
.tab-content-wrap .c-tabs-item .post-title h5 a:last-child {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /* fallback */
  max-height: calc(3.2em);
  /* fallback */
}
.tab-content-wrap .c-tabs-item.active.in {
  display: block;
  height: auto;
}
.c-btn {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 5px;
  font-weight: 600;
  margin: 9px 8px 8px 9px;
}
.c-btn.c-btn_style-1 {
  padding: 15px 40px;
  color: #fff;
  transition: all 200ms ease;
}
.c-btn.c-btn_style-1:hover {
  color: #fff;
  background-color: #0000002e;
}
.c-btn.c-btn_style-2 {
  padding: 12px 38px;
  border: 3px solid #eb3349;
  color: #eb3349;
  background-color: transparent;
  transition: all 200ms ease;
}
.c-btn.c-btn_style-2:hover {
  background-color: #eb3349c4;
  border-color: #eb3349c4;
  color: #fff;
}
.c-btn.c-btn_style-3 {
  padding: 12px 25px;
  border: 2px solid #666;
  border-radius: 25px;
  font-weight: 600;
  color: #666;
}
.c-btn.c-btn_style-3:hover {
  background-color: #eb3349c4;
  border-color: #eb3349c4;
  color: #ffffff;
}
a {
  transition: color 200ms ease, background-color 200ms ease;
}
a:hover {
  text-decoration: none;
  color: #eb3349;
}
.item-title,
.widget-title .heading,
.comment-reply-title,
.comments-title {
  color: #fff;
}
script {
  display: none !important;
}
.meta-item.rating .ratings_stars {
  color: #d2d2d2;
}
.meta-item.rating .rating_current,
.meta-item.rating .rating_current_half {
  color: #ffd900;
}
.count-share.hide-networks .apss-single-icon {
  display: none;
}
.go-to-top {
  cursor: pointer;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #999;
  font-size: 20px;
  text-align: center;
  position: fixed;
  bottom: 10px;
  z-index: 10;
  line-height: 1.4;
  transition: all 0.2s;
  right: -ms-calc(-594.5%);
  right: 10px;
  -webkit-transform: translateY(-60%);
  -moz-transform: translateY(-60%);
  -ms-transform: translateY(-60%);
  -o-transform: translateY(-60%);
  transform: translateY(-60%);
  visibility: hidden;
  opacity: 0;
}
.go-to-top i {
  font-size: 18px;
  line-height: 1.9;
}
.go-to-top:hover {
  background-color: #eb3349;
}
.go-to-top:hover i {
  color: #ffffff;
}
.go-to-top.active {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
  z-index: 1001;
}
.c-ads {
  text-align: center;
}
.c-ads.body-top-ads {
  margin: 0px auto 35px;
}
.c-ads.body-bottom-ads {
  margin: 0px auto 50px;
}
.c-ads.footer-ads {
  margin: 0px auto 60px;
}
body.reading-manga .c-ads.body-bottom-ads {
  margin: 50px auto 50px;
}
body.reading-manga .comments-area {
  margin-bottom: 45px;
}
body.reading-manga .related-manga {
  margin-bottom: 24px;
}
@media (max-width: 480px) {
  .c-ads {
    text-align: center;
  }
  .c-ads.body-top-ads {
    margin: 0px auto 10px;
  }
  .c-ads.body-bottom-ads {
    margin: 0px auto 35px;
  }
  .c-ads.footer-ads {
    margin: 0px auto 35px;
  }
  body.reading-manga .c-ads.body-bottom-ads {
    margin: 10px auto 30px;
  }
  body.reading-manga .comments-area {
    margin-bottom: 45px;
  }
  body.reading-manga .related-manga {
    margin-bottom: 24px;
  }
}
.c-image-hover {
  overflow: hidden;
}
.c-image-hover img {
  transition: transform 0.5s, filter 0.5s;
}
.c-image-hover:hover img,
.custom-post-holder-item:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  zoom: 1;
  -webkit-filter: brightness(0.7);
  filter: brightness(0.7);
}
/*animation for lazyload*/
@keyframes fadeForLazyload {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeForLazyload {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
img.lazyload,
img.lazyloading {
  height: 0 !important;
  overflow: hidden !important;
  background-color: #f5f5f5;
}
img.lazyloaded {
  padding-top: 0 !important;
  background-color: #f5f5f5;
}
.effect-fade.lazyloaded {
  -webkit-animation: fadeForLazyload 0.5s linear;
  animation: fadeForLazyload 0.5s linear;
}
/*animation for lazyload*/
#pageloader .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
#pageloader .spinner .c-pre-loading-logo {
  margin-bottom: 25%;
}
#pageloader .spinner .loader-inner {
  display: inline-block;
}
.wpcf7-form label {
  width: 100%;
}
.wpcf7-form .wpcf7-form-control:not(.wpcf7-submit) {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(45, 45, 45, 0.3);
  border-radius: 5px;
  max-width: 100%;
  margin-top: 5px;
  padding: 8px 15px;
}
.wpcf7-form .wpcf7-form-control:not(.wpcf7-submit):hover {
  background-color: rgba(235, 235, 235, 0.3);
}
.wpcf7-form .wpcf7-validation-errors {
  border-color: #eb3349;
}
/**
 * :: Header
* -------------------------------------------------- */
.site-header .search-main-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  padding: 0;
  position: relative;
  opacity: 0;
  visibility: hidden;
  height: 0;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transition: height 0.2s, visibility 0.2s, opacity 0.2s,
    -webkit-transform 0s 0.2s;
  transition: height 0.2s, visibility 0.2s, opacity 0.2s, transform 0s 0.2s;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  top: 100%;
  padding-top: 0;
  margin-bottom: 0;
  z-index: 21;
}
.site-header .search-main-menu li.search-bar {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}
.site-header .search-main-menu form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: auto;
  padding: 0 8px;
  position: relative;
  width: 100%;
  max-width: 1050px;
}
.site-header .search-main-menu form *::-webkit-input-placeholder {
  color: #fff;
}
.site-header .search-main-menu form *:-moz-placeholder {
  /* FF 4-18 */
  color: #fff;
}
.site-header .search-main-menu form *::-moz-placeholder {
  /* FF 19+ */
  color: #fff;
}
.site-header .search-main-menu form *:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}
.site-header .search-main-menu form input[type="text"] {
  font-weight: normal;
  color: #fff;
}
.site-header .search-main-menu form *::-webkit-input-placeholder {
  color: #666666;
}
.site-header .search-main-menu form *:-moz-placeholder {
  /* FF 4-18 */
  color: #666666;
}
.site-header .search-main-menu form *::-moz-placeholder {
  /* FF 19+ */
  color: #666666;
}
.site-header .search-main-menu form *:-ms-input-placeholder {
  /* IE 10+ */
  color: #666666;
}
.search-form .search-input-box {
  position: relative;
  display: inline-block;
  flex-grow: 1;
}
.site-header .search-main-menu form input[type="text"] {
  background-color: #141a28;
  border: 1px solid #545454;
  color: #fff;
  padding: 13px 15px 13px 115px;
  height: 100%;
  border-radius: 18px;
  transition: background-color 200ms ease;
}
.site-header .search-main-menu form input[type="text"]:hover,
.site-header .search-main-menu form input[type="text"]:active {
  background-color: rgba(235, 235, 235, 14%);
}
.site-header .search-main-menu form input[type="submit"] {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #ffd20173;
  border: none;
  font-size: 13pt;
  font-weight: bold;
  color: #fff;
  padding: 13px 25px;
  border-radius: 18px 0px 0px 18px;
  transition: background-color 200ms ease;
}
.site-header .search-main-menu form input[type="submit"]:hover {
  background: #474018;
}
.site-header .search-main-menu.active {
  opacity: 1;
  visibility: visible;
  height: var(--form-height);
}
.site-header .search-form .search-closer {
  display: inline-block;
  border: 1px solid #e2e2e2;
  border-radius: 18px;
  padding: 8px;
  margin-right: 5px;
  transition: background-color 100ms ease-out;
  cursor: pointer;
}
.site-header .search-form .search-closer:hover {
  border: 1px solid rgb(0, 0, 0);
  background-color: #ffffff33;
}
.site-header .search-main-menu form .search-history {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  gap: 5px;
  flex: 0 0 100%;
  margin-top: 20px;
  font-size: 13pt;
}
.search-history p {
  margin-bottom: 0;
}
.search-history a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 350px;
  padding: 0px 5px;
  background-color: #34363d;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}
.search-history a:hover {
  background-color: #484952;
}
.site-header {
  margin: 30px 0;
}
.site-header .main-navigation {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 20;
  font-size: 0;
}
.site-header .main-navigation .container {
  background-color: #ffffff17;
  backdrop-filter: blur(4px);
  border: 1px solid #ffffff0f;
  border-radius: 65px;
  box-shadow: 0 0 20px 0px #000000;
}
.site-header .main-navigation .main-navigation_wrap {
  display: flex;
  align-items: center;
  padding: 14px 0;
}
.site-header .main-navigation .main-navigation_wrap > * {
  font-size: 14px;
  display: inline-block;
}

@media (max-width: 600px) {
  .site-header .main-navigation .container {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .search-history a {
    flex-grow: 1;
  }
  .site-header .main-navigation .main-navigation_wrap {
    padding: 5px 0;
  }
}
.site-header .main-navigation .main-menu {
  padding: 0;
}
.site-header .main-navigation .main-menu ul.main-navbar > li > a {
  font-size: 12pt;
  font-weight: 600;
  line-height: 1;
  padding: 13px 20px;
}
.site-header .main-navigation .main-menu ul.main-navbar > li > a::after {
  content: "";
  height: 2px;
  width: 0%;
  background: rgba(255, 255, 255, 0.5);
  display: block;
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s;
}
.site-header .main-navigation .main-menu ul.main-navbar > li:hover > a:after {
  width: 60%;
}
.site-header .main-navigation .search-navigation.search-sidebar .widget {
  margin-bottom: 0;
  padding-right: 0;
}
.site-header .main-navigation .search-navigation ul {
  list-style: none;
  padding-left: 0;
  padding-right: 10px;
}
.site-header .main-navigation .search-navigation .main-menu-search {
  margin-bottom: 0;
}
.site-header
  .main-navigation
  .search-navigation
  .menu-search
  .open-search-main-menu {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px;
  background-color: #ffffff0f;
  border: 1px solid #ffffff14;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 250ms ease-out;
}
.site-header
  .main-navigation
  .search-navigation
  .menu-search
  .open-search-main-menu:hover {
  background-color: #00000038;
  border: 1px solid #00000063;
}
.site-header
  .main-navigation
  .search-navigation
  .menu-search
  .search-main-menu {
  display: none;
}
.site-header
  .main-navigation
  .search-navigation
  .menu-search
  .search-main-menu
  form {
  width: 282px;
  position: relative;
}
@media (max-width: 1200px) {
  .site-header
    .main-navigation
    .search-navigation
    .menu-search
    .search-main-menu
    form {
    width: 220px;
  }
}
.site-header
  .main-navigation
  .search-navigation
  .menu-search
  .search-main-menu
  form
  input[type="text"] {
  width: 100%;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  padding: 0 45px 0 15px;
  background-color: transparent;
}
.site-header
  .main-navigation
  .search-navigation
  .menu-search
  .search-main-menu
  form
  input[type="text"]:focus {
  outline: none;
}
.site-header
  .main-navigation
  .search-navigation
  .menu-search
  .search-main-menu
  form
  i {
  position: absolute;
  right: 10px;
  top: 4px;
  font-size: 24px;
}
.site-header
  .main-navigation
  .search-navigation
  .menu-search
  .search-main-menu
  form
  input[type="submit"] {
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 0;
  background-color: transparent;
  border: none;
  padding: 14px 19px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.site-header .main-navigation.style-1 .wrap_branding {
  width: 25%;
}
.site-header .main-navigation.style-1 .wrap_branding a img {
  max-height: 50px;
  margin-right: 15px;
}
@media (max-width: 768px) {
  .site-header .main-navigation .search-navigation .main-menu-search {
    margin-left: -10px;
  }
  .site-header .main-navigation.style-1 .wrap_branding {
    width: 40%;
    vertical-align: super;
  }
}
@media (max-width: 480px) {
  body.reading-manga .site-header .main-navigation.style-1 .wrap_branding {
    width: 30%;
  }
  .site-header .main-navigation.style-1 .c-togle__menu {
    position: relative;
    top: 50%;
  }
}

.site-header .main-navigation.style-1 .c-togle__menu {
  text-align: right;
  display: none;
  margin-left: 10px;
}
@media (max-width: 992px) {
  .site-header .main-navigation.style-1 .c-togle__menu {
    display: inline-block;
  }
}

/**
 * :: Navigation
 * -------------------------------------------------- */
.main-navigation .main-menu {
  padding: 18px 0 17px;
}
.main-navigation .main-menu ul li > a {
  font-size: 18px;
}
@media (max-width: 1199px) {
  .main-navigation .main-menu ul li > a {
    padding: 18px 25px 14px;
  }
}
.main-navigation .main-menu ul li.menu-item-has-children > a::before {
  content: "▼";
  font-size: 12px;
  display: inline-block;
  line-height: 1;
  margin-left: 10px;
}
.main-navigation .main-menu ul.main-navbar > li > a {
  background: transparent;
  color: #fff;
}

@-webkit-keyframes eFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes eFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
 * :: Pages
 * -------------------------------------------------- */
.c-page__content .page-content-listing .page-listing-item:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
}
.page-content-listing .page-listing-item .page-item-detail .item-thumb {
  display: flex;
  text-align: center;
  position: relative;
  border-radius: 5px;
  float: right;
  overflow: hidden;
  margin-left: 12px;
}
.item-summary .list-chapter .chapter-item:last-child {
  margin-bottom: 0;
}
.list-chapter .chapter-item span:last-child {
  display: inline-flex;
  font-size: 13px;
  margin-top: 2px;
  margin-right: 5px;
}
.list-chapter .chapter-item .chapter {
  display: inline-block;
  font-size: 12pt;
  padding: 3px 10px;
  font-weight: 600;
}
.list-chapter .chapter-item .chapter a {
  color: #ffffff;
  font-weight: bold;
  font-size: 14pt;
}
.list-chapter .chapter-item .chapter a:hover {
  color: #ffd201;
}
.custom-post-holder-item .list-chapter .chapter-item .chapter:hover a {
  color: #fff !important;
}
.list-chapter .chapter-item a {
  color: #b1b1b1;
  font-weight: 600;
}
body.page .related-post {
  padding: 0;
}
body.page .related-post .related__container:after {
  display: table;
  content: "";
  clear: both;
}
body.page .related-post .related__container .related__item {
  position: relative;
  max-width: 100%;
}
body.page
  .related-post
  .related__container
  .related__item
  .related__thumb
  .related__thumb_item {
  position: relative;
}
body.page
  .related-post
  .related__container
  .related__item
  .related__thumb
  .related__thumb_item
  .related-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ebebeb;
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0),
    rgba(0, 0, 0, 0.9)
  );
  background: -o-linear-gradient(
    bottom,
    rgba(255, 255, 255, 0),
    rgba(0, 0, 0, 0.9)
  );
  background: -moz-linear-gradient(
    bottom,
    rgba(255, 255, 255, 0),
    rgba(0, 0, 0, 0.9)
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),
    rgba(0, 0, 0, 0.9)
  );
}
body.page .related-post .related__container .related__item .related__content {
  position: absolute;
  bottom: 22px;
  left: 15px;
  right: 15px;
  padding: 0px 15px;
  text-align: center;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  padding-bottom: 30px;
}
body.page .related-post .related__container .related__item .related__content a {
  color: #fff;
}
body.page
  .related-post
  .related__container
  .related__item.no-thumb
  .related__content {
  bottom: 0;
  position: relative;
}
body.page
  .related-post
  .related__container
  .related__item.no-thumb
  .related__content
  a {
  color: #eb3349;
}
body.page
  .related-post
  .related__container
  .related__item:hover
  .related__content {
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
}
body.page.reading-manga .c-page-content .content-area {
  margin-top: 0px;
  position: relative;
  right: 0;
}
body.page:not(.single) .main-col-inner .entry-header .entry-title {
  padding-bottom: 0;
  margin-bottom: 5px;
}

/* checkbox style */

/*  breadcrumb */
.c-breadcrumb {
  margin: 0 -15px;
}
.c-breadcrumb .breadcrumb {
  margin-bottom: 0;
  background-color: transparent;
  display: inline-block;
}
.c-breadcrumb .breadcrumb li {
  font-size: 12px;
}
.c-breadcrumb .breadcrumb li a {
  color: #888888;
}
.c-breadcrumb .breadcrumb li a:hover {
  color: #eb3349;
}
.c-breadcrumb .breadcrumb li + li:before {
  content: "/";
  padding: 0 2px;
}
.c-breadcrumb-wrapper {
  padding-top: 16px;
}
@media (max-width: 480px) {
  .c-breadcrumb-wrapper {
    padding-top: 10px;
  }
  body.search .c-search-header__wrapper {
    padding-bottom: 5px;
  }
}
.c-genres-block {
  margin-top: 16px;
}
.c-genres-block .genres_wrap .c-blog__heading.style-3.font-heading {
  transition: margin-bottom 300ms;
}
.c-genres-block
  .genres_wrap
  .c-blog__heading.style-3.font-heading:not(.active) {
  margin-bottom: 0;
}
body.search .c-search-header__wrapper {
  padding-bottom: 25px;
  margin-bottom: 50px;
}
body.search .c-search-header__wrapper .c-page-header__breadcrumb {
  margin-bottom: 22px;
}
body.search .c-search-header__wrapper .c-page-header__breadcrumb > * {
  font-size: 12px;
  color: #888;
}
body.search .c-search-header__wrapper .c-breadcrumb .breadcrumb {
  padding-left: 0;
  padding-right: 0;
}
body.search .c-search-header__wrapper .search-content {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 16px;
}
body.search .c-search-header__wrapper .search-content:after {
  display: table;
  content: "";
  clear: both;
}
body.search .c-search-header__wrapper .search-content > * {
  display: inline-block;
  vertical-align: top;
}
body.search
  .c-search-header__wrapper
  .search-content
  .advance-search-form-input {
  width: 100%;
  max-width: 907px;
  font-size: 0;
  position: relative;
}
.c-btn.c-btn_style-2.search-adv-reset {
  border-radius: 20px;
  padding: 6px 20px;
}
@media (max-width: 1200px) {
  body.search
    .c-search-header__wrapper
    .search-content
    .advance-search-form-input {
    width: 750px;
  }
}
@media (max-width: 992px) {
  body.search
    .c-search-header__wrapper
    .search-content
    .advance-search-form-input {
    width: 450px;
  }
}
@media (max-width: 680px) {
  body.search
    .c-search-header__wrapper
    .search-content
    .advance-search-form-input {
    width: 100%;
    margin-bottom: 30px;
  }
}

body.search
  .c-search-header__wrapper
  .search-content
  .advance-search-form-input
  > * {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
body.search
  .c-search-header__wrapper
  .search-content
  .advance-search-form-input {
  width: 100%;
  margin-bottom: 0;
}
body.search
  .c-search-header__wrapper
  .search-content
  .advance-search-form-input
  .search-field {
  font-size: 18px;
  padding: 17px 30px 16px 100px;
  border: none;
  width: 100%;
  border-radius: 5px;
  background-color: #fff;
  color: #888;
  height: 70px;
}
@media (max-width: 480px) {
  body.search
    .c-search-header__wrapper
    .search-content
    .advance-search-form-input
    .search-field {
    padding: 10px 10px 10px 60px;
    font-size: 14px;
    height: 55px;
  }
}
body.search
  .c-search-header__wrapper
  .search-content
  .advance-search-form-input
  .icon {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  font-size: 30px;
  position: absolute;
  right: 30px;
  top: 50%;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #ffffff;
  pointer-events: none;
}
@media (max-width: 480px) {
  body.search
    .c-search-header__wrapper
    .search-content
    .advance-search-form-input
    .icon {
    font-size: 20px;
    right: 20px;
  }
}
body.search
  .c-search-header__wrapper
  .search-content
  .advance-search-form-input
  .icon {
  cursor: pointer;
}
body.search
  .c-search-header__wrapper
  .search-content
  .advance-search-form-input
  .search-submit {
  padding: 19px 30px 18px;
  border: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  font-size: 15pt;
  font-weight: bold;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #eb3349;
  transition: background-color 0.3s;
}
body.search
  .c-search-header__wrapper
  .search-content
  .advance-search-form-input
  .search-submit:hover {
  background-color: #eb33498f;
}
@media (max-width: 480px) {
  body.search
    .c-search-header__wrapper
    .search-content
    .advance-search-form-input
    .search-submit {
    padding: 0 10px 0;
    height: 55px;
    font-size: 12pt;
  }
}
body.search .c-search-header__wrapper .search-content .btn-search-adv {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  gap: 13px;
  padding: 17px 25px 16px;
  font-size: 15pt;
  border: 3px solid #eb3349;
  border-radius: 5px;
  color: #eb3349;
  font-weight: 600;
  background-color: transparent;
  transition: all 0.3s;
}
body.search .c-search-header__wrapper .search-content .btn-search-adv:hover {
  border-color: #eb33498f;
  color: #fff;
  background-color: #eb33498f;
}
@media (max-width: 480px) {
  body.search .c-search-header__wrapper .search-content .btn-search-adv {
    padding: 7px 15px 6px;
    margin: 10px 0;
  }
}
body.search
  .c-search-header__wrapper
  .search-content
  .btn-search-adv
  span.icon-search-adv {
  display: inline-block;
  vertical-align: middle;
}
body.search
  .c-search-header__wrapper
  .search-content
  .btn-search-adv
  span.icon-search-adv:before {
  content: "\f286";
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  font-size: 18px;
}
body.search
  .c-search-header__wrapper
  .search-content
  .btn-search-adv.collapsed {
  border-color: #eb3349;
}
body.search
  .c-search-header__wrapper
  .search-content
  .btn-search-adv.collapsed:hover {
  border-color: #0f0f0f;
}
body.search
  .c-search-header__wrapper
  .search-content
  .btn-search-adv.collapsed
  span.icon-search-adv {
  display: inline-block;
  vertical-align: middle;
}
body.search
  .c-search-header__wrapper
  .search-content
  .btn-search-adv.collapsed
  span.icon-search-adv:before {
  content: "\f280";
}
body.search
  .c-search-header__wrapper
  #search-advanced
  .search-advanced-form
  .form-group
  .checkbox-inline {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 15px;
}
body.search
  .c-search-header__wrapper
  #search-advanced
  .search-advanced-form
  .form-group
  .checkbox-inline
  label {
  font-weight: 600;
  color: #b3b3b3;
  font-size: 14pt;
  padding-right: 5px;
}
body.search
  .c-search-header__wrapper
  #search-advanced
  .search-advanced-form
  .form-group.checkbox-group {
  margin-top: 24px;
}
body.search
  .c-search-header__wrapper
  #search-advanced
  .search-advanced-form
  .form-group.checkbox-group
  .checkbox {
  margin-top: 7px;
  margin-bottom: 8px;
}
body.search
  .c-search-header__wrapper
  #search-advanced
  .search-advanced-form
  .form-group.checkbox-group
  .checkbox
  label {
  font-weight: 600;
  color: #b3b3b3;
  font-size: 14pt;
  padding-right: 5px;
}
body.search
  .c-search-header__wrapper
  #search-advanced
  .search-advanced-form
  .form-group.checkbox-group
  .checkbox
  + .checkbox {
  margin-top: 7px;
}
body.search
  .c-search-header__wrapper
  #search-advanced
  .search-advanced-form
  .form-group:not(.checkbox-group) {
  margin-bottom: 30px;
}
body.search
  .c-search-header__wrapper
  #search-advanced
  .search-advanced-form
  .form-group:not(.checkbox-group)
  > * {
  display: inline-block;
  font-weight: 600;
}
body.search
  .c-search-header__wrapper
  #search-advanced
  .search-advanced-form
  .form-group:not(.checkbox-group)
  span {
  width: 135px;
  font-weight: 600;
  color: #b3b3b3;
  font-size: 14pt;
}
@media (max-width: 768px) {
  body.search
    .c-search-header__wrapper
    #search-advanced
    .search-advanced-form
    .form-group:not(.checkbox-group)
    span {
    width: 100%;
    margin-bottom: 10px;
  }
}
body.search
  .c-search-header__wrapper
  #search-advanced
  .search-advanced-form
  .form-group:not(.checkbox-group)
  input[type="text"],
body.search
  .c-search-header__wrapper
  #search-advanced
  .search-advanced-form
  .form-group:not(.checkbox-group)
  select {
  max-width: 480px;
  font-weight: bold;
  background-color: #1b2337;
  color: #dadada;
  margin-left: 0;
}
body.search
  .c-search-header__wrapper
  #search-advanced
  .search-advanced-form
  .form-group:not(.checkbox-group)
  .checkbox-inline {
  width: 17%;
  padding-top: 0;
  margin-left: 10px;
}
body.search
  .c-search-header__wrapper
  #search-advanced
  .search-advanced-form
  .form-group:not(.checkbox-group)
  .checkbox-inline
  + .checkbox-inline {
  margin-left: 0;
}
@media (max-width: 768px) {
  body.search
    .c-search-header__wrapper
    #search-advanced
    .search-advanced-form
    .form-group:not(.checkbox-group)
    .checkbox-inline {
    width: auto;
  }
}
body.search
  .c-search-header__wrapper
  #search-advanced
  .search-advanced-form
  .form-group.group-btn {
  text-align: center;
}
body.search .search-wrap .tab-content-wrap .c-tabs-item .c-tabs-item__content {
  margin-bottom: 42px;
}
body.search
  .search-wrap
  .tab-content-wrap
  .c-tabs-item
  .c-tabs-item__content
  .col-4.col-md-2 {
  display: flex;
  align-items: center;
  padding-left: 0;
}
body.search
  .search-wrap
  .tab-content-wrap
  .c-tabs-item
  .c-tabs-item__content
  .tab-thumb {
  flex: 100%;
  display: flex;
  text-align: center;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  height: 75%;
  max-height: 350px;
}
body.search
  .search-wrap
  .tab-content-wrap
  .c-tabs-item
  .c-tabs-item__content
  .tab-summary
  .post-content
  .post-content_item.mg_author
  .summary-content {
  color: #ccc;
}
body.search
  .search-wrap
  .tab-content-wrap
  .c-tabs-item
  .c-tabs-item__content
  .tab-thumb
  img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

body.search
  .search-wrap
  .tab-content-wrap
  .c-tabs-item
  .c-tabs-item__content
  .tab-summary
  .post-title
  h4 {
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 16px;
}
body.search
  .search-wrap
  .tab-content-wrap
  .c-tabs-item
  .c-tabs-item__content
  .tab-summary
  .post-content {
  background-color: #131d31;
  padding: 16px 20px 14px;
  border-radius: 5px;
  border: 1px solid #ffffff0f;
  color: #bdbdbd;
  font-size: 14pt;
}
body.search
  .search-wrap
  .tab-content-wrap
  .c-tabs-item
  .c-tabs-item__content
  .tab-summary
  .post-content
  .post-content_item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 0;
  margin-bottom: 9px;
}
body.search .search-wrap .post-title h3 {
  font-size: 16pt;
  margin: 15px 10px;
}
.search-post-little-info-container {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  margin: 5px 0 20px;
}
@media (max-width: 480px) {
  .search-post-little-info-container > div,
  .search-post-little-info-container > div .summary-content-view-inner {
    flex: auto;
    text-align: center;
    justify-content: center;
    justify-content: space-between;
  }
  .search-post-little-info-container .post-content_item-variety > div > div,
  .search-post-little-info-container .post-content_item-variety > div > div a {
    width: 100%;
    text-align: center;
  }
}
.search-post-little-info-container h5 {
  margin-bottom: 0;
}
.search-post-little-info-container .post-title-status-tag {
  padding: 5px 15px;
  border: 1px solid #ffffff0f;
  border-radius: 5px;
  background-color: #39605d;
}
.search-post-little-info-container .release-search-info {
  display: flex;
  gap: 15px;
  align-items: center;
  border: 1px solid white;
  border-radius: 5px;
  padding: 5px 15px;
}

body.search.search-wrap
  .tab-content-wrap
  .c-tabs-item
  .c-tabs-item__content
  .tab-summary
  .post-content
  .post-content_item
  > * {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}
body.search
  .search-wrap
  .tab-content-wrap
  .c-tabs-item
  .c-tabs-item__content
  .tab-summary
  .post-content
  .post-content_item
  .summary-heading {
  width: 140px;
  display: inline-block;
}
@media (max-width: 600px) {
  body.search
    .search-wrap
    .tab-content-wrap
    .c-tabs-item
    .c-tabs-item__content
    .tab-summary
    .post-content
    .post-content_item
    .summary-heading {
    width: 100%;
  }
}
body.search
  .search-wrap
  .tab-content-wrap
  .c-tabs-item
  .c-tabs-item__content
  .tab-summary
  .post-content
  .post-content_item
  .summary-heading
  h5 {
  margin-top: 3px;
  font-weight: 600;
  color: #898989;
  font-size: 14pt;
}
body.search
  .search-wrap
  .tab-content-wrap
  .c-tabs-item
  .c-tabs-item__content
  .tab-summary
  .post-content
  .post-content_item
  .summary-content {
  width: calc(100% - 140px);
  display: inline-block;
  font-size: 14pt;
  color: #e5e5e5;
}
@media (max-width: 600px) {
  body.search
    .search-wrap
    .tab-content-wrap
    .c-tabs-item
    .c-tabs-item__content
    .tab-summary
    .post-content
    .post-content_item
    .summary-content {
    width: 100%;
  }
  body.search .search-wrap {
    margin-bottom: 40px;
  }
}

@media (max-width: 600px) {
  body.search
    .search-wrap
    .tab-content-wrap
    .c-tabs-item
    .c-tabs-item__content
    .tab-summary
    .post-content
    .post-content_item:last-child {
    margin-left: 0;
    display: block;
    width: 100%;
  }
}
body.search
  .search-wrap
  .tab-content-wrap
  .c-tabs-item
  .c-tabs-item__content
  .tab-summary
  .post-content::after {
  content: "";
  display: table;
  clear: both;
}
body.search
  .search-wrap
  .tab-content-wrap
  .c-tabs-item
  .c-tabs-item__content
  .tab-meta
  > * {
  display: inline-block;
}
body.search
  .search-wrap
  .tab-content-wrap
  .c-tabs-item
  .c-tabs-item__content
  .tab-meta
  .meta-item
  + .meta-item {
  margin-left: 16px;
}
@media (max-width: 480px) {
  body.search
    .search-wrap
    .tab-content-wrap
    .c-tabs-item
    .c-tabs-item__content
    .tab-meta
    .meta-item
    + .meta-item {
    margin-left: 10px;
  }
}
body.search
  .search-wrap
  .tab-content-wrap
  .c-tabs-item
  .c-tabs-item__content
  .tab-meta
  .meta-item:last-child {
  margin-left: 110px;
}
@media (max-width: 680px) {
  body.search
    .search-wrap
    .tab-content-wrap
    .c-tabs-item
    .c-tabs-item__content
    .tab-meta
    .meta-item:last-child {
    margin-left: 10px;
  }
}
@media (max-width: 420px) {
  body.search
    .search-wrap
    .tab-content-wrap
    .c-tabs-item
    .c-tabs-item__content
    .tab-meta
    .meta-item:last-child {
    margin-left: 0px;
  }
}
body.search
  .search-wrap
  .tab-content-wrap
  .c-tabs-item
  .c-tabs-item__content
  .tab-meta
  .meta-item
  .ratings_stars {
  margin: 0 1px;
  font-size: 18px;
}
body.search
  .search-wrap
  .tab-content-wrap
  .c-tabs-item
  .c-tabs-item__content
  .tab-meta
  .meta-item
  .score {
  margin-left: 8px;
  font-size: 12px;
}
body.search
  .search-wrap
  .tab-content-wrap
  .c-tabs-item
  .c-tabs-item__content
  .tab-meta
  .latest-chap
  .chapter {
  margin-left: 20px;
  background-color: #ebebeb;
  padding: 0px 10px;
  border-radius: 10px;
  font-weight: 600;
  display: inline-block;
  transition: background-color 200ms ease;
}
body.search
  .search-wrap
  .tab-content-wrap
  .c-tabs-item
  .c-tabs-item__content
  .tab-meta
  .latest-chap
  .chapter
  a {
  color: #666666;
}
body.search
  .search-wrap
  .tab-content-wrap
  .c-tabs-item
  .c-tabs-item__content
  .tab-meta
  .latest-chap
  .chapter:hover {
  background-color: #eb3349;
}
body.search
  .search-wrap
  .tab-content-wrap
  .c-tabs-item
  .c-tabs-item__content
  .tab-meta
  .latest-chap
  .chapter:hover
  a {
  color: #fff;
}
body.search
  .search-wrap
  .tab-content-wrap
  .c-tabs-item
  .c-tabs-item__content
  .tab-meta
  .rating
  .score {
  font-weight: 600;
  color: #b1b1b1;
}
body.search
  .search-wrap
  .tab-content-wrap
  .c-tabs-item
  .c-tabs-item__content:after {
  display: table;
  content: "";
  clear: both;
}
body.search
  .search-wrap
  .tab-content-wrap
  .c-tabs-item
  .c-tabs-item__content:last-child {
  margin-bottom: 0;
}
body.search .no-results {
  text-align: center;
  height: 100vh;
  max-height: 490px;
  position: relative;
}
body.search .no-results .results_content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.search .no-results .icon-not-found {
  margin-bottom: 11px;
}
body.search .no-results .icon-not-found i {
  font-size: 100px;
  line-height: 1;
  color: #e6e6e6;
}
body.search .no-results .not-found-content {
  font-size: 18px;
}
/*  */
.genres_wrap .c-blog__heading.style-3:after {
  border-top: 0;
  transition: all 0.3s;
}
.genres_wrap .c-blog__heading.style-3.active:after {
  border-top: 10px solid #eb3349;
}
.genres_wrap a.btn-genres {
  border: 2px solid #eb3349;
  padding: 3px 9px;
  color: #eb3349;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  transition: all 200ms ease;
}
.genres_wrap a.btn-genres.active:before {
  content: "\f286";
  font-family: "Ionicons";
}
.genres_wrap a.btn-genres:hover {
  background-color: #0f0f0f;
  border-color: #0f0f0f;
  color: #fff;
}
body.manga-page .profile-manga {
  position: relative;
  margin-bottom: 50px;
}
body.manga-page .profile-manga .post-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
body.manga-page .profile-manga .post-title h1 {
  display: inline-block;
  max-width: 65%;
  margin-top: 14px;
  font-size: 20px;
  font-weight: normal;
  color: #fff;
}
body.manga-page .profile-manga .post-title a {
  color: #eb3349;
}
body.manga-page .profile-manga .tab-summary .post-content_item {
  font-size: 0;
  margin-bottom: 5px;
}
body.manga-page .profile-manga .tab-summary .post-content_item > * {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}
body.manga-page
  .profile-manga
  .tab-summary
  .post-content_item
  .summary-heading {
  width: 106px;
}
body.manga-page
  .profile-manga
  .tab-summary
  .post-content_item
  .summary-heading
  h5 {
  font-size: 14px;
  margin-top: 3px;
  margin-bottom: 8px;
  font-weight: 600;
}
@media (max-width: 480px) {
  body.manga-page
    .profile-manga
    .tab-summary
    .post-content_item
    .summary-heading
    h5 {
    margin-bottom: 3px;
  }
}
@media (max-width: 480px) {
  body.manga-page
    .profile-manga
    .tab-summary
    .post-content_item
    .summary-heading {
    width: 100%;
  }
}
body.manga-page
  .profile-manga
  .tab-summary
  .post-content_item
  .summary-content {
  width: calc(100% - 106px);
  word-break: break-word;
  display: inline;
}
body.manga-page
  .profile-manga
  .tab-summary
  .post-content_item
  .summary-content
  a:not(:first-child) {
  margin-left: 6px;
}
@media (max-width: 480px) {
  body.manga-page
    .profile-manga
    .tab-summary
    .post-content_item
    .summary-content {
    width: 100%;
  }
}
body.manga-page
  .profile-manga
  .tab-summary
  .post-content_item
  .summary-content
  .genres-content,
body.manga-page
  .profile-manga
  .tab-summary
  .post-content_item
  .summary-content
  .artist-content,
body.manga-page
  .profile-manga
  .tab-summary
  .post-content_item
  .summary-content
  .author-content {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  display: inline;
  /*   overflow: hidden; */
  /* fallback */
  /*   max-height: calc( 3em ); */
  /* fallback */
}
@media (max-width: 768px) {
  body.manga-page .profile-manga .post-title h1 {
    max-width: 100%;
  }
  body.manga-page .profile-manga .tab-summary .post-content_item {
    margin-bottom: 10px;
  }
}
body.manga-page .profile-manga .tab-summary {
  padding: 15px 0 50px;
  width: 100%;
}
body.manga-page .profile-manga .tab-summary .summary_image {
  width: 100%;
  padding: 10px 5px 10px 10px;
  position: relative;
  vertical-align: middle;
}
body.manga-page .profile-manga .tab-summary .summary_content_wrap {
  position: relative;
}
body.manga-page
  .profile-manga
  .tab-summary
  .summary_content_wrap
  .summary_content {
  position: sticky;
  top: 40px;
  padding: 5px 10px 15px;
  font-size: 0;
  min-height: 318px;
  transition: all 0.3s ease;
}
body.manga-page
  .profile-manga
  .tab-summary
  .summary_content_wrap
  .summary_content
  .post-content {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
}
body.manga-page
  .profile-manga
  .tab-summary
  .summary_content_wrap
  .summary_content
  .post-content {
  width: 100%;
  position: relative;
}

@media (max-width: 992px) {
  body.manga-page .profile-manga .tab-summary .summary_image {
    width: 150px;
    vertical-align: top;
    background-color: transparent;
    padding: 0;
  }
  body.manga-page .profile-manga .tab-summary .summary_content_wrap {
    overflow: visible;
    padding-left: 0;
  }
}
@media (max-width: 992px) and (min-width: 678px) {
  body.manga-page .profile-manga .tab-summary .summary_image {
    background: none !important;
    vertical-align: top;
    padding: 0;
  }
}
@media (max-width: 768px) {
  body.manga-page .profile-manga .tab-summary .summary_image {
    padding: 10px;
    /*     background: #fff; */
    /*     margin: 0 auto 20px; */
    width: auto;
    display: inherit;
  }
  body.manga-page .profile-manga .tab-summary .summary_content_wrap {
    display: block;
  }
  body.manga-page
    .profile-manga
    .tab-summary
    .summary_content_wrap
    .summary_content {
    left: 0;
    padding: 0px 10px 30px;
  }
}
@media (max-width: 992px) {
  body.manga-page
    .profile-manga
    .tab-summary
    .summary_content_wrap
    .summary_content
    .post-content {
    width: 100%;
    margin-top: 0;
  }
}
.listing-chapters_wrap > ul {
  padding-right: 0;
  margin-top: -15px;
  margin-bottom: 5px;
}
.listing-chapters_wrap > ul li {
  list-style: none;
}
body.manga-page
  .page-content-listing.single-page
  .listing-chapters_wrap
  > ul
  li
  a,
.shortcode-manga-chapters .listing-chapters_wrap > ul li span {
  color: #fff;
  font-size: 15pt;
  font-weight: bold;
}
.listing-chapters_wrap > ul li ul {
  padding-left: 10px;
}
.listing-chapters_wrap > ul li:hover {
  cursor: pointer;
}
.listing-chapters_wrap > ul > li.has-child > i.icon {
  position: absolute;
  right: 0;
  top: 15px;
  font-size: 18px;
  pointer-events: none;
}
.listing-chapters_wrap > ul > li.has-child > i.icon:before {
  line-height: 20px;
  width: 20px;
  height: 20px;
  text-align: center;
  background-color: #f3f3f3;
  border-radius: 2px;
}
.listing-chapters_wrap > ul > li.has-child.active > i.icon:before {
  content: "\f368";
}
.listing-chapters_wrap > ul.main.version-chap li .wp-manga-chapter a {
  padding: 10px 0;
}
.listing-chapters_wrap
  > ul.main.version-chap
  li
  .wp-manga-chapter
  a:not(:hover) {
  color: #888888;
}
.listing-chapters_wrap > ul.main.version-chap li {
  position: relative;
}
.page-content-listing.single-page
  .listing-chapters_wrap
  > ul.main.version-chap
  li
  .wp-manga-chapter-div {
  background-color: #141a28;
  border: solid 1px rgb(255 255 255 / 5%);
  border-radius: 10px;
  padding: 8px;
  display: flex;
  gap: 10px;
  cursor: pointer;
  transition: 0.3s;
  position: relative;
}
.page-content-listing.single-page
  .listing-chapters_wrap
  > ul.main.version-chap
  li.read-already
  .wp-manga-chapter-div {
  background-color: #0f131e;
  border: solid 1px rgb(255 255 255 / 3%);
}
.page-content-listing.single-page
  .listing-chapters_wrap
  > ul.main.version-chap
  li.reading
  .wp-manga-chapter-div {
  background-color: #1f2a47;
  border: solid 1px #5aad1a75;
}
.page-content-listing.single-page
  .listing-chapters_wrap
  > ul.main.version-chap
  li
  .wp-manga-chapter-div
  .wp-manga-chapter-div-image {
  width: 77px;
  display: inline-block;
  position: relative;
  left: -2px;
  height: 77px;
  overflow: hidden;
  border-radius: 5px;
  border: 2px solid #2c2c2c;
  transition: all 0.2s ease;
}
.page-content-listing.single-page
  .listing-chapters_wrap
  > ul.main.version-chap
  li
  .wp-manga-chapter-div
  .wp-manga-chapter-div-info {
  display: flex;
  flex-direction: column;
  gap: 18px;
  flex: 1;
  justify-content: center;
}
.page-content-listing.single-page
  .listing-chapters_wrap
  > ul.main.version-chap
  li
  .wp-manga-chapter-div
  .wp-manga-chapter-div-info-read-already {
  display: inline-block;
  background: #437073;
  height: fit-content;
  color: white;
  padding: 0px 7px;
  border-radius: 0px 7px 7px 0px;
  font-weight: bold;
  margin-top: 5px;
}
.page-content-listing.single-page
  .listing-chapters_wrap
  > ul.main.version-chap
  li
  .wp-manga-chapter-div
  .wp-manga-chapter-div-info-reading {
  display: inline-block;
  background: #06af00;
  height: fit-content;
  color: white;
  padding: 0px 7px;
  border-radius: 0px 7px 7px 0px;
  font-weight: bold;
  margin-top: 5px;
}
.listing-chapters_wrap > ul.main.version-chap li .no-chapter {
  margin-left: 25px;
}
.listing-chapters_wrap > ul.main.version-chap li .chapter-release-date {
  display: inline-block;
  font-size: 11pt;
  line-height: 1em;
}

.listing-chapters_wrap > ul.main.version-chap li.has-child.active:after {
  opacity: 0;
  visibility: hidden;
}
.listing-chapters_wrap > ul.main.version-chap > li:last-child:after {
  opacity: 0;
  visibility: hidden;
}

.listing-chapters_wrap > ul.main.version-chap li .vol-chap > li:after {
  opacity: 0;
  visibility: hidden;
}
.listing-chapters_wrap
  > ul.main.version-chap
  li
  .vol-chap
  .list-chap
  li:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 100%;
  background: red;
  position: absolute;
  left: -30px;
}
.listing-chapters_wrap > ul.version-chap > li > a,
.listing-chapters_wrap > ul.vol-chap > li > a {
  font-weight: 600;
}
.listing-chapters_wrap > ul.vol-chap > li.has-child > i.icon {
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 18px;
}
.listing-chapters_wrap > ul.vol-chap > li.has-child > i.icon:before {
  line-height: 15px;
  width: 15px;
  height: 15px;
  text-align: center;
  background-color: #ccc;
  border-radius: 50%;
  color: #fff;
}
body.manga-page .description-summary {
  margin-bottom: 38px;
  padding: 10px;
  padding-top: 20px;
  color: #fff;
  font-size: 14pt;
}
body.manga-page .description-summary.hide_show-more {
  margin-bottom: 0;
}
body.manga-page .listing-chapters_wrap.show-more .version-chap {
  max-height: 590px;
  overflow: hidden;
  line-height: 30px;
  position: relative;
}
body.manga-page .listing-chapters_wrap.show-more .version-chap:after {
  content: "";
  display: block;
  width: 100%;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(255, 255, 255, 0)),
    to(#000000)
  );
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #000000);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #000000);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), #000000);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0), #000000);
  position: absolute;
  bottom: 0;
  height: 30px;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}
body.manga-page .listing-chapters_wrap.show-more .version-chap:before {
  display: inline-block;
  width: 50px;
  height: 50px;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  transition: opacity 0.3s;
  content: "\f110";
  font-family: "Font awesome\ 5 Free";
  font-style: normal;
  font-weight: 900;
  text-decoration: inherit;
  font-size: 50px;
  line-height: 50px;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  color: var(--madara-main-color);
}

body.manga-page .listing-chapters_wrap.show-more .version-chap.active:after {
  opacity: 1;
}
body.manga-page .listing-chapters_wrap.show-more .version-chap.loaded {
  -webkit-animation: eFadeIn 0.3s;
  animation: eFadeIn 0.3s;
}
body.manga-page .listing-chapters_wrap.show-more .version-chap.loaded:after {
  opacity: 0;
}
body.manga-page .listing-chapters_wrap.show-more .version-chap.loading:before {
  opacity: 1;
}
body.manga-page .summary__content.show-more {
  height: 119px;
  display: block;
  overflow: hidden;
  word-break: break-word;
  word-wrap: break-word;
  line-height: 30px;
  position: relative;
}
body.manga-page .summary__content.show-more:after {
  content: "";
  display: block;
  width: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #16547d);
  position: absolute;
  bottom: 0;
  height: 30px;
  opacity: 1;
  transition: opacity 0.3s;
  pointer-events: none;
}
body.manga-page .summary__content.show-more.active:after {
  opacity: 0;
}
body.manga-page .c-content-readmore,
body.manga-page .c-chapter-readmore {
  text-align: center;
}
body.manga-page .content-readmore,
body.manga-page .chapter-readmore {
  transition: color 200ms;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  position: relative;
  font-size: 14pt;
}
body.manga-page .content-readmore:after,
body.manga-page .chapter-readmore:after {
  content: "\f0d7";
  font-family: "Font awesome\ 5 Free";
  font-style: normal;
  font-weight: 900;
  text-decoration: inherit;
}
body.manga-page .content-readmore.more:after,
body.manga-page .chapter-readmore.more:after {
  content: "\f0d8";
}
body.manga-page .content-readmore:hover,
body.manga-page .chapter-readmore:hover {
  color: #eb3349;
}
body.manga-page .chapter-readmore {
  display: none;
}
body.manga-page .listing-chapters_wrap .c-chapter-readmore {
  height: 20px;
  position: relative;
  transition: height 0.3s, margin-bottom 0.2s;
  margin-bottom: 0;
}
body.manga-page .listing-chapters_wrap .c-chapter-readmore.chapter-readmore {
  position: absolute;
  top: 15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.manga-page .listing-chapters_wrap.show .c-chapter-readmore {
  margin-bottom: 35px;
}
body.manga-page .wp-manga-tags-wrapper {
  margin-top: 26px;
  margin-bottom: 5px;
}
body.manga-page .wp-manga-tags-wrapper .wp-manga-tags {
  font-size: 12px;
}
body.manga-page .wp-manga-tags-wrapper .wp-manga-tags h5 {
  margin-top: 0;
}
body.manga-page .wp-manga-tags-wrapper .wp-manga-tags a:not(:hover) {
  color: #888;
}
body.manga-page .wp-manga-tags-wrapper .wp-manga-tags a:not(:first-child) {
  margin-left: 5px;
}
body.manga-page.reading-manga .wp-manga-tags-wrapper {
  margin-top: 26px;
}

body.reading-manga .entry-header {
  margin-bottom: 30px;
}
body.reading-manga .entry-header_wrap {
  margin-bottom: 14px;
}
body.reading-manga .c-selectpicker {
  max-width: 450px;
}
body.reading-manga .c-selectpicker .selectpicker {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
body.reading-manga .c-selectpicker label {
  margin-bottom: 0;
  position: relative;
  height: max-content;
}
body.reading-manga .c-selectpicker label:after {
  position: absolute;
  top: 49%;
  left: 15px;
  content: "\f0dc";
  font-family: "Font awesome\ 5 Free";
  font-style: normal;
  font-size: 14pt;
  font-weight: 900;
  transform: translateY(-50%);
}
body.reading-manga .c-selectpicker select.selectpicker {
  padding: 12px 16px 12px 35px;
  border: none;
  height: 100%;
  background-color: #273147;
  font-size: 15pt;
  font-weight: bold;
  color: white;
  transition: all ease-in-out 0.2s;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
body.reading-manga .c-selectpicker select.selectpicker:focus {
  outline: none;
}
body.reading-manga .c-selectpicker select.selectpicker option {
  background-color: #141a28;
  color: white;
}
body.reading-manga .c-selectpicker select.selectpicker:hover {
  cursor: pointer;
  background-color: #25304b;
  color: #e9e9e9;
}
body.reading-manga .select-view {
  text-align: left;
  margin: 5px 0;
}
body.reading-manga .select-view > * {
  display: inline-block;
}
body.reading-manga .select-pagination {
  text-align: right;
  width: 100%;
  margin: 5px 0;
}
body.reading-manga .select-pagination > * {
  padding: 0 5px;
  display: flex;
  align-items: center;
  gap: 4px;
}
body.reading-manga .select-pagination .nav-links {
  padding: 0;
}
body.reading-manga .select-pagination .nav-links .mobile-nav-btn {
  display: none;
}
body.reading-manga .select-pagination .nav-links > * {
  display: inline-block;
  padding: 0 1px;
  font-size: 14px;
}
body.reading-manga .select-pagination .nav-links > * .cs-js-btn {
  padding: 9px 17px;
  background-color: #ffd20161;
  color: #fff;
  font-weight: bold;
  position: relative;
  transition: all 200ms ease;
}
body.reading-manga .select-pagination .nav-links > * .cs-js-btn:hover {
  background-color: #0f0f0f;
  color: #fff;
}

body.reading-manga .select-pagination .nav-links a.back:before {
  right: 8px;
  content: "";
}
@media (max-width: 1200px) {
  body.reading-manga .select-view body.reading-manga .select-pagination {
    float: none;
  }
  body.reading-manga
    .select-view
    .c-selectpicker
    body.reading-manga
    .select-pagination
    .c-selectpicker {
    padding: 5px 0;
  }
}
@media (max-width: 480px) {
  body.reading-manga .select-view body.reading-manga .select-pagination {
    float: none;
  }
  body.reading-manga
    .select-view
    .c-selectpicker
    body.reading-manga
    .select-pagination
    .c-selectpicker {
    max-width: 100%;
  }
  body.reading-manga .select-view .c-selectpicker .selectpicker,
  body.reading-manga .select-pagination .c-selectpicker .selectpicker {
    width: 100%;
  }
}

body.reading-manga .tips {
  background-color: #363636;
  padding: 30px;
  margin-bottom: 30px;
}
body.reading-manga .tips span {
  font-weight: 600;
  color: #fff;
}
body.reading-manga #comments.comments-area .comments-title,
body.reading-manga #comments.comments-area h4.comment-reply-title {
  margin-bottom: 10px;
  color: #fff;
}
body.reading-manga #comments.comments-area #respond.comment-respond {
  margin-top: 0;
}
body.reading-manga .apss-social-share {
  margin-bottom: 50px;
}
body.reading-manga .apss-social-share .apss-total-share-count {
  color: #b1b1b1;
}
.related-reading-wrap .related-reading-img {
  width: 70px;
  overflow: hidden;
}
.related-reading-wrap .related-reading-img img,
.custom-post-holder-item .item-thumb img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  user-drag: none;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}
.related-reading-wrap .related-reading-content {
  overflow: hidden;
}

.related-reading-wrap .related-reading-content h5,
.custom-post-holder-item .custom-post-informations-pos-top h3 {
  position: relative;
  bottom: -32px;
  margin-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: ltr;
  font-size: 14pt;
  font-weight: 300;
  max-width: 100%;
  margin-bottom: 0;
  transition: all 0.4s ease;
}
.related-reading-wrap .related-reading-content h5 a,
.custom-post-holder-item .custom-post-informations-pos-top h3 a {
  color: white;
}
body.archive .c-page-content .main-col-inner .entry-header .entry-title {
  border-bottom: none;
}
body.archive .navigation-ajax .load-ajax {
  margin-top: 50px;
}
body.archive .wp-pagenavi {
  margin-top: 48px;
}
.manga_content .navigation-ajax .load-ajax {
  margin-top: 50px;
}
.manga_content .wp-pagenavi {
  margin-top: 48px;
}
.post-type-archive-wp-manga .c-breadcrumb-wrapper .c-breadcrumb {
  margin-bottom: 16px;
}
.post-type-archive-wp-manga .c-breadcrumb-wrapper .c-genres-block {
  margin-top: 0px;
}
/**
 * :: Single
 * -------------------------------------------------- */
.amir-defualt-posts .c-blog-post {
  margin-top: 20px;
}
.amir-defualt-posts .c-blog-post em {
  padding: 0 10px;
}
.amir-defualt-posts .c-blog-post .entry-header .entry-title {
  margin: 20px 0;
}
.amir-defualt-posts
  .amir-defualt-posts
  .c-blog-post
  .entry-header
  .entry-title
  h1 {
  font-size: 20pt;
}
.amir-defualt-posts .entry-meta .post-on {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  font-size: 13pt;
  align-items: center;
}
.amir-defualt-posts .post-on .c-blog__date .post-date-title {
  margin-left: 5px;
}
.amir-defualt-posts .c-blog_cat {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.amir-defualt-posts .c-blog_cat a {
  display: inline-block;
  padding: 5px 10px;
  background-color: #ffffff17;
  border: 1px solid #ffffff08;
  border-radius: 5px;
}
.amir-defualt-posts .c-blog-post .c-blog__excerpt {
  margin-bottom: 33px;
  line-height: 2.14285714;
}
.amir-defualt-posts .c-blog-post .c-blog__thumbnail {
  margin-bottom: 40px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #ffffff12;
}
.amir-defualt-posts .c-blog-post .c-blog__thumbnail img {
  margin: 0 auto;
  width: 100%;
}
.amir-defualt-posts .entry-content {
  padding: 20px;
  margin: 40px 0;
  border: 1px solid #80808024;
  border-radius: 8px;
  background-color: rgb(20 26 40);
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 15px;
  font-size: 14pt;
  color: #c1c1c1;
}
figure figcaption {
  font-size: 12pt !important;
  color: #9b9b9b !important;
}
.amir-defualt-posts .entry-content .book-excerpt-qanda {
  margin-top: 30px;
}
.wp-block-quote {
  border-left: 0 !important;
  padding-left: 0 !important;
  border-right: 0.25em solid !important;
  padding-right: 1em !important;
}
.c-blog-post .entry-content .entry-content_wrap {
  line-height: 2.14285714;
}
.c-blog-post .entry-content .entry-content_wrap p {
  margin-bottom: 20px;
}
.c-blog-post .entry-content .entry-content_wrap iframe {
  max-width: 100%;
}

.c-blog-post .entry-content .entry-content_wrap .read-container {
  text-align: center;
  margin-bottom: 50px;
  position: relative;
}
.c-blog-post .entry-content .entry-content_wrap .read-container img {
  margin: 0 auto 20px;
  background-color: #030712;
  max-width: unset;
  max-height: unset;
  width: unset;
  height: unset;
}
.text-ui-light
  .c-blog-post
  .entry-content
  .entry-content_wrap
  .read-container
  img {
  background-color: #191919;
}
.c-blog-post .entry-content .entry-content_wrap .read-container .no-gaps img {
  margin: 0 auto;
}
.page-break.no-gaps {
  line-height: 0;
}
.c-blog-post
  .entry-content
  .entry-content_wrap
  .read-container
  .page-link-hover {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: initial;
  z-index: 2;
}
.c-blog-post
  .entry-content
  .entry-content_wrap
  .read-container
  .page-link-hover.page-next-link {
  left: auto;
  right: 0;
}
@media (max-width: 480px) {
  .c-blog-post .entry-content .entry-content_wrap .read-container {
    margin-bottom: 30px;
  }
}
.c-blog-post .entry-content .entry-content_wrap .reading-content {
  min-height: 80vh;
  position: relative;
  overflow: auto;
}
.c-blog-post .entry-content .c-ads.body-bottom-ads img {
  margin-bottom: 0px;
}
.c-blog-post .item-tags {
  padding: 0px 0px 20px 0px;
}
.c-blog-post .item-tags .list-inline li {
  padding-right: 0;
}
.c-blog-post .page-links {
  padding: 0px 0px 20px 0px;
}
#madara-comments.comments-area {
  position: relative;
  margin-top: 10px;
  margin-bottom: 30px;
}
#madara-comments.comments-area .comments-title,
#madara-comments.comments-area h4.comment-reply-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  position: relative;
  margin-top: 8px;
  margin-bottom: 25px;
  font-size: 18pt;
}
#madara-comments.comments-area .comments-title{
  justify-content: space-between;
}
#madara-comments.comments-area ol.comment-list {
  list-style: none;
  margin: 0;
  padding: 0px;
}
#madara-comments.comments-area ol.comment-list li {
  background: none;
  position: relative;
  display: grid;
}
#madara-comments.comments-area article.comment-body {
  position: relative;
  margin-bottom: 20px;
  padding: 20px 20px 10px;
  background-color: #141a28;
  border-radius: 10px;
  box-shadow: 0 0 15px rgb(0 0 0 / 50%);
}
#madara-comments.comments-area article.comment-body.admin {
  border: 1px solid #ffd2014a;
}
@media only screen and (max-width: 767px) {
  #madara-comments.comments-area article.comment-body {
    margin-bottom: 10px;
  }
}
#madara-comments.comments-area article.comment-body footer.comment-meta * {
  display: inline-block;
  margin-bottom: 3px;
}
#madara-comments.comments-area
  article.comment-body
  footer.comment-meta
  .comment-author {
  margin-right: 10px;
}
#madara-comments.comments-area
  article.comment-body
  footer.comment-meta
  .comment-author
  .avatar {
  float: left;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  margin-left: -120px;
  top: 0;
}
@media only screen and (max-width: 767px) {
  #madara-comments.comments-area
    article.comment-body
    footer.comment-meta
    .comment-author
    .avatar {
    width: 35px;
    height: 35px;
    margin-left: -80px;
  }
}
#madara-comments.comments-area
  article.comment-body
  footer.comment-meta
  .comment-author
  .says {
  display: none;
}
#madara-comments.comments-area
  article.comment-body
  footer.comment-meta
  .comment-author
  .fn {
  color: #3d3d3d;
}
@media only screen and (max-width: 991px) {
  #madara-comments.comments-area
    article.comment-body
    footer.comment-meta
    .comment-author {
    display: block;
    margin-bottom: 0;
  }
  #madara-comments.comments-area
    article.comment-body
    footer.comment-meta
    .comment-author
    .fn {
    margin-bottom: 0;
  }
  #madara-comments.comments-area
    article.comment-body
    footer.comment-meta
    .comment-author
    .fn
    a {
    margin-bottom: 0;
  }
}
#madara-comments.comments-area
  article.comment-body
  footer.comment-meta
  .comment-metadata
  a
  time {
  position: relative;
  padding-left: 22px;
  padding-right: 10px;
  font-size: 12px;
  color: #adadad;
}
#madara-comments.comments-area
  article.comment-body
  footer.comment-meta
  .comment-metadata
  a
  time:before {
  content: "\f017";
  font-family: "Font awesome\ 5 Free";
  font-style: normal;
  font-weight: 900;
  text-decoration: inherit;
  position: absolute;
  left: 0;
  font-size: 14px;
  top: -3px;
}
@media only screen and (max-width: 991px) {
  #madara-comments.comments-area
    article.comment-body
    footer.comment-meta
    .comment-metadata
    * {
    margin-bottom: 0;
  }
}
#madara-comments.comments-area
  article.comment-body
  footer.comment-meta
  .comment-awaiting-moderation {
  display: none;
}
#madara-comments.comments-area article.comment-body div.comment-content {
  text-align: justify;
  word-wrap: break-word;
}
#madara-comments.comments-area article.comment-body div.comment-content p {
  margin-bottom: 0;
  font-size: 14pt;
  color: white;
}

#madara-comments.comments-area article.comment-body div.reply a {
  color: #999999;
}
#madara-comments.comments-area article.comment-body .block-left {
  width: 56px;
  height: 56px;
  float: left;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  #madara-comments.comments-area article.comment-body .block-left {
    width: 35px;
    height: 35px;
  }
}
#madara-comments.comments-area .block-right .comment-author .heading {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 600;
}
#madara-comments.comments-area .block-right .comment-content {
  color: #666;
  line-height: 1.9;
  margin-bottom: 22px;
}
#madara-comments.comments-area .block-right .comment-metadata {
  font-size: 12px;
  color: #999;
  display: inline-block;
}
#madara-comments.comments-area .block-right .comment-metadata a {
  font-size: 13px;
  color: #ffffff9c;
}
#madara-comments.comments-area .block-right .comment-edit-link {
  font-size: 12px;
  position: relative;
  bottom: 10px;
  float: left;
}
#madara-comments.comments-area ol.comment-list li ol.children {
  list-style: none;
  padding: 0;
  padding-right: 5%;
  margin-bottom: 10px;
}
#madara-comments.comments-area
  ol.comment-list
  li.comment
  ol.children
  .children
  .children {
  padding-left: 0;
  margin-left: 0;
}

@media only screen and (max-width: 767px) {
  #madara-comments.comments-area .block-right .comment-content {
    margin-bottom: -10px;
  }
  #madara-comments.comments-area ol.comment-list li ol.children {
    padding-left: 0;
    margin-left: 0;
  }
}
#madara-comments.comments-area #respond.comment-respond {
  margin-bottom: 30px;
  padding: 20px 20px 5px;
  color: #fff;
  background-color: #141d31;
  border-radius: 10px;
  box-shadow: 0 0 15px rgb(0 0 0);
}
#madara-comments.comments-area #respond.comment-respond .comment-form {
  text-align: justify;
  font-size: 0;
  margin: 0 -15px;
}
#madara-comments.comments-area
  #respond.comment-respond
  .comment-form
  .comment-form-comment {
  width: 100%;
}
#madara-comments.comments-area
  #respond.comment-respond
  .comment-form
  .comment-form-comment
  #comment {
  width: 100%;
  border-radius: 5px;
  padding: 15px 20px 0px;
  background-color: #030712;
  color: #fff;
}
#madara-comments.comments-area
  #respond.comment-respond
  .comment-form
  .comment-form-comment
  + .form-submit {
  margin-top: 10px;
}
#madara-comments.comments-area
  #respond.comment-respond
  .comment-form
  > *:not(.comment-form-comment):not(.form-submit):not(.comment-notes):not(
    .logged-in-as
  ) {
  width: 33.333333%;
  display: inline-block;
}
@media (max-width: 767px) {
  #madara-comments.comments-area
    #respond.comment-respond
    .comment-form
    > *: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 > * {
  font-size: 18px;
  margin-bottom: 16px;
  border: none;
  padding: 0 15px;
}
#madara-comments.comments-area
  #respond.comment-respond
  .comment-form
  > *
  input#author,
#madara-comments.comments-area
  #respond.comment-respond
  .comment-form
  > *
  input#email,
#madara-comments.comments-area
  #respond.comment-respond
  .comment-form
  > *
  input#url {
  width: 100%;
  border-radius: 5px;
  padding: 14px 20px;
}
.custom-submit-botton {
  float: left;
  padding: 10px 22px;
  border: none;
  border-radius: 10px;
  font-weight: 600;
  font-size: 13pt;
  color: #000;
  background-color: #ffd201;
  transition: background-color 200ms ease;
}
.custom-submit-botton:hover {
  background-color: #0f0f0f;
  cursor: pointer;
  color: #ffd201;
  transition: all 200ms ease;
}

#madara-comments.comments-area + .related-manga {
  margin-top: 50px;
}
/**
 * :: Content
 * -------------------------------------------------- */
.c-blog-listing
  .c-blog__inner
  .c-blog__content
  .sticky
  .c-blog_item
  .c-blog__summary
  .heading:before {
  content: "";
  display: inline-block;
  width: 34px;
  height: 34px;
  background-image: url("images/post-format-icons/pin.png");
  vertical-align: middle;
  margin-right: 7px;
}
.c-blog-listing .c-blog__inner .c-blog__content .c-blog_item {
  margin-bottom: 23px;
}
.c-blog-listing .c-blog_item .c-blog__thumbnail {
  margin-bottom: 14px;
}
.c-blog-listing .c-blog_item .c-blog__summary .total-count {
  margin-bottom: 12px;
}
.c-blog-listing .c-blog_item .c-blog__summary .total-count span {
  position: relative;
  padding-left: 19px;
}
.c-blog-listing .c-blog_item .c-blog__summary .total-count span + span {
  margin-left: 28px;
}
.c-blog-listing .c-blog_item .c-blog__summary .total-count span:before {
  display: inline-block;
  font-family: "Ionicons";
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.c-blog-listing
  .c-blog_item
  .c-blog__summary
  .total-count
  span.count-view:before {
  content: "\f425";
}
.c-blog-listing .c-blog_item .c-blog__summary .total-count span.count-share {
  padding-left: 17px;
}
.c-blog-listing
  .c-blog_item
  .c-blog__summary
  .total-count
  span.count-share
  .apss-total-shares {
  display: none;
}
.c-blog-listing
  .c-blog_item
  .c-blog__summary
  .total-count
  span.count-share
  .apss-social-share {
  display: inline-block;
  font-family: inherit;
  margin: 0;
}
.c-blog-listing
  .c-blog_item
  .c-blog__summary
  .total-count
  span.count-share
  .apss-social-share
  .apss-total-share-count {
  margin-top: 0;
}
.c-blog-listing
  .c-blog_item
  .c-blog__summary
  .total-count
  span.count-share
  .apss-social-share
  .apss-total-share-count
  .apss-count-number {
  padding: 0;
  font-size: inherit;
}
.c-blog-listing
  .c-blog_item
  .c-blog__summary
  .total-count
  span.count-share:before {
  content: "\f3ac";
  font-size: 14px;
}
.c-blog-listing .c-blog_item .c-blog__summary .post-title h4 {
  line-height: 1.6;
  font-size: 16px;
}
.c-blog-listing
  .c-blog__inner
  .c-blog__content
  .c-row:last-child
  .col-md-6
  .c-blog_item,
.c-blog-listing
  .c-blog__inner
  .c-blog__content
  .c-row:last-child
  .col-md-4
  .c-blog_item {
  margin-bottom: 0;
}
.c-blog-listing
  .c-blog__inner
  .c-blog__content
  .c-row:last-child
  .col-md-6
  .c-blog_item
  .post-title:last-child
  h4,
.c-blog-listing
  .c-blog__inner
  .c-blog__content
  .c-row:last-child
  .col-md-4
  .c-blog_item
  .post-title:last-child
  h4 {
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .c-blog-listing
    .c-blog__inner
    .c-blog__content
    .c-row:last-child
    .col-md-6
    .c-blog_item,
  .c-blog-listing
    .c-blog__inner
    .c-blog__content
    .c-row:last-child
    .col-md-4
    .c-blog_item {
    margin-bottom: 30px;
  }
  .c-blog-listing
    .c-blog__inner
    .c-blog__content
    .c-row:last-child
    .col-md-6
    .c-blog_item
    .post-title:last-child
    h4,
  .c-blog-listing
    .c-blog__inner
    .c-blog__content
    .c-row:last-child
    .col-md-4
    .c-blog_item
    .post-title:last-child
    h4 {
    margin-bottom: 10px;
  }
}
@media (max-width: 992px) {
  .c-blog-listing
    .c-blog__inner
    .c-blog__content
    .c-row:last-child
    .col-md-6:last-child
    .c-blog_item,
  .c-blog-listing
    .c-blog__inner
    .c-blog__content
    .c-row:last-child
    .col-md-4:last-child
    .c-blog_item {
    margin-bottom: 0;
  }
  .c-blog-listing
    .c-blog__inner
    .c-blog__content
    .c-row:last-child
    .col-md-6:last-child
    .c-blog_item
    .post-title:last-child
    h4,
  .c-blog-listing
    .c-blog__inner
    .c-blog__content
    .c-row:last-child
    .col-md-4:last-child
    .c-blog_item
    .post-title:last-child
    h4 {
    margin-bottom: 0;
  }
}
.c-blog-listing .c-blog__inner .c-blog__content:after {
  display: table;
  content: "";
  clear: both;
}
.blog-post-item .c-read-more {
  margin-top: 5px;
  display: block;
  font-weight: 600;
  text-align: left;
}
.blog-post-item .c-read-more a {
  display: inline-block;
  font-size: 13pt;
  padding: 1px 5px;
  border: 1px solid;
  border-radius: 5px;
}
/* Paging */
.navigation-ajax .load-ajax {
  margin-top: 43px;
  transition: all 200ms ease-out;
  border: 1px solid #ebebeb;
  background-color: #f9f9f9;
  width: 100%;
  border-radius: 0;
  font-size: 14px;
  line-height: 2.142857142857143;
  font-weight: 600;
}
.navigation-ajax .load-ajax .load-title {
  display: inline-block;
  vertical-align: baseline;
  transition: padding 0.2s ease-out;
}
.navigation-ajax .load-ajax .load-title ~ div {
  display: inline-block;
  width: 2px;
  height: 2px;
  background-color: #999999;
  display: none;
  vertical-align: baseline;
}
.navigation-ajax .load-ajax .load-title i {
  margin-left: 6px;
}
.navigation-ajax .load-ajax:hover {
  background: #eb3349;
  border-color: #eb3349;
}
.navigation-ajax .load-ajax:hover .load-title {
  color: #fff;
}
.navigation-ajax .load-ajax.show-loading {
  pointer-events: none;
  border-color: #f9f9f9;
  background-color: #f9f9f9;
}
.navigation-ajax .load-ajax.show-loading i {
  display: none;
}
.navigation-ajax .load-ajax.show-loading .load-title {
  padding-right: 25px;
  color: #999999;
}
.navigation-ajax .load-ajax.show-loading .load-title ~ div {
  display: inline-block;
}
.navigation-ajax .load-ajax.show-loading .load-title ~ div:nth-child(2) {
  -webkit-animation: loadingOpacity 0.5s ease-in-out 0.2s infinite alternate;
  animation: loadingOpacity 0.5s ease-in-out 0.2s infinite alternate;
  margin-left: -25px;
}
.navigation-ajax .load-ajax.show-loading .load-title ~ div:nth-child(3) {
  -webkit-animation: loadingOpacity 0.5s ease-in-out 0.35s infinite alternate;
  animation: loadingOpacity 0.5s ease-in-out 0.35s infinite alternate;
}
.navigation-ajax .load-ajax.show-loading .load-title ~ div:nth-child(4) {
  -webkit-animation: loadingOpacity 0.5s ease-in-out 0.5s infinite alternate;
  animation: loadingOpacity 0.5s ease-in-out 0.5s infinite alternate;
}
/* wp-pagenavi */
.wp-pagenavi {
  float: right;
  margin-top: 41px;
}
.wp-pagenavi a,
.wp-pagenavi span {
  padding: 7px 14px;
  border: none;
  font-weight: 600;
  display: inline-block;
}
.wp-pagenavi a:not(:hover),
.wp-pagenavi span:not(:hover) {
  color: #888888;
}
.wp-pagenavi span {
  background-color: #f3f3f3;
}
.wp-pagenavi a {
  transition: background-color 0.3s;
}
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink {
  background-color: #f3f3f3;
}
.wp-pagenavi a:hover {
  background-color: #eb3349;
  color: #fff;
}
.wp-pagenavi .current {
  color: #b1b1b1 !important;
}
@keyframes loadingOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes loadingOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.site-content .main-col .item-tags ul {
  margin: 0;
}
.site-content .main-col .item-tags ul li {
  padding: 0;
}
.site-content .main-col .item-tags ul li a {
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 15px;
  background-color: #f3f3f3;
  border-radius: 15px;
  margin: 5px 5px 0 0;
  float: left;
  transition: background-color 200ms ease;
}
.site-content .main-col .item-tags ul li a:hover {
  color: #fff;
  background-color: #eb3349;
}
/**
 * :: Plugins
 * -------------------------------------------------- */

.ui-helper-hidden-accessible {
  display: none;
}
.site-header .c-header__top form#custom-header-search .loader-inner {
  display: none;
}
.site-header
  .c-header__top
  form#custom-header-search.manga-search-form
  input.ui-autocomplete-loading
  + input[type="submit"]
  + .loader-inner {
  display: block;
}
.site-header
  .c-header__top
  form#custom-header-search.manga-search-form
  .loader-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffd2014d;
  border: none;
  font-weight: 600;
  padding: 13px 26px;
  border-radius: 18px;
}
body.search
  .c-search-header__wrapper
  .search-content
  .advance-search-form-input
  input.ui-autocomplete-loading
  + input[type="submit"]
  + .loader-inner
  + .icon {
  display: none;
}
.site-header
  .c-header__top
  form#custom-header-search.manga-search-form
  .loader-inner
  > div {
  height: 20px;
}

.manga-search-thumbnail {
  width: 120px;
  height: 160px;
  display: inline-block;
}
.manga-search-title {
  display: inline-block;
  font-size: 15pt;
}
.manga-search-translate-status,
.manga-search-book-type,
.manga-search-genre {
  font: 12pt;
}

/**
 * :: Footer
 * -------------------------------------------------- */
.site-footer {
  margin-top: 50px;
  border-top: 3px solid #141a28;
  padding: 60px 0px 55px 0px;
  text-align: center;
  background: #030712;
}
.text-ui-light .site-footer {
  border-top: 3px solid #2e2e2e;
  background: #191919;
}
@media (max-width: 768px) {
  .site-footer {
    padding: 45px 0px 40px 0px;
  }
}
.site-footer .top-footer .wrap_social_account {
  margin-bottom: 25px;
}
.site-footer .top-footer .wrap_social_account ul.social_account__item {
  margin: 0;
}
.site-footer .top-footer .wrap_social_account ul.social_account__item li {
  margin-right: 10px;
  padding: 0;
}
.site-footer .top-footer .wrap_social_account ul.social_account__item li a {
  display: block;
  width: 30px;
  height: 30px;
  background-color: #eb3349;
  text-align: center;
  border-radius: 50%;
  line-height: 32px;
  color: #fff;
  transition: background-color 200ms ease-out;
}
.site-footer .top-footer .wrap_social_account ul.social_account__item li a i {
  font-size: 16px;
}
.site-footer
  .top-footer
  .wrap_social_account
  ul.social_account__item
  li:last-child {
  margin-right: 0;
}
.site-footer
  .top-footer
  .wrap_social_account
  ul.social_account__item
  li:hover
  a {
  background-color: #0f0f0f;
}

body.page
  .c-page-content
  .c-page
  .c-page__content
  .page-content-listing.item-big_thumbnail
  .page-listing-item
  .page-item-detail
  .item-thumb {
  width: 100%;
  margin-bottom: 10px;
}
body.page
  .c-page-content
  .c-page
  .c-page__content
  .page-content-listing.item-big_thumbnail
  .page-listing-item
  .page-item-detail
  .item-summary {
  width: 100%;
  float: left;
}
body.page
  .c-page-content
  .c-page
  .c-page__content
  .page-content-listing.item-big_thumbnail
  .page-listing-item
  .page-item-detail
  .item-summary
  h5 {
  margin: 0;
}
body.page
  .c-page-content
  .c-page
  .c-page__content
  .page-content-listing.item-big_thumbnail
  .page-listing-item
  .page-item-detail
  .item-summary
  .list-chapter
  .chapter-item
  span {
  margin-right: 0;
}

.entry-header_wrap .item-description {
  text-align: center;
}

.page-content-listing.item-simple .meta-item.rating {
  display: inline-block;
  margin: 0 10px;
}
.page-content-listing.item-simple .post-on.font-meta {
  float: right;
}
.page-content-listing.item-simple .page-listing-item .page-item-detail {
  padding-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
}
body.page
  .c-page-content
  .c-page
  .c-page__content
  .page-content-listing.item-simple
  .page-listing-item {
  border: none;
  padding: 0;
  margin: 0;
}
body.page
  .c-page-content
  .c-page
  .c-page__content
  .page-content-listing.item-simple
  .page-listing-item
  .page-item-detail {
  margin-bottom: 10px;
}

@media (max-width: 991px) {
  body.page
    .c-page-content
    .c-page
    .c-page__content
    .page-content-listing.item-big_thumbnail
    .page-listing-item
    .page-item-detail
    .item-summary
    h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    line-height: 1.6;
    max-height: 26px;
  }
  body.page
    .c-page-content
    .c-page
    .c-page__content
    .page-content-listing.item-big_thumbnail
    .page-listing-item
    .page-item-detail
    .item-summary
    h5
    .manga-title-badges {
    float: none;
    position: absolute;
    top: 0;
  }
}

.single-wp-manga .action-icon .action_detail {
  position: absolute;
  position: absolute;
  z-index: 1;
  font-size: 10px;
  background: rgba(0, 0, 0, 0.5);
  padding: 5px;
  border-radius: 5px;
  color: #fff;
}

/**
 * fix upgrading BootStrap 4
 **/
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
.main-navigation .main-menu ul {
  flex-direction: unset;
}
.c-breadcrumb .breadcrumb li {
  display: inline-block;
}
@media (min-width: 576px) {
  .modal-dialog {
    width: 600px;
    max-width: 600px;
    margin: 30px auto;
  }
}

.mobile .select-view {
  width: 100%;
}

.page-item-detail .item-thumb {
  position: relative;
}
.page-item-detail.video .item-thumb:hover a:before {
  content: "\f144";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  font-family: "Font awesome\ 5 Free";
  font-size: 40px;
  margin-top: -30px;
  margin-left: -20px;
}
.video-light .text-on,
.video-light.off .text-off {
  display: none;
}
.video-light.off .text-on {
  display: inline-block;
}
.video-light.off i:before {
  font-weight: normal;
}

.chapter-video-frame:after {
  background: rgba(0, 0, 0, 0);
}
.chapter-video-frame.off:after {
  content: " ";
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  top: 0;
  left: 0;
  z-index: 100000;
  transition: background 0.2s ease-in-out;
}
.chapter-video-frame.off {
  position: relative;
}
.chapter-video-frame.off > * {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100001;
}

.post-edit-link {
  display: inline-block;
  padding: 20px 0;
}

#manga-filte-alphabeta-bar a {
  display: inline-block;
  padding: 3px;
  text-transform: uppercase;
  background: #e6e6e6;
  text-align: center;
}
#manga-filte-alphabeta-bar a.active {
  background: #333;
  color: #fff;
}

@media (max-width: 679px) {
  body.search
    .search-wrap
    .tab-content-wrap
    .c-tabs-item
    .c-tabs-item__content
    .tab-summary
    .post-content
    .post-content_item:nth-last-of-type(-n + 2) {
    margin-left: 0;
    display: block;
    float: none;
  }
}

.chapter-type-video .entry-header.footer .entry-header_wrap {
  display: none;
}
@media (max-width: 480px) {
  .chapter-type-video .entry-header.header {
    margin-top: 10px;
  }
  body.reading-manga
    .chapter-type-video
    .entry-header.header
    .entry-header_wrap
    .c-breadcrumb {
    display: none;
  }
  .chapter-type-video .entry-header.header .action-icon {
    width: 100%;
  }
  .chapter-type-video .entry-header.footer .entry-header_wrap {
    display: block;
  }
  body.reading-manga
    .chapter-type-video
    .entry-header
    .wp-manga-nav
    .select-view {
    max-height: initial;
    opacity: 1;
    visibility: visible;
  }
  .chapter-type-video .video-light .text,
  .chapter-type-video .select-pagination {
    display: none;
  }
  .chapter-type-video .entry-header .selectpicker_version,
  .chapter-type-video .entry-header div.selectpicker_chapter {
    max-width: 50% !important;
  }
}

#init-links .c-btn.c-btn_style-1 {
  padding: 10px;
  margin: 5px;
  color: #ffd201;
}
#init-links .c-btn.c-btn_style-1:first-child {
  margin-left: 0;
}
button.c-btn.c-btn_style-1.search-adv-submit {
  background-color: #315a1c;
  font-size: 15pt;
}

.shortcode.my-bookmarks .popular-item-wrap .popular-img {
  float: left;
  margin: 0 10px 10px 0;
}
.shortcode.my-bookmarks.style-2 .popular-item-wrap .popular-img {
  display: block;
  width: 100%;
}
.shortcode.my-bookmarks .row {
  margin-bottom: 20px;
}

.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:hover {
  text-decoration: none;
}
/**
 * Improve Dark Mode
 **/

/**
 * hide some info in Search Results on mobile
 **/
@media (max-width: 480px) {
  body.search
    .search-wrap
    .tab-content-wrap
    .c-tabs-item
    .c-tabs-item__content
    .tab-thumb {
    text-align: center;
  }
}

.listing-chapters_wrap .wp-manga-chapter.reading:before {
  content: "\f1da";
  font-family: "Font awesome\ 5 Free";
  font-weight: bold;
  position: absolute;
  top: -2px;
  right: 20px;
  background: none !important;
  color: #000;
  display: inline-block;
  line-height: 1em;
  font-size: 15px;
  width: 17px;
  height: 17px;
  text-align: center;
  padding: 2px;
  border-radius: 12px;
}

/**
 * since 1.5.4.3 - diffirentiate manga type
 **/
body.manga-type-icon .ui-autocomplete .search-item .manga-type-manga:before {
  content: "\f302";
  font-family: "Font awesome\ 5 Free";
  margin: 0 5px;
}
body.manga-type-icon .ui-autocomplete .search-item .manga-type-text:before {
  content: "\f031";
  font-family: "Font awesome\ 5 Free";
  margin: 0 5px;
  font-weight: bold;
}
body.manga-type-icon .ui-autocomplete .search-item .manga-type-video:before {
  content: "\f144";
  font-family: "Font awesome\ 5 Free";
  margin: 0 5px;
}

body.manga-type-icon .page-listing-item .page-item-detail .item-thumb:before {
  content: "\f144";
  font-family: "Font awesome\ 5 Free";
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  padding: 3px;
  z-index: 1;
  text-shadow: 1px 1px 1px #000;
  font-size: 16px;
}
body.manga-type-icon
  .page-listing-item
  .page-item-detail.text
  .item-thumb:before {
  content: "\f031";
  font-weight: bold;
}
body.manga-type-icon
  .page-listing-item
  .page-item-detail.manga
  .item-thumb:before {
  content: "\f302";
}

body.manga-type-icon
  .c-page-content
  .c-page
  .c-page__content
  .page-content-listing.item-big_thumbnail
  .page-listing-item
  .page-item-detail
  .item-thumb {
  position: relative;
}

/**
 * since 1.5.4.5
 **/

#main-sidebar div[id^="monster-widget-placeholder-"] {
  width: 100%;
}

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 {
  margin-bottom: 6px;
}

.mobile.reading-manga .entry-header.footer.sticky {
  position: fixed;
  bottom: 0;
  z-index: 10000;
  background: #fff;
  width: 100%;
  margin-bottom: 0;
  padding-right: 15px;
  padding-left: 15px;
  left: 0;
  border-top: 1px solid #efefef;
  box-shadow: 3px 3px 10px 6px #ccc;
}
.reading-manga .chapter-type-text #text-chapter-toolbar {
  display: none;
}
.mobile.reading-manga .chapter-type-text #text-chapter-toolbar {
  display: block;
  position: fixed;
  bottom: 10px;
  right: 60px;
  background: rgba(0, 0, 0, 0.7);
  padding: 0 10px;
  line-height: 1.8em;
  z-index: 100000;
}
.mobile.reading-manga .chapter-type-text #text-chapter-toolbar a {
  font-size: 18px;
  line-height: 1.5em;
  color: #fff;
}
.mobile.reading-manga .chapter-type-text #text-chapter-toolbar a i {
  line-height: 1em;
}
.mobile.reading-manga .chapter-type-text #text-chapter-toolbar.sticky {
  bottom: 100px;
  right: 15px;
}

#chapter-headingH,
#chapter-headingP {
  font-size: 24px;
  margin-top: 40px;
}
.reading-manga #chapter-headingH,
.reading-manga #chapter-headingP {
  margin: 0px;
  color: white;
}

/**
 * Support chapter thumbnails for shortcode Manga Chapters
 **/
.rate-title {
  display: none;
}

.text-ui-dark .manga-chapters-listing a {
  color: #000;
}
.text-ui-dark .manga-chapters-listing td:not(.title):not(.release) a {
  color: #999;
}

.wp-manga-nav:after {
  content: " ";
  display: block;
  clear: both;
}

#comment-nav-above {
  padding: 0 0 20px 0;
}
.comment-navigation .nav-previous,
.c .nav-nextomment-navigation {
  display: inline-block;
  width: 49%;
}
.comment-navigation .nav-next {
  text-align: right;
}

body.manga-page
  .profile-manga
  .tab-summary
  .summary_content_wrap
  .summary_content
  .c-btn {
  font-size: 14px;
}
.mobile .profile-manga #init-links {
  /* 	margin-top:20px; */
  text-align: center;
}
body.manga-page.mobile .profile-manga .tab-summary {
  padding-bottom: 0;
}

#cancel-comment-reply-link {
  padding: 5px 10px;
  font-size: 15pt;
  color: #cfcfcf;
  font-weight: bold;
  border: solid 1px;
  border-radius: 30px;
  margin-right: 5px;
}
#comment-nav-below {
  margin-bottom: 40px;
}

/**
 * limit title lines
 **/
.page-listing-item .post-title h3,
.slider__content_item h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}

.c-new-tag {
  display: inline-block;
  width: 30px;
  height: 16px;
  background: url("images/new.gif") center center no-repeat;
}

#oneshot-reader .image-item {
  height: 200px;
  text-align: center;
  margin-bottom: 20px;
}
#oneshot-reader .image-item img {
  height: 100%;
}
#oneshot-reader .premium-block {
  margin: 0 0 20px 0;
}
#oneshot-reader .content-blocked {
  margin: 0 0 20px 0;
}

body.manga-page .profile-manga.summary-layout-2 .tab-summary .summary_image {
  width: 425px;
  max-width: 100%;
  text-align: center;
}
body.manga-page .profile-manga.summary-layout-2 .manga-excerpt {
  padding: 20px 0 0 0;
}
body.manga-page .profile-manga.summary-layout-2 .tab-summary {
  padding-bottom: 0;
}
body.manga-page.mobile .profile-manga.summary-layout-2 .tab-summary {
  display: block;
  margin-bottom: 20px;
}
body.manga-page .profile-manga.summary-layout-2 .summary_image img {
  border-radius: 5px;
}

.related-reading-wrap.related-style-2 .related-reading-img,
.custom-post-holder-item .item-thumb {
  width: 100% !important;
  height: 320px;
  float: none !important;
  border-radius: 5px;
  margin: 0px !important;
}

.item-thumb .quick-chapter-link {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #eb3349;
  padding: 1px 5px;
  font-size: 0.8em;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  min-width: 40px;
  text-align: center;
}
.item-thumb .manga-type {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #8e8e8e;
  padding: 1px 5px;
  color: #fff;
  font-size: 0.8em;
}

.page-content-listing.single-page li.wp-manga-chapter.unread a {
  color: #eb3349;
}

.listing-chapters_wrap .version-chap.no-volumn {
  display: flex;
  flex-wrap: wrap;
  justify-content: right;
  align-items: center;
}
.listing-chapters_wrap
  > ul.main.version-chap.no-volumn
  li
  .chapter-release-date {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  font-size: 11pt;
  line-height: 1em;
}

.listing-chapters_wrap ul.main.version-chap.no-volumn li:last-child:after {
  visibility: visible;
  opacity: 1;
}
/**
 * should use custom CSS to turn this on if we are using bookmark content for current reading chapter here
 **/
.page-content-listing.single-page ul.version-chap.no-volumn li {
  width: 24%;
  margin-top: 1%;
  margin-left: 1%;
}

@media (max-width: 768px) {
  .related-reading-wrap.related-style-2 .related-reading-img,
  .custom-post-holder-item .item-thumb {
    height: 290px;
  }
  .page-content-listing.single-page ul.version-chap.no-volumn li {
    width: 49%;
  }
}
@media (max-width: 576px) {
  .page-content-listing.single-page ul.version-chap.no-volumn li {
    flex: 1 0 100%;
  }
  body.manga-page
    .page-content-listing.single-page
    .listing-chapters_wrap
    > ul.main.version-chap
    li
    .wp-manga-chapter-div {
    margin: 0;
    margin-bottom: 5px;
  }
}

.site-footer .languages {
  margin: 5px 0 0 0;
}
.site-footer .languages select {
  width: auto;
  display: inline;
  border: 1px solid #999;
  padding: 3px 10px;
}

.single-wp-manga .mdp-speaker-wrapper {
  margin: 25px auto;
}
.speaker-sized.single-wp-manga .mdp-speaker-wrapper {
  width: 300px;
}
.speaker-floating.single-wp-manga .mdp-speaker-wrapper {
  position: fixed;
  bottom: 0;
  z-index: 1;
  left: 50%;
  margin-left: -150px;
}
.reading-content .text-left .mdp-speaker-wrapper {
  display: none;
} /** hide speaker if any in the reading content, this reader is for Novel description */

#password-strength {
  margin: 20px 0 0 0;
  display: inline-block;
  padding: 0px 20px;
  border: 1px solid #e65054;
  border-radius: 5px;
  min-width: 100px;
  text-align: center;
  opacity: 0;
  display: none;
}
#password-strength.short,
#password-strength.bad {
  background: #ffabaf;
  color: #1d2327;
  opacity: 1;
  display: inline-block;
}
#password-strength.good {
  background: #f5e6ab;
  border-color: #f0c33c;
  opacity: 1;
  display: inline-block;
}
#password-strength.strong {
  background: #b8e6bf;
  border-color: #68de7c;
  opacity: 1;
  display: inline-block;
}
#checkbox-weak-password {
  padding: 0 0 0 0;
}
#agree-weak-password {
  display: inline-block;
  margin: 0 5px 0 0;
}

.section_adult.off {
  border: 1px solid #afafb2;
  color: #afafb2;
}

.section_adult .dot {
  background: #afafb2;
  width: 4px;
  height: 4px;
  border-radius: 100px;
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
}

.section_adult.on a:hover {
  color: #afafb2;
}
.section_adult.on a:hover .dot {
  background-color: #afafb2;
}

.section_adult.on .dot,
.section_adult.off a:hover .dot {
  background-color: #46b5a5;
}

.section_adult.on {
  border: 1px solid #46b5a5;
  color: #46b5a5;
}
.section_adult.on a,
.section_adult.off a:hover {
  color: #46b5a5;
}

.center {
  text-align: center;
  width: 100%;
}

.post-password-form {
  position: relative;
  z-index: 999;
}
#resetform #g-recaptcha {
  margin-bottom: 15px;
}

#darklight_toggle {
  position: fixed;
  bottom: 50px;
  left: 30px;
}
.reading-manga #darklight_toggle {
  display: none;
}
.toggle-switch {
  position: relative;
  width: 50px;
}

.toggle-switch label {
  position: absolute;
  width: 100%;
  height: 24px;
  background-color: var(--dark);
  border-radius: 20px;
  cursor: pointer;
  border: 1px solid #c6c6c6;
}

.toggle-switch input {
  position: absolute;
  display: none;
}

.toggle-switch .slider {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  transition: 0.3s;
}

.toggle-switch input:checked ~ .slider {
  background-color: var(--light);
}

.toggle-switch .slider::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  box-shadow: inset 8px -0px 0px 0px var(--light);
  background-color: var(--dark);
  transition: 0.3s;
}

.toggle-switch input:checked ~ .slider::before {
  transform: translateX(25px);
  background-color: var(--dark);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.head-profile-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background-color: #161928;
  border: 1px solid #272727;
  border-radius: 10px;
}
.user-profile-head h1 {
  color: white;
  margin: 0;
}
.user-profile-right {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
.user-profile-avatar {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 150px;
  overflow: hidden;
  border-radius: 50%;
  border: solid #ffffff36 1px;
}
.user-profile-avatar img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.user-profile-detail {
  display: flex;
  flex-direction: column;
  color: white;
  gap: 15px;
  font-size: 14pt;
}
.user-profile-detail .user-little-info {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  font-size: 13pt;
  color: #bdbdbd;
}
.user-profile-detail .user-little-info .little-info-item {
  display: flex;
  align-items: center;
}
.little-info-item.type {
  background-color: #3c3d4b;
  border: 1px solid #ffffff1f;
  border-radius: 32px;
  padding: 2px 14px;
  font-weight: bold;
}
.user-profile-detail .user-little-info .little-info-item svg {
  margin-left: 5px;
}
.user-profile-detail .user-bio {
  font-size: 12pt;
  line-height: 1.5;
  text-align: justify;
}
.user-profile-action {
  margin-top: 20px;
}
.action-container {
  text-align: center;
}

.resualt-container {
  position: relative;
  margin: 30px 0;
}

.user-counting-info {
  margin: 30px -5px;
  display: flex;
  flex-wrap: wrap;
}
.user-counting-info .col-12 {
  padding: 5px;
}

.user-counting-info .user-counting-item {
  padding: 15px;
  background-color: #161928;
  border: 1px solid #272727;
  border-radius: 10px;
  display: flex;
  gap: 15px;
  align-items: center;
}

.user-counting-info .user-counting-item .counter {
  color: white;
  font-size: 18pt;
  font-weight: bold;
}
.user-counting-info .user-counting-item .title {
  font-size: 14pt;
  color: #979797;
}

@media (min-width: 768px) {
  .head-profile-info.row {
    justify-content: unset;
  }
}

.c-user_item span.menu-notif {
  background-color: #ff0000;
  padding: 3px 10px;
  margin-right: 10px;
  border-radius: 30px;
  border: 1px solid #ffffff4a;
}
.c-user_item span.little-notif-c {
  position: absolute;
  right: 27px;
  font-size: 15pt;
  font-weight: bold;
  color: white;
  background-color: red;
  padding: 2px 7px;
  line-height: 1;
  border-radius: 25px;
}

.alert {
  display: flex;
  align-items: center;
  font-size: 15pt;
  gap: 5px;
  padding: 5px 20px;
}