/* normalize-scss 3.0.1+normalize.3.0.1 | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Base ========================================================================== */
/** Establish a vertical rhythm unit using $base-font-size, $base-line-height, and $rhythm-unit variables. Also, correct text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. */
html { font-size: 100%; line-height: 1.5em; }

/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ *display: inline; *zoom: 1; vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. */
[hidden] { display: none; }

/** Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Set 1 unit of vertical rhythm on the top and bottom margin. */
blockquote { margin: 1.5em 40px; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { /* Set the font-size and line-height while keeping a proper vertical rhythm. */ font-size: 2em; line-height: 1.5em; /* Set 1 unit of vertical rhythm on the top and bottom margins. */ margin-top: 0.75em; margin-bottom: 0.75em; }

h2 { font-size: 1.5em; line-height: 2em; margin-top: 1em; margin-bottom: 1em; }

h3 { font-size: 1.17em; line-height: 1.28205em; margin-top: 1.28205em; margin-bottom: 1.28205em; }

h4 { font-size: 1em; line-height: 1.5em; margin-top: 1.5em; margin-bottom: 1.5em; }

h5 { font-size: 0.83em; line-height: 1.80723em; margin-top: 1.80723em; margin-bottom: 1.80723em; }

h6 { font-size: 0.67em; line-height: 2.23881em; margin-top: 2.23881em; margin-bottom: 2.23881em; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Set 1 unit of vertical rhythm on the top and bottom margin. */
p, pre { margin: 1.5em 0; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Lists ========================================================================== */
/** Address margins set differently in IE 6/7. */
dl, menu, ol, ul { margin: 1.5em 0; }

dd { margin: 0 0 0 40px; }

/** Address paddings set differently in IE 6/7. */
menu, ol, ul { padding: 0 0 0 40px; }

/** Correct list images handled incorrectly in IE 7. */
nav ul, nav ol { list-style: none; list-style-image: none; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; /* Improve image quality when scaled in IE 7. */ -ms-interpolation-mode: bicubic; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1.5em 40px; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** Correct margin displayed oddly in IE 6/7. */
form { margin: 0; }

/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. 4. Address `font-family` inconsistency between `textarea` and other form in IE 7 5. Improve appearance and consistency with IE 6/7. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ *font-family: sans-serif; /* 4 */ *vertical-align: middle; /* 5 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. 4. Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. 3. Remove excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; /* 2 */ /** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */ }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { margin: 0 2px; /* Apply borders and padding that keep the vertical rhythm. */ border-color: #c0c0c0; border-top-width: 0.0625em; border-top-style: solid; padding-top: 0.4625em; border-bottom-width: 0.0625em; border-bottom-style: solid; padding-bottom: 0.9125em; border-left-width: 0.0625em; border-left-style: solid; padding-left: 0.875em; border-right-width: 0.0625em; border-right-style: solid; padding-right: 0.875em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. 3. Correct alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ *margin-left: -7px; /* 3 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

@font-face { font-family: 'courier_maccaronebold'; src: url("webfont/couriermaccarone-bold-lg-webfont.eot"); src: url("webfont/couriermaccarone-bold-lg-webfont.eot?#iefix") format("embedded-opentype"), url("webfont/couriermaccarone-bold-lg-webfont.woff2") format("woff2"), url("webfont/couriermaccarone-bold-lg-webfont.woff") format("woff"), url("webfont/couriermaccarone-bold-lg-webfont.ttf") format("truetype"); font-weight: 700; font-style: normal; }
@font-face { font-family: 'courier_maccaroneregular'; src: url("webfont/couriermaccarone-regular-lg-webfont.eot"); src: url("webfont/couriermaccarone-regular-lg-webfont.eot?#iefix") format("embedded-opentype"), url("webfont/couriermaccarone-regular-lg-webfont.woff2") format("woff2"), url("webfont/couriermaccarone-regular-lg-webfont.woff") format("woff"), url("webfont/couriermaccarone-regular-lg-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }
/* preventing reflow lazy image setup */
.js .afkl-lazy-wrapper { position: relative; height: 0; overflow: hidden; display: block; }

/* auto size our image */
.afkl-lazy-wrapper .afkl-lazy-image { width: 100%; }

/* default loading state */
.afkl-lazy-image-loading { background-color: #eee; }

/* available ratio's, make your own if they are different on different devices or simply extend */
.afkl-img-ratio-4-2, .afkl-img-ratio-2-1 { padding-bottom: 50%; /* (2/4)*100 */ }

.afkl-img-ratio-16-9 { padding-bottom: 56.25%; /* (9/16)*100 */ }

.afkl-img-ratio-3-2 { padding-bottom: 66.67%; /* now calculation is clear, right :) */ }

.afkl-img-ratio-1-1 { padding-bottom: 100%; }

.afkl-img-ratio-4-3 { padding-bottom: 75%; }

.afkl-img-ratio-3-4 { padding-bottom: 133%; }

html, body { font-family: 'courier_maccaroneregular', "Courier New", Courier, monospace; font-weight: normal; font-style: normal; font-size: 13px; letter-spacing: .03em; line-height: 1.615; -webkit-font-smoothing: antialiased; color: #252525; }

body { padding-top: 65px; }
@media (max-width: 480px) { body { padding-top: 68px; } }

b, strong { font-family: 'courier_maccaronebold', "Courier New", Courier, monospace; font-weight: 700; font-style: normal; }

h1, h2, h3 { font-family: 'courier_maccaronebold', "Courier New", Courier, monospace; font-weight: 700; font-style: normal; margin: 0; text-transform: uppercase; font-weight: normal; }

h1, h2, h3, h4, h5, h6 { font-size: 13px; line-height: 1.615; }

h2 { font-size: 1em; }
h2.section-title { margin-bottom: 15px; }

h3 { font-size: 1em; }

a { color: inherit; text-decoration: none; }

img { max-width: 100%; height: auto; }

p { margin: 0 0 1.615em; }

header { position: fixed; width: 100%; height: 65px; top: 0; left: 0; background-color: #FFF; z-index: 5; line-height: 15px; }
header h1 { float: left; font-size: 15px; }
header h1 a { display: block; padding: 21px 30px; }
header nav { float: left; list-style: none; }
header nav li { float: left; margin-right: 20px; }
@media (max-width: 480px) { header nav li { margin-right: 17px; } }
header nav li a { display: block; padding: 26px 0px 19px; }
header nav li.active-nav a { font-family: 'courier_maccaronebold', "Courier New", Courier, monospace; font-weight: 700; font-style: normal; padding-top: 25px; }
header a { color: inherit; text-decoration: none; }
@media (max-width: 480px) { header { height: 68px; }
  header h1, header nav { float: none; }
  header h1 a { padding: 10px 15px 0px; }
  header nav { padding: 0 15px; overflow: auto; display: block; }
  header nav li a { padding: 6px 0 4px; }
  header nav li.active-nav a { font-family: 'courier_maccaronebold', "Courier New", Courier, monospace; font-weight: 700; font-style: normal; padding-top: 5px; } }

.loading { position: absolute; top: 200px; left: 0; width: 100%; text-align: center; }

.sidebar { position: fixed; top: 65px; left: 30px; max-width: 320px; max-height: -webkit-calc(100% - 65px); max-height: calc(100% - 65px); overflow-y: auto; }
.sidebar h1 a { text-decoration: none; }
.sidebar ul { list-style: none; margin: 0; padding: 0; }
.sidebar ul li { margin: 0; }
.sidebar ul a { text-decoration: none; }
.sidebar .active a, .sidebar a.active { font-family: 'courier_maccaronebold', "Courier New", Courier, monospace; font-weight: 700; font-style: normal; }
@media (max-width: 767px) { .sidebar { max-width: 40%; } }
@media (max-width: 480px) { .sidebar { max-width: none; position: relative; top: auto; left: auto; padding: 0 15px 1em; } }
.no-img-nav .sidebar .press-release-link { padding-top: 20px; }

h1.artist-name a { font-weight: bold; }

.artist-landing-image { position: absolute; width: -webkit-calc(75% - 30px); width: calc(75% - 30px); height: -webkit-calc(100% - 95px); height: calc(100% - 95px); top: 65px; left: 25%; background-repeat: no-repeat; background-position: 0 0; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; }
.artist-landing-image img { display: none; width: 100%; height: auto; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
@media (max-width: 480px) { .artist-landing-image { position: relative; width: auto; height: auto; top: auto; left: auto; bottom: auto; right: auto; width: 100%; height: auto; }
  .artist-landing-image img { display: block; } }

.exhibition-list { list-style: none; margin: 0; padding: 0; }
.exhibition-list li { margin-bottom: 1.5em; position: relative; }
.exhibition-list li a.enddate-link, .exhibition-list li a.loc-link { position: relative; z-index: 2; }
.exhibition-list li a.artist-exh-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.exhibition-list li h3 { font-family: 'courier_maccaroneregular', "Courier New", Courier, monospace; font-weight: normal; font-style: normal; }
.exhibition-list li.hovered h3 { font-family: 'courier_maccaronebold', "Courier New", Courier, monospace; font-weight: 700; font-style: normal; }

.exh-img-caption { margin: 0 0 1em; }
@media (max-width: 480px) { .exh-img-caption { padding: 0 1em; } }

.exh-group { padding-left: 30px; }
.exh-group ul { list-style: none; margin: 0; padding: 0; }
.exh-group ul li { padding: 0 0 60px; }
.exh-group h3 { font-family: 'courier_maccaroneregular', "Courier New", Courier, monospace; font-weight: normal; font-style: normal; }
.exh-group .exh-link-container { margin-right: 30px; }
@media (max-width: 480px) { .exh-group { padding-left: 15px; }
  .exh-group .exh-link-container { margin-right: 15px; } }
.exh-group .hoveredUpcoming.hasLink h3 { font-family: 'courier_maccaronebold', "Courier New", Courier, monospace; font-weight: 700; font-style: normal; }

.artist-exhimg-wrap { position: fixed; width: 27%; bottom: 30px; left: 0; }
.artist-exhimg-wrap ul { margin: 0; padding: 0 30px; list-style: none; }
.artist-exhimg-wrap ul li img { display: block; max-width: 100%; height: auto; }
@media (max-width: 767px) { .artist-exhimg-wrap { display: none; } }

.dl-pdf { padding-bottom: 20px; }

.no-touch .dl-pdf a:HOVER, .no-touch .exh-loc a:HOVER, .no-touch .enddate-link:HOVER, .no-touch nav a:HOVER span, .no-touch .artist-list li a:HOVER, .no-touch .infoPage a:HOVER, .no-touch .sidebar a:HOVER, .no-touch .filter-navigation a:HOVER, .no-touch .exh-artists a:HOVER, .no-touch .exh-artist a:HOVER, .no-touch .pr-pdf-dl a:HOVER { border-bottom: 1px solid #999; }

.no-artists { font-family: 'courier_maccaronebold', "Courier New", Courier, monospace; font-weight: 700; font-style: normal; }

.exh-name.artist-switch { display: none; }

.exh-top-field .exh-name { display: none; }
.exh-top-field.artist-switch { margin-bottom: 20px; }
.exh-top-field.artist-switch .exh-name { display: block; font-family: 'courier_maccaronebold', "Courier New", Courier, monospace; font-weight: 700; font-style: normal; text-transform: uppercase; }
.exh-top-field.artist-switch h1 { font-family: 'courier_maccaroneregular', "Courier New", Courier, monospace; font-weight: normal; font-style: normal; text-transform: none; }

.images-link, .exh-additional { margin-top: 20px; }

.exh-link-container { position: relative; }
.exh-link-container .exh-link-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.exh-link-container.hovered .grid-img, .exh-link-container.hoveredUpcoming .grid-img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.exh-link-container.hovered .exh-artist, .exh-link-container.hovered .exh-title, .exh-link-container.hoveredUpcoming .exh-artist, .exh-link-container.hoveredUpcoming .exh-title { font-family: 'courier_maccaronebold', "Courier New", Courier, monospace; font-weight: 700; font-style: normal; }
.exh-link-container .exh-artist a, .exh-link-container .enddate-link, .exh-link-container .exh-loc a, .exh-link-container .dl-pdf a { position: relative; z-index: 2; }

.no-touch .thumbView .anchorLink:HOVER { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }

.grid-img { display: block; overflow: hidden; height: 180px; margin: 0 0 18px; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; }
.grid-img img { position: relative; display: block; height: 100%; width: auto; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
@media (min-width: 1150px) { .grid-img img { width: 100%; height: auto; left: 0; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

.thumbView .wrapper { position: relative; margin-left: -30px; }
@media (max-width: 480px) { .thumbView .wrapper { margin: 0 0 0 15px; } }

.single-img { position: relative; }
.single-img .anc { position: absolute; top: -65px; left: 0; }
.thumbView .single-img { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; vertical-align: top; width: 49.99%; }
.thumbView .single-img img { cursor: pointer; }
.thumbView .single-img .anchorLink { display: block; padding-left: 30px; margin-bottom: 30px; }
@media (max-width: 480px) { .thumbView .single-img { width: 33.33%; }
  .thumbView .single-img .anchorLink { padding: 0; margin-right: 15px; } }

.artist-list.grid-1 { list-style: none; margin: 0; padding: 0; }
.artist-list.grid-1 li { padding-right: 30px; }
@media (max-width: 767px) { .artist-list.grid-1 { width: 50%; } }
@media (max-width: 480px) { .artist-list.grid-1 { margin: 0 15px; width: auto; } }

.cv-items p { margin: 0 0 10px; }
@media (max-width: 480px) { .cv-items { padding-left: 80px; } }

.cv-item { padding-bottom: 20px; position: relative; }

.cv-date { width: 100px; text-align: right; display: block; position: absolute; top: 0; left: -130px; }
@media (max-width: 480px) { .cv-date { width: 60px; left: -80px; text-align: left; } }

p.indentNegative { text-indent: -8px; }

.grid { margin: 0 30px; padding: 0; list-style: none; }
.grid:after { content: ""; display: table; clear: both; }
@media (max-width: 480px) { .grid { margin: 0; }
  .artist-contents .grid { margin: 15px; } }

.grid-2, .grid-3, .grid-4, .grid-33 { float: left; margin-right: 4%; }

.grid-1 { float: left; width: 25%; }
.grid-1:nth-child(4n+1) { clear: left; }
@media (max-width: 480px) { .grid-1 { width: auto; float: none; } }

.grid-2 { width: 46%; }
.grid-2.last { width: 50%; }

.grid-3 { width: 71%; }
.grid-3.last { width: 75%; }

.grid-4 { width: 96%; }
.grid-4.last { width: 100%; }

.grid-33 { width: 29%; }
.grid-33.last { width: 33%; }

.offset-1 { margin-left: 25%; }

.offset-2 { margin-left: 50%; }

.offset-3 { margin-left: 75%; }

.last { margin-right: 0; }

@media (max-width: 480px) { .grid-2, .grid-3, .grid-4, .grid-33 { width: auto; }
  .grid-2.last, .grid-3.last, .grid-4.last, .grid-33.last { width: auto; }
  .offset-1, .offset-2, .offset-3 { margin-left: 0; } }
@media (max-width: 960px) { .exh-group .grid-1 { width: 33.33%; }
  .exh-group .grid-1:nth-child(4n+1) { clear: none; }
  .exh-group .grid-1:nth-child(3n+1) { clear: left; } }
@media (max-width: 767px) { .exh-group .grid-1 { width: 50%; }
  .exh-group .grid-1:nth-child(4n+1), .exh-group .grid-1:nth-child(3n+1) { clear: none; }
  .exh-group .grid-1:nth-child(2n+1) { clear: left; } }
@media (max-width: 480px) { .exh-group .grid-1 { width: auto; float: none; margin-right: 0; }
  .exh-group .grid-1.last { width: auto; }
  .exh-group .grid-1:nth-child(4n+1), .exh-group .grid-1:nth-child(3n+1), .exh-group .grid-1:nth-child(2n+1) { clear: none; } }
.pr-pdf-dl, .cv-pdf-dl { margin: 0 0 1.615em; }
@media (max-width: 480px) { .pr-pdf-dl, .cv-pdf-dl { margin: 0 0 1.615em 15px; } }

.press-inner { padding-right: 20px; }
@media (max-width: 480px) { .press-inner { padding: 0 20px 0 15px; } }

.contents { margin-bottom: 100px; }
.contents:after { content: ""; display: table; clear: both; }
.contents.home-contents { margin: 30px; }
.contents.home-contents .grid { margin: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 65px 0 30px 30px; }
.contents.home-contents .grid li { position: relative; height: 100%; }
.contents.home-contents .grid li h3.exhCity { margin-bottom: 1.615em; }
.contents.home-contents .grid li .text-wrap { position: absolute; left: 0; bottom: 0; padding-right: 30px; }
.contents.home-contents .grid li .text-wrap p { margin: 0; }
.contents.home-contents .grid li .text-wrap h1.exh-artists, .contents.home-contents .grid li .text-wrap h1.exh-artist { font-family: 'courier_maccaroneregular', "Courier New", Courier, monospace; font-weight: normal; font-style: normal; }
.contents.home-contents .grid li .text-wrap .enddate-link, .contents.home-contents .grid li .text-wrap .exh-loc a, .contents.home-contents .grid li .text-wrap h1.exh-artists a { position: relative; z-index: 2; }
.contents.home-contents .grid li.hovered h1.exh-artists, .contents.home-contents .grid li.hovered h1.exh-artist, .contents.home-contents .grid li.hovered .exh-title { font-family: 'courier_maccaronebold', "Courier New", Courier, monospace; font-weight: 700; font-style: normal; }
.contents.home-contents .grid li.upcoming.hovered h1.exh-artists, .contents.home-contents .grid li.upcoming.hovered h1.exh-artist, .contents.home-contents .grid li.upcoming.hovered .exh-title { font-family: 'courier_maccaroneregular', "Courier New", Courier, monospace; font-weight: normal; font-style: normal; }
.contents.home-contents .grid .grid-33 { width: 33.33%; margin-right: 0; }
.contents.home-contents .grid .grid-2 { width: 50%; margin-right: 0; }
.contents.home-contents .grid .grid-4 { width: 75%; }
.contents.home-contents .exh-image { position: relative; width: -webkit-calc(100% - 30px); width: calc(100% - 30px); height: -webkit-calc(100% - 12em); height: calc(100% - 12em); background-repeat: no-repeat; background-position: 0 0; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; }
.contents.home-contents .exh-image img { display: none; width: 100%; height: auto; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
@media (max-width: 480px) { .contents.home-contents { margin: 0; }
  .contents.home-contents .grid { position: relative; width: auto; height: auto; top: auto; left: auto; bottom: auto; right: auto; padding: 0 0 30px; }
  .contents.home-contents .grid li, .contents.home-contents .grid li.grid-33, .contents.home-contents .grid li.grid-2, .contents.home-contents .grid li.grid-4 { margin-right: 0; width: 100%; height: auto; margin-bottom: 30px; }
  .contents.home-contents .grid li h3.exhCity, .contents.home-contents .grid li.grid-33 h3.exhCity, .contents.home-contents .grid li.grid-2 h3.exhCity, .contents.home-contents .grid li.grid-4 h3.exhCity { margin-left: 15px; }
  .contents.home-contents .grid li .text-wrap, .contents.home-contents .grid li.grid-33 .text-wrap, .contents.home-contents .grid li.grid-2 .text-wrap, .contents.home-contents .grid li.grid-4 .text-wrap { position: relative; left: auto; bottom: auto; padding: 0 15px; margin: 1em 0 0; }
  .contents.home-contents .exh-image { width: 100%; height: auto; }
  .contents.home-contents .exh-image img { display: block; } }

.home-exh-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.year-navigation, .loc-navigation { list-style: none; margin: 0; padding: 26px 15px 0; background-color: #fff; position: fixed; top: 0; right: 15px; z-index: 5; }
.year-navigation.loc-navigation, .loc-navigation.loc-navigation { width: 167px; }
.year-navigation li, .loc-navigation li { display: none; }
.year-navigation li.year-chooser, .year-navigation li.loc-chooser, .loc-navigation li.year-chooser, .loc-navigation li.loc-chooser { line-height: 15px; display: block; cursor: pointer; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; padding-bottom: 1em; }
.no-touch .year-navigation li.year-chooser:HOVER .toggle, .no-touch .year-navigation li.loc-chooser:HOVER .toggle, .no-touch .loc-navigation li.year-chooser:HOVER .toggle, .no-touch .loc-navigation li.loc-chooser:HOVER .toggle { border-bottom: 1px solid #999; }
.year-navigation li.year-chooser .active-toggle, .year-navigation li.loc-chooser .active-toggle, .loc-navigation li.year-chooser .active-toggle, .loc-navigation li.loc-chooser .active-toggle { font-family: 'courier_maccaronebold', "Courier New", Courier, monospace; font-weight: 700; font-style: normal; line-height: 1; }
.year-navigation li.year-chooser span.arrow, .year-navigation li.loc-chooser span.arrow, .loc-navigation li.year-chooser span.arrow, .loc-navigation li.loc-chooser span.arrow { line-height: 10px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; vertical-align: top; }
.year-navigation li.selected, .loc-navigation li.selected { font-family: 'courier_maccaronebold', "Courier New", Courier, monospace; font-weight: 700; font-style: normal; }
@media (max-width: 767px) { .year-navigation, .loc-navigation { display: none; } }

.year-navigation.yearsOn, .loc-navigation.locOn { padding-bottom: 15px; }
.year-navigation.yearsOn li, .loc-navigation.locOn li { display: block; }

.toggle-navigation { position: fixed; top: 0; right: 20px; list-style: none; margin: 0; padding: 0; z-index: 5; background-color: #fff; }
.toggle-navigation li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; cursor: pointer; line-height: 64px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; }
.toggle-navigation li.active, .no-touch .toggle-navigation li:HOVER { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.toggle-navigation li span.icon { display: block; width: 41px; height: 64px; background-image: url(../images/exhibition_image_icons.png); background-image: url(../images/exhibition_image_icons.svg); background-repeat: no-repeat; background-position: 0 50%; background-size: 82px 16px; }
.toggle-navigation li span.icon.gridIcon { background-position: -40px 50%; }
@media (max-width: 480px) { .toggle-navigation { position: relative; top: auto; right: auto; margin: 0 8px; text-align: right; z-index: 1; } }
.no-img-nav .toggle-navigation { display: none; }

.page-not-found { padding: 0 30px; }

.infoPage { padding: 0 30px; }
.infoPage .info-column { float: left; width: 23%; }
.infoPage .info-column.locations-column { width: 77%; }
.infoPage .newsletter { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; position: relative; }
.infoPage .newsletter p { margin: 0; }
.infoPage .newsletter form { margin: 10px 0 0 -10px; position: relative; }
.infoPage .newsletter form input[type="text"] { border: 1px solid #efefef; padding: 10px 30px 10px 0; text-indent: 10px; outline: 0; display: block; margin: 0 0 5px -1px; }
.infoPage .newsletter form input[type="text"]:-moz-placeholder { color: #252525; }
.infoPage .newsletter form input[type="text"]::-moz-placeholder { color: #252525; }
.infoPage .newsletter form input[type="text"]:-ms-input-placeholder { color: #252525; }
.infoPage .newsletter form input[type="text"]::-webkit-input-placeholder { color: #252525; }
.infoPage .newsletter form input[type="submit"] { position: relative; height: 100%; border: 0; padding: 10px 12px 10px 10px; background: transparent; color: #252525; }
.no-touch .infoPage .newsletter form input[type="submit"]:HOVER { background-color: #efefef; }
.infoPage .newsletter form input[type="checkbox"] { margin-left: 10px; visibility: hidden; }
.infoPage .newsletter form input[type="checkbox"]:checked + label:AFTER { content: ""; background: #000; width: 7px; height: 7px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 5px; left: -25px; }
.infoPage .newsletter form .checkboxRow { position: relative; display: block; padding: 3px 0; }
.infoPage .newsletter form .checkbox-first { margin-top: 10px; }
.infoPage .newsletter form .checkboxLabel { position: relative; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; cursor: pointer; }
.infoPage .newsletter form .checkboxLabel:BEFORE { content: ""; width: 15px; height: 15px; position: absolute; left: -30px; top: 0; background: #fff; border: solid 1px #efefef; }
.infoPage .location { width: 50%; float: left; }
@media (max-width: 820px) { .infoPage .info-column { width: 38.5%; }
  .infoPage .info-column.locations-column { width: 61.5%; }
  .infoPage .location { width: auto; float: none; margin: 0 0 1.615em; } }
@media (max-width: 480px) { .infoPage { padding: 0 15px; }
  .infoPage .info-column { width: auto; float: none; margin-bottom: 3em; }
  .infoPage .info-column.locations-column { width: auto; margin-bottom: 6em; } }
.infoPage .info-text p { margin-top: 0; }
.infoPage .map-image { display: block; width: 256px; height: 192px; background-position: center center; background-repeat: no-repeat; background-size: 360px 320px; border: 1px solid #f0f0f0; margin: 1.615em 0; text-indent: -6000px; }
.infoPage .map-image:HOVER { border: solid 1px #999; }

a[href$=jpg], a[href$=jpeg], a[href$=jpe], a[href$=png], a[href$=gif] { text-decoration: none; border: 0 none; }