/* ==========================================================================
   =Variables
   ========================================================================== */
:root {
  --max-width-content: 1140px;
  --max-width-content-narrow: 850px;
  --max-width-content-wide: 1700px;
  --border-radius-default: 6px;
  --border-radius-inputs: 6px;
  --border-radius-buttons: 6px;
  --color-accent-1: #5754F7;
  --color-accent-2: #111f62;
  --color-muted: #777;
  --color-text: #222;
  --color-headings: #111f62;
  --border-color: #ddd;
  --background-color: #EEEDFE;
  --color-form-elements: #222;
  --color-form-placeholders: #555;
  --color-form-labels: #222;
  --background-color-form-elements: #ffffff;
  --background-color-form-elements-disabled: #EEEDFE;
  --border-color-form-elements: #ddd;
  --border-color-form-elements-focus: #ccc;
  --color-link: #5754F7;
  --color-link-hover: #111f62;
  --color-link-active: #111f62;
  --font-base-size: 16px;
  --font-scale: 1.067;
  --font-family-body: 'Inter', sans-serif;
  --font-size-body: 1rem;
  --font-weight-body: 400;
  --line-height-body: 1.75;
  --letter-spacing-body: 0;
  --font-size-1: calc( var(--font-size-body) / var(--font-scale) / var(--font-scale) );
  --font-size-2: calc( var(--font-size-body) / var(--font-scale) );
  --font-size-3: var(--font-size-body);
  --font-size-4: calc( var(--font-size-3) * var(--font-scale) );
  --font-size-5: calc( var(--font-size-4) * var(--font-scale) );
  --font-size-6: calc( var(--font-size-5) * var(--font-scale) );
  --font-size-7: calc( var(--font-size-6) * var(--font-scale) );
  --font-size-8: calc( var(--font-size-7) * var(--font-scale) );
  --font-size-9: calc( var(--font-size-8) * var(--font-scale) );
  --font-size-10: calc( var(--font-size-9) * var(--font-scale) );
  --font-size-11: calc( var(--font-size-10) * var(--font-scale) );
  --font-family-headings: 'Inter', sans-serif;
  --font-weight-headings: 600;
  --line-height-headings: 1.3;
  --letter-spacing-headings: 0;
  --font-size-h1: var(--font-size-8);
  --font-size-h2: var(--font-size-7);
  --font-size-h3: var(--font-size-6);
  --font-size-h4: var(--font-size-5);
  --font-size-h5: var(--font-size-4);
  --font-size-h6: var(--font-size-3);
  --spacing-unit: calc( var(--font-size-body) * var(--line-height-body) );
  --spacing-1: calc( var(--spacing-unit) / 8 );
  --spacing-2: calc( var(--spacing-unit) / 4 );
  --spacing-3: calc( var(--spacing-unit) / 2 );
  --spacing-4: var(--spacing-unit);
  --spacing-5: calc( var(--spacing-unit) * 1.5 );
  --spacing-6: calc( var(--spacing-unit) * 2 );
  --spacing-7: calc( var(--spacing-unit) * 2.5 );
  --spacing-8: calc( var(--spacing-unit) * 3 );
  --spacing-9: calc( var(--spacing-unit) * 3.5 );
  --spacing-10: calc( var(--spacing-unit) * 4 );
  --spacing-11: calc( var(--spacing-unit) * 4.5 );
  --spacing-12: calc( var(--spacing-unit) * 5 );
  --spacing-13: calc( var(--spacing-unit) * 5.5 );
  --spacing-14: calc( var(--spacing-unit) * 6 );
  --background-color-body: #ffffff;
  --max-height-logo-mobile: 35px;
  --max-height-logo-tablet: var(--spacing-7);
  --max-height-logo-desktop: var(--spacing-8);
  --color-header-icons: #111f62;
  --color-header-icons-hover: #525FDE;
  --font-size-header-icons-mobile: var(--font-size-10);
  --font-size-header-icons-tablet: var(--font-size-8);
  --font-size-header-icons-desktop: var(--font-size-8);
  --color-menu: #000000;
  --color-menu-hover: #111f62;
  --text-transform-menu: uppercase;
  --font-size-menu: var(--font-size-3);
  --line-height-menu: 2;
  --font-weight-menu: 400;
  --spacing-menu: var(--spacing-3);
  --color-submenu: #000000;
  --color-submenu-hover: #111f62;
  --background-color-submenu: #ffffff;
  --border-color-submenu: transparent;
  --box-shadow-submenu: 0 10px 40px #00000020;
  --text-transform-submenu: uppercase;
  --font-size-submenu: var(--font-size-2);
  --line-height-submenu: 1.765;
  --font-weight-submenu: 400;
  --background-color-page-header: #EEEDFE;
  --background-color-page-header-hero: #EEEDFE;
  --background-color-footer-wrap: #010183;
  --color-text-footer: #ffffff;
  --color-headings-footer: #ffffff;
  --color-link-footer: #ffffff;
  --color-link-hover-footer: #ffffff;
  --background-color-offcanvas: #ffffff;
  --box-shadow-offcanvas: 0 10px 40px #00000020;
}

.bibl-dark-mode {
  --color-accent-1: #5B54F1;
  --color-accent-2: #111f62;
  --color-muted: #555;
  --color-text: #999;
  --color-headings: #fff;
  --border-color: #494949;
  --background-color: #333333;
  --color-form-elements: #777;
  --color-form-placeholders: #666;
  --color-form-labels: #777;
  --background-color-form-elements: #1c1c1c;
  --background-color-form-elements-disabled: #222222;
  --border-color-form-elements: #494949;
  --border-color-form-elements-focus: #494949;
  --color-link: #ffffff;
  --color-link-hover: #f8f8f8;
  --color-link-active: #f8f8f8;
  --background-color-body: #1c1c1c;
  --color-header-icons: #ffffff;
  --color-header-icons-hover: #f8f8f8;
  --color-menu: #ffffff;
  --color-menu-hover: #f8f8f8;
  --color-submenu: #ffffff;
  --color-submenu-hover: #f8f8f8;
  --background-color-submenu: #333333;
  --border-color-submenu: transparent;
  --box-shadow-submenu: 0 10px 40px #00000020;
  --background-color-page-header: #333333;
  --background-color-page-header-hero: #333333;
  --background-color-footer-wrap: #333333;
  --color-text-footer: #ffffff;
  --color-headings-footer: #ffffff;
  --color-link-footer: #ffffff;
  --color-link-hover-footer: #ffffff;
  --background-color-offcanvas: #333333;
  --box-shadow-offcanvas: 0 10px 40px #00000020;
}

@media (min-width: 768px) {
  :root {
    --font-scale: 1.125;
  }
}

/* ==========================================================================
   =Reset
   ========================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**
	 * 1. Correct the line height in all browsers.
	 * 2. Prevent adjustments of font size after orientation changes in iOS.
	 */
html {
  line-height: 1;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
	 * Correct the inability to style clickable types in iOS and Safari.
	 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
	 * 1. Correct the odd appearance in Chrome and Safari.
	 * 2. Correct the outline style in Safari.
	 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
	 * 1. Correct the inability to style clickable types in iOS and Safari.
	 * 2. Change font properties to `inherit` in Safari.
	 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

p, h1, h2, h3, h4, h5, h6, th, td {
  overflow-wrap: break-word;
}

/* ==========================================================================
   =Typography
   ========================================================================== */
html {
  font-size: var(--font-base-size);
}

body {
  background-color: var(--background-color-body);
  color: var(--color-text);
  font-family: var(--font-family-body);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--color-headings);
  font-family: var(--font-family-headings);
  font-weight: var(--font-weight-headings);
  line-height: var(--line-height-headings);
  letter-spacing: var(--letter-spacing-headings);
  margin: var(--spacing-4) 0;
}

h1 {
  font-size: var(--font-size-h1);
}

h2 {
  font-size: var(--font-size-h2);
}

h3 {
  font-size: var(--font-size-h3);
}

h4 {
  font-size: var(--font-size-h4);
}

h5 {
  font-size: var(--font-size-h5);
}

h6 {
  font-size: var(--font-size-h6);
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0 !important;
}

p {
  margin-bottom: var(--spacing-4);
}

strong {
  font-weight: bolder;
}

em {
  font-style: italic;
}

small {
  font-size: var(--font-size-2);
}

big {
  font-size: var(--font-size-4);
}

sub {
  font-size: var(--font-size-1);
  vertical-align: sub;
}

sup {
  font-size: var(--font-size-1);
  vertical-align: super;
}

abbr[title] {
  border-bottom: 1px dotted var(--color-text);
  cursor: help;
}

address {
  display: block;
  margin-bottom: var(--spacing-4);
}

blockquote {
  overflow: hidden;
}

pre {
  display: block;
  margin-bottom: var(--spacing-4);
  overflow-x: auto;
  white-space: pre-wrap;
}

mark,
ins {
  text-decoration: none;
}

s,
del {
  text-decoration: line-through;
}

/* ==========================================================================
   =Forms
   ========================================================================== */
fieldset {
  display: block;
}

label {
  display: block;
  color: var(--color-form-labels);
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  font: inherit;
  padding: var(--spacing-2) var(--spacing-3);
  -webkit-border-radius: var(--border-radius-inputs);
          border-radius: var(--border-radius-inputs);
  border: 1px solid var(--border-color-form-elements);
  margin-bottom: var(--spacing-4);
  color: var(--color-form-elements);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--background-color-form-elements);
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
  border-color: var(--border-color-form-elements-focus);
  outline: none;
}

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="month"]:disabled,
input[type="week"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="color"]:disabled,
textarea:disabled {
  cursor: not-allowed;
  background-color: var(--background-color-form-elements-disabled);
}

input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled] input[type="password"],
input[type="date"][disabled],
input[type="date"][readonly],
fieldset[disabled] input[type="date"],
input[type="datetime"][disabled],
input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"],
input[type="month"][disabled],
input[type="month"][readonly],
fieldset[disabled] input[type="month"],
input[type="week"][disabled],
input[type="week"][readonly],
fieldset[disabled] input[type="week"],
input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled] input[type="email"],
input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled] input[type="number"],
input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled] input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled] input[type="tel"],
input[type="time"][disabled],
input[type="time"][readonly],
fieldset[disabled] input[type="time"],
input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled] input[type="url"],
input[type="color"][disabled],
input[type="color"][readonly],
fieldset[disabled] input[type="color"],
textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea {
  cursor: not-allowed;
  background-color: var(--background-color-form-elements-disabled);
}

textarea[rows] {
  height: auto;
}

/**
	 *  1. Disallow resize out of parent
	 */
textarea {
  max-width: 100%;
  /* 1 */
}

select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  font: inherit;
  padding: var(--spacing-2) var(--spacing-3);
  -webkit-border-radius: var(--border-radius-inputs);
          border-radius: var(--border-radius-inputs);
  border: 1px solid var(--border-color-form-elements);
  margin-bottom: var(--spacing-4);
  color: var(--color-form-elements);
  background-color: var(--background-color-form-elements);
}

select[multiple] {
  height: auto;
  padding: var(--spacing-2) var(--spacing-3);
  line-height: var(--spacing-4);
}

select:disabled {
  cursor: not-allowed;
}

select:focus {
  border-color: var(--border-color-form-elements-focus);
}

input[type="range"] {
  width: 50%;
}

input[type="file"] {
  height: auto;
  width: 100%;
  margin-bottom: var(--spacing-4);
}

input[type="checkbox"],
input[type="radio"] {
  margin-bottom: 0;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
  margin-right: var(--spacing-3);
  margin-bottom: var(--spacing-3);
  vertical-align: baseline;
}

input[type="reset"],
input[type="submit"],
input[type="button"] {
  position: relative;
  display: inline-block;
  font: inherit;
  padding: var(--spacing-2) var(--spacing-4);
  border: 1px solid var(--color-accent-1);
  -webkit-border-radius: var(--border-radius-buttons);
          border-radius: var(--border-radius-buttons);
  margin-bottom: var(--spacing-4);
  background-color: var(--color-accent-1);
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="button"]:focus {
  border: 1px solid var(--color-accent-2);
  background-color: var(--color-accent-2);
  color: #ffffff;
}

input[type="reset"]:active,
input[type="submit"]:active,
input[type="button"]:active {
  border-color: var(--color-accent-2);
  background-color: var(--color-accent-2);
  color: #ffffff;
}

::-webkit-input-placeholder {
  color: var(--color-form-placeholders);
}

::-moz-placeholder {
  color: var(--color-form-placeholders);
}

::-ms-input-placeholder {
  color: var(--color-form-placeholders);
}

::placeholder {
  color: var(--color-form-placeholders);
}

/* ==========================================================================
   =Formatting
   ========================================================================== */
hr {
  height: 1px;
  border: 0;
  margin: var(--spacing-4) 0;
  background-color: var(--border-color);
}

/* ==========================================================================
   =Lists
   ========================================================================== */
ul, ol {
  margin-bottom: var(--spacing-4);
  list-style-position: inside;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: var(--spacing-4);
}

dl {
  margin-bottom: var(--spacing-4);
}

dt {
  font-weight: bolder;
}

dd {
  margin-bottom: var(--spacing-4);
}

/* ==========================================================================
   =Images
   ========================================================================== */
img {
  max-width: 100%;
  height: auto;
  border: none;
  vertical-align: middle;
}

/* ==========================================================================
   =Tables
   ========================================================================== */
table {
  width: 100%;
  border: 1px solid var(--border-color);
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-border-radius: var(--border-radius-default);
          border-radius: var(--border-radius-default);
  margin-bottom: var(--spacing-4);
  table-layout: auto;
}

caption {
  margin-bottom: var(--spacing-4);
  text-align: left;
}

th {
  padding: var(--spacing-3);
  border: 1px solid var(--border-color);
  font-weight: bolder;
  text-align: left;
}

td {
  padding: var(--spacing-3);
  border: 1px solid var(--border-color);
  text-align: left;
}

/* ==========================================================================
   =Links
   ========================================================================== */
a {
  color: var(--color-link);
  text-decoration: none;
  outline: 0;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

a:focus {
  color: var(--color-link);
}

a:hover {
  color: var(--color-link-hover);
}

a:active {
  color: var(--color-link-active);
}

/* ==========================================================================
   =Layout
   ========================================================================== */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* =Wrap
   ========================================================================== */
/* =Header
   ========================================================================== */
#bibl-header-wrap {
  padding: var(--spacing-3) var(--spacing-3);
}

#bibl-header {
  max-width: var(--max-width-content);
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 768px) {
  #bibl-header-wrap {
    padding: var(--spacing-4) var(--spacing-5);
  }
}

@media (min-width: 1200px) {
  #bibl-header-wrap {
    padding: var(--spacing-5) var(--spacing-6);
  }
}

/* =Logo
   ========================================================================== */
.bibl-logo img {
  max-height: var(--max-height-logo-mobile);
  width: auto;
}

.bibl-logo-image-dark-mode {
  display: none;
}

.bibl-dark-mode .bibl-logo-image-dark-mode {
  display: block;
}

.bibl-dark-mode .bibl-logo-image-light-mode {
  display: none;
}

@media (min-width: 768px) {
  .bibl-logo img {
    max-height: var(--max-height-logo-tablet);
  }
}

@media (min-width: 1200px) {
  .bibl-logo img {
    max-height: var(--max-height-logo-desktop);
  }
}

/* =Menu
   ========================================================================== */
#primary-menu {
  display: none;
}

@media (min-width: 1200px) {
  #primary-menu {
    display: inline-block;
  }
  #primary-menu > ul {
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    position: relative;
    height: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #primary-menu > ul > li {
    position: relative;
  }
  #primary-menu ul.sub-menu {
    text-align: left;
    margin: 0;
    list-style: none;
    position: relative;
    display: block;
    background-color: var(--background-color-submenu);
    border: 1px solid var(--border-color-submenu);
    -webkit-box-shadow: var(--box-shadow-submenu);
            box-shadow: var(--box-shadow-submenu);
  }
  #primary-menu ul.sub-menu {
    position: absolute;
    z-index: 1025;
    top: 100%;
    left: calc( -1 * var(--spacing-1));
    display: none;
    min-width: 150px;
  }
  #primary-menu ul.sub-menu ul.sub-menu {
    top: -1px;
    left: 100%;
    display: none;
    position: absolute;
  }
  #primary-menu .menu-item-has-children:hover > ul {
    display: block !important;
  }
  #primary-menu ul a {
    display: block;
    height: 100%;
    white-space: nowrap;
    padding: var(--spacing-1) var(--spacing-menu);
    text-transform: var(--text-transform-submenu);
    font-size: var(--font-size-submenu);
    line-height: var(--line-height-submenu);
    font-weight: var(--font-weight-submenu);
    color: var(--color-submenu);
  }
  #primary-menu ul a:hover {
    color: var(--color-submenu-hover);
  }
  #primary-menu > ul > li > a {
    padding: 0 var(--spacing-menu);
    text-transform: var(--text-transform-menu);
    font-size: var(--font-size-menu);
    line-height: var(--line-height-menu);
    font-weight: var(--font-weight-menu);
    color: var(--color-menu);
  }
  #primary-menu > ul > li > a:hover {
    color: var(--color-menu-hover);
  }
  #primary-menu .current_page_item > a {
    font-weight: bold;
  }
}

/* =DarkMode Toogler
   ========================================================================== */
.bibl-color-scheme-toggler {
  color: var(--color-header-icons);
  font-size: var(--font-size-header-icons-mobile);
  line-height: 1;
}

.bibl-color-scheme-toggler:hover,
.bibl-color-scheme-toggler:active {
  color: var(--color-header-icons);
}

@media (min-width: 768px) {
  .bibl-color-scheme-toggler {
    font-size: var(--font-size-header-icons-tablet);
  }
  .bibl-color-scheme-toggler:hover,
  .bibl-color-scheme-toggler:active {
    color: var(--color-header-icons-hover);
  }
}

@media (min-width: 1200px) {
  .bibl-color-scheme-toggler {
    font-size: var(--font-size-header-icons-desktop);
    margin-left: var(--spacing-3);
  }
}

/* =OffCanvas Toggler
   ========================================================================== */
.bibl-mobile-menu-trigger {
  color: var(--color-header-icons);
  font-size: var(--font-size-header-icons-mobile);
  line-height: 1;
}

.bibl-mobile-menu-trigger:hover,
.bibl-mobile-menu-trigger:active {
  color: var(--color-header-icons);
}

@media (min-width: 768px) {
  .bibl-mobile-menu-trigger {
    font-size: var(--font-size-header-icons-tablet);
  }
  .bibl-mobile-menu-trigger:hover,
  .bibl-mobile-menu-trigger:active {
    color: var(--color-header-icons-hover);
  }
}

@media (min-width: 1200px) {
  .bibl-mobile-menu-trigger {
    font-size: var(--font-size-header-icons-desktop);
    display: none;
  }
}

/* =Page Header
   ========================================================================== */
#bibl-page-header-wrap {
  padding: 0 var(--spacing-3) 0;
}

#bibl-page-header {
  position: relative;
  overflow: hidden;
  max-width: var(--max-width-content-wide);
  margin: 0 auto;
  background: var(--background-color-page-header) url(images/bg-page-header.png) repeat top left;
  text-align: center;
  padding: var(--spacing-6) var(--spacing-4);
  -webkit-border-radius: var(--border-radius-default);
          border-radius: var(--border-radius-default);
  border: 1px solid var(--border-color);
}

#bibl-page-header h1 {
  margin: 0;
  position: relative;
  z-index: 2;
}

#bibl-page-header-shape {
  position: absolute;
  left: 0;
  top: -1px;
  z-index: 1;
  height: 140px;
}

@media (min-width: 768px) {
  #bibl-page-header-wrap {
    padding: 0 var(--spacing-5) 0;
  }
  #bibl-page-header {
    padding: var(--spacing-8) var(--spacing-8);
  }
  #bibl-page-header-shape {
    height: 200px;
  }
}

@media (min-width: 1200px) {
  #bibl-page-header-wrap {
    padding: 0 var(--spacing-6) 0;
  }
  #bibl-page-header {
    padding: var(--spacing-12) var(--spacing-10);
  }
  #bibl-page-header-shape {
    height: 317px;
  }
}

/* =Page Header Hero
   ========================================================================== */
#bibl-page-header-hero-wrap {
  padding: 0 var(--spacing-3) 0;
}

#bibl-page-header-hero {
  position: relative;
  overflow: hidden;
  max-width: var(--max-width-content-wide);
  margin: 0 auto;
  background: var(--background-color-page-header-hero) url(images/bg-page-header.png) repeat top left;
  padding: var(--spacing-6) var(--spacing-4) 0;
  -webkit-border-radius: var(--border-radius-default);
          border-radius: var(--border-radius-default);
  border: 1px solid var(--border-color);
}

#bibl-page-header-hero-content {
  position: relative;
  z-index: 2;
  margin-bottom: var(--spacing-4);
  text-align: center;
}

#bibl-page-header-hero-content p {
  display: none;
}

#bibl-page-header-hero-shape {
  position: absolute;
  left: 0;
  top: -1px;
  height: 150px;
}

#bibl-page-header-hero-person {
  max-height: 350px;
  display: block;
  margin: 0 auto;
  width: auto;
}

@media (min-width: 768px) {
  #bibl-page-header-hero-wrap {
    padding: 0 var(--spacing-5) 0;
  }
  #bibl-page-header-hero {
    padding: var(--spacing-6) var(--spacing-6) 0;
  }
  #bibl-page-header-hero-content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #bibl-page-header-hero-content {
    padding-right: var(--spacing-3);
    text-align: left;
  }
  #bibl-page-header-hero-shape {
    height: 200px;
  }
  #bibl-page-header-hero-person {
    max-height: 350px;
  }
}

@media (min-width: 992px) {
  #bibl-page-header-hero {
    padding: var(--spacing-6) var(--spacing-9) 0;
  }
  #bibl-page-header-hero-content p {
    display: block;
    margin-bottom: 0;
  }
  #bibl-page-header-hero-person {
    max-height: 400px;
  }
  #bibl-page-header-hero-shape {
    height: 250px;
  }
}

@media (min-width: 1200px) {
  #bibl-page-header-hero-wrap {
    padding: 0 var(--spacing-6) 0;
  }
  #bibl-page-header-hero {
    padding: var(--spacing-6) var(--spacing-12) 0;
  }
  #bibl-page-header-hero-content-wrap {
    max-width: var(--max-width-content-narrow);
    margin: 0 auto;
  }
  #bibl-page-header-hero-content {
    padding-right: var(--spacing-4);
  }
  #bibl-page-header-hero-shape {
    height: 325px;
  }
}

@media (min-width: 1600px) {
  #bibl-page-header-hero-content-wrap {
    max-width: var(--max-width-content);
  }
  #bibl-page-header-hero-content {
    padding-right: var(--spacing-12);
  }
  #bibl-page-header-hero-person {
    max-height: 500px;
  }
}

/* =Content
   ========================================================================== */
#bibl-content-wrap {
  padding: var(--spacing-3) var(--spacing-3) var(--spacing-4);
}

#bibl-content {
  max-width: var(--max-width-content);
  margin: 0 auto;
}

#bibl-content > *:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  #bibl-content-wrap {
    padding: var(--spacing-4) var(--spacing-5) var(--spacing-4);
  }
}

@media (min-width: 1200px) {
  #bibl-content-wrap {
    padding: var(--spacing-5) var(--spacing-6) var(--spacing-5);
  }
}

@media (min-width: 1600px) {
  #bibl-content-wrap {
    padding: var(--spacing-6) var(--spacing-6) var(--spacing-6);
  }
}

/* =Footer
   ========================================================================== */
#bibl-footer-wrap {
  padding: var(--spacing-4) var(--spacing-3) var(--spacing-4);
  background-color: var(--background-color-footer-wrap);
}

#bibl-footer {
  max-width: var(--max-width-content);
  margin: 0 auto;
  color: var(--color-text-footer);
}

#bibl-footer a {
  color: var(--color-link-footer);
}

#bibl-footer a:hover,
#bibl-footer a:active {
  color: var(--color-link-hover-footer);
}

#bibl-footer p {
  margin-bottom: var(--spacing-3);
}

#bibl-footer > *:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  #bibl-footer-wrap {
    padding: var(--spacing-4) var(--spacing-5) var(--spacing-4);
  }
}

@media (min-width: 1200px) {
  #bibl-footer-wrap {
    padding: var(--spacing-5) var(--spacing-6) var(--spacing-5);
  }
}

@media (min-width: 1600px) {
  #bibl-footer-wrap {
    padding: var(--spacing-6) var(--spacing-6) var(--spacing-6);
  }
}

/* =Offcanvas
   ========================================================================== */
.bibl-offcanvas {
  position: absolute;
  background-color: var(--background-color-offcanvas);
  left: 0;
  top: 0;
  bottom: 0;
  right: var(--spacing-8);
  z-index: 2;
  padding: var(--spacing-3);
  min-height: 100vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  -webkit-box-shadow: var(--box-shadow-offcanvas);
          box-shadow: var(--box-shadow-offcanvas);
  display: none;
}

@media (min-width: 768px) {
  .bibl-offcanvas {
    right: var(--spacing-12);
    padding: var(--spacing-4);
  }
}

/* =Offcanvas Menu
   ========================================================================== */
#offcanvas-menu ul {
  list-style: none;
}

#offcanvas-menu ul li:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}

#offcanvas-menu ul li a {
  padding: var(--spacing-2) 0;
  display: block;
}

/* ==========================================================================
   =WordPress
   ========================================================================== */
/* =WordPress Accessibility
   ========================================================================== */
/**
 	 * Text meant only for screen readers.
	 *
	 * 1. Many screen reader and browser combinations announce broken words as they would appear visually.
 	 */
.screen-reader-text {
  position: absolute !important;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  word-wrap: normal !important;
  /* 1 */
}

/**
	 * 1. Above WP toolbar.
 	 */
.screen-reader-text:focus {
  z-index: 100000;
  /* 1 */
  top: 0;
  left: 0;
  display: block;
  width: auto;
  height: auto;
  padding: var(--spacing-3);
  clip: auto !important;
}

/* =WordPress Alignments
   ========================================================================== */
.alignleft {
  float: left;
  display: inline;
  margin: var(--spacing-2) var(--spacing-2) var(--spacing-2) 0 !important;
}

.alignright {
  float: right;
  display: inline;
  margin: var(--spacing-2) 0 var(--spacing-2) var(--spacing-2) !important;
}

.aligncenter {
  display: block;
  margin: var(--spacing-2) auto !important;
  clear: both;
}

img.alignleft,
img.alignright,
img.aligncenter {
  -webkit-border-radius: var(--border-radius-default);
          border-radius: var(--border-radius-default);
}

@media (min-width: 768px) {
  .alignleft {
    margin: var(--spacing-4) var(--spacing-4) var(--spacing-4) 0 !important;
  }
  .alignright {
    margin: var(--spacing-4) 0 var(--spacing-4) var(--spacing-4) !important;
  }
  .aligncenter {
    margin: var(--spacing-4) auto !important;
  }
}

/* =WordPress Classes
   ========================================================================== */
.sticky {
  /* Required class WordPress */
}

.updated:not(.published) {
  display: none;
}

.bypostauthor {
  /* Required WordPress Class */
}

/* =Post(s)
   ========================================================================== */
.post {
  position: relative;
  max-width: var(--max-width-content-narrow);
  margin-left: auto;
  margin-right: auto;
}

/*
	 * 1. Clearfix
	 */
.post:after {
  /* 1 */
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.post > *:last-child {
  margin-bottom: 0;
}

.post + .post {
  margin-top: var(--spacing-4);
  padding-top: var(--spacing-4);
  border-top: 1px solid var(--border-color);
}

@media (min-width: 768px) {
  .post + .post {
    margin-top: var(--spacing-5);
    padding-top: var(--spacing-5);
  }
}

/* Post Title */
/* Post Meta */
.post-meta {
  position: relative;
  margin-bottom: var(--spacing-4);
}

.posted-on,
.cat-links,
.post-author {
  display: block;
}

.posted-on:before,
.cat-links:before,
.post-author:before {
  padding-right: var(--spacing-2);
  font-family: 'bibliconfont';
}

.posted-on:before {
  content: "\e913";
}

.cat-links:before {
  content: "\e96c";
}

.post-author:before {
  content: "\e965";
}

@media (min-width: 768px) {
  .posted-on,
  .cat-links,
  .post-author {
    display: inline-block;
    margin: 0 var(--spacing-3) 0 0;
  }
}

/* Post Thumbnail */
.post-thumbnail {
  margin-bottom: var(--spacing-4);
}

.post-thumbnail img {
  display: block;
  width: 100%;
  -webkit-border-radius: var(--border-radius-default);
          border-radius: var(--border-radius-default);
}

/* Page Links */
.page-links {
  margin: 0 0 var(--spacing-4) 0;
  clear: both;
}

.page-links .page-number {
  padding: 0 var(--spacing-2);
}

.page-links {
  color: var(--color-text);
}

/* Tags */
.tags-links {
  text-align: left;
  clear: both;
}

.tags-links a,
.tags-links a:visited {
  position: relative;
  display: inline-block;
  padding: var(--spacing-1) var(--spacing-3);
  margin: var(--spacing-1) var(--spacing-1) var(--spacing-1) 0;
  -webkit-border-radius: var(--border-radius-buttons);
          border-radius: var(--border-radius-buttons);
  background-color: var(--color-accent-1);
  color: #ffffff;
  text-decoration: none;
}

.tags-links a:hover {
  color: #ffffff;
  background-color: var(--color-accent-2);
}

/* More Link */
.more-link,
.more-link:visited {
  position: relative;
  display: inline-block;
  padding: var(--spacing-1) var(--spacing-3);
  -webkit-border-radius: var(--border-radius-buttons);
          border-radius: var(--border-radius-buttons);
  background-color: var(--color-accent-1);
  color: #ffffff;
  text-decoration: none;
}

.more-link:active,
.more-link:hover,
.more-link:focus {
  background-color: var(--color-accent-2);
  color: #ffffff;
}

@media (min-width: 768px) {
  .more-link,
  .more-link:visited {
    padding: var(--spacing-2) var(--spacing-3);
  }
}

/* =Post Navigation
   ========================================================================== */
.post-navigation {
  padding: var(--spacing-4) 0;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  margin: var(--spacing-4) auto;
  max-width: var(--max-width-content-narrow);
}

.post-navigation:last-child {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 0;
}

.post-navigation .nav-previous {
  margin-bottom: var(--spacing-4);
}

.post-navigation a .nav-title {
  word-wrap: break-word;
}

/*
	 * 1. Clearfix hack 
	 */
.post-navigation:after {
  /* 1 */
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.post-navigation .nav-subtitle {
  display: block;
  margin-bottom: var(--spacing-2);
  color: var(--color-headings);
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .post-navigation {
    margin: var(--spacing-5) auto;
    padding: var(--spacing-5) 0;
  }
  .post-navigation .nav-previous {
    width: 50%;
    margin-bottom: 0;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: var(--spacing-2);
  }
  .post-navigation .nav-next {
    text-align: right;
    width: 50%;
    float: right;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: var(--spacing-2);
  }
}

/* =Post Pagination
   ========================================================================== */
.pagination {
  max-width: var(--max-width-content-narrow);
  margin: var(--spacing-5) auto;
  padding: var(--spacing-5) 0 0 0;
  border-top: 1px solid var(--border-color);
}

/*
	 * 1. Clearfix hack 
	 */
.pagination:after {
  /* 1 */
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.pagination .nav-links {
  text-align: left;
}

.pagination .page-numbers {
  display: inline-block;
  margin-right: var(--spacing-4);
  text-align: center;
}

.pagination .page-numbers:last-child {
  margin-right: 0;
}

.pagination .page-numbers.current {
  position: relative;
  min-width: var(--spacing-4);
  min-height: var(--spacing-4);
  padding: var(--spacing-2) var(--spacing-3);
  -webkit-border-radius: var(--border-radius-buttons);
          border-radius: var(--border-radius-buttons);
  background-color: var(--background-color);
}

.page-numbers.prev,
.page-numbers.next {
  text-decoration: none;
}

.page-numbers.prev .screen-reader-text,
.page-numbers.next .screen-reader-text {
  clip: auto;
  height: auto;
  overflow: auto;
  position: relative !important;
  width: auto;
  text-transform: uppercase;
}

@media (max-width: 992px) {
  .pagination {
    margin: var(--spacing-5) auto;
    padding: var(--spacing-5) 0 0 0;
  }
  .pagination .page-numbers {
    margin-right: var(--spacing-4);
  }
  .pagination .page-numbers {
    display: none;
  }
  .page-numbers.current .screen-reader-text {
    clip: auto;
    height: auto;
    overflow: auto;
    position: relative !important;
    width: auto;
  }
  .pagination .page-numbers.prev,
  .pagination .page-numbers.next,
  .pagination .page-numbers.current {
    display: block;
  }
  .pagination .page-numbers.prev {
    text-align: left;
    margin-bottom: var(--spacing-2);
  }
  .pagination .page-numbers.next {
    text-align: right;
    margin-top: var(--spacing-2);
  }
}

@media (max-width: 767px) {
  .pagination {
    margin: var(--spacing-4) auto;
    padding: var(--spacing-4) 0 0 0;
  }
}

/* =Media
   ========================================================================== */
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
  margin-bottom: var(--spacing-4);
  max-width: 100%;
  vertical-align: middle;
}

/* Caption */
.wp-caption {
  margin-bottom: var(--spacing-4);
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
  -webkit-border-radius: var(--border-radius-default);
          border-radius: var(--border-radius-default);
}

.wp-caption .wp-caption-text {
  padding: var(--spacing-2) 0;
}

/* Galleries */
.gallery {
  margin: 0 calc(-1 * var(--spacing-2)) var(--spacing-4);
}

/*
	 * 1. Clearfix
	 */
.gallery:after {
  /* 1 */
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.gallery-item {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: var(--spacing-2);
  text-align: center;
  vertical-align: top;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-icon img {
  margin: 0 auto;
  -webkit-border-radius: var(--border-radius-default);
          border-radius: var(--border-radius-default);
}

.gallery-caption {
  display: block;
  padding: var(--spacing-2) 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

/* Audio */
.mejs-container {
  margin-bottom: var(--spacing-4);
}

/* ==========================================================================
   =Utilities
   ========================================================================== */
/* =Grid
   ========================================================================== */
.bibl-grid {
  margin-bottom: var(--spacing-3);
}

.bibl-grid-item:not(:last-child) {
  padding-bottom: var(--spacing-3);
}

.bibl-grid-item > *:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .bibl-grid {
    margin-bottom: var(--spacing-4);
  }
  .bibl-grid-item:not(:last-child) {
    padding-bottom: var(--spacing-4);
  }
  .bibl-grid.cols-2,
  .bibl-grid.cols-3,
  .bibl-grid.cols-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    gap: var(--spacing-4);
  }
  .bibl-grid.cols-2 .bibl-grid-item,
  .bibl-grid.cols-3 .bibl-grid-item,
  .bibl-grid.cols-4 .bibl-grid-item {
    -ms-flex-preferred-size: calc( 50% - var(--spacing-3));
        flex-basis: calc( 50% - var(--spacing-3));
    padding-bottom: 0;
  }
  .bibl-grid.cols-3.mixed .bibl-grid-item:nth-child(3n+1) {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

@media (min-width: 1200px) {
  .bibl-grid.cols-3 .bibl-grid-item,
  .bibl-grid.cols-3.mixed .bibl-grid-item:nth-child(3n+1) {
    -ms-flex-preferred-size: calc( 33.33333333% - ( var(--spacing-6) / 3 ));
        flex-basis: calc( 33.33333333% - ( var(--spacing-6) / 3 ));
  }
  .bibl-grid.cols-4 .bibl-grid-item {
    -ms-flex-preferred-size: calc( 25% - ( var(--spacing-8) / 4 ));
        flex-basis: calc( 25% - ( var(--spacing-8) / 4 ));
  }
}

/* =Text Align
   ========================================================================== */
.bibl-text-center {
  text-align: center;
}

/* =Text Color
   ========================================================================== */
.bibl-muted {
  color: var(--color-muted);
}

/* =Overflow
   ========================================================================== */
.bibl-scrollable-none {
  overflow: hidden;
}

/* ==========================================================================
   =Components
   ========================================================================== */
/* =Items List / Grid View
   ========================================================================== */
/* Actions */
.actions-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
  -webkit-border-radius: var(--border-radius-default);
          border-radius: var(--border-radius-default);
  background-color: var(--background-color);
  padding: var(--spacing-2);
  border: 1px solid var(--border-color);
}

/* searchbar */
input[type="text"].search-bar {
  margin-bottom: 0;
}

/* filter and toogle list / grid view */
.actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.action-button {
  font-size: var(--font-size-3);
  margin-left: var(--spacing-1);
  background-color: var(--color-accent-1);
  color: #ffffff;
  -webkit-border-radius: var(--border-radius-buttons);
          border-radius: var(--border-radius-buttons);
  border: 0;
  padding: var(--spacing-2) var(--spacing-3);
  cursor: pointer;
  line-height: inherit;
  white-space: nowrap;
}

.action-button:hover {
  background-color: var(--color-accent-2);
}

.action-button.active {
  background-color: var(--color-accent-2);
}

.filter-wrap {
  position: relative;
  padding: 0 var(--spacing-2);
}

.filter-menu {
  background-color: var(--background-color);
  border: 1px solid var(--border-color);
  position: absolute;
  top: calc(100% + 16px);
  right: 0;
  -webkit-border-radius: var(--border-radius-default);
          border-radius: var(--border-radius-default);
  padding: var(--spacing-4) var(--spacing-3) var(--spacing-3);
  width: 250px;
  z-index: 2;
  display: none;
  opacity: 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.filter-menu.active {
  display: block;
  opacity: 1;
  top: calc(100% + 3px);
}

.filter-close {
  position: absolute;
  right: var(--spacing-3);
  top: var(--spacing-2);
  background-color: transparent !important;
  padding: 0;
  color: var(--color-accent-1);
  font-size: var(--font-size-4);
}

.filter-close:hover {
  color: var(--color-accent-2);
}

.filter-menu select {
  margin-bottom: var(--spacing-2);
}

.filter-menu-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/*
	 * 1. On small devices list and grid look the same
	 */
.action-button.list,
.action-button.grid {
  display: none;
  /* 1 */
}

/* Book Grid View */
.item-list-wrapper {
  -webkit-border-radius: 0;
          border-radius: 0;
  list-style: none;
}

.item-list-header {
  display: none;
}

.item {
  padding: var(--spacing-3);
  border: 1px solid var(--border-color);
  -webkit-border-radius: var(--border-radius-default);
          border-radius: var(--border-radius-default);
  margin: var(--spacing-2) 0;
}

.item:hover {
  background-color: var(--background-color);
}

.item-details {
  font-size: var(--font-size-1);
  margin-bottom: var(--spacing-2);
}

.item-details.title {
  font-size: var(--font-size-7);
  line-height: var(--line-height-headings);
}

.item-details.title .item-details-label {
  display: none;
}

.item-details.download a {
  display: block;
  background-color: var(--color-accent-1);
  color: #ffffff;
  border: 0;
  -webkit-border-radius: var(--border-radius-buttons);
          border-radius: var(--border-radius-buttons);
  padding: var(--spacing-1) var(--spacing-3);
  margin: var(--spacing-1) 0;
  text-align: center;
}

.item-details.download a:hover {
  background-color: var(--color-accent-2);
}

.item-details-label {
  display: none;
}

/* Book List Pagination */
@media (min-width: 768px) {
  .actions-wrap {
    margin-bottom: var(--spacing-4);
  }
  .item-list-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    gap: 18px;
  }
  .item {
    -ms-flex-preferred-size: calc( 50% - var(--spacing-1));
        flex-basis: calc( 50% - var(--spacing-1));
    padding: var(--spacing-4);
    margin: 0;
  }
}

@media (min-width: 992px) {
  .item {
    -ms-flex-preferred-size: calc( 33% - var(--spacing-2));
        flex-basis: calc( 33% - var(--spacing-2));
    padding: var(--spacing-4);
  }
  .item-details.title {
    font-size: var(--font-size-6);
  }
}

@media (min-width: 1200px) {
  .action-button.list,
  .action-button.grid {
    display: block;
    /* 1 */
  }
  .item {
    -ms-flex-preferred-size: calc( 25% - var(--spacing-3));
        flex-basis: calc( 25% - var(--spacing-3));
    padding: var(--spacing-4);
  }
  .item-details.title {
    font-size: var(--font-size-6);
  }
}

/* List view */
@media (min-width: 1200px) {
  .listView .item-list-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-border-radius: var(--border-radius-default);
            border-radius: var(--border-radius-default);
    background-color: var(--background-color);
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding: var(--spacing-1) 0;
    margin-bottom: var(--spacing-2);
    border: 1px solid var(--border-color);
    line-height: 1;
  }
  .listView .item {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-border-radius: var(--border-radius-default);
            border-radius: var(--border-radius-default);
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    border: 1px solid var(--border-color);
    margin-bottom: var(--spacing-2);
  }
  .listView .item:hover {
    background-color: var(--background-color);
  }
  .listView .item-details {
    font-size: var(--font-size-3);
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: var(--spacing-3);
  }
  .listView .item-details.cover {
    max-width: 150px;
  }
  .listView .item-details.part {
    max-width: 100px;
  }
  .listView .item-details.title {
    font-size: var(--font-size-4);
  }
  .listView .item-details.download {
    width: 175px;
  }
  .listView .item-details.download a {
    margin: var(--spacing-2) 0;
    padding: var(--spacing-1);
  }
  .listView .item-details.download a {
    display: block;
    margin: var(--spacing-1) 0;
  }
  .listView .item-list-header .item-details {
    font-size: var(--font-size-2);
    text-transform: uppercase;
    margin-bottom: 0;
  }
}

/* Pagination */
.item-list-pagination {
  list-style: none;
}

.item-list-pagination li {
  display: inline-block;
  margin-right: var(--spacing-2);
}

.item-list-pagination li a {
  background-color: var(--background-color);
  padding: var(--spacing-2) var(--spacing-3);
  -webkit-border-radius: var(--border-radius-default);
          border-radius: var(--border-radius-default);
}

.item-list-pagination li a:hover,
.item-list-pagination li.active a {
  background-color: var(--color-accent-1);
  color: #ffffff;
}

/* =Item details
   ========================================================================== */
/* =Button
   ========================================================================== */
.bibl-btn {
  position: relative;
  display: inline-block;
  padding: var(--spacing-1) var(--spacing-3);
  margin-bottom: var(--spacing-2);
  -webkit-border-radius: var(--border-radius-buttons);
          border-radius: var(--border-radius-buttons);
  background-color: var(--color-accent-1);
  color: #ffffff;
  text-decoration: none;
}

.bibl-btn:active,
.bibl-btn:hover,
.bibl-btn:focus {
  background-color: var(--color-accent-2);
  color: #ffffff;
}

@media (min-width: 768px) {
  .bibl-btn,
  .bibl-btn:visited {
    padding: var(--spacing-2) var(--spacing-3);
  }
}

/* =Card
   ========================================================================== */
.bibl-post-preview {
  overflow: hidden;
  border: 1px solid var(--border-color);
  -webkit-border-radius: var(--border-radius-default);
          border-radius: var(--border-radius-default);
  padding: var(--spacing-3);
  height: 100%;
}

.bibl-post-preview > *:last-child {
  margin-bottom: 0;
}

.bibl-post-preview .post-thumbnail {
  margin: calc( -1 * var(--spacing-3)) calc( -1 * var(--spacing-3)) var(--spacing-3);
}

.bibl-post-preview .post-thumbnail img {
  -webkit-border-radius: 0;
          border-radius: 0;
}

@media (min-width: 360px) {
  .bibl-post-preview {
    padding: var(--spacing-4);
  }
  .bibl-post-preview .post-thumbnail {
    margin: calc( -1 * var(--spacing-4)) calc( -1 * var(--spacing-4)) var(--spacing-4);
  }
}

/* =Headline
   ========================================================================== */
.bibl-headline p {
  margin-bottom: 0;
  text-transform: uppercase;
  color: var(--color-muted);
}

.bibl-headline h2 {
  margin-top: 0;
}

/* =Iconbox
   ========================================================================== */
.bibl-iconbox {
  position: relative;
  padding: var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-9);
  border: 1px solid var(--border-color);
  -webkit-border-radius: var(--border-radius-default);
          border-radius: var(--border-radius-default);
  margin-bottom: var(--spacing-4);
  height: 100%;
  background-color: var(--background-color);
}

.bibl-iconbox h5,
.bibl-iconbox p {
  margin: 0;
}

.bibl-iconbox i {
  position: absolute;
  top: var(--spacing-4);
  left: var(--spacing-4);
  font-size: var(--spacing-5);
  line-height: 1;
  color: var(--color-headings);
}

@media (min-width: 1200px) {
  .bibl-iconbox {
    padding-left: var(--spacing-10);
  }
  .bibl-iconbox i {
    top: calc( var(--spacing-4) - 2px);
    font-size: var(--spacing-6);
  }
}

/* =List
   ========================================================================== */
.bibl-checklist {
  list-style: none;
}

.bibl-checklist li:before {
  content: "\e970";
  font-family: 'bibliconfont';
  padding-right: var(--spacing-2);
  color: var(--color-headings);
}

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