/*
  * Overriding some styleheet items to improve text appearance
 */

@charset "UTF-8";

.site-title {
  font-size: large;
  border-bottom: solid thin lightsteelblue;
  padding-left: 0.5em;
  margin-bottom: 1em;
  margin-top: 1em;
}

header .abstract {
  margin: 0.5em;
  padding: 0.5em 1em;
  border: dashed thin lightcoral;
  background-color: snow;
  border-radius: 5px;
}

header .TOC {
  padding: 1em;
  margin: 1em;
}

header .TOC-title {
  font-weight: bold;
  font-size: larger;
}

article aside {
  margin: 1em;
  padding: 1em;
  border: dashed thin lightsteelblue;
  border-radius: 5px;
  font-size: smaller;
}

article strong {
  background: linear-gradient(transparent 60%, #fff077  70%);
}

article em {
  background: linear-gradient(transparent 70%, #ffccff 70%);
}

article table {
  margin-left: 1em;
  border-collapse: collapse;
}

article th, article td {
  padding: 0.5em;
  border: solid thin lightsteelblue;
}

article dl {
  padding: 1em;
  margin: 0.5em;
}

article dt {
  font-weight: bold;
  margin-bottom: 0.5em;
}

article dd {
  margin-bottom: 0.5em;
}

article ul, article ol {
  margin-left: 1m;
}

article img {
  /*border: solid thin lightsteelblue;*/
  /*border-radius: 5px;*/
  margin: 1.5em;
}

article code.* {
  margin: 1em;
  padding: 1em;
}

/* Index Page */
.list-item {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  /*margin-left: 1.5em;
  margin-right: 1em;*/
}

.update-date {
  color: green;
  font-size: small;
  padding-left: 1em;
}

.list-abstract-fence {
  margin-left: 1em;
}

.list-link {
  font-weight: bold;
}

.list-content {
  margin-top: 1em;
  margin-bottom: 1em;
  /*margin-left: 1.5em;
  margin-right: 1em;*/
}

.menu-item {
  margin-left: 1em;
  margin-right: 1em;
}


@media only screen and (max-width: 767px){
  article img{
    max-width: 90%;
    height: auto;
  }
  figure.Icon img {
    width: auto;
    height: auto;
  }
}


@media only screen and (min-width: 768px), print {
  article img{
    width: auto;
    height: auto;
  }
  figure.Icon img {
    width: auto;
    height: auto;
  }
}

input[type="checkbox"].collapsible{
  display: none;
}

input[type="checkbox"].collapsible + div.list-content{
 display: none;
}

input[type="checkbox"].collapsible:checked + div.list-content{
  display: inherit;
 }
 
.pagination
{
  width: 100%;
  color: gray;
  text-align: center;
  display: inline-block;
  margin-top: 0em;
  margin-bottom: 0em;
  padding: 1em;
}