/*
Theme Name: danj.ca
Author: Dan Jacobson
Author URI: https://www.danj.ca

Here goes nothin'
*/

/*
 * Header section layout
 */

#header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2em;
}

hgroup {
        flex: 1;
}

#random-quote {
    flex: 0.5; /* shrink at twice the rate of the titles */
    text-align: right;
    margin-left: 2em;
}

nav {
    margin-top: 1em;
}

@media (max-width: 700px) {
    #header-top {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5em;
    }

    #random-quote {
        text-align: left;
        margin-left: 0;
    }
}

/*
 * Header section stylin'
 */

#site-title {
    font-weight: bold;
}

#site-subtitle {
    font-style: italic;
}

#random-quote {
    font-size: 0.85em;
    color: #666;
}

#quote-attribution {
    font-size: 0.8em;
    font-style: normal;
    text-indent: 0.5em;
}

/* Horizontalize the nav links */
nav ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 0.5em;
}

nav ul li {
    margin: 0;
    padding: 0;
}

nav ul li:not(:last-child)::after {
    content: "//";
    margin-left: 0.5em;
}