/*!
 * Styles for the saclug.org Pelican theme
 * adapted from the nblug.org Pelican theme
 * Copyright 2023 SacLUG board members
 * Creative Commons Attribution/ShareAlike 2.0 Generic license
 *
 * Original author: Tom Most, 2014
 * Current maintainer: Sen H., 2023
 */

body {
    margin-top: 1em;
/*    margin: 0 auto;*/
    color: #111;
    font: 14px/1.5 "Liberation Sans", "Helvetica", "Arial", sans-serif;
/*    padding: 16px;*/
}
#wrap {
    display: grid;
    grid-template-columns: 3fr 1fr;
    margin: 0 auto;
    max-width: 63vw;
}

#masthead img {
    grid-row: 1;
    display: block;
    width: 276px;
}

nav {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-row: 2;
    padding: 0.5em 0;
}
nav a {
    font-weight: bold;
    text-decoration: none;
    color: #369;
    padding: 0 1em;
    white-space: nowrap;
}
nav a:first-child {
    padding-left: 0;
}
nav a:hover {
    text-decoration: underline;
}

main {
    grid-column: 1;
}

article {
    border: solid rgba(128, 128, 128, .6) 1px;
    margin-top: 1em;
    padding-left: 1em;
}

#sidebar {
    grid-column: 2;
    display: grid;
    row-gap: 5px;
    font-size: smaller;
    margin: 0.5em;
    height: min-content;
}
#sidebar section {
	border: solid rgba(128, 128, 128, .6) 1px;
	padding: 1em;
}

#sidebar h2 {
    font: inherit;
    font-weight: bold;
    text-transform: uppercase;
    margin: 1em 0;
    font-family: "Liberation Sans Narrow", "Arial Narrow", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

#about {
    background: #369;
    color: #f2f8ff;
    font-size: smaller;
    padding: .5em 1em .5em 1em;
}

#about :link,
#about :visited {
    color: #f2f8ff;
}

#sponsors {
}
#sponsors img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 1em 0;
}

.image-right {
    display: block;
    margin: 1em auto;
    max-width: 100%;
    height: auto;
}

header h3 {
    font: inherit;
    text-transform: uppercase;
    font-size: smaller;
    font-weight: bold;
    margin: 2em 0 0 0;
    font-family: "Liberation Sans Narrow", "Arial Narrow", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
header h1 {
    margin: 0 0 0.3em 0;
    font-size: x-large;
}

div.event-info {
    margin: 0.5em 0 1em 0;
}
div.event-info p {
    margin: 0;
}

/* Permalinks in the header aren't very useful, so hide them unless interacted
 * with */
header :link,
header :visited {
    text-decoration: none;
    color: inherit;
}
header :link:hover,
header :link:focus,
header :visited:hover,
header :visited:focus {
    text-decoration: underline;
}

.pagination {
    margin: 2em 0;
    text-align: center;
    line-height: 2;
}
.pagination span {
    padding: 0.5em 1em;
}
.pagination a {
    background: #369;
    color: #f2f8ff;
    text-decoration: none;
    border-radius: 5px;
    padding: 0.5em 1em;
}
.pagination a:hover,
.pagination a:focus {
    text-decoration: underline;
}

/* A div containing links for internal navigation in the "About Us" section. */
.toc {
    float: right;
    margin: 0 0 1em 1em;
    background: #369;
    color: #f2f8ff;
    font-size: smaller;
    padding: 0.75em 1em;
    line-height: 1.75;
}
.toc :link,
.toc :visited {
    color: inherit;
    display: block;
}
/* Style the current link as bold text */
.toc :link[rel=self],
.toc :visited[rel=self] {
    font-weight: bold;
    text-decoration: none;
}

footer {
    grid-column: 1;
    grid-row: 5;
    clear: both; /* Below the main columns */
    color: slategrey;
    font-size: smaller;
    padding: 1px solid 
}
footer :link,
footer :visited {
    color: inherit;
}

@media (max-aspect-ratio: 4/3 ) {
   #wrap {
        grid-template-columns: 1fr;
	max-width: 100%;
   }
    #sidebar{
	grid-column: 1;
	grid-row: 4;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 5px;
  }
}

@media (prefers-color-scheme: dark) {
 body, .label, .see_more {
   background: #333;
   color: #ddd;
 }
 .wrong, .lotsofpatches, .invalid_url, .version-needs-update, .cpe-nok, .cve-nok {
   background: darksalmon;
   color: black;
 }
 .correct, .nopatches, .good_url, .version-good, .cpe-ok, .cve-ok {
   background: darkseagreen;
   color: black;
 }
 .somepatches, .missing_url, .version-unknown, .cpe-unknown, .cve-unknown {
   background: burlywood;
   color: black;
 }
 .cve_ignored, .version-error {
   background: slategrey;
   color: black;
 }

 p :link {
   color: CornFlowerBlue;
}
 p :visited {
   color: Orchid;
}

 li :link {
   color: CornFlowerBlue;
}
 li :visited {
   color: Orchid;
}
#about {
background: #12356;

}
}