/*
Notes on how to write code in this document:

- Use a capitalized letter for the mixin name e.g. RoundedShape
- Use camelCase notation (lowercase for the first word, then uppercase for the first letter of the following words) for variables e.g. @defaultThemeColor
- Use 4 spaces for the indentation
*/
/*
$mobile:   new-breakpoint(max-width 500px 3);
$tablet:   new-breakpoint(min-width 501px max-width 899px 9);
$desktop:  new-breakpoint(min-width 900px 12);
*/
/*

----------------------------------------------------------------------
// Create visual grids for testing
//@include grid-visual;

----------------------------------------------------------------------
@include grid-collapse;

Creates collapsed grid object that consumes the gutters of its container, for use in nested layouts.
Used for containers that should completely cover their parent container.
----------------------------------------------------------------------
*/
@viewport {
  zoom: 1.0;
  width: extend-to-zoom;
}

@-ms-viewport {
  width: extend-to-zoom;
  zoom: 1.0;
}

body {
  margin: 0;
}

a {
  background: transparent;
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

h1 {
  font-size: 100%;
  font-size: 1.39vw;
  margin: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

mark {
  background: #ff0;
  color: #000;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

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

article ul, article ol {
  display: block;
  list-style: disc outside none;
  margin: 1em 0;
  padding: 0 0 0 40px;
}

article ol {
  list-style-type: decimal;
}

article li {
  display: list-item;
}

article ul ul, article ol ul {
  list-style-type: circle;
  margin-left: 15px;
}

article ol ol, article ul ol {
  list-style-type: lower-latin;
  margin-left: 15px;
}

* {
  box-sizing: border-box;
}

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

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

html, body {
  height: 100%;
}

a img {
  border: none;
}

blockquote {
  quotes: none;
}

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

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 75%;
}

@media screen and (min-width: 40em) {
  html {
    font-size: 87.5%;
  }
}

@media screen and (min-width: 50em) {
  html {
    font-size: 93.75%;
  }
}

@media screen and (min-width: 64em) {
  html {
    font-size: 106.25%;
  }
}

@media screen and (min-width: 100em) {
  html {
    font-size: 118.75%;
  }
}

body {
  font-family: Georgia, serif;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  font-size: 1.3333333333rem;
}

@media screen and (min-width: 40em) {
  body {
    font-size: 1.2142857143rem;
  }
}

@media screen and (min-width: 50em) {
  body {
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 64em) {
  body {
    font-size: 1.1764705882rem;
  }
}

@media screen and (min-width: 100em) {
  body {
    font-size: 1.1578947368rem;
  }
}

a {
  color: #0E58F5;
  text-decoration: none;
  transition: color .1s, background-color .1s;
}

a:hover, a:active, a:focus {
  color: #0B348B;
  text-decoration: none;
}

.typeset p a, .typeset li a {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #709cf9 50%);
  background-position: 0 93%;
  background-repeat: repeat-x;
  background-size: 100% 0.15rem;
  text-shadow: 0.1rem 0 #FCFCFC, 0.15rem 0 #FCFCFC, -0.1rem 0 #FCFCFC, -0.15rem 0 #FCFCFC;
}

.typeset p a:hover, .typeset p a:active, .typeset p a:focus, .typeset li a:hover, .typeset li a:active, .typeset li a:focus {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #1257ea 50%);
}

.typeset p {
  font-feature-settings: 'kern', 'onum', 'liga';
  line-height: 2rem;
  margin-bottom: 1.43999rem;
  padding-top: 0.56001rem;
}

@media screen and (min-width: 40em) {
  .typeset p {
    margin-bottom: 1.4007042857rem;
    padding-top: 0.5992957143rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset p {
    margin-bottom: 1.39599rem;
    padding-top: 0.60401rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset p {
    margin-bottom: 1.3882252941rem;
    padding-top: 0.6117747059rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset p {
    margin-bottom: 1.3820952632rem;
    padding-top: 0.6179047368rem;
  }
}

.typeset h1, .typeset h2, .typeset h3, .typeset h4, .typeset h5, .typeset h6 {
  color: #2E2E2E;
  font-family: Helvetica, sans-serif;
  font-feature-settings: 'dlig', 'liga', 'lnum', 'kern';
  font-style: normal;
  font-weight: 700;
}

.typeset h1, .typeset .alpha {
  line-height: 3rem;
  font-size: 2.3333333333rem;
  margin-bottom: 0.26999rem;
  padding-top: 0.73001rem;
}

@media screen and (min-width: 40em) {
  .typeset h1, .typeset .alpha {
    font-size: 2.1428571429rem;
    margin-bottom: 0.2071328571rem;
    padding-top: 0.7928671429rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset h1, .typeset .alpha {
    font-size: 2.1333333333rem;
    margin-bottom: 0.20399rem;
    padding-top: 0.79601rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset h1, .typeset .alpha {
    font-size: 2.3529411765rem;
    margin-bottom: 0.2764605882rem;
    padding-top: 0.7235394118rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset h1, .typeset .alpha {
    font-size: 2.6315789474rem;
    margin-bottom: 0.3684110526rem;
    padding-top: 0.6315889474rem;
  }
}

.typeset h2, .typeset .beta {
  line-height: 3rem;
  font-size: 2.0833333333rem;
  margin-bottom: 0.18749rem;
  padding-top: 0.81251rem;
}

@media screen and (min-width: 40em) {
  .typeset h2, .typeset .beta {
    font-size: 1.9rem;
    margin-bottom: 0.12699rem;
    padding-top: 0.87301rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset h2, .typeset .beta {
    font-size: 1.8733333333rem;
    margin-bottom: 0.11819rem;
    padding-top: 0.88181rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset h2, .typeset .beta {
    font-size: 2.0882352941rem;
    margin-bottom: 0.1891076471rem;
    padding-top: 0.8108923529rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset h2, .typeset .beta {
    font-size: 2.3105263158rem;
    margin-bottom: 0.2624636842rem;
    padding-top: 0.7375363158rem;
  }
}

.typeset h3, .typeset .gamma {
  line-height: 3rem;
  font-size: 1.8666666667rem;
  margin-bottom: 0.11599rem;
  padding-top: 0.88401rem;
}

@media screen and (min-width: 40em) {
  .typeset h3, .typeset .gamma {
    font-size: 1.7142857143rem;
    margin-bottom: 0.0657042857rem;
    padding-top: 0.9342957143rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset h3, .typeset .gamma {
    font-size: 1.7066666667rem;
    margin-bottom: 0.06319rem;
    padding-top: 0.93681rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset h3, .typeset .gamma {
    font-size: 1.7647058824rem;
    margin-bottom: 0.0823429412rem;
    padding-top: 0.9176570588rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset h3, .typeset .gamma {
    font-size: 1.8578947368rem;
    margin-bottom: 0.1130952632rem;
    padding-top: 0.8869047368rem;
  }
}

.typeset h4, .typeset .delta {
  line-height: 2rem;
  font-size: 1.6666666667rem;
  margin-bottom: -0.45001rem;
  padding-top: 0.45001rem;
}

@media screen and (min-width: 40em) {
  .typeset h4, .typeset .delta {
    font-size: 1.5214285714rem;
    margin-bottom: -0.4979385714rem;
    padding-top: 0.4979385714rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset h4, .typeset .delta {
    font-size: 1.5rem;
    margin-bottom: -0.50501rem;
    padding-top: 0.50501rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset h4, .typeset .delta {
    font-size: 1.5705882353rem;
    margin-bottom: -0.4817158824rem;
    padding-top: 0.4817158824rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset h4, .typeset .delta {
    font-size: 1.6368421053rem;
    margin-bottom: -0.4598521053rem;
    padding-top: 0.4598521053rem;
  }
}

.typeset h5, .typeset .epsilon {
  line-height: 2rem;
  font-size: 1.4916666667rem;
  margin-bottom: -0.50776rem;
  padding-top: 0.50776rem;
}

@media screen and (min-width: 40em) {
  .typeset h5, .typeset .epsilon {
    font-size: 1.3714285714rem;
    margin-bottom: -0.5474385714rem;
    padding-top: 0.5474385714rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset h5, .typeset .epsilon {
    font-size: 1.3666666667rem;
    margin-bottom: -0.54901rem;
    padding-top: 0.54901rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset h5, .typeset .epsilon {
    font-size: 1.3235294118rem;
    margin-bottom: -0.5632452941rem;
    padding-top: 0.5632452941rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset h5, .typeset .epsilon {
    font-size: 1.3157894737rem;
    margin-bottom: -0.5657994737rem;
    padding-top: 0.5657994737rem;
  }
}

.typeset h6, .typeset .zeta {
  line-height: 2rem;
  font-size: 1.3333333333rem;
  margin-bottom: -0.56001rem;
  padding-top: 0.56001rem;
}

@media screen and (min-width: 40em) {
  .typeset h6, .typeset .zeta {
    font-size: 1.2142857143rem;
    margin-bottom: -0.5992957143rem;
    padding-top: 0.5992957143rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset h6, .typeset .zeta {
    font-size: 1.2rem;
    margin-bottom: -0.60401rem;
    padding-top: 0.60401rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset h6, .typeset .zeta {
    font-size: 1.1764705882rem;
    margin-bottom: -0.6117747059rem;
    padding-top: 0.6117747059rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset h6, .typeset .zeta {
    font-size: 1.1578947368rem;
    margin-bottom: -0.6179047368rem;
    padding-top: 0.6179047368rem;
  }
}

.typeset ul, .typeset ol {
  line-height: 2rem;
  margin-bottom: 1.43999rem;
  padding-top: 0.56001rem;
}

@media screen and (min-width: 40em) {
  .typeset ul, .typeset ol {
    margin-bottom: 1.4007042857rem;
    padding-top: 0.5992957143rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset ul, .typeset ol {
    margin-bottom: 1.39599rem;
    padding-top: 0.60401rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset ul, .typeset ol {
    margin-bottom: 1.3882252941rem;
    padding-top: 0.6117747059rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset ul, .typeset ol {
    margin-bottom: 1.3820952632rem;
    padding-top: 0.6179047368rem;
  }
}

.typeset ul li, .typeset ol li {
  font-feature-settings: 'kern', 'onum', 'liga';
  margin-left: 2rem;
}

@media screen and (min-width: 40em) {
  .typeset ul li, .typeset ol li {
    margin-left: 0;
  }
}

.typeset ul li ol, .typeset ul li ul, .typeset ol li ol, .typeset ol li ul {
  padding-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 2rem;
}

.typeset ol {
  list-style-type: none;
}

.typeset ol li {
  counter-increment: top-level;
}

.typeset ol li:before {
  content: counter(top-level) ".";
  font-feature-settings: 'lnum', 'tnum';
  margin-left: -3rem;
  position: absolute;
  text-align: right;
  width: 2em;
}

.typeset ol li ul li:before {
  content: '';
}

.typeset ol li ul li ol li {
  counter-increment: alt-level;
}

.typeset ol li ul li ol li:before {
  content: counter(alt-level) ".";
}

.typeset ol li ol li {
  counter-increment: sub-level;
}

.typeset ol li ol li:before {
  content: counter(top-level) "." counter(sub-level);
}

.typeset ol li ol li ul li:before {
  content: '';
}

.typeset ol li ol li ol li {
  counter-increment: sub-sub-level;
}

.typeset ol li ol li ol li:before {
  content: counter(top-level) "." counter(sub-level) "." counter(sub-sub-level);
}

.typeset dl {
  line-height: 2rem;
  margin-bottom: 1.43999rem;
  padding-top: 0.56001rem;
}

@media screen and (min-width: 40em) {
  .typeset dl {
    margin-bottom: 1.4007042857rem;
    padding-top: 0.5992957143rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset dl {
    margin-bottom: 1.39599rem;
    padding-top: 0.60401rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset dl {
    margin-bottom: 1.3882252941rem;
    padding-top: 0.6117747059rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset dl {
    margin-bottom: 1.3820952632rem;
    padding-top: 0.6179047368rem;
  }
}

.typeset dl dt, .typeset dl dd {
  font-feature-settings: 'kern', 'onum', 'liga';
  margin-left: 2rem;
}

@media screen and (min-width: 40em) {
  .typeset dl dt, .typeset dl dd {
    margin-left: 0;
  }
}

.typeset dl dt {
  font-weight: 700;
}

.typeset dl dd + dt {
  padding-top: 1rem;
}

.typeset table {
  font-family: Helvetica, sans-serif;
  font-feature-settings: 'liga', 'lnum', 'tnum', 'kern';
  font-style: normal;
  font-weight: 400;
  width: 100%;
  line-height: 2rem;
  font-size: 1.1916666667rem;
  margin-bottom: -0.60676rem;
  padding-top: 0.60676rem;
}

@media screen and (min-width: 40em) {
  .typeset table {
    font-size: 1.0928571429rem;
    margin-bottom: -0.6393671429rem;
    padding-top: 0.6393671429rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset table {
    font-size: 1.0866666667rem;
    margin-bottom: -0.64141rem;
    padding-top: 0.64141rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset table {
    font-size: 0.9941176471rem;
    margin-bottom: -0.6719511765rem;
    padding-top: 0.6719511765rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset table {
    font-size: 0.9263157895rem;
    margin-bottom: -0.6943257895rem;
    padding-top: 0.6943257895rem;
  }
}

.typeset table thead th {
  line-height: 2rem;
  font-size: 1.3333333333rem;
  margin-bottom: -0.56001rem;
  padding-top: 0.56001rem;
  padding-bottom: 1px;
}

@media screen and (min-width: 40em) {
  .typeset table thead th {
    font-size: 1.2142857143rem;
    margin-bottom: -0.5992957143rem;
    padding-top: 0.5992957143rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset table thead th {
    font-size: 1.2rem;
    margin-bottom: -0.60401rem;
    padding-top: 0.60401rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset table thead th {
    font-size: 1.1764705882rem;
    margin-bottom: -0.6117747059rem;
    padding-top: 0.6117747059rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset table thead th {
    font-size: 1.1578947368rem;
    margin-bottom: -0.6179047368rem;
    padding-top: 0.6179047368rem;
  }
}

.typeset b, .typeset strong, .typeset .bold {
  font-weight: 700;
}

.typeset em, .typeset i, .typeset .italic {
  font-style: italic;
}

.typeset small, .typeset .caption {
  font-family: Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.0666666667rem;
}

@media screen and (min-width: 40em) {
  .typeset small, .typeset .caption {
    font-size: 0.9714285714rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset small, .typeset .caption {
    font-size: 0.96rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset small, .typeset .caption {
    font-size: 0.8823529412rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset small, .typeset .caption {
    font-size: 0.8210526316rem;
  }
}

.typeset small {
  line-height: 1rem;
}

.typeset .caption {
  color: #BDC8CC;
  line-height: 2rem;
  margin-bottom: 1.35199rem;
  padding-top: 0.64801rem;
}

@media screen and (min-width: 40em) {
  .typeset .caption {
    margin-bottom: 1.3205614286rem;
    padding-top: 0.6794385714rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset .caption {
    margin-bottom: 1.31679rem;
    padding-top: 0.68321rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset .caption {
    margin-bottom: 1.2911664706rem;
    padding-top: 0.7088335294rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset .caption {
    margin-bottom: 1.2709373684rem;
    padding-top: 0.7290626316rem;
  }
}

.typeset h1 + .caption, .typeset .alpha + .caption, .typeset h2 + .caption, .typeset .beta + .caption, .typeset h3 + .caption, .typeset .gamma + .caption {
  margin-top: -1rem;
}

.typeset .delta + .caption, .typeset .epsilon + .caption, .typeset .zeta + .caption {
  margin-top: 0rem;
}

.typeset blockquote p {
  border-left: 0.15rem solid #0E58F5;
  font-style: italic;
  padding-left: 1rem;
  margin-bottom: 1.87999rem;
  padding-bottom: 0.56001rem;
}

@media screen and (min-width: 40em) {
  .typeset blockquote p {
    margin-bottom: 1.8014185714rem;
    padding-bottom: 0.5992957143rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset blockquote p {
    margin-bottom: 1.79199rem;
    padding-bottom: 0.60401rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset blockquote p {
    margin-bottom: 1.7764605882rem;
    padding-bottom: 0.6117747059rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset blockquote p {
    margin-bottom: 1.7642005263rem;
    padding-bottom: 0.6179047368rem;
  }
}

@media screen and (min-width: 40em) {
  .typeset blockquote {
    margin-left: -1rem;
  }
}

.typeset hr {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #BDC8CC 50%);
  background-position: 0 50%;
  background-repeat: repeat-x;
  background-size: 100% 0.15rem;
  border: 0;
  margin: 0;
  padding-bottom: 3rem;
  padding-top: 3rem;
}

.typeset code, .typeset pre {
  background-color: #F5F4F2;
  font-family: Menlo, monospace;
}

.typeset pre {
  display: block;
  margin-bottom: 2rem;
  padding: 1rem;
  white-space: pre;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
}

.typeset code {
  line-height: 1rem;
  font-size: 1.0666666667rem;
}

@media screen and (min-width: 40em) {
  .typeset code {
    font-size: 0.9714285714rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset code {
    font-size: 0.96rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset code {
    font-size: 0.8823529412rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset code {
    font-size: 0.8210526316rem;
  }
}

.typeset .upper {
  font-kerning: normal;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}

.typeset .small-caps {
  font-feature-settings: 'smcp', 'kern';
  font-kerning: normal;
  letter-spacing: 0.1rem;
}

.typeset .lining-numerals {
  font-feature-settings: 'lnum', 'kern';
}

.typeset .oldstyle-numerals {
  font-feature-settings: 'onum', 'kern';
}

.section {
  margin: 0 auto;
  position: relative;
  width: 94%;
}

.section:before, .section:after {
  display: table;
  content: "";
}

.section:after {
  clear: both;
}

@media screen and (min-width: 64em) {
  .section {
    max-width: 64.7058823529rem;
  }
}

@media screen and (min-width: 100em) {
  .section {
    max-width: 68.4210526316rem;
  }
}

.single-measure {
  margin: 0 auto;
  max-width: 41.6666666667rem;
}

@media screen and (min-width: 40em) {
  .single-measure {
    max-width: 39.2857142857rem;
  }
}

@media screen and (min-width: 50em) {
  .single-measure {
    max-width: 40rem;
  }
}

@media screen and (min-width: 64em) {
  .single-measure {
    max-width: 40rem;
  }
}

@media screen and (min-width: 100em) {
  .single-measure {
    max-width: 39.4736842105rem;
  }
}

.column {
  margin: 0 auto;
  width: 100%;
  max-width: 41.6666666667rem;
}

@media screen and (min-width: 40em) {
  .column {
    float: left;
    margin: inherit;
    max-width: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media screen and (min-width: 64em) {
  .column {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media screen and (min-width: 40em) {
  .column--duo {
    width: 50%;
  }
  .column--duo:nth-child(3n) {
    clear: left;
  }
  .column--duo:nth-child(n+3) {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 40em) {
  .column--trio {
    width: 33.333%;
  }
  .column--trio:nth-child(4n) {
    clear: left;
  }
  .column--trio:nth-child(n+4) {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 40em) {
  .column--quad {
    width: 50%;
  }
}

@media screen and (min-width: 50em) {
  .column--quad {
    width: 25%;
  }
}

@media screen and (min-width: 40em) {
  .column--main {
    max-width: 65%;
  }
}

@media screen and (min-width: 50em) {
  .column--main {
    max-width: 65%;
  }
}

@media screen and (min-width: 64em) {
  .column--main {
    max-width: 65%;
  }
}

@media screen and (min-width: 100em) {
  .column--main {
    max-width: 63.5384615385%;
  }
}

@media screen and (min-width: 40em) {
  .column--sidebar {
    padding-right: 2rem;
    max-width: 35%;
  }
}

@media screen and (min-width: 50em) {
  .column--sidebar {
    max-width: 35%;
  }
}

@media screen and (min-width: 64em) {
  .column--sidebar {
    padding-right: 4rem;
    max-width: 35%;
  }
}

@media screen and (min-width: 100em) {
  .column--sidebar {
    max-width: 36.4615384615%;
  }
}

@media screen and (min-width: 40em) {
  .column--main + .column--sidebar {
    padding-left: 2rem;
    padding-right: 1rem;
  }
}

@media screen and (min-width: 64em) {
  .column--main + .column--sidebar {
    padding-left: 4rem;
    padding-right: 2rem;
  }
}

@media screen and (min-width: 64em) {
  .column--trio p,
.column--quad p,
.column--sidebar p {
    line-height: 2rem;
    font-size: 0.9941176471rem;
    margin-bottom: 1.3280488235rem;
    padding-top: 0.6719511765rem;
  }
  .column--trio li,
.column--quad li,
.column--sidebar li {
    font-size: 0.9941176471rem;
  }
}

@media screen and (min-width: 100em) {
  .column--trio p,
.column--quad p,
.column--sidebar p {
    line-height: 2rem;
    font-size: 0.9263157895rem;
    margin-bottom: 1.3056742105rem;
    padding-top: 0.6943257895rem;
  }
  .column--trio li,
.column--quad li,
.column--sidebar li {
    font-size: 0.9263157895rem;
  }
}

@media screen and (min-width: 40em) {
  .column--right {
    max-width: 65%;
    margin-left: 35%;
  }
}

@media screen and (min-width: 50em) {
  .column--right {
    max-width: 65%;
    margin-left: 35%;
  }
}

@media screen and (min-width: 64em) {
  .column--right {
    max-width: 65%;
    margin-left: 35%;
  }
}

@media screen and (min-width: 100em) {
  .column--right {
    max-width: 63.5384615385%;
    margin-left: 36.4615384615%;
  }
}

@media screen and (min-width: 40em) {
  .column--right .sidenote {
    left: 0;
    padding-left: 1rem;
    padding-right: 2rem;
    position: absolute;
    max-width: 35%;
  }
}

@media screen and (min-width: 50em) {
  .column--right .sidenote {
    max-width: 35%;
  }
}

@media screen and (min-width: 64em) {
  .column--right .sidenote {
    padding-right: 4rem;
    max-width: 35%;
  }
}

@media screen and (min-width: 100em) {
  .column--right .sidenote {
    padding-left: 2rem;
    max-width: 36.4615384615%;
  }
}

@media screen and (min-width: 40em) {
  .column--left {
    max-width: 65%;
  }
}

@media screen and (min-width: 50em) {
  .column--left {
    max-width: 65%;
  }
}

@media screen and (min-width: 64em) {
  .column--left {
    max-width: 65%;
  }
}

@media screen and (min-width: 100em) {
  .column--left {
    max-width: 63.5384615385%;
  }
}

@media screen and (min-width: 40em) {
  .column--left .sidenote {
    padding-left: 2rem;
    padding-right: 1rem;
    position: absolute;
    max-width: 35%;
    left: 65%;
  }
}

@media screen and (min-width: 50em) {
  .column--left .sidenote {
    max-width: 35%;
    left: 65%;
  }
}

@media screen and (min-width: 64em) {
  .column--left .sidenote {
    padding-left: 4rem;
    max-width: 35%;
    left: 65%;
  }
}

@media screen and (min-width: 100em) {
  .column--left .sidenote {
    padding-right: 2rem;
    max-width: 36.4615384615%;
    left: 63.5384615385%;
  }
}

/*@mixin fill-parent() {
    width: 100%;

    @if $border-box-sizing == false {
        box-sizing: border-box;
    }
}*/
.right {
  float: right !important;
}

.error {
  padding: 2% 0;
}

.disabled-link {
  color: #6f263d !important;
  cursor: not-allowed;
  border-color: #6f263d !important;
}

.thumb-slected {
  border-width: 3px !important;
}

/* SEARCH TERM HIGHLIGHTING */
span.search_term_text {
  background-color: none;
}

span.search_term_authority {
  background-color: #FFD700;
}

span.search_term_calc {
  background-color: #FFD700;
}

span.search_term_date {
  background-color: #FFD700;
}

@media screen and (min-width: 1100px) {
  #image_primary {
    width: 100%;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  #image_primary {
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 550px) {
  #image_primary {
    width: 100%;
    height: 100%;
  }
}

#image_primary #image-counter {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  width: 100%;
}

#image_primary .bxslider .openseadragon {
  margin: 0 auto;
}

#image_primary .custom-bx-pager #bx-pager {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  width: 100%;
  height: 102px;
}

#image_primary .custom-bx-pager #bx-pager a:link {
  box-sizing: border-box;
  margin-right: 20px;
  border: 1px solid grey;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}

@media (min-width: 551px) and (max-width: 1099px) {
  #image_primary .custom-bx-pager #bx-pager a:link {
    height: 100%;
    width: 100px;
  }
}

@media screen and (min-width: 1100px) {
  #image_primary .custom-bx-pager #bx-pager a:link {
    height: 100%;
    width: 100px;
  }
}

#image_primary .custom-bx-pager #bx-pager a:link.active {
  border-color: #3c3c3c;
  border-width: 3px;
}

#image_primary .custom-bx-pager #bx-pager a:link img {
  display: inline-block;
}

@media (max-width: 550px) {
  #image_primary .custom-bx-pager #bx-pager a:link img {
    display: none;
  }
}

#image_primary .custom-bx-pager #bx-pager a:link:last-child {
  margin-right: 0;
}

#image_primary .custom-bx-pager .bx-controls {
  position: relative;
}

#image_primary .custom-bx-pager .bx-controls .bx-next {
  background: url("../../css/col/jquery/images/controls.png") no-repeat -43px -32px;
  right: 10px;
}

#image_primary .custom-bx-pager .bx-controls .bx-next:hover, #image_primary .custom-bx-pager .bx-controls .bx-next:focus {
  background-position: -43px 0;
}

#image_primary .custom-bx-pager .bx-controls .bx-prev {
  left: 10px;
  background: url("../../css/col/jquery/images/controls.png") no-repeat 0 -32px;
}

#image_primary .custom-bx-pager .bx-controls .bx-prev:hover, #image_primary .custom-bx-pager .bx-controls .bx-prev:focus {
  background-position: 0 0;
}

#image_primary .custom-bx-pager .bx-controls .bx-controls-direction a {
  position: absolute;
  margin-top: -60px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

#image_primary .custom-bx-pager .bx-controls .bx-controls-direction a.disabled {
  display: none;
}

.dashboard_container .banner {
  background-color: #be0f34;
  color: #fff;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
}

.dashboard_container .banner .title {
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* for older webkit browsers */
  -moz-box-sizing: border-box;
  /* for older mozilla browsers */
  line-height: 50px;
}

.dashboard_container .banner .title a:link,
.dashboard_container .banner .title a:visited,
.dashboard_container .banner .title a:active,
.dashboard_container .banner .title a:hover {
  text-decoration: none;
  display: block;
  font-weight: bold;
  font-size: 187.5%;
  color: #fff;
}

.dashboard_container .crumb {
  padding: 0 10px;
  line-height: 25px;
}

.dashboard_container .dashboard-box {
  margin: 0 15px;
}

.dashboard-body .dashboard-contents #extjsbox .x-form-field-wrap .x-form-text {
  height: 22px !important;
  vertical-align: top !important;
}

html body {
  font-family: "Proxima Nova", Arial, Helvetica, sans-serif;
  color: #333132;
  line-height: 1.4em;
  background-color: #e8e6df;
}

html body::after {
  clear: both;
  content: "";
  display: block;
}

@media screen and (min-width: 1100px) {
  html body {
    width: 100%;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /* for older webkit browsers */
    -moz-box-sizing: border-box;
    /* for older mozilla browsers */
    margin: 0 auto;
    width: 100%;
  }
}

html body header {
  background-color: #be0f34;
  padding: 20px 20px 0 20px;
}

html body header::after {
  clear: both;
  content: "";
  display: block;
}

html body header .fa {
  font-size: 30px;
  margin-right: 3px;
}

html body header .va {
  display: inline-block;
  vertical-align: -webkit-baseline-middle;
}

html body header .inner-header {
  font-size: initial;
  line-height: initial;
  /* @include ActivateGridVisual; */
  /* seems to contribute nothing! */
  /* ********************* */
  /* @include grid-container(); */
  /* seems to contribute nothing! */
  /* ********************* */
}

html body header .inner-header::after {
  clear: both;
  content: "";
  display: block;
}

html body header .inner-header a {
  color: #fff;
}

html body header .inner-header a:hover {
  color: #fff;
  background-color: #a20a29;
}

html body header .inner-header .logo_banner {
  float: left;
}

@media (max-width: 550px) {
  html body header .inner-header .logo_banner {
    width: 50%;
  }
}

html body header .inner-header .logo_banner .logo-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}

@media screen and (min-width: 1100px) {
  html body header .inner-header .logo_banner .logo-wrap {
    background: url(/static/img/col_royal_society/logo-rs.svg) no-repeat scroll left center;
    height: 2.734375vw;
    width: 29.296875vw;
    max-width: 300px;
    max-height: 30px;
    float: left;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body header .inner-header .logo_banner .logo-wrap {
    background: url(/static/img/col_royal_society/logo-vertical.svg) no-repeat scroll left center;
    height: 60px;
    /*background-size: 29.296875vw 2.734375vw;*/
    width: 29.296875vw;
  }
}

@media (max-width: 550px) {
  html body header .inner-header .logo_banner .logo-wrap {
    background: url(/static/img/col_royal_society/logo-vertical.svg) no-repeat scroll left center;
    height: 60px;
    width: 25vw;
  }
}

html body header .inner-header .logo_banner .logo-wrap a.banner_logo {
  height: -webkit-fill-available;
  text-decoration: none;
}

html body header .inner-header .logo_banner .logo-wrap a.banner_logo:hover {
  background-color: transparent;
}

html body header .inner-header .logo_banner .logo-wrap a.banner_logo img {
  max-height: 20px;
}

html body header .inner-header .logo_banner .logo-wrap a.banner_logo .banner_text {
  clip: rect(0 0 0 0);
  overflow: hidden;
  height: 1px;
  width: 1px;
}

html body header .inner-header .logo_banner .logo-wrap:focus-within a {
  background-color: transparent !important;
  text-decoration: none;
}

@media screen and (min-width: 1100px) {
  html body header .inner-header .logo_banner .banner {
    border-left: solid 1px white;
    margin-left: 10px;
    padding-left: 10px;
    float: left;
  }
}

html body header .inner-header .logo_banner .banner .title {
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* for older webkit browsers */
  -moz-box-sizing: border-box;
  /* for older mozilla browsers */
}

@media screen and (min-width: 1100px) {
  html body header .inner-header .logo_banner .banner .title {
    margin-left: 0;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body header .inner-header .logo_banner .banner .title {
    margin-top: 20px;
  }
}

@media (max-width: 550px) {
  html body header .inner-header .logo_banner .banner .title {
    margin-top: 20px;
  }
}

html body header .inner-header .logo_banner .banner .title #title-text {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  color: #fff;
  font-weight: normal;
  line-height: 2.734375vw;
  font-size: calc(12px + 1vw);
}

@media screen and (min-width: 1100px) {
  html body header .inner-header .logo_banner .banner .title #title-text {
    font-size: 24px;
    line-height: 30px;
  }
}

html body header .inner-header .user_menu {
  float: right;
}

@media (max-width: 550px) {
  html body header .inner-header .user_menu .fa_legend {
    display: none;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body header .inner-header .user_menu .fa_legend {
    display: none;
  }
}

html body header .inner-header .user_menu a {
  text-decoration: none;
  padding: 0 10px 0 0;
}

html body header .inner-header .user_menu a:hover {
  background-color: #be0f34;
}

html body header .inner-header .user_menu .login_bar {
  padding-right: 10px;
  color: #fff;
}

html body header .inner-header .user_menu .login_bar a {
  padding: 0 10px 0 0;
}

html body header .inner-header .user_menu .login_bar a:last-child {
  padding: 0;
}

html body header .inner-header .user_menu .login_bar .salute {
  margin: 0 10px 0 0;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

@media screen and (min-width: 1100px) {
  html body header .inner-header .user_menu .login_bar .salute {
    max-width: 11vw;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body header .inner-header .user_menu .login_bar .salute {
    max-width: 26vw;
  }
}

@media (max-width: 550px) {
  html body header .inner-header .user_menu .login_bar .salute {
    display: none;
  }
}

html body header .inner-header .user_menu .login_bar .salute .salute_fade {
  position: absolute;
  right: 0;
  top: 0;
  width: calc(100% - 180px);
  height: 100%;
  background-image: linear-gradient(to right, rgba(190, 15, 52, 0), #be0f34);
}

@media screen and (min-width: 1100px) {
  html body header .inner-header .user_menu .login_bar {
    float: left;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body header .inner-header .user_menu .login_bar {
    float: left;
  }
}

html body header .inner-header .user_menu .organiser {
  display: -webkit-box;
  min-width: max-content;
}

@media screen and (min-width: 1100px) {
  html body header .inner-header .user_menu .organiser {
    float: right;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body header .inner-header .user_menu .organiser {
    float: right;
  }
}

@media (max-width: 550px) {
  html body header .inner-header .user_menu .organiser {
    float: right;
  }
}

html body header .inner-header .user_menu .user_basket a.basket-status {
  position: relative;
}

html body header .inner-header .user_menu .user_basket a.basket-status:hover {
  background-color: #be0f34;
}

html body header .inner-header .user_menu .user_basket .basket-counter {
  background-color: red;
  color: #fff;
  font-size: 0.8em;
  position: absolute;
  top: -7px;
  right: 3px;
  padding: 1px 5px;
  border-radius: 50%;
  border: 2px solid white;
  display: none;
}

@media screen and (min-width: 1100px) {
  html body header .inner-header .header_primary_menu {
    /*
                    @include grid-column(5);
                    @include display(flex);
                    @include justify-content(flex-start);
*/
    margin-left: 0;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body header .inner-header .header_primary_menu {
    /*
                    @include grid-column(4);
                    @include display(flex);
                    @include justify-content(flex-start);
*/
    margin-left: 0;
  }
}

@media (max-width: 550px) {
  html body header .inner-header .header_primary_menu {
    /*
                    @include grid-column(3);
                    @include display(flex);
                    @include justify-content(flex-start);
*/
  }
}

html body header .inner-header .banner-right-box {
  display: none;
}

@media screen and (min-width: 1100px) {
  html body header .inner-header nav .hamburger-button {
    display: none;
  }
  html body header .inner-header nav .menu_bar {
    display: inline-block;
    line-height: 100%;
    font-size: 0.8em;
    /* Displays second level dropdowns to the right of the first level dropdown */
    /* Simple clearfix */
  }
  html body header .inner-header nav .menu_bar ul {
    z-index: 100;
    height: 50px;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
    -webkit-box-align: end;
    -moz-box-align: end;
    box-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end;
    text-align: right;
  }
  html body header .inner-header nav .menu_bar ul li {
    line-height: 50px;
    text-align: right;
    padding-bottom: 0;
  }
  html body header .inner-header nav .menu_bar ul li:last-child {
    padding-right: 0 !important;
  }
  html body header .inner-header nav .menu_bar ul li a {
    font-size: 125%;
    /* Target all Firefox */
    text-decoration: none;
    text-align: center;
    text-size-adjust: 80%;
  }
  @-moz-document url-prefix() {
    html body header .inner-header nav .menu_bar ul li a {
      font-size: 1.8vw;
    }
  }
  html body header .inner-header nav .menu_bar ul li a:hover {
    color: #fff;
  }
  html body header .inner-header nav .menu_bar ul li:last-child {
    padding-right: 0 !important;
    margin-right: 0 !important;
  }
  html body header .inner-header nav .menu_bar ul li.list_item_selected a {
    font-weight: bold;
    color: #fff;
  }
  html body header .inner-header nav .menu_bar ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  html body header .inner-header nav .menu_bar ul li {
    display: block;
    position: relative;
    float: left;
    line-height: 40px;
  }
  html body header .inner-header nav .menu_bar ul li ul {
    display: none;
  }
  html body header .inner-header nav .menu_bar ul li a {
    display: block;
    text-decoration: none;
    white-space: nowrap;
    color: #fff;
    padding: 0 10px 0 10px;
  }
  html body header .inner-header nav .menu_bar ul li a:focus {
    color: #fff;
    background-color: transparent;
  }
  html body header .inner-header nav .menu_bar ul li:focus-within ul {
    background-color: #be0f34;
    display: block;
    position: absolute;
    height: auto;
  }
  html body header .inner-header nav .menu_bar ul li:focus-within ul li {
    padding-bottom: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  html body header .inner-header nav .menu_bar ul li:focus-within ul li:first-child {
    padding-top: 20px !important;
  }
  html body header .inner-header nav .menu_bar ul li:hover > ul {
    background-color: #be0f34;
    display: block;
    position: absolute;
    height: auto;
  }
  html body header .inner-header nav .menu_bar ul li:hover > ul li {
    padding-bottom: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  html body header .inner-header nav .menu_bar ul li:hover > ul li:first-child {
    padding-top: 20px !important;
  }
  html body header .inner-header nav .menu_bar ul ul ul {
    left: 100%;
    top: 0;
  }
  html body header .inner-header nav .menu_bar:before, html body header .inner-header nav .menu_bar:after {
    display: table;
    content: "";
  }
  html body header .inner-header nav .menu_bar:after {
    clear: both;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body header .inner-header nav {
    margin-bottom: 5px;
  }
  html body header .inner-header nav .menu_bar {
    display: none;
  }
  html body header .inner-header nav .hamburger-button {
    text-align: right;
    display: block;
    color: #fff;
    font-size: 20px;
  }
  html body header .inner-header nav .hamburger-button:hover {
    cursor: pointer;
  }
  html body header .inner-header nav .menu-close:after {
    content: "\f068";
    font-family: FontAwesome;
    font-size: 30px;
  }
  html body header .inner-header nav .menu-open:after {
    content: "\f0c9";
    font-family: FontAwesome;
    font-size: 30px;
  }
  html body header .inner-header nav ul li {
    border-bottom: 1px solid #72071d;
  }
  html body header .inner-header nav ul li:last-child {
    border-bottom: 0;
  }
  html body header .inner-header nav ul li a:link {
    padding: 15px 0 15px 10px;
    text-decoration: none;
    background: #be0f34;
    display: block;
  }
  html body header .inner-header nav ul li a:hover {
    background: #d20e35;
  }
  html body header .inner-header nav .submenu {
    margin-left: 20px;
    z-index: 1000;
  }
}

@media (max-width: 550px) {
  html body header .inner-header nav {
    margin-bottom: 5px;
  }
  html body header .inner-header nav .menu_bar {
    display: none;
  }
  html body header .inner-header nav .hamburger-button {
    text-align: right;
    display: block;
    color: #fff;
    font-size: 20px;
  }
  html body header .inner-header nav .hamburger-button:hover {
    cursor: pointer;
  }
  html body header .inner-header nav .menu-close:after {
    content: "\f068";
    font-family: FontAwesome;
    font-size: 30px;
  }
  html body header .inner-header nav .menu-open:after {
    content: "\f0c9";
    font-family: FontAwesome;
    font-size: 30px;
  }
  html body header .inner-header nav ul li {
    border-bottom: 1px solid #72071d;
  }
  html body header .inner-header nav ul li:last-child {
    border-bottom: 0;
  }
  html body header .inner-header nav ul li a:link {
    padding: 15px 0 15px 10px;
    text-decoration: none;
    background: #be0f34;
    display: block;
  }
  html body header .inner-header nav ul li a:hover {
    background: #d20e35;
  }
  html body header .inner-header nav .submenu {
    margin-left: 20px;
    z-index: 1000;
  }
}

html body header #skip-to-main {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}

html body header #skip-to-main:focus-within {
  left: auto;
  top: auto;
  width: auto;
  height: auto;
  overflow: auto;
  padding: 5px;
  z-index: 999;
  background-color: #a20a29;
}

html body header #skip-to-main:focus-within a {
  color: white !important;
}

html body .header_user_menu {
  background-color: #be0f34;
  color: #fff;
  font-weight: bold;
  font-size: 81.25%;
  height: 20px;
  padding: 5px 15px;
}

html body .header_user_menu a {
  font-weight: normal;
  text-decoration: none;
  color: #fff;
}

html body .header_user_menu a:hover {
  color: #fff;
}

html body .header_user_menu .user_basket {
  float: right;
}

html body .header_user_menu .login_menu {
  float: right;
  padding-right: 15px;
}

html body .header_user_menu .organiser_bar {
  float: left;
}

html body .header_user_menu .organiser_bar .organiser_select {
  padding-right: 10px;
}

html body .content-wrap::after {
  clear: both;
  content: "";
  display: block;
}

html body .content-wrap .inner-content-header-wrap {
  padding-top: 0;
  z-index: 100;
  background-color: #6f263d;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  html body .content-wrap .inner-content-header-wrap {
    /* IE10+ specific styles go here */
  }
}

html body .content-wrap .inner-content-header-wrap::after {
  clear: both;
  content: "";
  display: block;
}

html body .content-wrap .inner-content-header-wrap .header-result-nav-wrap::after {
  clear: both;
  content: "";
  display: block;
}

html body .content-wrap .inner-content-header-wrap .crumb {
  padding-bottom: 2%;
  padding-top: 2%;
}

@media screen and (min-width: 1100px) {
  html body .content-wrap .inner-content-header-wrap .crumb {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body .content-wrap .inner-content-header-wrap .crumb {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}

@media (max-width: 550px) {
  html body .content-wrap .inner-content-header-wrap .crumb {
    width: calc(100% - 20px);
    float: left;
    margin-left: 10px;
  }
}

html body .content-wrap .inner-content-header-wrap .content-header-card {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}

html body .content-wrap .inner-content-header-wrap .content-header-card img,
html body .content-wrap .inner-content-header-wrap .content-header-card picture {
  max-height: 400px;
  overflow: hidden;
}

html body .content-wrap .bx-wrapper {
  border-width: 0;
}

html body .content-wrap .bx-wrapper img {
  margin: 0 auto;
}

html body .content-wrap .bx-wrapper .bx-viewport .wide-bxslider li.slide {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  max-height: 400px;
}

html body .content-wrap .bx-wrapper .bx-viewport .wide-bxslider li.slide img {
  border-width: 0;
  max-height: 400px;
  overflow: hidden;
  margin: 0 auto;
}

html body .content-wrap .bx-wrapper .bx-viewport .wide-bxslider li.slide .bx-caption h2, html body .content-wrap .bx-wrapper .bx-viewport .wide-bxslider li.slide .bx-caption p {
  margin-left: 20px;
}

html body .content-wrap .image-text-wrap {
  max-height: 400px;
  max-width: 100%;
  position: relative;
  margin-bottom: 20px;
}

html body .content-wrap .image-text-wrap .home-image-row {
  display: block;
}

html body .content-wrap .image-text-wrap img {
  border-width: 0;
  max-height: 400px;
  max-width: 100%;
  overflow: hidden;
  margin: 0 auto;
}

html body .content-wrap .image-text-wrap .home-text-over-image {
  position: absolute;
  bottom: 5%;
  left: 5%;
  padding: 20px;
  background: rgba(130, 130, 130, 0.9);
}

@media (max-width: 550px) {
  html body .content-wrap {
    padding: 2% 10px;
  }
}

html body .content-wrap .content {
  background-color: #fff;
  padding: 25px 0 20px 20px;
  /*
      @include grid-media($desktop-grid) {
        h1,
        article,
        .image-wrap,
        p.error {
          // if adding section here, breaks the use-procedure template
          //@include grid-column(12);
        }
        &:not(summary.use-proc-summary) {
          // This rule helps use template not to indent summary block
          @include grid-column(12);
        }
        .text-wrap h1 {
          margin-left: 0;
        }
      }
*/
}

html body .content-wrap .content::after {
  clear: both;
  content: "";
  display: block;
}

@media screen and (min-width: 1100px) {
  html body .content-wrap .content {
    max-width: 1420px;
    margin: 10px auto;
  }
}

html body .content-wrap .content .featured-themes .box-item-container {
  float: left;
  padding: 15px;
  margin: 0 10px 0 0;
}

html body .content-wrap .content .featured-themes .box-item-container:hover {
  background: #e0dcdb;
}

html body .content-wrap .content .featured-themes .box-item-container .inner-box-item-container .text-wrap {
  font-size: 16px;
  margin-top: 5px;
}

html body .content-wrap .content .image-wrap img {
  max-width: 100%;
  max-height: 100%;
}

@media (max-width: 550px) {
  html body .content-wrap .content h1,
html body .content-wrap .content article {
    width: calc(100% - 20px);
    float: left;
    margin-left: 10px;
  }
}

html body .content-wrap .content .no-content,
html body .content-wrap .content .go-home {
  margin-left: 20px;
}

html body .dashboard .content-wrap {
  padding: 1% 20px;
}

html body footer {
  color: #000;
  padding: 2% 0 0 0;
}

html body footer::after {
  clear: both;
  content: "";
  display: block;
}

html body footer .inner-footer {
  padding: 2% 0 0 0;
  background-color: #d4d1cf;
}

html body footer .inner-footer::after {
  clear: both;
  content: "";
  display: block;
}

html body footer a {
  text-decoration: none;
  color: #000;
}

html body footer a:hover {
  color: #fff;
}

html body footer ul {
  list-style-type: none;
  margin-top: 0 !important;
}

html body footer .footer-menu {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  float: right !important;
  margin-right: 20px;
  text-align: right;
}

@media screen and (min-width: 1100px) {
  html body footer .footer-menu {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body footer .footer-menu {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
}

@media (max-width: 550px) {
  html body footer .footer-menu {
    width: calc(100% - 20px);
    float: left;
    margin-left: 10px;
    margin-top: 20px;
  }
}

@media screen and (min-width: 1100px) {
  html body footer .footer-menu .menu_bar {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body footer .footer-menu .menu_bar {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
}

@media (max-width: 550px) {
  html body footer .footer-menu .menu_bar {
    width: calc(100% - 20px);
    float: left;
    margin-left: 10px;
  }
}

@media screen and (min-width: 1100px) {
  html body footer .footer-site-wrap {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body footer .footer-site-wrap {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
}

@media (max-width: 550px) {
  html body footer .footer-site-wrap {
    width: calc(100% - 20px);
    float: left;
    margin-left: 10px;
  }
}

html body .powered_by {
  margin-top: 20px;
  line-height: 1.5rem;
  font-size: 0.8333333333rem;
  margin-bottom: 1.02499rem;
  padding-top: 0.47501rem;
}

@media screen and (min-width: 1100px) {
  html body .powered_by {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body .powered_by {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}

@media (max-width: 550px) {
  html body .powered_by {
    width: calc(100% - 20px);
    float: left;
    margin-left: 10px;
  }
}

html body .powered_by a:link, html body .powered_by a:visted, html body .powered_by a:hover {
  color: #333132;
}

@media (max-width: 550px) {
  html body .powered_by {
    padding: 20px 10px;
  }
}

html body input:focus, html body select:focus {
  border: 2px solid #a20a29;
}

html body input, html body select {
  background-color: white;
  border: 2px solid #e8e6df;
}

html body input.adv-checkbox:focus {
  outline: 2px solid #a20a29 !important;
}

html body .partition_seperator {
  background-color: #fff;
  color: #000;
}

html body .partition_seperator::after {
  clear: both;
  content: "";
  display: block;
}

html body .search-form-wrap {
  color: #000;
  background-color: #fff;
}

html body .search-form-wrap::after {
  clear: both;
  content: "";
  display: block;
}

html body .search-form-wrap .search-form-inner-wrap {
  /*
          @include grid-media($tablet-grid) {
              #simple_search_box {
                  @include grid-column(4);
              }
              .simple_search_submit {
                  @include grid-column(2);
                  margin-left: 0;
              }
          }

          @include grid-media($mobile-grid) {
              #simple_search_box {
                  @include grid-column(3);
                  min-width: 200px;
              }
              .simple_search_submit {
                  @include grid-column(3);
                  margin-top: $gutter;
                  min-width: 200px;
              }
          }
*/
}

html body .search-form-wrap .search-form-inner-wrap::after {
  clear: both;
  content: "";
  display: block;
}

html body .search-form-wrap .search-form-inner-wrap #simple_search_box, html body .search-form-wrap .search-form-inner-wrap .simple_search_submit {
  padding: 5px 0;
}

html body .search-form-wrap .search-form-inner-wrap .ui-widget.ui-widget-content {
  border-width: 0;
}

html body .search-form-wrap .search-form-inner-wrap .ui-widget.ui-widget-content .ui-corner-all {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

html body .search-form-wrap .search-form-inner-wrap .ui-widget.ui-widget-content .ui-tabs-anchor {
  outline: 0;
}

html body .search-form-wrap .search-form-inner-wrap #simple_search_box {
  background-color: #fff;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  padding-left: 10px;
}

html body .search-form-wrap .search-form-inner-wrap .simple_search_submit {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

html body .search-form-wrap .search-form-inner-wrap #simple_search_box {
  float: left;
  width: 50%;
  margin-left: 20%;
  height: 50px;
}

html body .search-form-wrap .search-form-inner-wrap .simple_search_submit {
  margin-left: 0;
  float: left;
  width: 10%;
  height: 50px;
}

html body .search-form-wrap .search-form-inner-wrap .adv-search-item-wrap #only-image-val {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

html body .search-form-wrap .search-form-inner-wrap .adv-search-caption-wrap::after {
  clear: both;
  content: "";
  display: block;
}

html body .search-form-wrap .search-form-inner-wrap .banner-search-form {
  display: none;
}

html body .search-form-wrap .search-form-inner-wrap .banner-search-form::after {
  clear: both;
  content: "";
  display: block;
}

html body .search-form-wrap .search-form-inner-wrap .simple-search-wrap {
  background-image: url(/static/img/col_royal_society/search_image.jpg);
  min-height: 250px;
  background-position-y: 78%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

html body .search-form-wrap .search-form-inner-wrap .simple-search-wrap::after {
  clear: both;
  content: "";
  display: block;
}

html body .search-form-wrap .search-form-inner-wrap .simple-search-wrap #simple-search {
  height: 140px;
  text-align: right;
}

html body .search-form-wrap .search-form-inner-wrap .simple-search-wrap .inner-simple-search-wrap {
  padding-top: 90px;
}

html body .search-form-wrap .search-form-inner-wrap .simple-search-wrap .search_image_caption {
  color: #fff;
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px 10px 5px 10px;
  font-size: 0.7em;
  line-height: initial;
}

html body .search-form-wrap form {
  display: block;
}

html body .search-form-wrap form .simple_search_submit {
  background-color: #be0f34;
  border: 1px solid #be0f35;
  color: #fff;
}

html body .search-form-wrap form .simple_search_submit:active, html body .search-form-wrap form .simple_search_submit:focus {
  background-color: #a20a29;
}

html body .search-form-wrap form .simple_search_submit:hover {
  background-color: #a20a29;
}

html body .search-form-wrap .adv_search_link {
  display: flex;
  width: max-content;
  padding: 0 10px 0 10px;
  font-size: 0.8em;
  background-color: #be0f34;
  margin-left: 21%;
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
}

html body .search-form-wrap .adv_search_link:hover {
  color: #fff;
  background-color: #a20a29;
}

html body .search-form-wrap .adv_search_link a {
  color: #fff;
}

html body .search-form-wrap .adv-search-caption-wrap {
  display: none;
  line-height: calc($paddingLContainerTopBottom);
}

@media screen and (min-width: 1100px) {
  html body .search-form-wrap .adv-search-caption-wrap {
    margin-left: 20px;
  }
}

html body .search-form-wrap .adv-search-caption-wrap a.search_link {
  text-decoration: none;
  outline: none;
  color: #000;
}

@media screen and (min-width: 1100px) {
  html body .search-form-wrap .adv-search-caption-wrap a.search_link {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    margin-left: 0;
    width: auto;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body .search-form-wrap .adv-search-caption-wrap a.search_link {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    width: auto;
  }
}

@media (max-width: 550px) {
  html body .search-form-wrap .adv-search-caption-wrap a.search_link {
    width: calc(100% - 20px);
    float: left;
    margin-left: 10px;
    width: auto;
  }
}

html body .search-form-wrap .adv-search-caption-wrap a.search_link:hover {
  color: #fff;
}

html body .search-form-wrap .adv-search-caption-wrap a.search_link:focus {
  color: white;
  text-decoration: none;
  background-color: #a20a29;
}

html body .search-form-wrap .adv-search-caption-wrap a.hide-search-caption {
  outline: none;
}

@media screen and (min-width: 1100px) {
  html body .search-form-wrap .adv-search-caption-wrap a.hide-search-caption::after {
    clear: both;
    content: "";
    display: block;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body .search-form-wrap .adv-search-caption-wrap a.hide-search-caption::after {
    clear: both;
    content: "";
    display: block;
  }
}

@media (max-width: 550px) {
  html body .search-form-wrap .adv-search-caption-wrap a.hide-search-caption::after {
    clear: both;
    content: "";
    display: block;
  }
}

html body .search-form-wrap .search-forms-container::after,
html body .search-form-wrap .tab-panel::after,
html body .search-form-wrap .advanced_search::after {
  clear: both;
  content: "";
  display: block;
}

html body .search-form-wrap .adv-search-item-wrap::after {
  clear: both;
  content: "";
  display: block;
}

@media screen and (min-width: 1100px) {
  html body .search-form-wrap .adv-search-item-wrap .col1,
html body .search-form-wrap .adv-search-item-wrap .col2,
html body .search-form-wrap .adv-search-item-wrap .col3 {
    width: calc(33.3333333333% - 26.6666666667px);
    float: left;
    margin-left: 20px;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body .search-form-wrap .adv-search-item-wrap .col1,
html body .search-form-wrap .adv-search-item-wrap .col2,
html body .search-form-wrap .adv-search-item-wrap .col3 {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}

@media (max-width: 550px) {
  html body .search-form-wrap .adv-search-item-wrap .col1,
html body .search-form-wrap .adv-search-item-wrap .col2,
html body .search-form-wrap .adv-search-item-wrap .col3 {
    width: calc(100% - 20px);
    float: left;
    margin-left: 10px;
  }
}

html body .search-form-wrap .adv-search-item-wrap div > .adv-checkbox {
  width: 20px;
  height: 20px;
  margin-right: 20px;
  position: relative;
  top: 4px;
}

html body .search-form-wrap .adv-search-item-wrap .form-info-text {
  color: #fff;
  text-decoration: none;
  font-size: 1vw;
}

html body .search-form-wrap .adv-search-item-wrap > div .search-text {
  margin: 20px 0 10px 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

html body .search-form-wrap .adv-search-item-wrap > div .only-with-wrap {
  margin: 20px 0 10px 0;
}

html body .search-form-wrap .adv-search-item-wrap > div .only-with-wrap .search-text {
  margin: 10px 0 20px 0;
}

html body .search-form-wrap .adv-search-item-wrap > div .advanced_search_submit {
  margin: 20px 0 10px 0;
  background-color: #be0f34;
  border: 1px solid #be0f35;
  color: #fff;
  padding: 2px 0;
}

html body .search-form-wrap .adv-search-item-wrap > div .advanced_search_submit:active, html body .search-form-wrap .adv-search-item-wrap > div .advanced_search_submit:focus {
  background-color: #a20a29;
}

html body .search-form-wrap .adv-search-item-wrap > div .caption {
  margin-right: 10px;
}

html body .search-form-wrap .adv-search-item-wrap > div input,
html body .search-form-wrap .adv-search-item-wrap > div select {
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* for older webkit browsers */
  -moz-box-sizing: border-box;
  /* for older mozilla browsers */
  height: 100%;
  width: 100%;
}

html body .ui-tabs {
  padding: 0 !important;
}

html body .ui-tabs .ui-tabs-nav:focus-within .ui-tabs-anchor {
  color: #fff;
  text-shadow: 0 0 1px #fff;
}

html body .ui-widget {
  font-size: inherit;
}

html body .ui-widget-content {
  background: none;
  color: #000;
}

html body .ui-tooltip {
  background-color: #fff;
  padding: 10px 20px;
  color: #000;
  border-radius: 0;
  font-size: 81.25%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
  width: 250px;
  vertical-align: middle;
  border: none !important;
}

html body .control_field .tag {
  margin-right: 2.5em;
}

html body .marc_field {
  display: table;
}

html body .marc_field .meta {
  display: table-cell;
}

html body .marc_field .tag {
  font-weight: bold;
}

html body .marc_field .indicators {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

html body .marc_field .subfield_pair .subfield {
  color: #aaa;
}

html body .marc_field .data {
  display: table-cell;
}

html body .archive_browse_container {
  margin: auto;
  width: 90%;
}

html body .archive_browse_container a {
  text-decoration: none;
}

html body .archive_browse_container .odd-rows {
  background-color: #fff;
  overflow: hidden;
}

html body .archive_browse_container .browse-intro-text {
  margin: auto;
  padding-bottom: 20px;
  width: 90%;
}

html body .archive_browse_container .archive-row {
  clear: both;
  text-align: top;
  margin-bottom: 5px;
  padding-left: 5px;
}

html body .dashboard-btn-primary,
html body .submit-btn {
  background-color: #be0f34;
  color: white;
}

html body .dashboard-btn-primary:hover,
html body .submit-btn:hover {
  background-color: #a20a29;
  color: white;
}

html body div.content-para-big {
  width: 600px;
  margin-bottom: 20px;
}

html body a.submit-btn {
  width: 330px;
  display: block;
  padding: 5px;
  margin-left: 270px;
  text-align: center;
}

html body .user_form_entry {
  width: 600px;
  margin-top: 10px;
}

html body .user_form_entry .caption-value-wrap {
  display: flex;
}

html body .user_form_entry .caption-value-wrap .caption_caption_cell {
  width: 270px;
  color: #000;
}

html body .user_form_entry .caption-value-wrap .value-box input[type='password'],
html body .user_form_entry .caption-value-wrap .value-box input[type='text'],
html body .user_form_entry .caption-value-wrap .value-box input[type='submit'],
html body .user_form_entry .caption-value-wrap .value-box select,
html body .user_form_entry .caption-value-wrap .value-box textarea {
  width: 330px;
  background: #fff;
}

html body #organiser-manager #current-set-box #current-set #set-items-box .pin_on {
  color: #be0f34;
  cursor: pointer;
}

html body #organiser-manager #current-set-box #current-set #set-items-box .pin_on:hover {
  color: #a20a29;
}

html body .fa-input {
  font-family: FontAwesome, "Proxima Nova", Arial, Helvetica, sans-serif;
}

html body a:focus {
  color: #a20a29;
  background-color: transparent;
  text-decoration: none;
}

html body a {
  color: #be0f34;
  text-decoration: none;
  transition: color 0 ease;
}

html body a:hover {
  color: #a20a29;
  text-decoration: none;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
  color: #333132;
  font-family: "Proxima Nova", Arial, Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: inherit;
  line-height: 1;
}

html body h1 {
  font-size: 38px;
  line-height: 1;
  margin-bottom: 20px;
}

html body h2 {
  font-size: 32px;
}

html body h3 {
  line-height: 2rem;
  font-size: 1.5rem;
  margin-bottom: 1.49499rem;
  padding-top: 0.50501rem;
}

html body h4 {
  line-height: 1.5rem;
  font-size: 1.0833333333rem;
  margin-bottom: 1.10749rem;
  padding-top: 0.39251rem;
  margin-bottom: 0;
}

html body p,
html body .banner-right-box,
html body .body-text-wrap {
  line-height: 1.5rem;
  font-size: 1rem;
  margin-bottom: 1.07999rem;
  padding-top: 0.42001rem;
}

html body b {
  font-weight: 700;
}

html body i {
  font-style: italic;
}

@media screen and (min-width: 1100px) {
  html body .container {
    min-height: 500px;
    width: 100%;
    margin-left: 0;
  }
  html body .container::after {
    clear: both;
    content: "";
    display: block;
  }
  html body .slicknav_menu {
    display: none !important;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body h3 {
    line-height: 2rem;
    font-size: 1.25rem;
    margin-bottom: 1.41249rem;
    padding-top: 0.58751rem;
  }
  html body h4 {
    line-height: 2rem;
    font-size: 1rem;
    margin-bottom: 1.32999rem;
    padding-top: 0.67001rem;
  }
}

html body .search-form-wrap .gen-search-wrap {
  margin-bottom: 20px;
}

html body .search-form-wrap .gen-search-wrap::after {
  clear: both;
  content: "";
  display: block;
}

html body .search-form-wrap .gen-search-wrap .general-search {
  font-size: 150%;
}

@media screen and (min-width: 1100px) {
  html body .search-form-wrap .gen-search-wrap .general-search {
    width: calc(91.6666666667% - 38.3333333333px);
    float: left;
    margin-left: 20px;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body .search-form-wrap .gen-search-wrap .general-search {
    width: calc(91.6666666667% - 38.3333333333px);
    float: left;
    margin-left: 20px;
  }
}

@media (max-width: 550px) {
  html body .search-form-wrap .gen-search-wrap .general-search {
    width: calc(90% - 19px);
    float: left;
    margin-left: 10px;
  }
}

html body .search-form-wrap .gen-search-wrap .search-btn {
  background-color: transparent;
  border-width: 0;
  margin-left: 0;
}

@media screen and (min-width: 1100px) {
  html body .search-form-wrap .gen-search-wrap .search-btn {
    width: calc(8.3333333333% - 21.6666666667px);
    float: left;
    margin-left: 20px;
  }
}

html body .search-form-wrap .row:before, html body .search-form-wrap .row:after {
  display: table;
  content: "";
}

html body .search-form-wrap .row:after {
  clear: both;
}

@media screen and (min-width: 1100px) {
  html body .search-form-wrap .search-control-row {
    margin-bottom: 20px;
  }
}

html body .search-form-wrap .search-control-row::after {
  clear: both;
  content: "";
  display: block;
}

@media screen and (min-width: 1100px) {
  html body .search-form-wrap .search-control-row > div {
    width: calc(33.3333333333% - 26.6666666667px);
    float: left;
    margin-left: 20px;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body .search-form-wrap .search-control-row > div {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
  }
  html body .search-form-wrap .search-control-row > div#toggle-search-form-btn {
    margin-bottom: 6.6666666667px;
    font-weight: bold;
  }
}

@media (max-width: 550px) {
  html body .search-form-wrap .search-control-row > div {
    width: calc(100% - 20px);
    float: left;
    margin-left: 10px;
    margin-bottom: 20px;
  }
  html body .search-form-wrap .search-control-row > div#toggle-search-form-btn {
    margin-bottom: 6.6666666667px;
    font-weight: bold;
  }
}

html body .search-form-wrap .search-control-row > div#toggle-search-form-btn {
  cursor: pointer;
}

html body .search-form-wrap .search-control-row > div::after {
  clear: both;
  content: "";
  display: block;
}

html body .search-form-wrap .search-control-row > div .search-input,
html body .search-form-wrap .search-control-row > div .search-select {
  width: calc(91.6666666667% - 38.3333333333px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 90%;
}

html body .search-form-wrap .search-control-row > div a:link {
  width: calc(8.3333333333% - 21.6666666667px);
  float: left;
  margin-left: 20px;
}

html body .search-form-wrap .search-select {
  color: #808080;
  height: 32px;
}

html body .search-form-wrap .search-select option {
  color: #000;
}

html body .search-form-wrap .search-select option:first-child {
  color: #808080;
}

@media (max-width: 550px) {
  html body .search-form-wrap .extend-search-form {
    background-color: #66889A;
    padding-top: 6.6666666667px;
    padding-bottom: 6.6666666667px;
    position: relative;
    top: -10px;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body .search-form-wrap .extend-search-form {
    background-color: #66889A;
    padding-top: 6.6666666667px;
    padding-bottom: 6.6666666667px;
    position: relative;
    top: -10px;
  }
}

html body .search-form-wrap .extend-search-form .search-col-wrap::after {
  clear: both;
  content: "";
  display: block;
}

@media screen and (min-width: 1100px) {
  html body .search-form-wrap .extend-search-form .search-col-wrap {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 1100px) {
  html body .search-form-wrap .extend-search-form .search-col-wrap .search-items-wrap {
    width: calc(33.3333333333% - 26.6666666667px);
    float: left;
    margin-left: 20px;
  }
}

html body .search-form-wrap .extend-search-form .search-col-wrap .search-items-wrap::after {
  clear: both;
  content: "";
  display: block;
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body .search-form-wrap .extend-search-form .search-col-wrap .search-items-wrap {
    width: calc(91.6666666667% - 38.3333333333px);
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
  }
}

@media (max-width: 550px) {
  html body .search-form-wrap .extend-search-form .search-col-wrap .search-items-wrap {
    width: calc(90% - 19px);
    float: left;
    margin-left: 10px;
    margin-bottom: 20px;
  }
}

html body .search-form-wrap .extend-search-form .search-col-wrap .search-items-wrap .search-input,
html body .search-form-wrap .extend-search-form .search-col-wrap .search-items-wrap .search-select {
  width: calc(91.6666666667% - 38.3333333333px);
  float: left;
  margin-left: 20px;
  width: 90%;
  margin-left: 0;
}

html body .search-form-wrap .extend-search-form .search-col-wrap .search-items-wrap a:link {
  width: calc(8.3333333333% - 21.6666666667px);
  float: left;
  margin-left: 20px;
}

@media (max-width: 550px) {
  html body .search-form-wrap .extend-search-form .search-col-wrap:last-child .search-items-wrap:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body .search-form-wrap .extend-search-form .search-col-wrap:last-child .search-items-wrap:last-child {
    margin-bottom: 0;
  }
}

html body .results .content-wrap .result-tools-wrap,
html body .collections .content-wrap .result-tools-wrap,
html body .collection .content-wrap .result-tools-wrap,
html body .themes .content-wrap .result-tools-wrap,
html body .theme .content-wrap .result-tools-wrap,
html body .object .content-wrap .result-tools-wrap,
html body .project .content-wrap .result-tools-wrap,
html body .article .content-wrap .result-tools-wrap,
html body .book .content-wrap .result-tools-wrap,
html body .archive .content-wrap .result-tools-wrap,
html body .use .content-wrap .result-tools-wrap,
html body .home .content-wrap .result-tools-wrap,
html body .print .content-wrap .result-tools-wrap {
  line-height: 2rem;
  font-size: 1rem;
  margin-bottom: 1.32999rem;
  padding-top: 0.67001rem;
  background-color: #6f263d;
  color: white;
}

html body .results .content-wrap .result-tools-wrap::after,
html body .collections .content-wrap .result-tools-wrap::after,
html body .collection .content-wrap .result-tools-wrap::after,
html body .themes .content-wrap .result-tools-wrap::after,
html body .theme .content-wrap .result-tools-wrap::after,
html body .object .content-wrap .result-tools-wrap::after,
html body .project .content-wrap .result-tools-wrap::after,
html body .article .content-wrap .result-tools-wrap::after,
html body .book .content-wrap .result-tools-wrap::after,
html body .archive .content-wrap .result-tools-wrap::after,
html body .use .content-wrap .result-tools-wrap::after,
html body .home .content-wrap .result-tools-wrap::after,
html body .print .content-wrap .result-tools-wrap::after {
  clear: both;
  content: "";
  display: block;
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body .results .content-wrap .result-tools-wrap,
html body .collections .content-wrap .result-tools-wrap,
html body .collection .content-wrap .result-tools-wrap,
html body .themes .content-wrap .result-tools-wrap,
html body .theme .content-wrap .result-tools-wrap,
html body .object .content-wrap .result-tools-wrap,
html body .project .content-wrap .result-tools-wrap,
html body .article .content-wrap .result-tools-wrap,
html body .book .content-wrap .result-tools-wrap,
html body .archive .content-wrap .result-tools-wrap,
html body .use .content-wrap .result-tools-wrap,
html body .home .content-wrap .result-tools-wrap,
html body .print .content-wrap .result-tools-wrap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 550px) {
  html body .results .content-wrap .result-tools-wrap,
html body .collections .content-wrap .result-tools-wrap,
html body .collection .content-wrap .result-tools-wrap,
html body .themes .content-wrap .result-tools-wrap,
html body .theme .content-wrap .result-tools-wrap,
html body .object .content-wrap .result-tools-wrap,
html body .project .content-wrap .result-tools-wrap,
html body .article .content-wrap .result-tools-wrap,
html body .book .content-wrap .result-tools-wrap,
html body .archive .content-wrap .result-tools-wrap,
html body .use .content-wrap .result-tools-wrap,
html body .home .content-wrap .result-tools-wrap,
html body .print .content-wrap .result-tools-wrap {
    padding-left: 0;
    padding-right: 0;
  }
}

html body .results .content-wrap .result-tools-wrap a,
html body .collections .content-wrap .result-tools-wrap a,
html body .collection .content-wrap .result-tools-wrap a,
html body .themes .content-wrap .result-tools-wrap a,
html body .theme .content-wrap .result-tools-wrap a,
html body .object .content-wrap .result-tools-wrap a,
html body .project .content-wrap .result-tools-wrap a,
html body .article .content-wrap .result-tools-wrap a,
html body .book .content-wrap .result-tools-wrap a,
html body .archive .content-wrap .result-tools-wrap a,
html body .use .content-wrap .result-tools-wrap a,
html body .home .content-wrap .result-tools-wrap a,
html body .print .content-wrap .result-tools-wrap a {
  text-decoration: none;
  color: #fff;
}

html body .results .content-wrap .result-tools-wrap a:hover,
html body .collections .content-wrap .result-tools-wrap a:hover,
html body .collection .content-wrap .result-tools-wrap a:hover,
html body .themes .content-wrap .result-tools-wrap a:hover,
html body .theme .content-wrap .result-tools-wrap a:hover,
html body .object .content-wrap .result-tools-wrap a:hover,
html body .project .content-wrap .result-tools-wrap a:hover,
html body .article .content-wrap .result-tools-wrap a:hover,
html body .book .content-wrap .result-tools-wrap a:hover,
html body .archive .content-wrap .result-tools-wrap a:hover,
html body .use .content-wrap .result-tools-wrap a:hover,
html body .home .content-wrap .result-tools-wrap a:hover,
html body .print .content-wrap .result-tools-wrap a:hover {
  text-decoration: underline;
}

@media screen and (min-width: 1100px) {
  html body .results .content-wrap .result-tools-wrap .search-info-wrap,
html body .results .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .collections .content-wrap .result-tools-wrap .search-info-wrap,
html body .collections .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .collection .content-wrap .result-tools-wrap .search-info-wrap,
html body .collection .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .themes .content-wrap .result-tools-wrap .search-info-wrap,
html body .themes .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .theme .content-wrap .result-tools-wrap .search-info-wrap,
html body .theme .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .object .content-wrap .result-tools-wrap .search-info-wrap,
html body .object .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .project .content-wrap .result-tools-wrap .search-info-wrap,
html body .project .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .article .content-wrap .result-tools-wrap .search-info-wrap,
html body .article .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .book .content-wrap .result-tools-wrap .search-info-wrap,
html body .book .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .archive .content-wrap .result-tools-wrap .search-info-wrap,
html body .archive .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .use .content-wrap .result-tools-wrap .search-info-wrap,
html body .use .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .home .content-wrap .result-tools-wrap .search-info-wrap,
html body .home .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .print .content-wrap .result-tools-wrap .search-info-wrap,
html body .print .content-wrap .result-tools-wrap .partition-summary-wrap {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
}

@media (max-width: 550px) {
  html body .results .content-wrap .result-tools-wrap .search-info-wrap,
html body .results .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .collections .content-wrap .result-tools-wrap .search-info-wrap,
html body .collections .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .collection .content-wrap .result-tools-wrap .search-info-wrap,
html body .collection .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .themes .content-wrap .result-tools-wrap .search-info-wrap,
html body .themes .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .theme .content-wrap .result-tools-wrap .search-info-wrap,
html body .theme .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .object .content-wrap .result-tools-wrap .search-info-wrap,
html body .object .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .project .content-wrap .result-tools-wrap .search-info-wrap,
html body .project .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .article .content-wrap .result-tools-wrap .search-info-wrap,
html body .article .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .book .content-wrap .result-tools-wrap .search-info-wrap,
html body .book .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .archive .content-wrap .result-tools-wrap .search-info-wrap,
html body .archive .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .use .content-wrap .result-tools-wrap .search-info-wrap,
html body .use .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .home .content-wrap .result-tools-wrap .search-info-wrap,
html body .home .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .print .content-wrap .result-tools-wrap .search-info-wrap,
html body .print .content-wrap .result-tools-wrap .partition-summary-wrap {
    width: calc(100% - 20px);
    float: left;
    margin-left: 10px;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body .results .content-wrap .result-tools-wrap .search-info-wrap,
html body .results .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .collections .content-wrap .result-tools-wrap .search-info-wrap,
html body .collections .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .collection .content-wrap .result-tools-wrap .search-info-wrap,
html body .collection .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .themes .content-wrap .result-tools-wrap .search-info-wrap,
html body .themes .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .theme .content-wrap .result-tools-wrap .search-info-wrap,
html body .theme .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .object .content-wrap .result-tools-wrap .search-info-wrap,
html body .object .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .project .content-wrap .result-tools-wrap .search-info-wrap,
html body .project .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .article .content-wrap .result-tools-wrap .search-info-wrap,
html body .article .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .book .content-wrap .result-tools-wrap .search-info-wrap,
html body .book .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .archive .content-wrap .result-tools-wrap .search-info-wrap,
html body .archive .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .use .content-wrap .result-tools-wrap .search-info-wrap,
html body .use .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .home .content-wrap .result-tools-wrap .search-info-wrap,
html body .home .content-wrap .result-tools-wrap .partition-summary-wrap,
html body .print .content-wrap .result-tools-wrap .search-info-wrap,
html body .print .content-wrap .result-tools-wrap .partition-summary-wrap {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}

html body .results .content-wrap .result-tools-wrap .partition-summary-wrap ul,
html body .collections .content-wrap .result-tools-wrap .partition-summary-wrap ul,
html body .collection .content-wrap .result-tools-wrap .partition-summary-wrap ul,
html body .themes .content-wrap .result-tools-wrap .partition-summary-wrap ul,
html body .theme .content-wrap .result-tools-wrap .partition-summary-wrap ul,
html body .object .content-wrap .result-tools-wrap .partition-summary-wrap ul,
html body .project .content-wrap .result-tools-wrap .partition-summary-wrap ul,
html body .article .content-wrap .result-tools-wrap .partition-summary-wrap ul,
html body .book .content-wrap .result-tools-wrap .partition-summary-wrap ul,
html body .archive .content-wrap .result-tools-wrap .partition-summary-wrap ul,
html body .use .content-wrap .result-tools-wrap .partition-summary-wrap ul,
html body .home .content-wrap .result-tools-wrap .partition-summary-wrap ul,
html body .print .content-wrap .result-tools-wrap .partition-summary-wrap ul {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

html body .results .content-wrap .result-tools-wrap .partition-summary-wrap ul li,
html body .collections .content-wrap .result-tools-wrap .partition-summary-wrap ul li,
html body .collection .content-wrap .result-tools-wrap .partition-summary-wrap ul li,
html body .themes .content-wrap .result-tools-wrap .partition-summary-wrap ul li,
html body .theme .content-wrap .result-tools-wrap .partition-summary-wrap ul li,
html body .object .content-wrap .result-tools-wrap .partition-summary-wrap ul li,
html body .project .content-wrap .result-tools-wrap .partition-summary-wrap ul li,
html body .article .content-wrap .result-tools-wrap .partition-summary-wrap ul li,
html body .book .content-wrap .result-tools-wrap .partition-summary-wrap ul li,
html body .archive .content-wrap .result-tools-wrap .partition-summary-wrap ul li,
html body .use .content-wrap .result-tools-wrap .partition-summary-wrap ul li,
html body .home .content-wrap .result-tools-wrap .partition-summary-wrap ul li,
html body .print .content-wrap .result-tools-wrap .partition-summary-wrap ul li {
  margin-right: 20px;
}

html body .results .content-wrap .result-tools-wrap .navigation-wrap,
html body .collections .content-wrap .result-tools-wrap .navigation-wrap,
html body .collection .content-wrap .result-tools-wrap .navigation-wrap,
html body .themes .content-wrap .result-tools-wrap .navigation-wrap,
html body .theme .content-wrap .result-tools-wrap .navigation-wrap,
html body .object .content-wrap .result-tools-wrap .navigation-wrap,
html body .project .content-wrap .result-tools-wrap .navigation-wrap,
html body .article .content-wrap .result-tools-wrap .navigation-wrap,
html body .book .content-wrap .result-tools-wrap .navigation-wrap,
html body .archive .content-wrap .result-tools-wrap .navigation-wrap,
html body .use .content-wrap .result-tools-wrap .navigation-wrap,
html body .home .content-wrap .result-tools-wrap .navigation-wrap,
html body .print .content-wrap .result-tools-wrap .navigation-wrap {
  text-align: right;
}

@media screen and (min-width: 1100px) {
  html body .results .content-wrap .result-tools-wrap .navigation-wrap,
html body .collections .content-wrap .result-tools-wrap .navigation-wrap,
html body .collection .content-wrap .result-tools-wrap .navigation-wrap,
html body .themes .content-wrap .result-tools-wrap .navigation-wrap,
html body .theme .content-wrap .result-tools-wrap .navigation-wrap,
html body .object .content-wrap .result-tools-wrap .navigation-wrap,
html body .project .content-wrap .result-tools-wrap .navigation-wrap,
html body .article .content-wrap .result-tools-wrap .navigation-wrap,
html body .book .content-wrap .result-tools-wrap .navigation-wrap,
html body .archive .content-wrap .result-tools-wrap .navigation-wrap,
html body .use .content-wrap .result-tools-wrap .navigation-wrap,
html body .home .content-wrap .result-tools-wrap .navigation-wrap,
html body .print .content-wrap .result-tools-wrap .navigation-wrap {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
}

html body .results .content-wrap .result-tools-wrap .sort-options .selected_sort,
html body .collections .content-wrap .result-tools-wrap .sort-options .selected_sort,
html body .collection .content-wrap .result-tools-wrap .sort-options .selected_sort,
html body .themes .content-wrap .result-tools-wrap .sort-options .selected_sort,
html body .theme .content-wrap .result-tools-wrap .sort-options .selected_sort,
html body .object .content-wrap .result-tools-wrap .sort-options .selected_sort,
html body .project .content-wrap .result-tools-wrap .sort-options .selected_sort,
html body .article .content-wrap .result-tools-wrap .sort-options .selected_sort,
html body .book .content-wrap .result-tools-wrap .sort-options .selected_sort,
html body .archive .content-wrap .result-tools-wrap .sort-options .selected_sort,
html body .use .content-wrap .result-tools-wrap .sort-options .selected_sort,
html body .home .content-wrap .result-tools-wrap .sort-options .selected_sort,
html body .print .content-wrap .result-tools-wrap .sort-options .selected_sort {
  color: white;
  font-weight: 600;
  text-decoration: none;
}

@media (max-width: 550px) {
  html body .results .content-wrap .result-tools-wrap .search-info-wrap,
html body .results .content-wrap .result-tools-wrap .navigation-wrap,
html body .collections .content-wrap .result-tools-wrap .search-info-wrap,
html body .collections .content-wrap .result-tools-wrap .navigation-wrap,
html body .collection .content-wrap .result-tools-wrap .search-info-wrap,
html body .collection .content-wrap .result-tools-wrap .navigation-wrap,
html body .themes .content-wrap .result-tools-wrap .search-info-wrap,
html body .themes .content-wrap .result-tools-wrap .navigation-wrap,
html body .theme .content-wrap .result-tools-wrap .search-info-wrap,
html body .theme .content-wrap .result-tools-wrap .navigation-wrap,
html body .object .content-wrap .result-tools-wrap .search-info-wrap,
html body .object .content-wrap .result-tools-wrap .navigation-wrap,
html body .project .content-wrap .result-tools-wrap .search-info-wrap,
html body .project .content-wrap .result-tools-wrap .navigation-wrap,
html body .article .content-wrap .result-tools-wrap .search-info-wrap,
html body .article .content-wrap .result-tools-wrap .navigation-wrap,
html body .book .content-wrap .result-tools-wrap .search-info-wrap,
html body .book .content-wrap .result-tools-wrap .navigation-wrap,
html body .archive .content-wrap .result-tools-wrap .search-info-wrap,
html body .archive .content-wrap .result-tools-wrap .navigation-wrap,
html body .use .content-wrap .result-tools-wrap .search-info-wrap,
html body .use .content-wrap .result-tools-wrap .navigation-wrap,
html body .home .content-wrap .result-tools-wrap .search-info-wrap,
html body .home .content-wrap .result-tools-wrap .navigation-wrap,
html body .print .content-wrap .result-tools-wrap .search-info-wrap,
html body .print .content-wrap .result-tools-wrap .navigation-wrap {
    width: calc(50% - 15px);
    float: left;
    margin-left: 10px;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body .results .content-wrap .result-tools-wrap .search-info-wrap,
html body .results .content-wrap .result-tools-wrap .navigation-wrap,
html body .collections .content-wrap .result-tools-wrap .search-info-wrap,
html body .collections .content-wrap .result-tools-wrap .navigation-wrap,
html body .collection .content-wrap .result-tools-wrap .search-info-wrap,
html body .collection .content-wrap .result-tools-wrap .navigation-wrap,
html body .themes .content-wrap .result-tools-wrap .search-info-wrap,
html body .themes .content-wrap .result-tools-wrap .navigation-wrap,
html body .theme .content-wrap .result-tools-wrap .search-info-wrap,
html body .theme .content-wrap .result-tools-wrap .navigation-wrap,
html body .object .content-wrap .result-tools-wrap .search-info-wrap,
html body .object .content-wrap .result-tools-wrap .navigation-wrap,
html body .project .content-wrap .result-tools-wrap .search-info-wrap,
html body .project .content-wrap .result-tools-wrap .navigation-wrap,
html body .article .content-wrap .result-tools-wrap .search-info-wrap,
html body .article .content-wrap .result-tools-wrap .navigation-wrap,
html body .book .content-wrap .result-tools-wrap .search-info-wrap,
html body .book .content-wrap .result-tools-wrap .navigation-wrap,
html body .archive .content-wrap .result-tools-wrap .search-info-wrap,
html body .archive .content-wrap .result-tools-wrap .navigation-wrap,
html body .use .content-wrap .result-tools-wrap .search-info-wrap,
html body .use .content-wrap .result-tools-wrap .navigation-wrap,
html body .home .content-wrap .result-tools-wrap .search-info-wrap,
html body .home .content-wrap .result-tools-wrap .navigation-wrap,
html body .print .content-wrap .result-tools-wrap .search-info-wrap,
html body .print .content-wrap .result-tools-wrap .navigation-wrap {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
}

html body .results .content-wrap .cards::after,
html body .collections .content-wrap .cards::after,
html body .collection .content-wrap .cards::after,
html body .themes .content-wrap .cards::after,
html body .theme .content-wrap .cards::after,
html body .object .content-wrap .cards::after,
html body .project .content-wrap .cards::after,
html body .article .content-wrap .cards::after,
html body .book .content-wrap .cards::after,
html body .archive .content-wrap .cards::after,
html body .use .content-wrap .cards::after,
html body .home .content-wrap .cards::after,
html body .print .content-wrap .cards::after {
  clear: both;
  content: "";
  display: block;
}

html body .results .content-wrap .cards .partition-seperator .partition-link,
html body .collections .content-wrap .cards .partition-seperator .partition-link,
html body .collection .content-wrap .cards .partition-seperator .partition-link,
html body .themes .content-wrap .cards .partition-seperator .partition-link,
html body .theme .content-wrap .cards .partition-seperator .partition-link,
html body .object .content-wrap .cards .partition-seperator .partition-link,
html body .project .content-wrap .cards .partition-seperator .partition-link,
html body .article .content-wrap .cards .partition-seperator .partition-link,
html body .book .content-wrap .cards .partition-seperator .partition-link,
html body .archive .content-wrap .cards .partition-seperator .partition-link,
html body .use .content-wrap .cards .partition-seperator .partition-link,
html body .home .content-wrap .cards .partition-seperator .partition-link,
html body .print .content-wrap .cards .partition-seperator .partition-link {
  text-decoration: none;
}

html body .results .content-wrap .cards .partition-seperator h3,
html body .collections .content-wrap .cards .partition-seperator h3,
html body .collection .content-wrap .cards .partition-seperator h3,
html body .themes .content-wrap .cards .partition-seperator h3,
html body .theme .content-wrap .cards .partition-seperator h3,
html body .object .content-wrap .cards .partition-seperator h3,
html body .project .content-wrap .cards .partition-seperator h3,
html body .article .content-wrap .cards .partition-seperator h3,
html body .book .content-wrap .cards .partition-seperator h3,
html body .archive .content-wrap .cards .partition-seperator h3,
html body .use .content-wrap .cards .partition-seperator h3,
html body .home .content-wrap .cards .partition-seperator h3,
html body .print .content-wrap .cards .partition-seperator h3 {
  color: #70799f;
}

@media screen and (min-width: 1100px) {
  html body .results .content-wrap .cards .partition-seperator,
html body .collections .content-wrap .cards .partition-seperator,
html body .collection .content-wrap .cards .partition-seperator,
html body .themes .content-wrap .cards .partition-seperator,
html body .theme .content-wrap .cards .partition-seperator,
html body .object .content-wrap .cards .partition-seperator,
html body .project .content-wrap .cards .partition-seperator,
html body .article .content-wrap .cards .partition-seperator,
html body .book .content-wrap .cards .partition-seperator,
html body .archive .content-wrap .cards .partition-seperator,
html body .use .content-wrap .cards .partition-seperator,
html body .home .content-wrap .cards .partition-seperator,
html body .print .content-wrap .cards .partition-seperator {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body .results .content-wrap .cards .partition-seperator,
html body .collections .content-wrap .cards .partition-seperator,
html body .collection .content-wrap .cards .partition-seperator,
html body .themes .content-wrap .cards .partition-seperator,
html body .theme .content-wrap .cards .partition-seperator,
html body .object .content-wrap .cards .partition-seperator,
html body .project .content-wrap .cards .partition-seperator,
html body .article .content-wrap .cards .partition-seperator,
html body .book .content-wrap .cards .partition-seperator,
html body .archive .content-wrap .cards .partition-seperator,
html body .use .content-wrap .cards .partition-seperator,
html body .home .content-wrap .cards .partition-seperator,
html body .print .content-wrap .cards .partition-seperator {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}

@media (max-width: 550px) {
  html body .results .content-wrap .cards .partition-seperator,
html body .collections .content-wrap .cards .partition-seperator,
html body .collection .content-wrap .cards .partition-seperator,
html body .themes .content-wrap .cards .partition-seperator,
html body .theme .content-wrap .cards .partition-seperator,
html body .object .content-wrap .cards .partition-seperator,
html body .project .content-wrap .cards .partition-seperator,
html body .article .content-wrap .cards .partition-seperator,
html body .book .content-wrap .cards .partition-seperator,
html body .archive .content-wrap .cards .partition-seperator,
html body .use .content-wrap .cards .partition-seperator,
html body .home .content-wrap .cards .partition-seperator,
html body .print .content-wrap .cards .partition-seperator {
    width: calc(100% - 20px);
    float: left;
    margin-left: 10px;
  }
}

html body .results .content-wrap .cards .card,
html body .collections .content-wrap .cards .card,
html body .collection .content-wrap .cards .card,
html body .themes .content-wrap .cards .card,
html body .theme .content-wrap .cards .card,
html body .object .content-wrap .cards .card,
html body .project .content-wrap .cards .card,
html body .article .content-wrap .cards .card,
html body .book .content-wrap .cards .card,
html body .archive .content-wrap .cards .card,
html body .use .content-wrap .cards .card,
html body .home .content-wrap .cards .card,
html body .print .content-wrap .cards .card {
  background-color: #fff;
  border: none;
  border-radius: 3px;
  box-shadow: none;
  cursor: pointer;
  position: relative;
  margin-bottom: 20px;
  height: 370px;
  overflow: hidden;
}

@media screen and (min-width: 1100px) {
  html body .results .content-wrap .cards .card,
html body .collections .content-wrap .cards .card,
html body .collection .content-wrap .cards .card,
html body .themes .content-wrap .cards .card,
html body .theme .content-wrap .cards .card,
html body .object .content-wrap .cards .card,
html body .project .content-wrap .cards .card,
html body .article .content-wrap .cards .card,
html body .book .content-wrap .cards .card,
html body .archive .content-wrap .cards .card,
html body .use .content-wrap .cards .card,
html body .home .content-wrap .cards .card,
html body .print .content-wrap .cards .card {
    float: left;
    margin-left: 0px;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body .results .content-wrap .cards .card,
html body .collections .content-wrap .cards .card,
html body .collection .content-wrap .cards .card,
html body .themes .content-wrap .cards .card,
html body .theme .content-wrap .cards .card,
html body .object .content-wrap .cards .card,
html body .project .content-wrap .cards .card,
html body .article .content-wrap .cards .card,
html body .book .content-wrap .cards .card,
html body .archive .content-wrap .cards .card,
html body .use .content-wrap .cards .card,
html body .home .content-wrap .cards .card,
html body .print .content-wrap .cards .card {
    float: left;
    margin-left: 0px;
  }
}

@media (max-width: 550px) {
  html body .results .content-wrap .cards .card,
html body .collections .content-wrap .cards .card,
html body .collection .content-wrap .cards .card,
html body .themes .content-wrap .cards .card,
html body .theme .content-wrap .cards .card,
html body .object .content-wrap .cards .card,
html body .project .content-wrap .cards .card,
html body .article .content-wrap .cards .card,
html body .book .content-wrap .cards .card,
html body .archive .content-wrap .cards .card,
html body .use .content-wrap .cards .card,
html body .home .content-wrap .cards .card,
html body .print .content-wrap .cards .card {
    float: left;
    margin-left: 0px;
  }
}

html body .results .content-wrap .cards .card a,
html body .collections .content-wrap .cards .card a,
html body .collection .content-wrap .cards .card a,
html body .themes .content-wrap .cards .card a,
html body .theme .content-wrap .cards .card a,
html body .object .content-wrap .cards .card a,
html body .project .content-wrap .cards .card a,
html body .article .content-wrap .cards .card a,
html body .book .content-wrap .cards .card a,
html body .archive .content-wrap .cards .card a,
html body .use .content-wrap .cards .card a,
html body .home .content-wrap .cards .card a,
html body .print .content-wrap .cards .card a {
  background-color: inherit;
}

@media (max-width: 550px) {
  html body .results .content-wrap .cards .card,
html body .collections .content-wrap .cards .card,
html body .collection .content-wrap .cards .card,
html body .themes .content-wrap .cards .card,
html body .theme .content-wrap .cards .card,
html body .object .content-wrap .cards .card,
html body .project .content-wrap .cards .card,
html body .article .content-wrap .cards .card,
html body .book .content-wrap .cards .card,
html body .archive .content-wrap .cards .card,
html body .use .content-wrap .cards .card,
html body .home .content-wrap .cards .card,
html body .print .content-wrap .cards .card {
    height: auto;
  }
}

html body .results .content-wrap .cards .card .card-image,
html body .collections .content-wrap .cards .card .card-image,
html body .collection .content-wrap .cards .card .card-image,
html body .themes .content-wrap .cards .card .card-image,
html body .theme .content-wrap .cards .card .card-image,
html body .object .content-wrap .cards .card .card-image,
html body .project .content-wrap .cards .card .card-image,
html body .article .content-wrap .cards .card .card-image,
html body .book .content-wrap .cards .card .card-image,
html body .archive .content-wrap .cards .card .card-image,
html body .use .content-wrap .cards .card .card-image,
html body .home .content-wrap .cards .card .card-image,
html body .print .content-wrap .cards .card .card-image {
  padding-top: 100%;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 250px;
  overflow: hidden;
  text-align: center;
}

html body .results .content-wrap .cards .card .card-image img,
html body .collections .content-wrap .cards .card .card-image img,
html body .collection .content-wrap .cards .card .card-image img,
html body .themes .content-wrap .cards .card .card-image img,
html body .theme .content-wrap .cards .card .card-image img,
html body .object .content-wrap .cards .card .card-image img,
html body .project .content-wrap .cards .card .card-image img,
html body .article .content-wrap .cards .card .card-image img,
html body .book .content-wrap .cards .card .card-image img,
html body .archive .content-wrap .cards .card .card-image img,
html body .use .content-wrap .cards .card .card-image img,
html body .home .content-wrap .cards .card .card-image img,
html body .print .content-wrap .cards .card .card-image img {
  max-height: 100%;
  max-width: 100%;
}

html body .results .content-wrap .cards .card .card-image img,
html body .collections .content-wrap .cards .card .card-image img,
html body .collection .content-wrap .cards .card .card-image img,
html body .themes .content-wrap .cards .card .card-image img,
html body .theme .content-wrap .cards .card .card-image img,
html body .object .content-wrap .cards .card .card-image img,
html body .project .content-wrap .cards .card .card-image img,
html body .article .content-wrap .cards .card .card-image img,
html body .book .content-wrap .cards .card .card-image img,
html body .archive .content-wrap .cards .card .card-image img,
html body .use .content-wrap .cards .card .card-image img,
html body .home .content-wrap .cards .card .card-image img,
html body .print .content-wrap .cards .card .card-image img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

html body .results .content-wrap .cards .card .card-image,
html body .collections .content-wrap .cards .card .card-image,
html body .collection .content-wrap .cards .card .card-image,
html body .themes .content-wrap .cards .card .card-image,
html body .theme .content-wrap .cards .card .card-image,
html body .object .content-wrap .cards .card .card-image,
html body .project .content-wrap .cards .card .card-image,
html body .article .content-wrap .cards .card .card-image,
html body .book .content-wrap .cards .card .card-image,
html body .archive .content-wrap .cards .card .card-image,
html body .use .content-wrap .cards .card .card-image,
html body .home .content-wrap .cards .card .card-image,
html body .print .content-wrap .cards .card .card-image {
  height: 250px;
  width: 230px;
}

html body .results .content-wrap .cards .card .card-image .restricted-marker,
html body .collections .content-wrap .cards .card .card-image .restricted-marker,
html body .collection .content-wrap .cards .card .card-image .restricted-marker,
html body .themes .content-wrap .cards .card .card-image .restricted-marker,
html body .theme .content-wrap .cards .card .card-image .restricted-marker,
html body .object .content-wrap .cards .card .card-image .restricted-marker,
html body .project .content-wrap .cards .card .card-image .restricted-marker,
html body .article .content-wrap .cards .card .card-image .restricted-marker,
html body .book .content-wrap .cards .card .card-image .restricted-marker,
html body .archive .content-wrap .cards .card .card-image .restricted-marker,
html body .use .content-wrap .cards .card .card-image .restricted-marker,
html body .home .content-wrap .cards .card .card-image .restricted-marker,
html body .print .content-wrap .cards .card .card-image .restricted-marker {
  position: absolute;
  top: 20px;
  left: 20px;
}

html body .results .content-wrap .cards .card .card-header,
html body .collections .content-wrap .cards .card .card-header,
html body .collection .content-wrap .cards .card .card-header,
html body .themes .content-wrap .cards .card .card-header,
html body .theme .content-wrap .cards .card .card-header,
html body .object .content-wrap .cards .card .card-header,
html body .project .content-wrap .cards .card .card-header,
html body .article .content-wrap .cards .card .card-header,
html body .book .content-wrap .cards .card .card-header,
html body .archive .content-wrap .cards .card .card-header,
html body .use .content-wrap .cards .card .card-header,
html body .home .content-wrap .cards .card .card-header,
html body .print .content-wrap .cards .card .card-header {
  border-bottom: 0;
  border-bottom-width: 0;
  border-radius: 0;
  font-weight: bold;
  padding: 5px 20px;
  margin-bottom: 0;
  /*
        margin-top: ($base-spacing / 4);
        height: rem(38);
        @include grid-media($tablet-grid) {
          height: rem(38);
        }
*/
  overflow: hidden;
  text-overflow: ellipsis;
}

html body .results .content-wrap .cards .card .card-header.card-header-wrap,
html body .collections .content-wrap .cards .card .card-header.card-header-wrap,
html body .collection .content-wrap .cards .card .card-header.card-header-wrap,
html body .themes .content-wrap .cards .card .card-header.card-header-wrap,
html body .theme .content-wrap .cards .card .card-header.card-header-wrap,
html body .object .content-wrap .cards .card .card-header.card-header-wrap,
html body .project .content-wrap .cards .card .card-header.card-header-wrap,
html body .article .content-wrap .cards .card .card-header.card-header-wrap,
html body .book .content-wrap .cards .card .card-header.card-header-wrap,
html body .archive .content-wrap .cards .card .card-header.card-header-wrap,
html body .use .content-wrap .cards .card .card-header.card-header-wrap,
html body .home .content-wrap .cards .card .card-header.card-header-wrap,
html body .print .content-wrap .cards .card .card-header.card-header-wrap {
  height: 6.125rem;
}

html body .results .content-wrap .cards .card .lightbox-controls,
html body .collections .content-wrap .cards .card .lightbox-controls,
html body .collection .content-wrap .cards .card .lightbox-controls,
html body .themes .content-wrap .cards .card .lightbox-controls,
html body .theme .content-wrap .cards .card .lightbox-controls,
html body .object .content-wrap .cards .card .lightbox-controls,
html body .project .content-wrap .cards .card .lightbox-controls,
html body .article .content-wrap .cards .card .lightbox-controls,
html body .book .content-wrap .cards .card .lightbox-controls,
html body .archive .content-wrap .cards .card .lightbox-controls,
html body .use .content-wrap .cards .card .lightbox-controls,
html body .home .content-wrap .cards .card .lightbox-controls,
html body .print .content-wrap .cards .card .lightbox-controls {
  height: 20px;
  margin-bottom: 10px;
  margin-left: 20px;
}

html body .results .content-wrap .cards .card .lightbox-controls .user_lightbox_control,
html body .collections .content-wrap .cards .card .lightbox-controls .user_lightbox_control,
html body .collection .content-wrap .cards .card .lightbox-controls .user_lightbox_control,
html body .themes .content-wrap .cards .card .lightbox-controls .user_lightbox_control,
html body .theme .content-wrap .cards .card .lightbox-controls .user_lightbox_control,
html body .object .content-wrap .cards .card .lightbox-controls .user_lightbox_control,
html body .project .content-wrap .cards .card .lightbox-controls .user_lightbox_control,
html body .article .content-wrap .cards .card .lightbox-controls .user_lightbox_control,
html body .book .content-wrap .cards .card .lightbox-controls .user_lightbox_control,
html body .archive .content-wrap .cards .card .lightbox-controls .user_lightbox_control,
html body .use .content-wrap .cards .card .lightbox-controls .user_lightbox_control,
html body .home .content-wrap .cards .card .lightbox-controls .user_lightbox_control,
html body .print .content-wrap .cards .card .lightbox-controls .user_lightbox_control {
  float: left;
  text-align: left;
  padding-right: 10px;
}

html body .results .content-wrap .cards .card .lightbox-controls .user_basket_control,
html body .collections .content-wrap .cards .card .lightbox-controls .user_basket_control,
html body .collection .content-wrap .cards .card .lightbox-controls .user_basket_control,
html body .themes .content-wrap .cards .card .lightbox-controls .user_basket_control,
html body .theme .content-wrap .cards .card .lightbox-controls .user_basket_control,
html body .object .content-wrap .cards .card .lightbox-controls .user_basket_control,
html body .project .content-wrap .cards .card .lightbox-controls .user_basket_control,
html body .article .content-wrap .cards .card .lightbox-controls .user_basket_control,
html body .book .content-wrap .cards .card .lightbox-controls .user_basket_control,
html body .archive .content-wrap .cards .card .lightbox-controls .user_basket_control,
html body .use .content-wrap .cards .card .lightbox-controls .user_basket_control,
html body .home .content-wrap .cards .card .lightbox-controls .user_basket_control,
html body .print .content-wrap .cards .card .lightbox-controls .user_basket_control {
  float: left;
  text-align: left;
  padding-left: 10px;
}

html body .results .content-wrap .cards .card .lightbox-controls .caption,
html body .collections .content-wrap .cards .card .lightbox-controls .caption,
html body .collection .content-wrap .cards .card .lightbox-controls .caption,
html body .themes .content-wrap .cards .card .lightbox-controls .caption,
html body .theme .content-wrap .cards .card .lightbox-controls .caption,
html body .object .content-wrap .cards .card .lightbox-controls .caption,
html body .project .content-wrap .cards .card .lightbox-controls .caption,
html body .article .content-wrap .cards .card .lightbox-controls .caption,
html body .book .content-wrap .cards .card .lightbox-controls .caption,
html body .archive .content-wrap .cards .card .lightbox-controls .caption,
html body .use .content-wrap .cards .card .lightbox-controls .caption,
html body .home .content-wrap .cards .card .lightbox-controls .caption,
html body .print .content-wrap .cards .card .lightbox-controls .caption {
  display: none;
}

html body .results .content-wrap .cards .card .text-wrap,
html body .collections .content-wrap .cards .card .text-wrap,
html body .collection .content-wrap .cards .card .text-wrap,
html body .themes .content-wrap .cards .card .text-wrap,
html body .theme .content-wrap .cards .card .text-wrap,
html body .object .content-wrap .cards .card .text-wrap,
html body .project .content-wrap .cards .card .text-wrap,
html body .article .content-wrap .cards .card .text-wrap,
html body .book .content-wrap .cards .card .text-wrap,
html body .archive .content-wrap .cards .card .text-wrap,
html body .use .content-wrap .cards .card .text-wrap,
html body .home .content-wrap .cards .card .text-wrap,
html body .print .content-wrap .cards .card .text-wrap {
  position: absolute;
  display: block;
  min-height: 105px;
  max-height: 370px;
  width: 100%;
}

html body .results .content-wrap .cards .card .card-summary-text,
html body .collections .content-wrap .cards .card .card-summary-text,
html body .collection .content-wrap .cards .card .card-summary-text,
html body .themes .content-wrap .cards .card .card-summary-text,
html body .theme .content-wrap .cards .card .card-summary-text,
html body .object .content-wrap .cards .card .card-summary-text,
html body .project .content-wrap .cards .card .card-summary-text,
html body .article .content-wrap .cards .card .card-summary-text,
html body .book .content-wrap .cards .card .card-summary-text,
html body .archive .content-wrap .cards .card .card-summary-text,
html body .use .content-wrap .cards .card .card-summary-text,
html body .home .content-wrap .cards .card .card-summary-text,
html body .print .content-wrap .cards .card .card-summary-text {
  font-size: 0.9em;
  line-height: initial;
  padding: 0 20px;
  /*
        padding: ($base-spacing / 2) ($base-spacing);
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        @include grid-media($tablet-grid) {
          height: rem(80);
        }
*/
  margin-bottom: 0 !important;
  box-sizing: border-box;
  overflow: hidden;
}

html body .results .content-wrap .cards .card:focus, html body .results .content-wrap .cards .card:hover,
html body .collections .content-wrap .cards .card:focus,
html body .collections .content-wrap .cards .card:hover,
html body .collection .content-wrap .cards .card:focus,
html body .collection .content-wrap .cards .card:hover,
html body .themes .content-wrap .cards .card:focus,
html body .themes .content-wrap .cards .card:hover,
html body .theme .content-wrap .cards .card:focus,
html body .theme .content-wrap .cards .card:hover,
html body .object .content-wrap .cards .card:focus,
html body .object .content-wrap .cards .card:hover,
html body .project .content-wrap .cards .card:focus,
html body .project .content-wrap .cards .card:hover,
html body .article .content-wrap .cards .card:focus,
html body .article .content-wrap .cards .card:hover,
html body .book .content-wrap .cards .card:focus,
html body .book .content-wrap .cards .card:hover,
html body .archive .content-wrap .cards .card:focus,
html body .archive .content-wrap .cards .card:hover,
html body .use .content-wrap .cards .card:focus,
html body .use .content-wrap .cards .card:hover,
html body .home .content-wrap .cards .card:focus,
html body .home .content-wrap .cards .card:hover,
html body .print .content-wrap .cards .card:focus,
html body .print .content-wrap .cards .card:hover {
  background-color: #e0dcdb;
  cursor: pointer;
}

html body .results .content-wrap .cards .card:focus img, html body .results .content-wrap .cards .card:hover img,
html body .collections .content-wrap .cards .card:focus img,
html body .collections .content-wrap .cards .card:hover img,
html body .collection .content-wrap .cards .card:focus img,
html body .collection .content-wrap .cards .card:hover img,
html body .themes .content-wrap .cards .card:focus img,
html body .themes .content-wrap .cards .card:hover img,
html body .theme .content-wrap .cards .card:focus img,
html body .theme .content-wrap .cards .card:hover img,
html body .object .content-wrap .cards .card:focus img,
html body .object .content-wrap .cards .card:hover img,
html body .project .content-wrap .cards .card:focus img,
html body .project .content-wrap .cards .card:hover img,
html body .article .content-wrap .cards .card:focus img,
html body .article .content-wrap .cards .card:hover img,
html body .book .content-wrap .cards .card:focus img,
html body .book .content-wrap .cards .card:hover img,
html body .archive .content-wrap .cards .card:focus img,
html body .archive .content-wrap .cards .card:hover img,
html body .use .content-wrap .cards .card:focus img,
html body .use .content-wrap .cards .card:hover img,
html body .home .content-wrap .cards .card:focus img,
html body .home .content-wrap .cards .card:hover img,
html body .print .content-wrap .cards .card:focus img,
html body .print .content-wrap .cards .card:hover img {
  opacity: 1;
}

html body .results .content-wrap .cards .card:active,
html body .collections .content-wrap .cards .card:active,
html body .collection .content-wrap .cards .card:active,
html body .themes .content-wrap .cards .card:active,
html body .theme .content-wrap .cards .card:active,
html body .object .content-wrap .cards .card:active,
html body .project .content-wrap .cards .card:active,
html body .article .content-wrap .cards .card:active,
html body .book .content-wrap .cards .card:active,
html body .archive .content-wrap .cards .card:active,
html body .use .content-wrap .cards .card:active,
html body .home .content-wrap .cards .card:active,
html body .print .content-wrap .cards .card:active {
  background-color: #fff;
}

html body .results .content-wrap .cards .card:active .card-header,
html body .collections .content-wrap .cards .card:active .card-header,
html body .collection .content-wrap .cards .card:active .card-header,
html body .themes .content-wrap .cards .card:active .card-header,
html body .theme .content-wrap .cards .card:active .card-header,
html body .object .content-wrap .cards .card:active .card-header,
html body .project .content-wrap .cards .card:active .card-header,
html body .article .content-wrap .cards .card:active .card-header,
html body .book .content-wrap .cards .card:active .card-header,
html body .archive .content-wrap .cards .card:active .card-header,
html body .use .content-wrap .cards .card:active .card-header,
html body .home .content-wrap .cards .card:active .card-header,
html body .print .content-wrap .cards .card:active .card-header {
  background-color: #fff;
}

html body .results .content-wrap .cards .card:focus-within,
html body .collections .content-wrap .cards .card:focus-within,
html body .collection .content-wrap .cards .card:focus-within,
html body .themes .content-wrap .cards .card:focus-within,
html body .theme .content-wrap .cards .card:focus-within,
html body .object .content-wrap .cards .card:focus-within,
html body .project .content-wrap .cards .card:focus-within,
html body .article .content-wrap .cards .card:focus-within,
html body .book .content-wrap .cards .card:focus-within,
html body .archive .content-wrap .cards .card:focus-within,
html body .use .content-wrap .cards .card:focus-within,
html body .home .content-wrap .cards .card:focus-within,
html body .print .content-wrap .cards .card:focus-within {
  border-color: #d4d1cf;
  background-color: #fff;
  color: #000;
}

html body .results .content-wrap .cards .card:focus-within .text-wrap,
html body .collections .content-wrap .cards .card:focus-within .text-wrap,
html body .collection .content-wrap .cards .card:focus-within .text-wrap,
html body .themes .content-wrap .cards .card:focus-within .text-wrap,
html body .theme .content-wrap .cards .card:focus-within .text-wrap,
html body .object .content-wrap .cards .card:focus-within .text-wrap,
html body .project .content-wrap .cards .card:focus-within .text-wrap,
html body .article .content-wrap .cards .card:focus-within .text-wrap,
html body .book .content-wrap .cards .card:focus-within .text-wrap,
html body .archive .content-wrap .cards .card:focus-within .text-wrap,
html body .use .content-wrap .cards .card:focus-within .text-wrap,
html body .home .content-wrap .cards .card:focus-within .text-wrap,
html body .print .content-wrap .cards .card:focus-within .text-wrap {
  background-color: white;
}

html body .results .content-wrap .cards .card:focus-within .text-wrap .card-header,
html body .collections .content-wrap .cards .card:focus-within .text-wrap .card-header,
html body .collection .content-wrap .cards .card:focus-within .text-wrap .card-header,
html body .themes .content-wrap .cards .card:focus-within .text-wrap .card-header,
html body .theme .content-wrap .cards .card:focus-within .text-wrap .card-header,
html body .object .content-wrap .cards .card:focus-within .text-wrap .card-header,
html body .project .content-wrap .cards .card:focus-within .text-wrap .card-header,
html body .article .content-wrap .cards .card:focus-within .text-wrap .card-header,
html body .book .content-wrap .cards .card:focus-within .text-wrap .card-header,
html body .archive .content-wrap .cards .card:focus-within .text-wrap .card-header,
html body .use .content-wrap .cards .card:focus-within .text-wrap .card-header,
html body .home .content-wrap .cards .card:focus-within .text-wrap .card-header,
html body .print .content-wrap .cards .card:focus-within .text-wrap .card-header {
  color: #000;
}

html body .results .content-wrap .cards .card:focus-within .card-summary-text,
html body .collections .content-wrap .cards .card:focus-within .card-summary-text,
html body .collection .content-wrap .cards .card:focus-within .card-summary-text,
html body .themes .content-wrap .cards .card:focus-within .card-summary-text,
html body .theme .content-wrap .cards .card:focus-within .card-summary-text,
html body .object .content-wrap .cards .card:focus-within .card-summary-text,
html body .project .content-wrap .cards .card:focus-within .card-summary-text,
html body .article .content-wrap .cards .card:focus-within .card-summary-text,
html body .book .content-wrap .cards .card:focus-within .card-summary-text,
html body .archive .content-wrap .cards .card:focus-within .card-summary-text,
html body .use .content-wrap .cards .card:focus-within .card-summary-text,
html body .home .content-wrap .cards .card:focus-within .card-summary-text,
html body .print .content-wrap .cards .card:focus-within .card-summary-text {
  color: #000;
}

html body .results .content-wrap .cards .card:focus-within .card-image,
html body .collections .content-wrap .cards .card:focus-within .card-image,
html body .collection .content-wrap .cards .card:focus-within .card-image,
html body .themes .content-wrap .cards .card:focus-within .card-image,
html body .theme .content-wrap .cards .card:focus-within .card-image,
html body .object .content-wrap .cards .card:focus-within .card-image,
html body .project .content-wrap .cards .card:focus-within .card-image,
html body .article .content-wrap .cards .card:focus-within .card-image,
html body .book .content-wrap .cards .card:focus-within .card-image,
html body .archive .content-wrap .cards .card:focus-within .card-image,
html body .use .content-wrap .cards .card:focus-within .card-image,
html body .home .content-wrap .cards .card:focus-within .card-image,
html body .print .content-wrap .cards .card:focus-within .card-image {
  background-color: #fff;
}

html body .results .content-wrap .cards .card a,
html body .collections .content-wrap .cards .card a,
html body .collection .content-wrap .cards .card a,
html body .themes .content-wrap .cards .card a,
html body .theme .content-wrap .cards .card a,
html body .object .content-wrap .cards .card a,
html body .project .content-wrap .cards .card a,
html body .article .content-wrap .cards .card a,
html body .book .content-wrap .cards .card a,
html body .archive .content-wrap .cards .card a,
html body .use .content-wrap .cards .card a,
html body .home .content-wrap .cards .card a,
html body .print .content-wrap .cards .card a {
  color: #be0f34 !important;
  text-decoration: none !important;
  transition: color 0 ease;
}

html body .results .content-wrap .cards .card a:hover,
html body .collections .content-wrap .cards .card a:hover,
html body .collection .content-wrap .cards .card a:hover,
html body .themes .content-wrap .cards .card a:hover,
html body .theme .content-wrap .cards .card a:hover,
html body .object .content-wrap .cards .card a:hover,
html body .project .content-wrap .cards .card a:hover,
html body .article .content-wrap .cards .card a:hover,
html body .book .content-wrap .cards .card a:hover,
html body .archive .content-wrap .cards .card a:hover,
html body .use .content-wrap .cards .card a:hover,
html body .home .content-wrap .cards .card a:hover,
html body .print .content-wrap .cards .card a:hover {
  color: none !important;
  text-decoration: none !important;
}

html body .results .content-wrap .cards .card-list-view,
html body .collections .content-wrap .cards .card-list-view,
html body .collection .content-wrap .cards .card-list-view,
html body .themes .content-wrap .cards .card-list-view,
html body .theme .content-wrap .cards .card-list-view,
html body .object .content-wrap .cards .card-list-view,
html body .project .content-wrap .cards .card-list-view,
html body .article .content-wrap .cards .card-list-view,
html body .book .content-wrap .cards .card-list-view,
html body .archive .content-wrap .cards .card-list-view,
html body .use .content-wrap .cards .card-list-view,
html body .home .content-wrap .cards .card-list-view,
html body .print .content-wrap .cards .card-list-view {
  background-color: #fff;
  border: none;
  border-radius: 3px;
  background-color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  height: 250px;
  padding: 10px;
  margin-bottom: 20px;
}

@media screen and (min-width: 1100px) {
  html body .results .content-wrap .cards .card-list-view,
html body .collections .content-wrap .cards .card-list-view,
html body .collection .content-wrap .cards .card-list-view,
html body .themes .content-wrap .cards .card-list-view,
html body .theme .content-wrap .cards .card-list-view,
html body .object .content-wrap .cards .card-list-view,
html body .project .content-wrap .cards .card-list-view,
html body .article .content-wrap .cards .card-list-view,
html body .book .content-wrap .cards .card-list-view,
html body .archive .content-wrap .cards .card-list-view,
html body .use .content-wrap .cards .card-list-view,
html body .home .content-wrap .cards .card-list-view,
html body .print .content-wrap .cards .card-list-view {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body .results .content-wrap .cards .card-list-view,
html body .collections .content-wrap .cards .card-list-view,
html body .collection .content-wrap .cards .card-list-view,
html body .themes .content-wrap .cards .card-list-view,
html body .theme .content-wrap .cards .card-list-view,
html body .object .content-wrap .cards .card-list-view,
html body .project .content-wrap .cards .card-list-view,
html body .article .content-wrap .cards .card-list-view,
html body .book .content-wrap .cards .card-list-view,
html body .archive .content-wrap .cards .card-list-view,
html body .use .content-wrap .cards .card-list-view,
html body .home .content-wrap .cards .card-list-view,
html body .print .content-wrap .cards .card-list-view {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}

@media (max-width: 550px) {
  html body .results .content-wrap .cards .card-list-view,
html body .collections .content-wrap .cards .card-list-view,
html body .collection .content-wrap .cards .card-list-view,
html body .themes .content-wrap .cards .card-list-view,
html body .theme .content-wrap .cards .card-list-view,
html body .object .content-wrap .cards .card-list-view,
html body .project .content-wrap .cards .card-list-view,
html body .article .content-wrap .cards .card-list-view,
html body .book .content-wrap .cards .card-list-view,
html body .archive .content-wrap .cards .card-list-view,
html body .use .content-wrap .cards .card-list-view,
html body .home .content-wrap .cards .card-list-view,
html body .print .content-wrap .cards .card-list-view {
    width: calc(100% - 20px);
    float: left;
    margin-left: 10px;
    height: auto;
  }
}

html body .results .content-wrap .cards .card-list-view a:link,
html body .collections .content-wrap .cards .card-list-view a:link,
html body .collection .content-wrap .cards .card-list-view a:link,
html body .themes .content-wrap .cards .card-list-view a:link,
html body .theme .content-wrap .cards .card-list-view a:link,
html body .object .content-wrap .cards .card-list-view a:link,
html body .project .content-wrap .cards .card-list-view a:link,
html body .article .content-wrap .cards .card-list-view a:link,
html body .book .content-wrap .cards .card-list-view a:link,
html body .archive .content-wrap .cards .card-list-view a:link,
html body .use .content-wrap .cards .card-list-view a:link,
html body .home .content-wrap .cards .card-list-view a:link,
html body .print .content-wrap .cards .card-list-view a:link {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  text-decoration: none;
}

html body .results .content-wrap .cards .card-list-view a:link::after,
html body .collections .content-wrap .cards .card-list-view a:link::after,
html body .collection .content-wrap .cards .card-list-view a:link::after,
html body .themes .content-wrap .cards .card-list-view a:link::after,
html body .theme .content-wrap .cards .card-list-view a:link::after,
html body .object .content-wrap .cards .card-list-view a:link::after,
html body .project .content-wrap .cards .card-list-view a:link::after,
html body .article .content-wrap .cards .card-list-view a:link::after,
html body .book .content-wrap .cards .card-list-view a:link::after,
html body .archive .content-wrap .cards .card-list-view a:link::after,
html body .use .content-wrap .cards .card-list-view a:link::after,
html body .home .content-wrap .cards .card-list-view a:link::after,
html body .print .content-wrap .cards .card-list-view a:link::after {
  clear: both;
  content: "";
  display: block;
}

html body .results .content-wrap .cards .card-list-view a:link .text-wrap,
html body .collections .content-wrap .cards .card-list-view a:link .text-wrap,
html body .collection .content-wrap .cards .card-list-view a:link .text-wrap,
html body .themes .content-wrap .cards .card-list-view a:link .text-wrap,
html body .theme .content-wrap .cards .card-list-view a:link .text-wrap,
html body .object .content-wrap .cards .card-list-view a:link .text-wrap,
html body .project .content-wrap .cards .card-list-view a:link .text-wrap,
html body .article .content-wrap .cards .card-list-view a:link .text-wrap,
html body .book .content-wrap .cards .card-list-view a:link .text-wrap,
html body .archive .content-wrap .cards .card-list-view a:link .text-wrap,
html body .use .content-wrap .cards .card-list-view a:link .text-wrap,
html body .home .content-wrap .cards .card-list-view a:link .text-wrap,
html body .print .content-wrap .cards .card-list-view a:link .text-wrap {
  width: 100%;
}

html body .results .content-wrap .cards .card-list-view .text-wrap,
html body .collections .content-wrap .cards .card-list-view .text-wrap,
html body .collection .content-wrap .cards .card-list-view .text-wrap,
html body .themes .content-wrap .cards .card-list-view .text-wrap,
html body .theme .content-wrap .cards .card-list-view .text-wrap,
html body .object .content-wrap .cards .card-list-view .text-wrap,
html body .project .content-wrap .cards .card-list-view .text-wrap,
html body .article .content-wrap .cards .card-list-view .text-wrap,
html body .book .content-wrap .cards .card-list-view .text-wrap,
html body .archive .content-wrap .cards .card-list-view .text-wrap,
html body .use .content-wrap .cards .card-list-view .text-wrap,
html body .home .content-wrap .cards .card-list-view .text-wrap,
html body .print .content-wrap .cards .card-list-view .text-wrap {
  word-break: break-word;
  overflow: hidden;
}

@media screen and (min-width: 1100px) {
  html body .results .content-wrap .cards .card-list-view .text-wrap,
html body .collections .content-wrap .cards .card-list-view .text-wrap,
html body .collection .content-wrap .cards .card-list-view .text-wrap,
html body .themes .content-wrap .cards .card-list-view .text-wrap,
html body .theme .content-wrap .cards .card-list-view .text-wrap,
html body .object .content-wrap .cards .card-list-view .text-wrap,
html body .project .content-wrap .cards .card-list-view .text-wrap,
html body .article .content-wrap .cards .card-list-view .text-wrap,
html body .book .content-wrap .cards .card-list-view .text-wrap,
html body .archive .content-wrap .cards .card-list-view .text-wrap,
html body .use .content-wrap .cards .card-list-view .text-wrap,
html body .home .content-wrap .cards .card-list-view .text-wrap,
html body .print .content-wrap .cards .card-list-view .text-wrap {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body .results .content-wrap .cards .card-list-view .text-wrap,
html body .collections .content-wrap .cards .card-list-view .text-wrap,
html body .collection .content-wrap .cards .card-list-view .text-wrap,
html body .themes .content-wrap .cards .card-list-view .text-wrap,
html body .theme .content-wrap .cards .card-list-view .text-wrap,
html body .object .content-wrap .cards .card-list-view .text-wrap,
html body .project .content-wrap .cards .card-list-view .text-wrap,
html body .article .content-wrap .cards .card-list-view .text-wrap,
html body .book .content-wrap .cards .card-list-view .text-wrap,
html body .archive .content-wrap .cards .card-list-view .text-wrap,
html body .use .content-wrap .cards .card-list-view .text-wrap,
html body .home .content-wrap .cards .card-list-view .text-wrap,
html body .print .content-wrap .cards .card-list-view .text-wrap {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}

@media (max-width: 550px) {
  html body .results .content-wrap .cards .card-list-view .text-wrap,
html body .collections .content-wrap .cards .card-list-view .text-wrap,
html body .collection .content-wrap .cards .card-list-view .text-wrap,
html body .themes .content-wrap .cards .card-list-view .text-wrap,
html body .theme .content-wrap .cards .card-list-view .text-wrap,
html body .object .content-wrap .cards .card-list-view .text-wrap,
html body .project .content-wrap .cards .card-list-view .text-wrap,
html body .article .content-wrap .cards .card-list-view .text-wrap,
html body .book .content-wrap .cards .card-list-view .text-wrap,
html body .archive .content-wrap .cards .card-list-view .text-wrap,
html body .use .content-wrap .cards .card-list-view .text-wrap,
html body .home .content-wrap .cards .card-list-view .text-wrap,
html body .print .content-wrap .cards .card-list-view .text-wrap {
    width: calc(100% - 20px);
    float: left;
    margin-left: 10px;
  }
}

html body .results .content-wrap .cards .card-list-view .text-wrap h4,
html body .collections .content-wrap .cards .card-list-view .text-wrap h4,
html body .collection .content-wrap .cards .card-list-view .text-wrap h4,
html body .themes .content-wrap .cards .card-list-view .text-wrap h4,
html body .theme .content-wrap .cards .card-list-view .text-wrap h4,
html body .object .content-wrap .cards .card-list-view .text-wrap h4,
html body .project .content-wrap .cards .card-list-view .text-wrap h4,
html body .article .content-wrap .cards .card-list-view .text-wrap h4,
html body .book .content-wrap .cards .card-list-view .text-wrap h4,
html body .archive .content-wrap .cards .card-list-view .text-wrap h4,
html body .use .content-wrap .cards .card-list-view .text-wrap h4,
html body .home .content-wrap .cards .card-list-view .text-wrap h4,
html body .print .content-wrap .cards .card-list-view .text-wrap h4 {
  padding-top: 0;
}

html body .results .content-wrap .cards .card-list-view .card-image,
html body .collections .content-wrap .cards .card-list-view .card-image,
html body .collection .content-wrap .cards .card-list-view .card-image,
html body .themes .content-wrap .cards .card-list-view .card-image,
html body .theme .content-wrap .cards .card-list-view .card-image,
html body .object .content-wrap .cards .card-list-view .card-image,
html body .project .content-wrap .cards .card-list-view .card-image,
html body .article .content-wrap .cards .card-list-view .card-image,
html body .book .content-wrap .cards .card-list-view .card-image,
html body .archive .content-wrap .cards .card-list-view .card-image,
html body .use .content-wrap .cards .card-list-view .card-image,
html body .home .content-wrap .cards .card-list-view .card-image,
html body .print .content-wrap .cards .card-list-view .card-image {
  padding-top: 100%;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 250px;
  overflow: hidden;
  text-align: center;
}

html body .results .content-wrap .cards .card-list-view .card-image img,
html body .collections .content-wrap .cards .card-list-view .card-image img,
html body .collection .content-wrap .cards .card-list-view .card-image img,
html body .themes .content-wrap .cards .card-list-view .card-image img,
html body .theme .content-wrap .cards .card-list-view .card-image img,
html body .object .content-wrap .cards .card-list-view .card-image img,
html body .project .content-wrap .cards .card-list-view .card-image img,
html body .article .content-wrap .cards .card-list-view .card-image img,
html body .book .content-wrap .cards .card-list-view .card-image img,
html body .archive .content-wrap .cards .card-list-view .card-image img,
html body .use .content-wrap .cards .card-list-view .card-image img,
html body .home .content-wrap .cards .card-list-view .card-image img,
html body .print .content-wrap .cards .card-list-view .card-image img {
  max-height: 100%;
  max-width: 100%;
}

html body .results .content-wrap .cards .card-list-view .card-image img,
html body .collections .content-wrap .cards .card-list-view .card-image img,
html body .collection .content-wrap .cards .card-list-view .card-image img,
html body .themes .content-wrap .cards .card-list-view .card-image img,
html body .theme .content-wrap .cards .card-list-view .card-image img,
html body .object .content-wrap .cards .card-list-view .card-image img,
html body .project .content-wrap .cards .card-list-view .card-image img,
html body .article .content-wrap .cards .card-list-view .card-image img,
html body .book .content-wrap .cards .card-list-view .card-image img,
html body .archive .content-wrap .cards .card-list-view .card-image img,
html body .use .content-wrap .cards .card-list-view .card-image img,
html body .home .content-wrap .cards .card-list-view .card-image img,
html body .print .content-wrap .cards .card-list-view .card-image img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (min-width: 1100px) {
  html body .results .content-wrap .cards .card-list-view .card-image,
html body .results .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .collections .content-wrap .cards .card-list-view .card-image,
html body .collections .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .collection .content-wrap .cards .card-list-view .card-image,
html body .collection .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .themes .content-wrap .cards .card-list-view .card-image,
html body .themes .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .theme .content-wrap .cards .card-list-view .card-image,
html body .theme .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .object .content-wrap .cards .card-list-view .card-image,
html body .object .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .project .content-wrap .cards .card-list-view .card-image,
html body .project .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .article .content-wrap .cards .card-list-view .card-image,
html body .article .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .book .content-wrap .cards .card-list-view .card-image,
html body .book .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .archive .content-wrap .cards .card-list-view .card-image,
html body .archive .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .use .content-wrap .cards .card-list-view .card-image,
html body .use .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .home .content-wrap .cards .card-list-view .card-image,
html body .home .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .print .content-wrap .cards .card-list-view .card-image,
html body .print .content-wrap .cards .card-list-view .card-image ~ .text-wrap {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body .results .content-wrap .cards .card-list-view .card-image,
html body .results .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .collections .content-wrap .cards .card-list-view .card-image,
html body .collections .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .collection .content-wrap .cards .card-list-view .card-image,
html body .collection .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .themes .content-wrap .cards .card-list-view .card-image,
html body .themes .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .theme .content-wrap .cards .card-list-view .card-image,
html body .theme .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .object .content-wrap .cards .card-list-view .card-image,
html body .object .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .project .content-wrap .cards .card-list-view .card-image,
html body .project .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .article .content-wrap .cards .card-list-view .card-image,
html body .article .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .book .content-wrap .cards .card-list-view .card-image,
html body .book .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .archive .content-wrap .cards .card-list-view .card-image,
html body .archive .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .use .content-wrap .cards .card-list-view .card-image,
html body .use .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .home .content-wrap .cards .card-list-view .card-image,
html body .home .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .print .content-wrap .cards .card-list-view .card-image,
html body .print .content-wrap .cards .card-list-view .card-image ~ .text-wrap {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}

@media (max-width: 550px) {
  html body .results .content-wrap .cards .card-list-view .card-image,
html body .results .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .collections .content-wrap .cards .card-list-view .card-image,
html body .collections .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .collection .content-wrap .cards .card-list-view .card-image,
html body .collection .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .themes .content-wrap .cards .card-list-view .card-image,
html body .themes .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .theme .content-wrap .cards .card-list-view .card-image,
html body .theme .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .object .content-wrap .cards .card-list-view .card-image,
html body .object .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .project .content-wrap .cards .card-list-view .card-image,
html body .project .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .article .content-wrap .cards .card-list-view .card-image,
html body .article .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .book .content-wrap .cards .card-list-view .card-image,
html body .book .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .archive .content-wrap .cards .card-list-view .card-image,
html body .archive .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .use .content-wrap .cards .card-list-view .card-image,
html body .use .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .home .content-wrap .cards .card-list-view .card-image,
html body .home .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .print .content-wrap .cards .card-list-view .card-image,
html body .print .content-wrap .cards .card-list-view .card-image ~ .text-wrap {
    width: calc(100% - 20px);
    float: left;
    margin-left: 10px;
  }
}

html body .results .content-wrap .cards .card-list-view .text-wrap,
html body .results .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .collections .content-wrap .cards .card-list-view .text-wrap,
html body .collections .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .collection .content-wrap .cards .card-list-view .text-wrap,
html body .collection .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .themes .content-wrap .cards .card-list-view .text-wrap,
html body .themes .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .theme .content-wrap .cards .card-list-view .text-wrap,
html body .theme .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .object .content-wrap .cards .card-list-view .text-wrap,
html body .object .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .project .content-wrap .cards .card-list-view .text-wrap,
html body .project .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .article .content-wrap .cards .card-list-view .text-wrap,
html body .article .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .book .content-wrap .cards .card-list-view .text-wrap,
html body .book .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .archive .content-wrap .cards .card-list-view .text-wrap,
html body .archive .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .use .content-wrap .cards .card-list-view .text-wrap,
html body .use .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .home .content-wrap .cards .card-list-view .text-wrap,
html body .home .content-wrap .cards .card-list-view .card-image ~ .text-wrap,
html body .print .content-wrap .cards .card-list-view .text-wrap,
html body .print .content-wrap .cards .card-list-view .card-image ~ .text-wrap {
  margin-left: 0;
}

html body .results .content-wrap .cards .card-list-view .card-image,
html body .collections .content-wrap .cards .card-list-view .card-image,
html body .collection .content-wrap .cards .card-list-view .card-image,
html body .themes .content-wrap .cards .card-list-view .card-image,
html body .theme .content-wrap .cards .card-list-view .card-image,
html body .object .content-wrap .cards .card-list-view .card-image,
html body .project .content-wrap .cards .card-list-view .card-image,
html body .article .content-wrap .cards .card-list-view .card-image,
html body .book .content-wrap .cards .card-list-view .card-image,
html body .archive .content-wrap .cards .card-list-view .card-image,
html body .use .content-wrap .cards .card-list-view .card-image,
html body .home .content-wrap .cards .card-list-view .card-image,
html body .print .content-wrap .cards .card-list-view .card-image {
  width: auto;
}

html body .results .content-wrap .cards .card-list-view .card-image img,
html body .collections .content-wrap .cards .card-list-view .card-image img,
html body .collection .content-wrap .cards .card-list-view .card-image img,
html body .themes .content-wrap .cards .card-list-view .card-image img,
html body .theme .content-wrap .cards .card-list-view .card-image img,
html body .object .content-wrap .cards .card-list-view .card-image img,
html body .project .content-wrap .cards .card-list-view .card-image img,
html body .article .content-wrap .cards .card-list-view .card-image img,
html body .book .content-wrap .cards .card-list-view .card-image img,
html body .archive .content-wrap .cards .card-list-view .card-image img,
html body .use .content-wrap .cards .card-list-view .card-image img,
html body .home .content-wrap .cards .card-list-view .card-image img,
html body .print .content-wrap .cards .card-list-view .card-image img {
  float: right;
}

html body .content .archive-hierarchy .parent {
  padding-left: 20px;
}

html body .content .item-container::after,
html body .content .info-wrap::after {
  clear: both;
  content: "";
  display: block;
}

@media screen and (min-width: 1100px) {
  html body .content .item-container .item-col,
html body .content .info-wrap .item-col {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
}

html body .content .item-container .item-col .full_record_box .full_item_no_img_wrap img,
html body .content .info-wrap .item-col .full_record_box .full_item_no_img_wrap img {
  max-width: 100%;
  max-height: 100%;
}

html body .content .item-container .full_record_data_value,
html body .content .info-wrap .full_record_data_value {
  margin-bottom: 10px;
}

html body .content .item-container .full_record_data_value,
html body .content .item-container .field-value,
html body .content .info-wrap .full_record_data_value,
html body .content .info-wrap .field-value {
  /*
        a {
          text-decoration: none;
          pointer-events: none;
          cursor: text;
          &:hover {
            color: #000;
          }
        }
        */
}

@media screen and (min-width: 1100px) {
  html body .content .item-container .item-col-fields,
html body .content .item-container .text-wrap,
html body .content .item-container .image-wrap,
html body .content .info-wrap .item-col-fields,
html body .content .info-wrap .text-wrap,
html body .content .info-wrap .image-wrap {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body .content .item-container .item-col-fields,
html body .content .item-container .text-wrap,
html body .content .item-container .image-wrap,
html body .content .info-wrap .item-col-fields,
html body .content .info-wrap .text-wrap,
html body .content .info-wrap .image-wrap {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}

@media (max-width: 550px) {
  html body .content .item-container .item-col-fields,
html body .content .item-container .text-wrap,
html body .content .item-container .image-wrap,
html body .content .info-wrap .item-col-fields,
html body .content .info-wrap .text-wrap,
html body .content .info-wrap .image-wrap {
    width: calc(100% - 20px);
    float: left;
    margin-left: 10px;
  }
}

html body .content .item-container .item-col-fields #normal-view .full_record_data_value,
html body .content .item-container .text-wrap #normal-view .full_record_data_value,
html body .content .item-container .image-wrap #normal-view .full_record_data_value,
html body .content .info-wrap .item-col-fields #normal-view .full_record_data_value,
html body .content .info-wrap .text-wrap #normal-view .full_record_data_value,
html body .content .info-wrap .image-wrap #normal-view .full_record_data_value {
  color: #333132;
}

html body .content .item-container .item-col-fields #normal-view .full_record_data_value a:link,
html body .content .item-container .text-wrap #normal-view .full_record_data_value a:link,
html body .content .item-container .image-wrap #normal-view .full_record_data_value a:link,
html body .content .info-wrap .item-col-fields #normal-view .full_record_data_value a:link,
html body .content .info-wrap .text-wrap #normal-view .full_record_data_value a:link,
html body .content .info-wrap .image-wrap #normal-view .full_record_data_value a:link {
  text-decoration: none;
}

html body .content .item-container .item-col-fields #marc_view .marc_field,
html body .content .item-container .text-wrap #marc_view .marc_field,
html body .content .item-container .image-wrap #marc_view .marc_field,
html body .content .info-wrap .item-col-fields #marc_view .marc_field,
html body .content .info-wrap .text-wrap #marc_view .marc_field,
html body .content .info-wrap .image-wrap #marc_view .marc_field {
  color: #333132;
}

html body .content .item-container .item-col-fields .full_record_data_caption,
html body .content .item-container .text-wrap .full_record_data_caption,
html body .content .item-container .image-wrap .full_record_data_caption,
html body .content .info-wrap .item-col-fields .full_record_data_caption,
html body .content .info-wrap .text-wrap .full_record_data_caption,
html body .content .info-wrap .image-wrap .full_record_data_caption {
  font-weight: bold;
}

html body .content .item-container .item-col-fields .archive_contents_caption,
html body .content .item-container .text-wrap .archive_contents_caption,
html body .content .item-container .image-wrap .archive_contents_caption,
html body .content .info-wrap .item-col-fields .archive_contents_caption,
html body .content .info-wrap .text-wrap .archive_contents_caption,
html body .content .info-wrap .image-wrap .archive_contents_caption {
  margin-top: 30px;
}

html body .content .item-container .item-col-fields .archive_contents ul li,
html body .content .item-container .text-wrap .archive_contents ul li,
html body .content .item-container .image-wrap .archive_contents ul li,
html body .content .info-wrap .item-col-fields .archive_contents ul li,
html body .content .info-wrap .text-wrap .archive_contents ul li,
html body .content .info-wrap .image-wrap .archive_contents ul li {
  padding: 5px;
}

html body .content .item-container .item-col-fields h1,
html body .content .item-container .text-wrap h1,
html body .content .item-container .image-wrap h1,
html body .content .info-wrap .item-col-fields h1,
html body .content .info-wrap .text-wrap h1,
html body .content .info-wrap .image-wrap h1 {
  width: 100%;
}

html body .content .item-container .item-col-fields .full_record_box .full_item_no_img_wrap img,
html body .content .item-container .text-wrap .full_record_box .full_item_no_img_wrap img,
html body .content .item-container .image-wrap .full_record_box .full_item_no_img_wrap img,
html body .content .info-wrap .item-col-fields .full_record_box .full_item_no_img_wrap img,
html body .content .info-wrap .text-wrap .full_record_box .full_item_no_img_wrap img,
html body .content .info-wrap .image-wrap .full_record_box .full_item_no_img_wrap img {
  max-width: 100%;
  max-height: 100%;
}

html body .content .item-container .item-col-fields h1,
html body .content .info-wrap .item-col-fields h1 {
  margin-left: 0;
}

@media screen and (min-width: 1100px) {
  html body .content .item-container .archive_parents ul,
html body .content .info-wrap .archive_parents ul {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body .content .item-container .archive_parents ul,
html body .content .info-wrap .archive_parents ul {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}

@media (max-width: 550px) {
  html body .content .item-container .archive_parents ul,
html body .content .info-wrap .archive_parents ul {
    width: calc(100% - 20px);
    float: left;
    margin-left: 10px;
  }
}

html body .content .info-wrap {
  margin-bottom: 40px;
}

html body .content .related-item-wrap {
  clear: both;
  padding-top: 20px;
}

html body .content .related-item-wrap::after {
  clear: both;
  content: "";
  display: block;
}

@media screen and (min-width: 1100px) {
  html body .content .related-item-wrap h3 {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body .content .related-item-wrap h3 {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}

@media (max-width: 550px) {
  html body .content .related-item-wrap h3 {
    width: calc(100% - 20px);
    float: left;
    margin-left: 10px;
  }
}

@media screen and (min-width: 1100px) {
  html body .content .item-container .item-col-fields .render-wrap .section {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}

html body .content .item-container .item-col-fields .render-wrap .section > div:not(.section-title) {
  margin-left: 20px;
}

html body .content .item-container .item-col-fields .render-wrap .section .field-fullname {
  margin-bottom: 0;
}

html body .content .item-container .fieldname-mus_catalogue_department .sequence-fullname {
  display: none;
}

@media screen and (min-width: 1100px) {
  html body .content .item-container .section-title {
    line-height: 1rem;
    font-size: 1.0833333333rem;
    margin-bottom: 0.85749rem;
    padding-top: 0.14251rem;
    font-weight: bold;
  }
  html body .content .item-container .field-fullname {
    line-height: 1rem;
    font-size: 1.0833333333rem;
    margin-bottom: 0.85749rem;
    padding-top: 0.14251rem;
    font-weight: bold;
  }
  html body .content .item-container .field-value {
    line-height: 1.2rem;
    font-size: 1rem;
    margin-bottom: 0.72999rem;
    padding-top: 0.27001rem;
  }
}

@media screen and (min-width: 1100px) {
  html body .content .item-container .additional-aspetcs {
    margin-top: 40px;
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body .content .item-container .additional-aspetcs {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}

@media (max-width: 550px) {
  html body .content .item-container .additional-aspetcs {
    width: calc(100% - 20px);
    float: left;
    margin-left: 10px;
  }
}

html body .content .item-container .additional-aspetcs .section {
  max-width: 100%;
  width: 100%;
}

html body .content .item-container .ui-accordion {
  font-family: "Proxima Nova", Arial, Helvetica, sans-serif;
  color: #333132;
}

html body .content .item-container .ui-accordion .ui-widget-content {
  color: #333132;
}

html body .content .item-container .ui-accordion .ui-accordion-content {
  padding: 20px;
  height: auto !important;
}

html body .content .item-container .ui-accordion .ui-accordion-content .section-v_mus_catalogue_web_parts {
  display: none;
}

html body .content .item-container #accordion {
  background-color: aliceblue;
}

html body .content .item-container #accordion .render-wrap .section,
html body .content .item-container #accordion .render-wrap .field,
html body .content .item-container #accordion .render-wrap .field-fullname {
  margin-left: 0;
}

html body .print .header_primary_menu,
html body .print .slicknav_menu,
html body .print .search-form-wrap,
html body .print .inner-content-header-wrap,
html body .print .print-preview,
html body .print .footer,
html body .print .object_btns,
html body .print .item_btns,
html body .print #bx-pager,
html body .print .bx-controls-direction {
  display: none !important;
}

html body .print header {
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (min-width: 1100px) {
  html body .print header .banner,
html body .print header .logo-wrap {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
  }
}

html body .print .related-items {
  margin-top: 40px;
}

html body .print .full_record_data::after {
  clear: both;
  content: "";
  display: block;
}

html body .print .full_record_data .present-text-data {
  width: calc(33.3333333333% - 26.6666666667px);
  float: left;
  margin-left: 20px;
}

html body .print .item-image-wrap {
  margin-top: 40px;
}

html body .print .print-btn {
  border-radius: 18px;
  border: 1.5px solid #4C4CA6;
  color: #4C4CA6;
  width: 180px;
  overflow: hidden;
  text-align: center;
  margin-bottom: 20px;
}

@media screen and (min-width: 1100px) {
  html body .print .print-btn {
    float: right;
  }
}

html body .print .item_fields {
  clear: both;
}

@media (max-width: 550px) {
  html body .print .item_fields {
    clear: both;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body .print .item_fields {
    clear: both;
  }
}

@media print {
  html body .header_primary_menu,
html body .slicknav_menu,
html body .search-form-wrap,
html body .inner-content-header-wrap,
html body .print-preview,
html body .footer,
html body .item_btns,
html body .print-btn,
html body .bx-controls-direction {
    display: none !important;
  }
  html body .header .row {
    height: 70px;
    padding: 0;
    position: static;
  }
  html body .header .row .banner {
    left: 50%;
  }
  html body h4 {
    font-size: 110%;
  }
}

html body .article {
  box-sizing: border-box;
}

html body .article .inner-content-header-wrap .content-header-card {
  background-color: #fff;
  border: none;
  border-radius: 3px;
  height: 370px;
  text-align: center;
  position: relative;
}

html body .article .inner-content-header-wrap .content-header-card::after {
  clear: both;
  content: "";
  display: block;
}

html body .article .inner-content-header-wrap .content-header-card img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}

@media (max-width: 550px) {
  html body .article .inner-content-header-wrap .content-header-card img.header-wide {
    display: none;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body .article .inner-content-header-wrap .content-header-card img.header-narrow {
    display: none;
  }
}

@media screen and (min-width: 1100px) {
  html body .article .inner-content-header-wrap .content-header-card img.header-narrow {
    display: none;
  }
}

html body .article .inner-content-header-wrap .content-header-card .text-overlay {
  text-align: left;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.8) !important;
  padding: 0 10px;
}

@media (max-width: 550px) {
  html body .article .inner-content-header-wrap .content-header-card .text-overlay {
    background-color: rgba(255, 255, 255, 0) !important;
  }
}

html body .article .inner-content-header-wrap .content-header-card .text-overlay h1 {
  overflow: hidden;
  padding-top: 0.7rem;
  margin-bottom: 10px;
}

html body .article .inner-content-header-wrap .content-header-card .text-overlay p {
  margin-bottom: 20px;
  padding-top: 0;
  overflow: hidden;
}

html body .related-item-wrap {
  clear: both;
  padding-top: 20px;
}

html body .related-item-wrap::after {
  clear: both;
  content: "";
  display: block;
}

@media screen and (min-width: 1100px) {
  html body .related-item-wrap h3 {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}

@media (min-width: 551px) and (max-width: 1099px) {
  html body .related-item-wrap h3 {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}

@media (max-width: 550px) {
  html body .related-item-wrap h3 {
    width: calc(100% - 20px);
    float: left;
    margin-left: 10px;
  }
}

html body #cookie_box {
  display: block;
}

html body #cookie_box #cookie_policy_wrapper {
  background-color: rgba(0, 0, 0, 0.7);
  height: auto;
  left: 0;
  margin: 0;
  padding: 20px 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9999;
}

html body #cookie_box #cookie_policy_wrapper #cookie_policy_msg {
  position: relative;
  color: #fff;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  width: 60%;
}

html body #cookie_box #cookie_policy_wrapper #cookie_policy_msg button {
  position: absolute;
  background-color: transparent;
  border: 0;
  font-weight: bold;
  cursor: pointer;
  padding: 20px 0;
  right: 0;
}

html body #cookie_box #cookie_policy_wrapper #cookie_policy_msg button:hover {
  text-decoration: underline;
}

html body #cookie_box #cookie_policy_wrapper #cookie_policy_msg button,
html body #cookie_box #cookie_policy_wrapper #cookie_policy_msg a {
  color: #ff9933;
}

html body .use .content .text-wrap {
  margin-bottom: 20px;
}

html body .card-image img {
  width: fit-content;
  height: fit-content;
}

html .home-body {
  text-align: left;
  font-size: 16px;
  padding: 30px 0;
}

html .home h1 {
  text-align: left;
}