@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

/***** GLOBAL *****/
.text-uppercase {
    text-transform: uppercase;
}

.bg-beige {
    background-color: var(--sk-beige);
}

/***** TOASTER *****/
.toast {
    --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 1) !important;
}

.toast-success {
    color: var(--bs-success-text-emphasis);
    background-color: var(--bs-success-bg-subtle);
    border-color: var(--bs-success-border-subtle);
}

.toast-info {
    color: var(--bs-info-text-emphasis);
    background-color: var(--bs-info-bg-subtle);
    border-color: var(--bs-info-border-subtle);
}

.toast-warning {
    color: var(--bs-warning-text-emphasis);
    background-color: var(--bs-warning-bg-subtle);
    border-color: var(--bs-warning-border-subtle);
}

.toast-danger, .toast-error {
    color: var(--bs-danger-text-emphasis);
    background-color: var(--bs-danger-bg-subtle);
    border-color: var(--bs-danger-border-subtle);
}

/***** ALERT *****/
.alert-error, .alert-danger {
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

/***** MENU *****/
#social {
    /*position: fixed;*/
    /*top: 0;*/
    /*right: 0;*/
    /*left: 0;*/
    /*height: 30px;*/
    z-index: 1030;
}
#navbar-top {
    /*position: fixed;*/
    /*top: 30px;*/
    /*right: 0;*/
    /*left: 0;*/
    z-index: 1030;
}
.nav-link {
    color: var(--white);
}

.nav-link:hover {
    color: var(--white);
}

li.nav-item {
    list-style-type: none;
}

ul.nav.collapsing {
    -webkit-transition: none;
    transition: none;
}

/***** BODY *****/
body {
    overflow-x: hidden;
}

#body-content {
    /*position: fixed;*/
    /*top: 120px;*/
    left: 0;
    right: 0;
    height: calc(100% - 5rem - 96px);
}

#main {
    /* Utilisé pour garder l'overflow sans casser le display flex */
    min-width: 0;
}

a {
    color: var(--bs-black);
    text-decoration: underline;
}

@media(max-width: 767px ) {
    .container {
        max-width: none !important;
        width: 100% !important;
    }

    .body-container {
        padding: 0 !important;
    }
}

/***** KNP PAGINATOR *****/
a.page-link:hover {
    color: var(--bs-primary);
}