@charset "UTF-8";


/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  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/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * 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 {
  -moz-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 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

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

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  -moz-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
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

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

h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}

p {
  margin: 0;
}

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Viewport
// ========================================================================== */

@-webkit-viewport {
  width: device-width;
}

@-moz-viewport {
  width: device-width;
}

@-ms-viewport {
  width: device-width;
}

@-o-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

/* Breakpoints
// ========================================================================== */

/* Typography 
// ========================================================================== */

/* Colors 
// ========================================================================== */

/* Sprite  
// ========================================================================== */

/* Convert px to ems
// ========================================================================== */

/* Mixins
// ========================================================================== */

html {
  background-color: white;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #404052;
  font-family: "gira-sans", sans-serif;
  font-size: 100%;
  line-height: 1.5;
  overflow-x: hidden;
  padding-top: 2.1875em;
  -webkit-transition: .4s padding-top ease-in;
  transition: .4s padding-top ease-in;
}

@media (max-width: 37.4375em) {
  body.no-scroll {
    overflow-y: hidden;
  }
}

.search-open body {
  padding-top: 7.375em;
}

a {
  text-decoration: none;
}

a:not(.btn) {
  color: #0FA1D7;
}

a:not(.btn):hover {
  color: #0c7da7;
}

a:not(.btn) {
  font-family: "ff-meta-serif-web-pro", serif;
  font-style: italic;
}

.ab-top-menu a:not(.btn) {
  font-style: normal;
}

figure {
  margin: 0;
}

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

.compat-object-fit {
  background-size: cover;
  background-position: center center;
}

.compat-object-fit img {
  opacity: 0;
}

.compat-object-fit::after {
  display: none !important;
}

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

.visually-hidden {
  display: none;
}

textarea.ical-url {
  color: black !important;
}

.btn {
  border: 0;
  cursor: pointer;
  display: inline-block;
  font-size: 0.9375em;
  height: 3.2em;
  line-height: 3.2em;
  padding: 0 0.9333333333em;
  -webkit-transition: .2s ease-in;
  transition: .2s ease-in;
  text-align: center;
}

.btn:hover {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}

.primary-btn {
  background-color: #0FA1D7;
  border-radius: 3px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.16);
  color: white;
}

.primary-btn.white {
  background-color: white;
  color: #0FA1D7;
}

.form-btn {
  background-color: #0FA1D7;
  border: 0;
  border-radius: 3px;
  color: white;
  font-size: 1.25em;
  line-height: 2.7em;
  height: 2.7em;
  text-align: center;
  width: 100%;
}

.form-btn.login-btn {
  background-color: #66C398;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.16);
}

.form-btn[disabled],
.form-btn[disabled]:hover {
  background-color: #f2f2f2;
  color: #ABABAB;
}

.secondary-btn {
  border: 2px solid #0FA1D7;
  background-color: white;
  border-radius: 3px;
  color: #0FA1D7;
  -webkit-transition: .4s ease-in;
  transition: .4s ease-in;
}

.cfc-banner {
  background-color: #3D3D75;
  color: white;
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 0.875em;
  height: 2.5em;
  padding: 0.3571428571em 1.0714285714em 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

.cfc-banner a {
  color: white;
}

.cfc-banner a:hover {
  color: white;
}

@media (min-width: 48.9375em) {
  .admin-bar .cfc-banner {
    top: 2.2857142857em;
  }
}

@media (min-width: 37.5em) {
  .cfc-banner {
    padding-left: 8.333%;
    padding-right: 8.333%;
  }
}

@media (min-width: 90em) {
  .cfc-banner {
    padding-left: -webkit-calc(50% - 600px);
    padding-left: calc(50% - 600px);
    padding-right: -webkit-calc(50% - 600px);
    padding-right: calc(50% - 600px);
  }
}

.cfc-banner em {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.7857142857em;
}

.coc-logo {
  float: left;
  height: 1.7857142857em;
  margin-right: 0.7142857143em;
  width: 1.6428571429em;
}

[role=banner] {
  background: transparent;
  position: absolute;
  top: 3.125em;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  height: 3.125em;
  right: 0.9375em;
  left: 0;
  -webkit-transition: top .4s ease-in;
  transition: top .4s ease-in;
  right: 0;
  z-index: 9;
}

@media (min-width: 48.9375em) {
  .logged-in [role=banner] {
    top: 5.125em;
  }
}

[role=banner]::after {
  background: -webkit-linear-gradient(319deg, rgba(26, 193, 220, 0.97) 0%, rgba(214, 242, 164, 0.97) 100%);
  background: linear-gradient(-229deg, rgba(26, 193, 220, 0.97) 0%, rgba(214, 242, 164, 0.97) 100%);
  content: '';
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-transition: .4s opacity ease-in;
  transition: .4s opacity ease-in;
  z-index: 1;
}

@media (min-width: 75em) {
  [role=banner]::after {
    background: url(../images/headers/shape-desktop.png) repeat center top -35px, -webkit-linear-gradient(319deg, rgba(26, 193, 220, 0.97) 0%, rgba(214, 242, 164, 0.97) 100%);
    background: url(../images/headers/shape-desktop.png) repeat center top -35px, linear-gradient(-229deg, rgba(26, 193, 220, 0.97) 0%, rgba(214, 242, 164, 0.97) 100%);
  }
}

.search-open [role=banner] {
  top: 8.3125em;
}

@media (min-width: 48.9375em) {
  .search-open .logged-in [role=banner] {
    top: 11.1875em;
  }
}

[role=banner].fixed {
  position: fixed;
  top: 2.1875em;
}

[role=banner].fixed::after {
  opacity: 1;
}

.search-open [role=banner].fixed {
  top: 7.375em;
}

@media (min-width: 48.9375em) {
  .search-open .logged-in [role=banner].fixed {
    top: 9.375em;
  }
}

@media (min-width: 48.9375em) {
  .logged-in [role=banner].fixed {
    top: 4.1875em;
  }
}

[role=banner].menu-fixed {
  position: fixed;
  top: 2.1875em;
}

.search-open [role=banner].menu-fixed {
  top: 7.375em;
}

@media (min-width: 37.5em) {
  [role=banner] {
    padding-left: 8.333%;
    padding-right: 8.333%;
  }
}

@media (min-width: 56.25em) {
  [role=banner] {
    top: 2.1875em;
    height: 5.5em;
    padding-top: 1em;
    position: fixed;
  }

  .search-open [role=banner] {
    top: 7.375em;
  }

  .search-open .logged-in [role=banner] {
    top: 9.375em;
  }

  .logged-in [role=banner] {
    top: 4.1875em;
  }
}

@media (min-width: 90em) {
  [role=banner] {
    padding-left: -webkit-calc(50% - 600px);
    padding-left: calc(50% - 600px);
    padding-right: -webkit-calc(50% - 600px);
    padding-right: calc(50% - 600px);
  }
}

[role=banner] .site-name {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
  float: left;
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 1.3125em;
  font-weight: 400;
  line-height: 2.380952381em;
  position: relative;
  z-index: 2;
}

@media (min-width: 56.25em) {
  [role=banner] .site-name {
    font-size: 2.3125em;
    line-height: 1.9459459459em;
    padding-left: 0;
  }
}

[role=banner] .site-name a {
  color: currentColor;
  font-style: normal;
}

[role=banner] .site-name a:hover {
  color: currentColor;
}

#search {
  background-color: #3D3D75;
  padding: 1.25em 0.9375em;
}

@media (min-width: 37.5em) {
  #search {
    padding-left: 8.333%;
    padding-right: 8.333%;
  }
}

.js #search {
  background-color: #323253;
  position: fixed;
  top: 2.1875em;
  left: 0;
  right: 0;
  -webkit-transition: .4s opacity ease-in;
  transition: .4s opacity ease-in;
  z-index: -1;
}

@media (min-width: 90em) {
  .js #search {
    padding-left: -webkit-calc(50% - 600px);
    padding-left: calc(50% - 600px);
    padding-right: -webkit-calc(50% - 600px);
    padding-right: calc(50% - 600px);
  }
}

@media (min-width: 48.9375em) {
  .js .logged-in #search {
    top: 4.1875em;
  }
}

.search-open.js #search {
  z-index: 1;
}

.search-open.js .nav-main.fixed + #search {
  z-index: 2;
}

.search-icon {
  background: url("https://educationforjustice.org/wp-content/themes/efj/images/efj-search-icon.png") no-repeat;
  background-size: 20px 20px;
  display: block;
  float: right;
  height: 1.4375em;
  margin-top: 0.9375em;
  position: relative;
  overflow: hidden;
  text-indent: -999em;
  width: 1.4375em;
  z-index: 2;
}

/*.search-icon {
  background: url("https://enchanting-propeller.flywheelsites.com/wp-content/themes/efj/images/efj-search-icon.png") no-repeat;
  background-size: 100px 450px;
  display: block;
  float: right;
  height: 1.4375em;
  margin-top: 0.9375em;
  position: relative;
  overflow: hidden;
  text-indent: -999em;
  width: 1.4375em;
  z-index: 2;
}*/

.search-icon::after {
  color: white;
  content: 'X';
  display: block;
  font-family: "gira-sans", sans-serif;
  font-style: normal;
  height: 1.4375em;
  line-height: 1.4375em;
  width: 1.4375em;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: 0;
  opacity: 0;
}

.search-open .search-icon {
  background: none;
}

.search-open .search-icon:after {
  opacity: 1;
}

@media (min-width: 56.25em) {
  .search-icon {
    margin-top: 1.75em;
  }
}

.menu-btn {
  cursor: pointer;
  display: block;
  float: left;
  height: 1.0625em;
  margin-right: 1.625em;
  margin-top: 1.0625em;
  position: relative;
  width: 1.5em;
  z-index: 2;
}

.menu-btn .line:first-child {
  background-color: white;
  display: block;
  height: 0.1875em;
  margin-bottom: 0.25em;
  width: 1.5em;
}

.menu-btn .line:nth-child(2) {
  background-color: white;
  display: block;
  height: 0.1875em;
  margin-bottom: 0.25em;
  width: 1.5em;
}

.menu-btn .line:nth-child(3) {
  background-color: white;
  display: block;
  height: 0.1875em;
  width: 1.5em;
}

.menu-btn.is-active .line:first-child {
  -webkit-transform: translateY(7px) rotate(45deg);
  -ms-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
}

.menu-btn.is-active .line:nth-child(2) {
  opacity: 0;
}

.menu-btn.is-active .line:nth-child(3) {
  -webkit-transform: translateY(-7px) rotate(-45deg);
  -ms-transform: translateY(-7px) rotate(-45deg);
  transform: translateY(-7px) rotate(-45deg);
}

@media (min-width: 56.25em) {
  .menu-btn {
    margin-top: 1.75em;
  }
}

@media (min-width: 80em) {
  .menu-btn {
    display: none;
  }
}

.page-header {
  background-color: #42cce2;
  color: white;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  position: relative;
  z-index: 2;
}

@media (max-width: 56.1875em) {
  .page-header {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
}

@media (min-width: 37.5em) {
  .page-header {
    background-image: -webkit-linear-gradient(319deg, rgba(26, 193, 220, 0.97) 0%, rgba(214, 242, 164, 0.97) 100%);
    background-image: linear-gradient(-229deg, rgba(26, 193, 220, 0.97) 0%, rgba(214, 242, 164, 0.97) 100%);
    padding-left: 8.333%;
    padding-right: 8.333%;
  }
}

@media (min-width: 56.25em) {
  .page-header {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow-x: hidden;
  }

  .page-header > * {
    position: relative;
    z-index: 2;
  }

  .page-header::after {
    background: url(../images/headers/shape-desktop.png) repeat center top -35px;
    content: '';
    height: 5.4375em;
    left: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
  }
}

@media (min-width: 90em) {
  .page-header {
    padding-left: -webkit-calc(50% - 600px);
    padding-left: calc(50% - 600px);
    padding-right: -webkit-calc(50% - 600px);
    padding-right: calc(50% - 600px);
  }
}

.page-header a:not(.btn) {
  color: white;
}

.page-header a:not(.btn):hover {
  text-decoration: underline;
}

.page-heading {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 2.625em;
  font-weight: 400;
  line-height: 1.1904761905em;
}

@media (min-width: 56.25em) {
  .page-heading {
    font-size: 3.9375em;
    line-height: 1.1904761905em;
  }
}

.homepage .page-heading {
  max-width: 15ch;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .homepage .page-heading {
    max-width: 8.3333333333em;
  }
}

@media (min-width: 56.25em) {
  .homepage .page-heading {
    max-width: 18ch;
  }
}

@media screen and (min-width: 56.25em) and (-ms-high-contrast: active), screen and (min-width: 56.25em) and (-ms-high-contrast: none) {
  .homepage .page-heading {
    max-width: 7.9365079365em;
  }
}

.article-template .page-heading {
  margin-bottom: 0.4761904762em;
}

@media (min-width: 56.25em) {
  .article-template .page-heading {
    margin-bottom: 0.5079365079em;
  }
}

.page-calendar .page-heading,
.calendar-subpage .page-heading {
  margin-bottom: 0.7380952381em;
}

@media (min-width: 56.25em) {
  .page-calendar .page-heading,
  .calendar-subpage .page-heading {
    margin-bottom: 0.380952381em;
  }
}

.page-membership .page-heading {
  margin-bottom: 0.8095238095em;
}

@media (min-width: 56.25em) {
  .page-membership .page-heading {
    margin-bottom: 0.2857142857em;
  }
}

.page-resources .page-heading {
  margin-bottom: 0;
}

@media (min-width: 37.5em) {
  .page-resources .page-heading {
    margin-bottom: 0.8571428571em;
  }
}

@media (min-width: 56.25em) {
  .page-resources .page-heading {
    margin-bottom: 0.5714285714em;
  }
}

.page-404 .page-header .teaser {
  font-size: 1.125em;
  line-height: 1.5em;
  margin-bottom: 1.5em;
  max-width: 55ch;
}

section:not(.page-header) {
  background-color: white;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
}

@media (min-width: 37.5em) {
  section:not(.page-header) {
    padding-left: 8.333%;
    padding-right: 8.333%;
  }
}

@media (min-width: 90em) {
  section:not(.page-header) {
    padding-left: -webkit-calc(50% - 600px);
    padding-left: calc(50% - 600px);
    padding-right: -webkit-calc(50% - 600px);
    padding-right: calc(50% - 600px);
  }
}

.section-heading {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #53536C;
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.3125em;
}

@media (min-width: 56.25em) {
  .section-heading {
    font-size: 2.625em;
    line-height: 1.2857142857em;
  }
}

.material-icon {
  background-image: url(../images/material-icons@2x.png);
  background-repeat: no-repeat;
  background-size: 1092px 231px;
}

.video.material-icon,
.video::before,
.video::after {
  background-position: -5px -1px;
}

.fact-sheet-handout.material-icon,
.fact-sheet-handout::before,
.fact-sheet-handout::after {
  background-position: -4px -54px;
}

.film-discussion-guide.material-icon,
.film-discussion-guide::before,
.film-discussion-guide::after {
  background-position: 0 -107px;
}

.book-discussion-guide.material-icon,
.book-discussion-guide::before,
.book-discussion-guide::after {
  background-position: -3px -161px;
}

.catholic-social-teaching.material-icon,
.catholic-social-teaching::before,
.catholic-social-teaching::after {
  background-position: -3px -211px;
}

.activity.material-icon,
.activity::before,
.activity::after {
  background-position: -364px 0;
}

.bulletin-insert.material-icon,
.bulletin-insert::before,
.bulletin-insert::after {
  background-position: -364px -54px;
}

.calendar.material-icon,
.calendar::before,
.calendar::after {
  background-position: -364px -108px;
}

.creative-voice.material-icon,
.creative-voice::before,
.creative-voice::after {
  background-position: -364px -160px;
}

.handout.material-icon,
.handout::before,
.handout::after {
  background-position: -366px -211px;
}

.lectionary-reflection.material-icon,
.lectionary-reflection::before,
.lectionary-reflection::after {
  background-position: -648px 0;
}

.lesson-plan.material-icon,
.lesson-plan::before,
.lesson-plan::after {
  background-position: -646px -56px;
}

.litany.material-icon,
.litany::before,
.litany::after {
  background-position: -647px -106px;
}

.prayer.material-icon,
.prayer::before,
.prayer::after {
  background-position: -646px -159px;
}

.prayer-service.material-icon,
.prayer-service::before,
.prayer-service::after {
  background-position: -650px -212px;
}

.quiz.material-icon,
.quiz::before,
.quiz::after {
  background-position: -980px -1px;
}

.reflection.material-icon,
.reflection::before,
.reflection::after,
.fred-kammer.material-icon,
.fred-kammer::before,
.fred-kammer::after,
.human-rights.material-icon,
.human-rights::before,
.human-rights::after,
.other.material-icon,
.other::before,
.other::after,
.sacraments.material-icon,
.sacraments::before,
.sacraments::after,
.sdgs.material-icon,
.sdgs::before,
.sdgs::after {
  background-position: -984px -53px;
}

.retreat.material-icon,
.retreat::before,
.retreat::after {
  background-position: -981px -107px;
}

.toolbox.material-icon,
.toolbox::before,
.toolbox::after {
  background-position: -981px -160px;
}

.unit.material-icon,
.unit::before,
.unit::after {
  background-position: -981px -211px;
}

@supports (display: grid) {
@media (min-width: 37.5em) {
    .resources-listing {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      grid-column-gap: 2.5em;
      grid-row-gap: 4.75em;
    }
}

@media (min-width: 75em) {
    .resources-listing {
      grid-template-columns: repeat(4, 1fr);
    }
}
}

.resources-listing .resource {
  border-bottom: 1px solid #f2f2f2;
  padding: 1.3125em 0;
}

@media (min-width: 37.5em) {
  .resources-listing .resource {
    border-bottom: 0;
    float: left;
    padding: 0 0 4.75em;
    width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px);
  }

@supports (display: grid) {
    .resources-listing .resource {
      padding-bottom: 0;
      width: auto;
    }
}

  .resources-listing .resource:nth-child(2n+1) {
    clear: left;
    margin-right: 2.5em;
  }

@supports (display: grid) {
    .resources-listing .resource:nth-child(2n+1) {
      margin-right: 0;
      padding-bottom: 0;
    }
}
}

@media (min-width: 51.25em) {
  .resources-listing .resource {
    margin-left: 2.5em;
    width: -webkit-calc(33.333% - 26.667px);
    width: calc(33.333% - 26.667px);
  }

@supports (display: grid) {
    .resources-listing .resource {
      margin-left: 0;
      width: auto;
    }
}

  .resources-listing .resource:nth-child(2n+1) {
    clear: none;
    margin-right: 0;
  }

  .resources-listing .resource:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
  }
}

@media (min-width: 69.25em) {
  .resources-listing .resource {
    margin-left: 2.5em;
    width: -webkit-calc(25% - 30px);
    width: calc(25% - 30px);
  }

@supports (display: grid) {
    .resources-listing .resource {
      margin-left: 0;
      width: auto;
    }
}

  .resources-listing .resource:nth-child(3n+1) {
    clear: none;
    margin-left: 2.5em;
  }

@supports (display: grid) {
    .resources-listing .resource:nth-child(3n+1) {
      margin-left: 0;
    }
}

  .resources-listing .resource:nth-child(4n+1) {
    clear: left;
    margin-left: 0;
  }
}

.resources-listing .resource::first-child {
  padding-top: 0;
}

.resources-listing .resource figure {
  float: left;
  height: 4.3125em;
  margin-right: 1em;
  width: 4.3125em;
}

@media (min-width: 37.5em) {
  .resources-listing .resource figure {
    border-radius: 3px;
    float: none;
    height: auto;
    margin-bottom: 1.375em;
    margin-right: 0;
    width: 100%;
  }
}

.resources-listing .resource figure img {
  height: 100%;
  object-fit: cover;
  object-position: center center;
  width: 100%;
}

.resources-listing .resource a {
  border-bottom: 1px solid transparent;
  font-family: "gira-sans", sans-serif;
  font-style: normal;
  color: #53536C;
  -webkit-transition: .4s ease-in;
  transition: .4s ease-in;
}

.resources-listing .resource a:hover {
  border-bottom: 1px solid #3d3d4f;
  color: #3d3d4f;
}

.resources-listing .resource h4 {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5em;
  position: relative;
}

@media (max-width: 37.4375em) {
  .resources-listing .resource h4 {
    overflow: hidden;
  }

  .resources-listing .resource h4::after {
    background-image: url(../images/material-icons@2x.png);
    background-repeat: no-repeat;
    background-size: 1088px 230px;
    content: '';
    display: block;
    height: 1.375em;
    margin-top: 0.1875em;
    width: 1.5em;
  }
}

@media (min-width: 37.5em) {
  .resources-listing .resource h4 {
    line-height: 1.6875em;
    padding-left: 1.75em;
  }

  .resources-listing .resource h4::before {
    background-image: url(../images/material-icons@2x.png);
    background-repeat: no-repeat;
    background-size: 1088px 230px;
    content: '';
    height: 1.375em;
    position: absolute;
    top: 0.3125em;
    left: 0;
    width: 1.5em;
  }
}

@media (max-width: 37.4375em) {
  .resources-listing .resource h4.no-icon::after {
    display: none;
  }
}

@media (min-width: 37.5em) {
  .resources-listing .resource h4.no-icon {
    padding-left: 0;
  }

  .resources-listing .resource h4.no-icon::before {
    display: none;
  }
}

.resources-listing .view-all,
.resources-listing .view-more {
  clear: both;
  margin-top: 2.625em;
  text-align: center;
}

.resources-listing .view-all .btn,
.resources-listing .view-more .btn {
  width: 11.875em;
}

.homepage .resources-listing .view-all .btn,
.homepage .resources-listing .view-more .btn {
  width: auto;
}

@media (min-width: 37.5em) {
  .resources-listing .view-all,
  .resources-listing .view-more {
    margin-top: 0;
  }
}

@supports (display: grid) {
@media (min-width: 37.5em) {
    .resources-listing .view-all,
    .resources-listing .view-more {
      grid-column: 1 / -1;
    }
}
}

@media (max-width: 56.1875em) {
  #filtering {
    height: 5.25em;
  }
}

#filtering .sf-field-sort_order {
  display: none;
  position: absolute;
  bottom: -6.75em;
  right: 8.333%;
  width: 12.8125em;
}

@media (min-width: 56.25em) {
  #filtering .sf-field-sort_order {
    display: block;
  }
}

@media (min-width: 90em) {
  #filtering .sf-field-sort_order {
    right: -webkit-calc(50% - 600px);
    right: calc(50% - 600px);
  }
}

#filtering .sf-field-sort_order .chosen-container-single .chosen-single {
  background-position: right 10px top -60px;
  box-shadow: none;
}

#filtering .sf-field-category h4 {
  font-size: 0.9375em;
  font-weight: 400;
  margin-bottom: 0.6666666667em;
}

@media (min-width: 56.25em) {
  #filtering .sf-field-category h4 {
    display: none;
  }
}

.filtering-content {
  padding: 1.5em 0.9375em;
  position: relative;
  z-index: 2;
  width: 100%;
}

@media (max-width: 56.1875em) {
  .fixed .filtering-content {
    position: fixed;
    top: 5.3125em;
  }
}

@media (min-width: 37.5em) {
  .filtering-content {
    padding-left: 8.333%;
    padding-right: 8.333%;
  }
}

@media (max-width: 56.1875em) {
  .filtering-content {
    background: #F2F2F2 url(../images/filtering-mobile.png) repeat left top;
    background-size: 924px 231px;
  }
}

@media (min-width: 56.25em) {
  .filtering-content {
    background: #F2F2F2 url(../images/filtering-desktop.png) repeat left top;
    background-size: 1439px 117px;
    min-height: 7.3125em;
    padding-top: 0;
    padding-bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media screen and (min-width: 56.25em) and (-ms-high-contrast: active), screen and (min-width: 56.25em) and (-ms-high-contrast: none) {
  .filtering-content {
    padding-top: 2.25em;
  }
}

@media (min-width: 90em) {
  .filtering-content {
    padding-left: -webkit-calc(50% - 600px);
    padding-left: calc(50% - 600px);
    padding-right: -webkit-calc(50% - 600px);
    padding-right: calc(50% - 600px);
  }
}

.filtering-content h2 {
  background: transparent url(../images/sprite.png) no-repeat right 10px top -63px;
  background-size: 100px 450px;
  font-size: 1.5em;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 400;
  position: relative;
}

@media (min-width: 56.25em) {
  .filtering-content h2 {
    display: none;
  }
}

.filtering-content ol,
.filtering-content .searchandfilter > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 56.25em) {
  .filtering-content ol,
  .filtering-content .searchandfilter > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .taxonomy-template .filtering-content ol,
  .taxonomy-template .filtering-content .searchandfilter > ul {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .taxonomy-template.social-justice-topics .filtering-content ol,
  .taxonomy-template.social-justice-topics .filtering-content .searchandfilter > ul {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media (min-width: 56.25em) {
  .filtering-content > ol > li,
  .filtering-content form > ul > li {
    width: 29.63%;
  }
}

.filtering-content li:not(:first-child) {
  margin-top: 1.5em;
}

@media (min-width: 56.25em) {
  .filtering-content li:not(:first-child) {
    margin-top: 0;
  }
}

.filtering-content .searchandfilter label {
  display: block;
}

.filtering-content select {
  appearance: none;
  -webkit-appearance: none;
  background: white url(../images/sprite.png) no-repeat right 10px top -58px;
  background-size: 100px 450px;
  border: 0;
  box-shadow: 0 2px 12px #c7c7c7;
  color: #53536C;
  font-size: 0.9375em;
  height: 2.8666666667em;
  padding: 0 2em 0 0.8em;
  width: 100%;
}

.filtering-content form {
  margin-top: 1.25em;
}

@media (min-width: 56.25em) {
  .filtering-content form {
    display: block !important;
    margin-top: 0;
  }
}

.actionable-content {
  color: white;
  padding-bottom: 2.625em;
  padding-top: 2.9375em;
  position: relative;
}

@media (max-width: 56.1875em) {
  .actionable-content {
    background: -webkit-linear-gradient(left, #0365a6 0%, rgba(13, 116, 176, 0.4) 96%), -webkit-linear-gradient(left, #0383b3 0%, rgba(25, 195, 227, 0.8) 98%);
    background: linear-gradient(to right, #0365a6 0%, rgba(13, 116, 176, 0.4) 96%), linear-gradient(to right, #0383b3 0%, rgba(25, 195, 227, 0.8) 98%);
  }

  .actionable-content::before {
    background: url(../images/actionable-header-mobile.png) no-repeat 0 0;
    background-size: 216px 144px;
    content: '';
    height: 9em;
    position: absolute;
    top: 0;
    left: 0;
    width: 13.5em;
    z-index: 1;
  }

  .actionable-content > * {
    position: relative;
    z-index: 2;
  }
}

.actionable-content .section-heading {
  color: #fff;
  margin-bottom: 0.8125em;
}

.actionable-content .btn {
  margin-bottom: 1.3333333333em;
}

.actionable-content .teaser {
  margin-bottom: 2.625em;
}

.actionable-content a:not(.btn) {
  color: white;
  font-style: italic;
}

@media (min-width: 48em) {
  .actionable-content:after {
    content: "";
    display: table;
    clear: both;
  }

  .actionable-content .col-1 {
    float: left;
    width: 45%;
  }

  .actionable-content .col-2 {
    float: right;
    padding-top: 4.4375em;
    width: 45%;
  }

  .actionable-content .teaser {
    margin-bottom: 0;
  }
}

@media (min-width: 56.25em) {
  .actionable-content {
    background-image: url(../images/actionable-header-desktop@1x.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 17.75em;
    padding-bottom: 5em;
    padding-top: 3.375em;
  }

  .actionable-content::before {
    background: url(../images/actionable-header-shapes.png) no-repeat 0 0;
    background-size: 430px 284px;
    content: '';
    display: block;
    height: 17.75em;
    position: absolute;
    top: 0;
    left: 0;
    width: 26.875em;
    z-index: 1;
  }

  .actionable-content .section-heading {
    margin-bottom: 0.3968253968em;
  }

  .actionable-content .col-1 {
    max-width: 38.4375em;
    width: 68%;
  }

  .actionable-content .col-2 {
    padding-top: 3.75em;
    width: auto;
  }
}

@media (min-width: 75em) {
  .actionable-content .col-2 {
    float: left;
    margin-left: 13.5em;
  }
}

[role="contentinfo"] {
  background-color: #323253;
  color: white;
  overflow-x: hidden;
  padding: 1.125em 0.9375em 1.3125em;
}

@media (min-width: 37.5em) {
  [role="contentinfo"] {
    padding-left: 8.333%;
    padding-right: 8.333%;
  }
}

@media (max-width: 56.1875em) {
  [role="contentinfo"] {
    background-image: url(../images/icon-triangles-mobile.png);
    background-size: 136px 136px;
    background-repeat: no-repeat;
    background-position: right top;
  }
}

@media (min-width: 56.25em) {
  [role="contentinfo"] {
    background-image: url(../images/footer-triangles.png);
    background-size: 218px 218px;
    background-repeat: no-repeat;
    background-position: right top;
    padding: 3.3125em 8.333% 2.625em;
  }
}

@media (min-width: 90em) {
  [role="contentinfo"] {
    padding-left: -webkit-calc(50% - 600px);
    padding-left: calc(50% - 600px);
    padding-right: -webkit-calc(50% - 600px);
    padding-right: calc(50% - 600px);
  }
}

[role="contentinfo"] a {
  color: white;
}

[role="contentinfo"] a:hover {
  color: white;
}

.footer-logo svg {
  height: 2.625em;
  margin-bottom: 1.4375em;
  width: 5.0625em;
}

@media (min-width: 56.25em) {
  .footer-logo svg {
    float: left;
    height: 4.375em;
    width: 8.4375em;
  }
}

@media (min-width: 56.25em) {
  .footer-nav {
    float: left;
    margin-left: 4.4375em;
  }
}

.footer-nav ol {
  margin: 0;
  max-width: 19.6875em;
  padding: 0;
  list-style-type: none;
}

.footer-nav ol:after {
  content: "";
  display: table;
  clear: both;
}

.footer-nav .col {
  float: left;
  width: 9.375em;
}

.footer-nav li {
  font-size: 0.875em;
  line-height: 1.4285714286em;
  margin-bottom: 1.1428571429em;
  page-break-inside: avoid;
  -webkit-break-inside: avoid;
  -moz-break-inside: avoid;
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
}

.footer-nav a {
  display: inline-block;
  position: relative;
}

@media (min-width: 56.25em) {
  .footer-nav a::after {
    background-color: white;
    content: '';
    height: 1px;
    position: absolute;
    bottom: -5px;
    left: 0;
    -webkit-transition: .4s width ease-in;
    transition: .4s width ease-in;
    width: 0;
  }

  .footer-nav a:hover::after {
    width: 100%;
  }
}

.social-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style-type: none;
  margin: 1.3125em auto 1.0625em;
  padding: 0;
  width: 18.125em;
}

@media (min-width: 56.25em) {
  .social-links {
    clear: both;
    margin: 0 0 0 12.875em;
    padding-top: 2em;
  }
}

@media (min-width: 63.25em) {
  .social-links {
    clear: right;
    float: right;
    margin: 0;
    padding-top: 0;
  }
}

.social-links a {
  background-color: #0FA1D7;
  background-image: url(../images/social-icons.png);
  background-repeat: no-repeat;
  background-size: 290px 36px;
  border-radius: 3px;
  display: block;
  height: 2.25em;
  text-indent: -999em;
  -webkit-transition: .2s ease-in;
  transition: .2s ease-in;
  width: 2.25em;
}

.social-links a:hover {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}

.social-links .email a {
  background-position: 0 1px;
}

.social-links .rss a {
  background-position: -50px 1px;
}

.social-links .twitter a {
  background-position: -102px 0;
}

.social-links .facebook a {
  background-position: -152px 1px;
}

.social-links .youtube a {
  background-position: -203px 0;
}

.social-links .instagram a {
  background-position: -253px 0;
}

.copyright {
  color: white;
  font-size: 0.6875em;
  font-weight: 500;
  text-align: center;
}

@media (min-width: 56.25em) {
  .copyright {
    text-align: left;
    margin-top: -1.6875em;
  }
}

@media (min-width: 63.25em) {
  .copyright {
    clear: both;
    margin-top: 0;
  }
}

.nav-main {
  position: fixed;
  bottom: 0;
  top: 5.3125em;
  left: -100%;
  -webkit-transition: left .25s ease-in;
  transition: left .25s ease-in;
  width: 100%;
  z-index: 10;
  overflow-x: hidden;
  overflow-y: auto;
}

@media (min-width: 48.9375em) {
  .nav-main .logged-in {
    top: 7.375em;
  }
}

.search-open .nav-main {
  top: 10.5em;
}

@media (min-width: 48.9375em) {
  .search-open .logged-in .nav-main {
    top: 12.5em;
  }
}

@media (min-width: 37.5em) {
  .nav-main {
    width: 28.125em;
  }
}

@media (min-width: 56.25em) {
  .nav-main {
    top: 7.6875em;
  }

  .nav-main .logged-in {
    top: 9.75em;
  }

  .search-open .nav-main {
    top: 12.875em;
  }

  .search-open .logged-in .nav-main {
    top: 14.875em;
  }
}

@media (min-width: 80em) {
  .nav-main {
    bottom: auto;
    left: auto;
    top: 4.5625em;
    overflow: visible;
    position: fixed;
    right: -webkit-calc(8.472% + 42px);
    right: calc(8.472% + 42px);
    -webkit-transition: none;
    transition: none;
    transition: top .4s ease-in;
    width: auto;
  }

  .logged-in .nav-main {
    top: 6.5625em;
  }

  .search-open .nav-main {
    top: 9.75em;
  }

  .search-open .logged-in .nav-main {
    top: 11.75em;
  }

  .login-screen .nav-main {
    display: none;
  }
}

@media (min-width: 90em) {
  .nav-main {
    right: -webkit-calc(50% - 556px);
    right: calc(50% - 556px);
  }
}

.nav-main.show {
  left: 0;
}

.nav-main ol {
  min-height: -webkit-calc(100vh - 85px);
  min-height: calc(100vh - 85px);
  list-style-type: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 56.25em) {
  .nav-main ol {
    min-height: -webkit-calc(100vh - 123px);
    min-height: calc(100vh - 123px);
  }
}

@media (max-width: 1279px) {
  .nav-main ol {
    background-image: -webkit-linear-gradient(329deg, rgba(26, 193, 220, 0.97) 0%, rgba(214, 242, 164, 0.97) 82%);
    background-image: linear-gradient(-239deg, rgba(26, 193, 220, 0.97) 0%, rgba(214, 242, 164, 0.97) 82%);
    box-shadow: 0 3px 3px 0 rgba(161, 160, 160, 0.27);
  }
}

@media (min-width: 80em) {
  .nav-main ol {
    min-height: 0;
  }
}

@media (max-width: 1279px) {
  .nav-main a,
  .nav-main span {
    color: white;
    border-top: 1px solid rgba(64, 64, 82, 0.21);
    display: block;
    font-size: 0.9375em;
    font-style: normal !important;
    line-height: 1.3333333333em;
    margin: 0 0.3125em;
    padding: 1em 0.3333333333em;
  }

  .nav-main a:hover {
    color: white;
  }

  .nav-main .all-resources a {
    font-style: italic !important;
  }
}

@media (min-width: 80em) {
  .nav-main .browse-resources {
    display: block;
    font-size: 1.0666666667em;
    line-height: 1.3125em;
    margin-bottom: 1.875em;
    width: 100%;
  }
}

@media (min-width: 80em) {
  .nav-main .ml-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 41.875em;
  }
}

@media (min-width: 83.125em) {
  .nav-main .ml-nav {
    width: 43.75em;
  }
}

.nav-main .ml-has-subnav {
  cursor: pointer;
  position: relative;
}

.nav-main .ml-has-subnav::after {
  background: url(../images/sprite.png) no-repeat -85px -215px;
  background-size: 100px 450px;
  content: '';
  display: block;
  height: 1.3333333333em;
  position: absolute;
  top: 50%;
  margin-top: -0.6666666667em;
  right: 0.6em;
  width: 0.8666666667em;
}

@media (min-width: 80em) {
  .nav-main .ml-main-level a,
  .nav-main .ml-main-level span {
    background-color: transparent;
    color: white;
    font-family: "gira-sans", sans-serif;
    font-size: 0.9375em;
    font-style: normal;
    font-weight: 300;
    line-height: 1.3333333333em;
  }

  .nav-main .ml-main-level > a,
  .nav-main .ml-main-level > span {
    font-family: "gira-sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 2.4em;
  }

  .nav-main .ml-main-level .ml-has-subnav {
    padding-right: 1em;
    position: relative;
  }

  .nav-main .ml-main-level .ml-has-subnav::after {
    background-position: -87px -278px;
    height: 0.4666666667em;
    margin-top: -0.2em;
    right: 0;
    -webkit-transition: .4s ease-in;
    transition: .4s ease-in;
    width: 0.7333333333em;
  }
}

.nav-main .ml-subnav {
  display: none;
  position: absolute;
  top: 0;
  right: -100%;
  width: 100%;
}

.nav-main .ml-subnav.open {
  display: block;
  z-index: 2;
}

@media (min-width: 80em) {
  .nav-main .ml-subnav {
    position: relative;
    top: auto;
    right: auto;
  }

  .nav-main .ml-subnav a,
  .nav-main .ml-subnav span {
    color: #404052;
  }

  .nav-main .ml-subnav .browse-resources a {
    color: #0FA1D7;
    font-family: "ff-meta-serif-web-pro", serif;
    font-style: italic;
  }

  .nav-main .ml-subnav.topics,
  .nav-main .ml-subnav.materials,
  .nav-main .ml-subnav.about-us,
  .nav-main .ml-subnav.news-action {
    background-color: white;
    border-radius: 3px;
    box-shadow: 0 1px 5px rgba(185, 185, 185, 0.24);
    display: block;
    opacity: 0;
    position: absolute;
    top: 2.75em;
    -webkit-transition: .4s ease-in;
    transition: .4s ease-in;
    left: 0;
    visibility: hidden;
  }

  .nav-main .ml-subnav.topics::before,
  .nav-main .ml-subnav.materials::before,
  .nav-main .ml-subnav.about-us::before,
  .nav-main .ml-subnav.news-action::before {
    content: '';
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 8px solid white;
    height: 0;
    width: 0;
    position: absolute;
    top: -0.5em;
    right: 50%;
  }

  .nav-main .ml-subnav.topics .ml-subnav,
  .nav-main .ml-subnav.materials .ml-subnav,
  .nav-main .ml-subnav.about-us .ml-subnav,
  .nav-main .ml-subnav.news-action .ml-subnav {
    display: block;
  }

  .nav-main .ml-subnav.topics {
    margin-left: -26.375em;
    padding: 2.1875em 3.75em;
    width: 68.875em;
  }

  .nav-main .ml-subnav.topics::before {
    margin-right: 5.6875em;
  }

  .nav-main .ml-subnav.materials {
    margin-left: 2.25em;
    padding: 1em 1.4375em 0 1.4375em;
    width: 40.75em;
  }

  .nav-main .ml-subnav.materials .column {
    float: left;
    margin-left: 3em;
    width: 10.625em;
  }

  .nav-main .ml-subnav.materials .ml-back + .column {
    margin-left: 0;
  }

  .nav-main .ml-subnav.materials::before {
    margin-right: 15.125em;
  }

  .nav-main .ml-subnav.about-us {
    margin-left: 14.25em;
    padding: 1em 1.4375em 0 1.4375em;
    width: 12.25em;
  }

  .nav-main .ml-subnav.about-us::before {
    margin-right: 2em;
  }

  .nav-main .ml-subnav.news-action {
    margin-left: 20.625em;
    padding: 1em 1.4375em 0 1.4375em;
    width: 12.25em;
  }

  .nav-main .ml-subnav.news-action::before {
    margin-right: 2em;
  }
}

@media (min-width: 90em) {
  .nav-main .ml-subnav.topics {
    margin-left: -32em;
  }

  .nav-main .ml-subnav.topics::before {
    margin-right: 0;
  }
}

@media (min-width: 80em) {


  .nav-main .ml-main-level:hover > .ml-subnav,
  .nav-main .ml-main-level:focus > .ml-subnav {
    opacity: 1;
    visibility: visible;
  }

  .nav-main .ml-main-level:hover > .ml-has-subnav::after,
  .nav-main .ml-main-level:focus > .ml-has-subnav::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@media (min-width: 80em) and (max-height: 42.5625em) {
  .nav-main .ml-subnav.topics {
    height: -webkit-calc(100vh - 117px);
    height: calc(100vh - 117px);
  }

  .nav-main .ml-subnav.topics > div {
    height: 100%;
    overflow-y: scroll;
  }
}

.nav-main .ml-back {
  background-color: #2E8C9B;
}

@media (min-width: 80em) {
  .nav-main .ml-back {
    display: none;
  }
}

.nav-main .ml-back a {
  padding-left: 2.3333333333em;
  position: relative;
}

.nav-main .ml-back a::after {
  background: url(../images/sprite.png) no-repeat -85px -215px;
  background-size: 100px 450px;
  content: '';
  display: block;
  height: 1.3333333333em;
  position: absolute;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  top: 50%;
  margin-top: -0.6666666667em;
  left: 0.6em;
  width: 0.8666666667em;
}

.nav-main .login {
  background-color: white;
}

.nav-main .login a {
  color: #0FA1D7;
}

@media (min-width: 80em) {
  .nav-main .login {
    background-color: transparent;
  }

  .nav-main .login a {
    color: white;
  }
}

.nav-main .become-member {
  background-image: -webkit-linear-gradient(333deg, #2EB7D0 5%, #0FA1D7 100%);
  background-image: linear-gradient(-243deg, #2EB7D0 5%, #0FA1D7 100%);
  /* Just for now */
  visibility: hidden;
}

@media (min-width: 80em) {
  .nav-main .become-member {
    background-image: none;
  }

  .nav-main .become-member a {
    background-color: white !important;
    border-radius: 3px;
    color: #0FA1D7 !important;
    display: block;
    font-style: normal;
    height: 2.4em;
    line-height: 2.4em !important;
    text-align: center;
    -webkit-transition: .4s ease-in;
    transition: .4s ease-in;
    width: 11.0666666667em;
  }

  .nav-main .become-member a:hover {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
  }
}

@media (min-width: 80em) {
  .all-resources {
    display: none;
  }

  .main-topic {
    display: block;
    font-weight: 400 !important;
    border-bottom: 2px solid #0FA1D7;
    margin-bottom: 1.0666666667em;
    padding-bottom: 0.3333333333em;
    position: relative;
  }

  .main-topic + .ml-subnav a {
    display: inline-block;
    font-size: 0.9333333333em;
    line-height: 1.8666666667em;
    position: relative;
  }

@supports (text-decoration-color: white) {
    .main-topic + .ml-subnav a {
      text-decoration: underline;
      text-decoration-color: transparent;
      -webkit-transition: .4s text-decoration ease-in;
      transition: .4s text-decoration ease-in;
    }
}

  .main-topic + .ml-subnav a:hover {
    text-decoration: underline;
  }

@supports (text-decoration-color: white) {
    .main-topic + .ml-subnav a:hover {
      text-decoration-color: #3D3D75;
    }
}

  .materials a,
  .about-us a,
  .news-action a {
    display: block;
    font-weight: 400 !important;
    border-bottom: 2px solid #0FA1D7;
    margin-bottom: 1.0666666667em;
    padding-bottom: 0.3333333333em;
    position: relative;
  }

  .catholic-social-tradition {
    float: left;
    width: 22.125em;
  }

  .nav-social-justice-topics {
    float: right;
    width: 36.25em;
  }

  .nav-social-justice-topics .ml-subnav {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 2.25em;
    -moz-column-gap: 2.25em;
    column-gap: 2.25em;
  }

  .nav-saints-martyrs-heroes {
    clear: both;
    float: left;
    margin-right: 3.875em;
    padding-top: 1.3125em;
  }

  .nav-saints-martyrs-heroes .main-topic {
    margin-bottom: 0;
  }

  .nav-region {
    float: left;
    margin-right: 5.1875em;
    padding-top: 1.3125em;
  }

  .nav-region .main-topic {
    margin-bottom: 0;
  }

  .nav-spanish {
    float: left;
    padding-top: 1.3125em;
  }

  .nav-spanish .main-topic {
    margin-bottom: 0;
  }
}

.homepage .page-header {
  height: 23.25em;
  padding-top: 8.4375em;
}

@media (max-width: 56.1875em) {
  .homepage .page-header {
    background-image: url(../images/homepage-header-mobile@1x.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .homepage .page-header {
    background-image: url("../images/homepage-header-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .homepage .page-header {
    background-image: url(../images/homepage-header-desktop@1x.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    height: 28.0625em;
    padding-top: 12.5em;
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .homepage .page-header {
    background-image: url("../images/homepage-header-desktop@2x.jpg");
  }
}

.homepage-introduction {
  padding-bottom: 4.5em;
  padding-top: 5em;
  position: relative;
}

@media (max-width: 56.1875em) {
  .homepage-introduction {
    background-image: url(../images/entire-line-mobile.png);
    background-repeat: repeat-x;
    background-size: 320px 61px;
    background-position: center top;
  }
}

@media (min-width: 56.25em) {
  .homepage-introduction {
    background-image: url(../images/entire-line-desktop.png);
    background-repeat: repeat-x;
    background-size: 1415px 122px;
    background-position: center top;
    padding-bottom: 10.75em;
    padding-top: 10.75em;
  }
}

.homepage-introduction .image {
  display: none;
}

@media (min-width: 56.25em) {
  .homepage-introduction .image {
    bottom: 6em;
    display: block;
    position: absolute;
    right: 0;
    top: 10.75em;
    width: 46.875%;
    z-index: 2;
  }

  .homepage-introduction .image img {
    box-shadow: 0 2px 20px 0 rgba(151, 151, 151, 0.31);
    object-fit: cover;
    object-position: center top;
    height: 100%;
  }

  .homepage-introduction .image::after {
    background: url(../images/intro-squares.png) no-repeat;
    background-size: 203px 203px;
    content: '';
    display: block;
    height: 12.6875em;
    position: absolute;
    left: -100px;
    bottom: -101px;
    width: 12.6875em;
    z-index: -1;
  }
}

.homepage-introduction .section-heading {
  margin-bottom: 1.3125em;
}

@media (min-width: 56.25em) {
  .homepage-introduction .section-heading {
    margin-bottom: 0.8571428571em;
  }
}

.homepage-introduction p + p {
  margin-top: 1.5em;
}

.homepage-introduction .primary-btn {
  margin: 2.2666666667em 0 1.6em;
}

.homepage-introduction .primary-btn + p {
  line-height: 1.3125em;
}

.homepage-introduction .primary-btn + p a {
  color: #0FA1D7;
  font-style: italic;
  -webkit-transition: .4s ease-in;
  transition: .4s ease-in;
}

.homepage-introduction .primary-btn + p a:hover {
  color: #0c7da7;
}

@media (min-width: 56.25em) {
  .homepage-introduction .section-heading,
  .homepage-introduction .content {
    position: relative;
    width: 46.48%;
    z-index: 3;
  }
}

.featured-resources {
  padding-top: 0.5625em;
  padding-bottom: 2.3125em;
}

@media (max-width: 56.1875em) {
  .featured-resources {
    background-image: url(../images/waves-mobile.png), url(../images/diamond-in-square-mobile.png);
    background-repeat: no-repeat, no-repeat;
    background-size: 106px 106px, 154px 158px;
    background-position: left top, right bottom;
  }
}

@media (min-width: 56.25em) {
  .featured-resources {
    background-image: url(../images/waves-desktop.png), url(../images/diamond-in-square-desktop.png);
    background-repeat: no-repeat, no-repeat;
    background-size: 332px 331px, 256px 264px;
    background-position: left top, right -26px bottom;
    min-height: 22.1875em;
    padding-bottom: 1.3125em;
    padding-top: 3.3125em;
  }
}

@media (min-width: 90em) {
  .featured-resources {
    background-position: left -webkit-calc(50% - 560px) top, right -webkit-calc(50% - 585px) bottom;
    background-position: left calc(50% - 560px) top, right calc(50% - 585px) bottom;
  }
}

.featured-resources .section-heading {
  margin-bottom: 0.875em;
}

@media (min-width: 56.25em) {
  .featured-resources .section-heading {
    margin-bottom: 0.9206349206em;
  }
}

.featured-resources .view-all {
  margin-top: 2.625em;
  text-align: center;
}

@media (min-width: 56.25em) {
  .featured-resource-listing {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.featured-resource-listing .resource {
  background-color: white;
  box-shadow: 0 2px 20px rgba(150, 150, 150, 0.19);
  padding: 2.75em 0.75em;
}

.featured-resource-listing .resource:not(:first-child) {
  margin-top: 2.625em;
}

@media (min-width: 56.25em) {
  .featured-resource-listing .resource {
    padding: 2.875em 1.875em;
    width: 31%;
  }

  .featured-resource-listing .resource:not(:first-child) {
    margin-top: 0;
  }
}

.featured-resource-listing .resource .read-more {
  font-family: "ff-meta-serif-web-pro", serif;
  margin-top: 1.4375em;
}

.featured-resource-listing h3 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 1.375em;
  font-weight: 400;
  line-height: 1.2727272727em;
  margin-bottom: 1.5909090909em;
  padding-left: 1.2727272727em;
  overflow: hidden;
}

@media (max-width: 56.1875em) {
  .featured-resource-listing h3 {
    height: auto !important;
  }
}

.featured-resource-listing h3 i {
  float: left;
  height: 1em;
  margin-left: -1.2727272727em;
  margin-top: 0.2272727273em;
  width: 0.9090909091em;
}

.featured-resource-listing .short-description {
  margin-bottom: 1.5em;
}

.featured-resource-listing .read-more a {
  color: #0FA1D7;
  font-style: italic;
  position: relative;
}

.featured-resource-listing .read-more a::after {
  content: '';
  background-color: #404052;
  height: 0.0625em;
  left: 0;
  -webkit-transition: width .4s ease-in;
  transition: width .4s ease-in;
  position: absolute;
  top: 24px;
  width: 0;
}

.featured-resource-listing .read-more a:hover::after {
  width: 100%;
}

.homepage-calendar {
  padding-bottom: 4.125em;
  padding-top: 5.9375em;
  position: relative;
}

@media (min-width: 56.25em) {
  .homepage-calendar {
    padding-bottom: 6.25em;
    padding-top: 5.75em;
  }
}

.homepage-calendar .section-heading {
  margin-bottom: 1.46875em;
}

@media (min-width: 56.25em) {
  .homepage-calendar .section-heading {
    margin-bottom: 0.7936507937em;
  }
}

.homepage-calendar .content {
  margin-bottom: 1.6875em;
}

@media (min-width: 56.25em) {
  .homepage-calendar .content {
    margin-bottom: 4em;
    width: 48.41%;
  }
}

.homepage-calendar .calendar-square {
  background: url(../images/squares-desktop.png) no-repeat;
  background-size: 135px 135px;
  position: absolute;
  right: 0;
  height: 9.25em;
  margin-top: -1.8125em;
  width: 9.25em;
  z-index: 1;
}

@media (min-width: 56.25em) {
  .homepage-calendar .calendar-square {
    background-size: 264px 264px;
    height: 16.5em;
    margin-top: -8.0625em;
    width: 16.5em;
  }
}

@media (min-width: 90em) {
  .homepage-calendar .calendar-square {
    right: -webkit-calc(50% - 720px);
    right: calc(50% - 720px);
  }
}

.homepage-calendar .calendar-container {
  background-color: white;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.21);
  padding: 1.8125em 5px 5px;
  position: relative;
  z-index: 2;
}

@media (max-width: 26.3125em) {
  .homepage-calendar .calendar-container {
    padding-top: 2.8125em;
  }
}

@media (min-width: 56.25em) {
  .homepage-calendar .calendar-container {
    padding: 1.8125em 1.125em 1.125em;
    position: relative;
  }
}

@media (min-width: 75em) {
  .homepage-calendar .calendar-container {
    padding-top: 1.125em;
  }
}

.latest-resources {
  padding-top: 0.5em;
  padding-bottom: 6.5625em;
}

@media (max-width: 56.1875em) {
  .latest-resources {
    background-image: url(../images/entire-line-mobile.png);
    background-repeat: repeat-x;
    background-size: 320px 61px;
    background-position: center top;
  }
}

@media (min-width: 56.25em) {
  .latest-resources {
    background-image: url(../images/entire-line-desktop.png);
    background-repeat: repeat-x;
    background-size: 1415px 122px;
    background-position: center top;
    padding-top: 4.75em;
    padding-bottom: 6.5625em;
  }
}

.latest-resources .section-heading {
  margin-bottom: 0.875em;
}

@media (min-width: 56.25em) {
  .latest-resources .section-heading {
    margin-bottom: 1.5555555556em;
  }
}

.article-template .page-header {
  padding-bottom: 2.5em;
  padding-top: 8em;
  position: relative;
}

.article-template .page-header > * {
  position: relative;
  z-index: 2;
}

@media (max-width: 56.1875em) {
  .article-template .page-header::after {
    background: url(../images/mobile-header-shapes@2x.png) no-repeat;
    background-size: 320px 63px;
    content: '';
    height: 3.9375em;
    left: 0;
    position: absolute;
    top: 0;
    width: 20em;
    z-index: 1;
  }
}

@media (min-width: 56.25em) {
  .article-template .page-header {
    padding-bottom: 7.3125em;
    padding-top: 12.5em;
  }
}

.article-template .page-header .lede {
  font-size: 1.3125em;
  line-height: 1.380952381em;
  margin-bottom: 1.5238095238em;
}

@media (min-width: 56.25em) {
  .article-template .page-header .lede {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.75em;
    line-height: 1.3571428571em;
    margin-bottom: 1.5357142857em;
    max-width: 32.6428571429em;
  }
}

.article-template .page-header .content p + p {
  margin-top: 1.5em;
}

.article-template .page-header .content a {
  color: white;
}

.article-template .page-header .content a:hover {
  color: white;
  text-decoration: underline;
}

@media (min-width: 56.25em) {
  .article-template .page-header .content {
    font-size: 1.125em;
    line-height: 1.5em;
    max-width: 50.7777777778em;
  }

  .article-template .page-header .content:after {
    content: "";
    display: table;
    clear: both;
  }

  .article-template .page-header .content p {
    float: right;
    width: -webkit-calc(50% - 14px);
    width: calc(50% - 14px);
  }

  .article-template .page-header .content p:first-child {
    float: left;
  }

  .article-template .page-header .content p + p {
    margin-top: 0;
  }

  .article-template .page-header .content p:first-child {
    margin-right: 1.5555555556em;
  }

  .article-template .page-header .content p:nth-child(2) {
    margin-bottom: 1.5em;
  }
}

@media (max-width: 56.1875em) {
  .page-meet-the-team .page-header {
    background-image: url(../images/headers/meet-team-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .page-meet-the-team .page-header {
    background-image: url("../images/headers/meet-team-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .page-meet-the-team .page-header {
    background-image: url(../images/headers/meet-team-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .page-meet-the-team .page-header {
    background-image: url("../images/headers/meet-team-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .page-about-us .page-header {
    background-image: url(../images/headers/our-mission-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .page-about-us .page-header {
    background-image: url("../images/headers/our-mission-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .page-about-us .page-header {
    background-image: url(../images/headers/our-mission-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .page-about-us .page-header {
    background-image: url("../images/headers/our-mission-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .page-newsletters .page-header,
  .page-current-news .page-header {
    background-image: url(../images/headers/newsletters-mobile@1x.jpg);
    background-position: center top;
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .page-newsletters .page-header,
  .page-current-news .page-header {
    background-image: url("../images/headers/newsletters-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .page-newsletters .page-header,
  .page-current-news .page-header {
    background-image: url(../images/headers/newsletters-desktop@1x.jpg);
    background-position: center top;
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .page-newsletters .page-header,
  .page-current-news .page-header {
    background-image: url("../images/headers/newsletters-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .page-contact-us .page-header {
    background-image: url(../images/headers/contact-us-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .page-contact-us .page-header {
    background-image: url("../images/headers/contact-us-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .page-contact-us .page-header {
    background-image: url(../images/headers/contact-us-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .page-contact-us .page-header {
    background-image: url("../images/headers/contact-us-desktop@2x.jpg");
  }
}

.article-content {
  padding-bottom: 3.9375em;
  padding-top: 1.0625em;
}

.page-contact-us .article-content {
  padding-top: 5.625em;
}

@media (max-width: 56.1875em) {
  .article-content {
    background-image: url(../images/entire-line-mobile.png);
    background-repeat: repeat-x;
    background-size: 320px 61px;
    background-position: center top;
  }

  .page-meet-the-team .article-content,
  .page-newsletters .article-content {
    padding-top: 5.625em;
  }
}

@media (min-width: 56.25em) {
  .article-content {
    background-image: url(../images/entire-line-desktop.png);
    background-repeat: repeat-x;
    background-size: 1415px 122px;
    background-position: center top;
    padding-top: 4.75em;
    padding-bottom: 6em;
  }

  .contact-us .article-content {
    padding-top: 10em;
  }
}

.article-content .section-heading {
  margin-bottom: 1.65625em;
}

@media (min-width: 56.25em) {
  .article-content .section-heading {
    margin-bottom: 3.119047619em;
  }
}

.biography-block {
  border-top: 1px solid #f2f2f2;
  padding: 2.0625em 0 0.875em;
}

.biography-block:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 56.25em) {
  .biography-block {
    border-top: 0;
    margin-top: 6.75em;
    padding: 0;
  }
}

.biography-block.biography-block-1 {
  border-top: 0;
  padding-top: 0;
}

@media (min-width 56.25em) {
  .biography-block.biography-block-1 {
    margin-top: 0;
  }
}

@media (min-width: 56.25em) {
  .biography-block .biography .read-more {
    display: none;
  }
}

.biography-image {
  float: left;
  height: 8.5em;
  margin-right: 0.9375em;
  width: 5.125em;
}

@media (max-width: 56.1875em) {
  .biography-image img {
    height: 100%;
    object-fit: cover;
  }
}

@media (min-width: 56.25em) {
  .biography-image {
    height: 15.25em;
    margin-right: 5.25em;
    width: 9.1875em;
  }
}

.biography {
  float: left;
  width: -webkit-calc(100% - 97px);
  width: calc(100% - 97px);
}

@media (min-width: 56.25em) {
  .biography {
    max-width: 42.8125em;
    width: -webkit-calc(100% - 244px);
    width: calc(100% - 244px);
  }
}

@media (max-width: 56.1875em) {
  .biography-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 8.5em;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.biography-heading {
  color: #53536C;
  font-size: 1.375em;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 400;
  line-height: 1.4em;
}

@media (min-width: 56.25em) {
  .biography-heading {
    font-size: 1.75em;
  }
}

.biography-information {
  font-size: 0.8125em;
  line-height: 1.8461538462em;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

@media (max-width: 56.1875em) {
  .biography-information {
    max-width: 14.6153846154em;
  }
}

@media (min-width: 56.25em) {
  .biography-information {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 2.25em;
  }
}

.biography-information li {
  display: inline;
}

.biography-information li:not(:last-child)::after {
  content: '•';
  display: inline-block;
  margin: 0 0.1538461538em 0 0.3846153846em;
}

.biography-information a {
  font-style: italic;
}

.biography-content {
  color: #53536C;
  display: none;
  font-size: 0.875em;
  line-height: 1.7142857143em;
  margin-top: 1.7857142857em;
}

.biography-content.show {
  display: block;
}

.biography-content p + p {
  margin-top: 1.7142857143em;
}

@media (min-width: 56.25em) {
  .biography-content {
    display: block !important;
    font-size: 1em;
    line-height: 1.5em;
    margin-top: 0;
  }

  .biography-content p + p {
    margin-top: 1.5em;
  }
}

.biography .read-more {
  cursor: pointer;
  display: block;
  margin-top: 1.75em;
  width: 1.1875em;
}

.biography .read-more.open {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.page-about-us .icon-grid {
  overflow: auto;
}

@media (min-width: 37.5em) {
@supports (display: grid) {
    .page-about-us .icon-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 48px;
      grid-row-gap: 102px;
    }
}
}

@media (min-width: 64.625em) {
@supports (display: grid) {
    .page-about-us .icon-grid {
      grid-template-columns: repeat(4, 1fr);
    }
}
}

.article-content-block + .icon-grid,
.icon-grid + .article-content-block {
  margin-top: 3em;
}

.icon-feature {
  margin-top: 3.25em;
}

@media (min-width: 37.5em) {
  .icon-feature {
    float: left;
    margin-top: 0;
    width: -webkit-calc(50% - 19px);
    width: calc(50% - 19px);
  }

@supports (display: grid) {
    .icon-feature {
      width: auto;
    }
}

  .icon-feature:nth-child(2n+1) {
    clear: left;
    margin-right: 2.375em;
  }

@supports (display: grid) {
    .icon-feature:nth-child(2n+1) {
      margin-right: 0;
    }
}

  .icon-feature:nth-child(n+3) {
    margin-top: 6.375em;
  }

@supports (display: grid) {
    .icon-feature:nth-child(n+3) {
      margin-top: 0;
    }
}
}

@media (min-width: 64.625em) {
  .icon-feature {
    margin-left: 3em;
    margin-top: 0;
    width: -webkit-calc(25% - 36px);
    width: calc(25% - 36px);
  }

@supports (display: grid) {
    .icon-feature {
      margin-left: 0;
      width: auto;
    }
}

  .icon-feature:nth-child(2n+1) {
    clear: none;
    margin-right: 0;
  }

  .icon-feature:first-child {
    margin-left: 0;
  }

  .icon-feature:nth-child(n+3) {
    margin-top: 0;
  }
}

.icon-feature .icon-feature-1 {
  margin-top: 0;
}

.icon-feature .icon {
  margin-bottom: 1.375em;
  width: 10.9375em;
}

.icon-feature .feature-description {
  color: #53536C;
  max-width: 26.5625em;
}

.article-content-block h3 {
  font-size: 1.75em;
  line-height: 1.4em;
  margin-bottom: 1.2857142857em;
}

.article-content-block p + p {
  margin-top: 1.5em;
}

.article-content-block p + h3 {
  margin-top: 1.7142857143em;
}

.page-resources .page-header,
.page-materials .page-header,
.page-topics .page-header {
  color: white;
  height: 15.1875em;
  padding-top: 8.375em;
  position: relative;
  z-index: 2;
}

@media (min-width: 37.5em) {
  .page-resources .page-header,
  .page-materials .page-header,
  .page-topics .page-header {
    height: auto;
    padding-bottom: 4.375em;
  }
}

@media (min-width: 56.25em) {
  .page-resources .page-header,
  .page-materials .page-header,
  .page-topics .page-header {
    height: 34.5625em;
    padding-top: 12.5em;
  }
}

.page-resources .page-header .teaser,
.page-materials .page-header .teaser,
.page-topics .page-header .teaser {
  display: none;
}

@media (min-width: 37.5em) {
  .page-resources .page-header .teaser,
  .page-materials .page-header .teaser,
  .page-topics .page-header .teaser {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    font-size: 1.125em;
    line-height: 1.5em;
  }

  .page-resources .page-header .teaser p,
  .page-materials .page-header .teaser p,
  .page-topics .page-header .teaser p {
    max-width: 54ch;
  }

  .page-resources .page-header .teaser p + p,
  .page-materials .page-header .teaser p + p,
  .page-topics .page-header .teaser p + p {
    margin-top: 1.5em;
  }
}

@media (max-width: 37.4375em) {
  .page-resources .page-header {
    background-image: url(../images/headers/resources-mobile@1x.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
}

@media (max-width: 37.4375em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 37.4375em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 37.4375em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 37.4375em) and (min-device-pixel-ratio: 1.3), (max-width: 37.4375em) and (min-resolution: 1.3dppx) {
  .page-resources .page-header {
    background-image: url("../images/headers/resources-mobile@2x.jpg");
  }
}

@media (min-width: 37.5em) and (max-width: 56.1875em) {
  .page-resources .page-header {
    background-image: url(../images/headers/resources-tablet@1x.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
}

@media (min-width: 37.5em) and (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 37.5em) and (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 37.5em) and (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 37.5em) and (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (min-width: 37.5em) and (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .page-resources .page-header {
    background-image: url("../images/headers/resources-tablet@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .page-resources .page-header {
    background-image: url(../images/headers/resources-desktop@1x.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .page-resources .page-header {
    background-image: url("../images/headers/resources-desktop@2x.jpg");
  }
}

@media (max-width: 37.4375em) {
  .page-materials .page-header {
    background-image: url(../images/headers/materials-mobile@1x.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
}

@media (max-width: 37.4375em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 37.4375em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 37.4375em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 37.4375em) and (min-device-pixel-ratio: 1.3), (max-width: 37.4375em) and (min-resolution: 1.3dppx) {
  .page-materials .page-header {
    background-image: url("../images/headers/resourcesmaterials-mobile@2x.jpg");
  }
}

@media (min-width: 37.5em) and (max-width: 56.1875em) {
  .page-materials .page-header {
    background-image: url(../images/headers/materials-tablet@1x.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
}

@media (min-width: 37.5em) and (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 37.5em) and (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 37.5em) and (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 37.5em) and (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (min-width: 37.5em) and (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .page-materials .page-header {
    background-image: url("../images/headers/materials-tablet@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .page-materials .page-header {
    background-image: url(../images/headers/materials-desktop@1x.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .page-materials .page-header {
    background-image: url("../images/headers/materials-desktop@2x.jpg");
  }
}

@media (max-width: 37.4375em) {
  .page-topics .page-header {
    background-image: url(../images/headers/topics-mobile@1x.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
}

@media (max-width: 37.4375em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 37.4375em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 37.4375em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 37.4375em) and (min-device-pixel-ratio: 1.3), (max-width: 37.4375em) and (min-resolution: 1.3dppx) {
  .page-topics .page-header {
    background-image: url("../images/headers/topics-mobile@2x.jpg");
  }
}

@media (min-width: 37.5em) and (max-width: 56.1875em) {
  .page-topics .page-header {
    background-image: url(../images/headers/topics-tablet@1x.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
}

@media (min-width: 37.5em) and (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 37.5em) and (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 37.5em) and (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 37.5em) and (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (min-width: 37.5em) and (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .page-topics .page-header {
    background-image: url("../images/headers/topics-tablet@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .page-topics .page-header {
    background-image: url(../images/headers/topics-desktop@1x.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .page-topics .page-header {
    background-image: url("../images/headers/topics-desktop@2x.jpg");
  }
}

.taxonomy-template .page-header,
.single-resource .page-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 20.5em;
  padding-bottom: 3.9375em;
}

@media (min-width: 56.25em) {
  .taxonomy-template .page-header,
  .single-resource .page-header {
    height: 22.5em;
    padding-bottom: 2.9375em;
  }
}

@media (max-width: 29.9375em) {
  .taxonomy-template .page-header,
  .single-resource .page-header {
    height: auto;
    min-height: 20.5em;
    padding-top: 5em;
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.category .page-header,
  .single-resource.category .page-header {
    background-image: url(../images/homepage-header-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.category .page-header,
  .single-resource.category .page-header {
    background-image: url("../images/homepage-header-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.category .page-header,
  .single-resource.category .page-header {
    background-image: url(../images/homepage-header-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.category .page-header,
  .single-resource.category .page-header {
    background-image: url("../images/homepage-header-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.cst .page-header,
  .single-resource.cst .page-header {
    background-image: url(../images/headers/cst-header-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.cst .page-header,
  .single-resource.cst .page-header {
    background-image: url("../images/headers/cst-header-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.cst .page-header,
  .single-resource.cst .page-header {
    background-image: url(../images/headers/cst-header-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.cst .page-header,
  .single-resource.cst .page-header {
    background-image: url("../images/headers/cst-header-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.overview-materials .page-header,
  .single-resource.overview-materials .page-header {
    background-image: url(../images/headers/cst-overview-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.overview-materials .page-header,
  .single-resource.overview-materials .page-header {
    background-image: url("../images/headers/cst-overview-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.overview-materials .page-header,
  .single-resource.overview-materials .page-header {
    background-image: url(../images/headers/cst-overview-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.overview-materials .page-header,
  .single-resource.overview-materials .page-header {
    background-image: url("../images/headers/cst-overview-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.dignity-human-person .page-header,
  .single-resource.dignity-human-person .page-header {
    background-image: url(../images/headers/dignity-human-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.dignity-human-person .page-header,
  .single-resource.dignity-human-person .page-header {
    background-image: url("../images/headers/dignity-human-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.dignity-human-person .page-header,
  .single-resource.dignity-human-person .page-header {
    background-image: url(../images/headers/dignity-human-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.dignity-human-person .page-header,
  .single-resource.dignity-human-person .page-header {
    background-image: url("../images/headers/dignity-human-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.dignity-of-work-rights-of-workers .page-header,
  .single-resource.dignity-of-work-rights-of-workers .page-header {
    background-image: url(../images/headers/dignity-work-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.dignity-of-work-rights-of-workers .page-header,
  .single-resource.dignity-of-work-rights-of-workers .page-header {
    background-image: url("../images/headers/dignity-work-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.dignity-of-work-rights-of-workers .page-header,
  .single-resource.dignity-of-work-rights-of-workers .page-header {
    background-image: url(../images/headers/dignity-work-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.dignity-of-work-rights-of-workers .page-header,
  .single-resource.dignity-of-work-rights-of-workers .page-header {
    background-image: url("../images/headers/dignity-work-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.rights-responsibilities .page-header,
  .single-resource.rights-responsibilities .page-header {
    background-image: url(../images/headers/rights-responsibilities-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.rights-responsibilities .page-header,
  .single-resource.rights-responsibilities .page-header {
    background-image: url("../images/headers/rights-responsibilities-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.rights-responsibilities .page-header,
  .single-resource.rights-responsibilities .page-header {
    background-image: url(../images/headers/rights-responsibilities-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.rights-responsibilities .page-header,
  .single-resource.rights-responsibilities .page-header {
    background-image: url("../images/headers/rights-responsibilities-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.peace-nonviolence-disarmament .page-header,
  .single-resource.peace-nonviolence-disarmament .page-header {
    background-image: url(../images/headers/peace-nonviolence-disarmament-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.peace-nonviolence-disarmament .page-header,
  .single-resource.peace-nonviolence-disarmament .page-header {
    background-image: url("../images/headers/peace-nonviolence-disarmament-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.peace-nonviolence-disarmament .page-header,
  .single-resource.peace-nonviolence-disarmament .page-header {
    background-image: url(../images/headers/peace-nonviolence-disarmament-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.peace-nonviolence-disarmament .page-header,
  .single-resource.peace-nonviolence-disarmament .page-header {
    background-image: url("../images/headers/peace-nonviolence-disarmament-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.option-for-poor-vulnerable .page-header,
  .single-resource.option-for-poor-vulnerable .page-header {
    background-image: url(../images/headers/option-poor-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.option-for-poor-vulnerable .page-header,
  .single-resource.option-for-poor-vulnerable .page-header {
    background-image: url("../images/headers/option-poor-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.option-for-poor-vulnerable .page-header,
  .single-resource.option-for-poor-vulnerable .page-header {
    background-image: url(../images/headers/option-poor-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.option-for-poor-vulnerable .page-header,
  .single-resource.option-for-poor-vulnerable .page-header {
    background-image: url("../images/headers/option-poor-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.community-common-good .page-header,
  .single-resource.community-common-good .page-header {
    background-image: url(../images/headers/common-good-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.community-common-good .page-header,
  .single-resource.community-common-good .page-header {
    background-image: url("../images/headers/common-good-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.community-common-good .page-header,
  .single-resource.community-common-good .page-header {
    background-image: url(../images/headers/common-good-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.community-common-good .page-header,
  .single-resource.community-common-good .page-header {
    background-image: url("../images/headers/common-good-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.global-solidarity .page-header,
  .single-resource.global-solidarity .page-header {
    background-image: url(../images/headers/global-solidarity-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.global-solidarity .page-header,
  .single-resource.global-solidarity .page-header {
    background-image: url("../images/headers/global-solidarity-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.global-solidarity .page-header,
  .single-resource.global-solidarity .page-header {
    background-image: url(../images/headers/global-solidarity-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.global-solidarity .page-header,
  .single-resource.global-solidarity .page-header {
    background-image: url("../images/headers/global-solidarity-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.care-for-creation .page-header,
  .single-resource.care-for-creation .page-header {
    background-image: url(../images/headers/care-for-creation-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.care-for-creation .page-header,
  .single-resource.care-for-creation .page-header {
    background-image: url("../images/headers/care-for-creation-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.care-for-creation .page-header,
  .single-resource.care-for-creation .page-header {
    background-image: url(../images/headers/care-for-creation-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.care-for-creation .page-header,
  .single-resource.care-for-creation .page-header {
    background-image: url("../images/headers/care-for-creation-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.social-justice-topics .page-header,
  .single-resource.social-justice-topics .page-header {
    background-image: url(../images/headers/sjt-header-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.social-justice-topics .page-header,
  .single-resource.social-justice-topics .page-header {
    background-image: url("../images/headers/sjt-header-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.social-justice-topics .page-header,
  .single-resource.social-justice-topics .page-header {
    background-image: url(../images/headers/sjt-header-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.social-justice-topics .page-header,
  .single-resource.social-justice-topics .page-header {
    background-image: url("../images/headers/sjt-header-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.saints-martyrs-heroes .page-header,
  .single-resource.saints-martyrs-heroes .page-header {
    background-image: url(../images/headers/saints-martyrs-heroes-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.saints-martyrs-heroes .page-header,
  .single-resource.saints-martyrs-heroes .page-header {
    background-image: url("../images/headers/saints-martyrs-heroes-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.saints-martyrs-heroes .page-header,
  .single-resource.saints-martyrs-heroes .page-header {
    background-image: url(../images/headers/saints-martyrs-heroes-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.saints-martyrs-heroes .page-header,
  .single-resource.saints-martyrs-heroes .page-header {
    background-image: url("../images/headers/saints-martyrs-heroes-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.region .page-header,
  .single-resource.region .page-header {
    background-image: url(../images/headers/regions-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.region .page-header,
  .single-resource.region .page-header {
    background-image: url("../images/headers/regions-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.region .page-header,
  .single-resource.region .page-header {
    background-image: url(../images/headers/regions-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.region .page-header,
  .single-resource.region .page-header {
    background-image: url("../images/headers/regions-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.spanish .page-header,
  .single-resource.spanish .page-header {
    background-image: url(../images/headers/spanish-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.spanish .page-header,
  .single-resource.spanish .page-header {
    background-image: url("../images/headers/spanish-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.spanish .page-header,
  .single-resource.spanish .page-header {
    background-image: url(../images/headers/spanish-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.spanish .page-header,
  .single-resource.spanish .page-header {
    background-image: url("../images/headers/spanish-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.activity .page-header,
  .single-resource.activity .page-header {
    background-image: url(../images/headers/activity-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.activity .page-header,
  .single-resource.activity .page-header {
    background-image: url("../images/headers/activity-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.activity .page-header,
  .single-resource.activity .page-header {
    background-image: url(../images/headers/activity-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.activity .page-header,
  .single-resource.activity .page-header {
    background-image: url("../images/headers/activity-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.book-discussion-guide .page-header,
  .single-resource.book-discussion-guide .page-header {
    background-image: url(../images/headers/book-discussion-guide-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.book-discussion-guide .page-header,
  .single-resource.book-discussion-guide .page-header {
    background-image: url("../images/headers/book-discussion-guide-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.book-discussion-guide .page-header,
  .single-resource.book-discussion-guide .page-header {
    background-image: url(../images/headers/book-discussion-guide-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.book-discussion-guide .page-header,
  .single-resource.book-discussion-guide .page-header {
    background-image: url("../images/headers/book-discussion-guide-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.calendar .page-header,
  .single-resource.calendar .page-header {
    background-image: url(../images/headers/calendar-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.calendar .page-header,
  .single-resource.calendar .page-header {
    background-image: url("../images/headers/calendar-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.calendar .page-header,
  .single-resource.calendar .page-header {
    background-image: url(../images/headers/calendar-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.calendar .page-header,
  .single-resource.calendar .page-header {
    background-image: url("../images/headers/calendar-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.creative-voice .page-header,
  .single-resource.creative-voice .page-header {
    background-image: url(../images/headers/creative-voice-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.creative-voice .page-header,
  .single-resource.creative-voice .page-header {
    background-image: url("../images/headers/creative-voice-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.creative-voice .page-header,
  .single-resource.creative-voice .page-header {
    background-image: url(../images/headers/creative-voice-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.creative-voice .page-header,
  .single-resource.creative-voice .page-header {
    background-image: url("../images/headers/creative-voice-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.fact-sheet .page-header,
  .taxonomy-template.handout .page-header,
  .single-resource.fact-sheet .page-header,
  .single-resource.handout .page-header {
    background-image: url(../images/headers/fact-sheet-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.fact-sheet .page-header,
  .taxonomy-template.handout .page-header,
  .single-resource.fact-sheet .page-header,
  .single-resource.handout .page-header {
    background-image: url("../images/headers/fact-sheet-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.fact-sheet .page-header,
  .taxonomy-template.handout .page-header,
  .single-resource.fact-sheet .page-header,
  .single-resource.handout .page-header {
    background-image: url(../images/headers/fact-sheet-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.fact-sheet .page-header,
  .taxonomy-template.handout .page-header,
  .single-resource.fact-sheet .page-header,
  .single-resource.handout .page-header {
    background-image: url("../images/headers/fact-sheet-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.film-discussion-guide .page-header,
  .single-resource.film-discussion-guide .page-header {
    background-image: url(../images/headers/film-discussion-guide-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.film-discussion-guide .page-header,
  .single-resource.film-discussion-guide .page-header {
    background-image: url("../images/headers/film-discussion-guide-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.film-discussion-guide .page-header,
  .single-resource.film-discussion-guide .page-header {
    background-image: url(../images/headers/film-discussion-guide-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.film-discussion-guide .page-header,
  .single-resource.film-discussion-guide .page-header {
    background-image: url("../images/headers/film-discussion-guide-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.lectionary-reflection .page-header,
  .single-resource.lectionary-reflection .page-header {
    background-image: url(../images/headers/lectionary-reflection-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.lectionary-reflection .page-header,
  .single-resource.lectionary-reflection .page-header {
    background-image: url("../images/headers/lectionary-reflection-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.lectionary-reflection .page-header,
  .single-resource.lectionary-reflection .page-header {
    background-image: url(../images/headers/lectionary-reflection-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.lectionary-reflection .page-header,
  .single-resource.lectionary-reflection .page-header {
    background-image: url("../images/headers/lectionary-reflection-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.lesson-plan .page-header,
  .single-resource.lesson-plan .page-header {
    background-image: url(../images/headers/lesson-plan-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.lesson-plan .page-header,
  .single-resource.lesson-plan .page-header {
    background-image: url("../images/headers/lesson-plan-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.lesson-plan .page-header,
  .single-resource.lesson-plan .page-header {
    background-image: url(../images/headers/lesson-plan-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.lesson-plan .page-header,
  .single-resource.lesson-plan .page-header {
    background-image: url("../images/headers/lesson-plan-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.litany .page-header,
  .single-resource.litany .page-header {
    background-image: url(../images/headers/litany-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.litany .page-header,
  .single-resource.litany .page-header {
    background-image: url("../images/headers/litany-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.litany .page-header,
  .single-resource.litany .page-header {
    background-image: url(../images/headers/litany-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.litany .page-header,
  .single-resource.litany .page-header {
    background-image: url("../images/headers/litany-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.prayer .page-header,
  .single-resource.prayer .page-header {
    background-image: url(../images/headers/prayer-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.prayer .page-header,
  .single-resource.prayer .page-header {
    background-image: url("../images/headers/prayer-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.prayer .page-header,
  .single-resource.prayer .page-header {
    background-image: url(../images/headers/prayer-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.prayer .page-header,
  .single-resource.prayer .page-header {
    background-image: url("../images/headers/prayer-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.prayer-service .page-header,
  .single-resource.prayer-service .page-header {
    background-image: url(../images/headers/prayer-service-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.prayer-service .page-header,
  .single-resource.prayer-service .page-header {
    background-image: url("../images/headers/prayer-service-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.prayer-service .page-header,
  .single-resource.prayer-service .page-header {
    background-image: url(../images/headers/prayer-service-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.prayer-service .page-header,
  .single-resource.prayer-service .page-header {
    background-image: url("../images/headers/prayer-service-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.quiz .page-header,
  .single-resource.quiz .page-header {
    background-image: url(../images/headers/quiz-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.quiz .page-header,
  .single-resource.quiz .page-header {
    background-image: url("../images/headers/quiz-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.quiz .page-header,
  .single-resource.quiz .page-header {
    background-image: url(../images/headers/quiz-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.quiz .page-header,
  .single-resource.quiz .page-header {
    background-image: url("../images/headers/quiz-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.reflection .page-header,
  .single-resource.reflection .page-header {
    background-image: url(../images/headers/reflection-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.reflection .page-header,
  .single-resource.reflection .page-header {
    background-image: url("../images/headers/reflection-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.reflection .page-header,
  .single-resource.reflection .page-header {
    background-image: url(../images/headers/reflection-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.reflection .page-header,
  .single-resource.reflection .page-header {
    background-image: url("../images/headers/reflection-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.retreat .page-header,
  .single-resource.retreat .page-header {
    background-image: url(../images/headers/retreat-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.retreat .page-header,
  .single-resource.retreat .page-header {
    background-image: url("../images/headers/retreat-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.retreat .page-header,
  .single-resource.retreat .page-header {
    background-image: url(../images/headers/retreat-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.retreat .page-header,
  .single-resource.retreat .page-header {
    background-image: url("../images/headers/retreat-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.toolbox .page-header,
  .single-resource.toolbox .page-header {
    background-image: url(../images/headers/toolbox-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.toolbox .page-header,
  .single-resource.toolbox .page-header {
    background-image: url("../images/headers/toolbox-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.toolbox .page-header,
  .single-resource.toolbox .page-header {
    background-image: url(../images/headers/toolbox-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.toolbox .page-header,
  .single-resource.toolbox .page-header {
    background-image: url("../images/headers/toolbox-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.unit .page-header,
  .single-resource.unit .page-header {
    background-image: url(../images/headers/unit-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.unit .page-header,
  .single-resource.unit .page-header {
    background-image: url("../images/headers/unit-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.unit .page-header,
  .single-resource.unit .page-header {
    background-image: url(../images/headers/unit-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.unit .page-header,
  .single-resource.unit .page-header {
    background-image: url("../images/headers/unit-desktop@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .taxonomy-template.video .page-header,
  .single-resource.video .page-header {
    background-image: url(../images/headers/video-mobile@1x.jpg);
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.video .page-header,
  .single-resource.video .page-header {
    background-image: url("../images/headers/video-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template.video .page-header,
  .single-resource.video .page-header {
    background-image: url(../images/headers/video-desktop@1x.jpg);
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .taxonomy-template.video .page-header,
  .single-resource.video .page-header {
    background-image: url("../images/headers/video-desktop@2x.jpg");
  }
}

.taxonomy-template .intro,
.taxonomy-template .view-resource,
.single-resource .intro,
.single-resource .view-resource {
  padding-bottom: 4.375em;
  padding-top: 2.25em;
  position: relative;
  z-index: 2;
}

@media (min-width: 56.25em) {
  .taxonomy-template .intro,
  .taxonomy-template .view-resource,
  .single-resource .intro,
  .single-resource .view-resource {
    padding-bottom: 6.5625em;
    padding-top: 2.25em;
  }
}

.taxonomy-template .intro p + p,
.taxonomy-template .intro p + ul,
.taxonomy-template .intro p + ol,
.taxonomy-template .intro ul + p,
.taxonomy-template .intro ol + p,
.taxonomy-template .view-resource p + p,
.taxonomy-template .view-resource p + ul,
.taxonomy-template .view-resource p + ol,
.taxonomy-template .view-resource ul + p,
.taxonomy-template .view-resource ol + p,
.single-resource .intro p + p,
.single-resource .intro p + ul,
.single-resource .intro p + ol,
.single-resource .intro ul + p,
.single-resource .intro ol + p,
.single-resource .view-resource p + p,
.single-resource .view-resource p + ul,
.single-resource .view-resource p + ol,
.single-resource .view-resource ul + p,
.single-resource .view-resource ol + p {
  margin-top: 1.5em;
}

.taxonomy-template .intro ul,
.taxonomy-template .view-resource ul,
.single-resource .intro ul,
.single-resource .view-resource ul {
  margin: 0;
  padding-left: 1.5em;
}

.taxonomy-template .intro .image,
.taxonomy-template .view-resource .image,
.single-resource .intro .image,
.single-resource .view-resource .image {
  display: none;
}

@media (min-width: 56.25em) {
  .taxonomy-template .intro .image,
  .taxonomy-template .view-resource .image,
  .single-resource .intro .image,
  .single-resource .view-resource .image {
    display: block;
    float: right;
    position: relative;
    width: 25em;
    z-index: 2;
  }

  .taxonomy-template .intro .image img,
  .taxonomy-template .view-resource .image img,
  .single-resource .intro .image img,
  .single-resource .view-resource .image img {
    box-shadow: 0 2px 20px 0 rgba(151, 151, 151, 0.31);
    width: 100%;
  }
}

@media (min-width: 56.25em) {
  .taxonomy-template .intro .content,
  .taxonomy-template .view-resource .content,
  .single-resource .intro .content,
  .single-resource .view-resource .content {
    position: relative;
    width: 72ch;
    z-index: 3;
  }

  .taxonomy-template .intro .content.with-image,
  .taxonomy-template .view-resource .content.with-image,
  .single-resource .intro .content.with-image,
  .single-resource .view-resource .content.with-image {
    min-height: 16.25em;
    width: 46.48%;
  }
}

.breadcrumbs {
  margin-bottom: 3.875em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "ff-meta-serif-web-pro", serif;
  font-style: italic;
}

@media (min-width: 56.25em) {
  .taxonomy-template:not(.category) .intro .content {
    min-height: 0;
  }
}

.pdf-preview {
  clear: both;
  padding-top: 3em;
  position: relative;
  z-index: 2;
}

@media (min-width: 56.25em) {
  .taxonomy-template .intro .image::after {
    background: url(../images/intro-triangles.png) no-repeat;
    background-size: 249px 249px;
    content: '';
    display: block;
    height: 15.5625em;
    position: absolute;
    left: -84px;
    bottom: -105px;
    width: 15.5625em;
    z-index: -1;
  }
}

@media (min-width: 56.25em) {
  .single-resource .view-resource {
    min-height: 46.875em;
  }

  .single-resource .view-resource .image::after {
    background: url(../images/five-squares.png) no-repeat;
    background-size: 203px 203px;
    content: '';
    display: block;
    height: 12.6875em;
    position: absolute;
    left: -103px;
    bottom: -93px;
    width: 12.6875em;
    z-index: -1;
  }
}

.single-resource .downloadable-resources {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.single-resource .downloadable-resources li {
  font-family: "ff-meta-serif-web-pro", serif;
  font-style: italic;
  margin-top: 0.5em;
  padding-left: 1.625em;
}

.single-resource .downloadable-resources li .icon {
  background: url(../images/sprite.png) no-repeat -83px -29px;
  background-size: 100px 450px;
  display: inline-block;
  float: left;
  height: 0.875em;
  margin-left: -1.625em;
  margin-top: 0.25em;
  width: 0.875em;
}

.single-resource .sample-resources {
  font-family: "ff-meta-serif-web-pro", serif;
  font-style: italic;
  margin-top: 1.3125em;
}

.single-resource .date-added {
  font-family: "ff-meta-serif-web-pro", serif;
  font-style: italic;
  margin-top: 1.3125em;
}

#browse-resources,
.search-results {
  padding-bottom: 6.5625em;
  position: relative;
}

@media (min-width: 56.25em) {
  #browse-resources,
  .search-results {
    padding-bottom: 4.0625em;
    padding-top: 4.0625em;
  }
}

#browse-resources .count.header {
  font-size: 0.9375em;
  line-height: 2.8666666667em;
  margin-bottom: 0.7333333333em;
}

.search-results {
  min-height: -webkit-calc(100vh - 669px);
  min-height: calc(100vh - 669px);
  padding-top: 1.3125em;
}

@media (min-width: 56.25em) {
  .search-results {
    min-height: -webkit-calc(100vh - 714px);
    min-height: calc(100vh - 714px);
    padding-top: 4.0625em;
  }
}

.back-to-top {
  background: url(../images/sprite.png) no-repeat 0 -200px;
  background-size: 100px 450px;
  box-shadow: 0 2px 14px rgba(133, 133, 133, 0.09);
  display: block;
  height: 3.8125em;
  opacity: .9;
  overflow: hidden;
  position: fixed;
  right: 0.9375em;
  bottom: 0.9375em;
  text-indent: -999em;
  width: 3.75em;
  z-index: 1;
}

@media (min-width: 37.5em) {
  .back-to-top {
    right: 8.472%;
  }
}

@media (min-width: 56.25em) {
  .back-to-top {
    opacity: 1;
  }
}

@media (min-width: 90em) {
  .back-to-top {
    right: 50%;
    margin-right: -42.1875em;
  }
}

.sorting {
  display: none;
}

@media (min-width: 37.5em) {
  .sorting {
    color: #53536C;
    display: block;
    font-size: 0.9375em;
    line-height: 1.3333333333em;
    height: 1.3333333333em;
    margin-bottom: 1.8em;
  }
}

.sorting .count {
  float: left;
}

.sorting .sort {
  float: right;
}

.sorting .sort select {
  background: url(../images/sprite.png) no-repeat right -31px;
  background-size: 50px 225px;
  border: 0;
  padding-right: 1.2em;
  -webkit-appearance: none;
}

.view-more {
  margin-top: 4.875em;
  text-align: center;
}

.view-more .count {
  color: #ABABAB;
  display: none;
  font-size: 0.875em;
  line-height: 1.2857142857em;
  margin: 1.7142857143em auto 0;
}

@media (min-width: 37.5em) {
  .view-more .count {
    display: inline-block;
  }
}

.load-more-btn a {
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  display: inline-block;
  font-family: "gira-sans", sans-serif;
  font-size: 0.9375em;
  font-style: normal;
  height: 3.2em;
  line-height: 3.2em;
  padding: 0 0.9333333333em;
  text-align: center;
  background-color: #0FA1D7;
  border-radius: 3px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.16);
  color: white;
  -webkit-transition: .4s ease-in;
  transition: .4s ease-in;
}

.load-more-btn a:hover {
  background-color: #0c7da7;
  color: white;
}

.search-heading {
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 1.75em;
  font-weight: 400;
  margin-bottom: 1.1428571429em;
}

.search-again h3 {
  font-size: 1em;
  font-weight: 400;
  margin-bottom: 0.75em;
}

#materials-listing {
  padding-top: 3.3125em;
  padding-bottom: 3.3125em;
}

#materials-listing ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

@supports (display: grid) {
  #materials-listing ol {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-gap: 25px;
    text-align: left;
  }

@media (min-width: 56.25em) {
    #materials-listing ol {
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
}
}

#materials-listing li {
  display: inline-block;
  margin: 0 0.75em 1.5625em;
  vertical-align: top;
  width: 9.375em;
}

@supports (display: grid) {
  #materials-listing li {
    display: block;
    margin: 0;
    width: auto;
  }
}

@media (min-width: 56.25em) {
  #materials-listing li {
    width: 11.25em;
  }

@supports (display: grid) {
    #materials-listing li {
      width: auto;
    }
}
}

#materials-listing svg {
  display: block;
  margin: 0 auto 10px;
  fill: #0fa1d7;
  height: 2.1666666667em;
}

#materials-listing .activity svg {
  width: 2.4166666667em;
}

#materials-listing .book-discussion-guide svg {
  width: 3em;
}

#materials-listing .bulletin-insert svg {
  width: 2.0833333333em;
}

#materials-listing .calendar svg {
  width: 2.3333333333em;
}

#materials-listing .creative-voice svg {
  width: 2.4166666667em;
}

#materials-listing .fact-sheet-handout svg {
  width: 2em;
}

#materials-listing .film-discussion-guide svg {
  width: 3.3333333333em;
}

#materials-listing .lectionary-reflection svg {
  width: 1.6666666667em;
}

#materials-listing .lesson-plan svg {
  width: 3.9166666667em;
}

#materials-listing .litany svg {
  width: 2.1666666667em;
}

#materials-listing .prayer svg {
  width: 2.1666666667em;
}

#materials-listing .prayer-service svg {
  width: 1.8333333333em;
}

#materials-listing .quiz svg {
  width: 2.1666666667em;
}

#materials-listing .reflection svg {
  width: 1.8333333333em;
}

#materials-listing .retreat svg {
  width: 2.1666666667em;
}

#materials-listing .toolbox svg {
  width: 2.6666666667em;
}

#materials-listing .unit svg {
  width: 2.1666666667em;
}

#materials-listing .video svg {
  width: 2.5em;
}

#materials-listing span {
  display: block;
  text-align: center;
}

#materials-listing a {
  background-color: white;
  box-shadow: 0 2px 20px rgba(150, 150, 150, 0.19);
  display: block;
  font-family: "gira-sans", sans-serif;
  font-size: 0.75em;
  font-style: normal;
  height: 100%;
  padding: 0.9375em;
}

#materials-listing a:hover {
  box-shadow: 0 2px 20px rgba(150, 150, 150, 0.4);
}

#materials-listing a:hover svg {
  fill: #0c7da7;
}

#topics-listing {
  padding-top: 3.3125em;
  padding-bottom: 3.3125em;
}

@media (min-width: 56.25em) {
  #topics-listing {
    overflow: hidden;
  }

  #topics-listing .cst-listing {
    float: left;
    width: -webkit-calc(40% - 13px);
    width: calc(40% - 13px);
  }

  #topics-listing .social-justice-listing {
    float: left;
    margin-left: 1.625em;
    width: -webkit-calc(60% - 13px);
    width: calc(60% - 13px);
  }

  #topics-listing .social-justice-listing ol {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1.5625em;
    -moz-column-gap: 1.5625em;
    column-gap: 1.5625em;
  }

  #topics-listing .saints-martyrs-heroes-listing {
    clear: both;
    float: left;
    width: -webkit-calc(60% - 13px);
    width: calc(60% - 13px);
    padding-top: 1.625em;
  }

  #topics-listing .saints-martyrs-heroes-listing ol {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1.5625em;
    -moz-column-gap: 1.5625em;
    column-gap: 1.5625em;
  }

  #topics-listing .regions-listing {
    float: right;
    padding-top: 1.625em;
    width: -webkit-calc(40% - 13px);
    width: calc(40% - 13px);
  }

  #topics-listing .spanish-listing {
    clear: right;
    float: right;
    padding-top: 1.625em;
    width: -webkit-calc(40% - 13px);
    width: calc(40% - 13px);
  }

@supports (display: grid) {
    #topics-listing {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      grid-gap: 1.5625em;
    }

    #topics-listing .cst-listing {
      grid-column: 1 / span 2;
      width: auto;
    }

    #topics-listing .social-justice-listing {
      grid-column: 3 / span 3;
      margin-left: 0;
      width: auto;
    }

    #topics-listing .saints-martyrs-heroes-listing {
      grid-column: 1 / span 3;
      grid-row: 2 / span 2;
      padding-top: 0;
      width: auto;
    }

    #topics-listing .regions-listing {
      grid-column: 4 / span 2;
      grid-row: 2 / span 1;
      padding-top: 0;
      width: auto;
    }

    #topics-listing .spanish-listing {
      grid-column: 4 / span 2;
      grid-row: 3 / span 1;
      padding-top: 0;
      width: auto;
    }
}
}

@media (min-width: 75em) {
  #topics-listing .cst-listing {
    float: left;
    width: -webkit-calc(44.444% - 15px);
    width: calc(44.444% - 15px);
  }

  #topics-listing .social-justice-listing {
    float: right;
    margin-left: 1.875em;
    width: -webkit-calc(55.556% - 15px);
    width: calc(55.556% - 15px);
  }

  #topics-listing .social-justice-listing ol {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25em;
    -moz-column-gap: 1.25em;
    column-gap: 1.25em;
  }

  #topics-listing .saints-martyrs-heroes-listing {
    clear: both;
    float: left;
    width: -webkit-calc(55.556% - 20px);
    width: calc(55.556% - 20px);
    padding-top: 2.5em;
  }

  #topics-listing .saints-martyrs-heroes-listing ol {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25em;
    -moz-column-gap: 1.25em;
    column-gap: 1.25em;
  }

  #topics-listing .regions-listing {
    float: left;
    margin-left: 1.875em;
    padding-top: 2.5em;
    width: -webkit-calc(22.222% - 20px);
    width: calc(22.222% - 20px);
  }

  #topics-listing .spanish-listing {
    float: right;
    margin-left: 1.875em;
    padding-top: 2.5em;
    width: -webkit-calc(22.222% - 20px);
    width: calc(22.222% - 20px);
  }

@supports (display: grid) {
    #topics-listing {
      grid-template-columns: repeat(9, 1fr);
      grid-gap: 2.5em;
    }

    #topics-listing .cst-listing {
      grid-column: 1 / span 4;
      width: auto;
    }

    #topics-listing .social-justice-listing {
      grid-column: 5 / span 6;
      margin-left: 0;
      width: auto;
    }

    #topics-listing .saints-martyrs-heroes-listing {
      grid-column: 1 / span 6;
      grid-row: 2 / span 1;
      padding-top: 0;
      width: auto;
    }

    #topics-listing .regions-listing {
      grid-column: 7 / span 2;
      grid-row: 2 / span 1;
      margin-left: 0;
      padding-top: 0;
      width: auto;
    }

    #topics-listing .spanish-listing {
      grid-column: 9 / span 1;
      grid-row: 2 / span 1;
      margin-left: 0;
      padding-top: 0;
      width: auto;
    }
}
}

#topics-listing ol {
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 0.9375em;
}

@media (min-width: 56.25em) {
  #topics-listing ol {
    display: block !important;
    padding: 0;
  }
}

#topics-listing > div > a {
  background-color: transparent;
  color: #404052;
  display: block;
  font-family: "gira-sans", sans-serif;
  font-size: 0.9375em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3333333333em;
  border-bottom: 2px solid #0FA1D7;
  margin-top: 1.0666666667em;
  padding-bottom: 0.3333333333em;
}

@media (min-width: 56.25em) {
  #topics-listing > div > a {
    margin-bottom: 1.0666666667em;
    margin-top: 0;
  }
}

#topics-listing .view-subcategories {
  color: #0FA1D7;
  font-size: 0.875em;
}

@media (min-width: 56.25em) {
  #topics-listing .view-subcategories {
    display: none;
  }
}

.category-list {
  position: relative;
  margin-top: 1.5em;
  z-index: 5;
}

.category-list ul {
  margin: 0;
  padding: 0 0 0 1.5em;
}

@media (min-width: 48em) {
  .saints-martyrs-heroes .category-list ul,
  .social-justice-topics .category-list ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 2.25em;
    -moz-column-gap: 2.25em;
    column-gap: 2.25em;
  }
}

@media (min-width: 56.25em) {
  .saints-martyrs-heroes .category-list ul,
  .social-justice-topics .category-list ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}

@media (min-width: 75em) {
  .saints-martyrs-heroes .category-list ul,
  .social-justice-topics .category-list ul {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 3em;
  }
}

.single-page-template .page-header {
  overflow-x: hidden;
  height: 18.3125em;
  padding-top: 7.875em;
}

.single-page-template .page-header > * {
  position: relative;
  z-index: 2;
}

@media (max-width: 56.1875em) {
  .single-page-template .page-header {
    background-image: url(../images/profile-header-mobile@1x.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .single-page-template .page-header {
    background-image: url("../images/profile-header-mobile@2x.jpg");
  }
}

@media (max-width: 56.1875em) {
  .single-page-template .page-header::after {
    background-image: url(../images/geometric-shape-mobile@1x.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 900px 63px;
    content: '';
    height: 3.9375em;
    left: 0;
    position: absolute;
    top: 0;
    width: 56.25em;
    z-index: 1;
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .single-page-template .page-header::after {
    background-image: url("../images/geometric-shape-mobile@2x.png");
  }
}

@media (min-width: 56.25em) {
  .single-page-template .page-header {
    background-image: url(../images/profile-header-desktop@1x.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    height: 24.5625em;
    padding-top: 13.375em;
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .single-page-template .page-header {
    background-image: url("../images/profile-header-desktop@2x.jpg");
  }
}

.page-404.single-page-template .page-header {
  height: 32.0625em;
}

@media (max-width: 56.1875em) {
  .page-404.single-page-template .page-header {
    background-image: url(../images/404-header-mobile@1x.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .page-404.single-page-template .page-header {
    background-image: url("../images/404-header-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .page-404.single-page-template .page-header {
    background-image: url(../images/404-header-desktop@1x.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    height: 44.125em;
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .page-404.single-page-template .page-header {
    background-image: url("../images/404-header-desktop@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .page-404.single-page-template .page-heading {
    margin-bottom: 0.5714285714em;
  }
}

@media (max-width: 56.1875em) {
  .page-act-now.single-page-template .page-header {
    background-image: url(../images/headers/act-now-header-mobile@1x.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .page-act-now.single-page-template .page-header {
    background-image: url("../images/headers/act-now-header-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .page-act-now.single-page-template .page-header {
    background-image: url(../images/headers/act-now-header-desktop@1x.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .page-act-now.single-page-template .page-header {
    background-image: url("../images/headers/act-now-header-desktop@2x.jpg");
  }
}

.single-page-content {
  padding-bottom: 3.9375em;
  padding-top: 3.9375em;
}

@media (max-width: 56.1875em) {
  .single-page-content {
    background-image: url(../images/entire-line-mobile.png);
    background-repeat: repeat-x;
    background-size: 320px 61px;
    background-position: center top;
  }
}

@media (min-width: 56.25em) {
  .single-page-content {
    background-image: url(../images/entire-line-desktop.png);
    background-repeat: repeat-x;
    background-size: 1415px 122px;
    background-position: center top;
    padding-top: 6em;
    padding-bottom: 6em;
  }
}

.single-page-content > * {
  max-width: 60ch;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .single-page-content > * {
    max-width: 38em;
  }
}

.single-page-content p + p {
  margin-top: 1.5em;
}

.single-page-content p + h3 {
  margin-top: 1.5em;
}

.single-page-content p + h4 {
  margin-top: 2em;
}

.single-page-content h3 {
  color: #53536C;
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.125em;
  margin-bottom: 0.75em;
}

.single-page-content h4 {
  font-size: 1.125em;
  line-height: 1.3333333333em;
  margin-bottom: 1.3333333333em;
}

.single-page-content a.primary-btn {
  margin: 2.2666666667em 0 1.6em;
}

.single-page-content form {
  margin-top: 1.5em;
  margin-bottom: 3em;
}

.footnote {
  font-size: 0.8125em;
  line-height: 1.6153846154em;
}

.page-membership .page-header {
  color: white;
  padding-bottom: 2.25em;
  padding-top: 8em;
}

@media (max-width: 56.1875em) {
  .page-membership .page-header {
    background-image: url(../images/headers/membership-mobile@1x.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .page-membership .page-header {
    background-image: url("../images/headers/membership-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .page-membership .page-header {
    background-image: url(../images/headers/membership-desktop@1x.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    min-height: none;
    padding-bottom: 5.875em;
    padding-top: 10.125em;
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .page-membership .page-header {
    background-image: url("../images/headers/membership-desktop@2x.jpg");
  }
}

.page-membership .page-header .lede {
  font-size: 1.3125em;
  line-height: 1.380952381em;
  margin-bottom: 1.7142857143em;
}

@media (min-width: 56.25em) {
  .page-membership .page-header .lede {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.75em;
    line-height: 1.3571428571em;
    margin-bottom: 1.4285714286em;
    max-width: 40ch;
  }
}

.benefits h3 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125em;
  line-height: 1;
  margin-bottom: 1.3888888889em;
}

@media (min-width: 56.25em) {
  .benefits-listing {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.benefit:not(:first-child) {
  margin-top: 1.5em;
}

.benefit .icon {
  margin-bottom: 1em;
}

@media (min-width: 56.25em) {
  .benefit {
    padding-right: 2.625em;
    width: 33.333%;
  }

  .benefit:not(:first-child) {
    margin-top: 0;
  }
}

.benefits-description {
  font-size: 1.125em;
  line-height: 1.5em;
}

.membership-types {
  padding-bottom: 4.125em;
  padding-top: 1.0625em;
}

@media (max-width: 56.1875em) {
  .membership-types {
    background-image: url(../images/entire-line-mobile.png);
    background-repeat: repeat-x;
    background-size: 320px 61px;
    background-position: center top;
  }
}

@media (min-width: 56.25em) {
  .membership-types {
    background-image: url(../images/entire-line-desktop.png);
    background-repeat: repeat-x;
    background-size: 1415px 122px;
    background-position: center top;
    padding-top: 4.75em;
    padding-bottom: 3.625em;
  }
}

.membership-types .section-heading {
  margin-bottom: 1.375em;
}

@media (min-width: 56.25em) {
  .membership-types .section-heading {
    margin-bottom: 1.5em;
  }
}

.membership-types-listing {
  margin-bottom: 3.625em;
}

@media (min-width: 56.25em) {
  .membership-types-listing {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 3.875em;
  }
}

.membership-types-listing > div,
.membership-types-listing > form {
  box-shadow: 0 2px 20px rgba(211, 211, 211, 0.42);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 2.625em 1.25em;
  margin-left: auto;
  margin-right: auto;
  max-width: 29.875em;
}

.membership-types-listing > div:not(:first-child),
.membership-types-listing > form:not(:first-child) {
  margin-top: 2.5em;
}

@media (min-width: 56.25em) {
  .membership-types-listing > div,
  .membership-types-listing > form {
    padding: 2.1875em 1.875em;
    max-width: 20.75em;
    width: 31%;
  }

  .membership-types-listing > div:not(:first-child),
  .membership-types-listing > form:not(:first-child) {
    margin-top: 0;
  }
}

.membership-types-listing .icon {
  margin: 0 auto 2.1875em;
  text-align: center;
}

.membership-types-listing h3 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 1.375em;
  font-weight: 400;
  line-height: 1.4545454545em;
  margin-bottom: 1.7272727273em;
  text-align: center;
}

.membership-types-listing p,
.membership-types-listing label {
  color: #B3B3B3;
}

.membership-types-listing p strong,
.membership-types-listing label strong {
  color: #404052;
  font-weight: 600;
}

.membership-types-listing .primary-btn {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  box-shadow: none;
  display: block;
  font-size: 1.0625em;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 500;
  height: 2.2941176471em;
  line-height: 2.2941176471em;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 10.1176470588em;
}

@media (max-width: 56.1875em) {
  .membership-types-listing .individual-membership {
    height: 25em;
  }

  .membership-types-listing .individual-membership h3 + p {
    text-align: center;
  }

  .membership-types-listing .institutional-membership {
    height: 25em;
  }

  .membership-types-listing .institutional-membership h3 + p {
    max-width: 21.875em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

.membership-types-listing .individual-membership .icon {
  height: 3.1875em;
  width: 5.25em;
}

.membership-types-listing .individual-membership p {
  font-size: 0.875em;
  line-height: 1.7142857143em;
}

.membership-types-listing .individual-membership strong {
  display: block;
}

.membership-types-listing .group-membership .icon {
  height: 3.375em;
  width: 4.9375em;
}

.membership-types-listing .group-membership ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

@media (min-width: 56.25em) {
  .membership-types-listing .group-membership ol {
    margin-bottom: 2.1875em;
  }
}

.membership-types-listing .group-membership li {
  font-size: 0.875em;
  line-height: 1.7142857143em;
  padding-left: 1.9285714286em;
  position: relative;
}

.membership-types-listing .group-membership li:not(:first-child) {
  margin-top: 1em;
}

.membership-types-listing .group-membership label::before {
  background: url(../images/sprite.png) no-repeat 0 -23px;
  background-size: 100px 450px;
  content: '';
  display: block;
  height: 1.2142857143em;
  position: absolute;
  top: 2px;
  left: 0;
  width: 1.2142857143em;
  z-index: 1;
}

.membership-types-listing .group-membership input:checked + label::before {
  background-position: 0 0;
}

.membership-types-listing .group-membership input {
  display: block;
  position: absolute;
  top: 2px;
  height: 1.2142857143em;
  left: 0;
  opacity: 0;
  width: 1.2142857143em;
  z-index: 2;
}

.membership-types-listing .institutional-membership .icon {
  height: 3.4375em;
  width: 5.9375em;
}

.membership-types-listing .institutional-membership p {
  font-size: 0.875em;
  line-height: 1.7142857143em;
}

.membership-types-listing .institutional-membership p + p {
  margin-top: 3.4285714286em;
}

.subsidized-rates {
  font-size: 0.8125em;
  line-height: 1.6153846154em;
  margin-bottom: 1.8461538462em;
}

@media (min-width: 56.25em) {
  .subsidized-rates {
    margin-bottom: 3.6923076923em;
  }
}

.already-user h4 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.already-user p {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "ff-meta-serif-web-pro", serif;
}

.free-trial {
  padding-bottom: 2.625em;
  padding-top: 1.0625em;
}

@media (max-width: 56.1875em) {
  .free-trial {
    background-image: url(../images/entire-line-mobile.png);
    background-repeat: repeat-x;
    background-size: 320px 61px;
    background-position: center top;
  }
}

@media (min-width: 56.25em) {
  .free-trial {
    background-image: url(../images/entire-line-desktop.png);
    background-repeat: repeat-x;
    background-size: 1415px 122px;
    background-position: center top;
    padding-top: 4.75em;
    padding-bottom: 9.8125em;
  }
}

.free-trial .section-heading {
  margin-bottom: 1.09375em;
}

@media (min-width: 56.25em) {
  .free-trial .section-heading {
    margin-bottom: 0.8571428571em;
  }
}

.free-trial p {
  color: #53536C;
  font-weight: 300;
}

@media (min-width: 56.25em) {
  .free-trial p {
    max-width: 29.8125em;
  }
}

.free-trial .section-heading + p {
  margin-bottom: 1.875em;
}

@media (min-width: 56.25em) {
  .free-trial .section-heading + p {
    margin-bottom: 2.5em;
  }
}

.free-trial .cta form {
  display: inline-block;
  margin-right: 2.6em;
}

@media (min-width: 29.25em) {
  .free-trial .cta form {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
  }
}

.free-trial .cta form + .btn {
  margin-top: 1.4666666667em;
}

@media (min-width: 29.25em) {
  .free-trial .cta form + .btn {
    margin-top: 0;
  }
}

.free-trial .disclaimer {
  font-size: 0.8125em;
  line-height: 1.6153846154em;
  margin-top: 2.6153846154em;
  max-width: 36.6923076923em;
}

@media (min-width: 56.25em) {
  .free-trial .disclaimer {
    margin-top: 4.3076923077em;
  }
}

.donations {
  color: white;
  padding-bottom: 2.75em;
  padding-top: 3.1875em;
}

@media (max-width: 56.1875em) {
  .donations {
    background-image: url(../images/shapes-3-mobile.png), -webkit-linear-gradient(325deg, rgba(190, 248, 137, 0.68) 0%, rgba(0, 163, 190, 0.98) 100%), url(../images/donations-mobile.jpg);
    background-image: url(../images/shapes-3-mobile.png), linear-gradient(-235deg, rgba(190, 248, 137, 0.68) 0%, rgba(0, 163, 190, 0.98) 100%), url(../images/donations-mobile.jpg);
    background-size: 154px 154px, 100%, cover;
    background-position: right top, center center, center center;
    background-repeat: no-repeat;
  }
}

@media (min-width: 56.25em) {
  .donations {
    background-image: url(../images/donations-desktop@1x.jpg);
    background-size: cover;
    background-position: center center;
    min-height: 31.3125em;
    padding-bottom: 6.5em;
    padding-top: 5.3125em;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .donations {
    background-image: url("../images/donations-desktop@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .donations::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-image: url(../images/shapes-3-desktop.png), url(../images/donation-squares.png), -webkit-linear-gradient(top, rgba(199, 246, 155, 0.64) 0%, rgba(0, 163, 190, 0.78) 87%);
    background-image: url(../images/shapes-3-desktop.png), url(../images/donation-squares.png), linear-gradient(to bottom, rgba(199, 246, 155, 0.64) 0%, rgba(0, 163, 190, 0.78) 87%);
    background-size: 286px 286px, 183px 182px, cover;
    background-position: right top, left bottom, center center;
    background-repeat: no-repeat;
  }

  .donations > * {
    position: relative;
    z-index: 2;
  }
}

.donations h3 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.3125em;
  margin-bottom: 0.75em;
}

@media (min-width: 56.25em) {
  .donations h3 {
    font-size: 2.625em;
    line-height: 1.2857142857em;
    margin-bottom: 0.8571428571em;
  }
}

@media (min-width: 56.25em) {
  .donations .support-option {
    width: 40.14%;
  }
}

.donations .support-option + .support-option {
  margin-top: 4.125em;
}

@media (min-width: 56.25em) {
  .donations .support-option + .support-option {
    margin-top: 0;
  }
}

.donations p:not(.button) {
  font-weight: 300;
}

.donations a:not(.btn) {
  color: #2986b6;
}

@media (max-width: 56.1875em) {
  .donations a:not(.btn) {
    color: white;
  }
}

.donations .primary-btn {
  width: 11em;
}

.donations .primary-btn:hover {
  border-color: #0FA1D7;
}

.donations p + p {
  margin-top: 1.5em;
}

input[type=search],
.sf-input-text {
  background: white url(../images/sprite.png) no-repeat right 10px top -134px;
  background-size: 100px 450px;
  border: 0;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0.9375em;
  height: 2.8666666667em;
  padding: 0 2.3333333333em 0 0.8em;
  width: 100%;
}

.search-again input[type=search],
#filtering input[type=search],
.search-again .sf-input-text,
#filtering .sf-input-text {
  box-shadow: 0 2px 12px #c7c7c7;
}

form sup {
  color: #0FA1D7;
}

form ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

form ol > li {
  margin-bottom: 2em;
}

form li {
  font-size: 1em;
  position: relative;
}

form fieldset {
  border: 0;
  margin: 3em 0.9375em 0;
  padding: 0;
}

@media (min-width: 37.5em) {
  form fieldset {
    margin-left: 12.78%;
    margin-right: 12.78%;
  }
}

form label {
  color: #53536C;
  font-weight: 600;
}

form label em {
  color: #BCBCBC;
  font-style: normal;
}

form.searchandfilter label {
  font-weight: 400;
}

form .radio-inputs {
  margin-bottom: 2em;
}

form .radio-inputs li {
  font-size: 1em;
  margin-bottom: 1.25em;
  padding-left: 1.6875em;
  position: relative;
}

form .radio-inputs input {
  display: block;
  position: absolute;
  top: 2px;
  height: 1.0625em;
  left: 0;
  opacity: 0;
  width: 1.0625em;
  z-index: 2;
}

form .radio-inputs label::before {
  background: url(../images/sprite.png) no-repeat 0 -23px;
  background-size: 100px 450px;
  content: '';
  display: block;
  height: 1.2142857143em;
  position: absolute;
  top: 2px;
  left: 0;
  width: 1.2142857143em;
  z-index: 1;
}

form .radio-inputs input:checked + label::before {
  background-position: 0 0;
}

form .field-group li:first-child {
  margin-bottom: 2em;
}

@media (min-width: 56.25em) {
  form .field-group:after {
    content: "";
    display: table;
    clear: both;
  }

  form .field-group li {
    float: left;
    width: -webkit-calc(50% - 9px);
    width: calc(50% - 9px);
  }

  form .field-group li:first-child {
    margin-bottom: 0;
    margin-right: 1.125em;
  }
}

form ol:not(.radio-inputs) label {
  display: block;
  font-size: 1.125em;
  line-height: 1.5em;
  margin-bottom: 0.5555555556em;
}

form input[type=text] + input[type=text] {
  margin-top: 1.375em;
}

form:not(.searchandfilter) input[type=text],
form:not(.searchandfilter) input[type=email],
form:not(.searchandfilter) input[type=password],
form:not(.searchandfilter) input[type=tel],
form:not(.searchandfilter) input[type=number] {
  border: 1px solid #BCBCBC;
  border-radius: 3px;
  font-size: 1em;
  height: 3.0625em;
  padding: 0 0.9375em;
  width: 100%;
}

form:not(.searchandfilter) input[type=text]:focus,
form:not(.searchandfilter) input[type=email]:focus,
form:not(.searchandfilter) input[type=password]:focus,
form:not(.searchandfilter) input[type=tel]:focus,
form:not(.searchandfilter) input[type=number]:focus {
  border-color: #0FA1D7;
  outline: none;
}

form input[size="3"] {
  width: auto;
}

form select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: white url(../images/sprite.png) no-repeat right 10px top -57px;
  background-size: 100px 450px;
  border: 1px solid #BCBCBC;
  font-size: 1em;
  height: 3.0625em;
  padding: 0 0.9375em;
  width: 100%;
}

form ::-webkit-input-placeholder {
  color: #bcbcbc;
}

form ::-moz-placeholder {
  color: #bcbcbc;
}

form :-ms-input-placeholder {
  color: #bcbcbc;
}

form :-moz-placeholder {
  color: #bcbcbc;
}

form .help-text {
  display: block;
  font-style: italic;
  line-height: 1.125em;
  padding-top: 0.8333333333em;
}

@media (min-width: 56.25em) {
  form .help-text {
    clear: both;
  }
}

#show-password {
  border: 1px solid #BCBCBC;
  border-radius: 3px;
  bottom: 0;
  color: #BCBCBC;
  cursor: pointer;
  display: block;
  font-size: 0.9375em;
  font-weight: 500;
  height: 3.2666666667em;
  line-height: 3.2666666667em;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  width: 5.3333333333em;
  z-index: 2;
}

input:focus + #show-password {
  border-color: #0FA1D7;
}

#show-password:hover {
  background-color: #0FA1D7;
  color: white;
}

.signup-header {
  background-image: -webkit-linear-gradient(0deg, #3D3D75 0%, #5B5B91 100%);
  background-image: linear-gradient(90deg, #3D3D75 0%, #5B5B91 100%);
  position: fixed;
  top: 2.1875em;
}

.signup-header::after {
  display: none;
}

.signup-header.fixed {
  background-image: -webkit-linear-gradient(0deg, #3D3D75 0%, #5B5B91 100%);
  background-image: linear-gradient(90deg, #3D3D75 0%, #5B5B91 100%);
}

@media (min-width: 56.25em) {
  .signup-header .site-name {
    float: left;
  }
}

.already-account {
  background-image: -webkit-linear-gradient(0deg, #3D3D75 0%, #5B5B91 100%);
  background-image: linear-gradient(90deg, #3D3D75 0%, #5B5B91 100%);
  color: white;
  padding: 0.9375em;
  position: fixed;
  left: -100%;
  -webkit-transition: left .4s ease-in;
  transition: left .4s ease-in;
  width: 100%;
  top: 5.3125em;
  z-index: 2;
}

@media (min-width: 37.5em) {
  .already-account {
    padding-left: 8.472%;
    padding-right: 8.472%;
  }
}

@media (min-width: 56.25em) {
  .already-account {
    background-image: none;
    display: block !important;
    float: right;
    padding: 1.5625em 0 0;
    position: relative;
    left: auto;
    top: auto;
    width: auto;
  }
}

.already-account.show {
  left: 0;
}

.already-account h3 {
  float: left;
  font-size: 0.875em;
  font-weight: 400;
  line-height: 2em;
}

@media (min-width: 56.25em) {
  .already-account h3 {
    font-size: 1.0625em;
    line-height: 1.6470588235em;
    margin-right: 2.2857142857em;
  }
}

.already-account .btn {
  border: 1px solid white;
  border-radius: 3px;
  color: white;
  float: right;
  height: 1.8666666667em;
  line-height: 1.8666666667em;
  text-align: center;
  width: 7.7333333333em;
}

.already-account .btn:hover {
  background-color: white;
  color: #3D3D75;
}

.create-an-account {
  background-color: #F9F9F9 !important;
  padding: 5.75em 0.9375em 6.5625em;
}

@media (min-width: 37.5em) {
  .create-an-account {
    padding-left: 8.472%;
    padding-right: 8.472%;
  }
}

@media (min-width: 56.25em) {
  .create-an-account {
    padding-top: 10.375em;
  }
}

.create-an-account form {
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  box-shadow: 0 2px 20px rgba(151, 151, 151, 0.31);
  padding-bottom: 3.375em;
  max-width: 48.875em;
}

.create-an-account form h1 {
  color: white;
  font-size: 2em;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 400;
  line-height: 2.8125em;
  background-image: url(../images/create-account-header@1x.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 782px 90px;
  padding: 0 0.46875em;
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .create-an-account form h1 {
    background-image: url("../images/create-account-header@2x.jpg");
  }
}

@media (min-width: 37.5em) {
  .create-an-account form h1 {
    padding-left: 12.78%;
    padding-right: 12.78%;
  }
}

.create-an-account form h3 {
  color: #53536C;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.5em;
  margin-bottom: 1em;
}

.steps ol {
  list-style-type: none;
  margin: 0 auto 2.8125em;
  padding: 0;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 22.875em;
}

@media (min-width: 36.75em) {
  .steps ol {
    max-width: 36.75em;
    width: 100%;
  }
}

.steps ol::before {
  background-color: #BCBCBC;
  content: '';
  display: block;
  height: 0.0625em;
  position: absolute;
  top: 1em;
  left: 16.66%;
  width: 66.667%;
  z-index: 1;
}

@media (min-width: 36.75em) and (max-width: 56.1875em) {
  .steps ol::before {
    left: 6%;
    width: 88%;
  }
}

@media (min-width: 56.25em) {
  .steps ol::before {
    top: 1.125em;
  }
}

.steps .progress {
  background-color: #66C398;
  content: '';
  display: block;
  height: 0.0625em;
  position: absolute;
  top: 1em;
  left: 16.66%;
  width: 0;
  -webkit-transition: .5s width ease-in;
  transition: .5s width ease-in;
  z-index: 2;
}

@media (min-width: 56.25em) {
  .steps .progress {
    top: 1.125em;
  }
}

.steps .step-1.complete ~ .progress {
  width: -webkit-calc(100% / 3 * 1);
  width: calc(100% / 3 * 1);
}

.steps .step-2.complete ~ .progress {
  width: -webkit-calc(100% / 3 * 2);
  width: calc(100% / 3 * 2);
}

.steps li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: 5.625em;
  z-index: 3;
}

@media (min-width: 56.25em) {
  .steps li {
    width: 11.75em;
  }
}

.step-number {
  background-color: #bcbcbc;
  border: 5px solid #F9F9F9;
  border-radius: 50%;
  color: white;
  display: block;
  font-size: 0.75em;
  font-weight: 500;
  height: 2.5833333333em;
  line-height: 1.75em;
  margin: 0 auto 1.75em;
  position: relative;
  -webkit-transition: background .4s ease-in;
  transition: background .4s ease-in;
  text-align: center;
  width: 2.5833333333em;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .step-number {
    border: 5px solid #bcbcbc;
  }
}

.active .step-number {
  background-color: black;
  color: white;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .active .step-number {
    border: 5px solid black;
  }
}

.complete .step-number {
  background-color: #66C398;
}

.step-number::after {
  background: #66C398 url(../images/sprite.png) no-repeat 2px -269px;
  background-size: 100px 450px;
  border-radius: 50%;
  content: '';
  height: 23px;
  opacity: 0;
  position: absolute;
  top: -1px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: .5s ease-in;
  transition: .5s ease-in;
  left: -1px;
  width: 23px;
}

.complete .step-number::after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

@media (min-width: 56.25em) {
  .step-number {
    font-size: 0.9375em;
    height: 2.4em;
    line-height: 26px;
    margin-bottom: 0.9333333333em;
    width: 2.4em;
  }

  .step-number::after {
    background-position: 4px -266px;
    height: 28px;
    width: 28px;
  }
}

.step-label {
  color: #bcbcbc;
  font-size: 0.875em;
  line-height: 1.5em;
  text-align: center;
  -webkit-transition: background .4s ease-in;
  transition: background .4s ease-in;
}

@media (min-width: 56.25em) {
  .step-label {
    font-size: 1.125em;
    line-height: 1.5em;
  }
}

.active .step-label {
  color: black;
}

.complete .step-label {
  color: #66C398;
}

.expiration-date:after {
  content: "";
  display: table;
  clear: both;
}

.expiration-date select {
  float: left;
  width: -webkit-calc(50% - 9px);
  width: calc(50% - 9px);
}

.expiration-date label + select {
  margin-right: 1.125em;
}

.billing-address-check {
  font-size: 0.875em;
  margin-bottom: 1.4285714286em;
  padding-left: 1.9285714286em;
  position: relative;
}

.billing-address-check input {
  display: block;
  position: absolute;
  top: 2px;
  height: 1.2142857143em;
  left: 0;
  opacity: 0;
  width: 1.2142857143em;
  z-index: 2;
}

.billing-address-check label::before {
  background: url(../images/sprite.png) no-repeat 0 -23px;
  background-size: 100px 450px;
  content: '';
  display: block;
  height: 1.2142857143em;
  position: absolute;
  top: 2px;
  left: 0;
  width: 1.2142857143em;
  z-index: 1;
}

.billing-address-check input:checked + label::before {
  background-position: 0 0;
}

.js #step-2,
.js #step-3 {
  display: none;
}

.confirmation {
  background-color: #42cce2;
  color: white;
  min-height: -webkit-calc(100vh - 341px);
  min-height: calc(100vh - 341px);
  padding: 7.0625em 0.9375em 6.9375em;
  text-align: center;
}

@media (min-width: 37.5em) {
  .confirmation {
    padding-left: 8.472%;
    padding-right: 8.472%;
  }
}

@media (max-width: 56.1875em) {
  .confirmation {
    background-image: url(../images/headers/signup-thanks-mobile@1x.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .confirmation {
    background-image: url("../images/headers/signup-thanks-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .confirmation {
    background-image: url(../images/headers/signup-thanks-desktop@1x.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    min-height: -webkit-calc(100vh - 257px);
    min-height: calc(100vh - 257px);
    padding-bottom: 12.0625em;
    padding-top: 11.0625em;
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .confirmation {
    background-image: url("../images/headers/signup-thanks-desktop@2x.jpg");
  }
}

.confirmation .icon {
  background: url(../images/sprite.png) no-repeat 0 -248px;
  background-size: 81px 362px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 3.9375em;
  margin-bottom: 3.25em;
  width: 4em;
}

@media (min-width: 56.25em) {
  .confirmation .icon {
    background-size: 100px 450px;
    background-position: 0 -309px;
    height: 4.8125em;
    margin-bottom: 4.4375em;
    width: 4.8125em;
  }
}

.confirmation h2 {
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.40625em;
  margin-bottom: 1em;
}

@media (min-width: 56.25em) {
  .confirmation h2 {
    font-size: 2.625em;
    line-height: 1.2857142857em;
    margin-bottom: 0.8095238095em;
  }
}

.confirmation p {
  font-size: 1.125em;
  line-height: 1.5em;
  margin-bottom: 2.8333333333em;
  font-weight: 300;
}

@media (min-width: 56.25em) {
  .confirmation p {
    margin-left: auto;
    margin-right: auto;
    font-size: 1.75em;
    line-height: 1.5714285714em;
    margin-bottom: 2.1785714286em;
    max-width: 20.6428571429em;
  }
}

.confirmation .secondary-btn {
  margin-left: auto;
  margin-right: auto;
  border: 0;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.16);
  display: block;
  font-size: 1.25em;
  height: 2.4em;
  line-height: 2.4em;
  -webkit-transition: .4s background ease-in;
  transition: .4s background ease-in;
  max-width: 18.7em;
  padding: 0 0.7em;
  width: 100%;
}

.confirmation .secondary-btn:hover {
  background-color: #0FA1D7;
  color: white;
}

.no-account {
  background-image: -webkit-linear-gradient(0deg, #3D3D75 0%, #5B5B91 100%);
  background-image: linear-gradient(90deg, #3D3D75 0%, #5B5B91 100%);
  color: white;
  padding: 0.9375em;
  position: fixed;
  left: -100%;
  -webkit-transition: left .4s ease-in;
  transition: left .4s ease-in;
  width: 100%;
  top: 5.3125em;
}

@media (max-width: 25em) {
  .no-account {
    padding-top: 0;
    padding-left: 4.125em;
  }
}

@media (min-width: 37.5em) {
  .no-account {
    padding-left: 8.472%;
    padding-right: 8.472%;
  }
}

@media (min-width: 56.25em) {
  .no-account {
    background-image: none;
    display: block !important;
    float: right;
    padding: 1.5625em 0 0;
    position: relative;
    left: auto;
    top: auto;
    width: auto;
  }
}

.no-account.show {
  left: 0;
}

.no-account h3 {
  float: left;
  font-size: 0.875em;
  font-weight: 400;
  line-height: 2em;
}

@media (max-width: 25em) {
  .no-account h3 {
    float: none;
    margin-bottom: 0.5714285714em;
  }
}

@media (min-width: 56.25em) {
  .no-account h3 {
    font-size: 1.0625em;
    line-height: 1.6470588235em;
    margin-right: 0.9411764706em;
  }
}

.no-account .btn {
  border: 1px solid white;
  border-radius: 3px;
  color: white;
  float: right;
  height: 1.8666666667em;
  line-height: 1.8666666667em;
  text-align: center;
  width: auto;
}

@media (max-width: 25em) {
  .no-account .btn {
    float: none;
  }
}

.no-account .btn:hover {
  background-color: white;
  color: #3D3D75;
}

.login-section,
.forgot-password-section {
  min-height: -webkit-calc(100vh - 341px);
  min-height: calc(100vh - 341px);
  padding-bottom: 6.75em;
  padding-top: 9.75em;
}

@media (min-width: 56.25em) {
  .login-section,
  .forgot-password-section {
    min-height: -webkit-calc(100vh - 251px);
    min-height: calc(100vh - 251px);
    padding-bottom: 5.25em;
    padding-top: 9.75em;
  }

  .login-section.logged-in,
  .forgot-password-section.logged-in {
    padding-top: 11.75em;
  }
}

.login-section h2,
.forgot-password-section h2 {
  display: none;
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 2.625em;
  font-weight: 400;
  line-height: 1.2857142857em;
  margin-bottom: 1.2857142857em;
  text-align: center;
}

@media (min-width: 56.25em) {
  .login-section h2,
  .forgot-password-section h2 {
    display: block;
  }
}

.login-section form,
.forgot-password-section form {
  margin: 0 0.9375em;
  max-width: 23.3125em;
}

@media (min-width: 25.1875em) {
  .login-section form,
  .forgot-password-section form {
    margin-left: auto;
    margin-right: auto;
  }
}

.login-section .help-text,
.forgot-password-section .help-text {
  font-family: "ff-meta-serif-web-pro", serif;
  line-height: 1.3125em;
  margin-top: 2em;
}

.login-section .help-text p + p,
.forgot-password-section .help-text p + p {
  margin-top: 0.75em;
}

.forgot-password-section {
  padding-top: 3.5em;
}

@media (min-width: 56.25em) {
  .forgot-password-section {
    padding-top: 9.75em;
  }
}

.forgot-password-section h2 {
  display: block;
  margin-bottom: 0.6428571429em;
}

.forgot-password-section h2 + p {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 3.5em;
  max-width: 22.625em;
}

#login-form .error-message,
#reset-password-form .error-message {
  color: #e2656f;
  display: block;
  font-size: 0.875em;
  line-height: 1.2857142857em;
  padding-top: 0.7142857143em;
}

.profile-header .site-name {
  float: left;
}

.profile-header .profile-link {
  float: right;
  padding-top: 0.8125em;
  position: relative;
  z-index: 2;
}

@media (min-width: 56.25em) {
  .profile-header .profile-link {
    padding-top: 1.4375em;
    text-align: right;
    width: 18.75em;
  }
}

.profile-header .profile-link a {
  color: white;
}

.profile-header .profile-link i {
  background: url(../images/sprite.png) no-repeat -72px 0;
  background-size: 100px 450px;
  display: block;
  height: 1.4375em;
  width: 1.625em;
}

@media (min-width: 56.25em) {
  .profile-header .profile-link i {
    background-position: -33px 0;
    display: inline-block;
    height: 0.8125em;
    margin-right: 0.625em;
    margin-top: 0.375em;
    width: 0.875em;
  }
}

.profile-header .profile-link .text {
  border-bottom: 2px solid white;
  display: none;
  font-size: 0.9375em;
  line-height: 1.4em;
  padding-bottom: 0.3333333333em;
}

@media (min-width: 56.25em) {
  .profile-header .profile-link .text {
    display: inline-block;
  }
}

.page-profile .page-header,
.page-search-results .page-header {
  overflow-x: hidden;
  height: 18.3125em;
  padding-top: 7.875em;
}

.page-profile .page-header > *,
.page-search-results .page-header > * {
  position: relative;
  z-index: 2;
}

@media (max-width: 56.1875em) {
  .page-profile .page-header,
  .page-search-results .page-header {
    background-image: url(../images/headers/profile-mobile@1x.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .page-profile .page-header,
  .page-search-results .page-header {
    background-image: url("../images/headers/profile-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .page-profile .page-header,
  .page-search-results .page-header {
    background-image: url(../images/headers/profile-desktop@1x.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    height: 24.5625em;
    padding-top: 13.375em;
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .page-profile .page-header,
  .page-search-results .page-header {
    background-image: url("../images/headers/profile-desktop@2x.jpg");
  }
}

.profile-content {
  padding-bottom: 2.625em;
  padding-top: 2.0625em;
}

@media (min-width: 56.25em) {
  .profile-content {
    padding-bottom: 5.125em;
    padding-top: 1.3125em;
  }
}

.profile-member-name {
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 2.625em;
  font-weight: 400;
  line-height: 1.2857142857em;
  margin-bottom: 0.1666666667em;
}

.profile-member-info {
  font-size: 16px;
  line-height: 1.5em;
  margin-bottom: 1.875em;
}

.profile-member-info .help {
  background: url(../images/sprite.png) no-repeat -33px -23px;
  background-size: 100px 450px;
  float: left;
  height: 0.9375em;
  margin-right: 0.4375em;
  margin-top: 0.25em;
  width: 0.875em;
}

.profile-member-info .member-role {
  color: #0FA1D7;
  display: inline-block;
}

.profile-member-info .member-role::after {
  content: '•';
  display: inline-block;
  margin: 0 0.5em;
}

.member-details {
  margin-bottom: 2.75em;
}

.member-details label + div {
  font-weight: 300;
}

.membership-changes {
  margin-top: 1.5em;
}

@media (min-width: 30.125em) and (max-width: 74.9375em) {
  .fc-header-center .fc-header-title {
    top: -41px !important;
  }
}

.fc-day-header {
  text-transform: uppercase;
  font-weight: 400;
}

.fullCalendar {
  font-family: "gira-sans", sans-serif !important;
}

.fullCalendar .fc-header-title h2 {
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 400;
}

.fc-header-cell {
  line-height: 36px !important;
}

.fullCalendar th {
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 400;
  letter-spacing: .04em;
}

@media (max-width: 30.0625em) {
  .fc-header {
    background-color: white;
  }
}

.fe-cell-taxonomy {
  display: none;
}

.page-calendar .page-header {
  overflow-x: hidden;
  padding-top: 7.625em;
  padding-bottom: 28.5625em;
}

.page-calendar .page-header > * {
  position: relative;
  z-index: 2;
}

@media (max-width: 56.1875em) {
  .page-calendar .page-header {
    background-image: url(../images/headers/calendar-page-mobile@1x.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .page-calendar .page-header {
    background-image: url("../images/headers/calendar-page-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .page-calendar .page-header {
    background-image: url(../images/headers/calendar-page-desktop@1x.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: 44.125em;
    padding-top: 12.5em;
    padding-bottom: 0;
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .page-calendar .page-header {
    background-image: url("../images/headers/calendar-page-desktop@2x.jpg");
  }
}

.page-calendar .page-teaser {
  max-width: 56ch;
}

.rhcalendar.not-widget.rhc_holder {
  margin-top: 0 !important;
}

.show-calendar {
  background-color: transparent !important;
  padding-bottom: 2.125em;
  position: relative;
}

.show-calendar .rhcalendar {
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 2px 20px 0 rgba(191, 191, 191, 0.27);
  padding: 3.75em 1.25em 0;
  position: relative;
  z-index: 2;
}

.show-calendar .rhcalendar.not-widget.rhc_holder {
  margin-top: -27.5em !important;
}

.show-calendar::after {
  background-color: white;
  content: '';
  position: absolute;
  left: 0;
  top: 26.5625em;
  bottom: 0;
  width: 100%;
  z-index: 1;
}

@media (min-width: 56.25em) {
  .show-calendar {
    padding-top: 1.25em;
  }

  .show-calendar::after {
    top: 0;
  }

  .show-calendar .rhcalendar.not-widget.rhc_holder {
    margin-top: -19.0625em !important;
  }
}

.show-details {
  background-color: transparent !important;
  border-radius: 3px;
  box-shadow: 0 2px 20px 0 rgba(191, 191, 191, 0.27);
  margin-top: -27.5em;
  position: relative;
  z-index: 2;
}

.show-details > div {
  position: relative;
  z-index: 2;
}

.show-details::after {
  background-color: white;
  content: '';
  position: absolute;
  left: 0;
  top: 26.5625em;
  bottom: 0;
  width: 100%;
  z-index: 1;
}

.show-details .fe-extrainfo-container {
  border: 0 !important;
  background-color: white;
  padding: 2em 1.25em 0 !important;
}

.show-details .fe-extrainfo-container2 {
  background-color: transparent !important;
}

.show-details .fe-extrainfo-holder {
  font-family: "gira-sans", sans-serif !important;
  padding: 0 !important;
}

.show-details elist-dbox,
.show-details .se-dbox,
.show-details .se-vbox {
  line-height: 1.5em !important;
}

.show-details .fe-extrainfo-label {
  margin-bottom: 0 !important;
}

.show-details .row-fluid {
  margin-bottom: 1.5em !important;
}

@media (min-width: 56.25em) {
  .show-details {
    margin-top: -21.5625em;
  }

  .show-details::after {
    top: 345px;
  }
}

.show-details .event-title {
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.5em;
  margin-bottom: 0.75em;
}

.show-details .event-description {
  margin-bottom: 1.625em;
  max-width: 56ch;
}

.calendar-subpage .page-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 20.5em;
  padding-bottom: 3.9375em;
}

@media (max-width: 56.1875em) {
  .calendar-subpage .page-header {
    background-image: url(../images/headers/event-header-mobile@1x.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  }
}

@media (max-width: 56.1875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 56.1875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-device-pixel-ratio: 1.3), (max-width: 56.1875em) and (min-resolution: 1.3dppx) {
  .calendar-subpage .page-header {
    background-image: url("../images/headers/event-header-mobile@2x.jpg");
  }
}

@media (min-width: 56.25em) {
  .calendar-subpage .page-header {
    background-image: url(../images/headers/event-header-desktop@1x.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: 22.5em;
    padding-bottom: 2.9375em;
  }
}

@media (min-width: 56.25em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 56.25em) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 56.25em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-device-pixel-ratio: 1.3), (min-width: 56.25em) and (min-resolution: 1.3dppx) {
  .calendar-subpage .page-header {
    background-image: url("../images/headers/event-header-desktop@2x.jpg");
  }
}

.calendar-subpage .event-details {
  padding-top: 2.25em;
  padding-bottom: 4.375em;
}

@media (min-width: 56.25em) {
  .calendar-subpage .event-details {
    padding-bottom: 6.5625em;
  }
}

.calendar-subpage .event-content {
  font-size: 1em;
  line-height: 1.5em;
}

@media (min-width: 56.25em) {
  .calendar-subpage .event-content {
    padding-right: 52.916%;
    position: relative;
    min-height: 25em;
  }
}

@media (max-width: 56.1875em) {
  .calendar-subpage .event-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.calendar-subpage .event-content p + p,
.calendar-subpage .event-content p + ol,
.calendar-subpage .event-content p + ul,
.calendar-subpage .event-content ol + p,
.calendar-subpage .event-content ul + p {
  margin-top: 1.5em;
}

.calendar-subpage .event-content .rhc.fe-extrainfo-container {
  border: 0;
  border-top: 5px solid #0FA1D7;
  margin: 0;
  padding: 1.875em;
}

@media (max-width: 56.1875em) {
  .calendar-subpage .event-content .rhc.fe-extrainfo-container {
    border-bottom: 5px solid #0FA1D7;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    margin-bottom: 3.375em;
  }
}

@media (min-width: 56.25em) {
  .calendar-subpage .event-content .rhc.fe-extrainfo-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 31.666%;
  }
}

.calendar-subpage .event-content .fe-extrainfo-container2 {
  background-color: transparent;
  font-family: "gira-sans", sans-serif;
}

.calendar-subpage .event-content .fe-extrainfo-holder {
  padding: 0;
}

.calendar-subpage .event-content .row-fluid {
  margin-top: 1.5em;
}

.calendar-subpage .event-content .row-fluid:first-child {
  margin-top: 0;
}

@media (min-width: 30.125em) and (max-width: 47.9375em) {
  .fc-button-prev::before,
  .fc-button-next::before,
  .fc-button-prevYear::before,
  .fc-button-nextYear::before {
    right: 7px !important;
  }
}

.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100% !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.chosen-container * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1010;
  width: 100%;
  border: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  clip: rect(0, 0, 0, 0);
}

.chosen-container.chosen-with-drop .chosen-drop {
  clip: auto;
}

.chosen-container a {
  cursor: pointer;
}

/* @end */

/* @group Single Chosen */

.chosen-container-single .chosen-single {
  background-color: white;
  color: #53536C;
  position: relative;
  display: block;
  appearance: none;
  -webkit-appearance: none;
  background: white url(../images/sprite.png) no-repeat right 10px top -58px;
  background-size: 100px 450px;
  border: 0;
  box-shadow: 0 2px 12px #c7c7c7;
  font-size: 0.9375em;
  height: 2.8666666667em;
  line-height: 2.8666666667em;
  padding: 0 2em 0 0.8em;
  width: 100%;
  font-family: "gira-sans", sans-serif;
  font-style: normal;
}

.chosen-container-single .chosen-single:hover {
  color: #53536C;
}

.chosen-container-single .chosen-single span {
  display: block;
  height: 2.8666666667em;
  line-height: 2.8666666667em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: url("chosen-sprite.png") no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

/* @end */

/* @group Results */

.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  color: #ababab;
  display: none;
  font-size: 0.8125em;
  line-height: 1.8461538462em;
  padding: 0 1.3076923077em;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  color: #53536C;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  color: #53536C;
  cursor: default;
}

.chosen-container .chosen-results li.group-result {
  visibility: hidden;
  height: 0;
}

.chosen-container .chosen-results li.group-result + .group-option {
  color: #53536C;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */

/* @group Multi Chosen */

.chosen-container-multi {
  background: white;
  box-shadow: 0 2px 12px #c7c7c7;
  min-height: 2.6875em;
  padding: 0.5625em 1.875em 0 0.75em;
  position: relative;
  width: 100%;
}

.chosen-container-multi::after {
  background: url(../images/sprite.png) no-repeat right top -77px;
  background-size: 100px 450px;
  content: '';
  width: 17px;
  height: 10px;
  position: absolute;
  top: 18px;
  right: 10px;
}

.chosen-container-multi .chosen-choices {
  padding: 0;
  margin: 0;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  width: 100%;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  background-color: transparent;
  color: #53536C;
  position: relative;
  display: block;
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  font-size: 0.9375em;
  width: 100% !important;
}

.chosen-container-multi .chosen-choices li.search-choice {
  font-size: 0.8666666667em;
  line-height: 2em;
  position: relative;
  margin: 0 3px 3px 0;
  padding: 0 8px 0 20px;
  max-width: 100%;
  border-radius: 3px;
  background-color: #f2f2f2;
  color: #ababab;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice + input {
  display: none;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 8px;
  left: 6px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  background-color: #f2f2f2;
  display: list-item;
  color: #53536C;
  cursor: default;
}

/* @end */

/* @group Active  */

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */

/* @group Disabled Support */

.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */

/* @group Right to Left */

.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: url("chosen-sprite.png") no-repeat -30px -20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */

/* @group Retina compatibility */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url("chosen-sprite@2x.png") !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* ADDED BY MIKE TO TOP BUTTONS */

@media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px){ 
     .bannerbutton { display: none;}
  }
    .bannerbutton{
      position:relative;
      border: 1px solid rgba(255, 255, 255,0.1);
      border-radius: 5px;
      padding:3px;
      top:2px;
      background:rgba(255,255,255,0.1);
      margin-right:10px;
    }

#upsell{
  width: 100%;
    margin: 0 auto;
  background-image:-webkit-linear-gradient(319deg, rgba(26, 193, 220, 0.97) 0%, rgba(214, 242, 164, 0.97) 100%);
  background-image: linear-gradient(-229deg, rgba(26, 193, 220, 0.97) 0%, rgba(214, 242, 164, 0.97) 100%);
  padding:10px;
  text-align:center;
  margin-top:20px;
  height:150px;
  border-radius: 15px;
  -webkit-box-shadow: -2px 4px 11px 2px rgba(204,204,204,0.49);
  -moz-box-shadow: -2px 4px 11px 2px rgba(204,204,204,0.49);
  box-shadow: -2px 4px 11px 2px rgba(204,204,204,0.49);
  border:1px solid white;
}
#upsell2{
  width: 100%;
  background-image:-webkit-linear-gradient(319deg, rgba(26, 193, 220, 0.97) 0%, rgba(214, 242, 164, 0.97) 100%);
  background-image: linear-gradient(-229deg, rgba(26, 193, 220, 0.97) 0%, rgba(214, 242, 164, 0.97) 100%);
  padding:10px;
  text-align:center;
  margin-top:20px;
  height:250px;
  border-radius: 15px;
  -webkit-box-shadow: -2px 4px 11px 2px rgba(204,204,204,0.49);
  -moz-box-shadow: -2px 4px 11px 2px rgba(204,204,204,0.49);
  box-shadow: -2px 4px 11px 2px rgba(204,204,204,0.49);
  border:1px solid white;
}
#upsellinner{
  display: inline-block;
}
#upsellinner h2{
  margin-top:10px;
  margin-bottom:10px;
  line-height: 1em;
  font-size:22px;
}


/** SHARING BUTTONS **/
.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size:12px;
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
  background-color: #507299
}

.resp-sharing-button--vk:hover {
  background-color: #43648c
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

/* @end */

/*# sourceMappingURL=main.css.map */