/* Definitions */

:root {
    --content:    black;

    --bg:         lightgray;
    --bgdk:       darkgray;
    --bglt:       whitesmoke;   /* #e5e4e2; #e3e4e0 */
    --bgalt:      aliceblue;    /* azure aliceblue; for blockquote */

    --accent:     #b03850;      /* Crimson-ish */
    --accentdk:   midnightblue; /* DarkBlue; DarkSlateBlue */

    --contrast:   #1a73e8;      /* Cornflower-ish : used for links in posts */
    --highlight:  #f3d6a1;      /* NavajoWhite Moccasin Wheat */
    --highlgtdk:  orange;

    /* UNUSED */
    --contrastdk: DarkGreen;     /* Green #5b8930 */

    --headline: "Lato";
    --navitems: "Exo";
}


/* Sitewide */

body {
    background-color: var(--bglt);
    font-family: "Open Sans", "Arial", sans-serif;
}

.header {
    background-color: white;
    border-bottom: thin solid var(--bg);
    margin-bottom: 0rem;
}

.header__inner {
    display: flex;
}

.wrapper { /* Wraps cards */
    padding: .5rem .5rem 0rem .5rem;
    background-color: white;
}

.logo {
    font-family: "Marmelad", "Georgia", serif;
    font-size: 3.25rem;
    font-weight: normal;
    padding-right: 1rem;
    padding-left: 1rem;
    color: black;
}

@media (max-width: 860px) {
    .logo {
	font-size: min(4rem, 11vw);
    }
}

.logo:hover {	
    color: var(--accent);
}

.main-nav {
    font-family: var(--navitems), "Arial", sans-serif;
}

.main-nav__item {
    font-size: 1.5rem;
}

.main-nav__link {
    color: var(--accent);
}

.main-nav__link:hover {
    color: var(--accentdk);
    text-decoration: none;
}

.footer {
    margin-top: 0rem;
    color: white;
    background-color: black;
}

.footer__copyright-credits {
    visibility: hidden;
}


/* List Entries */

.entry-saffron    { border-color: #f8de7e; }
.entry-brown      { border-color: #D2B48C; }
.entry-rosewood   { border-color: #BC8F8F; }
.entry-rouge      { border-color: #d58eb5; }
.entry-slateblue  { border-color: #6c90c6; }
.entry-powderblue { border-color: #add8e6; }
.entry-tiffany    { border-color: #81d8d0; }
.entry-laurel     { border-color: #A9BA9D; }
.entry-olive      { border-color: #b4c424; }
.entry-apple      { border-color: #8AB800; }


/* Special Border Colors */
.entry-novel-carmine    { border-color: #a85b6a; }


/* >>> These apply to BOTH list and single pages! <<< */
.entry {
    border-radius: .75rem 0rem 0rem 0rem;
    border-width: 6px 0px 0px 1px;

    /* Inherited: margin: 0.25rem -- defined in main.css */
    /* Implicit: padding: 1rem; -- not sure where this is defined! */

    /* Since I can't safely overrule the p.margin-bottom, remove padding here */
    padding-bottom: 0rem;
    margin: 0.5rem;
}

.entry__featured {
    /* This may never be used by us; BUT I define book__featured below! */
    /* margin -1rem -1rem 1rem defined in main.css */
    margin: 0.0rem;
}

.entry__title {
    font-family: var(--headline), "Arial", sans-serif;
    font-size: 1rem;
}

.entry__title-link {
    padding: 0rem 0rem 0rem 0.25rem;
}

.meta {
    padding-left: 0.25rem;
    color: var(--accent);
}

.entry__content {
    /* margin-top: 5rem defined in main.css */

    margin: 0rem;
    padding: 0.75rem 0rem 0rem 0.25rem;

    font-size: .875rem;
    color: var(--content);
}

/* p { margin-top: 0; margin-bottom: 1rem; } reboot.css */

.entry__title-link:link, .entry__title-link:visited {
    color: var(--accentdk);
}

.entry__title-link:hover {
    color: var(--accent);
    text-decoration: none;
}

.cards .entry__tags {
    display: none;
}

/* For books/ list view only:
   bookentry and bookdesc containers are new
   book_featured adapted from entry__featured (figure container)
   Aside: 320px as abs min screen width! */

.bookentry {
    display: flex;
    flex-flow: row wrap;
}

.book__featured {
    margin: 0.0rem;
    margin-right: 1em;

    flex: 1 1 125px;
    max-width: 200px;
}

.book__featured .featured__img {
    border: thin solid white;
}

.bookdesc {
    align-self: flex-end;
    bottom-margin: 0em;

    flex: 1 1 200px;
    min-width: 150px;
}


/* Non-home page list page */
.taxonomy.block {
    display: none;
}


/* Widgets: Sidebar */

.widget {
    border: thin solid var(--bg);
    border-radius: 0rem;
}

.widget__title {
    color: var(--accent);

    font-family: var(--headline), "Arial", sans-serif;
    font-weight: bold;
    font-size: 1.0rem;

    padding: 0.25rem 0rem 0.5rem 0.75rem;
    margin-bottom: 0.5rem;
    border-bottom: medium solid var(--bg);
}

.widget__item {
    color: var(--content);
    padding-left: 0.75rem;
}

.widget__link {
    font-size: .875rem;
}

.widget__link:link, .widget__link:visited {
    color: var(--content);
}

.widget__link:hover {
    color: var(--accent);
    text-decoration: none;
}

.widget__meta {
}

.widget__datetime {
    font-size: 0.75rem;
}

.widget__counter {
    font-weight: bold;
    font-size: .75rem;
    text-align: center;

    padding: 0.15rem 0.5rem 0.15rem;
    margin-left: 0.75rem;

    border-radius: 5em;
    background: var(--highlight);
    border: thin solid var(--highlgtdk);
    color: black;
}

/* Single Detail Page */

.single__inner .entry__title {
    font-family: var(--headline), "Arial", sans-serif;
    font-size: 1.9rem;
}

.single__inner h2 {
    font-family: var(--headline), "Arial", sans-serif;
    font-size: 1.5rem;

    background: var(--bglt);
    border-top: thin solid var(--bg);
    border-bottom: thin solid var(--bg);
    padding-left: 0.5rem;
}

.single__inner h3 {
    font-family: var(--headline), "Arial", sans-serif;
    font-size: 1.25rem;

    background: var(--bglt);
    border: thin solid #eaeaea;
    padding-left: 0.5rem;
}

.single__inner h4 {
    font-family: var(--headline), "Arial", sans-serif;
    font-size: 1rem;

    border-bottom: thin solid #e5e5e5;
}

.single__inner h5 {
    font-family: var(--headline), "Arial", sans-serif;
    font-size: 0.875rem;
}

.single__inner h6 {
    font-family: var(--headline), "Arial", sans-serif;
    font-size: 1.25rem;

    background: var(--bgdk);
    color: white;
    padding-left: 0.5rem;
}

.entry__tag {
    color: black;
    background-color: var(--bglt);
    border: thin solid var(--bg);
    border-radius: 0.75rem;

    margin: 0.75rem 0.5rem 0.5rem 0rem;
    padding: 0.25rem 0.75rem 0.25rem 0.75rem;
}

/* On hover, tag links invert: that seems to be defined
   in themes/Amnix/assets/css/main.css */

/* This is for links in a post! */
.entry__content a:link, .entry__content a:visited {
    color: var(--contrast);
    font-weight: 500;
}

.entry__content a:hover {
    color: var(--accent);
    text-decoration: none;
}

blockquote {
    font-family: "Libertinus Sans", "Tahoma", sans-serif;
    font-size: 1rem;
    background: var(--bgalt);
}


/* Bookinfo */

div .bookinfo {
    font-size: 0.95rem;
    margin-left: 1em;
}

div .bookinfo ul {
    margin: 0;
    margin-bottom: 1rem;
}

div .bookinfo ul :first-child {
    font-weight: bold;
}

div .bookinfo li {
    list-style-type: none;
    margin: 0;
}

.social__link {
    background-color: var(--bglt);
}

.social__link:hover {
    background-color: var(--bgdk);
}


/*
  Headlines for Posts:

  ##     <h2> lightgrey bg, lines top/bottom
  ###    <h3> lightgrey bg, no lines
  ####   <h4> no bg
  #####  <h5> no bg, bold face, body size
  ###### <h3> INVERTED, white on darkgrey

  # NEVER USE single # : that messes with <h1>
*/