/*
 Theme Name:   Kenta Docs Theme
 Description:  Kenta Theme & We Docs
 Author:       WP Moose
 Author URI:   https://www.wpmoose.com
 Template:     kenta
 Version:      1.0.11
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:
 Text Domain:  kenta-docs
*/

/**
    Docs list style
 */
.kenta-docs-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
    padding: 0;
}

.kenta-docs-single {
    width: 50%;
    padding: 12px;
}

@media (max-width: 768px) {
    .kenta-docs-single {
        width: 100%;
    }
}

.kenta-docs-single-content {
    padding: 24px;
    height: 100%;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    background: var(--kenta-base-color);
    border: 1px solid var(--kenta-base-300);
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(184, 184, 184, 0.15);
}

.kenta-docs-single-content .kenta-docs-thumbnail {
    display: block;
    border-bottom: 1px solid var(--kenta-base-300);
    margin: -24px -24px 24px;
}

.kenta-docs-single-content .kenta-docs-thumbnail img {
    margin: 0;
}

.kenta-docs-single-content .kenta-docs-title {
    font-size: 1.25rem;
    margin: 0 -24px;
    padding: 0 24px 24px 24px;
    border-bottom: 1px solid var(--kenta-base-300);
}

.kenta-docs-single-content .kenta-docs-title a {
    color: var(--kenta-accent-color);
    text-decoration: none;
}

.kenta-docs-single-content .kenta-docs-doc-sections {
    flex-grow: 1;
    list-style: none;
    margin: 24px 0;
    padding: 0;
}

.kenta-docs-single-content .kenta-docs-doc-sections svg {
    width: 1rem;
    height: 1rem;
    fill: var(--kenta-accent-active);
    margin-right: 12px;
}

.kenta-docs-single-content .kenta-docs-doc-sections li {
    display: flex;
    align-items: center;
}

.kenta-docs-single-content .kenta-docs-doc-sections a {
    font-weight: normal;
    color: var(--kenta-accent-active);
}

.kenta-docs-single-content .kenta-docs-doc-sections a:hover {
    color: var(--kenta-primary-color);
}

.kenta-docs-single-content .kenta-docs-doc-actions {
    margin: 0 -24px;
    padding: 24px 24px 0 24px;
    border-top: 1px solid var(--kenta-base-300);
}

.kenta-docs-single-content .kenta-button {
    font-family: inherit;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1;
    text-transform: capitalize;
    color: var(--kenta-base-color);
    text-decoration: none;
    --kenta-button-height: 32px;
    --kenta-button-shadow: none;
    --kenta-button-shadow-active: rgba(44, 62, 80, 0.2) 0px 0px 15px 0px;
    --kenta-button-padding: 0.875em 1.25em 0.875em 1.25em;
    --kenta-button-radius: 2px 2px 2px 2px;
    --kenta-button-initial-color: var(--kenta-primary-color);
    --kenta-button-hover-color: var(--kenta-accent-color);
    --kenta-button-border: 1px solid var(--lotta-border---kenta-button-border-initial-color);
    --lotta-border-initial-color: var(--kenta-primary-color);
    --lotta-border---kenta-button-border-initial-color: var(--kenta-primary-color);
    --lotta-border-hover-color: var(--kenta-accent-color);
    --lotta-border---kenta-button-border-hover-color: var(--kenta-accent-color);
    --kenta-button-text-hover-color: var(--kenta-base-color);
}

.kenta-docs-single-content .kenta-button:hover {
    color: var(--kenta-base-color);
}

/**
    Detail page
 */
.kenta-docs-detail .kenta-docs-single-wrap {
    --kenta-max-w-content: 100%;
    display: flex;
}

/* Breadcrumb */
.kenta-docs-detail .wedocs-breadcrumb a {
    text-decoration: none;
}
.kenta-docs-detail .wedocs-breadcrumb {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    font-size: 0.875rem;
    color: var(--kenta-accent-active);
}

.kenta-docs-detail .wedocs-breadcrumb .wedocs-icon-home {
    margin-right: 12px;
}

.kenta-docs-detail .wedocs-breadcrumb .delimiter {
    margin: 0 8px;
    opacity: 0.75;
}

.kenta-docs-detail .wedocs-breadcrumb a {
    color: var(--kenta-primary-color);
}

.kenta-docs-detail .wedocs-breadcrumb a:hover {
    color: var(--kenta-primary-active);
}

/* Content */
.kenta-docs-single-wrap .kenta-docs-single-content {
    flex-grow: 1;
}

.kenta-docs-single-wrap .kenta-docs-single-content .entry-header {
    border-bottom: 1px solid var(--kenta-base-300);
    padding: 48px 0 24px 0;
    margin-bottom: 24px;
}

.kenta-docs-single-wrap .kenta-docs-single-content .entry-metas {
    font-size: 0.875rem;
    font-style: italic;
}

.kenta-docs-single-wrap .wedocs-doc-nav {
    font-size: 0.9rem;
}

.kenta-docs-single-wrap .wedocs-doc-nav a:hover {
    color: var(--kenta-primary-color);
}

/**
    Sidebar
 */
.kenta-docs-sidebar {
    width: 25%;
    flex-shrink: 0;
}

.kenta-docs-sidebar ul.doc-nav-list a {
    text-decoration: none;
    color: inherit;
}
.kenta-docs-single-search-input.wedocs-single-search-input .search-field {
    border-radius: 4px;
}

.kenta-docs-sidebar ul.doc-nav-list > li > a:before {
    content: '\f07c';
    margin-right: 10px;
    font-family: 'wedocs';
}

.kenta-docs-sidebar ul.doc-nav-list li.wd-state-open > a > .wedocs-caret::before,
.kenta-docs-sidebar ul.doc-nav-list li.wd-state-closed > a > .wedocs-caret::before {
    font-family: 'wedocs' !important;
}

.kenta-docs-sidebar ul.doc-nav-list li.wd-state-closed > a > .wedocs-caret::before {
    content: '\f107';
}

.kenta-docs-sidebar ul.doc-nav-list li.wd-state-open > a > .wedocs-caret::before {
    content: '\f106';
}

.kenta-docs-sidebar ul.doc-nav-list > li.current_page_parent > a .wedocs-caret,
.kenta-docs-sidebar ul.doc-nav-list > li.current_page_item > a .wedocs-caret,
.kenta-docs-sidebar ul.doc-nav-list > li.current_page_ancestor > a .wedocs-caret {
    display: none;
}

.kenta-docs-sidebar ul.doc-nav-list li.wd-state-open > a > .wedocs-caret,
.kenta-docs-sidebar ul.doc-nav-list li.wd-state-closed > a > .wedocs-caret {
    float: right;
    line-height: inherit;
    padding: 0 10px;
    border-radius: 2px;
    color: var(--kenta-accent-color);
}

.kenta-docs-sidebar .widget-title {
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: 24px;
}

.kenta-docs-sidebar .doc-nav-list {
    list-style: none;
    margin: 0 24px 0 0;
    padding: 0;
}

.kenta-docs-sidebar .doc-nav-list li ul.children {
    list-style: none;
    margin: 15px 0 15px 26px;
    padding: 0;
    border: none;
}

.kenta-docs-sidebar ul.doc-nav-list li.wd-state-closed ul.children {
    display: none;
}

.kenta-docs-sidebar ul.doc-nav-list > li.current_page_parent ul.children,
.kenta-docs-sidebar ul.doc-nav-list > li.current_page_item ul.children,
.kenta-docs-sidebar ul.doc-nav-list > li.current_page_ancestor ul.children {
    display: block;
}

.kenta-docs-sidebar .doc-nav-list li a {
    display: block;
    padding: 10px 16px;
    border-radius: 2px;
    font-size: 0.9rem;
    line-height: 1.5;
}

.kenta-docs-sidebar ul.doc-nav-list > li.current_page_parent > a,
.kenta-docs-sidebar ul.doc-nav-list > li.current_page_item > a,
.kenta-docs-sidebar ul.doc-nav-list > li.current_page_ancestor > a {
    color: var(--kenta-base-color);
    background: var(--kenta-primary-color);
}

.kenta-docs-sidebar ul.doc-nav-list > li li a {
    border-left: 2px solid var(--kenta-base-300);
}

.kenta-docs-sidebar ul.doc-nav-list > li.current_page_parent li.current_page_item > a,
.kenta-docs-sidebar ul.doc-nav-list > li.current_page_item li.current_page_item > a,
.kenta-docs-sidebar ul.doc-nav-list > li.current_page_ancestor li.current_page_item > a {
    font-weight: bold;
    border-left: 2px solid var(--kenta-primary-color);
}

/**
    Doc Footer
**/
footer.entry-footer.wedocs-entry-footer .feedback-content {
    width: 100%;
}
footer.entry-footer.wedocs-entry-footer .feedback-content .wedocs-feedback-wrap {
    padding: 0;
    border: none;
    background: transparent;
}
footer.entry-footer.wedocs-entry-footer .feedback-content .wedocs-feedback-wrap a {
    border-radius: 4px;
    padding: 4px 16px;
}

/**
    Moose Theme
 */
.kenta-single-theme-content {
    --kenta-max-w-content: auto;
    background: var(--kenta-base-color);
    padding: 24px;
    border: 1px solid var(--kenta-base-300);
}

.kenta-single-theme-content .moose-single-theme-screenshot {
    margin: -24px -24px 24px;
}

.kenta-single-theme-content .moose-single-theme-screenshot img {
    margin: 0;
    border-bottom: 1px solid var(--kenta-base-300);
}

.kenta-sidebar.kenta-single-theme-sidebar {
    --kenta-sidebar-width: 35%;
    --moose-theme-license-active-color: var(--kenta-primary-color);
}

.moose-theme-entry-actions .kenta-button,
.kenta-button.moose-themes-button {
    width: 100%;
    display: block;
    margin: 12px 0;
    text-align: center;
    text-transform: capitalize;
    border: none;
    color: var(--kenta-button-text-initial-color) !important;
    font-family: inherit;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;

    --kenta-button-padding: 12px 24px;
    --kenta-button-radius: 2px;
    --kenta-button-text-initial-color: var(--kenta-base-color);
    --kenta-button-initial-color: var(--kenta-primary-color);
    --kenta-button-text-hover-color: var(--kenta-base-color);
    --kenta-button-hover-color: var(--kenta-primary-active);
}

.kenta-button.moose-themes-button.moose-theme-homepage,
.kenta-button.moose-themes-button.moose-theme-purchase {
    --kenta-button-initial-color: #22c55e;
    --kenta-button-hover-color: #16a34a;
}

.kenta-button.moose-themes-button.moose-theme-free-button {
    --kenta-button-initial-color: #0284c7;
    --kenta-button-hover-color: #0369a1;
}

.kenta-button.moose-themes-button.moose-theme-documentation {
    --kenta-button-initial-color: var(--kenta-primary-color);
    --kenta-button-hover-color: var(--kenta-primary-active);
}

.kenta-widget.kenta-single-theme-widget p {
    margin-bottom: 6px;
    margin-top: 6px;
}

.kenta-single-theme-widget .wp-block-table {
    margin: 0;
}

.kenta-widget.kenta-single-theme-widget table tbody td:first-child,
.kenta-widget.kenta-single-theme-widget table tbody td {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.kenta-single-theme-header .single-theme-entry-header,
.kenta-single-theme-header {
    position: relative;
}

.kenta-single-theme-header .single-theme-entry-header {
    z-index: 1;
}

.kenta-single-theme-header::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.moose-theme-entry {
    background: var(--kenta-base-color);
    border: 1px solid var(--kenta-base-300);
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(184, 184, 184, 0.15);
}

.moose-theme-entry .moose-theme-screenshot {
    border-bottom: 1px solid var(--kenta-base-300);
}

.moose-theme-entry-content .moose-theme-title {
    margin-top: 0;
    margin-bottom: 12px;
    font-family: inherit;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5;
    --kenta-link-initial-color: var(--kenta-accent-color);
    --kenta-link-hover-color: var(--kenta-primary-color);
}

.moose-theme-entry-content .moose-theme-title,
.moose-theme-entry-content .moose-theme-title a {
    text-decoration: none;
}

.moose-theme-entry-content .moose-theme-description {
    margin-top: 0;
    margin-bottom: 12px;
    font-family: inherit;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.5;
}

.moose-theme-entry-content .moose-theme-entry-actions {
    margin: 0 -24px;
    padding: 12px 24px 0 24px;
    border-top: 1px solid var(--kenta-base-300);
}

.moose-theme-entry-actions .moose-themes-free-button,
.moose-theme-entry-actions .moose-themes-purchase-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid var(--kenta-base-300);
    margin-right: 12px;
    fill: var(--kenta-accent-color);
    border-radius: 2px;
}

.moose-theme-entry-actions .moose-themes-free-button:hover,
.moose-theme-entry-actions .moose-themes-purchase-button:hover {
    border-color: var(--kenta-primary-color);
    fill: var(--kenta-primary-color);
}

.moose-theme-entry-actions .moose-themes-detail-button {
    width: auto;
    margin: 0;
    margin-left: auto;
    font-size: 0.75rem;
    --kenta-button-shadow-active: none;
}

.kenta-pagination a.kenta-btn {
    text-decoration: none;
}