html, body {
    width: 100%; height: 100%;
}

body {
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.body-outer {
    position: relative;
    z-index: 2;
    width: 100%;
    padding-top: 90px;
}

.qft-pagination > nav {
    background-color: #0a53be;
    display: inline !important;
}


/* Default link styling */
.nav-link {
    color: #333;
    font-weight: 400;
    transition: color 0.3s ease, border-bottom 0.3s ease;
}

/* Active link styling */
.nav-link.active {
    color: #007bff; /* Bootstrap primary color */
    font-weight: 600; /* Make it slightly bolder */
    border-bottom: 2px solid #007bff; /* Add a bottom border */
}

/* Hover effect for all links */
.nav-link:hover {
    color: #0056b3; /* Darker shade of primary color */
    border-bottom: 2px solid #0056b3; /* Match hover color */
}


.blockquote {
    font-style: italic;
    color: #555;
    text-align: center;
}
.text-muted {
    color: #6c757d !important;
}

a.text-decoration-none {
    color: #007bff;
    text-decoration: none;
    transition: color 0.2s;
}

a.text-decoration-none:hover {
    color: #0056b3;
}

.blockquote-footer {
    text-align: right;
}

.blockquote-footer a {
    font-weight: 500;
}

.person-avatar {
    max-width: 100%;
    max-height: 100%;
}