/* ---------------------------------------------------------- Definitions and Imports ---------------------------------------------------------------- */
@font-face {
  font-family: "abel-font";
  src: url("/dist/fonts/Abel-Regular.ttf") format("truetype");
}
:root {
  --font-body: -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Roboto, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  --font-code: Lucida Console, DejaVu Sans Mono, Ubuntu Mono, Monaco, monospace;
  --color-primary: #206ea7;
  --color-primary-light: rgba(32,110,167,0.15);
  --color-link: #206ea7;
  --color-page: #206ea7;
  --color-page-draft: #7e50b1;
  --color-chapter: #af4d0d;
  --color-book: #077b70;
  --color-bookshelf: #a94747;
  --color-positive: #0f7d15;
  --color-negative: #ab0f0e;
  --color-info: #0288D1;
  --color-warning: #cf4d03;
  --bg-disabled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cdefs%3E%3Cpattern id='doodad' width='19' height='19' viewBox='0 0 40 40' patternUnits='userSpaceOnUse' patternTransform='rotate(143)'%3E%3Crect width='100%25' height='100%25' fill='rgba(42, 67, 101,0)'/%3E%3Cpath d='M-10 30h60v20h-60zM-10-10h60v20h-60' fill='rgba(26, 32, 44,0)'/%3E%3Cpath d='M-10 10h60v20h-60zM-10-30h60v20h-60z' fill='rgba(0, 0, 0,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23doodad)' height='200%25' width='200%25'/%3E%3C/svg%3E");
}

:root.dark-mode {
  --bg-disabled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cdefs%3E%3Cpattern id='doodad' width='19' height='19' viewBox='0 0 40 40' patternUnits='userSpaceOnUse' patternTransform='rotate(143)'%3E%3Crect width='100%25' height='100%25' fill='rgba(42, 67, 101,0)'/%3E%3Cpath d='M-10 30h60v20h-60zM-10-10h60v20h-60' fill='rgba(26, 32, 44,0)'/%3E%3Cpath d='M-10 10h60v20h-60zM-10-30h60v20h-60z' fill='rgba(255, 255, 255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23doodad)' height='200%25' width='200%25'/%3E%3C/svg%3E");
  color-scheme: only dark;
  --color-positive: #4aa850;
  --color-negative: #e85c5b;
  --color-warning: #de8a5a;
}

:root:not(.dark-mode) {
  color-scheme: only light;
}

* {
  font-family: "abel-font", sans-serif !important;
}

h1 {
  font-size: 32px;
}

h1, h2, h3, h4, h5 {
  letter-spacing: 1px !important;
}

.logo-text {
  font-weight: 300;
  font-size: 34px;
}

/* ---------------------------------------------------------- Selection  ---------------------------------------------------------------- */
::selection {
  background-color: #c3a13f;
  color: #fff;
}

/* ---------------------------------------------------------- Headers and text sizing  ---------------------------------------------------------------- */
body {
  font-size: 18px;
}

h1 {
  font-size: 34px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 23.4px;
}

h4 {
  font-size: 16px !important;
}

h5 {
  font-size: 19px;
}

h6 {
  font-size: 18px;
}

#main-content > main > div.book-content > div.entity-list.book-contents > a > div > h4 {
  font-size: 20px !important;
}

.icon-list-item *,
.tri-layout-left-contents .entity-list a,
nav a,
nav button *,
.dropdown-search-toggle-breadcrumb * {
  font-size: 16px;
}

#details *,
#content > div.tri-layout-container > div.tri-layout-sides.print-hidden > div > div.tri-layout-right.print-hidden > aside > div:nth-child(1) * {
  font-size: 15px !important;
}

#sidebar > aside h4 {
  font-size: 16px;
}

@media screen and (max-width: 600px) {
  body {
    font-size: 13px !important;
  }
}
/* ---------------------------------------------------------- Headers margins  ---------------------------------------------------------------- */
h1 {
  margin-bottom: 50px;
}

div[component=page-display] h2,
div[component=page-display] h3,
div[component=page-display] h4,
div[component=page-display] h5,
div[component=page-display] h6 {
  margin-top: 70px;
}

@media screen and (max-width: 600px) {
  div[component=page-display] h2,
  div[component=page-display] h3,
  div[component=page-display] h4,
  div[component=page-display] h5,
  div[component=page-display] h6 {
    margin-top: 30px;
  }
  h1 {
    margin-bottom: 20px;
  }
}
/* ---------------------------------------------------------- Golden links  ---------------------------------------------------------------- */
div[component=page-display] a {
  color: #c3a13f;
}

@font-face {
  font-family: "abel-font";
  src: url("/dist/fonts/Abel-Regular.ttf") format("truetype");
}
/* ---------------------------------------------------------- Basic styling ---------------------------------------------------------------- */
#header {
  background-color: #fff !important;
}
html.dark-mode #header {
  background-color: gray !important;
}
#header * {
  color: #4a4742;
}
html.dark-mode #header * {
  color: #fff;
}
#header #header-search-box-input::placeholder {
  color: #4a4742 !important;
}
html.dark-mode #header #header-search-box-input::placeholder {
  color: #fff !important;
}

.book-contents .text-muted.break-text {
  display: none;
}

/* ---------------------------------------------------------- Highlighting Breadcrumbs and Buttons ---------------------------------------------------------------- */
.icon-list-item:hover,
.tri-layout-left-contents .entity-list a:hover,
nav a:hover,
nav button:hover,
.dropdown-search-toggle-breadcrumb:hover {
  background-color: rgba(74, 71, 66, 0.8) !important;
  color: #fff !important;
  transition: background-color 0.2s ease;
  cursor: pointer;
}

nav button:hover *,
nav a:hover *,
.tri-layout-left-contents .entity-list a:hover * {
  color: #fff !important;
}

/* ---------------------------------------------------------- Text and Titles ---------------------------------------------------------------- */
.content-wrap h1,
.content-wrap h2,
.content-wrap h3,
.content-wrap h4,
.content-wrap h5 {
  color: #c3a13f !important;
}

/* ---------------------------------------------------------- "Entwurf" feature  ---------------------------------------------------------------- */
.entwurf-list {
  color: #c3a13f !important;
  border: solid #c3a13f 1px;
  padding: 5px;
  margin-left: 8px;
  vertical-align: middle;
  border-radius: 4px;
  font-size: 10.5px;
}

.tri-layout-sides-content .entwurf-list {
  border: none;
  display: flex;
  margin: 0;
  padding: 0;
}

/* ---------------------------------------------------------- Watermark icon  ---------------------------------------------------------------- */
.featured-image-container-wrap svg {
  opacity: 0.5;
}

/* ---------------------------------------------------------- button radius  ---------------------------------------------------------------- */
.icon-list-item,
.tri-layout-left-contents .entity-list a,
nav > a,
nav > button,
.dropdown-search-toggle-breadcrumb {
  border-radius: 2px !important;
}

/* ---------------------------------------------------------- Card effect  ---------------------------------------------------------------- */
.grid-card {
  transition: transform 0.15s ease-in-out;
}

.grid-card:hover {
  transform: scale(1.02);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

/* ---------------------------------------------------------- Fix hover over bug  ---------------------------------------------------------------- */
#recently-updated-pages > div > a,
#content > div.tri-layout-container > div.tri-layout-sides.print-hidden > div > div.tri-layout-right.print-hidden > aside > div.actions > .icon-list.text-link > *,
#sidebar > aside > div > div > a {
  margin-left: 20px;
  width: calc(100% - 40px);
}

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