/* Custom CSS overrides */

/* Make navigation links bigger */
.navbar-custom .nav li a {
    font-size: 16px !important;
}

.navbar-custom {
    background: rgb(0, 103, 200);
}

/* Change header link colors */
.navbar-custom .navbar-brand,
.navbar-custom .nav li a {
    color: white;
}

.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus {
    color: #e0e0e0;
}

@media (min-width: 1200px) {
    .col-lg-8.col-lg-offset-2 {
        width: 80%;
        margin-left: 10%;
    }
}

/* Change body font */
/* body {
    font-family: 'PT Sans', sans-serif;
} */

/* GitHub-style Alerts */
.alert {
    padding: 8px 16px;
    margin-bottom: 16px;
    border-left: 4px solid #e9ecef;
    background-color: #f8f9fa;
    font-style: normal;
}

.alert-heading {
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 0;
    margin-bottom: 8px;
}

/* Note - Blue */
.alert-note {
    border-left-color: #0969da;
    background-color: #eef6fc;
    color: #1f2328;
}

.alert-note .alert-heading {
    color: #0969da;
}

/* Tip - Green */
.alert-tip {
    border-left-color: #1a7f37;
    background-color: #eefbf3;
    color: #1f2328;
}

.alert-tip .alert-heading {
    color: #1a7f37;
}

/* Important - Purple */
.alert-important {
    border-left-color: #8250df;
    background-color: #f6f1ff;
    color: #1f2328;
}

.alert-important .alert-heading {
    color: #8250df;
}

/* Warning - Yellow/Orange */
.alert-warning {
    border-left-color: #9a6700;
    background-color: #fff8c5;
    color: #1f2328;
}

.alert-warning .alert-heading {
    color: #9a6700;
}

/* Caution - Red */
.alert-caution {
    border-left-color: #cf222e;
    background-color: #ffebe9;
    color: #1f2328;
}

.alert-caution .alert-heading {
    color: #cf222e;
}

/* Centered Image Captions */
p:has(figure) {
    text-align: center !important;
}

figure {
    text-align: center !important;
    margin: 20px auto;
    display: block;
    width: 100%;
}

figure img {
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    display: block;
}

figcaption {
    margin: 0 auto;
    margin-top: 10px;
    font-size: 0.9em;
    color: #666;
    font-style: italic;
    text-align: center !important;
    display: block;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

/* PhotoSwipe Lightbox Caption Centering */
.pswp__caption__center {
    text-align: center !important;
}