/* Safe Harbour customisations on top of the Nevertheless theme (theme.css).
   These reproduce the WordPress Customizer settings saved for the site (theme_mods_nevertheless). */

/* Background colour (custom-background) */
body.custom-background { background-color: #58a1e2; }

/* Link colour #58a2e5 */
a, a:hover, a:focus { color: #58a2e5; }
input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus,
input[type="reset"]:hover, input[type="reset"]:focus, button:hover, button:focus, .button:hover, .button:focus {
    border-color: #58a2e5; background: #58a2e5; color: #fff;
}
.archive-title:before { color: #58a2e5; }
.entry-title a:hover, .entry-title a:focus { color: #58a2e5; }
.more-link { color: #58a2e5; }
.more-link:hover, .more-link:focus { border-color: #58a2e5; }
.navigation.pagination a.page-numbers:hover, .navigation.pagination a.page-numbers:focus { border-color: #58a2e5; background: #58a2e5; }
.widget_recent_entries a:hover, .widget_recent_entries a:focus { color: #58a2e5; }

/* Header #5c99cf with the sea image, tagline #44546a */
#header { background-color: #5c99cf; }
#site-description { color: #44546a; }

/* Navigation #44546a */
#menu-primary .menu-container { background-color: #44546a; }
#menu-primary-items > li > a { background-color: #44546a; }

/* Fonts: site title Merriweather, post titles Times New Roman, everything else Open Sans */
#site-title { font-family: "Merriweather", serif; }
#content .entry-title { font-family: "Times New Roman", Times, serif; }
.widget-title { font-family: "Open Sans", sans-serif; }
body.wordpress { font-family: "Open Sans", sans-serif; }

/* Notes and forms used by the new site */
.site-preview-note {
    background: #fff8e1; border: 1px solid #f0c36d; padding: 1rem 1.5rem; font-size: 1.5rem;
}
.site-form-error { color: #b32d2e; font-weight: 700; }
.site-signin { max-width: 36rem; }
.site-signin label { display: block; margin-bottom: .3rem; }
.site-signin input[type="checkbox"] { margin-right: .5rem; }
.site-signin__remember { margin: .5rem 0 1.5rem; }

/* Thin bar for signed-in editors (stands in for the WordPress admin bar). */
#site-adminbar {
    display: flex; gap: 2rem; align-items: center; flex-wrap: wrap;
    background: #23282d; color: #eee; font-size: 1.4rem; line-height: 1; padding: .9rem 2rem;
}
#site-adminbar a { color: #eee; }
#site-adminbar a:hover, #site-adminbar a:focus { color: #72aee6; }
.site-adminbar__user { margin-left: auto; opacity: .75; }