* {
  margin: 0; }

::selection {
  background: var(--bs-black);
  color: #FFF; }

body {
  min-height: 100vh; }

html {
  scroll-padding-top: 56px; }

code {
  background-color: var(--bs-dark);
  border-radius: 2px;
  font-family: courier, monospace;
  padding: 1px 4px;
  font-size: unset;
  color: var(--bs-bright); }

footer {
  /* Stupid */
  position: sticky;
  top: 100vh; }

hr {
  border-top: 2px solid; }

.grey1 {
  background-color: #bababa; }

.grey2 {
  background-color: #7a7a7a; }

.search-wrapper {
  display: flex;
  transition-duration: 0.15s; }
  .search-wrapper:focus-within {
    box-shadow: 0 0 0 0.25rem rgba(204, 204, 204, 0.4); }
  .search-wrapper input {
    border: none;
    outline: none; }

.catButton {
  transition-duration: 0.3s; }

.catFilter {
  transition-duration: 0.3s; }

.pretty-table {
  margin: 0.25rem;
  border-style: solid;
  border-width: 0.25rem;
  border-color: var(--bs-dark); }
  .pretty-table table {
    color: unset;
    padding: 0.25rem; }
    .pretty-table table > thead > tr {
      background-color: var(--bs-dark);
      color: var(--bs-bright); }
    .pretty-table table > tbody > tr {
      border-style: solid;
      border-width: 1px 0 0 0;
      border-color: var(--bs-grey); }
    .pretty-table table > tbody > tr:nth-child(1) {
      border-width: 0; }

table.table-darker {
  /* Table header */
  /* Table rows */ }
  table.table-darker > thead > tr a {
    color: var(--bs-white);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
  table.table-darker > tbody > tr a {
    color: var(--bs-white);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
  table.table-darker > tbody > tr a:hover {
    color: var(--bs-bright); }

.d-last-child > a:nth-last-child(1) {
  display: inline !important; }

tr.clickableCats > th > a {
  width: 100%;
  display: block; }

/* Page numbers */
.pageNumbers {
  text-align: center;
  margin: auto; }
  .pageNumbers a {
    background-color: var(--bs-dark);
    color: var(--bs-bright);
    padding: 0.25rem 0.5rem;
    margin: 0.1rem; }
    .pageNumbers a.arrows {
      background-color: transparent;
      padding: 0.25rem; }
    .pageNumbers a.active {
      color: var(--bs-darker);
      background-color: var(--bs-bright); }

/* Dynamic textarea */
.dynamicTextarea {
  height: auto; }

/* Z-indexes */
.zi1 {
  z-index: 1; }

.zi2 {
  z-index: 2; }

.zi3 {
  z-index: 3; }

.zi4 {
  z-index: 4; }

.zi5 {
  z-index: 5; }

/* Max height */
.mh-25 {
  max-height: 25vh; }

.mh-50 {
  max-height: 50vh; }

.mh-75 {
  max-height: 75vh; }

.mh-100 {
  max-height: 100vh; }

/* Min height */
.min-h-25 {
  min-height: 25vh; }

.min-h-50 {
  min-height: 50vh; }

.min-h-75 {
  min-height: 75vh; }

.min-h-100 {
  min-height: 100vh; }

/* Widths */
.w-fit {
  width: fit-content; }

.h-fit {
  height: fit-content; }

.w-available {
  width: available;
  width: -moz-available; }

.h-available {
  height: available;
  height: -moz-available; }

.w-90 {
  width: 90%; }

/* Min width */
.min-w-90 {
  min-width: 90%; }

.min-w-25 {
  min-width: 25vh; }

.min-w-50 {
  min-width: 50vh; }

.min-w-75 {
  min-width: 75vh; }

.min-w-100 {
  min-width: 100vh; }

/* Font sizes */
.fs-7 {
  font-size: 0.9rem; }

.fs-8 {
  font-size: 0.8rem; }

.fs-8 {
  font-size: 0.7rem; }

.d-inline-grid {
  display: inline-grid; }

/* Cursors */
.cursor-default {
  cursor: default; }

.cursor-pointer {
  cursor: pointer; }

.pointer-event-none {
  pointer-events: none; }

.text-overflow-ellipsis {
  text-overflow: ellipsis; }

/* Nav link colors */
.nav-pills .nav-link {
  background-color: var(--bs-dark); }

/* Knaben logo in css */
div.cssLogo {
  aspect-ratio: 1862 / 804;
  position: relative;
  height: 100%;
  margin: auto;
  left: 0;
  right: 0; }

div.cssLogo.animated {
  opacity: 0;
  transition-duration: 2s;
  transition-timing-function: cubic-bezier(0.5, 0.25, 0.27, 1.1); }

div.cssLogo * {
  position: absolute; }

div.cssLogo div.housing {
  left: 4%;
  width: 22.2%;
  height: 29%; }

div.cssLogo div.deck {
  left: 4%;
  width: 27%;
  height: 17.5%;
  top: 29%; }

div.cssLogo div.hull {
  width: 100%;
  height: 51%;
  top: 48.75%;
  overflow: hidden; }

div.cssLogo div.hull div.hull1 {
  width: 100%;
  height: 61.5%;
  overflow: hidden; }

div.cssLogo div.hull div.hull1 div.tail.grey1 {
  width: 18%;
  height: 88%;
  transform: rotate(67deg); }

div.cssLogo div.hull div.hull1 div.bow.grey1 {
  width: 22%;
  height: 88%;
  transform: rotate(135deg);
  left: 80%; }

div.cssLogo div.hull div.hull2 {
  width: 100%;
  height: 39%;
  top: 61%;
  overflow: hidden; }

div.cssLogo div.hull div.hull2 div.tail.grey2 {
  width: 23%;
  height: 90%;
  transform: rotate(67deg); }

div.cssLogo div.hull div.hull2 div.bow.grey2 {
  width: 22%;
  height: 88%;
  transform: rotate(135deg);
  left: 71.9%; }

div.cssLogo div.foredeck {
  width: 59%;
  height: 41.5%;
  top: 5%;
  left: 35.1%; }

div.cssLogo div.foredeck div.layer1 {
  width: 80.2%;
  height: 30.5%;
  left: 10%; }

div.cssLogo div.foredeck div.layer2 {
  width: 100%;
  top: 36%;
  height: 29%; }

div.cssLogo div.foredeck div.layer3 {
  width: 100%;
  top: 70%;
  height: 30%; }

.hover-toggle {
  position: relative; }

.hover-toggle:hover .toggle1 {
  opacity: 0; }

.hover-toggle .toggle2 {
  opacity: 0;
  position: absolute;
  top: 50%;
  /* position the top  edge of the element at the middle of the parent */
  left: 50%;
  /* position the left edge of the element at the middle of the parent */
  transform: translate(-50%, -50%); }

.hover-toggle:hover .toggle2 {
  opacity: 1; }

/*# sourceMappingURL=style.css.map */