@charset "UTF-8";
/****** global variables ********/
/****** z-index ********/
/****** dive variables ********/
/**
 * Foundation for Sites by ZURB
 * Version 6.2.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
   * 1. Set default font family to sans-serif.
   * 2. Prevent iOS and IE text size adjust after device orientation change,
   *    without disabling user zoom.
   */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

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

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

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

/**
   * Address `[hidden]` styling not present in IE 8/9/10.
   * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
   */
[hidden],
template {
  display: none;
}

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

/**
   * Improve readability of focused elements when they are also in an
   * active/hover state.
   */
a:active,
a:hover {
  outline: 0;
}

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

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

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

/**
   * Address variable `h1` font-size and margin within `section` and `article`
   * contexts in Firefox 4+, Safari, and Chrome.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

/**
   * 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;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove border when inside `a` element in IE 8/9/10.
   */
img {
  border: 0;
}

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

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

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

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

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

/* Forms
     ========================================================================== */
/**
   * Known limitation: by default, Chrome and Safari on OS X allow very limited
   * styling of `select`, unless a `border` property is set.
   */
/**
   * 1. Correct color not being inherited.
   *    Known issue: affects color of disabled elements.
   * 2. Correct font properties not being inherited.
   * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
   */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

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

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

/**
   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
   *    and `video` controls.
   * 2. Correct inability to style clickable `input` types in iOS.
   * 3. Improve usability and consistency of cursor style between image-type
   *    `input` and others.
   */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  border-radius: 0px;
  /* added to cancel browser stylesheet */
}

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

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

/**
   * Address Firefox 4+ setting `line-height` on `input` using `!important` in
   * the UA stylesheet.
   */
/*input {
  line-height: normal; }*/
/**
   * It's recommended that you don't attempt to style these elements.
   * Firefox's implementation doesn't respect box-sizing, padding, or width.
   *
   * 1. Address box sizing set to `content-box` in IE 8/9/10.
   * 2. Remove excess padding in IE 8/9/10.
   */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

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

/**
   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
   * Safari (but not Chrome) clips the cancel button when the search input has
   * padding (and `textfield` appearance).
   */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * Define consistent border, margin, and padding.
   * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.
   */
/* fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  } */
/**
   * 1. Correct `color` not being inherited in IE 8/9/10/11.
   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
   */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

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

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

td,
th {
  padding: 0;
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}

html {
  font-size: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  background: #fefefe;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0px;
}

select {
  width: 100%;
  border-radius: 0px;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  line-height: 1;
}

[data-whatinput='mouse'] button {
  outline: 0;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

/**
 * Foundation for Sites by ZURB
 * Version 6.2.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
.row {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}

.row::before, .row::after {
  content: ' ';
  display: table;
}

.row::after {
  clear: both;
}

.row.collapse > .column, .row.collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}

.row .row {
  max-width: none;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}

.row .row.collapse {
  margin-left: 0;
  margin-right: 0;
}

.row.expanded {
  max-width: none;
}

.row.expanded .row {
  margin-left: auto;
  margin-right: auto;
}

.column, .columns {
  width: 100%;
  float: left;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: right;
}

.column.end:last-child:last-child, .end.columns:last-child:last-child {
  float: left;
}

.column.row.row, .row.row.columns {
  float: none;
}

.row .column.row.row, .row .row.row.columns {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

.small-1 {
  width: 8.33333%;
}

.small-push-1 {
  position: relative;
  left: 8.33333%;
}

.small-pull-1 {
  position: relative;
  left: -8.33333%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  width: 16.66667%;
}

.small-push-2 {
  position: relative;
  left: 16.66667%;
}

.small-pull-2 {
  position: relative;
  left: -16.66667%;
}

.small-offset-1 {
  margin-left: 8.33333%;
}

.small-3 {
  width: 25%;
}

.small-push-3 {
  position: relative;
  left: 25%;
}

.small-pull-3 {
  position: relative;
  left: -25%;
}

.small-offset-2 {
  margin-left: 16.66667%;
}

.small-4 {
  width: 33.33333%;
}

.small-push-4 {
  position: relative;
  left: 33.33333%;
}

.small-pull-4 {
  position: relative;
  left: -33.33333%;
}

.small-offset-3 {
  margin-left: 25%;
}

.small-5 {
  width: 41.66667%;
}

.small-push-5 {
  position: relative;
  left: 41.66667%;
}

.small-pull-5 {
  position: relative;
  left: -41.66667%;
}

.small-offset-4 {
  margin-left: 33.33333%;
}

.small-6 {
  width: 50%;
}

.small-push-6 {
  position: relative;
  left: 50%;
}

.small-pull-6 {
  position: relative;
  left: -50%;
}

.small-offset-5 {
  margin-left: 41.66667%;
}

.small-7 {
  width: 58.33333%;
}

.small-push-7 {
  position: relative;
  left: 58.33333%;
}

.small-pull-7 {
  position: relative;
  left: -58.33333%;
}

.small-offset-6 {
  margin-left: 50%;
}

.small-8 {
  width: 66.66667%;
}

.small-push-8 {
  position: relative;
  left: 66.66667%;
}

.small-pull-8 {
  position: relative;
  left: -66.66667%;
}

.small-offset-7 {
  margin-left: 58.33333%;
}

.small-9 {
  width: 75%;
}

.small-push-9 {
  position: relative;
  left: 75%;
}

.small-pull-9 {
  position: relative;
  left: -75%;
}

.small-offset-8 {
  margin-left: 66.66667%;
}

.small-10 {
  width: 83.33333%;
}

.small-push-10 {
  position: relative;
  left: 83.33333%;
}

.small-pull-10 {
  position: relative;
  left: -83.33333%;
}

.small-offset-9 {
  margin-left: 75%;
}

.small-11 {
  width: 91.66667%;
}

.small-push-11 {
  position: relative;
  left: 91.66667%;
}

.small-pull-11 {
  position: relative;
  left: -91.66667%;
}

.small-offset-10 {
  margin-left: 83.33333%;
}

.small-12 {
  width: 100%;
}

.small-offset-11 {
  margin-left: 91.66667%;
}

.small-up-1 > .column, .small-up-1 > .columns {
  width: 100%;
  float: left;
}

.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
  clear: both;
}

.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
  float: left;
}

.small-up-2 > .column, .small-up-2 > .columns {
  width: 50%;
  float: left;
}

.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
  clear: both;
}

.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
  float: left;
}

.small-up-3 > .column, .small-up-3 > .columns {
  width: 33.33333%;
  float: left;
}

.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
  clear: both;
}

.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
  float: left;
}

.small-up-4 > .column, .small-up-4 > .columns {
  width: 25%;
  float: left;
}

.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
  clear: both;
}

.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
  float: left;
}

.small-up-5 > .column, .small-up-5 > .columns {
  width: 20%;
  float: left;
}

.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
  clear: both;
}

.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
  float: left;
}

.small-up-6 > .column, .small-up-6 > .columns {
  width: 16.66667%;
  float: left;
}

.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
  clear: both;
}

.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
  float: left;
}

.small-up-7 > .column, .small-up-7 > .columns {
  width: 14.28571%;
  float: left;
}

.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
  clear: both;
}

.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
  float: left;
}

.small-up-8 > .column, .small-up-8 > .columns {
  width: 12.5%;
  float: left;
}

.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
  clear: both;
}

.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
  float: left;
}

.small-collapse > .column, .small-collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}

.small-collapse .row,
.expanded.row .small-collapse.row {
  margin-left: 0;
  margin-right: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.small-centered {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  margin-left: 0;
  margin-right: 0;
  float: left;
}

@media screen and (min-width: 40em) {
  .medium-1 {
    width: 8.33333%;
  }
  .medium-push-1 {
    position: relative;
    left: 8.33333%;
  }
  .medium-pull-1 {
    position: relative;
    left: -8.33333%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    width: 16.66667%;
  }
  .medium-push-2 {
    position: relative;
    left: 16.66667%;
  }
  .medium-pull-2 {
    position: relative;
    left: -16.66667%;
  }
  .medium-offset-1 {
    margin-left: 8.33333%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-push-3 {
    position: relative;
    left: 25%;
  }
  .medium-pull-3 {
    position: relative;
    left: -25%;
  }
  .medium-offset-2 {
    margin-left: 16.66667%;
  }
  .medium-4 {
    width: 33.33333%;
  }
  .medium-push-4 {
    position: relative;
    left: 33.33333%;
  }
  .medium-pull-4 {
    position: relative;
    left: -33.33333%;
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .medium-5 {
    width: 41.66667%;
  }
  .medium-push-5 {
    position: relative;
    left: 41.66667%;
  }
  .medium-pull-5 {
    position: relative;
    left: -41.66667%;
  }
  .medium-offset-4 {
    margin-left: 33.33333%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-push-6 {
    position: relative;
    left: 50%;
  }
  .medium-pull-6 {
    position: relative;
    left: -50%;
  }
  .medium-offset-5 {
    margin-left: 41.66667%;
  }
  .medium-7 {
    width: 58.33333%;
  }
  .medium-push-7 {
    position: relative;
    left: 58.33333%;
  }
  .medium-pull-7 {
    position: relative;
    left: -58.33333%;
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .medium-8 {
    width: 66.66667%;
  }
  .medium-push-8 {
    position: relative;
    left: 66.66667%;
  }
  .medium-pull-8 {
    position: relative;
    left: -66.66667%;
  }
  .medium-offset-7 {
    margin-left: 58.33333%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-push-9 {
    position: relative;
    left: 75%;
  }
  .medium-pull-9 {
    position: relative;
    left: -75%;
  }
  .medium-offset-8 {
    margin-left: 66.66667%;
  }
  .medium-10 {
    width: 83.33333%;
  }
  .medium-push-10 {
    position: relative;
    left: 83.33333%;
  }
  .medium-pull-10 {
    position: relative;
    left: -83.33333%;
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .medium-11 {
    width: 91.66667%;
  }
  .medium-push-11 {
    position: relative;
    left: 91.66667%;
  }
  .medium-pull-11 {
    position: relative;
    left: -91.66667%;
  }
  .medium-offset-10 {
    margin-left: 83.33333%;
  }
  .medium-12 {
    width: 100%;
  }
  .medium-offset-11 {
    margin-left: 91.66667%;
  }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    width: 100%;
    float: left;
  }
  .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
    float: left;
  }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    width: 50%;
    float: left;
  }
  .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
    float: left;
  }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    width: 33.33333%;
    float: left;
  }
  .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
    float: left;
  }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    width: 25%;
    float: left;
  }
  .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
    float: left;
  }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    width: 20%;
    float: left;
  }
  .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
    float: left;
  }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    width: 16.66667%;
    float: left;
  }
  .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
    float: left;
  }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    width: 14.28571%;
    float: left;
  }
  .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
    float: left;
  }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    width: 12.5%;
    float: left;
  }
  .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
    float: left;
  }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .medium-collapse .row,
  .expanded.row .medium-collapse.row {
    margin-left: 0;
    margin-right: 0;
  }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .medium-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
}

@media screen and (min-width: 64em) {
  .large-1 {
    width: 8.33333%;
  }
  .large-push-1 {
    position: relative;
    left: 8.33333%;
  }
  .large-pull-1 {
    position: relative;
    left: -8.33333%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    width: 16.66667%;
  }
  .large-push-2 {
    position: relative;
    left: 16.66667%;
  }
  .large-pull-2 {
    position: relative;
    left: -16.66667%;
  }
  .large-offset-1 {
    margin-left: 8.33333%;
  }
  .large-3 {
    width: 25%;
  }
  .large-push-3 {
    position: relative;
    left: 25%;
  }
  .large-pull-3 {
    position: relative;
    left: -25%;
  }
  .large-offset-2 {
    margin-left: 16.66667%;
  }
  .large-4 {
    width: 33.33333%;
  }
  .large-push-4 {
    position: relative;
    left: 33.33333%;
  }
  .large-pull-4 {
    position: relative;
    left: -33.33333%;
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .large-5 {
    width: 41.66667%;
  }
  .large-push-5 {
    position: relative;
    left: 41.66667%;
  }
  .large-pull-5 {
    position: relative;
    left: -41.66667%;
  }
  .large-offset-4 {
    margin-left: 33.33333%;
  }
  .large-6 {
    width: 50%;
  }
  .large-push-6 {
    position: relative;
    left: 50%;
  }
  .large-pull-6 {
    position: relative;
    left: -50%;
  }
  .large-offset-5 {
    margin-left: 41.66667%;
  }
  .large-7 {
    width: 58.33333%;
  }
  .large-push-7 {
    position: relative;
    left: 58.33333%;
  }
  .large-pull-7 {
    position: relative;
    left: -58.33333%;
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .large-8 {
    width: 66.66667%;
  }
  .large-push-8 {
    position: relative;
    left: 66.66667%;
  }
  .large-pull-8 {
    position: relative;
    left: -66.66667%;
  }
  .large-offset-7 {
    margin-left: 58.33333%;
  }
  .large-9 {
    width: 75%;
  }
  .large-push-9 {
    position: relative;
    left: 75%;
  }
  .large-pull-9 {
    position: relative;
    left: -75%;
  }
  .large-offset-8 {
    margin-left: 66.66667%;
  }
  .large-10 {
    width: 83.33333%;
  }
  .large-push-10 {
    position: relative;
    left: 83.33333%;
  }
  .large-pull-10 {
    position: relative;
    left: -83.33333%;
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .large-11 {
    width: 91.66667%;
  }
  .large-push-11 {
    position: relative;
    left: 91.66667%;
  }
  .large-pull-11 {
    position: relative;
    left: -91.66667%;
  }
  .large-offset-10 {
    margin-left: 83.33333%;
  }
  .large-12 {
    width: 100%;
  }
  .large-offset-11 {
    margin-left: 91.66667%;
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    width: 100%;
    float: left;
  }
  .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
    float: left;
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    width: 50%;
    float: left;
  }
  .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
    float: left;
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    width: 33.33333%;
    float: left;
  }
  .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
    float: left;
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    width: 25%;
    float: left;
  }
  .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
    float: left;
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    width: 20%;
    float: left;
  }
  .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
    float: left;
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    width: 16.66667%;
    float: left;
  }
  .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
    float: left;
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    width: 14.28571%;
    float: left;
  }
  .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
    float: left;
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    width: 12.5%;
    float: left;
  }
  .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
    float: left;
  }
  .large-collapse > .column, .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .large-collapse .row,
  .expanded.row .large-collapse.row {
    margin-left: 0;
    margin-right: 0;
  }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .large-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
}

/****** forms ********/
/* TODO: additional helper classes
    Suggestions:
    - add red link class (here or in typography)
    - add grey-bg class
    - add image display block class (or change default styles)
*/
.printed-branding {
  display: none;
}

.hide-small {
  display: none;
}

.show-small {
  display: block;
}

@media screen and (min-width: 40em) {
  .hide-medium {
    display: none;
  }
  .show-medium {
    display: block;
  }
}

@media screen and (min-width: 64em) {
  .hide-large {
    display: none;
  }
  .show-large {
    display: block;
  }
  .show-large-inline {
    display: inline;
  }
}

.clear-fix {
  clear: both;
}

@media screen and (min-width: 64em) {
  .large-uncentered.columns {
    float: left;
  }
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}

.screen-reader-text-visible.search {
  display: none;
}

.dark-bg {
  color: #fff;
}

.dark-bg p, .dark-bg li, .dark-bg blockquote, .dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6 {
  color: #fff;
}

.dark-bg a {
  color: #fff;
}

.dark-bg a:hover {
  color: #fff;
}

.off-site-link {
  margin-left: 0.5rem;
  max-width: 12px;
}

/****** typography ********/
/* TODO: rethink basic typography styling
    Suggestions:
    - we are currently styling line-height and font-size on a case-by-case basis across the site
    we should specify a proper line-height and font-size for our headers (especially line-height)
    I listed some examples of where line-height is being adjusted below (we all seem to disagree but are within 0.1 of each other)
    you can also search for line-height globally and take a look.
    - we should make our current default list styling specific to article pages and
    make the default what we are currently restyling across the site: no margin-left and no list-style-type
    - this might also be a good place to make an editorial class or something of the sort to also limit
    classes applying that
    - we might also want to make anchor text decoration default to none and make the underline specific to article pages
*/
.wf-loading h1 {
  font-size: 1.5rem;
}

.wf-loading .top-article h1 {
  font-size: 1.5rem;
}

@media screen and (min-width: 40em) {
  .wf-loading h1 {
    font-size: 2.5rem;
  }
  .wf-loading .top-article h1 {
    font-size: 2.15rem;
  }
}

@media screen and (min-width: 64em) {
  .wf-loading h1 {
    font-size: 2.75rem;
  }
  .wf-loading .top-article h1 {
    font-size: 2.25rem;
  }
}

body {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}

h1 {
  font-size: 1.625rem;
  font-weight: 800;
  letter-spacing: .3px;
  line-height: 1.2;
}

h2 {
  font-size: 1.5rem;
  letter-spacing: .5px;
  line-height: 1.2;
}

h3 {
  font-size: 1.25rem;
  letter-spacing: .5px;
  line-height: 1.3;
}

h4 {
  font-size: 1rem;
  margin: 1rem 0;
}

p, li, ol, blockquote {
  font-size: 1rem;
  letter-spacing: .3px;
  line-height: 1.4;
  margin-bottom: 1.25rem;
}

a {
  color: #101316;
  cursor: pointer;
}

a:hover {
  color: #101316;
  text-decoration: underline;
}

ol, ul {
  margin: 0 0 1.25rem 1.25rem;
  padding-left: 0;
}

ol li, ul li {
  margin-bottom: 0.675rem;
}

ul.list-no-bullets {
  margin-left: 0;
}

ul.list-no-bullets li {
  list-style-type: none;
}

.call-out-link {
  color: #d62828;
  text-decoration: underline;
}

.call-out-link:hover {
  color: #d62828;
}

.call-out-text {
  color: #d62828;
}

@media screen and (min-width: 40em) {
  h1 {
    font-size: 2.75rem;
  }
  h3 {
    font-size: 1.5rem;
  }
  h4 {
    font-size: 1.25rem;
  }
  p, li {
    font-size: 1.125rem;
  }
}

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

.help-text,
.editor-note p {
  font-size: .875rem;
  color: #76797C;
}

.help-text a,
.editor-note p a {
  color: #76797C;
}

.help-text {
  font-style: italic;
}

@media screen and (min-width: 40em) {
  .editor-note p {
    font-size: 1.125rem;
  }
  .help-text {
    font-size: 1rem;
  }
}

/****** labels ******/
.label {
  color: #434649;
  font-size: .875rem;
  overflow-wrap: break-word;
  text-transform: uppercase;
  word-wrap: break-word;
}

.label.primary {
  color: #d62828;
  font-weight: 700;
  text-decoration: none;
}

.label.strong {
  color: #000;
  display: block;
  font-weight: 700;
}

.label.secondary {
  color: #76797C;
  text-transform: none;
}

.label.sponsored {
  color: #287fd6;
  font-weight: 700;
}

.topic-tag {
  color: #434649;
  display: inline-block;
  font-size: .75rem;
  padding-top: .75rem;
}

.topic-tag:before {
  background: url("../img/tag.png") no-repeat left center transparent;
  background-size: 100% 100%;
  content: "\0000a0";
  height: 10px;
  display: inline-block;
  margin: 0 .375rem 0 0;
  opacity: .45;
  vertical-align: middle;
  width: 10px;
}

.topic-tag:hover {
  color: #101316;
}

.topic-tag:hover:before {
  opacity: .6;
}

.post-label {
  font-size: .875rem;
  font-weight: 700;
  overflow-wrap: break-word;
  text-transform: uppercase;
  word-wrap: break-word;
}

.post-label.primary {
  color: #d62828;
  text-decoration: none;
}

.post-label.sponsored {
  color: #287fd6;
}

.post-label.opinion {
  color: #000;
}

.post-label.podcast {
  color: #d62828;
}

.post-label.podcast:before {
  background: url("../img/label_icons/podcast_red.svg") no-repeat left center transparent;
  background-size: 100% 100%;
  content: "\0000a0";
  display: inline-block;
  height: 16px;
  line-height: 1.3;
  margin: 0 .25rem 0 0;
  width: 16px;
}

.post-label.podcast.smt-label:before {
  background: url("../img/label_icons/podcast_orange.svg") no-repeat left center transparent;
}

.post-label.award {
  background-color: #ffcc00;
  font-weight: 800;
  padding: 0.125rem 0.5rem;
}

.article-title-wrapper .post-label {
  color: #fff;
  font-size: .75rem;
  padding: .125rem .5rem;
}

.article-title-wrapper .post-label.primary {
  background-color: #d62828;
}

.article-title-wrapper .post-label.sponsored {
  background-color: #287fd6;
}

.article-title-wrapper .post-label.opinion {
  background-color: #000;
}

.article-title-wrapper .post-label.podcast {
  background-color: #d62828;
}

.article-title-wrapper .post-label.podcast:before {
  background: url("../img/label_icons/podcast_white.svg") no-repeat left center transparent;
  line-height: 1.4;
}

.article-title-wrapper .post-label.award {
  background-color: #ffcc00;
  color: #000;
}

@media screen and (min-width: 40em) {
  .article-title-wrapper .post-label {
    font-size: 1rem;
  }
  .article-title-wrapper .post-label.podcast:before {
    line-height: 1;
  }
}

@media screen and (min-width: 40em) {
  .feed.editorial-content .post-label.primary, .feed.editorial-content .post-label.opinion, .feed.editorial-content .post-label.sponsored, .feed.editorial-content .post-label.podcast {
    display: block;
    line-height: .8;
    margin-bottom: 0.375rem;
  }
}

/****** notifications ********/
.message.success,
.message.error,
.message.sponsored {
  font-weight: 600;
  margin-bottom: 1rem;
  padding: 1.125rem 1rem;
}

.message.success img,
.message.error img,
.message.sponsored img {
  float: right;
  margin-top: 0.25rem;
  width: 12px;
}

.message.success img:hover,
.message.error img:hover,
.message.sponsored img:hover {
  cursor: pointer;
}

.message.success {
  background-color: #e9fbf2;
  border: 1px #28d67f solid;
}

.message.success .message:before {
  background: url("../img/check-mark.png") no-repeat left center transparent;
  background-size: 100% 100%;
  content: "\0000a0";
  height: 18px;
  display: inline-block;
  float: left;
  margin: .125rem .5rem 0 0;
  width: 18px;
}

.message.error {
  background-color: #fbe9e9;
  border: 1px #d62828 solid;
}

.message.sponsored {
  background: #e9f2fb;
  border: 1px solid #287fd6;
}

.site-notification-wrapper {
  background: #d62828;
  padding: 1rem;
}

.site-notification-wrapper .site-notification {
  color: #fff;
  display: inline-block;
  position: relative;
  width: 100%;
}

.site-notification-wrapper .site-notification a {
  color: #fff;
  display: inline-block;
  line-height: 1.3;
  text-decoration: none;
  -webkit-transition: all .15s;
  transition: all .15s;
  width: 85%;
}

.site-notification-wrapper .site-notification a:hover {
  color: #e6e6e6;
}

.site-notification-wrapper .close-site-notification {
  background-color: #fff;
  border-radius: 50%;
  color: #d62828;
  cursor: pointer;
  display: inline-block;
  font-weight: 900;
  font-size: 1.375rem;
  height: 25px;
  line-height: 1.2;
  margin-left: .75rem;
  position: absolute;
  right: 0;
  text-align: center;
  -webkit-transition: all .15s;
  transition: all .15s;
  vertical-align: middle;
  width: 25px;
}

.site-notification-wrapper .close-site-notification:hover {
  background-color: #e6e6e6;
}

@media screen and (min-width: 40em) {
  .site-notification-wrapper {
    text-align: center;
  }
  .site-notification-wrapper .site-notification a {
    width: initial;
  }
  .site-notification-wrapper .close-site-notification {
    position: initial;
  }
}

/****** buttons ********/
/***** basic button styling ******/
.button, .stripe_btn .stripe-button-el span {
  background-color: #d62828;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.2;
  margin: 0;
  padding: 1rem 2rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out, -webkit-box-shadow 0.3s cubic-bezier(0.2, 0.6, 0.2, 1);
  transition: background-color 0.25s ease-out, color 0.25s ease-out, -webkit-box-shadow 0.3s cubic-bezier(0.2, 0.6, 0.2, 1);
  transition: box-shadow 0.3s cubic-bezier(0.2, 0.6, 0.2, 1), background-color 0.25s ease-out, color 0.25s ease-out;
  transition: box-shadow 0.3s cubic-bezier(0.2, 0.6, 0.2, 1), background-color 0.25s ease-out, color 0.25s ease-out, -webkit-box-shadow 0.3s cubic-bezier(0.2, 0.6, 0.2, 1);
  vertical-align: middle;
  -webkit-appearance: none;
}

.button:hover, .stripe_btn .stripe-button-el span:hover {
  background-color: #db3d3d;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 7px 0 rgba(0, 0, 0, 0.13), 0 3px 1px -1px rgba(0, 0, 0, 0.23);
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 7px 0 rgba(0, 0, 0, 0.13), 0 3px 1px -1px rgba(0, 0, 0, 0.23);
  color: #fff;
  text-decoration: none;
}

.button.full-width, .stripe_btn .stripe-button-el span.full-width {
  width: 100%;
}

.button.full-width-small, .stripe_btn .stripe-button-el span.full-width-small {
  width: 100%;
}

.button.material.white, .stripe_btn .stripe-button-el span.material.white {
  background: #fff;
  color: #101316;
}

.button.material.black, .stripe_btn .stripe-button-el span.material.black, .button.material.brand-studio, .stripe_btn .stripe-button-el span.material.brand-studio {
  background: #101316;
  color: #fff;
}

.button.material.black:hover, .stripe_btn .stripe-button-el span.material.black:hover, .button.material.brand-studio:hover, .stripe_btn .stripe-button-el span.material.brand-studio:hover {
  background-color: #252d34;
}

.button.material.grey, .stripe_btn .stripe-button-el span.material.grey {
  background: #e9ecef;
  color: #101316;
}

.button.material.grey:hover, .stripe_btn .stripe-button-el span.material.grey:hover {
  background-color: #eff1f3;
}

.button.material.sponsored, .stripe_btn .stripe-button-el span.material.sponsored {
  background: #287fd6;
  color: #fff;
}

.button.material.sponsored:hover, .stripe_btn .stripe-button-el span.material.sponsored:hover {
  background-color: #3d8cdb;
}

.button.outline, .stripe_btn .stripe-button-el span.outline {
  background: none;
  border: solid 1px #d62828;
  color: #d62828;
}

.button.outline.grey, .stripe_btn .stripe-button-el span.outline.grey {
  color: #101316;
  border-color: #a9acaf;
}

.button.outline.grey:hover, .stripe_btn .stripe-button-el span.outline.grey:hover {
  background: #a9acaf;
  color: #fff;
}

.button.outline:hover, .stripe_btn .stripe-button-el span.outline:hover {
  text-decoration: none;
  background: #d62828;
  color: #fff;
}

.button.outline.white, .stripe_btn .stripe-button-el span.outline.white {
  color: #fff;
  border-color: #fff;
}

.button.outline.white:hover, .stripe_btn .stripe-button-el span.outline.white:hover {
  background: #fff;
  color: #101316;
}

/***** button with icon styling ******/
.button.offsite:before, .stripe_btn .stripe-button-el span.offsite:before {
  background: url("../img/button_icons/offsite_white.png") no-repeat left center transparent;
  background-size: 100% 100%;
  content: "\0000a0";
  height: 18px;
  display: inline-block;
  line-height: 1.4;
  margin: 0 .4rem -0.6rem -0.4rem;
  width: 18px;
}

.button.offsite.grey:before, .stripe_btn .stripe-button-el span.offsite.grey:before {
  background: url("../img/button_icons/offsite_black.png") no-repeat left center transparent;
  background-size: 100% 100%;
}

.button.email:before, .stripe_btn .stripe-button-el span.email:before {
  background: url("../img/button_icons/email_white.png") no-repeat left center transparent;
  background-size: 100% 100%;
  content: "\0000a0";
  height: 18px;
  display: inline-block;
  line-height: 1.4;
  margin: 0 .4rem -0.6rem -0.4rem;
  width: 18px;
}

.button.email.grey:before, .stripe_btn .stripe-button-el span.email.grey:before {
  background: url("../img/button_icons/email_black.png") no-repeat left center transparent;
  background-size: 100% 100%;
}

.button.email.outline:before, .stripe_btn .stripe-button-el span.email.outline:before {
  background: url("../img/email_icons/email-icon-red.png") no-repeat left center transparent;
  background-size: 100% 100%;
  line-height: .9;
  height: 13px;
}

.button.email.outline:hover:before, .stripe_btn .stripe-button-el span.email.outline:hover:before, .button.email.outline.grey:hover:before, .stripe_btn .stripe-button-el span.email.outline.grey:hover:before {
  background: url("../img/button_icons/email_white.png") no-repeat left center transparent;
  background-size: 100% 100%;
  line-height: 1.4;
  height: 18px;
}

.button.submit:before, .stripe_btn .stripe-button-el span.submit:before {
  background: url("../img/button_icons/checkmark_white.png") no-repeat left center transparent;
  background-size: 100% 100%;
  content: "\0000a0";
  height: 18px;
  display: inline-block;
  line-height: 1.4;
  margin: 0 .4rem -0.6rem -0.4rem;
  width: 18px;
}

.button.submit.grey:before, .stripe_btn .stripe-button-el span.submit.grey:before {
  background: url("../img/button_icons/checkmark_black.png") no-repeat left center transparent;
  background-size: 100% 100%;
}

.button.download:before, .stripe_btn .stripe-button-el span.download:before {
  background: url("../img/button_icons/download_white.png") no-repeat left center transparent;
  background-size: 100% 100%;
  content: "\0000a0";
  height: 18px;
  display: inline-block;
  line-height: 1.4;
  margin: 0 .4rem -0.6rem -0.4rem;
  width: 18px;
}

.button.download.grey:before, .stripe_btn .stripe-button-el span.download.grey:before {
  background: url("../img/button_icons/download_black.png") no-repeat left center transparent;
  background-size: 100% 100%;
}

.pagination {
  font-size: 0.875rem;
  margin: 3rem auto;
  text-align: center;
}

.pagination a {
  padding: .675rem 1rem;
  width: 45%;
}

.pagination a.next {
  margin-left: 1rem;
}

.pagination .arrow {
  font-size: 1.2rem;
  line-height: 0;
  margin-left: 0.08rem;
}

@media screen and (min-width: 40em) {
  .pagination a {
    font-size: 0.875rem;
    width: 30%;
  }
}

@media screen and (min-width: 64em) {
  .pagination {
    text-align: right;
  }
}

.button.twitter, .stripe_btn .stripe-button-el span.twitter {
  background-color: #55acee;
}

.button.twitter:hover, .stripe_btn .stripe-button-el span.twitter:hover {
  background-color: #6cb7f0;
}

.button.social, .stripe_btn .stripe-button-el span.social {
  background: #e9ecef;
  border-radius: 50%;
  font-size: 1rem;
  height: 45px;
  line-height: 1.8;
  margin-right: .25rem;
  padding: .5rem;
  width: 45px;
}

.button.social img, .stripe_btn .stripe-button-el span.social img {
  height: 22px;
}

.stripe_btn .stripe-button-el {
  border-radius: 0px;
  box-shadow: none;
  -webkit-box-shadow: none;
  background-image: none;
  margin-top: .75rem;
  padding: 0px;
}

.stripe_btn .stripe-button-el span {
  background-image: none;
  background: #287fd6;
  border-radius: 0px;
  font-family: proxima-nova, sans-serif;
  font-weight: 400;
  height: inherit;
}

.stripe_btn .stripe-button-el span:hover {
  background: #2066ab;
}

@media screen and (min-width: 40em) {
  .button.full-width-small, .stripe_btn .stripe-button-el span.full-width-small {
    width: inherit;
  }
}

/****** share buttons ********/
.rrssb-buttons {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1rem;
  margin: 0;
  padding: 0;
}

.rrssb-buttons:after {
  clear: both;
}

.rrssb-buttons:before, .rrssb-buttons:after {
  content: ' ';
  display: table;
}

.rrssb-buttons li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  height: 100%;
  line-height: 13px;
  list-style: none;
  margin: 0 .5rem .5rem 0;
}

.rrssb-buttons li.rrssb-email a {
  background-color: #d62828;
}

.rrssb-buttons li.rrssb-email a:hover {
  background-color: #db3d3d;
}

.rrssb-buttons li.rrssb-facebook a {
  background-color: #306199;
}

.rrssb-buttons li.rrssb-facebook a:hover {
  background-color: #366dac;
}

.rrssb-buttons li.rrssb-linkedin a {
  background-color: #007bb6;
}

.rrssb-buttons li.rrssb-linkedin a:hover {
  background-color: #008cd0;
}

.rrssb-buttons li.rrssb-twitter a {
  background-color: #55acee;
}

.rrssb-buttons li.rrssb-twitter a:hover {
  background-color: #6cb7f0;
}

.rrssb-buttons li.rrssb-print a {
  background-color: #000000;
}

.rrssb-buttons li.rrssb-print a:hover {
  background-color: #0d0d0d;
}

.rrssb-buttons li a {
  background-color: #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  height: 100%;
  line-height: 1.1;
  padding: .5rem .75rem;
  position: relative;
  width: 100%;
}

.rrssb-buttons li a .rrssb-icon {
  display: inline-block;
  padding-right: .125rem;
  vertical-align: middle;
}

.rrssb-buttons li a .rrssb-icon svg {
  height: 17px;
  width: 17px;
}

.rrssb-buttons li a .rrssb-icon svg path, .rrssb-buttons li a .rrssb-icon svg circle {
  fill: #fff;
}

.rrssb-buttons li a .rrssb-text {
  color: #fff;
  display: inline-block;
}

/****** forms ********/
form .asterisk {
  color: #d62828;
}

form p, form label {
  font-size: 1rem;
}

form ul {
  margin-left: 0;
}

form ul li {
  list-style-type: none;
  margin-bottom: 0.75rem;
}

form .help-text {
  font-size: 0.875rem;
}

[type='text'], [type='password'],
[type='date'], [type='datetime'],
[type='datetime-local'], [type='month'],
[type='week'], [type='email'], [type='number'],
input[type="search"], [type='tel'], [type='time'],
[type='url'], [type='color'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #434649;
  display: block;
  font-family: inherit;
  font-size: 1rem;
  border: 1px solid #dadfe4;
  border-radius: 0;
  margin: 0 0 1rem;
  padding: 0.5rem;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
}

[type='text']:hover, [type='text']:focus, [type='password']:hover, [type='password']:focus,
[type='date']:hover,
[type='date']:focus, [type='datetime']:hover, [type='datetime']:focus,
[type='datetime-local']:hover,
[type='datetime-local']:focus, [type='month']:hover, [type='month']:focus,
[type='week']:hover,
[type='week']:focus, [type='email']:hover, [type='email']:focus, [type='number']:hover, [type='number']:focus,
input[type="search"]:hover,
input[type="search"]:focus, [type='tel']:hover, [type='tel']:focus, [type='time']:hover, [type='time']:focus,
[type='url']:hover,
[type='url']:focus, [type='color']:hover, [type='color']:focus {
  border: 1px solid #101316;
  outline: none;
}

input:disabled:hover, input:disabled:focus {
  border: 1px solid #dadfe4;
}

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

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: baseline;
}

textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #dadfe4;
  border-radius: 0;
  color: #434649;
  display: block;
  font-family: inherit;
  font-size: 1rem;
  height: auto;
  margin: 0 0 1rem;
  min-height: 50px;
  overflow: auto;
  padding: 0.5rem;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
}

textarea:hover, textarea:focus {
  border: 1px solid #101316;
  outline: none;
}

fieldset {
  border: none;
  padding: 0;
}

select {
  background-color: #fff;
  background-image: url("../img/select-dropdown.png");
  background-position: 97% center;
  background-repeat: no-repeat;
  background-size: 10px;
  border: 1px solid #dadfe4;
  -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
          box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  padding: 0.5rem;
  width: 100%;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}

.filter-wrapper {
  margin: 1rem 0;
}

.form-generic {
  margin-top: 1rem;
}

@media screen and (min-width: 40em) {
  footer .form-generic {
    margin-top: 0;
  }
}

.input-wrapper {
  position: relative;
}

.input-wrapper input {
  background-position: 2% 50%;
  background-repeat: no-repeat;
  padding-left: 40px;
  padding-right: 40px;
}

.input-wrapper.location input {
  background-image: url("../img/location_grey.png");
  background-size: 23px;
}

.input-wrapper.search input {
  background-image: url("../img/search_grey.png");
  background-size: 20px;
}

.input-wrapper .input-clear {
  bottom: 0px;
  color: #76797C;
  content: 'x';
  cursor: pointer;
  float: right;
  font-size: 1.125rem;
  font-weight: 500;
  padding: .5rem 1rem;
  position: absolute;
  right: 0;
}

.input-wrapper .input-clear.activate {
  display: block;
}

.ui-helper-hidden-accessible {
  display: none;
}

.ui-state-highlight {
  background-color: #f5f6f7;
}

.ui-menu {
  background-color: white;
  border: 1px solid #e9ecef;
}

.ui-menu .ui-menu-item {
  border-bottom: 1px solid #f5f6f7;
  cursor: pointer;
  display: block;
  font-size: .875rem;
  list-style-type: none;
  margin: 0;
  padding: 0.5rem;
  text-decoration: none;
}

.ui-menu .ui-menu-item .ui-state-hover, .ui-menu .ui-menu-item .ui-state-active {
  background-color: #f5f6f7;
  display: block;
  margin: -0.5rem;
  padding: 0.5rem;
}

.sort .switch {
  display: inline-block;
  height: 34px;
  position: relative;
  vertical-align: middle;
  width: 60px;
}

.sort .switch input {
  display: none;
}

.sort .switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  transform: translateX(26px);
}

.sort .switch .slider {
  background-color: #d8dde3;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: .4s;
  transition: .4s;
}

.sort .switch .slider:before {
  background-color: #FFF;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  -webkit-transition: .4s;
  transition: .4s;
  width: 26px;
}

.sort span.active {
  font-weight: 600;
}

.form-grey {
  background-color: #f5f6f7;
  margin-bottom: 2rem;
  padding: 1rem;
}

.form-grey h4, .form-grey legend {
  font-weight: 600;
  margin: 1rem 0 .5rem 0;
}

.form-grey h4:first-of-type, .form-grey legend:first-of-type {
  margin-top: 0;
}

.form-grey p {
  font-size: 1rem;
  margin: 0;
}

.form-grey p.help-text {
  font-size: .875rem;
}

.form-grey .form-grey-label {
  color: #76797C;
  font-size: .875rem;
  margin: 0 0 .25rem 0;
}

.form-grey .form-grey-label:after {
  color: #d62828;
  content: "*";
  font-size: 1.125rem;
  line-height: 1;
}

.form-grey table {
  width: 100%;
}

.form-grey .first-section td, .form-grey .second-section td {
  display: block;
}

.form-grey .django-ckeditor-widget {
  display: block !important;
  margin-bottom: 0.5rem;
}

.form-grey button[value="Submit Press Release"] {
  display: block;
  margin: 1rem auto;
}

.error-highlight {
  border: #d62828 1px solid !important;
  margin-bottom: 0.5rem !important;
}

.error-message {
  color: #d62828;
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  margin: 0 0 0.625rem 0;
  text-transform: uppercase;
}

.g-recaptcha {
  margin-bottom: 1rem;
}

.captcha {
  text-align: center;
}

.captcha iframe {
  transform: scale(0.85) !important;
  -webkit-transform: scale(0.85) !important;
  transform-origin: 0 0 !important;
  -webkit-transform-origin: 0 0 !important;
}

.captcha-text {
  display: block;
  margin: .5rem 0 !important;
}

@media screen and (min-width: 40em) {
  .captcha {
    text-align: center;
  }
  .captcha iframe {
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    transform-origin: 0 0 !important;
    -webkit-transform-origin: 0 0 !important;
  }
}

.form-search {
  margin-bottom: 1.5rem;
}

.search-description {
  color: #76797C;
  display: inline-block;
  line-height: 1.4;
  margin-bottom: 1.5rem;
  width: 65%;
}

.clear-search {
  display: inline-block;
  float: right;
  margin-bottom: 1.5rem;
}

.clear-search:after {
  background: url("../img/close-icon-2.png") no-repeat left center transparent;
  background-size: 100% 100%;
  content: "\0000a0";
  height: 8px;
  display: inline-block;
  margin: 0 0 0 .5rem;
  width: 8px;
  vertical-align: middle;
}

/****** ads ********/
/* TODO: de-nest article code */
.hybrid-ad-wrapper {
  background-image: url("../img/slash.png");
  clear: both;
  padding: 0 0.9375rem;
  text-align: center;
}

@media screen and (max-width: 40em) {
  .hybrid-ad-wrapper {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}

.hybrid-ad-wrapper img {
  display: block;
  margin: 0 auto;
}

.native-ad {
  background: #f5f6f7;
  border-top: solid 1px #e9ecef;
  border-bottom: solid 1px #e9ecef;
  padding: 1rem 0;
  text-align: left;
}

.native-ad .native-ad-sponsor img {
  display: inline-block;
}

.native-ad .native-ad-sponsor .favicon {
  height: 16px;
  width: 16px;
}

.native-ad .native-ad-image {
  display: none;
}

.native-ad .native-ad-title {
  display: block;
  font-family: "abril-titling", Georgia, serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  margin: .675rem 0;
  text-decoration: none;
  text-align: left;
  display: block;
}

.native-ad .native-ad-title:hover {
  color: #000;
  text-decoration: underline;
}

.native-ad .native-ad-copy {
  display: none;
}

.native-ad .button, .native-ad .stripe_btn .stripe-button-el span, .stripe_btn .stripe-button-el .native-ad span {
  display: inline-block;
}

.native-ad .button:hover, .native-ad .stripe_btn .stripe-button-el span:hover, .stripe_btn .stripe-button-el .native-ad span:hover {
  text-decoration: none;
}

.special-offer {
  display: block;
  color: #76797C;
  font-size: .875rem;
  margin: .675rem 0 0 0;
  font-style: italic;
  line-height: 1;
}

@media screen and (min-width: 40em) {
  .native-ad,
  .native-ad.row {
    border: solid 1px #e9ecef;
  }
  .native-ad .native-ad-image {
    display: block;
    border: solid 1px #e9ecef;
    width: 150px;
  }
  .native-ad .native-ad-title {
    font-size: 1.5rem;
  }
  .native-ad .native-ad-copy {
    display: block;
    font-size: 1rem;
    margin: .5rem 0;
  }
  .native-ad .native-ad-copy a {
    font-size: 1rem;
  }
  .native-ad .button, .native-ad .stripe_btn .stripe-button-el span, .stripe_btn .stripe-button-el .native-ad span {
    margin-top: 1rem;
  }
}

@media screen and (min-width: 64em) {
  .native-ad {
    padding: 1.5rem;
  }
  .native-ad .native-ad-image {
    margin: 2.5rem auto 0 auto;
  }
}

.feed li.feed-item-ad {
  padding: 0;
}

.feed li.feed-item-ad + li {
  border-top: 0;
}

.feed li.feed-item-ad.feed-item-ad-no-border {
  border: 0px;
}

.story-below {
  background: #fff;
  color: #76797C;
  font-style: italic;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0 1rem .5rem 1rem;
  text-align: left;
}

@media screen and (max-width: 40em) {
  .story-below {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}

@media screen and (min-width: 40em) {
  .story-below {
    font-size: 1rem;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    padding-left: 0;
  }
  article .hybrid-ad-wrapper .native-ad {
    margin-bottom: 2.5rem;
  }
}

@media screen and (min-width: 40em) {
  .sidebar .hybrid-ad-wrapper {
    margin-bottom: 1rem;
  }
  .sidebar .native-ad .native-ad-title {
    font-size: 1.125rem;
  }
  .sidebar .native-ad .native-ad-image-wrapper {
    display: none;
  }
  .sidebar .native-ad .native-ad-copy-wrapper {
    width: 100%;
    padding: 0;
  }
  .sidebar .native-ad .button, .sidebar .native-ad .stripe_btn .stripe-button-el span, .stripe_btn .stripe-button-el .sidebar .native-ad span {
    width: 100%;
  }
}

@media screen and (min-width: 64em) {
  #advert_leaderboard {
    background-image: url("../img/slash.png");
  }
  #advert_leaderboard img {
    display: block;
    margin: 0 auto !important;
    padding: 1rem 0;
  }
  #advert_leaderboard iframe {
    display: block;
    margin: 0 auto !important;
    padding: 1rem 0;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  #dfp-leaderboard-desktop {
    background-image: url("../img/slash.png");
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    display: block;
    margin: 0 auto !important;
    padding: 1rem 0;
  }
  #dfp-leaderboard-desktop img {
    display: block;
    margin: 0 auto !important;
    padding: 1rem 0;
  }
}

.native-ad.brand-studio .brand-studio-logo, .native-ad.brand-studio-2 .brand-studio-logo {
  display: inline-block;
  height: 26px;
}

.native-ad.brand-studio .native-ad .native-ad-image, .native-ad.brand-studio-2 .native-ad .native-ad-image {
  border: 0;
}

.native-ad.brand-studio-2 {
  background-color: white;
  padding: 0;
}

.native-ad.brand-studio-2 .native-ad .native-ad-sponsor {
  background-color: #f5f6f7;
  border-bottom: 1px solid #e9ecef;
  padding: .75rem 1rem;
}

.native-ad.brand-studio-2 .native-ad .native-ad-sponsor .label {
  padding-left: .5rem;
}

.native-ad.brand-studio-2 .native-ad .native-ad-title {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-weight: 800;
  margin-top: 0;
}

.native-ad.brand-studio-2 .native-ad .native-ad-copy-wrapper {
  padding: 0;
}

.native-ad.brand-studio-2 .native-ad .native-ad-card {
  padding: 1rem;
}

.native-ad.refresh {
  background-color: #fff;
  margin: 0 auto;
  padding: 1rem;
}

@media screen and (min-width: 40em) {
  .feed-item-ad .native-ad.refresh {
    width: 75%;
  }
}

.native-ad.dive-insiders {
  background-color: #fff;
  padding: 0;
}

.native-ad.dive-insiders .logo-bar {
  background-color: #f5f6f7;
  border-bottom: 1px solid #e9ecef;
  padding: .75rem 1rem;
}

.native-ad.dive-insiders .logo-bar img {
  margin: 0;
  width: 120px;
}

.native-ad.dive-insiders .content-wrapper {
  padding: 1rem;
}

.native-ad.dive-insiders .content-wrapper .native-ad-title {
  margin: 0;
}

.native-ad.dive-insiders .content-wrapper p {
  margin: .75rem 0;
}

@media screen and (min-width: 40em) {
  .native-ad.dive-insiders .content-wrapper p {
    font-size: 1rem;
    margin: .75rem 0 0 0;
  }
  .sidebar .content-wrapper .copy-wrapper,
  .sidebar .content-wrapper .button-wrapper {
    width: 100%;
  }
  .sidebar .content-wrapper .native-ad-title {
    font-size: 1.25rem;
  }
  .feed-item-ad .native-ad.dive-insiders .content-wrapper .button-wrapper,
  .article-wrapper .native-ad.dive-insiders .content-wrapper .button-wrapper {
    text-align: center;
  }
  .feed-item-ad .native-ad.dive-insiders .content-wrapper .button-wrapper .button, .feed-item-ad .native-ad.dive-insiders .content-wrapper .button-wrapper .stripe_btn .stripe-button-el span, .stripe_btn .stripe-button-el .feed-item-ad .native-ad.dive-insiders .content-wrapper .button-wrapper span,
  .article-wrapper .native-ad.dive-insiders .content-wrapper .button-wrapper .button,
  .article-wrapper .native-ad.dive-insiders .content-wrapper .button-wrapper .stripe_btn .stripe-button-el span,
  .stripe_btn .stripe-button-el .article-wrapper .native-ad.dive-insiders .content-wrapper .button-wrapper span {
    margin-top: 2.75rem;
  }
}

.native-ad.smt-live-wrapper {
  background-color: #fff;
  padding: 0;
}

.native-ad.smt-live-wrapper .smt-live {
  border-left: 10px solid #d62828;
  padding: 1rem;
}

.native-ad.smt-live-wrapper .smt-live h4 {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.3;
  margin: 0;
}

.native-ad.smt-live-wrapper .smt-live h4 a {
  text-decoration: none;
}

.native-ad.smt-live-wrapper .smt-live h4 a:hover {
  text-decoration: underline;
}

.native-ad.smt-live-wrapper .smt-live p {
  margin: .75rem 0 0 0;
}

.native-ad.smt-live-wrapper .smt-live a.button-wrapper {
  color: #d62828;
  font-weight: 800;
  text-decoration: none;
}

.native-ad.smt-live-wrapper .smt-live a.button-wrapper:hover {
  text-decoration: underline;
}

.article-wrapper .native-ad.smt-live-wrapper {
  border: 0;
}

.article-wrapper .native-ad.smt-live-wrapper .smt-live {
  border-style: solid;
  border-width: 5px 0 1px 0;
  border-color: #d62828 #fff #e9ecef #fff;
  padding: 1rem 0.9375rem;
}

.article-wrapper .native-ad.smt-live-wrapper .smt-live a.button-wrapper {
  display: block;
  margin-top: 0.5rem;
}

.article-wrapper .native-ad.smt-live-wrapper .smt-live p {
  margin: 0.25rem 0 0 0;
}

@media screen and (min-width: 40em) {
  .native-ad.smt-live-wrapper .smt-live p {
    font-size: 1rem;
  }
  .feed-item-ad .native-ad.smt-live-wrapper .smt-live h4 {
    font-size: 1.5rem;
  }
  .article-wrapper .native-ad.smt-live-wrapper .smt-live {
    padding: 1rem 0;
  }
  .sidebar .native-ad.smt-live-wrapper .smt-live a.button-wrapper {
    display: block;
    font-size: 1.125rem;
    margin-top: 1rem;
  }
}

a.article-post-promo {
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  padding: 0 0.9375rem;
  position: relative;
  text-decoration: none;
}

@media screen and (max-width: 40em) {
  a.article-post-promo {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}

@media screen and (min-width: 64em) {
  a.article-post-promo {
    margin: 0 -5%;
  }
}

a.article-post-promo::before {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7)));
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7));
}

a.article-post-promo:hover .promo-content h3 {
  text-decoration: underline;
}

a.article-post-promo:hover::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.9)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.9));
}

a.article-post-promo .promo-content {
  color: #fff;
  margin: 2rem 0 2.5rem 0;
  position: relative;
}

a.article-post-promo .promo-content .promo-label {
  background-color: #d62828;
  font-size: 1rem;
  font-weight: 600;
  padding: .125rem .5rem;
  text-transform: uppercase;
}

a.article-post-promo .promo-content h3 {
  margin: 0.5rem 0 0 0;
  font-family: "abril-titling", Georgia, serif;
  font-size: 1.75rem;
  text-shadow: 1px 1px #000;
}

a.article-post-promo .promo-content p {
  font-size: 1rem;
  text-shadow: 1px 1px #000;
}

@media screen and (min-width: 40em) {
  a.article-post-promo {
    padding: 0;
  }
  a.article-post-promo.background-image-right {
    background-position: 80% center;
    background-size: contain;
  }
  a.article-post-promo::before {
    background: -webkit-gradient(linear, right top, left top, from(transparent), to(rgba(0, 0, 0, 0.5)));
    background: linear-gradient(to left, transparent, rgba(0, 0, 0, 0.5));
  }
  a.article-post-promo:hover::before {
    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.7)));
    background: linear-gradient(to left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7));
  }
  a.article-post-promo .promo-content {
    max-width: 500px;
  }
  a.article-post-promo .promo-content p {
    font-size: 1rem;
  }
  a.article-post-promo .width-wrapper {
    margin: auto;
    max-width: 92%;
  }
}

/****** signup ********/
.signup .newsletter-title {
  font-weight: 600;
}

.signup .call-out-link {
  display: none;
}

.signup h3:before {
  background: url("../img/paper-airplane.png") no-repeat left center transparent;
  background-size: 100% 100%;
  content: "\0000a0";
  height: 15px;
  display: inline-block;
  line-height: .8;
  margin: 0 .5rem 0 0;
  width: 15px;
}

.signup .signup-list {
  display: none;
  margin: 1.25rem 0;
}

.signup .newsletter-description {
  display: none;
}

.signup.call-out .signup-list label,
.signup.call-out .signup-list .label, .signup.mm-signup .signup-list label,
.signup.mm-signup .signup-list .label, .signup.sidebar-box .signup-list label,
.signup.sidebar-box .signup-list .label {
  display: inline-block;
}

.signup.call-out .help-text, .signup.mm-signup .help-text, .signup.sidebar-box .help-text {
  display: block;
  margin-top: 1rem;
}

.signup.call-out .help-text a, .signup.mm-signup .help-text a, .signup.sidebar-box .help-text a {
  text-decoration: underline;
}

.signup.call-out {
  background: #f5f6f7;
  padding: 2.5rem 1rem;
}

@media screen and (max-width: 40em) {
  .signup.call-out {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}

@media screen and (min-width: 64em) {
  .signup.call-out {
    margin: 0 -5%;
  }
}

.signup.call-out h3 {
  font-weight: 800;
  margin: 0;
}

.signup.call-out .subhead {
  margin-top: .5rem;
}

@media screen and (min-width: 40em) {
  .signup.call-out {
    padding: 4.5rem 0;
  }
  .signup.call-out h3 {
    font-size: 2.5rem;
    line-height: 1.1;
    margin: 0 0 1rem 0;
    text-align: center;
  }
  .signup.call-out h3:before {
    height: 25px;
    line-height: .7;
    margin: 0 1rem 0 0;
    width: 25px;
  }
  .signup.call-out .subhead {
    font-size: 1.25rem;
    text-align: center;
  }
  .signup.call-out form {
    margin: 0 auto;
  }
}

@media screen and (min-width: 70em) {
  .signup.call-out form {
    width: 60%;
  }
}

.signup.mm-signup {
  background-color: #f5f6f7;
  border-top: 1px solid #e9ecef;
  border-bottom: 1px solid #e9ecef;
  margin-bottom: 2rem;
  padding: 2rem 0;
}

.signup.mm-signup h3 {
  font-size: 1.5rem;
  font-weight: 800;
  margin: 0 0 .5rem 0;
}

.signup.mm-signup .subhead {
  margin: 0;
}

.inline-signup {
  border-bottom: 1px solid #e9ecef;
  border-top: 1px solid #e9ecef;
  clear: both;
  margin: 1.5rem 0;
  padding: 1.5rem 0;
}

.inline-signup p {
  font-weight: 700;
  margin: 0 0 .5rem 0;
}

.inline-signup .newsletter-title {
  font-weight: 600;
}

.inline-signup .newsletter-description,
.inline-signup .call-out-link {
  display: none;
}

.inline-signup .signup-list {
  display: none;
  margin: 1.25rem 0;
}

.inline-signup .help-text {
  display: block;
  margin-top: 1rem;
}

.inline-signup .help-text a {
  text-decoration: underline;
}

@media screen and (min-width: 40em) {
  .inline-signup .button, .inline-signup .stripe_btn .stripe-button-el span, .stripe_btn .stripe-button-el .inline-signup span {
    display: block;
    width: 40%;
  }
}

/****** feeds ********/
/* TODO: organize and add comments for clarity */
ul.feed {
  margin: 0;
}

ul.feed li {
  border-top: solid 1px #e9ecef;
  list-style-type: none;
  margin: 0;
  padding: 2rem 0;
}

ul.feed li.listing .listing-bottom {
  margin-top: .25rem;
}

ul.feed li.listing .listing-bottom .listing-label {
  color: #76797C;
  font-size: 0.9rem;
}

ul.feed li:first-of-type {
  border: none;
}

ul.feed li:last-of-type {
  padding-bottom: 0;
}

ul.feed li a {
  text-decoration: none;
}

ul.feed li a:hover {
  text-decoration: underline;
}

ul.feed li a:hover.button {
  text-decoration: none;
}

ul.feed .feed-image {
  display: none;
}

ul.feed .feed-title {
  margin: 0;
}

ul.feed .feed-title a {
  font-size: 1.125rem;
  font-weight: 300;
}

ul.feed.editorial-content .feed-title a {
  font-family: "abril-titling", Georgia, serif;
  font-weight: 700;
}

ul.feed .feed-description {
  color: #434649;
  font-size: .875rem;
  line-height: 1.3;
  margin: .25rem 0 0 0;
}

ul.feed .feed-updated {
  color: #d62828;
  font-size: .875rem;
  line-height: 1.2;
  margin: 0.5rem 0 0 0;
  text-transform: none;
}

.clear-filters {
  border: 1px solid #a9acaf;
  border-radius: 5px;
  display: inline-block;
  font-size: .875rem;
  margin: 1rem 0;
  padding: .25rem .5rem;
  text-decoration: none;
}

.clear-filters:after {
  background: url("../img/close-icon-2.png") no-repeat left center transparent;
  background-size: 100% 100%;
  content: "\0000a0";
  height: 10px;
  display: inline-block;
  margin: 0 0 0 .5rem;
  width: 10px;
  vertical-align: middle;
}

@media screen and (min-width: 40em) {
  ul.feed li.feed-custom-article .feed-title a {
    font-size: 1.5rem;
    font-weight: 800;
  }
  ul.feed .feed-title a {
    font-size: 1.375rem;
  }
  ul.feed .feed-description {
    font-size: 1rem;
  }
  ul.feed .feed-image {
    display: block;
  }
}

/*.active-filter-list {
    margin-bottom: 3rem;
}
.active-filter {
    border: solid 1px $dive-grey-4;
    border-radius: 6px;
    color: $dive-grey-4;
    display: inline-block;
    font-size: .875rem;
    list-style-type: none;
    margin-right: 1rem; // TODO: Fix this
    padding: .25rem .675rem;
    &:hover {
        background: $dive-grey-1;
        cursor: pointer;
    }
}*/
/****** promoted and sponsored site features ********/
.promoted {
  background-color: #f5f6f7;
  padding: 1rem;
}

.promoted-star {
  margin: .2rem .2rem .5rem 0;
  width: 18px;
}

.promoted-post {
  font-size: .875rem;
  text-transform: uppercase;
}

.promoted-post img {
  width: 15px;
}

ul.feed li.promoted {
  padding: 1.5rem 0;
}

ul.feed li .promoted-star {
  margin: .2rem .2rem .5rem 0;
  width: 18px;
}

.promoted-story-wrapper {
  margin: .5rem 0 1.25rem 0;
}

.promoted-story-wrapper p {
  color: #287fd6;
  display: inline-block;
  font-size: .875rem;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
}

.promoted-story-wrapper img {
  margin-left: .25rem;
  width: 150px;
  vertical-align: middle;
}

.bankrolled-content {
  color: #76797C;
  margin: 0 0 1.5rem 0;
}

.bankrolled-content img {
  margin-left: .25rem;
  width: 80px;
  vertical-align: middle;
}

/****** breadcrumb ********/
.breadcrumb {
  border-bottom: 1px solid #e9ecef;
  margin-bottom: 1rem;
  padding: .5rem;
}

.breadcrumb a {
  color: #000;
  cursor: pointer;
  display: inline-block;
  float: left;
  font-size: .875rem;
  font-weight: 800;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
}

/****** accordions ********/
/*TODO: unify accordion code across site
    Suggestions: 
    - Make final decision on when to use "js-"
*/
.js-search-accordion {
  position: relative;
}

.js-search-accordion-header {
  cursor: pointer;
  font-weight: 700;
  position: absolute;
  right: 0;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
}

.js-search-accordion-header img {
  margin-left: 0.5rem;
  -webkit-transition: all 300ms ease-in 0s;
  transition: all 300ms ease-in 0s;
  width: 13px;
}

.js-search-accordion-header.js-search-active img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

body.not-first-page .js-search-accordion-inner {
  border-top: 2px solid #e9ecef;
  padding: 1rem;
}

.addto-calendar-accordion {
  background-color: transparent;
  border: 1px solid #a9acaf;
  color: #101316;
  display: block;
  font-size: .875rem;
  margin-top: 1rem;
  padding: 0;
  text-transform: none;
  width: 100%;
}

.addto-calendar-accordion:hover {
  background: transparent;
  color: #101316;
}

.addto-calendar-accordion .addto-calendar-header {
  padding: .75rem 1.5rem;
  -webkit-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
  width: 100%;
}

.addto-calendar-accordion .addto-calendar-header:hover {
  background-color: #e6e9ed;
}

.addto-calendar-accordion img {
  margin-right: .25rem;
  width: 20px;
}

.addto-calendar-accordion ul {
  margin-bottom: 0;
}

.addto-calendar-accordion ul li {
  border-top: 1px solid #a9acaf;
  cursor: pointer;
  font-size: .875rem;
  font-weight: 400;
  padding: .75rem 1.5rem;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
}

.addto-calendar-accordion ul li a {
  text-decoration: none;
}

.addto-calendar-accordion ul li:hover {
  background-color: #e6e9ed;
}

@media screen and (min-width: 40em) {
  .addto-calendar-accordion {
    width: 40%;
  }
}

/****** cards ********/
.card {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin-bottom: 1.5rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.card:hover {
  -webkit-box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.18);
          box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.18);
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.card a {
  text-decoration: none;
}

.card a:hover {
  text-decoration: none;
}

.card img {
  width: 100%;
}

.card p {
  margin: 0;
  padding: 1.25rem 0;
  text-align: center;
}

/****** modal ********/
#simplemodal-overlay {
  background-color: #000000;
  /* CSS opacity */
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 8 */
  filter: alpha(opacity=80);
  /* IE 5.5-7 */
  width: 100% !important;
}

#simplemodal-container {
  background-color: #FFF;
  padding: 10px;
  -webkit-box-shadow: 5px 5px 15px #000000;
          box-shadow: 5px 5px 15px #000000;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

#simplemodal-container a.modal-close:link, #simplemodal-container a.modal-close:active, #simplemodal-container a.modal-close:visited {
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: inline;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  height: 2rem;
  line-height: 2rem;
  position: absolute;
  right: -50px;
  text-align: center;
  text-decoration: none;
  top: -10px;
  vertical-align: middle;
  width: 2rem;
  z-index: 500;
}

.custom-modal-inner-wrapper {
  margin: 2rem auto;
  width: 60%;
}

.custom-modal-inner-wrapper h3 {
  margin: 0 auto;
  text-align: center;
}

.custom-modal-inner-wrapper .button, .custom-modal-inner-wrapper .stripe_btn .stripe-button-el span, .stripe_btn .stripe-button-el .custom-modal-inner-wrapper span {
  display: inline-block;
  margin: 0 .5rem;
  padding: .75rem;
  width: 95px;
}

.custom-modal-inner-wrapper .button:focus, .custom-modal-inner-wrapper .stripe_btn .stripe-button-el span:focus, .stripe_btn .stripe-button-el .custom-modal-inner-wrapper span:focus {
  outline: none;
}

.custom-modal-close {
  cursor: pointer;
  height: 10px;
  padding: .5rem;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 10px;
}

/****** interstitial ********/
#signup-inter {
  padding: 2rem;
}

#signup-inter-form h1 {
  margin: 0;
}

#signup-inter-form h1:before {
  background: url("../img/paper-airplane.png") no-repeat left center transparent;
  background-size: 100% 100%;
  content: "\0000a0";
  display: inline-block;
  float: left;
  height: 35px;
  margin: 0.5rem 1rem 2rem 0;
  width: 35px;
}

#signup-inter-form p {
  font-size: 1.25rem;
}

#signup-inter-form ul {
  margin-bottom: 1.25rem;
}

#signup-inter-form label {
  font-size: 1.125rem;
  font-weight: 600;
}

#signup-inter-form .newsletter-description,
#signup-inter-form .signup-view-sample {
  display: none;
}

#signup-inter-form input[type='submit'] {
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1rem;
}

#signup-inter-form .help-text {
  display: block;
  margin-top: 1rem;
}

/****** calculator ********/
.cpm-error {
  color: red;
  margin-bottom: .5rem;
}

.cpm-x {
  width: 10px;
}

/******* google map *******/
.google-map {
  margin-bottom: 2.5rem;
}

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

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

.progress-bar {
  counter-reset: counter;
  display: inline-block;
  width: 100%;
}

.progress-bar li {
  float: left;
  font-size: .875rem;
  font-weight: 500;
  margin-bottom: 0;
  position: relative;
  text-align: center;
  width: 33%;
}

.progress-bar li a {
  font-size: inherit;
  text-decoration: none;
}

.progress-bar li:before {
  background-color: #e9ecef;
  border-radius: 50%;
  content: counter(counter);
  counter-increment: counter;
  display: block;
  height: 25px;
  margin: 0 auto .5rem auto;
  padding: .25rem;
  width: 25px;
}

.progress-bar li:after {
  background: #e9ecef;
  content: '';
  height: 5px;
  position: absolute;
  left: -50%;
  top: 11px;
  width: 100%;
  z-index: -100;
}

.progress-bar li:first-of-type:after {
  background: none;
  content: none;
}

.progress-bar li.completed:before {
  background-color: #287fd6;
  color: white;
}

.progress-bar li.completed:after {
  background: #287fd6;
}

.responsive-custom-iframe iframe {
  border: 0;
  width: 100%;
}

.reading-list li {
  border-bottom: 1px solid #f5f6f7;
  margin-bottom: 1rem;
  padding-bottom: 1.125rem;
}

.reading-list li:last-of-type {
  border: none;
}

.reading-list li .label {
  display: block;
}

/****** basic layout wrappers and structure ********/
/* TODO: clean up .flush-top styling, i think this can be done better */
body {
  background-color: #fff;
}

.page-container {
  overflow: hidden;
  position: relative;
}

.page-wrapper {
  padding-top: 80px;
  z-index: 0;
}

@media screen and (min-width: 40em) and (max-width: 64em) {
  .article-page .page-inner-wrapper, .article-page .read-next-wrapper {
    margin: 0 auto;
    max-width: 92%;
  }
}

@media screen and (min-width: 40em) {
  .page-wrapper {
    margin: 0 auto;
  }
}

@media screen and (min-width: 64em) {
  .page-wrapper {
    max-width: 92%;
    padding-top: 140px;
  }
}

.flush-top .page-wrapper {
  padding-top: 55px;
}

@media screen and (min-width: 40em) {
  .flush-top .page-wrapper {
    padding-top: 80px;
  }
  .flush-top.dash .page-wrapper {
    padding-top: 55px;
  }
}

@media screen and (min-width: 64em) {
  .flush-top .page-wrapper {
    padding-top: 140px;
  }
  .flush-top.dash .page-wrapper {
    padding-top: 104px;
  }
}

.page-inner-wrapper {
  margin-bottom: 2rem;
}

@media screen and (min-width: 40em) {
  .page-inner-wrapper {
    margin-bottom: 5rem;
  }
}

html,
body {
  height: 100%;
}

/****** menu ********/
header {
  top: 0;
  position: absolute;
  width: 100%;
}

.site-menu {
  background-color: #101316;
  padding: 0 1rem;
  position: relative;
  width: 100%;
  z-index: 300;
}

.site-menu.js-site-menu-fixed {
  position: fixed;
  top: 0;
}

.site-menu-inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 55px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  max-width: 75rem;
}

.menu-content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

@media screen and (min-width: 51em) {
  .menu-content-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}

.pub-logo-wrapper {
  height: 28px;
}

.pub-logo {
  height: 28px;
}

body {
  overflow-x: hidden;
  overflow-y: scroll;
}

.no-scroll {
  overflow: hidden;
  width: 100%;
}

.mobile-menu-toggle img {
  width: 20px;
  height: 20px;
}

.mobile-menu-toggle:focus {
  outline: none;
}

.site-menu .mobile-menu-toggle {
  color: #fff;
  font-weight: 800;
  float: right;
  padding: .375rem 0 0 0;
  text-transform: uppercase;
}

.site-menu .mobile-menu-toggle img {
  margin-bottom: 2px;
}

.mobile-menu .mobile-menu-toggle {
  display: inline-block;
  padding: .5rem;
}

.mobile-menu {
  background: #fff;
  height: 100%;
  position: fixed;
  overflow-y: scroll;
  top: 0;
  right: -1000px;
  width: 100%;
  z-index: 500;
}

.mobile-menu a {
  text-decoration: none;
}

.mm-top-bar {
  background: #000;
  height: 55px;
  padding: .75rem;
  width: 100%;
}

.mm-list {
  margin: 0;
}

.mm-list li {
  border-bottom: solid 1px #e9ecef;
  margin: 0;
}

.mm-list li:last-of-type {
  border-bottom: 0px;
}

.mm-list li a, .mm-list li button {
  display: block;
  padding: .875rem 1.5rem;
  letter-spacing: .4px;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}

.mm-list li a img, .mm-list li button img {
  display: inline-block;
  margin-right: .5rem;
}

/*@media screen and (min-width: $small-breakpoint) {
    .mobile-menu {
        width: 400px;
    }
    .overlay { 
        background-color: #000;
        display: none; 
        height: 100%;
        left: 0;
        opacity: .75; 
        position: fixed; 
        top: 0;
        width: 100%;
        z-index: z-index(overlay);
    }
}*/
.mm-accordion button .accordion-toggle-arrow {
  float: right;
  -webkit-transition: all 300ms ease-in 0s;
  transition: all 300ms ease-in 0s;
}

.mm-accordion button .accordion-toggle-arrow img {
  width: 16px;
  margin: 0;
}

.mm-accordion button.active .accordion-toggle-arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.mm-accordion ul {
  background-color: #f5f6f7;
}

.mm-accordion ul li a {
  color: #76797C;
  text-transform: capitalize;
}

.mm-search {
  float: right;
  width: 61%;
}

.mm-search form {
  background: #434649;
  border: solid 1px #434649;
}

.mm-search input[type="search"] {
  background: #434649;
  border: solid 1px #434649;
  color: #f5f6f7;
  display: inline-block;
  font-size: .875rem;
  margin: 0;
  padding: 0.25rem 0.375rem;
  width: 85%;
}

.mm-search button img {
  width: 15px;
}

@media screen and (min-width: 51em) {
  .mobile-menu, .mobile-menu-toggle {
    display: none;
  }
}

.desktop-menu-main,
.desktop-menu-sub {
  display: none;
}

@media screen and (min-width: 51em) {
  .desktop-menu-main,
  .desktop-menu-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
  }
  .desktop-menu-main li a,
  .desktop-menu-sub li a {
    color: #a9acaf;
    font-weight: 700;
    letter-spacing: .5px;
    text-decoration: none;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .desktop-menu-main li a:hover,
  .desktop-menu-sub li a:hover {
    color: #fff;
  }
}

@media screen and (min-width: 51em) {
  .desktop-menu-main {
    list-style-type: none;
    margin-left: .75rem;
    position: relative;
  }
  .desktop-menu-main li {
    margin: 0;
  }
  .desktop-menu-main li a {
    font-size: .875rem;
    padding: 0 .375rem;
  }
}

@media screen and (min-width: 64em) {
  .desktop-menu-main li a {
    padding: 0 .5rem;
  }
}

@media screen and (min-width: 51em) {
  .sub-link {
    display: none;
  }
  .desktop-menu-sub li {
    margin: 0 .375rem;
  }
  .desktop-menu-sub li a {
    font-size: .75rem;
    text-transform: uppercase;
  }
  .desktop-menu-sub li a img {
    margin: 0 .15rem 0 0;
    opacity: .75;
    width: 16px;
  }
  .desktop-menu-sub li a:hover img {
    opacity: 1;
  }
  .desktop-menu-sub li a.smt-user-menu-item-button {
    border: 1px solid #a9acaf;
    padding: .25rem .375rem;
  }
  .desktop-menu-sub li a.smt-user-menu-item-button:hover {
    border: 1px solid #fff;
  }
}

@media screen and (min-width: 64em) {
  .sub-link {
    display: inline-block;
  }
  .desktop-menu-sub li {
    margin: 0 .5rem;
  }
}

.menu-search {
  display: none;
}

@media screen and (min-width: 51em) {
  .menu-search {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(153, 153, 153, 0.25);
            box-shadow: 0px 0px 20px 0px rgba(153, 153, 153, 0.25);
    display: block;
    height: 49px;
    position: absolute;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 100%;
    z-index: 200;
  }
  .menu-search .menu-search-inner-wrapper {
    position: relative;
  }
  .menu-search .close {
    color: #a9acaf;
    font-size: 1.5rem;
    position: absolute;
    right: 23px;
    top: 7px;
  }
  .menu-search .close:hover {
    cursor: pointer;
  }
  .menu-search form {
    display: block;
    margin: 0 auto;
    width: 350px;
  }
  .menu-search input[type="search"] {
    border: none;
    border-bottom: 2px #e9ecef solid;
    display: inline-block;
    padding: 0.625rem 0.5rem 0.125rem 0;
    width: 90%;
  }
  .menu-search input[type="search"]:focus {
    border-color: #a9acaf;
    outline: 0;
    -webkit-transition: all 200ms ease-in 0s;
    transition: all 200ms ease-in 0s;
  }
  .menu-search.js-search-hide {
    top: 0px;
  }
  .menu-search.js-search-show {
    top: 55px;
  }
  .menu-search button img {
    display: inline-block;
    width: 18px;
  }
  .search-overlay {
    background-color: #000;
    display: none;
    height: 100%;
    left: 0;
    opacity: .5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 50;
  }
}

.top-nav-dropdown-item {
  position: absolute;
  right: -75px;
  top: -100px;
}

.top-nav-dropdown-item.js-top-nav-item-visible {
  left: 0;
  position: relative;
  top: 0;
}

.top-nav-dropdown-item.js-top-nav-item-visible.js-top-nav-item-active a {
  color: #fff;
}

.top-nav-dropdown-item.js-top-nav-item-visible.js-top-nav-item-active a .dropdown-toggle-arrow {
  background: url("../img/menu_icons/chevron_down_white.svg") no-repeat left center transparent;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.top-nav-dropdown-item a .dropdown-toggle-arrow {
  background: url("../img/menu_icons/chevron_down_grey.svg") no-repeat left center transparent;
  display: inline-block;
  height: 5px;
  -webkit-transition: -webkit-transform 100ms ease-in 0s;
  transition: -webkit-transform 100ms ease-in 0s;
  transition: transform 100ms ease-in 0s;
  transition: transform 100ms ease-in 0s, -webkit-transform 100ms ease-in 0s;
  width: 10px;
  vertical-align: middle;
}

.top-nav-dropdown-item a:hover .dropdown-toggle-arrow {
  background: url("../img/menu_icons/chevron_down_white.svg") no-repeat left center transparent;
}

@media screen and (min-width: 64em) {
  .top-nav-dropdown-item {
    -webkit-transition: top 0.3s ease;
    transition: top 0.3s ease;
  }
}

.menu-bar {
  display: none;
}

.menu-bar.js-menu-bar-hide {
  top: -400px;
}

@media screen and (min-width: 51em) {
  .menu-bar {
    display: block;
  }
  .menu-bar {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(153, 153, 153, 0.75);
            box-shadow: 0px 0px 20px 0px rgba(153, 153, 153, 0.75);
    position: absolute;
    top: 55px;
    width: 160px;
    z-index: 100;
  }
  .menu-bar.js-menu-bar-transition {
    -webkit-transition: top 0.2s ease;
    transition: top 0.2s ease;
  }
  .menu-bar ul {
    margin: 0;
    padding: .75rem;
  }
  .menu-bar ul li {
    letter-spacing: 0px;
    margin: 0;
  }
  .menu-bar ul li a {
    color: #434649;
    display: block;
    font-size: .875rem;
    padding: .5rem 0;
    text-decoration: none;
  }
  .menu-bar ul li a:hover {
    color: #d62828;
  }
}

@media screen and (min-width: 64em) {
  .menu-bar {
    border-bottom: 1px solid #f5f6f7;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(153, 153, 153, 0.25);
            box-shadow: 0px 0px 20px 0px rgba(153, 153, 153, 0.25);
    height: 49px;
    width: 100%;
  }
  .menu-bar.js-menu-bar-hide {
    top: 0px;
  }
  .menu-bar ul {
    text-align: center;
  }
  .menu-bar ul li {
    display: inline-block;
    margin: 0 .25rem;
  }
  .menu-bar ul li a {
    display: inline-block;
    padding: .1rem .25rem;
  }
  .menu-bar ul li a.active {
    color: #101316;
    font-weight: 800;
  }
}

/****** page heading ********/
.page-heading h1 {
  font-size: 1.5rem;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 1.2;
  margin: 0;
  text-transform: uppercase;
}

.page-heading .page-heading-number {
  font-weight: 400;
}

.page-heading p {
  font-size: 1rem;
  margin: 0.5rem 0 0 0;
}

.page-heading hr {
  background: #e9ecef;
  border: none;
  height: 1px;
  margin: 1rem 0;
}

@media screen and (max-width: 40em) {
  .page-heading hr {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}

@media screen and (min-width: 40em) {
  .page-heading h1 {
    font-size: 1.75rem;
  }
}

/****** footer ********/
.footer-hr {
  background: #e9ecef;
  border: none;
  height: 1px;
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (max-width: 40em) {
  .footer-hr {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}

@media screen and (min-width: 64em) {
  .footer-hr {
    margin: 0 -5%;
  }
}

footer {
  padding-bottom: 2rem;
}

footer h4 {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .75px;
  margin: 2rem 0 1rem 0;
  text-transform: uppercase;
}

footer ul.footer-links {
  -moz-column-count: 2;
  -moz-column-gap: 1rem;
  -webkit-column-count: 2;
  -webkit-column-gap: 1rem;
  column-count: 2;
  column-gap: 1rem;
}

footer ul li {
  margin: .5rem 0;
}

footer ul li:first-of-type {
  margin-top: 0;
}

footer ul li:last-of-type {
  margin-bottom: 0;
}

footer ul a {
  font-size: 1.125rem;
  font-weight: 300;
  text-decoration: none;
}

footer textarea {
  height: 240px;
  resize: none;
}

footer .app-store-badges li {
  display: inline-block;
  margin: 0;
}

footer .app-store-badges li a {
  -webkit-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
}

footer .app-store-badges li a:hover {
  opacity: .7;
}

footer .app-store-badges li img {
  max-width: 140px;
  height: auto;
}

@media screen and (min-width: 64em) {
  footer ul a:hover {
    color: #d62828;
  }
}

.baseline-footer-wrapper {
  font-weight: 300;
  margin: 2rem 1rem 3rem 1rem;
}

/****** sidebar ********/
.dash .sidebar .sidebar-box {
  display: none;
}

.article-page .page-inner-wrapper {
  margin-bottom: 0;
}

.sidebar {
  display: block;
  padding: 0;
}

.sidebar .sidebar-box {
  border-top: 20px solid #f5f6f7;
  padding: 1.5rem;
}

.sidebar .sidebar-box .label {
  display: inline-block;
}

.sidebar .sidebar-title-icon {
  margin-right: .5rem;
  vertical-align: top;
  width: 20px;
}

.sidebar h3 {
  border-bottom: 1px dotted #a9acaf;
  font-size: 1.25rem;
  letter-spacing: 1px;
  margin: 0 0 1.5rem 0;
  padding-bottom: .5rem;
  text-transform: uppercase;
}

.sidebar p {
  font-size: 1rem;
}

.sidebar ul, .sidebar ol {
  margin: 0;
}

.sidebar li {
  border-bottom: 1px solid #e9ecef;
  margin: .5rem 0 1rem 0;
  padding-bottom: 1rem;
}

.sidebar li:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.sidebar ol {
  list-style-type: none;
  position: relative;
}

.sidebar ol li {
  counter-increment: step-counter;
  padding-left: 2rem;
}

.sidebar ol li:before {
  content: counter(step-counter) ".";
  font-weight: 800;
  left: 0;
  position: absolute;
}

.sidebar .sidebar-list-title {
  display: block;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
}

.sidebar .sidebar-list-title:hover {
  text-decoration: underline;
}

.sidebar .cta {
  display: block;
  margin: 1rem 0 0 0;
}

@media screen and (min-width: 64em) {
  .sidebar ol.image-first-story li:first-of-type, .sidebar ul.image-first-story li:first-of-type {
    padding-left: 0;
  }
  .sidebar ol.image-first-story li:first-of-type:before, .sidebar ul.image-first-story li:first-of-type:before {
    content: '';
  }
  .sidebar ol.image-first-story li:first-of-type a, .sidebar ul.image-first-story li:first-of-type a {
    display: block;
    position: relative;
  }
  .sidebar ol.image-first-story li:first-of-type a img,
  .sidebar ol.image-first-story li:first-of-type a .lib-background-img, .sidebar ul.image-first-story li:first-of-type a img,
  .sidebar ul.image-first-story li:first-of-type a .lib-background-img {
    display: block;
    margin-bottom: .5rem;
    width: 100%;
  }
  .sidebar ol.image-first-story li:first-of-type a .lib-background-img, .sidebar ul.image-first-story li:first-of-type a .lib-background-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 140px;
  }
  .sidebar ol.image-first-story li:first-of-type a .first-number, .sidebar ul.image-first-story li:first-of-type a .first-number {
    background-color: #fff;
    bottom: 0;
    font-weight: 800;
    height: 30px;
    padding-top: .25rem;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 30px;
  }
}

@media screen and (min-width: 40em) {
  .article-page .page-inner-wrapper {
    margin-bottom: 2rem;
  }
  .sidebar .sidebar-box {
    border: 1px solid #e9ecef;
    margin: 0 0 1rem 0;
  }
}

@media screen and (min-width: 64em) {
  .dash .sidebar .sidebar-box {
    display: block;
  }
  .sidebar {
    padding: 0 0 0 3rem;
  }
}

.paychek section {
  padding: 2.5rem 0;
}

.paychek section h1 {
  font-size: 2.25rem;
  font-weight: 800;
  margin: 0 0 2rem 0;
}

.paychek section h2 {
  font-size: 2rem;
  font-weight: 300;
  margin: 0 0 1.5rem 0;
  text-align: center;
}

.paychek section h3 {
  font-size: 1.125rem;
  font-weight: 800;
  margin-top: 0;
}

.paychek section h4 {
  color: #287fd6;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin: 0 0 0.25rem 0;
  text-align: center;
  text-transform: uppercase;
}

.paychek section p {
  line-height: 1.5;
}

@media screen and (min-width: 40em) {
  .paychek section {
    padding: 5rem 0;
  }
  .paychek section:first-of-type {
    padding: 4rem 0 5rem 0;
  }
  .paychek section h1 {
    line-height: 1.2;
  }
  .paychek section h2 {
    font-size: 2.5rem;
    margin: 0 auto 4rem auto;
  }
  .paychek section h4 {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 64em) {
  .paychek section h1 {
    font-size: 2.75rem;
  }
}

.contact-list {
  margin-bottom: 0;
}

.contact-list li {
  display: inline-block;
}

.contact-list li a {
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.contact-list li img {
  width: 25px;
}

@media screen and (min-width: 40em) {
  .contact-list {
    margin-bottom: 0;
    text-align: right;
  }
  .contact-list li {
    padding: 0 0 0 1.5rem;
  }
  .contact-list li a:hover span {
    text-decoration: underline;
  }
  .contact-list li img {
    width: 20px;
  }
}

.paychek nav {
  background-color: #ffffff;
  border: 1px solid #e9ecef;
  padding: 0.75rem 0;
}

.paychek nav .pub-logo {
  height: 36px;
}

.paychek nav .contact-list {
  text-align: right;
}

.paychek nav .contact-list li {
  margin: 0;
  padding: .375rem .5rem;
}

.paychek nav .contact-list li .contact-copy {
  display: none;
}

@media screen and (min-width: 40em) {
  .paychek nav .contact-list li {
    padding: 0 0 0 1.5rem;
    line-height: 2.1;
  }
  .paychek nav .contact-list li .contact-copy {
    display: inline-block;
  }
}

section.lead-gen {
  background-color: #f5f6f7;
}

section.lead-gen p .highlight {
  color: #287fd6;
  font-weight: 800;
}

section.lead-gen ul {
  margin: 0.5rem 1.25rem 2rem 1.25rem;
}

section.lead-gen form {
  background-color: #fff;
  border: 1px solid #e9ecef;
  -webkit-box-shadow: 4px 4px 8px 0px rgba(153, 153, 153, 0.2);
          box-shadow: 4px 4px 8px 0px rgba(153, 153, 153, 0.2);
  padding: 1rem;
}

section.lead-gen form .button, section.lead-gen form .stripe_btn .stripe-button-el span, .stripe_btn .stripe-button-el section.lead-gen form span {
  margin-top: 1rem;
}

section.lead-gen form .g-recaptcha {
  margin: 1rem 0 0 0;
}

@media screen and (min-width: 40em) {
  section.lead-gen form {
    padding: 1.5rem;
  }
  section.lead-gen ul {
    margin-bottom: 0;
  }
}

section.audience p {
  font-size: 1.25rem;
  margin-top: 0;
  text-align: center;
}

section.audience p.data-callout {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
}

section.audience .data-icon {
  background-color: #e9ecef;
  border-radius: 50%;
  height: 75px;
  margin: 1rem auto;
  position: relative;
  width: 75px;
}

section.audience .data-icon img {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 35px;
}

@media screen and (min-width: 40em) {
  section.audience p.data-callout {
    font-size: 2rem;
  }
  section.audience .data-icon {
    height: 95px;
    margin: 0 auto 2rem auto;
    width: 95px;
  }
  section.audience .data-icon img {
    width: 50px;
  }
}

section.inline-cta {
  background-color: #287fd6;
  color: #fff;
  padding: 2rem 0;
}

section.inline-cta .cta-wrapper p {
  font-size: 2rem;
  margin: 0;
  text-align: center;
}

section.inline-cta .cta-wrapper p.contact-cta {
  font-size: 1.25rem;
  margin-top: 0.75rem;
}

section.inline-cta .cta-wrapper p.contact-cta a {
  color: #fff;
}

@media screen and (min-width: 40em) {
  section.inline-cta .cta-wrapper p {
    text-align: left;
  }
}

section.testimonials {
  background-color: #f5f6f7;
}

section.testimonials .testimonial-wrapper {
  margin-bottom: 2.5rem;
  padding-left: 50px;
  position: relative;
}

section.testimonials .testimonial-wrapper:before {
  content: '“';
  color: #287fd6;
  font-size: 3.5rem;
  font-weight: 800;
  left: 12px;
  line-height: .9;
  position: absolute;
}

section.testimonials .testimonial-wrapper .quote {
  letter-spacing: .5px;
  margin-top: 0;
}

section.testimonials .testimonial-wrapper img {
  border-radius: 50%;
  float: right;
  max-width: 50px;
}

section.testimonials .testimonial-wrapper .attribution {
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
}

section.testimonials .testimonial-wrapper .title {
  font-size: .875rem;
  font-style: italic;
  margin: .25rem 0 0 0;
}

@media screen and (min-width: 40em) {
  section.testimonials .testimonial-wrapper {
    margin-bottom: 0;
  }
  section.testimonials .testimonial-wrapper .quote {
    font-size: 1.25rem;
  }
  section.testimonials .testimonial-wrapper .attribution,
  section.testimonials .testimonial-wrapper .title {
    font-size: 1rem;
  }
}

section.logos .client-logos img {
  display: block;
  margin: 0 auto;
  width: 200px;
}

section.cta-section {
  background-color: #287fd6;
}

section.cta-section h2 {
  color: #fff;
}

section.cta-section .button, section.cta-section .stripe_btn .stripe-button-el span, .stripe_btn .stripe-button-el section.cta-section span {
  display: block;
  margin: 0 auto;
}

@media screen and (min-width: 40em) {
  section.cta-section .button, section.cta-section .stripe_btn .stripe-button-el span, .stripe_btn .stripe-button-el section.cta-section span {
    width: 50%;
  }
}

@media screen and (min-width: 64em) {
  section.cta-section .button, section.cta-section .stripe_btn .stripe-button-el span, .stripe_btn .stripe-button-el section.cta-section span {
    width: 25%;
  }
}

.paychek footer {
  background-color: #287fd6;
  border-top: none;
  padding: 1rem 1rem 2rem 1rem;
  margin: 0;
}

.paychek footer p {
  color: #fff;
  font-size: 1rem;
}

.paychek footer a {
  color: #fff;
}

.paychek footer a:hover {
  color: #fff;
}

@media screen and (min-width: 40em) {
  .paychek footer p {
    margin: 0;
    line-height: 2.6;
  }
}

.modal-paychek {
  background-color: #fff;
  border: 1px solid #e9ecef;
  -webkit-box-shadow: 4px 4px 8px 0px rgba(153, 153, 153, 0.2);
          box-shadow: 4px 4px 8px 0px rgba(153, 153, 153, 0.2);
  height: 100%;
  left: 0;
  margin: 0 auto;
  overflow-x: hidden;
  padding: 1.5rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 500;
}

.modal-paychek h2 {
  font-weight: 800;
  margin: 0 0 1rem 0;
}

.modal-paychek h3 {
  font-size: 1rem;
  margin-bottom: 0;
  text-transform: uppercase;
}

.modal-paychek p {
  margin: 1.5rem 0 0.75rem 0;
}

.modal-paychek label {
  display: block;
  margin: .75rem 0;
}

.modal-paychek .button, .modal-paychek .stripe_btn .stripe-button-el span, .stripe_btn .stripe-button-el .modal-paychek span {
  display: block;
  margin-top: 1.75rem;
}

.modal-paychek .custom-checkbox {
  margin-bottom: 0.75rem;
}

.modal-paychek form {
  position: relative;
}

.modal-paychek textarea {
  min-height: 100px;
}

.modal-paychek .modal-close {
  cursor: pointer;
  font-size: 3rem;
  line-height: .6;
  padding: 1.5rem;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.modal-paychek .modal-close:hover {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.modal-thank-you .checkmark {
  display: block;
  margin: 2rem auto;
  width: 50px;
}

.modal-thank-you h2 {
  text-align: center;
}

.modal-thank-you .download-pdf {
  margin: 1rem 0;
}

@media screen and (min-width: 40em) {
  .paychek.modal-overlay:before {
    background-color: #fff;
    content: '';
    height: 100%;
    opacity: .85;
    position: fixed;
    width: 100%;
    z-index: 400;
  }
  .modal-paychek {
    height: initial;
    max-height: 85%;
    top: 50px;
    width: 65%;
  }
}

/****** dash ********/
section.dash-top {
  margin-top: 1rem;
}

section.dash-top a {
  text-decoration: none;
}

section.dash-top a:hover {
  text-decoration: underline;
}

@media screen and (min-width: 64em) {
  section.dash-top {
    margin: 3rem 0 4rem 0;
  }
}

h2.dash-header {
  font-size: 1.125rem;
  letter-spacing: 1px;
  margin: 0;
  text-transform: uppercase;
}

@media screen and (min-width: 64em) {
  h2.dash-header {
    font-size: 1.25rem;
  }
}

section.hero-article {
  margin-bottom: 2rem;
}

section.hero-article img {
  margin-bottom: .75rem;
  width: 100%;
}

section.hero-article h1 {
  font-family: "abril-titling", Georgia, serif;
  font-size: 1.5rem;
  margin: 0 0 .5rem 0;
}

section.hero-article p {
  color: #434649;
  font-size: 1rem;
  margin: 0;
}

section.hero-article a.call-out-link {
  display: inline-block;
}

@media screen and (min-width: 64em) {
  section.hero-article {
    margin-bottom: 0;
  }
  section.hero-article h1 {
    font-size: 2.125rem;
  }
  section.hero-article p {
    font-size: 1.125rem;
  }
}

section.top-stories {
  border-bottom: 1px solid #e9ecef;
  border-top: 1px solid #e9ecef;
  padding: 2rem 1rem;
}

@media screen and (max-width: 40em) {
  section.top-stories {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}

section.top-stories h2 {
  margin-bottom: 1.25rem;
}

section.top-stories ol {
  list-style-type: none;
  margin: 0;
  position: relative;
}

section.top-stories ol li {
  counter-increment: step-counter;
  margin: 0 0 1.25rem 2rem;
}

section.top-stories ol li:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

section.top-stories ol li h3 {
  font-family: "abril-titling", Georgia, serif;
  font-size: 1rem;
  margin: 0;
}

section.top-stories ol li h3:before {
  content: counter(step-counter) ".";
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-weight: 800;
  left: 0;
  line-height: 1.4;
  position: absolute;
}

@media screen and (min-width: 40em) {
  section.top-stories {
    border: 0;
    margin: 0 0 2rem 0;
    padding: 0;
  }
}

@media screen and (min-width: 64em) {
  section.top-stories {
    margin: 0 0 0 1.25rem;
  }
  section.top-stories ol li {
    border-bottom: 1px solid #e9ecef;
    padding: 0 0 1.25rem 0;
  }
  section.top-stories ol li h3 {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 64em) {
  section.dash-feed h2.dash-header {
    position: relative;
  }
  section.dash-feed h2.dash-header:after {
    background-color: #101316;
    content: '';
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 80%;
  }
}

/****** article and editorial components ********/
/* The award class is added to the article tag of Dive Awards article
pages in the standard article content include with an if statement that
checks if an award is selected in the newspost */
article.award p a:hover, article.award li a:hover, article.award .author-name a:hover, article.award .post-article-topics a:hover {
  -webkit-text-decoration-color: #FFCC00;
  text-decoration-color: #FFCC00;
  color: #101316;
}

/****** article header ********/
@media screen and (max-width: 40em) {
  .article-hero-img-wrapper {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}

.article-hero-img-wrapper img {
  width: 100%;
}

.article-title-wrapper {
  padding: 1.25rem 0.9375rem 0 0.9375rem;
}

@media screen and (max-width: 40em) {
  .article-title-wrapper {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}

.article-title-wrapper h1 {
  font-family: "abril-titling", Georgia, serif;
  -webkit-font-variant-ligatures: no-common-ligatures;
          font-variant-ligatures: no-common-ligatures;
  margin: .25rem 0 .5rem 0;
}

.article-title-wrapper p {
  margin: 1rem 0 0 0;
}

@media screen and (min-width: 40em) {
  .article-hero-img {
    margin-bottom: 2rem;
  }
  .article-title-wrapper {
    padding: 0;
  }
  .article-title-wrapper p {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 70em) {
  .article-title-wrapper {
    border-bottom: solid 1px #e9ecef;
    margin-bottom: 2rem;
    padding: 0 0 1.5rem 0;
  }
}

/****** article byline ********/
.article-byline {
  color: #101316;
  line-height: 1.2;
  margin: 1.375rem 0;
}

.article-byline h4 {
  font-size: .875rem;
  letter-spacing: .5px;
  margin: 0;
}

.article-byline .author {
  display: inline;
}

.article-byline .author .author-name {
  display: inline-block;
  display: -moz-inline-stack;
}

.article-byline .author .author-name:after {
  content: ',';
  display: inline-block;
  margin-left: -0.25rem;
}

.article-byline .author .author-name:last-of-type:after {
  content: '';
}

.article-byline .author .author-name a.twitter {
  text-decoration: none;
}

.article-byline .date {
  margin: 0.5rem 0;
}

.article-byline .date h4 {
  font-size: 1rem;
  font-weight: 400;
}

.article-byline .date .updated-info {
  color: #d62828;
}

.article-byline .date .updated-info h4 {
  color: #d62828;
}

.article-byline .date .published-info, .article-byline .date .updated-info, .article-byline .date h4 {
  display: inline-block;
}

.article-byline .social-share li {
  margin: 0.75rem .25rem .25rem 0;
  width: 92px;
}

@media screen and (min-width: 40em) {
  .article-byline {
    border-bottom: solid 1px #e9ecef;
    padding-bottom: 1.5rem;
  }
}

@media screen and (min-width: 70em) {
  .article-wrapper {
    padding-left: 1.5rem;
  }
  .article-byline {
    border: 0;
    padding: 0;
    font-size: 0.875rem;
  }
  .article-byline h4 {
    color: #76797C;
    text-transform: uppercase;
    margin: 0 0 0.5rem 0;
  }
  .article-byline .author .author-name {
    margin-bottom: .75rem;
  }
  .article-byline .author .author-name:after {
    display: none;
  }
  .article-byline .author .author-name:last-of-type {
    margin-bottom: 0;
  }
  .article-byline .author a.twitter {
    margin-top: .25rem;
  }
  .article-byline .date h4 {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
  }
  .article-byline .date .updated-info {
    margin-bottom: 0.75rem;
  }
  .article-byline .author, .article-byline .date {
    border-bottom: 1px dotted #a9acaf;
    display: block;
    margin-bottom: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .article-byline .social-share li {
    margin: 0 0.25rem 0.5rem 0;
  }
}

@media screen and (min-width: 70em) {
  .byline-large-2 {
    width: 18%;
  }
  .article-large-10 {
    width: 82%;
  }
  .byline-hide-large {
    display: none;
  }
  .byline-show-large {
    display: block;
  }
}

/****** article copy ********/
article ::-moz-selection {
  background: #e9ecef;
  /* WebKit/Blink Browsers */
}
article ::selection {
  background: #e9ecef;
  /* WebKit/Blink Browsers */
}

article h3 {
  margin: 2rem 0 1rem 0;
}

article.brief h3 {
  margin: 1rem 0;
}

article p, article li, article ol, article blockquote {
  line-height: 1.5;
}

@media screen and (min-width: 40em) {
  article a:hover {
    color: #d62828;
  }
}

article .with-drop-cap > p:first-of-type:first-letter {
  float: left;
  font-size: 5rem;
  font-weight: 800;
  line-height: .7;
  margin: 0;
  padding: .5rem .3rem 0 0;
}

@media screen and (min-width: 40em) {
  article .with-drop-cap > p:first-of-type:first-letter {
    font-size: 6rem;
  }
}

/****** article images ********/
@media screen and (max-width: 40em) {
  .inside_story {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}

.inside_story img {
  width: 100%;
}

.inside_story figcaption {
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.5rem 0 0 0.9375rem;
}

.inside_story figcaption .caption_text, .inside_story figcaption .source_text, .inside_story figcaption p, .inside_story figcaption a {
  color: #76797C;
  display: inline;
  font-size: .875rem;
}

.inside_story.image-right {
  margin: 0 auto;
  max-width: 70%;
}

.inside_story.image-right figcaption {
  padding-left: 0;
}

.inside_story.image-centered {
  display: table;
  margin: 0 auto;
}

.caption_text:before {
  background: url("../img/camera.svg") no-repeat left center transparent;
  background-size: 100% 100%;
  content: "\0000a0";
  height: 18px;
  display: inline-block;
  margin: 0 .35rem 0 0;
  width: 18px;
}

.source_text {
  font-style: italic;
}

.source_text a {
  text-decoration: underline;
}

@media screen and (min-width: 40em) {
  .inside_story {
    margin: 0;
  }
  .inside_story.image-right {
    float: right;
    margin: 0 0 0 1.5rem;
    max-width: 40%;
  }
  .inside_story figcaption {
    padding: 0.5rem 0 0 0;
  }
}

/****** article charts ********/
.chart-wrapper {
  background: #f5f6f7;
  border: solid 1px #e9ecef;
  padding: 2rem 2rem 0 2rem;
  margin-bottom: 3rem;
}

.chart-wrapper .inside_story {
  margin: 0;
}

.chart-wrapper h4 {
  border-top: 2px #e9ecef solid;
  font-size: 1.125rem;
  margin: 0 0 1.5rem 0;
  padding-top: 1rem;
  text-transform: uppercase;
}

.chart-wrapper ul {
  margin-left: 0;
}

.chart-wrapper ul li {
  border-bottom: 1px #e9ecef solid;
  list-style-type: none;
  padding-bottom: 1rem;
}

.chart-wrapper ul li:last-of-type {
  border-bottom: none;
}

.chart-wrapper .chart-resource-source {
  color: #76797C;
  display: block;
  font-size: 0.9rem;
}

.chart-wrapper .chart-resource-title {
  font-size: 0.875rem;
  font-weight: 600;
}

@media screen and (min-width: 40em) {
  .chart-wrapper .chart-resource-title {
    font-size: 1rem;
  }
}

/****** article table ********/
.editorial-table {
  border-bottom: 1px solid #e9ecef;
  border-top: 1px solid #e9ecef;
  margin: 2rem auto;
  overflow-x: scroll;
}

.editorial-table table {
  width: 100%;
}

.editorial-table h6 {
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: .5px;
  margin: 1rem 0;
}

.editorial-table td, .editorial-table th {
  font-size: 0.875rem;
  line-height: 1.3;
  padding: 0.75rem 0.5rem;
  text-align: left;
}

.editorial-table thead tr {
  border-bottom: 2px solid #000;
}

.editorial-table thead th {
  font-weight: 600;
  text-align: left;
}

.editorial-table tbody tr:nth-child(odd) {
  background-color: #f5f6f7;
}

.editorial-table.sortable th:hover {
  background-color: #e9ecef;
  cursor: pointer;
}

.editorial-table.sortable th:after {
  background-image: url("../img/sortable-arrow.png");
  background-size: cover;
  content: '';
  display: inline-block;
  height: 12px;
  margin-left: 3px;
  width: 12px;
}

.editorial-table.sortable th.sorted {
  background-color: #e9ecef;
}

.editorial-table-source {
  color: #76797C;
  font-size: 0.875rem;
}

@media screen and (min-width: 64em) {
  .editorial-table {
    overflow-x: hidden;
  }
}

/****** pull quotes ********/
.pullquote {
  border-left: 6px solid #d62828;
  margin: 2rem auto;
  padding-left: 1.5rem;
}

.pullquote hr {
  display: none;
}

.pullquote p {
  margin: 0;
}

.pullquote .pq-quote {
  font-size: 1.25rem;
  font-weight: 800;
}

.pullquote .pq-headshot,
.pullquote .pq-speaker-details {
  display: inline-block;
  vertical-align: middle;
}

.pullquote .pq-headshot img {
  border-radius: 50%;
  height: 40px;
  margin: 1rem .5rem 0 0;
  width: 40px;
}

.pullquote .pq-headshot img.pq-headshot-img-hidden {
  display: none;
}

.pullquote .pq-speaker-details {
  margin: 1rem 0 0 0;
}

.pullquote .pq-speaker-details .pq-speaker-title {
  font-style: italic;
}

@media screen and (min-width: 40em) {
  .pullquote .pq-quote {
    font-size: 1.5rem;
  }
  .pullquote .pq-speaker-details p {
    font-size: 1rem;
  }
}

/****** tweet quote ********/
.pquote {
  border-left: 4px solid #55acee;
  margin: 1.5rem 0;
  padding: .5rem 0 .5rem 1.25rem;
}

.pquote .tweetwords {
  color: #434649;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
}

.pquote .button, .pquote .stripe_btn .stripe-button-el span, .stripe_btn .stripe-button-el .pquote span {
  font-weight: 600;
  letter-spacing: 0;
  margin-top: .75rem;
  padding: .5rem 1rem;
  text-transform: none;
}

.pquote .button img, .pquote .stripe_btn .stripe-button-el span img, .stripe_btn .stripe-button-el .pquote span img {
  width: 15px;
  margin-left: .5rem;
}

.pquote br {
  display: none;
}

@media screen and (min-width: 40em) {
  .pquote {
    float: right;
    width: 40%;
    margin: 0 0 1rem 1rem;
  }
  .pquote .tweetwords {
    font-size: 1.125rem;
  }
}

/****** editor box ********/
.editor-box p {
  font-size: 1rem;
  font-style: italic;
  margin: 0;
}

.editor-box p a {
  color: #55acee;
  font-weight: 700;
  text-decoration: none;
}

/****** post-article content ********/
.post-article-wrapper {
  margin: 1.5rem 0;
}

.post-article-wrapper .help-text {
  font-size: .875rem;
}

.post-article-topics {
  margin: .5rem 0;
}

.post-article-topics a {
  font-weight: 600;
  margin-right: .25rem;
}

/****** next story ********/
@media screen and (min-width: 40em) {
  .read-next-wrapper {
    padding: 2rem 0 4rem 0;
  }
  .read-next-wrapper h3 {
    font-size: 2.5rem;
    font-weight: 800;
    letter-spacing: 1.5px;
    margin: 0 0 1rem 0;
    text-transform: uppercase;
  }
  .read-next-wrapper h4 {
    margin: 0;
    padding-bottom: 0.5rem;
  }
  .read-next-align {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 64em) {
  .read-next-align {
    margin: 0;
  }
}

@media screen and (min-width: 70em) {
  .read-next-align {
    margin-left: auto;
    margin-right: auto;
  }
}

/********* profile editorial feature *******/
.profile-wrapper {
  background-color: #f5f6f7;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}

.profile-wrapper h2, .profile-wrapper h3 {
  font-weight: 800;
  font-size: 1.75rem;
  letter-spacing: .5px;
  margin: 1rem 0;
  text-align: center;
  text-transform: uppercase;
}

.profile-wrapper p {
  font-size: 1rem;
}

.profile-wrapper p:last-of-type {
  margin-bottom: 0;
}

.profile-wrapper .profile-title {
  color: #434649;
  margin: 1rem 0;
  text-align: center;
}

.profile-wrapper hr {
  border: 2px solid #d62828;
  margin: 2rem auto;
  width: 30%;
}

.cloned-story p {
  display: inline-block;
  font-size: 1rem;
  font-style: italic;
  font-weight: 200;
}

.cloned-story img {
  margin: 0 0 0 0.725rem;
  max-height: 30px;
}

.article-custom .page-wrapper {
  max-width: 100%;
}

.article-custom .article-wrapper {
  padding: 0;
}

@media (min-width: 40em) {
  .article-custom .page-wrapper {
    padding-top: 55px;
  }
  .article-custom .custom-article-footer {
    margin: 0 auto;
    max-width: 90%;
  }
}

@media (min-width: 70em) {
  .article-custom .page-wrapper {
    padding-top: 104px;
  }
}

.smt-imported-img {
  display: block;
  height: auto !important;
  margin: 2.5rem auto;
}

/****** detail ********/
.detail-page h1 {
  margin: 1rem 0;
}

.detail-page .detail-header {
  margin: 0 0 2rem 0;
}

.detail-page .detail-header li {
  margin-bottom: 0;
  padding-bottom: .75rem;
}

.detail-page .detail-header .detail-info-type {
  font-weight: 700;
}

.detail-page .detail-header .detail-link {
  display: block;
  font-weight: 600;
}

.detail-page .detail-header .detail-label {
  color: #76797C;
}

/****** jobs ********/
.post-job-cta-wrapper {
  margin: 1rem auto;
  padding: 1rem;
  text-align: center;
}

.post-job-cta-wrapper p {
  font-size: 1rem;
  font-weight: 600;
}

.post-job-cta-wrapper a {
  font-weight: 400;
}

.jobs2careers-logo-wrapper {
  background-color: #fff2e6;
  border-top: 2px solid #ff8100;
  color: #cc6700;
  margin-top: 1.5rem;
  padding: 1rem 0;
  text-align: center;
}

@media screen and (max-width: 40em) {
  .jobs2careers-logo-wrapper {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}

.jobs2careers-logo-wrapper img {
  max-height: 22px;
}

.job-links-wrapper {
  margin-top: 1rem;
}

.job-post-body h2 {
  font-size: 1.25rem;
  margin-top: 3rem;
  text-transform: uppercase;
}

.post-job-tiers h1 {
  font-weight: 400;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
}

.post-job-tiers h1 .title-callout {
  font-weight: 600;
}

@media screen and (min-width: 64em) {
  .post-job-tiers h1 {
    font-size: 2.5rem;
  }
}

.job-tier-wrapper {
  margin: 1.5rem auto;
}

.job-tier-wrapper ul {
  border: 1px solid #e9ecef;
  padding: 1.25rem;
}

.job-tier-wrapper ul li {
  font-size: .875rem;
  font-weight: 500;
}

.job-tier-wrapper ul li:last-of-type {
  margin: 0;
}

.job-tier-wrapper ul li.cross-out {
  color: #c3c6c8;
  font-weight: 400;
  text-decoration: line-through;
}

.sponsored-call-out {
  color: #287fd6;
  font-weight: 600;
}

@media screen and (min-width: 64em) {
  .job-tier-wrapper {
    padding: 0;
    margin: 2.5rem 0;
  }
}

.job-tier-header {
  border: 1px solid #e9ecef;
  padding: 1.25rem;
  text-align: center;
}

.job-tier-header .tier-name {
  display: block;
  font-weight: 600;
  text-transform: uppercase;
}

.job-tier-header .tier-price {
  display: block;
  font-size: 1.75rem;
  font-weight: 800;
}

.job-tier-header .post_btn {
  margin-top: .5rem;
}

.job-tier-header.recommended {
  background-color: #287fd6;
  border: 1px solid #287fd6;
  color: #fff;
}

.job-tier-header.recommended .post_btn {
  background: #fff;
  color: #101316;
}

.job-tier-header.recommended .post_btn:hover {
  background: #f5f6f7;
}

.job-tier-inner-wrapper {
  position: relative;
}

.job-tier-recommended-label {
  background: #e9ecef;
  font-size: .875rem;
  padding: .125rem 0;
  position: absolute;
  text-align: center;
  top: -25px;
  width: 100%;
}

.post-job-form h2,
.post-job-payment h2 {
  margin-top: 3rem;
  text-transform: uppercase;
}

.post-job-form h2:first-of-type,
.post-job-payment h2:first-of-type {
  margin-top: 1rem;
}

.post-job-form .django-ckeditor-widget {
  display: block !important;
}

.radio-option input {
  display: inline-block;
  width: inherit;
}

.radio-option input.js-disabled {
  background-color: #f5f6f7;
}

.cms-login-notice {
  color: red;
  margin-bottom: 1rem;
}

.post-job-confirmation {
  text-align: center;
}

.confirmation-message {
  margin: 1.5rem 0 3rem 0;
}

.confirmation-message img {
  width: 60px;
}

.edit-job-wrapper {
  margin-top: 2rem;
}

.form-edit-job-buttons {
  float: right;
}

.form-edit-job-buttons .admin-button {
  display: inline-block;
  font-size: .875rem;
  padding: .5rem;
  margin: 0 0 0 .5rem;
  width: inherit;
}

/****** about page ********/
.about-page h1 {
  font-size: 1.5rem;
  font-weight: 400;
  text-transform: uppercase;
}

.about-page section {
  margin-bottom: 3rem;
}

.about-page .cta-block {
  margin: 0 0 2rem 0;
}

.about-page .cta-block .cta-img {
  background-color: #e9ecef;
  border-radius: 50%;
  display: inline-block;
  height: 50px;
  text-align: center;
  vertical-align: top;
  width: 50px;
}

.about-page .cta-block .cta-img img {
  margin-top: 10px;
  width: 30px;
}

.about-page .cta-block .cta-content {
  display: inline-block;
  padding-left: 20px;
  width: calc(100% - 55px);
}

.about-page .cta-block .cta-content h3 {
  font-size: 1.125rem;
  margin: 0;
}

.about-page .cta-block .cta-content p {
  margin: 0.25rem 0 0.5rem 0;
}

.about-page .cta-block .cta-content p .arrow {
  font-size: 1rem;
}

.about-page .cta-block .cta-content p a {
  color: #d62828;
  font-weight: 500;
  text-decoration: none;
}

.about-page .cta-block .cta-content p a:hover {
  text-decoration: underline;
}

.about-page .publication-sites h2 {
  margin: 0;
}

.about-page .publication-sites p {
  margin: 0.5rem 0;
}

.about-page .publication-sites a:hover {
  color: #d62828;
}

.about-page .publication-sites ul {
  columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
  list-style-type: none;
  margin: 0;
}

.about-page .publication-sites ul li {
  margin: 0;
  padding: 0.5rem 0;
}

@media screen and (min-width: 40em) {
  .about-page h1 {
    font-size: 2rem;
  }
  .about-page .cta-block .cta-img {
    height: 70px;
    width: 70px;
  }
  .about-page .cta-block .cta-img img {
    margin-top: 15px;
    width: 40px;
  }
  .about-page .cta-block .cta-content {
    width: calc(100% - 75px);
  }
  .about-page .publication-sites ul {
    columns: 175px 3;
    -webkit-columns: 175px 3;
    -moz-columns: 175px 3;
    margin-top: 1rem;
  }
}

/****** editor and editor site features ********/
.divider {
  background: #e9ecef;
  border: none;
  display: block;
  height: 1px;
  margin: .875rem 0;
  width: 25%;
}

.editor-title {
  color: #76797C;
  font-size: 1.125rem;
}

.editor-title a {
  color: #76797C;
}

.editor-wrapper {
  margin: 4rem 0;
  text-align: center;
}

.editor-wrapper .editor-name {
  margin: 0;
}

.editor-wrapper .editor-name a {
  text-decoration: none;
}

.editor-wrapper .editor-name a:hover {
  text-decoration: underline;
}

.editor-wrapper li {
  margin: 0;
}

.editor-wrapper .editor-headshot {
  display: block;
  margin: 0 auto 1rem auto;
}

@media screen and (min-width: 40em) {
  .editor-wrapper {
    margin-bottom: 2rem;
    text-align: left;
  }
  .past-articles-wrapper h3 {
    font-size: 1.25rem;
  }
}

.editor-detail-wrapper {
  padding: 2rem 0 0 0;
}

.editor-detail-wrapper ul {
  margin: 1rem 0 0 0;
}

.editor-detail-wrapper ul li {
  margin: 0 0 .5rem 0;
}

.editor-detail-wrapper ul li a {
  font-size: 1rem;
}

.editor-detail-wrapper ul li a.email:before {
  background: url("../img/email_icons/email-icon-black.png") no-repeat left center transparent;
  background-size: 100% 100%;
  content: "\0000a0";
  display: inline-block;
  height: 12px;
  line-height: .7;
  margin-right: .5rem;
  width: 18px;
}

.editor-detail-wrapper ul li a.twitter:before {
  background: url("../img/social_icons/twitter-follow-icon-black.png") no-repeat left center transparent;
  background-size: 100% 100%;
  content: "\0000a0";
  display: inline-block;
  height: 18px;
  line-height: 1;
  margin-right: .5rem;
  width: 18px;
}

.editor-detail-wrapper ul li a.facebook:before {
  background: url("../img/social_icons/facebook-follow-icon-black.png") no-repeat left center transparent;
  background-size: 100% 100%;
  content: "\0000a0";
  display: inline-block;
  height: 18px;
  line-height: 1;
  margin-right: .5rem;
  width: 18px;
}

.editor-detail-wrapper ul li a.linkedin:before {
  background: url("../img/social_icons/linkedin-follow-icon-black.png") no-repeat left center transparent;
  background-size: 100% 100%;
  content: "\0000a0";
  display: inline-block;
  height: 18px;
  line-height: 1;
  margin-right: .5rem;
  width: 18px;
}

.editor-detail-wrapper ul li a.google-plus:before {
  background: url("../img/social_icons/google-plus-follow-icon-black.png") no-repeat left center transparent;
  background-size: 100% 100%;
  content: "\0000a0";
  display: inline-block;
  height: 18px;
  line-height: 1;
  margin-right: .5rem;
  width: 18px;
}

.editor-detail-wrapper .editor-name {
  font-size: 2.125rem;
  margin: 0;
}

.editor-detail-wrapper .editor-detail-info {
  margin: 1rem 0;
}

.editor-bio {
  margin: 2rem 0 3rem 0;
}

@media screen and (min-width: 40em) {
  .editor-detail-wrapper .editor-link-divider {
    display: inline-block;
  }
  .editor-detail-wrapper .editor-detail-info {
    margin: 0 0 .5rem 0;
  }
}

@media screen and (min-width: 64em) {
  .editor-detail-wrapper ul:after {
    content: "";
    clear: both;
    display: table;
  }
  .editor-detail-wrapper li {
    float: left;
    width: 48%;
  }
}

.past-articles-wrapper {
  border-top: 1px solid #e9ecef;
  padding-top: 1.5rem;
}

.past-articles-wrapper h3 {
  text-transform: uppercase;
}

.past-articles-wrapper .past-articles {
  margin-top: 3rem;
}

.past-articles-wrapper .past-articles li {
  border: 0;
  padding: 1rem 0;
}

.past-articles-wrapper .past-articles li:first-of-type {
  padding-top: 0;
}

.past-articles-wrapper .past-articles li:last-of-type {
  padding-bottom: 0;
}

.past-articles-wrapper .past-articles .article-date {
  display: block;
}

/****** form submission page ********/
.form-submission-page .form-contact {
  border-bottom: 1px solid #e9ecef;
  padding-bottom: 1.5rem;
}

.django-ckeditor-widget {
  display: block !important;
  margin-bottom: 1rem;
}

.django-ckeditor-widget .cke_chrome {
  width: 100% !important;
}

/****** message page ********/
.message-header {
  display: inline;
}

.message-header img, .message-header h1 {
  display: inline-block;
  vertical-align: middle;
}

.message-header img {
  margin-right: .25rem;
  width: 30px;
}

.message-text {
  margin-top: 0;
}

.message-page-wrapper {
  margin-bottom: 2rem;
  text-align: center;
}

.message-page-wrapper .icon {
  margin-top: 1rem;
  width: 75px;
}

.wwar-wrapper {
  border-bottom: solid 1px #e9ecef;
  padding: 2.5rem 0;
}

.wwar-wrapper:first-of-type {
  padding-top: 1rem;
}

.wwar-wrapper h2, .wwar-wrapper h3 {
  font-size: 1rem;
  text-transform: uppercase;
}

.wwar-wrapper h2 {
  font-weight: 800;
  margin: 0;
}

.wwar-wrapper h3 {
  font-weight: 500;
  margin: 2.75rem 0 1.25rem 0;
}

.wwar-wrapper h3:first-of-type {
  margin: 1.25rem 0;
}

.wwar-wrapper img {
  padding: 0 .125rem .25rem 0;
}

.wwar-wrapper ul {
  list-style: none;
  margin: 0;
}

.wwar-wrapper ul li {
  border-bottom: 0;
  margin: 2rem 0;
  padding: 0;
}

.wwar-wrapper ul li:first-of-type {
  margin-top: 1rem;
}

.wwar-wrapper ul li:last-of-type {
  margin-bottom: 0;
}

.wwar-wrapper ul li a {
  font-size: 1rem;
  text-decoration: none;
}

.wwar-wrapper ul li a:hover {
  text-decoration: underline;
}

/****** app page ********/
.apps-page .app-mockup {
  display: block;
  margin: 0 auto;
  max-height: 550px;
  max-width: 100%;
}

.apps-page h1 {
  text-align: center;
}

.apps-page .app-badges {
  margin-bottom: 2rem;
  text-align: center;
}

.apps-page .app-badges li {
  display: inline-block;
}

.apps-page .app-badges li img {
  max-width: 140px;
}

@media screen and (min-width: 64em) {
  .apps-page h1 {
    font-size: 1.75rem;
    margin: 4rem 0 1rem 0;
    text-align: left;
  }
  .apps-page .app-badges {
    text-align: left;
  }
  .apps-page .app-badges li:first-of-type {
    margin-right: .375rem;
  }
  .apps-page .app-badges li img:hover {
    opacity: .7;
  }
}

/****** signup page ********/
/* global */
.signup-page table {
  margin: 2rem 0;
}

.signup-page ul {
  list-style-type: disc;
}

.signup-page li {
  list-style-type: none;
}

.signup-page ol {
  list-style-type: decimal;
}

.signup-page h1 {
  font-size: 2rem;
  line-height: 1.1;
  margin: 0;
}

.signup-page h2 {
  font-size: 1.75rem;
  margin: 0 0 2rem 0;
  text-align: center;
}

.signup-page figure {
  margin: 1rem 0;
}

.signup-page .button, .signup-page .stripe_btn .stripe-button-el span, .stripe_btn .stripe-button-el .signup-page span {
  border: 0;
  margin: 0;
}

@media only screen and (max-width: 40em) {
  .signup-page .button, .signup-page .stripe_btn .stripe-button-el span, .stripe_btn .stripe-button-el .signup-page span {
    width: 100%;
  }
}

.signup-page #nav-bar {
  background-color: #000;
}

.signup-page .pub-logo {
  margin: .5rem 0;
}

@media only screen and (min-width: 40em) {
  .signup-page h1 {
    font-size: 3.5rem;
  }
  .signup-page h2 {
    font-size: 2.75rem;
    margin: 0 0 3rem 0;
  }
  .signup-page figure {
    margin: 3rem 0;
  }
}

.signup-page section {
  padding: 2rem 0;
}

.signup-page section.testimonials-section {
  background-color: #f5f6f7;
}

@media only screen and (min-width: 40em) {
  .signup-page section {
    padding: 5rem 0;
  }
  .signup-page section.form-section {
    padding: 3rem 0;
  }
}

.signup-page .page-description {
  font-size: 1.125rem;
  margin: .75rem 0 1.5rem;
}

@media only screen and (min-width: 40em) {
  .signup-page .page-description {
    font-size: 1.5rem;
  }
}

.signup-page .form-section li {
  margin-bottom: 0.375rem;
}

.signup-page .newsletter-partner {
  max-width: 100px;
  vertical-align: middle;
  display: inline-block;
  margin-left: 10px;
}

.signup-page .testimonial {
  margin: 2rem auto;
}

.signup-page .testimonial p {
  font-size: 1.375rem;
  text-align: center;
}

.signup-page .testimonial p.testimonial-attribution {
  color: #76797C;
  font-size: .875rem;
  margin: .5rem 0 0 0;
}

.signup-page .testimonial img {
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  max-width: 100px;
}

.signup-page .testimonial:last-of-type {
  margin-bottom: 0;
}

@media only screen and (min-width: 64em) {
  .signup-page .testimonial {
    width: 70%;
  }
  .signup-page .testimonial p {
    margin: 0;
    text-align: left;
  }
}

.signup-page .reasons-section img {
  display: block;
  margin: 1rem auto;
  width: 50px;
}

.signup-page .reasons-section h4, .signup-page .reasons-section p {
  text-align: center;
}

.signup-page .reasons-section h4 {
  margin: 0;
}

.signup-page .reasons-section p {
  margin-top: .5rem;
}

.signup-page .reasons-section .button, .signup-page .reasons-section .stripe_btn .stripe-button-el span, .stripe_btn .stripe-button-el .signup-page .reasons-section span {
  display: block;
  margin: 2rem auto 0 auto;
}

@media only screen and (min-width: 40em) {
  .signup-page .reasons-section .button, .signup-page .reasons-section .stripe_btn .stripe-button-el span, .stripe_btn .stripe-button-el .signup-page .reasons-section span {
    width: 30%;
  }
}

.signup-page .demographics-page select:disabled {
  background-color: #f5f6f7;
}

.signup-page .demographics-page .sidebar-box.promo {
  background-color: #f5f6f7;
}

.signup-page .demographics-page .sidebar-box.promo h3 {
  color: #287fd6;
}

.signup-page .demographics-page .sidebar-box.promo label p {
  font-weight: 400;
}

.signup-page .demographics-page .sidebar-box.promo .help-text {
  color: #76797C;
  font-size: .875rem;
  margin: 1rem 0 0 0;
}

.signup-page .demographics-page .sidebar-box.promo .sponsor-name {
  font-style: italic;
}

.signup-page .demographics-page .sidebar-box .checkbox:last-of-type {
  margin: 0;
}

.signup-page .demographics-page .button, .signup-page .demographics-page .stripe_btn .stripe-button-el span, .stripe_btn .stripe-button-el .signup-page .demographics-page span {
  margin-top: 1.5rem;
  width: 100%;
}

.signup-page .thanks-page {
  padding: 2rem 0 3rem 0;
  text-align: center;
}

.signup-page .thanks-page h1 {
  font-weight: 600;
}

.signup-page .thanks-page h2 {
  font-size: 1.25rem;
  font-weight: 800;
  margin: 4.25rem 0 1.5rem 0;
  text-align: left;
}

.signup-page .thanks-page ul {
  margin: 3rem 0;
}

.signup-page .thanks-page ul li {
  margin: 3rem 0;
  text-align: left;
}

.signup-page .thanks-page ul li .offer-content {
  background-color: #f5f6f7;
  border: 1px solid #e9ecef;
  overflow: hidden;
  margin: 0;
  padding: 1rem;
}

.signup-page .thanks-page ul li .offer-content h4 {
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 400;
  margin: 0;
}

.signup-page .thanks-page ul li .offer-content .button, .signup-page .thanks-page ul li .offer-content .stripe_btn .stripe-button-el span, .stripe_btn .stripe-button-el .signup-page .thanks-page ul li .offer-content span {
  margin-top: 1rem;
}

.signup-page .thanks-page ul li .offer-content .offer-column {
  padding: 0;
}

.signup-page .thanks-page ul li .offer-text {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.signup-page .thanks-page .thanks-icon {
  display: block;
  margin: 0.5rem auto;
  width: 300px;
}

.signup-page .thanks-page .social-icons img {
  width: 50px;
}

.signup-page .thanks-page .return-to-homepage {
  font-size: 1rem;
  margin: 0;
  text-align: left;
}

.signup-page .thanks-page .return-to-homepage a {
  text-decoration: none;
}

.signup-page .thanks-page .return-to-homepage a:hover {
  text-decoration: underline;
}

.signup-page .thanks-page .coreg {
  display: none;
}

.signup-page .thanks-page .hybrid-ad-wrapper {
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 40em) {
  .signup-page .thanks-page ul {
    margin: 5rem 0;
  }
  .signup-page .thanks-page ul li h4 {
    margin: 0 1rem 0 0;
  }
  .signup-page .thanks-page ul li .offer-column .button, .signup-page .thanks-page ul li .offer-column .stripe_btn .stripe-button-el span, .stripe_btn .stripe-button-el .signup-page .thanks-page ul li .offer-column span {
    float: right;
    margin-top: 0rem;
  }
}

.signup-page .signup-form .checkbox {
  margin-bottom: 1rem;
}

.signup-page .signup-form .checkbox label {
  cursor: pointer;
  font-weight: 700;
}

.signup-page .signup-form .checkbox p {
  color: #434649;
  font-size: .875rem;
  font-weight: 400;
  margin: .25rem 0;
}

.signup-page .help-text {
  font-size: 0.875rem;
}

.signup-page .non-ie-wrapper .signup-form input[type="checkbox"] {
  display: none;
}

.signup-page .non-ie-wrapper .signup-form input[type="checkbox"] + label:before {
  border: 1px solid #101316;
  content: '\00a0';
  display: inline-block;
  font-size: .75rem;
  height: 20px;
  margin-right: .5rem;
  text-align: center;
  width: 20px;
}

.signup-page .non-ie-wrapper .signup-form input[type="checkbox"]:checked + label:before {
  content: '\2715';
}

.signup-page .view-sample {
  display: none;
}

@media only screen and (min-width: 40em) {
  .signup-page .view-sample {
    display: inline-block;
  }
}

.signup-page .footer-wrapper {
  min-height: 100%;
  padding-bottom: 60px;
}

.signup-page .footer {
  background: #101316;
  color: #fff;
  text-align: center;
  padding: 1.5rem 1rem;
  width: 100%;
  position: relative;
}

.signup-page .footer p {
  margin: 0;
}

.signup-page .footer a {
  color: #fff;
}

.signup-page .footer a:hover {
  color: #fff;
}

/****** podcast page ********/
.sc-player {
  bottom: 0;
  font-size: 0;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 1;
}

.sc-toggle {
  cursor: pointer;
  display: block;
  margin-top: 1rem;
}

.sc-toggle p {
  display: inline-block;
  font-size: 1.25rem;
  line-height: 30px;
  margin: 0;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.sc-toggle img {
  border: 1px solid #101316;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: inline-block;
  height: 30px;
  margin-right: 0.5rem;
  padding: 1px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  vertical-align: top;
  width: 30px;
}

.sc-toggle:hover p {
  color: #d62828;
}

.sc-toggle:hover img {
  border: 2px solid #d62828;
  padding: 0;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.sc-toggle.sc-stop p {
  color: #d62828;
}

.sc-toggle.sc-stop img {
  border: 2px solid #d62828;
  padding: 0;
}

@media screen and (min-width: 40em) {
  ul.feed .feed-image.podcast-image {
    display: none;
  }
}

@media screen and (min-width: 64em) {
  ul.feed .feed-image.podcast-image {
    display: block;
  }
}

.library-page-new section {
  margin-bottom: 2rem;
}

.lib-item {
  padding: 1rem 1.125rem 0 1.125rem;
}

.lib-item .lib-item-img {
  background-color: #e9ecef;
  background-position: center center;
  background-size: cover;
  height: 220px;
}

.lib-item .lib-item-img .cta-overlay {
  visibility: hidden;
}

.lib-item .heading-wrapper {
  margin-bottom: 2rem;
}

.lib-item .heading-wrapper .label {
  display: block;
  margin: .75rem 0 0 0;
}

.lib-item .heading-wrapper h3 {
  font-size: 1.25rem;
  letter-spacing: 0;
  margin: .25rem 0;
}

.lib-item .heading-wrapper h3 a {
  text-decoration: none;
}

.lib-item .heading-wrapper h3 a:hover {
  text-decoration: underline;
}

@media screen and (min-width: 40em) {
  .lib-item .heading-wrapper {
    height: 165px;
    margin-bottom: 0;
  }
  .lib-item a .lib-item-img {
    position: relative;
  }
  .lib-item a .lib-item-img:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-20%, transparent), to(#000));
    background: linear-gradient(to bottom, transparent -20%, #000 100%);
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
  }
  .lib-item a .lib-item-img .cta-overlay {
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 70px;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    width: 100%;
    visibility: visible;
  }
  .lib-item a .lib-item-img .cta-overlay p {
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    margin: 1rem auto;
    text-decoration: none;
    width: 75%;
  }
  .lib-item a .lib-item-img .cta-overlay img {
    width: 50px;
  }
  .lib-item a:hover .lib-item-img:before {
    opacity: .8;
  }
  .lib-item a:hover .lib-item-img .cta-overlay {
    opacity: 1;
  }
  .lib-item.columns:last-child:not(:first-child) {
    float: left;
  }
}

@media screen and (min-width: 64em) {
  .lib-item .heading-wrapper {
    height: 175px;
  }
}

@media screen and (min-width: 40em) {
  .lib-featured-items .lib-item:first-of-type .heading-wrapper {
    height: auto;
    margin: 1rem 0 2rem 0;
  }
  .lib-featured-items .lib-item:first-of-type .heading-wrapper a {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 64em) {
  .lib-featured-items .lib-item:first-of-type .heading-wrapper {
    height: 175px;
    margin: 0;
  }
}

.lib-promoted-items {
  border: 2px solid #f5f6f7;
}

.lib-promoted-items h2 {
  background-color: #f5f6f7;
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  padding: .75rem 1rem;
  text-transform: uppercase;
}

.lib-promoted-items .lib-item {
  border-bottom: 1px solid #e9ecef;
  margin: 0;
  padding: 1rem;
}

.lib-promoted-items .lib-item:last-of-type {
  border-bottom: none;
}

.lib-promoted-items .lib-item h3 {
  font-size: 1rem;
  margin: .25rem 0 .5rem 0;
}

.lib-promoted-items .lib-item h3 a {
  text-decoration: none;
}

.lib-promoted-items .lib-item h3 a:hover {
  text-decoration: underline;
}

.lib-promoted-items .lib-item .lib-sponsor .label {
  display: inline-block;
}

.lib-promoted-items .lib-item .lib-sponsor img {
  font-weight: 700;
  height: 25px;
  line-height: 1.7;
}

@media screen and (min-width: 40em) {
  .lib-promoted-items-wrapper {
    margin: 0 1rem;
  }
  .lib-promoted-items .lib-item {
    border-bottom: 0;
  }
}

@media screen and (min-width: 64em) {
  .lib-promoted-items .lib-item h3 {
    font-size: 1.125rem;
  }
}

/****** brand resources page ********/
.brand-resources-page h1 {
  font-size: 1.5rem;
  font-weight: 400;
  text-transform: uppercase;
}

.brand-resources-page .download {
  margin-bottom: 4rem;
}

.brand-resources-page .download .logo-example {
  border: 1px solid #e9ecef;
  padding: 3rem 2rem;
  text-align: center;
}

.brand-resources-page .download .logo-example.bg-black {
  background-color: #101316;
}

.brand-resources-page .download .agreement {
  text-align: center;
}

.brand-resources-page .download .agreement .copy {
  margin: 2rem 0 1rem 0;
}

.brand-resources-page .download .inactive {
  background-color: #eff1f3;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #a9acaf;
  cursor: default;
}

.brand-resources-page .guidelines .guideline-example {
  margin-bottom: 2rem;
}

.brand-resources-page .guidelines .guideline-example img {
  border: 1px solid #e9ecef;
  border-bottom: 4px solid #d62828;
}

.brand-resources-page .guidelines .guideline-example p {
  font-size: 1rem;
  text-align: center;
}

.brand-resources-page .guidelines .guideline-example p .highlight {
  color: #d62828;
  font-weight: 700;
  text-transform: uppercase;
}

@media screen and (min-width: 40em) {
  .brand-resources-page h1 {
    font-size: 2rem;
  }
}