/*!
Theme Name: comixvn child
Theme URI: https://comixvn.com/
Author: wecan-group.vn
Author URI: https://comixvn.com/
Template: comixvn
Description: ComixVN Company Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: comixvn
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

comixvn is based on underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
comixvn is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*-- site general css --*/
:root {
    --site-primary-font: "Quicksand";
    --site-title-font: "Noto Serif";
    --site-primary-color: #F49E00;
    --site-second-color: #161616;
    --site-third-color: #353535;
    --site-fourth-color: #111;
    --font-primary-color: #333;
    --font-second-color: #FFF;
    --font-third-color: #72CEFE;
    --font-fourth-color: #888;
    --btn-bg-color: #0583BF;
}

html, body {
    overflow-x: hidden;
    margin-bottom: 0 !important;
    font-size: 14px;
    line-height: 20px;
    font-family: var(--site-primary-font), sans-serif;
    color: var(--font-second-color);
    background: var(--site-second-color)
}

.container {
    width: 990px;
    max-width: 100%;
}

.content-wrapper-1,
.widget {
    background: var(--site-fourth-color);
}

.content-wrapper-1,
.content-wrapper-2 .content {
    border: solid 1px var(--font-primary-color);
}

.content-wrapper-1,
.content-wrapper-2 {
    margin-top: 24px;
}

.content-wrapper-1 {
    padding: 4px;
}

.content-wrapper-1 .content {
    padding: 16px 12px 12px 12px;
}

.content-title-1,
.content-title-1 span {
    margin-bottom: 0;
    position: relative;
}

.content-title-1 {
    margin-bottom: 0;
    padding: 4px 12px;
    font-size: 16px;
    line-height: 23px;
    font-weight: 700;
    color: var(--font-primary-color);
    background: var(--site-primary-color);
}

.content-title-1::before,
.content-title-1::after {
    content: '';
    position: absolute;
}

.content-title-1::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: rgba(255,255,255, .3);
}

.content-title-1::after {
    bottom: -5px;
    left: 14px;
    width: 10px;
    height: 10px;
    rotate: -45deg;
    background: var(--site-primary-color);
}

.content-title-1 span {
    z-index: 1;
}

.content-description p:last-child {
    margin-bottom: 0 !important;
}

a {
    text-decoration: none !important;
    transition: .5s;
}

a:focus {
    outline: none;
}

a,
a:visited {
    color: var(--font-third-color);
}

a:hover,
a:focus {
    color: var(--font-second-color);
}

select {
    appearance: none;
    background-image: url('img/icon-down.png');
    background-position: right 2px center;
    background-repeat: no-repeat;
    background-size: auto 70%;
}

.hidden,
.mega-menu-description,
.mwidget-cover,
.archive-title .private-title:first-child,
.woocommerce-cart-form__cart-item .minus,
.woocommerce-cart-form__cart-item .plus {
	display: none !important;
}

.btn {
    box-shadow: none !important
}

.btn,
.btn:hover,
.btn:focus {
    border: none;
}

.img-content {
    width: 100% !important;
}

.hover-img-wrapper {
    margin-bottom: -5px;
    width: 100%;
    display: inline-block;
    overflow: hidden !important;
}

.hover-img {
    transition: all .5s ease-in-out;
}

.fancybox-container {
    z-index: 99999;
}

.swiper-button-next, 
.swiper-button-prev {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--font-primary-color);
}

.swiper-button-next::after, 
.swiper-button-prev::after {
    color: var(--font-second-color);
    font-size: unset;
}
/*-- end site general css --*/


/*-- site breadcrumbs css --*/
.breadcrumbs-wrapper {
    margin-bottom: 20px;
    padding: 10px 0;
    background: #CCC;
}

#breadcrumbs {
    margin: 0;
}

#breadcrumbs,
#breadcrumbs a,
#breadcrumbs a:hover,
#breadcrumbs a:focus,
#breadcrumbs a:visited {
    color: var(--font-primary-color);
}
/*-- end site breadcrumbs css --*/


/*-- site contact form 7 css --*/
.wpcf7-text,
.wpcf7-select,
.wpcf7-file,
.wpcf7-textarea {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 15px !important;
}

.wpcf7-not-valid-tip {
    margin-bottom: 10px;
}

.wpcf7-response-output {
    margin: 0 !important;
}
/*-- end site contact form 7 css --*/


/*-- site modal content css --*/
body.modal-open {
    padding-right: 0 !important;
}

.modal {
	z-index: 999999;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.modal-backdrop {
    opacity: 0.8 !important;
}

.modal-content {
    border-radius: 0;
    color: var(--font-second-color);
    background: var(--site-fourth-color);
}

.modal-header {
    padding: 0;
    border: none;
}

.modal-title {
    padding: 4px 12px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-close {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    width: 16px;
    height: 16px;
    opacity: 1;
    z-index: 1;
}

.modal-body .bbp-login-form label,
.modal-body .bbp-login-form input {
    width: 100%;
}

.modal-body .bbp-login-form input {
    margin-top: 4px;
    border-radius: none !important;
}

.btn-modal-forgot-password {
    margin: 12px 0;
    width: auto;
    display: inline-block;
}

.btn-modal-login {
    margin-right: 8px;
    padding: 8px 12px;
    border-radius: 4px;
    background: var(--btn-bg-color);
    display: inline-block;
}

.btn-modal-login,
.btn-modal-login:visited {
    color: var(--font-second-color);
}

.bb-form-lost-password .bbp-template-notice {
    padding: 8px 12px;
}

.bb-form-lost-password .bbp-template-notice-content {
    margin-top: 0 !important;
}
/*-- end site modal content css --*/


/*-- site branding content css --*/
.site-brading {
    padding: 30px 0;
}

.site-brading-left,
.site-brading-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.site-brading-title {
    margin-bottom: 0;
    font-size: 21px;
    line-height: 31px;
    font-family: var(--site-title-font);
}

.site-brading-title a,
.site-brading-title a:visited {
    color: var(--font-second-color);
}

.site-brading-right {
    align-items: flex-end;
}

.site-login {
    margin-bottom: 8px;
    padding: 12px;
    font-weight: 700;
    border-radius: 8px;
    background: var(--site-third-color);
    display: flex;
    align-items: center;
}

.site-login a:hover,
.site-login a:focus {
    color: var(--font-third-color);
}

.site-login .icon-user {
    margin-right: 8px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    object-fit: cover;
}

.site-login .or-text {
    margin: 0 4px;
}

.user-display-name {
    color: var(--font-fourth-color);
}

.user-display-name:hover {
    cursor: pointer;
}

.user-display-name .dropdown-toggle::after {
    color: #905CAC;
}

.user-display-name span {
    margin-left: 8px;
    padding: 4px 8px;
    color: var(--font-second-color);
    border: 1px solid #905CAC;
    background: #2F0A41;
    display: inline-flex;
    align-items: center;
}

.user-display-name span small {
    margin-left: 8px;
    color: #8D65A0;
}

.user-display-name .dropdown-menu {
    padding: 0;
    width: 175px;
    border-radius: 0;
    border: 1px solid #905CAC;
    background: #2F0A41;
}

.user-display-name .dropdown-menu li:not(:last-child) {
    border-bottom: 1px solid #905CAC;
}

.user-display-name .dropdown-menu li a,
.user-display-name .dropdown-menu li a:hover,
.user-display-name .dropdown-menu li a:focus,
.user-display-name .dropdown-menu li a:visited {
    color: var(--font-second-color);
}

.user-display-name .dropdown-menu li a {
    padding: 4px 12px;
}

.user-display-name .dropdown-menu li a:hover {
    background: #905CAC;
}

.site-search .search-field,
.site-search label {
    width: 300px !important;
    max-width: 100% !important;
}

.site-search .search-submit {
    width: 125px !important;
}
/*-- site branding content css --*/


/*-- site navigation content css --*/
#wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img,
#wpadminbar #wp-admin-bar-my-account.with-avatar > a img,
#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar {
    border: none;
    border-radius: 50%;
    background: none;
}

.main-navigation-bottom {
    height: 25px;
    background: var(--site-primary-color);
}

.site-title {
    margin-bottom: 0 !important;
    font-family: var(--site-title-font), sans-serif;
}

.site-logo {
    height: 100px !important;
    object-fit: contain;
}

.mega-menu-item .mega-menu-link {
    border-radius: 8px 8px 0 0 !important;
    background-image: url('img/icon-navbar.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
}

.mega-current-menu-item .mega-menu-link {
    background-image: url('img/icon-navbar-active.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
}

.mega-description-group {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}
/*-- end site navigation content css --*/


/*-- site home page content css --*/
.homepage-content-wrapper .bbp-template-notice {
    margin-top: 24px;
    margin-bottom: 0;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.homepage-content-wrapper .bbp-template-notice .bbp-template-notice-content p {
    margin-top: 0 !important;
    padding: 0 !important;
}

.homepage-content-wrapper .btn-close {
    width: 12px;
    height: 12px;
}

.random-content-thumb {
    width: 150px;
    height: 230px;
    object-fit: cover;
    object-position: top;
}

.random-content .ms-3 {
    margin-left: 24px !important;
}

.random-content-description {
    padding-right: 16px;
}

.random-content-title,
.random-content-genres,
.mostview-content-genres,
.mostview-lastest-title {
    margin-bottom: 0;
}

.random-content-genres,
.mostview-lastest-title,
.mostview-content-genres,
.recent-content-title {
    font-size: 12px;
    line-height: 18px;
}

.random-content-genres,
.random-content-description,
.mostview-content-genres,
.mostview-lastest-title {
    margin-top: 8px;
}

.random-content-description::-webkit-scrollbar {
    width: 4px;
}

.random-content-description::-webkit-scrollbar-thumb {
    background-color: var(--site-primary-color);
    border-radius: 4px;
}

.random-content-title {
    font-size: 27px;
    line-height: 37px;
    font-family: var(--site-title-font);
}

.random-content-genres,
.mostview-content-genres,
.mostview-lastest-title {
    color: var(--font-fourth-color);
}

.random-content-genres a:not(:last-child)::after,
.mostview-content-genres a:not(:last-child)::after {
    content: ',';
    color: var(--font-second-color);
}

.random-content-description {
    max-height: 150px;
    overflow-y: auto;
}

.recent-title-wrapper,
.recent-swiper-control-wrapper {
    display: flex;
    align-items: center;
}

.recent-title-wrapper {
    justify-content: space-between;
}

.recent-swiper-control-wrapper {
    position: relative;
    z-index: 1;
}

.recent-title {
    margin-bottom: 0;
}

.swiper-recent-pagination {
    margin: 0 8px;
    width: auto;
}

.recent-content-thumb {
    height: 175px;
    object-fit: cover;
    object-position: top;
}

.recent-content-category,
.recent-content-title {
    margin-top: 8px;
    margin-bottom: 0;
}

.recent-content-category {
    font-size: 14px;
    line-height: 20px;
    font-family: var(--site-title-font);
}

.recent-content-category a {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.recent-content-title,
.recent-content-title a,
.recent-content-title a:hover,
.recent-content-title a:focus,
.recent-content-title a:visited {
    color: var(--font-fourth-color);
}

.nav-mostview {
    margin-left: 0;
    margin-bottom: 0 !important;
    padding-left: 0;
}

.nav-mostview .nav-item:not(:last-child) {
    margin-right: 2px;
}

.nav-mostview .nav-link {
    padding: 8px 18px;
    font-size: 16px;
    line-height: 23px;
    font-weight: 700;
    border-radius: 8px 8px 0 0;
    color: var(--font-primary-color);
    background: url('img/icon-navbar.png') no-repeat center center;
    background-size: 100% 100%;
}

.nav-mostview .nav-link.active {
    color: var(--font-primary-color);
    background: url('img/icon-navbar-active.png') no-repeat center center;
    background-size: 100% 100%;
}

.mostview-content-wrapper {
    margin-bottom: 24px;
}

.mostview-content {
    padding: 12px;
}

.mostview-content:nth-child(1) {
    background-image: url('img/1.png');
    background-repeat: no-repeat;
    background-position: top 12px right 12px;
    background-size: 28px 28px;
}

.mostview-content:nth-child(2) {
    background-image: url('img/2.png');
    background-repeat: no-repeat;
    background-position: top 12px right 12px;
    background-size: 28px 28px;
}

.mostview-content:nth-child(3) {
    background-image: url('img/3.png');
    background-repeat: no-repeat;
    background-position: top 12px right 12px;
    background-size: 28px 28px;
}

.mostview-content:nth-child(4) {
    background-image: url('img/4.png');
    background-repeat: no-repeat;
    background-position: top 12px right 12px;
    background-size: 28px 28px;
}

.mostview-content:nth-child(5) {
    background-image: url('img/5.png');
    background-repeat: no-repeat;
    background-position: top 12px right 12px;
    background-size: 28px 28px;
}

.mostview-content:nth-child(6) {
    background-image: url('img/6.png');
    background-repeat: no-repeat;
    background-position: top 12px right 12px;
    background-size: 28px 28px;
}

.mostview-content:nth-child(7) {
    background-image: url('img/7.png');
    background-repeat: no-repeat;
    background-position: top 12px right 12px;
    background-size: 28px 28px;
}

.mostview-content:nth-child(8) {
    background-image: url('img/8.png');
    background-repeat: no-repeat;
    background-position: top 12px right 12px;
    background-size: 28px 28px;
}

.mostview-content:nth-child(9) {
    background-image: url('img/9.png');
    background-repeat: no-repeat;
    background-position: top 12px right 12px;
    background-size: 28px 28px;
}

.mostview-content:nth-child(10) {
    background-image: url('img/10.png');
    background-repeat: no-repeat;
    background-position: top 12px right 12px;
    background-size: 28px 28px;
}

.mostview-content.odd {
    background-color: var(--site-fourth-color);
}

.mostview-content-thumb {
    width: 80px;
    height: 100px;
    object-fit: cover;
    object-position: top;
}

.mostview-content-title {
    padding-right: 32px;
    font-size: 18px;
    line-height: 26px;
    font-family: var(--site-title-font);
}
/*-- end site home page content css --*/


/*-- site list page content css --*/
.list-page-content {
    margin-bottom: 24px;
}

.list-page-content .content,
.favorited-content-wrapper .content {
    padding: 16px 0 0 0;
}

.list-content-order,
.img-advertisement {
    margin-bottom: 24px;
}

.list-content-order {
    margin-left: 0;
    padding-left: 0;
    text-align: center;
}

.list-content-order li {
    padding: 0 6px;
    list-style: none;
    position: relative;
    display: inline-flex;
}

.list-content-order li:not(:last-child)::after {
    top: 0;
    right: -3px;
    bottom: 0;
    margin: auto;
    content: '';
    width: 1px;
    height: 80%;
    background: var(--font-second-color);
    position: absolute;
}

.list-content-order li a {
    font-weight: 700;
}

.list-content p {
    margin: 12px 0;
    padding: 0 8px;
}

.list-content ul {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.list-content li {
    padding: 8px;
    transition: .5s;
    list-style: none;
}

.list-content li:hover {
    background: var(--site-third-color);
}

.chap_itemHeader,
.chap_item {
    display: flex;
}

.chap_itemHeader {
    padding: 0 8px 12px 8px;
    font-weight: 700;
    border-bottom: 1px solid #DDD2A4;
}

.tfs_caption {
    margin: 12px 0;
    padding: 0 8px;
}

.chap_item {
    padding: 8px;
    transition: .5s;
}

.chap_item_tentruyen {
    width: 40%;
}

.chap_item_chapupdate {
    width: 60%;
}

.chap_item:hover {
    background: var(--site-third-color);
}
/*-- end site list page content css --*/


/*-- site change password page content css --*/
.change-password-label-wrapper {
    margin-bottom: 12px;
}

.change-password-label-wrapper label,
.change-password-label-wrapper input {
    margin-top: 4px;
    width: 100%;
}

.change-password-label-wrapper input {
    padding: 4px 12px;
    height: 35px;
    border: none;
    outline: none;
    color: var(--font-second-color) !important;
    background: var(--site-third-color);
}

.btn-change-password {
    padding: 8px 16px !important;
    height: 35px;
    border: none !important;
    color: var(--font-second-color) !important;
    background: var(--btn-bg-color) !important;
}

.change-password-errors-wrapper,
.change-password-subtitle.success {
    margin-top: 12px;
}

.change-password-subtitle {
    font-family: var(--site-title-font), sans-serif;
    color: var(--font-third-color);
}
/*-- end site change password page content css --*/


/*-- site forum page content css --*/
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results,
#bbpress-forums ul.bbp-topics {
    font-size: 14px;
    line-height: 20px;
}

#bbpress-forums p.bbp-topic-meta img.avatar {
    width: 20px;
    height: 20px;
}

.bbp-topic-freshness-author .bbp-author-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bbp-forum-description .bbp-author-avatar,
.bbp-topic-description .bbp-author-avatar {
    display: none;
}

#bbpress-forums div.bbp-reply-author {
    width: 125px;
}

#bbp-search-form,
.bbp-breadcrumb p {
    margin-bottom: 12px !important;
}

#bbp-search-form div {
    display: flex;
    align-items: center;
}

#bbp_search,
#bbp-topic-search-form #ts,
#bbp-user-replies-created .bbp-search-form #rs,
#bbp_search_submit {
    height: 32px;
    border-radius: 4px;
    border: none;
}

#bbp_search,
#bbp-topic-search-form #ts,
.bbp-login-form input,
#bbp-user-replies-created .bbp-search-form #rs,
#bbp-your-profile .bbp-form input,
#bbp-your-profile .bbp-form select,
#bbp-your-profile .bbp-form textarea {
    padding-left: 12px !important;
    padding-right: 12px !important;
    outline: none;
    border: none !important;
    border-radius: 4px !important;
    color: var(--font-second-color) !important;
    background: var(--site-third-color) !important;
}

.bbp-login-form label {
    width: auto;
}

#bbp_search_submit {
    margin-left: 12px;
    padding: 0 12px;
    color: var(--font-second-color);
    background: var(--btn-bg-color);
}

#bbpress-forums li.bbp-header {
    border: none;
    background: var(--site-primary-color);
    position: relative;
}

#bbpress-forums li.bbp-header::before {
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 50%;
    background: rgba(255,255,255, .3);
    position: absolute;
}

#bbpress-forums li.bbp-header ul {
    position: relative;
    z-index: 1;    
}

#bbpress-forums li.bbp-header ul,
#bbpress-forums li.bbp-header ul li a,
#bbpress-forums li.bbp-header ul li a:hover,
#bbpress-forums li.bbp-header ul li a:focus,
#bbpress-forums li.bbp-header ul li a:visited {
    color: var(--font-primary-color);
}

#bbpress-forums li.bbp-header .bbp-reply-author,
#bbpress-forums li.bbp-header .bbp-reply-content {
    color: var(--font-primary-color);
    position: relative;
    z-index: 1;
}

#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-topics,
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic,
#bbpress-forums fieldset.bbp-form,
#bbpress-forums div.bbp-forum-header,
#bbpress-forums div.bbp-topic-header,
#bbpress-forums div.bbp-reply-header,
#bbpress-forums ul.bbp-search-results,
#bbpress-forums li.bbp-footer {
    border-color: var(--site-third-color);
}

#bbpress-forums ul.bbp-replies {
    border: none;
    padding-top: 12px;
}

#bbpress-forums ul.bbp-replies .bbp-body {
    border: solid 1px var(--site-third-color);
}

#bbpress-forums ul.bbp-replies .bbp-reply-header,
#bbpress-forums ul.bbp-replies .bbp-footer {
    border-left: solid 1px var(--site-third-color);
    border-right: solid 1px var(--site-third-color);
}

#bbpress-forums ul.bbp-replies .bbp-footer {
    border-top: none;
    border-bottom: solid 1px var(--site-third-color);
}

#bbpress-forums ul.bbp-forums {
    margin-bottom: 24px;
}

#bbpress-forums ul.bbp-forums:last-child {
    margin-bottom: 0;
}

li.bbp-body ul.forum:nth-child(odd),
li.bbp-body ul.topic:nth-child(odd),
#bbpress-forums div.odd,
#bbpress-forums ul.odd {
    background: var(--site-fourth-color);
}

li.bbp-body ul.forum:nth-child(even),
li.bbp-body ul.topic:nth-child(even),
#bbpress-forums div.even,
#bbpress-forums ul.even {
    background: var(--site-second-color);
}

.bbp-topics ul.super-sticky {
    background: var(--btn-bg-color) !important;
}

.bbp-topics ul.super-sticky a,
.bbp-topics ul.super-sticky a:visited {
    color: var(--font-second-color) !important;
}

#bbpress-forums div.bbp-forum-header,
#bbpress-forums div.bbp-reply-header,
#bbpress-forums div.bbp-topic-header {
    background: var(--site-third-color);
}

#bbpress-forums div.bbp-forum-header a,
#bbpress-forums div.bbp-reply-header a,
#bbpress-forums div.bbp-topic-header a {
    color: var(--font-second-color);
}

#bbpress-forums fieldset.bbp-form legend,
#bbp-user-topics-started h2,
#bbp-user-replies-created h2,
#bbp-user-engagements h2,
#bbp-user-favorites h2,
#bbp-user-subscriptions h2,
#bbp-your-profile h2 {
    margin-bottom: 12px;
    padding: 0;
    font-family: var(--site-title-font);
}

#bbpress-forums li.bbp-footer {
    background: var(--site-fourth-color);
}

#bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a {
    background: var(--site-third-color);
}

.bbp-user-section h3 {
    font-family: var(--site-title-font);
}

.bbp-reply-form .bbp-template-notice {
    margin-top: 0;
    margin-left: 12px;
    margin-right: 12px;
}

.bbp-template-notice ul {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.bbp-template-notice li {
    list-style: inside;
}

.wp-generate-pw,
.password-button-wrapper button,
#bbp_user_edit_submit,
.bbp-submit-wrapper button {
    padding: 8px 12px !important;
    border: none;
    border-radius: 4px;
    color: var(--font-second-color);
    background: var(--btn-bg-color);
}

.password-button-wrapper {
    display: flex !important;
    justify-content: space-between !important;
}

.wp-hide-pw {
    margin-left: 0 !important;
}

.wp-cancel-pw {
    margin-right: 0 !important;
}

#bbpress-forums fieldset.bbp-form {
    padding: 4px 4px 16px 4px;
    background: var(--site-fourth-color);
    position: relative;
}

#bbpress-forums fieldset.bbp-form legend {
    margin-bottom: 0;
    padding: 8px 12px;
    width: 100%;
    font-size: 14px;
    line-height: 20px !important;
    font-weight: 700;
    font-family: var(--site-primary-font), sans-serif;
    color: var(--font-primary-color);
    background: var(--site-primary-color);
    display: block;
    position: relative;
    z-index: 1;
}

#bbpress-forums fieldset.bbp-form legend span {
    position: relative;
    z-index: 1;
}

#bbpress-forums fieldset.bbp-form legend::before,
#bbpress-forums fieldset.bbp-form legend::after {
    position: absolute;
    z-index: 1;
}

#bbpress-forums fieldset.bbp-form legend::before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: rgba(255,255,255, .3);
}

#bbpress-forums fieldset.bbp-form legend::after {
    content: '';
    bottom: -5px;
    left: 14px;
    width: 10px;
    height: 10px;
    rotate: -45deg;
    background: var(--site-primary-color);
    
}

.bbp-topic-form fieldset.bbp-form div.bbp-template-notice,
.bbp-topic-form fieldset.bbp-form div.indicator-hint,
.bbp-reply-form fieldset.bbp-form div.bbp-template-notice,
.bbp-reply-form fieldset.bbp-form div.indicator-hint {
    padding-left: .6em;
    padding-right: .6em;
    padding-bottom: 0 !important;
}

.bbp-form-edit > div,
.bbp-template-notice-wrapper,
.bbp-topic-form fieldset.bbp-form div.indicator-hint,
.bbpress-wrapper .bbp-login-form .bbp-username {
    margin-top: 60px;
}

.bbp-reply-form fieldset.bbp-form div.bbp-template-notice,
.bbp-reply-form fieldset.bbp-form div.indicator-hint {
    margin-top: 12px;
}

#bbpress-forums fieldset.bbp-form > div {
    padding: 0 12px 12px 12px;
}

#bbpress-forums fieldset.bbp-form > .bbp-submit-wrapper {
    padding-left: 0;
    padding-bottom: 0;
}

#bbpress-forums fieldset.bbp-form #bbp_topic_title,
#bbpress-forums fieldset.bbp-form #bbp_topic_tags,
#bbpress-forums fieldset.bbp-form #bbp_stick_topic_select,
#bbpress-forums fieldset.bbp-form #bbp_topic_status_select,
#bbpress-forums fieldset select#bbp_forum_id,
#bbp_topic_edit_reason,
#bbp_reply_to,
#bbp_reply_status_select,
#bbp_reply_edit_reason {
    padding: 8px 12px;
    width: 100%;
    height: 35px !important;
    outline: none;
    border-radius: 4px;
    border: none;
    color: var(--font-second-color);
    background-color: var(--site-third-color);
}

#bbpress-forums fieldset select#bbp_forum_id {
    max-width: 100%;
}

.bbp-remember-me,
.bbp_topic_subscription_wrapper,
.bbp-form-edit legend span {
    display: flex !important;
    align-items: center;
}

#bbp_topic_subscription,
#bbp_log_topic_edit,
#bbp_log_reply_edit,
.bbp-form .checkmark {
    height: 16px;
    width: 16px;
}

.bbp-form #rememberme,
.bbp-form #bbp_topic_subscription,
.bbp-form #bbp_log_reply_edit,
.bbp-form-edit #bbp_log_topic_edit {
    margin-bottom: 0 !important;
    margin-right: 4px !important;
    width: auto !important;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    z-index: 1;
}

.checkmark {
    margin-right: 4px;
    display: inline-block;
    background-color: var(--site-third-color);
    border-radius: 4px;
    position: relative;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.bbp-remember-me #rememberme:checked ~ .checkmark:after,
#bbp_topic_subscription:checked ~ .checkmark:after,
#bbp_log_topic_edit:checked ~ .checkmark:after,
#bbp_log_reply_edit:checked ~ .checkmark:after {
    display: block;
}

.checkmark:after {
    left: 0;
    top: 1px;
    right: 0;
    bottom: 4px;
    margin: auto;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#bbpress-forums fieldset.bbp-form #wp-bbp_topic_content-editor-container,
#bbpress-forums fieldset.bbp-form #wp-bbp_reply_content-editor-container {
    border: none;
    border-radius: 4px;
}

#bbpress-forums fieldset.bbp-form #qt_bbp_topic_content_toolbar,
#wp-bbp_reply_content-editor-container #qt_bbp_reply_content_toolbar {
    border: none;
    border-radius: 4px 4px 0 0 !important;
    background: var(--site-second-color);
}

#bbpress-forums fieldset.bbp-form #qt_bbp_topic_content_toolbar input,
#bbpress-forums fieldset.bbp-form #qt_bbp_reply_content_toolbar input {
    color: var(--font-second-color);
}

#bbpress-forums fieldset.bbp-form #bbp_topic_content,
#bbpress-forums fieldset.bbp-form #bbp_reply_content {
    border-radius: 0 0 4px 4px;
    color: var(--font-second-color);
    background: var(--site-third-color);
}
/*-- end site forum page content css --*/


/*-- site user page content css --*/
#bbpress-forums #bbp-single-user-details {
    width: 200px;
    border: solid 1px var(--site-third-color);
}

#bbpress-forums #bbp-single-user-details #bbp-user-avatar {
    padding: 12px;
    width: 100%;
    text-align: center;
}

#bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
    margin: 0;
}

#bbpress-forums #bbp-user-body {
    margin-left: 230px;
}
/*-- end site user page content css --*/


/*-- site not found page content css --*/
.img-notfound {
    margin: 24px 0;
}
/*-- end site not found page content css --*/


/*-- site archive page css --*/
.archive-main,
.single-main {
    margin: 24px 0;
}

.archive-title,
.page-title,
.single-title {
    margin-bottom: 0;
    font-size: 27px;
    line-height: 37px;
    font-family: var(--site-title-font);
    color: var(--font-third-color);
}

.archive-news-content-wrapper {
    margin-bottom: 24px;
}

.archive-news-content:not(:first-child) {
    margin-top: 24px;
    padding-top: 24px;
    border-top: solid 1px var(--site-third-color);
}

.archive-news-content-thumb {
    width: 237px;
    height: 160px;
    border-radius: 4px;
    object-fit: cover;
}

.archive-news-content-title {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 26px;
    font-family: var(--site-title-font);
}

.archive-news-content-date,
.archive-news-content-description {
    margin-top: 8px;
}

.archive-news-content-date {
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.archive-news-content-date {
    color: var(--font-fourth-color);
}

.icon-calendar,
.icon-author {
    margin-right: 4px;
    width: 24px !important;
    height: 24px;
    object-fit: contain;
}
/*-- end site archive page css --*/


/*-- site archive comic page css --*/
.archive-comic-header-subtitle span,
#bbpress-forums fieldset.bbp-form legend > span,
.bbp-forum-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.archive-comic-genres-wrapper,
.archive-comic-genres,
.archive-description {
    margin-top: 8px;
}

.archive-comic-genres-wrapper,
.favorite-term-btn span {
    display: inline-flex;
    align-items: center;
}

.archive-comic-genres-wrapper span,
.archive-comic-genres {
    margin-bottom: 0;
    color: var(--font-fourth-color);
}

.archive-comic-genres a:not(:last-child)::after,
.archive-comic-genres-wrapper span span,
.archive-comic-genres span {
    color: var(--font-second-color);
}

.archive-comic-genres-wrapper > span:not(:last-child),
.favorite-term-btn span:not(:last-child) {
    margin-right: 24px;
}

.archive-comic-genres a:not(:last-child)::after {
    content: ',';
}

.favorite-term-btn {
    padding: 0;
    border: none;
    background: none;
}

.favorite-term-btn.not-login:hover {
    cursor: default;
}

.favorite-term-btn.not-login .heart a {
    margin-right: 4px;
}

.favorite-term-btn.not-login .heart a:hover {
    cursor: pointer;
}

.favorite-term-btn span {
    color: var(--font-second-color);
}

.archive-comic-social-share,
.content-info-left,
.single-social-share {
    display: flex;
    align-items: center;
}

.archive-comic-social-share {
    margin-bottom: 12px;
}

.archive-comic-social-share a,
.single-social-share a {
    margin-left: 8px;
}

.icon-share {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    border: solid 1px var(--site-third-color);
    object-fit: cover;
}

.archive-comic-wrapper {
    margin-bottom: 24px;
}

.archive-comic-list {
    margin-bottom: 0;
}

.archive-comic-list th {
    padding-bottom: 8px;
    border-bottom: solid 1px #DDD2A4;
}

.archive-comic-list td {
    padding-top: 8px;
}

.archive-comic-list a:visited {
    color: #2D7397;
}

.taxonomy-comment-wrapper {
    margin-bottom: 24px;
}

.notfound-title {
    margin-bottom: 0;
    padding: 8px;
}
/*-- end site archive comic page css --*/


/*-- site favorited page content css --*/
.favorited-content-wrapper {
    margin-bottom: 24px;
}

.favorited-content-wrapper ul {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}
/*-- end site favorited page content css --*/


/*-- site search page content css --*/
.gnws-click_loadmore a {
    padding: 8px 12px;
    border-radius: 4px;
    background: var(--btn-bg-color);
    display: inline-flex;
    align-items: center;
}

.gnws-ajax_display {
    margin-left: 0;
    margin-bottom: 12px;
    padding-left: 0;
}

.gnws-ajax_display li {
    padding-bottom: 8px;
    list-style: none;
    
}

.gnws-ajax_display li:not(:last-child) {
    margin-bottom: 8px;
    border-bottom: solid 1px var(--site-third-color);
}

.gnws-click_loadmore a,
.gnws-click_loadmore a:visited {
    color: var(--font-second-color);
}

.gnws-click_loadmore a .count {
    margin-left: 4px;
}

.gnws-click_loadmore a .icon-loading {
    margin-left: 8px;
    width: 16px;
    filter: brightness(0) invert(1);
}

.gnws-click_loadmore a .icon-loading {
    fill: var(--font-second-color);
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}

@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}

@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform: rotate(360deg); 
    } 
}
/*-- end site search page content css --*/


/*-- site widget css --*/
.search-form,
.search-form label,
.search-field {
    width: 100%;
}

.search-field,
.search-submit {
    height: 40px;
    border-radius: 4px !important;
}

.search-form {
    display: flex;
    align-items: center;
}

.search-field {
    padding-left: 10px !important;
    padding-right: 10px !important;
    border: none !important;
    box-shadow: none !important;
}

.search-field::placeholder {
    color: var(--font-second-color);
}

.search-field,
.search-field:focus {
    color: var(--font-second-color) !important;
    background: var(--site-third-color);
}

.search-submit {
    margin-left: 12px;
    width: 150px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-submit .icon-search {
    margin-right: 8px;
    filter: brightness(0) invert(1);
}

.search-submit,
.search-submit:hover,
.search-submit:focus,
.search-submit:active {
    color: var(--font-second-color);
    background: var(--btn-bg-color);
}

.widget {
    margin-bottom: 0;
}

.widget:last-child {
    margin-bottom: 24px;
}

.widget ul {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.widget li {
    list-style: inside;
}

.hot-content-title,
.recent-post-widget-title,
.widget-status-title,
.widget-category-title,
.socials-content-wrapper li {
    list-style: none !important;
}

.hot-content-title {
    font-weight: 700;
}

.hot-content-title:not(:last-child),
.recent-post-widget-title:not(:last-child),
.widget-status-title:not(:last-child),
.widget-category-title:not(:last-child) {
    margin-bottom: 12px;
}

.widget-follow .content {
    padding: 16px 4px 4px 4px;
}

.socials-content-wrapper {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
    text-align: center;
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 16px;
}

.icon-social {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: solid 1px var(--site-third-color);
    object-fit: cover;
}
/*-- end site widget css --*/


/*-- site single css --*/
.single-main p:last-child {
    margin-bottom: 0;
}

.single-title {
    font-family: var(--site-title-font);
}

.single-content-info {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-content-author,
.single-content-date {
    margin-right: 24px;
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
}

.single-content-author {
    font-weight: 700;
}

.chapters-list,
.single-main .entry-content {
    margin-top: 24px;
}

.chapters-list,
.custom-post-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
}

.chapters-list {
    width: 100%;
}

.chapters-list span {
    margin-right: 8px;
}

.chapters-list select {
    padding: 4px 28px 4px 8px;
    width: auto;
    height: 35px;
    border-radius: 4px;
    color: var(--font-second-color);
    border-color: var(--font-fourth-color);
    background-color: var(--site-third-color);
}

.btnError,
.custom-post-navigation img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.btnError {
    margin-left: 12px;
}

.custom-post-navigation img {
    margin-left: 8px;
}

.single-main img {
    width: 100%;
}

.single-main p:not(:last-child) {
    margin-bottom: 24px;
}

.single-related-title,
.single-comment-title {
    margin-bottom: 0 !important;
}

.related-content {
    border-radius: 4px;
    background: var(--site-third-color)
}

.related-content-thumb {
    height: 130px;
    border-radius: 4px 4px 0 0;
    object-fit: cover;
}

.related-content .archive-news-content-info {
    padding: 8px;
}

.related-content .archive-news-content-title {
    height: 56px;
    overflow: hidden;
}

.single-tags-wrapper {
    margin-top: 24px;
}

.single-tags-title,
.tags-wrapper li,
.tags-wrapper li a {
    display: inline-block;
}

.tags-wrapper li a {
    padding: 4px 8px;
    border-radius: 4px;
    background: var(--site-third-color);
}

.tags-wrapper li a,
.tags-wrapper li a:visited {
    color: var(--font-second-color);
}

.tags-wrapper li a:hover {
    background: var(--btn-bg-color)
}

.tags-wrapper {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.tags-wrapper li {
    list-style: none;
}

.entry-meta,
.entry-footer,
.nav-links {
    display: none !important;
}
/*--  end site single css --*/


/*-- site pagination css --*/
.pagination,
.tags-pagination {
    margin-top: 24px;
}

.pagination {
    margin-left: 0;
    margin-bottom: 0;
}

.tags-pagination {
    font-size: 0;
    display: flex;
    align-items: center;
}

.pagination .page-item:not(:last-child),
.tags-pagination .page-numbers:not(:last-child) {
    margin-right: 10px;
}

.pagination .page-link,
.page-numbers {
    font-weight: 700;
}

.pagination .page-link,
.tags-pagination .page-numbers {
    min-width: 36px;
    height: 36px;
    border-radius: 4px !important;
    color: var(--font-second-color);
    border-color: var(--site-third-color);
    background: var(--site-third-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pagination .current,
.pagination .page-link:hover,
.pagination .page-link:focus,
.page-numbers.current,
.page-numbers:hover,
.page-numbers:focus {
    color: var(--font-primary-color) !important;
    border-color: var(--site-primary-color) !important;
    background: var(--site-primary-color) !important;
}

.pagination .page-link:hover,
.pagination .page-link:focus {
	box-shadow: none !important;
}

.tags-pagination .page-numbers {
    font-size: 14px;
    line-height: 20px;
}

.tags-pagination .page-numbers,
.tags-pagination .page-numbers:visited {
    color: var(--font-second-color);
}

.pagination .prev,
.pagination .next {
    padding: 0;
    border: none;
}

.pagination .prev img,
.pagination .next img,
.tags-pagination .prev img,
.tags-pagination .next img {
    filter: brightness(0) invert(1);
}

.pagination .prev:hover img,
.pagination .next:hover img,
.pagination .prev:focus img,
.pagination .next:focus img,
.tags-pagination .prev img:hover,
.tags-pagination .next img:hover,
.tags-pagination .prev img:focus,
.tags-pagination .next img:focus {
    filter: unset;
}
/*-- end site pagination css --*/


/*-- site footer css --*/
.back-to-top {
    padding: 12px;
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    border-radius: 4px;
    z-index: 999;
    background: var(--btn-bg-color);
    position: fixed;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.back-to-top:hover {
    cursor: pointer;
}

.icon-to-top {
    filter: brightness(0) invert(1);
}

.site-footer {
    margin-bottom: 24px;
}

.site-footer p:not(:last-child) {
    margin-bottom: 12px;
}
/*-- end site footer css --*/


@media (max-width: 768px) {
    .widget:first-child {
        margin-top: 0;
    }

    .mwidget-cover {
        margin-top: 24px !important;
    }

    .bb-form-lost-password #user_login {
        margin-top: 4px;
    }

    .archive-comic-genres-wrapper span {
        margin-bottom: 8px;
    }

    .site-brading .ms-3,
    .archive-news-content .ms-3,
    #bbpress-forums #bbp-user-body {
        margin-left: 0 !important;
    }

    .random-content .ms-3 {
        margin-left: 12px !important;
    }

    .single-content-date {
        margin-right: 0;
    }

    .site-brading-left,
    .content-info-left {
        margin-bottom: 24px;
    }

    #bbp-single-user-details,
    #bbpress-forums #bbp-single-user-details #bbp-user-avatar {
        margin-bottom: 12px !important;
    }

    .main-navigation .container {
        padding: 0;
    }

    .site-title,
    .bbpress .archive-title {
        text-align: center;
    }

    #bbpress-forums li.bbp-header .bbp-reply-author,
    #bbpress-forums li.bbp-footer .bbp-reply-author {
        width: auto !important;
    }

    #bbpress-forums #bbp-single-user-details {
        width: 100%;
        float: unset;
    }
    
    #bbpress-forums #bbp-single-user-details #bbp-user-avatar {
        margin-left: auto;
        margin-right: auto;
    }

    #bbp-user-topics-started .bbp-search-form,
    #bbp-user-replies-created .bbp-search-form,
    #bbp-user-engagements .bbp-search-form,
    #bbp-user-favorites .bbp-search-form,
    #bbp-user-subscriptions .bbp-search-form {
        margin-bottom: 12px;
        float: none !important;
    }

    .archive-news-content .flex-shrink-0,
    .single-related-wrapper .col-lg-3:not(:last-child) {
        margin-bottom: 16px;
    }

    .site-brading {
        padding: 24px 0;
    }

    .site-login {
        padding: 8px;
    }

    .random-content .mostview-content-genres,
    .mostview-lastest-title,
    .random-content-description {
        padding-right: 8px;
    }

    .site-brading-left,
    .site-brading-right {
        align-items: center;
    }

    .site-search .search-field, .site-search label {
        width: auto !important;
    }

    .mega-menu-item .mega-menu-link {
        border-radius: 0 !important;
        background-image: none !important;
    }

    .mega-current-menu-item .mega-menu-link {
        background-image: none !important;
    }

    
    .widget-cover,
    .main-navigation-bottom {
        display: none;
    }

    .mwidget-cover {
        display: block !important;
    }

    .site-brading-title {
        margin-top: 12px;
        font-size: 18px;
        line-height: 26px;
        text-align: center;
    }

    .random-content-title,
    .archive-title, .page-title, .single-title {
        font-size: 18px;
        line-height: 26px;
    }

    .related-content .archive-news-content-title {
        font-size: 16px;
        line-height: 23px;
        height: 46px;
    }

    .chapters-list select {
        width: 175px;
    }

    .random-content-description {
        max-height: 141px;
    }

    .related-content-thumb {
        height: 175px;
    }
    
    .recent-content-thumb {
        height: 250px;
    }

    .site-brading .d-flex,
    .archive-news-content,
    .archive-comic-genres-wrapper,
    .favorite-term-btn span {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    .favorite-term-btn.not-login .heart {
        flex-direction: row;
    }

    .archive-news-content .flex-shrink-0,
    .archive-news-content-thumb {
        width: 100%;
    }

    .single-content-info {
        flex-direction: column;
    }

    .back-to-top {
        right: 15px;
        bottom: 15px;
		width: 40px;
		height: 40px;
    }
}

@media (min-width: 600px) and (max-width: 960px) {
    
}

@media (min-width: 800px) and (max-width: 1280px) {
    
}

@media (min-width: 810px) and (max-width: 1080px) {
    .site-search .search-field,
    .site-search label {
        width: 230px !important;
    }
}

@media (min-width: 600px) and (max-width: 960px) and (orientation: landscape) {
    
}

@media (min-width: 900px) and (max-width: 1600px) {
    
}

@media (min-width: 800px) and (max-width: 1280px) and (orientation: landscape) {
    
}

@media (min-width: 810px) and (max-width: 1080px) and (orientation: landscape) {
    
}

@media (min-width: 992px) and (max-width: 1824px) {
    
}

@media (min-width: 1824px) {
    
}