/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/* This file for all button related css customisations regardless of where they are used */
/* Wise only class and id 

.oclcwise-app .btn {
  color: red;
}

#wise-integration .btn {
  color: red;
} */
/* getting the buttons in the search bar to line up correctly */
#g-navigation p.readmore .btn, .content_vote .btn, .contact .form-actions .btn, .login .btn, .logout .btn, .registration .btn, .profile-edit .btn, .remind .btn, .reset .btn, .profile .btn, .search #searchForm .btn, .finder #finder-search .btn, .print-mode #pop-print.btn, .edit.item-page .btn-toolbar, .moduletable #login-form .control-group .btn, #searchForm .btn, #finder-search .btn, .btn {
  margin: 0 0 0 0;
}
/* Place a hold and Close buttons in modal window */
.modal-content .btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
  background-color: #fff !important;
  margin-left: 0.5rem;
}
.modal-content .btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d !important;
  border-color: #6c757d;
}
/* Mijn Lijsten modal window buttons */
.modal-content .btn-outline-primary {
  color: #2A6EBB;
  background-color: #fff;
  border-color: #2A6EBB;
}
.modal-content .btn-outline-primary:hover {
  color: #fff;
  background-color: #2A6EBB;
  border-color: #2A6EBB;
}
/* Tags buttons */
#wise-integration .btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
  background-color: #fff !important;
  margin-left: 0.5rem;
}
#wise-integration .btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d !important;
  border-color: #6c757d;
}
/* Previous and Next buttons on category blog pages space between */
.pagenavigation .pagination {
  justify-content: space-between;
}
/* Mijn wishlist button */
#wise-integration .btn-outline-primary {
  color: #2A6EBB;
  border-color: #2A6EBB;
  background-color: #fff;
}
#wise-integration .btn-outline-primary:hover {
  color: #fff;
  background-color: #2A6EBB;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.btn-link {
  background-color: transparent;
  border: none;
  font-weight: normal;
  color: #B30838;
}
.btn-link:hover {
  border: none;
}
[class^="icon-"]::before, [class*=" icon-"]::before {
  margin-top: 0.3rem;
}
/* The availability button */
.btn-outline-dark {
  color: #212529;
  background-color: #ffffff;
  border-color: #212529;
  hover-color: #fff;
  hover-bg: #212529;
  hover-border-color: #212529;
  focus-shadow-rgb: 33, 37, 41;
  active-color: #fff;
  active-bg: #212529;
  active-border-color: #212529;
  active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  disabled-color: #212529;
  disabled-bg: transparent;
  btn-disabled-border-color: #212529;
  gradient: none;
}
app-title-availability-information .btn.disabled {
  opacity: 0.75;
  color: #000000 !important;
}
/* Wish list delete button */
app-wishlist-remove-button .btn.text-nowrap {
  color: #2A6EBB;
  background-color: #fff;
}
/* Report card lost Pas vermis melden button hover */
.btn.btn-lg.btn-primary.text-white:hover {
  color: #2A6EBB !important;
}
.btn.btn-lg.btn-primary.text-white:focus {
  color: #2A6EBB !important;
}
/* Login button on Mijn Menu page */
#wise-integration .btn.btn-primary.text-white:hover {
  color: #2A6EBB !important;
}
#wise-integration .btn.btn-primary.text-white:focus {
  color: #2A6EBB !important;
}
/* Register button on online registration page */
#wise-integration .btn.btn-primary.mt-4.text-light.float-end {
  color: #fff !important;
}
#wise-integration .btn.btn-primary.mt-4.text-light.float-end:hover {
  color: #2A6EBB !important;
}
#wise-integration .btn.btn-primary.mt-4.text-light.float-end:active {
  color: #2A6EBB !important;
}
#wise-integration .btn.btn-primary.mt-4.text-light.float-end:focus {
  color: #2A6EBB !important;
}
/* Review Buttons in detail view */
#wise-integration .btn-danger {
  color: #fff;
  background-color: firebrick;
  border-color: firebrick;
}
#wise-integration .btn-danger:hover {
  color: #fff;
  background-color: #971d1d;
  border-color: #8e1b1b;
}
#wise-integration .btn-danger:active {
  color: #fff;
  background-color: #8e1b1b;
  border-color: #861a1a;
  shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
#wise-integration .btn-danger:disabled {
  color: #fff;
  background-color: firebrick;
  border-color: firebrick;
}
#wise-integration .btn-light {
  color: #000;
  background-color: #f8f8f8;
  border-color: #b0afaf;
}
#wise-integration .btn-light:hover {
  color: #000;
  background-color: lightgray;
  border-color: #c6c6c6;
}
#wise-integration .btn-light:active {
  color: #000;
  background-color: #c6c6c6;
  border-color: #bababa;
  shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
#wise-integration .btn-light:disabled {
  color: #000;
  background-color: #f8f8f8;
  border-color: #f8f8f8;
}
/* Title detail recents tab btn-link on mobile */
@media (max-width: 125rem) {
  .btn-link {
    text-wrap: wrap !important;
    /*  padding-left: 0;
  padding-right: 0; */
  }
}
/* delete lijst in community lists modal */
.modal-content .btn-primary.text-light:hover {
  color: #2A6EBB !important;
}
/* Item Request Manager */
/* Add new request */
#wise-integration .btn.btn-primary.text-light:hover {
  color: #2A6EBB !important;
}
#wise-integration .btn.btn-primary.text-light:focus {
  color: #2A6EBB !important;
}
/* Cancel button colour */
#wise-integration .btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
#wise-integration .btn-secondary:hover {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
}
#wise-integration .btn-secondary:focus {
  shadow-rgb: 130, 138, 145;
}
#wise-integration .btn-secondary:active {
  color: #fff;
  background-color: #565e64;
  border-color: #51585e;
  shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
#wise-integration .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
/* Print My Checkouts Modal Buttons */
.modal-footer .btn-primary {
  margin-left: 0.5rem;
}
/* Sequential Holds Buttons */
.sequential-hold-list .btn-close {
  background: transparent url('data:image/svg+xml,%3csvg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2016%2016"%20fill="%23000"%3e%3cpath%20d="M.293.293a1%201%200%20011.414%200L8%206.586%2014.293.293a1%201%200%20111.414%201.414L9.414%208l6.293%206.293a1%201%200%2001-1.414%201.414L8%209.414l-6.293%206.293a1%201%200%2001-1.414-1.414L6.586%208%20.293%201.707a1%201%200%20010-1.414z"/%3e%3c/svg%3e') center / 1em auto no-repeat;
}
.sequential-hold-list .btn-close:hover, .sequential-hold-list .btn-close:active, .sequential-hold-list .btn-close:focus {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
  background: transparent url('data:image/svg+xml,%3csvg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2016%2016"%20fill="%23000"%3e%3cpath%20d="M.293.293a1%201%200%20011.414%200L8%206.586%2014.293.293a1%201%200%20111.414%201.414L9.414%208l6.293%206.293a1%201%200%2001-1.414%201.414L8%209.414l-6.293%206.293a1%201%200%2001-1.414-1.414L6.586%208%20.293%201.707a1%201%200%20010-1.414z"/%3e%3c/svg%3e') center / 1em auto no-repeat;
  border: none;
}
/* unsubscribe button for marketing workbench and newsletter 
#wise-integration app-marketing-unsubscribe, app-newsletter-unsubscribe .btn.btn-primary.rounded-3.text-white.text-nowrap {
  background-color: #2A6EBB;
  color: #fff;
}

#wise-integration app-marketing-unsubscribe, app-newsletter-unsubscribe .btn.btn-primary.rounded-3.text-white.text-nowrap:hover {
  background-color: #fff;
  color: #2A6EBB;
  border-color: #2A6EBB;
} */
/* Button colour in search */
.wise-search .btn-outline-secondary {
  background-color: #FCEBC4;
  color: #000;
}
.wise-search .btn-primary {
  background-color: #FCEBC4;
  color: #000;
  /*border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important; */
}
.btn {
  border-radius: 12px;
}
/* Recommender Button */
.oclcwise-recommender btn {
  color: blue;
  bg-color: white;
  border-color: blue;
}
.g-content {
  margin: 0.625rem;
  padding: 1.5rem;
}
.g-flushed .g-content {
  margin: 0;
  padding: 0;
}
body {
  font-size: 1rem;
  line-height: 1.5;
}
h1 {
  font-size: 2.2rem;
}
h2 {
  font-size: 2rem;
}
h3 {
  font-size: 1.7rem;
}
h4 {
  font-size: 1.25rem;
}
h5 {
  font-size: 1.2rem;
}
h6 {
  font-size: 1rem;
}
small {
  font-size: 0.875rem;
}
cite {
  font-size: 0.875rem;
}
sub, sup {
  font-size: 0.75rem;
}
code, kbd, pre, samp {
  font-size: 1rem;
  font-family: "Menlo", "Monaco", monospace;
}
textarea, select[multiple=multiple], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]) {
  border-radius: 0.1875rem;
}
@font-face {
  font-family: "Gantari";
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/gantari.eot#iefix') format("embedded-opentype"), url('../fonts/gantari.woff2') format("woff2"), url('../fonts/gantari.woff') format("woff"), url('../fonts/gantari.ttf') format("truetype"), url('../fonts/gantari.svg#Gantari') format("svg");
}
/* gantari-100 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Gantari";
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/gantari/gantari-v3-latin-100.woff2') format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* gantari-100italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Gantari";
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/gantari/gantari-v3-latin-100italic.woff2') format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* gantari-200 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Gantari";
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/gantari/gantari-v3-latin-200.woff2') format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* gantari-200italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Gantari";
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/gantari/gantari-v3-latin-200italic.woff2') format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* gantari-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Gantari";
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/gantari/gantari-v3-latin-300.woff2') format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* gantari-300italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Gantari";
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/gantari/gantari-v3-latin-300italic.woff2') format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* gantari-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Gantari";
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gantari/gantari-v3-latin-regular.woff2') format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* gantari-italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Gantari";
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/gantari/gantari-v3-latin-italic.woff2') format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* gantari-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Gantari";
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/gantari/gantari-v3-latin-500.woff2') format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* gantari-500italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Gantari";
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/gantari/gantari-v3-latin-500italic.woff2') format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* gantari-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Gantari";
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/gantari/gantari-v3-latin-600.woff2') format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* gantari-600italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Gantari";
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/gantari/gantari-v3-latin-600italic.woff2') format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* gantari-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Gantari";
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/gantari/gantari-v3-latin-700.woff2') format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* gantari-700italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Gantari";
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/gantari/gantari-v3-latin-700italic.woff2') format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* gantari-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Gantari";
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/gantari/gantari-v3-latin-800.woff2') format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* gantari-800italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Gantari";
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/gantari/gantari-v3-latin-800italic.woff2') format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* gantari-900 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Gantari";
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/gantari/gantari-v3-latin-900.woff2') format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* gantari-900italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Gantari";
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/gantari/gantari-v3-latin-900italic.woff2') format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* Wise only class and id 

.oclcwise-app .btn {
  color: red;
}

#wise-integration .btn {
  color: red;
} */
/* Temporary - hide badge on My checkouts page 
app-due-date-countdown .badge {
  display: none;
} */
/* Pretty Toggle: online reg radio button and checkbox colour */
@media (prefers-reduced-motion: reduce)\a .form-switch .form-check-input {
  transition: none;
}
.form-switch {
  padding-left: 2.5em;
}
.form-check {
  min-height: 1.5rem;
  margin-bottom: 0.125rem;
  padding-left: 1.5em;
  display: block;
}
.form-switch .form-check-input:checked {
  --form-switch-bg: url(data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-4 -4 8 8"%3e%3ccircle r="3" fill="hsl%280, 0%, 100%%29"/%3e%3c/svg%3e);
  background-position: 100%;
}
.form-check-input:checked[type=checkbox] {
  --form-check-bg-image: url(data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"%3e%3cpath fill="none" stroke="hsl%280, 0%, 100%%29" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="m6 10 3 3 6-6"/%3e%3c/svg%3e);
}
.form-check-input:checked {
  background-color: #2A6EBB !important;
  border-color: #2A6EBB !important;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-input {
  --form-check-bg: #fff;
  vertical-align: top;
  appearance: none;
  background-color: var(--form-check-bg);
  background-image: var(--form-check-bg-image);
  border: 1px solid #575757;
  print-color-adjust: exact;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  float: left;
}
.form-switch .form-check-input {
  --form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-image: var(--form-switch-bg);
  background-position: 0;
  border-radius: 2em;
  width: 2em;
  margin-left: -1.5em;
  transition: background-position 0.15s ease-in-out;
}
/* Patron Notifications li and alignment style */
.ng-star-inserted ol {
  list-style: none;
  padding-left: 0;
}
/* All the Bootstrap Blue */
.page-item.active .page-link {
  background-color: #2A6EBB;
  border-color: #2A6EBB;
}
.page-link {
  color: #2A6EBB;
}
.page-link:hover {
  color: inherit;
}
.list-group-item.active {
  background-color: #2A6EBB;
  border-color: #2A6EBB;
}
.text-primary {
  color: #2A6EBB !important;
}
.bg-primary {
  background-color: #2A6EBB !important;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: #2A6EBB;
}
.nav-pills .nav-link.active {
  background-color: #2A6EBB;
}
.nav-link {
  color: #2A6EBB;
}
.nav-link:hover, .nav-link:focus {
  color: #000000;
}
/* Space between author and title and subtitle and description */
#wise-integration h3 {
  margin: 0 0 0 0;
}
#wise-integration h4 {
  margin: 0 0 0.75rem 0;
  font-weight: 400;
}
#wise-integration h3 {
  font-weight: 500;
}
/* labels/badges/holds */
.text-bg-secondary {
  color: #fff;
  background-color: #6C757D;
}
.badge {
  font-weight: 700;
  font-size: 0.75em;
}
#wise-integration .badge.text-bg-warning {
  color: #000 !important;
  background-color: #FFC107 !important;
}
/* online registration badges */
#wise-integration .badge.bg-primary {
  background-color: #2A6EBB !important;
}
#wise-integration .badge.bg-success {
  background-color: #2A6EBB !important;
}
/* online registration input box borders  */
#wise-integration input:not([type]) {
  border: 2px solid rgba(0, 0, 0, 0.1);
  box-shadow: none;
}
/* Little i's */
#wise-integration .alert [class^="icon-"], .alert [class*=" icon-"] {
  font-family: inherit;
  font-weight: inherit;
}
/* Pause holds modal allignment */
.modal-content {
  width: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
/* Showing Wisecat+ side-drawer (offcanvas) */
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  transform: translate(-100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}
/* fix font color because we are outside of Gantry's #g-container-main */
.offcanvas {
  color: #000;
}
/* hr on my list page */
hr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.border-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
}
/* Additional Name Modal Border Colour */
.modal-content input:not([type]) {
  border: 2px solid rgba(0, 0, 0, 0.125);
  box-shadow: none;
}
/* Place hold on multiple Wish List items modal */
.modal-content .list-group-item {
  padding: 0 0;
}
/* New List Nieuwe Lijsten modal */
/* label align left */
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
/* pretty toggle next to label removed cuz it makes the other modals look bad
.modal label {
  width: 35%;
} */
/* Checkouts badges */
.text-bg-success {
  color: #fff !important;
  background-color: #198754;
}
.text-bg-danger {
  color: #fff !important;
  background-color: #B22222;
}
.text-bg-warning {
  color: #212529;
  background-color: #ffc107;
}
/* Verlanglijst link on Mijn Lijsten page */
#wise-integration a.text-decoration-underline.h3 {
  font-size: 1.75rem;
}
#wise-integration h6 {
  margin-bottom: 0.5rem;
}
/* Item Request Manager Table */
#wise-integration .table, .table-bordered {
  border-color: #c3c3c3;
}
/* #wise-integration .table td, .table-bordered td {
  border-color: #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
} */
/* Novelist Modals */
.modal-body.novelist-modal.d-block iframe {
  height: 100vh;
}
.modal-body.sample-modal.d-block iframe {
  height: 100vh;
}
/* Powered by Novelist text colour */
#wise-integration .fw-lighter {
  font-weight: normal !important;
}
/* My checkouts h3 */
#wise-integration .h3.text-primary {
  font-size: 1.75rem;
}
/* Bootstrap info boxes colours */
.alert-info {
  color: #183949;
}
.alert-danger, .alert-error {
  color: #6B2C29;
}
.alert-warning {
  color: #664d03;
}
/* Digital checkout infobox text colour */
#wise-integration .text-muted {
  color: #51575D !important;
}
/* Headings My holds 
#wise-integration .h4 {
  font-size: 1.25rem;
  font-weight: 600;
} */
/* Add Tags field in Title details */
#add-tag-input .btn-outline-secondary {
  margin-left: 0rem;
}
/* Sidebar margin padding on mobile 
@media (max-width: 600px) {
  .g-content {
      padding-left: 0;
      padding-right: 0;
  }
} */
@media (max-width: 500px) {
  .row > * {
    padding-left: calc(var(--bs-gutter-x) * 0);
  }
}
/* Table striped title detail page */
#wise-integration .table-striped {
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
#wise-integration .table td {
  border-top: 0;
}
/* Bullets in My holds */
#wise-integration app-hold-fact-list .list-inline {
  list-style: none;
}
/* Group search tabs and scroll on mobile */
#wise-integration .scrollbar {
  overflow-x: scroll;
  overflow-y: hidden;
}
#wise-integration app-arrow-scroll-container > div > button {
  color: black;
}
#wise-integration app-arrow-scroll-container ul {
  margin-left: 0;
}
#wise-integration app-arrow-scroll-container .nav-item button:focus-visible {
  outline: 0.25rem solid gray;
  outline-offset: -0.25rem;
}
/* wishlist "this list cannot be deleted" alignment and weight */
#wise-integration app-list-carousel h6 {
  margin-top: 0rem;
  font-weight: 300;
}
/* Do not print header/footer when printing Wise lists */
@media print {
  #g-top, #g-navigation, #g-footer, #g-copyright {
    display: none !important;
  }
}
/* SITE SPECIFIC CSS */
/* Recommender Button in box2 on home */
#g-above .box2 a {
  color: #fff !important;
}
#g-above .box2 a:hover {
  color: #2a6ebb !important;
}
body {
  font-weight: 300;
  font-size: 1.15rem;
}
/* h1 size */
.page-header h1 {
  font-size: 3.3rem;
  text-transform: none;
  font-weight: 300;
}
h1 {
  font-size: 3.3rem;
  font-weight: 300;
}
/* Swapping link colours on titles */
.page-header h2 a {
  color: #9e1b32;
}
.page-header h2 a:hover {
  color: #000000;
}
/* Social Icon Size and Padding 
#g-top .fa {
  font-size: 1.3rem;
  padding-right: 5px;
} */
/* Main Menu Active Hover Padding */
.g-main-nav .g-toplevel > li > .g-menu-item-container {
  padding: 0.825rem 1rem;
}
/* OPAC Font */
.wise-bootstrap {
  font-size: 16px !important;
  font-family: Arial !important;
}
/* Hamburger Menu Colour */
.g-offcanvas-toggle {
  color: #ffffff;
  top: 10px;
  left: initial;
  right: 5px;
}
/* EasyLayouts Button Fix */
a.button.button-1 button {
  background: transparent;
  border: none;
}
/* Login Labels over Fields Joomla and Wise Online Registration */
.login .form-horizontal .controls {
  margin-left: 0px;
}
.form-horizontal .control-label {
  width: 350px;
  text-align: left;
}
.wise-bootstrap .form-horizontal .control-label {
  text-align: left !important;
}
/* Page heading h2 padding/margin */
h2 {
  margin-top: 0rem;
  margin-bottom: 0rem;
  padding-bottom: 0rem;
  font-weight: 400;
}
/* Module Titles h3 */
h3.g-title {
  font-size: 1.2rem;
}
/* title1 module suffix margin */
.title1 p {
  margin-top: 1rem;
}
/* Capitalise Main Menu */
.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
  /* text-transform: uppercase; */
  font-weight: 500;
}
/* Kerning in Main Menu - Spacing between the characters */
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
  letter-spacing: 0em;
}
/* Footer Menus 
#g-footer p {
  line-height: 0rem;
  margin: 1.5rem 0 1.3rem 0;
  font-size: 0.8125rem;
} */
#g-footer a:hover {
  text-decoration: underline;
}
/* Box 1 h1 Font */
.title1 .title, .title1 .g-title {
  font-weight: 500 !important;
}
/* h3 font */
h3.g-title {
  font-weight: 500;
}
/* Logo Alt Text */
#g-navigation a {
  color: #fff;
}
#g-navigation a:active {
  text-decoration: underline;
}
#g-navigation a:hover {
  text-decoration: underline;
}
#g-navigation a:focus {
  text-decoration: underline;
}
/* Link colour */
a {
  color: #b30838;
}
a:hover {
  color: #2A6EBB;
}
/* Menu Font Size */
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
  font-size: 1vw;
}
/* Pagebreak overrides */
.accordion-button:focus {
  border-color: red;
  box-shadow: 0 0 0 0.25rem rgba(234, 241, 250, 0.25);
}
.accordion-button:not(.collapsed) {
  color: #000;
  background-color: #fff;
}
.accordion-button:not(.collapsed)::after {
  background-image: none;
}
/* Top link colour */
#g-top a {
  color: #fff;
}
#g-top a:active {
  text-decoration: underline;
}
#g-top a:hover {
  text-decoration: underline;
}
#g-top a:focus {
  text-decoration: underline;
}
/* Beta Recommender Header and Notification TOP Box 2 */
.box2 a {
  color: #B30838;
  font-weight: bold;
}
.box2 a:hover {
  color: #2A6EBB;
}
/*# sourceMappingURL=custom_9.css.map */