/* Background */
body {
    background-color: #a8dff5;
    background-image: url('../images/peace_love_linux.gif');
    background-position: 0 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

@media (max-width: 450px) {
    body { background-size: 40px auto; }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    body { background-size: 20px auto; }
}

h2.has-x-large-font-size {
    font-size: 22px !important;
}

.wp-block-site-title {
    text-indent: 2em;
}

/* Site title: Droid Sans Mono */
.wp-block-site-title,
.wp-block-site-title a {
    font-family: 'Droid Sans Mono', monospace;
    text-shadow: 1px 1px 1px #aaa;
    color: #2D5680;
}

/* Tagline: Lobster */
.wp-block-site-tagline {
    font-family: 'Lobster', sans-serif;
    font-size: 2.2em;
    color: #5388BE;
    text-shadow: 1px 1px 0 #111;
}

/* Post titles: Reenie Beanie */
.wp-block-post-title,
.wp-block-post-title a,
.entry-title,
.entry-title a {
    font-family: 'Reenie Beanie', cursive;
    text-shadow: 1px 1px 1px #bbb;
    font-size: 2.5em;
    color: #5388BE;
}

/* Content: Ubuntu */
.wp-block-post-content,
.entry-content,
.entry-summary {
    font-family: 'Ubuntu', 'Trebuchet MS', sans-serif;
}

/* White card: centered container with white background for all post content */
.post-card {
    background: #ffffff !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.post-card::after {
    content: '';
    display: table;
    clear: both;
}

/* Prevent alignfull children from using negative margins to bleed out of the card */
.post-card .has-global-padding > .alignfull {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* wp:post-content with layout:flow doesn't emit is-layout-flow, so WP's
   float rules (.is-layout-flow > .alignleft) never fire. Re-add them here. */
/* First paragraph should have no top margin so it aligns with a floated image */
.wp-block-post-content > .wp-block-paragraph:first-of-type {
    margin-top: 0;
}

.wp-block-post-content .wp-block-image.alignleft {
    float: left;
    margin-inline-start: 0;
    margin-inline-end: 2em;
    margin-bottom: 0.5em;
}
.wp-block-post-content .wp-block-image.alignright {
    float: right;
    margin-inline-start: 2em;
    margin-inline-end: 0;
    margin-bottom: 0.5em;
}

/* Hide page title on the homepage */
.home h1.wp-block-heading {
    display: none;
}

/* Sidebar widget lists */
.wp-block-latest-posts {
    list-style-type: square !important;
    padding-left: 1em !important;
}
.wp-block-latest-comments {
    list-style-type: square !important;
    padding-left: 1em !important;
}
.wp-block-latest-comments__comment {
    list-style-type: square !important;
}
.wp-block-latest-comments__comment-excerpt p {
    line-height: normal;
}