/**
* Motif v4.1.0
* A responsive front-end framework to tell *your* story
* http://getmotif.com
*/
/**
* Global Stylesheet
* The site's main (and perhaps only) stylesheet. All supporting stylesheet
* files are imported into and compiled from here.
*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700");
@import url("https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&family=Libre+Franklin");
@import url("https://use.typekit.net/qzu2kmq.css");
@import url("https://use.typekit.net/buj7whm.css");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css?ver=2.2.1.3");
@import url("https://use.fontawesome.com/releases/v5.8.0/css/all.css");
@import url("https://use.typekit.net/ihj7uav.css");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css?ver=2.2.1.3");
@import url("https://use.fontawesome.com/releases/v5.8.0/css/all.css");
:root {
--fonts-primary-heading: $IM-Fell-English;
--fonts-secondary-heading: $Sequel100Wide;
--fonts-accent: $Blackoak;
--exhibit-red: $nashville-red; }
.exhibitPartIntro__figure {
-o-box-shadow: 10px 10px 20px rgba(20, 20, 20, 0.7);
box-shadow: 10px 10px 20px rgba(20, 20, 20, 0.7); }
.quick-alert-banner_content {
/* Smoothing */
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }
/*
Dynamic Responsive Image
*/
/*
HTML5 Display Definitions
Set the appropriate `display` definitions for new HTML5 elements.
The majority will be displayed `block`.
*/
*,
*:before,
*:after {
-ms-box-sizing: border-box;
box-sizing: border-box; }
body {
margin: 0; }
body.suiting-the-sound {
background: #fff; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block; }
a {
text-decoration: none; }
figure {
margin: 0; }
img.lazyload {
opacity: 0; }
img.lazyloaded {
opacity: 1; }
/*
Type
*/
/*
HTML Font Size Adjust
1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
`em` units.
2. Prevents iOS text size adjust after orientation change, without disabling
user zoom.
*/
html {
font-size: 100%;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-ms-text-size-adjust: 100%;
/* 2 */ }
html,
button,
input,
select,
textarea {
font-family: sans-serif; }
abbr[title] {
border: none; }
i,
cite,
address {
font-style: normal; }
dfn {
font-style: italic; }
b {
font-weight: normal; }
strong {
font-weight: bold; }
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 1.25rem;
margin-bottom: 0.625rem; }
p,
pre,
blockquote,
menu,
ul,
ol,
dl,
table {
/* Display & Box Model */
margin: 1.25rem 0 0 0;
/* Other */
font-size: 1em; }
menu,
ol,
ul {
padding-left: 2.5em; }
dd {
margin-left: 2.5em; }
blockquote {
padding: 1.25em 2.5em; }
blockquote > :first-child {
margin-top: 0; }
q {
quotes: none; }
q:before, q:after {
content: "";
content: none; }
mark {
background: #ff0;
color: #000; }
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em; }
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word; }
small {
font-size: 1em; }
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
/*
Unstyled List
A basic stripping of list styles.
*/
.lists__unstyled {
padding-left: 0;
list-style: none outside none; }
/*
Ratios
Ratios are used primarily for objects that must scale in both width and height
proportionally, such as embedded videos.
See: (http://daverupert.com/2012/04/uncle-daves-ol-padded-box/)
The `.ratios__` dimension class is placed on a wrapping element, with
its child contents wrapped by the `.ratios__content` class.
For embedded videos, use the `.ratios__video` class, and it will assume an
`iframe` is the direct child:
VIDEO
*/
.ratios__base {
position: relative; }
.ratios__base:before {
content: "";
display: block; }
.ratios__video {
position: relative; }
.ratios__video:before {
content: "";
display: block; }
.ratios__video:before {
padding-top: 56.25%; }
.ratios__content,
.ratios__video > iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%; }
.icons__icon {
width: 1em;
height: 1em;
display: inline-block;
vertical-align: text-bottom;
fill: currentColor; }
.no-svg .icons__icon {
display: none; }
svg:not(:root) {
overflow: hidden; }
img {
max-width: 100%;
border: 0; }
.lte7 img {
-ms-interpolation-mode: bicubic; }
/* Imported Google Fonts
==========================*/
/* Imported Typekit Fonts
==========================*/
/* LB Typekit fonts for Exhibits
==========================*/
/* Import FontAwesome Library */
/* Self Hosted Font Files
==========================*/
@font-face {
font-family: 'National';
src: url("https://www.countrymusichalloffame.org/cmhof-theme/assets/fonts/National-Bold.woff2") format("woff2"), url("https://www.countrymusichalloffame.org/cmhof-theme/assets/fonts/National-Bold.woff") format("woff");
font-weight: bold;
font-style: normal; }
@font-face {
font-family: 'Bodoni Std';
src: url("../../fonts/BodoniStd/BodoniStd-PosterItalic.woff2") format("woff2"), url("../../fonts/BodoniStd/BodoniStd-PosterItalic.woff") format("woff"), url("https://www.countrymusichalloffame.org/fonts/BodoniStd/BodoniStd-PosterItalic.eot?#iefix") format("embedded-opentype"), url("../../fonts/BodoniStd/BodoniStd-PosterItalic.ttf") format("truetype");
font-weight: normal;
font-style: italic;
font-display: swap; }
@font-face {
font-family: 'CG Triumvirate';
src: url("https://www.countrymusichalloffame.org/cmhof-theme/assets/fonts/CGTriumvirate/CGTriumvirate-ExtraCompress.woff2") format("woff2"), url("https://www.countrymusichalloffame.org/cmhof-theme/assets/fonts/CGTriumvirate/CGTriumvirate-ExtraCompress.woff") format("woff"), url("https://www.countrymusichalloffame.org/cmhof-theme/assets/fonts/CGTriumvirate/CGTriumvirate-ExtraCompress.eot?#iefix") format("embedded-opentype"), url("https://www.countrymusichalloffame.org/cmhof-theme/assets/fonts/CGTriumvirate/CGTriumvirate-ExtraCompress.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Sequel100Wide';
src: url("../../fonts/Sequel100Wide/Sequel100Wide-75.woff2") format("woff2"), url("../../fonts/Sequel100Wide/Sequel100Wide-75.woff") format("woff"), url("https://www.countrymusichalloffame.org/fonts/Sequel100Wide/Sequel100Wide-75.eot?#iefix") format("embedded-opentype"), url("https://www.countrymusichalloffame.org/fonts/Sequel100Wide/Sequel100Wide-75.ttf") format("truetype");
font-weight: bold;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Retromark Script Regular';
font-style: normal;
font-weight: normal;
src: local("Retromark Script Regular"), url("https://www.countrymusichalloffame.org/cmhof-theme/assets/fonts/Retromark-Script.woff") format("woff"); }
@font-face {
font-family: 'Base Twelve Sans B';
font-style: normal;
font-weight: normal;
src: url("https://www.countrymusichalloffame.org/cmhof-theme/assets/fonts/BaseTwelveSansB_6030.ttf") format("truetype"); }
@font-face {
font-family: "VoltaBold";
src: url("../../fonts/Volta/VoltaBold/font.woff2") format("woff2"), url("../../fonts/Volta/VoltaBold/font.woff") format("woff"); }
@font-face {
font-family: "VoltaMedium";
src: url("../../fonts/Volta/VoltaMedium/font.woff2") format("woff2"), url("../../fonts/Volta/VoltaMedium/font.woff") format("woff"); }
@font-face {
font-family: "VoltaMediumItalic";
src: url("../../fonts/Volta/VoltaMediumItalic/font.woff2") format("woff2"), url("../../fonts/Volta/VoltaMediumItalic/font.woff") format("woff"); }
@font-face {
font-family: "VoltaRegular";
src: url("../../fonts/Volta/VoltaRegular/font.woff2") format("woff2"), url("../../fonts/Volta/VoltaRegular/font.woff") format("woff"); }
/*
Typographic Scale
The building blocks for the site's type sizes. Almost exclusively, an element's
font size is assigned with one of these classes. If a new size is needed, a new
class is created here so it can be used and reused elsewhere.
The list of type sizes can grow or shrink, but be vigilant in keeping the
number of sizes to a minimum. A nice rule of thumb is that no two sizes can one
pixel in difference (forcing you to choose one over the other, giving you one
class where you previously had two).
````typographic-scale
Canon Text (38px)
Paragon Text (30px)
Primer Text (24px)
Tertia Text (18px)
Normal Text (14px)
Petite Text (12px)
````
Long Modifiers
The type sizes are given the `--long` modifier, allowing you to use
each type size with varying line heights.
I'm just a small bit of text, my `line-height`
can be tight.
I'm a long paragraph, so my `line-height`
should be longer to enhance legibility. ...
*/
/*
Inch Text
*/
.hierarchy__inch-text {
font-size: 80px;
line-height: 1.5; }
/*
Canon Text
*/
.hierarchy__canon-text {
font-size: 60px;
line-height: 0.75; }
/*
Paragon Text
*/
.hierarchy__paragon-text {
font-size: 40px;
line-height: 0.875; }
/*
Primer Text
*/
.hierarchy__primer-text {
font-size: 22px;
line-height: 1.3636363636; }
/*
Tertia Text
*/
.hierarchy__tertia-text {
font-size: 34px;
line-height: 0.7352941176; }
/*
Normal Text
*/
.hierarchy__normal-text {
font-size: 18px;
line-height: 0.0555555556; }
/*
Petite Text
*/
.hierarchy__petite-text {
font-size: 16px;
line-height: 0.0625; }
/*
Font Classes
Each font family and weight used in the site is given its own LEGO-block class
to enable quick use and modularity.
*/
/*
Heading Styles
In Motif, typography is broken into pieces that separate skin from structure.
In this case, that means the font sizing (structure) is separate from the
styling (skin) -- which includes font family, color, etc.
Heading styles are some of the type skins, and we start out with
`.primary-heading` (which is also the `h`-tag default) and
`.secondary-heading`. Add as necessary.
````primary-heading
Primary Heading
````
*/
h1,
h2,
h3,
h4,
h5,
h6,
.styles__primary-heading,
.featuredImageText__text {
font-weight: normal; }
/*
Secondary Heading
````secondary-heading
Secondary Heading
````
*/
/*
Body Text
Another type style, but this mimicks the default body text of the site.
````body-text
This is a paragraph of text. Some of the text may be emphasised and some it might even be strongly emphasised . Occasionally quoted text may be found within a paragraph …and of course a link may appear at any point in the text. The average paragraph contains five or six sentences although some may contain as little or one or two while others carry on for anything up to ten sentences and beyond.
````
*/
body,
.styles__body-text {
font-size: 18px;
line-height: 0.0555555556; }
.styles__h1, .wysiwyg h1, .exhibitFooter__ackonwledgements--content h1,
.styles__primary-heading,
.featuredImageText__text {
font-size: 40px;
line-height: 1.15;
font-family: var(--fonts-primary-heading); }
.suiting-the-sound .styles__h1, .suiting-the-sound .wysiwyg h1, .wysiwyg .suiting-the-sound h1, .suiting-the-sound .exhibitFooter__ackonwledgements--content h1, .exhibitFooter__ackonwledgements--content .suiting-the-sound h1, .suiting-the-sound .styles__primary-heading, .suiting-the-sound .featuredImageText__text {
font-size: 60px;
line-height: 1.3333333333;
font-family: "Retromark Script Regular", cursive; }
@media all and (min-width: 48em) {
.suiting-the-sound .styles__h1, .suiting-the-sound .wysiwyg h1, .wysiwyg .suiting-the-sound h1, .suiting-the-sound .exhibitFooter__ackonwledgements--content h1, .exhibitFooter__ackonwledgements--content .suiting-the-sound h1, .suiting-the-sound .styles__primary-heading, .suiting-the-sound .featuredImageText__text {
font-size: 80px;
line-height: 0.875; } }
@media all and (min-width: 48em) {
.styles__h1, .wysiwyg h1, .exhibitFooter__ackonwledgements--content h1,
.styles__primary-heading,
.featuredImageText__text {
font-size: 60px;
line-height: 1.1666666667; } }
.styles__h2, .wysiwyg h2, .exhibitFooter__ackonwledgements--content h2 {
font-size: 36px;
line-height: 1;
font-family: var(--fonts-primary-heading); }
.suiting-the-sound .styles__h2, .suiting-the-sound .wysiwyg h2, .wysiwyg .suiting-the-sound h2, .suiting-the-sound .exhibitFooter__ackonwledgements--content h2, .exhibitFooter__ackonwledgements--content .suiting-the-sound h2 {
font-size: 40px;
line-height: 1;
font-family: "Retromark Script Regular", cursive; }
@media all and (min-width: 48em) {
.suiting-the-sound .styles__h2, .suiting-the-sound .wysiwyg h2, .wysiwyg .suiting-the-sound h2, .suiting-the-sound .exhibitFooter__ackonwledgements--content h2, .exhibitFooter__ackonwledgements--content .suiting-the-sound h2 {
font-size: 60px;
line-height: 1; } }
@media all and (min-width: 48em) {
.styles__h2, .wysiwyg h2, .exhibitFooter__ackonwledgements--content h2 {
font-size: 40px;
line-height: 1.15; } }
.styles__h3, .wysiwyg h3, .passwordprotected__form h3, .exhibitFooter__ackonwledgements--header, .exhibitFooter__ackonwledgements--content h3,
.styles__secondary-heading {
font-size: 20px;
line-height: 1.1;
font-family: var(--fonts-secondary-heading);
font-family: "Sequel100Wide", sans-serif;
text-transform: uppercase; }
.suiting-the-sound .styles__h3, .suiting-the-sound .wysiwyg h3, .wysiwyg .suiting-the-sound h3, .suiting-the-sound .passwordprotected__form h3, .passwordprotected__form .suiting-the-sound h3, .suiting-the-sound .exhibitFooter__ackonwledgements--header, .suiting-the-sound .exhibitFooter__ackonwledgements--content h3, .exhibitFooter__ackonwledgements--content .suiting-the-sound h3, .suiting-the-sound
.styles__secondary-heading {
font-family: "Base Twelve Sans B", sans-serif; }
@media all and (min-width: 48em) {
.styles__h3, .wysiwyg h3, .passwordprotected__form h3, .exhibitFooter__ackonwledgements--header, .exhibitFooter__ackonwledgements--content h3,
.styles__secondary-heading {
font-size: 28px;
line-height: 1.1428571429; } }
.styles__h4, .wysiwyg h4, .exhibitFooter__ackonwledgements--content h4 {
font-size: 18px;
line-height: 1.1111111111;
font-family: var(--fonts-secondary-heading);
text-transform: uppercase; }
.suiting-the-sound .styles__h4, .suiting-the-sound .wysiwyg h4, .wysiwyg .suiting-the-sound h4, .suiting-the-sound .exhibitFooter__ackonwledgements--content h4, .exhibitFooter__ackonwledgements--content .suiting-the-sound h4 {
font-family: "Base Twelve Sans B", sans-serif; }
@media all and (min-width: 48em) {
.styles__h4, .wysiwyg h4, .exhibitFooter__ackonwledgements--content h4 {
font-size: 22px;
line-height: 1.1818181818; } }
.styles__h5, .wysiwyg h5, .exhibitFooter__social-title, .exhibitFooter__ackonwledgements--content h5 {
font-size: 16px;
line-height: 1.75;
font-family: var(--fonts-secondary-heading);
font-family: "Sequel100Wide", sans-serif;
text-transform: uppercase; }
.suiting-the-sound .styles__h5, .suiting-the-sound .wysiwyg h5, .wysiwyg .suiting-the-sound h5, .suiting-the-sound .exhibitFooter__social-title, .suiting-the-sound .exhibitFooter__ackonwledgements--content h5, .exhibitFooter__ackonwledgements--content .suiting-the-sound h5 {
font-family: "Base Twelve Sans B", sans-serif; }
@media all and (min-width: 48em) {
.styles__h5, .wysiwyg h5, .exhibitFooter__social-title, .exhibitFooter__ackonwledgements--content h5 {
font-size: 18px;
line-height: 1.5555555556; } }
.styles__accent {
font-family: var(--fonts-accent); }
.styles__paragraph--intro {
font-size: 20px;
line-height: 1.6;
font-family: var(--fonts-primary-heading); }
.suiting-the-sound .styles__paragraph--intro {
font-family: Arial, Helvetica, sans-serif; }
@media all and (min-width: 48em) {
.styles__paragraph--intro {
font-size: 28px;
line-height: 1.5714285714; } }
.styles__paragraph--large {
font-size: 20px;
line-height: 1.4;
font-family: var(--fonts-primary-heading); }
.suiting-the-sound .styles__paragraph--large {
font-family: Arial, Helvetica, sans-serif; }
@media all and (min-width: 48em) {
.styles__paragraph--large {
font-size: 22px;
line-height: 1.6363636364; } }
.styles__paragraph, .lb_styles, .wysiwyg p, .exhibitFooter__ackonwledgements--content p {
font-size: 16px;
line-height: 1.625;
font-family: "IM Fell English", serif; }
.suiting-the-sound .styles__paragraph, .suiting-the-sound .lb_styles, .suiting-the-sound .wysiwyg p, .wysiwyg .suiting-the-sound p, .suiting-the-sound .exhibitFooter__ackonwledgements--content p, .exhibitFooter__ackonwledgements--content .suiting-the-sound p {
font-family: "Times New Roman", Times, Georgia, serif; }
@media all and (min-width: 48em) {
.styles__paragraph, .lb_styles, .wysiwyg p, .exhibitFooter__ackonwledgements--content p {
font-size: 18px;
line-height: 1.5555555556; } }
.styles__caption-heading, .imageCaption__heading, .imageCaption__modal-heading, .imageGallery__modal-heading, .fullWidthImage__heading, .imageGallery__image-title {
font-size: 12px;
line-height: 1.5;
font-family: var(--fonts-secondary-heading);
text-transform: uppercase; }
.suiting-the-sound .styles__caption-heading, .suiting-the-sound .imageCaption__heading, .suiting-the-sound .imageCaption__modal-heading, .suiting-the-sound .imageGallery__modal-heading, .suiting-the-sound .fullWidthImage__heading, .suiting-the-sound .imageGallery__image-title {
font-family: "Base Twelve Sans B", sans-serif; }
@media all and (min-width: 48em) {
.styles__caption-heading, .imageCaption__heading, .imageCaption__modal-heading, .imageGallery__modal-heading, .fullWidthImage__heading, .imageGallery__image-title {
font-size: 18px;
line-height: 1.1111111111; } }
.styles__caption, .imageCaption__caption, .imageCaption__modal-caption, .imageGallery__modal-caption, .fullWidthImage__caption, .imageGallery__image-caption {
font-size: 12px;
line-height: 1.5; }
.suiting-the-sound .styles__caption, .suiting-the-sound .imageCaption__caption, .suiting-the-sound .imageCaption__modal-caption, .suiting-the-sound .imageGallery__modal-caption, .suiting-the-sound .fullWidthImage__caption, .suiting-the-sound .imageGallery__image-caption {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1.5714285714; }
@media all and (min-width: 48em) {
.styles__caption, .imageCaption__caption, .imageCaption__modal-caption, .imageGallery__modal-caption, .fullWidthImage__caption, .imageGallery__image-caption {
font-size: 14px;
line-height: 1.5714285714; } }
.lb_styles {
color: #141414; }
.suiting-the-sound .lb_styles {
font-family: Arial, Helvetica, sans-serif; }
.lb_styles p {
margin-bottom: 0; }
/*
Interactive Elements
*/
/*
button
Default interactive button styles. This `.btn` class can be applied to ``,
``, or `Default
Primary
Danger
````
*/
button {
font-size: 100%;
margin: 0;
-webkit-appearance: button;
display: inline-block;
cursor: pointer;
line-height: normal; }
button[disabled] {
cursor: default; }
button::-moz-focus-inner {
border: 0;
padding: 0; }
.button__primary,
[class*="button"] {
width: auto;
height: auto;
margin: 0;
line-height: normal;
text-align: center;
text-decoration: none;
position: relative;
-webkit-appearance: none;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
outline: 0;
overflow: visible;
cursor: pointer;
vertical-align: middle;
display: inline-block;
background: #C28100;
color: #29282B;
text-align: center;
font-family: "Sequel100Wide", sans-serif;
font-size: 18px;
line-height: 1.2222222222;
letter-spacing: 0.2em;
padding: 17px 24px;
outline: 2px solid transparent;
text-transform: uppercase; }
p > .button__primary, p >
[class*="button"] {
margin-top: 0; }
.button__primary:hover, .button__primary:focus, .is-current.button__primary,
[class*="button"]:hover,
[class*="button"]:focus,
[class*="button"].is-current {
background: #CC8A00;
color: #29282B;
text-decoration: none; }
.button__primary:active,
[class*="button"]:active {
background: #141414;
color: #fff; }
.button__primary:focus,
[class*="button"]:focus {
outline-color: #141414; }
.button__primary[disabled],
.button__primary .is-disabled,
[class*="button"][disabled],
[class*="button"] .is-disabled {
background: #909090; }
.button--small {
font-size: 16px;
line-height: 1.125;
letter-spacing: 0.125em;
padding: 14px 16px; }
.button--tiny {
font-size: 12px;
line-height: 1.1666666667;
letter-spacing: 0.125em;
padding: 14px 16px; }
.button--icon {
position: relative;
padding-left: 24px;
padding-right: 60px; }
.button--icon svg {
position: absolute;
width: 16px;
height: 16px;
top: 50%;
right: 0;
transform: translate(calc( ( 60px - 16px ) / -2), -50%); }
.button--icon[data-align="left"] {
padding-left: 60px;
padding-right: 24px; }
.button--icon[data-align="left"] svg {
right: auto;
left: 0;
transform: translate(calc( ( 60px - 16px ) / 2), -50%); }
.button--icon.button--small {
padding-left: 16px;
padding-right: 50px; }
.button--icon.button--small svg {
transform: translate(calc( ( 50px - 16px ) / -2), -50%); }
.button--icon.button--small[data-align="left"] {
padding-left: 50px;
padding-right: 16px; }
.button--icon.button--small[data-align="left"] svg {
transform: translate(calc( ( 50px - 16px ) / 2), -50%); }
.button__primary:focus, .button__no-button:focus, .exhibitLanding__jump-nav-btn:focus, .exhibitAudioPlayer__btn:focus, .exhibitAudioPlayer__track:focus, .miniAudioPlayer__track:focus, .imageCaption__modal-trigger:focus, .imageGallery__control:focus, .simpleHeader__menu:focus, .button__primary:hover, .button__no-button:hover, .exhibitLanding__jump-nav-btn:hover, .exhibitAudioPlayer__btn:hover, .exhibitAudioPlayer__track:hover, .miniAudioPlayer__track:hover, .imageCaption__modal-trigger:hover, .imageGallery__control:hover, .simpleHeader__menu:hover, .button__primary:active, .button__no-button:active, .exhibitLanding__jump-nav-btn:active, .exhibitAudioPlayer__btn:active, .exhibitAudioPlayer__track:active, .miniAudioPlayer__track:active, .imageCaption__modal-trigger:active, .imageGallery__control:active, .simpleHeader__menu:active {
border-color: transparent;
top: auto !important; }
/*
Button Variations
*/
/*
.button__secondary {}
*/
.button__no-button, .exhibitLanding__jump-nav-btn, .exhibitAudioPlayer__btn, .exhibitAudioPlayer__track, .miniAudioPlayer__track, .imageCaption__modal-trigger, .imageGallery__control, .simpleHeader__menu {
background: transparent;
color: inherit;
border: 0;
border-radius: 0;
min-width: initial; }
.button__no-button:hover, .exhibitLanding__jump-nav-btn:hover, .exhibitAudioPlayer__btn:hover, .exhibitAudioPlayer__track:hover, .miniAudioPlayer__track:hover, .imageCaption__modal-trigger:hover, .imageGallery__control:hover, .simpleHeader__menu:hover, .button__no-button:focus, .exhibitLanding__jump-nav-btn:focus, .exhibitAudioPlayer__btn:focus, .exhibitAudioPlayer__track:focus, .miniAudioPlayer__track:focus, .imageCaption__modal-trigger:focus, .imageGallery__control:focus, .simpleHeader__menu:focus, .button__no-button.is-current, .is-current.exhibitLanding__jump-nav-btn, .is-current.exhibitAudioPlayer__btn, .is-current.exhibitAudioPlayer__track, .is-current.miniAudioPlayer__track, .is-current.imageCaption__modal-trigger, .is-current.imageGallery__control, .is-current.simpleHeader__menu {
background: transparent;
color: inherit; }
/*
````tiny-button
Tiny Button
Tiny Button Primary
Tiny Button Danger
````
*/
/*
````small-button
Small Button
Small Button Primary
Small Button Danger
````
*/
/*
````large-button
Large Button
Large Button Primary
Large Button Danger
````
*/
.button__full-width {
width: 100%;
padding-left: 0;
padding-right: 0; }
/*
Link Styles
Very basic stuff. The primary link color can be altered in the `config.less`
file. Hover, focus, and current states are accounted for.
*/
a:focus, a:active, a:hover {
outline: 0; }
a,
.links__link {
color: #1f75ae; }
a:hover, a:focus, a.is-current,
.links__link:hover,
.links__link:focus,
.links__link.is-current {
color: #13496d; }
/*
Unlink
Basic class to remove some link styling.
$TODO: Put in `presentational.less` file?
*/
.links__unlink {
text-decoration: none; }
/*
Skip-To Link
*/
.links__skip-to {
position: absolute;
top: 0;
left: 0;
display: inline-block; }
.links__skip-to:not(:focus) {
width: 1px;
height: 1px;
padding: 0;
position: absolute;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
border: 0;
overflow: hidden; }
.links__skip-to:not(:focus).focusable:active, .links__skip-to:not(:focus).focusable:focus {
width: auto;
height: auto;
margin: 0;
clip: auto;
overflow: visible;
position: static; }
body:hover .links__skip-to:not(:focus) a,
body:hover .links__skip-to:not(:focus) input,
body:hover .links__skip-to:not(:focus) button {
display: none; }
/*
Spacing Helpers
Spacing helpers are quick but powerful classes that add margin or padding to
any given element. These classes are `!important`, so they override all other
styles.
* `p`, `m` = padding, margin
* `a`, `t`, `r`, `b`, `l`, `h`, `v` = all, top, right, bottom, left, horizontal, vertical
* `s`, `m`, `l`, `x`, `n` = small (~`5px`), medium (~`10px`), large (~`20px`), x-large (~`40px`) none (`0`)
For example: `.spacing__pam` means "padding, all, medium".
**Note:** These are all based on the current element's font size and the
project's vertical rhythm (even on the sides, to provide uniform spacing).
As such, they require `vars.less`.
*/
.spacing__ptn, .spacing__pvn, .spacing__pan {
padding-top: 0 !important; }
.spacing__pts, .spacing__pvs, .spacing__pas {
padding-top: 0.3125rem !important; }
.spacing__ptm, .spacing__pvm, .spacing__pam {
padding-top: 0.625rem !important; }
.spacing__ptl, .spacing__pvl, .spacing__pal {
padding-top: 1.25rem !important; }
.spacing__ptx, .spacing__pvx, .spacing__pax {
padding-top: 2.5rem !important; }
.spacing__prn, .spacing__phn, .spacing__pan {
padding-right: 0 !important; }
.spacing__prs, .spacing__phs, .spacing__pas {
padding-right: 0.3125rem !important; }
.spacing__prm, .spacing__phm, .spacing__pam {
padding-right: 0.625rem !important; }
.spacing__prl, .spacing__phl, .spacing__pal {
padding-right: 1.25rem !important; }
.spacing__prx, .spacing__phx, .spacing__pax {
padding-right: 2.5rem !important; }
.spacing__pbn, .spacing__pvn, .spacing__pan {
padding-bottom: 0 !important; }
.spacing__pbs, .spacing__pvs, .spacing__pas {
padding-bottom: 0.3125rem !important; }
.spacing__pbm, .spacing__pvm, .spacing__pam {
padding-bottom: 0.625rem !important; }
.spacing__pbl, .spacing__pvl, .spacing__pal {
padding-bottom: 1.25rem !important; }
.spacing__pbx, .spacing__pvx, .spacing__pax {
padding-bottom: 2.5rem !important; }
.spacing__pln, .spacing__phn, .spacing__pan {
padding-left: 0 !important; }
.spacing__pls, .spacing__phs, .spacing__pas {
padding-left: 0.3125rem !important; }
.spacing__plm, .spacing__phm, .spacing__pam {
padding-left: 0.625rem !important; }
.spacing__pll, .spacing__phl, .spacing__pal {
padding-left: 1.25rem !important; }
.spacing__plx, .spacing__phx, .spacing__pax {
padding-left: 2.5rem !important; }
.spacing__mtn, .spacing__mvn, .spacing__man {
margin-top: 0 !important; }
.spacing__mts, .spacing__mvs, .spacing__mas {
margin-top: 0.3125rem !important; }
.spacing__mtm, .spacing__mvm, .spacing__mam {
margin-top: 0.625rem !important; }
.spacing__mtl, .spacing__mvl, .spacing__mal {
margin-top: 1.25rem !important; }
.spacing__mtx, .spacing__mvx, .spacing__max {
margin-top: 2.5rem !important; }
.spacing__mrn, .spacing__mhn, .spacing__man {
margin-right: 0 !important; }
.spacing__mrs, .spacing__mhs, .spacing__mas {
margin-right: 0.3125rem !important; }
.spacing__mrm, .spacing__mhm, .spacing__mam {
margin-right: 0.625rem !important; }
.spacing__mrl, .spacing__mhl, .spacing__mal {
margin-right: 1.25rem !important; }
.spacing__mrx, .spacing__mhx, .spacing__max {
margin-right: 2.5rem !important; }
.spacing__mbn, .spacing__mvn, .spacing__man {
margin-bottom: 0 !important; }
.spacing__mbs, .spacing__mvs, .spacing__mas {
margin-bottom: 0.3125rem !important; }
.spacing__mbm, .spacing__mvm, .spacing__mam {
margin-bottom: 0.625rem !important; }
.spacing__mbl, .spacing__mvl, .spacing__mal {
margin-bottom: 1.25rem !important; }
.spacing__mbx, .spacing__mvx, .spacing__max {
margin-bottom: 2.5rem !important; }
.spacing__mln, .spacing__mhn, .spacing__man {
margin-left: 0 !important; }
.spacing__mls, .spacing__mhs, .spacing__mas {
margin-left: 0.3125rem !important; }
.spacing__mlm, .spacing__mhm, .spacing__mam {
margin-left: 0.625rem !important; }
.spacing__mll, .spacing__mhl, .spacing__mal {
margin-left: 1.25rem !important; }
.spacing__mlx, .spacing__mhx, .spacing__max {
margin-left: 2.5rem !important; }
/*
Text Align
Simple classes to adjust your text alignment. They can be added to individual elements or on wrapping elements (an outer `div`, perhaps) to adjust the alignment of all the child elements.
*/
.presentational__align-left {
text-align: left; }
.presentational__align-center {
text-align: center; }
.presentational__align-right {
text-align: right; }
.presentational__align-sub {
vertical-align: sub; }
.presentational__align-middle {
vertical-align: middle; }
.presentational__align-top {
vertical-align: top; }
/*
Floats
Next, we have classes for floating elements.
*/
.presentational__float-left {
float: left; }
.presentational__float-center {
margin-left: auto;
margin-right: auto; }
.presentational__float-right {
float: right; }
.presentational__float-none {
float: none; }
.presentational__clear {
clear: both; }
/*
"New Line"
Turns an `inline` or `inline-block` element into a `block` one.
*/
.presentational__new-line {
display: block; }
.presentational__group {
/* Mixins */ }
.presentational__group:before, .presentational__group:after {
content: "\0020";
height: 0;
display: block;
overflow: hidden; }
.presentational__group:after {
clear: both; }
/*
"Is Hidden"
Visually hides content in a way that leaves it accessible to screen readers.
Like more magic, makes the visible invisible.
*/
.presentational__is-hidden {
width: 1px;
height: 1px;
padding: 0;
position: absolute;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
border: 0;
overflow: hidden; }
.presentational__is-hidden.focusable:active, .presentational__is-hidden.focusable:focus {
width: auto;
height: auto;
margin: 0;
clip: auto;
overflow: visible;
position: static; }
body:hover .presentational__is-hidden a,
body:hover .presentational__is-hidden input,
body:hover .presentational__is-hidden button {
display: none; }
@media all and (max-width: 47.9375em) {
.presentational__is-hidden-small {
width: 1px;
height: 1px;
padding: 0;
position: absolute;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
border: 0;
overflow: hidden; }
.presentational__is-hidden-small.focusable:active, .presentational__is-hidden-small.focusable:focus {
width: auto;
height: auto;
margin: 0;
clip: auto;
overflow: visible;
position: static; }
body:hover .presentational__is-hidden-small a,
body:hover .presentational__is-hidden-small input,
body:hover .presentational__is-hidden-small button {
display: none; } }
@media all and (min-width: 48em) and (max-width: 59.9375em) {
.presentational__is-hidden-medium {
width: 1px;
height: 1px;
padding: 0;
position: absolute;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
border: 0;
overflow: hidden; }
.presentational__is-hidden-medium.focusable:active, .presentational__is-hidden-medium.focusable:focus {
width: auto;
height: auto;
margin: 0;
clip: auto;
overflow: visible;
position: static; }
body:hover .presentational__is-hidden-medium a,
body:hover .presentational__is-hidden-medium input,
body:hover .presentational__is-hidden-medium button {
display: none; } }
@media all and (min-width: 60em) {
.presentational__is-hidden-large {
width: 1px;
height: 1px;
padding: 0;
position: absolute;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
border: 0;
overflow: hidden; }
.presentational__is-hidden-large.focusable:active, .presentational__is-hidden-large.focusable:focus {
width: auto;
height: auto;
margin: 0;
clip: auto;
overflow: visible;
position: static; }
body:hover .presentational__is-hidden-large a,
body:hover .presentational__is-hidden-large input,
body:hover .presentational__is-hidden-large button {
display: none; } }
/*
"Isn't Hidden"
Undoes `.is-hidden`.
*/
.presentational__isnt-hidden {
/* Mixins */
width: auto;
height: auto;
margin: 0;
position: relative;
clip: auto; }
body:hover .presentational__isnt-hidden a,
body:hover .presentational__isnt-hidden input,
body:hover .presentational__isnt-hidden button {
display: inline-block; }
.lte7 body:hover .presentational__isnt-hidden a, .lte7
body:hover .presentational__isnt-hidden input, .lte7
body:hover .presentational__isnt-hidden button {
display: inline;
zoom: 1; }
/*
"Relative Container"
Exactly what it sounds like.
*/
.presentational__relative-container {
position: relative; }
/*
"No Scroll"
Paired with "motif.utitlies.js" to make the page non-scrollable
*/
html.presentational__no-scroll,
body.presentational__no-scroll {
height: 100%;
width: 100%;
overflow: hidden;
position: fixed; }
.grid__row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
width: 100%; }
.grid__row--reverse {
flex-direction: row-reverse; }
.grid__col-sm-1of6, .grid__col-sm-2of6, .grid__col-sm-3of6, .grid__col-sm-4of6, .grid__col-sm-5of6, .grid__col-sm-6of6, .grid__col-med-1of9, .grid__col-med-2of9, .grid__col-med-3of9, .grid__col-med-4of9, .grid__col-med-5of9, .grid__col-med-6of9, .grid__col-med-7of9, .grid__col-med-8of9, .grid__col-med-9of9, .grid__col-lg-1of12, .grid__col-lg-2of12, .grid__col-lg-3of12, .grid__col-lg-4of12, .grid__col-lg-5of12, .grid__col-lg-6of12, .grid__col-lg-7of12, .grid__col-lg-8of12, .grid__col-lg-9of12, .grid__col-lg-10of12, .grid__col-lg-11of12, .grid__col-lg-12of12 {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px; }
@media all and (min-width: 30em) {
.grid__col-sm-1of6 {
width: 16.6666666667%;
max-width: 16.6666666667%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 30em) {
.grid__col-sm-2of6 {
width: 33.3333333333%;
max-width: 33.3333333333%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 30em) {
.grid__col-sm-3of6 {
width: 50%;
max-width: 50%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 30em) {
.grid__col-sm-4of6 {
width: 66.6666666667%;
max-width: 66.6666666667%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 30em) {
.grid__col-sm-5of6 {
width: 83.3333333333%;
max-width: 83.3333333333%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 30em) {
.grid__col-sm-6of6 {
width: 100%;
max-width: 100%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 48em) {
.grid__col-med-1of9 {
width: 11.1111111111%;
max-width: 11.1111111111%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 48em) {
.grid__col-med-2of9 {
width: 22.2222222222%;
max-width: 22.2222222222%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 48em) {
.grid__col-med-3of9 {
width: 33.3333333333%;
max-width: 33.3333333333%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 48em) {
.grid__col-med-4of9 {
width: 44.4444444444%;
max-width: 44.4444444444%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 48em) {
.grid__col-med-5of9 {
width: 55.5555555556%;
max-width: 55.5555555556%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 48em) {
.grid__col-med-6of9 {
width: 66.6666666667%;
max-width: 66.6666666667%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 48em) {
.grid__col-med-7of9 {
width: 77.7777777778%;
max-width: 77.7777777778%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 48em) {
.grid__col-med-8of9 {
width: 88.8888888889%;
max-width: 88.8888888889%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 48em) {
.grid__col-med-9of9 {
width: 100%;
max-width: 100%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 60em) {
.grid__col-lg-1of12 {
width: 8.3333333333%;
max-width: 8.3333333333%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 60em) {
.grid__col-lg-2of12 {
width: 16.6666666667%;
max-width: 16.6666666667%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 60em) {
.grid__col-lg-3of12 {
width: 25%;
max-width: 25%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 60em) {
.grid__col-lg-4of12 {
width: 33.3333333333%;
max-width: 33.3333333333%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 60em) {
.grid__col-lg-5of12 {
width: 41.6666666667%;
max-width: 41.6666666667%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 60em) {
.grid__col-lg-6of12 {
width: 50%;
max-width: 50%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 60em) {
.grid__col-lg-7of12 {
width: 58.3333333333%;
max-width: 58.3333333333%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 60em) {
.grid__col-lg-8of12 {
width: 66.6666666667%;
max-width: 66.6666666667%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 60em) {
.grid__col-lg-9of12 {
width: 75%;
max-width: 75%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 60em) {
.grid__col-lg-10of12 {
width: 83.3333333333%;
max-width: 83.3333333333%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 60em) {
.grid__col-lg-11of12 {
width: 91.6666666667%;
max-width: 91.6666666667%;
padding-right: 15px;
padding-left: 15px; } }
@media all and (min-width: 60em) {
.grid__col-lg-12of12 {
width: 100%;
max-width: 100%;
padding-right: 15px;
padding-left: 15px; } }
/*
Wrapper
This is the site-wide containing class. Put it around anything you want to be
contained in the "site width". By default, caps off at `1150px`.
*/
.wrappers__wrapper, .exhibitAudioPlayer__wrapper, .singleVideo__wrapper, .fullWidthGallery__figcaption {
width: 92%;
margin-left: auto;
margin-right: auto; }
@media all and (min-width: 60em) {
.wrappers__wrapper, .exhibitAudioPlayer__wrapper, .singleVideo__wrapper, .fullWidthGallery__figcaption {
max-width: 1440px; } }
.wrappers__wrapper-max {
max-width: 1440px;
margin-left: auto;
margin-right: auto; }
.wrappers__full-bleed {
max-width: 1600px;
margin-left: auto;
margin-right: auto; }
/*
WYSIWYG
Though we keep our styles as flexible and modular as possible, there may be
times, as when using a WYSIWYG editor, when some styles need to be baked in.
Here, we specify a `.wysiwyg` class that wraps around that content, and
hardcode some of those styles
[WYSIWYG Content]
*/
.wysiwyg h1 {
margin-top: 0; }
.wysiwyg h2:first-child,
.wysiwyg h3:first-child,
.wysiwyg h4:first-child,
.wysiwyg h5:first-child,
.wysiwyg h6:first-child {
margin-top: 0; }
.wysiwyg p {
margin-bottom: 40px; }
.wysiwyg__block {
margin: 20px 0; }
@media all and (min-width: 48em) {
.wysiwyg__block {
margin: 40px 0;
padding: calc(((100% + 1.125rem) / 9) * 2); } }
@media all and (min-width: 60em) {
.wysiwyg__block {
padding: 0 calc(((100% + 1.125rem) / 12) * 3); } }
/*Cookie Consent Begin*/
#cookieConsent {
background-color: #C28100;
min-height: 26px;
color: #fff;
padding: 38px 35px 18px 35px;
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: none;
z-index: 9999; }
#cookieConsent p {
font-size: 14px;
font-weight: 700;
line-height: 18px;
max-width: 1000px;
margin: 0px auto; }
#cookieConsent a {
text-decoration: none; }
#closeCookieConsent {
float: right;
display: inline-block;
cursor: pointer;
height: 20px;
width: 20px;
margin: -28px 0 0 0;
font-weight: bold; }
#cookieConsent a.cookie-consent {
color: #C28100;
background-color: #fff;
padding: 8px 14px;
display: inline-block;
cursor: pointer;
float: right;
margin: 12px auto 0 auto;
font-size: 12px;
font-weight: 600;
letter-spacing: 3.8px;
line-height: 16px;
text-transform: uppercase; }
.quick-alert-banner {
max-height: 0; }
.quick-alert-banner-container {
padding: 20px;
overflow: auto;
background-color: #C28100; }
.quick-alert-banner_content {
max-width: 1000px;
margin: auto;
color: #fff;
font-family: "Libre Franklin", sans-serif; }
.quick-alert-banner_content--close {
font-size: 24px;
cursor: pointer; }
.quick-alert-banner_content p {
font-weight: 700;
line-height: 1.2; }
@media screen and (min-width: 769px) {
.quick-alert-banner_content {
display: flex;
justify-content: center;
align-items: center; }
.quick-alert-banner_content--copy p {
font-size: 17px;
margin-bottom: 0; }
.quick-alert-banner_content--close {
margin-right: 14px; } }
.quick-alert-banner.show-banner {
max-height: 1000px;
transition: max-height 0.5s cubic-bezier(0.55, 0.06, 0.68, 0.19); }
.exhibitLanding__jump-nav {
padding: 1.25rem 0;
background: #141414; }
.exhibitLanding__jump-nav.is-sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 10;
box-shadow: 0px 0px 10px 0 rgba(20, 20, 20, 0.7); }
.exhibitLanding__jump-nav-list {
display: none;
text-align: center;
margin-top: 1.25rem;
margin-bottom: 0; }
.exhibitLanding__jump-nav-list.is-revealed {
display: block; }
@media all and (min-width: 60em) {
.exhibitLanding__jump-nav-list {
display: flex;
align-items: center;
justify-content: center;
margin-top: 0;
margin-right: -2.25rem;
margin-left: -2.25rem;
text-align: left; } }
.exhibitsLanding__jump-nav-item {
margin: 0;
padding: 0; }
.exhibitsLanding__jump-nav-link {
font-size: 18px;
line-height: 1.3333333333;
display: block;
padding-right: 2.25rem;
padding-left: 2.25rem;
color: #fff;
text-decoration: none; }
.suiting-the-sound .exhibitsLanding__jump-nav-link {
font-family: "Times New Roman", serif; }
.exhibitsLanding__jump-nav-link:focus, .exhibitsLanding__jump-nav-link:hover {
text-decoration: underline;
color: #C28100; }
.exhibitsLanding__jump-nav-link.is-active {
color: #C28100;
cursor: default; }
.exhibitsLanding__jump-nav-link.is-active:hover, .exhibitsLanding__jump-nav-link.is-active:focus {
text-decoration: none; }
.exhibitLanding__jump-nav-btn {
font-size: 14px;
line-height: 1.7142857143;
background: transparent;
color: #C28100;
border: none;
padding: 0;
margin: 0;
text-align: center;
width: 100%; }
.suiting-the-sound .exhibitLanding__jump-nav-btn {
font-family: "Times New Roman", serif; }
.exhibitLanding__jump-nav-btn:focus, .exhibitLanding__jump-nav-btn:hover {
color: #C28100; }
.exhibitLanding__jump-nav-btn svg {
margin-left: 1.125rem; }
@media all and (min-width: 48em) {
.exhibitLanding__jump-nav-btn {
font-size: 16px;
line-height: 1.5; } }
@media all and (min-width: 60em) {
.exhibitLanding__jump-nav-btn {
display: none; } }
.passwordprotected {
background-color: #141414;
background-image: url("https://cmhof.imgix.net/content/uploads/2021/02/11140435/CC_DylanCashCats_ExhibitGallery_20150326-002.jpg");
background-size: cover;
color: #fff;
padding: 100px 0; }
.passwordprotected__form {
background-color: #141414;
max-width: 600px;
margin: 0 auto;
padding: 50px;
text-align: center; }
.passwordprotected__form .simpleHeader__logo {
width: 100px;
height: 100px;
margin: 0 auto 20px;
top: 0;
transform: translateY(0); }
.passwordprotected__form h3 {
color: #fff; }
.passwordprotected__form p {
margin-bottom: 10px !important; }
.exhibitNextPrev {
background-image: url("https://cmhof.imgix.net/content/uploads/2020/11/black_paper_texture.jpg");
background-repeat: repeat;
padding: 100px 40px;
background-color: #29282B; }
@media all and (min-width: 48em) {
.exhibitNextPrev {
padding: 80px 0 115px; } }
.exhibitNextPrev__nav {
display: none; }
@media all and (min-width: 48em) {
.exhibitNextPrev__nav {
display: flex;
align-items: center;
justify-content: space-between; }
.next-only .exhibitNextPrev__nav {
justify-content: flex-end; } }
@media all and (min-width: 60em) {
.exhibitNextPrev__nav {
padding-right: 8.3333333333%;
padding-left: 8.3333333333%; } }
.exhibitNextPrev__nav-link, .exhibitNextPrev__nav-link--next, .exhibitNextPrev__nav-link--prev, .exhibitNextPrev__card-cta {
font-size: 16px;
line-height: 1.125;
letter-spacing: 0.1875em;
display: flex;
align-items: center;
color: #C28100;
font-family: "Sequel100Wide", sans-serif;
text-decoration: none;
text-transform: uppercase; }
@media all and (min-width: 48em) {
.exhibitNextPrev__nav-link, .exhibitNextPrev__nav-link--next, .exhibitNextPrev__nav-link--prev, .exhibitNextPrev__card-cta {
font-size: 18px;
line-height: 1.2222222222;
letter-spacing: 0.2em; }
.exhibitNextPrev__nav-link[data-bp="small"], .exhibitNextPrev__nav-link--next[data-bp="small"], .exhibitNextPrev__nav-link--prev[data-bp="small"], .exhibitNextPrev__card-cta[data-bp="small"] {
display: none; } }
.exhibitNextPrev__nav-link:focus, .exhibitNextPrev__nav-link--next:focus, .exhibitNextPrev__nav-link--prev:focus, .exhibitNextPrev__card-cta:focus, .exhibitNextPrev__nav-link:hover, .exhibitNextPrev__nav-link--next:hover, .exhibitNextPrev__nav-link--prev:hover, .exhibitNextPrev__card-cta:hover {
text-decoration: none;
color: #fff; }
.exhibitNextPrev__nav-link:focus svg, .exhibitNextPrev__nav-link--next:focus svg, .exhibitNextPrev__nav-link--prev:focus svg, .exhibitNextPrev__card-cta:focus svg, .exhibitNextPrev__nav-link:hover svg, .exhibitNextPrev__nav-link--next:hover svg, .exhibitNextPrev__nav-link--prev:hover svg, .exhibitNextPrev__card-cta:hover svg {
color: #C28100; }
.exhibitNextPrev__nav-link:focus span, .exhibitNextPrev__nav-link--next:focus span, .exhibitNextPrev__nav-link--prev:focus span, .exhibitNextPrev__card-cta:focus span, .exhibitNextPrev__nav-link:hover span, .exhibitNextPrev__nav-link--next:hover span, .exhibitNextPrev__nav-link--prev:hover span, .exhibitNextPrev__card-cta:hover span {
border-color: #fff; }
.exhibitNextPrev__nav-link span, .exhibitNextPrev__nav-link--next span, .exhibitNextPrev__nav-link--prev span, .exhibitNextPrev__card-cta span {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border: 2px solid #C28100;
border-radius: 100%;
transform: none;
transition: transform 250ms ease-in-out; }
@media all and (min-width: 48em) {
.exhibitNextPrev__nav-link span, .exhibitNextPrev__nav-link--next span, .exhibitNextPrev__nav-link--prev span, .exhibitNextPrev__card-cta span {
width: 64px;
height: 64px; } }
.exhibitNextPrev__nav-link svg, .exhibitNextPrev__nav-link--next svg, .exhibitNextPrev__nav-link--prev svg, .exhibitNextPrev__card-cta svg {
width: 15px;
height: 15px;
color: #fff; }
@media all and (min-width: 48em) {
.exhibitNextPrev__nav-link svg, .exhibitNextPrev__nav-link--next svg, .exhibitNextPrev__nav-link--prev svg, .exhibitNextPrev__card-cta svg {
width: 25px;
height: 25px; } }
.exhibitNextPrev__nav-link--next span {
margin-right: 1.125rem;
transform: rotate(180deg);
transform-origin: center center; }
@media all and (min-width: 48em) {
.exhibitNextPrev__nav-link--next span {
margin-left: 1.125rem;
margin-right: 0; } }
.exhibitNextPrev__nav-link--next:hover span, .exhibitNextPrev__nav-link--next:focus span {
transform: rotate(180deg) translateX(-0.5625rem); }
.exhibitNextPrev__nav-link--prev span {
margin-right: 1.125rem; }
.exhibitNextPrev__nav-link--prev:hover span, .exhibitNextPrev__nav-link--prev:focus span {
transform: translateX(-0.5625rem); }
@media all and (min-width: 48em) {
.exhibitNextPrev__cards {
display: flex;
justify-content: space-between;
margin: 60px -1.125rem; }
.next-only .exhibitNextPrev__cards {
justify-content: flex-end; } }
@media all and (min-width: 60em) {
.exhibitNextPrev__cards {
padding: 0 8.3333333333%; } }
.exhibitNextPrev__card, .exhibitNextPrev__card--next, .exhibitNextPrev__card--prev {
position: relative; }
@media all and (min-width: 48em) {
.exhibitNextPrev__card, .exhibitNextPrev__card--next, .exhibitNextPrev__card--prev {
display: block;
width: 50%;
padding: 0 1.125rem; } }
.exhibitNextPrev__card--next {
margin-top: 40px; }
@media all and (min-width: 48em) {
.exhibitNextPrev__card--next {
margin-top: 0; } }
.exhibitNextPrev__card-link {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
text-decoration: none; }
.exhibitNextPrev__card-figure {
display: flex;
margin-top: 20px; }
@media all and (min-width: 48em) {
.exhibitNextPrev__card-figure {
display: block;
margin-top: 0; } }
.exhibitNextPrev__card-img {
position: relative;
margin: 0;
width: 33.3333333333%;
box-shadow: 10px 10px 20px 0 rgba(20, 20, 20, 0.7); }
.exhibitNextPrev__card-img:before {
content: "";
width: 100%;
display: block;
padding-top: 100%; }
.exhibitNextPrev__card-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
position: absolute;
top: 0;
left: 0; }
.no-objectfit .exhibitNextPrev__card-img img {
height: auto;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0); }
@media all and (min-width: 48em) {
.exhibitNextPrev__card-img {
position: relative;
margin: 0;
width: auto; }
.exhibitNextPrev__card-img:before {
content: "";
width: 100%;
display: block;
padding-top: 66.5523156089%; }
.exhibitNextPrev__card-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
position: absolute;
top: 0;
left: 0; }
.no-objectfit .exhibitNextPrev__card-img img {
height: auto;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0); } }
.exhibitNextPrev__card-figcaption {
margin-top: 30px;
margin-left: 2.25rem; }
@media all and (min-width: 48em) {
.exhibitNextPrev__card--next .exhibitNextPrev__card-figcaption {
text-align: right;
margin-left: 0; } }
.exhibitNextPrev__card-subheading {
font-size: 16px;
line-height: 2;
color: #C28100;
font-family: "Bodoni Std"; }
@media all and (min-width: 48em) {
.exhibitNextPrev__card-subheading {
font-size: 20px;
line-height: 1.6; } }
.exhibitNextPrev__cards-heading {
font-size: 26px;
line-height: 1.2307692308;
margin-top: 12px;
color: #fff;
font-family: "IM Fell English", serif; }
.suiting-the-sound .exhibitNextPrev__cards-heading {
font-size: 32px;
line-height: 1.0625;
font-family: "Retromark Script Regular", cursive; }
@media all and (min-width: 48em) {
.suiting-the-sound .exhibitNextPrev__cards-heading {
font-size: 52px;
line-height: 1.1153846154; } }
@media all and (min-width: 48em) {
.exhibitNextPrev__cards-heading {
font-size: 34px;
line-height: 1.1176470588; } }
.exhibitNextPrev__card-cta {
display: block; }
@media all and (min-width: 48em) {
.exhibitNextPrev__card-cta {
display: none; } }
.gridLines__toggle {
position: fixed;
z-index: 200;
top: 0;
left: 0;
padding: 0.3125rem 0.28125rem;
text-transform: uppercase;
background: #1f75ae;
color: #fff;
border: none; }
.gridLines__toggle:active, .gridLines__toggle:focus {
position: fixed; }
.gridLines {
position: fixed;
z-index: 100;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
display: flex;
align-items: stretch;
pointer-events: none; }
.gridLines:not(.is-revealed) {
display: none; }
.gridLines__row {
height: 100%; }
.gridLines__line {
display: block;
width: 100%;
position: relative;
background: rgba(230, 60, 77, 0.25);
pointer-events: none; }
.gridLines__line:before, .gridLines__line:after {
content: '';
display: block;
width: 1px;
height: 100vh;
position: absolute;
top: 0;
background: #e63c4d; }
.gridLines__line:before {
left: 0; }
.gridLines__line:after {
right: 0; }
.gridLines__row {
display: flex;
align-items: stretch;
height: 100%;
pointer-events: none; }
.gridLines__col {
display: flex !important;
align-items: stretch;
pointer-events: none; }
@media all and (max-width: 59.9375em) {
.gridLines__lg {
display: none; } }
.gridLines__med {
display: none; }
@media all and (min-width: 48em) and (max-width: 59.9375em) {
.gridLines__med {
display: flex; } }
@media all and (min-width: 48em) {
.gridLines__sm {
display: none; } }
.exhibitAudioPlayer {
position: relative;
margin: 80px 0; }
@media all and (min-width: 48em) {
.exhibitAudioPlayer {
height: 60vh;
min-height: 380px; } }
@media all and (min-width: 60em) {
.exhibitAudioPlayer {
height: 60vh;
min-height: 380px; } }
.exhibitAudioPlayer__vinyl {
position: absolute;
top: 0;
left: 0;
bottom: 0; }
@media all and (max-width: 47.9375em) {
.exhibitAudioPlayer__vinyl {
display: none; } }
@media all and (min-width: 60em) {
.exhibitAudioPlayer__vinyl {
width: calc( ( ( 100vw - 92% ) * 0.5 ) + (((92% + 1.125rem) / 12) * 2)); } }
@media all and (min-width: 97.8260869565em) {
.exhibitAudioPlayer__vinyl {
width: calc( ( ( 100vw - 1440px ) * 0.5 ) + (((1440px + 1.125rem) / 12) * 2)); } }
.exhibitAudioPlayer__vinyl img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
max-width: none;
width: auto;
height: auto;
-webkit-animation: turntable 10s infinite linear;
animation: turntable 10s infinite linear;
-webkit-animation-play-state: paused;
animation-play-state: paused; }
.exhibitAudioPlayer__wrapper {
height: 100%; }
@media all and (min-width: 48em) {
.exhibitAudioPlayer__flex {
display: flex;
height: 100%;
justify-content: space-between;
padding-top: 60px;
padding-bottom: 60px;
padding-left: calc(((100% + 1.125rem) / 9) * 2);
padding-right: calc(((100% + 1.125rem) / 9) * 1); } }
@media all and (min-width: 60em) {
.exhibitAudioPlayer__flex {
padding-left: calc(((100% + 1.125rem) / 12) * 3);
padding-right: calc(((100% + 1.125rem) / 12) * 1); } }
@media all and (min-width: 48em) {
.exhibitAudioPlayer__heading {
padding-left: calc(((100% + 1.125rem) / 9) * 2);
padding-right: calc(((100% + 1.125rem) / 9) * 1); } }
@media all and (min-width: 60em) {
.exhibitAudioPlayer__heading {
padding-left: calc(((100% + 1.125rem) / 12) * 3);
padding-right: calc(((100% + 1.125rem) / 12) * 1); } }
@media all and (min-width: 48em) {
.exhibitAudioPlayer__player {
width: calc(((100% + 1.125rem) / 6) * 3);
flex: 0 0 auto; } }
@media all and (min-width: 60em) {
.exhibitAudioPlayer__player {
width: calc(((100% + 1.125rem) / 8) * 5); } }
.exhibitAudioPlayer__display {
display: flex;
flex-direction: row; }
@media all and (min-width: 48em) {
.exhibitAudioPlayer__display {
flex-direction: column; } }
@media all and (min-width: 60em) {
.exhibitAudioPlayer__display {
flex-direction: row; } }
.exhibitAudioPlayer__display-figure {
margin: 0;
flex: 0 0 auto; }
.exhibitAudioPlayer__display-img {
width: 80px;
height: 80px; }
@media all and (min-width: 48em) {
.exhibitAudioPlayer__display-img {
width: 150px;
height: 150px; } }
.exhibitAudioPlayer__display-meta {
margin-left: 2.25rem; }
.exhibitAudioPlayer__display-subhead {
font-size: 20px;
line-height: 1.6;
margin: 0.625rem 0;
font-family: "Bodoni Std";
font-weight: normal;
font-style: italic;
color: #983007;
color: var(--exhibit-red); }
.suiting-the-sound .exhibitAudioPlayer__display-subhead {
color: #781f1c; }
.exhibitAudioPlayer__display-track {
margin-top: 1.25rem; }
.exhibitAudioPlayer__display-artist {
margin-top: 0.625rem; }
.exhibitAudioPlayer__controls {
display: flex;
margin-left: -0.5625rem;
margin-right: -0.5625rem;
margin-top: 60px; }
.exhibitAudioPlayer__btn {
margin-left: 0.5625rem;
margin-right: 0.5625rem; }
.exhibitAudioPlayer__btn svg {
color: #983007;
color: var(--exhibit-red);
width: 20px;
height: 20px; }
.suiting-the-sound .exhibitAudioPlayer__btn svg {
color: #781f1c; }
.exhibitAudioPlayer__btn[data-action="prev"] svg {
transform: rotate(180deg);
transform-origin: center center; }
@media all and (min-width: 48em) {
.exhibitAudioPlayer__tracks {
width: calc(((100% + 1.125rem) / 6) * 3);
flex: 0 0 auto;
margin-left: 2.25rem; }
.is-overflowing .exhibitAudioPlayer__tracks {
position: relative; }
.is-overflowing .exhibitAudioPlayer__tracks:before {
content: '';
position: absolute;
bottom: 0;
left: -20px;
right: -20px;
height: 50px;
background: linear-gradient(to top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); } }
@media all and (min-width: 60em) {
.exhibitAudioPlayer__tracks {
width: calc(((100% + 1.125rem) / 8) * 3); } }
.exhibitAudioPlayer__tracklist, .miniAudioPlayer__tracklist {
margin-top: 0; }
.is-overflowing .exhibitAudioPlayer__tracklist, .is-overflowing .miniAudioPlayer__tracklist {
position: relative;
height: 100%;
overflow-y: scroll; }
.exhibitAudioPlayer__tracklist-item, .miniAudioPlayer__tracklist-item {
margin: 0;
border-bottom: 1px solid #7F7F7F;
width: 100%; }
.exhibitAudioPlayer__tracklist-item:first-of-type, .miniAudioPlayer__tracklist-item:first-of-type {
border-top: 1px solid #7F7F7F; }
.exhibitAudioPlayer__track, .miniAudioPlayer__track {
font-size: 14px;
line-height: 1.1428571429;
display: flex;
align-items: center;
font-family: var(--fonts-secondary-heading);
text-align: left;
margin: 0;
padding: 15px 10px; }
.exhibitAudioPlayer__track.is-active, .is-active.miniAudioPlayer__track {
color: #983007;
color: var(--exhibit-red); }
.suiting-the-sound .exhibitAudioPlayer__track.is-active, .suiting-the-sound .is-active.miniAudioPlayer__track {
color: #781f1c; }
.exhibitAudioPlayer__track.is-active svg[data-control="play"], .is-active.miniAudioPlayer__track svg[data-control="play"] {
display: none; }
.exhibitAudioPlayer__track.is-active svg[data-control="pause"], .is-active.miniAudioPlayer__track svg[data-control="pause"] {
display: block; }
.exhibitAudioPlayer__track svg, .miniAudioPlayer__track svg {
width: 15px;
height: 15px;
color: #983007;
color: var(--exhibit-red);
margin-right: 1.125rem;
flex: 1 0 auto; }
.suiting-the-sound .exhibitAudioPlayer__track svg, .suiting-the-sound .miniAudioPlayer__track svg {
color: #781f1c; }
.exhibitAudioPlayer__track svg[data-control="pause"], .miniAudioPlayer__track svg[data-control="pause"] {
display: none; }
.suiting-the-sound .exhibitAudioPlayer__track svg, .suiting-the-sound .miniAudioPlayer__track svg {
color: #781f1c; }
@-webkit-keyframes turntable {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(359deg); } }
@keyframes turntable {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(359deg); } }
.exhibitFullImageCallout {
margin: 0;
padding: 100px 0;
position: relative; }
.exhibitFullImageCallout__grid {
position: relative;
margin: -1.25rem 0;
z-index: 1; }
@media all and (min-width: 48em) {
.exhibitFullImageCallout__grid {
display: grid;
grid-template-areas: "left center right";
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr;
grid-column-gap: 2.25rem;
margin: 0; } }
.exhibitFullImageCallout__figure {
margin-top: 0;
padding: 1.25rem 0; }
@media all and (min-width: 48em) {
.exhibitFullImageCallout__figure {
padding: 0; } }
.exhibitFullImageCallout__figure[data-pos="left"] {
grid-area: left; }
.exhibitFullImageCallout__figure[data-pos="center"] {
grid-area: center; }
.exhibitFullImageCallout__figure[data-pos="right"] {
grid-area: right; }
.exhibitFullImageCallout__figure[data-align="center"] {
align-self: center; }
.exhibitFullImageCallout__figure[data-align="bottom"] {
align-self: end; }
.exhibitFullImageCallout__figure img {
display: block;
height: auto;
margin: 0 auto; }
.exhibitFullImageCallout__background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.exhibitFullImageCallout__background img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
position: absolute;
top: 0;
left: 0; }
.no-objectfit .exhibitFullImageCallout__background img {
height: auto;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0); }
.exhibitPartIntro {
position: relative;
padding: 0 0 90px;
overflow: hidden; }
@media all and (min-width: 48em) {
.exhibitPartIntro {
padding-top: 50px; } }
@media all and (min-width: 60em) {
.exhibitPartIntro {
padding-top: 80px; } }
@media all and (min-width: 48em) {
.exhibitPartIntro__flex {
display: flex;
padding: 0; } }
@media all and (min-width: 77.5em) {
.exhibitPartIntro__flex {
padding: 0 8.3333333333%; } }
.exhibitPartIntro__header {
background-image: url("https://cmhof.imgix.net/content/uploads/2020/11/black_paper_texture.jpg");
background-repeat: repeat;
padding: 20px 4vw; }
.suiting-the-sound .exhibitPartIntro__header {
background: #fff; }
@media all and (min-width: 48em) {
.exhibitPartIntro__header {
display: none; } }
@media all and (min-width: 48em) {
.exhibtPartIntro__flex-item {
width: 50%;
padding: 0 2.25rem; } }
.exhibitPartIntro__figure {
position: relative;
margin: 0;
position: relative;
align-self: flex-start;
margin-top: 0; }
.exhibitPartIntro__figure:before {
content: "";
width: 100%;
display: block;
padding-top: 100%; }
.exhibitPartIntro__figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
position: absolute;
top: 0;
left: 0; }
.no-objectfit .exhibitPartIntro__figure img {
height: auto;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0); }
.exhibitPartIntro__figure:after {
background-image: url("https://cmhof.imgix.net/content/uploads/2020/11/black_paper_texture.jpg");
background-repeat: repeat;
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 50%;
left: -4vw;
width: 100vw;
background-color: #141414;
z-index: -1; }
.suiting-the-sound .exhibitPartIntro__figure:after {
background: #fff; }
@media all and (min-width: 48em) {
.exhibitPartIntro__figure:after {
display: none; } }
.exhibitPartIntro__img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
position: absolute;
top: 0;
left: 0; }
.no-objectfit .exhibitPartIntro__img {
height: auto;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0); }
.exhibitPartIntro__content {
color: #fff; }
@media all and (min-width: 48em) {
.exhibitPartIntro__content {
padding-left: 4.5rem; } }
.exhibitPartIntro__tagline {
font-size: 24px;
line-height: 1;
letter-spacing: 0.125em;
padding: 40px 0 25px;
color: #fff;
font-family: "blackoak-std", serif;
text-transform: uppercase; }
@media all and (min-width: 60em) {
.exhibitPartIntro__tagline {
font-size: 38px;
line-height: 1;
letter-spacing: 0.1315789474em;
padding: 70px 0 50px; } }
.exhibitPartIntro__tagline:before {
background-image: url("https://cmhof.imgix.net/content/uploads/2020/11/black_paper_texture.jpg");
background-repeat: repeat;
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 140px;
background-color: #141414;
z-index: -1; }
@media all and (min-width: 60em) {
.exhibitPartIntro__tagline:before {
height: 230px; } }
.suiting-the-sound .exhibitPartIntro__tagline:before {
background: #fff; }
@media all and (max-width: 47.9375em) {
.exhibitPartIntro__tagline {
display: none; } }
.suiting-the-sound .exhibitPartIntro__tagline {
font-size: 42px;
line-height: 1;
font-family: "Base Twelve Sans B", sans-serif;
color: #141414; }
@media all and (min-width: 60em) {
.suiting-the-sound .exhibitPartIntro__tagline {
font-size: 60px;
line-height: 1; } }
.exhibitPartIntro__tagline--sm {
font-size: 16px;
line-height: 2.375;
letter-spacing: 0.125em;
font-family: "blackoak-std", serif;
text-transform: uppercase;
color: #fff; }
.suiting-the-sound .exhibitPartIntro__tagline--sm {
font-size: 52px;
line-height: 1.0384615385;
font-family: "Base Twelve Sans B", sans-serif;
color: #141414; }
.exhibitPartIntro__heading {
margin-top: 1.25rem;
margin-bottom: 0.625rem;
font-size: 48px;
line-height: 1.2083333333;
font-family: "IM Fell English", serif;
color: #fff; }
.suiting-the-sound .exhibitPartIntro__heading {
font-family: "Retromark Script Regular", cursive; }
@media all and (min-width: 60em) {
.suiting-the-sound .exhibitPartIntro__heading {
font-size: 60px;
line-height: 1.1666666667; } }
@media all and (min-width: 60em) {
.exhibitPartIntro__heading {
font-size: 60px;
line-height: 1.1666666667; } }
@media all and (max-width: 47.9375em) {
.exhibitPartIntro__heading {
display: none; } }
.exhibitPartIntro__heading--sm {
font-size: 40px;
line-height: 1.2;
font-family: "IM Fell English", serif;
margin: 0;
color: #fff; }
.suiting-the-sound .exhibitPartIntro__heading--sm {
font-family: "Retromark Script Regular", cursive;
font-size: 48px;
line-height: 1.0833333333;
color: #141414; }
.exhibitPartIntro__description {
font-size: 22px;
line-height: 1.6363636364;
margin-top: 2.5rem;
font-family: "IM Fell English", serif;
color: #fff; }
@media all and (min-width: 48em) {
.exhibitPartIntro__description {
margin: 0; } }
.suiting-the-sound .exhibitPartIntro__description {
font-family: "Times New Roman", serif; }
.exhibitPartIntro__cta {
display: inline-block;
margin-top: 2.5rem; }
.exhibitPartIntro__background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -2; }
.exhibitPartIntro__background img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
position: absolute;
top: 0;
left: 0; }
.no-objectfit .exhibitPartIntro__background img {
height: auto;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0); }
@media all and (max-width: 47.9375em) {
.largeHero__figure {
position: relative;
margin: 0; }
.largeHero__figure:before {
content: "";
width: 100%;
display: block;
padding-top: 95.625%; }
.largeHero__figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
position: absolute;
top: 0;
left: 0; }
.no-objectfit .largeHero__figure img {
height: auto;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0); } }
@media all and (min-width: 48em) {
.largeHero__figure {
position: relative;
height: calc(100vh - 50px); }
.largeHero__figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
position: absolute;
top: 0;
left: 0; }
.no-objectfit .largeHero__figure img {
height: auto;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0); } }
.largeHero__row {
padding-top: 5rem;
padding-bottom: 5rem; }
@media all and (max-width: 59.9375em) {
.largeHero__row {
padding-top: 4rem; } }
@media all and (max-width: 29.9375em) {
.largeHero__row {
margin-left: 15px;
margin-right: 15px; } }
.largeHero__record-figure {
display: none;
position: relative;
z-index: 2;
transform: translateY(-60%); }
@media all and (min-width: 48em) {
.largeHero__record-figure {
display: block; }
.largeHero__record-figure-img {
-webkit-animation: spin 15s infinite linear;
animation: spin 15s infinite linear;
-webkit-animation-delay: 1s;
animation-delay: 1s;
transform-origin: center center; } }
.largeHero__content {
background-image: url("https://cmhof.imgix.net/content/uploads/2020/11/black_paper_texture.jpg");
background-repeat: repeat;
background-color: #29282B;
color: #fff;
min-height: 85px; }
.suiting-the-sound .largeHero__content {
background: #fff; }
.largeHero__tagline {
font-size: 18px;
line-height: 1.7777777778;
font-family: "blackoak-std", serif;
text-transform: uppercase; }
.suiting-the-sound .largeHero__tagline {
font-size: 60px;
line-height: 1.0333333333;
font-family: "Base Twelve Sans B", sans-serif;
color: #005776; }
.largeHero__headline {
font-size: 40px;
line-height: 1.15;
font-family: "IM Fell English", serif;
color: #fff; }
.suiting-the-sound .largeHero__headline {
font-family: "Retromark Script Regular", cursive;
color: #781f1c; }
@media all and (min-width: 48em) {
.largeHero__headline {
font-size: 60px;
line-height: 1.1666666667; }
.suiting-the-sound .largeHero__headline {
font-size: 74px;
line-height: 1.0810810811; } }
.largeHero__intro-text {
font-size: 18px;
line-height: 1.5555555556; }
@media all and (max-width: 59.9375em) {
.largeHero__intro-text {
padding-bottom: 4rem; } }
.suiting-the-sound .largeHero__intro-text {
font-family: Arial, Helvetica, sans-serif;
color: #141414; }
@-webkit-keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(359deg); } }
@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(359deg); } }
.landingContent {
background-image: url("https://cmhof.imgix.net/content/uploads/2020/11/black_paper_texture.jpg");
background-repeat: repeat;
background-color: #29282B;
color: #fff;
padding-bottom: 118px; }
.suiting-the-sound .landingContent {
background: #fff;
color: #141414; }
.landingContent p {
font-size: 20px;
line-height: 1.6;
margin-top: 1.25rem;
font-family: "IM Fell English", serif; }
.suiting-the-sound .landingContent p {
font-family: "Times New Roman",Times,Georgia,serif; }
@media all and (min-width: 48em) {
.landingContent p {
font-size: 28px;
line-height: 1.5714285714; } }
.landingContent p:first-of-type {
padding-bottom: 1.25rem; }
.landingContent p:first-of-type:first-letter {
font-family: "blackoak-std", serif;
color: #fff;
float: left;
font-size: 56px;
line-height: .45;
padding-top: 20px;
padding-right: 8px;
padding-left: 3px;
padding-bottom: 0; }
.suiting-the-sound .landingContent p:first-of-type:first-letter {
color: #781f1c;
font-family: "Base Twelve Sans B", sans-serif;
font-size: 86px; }
@media screen and (min-width: 1025px) {
.landingContent p:first-of-type:first-letter {
font-size: 76px;
line-height: 26px;
padding-top: 34px; }
.suiting-the-sound .landingContent p:first-of-type:first-letter {
font-size: 96px; } }
.landingContent__container {
position: relative; }
.landingContent__col {
display: block;
margin-left: 1.125rem;
margin-right: 1.125rem; }
@media all and (min-width: 48em) {
.landingContent__col {
margin: 0 auto; } }
.suiting-the-sound .landingContent__text {
margin-top: 2.5rem; }
.landingContent__figure {
position: absolute;
max-width: 150px; }
.landingContent__figure:nth-of-type(1) {
top: 50%;
left: 0; }
.landingContent__figure:nth-of-type(2) {
top: 0;
right: 0; }
.landingContent__figure:nth-of-type(3) {
bottom: 0;
right: 0; }
@media all and (max-width: 59.9375em) {
.landingContent__figure {
display: none; } }
.featuredImageText {
position: relative;
padding: 100px 0; }
.featuredImageText__figure {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0; }
.featuredImageText__figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
position: absolute;
top: 0;
left: 0; }
.no-objectfit .featuredImageText__figure img {
height: auto;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0); }
.featuredImageText__col {
display: block; }
@media all and (min-width: 48em) {
.featuredImageText__col {
margin: 0 auto; } }
.featuredImageText__text {
font-size: 36px;
line-height: 1.4444444444;
margin-left: 2.25rem;
margin-right: 2.25rem;
position: relative;
color: #fff;
z-index: 1; }
@media all and (min-width: 48em) {
.featuredImageText__text {
font-size: 80px;
line-height: 1.5; } }
.wysiwygFlex__flex, .fullWidthImage__figure {
margin: 40px 0; }
.wysiwygFlex__flex[data-flex="true"], .fullWidthImage__figure[data-flex="true"] {
display: flex; }
@media all and (max-width: 47.9375em) {
.wysiwygFlex__flex[data-flex="true"], .fullWidthImage__figure[data-flex="true"] {
flex-direction: column; } }
.wysiwygFlex__flex[data-layout="left"], .fullWidthImage__figure[data-layout="left"] {
flex-direction: row-reverse;
justify-content: flex-end; }
@media all and (max-width: 47.9375em) {
.wysiwygFlex__flex[data-layout="left"], .fullWidthImage__figure[data-layout="left"] {
flex-direction: column;
justify-content: normal; } }
@media all and (min-width: 48em) {
.wysiwygFlex__wysiwyg, .fullWidthImage__figure-img {
flex: 1 1 auto; } }
@media all and (min-width: 60em) {
.wysiwygFlex__wysiwyg, .fullWidthImage__figure-img {
padding: 0 calc(((100% + 1.125rem) / 12) * 3); }
[data-layout="left"] .wysiwygFlex__wysiwyg, [data-layout="left"] .fullWidthImage__figure-img {
padding-left: 0; }
[data-layout="right"] .wysiwygFlex__wysiwyg, [data-layout="right"] .fullWidthImage__figure-img {
padding-right: 0; } }
.is-first .wysiwygFlex__wysiwyg p:first-of-type:first-letter, .is-first .fullWidthImage__figure-img p:first-of-type:first-letter {
font-size: 52px;
line-height: 1;
font-family: "blackoak-std", serif;
color: #983007;
color: var(--exhibit-red);
float: left;
padding-right: 10px; }
@media all and (min-width: 48em) {
.is-first .wysiwygFlex__wysiwyg p:first-of-type:first-letter, .is-first .fullWidthImage__figure-img p:first-of-type:first-letter {
font-size: 56px;
line-height: 1; } }
.suiting-the-sound .is-first .wysiwygFlex__wysiwyg p:first-of-type:first-letter, .suiting-the-sound .is-first .fullWidthImage__figure-img p:first-of-type:first-letter {
color: #781f1c;
font-family: "Base Twelve Sans B", sans-serif;
font-size: 86px;
line-height: 0.9069767442; }
@media all and (min-width: 48em) {
.suiting-the-sound .is-first .wysiwygFlex__wysiwyg p:first-of-type:first-letter, .suiting-the-sound .is-first .fullWidthImage__figure-img p:first-of-type:first-letter {
font-size: 96px;
line-height: 0.9166666667; } }
@media all and (min-width: 48em) {
.wysiwygFlex__aside, .fullWidthImage__figcaption {
flex: 1 0 auto;
width: calc(((100% + 1.125rem) / 9) * 2);
padding-left: 0;
padding-right: 4.5rem; }
[data-layout="right"] .wysiwygFlex__aside, [data-layout="right"] .fullWidthImage__figcaption {
padding-left: 4.5rem;
padding-right: 0; } }
@media all and (min-width: 60em) {
.wysiwygFlex__aside, .fullWidthImage__figcaption {
width: calc(((100% + 1.125rem) / 12) * 3); } }
.has-image .miniAudioPlayer__tracklist {
margin-top: 1.25rem; }
.has-image .miniAudioPlayer__tracklist-item:first-of-type {
border-top: none; }
.miniAudioPlayer__figure {
position: relative;
margin: 0; }
.miniAudioPlayer__figure:before {
content: "";
width: 100%;
display: block;
padding-top: 100%; }
.miniAudioPlayer__figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
position: absolute;
top: 0;
left: 0; }
.no-objectfit .miniAudioPlayer__figure img {
height: auto;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0); }
.imageCaption__figcaption {
margin-top: 0; }
.imageCaption__heading, .imageCaption__modal-heading, .imageGallery__modal-heading, .fullWidthImage__heading {
margin-top: 1.25rem; }
.imageCaption__caption, .imageCaption__modal-caption, .imageGallery__modal-caption, .fullWidthImage__caption {
margin-top: 1.25rem; }
.suiting-the-sound .imageCaption__caption, .suiting-the-sound .imageCaption__modal-caption, .suiting-the-sound .imageGallery__modal-caption, .suiting-the-sound .fullWidthImage__caption {
font-family: Arial, Helvetica, sans-serif; }
.imageCaption__modal, .imageGallery__modal {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8);
padding: 5vw 0;
overflow-x: scroll;
z-index: 20; }
.imageCaption__modal:not(.is-revealed), .imageGallery__modal:not(.is-revealed) {
display: none; }
.imageCaption__modal-wrapper, .imageGallery__modal-wrapper {
width: 75%;
margin: 0 auto; }
.imageCaption__modal-trigger {
position: relative;
margin: 0;
display: block;
width: 100%;
padding: 0 !important;
border: none;
cursor: zoom-in; }
.imageCaption__modal-trigger:before {
content: "";
width: 100%;
display: block;
padding-top: 100%; }
.imageCaption__modal-trigger img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
position: absolute;
top: 0;
left: 0; }
.no-objectfit .imageCaption__modal-trigger img {
height: auto;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0); }
.imageCaption__modal-trigger:focus, .imageCaption__modal-trigger:hover {
border: none; }
.imageCaption__modal-trigger[data-ratio="portrait"] {
position: relative;
margin: 0; }
.imageCaption__modal-trigger[data-ratio="portrait"]:before {
content: "";
width: 100%;
display: block;
padding-top: 150%; }
.imageCaption__modal-trigger[data-ratio="portrait"] img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
position: absolute;
top: 0;
left: 0; }
.no-objectfit .imageCaption__modal-trigger[data-ratio="portrait"] img {
height: auto;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0); }
.imageCaption__modal-trigger[data-ratio="landscape"] {
position: relative;
margin: 0; }
.imageCaption__modal-trigger[data-ratio="landscape"]:before {
content: "";
width: 100%;
display: block;
padding-top: 66.6666666667%; }
.imageCaption__modal-trigger[data-ratio="landscape"] img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
position: absolute;
top: 0;
left: 0; }
.no-objectfit .imageCaption__modal-trigger[data-ratio="landscape"] img {
height: auto;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0); }
.imageCaption__modal-figure, .imageGallery__modal-figure {
position: relative;
margin-top: 1.25rem; }
.imageCaption__modal-figcaption, .imageGallery__modal-figcaption {
margin: 0 100px;
color: #fff; }
.imageCaption__modal-header, .imageGallery__modal-header {
display: flex;
justify-content: flex-end; }
.imageCaption__modal-img-container, .imageGallery__modal-img-container {
position: relative;
height: 70vh;
background: #fff; }
.imageCaption__modal-img, .imageGallery__modal-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain; }
.pullquote {
margin: 80px 0; }
.pullquote__block {
border: none; }
.pullquote__inner {
border-style: solid;
border-width: 2px 0;
border-color: var(--exhibit-red);
padding-top: 40px;
padding-bottom: 40px; }
.suiting-the-sound .pullquote__inner {
border-color: #781f1c; }
.pullquote__copy {
font-size: 22px;
line-height: 1.5454545455;
margin-top: 0;
font-family: "IM Fell English", serif; }
.suiting-the-sound .pullquote__copy {
font-family: Arial, Helvetica, sans-serif; }
@media all and (min-width: 48em) {
.pullquote__copy {
font-size: 28px;
line-height: 1.5357142857; } }
.pullquote__cite {
font-size: 16px;
line-height: 1.25;
letter-spacing: 0.055625em;
margin-top: 2.5rem;
font-family: "blackoak-std", serif;
text-transform: uppercase;
color: var(--exhibit-red); }
.suiting-the-sound .pullquote__cite {
font-family: "Base Twelve Sans B", sans-serif;
color: #781f1c; }
@media all and (min-width: 48em) {
.pullquote__cite {
font-size: 18px;
line-height: 1.1111111111;
letter-spacing: 0.0555555556em; } }
@media all and (min-width: 48em) {
.fullWidthImage__figure-img {
flex: 1 0 auto;
width: calc(((100% + 1.125rem) / 9) * 5); } }
@media all and (min-width: 60em) {
.fullWidthImage__figure-img {
width: calc(((100% + 1.125rem) / 12) * 6); } }
.fullWidthImage__figure-img img {
width: 100%; }
@media all and (min-width: 48em) {
.fullWidthImage__figcaption {
flex: 0 1 auto; } }
.imageGallery {
overflow: hidden; }
.imageGallery__overflow {
margin: 80px 0; }
@media all and (min-width: 48em) {
.imageGallery__heading {
margin-left: calc(((100% + 1.125rem) / 9) * 3);
transform: translateX(1.125rem); } }
@media all and (min-width: 60em) {
.imageGallery__heading {
margin-left: calc(((100% + 1.125rem) / 12) * 3); } }
@media all and (min-width: 48em) {
.imageGallery__wrapper {
margin-top: 1.25rem;
margin-left: calc(((100% + 1.125rem) / 9) * 3);
width: 287px; } }
@media all and (min-width: 60em) {
.imageGallery__wrapper {
margin-left: calc(((100% + 1.125rem) / 12) * 3); } }
.imageGallery__slide:focus {
outline: 0; }
.imageGallery__figure {
margin: 0 1.125rem; }
.imageGallery__img-wrap {
position: relative;
margin: 0; }
.imageGallery__img-wrap:before {
content: "";
width: 100%;
display: block;
padding-top: 125.43554007%; }
.imageGallery__img-wrap img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
position: absolute;
top: 0;
left: 0; }
.no-objectfit .imageGallery__img-wrap img {
height: auto;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0); }
.imageGallery__figcaption {
margin-top: 1.25rem;
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.5s ease 0; }
.slick-current .imageGallery__figcaption {
transition-delay: .25s;
visibility: visible;
opacity: 1; }
.imageGallery__cta {
display: none; }
.slick-current .imageGallery__cta {
font-size: 14px;
line-height: 1.2857142857;
letter-spacing: 0.1714285714em;
display: flex;
align-items: center;
margin-top: 0.625rem;
padding: 0.625rem 0;
font-family: "Sequel100Wide", sans-serif;
color: #983007;
text-transform: uppercase; }
.slick-current .imageGallery__cta svg {
width: 15px;
height: 15px;
color: #983007;
margin-left: 2.25rem;
flex: 0 1 auto; }
.imageGallery__image-title {
font-weight: bold;
text-transform: uppercase;
color: #141414; }
.imageGallery__image-caption {
margin-top: 0.625rem; }
@media all and (min-width: 48em) {
.imageGallery__arrows {
position: absolute;
top: 1.25rem;
left: 1.125rem;
right: 1.125rem;
transform: translateX(calc(100% + (2.25rem))); }
.imageGallery__arrows:before {
content: '';
width: 100%;
display: block;
padding-top: 125.43554007%; } }
.imageGallery__controls {
margin: 0 -0.5625rem; }
.imageGallery__control {
color: #983007;
color: var(--exhibit-red);
padding: 0;
margin: 0 0.5625rem; }
.suiting-the-sound .imageGallery__control {
color: #781f1c; }
.imageGallery__control[data-control="prev"] svg {
transform: rotate(180deg);
transform-origin: center center; }
.imageGallery__control svg {
width: 45px;
height: 45px; }
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
@media all and (min-width: 48em) {
.slick-slide {
will-change: transform;
transform: scale(0.9);
transform-origin: top;
transition: transform .25s ease; }
.slick-slide.slick-active {
transform: scale(1); } }
.slick-arrow.slick-hidden {
display: none; }
.imageGallery__modal-trigger {
position: absolute;
width: 100%;
background: transparent;
color: inherit;
border: 0;
border-radius: 0;
min-width: initial;
z-index: 1;
cursor: zoom-in; }
.imageGallery__modal-trigger:hover, .imageGallery__modal-trigger:focus, .imageGallery__modal-trigger.is-current {
background: transparent;
color: inherit;
border: 0;
outline: none;
position: absolute;
top: auto; }
.imageGallery__modal-trigger:before {
content: '';
width: 100%;
display: block;
padding-top: 125.43554007%; }
@media all and (max-width: 47.9375em) {
.imageGallery__modal-trigger {
display: none; } }
@media all and (min-width: 48em) {
.doubleImageCallout {
display: flex; } }
.doubleImageCallout__col-1 {
position: relative; }
.doubleImageCallout__col-1:before {
content: "";
width: 100%;
display: block;
padding-top: 92.1875%; }
@media all and (min-width: 48em) {
.doubleImageCallout__col-1 {
display: flex;
align-items: center;
justify-content: center;
width: 58%; }
.doubleImageCallout__col-1:before {
padding-top: 96.5884861407%; } }
.doubleImageCallout__col-2 {
position: relative; }
.doubleImageCallout__col-2:before {
content: "";
width: 100%;
display: block;
padding-top: 102.5%; }
@media all and (min-width: 48em) {
.doubleImageCallout__col-2 {
width: 42%; }
.doubleImageCallout__col-2:before {
padding-top: 136.858006042%; } }
.doubleImageCallout__background-left,
.doubleImageCallout__background-right {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0; }
.doubleImageCallout__background-left img,
.doubleImageCallout__background-right img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
position: absolute;
top: 0;
left: 0; }
.no-objectfit .doubleImageCallout__background-left img, .no-objectfit
.doubleImageCallout__background-right img {
height: auto;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0); }
.doubleImageCallout__figure {
width: 92%;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
padding: 20px 0; }
@media all and (min-width: 48em) {
.doubleImageCallout__figure {
width: auto;
top: 50%;
bottom: auto;
padding: 0;
transform: translate(-50%, -50%); } }
@media all and (max-width: 47.9375em) {
.doubleImageCallout__figure-img {
display: block;
height: 100%;
margin: 0 auto; } }
.doubleImageCallout__figcaption--left {
position: absolute;
left: 0;
bottom: 0;
background-color: rgba(20, 20, 20, 0.7);
color: #fff;
padding: 20px;
width: 70%; }
.doubleImageCallout__long-caption .doubleImageCallout__figcaption--left {
width: 100%; }
@media all and (min-width: 60em) {
.doubleImageCallout__long-caption .doubleImageCallout__figcaption--left {
width: 70%; } }
.suiting-the-sound .doubleImageCallout__figcaption--left {
font-family: "Times New Roman", serif; }
.doubleImageCallout__figcaption--right {
position: absolute;
right: 0;
bottom: 0;
background-color: rgba(20, 20, 20, 0.7);
color: #fff;
padding: 20px;
width: 70%; }
.doubleImageCallout__long-caption .doubleImageCallout__figcaption--right {
width: 100%; }
@media all and (min-width: 60em) {
.doubleImageCallout__long-caption .doubleImageCallout__figcaption--right {
width: 70%; } }
.suiting-the-sound .doubleImageCallout__figcaption--right {
font-family: "Times New Roman", serif; }
@media all and (max-width: 47.9375em) {
.doubleImageCallout__long-caption.doubleImageCallout__col-1:before, .doubleImageCallout__long-caption.doubleImageCallout__col-2:before {
padding-top: 0; }
.doubleImageCallout__long-caption .doubleImageCallout__figcaption--left,
.doubleImageCallout__long-caption .doubleImageCallout__figcaption--right {
position: static;
width: 100%; }
.doubleImageCallout__long-caption .doubleImageCallout__background-left,
.doubleImageCallout__long-caption .doubleImageCallout__background-right,
.doubleImageCallout__long-caption .doubleImageCallout__figure {
position: static; }
.doubleImageCallout__long-caption .doubleImageCallout__background-left img,
.doubleImageCallout__long-caption .doubleImageCallout__background-right img {
position: static;
max-width: 100%;
width: auto;
height: auto; } }
@media screen and (min-width: 1025px) {
.single-feature-video {
margin-left: calc((100% / 12) * 1);
margin-right: calc((100% / 12) * 1); } }
.singleVideo__ratio {
padding-top: calc((9 / 16) * 100%);
position: relative; }
.singleVideo__ratio iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%; }
.singleVideo__ratio.singleVideo__ratio-17by23 {
padding-top: calc((17 / 23) * 100%); }
.singleVideo__title {
margin-top: 20px; }
.fullWidthGallery {
padding-top: 40px;
padding-bottom: 40px; }
.fullWidthGallery__slider {
overflow: hidden; }
.fullWidthGallery__figure {
position: relative;
margin: 0; }
.fullWidthGallery__figure:before {
content: "";
width: 100%;
display: block;
padding-top: 50%; }
.fullWidthGallery__figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
position: absolute;
top: 0;
left: 0; }
.no-objectfit .fullWidthGallery__figure img {
height: auto;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0); }
.fullWidthGallery__figcaption {
display: none;
margin-top: 1.25rem;
padding-left: calc((100% / 12) * 2);
max-width: 705px;
margin-right: auto; }
.slick-current .fullWidthGallery__figcaption {
display: block; }
.fullWidthGallery__image-title {
font-size: 34px;
line-height: 0.5882352941;
font-weight: bold;
text-transform: uppercase;
color: #141414; }
.suiting-the-sound .fullWidthGallery__image-title {
font-family: "Base Twelve Sans B", sans-serif; }
.fullWidthGallery__image-caption {
font-size: 18px;
line-height: 1.2222222222;
margin-top: 0.625rem; }
.exhibitPartsList {
background-image: url("https://cmhof.imgix.net/content/uploads/2020/11/black_paper_texture.jpg");
background-repeat: repeat;
background-color: #29282B;
padding: 40px 0; }
@media all and (min-width: 48em) {
.exhibitPartsList {
padding: 40px calc(((100% + 1.125rem) / 9) * 1); } }
@media all and (min-width: 60em) {
.exhibitPartsList {
padding: 80px calc(((100% + 1.125rem) / 12) * 1); } }
.exhibitPartsList__heading {
font-size: 20px;
line-height: 1.6;
font-family: "Bodoni Std";
font-weight: normal;
font-style: italic;
color: #C28100; }
.exhibitPartsList__list {
margin: 0; }
@media all and (min-width: 48em) {
.exhibitPartsList__list {
-moz-column-count: 2;
column-count: 2;
-moz-column-gap: 2.25rem;
column-gap: 2.25rem; } }
.exhibitPartsList__link {
font-size: 18px;
line-height: 1.2222222222;
letter-spacing: 0.2em;
display: block;
padding: 1.25rem 0;
font-family: "Sequel100Wide", sans-serif;
color: #fff;
text-transform: uppercase;
text-decoration: none; }
.exhibitPartsList__link:focus, .exhibitPartsList__link:hover {
color: #C28100;
text-decoration: underline; }
.chapterHeader {
position: relative;
overflow: hidden;
padding-top: 150px; }
@media all and (min-width: 48em) {
.chapterHeader {
padding-top: 225px; } }
.chapterHeader__grid {
display: grid;
-moz-column-gap: 30px;
column-gap: 30px; }
@media all and (min-width: 48em) {
.chapterHeader__grid {
grid-template-columns: repeat(12, minmax(0, 1fr)); } }
.fullHero__intro,
.chapterHeader__intro {
font-size: 28px;
line-height: 1.2142857143;
text-transform: uppercase; }
@media all and (min-width: 48em) {
.chapterHeader__content {
grid-column: span 7 / span 7; } }
.chapterHeader__heading-img {
margin-bottom: 1.25rem; }
@media all and (min-width: 60em) {
.chapterHeader__heading-img {
width: 80%; } }
.chapterHeader__figure {
order: 1;
z-index: 2;
margin-top: 60px; }
@media all and (min-width: 48em) {
.chapterHeader__figure {
order: none;
grid-column: span 5 / span 5;
margin-top: 0; } }
.chapterHeader__copy {
height: 100%;
position: relative;
z-index: 1;
margin-top: 30px; }
.chapterHeader__copy p {
grid-column: 4 / span 4;
color: #fff; }
.chapterHeader__copy:after {
display: none;
content: '';
position: absolute;
background-color: #fff;
top: 0;
left: 0;
width: 200vw;
height: 100%;
transform: translateX(-50%);
z-index: -1; }
@media all and (min-width: 48em) {
.chapterHeader__copy {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
-moz-column-gap: 30px;
column-gap: 30px; }
.chapterHeader__copy:after {
display: block; } }
.chapterHeader__figure:after,
.chapterHeader__copy:after {
content: '';
position: absolute;
background-color: #fff;
left: 0;
width: 200vw;
transform: translateX(-50%);
z-index: -1;
-webkit-clip-path: polygon(0% 0%, 5% 2%, 10% 0%, 15% 2%, 20% 0%, 25% 2%, 30% 0%, 35% 2%, 40% 0%, 45% 2%, 50% 0%, 55% 2%, 60% 0%, 65% 2%, 70% 0%, 75% 2%, 80% 0%, 85% 2%, 90% 0%, 95% 2%, 100% 0%, 98% 5%, 100% 10%, 98% 15%, 100% 20%, 98% 25%, 100% 30%, 98% 35%, 100% 40%, 98% 45%, 100% 50%, 98% 55%, 100% 60%, 98% 65%, 100% 70%, 98% 75%, 100% 80%, 98% 85%, 100% 90%, 98% 95%, 100% 100%, 95% 98%, 90% 100%, 85% 98%, 80% 100%, 75% 98%, 70% 100%, 65% 98%, 60% 100%, 55% 98%, 50% 100%, 45% 98%, 40% 100%, 35% 98%, 30% 100%, 25% 98%, 20% 100%, 15% 98%, 10% 100%, 5% 98%, 0% 100%, 2% 95%, 0% 90%, 2% 85%, 0% 80%, 2% 75%, 0% 70%, 2% 65%, 0% 60%, 2% 55%, 0% 50%, 2% 45%, 0% 40%, 2% 35%, 0% 30%, 2% 25%, 0% 20%, 2% 15%, 0% 10%, 2% 5%);
clip-path: polygon(0% 0%, 5% 2%, 10% 0%, 15% 2%, 20% 0%, 25% 2%, 30% 0%, 35% 2%, 40% 0%, 45% 2%, 50% 0%, 55% 2%, 60% 0%, 65% 2%, 70% 0%, 75% 2%, 80% 0%, 85% 2%, 90% 0%, 95% 2%, 100% 0%, 98% 5%, 100% 10%, 98% 15%, 100% 20%, 98% 25%, 100% 30%, 98% 35%, 100% 40%, 98% 45%, 100% 50%, 98% 55%, 100% 60%, 98% 65%, 100% 70%, 98% 75%, 100% 80%, 98% 85%, 100% 90%, 98% 95%, 100% 100%, 95% 98%, 90% 100%, 85% 98%, 80% 100%, 75% 98%, 70% 100%, 65% 98%, 60% 100%, 55% 98%, 50% 100%, 45% 98%, 40% 100%, 35% 98%, 30% 100%, 25% 98%, 20% 100%, 15% 98%, 10% 100%, 5% 98%, 0% 100%, 2% 95%, 0% 90%, 2% 85%, 0% 80%, 2% 75%, 0% 70%, 2% 65%, 0% 60%, 2% 55%, 0% 50%, 2% 45%, 0% 40%, 2% 35%, 0% 30%, 2% 25%, 0% 20%, 2% 15%, 0% 10%, 2% 5%); }
.chapterHeader__copy:after {
display: none;
height: 103%;
top: 0; }
@media all and (min-width: 48em) {
.chapterHeader__copy:after {
display: block; } }
.chapterHeader__figure:after {
display: block;
bottom: 0;
top: 25%;
height: 100%; }
@media all and (min-width: 48em) {
.chapterHeader__figure:after {
display: none; } }
.chapterHeader__figure-figcaption {
display: none; }
.chapterHeader__texture:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: url("../../images/chapter-header-texture.png");
background-repeat: no-repeat;
background-size: cover; }
@media all and (min-width: 48em) {
.fullHero__copy p,
.chapterHeader__copy p {
font-size: 16px;
line-height: 1.1875;
color: #1f75ae; } }
.fullHero {
overflow: hidden;
padding-top: 150px;
padding-bottom: 50px; }
@media all and (min-width: 48em) {
.fullHero {
padding-top: 225px;
padding-bottom: 100px; } }
@media all and (min-width: 60em) {
.fullHero__heading-img {
width: 60%; } }
.simpleHeader {
position: relative;
background: #141414;
z-index: 11; }
.simpleHeader .menu-main-navigation-container,
.simpleHeader #menu-mobile-select-site-navigation .menu-item,
.simpleHeader .mobile-member-links,
.simpleHeader .mobile-search-input {
max-width: 800px;
margin: 0 auto; }
.simpleHeader__flex {
display: flex;
justify-content: space-between;
align-items: center;
height: 50px; }
.simpleHeader__inner {
display: flex;
align-items: center;
flex: 1 0 auto;
height: 100%; }
.simpleHeader__logo {
position: relative;
top: 50%;
transform: translateY(-50%);
width: 36px;
height: 36px; }
.simpleHeader__logo-link {
position: relative;
display: block;
height: 100%; }
.simpleHeader__button {
margin-left: 4.5rem;
padding-top: 0;
padding-bottom: 0;
height: 100%;
display: flex;
align-items: center; }
@media all and (max-width: 47.9375em) {
.simpleHeader__button {
font-size: 12px;
line-height: 1.1666666667;
margin-left: 2.25rem;
padding-left: 40px; } }
@media screen and (max-width: 1024px) {
.simpleHeader__button--tickets {
display: none; } }
.simpleHeader__menu {
color: #C28100;
transition: all .2s ease-in-out;
font-size: 20px;
padding-left: 20px; }
.simpleHeader__menu:hover, .simpleHeader__menu:focus, .simpleHeader__menu:active {
color: #fff; }
.exhibitFooter {
background-color: #141414;
padding-top: 80px;
padding-bottom: 80px; }
@media all and (max-width: 47.9375em) {
.exhibitFooter__info {
padding: 0 calc(((100% + 1.125rem) / 6) * 1); }
.exhibitFooter__info[data-promo="2"] {
margin-top: 2.5rem; } }
.exhibitFooter__info-figure {
position: relative;
margin: 0; }
.exhibitFooter__info-figure:before {
content: "";
width: 100%;
display: block;
padding-top: 100%; }
.exhibitFooter__info-figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
position: absolute;
top: 0;
left: 0; }
.no-objectfit .exhibitFooter__info-figure img {
height: auto;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0); }
.exhibitFooter__info--header {
font-size: 16px;
line-height: 1.5;
font-family: "Libre Franklin", sans-serif;
color: #fff;
margin-top: 1.25rem; }
.exhibitFooter__info--link {
font-size: 16px;
line-height: 1.375;
font-family: "Sequel100Wide", sans-serif;
color: #C28100;
letter-spacing: 3.6px;
text-transform: uppercase; }
.exhibitFooter__endcap {
margin-top: 5rem;
text-align: center; }
@media all and (min-width: 48em) {
.exhibitFooter__endcap {
margin-top: 0;
text-align: left; } }
.exhibitFooter__newsletter a {
font-size: 14px;
line-height: 1.2142857143;
color: #AAA9AB;
font-family: "Libre Franklin", sans-serif;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase; }
.exhibitFooter__newsletter svg {
color: #C28100; }
.exhibitFooter__social-title {
color: #C28100;
margin-top: 1.25rem; }
.exhibitFooter__social {
display: flex; }
@media all and (max-width: 47.9375em) {
.exhibitFooter__social {
justify-content: center; } }
.exhibitFooter__social-icon {
margin-right: 15px; }
.exhibitFooter__social-icon a {
display: block; }
.exhibitFooter__text {
font-size: 10px;
line-height: 2.4;
font-family: "Libre Franklin", sans-serif;
margin-top: 2.5rem;
color: #fff;
letter-spacing: 2px; }
.exhibitFooter__text a {
color: #C28100; }
.exhibitFooter__ackonwledgements {
text-align: center; }
.exhibitFooter__ackonwledgements--header {
color: #C28100;
margin-top: 1.25rem;
font-size: 24px;
line-height: 1;
letter-spacing: 0.125em; }
@media all and (min-width: 60em) {
.exhibitFooter__ackonwledgements--header {
font-size: 38px;
line-height: 1;
letter-spacing: 0.1315789474em; } }
.exhibitFooter__ackonwledgements--header a:hover {
text-decoration: underline; }
.exhibitFooter__ackonwledgements--content {
color: #fff;
border: 1px solid #fff;
border-width: 1px 0;
margin: 20px 0;
padding: 20px 0; }
@media all and (min-width: 48em) {
.exhibitFooter__ackonwledgements--content {
margin: 40px 0;
padding: 40px 0; } }
.exhibitFooter__ackonwledgements--content h1,
.exhibitFooter__ackonwledgements--content h2,
.exhibitFooter__ackonwledgements--content h3,
.exhibitFooter__ackonwledgements--content h4,
.exhibitFooter__ackonwledgements--content h5,
.exhibitFooter__ackonwledgements--content h6 {
color: #fff; }
.exhibitFooter__ackonwledgements--content p {
margin-bottom: 40px; }
.exhibit-template #menu-item-47 {
visibility: visible;
display: list-item; }
@media print {
* {
background: transparent !important;
color: black !important;
box-shadow: none !important;
text-shadow: none !important; }
html {
font: 12pt/1.5em Georgia, "Times New Roman", Times, serif; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
line-height: 1.1em;
margin-bottom: 0.5em;
margin-top: 1em;
page-break-after: avoid;
orphans: 3;
widows: 3; }
li h1, li
h2, li
h3, li
h4, li
h5, li
h6 {
margin-top: 0; }
h1 {
font-size: 24pt; }
h2 {
font-size: 21pt; }
h3 {
font-size: 18pt; }
h4 {
font-size: 16pt; }
h5 {
font-size: 14pt; }
h6 {
font-size: 12pt; }
blockquote,
p,
ul,
ol,
dl,
figure,
img {
margin-bottom: 1em; }
figure img {
margin-bottom: 0; }
ul,
ol,
dd {
margin-left: 3em; }
pre,
blockquote {
border-left: 0.5em solid #999;
padding-left: 1.5em;
page-break-inside: avoid; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: ""; }
figcaption {
text-transform: uppercase;
font-size: 10pt; }
strong {
font-weight: bold; }
em {
font-style: italic; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
form,
video,
nav {
display: none !important; }
@page {
margin: 2cm; } }
/**
* Exhibit Theme: Night Train
*/
body {
position: relative; }
body.themes__night-train {
--fonts-primary-heading: $Alternate-Gothic-Extra-Cond-ATF;
--fonts-secondary-heading: $Sequel100Wide;
--fonts-accent: $Blackoak;
background-color: #fff;
background-image: url("../../images/bg-texture-white-or-grey.png"); }
body.themes__night-train.night-train-default {
--color-text: #fff;
--color-dark: #29282B;
--color-light: #897F71;
--color-accent: #F0B23A; }
body.themes__night-train.night-train-blue {
--color-text: #4D5B9A;
--color-dark: #5280BE;
--color-light: #D9E8FF;
--color-accent: #6A79AA; }
body.themes__night-train.night-train-brown {
--color-text: #755947;
--color-dark: #524433;
--color-light: #D0BBA3;
--color-accent: #897F71; }
body.themes__night-train.night-train-green {
--color-text: #47573A;
--color-dark: #909B48;
--color-light: #BBD6B2;
--color-accent: #538D80; }
body.themes__night-train.night-train-orange {
--color-text: #A8572D;
--color-dark: #EB9C48;
--color-light: #F9D7B9;
--color-accent: #F7747C; }
body.themes__night-train.night-train-red {
--color-text: #8F2912;
--color-dark: #F7747C;
--color-light: #FCDBDD;
--color-accent: #F7747C; }
body.themes__night-train.night-train-teal {
--color-text: #416E63;
--color-dark: #416E63;
--color-light: #B0CCC5;
--color-accent: #909B48; }
body.themes__night-train.night-train-yellow {
--color-text: #A8572D;
--color-dark: #EB9C48;
--color-light: #F7ECC3;
--color-accent: #EB9C48; }
body.themes__night-train .simpleHeader {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: auto;
background: transparent;
transition: all .25s;
z-index: 10; }
body.themes__night-train .simpleHeader .simpleHeader__flex {
height: 150px;
justify-content: flex-start;
padding-top: 20px; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .simpleHeader .simpleHeader__flex {
flex-direction: row-reverse; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .simpleHeader .simpleHeader__flex {
height: 100px;
padding-top: 0; } }
body.themes__night-train .simpleHeader .simpleHeader__menu {
padding-left: 0;
padding-right: 30px; }
body.themes__night-train .simpleHeader .simpleHeader__menu svg {
width: 90px;
height: 90px; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .simpleHeader .simpleHeader__menu svg {
width: 60px;
height: 60px; } }
body.themes__night-train .simpleHeader .simpleHeader__menu.mobile-nav-hamburger {
display: inline-block; }
body.themes__night-train .simpleHeader .simpleHeader__menu.mobile-nav-close {
display: none; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .simpleHeader .simpleHeader__menu {
padding-right: 0; } }
body.themes__night-train .simpleHeader .simpleHeader__logo {
width: 90px;
height: 90px; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .simpleHeader .simpleHeader__logo {
width: 60px;
height: 60px; } }
body.themes__night-train .simpleHeader .simpleHeader__button {
height: 52px;
background: transparent;
border: 2px solid #141414; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .simpleHeader .simpleHeader__button {
display: none; } }
body.themes__night-train .simpleHeader.active {
background: #141414;
transition: all .25s; }
body.themes__night-train .simpleHeader.active .simpleHeader__menu.mobile-nav-hamburger {
display: none; }
body.themes__night-train .simpleHeader.active .simpleHeader__menu.mobile-nav-close {
display: inline-block; }
body.themes__night-train .simpleHeader.active .simpleHeader__button {
color: #fff;
border-color: #fff; }
body.themes__night-train.night-train-parent .simpleHeader {
position: relative;
background: transparent;
transition: all .25s; }
body.themes__night-train.night-train-parent .simpleHeader.active {
background: #141414;
transition: all .25s; }
body.themes__night-train.night-train-parent main {
position: relative;
overflow: hidden; }
body.themes__night-train.night-train-parent main:after {
content: '';
display: block;
position: absolute;
right: -125px;
bottom: 0;
width: 348px;
height: 604px;
background-image: url("../../images/blue-man.png");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
z-index: -1; }
@media all and (max-width: 59.9375em) {
body.themes__night-train.night-train-parent main:after {
display: none; } }
body.themes__night-train.night-train-parent .imageGallery__control {
color: #141414; }
body.themes__night-train .simpleHeaderNav {
position: absolute;
top: 150px;
left: 0;
right: 0;
width: 100%;
height: auto;
padding: 60px 0;
background: #141414;
color: white;
box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.5);
transform: translateY(-200%);
transition: all .25s;
z-index: 10; }
body.themes__night-train .simpleHeaderNav.open {
transform: translateY(0);
transition: all .25s; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .simpleHeaderNav {
top: 100px; } }
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__flex {
display: flex;
flex-wrap: wrap;
gap: 30px; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__flex {
flex-direction: column; } }
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__col {
display: flex;
flex-direction: column;
row-gap: 30px;
width: calc(50% - 15px); }
@media all and (max-width: 59.9375em) {
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__col {
width: 100%; } }
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__menu-parent-link {
color: #F0B23A;
line-height: 1.25;
transition: all .25s; }
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__menu-parent-link:hover {
color: #CC8A00;
transition: all .25s; }
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__menu-children {
display: flex;
flex-wrap: wrap;
-moz-column-gap: 30px;
column-gap: 30px; }
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__menu-children ul {
width: calc(50% - 15px);
margin: 0; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__menu-children ul {
width: 100%; } }
body.themes__night-train .simpleHeaderNav li {
line-height: 2rem;
margin-bottom: 30px; }
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__menu-item-link {
color: #fff;
transition: all .25s; }
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__menu-item-link:hover {
color: #F0B23A;
transition: all .25s; }
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__menu-item-link.current {
color: #F0B23A; }
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__menu-item-chapter {
font-family: "Sequel100Wide", sans-serif;
font-size: 14px;
line-height: 1.1428571429;
margin-bottom: 10px; }
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__menu-item-title {
font-family: trade-gothic-next-condensed, sans-serif;
font-size: 36px;
line-height: 1;
font-weight: 800;
font-style: normal;
letter-spacing: 0.63px; }
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__other-exhibits-parent-link {
color: #F0B23A;
line-height: 1.25;
transition: all .25s; }
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__other-exhibits-parent-link:hover {
color: #CC8A00;
transition: all .25s; }
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__exhibit-card {
margin-bottom: 30px;
background-color: rgba(167, 104, 22, 0.65); }
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__exhibit-card-link {
display: flex;
color: #fff; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__exhibit-card-link {
flex-direction: column; } }
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__exhibit-card-figure {
position: relative;
width: 33%; }
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__exhibit-card-figure:before {
content: '';
display: block;
width: 100%;
padding-top: 67%; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__exhibit-card-figure {
width: 100%; }
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__exhibit-card-figure:before {
padding-top: 100%; } }
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__exhibit-card-figure-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center; }
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__exhibit-card-content {
padding: 20px; }
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__exhibit-card-content.twoThirds {
width: 67%; }
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__exhibit-card-content.fullWidth {
width: 100%; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__exhibit-card-content.twoThirds {
width: 100%; } }
body.themes__night-train .simpleHeaderNav .simpleHeaderNav__exhibit-card-title {
font-family: trade-gothic-next-condensed, sans-serif;
font-size: 20px;
line-height: 1.1;
font-weight: 800;
font-style: normal;
letter-spacing: 0.8px; }
body.themes__night-train .imageGallery__control {
color: var(--color-text); }
body.themes__night-train .twoColumnGallery {
position: relative;
margin: 100px 0; }
body.themes__night-train .twoColumnGallery .blue-film-strip {
display: block;
position: absolute;
top: -200px;
left: -80px;
width: auto;
height: 830px;
z-index: 1; }
body.themes__night-train .twoColumnGallery .blue-film-strip img {
width: auto;
height: 830px; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .twoColumnGallery .blue-film-strip {
display: none; } }
body.themes__night-train .twoColumnGallery .twoColumnGallery__wrapper {
position: relative; }
body.themes__night-train .twoColumnGallery .twoColumnGallery__wrapper .guitar {
position: absolute;
top: -250px;
left: 0;
width: 320px;
z-index: 1; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .twoColumnGallery .twoColumnGallery__wrapper .guitar {
top: -125px;
left: -100px; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .twoColumnGallery .twoColumnGallery__wrapper .guitar {
top: -100px;
left: auto;
right: -100px;
width: 200px; } }
body.themes__night-train .twoColumnGallery .twoColumnGallery__slider {
position: relative;
overflow: hidden; }
body.themes__night-train .twoColumnGallery .twoColumnGallery__slide {
display: flex;
justify-content: center;
-moz-column-gap: 60px;
column-gap: 60px;
transform: scale(1); }
body.themes__night-train .twoColumnGallery .twoColumnGallery__slide.slick-active {
transform: scale(1); }
@media all and (max-width: 59.9375em) {
body.themes__night-train .twoColumnGallery .twoColumnGallery__slide {
flex-direction: column;
row-gap: 60px; } }
body.themes__night-train .twoColumnGallery .twoColumnGallery__col {
width: 40%; }
body.themes__night-train .twoColumnGallery .twoColumnGallery__col:first-child {
margin-top: 92px; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .twoColumnGallery .twoColumnGallery__col {
width: 100%; } }
body.themes__night-train .twoColumnGallery .twoColumnGallery__figure {
display: block;
position: relative;
width: 100%;
margin: 0; }
body.themes__night-train .twoColumnGallery .twoColumnGallery__figure:before {
content: "";
width: 100%;
display: block;
padding-top: 67%; }
body.themes__night-train .twoColumnGallery .twoColumnGallery__figure img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center; }
body.themes__night-train .twoColumnGallery .twoColumnGallery__figcaption {
display: block;
margin-left: 165px; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .twoColumnGallery .twoColumnGallery__figcaption {
margin-left: 0;
margin-right: 100px; } }
body.themes__night-train .twoColumnGallery .twoColumnGallery__image-caption {
font-family: "Libre Franklin", sans-serif;
font-size: 14px;
line-height: 1.5714285714;
color: #414042;
margin-top: 15px; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .twoColumnGallery .twoColumnGallery__image-caption {
font-size: 12px;
line-height: 1.5; } }
body.themes__night-train .twoColumnGallery .twoColumnGallery__title {
font-family: "alternate-gothic-extra-cond", sans-serif;
font-size: 60px;
line-height: 0.9833333333;
font-weight: bold;
text-transform: uppercase;
color: #524433;
margin: 0; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .twoColumnGallery .twoColumnGallery__title {
font-size: 28px;
line-height: 1.0714285714;
letter-spacing: 0.75px; } }
body.themes__night-train .twoColumnGallery .twoColumnGallery__text {
font-family: "VoltaRegular";
font-size: 20px;
line-height: 1.6;
margin-top: 25px; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .twoColumnGallery .twoColumnGallery__text {
font-size: 16px;
line-height: 1.625; } }
body.themes__night-train .twoColumnGallery .twoColumnGallery__arrows {
display: flex;
justify-content: center;
margin-top: 40px; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .twoColumnGallery .twoColumnGallery__arrows {
margin-top: 20px; } }
body.themes__night-train .twoColumnGallery .twoColumnGallery__arrows .twoColumnGallery__col:first-child {
margin-top: 0; }
body.themes__night-train .twoColumnGallery .twoColumnGallery__arrows .js-slider-arrows {
text-align: right; }
body.themes__night-train .twoColumnGallery .twoColumnGallery__arrows .js-slider-arrows .imageGallery__control svg {
width: 62px;
height: 62px; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .twoColumnGallery .twoColumnGallery__arrows .js-slider-arrows .imageGallery__control svg {
width: 45px;
height: 45px; } }
body.themes__night-train .exhibit-scroll-animation {
position: relative;
margin: 100px 0; }
body.themes__night-train .exhibit-scroll-animation .exhibit-scroll-oval {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 346px;
height: 692px;
border-radius: 346px 0 0 346px;
background: #B0CBE9; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .exhibit-scroll-animation .exhibit-scroll-oval {
width: 200px;
height: 400px; } }
@-webkit-keyframes text-scroll-top {
from {
transform: translateX(100%); }
to {
transform: translateX(-100%); } }
@keyframes text-scroll-top {
from {
transform: translateX(100%); }
to {
transform: translateX(-100%); } }
@-webkit-keyframes text-scroll-middle {
from {
transform: translateX(-100%); }
to {
transform: translateX(100%); } }
@keyframes text-scroll-middle {
from {
transform: translateX(-100%); }
to {
transform: translateX(100%); } }
@-webkit-keyframes text-scroll-bottom {
from {
transform: translateX(100%); }
to {
transform: translateX(-100%); } }
@keyframes text-scroll-bottom {
from {
transform: translateX(100%); }
to {
transform: translateX(-100%); } }
body.themes__night-train .exhibit-scroll-animation .scroll-container {
position: relative;
width: 100%;
height: 200px;
overflow: hidden; }
body.themes__night-train .exhibit-scroll-animation .scroll-container.scroll-container-top .scroll-text {
-webkit-animation: text-scroll-top 15s linear infinite;
animation: text-scroll-top 15s linear infinite; }
body.themes__night-train .exhibit-scroll-animation .scroll-container.scroll-container-middle .scroll-text {
transform: translateX(-100%);
-webkit-animation: text-scroll-middle 15s linear infinite;
animation: text-scroll-middle 15s linear infinite; }
body.themes__night-train .exhibit-scroll-animation .scroll-container.scroll-container-bottom .scroll-text {
-webkit-animation: text-scroll-bottom 15s linear infinite;
animation: text-scroll-bottom 15s linear infinite;
-webkit-animation-delay: 3.5s;
animation-delay: 3.5s; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .exhibit-scroll-animation .scroll-container {
height: 100px; } }
body.themes__night-train .exhibit-scroll-animation .scroll-text {
font-family: "alternate-gothic-extra-cond", sans-serif;
font-size: 236px;
font-weight: bold;
line-height: 236px;
color: #6A79AA;
text-transform: uppercase;
letter-spacing: -0.59px;
display: flex;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: 3000px;
transform: translateX(100%); }
@media all and (max-width: 47.9375em) {
body.themes__night-train .exhibit-scroll-animation .scroll-text {
font-size: 128px;
line-height: 128px;
width: 1700px; } }
body.themes__night-train .exhibit-scroll-animation .scroll-text .scroll-text-pop {
color: #AA0534; }
body.themes__night-train .exhibit-scroll-animation .scroll-diamond {
width: 14px;
height: 14px;
margin: -50px 40px 0;
transform: rotate(315deg);
background-color: #6A79AA; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .exhibit-scroll-animation .scroll-diamond {
margin-top: -25px; } }
body.themes__night-train .exhibit-chapters {
margin: 100px 0; }
body.themes__night-train .exhibit-chapters-container {
display: block;
width: 100%;
max-width: 1200px;
margin: auto; }
body.themes__night-train .exhibit-chapters-title {
font-family: "alternate-gothic-extra-cond", sans-serif;
font-size: 60px;
line-height: 1.1666666667;
font-weight: bold;
color: #524433;
text-transform: uppercase;
margin: 0 0 30px; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .exhibit-chapters-title {
font-size: 28px;
line-height: 1.0714285714; } }
body.themes__night-train .exhibit-chapters-grid {
display: flex;
flex-wrap: wrap;
width: 100%; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .exhibit-chapters-grid {
flex-direction: column; } }
body.themes__night-train .exhibit-chapters-grid:hover .exhibit-chapter:after {
opacity: .5;
transition: all .25s; }
body.themes__night-train .exhibit-chapters-grid:hover .exhibit-chapter:hover:after {
opacity: 0;
z-index: -1;
transition: all .25s; }
body.themes__night-train .exhibit-chapters-grid:hover .exhibit-chapter:hover .exhibit-chapter-content .exhibit-chapter-headline svg {
transform: translate(20px, -10px);
transition: all .25s; }
body.themes__night-train .exhibit-chapter {
position: relative;
display: flex;
width: 50%;
min-width: 300px;
min-height: 200px;
margin: -1px;
border: 2px solid #755947;
background-color: var(--color-light);
overflow: hidden; }
body.themes__night-train .exhibit-chapter.night-train-default {
background-color: #29282B; }
body.themes__night-train .exhibit-chapter.night-train-default .exhibit-chapter-oval {
background: #897F71; }
body.themes__night-train .exhibit-chapter.night-train-default .exhibit-chapter-content .exhibit-chapter-text {
color: #fff; }
body.themes__night-train .exhibit-chapter.night-train-default .exhibit-chapter-content .exhibit-chapter-headline {
color: #fff; }
body.themes__night-train .exhibit-chapter.night-train-default .exhibit-chapter-content .exhibit-chapter-tagline {
color: #F0B23A; }
body.themes__night-train .exhibit-chapter.night-train-blue {
--color-text: #4D5B9A;
--color-dark: #5280BE;
--color-light: #D9E8FF;
--color-accent: #6A79AA; }
body.themes__night-train .exhibit-chapter.night-train-brown {
--color-text: #755947;
--color-dark: #524433;
--color-light: #D0BBA3;
--color-accent: #897F71; }
body.themes__night-train .exhibit-chapter.night-train-green {
--color-text: #47573A;
--color-dark: #909B48;
--color-light: #BBD6B2;
--color-accent: #538D80; }
body.themes__night-train .exhibit-chapter.night-train-orange {
--color-text: #A8572D;
--color-dark: #EB9C48;
--color-light: #F9D7B9;
--color-accent: #F7747C; }
body.themes__night-train .exhibit-chapter.night-train-red {
--color-text: #8F2912;
--color-dark: #F7747C;
--color-light: #FCDBDD;
--color-accent: #F7747C; }
body.themes__night-train .exhibit-chapter.night-train-teal {
--color-text: #416E63;
--color-dark: #416E63;
--color-light: #B0CCC5;
--color-accent: #909B48; }
body.themes__night-train .exhibit-chapter.night-train-yellow {
--color-text: #A8572D;
--color-dark: #EB9C48;
--color-light: #F7ECC3;
--color-accent: #EB9C48; }
body.themes__night-train .exhibit-chapter:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("../../images/bg-texture-color-overlay.png");
opacity: .4; }
body.themes__night-train .exhibit-chapter:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #141414;
opacity: 0;
transition: all .25s; }
body.themes__night-train .exhibit-chapter .exhibit-chapter-oval {
position: absolute;
top: -50px;
left: -250px;
width: 500px;
height: 500px;
border-radius: 50%;
background: var(--color-dark);
opacity: .3; }
body.themes__night-train .exhibit-chapter .exhibit-chapter-link {
position: relative;
display: flex;
width: 100%;
height: auto;
padding: 30px 45px; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .exhibit-chapter .exhibit-chapter-link {
align-items: center;
padding: 20px 30px; } }
body.themes__night-train .exhibit-chapter .exhibit-chapter-content {
width: 67%; }
body.themes__night-train .exhibit-chapter .exhibit-chapter-content .exhibit-chapter-text {
font-family: "Sequel100Wide", sans-serif;
font-size: 14px;
line-height: 1.1428571429;
color: #524433;
margin: 0; }
body.themes__night-train .exhibit-chapter .exhibit-chapter-content .exhibit-chapter-headline {
display: inline-block;
font-family: "alternate-gothic-extra-cond", sans-serif;
font-size: 40px;
line-height: 1;
font-weight: bold;
color: #524433;
letter-spacing: 1.3px;
text-transform: uppercase;
margin-top: 15px;
margin-bottom: 0; }
body.themes__night-train .exhibit-chapter .exhibit-chapter-content .exhibit-chapter-headline span {
display: inline;
margin-right: 5px; }
body.themes__night-train .exhibit-chapter .exhibit-chapter-content .exhibit-chapter-headline svg {
display: inline;
width: 25px;
height: 25px;
transform: translate(0, -10px);
transition: all .25s; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .exhibit-chapter .exhibit-chapter-content .exhibit-chapter-headline svg {
transform: translate(0, -5px); } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .exhibit-chapter .exhibit-chapter-content .exhibit-chapter-headline {
font-size: 28px;
line-height: 1.0714285714; } }
body.themes__night-train .exhibit-chapter .exhibit-chapter-content .exhibit-chapter-tagline {
font-family: "alternate-gothic-extra-cond", sans-serif;
font-size: 28px;
line-height: 1.0714285714;
font-weight: bold;
color: var(--color-text);
letter-spacing: 1.1px;
text-transform: uppercase;
margin-top: 5px;
margin-bottom: 0; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .exhibit-chapter .exhibit-chapter-content {
width: 100%; } }
body.themes__night-train .exhibit-chapter .exhibit-chapter-figure {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 33%;
height: 100%; }
body.themes__night-train .exhibit-chapter .exhibit-chapter-figure .exhibit-chapter-figure-img {
border-top-left-radius: 50%;
border-bottom-left-radius: 50%; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .exhibit-chapter .exhibit-chapter-figure {
display: none; } }
@media all and (max-width: 59.9375em) {
body.themes__night-train .exhibit-chapter {
width: 100%;
min-height: 200px; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .exhibit-chapter {
min-height: auto; } }
body.themes__night-train .largeHero {
position: relative;
display: flex;
justify-content: flex-end;
padding-bottom: 250px;
background-color: var(--color-light); }
body.themes__night-train .largeHero:not(.night-train-parent):before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("../../images/bg-texture-color-overlay.png");
opacity: .4; }
body.themes__night-train .largeHero.night-train-default .largeHero__chapter {
color: #fff; }
body.themes__night-train .largeHero.night-train-default .largeHero__headline {
color: #fff; }
body.themes__night-train .largeHero.night-train-default .largeHero__tagline {
color: #F0B23A; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .largeHero {
flex-direction: column;
align-items: flex-end;
padding-top: 130px;
padding-bottom: 100px; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .largeHero {
padding-top: 100px;
padding-bottom: 45px; } }
body.themes__night-train .largeHero .largeHero__oval {
position: absolute;
top: -512px;
left: -632px;
width: 1024px;
height: 1024px;
border-radius: 50%;
background-color: var(--color-dark);
opacity: .3;
z-index: 0; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .largeHero .largeHero__oval {
top: -20px;
left: -220px;
width: 480px;
height: 480px; } }
body.themes__night-train .largeHero .largeHero__logo {
align-items: center;
margin-bottom: 30px;
z-index: 1; }
body.themes__night-train .largeHero .largeHero__logo.largeHero__logo-mobile {
display: none;
margin-left: auto;
margin-right: auto; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .largeHero .largeHero__logo.largeHero__logo-mobile {
display: flex;
width: 300px; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .largeHero .largeHero__logo.largeHero__logo-mobile {
width: 200px; } }
body.themes__night-train .largeHero .largeHero__logo.largeHero__logo-desktop {
display: flex;
width: 70%; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .largeHero .largeHero__logo.largeHero__logo-desktop {
display: none; } }
body.themes__night-train .largeHero .largeHero__figure-container {
display: flex;
width: 67%;
z-index: 1; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .largeHero .largeHero__figure-container {
width: 100%;
padding-left: 30px;
padding-right: 30px; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .largeHero .largeHero__figure-container {
padding-left: 15px;
padding-right: 15px; } }
body.themes__night-train .largeHero .largeHero__figure-container .largeHero__figure {
width: 100%;
height: auto;
padding-top: 67%; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .largeHero .largeHero__figure-container .largeHero__figure {
padding-top: 60%; }
body.themes__night-train .largeHero .largeHero__figure-container .largeHero__figure:before {
padding-top: 0; } }
body.themes__night-train .largeHero .largeHero__figure-container .largeHero__figure .largeHero__figure-img {
border-bottom-left-radius: 60%; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .largeHero .largeHero__figure-container .largeHero__figure .largeHero__figure-img {
border-bottom-left-radius: 0; } }
body.themes__night-train .largeHero .largeHero__container {
position: absolute;
left: 0;
right: 0;
bottom: 100px;
width: 100%;
z-index: 1; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .largeHero .largeHero__container {
position: relative;
bottom: 0; } }
body.themes__night-train .largeHero .largeHero__row {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
width: 100%;
margin: 0;
padding: 0; }
body.themes__night-train .largeHero .largeHero__col {
display: flex;
padding: 0 15px; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .largeHero .largeHero__col {
justify-content: flex-start;
width: 100%; } }
body.themes__night-train .largeHero .largeHero__col:first-child {
width: 40%; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .largeHero .largeHero__col:first-child {
order: 2;
width: 100%;
padding-left: 0;
padding-right: 0; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .largeHero .largeHero__col:first-child {
padding-left: 0;
padding-right: 0; } }
body.themes__night-train .largeHero .largeHero__col:last-child {
width: 60%; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .largeHero .largeHero__col:last-child {
order: 1;
width: 100%;
justify-content: flex-start;
padding-left: 0;
padding-right: 0; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .largeHero .largeHero__col:last-child {
padding-left: 0;
padding-right: 0; } }
body.themes__night-train .largeHero .largeHero__header {
margin-top: 40px; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .largeHero .largeHero__header {
margin-left: 0; } }
body.themes__night-train .largeHero .largeHero__chapter {
font-family: "Sequel100Wide", sans-serif;
font-size: 14px;
line-height: 1.1428571429;
color: #524433;
margin: 0 0 15px; }
body.themes__night-train .largeHero .largeHero__headline {
font-family: "alternate-gothic-extra-cond", sans-serif;
font-size: 80px;
line-height: 0.875;
font-weight: bold;
text-transform: uppercase;
letter-spacing: -0.2px;
color: #524433;
margin: 0; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .largeHero .largeHero__headline {
font-size: 40px;
line-height: 1;
letter-spacing: 1.3px; } }
body.themes__night-train .largeHero .largeHero__tagline {
font-family: "alternate-gothic-extra-cond", sans-serif;
font-size: 40px;
line-height: 1;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1.3px;
color: var(--color-text);
margin-top: 5px; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .largeHero .largeHero__tagline {
font-size: 28px;
line-height: 1.0714285714;
letter-spacing: 1.1px; } }
body.themes__night-train .largeHero .largeHero__record {
width: 100%;
max-width: 600px; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .largeHero .largeHero__record {
margin-top: -125px; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .largeHero .largeHero__record {
margin-top: -60px; } }
@media all and (max-width: 59.9375em) {
body.themes__night-train .largeHero .largeHero__record.no-cutout {
margin-top: 30px; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .largeHero .largeHero__record.no-cutout {
margin-top: 30px; } }
body.themes__night-train .largeHero .largeHero__record .largeHero__record-figure {
max-width: 600px;
transform: none; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .largeHero .largeHero__record .largeHero__record-figure {
display: block;
max-width: 400px; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .largeHero .largeHero__record .largeHero__record-figure {
max-width: 200px; } }
body.themes__night-train .largeHero .largeHero__record .largeHero__record-figure .largeHero__record-figure-img {
-webkit-animation: none;
animation: none; }
body.themes__night-train .largeHero .largeHero__intro-text {
font-family: "Libre Franklin", sans-serif;
font-size: 14px;
line-height: 1.5714285714;
color: #141414;
max-width: 60%;
margin: -50px auto 0;
padding: 0; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .largeHero .largeHero__intro-text {
font-size: 12px;
line-height: 1.5;
margin: 0; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .largeHero .largeHero__intro-text {
max-width: 100%; } }
body.themes__night-train .largeHero .largeHero__hr {
max-width: 60%;
margin: 20px auto 0;
border-top: 5px solid var(--color-accent); }
@media all and (max-width: 59.9375em) {
body.themes__night-train .largeHero .largeHero__hr {
margin-left: 0; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .largeHero .largeHero__hr {
max-width: 100%; } }
body.themes__night-train .largeHero.night-train-parent {
padding-top: 0;
padding-bottom: 120px; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .largeHero.night-train-parent {
padding-bottom: 45px; } }
body.themes__night-train .largeHero.night-train-parent .largeHero__container {
position: relative;
bottom: 0; }
body.themes__night-train .largeHero.night-train-parent .largeHero__row {
align-items: flex-start; }
body.themes__night-train .largeHero.night-train-parent .largeHero__col {
display: block;
position: relative;
padding-left: 15px;
padding-right: 15px; }
body.themes__night-train .largeHero.night-train-parent .largeHero__col:first-child {
width: 45%; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .largeHero.night-train-parent .largeHero__col:first-child {
width: 100%; } }
body.themes__night-train .largeHero.night-train-parent .largeHero__col:nth-child(2) {
width: 50%; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .largeHero.night-train-parent .largeHero__col:nth-child(2) {
width: 100%; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .largeHero.night-train-parent .largeHero__col {
padding-left: 0;
padding-right: 0; } }
body.themes__night-train .largeHero.night-train-parent .largeHero__header {
margin-top: 0; }
body.themes__night-train .largeHero.night-train-parent .largeHero__logo.largeHero__logo-desktop {
width: 100%; }
body.themes__night-train .largeHero.night-train-parent .largeHero__logo.largeHero__logo-mobile {
margin-left: auto;
margin-right: auto; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .largeHero.night-train-parent .largeHero__logo.largeHero__logo-mobile {
max-width: 300px; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .largeHero.night-train-parent .largeHero__logo.largeHero__logo-mobile {
max-width: 200px; } }
body.themes__night-train .largeHero.night-train-parent .largeHero__headline {
font-size: 60px;
line-height: 0.9833333333;
letter-spacing: normal; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .largeHero.night-train-parent .largeHero__headline {
font-size: 40px;
line-height: 1; } }
body.themes__night-train .largeHero.night-train-parent .largeHero__tagline {
color: #5280BE;
margin-top: 5px; }
body.themes__night-train .largeHero.night-train-parent .largeHero__intro-text {
max-width: 60%;
margin: 25px 0 0;
padding: 0 15px;
font-family: "VoltaRegular";
font-size: 28px;
line-height: 1.4285714286; }
body.themes__night-train .largeHero.night-train-parent .largeHero__intro-text:first-letter {
float: left;
font-family: "VoltaBold";
font-size: 86px;
line-height: 0.3720930233;
color: #AA0534;
padding-top: 25px;
padding-bottom: 0;
padding-left: 0;
padding-right: 25px; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .largeHero.night-train-parent .largeHero__intro-text:first-letter {
font-size: 72px;
line-height: 0.4444444444;
padding-top: 20px;
padding-right: 5px; } }
@media all and (max-width: 59.9375em) {
body.themes__night-train .largeHero.night-train-parent .largeHero__intro-text {
max-width: 100%; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .largeHero.night-train-parent .largeHero__intro-text {
font-size: 24px;
line-height: 1.4166666667;
padding-left: 0;
padding-right: 0; } }
body.themes__night-train .largeHero.night-train-parent .largeHero__figure-container {
width: 100%; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .largeHero.night-train-parent .largeHero__figure-container {
padding-left: 0;
padding-right: 0; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .largeHero.night-train-parent .largeHero__figure-container {
padding-left: 0;
padding-right: 0; } }
body.themes__night-train .largeHero.night-train-parent .largeHero__figure-container .largeHero__figure .largeHero__figure-img {
border-bottom-left-radius: 0; }
body.themes__night-train .largeHero.night-train-parent .largeHero__record {
position: absolute;
right: -10%;
bottom: -50%;
width: 75%;
max-width: 460px; }
body.themes__night-train .largeHero.night-train-parent .largeHero__record .largeHero__record-figure {
width: 100%;
max-width: 460px; }
@media all and (max-width: 59.9375em) {
body.themes__night-train .largeHero.night-train-parent .largeHero__record {
position: relative;
width: 100%;
right: 0;
bottom: 0;
margin-top: -115px;
margin-left: auto;
margin-right: auto; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .largeHero.night-train-parent .largeHero__record {
margin-top: -75px; } }
@media all and (max-width: 59.9375em) {
body.themes__night-train .largeHero.night-train-parent .largeHero__record.no-cutout {
margin-top: 30px; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .largeHero.night-train-parent .largeHero__record.no-cutout {
margin-top: 30px; } }
body.themes__night-train .landingContent {
position: relative;
background-image: none;
background-color: #E6E5E3;
padding: 100px 0; }
body.themes__night-train .landingContent:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("../../images/bg-texture-white-or-grey.png"); }
@media all and (max-width: 47.9375em) {
body.themes__night-train .landingContent {
padding: 45px 0; } }
body.themes__night-train .landingContent.night-train-parent .landingContent__text p:first-of-type:first-letter {
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
padding: 0; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .landingContent.night-train-parent .landingContent__text p {
font-size: 20px;
line-height: 1.3;
margin: 0;
padding: 0; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .landingContent.night-train-parent .landingContent__text {
padding: 0 15px; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .landingContent.night-train-parent {
padding: 45px 0; } }
body.themes__night-train .landingContent .landingContent__row {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%; }
body.themes__night-train .landingContent .landingContent__col {
margin: 0 auto;
padding: 0; }
body.themes__night-train .landingContent .landingContent__figure {
position: relative;
max-width: 100%; }
body.themes__night-train .landingContent .landingContent__figure:first-of-type {
top: 0; }
body.themes__night-train .landingContent .landingContent__figure.landingContent__figure-3 {
padding-top: 75px; }
body.themes__night-train .landingContent .landingContent__figcaption {
font-family: "Libre Franklin", sans-serif;
font-size: 14px;
line-height: 1.5714285714;
color: rgba(62, 62, 62, 0.9);
margin-top: 15px; }
body.themes__night-train .landingContent .landingContent__text {
padding: 0 75px; }
body.themes__night-train .landingContent .landingContent__text p {
font-family: "VoltaRegular";
font-size: 28px;
line-height: 1.4285714286;
color: #141414; }
body.themes__night-train .landingContent .landingContent__text p:first-of-type:first-letter {
font-family: "VoltaBold";
font-size: 86px;
line-height: 0.3720930233;
color: var(--color-text);
padding-top: 25px;
padding-bottom: 0;
padding-left: 0;
padding-right: 25px; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .landingContent .landingContent__text p:first-of-type:first-letter {
font-size: 72px;
line-height: 0.4444444444;
padding-top: 15px;
padding-right: 5px; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .landingContent .landingContent__text p {
font-size: 20px;
line-height: 1.6;
margin: 0;
padding: 0; } }
@media all and (max-width: 59.9375em) {
body.themes__night-train .landingContent .landingContent__text {
padding: 0 30px; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .landingContent .landingContent__text {
padding: 0 15px; } }
body.themes__night-train .landingContent + .fullWidthGallery {
padding-top: 0; }
body.themes__night-train .exhibitAudioPlayer {
height: auto; }
body.themes__night-train .exhibitAudioPlayer .exhibitAudioPlayer__heading {
font-family: "alternate-gothic-extra-cond", sans-serif;
font-size: 60px;
line-height: 1.1666666667;
font-weight: bold;
color: #524433;
text-transform: uppercase; }
body.themes__night-train .exhibitAudioPlayer .exhibitAudioPlayer__display-subhead {
font-family: "VoltaMediumItalic";
font-size: 20px;
line-height: 1.6;
font-weight: 500;
color: var(--color-text); }
body.themes__night-train .exhibitAudioPlayer .exhibitAudioPlayer__display-track {
font-family: "alternate-gothic-extra-cond", sans-serif;
font-size: 28px;
line-height: 1.6428571429;
font-weight: bold;
color: #524433;
letter-spacing: 1.1px; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .exhibitAudioPlayer .exhibitAudioPlayer__display-track {
font-size: 22px;
line-height: 1.1363636364;
letter-spacing: 0.86px; } }
body.themes__night-train .exhibitAudioPlayer .exhibitAudioPlayer__controls {
justify-content: center;
margin: 60px auto 0; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .exhibitAudioPlayer .exhibitAudioPlayer__controls {
margin-top: 30px;
margin-bottom: 30px; } }
body.themes__night-train .exhibitAudioPlayer .exhibitAudioPlayer__btn {
color: var(--color-text); }
body.themes__night-train .exhibitAudioPlayer .exhibitAudioPlayer__btn.js-next svg, body.themes__night-train .exhibitAudioPlayer .exhibitAudioPlayer__btn.js-prev svg {
width: 33px;
height: 17px; }
body.themes__night-train .exhibitAudioPlayer .exhibitAudioPlayer__track, body.themes__night-train .exhibitAudioPlayer .miniAudioPlayer__track {
font-family: "Sequel100Wide", sans-serif;
font-size: 14px;
line-height: 1.1428571429;
color: #524433;
opacity: .9; }
body.themes__night-train .exhibitAudioPlayer .exhibitAudioPlayer__track svg, body.themes__night-train .exhibitAudioPlayer .miniAudioPlayer__track svg {
color: var(--color-text); }
body.themes__night-train .exhibitAudioPlayer .exhibitAudioPlayer__track.is-active, body.themes__night-train .exhibitAudioPlayer .is-active.miniAudioPlayer__track {
color: var(--color-text);
opacity: 1; }
body.themes__night-train .exhibitAudioPlayer .exhibitAudioPlayer__track.is-active svg, body.themes__night-train .exhibitAudioPlayer .is-active.miniAudioPlayer__track svg {
color: var(--color-text); }
body.themes__night-train .exhibitAudioPlayer .exhibitAudioPlayer__tracklist, body.themes__night-train .exhibitAudioPlayer .miniAudioPlayer__tracklist {
max-height: 300px;
overflow-y: scroll; }
body.themes__night-train .miniAudioPlayer .miniAudioPlayer__track {
font-family: "Sequel100Wide", sans-serif;
font-size: 14px;
line-height: 1.1428571429;
color: #524433;
opacity: .9; }
body.themes__night-train .miniAudioPlayer .miniAudioPlayer__track svg {
color: var(--color-text); }
body.themes__night-train .miniAudioPlayer .miniAudioPlayer__track.is-active {
color: var(--color-text);
opacity: 1; }
body.themes__night-train .miniAudioPlayer .miniAudioPlayer__track.is-active svg {
color: var(--color-text); }
body.themes__night-train .imageGallery {
padding: 0 0 80px; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .imageGallery {
padding: 0; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .imageGallery .imageGallery__arrows {
margin-top: 20px; } }
body.themes__night-train .imageGallery .imageGallery__heading {
font-family: "alternate-gothic-extra-cond", sans-serif;
font-size: 60px;
line-height: 1.1666666667;
font-weight: bold;
color: #524433;
text-transform: uppercase; }
body.themes__night-train .fullWidthGallery .fullWidthGallery__slide {
transform: scale(1); }
body.themes__night-train .fullWidthGallery .fullWidthGallery__slide.slick-active {
transform: scale(1); }
body.themes__night-train .fullWidthGallery .fullWidthGallery__figcaption {
display: block;
min-height: 64px;
padding: 0; }
@media all and (max-width: 77.4375em) {
body.themes__night-train .fullWidthGallery .fullWidthGallery__figcaption {
max-width: 500px; } }
@media all and (max-width: 59.9375em) {
body.themes__night-train .fullWidthGallery .fullWidthGallery__figcaption {
max-width: 300px; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .fullWidthGallery .fullWidthGallery__figcaption {
max-width: 180px; } }
body.themes__night-train .fullWidthGallery .fullWidthGallery__image-title {
font-family: "alternate-gothic-extra-cond", sans-serif;
font-size: 34px;
line-height: 1;
color: #524433; }
body.themes__night-train .fullWidthGallery .fullWidthGallery__image-caption {
font-family: "Libre Franklin", sans-serif;
font-size: 14px;
line-height: 1.5714285714;
color: rgba(62, 62, 62, 0.9); }
body.themes__night-train .fullWidthGallery .fullWidthGallery__arrows {
transform: translateY(-100%); }
@media all and (max-width: 47.9375em) {
body.themes__night-train .fullWidthGallery .fullWidthGallery__arrows {
margin-top: -20px; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .fullWidthGallery .fullWidthGallery__arrows .wrappers__wrapper, body.themes__night-train .fullWidthGallery .fullWidthGallery__arrows .exhibitAudioPlayer__wrapper, body.themes__night-train .fullWidthGallery .fullWidthGallery__arrows .singleVideo__wrapper, body.themes__night-train .fullWidthGallery .fullWidthGallery__arrows .fullWidthGallery__figcaption {
width: 100%; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .fullWidthGallery .fullWidthGallery__arrows .js-slider-arrows {
display: flex;
justify-content: space-between; } }
body.themes__night-train .fullWidthGallery .imageGallery__control svg {
width: 64px;
height: 64px; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .fullWidthGallery .imageGallery__control svg {
width: 45px;
height: 45px; } }
body.themes__night-train .fullWidthImage .fullWidthImage__caption {
font-family: "Libre Franklin", sans-serif;
font-size: 14px;
line-height: 1.5714285714;
color: rgba(62, 62, 62, 0.9); }
body.themes__night-train .wysiwygFlex .wysiwygFlex__wysiwyg.wysiwyg h1, body.themes__night-train .wysiwygFlex .wysiwyg.fullWidthImage__figure-img h1, body.themes__night-train .wysiwygFlex .wysiwygFlex__wysiwyg.wysiwyg h2, body.themes__night-train .wysiwygFlex .wysiwyg.fullWidthImage__figure-img h2, body.themes__night-train .wysiwygFlex .wysiwygFlex__wysiwyg.wysiwyg h3, body.themes__night-train .wysiwygFlex .wysiwyg.fullWidthImage__figure-img h3, body.themes__night-train .wysiwygFlex .wysiwygFlex__wysiwyg.wysiwyg h4, body.themes__night-train .wysiwygFlex .wysiwyg.fullWidthImage__figure-img h4, body.themes__night-train .wysiwygFlex .wysiwygFlex__wysiwyg.wysiwyg h5, body.themes__night-train .wysiwygFlex .wysiwyg.fullWidthImage__figure-img h5, body.themes__night-train .wysiwygFlex .wysiwygFlex__wysiwyg.wysiwyg h6, body.themes__night-train .wysiwygFlex .wysiwyg.fullWidthImage__figure-img h6 {
font-family: "alternate-gothic-extra-cond", sans-serif;
font-weight: bold;
color: #524433;
text-transform: uppercase; }
body.themes__night-train .wysiwygFlex .wysiwygFlex__wysiwyg.wysiwyg h2, body.themes__night-train .wysiwygFlex .wysiwyg.fullWidthImage__figure-img h2 {
font-size: 60px;
line-height: 1.1666666667; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .wysiwygFlex .wysiwygFlex__wysiwyg.wysiwyg h2, body.themes__night-train .wysiwygFlex .wysiwyg.fullWidthImage__figure-img h2 {
font-size: 28px;
line-height: 1.0714285714; } }
body.themes__night-train .wysiwygFlex .wysiwygFlex__wysiwyg.wysiwyg h3, body.themes__night-train .wysiwygFlex .wysiwyg.fullWidthImage__figure-img h3 {
font-size: 28px;
line-height: 1.6428571429; }
body.themes__night-train .wysiwygFlex .wysiwygFlex__wysiwyg.wysiwyg p, body.themes__night-train .wysiwygFlex .wysiwyg.fullWidthImage__figure-img p {
font-family: "VoltaRegular";
font-size: 20px;
line-height: 1.6;
color: #141414; }
body.themes__night-train .wysiwygFlex .wysiwygFlex__wysiwyg.wysiwyg p:first-of-type:first-letter, body.themes__night-train .wysiwygFlex .wysiwyg.fullWidthImage__figure-img p:first-of-type:first-letter {
float: none;
font-family: "VoltaRegular";
font-size: 20px;
line-height: 1.6;
color: #141414;
padding: 0; }
body.themes__night-train .wysiwygFlex .wysiwygFlex__aside .imageCaption__heading, body.themes__night-train .wysiwygFlex .fullWidthImage__figcaption .imageCaption__heading, body.themes__night-train .wysiwygFlex .wysiwygFlex__aside .imageCaption__modal-heading, body.themes__night-train .wysiwygFlex .fullWidthImage__figcaption .imageCaption__modal-heading, body.themes__night-train .wysiwygFlex .wysiwygFlex__aside .imageGallery__modal-heading, body.themes__night-train .wysiwygFlex .fullWidthImage__figcaption .imageGallery__modal-heading, body.themes__night-train .wysiwygFlex .wysiwygFlex__aside .fullWidthImage__heading, body.themes__night-train .wysiwygFlex .fullWidthImage__figcaption .fullWidthImage__heading {
font-family: "Sequel100Wide", sans-serif;
color: #524433; }
body.themes__night-train .wysiwygFlex .wysiwygFlex__aside .imageCaption__caption, body.themes__night-train .wysiwygFlex .fullWidthImage__figcaption .imageCaption__caption, body.themes__night-train .wysiwygFlex .wysiwygFlex__aside .imageCaption__modal-caption, body.themes__night-train .wysiwygFlex .fullWidthImage__figcaption .imageCaption__modal-caption, body.themes__night-train .wysiwygFlex .wysiwygFlex__aside .imageGallery__modal-caption, body.themes__night-train .wysiwygFlex .fullWidthImage__figcaption .imageGallery__modal-caption, body.themes__night-train .wysiwygFlex .wysiwygFlex__aside .fullWidthImage__caption, body.themes__night-train .wysiwygFlex .fullWidthImage__figcaption .fullWidthImage__caption {
font-family: "Libre Franklin", sans-serif;
color: rgba(65, 64, 66, 0.9); }
body.themes__night-train .pullquote {
margin-top: 48px;
margin-bottom: 48px; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .pullquote .pullquote__block {
margin: 0;
padding: 0; } }
body.themes__night-train .pullquote .pullquote__inner {
border-color: var(--color-accent);
border-top-width: 0;
border-bottom-width: 5px; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .pullquote .pullquote__inner {
padding-top: 0; } }
body.themes__night-train .pullquote .pullquote__copy {
font-family: "VoltaMediumItalic";
font-size: 28px;
line-height: 1.4285714286;
color: #141414;
font-style: italic;
font-weight: 500;
letter-spacing: -0.2px; }
body.themes__night-train .pullquote .pullquote__cite {
font-family: "VoltaMediumItalic";
font-size: 22px;
line-height: 1.8181818182;
color: #3E3E3E;
font-style: italic;
font-weight: 500;
letter-spacing: -0.16px;
text-transform: none; }
body.themes__night-train .featuredImageText .featuredImageText__text {
font-family: "alternate-gothic-extra-cond", sans-serif;
font-size: 80px;
line-height: 1.5;
font-weight: bold;
text-transform: uppercase;
letter-spacing: -0.2px; }
body.themes__night-train .doubleImageCallout .doubleImageCallout__figcaption p {
font-family: "Libre Franklin", sans-serif;
font-size: 14px;
line-height: 1.5714285714; }
body.themes__night-train .videoPlayer h2 {
font-family: "alternate-gothic-extra-cond", sans-serif;
font-size: 60px;
line-height: 1.1666666667;
font-weight: bold;
color: #524433;
text-transform: uppercase; }
body.themes__night-train .videoPlayer h2 span {
background-color: #fff;
background-image: url("../../images/bg-texture-white-or-grey.png"); }
body.themes__night-train .videoPlayer .videoPlayer__title {
font-family: "alternate-gothic-extra-cond", sans-serif;
font-size: 28px;
line-height: 1.6428571429;
font-weight: bold;
color: #524433;
text-transform: uppercase; }
body.themes__night-train .videoPlayer p {
font-family: "VoltaRegular";
font-size: 20px;
line-height: 1.6;
color: #141414; }
body.themes__night-train .videoPlayer a {
color: #F0B23A; }
body.themes__night-train .videoPlayer a:hover {
color: #CC8A00; }
body.themes__night-train .featuredVideo .featuredVideo__title {
font-family: "alternate-gothic-extra-cond", sans-serif;
font-size: 28px;
line-height: 1.6428571429;
font-weight: bold;
color: #524433;
text-transform: uppercase;
margin: 0; }
body.themes__night-train .featuredVideo .featuredVideo__caption {
font-family: "VoltaRegular";
font-size: 20px;
line-height: 1.6;
color: #141414; }
body.themes__night-train .exhibitNextPrev {
position: relative;
background-image: none;
background-color: var(--color-light); }
body.themes__night-train .exhibitNextPrev:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("../../images/bg-texture-color-overlay.png");
opacity: .4; }
body.themes__night-train .exhibitNextPrev.night-train-default .exhibitNextPrev__nav-link--next,
body.themes__night-train .exhibitNextPrev.night-train-default .exhibitNextPrev__nav-link--prev {
color: #fff; }
body.themes__night-train .exhibitNextPrev.night-train-default .exhibitNextPrev__cards-chapter {
color: #fff; }
body.themes__night-train .exhibitNextPrev.night-train-default .exhibitNextPrev__cards-heading {
color: #fff; }
body.themes__night-train .exhibitNextPrev.night-train-default .exhibitNextPrev__card-subheading {
color: #F0B23A; }
body.themes__night-train .exhibitNextPrev .exhibitNextPrev__nav-link--next,
body.themes__night-train .exhibitNextPrev .exhibitNextPrev__nav-link--prev {
color: var(--color-text);
z-index: 1; }
body.themes__night-train .exhibitNextPrev .exhibitNextPrev__nav-link--next span,
body.themes__night-train .exhibitNextPrev .exhibitNextPrev__nav-link--prev span {
border-color: var(--color-text); }
body.themes__night-train .exhibitNextPrev .exhibitNextPrev__nav-link--next svg,
body.themes__night-train .exhibitNextPrev .exhibitNextPrev__nav-link--prev svg {
color: #141414; }
body.themes__night-train .exhibitNextPrev .exhibitNextPrev__nav-link--next span {
transform: none; }
body.themes__night-train .exhibitNextPrev .exhibitNextPrev__nav-link--next:hover span {
transform: translateX(10px);
transition: all .25s; }
body.themes__night-train .exhibitNextPrev .exhibitNextPrev__nav-link--prev span {
transform: rotate(180deg); }
body.themes__night-train .exhibitNextPrev .exhibitNextPrev__nav-link--prev:hover span {
transform: rotate(180deg) translateX(10px);
transition: all .25s; }
body.themes__night-train .exhibitNextPrev .exhibitNextPrev__cards {
display: flex; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .exhibitNextPrev .exhibitNextPrev__cards {
flex-direction: column; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .exhibitNextPrev .exhibitNextPrev__card--prev {
order: 2;
margin-top: 40px; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .exhibitNextPrev .exhibitNextPrev__card--next {
order: 1;
margin-top: 0; } }
body.themes__night-train .exhibitNextPrev .exhibitNextPrev__card--next .exhibitNextPrev__nav-link--next {
flex-direction: row-reverse;
justify-content: flex-end;
-moz-column-gap: 18px;
column-gap: 18px; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .exhibitNextPrev .exhibitNextPrev__card-figure {
flex-direction: column; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .exhibitNextPrev .exhibitNextPrev__card-img {
width: 100%;
box-shadow: none; } }
@media all and (max-width: 47.9375em) {
body.themes__night-train .exhibitNextPrev .exhibitNextPrev__card-img:before {
padding-top: 67%; } }
body.themes__night-train .exhibitNextPrev .exhibitNextPrev__card-figcaption {
margin-left: 0; }
body.themes__night-train .exhibitNextPrev .exhibitNextPrev__cards-chapter {
font-family: "Sequel100Wide", sans-serif;
font-size: 14px;
line-height: 1.1428571429;
color: #524433; }
body.themes__night-train .exhibitNextPrev .exhibitNextPrev__cards-heading {
font-family: "alternate-gothic-extra-cond", sans-serif;
font-size: 40px;
line-height: 1;
font-weight: bold;
letter-spacing: 1.3px;
text-transform: uppercase;
color: #524433; }
body.themes__night-train .exhibitNextPrev .exhibitNextPrev__card-subheading {
font-family: "alternate-gothic-extra-cond", sans-serif;
font-size: 28px;
line-height: 1.0714285714;
font-weight: bold;
letter-spacing: 1.1px;
text-transform: uppercase;
color: var(--color-text); }
body.themes__night-train .exhibitPartsList .exhibitPartsList__link {
transition: all .25s; }
body.themes__night-train .exhibitPartsList .exhibitPartsList__link.current {
color: #C28100;
text-decoration: none; }
body.themes__night-train .exhibitPartsList .exhibitPartsList__link:hover {
color: #C28100;
text-decoration: none;
transition: all .25s; }
@media all and (max-width: 47.9375em) {
body.themes__night-train .exhibitFooter .exhibitFooter__ackonwledgements--header {
font-size: 20px; } }
/*# sourceMappingURL=../../build/css/maps/exhibits.min.css.map */