/* details view keep narrower for readability */

.detail-content {
    max-width: 958px;
}


/* list views can be bit wider */

.list-content {
    max-width: 1300px;
}


/* overwrite a few bootstrap4 breadcrumb bits */

.breadcrumb {
    background-color: #ffffff;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 1px solid;
    border-radius: 0px;
}

ul.as-bullet {
    list-style: none;
    /* Remove default bullets */
}

ul.as-bullet>li::before {
    content: "\2022";
    /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #E64097;
    /* Change the color */
    font-weight: bold;
    /* If you want it to be bold */
    display: inline-block;
    /* Needed to add space between the bullet and the text */
    width: 1em;
    /* Also needed for space (tweak if needed) */
    margin-left: -1em;
    /* Also needed for space (tweak if needed) */
}

hr.as {
    border: 1px solid #E64097;
}

h1 h2 h3 h4 h5 h6 p body html {
    font-family: "Helvetica", sans-serif;
}

.card-header-abing {
    background-color: #CF2B7D;
    color: white;
}

.btn-abingdon {
    background-color: #E64097;
    color: #FFFFFF;
}

.callout {
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }
    p:last-child {
        margin-bottom: 0;
    }
    code {
        border-radius: 3px;
    }
    &+.bs-callout {
        margin-top: -5px;
    }
}

.callout-warning {
    border-left-color: #f0ad4e;
}

.callout-primary {
    border-left-color: #428bca;
}

.callout-success {
    border-left-color: #5cb85c;
}

.callout-danger {
    border-left-color: #d9534f;
}

.callout-info {
    border-left-color: #5bc0de;
}

.callout-default {
    border-left-color: #777;
}

.callout-as {
    border-left-color: #E64097
}

.callout-aps {
    border-left-color: #a4d2c7;
}

hr.as {
    background-color: #E64097;
}