@charset "UTF-8";
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url(../fonts/fonts/fontawesome-webfont.eot);
  src: url(../fonts/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(../fonts/fonts/fontawesome-webfont.woff2) format("woff2"), url(../fonts/fonts/fontawesome-webfont.woff) format("woff"), url(../fonts/fonts/fontawesome-webfont.ttf) format("truetype"), url(../fonts/fonts/fontawesome-webfont.svg#fontawesomeregular) format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
          filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\F000"; }

.fa-music:before {
  content: "\F001"; }

.fa-search:before {
  content: "\F002"; }

.fa-envelope-o:before {
  content: "\F003"; }

.fa-heart:before {
  content: "\F004"; }

.fa-star:before {
  content: "\F005"; }

.fa-star-o:before {
  content: "\F006"; }

.fa-user:before {
  content: "\F007"; }

.fa-film:before {
  content: "\F008"; }

.fa-th-large:before {
  content: "\F009"; }

.fa-th:before {
  content: "\F00A"; }

.fa-th-list:before {
  content: "\F00B"; }

.fa-check:before {
  content: "\F00C"; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\F00D"; }

.fa-search-plus:before {
  content: "\F00E"; }

.fa-search-minus:before {
  content: "\F010"; }

.fa-power-off:before {
  content: "\F011"; }

.fa-signal:before {
  content: "\F012"; }

.fa-gear:before,
.fa-cog:before {
  content: "\F013"; }

.fa-trash-o:before {
  content: "\F014"; }

.fa-home:before {
  content: "\F015"; }

.fa-file-o:before {
  content: "\F016"; }

.fa-clock-o:before {
  content: "\F017"; }

.fa-road:before {
  content: "\F018"; }

.fa-download:before {
  content: "\F019"; }

.fa-arrow-circle-o-down:before {
  content: "\F01A"; }

.fa-arrow-circle-o-up:before {
  content: "\F01B"; }

.fa-inbox:before {
  content: "\F01C"; }

.fa-play-circle-o:before {
  content: "\F01D"; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\F01E"; }

.fa-refresh:before {
  content: "\F021"; }

.fa-list-alt:before {
  content: "\F022"; }

.fa-lock:before {
  content: "\F023"; }

.fa-flag:before {
  content: "\F024"; }

.fa-headphones:before {
  content: "\F025"; }

.fa-volume-off:before {
  content: "\F026"; }

.fa-volume-down:before {
  content: "\F027"; }

.fa-volume-up:before {
  content: "\F028"; }

.fa-qrcode:before {
  content: "\F029"; }

.fa-barcode:before {
  content: "\F02A"; }

.fa-tag:before {
  content: "\F02B"; }

.fa-tags:before {
  content: "\F02C"; }

.fa-book:before {
  content: "\F02D"; }

.fa-bookmark:before {
  content: "\F02E"; }

.fa-print:before {
  content: "\F02F"; }

.fa-camera:before {
  content: "\F030"; }

.fa-font:before {
  content: "\F031"; }

.fa-bold:before {
  content: "\F032"; }

.fa-italic:before {
  content: "\F033"; }

.fa-text-height:before {
  content: "\F034"; }

.fa-text-width:before {
  content: "\F035"; }

.fa-align-left:before {
  content: "\F036"; }

.fa-align-center:before {
  content: "\F037"; }

.fa-align-right:before {
  content: "\F038"; }

.fa-align-justify:before {
  content: "\F039"; }

.fa-list:before {
  content: "\F03A"; }

.fa-dedent:before,
.fa-outdent:before {
  content: "\F03B"; }

.fa-indent:before {
  content: "\F03C"; }

.fa-video-camera:before {
  content: "\F03D"; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\F03E"; }

.fa-pencil:before {
  content: "\F040"; }

.fa-map-marker:before {
  content: "\F041"; }

.fa-adjust:before {
  content: "\F042"; }

.fa-tint:before {
  content: "\F043"; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\F044"; }

.fa-share-square-o:before {
  content: "\F045"; }

.fa-check-square-o:before {
  content: "\F046"; }

.fa-arrows:before {
  content: "\F047"; }

.fa-step-backward:before {
  content: "\F048"; }

.fa-fast-backward:before {
  content: "\F049"; }

.fa-backward:before {
  content: "\F04A"; }

.fa-play:before {
  content: "\F04B"; }

.fa-pause:before {
  content: "\F04C"; }

.fa-stop:before {
  content: "\F04D"; }

.fa-forward:before {
  content: "\F04E"; }

.fa-fast-forward:before {
  content: "\F050"; }

.fa-step-forward:before {
  content: "\F051"; }

.fa-eject:before {
  content: "\F052"; }

.fa-chevron-left:before {
  content: "\F053"; }

.fa-chevron-right:before {
  content: "\F054"; }

.fa-plus-circle:before {
  content: "\F055"; }

.fa-minus-circle:before {
  content: "\F056"; }

.fa-times-circle:before {
  content: "\F057"; }

.fa-check-circle:before {
  content: "\F058"; }

.fa-question-circle:before {
  content: "\F059"; }

.fa-info-circle:before {
  content: "\F05A"; }

.fa-crosshairs:before {
  content: "\F05B"; }

.fa-times-circle-o:before {
  content: "\F05C"; }

.fa-check-circle-o:before {
  content: "\F05D"; }

.fa-ban:before {
  content: "\F05E"; }

.fa-arrow-left:before {
  content: "\F060"; }

.fa-arrow-right:before {
  content: "\F061"; }

.fa-arrow-up:before {
  content: "\F062"; }

.fa-arrow-down:before {
  content: "\F063"; }

.fa-mail-forward:before,
.fa-share:before {
  content: "\F064"; }

.fa-expand:before {
  content: "\F065"; }

.fa-compress:before {
  content: "\F066"; }

.fa-plus:before {
  content: "\F067"; }

.fa-minus:before {
  content: "\F068"; }

.fa-asterisk:before {
  content: "\F069"; }

.fa-exclamation-circle:before {
  content: "\F06A"; }

.fa-gift:before {
  content: "\F06B"; }

.fa-leaf:before {
  content: "\F06C"; }

.fa-fire:before {
  content: "\F06D"; }

.fa-eye:before {
  content: "\F06E"; }

.fa-eye-slash:before {
  content: "\F070"; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\F071"; }

.fa-plane:before {
  content: "\F072"; }

.fa-calendar:before {
  content: "\F073"; }

.fa-random:before {
  content: "\F074"; }

.fa-comment:before {
  content: "\F075"; }

.fa-magnet:before {
  content: "\F076"; }

.fa-chevron-up:before {
  content: "\F077"; }

.fa-chevron-down:before {
  content: "\F078"; }

.fa-retweet:before {
  content: "\F079"; }

.fa-shopping-cart:before {
  content: "\F07A"; }

.fa-folder:before {
  content: "\F07B"; }

.fa-folder-open:before {
  content: "\F07C"; }

.fa-arrows-v:before {
  content: "\F07D"; }

.fa-arrows-h:before {
  content: "\F07E"; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\F080"; }

.fa-twitter-square:before {
  content: "\F081"; }

.fa-facebook-square:before {
  content: "\F082"; }

.fa-camera-retro:before {
  content: "\F083"; }

.fa-key:before {
  content: "\F084"; }

.fa-gears:before,
.fa-cogs:before {
  content: "\F085"; }

.fa-comments:before {
  content: "\F086"; }

.fa-thumbs-o-up:before {
  content: "\F087"; }

.fa-thumbs-o-down:before {
  content: "\F088"; }

.fa-star-half:before {
  content: "\F089"; }

.fa-heart-o:before {
  content: "\F08A"; }

.fa-sign-out:before {
  content: "\F08B"; }

.fa-linkedin-square:before {
  content: "\F08C"; }

.fa-thumb-tack:before {
  content: "\F08D"; }

.fa-external-link:before {
  content: "\F08E"; }

.fa-sign-in:before {
  content: "\F090"; }

.fa-trophy:before {
  content: "\F091"; }

.fa-github-square:before {
  content: "\F092"; }

.fa-upload:before {
  content: "\F093"; }

.fa-lemon-o:before {
  content: "\F094"; }

.fa-phone:before {
  content: "\F095"; }

.fa-square-o:before {
  content: "\F096"; }

.fa-bookmark-o:before {
  content: "\F097"; }

.fa-phone-square:before {
  content: "\F098"; }

.fa-twitter:before {
  content: "\F099"; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\F09A"; }

.fa-github:before {
  content: "\F09B"; }

.fa-unlock:before {
  content: "\F09C"; }

.fa-credit-card:before {
  content: "\F09D"; }

.fa-feed:before,
.fa-rss:before {
  content: "\F09E"; }

.fa-hdd-o:before {
  content: "\F0A0"; }

.fa-bullhorn:before {
  content: "\F0A1"; }

.fa-bell:before {
  content: "\F0F3"; }

.fa-certificate:before {
  content: "\F0A3"; }

.fa-hand-o-right:before {
  content: "\F0A4"; }

.fa-hand-o-left:before {
  content: "\F0A5"; }

.fa-hand-o-up:before {
  content: "\F0A6"; }

.fa-hand-o-down:before {
  content: "\F0A7"; }

.fa-arrow-circle-left:before {
  content: "\F0A8"; }

.fa-arrow-circle-right:before {
  content: "\F0A9"; }

.fa-arrow-circle-up:before {
  content: "\F0AA"; }

.fa-arrow-circle-down:before {
  content: "\F0AB"; }

.fa-globe:before {
  content: "\F0AC"; }

.fa-wrench:before {
  content: "\F0AD"; }

.fa-tasks:before {
  content: "\F0AE"; }

.fa-filter:before {
  content: "\F0B0"; }

.fa-briefcase:before {
  content: "\F0B1"; }

.fa-arrows-alt:before {
  content: "\F0B2"; }

.fa-group:before,
.fa-users:before {
  content: "\F0C0"; }

.fa-chain:before,
.fa-link:before {
  content: "\F0C1"; }

.fa-cloud:before {
  content: "\F0C2"; }

.fa-flask:before {
  content: "\F0C3"; }

.fa-cut:before,
.fa-scissors:before {
  content: "\F0C4"; }

.fa-copy:before,
.fa-files-o:before {
  content: "\F0C5"; }

.fa-paperclip:before {
  content: "\F0C6"; }

.fa-save:before,
.fa-floppy-o:before {
  content: "\F0C7"; }

.fa-square:before {
  content: "\F0C8"; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\F0C9"; }

.fa-list-ul:before {
  content: "\F0CA"; }

.fa-list-ol:before {
  content: "\F0CB"; }

.fa-strikethrough:before {
  content: "\F0CC"; }

.fa-underline:before {
  content: "\F0CD"; }

.fa-table:before {
  content: "\F0CE"; }

.fa-magic:before {
  content: "\F0D0"; }

.fa-truck:before {
  content: "\F0D1"; }

.fa-pinterest:before {
  content: "\F0D2"; }

.fa-pinterest-square:before {
  content: "\F0D3"; }

.fa-google-plus-square:before {
  content: "\F0D4"; }

.fa-google-plus:before {
  content: "\F0D5"; }

.fa-money:before {
  content: "\F0D6"; }

.fa-caret-down:before {
  content: "\F0D7"; }

.fa-caret-up:before {
  content: "\F0D8"; }

.fa-caret-left:before {
  content: "\F0D9"; }

.fa-caret-right:before {
  content: "\F0DA"; }

.fa-columns:before {
  content: "\F0DB"; }

.fa-unsorted:before,
.fa-sort:before {
  content: "\F0DC"; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\F0DD"; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\F0DE"; }

.fa-envelope:before {
  content: "\F0E0"; }

.fa-linkedin:before {
  content: "\F0E1"; }

.fa-rotate-left:before,
.fa-undo:before {
  content: "\F0E2"; }

.fa-legal:before,
.fa-gavel:before {
  content: "\F0E3"; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\F0E4"; }

.fa-comment-o:before {
  content: "\F0E5"; }

.fa-comments-o:before {
  content: "\F0E6"; }

.fa-flash:before,
.fa-bolt:before {
  content: "\F0E7"; }

.fa-sitemap:before {
  content: "\F0E8"; }

.fa-umbrella:before {
  content: "\F0E9"; }

.fa-paste:before,
.fa-clipboard:before {
  content: "\F0EA"; }

.fa-lightbulb-o:before {
  content: "\F0EB"; }

.fa-exchange:before {
  content: "\F0EC"; }

.fa-cloud-download:before {
  content: "\F0ED"; }

.fa-cloud-upload:before {
  content: "\F0EE"; }

.fa-user-md:before {
  content: "\F0F0"; }

.fa-stethoscope:before {
  content: "\F0F1"; }

.fa-suitcase:before {
  content: "\F0F2"; }

.fa-bell-o:before {
  content: "\F0A2"; }

.fa-coffee:before {
  content: "\F0F4"; }

.fa-cutlery:before {
  content: "\F0F5"; }

.fa-file-text-o:before {
  content: "\F0F6"; }

.fa-building-o:before {
  content: "\F0F7"; }

.fa-hospital-o:before {
  content: "\F0F8"; }

.fa-ambulance:before {
  content: "\F0F9"; }

.fa-medkit:before {
  content: "\F0FA"; }

.fa-fighter-jet:before {
  content: "\F0FB"; }

.fa-beer:before {
  content: "\F0FC"; }

.fa-h-square:before {
  content: "\F0FD"; }

.fa-plus-square:before {
  content: "\F0FE"; }

.fa-angle-double-left:before {
  content: "\F100"; }

.fa-angle-double-right:before {
  content: "\F101"; }

.fa-angle-double-up:before {
  content: "\F102"; }

.fa-angle-double-down:before {
  content: "\F103"; }

.fa-angle-left:before {
  content: "\F104"; }

.fa-angle-right:before {
  content: "\F105"; }

.fa-angle-up:before {
  content: "\F106"; }

.fa-angle-down:before {
  content: "\F107"; }

.fa-desktop:before {
  content: "\F108"; }

.fa-laptop:before {
  content: "\F109"; }

.fa-tablet:before {
  content: "\F10A"; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\F10B"; }

.fa-circle-o:before {
  content: "\F10C"; }

.fa-quote-left:before {
  content: "\F10D"; }

.fa-quote-right:before {
  content: "\F10E"; }

.fa-spinner:before {
  content: "\F110"; }

.fa-circle:before {
  content: "\F111"; }

.fa-mail-reply:before,
.fa-reply:before {
  content: "\F112"; }

.fa-github-alt:before {
  content: "\F113"; }

.fa-folder-o:before {
  content: "\F114"; }

.fa-folder-open-o:before {
  content: "\F115"; }

.fa-smile-o:before {
  content: "\F118"; }

.fa-frown-o:before {
  content: "\F119"; }

.fa-meh-o:before {
  content: "\F11A"; }

.fa-gamepad:before {
  content: "\F11B"; }

.fa-keyboard-o:before {
  content: "\F11C"; }

.fa-flag-o:before {
  content: "\F11D"; }

.fa-flag-checkered:before {
  content: "\F11E"; }

.fa-terminal:before {
  content: "\F120"; }

.fa-code:before {
  content: "\F121"; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\F122"; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\F123"; }

.fa-location-arrow:before {
  content: "\F124"; }

.fa-crop:before {
  content: "\F125"; }

.fa-code-fork:before {
  content: "\F126"; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\F127"; }

.fa-question:before {
  content: "\F128"; }

.fa-info:before {
  content: "\F129"; }

.fa-exclamation:before {
  content: "\F12A"; }

.fa-superscript:before {
  content: "\F12B"; }

.fa-subscript:before {
  content: "\F12C"; }

.fa-eraser:before {
  content: "\F12D"; }

.fa-puzzle-piece:before {
  content: "\F12E"; }

.fa-microphone:before {
  content: "\F130"; }

.fa-microphone-slash:before {
  content: "\F131"; }

.fa-shield:before {
  content: "\F132"; }

.fa-calendar-o:before {
  content: "\F133"; }

.fa-fire-extinguisher:before {
  content: "\F134"; }

.fa-rocket:before {
  content: "\F135"; }

.fa-maxcdn:before {
  content: "\F136"; }

.fa-chevron-circle-left:before {
  content: "\F137"; }

.fa-chevron-circle-right:before {
  content: "\F138"; }

.fa-chevron-circle-up:before {
  content: "\F139"; }

.fa-chevron-circle-down:before {
  content: "\F13A"; }

.fa-html5:before {
  content: "\F13B"; }

.fa-css3:before {
  content: "\F13C"; }

.fa-anchor:before {
  content: "\F13D"; }

.fa-unlock-alt:before {
  content: "\F13E"; }

.fa-bullseye:before {
  content: "\F140"; }

.fa-ellipsis-h:before {
  content: "\F141"; }

.fa-ellipsis-v:before {
  content: "\F142"; }

.fa-rss-square:before {
  content: "\F143"; }

.fa-play-circle:before {
  content: "\F144"; }

.fa-ticket:before {
  content: "\F145"; }

.fa-minus-square:before {
  content: "\F146"; }

.fa-minus-square-o:before {
  content: "\F147"; }

.fa-level-up:before {
  content: "\F148"; }

.fa-level-down:before {
  content: "\F149"; }

.fa-check-square:before {
  content: "\F14A"; }

.fa-pencil-square:before {
  content: "\F14B"; }

.fa-external-link-square:before {
  content: "\F14C"; }

.fa-share-square:before {
  content: "\F14D"; }

.fa-compass:before {
  content: "\F14E"; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\F150"; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\F151"; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\F152"; }

.fa-euro:before,
.fa-eur:before {
  content: "\F153"; }

.fa-gbp:before {
  content: "\F154"; }

.fa-dollar:before,
.fa-usd:before {
  content: "\F155"; }

.fa-rupee:before,
.fa-inr:before {
  content: "\F156"; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\F157"; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\F158"; }

.fa-won:before,
.fa-krw:before {
  content: "\F159"; }

.fa-bitcoin:before,
.fa-btc:before {
  content: "\F15A"; }

.fa-file:before {
  content: "\F15B"; }

.fa-file-text:before {
  content: "\F15C"; }

.fa-sort-alpha-asc:before {
  content: "\F15D"; }

.fa-sort-alpha-desc:before {
  content: "\F15E"; }

.fa-sort-amount-asc:before {
  content: "\F160"; }

.fa-sort-amount-desc:before {
  content: "\F161"; }

.fa-sort-numeric-asc:before {
  content: "\F162"; }

.fa-sort-numeric-desc:before {
  content: "\F163"; }

.fa-thumbs-up:before {
  content: "\F164"; }

.fa-thumbs-down:before {
  content: "\F165"; }

.fa-youtube-square:before {
  content: "\F166"; }

.fa-youtube:before {
  content: "\F167"; }

.fa-xing:before {
  content: "\F168"; }

.fa-xing-square:before {
  content: "\F169"; }

.fa-youtube-play:before {
  content: "\F16A"; }

.fa-dropbox:before {
  content: "\F16B"; }

.fa-stack-overflow:before {
  content: "\F16C"; }

.fa-instagram:before {
  content: "\F16D"; }

.fa-flickr:before {
  content: "\F16E"; }

.fa-adn:before {
  content: "\F170"; }

.fa-bitbucket:before {
  content: "\F171"; }

.fa-bitbucket-square:before {
  content: "\F172"; }

.fa-tumblr:before {
  content: "\F173"; }

.fa-tumblr-square:before {
  content: "\F174"; }

.fa-long-arrow-down:before {
  content: "\F175"; }

.fa-long-arrow-up:before {
  content: "\F176"; }

.fa-long-arrow-left:before {
  content: "\F177"; }

.fa-long-arrow-right:before {
  content: "\F178"; }

.fa-apple:before {
  content: "\F179"; }

.fa-windows:before {
  content: "\F17A"; }

.fa-android:before {
  content: "\F17B"; }

.fa-linux:before {
  content: "\F17C"; }

.fa-dribbble:before {
  content: "\F17D"; }

.fa-skype:before {
  content: "\F17E"; }

.fa-foursquare:before {
  content: "\F180"; }

.fa-trello:before {
  content: "\F181"; }

.fa-female:before {
  content: "\F182"; }

.fa-male:before {
  content: "\F183"; }

.fa-gittip:before,
.fa-gratipay:before {
  content: "\F184"; }

.fa-sun-o:before {
  content: "\F185"; }

.fa-moon-o:before {
  content: "\F186"; }

.fa-archive:before {
  content: "\F187"; }

.fa-bug:before {
  content: "\F188"; }

.fa-vk:before {
  content: "\F189"; }

.fa-weibo:before {
  content: "\F18A"; }

.fa-renren:before {
  content: "\F18B"; }

.fa-pagelines:before {
  content: "\F18C"; }

.fa-stack-exchange:before {
  content: "\F18D"; }

.fa-arrow-circle-o-right:before {
  content: "\F18E"; }

.fa-arrow-circle-o-left:before {
  content: "\F190"; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\F191"; }

.fa-dot-circle-o:before {
  content: "\F192"; }

.fa-wheelchair:before {
  content: "\F193"; }

.fa-vimeo-square:before {
  content: "\F194"; }

.fa-turkish-lira:before,
.fa-try:before {
  content: "\F195"; }

.fa-plus-square-o:before {
  content: "\F196"; }

.fa-space-shuttle:before {
  content: "\F197"; }

.fa-slack:before {
  content: "\F198"; }

.fa-envelope-square:before {
  content: "\F199"; }

.fa-wordpress:before {
  content: "\F19A"; }

.fa-openid:before {
  content: "\F19B"; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\F19C"; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\F19D"; }

.fa-yahoo:before {
  content: "\F19E"; }

.fa-google:before {
  content: "\F1A0"; }

.fa-reddit:before {
  content: "\F1A1"; }

.fa-reddit-square:before {
  content: "\F1A2"; }

.fa-stumbleupon-circle:before {
  content: "\F1A3"; }

.fa-stumbleupon:before {
  content: "\F1A4"; }

.fa-delicious:before {
  content: "\F1A5"; }

.fa-digg:before {
  content: "\F1A6"; }

.fa-pied-piper-pp:before {
  content: "\F1A7"; }

.fa-pied-piper-alt:before {
  content: "\F1A8"; }

.fa-drupal:before {
  content: "\F1A9"; }

.fa-joomla:before {
  content: "\F1AA"; }

.fa-language:before {
  content: "\F1AB"; }

.fa-fax:before {
  content: "\F1AC"; }

.fa-building:before {
  content: "\F1AD"; }

.fa-child:before {
  content: "\F1AE"; }

.fa-paw:before {
  content: "\F1B0"; }

.fa-spoon:before {
  content: "\F1B1"; }

.fa-cube:before {
  content: "\F1B2"; }

.fa-cubes:before {
  content: "\F1B3"; }

.fa-behance:before {
  content: "\F1B4"; }

.fa-behance-square:before {
  content: "\F1B5"; }

.fa-steam:before {
  content: "\F1B6"; }

.fa-steam-square:before {
  content: "\F1B7"; }

.fa-recycle:before {
  content: "\F1B8"; }

.fa-automobile:before,
.fa-car:before {
  content: "\F1B9"; }

.fa-cab:before,
.fa-taxi:before {
  content: "\F1BA"; }

.fa-tree:before {
  content: "\F1BB"; }

.fa-spotify:before {
  content: "\F1BC"; }

.fa-deviantart:before {
  content: "\F1BD"; }

.fa-soundcloud:before {
  content: "\F1BE"; }

.fa-database:before {
  content: "\F1C0"; }

.fa-file-pdf-o:before {
  content: "\F1C1"; }

.fa-file-word-o:before {
  content: "\F1C2"; }

.fa-file-excel-o:before {
  content: "\F1C3"; }

.fa-file-powerpoint-o:before {
  content: "\F1C4"; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\F1C5"; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\F1C6"; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\F1C7"; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\F1C8"; }

.fa-file-code-o:before {
  content: "\F1C9"; }

.fa-vine:before {
  content: "\F1CA"; }

.fa-codepen:before {
  content: "\F1CB"; }

.fa-jsfiddle:before {
  content: "\F1CC"; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\F1CD"; }

.fa-circle-o-notch:before {
  content: "\F1CE"; }

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\F1D0"; }

.fa-ge:before,
.fa-empire:before {
  content: "\F1D1"; }

.fa-git-square:before {
  content: "\F1D2"; }

.fa-git:before {
  content: "\F1D3"; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\F1D4"; }

.fa-tencent-weibo:before {
  content: "\F1D5"; }

.fa-qq:before {
  content: "\F1D6"; }

.fa-wechat:before,
.fa-weixin:before {
  content: "\F1D7"; }

.fa-send:before,
.fa-paper-plane:before {
  content: "\F1D8"; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\F1D9"; }

.fa-history:before {
  content: "\F1DA"; }

.fa-circle-thin:before {
  content: "\F1DB"; }

.fa-header:before {
  content: "\F1DC"; }

.fa-paragraph:before {
  content: "\F1DD"; }

.fa-sliders:before {
  content: "\F1DE"; }

.fa-share-alt:before {
  content: "\F1E0"; }

.fa-share-alt-square:before {
  content: "\F1E1"; }

.fa-bomb:before {
  content: "\F1E2"; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\F1E3"; }

.fa-tty:before {
  content: "\F1E4"; }

.fa-binoculars:before {
  content: "\F1E5"; }

.fa-plug:before {
  content: "\F1E6"; }

.fa-slideshare:before {
  content: "\F1E7"; }

.fa-twitch:before {
  content: "\F1E8"; }

.fa-yelp:before {
  content: "\F1E9"; }

.fa-newspaper-o:before {
  content: "\F1EA"; }

.fa-wifi:before {
  content: "\F1EB"; }

.fa-calculator:before {
  content: "\F1EC"; }

.fa-paypal:before {
  content: "\F1ED"; }

.fa-google-wallet:before {
  content: "\F1EE"; }

.fa-cc-visa:before {
  content: "\F1F0"; }

.fa-cc-mastercard:before {
  content: "\F1F1"; }

.fa-cc-discover:before {
  content: "\F1F2"; }

.fa-cc-amex:before {
  content: "\F1F3"; }

.fa-cc-paypal:before {
  content: "\F1F4"; }

.fa-cc-stripe:before {
  content: "\F1F5"; }

.fa-bell-slash:before {
  content: "\F1F6"; }

.fa-bell-slash-o:before {
  content: "\F1F7"; }

.fa-trash:before {
  content: "\F1F8"; }

.fa-copyright:before {
  content: "\F1F9"; }

.fa-at:before {
  content: "\F1FA"; }

.fa-eyedropper:before {
  content: "\F1FB"; }

.fa-paint-brush:before {
  content: "\F1FC"; }

.fa-birthday-cake:before {
  content: "\F1FD"; }

.fa-area-chart:before {
  content: "\F1FE"; }

.fa-pie-chart:before {
  content: "\F200"; }

.fa-line-chart:before {
  content: "\F201"; }

.fa-lastfm:before {
  content: "\F202"; }

.fa-lastfm-square:before {
  content: "\F203"; }

.fa-toggle-off:before {
  content: "\F204"; }

.fa-toggle-on:before {
  content: "\F205"; }

.fa-bicycle:before {
  content: "\F206"; }

.fa-bus:before {
  content: "\F207"; }

.fa-ioxhost:before {
  content: "\F208"; }

.fa-angellist:before {
  content: "\F209"; }

.fa-cc:before {
  content: "\F20A"; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\F20B"; }

.fa-meanpath:before {
  content: "\F20C"; }

.fa-buysellads:before {
  content: "\F20D"; }

.fa-connectdevelop:before {
  content: "\F20E"; }

.fa-dashcube:before {
  content: "\F210"; }

.fa-forumbee:before {
  content: "\F211"; }

.fa-leanpub:before {
  content: "\F212"; }

.fa-sellsy:before {
  content: "\F213"; }

.fa-shirtsinbulk:before {
  content: "\F214"; }

.fa-simplybuilt:before {
  content: "\F215"; }

.fa-skyatlas:before {
  content: "\F216"; }

.fa-cart-plus:before {
  content: "\F217"; }

.fa-cart-arrow-down:before {
  content: "\F218"; }

.fa-diamond:before {
  content: "\F219"; }

.fa-ship:before {
  content: "\F21A"; }

.fa-user-secret:before {
  content: "\F21B"; }

.fa-motorcycle:before {
  content: "\F21C"; }

.fa-street-view:before {
  content: "\F21D"; }

.fa-heartbeat:before {
  content: "\F21E"; }

.fa-venus:before {
  content: "\F221"; }

.fa-mars:before {
  content: "\F222"; }

.fa-mercury:before {
  content: "\F223"; }

.fa-intersex:before,
.fa-transgender:before {
  content: "\F224"; }

.fa-transgender-alt:before {
  content: "\F225"; }

.fa-venus-double:before {
  content: "\F226"; }

.fa-mars-double:before {
  content: "\F227"; }

.fa-venus-mars:before {
  content: "\F228"; }

.fa-mars-stroke:before {
  content: "\F229"; }

.fa-mars-stroke-v:before {
  content: "\F22A"; }

.fa-mars-stroke-h:before {
  content: "\F22B"; }

.fa-neuter:before {
  content: "\F22C"; }

.fa-genderless:before {
  content: "\F22D"; }

.fa-facebook-official:before {
  content: "\F230"; }

.fa-pinterest-p:before {
  content: "\F231"; }

.fa-whatsapp:before {
  content: "\F232"; }

.fa-server:before {
  content: "\F233"; }

.fa-user-plus:before {
  content: "\F234"; }

.fa-user-times:before {
  content: "\F235"; }

.fa-hotel:before,
.fa-bed:before {
  content: "\F236"; }

.fa-viacoin:before {
  content: "\F237"; }

.fa-train:before {
  content: "\F238"; }

.fa-subway:before {
  content: "\F239"; }

.fa-medium:before {
  content: "\F23A"; }

.fa-yc:before,
.fa-y-combinator:before {
  content: "\F23B"; }

.fa-optin-monster:before {
  content: "\F23C"; }

.fa-opencart:before {
  content: "\F23D"; }

.fa-expeditedssl:before {
  content: "\F23E"; }

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\F240"; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\F241"; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\F242"; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\F243"; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\F244"; }

.fa-mouse-pointer:before {
  content: "\F245"; }

.fa-i-cursor:before {
  content: "\F246"; }

.fa-object-group:before {
  content: "\F247"; }

.fa-object-ungroup:before {
  content: "\F248"; }

.fa-sticky-note:before {
  content: "\F249"; }

.fa-sticky-note-o:before {
  content: "\F24A"; }

.fa-cc-jcb:before {
  content: "\F24B"; }

.fa-cc-diners-club:before {
  content: "\F24C"; }

.fa-clone:before {
  content: "\F24D"; }

.fa-balance-scale:before {
  content: "\F24E"; }

.fa-hourglass-o:before {
  content: "\F250"; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\F251"; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\F252"; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\F253"; }

.fa-hourglass:before {
  content: "\F254"; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\F255"; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\F256"; }

.fa-hand-scissors-o:before {
  content: "\F257"; }

.fa-hand-lizard-o:before {
  content: "\F258"; }

.fa-hand-spock-o:before {
  content: "\F259"; }

.fa-hand-pointer-o:before {
  content: "\F25A"; }

.fa-hand-peace-o:before {
  content: "\F25B"; }

.fa-trademark:before {
  content: "\F25C"; }

.fa-registered:before {
  content: "\F25D"; }

.fa-creative-commons:before {
  content: "\F25E"; }

.fa-gg:before {
  content: "\F260"; }

.fa-gg-circle:before {
  content: "\F261"; }

.fa-tripadvisor:before {
  content: "\F262"; }

.fa-odnoklassniki:before {
  content: "\F263"; }

.fa-odnoklassniki-square:before {
  content: "\F264"; }

.fa-get-pocket:before {
  content: "\F265"; }

.fa-wikipedia-w:before {
  content: "\F266"; }

.fa-safari:before {
  content: "\F267"; }

.fa-chrome:before {
  content: "\F268"; }

.fa-firefox:before {
  content: "\F269"; }

.fa-opera:before {
  content: "\F26A"; }

.fa-internet-explorer:before {
  content: "\F26B"; }

.fa-tv:before,
.fa-television:before {
  content: "\F26C"; }

.fa-contao:before {
  content: "\F26D"; }

.fa-500px:before {
  content: "\F26E"; }

.fa-amazon:before {
  content: "\F270"; }

.fa-calendar-plus-o:before {
  content: "\F271"; }

.fa-calendar-minus-o:before {
  content: "\F272"; }

.fa-calendar-times-o:before {
  content: "\F273"; }

.fa-calendar-check-o:before {
  content: "\F274"; }

.fa-industry:before {
  content: "\F275"; }

.fa-map-pin:before {
  content: "\F276"; }

.fa-map-signs:before {
  content: "\F277"; }

.fa-map-o:before {
  content: "\F278"; }

.fa-map:before {
  content: "\F279"; }

.fa-commenting:before {
  content: "\F27A"; }

.fa-commenting-o:before {
  content: "\F27B"; }

.fa-houzz:before {
  content: "\F27C"; }

.fa-vimeo:before {
  content: "\F27D"; }

.fa-black-tie:before {
  content: "\F27E"; }

.fa-fonticons:before {
  content: "\F280"; }

.fa-reddit-alien:before {
  content: "\F281"; }

.fa-edge:before {
  content: "\F282"; }

.fa-credit-card-alt:before {
  content: "\F283"; }

.fa-codiepie:before {
  content: "\F284"; }

.fa-modx:before {
  content: "\F285"; }

.fa-fort-awesome:before {
  content: "\F286"; }

.fa-usb:before {
  content: "\F287"; }

.fa-product-hunt:before {
  content: "\F288"; }

.fa-mixcloud:before {
  content: "\F289"; }

.fa-scribd:before {
  content: "\F28A"; }

.fa-pause-circle:before {
  content: "\F28B"; }

.fa-pause-circle-o:before {
  content: "\F28C"; }

.fa-stop-circle:before {
  content: "\F28D"; }

.fa-stop-circle-o:before {
  content: "\F28E"; }

.fa-shopping-bag:before {
  content: "\F290"; }

.fa-shopping-basket:before {
  content: "\F291"; }

.fa-hashtag:before {
  content: "\F292"; }

.fa-bluetooth:before {
  content: "\F293"; }

.fa-bluetooth-b:before {
  content: "\F294"; }

.fa-percent:before {
  content: "\F295"; }

.fa-gitlab:before {
  content: "\F296"; }

.fa-wpbeginner:before {
  content: "\F297"; }

.fa-wpforms:before {
  content: "\F298"; }

.fa-envira:before {
  content: "\F299"; }

.fa-universal-access:before {
  content: "\F29A"; }

.fa-wheelchair-alt:before {
  content: "\F29B"; }

.fa-question-circle-o:before {
  content: "\F29C"; }

.fa-blind:before {
  content: "\F29D"; }

.fa-audio-description:before {
  content: "\F29E"; }

.fa-volume-control-phone:before {
  content: "\F2A0"; }

.fa-braille:before {
  content: "\F2A1"; }

.fa-assistive-listening-systems:before {
  content: "\F2A2"; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\F2A3"; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\F2A4"; }

.fa-glide:before {
  content: "\F2A5"; }

.fa-glide-g:before {
  content: "\F2A6"; }

.fa-signing:before,
.fa-sign-language:before {
  content: "\F2A7"; }

.fa-low-vision:before {
  content: "\F2A8"; }

.fa-viadeo:before {
  content: "\F2A9"; }

.fa-viadeo-square:before {
  content: "\F2AA"; }

.fa-snapchat:before {
  content: "\F2AB"; }

.fa-snapchat-ghost:before {
  content: "\F2AC"; }

.fa-snapchat-square:before {
  content: "\F2AD"; }

.fa-pied-piper:before {
  content: "\F2AE"; }

.fa-first-order:before {
  content: "\F2B0"; }

.fa-yoast:before {
  content: "\F2B1"; }

.fa-themeisle:before {
  content: "\F2B2"; }

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\F2B3"; }

.fa-fa:before,
.fa-font-awesome:before {
  content: "\F2B4"; }

.fa-handshake-o:before {
  content: "\F2B5"; }

.fa-envelope-open:before {
  content: "\F2B6"; }

.fa-envelope-open-o:before {
  content: "\F2B7"; }

.fa-linode:before {
  content: "\F2B8"; }

.fa-address-book:before {
  content: "\F2B9"; }

.fa-address-book-o:before {
  content: "\F2BA"; }

.fa-vcard:before,
.fa-address-card:before {
  content: "\F2BB"; }

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\F2BC"; }

.fa-user-circle:before {
  content: "\F2BD"; }

.fa-user-circle-o:before {
  content: "\F2BE"; }

.fa-user-o:before {
  content: "\F2C0"; }

.fa-id-badge:before {
  content: "\F2C1"; }

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\F2C2"; }

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\F2C3"; }

.fa-quora:before {
  content: "\F2C4"; }

.fa-free-code-camp:before {
  content: "\F2C5"; }

.fa-telegram:before {
  content: "\F2C6"; }

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\F2C7"; }

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\F2C8"; }

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\F2C9"; }

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\F2CA"; }

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\F2CB"; }

.fa-shower:before {
  content: "\F2CC"; }

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\F2CD"; }

.fa-podcast:before {
  content: "\F2CE"; }

.fa-window-maximize:before {
  content: "\F2D0"; }

.fa-window-minimize:before {
  content: "\F2D1"; }

.fa-window-restore:before {
  content: "\F2D2"; }

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\F2D3"; }

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\F2D4"; }

.fa-bandcamp:before {
  content: "\F2D5"; }

.fa-grav:before {
  content: "\F2D6"; }

.fa-etsy:before {
  content: "\F2D7"; }

.fa-imdb:before {
  content: "\F2D8"; }

.fa-ravelry:before {
  content: "\F2D9"; }

.fa-eercast:before {
  content: "\F2DA"; }

.fa-microchip:before {
  content: "\F2DB"; }

.fa-snowflake-o:before {
  content: "\F2DC"; }

.fa-superpowers:before {
  content: "\F2DD"; }

.fa-wpexplorer:before {
  content: "\F2DE"; }

.fa-meetup:before {
  content: "\F2E0"; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable.nice-select.open, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

@font-face {
  font-display: fallback;
  font-family: 'DINPro';
  src: url("/themes/custom/library_portal_theme/assets/fonts/DINpro/DINPro-Medium.eot"), url("/themes/custom/library_portal_theme/assets/fonts/DINpro/DINPro-Medium.eot?#iefix") format("embedded-opentype"), url("/themes/custom/library_portal_theme/assets/fonts/DINpro/DINPro-Medium.woff2") format("woff2"), url("/themes/custom/library_portal_theme/assets/fonts/DINpro/DINPro-Medium.woff") format("woff"), url("/themes/custom/library_portal_theme/assets/fonts/DINpro/DINPro-Medium.ttf") format("truetype"), url("/themes/custom/library_portal_theme/assets/fonts/DINpro/DINPro-Medium.svg#DINPro-Medium") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-display: fallback;
  font-family: 'DINPro';
  src: url("/themes/custom/library_portal_theme/assets/fonts/DINpro/DINPro-Light.eot"), url("/themes/custom/library_portal_theme/assets/fonts/DINpro/DINPro-Light.eot?#iefix") format("embedded-opentype"), url("/themes/custom/library_portal_theme/assets/fonts/DINpro/DINPro-Light.woff2") format("woff2"), url("/themes/custom/library_portal_theme/assets/fonts/DINpro/DINPro-Light.woff") format("woff"), url("/themes/custom/library_portal_theme/assets/fonts/DINpro/DINPro-Light.ttf") format("truetype"), url("/themes/custom/library_portal_theme/assets/fonts/DINpro/DINPro-Light.svg#DINPro-Light") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-display: fallback;
  font-family: 'DINPro';
  src: url("/themes/custom/library_portal_theme/assets/fonts/DINpro/DINPro-Bold.eot"), url("/themes/custom/library_portal_theme/assets/fonts/DINpro/DINPro-Bold.eot?#iefix") format("embedded-opentype"), url("/themes/custom/library_portal_theme/assets/fonts/DINpro/DINPro-Bold.woff2") format("woff2"), url("/themes/custom/library_portal_theme/assets/fonts/DINpro/DINPro-Bold.woff") format("woff"), url("/themes/custom/library_portal_theme/assets/fonts/DINpro/DINPro-Bold.ttf") format("truetype"), url("/themes/custom/library_portal_theme/assets/fonts/DINpro/DINPro-Bold.svg#DINPro-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-display: fallback;
  font-family: 'DINPro';
  src: url("/themes/custom/library_portal_theme/assets/fonts/DINpro/DINPro-Regular.eot"), url("/themes/custom/library_portal_theme/assets/fonts/DINpro/DINPro-Regular.eot?#iefix") format("embedded-opentype"), url("/themes/custom/library_portal_theme/assets/fonts/DINpro/DINPro-Regular.woff2") format("woff2"), url("/themes/custom/library_portal_theme/assets/fonts/DINpro/DINPro-Regular.woff") format("woff"), url("/themes/custom/library_portal_theme/assets/fonts/DINpro/DINPro-Regular.ttf") format("truetype"), url("/themes/custom/library_portal_theme/assets/fonts/DINpro/DINPro-Regular.svg#DINPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  100% {
    transform: translateY(0); } }

@keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  100% {
    transform: translateY(0); } }

.font-italic {
  font-style: italic; }

.font-bold {
  font-weight: 700; }

.text-danger {
  color: #f00; }

.link-disabled {
  color: #ddd;
  pointer-events: none; }

@-webkit-keyframes pulsate-fwd {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

@keyframes pulsate-fwd {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

@-webkit-keyframes scale-in-center {
  0% {
    transform: scale(0);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@keyframes scale-in-center {
  0% {
    transform: scale(0);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 1; } }

.scale-in-center {
  -webkit-animation: scale-in-center 0.55s cubic-bezier(0.525, 0.546, 0.545, 0.594) 1s both;
  animation: scale-in-center 0.55s cubic-bezier(0.525, 0.546, 0.545, 0.594) 1s both; }

fieldset {
  margin: 0 0 1.8rem;
  padding: 2.4rem; }

legend {
  font-weight: 600;
  margin-bottom: 0.9rem;
  padding: 0; }

label,
legend,
.webform-type-radios span {
  display: block;
  margin-bottom: 0.9rem;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: none;
  color: #3f4547; }

.js-form-type-checkbox label {
  display: inline-block; }

input,
select {
  display: block;
  font-family: "DINPro", Arial, Helvetica, sans-serif;
  font-size: 1.6rem; }

input[readonly],
textarea[readonly] {
  background: #efefef; }

[type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea,
select[multiple] {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.8rem;
  padding: 0.6rem 0;
  box-sizing: border-box;
  font-size: 1.6rem;
  font-family: "DINPro", Arial, Helvetica, sans-serif;
  border: 1px solid #efefef;
  border-radius: 3px;
  box-shadow: none;
  transition: border-color 150ms ease;
  background-color: #fff;
  color: #706f6f; }
  [type='color']:hover, [type='date']:hover, [type='datetime']:hover, [type='datetime-local']:hover, [type='email']:hover, [type='month']:hover, [type='number']:hover, [type='password']:hover, [type='search']:hover, [type='tel']:hover, [type='text']:hover, [type='time']:hover, [type='url']:hover, [type='week']:hover, input:not([type]):hover, textarea:hover,
  select[multiple]:hover {
    outline: 3px solid #28528a; }
  [type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus,
  select[multiple]:focus {
    border: 1px solid #efefef;
    border-bottom: 3px solid #28528a;
    outline: none; }
  [type='color']:disabled, [type='date']:disabled, [type='datetime']:disabled, [type='datetime-local']:disabled, [type='email']:disabled, [type='month']:disabled, [type='number']:disabled, [type='password']:disabled, [type='search']:disabled, [type='tel']:disabled, [type='text']:disabled, [type='time']:disabled, [type='url']:disabled, [type='week']:disabled, input:not([type]):disabled, textarea:disabled,
  select[multiple]:disabled {
    background-color: #f2f2f2;
    cursor: not-allowed; }
    [type='color']:disabled:hover, [type='date']:disabled:hover, [type='datetime']:disabled:hover, [type='datetime-local']:disabled:hover, [type='email']:disabled:hover, [type='month']:disabled:hover, [type='number']:disabled:hover, [type='password']:disabled:hover, [type='search']:disabled:hover, [type='tel']:disabled:hover, [type='text']:disabled:hover, [type='time']:disabled:hover, [type='url']:disabled:hover, [type='week']:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover,
    select[multiple]:disabled:hover {
      border: 1px solid #dbdbdb; }
  [type='color'].error, [type='date'].error, [type='datetime'].error, [type='datetime-local'].error, [type='email'].error, [type='month'].error, [type='number'].error, [type='password'].error, [type='search'].error, [type='tel'].error, [type='text'].error, [type='time'].error, [type='url'].error, [type='week'].error, input:not([type]).error, textarea.error,
  select[multiple].error {
    border-bottom: 3px solid #bf4a4a; }

[type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea {
  padding: 12px; }

textarea {
  resize: vertical; }

[type='search'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

[type='checkbox'],
[type='radio'] {
  display: inline;
  margin-right: 0.9rem; }
  [type='checkbox'] + label,
  [type='radio'] + label {
    display: inline; }

[type='file'] {
  margin-bottom: 1.8rem;
  width: 100%; }

select {
  margin-bottom: 2.4rem;
  padding-right: 2.4rem;
  max-width: 100%;
  width: auto; }

.ajax-progress-throbber .throbber {
  padding: 1px 8px 2px; }

input.form-submit {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4;
  font-family: "DINPro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
  color: #4a4a4a;
  background-image: linear-gradient(#ffffff, #efefef);
  background-color: transparent;
  font-size: 1.6rem;
  padding: 1.8rem 2.4rem;
  padding: 1.8rem 2.4rem;
  color: #fff;
  border: 2px solid #28528a;
  background-image: none;
  background-color: #28528a;
  font-weight: 600;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.525); }
  input.form-submit:disabled {
    cursor: not-allowed;
    opacity: .55; }
  input.form-submit:active, input.form-submit.nice-select.open, input.form-submit:focus, input.form-submit:hover {
    text-decoration: none; }
  input.form-submit:hover, input.form-submit:focus {
    color: #fff;
    box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.2); }
  @media (max-width: 479px) {
    input.form-submit {
      width: 100%; } }
  input.form-submit[id^='edit-cancel'] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
    font-family: "DINPro", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    color: #4a4a4a;
    background-image: linear-gradient(#ffffff, #efefef);
    background-color: transparent;
    font-size: 1.6rem;
    padding: 1.8rem 2.4rem;
    white-space: normal;
    color: #bf4a4a;
    border: 3px solid #bf4a4a;
    background-color: transparent;
    background-image: none;
    text-shadow: none;
    font-weight: 600; }
    input.form-submit[id^='edit-cancel']:disabled {
      cursor: not-allowed;
      opacity: .55; }
    input.form-submit[id^='edit-cancel']:active, input.form-submit.nice-select.open[id^='edit-cancel'], input.form-submit[id^='edit-cancel']:focus, input.form-submit[id^='edit-cancel']:hover {
      text-decoration: none; }
    input.form-submit[id^='edit-cancel']:hover, input.form-submit[id^='edit-cancel']:active, input.form-submit.nice-select.open[id^='edit-cancel'] {
      color: #fff;
      background: #bf4a4a; }

.form-required::after {
  content: '*';
  margin-left: 1rem;
  color: #bf4a4a;
  display: inline-block; }

.form-item-password .error {
  color: #bf4a4a; }

.form-item-accept-terms-and-conditions {
  margin: 2rem 0; }

.form-item-membership {
  margin-bottom: 1rem; }

.form-item .description {
  margin-top: -0.9rem;
  margin-bottom: 0.9rem;
  font-size: 1.4rem; }

.webform-submission-form .form-item .description {
  margin-top: 0; }

#drupal-off-canvas .ausy-builder-browser-form .ab__browser-type .type__image img {
  max-width: 100%; }

#drupal-off-canvas .ausy-builder-browser-form input[type='text'] {
  border: 1px solid; }

*,
*::after,
*::before {
  box-sizing: inherit; }

html {
  box-sizing: border-box; }

body {
  background: #fff; }

iframe {
  border: 0;
  max-width: 100%; }

.clearfix::after {
  content: '';
  display: table;
  clear: both; }

dl {
  margin-bottom: 1.8rem; }
  dl dt {
    margin-top: 1.8rem; }
  dl dd {
    margin: 0; }

ul {
  list-style-position: inside;
  margin: 0 0 1.8rem;
  padding: 0; }
  ul ul {
    padding-left: 1.8rem; }

.list--unstyled {
  list-style: none;
  padding: 0; }

img,
picture {
  margin: 0;
  max-width: 100%;
  height: auto; }

table {
  border-collapse: collapse;
  margin: 1.8rem 0;
  table-layout: fixed;
  width: 100%; }

th {
  border-bottom: 1px solid #a4a4a4;
  font-weight: 600;
  padding: 1.8rem 1.2rem;
  text-align: left; }

td {
  border-bottom: 1px solid #dbdbdb;
  padding: 1.8rem 2.8rem; }

tr,
td,
th {
  vertical-align: middle; }

html {
  font-size: 10px; }

body {
  color: #666;
  font-family: "DINPro", Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "DINPro", Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 1.2;
  margin: 0 0 1.8rem; }

h1 {
  font-size: 4.8rem;
  font-weight: 700;
  color: #000; }

h2 {
  font-size: 2.8rem;
  font-weight: 700;
  color: #000; }

h3 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--cuc-colorscheme-color1); }

h4 {
  font-size: 1.6rem;
  font-weight: 400;
  color: #4a4a4a; }

p {
  margin: 0 0 1.8rem; }

a {
  color: #28528a;
  cursor: pointer;
  font-weight: 500;
  text-decoration: none;
  transition: color 150ms ease; }
  a:active, a.nice-select.open, a:focus, a:hover {
    color: var(--action-color-hover);
    text-decoration: underline; }

h3 a {
  color: #000;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600; }
  h3 a:hover {
    text-decoration: underline;
    color: #000; }

hr {
  border-bottom: 1px solid #dbdbdb;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 2.4rem 0; }

.contextual-links a {
  color: #333 !important; }

.align-left {
  float: left; }
  .align-left.embedded-entity {
    margin-right: 2.5rem;
    margin-bottom: 1rem;
    clear: both; }

.align-right {
  float: right; }
  .align-right.embedded-entity {
    margin-left: 2.5rem;
    margin-bottom: 1rem;
    clear: both; }

.align-center {
  text-align: center; }

.clearfixfloat::before {
  content: '';
  clear: both;
  display: table; }

.ab__messages > div {
  left: 1.5rem;
  right: auto; }

#drupal-off-canvas {
  background: #fff; }
  #drupal-off-canvas .form-text {
    background: #fff; }
  #drupal-off-canvas .ausy-builder-browser-form .ab__browser-type .type__label {
    color: #000; }

.ui-dialog.ausy-builder-dialog-modal .ui-dialog-buttonpane,
.ui-dialog.media-library-widget-modal .ui-dialog-buttonpane {
  display: block; }

.ui-dialog.ausy-builder-dialog-modal .ui-dialog-titlebar,
.ui-dialog.media-library-widget-modal .ui-dialog-titlebar,
.ui-dialog.ausy-builder-paragraphs-browser-dialog-modal .ui-dialog-titlebar {
  background: #afafaf; }

.ui-autocomplete,
.ui-dialog {
  background: #fff; }

.paragraph-is-unpublished {
  position: relative; }
  .paragraph-is-unpublished::before {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    background-image: repeating-linear-gradient(45deg, rgba(255, 0, 0, 0.35), rgba(255, 0, 0, 0.35) 3px, transparent 3px, transparent 50px); }

.background--primary {
  background: var(--cuc-colorscheme-color1);
  color: var(--cuc-colorscheme-color1-text-color); }

.background--secondary {
  background: var(--cuc-colorscheme-color2);
  color: var(--cuc-colorscheme-color2-text-color); }

.background--tertiary {
  background: var(--cuc-colorscheme-color3);
  color: var(--cuc-colorscheme-color3-text-color); }

.background--white {
  background: #fff; }

.background--primary h1,
.background--primary h2,
.background--primary h3,
.background--primary h4,
.background--primary h5,
.background--primary p,
.background--primary a, .background--secondary h1,
.background--secondary h2,
.background--secondary h3,
.background--secondary h4,
.background--secondary h5,
.background--secondary p,
.background--secondary a, .background--tertiary h1,
.background--tertiary h2,
.background--tertiary h3,
.background--tertiary h4,
.background--tertiary h5,
.background--tertiary p,
.background--tertiary a, .background--white h1,
.background--white h2,
.background--white h3,
.background--white h4,
.background--white h5,
.background--white p,
.background--white a {
  color: inherit; }

.ausy-builder-components .container-fluid {
  position: relative;
  right: 50%;
  left: 50%;
  width: 100vw;
  margin-right: -50vw;
  margin-left: -50vw; }
  .ausy-builder-components .container-fluid > .container__content {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.2rem;
    padding-right: 1.2rem; }
    @media (min-width: 960px) {
      .ausy-builder-components .container-fluid > .container__content {
        padding-left: 2.4rem;
        padding-right: 2.4rem; } }

.container__content .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.container__content .col {
  width: 100%;
  flex: 0 0 100%; }

.paragraph--type--columns-one,
.paragraph--type--columns-two-equal,
.paragraph--type--columns-two-asym-left,
.paragraph--type--columns-two-asym-right,
.paragraph--type--columns-three-equal,
.paragraph--type--columns-four-equal {
  margin-bottom: 2.5rem; }
  .paragraph--type--columns-one.background--primary, .paragraph--type--columns-one.background--secondary, .paragraph--type--columns-one.background--tertiary, .paragraph--type--columns-one.background--white,
  .paragraph--type--columns-two-equal.background--primary,
  .paragraph--type--columns-two-equal.background--secondary,
  .paragraph--type--columns-two-equal.background--tertiary,
  .paragraph--type--columns-two-equal.background--white,
  .paragraph--type--columns-two-asym-left.background--primary,
  .paragraph--type--columns-two-asym-left.background--secondary,
  .paragraph--type--columns-two-asym-left.background--tertiary,
  .paragraph--type--columns-two-asym-left.background--white,
  .paragraph--type--columns-two-asym-right.background--primary,
  .paragraph--type--columns-two-asym-right.background--secondary,
  .paragraph--type--columns-two-asym-right.background--tertiary,
  .paragraph--type--columns-two-asym-right.background--white,
  .paragraph--type--columns-three-equal.background--primary,
  .paragraph--type--columns-three-equal.background--secondary,
  .paragraph--type--columns-three-equal.background--tertiary,
  .paragraph--type--columns-three-equal.background--white,
  .paragraph--type--columns-four-equal.background--primary,
  .paragraph--type--columns-four-equal.background--secondary,
  .paragraph--type--columns-four-equal.background--tertiary,
  .paragraph--type--columns-four-equal.background--white {
    padding: 5rem 0; }
  .paragraph--type--columns-one.spacing--margin-bottom-none,
  .paragraph--type--columns-two-equal.spacing--margin-bottom-none,
  .paragraph--type--columns-two-asym-left.spacing--margin-bottom-none,
  .paragraph--type--columns-two-asym-right.spacing--margin-bottom-none,
  .paragraph--type--columns-three-equal.spacing--margin-bottom-none,
  .paragraph--type--columns-four-equal.spacing--margin-bottom-none {
    margin-bottom: 0; }
  .paragraph--type--columns-one.alignment--vertical-center .col,
  .paragraph--type--columns-two-equal.alignment--vertical-center .col,
  .paragraph--type--columns-two-asym-left.alignment--vertical-center .col,
  .paragraph--type--columns-two-asym-right.alignment--vertical-center .col,
  .paragraph--type--columns-three-equal.alignment--vertical-center .col,
  .paragraph--type--columns-four-equal.alignment--vertical-center .col {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap; }
  .paragraph--type--columns-one.container.background--primary, .paragraph--type--columns-one.container.background--secondary, .paragraph--type--columns-one.container.background--tertiary, .paragraph--type--columns-one.container.background--white,
  .paragraph--type--columns-two-equal.container.background--primary,
  .paragraph--type--columns-two-equal.container.background--secondary,
  .paragraph--type--columns-two-equal.container.background--tertiary,
  .paragraph--type--columns-two-equal.container.background--white,
  .paragraph--type--columns-two-asym-left.container.background--primary,
  .paragraph--type--columns-two-asym-left.container.background--secondary,
  .paragraph--type--columns-two-asym-left.container.background--tertiary,
  .paragraph--type--columns-two-asym-left.container.background--white,
  .paragraph--type--columns-two-asym-right.container.background--primary,
  .paragraph--type--columns-two-asym-right.container.background--secondary,
  .paragraph--type--columns-two-asym-right.container.background--tertiary,
  .paragraph--type--columns-two-asym-right.container.background--white,
  .paragraph--type--columns-three-equal.container.background--primary,
  .paragraph--type--columns-three-equal.container.background--secondary,
  .paragraph--type--columns-three-equal.container.background--tertiary,
  .paragraph--type--columns-three-equal.container.background--white,
  .paragraph--type--columns-four-equal.container.background--primary,
  .paragraph--type--columns-four-equal.container.background--secondary,
  .paragraph--type--columns-four-equal.container.background--tertiary,
  .paragraph--type--columns-four-equal.container.background--white {
    padding: 2.5rem; }
  .paragraph--type--columns-one.container.paragraphs-behavior-background,
  .paragraph--type--columns-two-equal.container.paragraphs-behavior-background,
  .paragraph--type--columns-two-asym-left.container.paragraphs-behavior-background,
  .paragraph--type--columns-two-asym-right.container.paragraphs-behavior-background,
  .paragraph--type--columns-three-equal.container.paragraphs-behavior-background,
  .paragraph--type--columns-four-equal.container.paragraphs-behavior-background {
    padding: 2.5rem; }

@media (min-width: 960px) {
  .paragraph--type--columns-two-equal .col {
    width: calc((100% - 6.5rem) / 2);
    flex: 0 0 calc((100% - 6.5rem) / 2); } }

@media (min-width: 960px) {
  .paragraph--type--columns-two-asym-left .col:first-of-type {
    width: calc((100% - 6.5rem) / 3);
    flex: 0 0 calc((100% - 6.5rem) / 3); } }

@media (min-width: 960px) {
  .paragraph--type--columns-two-asym-left .col:last-of-type {
    width: calc((100% - 6.5rem) / 3 * 2);
    flex: 0 0 calc((100% - 6.5rem) / 3 * 2); } }

@media (min-width: 960px) {
  .paragraph--type--columns-two-asym-right .col:first-of-type {
    width: calc((100% - 6.5rem) / 3 * 2);
    flex: 0 0 calc((100% - 6.5rem) / 3 * 2); } }

@media (min-width: 960px) {
  .paragraph--type--columns-two-asym-right .col:last-of-type {
    width: calc((100% - 6.5rem) / 3);
    flex: 0 0 calc((100% - 6.5rem) / 3); } }

@media (min-width: 960px) {
  .paragraph--type--columns-three-equal .col {
    width: calc((100% - 2 * 6.5rem) / 3);
    flex: 0 0 calc((100% - 2 * 6.5rem) / 3); } }

@media (min-width: 960px) {
  .paragraph--type--columns-four-equal .col {
    width: calc((100% - 6.5rem) / 2);
    flex: 0 0 calc((100% - 6.5rem) / 2); } }

@media (min-width: 1200px) {
  .paragraph--type--columns-four-equal .col {
    width: calc((100% - 3 * 6.5rem) / 4);
    flex: 0 0 calc((100% - 3 * 6.5rem) / 4); } }

.layout--catalog-item-detail .layout__region--top {
  position: relative;
  z-index: 1; }

.layout--catalog-item-detail .layout__region--main {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0; }

@media (min-width: 960px) {
  .layout--catalog-item-detail .layout__region--first {
    width: 74%; } }

@media (min-width: 960px) {
  .layout--catalog-item-detail .layout__region--second {
    width: 26%; } }

.layout--catalog-search-page .layout__region--top {
  border-bottom: solid 1px #dbdbdb;
  background: #fff;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: -2.4rem; }
  .layout--catalog-search-page .layout__region--top .layout__region--top-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.2rem;
    padding-right: 1.2rem; }
    @media (min-width: 960px) {
      .layout--catalog-search-page .layout__region--top .layout__region--top-container {
        padding-left: 2.4rem;
        padding-right: 2.4rem; } }

.layout--catalog-search-page .layout__region--main {
  margin-top: 2.4rem; }
  @media (min-width: 960px) {
    .layout--catalog-search-page .layout__region--main,
    .layout--catalog-search-page .layout__region--main .block-region-main {
      display: flex;
      flex-wrap: wrap; } }

.layout--catalog-search-page .block-system-breadcrumb-block {
  width: 100%; }

.layout--catalog-search-page .block-catalog-search-sort,
.layout--catalog-search-page .block-my-library-list-sort,
.layout--catalog-search-page .block-newspaper-archive-sort {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  margin-bottom: 2rem; }
  @media (min-width: 960px) {
    .layout--catalog-search-page .block-catalog-search-sort,
    .layout--catalog-search-page .block-my-library-list-sort,
    .layout--catalog-search-page .block-newspaper-archive-sort {
      margin-left: auto;
      margin-bottom: 3rem; } }

.layout--catalog-search-page .messages-wrapper {
  width: 100%; }

html,
body {
  height: 100%; }

body {
  margin: 0;
  padding: 0;
  border-top: 0; }
  @media (max-width: 959px) {
    body.noscroll-till-medium {
      overflow: hidden; } }

main,
.outer-wrapper {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.2rem;
  padding-right: 1.2rem; }
  @media (min-width: 960px) {
    main,
    .outer-wrapper {
      padding-left: 2.4rem;
      padding-right: 2.4rem; } }

main {
  display: block;
  margin: 2.4rem auto; }

.page {
  position: relative;
  overflow-x: hidden; }

@media (min-width: 768px) {
  .page-node-type-landing-page .pre-content,
  .my-library-page .pre-content, .page-node-type-landing-page
  .content,
  .my-library-page
  .content {
    padding-left: 0; } }

@media (max-width: 767px) {
  .mobile-no-footer .page {
    padding-bottom: 7.2rem; }
  .mobile-no-footer .post-content,
  .mobile-no-footer .site-footer {
    display: none; } }

.maintenance-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 400px; }
  .maintenance-page .maintenance-page-wrapper {
    flex: 0 1 auto; }
  .maintenance-page header {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.2rem;
    padding-right: 1.2rem; }
    @media (min-width: 960px) {
      .maintenance-page header {
        padding-left: 2.4rem;
        padding-right: 2.4rem; } }

.nice-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; }
  .nice-select:hover {
    border-color: #dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
  .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all 0.15s ease-in-out;
    width: 5px; }
  .nice-select.open:after {
    transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 1.4rem;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: 50% 0;
    transform: scale(0.75) translateY(-21px);
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f6f6f6; }
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }

.account-renewal-form .form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
  margin-top: 3.6rem; }
  .account-renewal-form .form-actions #edit-cancel {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
    font-family: "DINPro", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    color: #4a4a4a;
    background-image: linear-gradient(#ffffff, #efefef);
    background-color: transparent;
    font-size: 1.6rem;
    padding: 1.8rem 2.4rem;
    white-space: normal;
    color: #bf4a4a;
    border: 3px solid #bf4a4a;
    background-color: transparent;
    background-image: none;
    text-shadow: none;
    font-weight: 600; }
    .account-renewal-form .form-actions #edit-cancel:disabled {
      cursor: not-allowed;
      opacity: .55; }
    .account-renewal-form .form-actions #edit-cancel:active, .account-renewal-form .form-actions #edit-cancel.nice-select.open, .account-renewal-form .form-actions #edit-cancel:focus, .account-renewal-form .form-actions #edit-cancel:hover {
      text-decoration: none; }
    .account-renewal-form .form-actions #edit-cancel:hover, .account-renewal-form .form-actions #edit-cancel:active, .account-renewal-form .form-actions #edit-cancel.nice-select.open {
      color: #fff;
      background: #bf4a4a; }
  .account-renewal-form .form-actions #edit-back,
  .account-renewal-form .form-actions #edit-pay-later {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
    font-family: "DINPro", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    color: #4a4a4a;
    background-image: linear-gradient(#ffffff, #efefef);
    background-color: transparent;
    font-size: 1.6rem;
    padding: 1.8rem 2.4rem;
    color: #28528a;
    font-weight: 600;
    background: #fff;
    border: 2px solid #28528a;
    text-shadow: none; }
    .account-renewal-form .form-actions #edit-back:disabled,
    .account-renewal-form .form-actions #edit-pay-later:disabled {
      cursor: not-allowed;
      opacity: .55; }
    .account-renewal-form .form-actions #edit-back:active, .account-renewal-form .form-actions #edit-back.nice-select.open, .account-renewal-form .form-actions #edit-back:focus, .account-renewal-form .form-actions #edit-back:hover,
    .account-renewal-form .form-actions #edit-pay-later:active,
    .account-renewal-form .form-actions #edit-pay-later.nice-select.open,
    .account-renewal-form .form-actions #edit-pay-later:focus,
    .account-renewal-form .form-actions #edit-pay-later:hover {
      text-decoration: none; }
    @media (max-width: 479px) {
      .account-renewal-form .form-actions #edit-back,
      .account-renewal-form .form-actions #edit-pay-later {
        width: 100%; } }

.add-membership-confirmation-step,
.renew-membership-confirmation-step {
  display: flex;
  flex-direction: column;
  gap: 3.6rem;
  margin-bottom: 3.6rem; }
  .add-membership-confirmation-step__account-information, .add-membership-confirmation-step__membership,
  .renew-membership-confirmation-step__account-information,
  .renew-membership-confirmation-step__membership {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem; }
    .add-membership-confirmation-step__account-information__address-outdated, .add-membership-confirmation-step__membership__address-outdated,
    .renew-membership-confirmation-step__account-information__address-outdated,
    .renew-membership-confirmation-step__membership__address-outdated {
      color: #fff;
      background-color: var(--cuc-colorscheme-color1);
      border-radius: 5px;
      padding: .5rem 1rem;
      font-size: 1.5rem;
      margin-top: -.5rem; }
    .add-membership-confirmation-step__account-information__title, .add-membership-confirmation-step__membership__title,
    .renew-membership-confirmation-step__account-information__title,
    .renew-membership-confirmation-step__membership__title {
      width: 100%;
      flex-shrink: 0;
      font-weight: 700;
      font-size: 2rem; }
      @media (min-width: 768px) {
        .add-membership-confirmation-step__account-information__title, .add-membership-confirmation-step__membership__title,
        .renew-membership-confirmation-step__account-information__title,
        .renew-membership-confirmation-step__membership__title {
          width: 30%; } }
    .add-membership-confirmation-step__account-information__content, .add-membership-confirmation-step__membership__content,
    .renew-membership-confirmation-step__account-information__content,
    .renew-membership-confirmation-step__membership__content {
      display: flex;
      flex-direction: column;
      gap: 1.2rem;
      border: solid 1px #efefef;
      border-radius: 5px;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      flex-grow: 1;
      padding: 2.4rem; }
      @media (min-width: 768px) {
        .add-membership-confirmation-step__account-information__content .membership-content-item, .add-membership-confirmation-step__membership__content .membership-content-item,
        .renew-membership-confirmation-step__account-information__content .membership-content-item,
        .renew-membership-confirmation-step__membership__content .membership-content-item {
          display: flex;
          gap: 1.2rem; } }
      .add-membership-confirmation-step__account-information__content .membership-content-item__label, .add-membership-confirmation-step__membership__content .membership-content-item__label,
      .renew-membership-confirmation-step__account-information__content .membership-content-item__label,
      .renew-membership-confirmation-step__membership__content .membership-content-item__label {
        font-weight: 700; }
        @media (min-width: 768px) {
          .add-membership-confirmation-step__account-information__content .membership-content-item__label, .add-membership-confirmation-step__membership__content .membership-content-item__label,
          .renew-membership-confirmation-step__account-information__content .membership-content-item__label,
          .renew-membership-confirmation-step__membership__content .membership-content-item__label {
            width: 30%;
            flex-shrink: 0; } }
      .add-membership-confirmation-step__account-information__content .membership-content-item__value, .add-membership-confirmation-step__membership__content .membership-content-item__value,
      .renew-membership-confirmation-step__account-information__content .membership-content-item__value,
      .renew-membership-confirmation-step__membership__content .membership-content-item__value {
        display: flex;
        flex-wrap: wrap;
        gap: 1.2rem; }
      .add-membership-confirmation-step__account-information__content__cost, .add-membership-confirmation-step__membership__content__cost,
      .renew-membership-confirmation-step__account-information__content__cost,
      .renew-membership-confirmation-step__membership__content__cost {
        background-color: #fff9c5;
        padding: .5rem 1rem;
        font-weight: 700; }
  .add-membership-confirmation-step__conditions,
  .renew-membership-confirmation-step__conditions {
    border: solid 1px #efefef;
    border-radius: 5px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); }
    .add-membership-confirmation-step__conditions__title,
    .renew-membership-confirmation-step__conditions__title {
      margin-bottom: 0;
      padding: 2.4rem;
      background-color: #efefef; }
    .add-membership-confirmation-step__conditions__content,
    .renew-membership-confirmation-step__conditions__content {
      padding: 2.4rem; }
      .add-membership-confirmation-step__conditions__content h3,
      .renew-membership-confirmation-step__conditions__content h3 {
        color: #666; }
      .add-membership-confirmation-step__conditions__content__entry,
      .renew-membership-confirmation-step__conditions__content__entry {
        margin-bottom: 2rem; }
        .add-membership-confirmation-step__conditions__content__entry:last-child,
        .renew-membership-confirmation-step__conditions__content__entry:last-child {
          margin-bottom: 0; }

.add-membership-pay-online-step__subscription,
.renew-membership-pay-online-step__subscription {
  border: solid 1px #efefef;
  border-radius: 5px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  display: inline-block; }
  .add-membership-pay-online-step__subscription__top, .add-membership-pay-online-step__subscription__bottom,
  .renew-membership-pay-online-step__subscription__top,
  .renew-membership-pay-online-step__subscription__bottom {
    padding: 2rem 6rem 2rem 2rem; }
  .add-membership-pay-online-step__subscription__bottom,
  .renew-membership-pay-online-step__subscription__bottom {
    background-color: #efefef; }
  .add-membership-pay-online-step__subscription__label,
  .renew-membership-pay-online-step__subscription__label {
    color: #999;
    font-size: 1.5rem; }
  .add-membership-pay-online-step__subscription__subscription-type,
  .renew-membership-pay-online-step__subscription__subscription-type {
    font-weight: 700; }
  .add-membership-pay-online-step__subscription__cost,
  .renew-membership-pay-online-step__subscription__cost {
    color: #f00; }

.add-new-card-confirmation__intro {
  margin-top: 2rem; }

.renew-membership-account-renewed-step .library-account-teaser {
  margin-bottom: 2rem; }

.add-new-card-confirmation__actions,
.renew-membership-account-renewed-step__actions,
.wise-reservation-confirmation__actions {
  border-radius: 5px;
  border: solid 1px #efefef;
  margin: 4rem 0; }
  .add-new-card-confirmation__actions__title,
  .renew-membership-account-renewed-step__actions__title,
  .wise-reservation-confirmation__actions__title {
    color: #000;
    background-color: #fff9c5;
    padding: 2rem;
    font-size: 2rem;
    font-weight: 700; }
    .add-new-card-confirmation__actions__title i,
    .renew-membership-account-renewed-step__actions__title i,
    .wise-reservation-confirmation__actions__title i {
      color: #ffa07a;
      font-size: 2.5rem;
      margin-right: 1.5rem; }
  .add-new-card-confirmation__actions__content,
  .renew-membership-account-renewed-step__actions__content,
  .wise-reservation-confirmation__actions__content {
    padding: 2rem; }
    .add-new-card-confirmation__actions__content .library-account-teaser,
    .renew-membership-account-renewed-step__actions__content .library-account-teaser,
    .wise-reservation-confirmation__actions__content .library-account-teaser {
      margin-bottom: 2rem; }
  .add-new-card-confirmation__actions__section,
  .renew-membership-account-renewed-step__actions__section,
  .wise-reservation-confirmation__actions__section {
    display: flex;
    margin-bottom: 2rem; }
    .add-new-card-confirmation__actions__section p,
    .renew-membership-account-renewed-step__actions__section p,
    .wise-reservation-confirmation__actions__section p {
      margin: 1rem 0; }
    .add-new-card-confirmation__actions__section__icon,
    .renew-membership-account-renewed-step__actions__section__icon,
    .wise-reservation-confirmation__actions__section__icon {
      border-radius: 50%;
      background-color: #fff9c5;
      width: 50px;
      height: 50px;
      font-size: 3rem;
      color: #ffa07a;
      text-align: center;
      border: dashed 1px; }
      .add-new-card-confirmation__actions__section__icon i,
      .renew-membership-account-renewed-step__actions__section__icon i,
      .wise-reservation-confirmation__actions__section__icon i {
        width: 50px; }
    .add-new-card-confirmation__actions__section__content,
    .renew-membership-account-renewed-step__actions__section__content,
    .wise-reservation-confirmation__actions__section__content {
      padding-left: 3rem; }
      .add-new-card-confirmation__actions__section__content__validation-date,
      .renew-membership-account-renewed-step__actions__section__content__validation-date,
      .wise-reservation-confirmation__actions__section__content__validation-date {
        color: #ffa07a; }

.event-detail h1 {
  font-size: 36px; }
  @media (max-width: 767px) {
    .event-detail h1 {
      display: none; } }

.event-detail article {
  display: flex;
  flex-direction: column-reverse; }
  .event-detail article main {
    margin: 0;
    padding: 0;
    width: 100%; }
    .event-detail article main h2 {
      display: none; }
    @media (min-width: 768px) {
      .event-detail article main {
        width: 75%;
        padding: 0 5rem 0 0; }
        .event-detail article main h2 {
          display: block; } }
  .event-detail article aside {
    width: 100%; }
    @media (min-width: 768px) {
      .event-detail article aside {
        width: 25%;
        margin: 0; }
        .event-detail article aside h2 {
          display: none; } }
    .event-detail article aside .event-detail__info {
      padding: .5rem;
      background-color: var(--cuc-colorscheme-color1);
      position: relative;
      margin-bottom: 7.2rem; }
      .event-detail article aside .event-detail__info::after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 60px 100px 0 0;
        border-color: var(--cuc-colorscheme-color1) transparent transparent;
        content: '';
        position: absolute;
        float: right;
        right: 0;
        bottom: -6rem; }
      .event-detail article aside .event-detail__info p {
        font-size: 14px; }
      .event-detail article aside .event-detail__info h3 {
        font-weight: bold;
        font-size: 14px;
        line-height: 15px;
        color: #000;
        margin-bottom: 13px;
        text-transform: none; }
      .event-detail article aside .event-detail__info .inner {
        padding: 4rem 3rem;
        background-color: #fff; }
      @media (min-width: 768px) {
        .event-detail article aside .event-detail__info {
          margin-bottom: 0; } }
  @media (min-width: 768px) {
    .event-detail article {
      flex-direction: row;
      margin-bottom: 7.2rem; } }

.event-detail__main-content--intro {
  font-size: 18px;
  font-weight: 700;
  color: #000; }
  @media (min-width: 768px) {
    .event-detail__main-content--intro {
      font-size: 24px;
      font-weight: 500; } }

.event-detail .field--type-webform {
  background-color: #f9f9f9;
  padding: 4rem 4rem 4rem 8rem; }
  @media (max-width: 767px) {
    .event-detail .field--type-webform {
      padding: 2rem; } }
  .event-detail .field--type-webform .field__label {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px; }
    @media (max-width: 767px) {
      .event-detail .field--type-webform .field__label {
        font-size: 28px; } }
  .event-detail .field--type-webform .field__label,
  .event-detail .field--type-webform .field__items {
    width: 100%; }
    @media (min-width: 768px) {
      .event-detail .field--type-webform .field__label,
      .event-detail .field--type-webform .field__items {
        width: 50%; } }

.articles-agenda-teaser-block {
  display: flex;
  flex-direction: column;
  margin: 8rem -1.2rem 4.8rem; }
  @media (min-width: 768px) {
    .articles-agenda-teaser-block {
      flex-direction: row;
      margin-left: 0;
      margin-right: 0;
      margin-top: 2rem; } }
  .articles-agenda-teaser-block .teaser-block-upcoming-events h2,
  .articles-agenda-teaser-block .teaser-block-latest-news h2 {
    background-color: #fff;
    text-transform: none;
    margin: 0;
    padding: 3rem 1rem;
    line-height: 15px;
    font-size: 14px;
    letter-spacing: .2em;
    color: rgba(0, 0, 0, 0.6); }
    @media (min-width: 768px) {
      .articles-agenda-teaser-block .teaser-block-upcoming-events h2,
      .articles-agenda-teaser-block .teaser-block-latest-news h2 {
        padding: 3rem; } }
  .articles-agenda-teaser-block .teaser-block-upcoming-events .line-item a,
  .articles-agenda-teaser-block .teaser-block-latest-news .line-item a {
    padding: 1rem;
    display: block;
    position: relative;
    border-bottom: 2px solid #fff;
    transition: all .1s;
    background: #fff;
    z-index: 1;
    margin-bottom: 1rem;
    color: #000;
    text-decoration: none; }
    .articles-agenda-teaser-block .teaser-block-upcoming-events .line-item a h3,
    .articles-agenda-teaser-block .teaser-block-latest-news .line-item a h3 {
      color: inherit;
      font-size: inherit;
      font-weight: inherit;
      margin: 0; }
    @media (min-width: 768px) {
      .articles-agenda-teaser-block .teaser-block-upcoming-events .line-item a,
      .articles-agenda-teaser-block .teaser-block-latest-news .line-item a {
        padding: 1rem 3rem; } }
    .articles-agenda-teaser-block .teaser-block-upcoming-events .line-item a::after,
    .articles-agenda-teaser-block .teaser-block-latest-news .line-item a::after {
      content: "\F0D8";
      color: #c6c6c6;
      transform: rotate(90deg);
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      position: absolute;
      top: 48%;
      right: 20px; }
    .articles-agenda-teaser-block .teaser-block-upcoming-events .line-item a:hover,
    .articles-agenda-teaser-block .teaser-block-latest-news .line-item a:hover {
      transform: scale(1.05);
      z-index: 2;
      text-transform: none;
      border: 0;
      border-bottom: 2px solid #28528a;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      border-radius: 0;
      background: #fff; }
      .articles-agenda-teaser-block .teaser-block-upcoming-events .line-item a:hover::after,
      .articles-agenda-teaser-block .teaser-block-latest-news .line-item a:hover::after {
        color: #3f4547; }
    .articles-agenda-teaser-block .teaser-block-upcoming-events .line-item a .title,
    .articles-agenda-teaser-block .teaser-block-latest-news .line-item a .title {
      margin-bottom: 1.8rem;
      color: #000;
      font-size: 18px;
      font-weight: bold;
      line-height: 19px; }
    .articles-agenda-teaser-block .teaser-block-upcoming-events .line-item a dl dt,
    .articles-agenda-teaser-block .teaser-block-latest-news .line-item a dl dt {
      float: left;
      max-width: 40%;
      font-weight: normal;
      margin-top: 0; }
    .articles-agenda-teaser-block .teaser-block-upcoming-events .line-item a dl dd,
    .articles-agenda-teaser-block .teaser-block-latest-news .line-item a dl dd {
      color: #737373;
      margin-left: 35%;
      margin-bottom: .5em; }
    .articles-agenda-teaser-block .teaser-block-upcoming-events .line-item a dl dd::after,
    .articles-agenda-teaser-block .teaser-block-latest-news .line-item a dl dd::after {
      content: ' ';
      display: block;
      clear: left; }
  .articles-agenda-teaser-block .teaser-block-latest-news {
    width: 100%;
    padding-left: 3rem;
    padding-right: 3rem; }
    @media (min-width: 768px) {
      .articles-agenda-teaser-block .teaser-block-latest-news {
        width: 50%;
        margin-right: 5%;
        padding-left: 8rem;
        padding-right: 0; }
        .articles-agenda-teaser-block .teaser-block-latest-news:only-child {
          width: 100%; } }
    @media (max-width: 767px) {
      .articles-agenda-teaser-block .teaser-block-latest-news {
        margin-bottom: 4rem; } }
    .articles-agenda-teaser-block .teaser-block-latest-news h2 {
      margin-top: 5rem;
      margin-bottom: 3.6rem;
      padding: 0; }
    .articles-agenda-teaser-block .teaser-block-latest-news .line-item a {
      border-bottom: 1px solid #c6c6c6;
      padding: 2rem 0;
      margin-bottom: 0; }
      .articles-agenda-teaser-block .teaser-block-latest-news .line-item a::after {
        top: 35%; }
      .articles-agenda-teaser-block .teaser-block-latest-news .line-item a:hover {
        padding-left: 1.3rem;
        font-weight: bold; }
    .articles-agenda-teaser-block .teaser-block-latest-news .line-item:last-child a {
      border-bottom: 0; }
    .articles-agenda-teaser-block .teaser-block-latest-news .more-link {
      margin-top: 4.8rem;
      font-weight: 600;
      font-size: 14px; }
  .articles-agenda-teaser-block .teaser-block-upcoming-events {
    width: 100%;
    margin-bottom: 3.6rem; }
    @media (min-width: 768px) {
      .articles-agenda-teaser-block .teaser-block-upcoming-events {
        width: 40%;
        margin-left: auto; }
        .articles-agenda-teaser-block .teaser-block-upcoming-events:only-child {
          width: 100%; } }
    .articles-agenda-teaser-block .teaser-block-upcoming-events .events-wrapper {
      padding: .5rem;
      background-color: var(--cuc-colorscheme-color3);
      position: relative; }
      .articles-agenda-teaser-block .teaser-block-upcoming-events .events-wrapper::after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 60px 100px 0 0;
        border-color: var(--cuc-colorscheme-color3) transparent transparent;
        content: '';
        position: absolute;
        float: right;
        right: 0;
        bottom: -6rem; }
    .articles-agenda-teaser-block .teaser-block-upcoming-events .views-element-container {
      background-color: #fff; }
    .articles-agenda-teaser-block .teaser-block-upcoming-events .more-link {
      padding: 4.8rem 2.4rem;
      font-weight: 600;
      font-size: 14px; }

.view--agenda .pager {
  margin-top: 1rem; }

.block-uit-agenda-block .section-heading a {
  margin-bottom: 5rem;
  display: block; }

.section--agenda {
  margin-top: 7.2rem; }
  @media (min-width: 768px) {
    .section--agenda .section--agenda-items {
      display: flex;
      flex-wrap: wrap; } }
  .section--agenda .section-heading {
    margin-bottom: 7.2rem; }
    @media (min-width: 960px) {
      .section--agenda .section-heading {
        display: flex;
        justify-content: space-between; } }
    .section--agenda .section-heading h2 {
      margin-bottom: 0; }
    .section--agenda .section-heading a {
      display: block;
      margin: 0 0 2.4rem 3.6rem; }
  .section--agenda .section-footer {
    text-align: right; }
    .section--agenda .section-footer a {
      font-weight: 600;
      font-size: 14px; }
  .section--agenda .panel--agenda-item-highlight {
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    margin-bottom: 3.6rem;
    padding-bottom: 3.6rem; }
    @media (max-width: 767px) {
      .section--agenda .panel--agenda-item-highlight {
        margin-bottom: 7.2rem; } }
    @media (min-width: 768px) and (max-width: 959px) {
      .section--agenda .panel--agenda-item-highlight {
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%; }
        .section--agenda .panel--agenda-item-highlight:last-child {
          margin-right: 0; }
        .section--agenda .panel--agenda-item-highlight:nth-of-type(2n + 2) {
          margin-right: 0; } }
    @media (min-width: 960px) {
      .section--agenda .panel--agenda-item-highlight {
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%; }
        .section--agenda .panel--agenda-item-highlight:last-child {
          margin-right: 0; }
        .section--agenda .panel--agenda-item-highlight:nth-of-type(3n) {
          margin-right: 0; } }
    .section--agenda .panel--agenda-item-highlight h2 {
      background-color: var(--cuc-colorscheme-color1);
      color: var(--cuc-colorscheme-color1-text-color);
      font-size: 14px;
      letter-spacing: .2em;
      text-transform: none;
      height: 50px;
      display: flex;
      align-items: center;
      border-radius: 3px;
      padding-left: 1.2rem;
      padding-right: 1.2rem;
      margin: -25px auto 2.4rem;
      font-weight: 700; }
    .section--agenda .panel--agenda-item-highlight h3 {
      padding: 0;
      font-size: 18px;
      color: #000;
      margin-right: 0;
      margin-left: 0;
      margin-top: 6rem; }
    .section--agenda .panel--agenda-item-highlight .event-image {
      padding-right: 0;
      padding-left: 0; }
    .section--agenda .panel--agenda-item-highlight img {
      width: 100%;
      height: auto; }
    .section--agenda .panel--agenda-item-highlight dl {
      font-size: 1.4rem;
      border: 1px solid #dbdbdb;
      border-radius: 3px;
      background-color: #f9f9f9;
      margin: 4rem 0; }
      .section--agenda .panel--agenda-item-highlight dl dt {
        padding: .5rem .5rem .5rem 1.5rem;
        margin-top: 0;
        width: 20%;
        display: inline-block;
        float: left;
        font-weight: normal;
        color: #4a4a4a;
        height: 100%;
        clear: both; }
        @media (max-width: 767px) {
          .section--agenda .panel--agenda-item-highlight dl dt {
            font-size: 14px !important;
            font-weight: 600;
            display: block;
            width: 100%;
            background-color: #f9f9f9;
            margin-bottom: 1rem; } }
      .section--agenda .panel--agenda-item-highlight dl dd {
        padding: 0 .5rem .5rem 1.5rem;
        font-weight: normal;
        display: inline-block;
        width: 65%;
        line-height: 25px;
        font-size: 16px;
        color: #333333; }
        .section--agenda .panel--agenda-item-highlight dl dd span {
          display: inline-block; }
          .section--agenda .panel--agenda-item-highlight dl dd span:first-of-type {
            margin-left: 0; }
          .section--agenda .panel--agenda-item-highlight dl dd span.inline-data {
            display: inline; }
            .section--agenda .panel--agenda-item-highlight dl dd span.inline-data::after {
              content: '-';
              display: inline-block;
              margin-right: 1rem;
              margin-left: 1em; }
            .section--agenda .panel--agenda-item-highlight dl dd span.inline-data:first-of-type {
              margin-right: 0; }
            .section--agenda .panel--agenda-item-highlight dl dd span.inline-data:last-of-type {
              margin-left: 0; }
              .section--agenda .panel--agenda-item-highlight dl dd span.inline-data:last-of-type::after {
                display: none; }
        @media (max-width: 767px) {
          .section--agenda .panel--agenda-item-highlight dl dd {
            display: block;
            width: 100%;
            border-left: 0 solid #dbdbdb;
            margin-bottom: 1rem; } }
      .section--agenda .panel--agenda-item-highlight dl span {
        display: inline; }
    .section--agenda .panel--agenda-item-highlight .event-read-more a {
      font-weight: 600;
      font-size: 14px; }
  @media (min-width: 960px) {
    .section--agenda.section--agenda-result-count-2 .panel--agenda-item-highlight {
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%; }
      .section--agenda.section--agenda-result-count-2 .panel--agenda-item-highlight:last-child {
        margin-right: 0; }
      .section--agenda.section--agenda-result-count-2 .panel--agenda-item-highlight:nth-of-type(2n + 2) {
        margin-right: 0; } }

.panel--agenda-item-teaser {
  padding-top: 3rem;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 3rem; }
  @media (min-width: 480px) {
    .panel--agenda-item-teaser {
      display: flex; } }
  .panel--agenda-item-teaser:first-child {
    padding-top: 0; }
  .panel--agenda-item-teaser .event-image {
    width: 100%; }
    @media (min-width: 480px) {
      .panel--agenda-item-teaser .event-image {
        width: 35%;
        margin: 0 1.8rem 0.6rem 0; } }
    @media (min-width: 768px) {
      .panel--agenda-item-teaser .event-image {
        width: 20%;
        margin: 0 3.6rem 0.6rem 0; } }
  .panel--agenda-item-teaser .event-info {
    width: 100%; }
    @media (min-width: 480px) {
      .panel--agenda-item-teaser .event-info {
        width: 65%; } }
    @media (min-width: 768px) {
      .panel--agenda-item-teaser .event-info {
        width: 80%; } }
  .panel--agenda-item-teaser p {
    margin: 1.8rem 0; }
  .panel--agenda-item-teaser dl {
    margin: 1.8rem 0;
    font-size: 1.4rem; }
    .panel--agenda-item-teaser dl dt {
      margin-top: 0;
      font-weight: 700;
      text-transform: none;
      color: #4a4a4a;
      display: block; }
      @media (min-width: 480px) {
        .panel--agenda-item-teaser dl dt {
          width: 8em;
          float: left; } }
    .panel--agenda-item-teaser dl dd {
      display: inline-block; }
  .panel--agenda-item-teaser .event-read-more a {
    font-weight: 600; }

.anchor-menu {
  transition: margin .3s ease;
  margin-top: 0;
  position: relative; }

.basic-page-has-scroll-spy .anchor-menu {
  border-bottom: 1px solid #dbdbdb;
  box-sizing: border-box;
  box-shadow: 0 4px 3px rgba(0, 0, 0, 0.15);
  z-index: 503;
  display: block;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  margin-bottom: 1.8rem; }
  .basic-page-has-scroll-spy .anchor-menu .anchor-menu--wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    display: flex; }
    @media (min-width: 960px) {
      .basic-page-has-scroll-spy .anchor-menu .anchor-menu--wrapper {
        padding-left: 2.4rem;
        padding-right: 2.4rem; } }
    @media (max-width: 959px) {
      .basic-page-has-scroll-spy .anchor-menu .anchor-menu--wrapper {
        flex-direction: column; } }
    .basic-page-has-scroll-spy .anchor-menu .anchor-menu--wrapper .anchor-menu--header {
      flex: 1 1 30%;
      font-size: 16px;
      font-weight: bold;
      color: #000;
      margin: auto 0; }
    .basic-page-has-scroll-spy .anchor-menu .anchor-menu--wrapper .anchor-menu--nav {
      flex: 1 1 70%;
      position: relative; }
  .basic-page-has-scroll-spy .anchor-menu.fixed {
    border-top: 3px solid var(--cuc-colorscheme-color2);
    position: fixed;
    top: 0;
    left: 0;
    margin-bottom: 0; }

.zg-ul-select {
  cursor: pointer;
  font-size: 14px;
  color: #666;
  margin: 0;
  background: #fff;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  border-radius: 4px;
  width: 100%;
  box-shadow: 0 2px 0 #f2f2f2;
  overflow: hidden; }
  .zg-ul-select::before {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
    content: "\F0DD"; }
  @media (min-width: 768px) {
    .zg-ul-select {
      width: 550px; } }
  .zg-ul-select a {
    padding: 1rem; }
  .zg-ul-select::before {
    position: relative;
    float: right;
    top: 17px;
    right: calc(10px + 1rem);
    transform: translateY(-50%);
    transition: transform .3s ease-in;
    color: var(--cuc-colorscheme-color2); }
  .zg-ul-select li {
    display: none; }
    .zg-ul-select li.active {
      display: block;
      cursor: pointer;
      font-size: 14px;
      color: #666;
      margin: 0; }
      @media (min-width: 768px) {
        .zg-ul-select li.active {
          width: 550px; } }
      .zg-ul-select li.active a {
        padding: 1rem;
        font-size: 14px;
        color: #666;
        text-decoration: none;
        font-weight: 700;
        background-color: #f9f9f9; }
      .zg-ul-select li.active a {
        background-color: transparent;
        display: block;
        width: calc(100% - 2px); }
  .zg-ul-select.active {
    border: 1px solid #dbdbdb;
    border-radius: 0 0 4px 4px;
    border-top: 0;
    position: absolute;
    box-shadow: none; }
    .zg-ul-select.active::before {
      content: ''; }
    .zg-ul-select.active li {
      border: 0;
      box-shadow: none;
      display: block; }
      .zg-ul-select.active li a {
        display: block;
        font-size: 14px;
        color: #666;
        text-decoration: none;
        background-color: transparent; }
        .zg-ul-select.active li a:hover {
          background-color: #e5e5e5; }
      .zg-ul-select.active li.active a {
        background-color: #f2f2f2; }

#selected--zg-ul-select.active {
  display: block;
  padding: 1rem;
  background: #fff;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  box-shadow: none;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  font-size: 14px;
  color: #666; }
  #selected--zg-ul-select.active::before {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
    content: "\F0DD"; }
  @media (min-width: 768px) {
    #selected--zg-ul-select.active {
      width: 550px; } }
  #selected--zg-ul-select.active::before {
    position: relative;
    float: right;
    top: 5px;
    right: 10px;
    transform: rotate(180deg); }

.block-newspaper-article-download {
  margin: 3.6rem 0; }
  .block-newspaper-article-download a:not(:last-child) {
    margin-right: 2.4rem; }
  .block-newspaper-article-download a.download {
    background: none;
    color: #28528a;
    border: 0;
    padding: 0;
    font: inherit;
    cursor: pointer;
    box-shadow: none;
    -webkit-font-smoothing: initial;
    display: inline-block;
    transition: color 150ms ease;
    text-decoration: underline;
    text-shadow: none;
    padding: 0 2rem;
    border-radius: 180px;
    background-color: var(--color-button);
    color: #fff;
    line-height: 40px;
    text-decoration: none; }
    .block-newspaper-article-download a.download::before {
      display: inline-block;
      font: normal normal normal 2rem / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 2rem;
      content: "\F019"; }
    @media (max-width: 767px) {
      .block-newspaper-article-download a.download {
        padding: 0 1rem;
        font-size: 12px; } }
    .block-newspaper-article-download a.download::before {
      font-size: 2rem;
      color: #fff;
      margin-right: 1rem;
      display: inline-block; }
    .block-newspaper-article-download a.download:hover {
      color: #fff; }
    @media (max-width: 320px) {
      .block-newspaper-article-download a.download {
        margin-bottom: 1rem; } }
  .block-newspaper-article-download a.print {
    background: none;
    color: #28528a;
    border: 0;
    padding: 0;
    font: inherit;
    cursor: pointer;
    box-shadow: none;
    -webkit-font-smoothing: initial;
    display: inline-block;
    transition: color 150ms ease;
    text-decoration: underline;
    text-shadow: none;
    padding: 0 2rem;
    border-radius: 180px;
    background-color: var(--color-button);
    color: #fff;
    line-height: 40px;
    text-decoration: none; }
    .block-newspaper-article-download a.print::before {
      display: inline-block;
      font: normal normal normal 2rem / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 2rem;
      content: "\F02F"; }
    @media (max-width: 767px) {
      .block-newspaper-article-download a.print {
        padding: 0 1rem;
        font-size: 12px; } }
    .block-newspaper-article-download a.print::before {
      font-size: 2rem;
      color: #fff;
      margin-right: 1rem;
      display: inline-block; }
    .block-newspaper-article-download a.print:hover {
      color: #fff; }

.portal-bigpipe-placeholder {
  flex-basis: 100%; }
  .portal-bigpipe-placeholder span[data-big-pipe-placeholder-id],
  .portal-bigpipe-placeholder span[data-big-pipe-placeholder-id]::before,
  .portal-bigpipe-placeholder span[data-big-pipe-placeholder-id]::after {
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation: bigpipe-loading 1.8s infinite ease-in-out;
            animation: bigpipe-loading 1.8s infinite ease-in-out; }
  .portal-bigpipe-placeholder span[data-big-pipe-placeholder-id] {
    color: #28528a;
    font-size: 10px;
    margin: 0 auto 70px;
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0);
    -webkit-animation-delay: -.27s;
            animation-delay: -.27s;
    display: block; }
  .portal-bigpipe-placeholder span[data-big-pipe-placeholder-id]::before,
  .portal-bigpipe-placeholder span[data-big-pipe-placeholder-id]::after {
    content: '';
    position: absolute;
    top: 0; }
  .portal-bigpipe-placeholder span[data-big-pipe-placeholder-id]::before {
    left: -2.5em;
    -webkit-animation-delay: -.532s;
            animation-delay: -.532s; }
  .portal-bigpipe-placeholder span[data-big-pipe-placeholder-id]::after {
    left: 2.5em; }

@-webkit-keyframes bigpipe-loading {
  0%,
  80%,
  100% {
    box-shadow: 0 1.5em 0 -1.3em; }
  40% {
    box-shadow: 0 1.5em 0 0; } }

@keyframes bigpipe-loading {
  0%,
  80%,
  100% {
    box-shadow: 0 1.5em 0 -1.3em; }
  40% {
    box-shadow: 0 1.5em 0 0; } }

.block-library-portal-core-wiki-author-block,
.block-catalog-item-reviews-block,
.block-catalog-item-suggestions-block {
  background-color: #f9f9f9;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%); }
  @media (max-width: 767px) {
    .block-library-portal-core-wiki-author-block,
    .block-catalog-item-reviews-block,
    .block-catalog-item-suggestions-block {
      background-color: #fff; }
      .block-library-portal-core-wiki-author-block .block-wrapper div > h2,
      .block-catalog-item-reviews-block .block-wrapper div > h2,
      .block-catalog-item-suggestions-block .block-wrapper div > h2 {
        padding-left: 2.4rem; } }
  @media (min-width: 768px) {
    .block-library-portal-core-wiki-author-block .block-wrapper,
    .block-catalog-item-reviews-block .block-wrapper,
    .block-catalog-item-suggestions-block .block-wrapper {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 1.2rem;
      padding-right: 1.2rem; } }
  @media (min-width: 768px) and (min-width: 960px) {
    .block-library-portal-core-wiki-author-block .block-wrapper,
    .block-catalog-item-reviews-block .block-wrapper,
    .block-catalog-item-suggestions-block .block-wrapper {
      padding-left: 2.4rem;
      padding-right: 2.4rem; } }

.block-catalog-item-suggestions-block {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 3rem 0 0; }
  @media (max-width: 767px) {
    .block-catalog-item-suggestions-block {
      background-color: #f9f9f9; }
      .block-catalog-item-suggestions-block h2 {
        padding-left: 2.4rem;
        margin-top: 3.2rem !important; } }
  @media (max-width: 767px) {
    .block-catalog-item-suggestions-block {
      padding: 0; } }
  .block-catalog-item-suggestions-block .ui-accordion-content {
    padding: 0 !important;
    background-color: transparent !important; }
    .block-catalog-item-suggestions-block .ui-accordion-content .cuc-owl-container {
      display: flex;
      width: 120%;
      max-width: 120%;
      margin-left: -10%;
      background-color: #fff;
      padding: 2.4rem 0; }

.block-library-portal-core-wiki-author-block .content {
  background: #fff;
  border: 1px solid #dbdbdb !important;
  box-sizing: border-box;
  border-radius: 6px;
  padding: 2.4rem; }
  @media (max-width: 767px) {
    .block-library-portal-core-wiki-author-block .content {
      border: 0 solid #dbdbdb !important;
      padding-top: 0; } }

.block-library-portal-core-wiki-author-block,
.block-catalog-item-reviews-block {
  padding: 2rem 0; }
  @media (max-width: 767px) {
    .block-library-portal-core-wiki-author-block,
    .block-catalog-item-reviews-block {
      padding: 0;
      border: 0 solid #dbdbdb !important; } }

@media (max-width: 767px) {
  .block-catalog-item-reviews-block {
    background-color: #fff !important; }
    .block-catalog-item-reviews-block .ui-tabs {
      padding: 0 !important; } }

.block-catalog-item-reviews-block .ui-accordion-content {
  padding: 0 !important;
  background-color: transparent !important; }
  .block-catalog-item-reviews-block .ui-accordion-content .ui-tabs-nav {
    padding: 0; }
  .block-catalog-item-reviews-block .ui-accordion-content .ui-tabs-panel {
    padding: 2.6rem !important;
    background-color: #f9f9f9 !important; }
  .block-catalog-item-reviews-block .ui-accordion-content .ui-tabs {
    padding: 0 !important; }

@media (max-width: 767px) {
  .block-library-portal-catalog .block-wrapper div > h2 {
    padding-left: 2.4rem; } }

.block-library-portal-catalog .block-wrapper h2 {
  margin: 0 0 3.6rem; }

.portal-bigpipe-placeholder > h2 {
  margin: 0 0 3.6rem; }
  @media (max-width: 767px) {
    .portal-bigpipe-placeholder > h2 {
      padding-left: 2.4rem; } }

.catalog-item-author-wiki__section-second h2 {
  padding-left: 0 !important; }

@media (min-width: 960px) {
  .block--library-search-filter-refine__close {
    display: none; } }

.block--library-search-filter-refine {
  padding: 1rem 0; }
  .block--library-search-filter-refine #edit-pubyearrange .form__filters-wrapper {
    min-width: 230px; }
    .block--library-search-filter-refine #edit-pubyearrange .form__filters-wrapper .filters .form-item-pubyearrange-fromdate,
    .block--library-search-filter-refine #edit-pubyearrange .form__filters-wrapper .filters .form-item-pubyearrange-todate {
      padding-bottom: 1rem; }
  .block--library-search-filter-refine #edit-pubyearrange .js-form-type-number {
    float: left;
    display: flex;
    align-items: center; }
    @media (max-width: 959px) {
      .block--library-search-filter-refine #edit-pubyearrange .js-form-type-number {
        margin-top: 1rem; } }
    .block--library-search-filter-refine #edit-pubyearrange .js-form-type-number label {
      margin: 0 20px; }
    .block--library-search-filter-refine #edit-pubyearrange .js-form-type-number input {
      width: 75px;
      margin-bottom: 0; }
  @media (min-width: 480px) and (max-width: 959px) {
    .block--library-search-filter-refine #edit-pubyearrange .form-submit {
      margin-left: 2.4rem;
      margin-top: 1.5rem; } }

@media (min-width: 960px) {
  .block-library-portal-catalog-search-facet-block .block--library-search-filter-refine__close {
    display: none; }
  .block-library-portal-catalog-search-facet-block .block--library-search-filter-refine {
    display: flex; }
    .block-library-portal-catalog-search-facet-block .block--library-search-filter-refine .button {
      margin-top: 1rem;
      margin-bottom: 1rem;
      padding: .53rem 2.4rem;
      width: 100%; } }
    @media (min-width: 960px) and (min-width: 960px) {
      .block-library-portal-catalog-search-facet-block .block--library-search-filter-refine .button {
        display: block; } }

@media (min-width: 960px) {
    .block-library-portal-catalog-search-facet-block .block--library-search-filter-refine label {
      display: inline-block; }
    .block-library-portal-catalog-search-facet-block .block--library-search-filter-refine .block__title {
      margin: 0 0 0.6rem;
      padding-right: 2.3rem;
      color: #000;
      font-weight: bold;
      padding-top: .7rem; }
      .block-library-portal-catalog-search-facet-block .block--library-search-filter-refine .block__title h2 {
        font-size: 1.6rem;
        line-height: 1.5;
        margin: 0;
        padding: 0; }
    .block-library-portal-catalog-search-facet-block .block--library-search-filter-refine .block__form {
      display: flex;
      flex-wrap: wrap; }
    .block-library-portal-catalog-search-facet-block .block--library-search-filter-refine .form__filters {
      position: relative;
      top: -1rem;
      margin-right: 1.8rem;
      margin-top: 1rem;
      display: none; }
      .block-library-portal-catalog-search-facet-block .block--library-search-filter-refine .form__filters.initShow {
        display: flex; }
    .block-library-portal-catalog-search-facet-block .block--library-search-filter-refine .form__filters-label.jq-dropdown-open {
      color: #fff;
      background: #28528a;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
    .block-library-portal-catalog-search-facet-block .block--library-search-filter-refine .form__filters-label {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: .56rem 1.8rem;
      cursor: pointer;
      background: #fff;
      border: 1px solid #dbdbdb;
      box-sizing: border-box;
      box-shadow: 0 2px 0 #f2f2f2;
      border-radius: 4px; }
      .block-library-portal-catalog-search-facet-block .block--library-search-filter-refine .form__filters-label .dropdown-icon {
        margin-left: 1rem; }
    .block-library-portal-catalog-search-facet-block .block--library-search-filter-refine .more_filters {
      align-self: flex-start;
      display: none;
      justify-content: space-between;
      align-items: center;
      padding: .56rem 1.8rem;
      cursor: pointer;
      background: #28528a;
      border: 1px solid #28528a;
      color: #fff;
      box-sizing: border-box;
      box-shadow: 0 2px 0 #f2f2f2;
      border-radius: 4px;
      position: relative; }
      .block-library-portal-catalog-search-facet-block .block--library-search-filter-refine .more_filters .icon {
        margin-left: 1rem;
        color: #fff; }
      .block-library-portal-catalog-search-facet-block .block--library-search-filter-refine .more_filters.show {
        display: flex;
        align-self: flex-start; }
    .block-library-portal-catalog-search-facet-block .block--library-search-filter-refine .form__filters-wrapper {
      display: none;
      position: absolute;
      top: 100%;
      padding: 1.2rem;
      background: #fff;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      z-index: 6;
      width: auto;
      white-space: nowrap; }
      .block-library-portal-catalog-search-facet-block .block--library-search-filter-refine .form__filters-wrapper .filters-options {
        max-height: 150px;
        overflow-x: hidden;
        overflow-y: scroll; }
        .block-library-portal-catalog-search-facet-block .block--library-search-filter-refine .form__filters-wrapper .filters-options .facet-show-more {
          width: auto; }
          .block-library-portal-catalog-search-facet-block .block--library-search-filter-refine .form__filters-wrapper .filters-options .facet-show-more.no-button {
            border: 0;
            border-radius: 0;
            background: none;
            padding: 0;
            color: #28528a;
            font-weight: normal; }
      .block-library-portal-catalog-search-facet-block .block--library-search-filter-refine .form__filters-wrapper label {
        cursor: pointer; }
        .block-library-portal-catalog-search-facet-block .block--library-search-filter-refine .form__filters-wrapper label span {
          margin-left: .5em;
          color: #999; }
    .block-library-portal-catalog-search-facet-block .block--library-search-filter-refine .form__filters-help {
      color: rgba(0, 0, 0, 0.8);
      margin-bottom: 1rem; }
  .active .block--library-search-filter-refine .form__filters {
    display: flex;
    align-self: flex-start; } }

@media (min-width: 1200px) {
  .block-library-portal-catalog-search-facet-block .block--library-search-filter-refine .form__filters-wrapper .filters-options {
    max-height: 200px; } }

.block--library-search-filter-refine__close {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  text-decoration: none;
  background: #fff;
  border-radius: 4px 4px 0 0;
  font-size: 16px;
  font-weight: bold;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer; }
  .block--library-search-filter-refine__close .icon {
    color: #fff;
    padding: 11px 16px;
    text-align: center;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ea0000;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased; }

@media (max-width: 959px) {
  .block-library-portal-catalog-search-facet-block {
    display: none; }
  .block-library-portal-catalog-search-facet-block.active {
    position: fixed;
    display: block;
    z-index: 55596;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: scroll;
    padding: 4rem 2rem 2rem !important;
    background-color: #fff; }
    .block-library-portal-catalog-search-facet-block.active .more_filters {
      display: none; }
    .block-library-portal-catalog-search-facet-block.active label {
      display: inline-block; }
    .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-suggestions {
      margin-top: 0; }
      .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-suggestions .block__title {
        margin: 0 0 3.8rem;
        font-size: 2.2rem;
        font-weight: bold; }
    .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form-item input[type='checkbox'] + label {
      margin-bottom: 1.75rem; }
    .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .block__title {
      display: none; }
    .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .block__form {
      flex-grow: 2;
      display: flex;
      flex-wrap: wrap;
      margin: 0; }
    .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filters {
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 0; }
      .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filters a {
        display: block; }
    .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filter--0 {
      -webkit-animation-name: slideInUp;
      animation-name: slideInUp;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-duration: 0.3s;
      animation-duration: 0.3s;
      -webkit-animation-delay: .50s;
      animation-delay: .50s;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filter--1 {
      -webkit-animation-name: slideInUp;
      animation-name: slideInUp;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-duration: 0.3s;
      animation-duration: 0.3s;
      -webkit-animation-delay: .51s;
      animation-delay: .51s;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filter--2 {
      -webkit-animation-name: slideInUp;
      animation-name: slideInUp;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-duration: 0.3s;
      animation-duration: 0.3s;
      -webkit-animation-delay: .52s;
      animation-delay: .52s;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filter--3 {
      -webkit-animation-name: slideInUp;
      animation-name: slideInUp;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-duration: 0.3s;
      animation-duration: 0.3s;
      -webkit-animation-delay: .53s;
      animation-delay: .53s;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filter--4 {
      -webkit-animation-name: slideInUp;
      animation-name: slideInUp;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-duration: 0.3s;
      animation-duration: 0.3s;
      -webkit-animation-delay: .54s;
      animation-delay: .54s;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filter--5 {
      -webkit-animation-name: slideInUp;
      animation-name: slideInUp;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-duration: 0.3s;
      animation-duration: 0.3s;
      -webkit-animation-delay: .55s;
      animation-delay: .55s;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filter--6 {
      -webkit-animation-name: slideInUp;
      animation-name: slideInUp;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-duration: 0.3s;
      animation-duration: 0.3s;
      -webkit-animation-delay: .56s;
      animation-delay: .56s;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filter--7 {
      -webkit-animation-name: slideInUp;
      animation-name: slideInUp;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-duration: 0.3s;
      animation-duration: 0.3s;
      -webkit-animation-delay: .57s;
      animation-delay: .57s;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filter--8 {
      -webkit-animation-name: slideInUp;
      animation-name: slideInUp;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-duration: 0.3s;
      animation-duration: 0.3s;
      -webkit-animation-delay: .58s;
      animation-delay: .58s;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filter--9 {
      -webkit-animation-name: slideInUp;
      animation-name: slideInUp;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-duration: 0.3s;
      animation-duration: 0.3s;
      -webkit-animation-delay: .59s;
      animation-delay: .59s;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filter--10 {
      -webkit-animation-name: slideInUp;
      animation-name: slideInUp;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-duration: 0.3s;
      animation-duration: 0.3s;
      -webkit-animation-delay: .510s;
      animation-delay: .510s;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filter--11 {
      -webkit-animation-name: slideInUp;
      animation-name: slideInUp;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-duration: 0.3s;
      animation-duration: 0.3s;
      -webkit-animation-delay: .511s;
      animation-delay: .511s;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filter--12 {
      -webkit-animation-name: slideInUp;
      animation-name: slideInUp;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-duration: 0.3s;
      animation-duration: 0.3s;
      -webkit-animation-delay: .512s;
      animation-delay: .512s;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filter--13 {
      -webkit-animation-name: slideInUp;
      animation-name: slideInUp;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-duration: 0.3s;
      animation-duration: 0.3s;
      -webkit-animation-delay: .513s;
      animation-delay: .513s;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filter--14 {
      -webkit-animation-name: slideInUp;
      animation-name: slideInUp;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-duration: 0.3s;
      animation-duration: 0.3s;
      -webkit-animation-delay: .514s;
      animation-delay: .514s;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filter--15 {
      -webkit-animation-name: slideInUp;
      animation-name: slideInUp;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-duration: 0.3s;
      animation-duration: 0.3s;
      -webkit-animation-delay: .515s;
      animation-delay: .515s;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filters-label {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid #d9d9d9;
      padding: 2rem 1.2rem;
      cursor: pointer;
      font-size: 18px;
      color: #000;
      font-weight: bold; }
      .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filters-label.jq-dropdown-open {
        border-bottom: 1px solid #fff; }
    .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filters-wrapper {
      display: none;
      position: initial;
      margin-top: -30px;
      top: 100%;
      left: 0;
      right: 0;
      padding: 1.2rem;
      background: #fff;
      border-bottom: 1px solid #d9d9d9;
      z-index: 5; }
      .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filters-wrapper .filters-options .facet-show-more.no-button {
        border: 0;
        border-radius: 0;
        background: none;
        padding: 0;
        color: #28528a;
        font-weight: normal; }
      .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filters-wrapper label {
        cursor: pointer; }
        .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filters-wrapper label span {
          margin-left: .5em;
          color: #999; }
      .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filters-wrapper .form__filters-help {
        color: rgba(0, 0, 0, 0.8);
        margin-bottom: 1rem; }
      .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .form__filters-wrapper .button {
        margin-top: 1rem;
        margin-bottom: 1rem;
        padding: .55rem 2.4rem; }
    .block-library-portal-catalog-search-facet-block.active .block--library-search-filter-refine .block__form {
      display: flex;
      flex-direction: column; } }

.block--library-search-filter-suggestions {
  margin-top: 2.4rem; }
  @media (min-width: 960px) {
    .block--library-search-filter-suggestions {
      display: flex; } }
  .block--library-search-filter-suggestions legend {
    display: none; }
  .block--library-search-filter-suggestions .block__title {
    min-width: 200px;
    margin: 1.8rem 0; }
    @media (min-width: 960px) {
      .block--library-search-filter-suggestions .block__title {
        margin: 0.6rem 0; } }
  .block--library-search-filter-suggestions .block__form {
    flex-grow: 2;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.2rem; }
  .block--library-search-filter-suggestions fieldset {
    background: none;
    margin: 0;
    border: 0; }
  .block--library-search-filter-suggestions [type='checkbox'] {
    display: none; }
  .block--library-search-filter-suggestions label {
    display: block;
    padding: 0.6rem 1.8rem;
    border-radius: .4em;
    border: 3px solid #28528a;
    cursor: pointer;
    font-weight: normal;
    text-transform: none;
    margin-bottom: .8rem; }
  .block--library-search-filter-suggestions :checked + label {
    color: #fff;
    background: #28528a; }
  .block--library-search-filter-suggestions .block__suggestions .form-checkboxes .form-item {
    display: block;
    float: left;
    margin-right: 1.2rem; }

.block-catalog-search-block {
  display: none; }
  @media (min-width: 960px) {
    .block-catalog-search-block {
      background: #fff; } }
  .block-catalog-search-block.active {
    display: block; }
  .block-catalog-search-block .inner-wrapper {
    padding-bottom: 1.2rem; }
    @media (min-width: 960px) {
      .block-catalog-search-block .inner-wrapper {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1.2rem;
        padding-right: 1.2rem; } }
  @media (min-width: 960px) and (min-width: 960px) {
    .block-catalog-search-block .inner-wrapper {
      padding-left: 2.4rem;
      padding-right: 2.4rem; } }
  .path-frontpage .block-catalog-search-block {
    position: relative;
    display: block;
    background: rgba(0, 0, 0, 0.5) url("/themes/custom/library_portal_theme/assets/img/search-bg.png") no-repeat 50% 50%;
    background-size: cover; }
    @media (min-width: 960px) {
      .path-frontpage .block-catalog-search-block {
        display: flex;
        flex-direction: column; } }
    .path-frontpage .block-catalog-search-block .inner-wrapper {
      display: flex;
      justify-content: center;
      flex-direction: column;
      padding: 1.2rem; }
      @media (min-width: 960px) {
        .path-frontpage .block-catalog-search-block .inner-wrapper {
          min-width: 610px;
          max-width: 70%;
          padding-top: 2.4rem;
          padding-bottom: 2.4rem; } }

.block-library-portal-catalog-search-page-region-results {
  width: 100%;
  flex: 0 0 100%; }
  .block-library-portal-catalog-search-page-region-results .search-page-region-results {
    margin: 5rem 0; }
    .block-library-portal-catalog-search-page-region-results .search-page-region-results header {
      padding: 3rem 1.8rem;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      background: var(--cuc-colorscheme-color2);
      color: #fff; }
      @media (min-width: 960px) {
        .block-library-portal-catalog-search-page-region-results .search-page-region-results header {
          display: flex;
          align-items: center;
          justify-content: space-between; } }
      .block-library-portal-catalog-search-page-region-results .search-page-region-results header h2 {
        color: #fff; }
        @media (min-width: 960px) {
          .block-library-portal-catalog-search-page-region-results .search-page-region-results header h2 {
            flex: 0 0 auto;
            margin: 0 5rem 0 0; } }
      .block-library-portal-catalog-search-page-region-results .search-page-region-results header a {
        color: #fff; }
      .block-library-portal-catalog-search-page-region-results .search-page-region-results header .info {
        color: #dbdbdb;
        font-size: 1.4rem; }
        .block-library-portal-catalog-search-page-region-results .search-page-region-results header .info i {
          margin-right: 1rem; }
        .block-library-portal-catalog-search-page-region-results .search-page-region-results header .info strong {
          color: #fff; }
    .block-library-portal-catalog-search-page-region-results .search-page-region-results .sub-header {
      padding: 2.2rem 1.8rem;
      border-color: #dbdbdb;
      border-style: solid;
      border-width: 0 1px 1px;
      background: #f9f9f9;
      color: #000;
      font-weight: 600; }
    .block-library-portal-catalog-search-page-region-results .search-page-region-results .results {
      display: flex;
      flex-wrap: wrap;
      padding: 3rem 1.8rem 1.8rem;
      border-color: #dbdbdb;
      border-style: solid;
      border-width: 0 1px;
      background: #f9f9f9; }
      .block-library-portal-catalog-search-page-region-results .search-page-region-results .results .region-result {
        display: flex;
        width: 100%;
        flex: 0 0 100%;
        margin-bottom: 1.8rem;
        padding: 1.8rem;
        border-radius: 6px;
        background: #fff;
        text-decoration: none;
        color: inherit; }
        @media (min-width: 960px) {
          .block-library-portal-catalog-search-page-region-results .search-page-region-results .results .region-result {
            width: calc((100% - 1.8rem) / 2);
            flex-basis: calc((100% - 1.8rem) / 2); }
            .block-library-portal-catalog-search-page-region-results .search-page-region-results .results .region-result:nth-child(2n - 1) {
              margin-right: 1.8rem; } }
        .block-library-portal-catalog-search-page-region-results .search-page-region-results .results .region-result .image {
          width: 100px;
          flex: 0 0 100px;
          margin-right: 1.8rem; }
          .block-library-portal-catalog-search-page-region-results .search-page-region-results .results .region-result .image a {
            display: block; }
            .block-library-portal-catalog-search-page-region-results .search-page-region-results .results .region-result .image a img {
              display: block; }
        .block-library-portal-catalog-search-page-region-results .search-page-region-results .results .region-result .content {
          display: flex;
          flex-direction: column;
          justify-content: flex-start; }
          .block-library-portal-catalog-search-page-region-results .search-page-region-results .results .region-result .content > * {
            margin-bottom: .5rem; }
          .block-library-portal-catalog-search-page-region-results .search-page-region-results .results .region-result .content .format {
            font-weight: 500; }
          .block-library-portal-catalog-search-page-region-results .search-page-region-results .results .region-result .content h3 {
            color: #000; }
          .block-library-portal-catalog-search-page-region-results .search-page-region-results .results .region-result .content .availability-statuses {
            display: flex;
            flex-direction: column;
            align-items: flex-start; }
            .block-library-portal-catalog-search-page-region-results .search-page-region-results .results .region-result .content .availability-statuses .availability {
              margin-top: 1rem;
              padding: .5rem 1rem;
              border-radius: 6px;
              color: #fff;
              font-weight: 500; }
              @media (min-width: 960px) {
                .block-library-portal-catalog-search-page-region-results .search-page-region-results .results .region-result .content .availability-statuses .availability {
                  white-space: nowrap; } }
              .block-library-portal-catalog-search-page-region-results .search-page-region-results .results .region-result .content .availability-statuses .availability--available {
                background-color: #1c8147; }
              .block-library-portal-catalog-search-page-region-results .search-page-region-results .results .region-result .content .availability-statuses .availability--unavailable {
                background-color: #bf4a4a; }
    .block-library-portal-catalog-search-page-region-results .search-page-region-results .more-results {
      display: flex;
      flex-direction: column;
      padding: 1.8rem;
      border-color: #dbdbdb;
      border-style: solid;
      border-width: 0 1px 1px;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      background: #f9f9f9; }
      .block-library-portal-catalog-search-page-region-results .search-page-region-results .more-results a {
        align-self: center; }
        .block-library-portal-catalog-search-page-region-results .search-page-region-results .more-results a.all-results-link {
          font-size: 1.8rem;
          text-decoration: none;
          font-weight: 700; }
        .block-library-portal-catalog-search-page-region-results .search-page-region-results .more-results a i {
          margin-right: 1rem; }
      .block-library-portal-catalog-search-page-region-results .search-page-region-results .more-results p {
        font-size: 1.4rem;
        align-self: center; }
    .block-library-portal-catalog-search-page-region-results .search-page-region-results.flemish header {
      background: #ffdb09;
      color: #000; }
      .block-library-portal-catalog-search-page-region-results .search-page-region-results.flemish header h2 {
        color: #000; }
    .block-library-portal-catalog-search-page-region-results .search-page-region-results.flemish .results .region-result {
      width: 100%;
      border: 2px solid #ffdb09; }
      @media (min-width: 960px) {
        .block-library-portal-catalog-search-page-region-results .search-page-region-results.flemish .results .region-result {
          width: calc((100% - (2 * 1.8rem)) / 3);
          flex-basis: calc((100% - (2 * 1.8rem)) / 3); }
          .block-library-portal-catalog-search-page-region-results .search-page-region-results.flemish .results .region-result:nth-child(n - 1) {
            margin-right: 1.8rem; }
          .block-library-portal-catalog-search-page-region-results .search-page-region-results.flemish .results .region-result:last-child {
            margin-right: 0; } }

.block-library-portal-catalog-catalog-item-content {
  width: 100%; }

.block-library-portal-catalog-catalog-item-pager {
  position: absolute;
  width: 100%;
  padding: 0; }
  .block-library-portal-catalog-catalog-item-pager .item-pager__results {
    margin: 0 0 1.8rem; }
    @media (min-width: 480px) {
      .block-library-portal-catalog-catalog-item-pager .item-pager__results {
        margin: 0; } }
  .block-library-portal-catalog-catalog-item-pager .item-pager__pager {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0; }
    @media (min-width: 768px) {
      .block-library-portal-catalog-catalog-item-pager .item-pager__pager {
        margin-left: auto; } }
    .block-library-portal-catalog-catalog-item-pager .item-pager__pager li {
      list-style: none; }
  .block-library-portal-catalog-catalog-item-pager .item-pager__previous {
    margin-right: 3.6rem; }
    .block-library-portal-catalog-catalog-item-pager .item-pager__previous::before {
      content: '<';
      margin-right: .5em;
      display: inline-block;
      text-decoration: none; }
  .block-library-portal-catalog-catalog-item-pager .item-pager__next::after {
    content: '>';
    margin-left: .5em;
    display: inline-block;
    text-decoration: none; }

@media (min-width: 768px) {
  .luisterpunt .block-library-portal-catalog-catalog-item-pager {
    top: -25px; } }

@media (min-width: 960px) {
  .block-library-portal-site-social-footer-block {
    display: flex; } }

.block-library-portal-site-social-footer-block .social-footer-links {
  color: #999;
  font-size: 1.4rem; }
  @media (min-width: 960px) {
    .block-library-portal-site-social-footer-block .social-footer-links {
      flex: 0 0 75%;
      width: 75%;
      display: flex;
      justify-content: space-between; } }
  .block-library-portal-site-social-footer-block .social-footer-links .social-link {
    position: relative; }
    .block-library-portal-site-social-footer-block .social-footer-links .social-link + .social-link {
      margin-top: 1.8rem; }
      @media (min-width: 960px) {
        .block-library-portal-site-social-footer-block .social-footer-links .social-link + .social-link {
          margin-top: 0;
          margin-left: 7.2rem; } }
    .block-library-portal-site-social-footer-block .social-footer-links .social-link .social-link-title,
    .block-library-portal-site-social-footer-block .social-footer-links .social-link .social-link-link {
      margin-left: 4rem; }
    .block-library-portal-site-social-footer-block .social-footer-links .social-link .social-link-title {
      color: #000;
      font-size: 10px;
      text-transform: none;
      font-weight: bold; }
    .block-library-portal-site-social-footer-block .social-footer-links .social-link a {
      color: var(--color-button);
      font-size: 14px; }
    .block-library-portal-site-social-footer-block .social-footer-links .social-link .icon {
      position: absolute;
      left: 0;
      top: .3rem;
      display: block;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      color: #fff;
      background: #000;
      font-size: 14px;
      line-height: 30px;
      text-align: center; }
    .block-library-portal-site-social-footer-block .social-footer-links .social-link.newsletter .icon {
      background: var(--cuc-colorscheme-color1); }

.block-library-portal-site-social-footer-block .social-footer-logo {
  flex-shrink: 2;
  margin-top: 1.8rem; }
  @media (min-width: 960px) {
    .block-library-portal-site-social-footer-block .social-footer-logo {
      width: 25%;
      flex: 0 0 25%;
      margin-top: 0;
      text-align: right; } }
  .block-library-portal-site-social-footer-block .social-footer-logo img {
    height: auto;
    max-width: 200px; }

.library-portal-site-footer {
  display: flex;
  align-items: center;
  font-size: .8em;
  flex-wrap: wrap; }
  .library-portal-site-footer__region {
    border-right: 1px solid #e0dada;
    padding: 2.4rem 2%; }
    .library-portal-site-footer__region-first {
      flex-basis: 25%;
      padding-left: 0; }
    .library-portal-site-footer__region-second {
      flex-basis: 25%; }
    .library-portal-site-footer__region-third {
      flex-basis: 50%;
      display: flex;
      align-items: center;
      padding-right: 0;
      border-right: 0;
      justify-content: flex-end; }
      .library-portal-site-footer__region-third p {
        margin-right: auto; }
      .library-portal-site-footer__region-third img {
        width: 175px; }
        .library-portal-site-footer__region-third img.cultuurconnect-logo {
          width: 100px;
          margin-right: 1.8rem; }
    @media (max-width: 959px) {
      .library-portal-site-footer__region-first {
        flex-basis: 100%;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 0;
        border-right: 0; }
      .library-portal-site-footer__region-second {
        flex-basis: 25%;
        padding-left: 2rem; }
      .library-portal-site-footer__region-third {
        flex-basis: 75%;
        padding-top: 0;
        padding-right: 2rem;
        justify-content: flex-end; }
        .library-portal-site-footer__region-third p {
          margin-right: 0; } }
    @media (max-width: 767px) {
      .library-portal-site-footer__region {
        border-right: 0;
        flex-basis: 100%;
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 0; }
        .library-portal-site-footer__region-third {
          padding-top: 0; }
          .library-portal-site-footer__region-third p {
            margin-right: auto; } }
  .library-portal-site-footer ul {
    list-style: none;
    margin-bottom: 0; }
    .library-portal-site-footer ul h3 {
      margin: 0;
      line-height: 1; }
      .library-portal-site-footer ul h3 a {
        font-weight: normal;
        font-size: 1.2rem;
        text-decoration: underline; }
  .library-portal-site-footer p {
    margin-bottom: 0; }
    @media (min-width: 768px) and (max-width: 959px) {
      .library-portal-site-footer p {
        margin-bottom: 1.8rem; } }

.back2top {
  position: fixed;
  right: 2%;
  bottom: 2%;
  opacity: 0;
  visibility: hidden;
  color: #fff;
  background-color: var(--color-button);
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  -webkit-font-smoothing: initial;
  border: 0;
  z-index: 9999; }
  .back2top::before {
    display: inline-block;
    font: normal normal normal 2rem / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 2.2rem;
    margin-right: 1rem;
    content: '\F106'; }
  @media (max-width: 767px) {
    .back2top {
      padding: 1rem 1.8rem;
      font-size: 1.4rem;
      right: 3%; }
      .back2top .text {
        display: none; }
      .back2top::before {
        margin-right: 0;
        font-size: 2.6rem; } }

.button,
button, [type='button'], [type='reset'], [type='submit'] {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4;
  font-family: "DINPro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
  color: #4a4a4a;
  background-image: linear-gradient(#ffffff, #efefef);
  background-color: transparent;
  font-size: 1.6rem;
  padding: 1.8rem 2.4rem; }
  .button:disabled,
  button:disabled, [type='button']:disabled, [type='reset']:disabled, [type='submit']:disabled {
    cursor: not-allowed;
    opacity: .55; }
  .button:active, .button.nice-select.open, .button:focus, .button:hover,
  button:active,
  button.nice-select.open,
  button:focus,
  button:hover, [type='button']:active, .nice-select.open[type='button'], [type='button']:focus, [type='button']:hover, [type='reset']:active, .nice-select.open[type='reset'], [type='reset']:focus, [type='reset']:hover, [type='submit']:active, .nice-select.open[type='submit'], [type='submit']:focus, [type='submit']:hover {
    text-decoration: none; }

.button.button--remove {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4;
  font-family: "DINPro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
  color: #4a4a4a;
  background-image: linear-gradient(#ffffff, #efefef);
  background-color: transparent;
  font-size: 1.6rem;
  padding: 1.8rem 2.4rem;
  white-space: normal;
  color: #bf4a4a;
  border: 3px solid #bf4a4a;
  background-color: transparent;
  background-image: none;
  text-shadow: none;
  font-weight: 600; }
  .button.button--remove:disabled {
    cursor: not-allowed;
    opacity: .55; }
  .button.button--remove:active, .button.button--remove.nice-select.open, .button.button--remove:focus, .button.button--remove:hover {
    text-decoration: none; }
  .button.button--remove:hover, .button.button--remove:active, .button.button--remove.nice-select.open {
    color: #fff;
    background: #bf4a4a; }
  @media (max-width: 479px) {
    .button.button--remove {
      width: 100%; } }

.button--search::before {
  display: inline-block;
  font: normal normal normal 14px / 1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: inherit;
  content: "\F002"; }

.button--search::before {
  padding-right: 1.5rem; }

.button.button--primary {
  padding: 1.8rem 2.4rem;
  color: #fff;
  border: 2px solid #28528a;
  background-image: none;
  background-color: #28528a;
  font-weight: 600;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.525); }
  .button.button--primary:hover, .button.button--primary:focus {
    color: #fff;
    box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.2); }
  @media (max-width: 479px) {
    .button.button--primary {
      width: 100%; } }

.button.button--secondary {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4;
  font-family: "DINPro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
  color: #4a4a4a;
  background-image: linear-gradient(#ffffff, #efefef);
  background-color: transparent;
  font-size: 1.6rem;
  padding: 1.8rem 2.4rem;
  color: #28528a;
  font-weight: 600;
  background: #fff;
  border: 2px solid #28528a;
  text-shadow: none; }
  .button.button--secondary:disabled {
    cursor: not-allowed;
    opacity: .55; }
  .button.button--secondary:active, .button.button--secondary.nice-select.open, .button.button--secondary:focus, .button.button--secondary:hover {
    text-decoration: none; }
  @media (max-width: 479px) {
    .button.button--secondary {
      width: 100%; } }

.panel--cta {
  position: relative;
  margin-top: 3.5rem;
  margin-bottom: 3.5rem; }
  .panel--cta .inner-wrapper {
    position: relative;
    background: linear-gradient(0deg, #000 27%, rgba(0, 0, 0, 0.8) 59%, transparent 100%); }
  @media (max-width: 767px) {
    .panel--cta {
      margin-left: -1.2rem;
      margin-right: -1.2rem; } }
  .panel--cta.panel-cta--fully-clickable .panel--cta-content .button--fully-clickable::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .panel--cta .panel--cta-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    margin: auto;
    text-align: center; }
    .panel--cta .panel--cta-content .wrapper {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      margin: auto;
      justify-content: center;
      align-items: center;
      padding: 2rem; }
    .panel--cta .panel--cta-content h3 {
      color: #fff;
      font-size: 4.5rem;
      text-shadow: 1px 1px #000; }
      @media (max-width: 767px) {
        .panel--cta .panel--cta-content h3 {
          font-size: 3rem; } }
    .panel--cta .panel--cta-content p {
      color: #fff;
      font-size: 1.5rem;
      text-shadow: 1px 1px #000; }
      @media (max-width: 767px) {
        .panel--cta .panel--cta-content p {
          font-size: 1.2rem; } }
  .panel--cta .panel--cta-images {
    min-height: 330px;
    display: block; }
    .panel--cta .panel--cta-images picture,
    .panel--cta .panel--cta-images picture img {
      display: block; }
  .panel--cta .panel--cta-image {
    opacity: .58;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%; }
    .panel--cta .panel--cta-image-mobiel {
      display: none; }
      @media (max-width: 767px) {
        .panel--cta .panel--cta-image-mobiel {
          display: block; } }
    .panel--cta .panel--cta-image-desktop {
      display: none; }
      @media (min-width: 768px) {
        .panel--cta .panel--cta-image-desktop {
          display: block; } }
  .panel--cta .panel-cta__link-bottom {
    text-align: center;
    margin-top: 2rem; }

.ausy-builder-components .panel--cta {
  margin-top: 0;
  margin-bottom: 0; }

.paragraph--type--carousel {
  width: 100%; }

.carousel-main {
  width: 100%;
  border: 1px solid #efefef;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  height: auto; }
  .carousel-main.carousel-no-bottom-branding {
    padding-bottom: 0; }
    @media (min-width: 768px) {
      .carousel-main.carousel-no-bottom-branding {
        padding-bottom: 4rem; } }
    @media (min-width: 960px) {
      .carousel-main.carousel-no-bottom-branding {
        padding-bottom: 4.4rem; } }
  .carousel-main .carousel-top-image {
    overflow: hidden;
    max-height: 250px; }
    .carousel-main .carousel-top-image img {
      display: block; }

.carousel-section {
  flex-basis: 100%;
  max-width: 100%;
  position: relative;
  top: 0;
  padding: 0 1rem;
  z-index: 1;
  margin-top: -1.2rem;
  margin-bottom: -1.2rem; }
  @media (min-width: 768px) {
    .carousel-section {
      padding: 0 3rem;
      margin-top: -4rem;
      margin-bottom: -4rem; } }
  @media (min-width: 960px) {
    .carousel-section {
      margin-top: -4.4rem;
      margin-bottom: -4.4rem; } }
  .carousel-section .carousel__tab {
    margin: 0 0 .8rem !important; }
    .carousel-section .carousel__tab::after {
      background-color: #efefef; }
  .carousel-section .carousel-wrapper {
    background-color: #fff !important;
    padding: 1rem 2rem 2rem;
    border-radius: 3px; }
    .carousel-section .carousel-wrapper .carousel-section-tab {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-evenly; }
      .carousel-section .carousel-wrapper .carousel-section-tab .thumbnail__title {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical; }
      .carousel-section .carousel-wrapper .carousel-section-tab .carousel__metadata {
        width: 25%;
        flex: 0 0 25%; }
        @media (max-width: 767px) {
          .carousel-section .carousel-wrapper .carousel-section-tab .carousel__metadata {
            border-top: 1px solid #ddd;
            width: 100%;
            flex: 0 0 100%;
            order: 2; } }
        .carousel-section .carousel-wrapper .carousel-section-tab .carousel__metadata.is-inactive {
          display: none; }
        .carousel-section .carousel-wrapper .carousel-section-tab .carousel__metadata-text {
          padding: 2rem 1rem;
          display: block;
          width: 100%; }
          @media (max-width: 767px) {
            .carousel-section .carousel-wrapper .carousel-section-tab .carousel__metadata-text {
              padding-bottom: 1rem; } }
        .carousel-section .carousel-wrapper .carousel-section-tab .carousel__metadata-link {
          text-align: center;
          display: block;
          width: 100%; }
        .carousel-section .carousel-wrapper .carousel-section-tab .carousel__metadata .is-inactive {
          display: none; }
      .carousel-section .carousel-wrapper .carousel-section-tab .cuc-owl-container {
        width: 100%; }
        .carousel-section .carousel-wrapper .carousel-section-tab .cuc-owl-container.carousel-w-metadata {
          width: 75%;
          padding-right: 2rem;
          flex: 0 0 75%; }
          @media (max-width: 767px) {
            .carousel-section .carousel-wrapper .carousel-section-tab .cuc-owl-container.carousel-w-metadata {
              width: 100%;
              padding-right: 0;
              flex: 0 0 100%;
              order: 0; } }
        .carousel-section .carousel-wrapper .carousel-section-tab .cuc-owl-container.carousel-nav-small .owl-nav button {
          background-color: #28528a !important;
          width: 4.2rem;
          height: 4.2rem;
          top: calc(50% - 6rem);
          border: 0 !important; }
          .carousel-section .carousel-wrapper .carousel-section-tab .cuc-owl-container.carousel-nav-small .owl-nav button.owl-prev {
            left: 0;
            background: #28528a url("/themes/custom/library_portal_theme/assets/svg/carret-left-white.svg") 50% 50% no-repeat !important; }
          .carousel-section .carousel-wrapper .carousel-section-tab .cuc-owl-container.carousel-nav-small .owl-nav button.owl-next {
            right: 0;
            background: #28528a url("/themes/custom/library_portal_theme/assets/svg/carret-right-white.svg") 50% 50% no-repeat !important; }
  .carousel-section .thumbnail {
    width: 128px;
    min-height: 300px; }
  .carousel-section .thumbnail__link {
    display: none; }
  .carousel-section .thumbnail__cover {
    height: 188px; }
  .carousel-section .owl-carousel.is-inactive {
    display: none; }
  .carousel-section .owl-item.active .thumbnail__link {
    display: block; }

.carousel-bottom-image img {
  display: block; }

.carousel__tabs {
  border-bottom: 1px solid #dbdbdb;
  overflow: visible; }
  @media (max-width: 767px) {
    .carousel__tabs {
      align-items: center;
      overflow-x: auto;
      flex-wrap: nowrap !important; } }
  @media (max-width: 767px) {
    .carousel__tabs li {
      flex: none; } }

.carousel__links {
  text-align: right;
  padding-top: 2rem;
  flex-basis: 100%; }
  @media (max-width: 767px) {
    .carousel__links {
      text-align: center;
      padding-top: 1rem;
      padding-bottom: 2.4rem;
      order: 1; } }
  .carousel__links a {
    font-weight: 600; }
    @media (max-width: 767px) {
      .carousel__links a {
        font-weight: 500; } }

.carousel__link.is-inactive {
  display: none; }

.carousel-no-branding {
  border: 0;
  padding-bottom: 0; }
  .carousel-no-branding .carousel-section {
    top: 0;
    padding: 0;
    margin: 0; }
  .carousel-no-branding.carousel .carousel-wrapper {
    padding: 0; }

.suggestion-white-wrap .carousel-section {
  top: -1rem; }
  .suggestion-white-wrap .carousel-section .carousel-wrapper {
    background-color: transparent !important; }

.block-library-portal-core-related-articles-events-block {
  margin-bottom: 6rem; }
  .block-library-portal-core-related-articles-events-block .owl-carousel .owl-stage-outer {
    height: auto !important; }
    .block-library-portal-core-related-articles-events-block .owl-carousel .owl-stage-outer .owl-stage {
      padding-left: 0; }
    .block-library-portal-core-related-articles-events-block .owl-carousel .owl-stage-outer .owl-item {
      height: 100%; }
  .block-library-portal-core-related-articles-events-block h3 {
    color: #000; }

.node--view-mode-carousel {
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  height: 100%;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  width: 270px !important; }
  @media (max-width: 767px) {
    .node--view-mode-carousel {
      margin-bottom: 7.2rem; } }
  @media (min-width: 768px) and (max-width: 959px) {
    .node--view-mode-carousel:nth-of-type(2n + 2) {
      margin-right: 0; } }
  @media (min-width: 960px) {
    .node--view-mode-carousel:nth-of-type(3n) {
      margin-right: 0; } }
  .node--view-mode-carousel .type {
    background-color: var(--cuc-colorscheme-color1);
    width: 100%;
    font-size: 14px;
    letter-spacing: .2em;
    color: #fff;
    text-transform: none;
    font-weight: 400;
    height: 40px;
    display: flex;
    align-items: center;
    border-radius: 3px;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    margin: -15px auto 1.2rem; }
  .node--view-mode-carousel h3 {
    padding: 0;
    font-size: 18px;
    color: #000;
    margin-top: 1rem;
    margin-right: 0;
    margin-left: 0; }
  .node--view-mode-carousel .event-image {
    padding-right: 0;
    padding-left: 0; }
  .node--view-mode-carousel img {
    width: 100%;
    height: auto; }
  .node--view-mode-carousel .short-intro {
    width: 250px;
    overflow: hidden;
    margin-bottom: 2rem; }
  .node--view-mode-carousel .read-more--wrapper {
    justify-content: flex-end;
    margin-bottom: 2.4rem; }
    .node--view-mode-carousel .read-more--wrapper a {
      font-weight: 600; }
  .node--view-mode-carousel dl {
    font-size: 1.4rem;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    background-color: #f9f9f9;
    margin: 4rem 0; }
    .node--view-mode-carousel dl dt {
      padding: .5rem .5rem .5rem 1.5rem;
      margin-top: 0;
      width: 20%;
      display: inline-block;
      float: left;
      font-weight: normal;
      color: #4a4a4a;
      height: 100%;
      clear: both; }
      @media (max-width: 767px) {
        .node--view-mode-carousel dl dt {
          font-size: 14px !important;
          font-weight: 600;
          display: block;
          width: 100%;
          background-color: #f9f9f9;
          margin-bottom: 1rem; } }
    .node--view-mode-carousel dl dd {
      padding: 0 .5rem .5rem 1.5rem;
      font-weight: normal;
      display: inline-block;
      width: 65%;
      line-height: 25px;
      font-size: 16px;
      color: #333333; }
      .node--view-mode-carousel dl dd span {
        display: inline-block; }
        .node--view-mode-carousel dl dd span:first-of-type {
          margin-left: 0; }
        .node--view-mode-carousel dl dd span.inline-data {
          display: inline; }
          .node--view-mode-carousel dl dd span.inline-data::after {
            content: '-';
            display: inline-block;
            margin-right: 1rem;
            margin-left: 1em; }
          .node--view-mode-carousel dl dd span.inline-data:first-of-type {
            margin-right: 0; }
          .node--view-mode-carousel dl dd span.inline-data:last-of-type {
            margin-left: 0; }
            .node--view-mode-carousel dl dd span.inline-data:last-of-type::after {
              display: none; }
      @media (max-width: 767px) {
        .node--view-mode-carousel dl dd {
          display: block;
          width: 100%;
          border-left: 0 solid #dbdbdb;
          margin-bottom: 1rem; } }
  .node--view-mode-carousel .button {
    width: 100%; }

@media (min-width: 1200px) {
  .paragraph--type--columns-four-equal .node--view-mode-carousel {
    width: 239px !important; } }

@media (min-width: 960px) and (max-width: 1199px) {
  .paragraph--type--columns-three-equal .node--view-mode-carousel {
    width: 255px !important; } }

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

.cuc-owl-container {
  display: flex;
  margin-left: calc(-.5 * 6.5rem);
  margin-right: calc(-.5 * 6.5rem); }
  @media (max-width: 767px) {
    .cuc-owl-container {
      margin: auto; } }

.owl-carousel:hover {
  z-index: 50; }

.owl-carousel .owl-stage {
  padding-top: 30px;
  display: flex;
  align-items: flex-start; }
  @media (max-width: 767px) {
    .owl-carousel .owl-stage {
      padding-left: 34px; } }

.owl-carousel .owl-stage-outer {
  display: flex;
  overflow: hidden;
  margin-right: calc(.5 * 6.5rem - 1rem);
  margin-left: calc(.5 * 6.5rem - 1rem); }

.owl-carousel .owl-item:hover {
  position: relative;
  z-index: 50; }

.owl-carousel .owl-item img {
  width: 100%;
  max-width: 100%;
  max-height: 250px; }

.owl-carousel .owl-prev,
.owl-carousel .owl-next {
  width: 40px;
  height: 10rem;
  background: #fff url("/themes/custom/library_portal_theme/assets/svg/carret-left.svg") 50% 50% no-repeat !important;
  top: calc(50% - 7.2rem);
  text-indent: -9999px;
  position: absolute;
  border-radius: 3px;
  border: 1px solid #dbdbdb !important;
  transition: box-shadow 0.3s ease; }
  .owl-carousel .owl-prev:hover,
  .owl-carousel .owl-next:hover {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer; }
  .owl-carousel .owl-prev.disabled,
  .owl-carousel .owl-next.disabled {
    display: none; }

.owl-carousel .owl-prev {
  left: 0; }
  @media (max-width: 767px) {
    .owl-carousel .owl-prev {
      border: 0;
      background-color: transparent; }
      .owl-carousel .owl-prev:hover {
        box-shadow: none; } }

.owl-carousel .owl-next {
  right: 0;
  background: #fff url("/themes/custom/library_portal_theme/assets/svg/carret-right.svg") 50% 50% no-repeat !important; }
  @media (max-width: 767px) {
    .owl-carousel .owl-next {
      border: 0;
      background-color: transparent; }
      .owl-carousel .owl-next:hover {
        box-shadow: none; } }

.owl-dots {
  display: none; }

.owl-carousel.owl-carousel--contained {
  width: 100%;
  position: relative;
  left: 0;
  transform: none; }
  .owl-carousel.owl-carousel--contained .owl-stage-outer {
    overflow: hidden; }
  .owl-carousel.owl-carousel--contained .owl-nav {
    width: 100%;
    left: 0;
    transform: none; }

.path-catalog-item .ui-dialog .ui-dialog-title {
  text-overflow: initial;
  white-space: initial; }

.catalog-item__book-details--tabs-wrapper {
  border: 1px solid #dbdbdb;
  background: #f9f9f9;
  box-sizing: border-box;
  border-radius: 6px; }
  @media (max-width: 767px) {
    .catalog-item__book-details--tabs-wrapper {
      margin-left: -2.4rem;
      margin-right: -2.4rem;
      padding: 0 1rem; } }

.catalog-item--view-mode-full--header .outer-container {
  padding: 1.2rem; }

.catalog-item--view-mode-full--header-content {
  display: flex;
  margin-top: 3rem; }
  @media (max-width: 767px) {
    .catalog-item--view-mode-full--header-content {
      flex-direction: column; } }
  .catalog-item--view-mode-full--header-content .cover--wishlist {
    width: 176px; }
    @media (max-width: 767px) {
      .catalog-item--view-mode-full--header-content .cover--wishlist {
        width: 50%; } }
  .catalog-item--view-mode-full--header-content .catalog-item__basic-info--headerinfo {
    padding: 0 3.4rem 0 5.4rem;
    width: calc(100% - 176px); }
    @media (max-width: 767px) {
      .catalog-item--view-mode-full--header-content .catalog-item__basic-info--headerinfo {
        padding: 0 0 0 1.5rem;
        width: 50%; } }
  .catalog-item--view-mode-full--header-content .catalog-item--view-mode-full--header-left {
    display: flex;
    flex-direction: row;
    width: 70%; }
    @media (max-width: 959px) {
      .catalog-item--view-mode-full--header-content .catalog-item--view-mode-full--header-left {
        width: 68%; } }
    @media (max-width: 767px) {
      .catalog-item--view-mode-full--header-content .catalog-item--view-mode-full--header-left {
        width: 100%; } }
  .catalog-item--view-mode-full--header-content .catalog-item--view-mode-full--header-center {
    display: flex;
    width: 30%; }
    @media (max-width: 959px) {
      .catalog-item--view-mode-full--header-content .catalog-item--view-mode-full--header-center {
        width: 32%; } }
    @media (max-width: 767px) {
      .catalog-item--view-mode-full--header-content .catalog-item--view-mode-full--header-center {
        flex-direction: column;
        padding-left: 0;
        width: 100%; } }
    .catalog-item--view-mode-full--header-content .catalog-item--view-mode-full--header-center .catalog-item__item-actions {
      width: 100%; }
      @media (max-width: 767px) {
        .catalog-item--view-mode-full--header-content .catalog-item--view-mode-full--header-center .catalog-item__item-actions {
          padding: 1rem; } }

.catalog-item--view-mode-full--content {
  padding: 0 0 1rem; }
  .catalog-item--view-mode-full--content .catalog-item__book-details {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.2rem;
    padding-right: 1.2rem; }
    @media (min-width: 960px) {
      .catalog-item--view-mode-full--content .catalog-item__book-details {
        padding-left: 2.4rem;
        padding-right: 2.4rem; } }

@media (min-width: 768px) {
  .catalog-item.catalog-item--view-mode-teaser .catalog-item-availability--summary .catalog-item-availability--details svg {
    width: 10px;
    height: 10px;
    margin-right: 1.8rem; } }

.catalog-item.catalog-item--view-mode-full {
  margin-top: 4.4rem;
  border: 1px solid #dbdbdb;
  background-color: #fff;
  color: #333; }
  @media (min-width: 768px) {
    .catalog-item.catalog-item--view-mode-full {
      border-radius: 6px;
      box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); } }
  @media (max-width: 767px) {
    .catalog-item.catalog-item--view-mode-full {
      width: calc(100vw + 2.4rem);
      margin-left: -2.4rem;
      margin-right: -2.4rem;
      padding: 2.4rem;
      padding: 1.2rem;
      border-radius: 0;
      border-left: 0;
      border-right: 0; } }
  @media (min-width: 768px) {
    .catalog-item.catalog-item--view-mode-full .mobile {
      display: none; } }
  @media (max-width: 767px) {
    .catalog-item.catalog-item--view-mode-full .desktop {
      display: none; } }
  .catalog-item.catalog-item--view-mode-full .outer-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    padding-bottom: 1.2rem; }
    @media (min-width: 960px) {
      .catalog-item.catalog-item--view-mode-full .outer-container {
        padding-left: 2.4rem;
        padding-right: 2.4rem; } }
    @media (min-width: 960px) {
      .catalog-item.catalog-item--view-mode-full .outer-container {
        padding-bottom: 2.4rem; } }
  .catalog-item.catalog-item--view-mode-full ul {
    margin: 0 0 0 28px; }
    @media (max-width: 767px) {
      .catalog-item.catalog-item--view-mode-full ul {
        margin-left: 0; } }
  @media (min-width: 768px) {
    .catalog-item.catalog-item--view-mode-full .catalog-item__covers--mobile {
      display: none !important; } }
  @media (max-width: 767px) {
    .catalog-item.catalog-item--view-mode-full .catalog-item__covers--desktop {
      display: none !important; } }
  .catalog-item.catalog-item--view-mode-full .catalog-item__section-first {
    position: relative;
    display: flex;
    flex-wrap: wrap; }
    @media (max-width: 767px) {
      .catalog-item.catalog-item--view-mode-full .catalog-item__section-first {
        flex-direction: column; } }
  @media (max-width: 767px) {
    .catalog-item.catalog-item--view-mode-full .catalog-item__basic-info {
      width: calc(100vw + 2.4rem);
      margin-left: -2.4rem;
      margin-right: -2.4rem;
      padding: 2.4rem;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      background-color: #f9f9f9;
      border-bottom: 1px solid #dbdbdb;
      margin: -2.4rem -2.4rem 5rem; }
      .catalog-item.catalog-item--view-mode-full .catalog-item__basic-info .catalog-item__covers {
        width: 20%; }
      .catalog-item.catalog-item--view-mode-full .catalog-item__basic-info .catalog-item__basic-info--headerinfo {
        width: 80%;
        padding-left: 1.6rem; } }
  .catalog-item.catalog-item--view-mode-full .catalog-item__basic-info .catalog-item__basic-info--headerinfo h2 {
    text-transform: none;
    margin-bottom: 3rem; }
    @media (max-width: 767px) {
      .catalog-item.catalog-item--view-mode-full .catalog-item__basic-info .catalog-item__basic-info--headerinfo h2 {
        margin: 1.5rem 0 0;
        font-size: 2rem; } }
  .catalog-item.catalog-item--view-mode-full .catalog-item__basic-info .catalog-item__basic-info--headerinfo .catalog-item__authors {
    margin-bottom: 3rem; }
  .catalog-item.catalog-item--view-mode-full .catalog-item__basic-info .catalog-item__basic-info--headerinfo .catalog-item__wishlist-button {
    margin-top: 1rem; }
    @media (max-width: 767px) {
      .catalog-item.catalog-item--view-mode-full .catalog-item__basic-info .catalog-item__basic-info--headerinfo .catalog-item__wishlist-button {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 0; } }
  @media (max-width: 767px) {
    .catalog-item.catalog-item--view-mode-full .catalog-item__wishlist-button--desktop {
      display: none; } }
  .catalog-item.catalog-item--view-mode-full .catalog-item__content {
    width: 100%; }
    @media (max-width: 767px) {
      .catalog-item.catalog-item--view-mode-full .catalog-item__content {
        width: 100%;
        padding: 0; } }
    @media (min-width: 768px) {
      .catalog-item.catalog-item--view-mode-full .catalog-item__content {
        width: 60%;
        padding: 3.6rem 2.4rem 0 0; } }
  .catalog-item.catalog-item--view-mode-full .catalog-item__item-actions {
    padding: 1.2rem 0 0 2.4rem; }
    @media (max-width: 767px) {
      .catalog-item.catalog-item--view-mode-full .catalog-item__item-actions {
        padding: 0; } }
  .catalog-item.catalog-item--view-mode-full .catalog-item__section-third {
    flex: 1;
    flex-basis: 100%; }
  .catalog-item.catalog-item--view-mode-full .other-accessible-formats-wrapper {
    flex-grow: 1;
    padding: 2rem; }
    .catalog-item.catalog-item--view-mode-full .other-accessible-formats-wrapper h4 {
      line-height: 15px;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: .2em;
      text-transform: none;
      padding: 0;
      color: #000;
      margin-bottom: 1rem;
      letter-spacing: normal; }
    .catalog-item.catalog-item--view-mode-full .other-accessible-formats-wrapper .other-formats-title {
      height: 100%;
      margin-bottom: 1rem;
      display: flex;
      align-items: center;
      color: var(--color-button);
      cursor: pointer;
      text-decoration: none; }
      @media (min-width: 768px) {
        .catalog-item.catalog-item--view-mode-full .other-accessible-formats-wrapper .other-formats-title {
          height: auto;
          color: #656464;
          font-size: 1.4rem;
          font-weight: bold; }
          .catalog-item.catalog-item--view-mode-full .other-accessible-formats-wrapper .other-formats-title::after {
            content: ':'; } }
      .catalog-item.catalog-item--view-mode-full .other-accessible-formats-wrapper .other-formats-title .icon {
        margin-left: .5rem; }
        @media (min-width: 768px) {
          .catalog-item.catalog-item--view-mode-full .other-accessible-formats-wrapper .other-formats-title .icon {
            display: none; } }
    @media (min-width: 768px) {
      .catalog-item.catalog-item--view-mode-full .other-accessible-formats-wrapper .other-accessible-formats {
        display: flex;
        flex-wrap: wrap; } }
    @media (min-width: 768px) {
      .catalog-item.catalog-item--view-mode-full .other-accessible-formats-wrapper .other-accessible-formats .other-formats {
        display: flex;
        align-items: flex-end; } }
    .catalog-item.catalog-item--view-mode-full .other-accessible-formats-wrapper .other-accessible-formats .other-formats a {
      display: flex;
      margin: .5rem 0; }
      @media (min-width: 768px) {
        .catalog-item.catalog-item--view-mode-full .other-accessible-formats-wrapper .other-accessible-formats .other-formats a {
          margin: 0 1rem; } }
      .catalog-item.catalog-item--view-mode-full .other-accessible-formats-wrapper .other-accessible-formats .other-formats a .catalog-item-icon-other {
        width: 20px;
        flex: 0 0 20px;
        margin: .2rem 1rem .2rem 0;
        padding-left: 0;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center; }
    .catalog-item.catalog-item--view-mode-full .other-accessible-formats-wrapper .other-accessible-formats .other-formats + .accessible-formats-wrapper {
      margin: 1rem 0 0; }
      @media (min-width: 768px) {
        .catalog-item.catalog-item--view-mode-full .other-accessible-formats-wrapper .other-accessible-formats .other-formats + .accessible-formats-wrapper {
          margin: 0 0 0 1rem; } }
    @media (min-width: 768px) {
      .catalog-item.catalog-item--view-mode-full .other-accessible-formats-wrapper .other-accessible-formats .accessible-formats-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: flex-end; } }
    .catalog-item.catalog-item--view-mode-full .other-accessible-formats-wrapper .other-accessible-formats .accessible-formats-wrapper .accessible-formats-title {
      display: flex;
      align-items: center;
      margin-bottom: .8rem;
      color: #656464; }
      .catalog-item.catalog-item--view-mode-full .other-accessible-formats-wrapper .other-accessible-formats .accessible-formats-wrapper .accessible-formats-title::before {
        content: '';
        width: 20px;
        height: 20px;
        margin-right: 1rem;
        background: url("/themes/custom/library_portal_theme/assets/img/universal-access.png") no-repeat left top;
        background-size: 20px 20px; }
    .catalog-item.catalog-item--view-mode-full .other-accessible-formats-wrapper .other-accessible-formats .accessible-formats-wrapper .accessible-formats {
      margin-left: calc(20px + 1rem); }
      @media (min-width: 768px) {
        .catalog-item.catalog-item--view-mode-full .other-accessible-formats-wrapper .other-accessible-formats .accessible-formats-wrapper .accessible-formats {
          display: flex;
          flex-wrap: wrap; } }
      .catalog-item.catalog-item--view-mode-full .other-accessible-formats-wrapper .other-accessible-formats .accessible-formats-wrapper .accessible-formats a {
        display: block;
        margin: .5rem 0; }
        @media (min-width: 768px) {
          .catalog-item.catalog-item--view-mode-full .other-accessible-formats-wrapper .other-accessible-formats .accessible-formats-wrapper .accessible-formats a {
            margin: 0; }
            .catalog-item.catalog-item--view-mode-full .other-accessible-formats-wrapper .other-accessible-formats .accessible-formats-wrapper .accessible-formats a:not(:last-child)::after {
              content: '';
              display: inline-block;
              width: 1px;
              height: 1.2rem;
              margin: 0 1rem;
              background: #ddd; } }
  .catalog-item.catalog-item--view-mode-full .catalog-item--view-mode-full--header-top {
    display: flex;
    color: #000; }
    .catalog-item.catalog-item--view-mode-full .catalog-item--view-mode-full--header-top .catalog-item-icon {
      width: 50%;
      max-width: 176px;
      float: none;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-top: 1rem;
      padding-right: 1rem;
      padding-bottom: 1rem;
      border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;
      background-color: #f3f3f3;
      text-align: left;
      overflow: hidden; }
      @media (min-width: 768px) {
        :not(.catalog-item--view-mode-teaser).catalog-item.catalog-item--view-mode-full .catalog-item--view-mode-full--header-top .catalog-item-icon {
          padding: 5rem 1rem 1rem;
          background-position: center 1rem;
          background-size: auto 3.5rem;
          text-align: center; } }
      .catalog-item.catalog-item--view-mode-full .catalog-item--view-mode-full--header-top .catalog-item-icon.with-border-bottom {
        position: relative; }
        .catalog-item.catalog-item--view-mode-full .catalog-item--view-mode-full--header-top .catalog-item-icon.with-border-bottom::after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 3px;
          background: var(--cuc-colorscheme-color1); }
      .catalog-item.catalog-item--view-mode-full .catalog-item--view-mode-full--header-top .catalog-item-icon .main-format {
        font-weight: bold; }
      .catalog-item.catalog-item--view-mode-full .catalog-item--view-mode-full--header-top .catalog-item-icon .catalog-item__type--language {
        font-size: 1.4rem; }
    .catalog-item.catalog-item--view-mode-full .catalog-item--view-mode-full--header-top .other-accessible-formats-wrapper {
      padding-top: 1rem;
      padding-bottom: 1rem; }
      .catalog-item.catalog-item--view-mode-full .catalog-item--view-mode-full--header-top .other-accessible-formats-wrapper .other-accessible-formats .other-formats a {
        flex-direction: column; }
        .catalog-item.catalog-item--view-mode-full .catalog-item--view-mode-full--header-top .other-accessible-formats-wrapper .other-accessible-formats .other-formats a .catalog-item-icon-other {
          width: 100%;
          flex-basis: auto;
          height: 25px;
          margin: 0 0 .8rem; }
  .catalog-item.catalog-item--view-mode-full .catalog-item__covers {
    display: flex;
    align-items: flex-start; }
    .catalog-item.catalog-item--view-mode-full .catalog-item__covers img {
      background-color: #fff;
      border: 3px solid #fff;
      line-height: 0;
      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
      border-radius: 4px;
      width: 100%;
      transition: all 0.53s ease;
      position: relative; }
  .catalog-item.catalog-item--view-mode-full .catalog-item__cover-thumbnails {
    width: 35%;
    padding-left: 1.8rem; }
    @media (max-width: 959px) {
      .catalog-item.catalog-item--view-mode-full .catalog-item__cover-thumbnails {
        display: none; } }
    .catalog-item.catalog-item--view-mode-full .catalog-item__cover-thumbnails img {
      width: 100%;
      height: auto; }
  .catalog-item.catalog-item--view-mode-full .catalog-item__type--mobile,
  .catalog-item.catalog-item--view-mode-full .catalog-item__type--desktop {
    display: none; }
  .catalog-item.catalog-item--view-mode-full .catalog-item__type {
    font-size: 1.4rem;
    color: #5b6062; }
    @media (max-width: 959px) {
      .catalog-item.catalog-item--view-mode-full .catalog-item__type {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row; } }
    .catalog-item.catalog-item--view-mode-full .catalog-item__type .catalog-item__type--language {
      display: block;
      font-weight: 100;
      text-transform: none;
      letter-spacing: normal;
      line-height: 1.5; }
  @media (min-width: 960px) {
    .catalog-item.catalog-item--view-mode-full .catalog-item__type--desktop {
      display: block; } }
  .catalog-item.catalog-item--view-mode-full .add-to-list-admin a.my-library--add-to-list .icon {
    display: none; }
  .catalog-item.catalog-item--view-mode-full .other-languages-items-wrapper {
    position: relative;
    padding: 2rem 2rem 2rem 4rem; }
    .catalog-item.catalog-item--view-mode-full .other-languages-items-wrapper::before {
      content: '';
      position: absolute;
      top: 2rem;
      left: 2rem;
      width: 2px;
      height: calc(100% - 2 * 2rem);
      background: var(--cuc-colorscheme-color1); }
    .catalog-item.catalog-item--view-mode-full .other-languages-items-wrapper .other-languages-items-title {
      line-height: 15px;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: .2em;
      text-transform: none;
      padding: 0;
      color: #000;
      margin-bottom: 1rem;
      letter-spacing: normal; }
    .catalog-item.catalog-item--view-mode-full .other-languages-items-wrapper .other-languages-items {
      display: flex;
      flex-wrap: wrap; }
      .catalog-item.catalog-item--view-mode-full .other-languages-items-wrapper .other-languages-items a:not(:last-child)::after {
        content: '';
        display: inline-block;
        width: 1px;
        height: 1.2rem;
        margin: 0 1rem;
        background: #ddd; }
  .catalog-item.catalog-item--view-mode-full .catalog-item__about-this {
    margin-top: 1rem; }
  .catalog-item.catalog-item--view-mode-full .catalog-item__authors {
    margin-bottom: 2rem;
    font-weight: 500;
    color: #28528a; }
  .catalog-item.catalog-item--view-mode-full .catalog-item-meta {
    margin-bottom: 1rem; }
    @media (min-width: 768px) {
      .catalog-item.catalog-item--view-mode-full .catalog-item-meta {
        display: flex;
        margin-bottom: .5rem; } }
    @media (min-width: 768px) {
      .catalog-item.catalog-item--view-mode-full .catalog-item-meta .catalog-item__label {
        width: 50%;
        max-width: 150px;
        flex: 0 0 50%; } }
    .catalog-item.catalog-item--view-mode-full .catalog-item-meta a {
      text-decoration: none; }
      .catalog-item.catalog-item--view-mode-full .catalog-item-meta a:hover {
        text-decoration: underline; }
  .catalog-item.catalog-item--view-mode-full .catalog-item__detail-group {
    margin: 0; }
    .catalog-item.catalog-item--view-mode-full .catalog-item__detail-group--first {
      margin-top: 0; }
  .catalog-item.catalog-item--view-mode-full .catalog-item__book-details {
    margin-top: 2.4rem; }
    .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__summary {
      margin-bottom: 1.6rem; }
    .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group {
      font-size: 1.4rem;
      border: 1px solid #dbdbdb;
      border-radius: 3px;
      background-color: #f9f9f9;
      margin: 4rem 0;
      border: 0 solid transparent;
      border-radius: 3px;
      background-color: transparent;
      margin: 0 0 2rem; }
      .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group dt {
        padding: .5rem .5rem .5rem 1.5rem;
        margin-top: 0;
        width: 20%;
        display: inline-block;
        float: left;
        font-weight: normal;
        color: #4a4a4a;
        height: 100%;
        clear: both; }
        @media (max-width: 767px) {
          .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group dt {
            font-size: 14px !important;
            font-weight: 600;
            display: block;
            width: 100%;
            background-color: #f9f9f9;
            margin-bottom: 1rem; } }
      .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group dd {
        padding: 0 .5rem .5rem 1.5rem;
        font-weight: normal;
        display: inline-block;
        width: 65%;
        line-height: 25px;
        font-size: 16px;
        color: #333333; }
        .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group dd span {
          display: inline-block; }
          .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group dd span:first-of-type {
            margin-left: 0; }
          .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group dd span.inline-data {
            display: inline; }
            .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group dd span.inline-data::after {
              content: '-';
              display: inline-block;
              margin-right: 1rem;
              margin-left: 1em; }
            .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group dd span.inline-data:first-of-type {
              margin-right: 0; }
            .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group dd span.inline-data:last-of-type {
              margin-left: 0; }
              .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group dd span.inline-data:last-of-type::after {
                display: none; }
        @media (max-width: 767px) {
          .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group dd {
            display: block;
            width: 100%;
            border-left: 0 solid #dbdbdb;
            margin-bottom: 1rem; } }
      .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group--ratings {
        border-top: 1px solid #e6e6e6;
        padding-top: 2rem;
        margin-top: 2rem;
        margin-bottom: 0 !important; }
        .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group--ratings dt {
          width: auto !important;
          margin-top: 3px !important;
          padding-top: 14px; }
        .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group--ratings dd span {
          font-weight: bold; }
      .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group dl {
        width: auto;
        margin: 0 !important; }
      .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group dt {
        line-height: 15px;
        font-size: 14px;
        text-transform: none;
        color: #000;
        padding-left: 0; }
        @media (min-width: 768px) {
          .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group dt {
            font-weight: 600; } }
      @media (max-width: 767px) {
        .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group dd {
          background-color: transparent;
          padding-left: 0; } }
      .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group dd.catalog-item__detail-group--ratings--dd {
        display: inline-flex; }
        @media (max-width: 767px) {
          .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group dd.catalog-item__detail-group--ratings--dd {
            flex-direction: column; } }
        .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group dd.catalog-item__detail-group--ratings--dd a {
          margin-right: 1.5rem;
          text-align: center;
          text-decoration: none;
          display: flex; }
          @media (max-width: 767px) {
            .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group dd.catalog-item__detail-group--ratings--dd a {
              margin-bottom: 1rem; } }
          .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group dd.catalog-item__detail-group--ratings--dd a img {
            max-height: 34px; }
          .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group dd.catalog-item__detail-group--ratings--dd a span {
            font-size: 14px;
            color: #000;
            margin: auto 2rem auto 1rem; }
    .catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group--multiline .catalog-item__detail-group-data {
      display: block;
      margin-left: 0; }
  .catalog-item.catalog-item--view-mode-full #details-tab-content dt {
    text-align: left; }
  .catalog-item.catalog-item--view-mode-full .js-show-more-tracks {
    display: block;
    margin: 2rem 0; }
  .catalog-item.catalog-item--view-mode-full .catalog-item__tracks {
    padding: 0;
    list-style: none;
    margin-bottom: 2.4rem; }
  .catalog-item.catalog-item--view-mode-full .catalog-item__tracks--more-tracks {
    display: none; }
    .catalog-item.catalog-item--view-mode-full .catalog-item__tracks--more-tracks.is-visible {
      display: block; }
  .catalog-item.catalog-item--view-mode-full .catalog-item__track {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.9rem;
    border-bottom: solid 1px #dbdbdb;
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
    justify-content: space-between; }
    .catalog-item.catalog-item--view-mode-full .catalog-item__track:last-child {
      border-bottom: 0; }
    .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__track-info {
      flex-basis: calc(100% - 140px); }
      @media (max-width: 767px) {
        .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__track-info {
          flex-basis: calc(100% - 98px); } }
    .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__track-number {
      margin-right: 1.2rem;
      width: 25px;
      font-weight: bold; }
      @media (max-width: 767px) {
        .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__track-number {
          flex-basis: 100%;
          margin-bottom: 0.6rem; } }
    .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__track-title {
      font-weight: bold; }
    .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__play {
      width: 30px;
      height: 30px;
      cursor: pointer;
      overflow: hidden;
      margin-left: auto; }
      .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__play::before {
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: inherit;
        content: "\F01D"; }
      .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__play::before {
        font-size: 30px;
        line-height: 1; }
      .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__play.playing::before {
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: inherit;
        content: "\F04C"; }
    .catalog-item.catalog-item--view-mode-full .catalog-item__track .tracks-more-info {
      width: 30px; }
      .catalog-item.catalog-item--view-mode-full .catalog-item__track .tracks-more-info::before {
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: inherit;
        content: "\F05A"; }
      .catalog-item.catalog-item--view-mode-full .catalog-item__track .tracks-more-info::before {
        font-size: 30px;
        line-height: 1; }
    .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__track-actions {
      display: flex;
      justify-content: space-between;
      margin-right: 1.8rem;
      width: 80px; }
      @media (max-width: 767px) {
        .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__track-actions {
          margin-right: 0; } }
    .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item-tracks__more-info {
      margin-left: auto;
      display: flex; }
      .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item-tracks__more-info .catalog-item-tracks__first-author {
        margin-right: 2.4rem; }
        .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item-tracks__more-info .catalog-item-tracks__first-author a {
          font-weight: bold; }
    .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__track-details {
      font-size: 1.4rem;
      border: 1px solid #dbdbdb;
      border-radius: 3px;
      background-color: #f9f9f9;
      margin: 4rem 0;
      display: none;
      flex-basis: 100%;
      font-size: initial;
      border: 0;
      padding: 0;
      margin: 0; }
      .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__track-details dt {
        padding: .5rem .5rem .5rem 1.5rem;
        margin-top: 0;
        width: 20%;
        display: inline-block;
        float: left;
        font-weight: normal;
        color: #4a4a4a;
        height: 100%;
        clear: both; }
        @media (max-width: 767px) {
          .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__track-details dt {
            font-size: 14px !important;
            font-weight: 600;
            display: block;
            width: 100%;
            background-color: #f9f9f9;
            margin-bottom: 1rem; } }
      .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__track-details dd {
        padding: 0 .5rem .5rem 1.5rem;
        font-weight: normal;
        display: inline-block;
        width: 65%;
        line-height: 25px;
        font-size: 16px;
        color: #333333; }
        .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__track-details dd span {
          display: inline-block; }
          .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__track-details dd span:first-of-type {
            margin-left: 0; }
          .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__track-details dd span.inline-data {
            display: inline; }
            .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__track-details dd span.inline-data::after {
              content: '-';
              display: inline-block;
              margin-right: 1rem;
              margin-left: 1em; }
            .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__track-details dd span.inline-data:first-of-type {
              margin-right: 0; }
            .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__track-details dd span.inline-data:last-of-type {
              margin-left: 0; }
              .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__track-details dd span.inline-data:last-of-type::after {
                display: none; }
        @media (max-width: 767px) {
          .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__track-details dd {
            display: block;
            width: 100%;
            border-left: 0 solid #dbdbdb;
            margin-bottom: 1rem; } }
      .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__track-details dl {
        display: flex;
        margin: 1.2rem 0 1.2rem 2.4rem; }
      .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__track-details dt {
        text-align: right;
        margin: 0 30px 0 1.8rem;
        width: 135px; }
      .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__track-details dd {
        margin-left: 165px;
        width: 60%; }
        .catalog-item.catalog-item--view-mode-full .catalog-item__track .catalog-item__track-details dd:first-of-type {
          margin-left: 0; }
    .catalog-item.catalog-item--view-mode-full .catalog-item__track--has-no-details .catalog-item__track--authors {
      width: 40%;
      text-align: right; }
      .catalog-item.catalog-item--view-mode-full .catalog-item__track--has-no-details .catalog-item__track--authors a {
        font-weight: bold; }
  .catalog-item.catalog-item--view-mode-full .catalog-item__awards {
    margin: 0;
    padding: 0;
    list-style: none; }
    .catalog-item.catalog-item--view-mode-full .catalog-item__awards li + li {
      margin-top: 2.4rem; }
  .catalog-item.catalog-item--view-mode-full .catalog-item-availability--available {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
    font-family: "DINPro", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    color: #4a4a4a;
    background-image: linear-gradient(#ffffff, #efefef);
    background-color: transparent;
    font-size: 1.6rem;
    padding: 1.8rem 2.4rem;
    border: 0 solid #28528a;
    background: transparent;
    color: #fff;
    font-weight: bold;
    font-size: 1.4rem;
    width: 100%;
    flex-direction: row;
    font-weight: 600;
    color: #000;
    margin-top: 1rem; }
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability--available:disabled {
      cursor: not-allowed;
      opacity: .55; }
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability--available:active, .catalog-item.catalog-item--view-mode-full .catalog-item-availability--available.nice-select.open, .catalog-item.catalog-item--view-mode-full .catalog-item-availability--available:focus, .catalog-item.catalog-item--view-mode-full .catalog-item-availability--available:hover {
      text-decoration: none; }
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability--available strong {
      font-weight: bold;
      font-size: 2.4rem;
      margin-right: .7rem;
      display: inline-block; }
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability--available:hover .strong {
      -webkit-animation: pulsate-fwd .55s ease-in-out infinite both;
      animation: pulsate-fwd .55s ease-in-out infinite both; }
  .catalog-item.catalog-item--view-mode-full .catalog-item-availability--details {
    background-color: #28528a;
    line-height: 2.2rem;
    display: flex;
    align-items: center;
    padding: 1.4rem;
    width: auto;
    font-weight: bold; }
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability--details span {
      flex-basis: calc(100% - 30px);
      text-align: left; }
    @media (min-width: 768px) {
      .catalog-item.catalog-item--view-mode-full .catalog-item-availability--details {
        width: 100%;
        font-weight: bold;
        color: #fff;
        padding: 1.8rem 1rem; } }
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability--details i {
      width: 30px;
      height: 18px;
      margin-left: auto;
      font-size: 2rem; }
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability--details svg {
      width: 30px;
      height: 30px;
      margin-left: auto; }
      @media (min-width: 768px) {
        .catalog-item.catalog-item--view-mode-full .catalog-item-availability--details svg {
          width: 20px;
          height: 20px; } }
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability--details i {
      margin-left: auto; }
  .catalog-item.catalog-item--view-mode-full .catalog-item-mijn-luisterpunt-title {
    margin-bottom: 1rem;
    color: var(--color-button);
    font-size: 1.6rem; }
  .catalog-item.catalog-item--view-mode-full .catalog-item-mijn-luisterpunt-fragment {
    background-color: #fff;
    line-height: 2.2rem;
    display: flex;
    align-items: center;
    padding: 1.4rem;
    width: auto;
    font-weight: bold;
    color: var(--color-button); }
    .catalog-item.catalog-item--view-mode-full .catalog-item-mijn-luisterpunt-fragment span {
      flex-basis: calc(100% - 30px);
      text-align: left; }
    @media (min-width: 768px) {
      .catalog-item.catalog-item--view-mode-full .catalog-item-mijn-luisterpunt-fragment {
        width: 100%;
        font-weight: bold;
        color: var(--color-button);
        padding: 1.8rem 1rem; } }
    .catalog-item.catalog-item--view-mode-full .catalog-item-mijn-luisterpunt-fragment i {
      width: 30px;
      height: 18px;
      margin-left: auto;
      font-size: 2rem; }
    .catalog-item.catalog-item--view-mode-full .catalog-item-mijn-luisterpunt-fragment svg {
      width: 30px;
      height: 30px;
      margin-left: auto; }
      @media (min-width: 768px) {
        .catalog-item.catalog-item--view-mode-full .catalog-item-mijn-luisterpunt-fragment svg {
          width: 20px;
          height: 20px; } }
    .catalog-item.catalog-item--view-mode-full .catalog-item-mijn-luisterpunt-fragment i {
      margin-left: auto; }
    .catalog-item.catalog-item--view-mode-full .catalog-item-mijn-luisterpunt-fragment svg {
      margin-top: -4px;
      width: 30px;
      height: 30px;
      fill: var(--color-button); }
    .catalog-item.catalog-item--view-mode-full .catalog-item-mijn-luisterpunt-fragment.playing svg {
      -webkit-animation: pulsate-fwd .5s ease-in-out infinite both;
              animation: pulsate-fwd .5s ease-in-out infinite both; }
  @media (max-width: 767px) {
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability--article {
      margin-top: 1.8rem; } }
  .catalog-item.catalog-item--view-mode-full .catalog-item-availability--available-buttonwrapper .button:not(:last-of-type) {
    margin-bottom: 1rem; }
  .catalog-item.catalog-item--view-mode-full .catalog-item-mijn-luisterpunt-url,
  .catalog-item.catalog-item--view-mode-full .catalog-item-availability--reservation {
    background-color: #28528a;
    line-height: 2.2rem;
    display: flex;
    align-items: center;
    padding: 1.4rem;
    width: auto;
    font-weight: bold; }
    .catalog-item.catalog-item--view-mode-full .catalog-item-mijn-luisterpunt-url span,
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability--reservation span {
      flex-basis: calc(100% - 30px);
      text-align: left; }
    @media (min-width: 768px) {
      .catalog-item.catalog-item--view-mode-full .catalog-item-mijn-luisterpunt-url,
      .catalog-item.catalog-item--view-mode-full .catalog-item-availability--reservation {
        width: 100%;
        font-weight: bold;
        color: #fff;
        padding: 1.8rem 1rem; } }
    .catalog-item.catalog-item--view-mode-full .catalog-item-mijn-luisterpunt-url i,
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability--reservation i {
      width: 30px;
      height: 18px;
      margin-left: auto;
      font-size: 2rem; }
    .catalog-item.catalog-item--view-mode-full .catalog-item-mijn-luisterpunt-url svg,
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability--reservation svg {
      width: 30px;
      height: 30px;
      margin-left: auto; }
      @media (min-width: 768px) {
        .catalog-item.catalog-item--view-mode-full .catalog-item-mijn-luisterpunt-url svg,
        .catalog-item.catalog-item--view-mode-full .catalog-item-availability--reservation svg {
          width: 20px;
          height: 20px; } }
    .catalog-item.catalog-item--view-mode-full .catalog-item-mijn-luisterpunt-url i,
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability--reservation i {
      margin-left: auto; }
    .catalog-item.catalog-item--view-mode-full .catalog-item-mijn-luisterpunt-url svg,
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability--reservation svg {
      width: 20px;
      height: 20px;
      margin-right: calc(1rem + 10px); }
      @media (min-width: 768px) {
        .catalog-item.catalog-item--view-mode-full .catalog-item-mijn-luisterpunt-url svg,
        .catalog-item.catalog-item--view-mode-full .catalog-item-availability--reservation svg {
          margin-right: 0; } }
  .catalog-item.catalog-item--view-mode-full .catalog-item-availability--search-in-flemish {
    display: block;
    background: transparent;
    width: 100%; }
  .catalog-item.catalog-item--view-mode-full .availability {
    padding-bottom: 1rem;
    font-weight: 600; }
    .catalog-item.catalog-item--view-mode-full .availability--available {
      color: #1c8147; }
    .catalog-item.catalog-item--view-mode-full .availability--unavailable {
      color: #bf4a4a; }
    .catalog-item.catalog-item--view-mode-full .availability + .availability {
      padding-top: 1rem;
      border-top: 1px solid #dbdbdb; }
  .catalog-item.catalog-item--view-mode-full .what-is-it {
    display: block;
    margin-bottom: 1rem; }
  .catalog-item.catalog-item--view-mode-full .catalog-item-availability-location {
    background-color: white;
    line-height: 2.2rem;
    display: flex;
    align-items: center;
    padding: 1.4rem;
    width: auto;
    font-weight: bold;
    margin-top: 0; }
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability-location span {
      flex-basis: calc(100% - 30px);
      text-align: left; }
    @media (min-width: 768px) {
      .catalog-item.catalog-item--view-mode-full .catalog-item-availability-location {
        width: 100%;
        font-weight: bold;
        color: black;
        padding: 1.8rem 1rem; } }
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability-location i {
      width: 30px;
      height: 18px;
      margin-left: auto;
      font-size: 2rem; }
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability-location svg {
      width: 30px;
      height: 30px;
      margin-left: auto; }
      @media (min-width: 768px) {
        .catalog-item.catalog-item--view-mode-full .catalog-item-availability-location svg {
          width: 20px;
          height: 20px; } }
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability-location i {
      margin-left: auto; }
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability-location i {
      color: #75cae5; }
  .catalog-item.catalog-item--view-mode-full .catalog-item-availability--summary {
    margin-top: 2.4rem; }
    @media (min-width: 768px) {
      .catalog-item.catalog-item--view-mode-full .catalog-item-availability--summary {
        margin-top: 0; } }
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability--summary .ajax-progress.ajax-progress-throbber {
      display: none; }
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability--summary .block,
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability--summary .catalog-item-availability--available-buttonwrapper {
      background-color: #f9f9f9; }
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability--summary .what-is-it {
      display: inline-block;
      margin-bottom: 1rem; }
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability--summary .cloud-library-availability {
      margin-bottom: 2rem; }
      .catalog-item.catalog-item--view-mode-full .catalog-item-availability--summary .cloud-library-availability .cloud-library-availability-title {
        display: flex;
        justify-content: space-between; }
      .catalog-item.catalog-item--view-mode-full .catalog-item-availability--summary .cloud-library-availability .button {
        display: block; }
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability--summary .title {
      color: #000;
      font-weight: 700; }
    .catalog-item.catalog-item--view-mode-full .catalog-item-availability--summary .cloud-library-request-wrapper {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(0, 0, 0, 0.5);
      z-index: 9999999; }
      .catalog-item.catalog-item--view-mode-full .catalog-item-availability--summary .cloud-library-request-wrapper .cloud-library-request-popup {
        position: relative;
        width: 90%;
        max-width: 500px;
        padding: 40px;
        border-radius: 6px;
        background: #fff; }
        .catalog-item.catalog-item--view-mode-full .catalog-item-availability--summary .cloud-library-request-wrapper .cloud-library-request-popup .close {
          position: absolute;
          right: 2rem;
          top: 2rem;
          display: block;
          color: #000;
          font-size: 2rem;
          text-decoration: none;
          text-indent: -999999px; }
          .catalog-item.catalog-item--view-mode-full .catalog-item-availability--summary .cloud-library-request-wrapper .cloud-library-request-popup .close::after {
            content: '\F00D';
            display: block;
            font-family: FontAwesome;
            text-indent: 0; }
  .catalog-item.catalog-item--view-mode-full .catalog-item-title-link {
    color: #000; }
  .catalog-item.catalog-item--view-mode-full .catalog-item-title {
    margin: 0 0 2rem;
    color: #000;
    font-size: 36px;
    font-weight: 600;
    line-height: 39px;
    text-transform: none; }
    @media (max-width: 767px) {
      .catalog-item.catalog-item--view-mode-full .catalog-item-title {
        line-height: 23px;
        font-size: 24px; } }
  .catalog-item.catalog-item--view-mode-full .catalog-item-subtitle .label {
    font-style: italic; }

.layout--catalog-item-detail .block-catalog-item-suggestions-block {
  margin-top: 3rem; }
  .layout--catalog-item-detail .block-catalog-item-suggestions-block .block-wrapper > h2 {
    display: block;
    z-index: 2;
    position: relative; }
    @media (min-width: 768px) {
      .layout--catalog-item-detail .block-catalog-item-suggestions-block .block-wrapper > h2 {
        padding-bottom: 2rem; } }
  .layout--catalog-item-detail .block-catalog-item-suggestions-block .suggestion-white-wrap {
    background-color: #fff; }
  .layout--catalog-item-detail .block-catalog-item-suggestions-block .carousel__tabs {
    position: relative; }
    .layout--catalog-item-detail .block-catalog-item-suggestions-block .carousel__tabs::before {
      content: '';
      position: absolute;
      top: -.6rem;
      left: 50%;
      transform: translateX(-50vw);
      width: 100vw;
      height: 100%;
      border-bottom: 1px solid #dbdbdb;
      background-color: #f9f9f9; }

.catalog-item-author-wiki__section-second p span a,
.catalog-item-review-body-close-link,
.review-read-more-link {
  display: block;
  margin: 2rem 0; }
  .catalog-item-author-wiki__section-second p span a::after,
  .catalog-item-review-body-close-link::after,
  .review-read-more-link::after {
    padding-left: 1rem; }

.catalog-item-review-body-close-link::after {
  display: inline-block;
  font: normal normal normal 14px / 1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: inherit;
  content: "\F066"; }

.catalog-item-author-wiki__section-second p span a::after {
  display: inline-block;
  font: normal normal normal 14px / 1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: inherit;
  content: "\F08E"; }

#scrollspy-navigation {
  width: 100%;
  background-color: #fff;
  padding-top: 2rem;
  display: none;
  margin-bottom: 2rem; }
  @media (max-width: 767px) {
    #scrollspy-navigation {
      padding-top: 1rem; } }
  #scrollspy-navigation .wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    padding-left: 0;
    padding-right: 0; }
    @media (min-width: 960px) {
      #scrollspy-navigation .wrapper {
        padding-left: 2.4rem;
        padding-right: 2.4rem; } }
  #scrollspy-navigation.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3489898;
    box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.1);
    display: block; }
    @media (max-width: 767px) {
      #scrollspy-navigation.fixed .wrapper {
        margin-left: 0;
        margin-right: 0; } }
  #scrollspy-navigation .scrollspy-list {
    list-style: none;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 0; }
    @media (min-width: 768px) {
      #scrollspy-navigation .scrollspy-list {
        justify-content: center; } }
    #scrollspy-navigation .scrollspy-list li {
      margin-right: 1rem; }
      @media (max-width: 767px) {
        #scrollspy-navigation .scrollspy-list li {
          margin-right: .5rem; } }
      #scrollspy-navigation .scrollspy-list li:last-child {
        margin-right: 0; }
      #scrollspy-navigation .scrollspy-list li a {
        display: block;
        font-size: 2rem;
        font-weight: normal;
        border-bottom: 5px solid transparent;
        text-decoration: none;
        color: #757575;
        padding: .5rem 2rem 1.8rem;
        transition: border .2s linear, color .2s linear; }
        @media (max-width: 767px) {
          #scrollspy-navigation .scrollspy-list li a {
            font-size: 1.2rem;
            margin-right: 0;
            padding: 0 0 .5rem; } }
        #scrollspy-navigation .scrollspy-list li a.active {
          border-bottom: 5px solid var(--cuc-colorscheme-color1);
          font-weight: 700;
          color: #000; }

.catalog-item-reviews-group {
  background: #fff !important;
  border: 1px solid #dbdbdb !important;
  box-sizing: border-box;
  border-radius: 6px;
  padding: 2.4rem !important; }
  @media (max-width: 767px) {
    .catalog-item-reviews-group {
      border-left: 0;
      border-right: 0;
      border-radius: 0; } }

.block-library-portal-core-wiki-author-block {
  color: #333; }
  @media (max-width: 767px) {
    .block-library-portal-core-wiki-author-block {
      padding-top: 3.4rem;
      box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); } }
  .block-library-portal-core-wiki-author-block .ui-accordion-content {
    background: #fff !important;
    border: 1px solid #dbdbdb !important;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 2.4rem !important; }

#availability-info {
  overflow: hidden;
  margin-bottom: 6rem; }

.region-enabled-location-row .header {
  padding: 2rem 1.5rem 0; }
  @media (min-width: 960px) {
    .region-enabled-location-row .header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between; } }
  .region-enabled-location-row .header .title-location {
    margin-bottom: 1.8rem;
    color: #28528a;
    font-size: 2rem;
    font-weight: 600; }
  .region-enabled-location-row .header .availability-location-opening-hours {
    margin-bottom: 2rem; }
  .region-enabled-location-row .header .availability-details-wrapper {
    display: flex;
    align-items: center; }
    @media (min-width: 960px) {
      .region-enabled-location-row .header .availability-details-wrapper {
        margin-left: auto; } }
    .region-enabled-location-row .header .availability-details-wrapper .badge {
      padding: .5rem 1rem;
      border-radius: 6px;
      color: #fff;
      font-weight: 500; }
      @media (min-width: 960px) {
        .region-enabled-location-row .header .availability-details-wrapper .badge {
          white-space: nowrap; } }
      .region-enabled-location-row .header .availability-details-wrapper .badge.bg-green {
        background-color: #1c8147; }
      .region-enabled-location-row .header .availability-details-wrapper .badge.bg-red {
        background-color: #bf4a4a; }
    .region-enabled-location-row .header .availability-details-wrapper .details-toggle {
      margin-left: auto;
      margin-right: -1.5rem;
      padding: 2rem 3rem;
      background: #f3f3f3;
      font-weight: 600; }
      .region-enabled-location-row .header .availability-details-wrapper .details-toggle::after {
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: inherit;
        content: "\F0D7"; }
      @media (min-width: 960px) {
        .region-enabled-location-row .header .availability-details-wrapper .details-toggle {
          background: transparent;
          white-space: nowrap; } }
      .region-enabled-location-row .header .availability-details-wrapper .details-toggle::after {
        margin-left: 1rem; }
      .region-enabled-location-row .header .availability-details-wrapper .details-toggle[aria-expanded='true']::after {
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: inherit;
        content: "\F0D8"; }

.region-enabled-location-row .content {
  padding: 1.5rem;
  background: #f3f3f3; }
  .region-enabled-location-row .content .copies {
    color: #000;
    display: inline-block;
    font-weight: 500; }
  .region-enabled-location-row .content .holds-count {
    display: inline-block;
    font-weight: 500; }
  .region-enabled-location-row .content .holds-count,
  .region-enabled-location-row .content .holds-count-loading {
    color: var(--cuc-colorscheme-color1);
    margin-left: .625rem; }

.region-network-title-wrapper {
  margin-bottom: 2rem; }
  @media (min-width: 960px) {
    .region-network-title-wrapper {
      display: flex;
      flex-wrap: wrap; } }
  .region-network-title-wrapper .region-network-title {
    color: #000;
    font-weight: 500; }
    @media (min-width: 960px) {
      .region-network-title-wrapper .region-network-title {
        margin-right: 2rem; } }

.network-region-enabled-location-rows {
  margin-bottom: 4rem; }
  .network-region-enabled-location-rows .region-enabled-location-row {
    border-bottom: 1px solid #dbdbdb; }

.catalog-item-availability-bottom {
  display: flex;
  flex-direction: column;
  margin-bottom: 5rem; }
  @media (min-width: 960px) {
    .catalog-item-availability-bottom {
      flex-direction: row;
      justify-content: flex-end; } }
  .catalog-item-availability-bottom .catalog-item-availability--reservation svg {
    margin-left: 1rem; }
  .catalog-item-availability-bottom .or {
    display: flex;
    align-items: center;
    margin: 2rem auto; }
    @media (min-width: 960px) {
      .catalog-item-availability-bottom .or {
        margin: 0 1.5rem; } }
  .catalog-item-availability-bottom .search-other {
    border-width: 2px;
    background: #fff;
    color: #28528a;
    font-weight: 600; }
    .catalog-item-availability-bottom .search-other .fa-search {
      margin-right: 1rem; }
    .catalog-item-availability-bottom .search-other .fa-external-link {
      margin-left: 1rem; }

@media (max-width: 767px) {
  .header-desktop {
    display: none; } }

@media (min-width: 768px) {
  .header-desktop {
    display: block; } }

@media (max-width: 767px) {
  .header-mobile {
    display: block; } }

@media (min-width: 768px) {
  .header-mobile {
    display: none; } }

.catalog-item.catalog-item--view-mode-full .catalog-item__book-details .catalog-item__detail-group--subjects {
  border-radius: 0;
  padding-top: 2rem; }

.catalog-item-availability-global-result-find-link {
  margin: 2rem 0 2rem 1rem;
  display: block;
  font-weight: bold; }

.show-all-similar-editions {
  margin: 2rem 0 2rem 1rem;
  display: block;
  font-weight: bold;
  text-align: right;
  padding-bottom: 2rem; }
  @media (max-width: 959px) {
    .show-all-similar-editions {
      text-align: left;
      margin-left: 2.4rem;
      padding-bottom: 3rem; } }

.more-about-publication--link {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4;
  font-family: "DINPro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
  color: #4a4a4a;
  background-image: linear-gradient(#ffffff, #efefef);
  background-color: transparent;
  font-size: 1.6rem;
  padding: 1.8rem 2.4rem;
  padding: 1.8rem 2.4rem;
  color: #fff;
  border: 2px solid #28528a;
  background-image: none;
  background-color: #28528a;
  font-weight: 600;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.525);
  margin-bottom: 2.4rem; }
  .more-about-publication--link:disabled {
    cursor: not-allowed;
    opacity: .55; }
  .more-about-publication--link:active, .more-about-publication--link.nice-select.open, .more-about-publication--link:focus, .more-about-publication--link:hover {
    text-decoration: none; }
  .more-about-publication--link:hover, .more-about-publication--link:focus {
    color: #fff;
    box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.2); }
  @media (max-width: 479px) {
    .more-about-publication--link {
      width: 100%; } }

#details-tab-content > div.catalog-item__detail-group.catalog-item__detail-group--ratings dt {
  padding-top: 12px; }

.zbb .layout--catalog-item-detail .portal-bigpipe-placeholder h2 {
  margin-bottom: 3.6rem; }

.layout--catalog-item-detail .social-share-links {
  border-top: 0;
  padding-top: 0; }

.layout--catalog-item-detail .portal-bigpipe-placeholder h2 {
  margin-top: 6rem;
  padding-left: 0; }
  @media (min-width: 960px) {
    .layout--catalog-item-detail .portal-bigpipe-placeholder h2 {
      margin-bottom: 0; } }

.layout--catalog-item-detail .portal-bigpipe-placeholder .messages-wrapper .messages {
  padding: 0 1rem;
  text-align: left;
  background: transparent;
  color: #333;
  display: flex; }
  .layout--catalog-item-detail .portal-bigpipe-placeholder .messages-wrapper .messages::before {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
    content: "\F071"; }
  .layout--catalog-item-detail .portal-bigpipe-placeholder .messages-wrapper .messages::before {
    margin-top: 2px;
    font-size: 20px;
    padding-right: 1rem;
    color: var(--cuc-colorscheme-color1); }
  .layout--catalog-item-detail .portal-bigpipe-placeholder .messages-wrapper .messages a::before {
    display: none; }

.layout--catalog-item-detail .catalog-item-availability--reservation-wrapper {
  margin-bottom: 2rem; }
  @media (min-width: 960px) {
    .layout--catalog-item-detail .catalog-item-availability--reservation-wrapper {
      display: flex;
      align-items: end; } }
  .layout--catalog-item-detail .catalog-item-availability--reservation-wrapper .ajax-progress.ajax-progress-throbber {
    display: none; }
  .layout--catalog-item-detail .catalog-item-availability--reservation-wrapper .catalog-item-availability--reservation {
    display: flex;
    align-items: center;
    margin-bottom: 1rem; }
    @media (min-width: 960px) {
      .layout--catalog-item-detail .catalog-item-availability--reservation-wrapper .catalog-item-availability--reservation {
        margin-left: auto;
        order: 1; } }
    .layout--catalog-item-detail .catalog-item-availability--reservation-wrapper .catalog-item-availability--reservation svg {
      margin-left: auto; }
      @media (min-width: 960px) {
        .layout--catalog-item-detail .catalog-item-availability--reservation-wrapper .catalog-item-availability--reservation svg {
          margin-left: 1rem; } }
    .layout--catalog-item-detail .catalog-item-availability--reservation-wrapper .catalog-item-availability--reservation i {
      margin-left: 2rem; }
  .layout--catalog-item-detail .catalog-item-availability--reservation-wrapper .available-copies {
    margin-bottom: 1rem; }
    .layout--catalog-item-detail .catalog-item-availability--reservation-wrapper .available-copies label {
      cursor: pointer;
      font-size: 1.6rem;
      font-weight: normal; }
    .layout--catalog-item-detail .catalog-item-availability--reservation-wrapper .available-copies .copies {
      color: #3f4547; }
    .layout--catalog-item-detail .catalog-item-availability--reservation-wrapper .available-copies .copies,
    .layout--catalog-item-detail .catalog-item-availability--reservation-wrapper .available-copies .holds-count {
      display: inline-block;
      font-weight: 500;
      margin-right: .625rem; }
    .layout--catalog-item-detail .catalog-item-availability--reservation-wrapper .available-copies .holds-count {
      color: var(--cuc-colorscheme-color1); }
    .layout--catalog-item-detail .catalog-item-availability--reservation-wrapper .available-copies .holds-count,
    .layout--catalog-item-detail .catalog-item-availability--reservation-wrapper .available-copies .holds-count-loading {
      margin-right: 3.125rem; }

.catalog-item__main-cover {
  position: relative; }
  .catalog-item__main-cover .image-viewer-icon {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0 5px 2px;
    z-index: 1;
    cursor: pointer;
    border-radius: 3px; }

.box-shadow-wrapper {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.05); }

.border-wrapper {
  border: 1px solid #dbdbdb;
  border-radius: 6px; }

.background-wrapper {
  background: #f9f9f9; }

.padding-wrapper {
  padding: 1rem; }

.cursor-pointer {
  cursor: pointer; }

.catalog-item-children {
  margin-bottom: 2.4rem; }
  .catalog-item-children ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .catalog-item-children ul li {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      border-bottom: solid 1px #dbdbdb;
      padding-top: 1.8rem;
      padding-bottom: 1.8rem; }
      .catalog-item-children ul li:last-child {
        border-bottom: 0; }
      .catalog-item-children ul li .catalog-item-children__title {
        flex-basis: 47%; }
      .catalog-item-children ul li .catalog-item-children__author {
        flex-basis: 47%; }
      .catalog-item-children ul li .catalog-item-children__more-info a::before {
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: inherit;
        content: "\F05A"; }
      .catalog-item-children ul li .catalog-item-children__more-info a::before {
        font-size: 1.3em;
        line-height: 1; }
      .catalog-item-children ul li .catalog-item-children__extra-info {
        display: none;
        flex: 1;
        flex-basis: 100%;
        padding: 1.2rem 0;
        margin-left: 2.4rem; }
        .catalog-item-children ul li .catalog-item-children__extra-info::after {
          clear: both;
          content: "";
          display: block; }
        .catalog-item-children ul li .catalog-item-children__extra-info dl {
          display: block;
          margin: 0; }
        .catalog-item-children ul li .catalog-item-children__extra-info dt {
          text-align: right;
          float: left;
          margin: 0 30px 0 0;
          width: 135px; }
        .catalog-item-children ul li .catalog-item-children__extra-info dd {
          margin-left: 165px;
          float: left;
          width: calc(100% - 165px); }
          .catalog-item-children ul li .catalog-item-children__extra-info dd:first-of-type {
            margin-left: 0; }
          .catalog-item-children ul li .catalog-item-children__extra-info dd::after {
            clear: both; }

.catalog-item.catalog-item--view-mode-small-teaser {
  display: flex;
  margin-bottom: 2.4rem;
  padding: 2.4rem;
  border-bottom: solid 1px #dbdbdb;
  border-top: solid 1px #dbdbdb;
  background: #f9f9f9; }
  @media (min-width: 768px) {
    .catalog-item.catalog-item--view-mode-small-teaser .catalog-item__image {
      width: 10%;
      display: flex; } }
  @media (max-width: 767px) {
    .catalog-item.catalog-item--view-mode-small-teaser .catalog-item__image {
      width: 20%; } }
  .catalog-item.catalog-item--view-mode-small-teaser .catalog-item__image img {
    background-color: #fff;
    border: 3px solid #fff;
    line-height: 0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    width: 100%;
    transition: all 0.53s ease;
    position: relative; }
  .catalog-item.catalog-item--view-mode-small-teaser .catalog-item__content {
    width: 75%;
    padding-left: 5%; }
    @media (min-width: 480px) {
      .catalog-item.catalog-item--view-mode-small-teaser .catalog-item__content {
        padding-top: 2.4rem; } }
    .catalog-item.catalog-item--view-mode-small-teaser .catalog-item__content .catalog-item__title {
      text-transform: none;
      margin-bottom: 1rem;
      line-height: 2rem;
      margin-top: 1.5rem; }
      .catalog-item.catalog-item--view-mode-small-teaser .catalog-item__content .catalog-item__title a {
        text-transform: none;
        padding: 0;
        font-size: 18px;
        color: #000;
        text-decoration: none; }
  .catalog-item.catalog-item--view-mode-small-teaser .icon {
    float: none;
    position: relative;
    height: 46px;
    padding: .55rem 2.5rem .55rem 8rem;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    justify-content: center;
    display: inline-flex;
    flex-direction: column;
    background-repeat: no-repeat;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 17px;
    text-transform: none; }
    .catalog-item.catalog-item--view-mode-small-teaser .icon::after {
      content: '';
      position: absolute;
      width: 1px;
      background-color: #dbdbdb;
      height: 45px;
      margin: 0 0 0 -2rem;
      top: 0;
      left: 8rem; }

.catalog-item.catalog-item--view-mode-teaser .catalog-item--view-mode-full--header-top .catalog-item-icon {
  margin-top: -3rem; }

.catalog-item.catalog-item--view-mode-teaser .catalog-item--view-mode-full--header-content {
  margin-top: 1rem; }

.catalog-item.catalog-item--view-mode-teaser .catalog-item__articles a {
  text-decoration: none; }

.catalog-item.catalog-item--view-mode-teaser .catalog-item__footer {
  width: 100%; }
  @media (min-width: 960px) {
    .catalog-item.catalog-item--view-mode-teaser .catalog-item__footer {
      padding-left: 20%;
      width: auto; } }

@media (max-width: 767px) {
  .catalog-item.catalog-item--view-mode-teaser .my-library--add-to-list span {
    margin-left: .9rem; } }

.catalog-item.catalog-item--view-mode-teaser .catalog-item__summary {
  margin: 2rem 0;
  line-height: 24px;
  font-size: 16px; }

.catalog-item.catalog-item--view-mode-teaser .catalog-item__item-actions {
  width: 100%; }

.catalog-item.catalog-item--view-mode-teaser .catalog-item--view-mode-teaser--bottom {
  margin-top: 2rem; }
  @media (min-width: 768px) {
    .catalog-item.catalog-item--view-mode-teaser .catalog-item--view-mode-teaser--bottom {
      display: flex; } }
  .catalog-item.catalog-item--view-mode-teaser .catalog-item--view-mode-teaser--bottom .other-accessible-formats-wrapper .other-formats {
    align-items: flex-start; }
  @media (max-width: 767px) {
    .catalog-item.catalog-item--view-mode-teaser .catalog-item--view-mode-teaser--bottom .other-languages-items-wrapper {
      padding-top: 2rem;
      padding-left: 2rem; }
      .catalog-item.catalog-item--view-mode-teaser .catalog-item--view-mode-teaser--bottom .other-languages-items-wrapper::before {
        top: 0;
        width: calc(100% - 2 * 2rem);
        height: 2px; } }

.catalog-item.catalog-item--view-mode-teaser h4 {
  font-size: 2rem;
  font-weight: 600; }

@media (min-width: 768px) {
  .catalog-item__summary--mobile {
    display: none; } }

.catalog-item-author-wiki {
  margin-bottom: 3.6rem; }
  @media (min-width: 768px) {
    .catalog-item-author-wiki {
      display: flex;
      flex-direction: row-reverse; } }

@media (min-width: 768px) {
  .catalog-item-author-wiki__section-second {
    width: calc(100% - 28.33%);
    margin-right: 5%; }
  .catalog-item-author-wiki__section-second.catalog-item-author-no-image {
    width: 100%; } }

.catalog-item-author-wiki__section-first {
  float: right;
  text-align: center; }
  @media (min-width: 768px) {
    .catalog-item-author-wiki__section-first img {
      width: 100%;
      height: auto; } }
  @media (min-width: 768px) {
    .catalog-item-author-wiki__section-first {
      width: 28.33%; } }
  @media (max-width: 767px) {
    .catalog-item-author-wiki__section-first {
      float: none;
      width: 100%; }
      .catalog-item-author-wiki__section-first img {
        width: 100%;
        margin-bottom: 1rem; } }

@media (min-width: 768px) {
  .wiki-read-more-link::before {
    content: ' '; } }

@media (max-width: 767px) {
  .wiki-read-more-link {
    display: block;
    margin: 2.4rem 0; } }

.catalog-item-author-wiki__read-more {
  margin-bottom: 2.4rem; }

.catalog-item-author-wiki__author-search-wrapper {
  margin-top: 2.4rem; }
  @media (min-width: 768px) {
    .catalog-item-author-wiki__author-search-wrapper {
      text-align: left; } }
  .catalog-item-author-wiki__author-search-wrapper .catalog-item-author-wiki__author-search {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
    font-family: "DINPro", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    color: #4a4a4a;
    background-image: linear-gradient(#ffffff, #efefef);
    background-color: transparent;
    font-size: 1.6rem;
    padding: 1.8rem 2.4rem;
    padding: 1.8rem 2.4rem;
    color: #fff;
    border: 2px solid #28528a;
    background-image: none;
    background-color: #28528a;
    font-weight: 600;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.525); }
    .catalog-item-author-wiki__author-search-wrapper .catalog-item-author-wiki__author-search:disabled {
      cursor: not-allowed;
      opacity: .55; }
    .catalog-item-author-wiki__author-search-wrapper .catalog-item-author-wiki__author-search:active, .catalog-item-author-wiki__author-search-wrapper .catalog-item-author-wiki__author-search.nice-select.open, .catalog-item-author-wiki__author-search-wrapper .catalog-item-author-wiki__author-search:focus, .catalog-item-author-wiki__author-search-wrapper .catalog-item-author-wiki__author-search:hover {
      text-decoration: none; }
    .catalog-item-author-wiki__author-search-wrapper .catalog-item-author-wiki__author-search:hover, .catalog-item-author-wiki__author-search-wrapper .catalog-item-author-wiki__author-search:focus {
      color: #fff;
      box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.2); }
    @media (max-width: 479px) {
      .catalog-item-author-wiki__author-search-wrapper .catalog-item-author-wiki__author-search {
        width: 100%; } }

.catalog-item-global-availability h3 {
  color: #000; }

.catalog-item-global-availability h4 {
  margin: 0;
  font-size: 2rem; }

.catalog-item-global-availability header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 3rem; }
  @media (min-width: 960px) {
    .catalog-item-global-availability header {
      flex-direction: row; } }
  .catalog-item-global-availability header .messages_wrapper {
    width: 100%; }

.catalog-item-global-availability .filters {
  margin-top: 2rem; }
  @media (min-width: 960px) {
    .catalog-item-global-availability .filters {
      display: flex;
      margin-top: 0; } }
  @media (min-width: 960px) {
    .catalog-item-global-availability .filters .filter {
      margin-left: 2rem; } }

.catalog-item-global-availability .my-library-user-availability {
  margin-bottom: 3rem; }

.catalog-item-global-availability .locations {
  border: solid 1px #dbdbdb;
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 3rem; }

.catalog-item-global-availability .location-row {
  border-bottom: solid 1px #dbdbdb; }
  .catalog-item-global-availability .location-row.searched-location {
    border: solid 1px #dbdbdb;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 3rem; }
  .catalog-item-global-availability .location-row .location {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 3rem; }
  .catalog-item-global-availability .location-row .sub-locations {
    background: #f2f2f2;
    border-radius: 5px;
    margin: 0 3rem 3rem;
    padding: 2rem 3rem; }
    .catalog-item-global-availability .location-row .sub-locations .sub-location {
      border-bottom: solid 1px #dbdbdb;
      display: flex;
      flex-wrap: wrap;
      padding: 1rem 0; }
      .catalog-item-global-availability .location-row .sub-locations .sub-location .name {
        width: 100%;
        margin-bottom: .5rem;
        font-weight: bold; }
        @media (min-width: 768px) {
          .catalog-item-global-availability .location-row .sub-locations .sub-location .name {
            width: 45%;
            margin-bottom: 0; } }
      .catalog-item-global-availability .location-row .sub-locations .sub-location .opening-indication {
        width: 50%; }
        @media (min-width: 768px) {
          .catalog-item-global-availability .location-row .sub-locations .sub-location .opening-indication {
            width: 30%; } }
      .catalog-item-global-availability .location-row .sub-locations .sub-location .availability {
        width: 50%; }
        @media (min-width: 768px) {
          .catalog-item-global-availability .location-row .sub-locations .sub-location .availability {
            width: 25%; } }
        .catalog-item-global-availability .location-row .sub-locations .sub-location .availability .available {
          color: #1c8147; }
        .catalog-item-global-availability .location-row .sub-locations .sub-location .availability .unavailable {
          color: #bf4a4a; }
        .catalog-item-global-availability .location-row .sub-locations .sub-location .availability .no-copies {
          color: #999; }
      .catalog-item-global-availability .location-row .sub-locations .sub-location:first-child {
        padding-top: 0; }
      .catalog-item-global-availability .location-row .sub-locations .sub-location:last-child {
        border-bottom: 0;
        padding-bottom: 0; }
  .catalog-item-global-availability .location-row:last-child {
    border-bottom: 0; }
  .catalog-item-global-availability .location-row .info {
    width: calc(100% - 120px); }
    @media (min-width: 768px) {
      .catalog-item-global-availability .location-row .info {
        width: auto;
        flex: 1 0 auto; } }
    .catalog-item-global-availability .location-row .info .name {
      color: #000;
      font-size: 2rem; }
    .catalog-item-global-availability .location-row .info .extra {
      margin-top: 1rem; }
  .catalog-item-global-availability .location-row .availability {
    width: 120px;
    font-weight: bold;
    text-align: right; }
    @media (min-width: 768px) {
      .catalog-item-global-availability .location-row .availability {
        width: 25%;
        text-align: left; } }
    .catalog-item-global-availability .location-row .availability.available {
      color: #1c8147; }
    .catalog-item-global-availability .location-row .availability.unavailable {
      color: #bf4a4a; }
    .catalog-item-global-availability .location-row .availability.no-copies {
      color: #999; }
  .catalog-item-global-availability .location-row .actions {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 2rem; }
    @media (min-width: 768px) {
      .catalog-item-global-availability .location-row .actions {
        width: auto;
        min-width: 40%;
        margin-top: 0; } }
    @media (min-width: 960px) {
      .catalog-item-global-availability .location-row .actions {
        min-width: 30%; } }
    .catalog-item-global-availability .location-row .actions a {
      width: 100%; }
    .catalog-item-global-availability .location-row .actions .url {
      font-weight: normal; }

.global-availability-search-form {
  background-color: #f2f2f2;
  border-radius: 5px;
  margin-bottom: 3rem;
  padding: 3rem; }
  .global-availability-search-form h3 {
    color: #000; }
  .global-availability-search-form .loading {
    position: absolute;
    top: 13px;
    right: 20px;
    color: #706f6f; }
  @media (min-width: 768px) {
    .global-availability-search-form .elements {
      display: flex;
      justify-content: space-between; } }
  @media (min-width: 1200px) {
    .global-availability-search-form .elements .search-type-municipality {
      max-width: 50rem; } }
  .global-availability-search-form .elements .search-type-municipality,
  .global-availability-search-form .elements .search-type-municipality label {
    flex-grow: 1; }
  .global-availability-search-form .elements > div {
    align-items: center;
    display: flex;
    margin-bottom: 2rem; }
    @media (min-width: 768px) {
      .global-availability-search-form .elements > div {
        margin-bottom: 0;
        margin-right: 2rem; } }
    .global-availability-search-form .elements > div:last-child {
      margin-bottom: 0; }
      @media (min-width: 768px) {
        .global-availability-search-form .elements > div:last-child {
          margin-right: 0; } }
  .global-availability-search-form label,
  .global-availability-search-form input[type='text'] {
    margin: 0; }
  .global-availability-search-form input[type='text'] {
    flex-grow: 1; }
  .global-availability-search-form input[type='radio'] {
    margin: 0 2rem 0 0; }

.block-availability-info-block > h2 {
  margin-bottom: 0; }

.location-availability-show-all {
  display: block;
  text-align: center;
  font-weight: bold; }

.availability-info--showmore {
  margin-bottom: 1.8rem;
  text-align: right;
  margin-top: 2.4rem; }
  @media (max-width: 767px) {
    .availability-info--showmore {
      text-align: left;
      padding-left: 1rem; } }

.vue-pager {
  text-align: center; }
  .vue-pager button {
    background: none;
    border: 0;
    color: #28528a;
    margin: 0 1rem;
    padding: 0;
    text-decoration: underline;
    transition: color 150ms ease; }
    .vue-pager button:active, .vue-pager button.nice-select.open, .vue-pager button:focus, .vue-pager button:hover {
      color: var(--action-color-hover); }
    .vue-pager button:disabled {
      font-weight: bold;
      opacity: 1;
      text-decoration: none; }

.catalog-item-availability--info {
  table-layout: auto;
  border-collapse: separate;
  border-spacing: 0;
  margin: 1.5rem 0 0; }
  .catalog-item-availability--info thead {
    display: none; }
    @media (min-width: 768px) {
      .catalog-item-availability--info thead {
        display: table-header-group; } }
    .catalog-item-availability--info thead th {
      border-bottom: 0;
      background: #28528a;
      color: #fff;
      font-size: 1.6rem; }
      .catalog-item-availability--info thead th:first-of-type {
        border-top-left-radius: 6px; }
      .catalog-item-availability--info thead th:last-of-type {
        border-top-right-radius: 6px; }
  .catalog-item-availability--info tbody tr {
    position: relative;
    display: block; }
    @media (min-width: 768px) {
      .catalog-item-availability--info tbody tr {
        display: table-row; } }
    .catalog-item-availability--info tbody tr td {
      display: block;
      padding-right: 7rem;
      background-color: #fff;
      padding-bottom: 0;
      border-color: #dbdbdb;
      border-style: solid;
      border-width: 0 1px; }
      @media (min-width: 768px) {
        .catalog-item-availability--info tbody tr td {
          display: table-cell;
          padding: 1.8rem 2.8rem;
          border-width: 0 0 1px; } }
      .catalog-item-availability--info tbody tr td:first-of-type {
        border-top-width: 1px; }
        @media (min-width: 768px) {
          .catalog-item-availability--info tbody tr td:first-of-type {
            border-top-width: 0;
            border-left-width: 1px; } }
      .catalog-item-availability--info tbody tr td.availability .catalog-item-column-name {
        display: none; }
      .catalog-item-availability--info tbody tr td.location {
        padding-bottom: 1.8rem; }
      .catalog-item-availability--info tbody tr td.cover-image {
        position: absolute;
        right: -1rem;
        top: 50%;
        transform: translateY(-50%);
        width: 7rem;
        padding: 3px;
        border: 1px solid #dbdbdb;
        border-radius: 3px; }
        @media (min-width: 768px) {
          .catalog-item-availability--info tbody tr td.cover-image {
            position: relative;
            transform: none;
            top: 0;
            right: 0;
            width: 100px;
            padding: .5rem 2.8rem;
            border-width: 0 1px 1px 0;
            border-radius: 0; } }
        .catalog-item-availability--info tbody tr td.cover-image img {
          display: block; }
          @media (min-width: 768px) {
            .catalog-item-availability--info tbody tr td.cover-image img {
              max-height: 9rem;
              margin-left: auto; } }
    .catalog-item-availability--info tbody tr:first-of-type td:first-of-type {
      border-top-left-radius: 6px;
      border-top-right-radius: 6px; }
      @media (min-width: 768px) {
        .catalog-item-availability--info tbody tr:first-of-type td:first-of-type {
          border-top-left-radius: 0;
          border-top-right-radius: 0; } }
    .catalog-item-availability--info tbody tr:last-of-type .location {
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      border-bottom-width: 1px; }
      @media (min-width: 768px) {
        .catalog-item-availability--info tbody tr:last-of-type .location {
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0; } }
    @media (min-width: 768px) {
      .catalog-item-availability--info tbody tr:last-of-type td:first-of-type {
        border-bottom-left-radius: 6px; } }
    @media (min-width: 768px) {
      .catalog-item-availability--info tbody tr:last-of-type td:last-of-type {
        border-bottom-right-radius: 6px; } }
  .catalog-item-availability--info .availability-sublocation {
    margin-bottom: .6rem; }
  .catalog-item-availability--info .availability-place-info--no-image-description {
    display: flex; }
  .catalog-item-availability--info .availability-place-info .availability-icon {
    display: flex;
    align-items: center;
    margin-bottom: .6rem; }
    .catalog-item-availability--info .availability-place-info .availability-icon img {
      width: 40px;
      margin-right: 1.2rem; }
  .catalog-item-availability--info .availability-place-info .availability-shelfmark {
    font-weight: 600; }
  .catalog-item-availability--info [role='columnheader'] {
    position: relative;
    padding-right: 2.4rem;
    padding-left: 2.4rem; }
    .catalog-item-availability--info [role='columnheader'][aria-sort='ascending']::after {
      border-width: 7px 5px 0; }
    .catalog-item-availability--info [role='columnheader']::after {
      position: absolute;
      top: 50%;
      right: 1.2rem;
      transform: translateY(-50%);
      margin-top: 0;
      border-width: 0 5px 7px; }
  .catalog-item-availability--info .catalog-item-column-name {
    font-weight: 600; }
    @media (min-width: 768px) {
      .catalog-item-availability--info .catalog-item-column-name {
        display: none; } }
  .catalog-item-availability--info .available .available--status {
    color: #1c8147;
    font-weight: bold; }
  .catalog-item-availability--info .un-available .available--status {
    color: #bf4a4a;
    font-weight: bold; }

.availability-location-opening-hours .wrapper {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .region-enabled-location-row .availability-location-opening-hours .wrapper .opening-hours-indication {
    padding: .5rem 1rem;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    color: #000; }
  .availability-location-opening-hours .wrapper .js-address-toggle {
    margin-left: 1rem;
    text-align: right;
    white-space: nowrap; }
    .availability-location-opening-hours .wrapper .js-address-toggle::after {
      display: inline-block;
      font: normal normal normal 14px / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: inherit;
      content: "\F0D7"; }
    .availability-location-opening-hours .wrapper .js-address-toggle::after {
      margin-left: 1rem; }
    .availability-location-opening-hours .wrapper .js-address-toggle.is-visible::after {
      display: inline-block;
      font: normal normal normal 14px / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: inherit;
      content: "\F0D8"; }

.catalog-item-availability__location {
  position: relative;
  display: none;
  margin-top: 2.4rem;
  background: #f9f9f9;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 2.4rem; }
  @media (max-width: 959px) {
    .catalog-item-availability__location {
      padding-top: 1.8rem; } }
  .catalog-item-availability__location h5 {
    color: #000; }
  .catalog-item-availability__location.is-visible {
    display: block; }
    @media (min-width: 960px) {
      .catalog-item-availability__location.is-visible {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between; } }
    @media (max-width: 959px) {
      .catalog-item-availability__location.is-visible {
        width: calc(100vw + 2.4rem);
        margin-left: -2.4rem;
        margin-right: -2.4rem;
        padding: 2.4rem;
        border-left: 0 solid transparent;
        border-right: 0 solid transparent;
        border-radius: 0; } }

.catalog-item-availability__close {
  position: absolute;
  top: 0;
  right: 1.2rem;
  padding: 0 0.6rem;
  z-index: 5;
  cursor: pointer; }

.catalog-item-availability__days {
  margin: 0 2rem 1rem 0; }
  .catalog-item-availability__days table {
    width: auto;
    margin: 0; }
    .catalog-item-availability__days table td {
      padding: 0 2rem 1rem 0;
      border: 0;
      vertical-align: text-top; }
      .catalog-item-availability__days table td.availability__days-day {
        color: #000;
        width: 110px; }
      .catalog-item-availability__days table td.availability__days-day-info {
        width: 112px; }

.catalog-item-availability__address-wrapper > * {
  margin-bottom: .5rem; }

.catalog-item-availability__days--no-opening-hours,
.catalog-item-availability__days--exceptionally-closed {
  margin: 0 0 2rem;
  background: #fff;
  border: 2px solid #bf4a4a;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 2rem; }
  .catalog-item-availability__days--no-opening-hours h4,
  .catalog-item-availability__days--exceptionally-closed h4 {
    line-height: 15px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: none;
    padding: 0;
    color: #000; }

.reservation-item-select-wrapper table {
  border-collapse: separate;
  border-spacing: 0;
  margin: 1.5rem 0 0; }
  .reservation-item-select-wrapper table thead {
    border-radius: 4px;
    display: none; }
    @media (min-width: 768px) {
      .reservation-item-select-wrapper table thead {
        display: table-header-group; } }
  @media (max-width: 767px) {
    .reservation-item-select-wrapper table tr {
      background-color: #fff;
      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
      padding: 1rem;
      display: block;
      border: 1px solid #dbdbdb;
      margin: 2.4rem 0.52rem;
      border-radius: 4px; }
      .reservation-item-select-wrapper table tr td {
        display: block; }
        .reservation-item-select-wrapper table tr td:last-of-type {
          border-bottom: 0; } }
  @media (min-width: 768px) {
    .reservation-item-select-wrapper table tr:nth-child(2n) {
      background: #f6f6f6; } }
  .reservation-item-select-wrapper table tr .catalog-item-column-name {
    line-height: 15px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: none;
    padding: 0;
    color: #000;
    color: #000;
    margin-bottom: .6rem;
    display: block;
    font-weight: normal; }
    @media (min-width: 768px) {
      .reservation-item-select-wrapper table tr .catalog-item-column-name {
        display: none; } }
  @media (max-width: 767px) {
    .reservation-item-select-wrapper table tr td {
      display: block;
      font-weight: 600; } }
  .reservation-item-select-wrapper table tr td.not-available .not-available-status {
    color: #bf4a4a;
    font-weight: 600; }
  .reservation-item-select-wrapper table tr td.available {
    color: #1c8147;
    font-weight: 600; }
  .reservation-item-select-wrapper table tr .availability-sublocation {
    margin-bottom: .6rem; }
  @media (min-width: 768px) {
    .reservation-item-select-wrapper table tr .availability-place-info {
      display: flex; } }
  .reservation-item-select-wrapper table tr .availability-place-info .availability-icon {
    margin-bottom: .6rem; }
    @media (min-width: 768px) {
      .reservation-item-select-wrapper table tr .availability-place-info .availability-icon {
        margin-bottom: 0;
        margin-right: 1.2rem; } }
    .reservation-item-select-wrapper table tr .availability-place-info .availability-icon img {
      width: 40px; }
  .reservation-item-select-wrapper table [role='columnheader'] {
    position: relative;
    padding-right: 2.4rem;
    padding-left: 2.4rem;
    font-size: 16px;
    color: #000; }
    .reservation-item-select-wrapper table [role='columnheader'][aria-sort='ascending']::after {
      border-width: 7px 5px 0; }
    .reservation-item-select-wrapper table [role='columnheader']::after {
      position: absolute;
      top: 50%;
      right: 1.2rem;
      transform: translateY(-50%);
      margin-top: 0;
      border-width: 0 5px 7px; }
  .reservation-item-select-wrapper table .available .available--status {
    color: #1c8147;
    font-weight: bold; }
  .reservation-item-select-wrapper table .un-available .available--status {
    color: #bf4a4a;
    font-weight: bold; }

.catalog-item-availability-search--header h2 {
  text-transform: none;
  padding: 0;
  font-size: 18px;
  color: #000;
  font-size: 3.4rem; }

.catalog-item-availability-search--header h3 {
  line-height: 15px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: none;
  padding: 0;
  color: #000; }

.catalog-item-availability-search--tabs ul {
  margin-top: 3rem;
  background: transparent;
  display: flex;
  border-bottom: 1px solid #dbdbdb;
  list-style: none;
  padding: 0; }
  .catalog-item-availability-search--tabs ul li {
    outline: none;
    width: auto;
    margin: 0;
    font-weight: 700;
    cursor: pointer;
    padding: .5rem 0 2rem; }
    .catalog-item-availability-search--tabs ul li a {
      padding: .5rem 2rem 1.8rem;
      font-size: 1.8rem;
      color: #000;
      border-bottom: 5px solid transparent;
      text-decoration: none; }
      .catalog-item-availability-search--tabs ul li a.active {
        border-bottom: 5px solid var(--cuc-colorscheme-color1); }

.catalog-item-availability-search .availability-place-info {
  flex-direction: column;
  text-align: left;
  align-items: flex-start !important; }
  @media (min-width: 768px) {
    .catalog-item-availability-search .availability-place-info {
      display: table-cell !important; } }
  .catalog-item-availability-search .availability-place-info .catalog-item-column-name {
    text-align: left;
    width: 100%; }

.catalog-item-availability-search--filters {
  display: flex;
  flex-direction: row; }
  @media (max-width: 1199px) {
    .catalog-item-availability-search--filters {
      flex-direction: column; } }
  .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-end;
    width: 70%;
    align-items: flex-end; }
    @media (max-width: 1199px) {
      .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] {
        justify-content: flex-start; } }
    @media (max-width: 1199px) {
      .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] {
        width: 100%; } }
    @media (max-width: 767px) {
      .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] {
        flex-direction: column; } }
    .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-open,
    .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-available {
      position: relative;
      display: flex;
      width: auto;
      align-items: flex-end; }
      .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-open input[type="radio"],
      .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-open input[type="checkbox"],
      .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-available input[type="radio"],
      .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-available input[type="checkbox"] {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 1rem;
        margin: 0;
        z-index: -1; }
      .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-open input[type="radio"] + label,
      .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-open input[type="checkbox"] + label,
      .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-available input[type="radio"] + label,
      .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-available input[type="checkbox"] + label {
        width: 100%;
        display: flex;
        border-radius: 4px;
        padding: 14px 1rem;
        font-size: 1.4rem;
        align-items: center;
        background-color: #fff;
        font-weight: normal;
        color: #706f6f;
        border: 1px solid #efefef; }
        .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-open input[type="radio"] + label::before,
        .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-open input[type="checkbox"] + label::before,
        .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-available input[type="radio"] + label::before,
        .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-available input[type="checkbox"] + label::before {
          display: inline-block;
          font: normal normal normal 14px / 1 FontAwesome;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: inherit;
          content: "\F096"; }
        .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-open input[type="radio"] + label::before,
        .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-open input[type="checkbox"] + label::before,
        .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-available input[type="radio"] + label::before,
        .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-available input[type="checkbox"] + label::before {
          margin-right: 1rem;
          font-size: 2rem;
          color: #706f6f; }
        .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-open input[type="radio"] + label:hover,
        .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-open input[type="checkbox"] + label:hover,
        .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-available input[type="radio"] + label:hover,
        .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-available input[type="checkbox"] + label:hover {
          cursor: pointer; }
        @media (min-width: 768px) {
          .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-open input[type="radio"] + label,
          .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-open input[type="checkbox"] + label,
          .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-available input[type="radio"] + label,
          .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-available input[type="checkbox"] + label {
            margin-right: 1rem; } }
      .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-open input[type="radio"]:focus + label::before,
      .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-open input[type="checkbox"]:focus + label::before,
      .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-available input[type="radio"]:focus + label::before,
      .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-available input[type="checkbox"]:focus + label::before {
        color: #28528a;
        outline: -webkit-focus-ring-color auto 1px; }
      .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-open input[type="radio"]:checked + label,
      .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-open input[type="checkbox"]:checked + label,
      .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-available input[type="radio"]:checked + label,
      .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-available input[type="checkbox"]:checked + label {
        background-color: #5e7f3d;
        color: #fff; }
        .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-open input[type="radio"]:checked + label::before,
        .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-open input[type="checkbox"]:checked + label::before,
        .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-available input[type="radio"]:checked + label::before,
        .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-available input[type="checkbox"]:checked + label::before {
          display: inline-block;
          font: normal normal normal 14px / 1 FontAwesome;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: inherit;
          content: "\F046"; }
        .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-open input[type="radio"]:checked + label::before,
        .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-open input[type="checkbox"]:checked + label::before,
        .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-available input[type="radio"]:checked + label::before,
        .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-available input[type="checkbox"]:checked + label::before {
          margin-right: 1rem;
          font-size: 2rem;
          color: #fff; }
      @media (max-width: 767px) {
        .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-open,
        .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-available {
          width: 100%; } }
      .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-open label,
      .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-available label {
        height: 100%;
        padding: 1.9rem 2.4rem;
        margin-bottom: 0 !important; }
        @media (max-width: 767px) {
          .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-open label,
          .catalog-item-availability-search--filters div[data-drupal-selector='edit-filters'] .form-item-available label {
            padding: 2rem 1rem !important;
            margin-right: 0 !important;
            margin-bottom: 1rem !important; } }
  .catalog-item-availability-search--filters .js-form-type-hidden-value-autocomplete {
    display: flex;
    flex-direction: column;
    align-self: flex-end;
    width: 45%; }
    @media (max-width: 1199px) {
      .catalog-item-availability-search--filters .js-form-type-hidden-value-autocomplete {
        justify-content: flex-start;
        width: 100%;
        margin-bottom: 1rem; } }
    .catalog-item-availability-search--filters .js-form-type-hidden-value-autocomplete input[type='text'] {
      margin-bottom: 0 !important; }
  .catalog-item-availability-search--filters input[type='submit'].form-submit {
    padding: 1.1rem 2.4rem; }
    @media (max-width: 767px) {
      .catalog-item-availability-search--filters input[type='submit'].form-submit {
        width: 100%; } }
  @media (max-width: 767px) {
    .catalog-item-availability-search--filters #edit-actions {
      width: 100%; } }

.catalog-item-availability-search--filters_results {
  margin: 3rem 0;
  width: 100%;
  font-size: 2rem;
  font-weight: 700;
  text-transform: none;
  color: #3f4547; }

@media (min-width: 960px) {
  .catalog-item-availability-search--results .ui-accordion-header {
    margin-left: -2.4rem !important;
    margin-right: -2.4rem !important;
    border-radius: 0 !important; } }

.catalog-item-availability-search--results .ui-accordion-header .ui-accordion-header--wrapper {
  display: flex;
  flex-direction: row;
  width: 100%; }
  @media (max-width: 767px) {
    .catalog-item-availability-search--results .ui-accordion-header .ui-accordion-header--wrapper {
      flex-direction: column; } }

.catalog-item-availability-search--results .ui-accordion-header .ui-accordion-header--title {
  width: 70%; }
  @media (max-width: 767px) {
    .catalog-item-availability-search--results .ui-accordion-header .ui-accordion-header--title {
      width: 100%; } }
  @media (max-width: 767px) {
    .catalog-item-availability-search--results .ui-accordion-header .ui-accordion-header--title {
      margin-bottom: 1rem; } }

.catalog-item-availability-search--results .ui-accordion-header .ui-accordion-header--details {
  width: 30%;
  text-align: right;
  padding-right: 2rem; }
  @media (max-width: 767px) {
    .catalog-item-availability-search--results .ui-accordion-header .ui-accordion-header--details {
      text-align: left;
      width: 100%; } }

.catalog-item-availability-search--results .ui-accordion-header .opening-hours-indication {
  padding-right: 1rem; }
  .catalog-item-availability-search--results .ui-accordion-header .opening-hours-indication--open {
    line-height: 15px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: none;
    padding: 0;
    color: #000;
    border-radius: 4px;
    font-weight: bold;
    color: #1c8147;
    font-size: 10px; }
  .catalog-item-availability-search--results .ui-accordion-header .opening-hours-indication--closed {
    line-height: 15px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: none;
    padding: 0;
    color: #000;
    border-radius: 4px;
    font-weight: bold;
    color: #bf4a4a;
    font-size: 10px; }

.catalog-item-availability-search--results .ui-accordion-header .item-available {
  padding-right: 1rem; }
  .catalog-item-availability-search--results .ui-accordion-header .item-available--yes {
    line-height: 15px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: none;
    padding: 0;
    color: #000;
    border-radius: 4px;
    font-weight: bold;
    color: #1c8147;
    font-size: 10px; }
  .catalog-item-availability-search--results .ui-accordion-header .item-available--no {
    line-height: 15px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: none;
    padding: 0;
    color: #000;
    border-radius: 4px;
    font-weight: bold;
    color: #bf4a4a;
    font-size: 10px; }

.catalog-item-availability-search--results .ui-accordion-header .item-distance {
  margin-bottom: 1rem; }
  @media (max-width: 767px) {
    .catalog-item-availability-search--results .ui-accordion-header .item-distance {
      margin-bottom: .55rem;
      margin-top: 1rem; } }

.catalog-item-availability-search--results .ui-accordion-header.ui-state-active .item-distance {
  font-weight: normal; }

.catalog-item-availability--summary {
  margin-bottom: 1rem; }
  @media (max-width: 767px) {
    .catalog-item-availability--summary {
      min-width: auto;
      margin-top: 2.4rem;
      display: flex;
      flex-direction: column;
      text-align: left; } }
  .catalog-item-availability--summary .catalog-item-availability__available,
  .catalog-item-availability--summary .catalog-item-availability__reservable {
    padding: 1.2rem 1.2rem 1.2rem 3.5em;
    font-weight: bold;
    border-top: 1px solid #dbdbdb;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 3em; }
    .catalog-item-availability--summary .catalog-item-availability__available a,
    .catalog-item-availability--summary .catalog-item-availability__reservable a {
      display: block;
      font-weight: normal; }
  .catalog-item-availability--summary .catalog-item-availability__available {
    background-image: url("/themes/custom/library_portal_theme/assets/dummy_images/shelf.svg"); }
  .catalog-item-availability--summary .catalog-item-availability__reservable {
    background-image: url("/themes/custom/library_portal_theme/assets/dummy_images/booking.svg"); }
  .catalog-item-availability--summary .messages-wrapper .messages {
    padding: 0 1rem; }

.catalog-item-availability-global--tabs-wrapper {
  border-radius: 6px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.8);
  padding: 2.4rem;
  background-color: #fff;
  border: 1px solid #dbdbdb; }
  @media (max-width: 767px) {
    .catalog-item-availability-global--tabs-wrapper {
      margin-left: -2.4rem;
      margin-right: -2.4rem;
      border-radius: 0;
      border-left: 0;
      border-right: 0; } }

.block-library-portal-catalog-global-availability {
  margin-bottom: 4.4rem; }
  .block-library-portal-catalog-global-availability h2 {
    padding-top: 6.4rem; }

#availability-global-tab-search {
  padding: 0; }

.catalog-item-availability-global .availability-location-opening-hours {
  padding: 0;
  width: 100%; }
  .catalog-item-availability-global .availability-location-opening-hours .js-address-toggle {
    margin-left: auto; }

@media (min-width: 960px) {
  .catalog-item-availability-global .opening-hours-indication {
    margin-left: 2rem; } }

.catalog-item-availability-global .opening-hours-indication--open {
  color: #1c8147; }

.catalog-item-availability-global .opening-hours-indication--closed {
  color: #bf4a4a; }

.catalog-item-availability-global--summary {
  font-weight: 600;
  margin-bottom: 1.8rem; }
  .catalog-item-availability-global--summary::before {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
    content: "\F041"; }

.catalog-item-availability-global-search--reset {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f9f9f9;
  border: 1px solid #efefef;
  padding: 0.6rem 1.8rem;
  font-weight: 600; }
  .catalog-item-availability-global-search--reset > .icon-wrapper {
    font-size: 2.8rem; }
    .catalog-item-availability-global-search--reset > .icon-wrapper::before {
      display: inline-block;
      font: normal normal normal 14px / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: inherit;
      content: "\F00D"; }

.catalog-item-availability-global-result-group--holding {
  border-bottom: 1px solid #dbdbdb; }
  .catalog-item-availability-global-result-group--holding:last-of-type {
    border-bottom: 0; }
  .catalog-item-availability-global-result-group--holding .catalog-item-availability__location.is-visible {
    margin: 0 0 2rem; }
  @media (max-width: 767px) {
    .catalog-item-availability-global-result-group--holding {
      width: calc(100vw + 2.4rem);
      margin-left: -2.4rem;
      margin-right: -2.4rem;
      padding: 2.4rem;
      padding: 1rem; }
      .catalog-item-availability-global-result-group--holding .catalog-item-availability__location.is-visible {
        margin-left: 0; } }

.catalog-item-availability-global-result-group--holding--wrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
  padding: 1.8rem 1.2rem; }
  .catalog-item-availability-global-result-group--holding--wrapper h3 {
    width: 60%;
    color: #000; }
    @media (min-width: 768px) {
      .catalog-item-availability-global-result-group--holding--wrapper h3 {
        margin-bottom: 0; } }
    @media (max-width: 767px) {
      .catalog-item-availability-global-result-group--holding--wrapper h3 {
        width: 100%;
        margin-bottom: .8rem; } }
  @media (max-width: 959px) {
    .catalog-item-availability-global-result-group--holding--wrapper {
      display: block;
      padding: .8rem 1.2rem; } }

.catalog-item-availability-global-all-libraries--library {
  border: 1px solid #efefef;
  padding: 1.2rem;
  margin-bottom: 1.2rem;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); }

@media (max-width: 767px) {
  .catalog-item-availability-search--results {
    width: calc(100vw + 2.4rem);
    margin-left: -2.4rem;
    margin-right: -2.4rem;
    padding: 2.4rem;
    padding: 0; } }

.catalog-item-reviews .catalog-item-review-author-date, .catalog-item-reviews .catalog-item-review-copyright {
  margin-bottom: 1.2rem;
  font-weight: 600; }

.catalog-item-reviews .catalog-item-review-lead {
  padding: 1.8rem;
  margin-left: -1.8rem;
  margin-right: -1.8rem;
  margin-bottom: 1.2rem; }

.catalog-item-reviews .review-read-more-link,
.catalog-item-reviews .catalog-item-review-body-close-link {
  margin-left: 0.6rem; }

.catalog-item-reviews .catalog-item-reviews-group-toggle-links {
  padding-bottom: 2.4rem;
  margin-bottom: 2.4rem;
  border-bottom: 1px solid #dbdbdb; }
  .catalog-item-reviews .catalog-item-reviews-group-toggle-links ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .catalog-item-reviews .catalog-item-reviews-group-toggle-links ul li {
      line-height: 1.5em; }
      .catalog-item-reviews .catalog-item-reviews-group-toggle-links ul li a {
        font-weight: 600; }

.block-catalog-item-suggestions-block .owl-item:hover .thumbnail .thumbnail__cover {
  transform: none;
  margin-bottom: 2.4rem; }

.block-library-portal-core-latest-acquisitions-search-block {
  position: relative;
  width: 100%;
  background-color: #f9f9f9;
  padding: 2rem 1rem;
  margin: 8rem 0; }
  .block-library-portal-core-latest-acquisitions-search-block::before, .block-library-portal-core-latest-acquisitions-search-block::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 999px;
    background-color: #f9f9f9;
    z-index: -1; }
  .block-library-portal-core-latest-acquisitions-search-block::after {
    right: 100%; }
  .block-library-portal-core-latest-acquisitions-search-block::before {
    left: 100%; }
  .block-library-portal-core-latest-acquisitions-search-block svg {
    position: relative;
    left: -4rem;
    top: -6rem;
    float: left; }
    @media (max-width: 1199px) {
      .block-library-portal-core-latest-acquisitions-search-block svg {
        left: 1rem;
        width: 35px;
        top: -8rem; } }
    @media (max-width: 767px) {
      .block-library-portal-core-latest-acquisitions-search-block svg {
        left: -1rem;
        top: -6rem;
        width: 40px;
        float: none;
        margin-bottom: -60px; } }
    .block-library-portal-core-latest-acquisitions-search-block svg .latest-acquisitions--stroke {
      stroke: var(--cuc-colorscheme-color1); }
    .block-library-portal-core-latest-acquisitions-search-block svg .latest-acquisitions--fill {
      fill: var(--cuc-colorscheme-color1); }
  @media (min-width: 768px) {
    .block-library-portal-core-latest-acquisitions-search-block .wrapper {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      align-items: center; } }
  .block-library-portal-core-latest-acquisitions-search-block .wrapper * {
    margin: 0; }
  .block-library-portal-core-latest-acquisitions-search-block .wrapper h2 {
    text-transform: none;
    padding: 0;
    font-size: 18px;
    color: #000;
    width: 100%; }
    @media (min-width: 960px) {
      .block-library-portal-core-latest-acquisitions-search-block .wrapper h2 {
        width: 35%; } }
    @media (max-width: 959px) {
      .block-library-portal-core-latest-acquisitions-search-block .wrapper h2 {
        margin-bottom: 1rem; } }
    @media (max-width: 767px) {
      .block-library-portal-core-latest-acquisitions-search-block .wrapper h2 {
        margin-bottom: 2rem; } }
  .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form {
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start; }
    @media (min-width: 768px) {
      .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center; } }
    @media (min-width: 960px) {
      .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form {
        width: 65%;
        align-items: flex-end; } }
    .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form > * {
      margin-bottom: 0; }
      @media (max-width: 767px) {
        .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form > * {
          margin-bottom: 1rem; } }
      @media (min-width: 768px) {
        .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form > * {
          margin-left: 2rem; } }
    .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date {
      flex-direction: column;
      justify-content: flex-start;
      width: 70%;
      margin: 0; }
      @media (min-width: 768px) {
        .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date {
          display: flex;
          flex-wrap: wrap;
          flex-direction: row;
          align-items: center; } }
      @media (max-width: 767px) {
        .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date {
          justify-content: flex-start;
          width: 100%; } }
      .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date label {
        line-height: 15px;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: .2em;
        text-transform: none;
        padding: 0;
        color: #000;
        margin-right: 2rem; }
        @media (max-width: 767px) {
          .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date label {
            margin-bottom: 1rem; } }
      .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date select {
        display: none !important; }
      .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date .nice-select {
        width: 50%;
        margin-bottom: 0; }
        @media (max-width: 767px) {
          .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date .nice-select {
            width: 100%;
            margin-bottom: 1rem; } }
    .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions {
      width: 25%; }
      @media (max-width: 767px) {
        .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions {
          width: 100%;
          text-align: center;
          margin-top: 1rem; } }
      .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions .button--primary {
        margin: 0;
        padding: 1rem 2.4rem !important; }
        @media (max-width: 767px) {
          .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions .button--primary {
            width: 100%; } }
  @media (max-width: 959px) {
    .block-library-portal-core-latest-acquisitions-search-block .wrapper {
      flex-direction: column;
      align-items: flex-start; } }

.paragraph--type--columns-two-equal .block-library-portal-core-latest-acquisitions-search-block::before, .paragraph--type--columns-two-equal .block-library-portal-core-latest-acquisitions-search-block::after,
.paragraph--type--columns-two-asym-left .col:last-child .block-library-portal-core-latest-acquisitions-search-block::before,
.paragraph--type--columns-two-asym-left .col:last-child .block-library-portal-core-latest-acquisitions-search-block::after,
.paragraph--type--columns-two-asym-right .col:first-child .block-library-portal-core-latest-acquisitions-search-block::before,
.paragraph--type--columns-two-asym-right .col:first-child .block-library-portal-core-latest-acquisitions-search-block::after,
.paragraph--type--columns-two-asym-left .col:first-child .block-library-portal-core-latest-acquisitions-search-block::before,
.paragraph--type--columns-two-asym-left .col:first-child .block-library-portal-core-latest-acquisitions-search-block::after,
.paragraph--type--columns-two-asym-right .col:last-child .block-library-portal-core-latest-acquisitions-search-block::before,
.paragraph--type--columns-two-asym-right .col:last-child .block-library-portal-core-latest-acquisitions-search-block::after,
.paragraph--type--columns-three-equal .block-library-portal-core-latest-acquisitions-search-block::before,
.paragraph--type--columns-three-equal .block-library-portal-core-latest-acquisitions-search-block::after,
.paragraph--type--columns-four-equal .block-library-portal-core-latest-acquisitions-search-block::before,
.paragraph--type--columns-four-equal .block-library-portal-core-latest-acquisitions-search-block::after {
  display: none; }
  @media (max-width: 959px) {
    .paragraph--type--columns-two-equal .block-library-portal-core-latest-acquisitions-search-block::before, .paragraph--type--columns-two-equal .block-library-portal-core-latest-acquisitions-search-block::after,
    .paragraph--type--columns-two-asym-left .col:last-child .block-library-portal-core-latest-acquisitions-search-block::before,
    .paragraph--type--columns-two-asym-left .col:last-child .block-library-portal-core-latest-acquisitions-search-block::after,
    .paragraph--type--columns-two-asym-right .col:first-child .block-library-portal-core-latest-acquisitions-search-block::before,
    .paragraph--type--columns-two-asym-right .col:first-child .block-library-portal-core-latest-acquisitions-search-block::after,
    .paragraph--type--columns-two-asym-left .col:first-child .block-library-portal-core-latest-acquisitions-search-block::before,
    .paragraph--type--columns-two-asym-left .col:first-child .block-library-portal-core-latest-acquisitions-search-block::after,
    .paragraph--type--columns-two-asym-right .col:last-child .block-library-portal-core-latest-acquisitions-search-block::before,
    .paragraph--type--columns-two-asym-right .col:last-child .block-library-portal-core-latest-acquisitions-search-block::after,
    .paragraph--type--columns-three-equal .block-library-portal-core-latest-acquisitions-search-block::before,
    .paragraph--type--columns-three-equal .block-library-portal-core-latest-acquisitions-search-block::after,
    .paragraph--type--columns-four-equal .block-library-portal-core-latest-acquisitions-search-block::before,
    .paragraph--type--columns-four-equal .block-library-portal-core-latest-acquisitions-search-block::after {
      display: block; } }

.paragraph--type--columns-two-equal .block-library-portal-core-latest-acquisitions-search-block > svg,
.paragraph--type--columns-two-asym-left .col:last-child .block-library-portal-core-latest-acquisitions-search-block > svg,
.paragraph--type--columns-two-asym-right .col:first-child .block-library-portal-core-latest-acquisitions-search-block > svg,
.paragraph--type--columns-two-asym-left .col:first-child .block-library-portal-core-latest-acquisitions-search-block > svg,
.paragraph--type--columns-two-asym-right .col:last-child .block-library-portal-core-latest-acquisitions-search-block > svg,
.paragraph--type--columns-three-equal .block-library-portal-core-latest-acquisitions-search-block > svg,
.paragraph--type--columns-four-equal .block-library-portal-core-latest-acquisitions-search-block > svg {
  width: 70px; }
  @media (max-width: 767px) {
    .paragraph--type--columns-two-equal .block-library-portal-core-latest-acquisitions-search-block > svg,
    .paragraph--type--columns-two-asym-left .col:last-child .block-library-portal-core-latest-acquisitions-search-block > svg,
    .paragraph--type--columns-two-asym-right .col:first-child .block-library-portal-core-latest-acquisitions-search-block > svg,
    .paragraph--type--columns-two-asym-left .col:first-child .block-library-portal-core-latest-acquisitions-search-block > svg,
    .paragraph--type--columns-two-asym-right .col:last-child .block-library-portal-core-latest-acquisitions-search-block > svg,
    .paragraph--type--columns-three-equal .block-library-portal-core-latest-acquisitions-search-block > svg,
    .paragraph--type--columns-four-equal .block-library-portal-core-latest-acquisitions-search-block > svg {
      width: 40px; } }
  @media (max-width: 1199px) {
    .paragraph--type--columns-two-equal .block-library-portal-core-latest-acquisitions-search-block > svg,
    .paragraph--type--columns-two-asym-left .col:last-child .block-library-portal-core-latest-acquisitions-search-block > svg,
    .paragraph--type--columns-two-asym-right .col:first-child .block-library-portal-core-latest-acquisitions-search-block > svg,
    .paragraph--type--columns-two-asym-left .col:first-child .block-library-portal-core-latest-acquisitions-search-block > svg,
    .paragraph--type--columns-two-asym-right .col:last-child .block-library-portal-core-latest-acquisitions-search-block > svg,
    .paragraph--type--columns-three-equal .block-library-portal-core-latest-acquisitions-search-block > svg,
    .paragraph--type--columns-four-equal .block-library-portal-core-latest-acquisitions-search-block > svg {
      width: 50px;
      left: -1rem; } }

.paragraph--type--columns-two-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper h2,
.paragraph--type--columns-two-asym-left .col:last-child .block-library-portal-core-latest-acquisitions-search-block .wrapper h2,
.paragraph--type--columns-two-asym-right .col:first-child .block-library-portal-core-latest-acquisitions-search-block .wrapper h2,
.paragraph--type--columns-two-asym-left .col:first-child .block-library-portal-core-latest-acquisitions-search-block .wrapper h2,
.paragraph--type--columns-two-asym-right .col:last-child .block-library-portal-core-latest-acquisitions-search-block .wrapper h2,
.paragraph--type--columns-three-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper h2,
.paragraph--type--columns-four-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper h2 {
  width: 100%;
  margin-bottom: 1rem; }

.paragraph--type--columns-two-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form,
.paragraph--type--columns-two-asym-left .col:last-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form,
.paragraph--type--columns-two-asym-right .col:first-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form,
.paragraph--type--columns-two-asym-left .col:first-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form,
.paragraph--type--columns-two-asym-right .col:last-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form,
.paragraph--type--columns-three-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form,
.paragraph--type--columns-four-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form {
  width: 100%; }
  .paragraph--type--columns-two-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date,
  .paragraph--type--columns-two-asym-left .col:last-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date,
  .paragraph--type--columns-two-asym-right .col:first-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date,
  .paragraph--type--columns-two-asym-left .col:first-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date,
  .paragraph--type--columns-two-asym-right .col:last-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date,
  .paragraph--type--columns-three-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date,
  .paragraph--type--columns-four-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date {
    width: 70%; }
    @media (max-width: 1199px) {
      .paragraph--type--columns-two-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date,
      .paragraph--type--columns-two-asym-left .col:last-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date,
      .paragraph--type--columns-two-asym-right .col:first-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date,
      .paragraph--type--columns-two-asym-left .col:first-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date,
      .paragraph--type--columns-two-asym-right .col:last-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date,
      .paragraph--type--columns-three-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date,
      .paragraph--type--columns-four-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date {
        width: 100%; } }
    @media (max-width: 1199px) {
      .paragraph--type--columns-two-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date label,
      .paragraph--type--columns-two-asym-left .col:last-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date label,
      .paragraph--type--columns-two-asym-right .col:first-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date label,
      .paragraph--type--columns-two-asym-left .col:first-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date label,
      .paragraph--type--columns-two-asym-right .col:last-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date label,
      .paragraph--type--columns-three-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date label,
      .paragraph--type--columns-four-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date label {
        margin-bottom: 1rem; } }
    .paragraph--type--columns-two-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date .nice-select,
    .paragraph--type--columns-two-asym-left .col:last-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date .nice-select,
    .paragraph--type--columns-two-asym-right .col:first-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date .nice-select,
    .paragraph--type--columns-two-asym-left .col:first-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date .nice-select,
    .paragraph--type--columns-two-asym-right .col:last-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date .nice-select,
    .paragraph--type--columns-three-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date .nice-select,
    .paragraph--type--columns-four-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date .nice-select {
      width: 50%; }
      @media (max-width: 1199px) {
        .paragraph--type--columns-two-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date .nice-select,
        .paragraph--type--columns-two-asym-left .col:last-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date .nice-select,
        .paragraph--type--columns-two-asym-right .col:first-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date .nice-select,
        .paragraph--type--columns-two-asym-left .col:first-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date .nice-select,
        .paragraph--type--columns-two-asym-right .col:last-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date .nice-select,
        .paragraph--type--columns-three-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date .nice-select,
        .paragraph--type--columns-four-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date .nice-select {
          width: 100%;
          margin-bottom: 1rem; } }
  .paragraph--type--columns-two-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions,
  .paragraph--type--columns-two-asym-left .col:last-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions,
  .paragraph--type--columns-two-asym-right .col:first-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions,
  .paragraph--type--columns-two-asym-left .col:first-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions,
  .paragraph--type--columns-two-asym-right .col:last-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions,
  .paragraph--type--columns-three-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions,
  .paragraph--type--columns-four-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions {
    width: 25%;
    margin-left: 0; }
    @media (max-width: 1199px) {
      .paragraph--type--columns-two-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions,
      .paragraph--type--columns-two-asym-left .col:last-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions,
      .paragraph--type--columns-two-asym-right .col:first-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions,
      .paragraph--type--columns-two-asym-left .col:first-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions,
      .paragraph--type--columns-two-asym-right .col:last-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions,
      .paragraph--type--columns-three-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions,
      .paragraph--type--columns-four-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions {
        width: 100%; } }
    @media (max-width: 1199px) {
      .paragraph--type--columns-two-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions .button--primary,
      .paragraph--type--columns-two-asym-left .col:last-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions .button--primary,
      .paragraph--type--columns-two-asym-right .col:first-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions .button--primary,
      .paragraph--type--columns-two-asym-left .col:first-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions .button--primary,
      .paragraph--type--columns-two-asym-right .col:last-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions .button--primary,
      .paragraph--type--columns-three-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions .button--primary,
      .paragraph--type--columns-four-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions .button--primary {
        width: 100%; } }

.paragraph--type--columns-two-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date,
.paragraph--type--columns-two-asym-left .col:first-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date,
.paragraph--type--columns-two-asym-right .col:last-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date,
.paragraph--type--columns-three-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date,
.paragraph--type--columns-four-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date {
  width: 100%; }
  .paragraph--type--columns-two-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date .nice-select,
  .paragraph--type--columns-two-asym-left .col:first-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date .nice-select,
  .paragraph--type--columns-two-asym-right .col:last-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date .nice-select,
  .paragraph--type--columns-three-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date .nice-select,
  .paragraph--type--columns-four-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-item-date .nice-select {
    width: 100%;
    margin-bottom: 1rem; }

.paragraph--type--columns-two-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions,
.paragraph--type--columns-two-asym-left .col:first-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions,
.paragraph--type--columns-two-asym-right .col:last-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions,
.paragraph--type--columns-three-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions,
.paragraph--type--columns-four-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions {
  width: 100%; }
  .paragraph--type--columns-two-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions .button--primary,
  .paragraph--type--columns-two-asym-left .col:first-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions .button--primary,
  .paragraph--type--columns-two-asym-right .col:last-child .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions .button--primary,
  .paragraph--type--columns-three-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions .button--primary,
  .paragraph--type--columns-four-equal .block-library-portal-core-latest-acquisitions-search-block .wrapper .library-portal-core-latest-acquisitions-search-form .form-actions .button--primary {
    width: 100%; }

.library-portal-catalog-notify-form .button.form-submit.button-close {
  background: #fff;
  color: #000;
  text-align: center; }

.library-portal-catalog-notify-form .catalog-notify-form-agree {
  color: #666;
  font-size: 1.4rem;
  margin: 3.6rem 0 0; }

.catalog-notify .ajax-progress.ajax-progress-throbber {
  display: none; }

.catalog-notify .catalog-notify-button {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4;
  font-family: "DINPro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
  color: #4a4a4a;
  background-image: linear-gradient(#ffffff, #efefef);
  background-color: transparent;
  font-size: 1.6rem;
  padding: 1.8rem 2.4rem;
  text-align: left;
  color: #fff;
  font-weight: 600;
  padding-right: 6rem;
  margin-top: 1rem;
  background-color: #000;
  border-color: #000;
  background-image: url("/themes/custom/library_portal_theme/assets/icons/icon-bell-solid.svg");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 15px; }
  .catalog-notify .catalog-notify-button:disabled {
    cursor: not-allowed;
    opacity: .55; }
  .catalog-notify .catalog-notify-button:active, .catalog-notify .catalog-notify-button.nice-select.open, .catalog-notify .catalog-notify-button:focus, .catalog-notify .catalog-notify-button:hover {
    text-decoration: none; }

.catalog-notify.catalog-notify-sidebar {
  display: flex;
  justify-content: center;
  margin: 1rem 0; }
  @media (min-width: 480px) {
    .catalog-notify.catalog-notify-sidebar {
      margin: 0;
      display: block; } }
  .catalog-notify.catalog-notify-sidebar .catalog-notify-button {
    width: 94%; }
    @media (min-width: 480px) {
      .catalog-notify.catalog-notify-sidebar .catalog-notify-button {
        width: 100%; } }

.block-library-portal-catalog-purchase-suggestion-block {
  width: 100%;
  flex: 0 0 100%;
  margin: 3rem 0; }
  .block-library-portal-catalog-purchase-suggestion-block p {
    margin-bottom: .5rem; }

.search-results .catalog-item:first-child {
  margin-top: 0; }

.search-results .empty-search {
  margin-top: 2.4rem;
  padding: 2.4rem 0; }

.js .ui-autocomplete-input {
  background-position: -50% center !important; }

.js .ui-autocomplete-input.ui-autocomplete-loading {
  background-position: 1% center !important; }

.catalog-search-active-filters {
  border-top: 1px solid #e6e6e6;
  padding-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 1.2rem;
  font-size: 1.4rem;
  margin-top: 1rem; }
  .catalog-search-active-filters .title {
    display: inline-flex;
    font-size: 14px;
    font-weight: bold;
    margin: 0 2rem 1.8rem;
    padding-top: 19px;
    color: #000; }
  .catalog-search-active-filters .button--restore-all-filters {
    margin: 0.6rem 0.6rem 0 0;
    font-size: 1.4rem;
    border: 2px solid #bf4a4a;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .6rem 1.2rem;
    text-decoration: none;
    color: #bf4a4a; }
    .catalog-search-active-filters .button--restore-all-filters strong {
      display: inline-block;
      line-height: 14px;
      margin-left: 1.2rem;
      color: #bf4a4a;
      font-size: 1.8rem; }

.catalog-search-active-filters__filter {
  margin: 0.6rem 0.6rem 0 0; }
  .catalog-search-active-filters__filter a {
    display: flex;
    text-decoration: none;
    color: #000;
    background: #f9f9f9;
    border: 1px solid #dbdbdb;
    box-sizing: border-box;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
    border-radius: 50px;
    line-height: normal;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 5px; }
    .catalog-search-active-filters__filter a > span,
    .catalog-search-active-filters__filter a > strong {
      display: inline-block;
      line-height: 14px;
      padding: 4px 5px; }
    .catalog-search-active-filters__filter a > strong {
      background: transparent;
      font-size: 1.6rem;
      color: #28528a; }

.block-library-portal-catalog-search-page-result-count {
  display: flex;
  align-items: center;
  margin-bottom: 2rem; }
  @media (min-width: 960px) {
    .block-library-portal-catalog-search-page-result-count {
      margin-bottom: 3rem; } }
  .block-library-portal-catalog-search-page-result-count .catalog-search-result-count {
    outline: 0; }
    .block-library-portal-catalog-search-page-result-count .catalog-search-result-count h2 {
      margin-bottom: 0;
      color: #000;
      font-size: 24px;
      font-weight: normal; }
      @media (max-width: 767px) {
        .block-library-portal-catalog-search-page-result-count .catalog-search-result-count h2 {
          font-size: 14px; } }

.block-library-portal-catalog-search-page-results {
  width: 100%;
  flex: 0 0 100%; }
  .block-library-portal-catalog-search-page-results .search-results {
    margin-bottom: 5rem; }
    .block-library-portal-catalog-search-page-results .search-results:empty {
      display: none; }
  .block-library-portal-catalog-search-page-results .empty-search {
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    border-radius: 3px;
    background: #f9f9f9;
    color: #000;
    margin-bottom: 2rem; }
    .block-library-portal-catalog-search-page-results .empty-search .icon {
      position: relative;
      margin-right: 1.5rem;
      color: #e7eaec;
      font-size: 5rem; }
      .block-library-portal-catalog-search-page-results .empty-search .icon::after {
        content: '?';
        position: absolute;
        left: 1.5rem;
        top: 1.5rem;
        font-family: "DINPro", Arial, Helvetica, sans-serif;
        font-size: 1.6rem; }
    .block-library-portal-catalog-search-page-results .empty-search .text a {
      text-decoration: none; }
      .block-library-portal-catalog-search-page-results .empty-search .text a:hover, .block-library-portal-catalog-search-page-results .empty-search .text a:focus {
        text-decoration: underline; }

.catalog-search-results-expansion {
  margin: 2.4rem 0; }
  .catalog-search-results-expansion .catalog-search-results-expansion__remove-link::before {
    content: ' - '; }

.catalog-search-sort {
  display: flex;
  flex: 0 0 100%;
  position: relative;
  height: 50px;
  margin: 1.5rem 0; }
  @media (min-width: 960px) {
    .catalog-search-sort {
      margin: 0 0 0 auto;
      flex-basis: auto; } }

.catalog-search-sort__header .icon {
  transition: transform .2s ease; }
  @media (min-width: 960px) {
    .catalog-search-sort__header .icon {
      display: none; } }

.catalog-search-sort__header.active .icon {
  transform: rotate(180deg);
  transform-origin: center; }

.my-library-lists-list-edit__filters {
  display: flex;
  flex-wrap: wrap; }
  .my-library-lists-list-edit__filters .catalog-search-filter__header {
    margin: 2rem; }

.catalog-search-sort__header.is-active,
.catalog-search-filter__header.is-active {
  background-color: #fff; }

.catalog-search-sort__header h2,
.catalog-search-filter__header h2 {
  font-size: 1.6rem;
  font-weight: normal;
  color: #666;
  line-height: 2.6;
  display: inline; }

@media (max-width: 959px) {
  .catalog-search-sort__header,
  .catalog-search-filter__header {
    color: #000;
    box-shadow: 0 2px 0 #f2f2f2;
    padding: 1.2rem;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    cursor: pointer;
    flex: 0 0 100%; }
    .catalog-search-sort__header h2,
    .catalog-search-filter__header h2 {
      line-height: 1.5; }
    .catalog-search-sort__header .icon,
    .catalog-search-filter__header .icon {
      margin-left: auto;
      color: #000;
      font-size: 2rem;
      padding-left: 1rem; } }

.catalog-search-sort_dropdown {
  position: absolute;
  right: 0;
  top: 100%;
  display: none;
  width: 100%;
  z-index: 1; }
  @media (min-width: 960px) {
    .catalog-search-sort_dropdown {
      position: relative;
      right: initial;
      top: initial;
      display: block;
      width: auto;
      min-width: 300px;
      margin-left: 1rem; } }
  .catalog-search-sort_dropdown.mobile-active {
    display: block; }
    .catalog-search-sort_dropdown.mobile-active ul {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 45677;
      min-width: 300px; }
      .catalog-search-sort_dropdown.mobile-active ul li {
        display: block; }
  .catalog-search-sort_dropdown ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #dbdbdb;
    background: #fff;
    border-radius: 4px;
    cursor: pointer; }
    .catalog-search-sort_dropdown ul li {
      min-width: 300px; }
      .catalog-search-sort_dropdown ul li:hover a {
        color: #000; }
      .catalog-search-sort_dropdown ul li a {
        display: block;
        padding: 8px 26px 9px 11px;
        color: rgba(0, 0, 0, 0.8);
        text-decoration: none; }
      @media (min-width: 960px) {
        .catalog-search-sort_dropdown ul li {
          display: none; } }
    @media (max-width: 959px) {
      .catalog-search-sort_dropdown ul {
        width: 100%; } }
    @media (min-width: 960px) {
      .catalog-search-sort_dropdown ul .li-active {
        display: block; } }
  @media (max-width: 959px) {
    .catalog-search-sort_dropdown.active {
      display: block; } }
  .catalog-search-sort_dropdown.active li {
    display: block; }
    .catalog-search-sort_dropdown.active li.li-active a {
      color: #000;
      font-weight: 900; }
  .catalog-search-sort_dropdown .dropdown-icon {
    display: none; }
    @media (min-width: 960px) {
      .catalog-search-sort_dropdown .dropdown-icon {
        position: absolute;
        top: 12px;
        right: 20px;
        display: block;
        color: #8a8a8a;
        pointer-events: none; } }

.catalog-search-filter {
  flex: 0 0 100%; }
  @media (min-width: 960px) {
    .catalog-search-filter {
      display: none; } }

.block-library-portal-catalog-search-suggestions {
  width: 100%;
  flex: 0 0 100%; }

.catalog-search-suggestions {
  margin-bottom: 2.4rem;
  padding: 0 1.8rem;
  border: 1px solid #dbdbdb; }

.catalog-search-suggestions__wiki {
  display: flex;
  padding: 1.8rem 0;
  border-bottom: 1px solid #dbdbdb; }

.catalog-search-suggestions__wiki-first {
  width: 80%;
  padding-right: 5%; }

.catalog-search-suggestions__wiki-second {
  width: 20%; }

.catalog-search-suggestions__wiki-title {
  text-transform: none; }

.catalog-search-suggestions__links {
  margin: 0;
  padding: 0;
  list-style: none; }

.catalog-search-suggestions__link {
  padding: 1.8rem 0; }
  .catalog-search-suggestions__link + .catalog-search-suggestions__link {
    border-top: 1px solid #dbdbdb; }
  .catalog-search-suggestions__link em {
    margin-right: .5em;
    font-style: normal;
    font-weight: bold; }
  .catalog-search-suggestions__link a {
    color: inherit; }
    .catalog-search-suggestions__link a::after {
      display: inline-block;
      font: normal normal normal 14px / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: inherit;
      content: "\F054"; }
    .catalog-search-suggestions__link a::after {
      margin-left: 1em; }

.paragraph--type--child-pages {
  display: flex;
  flex-wrap: wrap;
  margin-top: 4.8rem;
  margin-bottom: -1.2rem;
  margin-left: -12px;
  margin-right: -12px; }

.paragraph--child-page {
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  margin-bottom: 4.8rem;
  margin-right: 12px;
  margin-left: 12px;
  width: 270px !important;
  display: flex;
  flex-direction: column; }
  .paragraph--child-page h3 {
    background-color: var(--cuc-colorscheme-color1);
    width: 100%;
    font-size: 14px;
    letter-spacing: .2em;
    color: #fff;
    text-transform: none;
    font-weight: 400;
    height: 40px;
    display: flex;
    align-items: center;
    border-radius: 3px;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    margin: -15px auto 1.2rem; }
  .paragraph--child-page h2 {
    padding: 0;
    font-size: 18px;
    color: #000;
    margin-top: 1rem;
    margin-right: 0;
    margin-left: 0; }
  .paragraph--child-page .event-image {
    padding-right: 0;
    padding-left: 0; }
  .paragraph--child-page img {
    width: 100%;
    height: auto;
    border-radius: 3px; }
  .paragraph--child-page .short-intro {
    width: 250px;
    overflow: hidden;
    margin-bottom: 2rem; }
  .paragraph--child-page .read-more--wrapper {
    justify-content: flex-end;
    margin-bottom: 2.4rem; }
    .paragraph--child-page .read-more--wrapper a {
      font-weight: 600; }
  .paragraph--child-page dl {
    font-size: 1.4rem;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    background-color: #f9f9f9;
    margin: 4rem 0; }
    .paragraph--child-page dl dt {
      padding: .5rem .5rem .5rem 1.5rem;
      margin-top: 0;
      width: 20%;
      display: inline-block;
      float: left;
      font-weight: normal;
      color: #4a4a4a;
      height: 100%;
      clear: both; }
      @media (max-width: 767px) {
        .paragraph--child-page dl dt {
          font-size: 14px !important;
          font-weight: 600;
          display: block;
          width: 100%;
          background-color: #f9f9f9;
          margin-bottom: 1rem; } }
    .paragraph--child-page dl dd {
      padding: 0 .5rem .5rem 1.5rem;
      font-weight: normal;
      display: inline-block;
      width: 65%;
      line-height: 25px;
      font-size: 16px;
      color: #333333; }
      .paragraph--child-page dl dd span {
        display: inline-block; }
        .paragraph--child-page dl dd span:first-of-type {
          margin-left: 0; }
        .paragraph--child-page dl dd span.inline-data {
          display: inline; }
          .paragraph--child-page dl dd span.inline-data::after {
            content: '-';
            display: inline-block;
            margin-right: 1rem;
            margin-left: 1em; }
          .paragraph--child-page dl dd span.inline-data:first-of-type {
            margin-right: 0; }
          .paragraph--child-page dl dd span.inline-data:last-of-type {
            margin-left: 0; }
            .paragraph--child-page dl dd span.inline-data:last-of-type::after {
              display: none; }
      @media (max-width: 767px) {
        .paragraph--child-page dl dd {
          display: block;
          width: 100%;
          border-left: 0 solid #dbdbdb;
          margin-bottom: 1rem; } }
  .paragraph--child-page .button {
    width: 100%; }
  @media (max-width: 767px) {
    .paragraph--child-page {
      margin-bottom: 7.2rem; } }

.cover-list--items h2 {
  font-size: 24px;
  color: #000;
  margin-bottom: 6rem; }

.cover-list--items_allresultslink {
  text-align: right;
  padding: 3rem 0; }
  @media (max-width: 767px) {
    .cover-list--items_allresultslink {
      text-align: center; } }

.cover-list--item {
  margin-bottom: 2rem;
  border-bottom: 1px solid #dbdbdb; }
  @media (max-width: 479px) {
    .cover-list--item {
      flex-direction: column; } }
  .cover-list--item_left {
    float: left;
    width: 100%;
    margin-right: 2.4rem;
    max-width: 138px; }
    @media (max-width: 479px) {
      .cover-list--item_left {
        margin-right: calc(2.4rem / 2);
        max-width: 100px; } }
    .cover-list--item_left a {
      display: block;
      margin: auto; }
      .cover-list--item_left a img {
        margin: auto; }
  .cover-list--item_right {
    margin-top: 1rem;
    margin-bottom: 2.4rem; }
    @media (max-width: 479px) {
      .cover-list--item_right {
        width: 100%; } }
    .cover-list--item_right h4 {
      margin-bottom: 0;
      margin-top: 0; }
      .cover-list--item_right h4 a {
        font-weight: 700;
        font-size: 18px;
        color: #000;
        text-decoration: none; }
    .cover-list--item_right h5 {
      font-weight: 100;
      font-size: 12px; }

.cover {
  margin-bottom: 2.4rem;
  transition: transform 0.53s ease, margin 0.53s ease; }
  @media (max-width: 479px) {
    .cover {
      margin-right: calc(2.4rem / 2); } }
  .cover img {
    display: block;
    border: 3px solid #fff;
    box-shadow: 0 0 10px 0 rgba(127, 127, 127, 0.3);
    transition: box-shadow 0.53s ease; }
  .cover:hover {
    transform: scale(1.5); }
    .cover:hover img {
      box-shadow: 0 0 20px 3px rgba(127, 127, 127, 0.3); }

@media (min-width: 960px) {
  .paragraph--type--columns-four-equal .cover-list--item_left {
    float: none; } }

@media (min-width: 960px) and (max-width: 1199px) {
  .paragraph--type--columns-three-equal .cover-list--item_left {
    float: none; } }

.facet-show-more--modal .modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3489898;
  background-color: rgba(0, 0, 0, 0.5); }

.facet-show-more--modal .modal-close {
  position: absolute;
  right: 10px;
  top: 0; }

.facet-show-more--modal .modal-wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9888897;
  width: 80vw;
  max-height: 80vh;
  overflow: auto;
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 2px 12px 3px rgba(0, 0, 0, 0.1); }
  .facet-show-more--modal .modal-wrapper h5 {
    font-size: 2.4rem !important; }
  .facet-show-more--modal .modal-wrapper .modal-close {
    text-decoration: none;
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    background: #fff;
    border-radius: 4px 4px 0 0;
    font-size: 16px;
    font-weight: bold;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .facet-show-more--modal .modal-wrapper .modal-close span {
      display: none; }
    .facet-show-more--modal .modal-wrapper .modal-close::after {
      background: var(--color-button);
      color: #fff;
      font-size: 18px;
      padding: 11px 16px;
      text-align: center;
      width: 50px;
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #ea0000;
      content: '\F00D';
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased; }
  @media (max-width: 767px) {
    .facet-show-more--modal .modal-wrapper {
      margin-top: 0;
      display: block;
      position: fixed;
      top: 0;
      height: 100vh !important;
      background-color: #fff;
      width: 100vw;
      z-index: 55596;
      left: 0;
      transform: none;
      overflow: scroll;
      max-height: 100vh;
      padding: 2rem !important; } }
  .facet-show-more--modal .modal-wrapper a {
    color: #28528a; }

.facet-show-more--links {
  -moz-column-count: 4;
       column-count: 4; }
  .facet-show-more--links a {
    text-decoration: none; }
    .facet-show-more--links a:hover {
      text-decoration: underline; }
    .facet-show-more--links a span {
      color: #999; }
  .facet-show-more--links ul {
    list-style-type: none;
    font-size: 11pt; }
  @media (max-width: 959px) {
    .facet-show-more--links {
      -moz-column-count: 3;
           column-count: 3; } }
  @media (max-width: 767px) {
    .facet-show-more--links {
      -moz-column-count: 2;
           column-count: 2; } }

.password-strength .password-strength__indicator.is-weak {
  background: #ff0; }

.password-strength .password-strength__indicator.is-fair {
  background: #ffa07a; }

.password-strength .password-strength__indicator.is-good {
  background: #90ee90; }

.password-strength .password-strength__indicator.is-strong {
  background: #008000; }

.tabs {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin-bottom: 20px; }

.tabs ul.tabs--primary {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }

.tabs ul.tabs--primary li a {
  color: #000;
  background-color: #ededed;
  border-color: #ccc;
  border-style: solid solid none;
  border-width: 1px;
  height: 1.8em;
  line-height: 1.9;
  display: block;
  font-size: .929em;
  padding: 0 10px 3px;
  text-shadow: 0 1px 0 #fff; }

.tabs ul.tabs--primary li.is-active a {
  background-color: #fff;
  border: 1px solid #ccc; }

@media screen and (max-width: 37.5em) {
  .tabs ul.tabs--primary {
    border-bottom: 1px solid #ccc; }
  .tabs ul.tabs--primary li {
    display: block;
    margin: 0; }
  .tabs ul.tabs--primary li a {
    padding: 5px 10px; }
  .tabs ul.tabs--primary li.is-active a {
    border-bottom: 0; } }

@media screen and (min-width: 37.5em) {
  .tabs ul.tabs--primary {
    border-collapse: collapse;
    height: auto;
    line-height: normal;
    padding: 0 3px;
    margin: 0;
    overflow: hidden;
    border: 0;
    background: transparent url("/themes/custom/library_portal_theme/assets/img/tabs-border.png") repeat-x left bottom;
    white-space: nowrap; }
  .tabs ul.tabs--primary li {
    display: block;
    float: left;
    vertical-align: bottom;
    margin: 0 5px 0 0; }
  [dir='rtl'] .tabs ul.tabs--primary li {
    margin: 0 0 0 5px;
    float: right; }
  .tabs ul.tabs--primary li a {
    float: left;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
  .tabs ul.tabs--primary li.is-active a {
    border-bottom: 1px solid #fff; } }

.tabs ul.tabs--secondary {
  border-bottom: 0;
  margin: 5px;
  padding: .55em 0;
  overflow: hidden; }

.tabs ul.tabs--secondary li {
  border-right: 1px solid #ccc;
  display: block;
  float: left;
  margin: 0;
  padding: 0 1em; }

[dir='rtl'] .tabs ul.tabs--secondary li {
  border-left: 1px solid #ccc;
  border-right: 0;
  float: right; }

.tabs ul.tabs--secondary li:last-child {
  border-right: 0; }

[dir='rtl'] .tabs ul.tabs--secondary li:last-child {
  border-left: 0; }

.tabs ul.tabs--secondary li:first-child {
  padding-left: 0; }

[dir='rtl'] .tabs ul.tabs--secondary li:first-child {
  padding-right: 0; }

.tabs ul.tabs--secondary li a {
  display: inline;
  padding: .525em .55em;
  text-decoration: none; }

.tabs ul.tabs--secondary li a.is-active {
  background: #fafafa;
  border-bottom: 0;
  border-radius: 5px; }

.eu-cookie-compliance-popup-open {
  overflow: hidden; }

.sliding-popup-bottom {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1001; }
  .sliding-popup-bottom .eu-cookie-compliance-banner {
    width: 80%;
    max-width: 700px;
    max-height: 90%;
    padding: 2rem;
    border-radius: 6px;
    background: #fff;
    overflow-y: scroll; }
  .sliding-popup-bottom .eu-cookie-compliance-category {
    margin-bottom: 1rem; }
    .sliding-popup-bottom .eu-cookie-compliance-category .eu-cookie-compliance-category-description {
      margin-left: calc(4px + 13px + 3px + .9rem);
      font-size: 1.4rem; }
  .sliding-popup-bottom .eu-cookie-compliance-buttons {
    margin-top: 3rem; }
    .sliding-popup-bottom .eu-cookie-compliance-buttons .button--primary {
      padding: 1.8rem 2.4rem;
      color: #fff;
      border: 2px solid #28528a;
      background-image: none;
      background-color: #28528a;
      font-weight: 600;
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.525);
      margin-right: 1rem;
      margin-bottom: 1rem; }
      .sliding-popup-bottom .eu-cookie-compliance-buttons .button--primary:hover, .sliding-popup-bottom .eu-cookie-compliance-buttons .button--primary:focus {
        color: #fff;
        box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.2); }
      @media (max-width: 479px) {
        .sliding-popup-bottom .eu-cookie-compliance-buttons .button--primary {
          width: 100%; } }
    .sliding-popup-bottom .eu-cookie-compliance-buttons .button--secondary {
      display: inline-block;
      vertical-align: middle;
      line-height: 1.4;
      font-family: "DINPro", Arial, Helvetica, sans-serif;
      font-weight: 400;
      -webkit-font-smoothing: antialiased;
      text-align: center;
      text-decoration: none;
      transition: background-color 150ms ease;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      border: 1px solid #ddd;
      border-radius: 3px;
      cursor: pointer;
      color: #4a4a4a;
      background-image: linear-gradient(#ffffff, #efefef);
      background-color: transparent;
      font-size: 1.6rem;
      padding: 1.8rem 2.4rem;
      color: #28528a;
      font-weight: 600;
      background: #fff;
      border: 2px solid #28528a;
      text-shadow: none;
      margin-bottom: 1rem; }
      .sliding-popup-bottom .eu-cookie-compliance-buttons .button--secondary:disabled {
        cursor: not-allowed;
        opacity: .55; }
      .sliding-popup-bottom .eu-cookie-compliance-buttons .button--secondary:active, .sliding-popup-bottom .eu-cookie-compliance-buttons .button--secondary.nice-select.open, .sliding-popup-bottom .eu-cookie-compliance-buttons .button--secondary:focus, .sliding-popup-bottom .eu-cookie-compliance-buttons .button--secondary:hover {
        text-decoration: none; }
      @media (max-width: 479px) {
        .sliding-popup-bottom .eu-cookie-compliance-buttons .button--secondary {
          width: 100%; } }

.field--name-field-lp-region-content {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.2rem;
  padding-left: 4rem; }
  .field--name-field-lp-region-content .panel {
    width: 100%; }
    @media (min-width: 768px) {
      .field--name-field-lp-region-content .panel {
        width: 45%; }
        .field--name-field-lp-region-content .panel:nth-of-type(even) {
          margin-right: 0; } }
  @media (max-width: 959px) {
    .field--name-field-lp-region-content {
      margin-top: 4rem; } }
  @media (max-width: 768px) {
    .field--name-field-lp-region-content {
      margin-top: 8rem; } }

.advanced-search-form #edit-advanced-search {
  border: 0;
  padding: 0;
  margin: 0; }
  .advanced-search-form #edit-advanced-search > legend {
    display: none; }

.advanced-search-form input {
  max-width: 100%;
  min-width: 0; }

.advanced-search-form select {
  width: 100%;
  max-width: 100%; }

.advanced-search-form .advanced-search-form__reset {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4;
  font-family: "DINPro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
  color: #4a4a4a;
  background-image: linear-gradient(#ffffff, #efefef);
  background-color: transparent;
  font-size: 1.6rem;
  padding: 1.8rem 2.4rem;
  white-space: normal;
  color: #bf4a4a;
  border: 3px solid #bf4a4a;
  background-color: transparent;
  background-image: none;
  text-shadow: none;
  font-weight: 600;
  margin-right: 1.8rem; }
  .advanced-search-form .advanced-search-form__reset:disabled {
    cursor: not-allowed;
    opacity: .55; }
  .advanced-search-form .advanced-search-form__reset:active, .advanced-search-form .advanced-search-form__reset.nice-select.open, .advanced-search-form .advanced-search-form__reset:focus, .advanced-search-form .advanced-search-form__reset:hover {
    text-decoration: none; }
  .advanced-search-form .advanced-search-form__reset:hover, .advanced-search-form .advanced-search-form__reset:active, .advanced-search-form .advanced-search-form__reset.nice-select.open {
    color: #fff;
    background: #bf4a4a; }
  @media (max-width: 479px) {
    .advanced-search-form .advanced-search-form__reset {
      margin-right: 0;
      margin-top: 1.2rem;
      width: 100%; } }

.advanced-search-form input[type='text'] {
  padding-left: 25px;
  padding-right: 25px; }

.advanced-search-form .form-actions {
  margin-top: 2.4rem; }
  @media (max-width: 479px) {
    .advanced-search-form .form-actions {
      display: flex;
      flex-direction: column-reverse; } }

@media (min-width: 768px) {
  .advanced-search-form {
    width: 525px; }
    .advanced-search-form .fieldset-wrapper {
      width: 525px; } }

.advanced-search-form fieldset[data-drupal-selector='edit-period'] {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  color: #3f4547; }

@media (min-width: 768px) {
  .advanced-search-form fieldset[data-drupal-selector='edit-period'] {
    margin: 0 0 1.8rem; }
    .advanced-search-form fieldset[data-drupal-selector='edit-period'] .fieldset-wrapper {
      display: flex; }
    .advanced-search-form fieldset[data-drupal-selector='edit-period'] .form-item-startdate,
    .advanced-search-form fieldset[data-drupal-selector='edit-period'] .form-item-enddate {
      flex: 48%;
      display: flex;
      align-items: center; }
      .advanced-search-form fieldset[data-drupal-selector='edit-period'] .form-item-startdate input,
      .advanced-search-form fieldset[data-drupal-selector='edit-period'] .form-item-enddate input {
        margin-bottom: 0; }
      .advanced-search-form fieldset[data-drupal-selector='edit-period'] .form-item-startdate label,
      .advanced-search-form fieldset[data-drupal-selector='edit-period'] .form-item-enddate label {
        margin-right: 5%; }
    .advanced-search-form fieldset[data-drupal-selector='edit-period'] .form-item-startdate {
      margin-right: 2%; }
    .advanced-search-form fieldset[data-drupal-selector='edit-period'] .form-item-enddate {
      margin-left: 2%; } }

.confirm-form {
  font-size: 2rem; }
  .confirm-form .form-actions {
    margin-top: 2.4rem; }
  .confirm-form #edit-cancel {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
    font-family: "DINPro", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    color: #4a4a4a;
    background-image: linear-gradient(#ffffff, #efefef);
    background-color: transparent;
    font-size: 1.6rem;
    padding: 1.8rem 2.4rem;
    white-space: normal;
    color: #bf4a4a;
    border: 3px solid #bf4a4a;
    background-color: transparent;
    background-image: none;
    text-shadow: none;
    font-weight: 600;
    margin-right: 1.8rem; }
    .confirm-form #edit-cancel:disabled {
      cursor: not-allowed;
      opacity: .55; }
    .confirm-form #edit-cancel:active, .confirm-form #edit-cancel.nice-select.open, .confirm-form #edit-cancel:focus, .confirm-form #edit-cancel:hover {
      text-decoration: none; }
    .confirm-form #edit-cancel:hover, .confirm-form #edit-cancel:active, .confirm-form #edit-cancel.nice-select.open {
      color: #fff;
      background: #bf4a4a; }
    @media (max-width: 479px) {
      .confirm-form #edit-cancel {
        margin-top: 1.2rem;
        margin-right: 0;
        width: 100%; } }

.library-portal-contact-form input[data-drupal-selector='edit-other-library'].form-submit {
  background: none;
  color: #28528a;
  border: 0;
  padding: 0;
  font: inherit;
  cursor: pointer;
  box-shadow: none;
  -webkit-font-smoothing: initial;
  display: inline-block;
  transition: color 150ms ease;
  text-decoration: underline;
  text-shadow: none; }
  .library-portal-contact-form input[data-drupal-selector='edit-other-library'].form-submit:hover {
    background-color: none; }

.select {
  outline: none;
  border: 1px solid #efefef;
  background: #fff;
  padding: 1rem;
  margin: 0;
  color: rgba(0, 0, 0, 0.8);
  border-radius: .3rem;
  display: inline-block;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  background-image: linear-gradient(45deg, transparent 50%, #8a8a8a 50%), linear-gradient(135deg, #8a8a8a 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  width: 100%; }

@-webkit-keyframes fadeInOutAnimation {
  0%,
  100% {
    opacity: 0; }
  10%,
  50% {
    opacity: 1; } }

@keyframes fadeInOutAnimation {
  0%,
  100% {
    opacity: 0; }
  10%,
  50% {
    opacity: 1; } }

.catalog-search-form {
  padding: 2.4rem 1.2rem 1.2rem;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 2; }
  @media (min-width: 960px) {
    .catalog-search-form {
      padding: 1.2rem 2.4rem; } }
  .catalog-search-form select,
  .catalog-search-form input {
    margin: 0;
    padding: 12px 2.4rem;
    line-height: 1.6rem;
    font-size: 1.4rem;
    font-weight: 700;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 0;
    border-radius: 0;
    box-shadow: none; }
    @media (max-width: 959px) {
      .catalog-search-form select,
      .catalog-search-form input {
        width: 100%; } }
  .catalog-search-form .autocomplete-disabled {
    background-image: none; }
  .catalog-search-form label {
    display: none; }
  .catalog-search-form select,
  .catalog-search-form input[type='submit'] {
    text-transform: none; }
  .catalog-search-form input[type='submit'] {
    color: #fff;
    position: absolute;
    right: .55rem;
    top: 50%;
    transform: translateY(-50%);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
    border-radius: 4px;
    width: auto;
    background: var(--color-button) url("/themes/custom/library_portal_theme/assets/svg/search.svg") no-repeat 10px 50%;
    background-size: 18%;
    padding: 1.2rem 1.2rem 1.2rem 3.2rem; }
  .catalog-search-form input[type='text'] {
    border: 1px solid #e0e0e0;
    background-color: #ededed;
    border-radius: 4px;
    padding: 1.6rem 10rem 1.6rem 1.6rem;
    background-position: right 90px center; }
    .catalog-search-form input[type='text']::-ms-clear {
      display: none; }
  .catalog-search-form .clear_input_div {
    position: relative; }
    .catalog-search-form .clear_input_div .clear_input {
      position: absolute;
      cursor: pointer;
      top: 15px !important;
      left: auto !important;
      right: 120px !important; }
      @media (max-width: 479px) {
        .catalog-search-form .clear_input_div .clear_input {
          display: none !important; } }
  .catalog-search-form .form__header {
    margin-bottom: 1rem; }
    @media (min-width: 960px) {
      .catalog-search-form .form__header {
        margin-bottom: 0; } }
    .catalog-search-form .form__header .search-location-list {
      position: relative;
      align-items: center;
      width: 100%; }
      .catalog-search-form .form__header .search-location-list .highlight-context {
        box-shadow: 0 0 10px 1px #ffdb0d !important;
        transition: box-shadow 1s ease-in-out; }
      .catalog-search-form .form__header .search-location-list .catalog-tooltip-switch-context {
        display: flex;
        position: absolute;
        top: 5rem;
        left: 3rem;
        background: #000;
        color: #fff;
        padding: 1.6rem 1.2rem;
        border-radius: .6rem;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        -webkit-animation: fadeInOutAnimation ease 6s;
                animation: fadeInOutAnimation ease 6s;
        -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        z-index: 99; }
        @media (min-width: 960px) {
          .catalog-search-form .form__header .search-location-list .catalog-tooltip-switch-context {
            top: inherit;
            left: inherit;
            bottom: 6rem;
            right: -2rem; } }
        .catalog-search-form .form__header .search-location-list .catalog-tooltip-switch-context::after {
          content: '';
          position: absolute;
          top: -1rem;
          left: 4rem;
          border-top: 0;
          border-right: 1.4rem solid transparent;
          border-left: 1.4rem solid transparent;
          border-bottom: 1.4rem solid #000; }
          @media (min-width: 960px) {
            .catalog-search-form .form__header .search-location-list .catalog-tooltip-switch-context::after {
              top: inherit;
              left: inherit;
              bottom: -1rem;
              right: 4rem;
              border-top: 1.4rem solid #000;
              border-bottom: 0; } }
        .catalog-search-form .form__header .search-location-list .catalog-tooltip-switch-context .tooltip-catalog {
          padding: 0 1.4rem;
          align-self: center;
          font-size: 3rem; }
        .catalog-search-form .form__header .search-location-list .catalog-tooltip-switch-context p {
          margin: 0;
          min-width: 24rem; }
        .catalog-search-form .form__header .search-location-list .catalog-tooltip-switch-context button {
          color: #fff;
          background: 0;
          border: 0;
          margin: 0;
          padding: .6rem 1rem;
          position: absolute;
          right: 0;
          top: 0;
          font-size: 1.4rem; }
          @media (min-width: 960px) {
            .catalog-search-form .form__header .search-location-list .catalog-tooltip-switch-context button {
              display: none; } }
    .catalog-search-form .form__header .search-location-list__label {
      margin-right: 1rem;
      color: rgba(0, 0, 0, 0.8);
      font-size: 1rem;
      font-weight: bold;
      white-space: nowrap; }
    .catalog-search-form .form__header .search-location-list__current {
      padding: 1rem 1.5rem;
      border: 2px solid #e0e0e0;
      border-radius: 4px;
      background-color: #f9f9f9;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      color: #000;
      text-decoration: none; }
      @media (min-width: 960px) {
        .catalog-search-form .form__header .search-location-list__current {
          display: none; } }
      .catalog-search-form .form__header .search-location-list__current .icon {
        margin-left: 1rem;
        color: #28528a; }
      .catalog-search-form .form__header .search-location-list__current[aria-expanded='false'] .icon-open {
        display: none; }
      .catalog-search-form .form__header .search-location-list__current[aria-expanded='true'] .icon-open {
        display: inline-block; }
      .catalog-search-form .form__header .search-location-list__current[aria-expanded='true'] .icon-closed {
        display: none; }
      .catalog-search-form .form__header .search-location-list__current[aria-expanded='true'] ~ .search-location-list__list {
        display: block; }
        @media (min-width: 960px) {
          .catalog-search-form .form__header .search-location-list__current[aria-expanded='true'] ~ .search-location-list__list {
            display: flex; } }
    .catalog-search-form .form__header .profile-info-link.mobile {
      margin-left: 1rem; }
      @media (min-width: 960px) {
        .catalog-search-form .form__header .profile-info-link.mobile {
          display: none; } }
    .catalog-search-form .form__header .search-location-list__list {
      display: none;
      position: absolute;
      left: 1.5rem;
      bottom: 0;
      transform: translateY(100%);
      margin: 0;
      padding: 1rem 2rem;
      border: 1px solid #e0e0e0;
      border-radius: 4px;
      background: #fff;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      list-style: none;
      z-index: 1; }
      @media (min-width: 960px) {
        .catalog-search-form .form__header .search-location-list__list {
          position: relative;
          left: initial;
          bottom: initial;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          padding: 0;
          border: 0;
          background: transparent;
          box-shadow: none;
          transform: none; } }
      .catalog-search-form .form__header .search-location-list__list .other-lib-profile {
        display: flex;
        position: relative; }
      .catalog-search-form .form__header .search-location-list__list a {
        display: block;
        color: rgba(0, 0, 0, 0.8);
        text-decoration: none; }
        @media (min-width: 960px) {
          .catalog-search-form .form__header .search-location-list__list a {
            display: inline-block;
            color: rgba(0, 0, 0, 0.6); } }
        .catalog-search-form .form__header .search-location-list__list a:hover, .catalog-search-form .form__header .search-location-list__list a:focus {
          color: #000; }
        .catalog-search-form .form__header .search-location-list__list a.profile-info-link.desktop {
          display: none;
          padding-left: 0;
          color: var(--cuc-colorscheme-color2); }
          .catalog-search-form .form__header .search-location-list__list a.profile-info-link.desktop:hover, .catalog-search-form .form__header .search-location-list__list a.profile-info-link.desktop:focus {
            color: #28528a; }
          @media (min-width: 960px) {
            .catalog-search-form .form__header .search-location-list__list a.profile-info-link.desktop {
              display: inline-block; } }
        .catalog-search-form .form__header .search-location-list__list a .icon {
          display: none;
          margin-left: 1rem; }
        @media (min-width: 960px) {
          .catalog-search-form .form__header .search-location-list__list a[aria-expanded='false'] .icon-closed {
            display: inline-block; }
          .catalog-search-form .form__header .search-location-list__list a[aria-expanded='true'] .icon-open {
            display: inline-block; }
          .catalog-search-form .form__header .search-location-list__list a[aria-expanded='true'] ~ ul {
            display: block; } }
      .catalog-search-form .form__header .search-location-list__list > li {
        position: relative;
        margin: 1rem 0; }
        @media (min-width: 960px) {
          .catalog-search-form .form__header .search-location-list__list > li {
            margin: 0 0 0 1rem;
            border: 1px solid transparent;
            border-bottom: 0;
            border-radius: 4px; }
            .catalog-search-form .form__header .search-location-list__list > li::after {
              content: '';
              position: absolute;
              left: -1px;
              bottom: 0;
              width: calc(100% + 2px);
              height: 5px;
              pointer-events: none; } }
        @media (min-width: 960px) {
          .catalog-search-form .form__header .search-location-list__list > li.active, .catalog-search-form .form__header .search-location-list__list > li:hover {
            border-color: #e0e0e0;
            border-radius: 4px;
            background: #f6f6f6;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }
            .catalog-search-form .form__header .search-location-list__list > li.active::after, .catalog-search-form .form__header .search-location-list__list > li:hover::after {
              background: var(--cuc-colorscheme-color1); } }
        @media (min-width: 960px) {
          .catalog-search-form .form__header .search-location-list__list > li > a {
            padding: 1rem 1.5rem; } }
        .catalog-search-form .form__header .search-location-list__list > li > a.active {
          font-weight: 700; }
          .catalog-search-form .form__header .search-location-list__list > li > a.active .light {
            font-weight: 400; }
        .catalog-search-form .form__header .search-location-list__list > li > ul {
          list-style: none;
          margin: 0;
          padding: 0 0 0 1.5rem; }
          @media (min-width: 960px) {
            .catalog-search-form .form__header .search-location-list__list > li > ul {
              display: none;
              position: absolute;
              min-width: 100%;
              padding: 0;
              border: 1px solid #e0e0e0;
              border-radius: 4px;
              background: #fff;
              box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
              transform: scale(1) translateY(0);
              z-index: 7; } }
          .catalog-search-form .form__header .search-location-list__list > li > ul > li {
            position: relative;
            margin: 1rem 0; }
            @media (min-width: 960px) {
              .catalog-search-form .form__header .search-location-list__list > li > ul > li {
                margin: 0;
                border-bottom: 1px solid #e0e0e0; }
                .catalog-search-form .form__header .search-location-list__list > li > ul > li:last-of-type {
                  border-bottom: 0; } }
            @media (min-width: 960px) {
              .catalog-search-form .form__header .search-location-list__list > li > ul > li > a {
                display: block;
                padding: 1rem 1.5rem; }
                .catalog-search-form .form__header .search-location-list__list > li > ul > li > a.active, .catalog-search-form .form__header .search-location-list__list > li > ul > li > a:hover, .catalog-search-form .form__header .search-location-list__list > li > ul > li > a:focus {
                  background: #f6f6f6; } }
  .catalog-search-form .form__content {
    margin: 0 0 .9rem;
    position: relative; }
    @media (min-width: 768px) {
      .catalog-search-form .form__content {
        margin: 0; } }
  .catalog-search-form .advanced-search {
    text-align: right;
    margin-top: 0.9rem; }
    .catalog-search-form .advanced-search .catalog-search-form__advanced-search {
      margin: 0 0.9rem;
      text-align: right; }
      @media (min-width: 768px) {
        .catalog-search-form .advanced-search .catalog-search-form__advanced-search {
          margin-right: 0; } }
  .catalog-search-form .form-item-search-location {
    display: flex;
    position: relative;
    padding: 0; }
  .catalog-search-form .form-item-search-query {
    flex-grow: 2; }

.catalog-search-toggle {
  display: block;
  padding: 0;
  border: 0;
  border-left: 1px solid transparent;
  border-radius: 0;
  color: #474747;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
  z-index: 1; }
  @media (min-width: 960px) {
    .catalog-search-toggle {
      border-left: 0; } }
  .catalog-search-toggle .catalog-search-toggle-open,
  .catalog-search-toggle .catalog-search-toggle-close {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (min-width: 960px) {
      .catalog-search-toggle .catalog-search-toggle-open,
      .catalog-search-toggle .catalog-search-toggle-close {
        width: 63px;
        height: 63px; } }
    .catalog-search-toggle .catalog-search-toggle-open .icon,
    .catalog-search-toggle .catalog-search-toggle-close .icon {
      font-size: 1.8rem; }
      @media (min-width: 960px) {
        .catalog-search-toggle .catalog-search-toggle-open .icon,
        .catalog-search-toggle .catalog-search-toggle-close .icon {
          font-size: 2.5rem; } }
  .catalog-search-toggle .catalog-search-toggle-open {
    background-color: var(--cuc-colorscheme-color1);
    color: #fff; }
  .catalog-search-toggle .catalog-search-toggle-close {
    display: none;
    background-color: #fff;
    color: var(--cuc-colorscheme-color1); }
  .catalog-search-toggle.active {
    border-color: #ededed; }
    .catalog-search-toggle.active .catalog-search-toggle-open {
      display: none; }
    .catalog-search-toggle.active .catalog-search-toggle-close {
      display: flex; }

.header-icons {
  position: absolute;
  right: 0;
  display: flex; }
  @media (min-width: 960px) {
    .header-icons {
      position: relative;
      order: 5;
      margin-left: auto; } }

.login-link-mobile {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px; }
  @media (min-width: 960px) {
    .login-link-mobile {
      display: none; } }
  .login-link-mobile svg {
    width: auto;
    height: 1.8rem; }

.library-portal-contact-form {
  max-width: 521px; }
  .library-portal-contact-form input,
  .library-portal-contact-form textarea,
  .library-portal-contact-form .js-form-type-select {
    width: auto;
    white-space: normal; }
  .library-portal-contact-form .js-form-type-select::after {
    clear: both;
    content: "";
    display: block; }
  .library-portal-contact-form .form-wrapper {
    margin-bottom: 2.4rem; }
  .library-portal-contact-form .captcha {
    margin-bottom: 3.6rem; }

.library-portal-my-library-add-library-account-form .library-portal-my-library-add-membership__header,
.library-portal-my-library-link-library-account-form .library-portal-my-library-add-membership__header,
.library-portal-my-library-add-new-library-account-form .library-portal-my-library-add-membership__header {
  padding: 1.8rem 0;
  border-bottom: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
  margin-bottom: 1.8rem; }
  .library-portal-my-library-add-library-account-form .library-portal-my-library-add-membership__header .library-portal-my-library-add-membership__back a,
  .library-portal-my-library-link-library-account-form .library-portal-my-library-add-membership__header .library-portal-my-library-add-membership__back a,
  .library-portal-my-library-add-new-library-account-form .library-portal-my-library-add-membership__header .library-portal-my-library-add-membership__back a {
    font-size: 11px;
    font-weight: 600;
    color: #28528a; }
    .library-portal-my-library-add-library-account-form .library-portal-my-library-add-membership__header .library-portal-my-library-add-membership__back a::before,
    .library-portal-my-library-link-library-account-form .library-portal-my-library-add-membership__header .library-portal-my-library-add-membership__back a::before,
    .library-portal-my-library-add-new-library-account-form .library-portal-my-library-add-membership__header .library-portal-my-library-add-membership__back a::before {
      display: inline-block;
      font: normal normal normal 14px / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: inherit;
      content: "\F060"; }
    @media (min-width: 960px) {
      .library-portal-my-library-add-library-account-form .library-portal-my-library-add-membership__header .library-portal-my-library-add-membership__back a,
      .library-portal-my-library-link-library-account-form .library-portal-my-library-add-membership__header .library-portal-my-library-add-membership__back a,
      .library-portal-my-library-add-new-library-account-form .library-portal-my-library-add-membership__header .library-portal-my-library-add-membership__back a {
        font-size: .8em; } }
    .library-portal-my-library-add-library-account-form .library-portal-my-library-add-membership__header .library-portal-my-library-add-membership__back a::before,
    .library-portal-my-library-link-library-account-form .library-portal-my-library-add-membership__header .library-portal-my-library-add-membership__back a::before,
    .library-portal-my-library-add-new-library-account-form .library-portal-my-library-add-membership__header .library-portal-my-library-add-membership__back a::before {
      color: var(--color-menu-mobile-trigger);
      margin-right: 1.8rem;
      text-decoration: none; }

.library-portal-my-library-add-library-account-form .form-item-library,
.library-portal-my-library-link-library-account-form .form-item-library,
.library-portal-my-library-add-new-library-account-form .form-item-library {
  margin-top: 2.4rem; }

.library-portal-my-library-add-library-account-form .form-item,
.library-portal-my-library-link-library-account-form .form-item,
.library-portal-my-library-add-new-library-account-form .form-item {
  margin-bottom: 1.2rem; }

.library-portal-my-library-add-library-account-form .form-item-option,
.library-portal-my-library-add-library-account-form .form-item-other-library,
.library-portal-my-library-link-library-account-form .form-item-option,
.library-portal-my-library-link-library-account-form .form-item-other-library,
.library-portal-my-library-add-new-library-account-form .form-item-option,
.library-portal-my-library-add-new-library-account-form .form-item-other-library {
  display: flex;
  align-items: center;
  margin-bottom: 2.4rem; }
  .library-portal-my-library-add-library-account-form .form-item-option input,
  .library-portal-my-library-add-library-account-form .form-item-other-library input,
  .library-portal-my-library-link-library-account-form .form-item-option input,
  .library-portal-my-library-link-library-account-form .form-item-other-library input,
  .library-portal-my-library-add-new-library-account-form .form-item-option input,
  .library-portal-my-library-add-new-library-account-form .form-item-other-library input {
    margin-top: 0; }
  .library-portal-my-library-add-library-account-form .form-item-option label,
  .library-portal-my-library-add-library-account-form .form-item-other-library label,
  .library-portal-my-library-link-library-account-form .form-item-option label,
  .library-portal-my-library-link-library-account-form .form-item-other-library label,
  .library-portal-my-library-add-new-library-account-form .form-item-option label,
  .library-portal-my-library-add-new-library-account-form .form-item-other-library label {
    font-weight: initial;
    margin-bottom: 0;
    width: 100%;
    max-width: 57rem; }
    @media (max-width: 479px) {
      .library-portal-my-library-add-library-account-form .form-item-option label,
      .library-portal-my-library-add-library-account-form .form-item-other-library label,
      .library-portal-my-library-link-library-account-form .form-item-option label,
      .library-portal-my-library-link-library-account-form .form-item-other-library label,
      .library-portal-my-library-add-new-library-account-form .form-item-option label,
      .library-portal-my-library-add-new-library-account-form .form-item-other-library label {
        max-width: auto; } }

.library-portal-my-library-add-library-account-form .form-radios label,
.library-portal-my-library-link-library-account-form .form-radios label,
.library-portal-my-library-add-new-library-account-form .form-radios label {
  font-weight: initial; }

.library-portal-my-library-add-library-account-form #edit-option--wrapper label,
.library-portal-my-library-add-library-account-form #edit-other-library--wrapper label,
.library-portal-my-library-link-library-account-form #edit-option--wrapper label,
.library-portal-my-library-link-library-account-form #edit-other-library--wrapper label,
.library-portal-my-library-add-new-library-account-form #edit-option--wrapper label,
.library-portal-my-library-add-new-library-account-form #edit-other-library--wrapper label {
  font-size: 1.6rem; }

.library-portal-my-library-add-library-account-form #edit-option--wrapper legend,
.library-portal-my-library-add-library-account-form #edit-other-library--wrapper legend,
.library-portal-my-library-link-library-account-form #edit-option--wrapper legend,
.library-portal-my-library-link-library-account-form #edit-other-library--wrapper legend,
.library-portal-my-library-add-new-library-account-form #edit-option--wrapper legend,
.library-portal-my-library-add-new-library-account-form #edit-other-library--wrapper legend {
  margin-bottom: 2.4rem; }

.library-portal-my-library-add-library-account-form .reusable-card,
.library-portal-my-library-add-library-account-form .other-library,
.library-portal-my-library-add-library-account-form .confirmation-screen-top,
.library-portal-my-library-link-library-account-form .reusable-card,
.library-portal-my-library-link-library-account-form .other-library,
.library-portal-my-library-link-library-account-form .confirmation-screen-top,
.library-portal-my-library-add-new-library-account-form .reusable-card,
.library-portal-my-library-add-new-library-account-form .other-library,
.library-portal-my-library-add-new-library-account-form .confirmation-screen-top {
  border: 1px solid #dbdbdb;
  border-radius: .3rem;
  padding: 1.2rem 1.8rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }
  .library-portal-my-library-add-library-account-form .reusable-card p:last-child,
  .library-portal-my-library-add-library-account-form .other-library p:last-child,
  .library-portal-my-library-add-library-account-form .confirmation-screen-top p:last-child,
  .library-portal-my-library-link-library-account-form .reusable-card p:last-child,
  .library-portal-my-library-link-library-account-form .other-library p:last-child,
  .library-portal-my-library-link-library-account-form .confirmation-screen-top p:last-child,
  .library-portal-my-library-add-new-library-account-form .reusable-card p:last-child,
  .library-portal-my-library-add-new-library-account-form .other-library p:last-child,
  .library-portal-my-library-add-new-library-account-form .confirmation-screen-top p:last-child {
    margin-bottom: 0; }
  .library-portal-my-library-add-library-account-form .reusable-card .label,
  .library-portal-my-library-add-library-account-form .other-library .label,
  .library-portal-my-library-add-library-account-form .confirmation-screen-top .label,
  .library-portal-my-library-link-library-account-form .reusable-card .label,
  .library-portal-my-library-link-library-account-form .other-library .label,
  .library-portal-my-library-link-library-account-form .confirmation-screen-top .label,
  .library-portal-my-library-add-new-library-account-form .reusable-card .label,
  .library-portal-my-library-add-new-library-account-form .other-library .label,
  .library-portal-my-library-add-new-library-account-form .confirmation-screen-top .label {
    font-size: 1.4rem;
    color: #999;
    margin-bottom: 0.6rem; }

.library-portal-my-library-add-library-account-form .form-actions,
.library-portal-my-library-link-library-account-form .form-actions,
.library-portal-my-library-add-new-library-account-form .form-actions {
  margin-top: 7.2rem; }
  .library-portal-my-library-add-library-account-form .form-actions #edit-cancel,
  .library-portal-my-library-link-library-account-form .form-actions #edit-cancel,
  .library-portal-my-library-add-new-library-account-form .form-actions #edit-cancel {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
    font-family: "DINPro", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    color: #4a4a4a;
    background-image: linear-gradient(#ffffff, #efefef);
    background-color: transparent;
    font-size: 1.6rem;
    padding: 1.8rem 2.4rem;
    white-space: normal;
    color: #bf4a4a;
    border: 3px solid #bf4a4a;
    background-color: transparent;
    background-image: none;
    text-shadow: none;
    font-weight: 600; }
    .library-portal-my-library-add-library-account-form .form-actions #edit-cancel:disabled,
    .library-portal-my-library-link-library-account-form .form-actions #edit-cancel:disabled,
    .library-portal-my-library-add-new-library-account-form .form-actions #edit-cancel:disabled {
      cursor: not-allowed;
      opacity: .55; }
    .library-portal-my-library-add-library-account-form .form-actions #edit-cancel:active, .library-portal-my-library-add-library-account-form .form-actions #edit-cancel.nice-select.open, .library-portal-my-library-add-library-account-form .form-actions #edit-cancel:focus, .library-portal-my-library-add-library-account-form .form-actions #edit-cancel:hover,
    .library-portal-my-library-link-library-account-form .form-actions #edit-cancel:active,
    .library-portal-my-library-link-library-account-form .form-actions #edit-cancel.nice-select.open,
    .library-portal-my-library-link-library-account-form .form-actions #edit-cancel:focus,
    .library-portal-my-library-link-library-account-form .form-actions #edit-cancel:hover,
    .library-portal-my-library-add-new-library-account-form .form-actions #edit-cancel:active,
    .library-portal-my-library-add-new-library-account-form .form-actions #edit-cancel.nice-select.open,
    .library-portal-my-library-add-new-library-account-form .form-actions #edit-cancel:focus,
    .library-portal-my-library-add-new-library-account-form .form-actions #edit-cancel:hover {
      text-decoration: none; }
    .library-portal-my-library-add-library-account-form .form-actions #edit-cancel:hover, .library-portal-my-library-add-library-account-form .form-actions #edit-cancel:active, .library-portal-my-library-add-library-account-form .form-actions #edit-cancel.nice-select.open,
    .library-portal-my-library-link-library-account-form .form-actions #edit-cancel:hover,
    .library-portal-my-library-link-library-account-form .form-actions #edit-cancel:active,
    .library-portal-my-library-link-library-account-form .form-actions #edit-cancel.nice-select.open,
    .library-portal-my-library-add-new-library-account-form .form-actions #edit-cancel:hover,
    .library-portal-my-library-add-new-library-account-form .form-actions #edit-cancel:active,
    .library-portal-my-library-add-new-library-account-form .form-actions #edit-cancel.nice-select.open {
      color: #fff;
      background: #bf4a4a; }
    @media (max-width: 479px) {
      .library-portal-my-library-add-library-account-form .form-actions #edit-cancel,
      .library-portal-my-library-link-library-account-form .form-actions #edit-cancel,
      .library-portal-my-library-add-new-library-account-form .form-actions #edit-cancel {
        width: 100%; } }
  .library-portal-my-library-add-library-account-form .form-actions #edit-prev,
  .library-portal-my-library-add-library-account-form .form-actions #edit-pay-later,
  .library-portal-my-library-link-library-account-form .form-actions #edit-prev,
  .library-portal-my-library-link-library-account-form .form-actions #edit-pay-later,
  .library-portal-my-library-add-new-library-account-form .form-actions #edit-prev,
  .library-portal-my-library-add-new-library-account-form .form-actions #edit-pay-later {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
    font-family: "DINPro", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    color: #4a4a4a;
    background-image: linear-gradient(#ffffff, #efefef);
    background-color: transparent;
    font-size: 1.6rem;
    padding: 1.8rem 2.4rem;
    color: #28528a;
    font-weight: 600;
    background: #fff;
    border: 2px solid #28528a;
    text-shadow: none; }
    .library-portal-my-library-add-library-account-form .form-actions #edit-prev:disabled,
    .library-portal-my-library-add-library-account-form .form-actions #edit-pay-later:disabled,
    .library-portal-my-library-link-library-account-form .form-actions #edit-prev:disabled,
    .library-portal-my-library-link-library-account-form .form-actions #edit-pay-later:disabled,
    .library-portal-my-library-add-new-library-account-form .form-actions #edit-prev:disabled,
    .library-portal-my-library-add-new-library-account-form .form-actions #edit-pay-later:disabled {
      cursor: not-allowed;
      opacity: .55; }
    .library-portal-my-library-add-library-account-form .form-actions #edit-prev:active, .library-portal-my-library-add-library-account-form .form-actions #edit-prev.nice-select.open, .library-portal-my-library-add-library-account-form .form-actions #edit-prev:focus, .library-portal-my-library-add-library-account-form .form-actions #edit-prev:hover,
    .library-portal-my-library-add-library-account-form .form-actions #edit-pay-later:active,
    .library-portal-my-library-add-library-account-form .form-actions #edit-pay-later.nice-select.open,
    .library-portal-my-library-add-library-account-form .form-actions #edit-pay-later:focus,
    .library-portal-my-library-add-library-account-form .form-actions #edit-pay-later:hover,
    .library-portal-my-library-link-library-account-form .form-actions #edit-prev:active,
    .library-portal-my-library-link-library-account-form .form-actions #edit-prev.nice-select.open,
    .library-portal-my-library-link-library-account-form .form-actions #edit-prev:focus,
    .library-portal-my-library-link-library-account-form .form-actions #edit-prev:hover,
    .library-portal-my-library-link-library-account-form .form-actions #edit-pay-later:active,
    .library-portal-my-library-link-library-account-form .form-actions #edit-pay-later.nice-select.open,
    .library-portal-my-library-link-library-account-form .form-actions #edit-pay-later:focus,
    .library-portal-my-library-link-library-account-form .form-actions #edit-pay-later:hover,
    .library-portal-my-library-add-new-library-account-form .form-actions #edit-prev:active,
    .library-portal-my-library-add-new-library-account-form .form-actions #edit-prev.nice-select.open,
    .library-portal-my-library-add-new-library-account-form .form-actions #edit-prev:focus,
    .library-portal-my-library-add-new-library-account-form .form-actions #edit-prev:hover,
    .library-portal-my-library-add-new-library-account-form .form-actions #edit-pay-later:active,
    .library-portal-my-library-add-new-library-account-form .form-actions #edit-pay-later.nice-select.open,
    .library-portal-my-library-add-new-library-account-form .form-actions #edit-pay-later:focus,
    .library-portal-my-library-add-new-library-account-form .form-actions #edit-pay-later:hover {
      text-decoration: none; }
    @media (max-width: 479px) {
      .library-portal-my-library-add-library-account-form .form-actions #edit-prev,
      .library-portal-my-library-add-library-account-form .form-actions #edit-pay-later,
      .library-portal-my-library-link-library-account-form .form-actions #edit-prev,
      .library-portal-my-library-link-library-account-form .form-actions #edit-pay-later,
      .library-portal-my-library-add-new-library-account-form .form-actions #edit-prev,
      .library-portal-my-library-add-new-library-account-form .form-actions #edit-pay-later {
        width: 100%; } }
  .library-portal-my-library-add-library-account-form .form-actions .button--primary,
  .library-portal-my-library-link-library-account-form .form-actions .button--primary,
  .library-portal-my-library-add-new-library-account-form .form-actions .button--primary {
    margin-left: 1.2rem; }
    @media (max-width: 479px) {
      .library-portal-my-library-add-library-account-form .form-actions .button--primary,
      .library-portal-my-library-link-library-account-form .form-actions .button--primary,
      .library-portal-my-library-add-new-library-account-form .form-actions .button--primary {
        margin-left: 0;
        margin-bottom: 1.2rem; } }
  @media (max-width: 479px) {
    .library-portal-my-library-add-library-account-form .form-actions,
    .library-portal-my-library-link-library-account-form .form-actions,
    .library-portal-my-library-add-new-library-account-form .form-actions {
      margin-top: 0;
      display: flex;
      flex-wrap: wrap-reverse; } }

@media (min-width: 480px) {
  .library-portal-my-library-add-library-account-form input,
  .library-portal-my-library-link-library-account-form input,
  .library-portal-my-library-add-new-library-account-form input {
    width: auto; }
  .library-portal-my-library-add-library-account-form .form-item-library,
  .library-portal-my-library-link-library-account-form .form-item-library,
  .library-portal-my-library-add-new-library-account-form .form-item-library {
    margin-top: 0; } }

@media (min-width: 768px) {
  .library-portal-my-library-login-form .form-item-username,
  .library-portal-my-library-login-form .form-item-password {
    width: 50%; } }

.library-portal-my-library-login-form .form__password {
  margin-bottom: 1.8rem; }
  @media (min-width: 768px) {
    .library-portal-my-library-login-form .form__password {
      margin-bottom: 0;
      display: flex;
      align-items: flex-end; } }
  .library-portal-my-library-login-form .form__password a {
    margin: 0 0 2.4rem; }
    @media (min-width: 768px) {
      .library-portal-my-library-login-form .form__password a {
        margin-left: 1.8rem; } }

.library-portal-my-library-login-form .form-submit {
  margin-top: 2.4rem; }

.library-portal-my-library-login-form .form__footer {
  margin-top: 1.8rem;
  padding-top: 1.8rem;
  border-top: 1px solid #dbdbdb; }
  .library-portal-my-library-login-form .form__footer .login-help {
    margin-top: 1.8rem;
    list-style: none; }
    @media (min-width: 768px) {
      .library-portal-my-library-login-form .form__footer .login-help li {
        display: inline-block; }
        .library-portal-my-library-login-form .form__footer .login-help li::after {
          content: '|';
          margin-left: 1.2rem;
          margin-right: 1.2rem; }
        .library-portal-my-library-login-form .form__footer .login-help li:last-child::after {
          margin-left: 0;
          content: '';
          margin-right: 0; } }

.library-profile-delete-confirm-form .form-actions {
  margin-top: 2.4rem; }

.panel.panel--mailchimp-signup {
  position: relative;
  margin: 3.6rem 0;
  border: 0;
  padding: 36px 24px;
  background-color: #f9f9f9; }
  .panel.panel--mailchimp-signup .panel__title {
    font-size: 36px;
    line-height: 42px;
    color: #000;
    border-bottom: 0;
    margin-top: -57px; }

#mailchimp-signup-subscribe-block-library-portal-newsletter-form label {
  margin: 0;
  font-size: 12px;
  line-height: 23px; }

#mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='color'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='date'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='datetime'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='datetime-local'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='email'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='month'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='number'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='password'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='search'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='tel'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='text'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='time'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='url'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='week'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form input:not([type]), #mailchimp-signup-subscribe-block-library-portal-newsletter-form textarea {
  margin-bottom: 17px; }
  #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='color']:hover, #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='date']:hover, #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='datetime']:hover, #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='datetime-local']:hover, #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='email']:hover, #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='month']:hover, #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='number']:hover, #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='password']:hover, #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='search']:hover, #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='tel']:hover, #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='text']:hover, #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='time']:hover, #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='url']:hover, #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='week']:hover, #mailchimp-signup-subscribe-block-library-portal-newsletter-form input:not([type]):hover, #mailchimp-signup-subscribe-block-library-portal-newsletter-form textarea:hover {
    border: 1px solid #efefef;
    border-bottom: 3px solid #28528a;
    outline: none;
    margin-bottom: 14px; }
  @media (min-width: 768px) {
    #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='color'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='date'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='datetime'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='datetime-local'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='email'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='month'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='number'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='password'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='search'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='tel'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='text'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='time'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='url'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form [type='week'], #mailchimp-signup-subscribe-block-library-portal-newsletter-form input:not([type]), #mailchimp-signup-subscribe-block-library-portal-newsletter-form textarea {
      padding: 17px; } }

#mailchimp-signup-subscribe-block-library-portal-newsletter-form input[type='submit'] {
  padding: 1.8rem 2.4rem;
  color: #fff;
  border: 2px solid #28528a;
  background-image: none;
  background-color: #28528a;
  font-weight: 600;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.525);
  display: inline-block;
  width: auto;
  padding: 1.6rem 2.4rem; }
  #mailchimp-signup-subscribe-block-library-portal-newsletter-form input[type='submit']:hover, #mailchimp-signup-subscribe-block-library-portal-newsletter-form input[type='submit']:focus {
    color: #fff;
    box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.2); }
  @media (max-width: 479px) {
    #mailchimp-signup-subscribe-block-library-portal-newsletter-form input[type='submit'] {
      width: 100%; } }
  @media (max-width: 767px) {
    #mailchimp-signup-subscribe-block-library-portal-newsletter-form input[type='submit'] {
      width: auto; } }
  @media (min-width: 768px) {
    #mailchimp-signup-subscribe-block-library-portal-newsletter-form input[type='submit'] {
      flex-grow: 2;
      min-width: 10em; } }

@media (min-width: 768px) {
  #mailchimp-signup-subscribe-block-library-portal-newsletter-form .form-actions {
    align-self: flex-end;
    margin-bottom: 33px; } }

@media (min-width: 960px) {
  #mailchimp-signup-subscribe-block-library-portal-newsletter-form .form-actions {
    margin-top: 23px; } }

#mailchimp-signup-subscribe-block-library-portal-newsletter-form .description {
  font-size: 12px;
  line-height: 14px;
  color: #706f6f;
  display: block;
  margin-top: 2.4rem; }
  @media (min-width: 768px) {
    #mailchimp-signup-subscribe-block-library-portal-newsletter-form .description {
      margin-top: 0; } }

@media (min-width: 768px) {
  .panel.panel--mailchimp-signup #mailchimp-signup-subscribe-block-library-portal-newsletter-form {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; } }

.mailchimp-newsletter-mergefields {
  flex-grow: 2; }
  .mailchimp-newsletter-mergefields .form-item {
    flex-grow: 2; }
  @media (min-width: 768px) {
    .panel.panel--mailchimp-signup .mailchimp-newsletter-mergefields {
      display: flex;
      flex-wrap: wrap;
      margin-right: 2.4rem; } }

.mailchimp-signup-page .mailchimp-newsletter-mergefields {
  max-width: 521px; }

.mailchimp-signup-page .description {
  max-width: 800px;
  margin-top: 2.4rem; }

.my-library-user-profile-form .form__fields {
  margin: 2.4rem 0; }

.my-library-user-profile-form .password-toggle,
.my-library-user-profile-form .password-strength {
  margin-bottom: 1.8rem;
  display: block; }

.my-library-user-profile-form .password-confirm,
.my-library-user-profile-form .password-suggestions,
.my-library-user-profile-form .description {
  font-size: 1.4rem; }

.my-library-user-profile-form .form-submit {
  padding: 1.8rem 2.4rem;
  color: #fff;
  border: 2px solid #28528a;
  background-image: none;
  background-color: #28528a;
  font-weight: 600;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.525);
  margin-top: 1.8rem; }
  .my-library-user-profile-form .form-submit:hover, .my-library-user-profile-form .form-submit:focus {
    color: #fff;
    box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.2); }
  @media (max-width: 479px) {
    .my-library-user-profile-form .form-submit {
      width: 100%; } }

.my-library-user-profile-form .nice-select {
  outline: none; }

.my-library-user-profile-form .form__delete-profile-button a {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4;
  font-family: "DINPro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
  color: #4a4a4a;
  background-image: linear-gradient(#ffffff, #efefef);
  background-color: transparent;
  font-size: 1.6rem;
  padding: 1.8rem 2.4rem;
  white-space: normal;
  color: #bf4a4a;
  border: 3px solid #bf4a4a;
  background-color: transparent;
  background-image: none;
  text-shadow: none;
  font-weight: 600;
  margin-top: 1.8rem; }
  .my-library-user-profile-form .form__delete-profile-button a:disabled {
    cursor: not-allowed;
    opacity: .55; }
  .my-library-user-profile-form .form__delete-profile-button a:active, .my-library-user-profile-form .form__delete-profile-button a.nice-select.open, .my-library-user-profile-form .form__delete-profile-button a:focus, .my-library-user-profile-form .form__delete-profile-button a:hover {
    text-decoration: none; }
  .my-library-user-profile-form .form__delete-profile-button a:hover, .my-library-user-profile-form .form__delete-profile-button a:active, .my-library-user-profile-form .form__delete-profile-button a.nice-select.open {
    color: #fff;
    background: #bf4a4a; }
  @media (max-width: 767px) {
    .my-library-user-profile-form .form__delete-profile-button a {
      width: 100%; } }

.nice-select,
.nice-select .list {
  line-height: 40px;
  font-size: 1.4rem;
  font-weight: 700;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  color: #fff; }

.nice-select {
  height: 44px;
  max-width: 100%;
  margin: 0;
  padding: 0 3.6rem 0 2.4rem;
  background-repeat: no-repeat;
  background-position: right 1.2rem center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi4zMjIxMiA2LjE2MTA2OTkiIGhlaWdodD0iNi4xNjEiIHdpZHRoPSIxMi4zMjIiPjxwYXRoIGQ9Ik0xMi4zMjIgMGwtNi4xNiA2LjE2TDAgMHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4="); }
  .nice-select::after {
    content: none; }
  .nice-select .list {
    margin: 0;
    text-transform: none;
    max-height: 450px;
    overflow-y: scroll; }
  .nice-select .option {
    font-weight: 700; }
    .nice-select .option + .option {
      border-top: 1px solid #e0e0e0; }

.nice-select.nice-select--general {
  width: 100%;
  margin-bottom: 1.8rem;
  box-sizing: border-box;
  font-size: 1.6rem;
  font-family: "DINPro", Arial, Helvetica, sans-serif;
  border: 1px solid #efefef;
  border-radius: 3px;
  box-shadow: none;
  transition: border-color 150ms ease;
  background-color: #fff;
  color: #706f6f;
  font-weight: 400; }
  .nice-select.nice-select--general::before {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
    content: "\F0D7"; }
  .nice-select.nice-select--general::before {
    position: absolute;
    right: 1.5rem;
    top: 25%;
    margin-top: 3px; }
  .nice-select.nice-select--general .list {
    width: 100%; }
  .nice-select.nice-select--general.open {
    border: 3px solid #28528a; }
    .nice-select.nice-select--general.open::before {
      transform: rotate(180deg); }
    .nice-select.nice-select--general.open .list {
      top: 107% !important;
      color: #706f6f;
      border: 1px solid #efefef;
      border-radius: 0 0 3px 3px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }
      .nice-select.nice-select--general.open .list .option {
        font-weight: 400; }
        .nice-select.nice-select--general.open .list .option:hover {
          font-weight: 800; }

.nice-select-dropdown {
  display: block !important;
  margin: 0;
  border: 0;
  padding: 0;
  height: 1px;
  opacity: 0;
  position: relative;
  top: 44px; }

.private-list-form {
  border: 1px solid #dbdbdb;
  padding: 1.8rem;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 0 15px; }
  .private-list-form .form-submit {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
    font-family: "DINPro", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    color: #4a4a4a;
    background-image: linear-gradient(#ffffff, #efefef);
    background-color: transparent;
    padding: 0.9rem 1.2rem !important;
    font-size: 1.2rem !important;
    padding: 1.8rem 2.4rem;
    color: #fff;
    border: 2px solid #28528a;
    background-image: none;
    background-color: #28528a;
    font-weight: 600;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.525);
    margin-left: auto; }
    .private-list-form .form-submit:disabled {
      cursor: not-allowed;
      opacity: .55; }
    .private-list-form .form-submit:active, .private-list-form .form-submit.nice-select.open, .private-list-form .form-submit:focus, .private-list-form .form-submit:hover {
      text-decoration: none; }
    .private-list-form .form-submit:hover, .private-list-form .form-submit:focus {
      color: #fff;
      box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.2); }
    @media (max-width: 479px) {
      .private-list-form .form-submit {
        width: 100%; } }

.search-library {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row; }
  .search-library .form-item-library {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; }
    .search-library .form-item-library input {
      margin-bottom: 1rem; }
    @media (min-width: 768px) {
      .search-library .form-item-library {
        width: 75%;
        padding-right: 2rem; } }
  .search-library .form-item-only-open {
    position: relative;
    width: 100%;
    align-items: flex-end;
    display: flex; }
    .search-library .form-item-only-open input[type="radio"],
    .search-library .form-item-only-open input[type="checkbox"] {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 1rem;
      margin: 0;
      z-index: -1; }
    .search-library .form-item-only-open input[type="radio"] + label,
    .search-library .form-item-only-open input[type="checkbox"] + label {
      width: 100%;
      display: flex;
      border-radius: 4px;
      padding: 14px 1rem;
      font-size: 1.4rem;
      align-items: center;
      background-color: #fff;
      font-weight: normal;
      color: #706f6f;
      border: 1px solid #efefef; }
      .search-library .form-item-only-open input[type="radio"] + label::before,
      .search-library .form-item-only-open input[type="checkbox"] + label::before {
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: inherit;
        content: "\F096"; }
      .search-library .form-item-only-open input[type="radio"] + label::before,
      .search-library .form-item-only-open input[type="checkbox"] + label::before {
        margin-right: 1rem;
        font-size: 2rem;
        color: #706f6f; }
      .search-library .form-item-only-open input[type="radio"] + label:hover,
      .search-library .form-item-only-open input[type="checkbox"] + label:hover {
        cursor: pointer; }
      @media (min-width: 768px) {
        .search-library .form-item-only-open input[type="radio"] + label,
        .search-library .form-item-only-open input[type="checkbox"] + label {
          margin-right: 1rem; } }
    .search-library .form-item-only-open input[type="radio"]:focus + label::before,
    .search-library .form-item-only-open input[type="checkbox"]:focus + label::before {
      color: #28528a;
      outline: -webkit-focus-ring-color auto 1px; }
    .search-library .form-item-only-open input[type="radio"]:checked + label,
    .search-library .form-item-only-open input[type="checkbox"]:checked + label {
      background-color: #5e7f3d;
      color: #fff; }
      .search-library .form-item-only-open input[type="radio"]:checked + label::before,
      .search-library .form-item-only-open input[type="checkbox"]:checked + label::before {
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: inherit;
        content: "\F046"; }
      .search-library .form-item-only-open input[type="radio"]:checked + label::before,
      .search-library .form-item-only-open input[type="checkbox"]:checked + label::before {
        margin-right: 1rem;
        font-size: 2rem;
        color: #fff; }
    @media (min-width: 768px) {
      .search-library .form-item-only-open {
        width: 25%; } }
  @media (max-width: 767px) {
    .search-library .form-submit {
      width: 100%; } }
  .search-library .messages-wrapper {
    width: 100%; }
  .search-library .js-accordion {
    width: 100%;
    margin-top: 3rem; }
  .search-library .result-count,
  .search-library .no-results {
    width: 100%;
    margin: 2rem 0 1rem;
    font-size: 2rem;
    font-weight: 700;
    text-transform: none;
    color: #3f4547; }

.catalog-item-icon {
  float: right;
  text-align: center;
  background-color: transparent;
  background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-boek_greyscale.svg");
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 27px auto;
  padding-left: 50px; }
  .catalog-item-icon--affiche {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/icon-photo.png");
    background-size: 50px;
    background-position: -4px center; }
  .catalog-item-icon--letter {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/icon-letter.png");
    background-size: 40px;
    background-position: 0 center; }
  .catalog-item-icon--cd, .catalog-item-icon--cd-rom {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-CD_rom_greyscale.svg"); }
  .catalog-item-icon--serial, .catalog-item-icon--article {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-artikel_greyscale.svg"); }
  .catalog-item-icon--largetype {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-bigletter_greyscale.svg"); }
  .catalog-item-icon--sheetmusic {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-bladmuziek_greyscale.svg"); }
  .catalog-item-icon--bluray, .catalog-item-icon--4kultrahd {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-Blu-ray_greyscale.svg"); }
  .catalog-item-icon--book {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-boek_greyscale.svg"); }
  .catalog-item-icon--braille {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-Braille_greyscale.svg"); }
  .catalog-item-icon--daisy {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-Daisy.svg"); }
  .catalog-item-icon--dyslexie {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-dislexia_greyscale.svg"); }
  .catalog-item-icon--documentation {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-handleiding.svg"); }
  .catalog-item-icon--print {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-drukwerk_greyscale.svg"); }
  .catalog-item-icon--flipback, .catalog-item-icon--dwarsligger {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-dwarsligger_greyscale.svg"); }
  .catalog-item-icon--ebook {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-ebook_greyscale.svg"); }
  .catalog-item-icon--game {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-gaming_greyscale.svg"); }
  .catalog-item-icon--information {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-information_greyscale.svg"); }
  .catalog-item-icon--yearbook {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-jaarboek_greyscale.svg"); }
  .catalog-item-icon--newspaper {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-krant_greyscale.svg"); }
  .catalog-item-icon--art {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-kunstwerken_greyscale.svg"); }
  .catalog-item-icon--lp {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-LP_greyscale.svg"); }
  .catalog-item-icon--audiobook {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-luisterbook_greyscale.svg"); }
  .catalog-item-icon--toy {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-speelgoed_greyscale.svg"); }
  .catalog-item-icon--boardgame {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-spel_greyscale.svg"); }
  .catalog-item-icon--technical-account {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-technische tekening_greyscale.svg"); }
  .catalog-item-icon--reading-backpack {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-voorleesrugzak_greyscale.svg"); }
  .catalog-item-icon--dbnl {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-DBNL.svg"); }
  .catalog-item-icon--dvd, .catalog-item-icon--dvdvideo {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-DVD.svg"); }
  .catalog-item-icon--slides, .catalog-item-icon--vertelplaat {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-Kamishibay.svg"); }
  .catalog-item-icon--map {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-landkaart.svg"); }
  .catalog-item-icon--microfiche {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-microfiche.svg"); }
  .catalog-item-icon--notebook {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-oudedruk.svg"); }
  .catalog-item-icon--comic {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-Strip.svg"); }
  .catalog-item-icon--themakoffer, .catalog-item-icon--kit {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-themakoffer.svg"); }
  .catalog-item-icon--website {
    background-image: url("/themes/custom/library_portal_theme/assets/icons/Icon-website.svg"); }

.library {
  color: #4a4a4a; }

.library__title {
  font-size: 2rem;
  font-weight: 700;
  text-transform: none;
  color: var(--cuc-colorscheme-color1); }

.library__content {
  margin-top: 1.8rem; }
  .library__content .library__details {
    flex-basis: 100%;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    padding: 0 0 1.8rem;
    font-size: 1.4rem;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    color: #333; }
    .library__content .library__details:first-child {
      margin-top: 0; }
    .library__content .library__details:last-child {
      padding-bottom: 0; }
    .library__content .library__details h4 {
      font-size: 14px;
      color: #000;
      font-weight: bold; }
    .library__content .library__details dl {
      display: flex;
      margin: 0; }
    .library__content .library__details dt,
    .library__content .library__details dd {
      margin: 0;
      font-size: 14px;
      font-weight: 400;
      white-space: normal; }
    .library__content .library__details dd {
      flex-basis: 100%; }
    .library__content .library__details dt {
      margin-right: 0.9rem; }
    .library__content .library__details a {
      color: var(--color-button); }
    .library__content .library__details ul {
      list-style: none;
      margin: 0;
      padding: 0; }
    .library__content .library__details .library__gps-info {
      margin-top: 1.8rem; }
      @media (min-width: 1200px) {
        .library__content .library__details .library__gps-info {
          margin-top: 3.6rem; } }
    .library__content .library__details .library__date-open dt {
      width: 50%; }
    @media (max-width: 767px) {
      .library__content .library__details .library__date-open dt {
        width: 110px; } }
    .library__content .library__details .timespan {
      margin-bottom: 0.6rem; }
    @media (max-width: 767px) {
      .library__content .library__details dt {
        width: 110px; } }
    @media (min-width: 1200px) {
      .library__content .library__details {
        border-right: 1px solid #e0dada;
        flex-basis: 50%;
        max-width: 50%;
        padding-right: 4%;
        padding-left: 4%;
        padding-bottom: 0; } }

@media (min-width: 480px) {
  .library__content-wrapper {
    display: flex;
    flex-wrap: wrap; }
  .library__content {
    margin-top: 0;
    width: 50%;
    border-right: 1px solid #e0dada;
    padding-right: 4%;
    padding-left: 4%; }
    .library__content:first-child {
      padding-left: 0; }
      .library__content:first-child .library__details:first-child {
        padding-left: 0; }
    .library__content:last-child {
      padding-right: 0;
      border-right: 0; }
      .library__content:last-child .library__details:last-child {
        border-right: 0; } }
  @media (min-width: 480px) and (min-width: 1200px) {
    .library__content {
      display: flex;
      border-right: 0;
      padding-right: 0;
      padding-left: 0; } }

.library.library--page-item {
  margin: 0 0 1.8rem;
  font-family: "DINPro", Arial, Helvetica, sans-serif; }
  @media (min-width: 768px) and (max-width: 959px) {
    .library.library--page-item .library__details {
      display: block; } }
  .library.library--page-item .ui-accordion-header.ui-state-active {
    background-color: #fff !important; }
    .library.library--page-item .ui-accordion-header.ui-state-active a {
      color: #3f4547 !important; }
  .library.library--page-item .opening-hours-indication {
    color: #bf4a4a;
    font-size: 1.8rem; }
    .library.library--page-item .opening-hours-indication--open {
      color: #5e7f3d; }
  .library.library--page-item .ui-accordion-content {
    font-size: 1.4rem;
    line-height: 2.7rem;
    padding: 2.4rem; }
    @media (min-width: 768px) {
      .library.library--page-item .ui-accordion-content {
        display: flex; } }
  .library.library--page-item .library__pane + .library__pane {
    margin-top: 2.4rem; }
    @media (min-width: 768px) {
      .library.library--page-item .library__pane + .library__pane {
        margin-top: 0; } }
  @media (min-width: 768px) {
    .library.library--page-item .library__pane {
      display: block;
      margin-right: 2.35765%;
      width: 31.76157%; }
      .library.library--page-item .library__pane:last-child {
        margin-right: 0; } }
  .library.library--page-item .library__pane--address {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    .library.library--page-item .library__pane--address-address--gps {
      display: flex;
      height: 100%;
      flex-direction: column;
      flex-wrap: wrap;
      margin-top: 4rem; }
  .library.library--page-item .library__pane-title {
    margin: 0 0 1.8rem;
    color: #3f4547;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 700;
    text-transform: none; }
  .library.library--page-item .library__date-open,
  .library.library--page-item .library__date-closed {
    display: flex;
    margin: 0.6rem 0; }
    .library.library--page-item .library__date-open dt,
    .library.library--page-item .library__date-closed dt {
      margin: 0 1.8rem 0 0;
      font-weight: 400; }
  .library.library--page-item .library__date-open dt {
    min-width: 8em;
    font-weight: 800; }
    .library.library--page-item .library__date-open dt::first-letter {
      text-transform: uppercase; }
    .library.library--page-item .library__date-open dt::after {
      content: ':'; }
  .library.library--page-item .library__date-closed dd {
    font-style: italic; }

.library-portal-payments-form__intro {
  background: #f9f9f9;
  border-top: 1px solid #3f4547;
  padding: 1.8rem; }

.library-portal-payments-form__title {
  background: #fff;
  margin-top: 1.8rem;
  padding: 1.8rem;
  border-bottom: 4px solid var(--color-button);
  box-shadow: 1px 2px 4px rgba(74, 74, 74, 0.5);
  margin-bottom: 0; }

.library-portal-payments-form__account {
  margin-bottom: 7.2rem; }
  .library-portal-payments-form__account table {
    margin: 0; }
  .library-portal-payments-form__account thead {
    display: none;
    background: #f9f9f9; }
    @media (min-width: 768px) {
      .library-portal-payments-form__account thead {
        display: table-header-group; } }
  .library-portal-payments-form__account tr {
    border-bottom: 1px solid #dbdbdb; }
    @media (min-width: 768px) {
      .library-portal-payments-form__account tr {
        border-bottom: 1.2rem solid #fff; }
        .library-portal-payments-form__account tr:last-child {
          border-bottom: 0; } }
  .library-portal-payments-form__account td {
    padding: 1.8rem 1.2rem; }

.library-portal-payments-form__row {
  display: flex;
  flex-wrap: wrap;
  margin: 10px;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dbdbdb;
  background: #f9f9f9; }
  @media (min-width: 768px) {
    .library-portal-payments-form__row {
      display: table-row;
      border: 0; } }
  .library-portal-payments-form__row td:first-of-type {
    border: 0;
    padding-bottom: 0; }

.library-portal-payments-form__cell-cost {
  width: 100%;
  flex: 0 0 100%;
  border: 0;
  padding-top: 1rem; }

.library-portal-payments-form__cell-amount {
  margin-left: auto;
  border: 0; }

.library-portal-payments-form__cell-date {
  padding: 1rem;
  border: 1px solid #dbdbdb;
  background: #fff;
  border-radius: 4px;
  text-align: center;
  margin: 1rem; }
  @media (min-width: 768px) {
    .library-portal-payments-form__cell-date {
      background: unset;
      border: 0;
      border-radius: 0;
      text-align: left; } }

.library-portal-payments-form__checked {
  color: #fff;
  background: #7faf63; }
  .library-portal-payments-form__checked .library-portal-payments-form__cell-date {
    background: #7faf63; }
    @media (min-width: 768px) {
      .library-portal-payments-form__checked .library-portal-payments-form__cell-date {
        background: unset; } }
  .library-portal-payments-form__checked label {
    color: #fff; }

.library-portal-payments-form .form-checkbox {
  position: absolute;
  opacity: 0; }
  .library-portal-payments-form .form-checkbox + label {
    display: flex;
    position: relative;
    padding-left: 2.5rem;
    pointer-events: none; }
  .library-portal-payments-form .form-checkbox + label::before {
    content: "\F096";
    font-family: FontAwesome;
    font-size: 2rem;
    position: absolute;
    color: #4a4a4a;
    left: 0;
    top: calc(50% - 1.25rem);
    pointer-events: none;
    cursor: pointer; }
  .library-portal-payments-form .form-checkbox:hover + label::before {
    box-shadow: 0 0 0 0.1rem rgba(249, 249, 249, 0.5); }
  .library-portal-payments-form .form-checkbox:focus + label::before {
    box-shadow: 0 0 0 3px rgba(249, 249, 249, 0.12); }
  .library-portal-payments-form .form-checkbox:disabled + label {
    color: #4a4a4a;
    cursor: auto; }
  .library-portal-payments-form .form-checkbox:disabled + label::before {
    box-shadow: none;
    background: #4a4a4a; }
  .library-portal-payments-form .form-checkbox:checked + label::after {
    content: "\F046";
    font-family: FontAwesome;
    font-size: 2rem;
    position: absolute;
    color: #fff;
    left: 0;
    top: calc(50% - 1.25rem);
    pointer-events: none;
    cursor: pointer; }
  .library-portal-payments-form .form-checkbox:checked + label::before {
    content: none; }

.library-portal-payments-form__subtotal, .library-portal-payments-form__total {
  text-align: right;
  text-transform: uppercase;
  margin: 1.8rem;
  color: #000; }
  .library-portal-payments-form__subtotal span, .library-portal-payments-form__total span {
    margin-left: 1.2rem; }

.library-portal-payments-form__actions {
  display: flex;
  flex-wrap: wrap; }
  .library-portal-payments-form__actions .button {
    margin-bottom: 1.8rem; }
    @media (min-width: 480px) {
      .library-portal-payments-form__actions .button {
        margin-right: 1.8rem;
        margin-bottom: 0; } }

.library-portal-payments-form__total {
  font-size: 2.4rem;
  margin-left: auto; }

.widget-loader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  color: #3f4547;
  width: 100vw;
  height: 100vh;
  display: flex;
  -webkit-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
  background-color: rgba(255, 255, 255, 0.8);
  flex-wrap: wrap;
  flex-direction: column;
  margin: auto; }
  .widget-loader.hidden {
    display: none; }

.widget-loader--wrapper {
  text-align: center;
  width: 180px;
  margin: auto;
  border: 1px solid var(--cuc-colorscheme-color1);
  border-radius: 4px;
  padding: 2rem;
  background-color: #fff; }

.widget-loader--bouncers {
  margin: 0 auto;
  width: 100px;
  text-align: center;
  padding: 5px 0; }

.widget-loader--text {
  display: inline-block;
  font-size: 2.4rem;
  color: #3f4547;
  margin-top: 21px;
  min-width: 130px; }

.book {
  transform: translateY(-50%);
  border: 3px solid var(--cuc-colorscheme-color1);
  width: 100px;
  height: 60px;
  position: relative;
  top: 30px;
  left: 17px;
  line-height: 11px;
  border-radius: 4px; }

.book__page {
  position: absolute;
  left: 50%;
  top: -3px;
  margin: 0 auto;
  border-top: 3px solid var(--cuc-colorscheme-color1);
  border-bottom: 3px solid var(--cuc-colorscheme-color1);
  border-right: 3px solid var(--cuc-colorscheme-color1);
  background: #fff;
  width: 50px;
  height: 60px;
  transform-origin: 0% 50%;
  -webkit-animation: flip 1.2s infinite linear;
          animation: flip 1.2s infinite linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  border-radius: 4px; }
  .book__page:nth-child(1) {
    z-index: -1;
    -webkit-animation-delay: 0.9s;
            animation-delay: 0.9s; }
  .book__page:nth-child(2) {
    z-index: -2;
    -webkit-animation-delay: 1.8s;
            animation-delay: 1.8s; }
  .book__page:nth-child(3) {
    z-index: -3;
    -webkit-animation-delay: 2.7s;
            animation-delay: 2.7s; }

@-webkit-keyframes flip {
  0% {
    transform: perspective(600px) rotateY(0deg); }
  20% {
    background: #e6e6e6; }
  29.9% {
    background: #e6e6e6; }
  30% {
    transform: perspective(200px) rotateY(-90deg);
    background: #fff; }
  54.999% {
    opacity: 1; }
  55% {
    opacity: 0; }
  60% {
    transform: perspective(200px) rotateY(-180deg);
    background: #fff; }
  100% {
    transform: perspective(200px) rotateY(-180deg);
    background: #fff; } }

@keyframes flip {
  0% {
    transform: perspective(600px) rotateY(0deg); }
  20% {
    background: #e6e6e6; }
  29.9% {
    background: #e6e6e6; }
  30% {
    transform: perspective(200px) rotateY(-90deg);
    background: #fff; }
  54.999% {
    opacity: 1; }
  55% {
    opacity: 0; }
  60% {
    transform: perspective(200px) rotateY(-180deg);
    background: #fff; }
  100% {
    transform: perspective(200px) rotateY(-180deg);
    background: #fff; } }

.membership-discounts {
  background-color: #eaf6fb;
  padding: 2rem;
  border-radius: 5px;
  border: solid 1px #1176a2;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); }
  .membership-discounts__title {
    font-weight: 700;
    font-size: 2rem; }
  .membership-discounts p:last-child {
    margin-bottom: 0; }

.menu.menu--footer ul {
  display: flex; }

.menu.menu--footer li + li::before {
  content: ' - ';
  display: inline-block;
  margin: 0 .5em; }

.block-doormat-navigation-block {
  margin: 0 -2.4rem;
  padding: 2.4rem 4.8rem;
  background: var(--color-menu-mobile-trigger);
  color: #fff; }
  @media (min-width: 960px) {
    .block-doormat-navigation-block {
      position: relative;
      background: transparent;
      padding-left: 0;
      padding-right: 0;
      margin-left: 0;
      margin-right: 0;
      color: var(--cuc-colorscheme-color2-text-color);
      z-index: 1; }
      .block-doormat-navigation-block::before, .block-doormat-navigation-block::after {
        content: '';
        background: var(--cuc-colorscheme-color2);
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: -1; }
      .block-doormat-navigation-block::before {
        left: -9999rem;
        right: 50%; }
      .block-doormat-navigation-block::after {
        right: -9999rem;
        left: 50%;
        background-image: url("/themes/custom/library_portal_theme/assets/img/doormat-bg.png");
        background-position: 0 50%;
        background-blend-mode: luminosity;
        background-repeat: no-repeat;
        background-size: auto 300%; } }
  .block-doormat-navigation-block a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px; }
    @media (min-width: 960px) {
      .block-doormat-navigation-block a {
        color: var(--cuc-colorscheme-color2-text-color); } }
  .block-doormat-navigation-block h2 {
    color: #fff; }
    @media (min-width: 960px) {
      .block-doormat-navigation-block h2 {
        color: var(--cuc-colorscheme-color2-text-color); } }
  .block-doormat-navigation-block ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .block-doormat-navigation-block ul li.has-children > span {
      font-size: 18px;
      font-weight: bold;
      display: block;
      padding-bottom: 1rem;
      margin-top: 1rem;
      margin-bottom: 1rem;
      border-bottom: 2px solid var(--cuc-colorscheme-color1);
      position: relative; }
      @media (min-width: 960px) {
        .block-doormat-navigation-block ul li.has-children > span {
          border-bottom: 0; } }
    .block-doormat-navigation-block ul li.has-children > ul {
      display: none;
      padding: 0 0 1rem; }
      @media (min-width: 960px) {
        .block-doormat-navigation-block ul li.has-children > ul {
          display: block; } }
    .block-doormat-navigation-block ul li.has-children.expanded > span,
    .block-doormat-navigation-block ul li.has-children.expanded > ul {
      margin-left: 1rem; }
    .block-doormat-navigation-block ul li.has-children.expanded > span {
      border-bottom: 2px solid var(--cuc-colorscheme-color1); }
      @media (min-width: 960px) {
        .block-doormat-navigation-block ul li.has-children.expanded > span {
          padding-bottom: 0;
          border-bottom: 0; } }
    .block-doormat-navigation-block ul li.has-children.expanded > ul {
      display: block; }
    .block-doormat-navigation-block ul li.has-children .dropdown-icon {
      position: absolute;
      right: 1rem;
      top: 50%;
      transform: translateY(-50%); }
      @media (min-width: 960px) {
        .block-doormat-navigation-block ul li.has-children .dropdown-icon {
          display: none; } }
  @media (min-width: 960px) {
    .block-doormat-navigation-block > ul {
      display: flex;
      justify-content: space-between; } }
  .block-doormat-navigation-block > ul > li > a,
  .block-doormat-navigation-block > ul > li > span {
    font-size: 18px;
    font-weight: bold;
    display: block;
    padding-bottom: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-bottom: 2px solid var(--cuc-colorscheme-color1);
    position: relative; }
    @media (min-width: 960px) {
      .block-doormat-navigation-block > ul > li > a,
      .block-doormat-navigation-block > ul > li > span {
        border-bottom: 0; } }

.block-library-portal-contact-block {
  margin-top: 1.2rem;
  margin-bottom: 3.6rem; }
  .block-library-portal-contact-block h2 {
    margin-bottom: 2.4rem;
    padding-left: 2.4rem; }
    @media (min-width: 960px) {
      .block-library-portal-contact-block h2 {
        padding-left: 0; } }
  .block-library-portal-contact-block .ui-tabs-nav {
    padding-top: 0; }
  @media (min-width: 1200px) {
    .block-library-portal-contact-block {
      margin-top: 4.2rem;
      margin-bottom: 4.2rem; }
      .block-library-portal-contact-block .panel {
        margin-bottom: 0; }
      .block-library-portal-contact-block .library--contact-block {
        margin-left: -4.8rem;
        margin-right: -4.8rem; }
      .block-library-portal-contact-block .panel--libraries .library.library--contact-block-item {
        background: #fff;
        border: 1px solid #dbdbdb !important;
        border-radius: 5px;
        padding-left: 4.6rem;
        padding-right: 4.6rem; } }
  @media (max-width: 767px) {
    .block-library-portal-contact-block {
      width: calc(100vw + 2.4rem);
      margin-left: -2.4rem;
      margin-right: -2.4rem;
      padding: 2.4rem;
      padding: 0; } }

#block-voet {
  margin: 0 2.4rem; }
  #block-voet > ul {
    list-style: none;
    display: flex;
    font-size: 10px;
    padding: 0;
    align-items: center; }
    #block-voet > ul::before {
      content: '';
      background: transparent url("/themes/custom/library_portal_theme/assets/img/footer-logo.png") 0 0 no-repeat;
      display: inline-block;
      width: 30px;
      height: 30px;
      background-size: 30px 30px;
      margin-right: 1.8rem; }
    #block-voet > ul li::after {
      content: '-';
      color: #666;
      margin: 0 .53rem; }
    #block-voet > ul li:last-child::after {
      display: none; }
  @media (min-width: 960px) {
    #block-voet {
      margin: 0; } }

#block-header {
  display: none;
  flex-basis: 100%;
  flex-direction: row-reverse;
  margin-bottom: -20px; }
  .has-language-switcher #block-header {
    flex-basis: calc(100% - 55px); }
  #block-header > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex; }
    #block-header > ul li {
      padding: 0 17px;
      margin: 0;
      border-left: 1px solid #dbdbdb;
      height: 12px;
      align-self: center; }
      #block-header > ul li:first-child {
        border-left: 0;
        padding-left: 0; }
      #block-header > ul li a {
        display: inline-block;
        color: rgba(0, 0, 0, 0.8);
        font-size: 12px;
        font-weight: 500;
        line-height: 12px;
        vertical-align: top; }
  @media (min-width: 960px) {
    #block-header {
      display: flex;
      height: 34px; } }

.language-switcher-language-url {
  position: relative;
  display: none;
  flex-basis: 50px;
  margin-bottom: -20px;
  height: 34px;
  background-color: #fff;
  z-index: 1; }
  @media (min-width: 960px) {
    .language-switcher-language-url {
      display: block; } }
  .language-switcher-language-url .links {
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 0;
    list-style: none;
    border: 1px solid #dbdbdb;
    background: #fff;
    border-radius: 4px;
    cursor: pointer; }
    .language-switcher-language-url .links li {
      z-index: 1;
      display: none; }
      .language-switcher-language-url .links li.current-lang {
        display: block; }
      .language-switcher-language-url .links li a {
        display: inline-block;
        padding: 8px 26px 9px 11px;
        color: rgba(0, 0, 0, 0.8);
        text-decoration: none;
        text-transform: none;
        font-size: 10px;
        font-weight: 500; }
    .language-switcher-language-url .links.active li {
      display: block; }
  .language-switcher-language-url .icon {
    position: absolute;
    top: 8px;
    right: 8px;
    color: #8a8a8a; }
  .language-switcher-language-url .contextual {
    display: none; }

.block-library-portal-site-library-name-block {
  max-width: calc(100% - 70px - 50px - 50px - 4rem - 1rem + 1.2rem); }
  @media (min-width: 960px) {
    .block-library-portal-site-library-name-block {
      max-width: 50%;
      align-self: flex-start;
      flex-basis: 50%; } }
  .block-library-portal-site-library-name-block .opening-hours-indication {
    margin-bottom: .5rem; }
    .block-library-portal-site-library-name-block .opening-hours-indication a {
      text-decoration: none;
      font-size: 8px;
      font-weight: bold;
      text-align: center;
      color: #474747;
      text-transform: none;
      border: 2px solid rgba(0, 0, 0, 0.1);
      border-radius: 4px;
      padding: 5px 10px; }
      .block-library-portal-site-library-name-block .opening-hours-indication a::before {
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: inherit;
        content: "\F017"; }
      .block-library-portal-site-library-name-block .opening-hours-indication a::before {
        margin-right: 5px;
        font-size: 10px; }
      @media (min-width: 960px) {
        .block-library-portal-site-library-name-block .opening-hours-indication a {
          font-size: 12px; }
          .block-library-portal-site-library-name-block .opening-hours-indication a::before {
            font-size: 12px; } }
    @media (max-width: 959px) {
      .block-library-portal-site-library-name-block .opening-hours-indication {
        display: none !important; } }
  .block-library-portal-site-library-name-block h1 {
    margin: 0;
    font-size: 1.3rem; }
    @media (min-width: 960px) {
      .block-library-portal-site-library-name-block h1 {
        font-size: 3.6rem; } }
    .block-library-portal-site-library-name-block h1 .sub-h1 {
      display: none;
      font-size: .8rem;
      text-transform: none;
      color: rgba(0, 0, 0, 0.6);
      font-weight: 500;
      margin: 1rem 0 .2rem;
      letter-spacing: .1em; }
      @media (min-width: 960px) {
        .block-library-portal-site-library-name-block h1 .sub-h1 {
          display: block;
          font-size: 1.4rem;
          margin: 1.7rem 0 0; } }
    .block-library-portal-site-library-name-block h1 .city-name {
      overflow-wrap: break-word; }

.block-library-portal-my-library-login-block,
.block-library-portal-site-login-block {
  display: none;
  flex-basis: 30%; }
  .user-profile .block-library-portal-my-library-login-block, .user-profile
  .block-library-portal-site-login-block {
    display: block;
    text-align: left; }
  @media (min-width: 960px) {
    .block-library-portal-my-library-login-block,
    .block-library-portal-site-login-block {
      display: block; } }
  @media (min-width: 960px) {
    .block-library-portal-my-library-login-block .anonymous-user a,
    .block-library-portal-site-login-block .anonymous-user a {
      display: inline-block;
      text-align: center;
      font-size: 14px;
      color: #fff;
      border-radius: 4px;
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
      background: var(--color-button);
      text-decoration: none;
      padding: 13px 25px; } }

.menu.menu--main {
  position: relative;
  font-size: 1.8rem;
  font-weight: 600; }
  @media (max-width: 959px) {
    .menu.menu--main.is-active ul {
      display: block; } }
  .menu.menu--main ul {
    display: flex; }
    @media (max-width: 959px) {
      .menu.menu--main ul {
        display: none;
        min-width: 200px;
        position: fixed;
        top: 0;
        right: 5.2rem;
        padding: 1.2rem 0;
        border-radius: 3px;
        background: #fff;
        box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.2);
        z-index: 50; } }
  @media (min-width: 960px) {
    .menu.menu--main li {
      margin-left: 2.4rem; } }
  .menu.menu--main a,
  .menu.menu--main .menu-item span {
    color: #983104; }
    .menu.menu--main a::before,
    .menu.menu--main .menu-item span::before {
      padding-right: .5em; }
    @media (max-width: 959px) {
      .menu.menu--main a,
      .menu.menu--main .menu-item span {
        display: block;
        padding: 0 1.8rem; }
        .menu.menu--main a:hover, .menu.menu--main a:active, .menu.menu--main a.nice-select.open, .menu.menu--main a.active,
        .menu.menu--main .menu-item span:hover,
        .menu.menu--main .menu-item span:active,
        .menu.menu--main .menu-item span.nice-select.open,
        .menu.menu--main .menu-item span.active {
          text-decoration: underline; } }
  .menu.menu--main .link-home::before {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
    content: "\F015"; }
  .menu.menu--main .link-my-library::before {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
    content: "\F084"; }
  .menu.menu--main .link-contact::before {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
    content: "\F0E0"; }
  .menu.menu--main .link-faq::before {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
    content: "\F059"; }

@media (min-width: 960px) {
  .main-nav-wrapper {
    position: relative;
    background: var(--cuc-colorscheme-color2); } }

.main-nav-wrapper .main-nav {
  position: absolute;
  top: 0;
  right: 0;
  left: calc(100% - 70px);
  z-index: 97;
  width: 0;
  transition-property: left;
  transition-duration: .1s; }
  @media (min-width: 960px) {
    .main-nav-wrapper .main-nav {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 1.2rem;
      padding-right: 1.2rem;
      position: relative;
      left: auto;
      display: flex;
      width: auto; } }
  @media (min-width: 960px) and (min-width: 960px) {
    .main-nav-wrapper .main-nav {
      padding-left: 2.4rem;
      padding-right: 2.4rem; } }
  .main-nav-wrapper .main-nav.active {
    left: 0;
    transition-duration: .1s; }
    .main-nav-wrapper .main-nav.active .menu-toggle {
      width: 70px;
      height: 60px;
      margin-bottom: -60px; }
      .main-nav-wrapper .main-nav.active .menu-toggle .toggle-icon::before {
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: inherit;
        content: "\F00D"; }
    .main-nav-wrapper .main-nav.active .toggle-text {
      margin-top: auto; }
    .main-nav-wrapper .main-nav.active > ul {
      display: block; }
      @media (min-width: 960px) {
        .main-nav-wrapper .main-nav.active > ul {
          display: flex; } }
    .main-nav-wrapper .main-nav.active .my-library-user-profile-block {
      display: block !important; }
  .main-nav-wrapper .main-nav > ul {
    position: absolute;
    left: 70px;
    display: none;
    width: calc(100vw - 70px);
    height: 100vh;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    background: var(--cuc-colorscheme-color2);
    list-style: none; }
    @media screen and (max-height: 648px) {
      .main-nav-wrapper .main-nav > ul {
        overflow-y: auto; } }
    @media (min-width: 960px) {
      .main-nav-wrapper .main-nav > ul {
        display: flex;
        height: auto;
        overflow-y: visible;
        left: auto; } }
    .main-nav-wrapper .main-nav > ul li {
      position: relative;
      padding: 0 33px; }
      @media (min-width: 960px) {
        .main-nav-wrapper .main-nav > ul li.header-menu {
          display: none; } }
      .main-nav-wrapper .main-nav > ul li.language-switcher {
        padding: 0; }
        @media (max-width: 959px) {
          .main-nav-wrapper .main-nav > ul li.language-switcher {
            padding: 0 30px; } }
        .main-nav-wrapper .main-nav > ul li.language-switcher > ul {
          padding: 0;
          display: flex;
          list-style: none; }
          .main-nav-wrapper .main-nav > ul li.language-switcher > ul > li {
            text-align: center;
            padding: 0;
            flex-basis: 33%; }
            @media (max-width: 959px) {
              .main-nav-wrapper .main-nav > ul li.language-switcher > ul > li {
                margin-top: 2rem;
                padding: .1rem .8rem;
                border: solid 1px rgba(var(--cuc-colorscheme-color2), 0.9);
                border-right: 0; }
                .main-nav-wrapper .main-nav > ul li.language-switcher > ul > li:last-of-type {
                  border-right: solid 1px rgba(var(--cuc-colorscheme-color2), 0.9); } }
            @media (max-width: 767px) {
              .main-nav-wrapper .main-nav > ul li.language-switcher > ul > li a {
                font-size: 12px; } }
        @media (min-width: 960px) {
          .main-nav-wrapper .main-nav > ul li.language-switcher {
            display: none; } }
      .main-nav-wrapper .main-nav > ul li.user-profile {
        background: var(--cuc-colorscheme-color2);
        position: relative; }
        @media (min-width: 960px) {
          .main-nav-wrapper .main-nav > ul li.user-profile {
            display: none; } }
        .main-nav-wrapper .main-nav > ul li.user-profile.user-profile-login {
          margin: 0; }
          .main-nav-wrapper .main-nav > ul li.user-profile.user-profile-login a {
            font-size: 14px;
            background: transparent; }
        .main-nav-wrapper .main-nav > ul li.user-profile.active ul {
          display: block;
          position: absolute;
          top: 100%;
          left: 0;
          right: 0;
          border-left: solid 2px #efefef;
          border-bottom-left-radius: 4px; }
          .main-nav-wrapper .main-nav > ul li.user-profile.active ul::before {
            content: '';
            border-top: solid 2px #efefef;
            position: absolute;
            left: 1em;
            right: 1em; }
          .main-nav-wrapper .main-nav > ul li.user-profile.active ul li a {
            color: #000;
            border-top: 0;
            display: block;
            padding: 0;
            margin: 1em 0;
            font-size: 16px;
            font-weight: 500; }
          .main-nav-wrapper .main-nav > ul li.user-profile.active ul li:last-child {
            display: flex;
            padding: 0; }
            .main-nav-wrapper .main-nav > ul li.user-profile.active ul li:last-child a {
              flex-basis: 50%;
              text-align: center;
              border-top: solid 2px #efefef;
              margin: 0;
              padding: 1em 0; }
              .main-nav-wrapper .main-nav > ul li.user-profile.active ul li:last-child a:last-child {
                border-left: solid 2px #efefef; }
          @media (max-width: 959px) {
            .main-nav-wrapper .main-nav > ul li.user-profile.active ul {
              border-left: solid 0 #efefef; } }
        .main-nav-wrapper .main-nav > ul li.user-profile .message-count {
          background: #ea0000;
          display: block;
          float: right;
          height: 22px;
          width: 22px;
          line-height: 22px;
          text-align: center;
          font-size: 10px;
          font-weight: bold;
          border-radius: 50%;
          color: #fff; }
      .main-nav-wrapper .main-nav > ul li > a,
      .main-nav-wrapper .main-nav > ul li.menu-item span {
        cursor: pointer;
        font-size: 16px;
        color: var(--cuc-colorscheme-color2-text-color);
        font-weight: 500;
        display: inline-block;
        padding: 13px 0 18px;
        position: relative; }
        .main-nav-wrapper .main-nav > ul li > a::before,
        .main-nav-wrapper .main-nav > ul li.menu-item span::before {
          display: block;
          content: '';
          height: 2px;
          width: 35px;
          background: rgba(219, 219, 219, 0.2);
          position: absolute;
          bottom: 0;
          left: 0; }
          @media (max-width: 959px) {
            .main-nav-wrapper .main-nav > ul li > a::before,
            .main-nav-wrapper .main-nav > ul li.menu-item span::before {
              width: 100%; } }
        @media (min-width: 960px) {
          .main-nav-wrapper .main-nav > ul li > a,
          .main-nav-wrapper .main-nav > ul li.menu-item span {
            border-top: 5px solid var(--cuc-colorscheme-color2); } }
        @media (max-width: 959px) {
          .main-nav-wrapper .main-nav > ul li > a,
          .main-nav-wrapper .main-nav > ul li.menu-item span {
            width: 100%; } }
        @media (min-width: 960px) {
          .main-nav-wrapper .main-nav > ul li > a,
          .main-nav-wrapper .main-nav > ul li.menu-item span {
            font-size: 18px; }
            .main-nav-wrapper .main-nav > ul li > a::before,
            .main-nav-wrapper .main-nav > ul li.menu-item span::before {
              display: none; } }
        .main-nav-wrapper .main-nav > ul li > a.is-active,
        .main-nav-wrapper .main-nav > ul li.menu-item span.is-active {
          border-top: 5px solid var(--cuc-colorscheme-color1); }
          @media (max-width: 959px) {
            .main-nav-wrapper .main-nav > ul li > a.is-active,
            .main-nav-wrapper .main-nav > ul li.menu-item span.is-active {
              border-top: 0; } }
      @media (min-width: 960px) {
        .main-nav-wrapper .main-nav > ul li.has-children a .dropdown-icon,
        .main-nav-wrapper .main-nav > ul li.has-children.menu-item span .dropdown-icon {
          position: absolute;
          padding-left: 0.9rem;
          top: 50%;
          transform: translateY(-50%); }
        .main-nav-wrapper .main-nav > ul li.has-children a:hover,
        .main-nav-wrapper .main-nav > ul li.has-children.menu-item span:hover {
          border-top-color: var(--cuc-colorscheme-color1); } }
      @media (max-width: 959px) {
        .main-nav-wrapper .main-nav > ul li.has-children a,
        .main-nav-wrapper .main-nav > ul li.has-children.menu-item span {
          display: block; }
          .main-nav-wrapper .main-nav > ul li.has-children a::before,
          .main-nav-wrapper .main-nav > ul li.has-children.menu-item span::before {
            width: 100%; }
          .main-nav-wrapper .main-nav > ul li.has-children a .dropdown-icon,
          .main-nav-wrapper .main-nav > ul li.has-children.menu-item span .dropdown-icon {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%); }
          .main-nav-wrapper .main-nav > ul li.has-children a:last-child,
          .main-nav-wrapper .main-nav > ul li.has-children.menu-item span:last-child {
            color: #fff; }
            .main-nav-wrapper .main-nav > ul li.has-children a:last-child::before,
            .main-nav-wrapper .main-nav > ul li.has-children.menu-item span:last-child::before {
              background: rgba(219, 219, 219, 0.2);
              width: 35px; } }
      .main-nav-wrapper .main-nav > ul li.has-children a.is-active {
        border-top-color: var(--cuc-colorscheme-color1); }
      .main-nav-wrapper .main-nav > ul li.menu-item span.is-active {
        border-top-color: transparent; }
        .main-nav-wrapper .main-nav > ul li.menu-item span.is-active:hover {
          border-top-color: var(--cuc-colorscheme-color1); }
      .main-nav-wrapper .main-nav > ul li ul {
        display: none; }
      .main-nav-wrapper .main-nav > ul li.menu-item.expanded ul {
        display: block; }
        .main-nav-wrapper .main-nav > ul li.menu-item.expanded ul > .menu-item {
          padding-left: 0; }
          .main-nav-wrapper .main-nav > ul li.menu-item.expanded ul > .menu-item::before {
            display: none; }
          @media (max-width: 959px) {
            .main-nav-wrapper .main-nav > ul li.menu-item.expanded ul > .menu-item a {
              border-top: 0; } }
        @media (max-width: 959px) {
          .main-nav-wrapper .main-nav > ul li.menu-item.expanded ul {
            list-style-type: none;
            padding-left: 10px; } }
      @media (max-width: 959px) {
        .main-nav-wrapper .main-nav > ul li.menu-item.expanded {
          background-color: rgba(0, 0, 0, 0.15); } }
      .main-nav-wrapper .main-nav > ul li:last-child:not(.has-children) > a::before {
        display: none; }
      .main-nav-wrapper .main-nav > ul li ul > li:not(.has-children) > a::before,
      .main-nav-wrapper .main-nav > ul li ul > li:not(.has-children) > span::before {
        display: none; }
      @media (min-width: 960px) {
        .main-nav-wrapper .main-nav > ul li ul {
          position: absolute;
          background: var(--cuc-colorscheme-color2);
          left: 0;
          right: 0;
          z-index: 999;
          padding-left: 0; }
        .main-nav-wrapper .main-nav > ul li.expanded ul {
          display: block;
          list-style-type: none;
          width: auto;
          min-width: 200px; }
          .main-nav-wrapper .main-nav > ul li.expanded ul > li {
            padding: 0;
            width: auto; }
            .main-nav-wrapper .main-nav > ul li.expanded ul > li a {
              padding: 1rem 2rem;
              display: block;
              width: 100%;
              border-top: 0; }
              .main-nav-wrapper .main-nav > ul li.expanded ul > li a:hover {
                border-top: 0;
                background-color: rgba(255, 255, 255, 0.2); }
            .main-nav-wrapper .main-nav > ul li.expanded ul > li::before {
              display: none; } }
      @media (max-width: 959px) {
        .main-nav-wrapper .main-nav > ul li {
          padding: 0 30px; } }
      @media (min-width: 960px) {
        .main-nav-wrapper .main-nav > ul li::before {
          content: '';
          position: absolute;
          width: 1px;
          height: 15px;
          top: 50%;
          left: 0;
          transform: translateY(-50%);
          background: rgba(219, 219, 219, 0.2); }
        .main-nav-wrapper .main-nav > ul li:first-child,
        .main-nav-wrapper .main-nav > ul li.user-profile + li {
          padding-left: 0; }
          .main-nav-wrapper .main-nav > ul li:first-child::before,
          .main-nav-wrapper .main-nav > ul li.user-profile + li::before {
            display: none; } }
  .main-nav-wrapper .main-nav .menu-toggle {
    background: var(--color-menu-mobile-trigger);
    padding: 0.9rem;
    color: #fff;
    font-size: 10px;
    line-height: 1;
    white-space: pre;
    text-align: center;
    width: 55px;
    height: 50px;
    margin-bottom: -50px;
    display: flex;
    cursor: pointer; }
    @media (max-width: 959px) {
      .main-nav-wrapper .main-nav .menu-toggle {
        width: 70px; } }
    @media (min-width: 960px) {
      .main-nav-wrapper .main-nav .menu-toggle {
        display: none; } }
    .main-nav-wrapper .main-nav .menu-toggle .toggle-icon {
      font-size: 18px;
      margin: auto 0; }
      .main-nav-wrapper .main-nav .menu-toggle .toggle-icon::before {
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: inherit;
        content: "\F0C9"; }
    .main-nav-wrapper .main-nav .menu-toggle .toggle-text {
      text-transform: uppercase;
      margin: auto 0 auto 5px;
      font-size: 10px; }

body.mobile-menu-is-active {
  overflow: hidden; }
  body.mobile-menu-is-active::before {
    position: fixed;
    width: 100vw;
    height: 100vh;
    content: '';
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 97; }

@media (min-width: 960px) {
  .navigation-wrapper {
    background: var(--cuc-colorscheme-color2);
    min-height: 63px; } }

.menu ul,
.menu li {
  margin: 0;
  padding: 0; }

.menu li {
  list-style: none; }

.my-library-message-list {
  background: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.8);
  border-radius: 4px; }
  .my-library-message-list .my-library-message-list--header {
    padding: 1rem 0 1rem 4.6rem;
    font-weight: bold;
    border-bottom: 1px solid #dbdbdb;
    display: flex; }
    @media (max-width: 959px) {
      .my-library-message-list .my-library-message-list--header {
        display: none; } }
    .my-library-message-list .my-library-message-list--header .message-header--date {
      width: 32%; }
    .my-library-message-list .my-library-message-list--header .messages-mobile-wrapper {
      display: flex;
      flex-direction: row;
      width: 90%; }
      .my-library-message-list .my-library-message-list--header .messages-mobile-wrapper div {
        width: 50%; }
  .my-library-message-list .message-summary {
    padding: 0 2.6rem; }
  .my-library-message-list .js-accordion.message-unread .ui-accordion-header {
    background-color: rgba(247, 203, 103, 0.52);
    line-height: 15px;
    font-size: 16px;
    color: #656464;
    border: 0;
    border-bottom: 1px solid #dbdbdb; }
    .my-library-message-list .js-accordion.message-unread .ui-accordion-header .ui-accordion-header-icon::before {
      color: #656464; }
  .my-library-message-list .js-accordion .ui-accordion-header {
    line-height: 15px;
    font-size: 16px;
    border: 0;
    color: #656464;
    border-bottom: 1px solid #dbdbdb;
    border-radius: 0 !important;
    justify-content: unset; }
    @media (max-width: 959px) {
      .my-library-message-list .js-accordion .ui-accordion-header {
        align-items: baseline; } }
    .my-library-message-list .js-accordion .ui-accordion-header .message-header--date {
      width: 30%; }
      @media (max-width: 959px) {
        .my-library-message-list .js-accordion .ui-accordion-header .message-header--date {
          font-size: 12px;
          font-weight: normal; } }
    @media (max-width: 959px) {
      .my-library-message-list .js-accordion .ui-accordion-header .message-header--to {
        font-weight: 300;
        margin-top: 1rem;
        line-height: 2rem; }
        .my-library-message-list .js-accordion .ui-accordion-header .message-header--to span {
          display: inline-block;
          margin-right: 1rem;
          font-weight: bold; } }
    .my-library-message-list .js-accordion .ui-accordion-header .messages-mobile-wrapper {
      display: flex;
      flex-direction: row;
      width: 100%; }
      @media (max-width: 959px) {
        .my-library-message-list .js-accordion .ui-accordion-header .messages-mobile-wrapper {
          flex-direction: column; } }
      @media (min-width: 960px) {
        .my-library-message-list .js-accordion .ui-accordion-header .messages-mobile-wrapper div {
          width: 50%; } }
    .my-library-message-list .js-accordion .ui-accordion-header .indicator {
      width: 35px;
      display: flex;
      margin: auto 0; }
      @media (max-width: 959px) {
        .my-library-message-list .js-accordion .ui-accordion-header .indicator {
          margin-top: 9px; } }
  .my-library-message-list .js-accordion .ui-accordion-header:not(.ui-state-active) {
    background-color: #fff !important; }
  .my-library-message-list .ui-accordion-content-active {
    border: 0; }
  .my-library-message-list .ui-accordion-content {
    border-bottom: 1px solid #dbdbdb; }
  .my-library-message-list .my-library-message {
    background-color: #fffdf8; }
    .my-library-message-list .my-library-message:first-child {
      margin-top: 0; }
    @media (min-width: 960px) {
      .my-library-message-list .my-library-message {
        padding: 1.8rem; } }
  .my-library-message-list h2 {
    font-size: 2rem; }
  .my-library-message-list h3 {
    margin-bottom: 0.6rem;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin-right: 4rem; }
  .my-library-message-list p {
    line-height: 24px;
    font-size: 16px;
    color: #656464;
    font-weight: 500; }
  .my-library-message-list a {
    color: #28528a;
    text-decoration: underline;
    font-weight: 600;
    font-size: 14px; }
  .my-library-message-list .message-to {
    display: flex;
    background: #f9f9f9;
    border: 1px solid #dbdbdb;
    padding: 1.8rem 0;
    border-radius: 4px;
    align-items: center;
    padding: 0;
    margin: 1.8rem 0; }
    .my-library-message-list .message-to .message-to-label {
      font-size: 10px;
      font-weight: 600;
      color: #000;
      text-transform: none;
      padding: 0.6rem 1.8rem; }
    .my-library-message-list .message-to .message-to-value {
      font-size: 14px;
      font-weight: 500;
      color: #656464;
      padding: 0.6rem 1.8rem;
      border-left: 1px solid #dbdbdb; }
  .my-library-message-list .message-read-indicator {
    color: #dbdbdb;
    position: absolute;
    right: 2.4rem; }
    .my-library-message-list .message-read-indicator span {
      display: none;
      text-transform: none;
      font-size: 8px;
      font-weight: 600;
      margin-right: 0.9rem; }
    .my-library-message-list .message-read-indicator::after {
      display: inline-block;
      font: normal normal normal 14px / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: inherit;
      content: "\F058"; }
    .my-library-message-list .message-read-indicator::after {
      font-size: 14px;
      font-weight: 400; }
  .my-library-message-list .message-read h3 {
    font-weight: 400; }
  .my-library-message-list .message-read .message-read-indicator {
    color: #1c8147; }
    .my-library-message-list .message-read .message-read-indicator span {
      display: inline-block; }
  .my-library-message-list .message-details {
    display: none; }
  .my-library-message-list .message-open .message-details {
    display: block; }
  .my-library-message-list .message-open .message-summary {
    display: none; }
  @media (max-width: 959px) {
    .my-library-message-list {
      width: calc(100vw + 2.4rem);
      margin-left: -2.4rem;
      margin-right: -2.4rem;
      padding: 2.4rem;
      padding: 0; } }

.add-to-list--container .create-new-list--message {
  margin-bottom: 2rem; }

.add-to-list--container .create-new-list--container {
  display: flex;
  margin-bottom: 2.4rem; }
  .add-to-list--container .create-new-list--container .icon {
    display: flex;
    align-items: center;
    margin-right: 1.2rem;
    color: #706f6f; }
  .add-to-list--container .create-new-list--container .form-item-list-name {
    margin-right: 1rem; }
    .add-to-list--container .create-new-list--container .form-item-list-name input {
      height: 5rem;
      margin-bottom: 0;
      border: solid 1px #ddd;
      padding: 5px 10px; }
  .add-to-list--container .create-new-list--container .form-submit {
    height: 5rem;
    padding: 1.2rem; }

.add-to-list--container .search--container {
  position: relative;
  margin-bottom: 2.4rem; }
  .add-to-list--container .search--container .form-text {
    margin: 0;
    padding: 1.8rem calc(1.8rem * 2 + 20px) 1.8rem 1.8rem;
    border: 1px solid #e0e0e0;
    background-color: #f9f9f9;
    line-height: 20px;
    font-size: 1.4rem;
    font-weight: 700;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 4px;
    box-shadow: none; }
    .add-to-list--container .search--container .form-text::-ms-clear {
      display: none; }
  .add-to-list--container .search--container .icon {
    position: absolute;
    right: 1.8rem;
    top: 50%;
    transform: translateY(-50%);
    color: #706f6f;
    font-size: 2rem; }
  .add-to-list--container .search--container .clear-input {
    position: absolute;
    right: 1.8rem;
    top: 50%;
    transform: translateY(-50%); }
  .add-to-list--container .search--container .ajax-progress-throbber {
    position: absolute;
    right: 3rem;
    top: 50%;
    transform: translateY(-50%); }
    .add-to-list--container .search--container .ajax-progress-throbber .throbber {
      background: transparent url("/core/misc/throbber-active.gif") no-repeat 0 center; }
  .add-to-list--container .search--container .form-submit {
    display: none; }

.add-to-list--container .js-form-type-checkbox {
  position: relative; }
  .add-to-list--container .js-form-type-checkbox input[type="radio"],
  .add-to-list--container .js-form-type-checkbox input[type="checkbox"] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1rem;
    margin: 0;
    z-index: -1; }
  .add-to-list--container .js-form-type-checkbox input[type="radio"] + label,
  .add-to-list--container .js-form-type-checkbox input[type="checkbox"] + label {
    width: 100%;
    display: flex;
    border-radius: 4px;
    padding: 14px 1rem;
    font-size: 1.4rem;
    align-items: center;
    background-color: #fff;
    font-weight: normal;
    color: #706f6f;
    border: 1px solid #efefef; }
    .add-to-list--container .js-form-type-checkbox input[type="radio"] + label::before,
    .add-to-list--container .js-form-type-checkbox input[type="checkbox"] + label::before {
      display: inline-block;
      font: normal normal normal 14px / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: inherit;
      content: "\F096"; }
    .add-to-list--container .js-form-type-checkbox input[type="radio"] + label::before,
    .add-to-list--container .js-form-type-checkbox input[type="checkbox"] + label::before {
      margin-right: 1rem;
      font-size: 2rem;
      color: #706f6f; }
    .add-to-list--container .js-form-type-checkbox input[type="radio"] + label:hover,
    .add-to-list--container .js-form-type-checkbox input[type="checkbox"] + label:hover {
      cursor: pointer; }
    @media (min-width: 768px) {
      .add-to-list--container .js-form-type-checkbox input[type="radio"] + label,
      .add-to-list--container .js-form-type-checkbox input[type="checkbox"] + label {
        margin-right: 1rem; } }
  .add-to-list--container .js-form-type-checkbox input[type="radio"]:focus + label::before,
  .add-to-list--container .js-form-type-checkbox input[type="checkbox"]:focus + label::before {
    color: #28528a;
    outline: -webkit-focus-ring-color auto 1px; }
  .add-to-list--container .js-form-type-checkbox input[type="radio"]:checked + label,
  .add-to-list--container .js-form-type-checkbox input[type="checkbox"]:checked + label {
    background-color: #5e7f3d;
    color: #fff; }
    .add-to-list--container .js-form-type-checkbox input[type="radio"]:checked + label::before,
    .add-to-list--container .js-form-type-checkbox input[type="checkbox"]:checked + label::before {
      display: inline-block;
      font: normal normal normal 14px / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: inherit;
      content: "\F004"; }
    .add-to-list--container .js-form-type-checkbox input[type="radio"]:checked + label::before,
    .add-to-list--container .js-form-type-checkbox input[type="checkbox"]:checked + label::before {
      margin-right: 1rem;
      font-size: 2rem;
      color: #fff; }
  .add-to-list--container .js-form-type-checkbox .option {
    flex-wrap: wrap; }
    .add-to-list--container .js-form-type-checkbox .option a {
      display: block;
      padding: .5rem;
      margin-left: auto;
      margin-right: 1rem;
      text-decoration: underline; }
      .add-to-list--container .js-form-type-checkbox .option a.add-to-bib-list--external-url {
        color: #28528a; }
        .add-to-list--container .js-form-type-checkbox .option a.add-to-bib-list--external-url::after {
          display: inline-block;
          font: normal normal normal 14px / 1 FontAwesome;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: inherit;
          content: "\F08E"; }
        .add-to-list--container .js-form-type-checkbox .option a.add-to-bib-list--external-url::after {
          margin-left: 5px; }
  .add-to-list--container .js-form-type-checkbox .add-to-list--list-selection-item:checked + .option a {
    color: #fff; }

.add-to-list--container .show-more-wrapper {
  text-align: center; }
  .add-to-list--container .show-more-wrapper .form-submit {
    padding: 1rem; }

.add-to-list--container .form-item-my-library-text {
  margin-top: 5rem;
  text-align: center; }

.add-to-list--container .description {
  margin-top: 0;
  margin-bottom: 0; }

.library-portal-my-library-list-add-to-list-form h3 {
  color: #000; }

.my-library--add-to-list {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 2rem;
  padding: .6rem 1.2rem;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  background: #fff;
  color: #000;
  font-size: 1.4rem;
  font-weight: 600; }
  @media (min-width: 768px) {
    .my-library--add-to-list {
      padding: 1rem;
      font-size: 1.6rem; } }
  .my-library--add-to-list .icon {
    margin-right: 1.8rem;
    color: #f00; }
  .my-library--add-to-list.icon-only .icon {
    margin-right: 0; }
  .my-library--add-to-list:hover, .my-library--add-to-list:focus {
    color: #000;
    text-decoration: none; }
    .my-library--add-to-list:hover .icon, .my-library--add-to-list:focus .icon {
      -webkit-animation: pulsate-fwd .55s ease-in-out infinite both;
              animation: pulsate-fwd .55s ease-in-out infinite both; }

.my-library-list-edit-title--show {
  display: block;
  font-size: 1.2rem;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  max-width: 150px;
  text-align: center;
  font-weight: 700;
  padding: 1rem;
  margin-top: 1rem; }
  .my-library-list-edit-title--show::before {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
    content: "\F040"; }
  .my-library-list-edit-title--show::before {
    padding-right: 1rem; }
  .my-library-list-edit-title--show:hover {
    cursor: pointer; }

.library-portal-catalog-notify-form .form-item-location {
  margin-bottom: 2rem; }

.edit-toggle-page h1 {
  margin-bottom: 1.8rem; }

.my-library-lists-list-edit .my-library-lists-list-empty {
  margin-top: 2.4rem; }

@media (max-width: 959px) {
  .my-library-lists-list-edit .catalog-search-sort .catalog-search-sort__header {
    width: 100%;
    background-color: #fff; } }

@media (max-width: 767px) {
  .my-library-lists-list-edit .catalog-search-sort__options {
    top: 74% !important;
    right: 0 !important;
    width: 100vw; } }

.my-library-lists-list-edit__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  height: 84px; }
  @media (max-width: 959px) {
    .my-library-lists-list-edit__actions {
      margin-bottom: 3rem;
      margin-left: -1.2rem;
      margin-right: -1.2rem;
      padding-left: 1.2rem;
      padding-right: 1.2rem;
      border-top: 1px solid #dbdbdb;
      border-bottom: 1px solid #dbdbdb;
      background-color: #f9f9f9;
      height: 100%; } }

@media (max-width: 959px) {
  .my-library-lists-list-edit__overview {
    flex: 0 0 100%;
    padding: 2rem 0 1.5rem; } }

.my-library-lists-list-edit__overview a {
  font-size: 11px;
  font-weight: 600;
  color: #28528a;
  text-decoration: none;
  font-size: 1.3rem;
  color: #000;
  margin-bottom: 0 !important; }
  .my-library-lists-list-edit__overview a::before {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
    content: "\F060"; }
  @media (min-width: 960px) {
    .my-library-lists-list-edit__overview a {
      font-size: .8em; } }
  .my-library-lists-list-edit__overview a::before {
    color: var(--color-menu-mobile-trigger);
    margin-right: 1.8rem;
    text-decoration: none; }

.my-library-lists-list-edit__items {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -15px; }
  .my-library-lists-list-edit__items .empty-results {
    width: 100%;
    display: block;
    padding: 6rem 0;
    text-align: center;
    font-size: 2rem; }

.my-library-lists-list-edit__result-count {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 1rem;
  padding-bottom: 2.6rem; }
  @media (min-width: 960px) {
    .my-library-lists-list-edit__result-count {
      justify-content: start;
      padding: 2.6rem 0; } }
  .my-library-lists-list-edit__result-count span {
    font-size: 1.6rem;
    color: #000;
    padding-right: 1rem; }
  .my-library-lists-list-edit__result-count .total {
    font-size: 3rem;
    font-weight: 400;
    padding-right: 6rem; }

.my-library-lists-list-edit__item {
  display: flex;
  width: 100%;
  border: 1px solid #dbdbdb;
  padding: 2.4rem;
  margin: 15px 0;
  width: 30%; }
  .my-library-lists-list-edit__item.card {
    width: 100%;
    border: 1px solid #dbdbdb;
    margin: 5rem 15px 2.4rem;
    border-radius: 4px;
    display: flex;
    padding: 1.8rem;
    flex-wrap: wrap;
    align-items: flex-start; }
    .my-library-lists-list-edit__item.card.active {
      border-color: #28528a; }
    @media (min-width: 480px) and (max-width: 767px) {
      .my-library-lists-list-edit__item.card {
        width: calc(50% - 30px); } }
    @media (min-width: 768px) {
      .my-library-lists-list-edit__item.card {
        width: calc(33.33% - 30px); } }
    @media (max-width: 479px) {
      .my-library-lists-list-edit__item.card {
        width: 100%;
        margin: 3rem 0 2rem 0; } }
  .my-library-lists-list-edit__item .card--content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    flex-basis: 100%; }
  .my-library-lists-list-edit__item .card--footer {
    flex-basis: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-self: flex-end;
    justify-content: space-between;
    margin-top: 2rem; }
    .my-library-lists-list-edit__item .card--footer .my-library-lists-filter__input-group {
      padding-left: 0; }
  .my-library-lists-list-edit__item .card--days {
    flex-basis: 100%;
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    margin-top: 1.5rem; }
    .my-library-lists-list-edit__item .card--days.is-expired {
      color: #ff0000; }
  .my-library-lists-list-edit__item .card--extend-loan {
    display: flex;
    align-items: center;
    margin-top: 1.8rem;
    font-size: 14px;
    flex-basis: 100%;
    min-height: 59px; }
    .my-library-lists-list-edit__item .card--extend-loan a {
      display: inline-block;
      vertical-align: middle;
      line-height: 1.4;
      font-family: "DINPro", Arial, Helvetica, sans-serif;
      font-weight: 400;
      -webkit-font-smoothing: antialiased;
      text-align: center;
      text-decoration: none;
      transition: background-color 150ms ease;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      border: 1px solid #ddd;
      border-radius: 3px;
      cursor: pointer;
      color: #4a4a4a;
      background-image: linear-gradient(#ffffff, #efefef);
      background-color: transparent;
      font-size: 1.6rem;
      padding: 1.8rem 2.4rem;
      background: #28528a;
      border-radius: 4px;
      border: 0;
      color: #fff;
      font-size: 16px;
      font-weight: 600;
      height: 59px;
      margin-left: auto; }
      .my-library-lists-list-edit__item .card--extend-loan a:disabled {
        cursor: not-allowed;
        opacity: .55; }
      .my-library-lists-list-edit__item .card--extend-loan a:active, .my-library-lists-list-edit__item .card--extend-loan a.nice-select.open, .my-library-lists-list-edit__item .card--extend-loan a:focus, .my-library-lists-list-edit__item .card--extend-loan a:hover {
        text-decoration: none; }
  .my-library-lists-list-edit__item .card--cover {
    flex-basis: 30%;
    margin-top: -5rem;
    margin-right: 5%;
    align-self: flex-start; }
  .my-library-lists-list-edit__item .card--cover-img {
    background: #fff;
    border-radius: 4px;
    padding: 3px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.18);
    max-height: 150px; }
    .my-library-lists-list-edit__item .card--cover-img:hover {
      box-shadow: 0 0 20px 3px rgba(127, 127, 127, 0.3);
      position: relative;
      z-index: 7865434; }
  .my-library-lists-list-edit__item .card--intro {
    align-self: flex-start;
    flex-basis: 65%;
    max-width: 65%; }
  .my-library-lists-list-edit__item .card--type-label {
    text-align: left;
    float: none;
    padding: 0.56rem 0 0.56rem 3.6rem;
    font-size: 10px;
    font-weight: 600;
    text-transform: none;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain; }
  .my-library-lists-list-edit__item .card--title {
    margin-bottom: 0;
    margin-top: 1.8rem; }
  .my-library-lists-list-edit__item .card--author {
    font-size: 12px;
    font-weight: 500; }
  .my-library-lists-list-edit__item .card--from-to {
    display: flex;
    background: #f9f9f9;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    margin-top: 1.8rem;
    flex-basis: 100%; }
    .my-library-lists-list-edit__item .card--from-to > div {
      flex-basis: 50%;
      padding: 0 1.2rem; }
      .my-library-lists-list-edit__item .card--from-to > div:first-child {
        padding-left: 0;
        border-right: 1px solid #dbdbdb; }
    .my-library-lists-list-edit__item .card--from-to span {
      color: #656464;
      font-size: 14px;
      font-weight: 500;
      display: block; }
      .my-library-lists-list-edit__item .card--from-to span:first-child {
        color: #000;
        font-size: 10px;
        font-weight: 600;
        text-transform: none; }
  .my-library-lists-list-edit__item .card--item-remove {
    min-width: 45px; }
    .my-library-lists-list-edit__item .card--item-remove a {
      padding: 0 1.2rem;
      border-radius: 4px;
      border: 2px solid #bf4a4a;
      display: inline-block;
      font-size: 2.4rem; }
      .my-library-lists-list-edit__item .card--item-remove a::before {
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: inherit;
        content: "\F014"; }
      @media (max-width: 767px) {
        .my-library-lists-list-edit__item .card--item-remove a {
          padding: 0 1.2rem; } }
      .my-library-lists-list-edit__item .card--item-remove a::before {
        color: #bf4a4a; }
  .my-library-lists-list-edit__item .card--publication-year {
    margin: 0;
    font-size: 12px; }
  .my-library-lists-list-edit__item .card--author {
    margin: 0;
    font-size: 12px; }
  .my-library-lists-list-edit__item .my-library-lists-list-edit__item-remove a {
    font-size: 2.4rem; }
    .my-library-lists-list-edit__item .my-library-lists-list-edit__item-remove a::before {
      display: inline-block;
      font: normal normal normal 14px / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: inherit;
      content: "\F1F8"; }
  .my-library-lists-list-edit__item .card--title {
    margin-top: 0; }

.my-library-lists-list-edit .my-library-list-list-item__teaser {
  width: 100%; }
  .my-library-lists-list-edit .my-library-list-list-item__teaser::after {
    clear: both;
    content: "";
    display: block; }
  .my-library-lists-list-edit .my-library-list-list-item__teaser-cover {
    width: 15%;
    float: left; }
    .my-library-lists-list-edit .my-library-list-list-item__teaser-cover img {
      width: 100%; }
  .my-library-lists-list-edit .my-library-list-list-item__teaser-data {
    float: left;
    width: 85%;
    padding-left: 10px; }
    @media (min-width: 480px) {
      .my-library-lists-list-edit .my-library-list-list-item__teaser-data {
        padding-left: 5%; } }
  .my-library-lists-list-edit .my-library-list-list-item__teaser .my-library--add-to-list-wrapper,
  .my-library-lists-list-edit .my-library-list-list-item__teaser .card--search-lib {
    clear: both; }
    @media (min-width: 960px) {
      .my-library-lists-list-edit .my-library-list-list-item__teaser .my-library--add-to-list-wrapper,
      .my-library-lists-list-edit .my-library-list-list-item__teaser .card--search-lib {
        width: 15%; } }
    .my-library-lists-list-edit .my-library-list-list-item__teaser .my-library--add-to-list-wrapper .my-library--add-to-list,
    .my-library-lists-list-edit .my-library-list-list-item__teaser .card--search-lib .my-library--add-to-list {
      display: inline-block;
      vertical-align: middle;
      line-height: 1.4;
      font-family: "DINPro", Arial, Helvetica, sans-serif;
      font-weight: 400;
      -webkit-font-smoothing: antialiased;
      text-align: center;
      text-decoration: none;
      transition: background-color 150ms ease;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      border: 1px solid #ddd;
      border-radius: 3px;
      cursor: pointer;
      color: #4a4a4a;
      background-image: linear-gradient(#ffffff, #efefef);
      background-color: transparent;
      font-size: 1.6rem;
      padding: 1.8rem 2.4rem;
      margin-top: 1.8rem; }
      .my-library-lists-list-edit .my-library-list-list-item__teaser .my-library--add-to-list-wrapper .my-library--add-to-list:disabled,
      .my-library-lists-list-edit .my-library-list-list-item__teaser .card--search-lib .my-library--add-to-list:disabled {
        cursor: not-allowed;
        opacity: .55; }
      .my-library-lists-list-edit .my-library-list-list-item__teaser .my-library--add-to-list-wrapper .my-library--add-to-list:active, .my-library-lists-list-edit .my-library-list-list-item__teaser .my-library--add-to-list-wrapper .my-library--add-to-list.nice-select.open, .my-library-lists-list-edit .my-library-list-list-item__teaser .my-library--add-to-list-wrapper .my-library--add-to-list:focus, .my-library-lists-list-edit .my-library-list-list-item__teaser .my-library--add-to-list-wrapper .my-library--add-to-list:hover,
      .my-library-lists-list-edit .my-library-list-list-item__teaser .card--search-lib .my-library--add-to-list:active,
      .my-library-lists-list-edit .my-library-list-list-item__teaser .card--search-lib .my-library--add-to-list.nice-select.open,
      .my-library-lists-list-edit .my-library-list-list-item__teaser .card--search-lib .my-library--add-to-list:focus,
      .my-library-lists-list-edit .my-library-list-list-item__teaser .card--search-lib .my-library--add-to-list:hover {
        text-decoration: none; }
      @media (min-width: 960px) {
        .my-library-lists-list-edit .my-library-list-list-item__teaser .my-library--add-to-list-wrapper .my-library--add-to-list,
        .my-library-lists-list-edit .my-library-list-list-item__teaser .card--search-lib .my-library--add-to-list {
          width: 100%;
          margin-top: 0; } }

.my-library-lists-list-edit .library-portal-my-library-list-info-edit-form {
  display: none; }
  .my-library-lists-list-edit .library-portal-my-library-list-info-edit-form .my-library-list-edit-title--close {
    background-color: #bf4a4a;
    color: #fff;
    display: block;
    position: absolute;
    float: right;
    margin-top: -5rem;
    border-radius: 4px;
    padding: .3rem 1rem;
    font-size: 1rem;
    font-weight: 100;
    text-transform: none;
    letter-spacing: .2rem; }
    .my-library-lists-list-edit .library-portal-my-library-list-info-edit-form .my-library-list-edit-title--close::before {
      display: inline-block;
      font: normal normal normal 14px / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: inherit;
      content: "\F00D"; }
    .my-library-lists-list-edit .library-portal-my-library-list-info-edit-form .my-library-list-edit-title--close::before {
      padding-right: 1rem; }
    .my-library-lists-list-edit .library-portal-my-library-list-info-edit-form .my-library-list-edit-title--close:hover {
      cursor: pointer; }
    @media (max-width: 767px) {
      .my-library-lists-list-edit .library-portal-my-library-list-info-edit-form .my-library-list-edit-title--close {
        margin-top: -3.5rem; } }
  .my-library-lists-list-edit .library-portal-my-library-list-info-edit-form.active {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    background-color: #f9f9f9;
    padding: 2.4rem;
    display: flex;
    align-items: center;
    margin: 2.4rem 0; }
    @media (max-width: 767px) {
      .my-library-lists-list-edit .library-portal-my-library-list-info-edit-form.active {
        width: calc(100vw + 2.4rem);
        margin-left: -2.4rem;
        margin-right: -2.4rem;
        padding: 2.4rem; } }
    @media (max-width: 767px) {
      .my-library-lists-list-edit .library-portal-my-library-list-info-edit-form.active {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 0;
        margin-top: 0;
        border-bottom: 0; } }
    .my-library-lists-list-edit .library-portal-my-library-list-info-edit-form.active .form-item-title {
      width: 100%; }
      .my-library-lists-list-edit .library-portal-my-library-list-info-edit-form.active .form-item-title label {
        display: none; }
      .my-library-lists-list-edit .library-portal-my-library-list-info-edit-form.active .form-item-title input {
        margin-bottom: 0; }
        @media (max-width: 767px) {
          .my-library-lists-list-edit .library-portal-my-library-list-info-edit-form.active .form-item-title input {
            width: 100%; } }
    .my-library-lists-list-edit .library-portal-my-library-list-info-edit-form.active .form-actions {
      margin-left: 20px; }
      @media (max-width: 767px) {
        .my-library-lists-list-edit .library-portal-my-library-list-info-edit-form.active .form-actions {
          margin: 1rem 0; } }
    .my-library-lists-list-edit .library-portal-my-library-list-info-edit-form.active .button {
      padding: 1rem; }

.my-library-lists-list-edit .catalog-search-filter {
  display: none; }

.item-list-availability {
  margin-top: 10px;
  width: 100%; }
  .item-list-availability .title {
    font-size: 1.8rem;
    font-weight: 600; }
  .item-list-availability .city {
    font-weight: 600; }
  .item-list-availability .availability-item,
  .item-list-availability .toggle-more-availability {
    padding: 5px 10px;
    display: flex;
    align-items: center; }
  .item-list-availability .availability-item__notify {
    margin-left: auto; }
    .item-list-availability .availability-item__notify button {
      background: 0;
      padding: .4rem 1rem;
      border-radius: 4px;
      border: 2px solid #28528a;
      display: inline-block;
      font-size: 1.6rem;
      color: #28528a; }
      .item-list-availability .availability-item__notify button.active, .item-list-availability .availability-item__notify button:hover {
        background-color: #28528a;
        color: #fff; }
      .item-list-availability .availability-item__notify button.active {
        cursor: auto; }
  .item-list-availability .results {
    border: solid 1px #dbdbdb;
    border-radius: 5px;
    margin-top: 10px;
    overflow: hidden; }
    .item-list-availability .results .availability-item:nth-of-type(2n+1) {
      background: #f8f8f8; }
    .item-list-availability .results .availability-item .status {
      border-bottom: solid 1px #dbdbdb;
      padding: .5rem; }
      .item-list-availability .results .availability-item .status:first-child {
        padding-top: 0; }
      .item-list-availability .results .availability-item .status:last-child {
        border-bottom: 0;
        padding-bottom: 0; }
  .item-list-availability .more-results .availability-item:nth-of-type(2n) {
    background: #f8f8f8; }
  .item-list-availability .available {
    color: #1c8147; }
  .item-list-availability .unavailable {
    color: #bf4a4a; }

.my-library-lists--overview__count {
  justify-content: space-between;
  line-height: 27px;
  font-size: 20px;
  color: #000;
  font-weight: 700;
  padding: 0; }

.my-library-lists--overview__new a {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4;
  font-family: "DINPro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
  color: #4a4a4a;
  background-image: linear-gradient(#ffffff, #efefef);
  background-color: transparent;
  font-size: 1.6rem;
  padding: 1.8rem 2.4rem;
  padding: 1.8rem 2.4rem;
  color: #fff;
  border: 2px solid #28528a;
  background-image: none;
  background-color: #28528a;
  font-weight: 600;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.525); }
  .my-library-lists--overview__new a:disabled {
    cursor: not-allowed;
    opacity: .55; }
  .my-library-lists--overview__new a:active, .my-library-lists--overview__new a.nice-select.open, .my-library-lists--overview__new a:focus, .my-library-lists--overview__new a:hover {
    text-decoration: none; }
  .my-library-lists--overview__new a:hover, .my-library-lists--overview__new a:focus {
    color: #fff;
    box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.2); }
  @media (max-width: 479px) {
    .my-library-lists--overview__new a {
      width: 100%; } }
  .my-library-lists--overview__new a::after {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
    content: "\F067"; }
  .my-library-lists--overview__new a::after {
    padding-left: 2rem; }

.my-library-lists--overview__items {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between; }

.my-library-lists--teaser {
  display: flex;
  width: 100%;
  border: 1px solid #dbdbdb;
  padding: 2.4rem;
  margin: 15px 0;
  flex-direction: column;
  width: 32%;
  border-radius: 4px; }
  @media (max-width: 959px) {
    .my-library-lists--teaser {
      width: 48%; } }
  @media (max-width: 767px) {
    .my-library-lists--teaser {
      width: 100%; } }
  @media (max-width: 767px) {
    .my-library-lists--teaser {
      width: calc(100vw + 2.4rem);
      margin-left: -2.4rem;
      margin-right: -2.4rem;
      padding: 2.4rem;
      background-color: #f9f9f9; } }
  .my-library-lists--teaser__content {
    display: flex;
    align-items: center; }
  .my-library-lists--teaser__delete {
    display: block;
    text-align: center;
    width: 15%; }
    @media (min-width: 768px) {
      .my-library-lists--teaser__delete {
        text-align: right; } }
    .my-library-lists--teaser__delete a {
      font-size: 2.4rem;
      height: 45px;
      padding: .2rem .7rem;
      border-radius: 4px;
      border: 2px solid #bf4a4a; }
      .my-library-lists--teaser__delete a::before {
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: inherit;
        content: "\F014"; }
      .my-library-lists--teaser__delete a::before {
        color: #bf4a4a; }
  .my-library-lists--teaser__basic-info {
    display: flex;
    flex-direction: column;
    width: 85%; }
  .my-library-lists--teaser__changed-info {
    font-size: 12px; }
  .my-library-lists--teaser h2 {
    margin-bottom: .7rem; }
    .my-library-lists--teaser h2 a {
      text-transform: none;
      color: #000;
      font-size: 2rem;
      text-decoration: none;
      margin: 0; }

.my-library-lists--showdetail {
  margin-top: 2rem; }

.my-library-list-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .my-library-list-actions {
      flex-direction: column; } }
  .my-library-list-actions h3 {
    width: 175px;
    text-transform: none;
    line-height: 13px;
    font-size: 12px;
    letter-spacing: .2em;
    color: rgba(0, 0, 0, 0.6);
    margin: auto 0; }
    @media (max-width: 959px) {
      .my-library-list-actions h3 {
        width: 125px; } }
    @media (max-width: 767px) {
      .my-library-list-actions h3 {
        margin-bottom: 2rem; } }
  .my-library-list-actions ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0; }
    .my-library-list-actions ul li {
      margin-left: 2.4rem; }
      @media (max-width: 959px) {
        .my-library-list-actions ul li {
          margin-left: 1.2rem; } }
      @media (max-width: 767px) {
        .my-library-list-actions ul li {
          margin-left: 0;
          margin-right: .5rem; } }
  .my-library-list-actions .my-library-list-actions--share {
    display: flex;
    flex-wrap: wrap; }
    @media (max-width: 767px) {
      .my-library-list-actions .my-library-list-actions--share {
        margin-bottom: 2.4rem; } }
  .my-library-list-actions .my-library-list-actions--download li {
    margin-left: 0; }
    .my-library-list-actions .my-library-list-actions--download li a {
      display: inline-block;
      vertical-align: middle;
      line-height: 1.4;
      font-family: "DINPro", Arial, Helvetica, sans-serif;
      font-weight: 400;
      -webkit-font-smoothing: antialiased;
      text-align: center;
      text-decoration: none;
      transition: background-color 150ms ease;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      border: 1px solid #ddd;
      border-radius: 3px;
      cursor: pointer;
      color: #4a4a4a;
      background-image: linear-gradient(#ffffff, #efefef);
      background-color: transparent;
      padding: 0.9rem 1.2rem !important;
      font-size: 1.2rem !important;
      display: inline-block;
      vertical-align: middle;
      line-height: 1.4;
      font-family: "DINPro", Arial, Helvetica, sans-serif;
      font-weight: 400;
      -webkit-font-smoothing: antialiased;
      text-align: center;
      text-decoration: none;
      transition: background-color 150ms ease;
      user-select: none;
      appearance: none;
      border: 1px solid #ddd;
      border-radius: 3px;
      cursor: pointer;
      color: #4a4a4a;
      background-image: linear-gradient(#ffffff, #efefef);
      background-color: transparent;
      font-size: 1.6rem;
      padding: 1.8rem 2.4rem;
      color: #28528a;
      font-weight: 600;
      background: #fff;
      border: 2px solid #28528a;
      text-shadow: none;
      text-decoration: none;
      margin-right: 1rem; }
      .my-library-list-actions .my-library-list-actions--download li a:disabled {
        cursor: not-allowed;
        opacity: .55; }
      .my-library-list-actions .my-library-list-actions--download li a:active, .my-library-list-actions .my-library-list-actions--download li a.nice-select.open, .my-library-list-actions .my-library-list-actions--download li a:focus, .my-library-list-actions .my-library-list-actions--download li a:hover {
        text-decoration: none; }
      .my-library-list-actions .my-library-list-actions--download li a:disabled {
        cursor: not-allowed;
        opacity: .55; }
      .my-library-list-actions .my-library-list-actions--download li a:active, .my-library-list-actions .my-library-list-actions--download li a.nice-select.open, .my-library-list-actions .my-library-list-actions--download li a:focus, .my-library-list-actions .my-library-list-actions--download li a:hover {
        text-decoration: none; }
      @media (max-width: 479px) {
        .my-library-list-actions .my-library-list-actions--download li a {
          width: 100%; } }
  .my-library-list-actions .facebook a {
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    background-color: var(--color-button);
    color: #fff;
    width: 4rem;
    border-radius: 150%;
    height: 4rem;
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    .my-library-list-actions .facebook a::before {
      font-size: 2rem; }
    .my-library-list-actions .facebook a::before {
      display: inline-block;
      font: normal normal normal 2rem / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 2rem;
      content: "\F09A"; }
  .my-library-list-actions .twitter a {
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    background-color: var(--color-button);
    color: #fff;
    width: 4rem;
    border-radius: 150%;
    height: 4rem;
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    .my-library-list-actions .twitter a::before {
      font-size: 2rem; }
    .my-library-list-actions .twitter a::before {
      display: inline-block;
      font: normal normal normal 2rem / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 2rem;
      content: "\F099"; }
  .my-library-list-actions .pinterest a {
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    background-color: var(--color-button);
    color: #fff;
    width: 4rem;
    border-radius: 150%;
    height: 4rem;
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    .my-library-list-actions .pinterest a::before {
      font-size: 2rem; }
    .my-library-list-actions .pinterest a::before {
      display: inline-block;
      font: normal normal normal 2rem / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 2rem;
      content: "\F0D2"; }
  .my-library-list-actions .copy button,
  .my-library-list-actions .copy a {
    background: none;
    color: #28528a;
    border: 0;
    padding: 0;
    font: inherit;
    cursor: pointer;
    box-shadow: none;
    -webkit-font-smoothing: initial;
    display: inline-block;
    transition: color 150ms ease;
    text-decoration: underline;
    text-shadow: none;
    padding: 0 2rem;
    border-radius: 180px;
    background-color: var(--color-button);
    color: #fff;
    line-height: 40px;
    text-decoration: none; }
    .my-library-list-actions .copy button::before,
    .my-library-list-actions .copy a::before {
      display: inline-block;
      font: normal normal normal 2rem / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 2rem;
      content: "\F0C1"; }
    @media (max-width: 767px) {
      .my-library-list-actions .copy button,
      .my-library-list-actions .copy a {
        padding: 0 1rem;
        font-size: 12px; } }
    .my-library-list-actions .copy button::before,
    .my-library-list-actions .copy a::before {
      font-size: 2rem;
      color: #fff;
      margin-right: 1rem;
      display: inline-block; }
    .my-library-list-actions .copy button:hover,
    .my-library-list-actions .copy a:hover {
      color: #fff; }

.my-library-lists-filter {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #f3f3f3;
  padding: 1.6rem;
  color: #666; }
  @media (min-width: 960px) {
    .my-library-lists-filter {
      padding: 3rem; } }
  .my-library-lists-filter__input-group {
    display: flex;
    align-items: center;
    padding-top: 2rem; }
    @media (min-width: 960px) {
      .my-library-lists-filter__input-group {
        padding-top: 0;
        padding-left: 4rem; } }
    .my-library-lists-filter__input-group:first-child {
      padding-left: 0; }
    .my-library-lists-filter__input-group label {
      margin: 0;
      padding-right: 1rem;
      font-size: 1.6rem; }
    .my-library-lists-filter__input-group input[type='checkbox'] {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      width: 2rem;
      height: 2rem;
      outline: 0;
      display: inline-block;
      vertical-align: top;
      position: relative;
      cursor: pointer;
      border: 1px solid #dbdbdb;
      border-radius: .3rem;
      background-color: #fff;
      transition: background-color .3s, border-color .3s; }
      .my-library-lists-filter__input-group input[type='checkbox']::after {
        content: '';
        display: block;
        position: absolute;
        width: 30%;
        height: 60%;
        border: 0.125rem solid #8a8a8a;
        border-top: 0;
        border-left: 0;
        left: 30%;
        top: 30%;
        transform-origin: center center;
        transform: rotate(45deg) translate(-30%, -30%);
        transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.32, 1.2), opacity 0.3s;
        opacity: 0; }
      .my-library-lists-filter__input-group input[type='checkbox']:checked::after {
        opacity: 1; }
  .my-library-lists-filter__library-location, .my-library-lists-filter__status {
    outline: none;
    border: 1px solid #dbdbdb;
    background: #fff;
    padding: 1rem 4rem 1rem 1rem;
    margin: 0;
    color: rgba(0, 0, 0, 0.8);
    border-radius: .3rem;
    display: inline-block;
    box-sizing: border-box;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    background-image: linear-gradient(45deg, transparent 50%, #8a8a8a 50%), linear-gradient(135deg, #8a8a8a 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat; }

.my-library-lists-notify-all button {
  background: 0;
  padding: 1rem;
  border-radius: 4px;
  border: 2px solid #28528a;
  display: inline-block;
  font-size: 1.6rem;
  color: #28528a;
  font-weight: 600; }
  .my-library-lists-notify-all button.active, .my-library-lists-notify-all button:hover {
    background: #28528a;
    color: #fff; }
  .my-library-lists-notify-all button.active {
    cursor: auto; }
  .my-library-lists-notify-all button i {
    padding-right: .2rem; }

.my-library-lists-list-edit .card--copy-to .my-library--add-to-list {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4;
  font-family: "DINPro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
  color: #4a4a4a;
  background-image: linear-gradient(#ffffff, #efefef);
  background-color: transparent;
  padding: 0.9rem 1.2rem !important;
  font-size: 1.2rem !important;
  padding: 1.8rem 2.4rem;
  color: #fff;
  border: 2px solid #28528a;
  background-image: none;
  background-color: #28528a;
  font-weight: 600;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.525);
  margin-top: 0; }
  .my-library-lists-list-edit .card--copy-to .my-library--add-to-list:disabled {
    cursor: not-allowed;
    opacity: .55; }
  .my-library-lists-list-edit .card--copy-to .my-library--add-to-list:active, .my-library-lists-list-edit .card--copy-to .my-library--add-to-list.nice-select.open, .my-library-lists-list-edit .card--copy-to .my-library--add-to-list:focus, .my-library-lists-list-edit .card--copy-to .my-library--add-to-list:hover {
    text-decoration: none; }
  .my-library-lists-list-edit .card--copy-to .my-library--add-to-list:hover, .my-library-lists-list-edit .card--copy-to .my-library--add-to-list:focus {
    color: #fff;
    box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.2); }
  @media (max-width: 479px) {
    .my-library-lists-list-edit .card--copy-to .my-library--add-to-list {
      width: 100%; } }

.my-library-lists-list-public .card--search-lib {
  text-align: left;
  flex: 0 0 100%;
  width: 100%; }
  @media (min-width: 1040px) {
    .my-library-lists-list-public .card--search-lib {
      flex: 0 0 50%;
      width: 50%; } }
  .my-library-lists-list-public .card--search-lib a {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
    font-family: "DINPro", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    color: #4a4a4a;
    background-image: linear-gradient(#ffffff, #efefef);
    background-color: transparent;
    font-size: 1.6rem;
    padding: 1.8rem 2.4rem;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    line-height: 1.6;
    padding: 1.8rem 1rem; }
    .my-library-lists-list-public .card--search-lib a:disabled {
      cursor: not-allowed;
      opacity: .55; }
    .my-library-lists-list-public .card--search-lib a:active, .my-library-lists-list-public .card--search-lib a.nice-select.open, .my-library-lists-list-public .card--search-lib a:focus, .my-library-lists-list-public .card--search-lib a:hover {
      text-decoration: none; }
    .my-library-lists-list-public .card--search-lib a svg {
      float: right; }
    @media (max-width: 1039px) {
      .my-library-lists-list-public .card--search-lib a {
        text-align: center; }
        .my-library-lists-list-public .card--search-lib a svg {
          float: left; } }

.my-library-lists-list-public .card--footer {
  flex-direction: column; }
  @media (min-width: 1040px) {
    .my-library-lists-list-public .card--footer {
      flex-direction: row; } }

.my-library-lists-list-public .card--copy-to {
  flex: 0 0 100%;
  width: 100%;
  margin-bottom: 1.2rem; }
  @media (min-width: 1040px) {
    .my-library-lists-list-public .card--copy-to {
      flex: 0 0 48%;
      width: 48%; } }

.my-library-lists-list-public .my-library--add-to-list-wrapper .my-library--add-to-list {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4;
  font-family: "DINPro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
  color: #4a4a4a;
  background-image: linear-gradient(#ffffff, #efefef);
  background-color: transparent;
  font-size: 1.6rem;
  padding: 1.8rem 2.4rem;
  padding: 1.8rem 1rem;
  font-weight: bold;
  width: 100%;
  margin-top: 0; }
  .my-library-lists-list-public .my-library--add-to-list-wrapper .my-library--add-to-list:disabled {
    cursor: not-allowed;
    opacity: .55; }
  .my-library-lists-list-public .my-library--add-to-list-wrapper .my-library--add-to-list:active, .my-library-lists-list-public .my-library--add-to-list-wrapper .my-library--add-to-list.nice-select.open, .my-library-lists-list-public .my-library--add-to-list-wrapper .my-library--add-to-list:focus, .my-library-lists-list-public .my-library--add-to-list-wrapper .my-library--add-to-list:hover {
    text-decoration: none; }
  @media (min-width: 1040px) {
    .my-library-lists-list-public .my-library--add-to-list-wrapper .my-library--add-to-list {
      width: auto; } }
  .my-library-lists-list-public .my-library--add-to-list-wrapper .my-library--add-to-list .icon {
    margin-top: 2px;
    margin-right: 1.8rem;
    color: #f00; }
  .my-library-lists-list-public .my-library--add-to-list-wrapper .my-library--add-to-list span {
    font-weight: 600;
    font-size: 14px; }
  .my-library-lists-list-public .my-library--add-to-list-wrapper .my-library--add-to-list:hover .icon {
    -webkit-animation: pulsate-fwd .55s ease-in-out infinite both;
            animation: pulsate-fwd .55s ease-in-out infinite both; }

.my-library-loan-history__header {
  padding: 1.8rem 0; }
  .my-library-loan-history__header::after {
    clear: both;
    content: "";
    display: block; }

.my-library-loan-history .loan-history-empty-message, .my-library-loan-history__list {
  margin-top: 1.8rem; }

.my-library-loan-history .text-red {
  color: #f00;
  width: 100%;
  display: inline-block;
  text-align: right;
  font-style: italic; }

.my-library-loan-history__item {
  margin: 2.4rem 0;
  padding: 1.8rem;
  border: 1px solid var(--cuc-colorscheme-color2);
  border-radius: 4px; }
  .my-library-loan-history__item:first-child {
    margin-top: 0; }
  .my-library-loan-history__item h2 {
    margin-bottom: .57rem; }
    .my-library-loan-history__item h2 a {
      color: #000;
      text-decoration: none;
      font-size: 18px;
      font-weight: 600; }
      .my-library-loan-history__item h2 a:hover {
        text-decoration: underline;
        color: #000; }
  .my-library-loan-history__item h3 {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 500; }

.my-library-loan-history__list-toggle {
  display: block;
  margin-bottom: 2.4rem;
  text-align: center;
  font-weight: 600; }

.loan-history-download {
  text-align: center; }
  .loan-history-download > a {
    background: var(--color-button);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: 0;
    border-radius: 4px; }

.loan-history-search {
  position: relative; }
  .loan-history-search::before {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
    content: "\F002"; }
  .loan-history-search::before {
    position: absolute;
    left: 1.5rem;
    top: 50%;
    transform: translateY(-50%); }
  .loan-history-search > input {
    background: #f9f9f9;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #e0e0e0;
    color: #666;
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
    padding-left: 5rem; }
    .loan-history-search > input::-webkit-input-placeholder {
      color: #666; }
    .loan-history-search > input::-moz-placeholder {
      color: #666; }
    .loan-history-search > input::-ms-input-placeholder {
      color: #666; }
    .loan-history-search > input:-ms-input-placeholder {
      color: #666; }
    .loan-history-search > input::placeholder {
      color: #666; }
    .loan-history-search > input:focus, .loan-history-search > input:hover {
      padding-top: 1.8rem;
      padding-bottom: 1.8rem;
      padding-left: 5rem;
      border: 1px solid #e0e0e0; }

.my-library-loan-history__dates {
  display: flex;
  background: #f9f9f9;
  border: 1px solid #dbdbdb;
  padding: 1.8rem 0;
  border-radius: 4px; }
  .my-library-loan-history__dates > div {
    padding: 0 1.8rem;
    flex-basis: 50%; }
    .my-library-loan-history__dates > div:nth-child(2) {
      border-left: 1px solid #dbdbdb; }
    .my-library-loan-history__dates > div > div {
      font-size: 14px;
      font-weight: 500;
      color: #656464; }
      .my-library-loan-history__dates > div > div:first-child {
        font-size: 10px;
        font-weight: 600;
        color: #000;
        text-transform: none; }

.my-library-user-library-account-detail dl {
  margin-bottom: 2.4rem; }
  @media (min-width: 480px) {
    .my-library-user-library-account-detail dl {
      display: flex;
      flex-wrap: wrap; } }

.my-library-user-library-account-detail dt {
  margin-top: 1.8rem; }
  @media (min-width: 480px) {
    .my-library-user-library-account-detail dt {
      width: 15%;
      margin: 0; } }

@media (min-width: 480px) {
  .my-library-user-library-account-detail dd {
    width: 75%; } }

.my-library-user-library-account-detail.account-in-error .my-library-user-library-account-detail__validity dd {
  color: #bf4a4a; }

.my-library-user-library-account-detail__header {
  margin: 0 -1.8rem;
  padding: 1.8rem 2.4rem; }

.my-library-user-library-account-detail__back {
  font-size: 11px;
  font-weight: 600;
  color: #28528a; }
  .my-library-user-library-account-detail__back::before {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
    content: "\F060"; }
  @media (min-width: 960px) {
    .my-library-user-library-account-detail__back {
      font-size: .8em; } }
  .my-library-user-library-account-detail__back::before {
    color: var(--color-menu-mobile-trigger);
    margin-right: 1.8rem;
    text-decoration: none; }

.my-library-user-library-account-detail__card {
  position: relative;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  padding: 1.84615rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  flex-wrap: wrap;
  text-decoration: none;
  align-items: center;
  width: 100%;
  background-color: #fff; }
  .my-library-user-library-account-detail__card:hover {
    border: 1px solid var(--cuc-colorscheme-color1); }
  .my-library-user-library-account-detail__card.active {
    background-color: var(--cuc-colorscheme-color1);
    color: #fff; }
    .my-library-user-library-account-detail__card.active .my-library-user-library-account-selection__name, .my-library-user-library-account-detail__card.active .my-library-user-library-account-selection__library, .my-library-user-library-account-detail__card.active .my-library-user-library-account-selection__accountnumber,
    .my-library-user-library-account-detail__card.active .my-library-user-library-account-selection__accountnumber span {
      color: #fff; }
  .my-library-user-library-account-detail__card a:link, .my-library-user-library-account-detail__card a:visited, .my-library-user-library-account-detail__card a:active, .my-library-user-library-account-detail__card a.nice-select.open, .my-library-user-library-account-detail__card a:hover {
    text-decoration: none; }
  .my-library-user-library-account-detail__card a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

.my-library-user-library-account-detail__card-body {
  border: 1px solid #dbdbdb;
  border-radius: 0 0 5px 5px;
  border-top: 0;
  padding: 3.6rem; }

.my-library-user-library-account-detail__card-wrapper {
  margin: 0 -1.8rem 5rem; }
  .my-library-user-library-account-detail__card-wrapper:last-child {
    margin-bottom: 0; }

.my-library-user-library-account-detail__card-info .messages {
  font-weight: initial;
  font-size: initial; }
  .my-library-user-library-account-detail__card-info .messages a {
    font-weight: initial;
    color: #28528a;
    text-decoration: underline; }

.my-library-user-library-account-detail__library-city {
  font-size: 2rem;
  font-weight: 500; }

.my-library-user-library-account-detail__change-information {
  margin-bottom: 2.4rem;
  padding-bottom: 2.4rem;
  border-bottom: 1px solid #dbdbdb; }

.my-library-user-library-account__actions {
  padding-top: 1.8rem; }
  @media (min-width: 768px) {
    .my-library-user-library-account__actions {
      display: flex; } }

@media (max-width: 767px) {
  .my-library-user-library-account__add-membership a,
  .my-library-user-library-account-detail__disconnect-membership a {
    width: 100%; } }

.my-library-user-library-account__add-membership {
  margin: 0 -1.8rem; }
  .my-library-user-library-account__add-membership a {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
    font-family: "DINPro", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    color: #4a4a4a;
    background-image: linear-gradient(#ffffff, #efefef);
    background-color: transparent;
    font-size: 1.6rem;
    padding: 1.8rem 2.4rem;
    border: 0;
    background: #28528a;
    color: #fff;
    position: relative;
    font-weight: 600; }
    .my-library-user-library-account__add-membership a:disabled {
      cursor: not-allowed;
      opacity: .55; }
    .my-library-user-library-account__add-membership a:active, .my-library-user-library-account__add-membership a.nice-select.open, .my-library-user-library-account__add-membership a:focus, .my-library-user-library-account__add-membership a:hover {
      text-decoration: none; }

.my-library-user-library-account-detail__disconnect-membership {
  display: flex;
  align-items: center; }
  .my-library-user-library-account-detail__disconnect-membership a {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
    font-family: "DINPro", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    color: #4a4a4a;
    background-image: linear-gradient(#ffffff, #efefef);
    background-color: transparent;
    font-size: 1.6rem;
    padding: 1.8rem 2.4rem;
    white-space: normal;
    color: #bf4a4a;
    border: 3px solid #bf4a4a;
    background-color: transparent;
    background-image: none;
    text-shadow: none;
    font-weight: 600;
    text-align: center; }
    .my-library-user-library-account-detail__disconnect-membership a:disabled {
      cursor: not-allowed;
      opacity: .55; }
    .my-library-user-library-account-detail__disconnect-membership a:active, .my-library-user-library-account-detail__disconnect-membership a.nice-select.open, .my-library-user-library-account-detail__disconnect-membership a:focus, .my-library-user-library-account-detail__disconnect-membership a:hover {
      text-decoration: none; }
    .my-library-user-library-account-detail__disconnect-membership a:hover, .my-library-user-library-account-detail__disconnect-membership a:active, .my-library-user-library-account-detail__disconnect-membership a.nice-select.open {
      color: #fff;
      background: #bf4a4a; }
  .my-library-user-library-account-detail__disconnect-membership .info {
    margin-left: 4rem; }
    .my-library-user-library-account-detail__disconnect-membership .info i {
      font-size: 1.65rem;
      margin-right: .3rem; }

.my-library-user-library-account-detail__renew-membership {
  margin-top: 1.5rem; }

@media (min-width: 768px) {
  .my-library-user-library-account-detail__disconnect-membership a,
  .my-library-user-library-account-detail__renew-membership a {
    min-width: 25.5rem; } }

.my-library-user-library-account-detail__card-intro {
  background-color: #28528a;
  border-radius: 5px 5px 0 0;
  color: #fff;
  padding: 3.6rem;
  margin: 0; }

#library-portal-my-library-hold-account-selection-form p {
  font-size: 12px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.8);
  margin: 0 1.8rem; }

#library-portal-my-library-hold-account-selection-form .my-library-user-library-account-selection #edit-library-account {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap; }

.library-portal-my-library-hold-account-selection-form .button--primary,
.library-portal-my-library-hold-form .button--primary {
  margin-left: 1.2rem; }
  @media (max-width: 479px) {
    .library-portal-my-library-hold-account-selection-form .button--primary,
    .library-portal-my-library-hold-form .button--primary {
      margin-left: 0;
      margin-bottom: 1.2rem; } }

.library-portal-my-library-hold-account-selection-form .form-item-pickup-location,
.library-portal-my-library-hold-form .form-item-pickup-location {
  position: relative; }
  .library-portal-my-library-hold-account-selection-form .form-item-pickup-location input[type="radio"],
  .library-portal-my-library-hold-account-selection-form .form-item-pickup-location input[type="checkbox"],
  .library-portal-my-library-hold-form .form-item-pickup-location input[type="radio"],
  .library-portal-my-library-hold-form .form-item-pickup-location input[type="checkbox"] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1rem;
    margin: 0;
    z-index: -1; }
  .library-portal-my-library-hold-account-selection-form .form-item-pickup-location input[type="radio"] + label,
  .library-portal-my-library-hold-account-selection-form .form-item-pickup-location input[type="checkbox"] + label,
  .library-portal-my-library-hold-form .form-item-pickup-location input[type="radio"] + label,
  .library-portal-my-library-hold-form .form-item-pickup-location input[type="checkbox"] + label {
    width: 100%;
    display: flex;
    border-radius: 4px;
    padding: 14px 1rem;
    font-size: 1.4rem;
    align-items: center;
    background-color: #fff;
    font-weight: normal;
    color: #706f6f;
    border: 1px solid #efefef; }
    .library-portal-my-library-hold-account-selection-form .form-item-pickup-location input[type="radio"] + label::before,
    .library-portal-my-library-hold-account-selection-form .form-item-pickup-location input[type="checkbox"] + label::before,
    .library-portal-my-library-hold-form .form-item-pickup-location input[type="radio"] + label::before,
    .library-portal-my-library-hold-form .form-item-pickup-location input[type="checkbox"] + label::before {
      display: inline-block;
      font: normal normal normal 14px / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: inherit;
      content: "\F096"; }
    .library-portal-my-library-hold-account-selection-form .form-item-pickup-location input[type="radio"] + label::before,
    .library-portal-my-library-hold-account-selection-form .form-item-pickup-location input[type="checkbox"] + label::before,
    .library-portal-my-library-hold-form .form-item-pickup-location input[type="radio"] + label::before,
    .library-portal-my-library-hold-form .form-item-pickup-location input[type="checkbox"] + label::before {
      margin-right: 1rem;
      font-size: 2rem;
      color: #706f6f; }
    .library-portal-my-library-hold-account-selection-form .form-item-pickup-location input[type="radio"] + label:hover,
    .library-portal-my-library-hold-account-selection-form .form-item-pickup-location input[type="checkbox"] + label:hover,
    .library-portal-my-library-hold-form .form-item-pickup-location input[type="radio"] + label:hover,
    .library-portal-my-library-hold-form .form-item-pickup-location input[type="checkbox"] + label:hover {
      cursor: pointer; }
    @media (min-width: 768px) {
      .library-portal-my-library-hold-account-selection-form .form-item-pickup-location input[type="radio"] + label,
      .library-portal-my-library-hold-account-selection-form .form-item-pickup-location input[type="checkbox"] + label,
      .library-portal-my-library-hold-form .form-item-pickup-location input[type="radio"] + label,
      .library-portal-my-library-hold-form .form-item-pickup-location input[type="checkbox"] + label {
        margin-right: 1rem; } }
  .library-portal-my-library-hold-account-selection-form .form-item-pickup-location input[type="radio"]:focus + label::before,
  .library-portal-my-library-hold-account-selection-form .form-item-pickup-location input[type="checkbox"]:focus + label::before,
  .library-portal-my-library-hold-form .form-item-pickup-location input[type="radio"]:focus + label::before,
  .library-portal-my-library-hold-form .form-item-pickup-location input[type="checkbox"]:focus + label::before {
    color: #28528a;
    outline: -webkit-focus-ring-color auto 1px; }
  .library-portal-my-library-hold-account-selection-form .form-item-pickup-location input[type="radio"]:checked + label,
  .library-portal-my-library-hold-account-selection-form .form-item-pickup-location input[type="checkbox"]:checked + label,
  .library-portal-my-library-hold-form .form-item-pickup-location input[type="radio"]:checked + label,
  .library-portal-my-library-hold-form .form-item-pickup-location input[type="checkbox"]:checked + label {
    background-color: #5e7f3d;
    color: #fff; }
    .library-portal-my-library-hold-account-selection-form .form-item-pickup-location input[type="radio"]:checked + label::before,
    .library-portal-my-library-hold-account-selection-form .form-item-pickup-location input[type="checkbox"]:checked + label::before,
    .library-portal-my-library-hold-form .form-item-pickup-location input[type="radio"]:checked + label::before,
    .library-portal-my-library-hold-form .form-item-pickup-location input[type="checkbox"]:checked + label::before {
      display: inline-block;
      font: normal normal normal 14px / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: inherit;
      content: "\F046"; }
    .library-portal-my-library-hold-account-selection-form .form-item-pickup-location input[type="radio"]:checked + label::before,
    .library-portal-my-library-hold-account-selection-form .form-item-pickup-location input[type="checkbox"]:checked + label::before,
    .library-portal-my-library-hold-form .form-item-pickup-location input[type="radio"]:checked + label::before,
    .library-portal-my-library-hold-form .form-item-pickup-location input[type="checkbox"]:checked + label::before {
      margin-right: 1rem;
      font-size: 2rem;
      color: #fff; }

.library-portal-my-library-hold-account-selection-form #edit-actions,
.library-portal-my-library-hold-form #edit-actions {
  display: flex; }
  @media (max-width: 767px) {
    .library-portal-my-library-hold-account-selection-form #edit-actions,
    .library-portal-my-library-hold-form #edit-actions {
      justify-content: space-between;
      flex-direction: row !important;
      align-items: flex-start;
      position: fixed;
      bottom: 0;
      left: 0;
      z-index: 4558989898;
      background-color: #fff;
      width: 100vw;
      padding: 1rem 1rem 0 0;
      box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.8);
      display: flex; }
      .library-portal-my-library-hold-account-selection-form #edit-actions #edit-previous,
      .library-portal-my-library-hold-form #edit-actions #edit-previous {
        order: 1; }
      .library-portal-my-library-hold-account-selection-form #edit-actions #edit-submit,
      .library-portal-my-library-hold-form #edit-actions #edit-submit {
        order: 2; }
      .library-portal-my-library-hold-account-selection-form #edit-actions #edit-next,
      .library-portal-my-library-hold-form #edit-actions #edit-next {
        order: 2; }
      .library-portal-my-library-hold-account-selection-form #edit-actions input[type='submit'],
      .library-portal-my-library-hold-account-selection-form #edit-actions a,
      .library-portal-my-library-hold-form #edit-actions input[type='submit'],
      .library-portal-my-library-hold-form #edit-actions a {
        padding: 0.9rem 1.2rem !important;
        font-size: 1.2rem !important; }
      .library-portal-my-library-hold-account-selection-form #edit-actions *,
      .library-portal-my-library-hold-form #edit-actions * {
        width: 45%;
        margin-left: 2rem; }
      .library-portal-my-library-hold-account-selection-form #edit-actions *:first-of-type,
      .library-portal-my-library-hold-form #edit-actions *:first-of-type {
        margin-bottom: 1rem;
        margin-right: 1rem; } }

.user-hold-form-error {
  color: #bf4a4a;
  border-bottom: 1px solid #bf4a4a;
  border-top: 1px solid #bf4a4a;
  background-color: #eac3c3;
  padding: 2.4rem 3.6rem; }
  @media (max-width: 767px) {
    .user-hold-form-error {
      width: calc(100vw + 2.4rem);
      margin-left: -2.4rem;
      margin-right: -2.4rem;
      padding: 2.4rem; } }

.hold-form--confirmation {
  color: #5e7f3d;
  border-bottom: 1px solid #5e7f3d;
  border-top: 1px solid #5e7f3d;
  background-color: #f4f7f3;
  padding: 2.4rem 3.6rem; }
  @media (max-width: 767px) {
    .hold-form--confirmation {
      width: calc(100vw + 2.4rem);
      margin-left: -2.4rem;
      margin-right: -2.4rem;
      padding: 2.4rem; } }

.library-portal-my-library-hold-form .user-hold-form--item--locked-items {
  margin: 1.8rem 0; }

.library-portal-my-library-hold-form .messages-wrapper {
  margin: 1.8rem 0; }
  .library-portal-my-library-hold-form .messages-wrapper .messages > a {
    display: none; }
  .library-portal-my-library-hold-form .messages-wrapper .messages p:last-child {
    margin-bottom: 0; }

.library-portal-my-library-hold-form .pickup_location_selection-confirm,
.library-portal-my-library-hold-form .selection_message {
  font-size: 1.8rem;
  padding: 2.4rem 0; }

.library-portal-my-library-hold-form table {
  margin-bottom: 5rem;
  background-color: #fafafa; }
  @media (max-width: 767px) {
    .library-portal-my-library-hold-form table {
      table-layout: auto; }
      .library-portal-my-library-hold-form table.has-volume .column-publication {
        display: none; } }
  .library-portal-my-library-hold-form table caption {
    font-weight: 400;
    background: #fff;
    border-bottom: 2px solid #28528a;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
    border-radius: 2px;
    outline: none;
    font-size: 2.4rem;
    padding: 2.4rem;
    text-align: left; }
  .library-portal-my-library-hold-form table th:first-of-type .js-form-type-radio,
  .library-portal-my-library-hold-form table td:first-of-type .js-form-type-radio {
    visibility: hidden;
    height: 1px; }
  .library-portal-my-library-hold-form table th:first-of-type span.library-portal-my-library-hold-form--fakebutton,
  .library-portal-my-library-hold-form table td:first-of-type span.library-portal-my-library-hold-form--fakebutton {
    width: auto;
    display: flex;
    font-size: 1.6rem;
    align-items: center;
    font-weight: normal;
    color: #706f6f; }
    .library-portal-my-library-hold-form table th:first-of-type span.library-portal-my-library-hold-form--fakebutton::before,
    .library-portal-my-library-hold-form table td:first-of-type span.library-portal-my-library-hold-form--fakebutton::before {
      display: inline-block;
      font: normal normal normal 14px / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: inherit;
      content: "\F10C"; }
    .library-portal-my-library-hold-form table th:first-of-type span.library-portal-my-library-hold-form--fakebutton::before,
    .library-portal-my-library-hold-form table td:first-of-type span.library-portal-my-library-hold-form--fakebutton::before {
      margin-right: 1rem; }
    @media (max-width: 767px) {
      .library-portal-my-library-hold-form table th:first-of-type span.library-portal-my-library-hold-form--fakebutton,
      .library-portal-my-library-hold-form table td:first-of-type span.library-portal-my-library-hold-form--fakebutton {
        text-indent: -9999px; }
        .library-portal-my-library-hold-form table th:first-of-type span.library-portal-my-library-hold-form--fakebutton::before,
        .library-portal-my-library-hold-form table td:first-of-type span.library-portal-my-library-hold-form--fakebutton::before {
          text-indent: 0; } }
  .library-portal-my-library-hold-form table tr.select-reservation {
    transition: transform .08s linear; }
    .library-portal-my-library-hold-form table tr.select-reservation:hover {
      cursor: pointer;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      position: relative;
      z-index: 45666;
      transform: scale(1.01);
      background-color: #fff; }
  .library-portal-my-library-hold-form table tr.selected-reservation {
    transition: border-bottom .2s linear, background-color .2s linear, color .2s linear;
    border-bottom: 2px solid transparent;
    background-color: #5e7f3d;
    color: #fff; }
    .library-portal-my-library-hold-form table tr.selected-reservation span.library-portal-my-library-hold-form--fakebutton {
      color: #fff; }
      .library-portal-my-library-hold-form table tr.selected-reservation span.library-portal-my-library-hold-form--fakebutton::before {
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: inherit;
        content: "\F05D"; }
    .library-portal-my-library-hold-form table tr.selected-reservation:hover {
      cursor: pointer;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      position: relative;
      z-index: 45666;
      transform: scale(1.01);
      background-color: #5e7f3d; }

@media (max-width: 767px) {
  .library-portal-my-library-hold-form .my-library-user-multistep-form-progress {
    border-top: 0;
    display: flex;
    align-items: flex-start; } }

.user-hold-form--item--intro .user-hold-form--item--intro-text,
.user-hold-form--item--intro .user-hold-form--item--reservation-cost {
  padding: 2.4rem 0;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  font-size: 16px;
  margin-bottom: 0; }
  @media (max-width: 767px) {
    .user-hold-form--item--intro .user-hold-form--item--intro-text,
    .user-hold-form--item--intro .user-hold-form--item--reservation-cost {
      width: calc(100vw + 2.4rem);
      margin-left: -2.4rem;
      margin-right: -2.4rem;
      padding: 2.4rem; } }

.user-hold-form--item--intro .user-hold-form--item--reservation-cost {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 0; }

.my-library-user-library-account-holds__header {
  display: flex;
  justify-content: flex-end;
  padding: 2.4rem;
  border-bottom: 1px solid #dbdbdb;
  background: #fff;
  margin: 0 0 3.6rem;
  justify-content: space-between;
  background-color: #f9f9f9; }
  .my-library-user-library-account-holds__header h3 {
    margin-bottom: 0; }
  @media (min-width: 960px) {
    .my-library-user-library-account-holds__header {
      border: 1px solid #dbdbdb; } }
  @media (max-width: 479px) {
    .my-library-user-library-account-holds__header {
      display: block; } }
  @media (max-width: 767px) {
    .my-library-user-library-account-holds__header {
      flex-direction: column; } }
  @media (min-width: 960px) {
    .my-library-user-library-account-holds__header {
      border: 0; } }
  .my-library-user-library-account-holds__header .my-library-user-library-account-holds__intro {
    color: #000;
    font-weight: 400;
    flex-direction: column; }
    @media (min-width: 480px) {
      .my-library-user-library-account-holds__header .my-library-user-library-account-holds__intro {
        width: calc(100% - 300px); } }
    @media (min-width: 960px) {
      .my-library-user-library-account-holds__header .my-library-user-library-account-holds__intro {
        display: flex;
        align-items: center;
        flex-direction: row; }
        .my-library-user-library-account-holds__header .my-library-user-library-account-holds__intro p {
          margin-bottom: 0; } }
    @media (max-width: 767px) {
      .my-library-user-library-account-holds__header .my-library-user-library-account-holds__intro {
        width: 100%; } }
  .my-library-user-library-account-holds__header h4 {
    margin-bottom: 0; }

.my-library-user-library-account-holds__cancel-all-link a {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4;
  font-family: "DINPro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
  color: #4a4a4a;
  background-image: linear-gradient(#ffffff, #efefef);
  background-color: transparent;
  font-size: 1.6rem;
  padding: 1.8rem 2.4rem;
  white-space: normal;
  color: #bf4a4a;
  border: 3px solid #bf4a4a;
  background-color: transparent;
  background-image: none;
  text-shadow: none;
  font-weight: 600;
  margin-right: 1.8rem; }
  .my-library-user-library-account-holds__cancel-all-link a:disabled {
    cursor: not-allowed;
    opacity: .55; }
  .my-library-user-library-account-holds__cancel-all-link a:active, .my-library-user-library-account-holds__cancel-all-link a.nice-select.open, .my-library-user-library-account-holds__cancel-all-link a:focus, .my-library-user-library-account-holds__cancel-all-link a:hover {
    text-decoration: none; }
  .my-library-user-library-account-holds__cancel-all-link a:hover, .my-library-user-library-account-holds__cancel-all-link a:active, .my-library-user-library-account-holds__cancel-all-link a.nice-select.open {
    color: #fff;
    background: #bf4a4a; }
  @media (max-width: 479px) {
    .my-library-user-library-account-holds__cancel-all-link a {
      width: 100%; } }

.my-library-user-library-account-holds__hold-library-title {
  color: #000; }
  .my-library-user-library-account-holds__hold-library-title .fa {
    color: var(--cuc-colorscheme-color1); }

.my-library-user-library-account-holds__hold-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px; }

.my-library-user-library-account-holds__hold.card {
  border: 1px solid #dbdbdb;
  margin: 15px;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; }
  @media (min-width: 480px) {
    .my-library-user-library-account-holds__hold.card {
      width: calc(50% - 30px); } }
  @media (max-width: 767px) {
    .my-library-user-library-account-holds__hold.card {
      width: 100%; } }
  .my-library-user-library-account-holds__hold.card .card--first-section,
  .my-library-user-library-account-holds__hold.card .card--second-section,
  .my-library-user-library-account-holds__hold.card .card--third-section,
  .my-library-user-library-account-holds__hold.card .card--fourth-section {
    width: 100%;
    padding: 1.8rem;
    border-bottom: 1px solid #dbdbdb; }
    .my-library-user-library-account-holds__hold.card .card--first-section p,
    .my-library-user-library-account-holds__hold.card .card--second-section p,
    .my-library-user-library-account-holds__hold.card .card--third-section p,
    .my-library-user-library-account-holds__hold.card .card--fourth-section p {
      margin-bottom: 1rem; }
      .my-library-user-library-account-holds__hold.card .card--first-section p:last-child,
      .my-library-user-library-account-holds__hold.card .card--second-section p:last-child,
      .my-library-user-library-account-holds__hold.card .card--third-section p:last-child,
      .my-library-user-library-account-holds__hold.card .card--fourth-section p:last-child {
        margin-bottom: 0; }
  .my-library-user-library-account-holds__hold.card .card--first-section {
    font-size: 1.4rem; }
  .my-library-user-library-account-holds__hold.card .card--fourth-section {
    background-color: #f9f9f9;
    border-bottom: 0;
    font-size: 1.4rem; }

@media (max-width: 767px) {
  .my-library-user-library-account-holds__hold {
    flex-direction: column; } }

.my-library-user-library-account-holds__hold-cancel-hold {
  float: right;
  margin-top: 14px; }
  .my-library-user-library-account-holds__hold-cancel-hold i,
  .my-library-user-library-account-holds__hold-cancel-hold a {
    color: #bf4a4a;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 700; }
    .my-library-user-library-account-holds__hold-cancel-hold i:hover, .my-library-user-library-account-holds__hold-cancel-hold i:focus, .my-library-user-library-account-holds__hold-cancel-hold i:active, .my-library-user-library-account-holds__hold-cancel-hold i.nice-select.open,
    .my-library-user-library-account-holds__hold-cancel-hold a:hover,
    .my-library-user-library-account-holds__hold-cancel-hold a:focus,
    .my-library-user-library-account-holds__hold-cancel-hold a:active,
    .my-library-user-library-account-holds__hold-cancel-hold a.nice-select.open {
      color: #bf4a4a; }
  .my-library-user-library-account-holds__hold-cancel-hold .fa {
    font-size: 1.8rem; }

.my-library-user-library-account-holds__hold-second .catalog-item.catalog-item--view-mode-small-teaser {
  border: 0;
  padding: 0;
  margin: 0;
  background: none; }
  .my-library-user-library-account-holds__hold-second .catalog-item.catalog-item--view-mode-small-teaser .catalog-item__image {
    width: 20%; }
  .my-library-user-library-account-holds__hold-second .catalog-item.catalog-item--view-mode-small-teaser .catalog-item__content {
    padding-top: 1.8rem;
    padding-left: 1.8rem; }

.my-library-user-library-account-holds__hold-third .fa {
  float: left;
  margin-right: 1rem;
  font-size: 2rem;
  line-height: 1.2; }

.my-library-user-library-account-holds__hold-fourth .fa-circle {
  color: rgba(247, 203, 103, 0.52);
  margin-right: .5rem; }
  .my-library-user-library-account-holds__hold-fourth .fa-circle.green {
    color: #5e7f3d; }

.my-library-user-library-account-holds__hold-fourth h3 {
  color: #666;
  font-size: 1.6rem;
  margin-bottom: 1.2rem; }

.my-library-user-library-account-holds__hold-fourth p {
  margin-left: 2.2rem; }

.selection-no-memberships-wrapper {
  background: #f9f9f9;
  border: 1px solid #dbdbdb;
  padding: 2.4rem;
  margin-bottom: 2.4rem; }

.other-memberships {
  margin-top: 5rem; }

.my-library-user-library-account-list__title {
  justify-content: flex-start;
  flex-wrap: wrap;
  position: relative; }
  .my-library-user-library-account-list__title .my-library-user-library-account-list__title-content {
    flex-basis: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    font-weight: 700;
    font-size: 1.8rem; }
  .my-library-user-library-account-list__title .my-library-user-library-account-list__cardnum {
    flex-basis: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    display: none;
    margin-top: 1rem; }
  .my-library-user-library-account-list__title .ui-icon {
    margin-left: auto;
    position: absolute;
    top: 2.4rem;
    right: 2.4rem;
    color: var(--color-menu-mobile-trigger); }
  .my-library-user-library-account-list__title .region-info {
    font-size: 1.5rem; }
  .my-library-user-library-account-list__title.ui-accordion-header-collapsed .region-info {
    pointer-events: none; }
    .my-library-user-library-account-list__title.ui-accordion-header-collapsed .region-info a {
      display: none; }
  .my-library-user-library-account-list__title.ui-accordion-header-active .region-info {
    pointer-events: all; }
    .my-library-user-library-account-list__title.ui-accordion-header-active .region-info a {
      display: inline-block; }
  .my-library-user-library-account-list__title .library-account-status {
    border: solid 2px;
    border-radius: 5px;
    font-size: 1.3rem;
    padding: 5px 10px;
    text-transform: uppercase; }
    .my-library-user-library-account-list__title .library-account-status.blocked, .my-library-user-library-account-list__title .library-account-status.error {
      background-color: #bf4a4a;
      border: 0;
      color: #fff; }
  .my-library-user-library-account-list__title.ui-accordion-header {
    border-bottom: 0; }
    .my-library-user-library-account-list__title.ui-accordion-header.ui-state-active {
      border-bottom: 0;
      position: relative;
      box-shadow: none; }
      .my-library-user-library-account-list__title.ui-accordion-header.ui-state-active .my-library-user-library-account-list__cardnum {
        display: block; }

.my-library-user-library-account-list__accounts.ui-accordion-content {
  margin: 0 -1.2rem;
  background: #f9f9f9; }

.my-library-user-library-account-list__account {
  margin: 0 0 3.6rem;
  padding: 1.8rem;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 4px; }
  .my-library-user-library-account-list__account .actions {
    display: flex;
    flex-direction: column; }
    .my-library-user-library-account-list__account .actions a {
      margin-bottom: 2rem; }
      .my-library-user-library-account-list__account .actions a:last-child {
        margin-bottom: 0; }
      .my-library-user-library-account-list__account .actions a.disconnect {
        color: #bf4a4a; }
  @media (min-width: 768px) {
    .my-library-user-library-account-list__account-wrapper {
      display: flex;
      align-items: flex-start; } }
  .my-library-user-library-account-list__account.account-in-error .my-library-user-library-account-list__expiration {
    color: #bf4a4a; }
    .my-library-user-library-account-list__account.account-in-error .my-library-user-library-account-list__expiration.is-about-to-expire {
      color: #be5900; }
  .my-library-user-library-account-list__account .pending-validation {
    color: #be5900;
    font-size: 1.4rem;
    margin-top: .5rem; }
    .my-library-user-library-account-list__account .pending-validation a {
      text-decoration: underline; }
  .my-library-user-library-account-list__account .messages {
    margin-bottom: 0; }

.my-library-user-library-account-list__basic-info {
  padding: 0 0 1.8rem;
  margin: 0 0 1.8rem;
  border-bottom: 1px solid #ece9e9; }
  .my-library-user-library-account-list__basic-info a {
    text-decoration: none; }
    .my-library-user-library-account-list__basic-info a .my-library-user-library-account-list__name {
      font-weight: bold;
      color: #000; }
    .my-library-user-library-account-list__basic-info a .my-library-user-library-account-list__city {
      font-size: 12px;
      color: rgba(0, 0, 0, 0.6); }
    .my-library-user-library-account-list__basic-info a:hover {
      text-decoration: underline; }
  @media (min-width: 768px) {
    .my-library-user-library-account-list__basic-info {
      width: 300px;
      margin: 0 3.6rem 0 0;
      border-bottom: 0; } }

.my-library-user-library-account-list__info-link {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4;
  font-family: "DINPro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
  color: #4a4a4a;
  background-image: linear-gradient(#ffffff, #efefef);
  background-color: transparent;
  font-size: 1.6rem;
  padding: 1.8rem 2.4rem;
  margin-top: 1.8rem;
  color: #28528a;
  font-weight: 600;
  background: #fff;
  border: 2px solid #28528a;
  width: 100%;
  flex-basis: 20%; }
  .my-library-user-library-account-list__info-link:disabled {
    cursor: not-allowed;
    opacity: .55; }
  .my-library-user-library-account-list__info-link:active, .my-library-user-library-account-list__info-link.nice-select.open, .my-library-user-library-account-list__info-link:focus, .my-library-user-library-account-list__info-link:hover {
    text-decoration: none; }
  .my-library-user-library-account-list__info-link a {
    text-decoration: none;
    color: inherit; }

.my-library-user-library-account-list__info {
  margin: 0;
  color: #28528a;
  font-size: 14px;
  flex-basis: 50%;
  padding-left: 1.8rem; }
  @media (min-width: 768px) {
    .my-library-user-library-account-list__info {
      padding: 0 2.4rem; } }
  .my-library-user-library-account-list__info > li {
    margin: 5px 0; }
    .my-library-user-library-account-list__info > li:first-child {
      margin-top: 0;
      margin-left: -20px;
      list-style: none;
      color: rgba(0, 0, 0, 0.6);
      font-weight: 500; }
    .my-library-user-library-account-list__info > li a {
      font-weight: 600; }
  .my-library-user-library-account-list__info.has-pending-validation li:first-child {
    color: #28528a;
    list-style: inherit;
    margin-left: 0; }

.my-library-user-library-account-loans__header {
  display: flex;
  justify-content: flex-end;
  padding: 2.4rem;
  border-bottom: 1px solid #dbdbdb;
  background: #fff;
  margin: 0 0 3.6rem;
  align-items: center; }
  .my-library-user-library-account-loans__header h3 {
    margin-bottom: 0; }
  @media (min-width: 960px) {
    .my-library-user-library-account-loans__header {
      border: 1px solid #dbdbdb; } }
  @media (max-width: 479px) {
    .my-library-user-library-account-loans__header {
      display: block; } }
  .my-library-user-library-account-loans__header.has-intro {
    justify-content: space-between; }
  .my-library-user-library-account-loans__header .my-library-user-library-account-loans__intro {
    color: #000;
    font-weight: 400;
    flex-direction: column; }
    @media (min-width: 480px) {
      .my-library-user-library-account-loans__header .my-library-user-library-account-loans__intro {
        width: calc(100% - 300px); } }
    @media (min-width: 960px) {
      .my-library-user-library-account-loans__header .my-library-user-library-account-loans__intro {
        display: flex;
        align-items: center;
        flex-direction: row; }
        .my-library-user-library-account-loans__header .my-library-user-library-account-loans__intro p {
          margin-bottom: 0; } }
  .my-library-user-library-account-loans__header .check-all {
    margin-right: auto; }
  @media (min-width: 960px) {
    .my-library-user-library-account-loans__header {
      border-radius: 4px; } }
  @media (max-width: 479px) {
    .my-library-user-library-account-loans__header {
      display: block; } }

.my-library-user-library-account-loans__extend-all-link {
  width: 100%;
  margin-left: 1rem;
  text-align: center; }
  @media (min-width: 480px) {
    .my-library-user-library-account-loans__extend-all-link {
      width: auto; } }
  .my-library-user-library-account-loans__extend-all-link a {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
    font-family: "DINPro", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    color: #4a4a4a;
    background-image: linear-gradient(#ffffff, #efefef);
    background-color: transparent;
    font-size: 1.6rem;
    padding: 1.8rem 2.4rem;
    padding: 1.8rem 2.4rem;
    color: #fff;
    border: 2px solid #28528a;
    background-image: none;
    background-color: #28528a;
    font-weight: 600;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.525);
    display: none; }
    .my-library-user-library-account-loans__extend-all-link a:disabled {
      cursor: not-allowed;
      opacity: .55; }
    .my-library-user-library-account-loans__extend-all-link a:active, .my-library-user-library-account-loans__extend-all-link a.nice-select.open, .my-library-user-library-account-loans__extend-all-link a:focus, .my-library-user-library-account-loans__extend-all-link a:hover {
      text-decoration: none; }
    .my-library-user-library-account-loans__extend-all-link a:hover, .my-library-user-library-account-loans__extend-all-link a:focus {
      color: #fff;
      box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.2); }
    @media (max-width: 479px) {
      .my-library-user-library-account-loans__extend-all-link a {
        width: 100%; } }
  .my-library-user-library-account-loans__extend-all-link-subtitle {
    margin-top: 15px; }

.my-library-user-library-account-loans__extend-all-link-subtitle {
  display: none; }

.my-library-user-library-account-loans__loan-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px; }
  .my-library-user-library-account-loans__loan-wrapper h2 {
    flex: 1 0 100%;
    width: 100%;
    margin: 5rem 15px 3.6rem; }

.my-library-user-library-account-loans__loan.card {
  width: 100%;
  border: 1px solid #dbdbdb;
  margin: 5rem 15px 2.4rem;
  border-radius: 4px;
  display: flex;
  padding: 1.8rem;
  flex-wrap: wrap;
  align-items: flex-start; }
  .my-library-user-library-account-loans__loan.card.active {
    border-color: #28528a; }
  @media (min-width: 480px) and (max-width: 767px) {
    .my-library-user-library-account-loans__loan.card {
      width: calc(50% - 30px); } }
  @media (min-width: 768px) {
    .my-library-user-library-account-loans__loan.card {
      width: calc(33.33% - 30px); } }
  @media (max-width: 479px) {
    .my-library-user-library-account-loans__loan.card {
      width: 100%;
      margin: 3rem 0 2rem 0; } }

.my-library-user-library-account-loans__loan .card--content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  flex-basis: 100%; }

.my-library-user-library-account-loans__loan .card--footer {
  flex-basis: 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-self: flex-end;
  justify-content: space-between;
  margin-top: 2rem; }
  .my-library-user-library-account-loans__loan .card--footer .my-library-lists-filter__input-group {
    padding-left: 0; }

.my-library-user-library-account-loans__loan .card--days {
  flex-basis: 100%;
  text-align: right;
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
  margin-top: 1.5rem; }
  .my-library-user-library-account-loans__loan .card--days.is-expired {
    color: #ff0000; }

.my-library-user-library-account-loans__loan .card--extend-loan {
  display: flex;
  align-items: center;
  margin-top: 1.8rem;
  font-size: 14px;
  flex-basis: 100%;
  min-height: 59px; }
  .my-library-user-library-account-loans__loan .card--extend-loan a {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
    font-family: "DINPro", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    color: #4a4a4a;
    background-image: linear-gradient(#ffffff, #efefef);
    background-color: transparent;
    font-size: 1.6rem;
    padding: 1.8rem 2.4rem;
    background: #28528a;
    border-radius: 4px;
    border: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    height: 59px;
    margin-left: auto; }
    .my-library-user-library-account-loans__loan .card--extend-loan a:disabled {
      cursor: not-allowed;
      opacity: .55; }
    .my-library-user-library-account-loans__loan .card--extend-loan a:active, .my-library-user-library-account-loans__loan .card--extend-loan a.nice-select.open, .my-library-user-library-account-loans__loan .card--extend-loan a:focus, .my-library-user-library-account-loans__loan .card--extend-loan a:hover {
      text-decoration: none; }

.my-library-user-library-account-loans__loan .card--cover {
  flex-basis: 30%;
  margin-top: -5rem;
  margin-right: 5%;
  align-self: flex-start; }

.my-library-user-library-account-loans__loan .card--cover-img {
  background: #fff;
  border-radius: 4px;
  padding: 3px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.18);
  max-height: 150px; }
  .my-library-user-library-account-loans__loan .card--cover-img:hover {
    box-shadow: 0 0 20px 3px rgba(127, 127, 127, 0.3);
    position: relative;
    z-index: 7865434; }

.my-library-user-library-account-loans__loan .card--intro {
  align-self: flex-start;
  flex-basis: 65%;
  max-width: 65%; }

.my-library-user-library-account-loans__loan .card--type-label {
  text-align: left;
  float: none;
  padding: 0.56rem 0 0.56rem 3.6rem;
  font-size: 10px;
  font-weight: 600;
  text-transform: none;
  background-position: 0;
  background-repeat: no-repeat;
  background-size: contain; }

.my-library-user-library-account-loans__loan .card--title {
  margin-bottom: 0;
  margin-top: 1.8rem; }

.my-library-user-library-account-loans__loan .card--author {
  font-size: 12px;
  font-weight: 500; }

.my-library-user-library-account-loans__loan .card--from-to {
  display: flex;
  background: #f9f9f9;
  padding: 15px;
  border-radius: 4px;
  border: 1px solid #dbdbdb;
  margin-top: 1.8rem;
  flex-basis: 100%; }
  .my-library-user-library-account-loans__loan .card--from-to > div {
    flex-basis: 50%;
    padding: 0 1.2rem; }
    .my-library-user-library-account-loans__loan .card--from-to > div:first-child {
      padding-left: 0;
      border-right: 1px solid #dbdbdb; }
  .my-library-user-library-account-loans__loan .card--from-to span {
    color: #656464;
    font-size: 14px;
    font-weight: 500;
    display: block; }
    .my-library-user-library-account-loans__loan .card--from-to span:first-child {
      color: #000;
      font-size: 10px;
      font-weight: 600;
      text-transform: none; }

.my-library-user-library-account-loans__loan .card--item-remove {
  min-width: 45px; }
  .my-library-user-library-account-loans__loan .card--item-remove a {
    padding: 0 1.2rem;
    border-radius: 4px;
    border: 2px solid #bf4a4a;
    display: inline-block;
    font-size: 2.4rem; }
    .my-library-user-library-account-loans__loan .card--item-remove a::before {
      display: inline-block;
      font: normal normal normal 14px / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: inherit;
      content: "\F014"; }
    @media (max-width: 767px) {
      .my-library-user-library-account-loans__loan .card--item-remove a {
        padding: 0 1.2rem; } }
    .my-library-user-library-account-loans__loan .card--item-remove a::before {
      color: #bf4a4a; }

.my-library-user-library-account-loans__loan .card--publication-year {
  margin: 0;
  font-size: 12px; }

.my-library-user-library-account-loans__loan .card--author {
  margin: 0;
  font-size: 12px; }

.my-library-user-library-account-loans .download-loans {
  margin-left: 1rem;
  margin-bottom: auto; }

.my-library-user-library-account-open-amounts {
  display: flex;
  flex-direction: column; }
  .my-library-user-library-account-open-amounts h3,
  .my-library-user-library-account-open-amounts p {
    margin-left: 1.8rem; }
  .my-library-user-library-account-open-amounts h3 {
    color: #666; }
  .my-library-user-library-account-open-amounts a {
    color: #666; }

.my-library-user-library-account-open-amounts__outstanding-loans-wrapper {
  order: 2; }
  @media (min-width: 960px) {
    .my-library-user-library-account-open-amounts__outstanding-loans-wrapper {
      order: unset; } }

.my-library-user-library-account-open-amounts__open-amounts-wrapper {
  order: 3; }
  @media (min-width: 960px) {
    .my-library-user-library-account-open-amounts__open-amounts-wrapper {
      order: unset; } }

@media (min-width: 960px) {
  .my-library-user-library-account-open-amounts__outstanding-loan,
  .my-library-user-library-account-open-amounts__open-amount {
    display: table;
    width: 100%;
    flex: 0 0 100%;
    border-collapse: collapse;
    margin-bottom: 2.5rem; } }

.my-library-user-library-account-open-amounts__outstanding-loan__header,
.my-library-user-library-account-open-amounts__open-amount__header {
  display: none; }
  @media (min-width: 960px) {
    .my-library-user-library-account-open-amounts__outstanding-loan__header,
    .my-library-user-library-account-open-amounts__open-amount__header {
      display: table-row;
      padding: 3.6rem;
      font-weight: bold;
      color: #666;
      border-bottom: 1px solid #afafaf; } }
  @media (min-width: 960px) {
    .my-library-user-library-account-open-amounts__outstanding-loan__header .my-library-user-library-account-open-amounts__open-amount__amount,
    .my-library-user-library-account-open-amounts__open-amount__header .my-library-user-library-account-open-amounts__open-amount__amount {
      font-weight: 600; } }

.my-library-user-library-account-open-amounts__outstanding-loan__row,
.my-library-user-library-account-open-amounts__open-amount__row {
  display: flex;
  width: 100%;
  border: 1px solid #dbdbdb;
  padding: 2.4rem;
  margin: 15px 0;
  flex-wrap: wrap;
  align-items: center;
  border-radius: 4px;
  padding: 1.8rem;
  background: #f9f9f9; }
  @media (min-width: 960px) {
    .my-library-user-library-account-open-amounts__outstanding-loan__row,
    .my-library-user-library-account-open-amounts__open-amount__row {
      display: table-row;
      align-items: start;
      border-radius: 0;
      padding: 0;
      border: 0;
      border-bottom: 1px solid #dbdbdb;
      background: #fff; } }
  .my-library-user-library-account-open-amounts__outstanding-loan__row:nth-child(even),
  .my-library-user-library-account-open-amounts__open-amount__row:nth-child(even) {
    background: #f9f9f9; }
  .my-library-user-library-account-open-amounts__outstanding-loan__row.total,
  .my-library-user-library-account-open-amounts__open-amount__row.total {
    display: none; }
    @media (min-width: 960px) {
      .my-library-user-library-account-open-amounts__outstanding-loan__row.total,
      .my-library-user-library-account-open-amounts__open-amount__row.total {
        display: table-row;
        background: #fff;
        text-align: right; } }

.my-library-user-library-account-open-amounts__outstanding-loan__amount,
.my-library-user-library-account-open-amounts__open-amount__amount {
  width: 50%;
  text-align: right;
  font-weight: 600;
  color: #be5900;
  margin-top: 2.4rem;
  order: 3; }
  .my-library-user-library-account-open-amounts__outstanding-loan__amount span,
  .my-library-user-library-account-open-amounts__open-amount__amount span {
    color: #000;
    font-size: 14px; }
  .my-library-user-library-account-open-amounts__outstanding-loan__amount div,
  .my-library-user-library-account-open-amounts__open-amount__amount div {
    font-style: italic;
    font-weight: normal;
    color: #000;
    font-size: 12px; }
  @media (min-width: 960px) {
    .my-library-user-library-account-open-amounts__outstanding-loan__amount,
    .my-library-user-library-account-open-amounts__open-amount__amount {
      width: 100%;
      font-weight: 300;
      text-align: left;
      color: #666;
      margin-top: 0; }
      .my-library-user-library-account-open-amounts__outstanding-loan__amount div,
      .my-library-user-library-account-open-amounts__open-amount__amount div {
        display: inline; } }

.my-library-user-library-account-open-amounts__outstanding-loan__info,
.my-library-user-library-account-open-amounts__open-amount__info {
  width: 100%;
  padding-right: 2.4rem;
  order: 1; }
  @media (min-width: 960px) {
    .my-library-user-library-account-open-amounts__outstanding-loan__info,
    .my-library-user-library-account-open-amounts__open-amount__info {
      padding-right: 0; } }

.my-library-user-library-account-open-amounts__outstanding-loan__date,
.my-library-user-library-account-open-amounts__open-amount__date {
  display: block;
  width: 45%;
  margin-top: 2rem;
  margin-right: 5%;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #dbdbdb;
  padding: 1.5rem;
  order: 2; }
  .my-library-user-library-account-open-amounts__outstanding-loan__date span,
  .my-library-user-library-account-open-amounts__open-amount__date span {
    display: block;
    font-size: .85rem;
    font-weight: bold; }
  @media (min-width: 960px) {
    .my-library-user-library-account-open-amounts__outstanding-loan__date,
    .my-library-user-library-account-open-amounts__open-amount__date {
      width: 100%;
      margin: 0;
      padding: 0;
      background: none;
      border: 0; }
      .my-library-user-library-account-open-amounts__outstanding-loan__date span,
      .my-library-user-library-account-open-amounts__open-amount__date span {
        display: none; } }

@media (min-width: 960px) {
  .my-library-user-library-account-open-amounts__outstanding-loan__date, .my-library-user-library-account-open-amounts__outstanding-loan__amount, .my-library-user-library-account-open-amounts__outstanding-loan__info, .my-library-user-library-account-open-amounts__outstanding-loan__cell, .my-library-user-library-account-open-amounts__outstanding-loan__total,
  .my-library-user-library-account-open-amounts__open-amount__date,
  .my-library-user-library-account-open-amounts__open-amount__amount,
  .my-library-user-library-account-open-amounts__open-amount__info,
  .my-library-user-library-account-open-amounts__open-amount__cell,
  .my-library-user-library-account-open-amounts__open-amount__total {
    display: table-column;
    float: left;
    width: 30%;
    padding: 1.8rem; }
  .my-library-user-library-account-open-amounts__outstanding-loan__info,
  .my-library-user-library-account-open-amounts__open-amount__info {
    width: 60%; }
  .my-library-user-library-account-open-amounts__outstanding-loan__date, .my-library-user-library-account-open-amounts__outstanding-loan__amount,
  .my-library-user-library-account-open-amounts__open-amount__date,
  .my-library-user-library-account-open-amounts__open-amount__amount {
    width: 15%; }
  .my-library-user-library-account-open-amounts__outstanding-loan__amount,
  .my-library-user-library-account-open-amounts__open-amount__amount {
    float: right;
    text-align: right; }
  .my-library-user-library-account-open-amounts__outstanding-loan__total,
  .my-library-user-library-account-open-amounts__open-amount__total {
    width: 100%; } }

.my-library-user-library-account-open-amounts__outstanding-loan .is-expired,
.my-library-user-library-account-open-amounts__open-amount .is-expired {
  color: #bf4a4a;
  text-align: right;
  font-size: 14px;
  text-transform: none;
  font-weight: 600;
  width: 50%; }
  @media (min-width: 960px) {
    .my-library-user-library-account-open-amounts__outstanding-loan .is-expired,
    .my-library-user-library-account-open-amounts__open-amount .is-expired {
      text-align: left; } }

.my-library-user-library-account-open-amounts__outstanding-costs,
.my-library-user-library-account-open-amounts__total-costs {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  margin: 0 0 3.6rem;
  padding: 2.4rem;
  background: #fff;
  font-size: 16px;
  font-weight: 500;
  order: 1; }
  @media (min-width: 960px) {
    .my-library-user-library-account-open-amounts__outstanding-costs,
    .my-library-user-library-account-open-amounts__total-costs {
      order: unset; } }
  .my-library-user-library-account-open-amounts__outstanding-costs h3,
  .my-library-user-library-account-open-amounts__total-costs h3 {
    margin-bottom: 0;
    margin-right: .5em;
    font-size: 16px;
    color: #000; }
  .my-library-user-library-account-open-amounts__outstanding-costs span,
  .my-library-user-library-account-open-amounts__total-costs span {
    color: #be5900;
    margin: 0 1.5rem; }
  .my-library-user-library-account-open-amounts__outstanding-costs .pay-button,
  .my-library-user-library-account-open-amounts__total-costs .pay-button {
    color: #fff;
    background: #28528a;
    padding: 1rem 1.5rem;
    text-decoration: none; }
    .my-library-user-library-account-open-amounts__outstanding-costs .pay-button:hover, .my-library-user-library-account-open-amounts__outstanding-costs .pay-button:focus,
    .my-library-user-library-account-open-amounts__total-costs .pay-button:hover,
    .my-library-user-library-account-open-amounts__total-costs .pay-button:focus {
      box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.15); }

.my-library-user-library-account-open-amounts-notification {
  background-color: var(--cuc-colorscheme-color2);
  color: var(--cuc-colorscheme-color2-text-color);
  padding: 1.5rem;
  margin-bottom: 1rem;
  display: inherit; }
  .my-library-user-library-account-open-amounts-notification::before {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
    content: "\F071"; }
  .my-library-user-library-account-open-amounts-notification::before {
    margin-top: 4px; }
  .my-library-user-library-account-open-amounts-notification p {
    display: inline;
    margin: 0 0 0 1rem; }
  .my-library-user-library-account-open-amounts-notification a {
    color: #fff; }

.my-library-user-library-account-loans__loan-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px; }
  .my-library-user-library-account-loans__loan-wrapper a {
    display: block; }

.my-library-user-library-account-online-payments-history__online-payments-history-wrapper {
  order: 4; }
  .my-library-user-library-account-online-payments-history__online-payments-history-wrapper .history-details--closed {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    padding: 0;
    color: #999;
    background: transparent; }
    .my-library-user-library-account-online-payments-history__online-payments-history-wrapper .history-details--closed::before {
      display: inline-block;
      font: normal normal normal 14px / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: inherit;
      content: "\F0D7"; }
    .my-library-user-library-account-online-payments-history__online-payments-history-wrapper .history-details--closed::before {
      font-size: 1.5rem;
      padding: 0 0 .2rem 0; }
  .my-library-user-library-account-online-payments-history__online-payments-history-wrapper .history-details--open {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    padding: 0;
    color: #999;
    background: transparent; }
    .my-library-user-library-account-online-payments-history__online-payments-history-wrapper .history-details--open::before {
      display: inline-block;
      font: normal normal normal 14px / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: inherit;
      content: "\F0DA"; }
    .my-library-user-library-account-online-payments-history__online-payments-history-wrapper .history-details--open::before {
      font-size: 1.5rem;
      padding: 0 0 .2rem 0; }
  .my-library-user-library-account-online-payments-history__online-payments-history-wrapper .history-details--closed, .my-library-user-library-account-online-payments-history__online-payments-history-wrapper .history-details--open {
    text-indent: 0;
    display: inline-block; }

.library-portal-my-library-add-library-account-form #edit-back-link,
.library-portal-my-library-link-library-account-form #edit-back-link,
.library-portal-my-library-add-new-library-account-form #edit-back-link {
  font-size: 11px;
  font-weight: 600;
  color: #28528a; }
  .library-portal-my-library-add-library-account-form #edit-back-link::before,
  .library-portal-my-library-link-library-account-form #edit-back-link::before,
  .library-portal-my-library-add-new-library-account-form #edit-back-link::before {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
    content: "\F060"; }
  @media (min-width: 960px) {
    .library-portal-my-library-add-library-account-form #edit-back-link,
    .library-portal-my-library-link-library-account-form #edit-back-link,
    .library-portal-my-library-add-new-library-account-form #edit-back-link {
      font-size: .8em; } }
  .library-portal-my-library-add-library-account-form #edit-back-link::before,
  .library-portal-my-library-link-library-account-form #edit-back-link::before,
  .library-portal-my-library-add-new-library-account-form #edit-back-link::before {
    color: var(--color-menu-mobile-trigger);
    margin-right: 1.8rem;
    text-decoration: none; }

.library-portal-my-library-add-library-account-form .my-library-user-library-account-selection__account,
.library-portal-my-library-link-library-account-form .my-library-user-library-account-selection__account,
.library-portal-my-library-add-new-library-account-form .my-library-user-library-account-selection__account {
  max-width: 26.9rem;
  margin: 1.8rem -1.2rem; }
  @media (min-width: 960px) {
    .library-portal-my-library-add-library-account-form .my-library-user-library-account-selection__account,
    .library-portal-my-library-link-library-account-form .my-library-user-library-account-selection__account,
    .library-portal-my-library-add-new-library-account-form .my-library-user-library-account-selection__account {
      margin: 1.8rem 0; } }
  .library-portal-my-library-add-library-account-form .my-library-user-library-account-selection__account:hover,
  .library-portal-my-library-link-library-account-form .my-library-user-library-account-selection__account:hover,
  .library-portal-my-library-add-new-library-account-form .my-library-user-library-account-selection__account:hover {
    border-color: #dbdbdb; }

.library-portal-my-library-link-library-account-form input[type='text'],
.library-portal-my-library-link-library-account-form input[type='date'] {
  width: 31.25rem; }

.my-library-user-multistep-form-progress {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding-bottom: 2.4rem; }
  .my-library-user-multistep-form-progress::before {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    top: 30%;
    left: 0;
    background: #ece9e9;
    z-index: -1; }
    @media (max-width: 767px) {
      .my-library-user-multistep-form-progress::before {
        top: 57px; } }
  @media (max-width: 767px) {
    .my-library-user-multistep-form-progress {
      width: calc(100vw + 2.4rem);
      margin-left: -2.4rem;
      margin-right: -2.4rem;
      padding: 2.4rem;
      border-top: 1px solid #dbdbdb;
      border-bottom: 1px solid #dbdbdb;
      justify-content: center; } }

.my-library-user-multistep-form-progress__step {
  margin: 0 1.8rem; }
  @media (min-width: 960px) {
    .my-library-user-multistep-form-progress__step {
      margin: 0 2.4rem; } }
  .my-library-user-multistep-form-progress__step.is-active .my-library-user-multistep-form-progress__key {
    background: #28528a;
    border-color: #28528a;
    color: #fff; }

.my-library-user-multistep-form-progress__key {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-weight: bold;
  border-radius: 50%;
  color: #656464;
  background: #fff;
  border: 1px solid #ece9e9;
  margin: 0 auto; }

.my-library-user-multistep-form-progress__help {
  text-align: center;
  line-height: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #000;
  text-transform: none; }

.my-library-user-multistep-form-progress__label {
  font-weight: 500;
  color: #656464;
  margin: 1em 0 0;
  text-align: center; }

.my-library-overview > div {
  margin-bottom: 5rem; }

.my-library-overview__intro__accounts::first-letter {
  text-transform: uppercase; }

.my-library-overview__loans h3 {
  color: #000;
  margin-bottom: 2rem; }

.my-library-overview__loans__selection {
  background-color: #efefef;
  border-radius: 5px;
  padding: 1rem 1rem 1rem 2rem;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); }
  .my-library-overview__loans__selection .button--primary {
    margin-left: auto;
    padding: 1rem 2rem;
    border: 0; }
    .my-library-overview__loans__selection .button--primary.link-disabled {
      background-color: #666; }

.my-library-overview__loans .my-library-overview__loans-table tr {
  border-bottom: 1px solid #dbdbdb; }

.my-library-overview__loans .my-library-overview__loans-table th,
.my-library-overview__loans .my-library-overview__loans-table td {
  border-bottom: 0;
  padding: 1rem 2rem 1rem 0; }
  .my-library-overview__loans .my-library-overview__loans-table th.table-select,
  .my-library-overview__loans .my-library-overview__loans-table td.table-select {
    width: 5rem; }
  .my-library-overview__loans .my-library-overview__loans-table th.sortable,
  .my-library-overview__loans .my-library-overview__loans-table td.sortable {
    cursor: pointer; }
    .my-library-overview__loans .my-library-overview__loans-table th.sortable i,
    .my-library-overview__loans .my-library-overview__loans-table td.sortable i {
      color: #c6c6c6;
      margin-left: .5rem; }
    .my-library-overview__loans .my-library-overview__loans-table th.sortable.active i,
    .my-library-overview__loans .my-library-overview__loans-table td.sortable.active i {
      color: inherit; }

@media (max-width: 767px) {
  .my-library-overview__loans .my-library-overview__loans-table {
    display: block; }
    .my-library-overview__loans .my-library-overview__loans-table thead {
      display: none; }
    .my-library-overview__loans .my-library-overview__loans-table tbody {
      display: block; }
      .my-library-overview__loans .my-library-overview__loans-table tbody tr:first-child {
        border-top: 1px solid #dbdbdb; }
    .my-library-overview__loans .my-library-overview__loans-table tr {
      display: flex;
      flex-direction: column; }
    .my-library-overview__loans .my-library-overview__loans-table td {
      display: flex; }
      .my-library-overview__loans .my-library-overview__loans-table td::before {
        content: attr(data-label);
        width: 120px;
        flex: 0 0 120px;
        font-weight: 700; } }

.my-library-overview__loans .account__link {
  font-size: 1.25rem; }

.my-library-overview__loans__footer {
  display: flex;
  margin-bottom: 2rem; }
  .my-library-overview__loans__footer .selection {
    margin-right: auto; }

.my-library-overview__subscriptions__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem; }
  .my-library-overview__subscriptions__wrapper .subscription {
    flex: 0 0 calc((100% - 3 * 2rem) / 4); }
    @media (max-width: 767px) {
      .my-library-overview__subscriptions__wrapper .subscription {
        flex: 0 0 calc((100% - 2rem) / 2); } }
    .my-library-overview__subscriptions__wrapper .subscription img {
      border-radius: .5rem; }
    .my-library-overview__subscriptions__wrapper .subscription__info {
      display: flex; }
      .my-library-overview__subscriptions__wrapper .subscription__info .info {
        margin-left: auto; }

.block-library-portal-my-library-user-profile-block,
.block-library-portal-my-library-login-block,
.block-library-portal-site-login-block {
  width: auto;
  min-width: 270px; }

.my-library-user-profile-block,
.user-profile-block.profile-quick-links {
  display: none; }
  @media (min-width: 960px) {
    .my-library-user-profile-block,
    .user-profile-block.profile-quick-links {
      display: block; } }

.message-counter {
  display: block;
  position: absolute;
  float: right;
  color: #fff;
  background: #ea0000;
  font-size: 10px;
  text-align: center;
  font-weight: bold;
  border-radius: 50%; }
  .message-counter.no-counter {
    display: none; }

.my-library-user-profile-block--mobile {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  cursor: pointer; }
  @media (min-width: 960px) {
    .my-library-user-profile-block--mobile {
      display: none; } }
  .my-library-user-profile-block--mobile svg {
    width: auto;
    height: 1.8rem; }
  .my-library-user-profile-block--mobile .message-counter {
    right: 4px;
    top: 4px;
    height: 20px;
    width: 20px;
    line-height: 20px; }
  .my-library-user-profile-block--mobile .my-library-user-profile--imgplaceholder {
    background-color: var(--cuc-colorscheme-color1);
    border-radius: 150%;
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: auto;
    justify-content: center; }
    .my-library-user-profile-block--mobile .my-library-user-profile--imgplaceholder .fa {
      display: flex;
      margin: auto;
      font-size: 2rem;
      color: #fff; }
  .my-library-user-profile-block--mobile .my-library-user-profile--name {
    font-size: .9rem;
    display: block;
    margin-top: 2px; }

.block-library-portal-my-library-user-profile-block {
  display: none;
  align-self: flex-end;
  margin-left: auto;
  margin-bottom: 1rem; }
  @media (min-width: 960px) {
    .block-library-portal-my-library-user-profile-block {
      display: flex; } }
  .block-library-portal-my-library-user-profile-block .user-profile-block.profile-quick-links {
    flex-basis: 40%;
    margin-left: 1.8rem; }
  .block-library-portal-my-library-user-profile-block .user-quick-links-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    display: block; }
    .block-library-portal-my-library-user-profile-block .user-quick-links-menu li {
      border-bottom: 1px solid #dbdbdb;
      font-size: 16px;
      line-height: 19px; }
      .block-library-portal-my-library-user-profile-block .user-quick-links-menu li a {
        display: block;
        padding: 7px 1.8rem 8px;
        color: #616060;
        text-decoration: none; }
        .block-library-portal-my-library-user-profile-block .user-quick-links-menu li a::before {
          display: inline-block;
          font: normal normal normal 14px / 1 FontAwesome;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: inherit;
          content: "\F004"; }
        .block-library-portal-my-library-user-profile-block .user-quick-links-menu li a::before {
          margin-right: 1.8rem; }
      .block-library-portal-my-library-user-profile-block .user-quick-links-menu li:last-child {
        border-bottom: 0; }
        .block-library-portal-my-library-user-profile-block .user-quick-links-menu li:last-child a::before {
          display: inline-block;
          font: normal normal normal 14px / 1 FontAwesome;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: inherit;
          content: "\F0E0"; }
    .block-library-portal-my-library-user-profile-block .user-quick-links-menu .message-count {
      float: right;
      color: #fff;
      background: #ea0000;
      height: 20px;
      width: 20px;
      line-height: 20px;
      font-size: 12px;
      text-align: center;
      font-weight: bold;
      border-radius: 50%; }

@media (min-width: 960px) {
  .block-library-portal-my-library-login-block,
  .block-library-portal-site-login-block {
    text-align: right;
    align-self: flex-end;
    margin-bottom: 10px; } }

.my-library-user-profile-block {
  flex-basis: 85%;
  margin-left: auto; }
  @media (min-width: 960px) {
    .my-library-user-profile-block {
      position: relative; }
      .my-library-user-profile-block .message-count {
        display: inline-flex;
        float: right;
        color: #fff;
        background: #ea0000;
        font-size: 12px;
        text-align: center;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: 0; } }
  @media (max-width: 959px) {
    .my-library-user-profile-block {
      padding: 0; } }
  .my-library-user-profile-block.is-active .my-library-user-profile-block__username {
    border-color: #28528a; }
    .my-library-user-profile-block.is-active .my-library-user-profile-block__username::before {
      content: "\F0DE"; }
  .my-library-user-profile-block.is-active .my-library-user-profile-block__user-menu {
    display: block;
    border-color: #28528a; }
  .my-library-user-profile-block a {
    display: block;
    padding: 0.6rem 0;
    text-decoration: none;
    color: inherit;
    position: relative; }
  .my-library-user-profile-block .my-library-user-profile-block__username,
  .my-library-user-profile-block .my-library-user-profile-block__user-menu {
    border: 1px solid #dbdbdb;
    border-radius: 4px; }
    .user-profile .my-library-user-profile-block .my-library-user-profile-block__username, .user-profile
    .my-library-user-profile-block .my-library-user-profile-block__user-menu {
      border: 0;
      border-radius: 0;
      color: #fff;
      padding-left: 0; }
  .my-library-user-profile-block .my-library-user-profile-block__username {
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
    padding: 1.2rem 4em 1.2rem 1.8rem;
    display: flex;
    position: relative;
    cursor: pointer;
    font-size: 10px;
    color: rgba(0, 0, 0, 0.8); }
    .my-library-user-profile-block .my-library-user-profile-block__username::before {
      display: inline-block;
      font: normal normal normal 14px / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: inherit;
      content: "\F0DD"; }
    .my-library-user-profile-block .my-library-user-profile-block__username::before {
      position: absolute;
      top: 50%;
      right: 1.8rem;
      transform: translateY(-50%); }
    .user-profile .my-library-user-profile-block .my-library-user-profile-block__username {
      cursor: inherit; }
      .user-profile .my-library-user-profile-block .my-library-user-profile-block__username::before {
        display: none; }
    .my-library-user-profile-block .my-library-user-profile-block__username span {
      font-weight: bold;
      display: block;
      font-size: 16px; }
  .my-library-user-profile-block .my-library-user-profile--imgplaceholder {
    width: 70px; }
    @media (max-width: 959px) {
      .my-library-user-profile-block .my-library-user-profile--imgplaceholder {
        margin-left: -10px;
        margin-right: 20px; } }
    .my-library-user-profile-block .my-library-user-profile--imgplaceholder .message-counter {
      display: block;
      position: absolute;
      float: right;
      color: #fff;
      background: #ea0000;
      height: 24px;
      width: 24px;
      line-height: 24px;
      font-size: 12px;
      text-align: center;
      font-weight: bold;
      border-radius: 50%; }
      @media (max-width: 959px) {
        .my-library-user-profile-block .my-library-user-profile--imgplaceholder .message-counter {
          left: 22px; } }
      @media (min-width: 960px) {
        .my-library-user-profile-block .my-library-user-profile--imgplaceholder .message-counter {
          left: 49px; } }
      .my-library-user-profile-block .my-library-user-profile--imgplaceholder .message-counter.no-counter {
        display: none; }
    .my-library-user-profile-block .my-library-user-profile--imgplaceholder svg {
      width: 42px;
      height: 42px; }
      @media (max-width: 959px) {
        .my-library-user-profile-block .my-library-user-profile--imgplaceholder svg path {
          fill: #fff; }
        .my-library-user-profile-block .my-library-user-profile--imgplaceholder svg circle {
          stroke: #fff; } }
    .my-library-user-profile-block .my-library-user-profile--imgplaceholder ul svg {
      width: 57%; }
  .my-library-user-profile-block .my-library-profile-block__username-label {
    font-size: 1.4rem;
    color: #5b6062; }
    .my-library-user-profile-block .my-library-profile-block__username-label::after {
      content: ' '; }
    .user-profile .my-library-user-profile-block .my-library-profile-block__username-label {
      color: #fff;
      font-size: 12px; }
  .my-library-user-profile-block .my-library-user-profile-block__user-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin: 0;
    border-top: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    z-index: 98;
    padding: 0; }
    .my-library-user-profile-block .my-library-user-profile-block__user-menu .my-library-user-profile-block__user-menu-divider {
      margin: 0.6rem 1em;
      border: solid 1px #efefef; }
    .my-library-user-profile-block .my-library-user-profile-block__user-menu li {
      list-style: none;
      padding: 0 30px; }
      @media (min-width: 960px) {
        .my-library-user-profile-block .my-library-user-profile-block__user-menu li {
          padding: 0 1.8rem; } }
      .my-library-user-profile-block .my-library-user-profile-block__user-menu li:hover {
        background-color: #dbdbdb; }
      .my-library-user-profile-block .my-library-user-profile-block__user-menu li:last-of-type {
        margin-top: 0.6rem;
        display: flex;
        justify-content: space-between;
        background: #f6f6f6; }
        .my-library-user-profile-block .my-library-user-profile-block__user-menu li:last-of-type:hover {
          background-color: #f6f6f6; }
        .my-library-user-profile-block .my-library-user-profile-block__user-menu li:last-of-type a {
          padding-right: 1em;
          font-size: 1.4rem;
          font-weight: bold;
          text-align: right; }
          .my-library-user-profile-block .my-library-user-profile-block__user-menu li:last-of-type a:hover {
            background-color: #f6f6f6;
            text-decoration: underline; }
          .my-library-user-profile-block .my-library-user-profile-block__user-menu li:last-of-type a:last-of-type {
            margin: 0 -1.8rem; }
            .my-library-user-profile-block .my-library-user-profile-block__user-menu li:last-of-type a:last-of-type::after {
              display: inline-block;
              font: normal normal normal 14px / 1 FontAwesome;
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              font-size: inherit;
              content: "\F08B"; }
          .my-library-user-profile-block .my-library-user-profile-block__user-menu li:last-of-type a::after {
            margin-left: .5em; }

.user-profile--trigger {
  margin: 0 -33px;
  padding: 1.2rem calc(33px + 1.2rem);
  background: #fff;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  border-left: solid 2px #efefef;
  position: relative;
  cursor: pointer; }
  .user-profile--trigger::before {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
    content: "\F0DD"; }
  @media (max-width: 959px) {
    .user-profile--trigger {
      margin: 0 -30px;
      padding: 1.2rem 30px;
      border-left: solid 0 #efefef; } }
  .user-profile--trigger span {
    display: none;
    pointer-events: none; }
    .user-profile--trigger span:first-child {
      display: block; }
    .user-profile--trigger span::after {
      display: none; }
  .user-profile--trigger::before {
    position: absolute;
    top: 50%;
    right: 4.5rem;
    content: '\F0DA';
    transform: translateY(-50%); }
  @media (max-width: 959px) {
    .user-profile.active .user-profile--trigger {
      padding: 1.2rem calc(33px + 1.2rem); } }
  .user-profile.active .user-profile--trigger span {
    display: block;
    font-size: 12px;
    font-weight: normal; }
    .user-profile.active .user-profile--trigger span:first-child {
      display: none; }
  .user-profile.active .user-profile--trigger::before {
    right: auto;
    left: 1.8rem;
    content: '\F0D9'; }

.js-form-type-library-account-selection-radio {
  margin-left: 1.2rem;
  width: 100%;
  height: 100%;
  position: relative; }
  .js-form-type-library-account-selection-radio:first-of-type {
    margin-left: 0; }
  .js-form-type-library-account-selection-radio label {
    cursor: pointer;
    height: 100%;
    width: 100%;
    display: block;
    margin: 0;
    border-radius: .5em; }
  .js-form-type-library-account-selection-radio input {
    display: none; }
    .js-form-type-library-account-selection-radio input:checked + label {
      background: var(--cuc-colorscheme-color1); }
      .js-form-type-library-account-selection-radio input:checked + label .my-library-user-library-account-selection__name, .js-form-type-library-account-selection-radio input:checked + label .my-library-user-library-account-selection__library, .js-form-type-library-account-selection-radio input:checked + label .my-library-user-library-account-selection__accountnumber,
      .js-form-type-library-account-selection-radio input:checked + label .my-library-user-library-account-selection__accountnumber span {
        color: var(--color-libcard-text); }

.add-library__card {
  display: block;
  background-color: var(--cuc-colorscheme-color1);
  padding: 1.8rem 20px; }

.my-library-user-library-account-carousel {
  position: relative; }

.my-library-user-library-account-carousel-navigation {
  text-align: right; }
  @media (min-width: 480px) {
    .my-library-user-library-account-carousel-navigation {
      position: absolute;
      right: 0;
      transform: translateY(-100%); } }
  .my-library-user-library-account-carousel-navigation button {
    background: transparent;
    border: 0;
    font-family: FontAwesome;
    font-style: normal;
    padding: 5px;
    font-size: 2.8rem;
    color: var(--cuc-colorscheme-color1); }
    .my-library-user-library-account-carousel-navigation button.disabled {
      color: #ddd; }
    .my-library-user-library-account-carousel-navigation button .fal {
      font-style: normal; }

#edit-library-account:hover {
  z-index: 9; }

.my-library-user-library-account-selection {
  margin-bottom: 4.8rem; }
  .my-library-user-library-account-selection .owl-stage {
    display: flex;
    padding-left: 0;
    align-items: stretch; }
  .my-library-user-library-account-selection .owl-stage-outer {
    margin: 0;
    display: block;
    width: 100%; }
  .my-library-user-library-account-selection .owl-item {
    display: flex;
    float: none; }

.my-library-user-library-account-section-title {
  color: #000; }
  .my-library-user-library-account-section-title .fa {
    color: var(--cuc-colorscheme-color1); }

.my-library-user-library-account-selection__account {
  position: relative;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  padding: 1.84615rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  flex-wrap: wrap;
  text-decoration: none;
  align-items: center;
  width: 100%;
  background-color: #fff; }
  .my-library-user-library-account-selection__account:hover {
    border: 1px solid var(--cuc-colorscheme-color1); }
  .my-library-user-library-account-selection__account.active {
    background-color: var(--cuc-colorscheme-color1);
    color: #fff; }
    .my-library-user-library-account-selection__account.active .my-library-user-library-account-selection__name, .my-library-user-library-account-selection__account.active .my-library-user-library-account-selection__library, .my-library-user-library-account-selection__account.active .my-library-user-library-account-selection__accountnumber,
    .my-library-user-library-account-selection__account.active .my-library-user-library-account-selection__accountnumber span {
      color: #fff; }
  .my-library-user-library-account-selection__account a:link, .my-library-user-library-account-selection__account a:visited, .my-library-user-library-account-selection__account a:active, .my-library-user-library-account-selection__account a.nice-select.open, .my-library-user-library-account-selection__account a:hover {
    text-decoration: none; }
  .my-library-user-library-account-selection__account a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .my-library-user-library-account-selection__account.open-payments::before, .my-library-user-library-account-selection__account.new-advice::before {
    content: '';
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: #ea0000;
    position: absolute;
    right: -.25rem;
    top: -1rem; }
  .my-library-user-library-account-selection__account > div {
    width: 100%; }

.my-library-user-library-account-selection__name {
  font-size: 1.8rem;
  line-height: 1.8rem;
  color: #000;
  font-weight: bolder;
  margin-bottom: .5rem; }

.my-library-user-library-account-selection__library {
  line-height: 1.6rem;
  color: var(--cuc-colorscheme-color1);
  font-weight: 700;
  margin-bottom: 1rem; }

.my-library-user-library-account-selection__accountnumber {
  font-size: 1.4rem;
  color: #999; }

.my-library-user-library-account-selection__limitdate {
  font-size: 1.4rem;
  color: #be5900; }

.my-library-user-library-account-selection__expirationdate {
  font-size: 1.4rem;
  color: #bf4a4a; }

.my-library-user-library-account-title {
  font-size: 10px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.8); }
  @media (min-width: 960px) {
    .my-library-user-library-account-title {
      font-size: 12px; } }

.my-library-user-wrapper {
  margin: 0;
  padding: 1.2rem 0; }

.my-library-user-library-account__add-membership--carousel {
  position: relative;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  padding: 1.84615rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  flex-wrap: wrap;
  text-decoration: none;
  align-items: center;
  width: 100%;
  background-color: #fff; }
  .my-library-user-library-account__add-membership--carousel:hover {
    border: 1px solid var(--cuc-colorscheme-color1); }
  .my-library-user-library-account__add-membership--carousel.active {
    background-color: var(--cuc-colorscheme-color1);
    color: #fff; }
    .my-library-user-library-account__add-membership--carousel.active .my-library-user-library-account-selection__name, .my-library-user-library-account__add-membership--carousel.active .my-library-user-library-account-selection__library, .my-library-user-library-account__add-membership--carousel.active .my-library-user-library-account-selection__accountnumber,
    .my-library-user-library-account__add-membership--carousel.active .my-library-user-library-account-selection__accountnumber span {
      color: #fff; }
  .my-library-user-library-account__add-membership--carousel a:link, .my-library-user-library-account__add-membership--carousel a:visited, .my-library-user-library-account__add-membership--carousel a:active, .my-library-user-library-account__add-membership--carousel a.nice-select.open, .my-library-user-library-account__add-membership--carousel a:hover {
    text-decoration: none; }
  .my-library-user-library-account__add-membership--carousel a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .my-library-user-library-account__add-membership--carousel a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 1.8rem;
    color: rgba(0, 0, 0, 0.8);
    height: 100%;
    width: 100%;
    margin-bottom: -3.5rem; }
    @media (max-width: 767px) {
      .my-library-user-library-account__add-membership--carousel a {
        min-width: 280px; } }
    .my-library-user-library-account__add-membership--carousel a:hover {
      color: var(--cuc-colorscheme-color1); }
    .my-library-user-library-account__add-membership--carousel a::after {
      content: '+';
      position: absolute;
      right: calc(50% - 1.5rem);
      transform: translateY(-52%);
      font-size: 5rem; }

.expired-account .my-library-user-library-account-selection__account {
  max-width: 26.9rem;
  margin: 1.8rem -1.2rem; }
  @media (min-width: 960px) {
    .expired-account .my-library-user-library-account-selection__account {
      margin: 1.8rem 0; } }
  .expired-account .my-library-user-library-account-selection__account:hover {
    border-color: #dbdbdb; }

.expired-account .button {
  margin-bottom: 1.8rem; }

.account-renewal-form .cancel {
  font-weight: 700;
  margin-left: 2rem; }

.library-account-teaser {
  position: relative;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  padding: 1.84615rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  flex-wrap: wrap;
  text-decoration: none;
  align-items: center;
  width: 100%;
  background-color: #fff;
  max-width: 26.9rem; }
  .library-account-teaser:hover {
    border: 1px solid var(--cuc-colorscheme-color1); }
  .library-account-teaser.active {
    background-color: var(--cuc-colorscheme-color1);
    color: #fff; }
    .library-account-teaser.active .my-library-user-library-account-selection__name, .library-account-teaser.active .my-library-user-library-account-selection__library, .library-account-teaser.active .my-library-user-library-account-selection__accountnumber,
    .library-account-teaser.active .my-library-user-library-account-selection__accountnumber span {
      color: #fff; }
  .library-account-teaser a:link, .library-account-teaser a:visited, .library-account-teaser a:active, .library-account-teaser a.nice-select.open, .library-account-teaser a:hover {
    text-decoration: none; }
  .library-account-teaser a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .library-account-teaser > div {
    width: 100%; }
  .library-account-teaser:hover {
    border-color: #dbdbdb; }
  .library-account-teaser .library {
    color: var(--cuc-colorscheme-color1);
    font-weight: 700;
    line-height: 1.6rem;
    margin-bottom: 1rem; }
  .library-account-teaser .account-name {
    color: #000;
    font-size: 1.8rem;
    font-weight: bolder;
    line-height: 1.8rem;
    margin-bottom: .5rem; }
  .library-account-teaser .membership-number {
    color: #999;
    font-size: 1.4rem; }
  .library-account-teaser .expiration-date {
    font-size: 1.4rem;
    margin-top: .5rem; }
    .library-account-teaser .expiration-date.expired {
      color: #bf4a4a; }
    .library-account-teaser .expiration-date.is-about-to-expire {
      color: #be5900; }

.renew-validate-address-step__address {
  display: flex;
  margin-bottom: 2rem; }
  .renew-validate-address-step__address__icon {
    display: flex;
    margin: 0 2rem 0 1rem; }
    .renew-validate-address-step__address__icon i {
      font-size: 3rem;
      margin: auto 0; }

.paragraph--type--mijn-leestipper-banner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-image: linear-gradient(to right, #fff, #d9d9d9);
  margin: 4rem 0; }
  .paragraph--type--mijn-leestipper-banner .col-left,
  .paragraph--type--mijn-leestipper-banner .col-right {
    display: flex;
    width: 100%; }
    @media (min-width: 960px) {
      .paragraph--type--mijn-leestipper-banner .col-left,
      .paragraph--type--mijn-leestipper-banner .col-right {
        width: calc((100% - 1rem * 3) / 2);
        flex: 0 0 calc((100% - 1rem * 3) / 2); } }
  .paragraph--type--mijn-leestipper-banner .col-left {
    align-items: center;
    padding: 2.4rem 2.4rem 0; }
    @media (min-width: 960px) {
      .paragraph--type--mijn-leestipper-banner .col-left {
        padding: 0; } }
  .paragraph--type--mijn-leestipper-banner .col-right {
    justify-content: center; }
    .paragraph--type--mijn-leestipper-banner .col-right .field__item {
      display: flex; }
  .paragraph--type--mijn-leestipper-banner h2 {
    font-size: 6rem; }
  .paragraph--type--mijn-leestipper-banner .field--name-field-p-image {
    margin-top: 2rem; }
    @media (min-width: 960px) {
      .paragraph--type--mijn-leestipper-banner .field--name-field-p-image {
        margin-top: 6rem; } }
  .paragraph--type--mijn-leestipper-banner .field--name-field-p-action-button a {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
    font-family: "DINPro", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    color: #4a4a4a;
    background-image: linear-gradient(#ffffff, #efefef);
    background-color: transparent;
    font-size: 1.6rem;
    padding: 1.8rem 2.4rem;
    padding: 1.8rem 2.4rem;
    color: #fff;
    border: 2px solid #28528a;
    background-image: none;
    background-color: #28528a;
    font-weight: 600;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.525); }
    .paragraph--type--mijn-leestipper-banner .field--name-field-p-action-button a:disabled {
      cursor: not-allowed;
      opacity: .55; }
    .paragraph--type--mijn-leestipper-banner .field--name-field-p-action-button a:active, .paragraph--type--mijn-leestipper-banner .field--name-field-p-action-button a.nice-select.open, .paragraph--type--mijn-leestipper-banner .field--name-field-p-action-button a:focus, .paragraph--type--mijn-leestipper-banner .field--name-field-p-action-button a:hover {
      text-decoration: none; }
    .paragraph--type--mijn-leestipper-banner .field--name-field-p-action-button a:hover, .paragraph--type--mijn-leestipper-banner .field--name-field-p-action-button a:focus {
      color: #fff;
      box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.2); }
    @media (max-width: 479px) {
      .paragraph--type--mijn-leestipper-banner .field--name-field-p-action-button a {
        width: 100%; } }

.paragraph--type--mijn-leestipper-definitions {
  margin: 4rem 0; }
  .paragraph--type--mijn-leestipper-definitions .field--name-field-p-definitions > .field__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .paragraph--type--mijn-leestipper-definitions .field--name-field-p-definitions > .field__items > .field__item {
      width: 100%;
      flex: 0 0 100%;
      display: flex;
      justify-content: center;
      padding: 4rem 1rem;
      border: 0.2rem solid #d9d9d9;
      border-radius: .5rem;
      margin: 1.5rem 0; }
      @media (min-width: 768px) {
        .paragraph--type--mijn-leestipper-definitions .field--name-field-p-definitions > .field__items > .field__item {
          width: calc((100% - 1rem * 3) / 2);
          flex: 0 0 calc((100% - 1rem * 3) / 2); } }
      @media (min-width: 960px) {
        .paragraph--type--mijn-leestipper-definitions .field--name-field-p-definitions > .field__items > .field__item {
          width: calc((100% - 1rem * 9) / 4);
          flex: 0 0 calc((100% - 1rem * 9) / 4); } }
  .paragraph--type--mijn-leestipper-definitions .paragraph--type--mijn-leestipper-definition {
    justify-content: center; }
    .paragraph--type--mijn-leestipper-definitions .paragraph--type--mijn-leestipper-definition .field--name-field-p-image .field__item {
      display: flex; }
      .paragraph--type--mijn-leestipper-definitions .paragraph--type--mijn-leestipper-definition .field--name-field-p-image .field__item img {
        margin: 0 auto; }
    .paragraph--type--mijn-leestipper-definitions .paragraph--type--mijn-leestipper-definition .field--name-field-p-title {
      font-weight: 700;
      color: #000;
      font-size: 1.8rem;
      margin-top: 2rem; }

.paragraph--type--mijn-leestipper-explanations {
  margin: 4rem 0; }
  .paragraph--type--mijn-leestipper-explanations .field--name-field-p-action-button a {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
    font-family: "DINPro", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    color: #4a4a4a;
    background-image: linear-gradient(#ffffff, #efefef);
    background-color: transparent;
    font-size: 1.6rem;
    padding: 1.8rem 2.4rem;
    padding: 1.8rem 2.4rem;
    color: #fff;
    border: 2px solid #28528a;
    background-image: none;
    background-color: #28528a;
    font-weight: 600;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.525); }
    .paragraph--type--mijn-leestipper-explanations .field--name-field-p-action-button a:disabled {
      cursor: not-allowed;
      opacity: .55; }
    .paragraph--type--mijn-leestipper-explanations .field--name-field-p-action-button a:active, .paragraph--type--mijn-leestipper-explanations .field--name-field-p-action-button a.nice-select.open, .paragraph--type--mijn-leestipper-explanations .field--name-field-p-action-button a:focus, .paragraph--type--mijn-leestipper-explanations .field--name-field-p-action-button a:hover {
      text-decoration: none; }
    .paragraph--type--mijn-leestipper-explanations .field--name-field-p-action-button a:hover, .paragraph--type--mijn-leestipper-explanations .field--name-field-p-action-button a:focus {
      color: #fff;
      box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.2); }
    @media (max-width: 479px) {
      .paragraph--type--mijn-leestipper-explanations .field--name-field-p-action-button a {
        width: 100%; } }

.paragraph--type--mijn-leestipper-explanation {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border: 0.2rem solid #d9d9d9;
  border-radius: .5rem;
  margin: 3rem 0; }
  .paragraph--type--mijn-leestipper-explanation .col-content {
    width: 100%;
    flex: 0 0 100%;
    display: flex;
    padding: calc(1rem * 3); }
    @media (min-width: 768px) {
      .paragraph--type--mijn-leestipper-explanation .col-content {
        width: calc((100% - 1rem * 3) / 3 * 2);
        flex: 0 0 calc((100% - 1rem * 3) / 3 * 2); } }
    .paragraph--type--mijn-leestipper-explanation .col-content .field--name-field-p-title {
      font-weight: 700;
      color: #477489;
      font-size: 1.8rem;
      margin-bottom: 1rem; }
    .paragraph--type--mijn-leestipper-explanation .col-content .field--name-field-p-short-descript p:last-child {
      margin-bottom: 0; }
  .paragraph--type--mijn-leestipper-explanation .col-image {
    width: 100%;
    flex: 0 0 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 21rem;
    background-color: #477489;
    padding: calc(1rem * 3); }
    @media (min-width: 768px) {
      .paragraph--type--mijn-leestipper-explanation .col-image {
        width: calc((100% - 1rem * 3) / 3);
        flex: 0 0 calc((100% - 1rem * 3) / 3); } }
    .paragraph--type--mijn-leestipper-explanation .col-image .field__item {
      display: flex; }

.field--name-field-p-explanations > .field__items > div:nth-child(odd) .paragraph {
  flex-direction: row-reverse; }

@media (min-width: 768px) {
  .field--name-field-p-explanations > .field__items > div:nth-child(odd) .col-content {
    padding-left: 0; } }

@media (min-width: 768px) {
  .field--name-field-p-explanations > .field__items > div:nth-child(even) .col-content {
    padding-right: 0; } }

.paragraph--type--mijn-leestipper-recommendations {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #477489;
  margin: 4rem 0; }
  .paragraph--type--mijn-leestipper-recommendations .col-left,
  .paragraph--type--mijn-leestipper-recommendations .col-right {
    display: flex;
    width: 100%; }
    @media (min-width: 960px) {
      .paragraph--type--mijn-leestipper-recommendations .col-left,
      .paragraph--type--mijn-leestipper-recommendations .col-right {
        width: calc((100% - 1rem * 3) / 2);
        flex: 0 0 calc((100% - 1rem * 3) / 2); } }
  .paragraph--type--mijn-leestipper-recommendations .col-left {
    justify-content: center; }
    .paragraph--type--mijn-leestipper-recommendations .col-left .field__item {
      display: flex; }
  .paragraph--type--mijn-leestipper-recommendations .col-right {
    align-items: center;
    color: #fff;
    padding: 0 2.4rem 2.4rem; }
    @media (min-width: 960px) {
      .paragraph--type--mijn-leestipper-recommendations .col-right {
        padding: 0; } }
  .paragraph--type--mijn-leestipper-recommendations .recommendations {
    max-width: 46rem;
    margin-top: 2.4rem;
    margin-bottom: 2.4rem; }
    .paragraph--type--mijn-leestipper-recommendations .recommendations a {
      position: relative;
      width: 32%;
      float: left; }
      .paragraph--type--mijn-leestipper-recommendations .recommendations a:first-child {
        width: 30%; }
      .paragraph--type--mijn-leestipper-recommendations .recommendations a:nth-child(2) {
        margin-left: -8%;
        margin-top: 13%;
        z-index: 2; }
      .paragraph--type--mijn-leestipper-recommendations .recommendations a:nth-child(3) {
        margin-left: -3%;
        margin-top: 5%;
        z-index: 1; }
      .paragraph--type--mijn-leestipper-recommendations .recommendations a:last-child {
        margin-left: -5%;
        width: 22%;
        margin-top: 22%; }
  .paragraph--type--mijn-leestipper-recommendations h2 {
    color: #fff;
    font-size: 4rem; }
  .paragraph--type--mijn-leestipper-recommendations .field--name-field-p-image {
    margin-top: 2.4rem;
    margin-bottom: 2.4rem; }
  .paragraph--type--mijn-leestipper-recommendations .field--name-field-p-action-button a {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
    font-family: "DINPro", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    color: #4a4a4a;
    background-image: linear-gradient(#ffffff, #efefef);
    background-color: transparent;
    font-size: 1.6rem;
    padding: 1.8rem 2.4rem;
    background-image: none;
    font-weight: 700;
    color: #fff;
    border: 0.2rem solid #fff; }
    .paragraph--type--mijn-leestipper-recommendations .field--name-field-p-action-button a:disabled {
      cursor: not-allowed;
      opacity: .55; }
    .paragraph--type--mijn-leestipper-recommendations .field--name-field-p-action-button a:active, .paragraph--type--mijn-leestipper-recommendations .field--name-field-p-action-button a.nice-select.open, .paragraph--type--mijn-leestipper-recommendations .field--name-field-p-action-button a:focus, .paragraph--type--mijn-leestipper-recommendations .field--name-field-p-action-button a:hover {
      text-decoration: none; }
    .paragraph--type--mijn-leestipper-recommendations .field--name-field-p-action-button a:hover, .paragraph--type--mijn-leestipper-recommendations .field--name-field-p-action-button a:focus {
      color: #efefef;
      border-color: #efefef; }

.news-article h1,
.news-article h2,
.news-article h3,
.news-article h4,
.news-article h5,
.news-article h6 {
  color: #000; }

.news-article h3 {
  color: var(--cuc-colorscheme-color1); }

.news-article__content::after {
  content: '.';
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

.news-article__main-image {
  margin: 1.8rem 0;
  float: none;
  width: 100%; }
  @media (min-width: 1200px) {
    .news-article__main-image {
      float: left;
      max-width: 35%;
      margin: 0 2.5rem 1rem 0; } }
  @media (min-width: 768px) {
    .news-article__main-image {
      margin: 0 4rem 2rem 0; } }
  .news-article__main-image img {
    display: block; }

.news-article__title {
  font-size: 36px; }

.news-article__intro {
  font-size: 18px;
  font-weight: 700;
  color: #000; }
  @media (min-width: 768px) {
    .news-article__intro {
      font-size: 24px;
      font-weight: 500; } }

.owl-item .news-article {
  padding-left: 0; }

.page-node-type-article .block-library-portal-core-newsletter-subscription-block {
  border-top: 1px solid #dbdbdb;
  padding-top: 3rem;
  margin-top: 3rem; }

.node--view-mode-featured {
  display: flex; }
  @media (max-width: 767px) {
    .node--view-mode-featured {
      flex-direction: column;
      margin-bottom: 0;
      margin-left: -1.2rem;
      margin-right: -1.2rem;
      width: 100vw; } }
  .node--view-mode-featured a {
    font-weight: 600; }
  .node--view-mode-featured .feature__main-image {
    position: relative;
    width: 113%;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-right: -6%;
    justify-content: center; }
    @media (max-width: 959px) {
      .node--view-mode-featured .feature__main-image {
        width: 80%;
        margin-right: -4%; } }
    @media (max-width: 767px) {
      .node--view-mode-featured .feature__main-image {
        width: 100%; } }
    .node--view-mode-featured .feature__main-image img {
      width: 100%; }
      @media (min-width: 768px) {
        .node--view-mode-featured .feature__main-image img {
          width: auto;
          align-self: flex-end; } }
    .node--view-mode-featured .feature__main-image h2 {
      font-size: 36px; }
  .node--view-mode-featured.node--type-event h2 {
    margin-bottom: .55rem; }
  .node--view-mode-featured .feature__content {
    padding: .5rem;
    background-color: var(--cuc-colorscheme-color1);
    position: relative;
    padding: 2rem;
    position: relative;
    right: 0;
    z-index: 1;
    width: 140%; }
    .node--view-mode-featured .feature__content::after {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 60px 100px 0 0;
      border-color: var(--cuc-colorscheme-color1) transparent transparent;
      content: '';
      position: absolute;
      float: right;
      right: 0;
      bottom: -6rem; }
    @media (max-width: 767px) {
      .node--view-mode-featured .feature__content {
        width: 100%;
        margin-bottom: 10rem; } }
    .node--view-mode-featured .feature__content .inner {
      background-color: #fff;
      padding: 7rem; }
      @media (max-width: 959px) {
        .node--view-mode-featured .feature__content .inner {
          padding: 3rem; } }

.node--view-mode-featured.node-has-image .feature__content .inner {
  padding: 11rem 10rem;
  min-height: 440px; }
  @media (max-width: 959px) {
    .node--view-mode-featured.node-has-image .feature__content .inner {
      min-height: 270px;
      padding: 3rem; } }

.view--news .views-content, .view--agenda .views-content {
  padding-bottom: 3rem; }
  .view--news .views-content::after, .view--agenda .views-content::after {
    clear: both;
    content: "";
    display: block; }
  .view--news .views-content .pager, .view--agenda .views-content .pager {
    margin-top: 1rem; }
  .view--news .views-content .views-row.node--view-mode-teaser, .view--agenda .views-content .views-row.node--view-mode-teaser,
  .view--news .views-content .node--type-article.node--view-mode-teaser,
  .view--agenda .views-content .node--type-article.node--view-mode-teaser,
  .view--news .views-content .node--type-event.node--view-mode-teaser,
  .view--agenda .views-content .node--type-event.node--view-mode-teaser {
    padding-top: 3rem;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 3rem;
    width: 100%;
    clear: both; }
    @media (max-width: 479px) {
      .view--news .views-content .views-row.node--view-mode-teaser.first-of-view-mode, .view--agenda .views-content .views-row.node--view-mode-teaser.first-of-view-mode,
      .view--news .views-content .node--type-article.node--view-mode-teaser.first-of-view-mode,
      .view--agenda .views-content .node--type-article.node--view-mode-teaser.first-of-view-mode,
      .view--news .views-content .node--type-event.node--view-mode-teaser.first-of-view-mode,
      .view--agenda .views-content .node--type-event.node--view-mode-teaser.first-of-view-mode {
        padding-top: 0; } }
    @media (min-width: 768px) {
      .view--news .views-content .views-row.node--view-mode-teaser.first-of-view-mode, .view--agenda .views-content .views-row.node--view-mode-teaser.first-of-view-mode,
      .view--news .views-content .node--type-article.node--view-mode-teaser.first-of-view-mode,
      .view--agenda .views-content .node--type-article.node--view-mode-teaser.first-of-view-mode,
      .view--news .views-content .node--type-event.node--view-mode-teaser.first-of-view-mode,
      .view--agenda .views-content .node--type-event.node--view-mode-teaser.first-of-view-mode {
        border-top: 1px solid #dbdbdb; } }
  @media (max-width: 767px) {
    .view--news .views-content .views-row.node--view-mode-highlighted, .view--agenda .views-content .views-row.node--view-mode-highlighted,
    .view--news .views-content .node--type-article.node--view-mode-highlighted,
    .view--agenda .views-content .node--type-article.node--view-mode-highlighted,
    .view--news .views-content .node--type-event.node--view-mode-highlighted,
    .view--agenda .views-content .node--type-event.node--view-mode-highlighted {
      padding-top: 3rem;
      border-bottom: 1px solid #dbdbdb;
      padding-bottom: 3rem;
      width: 100%;
      clear: both; }
      .view--news .views-content .views-row.node--view-mode-highlighted.first-of-view-mode, .view--agenda .views-content .views-row.node--view-mode-highlighted.first-of-view-mode,
      .view--news .views-content .node--type-article.node--view-mode-highlighted.first-of-view-mode,
      .view--agenda .views-content .node--type-article.node--view-mode-highlighted.first-of-view-mode,
      .view--news .views-content .node--type-event.node--view-mode-highlighted.first-of-view-mode,
      .view--agenda .views-content .node--type-event.node--view-mode-highlighted.first-of-view-mode {
        padding-top: 0; } }
  @media (max-width: 479px) {
    .view--news .views-content .views-row.node--view-mode-highlighted, .view--agenda .views-content .views-row.node--view-mode-highlighted,
    .view--news .views-content .node--type-article.node--view-mode-highlighted,
    .view--agenda .views-content .node--type-article.node--view-mode-highlighted,
    .view--news .views-content .node--type-event.node--view-mode-highlighted,
    .view--agenda .views-content .node--type-event.node--view-mode-highlighted {
      padding-top: 0; } }
  @media (min-width: 768px) {
    .view--news .views-content .views-row, .view--agenda .views-content .views-row,
    .view--news .views-content .node--type-article,
    .view--agenda .views-content .node--type-article,
    .view--news .views-content .node--type-event,
    .view--agenda .views-content .node--type-event {
      margin-bottom: 0;
      clear: right; }
      .view--news .views-content .views-row.node--view-mode-featured, .view--agenda .views-content .views-row.node--view-mode-featured,
      .view--news .views-content .node--type-article.node--view-mode-featured,
      .view--agenda .views-content .node--type-article.node--view-mode-featured,
      .view--news .views-content .node--type-event.node--view-mode-featured,
      .view--agenda .views-content .node--type-event.node--view-mode-featured {
        margin-bottom: 10rem; }
        .view--news .views-content .views-row.node--view-mode-featured.node-has-image, .view--agenda .views-content .views-row.node--view-mode-featured.node-has-image,
        .view--news .views-content .node--type-article.node--view-mode-featured.node-has-image,
        .view--agenda .views-content .node--type-article.node--view-mode-featured.node-has-image,
        .view--news .views-content .node--type-event.node--view-mode-featured.node-has-image,
        .view--agenda .views-content .node--type-event.node--view-mode-featured.node-has-image {
          margin-top: -2.4rem; }
      .view--news .views-content .views-row.node--view-mode-highlighted, .view--agenda .views-content .views-row.node--view-mode-highlighted,
      .view--news .views-content .node--type-article.node--view-mode-highlighted,
      .view--agenda .views-content .node--type-article.node--view-mode-highlighted,
      .view--news .views-content .node--type-event.node--view-mode-highlighted,
      .view--agenda .views-content .node--type-event.node--view-mode-highlighted {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 10rem;
        float: left; }
        .view--news .views-content .views-row.node--view-mode-highlighted + .node--view-mode-highlighted, .view--agenda .views-content .views-row.node--view-mode-highlighted + .node--view-mode-highlighted,
        .view--news .views-content .node--type-article.node--view-mode-highlighted + .node--view-mode-highlighted,
        .view--agenda .views-content .node--type-article.node--view-mode-highlighted + .node--view-mode-highlighted,
        .view--news .views-content .node--type-event.node--view-mode-highlighted + .node--view-mode-highlighted,
        .view--agenda .views-content .node--type-event.node--view-mode-highlighted + .node--view-mode-highlighted {
          margin-right: 0; } }
  @media (max-width: 479px) {
    .view--news .views-content .views-row header h2 a, .view--agenda .views-content .views-row header h2 a,
    .view--news .views-content .node--type-article header h2 a,
    .view--agenda .views-content .node--type-article header h2 a,
    .view--news .views-content .node--type-event header h2 a,
    .view--agenda .views-content .node--type-event header h2 a {
      font-size: 18px; } }
  @media (min-width: 480px) {
    .view--news .views-content .views-row header h2 a, .view--agenda .views-content .views-row header h2 a,
    .view--news .views-content .node--type-article header h2 a,
    .view--agenda .views-content .node--type-article header h2 a,
    .view--news .views-content .node--type-event header h2 a,
    .view--agenda .views-content .node--type-event header h2 a {
      font-size: 2rem; } }

.view--news.view-display-id-block_1 .views-content .views-row, .view-display-id-block_1.view--agenda .views-content .views-row {
  margin-bottom: 0;
  border-top: 0;
  padding-top: 0;
  padding-bottom: 0; }
  .view--news.view-display-id-block_1 .views-content .views-row:nth-child(1), .view-display-id-block_1.view--agenda .views-content .views-row:nth-child(1), .view--news.view-display-id-block_1 .views-content .views-row:nth-child(2), .view-display-id-block_1.view--agenda .views-content .views-row:nth-child(2), .view--news.view-display-id-block_1 .views-content .views-row:nth-child(3), .view-display-id-block_1.view--agenda .views-content .views-row:nth-child(3), .view--news.view-display-id-block_1 .views-content .views-row:last-of-type, .view-display-id-block_1.view--agenda .views-content .views-row:last-of-type {
    border-bottom: 0; }
  .view--news.view-display-id-block_1 .views-content .views-row:nth-child(2), .view-display-id-block_1.view--agenda .views-content .views-row:nth-child(2), .view--news.view-display-id-block_1 .views-content .views-row:nth-child(3), .view-display-id-block_1.view--agenda .views-content .views-row:nth-child(3) {
    margin-top: 0;
    margin-bottom: 0;
    float: none;
    width: auto; }

@media (max-width: 479px) {
  .node--view-mode-highlighted {
    margin-bottom: 3rem; } }

.node--view-mode-highlighted .top_wrapper {
  display: flex;
  flex-direction: row; }
  @media (max-width: 479px) {
    .node--view-mode-highlighted .top_wrapper {
      flex-direction: column; } }
  .node--view-mode-highlighted .top_wrapper header {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 0 0 0 10%; }
    .node--view-mode-highlighted .top_wrapper header .in-the-spotlight {
      line-height: 15px;
      font-size: 14px;
      letter-spacing: .2em;
      text-transform: none;
      padding: 0;
      margin: 0;
      margin-top: 1.2rem;
      color: rgba(0, 0, 0, 0.6);
      font-weight: 700; }
    .node--view-mode-highlighted .top_wrapper header h3 {
      font-size: 1.8rem; }
    .node--view-mode-highlighted .top_wrapper header h2 {
      margin-bottom: .55rem; }
      .node--view-mode-highlighted .top_wrapper header h2 a {
        font-size: 18px;
        font-weight: 700;
        color: #4a4a4a;
        text-decoration: none; }
        @media (min-width: 480px) {
          .node--view-mode-highlighted .top_wrapper header h2 a {
            font-size: 2rem; } }
    @media (min-width: 480px) {
      .node--view-mode-highlighted .top_wrapper header .in-the-spotlight {
        margin-top: 0;
        margin-bottom: 3.6rem;
        padding: 0 2rem; }
      .node--view-mode-highlighted .top_wrapper header h3 {
        padding: 0 2rem; }
      .node--view-mode-highlighted .top_wrapper header h2 {
        padding: 0 2rem; } }
  .node--view-mode-highlighted .top_wrapper .main-image {
    width: 28%; }
    @media (max-width: 479px) {
      .node--view-mode-highlighted .top_wrapper .main-image {
        width: 100%; } }

.node--view-mode-highlighted .intro a {
  font-weight: 600; }

.node--view-mode-highlighted.has-no-image {
  padding-left: 0; }
  .node--view-mode-highlighted.has-no-image header {
    padding-left: 0; }
    .node--view-mode-highlighted.has-no-image header h2,
    .node--view-mode-highlighted.has-no-image header h3,
    .node--view-mode-highlighted.has-no-image header .in-the-spotlight {
      padding-left: 0; }
  .node--view-mode-highlighted.has-no-image .intro {
    padding: 0; }
  @media (min-width: 480px) {
    .node--view-mode-highlighted.has-no-image {
      padding-left: 10rem; } }

.node--view-mode-highlighted.has-image header {
  flex-direction: column;
  padding: 0; }

.node--view-mode-highlighted.has-image .intro {
  padding-top: 1.2rem; }
  @media (min-width: 480px) {
    .node--view-mode-highlighted.has-image .intro {
      padding: 2rem 0 0 10rem; } }

@media (min-width: 480px) {
  .node--view-mode-teaser.has-image {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row; }
    .node--view-mode-teaser.has-image .main-image {
      width: 30%; }
    .node--view-mode-teaser.has-image .intro {
      width: 70%;
      padding-left: 2rem;
      display: flex;
      flex-direction: column;
      justify-content: center; }
  .node--view-mode-teaser.has-no-image {
    padding-left: 10rem; } }

.node--view-mode-teaser a {
  font-weight: 600; }

.node--view-mode-teaser h3 {
  font-size: 1.8rem; }

.node--view-mode-teaser h2 a {
  font-weight: 700;
  color: #4a4a4a;
  text-decoration: none; }

.node--view-mode-teaser.node--type-event h2 {
  margin-bottom: .55rem; }

.news-archive-item {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 2.4rem 0;
  padding: 1.8rem;
  background: #efefef; }
  .news-archive-item .news-archive-item__title {
    text-transform: none; }
    .news-archive-item .news-archive-item__title a {
      text-decoration: none;
      color: #28528a; }
  .news-archive-item a {
    text-decoration: none;
    color: #666; }
    .news-archive-item a:hover {
      text-decoration: underline; }
  .news-archive-item p {
    margin-top: 1.8rem; }
  .news-archive-item__image {
    width: calc(15% - 1.8rem / 2);
    margin-right: 0.9rem; }
    @media (min-width: 960px) {
      .news-archive-item__image {
        width: calc(15% - 1.8rem);
        margin-right: 1.8rem; } }
  .news-archive-item__content {
    width: 85%; }
    @media (max-width: 959px) {
      .news-archive-item__content {
        padding-right: 10px; } }
  .news-archive-item__footer {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-top: 1.8rem;
    border-top: 2px solid #fff; }

.newspaper-article .newspaper-article--title {
  font-size: 2.4rem; }
  @media (min-width: 768px) {
    .newspaper-article .newspaper-article--title {
      font-size: 3.6rem; } }

.newspaper-article .newspaper-article--publish-info {
  margin-bottom: 1.8rem;
  color: #28528a; }
  .newspaper-article .newspaper-article--publish-info .newspaper-article--publication-date {
    font-weight: 600; }

@media (min-width: 768px) {
  .newspaper-article .newspaper-article--text {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 3rem;
         column-gap: 3rem; } }

.newspaper-article .newspaper-article--image {
  margin-top: 3.6rem; }

.newspaper-article .cover-thumbnail {
  width: 168px;
  margin-bottom: 1.8rem; }
  .newspaper-article .cover-thumbnail .catalog-item__covers img {
    background-color: #fff;
    border: 3px solid #fff;
    line-height: 0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    width: 100%;
    transition: all 0.53s ease;
    position: relative; }

@media (min-width: 768px) {
  .newspaper-article.with-cover-thumbnail {
    position: relative;
    padding-left: calc(168px + 4rem); }
    .newspaper-article.with-cover-thumbnail .cover-thumbnail {
      position: absolute;
      left: 0;
      top: 0; } }

.newspaper-article--copyright {
  display: none; }

@media (min-width: 768px) {
  .path-newspaper-archive .layout__region--bottom {
    display: flex;
    flex-wrap: wrap; }
    .path-newspaper-archive .layout__region--bottom .block-newspaper-article-download {
      margin-left: auto; }
    .path-newspaper-archive .layout__region--bottom .block-library-portal-site-social-share {
      margin-right: 2.4rem;
      order: -1; } }

.announcement-block-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
  display: none; }
  @media (min-width: 960px) {
    .announcement-block-container {
      padding-left: 2.4rem;
      padding-right: 2.4rem; } }
  .announcement-block-container.is-visible {
    display: block; }

.announcement {
  display: flex;
  padding: 1.2rem 3.6rem 1.2rem 1.2rem;
  border-radius: 3px;
  color: var(--cuc-colorscheme-color1-text-color);
  background: var(--cuc-colorscheme-color1); }
  .announcement .icon::before {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
    content: "\F12A"; }
  .announcement .icon::before {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5em;
    height: 1.5em;
    margin-right: 1.8rem;
    border-radius: 50%;
    font-size: 1.8rem;
    color: #fff;
    border: solid 1px #fff; }
    @media (min-width: 960px) {
      .announcement .icon::before {
        margin-right: 3.6rem; } }
  .announcement a {
    color: #fff; }
    .announcement a.read-more {
      margin-left: .5rem; }
  .announcement .announcement__message {
    flex-grow: 2; }
    .announcement .announcement__message .message__full {
      display: none; }
  .announcement .announcement__close {
    padding: 1rem 1.8rem;
    box-shadow: none;
    border: 0;
    color: var(--cuc-colorscheme-color1-text-color);
    background: transparent; }
    .announcement .announcement__close::before {
      display: inline-block;
      font: normal normal normal 14px / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: inherit;
      content: "\F00D"; }
    .announcement .announcement__close:hover, .announcement .announcement__close:active, .announcement .announcement__close.nice-select.open {
      opacity: .45;
      box-shadow: none;
      border: 0;
      background: transparent; }
  .announcement .announcement__close-text {
    display: inline-block;
    overflow: hidden;
    text-indent: -100vw; }

.breadcrumb {
  margin-bottom: 3.6rem; }
  .breadcrumb ol {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    line-height: 1.6em; }
    .breadcrumb ol li {
      display: inline; }
      .breadcrumb ol li::before {
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: inherit;
        content: "\F0DA"; }
      .breadcrumb ol li::before {
        margin: 0 0.6rem; }
      .breadcrumb ol li:first-child::before {
        display: none; }

.page_components {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .page_components .panel--content {
    flex-basis: 100%;
    margin-bottom: 3.6rem; }
  .page_components .panel--free-text {
    margin-bottom: 3.6rem; }
  .page_components .cover-list {
    flex-basis: 100%; }
  .page_components .panel--cta {
    flex-basis: 100%; }

.button.cancel {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4;
  font-family: "DINPro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
  color: #4a4a4a;
  background-image: linear-gradient(#ffffff, #efefef);
  background-color: transparent;
  font-size: 1.6rem;
  padding: 1.8rem 2.4rem;
  color: #28528a;
  font-weight: 600;
  background: #fff;
  border: 2px solid #28528a;
  text-shadow: none;
  color: #bf4a4a;
  border-color: #bf4a4a; }
  .button.cancel:disabled {
    cursor: not-allowed;
    opacity: .55; }
  .button.cancel:active, .button.cancel.nice-select.open, .button.cancel:focus, .button.cancel:hover {
    text-decoration: none; }
  @media (max-width: 479px) {
    .button.cancel {
      width: 100%; } }

.button.button-back-to-catalog,
.button.button-link-card,
.button.button-mijn-leestipper {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4;
  font-family: "DINPro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
  color: #4a4a4a;
  background-image: linear-gradient(#ffffff, #efefef);
  background-color: transparent;
  font-size: 1.6rem;
  padding: 1.8rem 2.4rem;
  padding: 1.8rem 2.4rem;
  color: #fff;
  border: 2px solid #28528a;
  background-image: none;
  background-color: #28528a;
  font-weight: 600;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.525); }
  .button.button-back-to-catalog:disabled,
  .button.button-link-card:disabled,
  .button.button-mijn-leestipper:disabled {
    cursor: not-allowed;
    opacity: .55; }
  .button.button-back-to-catalog:active, .button.button-back-to-catalog.nice-select.open, .button.button-back-to-catalog:focus, .button.button-back-to-catalog:hover,
  .button.button-link-card:active,
  .button.button-link-card.nice-select.open,
  .button.button-link-card:focus,
  .button.button-link-card:hover,
  .button.button-mijn-leestipper:active,
  .button.button-mijn-leestipper.nice-select.open,
  .button.button-mijn-leestipper:focus,
  .button.button-mijn-leestipper:hover {
    text-decoration: none; }
  .button.button-back-to-catalog:hover, .button.button-back-to-catalog:focus,
  .button.button-link-card:hover,
  .button.button-link-card:focus,
  .button.button-mijn-leestipper:hover,
  .button.button-mijn-leestipper:focus {
    color: #fff;
    box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.2); }
  @media (max-width: 479px) {
    .button.button-back-to-catalog,
    .button.button-link-card,
    .button.button-mijn-leestipper {
      width: 100%; } }

.element-invisible {
  position: absolute !important;
  height: 0;
  width: 0;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); }

.pager {
  margin: 2.4rem auto; }

.pager__items {
  padding: 0;
  margin: 0 auto; }

.pager__item {
  display: inline-block;
  margin: 0 .5rem;
  padding: .5rem; }
  .pager__item.is-active {
    background-color: #28528a;
    padding: .5rem 1.25rem; }
    .pager__item.is-active a {
      color: #fff; }
      .pager__item.is-active a:hover {
        cursor: default;
        text-decoration: none; }

.block-catalog-search-block.with-quick-links {
  margin-bottom: 4.8rem; }

.quick-links {
  margin-top: 1.2rem;
  margin-bottom: -4.8rem;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }
  @media (min-width: 768px) {
    .quick-links {
      display: flex;
      gap: 0 1.2rem;
      box-shadow: none; } }

.quick-links__item {
  flex: 1 0 auto;
  list-style: none; }
  .quick-links__item a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 1.2rem 1.2rem 1.2rem 6.6rem;
    border-color: #e0e0e0;
    border-style: solid;
    border-width: 1px 1px 0;
    background: #fff; }
    .quick-links__item a::after {
      display: inline-block;
      font: normal normal normal 14px / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: inherit;
      content: "\F0DA"; }
    .quick-links__item a::after {
      margin-left: auto;
      padding-left: 1rem;
      float: right;
      text-decoration: none; }
    @media (min-width: 768px) {
      .quick-links__item a {
        padding-left: 7.8rem;
        padding-right: 2.4rem;
        border-radius: 4px;
        border-width: 1px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } }
    .quick-links__item a .icon {
      position: absolute;
      font-size: 3rem;
      left: 1.2rem; }
      @media (min-width: 768px) {
        .quick-links__item a .icon {
          left: 2.4rem; } }
  .quick-links__item:first-child a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .quick-links__item:last-child a {
    border-bottom-width: 1px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }

.summary-read-more-link,
.summary-read-less-link {
  font-weight: 600;
  margin-left: 0.6rem; }

.block-system-branding-block {
  display: flex;
  margin-right: 1rem;
  align-items: center; }
  @media (min-width: 960px) {
    .block-system-branding-block {
      min-height: 5rem;
      margin-top: -1.5rem;
      margin-right: 0;
      flex-basis: 20%; } }
  .block-system-branding-block .site-logo {
    display: inline-block;
    width: 100%; }
    .block-system-branding-block .site-logo svg {
      display: block;
      width: 4rem;
      height: 4rem;
      fill: var(--cuc-colorscheme-color1);
      stroke: none; }
      @media (min-width: 960px) {
        .block-system-branding-block .site-logo svg {
          width: 100%;
          height: auto;
          max-width: 13rem;
          max-height: 13rem; } }

.site-title {
  margin: 0 0 3.6rem;
  font-size: 4rem;
  font-weight: 700;
  text-transform: none;
  color: #3f4547; }
  @media (max-width: 767px) {
    .site-title {
      font-size: 2.8rem; } }

.messages {
  position: relative;
  margin: 1.8rem -1.2rem;
  padding: 1.8rem 60px 1.8rem 35px;
  border: 0;
  border-radius: 3px;
  box-shadow: none;
  background-image: none; }
  @media (min-width: 960px) {
    .messages {
      margin: 1.8rem 0; } }
  .messages i {
    margin-right: 1rem; }
  .messages--error {
    background: #bf4a4a; }
    .messages--error,
    .messages--error a {
      color: #fff; }
  .messages--info {
    background: #d1ecf1; }
    .messages--info,
    .messages--info a {
      color: #000; }
    .messages--info > a::before {
      border-color: #000; }
  .messages--status a {
    color: #325e1c; }
  .messages--status > a ::before {
    border-color: #325e1c; }
  .messages .icon {
    position: absolute;
    top: 1.5rem;
    right: 2rem;
    padding: .4rem;
    border: 2px solid #fff;
    border-radius: 4px; }

.basic-page__intro {
  font-size: 18px;
  font-weight: 700;
  color: #000; }
  @media (min-width: 768px) {
    .basic-page__intro {
      font-size: 24px;
      font-weight: 500; } }

.library-contactform-button {
  margin: 1.8rem auto; }
  .library-contactform-button.contactform-block a {
    width: 100%; }

#error404svg {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 500px; }

#error404svg #vraagteken1 {
  opacity: 1;
  -webkit-animation-name: vraagteken1;
  animation-name: vraagteken1;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

#error404svg #vraagteken2 {
  opacity: 1;
  -webkit-animation-name: vraagteken2;
  animation-name: vraagteken2;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

#error404svg #vraagteken3 {
  opacity: 1;
  -webkit-animation-name: vraagteken3;
  animation-name: vraagteken3;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

#error404svg #ogen {
  -webkit-animation-name: ogen;
  animation-name: ogen;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

#error404svg #blad2,
#error404svg #geelblad1,
#error404svg #geelblad2 {
  -webkit-animation-name: blad;
  animation-name: blad;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

#error404svg #blad2 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

#error404svg #geelblad1 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

#error404svg #geelblad2 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }

@-webkit-keyframes vraagteken1 {
  0% {
    transform: translateX(0) translateY(0); }
  100% {
    transform: translateX(-50%) translateY(-25%); } }

@keyframes vraagteken1 {
  0% {
    transform: translateX(0) translateY(0); }
  100% {
    transform: translateX(-50%) translateY(-25%); } }

@-webkit-keyframes vraagteken2 {
  0% {
    transform: translateX(0) translateY(0); }
  100% {
    transform: translateX(50%) translateY(0); } }

@keyframes vraagteken2 {
  0% {
    transform: translateX(0) translateY(0); }
  100% {
    transform: translateX(50%) translateY(0); } }

@-webkit-keyframes vraagteken3 {
  0% {
    transform: translateX(0) translateY(0); }
  100% {
    transform: translateX(-100%) translateY(25%); } }

@keyframes vraagteken3 {
  0% {
    transform: translateX(0) translateY(0); }
  100% {
    transform: translateX(-100%) translateY(25%); } }

@-webkit-keyframes ogen {
  0% {
    transform: translateX(0) translateY(0); }
  30% {
    transform: translateX(0) translateY(-6px); }
  45% {
    transform: translateX(0) translateY(-6px); }
  50% {
    transform: translateX(2px) translateY(-3px); }
  70% {
    transform: translateX(2px) translateY(-3px); }
  90% {
    transform: translateX(2px) translateY(-3px); }
  97% {
    transform: translateX(0) translateY(0); }
  100% {
    transform: translateX(0) translateY(0); } }

@keyframes ogen {
  0% {
    transform: translateX(0) translateY(0); }
  30% {
    transform: translateX(0) translateY(-6px); }
  45% {
    transform: translateX(0) translateY(-6px); }
  50% {
    transform: translateX(2px) translateY(-3px); }
  70% {
    transform: translateX(2px) translateY(-3px); }
  90% {
    transform: translateX(2px) translateY(-3px); }
  97% {
    transform: translateX(0) translateY(0); }
  100% {
    transform: translateX(0) translateY(0); } }

@-webkit-keyframes blad {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-100%); } }

@keyframes blad {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-100%); } }

@-webkit-keyframes bladachter {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(4px); }
  100% {
    transform: translateY(0); } }

@keyframes bladachter {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(4px); }
  100% {
    transform: translateY(0); } }

@-webkit-keyframes blad2achter {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0); } }

@keyframes blad2achter {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0); } }

@-webkit-keyframes bladindoos {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateX(-20px) translateY(0) skewX(7deg); }
  100% {
    transform: translateY(0); } }

@keyframes bladindoos {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateX(-20px) translateY(0) skewX(7deg); }
  100% {
    transform: translateY(0); } }

.error-page {
  text-align: center !important; }
  .error-page .title {
    margin-bottom: 20px; }
  .error-page .line {
    border-bottom: 3px solid #ffdb0a;
    width: 60px;
    margin: auto auto 10px; }

.maintenance-page .widget-loader {
  display: none; }

.page-node-type-landing-page .region-content {
  padding: 0; }
  .page-node-type-landing-page .region-content::before {
    content: none; }

.page-node-type-landing-page .section--content {
  position: relative;
  padding-bottom: 3.6rem; }
  .page-node-type-landing-page .section--content::before {
    content: '';
    position: absolute;
    top: 0;
    left: -9.6rem;
    right: -9.6rem;
    bottom: 0;
    border: 1px solid #c6c6c6;
    background: #f8f8f8;
    z-index: -1; }
  .page-node-type-landing-page .section--content::before {
    top: 60px; }

@media (min-width: 768px) {
  .page-node-type-landing-page .section--contact {
    display: flex;
    flex-wrap: wrap; } }

.page-node-type-landing-page .section--contact .panel {
  margin-bottom: 3.6rem; }
  @media (min-width: 768px) and (max-width: 959px) {
    .page-node-type-landing-page .section--contact .panel {
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%; }
      .page-node-type-landing-page .section--contact .panel:last-child {
        margin-right: 0; }
      .page-node-type-landing-page .section--contact .panel:nth-of-type(2n + 2) {
        margin-right: 0; } }
  @media (min-width: 960px) {
    .page-node-type-landing-page .section--contact .panel {
      display: block;
      margin-right: 2.35765%;
      width: 31.76157%; }
      .page-node-type-landing-page .section--contact .panel:last-child {
        margin-right: 0; }
      .page-node-type-landing-page .section--contact .panel:nth-of-type(3n) {
        margin-right: 0; } }

.page-node-type-landing-page .quick-links__item h3 {
  line-height: normal;
  margin-bottom: 0; }
  .page-node-type-landing-page .quick-links__item h3 a {
    font-weight: normal; }

.page-node-type-landing-page .block-library-portal-site-articles-agenda-teaser-block {
  margin-top: 0; }

.agenda-widget {
  padding: 0 0 3.6rem; }

.section-title {
  margin: 0 0 2.4rem 3.6rem;
  font-size: 2.4rem;
  font-weight: 600;
  text-transform: none;
  color: #000; }

.section-title--centered {
  font-size: 2.8rem;
  font-weight: 700;
  text-transform: none;
  text-align: center;
  margin-left: 0;
  color: #5b6062; }
  .path-frontpage .section-title--centered {
    background: var(--cuc-colorscheme-color2);
    color: var(--cuc-colorscheme-color2-text-color);
    font-size: 14px;
    letter-spacing: .2em;
    padding: 13px;
    font-weight: 300;
    margin-left: -1.2rem;
    margin-right: -1.2rem; }
    @media (min-width: 960px) {
      .path-frontpage .section-title--centered {
        margin: -6.6rem 0 0;
        border-radius: 4px 4px 0 0; } }

.panel--featured-catalog-item + .panel--featured-item {
  margin-top: 4rem; }

.panel.panel--featured-item {
  overflow: hidden;
  display: flex;
  flex-direction: column; }
  .panel.panel--featured-item h4 {
    line-height: 15px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: none;
    padding: 0;
    color: #000;
    margin: 0 0 1.8rem; }
    @media (min-width: 480px) {
      .panel.panel--featured-item h4 {
        margin: 1.8rem 0 3.6rem; } }
  .panel.panel--featured-item h3 {
    padding: 0;
    font-size: 18px;
    color: #000; }
  .panel.panel--featured-item.panel--featured-item--with-image {
    display: flex;
    flex-direction: row; }
    .panel.panel--featured-item.panel--featured-item--with-image .panel--featured-item--image {
      width: 25%;
      float: left;
      margin: 0 2.4rem 0.6rem 0; }
      .panel.panel--featured-item.panel--featured-item--with-image .panel--featured-item--image img {
        display: block;
        width: 100%;
        height: auto; }
  .panel.panel--featured-item .panel--featured-item--read-more {
    font-weight: 600; }

.panel--featured-catalog-item {
  padding: .5rem;
  background-color: var(--cuc-colorscheme-color1);
  position: relative;
  margin-bottom: 10rem !important;
  margin-top: 6rem; }
  .panel--featured-catalog-item::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 100px 0 0;
    border-color: var(--cuc-colorscheme-color1) transparent transparent;
    content: '';
    position: absolute;
    float: right;
    right: 0;
    bottom: -6rem; }
  @media (max-width: 767px) {
    .panel--featured-catalog-item {
      margin-bottom: 4rem !important;
      margin-top: 100px;
      width: 100vw !important;
      margin-left: -1.2rem;
      margin-right: -1.2rem; } }
  .panel--featured-catalog-item .inner {
    display: flex;
    background-color: #fff;
    padding: 3rem 3rem 4rem;
    height: 100%; }
    @media (min-width: 960px) {
      .panel--featured-catalog-item .inner {
        padding: 4rem 0; } }
    @media (max-width: 959px) {
      .panel--featured-catalog-item .inner {
        flex-direction: column;
        padding: 2rem 2rem 4rem; } }
    .panel--featured-catalog-item .inner .panel--featured-catalog-item--image {
      display: flex;
      align-items: center; }
      @media (min-width: 960px) {
        .panel--featured-catalog-item .inner .panel--featured-catalog-item--image {
          width: 25%;
          padding-right: 2rem; } }
      .panel--featured-catalog-item .inner .panel--featured-catalog-item--image img {
        width: 100%; }
      .panel--featured-catalog-item .inner .panel--featured-catalog-item--image figure {
        padding: 0;
        margin: -100px 0 2rem;
        background-color: #fff;
        border: 3px solid #fff;
        line-height: 0;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
        border-radius: 4px; }
        @media (min-width: 960px) {
          .panel--featured-catalog-item .inner .panel--featured-catalog-item--image figure {
            margin: 0 0 0 -6rem; } }
    .panel--featured-catalog-item .inner .panel--featured-catalog-item--content {
      width: calc(75% - 2rem); }
      @media (max-width: 959px) {
        .panel--featured-catalog-item .inner .panel--featured-catalog-item--content {
          width: 100%; } }
      .panel--featured-catalog-item .inner .panel--featured-catalog-item--content .featured-subtitle {
        line-height: 15px;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: .2em;
        text-transform: none;
        padding: 0;
        color: #000;
        margin: 0 0 3.6rem; }
      .panel--featured-catalog-item .inner .panel--featured-catalog-item--content .featured-title {
        padding: 0;
        font-size: 18px;
        color: #000;
        color: var(--cuc-colorscheme-color1); }
      .panel--featured-catalog-item .inner .panel--featured-catalog-item--content .catalog-item--author {
        font-style: normal;
        font-weight: normal;
        line-height: 14px;
        font-size: 12px;
        color: rgba(0, 0, 0, 0.8);
        margin-top: -1rem;
        margin-bottom: 1.8rem; }
      .panel--featured-catalog-item .inner .panel--featured-catalog-item--content a {
        font-weight: 600; }

.panel--free-text h4 {
  line-height: 15px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: none;
  padding: 0;
  color: #000; }

.panel--free-text h3 {
  padding: 0;
  font-size: 18px;
  color: #000;
  color: var(--cuc-colorscheme-color1); }

.panel--free-text .catalog-item--author {
  font-style: normal;
  font-weight: normal;
  line-height: 14px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.8);
  margin-top: -1rem; }

.field--name-field-lp-region-content .panel {
  margin-bottom: 4rem; }

.ausy-builder-components .paragraph.background--primary .panel--featured-catalog-item {
  padding: .5rem;
  background-color: var(--cuc-colorscheme-color2);
  position: relative; }
  .ausy-builder-components .paragraph.background--primary .panel--featured-catalog-item::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 100px 0 0;
    border-color: var(--cuc-colorscheme-color2) transparent transparent;
    content: '';
    position: absolute;
    float: right;
    right: 0;
    bottom: -6rem; }

.paragraph--type--in-the-spotlight {
  position: relative; }
  .paragraph--type--in-the-spotlight .owl-carousel .owl-stage {
    padding-top: 0; }
  .paragraph--type--in-the-spotlight .carousel-wrapper .item-wrapper {
    width: 27.6rem; }
    @media (min-width: 480px) {
      .paragraph--type--in-the-spotlight .carousel-wrapper .item-wrapper {
        width: 34.6rem; } }
    @media (min-width: 768px) {
      .paragraph--type--in-the-spotlight .carousel-wrapper .item-wrapper {
        width: 41rem; } }
    @media (min-width: 960px) {
      .paragraph--type--in-the-spotlight .carousel-wrapper .item-wrapper {
        width: 34.6rem; } }
  .paragraph--type--in-the-spotlight .panel--featured-catalog-item {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .paragraph--type--in-the-spotlight .panel--featured-catalog-item {
        width: auto !important; } }
    @media (min-width: 960px) {
      .paragraph--type--in-the-spotlight .panel--featured-catalog-item {
        margin-left: 5rem; } }

.paragraph--type--columns-two-asym-left .col:last-child .paragraph--type--in-the-spotlight .carousel-wrapper .item-wrapper,
.paragraph--type--columns-two-asym-right .col:first-child .paragraph--type--in-the-spotlight .carousel-wrapper .item-wrapper {
  width: 27.6rem; }
  @media (min-width: 480px) {
    .paragraph--type--columns-two-asym-left .col:last-child .paragraph--type--in-the-spotlight .carousel-wrapper .item-wrapper,
    .paragraph--type--columns-two-asym-right .col:first-child .paragraph--type--in-the-spotlight .carousel-wrapper .item-wrapper {
      width: 34.6rem; } }
  @media (min-width: 768px) {
    .paragraph--type--columns-two-asym-left .col:last-child .paragraph--type--in-the-spotlight .carousel-wrapper .item-wrapper,
    .paragraph--type--columns-two-asym-right .col:first-child .paragraph--type--in-the-spotlight .carousel-wrapper .item-wrapper {
      width: 41rem; } }
  @media (min-width: 960px) {
    .paragraph--type--columns-two-asym-left .col:last-child .paragraph--type--in-the-spotlight .carousel-wrapper .item-wrapper,
    .paragraph--type--columns-two-asym-right .col:first-child .paragraph--type--in-the-spotlight .carousel-wrapper .item-wrapper {
      width: 31.2rem; } }

.panel.panel--free-text h3 {
  font-size: 2rem; }

.panel.panel--free-text iframe {
  width: 100%;
  border: 0; }

.panel.panel--free-text .twitter-tweet {
  width: 100% !important;
  margin: 0 !important; }

.panel.panel--free-text .panel--free-text--read-more {
  font-weight: 600; }
  .panel.panel--free-text .panel--free-text--read-more.read-more-button {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
    font-family: "DINPro", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    color: #4a4a4a;
    background-image: linear-gradient(#ffffff, #efefef);
    background-color: transparent;
    font-size: 1.6rem;
    padding: 1.8rem 2.4rem;
    padding: 1.8rem 2.4rem;
    color: #fff;
    border: 2px solid #28528a;
    background-image: none;
    background-color: #28528a;
    font-weight: 600;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.525); }
    .panel.panel--free-text .panel--free-text--read-more.read-more-button:disabled {
      cursor: not-allowed;
      opacity: .55; }
    .panel.panel--free-text .panel--free-text--read-more.read-more-button:active, .panel.panel--free-text .panel--free-text--read-more.read-more-button.nice-select.open, .panel.panel--free-text .panel--free-text--read-more.read-more-button:focus, .panel.panel--free-text .panel--free-text--read-more.read-more-button:hover {
      text-decoration: none; }
    .panel.panel--free-text .panel--free-text--read-more.read-more-button:hover, .panel.panel--free-text .panel--free-text--read-more.read-more-button:focus {
      color: #fff;
      box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.2); }
    @media (max-width: 479px) {
      .panel.panel--free-text .panel--free-text--read-more.read-more-button {
        width: 100%; } }

.ausy-builder-components .panel--free-text {
  width: 100%; }
  @media (min-width: 768px) {
    .ausy-builder-components .panel--free-text {
      width: 100%;
      margin-right: 0; } }

.panel--libraries {
  display: none; }
  @media (min-width: 1200px) {
    .panel--libraries {
      display: block;
      padding: 0; } }

.path-agenda #cultuurnet-area-main .widget-inside-container .push-content .push-event {
  position: relative;
  overflow: hidden; }
  .path-agenda #cultuurnet-area-main .widget-inside-container .push-content .push-event h2 {
    margin: 0 0 2.4rem;
    font-size: 1.8rem;
    text-transform: none; }
    @media (min-width: 480px) {
      .path-agenda #cultuurnet-area-main .widget-inside-container .push-content .push-event h2 {
        margin-left: calc(25% + 2.4rem); } }
    @media (min-width: 768px) {
      .path-agenda #cultuurnet-area-main .widget-inside-container .push-content .push-event h2 {
        margin-left: calc(17.5% + 2.4rem); } }

.path-agenda #cultuurnet-area-main .widget-inside-container .push-content .push-event-image {
  width: 35%;
  float: left;
  margin: 0 1.8rem 0.6rem 0; }
  @media (min-width: 480px) {
    .path-agenda #cultuurnet-area-main .widget-inside-container .push-content .push-event-image {
      position: absolute;
      width: calc(25% - 2.4rem);
      top: 3.6rem;
      left: 2.4rem; } }
  @media (min-width: 768px) {
    .path-agenda #cultuurnet-area-main .widget-inside-container .push-content .push-event-image {
      width: calc(17.5% - 2.4rem); } }

.path-agenda #cultuurnet-area-main .widget-inside-container .push-content .push-event-shortdescription,
.path-agenda #cultuurnet-area-main .widget-inside-container .push-content .push-event-calendarsummary,
.path-agenda #cultuurnet-area-main .widget-inside-container .push-content .push-event-readmore {
  margin: 1.8rem 0 0; }
  @media (min-width: 480px) {
    .path-agenda #cultuurnet-area-main .widget-inside-container .push-content .push-event-shortdescription,
    .path-agenda #cultuurnet-area-main .widget-inside-container .push-content .push-event-calendarsummary,
    .path-agenda #cultuurnet-area-main .widget-inside-container .push-content .push-event-readmore {
      margin-left: calc(25% + 2.4rem); } }
  @media (min-width: 768px) {
    .path-agenda #cultuurnet-area-main .widget-inside-container .push-content .push-event-shortdescription,
    .path-agenda #cultuurnet-area-main .widget-inside-container .push-content .push-event-calendarsummary,
    .path-agenda #cultuurnet-area-main .widget-inside-container .push-content .push-event-readmore {
      margin-left: calc(17.5% + 2.4rem); } }

@media (min-width: 480px) {
  .path-agenda #cultuurnet-area-main .widget-inside-container .push-content .push-event-calendarsummary,
  .path-agenda #cultuurnet-area-main .widget-inside-container .push-content .push-event-location {
    display: flex;
    align-items: flex-start; } }

@media (min-width: 480px) {
  .path-agenda #cultuurnet-area-main .widget-inside-container .push-content .push-event-calendarsummary .cn-event-label,
  .path-agenda #cultuurnet-area-main .widget-inside-container .push-content .push-event-location .cn-event-label {
    width: 8em; } }

@media (min-width: 768px) {
  .path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-events {
    display: flex;
    flex-wrap: wrap; } }

@media (min-width: 768px) and (max-width: 959px) {
  .path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event {
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
    .path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event:last-child {
      margin-right: 0; }
    .path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event:nth-of-type(2n + 2) {
      margin-right: 0; } }

@media (min-width: 960px) {
  .path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event {
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
    .path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event:last-child {
      margin-right: 0; }
    .path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event:nth-of-type(3n + 3) {
      margin-right: 0; } }

.path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event h2 {
  margin: 0 -2.4rem;
  padding: 0 2.4rem 2.4rem;
  font-weight: 700;
  text-transform: none;
  border-bottom: 1px solid #dbdbdb;
  color: var(--cuc-colorscheme-color1);
  font-size: 2.4rem; }

.path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event-text {
  display: flex;
  flex-direction: column;
  height: 100%; }

.path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event-shortdescription,
.path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event-calendarsummary {
  margin: 3.6rem 0 0; }

.path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event-image {
  margin: 0 -2.4rem;
  float: none; }

@media (min-width: 480px) {
  .path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event-calendarsummary .cn-event-label,
  .path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event-location .cn-event-label {
    width: 20%;
    display: inline-block; } }

@media (min-width: 960px) {
  .path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event-calendarsummary .cn-event-label,
  .path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event-location .cn-event-label {
    width: 30%;
    display: inline-block; } }

@media (min-width: 480px) {
  .path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event-calendarsummary .cn-event-data,
  .path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event-location .cn-event-data {
    width: 80%;
    display: inline-block; } }

@media (min-width: 960px) {
  .path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event-calendarsummary .cn-event-data,
  .path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event-location .cn-event-data {
    display: inline-block;
    width: 70%; } }

.path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event-readmore {
  float: none;
  margin: 2.4rem 0 0; }
  @media (min-width: 768px) {
    .path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event-readmore {
      margin-top: auto;
      padding-top: 3.6rem; } }
  .path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event-readmore a {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
    font-family: "DINPro", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    color: #4a4a4a;
    background-image: linear-gradient(#ffffff, #efefef);
    background-color: transparent;
    font-size: 1.6rem;
    padding: 1.8rem 2.4rem;
    width: 100%; }
    .path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event-readmore a:disabled {
      cursor: not-allowed;
      opacity: .55; }
    .path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event-readmore a:active, .path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event-readmore a.nice-select.open, .path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event-readmore a:focus, .path-frontpage #cultuurnet-area-main .widget-inside-container .push-content .push-event-readmore a:hover {
      text-decoration: none; }

#cultuurnet-area-main .widget-inside-container .push-content .push-event {
  margin-bottom: 2.4rem;
  padding: 3.6rem 2.4rem;
  border-radius: 3px;
  border: 1px solid #dbdbdb;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  border-color: #dbdbdb;
  color: #706f6f;
  background: #f9f9f9;
  margin: 0 0 2.4rem;
  font-family: "DINPro", Arial, Helvetica, sans-serif; }
  #cultuurnet-area-main .widget-inside-container .push-content .push-event h2 a {
    text-decoration: none;
    color: var(--cuc-colorscheme-color1); }

#cultuurnet-area-main .widget-inside-container .push-content .push-event-image img {
  width: 100%;
  height: auto; }

#cultuurnet-area-main .widget-inside-container .push-content .push-event-calendarsummary,
#cultuurnet-area-main .widget-inside-container .push-content .push-event-location {
  font-size: 1.4rem; }
  #cultuurnet-area-main .widget-inside-container .push-content .push-event-calendarsummary .cn-event-label,
  #cultuurnet-area-main .widget-inside-container .push-content .push-event-location .cn-event-label {
    width: 100%;
    display: block;
    font-weight: 700;
    text-transform: none;
    color: #4a4a4a; }
  #cultuurnet-area-main .widget-inside-container .push-content .push-event-calendarsummary .cn-event-data,
  #cultuurnet-area-main .widget-inside-container .push-content .push-event-location .cn-event-data {
    display: block; }

.questions-group h4 {
  font-weight: bold;
  margin-bottom: .5rem; }
  .questions-group h4 .required {
    color: #f00; }

.questions-sub-group .minimum-indication {
  color: #999;
  font-size: 1.5rem; }

.questions-sub-group .questions {
  margin: 2rem 0; }

.questions-sub-group .error {
  color: #f00;
  margin-bottom: 2rem; }

.question--radio-item {
  background-color: #f6f6f6;
  border: solid 1px #f6f6f6;
  border-radius: 20px;
  color: #3f4547;
  font-size: 1.6rem;
  display: inline-block;
  margin: 0 1rem 1rem 0;
  padding: .75rem 2rem; }
  .question--radio-item i {
    color: #999;
    cursor: pointer;
    font-size: 2rem;
    margin-left: .5rem; }
  .question--radio-item.question--success {
    background-color: #fff;
    border: solid 1px #7faf63;
    color: #7faf63; }
    .question--radio-item.question--success i {
      color: #999; }
    .question--radio-item.question--success .fa-thumbs-up {
      color: #7faf63; }
  .question--radio-item.question--danger {
    background-color: #fff;
    border: solid 1px #bf4a4a;
    color: #bf4a4a; }
    .question--radio-item.question--danger i {
      color: #999; }
    .question--radio-item.question--danger .fa-thumbs-down {
      color: #bf4a4a; }

.book-select-item,
.location-autocomplete,
.rate-books-manually .autocomplete {
  position: relative; }
  .book-select-item .clear-input,
  .location-autocomplete .clear-input,
  .rate-books-manually .autocomplete .clear-input {
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 20px; }
  .book-select-item .items,
  .location-autocomplete .items,
  .rate-books-manually .autocomplete .items {
    background-color: #fff;
    border: solid 1px #efefef;
    border-radius: 0 0 5px 5px;
    list-style: none;
    position: absolute;
    top: 46px;
    width: 100%;
    z-index: 1; }
    .book-select-item .items .item,
    .location-autocomplete .items .item,
    .rate-books-manually .autocomplete .items .item {
      cursor: pointer;
      padding: 1rem 2rem; }
      .book-select-item .items .item:hover, .book-select-item .items .item:focus,
      .location-autocomplete .items .item:hover,
      .location-autocomplete .items .item:focus,
      .rate-books-manually .autocomplete .items .item:hover,
      .rate-books-manually .autocomplete .items .item:focus {
        color: #fff;
        background-color: var(--cuc-colorscheme-color1);
        outline: none; }
  .book-select-item .no-matches,
  .location-autocomplete .no-matches,
  .rate-books-manually .autocomplete .no-matches {
    background-color: var(--cuc-colorscheme-color2);
    border-radius: 3px;
    color: var(--cuc-colorscheme-color2-text-color);
    display: inline-block;
    margin-bottom: 2rem;
    padding: 1rem 2rem; }
    .book-select-item .no-matches i,
    .location-autocomplete .no-matches i,
    .rate-books-manually .autocomplete .no-matches i {
      margin-right: 1rem; }

.recommendations-activation .book-rating-item {
  margin-bottom: 2rem; }
  .recommendations-activation .book-rating-item h4,
  .recommendations-activation .book-rating-item h5 {
    font-size: 1.6rem;
    font-weight: bold; }
  .recommendations-activation .book-rating-item h5 {
    margin-bottom: .5rem; }
  .recommendations-activation .book-rating-item .content {
    border: solid 1px #efefef;
    border-radius: 3px;
    padding: 2rem; }
    @media (min-width: 480px) {
      .recommendations-activation .book-rating-item .content {
        display: flex; } }
  .recommendations-activation .book-rating-item .left {
    display: flex;
    margin-right: 2rem;
    margin-bottom: 1rem; }
    @media (min-width: 480px) {
      .recommendations-activation .book-rating-item .left {
        margin-bottom: 0; } }
    .recommendations-activation .book-rating-item .left img {
      border-radius: 3px;
      max-width: 50px; }
  .recommendations-activation .book-rating-item .right {
    display: flex;
    flex-direction: column; }
  .recommendations-activation .book-rating-item .ratings {
    align-items: baseline;
    margin-top: auto; }
    @media (min-width: 480px) {
      .recommendations-activation .book-rating-item .ratings {
        display: flex; } }
    .recommendations-activation .book-rating-item .ratings label {
      color: #666;
      display: inline;
      margin: 0;
      vertical-align: 1px; }
    .recommendations-activation .book-rating-item .ratings .form--input {
      line-height: 1.5rem; }
  .recommendations-activation .book-rating-item .author {
    color: #999; }
  .recommendations-activation .book-rating-item:last-child {
    margin-bottom: 0; }

.rating {
  color: #28528a;
  margin-right: 1.5rem;
  margin-bottom: 1rem; }
  @media (min-width: 480px) {
    .rating {
      margin-bottom: 0; } }
  .rating .list {
    display: inline;
    list-style: none; }
    .rating .list:hover .star {
      opacity: 100%; }
    .rating .list .star {
      cursor: pointer;
      display: inline-block;
      padding-right: .25rem;
      opacity: 25%;
      transition: all .2s ease-in-out; }
      .rating .list .star:last-child {
        padding-right: 0; }
      .rating .list .star:hover ~ .star:not(.active) {
        opacity: 25%; }
      .rating .list .star.active {
        opacity: 100%; }

.recommendations-rate-books-page .is-loading {
  font-size: 2rem;
  padding: 3rem;
  text-align: center; }
  .recommendations-rate-books-page .is-loading i {
    margin-left: 1rem; }

.recommendations-rate-books-page .loan-history-disabled,
.recommendations-rate-books-page .no-active-profile {
  padding: 3rem; }

.recommendations-rate-books-page > .content {
  border: solid 1px #dbdbdb;
  border-radius: 5px; }
  .recommendations-rate-books-page > .content section h2 {
    color: var(--cuc-colorscheme-color1);
    font-size: 2rem;
    margin: 0; }
  .recommendations-rate-books-page > .content section header,
  .recommendations-rate-books-page > .content section .section-content {
    border-bottom: solid 1px #dbdbdb;
    padding: 3rem; }
  .recommendations-rate-books-page > .content section:last-child .section-content {
    border-bottom: 0; }
  .recommendations-rate-books-page > .content .load-more {
    display: flex;
    justify-content: center;
    margin: 3rem 0; }

.recommendations-rate-books-page .book-ratings {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem; }
  .recommendations-rate-books-page .book-ratings .book-rating-item {
    flex: 100%;
    padding: 0 1rem;
    margin-bottom: 2rem; }
    @media (min-width: 480px) {
      .recommendations-rate-books-page .book-ratings .book-rating-item {
        flex: 0 50%; } }
    @media (min-width: 960px) {
      .recommendations-rate-books-page .book-ratings .book-rating-item {
        flex: 0 20%; } }
    .recommendations-rate-books-page .book-ratings .book-rating-item h5 {
      margin-bottom: .5rem; }
    .recommendations-rate-books-page .book-ratings .book-rating-item img {
      border: solid 3px #fff;
      border-radius: 3px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      width: 100%; }
    .recommendations-rate-books-page .book-ratings .book-rating-item .ratings {
      align-items: baseline;
      margin-top: 1rem; }
      .recommendations-rate-books-page .book-ratings .book-rating-item .ratings label {
        color: #666;
        display: inline-block;
        margin: 0;
        vertical-align: 1px; }
      .recommendations-rate-books-page .book-ratings .book-rating-item .ratings .form--input {
        line-height: 1.5rem;
        margin-top: .5rem; }
    .recommendations-rate-books-page .book-ratings .book-rating-item:last-child {
      margin-right: 0; }

.rate-books-manually {
  display: flex; }
  .rate-books-manually .autocomplete {
    margin-right: 1rem; }
  .rate-books-manually .button.button--primary {
    margin-right: 1rem;
    max-height: 46px;
    padding: 1rem 2rem; }
  .rate-books-manually .rating {
    padding: 1rem 0; }

.recommendations-settings-page .content,
.recommendations-profile-settings-page .content {
  border: solid 1px #dbdbdb;
  border-radius: 5px; }

.recommendations-settings-page .is-loading,
.recommendations-profile-settings-page .is-loading {
  font-size: 2rem;
  text-align: center; }
  .recommendations-settings-page .is-loading i,
  .recommendations-profile-settings-page .is-loading i {
    margin-left: 1rem; }

.recommendations-profile-settings-page .content--top, .recommendations-profile-settings-page .content--bottom {
  padding: 3rem; }

.recommendations-profile-settings-page .content--bottom {
  border-top: solid 1px #dbdbdb;
  display: flex;
  justify-content: flex-end; }

.recommendations-settings-page h2 {
  font-size: 1.6rem;
  margin-bottom: .75rem; }

.recommendations-settings-page .form-input label {
  color: #666;
  display: inline-block;
  vertical-align: top; }
  .recommendations-settings-page .form-input label .description {
    color: #999;
    font-weight: normal; }

.recommendations-settings-page .content {
  padding: 3rem; }
  .recommendations-settings-page .content > div {
    margin-bottom: 3rem; }
    .recommendations-settings-page .content > div:last-child {
      margin-bottom: 0; }

.recommendations-settings-page .cancel-account a {
  color: #f00;
  font-weight: bold; }

.recommendations-settings-page .description {
  color: #999;
  font-size: 1.4rem; }

.recommendations-settings-page .delete-profile button {
  margin-right: 1rem; }
  .recommendations-settings-page .delete-profile button:last-child {
    margin-right: 0; }

.reading-preferences .button--primary {
  margin-bottom: 2rem; }

.recommendations-page .step header h3 {
  margin: 1rem 0 0; }

.recommendations-page .step > .content {
  padding: 0; }
  .recommendations-page .step > .content .content--top,
  .recommendations-page .step > .content .content--bottom {
    padding: 3rem; }
  .recommendations-page .step > .content .content--bottom {
    border-top: solid 1px #dbdbdb;
    display: flex;
    flex-direction: column; }
    @media (min-width: 480px) {
      .recommendations-page .step > .content .content--bottom .actions,
      .recommendations-page .step > .content .content--bottom .foot-note {
        display: flex;
        justify-content: flex-end; } }
    .recommendations-page .step > .content .content--bottom .foot-note {
      margin-top: 2rem; }
  .recommendations-page .step > .content .form-input {
    margin: 0 0 1.8rem; }
    .recommendations-page .step > .content .form-input label {
      color: #666;
      vertical-align: top; }
      @media (min-width: 768px) {
        .recommendations-page .step > .content .form-input label {
          display: inline-block; } }
      .recommendations-page .step > .content .form-input label .description {
        color: #999;
        font-weight: normal; }
  .recommendations-page .step > .content .suggestion {
    display: inline-block;
    margin-bottom: 1rem; }
  .recommendations-page .step > .content button {
    margin-top: 1rem; }
    @media (min-width: 480px) {
      .recommendations-page .step > .content button {
        margin-top: 0;
        margin-left: 3rem; } }
    .recommendations-page .step > .content button:first-child {
      margin-top: 0;
      margin-left: 0; }

.button--loading-state .loading-text {
  margin-right: 1rem; }

.account-inactive,
.no-recommendations-support {
  margin-top: 3rem; }
  .account-inactive h3,
  .no-recommendations-support h3 {
    color: #f00;
    font-size: 1.6rem; }

#recommendations {
  margin-top: 5rem; }

a + #recommendations {
  margin-top: 2rem; }

.recommendations-page section {
  border: solid 1px #dbdbdb;
  border-radius: 5px;
  margin-top: 3rem; }
  .recommendations-page section header {
    border-bottom: solid 1px #dbdbdb;
    padding: 3rem; }
    .recommendations-page section header h3 {
      margin: 0; }
  .recommendations-page section footer {
    border-top: solid 1px #dbdbdb;
    padding: 3rem; }
    .recommendations-page section footer .foot-note {
      display: flex;
      justify-content: flex-end; }
  .recommendations-page section > .content {
    padding: 3rem; }
  .recommendations-page section .is-loading {
    font-size: 2rem;
    padding: 2rem;
    text-align: center; }
    .recommendations-page section .is-loading i {
      margin-left: 1rem; }
  .recommendations-page section.recommendations header {
    display: flex;
    flex-wrap: wrap; }
    .recommendations-page section.recommendations header h3 {
      margin-right: auto; }
      @media (max-width: 959px) {
        .recommendations-page section.recommendations header h3 {
          margin-bottom: 2rem;
          flex: 0 100%; } }
    .recommendations-page section.recommendations header a {
      font-weight: bold;
      margin-left: 2rem;
      text-decoration: none; }
      @media (max-width: 959px) {
        .recommendations-page section.recommendations header a {
          margin-left: 0;
          margin-right: 2rem; } }
      .recommendations-page section.recommendations header a i {
        margin-right: .5rem; }

.recommendations--group {
  margin-bottom: 1.5rem; }
  .recommendations--group .header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem; }
    .recommendations--group .header h4 {
      font-weight: bold;
      display: flex;
      align-items: center;
      margin-bottom: 0; }
    .recommendations--group .header > .my-library--add-to-list-wrapper {
      margin-left: 1rem;
      min-width: 11.7rem;
      display: flex;
      align-items: center; }
      .recommendations--group .header > .my-library--add-to-list-wrapper a {
        margin-top: 0;
        font-size: 1.4rem; }
        .recommendations--group .header > .my-library--add-to-list-wrapper a .icon {
          margin-right: 1rem; }
  .recommendations--group .items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1rem; }
    .recommendations--group .items .item {
      flex: 100%;
      padding: 0 1rem;
      margin-bottom: 5px; }
      @media (min-width: 480px) {
        .recommendations--group .items .item {
          flex: 0 50%; } }
      @media (min-width: 960px) {
        .recommendations--group .items .item {
          flex: 0 20%; } }
    .recommendations--group .items .recommendation-teaser {
      display: block;
      position: relative;
      cursor: pointer;
      padding-bottom: 1rem;
      color: inherit;
      text-decoration: none;
      height: 100%; }
      .recommendations--group .items .recommendation-teaser .image {
        border: solid 3px #fff;
        border-radius: 3px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        margin-bottom: 1rem;
        position: relative; }
        .recommendations--group .items .recommendation-teaser .image img {
          display: block;
          width: 100%; }
        .recommendations--group .items .recommendation-teaser .image .my-library--add-to-list-wrapper {
          position: absolute;
          right: 10px;
          bottom: 10px; }
      .recommendations--group .items .recommendation-teaser .title {
        font-weight: bold; }
      .recommendations--group .items .recommendation-teaser .author {
        color: #757575;
        font-size: 1.4rem; }
      .recommendations--group .items .recommendation-teaser.active {
        box-shadow: 0 5px 0 0 var(--cuc-colorscheme-color1); }
      .recommendations--group .items .recommendation-teaser:last-child {
        margin-right: 0; }
  .recommendations--group .detail {
    flex: 0 100%;
    display: flex;
    flex-wrap: wrap;
    background: #f6f6f6;
    border-radius: 3px;
    padding: 2rem;
    margin: 0 1rem 1.5rem; }
    .recommendations--group .detail a {
      text-decoration: none; }
    .recommendations--group .detail h3 {
      color: #000;
      font-size: 3.6rem;
      margin-bottom: 2rem; }
    .recommendations--group .detail .left {
      flex: 0 100%; }
      @media (min-width: 960px) {
        .recommendations--group .detail .left {
          flex: 0 70%;
          padding-right: 3rem; } }
      .recommendations--group .detail .left > div {
        margin-bottom: 1rem; }
        .recommendations--group .detail .left > div:last-child {
          margin-bottom: 0; }
    .recommendations--group .detail .right {
      flex: 0 100%;
      margin-top: 2rem; }
      @media (min-width: 960px) {
        .recommendations--group .detail .right {
          flex: 0 30%;
          margin-top: 0; } }
    .recommendations--group .detail .author {
      font-weight: bold; }
    .recommendations--group .detail .description {
      color: #000; }
    .recommendations--group .detail .catalog-item-rating {
      color: #000; }
      .recommendations--group .detail .catalog-item-rating .rating {
        display: inline-block;
        width: 12rem;
        margin-right: 0; }
        @media (min-width: 480px) {
          .recommendations--group .detail .catalog-item-rating .rating {
            margin-left: 1rem; } }
    .recommendations--group .detail .awarded {
      margin-bottom: 1rem;
      text-align: right; }
    .recommendations--group .detail .availability {
      background-color: #f9f9f9;
      border: solid 1px #dbdbdb;
      border-radius: 6px;
      padding: 1rem;
      width: 100%; }
      .recommendations--group .detail .availability .status {
        font-weight: 600; }
        .recommendations--group .detail .availability .status--available {
          color: #1c8147; }
        .recommendations--group .detail .availability .status--unavailable {
          color: #bf4a4a; }
      .recommendations--group .detail .availability .button {
        background-color: #28528a;
        line-height: 2.2rem;
        display: flex;
        align-items: center;
        padding: 1.4rem;
        width: auto;
        font-weight: bold;
        margin-top: 1rem; }
        .recommendations--group .detail .availability .button span {
          flex-basis: calc(100% - 30px);
          text-align: left; }
        @media (min-width: 768px) {
          .recommendations--group .detail .availability .button {
            width: 100%;
            font-weight: bold;
            color: #fff;
            padding: 1.8rem 1rem; } }
        .recommendations--group .detail .availability .button i {
          width: 30px;
          height: 18px;
          margin-left: auto;
          font-size: 2rem; }
        .recommendations--group .detail .availability .button svg {
          width: 30px;
          height: 30px;
          margin-left: auto; }
          @media (min-width: 768px) {
            .recommendations--group .detail .availability .button svg {
              width: 20px;
              height: 20px; } }
        .recommendations--group .detail .availability .button i {
          margin-left: auto; }
        @media (min-width: 768px) {
          .recommendations--group .detail .availability .button svg {
            width: 10px;
            height: 10px;
            margin-right: 1.8rem; } }
    @media (min-width: 480px) {
      .recommendations--group .detail .field {
        display: flex; } }
    @media (min-width: 480px) {
      .recommendations--group .detail .field--label {
        width: 25%; } }
  .recommendations--group .ajax-progress-throbber {
    display: none; }

.rating-cta {
  border: solid 1px #dbdbdb;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden; }
  .rating-cta .left {
    border-right: solid 1px #dbdbdb;
    flex: 0 100%; }
    @media (min-width: 960px) {
      .rating-cta .left {
        flex: 0 33%; } }
    .rating-cta .left img {
      display: block;
      width: 100%; }
  .rating-cta .right {
    flex: 0 100%;
    padding: 1rem 1.5rem; }
    @media (min-width: 960px) {
      .rating-cta .right {
        flex: 0 67%;
        padding: 2rem 3rem; } }

.region-content {
  margin: 0 0 3.6rem; }

.catalog-page .region-content {
  margin: 0; }

.site-footer {
  margin: 0 0 3.6rem; }
  @media (min-width: 960px) {
    .site-footer {
      margin: 3.6rem 0; } }
  .site-footer .region {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.2rem;
    padding-right: 1.2rem; }
    @media (min-width: 960px) {
      .site-footer .region {
        padding-left: 2.4rem;
        padding-right: 2.4rem; } }

.site-header {
  border-bottom: 1px solid #ededed; }
  @media (min-width: 960px) {
    .site-header {
      border-bottom: 0; } }

.region-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 0;
  min-height: 147px;
  flex-wrap: wrap; }
  @media (max-width: 959px) {
    .region-header {
      padding: 0;
      height: 49px;
      min-height: auto; } }
  .region-header .block-catalog-search-block {
    width: 100%; }

.search-form-heading {
  margin: 0;
  padding: 2.4rem 0;
  font-size: 2.4rem;
  font-weight: 700;
  text-transform: none; }
  .search-form-heading #cat-line {
    color: #a23802;
    margin: 0 30px; }
  .search-form-heading #sub-cat {
    font-style: italic; }

.page .title-header {
  background-color: #efefef;
  padding: 2.4rem 0; }
  .page .title-header .region-title-header {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (min-width: 960px) {
      .page .title-header .region-title-header {
        padding-left: 2.4rem;
        padding-right: 2.4rem; } }
    .page .title-header .region-title-header .site-title {
      margin-bottom: 0;
      font-size: 3rem; }

.reservation-row {
  display: flex;
  flex-wrap: wrap;
  margin: 3rem 0;
  width: 100%; }
  .reservation-row.message {
    margin-top: 0; }
  .reservation-row__title {
    display: flex;
    color: #000;
    width: 100%;
    margin-bottom: 2.4rem; }
    @media (min-width: 960px) {
      .reservation-row__title {
        width: 26%;
        padding-top: 1.84615rem;
        margin-bottom: 0; } }
    .reservation-row__title h3 {
      color: inherit;
      margin: 0; }
    .reservation-row__title .fa {
      width: 30px;
      color: var(--cuc-colorscheme-color1); }
      .reservation-row__title .fa.fa-map-marker {
        font-size: 28px; }
      .reservation-row__title .fa.fa-book {
        font-size: 25px; }
  .reservation-row__card {
    width: 100%; }
    @media (min-width: 960px) {
      .reservation-row__card {
        width: 60%; } }
  .reservation-row__info {
    width: 100%;
    margin-left: 26%;
    margin-top: 5px;
    font-size: 1.4rem; }
    .reservation-row__info--red {
      color: #bf4a4a; }
  .reservation-row--messages, .reservation-row--buttons {
    width: 100%;
    margin: 0; }
    @media (min-width: 960px) {
      .reservation-row--messages, .reservation-row--buttons {
        width: 60%;
        margin-left: 26%; } }

.reservation-row--consultation-information input[readonly] {
  background-color: #fff; }

.reservation-card {
  position: relative;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  padding: 1.84615rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  flex-wrap: wrap;
  overflow: hidden;
  text-decoration: none; }
  .reservation-card:link, .reservation-card:visited, .reservation-card:active, .reservation-card.nice-select.open, .reservation-card:hover {
    text-decoration: none; }
  .reservation-card--red-border {
    border: 1px solid #bf4a4a; }
  .reservation-card--expanded .publication-header {
    padding-bottom: 1.84615rem; }
  .reservation-card--bottom-space {
    margin-bottom: 2.4rem; }

.library-account {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%; }
  .library-account__library {
    color: var(--cuc-colorscheme-color1);
    font-weight: 700;
    margin-bottom: .5rem; }
  .library-account__name {
    font-size: 2rem;
    color: #000;
    font-weight: bolder; }
  .library-account .label {
    color: #bf4a4a;
    font-size: 1.4rem;
    margin-left: 1.2rem; }
  .library-account__card-number {
    font-size: 1.4rem;
    color: #757575; }
  .library-account__switch-link {
    color: var(--cuc-colorscheme-color1);
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 500; }
    .library-account__switch-link::after {
      content: '\F0DA';
      font-family: FontAwesome;
      margin-left: 10px; }

.pickup-location {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-wrap: wrap; }
  .pickup-location__name {
    font-size: 2rem;
    color: #000;
    font-weight: bolder;
    width: 100%; }
  .pickup-location__statuses {
    font-size: 1.4rem;
    display: block;
    color: #757575;
    width: 100%; }
  .pickup-location .label {
    color: #bf4a4a;
    font-size: 1.4rem;
    margin-left: 1.2rem; }
  .pickup-location__switch-link {
    color: var(--cuc-colorscheme-color1);
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 500; }
    .pickup-location__switch-link::after {
      content: '\F0DA';
      font-family: FontAwesome;
      margin-left: 10px; }

.modal__subtitle {
  font-size: 1.8rem;
  margin-bottom: 1rem; }

.modal__description {
  display: block;
  font-size: 1.4rem;
  margin-bottom: 1rem; }

.publication {
  display: flex;
  justify-content: space-between;
  width: 100%; }
  .publication__image {
    margin-right: 2.4rem; }
    .publication__image img {
      max-width: 55px; }
  .publication__info {
    width: 100%; }
  .publication__name {
    color: var(--cuc-colorscheme-color1);
    font-weight: 700;
    font-size: 2rem; }
  .publication__year {
    font-size: 1.8rem; }
  .publication__arrow {
    color: var(--cuc-colorscheme-color1); }
    .publication__arrow::after {
      content: '\F0DA';
      font-family: FontAwesome;
      margin-left: 10px; }

.publication-header-options {
  padding-top: 1.84615rem;
  width: 100%;
  position: relative; }
  @media (min-width: 480px) {
    .publication-header-options {
      display: flex; } }
  .publication-header-options::before {
    content: '';
    border-bottom: 1px solid #dbdbdb;
    position: absolute;
    left: -1.84615rem;
    top: 0;
    width: 120%; }

.publication-option {
  color: #000;
  display: flex;
  flex-direction: column;
  width: 100%; }
  .publication-option__label {
    font-size: 2rem;
    color: #000;
    font-weight: 700; }
  .publication-option__info-wrapper {
    background-color: #f9f9f9;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .publication-option__info {
    padding: 1.2rem; }
  .publication-option__pieces {
    color: var(--cuc-colorscheme-color1);
    font-weight: 700; }
  .publication-option__help {
    padding: 0 1.2rem 1.2rem;
    font-size: 1.4rem; }
  .publication-option__cost {
    background-color: rgba(255, 219, 13, 0.25);
    padding: 1.2rem; }
  .publication-option__date-until .holds-count {
    display: inline-block; }
  .publication-option.unavailable .publication-option__pieces {
    color: #000; }
  .publication-option.unavailable .publication-option__cost {
    background-color: rgba(191, 74, 74, 0.25); }
  @media (min-width: 768px) {
    .publication-option.not-single {
      width: 50%;
      float: left; }
      .publication-option.not-single:first-child {
        padding-right: 0.92308rem; }
      .publication-option.not-single:last-child {
        padding-left: 0.92308rem; } }
  @media (max-width: 767px) {
    .publication-option.not-single:first-child {
      padding-bottom: 1.84615rem; } }

.publication-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%; }
  .publication-header--expaned {
    margin-bottom: 1.84615rem; }
  .publication-header__info {
    width: 65%; }
  .publication-header__label {
    color: var(--cuc-colorscheme-color1);
    font-weight: 700;
    margin-bottom: .5rem; }
  .publication-header__name {
    font-size: 2rem;
    color: #000;
    font-weight: bolder; }
  .publication-header .label {
    color: #bf4a4a;
    font-size: 1.4rem;
    margin-left: 1.2rem; }
  .publication-header__help {
    font-size: 1.4rem;
    font-weight: initial; }
  .publication-header__switch-link {
    color: var(--cuc-colorscheme-color1);
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 500; }
    .publication-header__switch-link::after {
      content: '\F0DA';
      font-family: FontAwesome;
      margin-left: 10px; }

.ibl-order-confirmation .message__panel:first-child {
  border-top: solid 1px #dbdbdb;
  margin-top: 0;
  padding-top: 2.4rem; }

.ibl-order-confirmation .catalog-item.catalog-item--view-mode-small-teaser {
  border: 0;
  padding: 0; }
  .ibl-order-confirmation .catalog-item.catalog-item--view-mode-small-teaser .catalog-item__content {
    padding: 0;
    width: 100%; }

.no-memberships-page .membership-card {
  margin-bottom: 2rem; }

.no-memberships-page .actions a {
  margin-right: 2rem; }
  .no-memberships-page .actions a:last-child {
    margin-right: 0; }

.reservation-confirmation__publication {
  display: flex;
  margin-bottom: 2.4rem; }
  .reservation-confirmation__publication .image {
    margin-right: 2.4rem;
    width: 10%; }

.message__wrapper {
  width: 100%; }

.message__panel {
  background: #f9f9f9;
  border-top: solid 1px #dbdbdb;
  border-bottom: solid 1px #dbdbdb;
  padding: 2.4rem;
  margin-bottom: 2.4rem; }
  .message__panel:first-child {
    border-top: 0;
    margin-top: -1px;
    padding-top: 0; }

@media (min-width: 480px) {
  .message__links {
    display: flex;
    justify-content: space-between;
    align-items: center; } }

.message__link-reservations, .message__link-add-card {
  margin-bottom: 1.2rem; }
  @media (min-width: 480px) {
    .message__link-reservations, .message__link-add-card {
      width: 49%; } }

.message__link-add-card {
  border: 1px solid #ddd;
  padding: 2.4rem; }
  .message__link-add-card a {
    display: flex;
    align-items: center;
    text-decoration: none;
    line-height: 1.2; }
    .message__link-add-card a::before {
      font-size: 2rem;
      content: '\F067';
      font-family: FontAwesome;
      margin-right: 2.4rem; }

.message__title {
  margin-bottom: 2.4rem; }
  .message__title--check {
    color: #1c8147; }

@media (max-width: 479px) {
  .buttons .button--remove {
    margin-top: 1.2rem; } }

@media (min-width: 480px) {
  .buttons .button--remove {
    margin-left: 2.4rem; } }

.reservation-confirmation {
  justify-content: space-between; }
  @media (min-width: 480px) {
    .reservation-confirmation {
      display: flex;
      margin-left: 20%;
      padding-left: 5%; } }
  @media (min-width: 480px) and (min-width: 768px) {
    .reservation-confirmation {
      margin-left: 10%; } }
  .reservation-confirmation__location, .reservation-confirmation__loan-information {
    width: 100%;
    display: flex; }
    @media (min-width: 480px) {
      .reservation-confirmation__location, .reservation-confirmation__loan-information {
        width: 49%; } }
    .reservation-confirmation__location .fa, .reservation-confirmation__loan-information .fa {
      font-size: 2.8rem;
      margin-top: 1.2rem;
      margin-right: 2.4rem;
      color: var(--cuc-colorscheme-color1);
      width: 2rem; }
  .reservation-confirmation__loan-information {
    margin-top: 2.4rem; }
    @media (min-width: 480px) {
      .reservation-confirmation__loan-information {
        margin-top: 0; } }
  .reservation-confirmation__label {
    font-size: 1.4rem;
    color: #757575; }
  .reservation-confirmation__value {
    font-size: 1.8rem;
    color: #000; }
  .reservation-confirmation__info {
    font-size: 1.4rem;
    color: #757575; }

.wise-reservation.catalog-item {
  margin: 0; }

.wise-reservation-confirmation {
  margin-top: 2rem; }
  .wise-reservation-confirmation .message__wrapper .messages {
    margin-bottom: 0; }
  .wise-reservation-confirmation__info {
    background-color: #f9f9f9;
    border-radius: 5px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    padding: 2rem;
    margin-bottom: 2rem; }
    .wise-reservation-confirmation__info__entry {
      display: flex;
      margin-bottom: 1rem;
      align-items: center; }
      .wise-reservation-confirmation__info__entry__icon {
        margin-right: 1rem;
        font-size: 2rem; }

.modal {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5); }
  .modal__wrapper {
    position: relative;
    width: calc(100% - 2 * 2.4rem);
    max-width: 550px;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    padding: 2.4rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }
  .modal__title {
    color: #000; }
    .modal__title .fa {
      color: var(--cuc-colorscheme-color1); }
  .modal__close {
    position: absolute;
    top: 2.4rem;
    right: 2.4rem; }
    .modal__close .fa {
      font-size: 2.4rem;
      color: var(--cuc-colorscheme-color1); }
  .modal__panel {
    height: 100%; }
  .modal__content-wrapper {
    margin-top: 2.4rem;
    margin-bottom: 2.4rem;
    padding-right: 1rem;
    height: auto;
    max-height: 80vh;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--cuc-colorscheme-color1) #f9f9f9; }
    .modal__content-wrapper::-webkit-scrollbar {
      width: 10px; }
    .modal__content-wrapper::-webkit-scrollbar-track {
      background: #f9f9f9; }
    .modal__content-wrapper::-webkit-scrollbar-thumb {
      background-color: var(--cuc-colorscheme-color1);
      border: 2px solid #f9f9f9;
      border-radius: 6px; }
  .modal .reservation-card {
    margin-bottom: 2.4rem;
    cursor: pointer;
    transition: background-color .2s ease-in-out;
    color: #000; }
    .modal .reservation-card:hover, .modal .reservation-card.active {
      background-color: var(--cuc-colorscheme-color1);
      color: #fff; }
      .modal .reservation-card:hover .library-account__library, .modal .reservation-card:hover .library-account__name, .modal .reservation-card:hover .library-account__card-number, .modal .reservation-card.active .library-account__library, .modal .reservation-card.active .library-account__name, .modal .reservation-card.active .library-account__card-number {
        color: #fff; }
      .modal .reservation-card:hover .pickup-location__name, .modal .reservation-card:hover .pickup-location__statuses, .modal .reservation-card.active .pickup-location__name, .modal .reservation-card.active .pickup-location__statuses {
        color: #fff; }
      .modal .reservation-card:hover .publication__name, .modal .reservation-card.active .publication__name {
        color: #fff; }

body .buorg div {
  padding: 20px 20px 20px 50px; }

body .buorg #buorgclose {
  top: 12px;
  right: 50px; }

.social-share-links {
  display: flex;
  flex-wrap: wrap;
  margin: 3.6rem 0;
  border-top: 1px solid #dbdbdb;
  padding-top: 1.5rem; }
  .social-share-links h3 {
    width: 175px;
    text-transform: none;
    line-height: 13px;
    font-size: 12px;
    letter-spacing: .2em;
    color: rgba(0, 0, 0, 0.6);
    margin: auto 0; }
    @media (max-width: 767px) {
      .social-share-links h3 {
        margin-bottom: 2rem; } }
  .social-share-links ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0; }
    .social-share-links ul li {
      margin-left: 2.4rem; }
      @media (max-width: 767px) {
        .social-share-links ul li {
          margin-left: 0;
          margin-right: .5rem; } }
  .social-share-links .facebook a {
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    background-color: var(--color-button);
    color: #fff;
    width: 4rem;
    border-radius: 150%;
    height: 4rem;
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    .social-share-links .facebook a::before {
      font-size: 2rem; }
    .social-share-links .facebook a::before {
      display: inline-block;
      font: normal normal normal 2rem / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 2rem;
      content: "\F09A"; }
  .social-share-links .twitter a {
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    background-color: var(--color-button);
    color: #fff;
    width: 4rem;
    border-radius: 150%;
    height: 4rem;
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    .social-share-links .twitter a::before {
      font-size: 2rem; }
    .social-share-links .twitter a::before {
      display: inline-block;
      font: normal normal normal 2rem / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 2rem;
      content: "\F099"; }
  .social-share-links .pinterest a {
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    background-color: var(--color-button);
    color: #fff;
    width: 4rem;
    border-radius: 150%;
    height: 4rem;
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    .social-share-links .pinterest a::before {
      font-size: 2rem; }
    .social-share-links .pinterest a::before {
      display: inline-block;
      font: normal normal normal 2rem / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 2rem;
      content: "\F0D2"; }
  .social-share-links .copy button {
    background: none;
    color: #28528a;
    border: 0;
    padding: 0;
    font: inherit;
    cursor: pointer;
    box-shadow: none;
    -webkit-font-smoothing: initial;
    display: inline-block;
    transition: color 150ms ease;
    text-decoration: underline;
    text-shadow: none;
    padding: 0 2rem;
    border-radius: 180px;
    background-color: var(--color-button);
    color: #fff;
    line-height: 40px;
    text-decoration: none; }
    .social-share-links .copy button::before {
      display: inline-block;
      font: normal normal normal 2rem / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 2rem;
      content: "\F0C1"; }
    @media (max-width: 767px) {
      .social-share-links .copy button {
        padding: 0 1rem;
        font-size: 12px; } }
    .social-share-links .copy button::before {
      font-size: 2rem;
      color: #fff;
      margin-right: 1rem;
      display: inline-block; }
    .social-share-links .copy button:hover {
      color: #fff; }

@media (max-width: 767px) {
  .block-library-portal-site-social-share {
    width: calc(100vw + 2.4rem);
    margin-left: -2.4rem;
    margin-right: -2.4rem;
    padding: 2.4rem;
    padding: 0; }
    .block-library-portal-site-social-share .social-share-links {
      padding: 2.4rem 3.6rem; } }

.form-item__subscription-type-radios {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem; }
  .form-item__subscription-type-radios .form-item-subscription-type {
    width: 100%; }
    @media (min-width: 768px) {
      .form-item__subscription-type-radios .form-item-subscription-type {
        width: calc((100% - 2.4rem) / 2); } }

.form-item__subscription-type-radio {
  border-radius: 5px;
  border: solid 1px #c6c6c6;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  height: 100%;
  overflow: hidden; }
  .form-item__subscription-type-radio__label {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    margin-bottom: 0;
    height: 100%;
    font-weight: initial; }
  .form-item__subscription-type-radio__current {
    color: #fff;
    background-color: var(--cuc-colorscheme-color1);
    border-radius: 5px;
    padding: .5rem 1rem;
    font-size: 1.5rem;
    margin-left: 1rem; }
  .form-item__subscription-type-radio__input {
    font-size: 2rem;
    padding: 1.5rem; }
  .form-item__subscription-type-radio__info {
    color: #999;
    padding: 0 2rem 2rem; }
  .form-item__subscription-type-radio__price {
    background-color: #fff9c5;
    padding: 1rem 2rem;
    margin-top: auto; }

.tabs.tabs--primary a {
  opacity: .75; }
  .tabs.tabs--primary a:hover, .tabs.tabs--primary a:active, .tabs.tabs--primary a.nice-select.open {
    opacity: 1;
    color: #28528a; }

.tabs ul {
  display: flex;
  padding: 0; }

.tabs li {
  list-style: none; }
  .tabs li + li {
    margin-left: 1.8rem; }

.theme_page__header {
  padding: .5rem;
  background-color: var(--cuc-colorscheme-color1);
  position: relative;
  margin-bottom: 10rem; }
  .theme_page__header::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 100px 0 0;
    border-color: var(--cuc-colorscheme-color1) transparent transparent;
    content: '';
    position: absolute;
    float: right;
    right: 0;
    bottom: -6rem; }
  @media (max-width: 767px) {
    .theme_page__header {
      margin-left: -1.2rem;
      margin-right: -1.2rem; } }
  .theme_page__header .wrapper {
    background-color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 3.6rem; }
    @media (max-width: 767px) {
      .theme_page__header .wrapper {
        flex-direction: column;
        padding: 1.2rem; } }
  .theme_page__header .theme_page__header--left {
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    word-break: break-all;
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
    display: flex;
    align-items: center;
    flex-grow: 1; }
    @media (min-width: 768px) {
      .theme_page__header .theme_page__header--left {
        width: 40%;
        flex-basis: 40%;
        padding-right: 5%; } }
    .theme_page__header .theme_page__header--left h1 {
      font-size: 6rem;
      margin-bottom: 0; }
  .theme_page__header .theme_page__header--right {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media (min-width: 768px) {
      .theme_page__header .theme_page__header--right {
        width: 55%; } }
  .theme_page__header .theme_page__intro p:last-child,
  .theme_page__header .theme_page__short_description p:last-child {
    margin-bottom: 0; }
  .theme_page__header .theme_page__intro {
    font-weight: bold; }
    .theme_page__header .theme_page__intro + .theme_page__short_description {
      margin-top: 1rem; }

.thumbnail a {
  color: inherit;
  text-decoration: none; }
  .thumbnail a:focus, .thumbnail a:hover {
    text-decoration: underline; }

.owl-item:hover .thumbnail .thumbnail__cover {
  transform: scale(1.1);
  box-shadow: 0 0 20px 3px rgba(127, 127, 127, 0.3); }

.thumbnail__cover {
  margin-bottom: 2.4rem;
  transition: transform 0.53s ease, margin 0.53s ease;
  display: flex;
  justify-content: center;
  overflow: hidden;
  border: 3px solid #fff;
  box-shadow: 0 0 10px 0 rgba(127, 127, 127, 0.3); }
  .thumbnail__cover img {
    height: 100%;
    width: 100%; }

.thumbnail__title {
  margin: 0 0 0.6rem;
  color: #3f4547;
  line-height: 1.2;
  font-size: 1.4rem;
  font-weight: 700;
  word-break: break-word; }
  .thumbnail__title a {
    text-decoration: none; }

.thumbnail__author {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 400;
  color: #3f4547; }

.title_block__section {
  padding: .5rem;
  background-color: var(--cuc-colorscheme-color1);
  position: relative;
  margin-bottom: 10rem; }
  .title_block__section::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 100px 0 0;
    border-color: var(--cuc-colorscheme-color1) transparent transparent;
    content: '';
    position: absolute;
    float: right;
    right: 0;
    bottom: -6rem; }
  @media (max-width: 767px) {
    .title_block__section {
      margin-left: -1.2rem;
      margin-right: -1.2rem; } }
  .title_block__section .wrapper {
    background-color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 3.6rem; }
    @media (max-width: 767px) {
      .title_block__section .wrapper {
        flex-direction: column;
        padding: 1.2rem; } }
  .title_block__section .title_block__section--left {
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    word-break: break-all;
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
    display: flex;
    align-items: center;
    flex-grow: 1; }
    @media (min-width: 768px) {
      .title_block__section .title_block__section--left {
        width: 40%;
        flex-basis: 40%;
        padding-right: 5%; } }
    .title_block__section .title_block__section--left h1 {
      font-size: 6rem;
      margin-bottom: 0; }
  .title_block__section .title_block__section--right {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media (min-width: 768px) {
      .title_block__section .title_block__section--right {
        width: 55%; } }
  .title_block__section .title_block__intro p:last-child,
  .title_block__section .title_block__short_description p:last-child {
    margin-bottom: 0; }
  .title_block__section .title_block__intro {
    font-weight: bold; }
    .title_block__section .title_block__intro + .title_block__short_description {
      margin-top: 1rem; }

.paragraph--type--columns-two-equal .title_block__section,
.paragraph--type--columns-two-asym-left .title_block__section,
.paragraph--type--columns-two-asym-right .title_block__section,
.paragraph--type--columns-three-equal .title_block__section,
.paragraph--type--columns-four-equal .title_block__section {
  margin-bottom: 10rem;
  margin-left: 0;
  margin-right: 0; }
  .paragraph--type--columns-two-equal .title_block__section .wrapper,
  .paragraph--type--columns-two-asym-left .title_block__section .wrapper,
  .paragraph--type--columns-two-asym-right .title_block__section .wrapper,
  .paragraph--type--columns-three-equal .title_block__section .wrapper,
  .paragraph--type--columns-four-equal .title_block__section .wrapper {
    flex-direction: column;
    padding: 1.2rem; }
  .paragraph--type--columns-two-equal .title_block__section .title_block__section--left,
  .paragraph--type--columns-two-asym-left .title_block__section .title_block__section--left,
  .paragraph--type--columns-two-asym-right .title_block__section .title_block__section--left,
  .paragraph--type--columns-three-equal .title_block__section .title_block__section--left,
  .paragraph--type--columns-four-equal .title_block__section .title_block__section--left {
    width: 100%; }
  .paragraph--type--columns-two-equal .title_block__section .title_block__section--right,
  .paragraph--type--columns-two-asym-left .title_block__section .title_block__section--right,
  .paragraph--type--columns-two-asym-right .title_block__section .title_block__section--right,
  .paragraph--type--columns-three-equal .title_block__section .title_block__section--right,
  .paragraph--type--columns-four-equal .title_block__section .title_block__section--right {
    width: 100%; }

.tour__beacon-wrapper {
  position: relative !important; }
  .tour__beacon-wrapper .tour__beacon-tip {
    position: absolute !important;
    top: -0.5rem;
    left: calc(-2px - 3.8rem) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 3.8rem !important;
    height: 3.8rem !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, #ffdb0d 0, #ffdb0d calc((3.8rem / 2) - 0.5rem), rgba(255, 219, 13, 0.3) calc((3.8rem / 2) - 0.5rem), rgba(255, 219, 13, 0.3) 100%) !important;
    z-index: 10 !important; }
    @media screen and (max-height: 648px) and (max-width: 960px) {
      .tour__beacon-wrapper .tour__beacon-tip {
        width: calc(3.8rem - 1.2rem) !important;
        height: calc(3.8rem - 1.2rem) !important;
        left: -2.8rem !important;
        top: 0; } }
    .tour__beacon-wrapper .tour__beacon-tip::before {
      display: none !important; }
    .tour__beacon-wrapper .tour__beacon-tip svg {
      width: calc(3.8rem - 2 * 0.5rem - 2 * 0.5rem) !important;
      height: calc(3.8rem - 2 * 0.5rem - 2 * 0.5rem) !important; }
    .tour__beacon-wrapper .tour__beacon-tip i {
      color: #000; }

.joyride-tip-guide {
  border-radius: 6px;
  width: 300px; }
  @media (min-width: 768px) {
    .joyride-tip-guide {
      width: 450px; } }
  .joyride-tip-guide .shepherd-arrow {
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    background-color: #ffdb0d;
    transform: rotate(45deg); }
  .joyride-tip-guide.shepherd-element[data-popper-placement^='top'] .shepherd-arrow {
    bottom: calc(1.6rem / -2);
    left: calc(50% - (1.6rem / 2)); }
  .joyride-tip-guide.shepherd-element[data-popper-placement^='bottom'] .shepherd-arrow {
    top: calc(1.6rem / -2);
    left: calc(50% - (1.6rem / 2)); }
  .joyride-tip-guide.shepherd-element[data-popper-placement^='left'] .shepherd-arrow {
    top: 50%;
    right: calc(1.6rem / -2);
    left: initial; }
  .joyride-tip-guide.shepherd-element[data-popper-placement^='right'] .shepherd-arrow {
    top: 50%;
    left: calc(1.6rem / -2); }
  .joyride-tip-guide.js-center-tour-card {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    margin: calc(-300px / 2) 0 0 calc(-300px / 2) !important; }
    @media (min-width: 768px) {
      .joyride-tip-guide.js-center-tour-card {
        margin: calc(-450px / 2) 0 0 calc(-450px / 2) !important; } }
    .joyride-tip-guide.js-center-tour-card .shepherd-arrow {
      display: none; }

.shepherd-modal-overlay-container {
  display: none; }

.shepherd-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 1.5rem;
  padding: 2.4rem;
  border: 1px solid #ffdb0d;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
  max-height: calc(100vh - 22px);
  overflow-x: clip;
  overflow-y: scroll; }
  @supports (-webkit-touch-callout: none) {
    .shepherd-content {
      max-height: -webkit-fill-available; } }
  .shepherd-content .tour-tip-body {
    flex: 1 0 100%; }
  .shepherd-content .image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -2.4rem -2.4rem 1.5rem;
    background-color: #ffdb0d; }
    .shepherd-content .image img {
      vertical-align: middle; }
  .shepherd-content .title {
    margin-bottom: 1.5rem;
    font-size: 2rem;
    color: #000; }
  .shepherd-content .description {
    margin-bottom: 0.9rem;
    color: #333; }
  .shepherd-content .tour-progress {
    position: initial;
    margin-right: auto;
    color: #696969;
    font-size: 1.4rem; }
  .shepherd-content .button {
    padding: 1rem 1.5rem; }
  .shepherd-content .shepherd-cancel-icon {
    right: .6875rem;
    top: .6875rem;
    display: block;
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 50%;
    background-color: #fff;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512" width="16" height="16" fill="%233f4547"%3E%3Cpath d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: center center;
    opacity: .8; }
    .shepherd-content .shepherd-cancel-icon:hover, .shepherd-content .shepherd-cancel-icon:focus {
      opacity: 1; }
    .shepherd-content .shepherd-cancel-icon > span {
      display: none; }

.ui-accordion,
.js-accordion {
  padding: 0; }
  .ui-accordion .ui-accordion-header,
  .js-accordion .ui-accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 2.4rem;
    font-size: 1.8rem;
    font-weight: 400;
    text-transform: none;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #dbdbdb;
    box-shadow: none;
    color: #3f4547;
    background: #fff;
    cursor: pointer;
    outline: none; }
    @media (min-width: 1200px) {
      .ui-accordion .ui-accordion-header,
      .js-accordion .ui-accordion-header {
        font-size: 2.4rem; } }
    @media (max-width: 767px) {
      .ui-accordion .ui-accordion-header,
      .js-accordion .ui-accordion-header {
        padding: 2.4rem 2.4rem; } }
    .ui-accordion .ui-accordion-header a,
    .ui-accordion .ui-accordion-header a:link,
    .ui-accordion .ui-accordion-header a:visited,
    .js-accordion .ui-accordion-header a,
    .js-accordion .ui-accordion-header a:link,
    .js-accordion .ui-accordion-header a:visited {
      color: #3f4547; }
    .ui-accordion .ui-accordion-header a:hover,
    .js-accordion .ui-accordion-header a:hover {
      text-decoration: underline; }
    .ui-accordion .ui-accordion-header.ui-state-active,
    .js-accordion .ui-accordion-header.ui-state-active {
      font-weight: 700;
      background: #28528a;
      border-bottom: 2px solid #28528a;
      color: #fff;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      border-radius: 2px;
      outline: none; }
      @media (max-width: 767px) {
        .ui-accordion .ui-accordion-header.ui-state-active,
        .js-accordion .ui-accordion-header.ui-state-active {
          box-shadow: none;
          border-bottom: 5px solid #28528a;
          padding: 2.4rem; } }
      .ui-accordion .ui-accordion-header.ui-state-active:focus,
      .js-accordion .ui-accordion-header.ui-state-active:focus {
        outline: 0; }
      .ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon,
      .js-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon {
        color: #fff;
        border-color: transparent;
        background: none; }
        .ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon::before,
        .js-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon::before {
          content: "\F0D8";
          color: #fff; }
      .ui-accordion .ui-accordion-header.ui-state-active a,
      .ui-accordion .ui-accordion-header.ui-state-active a:link,
      .ui-accordion .ui-accordion-header.ui-state-active a:visited,
      .js-accordion .ui-accordion-header.ui-state-active a,
      .js-accordion .ui-accordion-header.ui-state-active a:link,
      .js-accordion .ui-accordion-header.ui-state-active a:visited {
        color: #fff; }
    .ui-accordion .ui-accordion-header a,
    .js-accordion .ui-accordion-header a {
      flex-grow: 2;
      text-decoration: none;
      color: inherit; }
  .ui-accordion .ui-accordion-header-icon,
  .js-accordion .ui-accordion-header-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    padding: 0;
    color: #999;
    background: transparent;
    text-indent: 0;
    margin-top: 0;
    order: 2; }
    .ui-accordion .ui-accordion-header-icon::before,
    .js-accordion .ui-accordion-header-icon::before {
      display: inline-block;
      font: normal normal normal 14px / 1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: inherit;
      content: "\F0D7"; }
    .ui-accordion .ui-accordion-header-icon::before,
    .js-accordion .ui-accordion-header-icon::before {
      font-size: 1.5rem;
      padding: 0 0 .2rem 0; }
  .ui-accordion .ui-state-hover .ui-accordion-header-icon,
  .ui-accordion .ui-state-focus .ui-accordion-header-icon,
  .js-accordion .ui-state-hover .ui-accordion-header-icon,
  .js-accordion .ui-state-focus .ui-accordion-header-icon {
    background-image: none; }
  .ui-accordion .ui-accordion-content,
  .js-accordion .ui-accordion-content {
    margin: 0;
    padding: 0;
    border-width: 0;
    background: #fff;
    font-family: "DINPro", Arial, Helvetica, sans-serif;
    color: #656464; }
    @media (max-width: 767px) {
      .ui-accordion .ui-accordion-content,
      .js-accordion .ui-accordion-content {
        border-top: 1px solid #dbdbdb;
        padding: 2.4rem;
        background-color: #fbfbfb; } }
    .ui-accordion .ui-accordion-content.ui-accordion-content-active,
    .js-accordion .ui-accordion-content.ui-accordion-content-active {
      border-bottom: 1px solid #dbdbdb; }

@media (max-width: 1199px) {
  .mobile-js-accordion {
    padding: 0; }
    .mobile-js-accordion .ui-accordion-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 0;
      padding: 2.4rem;
      font-size: 1.8rem;
      font-weight: 400;
      text-transform: none;
      border: 0;
      border-radius: 0;
      border-bottom: 1px solid #dbdbdb;
      box-shadow: none;
      color: #3f4547;
      background: #fff;
      cursor: pointer;
      outline: none; } }
    @media (max-width: 1199px) and (min-width: 1200px) {
      .mobile-js-accordion .ui-accordion-header {
        font-size: 2.4rem; } }
    @media (max-width: 1199px) and (max-width: 767px) {
      .mobile-js-accordion .ui-accordion-header {
        padding: 2.4rem 2.4rem; } }

@media (max-width: 1199px) {
      .mobile-js-accordion .ui-accordion-header a,
      .mobile-js-accordion .ui-accordion-header a:link,
      .mobile-js-accordion .ui-accordion-header a:visited {
        color: #3f4547; }
      .mobile-js-accordion .ui-accordion-header a:hover {
        text-decoration: underline; }
      .mobile-js-accordion .ui-accordion-header.ui-state-active {
        font-weight: 700;
        background: #28528a;
        border-bottom: 2px solid #28528a;
        color: #fff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        border-radius: 2px;
        outline: none; } }
      @media (max-width: 1199px) and (max-width: 767px) {
        .mobile-js-accordion .ui-accordion-header.ui-state-active {
          box-shadow: none;
          border-bottom: 5px solid #28528a;
          padding: 2.4rem; } }

@media (max-width: 1199px) {
        .mobile-js-accordion .ui-accordion-header.ui-state-active:focus {
          outline: 0; }
        .mobile-js-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon {
          color: #fff;
          border-color: transparent;
          background: none; }
          .mobile-js-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon::before {
            content: "\F0D8";
            color: #fff; }
        .mobile-js-accordion .ui-accordion-header.ui-state-active a,
        .mobile-js-accordion .ui-accordion-header.ui-state-active a:link,
        .mobile-js-accordion .ui-accordion-header.ui-state-active a:visited {
          color: #fff; }
      .mobile-js-accordion .ui-accordion-header a {
        flex-grow: 2;
        text-decoration: none;
        color: inherit; }
    .mobile-js-accordion .ui-accordion-header-icon {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 3rem;
      height: 3rem;
      padding: 0;
      color: #999;
      background: transparent;
      text-indent: 0;
      margin-top: 0;
      order: 2; }
      .mobile-js-accordion .ui-accordion-header-icon::before {
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: inherit;
        content: "\F0D7"; }
      .mobile-js-accordion .ui-accordion-header-icon::before {
        font-size: 1.5rem;
        padding: 0 0 .2rem 0; }
    .mobile-js-accordion .ui-state-hover .ui-accordion-header-icon,
    .mobile-js-accordion .ui-state-focus .ui-accordion-header-icon {
      background-image: none; }
    .mobile-js-accordion .ui-accordion-content {
      margin: 0;
      padding: 0;
      border-width: 0;
      background: #fff;
      font-family: "DINPro", Arial, Helvetica, sans-serif;
      color: #656464; } }
    @media (max-width: 1199px) and (max-width: 767px) {
      .mobile-js-accordion .ui-accordion-content {
        border-top: 1px solid #dbdbdb;
        padding: 2.4rem;
        background-color: #fbfbfb; } }

@media (max-width: 1199px) {
      .mobile-js-accordion .ui-accordion-content.ui-accordion-content-active {
        border-bottom: 1px solid #dbdbdb; } }

@media (min-width: 1200px) {
  .mobile-js-accordion {
    padding: 0; }
    .mobile-js-accordion .ui-accordion-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 0;
      padding: 2.4rem;
      font-size: 1.8rem;
      font-weight: 400;
      text-transform: none;
      border: 0;
      border-radius: 0;
      border-bottom: 1px solid #dbdbdb;
      box-shadow: none;
      color: #3f4547;
      background: #fff;
      cursor: pointer;
      outline: none; } }
    @media (min-width: 1200px) and (min-width: 1200px) {
      .mobile-js-accordion .ui-accordion-header {
        font-size: 2.4rem; } }
    @media (min-width: 1200px) and (max-width: 767px) {
      .mobile-js-accordion .ui-accordion-header {
        padding: 2.4rem 2.4rem; } }

@media (min-width: 1200px) {
      .mobile-js-accordion .ui-accordion-header a,
      .mobile-js-accordion .ui-accordion-header a:link,
      .mobile-js-accordion .ui-accordion-header a:visited {
        color: #3f4547; }
      .mobile-js-accordion .ui-accordion-header a:hover {
        text-decoration: underline; }
      .mobile-js-accordion .ui-accordion-header.ui-state-active {
        font-weight: 700;
        background: #28528a;
        border-bottom: 2px solid #28528a;
        color: #fff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        border-radius: 2px;
        outline: none; } }
      @media (min-width: 1200px) and (max-width: 767px) {
        .mobile-js-accordion .ui-accordion-header.ui-state-active {
          box-shadow: none;
          border-bottom: 5px solid #28528a;
          padding: 2.4rem; } }

@media (min-width: 1200px) {
        .mobile-js-accordion .ui-accordion-header.ui-state-active:focus {
          outline: 0; }
        .mobile-js-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon {
          color: #fff;
          border-color: transparent;
          background: none; }
          .mobile-js-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon::before {
            content: "\F0D8";
            color: #fff; }
        .mobile-js-accordion .ui-accordion-header.ui-state-active a,
        .mobile-js-accordion .ui-accordion-header.ui-state-active a:link,
        .mobile-js-accordion .ui-accordion-header.ui-state-active a:visited {
          color: #fff; }
      .mobile-js-accordion .ui-accordion-header a {
        flex-grow: 2;
        text-decoration: none;
        color: inherit; }
    .mobile-js-accordion .ui-accordion-header-icon {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 3rem;
      height: 3rem;
      padding: 0;
      color: #999;
      background: transparent;
      text-indent: 0;
      margin-top: 0;
      order: 2; }
      .mobile-js-accordion .ui-accordion-header-icon::before {
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: inherit;
        content: "\F0D7"; }
      .mobile-js-accordion .ui-accordion-header-icon::before {
        font-size: 1.5rem;
        padding: 0 0 .2rem 0; }
    .mobile-js-accordion .ui-state-hover .ui-accordion-header-icon,
    .mobile-js-accordion .ui-state-focus .ui-accordion-header-icon {
      background-image: none; }
    .mobile-js-accordion .ui-accordion-content {
      margin: 0;
      padding: 0;
      border-width: 0;
      background: #fff;
      font-family: "DINPro", Arial, Helvetica, sans-serif;
      color: #656464; } }
    @media (min-width: 1200px) and (max-width: 767px) {
      .mobile-js-accordion .ui-accordion-content {
        border-top: 1px solid #dbdbdb;
        padding: 2.4rem;
        background-color: #fbfbfb; } }

@media (min-width: 1200px) {
      .mobile-js-accordion .ui-accordion-content.ui-accordion-content-active {
        border-bottom: 1px solid #dbdbdb; }
    .mobile-js-accordion .ui-accordion-header {
      padding: 2.4rem 0;
      font-weight: 700;
      background: transparent;
      border-bottom: 0;
      border-radius: 2px;
      cursor: default;
      outline: none; } }
    @media (min-width: 1200px) and (max-width: 767px) {
      .mobile-js-accordion .ui-accordion-header {
        box-shadow: none;
        border-bottom: 0;
        padding: 2.4rem 0; } }

@media (min-width: 1200px) {
      .mobile-js-accordion .ui-accordion-header:focus {
        outline: 0; } }

body.path-help .ui-accordion-header.ui-state-active {
  font-weight: 700;
  background: #fff;
  border-bottom: 2px solid #28528a;
  color: #28528a; }
  body.path-help .ui-accordion-header.ui-state-active a,
  body.path-help .ui-accordion-header.ui-state-active a:link,
  body.path-help .ui-accordion-header.ui-state-active a:visited {
    color: #3f4547; }

body.path-help .views-field-field-faq-answer {
  padding: 2.4rem; }
  body.path-help .views-field-field-faq-answer::after {
    clear: both;
    content: "";
    display: block; }

@media (max-width: 767px) {
  .ui-accordion {
    padding: 0; } }

.ui-widget.ui-autocomplete {
  padding: 0 0 0.6rem;
  font-size: 1.4rem;
  border-top: 1px solid var(--cuc-colorscheme-color1);
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  z-index: 90000; }
  .ui-widget.ui-autocomplete .ui-autocomplete-category {
    padding: 0.6rem 2.4rem 0;
    border-top: 1px solid var(--cuc-colorscheme-color1);
    font-size: 1.4rem;
    color: var(--cuc-colorscheme-color1); }
  .ui-widget.ui-autocomplete .ui-menu-item {
    border-bottom: 1px solid #e0e0e0; }
    .ui-widget.ui-autocomplete .ui-menu-item:last-child {
      border-bottom: 0; }
    .ui-widget.ui-autocomplete .ui-menu-item em {
      font-style: normal;
      font-weight: 700; }
    .ui-widget.ui-autocomplete .ui-menu-item a {
      display: block;
      padding: 30px;
      font-size: 16px;
      font-weight: 500;
      color: #696969 !important;
      text-decoration: none; }
      .ui-widget.ui-autocomplete .ui-menu-item a.ui-state-active {
        color: #000 !important;
        font-weight: 600;
        background: transparent;
        margin: 0; }
  .ui-widget.ui-autocomplete .ui-menu-item-wrapper {
    padding: 0.5rem 2.4rem;
    border: 0; }

.ui-helper-hidden-accessible {
  display: none; }

.ui-widget.ui-menu .ui-menu-item {
  float: none; }

.ui-widget.ui-widget-content.ui-tabs,
.js-tabs {
  border: 0;
  background: transparent; }
  .ui-widget.ui-widget-content.ui-tabs .ui-tabs-panel,
  .js-tabs .ui-tabs-panel {
    padding: 3.6rem 2.4rem;
    background-color: #f9f9f9; }
    @media (min-width: 960px) {
      .ui-widget.ui-widget-content.ui-tabs .ui-tabs-panel,
      .js-tabs .ui-tabs-panel {
        padding: 3.6rem; } }
  .ui-widget.ui-widget-content.ui-tabs .ui-tabs-nav,
  .ui-widget.ui-widget-content.ui-tabs > ul,
  .js-tabs .ui-tabs-nav,
  .js-tabs > ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font-weight: inherit; }
    .ui-widget.ui-widget-content.ui-tabs .ui-tabs-nav .ui-tabs-tab,
    .ui-widget.ui-widget-content.ui-tabs .ui-tabs-nav > li,
    .ui-widget.ui-widget-content.ui-tabs > ul .ui-tabs-tab,
    .ui-widget.ui-widget-content.ui-tabs > ul > li,
    .js-tabs .ui-tabs-nav .ui-tabs-tab,
    .js-tabs .ui-tabs-nav > li,
    .js-tabs > ul .ui-tabs-tab,
    .js-tabs > ul > li {
      position: relative;
      margin: 0 0 0 1rem;
      border: 0;
      background: transparent; }
      .ui-widget.ui-widget-content.ui-tabs .ui-tabs-nav .ui-tabs-tab::after,
      .ui-widget.ui-widget-content.ui-tabs .ui-tabs-nav > li::after,
      .ui-widget.ui-widget-content.ui-tabs > ul .ui-tabs-tab::after,
      .ui-widget.ui-widget-content.ui-tabs > ul > li::after,
      .js-tabs .ui-tabs-nav .ui-tabs-tab::after,
      .js-tabs .ui-tabs-nav > li::after,
      .js-tabs > ul .ui-tabs-tab::after,
      .js-tabs > ul > li::after {
        content: '';
        position: absolute;
        left: -1px;
        bottom: -1px;
        width: calc(100% + 2px);
        height: 5px;
        pointer-events: none; }
      .ui-widget.ui-widget-content.ui-tabs .ui-tabs-nav .ui-tabs-tab > a,
      .ui-widget.ui-widget-content.ui-tabs .ui-tabs-nav > li > a,
      .ui-widget.ui-widget-content.ui-tabs > ul .ui-tabs-tab > a,
      .ui-widget.ui-widget-content.ui-tabs > ul > li > a,
      .js-tabs .ui-tabs-nav .ui-tabs-tab > a,
      .js-tabs .ui-tabs-nav > li > a,
      .js-tabs > ul .ui-tabs-tab > a,
      .js-tabs > ul > li > a {
        display: block;
        padding: 1rem 1.5rem;
        color: #454545;
        line-height: 1.5;
        text-decoration: none; }
      .ui-widget.ui-widget-content.ui-tabs .ui-tabs-nav .ui-tabs-tab:hover::after, .ui-widget.ui-widget-content.ui-tabs .ui-tabs-nav .ui-tabs-tab.ui-state-active::after,
      .ui-widget.ui-widget-content.ui-tabs .ui-tabs-nav > li:hover::after,
      .ui-widget.ui-widget-content.ui-tabs .ui-tabs-nav > li.ui-state-active::after,
      .ui-widget.ui-widget-content.ui-tabs > ul .ui-tabs-tab:hover::after,
      .ui-widget.ui-widget-content.ui-tabs > ul .ui-tabs-tab.ui-state-active::after,
      .ui-widget.ui-widget-content.ui-tabs > ul > li:hover::after,
      .ui-widget.ui-widget-content.ui-tabs > ul > li.ui-state-active::after,
      .js-tabs .ui-tabs-nav .ui-tabs-tab:hover::after,
      .js-tabs .ui-tabs-nav .ui-tabs-tab.ui-state-active::after,
      .js-tabs .ui-tabs-nav > li:hover::after,
      .js-tabs .ui-tabs-nav > li.ui-state-active::after,
      .js-tabs > ul .ui-tabs-tab:hover::after,
      .js-tabs > ul .ui-tabs-tab.ui-state-active::after,
      .js-tabs > ul > li:hover::after,
      .js-tabs > ul > li.ui-state-active::after {
        background: var(--cuc-colorscheme-color1); }
      .ui-widget.ui-widget-content.ui-tabs .ui-tabs-nav .ui-tabs-tab:hover > a,
      .ui-widget.ui-widget-content.ui-tabs .ui-tabs-nav > li:hover > a,
      .ui-widget.ui-widget-content.ui-tabs > ul .ui-tabs-tab:hover > a,
      .ui-widget.ui-widget-content.ui-tabs > ul > li:hover > a,
      .js-tabs .ui-tabs-nav .ui-tabs-tab:hover > a,
      .js-tabs .ui-tabs-nav > li:hover > a,
      .js-tabs > ul .ui-tabs-tab:hover > a,
      .js-tabs > ul > li:hover > a {
        color: #000; }
      .ui-widget.ui-widget-content.ui-tabs .ui-tabs-nav .ui-tabs-tab.ui-state-active > a,
      .ui-widget.ui-widget-content.ui-tabs .ui-tabs-nav > li.ui-state-active > a,
      .ui-widget.ui-widget-content.ui-tabs > ul .ui-tabs-tab.ui-state-active > a,
      .ui-widget.ui-widget-content.ui-tabs > ul > li.ui-state-active > a,
      .js-tabs .ui-tabs-nav .ui-tabs-tab.ui-state-active > a,
      .js-tabs .ui-tabs-nav > li.ui-state-active > a,
      .js-tabs > ul .ui-tabs-tab.ui-state-active > a,
      .js-tabs > ul > li.ui-state-active > a {
        font-weight: 700; }
  .ui-widget.ui-widget-content.ui-tabs .ui-widget-content,
  .js-tabs .ui-widget-content {
    border: 0;
    border-radius: 6px; }
  .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav,
  .js-tabs.library--contact-block .ui-tabs-nav {
    display: block;
    border-bottom: 0; }
    .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav li,
    .js-tabs.library--contact-block .ui-tabs-nav li {
      background: transparent; }
      .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav li.ui-state-active,
      .js-tabs.library--contact-block .ui-tabs-nav li.ui-state-active {
        background: transparent;
        margin-bottom: 0;
        padding-bottom: 0; }
        .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav li.ui-state-active .ui-tabs-anchor::after,
        .js-tabs.library--contact-block .ui-tabs-nav li.ui-state-active .ui-tabs-anchor::after {
          display: inline-block;
          font: normal normal normal 14px / 1 FontAwesome;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: inherit;
          content: "\F0D8"; }
    .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav .ui-tabs-anchor,
    .js-tabs.library--contact-block .ui-tabs-nav .ui-tabs-anchor {
      display: block;
      border-bottom: 1px solid #dbdbdb;
      font-size: 14px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.554);
      padding: 1em 1em 1em 2rem;
      position: relative; }
      @media (min-width: 960px) {
        .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav .ui-tabs-anchor,
        .js-tabs.library--contact-block .ui-tabs-nav .ui-tabs-anchor {
          padding-left: 0;
          padding-right: 0; } }
      .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav .ui-tabs-anchor a,
      .js-tabs.library--contact-block .ui-tabs-nav .ui-tabs-anchor a {
        color: rgba(0, 0, 0, 0.554);
        font-size: 14px;
        margin: 0;
        padding: 0;
        font-weight: normal; }
      .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav .ui-tabs-anchor::after,
      .js-tabs.library--contact-block .ui-tabs-nav .ui-tabs-anchor::after {
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: inherit;
        content: "\F0D7"; }
      .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav .ui-tabs-anchor::after,
      .js-tabs.library--contact-block .ui-tabs-nav .ui-tabs-anchor::after {
        position: absolute;
        right: 2.4rem;
        top: 50%;
        transform: translateY(-50%); }
      .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav .ui-tabs-anchor span,
      .js-tabs.library--contact-block .ui-tabs-nav .ui-tabs-anchor span {
        display: none; }
      .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav .ui-tabs-anchor .opening-hours-indication,
      .js-tabs.library--contact-block .ui-tabs-nav .ui-tabs-anchor .opening-hours-indication {
        font-size: 10px;
        text-transform: none;
        font-weight: bold;
        color: #5e7f3d; }
        .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav .ui-tabs-anchor .opening-hours-indication.library-closed,
        .js-tabs.library--contact-block .ui-tabs-nav .ui-tabs-anchor .opening-hours-indication.library-closed {
          color: #ea0000; }
    .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav .library--contact-block-item__tab .library--contact-block-item,
    .js-tabs.library--contact-block .ui-tabs-nav .library--contact-block-item__tab .library--contact-block-item {
      display: none; }
      .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav .library--contact-block-item__tab .library--contact-block-item .library__content-wrapper,
      .js-tabs.library--contact-block .ui-tabs-nav .library--contact-block-item__tab .library--contact-block-item .library__content-wrapper {
        -moz-column-count: 2;
             column-count: 2;
        padding: 2rem 2rem 0; }
        @media (max-width: 767px) {
          .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav .library--contact-block-item__tab .library--contact-block-item .library__content-wrapper,
          .js-tabs.library--contact-block .ui-tabs-nav .library--contact-block-item__tab .library--contact-block-item .library__content-wrapper {
            -moz-column-count: 1;
                 column-count: 1; } }
        .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav .library--contact-block-item__tab .library--contact-block-item .library__content-wrapper .library__details,
        .js-tabs.library--contact-block .ui-tabs-nav .library--contact-block-item__tab .library--contact-block-item .library__content-wrapper .library__details {
          -moz-column-break-before: auto;
               break-before: auto; }
    @media (max-width: 1199px) {
      .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav .library--contact-block-item__tab.ui-state-active .library--contact-block-item,
      .js-tabs.library--contact-block .ui-tabs-nav .library--contact-block-item__tab.ui-state-active .library--contact-block-item {
        display: block; } }
    .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav.always-accordion-tabs-footer li.ui-state-active .library--contact-block-item,
    .js-tabs.library--contact-block .ui-tabs-nav.always-accordion-tabs-footer li.ui-state-active .library--contact-block-item {
      display: block !important; }
      .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav.always-accordion-tabs-footer li.ui-state-active .library--contact-block-item .library__content-wrapper,
      .js-tabs.library--contact-block .ui-tabs-nav.always-accordion-tabs-footer li.ui-state-active .library--contact-block-item .library__content-wrapper {
        -moz-column-count: 1 !important;
             column-count: 1 !important; }
        .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav.always-accordion-tabs-footer li.ui-state-active .library--contact-block-item .library__content-wrapper .library__details,
        .js-tabs.library--contact-block .ui-tabs-nav.always-accordion-tabs-footer li.ui-state-active .library--contact-block-item .library__content-wrapper .library__details {
          -moz-column-break-before: auto;
               break-before: auto; }
    @media (min-width: 1200px) {
      .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav:not(.always-accordion-tabs-footer),
      .js-tabs.library--contact-block .ui-tabs-nav:not(.always-accordion-tabs-footer) {
        display: flex;
        flex-wrap: wrap;
        padding-left: 3.2rem; }
        .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav:not(.always-accordion-tabs-footer) .ui-tabs-anchor,
        .js-tabs.library--contact-block .ui-tabs-nav:not(.always-accordion-tabs-footer) .ui-tabs-anchor {
          border-bottom: 0; }
          .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav:not(.always-accordion-tabs-footer) .ui-tabs-anchor h3,
          .js-tabs.library--contact-block .ui-tabs-nav:not(.always-accordion-tabs-footer) .ui-tabs-anchor h3 {
            color: rgba(0, 0, 0, 0.554);
            font-size: 14px;
            margin: 0;
            padding: 0;
            font-weight: normal; }
          .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav:not(.always-accordion-tabs-footer) .ui-tabs-anchor::after,
          .js-tabs.library--contact-block .ui-tabs-nav:not(.always-accordion-tabs-footer) .ui-tabs-anchor::after {
            display: none; }
        .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav:not(.always-accordion-tabs-footer) li.ui-state-active .ui-tabs-anchor,
        .js-tabs.library--contact-block .ui-tabs-nav:not(.always-accordion-tabs-footer) li.ui-state-active .ui-tabs-anchor {
          color: #000;
          position: relative;
          font-weight: bold; }
          .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav:not(.always-accordion-tabs-footer) li.ui-state-active .ui-tabs-anchor h3,
          .js-tabs.library--contact-block .ui-tabs-nav:not(.always-accordion-tabs-footer) li.ui-state-active .ui-tabs-anchor h3 {
            font-weight: bold;
            color: #000; }
          .ui-widget.ui-widget-content.ui-tabs.library--contact-block .ui-tabs-nav:not(.always-accordion-tabs-footer) li.ui-state-active .ui-tabs-anchor::after,
          .js-tabs.library--contact-block .ui-tabs-nav:not(.always-accordion-tabs-footer) li.ui-state-active .ui-tabs-anchor::after {
            content: '';
            display: block;
            height: 3px;
            left: 1em;
            right: 1em;
            bottom: 0;
            top: auto;
            transform: none;
            background: var(--cuc-colorscheme-color1); } }

.ui-widget {
  font-family: "DINPro", Arial, Helvetica, sans-serif; }
  .ui-widget.ui-front, .ui-widget.ui-autocomplete, .ui-widget.ui-widget-content {
    font-family: "DINPro", Arial, Helvetica, sans-serif; }
  .ui-widget .ui-helper-hidden-accessible {
    display: none; }

.ui-widget-content a {
  color: #28528a; }

.ui-datepicker .ui-datepicker-title {
  display: flex;
  justify-content: space-around; }

.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.5); }

.ui-widget.ui-dialog {
  border: 0;
  max-width: 92% !important; }
  @media (min-width: 768px) {
    .ui-widget.ui-dialog {
      max-width: none !important; } }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: transparent;
  border: 0; }

.ui-dialog .ui-dialog-titlebar-close {
  outline: none;
  box-shadow: none;
  border: 0;
  background: #fff;
  right: 1.8rem;
  top: 40%; }
  .ui-dialog .ui-dialog-titlebar-close .ui-icon {
    background-image: url("/themes/custom/library_portal_theme/assets/svg/close-black.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }

.ui-dialog .ui-dialog-titlebar {
  text-align: left;
  color: #000;
  border-color: #fff;
  border-radius: 0;
  background: #fff;
  padding: 3.6rem 3.6rem 0; }
  .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    font-size: 2.8rem;
    color: #000; }

.ui-dialog .ui-dialog-content {
  padding: 1.2rem 3.6rem 3.6rem;
  background: #fff;
  color: #000; }

.ui-dialog .ui-dialog-buttonpane {
  display: none; }

.view--faq h2.js-views-accordion-group-header {
  margin-left: 2.4rem;
  margin-bottom: 1.8rem;
  font-size: 2.2rem; }
  @media (min-width: 768px) {
    .view--faq h2.js-views-accordion-group-header {
      font-size: 3.5rem; } }

.view--faq .views-content > .views-row {
  margin-bottom: 4.8rem; }

.view--faq footer {
  margin: 4.8rem 2.4rem 0; }