/* 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: Raleway + Nunito Sans */
h1, h2, h3, h4, h5, h6,
.navbar, .nav-link, .dropdown-item {
    font-family: 'Raleway', sans-serif;
}
body, p, li, td, th, input, textarea, select, button {
    font-family: 'Nunito Sans', sans-serif;
}

/* Color preset: Kol */
body { background-color: #2c2c2c; color: #cccccc; }
h1, h2, h3, h4, h5, h6 { color: #eeeeee; }
a { color: #b0b0b0; }
a:hover { color: #eeeeee; }
.text-muted { color: #909090 !important; }
.card, .surface { background-color: #333333; border-color: #444444; }
.card .card-body .card-title a.text-reset { color: #eeeeee !important; }
header.pictor-header-static, header.pictor-header-static .navbar { background-color: #2c2c2c; }
.navbar.navbar-light .nav-link,
.navbar.navbar-light .navbar-brand,
header.pictor-header-static .nav-link,
header.pictor-header-static .navbar-brand { color: #dddddd !important; }
.navbar.navbar-light .nav-link:hover,
.navbar.navbar-light .nav-link:focus { color: #eeeeee !important; }
.navbar .dropdown-item { color: #b0b0b0 !important; background-color: #333333; }
.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus { color: #eeeeee !important; background-color: #2c2c2c; }
.navbar .dropdown-menu { background-color: #333333; border-color: #444444; }
.list-group-item { background-color: transparent; border-color: #444444; color: #cccccc; }
.list-group-item h5 { color: #eeeeee; }
footer { background-color: #2c2c2c; color: #909090; }
footer a { color: #909090; }
footer a:hover { color: #eeeeee; }
.border, hr, .border-top { border-color: #444444 !important; }
a { font-weight: normal; }
.project-tag-btn { color: #b0b0b0; border: none; background-color: transparent; }
.project-tag-btn:hover { color: #eeeeee; background-color: #333333; }
.project-tag-btn.active { color: #2c2c2c; background-color: #eeeeee; }
.navbar-toggler-icon { filter: invert(1); }
.navbar-toggler { border-color: #444444; }