/* Timtek-branded default theme */

:root {
    --timtek-blue: #0072ce;
    --timtek-blue-websafe: #0066cc;
    --timtek-purple: #9063cd;
    --timtek-purple-websafe: #9966cc;
    --timtek-gold: #ffc000;
    --timtek-ink: #263142;
    --timtek-paper: #fbfbff;
    --timtek-soft-blue: #eaf3ff;
    --timtek-soft-purple: #f4effb;
}

body {
    background:
        linear-gradient(180deg, var(--timtek-soft-blue), rgba(255, 255, 255, 0) 22rem),
        var(--timtek-paper);
    color: var(--timtek-ink);
    font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

a {
    color: var(--timtek-blue-websafe);
}

a:hover,
a:focus {
    color: var(--timtek-purple);
}

.navbar {
    background-color: rgba(255, 255, 255, .94);
}

.navbar-light .navbar-nav .nav-link {
    color: var(--timtek-ink);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: var(--timtek-blue);
}

.btn-primary,
.btn-success {
    background-color: var(--timtek-blue);
    border-color: var(--timtek-blue-websafe);
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-success:hover,
.btn-success:focus {
    background-color: var(--timtek-purple);
    border-color: var(--timtek-purple);
    color: #fff;
}

main {
    background: rgba(255, 255, 255, .82);
    border: 1px solid rgba(144, 99, 205, .18);
    border-radius: .85rem;
    box-shadow: 0 .75rem 2rem rgba(0, 102, 204, .08);
    padding: 1.5rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--timtek-blue);
    font-family: "Segoe UI Semibold", "Segoe UI", system-ui, sans-serif;
}

article h1,
article h2 {
    margin-bottom: 0.25rem;
}

article {
    border-bottom: 1px solid rgba(144, 99, 205, .2);
    padding-bottom: 1rem;
}

article:last-child {
    border-bottom: 0;
}

.post-content > p:first-of-type::first-letter {
    color: #fff;
    float: left;
    font-family: "Colonna MT", Georgia, serif;
    font-size: 5.8rem;
    line-height: .78;
    margin: .12rem .45rem 0 0;
    text-shadow:
        .02em 0 var(--drop-cap-stroke-colour, var(--timtek-purple)),
        -.02em 0 var(--drop-cap-stroke-colour, var(--timtek-purple)),
        0 .02em var(--drop-cap-stroke-colour, var(--timtek-purple)),
        0 -.02em var(--drop-cap-stroke-colour, var(--timtek-purple));
    -webkit-text-stroke: .025em var(--drop-cap-stroke-colour, var(--timtek-purple));
}

.tag-badge {
    background-color: var(--tag-colour, var(--timtek-purple)) !important;
    margin-right: 0.25rem;
}

.border-top,
.border-bottom {
    border-color: rgba(0, 102, 204, .18) !important;
}

.footer {
    background: rgba(255, 255, 255, .94);
}