/* ------------------------------ General Util ------------------------------ */
.noPadding {
    padding: unset !important;
}

.resetFont * {
    font-size: unset !important;
}

/* -------------------------------------------------------------------------- */
/* ------------------------------ Table content ----------------------------- */
.gh-content {
    position: relative;
}

.gh-toc>.toc-list {
    padding-left: 1rem;
    position: relative;
    margin-left: 3rem;
}

.toc-list {
    overflow: hidden;
    list-style: none;
}

@media (min-width: 1300px) {
    .gh-sidebar {
        position: fixed;
        top: 11rem;
        width: 31rem;
    }

    .gh-toc {
        position: relative;
        margin-top: 2rem;
        display: block;
    }
}

.gh-toc .is-active-link::before {
    background-color: var(--ghost-accent-color);
    /* Defines TOC   accent color based on Accent color set in Ghost Admin */
}

/* -------------------------------------------------------------------------- */

/* ---------------------------------- Utils --------------------------------- */
.bgPattern {
    background: linear-gradient(to bottom, transparent 23.4px, rgba(70, 130, 255, 0.12) 23.5px), linear-gradient(to right, transparent 23.4px, rgba(70, 130, 255, 0.12) 23.5px);
    background-size: 24px 24px;
}

.shadowBottom {
    box-shadow:
        0 2px 4px -2px rgba(0, 0, 0, 0.1),
        0 4px 6px -4px rgba(0, 0, 0, 0.08);
}

.shadowRight {
    box-shadow:
        3px 0 4px -2px rgba(0, 0, 0, 0.1),
        4px 0 6px -4px rgba(0, 0, 0, 0.08);
}

.shadowTop {
    box-shadow:
        0 -2px 4px -2px rgba(0, 0, 0, 0.1),
        0 -4px 6px -4px rgba(0, 0, 0, 0.08);
}

.shadowLeft {
    box-shadow:
        -3px 0 4px -2px rgba(0, 0, 0, 0.1),
        -4px 0 6px -4px rgba(0, 0, 0, 0.08);
}

.textShadow {
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 1);
}

.hideImportant {
    display: none !important;
}



.thinScroll {
    scrollbar-width: thin;
    scrollbar-color: #ffffff75 transparent;
}

/* Chrome, Safari, Edge */
.thinScroll::-webkit-scrollbar {
    width: 6px;
    /* Adjust width */
}

.thinScroll::-webkit-scrollbar-track {
    background: transparent;
    /* Track background */
}

.thinScroll::-webkit-scrollbar-thumb {
    background-color: #aaa;
    /* Thumb color */
    border-radius: 10px;
    /* Round thumb edges */
    border: 1px solid transparent;
    /* Optional: adds spacing */
}


/* ---------------------------------- Focus --------------------------------- */
.noEffect {
    transition: none !important;
}

.noEffect:focus,
.noEffect:active {
    background-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    color: inherit !important;
}

.noSelect {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* -------------------------------- Animated -------------------------------- */
.animated {
    margin-bottom: 60px;
    animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

@keyframes up-down {
    0% {
        transform: scale(1) translateY(0);
    }

    100% {
        transform: scale(1) translateY(-10px);
    }
}