/**
 * vhmavi-accordion.css
 * Provide the style of an accordion for hiding/showing content
 */

/* When the accordion is openned, the header is full of color */
.card.vhmavi-accordion .card-header {
    border-color: rgb(0, 61, 165);
    background-color: rgb(0, 61, 165);
}

/* Fixed the size of the title of the accordion */
.card.vhmavi-accordion .card-header h2.card-title {
    font-size: 1.25rem;
    text-align: left;
}

/** 
 * When the accordion is openned
 * Remove the title and subtitle magins so it is centered
 */
.card.vhmavi-accordion .card-header h2.card-title,
.card.vhmavi-accordion .card-header p.card-subtitle,
.card.vhmavi-accordion .card-header p.card-help-text {
    color: #fff;
    margin-bottom: 0;
}

.card.vhmavi-accordion .card-header p.card-subtitle {
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.card.vhmavi-accordion .card-header p.card-help-text {
    font-size: 0.8rem;
    margin-top: 0.25rem;
    font-style: italic;
}

/* When the accordion is not openned, remove the card header border and remove the color */
.card.vhmavi-accordion.hide .card-header {
    border-bottom: 0;
    border-radius: 0.25rem;
    background-color: #fff;
}

/* When the accordion is not openned */
.card.vhmavi-accordion.hide .card-header h2.card-title,
.card.vhmavi-accordion.hide .card-header p.card-subtitle,
.card.vhmavi-accordion.hide .card-header p.card-help-text {
    color: rgb(0, 61, 165);
}

/**
 * Set the card header acting as a button
 */
/* On hover, the background gets darker */
.card.vhmavi-accordion .card-header:hover {
    background-color: rgb(0, 40, 110);
    cursor: pointer;
}

.card.vhmavi-accordion.hide .card-header:hover h2.card-title,
.card.vhmavi-accordion.hide .card-header:hover p.card-subtitle,
.card.vhmavi-accordion.hide .card-header:hover p.card-help-text {
    color: #fff;
}

/* At first the body is not displayed */
.card.vhmavi-accordion .vhmavi-accordion-body {
    display: none;
}

.card.vhmavi-accordion .vhmavi-accordion-body .list-group.list-group-flush .list-group-item {
    border-color: rgb(0, 61, 165);
}

.card.vhmavi-accordion .vhmavi-accordion-body .list-group.list-group-flush .list-group-item:last-child {
    border-radius: 0 0 0.25rem 0.25rem;
}

.card.vhmavi-accordion .vhmavi-accordion-body a,
.card.vhmavi-accordion .vhmavi-accordion-body p {
    font-size: 0.9rem;
}