/*
 * Software by John Liddiard (aka JohntheFish)
 * www.c5magic.co.uk
 *
 * This package contains software copyright and proprietary to John Liddiard
 *
 */

/*
 * Atomik doesn't style the breadcrumb nav properly!
 */
.ccm-page.theme-atomik .breadcrumb li > a::after {
    content: ">";
    padding-left: 1rem;
    padding-right: 1rem;
}

/*
 * BS5 doe not have a 'well' class
 */
div.ccm-page.theme-atomik .well {
    min-height: 2rem;
    padding: 1.2rem;
    margin-bottom: 1.25rem;
    background-color: var(--bs-light);
    border: 1px solid var(--bs-gray-200);
    border-radius: 0.25rem;
}

/*
 * Atomik doesn't do much to distinguish sidebar nav
 * or make it consistent
 */

div.ccm-page.theme-atomik .col-sidebar .nestable_manual_nav,
div.ccm-page.theme-atomik .col-sidebar .ccm-block-autonav,
div.ccm-page.theme-atomik .button-nav-slidereveal-container .nestable_manual_nav,
div.ccm-page.theme-atomik .button-nav-slidereveal-container .ccm-block-autonav {
    background-color: var(--bs-body-bg);
    flex-direction: column !important;
}

div.ccm-page.theme-atomik .col-sidebar .nav > li > a:hover,
div.ccm-page.theme-atomik .col-sidebar .nav > li > a:focus,
div.ccm-page.theme-atomik .col-sidebar .nav-selected.c5m_nav_assist,
div.ccm-page.theme-atomik .button-nav-slidereveal-container .nav > li > a:hover,
div.ccm-page.theme-atomik .button-nav-slidereveal-container .nav > li > a:focus,
div.ccm-page.theme-atomik .button-nav-slidereveal-container .nav-selected.c5m_nav_assist {
    text-decoration: none;
    background-color: #eee;
}

div.ccm-page.theme-atomik .col-sidebar .nestable_manual_nav li > a,
div.ccm-page.theme-atomik .col-sidebar .ccm-block-autonav .nav-item .nav-link,
div.ccm-page.theme-atomik .button-nav-slidereveal-container .nestable_manual_nav li > a,
div.ccm-page.theme-atomik .button-nav-slidereveal-container .ccm-block-autonav .nav-item .nav-link {
    color: var(--bs-nav-link-color);
    display: block;
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

/*
 * The sidebar could have better visual separation from the body
 */
div.ccm-page.theme-atomik .col-sidebar {
    border-left: 1px dashed var(--bs-gray-200);
}

/*
 * A little bit of customisation
 */
div.ccm-page.theme-atomik h1.page-title {
    color: var(--bs-purple);
}

/*
 * Header nav - columns for addons (1st child)
 */
@media only screen and (min-width: 768px) {
    #jl_header_nav .ccm-block-top-navigation-bar ul.navbar-nav > li:first-child ul.dropdown-menu {
        column-count: 2;
        max-width: 768px;
    }
    #jl_header_nav .ccm-block-top-navigation-bar ul.navbar-nav > li:first-child ul.dropdown-menu li{
        word-wrap: break-word;
    }
}
@media only screen and (min-width: 960px) {
    #jl_header_nav .ccm-block-top-navigation-bar ul.navbar-nav > li:first-child ul.dropdown-menu {
        column-count: 3;
        max-width: 960px;
    }
    #jl_header_nav .ccm-block-top-navigation-bar ul.navbar-nav > li:first-child ul.dropdown-menu li{
        word-wrap: break-word;
    }
}

footer#footer-theme section:last-child {
    background-color: inherit;
}

footer#footer-theme section:last-child {
    background-color: inherit;
}