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

.ccm-page .jl_local_nav_block ul {
    list-style: none;
}
.ccm-page .ccm-block-autonav .jl_local_nav_block_heading.jl_local_nav_title_padding{
    padding-left:1rem; padding-right:1rem;
    padding-top:1rem;
}

/*
 * Splits into columns in nav level 0, but only where an item has a subnav
 * Special case for only a single level configured.
 * Less columns, intended for pages where space is take up with a sidebar
 */

@media only screen and (min-width: 902px) {
    .ccm-page .jl_local_nav_columns_3 ul.jl_local_nav_level_0 {
        columns: 2;
        display: block;
    }

    .ccm-page .jl_local_nav_columns_3 li {
        break-before: avoid-column;
    }

    .ccm-page .jl_local_nav_columns_3 li.jl_local_nav_level_0.jl_local_nav_has_subnav {
        break-before: auto;
    }

    .ccm-page .jl_local_nav_columns_3 li:not(.jl_local_nav_has_subnav) {
        break-inside: avoid;
    }

    .ccm-page .jl_local_nav_columns_3.jl_local_nav_single_level li,
    .ccm-page .jl_local_nav_columns_3.jl_local_nav_single_level li.jl_local_nav_level_0.jl_local_nav_has_subnav {
        break-before: auto;
    }
}

@media only screen and (min-width: 1280px) {
    .ccm-page .jl_local_nav_columns_3 ul.jl_local_nav_level_0 {
        columns: 3;
        display: block;
    }
}


/*
 * Styles specific to the positioning of the return link. You can leave these out of your template
 * if you don't use some of the options.
 */

/* inline - appended to each linked heading */
.ccm-page .jl_local_nav_toplink_inline {
    margin-left: 10px;
    font-size: 1rem;
    vertical-align: text-top;
    padding-top: 0;
}

/* bottom left/center/right */
.ccm-page .jl_local_nav_toplink_bottom_left{
    position:fixed;
    left: 25px;
    bottom:0;
    padding:10px;
    background:rgba(150,150,150,0.6);
    border-radius:2px;
    font-size:2rem;
    z-index:1000;
}

.ccm-page .jl_local_nav_toplink_bottom_center{
    position:fixed;
    left: 50%;
    transform: translate(-50%);
    bottom:0;
    padding:10px;
    background:rgba(150,150,150,0.6);
    border-radius:2px;
    font-size:2rem;
    z-index:1000;
}

.ccm-page .jl_local_nav_toplink_bottom_right{
    position:fixed;
    right: 25px;
    bottom:0;
    padding:10px;
    background:rgba(150,150,150,0.6);
    border-radius:2px;
    font-size:2rem;
    z-index:1000;
}

/*
 * Software by John Liddiard (aka JohntheFish)
 * www.c5magic.co.uk
 *
 * This package contains software copyright and proprietary to John Liddiard
 *
 */
/*
 * This css doesn't need much. Most styles are taken from the theme or from individual block styles.
 */

.ccm-page .form-reform-control .form-reform-reset-input .fas{
    opacity: 0.7;
    font-size: 0.95em;
}

/*
 * make input extensions align
 */
.ccm-page .form-reform-control .form-reform-prefix,
.ccm-page .form-reform-control .form-reform-suffix,
.ccm-page .form-reform-control .form-reform-clear-input,
.ccm-page .form-reform-control .form-reform-reset-input{
    min-width:2.75em;
    min-height: calc(1.6em + 12px); /* this needs to align with input element height */
}
.ccm-page .form-reform-control.form-reform-unboxed-input .input-group button.input-group-text:first-of-type,
.ccm-page .form-reform-control .form-reform-unboxed-input .input-group button.input-group-text:first-of-type {
    border-top-left-radius: var(--bs-border-radius)!important;
    border-bottom-left-radius: var(--bs-border-radius)!important;
    margin-left: 1em!important;
}

.ccm-page .form-reform-control.form-reform-unboxed-input .input-group button.input-group-text:last-of-type,
.ccm-page .form-reform-control .form-reform-unboxed-input .input-group button.input-group-text:last-of-type{
    border-top-right-radius: var(--bs-border-radius)!important;
    border-bottom-right-radius: var(--bs-border-radius)!important;
}
.ccm-page .form-reform-control .form-reform-prefix,
.ccm-page .form-reform-control .form-reform-suffix{
    max-width:25%;
}
.ccm-page .form-reform-control:has(textarea.form-reform-input) .form-reform-prefix,
.ccm-page .form-reform-control:has(textarea.form-reform-input) .form-reform-suffix{
    white-space: normal;
    word-break: break-word;
}