/* Overrides to agi.css for project pages */
a {
    color: #2B6E6B;
}
a:hover {
    color: var(--color-primary);
}

table {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    }

/* Program Nav Bar */
.navbar-program {
    position: relative;
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    padding-top: 0;
    padding-bottom: 0;
    background: none;
    border-bottom: 1px solid var(--color-primary);
    margin-bottom: 1rem;
}
.navbar-program .navbar-nav {
    flex-direction: row;
  }
.navbar-program .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}
.nav-link-program {
    font-family: 'Noto-Sans', sans-serif;
    font-size: 1.2em;
    color: var(--color-on-surface);
    font-weight: bold;
    display: block;
    padding: .5rem;
    text-decoration: none;
}

/* Homepage hero header text */

.dept-hero-text {
    background-color: rgba(255,255,255,0.7);
    border-radius: 10px;
    text-align: center;
    font-weight: bold;
    color: #222222;
    line-height: .8;
}
.dept-hero-subtext {
    font-weight: 400;
    font-size: 1.2rem;

}

/* breadcrumbs */

.breadcrumb {
    list-style: none;
  
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
  }
  
  .breadcrumb li {
    display: inline;
    white-space: nowrap;
  }
  .breadcrumb li a {
    font-size: 0.9rem;
    font-family: 'Noto-Sans', sans-serif;
  }
  
  .breadcrumb li + li:before {
    content: ">";
    padding: 0.3rem;
  }

/* Article cards */
.articlecard-text {
    font-size: unset;
    padding: 1.5rem;
    background: antiquewhite;
    border-left: 5px solid #b69870;
    font-weight: 400;
    padding: 15px 20px;
}
a:hover .articlecard {
    background: #d7c0a1;
}
a:hover .articlecard h3, a:hover .articlecard p {
    color: black;
}

/* subsection blocks */
.subsectionblock-image img {
    width: 100%;
    height: auto;
}

.image-with-caption img, .image-gallery-item img {
    width: 100%;
}

/* update to hcard text */

.hcard-description {
    font-weight: 500;
}
.hcard a:hover, .earthmagazine-link a:hover {
    color: var(--color-primary);
}
.hcard a, .earthmagazine-link a {
    color: #2B6E6B;
}
.landingline {
    margin-top: 1rem;
}

.dashboardcard {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    float: left;
    margin-right: 10px;
}

.dashboard-card a:hover {
    text-decoration: none;
}

.dashboard-card a p {
    color: black;
}

.dashboard-card {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    float: left;
    width: 320px;
/*    height: 230px; */
}

.dashboard-card-h230 {
    height: 230px;
}

.dashboard-card-body {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

.dashboard-card-title {
    /* background-color: silver; */
    padding-bottom: 5px;
    /* min-height: 1.7em; */
    padding-top: 4px;
}

.dashboard-card-title h4 {
    color: #444444;
    font-size: 1.2em;
    font-weight: bold;
    margin-left:5px;
    margin-top:6px;
}
.dashboard-card-title.linkedcard:hover {
    background-color: rgba(18,105,255,0.1);
}
.dashboard-card-text {
    padding-right: 4px;
    padding-left: 4px;
    font-size: 0.9em;
    /* font-style: italic; */
    
}
.report-card-image {
    width: 100%;
    height: auto;
}
.report-card-svg {
    width: 100%;
}
.report-card-image-svg {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: top;
    border-radius: 0.25rem;
}
.btn-custom {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff; /* Ensure text is readable */
}

.btn-custom:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff; /* Ensure text color is not affected */
    filter: brightness(85%); /* Apply brightness only to the background */
}
.card-header-currents {
    background-color: #f4c7374a;
    
}
.img-logo {
    max-height: 120px;
}

.dashboard-flexcard {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    float: left;
    margin-right: 10px;
}

.dashboard-card a:hover {
    text-decoration: none;
}

.dashboard-card a p {
    color: black;
}
.dashboard-card {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    float: left;
    width: 320px;
/*    height: 230px; */
}

.dashboard-card-h230 {
    height: 230px;
}

.dashboard-card-body {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

.dashboard-card-title {
    /* background-color: silver; */
    padding-bottom: 5px;
    /* min-height: 1.7em; */
    padding-top: 4px;
}

.dashboard-card-title h4 {
    color: #444444;
    font-size: 1.2em;
    font-weight: bold;
    margin-left:5px;
    margin-top:6px;
}
.dashboard-card-title.linkedcard:hover {
    background-color: rgba(18,105,255,0.1);
}
.dashboard-card-text {
    padding-right: 4px;
    padding-left: 4px;
    font-size: 0.8em;
    font-style: italic;
    
}

.gc-image-section {
    width: 100%;
    /* max-width: 400px; */
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}


.gc-img img {
    width: 100%;
    max-width: 600px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.past-fellows th, td {
    padding: .25em 1em ;
    border-bottom: 1px solid #cecece;
}

.bio-card {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    float: left;
    width: 320px;
    margin:1em;
}