/* page Sidebar */
:root {
    --block-btn-sz: clamp(3.125rem, 2.6471rem + 1.9608vw, 5rem);
	--min-top-nav-to-content:clamp(1.875rem, -0.0193rem + 7.7121vw, 3.75rem);
}

#sidebar-toc .on-this-pg-row {
    flex-direction: row;
    align-self: stretch;
    justify-content: space-between;
    width: -webkit-fill-available;
    height: var(--block-btn-sz) !important;
}

.sidebar .nav-outer {
    display: flex;
    flex-direction: column;
    gap: 0 !important;
    width: 100%;
}

#sidebar-toc .sidebar-inner-wrapper {
    margin: 0 !important;
    gap: var(--spacing-30-40) !important;
}

.sidebar-toc-toggle {
    display: none !important;
}

.sidebar-nav-row {
    display: flex;
    align-items: center;
    margin-block-start: 0 !important;
    margin-bottom: 0 !important;
    column-gap: var(--grid-size-mob-half);
}

.sidebar-nav-row .wp-block-buttons {
    flex: 0 0 auto;
    margin: 0 !important;
}

.sidebar-nav-row .is-style-side-bar-nav-link {
    flex: 1 1 auto;
    margin: 0 !important;
}

.sidebar-toc-section-title {
    margin-top: 1.25rem !important;
    /* margin-bottom: var(--p-small-bottom) !important; */
} 

.sidebar-toc-toggle__label{
	margin-bottom:0px !important;
}

@media (min-width: 1281px) {
    .sidebar-toc-title + .js-sidebar-toc > .sidebar-toc-section-title:first-child,
    .js-sidebar-toc > .sidebar-toc-section-title:first-child {
        margin-top: 0 !important;
    } 
}

@media (max-width: 1280px) {
    /*     
    .on-this-pg-row {
        height: 3.75rem !important;
    } 
    */

    #sidebar-toc .sidebar-inner-wrapper {
        gap: 0px !important;
    }

    .sidebar-nav-row {
        column-gap: var(--grid-size-dt-half) !important;
    }
}
/* 
.mobile-page-nav {
    display: flex;
    flex-direction: column;
} 
*/

#sidebar-toc .is-style-sidebar-block-btn {
    width: var(--block-btn-sz) !important;
    height: var(--block-btn-sz) !important;
    border-left: 1px solid var(--black) !important;
    border-right: 1px solid var(--black) !important;
    border-bottom: 1px solid var(--black) !important;
}
.sidebar-nav-row.first-row .is-style-sidebar-block-btn {
    border-top: 1px solid var(--black) !important;
}
.sidebar-nav-row.first-row .is-style-sidebar-block-btn a {
    border-top-style: solid;
}
.sidebar-nav-row.first-row .is-style-sidebar-block-btn a {
    border-bottom-style: none !important;
}


@media (max-width: 1280px) {
    #sidebar-toc {
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
    }
    #sidebar-toc .sidebar-nav-row:not(.last-row) {
        border-bottom: 1px solid var(--black) !important;
    }
    #sidebar-toc .is-style-sidebar-block-btn {
        border-style: none !important;
    }
}



.sidebar .is-style-sidebar-block-btn a.mPS2id-highlight {
    background-color: transparent !important;
    color: inherit !important;
}

.sidebar .is-style-sidebar-block-btn.nav-active a {
    background-color: var(--black) !important;
    color: #fff !important;
}

.is-style-side-bar-nav-link a {
    text-decoration: none !important;
}

@media (max-width: 1280px) {
    .is-style-side-bar-nav-link a {
        font-weight: 500 !important;
    }
}

.sidebar-toc-toggle {
    height: 3.125rem !important;
    width: 100%;
    display: none !important;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    border: 0;
    background-color: var(--page-context-bg) !important;
    color: var(--black);
    font-family: var(--wp--preset--font-family--lexend);
    font-size: clamp(1.25rem, 1.15rem + 0.25vw, 1.5rem);
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    text-align: left;
}
.sidebar-toc-toggle .sidebar-toc-toggle__label {
    flex: 1 1 auto;
    padding: 0.75rem 2rem;
}

.sidebar-toc-toggle .sidebar-toc-toggle__icon {
    position: relative;
    flex: 0 0 4rem;
    align-self: stretch;
    background-color: var(--black);
}

.sidebar-toc-toggle .sidebar-toc-toggle__icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.75rem;
    height: 0.75rem;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translate(-50%, -65%) rotate(45deg);
    transition: transform 0.2s ease;
}

.sidebar.is-toc-open .sidebar-toc-toggle .sidebar-toc-toggle__icon::before {
    transform: translate(-50%, -35%) rotate(-135deg);
}

@media only screen and (max-width: 782px) {
.sidebar-toc-toggle .sidebar-toc-toggle__icon::before {
    width: 0.45rem;
    height: 0.45rem;
}
}

#sidebar-toc {
    padding-top: 2.5rem;
}

.toc-layout-region {
    display: grid;
    grid-template-columns: minmax(15rem, 32.4%) minmax(0, 1fr);
    gap: var(--min-top-nav-to-content);
    align-items: start;
}

.toc-layout-region .toc-layout-sidebar {
    align-self: start;
    position: sticky;
    top: calc(var(--hdr-h) + var(--wp-admin--admin-bar--height, 0px) - 1px) !important;
    width: 100%;
    /* margin-bottom: var(--spacing-30-50); */
}

.toc-layout-region .toc-layout-sidebar #sidebar-toc {
    position: static;
    top: auto !important;
    /* padding: var(--box-p) !important; */
    padding: var(--spacing-dt-20-40) !important;
    min-height: 25rem !important;
}

.toc-layout-region .toc-layout-content {
    width: 100%;
    max-width: none;
    min-width: 0;
}

.toc-layout-region .toc-layout-content > *:first-child {
    margin-top: 0;
}

body.has-page-context .toc-layout-content h3:not(.has-text-color):not(.wp-block-accordion-heading) {
    color: var(--page-context-accent) !important;
}

@media only screen and (min-width: 1281px) {
    .page-with-sidebar-layout .page-sidebar,
    .toc-content-section .page-sidebar {
        align-self: flex-start;
    }

    .page-with-sidebar-layout #sidebar-toc,
    .toc-content-section #sidebar-toc {
        position: static;
        top: auto !important;
        padding-top: 2.5rem;
    }

    .page-with-sidebar-layout .page-sidebar.is-sidebar-sticky,
    .toc-content-section .page-sidebar.is-sidebar-sticky {
        position: sticky;
        top: calc(var(--hdr-h) + var(--wp-admin--admin-bar--height, 0px) - 1px) !important;
        align-self: flex-start;
    }

    .page-with-sidebar-layout .page-sidebar.is-sidebar-sticky #sidebar-toc,
    .toc-content-section .page-sidebar.is-sidebar-sticky #sidebar-toc {
        display: block !important;
        padding: var(--spacing-dt-20-40) !important;
    }

    .page-with-sidebar-layout .sidebar-toc-toggle,
    .toc-content-section .sidebar-toc-toggle {
        display: none !important;
    }
}

@media (max-width: 1280px) {
    .toc-layout-region {
        grid-template-columns: 1fr;
        margin-top: 0px !important;
        padding: 0 !important;
        /* border-top: 1px solid #000;
        border-bottom: 1px solid #000; */
    }
    .sidebar {
        padding: 0 !important;
        overflow: hidden;
    }

    .toc-layout-region .toc-layout-sidebar #sidebar-toc {
        position: static;
        top: auto !important;
        padding: 0 !important;
        min-height: unset !important;
    }

    .toc-layout-region .toc-layout-sidebar {
        position: static;
        top: auto !important;
    }

    .toc-layout-region .sidebar-toc-title {
        display: none;
    }

    .toc-layout-region .sidebar-toc-toggle {
        display: flex !important;
        margin-bottom: 0rem;
    }
    .sidebar-toc-toggle__label {
        padding: 0 0 0 var(--global-p-x) !important;
    }

    .toc-layout-region .js-sidebar-toc {
        /* padding-top: 1rem; */
        /* padding: 0 var(--global-p-x) !important; */
        padding: 0 !important;
        width: 100%;
    }

    .page-with-sidebar-layout .sidebar-content-columns,
    .toc-content-section.sidebar-content-columns {
        flex-direction: column !important;
    }

    .page-with-sidebar-layout .page-sidebar,
    .page-with-sidebar-layout .page-main-content,
    .toc-content-section .page-sidebar,
    .toc-content-section .page-main-content {
        flex-basis: 100% !important;
        width: 100% !important;
    }

    .page-with-sidebar-layout #sidebar-toc,
    .toc-content-section #sidebar-toc {
        width: 100%;
        padding: 0 !important;
    }

    .page-with-sidebar-layout .sidebar-toc-title,
    .toc-content-section .sidebar-toc-title {
        display: none;
    }

    .page-with-sidebar-layout .sidebar-toc-toggle,
    .toc-content-section .sidebar-toc-toggle {
        display: flex !important;
        margin-bottom: 0;
    }

    .page-with-sidebar-layout .page-sidebar,
    .toc-content-section .page-sidebar,
    .toc-layout-region .toc-layout-sidebar {
        position: sticky;
        top: var(--sidebar-toc-sticky-top, calc(var(--hdr-h) + var(--wp-admin--admin-bar--height, 0px))) !important;
        z-index: 20;
    }

    .page-with-sidebar-layout .js-sidebar-toc,
    .toc-content-section .js-sidebar-toc {
        padding-top: 1rem;
    }

    .page-with-sidebar-layout .sidebar:not(.is-toc-open) .js-sidebar-toc,
    .toc-content-section .sidebar:not(.is-toc-open) .js-sidebar-toc,
    .toc-layout-region .sidebar:not(.is-toc-open) .js-sidebar-toc {
        display: none !important;
    }

    .page-with-sidebar-layout .sidebar.is-toc-open .js-sidebar-toc,
    .toc-content-section .sidebar.is-toc-open .js-sidebar-toc,
    .toc-layout-region .sidebar.is-toc-open .js-sidebar-toc {
        display: flex !important;
    }

    .toc-layout-region .toc-layout-content {
        padding: 0 var(--global-p-x) !important;
    }
}

@media (max-width: 1280px) {
	.toc-layout-region .toc-layout-sidebar{
		padding-left:0px !important;
		padding-right:0px !important;
	}
}