#calderNav {
    background-color: #3a4955;
    .nav-link.active {
        color: #4CCD8C;
    }

    .btn-close{
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
        opacity: 1;

        &:focus {
            box-shadow: 0 0 0 .25rem rgba(76, 205, 140, 0.15);
        }
    }
}

.hr-panel {
    border-top: 3px solid var(--custom-bc-primary-color) !important;
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 .125rem;
}

.search-container {
    max-width:525px !important;
}

/* Add scrollable dropdown styles */
.dropdown-menu.scrollable {
    max-height: 320px !important;
    overflow-y: scroll !important;
}

.calder-form {
    .form-control{
        border: 1px solid #d5d5d5;
        background-color: #FFFFFF;
        padding: 0.5rem 0.75rem;
        border-radius: 0;
        line-height: 1.2;
        font-size: 1.125rem;
        font-style: italic;

        &:focus {
            box-shadow: 0 0 0 .25rem rgba(76, 205, 140, 0.15);
        }
    }
    .btn {
        &.btn-primary {
            border-radius: 0 !important;
            font-size: 1.125rem;
        }
    }
}

.btn-primary {
    background-color: var(--custom-bc-primary-color);
    border-color: var(--custom-bc-primary-color);

    &:hover,
    &:active,
    &:focus {
        background-color:#16683c;
        border-color: #16683c;
    }
}

.az-list{
    .btn-group-toggle {
        flex-wrap: wrap;
        justify-content: center;
        @media (min-width: 1200px) {
            flex-wrap: nowrap;
            justify-content: start;
        }
    }
    .btn-group-toggle-primary{
        background-color: #f8f9fa;
        border-color: #e9ecef;
        max-width: fit-content;
        padding: .5rem 1rem;

        &.active,
        &:hover {
            background-color: var(--custom-bc-primary-color);
            border-color: var(--custom-bc-primary-color);
            color: #FFFFFF;
        }
    }
}

.btn-outline-primary {
    background-color: #f8f9fa;
    border-color: #e9ecef;
    padding: .5rem 1rem;
    color: #333333;
}

ul.list-space-lg li{
    margin-bottom: 1.5rem;
}

.icon-round {
    background-color: var(--custom-bc-primary-color);
    color: #FFFFFF;
    border-radius: 50%;
    font-size: 14px;
    padding:.5rem .75rem;
    vertical-align: bottom;
}

.title-line {
    display: flex;
    align-items: center;
    justify-content: center;

    &:after {
        background: #DEE2E6;
        height: 1px;
        flex: 1;
        content: '';
        margin-left:.75rem;
    }
}