:root {
    --mit-primary: #13395a;
    --bg-primary: #13395a;;
    --bs-body-bg: #e4f0fb;
    --bs-body-font-family: 'IBMPlex', serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.bg-primary {
    background-color: var(--bg-primary)!important;
}

.bg-primary-light {
    background-color: color-mix(in srgb, var(--bg-primary) 25%, white);
}

form {
    padding: 1.5rem;
    background-color: white;
}

hr {
    background-color: var(--mit-primary);
    opacity: 1;
}

.card-text.members-card-contact {
    font-size: 1rem;
}

/* Fonts */
#mainNav,
.btn,
.club-card-title,
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1
{
    font-family: var(--bs-body-font-family);
}

body {
    font-size: 1.1rem;
}

.cta-buttons a.btn {
    font-size: .90rem;
    background-color: var(--bg-primary);;
    border: none;
    color: white;
}

.mil-subtitle {
    font-size: 1.6rem;
    margin-bottom: .5rem;
    color: var(--mit-primary);
}

header.masthead .page-heading .subheading, header.masthead .site-heading .subheading {
    font-family: var(--bs-body-font-family);
}

.bg-grey {
    background-color: #eeeeee;
}

.text-white {
    color: white;
}

.site-heading h1 {
    font-size: 2.5rem!important;
}

.mil-subtitle {
    font-size: 1.6rem;
    margin-bottom: .5rem;
}

.mil-text-primary {
    color: var(--mit-primary);
}

.post-preview {
    background-color: #ffffff;
    padding: 1rem;
    margin: 0;
    border-radius: .4rem;
}

.post-preview > a > .post-title {
    font-size: 1.4rem !important;
    margin: 0 0 .5rem;
    color: var(--mit-primary);
}

.post-preview .post-subtitle {
    font-size: 1.2rem;
}

.post-preview > .post-meta {
    font-size: .9rem;
    color: #51697c;
    margin: 0;
}

.umb-block-list h1,
.umb-block-list h2,
.umb-block-list h3,
.umb-block-list h4,
.umb-block-list h5,
.umb-block-list h6 {
    margin-bottom: 1.5rem;
}

th > p {
    font-size: 1.2rem;
    margin: 1.5rem 0;
}

td > p {
    margin: 1.5rem 0;
}

.table > tbody > tr > td,
.table > thead > tr > th {
    padding: 1.5rem 0.5rem;
}

.navbar-nav .nav-item {
    display: flex;
    align-items: center;
}

.social-icon {
    width: 2.5rem;
    height: auto;
}

.social-icon:hover {
    fill: #007189;
}

pre {
    background: #1E1E1E;
    padding: 1em;
}

.members-list {

}

.members-card {
    overflow: hidden;
    border-radius: 0.5rem;
    border: none;
}

.members-card-image {
    width: 100%;
    height: 160px;
    object-fit: cover;
}

.members-card-role {
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.members-card-name {
    margin-bottom: 0.5rem;
}

.members-card-club {
    color: #6c757d;
    margin-bottom: 1rem;
}

.members-card-contact p {
    margin: 0 0 0.5rem;
}

.members-card-contact p:last-child {
    margin-bottom: 0;
}

@media (max-width: 575.98px) {
    .members-card-image {
        height: 220px;
    }
}

.club-card-title {
    color: var(--mit-primary);
    font-size: 1rem;
    text-align: center;
}

@font-face {
    font-family: 'IBMPlex';
    src: url('/fonts/IBMPlexSerif-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBMPlex';
    src: url('/fonts/IBMPlexSerif-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}