/* ------------------------------ */
/* adaptive layouts               */
/* ------------------------------ */
@media screen and (max-width: 600px) {
    .main {max-width:100%;}
    body{font-size: 10pt !important;}
    td.li-meta  {display:none;}
    table.tidy tr td{
        min-width:0 !important;
        padding:0.5ch;
    }
    p>img {width: 100%!important;}
    .gallery-grid {max-width: 100%!important;}
}

/* ------------------------------ */
/* basic layouts                  */
/* ------------------------------ */
html {width: 100%;}
body {
    font-family: "Arial", Gadget, sans-serif;
    counter-reset: heading;
    margin: 0;
    padding: 1em 0.5em 0.5em 0.5em;
    font-size: 12pt;
    line-height: 1.5em;
}
.nav-panel{
    /* background-color: #000080; */
    text-align: center;
}


.nav-button {
    /* font-size: smaller; */
    display: inline-block;
    /* border: 1px solid black; */
    /* background-color: #efefef; */
    margin: 4px;
    min-width: 8em;
}

a:hover, a:active, a:focus {outline: 0;}
a:hover {
    text-decoration: none;
}

a.nohov:hover{
    text-decoration: none;
    background:none!important;
    color:white!important;
}

img {
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
figure {margin: 0em;}
figcaption {
    text-align: center;
    font-size: 0.9em;
    font-weight: bold;
}
p {padding: 0.5em 0em 0.5em 0em;}
.main {
    margin: 0 auto;
    max-width: 100ch;
}
header {
    justify-content: space-around;
    flex-direction: column;
}
table {border-collapse: collapse;}
th, td {padding: 0.5em;}
.content>table, details>table{margin-left: 0 !important;}
table.tidy, table.tidy * {
  border: none;
  padding-top:0;
  padding-bottom:0.2em;
  text-align: left;
  vertical-align: top;
}
table.misclinks, table.misclinks * {
  margin-left: 0;
  border: none;
  padding-top:0;
  padding-bottom:0.2em;
  vertical-align: top;
}


table.misclinks a {
  color: blue !important;
}
/* ------------------------------ */
/* Quotes, preview and code       */
/* ------------------------------ */

/* see this */
/* https://github.com/gohugoio/hugo/issues/7326 */
.highlight div, .highlight pre {overflow-x: auto;}
.highlight {background: transparent;}
blockquote {
    padding: 0.5em;
    padding-left: 1em;
    margin: 0;
}
.logo {text-align:center;}
.logo pre{
    border:None;
    background:None !important;
    display: inline-block !important;
    text-align: left !important;
}
p>code{
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}
li>code{
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}
pre {
    word-wrap: normal;
    overflow-x: auto;
    white-space: pre;
    margin: 1em 0em 1em;
    padding-left:1em;
}
pre.chroma {padding-left: 1ch;}


.copyright {
    font-size: smaller;
    text-align: center;
    margin-top: 1em;
}

/* ------------------------------ */
/* Anchors                        */
/* ------------------------------ */
a.footnote-ref::before {content: '['}
a.footnote-ref::after {content: ']'}
a{text-decoration: none;}
/* a:link {color:blue;} */
/* a:visited {color:blue;} */
/* article a:link {color:#blue} */
/* article a:visited {color:#blue} */
table.misclinks a {
  white-space: nowrap;
}

/* ------------------------------ */
/* Post elements                  */
/* ------------------------------ */
hr, hr.dim {
    height: 1px;
    border: none;
    border-top: 1px solid #3f3f3f;
}

strong{ch 1ch 1ch; }
.summary strong{all:unset;}
sup * {
    line-height: 0;
    font-size: smaller;
    vertical-align: super;
}
footer.post-footer {
    text-align:right
}
h1,h2,h3,h4,h5,h6 { font-weight: bold;}
.tags {font-size:smaller;}
.post .content p{margin: 0em 0em;}
.post .title {text-align: center;}
.post .date {text-align: center;}
.tag {display: inline-block;}
.tag a {text-decoration: none;}

/* ------------------------------ */
/* Helpers                        */
/* ------------------------------ */
.nobg  *{background: none!important;}
/* *.dimmed {color: #666666 !important;} */

/* ------------------------------ */
/* MISC..                         */
/* ------------------------------ */
.goat {
    font-size: 10pt!important;
    scale: 0.7;
}

/* Forms */
textarea.comment-input {resize:none;}
.comment-input {
    background:#000033;
    border:1px solid red;
    font-size: 1.3em;
}
input.submit{
    background:red;
    font-size: 1.3em;
}

.webring {
    /* background:#eee8d5; */
    border: 1px solid red;
    padding:1em;
}

.paginator-menu {
    display: inline-block;
    width: 100%;
    color: white;
    background-color: #000080;
    text-align: center;
}

.paginator-menu a{
    color: yellow
}

tr.list_row{
    border-bottom: 1px dotted black;
}

.img-cap {
    text-align: center;
}


/* First the Grid */
.gallery-grid {
  max-width: 80%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 1.5rem;
  justify-items: center;
  margin: auto;
  padding: 0;
  font-weight: lighter;
}

/* The Picture Frame */
.gallery-frame {
  padding: .5rem;
  font-size: 1.2rem;
  text-align: center;
  background-color: none;
  color: #000000;
}

/* The Images */
.gallery-img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  transition: opacity 0.25s ease-in-out;
}

.gallery-img:hover {
  opacity: .7;
}

.gallery-grid figcaption {
    font-weight: lighter;
}