/* Base */
.page-body img { max-width: 100%; height: auto; }
figure.image { max-width: 100%; }
figure.image img { max-width: 100%; height: auto; }

/* Rich text image alignment */
.page-body img, .project-body img, .news-body img { max-width: 100%; height: auto; }
.page-body .publio-img-left, .project-body .publio-img-left, .news-body .publio-img-left { float: left; margin: 0 1.25rem 0.5rem 0; max-width: 50%; height: auto; }
.page-body .publio-img-right, .project-body .publio-img-right, .news-body .publio-img-right { float: right; margin: 0 0 0.5rem 1.25rem; max-width: 50%; height: auto; }
.page-body .publio-img-center, .project-body .publio-img-center, .news-body .publio-img-center { display: block; margin: 0.5rem auto; float: none; height: auto; }

/* Font preset: Inter + Source Serif 4 */
h1, h2, h3, h4, h5, h6,
.navbar, .nav-link, .dropdown-item {
    font-family: 'Inter', sans-serif;
}
body, p, li, td, th, input, textarea, select, button {
    font-family: 'Source Serif 4', Georgia, serif;
}

/* Color preset: Sval skiffer */
body { background-color: #f4f5f7; color: #334155; }
h1, h2, h3, h4, h5, h6 { color: #0f172a; }
a { color: #475569; }
a:hover { color: #0f172a; }
.text-muted { color: #7c8594 !important; }
.card, .surface { background-color: #e8eaef; border-color: #dde1e7; }
.card .card-body .card-title a.text-reset { color: #0f172a !important; }
header.pictor-header-static, header.pictor-header-static .navbar { background-color: #f4f5f7; }
.navbar.navbar-light .nav-link,
.navbar.navbar-light .navbar-brand,
header.pictor-header-static .nav-link,
header.pictor-header-static .navbar-brand { color: #334155 !important; }
.navbar.navbar-light .nav-link:hover,
.navbar.navbar-light .nav-link:focus { color: #0f172a !important; }
.navbar .dropdown-item { color: #475569 !important; background-color: #e8eaef; }
.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus { color: #0f172a !important; background-color: #f4f5f7; }
.navbar .dropdown-menu { background-color: #e8eaef; border-color: #dde1e7; }
.list-group-item { background-color: transparent; border-color: #dde1e7; color: #334155; }
.list-group-item h5 { color: #0f172a; }
footer { background-color: #e8eaef; color: #64748b; }
footer a { color: #64748b; }
footer a:hover { color: #0f172a; }
.border, hr, .border-top { border-color: #dde1e7 !important; }
a { font-weight: normal; }
.project-tag-btn { color: #475569; border: none; background-color: transparent; }
.project-tag-btn:hover { color: #0f172a; background-color: #e8eaef; }
.project-tag-btn.active { color: #f4f5f7; background-color: #0f172a; }

/* Custom CSS */
header {background-color: #e8eaef;}
a { color: #cc0000; }