#convocation-header {
  background-image: url("gradient-banner.jpg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}
.circle {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 50% !important;
    border: 1px solid rgba(0, 0, 0, 0.175);
    object-fit: cover;
    object-position: center top;
    display: block;
}

.circle-initials {
    background: #dde5ed;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1em;
    font-weight: 700;
    color: #3a6080;
}

.student-callout {
	border-top: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.175);
	border-right: 1px solid rgba(0, 0, 0, 0.175);

}

.dissertation {
  font-variant: small-caps;
  letter-spacing: 0.01em;
  line-height:1.2;
}

.text-gray-600 {
  color: #6c757d;
}

.text-gray-700 {
color: rgb(73, 80, 87);
}

#coe-logo {
	max-width:100%;
}

#search-container {
	position:sticky;
	top:0;
	height: 4.75em;
	z-index:2;
}

.category-title {
	position:sticky;
	top:4.5em;
}

.category-title h2 {
    letter-spacing: 0.05em;
}

.ugrad-list:last-child {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important;
}