body {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.bg-body-tertiary {
    background-color: #006633 !important;
    color: #fff;
}

footer {
    font-family: "Inter", sans-serif;
    font-weight: 400;
}

.nav-link.btn.btn-success.btn-lg {
    background-color: #006633 !important;
    color: #fff;
    border-radius: 0;
}

.nav-link.btn.btn-success:hover {
    background-color: #565e64 !important;
}

.nav-link.btn.btn-secondary.btn-lg.active {
    border-radius: 0;
}

.nav-link.btn.btn-secondary.btn-lg.active:hover {
    background-color: #565e64 !important;
    color: #fff;
}

.publications {
    max-height: 150px;
}

@media only screen and (max-width: 600px) {
    /* Styles for small screens (e.g., mobile phones) */

    /* Example 1: Adjusting Font Sizes */
    body {
        font-size: 14px; /* Decrease font size for better readability on small screens */
    }

    /* Example 2: Adjusting Margins and Paddings */
    .container {
        padding: 10px; /* Reduce padding around the container */
    }

    .card {
        margin-bottom: 10px; /* Decrease margin between cards */
    }

    /* Example 3: Hiding Non-Essential Elements */
    .sidebar {
        display: none; /* Hide the sidebar on small screens */
    }

    /* Example 4: Reordering Content with Flexbox or Grid */
    .content {
        display: flex;
        flex-direction: column; /* Stack content vertically on small screens */
    }
}

.img-fluid {
    max-width: 100%; /* Ensures image does not exceed container width */
    height: auto; /* Maintains aspect ratio */
    display: block; /* Prevents extra space below image */
}

.mx-2.small.h-100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.custom-small-font {
    font-size: 0.90rem; /* Adjust font size as needed */
  }

.center-aligned {
    text-align: center;
}

.card img {
  display: block !important;
}

summary {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-weight: bold;
}

summary::after {
  content: "";
}

summary::before {
  content: "+";
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1;
  position: relative;
  top: 5px;
}

details[open] summary::before {
  content: "−";
}

.profile-image{
    border: 1px solid #dcdcdc;
    padding: 4px;
    background-color: white;
}

.profile-row {
    padding: 25px 0;
    border-bottom: 1px solid #e6e6e6;
}

.profile-row:first-child {
    padding-top: 10px;
}

.profile-row:last-child {
    padding-bottom: 10px;
    border-bottom: none;
}

.profile-image-large {
    max-width: 100%;
    height: auto;
    border: 1px solid #dcdcdc;
    padding: 4px;
    background-color: white;
}

.profile-image-click {
    border: 1px solid #dcdcdc;
    padding: 4px;
    background-color: white;
    cursor: pointer;
    transition: border-color 0.2s ease;
}

.profile-image-click:hover {
    border-color: #006633;
	border-width: 2px;
}

.rd-row {
    padding: 5px 0;
    border-bottom: 1px solid #6C6C6C;
}

.rd-row:first-child {
    padding-top: 5px;
}

.rd-row:last-child {
    padding-bottom: 5px;
    border-bottom: none;
}