@charset "UTF-8";
/**
 * text-baldanders.css -- Cascading Style Sheet (for this theme)
 */

/* page layout */
#container {
  max-width: 700px;
  margin: 0 auto;
}

/* header layout */
#container header {
  text-align: right;
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: solid thin var(--default-border-color);
}
header #sitetitle {
  font-variant: small-caps;
  font-size: x-large;
  margin: 0;
  color: var(--header-text-color);
  background-color: var(--header-background-color);
}
header p {
  font-size: smaller;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}
header a:link {
  color: var(--header-text-color);
  background-color: var(--header-background-color);
}
header a:visited {
  color: var(--header-text-color);
  background-color: var(--header-background-color);
  text-decoration: none;
}
header a:active {
  color: var(--header-text-color);
  background-color: var(--header-background-color);
  text-decoration: none;
}
header a:hover {
  color: var(--header-text-color);
  background-color: var(--header-background-color);
  text-decoration: none;
}

/* main layout */
main h1 {
  font-weight: var(--default-font-weight-bold);
  border: solid thin var(--default-border-color);
  margin: 0 0 1rem 0;
  padding: 0 0.5rem 2px 2px;
}
main h2 {
  font-weight: var(--default-font-weight-bold);
  text-decoration: underline;
}
main h3, main h4, main h5, main h6 {
  font-size: medium;
  text-decoration: underline;
}
main blockquote, main pre {
  line-height: 1.4;
  border: solid thin var(--default-border-color);
}
main blockquote.nobox {
  border: none;
}
main blockquote.twitter-tweet {
  font-family: var(--default-font-mono);
  font-weight: var(--default-font-weight-normal);
}
main p, main blockquote, main li {
  text-align: justify;
  hyphens: auto;
}
main blockquote p {
  margin: 0.2rem 0;
}
main nav.tags, main nav.history {
  display: block;
  width: 100%;
  text-align: right;
  font-size: smaller;
  line-height: 1.2;
  margin-top: 0;
  padding-top: 0;
}
main div.footnotes, main section.footnotes {
  font-size: smaller;
  line-height: 1.2;
}

main div.footnotes hr, main section.footnotes hr {
  border: solid thin var(--default-border-color);
}

main div.box {
  color: inherit;
  background-color: inherit;
  margin: 1rem 0rem 1rem 0.4rem;
  padding: 4px;
  line-height: 1.4;
  border: solid thin var(--default-border-color);
}

main span.box {
  color: inherit;
  background-color: inherit;
  border: solid thin var(--default-border-color);
  border-radius:5px;
}

main div.noextension {
  float: right;
  margin-top: 0;
  margin-bottom: 0.2rem;
  margin-left: 0.5rem;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0.2rem;
  padding-left: 0.5rem;
  padding-right: 0;
}

/* light/dark mode */
main figure div.lightmode, main figure blockquote.lightmode {
  color: var(--light-text-color);
  background-color: var(--light-background-color);
}
main figure div.darkmode, main figure blockquote.darkmode {
  color: var(--dark-text-color);
  background-color: var(--dark-background-color);
}

/* hreview */
main .hreview {
  font-size: small;
  line-height: 1.2;
  border: solid thin var(--default-border-color);
  margin: 1rem 0rem;
  padding: 2px;
}
.hreview abbr {
  text-decoration: none;
}
.hreview dl {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  text-align: left;
}
.hreview dl > dt {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  border: none;
  color: inherit;
  background-color: inherit;
}
.hreview dl > dd {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  border: none;
  color: inherit;
  background-color: inherit;
}
.hreview dl > dd abbr.rating {
  /* star mark */
  color: goldenrod;
  background-color: inherit;
}
.hreview div.photo, .hreview img.photo {
  float:left;
  border: none;
  color: inherit;
  background-color: inherit;
  margin: 0 15px 10px 10px;
  padding: 0.5rem;
}
.hreview p.gtools, .hreview p.powered-by {
  font-size: smaller;
  line-height: inherit;
  text-align: right;
  margin: 0;
  clear: both;
}

/* breadcrumb list */
main nav.breadcrumb {
  display: block;
  width: 100%;
  text-align: left;
  line-height: 1.2;
  margin-top: 0;
  padding-top: 0;
}

 /* page navigation */
.page-nav {
  display: flex;
  flex-direction: row;
  margin-top: 2.0rem;
  margin-bottom: 0.5rem;
  font-size: small;
  line-height: 1.2;
}
.page-nav .prev-page {
  flex: 1 auto;
  text-align: left;
  padding-right:1.0rem;
}
.page-nav .next-page {
  flex: 1 auto;
  text-align: right;
  padding-left:1.0rem;
}

/* footer layout */
#container footer {
  display: block;
  width: 100%;
  font-size: smaller;
  line-height: 1.2;
  margin-top: 0.5rem;
  padding-top: 0.1rem;
  border-top: solid thin var(--default-border-color);
}
footer .userinfo {
  display: flex;
  flex-direction: row;
  margin-top: 0.5rem;
}
footer .userinfo .userinfo-avater {
  flex: 0 70px;
  text-align: right;
  padding-right:0.5rem;
}
footer .userinfo .userinfo-avater img {
  border-radius: 50%;
}
footer .userinfo .userinfo-info {
  flex: 1 auto;
  text-align: left;
  padding-left:0.5rem;
}
.social {
  margin: 0.5rem 0rem;
  padding: 0
}
ul.social {
  list-style: none;
  padding: 0
}
ul.social > li {
  display: inline-block;
  margin: 0 0.5rem;
}

/* text color */
.citrus-color {
  color: var(--other-text-citrus);
  background-color: transparent;
}

/* icon color */
span.golang-color {
  color: var(--icon-text-golang);
  background-color: transparent;
}
span.github-color {
  color: var(--icon-text-github);
  background-color: transparent;
}
span.share-color {
  color: var(--icon-text-share);
  background-color: transparent;
}
span.twitter-color {
  color: var(--icon-text-twitter);
  background-color: transparent;
}
span.x-twitter-color {
  color: var(--icon-text-x-twitter);
  background-color: transparent;
}
span.mastodon-color {
  color: var(--icon-text-mastodon);
  background-color: transparent;
}
span.bluesky-color {
  color: var(--icon-text-bluesky);
  background-color: transparent;
}
span.strava-color {
  color: var(--icon-text-strava);
  background-color: transparent;
}
span.medium-color {
  color: var(--icon-text-medium);
  background-color: transparent;
}
span.tumblr-color {
  color: var(--icon-text-tumblr);
  background-color: transparent;
}
span.instagram-color {
  color: var(--icon-text-instagram);
  background-color: transparent;
}
span.flickr-color {
  color: var(--icon-text-flickr);
  background-color: transparent;
}
span.facebook-color {
  color: var(--icon-text-facebook);
  background-color: transparent;
}
span.linkedin-color {
  color: var(--icon-text-linkedin);
  background-color: transparent;
}
span.envelope-color {
  color: var(--icon-text-envelope);
  background-color: transparent;
}
span.pocket-color {
  color: var(--icon-text-pocket);
  background-color: transparent;
}

/* footer navigation */
footer nav {
  display: block;
  width: 100%;
  font-family: var(--default-font-sans);
}

/* Feedback */
aside.feedback h1 {
  border: solid thin var(--default-border-color);
  margin: 0 0 1rem 0;
  padding: 0 0.5rem 2px 2px;
}

/* end of file */