/*
|--------------------------------------------------------------------------
| Root Variables
|--------------------------------------------------------------------------
*/

:root {

    --cga-sidebar-width: 280px;

    --cga-navbar-height: 72px;

    --cga-footer-bg: #f8f9fa;

}

/*
|--------------------------------------------------------------------------
| Global
|--------------------------------------------------------------------------
*/

body {

    min-height: 100vh;

    display: flex;

    flex-direction: column;

}

main {

    flex: 1;

}

/*
|--------------------------------------------------------------------------
| Header
|--------------------------------------------------------------------------
*/

.site-header {

    background-color: var(--bs-white);

    border-bottom: var(--bs-border-width) solid var(--bs-border-color);

    box-shadow: var(--bs-box-shadow-sm);

}

/*
|--------------------------------------------------------------------------
| Footer
|--------------------------------------------------------------------------
*/

.site-footer {

    background-color: var(--cga-footer-bg);

}

/*
|--------------------------------------------------------------------------
| Navbar
|--------------------------------------------------------------------------
*/

.navbar-brand img {

    max-height: 40px;

}

.nav-link.active {

    font-weight: 600;

}

/*
|--------------------------------------------------------------------------
| Utilities
|--------------------------------------------------------------------------
*/

.cursor-pointer {

    cursor: pointer;

}

.min-vh-75 {

    min-height: 75vh;

}