/************************************************************
lIJst-P#s4f

styles/main.css

v 0.9.6
2021-01-15 SKruIJ

IJ

Copyright (C) 2020-2021 SKruIJ / skruij@kruijer-net.nl
see LICENSE.txt
************************************************************/

body {
  padding-left: 2vw;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  color: #3f3f3f;
}

div, textarea, a {
  padding-top: 10px;
}

a:visited {
  color: #6f6f6f;
}

a:hover, a:active {
  text-decoration: none;
  color: blue;
}

.viewer {
  background-color: #333;
  padding-left: 0px;
}

.title {
  font-size: 1.3em;
  font-weight: bold;
  padding-top: 30px;
  padding-bottom: 30px;
}

.logo {
  max-width: 95%;
}

.prestitle {
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 1vw;
  background-color: #eee;
}

.folder {
  font-size: 1.2em;
  font-weight: bold;
  padding-top: 10px;
}

.backlink {
  padding-top: 0px;
}


.chapter {
  font-size: 1.3em;
  font-weight: bold;
  padding-top: 40px;
  padding-bottom: 0px;
}

.presdetails {
  float: left;
  margin-top: 10px;
 
}


@media (min-width: 768px) {
.presdetails {
  float: right;
  margin-top: 10px;
  padding-right: 5vw;
}
}


@media (min-width: 992px) {
.presdetails {
  float: right;
  margin-top: 10px;
  padding-right: 20vw;
}
}


@media (min-width: 1200px) {
.presdetails {
  float: right;
  margin-top: 10px;
  padding-right: 35vw;
}
}

@media (min-width: 1500px) {
.presdetails {
  float: right;
  margin-top: 10px;
  padding-right: 45vw;
}
}

@media (min-width: 1900px) {
.presdetails {
  float: right;
  margin-top: 10px;
  padding-right: 55vw;
}
}


.accordion {
  width: 320px;
  background-color: #eee;
  cursor: pointer;
  padding: 11px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
}

.accordion.active, .accordion:hover {
  background-color: #ccc;
}

.collind {
  text-decoration: underline;
  color: blue;
  
}

.collind:hover {
  text-decoration: none;
}


.accordion .collind:before {
  font-size: 1.4em;
  content: "\25B8\202F\202F";
}

.accordion.active .collind:before {
  font-size: 1.4em;
  content: "\25BE\202F\202F";
}

.panel {
  padding-left: 1vw;
  background-color: #eee;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.panelimg {
  margin-left: 2px;
  margin-right: 2px;
  filter: brightness(95%);
}

.panelimg:hover {
  filter: brightness(100%);
}