/**
 * styles.css
 * Styles common to all the pages
 */

.container.vhmavi-container {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.container.vhmavi-container h1,
.container.vhmavi-container h2,
.container.vhmavi-container h3,
.container.vhmavi-container h4,
.container.vhmavi-container h5,
.container.vhmavi-container h6 {
    color: rgb(0, 61, 165);
}

.container.vhmavi-container p {
    margin-bottom: 0.5rem;
}

.container.vhmavi-container .row {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

/* Provide a vertically and horizontally centered column */
.container.vhmavi-container .row .vhmavi-centered-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.container.vhmavi-container .row.justify-content-center h1,
.container.vhmavi-container .row.justify-content-center h2,
.container.vhmavi-container .row.justify-content-center h3,
.container.vhmavi-container .row.justify-content-center h4,
.container.vhmavi-container .row.justify-content-center h5,
.container.vhmavi-container .row.justify-content-center h6 {
    text-align: center;
}

/* Define a Bootstrap-way button with VHMaVi colors */
button.btn.btn-outline-vhmavi,
a.btn.btn-outline-vhmavi {
    color: rgb(0, 61, 165);
    border-color: rgb(0, 61, 165);
}

/* Change the color to something darker - Not official color */
button.btn.btn-outline-vhmavi:hover,
a.btn.btn-outline-vhmavi:hover {
    color: #fff;
    background-color: rgb(0, 61, 165);
    border-color: rgb(0, 61, 165);
}