/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

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

  .table-bordered > thead > tr > th {
    border: 1px solid #D7E3F5;
  }
  .table-bordered > thead > tr > td {
    border: 1px solid #D7E3F5;
  }
  
.body {
    background-color: #ffffff;
    font-family: 'Inter', sans-serif;
    color: #212529;
}

.row>* {
    padding-left: calc(var(--bs-gutter-x)* 1);
    padding-right: calc(var(--bs-gutter-x)* 1);
}
/* -------------------- 🖋️ Typography ----------------------- */
.font-inter {
    font-family: 'Inter', sans-serif;
}
h1, h2, h3 {
    color: #004687; /* Primary */
    font-weight: 700;
    font-family: 'Inter', sans-serif;
}

h4, h5 ,h6 {
    color: #212529; /* body-color */
    font-weight: 500;
    font-family: 'Inter', sans-serif;
}

p {
    color: #212529; /* body-color */
    font-family: 'Inter', sans-serif;
}

.text-info {
	color: #212529!important; /* body-color */
}

.text-primary {
    color: #212529!important; /* body-color */
}

/* -------------------- 🎨 Colors ----------------------- */
.bg-light {
    background-color: #ffffff !important;
}
.bg-warning {
    background-color: #FEDEA9 !important;
}
.bg-danger {
    background-color: #F8BAA2 !important;
}
.bg-success {
    background-color: #E4EBB1 !important;
}
.border-bottom {
    border-bottom: 1px solid #d7e3f5 !important;
}

/* ------------------ 🔗 Links and Buttons --------------------- */

a {
    color: #0071B9; /* Secondary */
}

a:hover {
    color: #004687; /* Primary */
}

.btn {
    background-color: #0071B9; /* Secondary FernUni */
    color: white;
    border-radius: 0.5rem;
    border: none;
    padding: 6px 24px;
    font-size: 1rem;
    font-weight: 500;
}

.btn:hover {
    background-color: #004687;
}

/* ------------------ 📦 Questions boxes --------------------- */
.question-container {
    margin-bottom: 2em;
    border: none;
    border-radius: 0.625rem;
    background-color: #F5F8FD;
}
@media (max-width: 640px) {
    .question-container {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
}

.form-control {
    background-color: #fff;
    border: 1px solid #D7E3F5;
    border-radius: 0.5rem;
    color: #212529;
}

/* -------------------- 🧭 Navigation ----------------------- */
.navbar {
    font-family:'Inter', sans-serif;
}
.navbar-toggler {
    border: none;
    color: #004687;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.nav-link {
    color: #212529 !important;
    font-weight:500;
    border-radius: 0.5rem;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}
.nav-link:hover {
    background-color:#D7E3F5;
}
.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #D7E3F5;
    border-radius: .5rem;
    color: #212529;
    padding: .5rem;
}
.dropdown-item {
    border-radius: 0.5rem;
    color: #212529;
}
.list-group-item {
    border: none;
    border-top: 1px dashed #D7E3F5;
    border-bottom: 1px dashed #D7E3F5;
}
.list-group-item:first-child {
    border-top: none;
}

.list-group-item:last-child {
    border-bottom: none;
}

/* -------------------- 🎓 Assessment ----------------------- */
.table {
    --bs-table-active-bg: #F5F8FD;
    --bs-table-hover-bg: #F5F8FD;
    border-color: #D7E3F5;
    border-radius: 0.75rem;
}

/* -------------------- 🚨 Alerts ----------------------- */
.card {
    background-color: #F5F8FD;
    border: none;
}
.error {
    color: #E30613;
}
.text-danger {
    color: #E30613 !important;
}
.ls-questionhelp {
    color: #004687;
}