/*
Theme Name: twentytwentyfive-child
Theme URI: https://example.com
Author: Joshua Richardson
Author URI: https://example.com
Description: A custom theme
Version: 1.0
Template: twentytwentyfive
*/

/* Homepage */

:root {
    --color-background-dark: #121212;
    --color-background-medium: #2A2A2A;
    --color-background-hover: #414141;
    --color-text-light: #fff;
    --color-text-secondary: #B8B8B8;
    --color-border-gray: #575757;
    --color-cyb-blue: #0F272E;
    --color-cyb-purple: #400C53;
    --color-cyb-purple-hover: #532464;
    --padding-small: 8px;
    --padding-medium: 14px;
    --padding-large: 20px;
    --font-size-small: 12px;
    --font-size-medium: 14px;
    --font-size-large: 18px;
    --font-size-xlarge: 20px;
    --line-height: 150%;
    --border-radius: 12px;
}

html {
    margin-top: 0 !important;
}

#epkb-ml__module-categories-articles #epkb-ml-grid-layout .epkb-section-container .eckb-categories-list {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
}

#epkb-ml__module-categories-articles #epkb-ml-grid-layout .epkb-section-container .elay-three-col a {
    width: 100% !important;
}

#epkb-ml__module-categories-articles #epkb-ml-grid-layout .epkb-section-container {
    margin: 0 !important;
}

/* .elay-icon-elem {
    display: none;
} */

.home-category-container .elay-icon-elem {
    padding-top: 0 !important;
}

.home-category-container {
    margin: 0 auto !important;
    padding-left: 250px !important;
}


.page-id-11 #eckb-article-content {
    display: none !important;
}

.sidebar-title {
    display: none;
}

#asea_search_form {
    max-width: 650px !important;
    width: 100% !important;
    position: relative !important;
}

body .eckb-kb-block-sidebar-layout #epkb-ml__module-categories-articles #epkb-ml-sidebar-layout #elay-sidebar-container-v2 .elay-sidebar__body__sub-cat .elay-category-level-2-3 {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

/* Resetting Padding */
.eckb-categories-list .section-head,
.eckb-categories-list .elay-grid-category-name,
.eckb-categories-list .elay-section-body,
.eckb-categories-list .elay-section-body p,
#eckb-archive-content .eckb-article-header,
.eckb-sub-category-container {
    padding: 0 !important;
}

/* Text and Typography */
body .eckb-kb-block-grid-layout #epkb-ml__module-categories-articles #epkb-ml-grid-layout .section-head .elay-grid-category-name,
.eckb-kb-block-grid-layout #epkb-ml-cat-article-sidebar .epkb-ml-article-section__head {
    font-size: var(--font-size-large) !important;
    line-height: var(--line-height) !important;
    padding: 0 0 4px 0 !important;
}

.elay-sidebar__cat-container .elay-sidebar__heading__inner__cat-name {
    font-weight: normal !important;
    font-size: var(--font-size-medium) !important;
}

.eckb-categories-list .elay-top-category-box,
body #elay-sidebar-container-v2 .elay-sidebar__cat__top-cat__heading-container,
body #elay-sidebar-container-v2 .elay-sidebar__body__sub-cat .elay-category-level-2-3,
.elay-sidebar__cat-container .eckb-articles-ordering li {
    padding: var(--padding-medium) !important;
    border-radius: var(--border-radius) !important;
    transition: 0.1s !important;
}

.eckb-kb-block-sidebar-layout #epkb-ml__module-categories-articles #epkb-ml-sidebar-layout #elay-sidebar-container-v2 .elay-sidebar__cat__top-cat__heading-container, .eckb-kb-block-sidebar-layout #epkb-ml__module-categories-articles #epkb-ml-sidebar-layout #epkb-ml-sidebar-layout-inner .elay-sidebar__cat__top-cat__heading-container {
    padding: var(--padding-medium) !important;
    border-radius: var(--border-radius) !important;
}

.eckb-kb-block-sidebar-layout #epkb-ml__module-categories-articles #epkb-ml-sidebar-layout #elay-sidebar-container-v2 .elay-sidebar__cat__top-cat__heading-container:hover {
    background-color: var(--color-cyb-purple-hover) !important;
}

#elay-sidebar-container-v2 .elay-sidebar__cat__top-cat__heading-container:hover {
    background-color: var(--color-cyb-purple-hover) !important;
}

.epkb-block-main-page-container .section-head  {
    /* min-height: 100% !important; */
}

.epkb-block-main-page-container .elay-top-category-box {
    height: 100% !important;
}

.home-category-container .epkb-block-main-page-container {
    max-width: 1000px !important;
}

#epkb-ml__module-categories-articles #epkb-ml-grid-layout .elay-text-center p {
    text-align: left !important;
    line-height: 150% !important;
}

.epkb-section-container .elay-top-category-box {
    background-color: var(--color-cyb-purple) !important;
    border: none !important;
    border-radius: 24px !important;
    transition: 0.1s !important;
}

.epkb-section-container .elay-top-category-box:hover {
    background-color: var(--color-cyb-purple-hover) !important;
    border: none !important;
    border-radius: 24px !important;
}

.epkb-section-container .elay-top-category-box h2 {
    color: #fff !important;
}

.epkb-section-container .elay-top-category-box p {
    color: rgba(255,255,255,0.7) !important;
}

.epkb-section-container .section-head {
    background-color: rgba(0,0,0,0) !important;
}



/* Search */
#asea-search-background-image-1 {
    background-image: none !important;
}

#asea-search-gradient-1 {
    background: var(--color-background-dark) !important;
    opacity: 1 !important;
}

#asea_advanced_search_terms {
    font-size: 16px !important;
}

/* Table of Contents */
.eckb-article-toc__level {
    background-color: #101F23;
    border-radius: var(--border-radius) !important;
}

#eckb-article-page-container-v2 .eckb-article-toc .eckb-article-toc__inner ul li a {
    border-radius: var(--border-radius) !important;
}

.eckb-article-toc__level a {
    padding: var(--padding-small) !important;
}

/* For WebKit browsers (Chrome, Edge, Safari) */
.eckb-article-toc__inner::-webkit-scrollbar {
  width: 8px; /* adjust as needed */
}

.eckb-article-toc__inner::-webkit-scrollbar-track {
  background: #2a2a2a;
  border-radius: 4px;
}

.eckb-article-toc__inner::-webkit-scrollbar-thumb {
  background-color: #555; /* scrollbar handle color */
  border-radius: 4px;
  border: 2px solid #2a2a2a; /* matches track for a seamless look */
}

/* For Firefox */
.eckb-article-toc__inner {
  scrollbar-width: thin;
  scrollbar-color: #555 #2a2a2a;
}

/* Sidebar */
#eckb-archive-left-sidebar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 999 !important;
    max-width: 250px !important;
    width: 100%;
    overflow-y: scroll !important;
    border-right: 1px solid var(--color-border-gray) !important;
    height: 100vh;
}

#eckb-archive-left-sidebar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#eckb-archive-left-sidebar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

#eckb-article-left-sidebar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 999 !important;
    max-width: 250px !important;
    width: 100%;
    border-right: 1px solid var(--color-border-gray) !important;
    height: 100vh;
    overflow-y: scroll !important;
}

#eckb-article-left-sidebar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#eckb-article-left-sidebar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.elay-sidebar__cat-container {
    border: 0 !important;
    padding: 80px 10px 10px 10px !important;
}

#elay-sidebar-container-v2 {
    background-color: var(--color-background-dark) !important;
    border: 0 !important;
    box-shadow: none !important;
}

.elay-sidebar__cat__top-cat__heading-container {
    border: 0 !important;
    border-radius: var(--border-radius) !important;
}

.epkb-sidebar__cat__top-cat {
    height: 100vh !important;
}

.elay-sidebar__cat__top-cat {
    margin-bottom: var(--padding-medium) !important;
}

#eckb-archive-page-container #elay-sidebar-container-v2.elay-sidebar--medium-shadow {
    box-shadow: none !important;
}

.elay-category-level-2-3 {
    background-color: var(--color-background-medium) !important;
    border-radius: var(--border-radius) !important;
    font-size: var(--font-size-medium) !important;
    margin-bottom: var(--padding-medium) !important;
    transition: 0.1s;
}

.elay-sidebar__body__sub-cat .elay-category-level-2-3:hover {
    background-color: var(--color-background-hover) !important;
}

.elay-sidebar__cat-container .eckb-articles-ordering li {
    background-color: var(--color-background-medium) !important;
    font-size: var(--font-size-small) !important;
    margin-bottom: var(--padding-medium) !important;
    transition: 0.1s;
}

body .elay-sidebar__cat-container .eckb-articles-ordering .active {
    background-color: var(--color-background-hover) !important;
}

.elay-sidebar__cat-container .eckb-articles-ordering li:hover {
    background-color: var(--color-background-hover) !important;
}

body #elay-sidebar-container-v2 .elay-sidebar__cat__top-cat__body-container .elay-sidebar__body__sub-cat,
body .elay-sidebar__cat-container .eckb-articles-ordering {
    padding-left: var(--padding-large) !important;
    padding-bottom: 0 !important;
}

.elay-article-title__icon {
    color: var(--color-text-light) !important;
}

#eckb-article-page-container-v2 #eckb-article-left-sidebar {
    padding: 0 !important;
}

#eckb-archive-page-container #eckb-archive-left-sidebar {
    padding: 0 !important;
}

#epkb-ml__module-categories-articles #epkb-ml-sidebar-layout #eckb-article-body #eckb-article-left-sidebar>section {
    width: 100% !important;
}

body #elay-sidebar-container-v2 .elay-sidebar__cat-container li .active {
    margin-left: 0 !important;
    padding: 14px !important;
}

.eckb-article-toc__title {
    display: none;
}

#elay-sidebar-container-v2 .elay-sidebar__cat-container .elay-sidebar__cat__top-cat .elay-sidebar__cat__top-cat__body-container .elay-sidebar__body__sub-cat {
    padding-top: 8px !important;
}

.elay-sidebar-container-v2 {
    box-shadow: none !important;
}

/* #elay-sidebar-container-v2 .elay-sidebar__cat__top-cat__body-container {
    padding-bottom: 0 !important;
} */

/* Category Archive Page */
#eckb-archive-content {
    background-color: var(--color-background-dark) !important;
    max-width: 1000px !important;
    width: 100% !important;
    margin: 0 auto !important;
}

#eckb-archive-content .eckb-article-container {
    background-color: var(--color-background-medium) !important;
    border-radius: var(--border-radius) !important;
    transition: 0.1s;
}

#eckb-archive-content .eckb-article-container a {
    padding: var(--padding-medium) !important;
}

#eckb-archive-content .eckb-article-container span {
    line-height: var(--line-height) !important;
    transition: 0.1s;
}

#eckb-archive-content .eckb-article-container:hover {
    background-color: var(--color-background-hover) !important;
}

#eckb-archive-content .eckb-article-container:hover span {
    color: var(--color-text-light) !important;
}

#eckb-archive-content .epkb-article__text {
    margin-left: 0 !important;
}

.epkb-ml-article-container .epkb-article__text {
    font-size: 14px !important;
}



#eckb-archive-content .eckb-category-archive-articles-list-title,
.eckb-sub-category-title {
    font-weight: normal !important;
    color: var(--color-text-light) !important;
    font-size: var(--font-size-xlarge) !important;
}

.eckb-sub-category-container {
    width: 100% !important;
}

#eckb-archive-page-container #eckb-archive-body {
    grid-template-columns: 250px 70% !important;
}

.elay-category-level-2-3__cat-name h3 {
    font-size: 14px !important;
}

.ep_font_icon_arrow_carrot_right:before {
    color: var(--color-text-light) !important;
}

#eckb-archive-page-container #eckb-archive-body {
    display: grid !important;
}

#tax-epkb_post_type_1_category {
    overflow-x: hidden !important;
}

/* Sub Categories */
#eckb-archive-page-container #eckb-archive-content .eckb-sub-category-list-container .eckb-sub-category-row {
    flex-direction: column !important;
}

#eckb-archive-page-container .eckb-category-archive-arrow {
    color: var(--color-text-secondary) !important;
}

#eckb-archive-page-container #eckb-archive-content .eckb-sub-category-list-container .eckb-sub-category-row.eckb-sub-category-row-columns-2 .eckb-sub-category-container .eckb-article-container .eckb-article-header .eckb-category-archive-arrow {
    top: auto !important;
    /* right: 14px !important; */
    position: static !important;
}

#eckb-archive-page-container #eckb-archive-content .eckb-article-list-container {
    row-gap: 15px !important;
}

#eckb-archive-page-container #eckb-archive-content .eckb-sub-category-list-container .eckb-sub-category-container .eckb-sub-category-footer .eckb-sub-category-show-all-link {
    color: #fff !important;
}

/* Article KB Page */

#eckb-article-page-container-v2 #eckb-article-body {
    grid-template-columns: 70% 30% !important;
    max-width: 1280px !important;
    padding-left: 250px !important;
}

#eckb-article-page-container-v2 .eckb-article-toc {
    top: 48px !important;
}

#eckb-archive-page-container .eckb-sub-category-container {
    border: 0 !important;
}

.eckb-category-archive-arrow {
    padding: 5px 14px 5px 0 !important;
}

.eckb-category-archive-title-name {
    color: #fff !important;
}

.eckb-article-toc-outline li:nth-child(1) {
    margin-top: 0 !important;
}

.eckb-breadcrumb-nav li {
    font-size: 12px !important;
}

#eckb-article-page-container-v2 #eckb-article-body #eckb-article-content #eckb-article-content-header-v2 #eckb-article-content-breadcrumb-container .eckb-breadcrumb-nav li {
    padding-right: 4px !important;
}

#eckb-article-content-breadcrumb-container {
    padding-bottom: 32px !important;
}

#eckb-article-content .eckb-article-title {
    padding-bottom: 32px !important;
}

.epkb-article-navigation-container a {
    border-radius: var(--border-radius) !important;
}

.epkb-article-navigation-container div {
    flex: 1 !important;
}

.eckb-article-toc__level-2 {
    margin-left: 14px !important;
}

#eckb-article-content-body .wp-block-heading {
    margin: 16px 0 !important;
}

#eckb-article-content-body p {
    margin: 16px 0 !important;
}

/* Search bar */
#asea-sub-section-1-2 {
    padding-left: 250px !important;
}

.eckb-kb-block-search #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box {
    margin-left: 250px !important;
}

body #asea-doc-search-container #asea-doc-search-box-container #asea_search_form .asea-search-box {
    background-color: var(--color-background-dark) !important;
    background: var(--color-background-dark) !important;
    border: 1px solid var(--color-border-gray) !important;
    border-radius: 999px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    height: 54px !important;
}

body #asea-doc-search-container #asea-doc-search-box-container #asea_search_form .asea-search-box input {
    color: #fff !important;
}

body #asea-search-title {
    padding-left: 250px !important;
    padding-bottom: 34px !important;
    font-family: "Eina03-Bold", arial !important;
}
body .epkb-ml-search-title {
    padding-left: 250px !important;
    padding-bottom: 34px !important;
}

#asea_search_results {
    padding-top: 52px !important;
}

#asea-doc-search-container #asea-section-1 #asea_search_form #asea_search_results {
    z-index: 999 !important;
    background-color: var(--color-background-dark) !important;
    border: 1px solid var(--color-border-gray) !important;
    border-radius: 24px !important;
    position: absolute !important;
    width: 100% !important;
    top: 1px !important;
    box-shadow: rgb(18, 18, 18) 0px 20px 80px 16px !important;
}

.asea-search-box {
    z-index: 9999 !important;
}

#asea-doc-search-container #asea-section-1 #asea_search_form #asea_search_results ul li a .eckb-article-title .eckb-article-title-text {
    color: var(--color-text-secondary) !important;
    transition: 0.1s;
}

#asea-doc-search-container #asea-section-1 #asea_search_form #asea_search_results ul li a:hover .eckb-article-title .eckb-article-title-text {
    color: #fff !important;
}

#asea-doc-search-container #asea-section-1 #asea_search_form #asea_search_results ul li {
    border-bottom: 1px solid var(--color-border-gray) !important;
}

#asea-doc-search-container #asea-section-1 #asea_search_form #asea_search_results ul li:last-child {
    border-bottom: 0 !important;
}

#asea-doc-search-container #asea-section-1 #asea_search_form #asea_search_results ul li a:hover  {
    background-color: var(--color-background-dark) !important;
}

#asea-doc-search-container #asea-section-1 #asea_search_form #asea_search_results ul li a .eckb-article-title .eckb-article-title-category .eckb-article-title-category-name {
    color: #fff !important;
    background-color: var(--color-cyb-purple) !important;
}

#asea-search-pattern-1 {
    border-bottom: 1px solid var(--color-border-gray) !important;
}

#epkb-ml__module-search {
    background-color: var(--color-background-dark) !important;
}

#asea-doc-search-container #asea-section-1 #asea_search_form #asea_search_results #asea-all-search-results a {
    background-color: var(--color-background-dark) !important;
    padding: 14px 0 !important;
    border-radius: 0 0 24px 24px !important;
}

body #asea-section-1 {
    padding-bottom: 60px !important;
}

#epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-input-height--large #epkb-ml-search-box {
    height: 54px !important;
}

#epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box {
    background-color: var(--color-background-dark) !important;
}

#asea-search-title {
    font-family: "Eina04-Bold", Courier, monospace !important;
}

.eckb-breadcrumb-link a span {
    transition: 0.1s !important;
}

.eckb-breadcrumb-link a:hover span {
    color: #fff !important;
}

#eckb-article-body .eckb-article-toc ul a.active {
    color: #fff !important;
}

#asea-all-search-results {
    display: none !important;
}

#asea-doc-search-container #asea-section-1 #asea-sub-section-1-2 {
    z-index: 999 !important;
}

.eckb-article-title-icon {
    color: #9500cc !important;
}


/* #epkb-ml-search-form .epkb-ml-search-box__btn {
    display: none !important;
}

#epkb-ml-search-form .epkb-ml-search-box__input {
    background-color: var(--color-background-dark) !important;
    background: var(--color-background-dark) !important;
    border: 1px solid var(--color-border-gray) !important;
    border-radius: 999px !important;
}

body #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-box__input {
    background-color: var(--color-background-dark) !important;
    background: var(--color-background-dark) !important;
}

.eckb-kb-block-search .epkb-block-main-page-container {
    border-bottom: 1px solid var(--color-border-gray) !important;
}

#epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form {
    margin-top: 0 !important;
} */

/* Footer */
footer {
    padding-left: 250px !important;
}

 /* Site Logo */

header .custom-logo-link {
    position: fixed;
    left: 10px;
    top: 20px;
    z-index: 9999;
 }

 /* Custom style */
 iframe {
    width: 100%;
 }

 #eckb-article-content-body .wp-block-image img {
    border-radius: 24px !important;
    border: 1px solid #262626 !important;
 }

 #eckb-article-content-body .wp-block-separator {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
 }

 #eckb-article-content-body code {
    background-color: #2a2a2a;
    border-radius: 4px;
    padding: 2px 4px;
}

#fancybox-content {
    border-radius: 24px;
}

#fancybox-outer {
    background-color: rgba(0,0,0,0) !important;
}

.custom-game-start-now:hover {
    background-color: #1B3238 !important;
}

.wp-block-heading .has-inline-color {
    background-color: var(--color-cyb-blue) !important;
    padding: 5px
}



@media only screen and (max-width: 1173px) {
    #eckb-article-page-container-v2 #eckb-article-body {
        padding-left: 0 !important;
    }
    #eckb-article-page-container-v2 #eckb-article-body #eckb-article-content {
        padding-left: 250px !important;
    }
    #eckb-article-page-container-v2 #eckb-article-body {
    grid-template-columns: 75% 25% !important;
    }
}

@media only screen and (max-width: 981px) {
    #eckb-article-page-container-v2 #eckb-article-body #eckb-article-content {
        padding-left: 275px !important;
    }
    #epkb-ml__module-categories-articles #epkb-ml-grid-layout .epkb-section-container .eckb-categories-list {
    grid-template-columns: 1fr 1fr !important;
    }
    #epkb-ml__module-categories-articles #epkb-ml-grid-layout .epkb-section-container .elay-three-col a {
    width: calc(100% + 20px)!important;
    }
}

@media only screen and (max-width: 768px) {
    #eckb-article-left-sidebar {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        max-width: 100% !important;
    }
    #eckb-article-page-container-v2 #eckb-article-body #eckb-article-content {
        padding-left: 20px !important;
    }
    /* Table of contents */
    #eckb-article-content .eckb-article-toc, #eckb-article-content .eckb-article-toc__level {
        display: none !important;
    }

    #asea-sub-section-1-2 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    body #asea-search-title {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    #eckb-article-left-sidebar {
        border-right: 0 !important;
    }
    .wp-container-core-group-is-layout-6c531013 {
    flex-direction: column-reverse;   
    }
    .home-category-container {
        padding-left: 0 !important;
    }
    .eckb-kb-block-sidebar-layout {
        width: 100% !important;
    }
    .eckb-kb-block-sidebar-layout #epkb-ml__module-categories-articles #epkb-ml-sidebar-layout #epkb-ml-sidebar-layout-inner {
        background-color: var(--color-background-dark) !important;
        padding: 0 !important;
    }
    header .custom-logo-link {
        position: static;
    }
    .sidebar-title {
        display: block;
        padding-top: 64px;
        text-align: left;
        margin-right: auto !important;
        margin-left: 20px !important;
    }
    .elay-sidebar__cat-container {
        padding: 0 10px 10px 10px !important;
    }
    #asea-doc-search-container #asea-section-1 #asea_search_form {
        width: 100% !important;
        padding: 0;
    }
    .eckb-kb-block-advanced-search #asea-doc-search-container #asea-section-1 #asea-search-title {
        font-size: 30px !important;
        text-align: left !important;
    }
    #asea-doc-search-container #asea-section-1 #asea-search-title {
        text-align: left;
        font-size: 24px !important;
    }
    body #asea-section-1 {
        padding-bottom: 44px !important;
    }
    #eckb-archive-page-container #eckb-archive-body {
        display: flex !important;
        flex-direction: column-reverse !important;
    }
    #eckb-archive-left-sidebar {
        position: static !important;
        max-width: 100% !important;
        height: 100% !important;
        border-right: 0 !important;
        display: none !important;
    }
    .wp-singular .elay-sidebar__cat-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    body #asea-search-title {
        padding-bottom: 24px !important;
    }
    footer {
        padding-left: 0 !important;
    }

    #eckb-archive-page-container #eckb-archive-content .eckb-article-list-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

