/*!
Theme Name: Antibody Film Lab
Theme URI: //underscores.me/
Author: Bridget Walsh
Author URI: //underscores.me/
Description: Description
Version: 7.2.29
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: afl2018
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Antibody Film Lab is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scrollpri
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/* Description papragraphs - pull quotes, main page larger text */
/* Category Headlines */
@font-face {
  font-family: 'fontello';
  src: url("../font/fontello.eot?96637151");
  src: url("../font/fontello.eot?96637151#iefix") format("embedded-opentype"), url("../font/fontello.woff2?96637151") format("woff2"), url("../font/fontello.woff?96637151") format("woff"), url("../font/fontello.ttf?96637151") format("truetype"), url("../font/fontello.svg?96637151#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?96637151#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-book:before {
  content: '\e800'; }

/* '' */
.icon-mail:before {
  content: '\e801'; }

/* '' */
.icon-vimeo:before {
  content: '\f306'; }

/* '' */
.icon-instagram:before {
  content: '\f32d'; }

/* '' */
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
/* 
Extra small devices (portrait phones, less than 544px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
/* Small devices (landscape phones, 544px and up) */
/* Small devices (landscape phones, 544px and up) */
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
/* Large devices (desktops, 992px and up) */
/* Extra large devices (large desktops, 1200px and up) */
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

:focus {
  outline: none; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #8a8e8e;
  font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Times, "Times New Roman", serif;
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: 0.024em;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

h1, h2, h3, h4, h5, h6 {
  clear: both; }

.accordian, .other-work-header {
  color: #8a8e8e;
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.07em;
  font-weight: 300; }

.other-work-header span {
  opacity: 0.3;
  font-weight: 400;
  letter-spacing: 2px;
  font-size: 12px;
  margin-top: 80px;
  margin-bottom: 60px;
  border-bottom: 1px solid #4b4c4c;
  padding-bottom: 3px;
  padding-left: 2px;
  font-family: "Chronicle";
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px; }

.statement {
  color: #8a8e8e;
  font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Times, "Times New Roman", serif;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
  font-weight: 400;
  width: 70%;
  padding-bottom: 8px;
  padding-top: 20px; }
  @media (max-width: 543px) {
    .statement {
      width: 100%;
      padding-top: 0px; } }

#library-categories {
  color: black;
  font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Times, "Times New Roman", serif;
  font-size: 56px;
  line-height: 52px;
  letter-spacing: -0.02em;
  font-weight: 700;
  padding-bottom: 80px;
  padding-top: 100px; }
  @media (max-width: 767px) {
    #library-categories {
      padding-top: 20px;
      padding-bottom: 120px; } }
  #library-categories a {
    text-decoration: none; }
    #library-categories a:visited {
      color: inherit; }
    #library-categories a:hover {
      color: #e1ff0a; }
    #library-categories a.active {
      position: relative;
      display: inline-block; }
      #library-categories a.active::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 40%;
        background-color: blue;
        background-clip: border-box;
        display: inline-block;
        z-index: -1; }

.search_heading {
  text-decoration: none;
  font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Times, "Times New Roman", serif;
  font-size: 36px;
  line-height: 52px;
  letter-spacing: -0.02em;
  font-weight: 700;
  text-transform: capitalize;
  /* padding-top: 0px; */
  color: black;
  margin-block-start: 0.6em;
  margin-block-end: 0.2em; }

#library a .library-category {
  text-decoration: none;
  font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Times, "Times New Roman", serif;
  font-size: 56px;
  line-height: 52px;
  letter-spacing: -0.02em;
  font-weight: 700; }

.featured-items {
  color: #8a8e8e;
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.07em;
  font-weight: 300;
  text-transform: uppercase;
  padding-bottom: 20px; }

.library-subheading, .project-enquiries span, .job-enquiries span, .reps span {
  	/*display: inline-block;
      text-decoration: none;
      padding: 0 0 0 10px;
      border-bottom: 3px solid #000;
      font-family: "proxima-nova", sans-serif;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 2px;
      line-height: 18px;
      text-transform: uppercase;
      color: #000000;
      -webkit-transform: translateX(-10px);
      transform: translateX(-10px);
  	*/
  font-weight: 400;
  letter-spacing: 2px;
  font-size: 12px;
  margin-top: 80px;
  margin-bottom: 60px;
  border-bottom: 1px solid #b6b7b7;
  padding-bottom: 3px;
  padding-left: 2px;
  font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Times, "Times New Roman", serif;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  color: black;
  text-transform: uppercase; }

.project-enquiries, .job-enquiries, .reps {
  color: #8a8e8e;
  font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Times, "Times New Roman", serif;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
  font-weight: 400;
  padding-top: 40px; }
  .project-enquiries a, .job-enquiries a, .reps a {
    position: relative;
    text-decoration: none; }
    .project-enquiries a:hover, .job-enquiries a:hover, .reps a:hover {
      color: #4b4c4c; }
      .project-enquiries a:hover::before, .job-enquiries a:hover::before, .reps a:hover::before {
        content: '';
        position: absolute;
        left: 0;
        top: 25%;
        width: 100%;
        height: 50%;
        background-color: white;
        background-clip: border-box;
        display: inline-block;
        z-index: -1; }

.reps {
  line-height: 2em; }
  .reps .reps-link a {
    color: black; }
  .reps .reps-country {
    width: auto;
    float: left;
    padding-right: 40px; }

.error-404 {
  text-align: center; }
  .error-404 h1.heading-404 {
    font-size: 360px;
    /* font-family: "Gotham Narrow", sans-serif; */
    line-height: 12px;
    color: white; }

p {
  margin-bottom: 1.5em; }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 9.375px;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 9.375px; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

.work-meta .client {
  display: inline-block;
  line-height: 1;
  color: #999;
  text-decoration: none;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: color 0.3s ease-in !important;
  font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", serif;
  font-style: normal;
  font-weight: 400; }
.work-meta .entry-header {
  font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", serif;
  margin: 0 auto;
  line-height: 1;
  margin-bottom: 12px;
  font-weight: 400;
  text-decoration: none;
  color: grey;
  font-size: 14px;
  text-transform: none;
  letter-spacing: 0px;
  outline: none;
  -webkit-margin-before: 0.83em;
  -webkit-margin-after: 0.83em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  transition: color 0.3s ease-in; }
  @media (max-width: 543px) {
    .work-meta .entry-header {
      color: black;
      font-size: 18px; } }
.work-meta .produced_by, .work-meta .director, .work-meta .studio, .work-meta .agency, .work-meta .made_by {
  color: #8a8e8e;
  font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Times, "Times New Roman", serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 8px;
  letter-spacing: 1px;
  line-height: 1.4; }
.work-meta .produced_by, .work-meta .studio, .work-meta .agency {
  display: inline-block; }
.work-meta .studio:before, .work-meta .agency:before {
  content: '\00a0'; }

.work-thumbnail:hover .entry-header {
  color: #4b4c4c; }

.work-description, #library-description, .contact .statement, .about.statement {
  font-size: 18px;
  padding-bottom: 40px;
  line-height: 22px;
  letter-spacing: 0px; }

.director-headline {
  font-size: 21px;
  letter-spacing: 1px;
  color: black;
  margin: 0 0 30px 0; }

#director-statement .work-description {
  font-size: 16px;
  padding-bottom: 60px;
  line-height: 18px;
  letter-spacing: -0.01em;
  font-weight: 100; }
  #director-statement .work-description .name {
    color: black;
    position: relative; }
    #director-statement .work-description .name a {
      color: black;
      text-decoration: none; }
      #director-statement .work-description .name a:hover::before {
        content: '';
        position: absolute;
        left: -2px;
        top: 25%;
        width: 100%;
        height: 50%;
        background-color: white;
        background-clip: border-box;
        display: inline-block;
        z-index: -1; }
      #director-statement .work-description .name a:visited {
        color: black; }

#library-description {
  padding-bottom: 60px; }

.library-meta {
  padding-top: 8px;
  min-height: 100px; }
  .library-meta .category-subheading a {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1;
    color: #999;
    text-decoration: none;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: color 0.3s ease-in !important;
    font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Times, "Times New Roman", serif;
    font-style: normal;
    font-weight: 400; }
    .library-meta .category-subheading a:after {
      content: "|";
      margin-left: 7px;
      margin-right: 7px;
      font-size: 6px;
      color: grey;
      opacity: .8;
      vertical-align: 1px; }
    .library-meta .category-subheading a:hover::before {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      width: calc(100% - 7px);
      height: 100%;
      background-color: white;
      background-clip: border-box;
      display: inline-block;
      z-index: -1; }
  .library-meta .category-subheading a:last-child:after {
    content: '';
    margin-left: 0px; }
  .library-meta a.title-link {
    text-decoration: none;
    transition: color 0.3s ease-in;
    color: #4b4c4c; }
    .library-meta a.title-link:visited {
      color: inherit; }
  .library-meta .title {
    font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Times, "Times New Roman", serif;
    margin: 0 auto;
    line-height: 1;
    margin-bottom: 12px;
    font-weight: 400;
    text-decoration: none;
    color: grey;
    font-size: 14px;
    text-transform: none;
    letter-spacing: 0.5px;
    outline: none;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    position: relative;
    z-index: 10; }
    .library-meta .title:hover::after {
      content: 'READ MORE';
      display: inline-block;
      padding-left: 4px;
      font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
      font-size: 8px;
      color: black; }
    @media (max-width: 767px) {
      .library-meta .title::after {
        content: 'READ MORE';
        display: inline-block;
        padding-left: 4px;
        font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
        font-size: 8px;
        color: black; } }
  .library-meta .author, .library-meta .publisher {
    font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Times, "Times New Roman", serif;
    letter-spacing: 0.05em;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 0;
    display: block;
    color: #999;
    opacity: 1;
    font-size: 8px;
    line-height: 1.9;
    transition: all 0.3s ease-out;
    text-transform: uppercase; }
  .library-meta a.pub-link {
    text-decoration: none; }
    .library-meta a.pub-link:visited {
      color: inherit; }
  .library-meta .publisher {
    margin-top: 0px; }
    .library-meta .publisher:hover::after {
      content: 'FIND ONLINE';
      display: inline-block;
      padding-left: 4px;
      font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
      font-size: 8px;
      color: black; }
    @media (max-width: 767px) {
      .library-meta .publisher::after {
        content: 'BUY';
        display: inline-block;
        padding-left: 4px;
        font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
        font-size: 8px;
        color: black; } }

.credit-row {
  font-size: 12px;
  letter-spacing: 0.07em;
  font-weight: 400;
  min-height: 18px; }
  @media (max-width: 543px) {
    .credit-row {
      min-height: 16px; } }
  .credit-row .name {
    font-weight: 600;
    text-transform: capitalize;
    font-size: 11px;
    color: grey;
    letter-spacing: 0.2px;
    line-height: 1; }
    @media (max-width: 543px) {
      .credit-row .name {
        font-size: 11px; } }
  .credit-row .role {
    text-transform: uppercase;
    color: #3e3c3c;
    font-size: 8px;
    letter-spacing: 1.2px;
    line-height: 18px; }
    @media (max-width: 543px) {
      .credit-row .role {
        font-size: 8px; } }
  .credit-row a {
    text-decoration: none; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
  margin-right: 0;
  /* overflow-x: auto; -- Removed to make STICKY positioning work */ }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  background: #e3e9e9;
  /* Fallback for when there is no custom background color defined. */
  overflow-x: hidden; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul, ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

.terms {
  color: black;
  font-size: 14px; }
  .terms ul li {
    list-style-type: none;
    margin-bottom: 8px; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */ }

table {
  margin: 0 0 1.5em;
  width: 100%; }

.accordian-hide {
  display: none !important; }

.accordian-show {
  display: block !important;
  padding: 0 0 50px 0; }

.work-stills .grid.accordian-show {
  display: grid !important;
  padding: 0 0 50px 0;
  grid-template-columns: repeat(12, 8.333%);
  grid-column-gap: 0px;
  grid-row-gap: 0px; }
  .work-stills .grid.accordian-show img.full {
    grid-column-end: span 12; }
  .work-stills .grid.accordian-show img.half {
    grid-column-end: span 6; }
    @media (max-width: 543px) {
      .work-stills .grid.accordian-show img.half {
        grid-column-end: span 12; } }
  .work-stills .grid.accordian-show img.third {
    grid-column-end: span 4; }
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
      .work-stills .grid.accordian-show img.third {
        /* For portrait layouts only */
        grid-column-end: span 4 !important; } }
    @media (max-width: 543px) {
      .work-stills .grid.accordian-show img.third {
        grid-column-end: span 12; } }

#process.accordian-show #process-stills.grid {
  display: grid !important;
  padding: 0 0 50px 0;
  grid-template-columns: repeat(12, 8.333%);
  grid-column-gap: 0px;
  grid-row-gap: 0px; }
  #process.accordian-show #process-stills.grid img.full {
    grid-column-end: span 12; }
  #process.accordian-show #process-stills.grid img.half {
    grid-column-end: span 6; }
    @media (max-width: 543px) {
      #process.accordian-show #process-stills.grid img.half {
        grid-column-end: span 12; } }
  #process.accordian-show #process-stills.grid img.third {
    grid-column-end: span 4; }
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
      #process.accordian-show #process-stills.grid img.third {
        /* For portrait layouts only */
        grid-column-end: span 4 !important; } }
    @media (max-width: 543px) {
      #process.accordian-show #process-stills.grid img.third {
        grid-column-end: span 12; } }

.work-meta {
  padding: 12px 0px 25px 0;
  float: left;
  font-size: 0;
  display: grid;
  grid-template-columns: 1fr auto;
  width: 100%; }

.awards {
  padding: 20px 0 25px 0;
  float: right;
  max-width: 75px; }
  .awards .laurel {
    width: 16px;
    height: 36px;
    background-size: contain;
    background-repeat: no-repeat;
    filter: invert(20%);
    position: relative; }
    .awards .laurel.left {
      background-image: url(images/laurel_left.png);
      float: left;
      right: -6px; }
    .awards .laurel.right {
      background-image: url(images/laurel_right.png);
      float: right;
      left: -6px; }
  .awards .award_meta {
    float: left;
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 1.3em;
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
    font-size: 7px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-top: 5px;
    min-width: 42px; }

.awards.winner .laurel {
  filter: invert(50%); }
.awards.winner .award_meta {
  color: #4b4c4c; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 7.5px;
  line-height: 1;
  padding: .6em 1em .4em; }
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa; }
  button:active, button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb; }

form.post-password-form input[type="submit"] {
  width: 40%;
  font-size: 1em;
  background-color: black;
  margin: 22px auto 0px auto;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-appearance: none;
  color: white;
  padding: 8px 32px;
  text-align: center;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: "DIN Medium", Arial, Geneva, Helvetica, sans-serif; }

button.accordian {
  background: none;
  color: #b6b7b7;
  border: none;
  padding: 10px 0;
  text-transform: uppercase; }
  button.accordian .view {
    display: inline; }
  button.accordian .accordian-emphasis {
    color: inherit; }
  button.accordian .viewX {
    display: none; }
  button.accordian .closeX {
    display: inline;
    float: left;
    color: black;
    padding-right: 12px; }
  button.accordian span {
    display: inline; }
  button.accordian:hover {
    border: none;
    color: black; }

#button-stills-X {
  padding: 0;
  padding-top: 8px;
  grid-column-end: span 12;
  justify-self: left; }

button.accordian.expanded .view {
  display: none; }
button.accordian.expanded .accordian-emphasis {
  color: inherit; }
button.accordian.expanded .viewX {
  display: inline;
  color: black;
  padding-left: 12px; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    color: #111; }

select {
  border: 1px solid #ccc; }

textarea {
  width: 100%; }

input[name="post_password"] {
  border-width: 0;
  border-radius: 0;
  width: 40%;
  height: 2em;
  background: white;
  border-bottom: 1px solid black;
  font-size: 1em;
  padding-bottom: 20px;
  margin: 22px auto 0px auto;
  text-align: center; }

input[type="search"] {
  background-color: transparent;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid black;
  font-size: 24px;
  color: black; }

input.search-submit {
  border: none;
  background-image: url("images/search.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  content: ''; }

form {
  margin: 0 auto;
  max-width: 1024px;
  padding: 0 34px;
  margin-left: auto;
  margin-right: auto; }

form.post-password-form {
  font-size: 1.6em;
  color: black;
  text-align: center; }
  form.post-password-form p {
    width: 60%; }
  form.post-password-form label.pass-label {
    display: none; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: inherit; }
  a:visited {
    color: #8a8e8e; }
  a:hover, a:focus, a:active {
    color: #4b4c4c; }
  a:focus {
    outline: 0; }
  a:hover, a:active {
    outline: 0; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* HEADER BREADCRUMBS AND NAV */
.main-navigation {
  clear: both;
  display: grid;
  float: left;
  width: 100%; }
  .main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0; }
    .main-navigation ul ul {
      box-shadow: none;
      float: left;
      position: relative;
      left: auto;
      z-index: 3000; }
      .main-navigation ul ul ul {
        top: 0; }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
      left: auto; }
  .main-navigation li {
    float: left;
    position: relative; }
  .main-navigation a {
    display: inline-block;
    text-decoration: none; }

/* Small menu. */
.menu-toggle,
.full-menu.toggled ul {
  display: block; }

.full-menu button.menu-toggle {
  background-image: url(images/menubar.svg);
  background-repeat: no-repeat;
  background-position: right 40%;
  background-size: 17px 17px;
  height: 20px;
  display: block;
  padding: 0px 20px;
  outline: none;
  text-align: left;
  text-indent: -999999px;
  transition: background-image 0.3s linear;
  border: none;
  background-color: transparent;
  opacity: 0.6;
  z-index: 8000;
  position: relative;
  top: 11px; }

.full-menu.toggled button.menu-toggle {
  background-image: url(images/closeWhite.svg); }

@media screen and (min-width: 768px) {
  .menu-toggle {
    display: none; }

  .main-navigation ul {
    display: block; } }
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
  float: left;
  width: 50%; }
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

.secondary-menu {
  float: right;
  display: block; }
  .secondary-menu ul {
    float: right;
    text-align: right;
    list-style: none;
    margin: 0;
    padding-left: 0;
    white-space: nowrap;
    text-transform: uppercase;
    font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Times, "Times New Roman", serif;
    justify-content: center;
    align-items: center;
    display: flex; }
    .secondary-menu ul li {
      display: inline;
      margin: 0 16px;
      color: #b6b7b7; }
      .secondary-menu ul li.contact, .secondary-menu ul li.library, .secondary-menu ul li.magazine, .secondary-menu ul li.about {
        position: relative; }
        .secondary-menu ul li.contact a:hover::before, .secondary-menu ul li.library a:hover::before, .secondary-menu ul li.magazine a:hover::before, .secondary-menu ul li.about a:hover::before {
          content: '';
          position: absolute;
          left: -2px;
          top: 25%;
          width: 100%;
          height: 50%;
          background-color: white;
          background-clip: border-box;
          display: inline-block;
          z-index: -1; }
      .secondary-menu ul li a {
        text-decoration: none;
        transition: color 0.3s ease-in; }
        .secondary-menu ul li a:hover {
          color: #4b4c4c; }
    .secondary-menu ul li:nth-last-child(1) {
      margin-right: 0 !important; }
  @media (max-width: 768px) {
    .secondary-menu {
      display: none; } }

.menu-vimeo, .menu-instagram {
  margin: 0 0.25em !important;
  top: -3px;
  position: relative; }
  .menu-vimeo a, .menu-instagram a {
    display: inline-block;
    background-repeat: no-repeat;
    font-size: 0;
    -webkit-filter: opacity(35%);
    filter: opacity(35%); }
    .menu-vimeo a:hover, .menu-instagram a:hover {
      -webkit-filter: opacity(100%);
      filter: opacity(100%); }

.menu-vimeo a {
  background-image: url("images/vimeo.svg");
  background-size: 18px 18px;
  background-position: -1px -1px;
  width: 20px;
  height: 20px; }

.menu-instagram a {
  background-image: url("images/instagram.svg");
  width: 20px;
  height: 20px;
  background-position-x: 4px; }

.main-navigation {
  text-transform: uppercase;
  font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Times, "Times New Roman", serif;
  font-weight: 300;
  font-size: 10px;
  letter-spacing: 3px;
  padding: 12px 0 0 24px; }
  @media (max-width: 543px) {
    .main-navigation {
      padding: 0px 0 0 30px;
      letter-spacing: 2px;
      grid-template-columns: 1fr 40px; } }
  .main-navigation span {
    padding-right: 12px; }
    .main-navigation span a {
      display: inline; }
  .main-navigation span:nth-last-child(1) {
    padding-right: 0px; }
  .main-navigation .category {
    color: #b6b7b7; }
  .main-navigation .director, .main-navigation .classification {
    color: #8a8e8e; }
  .main-navigation .current {
    color: #4b4c4c; }
  .main-navigation .directors, .main-navigation .current {
    white-space: nowrap; }
  @media (max-width: 543px) {
    .main-navigation .director, .main-navigation .delimiter {
      display: inline-block !important;
      white-space: nowrap; } }
  .main-navigation #breadcrumbs {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .main-navigation #breadcrumbs .category, .main-navigation #breadcrumbs .directors, .main-navigation #breadcrumbs .current {
      position: relative; }
      .main-navigation #breadcrumbs .category a:hover::before, .main-navigation #breadcrumbs .directors a:hover::before, .main-navigation #breadcrumbs .current a:hover::before {
        content: '';
        position: absolute;
        left: 0;
        top: 25%;
        width: calc( 100% - 12px);
        height: 50%;
        background-color: white;
        background-clip: border-box;
        display: inline-block;
        z-index: -1; }
    @media (max-width: 543px) {
      .main-navigation #breadcrumbs {
        white-space: normal; }
        .main-navigation #breadcrumbs .category, .main-navigation #breadcrumbs .directors, .main-navigation #breadcrumbs .current {
          white-space: normal;
          display: block;
          line-height: 1.4;
          position: relative; }
        .main-navigation #breadcrumbs .directors {
          white-space: nowrap; } }

/* HOMEPAGE DIRECTORY */
.primary-menu {
  width: 100%;
  padding-bottom: 8px;
  padding-top: 20px;
  display: block; }
  .primary-menu .menu-primary-menu-container {
    display: inline-block; }

ul#primary-menu {
  list-style: none;
  color: black;
  font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Times, "Times New Roman", serif;
  font-size: 36px;
  line-height: 32px;
  letter-spacing: -0.02em;
  font-weight: 700;
  margin: 0;
  margin-inline-start: 0;
  padding-inline-start: unset;
  float: left;
  width: 100%;
  padding-bottom: 40px; }
  @media (max-width: 767px) {
    ul#primary-menu {
      padding-top: 0px;
      padding-bottom: 24px; } }
  ul#primary-menu a {
    text-decoration: none; }
    ul#primary-menu a:visited {
      color: inherit; }
    ul#primary-menu a:hover::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 4px;
      width: 100%;
      height: 18px;
      background-color: #e1ff0a;
      background-clip: border-box;
      display: inline-block;
      z-index: -1; }
    ul#primary-menu a.active {
      position: relative;
      display: inline-block; }
  ul#primary-menu li {
    display: inline-block;
    float: left; }
    ul#primary-menu li a {
      text-decoration: none;
      position: relative;
      display: inline-block; }
      ul#primary-menu li a div.menu-name {
        display: inline-block;
        float: left;
        padding-right: 8px; }
        ul#primary-menu li a div.menu-name .period {
          color: black; }
      ul#primary-menu li a span.menu-description {
        display: none; }
      ul#primary-menu li a:hover div.menu-name .period, ul#primary-menu li a:active div.menu-name .period, ul#primary-menu li a:focus div.menu-name .period {
        color: black; }
  ul#primary-menu .menu-item {
    padding-bottom: 0px; }

.primary-menu.home ul#primary-menu {
  font-size: 36px;
  line-height: 32px;
  font-weight: 700;
  letter-spacing: -0.72px; }

	/*
	.directors-artists, .menu-item-245 {
		color: $grey_mid;
		font-family: $font__instruction-family;
		@include font-size(1.4);
		line-height: $font__instruction-lineheight;
		letter-spacing: 0.01em;
		font-weight: $font__main-weight;
		a:hover {
			color: inherit;

		}
		
		.sub-menu {
			list-style: none;
			text-transform: none;
			padding: 4px 0 0 0;
			margin: 0;
			color: black;
			font-family: $font__sub-family;
			@include font-size(1.6);
			line-height: 22px;
			letter-spacing: 0em;
			font-weight: $font__sub-weight;
			.menu-item {
				padding-bottom: 0;
			}
			a {
				span.menu-description {
					color: $grey_mid;
					display: none;
					padding-left: 20px;
					@include extra-small-device {
						display: inline-block;
					}
				}
				div.menu-name {
					display: inline-block;
					position: relative;
				}
				&:hover, &:active {
					
					span.menu-description {
						display: inline-block;
					}
					
					div.menu-name::before {
					
						content: '';
						position: absolute;
						left: 0;
						bottom: 0;
						width: 100%;
						height: 40%;
						background-color: #caff00;
						background-clip: border-box;
						display: inline-block;
						z-index: -1;
						

					}
					
					
				}
				
				&:visited {
				color: inherit;
				}
			}
			.highlighter a:hover div.menu-name::before {
				right: 0;
				left: unset;
				bottom: 0;
				width: 50vw;
				height: 100%;
				background-color: #caff00;
				background-color: #d5ff0a;
			}
			.bluestripe a:hover {
				span.menu-description {
					color: #b7b7b7;
				}
				
				div.menu-name{
					color: white;
					
					&::before {
					left: -25vw;
					bottom: 20%;
					width: 125vw;
					height: 60%;
					background-color: #0e61fd;
					}
				}
			}
			.strikethrough a:hover div.menu-name::before {
				right: 0;
				left: unset;
				    bottom: 24%;
    width: 230px;
    height: 20%;
    background-color: #f9ff10;
			}
			.redblock a:hover div.menu-name::before {
				right: 0;
				left: unset;
    bottom: 20%;
    width: 32px;
    height: 40px;
    background-color: #f7002b;
			}
			.greenstripe a:hover div.menu-name::before {
				right: unset;
    left: 64px;
    bottom: 20%;
    width: 200%;
    height: 12px;
    background-color: #1cec1b;
			}
			.cyanstripe a:hover div.menu-name::before {
    right: -190px;
    left: unset;
    bottom: 35%;
    width: 430px;
    height: 30%;
    background-color: cyan;
			}
		}
	}
	*/
.primary-menu-library, .primary-menu-magazine {
  color: black;
  padding-bottom: 0; }
  .primary-menu-library a span.menu-description, .primary-menu-magazine a span.menu-description {
    color: #8a8e8e;
    display: none;
    padding-left: 20px; }
    @media (max-width: 543px) {
      .primary-menu-library a span.menu-description, .primary-menu-magazine a span.menu-description {
        display: inline-block; } }
  .primary-menu-library a div.menu-name, .primary-menu-magazine a div.menu-name {
    display: inline-block;
    position: relative; }
  .primary-menu-library a:hover span.menu-description, .primary-menu-library a:active span.menu-description, .primary-menu-magazine a:hover span.menu-description, .primary-menu-magazine a:active span.menu-description {
    display: inline-block; }
  .primary-menu-library a:visited, .primary-menu-magazine a:visited {
    color: inherit; }

.contact, .about {
  color: black; }
  .contact a, .about a {
    color: black; }
    .contact a:visited, .about a:visited {
      color: black; }
  .contact .sub-menu, .about .sub-menu {
    list-style: none;
    text-transform: none;
    padding: 0;
    margin: 0; }
    .contact .sub-menu .menu-item, .about .sub-menu .menu-item {
      padding-bottom: 0; }

.library {
  color: black; }
  .library a div.menu-name {
    display: inline-block; }
  .library a span.menu-description {
    color: #8a8e8e;
    display: none;
    padding-left: 20px; }
  .library a:hover span.menu-description, .library a:active span.menu-description {
    display: inline-block; }
  .library a:visited {
    color: black; }

/*
	ul#primary-menu {
	color: black;
	font-family: $font__main-family;
	@include font-size(5.6);
	line-height: 52px;
	letter-spacing: -0.02em;
	font-weight: $font__bold-weight;
	padding-bottom: 80px;
	padding-top: 100px;
	@include small-device-down {
		padding-top: 20px;
		padding-bottom: 120px;
	}
	a {
		text-decoration: none;

		&:visited {
		color: inherit;
		}
		&:hover {
			color: #e1ff0a;
			
		}
		&.active {
		position: relative;
		display: inline-block;
		&::after {
			content: '';
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 40%;
			background-color: blue;
			background-clip: border-box;
			display: inline-block;
			z-index: -1;
			}
		}
	}

}
*/
/* MOBILE EXPANDED MENU & TOGGLE */
.full-menu {
  display: none; }
  @media (max-width: 768px) {
    .full-menu {
      display: block; }
      .full-menu .menu-full-menu-container {
        display: none; } }

.full-menu.toggled .menu-full-menu-container {
  display: block; }

#site-navigation.toggled .menu-full-menu-container {
  width: 100vw;
  display: block;
  height: calc(100vh);
  top: 0px;
  left: 0;
  background-color: blue;
  position: fixed;
  z-index: 4000;
  overflow: scroll;
  color: white; }
  #site-navigation.toggled .menu-full-menu-container ul {
    text-transform: uppercase;
    color: white; }
    #site-navigation.toggled .menu-full-menu-container ul li {
      display: block; }

ul#full-menu {
  list-style: none;
  padding: 80px 34px;
  margin: 0;
  color: white;
  font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Times, "Times New Roman", serif;
  font-size: 24px;
  line-height: 22px;
  letter-spacing: 3px;
  font-weight: 400; }
  ul#full-menu a:visited {
    color: white; }
  ul#full-menu a:hover {
    color: white;
    transition: color 0.3s ease-in-out; }
  ul#full-menu li {
    width: 100%;
    margin: 0; }
    ul#full-menu li a {
      text-decoration: none; }
  ul#full-menu .sub-menu {
    text-transform: none !important;
    font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Times, "Times New Roman", serif;
    font-size: 36px;
    line-height: 32px;
    letter-spacing: -0.02em;
    font-weight: 700;
    margin-left: unset;
    padding-inline-start: 0px;
    padding-top: 0.8em; }
    ul#full-menu .sub-menu li {
      padding-bottom: 8px; }
  ul#full-menu input[type="search"] {
    border-bottom-color: white;
    max-width: calc(100% - 30px); }
  ul#full-menu input[type="submit"] {
    filter: invert(100%); }
  ul#full-menu input.search-field {
    color: black;
    background-color: rgba(255, 255, 255, 0.1); }
  ul#full-menu .menu-item {
    padding-bottom: 20px; }
  ul#full-menu .directors-artists {
    text-transform: uppercase;
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: 0.07em;
    font-weight: 400; }
    ul#full-menu .directors-artists .sub-menu {
      width: 100%;
      list-style: none;
      text-transform: none;
      padding: 4px 0 0 0;
      margin: 0;
      font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Times, "Times New Roman", serif;
      font-size: 24px;
      line-height: 28px;
      letter-spacing: 0em;
      font-weight: 400; }
      ul#full-menu .directors-artists .sub-menu .menu-item {
        padding-bottom: 0; }
      ul#full-menu .directors-artists .sub-menu a span.menu-description {
        color: #b6b7b7;
        display: none;
        padding-left: 20px; }
        @media (max-width: 543px) {
          ul#full-menu .directors-artists .sub-menu a span.menu-description {
            display: block;
            padding-bottom: 12px; } }
      ul#full-menu .directors-artists .sub-menu a:hover span.menu-description, ul#full-menu .directors-artists .sub-menu a:active span.menu-description {
        display: inline-block; }
      ul#full-menu .directors-artists .sub-menu a:visited {
        color: inherit; }
  ul#full-menu .contact .sub-menu {
    list-style: none;
    text-transform: none;
    padding: 0;
    margin: 0; }
    ul#full-menu .contact .sub-menu .menu-item {
      padding-bottom: 0; }
    ul#full-menu .contact .sub-menu a:visited {
      color: inherit; }
  ul#full-menu .library a span.menu-description {
    color: #b6b7b7;
    display: none;
    padding-left: 20px; }
  ul#full-menu .library a:hover span.menu-description, ul#full-menu .library a:active span.menu-description {
    display: inline-block; }

/* VOLUMES MENU DROPDOWN */
#volumes-menu {
  height: auto;
  padding: 0;
  margin: 0;
  border: none;
  width: 405px; }
  #volumes-menu a {
    text-decoration: none;
    padding-left: 2px; }
  #volumes-menu ul {
    z-index: 1;
    display: list-item;
    list-style: none;
    float: left;
    position: absolute;
    padding: 0 12px 8px 8px;
    line-height: 22px;
    text-transform: none;
    font-size: 18px;
    letter-spacing: -0.2;
    margin-block-start: 0px;
    margin-inline-start: 0px;
    padding-inline-start: 0px;
    font-weight: 400; }
    #volumes-menu ul li.button {
      list-style: inside none;
      color: black;
      text-decoration: none;
      background-color: white;
      padding-right: 40px; }
      #volumes-menu ul li.button ul.sub-menu {
        display: none; }
      #volumes-menu ul li.button:hover {
        color: white;
        background-color: black; }
        #volumes-menu ul li.button:hover ul.sub-menu {
          display: block; }
          #volumes-menu ul li.button:hover ul.sub-menu li {
            white-space: nowrap;
            display: block;
            clear: both;
            float: left;
            position: relative;
            color: #8a8e8e; }
            #volumes-menu ul li.button:hover ul.sub-menu li a:hover::before {
              background-color: cyan; }
            #volumes-menu ul li.button:hover ul.sub-menu li a::before {
              content: '';
              position: absolute;
              left: 0px;
              top: 0%;
              width: 100%;
              width: calc(100% + 20px);
              height: 100%;
              background-color: white;
              background-clip: border-box;
              display: inline-block;
              z-index: -1; }

.site-branding .menu-primary-menu-container .works-dropdown {
  display: none; }
  .site-branding .menu-primary-menu-container .works-dropdown .menu-spacer {
    padding-top: 10px; }
.site-branding:hover .works-dropdown {
  display: list-item;
  list-style: none;
  float: left;
  padding-right: 12px;
  position: absolute;
  padding: 8px;
  line-height: 22px;
  text-transform: none;
  font-size: 18px;
  letter-spacing: -0.2;
  margin-block-start: 0px;
  margin-inline-start: 0px;
  padding-inline-start: 0px;
  font-weight: 400; }
  @media (max-width: 767px) {
    .site-branding:hover .works-dropdown {
      line-height: 32px;
      font-size: 36px;
      white-space: nowrap; } }
  .site-branding:hover .works-dropdown li {
    display: block;
    clear: both;
    float: left;
    position: relative; }
    .site-branding:hover .works-dropdown li a {
      display: block;
      color: black;
      text-decoration: none; }
      .site-branding:hover .works-dropdown li a:hover::before {
        background-color: cyan; }
      .site-branding:hover .works-dropdown li a::before {
        content: '';
        position: absolute;
        left: -2px;
        top: 0%;
        width: 100%;
        width: calc(100% + 20px);
        height: 100%;
        background-color: white;
        background-clip: border-box;
        display: inline-block;
        z-index: -1; }

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
  padding-top: 5px;
  position: relative; }

a.custom-logo-link:hover::before {
  content: '';
  position: absolute;
  left: 0;
  top: 13px;
  width: 170px;
  height: 12px;
  background-color: white;
  background-clip: border-box;
  display: inline-block;
  z-index: -1; }

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 14px; }

.sticky-top-secondary {
  position: -webkit-sticky;
  position: sticky;
  z-index: 400;
  top: 57px;
  display: grid;
  grid-template-columns: auto 1fr; }

#masthead {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 9999;
  background-color: #e3e9e9;
  padding: 8px 0px 4px 0px; }
  @media (max-width: 767px) {
    #masthead {
      width: 100%; } }
  #masthead .wrapper {
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
    padding: 0 34px;
    display: grid;
    grid-template-areas: "logo bread shortnav";
    grid-template-rows: 45px;
    grid-template-columns: 150px 1fr 345px;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 544px) and (max-width: 767px) {
      #masthead .wrapper {
        grid-template-columns: 150px 1fr 40px;
        grid-template-areas: "logo bread hamburger"; } }
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
      #masthead .wrapper {
        /* For portrait layouts only */
        grid-template-columns: 150px 1fr 40px;
        grid-template-areas: "logo bread hamburger"; } }
    @media (max-width: 543px) {
      #masthead .wrapper {
        padding: 0 16px;
        grid-template-columns: 1fr 40px;
        grid-template-rows: 32px 1fr;
        grid-template-areas: "logo hamburger" "bread bread"; } }
    @media (max-width: 543px) {
      #masthead .wrapper .site-branding {
        max-width: 270px; }
        #masthead .wrapper .site-branding img {
          width: 150px; } }
  #masthead .wrapper > .site-branding {
    grid-area: logo; }
  #masthead .wrapper > .main-navigation {
    grid-area: bread; }
  #masthead .wrapper > .full-menu {
    grid-area: hamburger; }
  #masthead .wrapper > .secondary-menu {
    grid-area: shortnav;
    padding-top: 5px;
    letter-spacing: 3px; }

#topButton {
  display: none;
  position: fixed;
  bottom: 75px;
  right: calc((100vw - 1024px) / 4);
  z-index: 99;
  border: none;
  outline: none;
  background-color: transparent;
  color: black;
  cursor: pointer;
  padding: 0px;
  border-radius: 0;
  opacity: 0.6;
  background-image: url(images/Uarrow_white@4x.png);
  width: 30px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat; }
  @media (max-width: 543px) {
    #topButton {
      bottom: 60px;
      right: 12px;
      width: 16px;
      height: 20px; } }

#topButton:hover {
  opacity: 1; }

.slick-next {
  width: 40px; }
  .slick-next.slick-arrow {
    right: 5px; }
  .slick-next:before {
    background-image: url(images/Rarrow_white@4x.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: 40px;
    padding: 40px 15px;
    font-size: 0px; }

.slick-prev {
  width: 40px; }
  .slick-prev.slick-arrow {
    left: 5px; }
  .slick-prev:before {
    background-image: url(images/Larrow_white@4x.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: 40px;
    padding: 40px 15px;
    font-size: 0px; }

.library-images button {
  opacity: 0;
  z-index: 8000; }
  @media (max-width: 543px) {
    .library-images button {
      opacity: 1; } }
.library-images:hover button {
  opacity: 1; }

.pagination {
  padding: 0px 0px 60px 0px;
  text-align: center;
  width: 100%;
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
  color: black; }
  .pagination .prev {
    padding: 0 !important;
    text-decoration: none;
    font-size: 0 !important;
    float: left;
    opacity: 0.8; }
    @media (max-width: 767px) {
      .pagination .prev {
        left: 12px; } }
    .pagination .prev:hover {
      opacity: 1.0; }
    .pagination .prev::before {
      background-image: url(images/Larrow_black@4x.png);
      background-repeat: no-repeat;
      background-size: contain;
      background-position-y: 40px;
      padding: 40px 14px;
      content: ''; }
  .pagination .next {
    padding: 0 !important;
    text-decoration: none;
    font-size: 0 !important;
    float: right;
    opacity: 0.8; }
    @media (max-width: 767px) {
      .pagination .next {
        right: 12px; } }
    .pagination .next:hover {
      opacity: 1.0; }
    .pagination .next::before {
      background-image: url(images/Rarrow_black@4x.png);
      background-repeat: no-repeat;
      background-size: contain;
      background-position-y: 40px;
      padding: 40px 14px;
      content: ''; }
  .pagination a.page-numbers {
    color: black;
    text-decoration: none;
    position: relative; }
    .pagination a.page-numbers:hover::after {
      content: '';
      position: absolute;
      left: 10%;
      bottom: 0;
      width: 80%;
      height: 10px;
      background-color: #e1ff0a;
      background-clip: border-box;
      display: inline-block;
      z-index: -1; }
    .pagination a.page-numbers.next:hover::after {
      content: '';
      position: absolute;
      right: 30%;
      top: -1px;
      width: 140%;
      height: 10px;
      background-color: #e1ff0a;
      background-clip: border-box;
      display: inline-block;
      z-index: -1; }
    .pagination a.page-numbers.prev:hover::after {
      content: '';
      position: absolute;
      left: 30%;
      top: -1px;
      width: 140%;
      height: 10px;
      background-color: #e1ff0a;
      background-clip: border-box;
      display: inline-block;
      z-index: -1; }
  .pagination .page-numbers {
    padding: 0px 8px;
    position: relative;
    font-size: 12px; }
    .pagination .page-numbers.current::after {
      content: '';
      position: absolute;
      left: 10%;
      bottom: 0;
      width: 80%;
      height: 10px;
      background-color: white;
      background-clip: border-box;
      display: inline-block;
      z-index: -1; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 8.75px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */ }
  .widget select {
    max-width: 100%; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
#wpadminbar {
  display: none; }

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.updated:not(.published) {
  display: none; }

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

.site {
  padding-top: 57px;
  /* was 57 */
  background-color: #e3e9e9;
  /* Hack to make z-index -1 work on the library pages */
  opacity: 0.99; }

.site-content {
  min-height: calc(100vh - 93px);
  /* height of masthead + footer */ }
  @media (max-width: 543px) {
    .site-content {
      padding-top: 16px; } }

.parallax-wrapper {
  position: relative;
  z-index: 50;
  margin-bottom: calc( 900vw / 16);
  background-color: #e3e9e9;
  -webkit-box-shadow: #e3e9e9 0 7px 35px 0;
  -moz-box-shadow: #e3e9e9 0 7px 35px 0;
  box-shadow: #e3e9e9 0 7px 35px 0;
  min-height: 100%;
  min-height: 100vh;
  min-height: calc( 100vh - 57px); }

footer.site-footer {
  width: 100vw;
  background-color: black;
  color: #a7a9a9;
  padding: 10px 0 6px 0;
  overflow: hidden;
  margin-right: 0px;
  position: static;
  left: 0px;
  bottom: 0;
  height: 210px; }
  @media (max-width: 543px) {
    footer.site-footer {
      height: unset; } }
  footer.site-footer .site-info {
    height: auto;
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
    font-weight: 300;
    padding-top: 60px; }
    @media (max-width: 543px) {
      footer.site-footer .site-info {
        padding-top: unset; } }
    footer.site-footer .site-info .time {
      display: inline-block; }
    footer.site-footer .site-info .time-row {
      display: grid;
      grid-template-columns: 40px 80px 1fr 40px 80px 1fr 40px 80px 1fr 40px 80px;
      grid-template-rows: 40vh;
      grid-template-rows: 20px;
      justify-items: center; }
      @media (max-width: 543px) {
        footer.site-footer .site-info .time-row {
          grid-template-columns: auto 56px 1fr auto 56px 1fr auto 56px 1fr auto 56px; } }
      footer.site-footer .site-info .time-row .clock-builder-output:first-of-type, footer.site-footer .site-info .time-row .clock-city:first-of-type {
        justify-self: start; }
      footer.site-footer .site-info .time-row .clock-builder-output:last-of-type, footer.site-footer .site-info .time-row .clock-city:last-of-type {
        justify-self: end; }

/*
footer.site-footer.front-page {
	
	.site-info {
		height: 100vh;
		
		.time {
			display: inline-block;
		}
		.time-row {
    		grid-template-rows: 40vh;
		}
	}
	
	.footer-message {
		background-color: #caff00;
		font-family: monospace, sans-serif;
		text-transform: uppercase;
		padding: 0 34px;
		margin-left: auto;
		margin-right: auto;
	}
}
*/
.footer-video {
  background-color: black;
  height: calc( 900vw / 16);
  position: fixed;
  z-index: 5;
  bottom: 0;
  width: 100vw; }

article {
  margin: 0 auto;
  max-width: 1024px;
  padding: 0 34px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 543px) {
    article {
      padding: 0 16px; } }

main {
  margin-left: calc(100vw - 100%); }
  @media (max-width: 767px) {
    main {
      margin-left: auto; } }

footer.related_work {
  margin: 0 auto;
  max-width: unset;
  width: 100%;
  width: calc( 100% + 30px );
  margin-left: -15px;
  padding: 0;
  background-color: #c8d2d2;
  color: #4b4c4c;
  margin-top: 20px; }
  @media (max-width: 767px) {
    footer.related_work {
      margin: 16px -15px 0px 0px;
      width: 100%; } }

.related_work article {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 160px 360px;
  grid-column-gap: 2em; }
  @media (max-width: 543px) {
    .related_work article {
      grid-template-columns: 1fr;
      grid-template-rows: 60px 1fr;
      grid-column-gap: 0;
      grid-row-gap: 16px; } }
.related_work a {
  text-decoration: none; }
  .related_work a:visited {
    color: #4b4c4c; }

.other-work-header {
  grid-column: 1 / -1;
  align-self: center;
  color: #4b4c4c; }

.other-work-item a {
  opacity: 0.4;
  transition: opacity .6s;
  -webkit-transform: translateZ(0); }
  .other-work-item a:hover, .other-work-item a:active, .other-work-item a:focus {
    opacity: 1.0;
    -webkit-transform: translateZ(0);
    color: #8a8e8e; }
  @media (max-width: 543px) {
    .other-work-item a {
      opacity: 1; } }
  .other-work-item a.err404-item {
    opacity: 1; }

#library {
  padding-bottom: 60px; }
  #library .grid-container {
    grid-row-gap: 36px; }
    #library .grid-container h4 {
      grid-column-end: span 12; }

#library-featured.grid-container, #library-new.grid-container {
  padding-top: 36px;
  padding-bottom: 72px; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto; }

.embed-container iframe, .embed-container video, .embed-container embed, .embed-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

video[poster] {
  object-fit: cover; }

.grid-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  @supports (display: grid) {
    .grid-container {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-column-gap: 40px;
      grid-row-gap: 8px; }
      @media (max-width: 543px) {
        .grid-container {
          grid-column-gap: 0px; } } }

.work-thumbnail {
  display: inline-grid;
  float: left; }
  .work-thumbnail a {
    text-decoration: none; }
    .work-thumbnail a .work-image-container {
      height: 0;
      position: relative;
      padding-top: 56.25%;
      width: 100%; }
      .work-thumbnail a .work-image-container .work-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-size: cover;
        background-position: center center;
        background-color: rgba(200, 200, 200, 0.2); }
        .work-thumbnail a .work-image-container .work-image .work-image-centering {
          display: flex;
          width: 100%;
          justify-content: center;
          align-items: center; }
          .work-thumbnail a .work-image-container .work-image .work-image-centering img {
            object-fit: cover;
            width: 100%;
            height: 100%;
            max-width: unset;
            filter: brightness(95%);
            -webkit-filter: brightness(95%);
            -moz-filter: brightness(95%);
            -o-filter: brightness(95%);
            -ms-filter: brightness(95%);
            transition: filter 0.4s ease-in-out; }
            .work-thumbnail a .work-image-container .work-image .work-image-centering img:hover {
              filter: brightness(115%);
              -webkit-filter: brightness(115%);
              -moz-filter: brightness(115%);
              -o-filter: brightness(115%);
              -ms-filter: brightness(115%); }
    .work-thumbnail a .work-image-container.aspect-square {
      padding-top: 100%; }
      .work-thumbnail a .work-image-container.aspect-square .work-image .work-image-centering img {
        width: auto;
        height: 100%; }
    .work-thumbnail a .work-image-container.aspect-widescreen {
      padding-top: 42.5%; }
    .work-thumbnail a .work-image-container.aspect-vertical {
      padding-top: 150%; }

.homepage-works {
  margin-bottom: 144px;
  width: 100%;
  float: left; }
  .homepage-works .aspect-widescreen {
    padding-top: inherit; }

footer.related_work .work-image-container.aspect-square, footer.related_work .work-image-container.aspect-widescreen, footer.related_work .work-image-container.aspect-vertical {
  padding-top: 56.25%; }

.endRow {
  margin-right: 0px; }

.end-icon {
  background-image: url("images/end_icon@3x.png");
  background-size: 80px 138px;
  background-repeat: no-repeat;
  float: right;
  margin: 120px -40px 0 0;
  grid-column-end: -1;
  opacity: 0.1; }
  @media (max-width: 543px) {
    .end-icon {
      dispaly: none; } }

#stills img, #process-stills img {
  width: 100%;
  height: auto;
  padding-bottom: 8px; }

#stills.grid img, #process-stills.grid img {
  padding-bottom: 0px; }

.jvectormap-container {
  background-color: transparent !important; }
  .jvectormap-container svg g {
    opacity: 0.2; }

.jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-legend-cnt {
  display: none; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%; }

.gallery-caption {
  display: block; }

/* -- VOLUMES MASTHEAD --*/
.volumes-masthead {
  width: 100%;
  max-width: 956px;
  margin: 0 auto;
  height: 143px;
  grid-template-columns: 400px 1fr 122px 60px;
  grid-template-rows: 14px 77px auto; }

.grid-container-masthead {
  display: grid;
  justify-items: start;
  align-items: start;
  text-align: left; }

.grid-item-masthead {
  border: none; }

.bg-main {
  grid-column: 1/5;
  grid-row: 2/2;
  line-height: 0px; }

.bg-top-right {
  grid-column: 3/4;
  grid-row: 1/1; }

.bg-lower-left {
  grid-column: 1/2;
  grid-row: 3/4;
  line-height: 12px;
  overflow: hidden; }

.bg-bottom-right-overflow {
  width: calc( (100vw - 956px) / 2 + 174px);
  overflow: hidden; }

.vol-number {
  grid-column: 4/5;
  grid-row: 1/1;
  color: black; }

.vol-volume span, .vol-number span, .antibody-journal-title span, .vol-title span {
  font-size: 16px;
  line-height: 0px;
  letter-spacing: 0.42em;
  text-align: left;
  font-weight: 600;
  overflow: hidden; }

.antibody-journal-title span {
  white-space: nowrap;
  z-index: 5;
  align-content: start;
  color: black;
  top: 2px;
  position: relative; }

.vol-menu {
  width: 405px;
  top: 0;
  align-content: start; }

.vol-title {
  align-content: end;
  justify-content: end;
  color: black;
  text-align: right; }

.vol-title span {
  position: relative;
  text-transform: uppercase; }

.vol-volume {
  color: black; }

.masthead-logo img {
  width: 100%; }

.logo-line {
  grid-column: 1/1;
  grid-row: 1/4;
  z-index: 1; }
  .logo-line img {
    margin-left: 42px;
    margin-top: 4px;
    height: 140px; }

/*-- VOLUME DESCRIPTION -- */
section.volume-description, .issues-items span {
  font-size: 18px;
  padding-bottom: 40px;
  padding-top: 40px;
  line-height: 22px;
  letter-spacing: 0px; }

/* ---- ISSUES grid ---- */
.issues-grid {
  width: 954px;
  height: auto;
  margin: 0 auto; }
  @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
    .issues-grid {
      /* For portrait layouts only */
      width: 954px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .issues-grid {
      width: 636px; } }
  @media (max-width: 767px) {
    .issues-grid {
      width: 318px; } }
  .issues-grid a {
    text-decoration: none; }

/* clear fix */
.issues-grid:after {
  content: '';
  display: block;
  clear: both; }

/*-- VOLUMES SPINES --*/
section.volume-footer .issues-grid a .cover span {
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 0px; }
  section.volume-footer .issues-grid a .cover span .txt {
    padding-left: 4px; }

/* ---- .grid-item ---- */
.grid-item {
  float: left;
  width: 318px;
  height: 318px;
  font-size: 24px;
  pointer: default; }

.grid-item.topic {
  text-align: center;
  font-size: 64px;
  display: grid;
  border-bottom: none; }
  .grid-item.topic span.txt {
    position: relative;
    color: white;
    margin: auto;
    max-width: 80%;
    line-height: 0.9;
    padding-bottom: 36px; }
  .grid-item.topic span.volume-heading {
    font-size: 21px; }

.grid-item img {
  max-height: 100%;
  float: left; }

.grid-item.topic:hover, .cover:hover, .topic.expanded {
  background: blue; }

.grid-item.book-info {
  background: #232524; }

.cover {
  background: black; }

.cover:hover {
  background: inherit; }

.topic {
  border: solid 1px #e3e3e3; }

.book_description {
  color: white;
  line-height: 1;
  font-size: 16px;
  font-family: "Chronicle Text G1 A","Chronicle Text G1 B",serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  padding-top: 24px; }

.book-meta .library-meta {
  padding: 8px; }

.book-meta .library-meta .title, .book-meta .library-meta .title a {
  color: white;
  text-decoration: none; }

.book-meta .library-meta .title:hover::after, .book-meta .library-meta .publisher:hover::after {
  color: yellow; }

@media (max-width: 543px) {
  .book-meta .library-meta .title::after {
    content: 'READ MORE';
    display: inline-block;
    padding-left: 4px;
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
    font-size: 8px;
    color: yellow; } }

@media (max-width: 543px) {
  .book-meta .library-meta .publisher::after {
    content: 'FIND ONLINE';
    display: inline-block;
    padding-left: 4px;
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
    font-size: 8px;
    color: yellow; } }

@media (max-width: 543px) {
  .book-meta .library-meta a.pub-link::after, .book-meta .library-meta a.title-link::after {
    content: '';
    display: none; } }

.book-info, .book-image {
  cursor: default; }

/* . CLOSE PLUS ICON . */
.close {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 24px;
  height: 24px;
  opacity: 0.8; }

.close:hover {
  opacity: 1; }

.close:before, .close:after {
  position: absolute;
  left: 10px;
  content: ' ';
  height: 21px;
  width: 2px;
  background-color: #e1ff0a; }

.close:before {
  transform: rotate(0deg); }

.close:after {
  transform: rotate(90deg); }

.close.open:before, .close.open:after {
  position: absolute;
  left: 10px;
  content: ' ';
  height: 21px;
  width: 2px; }

.close.open:before {
  transform: rotate(45deg); }

.close.open:after {
  transform: rotate(-45deg); }

/* SLIDER SETTINGS TO AVOID LAYOUT FLASH BEFORE PAGE LOAD
.slick-slider > .slick-list > .slick-track > .slick-slide:not(:first-child) {
    visibility: hidden;
	opacity:0;	 
	transition: opacity 1s;
}

.slick-slider.slick-initialized > .slick-list > .slick-track > .slick-slide {
    visibility: visible;
		opacity:1;	 
	transition: opacity 1s;
}

 */
.masthead {
  margin: 0px auto;
  width: 956px;
  max-width: 100%;
  margin-bottom: -32px; }

#bookgrid {
  margin-top: 40px; }

.carousel {
  margin: 0px auto;
  width: 956px;
  max-width: 100%;
  padding: 20px 0px; }
  .carousel .carousel-cell {
    width: 240px;
    height: 240px;
    background: grey;
    margin: 0px 2px;
    padding: 0px; }
    .carousel .carousel-cell img {
      width: 100%; }
    .carousel .carousel-cell.info {
      background: #b8c1c1;
      padding: 8px 12px 8px 12px;
      color: black;
      font-size: 14px;
      text-align: left;
      width: 240px; }
      .carousel .carousel-cell.info .library-meta {
        max-width: calc(100% - 16px); }
        .carousel .carousel-cell.info .library-meta a.title-link .title {
          -webkit-margin-after: 0.4em; }
          .carousel .carousel-cell.info .library-meta a.title-link .title::after {
            color: red;
            content: 'READ MORE';
            display: inline-block;
            padding-left: 4px;
            font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
            font-size: 8px; }
        .carousel .carousel-cell.info .library-meta .author {
          margin-top: 0px; }
        .carousel .carousel-cell.info .library-meta a.pub-link .publisher::after {
          color: red;
          content: 'FIND ONLINE';
          display: inline-block;
          padding-left: 4px;
          font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
          font-size: 8px; }
        .carousel .carousel-cell.info .library-meta .issue_notes {
          margin-top: 14px;
          font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
          font-size: 13px;
          line-height: 16px;
          font-weight: 300; }
      .carousel .carousel-cell.info.cell-double {
        width: 484px; }

.carousel.mobile .carousel-cell.info.cell-double {
  max-width: 100%; }

.flickity-button {
  background: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0.2);
  height: 100%; }
  .flickity-button:hover {
    background: transparent;
    color: white; }
  .flickity-button:focus {
    box-shadow: none; }

/* Images Lazy Load */
/* fade in image when loaded */
.carousel-cell-image {
  transition: opacity 0.4s;
  opacity: 0; }

.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1; }

/*--------------------------------------------------------------
## BREAKPOINTS
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
  padding-top: 5px;
  position: relative; }

.grid-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between; }
  @supports (display: grid) {
    .grid-container {
      display: grid;
      grid-template-columns: repeat(12, minmax(0px, 1fr));
      /* must add minmax to hack slide calculations */
      grid-column-gap: 40px;
      grid-row-gap: 8px;
      grid-template-rows: auto;
      /* Calculate image height + 105px) */ }
      @media (max-width: 543px) {
        .grid-container {
          grid-column-gap: 0px; } }
      .grid-container .work-thumbnail.full {
        grid-template-rows: minmax(566px, auto); }
      .grid-container .work-thumbnail.full.aspect-widescreen {
        grid-template-rows: minmax(516px, auto); }
      .grid-container .work-thumbnail.full.aspect-square {
        grid-template-rows: minmax(1068px, auto); }
      .grid-container .work-thumbnail.half {
        grid-template-rows: minmax(353px, auto); }
      .grid-container .work-thumbnail.half.aspect-square {
        grid-template-rows: minmax(621px, auto); }
      .grid-container .work-thumbnail.half.aspect-widescreen {
        grid-template-rows: minmax(296px, auto); }
      .grid-container .work-thumbnail.third {
        grid-template-rows: minmax(263px, auto); }
      .grid-container .work-thumbnail.third.aspect-square {
        grid-template-rows: minmax(397px, auto); }
      .grid-container .work-thumbnail.third.aspect-widescreen {
        grid-template-rows: minmax(236px, auto); }
      @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
        .grid-container {
          /* For portrait layouts only */ }
          .grid-container .work-thumbnail.full {
            grid-template-rows: minmax(476px, auto); }
          .grid-container .work-thumbnail.full.aspect-widescreen {
            grid-template-rows: minmax(406px, auto); }
          .grid-container .work-thumbnail.full.aspect-square {
            grid-template-rows: minmax(806px, auto); }
          .grid-container .work-thumbnail.half, .grid-container .work-thumbnail.third {
            grid-template-rows: minmax(285px, auto); }
          .grid-container .work-thumbnail.half.aspect-square, .grid-container .work-thumbnail.third.aspect-square {
            grid-template-rows: minmax(436px, auto); }
          .grid-container .work-thumbnail.half.aspect-widescreen, .grid-container .work-thumbnail.third.aspect-square {
            grid-template-rows: minmax(246px, auto); } }
      @media (max-width: 767px) {
        .grid-container .work-thumbnail.full, .grid-container .work-thumbnail.full.aspect-widescreen, .grid-container .work-thumbnail.full.aspect-square, .grid-container .work-thumbnail.half, .grid-container .work-thumbnail.third, .grid-container .work-thumbnail.half.aspect-square, .grid-container .work-thumbnail.third.aspect-square, .grid-container .work-thumbnail.half.aspect-widescreen, .grid-container .work-thumbnail.third.aspect-square {
          grid-template-rows: auto; } }
      .grid-container .search.third {
        grid-template-rows: auto !important; } }

.work-thumbnail {
  display: inline-grid;
  float: left; }
  .work-thumbnail a {
    text-decoration: none; }
    .work-thumbnail a .work-image-container {
      height: 0;
      position: relative;
      padding-top: 56.25%;
      width: 100%; }
      .work-thumbnail a .work-image-container .work-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: rgba(200, 200, 200, 0.2);
        justify-content: center;
        display: flex; }
        .work-thumbnail a .work-image-container .work-image img {
          width: auto;
          height: 104%;
          /* Hack to fix some images not filling their aspect ratio frames */
          max-width: unset;
          filter: brightness(95%);
          -webkit-filter: brightness(95%);
          -moz-filter: brightness(95%);
          -o-filter: brightness(95%);
          -ms-filter: brightness(95%);
          transition: filter 0.4s ease-in-out; }
          .work-thumbnail a .work-image-container .work-image img:hover {
            filter: brightness(110%);
            -webkit-filter: brightness(110%);
            -moz-filter: brightness(110%);
            -o-filter: brightness(110%);
            -ms-filter: brightness(110%); }
    .work-thumbnail a .work-image-container.aspect-square {
      padding-top: 100%; }
      @media (max-width: 767px) {
        .work-thumbnail a .work-image-container.aspect-square {
          padding-top: 56.25%; } }
      @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
        .work-thumbnail a .work-image-container.aspect-square {
          /* For portrait layouts only */
          padding-top: 56.25%; } }
    .work-thumbnail a .work-image-container.aspect-widescreen {
      padding-top: 42.5%; }

.homepage-works .aspect-widescreen {
  padding-top: 56.25% !important; }

footer.related_work .work-image-container.aspect-square, footer.related_work .work-image-container.aspect-widescreen {
  padding-top: 56.25%; }

.endRow {
  margin-right: 0px; }

.full {
  flex-basis: 100%; }
  @supports (display: grid) {
    .full {
      grid-column-end: span 12; } }

.half {
  flex-basis: calc((100% - 40px) / 2); }
  @supports (display: grid) {
    .half {
      grid-column-end: span 6; } }
  @media (max-width: 543px) {
    .half {
      flex-basis: 100%; }
      @supports (display: grid) {
        .half {
          grid-column-end: span 12; } } }

.third {
  flex-basis: calc((100% - ( 40px * 2 )) / 3); }
  @supports (display: grid) {
    .third {
      grid-column-end: span 4; } }
  @media (min-width: 544px) and (max-width: 767px) {
    .third {
      grid-column-end: span 4; } }
  @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
    .third {
      /* For portrait layouts only */
      flex-basis: calc((100% - 40px) / 2); }
      @supports (display: grid) {
        .third {
          grid-column-end: span 6; } } }
  @media (max-width: 543px) {
    .third {
      flex-basis: 100%; }
      @supports (display: grid) {
        .third {
          grid-column-end: span 12; } } }

.quarter {
  flex-basis: calc((100% - ( 40px * 3 )) / 4); }
  @supports (display: grid) {
    .quarter {
      grid-column-end: span 3; } }
  @media (min-width: 544px) and (max-width: 767px) {
    .quarter {
      flex-basis: calc((100% - ( 40px * 1 )) / 2); }
      @supports (display: grid) {
        .quarter {
          grid-column-end: span 4; } } }
  @media (max-width: 543px) {
    .quarter {
      flex-basis: 100%; }
      @supports (display: grid) {
        .quarter {
          grid-column-end: span 12; } } }

.end-icon {
  background-image: url("images/end_icon@3x.png");
  background-size: 80px 138px;
  background-repeat: no-repeat;
  float: right;
  margin: 120px -40px 0 0;
  grid-column-end: -1;
  opacity: 0.1; }
  @media (max-width: 543px) {
    .end-icon {
      display: none; } }

#stills img, #process-stills img {
  width: 100%;
  height: auto;
  padding-bottom: 8px; }

#stills.grid img, #process-stills.grid img {
  padding-bottom: 0px; }

/*
.library-images {
	height: 0;
	position: relative;
	padding-top: 100%;
	width: 100%;
	
	.library-image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background-size: cover;
		background-position: center center;
		background-color: rgba(200, 200, 200, 0.2);
	}
}
*/
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%; }

.gallery-caption {
  display: block; }

/* -- VOLUMES MASTHEAD --*/
.volumes-masthead {
  width: 100%;
  max-width: 956px;
  margin: 0 auto;
  height: 143px;
  grid-template-columns: 400px 1fr 122px 60px;
  grid-template-rows: 14px 77px auto; }

.grid-container-masthead {
  display: grid;
  justify-items: start;
  align-items: start;
  text-align: left; }

.grid-item-masthead {
  border: none; }

.bg-main {
  grid-column: 1/5;
  grid-row: 2/2;
  line-height: 0px; }

.bg-top-right {
  grid-column: 3/4;
  grid-row: 1/1; }

.bg-lower-left {
  grid-column: 1/2;
  grid-row: 3/4;
  line-height: 12px;
  overflow: hidden; }

.bg-bottom-right-overflow {
  width: calc( (100vw - 956px) / 2 + 174px);
  overflow: hidden; }

.vol-number {
  grid-column: 4/5;
  grid-row: 1/1;
  color: black; }

.vol-volume span, .vol-number span, .antibody-journal-title span, .vol-title span {
  font-size: 16px;
  line-height: 0px;
  letter-spacing: 0.42em;
  text-align: left;
  font-weight: 600;
  overflow: hidden; }

.antibody-journal-title span {
  white-space: nowrap;
  z-index: 5;
  align-content: start;
  color: black;
  top: 2px;
  position: relative; }

.vol-menu {
  width: 405px;
  top: 0;
  align-content: start; }

.vol-title {
  align-content: end;
  justify-content: end;
  color: black;
  text-align: right; }

.vol-title span {
  position: relative;
  text-transform: uppercase; }

.vol-volume {
  color: black; }

.masthead-logo img {
  width: 100%; }

.logo-line {
  grid-column: 1/1;
  grid-row: 1/4;
  z-index: 1; }
  .logo-line img {
    margin-left: 42px;
    margin-top: 4px;
    height: 140px; }

/*-- VOLUME DESCRIPTION -- */
section.volume-description, .issues-items span {
  font-size: 18px;
  padding-bottom: 40px;
  padding-top: 40px;
  line-height: 22px;
  letter-spacing: 0px; }

/* ---- ISSUES grid ---- */
.issues-grid {
  width: 954px;
  height: auto;
  margin: 0 auto; }
  @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
    .issues-grid {
      /* For portrait layouts only */
      width: 954px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .issues-grid {
      width: 636px; } }
  @media (max-width: 767px) {
    .issues-grid {
      width: 318px; } }
  .issues-grid a {
    text-decoration: none; }

/* clear fix */
.issues-grid:after {
  content: '';
  display: block;
  clear: both; }

/*-- VOLUMES SPINES --*/
section.volume-footer .issues-grid a .cover span {
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 0px; }
  section.volume-footer .issues-grid a .cover span .txt {
    padding-left: 4px; }

/* ---- .grid-item ---- */
.grid-item {
  float: left;
  width: 318px;
  height: 318px;
  font-size: 24px;
  pointer: default; }

.grid-item.topic {
  text-align: center;
  font-size: 64px;
  display: grid;
  border-bottom: none; }
  .grid-item.topic span.txt {
    position: relative;
    color: white;
    margin: auto;
    max-width: 80%;
    line-height: 0.9;
    padding-bottom: 36px; }
  .grid-item.topic span.volume-heading {
    font-size: 21px; }

.grid-item img {
  max-height: 100%;
  float: left; }

.grid-item.topic:hover, .cover:hover, .topic.expanded {
  background: blue; }

.grid-item.book-info {
  background: #232524; }

.cover {
  background: black; }

.cover:hover {
  background: inherit; }

.topic {
  border: solid 1px #e3e3e3; }

.book_description {
  color: white;
  line-height: 1;
  font-size: 16px;
  font-family: "Chronicle Text G1 A","Chronicle Text G1 B",serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  padding-top: 24px; }

.book-meta .library-meta {
  padding: 8px; }

.book-meta .library-meta .title, .book-meta .library-meta .title a {
  color: white;
  text-decoration: none; }

.book-meta .library-meta .title:hover::after, .book-meta .library-meta .publisher:hover::after {
  color: yellow; }

@media (max-width: 543px) {
  .book-meta .library-meta .title::after {
    content: 'READ MORE';
    display: inline-block;
    padding-left: 4px;
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
    font-size: 8px;
    color: yellow; } }

@media (max-width: 543px) {
  .book-meta .library-meta .publisher::after {
    content: 'FIND ONLINE';
    display: inline-block;
    padding-left: 4px;
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
    font-size: 8px;
    color: yellow; } }

@media (max-width: 543px) {
  .book-meta .library-meta a.pub-link::after, .book-meta .library-meta a.title-link::after {
    content: '';
    display: none; } }

.book-info, .book-image {
  cursor: default; }

/* . CLOSE PLUS ICON . */
.close {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 24px;
  height: 24px;
  opacity: 0.8; }

.close:hover {
  opacity: 1; }

.close:before, .close:after {
  position: absolute;
  left: 10px;
  content: ' ';
  height: 21px;
  width: 2px;
  background-color: #e1ff0a; }

.close:before {
  transform: rotate(0deg); }

.close:after {
  transform: rotate(90deg); }

.close.open:before, .close.open:after {
  position: absolute;
  left: 10px;
  content: ' ';
  height: 21px;
  width: 2px; }

.close.open:before {
  transform: rotate(45deg); }

.close.open:after {
  transform: rotate(-45deg); }

/* SLIDER SETTINGS TO AVOID LAYOUT FLASH BEFORE PAGE LOAD
.slick-slider > .slick-list > .slick-track > .slick-slide:not(:first-child) {
    visibility: hidden;
	opacity:0;	 
	transition: opacity 1s;
}

.slick-slider.slick-initialized > .slick-list > .slick-track > .slick-slide {
    visibility: visible;
		opacity:1;	 
	transition: opacity 1s;
}

 */
.masthead {
  margin: 0px auto;
  width: 956px;
  max-width: 100%;
  margin-bottom: -32px; }

#bookgrid {
  margin-top: 40px; }

.carousel {
  margin: 0px auto;
  width: 956px;
  max-width: 100%;
  padding: 20px 0px; }
  .carousel .carousel-cell {
    width: 240px;
    height: 240px;
    background: grey;
    margin: 0px 2px;
    padding: 0px; }
    .carousel .carousel-cell img {
      width: 100%; }
    .carousel .carousel-cell.info {
      background: #b8c1c1;
      padding: 8px 12px 8px 12px;
      color: black;
      font-size: 14px;
      text-align: left;
      width: 240px; }
      .carousel .carousel-cell.info .library-meta {
        max-width: calc(100% - 16px); }
        .carousel .carousel-cell.info .library-meta a.title-link .title {
          -webkit-margin-after: 0.4em; }
          .carousel .carousel-cell.info .library-meta a.title-link .title::after {
            color: red;
            content: 'READ MORE';
            display: inline-block;
            padding-left: 4px;
            font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
            font-size: 8px; }
        .carousel .carousel-cell.info .library-meta .author {
          margin-top: 0px; }
        .carousel .carousel-cell.info .library-meta a.pub-link .publisher::after {
          color: red;
          content: 'FIND ONLINE';
          display: inline-block;
          padding-left: 4px;
          font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
          font-size: 8px; }
        .carousel .carousel-cell.info .library-meta .issue_notes {
          margin-top: 14px;
          font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
          font-size: 13px;
          line-height: 16px;
          font-weight: 300; }
      .carousel .carousel-cell.info.cell-double {
        width: 484px; }

.carousel.mobile .carousel-cell.info.cell-double {
  max-width: 100%; }

.flickity-button {
  background: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0.2);
  height: 100%; }
  .flickity-button:hover {
    background: transparent;
    color: white; }
  .flickity-button:focus {
    box-shadow: none; }

/* Images Lazy Load */
/* fade in image when loaded */
.carousel-cell-image {
  transition: opacity 0.4s;
  opacity: 0; }

.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1; }