/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */
/* Import Sass mixins, variables, Compass modules, etc. */
@font-face {
  font-family: "Freight Sans Light";
  src: url(../fonts/FreigSanLig.otf) format("opentype"); }
@font-face {
  font-family: "Freight Sans Book";
  src: url(../fonts/FreigSanBoo.otf) format("opentype"); }
@font-face {
  font-family: "Freight Sans Medium";
  src: url(../fonts/FreigSanBoo.otf) format("opentype"); }
@font-face {
  font-family: "Freight Sans Bold";
  src: url(../fonts/FreigSanBol.otf) format("opentype"); }
/********************
** Breakpoints
********************/
/********************
** Fonts
********************/
/********************
** Colors
********************/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* HTML element (SMACSS base) rules */
/**
 * @file
 * Normalize.css is intended to be used as an alternative to CSS resets.
 *
 * This file is a slight fork of these original sources:
 * - normalize.css v2.1.2 | MIT License | git.io/normalize
 * - normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-with-compass
 *
 * It's suggested that you read the normalize.scss file and customise it to meet
 * your needs, rather then including the file in your project and overriding the
 * defaults later in your CSS.
 * @see http://nicolasgallagher.com/about-normalize-css/
 *
 * Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
 *       @see http://snook.ca/archives/html_and_css/no_css_reset/
 */
/**
 * HTML5 display definitions
 */
/* Correct `block` display not defined in IE 8/9. */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block; }

/* Correct `inline-block` display not defined in IE 8/9. */
audio,
canvas,
video {
  display: inline-block; }

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

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

/**
 * Base
 *
 * Instead of relying on the fonts that are available on a user's computer, you
 * can use web fonts which, like images, are resources downloaded to the user's
 * browser. Because of the bandwidth and rendering resources required, web fonts
 * should be used with care.
 *
 * Numerous resources for web fonts can be found on Google. Here are a few
 * websites where you can find Open Source fonts to download:
 * - http://www.fontsquirrel.com/fontface
 * - http://www.theleagueofmoveabletype.com
 *
 * In order to use these fonts, you will need to convert them into formats
 * suitable for web fonts. We recommend the free-to-use Font Squirrel's
 * Font-Face Generator:
 *   http://www.fontsquirrel.com/fontface/generator
 *
 * The following is an example @font-face declaration. This font can then be
 * used in any ruleset using a property like this:  font-family: Example, serif;
 *
 * Since we're using Sass, you'll need to declare your font faces here, then you
 * can add them to the font variables in the _init.scss partial.
 */
/*
@font-face {
  font-family: 'Example';
  src: url('../fonts/example.eot');
  src: url('../fonts/example.eot?iefix') format('eot'),
    url('../fonts/example.woff') format('woff'),
    url('../fonts/example.ttf') format('truetype'),
    url('../fonts/example.svg#webfontOkOndcij') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 */
html {
  font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
  /* 1 */
  font-size: 100%;
  /* 3 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  line-height: 1.5em; }

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

/**
 * Links
 *
 * The order of link states are based on Eric Meyer's article:
 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
 */
/* Address `outline` inconsistency between Chrome and other browsers. */
a:focus {
  outline: thin dotted; }

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

/**
 * Typography
 *
 * To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins
 * so that the line height of our base font becomes the basic unit of vertical
 * measurement. We use multiples of that unit to set the top and bottom margins
 * for our block level elements and to set the line heights of any fonts.
 * For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm
 */
/* Set 1 unit of vertical rhythm on the top and bottom margin. */
blockquote {
  /* Also indent the quote on both sides. */ }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/* Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] {
  border-bottom: 1px dotted; }

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

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

/* Address differences between Firefox and other browsers. */
hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  border-bottom: 1px solid #666;
  padding-bottom: -1px;
  margin: 2em auto;
  max-width: 700px;
  opacity: 0.4; }

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

/* Correct font family set oddly in Safari 5 and Chrome. */
code,
kbd,
pre,
samp,
tt,
var {
  font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif;
  font-size: 1em;
  line-height: 1.5em; }

/* Improve readability of pre-formatted text in all browsers. */
pre {
  white-space: pre-wrap; }

/* Set consistent quote types. */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/**
 * Lists
 */
dl,
menu,
ol,
ul {
  /* Address margins set differently in IE 6/7. */ }

ol,
ul {
  list-style-type: none; }
  ol ol,
  ol ul,
  ul ol,
  ul ul {
    /* Turn off margins on nested lists. */
    margin: 0;
    list-style-type: none; }

dd {
  margin: 0 0 0 30px;
  /* LTR */ }

/* Address paddings set differently in IE 6/7. */
/**
 * Embedded content and figures
 *
 * @todo Look into adding responsive embedded video.
 */
img {
  /* Remove border when inside `a` element in IE 8/9. */
  border: 0;
  /* Suppress the space beneath the baseline */
  /* vertical-align: bottom; */
  /* Responsive images */
  max-width: 100%;
  height: auto;
  /* Correct IE 8 not scaling image height when resized. */
  width: auto; }

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

/* Address margin not present in IE 8/9 and Safari 5. */
figure {
  margin: 0; }

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

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

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Improve appearance and consistency with IE 6/7.
 * 5. Keep form elements constrained in their containers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
  max-width: 100%;
  /* 5 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 5 */ }

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

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

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

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

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* Drupal-style form labels. */
label {
  display: block;
  font-weight: bold; }

/**
 * Tables
 */
table {
  /* Remove most spacing between table cells. */
  border-collapse: collapse;
  border-spacing: 0;
  /* Prevent cramped-looking tables */
  /* width: 100%; */
  /* Add vertical rhythm margins. */
  margin-top: 1.5em;
  margin-bottom: 1.5em; }

/* Layout rules */
/**
 * @file
 * Positioning for a responsive layout.
 *
 * Define CSS classes to create a fluid grid layout with optional sidebars
 * depending on whether blocks are placed in the left or right sidebars.
 *
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
 */
/**
 * Center the page.
 *
 * For screen sizes larger than 1200px, prevent excessively long lines of text
 * by setting a max-width.
 */
#page,
.region-bottom {
  margin: 0 auto; }
  #page #page,
  .region-bottom #page {
    width: 100%;
    margin: 0 auto;
    max-width: 1600px;
    transition: box-shadow 0.2s ease-in;
    opacity: 1; }
    @media only screen and (min-width: 1400px) {
      #page #page,
      .region-bottom #page {
        box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2); } }

/* Apply the shared properties of grid items in a single, efficient ruleset. */
/* Containers for grid items and flow items. */
/* Navigation bar */
@media all and (min-width: 480px) {
  #main {
    /* Move all the children of #main down to make room. */
    position: relative;
    background: #fff; }

  #navigation {
    /* Move the navbar up inside #main's padding. */
    position: absolute;
    top: 0;
    height: 3em;
    width: 100%; } }
/**
 * Use 3 grid columns for smaller screens.
 */
@media all and (min-width: 480px) and (max-width: 959px) {
  /**
   * The layout when there is only one sidebar, the left one.
   */
  .sidebar-first {
    /* Span 2 columns, starting in 2nd column from left. */
    /* Span 1 column, starting in 1st column from left. */ }

  /**
   * The layout when there is only one sidebar, the right one.
   */
  .sidebar-second {
    /* Span 2 columns, starting in 1st column from left. */
    /* Span 1 column, starting in 3rd column from left. */ }

  /**
   * The layout when there are two sidebars.
   */
  .two-sidebars {
    /* Span 2 columns, starting in 2nd column from left. */
    /* Span 1 column, starting in 1st column from left. */
    /* Start a new row and span all 3 columns. */ }
    .two-sidebars .region-sidebar-second {
      /* Apply the shared properties of grid items in a single, efficient ruleset. */
      /* Span 1 column, starting in the 1st column from left. */
      /* Span 1 column, starting in the 2nd column from left. */
      /* Span 1 column, starting in the 3rd column from left. */ } }
/**
 * Use 5 grid columns for larger screens.
 */
@media all and (min-width: 960px) {
  /**
   * The layout when there is only one sidebar, the left one.
   */
  .sidebar-first {
    /* Span 4 columns, starting in 2nd column from left. */
    /* Span 1 column, starting in 1st column from left. */ }

  /**
   * The layout when there is only one sidebar, the right one.
   */
  .sidebar-second {
    /* Span 4 columns, starting in 1st column from left. */
    /* Span 1 column, starting in 5th column from left. */ }

  /**
   * The layout when there are two sidebars.
   */
  .two-sidebars {
    /* Span 3 columns, starting in 2nd column from left. */
    /* Span 1 column, starting in 1st column from left. */
    /* Span 1 column, starting in 5th column from left. */ } }
/* Component (SMACSS module) rules */
/*
 Changeing contexual link styles
 */
.tabs-primary {
  top: 100px; }

.user-login-wrapper .tabs-primary {
  top: 0; }

/**
 * @file
 * SMACSS Modules
 *
 * Adds modular sets of styles.
 *
 * Additional useful selectors can be found in Zen's online documentation.
 * https://drupal.org/node/1707736
 */
/**
 * Wireframes.
 */
.with-wireframes #header,
.with-wireframes #main,
.with-wireframes #content,
.with-wireframes #navigation,
.with-wireframes .region-sidebar-first,
.with-wireframes .region-sidebar-second,
.with-wireframes #footer,
.with-wireframes .region-bottom {
  outline: 1px solid #ccc; }

/**
 * Accessibility features.
 */
/* element-invisible as defined by http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
.element-invisible,
.element-focusable,
#navigation .block-menu .block__title,
#navigation .block-menu-block .block__title {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }

/* Turns off the element-invisible effect. */
.element-focusable:active, .element-focusable:focus {
  position: static !important;
  clip: auto;
  height: auto;
  width: auto;
  overflow: auto; }

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 */
#skip-link {
  margin: 0; }
  #skip-link a,
  #skip-link a:visited {
    display: block;
    width: 100%;
    padding: 2px 0 3px 0;
    text-align: center;
    background-color: #666;
    color: #fff; }

/**
 * Branding header.
 */
/* Wrapping link for logo. */
.header__logo {
  float: left;
  /* LTR */
  margin: 0;
  padding: 0; }

/* Logo image. */
.header__logo-image {
  vertical-align: bottom; }

/* Wrapper for website name and slogan. */
.header__name-and-slogan {
  float: left; }

/* The name of the website. */
.header__site-name {
  margin: 0;
  font-size: 2em;
  line-height: 1.5em; }

/* The link around the name of the website. */
.header__site-link:link, .header__site-link:visited {
  color: #000;
  text-decoration: none; }
.header__site-link:hover, .header__site-link:focus {
  text-decoration: underline; }

/* The slogan (or tagline) of a website. */
.header__site-slogan {
  margin: 0; }

/* The secondary menu (login, etc.) */
.header__secondary-menu {
  float: right;
  /* LTR */ }

/* Wrapper for any blocks placed in the header region. */
.header__region {
  /* Clear the logo. */
  clear: both; }

/**
 * Navigation bar.
 */
#navigation {
  /* Sometimes you want to prevent overlapping with main div. */
  /* overflow: hidden; */
  /* Main menu and secondary menu links and menu block links. */ }
  #navigation .block {
    margin-bottom: 0; }
  #navigation .links,
  #navigation .menu {
    margin: 0;
    padding: 0;
    text-align: left;
    /* LTR */ }
    #navigation .links li,
    #navigation .menu li {
      /* A simple method to get navigation links to appear in one line. */
      float: left;
      /* LTR */
      padding: 0 10px 0 0;
      /* LTR */
      list-style-type: none;
      list-style-image: none; }

/**
 * Breadcrumb navigation.
 */
.breadcrumb ol {
  margin: 0;
  padding: 0; }
.breadcrumb li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0; }

/**
 * Titles.
 */
.page__title,
.node__title,
.block__title,
.comments__title,
.comments__form-title,
.comment__title {
  /* Comment title. */
  margin: 0; }

/**
 * Messages.
 */
.messages, .messages--status, .messages--warning, .messages--error {
  margin: 1.5em 0;
  padding: 10px 10px 10px 50px;
  /* LTR */
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAD6UlEQVR42s2WX0xbVRzH3YwmC4k+GF/0ZS/S267/bmnX9nL7bwstZlnbjTDYyoC5GCbB0ZW5pdJCe6swbLFA6bpWIGuRMWVjKGP+21QW3SZBSAjGh4XEaTZTH82Cm/3ztS2xs7mw4KLRk3xyzj33/H6fe5Pz7zEA/yr/vUDukj9FH6drqTaqT8EoPs/UV+nX6TD1BlUh9AqLHlmgPKLcRHmoCOWmElK/FOKTYpS8UwLJkASiUyLI3pKhlClN0g46qj+qL/pbArlbrlO1q25JeiSgR2iYJ8ywXLSg/qP6LNl2ro8+Q4MMkKCd9K2t3q3KdQnkXXIF5aISkgEJzONm1F2qW52pDJN1MI2bUBIuAdVOJWSMTPNQgX6/vkjVpvpREpag6oMqWCYta1IzbsHh9ga0RJtzY8URMdRO9U/KSuWmNQUqh2pY3CtG+fvlqJyofMAFNrZAE+7e/RWR4X4cD9tgOGsA2U2CdtMDqwqyMyIzQ5KKqAKmcyaYxkzYd3YvjGNGFtXRPRj58DT+LOemRrFnrBLyITmUDmUyO/NYgu2d26ukHVJo3tXAMGpAs+cQmh0NeClan30uwN7TgnQ6nRd4r3thOGOAJqYB2UVC79AfZAnKHGUxQa8A2tNaNLW/jKvXv8Dyb8s4yryKA4O10A3roIvpUB+swTdz1/LJZ27PQBvT5lBH1RD4BChzlQ2wBNtc22aE/ULQgzRCl4P5BPcT93GMOYz9wb2QhCRgAq35d8u/L2PXe7tADVGgBlcQ+AXQtmlvsP/gzbJZvp8PMkJCFBYh8m0knyiVSsHe0YIGZz1+/uVOvt8z7QGvnwf+ST5EIRHIUyR4fh50rbp5lsDcYR4ReAXgBrng9q/Qfa0bfy035r7Ot2dvz4IX4IEIEAXwvDzscOw4zxJUd1YfEXlE4Aa4BQHMlwzSSBeI7iXvoTxWDqKPYCFsFaKmr+YVliB0JfS89DVpiuhlB9k/tSOZTuYFvq98yI7L0/MAsVWcGp0bfW61hbahwltxSeARsIKyWKesSKQSWIwvYkvvllwfx88pgOvhwthu/AzAxlVX8vz385tLbaVxwpcLZtEw0QDjsBGctzksiE4CimZFfHp++oWHbnbuUfdB0komMgHsRN1r0MWBsEmYODF5onY92/UTwcvBxuzXcN1ccHycVSn2FaPYWwzCQUDWKIt7z3utAJ5c74Hz+OLSomynY+cVfiM/xW3JiDyZpB3FuZrj4oCwE+Ad4qWMjPHjpTtL0mzMoxyZz9yM39Q7Y85Ok930icqm+k59TL2wm9l90dZv8y/8sPAigGf/iUN/Q4anM2zOsdLe+L+4VfwBVVjDs2rTYx0AAAAASUVORK5CYII=');
  background-position: 8px 8px;
  /* LTR */
  background-repeat: no-repeat;
  border: 1px solid #be7; }

.messages--warning {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACuElEQVRIiWP4//8/Ay0xSYqntTpnT252zqeJBf0Njhsykrz/pyd6/e9vcNpGVQv6q2wlm0qc/r0+IPD/3UG+/61l9v9mdrjIUc2C7hqHUzc3S///eZwBjO9tF/vfWe1wjioWTKixVm8otPn38wQT3IKfxxn/t5Va/utpsNSg2ILWcttrNzdJgQ3+dpQRjEHs+9tE/zeXWt+gyILOamuTqlxrsOtPLub+7+emBsSq/88v5wL7oqHQ9H9nmbkF2RbUF1rev7lJEuziuU3i/90ddcB4UZsoJC62ifyvK7R4QJYFrcUGrmUZ5v9hYb9hosh/bzcDMN42VRgeF9W5hv8bi/XdSbagKtfs2c1NEvCIPbaQ/7+/pwkYn17Ki0hR24T/l2eZPCfJgsZ83dCiNOP/yCnn7iau/8G+5mD8aBsHSoqqyNL9X5erHUm0BcVpRm9ubhZHMoTh/4eDzP/DA23+RwTZ/P96hAlF7t5Wof8FyfpvibKgNk8noyDZ4D9quofg1Bjr/1kJlhjiIF+Upmn/r83RzCJoQXaC3qcbm8SwGMLwvybP/H8jMGlik7u7VeB/Zqz2J7wWVGdr1uTG62J1PQgfWST1/+hiCaxyIF8UJqv9r8hQrcVpQVqkzrcbG0WwGvB2H/P/lnx5MAaxsam5vYn3f2KY+jesFpSlqfZnxWjidP2OGWL/g/0swBjExu4Lhv958Ur/i5KU+lEsCA1lYI4JUv95bZ0gTo2Pt3P+z0myBmMQG5e6mxu4/kf4Kf8EmQm3oCRNebKrvSawIGPBqRG9sMOp5hjjfwdrlf/58bKT4RaUpWvtcLZV/39iscD/H0AFP46jYwYiMeP/44u4/9tbKQODSXUH3II9G7v18hI0n8YGKv+IDVT6joxj/BVx4mgcOCde/SnITPRUJAHEGlTCEkQV19TAAN8FC67hZdFXAAAAAElFTkSuQmCC');
  border-color: #ed5; }

.messages--error {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACpElEQVR42rWWTUgbQRiGQ0Tx4MWDeFM8eBA9iKAoggiCoCiiIiL4L3oQV1CJB0UEf6iRYFpK7UniTw9VSqL2kvQsVDBpSZrtRo35czVNW3oprRf17exSl4yzu1ikAy9h59vvedhkMrMGAGoxknAk2w8MJ/WosXThiZkZt9jdLeglPjn5ATc3mhJNuNjbK0QbG3ExMICL/n6IfX0gcxB7ekDAELu6IHZ2IlJbi1hLS1BLogmPtbUhMTv7oMSamzUlqnByMxLT0/8STQkDj9TV4ZLj5OysrODl8jIu5Gs68dFR7JG6dWkJ0fFx+TpSX89IDMnwcHU1yKec12Yz3rlc4HkeLwjkXJpPip3U3+7vIx6P4ymph4eG5PlwTQ0lMdytlmBxMWKtrXLeT0zA5XTibvj9fjxfXETkb/3N/Dz2dneVuiTZtliU/rPSUsQ5ziuxZYG03IIlJdKKUPJjdRUAKMmzuTnskB/VYbdTtd9HR4g2NCi9Z2VliDY1BSnBaUEBzsrLqXyzWCiQ9HU5HA4afniIUFWV0hOqqMBpURErOM7NxWlhIZOvCwvA7S3Uxq+DA5AnZ3pO8vJYQSArC8c5Oeqx2Rj4udeLQH6+6v2B7GxW8DkjA0JmJpONwUHY7XZGIAgCzCYTeJUewmIFfqMRfEoKlQ2yJbza2oLWcLvdeDI2hk/3+iQWKzAYkJzNjg5srq9TwJ9OJ76YTNScx+ORJT66X1/grKyEbW2NgfPp6XKd/JMZySrHaQsSU1Oe+0/w3WpVgyu5HBlR6lc+H8gioevDwz6JrWwV5+3txyoSFk5DcOX1MnCyJ4Vwfb1zt1UY9SR8aioDpuppaVpwZbPTl+hHF04dOKzk8XBF8DgJC3/woU/W/EciOtELOWi8DDwp//215Q+p7kiKh2lQSAAAAABJRU5ErkJggg==');
  border-color: #ed541d; }

.messages__list {
  margin: 0; }

.messages__item {
  list-style-image: none; }

/* Core/module installation error messages. */
.messages--error p.error {
  color: #333; }

/* System status report. */
.ok,
.messages--status {
  background-color: #f8fff0;
  color: #234600; }

.warning,
.messages--warning {
  background-color: #fffce5;
  color: #840; }

.error,
.messages--error {
  background-color: #fef5f1;
  color: #8c2e0b; }

/**
 * Tabs.
 */
/* Basic positioning styles shared by primary and secondary tabs. */
.tabs-primary, .tabs-secondary {
  overflow: hidden;
  *zoom: 1;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmJiYmJiIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-linear-gradient(bottom, #bbbbbb 1px, rgba(0, 0, 0, 0) 1px);
  background-image: linear-gradient(to top, #bbbbbb 1px, rgba(0, 0, 0, 0) 1px);
  /* IE 9 and earlier don't understand gradients. */
  list-style: none;
  border-bottom: 1px solid #bbb \0/ie;
  margin: 1.5em 0;
  padding: 0 2px;
  white-space: nowrap; }

.tabs-primary__tab, .tabs-primary__tab.is-active, .tabs-secondary__tab,
.tabs-secondary__tab.is-active {
  float: left;
  /* LTR */
  margin: 0 3px; }

a.tabs-primary__tab-link, a.tabs-primary__tab-link.is-active, a.tabs-secondary__tab-link, a.tabs-secondary__tab-link.is-active {
  border: 1px solid #e9e9e9;
  border-right: 0;
  border-bottom: 0;
  display: block;
  line-height: 1.5em;
  text-decoration: none; }

/* Primary tabs. */
.tabs-primary__tab, .tabs-primary__tab.is-active {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  text-shadow: 1px 1px 0 #fff;
  border: 1px solid #bbb;
  border-bottom-color: transparent;
  /* IE 9 and earlier don't understand gradients. */
  border-bottom: 0 \0/ie; }

.tabs-primary__tab.is-active {
  border-bottom-color: #fff; }

a.tabs-primary__tab-link, a.tabs-primary__tab-link.is-active {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  transition: background-color 0.3s;
  color: #333;
  background-color: #dedede;
  letter-spacing: 1px;
  padding: 0 1em;
  text-align: center; }

a.tabs-primary__tab-link:hover, a.tabs-primary__tab-link:focus {
  background-color: #e9e9e9;
  border-color: #f2f2f2; }

a.tabs-primary__tab-link:active, a.tabs-primary__tab-link.is-active {
  background-color: transparent;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE9E9E9', endColorstr='#00E9E9E9');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  background-image: linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  border-color: #fff; }

/* Secondary tabs. */
.tabs-secondary {
  font-size: .9em;
  /* Collapse bottom margin of ul.primary. */
  margin-top: -1.5em; }

.tabs-secondary__tab,
.tabs-secondary__tab.is-active {
  margin: 0.75em 3px; }

a.tabs-secondary__tab-link, a.tabs-secondary__tab-link.is-active {
  border-radius: 0.75em;
  transition: background-color 0.3s;
  text-shadow: 1px 1px 0 #fff;
  background-color: #f2f2f2;
  color: #666;
  padding: 0 .5em; }

a.tabs-secondary__tab-link:hover, a.tabs-secondary__tab-link:focus {
  background-color: #dedede;
  border-color: #999;
  color: #333; }

a.tabs-secondary__tab-link:active, a.tabs-secondary__tab-link.is-active {
  text-shadow: 1px 1px 0 #333;
  background-color: #666;
  border-color: #000;
  color: #fff; }

/**
 * Inline styles.
 */
/* List of links generated by theme_links(). */
.inline {
  display: inline;
  padding: 0; }
  .inline li {
    display: inline;
    list-style-type: none;
    padding: 0 1em 0 0;
    /* LTR */ }

/* The inline field label used by the Fences module. */
span.field-label {
  padding: 0 1em 0 0;
  /* LTR */ }

/**
 * "More" links.
 */
.more-link {
  text-align: right;
  /* LTR */ }

.more-help-link {
  text-align: right;
  /* LTR */ }

.more-help-link a {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA7UlEQVR42qWTPQqDQBCFcwSPkCNITpAj5AjeIm1uYpkyR7Cy2Mot7OwsBAsRwUKwmOwLGRle3EIy8PyBfZ/z3J2TiPylz8VWWZZpUB40BonRKyizaxkA88MYYiqCEgv4MTvnZJom0VqWRbz3FlJZgLYtqmEY1Lg9r+sKsIXcLSC3AC019H0vqLquLeC5AfiHYSGkcdAJimKIBQiJ4+CO92OAtm0FNc8zOjkMwE5Q63FAtbeg6zpAYvG8BWR7i5qmQYwY4MIHqYhE2DOPQWcGJBQF2XU72ZzyUeZ5GCNt5/hybJgYdAXsq5sOEE/jG6dC5IOqCXTmAAAAAElFTkSuQmCC');
  background-position: 0 50%;
  /* LTR */
  background-repeat: no-repeat;
  padding: 1px 0 1px 20px;
  /* LTR */ }

/**
 * Pager.
 */
/* A list of page numbers when more than 1 page of content is available. */
.pager {
  clear: both;
  padding: 0;
  text-align: center; }

.pager-item,
.pager-first,
.pager-previous,
.pager-next,
.pager-last,
.pager-ellipsis, .pager-current {
  display: inline;
  padding: 0 0.5em;
  list-style-type: none;
  background-image: none; }

.pager-item,
.pager-first,
.pager-previous,
.pager-next,
.pager-last,
.pager-ellipsis {
  /* A concatenation of several list items using an ellipsis. */ }

/* The current page's list item. */
.pager-current {
  font-weight: bold; }

/**
 * Blocks.
 */
/* Block wrapper. */
/**
 * Menus.
 */
.menu__item.is-leaf {
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC');
  list-style-type: square; }

.menu__item.is-expanded {
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
  list-style-type: circle; }

.menu__item.is-collapsed {
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC');
  /* LTR */
  list-style-type: disc; }

/* The active item in a Drupal menu. */
.menu a.active {
  color: #000; }

/**
 * Marker.
 */
/* The "new" or "updated" marker. */
.new,
.update {
  color: #c00;
  /* Remove background highlighting from <mark> in normalize. */
  background-color: transparent; }

/**
 * Unpublished note.
 */
/* The word "Unpublished" displayed underneath the content. */
.unpublished {
  height: 0;
  overflow: visible;
  /* Remove background highlighting from <mark> in normalize. */
  background-color: transparent;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  /* A very nice CSS3 property. */
  word-wrap: break-word; }

/**
 * Comments.
 */
/* Wrapper for the list of comments and its title. */
.comments {
  margin: 1.5em 0; }

/* Preview of the comment before submitting new or updated comment. */
.comment-preview {
  /* Drupal core will use a #ffffea background. See #1110842. */
  background-color: #ffffea; }

/* Wrapper for a single comment. */
.comment {
  /* Comment's permalink wrapper. */ }
  .comment .permalink {
    text-transform: uppercase;
    font-size: 75%; }

/* Nested comments are indented. */
.indented {
  /* Drupal core uses a 25px left margin. */
  margin-left: 30px;
  /* LTR */ }

/**
 * Forms.
 */
/* Wrapper for a form element (or group of form elements) and its label. */
.form-item {
  margin: 1.5em 0;
  /* Pack groups of checkboxes and radio buttons closer together. */
  /* Form items in a table. */
  /* Highlight the form elements that caused a form submission error. */
  /* The descriptive help text (separate from the label). */ }
  .form-checkboxes .form-item, .form-radios .form-item {
    /* Drupal core uses "0.4em 0". */
    margin: 0; }
  tr.odd .form-item, tr.even .form-item {
    margin: 0; }
  .form-item input.error,
  .form-item textarea.error,
  .form-item select.error {
    border: 1px solid #c00; }
  .form-item .description {
    font-size: 0.85em; }

.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2.4em; }

/* The part of the label that indicates a required field. */
.form-required {
  color: #c00; }

/* Labels for radios and checkboxes. */
label.option {
  display: inline;
  font-weight: normal; }

/* Buttons used by contrib modules like Media. */
/* Password confirmation. */
.password-parent,
.confirm-parent {
  margin: 0; }

/* Drupal's default login form block. */
#user-login-form {
  text-align: left;
  /* LTR */ }

/**
 * OpenID
 *
 * The default styling for the OpenID login link seems to assume Garland's
 * styling of list items.
 */
/* OpenID creates a new ul above the login form's links. */
.openid-links {
  /* Position OpenID's ul next to the rest of the links. */
  margin-bottom: 0; }

/* The "Log in using OpenID" and "Cancel OpenID login" links. */
.openid-link,
.user-link {
  margin-top: 1.5em; }

html.js #user-login-form li.openid-link,
#user-login-form li.openid-link {
  /* Un-do some of the padding on the ul list. */
  margin-left: -20px;
  /* LTR */ }

#user-login ul {
  margin: 1.5em 0; }

/**
 * Drupal admin tables.
 */
form th {
  text-align: left;
  /* LTR */
  padding-right: 1em;
  /* LTR */
  border-bottom: 3px solid #ccc; }
form tbody {
  border-top: 1px solid #ccc; }
form table ul {
  margin: 0; }

tr.even,
tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em; }

tr.even {
  background-color: #fff; }

/* Markup generated by theme_tablesort_indicator(). */
td.active {
  background-color: #ddd; }

/* Center checkboxes inside table cell. */
td.checkbox,
th.checkbox {
  text-align: center; }

/* Drupal core wrongly puts this in system.menus.css. Since we override that, add it back. */
td.menu-disabled {
  background: #ccc; }

/**
 * Autocomplete.
 *
 * @see autocomplete.js
 */
/* Suggestion list. */
#autocomplete .selected {
  background: #0072b9;
  color: #fff; }

/**
 * Collapsible fieldsets.
 *
 * @see collapse.js
 */
html.js .collapsible .fieldset-legend {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
  background-position: 5px 65%;
  /* LTR */
  background-repeat: no-repeat;
  padding-left: 15px;
  /* LTR */ }
html.js .collapsed .fieldset-legend {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC');
  /* LTR */
  background-position: 5px 50%;
  /* LTR */ }
.fieldset-legend .summary {
  color: #999;
  font-size: 0.9em;
  margin-left: 0.5em; }

/**
 * TableDrag behavior.
 *
 * @see tabledrag.js
 */
tr.drag {
  background-color: #fffff0; }

tr.drag-previous {
  background-color: #ffd; }

.tabledrag-toggle-weight {
  font-size: 0.9em; }

/**
 * TableSelect behavior.
 *
 * @see tableselect.js
 */
tr.selected td {
  background: #ffc; }

/**
 * Progress bar.
 *
 * @see progress.js
 */
.progress {
  font-weight: bold; }
  .progress .bar {
    background: #ccc;
    border-color: #666;
    margin: 0 0.2em;
    border-radius: 3px; }
  .progress .filled {
    background-color: #0072b9;
    background-image: url('../images/progress.gif?1398863088'); }

/*
  Keeping drupal tab on top
 */
.tabs {
  position: relative;
  z-index: 99; }

/********************
** Base
********************/
* {
  margin: 0;
  border: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased; }

html {
  min-height: 100%;
  height: 100%;
  line-height: 1;
  background: #fff;
  font-size: 100%; }

body {
  min-height: 100%;
  height: 100%;
  line-height: 1;
  color: #000;
  font-family: "adobe-caslon-pro", serif;
  font-size: 16px;
  font-size: 1em; }

img {
  display: block;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  -moz-user-drag: -moz-none;
  -webkit-user-drag: none;
  user-drag: none; }

input {
  padding: .5em; }

input:focus::-webkit-input-placeholder {
  color: transparent; }

input:focus:-moz-placeholder {
  color: transparent; }

/********************
** Headers
********************/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  display: block;
  font-weight: normal; }

/********************
** Layout
********************/
.phark {
  border: 0;
  font: 0/0 a;
  color: transparent; }

.grid {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start; }

/* .not-front {
  #page {
    @include bp(baby-bear) {
      min-height: 100%;
      margin-bottom: -300px;
    }
    &:after {
      content:"";
      display: block;
    }
  }
  footer, #page:after {
    @include bp(baby-bear) {
      height: 300px;
    }

  }
} */
.grid-wrapper {
  padding: 25px 0; }

.layout-container {
  width: 95%;
  max-width: 1050px;
  margin: 0 auto; }
  @media only screen and (min-width: 1024px) {
    .layout-container {
      width: 100%; } }

.page-wrapper {
  width: 100%;
  margin: 0 auto;
  max-width: 1600px;
  position: relative;
  transition: box-shadow 2s ease-in;
  opacity: 1; }
  @media only screen and (min-width: 1400px) {
    .page-wrapper {
      box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2); } }

.main-content-wrapper {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  transition: box-shadow 0.2s ease-in;
  opacity: 1; }
  @media only screen and (min-width: 1400px) {
    .main-content-wrapper {
      box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2); } }

.med-container {
  width: 90%;
  max-width: 740px;
  margin-left: auto;
  margin-right: auto; }

.title a {
  transition: all 0.5s ease-out; }

.filter-layout p {
  display: inline-block; }
.filter-layout #grid-view {
  padding: 14px 10px 5px 30px;
  margin-bottom: 10px;
  background: url(../images/grid-icon.png) no-repeat 10% center;
  color: #595959;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 11px;
  font-size: 0.6875em; }
  @media only screen and (min-width: 768px) {
    .filter-layout #grid-view {
      margin-right: 10px; } }
  .filter-layout #grid-view.active {
    background-color: rgba(223, 215, 208, 0.5);
    border-radius: 5px; }
.filter-layout #list-view {
  padding: 14px 10px 5px 30px;
  background: url(../images/list-icon.png) no-repeat 10% center;
  color: #595959;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 11px;
  font-size: 0.6875em; }
  .filter-layout #list-view.active {
    background-color: rgba(223, 215, 208, 0.5);
    border-radius: 5px; }

.page-wrapper .article .view-filters, .page-wrapper .node-issue .view-filters, .page-wrapper .view .view-filters {
  position: relative;
  display: block;
  max-width: 1050px;
  margin: 0 auto 30px;
  padding-bottom: 44px;
  border-bottom: 1px solid #000;
  z-index: 13; }
  .page-wrapper .article .view-filters form, .page-wrapper .node-issue .view-filters form, .page-wrapper .view .view-filters form {
    display: inline-block;
    float: right; }
  .page-wrapper .article .view-filters .views-exposed-widget, .page-wrapper .node-issue .view-filters .views-exposed-widget, .page-wrapper .view .view-filters .views-exposed-widget {
    position: relative;
    float: left;
    display: block;
    padding: 0;
    z-index: 98;
    transition: all 0.5s ease-out; }
    .page-wrapper .article .view-filters .views-exposed-widget:hover label, .page-wrapper .article .view-filters .views-exposed-widget:focus label, .page-wrapper .node-issue .view-filters .views-exposed-widget:hover label, .page-wrapper .node-issue .view-filters .views-exposed-widget:focus label, .page-wrapper .view .view-filters .views-exposed-widget:hover label, .page-wrapper .view .view-filters .views-exposed-widget:focus label {
      color: red; }
    .page-wrapper .article .view-filters .views-exposed-widget label, .page-wrapper .node-issue .view-filters .views-exposed-widget label, .page-wrapper .view .view-filters .views-exposed-widget label {
      padding: 15px 27px 15px 10px;
      color: #000;
      text-decoration: none;
      letter-spacing: 1px;
      font-family: "freight-sans-pro", sans-serif;
      font-weight: 500;
      letter-spacing: 1px;
      text-transform: uppercase;
      background: url(../images/down-arrow.png) no-repeat 90% center;
      font-size: 14px;
      font-size: 0.875em;
      transition: all 0.5s ease-out; }
      @media only screen and (min-width: 768px) {
        .page-wrapper .article .view-filters .views-exposed-widget label, .page-wrapper .node-issue .view-filters .views-exposed-widget label, .page-wrapper .view .view-filters .views-exposed-widget label {
          letter-spacing: 2px;
          padding: 15px 32px 15px 20px;
          width: auto; } }
    .page-wrapper .article .view-filters .views-exposed-widget .views-widget, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget, .page-wrapper .view .view-filters .views-exposed-widget .views-widget {
      display: none;
      position: absolute;
      right: 0;
      min-width: 190px;
      z-index: 98;
      background: #000;
      text-align: left;
      width: 100%;
      color: #fff;
      transition: all 0.5s ease-out; }
      @media only screen and (min-width: 768px) {
        .page-wrapper .article .view-filters .views-exposed-widget .views-widget, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget, .page-wrapper .view .view-filters .views-exposed-widget .views-widget {
          display: block;
          visibility: hidden;
          opacity: 0; } }
      .page-wrapper .article .view-filters .views-exposed-widget .views-widget .form-item, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget .form-item, .page-wrapper .view .view-filters .views-exposed-widget .views-widget .form-item {
        padding: 5px;
        width: 100%;
        margin: 0; }
        .page-wrapper .article .view-filters .views-exposed-widget .views-widget .form-item a, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget .form-item a, .page-wrapper .view .view-filters .views-exposed-widget .views-widget .form-item a {
          position: relative;
          color: rgba(255, 255, 255, 0.6);
          letter-spacing: 1;
          font-weight: 600;
          font-family: "freight-sans-pro", sans-serif;
          display: block;
          padding: 2px 0px;
          margin-left: 15px;
          text-decoration: none;
          cursor: pointer;
          text-transform: normal;
          font-size: 13px;
          font-size: 0.8125em;
          transition: all 0.5s ease-out; }
          .page-wrapper .article .view-filters .views-exposed-widget .views-widget .form-item a:before, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget .form-item a:before, .page-wrapper .view .view-filters .views-exposed-widget .views-widget .form-item a:before {
            content: ".";
            display: inline-block;
            position: absolute;
            left: -15px;
            top: -11px;
            height: 10px;
            width: 10px;
            color: transparent;
            font-size: 32px;
            font-size: 2em; }
          .page-wrapper .article .view-filters .views-exposed-widget .views-widget .form-item a:hover, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget .form-item a:hover, .page-wrapper .view .view-filters .views-exposed-widget .views-widget .form-item a:hover {
            color: white; }
        .page-wrapper .article .view-filters .views-exposed-widget .views-widget .form-item .active, .page-wrapper .article .view-filters .views-exposed-widget .views-widget .form-item .selected a, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget .form-item .active, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget .form-item .selected a, .page-wrapper .view .view-filters .views-exposed-widget .views-widget .form-item .active, .page-wrapper .view .view-filters .views-exposed-widget .views-widget .form-item .selected a {
          color: #fff;
          visibility: visible;
          opacity: 1; }
          .page-wrapper .article .view-filters .views-exposed-widget .views-widget .form-item .active:before, .page-wrapper .article .view-filters .views-exposed-widget .views-widget .form-item .selected a:before, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget .form-item .active:before, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget .form-item .selected a:before, .page-wrapper .view .view-filters .views-exposed-widget .views-widget .form-item .active:before, .page-wrapper .view .view-filters .views-exposed-widget .views-widget .form-item .selected a:before {
            color: #fff;
            visibility: visible;
            opacity: 1; }
      .page-wrapper .article .view-filters .views-exposed-widget .views-widget .date-padding, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget .date-padding, .page-wrapper .view .view-filters .views-exposed-widget .views-widget .date-padding {
        float: none; }
      .page-wrapper .article .view-filters .views-exposed-widget .views-widget #year_filter, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget #year_filter, .page-wrapper .view .view-filters .views-exposed-widget .views-widget #year_filter {
        display: block;
        margin-bottom: 5px;
        padding-left: 15px; }
        .page-wrapper .article .view-filters .views-exposed-widget .views-widget #year_filter li, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget #year_filter li, .page-wrapper .view .view-filters .views-exposed-widget .views-widget #year_filter li {
          position: relative;
          opacity: 0.8;
          color: #f5f4f2;
          letter-spacing: 0.0625em;
          font-weight: 600;
          font-family: "freight-sans-pro", sans-serif;
          display: block;
          padding: 10px 10px 15px 0;
          text-decoration: none;
          cursor: pointer;
          border-bottom: 1px solid #424242;
          font-size: 14px;
          font-size: 0.875em;
          transition: all 0.5s ease-out; }
          .page-wrapper .article .view-filters .views-exposed-widget .views-widget #year_filter li:before, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget #year_filter li:before, .page-wrapper .view .view-filters .views-exposed-widget .views-widget #year_filter li:before {
            content: "";
            display: inline-block;
            position: absolute;
            left: -15px;
            top: -5px;
            height: 10px;
            width: 10px;
            color: #fff;
            font-size: 32px;
            font-size: 2em; }
          .page-wrapper .article .view-filters .views-exposed-widget .views-widget #year_filter li:hover, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget #year_filter li:hover, .page-wrapper .view .view-filters .views-exposed-widget .views-widget #year_filter li:hover {
            color: #fff; }
          .page-wrapper .article .view-filters .views-exposed-widget .views-widget #year_filter li.active, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget #year_filter li.active, .page-wrapper .view .view-filters .views-exposed-widget .views-widget #year_filter li.active {
            color: #fff;
            background: none; }
            .page-wrapper .article .view-filters .views-exposed-widget .views-widget #year_filter li.active:before, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget #year_filter li.active:before, .page-wrapper .view .view-filters .views-exposed-widget .views-widget #year_filter li.active:before {
              content: "."; }
        .page-wrapper .article .view-filters .views-exposed-widget .views-widget #year_filter .active, .page-wrapper .article .view-filters .views-exposed-widget .views-widget #year_filter .selected a, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget #year_filter .active, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget #year_filter .selected a, .page-wrapper .view .view-filters .views-exposed-widget .views-widget #year_filter .active, .page-wrapper .view .view-filters .views-exposed-widget .views-widget #year_filter .selected a {
          color: #fff; }
          .page-wrapper .article .view-filters .views-exposed-widget .views-widget #year_filter .active:before, .page-wrapper .article .view-filters .views-exposed-widget .views-widget #year_filter .selected a:before, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget #year_filter .active:before, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget #year_filter .selected a:before, .page-wrapper .view .view-filters .views-exposed-widget .views-widget #year_filter .active:before, .page-wrapper .view .view-filters .views-exposed-widget .views-widget #year_filter .selected a:before {
            content: "."; }
    .page-wrapper .article .view-filters .views-exposed-widget:hover .views-widget, .page-wrapper .article .view-filters .views-exposed-widget:focus .views-widget, .page-wrapper .node-issue .view-filters .views-exposed-widget:hover .views-widget, .page-wrapper .node-issue .view-filters .views-exposed-widget:focus .views-widget, .page-wrapper .view .view-filters .views-exposed-widget:hover .views-widget, .page-wrapper .view .view-filters .views-exposed-widget:focus .views-widget {
      display: block;
      visibility: visible;
      opacity: 1;
      z-index: 12; }
    .page-wrapper .article .view-filters .views-exposed-widget:hover label, .page-wrapper .article .view-filters .views-exposed-widget:focus label, .page-wrapper .node-issue .view-filters .views-exposed-widget:hover label, .page-wrapper .node-issue .view-filters .views-exposed-widget:focus label, .page-wrapper .view .view-filters .views-exposed-widget:hover label, .page-wrapper .view .view-filters .views-exposed-widget:focus label {
      color: #fff;
      background: url(../images/down-arrow-white.png) no-repeat 90% center;
      background-color: #000; }
    .page-wrapper .article .view-filters .views-exposed-widget .show-it, .page-wrapper .node-issue .view-filters .views-exposed-widget .show-it, .page-wrapper .view .view-filters .views-exposed-widget .show-it {
      visibility: visible;
      opacity: 1;
      z-index: 12; }
    .page-wrapper .article .view-filters .views-exposed-widget .active, .page-wrapper .node-issue .view-filters .views-exposed-widget .active, .page-wrapper .view .view-filters .views-exposed-widget .active {
      color: #fff;
      background: url(../images/down-arrow-white.png) no-repeat 90% center;
      background-color: #000; }
  .page-wrapper .article .view-filters .views-widget-filter-field_issues_contributed_target_id, .page-wrapper .article .view-filters .views-widget-filter-field_issue_content_tid, .page-wrapper .node-issue .view-filters .views-widget-filter-field_issues_contributed_target_id, .page-wrapper .node-issue .view-filters .views-widget-filter-field_issue_content_tid, .page-wrapper .view .view-filters .views-widget-filter-field_issues_contributed_target_id, .page-wrapper .view .view-filters .views-widget-filter-field_issue_content_tid {
    float: right; }
    @media only screen and (min-width: 768px) {
      .page-wrapper .article .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget, .page-wrapper .article .view-filters .views-widget-filter-field_issue_content_tid .views-widget, .page-wrapper .node-issue .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget, .page-wrapper .node-issue .view-filters .views-widget-filter-field_issue_content_tid .views-widget, .page-wrapper .view .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget, .page-wrapper .view .view-filters .views-widget-filter-field_issue_content_tid .views-widget {
        min-width: 500px; } }
    @media only screen and (min-width: 768px) {
      .page-wrapper .article .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget .bef-select-as-links .form-item, .page-wrapper .article .view-filters .views-widget-filter-field_issue_content_tid .views-widget .bef-select-as-links .form-item, .page-wrapper .node-issue .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget .bef-select-as-links .form-item, .page-wrapper .node-issue .view-filters .views-widget-filter-field_issue_content_tid .views-widget .bef-select-as-links .form-item, .page-wrapper .view .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget .bef-select-as-links .form-item, .page-wrapper .view .view-filters .views-widget-filter-field_issue_content_tid .views-widget .bef-select-as-links .form-item {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3; } }
    @media only screen and (min-width: 768px) {
      .page-wrapper .article .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget .bef-select-as-links .form-item div, .page-wrapper .article .view-filters .views-widget-filter-field_issue_content_tid .views-widget .bef-select-as-links .form-item div, .page-wrapper .node-issue .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget .bef-select-as-links .form-item div, .page-wrapper .node-issue .view-filters .views-widget-filter-field_issue_content_tid .views-widget .bef-select-as-links .form-item div, .page-wrapper .view .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget .bef-select-as-links .form-item div, .page-wrapper .view .view-filters .views-widget-filter-field_issue_content_tid .views-widget .bef-select-as-links .form-item div {
        width: 120px;
        display: inline-table; } }
    .page-wrapper .article .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget .bef-select-as-links .form-item div a, .page-wrapper .article .view-filters .views-widget-filter-field_issue_content_tid .views-widget .bef-select-as-links .form-item div a, .page-wrapper .node-issue .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget .bef-select-as-links .form-item div a, .page-wrapper .node-issue .view-filters .views-widget-filter-field_issue_content_tid .views-widget .bef-select-as-links .form-item div a, .page-wrapper .view .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget .bef-select-as-links .form-item div a, .page-wrapper .view .view-filters .views-widget-filter-field_issue_content_tid .views-widget .bef-select-as-links .form-item div a {
      text-transform: initial; }
      @media only screen and (min-width: 768px) {
        .page-wrapper .article .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget .bef-select-as-links .form-item div a, .page-wrapper .article .view-filters .views-widget-filter-field_issue_content_tid .views-widget .bef-select-as-links .form-item div a, .page-wrapper .node-issue .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget .bef-select-as-links .form-item div a, .page-wrapper .node-issue .view-filters .views-widget-filter-field_issue_content_tid .views-widget .bef-select-as-links .form-item div a, .page-wrapper .view .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget .bef-select-as-links .form-item div a, .page-wrapper .view .view-filters .views-widget-filter-field_issue_content_tid .views-widget .bef-select-as-links .form-item div a {
          width: 120px; } }
  .page-wrapper .article .view-filters .views-widget-sort-by, .page-wrapper .article .view-filters .views-widget-sort-order, .page-wrapper .node-issue .view-filters .views-widget-sort-by, .page-wrapper .node-issue .view-filters .views-widget-sort-order, .page-wrapper .view .view-filters .views-widget-sort-by, .page-wrapper .view .view-filters .views-widget-sort-order {
    float: left;
    z-index: 99; }
  .page-wrapper .article .view-filters .views-widget-filter-date_filter, .page-wrapper .node-issue .view-filters .views-widget-filter-date_filter, .page-wrapper .view .view-filters .views-widget-filter-date_filter {
    position: absolute;
    right: 0;
    top: 1px; }
    .page-wrapper .article .view-filters .views-widget-filter-date_filter .bef-select-as-links .form-item, .page-wrapper .node-issue .view-filters .views-widget-filter-date_filter .bef-select-as-links .form-item, .page-wrapper .view .view-filters .views-widget-filter-date_filter .bef-select-as-links .form-item {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2; }
  .page-wrapper .article .view-filters .form-item-field-issues-contributed-target-id, .page-wrapper .node-issue .view-filters .form-item-field-issues-contributed-target-id, .page-wrapper .view .view-filters .form-item-field-issues-contributed-target-id {
    transition: all 0.5s ease-out; }
    .page-wrapper .article .view-filters .form-item-field-issues-contributed-target-id a, .page-wrapper .node-issue .view-filters .form-item-field-issues-contributed-target-id a, .page-wrapper .view .view-filters .form-item-field-issues-contributed-target-id a {
      color: #98918f;
      text-decoration: none;
      padding: 5px 10px 5px 0;
      display: block; }
      .page-wrapper .article .view-filters .form-item-field-issues-contributed-target-id a:hover, .page-wrapper .node-issue .view-filters .form-item-field-issues-contributed-target-id a:hover, .page-wrapper .view .view-filters .form-item-field-issues-contributed-target-id a:hover {
        color: #fff; }
  .page-wrapper .article .view-filters
  .views-widget-sort-by, .page-wrapper .node-issue .view-filters
  .views-widget-sort-by, .page-wrapper .view .view-filters
  .views-widget-sort-by {
    position: relative;
    display: inline-block;
    position: relative;
    z-index: 99; }
    .page-wrapper .article .view-filters
    .views-widget-sort-by label, .page-wrapper .node-issue .view-filters
    .views-widget-sort-by label, .page-wrapper .view .view-filters
    .views-widget-sort-by label {
      padding-left: 50px;
      width: 82px;
      height: 43px;
      color: transparent; }
      @media only screen and (min-width: 768px) {
        .page-wrapper .article .view-filters
        .views-widget-sort-by label, .page-wrapper .node-issue .view-filters
        .views-widget-sort-by label, .page-wrapper .view .view-filters
        .views-widget-sort-by label {
          width: auto;
          height: auto;
          color: #000; } }
    .page-wrapper .article .view-filters
    .views-widget-sort-by:before, .page-wrapper .node-issue .view-filters
    .views-widget-sort-by:before, .page-wrapper .view .view-filters
    .views-widget-sort-by:before {
      content: "";
      width: 50px;
      height: 40px;
      display: inline-block;
      position: absolute;
      background: url(../images/alphabet.png) no-repeat center center; }
    .page-wrapper .article .view-filters
    .views-widget-sort-by:hover label, .page-wrapper .article .view-filters
    .views-widget-sort-by:hover .active, .page-wrapper .article .view-filters
    .views-widget-sort-by .show-it label, .page-wrapper .article .view-filters
    .views-widget-sort-by .show-it .active, .page-wrapper .node-issue .view-filters
    .views-widget-sort-by:hover label, .page-wrapper .node-issue .view-filters
    .views-widget-sort-by:hover .active, .page-wrapper .node-issue .view-filters
    .views-widget-sort-by .show-it label, .page-wrapper .node-issue .view-filters
    .views-widget-sort-by .show-it .active, .page-wrapper .view .view-filters
    .views-widget-sort-by:hover label, .page-wrapper .view .view-filters
    .views-widget-sort-by:hover .active, .page-wrapper .view .view-filters
    .views-widget-sort-by .show-it label, .page-wrapper .view .view-filters
    .views-widget-sort-by .show-it .active {
      text-indent: -9999px; }
      @media only screen and (min-width: 768px) {
        .page-wrapper .article .view-filters
        .views-widget-sort-by:hover label, .page-wrapper .article .view-filters
        .views-widget-sort-by:hover .active, .page-wrapper .article .view-filters
        .views-widget-sort-by .show-it label, .page-wrapper .article .view-filters
        .views-widget-sort-by .show-it .active, .page-wrapper .node-issue .view-filters
        .views-widget-sort-by:hover label, .page-wrapper .node-issue .view-filters
        .views-widget-sort-by:hover .active, .page-wrapper .node-issue .view-filters
        .views-widget-sort-by .show-it label, .page-wrapper .node-issue .view-filters
        .views-widget-sort-by .show-it .active, .page-wrapper .view .view-filters
        .views-widget-sort-by:hover label, .page-wrapper .view .view-filters
        .views-widget-sort-by:hover .active, .page-wrapper .view .view-filters
        .views-widget-sort-by .show-it label, .page-wrapper .view .view-filters
        .views-widget-sort-by .show-it .active {
          text-indent: 0; } }
    .page-wrapper .article .view-filters
    .views-widget-sort-by:hover:before, .page-wrapper .article .view-filters
    .views-widget-sort-by .show-it:before, .page-wrapper .node-issue .view-filters
    .views-widget-sort-by:hover:before, .page-wrapper .node-issue .view-filters
    .views-widget-sort-by .show-it:before, .page-wrapper .view .view-filters
    .views-widget-sort-by:hover:before, .page-wrapper .view .view-filters
    .views-widget-sort-by .show-it:before {
      background: url(../images/alphabet-white.png) no-repeat center center; }
    .page-wrapper .article .view-filters
    .views-widget-sort-by .bef-select-as-links, .page-wrapper .node-issue .view-filters
    .views-widget-sort-by .bef-select-as-links, .page-wrapper .view .view-filters
    .views-widget-sort-by .bef-select-as-links {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      background: #000;
      padding: 15px 15px 20px;
      z-index: 99;
      min-width: 200px;
      transition: all 0.5s ease-out; }
      .page-wrapper .article .view-filters
      .views-widget-sort-by .bef-select-as-links a, .page-wrapper .node-issue .view-filters
      .views-widget-sort-by .bef-select-as-links a, .page-wrapper .view .view-filters
      .views-widget-sort-by .bef-select-as-links a {
        padding: 5px 0;
        display: block;
        color: #b4b4b4;
        text-decoration: none;
        letter-spacing: 1px;
        transition: all 0.5s ease-out; }
        .page-wrapper .article .view-filters
        .views-widget-sort-by .bef-select-as-links a:hover, .page-wrapper .node-issue .view-filters
        .views-widget-sort-by .bef-select-as-links a:hover, .page-wrapper .view .view-filters
        .views-widget-sort-by .bef-select-as-links a:hover {
          color: #fff; }
    .page-wrapper .article .view-filters
    .views-widget-sort-by:hover .bef-select-as-links, .page-wrapper .node-issue .view-filters
    .views-widget-sort-by:hover .bef-select-as-links, .page-wrapper .view .view-filters
    .views-widget-sort-by:hover .bef-select-as-links {
      visibility: visible;
      opacity: 1; }
  .page-wrapper .article .view-filters .views-widget-sort-order, .page-wrapper .node-issue .view-filters .views-widget-sort-order, .page-wrapper .view .view-filters .views-widget-sort-order {
    position: relative;
    display: inline-block; }
    .page-wrapper .article .view-filters .views-widget-sort-order label, .page-wrapper .node-issue .view-filters .views-widget-sort-order label, .page-wrapper .view .view-filters .views-widget-sort-order label {
      padding-left: 50px;
      width: 82px;
      height: 43px;
      color: transparent; }
      @media only screen and (min-width: 768px) {
        .page-wrapper .article .view-filters .views-widget-sort-order label, .page-wrapper .node-issue .view-filters .views-widget-sort-order label, .page-wrapper .view .view-filters .views-widget-sort-order label {
          width: auto;
          height: auto;
          color: #000; } }
    .page-wrapper .article .view-filters .views-widget-sort-order:before, .page-wrapper .node-issue .view-filters .views-widget-sort-order:before, .page-wrapper .view .view-filters .views-widget-sort-order:before {
      content: "";
      width: 25px;
      height: 25px;
      left: 15px;
      top: 8px;
      display: inline-block;
      position: absolute;
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
      background: url(../images/clock.png) no-repeat center center; }
    .page-wrapper .article .view-filters .views-widget-sort-order:hover label, .page-wrapper .article .view-filters .views-widget-sort-order:hover .active, .page-wrapper .article .view-filters .views-widget-sort-order .show-it label, .page-wrapper .article .view-filters .views-widget-sort-order .show-it .active, .page-wrapper .node-issue .view-filters .views-widget-sort-order:hover label, .page-wrapper .node-issue .view-filters .views-widget-sort-order:hover .active, .page-wrapper .node-issue .view-filters .views-widget-sort-order .show-it label, .page-wrapper .node-issue .view-filters .views-widget-sort-order .show-it .active, .page-wrapper .view .view-filters .views-widget-sort-order:hover label, .page-wrapper .view .view-filters .views-widget-sort-order:hover .active, .page-wrapper .view .view-filters .views-widget-sort-order .show-it label, .page-wrapper .view .view-filters .views-widget-sort-order .show-it .active {
      text-indent: -9999px; }
      @media only screen and (min-width: 768px) {
        .page-wrapper .article .view-filters .views-widget-sort-order:hover label, .page-wrapper .article .view-filters .views-widget-sort-order:hover .active, .page-wrapper .article .view-filters .views-widget-sort-order .show-it label, .page-wrapper .article .view-filters .views-widget-sort-order .show-it .active, .page-wrapper .node-issue .view-filters .views-widget-sort-order:hover label, .page-wrapper .node-issue .view-filters .views-widget-sort-order:hover .active, .page-wrapper .node-issue .view-filters .views-widget-sort-order .show-it label, .page-wrapper .node-issue .view-filters .views-widget-sort-order .show-it .active, .page-wrapper .view .view-filters .views-widget-sort-order:hover label, .page-wrapper .view .view-filters .views-widget-sort-order:hover .active, .page-wrapper .view .view-filters .views-widget-sort-order .show-it label, .page-wrapper .view .view-filters .views-widget-sort-order .show-it .active {
          text-indent: 0; } }
    .page-wrapper .article .view-filters .views-widget-sort-order:hover:before, .page-wrapper .article .view-filters .views-widget-sort-order .show-it:before, .page-wrapper .node-issue .view-filters .views-widget-sort-order:hover:before, .page-wrapper .node-issue .view-filters .views-widget-sort-order .show-it:before, .page-wrapper .view .view-filters .views-widget-sort-order:hover:before, .page-wrapper .view .view-filters .views-widget-sort-order .show-it:before {
      background: url(../images/clock-white.png) no-repeat center center; }
    .page-wrapper .article .view-filters .views-widget-sort-order .bef-select-as-links, .page-wrapper .node-issue .view-filters .views-widget-sort-order .bef-select-as-links, .page-wrapper .view .view-filters .views-widget-sort-order .bef-select-as-links {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      background: #000;
      padding: 15px 15px 20px;
      z-index: 1;
      min-width: 200px;
      transition: all 0.5s ease-out; }
      .page-wrapper .article .view-filters .views-widget-sort-order .bef-select-as-links a, .page-wrapper .node-issue .view-filters .views-widget-sort-order .bef-select-as-links a, .page-wrapper .view .view-filters .views-widget-sort-order .bef-select-as-links a {
        padding: 5px 0;
        display: block;
        color: #b4b4b4;
        text-decoration: none;
        letter-spacing: 1px; }
        .page-wrapper .article .view-filters .views-widget-sort-order .bef-select-as-links a:hover, .page-wrapper .node-issue .view-filters .views-widget-sort-order .bef-select-as-links a:hover, .page-wrapper .view .view-filters .views-widget-sort-order .bef-select-as-links a:hover {
          color: #fff; }
    .page-wrapper .article .view-filters .views-widget-sort-order:hover .bef-select-as-links, .page-wrapper .node-issue .view-filters .views-widget-sort-order:hover .bef-select-as-links, .page-wrapper .view .view-filters .views-widget-sort-order:hover .bef-select-as-links {
      visibility: visible;
      opacity: 1; }
.page-wrapper .view-contributors-global .views-throbbing {
  display: none; }
.page-wrapper .view-contributors-global .views-widget-sort-order {
  display: none !important; }
.page-wrapper .view-contributors-global .views-widget-sort-by {
  display: none !important; }
.page-wrapper .view-contributors-global .contrib-filter-contain {
  text-transform: uppercase;
  position: absolute;
  top: 10px; }
  .page-wrapper .view-contributors-global .contrib-filter-contain .contrib-filter-label {
    display: inline;
    margin-right: 10px; }
  .page-wrapper .view-contributors-global .contrib-filter-contain .contrib-filter {
    background-color: #dfd7d0;
    border-radius: 5px;
    display: inline;
    padding: 10px 10px 10px 10px;
    cursor: pointer;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
    .page-wrapper .view-contributors-global .contrib-filter-contain .contrib-filter.active {
      background-color: rgba(223, 215, 208, 0.5); }
    .page-wrapper .view-contributors-global .contrib-filter-contain .contrib-filter:hover {
      background-color: rgba(223, 215, 208, 0.35); }
    @media only screen and (min-width: 768px) {
      .page-wrapper .view-contributors-global .contrib-filter-contain .contrib-filter {
        background-color: transparent; } }
  @media only screen and (min-width: 768px) {
    .page-wrapper .view-contributors-global .contrib-filter-contain a#contrib-filter-name {
      padding-left: 50px;
      background-position: 7px 12px;
      background-repeat: no-repeat;
      background-image: url(../images/alphabet.png);
      padding-left: 50px; } }
  @media only screen and (min-width: 768px) {
    .page-wrapper .view-contributors-global .contrib-filter-contain a#contrib-filter-time {
      padding-left: 40px;
      background-image: url(../images/clock.png);
      background-position: 6px 8px;
      background-repeat: no-repeat; } }
.page-wrapper #edit-field-issues-contributed-target-id-wrapper:hover .views-widget, .page-wrapper #edit-field-issues-contributed-target-id-wrapper:focus .views-widget, .page-wrapper .views-widget-sort-by:hover .views-widget, .page-wrapper .views-widget-sort-by:focus .views-widget, .page-wrapper .views-widget-sort-order:hover .views-widget, .page-wrapper .views-widget-sort-order:focus .views-widget {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 12 !important; }
.page-wrapper #edit-field-issues-contributed-target-id-wrapper:hover label, .page-wrapper #edit-field-issues-contributed-target-id-wrapper:focus label, .page-wrapper .views-widget-sort-by:hover label, .page-wrapper .views-widget-sort-by:focus label, .page-wrapper .views-widget-sort-order:hover label, .page-wrapper .views-widget-sort-order:focus label {
  color: #fff !important;
  background: url(../images/down-arrow-white.png) no-repeat 90% center !important;
  background-color: #000 !important; }
.page-wrapper #views-exposed-form-contributors-global-page, .page-wrapper #views-exposed-form-voices-in-time-archive-page {
  width: 100%;
  display: block; }
.page-wrapper .filter-page-header {
  font-family: "freight-sans-pro", sans-serif;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
  max-width: 1050px;
  margin: 0 auto 30px;
  position: relative;
  min-height: 32px;
  padding: 0 10px; }
  @media only screen and (min-width: 768px) {
    .page-wrapper .filter-page-header {
      padding: 0; } }
  .page-wrapper .filter-page-header .date {
    font-weight: 400;
    color: #424242;
    letter-spacing: 0.0625em;
    padding: 15px 0;
    display: block;
    position: absolute;
    left: 10px; }
    @media only screen and (min-width: 768px) {
      .page-wrapper .filter-page-header .date {
        left: 0; } }
  .page-wrapper .filter-page-header .filter-menu {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 9999;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
    .page-wrapper .filter-page-header .filter-menu:hover .filter-main-menu {
      visibility: visible;
      opacity: 1; }
    .page-wrapper .filter-page-header .filter-menu:hover .menu-title {
      color: #fff;
      background: #000 url(../images/down-arrow-white.png) no-repeat 90% center; }
    .page-wrapper .filter-page-header .filter-menu .menu-title.active {
      color: #fff;
      background: #000 url(../images/down-arrow-white.png) no-repeat 90% center; }
    .page-wrapper .filter-page-header .filter-menu .menu-title {
      padding: 15px;
      padding-right: 2em;
      margin-bottom: 1em;
      color: #000;
      text-decoration: none;
      letter-spacing: 1px;
      font-family: "freight-sans-pro", sans-serif;
      font-weight: 500;
      background: url(../images/down-arrow.png) no-repeat 90% center;
      font-size: 16px;
      font-size: 1em;
      transition: all 0.5s ease-out; }
    .page-wrapper .filter-page-header .filter-menu .filter-main-menu {
      transition: all 0.5s ease-out;
      visibility: hidden;
      opacity: 0;
      margin-top: 16px;
      position: absolute;
      right: 0;
      min-width: 200px;
      z-index: 9;
      background: #000;
      padding: 15px 15px 15px 30px;
      text-align: left;
      width: 100%; }
      .page-wrapper .filter-page-header .filter-menu .filter-main-menu li a {
        display: block;
        text-decoration: none;
        color: #98918f;
        padding: 5px 0;
        letter-spacing: 0.0625em;
        font-weight: 600;
        cursor: pointer;
        position: relative;
        font-size: 14px;
        font-size: 0.875em;
        transition: all 0.5s ease-out; }
        .page-wrapper .filter-page-header .filter-menu .filter-main-menu li a:hover {
          color: #fff; }
        .page-wrapper .filter-page-header .filter-menu .filter-main-menu li a:before {
          content: "";
          display: inline-block;
          position: absolute;
          left: -15px;
          top: -15px;
          height: 10px;
          width: 10px;
          color: #fff;
          font-size: 40px;
          font-size: 2.5em; }
        .page-wrapper .filter-page-header .filter-menu .filter-main-menu li a.active {
          color: #fff; }
          .page-wrapper .filter-page-header .filter-menu .filter-main-menu li a.active:before {
            content: "."; }
      .page-wrapper .filter-page-header .filter-menu .filter-main-menu li ul {
        display: none;
        border-bottom: 1px solid #424242;
        position: relative;
        padding: 0;
        min-width: none; }
        .page-wrapper .filter-page-header .filter-menu .filter-main-menu li ul li {
          margin-bottom: 10px; }
      .page-wrapper .filter-page-header .filter-menu .filter-main-menu li .year {
        font-weight: 500;
        display: block;
        width: 100%;
        border-bottom: 1px solid #424242;
        padding: 10px 0;
        margin-bottom: 10px;
        font-size: 16px;
        font-size: 1em; }
      @media only screen and (min-width: 768px) {
        .page-wrapper .filter-page-header .filter-menu .filter-main-menu li:hover ul {
          display: block; } }

.node-issue .filter-page-header.view-filters {
  padding: 0; }

.box-quote {
  clear: both;
  background-color: #F6F4F2;
  font-style: italic;
  color: #6F6F6F;
  padding: 1.5em;
  margin-right: auto;
  margin-left: auto;
  margin-top: 1em;
  margin-bottom: 1em; }

.hide {
  display: none; }

@media only screen and (min-width: 420px) {
  .left {
    float: left; } }

@media only screen and (min-width: 420px) {
  .right {
    float: right; } }

.strong {
  font-weight: bold; }

.read-more {
  padding-bottom: 1em;
  white-space: nowrap; }
  .read-more a {
    color: #6F6F6F;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    font-size: 13px;
    font-size: 0.8125em; }
  .read-more a:hover {
    text-decoration: underline; }

.see-more-wrapper {
  display: block;
  text-align: center; }

.see-more {
  display: block;
  margin: 0 auto;
  text-align: center; }
  .see-more a {
    padding: 10px 30px 10px 15px;
    font-family: "freight-sans-pro", sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    background: url(../images/down-arrow.png) no-repeat 90% center;
    border-radius: 3px;
    transition: all 0.5s ease-out; }
    .see-more a:hover {
      color: #fff;
      background: #000 url(../images/down-arrow-white.png) no-repeat 90% center; }

.see-more-issue {
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  padding: 2em 0;
  clear: both;
  letter-spacing: .1em;
  color: #a99482; }
  .see-more-issue a {
    text-transform: none;
    font-family: "adobe-caslon-pro", serif;
    font-style: italic;
    text-align: center;
    font-weight: 400;
    color: #000;
    text-decoration: none;
    letter-spacing: 0; }
  .see-more-issue a:hover {
    text-decoration: underline; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .clearfix {
  display: block; }

* html .clearfix {
  height: 1%; }

.one-third {
  width: 32%; }

.two-third {
  width: 64%; }

.half {
  width: 48%; }

.share {
  text-align: center;
  margin: 0.5em auto 0; }
  @media only screen and (min-width: 768px) {
    .share {
      margin: 1em auto 0; } }
  .share ul {
    display: inline;
    list-style: none; }
    .share ul li {
      width: auto;
      display: inline-block;
      padding: 0 4px; }
      .share ul li a {
        text-decoration: none; }

.share-right {
  position: absolute;
  bottom: 0;
  right: 0; }

.share-left {
  position: absolute;
  bottom: 0;
  left: 0; }

.callout-section {
  width: 100%;
  padding: 44px 0;
  background: #dfd7d0;
  position: relative;
  z-index: 9;
  /* .block {
    @include fastTransitions;
    &:hover {
      background-color:rgba(255,255,255,0.85);
    }
  } */ }
  .callout-section .callout-section-container {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto; }
  .callout-section .blog-daily, .callout-section .event, .callout-section .podcast {
    background-color: #fff; }
  @media only screen and (min-width: 768px) {
    .callout-section .grid .blog-daily {
      max-width: 700px;
      min-height: 350px; }
      .callout-section .grid .blog-daily .module-content {
        width: 50%; }
    .callout-section .grid .blog-img-left .module-content {
      float: right; }
    .callout-section .grid .blog-image-left {
      float: left; }
    .callout-section .grid .blog-image-right {
      float: right; } }
  .callout-section .grid .primary {
    margin: 0 auto;
    max-width: 700px;
    width: 90%; }
    @media only screen and (min-width: 768px) {
      .callout-section .grid .primary {
        width: 100%;
        -webkit-box-flex: 2;
        -moz-box-flex: 2;
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2; } }
    .callout-section .grid .primary .view-related-reads-vit, .callout-section .grid .primary .view-related-reads-conversation {
      max-width: 334px;
      margin: 0 auto; }
  .callout-section .grid .secondary {
    max-width: 350px;
    width: 100%;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .callout-section .grid .secondary {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1; } }
  .callout-section .callout-header h1 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 44px;
    font-size: 26px;
    font-size: 1.625em; }
    .callout-section .callout-header h1 a {
      text-decoration: none;
      color: #000; }
    .callout-section .callout-header h1 span {
      font-weight: 400;
      color: #7a716e;
      font-family: "freight-sans-pro", sans-serif;
      font-size: 18px;
      font-size: 1.125em; }
  .callout-section .header {
    width: 90%;
    max-width: 800px;
    padding: 0 0 2em;
    margin: 0 auto;
    display: block;
    text-align: center; }
    .callout-section .header .daily-icon {
      display: inline; }
    .callout-section .header h1 {
      letter-spacing: 2px;
      font-size: 48px;
      font-size: 3em; }
      .callout-section .header h1 span {
        font-weight: 400; }
    .callout-section .header form {
      padding-top: 1em; }
      .callout-section .header form input {
        width: 50%; }
        @media only screen and (min-width: 768px) {
          .callout-section .header form input {
            width: 30%; } }
        @media only screen and (min-width: 1024px) {
          .callout-section .header form input {
            max-width: 250px;
            padding: 10px; } }
      .callout-section .header form h2 {
        display: inline-block;
        color: #000;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.4em;
        letter-spacing: 1px;
        font-size: 20px;
        font-size: 1.25em; }
      .callout-section .header form span {
        display: inline-block;
        color: #000;
        text-transform: none;
        font-style: italic;
        padding: 0.5em;
        font-weight: normal;
        display: block;
        margin-right: 1em;
        font-size: 20px;
        font-size: 1.25em; }
        @media only screen and (min-width: 768px) {
          .callout-section .header form span {
            display: inline; } }
  .callout-section .inline-image-block {
    transition: all 0.5s ease-out; }
    .callout-section .inline-image-block:hover {
      background-color: rgba(255, 255, 255, 0.9); }
    .callout-section .inline-image-block .module-content {
      padding-bottom: 45px; }
      @media only screen and (min-width: 768px) {
        .callout-section .inline-image-block .module-content {
          padding-bottom: 25px; } }
      .callout-section .inline-image-block .module-content .callout-module-header {
        margin-bottom: 18px; }
        .callout-section .inline-image-block .module-content .callout-module-header a {
          color: #98918f;
          border-bottom: 1px solid rgba(152, 145, 142, 0.3);
          text-decoration: none; }
          .callout-section .inline-image-block .module-content .callout-module-header a:hover {
            border-bottom: 1px solid rgba(152, 145, 142, 0.6); }
      .callout-section .inline-image-block .module-content h1 {
        margin-bottom: 10px;
        font-size: 22px;
        font-size: 1.375em; }
        @media only screen and (min-width: 768px) {
          .callout-section .inline-image-block .module-content h1 {
            font-size: 32px;
            font-size: 2em; } }
        .callout-section .inline-image-block .module-content h1 a {
          transition: all 0.5s ease-out; }
      .callout-section .inline-image-block .module-content .author {
        margin-bottom: 10px;
        display: block; }
        .callout-section .inline-image-block .module-content .author a {
          color: #a38c78;
          text-decoration: none;
          display: inline-block;
          border-bottom: 1px solid transparent;
          transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
          .callout-section .inline-image-block .module-content .author a:hover {
            border-bottom: 1px solid #a38c78; }
      .callout-section .inline-image-block .module-content p.text {
        line-height: 26px;
        margin-bottom: 15px;
        font-size: 16px;
        font-size: 1em; }
        .callout-section .inline-image-block .module-content p.text .accent {
          color: #a38c78;
          font-weight: 700;
          font-size: 18px;
          font-size: 1.125em; }
    .callout-section .inline-image-block .share {
      position: absolute;
      z-index: 11;
      bottom: 10px; }
      .callout-section .inline-image-block .share.right, .callout-section .inline-image-block .share.share-right {
        right: 20px; }
      .callout-section .inline-image-block .share.left, .callout-section .inline-image-block .share.share-left {
        left: 20px; }
      .callout-section .inline-image-block .share a:before {
        opacity: 0.7;
        transition: all 0.5s ease-out; }
      .callout-section .inline-image-block .share a:hover:before {
        opacity: 1; }
  .callout-section .basic-teaser-block {
    max-width: 100%;
    height: 417px; }
  .callout-section .split-box.small {
    margin: 0 auto; }
  .callout-section .convo {
    width: 100%;
    max-width: 334px; }
  .callout-section .podcast {
    transition: all 0.5s ease-out; }
    .callout-section .podcast:hover {
      background-color: rgba(255, 255, 255, 0.9); }
  @media only screen and (min-width: 768px) {
    .callout-section .view-id-laphams_daily_deja_vu {
      width: 100%; }
      .callout-section .view-id-laphams_daily_deja_vu > div > div {
        width: 100%; } }
  .callout-section .view-id-laphams_daily_deja_vu .share {
    padding: 20px 0; }
  .callout-section .view-id-laphams_daily_deja_vu .module-content .text {
    font-size: 17px;
    font-size: 1.0625em; }
    .callout-section .view-id-laphams_daily_deja_vu .module-content .text:first-of-type {
      padding-bottom: 10px;
      margin-bottom: 16px;
      border-bottom: 1px solid #dfd7d0; }
  .callout-section .view-id-laphams_daily_deja_vu .module-content h1 {
    margin-bottom: 10px; }
  .callout-section .view-id-laphams_daily_deja_vu .module-content p {
    display: inline;
    font-size: 17px;
    font-size: 1.0625em; }
  .callout-section .view-id-laphams_daily_deja_vu .share {
    position: absolute;
    bottom: 0;
    padding: 20px 0; }
  .callout-section .view-id-laphams_daily_roundtable .module-content p.text {
    font-size: 17px;
    font-size: 1.0625em; }
  .callout-section .view-id-laphams_daily_roundtable .share {
    padding: 20px 0;
    padding-right: 20px;
    right: 0;
    position: absolute;
    bottom: 0; }
  .callout-section .no-image .module-content {
    width: 100%; }

.callout-section.daily .callout-header {
  text-align: center; }
  .callout-section.daily .callout-header h1 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px;
    border-bottom: 1px solid #000;
    padding: 0 10px;
    display: inline-block;
    margin: 0 auto 1em;
    font-size: 28px;
    font-size: 1.75em; }
    @media only screen and (min-width: 768px) {
      .callout-section.daily .callout-header h1 {
        padding: 0 40px;
        font-size: 42px;
        font-size: 2.625em; } }
    .callout-section.daily .callout-header h1 img {
      display: block;
      margin: 0 auto 5px; }
      @media only screen and (min-width: 768px) {
        .callout-section.daily .callout-header h1 img {
          display: inline-block;
          margin: 0 10px -5px; } }
    .callout-section.daily .callout-header h1 a {
      text-decoration: none;
      color: #000; }
    .callout-section.daily .callout-header h1 span {
      font-weight: 400;
      color: #7a716e;
      font-family: "freight-sans-pro", sans-serif;
      font-size: 18px;
      font-size: 1.125em; }
  .callout-section.daily .callout-header .signup-area {
    text-align: center;
    margin-bottom: 40px; }
    .callout-section.daily .callout-header .signup-area p {
      display: inline-block;
      margin-right: 10px;
      margin-bottom: 10px;
      font-size: 18px;
      font-size: 1.125em; }
      .callout-section.daily .callout-header .signup-area p strong {
        text-transform: uppercase;
        display: block;
        letter-spacing: 2px; }
        @media only screen and (min-width: 768px) {
          .callout-section.daily .callout-header .signup-area p strong {
            display: inline-block; } }
    .callout-section.daily .callout-header .signup-area form {
      display: inline-block;
      position: relative;
    }
      .callout-section.daily .callout-header .signup-area form input {
        text-transform: uppercase;
        padding: 8px;
        padding-right: 80px;
        font-size: 18px;
        font-size: 1.125em; }
    .callout-section.daily .callout-header .signup-area .submit {
      vertical-align: middle;
      position: absolute;
      margin: 0;
      padding: 0;
      right: 10px;
      top: 37%;
    }

.homepage-reverse .callout-section.daily {
  background-color: #f3f0ed; }

.small-grid {
  display: block; }
  @media only screen and (min-width: 1024px) {
    .small-grid {
      max-width: 334px; } }

.big-grid {
  display: block;
  max-width: 692px; }

.space-between {
  -webkit-align-content: space-around;
  -moz-align-content: space-around;
  -ms-align-content: space-around;
  align-content: space-around;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around; }
  @media only screen and (min-width: 1024px) {
    .space-between {
      -webkit-align-content: space-between;
      -moz-align-content: space-between;
      -ms-align-content: space-between;
      align-content: space-between;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between; } }

.space-around {
  -webkit-align-content: space-around;
  -moz-align-content: space-around;
  -ms-align-content: space-around;
  align-content: space-around;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around; }

.submit {
  background: url(../images/plus.png) no-repeat 0 0;
  height: 15px;
  width: 10px;
  margin-left: -20px;
  padding-top: 5px; }

.sorting {
  display: inline-block; }
  .sorting a {
    color: #98918f;
    padding: 10px 10px 10px 20px;
    text-transform: uppercase;
    text-decoration: none; }

.pub-date {
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #b4b4b4;
  font-family: "freight-sans-pro", sans-serif;
  margin-bottom: 15px;
  line-height: 1;
  font-size: 14px;
  font-size: 0.875em; }

.subscribe-block {
  display: inline-block;
  text-align: center;
  margin: 10px auto 0; }
  @media only screen and (min-width: 768px) {
    .subscribe-block {
      display: inline-block; } }
  .subscribe-block a {
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 600;
    color: #000;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    opacity: 0.85;
    background: #cdac77;
    padding: 15px 20px;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    font-size: 12px;
    font-size: 0.75em;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
    .subscribe-block a:hover {
      opacity: 1;
      box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.95); }
    .subscribe-block a:active {
      box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.25); }

.bc_dates {
  font-size: 65%; }

.circafy {
  text-transform: lowercase; }

.color-5, .back-color-35 {
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }

/* Commented out as this same block is also repeated below in this (styles.css) file -- KB 2017-09-28
@-webkit-keyframes thumb {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
.ajax-progress .throbber {
  background: transparent url("../images/module-header-icon-yellow.png") no-repeat;
  height: 10px;
  width: 10px;
  position: absolute;
  margin-left: 15px;
  margin-top: -10px;
  display: inline-block;
  -webkit-animation-name: thumb;
  -webkit-animation-duration: 1000ms;
  -webkit-animation-iteration-count: infinite; }
*/

/* Utility */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0; }

footer {
  background-color: #000;
  color: #fff;
  border-top: 10px solid #a38c78; }
  footer .layout-container {
    padding: 50px 0; }
  footer h1, footer h2 {
    text-transform: Uppercase;
    font-family: "freight-sans-pro", sans-serif; }
  footer h1 {
    font-size: 14px;
    font-size: 0.875em; }
  footer ul {
    list-style-type: none;
    padding-top: 1em; }
    footer ul li a {
      display: inline-block;
      font-weight: 600;
      text-decoration: none;
      color: #a38c78;
      padding: 5px 0;
      font-size: 18px;
      font-size: 1.125em; }
      footer ul li a:hover {
        text-decoration: underline; }
  footer .share {
    text-align: center;
    margin-bottom: 10px; }
    @media only screen and (min-width: 768px) {
      footer .share {
        margin-bottom: 0;
        text-align: left; } }
    footer .share a {
      font-size: 20px;
      font-size: 1.25em; }
    footer .share ul li a:hover {
      text-decoration: none; }
  footer .connect {
    width: 100%;
    text-align: center;
    margin-bottom: 10px; }
    @media only screen and (min-width: 768px) {
      footer .connect {
        text-align: left;
        width: auto;
        margin-bottom: 0; } }
    footer .connect .social-media-nav li {
      display: inline-block; }
  footer .learn-more {
    width: 100%;
    text-align: center;
    margin-bottom: 10px; }
    @media only screen and (min-width: 768px) {
      footer .learn-more {
        text-align: left;
        width: auto;
        margin-bottom: 0; } }
    footer .learn-more .special-button {
      font-family: "freight-sans-pro", sans-serif;
      font-weight: 400;
      color: #000;
      background: #fff;
      margin: 1em auto;
      padding: 0.5em 1em;
      letter-spacing: .1em;
      text-transform: uppercase;
      font-size: 14px;
      font-size: 0.875em;
      border-radius: 10px; }
  footer .outreach {
    width: 90%;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      footer .outreach {
        text-align: left;
        width: auto; } }

header .masthead-img {
  margin: 0 auto; }
header a {
  color: #000;
  text-decoration: none; }
header .top-bar {
  background-color: #000;
  font-weight: bold;
  width: 100%;
  padding: 6px 0;
  opacity: 0.8;
  left: 0;
  font-family: "freight-sans-pro", sans-serif;
  text-transform: uppercase;
  z-index: 999;
  top: 0;
  font-size: 12px;
  font-size: 0.75em; }
  @media only screen and (min-width: 768px) {
    header .top-bar {
      position: fixed; } }
  header .top-bar:hover, header .top-bar:focus {
    color: #fff; }
  header .top-bar .inner {
    max-width: 1090px;
    margin: 0 auto;
    position: relative; }
    header .top-bar .inner .action-wrapper {
      width: 90%;
      margin: 0 auto;
      padding: 8px 0;
      display: none; }
      @media only screen and (min-width: 768px) {
        header .top-bar .inner .action-wrapper {
          display: block;
          position: absolute;
          width: 100%; } }
      header .top-bar .inner .action-wrapper .social-media-nav {
        display: none;
        float: left;
        width: 50%;
        vertical-align: middle; }
        @media only screen and (min-width: 768px) {
          header .top-bar .inner .action-wrapper .social-media-nav {
            display: block; } }
        header .top-bar .inner .action-wrapper .social-media-nav li {
          margin: 0;
          padding: 0; }
          header .top-bar .inner .action-wrapper .social-media-nav li a {
            padding: 0;
            padding-right: 6px;
            text-decoration: none;
            border-bottom: none; }
            header .top-bar .inner .action-wrapper .social-media-nav li a:before {
              transition: all 0.5s ease-out;
              color: #98918f;
              opacity: 0.6;
              font-size: 22px;
              font-size: 1.375em; }
            header .top-bar .inner .action-wrapper .social-media-nav li a:hover, header .top-bar .inner .action-wrapper .social-media-nav li a:focus {
              text-decoration: none;
              border-bottom: none; }
              header .top-bar .inner .action-wrapper .social-media-nav li a:hover:before, header .top-bar .inner .action-wrapper .social-media-nav li a:focus:before {
                opacity: 1;
                text-decoration: none;
                border-bottom: none; }
      header .top-bar .inner .action-wrapper .search-form {
        position: relative;
        margin: 0 auto;
        width: 100%;
        display: inline-block;
        text-align: center;
        vertical-align: middle; }
        @media only screen and (min-width: 768px) {
          header .top-bar .inner .action-wrapper .search-form {
            float: right;
            width: 50%;
            text-align: right; } }
        header .top-bar .inner .action-wrapper .search-form form .form-text {
          opacity: 0.9;
          min-width: 200px;
          text-transform: uppercase;
          letter-spacing: 0.15em;
          padding: 7px 5px;
          font-weight: 600;
          color: #98918f;
          background: #322d29;
          margin-top: -3px;
          font-size: 14px;
          font-size: 0.875em; }
          header .top-bar .inner .action-wrapper .search-form form .form-text::-webkit-input-placeholder {
            color: #98918f; }
          header .top-bar .inner .action-wrapper .search-form form .form-text:-moz-placeholder {
            /* Firefox 18- */
            color: #98918f; }
          header .top-bar .inner .action-wrapper .search-form form .form-text::-moz-placeholder {
            /* Firefox 19+ */
            color: #98918f; }
          header .top-bar .inner .action-wrapper .search-form form .form-text:-ms-input-placeholder {
            color: #98918f; }
          header .top-bar .inner .action-wrapper .search-form form .form-text:focus::-webkit-input-placeholder {
            color: transparent; }
          header .top-bar .inner .action-wrapper .search-form form .form-text:focus:-moz-placeholder {
            color: transparent; }
          header .top-bar .inner .action-wrapper .search-form form .form-text:focus::-moz-placeholder {
            color: transparent; }
          header .top-bar .inner .action-wrapper .search-form form .form-text:focus:-ms-input-placeholder {
            color: transparent; }
        header .top-bar .inner .action-wrapper .search-form form .form-submit {
          background: #322d29 url(../images/header-search.png) no-repeat center 35%;
          position: absolute;
          right: 0;
          width: 30px;
          height: 22px;
          opacity: 0.9;
          top: 0;
          padding: 0;
          margin: 0;
          background-size: 13px;
          transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
          header .top-bar .inner .action-wrapper .search-form form .form-submit:hover {
            background: #322d29 url(../images/header-search-gold.png) no-repeat center 35%;
            background-size: 13px; }
    header .top-bar .inner .internal-nav-wrapper .internal-nav {
      position: relative;
      z-index: 99;
      padding: 10px 0;
      width: 100%;
      display: inline-block;
      margin: 0 auto;
      vertical-align: middle;
      text-align: center;
      letter-spacing: 0.12em; }
      @media only screen and (min-width: 768px) {
        header .top-bar .inner .internal-nav-wrapper .internal-nav {
          width: 60%;
          display: block; } }
  header .top-bar ul li {
    display: inline-block;
    padding: 0 1em 0  0; }
    @media only screen and (min-width: 768px) {
      header .top-bar ul li {
        padding: 0 2em 0  0; } }
    header .top-bar ul li a {
      display: inline-block;
      vertical-align: middle;
      color: #fff;
      font-size: 14px;
      font-size: 0.875em;
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
      @media only screen and (min-width: 768px) {
        header .top-bar ul li a {
          font-size: 16px;
          font-size: 1em; } }
      header .top-bar ul li a:hover, header .top-bar ul li a:focus {
        color: #cdac77; }
header .subscribe-now {
  font-family: "freight-sans-pro", sans-serif;
  margin: 0 auto 16px;
  font-weight: 500;
  padding: 7px 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.125em;
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  box-shadow: 1px 1px 2px 2 rgba(0, 0, 0, 0.25);
  border-radius: 3px; }
  header .subscribe-now:active {
    box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.25); }
  @media only screen and (min-width: 768px) {
    header .subscribe-now {
      background-color: #fff;
      color: #000;
      padding: 13px 25px; } }
header .nav-bar {
  font-family: "freight-sans-pro", sans-serif;
  background: rgba(234, 228, 223, 0.89);
  text-transform: uppercase;
  position: relative; }
  @media only screen and (min-width: 420px) {
    header .nav-bar {
      text-align: center;
      padding-left: 0; } }
  @media only screen and (min-width: 768px) {
    header .nav-bar {
      width: 100%; } }
  header .nav-bar h1 {
    color: #000;
    padding-bottom: .5em;
    padding-top: 15px;
    letter-spacing: .1em;
    font-weight: 400;
    line-height: .5em; }
    @media only screen and (min-width: 1024px) {
      header .nav-bar h1 {
        float: left;
        padding-left: 1em;
        padding-bottom: 0; } }
    header .nav-bar h1 span {
      letter-spacing: .7em;
      font-weight: normal; }
  header .nav-bar .nav-bar-menu-wrapper {
    position: relative;
    background: rgba(234, 228, 223, 0.1);
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
    @media only screen and (min-width: 768px) {
      header .nav-bar .nav-bar-menu-wrapper {
        min-height: 65px; } }
    header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu {
      position: absolute;
      width: 100%;
      top: 0;
      list-style: none;
      font-weight: 400;
      text-align: center;
      letter-spacing: 1px;
      z-index: 99;
      max-height: 0px;
      opacity: 0;
      visibility: hidden;
      margin-top: 65px;
      font-size: 14px;
      font-size: 0.875em;
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
      @media only screen and (min-width: 420px) {
        header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu {
          font-size: 16px;
          font-size: 1em; } }
      @media only screen and (min-width: 768px) {
        header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu {
          margin-top: 0;
          max-height: auto;
          opacity: 1;
          visibility: visible;
          position: relative;
          padding-top: 0;
          top: 0; } }
      header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu.open {
        max-height: 99999px;
        opacity: 1;
        visibility: visible; }
        @media only screen and (min-width: 768px) {
          header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu.open {
            margin-top: 0; } }
      header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li {
        background: rgba(234, 228, 223, 0.8);
        display: block;
        margin: 0 auto;
        text-align: center;
        position: relative;
        transition: all 0.5s ease-out; }
        @media only screen and (min-width: 768px) {
          header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li {
            padding: 26px 0;
            display: inline;
            background: none; } }
        header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li.active > a {
          color: #fff;
          background: #000; }
        header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li.active .has-kids {
          position: relative; }
          @media only screen and (min-width: 768px) {
            header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li.active .has-kids:after {
              background: transparent url(../images/down-arrow-white.png) no-repeat 90% center; } }
        header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li.active .open-menu {
          background: rgba(234, 228, 223, 0.2) url(../images/down-arrow-white.png) no-repeat center center; }
          header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li.active .open-menu.active {
            background: rgba(234, 228, 223, 0.2) url(../images/down-arrow-white.png) no-repeat center center;
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
        @media only screen and (min-width: 768px) {
          header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li:hover > a, header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li a:focus > a {
            color: #fff;
            background: #000; } }
        @media only screen and (min-width: 768px) {
          header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li:hover .sub-menu, header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li a:focus .sub-menu {
            max-height: 999px;
            visibility: visible;
            opacity: 1;
            z-index: 999; } }
        header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li:hover .has-kids, header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li a:focus .has-kids {
          position: relative; }
          @media only screen and (min-width: 768px) {
            header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li:hover .has-kids:after, header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li a:focus .has-kids:after {
              background: transparent url(../images/down-arrow-white.png) no-repeat 90% center; } }
        @media only screen and (min-width: 768px) {
          header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li:hover .open-menu, header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li a:focus .open-menu {
            background: rgba(234, 228, 223, 0.2) url(../images/down-arrow-white.png) no-repeat center center; } }
        @media only screen and (min-width: 768px) {
          header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li:hover .open-menu.active, header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li a:focus .open-menu.active {
            background: rgba(234, 228, 223, 0.2) url(../images/down-arrow-white.png) no-repeat center center;
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg); } }
        @media only screen and (min-width: 768px) {
          header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li ul {
            transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
            visibility: hidden;
            opacity: 0; } }
        header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li a {
          width: 100%;
          font-weight: 600;
          letter-spacing: 2px;
          display: block;
          text-align: center;
          padding: 26px 10px;
          font-size: 14px;
          font-size: 0.875em;
          transition: all 0.5s ease-out; }
          @media only screen and (min-width: 768px) {
            header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li a {
              margin-right: -6px;
              width: auto;
              display: inline-block;
              font-size: 12px;
              font-size: 0.75em; } }
          @media only screen and (min-width: 1024px) {
            header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li a {
              padding: 26px 15px;
              font-size: 14px;
              font-size: 0.875em; } }
        header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li .has-kids {
          padding-right: 25px;
          position: relative;
          display: inline-block;
          transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
          @media only screen and (min-width: 768px) {
            header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li .has-kids:after {
              content: "";
              display: block;
              position: absolute;
              width: 10px;
              height: 10px;
              top: 29px;
              right: 13px;
              background: transparent url(../images/down-arrow.png) no-repeat 90% center;
              transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); } }
        header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li .sub-menu {
          width: 240px;
          max-height: 0;
          visibility: hidden;
          opacity: 0;
          transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
          /* li:nth-child(3) {
            a {
              font-size: em(14);
              padding: 12px 0 3px;
              font-weight: 600;
              color:$c-body;
              &:hover {
                color:$c-gold-01;
              }
            }
          } */
          /* li:nth-child(5) {
            a {
              padding-top: 12px;
            }
          } */ }
          header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li .sub-menu.open {
            max-height: 999px;
            visibility: visible;
            opacity: 1; }
          header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li .sub-menu li {
            width: 80%;
            margin: 0 auto; }
            @media only screen and (min-width: 768px) {
              header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li .sub-menu li {
                width: 100%; } }
          header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li .sub-menu li:nth-child(2) a {
            border-bottom: 1px solid #615854; }
          header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li .sub-menu li:nth-child(1) a, header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li .sub-menu li:nth-child(2) a {
            padding: 12px 0;
            font-weight: 600;
            color: #fff;
            font-size: 15px;
            font-size: 0.9375em; }
            header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li .sub-menu li:nth-child(1) a:hover, header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li .sub-menu li:nth-child(2) a:hover {
              color: #cdac77; }
            @media only screen and (min-width: 768px) {
              header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li .sub-menu li:nth-child(1) a, header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li .sub-menu li:nth-child(2) a {
                font-size: 14px;
                font-size: 0.875em; } }
          header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li .sub-menu li:nth-child(3):before {
            content: "Archive";
            display: block;
            width: 100%;
            margin: 0 auto;
            font-family: "freight-sans-pro", sans-serif;
            text-transform: uppercase;
            font-weight: 600;
            padding-top: 12px;
            color: #fff;
            font-size: 16px;
            font-size: 1em; }
            @media only screen and (min-width: 768px) {
              header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li .sub-menu li:nth-child(3):before {
                width: 80%; } }
          header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li .sub-menu li:nth-child(3) a {
            padding-top: 12px; }
          header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li .sub-menu li:last-child {
            padding-bottom: 20px; }
          header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li .sub-menu li:first-child {
            padding-top: 20px; }
          header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li .sub-menu a {
            width: 100%;
            display: block;
            text-align: left;
            padding: 6px 0;
            font-size: 13px;
            font-size: 0.8125em;
            transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
            @media only screen and (min-width: 768px) {
              header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li .sub-menu a {
                padding: 5px 0;
                width: 80%;
                margin: 0 auto;
                display: block;
                font-size: 12px;
                font-size: 0.75em; } }
            header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li .sub-menu a:hover {
              color: #cdac77; }
          header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li .sub-menu:hover, header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu > li .sub-menu:focus {
            color: #cdac77; }
  @media only screen and (min-width: 1024px) {
    header .nav-bar .nav-subscribe {
      float: right;
      padding-right: 1em; } }
  header .nav-bar .nav-subscribe a {
    width: 180px;
    background-color: #000;
    color: #fff;
    border-radius: 10px;
    padding-top: .5em;
    padding-bottom: .5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-weight: bold; }
    header .nav-bar .nav-subscribe a:active {
      box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.25); }
  header .nav-bar nav {
    display: block; }
    @media only screen and (min-width: 1024px) {
      header .nav-bar nav {
        margin: 0 auto;
        text-align: center; } }

.front .nav-bar {
  max-width: 1600px;
  margin: 0 auto; }
.front .full {
  max-width: none; }

@media only screen and (min-width: 768px) {
  .has-kids {
    pointer-events: none; } }

.open-menu {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9999;
  background: url(../images/down-arrow.png) no-repeat center center;
  width: 70px;
  height: 65px; }
  @media only screen and (min-width: 768px) {
    .open-menu {
      display: none; } }
  .open-menu:hover, .open-menu:focus {
    background: rgba(234, 228, 223, 0.2); }

header.small-header {
  position: relative;
  max-width: 1600px;
  margin: 0 auto; }
  header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu {
    width: 100%;
    position: relative;
    background: #000;
    margin-top: 0; }
    @media only screen and (min-width: 768px) {
      header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu {
        transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
        min-width: 240px;
        position: absolute;
        z-index: -1; } }
    header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.archive {
      width: 100%;
      padding: 20px 40px;
      text-align: center; }
      @media only screen and (min-width: 768px) {
        header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.archive {
          text-align: left;
          min-width: 250px;
          min-height: 420px; } }
      header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.archive ul {
        margin: 0;
        padding: 0;
        display: block;
        border-bottom: 1px solid #98918f;
        text-align: left; }
        header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.archive ul:last-child {
          border-bottom: none; }
        header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.archive ul li {
          margin: 0;
          display: block;
          float: none;
          padding-right: 10px; }
          header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.archive ul li a {
            font-weight: 600;
            padding: 5px 0;
            color: #b4b4b4;
            font-size: 12px;
            font-size: 0.75em; }
            header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.archive ul li a:hover, header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.archive ul li a:focus {
              color: #fff; }
          header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.archive ul li:first-child {
            padding-top: 5px; }
          header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.archive ul li:last-child {
            padding-bottom: 5px; }
    header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.blogs {
      width: 100%;
      padding: 0 15px; }
      @media only screen and (min-width: 768px) {
        header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.blogs {
          width: auto;
          min-width: 520px; } }
      header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.blogs li {
        width: 100%;
        max-width: 290px;
        padding: 12px 0; }
        @media only screen and (min-width: 768px) {
          header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.blogs li {
            margin: 10px auto;
            display: inline-block;
            float: left;
            width: 50%; } }
        header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.blogs li:first-child {
          position: relative; }
          @media only screen and (min-width: 768px) {
            header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.blogs li:first-child:after {
              content: "";
              display: inline-block;
              width: 1px;
              height: 38%;
              background: #cdac77;
              position: absolute;
              right: 13px;
              top: 33%;
              opacity: 0.4; } }
          header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.blogs li:first-child .sub-nav-title:before {
            width: 25px;
            background: url(../images/gold-rss.png) no-repeat 0 0; }
        header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.blogs li a {
          display: block;
          border-radius: 10px;
          padding: 20px 15px;
          color: #fff;
          text-align: left;
          width: 100%;
          border-bottom: none;
          letter-spacing: 0;
          position: relative;
          z-index: 999;
          pointer-events: all; }
          header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.blogs li a .sub-nav-title {
            font-family: "adobe-caslon-pro", serif;
            font-weight: 700;
            color: #fff;
            display: block;
            margin-bottom: 10px;
            text-transform: none;
            transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
            font-size: 32px;
            font-size: 2em; }
            header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.blogs li a .sub-nav-title:before {
              content: "";
              display: inline-block;
              width: 40px;
              height: 22px;
              margin-right: 5px;
              background: url(../images/gold-blog.png) no-repeat 0 0; }
          header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.blogs li a:hover .sub-nav-title {
            color: #cdac77; }
          header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.blogs li a .blurb {
            font-family: "adobe-caslon-pro", serif;
            text-transform: none;
            line-height: 1.4;
            font-weight: 400;
            letter-spacing: 0;
            color: #fff;
            font-size: 18px;
            font-size: 1.125em; }
    header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.podcasts {
      width: 100%; }
      @media only screen and (min-width: 768px) {
        header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.podcasts {
          min-width: 520px;
          width: auto; } }
      header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.podcasts li {
        margin: 0 auto;
        padding: 20px 0 0; }
        @media only screen and (min-width: 768px) {
          header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.podcasts li {
            margin: 0;
            padding: 20px 0 20px;
            float: left;
            width: 50%; } }
        header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.podcasts li:first-of-type {
          border-bottom: 1px solid #98918f; }
          @media only screen and (min-width: 768px) {
            header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.podcasts li:first-of-type {
              border-bottom: none; } }
        header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.podcasts li a.button {
          display: block;
          font-weight: 600;
          letter-spacing: 2px;
          color: #fff;
          text-align: center;
          padding: 15px;
          background: #262626;
          margin: 0 auto;
          border-bottom: none;
          font-size: 18px;
          font-size: 1.125em;
          border-radius: 5px;
          transition: all 0.5s ease-out; }
          header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.podcasts li a.button:active {
            box-shadow: inset 0px 0px 2px rgba(225, 225, 225, 0.3); }
        header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.podcasts li .podcast {
          color: #fff;
          text-align: left;
          margin-bottom: 0; }
          header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.podcasts li .podcast .module-content {
            padding: 30px 0 0;
            width: 85%;
            margin: 0 auto; }
            header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.podcasts li .podcast .module-content .podcast-date {
              text-transform: uppercase;
              color: #98918f;
              font-family: "freight-sans-pro", sans-serif; }
            header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.podcasts li .podcast .module-content span {
              font-weight: 900;
              display: inline-block;
              margin-right: 5px; }
            header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.podcasts li .podcast .module-content .podcast-topic {
              font-style: normal;
              display: inline-block;
              text-transform: none;
              font-family: "freight-sans-pro", sans-serif;
              margin-bottom: 5px; }
            header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.podcasts li .podcast .module-content .sub-menu-img {
              display: none; }
              @media only screen and (min-width: 768px) {
                header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.podcasts li .podcast .module-content .sub-menu-img {
                  display: block;
                  margin-bottom: 10px; } }
            header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.podcasts li .podcast .module-content p {
              text-transform: none;
              line-height: 16px;
              color: #fff;
              font-weight: 600;
              font-size: 12px;
              font-size: 0.75em; }
            header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.podcasts li .podcast .module-content a {
              border-bottom: none;
              text-decoration: none; }
            header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.podcasts li .podcast .module-content .callout-module-header {
              padding: 10px 0; }
              header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.podcasts li .podcast .module-content .callout-module-header a {
                text-decoration: none;
                width: auto;
                display: inline-block;
                color: #98918f;
                line-height: 18px;
                font-weight: 700;
                text-transform: uppercase;
                border-bottom: none;
                font-size: 13px;
                font-size: 0.8125em; }
                header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.podcasts li .podcast .module-content .callout-module-header a:hover, header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.podcasts li .podcast .module-content .callout-module-header a:focus {
                  color: #fff; }
                header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.podcasts li .podcast .module-content .callout-module-header a img {
                  display: inline-block; }
          header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.podcasts li .podcast:hover img, header.small-header .nav-bar .nav-bar-menu-wrapper .nav-bar-menu .sub-menu.podcasts li .podcast:focus img {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1); }

.sub-menu {
  margin: 0;
  padding: 0;
  display: block;
  border-bottom: 1px solid #98918f;
  text-align: left; }
  @media only screen and (min-width: 768px) {
    .sub-menu {
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); } }
  .sub-menu:last-child {
    border-bottom: none; }
  .sub-menu li {
    margin: 0;
    display: block;
    float: none; }
    .sub-menu li a {
      padding: 5px  0;
      color: #b4b4b4;
      font-size: 12px;
      font-size: 0.75em; }
      .sub-menu li a:hover, .sub-menu li a:focus {
        color: #fff; }
    .sub-menu li:first-child a {
      width: 100%;
      padding-top: 5px;
      padding: 0 10px;
      border-bottom: 1px solid #615854; }
    .sub-menu li:last-child {
      padding-bottom: 5px; }
  @media only screen and (min-width: 768px) {
    .sub-menu.open {
      display: block;
      visibility: visible;
      opacity: 1;
      z-index: 999; } }
  @media only screen and (min-width: 768px) {
    .sub-menu.closed {
      display: none;
      visibility: hidden;
      opacity: 1;
      z-index: 999; } }

#general-page-header .masthead {
  margin: 0 auto; }

.hero_wrapper article:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1); }
  @media only screen and (min-width: 768px) {
    .hero_wrapper article:after {
      display: none; } }

.home-header {
  max-width: 1600px;
  margin: 0 auto;
  max-height: 650px; }
  .home-header .picturefill-background {
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      .home-header .picturefill-background {
        height: 600px; } }
  .home-header img {
    width: 100%;
    transition: opacity 1.2s ease-out; }

.sub-page-header {
  position: relative; }
  .sub-page-header .nav-bar {
    top: 0;
    border-bottom: none;
    background-color: rgba(234, 228, 223, 0.6); }
  .sub-page-header .top-bar {
    position: relative;
    background-color: black; }

.overlay {
  position: absolute; }

@media only screen and (min-width: 768px) {
  .top-bar.overlay {
    background-color: rgba(0, 0, 0, 0.65);
    top: 0; } }

@media only screen and (min-width: 768px) {
  .nav-bar.overlay {
    background-color: rgba(234, 228, 223, 0.6); } }

header.small-header .nav-bar {
  width: 100%;
  z-index: 99; }
  header.small-header .nav-bar .nav-wrapper {
    position: relative;
    max-width: 1090px;
    display: block;
    margin: 0 auto;
    min-height: 65px;
    width: 100%;
    /* .mobile-menu {
      padding:2px;
      display: block;
      position: absolute;
      z-index: 9;
      top:12px;
      left: 50%;
      border-bottom: 12px double $c-black-01;
        border-top: 4px solid $c-black-01;
        content:"";
        height: 4px;
        width:30px;
        -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      @include bp(baby-bear) {
        display: none;
      }
    } */ }
  header.small-header .nav-bar .small-header-title {
    display: inline-block;
    text-align: left;
    margin: 10px auto 0;
    position: absolute;
    left: 16px;
    z-index: 9; }
    @media only screen and (min-width: 768px) {
      header.small-header .nav-bar .small-header-title {
        left: 0; } }
    header.small-header .nav-bar .small-header-title a {
      display: block; }
      header.small-header .nav-bar .small-header-title a h1 {
        padding-left: 0;
        font-family: "adobe-caslon-pro", serif;
        display: block;
        font-size: 18px;
        font-size: 1.125em; }
        @media only screen and (min-width: 768px) {
          header.small-header .nav-bar .small-header-title a h1 {
            font-size: 22px;
            font-size: 1.375em; } }
        header.small-header .nav-bar .small-header-title a h1 span {
          padding: 5px 0;
          display: block;
          font-size: 8px;
          font-size: 0.5em; }
  @media only screen and (min-width: 768px) {
    header.small-header .nav-bar nav {
      display: inline-block; } }
  header.small-header .nav-bar .subscribe-block {
    display: none;
    text-align: center;
    max-width: 150px;
    margin: 17px 0;
    position: absolute;
    right: 5px;
    top: 0; }
    @media only screen and (min-width: 768px) {
      header.small-header .nav-bar .subscribe-block {
        display: inline-block;
        right: 10px; } }
    header.small-header .nav-bar .subscribe-block a {
      display: block;
      background: #cdac77;
      padding: 10px;
      letter-spacing: 1px;
      margin: 0;
      font-size: 12px;
      font-size: 0.75em;
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
      box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
      border-radius: 4px; }
      header.small-header .nav-bar .subscribe-block a:hover, header.small-header .nav-bar .subscribe-block a:focus {
        box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.65); }
      header.small-header .nav-bar .subscribe-block a:active {
        box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.25); }
header.small-header .sticky-nav {
  z-index: 991;
  top: 45px;
  left: 0;
  right: 0;
  bottom: inherit;
  width: 100%;
  max-width: 100%;
  position: absolute;
  text-align: center;
  display: table;
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
  @media only screen and (min-width: 768px) {
    header.small-header .sticky-nav {
      position: fixed; } }
header.small-header .unsticky-nav {
  display: table-cell;
  text-align: center;
  position: absolute;
  max-width: 1600px;
  top: inherit;
  left: inherit;
  right: 0;
  top: 45px;
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
  @media only screen and (min-width: 768px) {
    header.small-header .unsticky-nav {
      bottom: 0;
      top: auto; } }

.hero_wrapper {
  margin-top: 65px; }
  @media only screen and (min-width: 768px) {
    .hero_wrapper {
      margin-top: 0; } }

@media only screen and (min-width: 1024px) {
  .home-header {
    min-height: 440px; } }
@media only screen and (min-width: 1200px) {
  .home-header {
    min-height: 510px; } }
@media only screen and (min-width: 1400px) {
  .home-header {
    min-height: 595px; } }
.home-header .field-name-field-hero-image {
  position: relative; }
  .home-header .field-name-field-hero-image:after {
    opacity: 0.80;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: block;
    background: #232221; }
    @media only screen and (min-width: 768px) {
      .home-header .field-name-field-hero-image:after {
        opacity: 0.73;
        background: transparent; } }
.home-header .title {
  width: 60%;
  transition: none;
  text-align: center;
  position: absolute;
  top: 45%;
  z-index: 99;
  color: #000;
  margin: 0 auto;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }
  @media only screen and (min-width: 768px) {
    .home-header .title {
      width: auto;
      margin: 0;
      color: #fff;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(0%, -60%);
      -ms-transform: translate(0%, -60%);
      transform: translate(0%, -60%);
      text-align: center; } }
  @media only screen and (min-width: 1024px) {
    .home-header .title {
      color: #fff;
      top: 50%;
      left: 50%;
      position: absolute;
      -webkit-transform: translate(0%, -170%);
      -ms-transform: translate(0%, -170%);
      transform: translate(0%, -170%);
      text-align: center; } }
  @media only screen and (min-width: 768px) {
    .home-header .title.right {
      -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
      transform: translate(0%, -50%); } }
  @media only screen and (min-width: 768px) {
    .home-header .title.center {
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }
  @media only screen and (min-width: 768px) {
    .home-header .title.left {
      -webkit-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%); } }
  .home-header .title h1 {
    line-height: .5em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 18px;
    max-width: 100%;
    margin: 0 auto 10px;
    font-size: 30px;
    font-size: 1.875em;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
    @media only screen and (min-width: 768px) {
      .home-header .title h1 {
        letter-spacing: 20px;
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
        font-size: 48px;
        font-size: 3em; } }
    @media only screen and (min-width: 960px) {
      .home-header .title h1 {
        margin-bottom: 20px;
        max-width: 100%;
        line-height: 55px;
        font-size: 83px;
        font-size: 5.1875em; } }
    .home-header .title h1 span {
      display: block;
      font-weight: normal;
      padding-top: 10px;
      font-size: 11px;
      font-size: 0.6875em; }
      @media only screen and (min-width: 768px) {
        .home-header .title h1 span {
          letter-spacing: 0.72em;
          font-size: 11px;
          font-size: 0.6875em; } }
      @media only screen and (min-width: 960px) {
        .home-header .title h1 span {
          font-size: 9px;
          font-size: 0.5625em; } }
  .home-header .title h2 {
    font-style: italic;
    font-family: "adobe-caslon-pro", serif;
    padding: 0.5em 0;
    font-weight: 500;
    margin-bottom: 20px;
    font-size: 18px;
    font-size: 1.125em; }
    @media only screen and (min-width: 960px) {
      .home-header .title h2 {
        margin-bottom: 1em;
        font-size: 24px;
        font-size: 1.5em; } }
  .home-header .title .amp-dot {
    /* background: rgba(234, 228, 223, 0.5);
    display: inline-block;
    padding:10px 8px 0 7px;
    font-weight: 600;
    font-style: italic; */
    font-family: "adobe-caslon-pro", serif;
    /* position: relative;
    top:2px;
    height: 30px;
    width: 30px;
    margin:0 5px;
    @include rounded(50%); */ }
    @media only screen and (min-width: 768px) {
      .home-header .title .amp-dot {
        /* padding:13px 8px 0 6px;
        height: 40px;
        width: 40px; */ } }
  .home-header .title .button {
    display: none;
    font-family: "freight-sans-pro", sans-serif;
    background-color: #fff;
    margin: 0 auto 1em;
    padding: 0.75em 0;
    width: 100%;
    max-width: 200px;
    letter-spacing: .1em;
    text-transform: uppercase;
    border-radius: 3px; }
    @media only screen and (min-width: 768px) {
      .home-header .title .button {
        display: block; } }
  .home-header .title .subscribe-now {
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    font-size: 14px;
    font-size: 0.875em; }
    .home-header .title .subscribe-now:hover, .home-header .title .subscribe-now:focus {
      box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.35); }
  .home-header .title.dark .amp-dot {
    /* background: rgba(234, 228, 223, 1); */ }
  .home-header .title.dark h2 {
    color: #262626; }
  .home-header .title.light h2 {
    color: #fff; }

.mobile-menu {
  position: relative;
  top: 20px;
  height: 40px;
  width: 40px;
  margin: 0;
  float: right;
  padding-right: 63px;
  cursor: pointer;
  display: block; }
  @media only screen and (min-width: 768px) {
    .mobile-menu {
      display: none; } }
  .mobile-menu .menu-bar {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    height: 4px;
    width: 35px;
    background-color: #333333;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
  .mobile-menu.open .bar-1 {
    top: 11px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .mobile-menu.open .bar-2 {
    top: 11px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .mobile-menu .bar-1 {
    top: 4px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  .mobile-menu .bar-2 {
    top: 17px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }

.search-form {
  position: relative;
  margin: 0 auto;
  width: 100%;
  display: inline-block;
  text-align: center;
  vertical-align: middle; }
  @media only screen and (min-width: 768px) {
    .search-form {
      float: right;
      width: 50%;
      text-align: right; } }
  .search-form form .form-text {
    opacity: 0.9;
    min-width: 200px;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    padding: 5px;
    font-weight: 600;
    color: #98918f;
    background: #322d29;
    font-size: 14px;
    font-size: 0.875em; }
    .search-form form .form-text::-webkit-input-placeholder {
      color: #98918f; }
    .search-form form .form-text:-moz-placeholder {
      /* Firefox 18- */
      color: #98918f; }
    .search-form form .form-text::-moz-placeholder {
      /* Firefox 19+ */
      color: #98918f; }
    .search-form form .form-text:-ms-input-placeholder {
      color: #98918f; }
  .search-form form .form-submit {
    background: #322d29 url(../images/header-search.png) no-repeat center 40%;
    position: absolute;
    right: 0;
    width: 30px;
    height: 22px;
    opacity: 0.9;
    top: 0;
    padding: 0;
    margin: 0; }

.mobile-search .block-search {
  display: none;
  overflow: visible !important;
  margin: 0;
  padding: 20px 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  @media only screen and (min-width: 768px) {
    .mobile-search .block-search {
      display: none; } }
  .mobile-search .block-search #search-block-form {
    position: relative;
    display: inline-block;
    margin-top: 10px; }
    .mobile-search .block-search #search-block-form .form-submit {
      height: 26px; }

.search-button {
  background: url(../images/header-search-dark.png) no-repeat center center;
  background-size: cover;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 20px;
  top: 15px;
  cursor: pointer; }
  @media only screen and (min-width: 768px) {
    .search-button {
      display: none; } }

#skip-link {
  font-family: "freight-sans-pro", sans-serif;
  text-decoration: none;
  width: 100%;
  text-transform: uppercase;
  position: absolute;
  display: block;
  z-index: 99999;
  font-size: 26px;
  font-size: 1.625em; }

.front #skip-link {
  top: 40px; }

.front header.small-header .sticky-nav .nav-bar-menu-wrapper {
  background: rgba(234, 228, 223, 0.1) url(../images/little-logo.png) no-repeat left center; }

/*
 * Created with iconvau.lt
 */
/*
* Created with iconvau.lt
*/
@font-face {
  font-family: "iconvault";
  src: url("iconvault_ea01ab2e53489549e7047ed2bb8c3361.eot");
  src: url("iconvault_ea01ab2e53489549e7047ed2bb8c3361.eot?#iefix") format("embedded-opentype"), url("iconvault_ea01ab2e53489549e7047ed2bb8c3361.woff") format("woff"), url("iconvault_ea01ab2e53489549e7047ed2bb8c3361.ttf") format("truetype"), url("iconvault_ea01ab2e53489549e7047ed2bb8c3361.svg#iconvault") format("svg");
  font-weight: normal;
  font-style: normal; }
.icon-arrow-01:before,
.icon---01:before,
.icon-grid-01:before,
.icon-email-01:before,
/*.icon-twitter-01:before,*/
.icon-print-01:before,
.icon-tumblr-01:before,
/*.icon-facebook-01:before, */
.icon-quote-01:before {
  font-family: "iconvault";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
  color: #a38c78;
  transition: all 0.5s ease-out;
  opacity: 0.55; }
  .icon-arrow-01:before:hover,
  .icon---01:before:hover,
  .icon-grid-01:before:hover,
  .icon-email-01:before:hover,
  /*.icon-twitter-01:before:hover,*/
  .icon-print-01:before:hover,
  .icon-tumblr-01:before:hover,
  /*.icon-facebook-01:before:hover,*/
  .icon-quote-01:before:hover {
    opacity: 1; }

.icon-arrow-01:before {
  content: "\f100"; }

.icon---01:before {
  content: "\f101"; }

.icon-grid-01:before {
  content: "\f102"; }

.icon-email-01:before {
  content: "\f103"; }

/*.icon-twitter-01:before {
  content: "\f104"; }
*/
.icon-print-01:before {
  content: "\f105"; }

.icon-tumblr-01:before {
  content: "\f106"; }

.icon-quote-01:before {
  content: "\f107"; }

/*.icon-facebook-01:before {
  content: "\f108"; }
*/
.icon-arrow-01:hover:before,
.icon---01:hover:before,
.icon-grid-01:hover:before,
.icon-email-01:hover:before,
/*.icon-twitter-01:hover:before,*/
.icon-print-01:hover:before,
.icon-tumblr-01:hover:before,
/*.icon-facebook-01:hover:before,*/
.icon-quote-01:hover:before {
  opacity: 1; }

/* ICOMOON */
@font-face {
  font-family: 'icomoon';
  src:  url('icomoon/fonts/icomoon.eot?qbhk6v');
  src:  url('icomoon/fonts/icomoon.eot?qbhk6v#iefix') format('embedded-opentype'),
    url('icomoon/fonts/icomoon.ttf?qbhk6v') format('truetype'),
    url('icomoon/fonts/icomoon.woff?qbhk6v') format('woff'),
    url('icomoon/fonts/icomoon.svg?qbhk6v#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #a38c78;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook-01:before {
  content: "\ea91";
}
.icon-instagram-01:before {
  content: "\ea92";
}
.icon-twitter-01:before {
  content: "\ea96";
}
.icon-google-play:before {
  content: "\e900";
}
.icon-stitcher:before {
  content: "\e901";
}
.icon-rss:before {
  content: "\ea9b";
}
.icon-itunes:before {
  content: "\eabe";
}
.icon-soundcloud:before {
  content: "\eac3";
}
/* END ICOMOON */
/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.jplayer.org
 *
 * Skin Name: Blue Monday
 *
 * Copyright (c) 2010-2014 Happyworm Ltd
 * Licensed under the MIT license.
 *  - http://www.opensource.org/licenses/mit-license.php
 *
 * Author: Silvia Benvenuti
 * Skin Version: 4.4 (jPlayer 2.6.0)
 * Date: 1st April 2014
 */
div.jp-audio,
div.jp-audio-stream,
div.jp-video {
  font-size: 1.375em;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.29); }

div.jp-audio-stream {
  width: auto; }

div.jp-interface {
  position: relative;
  width: 100%; }

div.jp-audio div.jp-type-single div.jp-interface {
  height: 60px; }

div.jp-audio div.jp-type-playlist div.jp-interface {
  height: 60px; }

div.jp-audio-stream div.jp-type-single div.jp-interface {
  height: 60px; }

/* @group CONTROLS */
div.jp-controls-holder {
  clear: both;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  top: -8px;
  /* This negative value depends on the size of the text in jp-currentTime and jp-duration */ }

div.jp-interface ul.jp-controls {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden; }

div.jp-audio ul.jp-controls {
  padding: 20px 0 0 0; }

div.jp-audio-stream ul.jp-controls {
  padding-top: 20px; }

div.jp-video ul.jp-controls,
div.jp-interface ul.jp-controls li {
  display: inline;
  float: left; }

div.jp-interface ul.jp-controls a {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 9;
  position: relative; }

a.jp-play,
a.jp-pause {
  width: 31px;
  height: 31px; }

a.jp-play {
  background: url("../images/play-btn.png") 0 0 no-repeat; }

a.jp-play:hover {
  background: url("../images/play-btn.png") 0 0 no-repeat; }

a.jp-pause {
  background: url("../images/pause-btn.png") 0 0 no-repeat;
  display: none; }

a.jp-pause:hover {
  background: url("../images/pause-btn.png") 0 0 no-repeat; }

a.jp-stop, a.jp-previous, a.jp-next {
  width: 28px;
  height: 28px;
  margin-top: 6px; }

a.jp-stop {
  background: url("../skin/jplayer.blue.monday.jpg") 0 -83px no-repeat;
  margin-left: 10px; }

a.jp-stop:hover {
  background: url("../skin/jplayer.blue.monday.jpg") -29px -83px no-repeat; }

a.jp-previous {
  background: url("../skin/jplayer.blue.monday.jpg") 0 -112px no-repeat; }

a.jp-previous:hover {
  background: url("../skin/jplayer.blue.monday.jpg") -29px -112px no-repeat; }

a.jp-next {
  background: url("../skin/jplayer.blue.monday.jpg") 0 -141px no-repeat; }

a.jp-next:hover {
  background: url("../skin/jplayer.blue.monday.jpg") -29px -141px no-repeat; }

/* @end */
/* @group progress bar */
div.jp-progress {
  overflow: hidden;
  background-color: #ddd; }

div.jp-audio div.jp-progress {
  position: absolute;
  top: 20px;
  height: 31px;
  border-radius: 0 10px 10px 0; }

div.jp-audio div.jp-type-single div.jp-progress {
  left: 20px;
  width: 93%; }
  @media only screen and (min-width: 768px) {
    div.jp-audio div.jp-type-single div.jp-progress {
      width: 96%; } }

div.jp-audio div.jp-type-playlist div.jp-progress {
  left: 166px;
  width: 50%; }

div.jp-video div.jp-progress {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 10px; }

.single-podcast .large div.jp-seek-bar {
  max-width: 73%; }
  @media only screen and (min-width: 768px) {
    .single-podcast .large div.jp-seek-bar {
      max-width: 88%; } }

.large div.jp-seek-bar {
  background: #a38c78;
  width: 0px;
  height: 5px;
  cursor: pointer;
  max-width: 75%;
  margin: 13px 0 0 20px; }
  @media only screen and (min-width: 768px) {
    .large div.jp-seek-bar {
      max-width: 80%; } }

.medium div.jp-seek-bar {
  background: #a38c78;
  width: 0px;
  height: 5px;
  cursor: pointer;
  max-width: 73%;
  margin: 13px 0 0 20px; }
  @media only screen and (min-width: 768px) {
    .medium div.jp-seek-bar {
      max-width: 82%; } }

.small div.jp-seek-bar {
  background: #a38c78;
  width: 0px;
  height: 5px;
  cursor: pointer;
  max-width: 60%;
  margin: 13px 0 0 20px; }
  @media only screen and (min-width: 768px) {
    .small div.jp-seek-bar {
      max-width: 70%; } }

div.jp-play-bar {
  background: #a38c78;
  opacity: 0.5;
  height: 25px;
  position: relative;
  top: -10px;
  width: 0px; }

/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
  background: url("../skin/jplayer.blue.monday.seeking.gif"); }

/* @end */
/* @group volume controls */
a.jp-mute,
a.jp-unmute,
a.jp-volume-max {
  width: 18px;
  height: 15px;
  margin-top: 12px; }

div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
  margin-left: 210px; }

div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute {
  margin-left: 154px; }

div.jp-audio-stream div.jp-type-single a.jp-mute,
div.jp-audio-stream div.jp-type-single a.jp-unmute {
  margin-left: 10px; }

div.jp-audio a.jp-volume-max,
div.jp-audio-stream a.jp-volume-max {
  margin-left: 56px; }

div.jp-video a.jp-mute,
div.jp-video a.jp-unmute,
div.jp-video a.jp-volume-max {
  position: absolute;
  top: 12px;
  margin-top: 0; }

div.jp-video a.jp-mute,
div.jp-video a.jp-unmute {
  left: 50px; }

div.jp-video a.jp-volume-max {
  left: 134px; }

a.jp-mute {
  background: url("../skin/jplayer.blue.monday.jpg") 0 -170px no-repeat; }

a.jp-mute:hover {
  background: url("../skin/jplayer.blue.monday.jpg") -19px -170px no-repeat; }

a.jp-unmute {
  background: url("../skin/jplayer.blue.monday.jpg") -60px -170px no-repeat;
  display: none; }

a.jp-unmute:hover {
  background: url("../skin/jplayer.blue.monday.jpg") -79px -170px no-repeat; }

a.jp-volume-max {
  background: url("../skin/jplayer.blue.monday.jpg") 0 -186px no-repeat; }

a.jp-volume-max:hover {
  background: url("../skin/jplayer.blue.monday.jpg") -19px -186px no-repeat; }

div.jp-volume-bar {
  position: absolute;
  overflow: hidden;
  background: url("../skin/jplayer.blue.monday.jpg") 0 -250px repeat-x;
  width: 46px;
  height: 5px;
  cursor: pointer; }

div.jp-audio div.jp-volume-bar {
  top: 37px;
  left: 330px; }

div.jp-audio-stream div.jp-volume-bar {
  top: 37px;
  left: 92px; }

div.jp-video div.jp-volume-bar {
  top: 17px;
  left: 72px; }

div.jp-volume-bar-value {
  background: url("../skin/jplayer.blue.monday.jpg") 0 -256px repeat-x;
  width: 0px;
  height: 5px; }

/* @end */
/* @group current time and duration */
div.jp-audio div.jp-time-holder {
  position: absolute;
  top: 23px;
  right: 10px;
  font-family: "freight-sans-pro", sans-serif;
  font-weight: 500;
  pointer-events: none; }
  @media only screen and (min-width: 768px) {
    div.jp-audio div.jp-time-holder {
      right: 15px; } }

div.jp-audio div.jp-type-playlist div.jp-time-holder {
  left: 166px;
  width: 50%; }

div.jp-current-time,
div.jp-duration {
  width: 60px;
  font-size: .64em; }

div.jp-current-time {
  float: right;
  text-align: right;
  display: none; }

div.jp-duration {
  float: right;
  display: inline;
  text-align: right; }

div.jp-video div.jp-current-time {
  margin-left: 20px; }

div.jp-video div.jp-duration {
  margin-right: 20px; }

/* @end */
/* @group playlist */
div.jp-details {
  font-weight: bold;
  text-align: center; }

div.jp-details,
div.jp-playlist {
  width: 100%; }

div.jp-details ul,
div.jp-playlist ul {
  list-style-type: none;
  margin: 0;
  padding: 0 20px;
  font-size: .72em; }

div.jp-details li {
  padding: 5px 0;
  font-weight: bold; }

div.jp-playlist li {
  padding: 5px 0 4px 20px; }

div.jp-playlist li div {
  display: inline; }

/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */
div.jp-type-playlist div.jp-playlist li:last-child {
  padding: 5px 0 5px 20px; }

div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
  list-style-type: square;
  list-style-position: inside;
  padding-left: 7px; }

div.jp-type-playlist div.jp-playlist a {
  color: #333;
  text-decoration: none; }

div.jp-type-playlist div.jp-playlist a:hover {
  color: #0d88c1; }

div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
  color: #0d88c1; }

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
  float: right;
  display: inline;
  text-align: right;
  margin-right: 10px;
  font-weight: bold;
  color: #666; }

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
  color: #0d88c1; }

div.jp-type-playlist div.jp-playlist span.jp-free-media {
  float: right;
  display: inline;
  text-align: right;
  margin-right: 10px; }

div.jp-type-playlist div.jp-playlist span.jp-free-media a {
  color: #666; }

div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover {
  color: #0d88c1; }

span.jp-artist {
  font-size: .8em;
  color: #666; }

/* @end */
div.jp-video-play {
  width: 100%;
  overflow: hidden;
  /* Important for nested negative margins to work in modern browsers */
  cursor: pointer;
  background-color: transparent;
  /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */ }

div.jp-video-270p div.jp-video-play {
  margin-top: -270px;
  height: 270px; }

div.jp-video-360p div.jp-video-play {
  margin-top: -360px;
  height: 360px; }

div.jp-video-full div.jp-video-play {
  height: 100%; }

a.jp-video-play-icon {
  position: relative;
  display: block;
  width: 112px;
  height: 100px;
  margin-left: -56px;
  margin-top: -50px;
  left: 50%;
  top: 50%;
  background: url("../skin/jplayer.blue.monday.video.play.png") 0 0 no-repeat;
  text-indent: -9999px; }

div.jp-video-play:hover a.jp-video-play-icon {
  background: url("../skin/jplayer.blue.monday.video.play.png") 0 -100px no-repeat; }

div.jp-jplayer audio,
div.jp-jplayer {
  width: 0px;
  height: 0px; }

div.jp-jplayer {
  background-color: #000000; }

/* @group TOGGLES */
/* The audio toggles are nested inside jp-time-holder */
ul.jp-toggles {
  list-style-type: none;
  padding: 0;
  margin: 0 auto;
  overflow: hidden; }

div.jp-audio .jp-type-single ul.jp-toggles {
  width: 25px; }

div.jp-audio .jp-type-playlist ul.jp-toggles {
  width: 55px;
  margin: 0;
  position: absolute;
  left: 325px;
  top: 50px; }

div.jp-video ul.jp-toggles {
  margin-top: 10px;
  width: 100px; }

ul.jp-toggles li {
  display: block;
  float: right; }

ul.jp-toggles li a {
  display: block;
  width: 25px;
  height: 18px;
  text-indent: -9999px;
  line-height: 100%;
  /* need this for IE6 */ }

a.jp-full-screen {
  background: url("../skin/jplayer.blue.monday.jpg") 0 -310px no-repeat;
  margin-left: 20px; }

a.jp-full-screen:hover {
  background: url("../skin/jplayer.blue.monday.jpg") -30px -310px no-repeat; }

a.jp-restore-screen {
  background: url("../skin/jplayer.blue.monday.jpg") -60px -310px no-repeat;
  margin-left: 20px; }

a.jp-restore-screen:hover {
  background: url("../skin/jplayer.blue.monday.jpg") -90px -310px no-repeat; }

a.jp-repeat {
  background: url("../skin/jplayer.blue.monday.jpg") 0 -290px no-repeat; }

a.jp-repeat:hover {
  background: url("../skin/jplayer.blue.monday.jpg") -30px -290px no-repeat; }

a.jp-repeat-off {
  background: url("../skin/jplayer.blue.monday.jpg") -60px -290px no-repeat; }

a.jp-repeat-off:hover {
  background: url("../skin/jplayer.blue.monday.jpg") -90px -290px no-repeat; }

a.jp-shuffle {
  background: url("../skin/jplayer.blue.monday.jpg") 0 -270px no-repeat;
  margin-left: 5px; }

a.jp-shuffle:hover {
  background: url("../skin/jplayer.blue.monday.jpg") -30px -270px no-repeat; }

a.jp-shuffle-off {
  background: url("../skin/jplayer.blue.monday.jpg") -60px -270px no-repeat;
  margin-left: 5px; }

a.jp-shuffle-off:hover {
  background: url("../skin/jplayer.blue.monday.jpg") -90px -270px no-repeat; }

/* @end */
/* @group NO SOLUTION error feedback */
.jp-no-solution {
  padding: 5px;
  font-size: .8em;
  background-color: #eee;
  color: #000;
  display: none; }

.jp-no-solution a {
  color: #000; }

.jp-no-solution span {
  font-size: 1em;
  display: block;
  text-align: center;
  font-weight: bold; }

/* @end */
.author {
  color: #a38c78;
  text-decoration: none;
  font-style: italic;
  font-size: 16px;
  font-size: 1em; }

.author {
  color: #a38c78;
  text-decoration: none;
  font-style: italic;
  font-size: 16px;
  font-size: 1em; }

.module-header {
  font-family: "freight-sans-pro", sans-serif;
  display: block;
  text-transform: uppercase;
  margin: 0 auto 2.3em;
  width: 100%;
  font-weight: 800;
  text-align: center;
  position: relative; }
  .module-header .module-icon {
    margin-right: 5px;
    padding-left: .5em;
    display: inline; }
  .module-header .special-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.05;
    pointer-events: none;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
    .module-header .special-back:hover {
      opacity: 0.10; }
  .module-header p {
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 500;
    background-color: rgba(233, 227, 227, 0.05);
    display: inline-block;
    padding: 8px 1.5em;
    letter-spacing: .18em;
    text-decoration: none;
    position: relative;
    font-size: 14px;
    font-size: 0.875em; }
  .module-header a {
    text-decoration: none; }

.callout-module-header {
  font-family: "freight-sans-pro", sans-serif;
  color: #6F6F6F;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  margin-bottom: 18px;
  display: inline-block;
  text-decoration: none;
  font-size: 15px;
  font-size: 0.9375em; }
  .callout-module-header .module-icon {
    margin-right: 5px;
    display: inline;
    position: relative;
    top: 3px; }
  .callout-module-header p, .callout-module-header a {
    color: #98918f;
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 500;
    display: inline-block;
    letter-spacing: .1em;
    text-decoration: none;
    line-height: 16px;
    border-bottom: 1px solid rgba(152, 145, 142, 0.3);
    font-size: 15px;
    font-size: 0.9375em; }

.read-more {
  color: #c8b6a5;
  text-transform: uppercase;
  font-family: "freight-sans-pro", sans-serif;
  font-weight: 600;
  text-decoration: underline;
  padding: 0;
  letter-spacing: 1px;
  font-size: 14px;
  font-size: 0.875em; }

/********************
** Module-content override
********************/
.fadein {
  -webkit-animation: fadeIn 0.5s ease-out;
  -moz-animation: fadeIn 0.5s ease-out;
  -o-animation: fadeIn 0.5s ease-out;
  animation: fadeIn 0.5s ease-out; }

.glass {
  width: 250px;
  height: 250px;
  position: absolute;
  border-radius: 50%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  /* Multiple box shadows to achieve the glass effect */
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  display: none; }
  .glass.glassxx {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }

/********************
**** BLOCKS GLOBAL
********************/
.block {
  position: relative;
  display: block;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-animation: fadeIn 0.5s ease-out;
  -moz-animation: fadeIn 0.5s ease-out;
  -o-animation: fadeIn 0.5s ease-out;
  animation: fadeIn 0.5s ease-out; }
  .block .accent {
    color: #c8b6a5;
    font-weight: 800;
    text-decoration: none; }

/********************
**** Whole box Clickable
********************/
.click-whole-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 2; }

/********************
** TOP HALF IMAGE
********************/
.top-image-block {
  width: 95%;
  max-width: 800px; }
  @media only screen and (min-width: 768px) {
    .top-image-block {
      width: 100%;
      padding: 40px 30px; }
      .top-image-block.has-header-image {
      padding-top: 20px; } }
  .top-image-block.large img {
    margin: 0 auto 23px; }
    @media only screen and (min-width: 768px) {
      .top-image-block.large img {
        margin: 0 auto 45px; } }
  .top-image-block .module-pub-date {
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #b4b4b4;
    font-family: "freight-sans-pro", sans-serif;
    margin-bottom: 15px;
    line-height: 1;
    font-size: 14px;
    font-size: 0.875em; }
  .top-image-block h1 {
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 0;
    font-family: "adobe-caslon-pro", serif;
    font-size: 38px;
    font-size: 2.375em; }
    .top-image-block h1 a {
      color: #000;
      text-decoration: none;
      transition: opacity 1.2s ease-out; }
      .top-image-block h1 a:hover {
        text-decoration: underline; }
  .top-image-block .author {
    display: inline-block;
    font-weight: 300;
    font-size: 20px;
    font-size: 1.25em; }
  .top-image-block .share {
    display: inline-block;
    margin-top: 0;
    padding-left: 20px;
    margin-bottom: 15px;
    position: relative;
    z-index: 11; }
  .top-image-block p {
    font-family: "adobe-caslon-pro", serif;
    line-height: 1.5;
    font-size: 20px;
    font-size: 1.25em; }
    .top-image-block p a {
      color: #000; }
      .top-image-block p a:hover {
        text-decoration: none; }
  .top-image-block .read-more {
    margin: 20px 0;
    display: block; }

.img-top {
  overflow: hidden; }
  .img-top img {
    transition: all 0.5s ease-out;
    width: 100%;
    margin: 0 auto; }

.top-image-block .img-top img {
  margin: 0; }
.top-image-block .img-top figcaption {
  display: block;
  padding: 10px;
  color: #a99482;
  width: 100%;
  max-width: 1090px;
  margin: 0 auto;
  font-weight: 500;
  /*font-size: 15px;*/
  /*font-size: 0.9375em; */
}
  .top-image-block .img-top figcaption span {
    font-family: "freight-sans-pro", sans-serif;
    letter-spacing: 2px;
    font-weight: 500;
    /*font-size: 15px;*/
    /*font-size: 0.9375em; */
  }
  .top-image-block .img-top figcaption p {
    padding: 0;
    display: inline;
    font-size: 16px !important;
    /*font-size: 1em; */
  }

  .top-image-block .img-top figcaption {
    font-size: 16px !important;
  }

.top-half-image-block {
  width: 100%;
  max-width: 510px;
  margin: 0 auto 25px;
  padding-bottom: 25px;
  font-family: "adobe-caslon-pro", serif;
  overflow: hidden; }
  @media only screen and (min-width: 768px) {
    .top-half-image-block {
      min-height: 535px; } }
  .top-half-image-block.color-5 {
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
  .top-half-image-block.back-color-15 {
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
  .top-half-image-block .module-content {
    text-align: center;
    width: 90%;
    margin: 0 auto;
    position: relative;
    min-height: 250px;
    padding-bottom: 60px; }
    @media only screen and (min-width: 768px) {
      .top-half-image-block .module-content {
        width: 87%; } }
    .top-half-image-block .module-content .module-header {
      position: relative;
      display: inline-block;
      width: auto;
      cursor: pointer; }
      .top-half-image-block .module-content .module-header a {
        color: #a38c78;
        text-decoration: none; }
      .top-half-image-block .module-content .module-header:hover i {
        text-decoration: none; }
        .top-half-image-block .module-content .module-header:hover i:before {
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg);
          opacity: 1; }
      .top-half-image-block .module-content .module-header p {
        line-height: 1;
        padding: 8px 1.5em;
        display: inline-block; }
    .top-half-image-block .module-content h1 {
      font-weight: bold;
      line-height: 1.2;
      margin-bottom: 10px;
      display: block;
      font-size: 22px;
      font-size: 1.375em; }
      @media only screen and (min-width: 768px) {
        .top-half-image-block .module-content h1 {
          font-size: 34px;
          font-size: 2.125em; } }
      .top-half-image-block .module-content h1 a {
        transition: all 0.5s ease-out;
        text-decoration: none;
        color: #000;
        line-height: 1.2;
        display: inline-block; }
    .top-half-image-block .module-content .author {
      margin-bottom: 15px;
      color: #424242;
      display: block; }
      .top-half-image-block .module-content .author a {
        display: inline-block;
        color: #424242;
        text-decoration: none;
        line-height: 9px;
        border-bottom: 1px solid transparent;
        transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
        .top-half-image-block .module-content .author a:hover {
          border-bottom: 1px solid #424242; }
    .top-half-image-block .module-content p {
      line-height: 1.4em;
      padding-top: 1em;
      display: inline; }
    .top-half-image-block .module-content span {
      display: inline-block;
      padding-left: 5px; }
    .top-half-image-block .module-content .read-more:hover {
      text-decoration: underline; }
  .top-half-image-block:hover h1 a {
    transition: all 0.5s ease-out;
    text-decoration: none;
    color: #000; }
    .top-half-image-block:hover h1 a:hover {
      text-decoration: underline; }
  .top-half-image-block:hover .img-top img {
    /* @include bp(baby-bear) {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
    } */ }
  .top-half-image-block .text {
    line-height: 1.2em;
    padding-top: 1em; }
    .top-half-image-block .text .read-more:hover {
      text-decoration: underline; }
  .top-half-image-block .share {
    position: absolute;
    z-index: 11;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  .top-half-image-block .img-top {
    min-height: 220px; }
    .top-half-image-block .img-top div {
      height: 100%;
      overflow: hidden; }
    .top-half-image-block .img-top img {
      min-height: 220px; }

/********************
** INLINE IMAGE BLOCK
********************/
.inline-image-block {
  max-width: 334px;
  display: block;
  margin-bottom: 25px;
  position: relative;
  background: #fff;
  /* overflow: hidden; // Removed by RB / Kyle. I'm assuming this was used for clearfixing. Added the below code to clearfix instead: */ }
  .inline-image-block:after {
      content: "";
      display: table;
      clear: both;
  }
  @media only screen and (min-width: 768px) {
    .inline-image-block {
      max-width: 692px; } }
  .inline-image-block .img-left {
    display: block;
    margin: 0 auto;
    overflow: hidden; }
    @media only screen and (min-width: 768px) {
      .inline-image-block .img-left {
        display: inline-block;
        margin: 0;
        width: 50%;
        float: left; } }
    .inline-image-block .img-left img {
      width: 100%;
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
  .inline-image-block .img-right {
    display: block;
    margin: 0 auto;
    overflow: hidden; }
    @media only screen and (min-width: 768px) {
      .inline-image-block .img-right {
        width: 50%;
        float: right; } }
    .inline-image-block .img-right img {
      width: 100%;
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
  .inline-image-block.cta .module-content {
    padding-top: 18px; }
  .inline-image-block .module-header {
    position: relative;
    left: 50%;
    width: auto;
    display: inline-block;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin-bottom: 1.5em;
    clear: both;
    text-align: center; }
    .inline-image-block .module-header span {
      font-weight: 500;
      background-color: #E9E3E3;
      padding: 10px;
      text-decoration: none;
      vertical-align: baseline;
      float: left;
      height: 35px;
      font-size: 14px;
      font-size: 0.875em; }
    .inline-image-block .module-header .module-header-catagory {
      color: #7a716e;
      font-family: "freight-sans-pro", sans-serif;
      letter-spacing: .2em;
      display: inline-block;
      vertical-align: baseline; }
    .inline-image-block .module-header .module-header-issue {
      padding-top: 12px;
      display: inline-block;
      vertical-align: baseline;
      font-weight: 700;
      color: #fff;
      font-family: "adobe-caslon-pro", serif;
      text-transform: none;
      font-size: 16px;
      font-size: 1em; }
      .inline-image-block .module-header .module-header-issue a {
        padding-top: 12px;
        display: inline-block;
        vertical-align: baseline;
        font-weight: 700;
        color: #fff;
        font-family: "adobe-caslon-pro", serif;
        text-transform: none;
        font-size: 16px;
        font-size: 1em; }
  .inline-image-block .module-content {
    display: inline-block;
    padding: 0px 30px 0 20px; }
    @media only screen and (min-width: 768px) {
      .inline-image-block .module-content {
        width: 50%; } }
    .inline-image-block .module-content h1 {
      font-weight: bold;
      line-height: 1em;
      margin-bottom: 5px;
      font-size: 32px;
      font-size: 2em; }
      .inline-image-block .module-content h1 a {
        text-decoration: none;
        color: #232221;
        transition: all 0.5s ease-out; }
    .inline-image-block .module-content .text {
      line-height: 1.2;
      font-size: 15px;
      font-size: 0.9375em; }
  .inline-image-block .share {
    position: relative;
    z-index: 11; }
  .inline-image-block:hover .img-left, .inline-image-block:hover .img-right {
    /* &:after {
      @include normalTransitions;
      content:"";
      height:100%;
      width:100%;
      position: absolute;
      top:0;
      left:0;
      display: block;
      background: rgba(0,0,0,0.2);
    } */ }
    .inline-image-block:hover .img-left img, .inline-image-block:hover .img-right img {
      /* @include bp(baby-bear) {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
      } */ }
  .inline-image-block:hover .module-content h1 a {
    text-decoration: underline; }

.inline-image-block.alt .author {
  display: block;
  color: #98918f;
  margin-bottom: 10px; }
.inline-image-block.alt .share {
  position: relative;
  padding: 0;
  z-index: 11;
  text-align: left; }
  .inline-image-block.alt .share a {
    display: inline-block;
    height: 10px; }

.module-header {
  position: relative;
  margin-bottom: 1.5em;
  text-align: center; }
  .module-header span {
    background-color: #E9E3E3;
    display: inline-block;
    padding: 10px;
    text-decoration: none;
    vertical-align: top;
    margin: 0;
    font-weight: 500;
    background-color: #e9e3e3;
    display: inline-block;
    padding: 10px;
    text-decoration: none;
    vertical-align: top;
    font-size: 14px;
    font-size: 0.875em; }
    .module-header span a {
      text-decoration: none;
      color: #7a716e; }
  .module-header .module-header-catagory {
    color: #7a716e;
    font-family: "freight-sans-pro", sans-serif;
    letter-spacing: 2px; }
    .module-header .module-header-catagory:hover i:before {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      opacity: 1; }
  .module-header .module-header-issue {
    margin-left: -4px;
    padding: 12px 10px 8px;
    font-weight: 700;
    color: #fff;
    font-family: "adobe-caslon-pro", serif;
    text-transform: none; }
    .module-header .module-header-issue a {
      color: #fff; }

/********************
** FULL IMAGE BLOCKS
********************/
.full-image-block {
  width: 100%;
  max-width: 692px;
  margin: 0 auto 25px; }
  .full-image-block.small {
    min-width: 280px;
    max-width: 364px;
    overflow: hidden; }
    @media only screen and (min-width: 768px) {
      .full-image-block.small {
        overflow: visible;
        min-height: 420px;
        max-width: 334px; } }
    .full-image-block.small .black-bar {
      min-height: 420px; }
      .full-image-block.small .black-bar .view-more a {
        border-bottom: none;
        text-shadow: 1px 1px 1px #000; }
  .full-image-block .full-img img {
    width: 100%;
    height: auto;
    min-height: 400px; }
    @media only screen and (min-width: 768px) {
      .full-image-block .full-img img {
        min-height: 500px; } }
  .full-image-block .full-image-wrapper {
    position: relative; }
  .full-image-block .module-header {
    position: absolute;
    top: 0;
    display: inline-block;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
    z-index: 4;
    color: #fff; }
    .full-image-block .module-header a {
      padding: 6px auto;
      color: #fff;
      text-decoration: none; }
    .full-image-block .module-header:hover {
      cursor: pointer; }
      .full-image-block .module-header:hover i:before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        opacity: 1; }
    .full-image-block .module-header .module-icon:before {
      color: #fff; }
  .full-image-block .black-bar {
    position: absolute;
    background-color: black;
    background-color: rgba(12, 12, 12, 0.65);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.5s ease-out; }
    .full-image-block .black-bar .module-title {
      font-family: "adobe-caslon-pro", serif;
      font-weight: bold;
      line-height: 1.2em;
      color: #fff;
      text-align: center;
      margin: 0 auto 0.25em;
      display: block;
      word-break: break-word;
      font-size: 28px;
      font-size: 1.75em; }
      @media only screen and (min-width: 560px) {
        .full-image-block .black-bar .module-title {
          font-size: 43px;
          font-size: 2.6875em; } }
      .full-image-block .black-bar .module-title a {
        color: #fff;
        display: inline-block;
        text-decoration: none; }
    .full-image-block .black-bar p {
      color: #fff;
      text-align: center;
      font-weight: 400;
      margin: 0 auto;
      line-height: 1.5em;
      font-size: 18px;
      font-size: 1.125em; }
    .full-image-block .black-bar .center {
      width: 90%;
      margin: 0 auto;
      text-align: center;
      position: relative;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
      @media only screen and (min-width: 768px) {
        .full-image-block .black-bar .center {
          padding-top: 40px; } }
      .full-image-block .black-bar .center p {
        font-style: italic;
        letter-spacing: 1px;
        font-weight: 400;
        margin-bottom: 1.0625em;
        text-shadow: 0px 0 1px #f5f4f2;
        font-size: 18px;
        font-size: 1.125em; }
      @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
        .full-image-block .black-bar .center {
          height: 100%;
          padding-top: 0 !important; } }
    .full-image-block .black-bar .view-more {
      z-index: 4;
      position: relative; }
      .full-image-block .black-bar .view-more a {
        color: #fff;
        letter-spacing: 2px;
        text-decoration: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        display: inline-block;
        font-size: 18px;
        font-size: 1.125em; }
      .full-image-block .black-bar .view-more i {
        padding-left: 10px;
        transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
        font-size: 16px;
        font-size: 1em; }
      .full-image-block .black-bar .view-more:hover i:before {
        opacity: 1; }
    .full-image-block .black-bar.large .center {
      position: relative;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
  .full-image-block:hover {
    cursor: pointer; }
    @media only screen and (min-width: 768px) {
      .full-image-block:hover .black-bar {
        background-color: rgba(12, 12, 12, 0.85); } }
    .full-image-block:hover .black-bar .module-title a {
      text-decoration: underline; }
  .full-image-block .share {
    position: relative;
    z-index: 11; }

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
  .node-charts-graphs .black-bar .center {
    padding-top: 0 !important;
    -webkit-transform: translate(0, -80%);
    -ms-transform: translate(0, -80%);
    transform: translate(0, -80%); } }
/********************
** TITLELESS BLOCK
********************/
.basic-titleless-block {
  position: relative;
  max-width: 364px;
  margin: 0 auto 25px;
  width: 95%; }
  @media only screen and (min-width: 768px) {
    .basic-titleless-block {
      width: 100%;
      max-width: 334px; } }
  .basic-titleless-block .module-content {
    border: 1px solid #a38c78;
    text-align: left;
    position: relative; }
    @media only screen and (min-width: 768px) {
      .basic-titleless-block .module-content {
        min-height: 500px; } }
    .basic-titleless-block .module-content .basic-text-area {
      padding: 0 20px 50px; }
      @media only screen and (min-width: 768px) {
        .basic-titleless-block .module-content .basic-text-area {
          padding: 0 30px 30px; } }
      .basic-titleless-block .module-content .basic-text-area .text, .basic-titleless-block .module-content .basic-text-area p {
        margin: 0 auto;
        line-height: 1.4em;
        font-size: 17px;
        font-size: 1.0625em; }
      .basic-titleless-block .module-content .basic-text-area .share {
        position: absolute;
        z-index: 11;
        bottom: 10px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0); }
  .basic-titleless-block .module-header {
    display: block;
    text-align: center;
    margin: 0 auto 20px;
    max-width: 180px; }

/********************
** BASIC TEASER BLOCK
********************/
.basic-teaser-block {
  background: #fff;
  width: 100%;
  min-width: 280px;
  max-width: 364px;
  overflow: hidden;
  margin-bottom: 25px;
  height: 325px;
  position: relative; }
  @media only screen and (min-width: 1024px) {
    .basic-teaser-block {
      height: 400px;
      width: 334px; } }
  .basic-teaser-block article {
    height: 100%; }
  .basic-teaser-block .module-content {
    text-align: center;
    display: block;
    margin: 0 auto;
    padding-bottom: 30px; }
    .basic-teaser-block .module-content .info {
      width: 75%;
      margin: 0 auto;
      font-weight: bolder;
      color: #98918f;
      font-size: 21px;
      font-size: 1.3125em; }
      .basic-teaser-block .module-content .info div, .basic-teaser-block .module-content .info span {
        display: inline-block; }
    .basic-teaser-block .module-content .title {
      width: 80%;
      margin: 0 auto;
      font-weight: bolder;
      padding: 0.5em 0 0;
      letter-spacing: 0.02em;
      display: block;
      line-height: 1.4;
      margin-bottom: 22px;
      font-size: 22px;
      font-size: 1.375em; }
      @media only screen and (min-width: 768px) {
        .basic-teaser-block .module-content .title {
          line-height: 32px;
          font-size: 32px;
          font-size: 2em; } }
      .basic-teaser-block .module-content .title a {
        border-bottom: 1px solid transparent;
        display: inline;
        line-height: 40px;
        color: #000;
        text-decoration: none; }
    .basic-teaser-block .module-content .text {
      margin: 0 auto;
      width: 90%;
      line-height: 1.4em;
      font-size: 17px;
      font-size: 1.0625em; }
      @media only screen and (min-width: 768px) {
        .basic-teaser-block .module-content .text {
          width: 75%; } }
      .basic-teaser-block .module-content .text span {
        padding-left: 5px; }
  .basic-teaser-block .module-header {
    position: relative;
    z-index: 10;
    margin-bottom: 2em;
    display: inline-block;
    width: auto; }
    @media only screen and (min-width: 768px) {
      .basic-teaser-block .module-header {
        margin-bottom: 3.4em; } }
    .basic-teaser-block .module-header a {
      text-decoration: none; }
    .basic-teaser-block .module-header:hover {
      cursor: pointer; }
      .basic-teaser-block .module-header:hover i:before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        opacity: 1; }
    .basic-teaser-block .module-header p {
      color: #232221; }
  .basic-teaser-block .share {
    position: absolute;
    z-index: 11;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  .basic-teaser-block:hover .module-content h2 a {
    text-decoration: underline; }

/********************
** MULTI IMAGE BLOCK
********************/
.multi-image-block {
  position: relative;
  max-width: 694px;
  margin-bottom: 25px;
  max-height: 417px;
  overflow: hidden; }
  .multi-image-block.small {
    max-width: 334px;
    overflow: hidden; }
    @media only screen and (min-width: 1024px) {
      .multi-image-block.small {
        height: 400px;
        width: 33%; } }
    .multi-image-block.small .grid .img-link {
      width: 50%;
      overflow: hidden; }
      .multi-image-block.small .grid .img-link:hover img {
        /* @include bp(baby-bear) {
          -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
          transform: scale(1.1);
        } */ }
      .multi-image-block.small .grid .img-link img {
        transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
        width: 100%;
        min-height: 200px; }
  .multi-image-block.large .grid .img-link {
    width: 25%;
    overflow: hidden; }
    .multi-image-block.large .grid .img-link:hover img {
      /* @include bp(baby-bear) {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
      } */ }
    .multi-image-block.large .grid .img-link img {
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
      width: 100%; }
  .multi-image-block .flex-item {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .multi-image-block .flex-item img {
      width: 100%; }
  .multi-image-block .bar {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 12;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%;
    text-align: center;
    padding: 8px 0;
    background: #a38c78;
    color: #fff;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
    .multi-image-block .bar i {
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
    .multi-image-block .bar:hover {
      padding: 12px 0; }
      .multi-image-block .bar:hover i:before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        opacity: 1; }
    .multi-image-block .bar a {
      color: #fff;
      font-weight: 600;
      text-decoration: none;
      text-transform: uppercase;
      font-family: "freight-sans-pro", sans-serif;
      letter-spacing: 2px;
      font-size: 14px;
      font-size: 0.875em; }
    .multi-image-block .bar .module-icon {
      margin: 0 auto;
      padding-left: .3em;
      display: inline;
      font-size: 12px;
      font-size: 0.75em; }
      .multi-image-block .bar .module-icon:before {
        position: relative;
        top: -1px;
        color: #fff; }

/********************
** PULL QUOTE BLOCK
********************/
.pull-quote-block {
  max-width: 694px;
  margin: 0 auto 25px; }
  @media only screen and (min-width: 768px) {
    .pull-quote-block {
      width: 66%;
      min-width: 694px;
      font-size: 29px;
      font-size: 1.8125em; } }
  .pull-quote-block .pull-quote-wrapper {
    color: #000;
    padding: 15px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #a38c78;
    position: relative;
    display: table;
    min-width: 100%; }
    @media only screen and (min-width: 768px) {
      .pull-quote-block .pull-quote-wrapper {
        min-height: 417px;
        padding: 30px; } }
    .pull-quote-block .pull-quote-wrapper .container {
      display: table-cell;
      vertical-align: middle; }
    .pull-quote-block .pull-quote-wrapper .module-content {
      padding-bottom: 0em;
      line-height: 1.4em;
      margin-bottom: 30px; }
      .pull-quote-block .pull-quote-wrapper .module-content p {
        line-height: 1.4em;
        margin-bottom: 20px;
        font-size: 18px;
        font-size: 1.125em; }
        @media only screen and (min-width: 768px) {
          .pull-quote-block .pull-quote-wrapper .module-content p {
            font-size: 16px;
            font-size: 1em; } }
      .pull-quote-block .pull-quote-wrapper .module-content cite.quote-author {
        display: block;
        font-style: normal;
        font-family: "freight-sans-pro", sans-serif;
        font-weight: 400;
        letter-spacing: 1px;
        color: #a38c78;
        text-transform: uppercase;
        font-size: 14px;
        font-size: 0.875em; }
        @media only screen and (min-width: 768px) {
          .pull-quote-block .pull-quote-wrapper .module-content cite.quote-author {
            font-size: 8px;
            font-size: 0.5em; } }
  .pull-quote-block .pull-quote-icon {
    font-size: 40px; }
    @media only screen and (min-width: 768px) {
      .pull-quote-block .pull-quote-icon {
        font-size: 57px; } }
  .pull-quote-block .share {
    position: absolute;
    z-index: 11;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 16px;
    font-size: 1em; }
    @media only screen and (min-width: 768px) {
      .pull-quote-block .share {
        font-size: 10px;
        font-size: 0.625em; } }
  .pull-quote-block.inline {
    width: 99%;
    max-width: 375px; }
    @media only screen and (min-width: 768px) {
      .pull-quote-block.inline {
        width: 90%;
        min-width: 300px; } }
    .pull-quote-block.inline .pull-quote-wrapper {
      padding: 30px 30px 55px;
      min-height: 0;
      border: none; }
      .pull-quote-block.inline .pull-quote-wrapper .module-content {
        color: #fff;
        text-align: left;
        line-height: 36px;
        margin-bottom: 10px; }
        @media only screen and (min-width: 768px) {
          .pull-quote-block.inline .pull-quote-wrapper .module-content {
            font-size: 12px;
            font-size: 0.75em; } }
        .pull-quote-block.inline .pull-quote-wrapper .module-content cite.quote-author {
          font-family: "adobe-caslon-pro", serif;
          display: block;
          color: #fff;
          text-align: right;
          font-style: italic;
          font-weight: 500;
          text-transform: none;
          font-size: 12px;
          font-size: 0.75em; }
      .pull-quote-block.inline .pull-quote-wrapper .share {
        text-align: right;
        opacity: 0.7;
        right: 25px;
        left: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        font-size: 12px;
        font-size: 0.75em; }
        @media only screen and (min-width: 768px) {
          .pull-quote-block.inline .pull-quote-wrapper .share {
            font-size: 9px;
            font-size: 0.5625em; } }
        .pull-quote-block.inline .pull-quote-wrapper .share a:before {
          color: #fff;
          opacity: 0.7;
          transition: all 0.5s ease-out; }
        .pull-quote-block.inline .pull-quote-wrapper .share a:hover {
          text-decoration: none;
          border-bottom: none; }
          .pull-quote-block.inline .pull-quote-wrapper .share a:hover:before {
            opacity: 1; }

/********************
** PODCAST BLOCK
********************/
.podcast {
  position: relative; }
  .podcast.large {
    max-width: 1090px;
    margin: 0 auto 25px;
    position: relative;
    background: #f5f4f2;
    overflow: hidden;
    width: 100%; }
    .podcast.large .large-img-left {
      overflow: hidden;
      width: 100%; }
      @media only screen and (min-width: 768px) {
        .podcast.large .large-img-left {
          float: left;
          width: 50%; } }
      .podcast.large .large-img-left img {
        transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
        width: 100%; }
    .podcast.large .module-content {
      padding: 25px; }
      @media only screen and (min-width: 768px) {
        .podcast.large .module-content {
          width: 50%;
          float: left; } }
      .podcast.large .module-content .podcast-header {
        border-bottom: 1px solid #b4b4b4;
        margin-bottom: 1.5em; }
        .podcast.large .module-content .podcast-header .podcast-date {
          text-transform: uppercase;
          font-family: "freight-sans-pro", sans-serif;
          color: #98918f;
          letter-spacing: .15em;
          margin-bottom: 10px;
          font-size: 14px;
          font-size: 0.875em; }
        .podcast.large .module-content .podcast-header .podcast-number {
          color: #a38c78;
          font-weight: bold;
          line-height: 1.5em;
          font-size: 18px;
          font-size: 1.125em; }
          @media only screen and (min-width: 1024px) {
            .podcast.large .module-content .podcast-header .podcast-number {
              font-size: 25px;
              font-size: 1.5625em; } }
        .podcast.large .module-content .podcast-header .podcast-topic {
          color: #000;
          font-weight: bold;
          line-height: 1.5em;
          font-size: 25px;
          font-size: 1.5625em; }
          @media only screen and (min-width: 768px) {
            .podcast.large .module-content .podcast-header .podcast-topic {
              font-size: 40px;
              font-size: 2.5em; } }
          @media only screen and (min-width: 1024px) {
            .podcast.large .module-content .podcast-header .podcast-topic {
              font-size: 50px;
              font-size: 3.125em; } }
          .podcast.large .module-content .podcast-header .podcast-topic a {
            color: #000;
            text-decoration: none; }
            .podcast.large .module-content .podcast-header .podcast-topic a:hover {
              text-decoration: underline; }
      .podcast.large .module-content p {
        line-height: 1.3;
        font-size: 18px;
        font-size: 1.125em; }
    .podcast.large .count span {
      padding: 45px 20px 35px;
      font-size: 50px;
      font-size: 3.125em; }
    .podcast.large .share a:before {
      color: #dfd7d0;
      opacity: 0.9;
      transition: all 0.5s ease-out; }
    .podcast.large .share a:hover:before {
      opacity: 1; }
  .podcast.medium {
    max-width: 515px;
    margin-bottom: 25px;
    position: relative;
    background: #f5f4f2;
    min-height: 325px;
    position: relative; }
    .podcast.medium .medium-img-left {
      overflow: hidden;
      float: left;
      width: 30%; }
      .podcast.medium .medium-img-left img {
        transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
    .podcast.medium .podcast-header {
      width: 70%;
      float: left;
      padding: 20px 10px 20px 20px; }
      .podcast.medium .podcast-header .podcast-date {
        text-transform: uppercase;
        font-family: "freight-sans-pro", sans-serif;
        color: #98918f;
        letter-spacing: .1em;
        font-weight: 600;
        margin-bottom: 10px;
        font-size: 14px;
        font-size: 0.875em; }
      .podcast.medium .podcast-header .podcast-number {
        color: #a38c78;
        font-weight: bold;
        line-height: 1em;
        margin-bottom: .5em;
        font-size: 16px;
        font-size: 1em; }
        @media only screen and (min-width: 768px) {
          .podcast.medium .podcast-header .podcast-number {
            font-size: 20px;
            font-size: 1.25em; } }
      .podcast.medium .podcast-header .podcast-topic {
        color: #000;
        font-weight: bold;
        line-height: 1em;
        margin-bottom: .5em;
        font-size: 20px;
        font-size: 1.25em; }
        @media only screen and (min-width: 768px) {
          .podcast.medium .podcast-header .podcast-topic {
            font-size: 32px;
            font-size: 2em; } }
        .podcast.medium .podcast-header .podcast-topic a {
          color: #000;
          text-decoration: none; }
          .podcast.medium .podcast-header .podcast-topic a:hover {
            text-decoration: underline; }
      .podcast.medium .podcast-header .share {
        position: relative;
        padding: 0;
        margin: 0;
        text-align: left; }
        .podcast.medium .podcast-header .share a:before {
          color: #dfd7d0;
          opacity: 0.9;
          transition: all 0.5s ease-out; }
        .podcast.medium .podcast-header .share a:hover:before {
          opacity: 1; }
    .podcast.medium .module-content {
      width: 90%;
      display: block;
      clear: both;
      padding-top: 10px;
      padding-bottom: 40px;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .podcast.medium .module-content {
          padding-top: 20px; } }
      .podcast.medium .module-content p {
        line-height: 1.25;
        font-size: 16px;
        font-size: 1em; }
    .podcast.medium div.jp-interface {
      width: 89%;
      position: absolute;
      bottom: 0; }
  .podcast.small {
    max-width: 334px;
    margin: 0 auto 25px;
    position: relative;
    color: #000;
    overflow: hidden; }
    .podcast.small .module-content {
      padding: 30px; }
    .podcast.small h1 {
      font-size: 22px;
      font-size: 1.375em; }
      .podcast.small h1 a {
        color: #000;
        font-weight: bold;
        line-height: 1.2em;
        padding-top: .5em;
        margin-bottom: 8px;
        text-decoration: none; }
    .podcast.small h2 {
      font-style: italic;
      font-weight: bold;
      line-height: 1em;
      padding-top: .5em;
      padding-bottom: .5em;
      font-size: 16px;
      font-size: 1em; }
    .podcast.small p {
      line-height: 18px;
      font-size: 14px;
      font-size: 0.875em; }
    .podcast.small .image-wrapper {
      display: block;
      overflow: hidden;
      max-height: 200px; }
      .podcast.small .image-wrapper img {
        transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
    .podcast.small .accent {
      color: #a38c78;
      font-size: 18px;
      font-size: 1.125em; }
    .podcast.small .callout-module-header p {
      font-size: 15px;
      font-size: 0.9375em; }
    .podcast.small div.jp-audio div.jp-time-holder {
      right: 5px; }
    .podcast.small .share {
      position: absolute;
      bottom: 0;
      right: 0;
      padding: 10px 15px; }
  .podcast .share {
    padding: 15px; }
    @media only screen and (min-width: 768px) {
      .podcast .share {
        padding: 30px; } }
  .podcast .count {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    text-align: center; }
    .podcast .count span {
      padding: 25px 10px 20px;
      display: block;
      font-weight: 800;
      font-family: "adobe-caslon-pro", serif;
      color: #fff;
      line-height: 0;
      font-size: 22px;
      font-size: 1.375em; }
  .podcast:hover img {
    /* @include bp(baby-bear) {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
    } */ }

.lq-podcast {
  background-color: #F0F0F0;
  margin-top: 2em;
  clear: both;
  margin-right: auto;
  margin-left: auto; }
  .lq-podcast .lq-img-right {
    float: right; }
  .lq-podcast .module-content {
    clear: both; }
  .lq-podcast .content-left {
    margin-left: 2em;
    margin-right: 2em;
    padding-top: 2em;
    border-bottom: 1px solid #232221;
    width: 52.5%; }
  .lq-podcast .podcast-date {
    text-transform: uppercase;
    font-family: "freight-sans-pro", sans-serif;
    color: #6F6F6F;
    letter-spacing: .1em;
    font-size: 14px;
    font-size: 0.875em; }
  .lq-podcast .podcast-number {
    color: #c8b6a5;
    font-weight: bold;
    line-height: 1.5em;
    font-size: 20px;
    font-size: 1.25em; }
  .lq-podcast .podcast-topic {
    color: #000;
    font-weight: bold;
    line-height: 1.5em;
    font-size: 36px;
    font-size: 2.25em; }
  .lq-podcast .share {
    float: right;
    margin-bottom: 1em; }
    .lq-podcast .share a:before {
      color: #dfd7d0;
      opacity: 0.9;
      transition: all 0.5s ease-out; }
    .lq-podcast .share a:hover:before {
      opacity: 1; }

.podcast-callout .module-content p {
  line-height: 1.4; }
.podcast-callout .module-content .callout-module-header {
  margin-bottom: 5px; }
  .podcast-callout .module-content .callout-module-header p {
    font-weight: 500;
    font-size: 14px;
    font-size: 0.875em; }
.podcast-callout .share a:before {
  color: #dfd7d0;
  opacity: 0.6;
  transition: all 0.5s ease-out; }
.podcast-callout .share a:hover:before {
  color: #c8b6a5;
  opacity: 1; }

/********************
** BASIC IMAGE BLOCK
********************/
.basic-image-block {
  max-width: 334px;
  margin: 0 auto 25px;
  position: relative;
  background: #fff; }
  .basic-image-block .basic-img {
    width: 100%; }
  .basic-image-block .img-wrapper {
    overflow: hidden; }
  .basic-image-block img {
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
  .basic-image-block .callout-module-header {
    margin-bottom: 20px;
    display: block; }
    .basic-image-block .callout-module-header p {
      line-height: 16px; }
    .basic-image-block .callout-module-header a {
      text-decoration: none;
      color: #98918f;
      border-bottom: 1px solid #98918f; }
  .basic-image-block .module-content {
    padding: 25px 30px 60px 30px; }
  .basic-image-block h1 {
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 5px;
    font-size: 24px;
    font-size: 1.5em; }
    .basic-image-block h1 a {
      color: #000;
      line-height: 18px;
      transition: all 0.5s ease-out;
      text-decoration: none;
      color: #000; }
      .basic-image-block h1 a:hover {
        text-decoration: underline; }
  .basic-image-block h2 {
    font-style: italic;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 15px;
    font-size: 16px;
    font-size: 1em; }
    .basic-image-block h2 a {
      color: #7a716e;
      text-decoration: none; }
      .basic-image-block h2 a:hover {
        text-decoration: underline; }
  .basic-image-block p {
    line-height: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1em; }
  .basic-image-block .share {
    margin: 30px; }
  .basic-image-block .pub-date {
    font-family: "adobe-caslon-pro", serif;
    color: #a38c78;
    font-style: italic;
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1em; }
  .basic-image-block:hover img {
    /*  @include bp(baby-bear) {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
      } */ }

.event-teaser {
  width: 100%;
  max-width: 334px;
  margin-bottom: 25px;
  position: relative;
  background: #f5f4f2; }
  .event-teaser .basic-img {
    width: 100%;
    margin-bottom: 20px; }
  .event-teaser .event-teaser-image {
    overflow: hidden;
    margin-bottom: 15px; }
    .event-teaser .event-teaser-image img {
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
  .event-teaser .module-content {
    padding: 30px 30px 60px 20px; }
    @media only screen and (min-width: 768px) {
      .event-teaser .module-content {
        padding: 30px 30px 60px 30px; } }
    .event-teaser .module-content .callout-module-header {
      display: block;
      margin-bottom: 20px; }
      .event-teaser .module-content .callout-module-header p {
        text-decoration: none;
        border-bottom: none; }
      .event-teaser .module-content .callout-module-header img {
        opacity: .4; }
  .event-teaser .date-display-single {
    display: inline;
    color: #a38c78;
    margin-right: 10px;
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5em; }
  .event-teaser h1 {
    display: inline-block;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 5px;
    font-size: 20px;
    font-size: 1.25em; }
    @media only screen and (min-width: 768px) {
      .event-teaser h1 {
        font-size: 22px;
        font-size: 1.375em; } }
    .event-teaser h1 a {
      color: #000;
      text-decoration: none; }
  .event-teaser h2 {
    font-style: italic;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 15px;
    font-size: 16px;
    font-size: 1em; }
  .event-teaser p {
    display: inline;
    line-height: 20px;
    margin-bottom: 10px;
    line-height: 1.2;
    font-size: 16px;
    font-size: 1em; }
  .event-teaser .share {
    margin: 30px; }
  .event-teaser .read-more {
    display: inline-block;
    margin-bottom: 5px;
    text-decoration: none;
    padding-bottom: 0;
    border-bottom: 1px solid #c8b6a5;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
    .event-teaser .read-more:hover {
      border-bottom: 1px solid transparent; }
  .event-teaser:hover h1 {
    text-decoration: underline; }
  .event-teaser:hover .event-teaser-image {
    /* img {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
    } */ }

.daily .event-teaser {
  background-color: #fff; }

.event-page .event-teaser .date-display-single {
  color: #98918f;
  font-weight: 500;
  font-size: 16px;
  font-size: 1em; }
.event-page .event-teaser h1 {
  display: block; }

/********************
** EVENT BLOCK
********************/
.event {
  width: 100%;
  max-width: 334px;
  margin-bottom: 25px; }
  .event .module-content {
    position: relative;
    margin: 30px;
    padding-bottom: 40px; }
    .event .module-content h1 {
      font-weight: bold;
      line-height: 1.2em;
      padding-top: .5em;
      margin-bottom: .5em;
      font-size: 24px;
      font-size: 1.5em; }
    .event .module-content h2 {
      color: #6F6F6F;
      font-weight: bold;
      line-height: 1.5em;
      font-size: 32px;
      font-size: 2em; }
    .event .module-content p {
      line-height: 1.5em;
      font-size: 13px;
      font-size: 0.8125em; }

/********************
** SPLIT BOX LARGE-MEDIUM-SMALL
********************/
.split-box {
  display: block;
  margin-bottom: 25px;
  background: #f5f4f2;
  /* .featured-half{
    width:50%;
    margin:0px;
    min-height: 150px;
    @include bp(baby-bear) {
      min-height: 100%;
    }
  } */ }
  .split-box.large {
    position: relative;
    max-width: 1090px;
    overflow: hidden; }
    @media only screen and (min-width: 768px) {
      .split-box.large {
        max-height: 400px; } }
    .split-box.large .split-box-holder {
      position: relative; }
      @media only screen and (min-width: 768px) {
        .split-box.large .split-box-holder {
          position: absolute;
          transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
          width: 70%;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); } }
      .split-box.large .split-box-holder .split-box-title {
        font-family: "adobe-caslon-pro", serif;
        line-height: 1em;
        font-weight: 700;
        font-size: 30px;
        font-size: 1.875em; }
        @media only screen and (min-width: 1024px) {
          .split-box.large .split-box-holder .split-box-title {
            font-size: 44px;
            font-size: 2.75em; } }
        @media only screen and (min-width: 1024px) {
          .split-box.large .split-box-holder .split-box-title {
            font-size: 56px;
            font-size: 3.5em; } }
        .split-box.large .split-box-holder .split-box-title a {
          color: #fff;
          line-height: 30px;
          transition: all 0.5s ease-out;
          text-decoration: none;
          color: #E9E3E3; }
          .split-box.large .split-box-holder .split-box-title a:hover {
            text-decoration: underline; }
    .split-box.large .split-box-module-content {
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
      background-color: rgba(13, 12, 12, 0.65); }
    .split-box.large .split-split:first-of-type {
      border-right: 1px solid #c8b6a5; }
  .split-box.medium {
    max-width: 515px; }
    .split-box.medium .split-box-holder .split-box-inner {
      width: 100%;
      position: relative; }
      .split-box.medium .split-box-holder .split-box-inner .split-box-header {
        transition: all 0.5s ease-out;
        background-color: rgba(13, 12, 12, 0.6);
        position: absolute;
        bottom: 100%;
        width: 100%; }
        .split-box.medium .split-box-holder .split-box-inner .split-box-header .split-box-title {
          font-family: "adobe-caslon-pro", serif;
          font-weight: bold;
          line-height: 1em;
          font-size: 22px;
          font-size: 1.375em; }
          @media only screen and (min-width: 768px) {
            .split-box.medium .split-box-holder .split-box-inner .split-box-header .split-box-title {
              font-size: 28px;
              font-size: 1.75em; } }
          @media only screen and (min-width: 1024px) {
            .split-box.medium .split-box-holder .split-box-inner .split-box-header .split-box-title {
              font-size: 36px;
              font-size: 2.25em; } }
          .split-box.medium .split-box-holder .split-box-inner .split-box-header .split-box-title a {
            color: #fff;
            line-height: 25px;
            text-decoration: none; }
        .split-box.medium .split-box-holder .split-box-inner .split-box-header .share {
          margin-top: 5px;
          font-size: 14px;
          font-size: 0.875em; }
          @media only screen and (min-width: 768px) {
            .split-box.medium .split-box-holder .split-box-inner .split-box-header .share {
              font-size: 16px;
              font-size: 1em; } }
      .split-box.medium .split-box-holder .split-box-inner .split-box-module-content {
        background-color: #f5f4f2; }
        .split-box.medium .split-box-holder .split-box-inner .split-box-module-content .split-split {
          color: #000; }
          .split-box.medium .split-box-holder .split-box-inner .split-box-module-content .split-split div {
            display: inline-block; }
          .split-box.medium .split-box-holder .split-box-inner .split-box-module-content .split-split .font-accent {
            color: #a38c78;
            font-weight: 800;
            font-size: 18px;
            font-size: 1.125em; }
          .split-box.medium .split-box-holder .split-box-inner .split-box-module-content .split-split p {
            color: #000;
            line-height: 1.5;
            font-weight: 400;
            font-size: 16px;
            font-size: 1em; }
          .split-box.medium .split-box-holder .split-box-inner .split-box-module-content .split-split:first-of-type {
            border-right: 1px solid #000; }
    .split-box.medium:hover .split-box-holder .split-box-inner .split-box-header {
      padding: 30px;
      background-color: rgba(13, 12, 12, 0.7); }
    .split-box.medium .read-more-wrapper {
      margin: 0 auto; }
      .split-box.medium .read-more-wrapper .read-more {
        text-decoration: underline; }
      .split-box.medium .read-more-wrapper:hover {
        border-bottom: none; }
  .split-box.small {
    max-width: 364px;
    min-height: 417px;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
    @media only screen and (min-width: 768px) {
      .split-box.small {
        max-width: 334px; } }
    .split-box.small .split-box-holder .split-box-inner {
      width: 100%; }
      .split-box.small .split-box-holder .split-box-inner .split-box-header {
        background-color: rgba(13, 12, 12, 0.6);
        bottom: 100%;
        width: 100%; }
        .split-box.small .split-box-holder .split-box-inner .split-box-header .split-box-title {
          font-weight: bold;
          line-height: 1em;
          font-size: 32px;
          font-size: 2em; }
      .split-box.small .split-box-holder .split-box-inner .split-box-module-content {
        background-color: #f5f4f2; }
        .split-box.small .split-box-holder .split-box-inner .split-box-module-content .split-split .font-accent {
          color: #a38c78;
          font-weight: 800;
          font-size: 18px;
          font-size: 1.125em; }
        .split-box.small .split-box-holder .split-box-inner .split-box-module-content .split-split p {
          color: #000; }
        .split-box.small .split-box-holder .split-box-inner .split-box-module-content .split-split:first-of-type {
          border-right: 1px solid #000; }
  .split-box.alt {
    background: #fff; }
    .split-box.alt .grid {
      position: relative; }
      .split-box.alt .grid:after {
        position: absolute;
        content: "";
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../images/and.png) no-repeat center center;
        transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); }
      .split-box.alt .grid img {
        width: 50%; }
    .split-box.alt .module-header {
      position: relative; }
      .split-box.alt .module-header a {
        text-decoration: none; }
      .split-box.alt .module-header:hover i:before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        opacity: 1; }
    .split-box.alt .module-content .title {
      width: 75%;
      margin: 0 auto;
      text-align: center;
      margin-bottom: 10px;
      font-size: 28px;
      font-size: 1.75em; }
      .split-box.alt .module-content .title a {
        text-decoration: none;
        color: #232221;
        line-height: 1.2em;
        font-weight: 700;
        letter-spacing: 0.02em; }
    .split-box.alt .module-content .share {
      width: 75%;
      margin: 0 auto;
      padding-bottom: 30px;
      position: absolute;
      left: 50%;
      bottom: 0;
      display: inline;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
    .split-box.alt:hover .module-content .title a {
      text-decoration: underline; }
    .split-box.alt:hover .grid:after {
      /* @include bp(baby-bear) {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
      } */ }
  .split-box .img-wrap {
    width: 50%;
    min-height: 200px;
    display: inline-block; }
    @media only screen and (min-width: 768px) {
      .split-box .img-wrap {
        min-height: 350px; } }
  .split-box .feature-img-wrap {
    width: 50%;
    min-height: 250px;
    display: inline-block; }
    @media only screen and (min-width: 768px) {
      .split-box .feature-img-wrap {
        min-height: 380px; } }
  .split-box .split-box-header {
    padding: 8px 15px;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .split-box .split-box-header {
        padding: 20px 30px; } }
    .split-box .split-box-header .split-box-date {
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #f5f4f2;
      font-family: "freight-sans-pro", sans-serif;
      font-weight: 500;
      display: block;
      margin-bottom: 10px;
      display: block;
      font-size: 14px;
      font-size: 0.875em; }
      @media only screen and (min-width: 768px) {
        .split-box .split-box-header .split-box-date {
          margin-bottom: 20px; } }
    .split-box .split-box-header .author {
      color: #6F6F6F;
      padding-top: .8em; }
  .split-box .split-box-inner {
    margin: 0 auto;
    color: white;
    background-color: black;
    background-color: rgba(13, 12, 12, 0.6); }
  .split-box .split-box-module-content {
    background-color: rgba(13, 12, 12, 0.65); }
    .split-box .split-box-module-content .split-split {
      width: 50%;
      margin: 15px 0;
      padding: 0 10px 0 10px; }
      @media only screen and (min-width: 768px) {
        .split-box .split-box-module-content .split-split {
          margin: 30px 0 20px;
          padding: 0 20px 0 30px; } }
      .split-box .split-box-module-content .split-split .font-accent, .split-box .split-box-module-content .split-split div.field {
        display: inline-block;
        color: #c8b6a5;
        font-weight: 800;
        margin-right: 4px;
        font-size: 20px;
        font-size: 1.25em; }
      .split-box .split-box-module-content .split-split p {
        line-height: 1.25;
        font-weight: 600;
        display: inline;
        font-size: 18px;
        font-size: 1.125em; }
    .split-box .split-box-module-content .read-more {
      display: inline-block;
      width: 100%;
      text-align: center;
      text-decoration: none; }
      @media only screen and (min-width: 768px) {
        .split-box .split-box-module-content .read-more {
          margin-bottom: 20px; } }
      .split-box .split-box-module-content .read-more a {
        font-family: "freight-sans-pro", sans-serif;
        width: 100%;
        font-weight: 600;
        text-decoration: none;
        text-align: center;
        color: #a38c78;
        padding-bottom: 0;
        border-bottom: 1px solid #a38c78;
        font-size: 16px;
        font-size: 1em; }
  .split-box .share a:before {
    opacity: 0.75; }

/********************
** SUBSCRIBE BLOCK
********************/
.subscribe-newsletter {
  max-width: 334px;
  padding: 30px 40px;
  background-color: #232221;
  text-align: center;
  color: #fff; }
  .subscribe-newsletter h1 {
    font-family: "adobe-caslon-pro", serif;
    font-weight: bold;
    color: #eae4df;
    font-size: 28px;
    font-size: 1.75em; }
  .subscribe-newsletter h2 {
    font-family: "freight-sans-pro", sans-serif;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1em; }
  .subscribe-newsletter p {
    padding-top: 1em;
    font-style: italic;
    color: #a38c78;
    font-size: 16px;
    font-size: 1em; }
  .subscribe-newsletter input {
    margin-top: 0.5em;
    width: 98%;
    text-transform: uppercase;
    letter-spacing: 2px; }
    .subscribe-newsletter input ::-webkit-input-placeholder {
      text-transform: uppercase; }
    .subscribe-newsletter input :-moz-placeholder {
      /* Firefox 18- */
      text-transform: uppercase; }
    .subscribe-newsletter input ::-moz-placeholder {
      /* Firefox 19+ */
      text-transform: uppercase; }
    .subscribe-newsletter input :-ms-input-placeholder {
      text-transform: uppercase; }

/********************
** BIO BLOCK
********************/
#contrib-bio-block {
  max-width: 700px;
  margin: 0 auto;
  width: 90%; }
  @media only screen and (min-width: 768px) {
    #contrib-bio-block {
      width: auto; } }

.basic-content .bio-block {
  width: 95%;
  max-width: 334px;
  padding: 20px;
  background: #faf3f5;
  margin: 0 auto;
  float: none; }
  @media only screen and (min-width: 768px) {
    .basic-content .bio-block {
      margin: 0 auto;
      padding: 30px;
      width: 100%;
      float: none; } }
  @media only screen and (min-width: 1024px) {
    .basic-content .bio-block {
      margin: 0 -25% 0 25px;
      float: right; } }
  .basic-content .bio-block .bio-heading {
    display: block;
    margin-bottom: 1em;
    /* overflow: hidden; // Removed by RB / Kyle. I'm assuming this was used for clearfixing _AND_ turning on block formatting context. Added the below code to block format + clearfix instead: */ }
    .basic-content .bio-block .bio-heading:after {
      content: "";
      display: table;
      clear: both; }
    .basic-content .bio-block .bio-heading img {
      float: left;
      width: 25%;
      border-radius: 40px; }
    .basic-content .bio-block .bio-heading .titles-group {
      float: left;
      width: 75%;
      padding-left: 20px;
      padding-top: 10px; }
      .basic-content .bio-block .bio-heading .titles-group .pre-title {
        letter-spacing: 1px;
        font-family: "freight-sans-pro", sans-serif;
        text-transform: uppercase;
        display: block;
        margin-bottom: 10px;
        font-size: 12px;
        font-size: 0.75em; }
      .basic-content .bio-block .bio-heading .titles-group h1 {
        font-family: "freight-sans-pro", sans-serif;
        text-transform: uppercase;
        margin-bottom: .25em;
        font-size: 12px;
        font-size: 0.75em; }
        .basic-content .bio-block .bio-heading .titles-group h1 a {
          font-family: "adobe-caslon-pro", serif;
          text-decoration: none;
          font-style: italic;
          font-weight: 400;
          text-transform: none;
          font-size: 36px;
          font-size: 2.25em; }
          .basic-content .bio-block .bio-heading .titles-group h1 a:hover {
            text-decoration: underline; }
      .basic-content .bio-block .bio-heading .titles-group h2 {
        font-family: "adobe-caslon-pro", serif;
        font-weight: bold;
        font-style: italic;
        color: #a99482;
        line-height: 1.3em;
        font-size: 24px;
        font-size: 1.5em; }
      .basic-content .bio-block .bio-heading .titles-group.full {
        width: 100%;
        padding-left: 0; }
  .basic-content .bio-block p {
    width: 100%;
    line-height: 22px;
    font-size: 14px;
    font-size: 0.875em; }

.tall-block {
  padding: 50px 30px; }
  .tall-block div {
    width: 100%; }
  .tall-block .tall-block-header {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #98918f;
    padding-bottom: 10px;
    margin-bottom: 30px; }
    .tall-block .tall-block-header h1 {
      display: block;
      color: #7a716e;
      font-style: italic;
      text-align: center;
      font-weight: 400;
      font-size: 24px;
      font-size: 1.5em; }
      .tall-block .tall-block-header h1 span {
        display: block;
        margin-top: 15px;
        padding-top: 4px;
        font-style: normal;
        color: #000;
        font-weight: 600;
        line-height: 0;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-size: 18px;
        font-size: 1.125em; }
  .tall-block .tall-block-body {
    margin-bottom: 30px; }
    .tall-block .tall-block-body img {
      width: 100%;
      margin: 0 auto;
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
      box-shadow: 6px 8px 12px 0 rgba(0, 0, 0, 0.25); }
      .tall-block .tall-block-body img:hover {
        box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25); }
  .tall-block .tall-block-footer {
    margin-bottom: 30px; }
    .tall-block .tall-block-footer h2 {
      text-transform: uppercase;
      text-align: center;
      font-family: "freight-sans-pro", sans-serif;
      margin-bottom: 20px;
      letter-spacing: 2px;
      font-weight: 500;
      font-size: 14px;
      font-size: 0.875em; }
    .tall-block .tall-block-footer p {
      line-height: 1.3;
      text-decoration: none;
      color: #2f5a9c;
      font-weight: 500;
      text-align: center;
      font-size: 18px;
      font-size: 1.125em; }
    .tall-block .tall-block-footer ul {
      margin: 0 auto;
      text-align: center; }
      .tall-block .tall-block-footer ul li {
        display: inline-block;
        text-align: center;
        line-height: 20px; }
        .tall-block .tall-block-footer ul li a {
          line-height: 1.5;
          text-decoration: none;
          color: #2f5a9c;
          font-size: 22px;
          font-size: 1.375em; }
  .tall-block .button {
    font-family: "freight-sans-pro", sans-serif;
    letter-spacing: 1px;
    text-align: center;
    display: block;
    background: #fff;
    color: #595959;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 20px;
    width: 100%;
    max-width: 200px;
    margin: 0 auto 20px;
    font-size: 17px;
    font-size: 1.0625em;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
    .tall-block .button:hover {
      background: rgba(255, 255, 255, 0.8);
      box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.35); }
    .tall-block .button:active {
      box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.35);
    }

.contributors-wrapper {
  width: 100%;
  max-width: 1090px;
  margin: 0 auto; }

.image-overlay-block {
  position: relative;
  overflow: hidden;
  width: 253px;
  min-height: 316px;
  margin: 0 auto;
  margin-bottom: 25px; }
  .image-overlay-block .image-overlay-content {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    padding: 20px;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
    .image-overlay-block .image-overlay-content h1 {
      color: #fff;
      font-weight: 700;
      margin-bottom: 5px;
      font-size: 20px;
      font-size: 1.25em; }
    .image-overlay-block .image-overlay-content .sub-head {
      color: #d4cec8;
      font-weight: 600;
      font-style: italic;
      margin-bottom: 5px;
      height: 10px;
      font-size: 14px;
      font-size: 0.875em; }
    .image-overlay-block .image-overlay-content a {
      font-family: "adobe-caslon-pro", serif;
      letter-spacing: 1px;
      font-weight: 700;
      color: #a38c78;
      margin-bottom: 5px;
      text-decoration: none;
      font-size: 16px;
      font-size: 1em; }
    .image-overlay-block .image-overlay-content img {
      width: 100%; }
    .image-overlay-block .image-overlay-content .status {
      text-transform: uppercase;
      font-family: "freight-sans-pro", sans-serif;
      font-weight: 600; }
  .image-overlay-block .image-overlay-inner img {
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 100%; }
  .image-overlay-block.node-contributor:hover .image-overlay-inner h1 {
    text-decoration: underline; }
  .image-overlay-block.node-contributor:hover .image-overlay-inner .image-overlay-content {
    background: rgba(0, 0, 0, 0.8); }

.list-block {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  border-top: 1px solid #f5f4f2; }
  .list-block .list-block-container {
    padding: 40px 30px; }
    .list-block .list-block-container .pub-date {
      color: #b4b4b4;
      font-family: "freight-sans-pro", sans-serif;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 10px; }
    .list-block .list-block-container h1 {
      color: #000;
      font-size: 38px;
      font-size: 2.375em; }
    .list-block .list-block-container .author {
      color: #a38c78;
      display: inline-block;
      margin-bottom: 20px;
      font-size: 18px;
      font-size: 1.125em; }
    .list-block .list-block-container .share {
      display: inline-block;
      float: none;
      text-align: left;
      padding-top: 0;
      margin-top: 0;
      padding-left: 20px; }
    .list-block .list-block-container .list-block-content {
      margin-bottom: 20px; }
      .list-block .list-block-container .list-block-content ul li {
        margin-bottom: 20px;
        display: block;
        line-height: 1.25;
        font-size: 18px;
        font-size: 1.125em; }
        .list-block .list-block-container .list-block-content ul li strong {
          font-weight: 700; }
        .list-block .list-block-container .list-block-content ul li a {
          color: #a38c78;
          text-decoration: none; }

/********************
** List View
********************/
.view-display-id-list_view_mode div {
  display: block;
  width: 100%; }
.view-display-id-list_view_mode .basic-teaser-block {
  min-height: 0 !important;
  height: auto !important; }

.list-view h1 a {
  color: #000;
  text-decoration: none; }
  .list-view h1 a:hover {
    text-decoration: underline; }
.list-view .basic-teaser-block {
  height: auto; }
.list-view .view-quotes-issue-content {
  margin: 0 auto 35px; }

/********************
** Floating Callout
********************/
.floating-callout {
  opacity: 0;
  transition: background-color 0.5s, opacity 0.3s ease-out;
  background: rgba(0, 0, 0, 0.75);
  padding: 15px 15px 15px 20px;
  max-width: 170px;
  z-index: 9999;
  text-decoration: none;
  position: fixed;
  right: 0;
  display: none; }
  @media only screen and (min-width: 1400px) {
    .floating-callout {
      display: block; } }
  .floating-callout:hover {
    background: rgba(0, 0, 0, 0.85); }
    .floating-callout:hover .floating-title:after {
      top: 10%; }
  .floating-callout .floating-title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px;
    min-width: 135px; }
    .floating-callout .floating-title:after {
      content: "";
      display: block;
      position: absolute;
      top: 2%;
      right: 0;
      width: 40px;
      height: 40px;
      background: rgba(0, 0, 0, 0.15) url(../images/down-arrow-white-big.png) no-repeat center center;
      border-radius: 50%;
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
    .floating-callout .floating-title h1 {
      font-family: "freight-sans-pro", sans-serif;
      font-weight: 400;
      opacity: 0.9;
      color: #f5f4f2;
      line-height: 22px;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 16px;
      font-size: 1em; }
      .floating-callout .floating-title h1 span {
        display: block;
        font-family: "adobe-caslon-pro", serif;
        font-weight: 900;
        font-size: 22px;
        font-size: 1.375em; }
  .floating-callout .floating-main h2 {
    font-family: "adobe-caslon-pro", serif;
    font-weight: 400;
    color: #fff;
    font-style: italic;
    font-size: 18px;
    font-size: 1.125em; }
  .floating-callout .floating-main .callout-module-header {
    font-size: 15px;
    font-size: 0.9375em; }
    .floating-callout .floating-main .callout-module-header img {
      width: 14px; }

/* .floating-center{
  display: block;
  position: fixed;
  top:40%;
  right: 0;
  @include normalTransitions;
  @media all and (min-width: 1200px)  {
    opacity: 1;
    display: block;
  }

}
.floating-init{
  position: absolute;
  right:0;
  display: none;
} */
/********************
** Design overrides
********************/
.holder {
  position: relative; }

.view-more {
  color: white;
  text-transform: uppercase;
  font-family: "freight-sans-pro", sans-serif;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  display: inline-block;
  font-size: 12px;
  font-size: 0.75em; }

.module-header .module-header-right {
  padding-left: 1em;
  padding-right: 1em;
  padding-top: .4em;
  padding-bottom: .3em;
  font-family: "adobe-caslon-pro", serif;
  text-transform: none;
  letter-spacing: 0em; }

.banner-block {
  width: 95%;
  max-width: 692px;
  margin: 40px auto;
  background: #eae4df; }
  @media only screen and (min-width: 768px) {
    .banner-block {
      width: 100%; } }
  .banner-block .top-banner {
    padding: 20px;
    background: #a99482; }
    .banner-block .top-banner h1 {
      color: #fff;
      font-weight: 500;
      font-family: "freight-sans-pro", sans-serif;
      letter-spacing: 2px;
      text-transform: uppercase;
      font-size: 14px;
      font-size: 0.875em; }
  .banner-block .banner-content {
    padding: 20px; }
    .banner-block .banner-content strong {
      display: inline-block;
      line-height: 1;
      font-size: 20px;
      font-size: 1.25em; }
      .banner-block .banner-content strong a {
        text-decoration: none;
        line-height: 1.2em;
        display: inline-block;
        border-bottom: 1px solid transparent;
        transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
        .banner-block .banner-content strong a:hover {
          border-bottom: 1px solid #232221; }
    .banner-block .banner-content p {
      line-height: 1.5;
      font-size: 16px;
      font-size: 1em; }

.issue-teaser {
  width: 100%;
  max-width: 334px;
  margin-bottom: 25px; }
  .issue-teaser a img {
    margin: 0 auto; }

.sticky-issue {
  width: 100%;
  max-width: 230px;
  background: #232221;
  margin: 0 auto;
  padding-bottom: 10px;
  position: fixed;
  opacity: 0;
  left: -200px;
  z-index: 999;
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
  .sticky-issue .sticky-vertical-bar {
    opacity: 1;
    position: relative;
    left: 48%;
    top: 140px;
    text-align: center;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
    .sticky-issue .sticky-vertical-bar h1 {
      text-transform: uppercase;
      color: #fff;
      letter-spacing: 2px;
      font-family: "freight-sans-pro", sans-serif;
      padding: 2px 0;
      font-size: 15px;
      font-size: 0.9375em; }
  .sticky-issue .sticky-header-bar {
    opacity: 0;
    text-align: center;
    padding: 8px 0;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
    .sticky-issue .sticky-header-bar h1 {
      text-transform: uppercase;
      color: #fff;
      letter-spacing: 2px;
      font-family: "freight-sans-pro", sans-serif;
      font-weight: 600;
      font-size: 12px;
      font-size: 0.75em; }
  .sticky-issue:hover {
    left: 0; }
    .sticky-issue:hover .sticky-header-bar {
      opacity: 1; }
    .sticky-issue:hover .sticky-vertical-bar {
      opacity: 0; }
  .sticky-issue .sticky-content {
    margin: 20px 0;
    padding: 0 25px;
    text-align: center; }
    .sticky-issue .sticky-content a {
      text-decoration: none;
      color: #fff;
      display: block;
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
      .sticky-issue .sticky-content a img {
        width: 60%;
        max-width: 90%;
        margin: 0 auto 10px; }
      .sticky-issue .sticky-content a h2 {
        text-transform: uppercase;
        color: #fff;
        font-family: "adobe-caslon-pro", serif;
        letter-spacing: 2px;
        font-weight: 600;
        margin-bottom: 5px;
        line-height: 23px;
        font-size: 16px;
        font-size: 1em; }
      .sticky-issue .sticky-content a:after {
        content: "";
        display: block;
        position: relative;
        left: 0;
        margin: 0 auto;
        width: 40px;
        height: 40px;
        background: rgba(255, 255, 255, 0.1) url(../images/back-arrow.png) no-repeat center center;
        border-radius: 50%;
        transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
      .sticky-issue .sticky-content a:hover:after {
        left: -5px; }
  .sticky-issue .sticky-subscribe {
    text-align: center;
    margin: 10px 0 20px; }
    .sticky-issue .sticky-subscribe a {
      font-family: "freight-sans-pro", sans-serif;
      font-size: 11px;
      font-size: 0.6875em;
      font-weight: 500;
      text-decoration: none;
      color: #000;
      letter-spacing: 1px;
      text-transform: uppercase;
      text-decoration: none;
      display: inline-block;
      background: #fff;
      padding: 10px 14px;
      margin: 0 auto;
      border-radius: 2px;
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }

.content-header-image.dark {
  background-color: #666666;
}
@media only screen and (min-width: 768px) {
  .content-header-image.dark {
    background-color: #ffffff;
  }
}
.content-header-image {
  position: relative;
  color: #fff;
  height: auto; }
  .content-header-image a {
    color: #fff; }
  .content-header-image.dark .title .info, .content-header-image.dark .title h1, .content-header-image.dark .title h2.roundtable-title, .roundtable-single .content-header.dark .pub-date, .roundtable-single .content-header.dark .sub-head, .roundtable-single .content-header.dark .author a {
    color: #fff !important; }
   .roundtable-single .content-header.light .author a:hover {
      border-bottom: 1pt solid #fff !important;
    }
  .content-header-image.dark .title h1 a, .single-event .content-header .pub-date {
    color: #ddd !important;
  }
  .content-header-image.dark .field-name-field-header-image {
    position: relative; }
      @media only screen and (min-width: 768px) {
        .content-header-image.dark .field-name-field-header-image:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 2;
            width: 100%;
            height: 100%;
            display: block;
            opacity: 0.73;
            background: transparent;
            background-image: -webkit-linear-gradient(bottom, black 0%, transparent);
            background-image: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0)); }
}
  .content-header-image.light .field-name-field-header-image {
    position: relative;
    /* &:after {
      opacity: 0.6;
      content:"";
      position: absolute;
      bottom:0;
      left:0;
      z-index: 2;
      width: 100%;
      height: 100%;
      display: block;
      opacity: 0.4;
      background-image: -webkit-gradient(
        linear,
        right top,
        right bottom,
        color-stop(0, rgb(204, 202, 204)),
        color-stop(1, rgb(255, 255, 255))
      );
      background-image: -webkit-linear-gradient(bottom, rgb(255, 255, 255) 40%, transparent);
      background-image: linear-gradient(to top, rgb(255, 255, 255) 40%, transparent);
    } */ }
  .content-header-image.light .title h1, .content-header-image.light .title .author a, .content-header-image.light .title .excerpt p {
    color: #000000; }
  .content-header-image .hero-image, .content-header-image .hero-image img {
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    background: #eae4df;
    text-align: center;
    height: auto; }
    @media only screen and (min-width: 1024px) {
      .content-header-image .hero-image, .content-header-image .hero-image img {
        min-height: 465px;
        height: auto; } }
    @media only screen and (min-width: 1200px) {
      .content-header-image .hero-image, .content-header-image .hero-image img {
        min-height: 535px;
        height: auto; } }
    @media only screen and (min-width: 1400px) {
      .content-header-image .hero-image, .content-header-image .hero-image img {
        min-height: 630px;
        height: auto; } }
    .content-header-image .hero-image img, .content-header-image .hero-image img img {
      width: 100%;
      height: auto;
      position: relative;
      z-index: 1; }
    .content-header .hero-image figcaption, .content-header .hero-image img figcaption {
      display: block;
      padding: 14px 0 12px;
      color: #a38c78;
      width: 90%;
      max-width: 1090px;
      margin: 0 auto;
      font-weight: 500;
      line-height: 1.3;
      /*font-size: 15px;*/
      /*font-size: 0.9375em; */
    }
    .hero-image figcaption, .hero-image figcaption p {
      font-size: 16px !important;
    }
      @media only screen and (min-width: 768px) {
        .content-header-image .hero-image figcaption, .content-header-image .hero-image img figcaption {
          width: 100%; } }
      .content-header-image .hero-image figcaption span, .content-header-image .hero-image img figcaption span {
        font-family: "freight-sans-pro", sans-serif;
        letter-spacing: 2px;
        font-weight: 500;
        vertical-align: baseline;
        /*font-size: 15px;*/
        /*font-size: 0.9375em; */
      }
      .content-header-image .hero-image figcaption p, .content-header-image .hero-image img figcaption p {
        display: inline;
        vertical-align: baseline;
        /*font-size: 16px;*/
        /*font-size: 1em; */
      }
      .content-header-image .hero-image figcaption a, .content-header-image .hero-image img figcaption a {
        color: #000000;
        display: inline-block;
        vertical-align: baseline;
        line-height: 0.5;
        text-decoration: underline;
        transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
        .content-header-image .hero-image figcaption a:hover, .content-header-image .hero-image img figcaption a:hover {
          text-decoration: none; }
  .content-header-image .author {
    color: #a99482; }
    .content-header-image .author a {
      font-weight: 600;
      font-style: normal;
      color: #a99482; }

    .content-header-image.dark .author a {
      color: #ffffff;
    }
  .content-header-image .title {
    position: relative;
    z-index: 99; }

.basic-content {
  color: #232221;
  margin-bottom: 60px; }
  .basic-content p, .basic-content .standard {
    width: 90%;
    margin: 0 auto;
    font-family: "adobe-caslon-pro", serif;
    line-height: 1.875em;
    margin-bottom: 1em;
    font-size: 18px;
    font-size: 1.125em;
    margin-bottom: 1em; }
    @media only screen and (min-width: 768px) {
      .basic-content p, .basic-content .standard {
        width: 100%;
        max-width: 700px; } }
  .basic-content a.apropos {
    transition: all 0.5s ease-out;
    border-bottom: 1px solid #232221;
    display: inline-block;
    line-height: 0.5; }
    .basic-content a.apropos:hover {
      border-bottom: none; }
  .basic-content a[data-replace-random-quote] {
    text-decoration: none;
    display: block; }
    @media only screen and (min-width: 1024px) {
      .basic-content a[data-replace-random-quote] {
        float: left;
        margin: 5px 20px 0 -145px; } }
    .basic-content a[data-replace-random-quote]:hover {
      border-bottom: none !important; }
  @media only screen and (min-width: 1024px) {
    .basic-content .randomquote {
      float: left;
      margin: 5px 20px 0 128px; } }
  .basic-content .standard {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .basic-content .standard {
        width: 96%; } }
    .basic-content .standard p {
      font-size: 14px;
      font-size: 0.875em; }
    .basic-content .standard a {
      text-decoration: none;
      cursor: default; }
  .basic-content .widescreen {
    text-align: center;
    max-width: none; }
    .basic-content .widescreen a {
      text-decoration: none;
      cursor: default; }
  .basic-content .node-artwork {
    display: block;
    margin: 40px 0;
    text-decoration: none; }
    .basic-content .node-artwork figure, .basic-content .node-artwork figure img, .basic-content .node-artwork figcaption, .basic-content .node-artwork img {
      width: 100%; }

  .basic-content.drop-cap .content-wrapper > p:first-of-type::first-letter, .basic-content.drop-cap .field-items .field-item > p:first-of-type::first-letter {
  font-size: 3.625em;
  font-weight: 600;
  float: left;
  padding-right: 0.07663em;
  padding-top: 0.4138em;
  line-height: 0.517em;
  }
  @-moz-document url-prefix() {
  .basic-content.drop-cap .field-items .field-item > p:first-of-type::first-letter, .basic-content.drop-cap .content-wrapper > p:first-of-type::first-letter  {
      padding-top:0.125em;
    }
  }
/*  .basic-content.drop-cap .content-wrapper > p, .basic-content.drop-cap .content-wrapper .field-name-body > p, .basic-content.drop-cap .field-name-body .field-item > p {
    font-family: "adobe-caslon-pro", serif;
    line-height: 1.875em;
    margin-bottom: 1em;
    font-size: 18px;
    font-size: 1.125em; }
    .basic-content.drop-cap .content-wrapper > p:first-child:first-letter, .basic-content.drop-cap .content-wrapper .field-name-body > p:first-child:first-letter, .basic-content.drop-cap .field-name-body .field-item > p:first-child:first-letter {
      font-weight: 600;
      float: left;
      padding-top: 4px;
      padding-right: 5px;
      font-size: 3.625em;
      line-height: 1.25em;
    }
  .basic-content.drop-cap.preamble p:nth-child(2):first-letter {
    font-weight: 600;
    float: left;
    padding-top: 25px;
    padding-right: 5px;
    font-size: 58px;
    font-size: 3.625em; }
  .basic-content.drop-cap.preamble blockquote p:nth-child(2):first-letter {
    font-weight: 400;
    float: none;
    padding-top: 0;
    padding-right: 0;
    font-size: 16px;
    font-size: 1em; }*/
  .basic-content .content-wrapper p a, .basic-content .content-wrapper .field-name-body p a, .basic-content .field-name-body .field-item p a {
    color: #000;
    text-decoration: underline;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
    .basic-content .content-wrapper p a:hover, .basic-content .content-wrapper .field-name-body p a:hover, .basic-content .field-name-body .field-item p a:hover {
      text-decoration: none; }
  .basic-content .content-wrapper blockquote, .basic-content .content-wrapper .field-name-body blockquote, .basic-content .field-name-body .field-item blockquote {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    padding: 30px;
    background: #f5f4f2;
    margin-bottom: 1em; }
    .basic-content .content-wrapper blockquote p, .basic-content .content-wrapper .field-name-body blockquote p, .basic-content .field-name-body .field-item blockquote p {
      line-height: 1.5em;
      margin-bottom: 0;
      font-size: 16px;
      font-size: 1em; }
      .basic-content .content-wrapper blockquote p:first-child::first-letter, .basic-content .content-wrapper .field-name-body blockquote p:first-child::first-letter, .basic-content .field-name-body .field-item blockquote p:first-child::first-letter {
        font-weight: 400;
        float: none;
        padding-top: 0;
        padding-right: 0;
        font-size: 16px;
        font-size: 1em; }
  .basic-content .content-wrapper p a[data-replace-standard], .basic-content .content-wrapper .field-name-body p a[data-replace-standard], .basic-content .field-name-body .field-item p a[data-replace-standard] {
    text-decoration: none;
    cursor: default; }
    .basic-content .content-wrapper p a[data-replace-standard] caption a, .basic-content .content-wrapper .field-name-body p a[data-replace-standard] caption a, .basic-content .field-name-body .field-item p a[data-replace-standard] caption a {
      cursor: pointer; }
  .basic-content .content-wrapper p a[data-replace-widescreen="true"], .basic-content .content-wrapper .field-name-body p a[data-replace-widescreen="true"], .basic-content .field-name-body .field-item p a[data-replace-widescreen="true"] {
    text-decoration: none;
    cursor: default; }
    .basic-content .content-wrapper p a[data-replace-widescreen="true"] a, .basic-content .content-wrapper .field-name-body p a[data-replace-widescreen="true"] a, .basic-content .field-name-body .field-item p a[data-replace-widescreen="true"] a {
      text-decoration: none;
      cursor: default; }
    .basic-content .content-wrapper p a[data-replace-widescreen="true"] .caption a, .basic-content .content-wrapper .field-name-body p a[data-replace-widescreen="true"] .caption a, .basic-content .field-name-body .field-item p a[data-replace-widescreen="true"] .caption a {
      cursor: pointer;
      pointer-events: all; }
  .basic-content .content-wrapper p [data-replace-random-quote="true"], .basic-content .content-wrapper .field-name-body p [data-replace-random-quote="true"], .basic-content .field-name-body .field-item p [data-replace-random-quote="true"] {
    text-decoration: none;
    cursor: default; }
    .basic-content .content-wrapper p [data-replace-random-quote="true"] a, .basic-content .content-wrapper .field-name-body p [data-replace-random-quote="true"] a, .basic-content .field-name-body .field-item p [data-replace-random-quote="true"] a {
      text-decoration: none;
      cursor: default; }
    .basic-content .content-wrapper p [data-replace-random-quote="true"] .share a, .basic-content .content-wrapper .field-name-body p [data-replace-random-quote="true"] .share a, .basic-content .field-name-body .field-item p [data-replace-random-quote="true"] .share a {
      cursor: pointer; }
  .basic-content .basic-image-caption {
    background: #eae4df; }
    .basic-content .basic-image-caption img {
      width: 100%; }
    .basic-content .basic-image-caption figcaption {
      display: block;
      padding: 10px;
      color: #7a716e;
      width: 100%;
      max-width: 1090px;
      margin: 0 auto;
      /*font-size: 15px;*/
      /*font-size: 0.9375em; */
    }
      .basic-content .basic-image-caption figcaption span {
        font-family: "freight-sans-pro", sans-serif;
        letter-spacing: 1px; }
      .basic-content .basic-image-caption figcaption a {
        color: #7a716e;
        font-weight: 600;
        text-decoration: underline; }
        .basic-content .basic-image-caption figcaption a:hover {
          text-decoration: none; }
  .basic-content.poetry {
    position: relative;
    /* .content-wrapper .field .bio-block {
      p {
        @include bp(baby-bear) {
          margin-left:0;
        }
      }
    }  */ }
    .basic-content.poetry .content-wrapper > p:first-child:first-letter, .basic-content.poetry .content-wrapper .field-name-body > p:first-child:first-letter, .basic-content.poetry .field-name-body .field-item > p:first-child:first-letter {
      float: none; }
    @media only screen and (min-width: 768px) {
      .basic-content.poetry .content-wrapper .field p {
        padding-left: 100px; } }
    .basic-content.poetry .bio-block {
      float: none; }
      @media only screen and (min-width: 768px) {
        .basic-content.poetry .bio-block {
          margin: 0 0 1.5em 0;
          margin-left: 100px; } }
      @media only screen and (min-width: 768px) {
        .basic-content.poetry .bio-block p {
          margin-left: 0;
          padding-left: 0; } }
  .basic-content figcaption {
    display: block;
    padding: 10px;
    background: #eae4df;
    color: #a99482;
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    font-weight: 500;
    line-height: 1.1;
    /*font-size: 14px;*/
    /*font-size: 0.875em; */
  }
    .basic-content figcaption span {
      font-family: "freight-sans-pro", sans-serif;
      letter-spacing: 2px;
      font-weight: 500; }
    .basic-content figcaption p {
      display: inline;
      line-height: 1.2; }
    .basic-content figcaption a {
      color: #000;
      text-decoration: underline;
      display: inline-block;
      line-height: 1;
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
      .basic-content figcaption a:hover {
        text-decoration: none; }
  .basic-content .art {
    background: #eae4df; }

.caption {
  background: #eae4df; }
  .caption p {
    display: block;
    padding: 10px;
    color: #7a716e;
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    line-height: 1.5;
    font-size: 13px;
    font-size: 0.8125em; }
    .caption p span {
      font-family: "freight-sans-pro", sans-serif;
      letter-spacing: 1px; }
    .caption p a {
      color: #7a716e;
      font-weight: 600;
      text-decoration: underline; }
      .caption p a:hover {
        text-decoration: none; }

figcaption.caption {
  display: block;
  padding: 10px;
  color: #a99482;
  width: 100%;
  max-width: 1090px;
  margin: 0 auto;
  font-weight: 500;
  /*font-size: 14px;*/
  /*font-size: 15px;*/
  /*font-size: 0.9375em;*/
}
  figcaption.caption span {
    font-family: "freight-sans-pro", sans-serif;
    letter-spacing: 2px;
    font-weight: 500;
    /*font-size: 14px;*/
    /*font-size: 15px;*/
    /*font-size: 0.9375em;*/
  }
  figcaption.caption p {
    padding: 0;
    display: inline;
    /*font-size: 16px;*/
    font-size: 1em; }

.vit .content-wrapper {
  margin: 0 auto;
  overflow: auto; }

.apropos {
  font-weight: 900;
  text-decoration: none;
  color: #000; }

.pagination {
  position: relative;
  width: 95%;
  max-width: 700px;
  margin: 45px auto;
  padding: 0 0 130px 0; }
  @media only screen and (min-width: 768px) {
    .pagination {
      width: 100%; } }
  .pagination ul {
    position: relative; }
    .pagination ul:after {
      content: "";
      width: 1px;
      height: 80px;
      position: absolute;
      left: 50%;
      top: 10px;
      display: block;
      background: #424242;
      opacity: 0.2; }
    .pagination ul li {
      position: absolute;
      transition: all 0.5s ease-out;
      width: 40%;
      line-height: 1.3; }
      .pagination ul li.prev {
        left: 10px; }
        .pagination ul li.prev:after, .pagination ul li.prev:before {
          right: 100%;
          top: 21px;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none; }
        .pagination ul li.prev:after {
          border-color: rgba(255, 255, 255, 0);
          border-right-color: #fff;
          border-width: 4px;
          margin-top: -6px; }
        .pagination ul li.prev:before {
          border-color: rgba(194, 225, 245, 0);
          border-right-color: #000;
          border-width: 6px;
          margin-top: -8px; }
      .pagination ul li.next {
        right: 10px;
        text-align: right; }
        .pagination ul li.next:after, .pagination ul li.next:before {
          transition: all 0.5s ease-out;
          left: 100%;
          top: 21px;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none; }
        .pagination ul li.next:after {
          border-left-color: #fff;
          border-width: 4px;
          margin-top: -6px; }
        .pagination ul li.next:before {
          border-left-color: #000;
          border-width: 6px;
          margin-top: -8px; }
      .pagination ul li:hover {
        opacity: 0.8; }
        .pagination ul li:hover.prev {
          left: 6px; }
        .pagination ul li:hover.next {
          right: 6px; }
      .pagination ul li a {
        display: block;
        font-family: "freight-sans-pro", sans-serif;
        letter-spacing: 2px;
        text-decoration: none;
        text-transform: uppercase;
        padding: 10px;
        font-weight: 500;
        color: #424242;
        font-size: 15px;
        font-size: 0.9375em; }
  .pagination .indicator {
    display: block;
    margin-bottom: 10px; }
  .pagination .pagi-title {
    display: block;
    font-family: "adobe-caslon-pro", serif;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 5px;
    letter-spacing: 0;
    font-size: 22px;
    font-size: 1.375em; }
  .pagination .pagi-byline {
    letter-spacing: 1px;
    display: block;
    font-style: italic;
    text-transform: none;
    color: #7a716e;
    font-family: "adobe-caslon-pro", serif;
    font-size: 18px;
    font-size: 1.125em; }

.pullquote {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .pullquote {
      display: block;
      background: #a99482;
      width: 100%;
      max-width: 335px;
      padding: 20px 0; } }
  .pullquote .pullquote-content {
    padding: 40px 40px 20px;
    color: #fff;
    float: left; }
    .pullquote .pullquote-content > p {
      -webkit-font-smoothing: antialiased;
      line-height: 34px;
      font-size: 24px;
      font-size: 1.5em; }
  .pullquote cite {
    display: inline-block;
    font-weight: 600;
    padding: 20px 0 0;
    text-align: right;
    font-size: 17px;
    font-size: 1.0625em; }
  .pullquote .share {
    width: auto;
    text-align: right;
    padding-right: 10px; }
    .pullquote .share ul {
      width: auto; }
      .pullquote .share ul li {
        width: auto;
        display: inline-block; }
        .pullquote .share ul li img {
          width: auto;
          max-width: none;
          margin: auto; }
  .pullquote.right {
    float: right;
    margin: 50px -200px 50px 50px; }
  .pullquote.left {
    float: left;
    margin: 50px 50px 50px -200px; }

.related {
  background: #000; }
  @media only screen and (min-width: 1024px) {
    .related {
      /*@include normalTransitions;*/
      display: block;
      -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
      transform: translate(0%, -50%);
      background: #000;
      padding: 35px 30px;
      max-width: 230px;
      text-align: center;
      margin-top: -1em; } }
  .related.right {
    right: 0;
    position: absolute;
    display: none; }
    .related.right:before {
      position: absolute;
      top: 50%;
      left: -10px;
      content: "";
      display: inline-block;
      height: 0;
      width: 0;
      border-top: 10px solid transparent;
      border-right: 10px solid #000;
      border-bottom: 10px solid transparent;
      -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
      transform: translate(0%, -50%); }
  .related.left {
    left: 0; }
    .related.left:before {
      position: absolute;
      top: 50%;
      right: -10px;
      content: "";
      display: inline-block;
      height: 0;
      width: 0;
      border-top: 10px solid transparent;
      border-left: 10px solid #000;
      border-bottom: 10px solid transparent;
      -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
      transform: translate(0%, -50%); }
  .related .related-wrapper {
    margin: 0 auto;
    width: 98%; }
    .related .related-wrapper h1 {
      -webkit-font-smoothing: antialiased;
      font-weight: 700;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #eae4df;
      border-bottom: 1px solid #eae4df;
      margin-bottom: 35px;
      padding: 0 10px 6px;
      font-size: 18px;
      font-size: 1.125em; }
    .related .related-wrapper .related-link {
      margin-bottom: 20px;
      text-align: center; }
      .related .related-wrapper .related-link a {
        color: #fff;
        font-weight: 700;
        text-decoration: none;
        line-height: 1;
        font-size: 22px;
        font-size: 1.375em;
        transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
        .related .related-wrapper .related-link a:hover {
          text-decoration: underline; }
    .related .related-wrapper a {
      color: #fff;
      font-weight: 700;
      text-decoration: none;
      display: inline;
      padding-bottom: 1px;
      transition: all 0.5s ease-out;
      font-size: 20px;
      font-size: 1.25em; }
      .related .related-wrapper a:hover {
        text-decoration: underline; }
    .related .related-wrapper p {
      color: #a99482;
      margin-bottom: 20px;
      font-size: 15px;
      font-size: 0.9375em; }
    .related .related-wrapper .related-category {
      color: #a99482;
      font-family: "freight-sans-pro", sans-serif;
      margin-bottom: 20px;
      font-weight: 500;
      font-size: 14px;
      font-size: 0.875em; }
      .related .related-wrapper .related-category span {
        font-family: "freight-sans-pro", sans-serif;
        font-weight: 600; }
    .related .related-wrapper .author {
      font-style: italic; }
      .related .related-wrapper .author a {
        color: #a99482;
        font-size: 18px;
        font-size: 1.125em;
        text-decoration: none; }

.side-callout {
  display: none; }
  @media only screen and (min-width: 1200px) {
    .side-callout {
      display: block;
      position: absolute;
      top: 25%;
      background: #000;
      width: 100%;
      max-width: 175px;
      text-align: center; } }
  .side-callout.left {
    left: 0; }
  .side-callout.right {
    right: 0; }
  .side-callout h1 {
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 6px 0;
    background: #a99482;
    display: block;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 14px;
    font-size: 0.875em; }
  .side-callout .side-callout-wrapper img {
    margin: 0 auto 10px; }
  .side-callout .side-callout-wrapper h2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600; }
  .side-callout .side-callout-wrapper .back-arrow {
    display: block;
    background: #232221 url(../images/back-arrow.png) no-repeat center center;
    margin: 10px auto 20px;
    height: 44px;
    width: 44px;
    border-radius: 50px; }
  .side-callout .side-callout-wrapper .subscribe-now {
    display: inline-block;
    font-family: "freight-sans-pro", sans-serif;
    background-color: white;
    margin: 0 auto 2em;
    padding: 0.75em 0;
    letter-spacing: .075em;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    border-radius: 3px;
    font-size: 12px;
    font-size: 0.75em; }

.subscribe-now {
  display: inline-block;
  font-family: "freight-sans-pro", sans-serif;
  background-color: white;
  margin: 0 auto 2em;
  padding: 0.75em 0;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  color: #000;
  border-radius: 3px;
  font-size: 12px;
  font-size: 0.75em; }

.user-login-wrapper {
  width: 100%;
  max-width: 960px;
  padding: 50px;
  margin: 0 auto;
  background: #eae4df;
  position: relative;
  top: 100px; }
  .user-login-wrapper .primary-logo {
    display: block;
    text-align: center;
    margin-bottom: 20px; }
    .user-login-wrapper .primary-logo .primary-heading a {
      font-family: "adobe-caslon-pro", serif;
      text-transform: uppercase;
      letter-spacing: 11px;
      text-decoration: none;
      color: #000;
      font-size: 32px;
      font-size: 2em; }
      .user-login-wrapper .primary-logo .primary-heading a span {
        letter-spacing: 26px;
        display: block;
        font-size: 10px;
        font-size: 0.625em; }
  .user-login-wrapper .tabs-primary {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    display: block;
    border: none;
    background: none;
    text-align: center;
    margin-bottom: 20px; }
    .user-login-wrapper .tabs-primary .tabs-primary__tab {
      border: none;
      border-radius: 0 0 0 0; }
      .user-login-wrapper .tabs-primary .tabs-primary__tab .tabs-primary__tab-link {
        font-family: "freight-sans-pro", sans-serif;
        background: #eae4df;
        text-transform: uppercase;
        padding: 5px 15px;
        text-shadow: none;
        border-radius: 0 0 0 0;
        border: none;
        transition: all 0.5s ease-out; }
        .user-login-wrapper .tabs-primary .tabs-primary__tab .tabs-primary__tab-link.active {
          font-weight: 600;
          background: transparent;
          border: none; }
        .user-login-wrapper .tabs-primary .tabs-primary__tab .tabs-primary__tab-link:hover {
          border: none;
          background: #000;
          color: #fff;
          text-shadow: none;
          border-radius: 0 0 0 0; }
  .user-login-wrapper form {
    width: 100%;
    max-width: 400px;
    margin: 0 auto; }
    .user-login-wrapper form .form-item label {
      font-family: "freight-sans-pro", sans-serif;
      letter-spacing: 2px;
      text-transform: uppercase; }
    .user-login-wrapper form .form-item .description {
      font-family: "adobe-caslon-pro", serif;
      padding: 8px 0; }
    .user-login-wrapper form .form-submit {
      background: #fff;
      transition: all 0.5s ease-out;
      box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.25); }
      .user-login-wrapper form .form-submit:hover {
        background: #000;
        color: #fff; }
      .user-login-wrapper form .form-submit:active {
        box-shadow: inset 0px 0px 5px #fff; }

.load-more, .pager-load-more {
  display: block;
  padding: 40px 0;
  text-align: center;
  position: relative; }
  .load-more a, .pager-load-more a {
    padding: 15px;
    padding-right: 2em;
    margin-bottom: 1em;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 500;
    background: url(../images/down-arrow.png) no-repeat 90% center;
    font-size: 16px;
    font-size: 1em;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
    .load-more a:hover, .pager-load-more a:hover {
      color: #fff;
      background: #a38c78 url(../images/down-arrow-white.png) no-repeat 90% center;
      border-radius: 5px;
      box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.25); }
    .load-more a:active, .pager-load-more a:active {
      box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.25); }

.pager-next a, .pager-previous a {
  background-image: none;
  padding-right: 15px; }
  .pager-next a:hover, .pager-previous a:hover {
    background-image: none;
    padding-right: 15px; }

.transitions {
  transition: opacity 1.2s ease-out; }

/*.dropcap {
  font-weight: 600;
  float: left;
  padding-top: 27px;
  padding-right: 5px;
  font-size: 58px;
  font-size: 3.625em; }
*/
.dropcap {
    font-weight: 600;
    float: left;
    padding-top: 0.4138em;
    padding-right: 0.07663em;
    font-size: 3.625em;
}


.small-cap {
  font-variant: small-caps !important;
  font-family: inherit !important;
  letter-spacing: 0 !important;
}

.front {
  /* .view-homepage-hero, .field-name-field-hero-image {
    @include bp(baby-bear) {
      margin-bottom: -56px;
    }

  } */ }
  .front #page {
    background: #fff;
    position: relative; }
  .front .view-voices-issue-content {
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      .front .view-voices-issue-content {
        width: 66%;
        max-width: 700px; } }
    .front .view-voices-issue-content .grid {
      width: 100%; }
  .front .mini-title a {
    line-height: 1.1;
    display: inline-block;
    transition: all 0.5s ease-out;
    text-decoration: none; }
    .front .mini-title a:after {
      content: "";
      display: block;
      width: 0;
      margin: -12px auto 15px auto;
      height: 2px;
      transition: width, 0.3s; }
    .front .mini-title a:hover:after {
      width: 100%; }
  .front #page {
    min-height: 10px;
    margin-bottom: 0; }
  .front .go-to-issue {
    display: block;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 60px;
  }
    .front .go-to-issue p {
      font-size: 18px;
      font-size: 1.125em; }
      .front .go-to-issue p strong {
        text-transform: uppercase;
        margin-right: 10px;
        letter-spacing: 2px; }
      .front .go-to-issue p a {
        color: #000;
        font-style: italic;
        text-decoration: none;
        padding-bottom: 5px;
        line-height: 1px;
        display: inline-block;
        position: relative;
        left: 0;
        border-bottom: 1px solid transparent;
        transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
        .front .go-to-issue p a:hover {
          border-bottom: 1px solid #000;
          left: 3px; }

picture {
  width: 100%; }
  picture img {
    width: 100%; }

.issue-hero {
  background: rgba(234, 228, 223, 0.8);
  min-height: 330px; }
  .issue-hero figcaption {
    display: block;
    padding: 14px 10px 10px;
    color: #a99482;
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    font-weight: 500;
    /*font-size: 15px;*/
    /*font-size: 0.9375em;*/
    margin-bottom: 30px; }
    .issue-hero figcaption span {
      font-family: "freight-sans-pro", sans-serif;
      letter-spacing: 2px;
      font-weight: 500;
      /*font-size: 15px;*/
      /*font-size: 0.9375em; */
    }
    .issue-hero figcaption p {
      display: inline;
      /*font-size: 16px;*/
      /*font-size: 1em; */
    }
    .issue-hero figcaption a {
      color: #000;
      text-decoration: underline;
      display: inline-block;
      line-height: 1;
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
      .issue-hero figcaption a:hover {
        text-decoration: none; }

.view-related-reads-conversation {
  max-width: 334px; }
  .view-related-reads-conversation div {
    width: 100%; }

.view-all-writing .block {
  background: #fff; }

.issue-wrapper {
  background: #fff;
  position: relative;
  z-index: 2; }

.list-view {
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .list-view {
      padding-top: 50px; } }
  .list-view .section-heading {
    display: block;
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 40px;
    font-size: 14px;
    font-size: 0.875em; }
  .list-view .block {
    overflow: visible;
    width: auto;
    max-width: 100%;
    margin-bottom: 0; }
  .list-view .view-conversation-issue-content {
    max-width: 100%; }
  .list-view .view {
    margin-bottom: 15px; }
    @media only screen and (min-width: 768px) {
      .list-view .view {
        margin-bottom: 35px; } }

.list-view-cta {
  text-align: center;
  padding-bottom: 70px; }
  .list-view-cta p {
    color: #a38c78;
    font-style: italic;
    display: block;
    margin-bottom: 10px;
    font-size: 17px;
    font-size: 1.0625em; }

.list-teaser {
  text-align: center; }
  .list-teaser h1 {
    display: inline-block;
    margin-bottom: 18px;
    line-height: 1;
    font-size: 18px;
    font-size: 1.125em; }
    @media only screen and (min-width: 768px) {
      .list-teaser h1 {
        font-size: 26px;
        font-size: 1.625em; } }
    .list-teaser h1 a {
      color: #000;
      font-weight: 600;
      line-height: 1.4;
      display: inline-block;
      border-bottom: 1px solid transparent;
      transition: all 0.5s ease-out; }
      .list-teaser h1 a:hover {
        text-decoration: none;
        border-bottom: 1px solid #b4b4b4; }
  .list-teaser h2 {
    color: #b4b4b4;
    display: inline-block;
    font-size: 20px;
    font-size: 1.25em; }

/*
*
* heading group below hero on home/issue page *
*
 */
.mini-title {
  text-transform: uppercase;
  text-align: center;
  padding: 65px 0 0; }
  .mini-title .home-pre-issue-title {
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 500;
    letter-spacing: 3px;
    margin-bottom: 15px;
    display: block;
    font-size: 16px;
    font-size: 1em; }
    @media only screen and (min-width: 768px) {
      .mini-title .home-pre-issue-title {
        margin-bottom: 30px;
        font-size: 20px;
        font-size: 1.25em; } }
  .mini-title h1 {
    font-family: "adobe-caslon-pro", serif;
    font-weight: 600;
    letter-spacing: 4px;
    line-height: 50px;
    font-size: 37px;
    font-size: 2.3125em; }
    @media only screen and (min-width: 768px) {
      .mini-title h1 {
        letter-spacing: 6px;
        font-size: 71px;
        font-size: 4.4375em; } }
  .mini-title .date {
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 500;
    margin-bottom: 20px;
    display: block;
    letter-spacing: 2px;
    font-size: 14px;
    font-size: 0.875em; }

.page-home .mini-title {
  padding-top: 50px;
  padding-bottom: 25px;
}

.field-name-field-hero-image {
  margin-bottom: 60px;
  position: relative;
  max-width: 1600px;
  margin: 0 auto; }
  .field-name-field-hero-image img {
    width: 100%;
    /* @include bp(mama-bear) {
      min-height: 600px;
    } */ }

@media only screen and (min-width: 1024px) {
  .node .content-header-image img {
    min-height: 480px; } }

.page-wrapper .content-header-image {
  padding-top: 46px; }
  @media only screen and (min-width: 768px) {
    .page-wrapper .content-header-image {
      padding-top: 80px; } }
  @media only screen and (min-width: 768px) {
    .page-wrapper .content-header-image {
      padding-top: 0;
      top: 0; } }
  .page-wrapper .content-header-image .title {
    padding-top: 10px;
    /*position: absolute;*/
    width: 100%;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .page-wrapper .content-header-image .title {
        -webkit-transform: translate(0%, -170%);
        -ms-transform: translate(0%, -170%);
        transform: translate(0%, -170%);
        top: 50%;
        left: 50%; } }
    .page-wrapper .content-header-image .title.right {
      -webkit-transform: translate(-35%, -30%);
      -ms-transform: translate(-35%, -30%);
      transform: translate(-35%, -30%); }
    @media only screen and (min-width: 768px) {
      .page-wrapper .content-header-image .title {
        position: absolute;
      }
      .page-wrapper .content-header-image .title.center {
        padding-top: 75px; } }
    @media only screen and (min-width: 1024px) {
      .page-wrapper .content-header-image .title.center {
        padding-top: 0;
        -webkit-transform: translate(-50%, -30%);
        -ms-transform: translate(-50%, -30%);
        transform: translate(-50%, -30%); } }
    .page-wrapper .content-header-image .title.left {
      -webkit-transform: translate(-65%, -30%);
      -ms-transform: translate(-65%, -30%);
      transform: translate(-65%, -30%); }
  @media only screen and (min-width: 1024px) {
    .page-wrapper .content-header-image .light {
      color: #000; } }
  @media only screen and (min-width: 1024px) {
    .page-wrapper .content-header-image .dark {
      color: #fff; } }
  .page-wrapper .content-header-image .share ul li a:before {
    opacity: 0.8;
  }

.content-header-no-image {
  padding: 60px 0 0; }
  .content-header-no-image .share ul li a:before {
    opacity: 0.8;
    color: #000; }
  .content-header-no-image .share ul li a:hover {
    margin-top: -3px; }

.content-header {
  margin-top: 16px; }
  @media only screen and (min-width: 768px) {
    .content-header {
      margin-top: 60px; } }
  .content-header .title {
    text-align: center;
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    padding-top: 60px; }
    @media only screen and (min-width: 768px) {
      .content-header .title {
        padding-top: 80px; } }
    .content-header .title.right {
      float: right; }
    .content-header .title.center {
      float: none; }
    .content-header .title.left {
      float: left; }
    .content-header .title h1 {
      display: block;
      line-height: 1em;
      font-weight: bold;
      text-transform: uppercase;
      font-weight: 600;
      letter-spacing: 3px;
      font-size: 22px;
      font-size: 1.375em; }
      @media only screen and (min-width: 768px) {
        .content-header .title h1 {
          width: 100%;
          margin: 0 auto;
          line-height: 1;
          margin-bottom: 20px;
          font-size: 28px;
          font-size: 1.75em; } }
      @media only screen and (min-width: 960px) {
        .content-header .title h1 {
          font-size: 44px;
          font-size: 2.75em; } }
      .content-header .title h1 span {
        display: block;
        font-weight: normal;
        font-size: 9px;
        font-size: 0.5625em; }
        @media only screen and (min-width: 768px) {
          .content-header .title h1 span {
            letter-spacing: .4em;
            font-size: 10px;
            font-size: 0.625em; } }
        @media only screen and (min-width: 960px) {
          .content-header .title h1 span {
            font-size: 11px;
            font-size: 0.6875em; } }
    .content-header .title h2 {
      font-style: italic;
      padding: 0.5em 0; }
      @media only screen and (min-width: 960px) {
        .content-header .title h2 {
          font-size: 24px;
          font-size: 1.5em; } }
    .content-header .title .excerpt {
      display: block;
      width: 80%;
      margin: 0 auto;
      margin-bottom: 0.5em; }
      @media only screen and (min-width: 768px) {
        .content-header .title .excerpt {
          width: 50%; } }
      @media only screen and (min-width: 1024px) {
        .content-header .title .excerpt {
          margin-bottom: 1em; } }
      .content-header .title .excerpt p {
        -webkit-font-smoothing: antialiased;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
        font-family: "adobe-caslon-pro", serif;
        font-weight: 400;
        line-height: 1.2em;
        font-style: normal;
        margin: 0;
        font-size: 16px;
        font-size: 1em; }
        @media only screen and (min-width: 768px) {
          .content-header .title .excerpt p {
            font-size: 18px;
            font-size: 1.125em; } }
        @media only screen and (min-width: 1024px) {
          .content-header .title .excerpt p {
            margin-bottom: 1em;
            font-size: 22px;
            font-size: 1.375em; } }
    .content-header .title .button {
      display: none;
      font-family: "freight-sans-pro", sans-serif;
      background-color: #fff;
      margin: 0 auto 1em;
      padding: 0.75em 0;
      width: 100%;
      max-width: 200px;
      letter-spacing: .1em;
      text-transform: uppercase;
      border-radius: 3px; }
      @media only screen and (min-width: 768px) {
        .content-header .title .button {
          display: block; } }
    .content-header .title .amp-dot {
      background: rgba(255, 255, 255, 0.2);
      display: inline-block;
      border-radius: 50%;
      padding: 10px 8px 0 5px; }
    .content-header .title .share {
      margin: 0;
      display: inline-block;
      border-top: 1px solid rgba(255, 255, 255, 0.6);
      padding: 20px; }
    .content-header-image.light .title .share {
      border-color: #000000;
    }

/* Voices in time */
.node-voices-in-time .voices-wrapper {
  position: relative;
  background: #fff;
  padding-top: 50px;
  margin-top: -50px; }
.node-voices-in-time .article header {
  padding-top: 60px;
  margin-bottom: 30px; }
  @media only screen and (min-width: 768px) {
    .node-voices-in-time .article header {
      margin-bottom: 0; } }
  .node-voices-in-time .article header .title {
    color: #000; }
    .node-voices-in-time .article header .title .info {
      font-weight: 600;
      color: #98918f;
      margin-bottom: 10px;
      font-size: 18px;
      font-size: 1.125em; }
      @media only screen and (min-width: 768px) {
        .node-voices-in-time .article header .title .info {
          font-size: 26px;
          font-size: 1.625em;
          margin-bottom: 30px; } }
      .node-voices-in-time .article header .title .info div, .node-voices-in-time .article header .title .info span {
        display: inline-block; }
      .node-voices-in-time .article header .title .info .seperator {
        position: relative;
        top: -3px; }
    .node-voices-in-time .article header .title .page__title {
      font-weight: 600;
      width: 100%;
      max-width: 500px;
      margin: 0 auto 15px;
      text-transform: none; }
      @media only screen and (min-width: 768px) {
        .node-voices-in-time .article header .title .page__title {
          margin: 0 auto 30px; } }
    .node-voices-in-time .article header .title .excerpt {
      font-size: 22px;
      font-size: 1.375em;
      color: #595959;
      font-family: "adobe-caslon-pro", serif;
      font-weight: 500;
      line-height: 30px;
      font-style: italic; }
    .node-voices-in-time .article header .title .share {
      border-top: 1px solid #98918f; }
      .node-voices-in-time .article header .title .share a:before {
        opacity: 0.8; }
      .node-voices-in-time .article header .title .share a:hover:before {
        opacity: 1; }

.node-essay .pagination, .node-voices-in-time .pagination, .node-type-voices-in-time .pagination {
  border-bottom: none; }
.node-essay .article .content-header .title h1, .node-voices-in-time .article .content-header .title h1, .node-type-voices-in-time .article .content-header .title h1 {
  font-size: 24px;
  font-size: 1.5em;
  letter-spacing: 0px; }
  @media only screen and (min-width: 768px) {
    .node-essay .article .content-header .title h1, .node-voices-in-time .article .content-header .title h1, .node-type-voices-in-time .article .content-header .title h1 {
      font-size: 40px;
      font-size: 2.5em; } }
  @media only screen and (min-width: 1024px) {
    .node-essay .article .content-header .title h1, .node-voices-in-time .article .content-header .title h1, .node-type-voices-in-time .article .content-header .title h1 {
      font-size: 56px;
      font-size: 3.5em; } }
.node-essay .callout-section .callout-header, .node-voices-in-time .callout-section .callout-header, .node-type-voices-in-time .callout-section .callout-header {
  max-width: 700px; }

.node-type-essay p > figcaption {
  margin-bottom: 25px; }

.post .content-header img {
  margin: 0 auto; }
.post .content-header h1 {
  text-transform: uppercase;
  letter-spacing: 0.125em;
  color: #b4b4b4;
  font-size: 22px;
  font-size: 1.375em; }
.post .content-header .article-title {
  font-style: normal;
  line-height: 0;
  font-size: 50px;
  font-size: 3.125em; }
.post .content-header .pub-date {
  color: #a38c78;
  font-style: italic;
  display: block;
  margin-bottom: 20px;
  font-size: 18px;
  font-size: 1.125em; }
.post .content-header .callout-module-header {
  display: block; }
  .post .content-header .callout-module-header .module-icon {
    opacity: 0.4;
    margin-right: 8px; }
  .post .content-header .callout-module-header p {
    border-bottom: none; }
.post .pagination {
  max-width: 1090px;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
  padding: 0 0 30px; }
.post .content-main {
  width: 100%;
  max-width: 1090px;
  margin: 0 auto; }
  .post .content-main .grid {
    justify-content: space-between; }
  .post .content-main .column {
    max-width: 520px;
    margin: 0 auto 80px; }
    .post .content-main .column .column-img {
      position: relative;
      margin-bottom: 30px;
      max-height: 300px; }
      .post .content-main .column .column-img img {
        width: 100%;
        max-height: 100%; }
      .post .content-main .column .column-img .column-year {
        background: rgba(255, 255, 255, 0.8);
        display: block;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
        font-weight: 700;
        color: #000;
        padding: 10px 10px 0 10px;
        font-family: "adobe-caslon-pro", serif;
        font-size: 42px;
        font-size: 2.625em; }
        .post .content-main .column .column-img .column-year div {
          display: inline; }
    .post .content-main .column .column-body {
      padding: 0 20px;
      margin-bottom: 40px; }
      .post .content-main .column .column-body p {
        font-family: "adobe-caslon-pro", serif;
        line-height: 1.5;
        font-size: 18px;
        font-size: 1.125em; }
      .post .content-main .column .column-body a {
        color: #000;
        text-decoration: underline; }
        .post .content-main .column .column-body a:hover {
          text-decoration: none; }
    .post .content-main .column .column-callout {
      width: 90%;
      margin: 0 auto;
      padding: 30px;
      border: 1px solid #000; }
      .post .content-main .column .column-callout p {
        line-height: 1.5;
        margin-bottom: 1.5em; }

.podcast .content-header .title, .daja-vu-main .content-header .title, .article .content-header .title {
  margin: 0 auto 12px;
  padding-top: 40px; }
  @media only screen and (min-width: 768px) {
    .podcast .content-header .title, .daja-vu-main .content-header .title, .article .content-header .title {
      padding-top: 50px;
      margin: 0 auto 32px; } }
  .podcast .content-header .title .excerpt, .daja-vu-main .content-header .title .excerpt, .article .content-header .title .excerpt {
    width: 80%; }
    @media only screen and (min-width: 1024px) {
      .podcast .content-header .title .excerpt, .daja-vu-main .content-header .title .excerpt, .article .content-header .title .excerpt {
        width: 50%; } }
  .podcast .content-header .title h1, .daja-vu-main .content-header .title h1, .article .content-header .title h1 {
    text-transform: inherit;
    letter-spacing: 1px;
    display: inline-block;
    line-height: 1;
    margin-bottom: 10px;
    max-width: 90%;
    font-size: 24px;
    font-size: 1.5em; }
    @media only screen and (min-width: 768px) {
      .podcast .content-header .title h1, .daja-vu-main .content-header .title h1, .article .content-header .title h1 {
        letter-spacing: 1.3;
        font-size: 40px;
        font-size: 2.5em; } }
  .podcast .content-header .title h2, .daja-vu-main .content-header .title h2, .article .content-header .title h2 {
    color: #98918f;
    font-size: 14px;
    font-size: 0.875em; }
    @media only screen and (min-width: 768px) {
      .podcast .content-header .title h2, .daja-vu-main .content-header .title h2, .article .content-header .title h2 {
        font-size: 22px;
        font-size: 1.375em; } }
    @media only screen and (min-width: 1024px) {
      .podcast .content-header .title h2, .daja-vu-main .content-header .title h2, .article .content-header .title h2 {
        font-size: 24px;
        font-size: 1.5em; } }
    .podcast .content-header .title h2 strong, .daja-vu-main .content-header .title h2 strong, .article .content-header .title h2 strong {
      font-style: normal; }
.podcast .content-header p, .daja-vu-main .content-header p, .article .content-header p {
  font-size: 16px;
  font-size: 1em;
  letter-spacing: 0.01em;
  display: block;
  margin-bottom: 20px; }
  @media only screen and (min-width: 768px) {
    .podcast .content-header p, .daja-vu-main .content-header p, .article .content-header p {
      font-size: 20px;
      font-size: 1.25em; } }

.podcast-wrapper {
  width: 100%;
  max-width: 1090px;
  margin: 0 auto; }

.deja-vu-main {
  width: 100%;
  max-width: 1050px;
  margin: 0 auto; }
  .deja-vu-main .views-row-1 {
    margin: 0 0 25px;
    width: 100%; }
  .deja-vu-main .content-header {
    padding-top: 60px; }
    .deja-vu-main .content-header .title h1 {
      text-transform: none;
      color: #a38c78;
      margin-bottom: 0;
      font-size: 46px;
      font-size: 2.875em; }
      @media only screen and (min-width: 768px) {
        .deja-vu-main .content-header .title h1 {
          font-size: 99px;
          font-size: 6.1875em; } }
    .deja-vu-main .content-header .title h2 {
      color: #000;
      margin: 0; }
    .deja-vu-main .content-header .title p {
      display: block;
      position: relative;
      top: -30px;
      font-style: italic;
      font-family: "adobe-caslon-pro", serif;
      font-size: 26px;
      font-size: 1.625em; }
      @media only screen and (min-width: 768px) {
        .deja-vu-main .content-header .title p {
          top: -50px; } }
  .deja-vu-main .space-out {
    justify-content: space-between;
    align-content: space-between; }
  .deja-vu-main.article .form-item-field-time-period-tid {
    padding-bottom: 0; }
  .deja-vu-main .basic-image-block {
    overflow: hidden; }

.callout-section .deja-vu-main .views-row-1 {
  margin: 0;
  width: auto; }

.roundtable .article .content-header, .world-in-time .article .content-header, .lq-pod .article .content-header {
  padding-top: 80px; }
  .roundtable .article .content-header .title h1, .world-in-time .article .content-header .title h1, .lq-pod .article .content-header .title h1 {
    display: inline;
    position: relative;
    z-index: 9;
    text-transform: none;
    font-size: 55px;
    font-size: 3.4375em; }
    @media only screen and (min-width: 768px) {
      .roundtable .article .content-header .title h1, .world-in-time .article .content-header .title h1, .lq-pod .article .content-header .title h1 {
        font-size: 78px;
        font-size: 4.875em; } }
    .roundtable .article .content-header .title h1:after, .world-in-time .article .content-header .title h1:after, .lq-pod .article .content-header .title h1:after {
      content: "";
      width: 200px;
      height: 1px;
      background: #b4b4b4;
      display: block;
      margin: 0 auto;
      opacity: 0.6;
      position: relative;
      top: -10px; }
      @media only screen and (min-width: 768px) {
        .roundtable .article .content-header .title h1:after, .world-in-time .article .content-header .title h1:after, .lq-pod .article .content-header .title h1:after {
          width: 350px; } }

.lq-pod .article .content-header .title h1:before {
  content: "";
  height: 1px;
  background: #b4b4b4;
  display: block;
  margin: 0 auto;
  opacity: 0.6;
  position: relative;
  width: 50px;
  top: 46px;
  left: -125px; }
  @media only screen and (min-width: 768px) {
    .lq-pod .article .content-header .title h1:before {
      width: 80px;
      top: 68px;
      left: -165px; } }
.lq-pod .article .content-header .title h1:after {
  width: 180px;
  position: relative;
  top: -11px;
  left: 45px; }
  @media only screen and (min-width: 768px) {
    .lq-pod .article .content-header .title h1:after {
      width: 260px;
      left: 65px; } }

.contributors .content-header .title h1 {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 28px;
  font-size: 1.75em; }
  @media only screen and (min-width: 768px) {
    .contributors .content-header .title h1 {
      font-size: 40px;
      font-size: 2.5em; } }
.contributors .field-type-number-integer {
  display: inline-block;
  color: #f5f4f2;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875em; }
.contributors .filter-page-header .view-filters .views-exposed-widgets .views-widget-filter-field_issues_contributed_target_id {
  position: absolute;
  right: 0;
  top: 0; }
.contributors .filter-page-header .view-filters form {
  float: left; }

.single-contributor .inline-image-block {
  width: 100%;
  max-width: 90%; }
  @media only screen and (min-width: 768px) {
    .single-contributor .inline-image-block {
      max-width: 700px;
      padding-bottom: 60px; } }
  .single-contributor .inline-image-block:hover {
    cursor: auto; }
    .single-contributor .inline-image-block:hover .img-left img, .single-contributor .inline-image-block:hover .img-right img {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
.single-contributor .content-header {
  padding-top: 40px; }
  .single-contributor .content-header .title {
    padding-top: 25px;
    margin-bottom: 40px; }
    @media only screen and (min-width: 768px) {
      .single-contributor .content-header .title {
        padding-top: 45px; } }
    .single-contributor .content-header .title h1 {
      font-size: 22px;
      font-size: 1.375em; }
      .single-contributor .content-header .title h1 a {
        color: #b4b4b4;
        text-transform: uppercase;
        margin-bottom: 5px;
        letter-spacing: 0.075em;
        line-height: 1.5;
        text-decoration: none; }
  .single-contributor .content-header .single-contributor-content {
    text-align: left; }
    .single-contributor .content-header .single-contributor-content h2 {
      font-size: 30px;
      font-size: 1.875em;
      font-style: normal;
      font-weight: 600;
      line-height: 1;
      text-align: left;
      padding: 5px 0 0;
      display: block; }
      @media only screen and (min-width: 768px) {
        .single-contributor .content-header .single-contributor-content h2 {
          font-size: 50px;
          font-size: 3.125em; } }
      .single-contributor .content-header .single-contributor-content h2 span {
        font-weight: 900; }
    .single-contributor .content-header .single-contributor-content .pub-date {
      font-family: "adobe-caslon-pro", serif;
      display: inline-block;
      font-weight: 500;
      color: #a38c78;
      font-style: italic;
      text-align: left;
      border-bottom: 1px solid #b4b4b4;
      margin: 0;
      font-size: 26px;
      font-size: 1.625em; }
    .single-contributor .content-header .single-contributor-content .share {
      border-top: none;
      display: block;
      text-align: left;
      padding: 0;
      margin-bottom: 20px; }
  .single-contributor .content-header .img-left {
    margin-bottom: 20px; }
    @media only screen and (min-width: 768px) {
      .single-contributor .content-header .img-left {
        margin-bottom: 0;
        padding-right: 25px; } }
    .single-contributor .content-header .img-left img {
      width: 100%;
      max-width: 400px;
      margin: 0 auto; }
  @media only screen and (min-width: 1024px) {
    .single-contributor .content-header .contributor-main {
      width: 50%;
      float: left; } }
  .single-contributor .content-header .contributor-main.full {
    width: 100%; }
.single-contributor .inline-image-block {
  text-align: left; }
  .single-contributor .inline-image-block p.text, .single-contributor .inline-image-block p {
    line-height: 1.5;
    color: #000;
    font-style: normal;
    font-size: 18px;
    font-size: 1.125em; }
    .single-contributor .inline-image-block p.text a, .single-contributor .inline-image-block p a {
      color: #000;
      text-decoration: underline;
      padding: 0;
      }
      .single-contributor .inline-image-block p.text a:hover, .single-contributor .inline-image-block p a:hover {
        text-decoration: none; }

@media only screen and (min-width: 768px) {
  .roundtable-wrapper .block {
    padding: 20px 35px; } }
.roundtable-wrapper .block .module-content {
  width: 100%;
  padding: 20px 15px;
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
  .roundtable-wrapper .block .module-content .img-left {
    margin: 0 20px 0 0; }
.roundtable-wrapper .block:hover .module-content {
  background: rgba(245, 244, 242, 0.4); }
@media only screen and (min-width: 768px) {
  .roundtable-wrapper .feature .module-content {
    width: 50%; } }
.roundtable-wrapper .content-header .title {
  margin-bottom: 50px; }
  .roundtable-wrapper .content-header .title h1 {
    line-height: 0.5;
    font-size: 82px;
    font-size: 5.125em; }
  .roundtable-wrapper .content-header .title p {
    color: #000000;
    font-style: italic;
    font-size: 22px;
    font-size: 1.375em; }
    .roundtable-wrapper .content-header .title p strong {
      font-style: normal; }
.roundtable-wrapper .filter-page-header {
  max-width: 900px; }
.roundtable-wrapper .img-left img {
  width: 100%; }
.roundtable-wrapper .top-image-block {
  border-top: 1px solid #b4b4b4; }
  .roundtable-wrapper .top-image-block p {
    font-size: 18px;
    font-size: 1.125em; }
  .roundtable-wrapper .top-image-block .module-pub-date {
    font-size: 15px;
    font-size: 0.9375em; }
  .roundtable-wrapper .top-image-block.large .img-top {
    margin-bottom: 40px; }
  .roundtable-wrapper .top-image-block.large h1 {
    font-size: 24px;
    font-size: 1.5em; }
    @media only screen and (min-width: 768px) {
      .roundtable-wrapper .top-image-block.large h1 {
        font-size: 32px;
        font-size: 2em; } }
  .roundtable-wrapper .top-image-block.large .author {
    font-size: 16px;
    font-size: 1em; }
    @media only screen and (min-width: 768px) {
      .roundtable-wrapper .top-image-block.large .author {
        font-size: 20px;
        font-size: 1.25em; } }
    .roundtable-wrapper .top-image-block.large .author a {
      color: #c8b6a5;
      text-decoration: none;
      border-bottom: 1px solid transparent;
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
      display: inline-block;
      line-height: 16px; }
      .roundtable-wrapper .top-image-block.large .author a:hover {
        border-bottom: 1px solid #c8b6a5; }
  .roundtable-wrapper .top-image-block.large .share {
    display: block;
    text-align: left;
    padding-top: 5px;
    padding-left: 0; }
    @media only screen and (min-width: 768px) {
      .roundtable-wrapper .top-image-block.large .share {
        padding-left: 20px;
        padding-top: 0;
        display: inline-block;
        text-align: center; } }
.roundtable-wrapper > div:last-of-type .top-image-block {
  border-bottom: 1px solid transparent; }
.roundtable-wrapper .inline-image-block {
  margin-bottom: 0; }
  .roundtable-wrapper .inline-image-block.large {
    width: 100%;
    max-width: 800px;
    border-top: 1px solid #b4b4b4; }
    @media only screen and (min-width: 768px) {
      .roundtable-wrapper .inline-image-block.large {
        padding: 20px 30px; } }
    .roundtable-wrapper .inline-image-block.large .img-left {
      margin-bottom: 20px; }
      @media only screen and (min-width: 768px) {
        .roundtable-wrapper .inline-image-block.large .img-left {
          margin-bottom: 10px; } }
    .roundtable-wrapper .inline-image-block.large .module-pub-date {
      font-weight: 600;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #b4b4b4;
      font-family: "freight-sans-pro", sans-serif;
      margin-bottom: 15px;
      line-height: 1;
      font-size: 14px;
      font-size: 0.875em; }
    .roundtable-wrapper .inline-image-block.large h1 {
      font-weight: 900;
      line-height: 1.1;
      margin-bottom: 0;
      font-size: 24px;
      font-size: 1.5em; }
      @media only screen and (min-width: 768px) {
        .roundtable-wrapper .inline-image-block.large h1 {
          font-size: 32px;
          font-size: 2em; } }
    .roundtable-wrapper .inline-image-block.large .author {
      display: inline-block;
      font-weight: 300;
      font-size: 16px;
      font-size: 1em; }
      @media only screen and (min-width: 768px) {
        .roundtable-wrapper .inline-image-block.large .author {
          font-size: 20px;
          font-size: 1.25em; } }
      .roundtable-wrapper .inline-image-block.large .author a {
        text-decoration: none;
        color: #c8b6a5; }
        .roundtable-wrapper .inline-image-block.large .author a:hover {
          text-decoration: underline; }
    .roundtable-wrapper .inline-image-block.large .share {
      display: block;
      text-align: left;
      margin-top: 0;
      padding: 0;
      margin-bottom: 15px; }
      @media only screen and (min-width: 768px) {
        .roundtable-wrapper .inline-image-block.large .share {
          display: inline-block;
          text-align: center;
          padding-left: 20px; } }
    .roundtable-wrapper .inline-image-block.large p {
      font-family: "adobe-caslon-pro", serif;
      line-height: 1.45;
      font-size: 18px;
      font-size: 1.125em; }
  .roundtable-wrapper .inline-image-block.feature {
    max-width: 800px;
    background: #f5f4f2;
    border-top: none;
    border-bottom: none;
    margin-bottom: 35px; }
    @media only screen and (min-width: 768px) {
      .roundtable-wrapper .inline-image-block.feature {
        padding: 20px; } }
    @media only screen and (min-width: 768px) {
      .roundtable-wrapper .inline-image-block.feature .module-content {
        padding: 0px 50px 0 30px; } }
    .roundtable-wrapper .inline-image-block.feature .module-content .module-pub-date {
      font-weight: 500;
      text-transform: uppercase;
      color: #b4b4b4;
      font-family: "freight-sans-pro", sans-serif;
      margin-bottom: 20px;
      line-height: 1;
      font-size: 16px;
      font-size: 1em; }
    .roundtable-wrapper .inline-image-block.feature .module-content h1 {
      font-size: 30px;
      font-size: 1.875em;
      line-height: 1.1;
      margin-bottom: 0; }
      @media only screen and (min-width: 768px) {
        .roundtable-wrapper .inline-image-block.feature .module-content h1 {
          font-size: 50px;
          font-size: 3.125em; } }
    .roundtable-wrapper .inline-image-block.feature .module-content .author {
      display: inline-block;
      font-weight: 400;
      font-size: 18px;
      font-size: 1.125em; }
      @media only screen and (min-width: 768px) {
        .roundtable-wrapper .inline-image-block.feature .module-content .author {
          font-size: 24px;
          font-size: 1.5em; } }
    .roundtable-wrapper .inline-image-block.feature .module-content p {
      font-family: "adobe-caslon-pro", serif;
      line-height: 1.5;
      display: block;
      font-size: 18px;
      font-size: 1.125em; }
    .roundtable-wrapper .inline-image-block.feature .module-content .read-more {
      margin: 20px 0;
      display: block;
      text-decoration: none;
      border-bottom: 1px solid #c8b6a5;
      display: inline-block;
      padding-bottom: 0;
      font-size: 14px;
      font-size: 0.875em; }
    .roundtable-wrapper .inline-image-block.feature .share {
      display: block;
      text-align: left;
      padding-top: 0;
      margin-top: 0; }
      @media only screen and (min-width: 768px) {
        .roundtable-wrapper .inline-image-block.feature .share {
          text-align: center;
          display: inline-block;
          padding-left: 20px; } }
    .roundtable-wrapper .inline-image-block.feature.inline-image-block.no-image .module-content {
      width: 100%; }
.roundtable-wrapper p {
  display: block; }
.roundtable-wrapper .read-more {
  margin: 20px 0;
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #c8b6a5;
  display: inline-block;
  padding-bottom: 0;
  font-size: 14px;
  font-size: 0.875em;
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
  .roundtable-wrapper .read-more:hover {
    border-bottom: 1px solid transparent; }
.roundtable-wrapper .split-box-module-content .read-more {
  border-bottom: none; }
  .roundtable-wrapper .split-box-module-content .read-more:hover {
    border-bottom: none; }
    .roundtable-wrapper .split-box-module-content .read-more:hover a {
      border-bottom: none; }
.roundtable-wrapper .share a:before {
  color: #c8b6a5;
  opacity: 0.6;
  font-size: 18px;
  font-size: 1.125em;
  transition: all 0.5s ease-out; }
.roundtable-wrapper .share a:hover:before {
  opacity: 1; }
.roundtable-wrapper .img-top {
  margin-bottom: 20px; }
  @media only screen and (min-width: 768px) {
    .roundtable-wrapper .img-top {
      margin-bottom: 40px; } }

.roundtable-single {
  padding-bottom: 50px; }
  .roundtable-single .sub-head {
    color: #98918f;
    font-family: "adobe-caslon-pro", serif;
    font-weight: 500;
    line-height: 30px;
    font-size: 22px;
    font-size: 1.375em; }
  .roundtable-single .content-header-image .sub-head {
    color: #000000;
  }
    @media only screen and (min-width: 768px) {
      .roundtable-single .sub-head {
        width: 70%;
        margin: 0 auto; } }
  }
  }
  .roundtable-single .field-type-image figcaption {
    display: none !important; }
  .roundtable-single .module-content .field img {
    margin-bottom: 0; }
  .roundtable-single .module-content .field figcaption {
    display: block;
    padding: 10px;
    color: #a99482;
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    background: rgba(234, 228, 223, 0.8);
    font-weight: 500;
    /*font-size: 15px;*/
    margin-bottom: 30px; }
    .roundtable-single .module-content .field figcaption span {
      font-family: "freight-sans-pro", sans-serif;
      letter-spacing: 2px;
      font-weight: 500;
      /*font-size: 15px;*/
      /*font-size: 0.9375em;*/
       }
    .roundtable-single .module-content .field figcaption p {
      display: inline;
      padding-left: 3px;
      /*font-size: 15px; */
    }
    .roundtable-single .module-content .field figcaption a {
      color: #000;
      text-decoration: underline;
      display: inline-block;
      line-height: 1;
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
      .roundtable-single .module-content .field figcaption a:hover {
        text-decoration: none; }

.callout-section .roundtable-wrapper .block {
  padding: 0; }

.article .title {
  padding-top: 60px; }

.about .content-header {
  padding-top: 65px;
  top: 0;
  margin-top: 0; }
  @media only screen and (min-width: 768px) {
    .about .content-header {
      padding-top: 45px; } }
@media only screen and (min-width: 1024px) {
  .about .content-header-image img {
    min-height: 480px;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); } }
.about .content-header-image .basic-page-heading {
  position: absolute;
  width: 100%;
  z-index: 99;
  top: calc(50% + 65px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .about .content-header-image .basic-page-heading {
      max-width: 55%;
      top: calc(50% + 45px); } }
  .about .content-header-image .basic-page-heading blockquote {
    color: #fff;
    font-size: 14px;
    font-size: 0.875em; }
    @media only screen and (min-width: 768px) {
      .about .content-header-image .basic-page-heading blockquote {
        font-size: 22px;
        font-size: 1.375em; } }
    .about .content-header-image .basic-page-heading blockquote h1 {
      font-weight: 700;
      margin-bottom: 40px;
      line-height: 1.25;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
      display: block;
      font-weight: 600; }
    .about .content-header-image .basic-page-heading blockquote h2 {
      display: inline-block;
      color: #f5f4f2;
      font-family: "freight-sans-pro", sans-serif;
      text-transform: uppercase;
      font-weight: 400;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); }
      .about .content-header-image .basic-page-heading blockquote h2
      a {
        font-family: "freight-sans-pro", sans-serif;
        color: #f5f4f2;
        text-transform: uppercase;
        line-height: 1;
        font-weight: 600;
        font-style: normal;
        border-bottom: 1px solid #b4b4b4;
        font-size: 24px;
        font-size: 1.5em; }
.about .basic-page {
  position: relative;
  background: #fff;
  z-index: 12;
  padding-top: 50px; }
  .about .basic-page .basic-page-inline-nav {
    width: 100%;
    max-width: 700px;
    margin: 0 auto; }
    .about .basic-page .basic-page-inline-nav ul {
      border-bottom: 1px solid #000;
      margin-bottom: 40px; }
      .about .basic-page .basic-page-inline-nav ul li {
        margin-bottom: 10px; }
        .about .basic-page .basic-page-inline-nav ul li a {
          display: inline-block;
          color: #98918f;
          font-weight: 500;
          text-transform: uppercase;
          text-decoration: none;
          font-family: "freight-sans-pro", sans-serif;
          letter-spacing: 1px;
          border-bottom: 1px solid transparent;
          transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
          font-size: 12px;
          font-size: 0.75em; }
          @media only screen and (min-width: 768px) {
            .about .basic-page .basic-page-inline-nav ul li a {
              font-size: 14px;
              font-size: 0.875em; } }
          .about .basic-page .basic-page-inline-nav ul li a:hover {
            border-bottom: 1px solid #98918f; }
          .about .basic-page .basic-page-inline-nav ul li a.active {
            color: #000; }
            .about .basic-page .basic-page-inline-nav ul li a.active:hover {
              border-bottom: 1px solid #000; }
  .about .basic-page .basic-page-content {
    margin: 0 auto;
    width: 90%;
    max-width: 700px;
    padding-bottom: 50px; }
    @media only screen and (min-width: 768px) {
      .about .basic-page .basic-page-content {
        width: 100%; } }
    .about .basic-page .basic-page-content p {
      line-height: 1.5;
      font-size: 20px;
      font-size: 1.25em; }
      .about .basic-page .basic-page-content p:first-of-type {
        font-size: 24px;
        font-size: 1.5em; }
        .about .basic-page .basic-page-content p:first-of-type strong {
          font-weight: 900;
          display: inline-block; }
    .about .basic-page .basic-page-content a {
      word-break: break-word;
      color: #000; }
      .about .basic-page .basic-page-content a:hover {
        text-decoration: none; }
  .about .basic-page .basic-page-inner-block {
    background: #eae4df;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    padding: 30px 20px; }
    .about .basic-page .basic-page-inner-block .inner-block-main-heading {
      text-align: center;
      display: block;
      margin: 0 auto; }
      .about .basic-page .basic-page-inner-block .inner-block-main-heading span {
        font-weight: 600;
        color: #a38c78;
        text-align: center;
        margin: 0 auto;
        font-size: 38px;
        font-size: 2.375em; }
    .about .basic-page .basic-page-inner-block .inner-block-heading {
      padding: 10px 0;
      border-bottom: 1px solid #000;
      margin-bottom: 30px; }
      .about .basic-page .basic-page-inner-block .inner-block-heading h1 {
        font-weight: 600;
        letter-spacing: 2px;
        color: #b4b4b4;
        text-transform: uppercase;
        font-family: "freight-sans-pro", sans-serif;
        font-size: 14px;
        font-size: 0.875em; }
    .about .basic-page .basic-page-inner-block .inner-block-content {
      padding-bottom: 10px; }
      .about .basic-page .basic-page-inner-block .inner-block-content p {
        font-family: "adobe-caslon-pro", serif;
        line-height: 1.5;
        margin-bottom: 0.5em; }
      .about .basic-page .basic-page-inner-block .inner-block-content a {
        color: #000;
        text-decoration: none;
        font-weight: 600; }
  .about .basic-page .field-collection-container {
    border: 0;
    margin: 0; }
  .about .basic-page .field-collection-view {
    border: 0;
    margin: 0;
    padding: 0; }

.page-events #page {
  margin-top: -18px; }

.event-page .content-header {
  padding-top: 70px;
  margin-bottom: 35px; }
  .event-page .content-header .title h1 {
    display: inline-block;
    text-transform: uppercase;
    vertical-align: text-top;
    letter-spacing: 4px;
    font-size: 26px;
    font-size: 1.625em; }
    @media only screen and (min-width: 768px) {
      .event-page .content-header .title h1 {
        font-size: 44px;
        font-size: 2.75em; } }
    .event-page .content-header .title h1 span {
      background: #f5f4f2;
      vertical-align: top;
      display: inline-block;
      padding: 10px;
      margin: -13px 0px 0;
      width: 40px;
      border-radius: 50px; }
      @media only screen and (min-width: 768px) {
        .event-page .content-header .title h1 span {
          padding: 15px;
          margin: -22px 10px 0;
          width: 70px; } }
.event-page .event-block-large {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 30px;
  padding: 20px;
  background: #f5f4f2; }
  @media only screen and (min-width: 768px) {
    .event-page .event-block-large {
      margin: 0 auto 60px; } }
  .event-page .event-block-large .field-name-field-image {
    background: #eae4df; }
  .event-page .event-block-large .event-block-container {
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .event-page .event-block-large .event-block-container {
        width: 80%; } }
    .event-page .event-block-large .event-block-container .event-block-heading .date-display-single {
      color: #424242;
      text-transform: uppercase;
      font-family: "freight-sans-pro", sans-serif;
      margin-bottom: 20px;
      font-size: 14px;
      font-size: 0.875em; }
    .event-page .event-block-large .event-block-container .event-block-heading h1 {
      font-weight: 600;
      margin-bottom: 10px;
      font-size: 40px;
      font-size: 2.5em; }
      .event-page .event-block-large .event-block-container .event-block-heading h1 a {
        color: #000;
        text-decoration: none; }
    .event-page .event-block-large .event-block-container .event-block-heading .callout-module-header img {
      display: inline-block;
      opacity: 0.4;
      position: relative;
      top: 4px;
      margin-right: 6px; }
    .event-page .event-block-large .event-block-container figcaption {
      display: block;
      padding: 10px;
      color: #a99482;
      width: 100%;
      max-width: 1090px;
      margin: 0 auto;
      background: rgba(234, 228, 223, 0.8);
      font-weight: 500;
      /*font-size: 15px;*/
      /*font-size: 0.9375em;*/
      margin-bottom: 30px; }
      .event-page .event-block-large .event-block-container figcaption span {
        font-family: "freight-sans-pro", sans-serif;
        letter-spacing: 2px;
        font-weight: 500;
        /*font-size: 15px;*/
        /*font-size: 0.9375em; */
      }
      .event-page .event-block-large .event-block-container figcaption p {
        display: inline;
        /*font-size: 16px;*/
        /*font-size: 1em; */
      }
      .event-page .event-block-large .event-block-container figcaption a {
        color: #000;
        text-decoration: underline;
        display: inline-block;
        line-height: 1;
        transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
        .event-page .event-block-large .event-block-container figcaption a:hover {
          text-decoration: none; }
    .event-page .event-block-large .event-block-container .event-block-content {
      margin-bottom: 20px; }
      .event-page .event-block-large .event-block-container .event-block-content img {
        width: 100%;
        margin-bottom: 20px; }
      .event-page .event-block-large .event-block-container .event-block-content .excerpt-wrapper {
        margin-bottom: 20px; }
        .event-page .event-block-large .event-block-container .event-block-content .excerpt-wrapper p {
          color: #000;
          line-height: 1.5;
          display: inline;
          font-size: 18px;
          font-size: 1.125em; }
        .event-page .event-block-large .event-block-container .event-block-content .excerpt-wrapper a {
          color: #000;
          text-decoration: none;
          font-weight: 600; }
        .event-page .event-block-large .event-block-container .event-block-content .excerpt-wrapper .read-more {
          color: #a38c78;
          margin-left: 6px;
          padding-bottom: 0;
          border-bottom: 1px solid #a38c78; }
    .event-page .event-block-large .event-block-container .button-two {
      margin-bottom: 20px; }
      @media only screen and (min-width: 768px) {
        .event-page .event-block-large .event-block-container .button-two {
          margin-bottom: 30px; } }
      .event-page .event-block-large .event-block-container .button-two a {
        font-weight: 400;
        font-family: "freight-sans-pro", sans-serif;
        letter-spacing: 1px;
        background: #fff;
        padding: 5px 15px;
        color: #000;
        text-transform: uppercase;
        margin-bottom: 0;
        font-size: 12px;
        font-size: 0.75em;
        border-radius: 3px;
        box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
        transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
        .event-page .event-block-large .event-block-container .button-two a:hover {
          box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.25); }
        .event-page .event-block-large .event-block-container .button-two a:active {
          box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.25); }
    .event-page .event-block-large .event-block-container .share {
      text-align: left; }
  .event-page .event-block-large:hover h1 {
    text-decoration: underline; }
.event-page .callout-module-header {
  margin-bottom: 20px; }
.event-page .event-filter-contain {
  text-transform: uppercase;
  height: 50px;
  border-bottom: 1px solid #000;
  margin-bottom: 20px; }
  .event-page .event-filter-contain .event-filter-inner-contain {
    float: right; }
  .event-page .event-filter-contain .event-filter-label {
    display: inline;
    margin-right: 10px;
    font-family: "freight-sans-pro", sans-serif;
    font-size: 14px;
    font-size: 0.875em; }
  .event-page .event-filter-contain .event-filter {
    color: #000;
    font-family: "freight-sans-pro", sans-serif;
    text-decoration: none;
    background-color: #dfd7d0;
    border-radius: 5px;
    display: inline;
    letter-spacing: 2px;
    padding: 10px 10px 10px 10px;
    cursor: pointer;
    font-size: 12px;
    font-size: 0.75em;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
    .event-page .event-filter-contain .event-filter.active {
      background-color: rgba(223, 215, 208, 0.5); }
    .event-page .event-filter-contain .event-filter:hover {
      background-color: rgba(223, 215, 208, 0.35); }
    @media only screen and (min-width: 768px) {
      .event-page .event-filter-contain .event-filter {
        background-color: transparent; } }
  @media only screen and (min-width: 768px) {
    .event-page .event-filter-contain .upcoming {
      background-position: 10px 7px;
      background-repeat: no-repeat;
      background-image: url(../images/ticket.png);
      padding-left: 40px; } }
  @media only screen and (min-width: 768px) {
    .event-page .event-filter-contain .past {
      padding-left: 40px;
      background-image: url(../images/bars.png);
      background-position: 11px 11px;
      background-repeat: no-repeat; } }

.events-grid > div {
  max-width: 334px; }

.feature .events-grid > div {
  margin: 0 auto;
  max-width: 900px; }

.event-list .event-list-container {
  width: 100%;
  max-width: 1090px;
  margin: 0 auto; }

.single-podcast .content-header .title, .single-event .content-header .title {
  padding-top: 70px; }
.roundtable-single .content-header .title, .single-event .content-header .title {
  padding-top: 20px;
}
  @media only screen and (min-width: 768px) {
    .single-podcast .content-header .title, .single-event .content-header .title, .roundtable-single .content-header .title {
      padding-top: 140px; } }
  .single-podcast .content-header .title h1, .single-event .content-header .title h1, .roundtable-single .content-header .title h1 {
    font-size: 18px;
    font-size: 1.125em;
    color: #98918f;
    text-transform: uppercase;
    letter-spacing: 1px; }
    .roundtable-single .content-header-image.light .title h1 {
      color: #000000;
    }
    @media only screen and (min-width: 768px) {
      .single-podcast .content-header .title h1, .single-event .content-header .title h1, .roundtable-single .content-header .title h1 {
        font-size: 22px;
        font-size: 1.375em; } }
    .single-podcast .content-header .title h1 a, .single-event .content-header .title h1 a, .roundtable-single .content-header .title h1 a {
      text-decoration: none;
      color: #98918f;
      opacity: 0.8;
      display: inline-block;
      border-bottom: 1px solid transparent;
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
      .roundtable-single .content-header-image.light .title h1 a {
        color: #000000;
      }
      .roundtable-single .content-header.dark .title h1 a {
        color: #ffffff;
      }
      .single-podcast .content-header .title h1 a:hover, .single-event .content-header .title h1 a:hover, .roundtable-single .content-header .title h1 a:hover {
        border-bottom: 1px solid #98918f;
        opacity: 1; }
      .roundtable-single .content-header-image.light .title h1 a:hover {
        border-color: #000000;
      }
  .single-podcast .content-header .title h2, .single-event .content-header .title h2, .roundtable-single .content-header .title h2 {
    line-height: 1;
    font-style: normal;
    padding: 0.3em 0;
    color: #000;
    font-size: 30px;
    font-size: 1.875em; }
    .roundtable-single .content-header.dark .title h2 {
      color: #ffffff;
    }
    @media only screen and (min-width: 768px) {
      .single-podcast .content-header .title h2, .single-event .content-header .title h2, .roundtable-single .content-header .title h2 {
        /*font-size: 50px;*/
        font-size: 2.75em; } }
    .single-podcast .content-header .title h2 span, .single-event .content-header .title h2 span, .roundtable-single .content-header .title h2 span {
      font-weight: 900; }
    .single-podcast .content-header .title h2 a, .single-event .content-header .title h2 a, .roundtable-single .content-header .title h2 a {
      color: #000;
      text-decoration: none; }
  .single-podcast .content-header .title .author, .single-event .content-header .title .author, .roundtable-single .content-header .title .author {
    display: block; }
    .single-podcast .content-header .title .author a, .single-event .content-header .title .author a, .roundtable-single .content-header .title .author a {
      display: inline-block;
      color: #a38c78;
      text-decoration: none;
      border-bottom: 1px solid transparent; }
    .roundtable-single .content-header-image.light .title .author a {
      color: #000000;
    }

      .single-podcast .content-header .title .author a:hover, .single-event .content-header .title .author a:hover, .roundtable-single .content-header .title .author a:hover {
        border-bottom: 1px solid #a38c78; }
      .roundtable-single .content-header-image.light .title .author a:hover {
        border-color: #000000;
      }
.single-podcast .content-header .pub-date, .single-event .content-header .pub-date, .roundtable-single .content-header .pub-date {
  font-family: "freight-sans-pro", sans-serif;
  font-weight: 500;
  color: #6F6F6F;
  letter-spacing: 1px;
  font-style: normal;
  font-size: 16px;
  font-size: 1em; }
.roundtable-single .content-header-image.light .pub-date {
  color: #000000;
}
  .single-podcast .content-header .pub-date .module-icon, .single-event .content-header .pub-date .module-icon, .roundtable-single .content-header .pub-date .module-icon {
    display: inline-block;
    margin-right: 15px;
    opacity: 0.4;
    position: relative;
    top: 3px; }
.single-podcast .content-header .share, .single-event .content-header .share, .roundtable-single .content-header .share {
  padding: 15px; }
  .single-podcast .content-header .share a:before, .single-event .content-header .share a:before, .roundtable-single .content-header .share a:before {
    color: #98918f;
    opacity: 0.6;
    transition: all 0.5s ease-out; }
  .content-header-image.light .share a:before {
    color: #000000;
  }
  .content-header.dark .share a:before {
    color: #ffffff;
  }
  .single-podcast .content-header .share a:hover:before, .single-event .content-header .share a:hover:before, .roundtable-single .content-header .share a:hover:before {
    opacity: 1; }
.single-podcast .top-image-block, .single-event .top-image-block, .roundtable-single .top-image-block {
  width: 95%;
  max-width: 700px; }
  @media only screen and (min-width: 768px) {
    .single-podcast .top-image-block, .single-event .top-image-block, .roundtable-single .top-image-block {
      width: 100%; } }
  @media only screen and (min-width: 768px) {
    .single-podcast .top-image-block .img-top, .single-event .top-image-block .img-top, .roundtable-single .top-image-block .img-top {
      margin-bottom: 20px; } }
.single-podcast .grid, .single-event .grid, .roundtable-single .grid {
  margin: 0 auto;
  width: 95%; }
  @media only screen and (min-width: 768px) {
    .single-podcast .grid, .single-event .grid, .roundtable-single .grid {
      width: 100%; } }
.single-podcast .book, .single-event .book, .roundtable-single .book {
  margin-top: 40px; }
  .single-podcast .book h1, .single-event .book h1, .roundtable-single .book h1 {
    font-family: "freight-sans-pro", sans-serif;
    color: #c8b6a5;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 16px;
    font-size: 1em; }
  .roundtable-single .book h1 {
    color: #000000;
  }
  .single-podcast .book h2, .single-event .book h2, .roundtable-single .book h2 {
    color: #c8b6a5;
    font-weight: 600;
    margin-bottom: 40px;
    font-size: 18px;
    font-size: 1.125em; }
  .roundtable-single .book h2 {
    color: #000000;
  }
  .single-podcast .book img, .single-event .book img, .roundtable-single .book img {
    border-top: 1px solid rgba(200, 182, 165, 0.5);
    padding-top: 40px;
    margin: 0;
    margin-bottom: 20px;
    max-width: 250px; }
.single-podcast .basic-content, .single-event .basic-content, .roundtable-single .basic-content {
  margin-bottom: 0; }

.single-podcast figure.column-img, .roundtable-single figure.column-img {
  max-height: none !important; }

.view-map-issue-content {
  max-width: 692px;
  margin: 0 auto; }
  @media only screen and (min-width: 768px) {
    .view-map-issue-content {
      margin: 0; } }
  .view-map-issue-content > div {
    width: 100%; }
    .view-map-issue-content > div > div {
      width: 100%;
      max-width: 692px; }

.view-miscellany-issue-content .grid {
  margin: 0 auto;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .view-miscellany-issue-content .grid {
      width: 96%; } }

.list-view .view-map-issue-content {
  margin: 0 auto 35px; }

.map, .charts-and-graphs {
  padding-bottom: 100px; }
  .map .content-header .title h1, .charts-and-graphs .content-header .title h1 {
    color: #98918f;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 22px;
    font-size: 1.375em; }
    .map .content-header .title h1 a, .charts-and-graphs .content-header .title h1 a {
      color: #98918f;
      display: inline-block;
      text-transform: uppercase;
      letter-spacing: 1px;
      border-bottom: 1px solid transparent;
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
      .map .content-header .title h1 a:hover, .charts-and-graphs .content-header .title h1 a:hover {
        border-bottom: 1px solid #98918f; }
  .map .content-header .title h2, .charts-and-graphs .content-header .title h2 {
    font-style: normal;
    padding: 0.3em 0;
    color: #000;
    font-size: 50px;
    font-size: 3.125em; }
    .map .content-header .title h2 span, .charts-and-graphs .content-header .title h2 span {
      font-weight: 900; }
    .map .content-header .title h2 a, .charts-and-graphs .content-header .title h2 a {
      color: #000;
      text-decoration: none; }
  .map .content-header p.excerpt, .charts-and-graphs .content-header p.excerpt {
    color: #6F6F6F;
    line-height: 1.2;
    font-weight: 400;
    font-style: italic;
    font-size: 24px;
    font-size: 1.5em; }
  .map .content-header .share, .charts-and-graphs .content-header .share {
    padding: 15px; }
    .map .content-header .share a:before, .charts-and-graphs .content-header .share a:before {
      color: #98918f;
      opacity: 0.6;
      transition: all 0.5s ease-out; }
    .map .content-header .share a:hover:before, .charts-and-graphs .content-header .share a:hover:before {
      opacity: 1; }
  .map picture, .charts-and-graphs picture {
    width: 100%; }
    .map picture img, .charts-and-graphs picture img {
      width: 100%; }

.map .controls-wrapper {
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  position: relative;
  max-width: 1050px; }
.map .zoom-control {
  margin: 0 auto;
  width: 100%;
  height: 115px;
  position: absolute;
  z-index: 99;
  max-width: 1050px;
  background: url(../images/zoom-buttons.png) no-repeat 99% 10px;
  background-size: 50px;
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
  .map .zoom-control span {
    position: absolute;
    right: 3px;
    width: 55px;
    height: 55px;
    padding: 1px 15px;
    margin-bottom: 15px;
    display: block;
    font-style: normal;
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 900;
    border-radius: 50%;
    z-index: 999;
    opacity: 0.5;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    font-size: 26px;
    font-size: 1.625em; }
  .map .zoom-control .zoom-in:before {
    content: "+";
    top: 20px;
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px;
    left: 17px; }
  .map .zoom-control .zoom-in:hover {
    opacity: 1; }
  .map .zoom-control .zoom-out {
    top: 56px; }
    .map .zoom-control .zoom-out:before {
      content: "-";
      left: 19px;
      position: absolute;
      display: inline-block;
      width: 10px;
      height: 10px; }
    .map .zoom-control .zoom-out:hover {
      opacity: 1; }
.map .layout-container {
  overflow: hidden; }
.map .map-container {
  margin: 0 auto;
  position: relative;
  min-height: auto; }
  @media only screen and (min-width: 768px) {
    .map .map-container {
      max-width: 100%;
      max-height: 100%;
      width: 100%;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); } }
.map .zoom {
  cursor: move;
  left: -150px;
  -webkit-transform: scale(1.8);
  -ms-transform: scale(1.8);
  transform: scale(1.8); }

.conversations .content-header .title {
  margin-bottom: 0; }
  .conversations .content-header .title h1 {
    color: #98918f;
    text-transform: uppercase;
    font-size: 20px;
    font-size: 1.25em; }
    .conversations .content-header .title h1 a {
      color: #98918f;
      text-decoration: none;
      display: inline-block;
      border-bottom: 1px solid transparent; }
      .conversations .content-header .title h1 a:hover {
        border-bottom: 1px solid #98918f; }

.convos, .convo {
  width: 100%;
  margin: 0 auto;
  max-width: 364px; }
  @media only screen and (min-width: 768px) {
    .convos, .convo {
      max-width: 337px; } }
  .convos .convo-half, .convo .convo-half {
    width: 100%;
    max-width: 337px;
    margin-bottom: 25px; }
    .convos .convo-half .convo-heading, .convo .convo-half .convo-heading {
      text-align: center;
      margin-bottom: 20px; }
      .convos .convo-half .convo-heading h1, .convo .convo-half .convo-heading h1 {
        font-weight: 600;
        margin-bottom: 10px;
        font-size: 30px;
        font-size: 1.875em; }
        @media only screen and (min-width: 768px) {
          .convos .convo-half .convo-heading h1, .convo .convo-half .convo-heading h1 {
            font-size: 42px;
            font-size: 2.625em; } }
        .convos .convo-half .convo-heading h1 a, .convo .convo-half .convo-heading h1 a {
          color: #000;
          text-decoration: none; }
          .convos .convo-half .convo-heading h1 a:hover, .convo .convo-half .convo-heading h1 a:hover {
            text-decoration: underline; }
      .convos .convo-half .convo-heading h2, .convo .convo-half .convo-heading h2 {
        display: inline;
        color: #98918f;
        line-height: 1.4;
        font-size: 22px;
        font-size: 1.375em; }
        .convos .convo-half .convo-heading h2:after, .convo .convo-half .convo-heading h2:after {
          content: "";
          display: block;
          width: 100px;
          margin: 10px auto 0;
          border-bottom: 1px solid #b4b4b4; }
        .convos .convo-half .convo-heading h2 p, .convo .convo-half .convo-heading h2 p {
          display: inline;
          margin-right: -4px;
          line-height: 1.1; }
    .convos .convo-half .default-img, .convo .convo-half .default-img {
      width: 100%;
      /*height: 100%;*/
      min-height: 421px;
      background: url(../images/avatar1.jpg) no-repeat center center;
      background-size: cover;
      margin-bottom: 25px; }
    .convos .convo-half .img-top, .convo .convo-half .img-top {
      width: 90%;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .convos .convo-half .img-top, .convo .convo-half .img-top {
          width: 100%; } }
      .convos .convo-half .img-top img, .convo .convo-half .img-top img {
        margin-bottom: 25px; }
    .convos .convo-half p, .convo .convo-half p {
      width: 90%;
      line-height: 1.5;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
      font-family: "adobe-caslon-pro", serif;
      margin: 0 auto;
      margin-bottom: 1em;
      font-size: 18px;
      font-size: 1.125em; }
      @media only screen and (min-width: 768px) {
        .convos .convo-half p, .convo .convo-half p {
          width: 100%; } }
  .convos .split-box .module-content, .convo .split-box .module-content {
    text-align: center; }
    .convos .split-box .module-content .title, .convo .split-box .module-content .title {
      width: auto;
      max-width: 85%;
      display: inline-block;
      line-height: 1;
      margin-bottom: 20px; }
      .convos .split-box .module-content .title a, .convo .split-box .module-content .title a {
        display: inline; }
  .convos .split-box:hover .title a, .convo .split-box:hover .title a {
    text-decoration: underline; }
  .convos .module-header:hover, .convo .module-header:hover {
    cursor: pointer; }
    .convos .module-header:hover i:before, .convo .module-header:hover i:before {
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg); }

.convos {
  max-width: 700px; }

.page-search .page-wrapper {
  padding-top: 150px; }
  .page-search .page-wrapper h2 {
    color: #000;
    text-transform: uppercase;
    margin-bottom: 5px;
    letter-spacing: 0.075em;
    line-height: 1.5;
    max-width: 1050px;
    margin: 0 auto 40px;
    text-align: center;
    font-size: 22px;
    font-size: 1.375em; }
  .page-search .page-wrapper .search-form {
    float: none;
    display: block;
    text-align: left;
    max-width: 1050px;
    margin: 0 auto;
    padding: 50px 0 0;
    width: 90%; }
    @media only screen and (min-width: 768px) {
      .page-search .page-wrapper .search-form {
        width: 50%; } }
    @media only screen and (min-width: 1024px) {
      .page-search .page-wrapper .search-form {
        width: 30%; } }
    .page-search .page-wrapper .search-form .form-wrapper {
      margin-bottom: 20px; }
      .page-search .page-wrapper .search-form .form-wrapper .form-text {
        box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.25);
        width: 70%; }
      .page-search .page-wrapper .search-form .form-wrapper .form-item-keys label {
        display: block; }
      .page-search .page-wrapper .search-form .form-wrapper .form-submit {
        background: #dfd7d0;
        font-family: "freight-sans-pro", sans-serif;
        text-transform: uppercase;
        padding: 8px 20px 6px;
        letter-spacing: 1px;
        box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.25);
        transition: all 0.5s ease-out; }
        .page-search .page-wrapper .search-form .form-wrapper .form-submit:active {
          box-shadow: inset 0px 0px 3px 0 rgba(0, 0, 0, 0.25); }
    .page-search .page-wrapper .search-form .fieldset-title {
      color: #000;
      font-family: "freight-sans-pro", sans-serif;
      text-decoration: none;
      text-transform: uppercase; }
      .page-search .page-wrapper .search-form .fieldset-title:hover {
        text-decoration: underline; }
  .page-search .page-wrapper .search-results, .page-search .page-wrapper .empty-results {
    width: 90%;
    max-width: 1050px;
    padding-bottom: 40px;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .page-search .page-wrapper .search-results, .page-search .page-wrapper .empty-results {
        width: 60%; } }
    @media only screen and (min-width: 1024px) {
      .page-search .page-wrapper .search-results, .page-search .page-wrapper .empty-results {
        width: 40%; } }
    .page-search .page-wrapper .search-results .title, .page-search .page-wrapper .empty-results .title {
      text-align: center;
      margin-bottom: 10px; }
      .page-search .page-wrapper .search-results .title a, .page-search .page-wrapper .empty-results .title a {
        font-weight: 600;
        color: #000;
        text-decoration: none;
        font-size: 18px;
        font-size: 1.125em; }
        .page-search .page-wrapper .search-results .title a:hover, .page-search .page-wrapper .empty-results .title a:hover {
          text-decoration: underline; }
    .page-search .page-wrapper .search-results .search-snippet-info .search-snippet, .page-search .page-wrapper .empty-results .search-snippet-info .search-snippet {
      line-height: 1.1;
      max-width: 600px;
      font-size: 16px;
      font-size: 1em; }
    .page-search .page-wrapper .search-results .search-info, .page-search .page-wrapper .empty-results .search-info {
      display: none; }
  .page-search .page-wrapper .pager {
    padding-bottom: 60px; }
    .page-search .page-wrapper .pager a {
      color: #000;
      text-transform: uppercase;
      font-family: "freight-sans-pro", sans-serif; }
      .page-search .page-wrapper .pager a:hover {
        text-decoration: none; }
  .page-search .page-wrapper ul li {
    font-size: 20px;
    font-size: 1.25em;
    margin-bottom: 10px; }

.parallax-wrapper {
  padding-top: 40px;
  background: #fff;
  position: relative;
  z-index: 5; }

.view-issues-archive {
  display: block; }

.issue-teaser, .coming-soon {
  text-align: center;
  position: relative;
  overflow: hidden;
  width: 90%;
  margin: 0 auto;
  max-width: 334px;
  margin-bottom: 25px;
  box-shadow: 1px 1px 3px 4px rgba(0, 0, 0, 0.1); }
  .issue-teaser .overlay, .coming-soon .overlay {
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 0.8;
    background: #6F6F6F; }
    @media only screen and (min-width: 768px) {
      .issue-teaser .overlay, .coming-soon .overlay {
        -webkit-transform: translate(0%, 100%);
        -ms-transform: translate(0%, 100%);
        transform: translate(0%, 100%); } }
    .issue-teaser .overlay p, .coming-soon .overlay p {
      font-family: "freight-sans-pro", sans-serif;
      letter-spacing: 2px;
      font-weight: 600;
      color: #fff;
      text-transform: uppercase;
      padding: 25px 0;
      display: block;
      text-align: center;
      font-size: 14px;
      font-size: 0.875em; }
  @media only screen and (min-width: 768px) {
    .issue-teaser:hover .overlay, .coming-soon:hover .overlay {
      -webkit-transform: translate(0%, 0);
      -ms-transform: translate(0%, 0);
      transform: translate(0%, 0); } }
  .issue-teaser img, .coming-soon img {
    margin-bottom: 0; }
  .issue-teaser h1 a, .coming-soon h1 a {
    color: #000;
    text-decoration: none; }

.purchace-block {
  text-align: center;
  margin-bottom: 30px; }
  .purchace-block .purchace-button {
    font-family: "freight-sans-pro", sans-serif;
    display: inline-block;
    background: #cdac77;
    text-decoration: none;
    letter-spacing: 2px;
    margin: 0 auto;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 20px;
    color: #000;
    font-size: 18px;
    font-size: 1.125em;
    transition: all 0.5s ease-out;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3);
    border-radius: 5px; }
    .purchace-block .purchace-button:active {
      box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.25); }
    .purchace-block .purchace-button:hover {
      box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.65); }

.map-purchase-block {
  margin-top: 2em;
  text-align: center;
  width: 100%;
}
.map-purchase-block h3 {
  font-size: 12pt;
  font-style: italic;
  margin-bottom: 1em;
}
.purchase-button {
    font-family: "freight-sans-pro", sans-serif;
    display: inline-block;
    background: #cdac77;
    text-decoration: none;
    letter-spacing: 2px;
    margin: 0 auto;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 20px;
    color: #000;
    font-size: 18px;
    font-size: 1.125em;
    transition: all 0.5s ease-out;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3);
    border-radius: 5px;
}
.purchase-block .purchase-button:active {
    box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
  }
.purchase-block .purchase-button:hover {
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.65);
}

/******************
*
* Archive pages
*
*******************/
.view-quotes-issue-content {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .view-quotes-issue-content {
      width: auto; } }
  .view-quotes-issue-content div {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .view-quotes-issue-content div {
        width: auto; } }
  @media only screen and (min-width: 1024px) {
    .view-quotes-issue-content {
      width: 66%;
      max-width: 694px; } }

.view-related-reads-vit div {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .view-related-reads-vit div {
      width: auto; } }
.view-related-reads-vit .basic-teaser-block {
  max-width: 300px;
  margin: 0 auto 25px; }

.view-related-reads-essays > div {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .view-related-reads-essays > div {
      width: auto; } }

.view-conversation-issue-content {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .view-conversation-issue-content {
      width: auto; } }
  .view-conversation-issue-content > div {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .view-conversation-issue-content > div {
        width: auto; } }
  .view-conversation-issue-content .convo {
    width: auto; }

.view-charts-graphs-issue-content {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .view-charts-graphs-issue-content {
      width: auto; } }
  .view-charts-graphs-issue-content div {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .view-charts-graphs-issue-content div {
        width: auto; } }

.view-id-maps_archive .grid > div, .view-id-quotes_archive .grid > div {
  width: 100%;
  max-width: 700px;
  margin: 0 auto; }

.view-id-convos_archive .grid > div, .view-voices-in-time-archive .grid > div {
  width: 100%;
  max-width: 334px; }
  @media only screen and (min-width: 1024px) {
    .view-id-convos_archive .grid > div, .view-voices-in-time-archive .grid > div {
      width: 32%;
      max-width: 324px; } }

.view-all-writing {
  padding-bottom: 50px; }

.view-issues-contributed .view-content > div {
  width: 32%;
  margin: 0 auto; }

.page-wrapper .view.view-voices-in-time-archive .view-filters .views-exposed-widgets .views-exposed-widget {
  display: inline-block;
  float: right; }
.page-wrapper .view.view-voices-in-time-archive .view-filters .views-exposed-widgets .views-widget-filter-field_time_period_tid {
  position: relative;
  float: left; }
  .page-wrapper .view.view-voices-in-time-archive .view-filters .views-exposed-widgets .views-widget-filter-field_time_period_tid .views-widget {
    left: 0;
    min-width: 280px; }
    @media only screen and (min-width: 768px) {
      .page-wrapper .view.view-voices-in-time-archive .view-filters .views-exposed-widgets .views-widget-filter-field_time_period_tid .views-widget {
        min-width: 500px;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2; } }
.page-wrapper .view.view-voices-in-time-archive .view-filters .views-exposed-widgets .views-widget-filter-field_region_value {
  position: relative;
  float: left; }
  .page-wrapper .view.view-voices-in-time-archive .view-filters .views-exposed-widgets .views-widget-filter-field_region_value .views-widget {
    left: 0; }

.pre-heading {
  top: -30px;
  position: relative;
  color: #98918f;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: block;
  line-height: 1;
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25em; }

.page-archive .view-voices-in-time-archive .grid, .page-archive .view-charts-graphs-archive .grid, .page-archive .view-convos-archive .grid, .page-archive .view-miscellany-archive .grid, .page-archive .view-issues-archive .grid, .page-issues .view-voices-in-time-archive .grid, .page-issues .view-charts-graphs-archive .grid, .page-issues .view-convos-archive .grid, .page-issues .view-miscellany-archive .grid, .page-issues .view-issues-archive .grid {
  /* -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start; */ }
  .page-archive .view-voices-in-time-archive .grid > div, .page-archive .view-charts-graphs-archive .grid > div, .page-archive .view-convos-archive .grid > div, .page-archive .view-miscellany-archive .grid > div, .page-archive .view-issues-archive .grid > div, .page-issues .view-voices-in-time-archive .grid > div, .page-issues .view-charts-graphs-archive .grid > div, .page-issues .view-convos-archive .grid > div, .page-issues .view-miscellany-archive .grid > div, .page-issues .view-issues-archive .grid > div {
    margin: 0 auto; }
    @media only screen and (min-width: 1024px) {
      .page-archive .view-voices-in-time-archive .grid > div:nth-last-child(-n+2), .page-archive .view-charts-graphs-archive .grid > div:nth-last-child(-n+2), .page-archive .view-convos-archive .grid > div:nth-last-child(-n+2), .page-archive .view-miscellany-archive .grid > div:nth-last-child(-n+2), .page-archive .view-issues-archive .grid > div:nth-last-child(-n+2), .page-issues .view-voices-in-time-archive .grid > div:nth-last-child(-n+2), .page-issues .view-charts-graphs-archive .grid > div:nth-last-child(-n+2), .page-issues .view-convos-archive .grid > div:nth-last-child(-n+2), .page-issues .view-miscellany-archive .grid > div:nth-last-child(-n+2), .page-issues .view-issues-archive .grid > div:nth-last-child(-n+2) {
        margin-left: 13px; } }
    @media only screen and (min-width: 1024px) {
      .page-archive .view-voices-in-time-archive .grid > div:nth-last-child(2), .page-archive .view-charts-graphs-archive .grid > div:nth-last-child(2), .page-archive .view-convos-archive .grid > div:nth-last-child(2), .page-archive .view-miscellany-archive .grid > div:nth-last-child(2), .page-archive .view-issues-archive .grid > div:nth-last-child(2), .page-issues .view-voices-in-time-archive .grid > div:nth-last-child(2), .page-issues .view-charts-graphs-archive .grid > div:nth-last-child(2), .page-issues .view-convos-archive .grid > div:nth-last-child(2), .page-issues .view-miscellany-archive .grid > div:nth-last-child(2), .page-issues .view-issues-archive .grid > div:nth-last-child(2) {
        margin-right: 13px; } }

.view-essays-archive .module-header .module-header-issue a, .view-preamble-archive .module-header .module-header-issue a {
  color: #fff;
  padding-left: 2px; }

.view-convos-archive .node-conversation .module-header .module-header-issue {
  padding: 10px 10px 6px; }

.node-conversation .convos .convo-half {
  width: auto; }

.view-charts-graphs-archive .module-header .module-header-issue {
  text-transform: capitalize;
  padding: 5px 0 0 6px;
  letter-spacing: 0; }

.view-miscellany-archive .basic-titleless-block .module-header {
  position: relative;
  top: -1px;
  display: inline-block;
  max-width: 100%; }
  .view-miscellany-archive .basic-titleless-block .module-header a {
    position: relative;
    top: 8px; }
  .view-miscellany-archive .basic-titleless-block .module-header p {
    padding: 0 0 0 10px; }
  .view-miscellany-archive .basic-titleless-block .module-header .module-header-issue {
    text-transform: capitalize;
    margin-left: 4px; }
    .view-miscellany-archive .basic-titleless-block .module-header .module-header-issue a {
      letter-spacing: 0;
      position: static; }

.view-maps-archive .module-header .module-header-issue {
  text-transform: capitalize;
  padding: 10px 10px 6px 10px; }

.view-empty {
  text-align: center;
  width: 100%;
  max-width: 1054px;
  margin: 0 auto;
  padding: 100px 0 200px;
  font-size: 22px;
  font-size: 1.375em; }

.image-overlay-block {
  background: url(../images/avatar1.jpg) no-repeat center center;
  background-size: cover; }

.split-wrapper {
  width: 50%;
  min-height: 210px;
  height: 100%;
  background: url(../images/avatar1.jpg) no-repeat center center;
  background-size: cover; }

#edit-submit-essays-archive,
#edit-submit-voices-in-time-archive,
#edit-submit-contributors-global,
#edit-submit-charts-graphs-archive,
#edit-submit-convos-archive,
#edit-submit-miscellany-archive,
#edit-submit-maps-archive,
#edit-submit-quotes-archive {
  display: none; }

.no-misc {
  display: none; }

.no-misc-block .view-map-issue-content {
  width: 100%;
  max-width: 100%; }
  .no-misc-block .view-map-issue-content div {
    width: 100%;
    max-width: 100%; }
  .no-misc-block .view-map-issue-content .full-image-block {
    max-width: 100%; }

.four04 {
  padding-top: 130px;
  padding-bottom: 65px;
  min-height: 375px;
  display: table;
  text-align: center;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .four04 {
      padding-top: 220px;
      min-height: 700px;
      padding-bottom: 120px; } }
  .four04 .four04-inner {
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
    width: 100%; }
  .four04 .four04-circle {
    background-color: #cdac77;
    border-radius: 50%;
    color: #fff;
    margin: 0 auto;
    font-family: "adobe-caslon-pro", serif;
    line-height: 110px;
    height: 100px;
    width: 100px; }
    @media only screen and (min-width: 768px) {
      .four04 .four04-circle {
        line-height: 137px;
        height: 125px;
        width: 125px; } }
  .four04 h2 {
    font-size: 40px;
    font-size: 2.5em;
    line-height: 50px;
    margin: 30px 0 20px 0; }
    @media only screen and (min-width: 768px) {
      .four04 h2 {
        margin: 35px auto 20px auto;
        line-height: 70px;
        width: 80%;
        font-size: 55px;
        font-size: 3.4375em; } }
  .four04 p.byline {
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 500;
    line-height: 24px;
    font-size: 16px;
    font-size: 1em; }
    @media only screen and (min-width: 768px) {
      .four04 p.byline {
        font-size: 18px;
        font-size: 1.125em; } }
  .four04 span.name {
    letter-spacing: 2px;
    text-transform: uppercase; }

.node-type-miscellany {
  padding-top: 100px; }
  .node-type-miscellany .page-wrapper .basic-titleless-block {
    padding-top: 100px; }
    @media only screen and (min-width: 768px) {
      .node-type-miscellany .page-wrapper .basic-titleless-block {
        margin-bottom: 0;
        padding-bottom: 60px; } }

/*
 * Issue Content Views (No JS)
 */
.view-issue-content-page {
  padding-top: 6em; }
  .view-issue-content-page > div {
    width: auto; }
  @media only screen and (min-width: 768px) {
    .view-issue-content-page {
      padding-top: 10em; } }

.view-quotes-issue-content.view-issue-content-page {
  width: auto;
  margin: 0 auto; }

.view-quotes-issue-content.view-issue-content-page .view-content {
  width: 100%; }

.node-quote.view-mode-full {
  padding-top: 170px;
  padding-bottom: 40px;
  min-height: 500px; }

/**
 * @file
 * User profile styles
 */
.profile {
  clear: both;
  margin: 10em 2em; }

.profile dl {
  margin: 2em 0 1.5em 0; }

/*.profile dt {
  margin: 0 0 0.2em 0;
  font-weight: bold;
}
.profile dd {
  margin: 0 0 1em 0;
}*/
/********************
** Base
********************/
* {
  margin: 0;
  border: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased; }

html {
  min-height: 100%;
  height: 100%;
  line-height: 1;
  background: #fff;
  font-size: 100%; }

body {
  min-height: 100%;
  height: 100%;
  line-height: 1;
  color: #000;
  font-family: "adobe-caslon-pro", serif;
  font-size: 16px;
  font-size: 1em; }

img {
  display: block;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  -moz-user-drag: -moz-none;
  -webkit-user-drag: none;
  user-drag: none; }

input {
  padding: .5em; }

input:focus::-webkit-input-placeholder {
  color: transparent; }

input:focus:-moz-placeholder {
  color: transparent; }

/********************
** Headers
********************/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  display: block;
  font-weight: normal; }

/********************
** Layout
********************/
.phark {
  border: 0;
  font: 0/0 a;
  color: transparent; }

.grid {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start; }

/* .not-front {
  #page {
    @include bp(baby-bear) {
      min-height: 100%;
      margin-bottom: -300px;
    }
    &:after {
      content:"";
      display: block;
    }
  }
  footer, #page:after {
    @include bp(baby-bear) {
      height: 300px;
    }

  }
} */
.grid-wrapper {
  padding: 25px 0; }

.layout-container {
  width: 95%;
  max-width: 1050px;
  margin: 0 auto; }
  @media only screen and (min-width: 1024px) {
    .layout-container {
      width: 100%; } }

.page-wrapper {
  width: 100%;
  margin: 0 auto;
  max-width: 1600px;
  position: relative;
  transition: box-shadow 2s ease-in;
  opacity: 1; }
  @media only screen and (min-width: 1400px) {
    .page-wrapper {
      box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2); } }

.main-content-wrapper {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  transition: box-shadow 0.2s ease-in;
  opacity: 1; }
  @media only screen and (min-width: 1400px) {
    .main-content-wrapper {
      box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2); } }

.med-container {
  width: 90%;
  max-width: 740px;
  margin-left: auto;
  margin-right: auto; }

.title a {
  transition: all 0.5s ease-out; }

.filter-layout p {
  display: inline-block; }
.filter-layout #grid-view {
  padding: 14px 10px 5px 30px;
  margin-bottom: 10px;
  background: url(../images/grid-icon.png) no-repeat 10% center;
  color: #595959;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 11px;
  font-size: 0.6875em; }
  @media only screen and (min-width: 768px) {
    .filter-layout #grid-view {
      margin-right: 10px; } }
  .filter-layout #grid-view.active {
    background-color: rgba(223, 215, 208, 0.5);
    border-radius: 5px; }
.filter-layout #list-view {
  padding: 14px 10px 5px 30px;
  background: url(../images/list-icon.png) no-repeat 10% center;
  color: #595959;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 11px;
  font-size: 0.6875em; }
  .filter-layout #list-view.active {
    background-color: rgba(223, 215, 208, 0.5);
    border-radius: 5px; }

.page-wrapper .article .view-filters, .page-wrapper .node-issue .view-filters, .page-wrapper .view .view-filters {
  position: relative;
  display: block;
  max-width: 1050px;
  margin: 0 auto 30px;
  padding-bottom: 44px;
  border-bottom: 1px solid #000;
  z-index: 13; }
  .page-wrapper .article .view-filters form, .page-wrapper .node-issue .view-filters form, .page-wrapper .view .view-filters form {
    display: inline-block;
    float: right; }
  .page-wrapper .article .view-filters .views-exposed-widget, .page-wrapper .node-issue .view-filters .views-exposed-widget, .page-wrapper .view .view-filters .views-exposed-widget {
    position: relative;
    float: left;
    display: block;
    padding: 0;
    z-index: 98;
    transition: all 0.5s ease-out; }
    .page-wrapper .article .view-filters .views-exposed-widget:hover label, .page-wrapper .article .view-filters .views-exposed-widget:focus label, .page-wrapper .node-issue .view-filters .views-exposed-widget:hover label, .page-wrapper .node-issue .view-filters .views-exposed-widget:focus label, .page-wrapper .view .view-filters .views-exposed-widget:hover label, .page-wrapper .view .view-filters .views-exposed-widget:focus label {
      color: red; }
    .page-wrapper .article .view-filters .views-exposed-widget label, .page-wrapper .node-issue .view-filters .views-exposed-widget label, .page-wrapper .view .view-filters .views-exposed-widget label {
      padding: 15px 27px 15px 10px;
      color: #000;
      text-decoration: none;
      letter-spacing: 1px;
      font-family: "freight-sans-pro", sans-serif;
      font-weight: 500;
      letter-spacing: 1px;
      text-transform: uppercase;
      background: url(../images/down-arrow.png) no-repeat 90% center;
      font-size: 14px;
      font-size: 0.875em;
      transition: all 0.5s ease-out; }
      @media only screen and (min-width: 768px) {
        .page-wrapper .article .view-filters .views-exposed-widget label, .page-wrapper .node-issue .view-filters .views-exposed-widget label, .page-wrapper .view .view-filters .views-exposed-widget label {
          letter-spacing: 2px;
          padding: 15px 32px 15px 20px;
          width: auto; } }
    .page-wrapper .article .view-filters .views-exposed-widget .views-widget, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget, .page-wrapper .view .view-filters .views-exposed-widget .views-widget {
      display: none;
      position: absolute;
      right: 0;
      min-width: 190px;
      z-index: 98;
      background: #000;
      text-align: left;
      width: 100%;
      color: #fff;
      transition: all 0.5s ease-out; }
      @media only screen and (min-width: 768px) {
        .page-wrapper .article .view-filters .views-exposed-widget .views-widget, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget, .page-wrapper .view .view-filters .views-exposed-widget .views-widget {
          display: block;
          visibility: hidden;
          opacity: 0; } }
      .page-wrapper .article .view-filters .views-exposed-widget .views-widget .form-item, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget .form-item, .page-wrapper .view .view-filters .views-exposed-widget .views-widget .form-item {
        padding: 5px;
        width: 100%;
        margin: 0; }
        .page-wrapper .article .view-filters .views-exposed-widget .views-widget .form-item a, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget .form-item a, .page-wrapper .view .view-filters .views-exposed-widget .views-widget .form-item a {
          position: relative;
          color: rgba(255, 255, 255, 0.6);
          letter-spacing: 1;
          font-weight: 600;
          font-family: "freight-sans-pro", sans-serif;
          display: block;
          padding: 2px 0px;
          margin-left: 15px;
          text-decoration: none;
          cursor: pointer;
          text-transform: normal;
          font-size: 13px;
          font-size: 0.8125em;
          transition: all 0.5s ease-out; }
          .page-wrapper .article .view-filters .views-exposed-widget .views-widget .form-item a:before, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget .form-item a:before, .page-wrapper .view .view-filters .views-exposed-widget .views-widget .form-item a:before {
            content: ".";
            display: inline-block;
            position: absolute;
            left: -15px;
            top: -11px;
            height: 10px;
            width: 10px;
            color: transparent;
            font-size: 32px;
            font-size: 2em; }
          .page-wrapper .article .view-filters .views-exposed-widget .views-widget .form-item a:hover, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget .form-item a:hover, .page-wrapper .view .view-filters .views-exposed-widget .views-widget .form-item a:hover {
            color: white; }
        .page-wrapper .article .view-filters .views-exposed-widget .views-widget .form-item .active, .page-wrapper .article .view-filters .views-exposed-widget .views-widget .form-item .selected a, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget .form-item .active, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget .form-item .selected a, .page-wrapper .view .view-filters .views-exposed-widget .views-widget .form-item .active, .page-wrapper .view .view-filters .views-exposed-widget .views-widget .form-item .selected a {
          color: #fff;
          visibility: visible;
          opacity: 1; }
          .page-wrapper .article .view-filters .views-exposed-widget .views-widget .form-item .active:before, .page-wrapper .article .view-filters .views-exposed-widget .views-widget .form-item .selected a:before, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget .form-item .active:before, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget .form-item .selected a:before, .page-wrapper .view .view-filters .views-exposed-widget .views-widget .form-item .active:before, .page-wrapper .view .view-filters .views-exposed-widget .views-widget .form-item .selected a:before {
            color: #fff;
            visibility: visible;
            opacity: 1; }
      .page-wrapper .article .view-filters .views-exposed-widget .views-widget .date-padding, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget .date-padding, .page-wrapper .view .view-filters .views-exposed-widget .views-widget .date-padding {
        float: none; }
      .page-wrapper .article .view-filters .views-exposed-widget .views-widget #year_filter, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget #year_filter, .page-wrapper .view .view-filters .views-exposed-widget .views-widget #year_filter {
        display: block;
        margin-bottom: 5px;
        padding-left: 15px; }
        .page-wrapper .article .view-filters .views-exposed-widget .views-widget #year_filter li, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget #year_filter li, .page-wrapper .view .view-filters .views-exposed-widget .views-widget #year_filter li {
          position: relative;
          opacity: 0.8;
          color: #f5f4f2;
          letter-spacing: 0.0625em;
          font-weight: 600;
          font-family: "freight-sans-pro", sans-serif;
          display: block;
          padding: 10px 10px 15px 0;
          text-decoration: none;
          cursor: pointer;
          border-bottom: 1px solid #424242;
          font-size: 14px;
          font-size: 0.875em;
          transition: all 0.5s ease-out; }
          .page-wrapper .article .view-filters .views-exposed-widget .views-widget #year_filter li:before, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget #year_filter li:before, .page-wrapper .view .view-filters .views-exposed-widget .views-widget #year_filter li:before {
            content: "";
            display: inline-block;
            position: absolute;
            left: -15px;
            top: -5px;
            height: 10px;
            width: 10px;
            color: #fff;
            font-size: 32px;
            font-size: 2em; }
          .page-wrapper .article .view-filters .views-exposed-widget .views-widget #year_filter li:hover, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget #year_filter li:hover, .page-wrapper .view .view-filters .views-exposed-widget .views-widget #year_filter li:hover {
            color: #fff; }
          .page-wrapper .article .view-filters .views-exposed-widget .views-widget #year_filter li.active, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget #year_filter li.active, .page-wrapper .view .view-filters .views-exposed-widget .views-widget #year_filter li.active {
            color: #fff;
            background: none; }
            .page-wrapper .article .view-filters .views-exposed-widget .views-widget #year_filter li.active:before, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget #year_filter li.active:before, .page-wrapper .view .view-filters .views-exposed-widget .views-widget #year_filter li.active:before {
              content: "."; }
        .page-wrapper .article .view-filters .views-exposed-widget .views-widget #year_filter .active, .page-wrapper .article .view-filters .views-exposed-widget .views-widget #year_filter .selected a, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget #year_filter .active, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget #year_filter .selected a, .page-wrapper .view .view-filters .views-exposed-widget .views-widget #year_filter .active, .page-wrapper .view .view-filters .views-exposed-widget .views-widget #year_filter .selected a {
          color: #fff; }
          .page-wrapper .article .view-filters .views-exposed-widget .views-widget #year_filter .active:before, .page-wrapper .article .view-filters .views-exposed-widget .views-widget #year_filter .selected a:before, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget #year_filter .active:before, .page-wrapper .node-issue .view-filters .views-exposed-widget .views-widget #year_filter .selected a:before, .page-wrapper .view .view-filters .views-exposed-widget .views-widget #year_filter .active:before, .page-wrapper .view .view-filters .views-exposed-widget .views-widget #year_filter .selected a:before {
            content: "."; }
    .page-wrapper .article .view-filters .views-exposed-widget:hover .views-widget, .page-wrapper .article .view-filters .views-exposed-widget:focus .views-widget, .page-wrapper .node-issue .view-filters .views-exposed-widget:hover .views-widget, .page-wrapper .node-issue .view-filters .views-exposed-widget:focus .views-widget, .page-wrapper .view .view-filters .views-exposed-widget:hover .views-widget, .page-wrapper .view .view-filters .views-exposed-widget:focus .views-widget {
      display: block;
      visibility: visible;
      opacity: 1;
      z-index: 12; }
    .page-wrapper .article .view-filters .views-exposed-widget:hover label, .page-wrapper .article .view-filters .views-exposed-widget:focus label, .page-wrapper .node-issue .view-filters .views-exposed-widget:hover label, .page-wrapper .node-issue .view-filters .views-exposed-widget:focus label, .page-wrapper .view .view-filters .views-exposed-widget:hover label, .page-wrapper .view .view-filters .views-exposed-widget:focus label {
      color: #fff;
      background: url(../images/down-arrow-white.png) no-repeat 90% center;
      background-color: #000; }
    .page-wrapper .article .view-filters .views-exposed-widget .show-it, .page-wrapper .node-issue .view-filters .views-exposed-widget .show-it, .page-wrapper .view .view-filters .views-exposed-widget .show-it {
      visibility: visible;
      opacity: 1;
      z-index: 12; }
    .page-wrapper .article .view-filters .views-exposed-widget .active, .page-wrapper .node-issue .view-filters .views-exposed-widget .active, .page-wrapper .view .view-filters .views-exposed-widget .active {
      color: #fff;
      background: url(../images/down-arrow-white.png) no-repeat 90% center;
      background-color: #000; }
  .page-wrapper .article .view-filters .views-widget-filter-field_issues_contributed_target_id, .page-wrapper .article .view-filters .views-widget-filter-field_issue_content_tid, .page-wrapper .node-issue .view-filters .views-widget-filter-field_issues_contributed_target_id, .page-wrapper .node-issue .view-filters .views-widget-filter-field_issue_content_tid, .page-wrapper .view .view-filters .views-widget-filter-field_issues_contributed_target_id, .page-wrapper .view .view-filters .views-widget-filter-field_issue_content_tid {
    float: right; }
    @media only screen and (min-width: 768px) {
      .page-wrapper .article .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget, .page-wrapper .article .view-filters .views-widget-filter-field_issue_content_tid .views-widget, .page-wrapper .node-issue .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget, .page-wrapper .node-issue .view-filters .views-widget-filter-field_issue_content_tid .views-widget, .page-wrapper .view .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget, .page-wrapper .view .view-filters .views-widget-filter-field_issue_content_tid .views-widget {
        min-width: 500px; } }
    @media only screen and (min-width: 768px) {
      .page-wrapper .article .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget .bef-select-as-links .form-item, .page-wrapper .article .view-filters .views-widget-filter-field_issue_content_tid .views-widget .bef-select-as-links .form-item, .page-wrapper .node-issue .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget .bef-select-as-links .form-item, .page-wrapper .node-issue .view-filters .views-widget-filter-field_issue_content_tid .views-widget .bef-select-as-links .form-item, .page-wrapper .view .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget .bef-select-as-links .form-item, .page-wrapper .view .view-filters .views-widget-filter-field_issue_content_tid .views-widget .bef-select-as-links .form-item {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3; } }
    @media only screen and (min-width: 768px) {
      .page-wrapper .article .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget .bef-select-as-links .form-item div, .page-wrapper .article .view-filters .views-widget-filter-field_issue_content_tid .views-widget .bef-select-as-links .form-item div, .page-wrapper .node-issue .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget .bef-select-as-links .form-item div, .page-wrapper .node-issue .view-filters .views-widget-filter-field_issue_content_tid .views-widget .bef-select-as-links .form-item div, .page-wrapper .view .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget .bef-select-as-links .form-item div, .page-wrapper .view .view-filters .views-widget-filter-field_issue_content_tid .views-widget .bef-select-as-links .form-item div {
        width: 120px;
        display: inline-table; } }
    .page-wrapper .article .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget .bef-select-as-links .form-item div a, .page-wrapper .article .view-filters .views-widget-filter-field_issue_content_tid .views-widget .bef-select-as-links .form-item div a, .page-wrapper .node-issue .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget .bef-select-as-links .form-item div a, .page-wrapper .node-issue .view-filters .views-widget-filter-field_issue_content_tid .views-widget .bef-select-as-links .form-item div a, .page-wrapper .view .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget .bef-select-as-links .form-item div a, .page-wrapper .view .view-filters .views-widget-filter-field_issue_content_tid .views-widget .bef-select-as-links .form-item div a {
      text-transform: initial; }
      @media only screen and (min-width: 768px) {
        .page-wrapper .article .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget .bef-select-as-links .form-item div a, .page-wrapper .article .view-filters .views-widget-filter-field_issue_content_tid .views-widget .bef-select-as-links .form-item div a, .page-wrapper .node-issue .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget .bef-select-as-links .form-item div a, .page-wrapper .node-issue .view-filters .views-widget-filter-field_issue_content_tid .views-widget .bef-select-as-links .form-item div a, .page-wrapper .view .view-filters .views-widget-filter-field_issues_contributed_target_id .views-widget .bef-select-as-links .form-item div a, .page-wrapper .view .view-filters .views-widget-filter-field_issue_content_tid .views-widget .bef-select-as-links .form-item div a {
          width: 120px; } }
  .page-wrapper .article .view-filters .views-widget-sort-by, .page-wrapper .article .view-filters .views-widget-sort-order, .page-wrapper .node-issue .view-filters .views-widget-sort-by, .page-wrapper .node-issue .view-filters .views-widget-sort-order, .page-wrapper .view .view-filters .views-widget-sort-by, .page-wrapper .view .view-filters .views-widget-sort-order {
    float: left;
    z-index: 99; }
  .page-wrapper .article .view-filters .views-widget-filter-date_filter, .page-wrapper .node-issue .view-filters .views-widget-filter-date_filter, .page-wrapper .view .view-filters .views-widget-filter-date_filter {
    position: absolute;
    right: 0;
    top: 1px; }
    .page-wrapper .article .view-filters .views-widget-filter-date_filter .bef-select-as-links .form-item, .page-wrapper .node-issue .view-filters .views-widget-filter-date_filter .bef-select-as-links .form-item, .page-wrapper .view .view-filters .views-widget-filter-date_filter .bef-select-as-links .form-item {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2; }
  .page-wrapper .article .view-filters .form-item-field-issues-contributed-target-id, .page-wrapper .node-issue .view-filters .form-item-field-issues-contributed-target-id, .page-wrapper .view .view-filters .form-item-field-issues-contributed-target-id {
    transition: all 0.5s ease-out; }
    .page-wrapper .article .view-filters .form-item-field-issues-contributed-target-id a, .page-wrapper .node-issue .view-filters .form-item-field-issues-contributed-target-id a, .page-wrapper .view .view-filters .form-item-field-issues-contributed-target-id a {
      color: #98918f;
      text-decoration: none;
      padding: 5px 10px 5px 0;
      display: block; }
      .page-wrapper .article .view-filters .form-item-field-issues-contributed-target-id a:hover, .page-wrapper .node-issue .view-filters .form-item-field-issues-contributed-target-id a:hover, .page-wrapper .view .view-filters .form-item-field-issues-contributed-target-id a:hover {
        color: #fff; }
  .page-wrapper .article .view-filters
  .views-widget-sort-by, .page-wrapper .node-issue .view-filters
  .views-widget-sort-by, .page-wrapper .view .view-filters
  .views-widget-sort-by {
    position: relative;
    display: inline-block;
    position: relative;
    z-index: 99; }
    .page-wrapper .article .view-filters
    .views-widget-sort-by label, .page-wrapper .node-issue .view-filters
    .views-widget-sort-by label, .page-wrapper .view .view-filters
    .views-widget-sort-by label {
      padding-left: 50px;
      width: 82px;
      height: 43px;
      color: transparent; }
      @media only screen and (min-width: 768px) {
        .page-wrapper .article .view-filters
        .views-widget-sort-by label, .page-wrapper .node-issue .view-filters
        .views-widget-sort-by label, .page-wrapper .view .view-filters
        .views-widget-sort-by label {
          width: auto;
          height: auto;
          color: #000; } }
    .page-wrapper .article .view-filters
    .views-widget-sort-by:before, .page-wrapper .node-issue .view-filters
    .views-widget-sort-by:before, .page-wrapper .view .view-filters
    .views-widget-sort-by:before {
      content: "";
      width: 50px;
      height: 40px;
      display: inline-block;
      position: absolute;
      background: url(../images/alphabet.png) no-repeat center center; }
    .page-wrapper .article .view-filters
    .views-widget-sort-by:hover label, .page-wrapper .article .view-filters
    .views-widget-sort-by:hover .active, .page-wrapper .article .view-filters
    .views-widget-sort-by .show-it label, .page-wrapper .article .view-filters
    .views-widget-sort-by .show-it .active, .page-wrapper .node-issue .view-filters
    .views-widget-sort-by:hover label, .page-wrapper .node-issue .view-filters
    .views-widget-sort-by:hover .active, .page-wrapper .node-issue .view-filters
    .views-widget-sort-by .show-it label, .page-wrapper .node-issue .view-filters
    .views-widget-sort-by .show-it .active, .page-wrapper .view .view-filters
    .views-widget-sort-by:hover label, .page-wrapper .view .view-filters
    .views-widget-sort-by:hover .active, .page-wrapper .view .view-filters
    .views-widget-sort-by .show-it label, .page-wrapper .view .view-filters
    .views-widget-sort-by .show-it .active {
      text-indent: -9999px; }
      @media only screen and (min-width: 768px) {
        .page-wrapper .article .view-filters
        .views-widget-sort-by:hover label, .page-wrapper .article .view-filters
        .views-widget-sort-by:hover .active, .page-wrapper .article .view-filters
        .views-widget-sort-by .show-it label, .page-wrapper .article .view-filters
        .views-widget-sort-by .show-it .active, .page-wrapper .node-issue .view-filters
        .views-widget-sort-by:hover label, .page-wrapper .node-issue .view-filters
        .views-widget-sort-by:hover .active, .page-wrapper .node-issue .view-filters
        .views-widget-sort-by .show-it label, .page-wrapper .node-issue .view-filters
        .views-widget-sort-by .show-it .active, .page-wrapper .view .view-filters
        .views-widget-sort-by:hover label, .page-wrapper .view .view-filters
        .views-widget-sort-by:hover .active, .page-wrapper .view .view-filters
        .views-widget-sort-by .show-it label, .page-wrapper .view .view-filters
        .views-widget-sort-by .show-it .active {
          text-indent: 0; } }
    .page-wrapper .article .view-filters
    .views-widget-sort-by:hover:before, .page-wrapper .article .view-filters
    .views-widget-sort-by .show-it:before, .page-wrapper .node-issue .view-filters
    .views-widget-sort-by:hover:before, .page-wrapper .node-issue .view-filters
    .views-widget-sort-by .show-it:before, .page-wrapper .view .view-filters
    .views-widget-sort-by:hover:before, .page-wrapper .view .view-filters
    .views-widget-sort-by .show-it:before {
      background: url(../images/alphabet-white.png) no-repeat center center; }
    .page-wrapper .article .view-filters
    .views-widget-sort-by .bef-select-as-links, .page-wrapper .node-issue .view-filters
    .views-widget-sort-by .bef-select-as-links, .page-wrapper .view .view-filters
    .views-widget-sort-by .bef-select-as-links {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      background: #000;
      padding: 15px 15px 20px;
      z-index: 99;
      min-width: 200px;
      transition: all 0.5s ease-out; }
      .page-wrapper .article .view-filters
      .views-widget-sort-by .bef-select-as-links a, .page-wrapper .node-issue .view-filters
      .views-widget-sort-by .bef-select-as-links a, .page-wrapper .view .view-filters
      .views-widget-sort-by .bef-select-as-links a {
        padding: 5px 0;
        display: block;
        color: #b4b4b4;
        text-decoration: none;
        letter-spacing: 1px;
        transition: all 0.5s ease-out; }
        .page-wrapper .article .view-filters
        .views-widget-sort-by .bef-select-as-links a:hover, .page-wrapper .node-issue .view-filters
        .views-widget-sort-by .bef-select-as-links a:hover, .page-wrapper .view .view-filters
        .views-widget-sort-by .bef-select-as-links a:hover {
          color: #fff; }
    .page-wrapper .article .view-filters
    .views-widget-sort-by:hover .bef-select-as-links, .page-wrapper .node-issue .view-filters
    .views-widget-sort-by:hover .bef-select-as-links, .page-wrapper .view .view-filters
    .views-widget-sort-by:hover .bef-select-as-links {
      visibility: visible;
      opacity: 1; }
  .page-wrapper .article .view-filters .views-widget-sort-order, .page-wrapper .node-issue .view-filters .views-widget-sort-order, .page-wrapper .view .view-filters .views-widget-sort-order {
    position: relative;
    display: inline-block; }
    .page-wrapper .article .view-filters .views-widget-sort-order label, .page-wrapper .node-issue .view-filters .views-widget-sort-order label, .page-wrapper .view .view-filters .views-widget-sort-order label {
      padding-left: 50px;
      width: 82px;
      height: 43px;
      color: transparent; }
      @media only screen and (min-width: 768px) {
        .page-wrapper .article .view-filters .views-widget-sort-order label, .page-wrapper .node-issue .view-filters .views-widget-sort-order label, .page-wrapper .view .view-filters .views-widget-sort-order label {
          width: auto;
          height: auto;
          color: #000; } }
    .page-wrapper .article .view-filters .views-widget-sort-order:before, .page-wrapper .node-issue .view-filters .views-widget-sort-order:before, .page-wrapper .view .view-filters .views-widget-sort-order:before {
      content: "";
      width: 25px;
      height: 25px;
      left: 15px;
      top: 8px;
      display: inline-block;
      position: absolute;
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
      background: url(../images/clock.png) no-repeat center center; }
    .page-wrapper .article .view-filters .views-widget-sort-order:hover label, .page-wrapper .article .view-filters .views-widget-sort-order:hover .active, .page-wrapper .article .view-filters .views-widget-sort-order .show-it label, .page-wrapper .article .view-filters .views-widget-sort-order .show-it .active, .page-wrapper .node-issue .view-filters .views-widget-sort-order:hover label, .page-wrapper .node-issue .view-filters .views-widget-sort-order:hover .active, .page-wrapper .node-issue .view-filters .views-widget-sort-order .show-it label, .page-wrapper .node-issue .view-filters .views-widget-sort-order .show-it .active, .page-wrapper .view .view-filters .views-widget-sort-order:hover label, .page-wrapper .view .view-filters .views-widget-sort-order:hover .active, .page-wrapper .view .view-filters .views-widget-sort-order .show-it label, .page-wrapper .view .view-filters .views-widget-sort-order .show-it .active {
      text-indent: -9999px; }
      @media only screen and (min-width: 768px) {
        .page-wrapper .article .view-filters .views-widget-sort-order:hover label, .page-wrapper .article .view-filters .views-widget-sort-order:hover .active, .page-wrapper .article .view-filters .views-widget-sort-order .show-it label, .page-wrapper .article .view-filters .views-widget-sort-order .show-it .active, .page-wrapper .node-issue .view-filters .views-widget-sort-order:hover label, .page-wrapper .node-issue .view-filters .views-widget-sort-order:hover .active, .page-wrapper .node-issue .view-filters .views-widget-sort-order .show-it label, .page-wrapper .node-issue .view-filters .views-widget-sort-order .show-it .active, .page-wrapper .view .view-filters .views-widget-sort-order:hover label, .page-wrapper .view .view-filters .views-widget-sort-order:hover .active, .page-wrapper .view .view-filters .views-widget-sort-order .show-it label, .page-wrapper .view .view-filters .views-widget-sort-order .show-it .active {
          text-indent: 0; } }
    .page-wrapper .article .view-filters .views-widget-sort-order:hover:before, .page-wrapper .article .view-filters .views-widget-sort-order .show-it:before, .page-wrapper .node-issue .view-filters .views-widget-sort-order:hover:before, .page-wrapper .node-issue .view-filters .views-widget-sort-order .show-it:before, .page-wrapper .view .view-filters .views-widget-sort-order:hover:before, .page-wrapper .view .view-filters .views-widget-sort-order .show-it:before {
      background: url(../images/clock-white.png) no-repeat center center; }
    .page-wrapper .article .view-filters .views-widget-sort-order .bef-select-as-links, .page-wrapper .node-issue .view-filters .views-widget-sort-order .bef-select-as-links, .page-wrapper .view .view-filters .views-widget-sort-order .bef-select-as-links {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      background: #000;
      padding: 15px 15px 20px;
      z-index: 1;
      min-width: 200px;
      transition: all 0.5s ease-out; }
      .page-wrapper .article .view-filters .views-widget-sort-order .bef-select-as-links a, .page-wrapper .node-issue .view-filters .views-widget-sort-order .bef-select-as-links a, .page-wrapper .view .view-filters .views-widget-sort-order .bef-select-as-links a {
        padding: 5px 0;
        display: block;
        color: #b4b4b4;
        text-decoration: none;
        letter-spacing: 1px; }
        .page-wrapper .article .view-filters .views-widget-sort-order .bef-select-as-links a:hover, .page-wrapper .node-issue .view-filters .views-widget-sort-order .bef-select-as-links a:hover, .page-wrapper .view .view-filters .views-widget-sort-order .bef-select-as-links a:hover {
          color: #fff; }
    .page-wrapper .article .view-filters .views-widget-sort-order:hover .bef-select-as-links, .page-wrapper .node-issue .view-filters .views-widget-sort-order:hover .bef-select-as-links, .page-wrapper .view .view-filters .views-widget-sort-order:hover .bef-select-as-links {
      visibility: visible;
      opacity: 1; }
.page-wrapper .view-contributors-global .views-throbbing {
  display: none; }
.page-wrapper .view-contributors-global .views-widget-sort-order {
  display: none !important; }
.page-wrapper .view-contributors-global .views-widget-sort-by {
  display: none !important; }
.page-wrapper .view-contributors-global .contrib-filter-contain {
  text-transform: uppercase;
  position: absolute;
  top: 10px; }
  .page-wrapper .view-contributors-global .contrib-filter-contain .contrib-filter-label {
    display: inline;
    margin-right: 10px; }
  .page-wrapper .view-contributors-global .contrib-filter-contain .contrib-filter {
    background-color: #dfd7d0;
    border-radius: 5px;
    display: inline;
    padding: 10px 10px 10px 10px;
    cursor: pointer;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
    .page-wrapper .view-contributors-global .contrib-filter-contain .contrib-filter.active {
      background-color: rgba(223, 215, 208, 0.5); }
    .page-wrapper .view-contributors-global .contrib-filter-contain .contrib-filter:hover {
      background-color: rgba(223, 215, 208, 0.35); }
    @media only screen and (min-width: 768px) {
      .page-wrapper .view-contributors-global .contrib-filter-contain .contrib-filter {
        background-color: transparent; } }
  @media only screen and (min-width: 768px) {
    .page-wrapper .view-contributors-global .contrib-filter-contain a#contrib-filter-name {
      padding-left: 50px;
      background-position: 7px 12px;
      background-repeat: no-repeat;
      background-image: url(../images/alphabet.png);
      padding-left: 50px; } }
  @media only screen and (min-width: 768px) {
    .page-wrapper .view-contributors-global .contrib-filter-contain a#contrib-filter-time {
      padding-left: 40px;
      background-image: url(../images/clock.png);
      background-position: 6px 8px;
      background-repeat: no-repeat; } }
.page-wrapper #edit-field-issues-contributed-target-id-wrapper:hover .views-widget, .page-wrapper #edit-field-issues-contributed-target-id-wrapper:focus .views-widget, .page-wrapper .views-widget-sort-by:hover .views-widget, .page-wrapper .views-widget-sort-by:focus .views-widget, .page-wrapper .views-widget-sort-order:hover .views-widget, .page-wrapper .views-widget-sort-order:focus .views-widget {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 12 !important; }
.page-wrapper #edit-field-issues-contributed-target-id-wrapper:hover label, .page-wrapper #edit-field-issues-contributed-target-id-wrapper:focus label, .page-wrapper .views-widget-sort-by:hover label, .page-wrapper .views-widget-sort-by:focus label, .page-wrapper .views-widget-sort-order:hover label, .page-wrapper .views-widget-sort-order:focus label {
  color: #fff !important;
  background: url(../images/down-arrow-white.png) no-repeat 90% center !important;
  background-color: #000 !important; }
.page-wrapper #views-exposed-form-contributors-global-page, .page-wrapper #views-exposed-form-voices-in-time-archive-page {
  width: 100%;
  display: block; }
.page-wrapper .filter-page-header {
  font-family: "freight-sans-pro", sans-serif;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
  max-width: 1050px;
  margin: 0 auto 30px;
  position: relative;
  min-height: 32px;
  padding: 0 10px; }
  @media only screen and (min-width: 768px) {
    .page-wrapper .filter-page-header {
      padding: 0; } }
  .page-wrapper .filter-page-header .date {
    font-weight: 400;
    color: #424242;
    letter-spacing: 0.0625em;
    padding: 15px 0;
    display: block;
    position: absolute;
    left: 10px; }
    @media only screen and (min-width: 768px) {
      .page-wrapper .filter-page-header .date {
        left: 0; } }
  .page-wrapper .filter-page-header .filter-menu {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 9999;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
    .page-wrapper .filter-page-header .filter-menu:hover .filter-main-menu {
      visibility: visible;
      opacity: 1; }
    .page-wrapper .filter-page-header .filter-menu:hover .menu-title {
      color: #fff;
      background: #000 url(../images/down-arrow-white.png) no-repeat 90% center; }
    .page-wrapper .filter-page-header .filter-menu .menu-title.active {
      color: #fff;
      background: #000 url(../images/down-arrow-white.png) no-repeat 90% center; }
    .page-wrapper .filter-page-header .filter-menu .menu-title {
      padding: 15px;
      padding-right: 2em;
      margin-bottom: 1em;
      color: #000;
      text-decoration: none;
      letter-spacing: 1px;
      font-family: "freight-sans-pro", sans-serif;
      font-weight: 500;
      background: url(../images/down-arrow.png) no-repeat 90% center;
      font-size: 16px;
      font-size: 1em;
      transition: all 0.5s ease-out; }
    .page-wrapper .filter-page-header .filter-menu .filter-main-menu {
      transition: all 0.5s ease-out;
      visibility: hidden;
      opacity: 0;
      margin-top: 16px;
      position: absolute;
      right: 0;
      min-width: 200px;
      z-index: 9;
      background: #000;
      padding: 15px 15px 15px 30px;
      text-align: left;
      width: 100%; }
      .page-wrapper .filter-page-header .filter-menu .filter-main-menu li a {
        display: block;
        text-decoration: none;
        color: #98918f;
        padding: 5px 0;
        letter-spacing: 0.0625em;
        font-weight: 600;
        cursor: pointer;
        position: relative;
        font-size: 14px;
        font-size: 0.875em;
        transition: all 0.5s ease-out; }
        .page-wrapper .filter-page-header .filter-menu .filter-main-menu li a:hover {
          color: #fff; }
        .page-wrapper .filter-page-header .filter-menu .filter-main-menu li a:before {
          content: "";
          display: inline-block;
          position: absolute;
          left: -15px;
          top: -15px;
          height: 10px;
          width: 10px;
          color: #fff;
          font-size: 40px;
          font-size: 2.5em; }
        .page-wrapper .filter-page-header .filter-menu .filter-main-menu li a.active {
          color: #fff; }
          .page-wrapper .filter-page-header .filter-menu .filter-main-menu li a.active:before {
            content: "."; }
      .page-wrapper .filter-page-header .filter-menu .filter-main-menu li ul {
        display: none;
        border-bottom: 1px solid #424242;
        position: relative;
        padding: 0;
        min-width: none; }
        .page-wrapper .filter-page-header .filter-menu .filter-main-menu li ul li {
          margin-bottom: 10px; }
      .page-wrapper .filter-page-header .filter-menu .filter-main-menu li .year {
        font-weight: 500;
        display: block;
        width: 100%;
        border-bottom: 1px solid #424242;
        padding: 10px 0;
        margin-bottom: 10px;
        font-size: 16px;
        font-size: 1em; }
      @media only screen and (min-width: 768px) {
        .page-wrapper .filter-page-header .filter-menu .filter-main-menu li:hover ul {
          display: block; } }

.node-issue .filter-page-header.view-filters {
  padding: 0; }

.box-quote {
  clear: both;
  background-color: #F6F4F2;
  font-style: italic;
  color: #6F6F6F;
  padding: 1.5em;
  margin-right: auto;
  margin-left: auto;
  margin-top: 1em;
  margin-bottom: 1em; }

.hide {
  display: none; }

@media only screen and (min-width: 420px) {
  .left {
    float: left; } }

@media only screen and (min-width: 420px) {
  .right {
    float: right; } }

.strong {
  font-weight: bold; }

.read-more {
  padding-bottom: 1em;
  white-space: nowrap; }
  .read-more a {
    color: #6F6F6F;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    font-size: 13px;
    font-size: 0.8125em; }
  .read-more a:hover {
    text-decoration: underline; }

.see-more-wrapper {
  display: block;
  text-align: center; }

.see-more {
  display: block;
  margin: 0 auto;
  text-align: center; }
  .see-more a {
    padding: 10px 30px 10px 15px;
    font-family: "freight-sans-pro", sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    background: url(../images/down-arrow.png) no-repeat 90% center;
    border-radius: 3px;
    transition: all 0.5s ease-out; }
    .see-more a:hover {
      color: #fff;
      background: #000 url(../images/down-arrow-white.png) no-repeat 90% center; }

.see-more-issue {
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  padding: 2em 0;
  clear: both;
  letter-spacing: .1em;
  color: #a99482; }
  .see-more-issue a {
    text-transform: none;
    font-family: "adobe-caslon-pro", serif;
    font-style: italic;
    text-align: center;
    font-weight: 400;
    color: #000;
    text-decoration: none;
    letter-spacing: 0; }
  .see-more-issue a:hover {
    text-decoration: underline; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .clearfix {
  display: block; }

* html .clearfix {
  height: 1%; }

.one-third {
  width: 32%; }

.two-third {
  width: 64%; }

.half {
  width: 48%; }

.share {
  text-align: center;
  margin: 0.5em auto 0; }
  @media only screen and (min-width: 768px) {
    .share {
      margin: 1em auto 0; } }
  .share ul {
    display: inline;
    list-style: none; }
    .share ul li {
      width: auto;
      display: inline-block;
      padding: 0 4px; }
      .share ul li a {
        text-decoration: none; }

.share-right {
  position: absolute;
  bottom: 0;
  right: 0; }

.share-left {
  position: absolute;
  bottom: 0;
  left: 0; }

.callout-section {
  width: 100%;
  padding: 44px 0;
  background: #dfd7d0;
  position: relative;
  z-index: 9;
  /* .block {
    @include fastTransitions;
    &:hover {
      background-color:rgba(255,255,255,0.85);
    }
  } */ }
  .callout-section .callout-section-container {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto; }
  .callout-section .blog-daily, .callout-section .event, .callout-section .podcast {
    background-color: #fff; }
  @media only screen and (min-width: 768px) {
    .callout-section .grid .blog-daily {
      max-width: 700px;
      min-height: 350px; }
      .callout-section .grid .blog-daily .module-content {
        width: 50%; }
    .callout-section .grid .blog-img-left .module-content {
      float: right; }
    .callout-section .grid .blog-image-left {
      float: left; }
    .callout-section .grid .blog-image-right {
      float: right; } }
  .callout-section .grid .primary {
    margin: 0 auto;
    max-width: 700px;
    width: 90%; }
    @media only screen and (min-width: 768px) {
      .callout-section .grid .primary {
        width: 100%;
        -webkit-box-flex: 2;
        -moz-box-flex: 2;
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2; } }
    .callout-section .grid .primary .view-related-reads-vit, .callout-section .grid .primary .view-related-reads-conversation {
      max-width: 334px;
      margin: 0 auto; }
  .callout-section .grid .secondary {
    max-width: 350px;
    width: 100%;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .callout-section .grid .secondary {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1; } }
  .callout-section .callout-header h1 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 44px;
    font-size: 26px;
    font-size: 1.625em; }
    .callout-section .callout-header h1 a {
      text-decoration: none;
      color: #000; }
    .callout-section .callout-header h1 span {
      font-weight: 400;
      color: #7a716e;
      font-family: "freight-sans-pro", sans-serif;
      font-size: 18px;
      font-size: 1.125em; }
  .callout-section .header {
    width: 90%;
    max-width: 800px;
    padding: 0 0 2em;
    margin: 0 auto;
    display: block;
    text-align: center; }
    .callout-section .header .daily-icon {
      display: inline; }
    .callout-section .header h1 {
      letter-spacing: 2px;
      font-size: 48px;
      font-size: 3em; }
      .callout-section .header h1 span {
        font-weight: 400; }
    .callout-section .header form {
      padding-top: 1em; }
      .callout-section .header form input {
        width: 50%; }
        @media only screen and (min-width: 768px) {
          .callout-section .header form input {
            width: 30%; } }
        @media only screen and (min-width: 1024px) {
          .callout-section .header form input {
            max-width: 250px;
            padding: 10px; } }
      .callout-section .header form h2 {
        display: inline-block;
        color: #000;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.4em;
        letter-spacing: 1px;
        font-size: 20px;
        font-size: 1.25em; }
      .callout-section .header form span {
        display: inline-block;
        color: #000;
        text-transform: none;
        font-style: italic;
        padding: 0.5em;
        font-weight: normal;
        display: block;
        margin-right: 1em;
        font-size: 20px;
        font-size: 1.25em; }
        @media only screen and (min-width: 768px) {
          .callout-section .header form span {
            display: inline; } }
  .callout-section .inline-image-block {
    transition: all 0.5s ease-out; }
    .callout-section .inline-image-block:hover {
      background-color: rgba(255, 255, 255, 0.9); }
    .callout-section .inline-image-block .module-content {
      padding-bottom: 45px; }
      @media only screen and (min-width: 768px) {
        .callout-section .inline-image-block .module-content {
          padding-bottom: 25px; } }
      .callout-section .inline-image-block .module-content .callout-module-header {
        margin-bottom: 18px; }
        .callout-section .inline-image-block .module-content .callout-module-header a {
          color: #98918f;
          border-bottom: 1px solid rgba(152, 145, 142, 0.3);
          text-decoration: none; }
          .callout-section .inline-image-block .module-content .callout-module-header a:hover {
            border-bottom: 1px solid rgba(152, 145, 142, 0.6); }
      .callout-section .inline-image-block .module-content h1 {
        margin-bottom: 10px;
        font-size: 22px;
        font-size: 1.375em; }
        @media only screen and (min-width: 768px) {
          .callout-section .inline-image-block .module-content h1 {
            font-size: 32px;
            font-size: 2em; } }
        .callout-section .inline-image-block .module-content h1 a {
          transition: all 0.5s ease-out; }
      .callout-section .inline-image-block .module-content .author {
        margin-bottom: 10px;
        display: block; }
        .callout-section .inline-image-block .module-content .author a {
          color: #a38c78;
          text-decoration: none;
          display: inline-block;
          border-bottom: 1px solid transparent;
          transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
          .callout-section .inline-image-block .module-content .author a:hover {
            border-bottom: 1px solid #a38c78; }
      .callout-section .inline-image-block .module-content p.text {
        line-height: 26px;
        margin-bottom: 15px;
        font-size: 16px;
        font-size: 1em; }
        .callout-section .inline-image-block .module-content p.text .accent {
          color: #a38c78;
          font-weight: 700;
          font-size: 18px;
          font-size: 1.125em; }
    .callout-section .inline-image-block .share {
      position: absolute;
      z-index: 11;
      bottom: 10px; }
      .callout-section .inline-image-block .share.right, .callout-section .inline-image-block .share.share-right {
        right: 20px; }
      .callout-section .inline-image-block .share.left, .callout-section .inline-image-block .share.share-left {
        left: 20px; }
      .callout-section .inline-image-block .share a:before {
        opacity: 0.7;
        transition: all 0.5s ease-out; }
      .callout-section .inline-image-block .share a:hover:before {
        opacity: 1; }
  .callout-section .basic-teaser-block {
    max-width: 100%;
    height: 417px; }
  .callout-section .split-box.small {
    margin: 0 auto; }
  .callout-section .convo {
    width: 100%;
    max-width: 334px; }
  .callout-section .podcast {
    transition: all 0.5s ease-out; }
    .callout-section .podcast:hover {
      background-color: rgba(255, 255, 255, 0.9); }
  @media only screen and (min-width: 768px) {
    .callout-section .view-id-laphams_daily_deja_vu {
      width: 100%; }
      .callout-section .view-id-laphams_daily_deja_vu > div > div {
        width: 100%; } }
  .callout-section .view-id-laphams_daily_deja_vu .share {
    padding: 20px 0; }
  .callout-section .view-id-laphams_daily_deja_vu .module-content .text {
    font-size: 17px;
    font-size: 1.0625em; }
    .callout-section .view-id-laphams_daily_deja_vu .module-content .text:first-of-type {
      padding-bottom: 10px;
      margin-bottom: 16px;
      border-bottom: 1px solid #dfd7d0; }
  .callout-section .view-id-laphams_daily_deja_vu .module-content h1 {
    margin-bottom: 10px; }
  .callout-section .view-id-laphams_daily_deja_vu .module-content p {
    display: inline;
    font-size: 17px;
    font-size: 1.0625em; }
  .callout-section .view-id-laphams_daily_deja_vu .share {
    position: absolute;
    bottom: 0;
    padding: 20px 0 10px; }
  .callout-section .view-id-laphams_daily_roundtable .module-content p.text {
    font-size: 17px;
    font-size: 1.0625em; }
  .callout-section .view-id-laphams_daily_roundtable .share {
    padding: 20px 0;
    padding-right: 20px;
    right: 0;
    position: absolute;
    bottom: 0; }
  .callout-section .no-image .module-content {
    width: 100%; }

.callout-section.daily .callout-header {
  text-align: center; }
  .callout-section.daily .callout-header h1 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px;
    border-bottom: 1px solid #000;
    padding: 0 10px;
    display: inline-block;
    margin: 0 auto 1em;
    font-size: 28px;
    font-size: 1.75em; }
    @media only screen and (min-width: 768px) {
      .callout-section.daily .callout-header h1 {
        padding: 0 40px;
        font-size: 42px;
        font-size: 2.625em; } }
    .callout-section.daily .callout-header h1 img {
      display: block;
      margin: 0 auto 5px; }
      @media only screen and (min-width: 768px) {
        .callout-section.daily .callout-header h1 img {
          display: inline-block;
          margin: 0 10px -5px; } }
    .callout-section.daily .callout-header h1 a {
      text-decoration: none;
      color: #000; }
    .callout-section.daily .callout-header h1 span {
      font-weight: 400;
      color: #7a716e;
      font-family: "freight-sans-pro", sans-serif;
      font-size: 18px;
      font-size: 1.125em; }
  .callout-section.daily .callout-header .signup-area {
    text-align: center;
    margin-bottom: 40px; }
    .callout-section.daily .callout-header .signup-area p {
      display: inline-block;
      margin-right: 10px;
      margin-bottom: 10px;
      font-size: 18px;
      font-size: 1.125em; }
      .callout-section.daily .callout-header .signup-area p strong {
        text-transform: uppercase;
        display: block;
        letter-spacing: 2px; }
        @media only screen and (min-width: 768px) {
          .callout-section.daily .callout-header .signup-area p strong {
            display: inline-block; } }
    .callout-section.daily .callout-header .signup-area form {
      display: inline-block; }
      .callout-section.daily .callout-header .signup-area form input {
        text-transform: uppercase;
        padding: 8px;
        padding-right: 80px;
        font-size: 18px;
        font-size: 1.125em; }
    .callout-section.daily .callout-header .signup-area .submit {
      vertical-align: middle; }

.homepage-reverse .callout-section.daily {
  background-color: #f3f0ed; }

.small-grid {
  display: block; }
  @media only screen and (min-width: 1024px) {
    .small-grid {
      max-width: 334px; } }

.big-grid {
  display: block;
  max-width: 692px; }

.space-between {
  -webkit-align-content: space-around;
  -moz-align-content: space-around;
  -ms-align-content: space-around;
  align-content: space-around;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around; }
  @media only screen and (min-width: 1024px) {
    .space-between {
      -webkit-align-content: space-between;
      -moz-align-content: space-between;
      -ms-align-content: space-between;
      align-content: space-between;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between; } }

.space-around {
  -webkit-align-content: space-around;
  -moz-align-content: space-around;
  -ms-align-content: space-around;
  align-content: space-around;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around; }

.submit {
  background: url(../images/plus.png) no-repeat 0 0;
  height: 15px;
  width: 10px;
  margin-left: -20px;
  padding-top: 5px; }

.sorting {
  display: inline-block; }
  .sorting a {
    color: #98918f;
    padding: 10px 10px 10px 20px;
    text-transform: uppercase;
    text-decoration: none; }

.pub-date {
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #b4b4b4;
  font-family: "freight-sans-pro", sans-serif;
  margin-bottom: 15px;
  line-height: 1;
  font-size: 14px;
  font-size: 0.875em; }

.subscribe-via-block {
  font-family: "freight-sans-pro",sans-serif;
  letter-spacing: 2px;
  line-height: 1.1;
  background-color: #cdac77;
  color: #4C4C4C;
  margin: 1em 0 2em 0;
  text-align: center;
  padding: 1em 0;
  /*border-top: 1pt solid #D9D9D9;*/
  /*border-bottom: 1pt solid #D9D9D9;*/
}
.subscribe-via-block h2 {
  font-size: 1em;
  font-weight: 500;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.subscribe-via-block a {
  color: #4C4C4C;
  display: inline-block;
  font-weight: 500;
  padding-right: 10px;
}
.subscribe-via-block a:last-child {
  padding-right: 0;
}
.subscribe-block {
  display: inline-block;
  text-align: center;
  margin: 10px auto 0; }
  @media only screen and (min-width: 768px) {
    .subscribe-block {
      display: inline-block; } }
  .subscribe-block a {
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 600;
    color: #000;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    opacity: 0.85;
    background: #cdac77;
    padding: 15px 20px;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    font-size: 12px;
    font-size: 0.75em;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
    .subscribe-block a:hover {
      opacity: 1;
      box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.95); }
    .subscribe-block a:active {
      box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.25); }

.bc_dates {
  font-size: 65%; }

.circafy {
  text-transform: lowercase; }

.color-5, .back-color-35 {
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }

@-webkit-keyframes thumb {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes thumb {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ajax-progress .throbber {
  background: transparent url("../images/module-header-icon-yellow.png") no-repeat;
  height: 10px;
  width: 10px;
  position: absolute;
  margin-left: 15px;
  margin-top: -10px;
  display: inline-block;
  -webkit-animation-name: thumb;
  -webkit-animation-duration: 1000ms;
  -webkit-animation-iteration-count: infinite;
  animation-name: thumb;
  animation-duration: 1000ms;
  animation-iteration-count: infinite; }

/* Utility */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0; }

figcaption {
  font-size: 15px !important;
}

figcaption p {
  font-size: 15px !important;
}

/**
 * @file
 * Print styling
 *
 * We provide some sane print styling for Drupal using Zen's layout method.
 */
/**
 * By importing this CSS file as media "all", we allow this print file to be
 * aggregated with other stylesheets, for improved front-end performance.
 */
@media print {
  /* Underline all links. */
  a:link,
  a:visited {
    text-decoration: underline !important;
    /* Don't underline header. */ }
    a:link.header__site-link,
    a:visited.header__site-link {
      text-decoration: none !important; }

  #content {
    /* Add visible URL after links. */
    /* Only display useful links. */
    /* Add visible title after abbreviations. */ }
    #content a[href]:after {
      content: " (" attr(href) ")";
      font-weight: normal;
      font-size: 16px; }
    #content a[href^="javascript:"]:after,
    #content a[href^="#"]:after,
    #content a[data-replace-random-quote]:after,
    #content a[data-replace-standard]:after,
    #content a[data-replace-widescreen]:after {
      content: ""; }
    #content abbr[title]:after {
      content: " (" attr(title) ")"; }

  /* Un-float the content. */
  #content {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important; }

  /* Turn off any background colors or images. */
  body,
  #page,
  #main,
  #content {
    color: #000;
    background-color: transparent !important;
    background-image: none !important; }

  /* Hide sidebars and nav elements. */
  #skip-link,
  #toolbar,
  #navigation,
  .top-bar,
  .region-sidebar-first,
  .region-sidebar-second,
  #footer,
  .breadcrumb,
  .tabs,
  .action-links,
  .links,
  .book-navigation,
  .forum-topic-navigation,
  .pager,
  .feed-icons,
  .callout-section,
  footer,
  .share,
  .nav-bar,
  .pagination,
  .sticky-issue,
  .filter-page-header,
  .view-filters {
    visibility: hidden;
    display: none; }

  #content img {
    visibility: hidden;
    display: none; }

  /*
    .nav-bar {
      display: none !important;
    }*/
  header .title {
    position: relative !important; }

  .content-header .title .share {
    visibility: hidden;
    display: none; }

  .content-header .title .excerpt p {
    color: #000;
    text-shadow: none; }

  .hero-image {
    background: none !important; }

  #page-title {
    color: #000 !important; }

  .pagination {
    visibility: hidden;
    display: none; }

  .content-wrapper {
    max-width: 900px; }

  figcaption {
    background: none;
    color: #000; }

  blockquote {
    background: none !important;
    color: #000; }

  .bio-block {
    background: none !important;
    color: #000; }

  /* Contributors */
  .single-contributor-content {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto; } }
/* SMACSS theme rules */
/* @import "theme-A"; */
/* @import "theme-B"; */

.header--about-this-text {
  margin-bottom: 10px;
}

.see-footnote {
  font-size: 11pt;
}
.footnotes {
  margin: 1em auto !important;
  padding-top: 1em;
  max-width: 700px;
}
.footnote {
  font-size: 12.5pt;
}

#fn1 {
  border-top: none !important;
}

.current-footnote {
  background: #eee !important;
}