.coc-accordion {

}
    .coc-accordion .accordion-title {
        font-size: 1.5rem;
        font-weight: bold;
        text-align: center;
        line-height: 1.2;
    }
    .coc-accordion button {
        color: var(--coc-color-blue);
        font-size: 1.1rem;
        font-weight: bolder;
        padding: .5rem 1.25rem;
    }
        .coc-accordion button:hover {
            color: var(--coc-color-blue) !important;
        }
        .coc-accordion button:focus {
            outline: 0;
            box-shadow: var(--coc-shadow-element-size) var(--coc-color-blue);
        }
    .coc-accordion .card-header {
        border-top: 2px solid var(--coc-color-blue);
        padding: 0px;
    }
    .coc-accordion .card-header-white {
        background-color: white;
    }
    .coc-accordion .card-header-gray {
        background-color: var(--coc-color-lighter-gray);
    }
    .coc-accordion .card-body p:last-child, .coc-accordion .card-body ul:last-child {
        margin-bottom: 0px;
    }



/* bootstrap size breakpoints */
/* xs */
@media only screen and (max-width: 575px) {
}

/* sm */
@media only screen and (min-width: 576px) and (max-width: 767px) {
}

/* md */
@media only screen and (min-width: 768px) and (max-width: 991px) {
}

/* lg */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}

/* xl */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
}

/* styles at max widths */
/* xs */
@media only screen and (max-width: 575px) {
}

/* sm */
@media only screen and (max-width: 767px) {
    .coc-accordion button {
        font-size: 1.0rem;
    }
}

/* md */
@media only screen and (max-width: 991px) {
}

/* lg */
@media only screen and (max-width: 1199px) {
}

/* xl */
@media only screen and (max-width: 1399px) {
}