@charset "UTF-8";
/*
    This file defines the font family 'Proxima Nova'. It references files kept in
    media/fonts/proxima-nova . If compiled to css files that live in
    static/css/FILENAME.css the relative paths work.
 */
/**** Light, weight 300 **/
@font-face {
  font-family: 'Proxima Nova';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/proxima-nova/ProximaNova-Light.woff2") format("woff2"), url("../fonts/proxima-nova/ProximaNova-Light.woff2") format("woff"), url("../fonts/proxima-nova/ProximaNova-Light.eot") format("embedded-opentype"), url("../fonts/proxima-nova/ProximaNova-Light.ttf") format("truetype");
}

@font-face {
  font-family: 'Proxima Nova';
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/proxima-nova/ProximaNova-LightIt.woff2") format("woff2"), url("../fonts/proxima-nova/ProximaNova-LightIt.woff2") format("woff"), url("../fonts/proxima-nova/ProximaNova-LightIt.eot") format("embedded-opentype"), url("../fonts/proxima-nova/ProximaNova-LightIt.ttf") format("truetype");
}

/*** Regular, weight 400 **/
@font-face {
  font-family: 'Proxima Nova';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/proxima-nova/ProximaNova-Regular.woff2") format("woff2"), url("../fonts/proxima-nova/ProximaNova-Regular.woff2") format("woff"), url("../fonts/proxima-nova/ProximaNova-Regular.eot") format("embedded-opentype"), url("../fonts/proxima-nova/ProximaNova-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'Proxima Nova';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/proxima-nova/ProximaNova-RegularIt.woff2") format("woff2"), url("../fonts/proxima-nova/ProximaNova-RegularIt.woff2") format("woff"), url("../fonts/proxima-nova/ProximaNova-RegularIt.eot") format("embedded-opentype"), url("../fonts/proxima-nova/ProximaNova-RegularIt.ttf") format("truetype");
}

/**** Medium, weight 500 **/
@font-face {
  font-family: 'Proxima Nova';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/proxima-nova/ProximaNova-Medium.woff2") format("woff2"), url("../fonts/proxima-nova/ProximaNova-Medium.woff2") format("woff"), url("../fonts/proxima-nova/ProximaNova-Medium.eot") format("embedded-opentype"), url("../fonts/proxima-nova/ProximaNova-Medium.ttf") format("truetype");
}

@font-face {
  font-family: 'Proxima Nova';
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/proxima-nova/ProximaNova-MediumIt.woff2") format("woff2"), url("../fonts/proxima-nova/ProximaNova-MediumIt.woff2") format("woff"), url("../fonts/proxima-nova/ProximaNova-MediumIt.eot") format("embedded-opentype"), url("../fonts/proxima-nova/ProximaNova-MediumIt.ttf") format("truetype");
}

/**** Bold, weight 700 **/
@font-face {
  font-family: 'Proxima Nova';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/proxima-nova/ProximaNova-Bold.woff2") format("woff2"), url("../fonts/proxima-nova/ProximaNova-Bold.woff2") format("woff"), url("../fonts/proxima-nova/ProximaNova-Bold.eot") format("embedded-opentype"), url("../fonts/proxima-nova/ProximaNova-Bold.ttf") format("truetype");
}

@font-face {
  font-family: 'Proxima Nova';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/proxima-nova/ProximaNova-BoldIt.woff2") format("woff2"), url("../fonts/proxima-nova/ProximaNova-BoldIt.woff2") format("woff"), url("../fonts/proxima-nova/ProximaNova-BoldIt.eot") format("embedded-opentype"), url("../fonts/proxima-nova/ProximaNova-BoldIt.ttf") format("truetype");
}

/**** Extra Bold, weight 800 **/
@font-face {
  font-family: 'Proxima Nova';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/proxima-nova/ProximaNova-Extrabld.woff2") format("woff2"), url("../fonts/proxima-nova/ProximaNova-Extrabld.woff2") format("woff"), url("../fonts/proxima-nova/ProximaNova-Extrabld.eot") format("embedded-opentype"), url("../fonts/proxima-nova/ProximaNova-Extrabld.ttf") format("truetype");
}

@font-face {
  font-family: 'Proxima Nova';
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/proxima-nova/ProximaNova-ExtrabldIt.woff2") format("woff2"), url("../fonts/proxima-nova/ProximaNova-ExtrabldIt.woff2") format("woff"), url("../fonts/proxima-nova/ProximaNova-ExtrabldIt.eot") format("embedded-opentype"), url("../fonts/proxima-nova/ProximaNova-ExtrabldIt.ttf") format("truetype");
}

/**** Black, weight 900 **/
@font-face {
  font-family: 'Proxima Nova';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/proxima-nova/ProximaNova-Black.woff2") format("woff2"), url("../fonts/proxima-nova/ProximaNova-Black.woff2") format("woff"), url("../fonts/proxima-nova/ProximaNova-Black.eot") format("embedded-opentype"), url("../fonts/proxima-nova/ProximaNova-Black.ttf") format("truetype");
}

@font-face {
  font-family: 'Proxima Nova';
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/proxima-nova/ProximaNova-BlackIt.woff2") format("woff2"), url("../fonts/proxima-nova/ProximaNova-BlackIt.woff2") format("woff"), url("../fonts/proxima-nova/ProximaNova-BlackIt.eot") format("embedded-opentype"), url("../fonts/proxima-nova/ProximaNova-BlackIt.ttf") format("truetype");
}

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

/* spacing */
.layout-stack-xxs {
  margin: 0 0 0.25rem 0;
}

.layout-stack-xs {
  margin: 0 0 0.5rem 0;
}

.layout-stack-s {
  margin: 0 0 0.75rem 0;
}

.layout-stack-m {
  margin: 0 0 1rem 0;
}

.layout-stack-l {
  margin: 0 0 1.25rem 0;
}

.layout-stack-xl {
  rgin: 0 0 2rem 0;
}

.layout-stack-xxl {
  margin: 0 0 3.25rem 0;
}

/****** typography ********/
body {
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
}

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

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

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

@media screen and (min-width: 40em) {
  p, li {
    font-size: 1.125rem;
  }
}

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

.primary-link:hover {
  color: #d62828;
}

.editor-note {
  margin-bottom: 2.5rem;
}

.editor-note p {
  font-family: Georgia, serif;
  font-style: italic;
}

.wf-loading .display-heading-04 {
  font-size: 1.625rem;
}

@media screen and (min-width: 40em) {
  .wf-loading .display-heading-04 {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 64em) {
  .wf-loading .display-heading-04 {
    font-size: 2.625rem;
  }
}

/* breakpoints for map */
/* heading-type passes in the heading component */
/* loops through each map passed in and assigns heading-breakpoint to each key
(or breakpoint), assigns the value of the key (a nested map) to heading-values
(essentially creating a new map) */
/* if the key == default-style or default-size, print key map contents */
/* if heading-type has a key that matches the breakpoints, get the breakpoint */
/* Apply breakpoint to media query and write contents of $heading-values map */
/* Take $heading-values map inputted and get values */
.heading-03 {
  font-weight: 700;
  margin: 0;
  font-size: 2.375rem;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 64em) {
  .heading-03 {
    font-size: 3rem;
    line-height: 1.2;
  }
}

.heading-02 {
  font-weight: 700;
  margin: 0;
  font-size: 1.875rem;
  line-height: 1.3;
  margin-bottom: 1rem;
}

@media screen and (min-width: 64em) {
  .heading-02 {
    font-size: 2.375rem;
    line-height: 1.2;
  }
}

.heading-01 {
  font-weight: 700;
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.3;
  margin-bottom: 1rem;
}

@media screen and (min-width: 64em) {
  .heading-01 {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}

.display-heading-04 {
  font-family: "ff-meta-serif-web-pro", Georgia, serif;
  font-weight: 700;
  margin: 0;
  font-size: 1.75rem;
  line-height: 1.2;
}

@media screen and (min-width: 40em) {
  .display-heading-04 {
    font-size: 2.75rem;
  }
}

.display-heading-03 {
  font-family: "ff-meta-serif-web-pro", Georgia, serif;
  font-weight: 700;
  margin: 0;
  font-size: 1.625rem;
  line-height: 1.3;
}

@media screen and (min-width: 64em) {
  .display-heading-03 {
    font-size: 2.125rem;
    line-height: 1.3;
  }
}

.display-heading-02 {
  font-family: "ff-meta-serif-web-pro", Georgia, serif;
  font-weight: 700;
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.3;
}

@media screen and (min-width: 64em) {
  .display-heading-02 {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}

.display-heading-01 {
  font-family: "ff-meta-serif-web-pro", Georgia, serif;
  font-weight: 700;
  margin: 0;
  font-size: 1rem;
  letter-spacing: 0.5px;
  line-height: 1.5;
}

@media screen and (min-width: 64em) {
  .display-heading-01 {
    font-size: 1.125rem;
  }
}

.uppercase-heading-03 {
  font-weight: 700;
  letter-spacing: 0.5px;
  margin: 0;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 1rem;
}

@media screen and (min-width: 64em) {
  .uppercase-heading-03 {
    font-size: 1.75rem;
    line-height: 1.2;
  }
}

.uppercase-heading-02 {
  font-weight: 700;
  letter-spacing: 0.5px;
  margin: 0;
  text-transform: uppercase;
  font-size: 1.25rem;
  line-height: 1.3;
  margin-bottom: 1rem;
}

.uppercase-heading-01 {
  font-weight: 700;
  letter-spacing: 0.5px;
  margin: 0;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1.3;
  margin-bottom: 0.75rem;
}

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

.label--loud {
  color: #d62828;
  font-weight: 700;
}

.label--medium {
  color: #101316;
  font-weight: 700;
}

.label--soft {
  color: #434649;
}

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

.label__icon {
  height: 10px;
  margin-right: 0.375rem;
  vertical-align: baseline;
}

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

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

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

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

@media (min-width: 40em) {
  .label__icon {
    height: 12px;
  }
}

.secondary-label {
  color: #76797c;
  font-size: 0.875rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.secondary-label--loud {
  color: #d62828;
}

.secondary-label a {
  color: inherit;
}

/****** messages ********/
/* https://docs.djangoproject.com/en/1.11/ref/contrib/messages/#message-tags */
.message {
  background-color: #a9acaf;
  border: 1px #76797c solid;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 1rem;
  padding: 0.75rem 3.25rem;
  position: relative;
}

.message__close {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 12px;
}

.message__close:hover {
  cursor: pointer;
}

.message::before {
  background-image: url("../img/components/messages/info.svg");
  background-size: cover;
  content: '';
  height: 20px;
  left: 16px;
  position: absolute;
  top: 13px;
  width: 20px;
}

.message--info {
  background-color: #ebecec;
  border: 1px #76797c solid;
}

.message--info::before {
  background-image: url("../img/components/messages/info.svg");
}

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

.message--error::before {
  background-image: url("../img/components/messages/error.svg");
}

.message--success {
  background-color: #e6f9f0;
  border: 1px #30ca7d solid;
}

.message--success::before {
  background-image: url("../img/components/messages/success.svg");
}

.message--warning {
  background-color: #fefcf1;
  border: 1px #ecca1d solid;
}

.message--warning::before {
  background-image: url("../img/components/messages/warning.svg");
}

.message--debug {
  background-color: #f1f6fa;
  border: 1px #4a80bc solid;
}

.message--debug::before {
  background-image: url("../img/components/messages/debug.svg");
}

.message .errorlist {
  margin-bottom: 0;
  margin-top: 0.5rem;
}

.message .errorlist li {
  font-size: 1rem;
  font-weight: 400;
}

.message .errorlist li:last-of-type {
  margin-bottom: 0;
}

/****** alerts ********/
.site-alert {
  background: #e9ecef;
  padding: 1.125rem 0;
}

.site-alert--loud {
  background: #d62828;
}

.site-alert__message {
  color: #101316;
  line-height: 1.4;
  padding-right: 50px;
  position: relative;
}

.site-alert__message a {
  color: #101316;
  text-decoration: none;
}

.site-alert__message a:hover {
  text-decoration: underline;
}

.site-alert__message--inverse {
  color: #fff;
}

.site-alert__message--inverse a {
  color: #fff;
}

.site-alert__close {
  cursor: pointer;
  line-height: 0;
  padding: 5px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  width: 24px;
}

.site-alert__close:hover {
  opacity: 0.7;
}

/****** buttons ********/
/***** basic button styling ******/
.button, .stripe_btn .stripe-button-el span, .pf-widget.pf-widget-modal.lytics-gate .pf-widget-btn, .pf-widget.pf-widget-modal.lytics-gate .pf-widget-btn.pf-widget-ok, .pf-widget.pf-widget-slideout.lytics-slideout .pf-widget-btn, .pf-widget.pf-widget-slideout.lytics-slideout .pf-widget-btn.pf-widget-ok {
  -webkit-appearance: none;
  background-color: #d62828;
  border: 0;
  -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: 0.875rem;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.2;
  margin: 0;
  min-width: 160px;
  padding: 0.75rem 1rem;
  text-align: center;
  text-decoration: none;
  -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;
}

.button:hover, .stripe_btn .stripe-button-el span:hover, .pf-widget.pf-widget-modal.lytics-gate .pf-widget-btn:hover, .pf-widget.pf-widget-slideout.lytics-slideout .pf-widget-btn: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, .stripe_btn .stripe-button-el span {
  /***** old styling for ads ******/
  /* tweetable quote button */
  /* social buttons in the footer */
}

.button--full-width {
  width: 100%;
}

.button--loud {
  background-color: #d62828;
}

.button--loud:hover {
  background-color: #df5252;
}

.button--medium {
  background-color: #101316;
}

.button--medium:hover {
  background-color: #252d34;
}

.button--soft {
  background-color: #e9ecef;
  color: #101316;
}

.button--soft:hover {
  background-color: #eff1f3;
  color: #101316;
}

.button--disabled {
  background-color: #eff1f3;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #a9acaf;
  cursor: default;
}

.button--disabled:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #a9acaf;
}

.button__icon {
  height: 16px;
  vertical-align: top;
  width: 16px;
}

.button__icon--small {
  height: 14px;
  width: 14px;
}

.button__icon--left {
  margin-right: 0.25rem;
}

.button__icon--right {
  margin-left: 0.25rem;
}

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

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

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

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

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

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

.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: 0.25rem;
  min-width: unset;
  padding: 0.5rem;
  width: 45px;
}

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

/***** pagination layout ******/
.pagination {
  margin: 3rem auto;
  text-align: center;
}

.pagination a:nth-of-type(2) {
  margin-left: 1rem;
}

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

.stripe_btn .stripe-button-el span {
  background: #287fd6;
  background-image: none;
  border-radius: 0;
  font-family: "Proxima Nova", sans-serif;
  font-weight: 700;
  height: inherit;
}

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

/****** share buttons ********/
.rrssb-buttons {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

.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 0.5rem 0.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: #101316;
}

.rrssb-buttons li.rrssb-print a:hover {
  background-color: #1b2025;
}

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

.rrssb-buttons li a .rrssb-icon {
  display: inline-block;
  padding-right: 0.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__header {
  font-weight: 700;
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.3;
  margin: 1.5rem 0 0.5rem 0;
}

@media screen and (min-width: 64em) {
  .form__header {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}

.form__required-tag {
  color: #d62828;
}

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

.form .django-ckeditor-widget .cke_chrome {
  width: 100% !important;
}

.form__section-divider {
  background: #e9ecef;
  border: none;
  height: 1px;
  margin: 2rem 0;
}

.form__filters {
  margin-top: 1rem;
}

.form__filters select {
  margin-bottom: 1rem;
}

.form__clear-results {
  font-size: 1rem;
}

.form__clear-results::before {
  background: url("../img/components/forms/clear.svg") no-repeat left center transparent;
  background-size: 100% 100%;
  content: "\0000a0";
  display: inline-block;
  height: 8px;
  margin: 0 0.25rem 0 0;
  vertical-align: middle;
  width: 8px;
}

label {
  color: #434649;
  font-size: 1rem;
}

input.js-disabled {
  background-color: #f5f6f7;
}

input[type='text'], input[type='password'], input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='month'], input[type='week'], input[type='email'], input[type='number'], input[type="search"], input[type='tel'], input[type='time'], input[type='url'], input[type='color'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #cbd2d9;
  border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #434649;
  display: block;
  font-family: inherit;
  font-size: 1rem;
  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;
  width: 100%;
}

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

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

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

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

textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #cbd2d9;
  border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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;
  width: 100%;
}

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

fieldset {
  border: none;
  padding: 0;
}

select {
  -webkit-appearance: none;
  background-color: #fff;
  background-image: url("../img/components/forms/select-dropdown.svg");
  background-position: 97% center;
  background-repeat: no-repeat;
  background-size: 10px;
  border: 1px solid #cbd2d9;
  -webkit-border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #434649;
  display: block;
  padding: 0.5rem;
  width: 100%;
}

.search-input {
  position: relative;
}

.search-input input {
  padding-left: 40px;
  padding-right: 40px;
}

.search-input__icon {
  bottom: 11px;
  left: 16px;
  position: absolute;
  width: 20px;
}

.search-input__clear {
  bottom: 16px;
  cursor: pointer;
  position: absolute;
  right: 16px;
  width: 10px;
}

.search-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: 0.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: 0.4s;
  transition: 0.4s;
}

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

.sort .active {
  font-weight: 700;
}

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

.form-error__message {
  color: #d62828;
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  margin: 0 0 0.625rem 0;
  text-transform: uppercase;
}

.email-check {
  color: #434649;
  font-size: 0.875rem;
  font-style: italic;
  margin-top: -0.75rem;
}

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

/****** 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-bottom: solid 1px #e9ecef;
  border-top: solid 1px #e9ecef;
  padding: 1rem 0;
  text-align: left;
  /* Brand Studio Ads */
}

.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: "ff-meta-serif-web-pro", Georgia, serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0.675rem 0;
  text-align: left;
  text-decoration: none;
}

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

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

.native-ad.editorial .button, .native-ad.editorial .stripe_btn .stripe-button-el span, .stripe_btn .stripe-button-el .native-ad.editorial span {
  min-width: 160px;
  width: auto;
}

.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;
}

.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: 0.75rem 1rem;
}

.native-ad.brand-studio-2 .native-ad .native-ad-sponsor .label {
  padding-left: 0.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;
}

.special-offer {
  color: #76797c;
  display: block;
  font-size: 0.875rem;
  font-style: italic;
  line-height: 1;
  margin: 0.675rem 0 0 0;
}

@media screen and (min-width: 40em) {
  .native-ad,
  .native-ad.row {
    border: solid 1px #e9ecef;
  }
  .native-ad .native-ad-image {
    border: solid 1px #e9ecef;
    display: block;
    width: 150px;
  }
  .native-ad .native-ad-title {
    font-size: 1.5rem;
  }
  .native-ad .native-ad-copy {
    display: block;
    font-size: 1rem;
    margin: 0.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: 0;
}

.story-below {
  background: #fff;
  color: #76797c;
  font-style: italic;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0 1rem 0.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 {
    padding: 0;
    width: 100%;
  }
  .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 {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    display: block;
    margin: 0 auto !important;
    padding: 1rem 0;
  }
  #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.refresh {
  background-color: #fff;
  margin: 0 auto;
  padding: 1rem;
}

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

@media screen and (min-width: 40em) {
  .sidebar .content-wrapper .copy-wrapper,
  .sidebar .content-wrapper .button-wrapper {
    width: 100%;
  }
  .sidebar .content-wrapper .native-ad-title {
    font-size: 1.25rem;
  }
}

.dive-awards-ad {
  /*  Dive Awards ad call to action slider */
}

.dive-awards-ad.navigation-ad {
  /* extends the ad over our default striping */
  background-color: #fff;
  border: 1px solid #e9ecef;
  padding: 1.5rem;
  text-align: left;
}

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

@media screen and (min-width: 64em) {
  .dive-awards-ad.navigation-ad {
    margin: 0 -5%;
  }
}

.dive-awards-ad.navigation-ad h3 {
  border-bottom: 2px dotted #fc0;
  font-size: 1.25rem;
  margin: 0 0 1.5rem 0;
  text-transform: uppercase;
}

.dive-awards-ad.navigation-ad .navigation-ad-title, .dive-awards-ad.navigation-ad .navigation-ad a.navigation-ad-title:hover {
  text-decoration: none;
}

.dive-awards-ad.navigation-ad ul {
  list-style-type: none;
  margin: 0;
}

.dive-awards-ad.navigation-ad ul li {
  border-bottom: 1px solid #e9ecef;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  position: relative;
}

.dive-awards-ad.navigation-ad ul li:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}

.dive-awards-ad.navigation-ad ul li a {
  display: block;
  margin-left: 1.875rem;
  text-decoration: none;
}

.dive-awards-ad.navigation-ad ul li a:hover {
  text-decoration: underline;
}

.dive-awards-ad.navigation-ad ul li::before {
  background: url(https://d12v9rtnomnebu.cloudfront.net/diveimages/dive-awards-ribbon-icon.png);
  background-repeat: no-repeat;
  background-size: 15px 10px;
  content: '';
  height: 10px;
  position: absolute;
  top: 4px;
  width: 15px;
}

.dive-awards-ad.navigation-ad ul li .award {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
}

.dive-awards-ad .call-to-action {
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
}

.dive-awards-ad .call-to-action:hover {
  text-decoration: underline;
}

.native-ad.dive-awards-ad {
  background-color: #fff;
  border-bottom: solid 2px #fc0;
  border-top: solid 2px #fc0;
  padding: 1rem;
  position: relative;
}

.native-ad.dive-awards-ad .logo {
  height: 30px;
}

.native-ad.dive-awards-ad .logo--wide {
  height: 17px;
  /* for wider logos -- mobile marketer */
}

.native-ad.dive-awards-ad .native-ad-sponsor {
  background-color: #fff;
  margin-left: -0.5rem;
  padding: 0 0.5rem;
  position: absolute;
  top: -14px;
}

.native-ad.dive-awards-ad .native-ad-title {
  font-size: 1.375rem;
  font-weight: 800;
  line-height: 1.4;
}

.native-ad.dive-awards-ad .native-ad-copy {
  padding: 0 0 0.375rem 0;
}

article .native-ad.dive-awards-ad {
  margin-top: 2rem;
  /* ads margin top to ad in stories */
}

@media (min-width: 40em) {
  .native-ad.dive-awards-ad {
    border: solid 2px #fc0;
  }
  .native-ad.dive-awards-ad .native-ad-title {
    font-size: 1.5rem;
  }
}

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

.native-ad.dive-insiders .logo-bar {
  background-color: #f5f6f7;
  border-bottom: 1px solid #e9ecef;
  padding: 0.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: 0.75rem 0;
}

@media screen and (min-width: 40em) {
  .native-ad.dive-insiders .content-wrapper p {
    font-size: 1rem;
    margin: 0.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;
  }
}

/****** signup ********/
.signup {
  /* global signup styling */
  /* CALL OUT & MM signup styling */
  /* CALL OUT signup styling */
  /* MM signup styling */
}

.signup .newsletter-title {
  font-size: 1rem;
  font-weight: 700;
}

.signup .primary-link {
  display: none;
}

.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 {
  margin-bottom: 0;
}

.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: 700;
  margin: 0;
  font-size: 1.875rem;
  line-height: 1.3;
}

@media screen and (min-width: 64em) {
  .signup.call-out h3 {
    font-size: 2.375rem;
    line-height: 1.2;
  }
}

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

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

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

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

@media screen and (min-width: 40em) {
  .signup.call-out {
    padding: 3.5rem 0;
  }
  .signup.call-out h3 {
    text-align: center;
  }
  .signup.call-out h3::before {
    background: url("../img/paper-airplane.png") no-repeat left center transparent;
    background-size: 100% 100%;
    content: "\0000a0";
    display: inline-block;
    height: 25px;
    line-height: 0.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%;
  }
}

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

.inline-signup__copy {
  font-weight: 700;
  margin: 0 0 0.5rem 0;
}

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

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

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

.inline-signup .help-text {
  margin-bottom: 0;
}

/****** feeds ********/
.feed {
  margin: 0;
}

.feed__item {
  border-top: solid 1px #e9ecef;
  list-style-type: none;
  margin: 0;
  padding: 1.75rem 0;
}

.feed__item:first-of-type {
  border: none;
}

.feed__item:last-of-type {
  padding-bottom: 0;
}

.feed__item a {
  text-decoration: none;
}

.feed__item a:hover {
  text-decoration: underline;
}

.feed__item--promoted {
  background-color: #f5f6f7;
}

.feed__item--promoted:last-of-type {
  padding: 1.75rem 0;
}

.feed__image {
  display: none;
}

.feed__title {
  font-weight: 700;
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.3;
  margin: 0;
}

@media screen and (min-width: 64em) {
  .feed__title {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}

.feed__title--display {
  font-family: "ff-meta-serif-web-pro", Georgia, serif;
  font-weight: 700;
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.3;
}

@media screen and (min-width: 64em) {
  .feed__title--display {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}

.feed__description {
  color: #434649;
  font-family: "ff-meta-serif-web-pro", Georgia, serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  margin: 0.25rem 0 0.5rem 0;
}

@media screen and (min-width: 40em) {
  .feed__image {
    display: block;
  }
}

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

@media screen and (min-width: 64em) {
  .feed-header__title {
    font-size: 1.75rem;
    line-height: 1.2;
  }
}

.feed-header__description {
  margin: 0.5rem 0 0 0;
}

.feed-header__divider {
  background: #e9ecef;
  border: none;
  height: 1px;
  margin: 1rem 0 2rem 0;
}

.feed-header__number {
  font-weight: 400;
}

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

.sidebar-box__header {
  font-weight: 700;
  letter-spacing: 0.5px;
  margin: 0;
  text-transform: uppercase;
  font-size: 1.25rem;
  line-height: 1.3;
  border-bottom: 1px dotted #a9acaf;
  margin: 0 0 1.5rem 0;
  padding-bottom: 0.5rem;
}

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

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

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

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

/****** sidebar box list ********/
.sidebar-box-list {
  list-style-type: none;
  margin: 0;
}

.sidebar-box-list--ordered {
  position: relative;
}

.sidebar-box-list__image {
  display: block;
  margin-bottom: 0.5rem;
  width: 100%;
}

.sidebar-box-list__item {
  border-bottom: 1px solid #e9ecef;
  line-height: 1.3;
  margin: 0.5rem 0 1rem 0;
  padding-bottom: 1rem;
}

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

.sidebar-box-list__item--ordered {
  counter-increment: step-counter;
  padding-left: 2rem;
}

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

.sidebar-box-list__item-title {
  display: block;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
}

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

.lib-background-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  margin-bottom: 0.5rem;
  min-height: 140px;
  width: 100%;
}

/****** promoted and sponsored site features ********/
.promoted-post {
  font-size: 0.875rem;
  text-transform: uppercase;
}

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

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

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

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

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

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

/****** promoted headers on detail pages ********/
.promoted-header {
  background-color: #f5f6f7;
  margin-bottom: 2rem;
  padding: 1rem;
}

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

.breadcrumb a {
  font-weight: 700;
  letter-spacing: 0.5px;
  margin: 0;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1.3;
  color: #101316;
  cursor: pointer;
  float: left;
  text-decoration: none;
}

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

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

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

.js-search-accordion-toggle.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 {
  display: block;
  margin-top: 1rem;
  padding: 0;
}

.addto-calendar-accordion .addto-calendar-header {
  letter-spacing: 0;
  padding: 0.875rem 0.25rem;
  -webkit-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
}

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

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

.addto-calendar-accordion ul li {
  background-color: #fff;
  border-top: 1px solid #e9ecef;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 400;
  margin: 0;
  padding: 0.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;
}

/****** 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: #101316;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 8 */
  filter: alpha(opacity=80);
  /* CSS opacity */
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  /* IE 5.5-7 */
  width: 100% !important;
}

#simplemodal-container {
  background-color: #fff;
  -webkit-box-shadow: 5px 5px 15px #101316;
          box-shadow: 5px 5px 15px #101316;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  padding: 10px;
}

#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 0.5rem;
  padding: 0.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: 0.5rem;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 10px;
}

.topic-tag {
  color: #434649;
  font-size: 0.875rem;
  padding-top: 0.75rem;
}

.topic-tag::before {
  background: url("../img/components/tags/tag.svg") no-repeat left center transparent;
  background-size: cover;
  content: "\0000a0";
  display: inline-block;
  height: 11px;
  margin: 0 0.375rem 0 0;
  opacity: 0.45;
  vertical-align: middle;
  width: 11px;
}

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

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

/****** 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 ul {
  margin-bottom: 1.25rem;
}

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

#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;
}

/******* 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: 0.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 0.5rem auto;
  padding: 0.25rem;
  width: 25px;
}

.progress-bar li::after {
  background: #e9ecef;
  content: '';
  height: 5px;
  left: -50%;
  position: absolute;
  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;
}

.reading-list li a {
  font-family: Georgia, serif;
}

/****** lytics ********/
.pf-widget.pf-widget-modal.lytics-gate {
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
}

.pf-widget.pf-widget-modal.lytics-gate .pf-widget-content {
  background-color: #fff;
  border-radius: 0;
  padding-top: 60px;
  text-align: left;
}

.pf-widget.pf-widget-modal.lytics-gate .pf-widget-content::after {
  color: #76797c;
  content: "By completing this form, your information may be shared with our sponsor.";
  display: block;
  font-size: 0.875rem;
  font-style: italic;
  margin-top: 0.5rem;
}

.pf-widget.pf-widget-modal.lytics-gate .pf-widget-headline {
  color: #101316;
  font-family: "ff-meta-serif-web-pro", Georgia, serif;
  font-size: 2.25rem;
  font-weight: 700;
  margin-top: 0;
  position: relative;
}

.pf-widget.pf-widget-modal.lytics-gate .pf-widget-headline::before {
  color: #d62828;
  content: "Trend Report";
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  position: absolute;
  text-transform: uppercase;
  top: -1.25rem;
}

.pf-widget.pf-widget-modal.lytics-gate .pf-widget-message {
  color: #76797c;
}

.pf-widget.pf-widget-modal.lytics-gate .pf-widget-img {
  border-radius: 0;
  height: 30px;
  left: 195px;
  margin-left: 0;
  top: initial;
  width: initial;
}

.pf-widget.pf-widget-modal.lytics-gate .pf-widget-btn, .pf-widget.pf-widget-modal.lytics-gate .pf-widget-btn.pf-widget-ok {
  border-radius: 0;
}

.pf-widget.pf-widget-modal.lytics-gate form [type="text"],
.pf-widget.pf-widget-modal.lytics-gate form [type="password"],
.pf-widget.pf-widget-modal.lytics-gate form [type="date"],
.pf-widget.pf-widget-modal.lytics-gate form [type="datetime"],
.pf-widget.pf-widget-modal.lytics-gate form [type="datetime-local"],
.pf-widget.pf-widget-modal.lytics-gate form [type="month"],
.pf-widget.pf-widget-modal.lytics-gate form [type="week"],
.pf-widget.pf-widget-modal.lytics-gate form [type="email"],
.pf-widget.pf-widget-modal.lytics-gate form [type="number"],
.pf-widget.pf-widget-modal.lytics-gate form input[type="search"],
.pf-widget.pf-widget-modal.lytics-gate form [type="tel"],
.pf-widget.pf-widget-modal.lytics-gate form [type="time"],
.pf-widget.pf-widget-modal.lytics-gate form [type="url"],
.pf-widget.pf-widget-modal.lytics-gate form [type="color"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #cbd2d9;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #101316;
  display: block;
  font-family: inherit;
  font-size: 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;
}

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

@media screen and (max-width: 736px) {
  .pf-widget.pf-widget-modal.lytics-gate .pf-widget-img {
    left: 20px;
    margin-top: 30px;
  }
  .pf-widget.pf-widget-modal.lytics-gate .pf-widget-message {
    margin-bottom: 60px;
  }
}

.pf-widget.pf-widget-slideout.lytics-slideout {
  border-radius: 0;
  -webkit-box-shadow: 3px 3px 3px -3px rgba(0, 0, 0, 0.5);
          box-shadow: 3px 3px 3px -3px rgba(0, 0, 0, 0.5);
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
}

.pf-widget.pf-widget-slideout.lytics-slideout .pf-widget-content {
  background-color: #f5f6f7;
  border: solid 1px #e9ecef;
  color: #101316;
  padding: 20px 20px 10px 20px;
  text-align: left;
}

.pf-widget.pf-widget-slideout.lytics-slideout .pf-widget-content .pf-widget-headline {
  color: #101316;
  font-weight: 700;
  margin-top: 40px;
}

.pf-widget.pf-widget-slideout.lytics-slideout .pf-widget-img {
  border-radius: 0;
  height: 25px;
  left: 0;
  margin-left: 20px;
  top: 20px;
  width: initial;
}

.pf-widget.pf-widget-slideout.lytics-slideout .pf-widget-btn, .pf-widget.pf-widget-slideout.lytics-slideout .pf-widget-btn.pf-widget-ok {
  border-radius: 0;
}

.pf-widget.pf-widget-slideout.lytics-slideout .pf-widget-close {
  color: #101316;
  font-size: 28px;
  font-weight: 700;
  margin-right: 15px;
  top: 10px;
}

.pf-widget.pf-widget-slideout.lytics-slideout .pf-widget-btn.pf-widget-cancel {
  display: none;
}

.pf-widget.pf-widget-slideout.lytics-slideout .pf-field-half-width {
  width: 100% !important;
}

.pf-widget.pf-widget-slideout.lytics-slideout .pf-field-half-width:hover, .pf-widget.pf-widget-slideout.lytics-slideout .pf-field-half-width:focus {
  border: none;
}

#demographics-box-sidebar {
  background-color: white;
  border: 1px solid #e9ecef;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 1rem;
  padding: 0;
  z-index: 0;
}

#demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar {
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  padding: 0;
  z-index: 0;
}

#demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar.success .help-text {
  display: none;
}

#demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar.success .success-state {
  background-color: white;
  padding: 1rem 1rem 0 1rem;
  position: relative;
  z-index: 3;
}

#demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar.success .success-state .pf-widget-headline {
  font-family: "ff-meta-serif-web-pro", Georgia, serif;
  font-weight: 700;
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.3;
  margin-bottom: 0.5rem;
  text-align: center;
}

@media screen and (min-width: 64em) {
  #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar.success .success-state .pf-widget-headline {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}

#demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar.success .success-state .pf-widget-message {
  color: #434649;
  font-size: 1rem;
  margin: 0;
  text-align: center;
}

#demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar.success .success-state .pf-widget-message a {
  color: #d62828;
  text-decoration: underline;
}

#demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-widget-img {
  border-radius: 0;
  display: block;
}

#demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form button {
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
}

#demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form select {
  -webkit-appearance: none;
  background-color: #fff;
  background-image: url("../img/components/forms/select-dropdown.svg");
  background-position: 97% center;
  background-repeat: no-repeat;
  background-size: 10px;
  border: 1px solid #cbd2d9;
  -webkit-border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #434649;
  display: block;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  margin-top: 0;
  padding: 0.5rem;
  width: 100%;
}

#demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="text"], #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="password"], #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="date"], #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="datetime"], #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="datetime-local"], #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="month"], #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="week"], #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="email"], #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="number"], #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="search"], #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="tel"], #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="time"], #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="url"], #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="color"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #cbd2d9;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #434649;
  display: block;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  margin: 0;
  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;
  width: 100%;
}

#demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="text"]:hover, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="text"]:focus, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="password"]:hover, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="password"]:focus, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="date"]:hover, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="date"]:focus, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="datetime"]:hover, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="datetime"]:focus, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="datetime-local"]:hover, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="datetime-local"]:focus, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="month"]:hover, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="month"]:focus, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="week"]:hover, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="week"]:focus, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="email"]:hover, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="email"]:focus, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="number"]:hover, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="number"]:focus, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="search"]:hover, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="search"]:focus, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="tel"]:hover, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="tel"]:focus, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="time"]:hover, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="time"]:focus, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="url"]:hover, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="url"]:focus, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="color"]:hover, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="color"]:focus {
  border: 1px solid #434649;
  outline: none;
}

#demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="text"]::-webkit-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="password"]::-webkit-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="date"]::-webkit-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="datetime"]::-webkit-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="datetime-local"]::-webkit-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="month"]::-webkit-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="week"]::-webkit-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="email"]::-webkit-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="number"]::-webkit-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="search"]::-webkit-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="tel"]::-webkit-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="time"]::-webkit-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="url"]::-webkit-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="color"]::-webkit-input-placeholder {
  color: #76797c;
  opacity: 1;
}

#demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="text"]:-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="password"]:-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="date"]:-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="datetime"]:-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="datetime-local"]:-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="month"]:-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="week"]:-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="email"]:-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="number"]:-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="search"]:-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="tel"]:-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="time"]:-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="url"]:-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="color"]:-ms-input-placeholder {
  color: #76797c;
  opacity: 1;
}

#demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="text"]::-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="password"]::-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="date"]::-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="datetime"]::-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="datetime-local"]::-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="month"]::-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="week"]::-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="email"]::-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="number"]::-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="search"]::-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="tel"]::-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="time"]::-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="url"]::-ms-input-placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="color"]::-ms-input-placeholder {
  color: #76797c;
  opacity: 1;
}

#demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="text"]::placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="password"]::placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="date"]::placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="datetime"]::placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="datetime-local"]::placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="month"]::placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="week"]::placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="email"]::placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="number"]::placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="search"]::placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="tel"]::placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="time"]::placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="url"]::placeholder, #demographics-box-sidebar .pf-widget.pf-form.demographic-form-sidebar .pf-custom-form input[type="color"]::placeholder {
  color: #76797c;
  opacity: 1;
}

#demographics-box-sidebar .pf-widget-container .pf-va-middle {
  position: relative;
  text-align: left;
}

#demographics-box-sidebar .pf-widget-container .pf-widget-content {
  background-color: white;
  padding: 1.5rem;
}

#demographics-box-sidebar .pf-widget-container .pf-widget-content .pf-privacy-policy {
  margin-top: 10px;
}

#demographics-box-sidebar .pf-widget-container .pf-widget-text {
  background-color: white;
  margin-top: 50px;
  position: relative;
  text-align: center;
  z-index: 1;
}

#demographics-box-sidebar .pf-widget-container .pf-widget-text h2 {
  font-family: "ff-meta-serif-web-pro", Georgia, serif;
  font-weight: 700;
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.3;
  padding: 0.5rem 0.5rem 0.25rem 0.5rem;
}

@media screen and (min-width: 64em) {
  #demographics-box-sidebar .pf-widget-container .pf-widget-text h2 {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}

#demographics-box-sidebar .pf-widget-container .pf-widget-text .pf-widget-message {
  color: #434649;
  font-size: 1rem;
  padding: 0.5rem;
  text-align: center;
}

#demographics-box-sidebar .pf-widget-container .pf-widget-text .demo-box-error {
  color: #d62828;
  display: block;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

#demographics-box-sidebar .pf-widget-container .pf-widget-text .pf-widget-ok {
  background-color: black;
}

#demographics-box-sidebar .pf-widget-container .pf-privacy-policy {
  text-decoration: underline;
}

#demographics-box-sidebar .pf-widget-container img {
  height: 100px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

@media screen and (max-width: 64em) {
  #demographics-box-sidebar {
    display: none;
  }
}

#demographics-box-inline {
  border-bottom: 1px solid #e9ecef;
  border-top: 1px solid #e9ecef;
  position: relative;
  z-index: 1;
}

#demographics-box-inline.success {
  background-image: none;
}

#demographics-box-inline .pf-widget.pf-form.demographic-form-inline {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  padding: 0;
  position: relative;
  z-index: 99;
}

#demographics-box-inline .pf-widget.pf-form.demographic-form-inline.success .pf-custom-form {
  display: none;
}

#demographics-box-inline .pf-widget.pf-form.demographic-form-inline.success .help-text {
  display: none;
}

#demographics-box-inline .pf-widget.pf-form.demographic-form-inline.success .pf-widget-headline {
  font-size: 1.5rem;
}

#demographics-box-inline .pf-widget.pf-form.demographic-form-inline.success .pf-widget-message {
  font-size: 1.125rem;
  margin-bottom: 0;
}

#demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-widget-headline {
  font-family: "ff-meta-serif-web-pro", Georgia, serif;
  font-weight: 700;
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.3;
  text-align: left;
  text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}

@media screen and (min-width: 64em) {
  #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-widget-headline {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}

#demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-privacy-policy {
  text-decoration: underline;
}

#demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-widget-message {
  color: #434649;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  margin-top: 0.5rem;
  text-align: left;
}

#demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-widget-message a {
  color: #d62828;
  text-decoration: underline;
}

#demographics-box-inline .pf-widget.pf-form.demographic-form-inline .demo-box-error {
  color: #d62828;
  display: block;
  font-weight: 700;
  margin-bottom: 0.5rem;
  text-align: left;
}

#demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form span {
  display: inline;
}

#demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form button {
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
}

#demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form div {
  padding-right: 5px;
  width: 50%;
}

#demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form select {
  -webkit-appearance: none;
  background-color: #fff;
  background-image: url("../img/components/forms/select-dropdown.svg");
  background-position: 97% center;
  background-repeat: no-repeat;
  background-size: 10px;
  border: 1px solid #cbd2d9;
  -webkit-border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #434649;
  display: block;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  margin-top: 0;
  padding: 0.5rem;
  width: 100%;
}

#demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="text"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="password"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="date"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="datetime"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="datetime-local"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="month"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="week"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="email"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="number"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="search"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="tel"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="time"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="url"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="color"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #cbd2d9;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #434649;
  display: block;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  margin: 0;
  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;
  width: 100%;
}

#demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="text"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="text"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="password"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="password"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="date"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="date"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="datetime"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="datetime"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="datetime-local"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="datetime-local"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="month"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="month"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="week"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="week"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="email"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="email"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="number"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="number"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="search"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="search"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="tel"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="tel"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="time"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="time"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="url"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="url"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="color"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="color"]:focus {
  border: 1px solid #434649;
  outline: none;
}

#demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="text"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="password"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="date"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="datetime"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="datetime-local"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="month"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="week"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="email"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="number"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="search"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="tel"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="time"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="url"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="color"]::-webkit-input-placeholder {
  color: #76797c;
  opacity: 1;
}

#demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="text"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="password"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="date"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="datetime"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="datetime-local"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="month"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="week"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="email"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="number"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="search"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="tel"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="time"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="url"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="color"]:-ms-input-placeholder {
  color: #76797c;
  opacity: 1;
}

#demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="text"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="password"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="date"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="datetime"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="datetime-local"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="month"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="week"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="email"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="number"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="search"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="tel"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="time"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="url"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="color"]::-ms-input-placeholder {
  color: #76797c;
  opacity: 1;
}

#demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="text"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="password"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="date"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="datetime"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="datetime-local"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="month"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="week"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="email"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="number"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="search"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="tel"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="time"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="url"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form input[type="color"]::placeholder {
  color: #76797c;
  opacity: 1;
}

#demographics-box-inline .pf-polygon {
  background-color: white;
  height: 100%;
  left: 0;
  position: absolute;
  right: 125px;
  top: 0;
  -webkit-transform: skewX(-40deg);
          transform: skewX(-40deg);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  z-index: 5;
}

@media screen and (min-width: 64em) {
  #demographics-box-inline {
    background-image: url(/media/img/demographic_form/demographics-collector-1400x700.png);
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 18vh;
    padding: 1rem;
  }
}

@media screen and (max-width: 64em) {
  #demographics-box-inline {
    background-color: white;
    border: 1px solid #e9ecef;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-bottom: 1rem;
    padding: 0;
    z-index: 0;
  }
  #demographics-box-inline .pf-polygon {
    display: none;
  }
  #demographics-box-inline .pf-widget.pf-form.demographic-form-inline {
    -webkit-box-shadow: none;
            box-shadow: none;
    font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
    padding: 0;
    z-index: 0;
  }
  #demographics-box-inline .pf-widget.pf-form.demographic-form-inline.success .help-text {
    display: none;
  }
  #demographics-box-inline .pf-widget.pf-form.demographic-form-inline.success .success-state {
    background-color: white;
    padding: 1rem 1rem 0 1rem;
    position: relative;
    z-index: 3;
  }
  #demographics-box-inline .pf-widget.pf-form.demographic-form-inline.success .success-state .pf-widget-headline {
    font-family: "ff-meta-serif-web-pro", Georgia, serif;
    font-weight: 700;
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.3;
    margin-bottom: 0.5rem;
    text-align: center;
  }
}

@media screen and (max-width: 64em) and (min-width: 64em) {
  #demographics-box-inline .pf-widget.pf-form.demographic-form-inline.success .success-state .pf-widget-headline {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}

@media screen and (max-width: 64em) {
  #demographics-box-inline .pf-widget.pf-form.demographic-form-inline.success .success-state .pf-widget-message {
    color: #434649;
    font-size: 1rem;
    margin: 0;
    text-align: center;
  }
  #demographics-box-inline .pf-widget.pf-form.demographic-form-inline.success .success-state a {
    color: #d62828;
    text-decoration: underline;
  }
  #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-widget-img {
    border-radius: 0;
    display: block;
  }
  #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form button {
    display: block;
    font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
    margin-bottom: 0.5rem;
    width: 100%;
  }
  #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form div {
    width: 100%;
  }
  #demographics-box-inline .pf-widget.pf-form.demographic-form-inline .pf-custom-form select {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: url("../img/components/forms/select-dropdown.svg");
    background-position: 97% center;
    background-repeat: no-repeat;
    background-size: 10px;
    border: 1px solid #cbd2d9;
    -webkit-border-radius: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #434649;
    display: block;
    font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    margin-top: 0;
    padding: 0.5rem;
    width: 100%;
  }
  #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="text"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="password"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="date"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="datetime"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="datetime-local"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="month"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="week"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="email"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="number"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="search"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="tel"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="time"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="url"], #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="color"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #cbd2d9;
    border-radius: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #434649;
    display: block;
    font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    margin: 0;
    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;
    width: 100%;
  }
  #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="text"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="text"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="password"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="password"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="date"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="date"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="datetime"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="datetime"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="datetime-local"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="datetime-local"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="month"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="month"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="week"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="week"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="email"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="email"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="number"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="number"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="search"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="search"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="tel"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="tel"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="time"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="time"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="url"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="url"]:focus, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="color"]:hover, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="color"]:focus {
    border: 1px solid #434649;
    outline: none;
  }
  #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="text"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="password"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="date"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="datetime"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="datetime-local"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="month"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="week"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="email"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="number"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="search"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="tel"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="time"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="url"]::-webkit-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="color"]::-webkit-input-placeholder {
    color: #76797c;
    opacity: 1;
  }
  #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="text"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="password"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="date"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="datetime"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="datetime-local"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="month"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="week"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="email"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="number"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="search"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="tel"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="time"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="url"]:-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="color"]:-ms-input-placeholder {
    color: #76797c;
    opacity: 1;
  }
  #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="text"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="password"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="date"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="datetime"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="datetime-local"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="month"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="week"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="email"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="number"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="search"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="tel"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="time"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="url"]::-ms-input-placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="color"]::-ms-input-placeholder {
    color: #76797c;
    opacity: 1;
  }
  #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="text"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="password"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="date"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="datetime"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="datetime-local"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="month"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="week"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="email"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="number"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="search"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="tel"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="time"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="url"]::placeholder, #demographics-box-inline .pf-widget.pf-form.demographic-form-inline input[type="color"]::placeholder {
    color: #76797c;
    opacity: 1;
  }
  #demographics-box-inline .pf-widget-container .pf-va-middle {
    position: relative;
    text-align: left;
  }
  #demographics-box-inline .pf-widget-container .pf-widget-content {
    background-color: white;
    padding: 1.5rem;
  }
  #demographics-box-inline .pf-widget-container .pf-widget-content .pf-privacy-policy {
    margin-top: 10px;
  }
  #demographics-box-inline .pf-widget-container .pf-widget-text {
    background-color: white;
    margin-top: 50px;
    position: relative;
    text-align: center;
    z-index: 1;
  }
  #demographics-box-inline .pf-widget-container .pf-widget-text h2.pf-widget-headline.pf-widget-headline {
    font-family: "ff-meta-serif-web-pro", Georgia, serif;
    font-weight: 700;
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.3;
    font-size: 1.375rem;
    padding: 0.5rem 0.5rem 0.25rem 0.5rem;
    text-align: center;
  }
}

@media screen and (max-width: 64em) and (min-width: 64em) {
  #demographics-box-inline .pf-widget-container .pf-widget-text h2.pf-widget-headline.pf-widget-headline {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}

@media screen and (max-width: 64em) {
  #demographics-box-inline .pf-widget-container .pf-widget-text p.pf-widget-message.pf-widget-message {
    font-size: 1rem;
    padding: 0.5rem;
    text-align: center;
  }
  #demographics-box-inline .pf-widget-container .demo-box-error {
    color: #d62828;
    display: block;
    font-weight: 700;
    margin-bottom: 0.5rem;
  }
  #demographics-box-inline .pf-widget-container .pf-widget-ok {
    background-color: black;
  }
  #demographics-box-inline .pf-privacy-policy {
    text-decoration: underline;
  }
  #demographics-box-inline .pf-img-wrapper {
    height: 100px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
  }
}

.content-gate .bypass {
  height: 55px;
  margin: 0;
  position: fixed;
  top: 0;
  width: 300px;
  z-index: 1500;
}

.content-gate .bypass-left {
  left: 0;
}

.content-gate .bypass-right {
  right: 0;
}

/****** call-out-link ********/
.call-out-link {
  color: #d62828;
  font-weight: 500;
  text-decoration: none;
}

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

.call-out-link__arrow {
  font-size: 0.875em;
  font-weight: 300;
}

/****** help text ********/
.help-text {
  color: #76797c;
  font-size: 0.875rem;
  font-style: italic;
}

.help-text a {
  color: #76797c;
  text-decoration: underline;
}

@media screen and (min-width: 40em) {
  .help-text {
    font-size: 1rem;
  }
  .help-text--small {
    font-size: 0.875rem;
  }
}

/****** 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: 100px;
  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: 160px;
  }
}

.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%;
}

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

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

/****** menu ********/
header {
  position: absolute;
  top: 0;
  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-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@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 {
  height: 20px;
  width: 20px;
}

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

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

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

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

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

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

.mm-top-bar {
  background: #101316;
  height: 55px;
  padding: 0.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: 0;
}

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

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

/* @media screen and (min-width: $small-breakpoint) {
    .mobile-menu {
        width: 400px;
    }
    .overlay {
        background-color: $dive-black;
        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 {
  margin: 0;
  width: 16px;
}

.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: 0.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: 0.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: 0.75rem;
    position: relative;
  }
  .desktop-menu-main li {
    margin: 0;
  }
  .desktop-menu-main li a {
    font-size: 0.875rem;
    padding: 0 0.375rem;
  }
}

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

@media screen and (min-width: 51em) {
  .sub-link {
    display: none;
  }
  .desktop-menu-sub li {
    margin: 0 0.375rem;
  }
  .desktop-menu-sub li a {
    font-size: 0.75rem;
    text-transform: uppercase;
  }
  .desktop-menu-sub li a img {
    margin: 0 0.15rem 0 0;
    opacity: 0.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: 0.25rem 0.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 0.5rem;
  }
}

.menu-search {
  display: none;
}

@media screen and (min-width: 51em) {
  .menu-search {
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(153, 153, 153, 0.25);
            box-shadow: 0 0 20px 0 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: 0;
  }
  .menu-search.js-search-show {
    top: 55px;
  }
  .menu-search button img {
    display: inline-block;
    width: 18px;
  }
  .search-overlay {
    background-color: #101316;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.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;
  vertical-align: middle;
  width: 10px;
}

.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 {
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(153, 153, 153, 0.75);
            box-shadow: 0 0 20px 0 rgba(153, 153, 153, 0.75);
    display: block;
    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: 0.75rem;
  }
  .menu-bar ul li {
    letter-spacing: 0;
    margin: 0;
  }
  .menu-bar ul li a {
    color: #434649;
    display: block;
    font-size: 0.875rem;
    padding: 0.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: 0 0 20px 0 rgba(153, 153, 153, 0.25);
            box-shadow: 0 0 20px 0 rgba(153, 153, 153, 0.25);
    height: 49px;
    width: 100%;
  }
  .menu-bar.js-menu-bar-hide {
    top: 0;
  }
  .menu-bar ul {
    text-align: center;
  }
  .menu-bar ul li {
    display: inline-block;
    margin: 0 0.25rem;
  }
  .menu-bar ul li a {
    display: inline-block;
    padding: 0.1rem 0.25rem;
  }
  .menu-bar ul li a.active {
    color: #101316;
    font-weight: 800;
  }
}

/****** footer ********/
.footer-hr {
  background: #e9ecef;
  border: none;
  height: 1px;
  margin-bottom: 0;
  margin-top: 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: 2rem 0;
}

footer ul {
  margin-bottom: 2rem;
}

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

footer ul li {
  margin: 0.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 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}

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

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

@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 {
  display: none;
}

.sidebar {
  display: block;
}

@media screen and (max-width: 40em) {
  .sidebar {
    padding: 0;
  }
}

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

.paychek {
  /* Nav bar */
  /* Footer */
}

.paychek section {
  padding: 2.5rem 0;
}

.paychek section h1 {
  margin: 0 0 2rem 0;
}

.paychek section h2 {
  margin-bottom: 1.5rem;
  text-align: center;
}

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

.paychek section .label {
  display: block;
  font-size: 1rem;
  margin: 0 0 0.25rem 0;
  text-align: center;
}

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

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

.paychek nav {
  background-color: #fff;
  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: 0.375rem 0.5rem;
}

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

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

.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 section {
    padding: 5rem 0;
  }
  .paychek section:first-of-type {
    padding: 4rem 0 5rem 0;
  }
  .paychek section h2 {
    margin-bottom: 3rem;
  }
  .paychek section h4 {
    font-size: 1.125rem;
  }
  .paychek nav .contact-list li {
    line-height: 2.1;
    padding: 0 0 0 1.5rem;
  }
  .paychek nav .contact-list li .contact-copy {
    display: inline-block;
  }
  .paychek footer p {
    line-height: 2.6;
    margin: 0;
  }
}

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

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

.contact-list li a {
  font-size: 1rem;
  font-weight: 700;
  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;
  }
}

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 0 rgba(153, 153, 153, 0.2);
          box-shadow: 4px 4px 8px 0 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: 700;
  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 {
  color: #287fd6;
  content: '“';
  font-size: 3.5rem;
  font-weight: 800;
  left: 12px;
  line-height: 0.9;
  position: absolute;
}

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

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

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

section.testimonials .testimonial-wrapper .title {
  font-size: 0.875rem;
  font-style: italic;
  margin: 0.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%;
  }
}

.modal-paychek {
  background-color: #fff;
  border: 1px solid #e9ecef;
  -webkit-box-shadow: 4px 4px 8px 0 rgba(153, 153, 153, 0.2);
          box-shadow: 4px 4px 8px 0 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 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: 0.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: 0.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: 0.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-weight: 700;
  letter-spacing: 0.5px;
  margin: 0;
  text-transform: uppercase;
  font-size: 1.25rem;
  line-height: 1.3;
}

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

section.hero-article .hero-article__img {
  margin-bottom: 0.75rem;
  width: 100%;
}

section.hero-article h1 {
  font-family: "ff-meta-serif-web-pro", Georgia, serif;
  font-weight: 700;
  margin: 0;
  font-size: 1.625rem;
  line-height: 1.3;
  margin: 0 0 0.5rem 0;
}

@media screen and (min-width: 64em) {
  section.hero-article h1 {
    font-size: 2.125rem;
    line-height: 1.3;
  }
}

section.hero-article p {
  color: #434649;
  font-family: "ff-meta-serif-web-pro", Georgia, serif;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

@media screen and (min-width: 64em) {
  section.hero-article {
    margin-bottom: 0;
  }
  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: "ff-meta-serif-web-pro", Georgia, serif;
  font-weight: 700;
  margin: 0;
  font-size: 1rem;
  letter-spacing: 0.5px;
  line-height: 1.5;
}

@media screen and (min-width: 64em) {
  section.top-stories ol li h3 {
    font-size: 1.125rem;
  }
}

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

@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: 82%;
  }
}

/****** article and editorial components ********/
.post-label {
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  overflow-wrap: break-word;
  padding: 0.125rem 0.5rem;
  text-transform: uppercase;
  word-wrap: break-word;
}

.post-label--loud {
  background-color: #d62828;
}

.post-label--medium {
  background-color: #101316;
}

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

.post-label__icon {
  height: 10px;
  margin-right: 0.375rem;
  vertical-align: unset;
}

@media screen and (min-width: 40em) {
  .post-label {
    font-size: 1rem;
  }
  .post-label__icon {
    height: 12px;
  }
}

/****** 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 {
  margin-bottom: 2rem;
  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 {
  -webkit-font-variant-ligatures: no-common-ligatures;
          font-variant-ligatures: no-common-ligatures;
}

.article-title-wrapper p {
  font-family: "ff-meta-serif-web-pro", Georgia, serif;
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0.5rem 0 0 0;
}

@media screen and (min-width: 40em) {
  .article-hero-img {
    margin-bottom: 1rem;
  }
  .article-title-wrapper {
    padding: 0;
  }
  .article-title-wrapper p {
    font-size: 1.25rem;
    line-height: 1.6;
    margin: 0.5rem 0 0 0;
  }
}

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

.article-byline h4 {
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  letter-spacing: 0.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;
  left: -3px;
  position: relative;
}

.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 0.25rem 0.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;
    font-size: 0.875rem;
    margin: 1.375rem 0;
    padding: 0;
  }
  .article-byline h4 {
    color: #76797c;
    margin: 0 0 0.5rem 0;
    text-transform: uppercase;
  }
  .article-byline .author .author-name {
    margin-bottom: 0.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: 0.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 {
  /* dropcap styling */
}

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

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

article h3 {
  font-family: "ff-meta-serif-web-pro", Georgia, serif;
  font-size: 1.375rem;
  font-weight: 600;
  margin: 2rem 0 1rem 0;
}

article h4 {
  font-family: "ff-meta-serif-web-pro", Georgia, serif;
  font-size: 1.125rem;
  margin: 1.75rem 0 1rem 0;
}

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

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

article .with-drop-cap > p:first-of-type::first-letter {
  float: left;
  font-size: 5rem;
  line-height: 0.8;
  margin: 0;
  padding: 0.5rem 0.75rem 0 0;
}

.article-body > p, .article-body > ul li, .article-body > ol li {
  font-family: Georgia, serif;
  line-height: 1.7;
}

.body-font-family > p, .body-font-family > ul li, .body-font-family > ol li {
  font-family: Georgia, serif;
}

@media screen and (min-width: 40em) {
  article {
    /* dropcap styling */
  }
  article h3 {
    font-size: 1.625rem;
  }
  article h4 {
    font-size: 1.25rem;
  }
  article a:hover {
    color: #d62828;
  }
  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-family: Georgia, serif;
  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 {
  display: inline;
  font-size: 0.875rem;
}

.inside_story figcaption .caption_text {
  color: #101316;
}

.inside_story figcaption .source_text, .inside_story figcaption p, .inside_story figcaption a {
  color: #76797c;
}

.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;
}

.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;
  margin-bottom: 3rem;
  padding: 2rem 2rem 0 2rem;
}

.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: 700;
}

@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-family: "ff-meta-serif-web-pro", Georgia, serif;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.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 #101316;
}

.editorial-table thead th {
  font-weight: 700;
  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-family: Georgia, serif;
  font-size: 0.875rem;
}

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

/****** pull quotes ********/
.pullquote {
  border-left: 3px solid #d62828;
  margin: 2rem auto;
  padding: 0.5rem 0 0.5rem 1.25rem;
}

.pullquote hr {
  display: none;
}

.pullquote p {
  margin: 0;
}

.pullquote .pq-quote {
  font-family: "ff-meta-serif-web-pro", Georgia, serif;
  font-size: 1.125rem;
  font-weight: 700;
}

.pullquote .pq-headshot,
.pullquote .pq-speaker-details {
  display: inline-block;
  font-family: Georgia, serif;
  font-size: 0.875rem;
  vertical-align: middle;
}

.pullquote .pq-headshot img {
  border-radius: 50%;
  height: 40px;
  margin: 1rem 0.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.375rem;
  }
  .pullquote .pq-speaker-details p {
    font-size: 1rem;
  }
}

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

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

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

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

.pquote br {
  display: none;
}

@media screen and (min-width: 40em) {
  .pquote {
    float: right;
    margin: 0 0 1rem 1rem;
    width: 40%;
  }
  .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-topics {
  margin: 0.5rem 0;
}

.post-article-topics a {
  font-weight: 700;
  margin-right: 0.25rem;
}

/****** next story ********/
@media screen and (min-width: 40em) {
  .read-next-wrapper {
    padding: 2rem 0 4rem 0;
  }
  .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-size: 1.75rem;
  font-weight: 800;
  letter-spacing: 0.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;
}

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

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

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

.custom-article-footer .footer-links {
  margin-bottom: 2rem;
}

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

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

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

/****** roundup ********/
.roundup {
  margin: 0;
}

.roundup__item {
  border-top: solid 1px #e9ecef;
  list-style-type: none;
  margin: 0;
  padding: 1.75rem 0;
}

.roundup__item:first-of-type {
  border: none;
}

.roundup__item:last-of-type {
  padding-bottom: 0;
}

.roundup__item a {
  text-decoration: none;
}

.roundup__item a:hover {
  text-decoration: underline;
}

.roundup__image {
  display: block;
  margin: 0.5rem 0;
}

.roundup__title {
  font-family: "ff-meta-serif-web-pro", Georgia, serif;
  font-weight: 700;
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.3;
  margin: 0;
}

@media screen and (min-width: 64em) {
  .roundup__title {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}

.roundup__description {
  color: #434649;
  font-family: "ff-meta-serif-web-pro", Georgia, serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.6;
  margin: 0.25rem 0 00;
}

.roundup__call-out {
  color: #d62828;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
}

.roundup__call-out:hover {
  color: #d62828;
  text-decoration: underline;
}

.roundup__call-out__arrow {
  font-size: 0.875em;
  font-weight: 300;
}

.award-content .roundup__item {
  border: none;
}

.award-content .roundup__title-container {
  display: inline-block;
  position: relative;
  width: 100%;
}

.award-content .roundup__title-container h3 {
  display: inline-block;
  margin: 0;
  padding-left: 1.5rem;
  position: relative;
}

.award-content .roundup__title-highlight {
  background-color: #fc0;
  height: 0.8rem;
  position: absolute;
  top: 28%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 0.8rem;
  z-index: -1;
}

.award-content .roundup__title {
  display: inline-block;
  margin: 0;
  padding-left: 1.5rem;
  position: relative;
}

.award-content .roundup__title a:hover {
  text-decoration: none;
}

.award-content .roundup__call-out {
  color: #000;
  font-weight: 500;
  text-decoration: underline;
  -webkit-text-decoration-color: #000;
          text-decoration-color: #000;
  white-space: nowrap;
}

.award-content .roundup__call-out:hover {
  color: #000;
  text-decoration: underline;
  -webkit-text-decoration-color: #000;
          text-decoration-color: #000;
}

.award-content .roundup__call-out__arrow {
  text-decoration: none;
}

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

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

.post-job-cta-wrapper a.post-job-cta {
  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: 1rem 0;
}

.job-post-body {
  margin-top: 2.5rem;
}

.post-job-tiers h1 {
  text-align: center;
}

.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: 0.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: 700;
}

@media screen and (min-width: 64em) {
  .job-tier-wrapper {
    margin: 2.5rem 0;
    padding: 0;
  }
}

.job-tier-header {
  border: 1px solid #e9ecef;
  padding: 1.25rem;
  text-align: center;
}

.job-tier-header .tier-name {
  display: block;
  font-weight: 700;
  text-transform: uppercase;
}

.job-tier-header .tier-price {
  display: block;
  font-size: 1.75rem;
  font-weight: 800;
}

.job-tier-header .button, .job-tier-header .stripe_btn .stripe-button-el span, .stripe_btn .stripe-button-el .job-tier-header span {
  margin-top: 0.5rem;
}

.job-tier-header.recommended {
  background-color: #287fd6;
  border: 1px solid #287fd6;
  color: #fff;
}

.job-tier-header.recommended .button, .job-tier-header.recommended .stripe_btn .stripe-button-el span, .stripe_btn .stripe-button-el .job-tier-header.recommended span {
  background: #fff;
  color: #101316;
}

.job-tier-header.recommended .button:hover, .job-tier-header.recommended .stripe_btn .stripe-button-el span:hover, .stripe_btn .stripe-button-el .job-tier-header.recommended span:hover {
  background: #f5f6f7;
}

.job-tier-inner-wrapper {
  position: relative;
}

.job-tier-recommended-label {
  background: #e9ecef;
  font-size: 0.875rem;
  padding: 0.125rem 0;
  position: absolute;
  text-align: center;
  top: -25px;
  width: 100%;
}

.radio-option {
  display: inline-block;
  max-width: 350px;
  width: 100%;
}

.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;
}

.form-edit-job-buttons {
  float: right;
}

.form-edit-job-buttons .admin-button {
  display: inline-block;
  font-size: 0.875rem;
  margin: 0 0 0 0.5rem;
  padding: 0.5rem;
  width: inherit;
}

/****** about page ********/
.about-page section {
  margin-bottom: 3rem;
}

.about-page section:first-of-type {
  margin-bottom: 0;
}

.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 .publication-sites a:hover {
  color: #d62828;
}

.about-page .publication-sites ul {
  -webkit-columns: 1;
  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 .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 {
    -webkit-columns: 175px 3;
    columns: 175px 3;
    margin-top: 1rem;
  }
}

/****** editor and editor site features ********/
.divider {
  background: #e9ecef;
  border: none;
  display: block;
  height: 1px;
  margin: 0.875rem auto;
  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 {
  font-weight: 700;
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.3;
}

@media screen and (min-width: 64em) {
  .editor-wrapper .editor-name {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}

.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;
  max-width: 220px;
}

@media screen and (min-width: 40em) {
  .editor-wrapper {
    margin-bottom: 2rem;
    text-align: left;
  }
  .editor-wrapper .divider {
    margin: 0.875rem 0;
  }
  .editor-wrapper .editor-headshot {
    max-width: 100%;
  }
}

.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 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: 0.7;
  margin-right: 0.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: 0.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: 0.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: 0.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: 0.5rem;
  width: 18px;
}

.editor-detail-wrapper .editor-name {
  font-weight: 700;
  margin: 0;
  font-size: 1.875rem;
  line-height: 1.3;
}

@media screen and (min-width: 64em) {
  .editor-detail-wrapper .editor-name {
    font-size: 2.375rem;
    line-height: 1.2;
  }
}

.editor-detail-wrapper .editor-detail-info {
  margin: 1rem 0;
}

.editor-detail-wrapper .divider {
  margin: 0.875rem 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 0.5rem 0;
  }
}

@media screen and (min-width: 64em) {
  .editor-detail-wrapper ul::after {
    clear: both;
    content: "";
    display: table;
  }
  .editor-detail-wrapper li {
    float: left;
    width: 48%;
  }
}

.past-articles {
  border-top: 1px solid #e9ecef;
  padding-top: 1.5rem;
}

.wwar-wrapper {
  padding: 1.75rem 0;
}

.wwar-wrapper:first-of-type {
  padding-top: 1rem;
}

.wwar-wrapper h2 {
  background-color: #e9ecef;
  display: inline-block;
  font-size: 1rem;
  margin: 0;
  padding: 0.5rem 0.625rem;
  text-transform: uppercase;
}

.wwar-wrapper img {
  padding: 0 0.125rem 0.25rem 0;
}

/****** 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: 0.375rem;
  }
  .apps-page .app-badges li img:hover {
    opacity: 0.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 {
  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: #101316;
}

.signup-page .pub-logo {
  margin: 0.5rem 0;
}

@media only screen and (min-width: 40em) {
  .signup-page h1 {
    font-size: 3.5rem;
  }
  .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: 0.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 {
  display: inline-block;
  margin-left: 10px;
  max-width: 100px;
  vertical-align: middle;
}

.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: 0.875rem;
  margin: 0.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: 0.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 .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: 700;
}

.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;
  margin: 0;
  overflow: hidden;
  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 .offer-content h4 {
    margin: 0 1rem 0 0;
  }
  .signup-page .thanks-page ul .offer-content .button, .signup-page .thanks-page ul .offer-content .stripe_btn .stripe-button-el span, .stripe_btn .stripe-button-el .signup-page .thanks-page ul .offer-content span {
    float: right;
    margin-top: 0;
  }
}

.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: 0.875rem;
  font-weight: 400;
  margin: 0.25rem 0;
}

.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: 0.75rem;
  height: 20px;
  margin-right: 0.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;
  padding: 1.5rem 1rem;
  position: relative;
  text-align: center;
  width: 100%;
}

.signup-page .footer p {
  margin: 0;
}

.signup-page .footer a {
  color: #fff;
}

.signup-page .footer a:hover {
  color: #fff;
}

.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: 0.75rem 0 0 0;
}

.lib-item .heading-wrapper h3 {
  font-weight: 700;
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.3;
}

@media screen and (min-width: 64em) {
  .lib-item .heading-wrapper h3 {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}

.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(#101316));
    background: linear-gradient(to bottom, transparent -20%, #101316 100%);
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
  }
  .lib-item a .lib-item-img .cta-overlay {
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 70px;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    visibility: visible;
    width: 100%;
  }
  .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: 0.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;
  }
}

@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: 0.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: 0.25rem 0 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 .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 .copy {
  margin: 2rem 0 1rem 0;
}

.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;
}

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

.trendline {
  /* admin */
  /* structural styling */
  /* labels */
  /* menu */
  /* table of contents */
  /* body */
  /* editors note */
  /* story */
}

.trendline .admin-box {
  margin: 0 auto;
  max-width: 550px;
  padding: 10px;
  text-align: center;
}

.trendline .admin-box h2 {
  font-size: 1.25rem;
}

.trendline .page-wrapper {
  padding: 0;
}

.trendline article {
  padding-top: 3rem;
}

.trendline .label.js-reading-now {
  display: none;
}

.trendline .menu-wrapper.desktop {
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px 0 rgba(153, 153, 153, 0.25);
  box-shadow: 0 0 20px 0 rgba(153, 153, 153, 0.25);
  padding: 0.75rem 1rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 200;
}

.trendline .menu-wrapper.desktop .nav-topic {
  display: none;
}

.trendline .menu-wrapper.desktop .social-buttons {
  display: none;
}

.trendline .menu-wrapper.mobile {
  background: #fff;
  display: none;
  height: 100%;
  left: 0;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

.trendline .menu-wrapper.mobile .menu-close img {
  height: 30px;
  position: fixed;
  right: 20px;
  top: 12px;
  z-index: 999;
}

.trendline .menu-trigger img {
  height: 28px;
  position: fixed;
  right: 20px;
  top: 12px;
  z-index: 999;
}

.trendline .no-scroll {
  overflow: hidden;
}

.trendline ul.table-of-contents {
  /* table of contents desktop */
  /* table of contents mobile */
}

.trendline ul.table-of-contents a, .trendline ul.table-of-contents a:hover {
  text-decoration: none;
}

.trendline ul.table-of-contents .title {
  color: #76797c;
  display: block;
  font-family: "ff-meta-serif-web-pro", Georgia, serif;
  font-size: 1rem;
  font-weight: 600;
  margin-top: 0.125rem;
}

.trendline ul.table-of-contents .byline {
  color: #76797c;
  display: block;
  margin: 0.25rem 0 0.75rem 0;
}

.trendline ul.table-of-contents li {
  border: none;
  font-size: 0.875rem;
  padding: 0.875rem 0 0 0;
}

.trendline ul.table-of-contents li .progress-container {
  background: #f5f6f7;
  height: 2px;
  position: relative;
}

.trendline ul.table-of-contents li .progress-container .progress-bar {
  background: #f5f6f7;
  height: 2px;
  position: absolute;
  width: 0%;
}

.trendline ul.table-of-contents li.active .progress-bar {
  background: #d62828;
}

.trendline ul.table-of-contents li.active .progress-bar .sponsored {
  background: #287fd6;
}

.trendline ul.table-of-contents li.active .js-reading-now {
  display: block;
}

.trendline ul.table-of-contents li.active .byline, .trendline ul.table-of-contents li.active .title {
  color: #101316;
}

.trendline ul.table-of-contents.desktop {
  display: none;
  height: 100%;
  max-height: calc(100vh - 88px - 40px);
  /* 100% vertical height minus the height of the top minus the height of the two arrows */
  overflow-y: hidden;
  scrollbar-width: none;
  /* for Firefox */
  top: 90px;
  width: 220px;
}

.trendline ul.table-of-contents.desktop .byline {
  font-size: 0.75rem;
}

.trendline ul.table-of-contents.desktop::-webkit-scrollbar {
  background: transparent;
  /* optional: just make scrollbar invisible */
  width: 0;
  /* remove scrollbar space */
}

.trendline ul.table-of-contents.mobile {
  padding: 2rem;
}

.trendline ul.table-of-contents.mobile .title {
  font-size: 1.25rem;
}

.trendline ul.table-of-contents.mobile .byline {
  font-size: 1rem;
}

.trendline .header {
  margin: 8rem 0 4rem 0;
}

.trendline h1 {
  margin: 0.5rem 1rem 1rem 1rem;
  text-align: center;
}

.trendline .main-header-image-wrapper {
  text-align: center;
}

.trendline .main-header-image-wrapper .main-header-image {
  margin: 0 auto;
  max-width: 95rem;
  width: 100%;
}

.trendline .image-credit, .trendline .image-credit a {
  color: #76797c;
  font-size: 0.875rem;
  font-style: italic;
}

.trendline .editors-note {
  margin: 3rem 0;
}

.trendline .editors-note .editor-signature {
  margin-top: 2rem;
}

.trendline .editors-note .editor-signature img {
  border-radius: 50%;
  vertical-align: top;
  width: 60px;
}

.trendline .editors-note .editor-signature .editor-wrapper {
  display: inline-block;
  margin: 0.375rem 0 0 0.75rem;
}

.trendline .editors-note .editor-signature .editor-wrapper .editor {
  display: block;
  font-weight: 700;
}

.trendline .editors-note .editor-signature .editor-wrapper .editor-title {
  color: #434649;
  font-size: 1rem;
}

.trendline .story .header-image {
  width: 100%;
}

.trendline .story .copy {
  background-color: #fff;
  margin: 0 auto;
  padding: 0 1.25rem;
  position: relative;
  z-index: 100;
}

.trendline .story .item-header {
  margin-bottom: 1.5rem;
  padding: 0.75rem 0;
}

.trendline .story h2 {
  margin: 0.5rem 0;
}

.trendline .story .teaser {
  margin: 0.25rem 0;
}

.trendline .story .byline {
  display: block;
  font-size: 1rem;
  font-style: italic;
  letter-spacing: 0.5px;
}

@media (min-width: 40em) {
  .trendline {
    /* table of contents */
  }
  .trendline .menu-wrapper.desktop .nav-topic {
    font-size: 0.875rem;
    text-transform: uppercase;
  }
  .trendline .menu-wrapper.desktop .nav-topic.js-show-topic {
    display: inline-block;
  }
  .trendline .header .label.primary {
    font-size: 1.125rem;
  }
  .trendline .story .teaser {
    font-size: 1.125rem;
  }
  .trendline .story .copy {
    margin: -6rem auto 5rem auto;
  }
  .trendline ul.table-of-contents.mobile {
    padding: 3rem;
  }
  .trendline ul.table-of-contents.mobile .title {
    font-size: 1.375rem;
  }
}

@media (min-width: 64em) {
  .trendline {
    /* table of contents */
  }
  .trendline .page-wrapper {
    max-width: inherit;
  }
  .trendline .menu-wrapper.desktop .social-buttons {
    display: block;
    float: right;
  }
  .trendline .menu-wrapper.desktop .social-buttons .button, .trendline .menu-wrapper.desktop .social-buttons .stripe_btn .stripe-button-el span, .stripe_btn .stripe-button-el .trendline .menu-wrapper.desktop .social-buttons span {
    border-radius: 50%;
    height: 30px;
    line-height: 1.4;
    margin-right: 0.375rem;
    min-width: unset;
    padding: 0.375rem 0.125rem;
    width: 30px;
  }
  .trendline .menu-wrapper.desktop .social-buttons .button svg, .trendline .menu-wrapper.desktop .social-buttons .stripe_btn .stripe-button-el span svg, .stripe_btn .stripe-button-el .trendline .menu-wrapper.desktop .social-buttons span svg {
    fill: #fff;
    height: 18px;
  }
  .trendline .menu-wrapper.desktop .social-buttons .button.facebook, .trendline .menu-wrapper.desktop .social-buttons .stripe_btn .stripe-button-el span.facebook, .stripe_btn .stripe-button-el .trendline .menu-wrapper.desktop .social-buttons span.facebook {
    background-color: #306199;
  }
  .trendline .menu-wrapper.desktop .social-buttons .button.twitter, .trendline .menu-wrapper.desktop .social-buttons .stripe_btn .stripe-button-el span.twitter, .stripe_btn .stripe-button-el .trendline .menu-wrapper.desktop .social-buttons span.twitter {
    background-color: #55acee;
  }
  .trendline .menu-wrapper.desktop .social-buttons .button.linkedin, .trendline .menu-wrapper.desktop .social-buttons .stripe_btn .stripe-button-el span.linkedin, .stripe_btn .stripe-button-el .trendline .menu-wrapper.desktop .social-buttons span.linkedin {
    background-color: #007bb6;
  }
  .trendline .menu-wrapper.desktop .social-buttons .button.mail, .trendline .menu-wrapper.desktop .social-buttons .stripe_btn .stripe-button-el span.mail, .stripe_btn .stripe-button-el .trendline .menu-wrapper.desktop .social-buttons span.mail {
    background-color: #d62828;
  }
  .trendline .menu-trigger {
    display: none;
  }
  .trendline .header {
    margin: 6.5rem auto;
    max-width: 850px;
  }
  .trendline .header h1 {
    font-size: 3.75rem;
  }
  .trendline ul.table-of-contents.desktop {
    display: block;
  }
}

/* table of contents arrows */
@media (min-width: 64em) {
  .nav-wrapper .nav-arrow {
    background-color: #f5f6f7;
    cursor: pointer;
    height: 20px;
    position: fixed;
    width: 220px;
  }
  .nav-wrapper .nav-arrow::before {
    background-image: url(https://d12v9rtnomnebu.cloudfront.net/divesite/icons/trendline-arrow.svg);
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 14px;
    content: "";
    height: 20px;
    position: absolute;
    width: 100%;
  }
  .nav-wrapper .arrow-top {
    display: none;
    /* needs to be set in jquery as
		    menu height + li height + margin/padding */
    top: 68px;
  }
  .nav-wrapper .arrow-top::before {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .nav-wrapper .arrow-bottom {
    bottom: 15px;
    display: none;
  }
}

.edit-pressrelease .delete-pressrelease-no {
  cursor: pointer;
  text-decoration: underline;
}

.edit-pressrelease .float-right {
  float: right;
}

/****** awards components ********/
/* link styling for Dive Awards articles */
.award-content article p a:hover, .award-content article li a:hover, .award-content article .author-name a:hover, .award-content article .post-article-topics a:hover {
  color: #101316;
  -webkit-text-decoration-color: #fc0;
  text-decoration-color: #fc0;
}

/*** Dive Awards pullquote ***/
.award-content .pullquote {
  border-left: 3px solid #fc0;
}

/*** Dive Awards drop cap ***/
.award-content--2019 .with-drop-cap > p:first-of-type::first-letter {
  background-color: #fc0;
  color: #fff;
  font-size: 4.25rem;
  margin: 0.375rem 0.75rem 0 0;
  padding: 0.375rem 0.5rem;
}

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

/*** Dive Awards article title and teaser ***/
.award-content--2019 .article-title-wrapper {
  margin: 0.5rem 0 2.5rem 0;
  text-align: center;
}

/*** Dive Awards read more ***/
.award-content--2019 .reading-list__header-icon {
  margin: -0.125rem 0.375rem 0 0;
  width: 18px;
}

.award-content--2019 .reading-list .label--soft {
  display: none;
}

.award-content--2019 .reading-list .off-site-link {
  display: none;
}

/*** Dive Awards ads buttons ***/
.award-content .button, .award-content .stripe_btn .stripe-button-el span, .stripe_btn .stripe-button-el .award-content span {
  background-color: #101316;
}

.award-content .button:hover, .award-content .stripe_btn .stripe-button-el span:hover, .stripe_btn .stripe-button-el .award-content span:hover {
  background-color: #252d34;
}

/*** Dive Awards post label ***/
.award-content .post-label--award {
  background-color: #fc0;
  color: #101316;
}

.award-content--2019 .post-label--award {
  background-color: #fff;
  border-bottom: 2px solid #fc0;
  display: inline-block;
  margin: 0 auto 1.5rem auto;
  padding: 0;
  text-decoration: none;
}

.award-content--2019 .post-label--award:hover {
  border-bottom: 2px dotted #fc0;
  cursor: pointer;
}

@media (min-width: 40em) {
  .award-content--2019 .post-label--award {
    border-bottom: 3px solid #fc0;
  }
  .award-content--2019 .post-label--award:hover {
    border-bottom: 3px dotted #fc0;
  }
}