@charset "UTF-8";
/* normalize.css v1.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

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

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

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

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

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

blockquote {
  margin: 1em 40px;
}

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

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

/*
 * Addresses margins set differently in IE 6/7.
 */
p,
pre {
  margin: 0 0 1.25rem;
  padding: 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

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

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: "";
  content: none;
}

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

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

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

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

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

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

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

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

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

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

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

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

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

html,
button,
body,
input,
select,
textarea {
  color: #12171b;
  font: 100%/1.5 "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: 500;
}

main {
  display: block;
}

a {
  color: #327080;
  font-weight: bold;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.125rem;
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
  position: relative;
  transition: text-underline-offset 0.3s cubic-bezier(0.18, 0.88, 0.39, 0.95), text-decoration-color 0.3s, -webkit-text-decoration-color 0.3s;
}
a:hover {
  color: #24505b;
}
a:hover, a:focus {
  -webkit-text-decoration-color: inherit;
          text-decoration-color: inherit;
  text-underline-offset: 0.375rem;
}
a:focus, a:focus-visible {
  outline-offset: 0.25rem;
}

hr {
  display: block;
  height: 0;
  border: 0;
  border-top: 0.125rem solid #d3dbdb;
  margin: 2.5rem 0;
  padding: 0;
}

kbd {
  font-weight: bold;
  background: white;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.4);
          box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.4);
  margin: 0 0.125rem;
}

table {
  margin-bottom: 1rem;
  text-align: left;
  width: 100%;
  max-width: 22rem;
  border-color: #d3dbdb;
}
@media (min-width: 72rem) {
  table {
    max-width: none;
  }
}

thead {
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.175rem;
  color: #327080;
  border-bottom: 2px solid #a9b9b9;
}

tbody tr {
  border-bottom: 1px solid #a9b9b9;
}
tbody tr:last-child {
  border-bottom: none;
}

th,
td {
  padding: 0.375rem;
  padding-right: 1.25rem;
}
th:last-child,
td:last-child {
  padding-right: 0.375rem;
}

audio {
  margin-bottom: 1.25rem;
}

video,
img {
  vertical-align: middle;
  max-width: 100%;
}

fieldset {
  padding: 0;
  margin: 0;
  border: none;
  width: 100%;
}
fieldset + .button, fieldset + .site__skip-button {
  min-height: 2.5rem;
  font-size: 0.875rem;
}
fieldset.required label span::after {
  content: "*";
  margin-left: 0.25rem;
}

label {
  color: #327080;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-weight: 700;
  font-size: 0.875rem;
}

[type=text],
[type=email],
[type=tel],
[type=password],
textarea {
  font-size: 16px;
  font-size: 1rem;
  border: 1px solid #d3dbdb;
  padding: 0.325em 0.75em 0.35em;
  border-radius: 0.375em;
  height: 2.5em;
  max-width: 100%;
  -webkit-appearance: none;
}

textarea {
  max-width: 100%;
  min-height: 6.75rem;
  width: 100%;
  -webkit-appearance: none;
}

[type=text],
[type=email],
[type=tel],
[type=password] {
  width: 100%;
}

[type=text]:focus,
[type=email]:focus,
[type=tel]:focus,
[type=password]:focus,
textarea:focus {
  border: 1px solid rgba(50, 112, 128, 0.5);
  background-color: white;
  outline: none;
}

[type=tel] {
  max-width: 8.5em;
}

[type=submit] {
  margin-right: 0.5em;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #919293;
  font-style: italic;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #919293;
  font-style: italic;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #919293;
  font-style: italic;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #919293;
  font-style: italic;
}

select {
  width: 100%;
}

.custom-select {
  width: 100%;
  position: relative;
  display: inline-block;
  padding: 0;
  border-radius: 0.375em;
  background: white;
}

.custom-select select {
  width: 100%;
  margin: 0;
  background-color: white;
  border: 1px solid #b7c4c4;
  border-radius: 0.375rem;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  font-size: 16px;
  font-size: 1rem;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  color: #12171b;
  padding: 0.25em 2.75em 0.25em 0.8em;
  height: 2.5em;
  line-height: 1.3;
}

.custom-select::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  right: 0.75em;
  margin-top: -3px;
  border-left: 0.375em solid transparent;
  border-right: 0.375em solid transparent;
  border-top: 0.375em solid #327080;
  background-repeat: no-repeat;
  z-index: 2;
  pointer-events: none;
}

.custom-select::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 66%;
  top: 18%;
  right: 2em;
  background-color: #d3dbdb;
  z-index: 2;
  pointer-events: none;
}

.custom-select select:hover {
  border: 1px solid #327080;
}

.custom-select select:focus {
  outline: none;
  background-color: white;
  border: 1px solid #327080;
  color: #12171b;
}

x:-o-prefocus,
.custom-select::after {
  display: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .custom-select select::-ms-expand {
    display: none;
  }

  .custom-select select:focus::-ms-value {
    background: transparent;
    color: #12171b;
  }
}
.custom-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 black;
}

.custom-select--full {
  display: block;
  margin-right: 0;
}

.custom-select__seperator {
  color: #484848;
  margin-right: 0.625rem;
  display: inline-block;
  vertical-align: top;
  padding-top: 0.5em;
  font-style: italic;
}

[tabindex="-1"]:focus {
  outline: none;
}

.animated--pulse, .animated--fadeOutDown, .petition__faqs-answer.is-hidden, .animated--fadeInUp, .petition__faqs-answer, .modal__dialog, .animated--fadeOutLeft, .icon.is-hidden .icon--feedback, .icon.is-hidden--mobile .icon--feedback, .animated--fadeInRight, .icon--feedback, .animated--bounceInUp, .animated--bounceInDown {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.animated--bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

.animated--bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

.animated--fadeInRight, .icon--feedback {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.animated--fadeOutLeft, .icon.is-hidden .icon--feedback, .icon.is-hidden--mobile .icon--feedback {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

.animated--fadeInUp, .petition__faqs-answer, .modal__dialog {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.animated--fadeOutDown, .petition__faqs-answer.is-hidden, .petition__faqs-answer.is-hidden--mobile {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

.animated--fadeOutDown-short {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

.animated--pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(5px);
  }
  80% {
    -webkit-transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  80% {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-6px);
  }
  80% {
    -webkit-transform: translateY(3px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
  }
  80% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes showHeaderMenu {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2rem);
            transform: translateY(-2rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes showHeaderMenu {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2rem);
            transform: translateY(-2rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.title {
  font-weight: 300;
  line-height: 1.125;
  letter-spacing: 0.05rem;
  margin-top: 0;
}
.title--nav {
  font-weight: 700;
  letter-spacing: 0.0875rem;
  text-transform: uppercase;
  margin: 0.375rem 0;
}
@media (min-width: 60rem) {
  .title--nav {
    font-size: 1.625rem;
    margin: 0.5rem 0;
  }
}
@media (min-width: 72rem) {
  .title--nav {
    font-size: 1.75rem;
  }
}
.title--hero {
  font-size: 2rem;
  line-height: 1.3;
  letter-spacing: 0;
}
@media (min-width: 60rem) {
  .title--hero {
    font-size: 2.5rem;
  }
}
@media (min-width: 72rem) {
  .title--hero {
    font-size: 3rem;
  }
}
.title--page-title {
  color: #555555;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 1.75rem;
}
@media (min-width: 48rem) {
  .title--page-title {
    font-size: 1.75rem;
  }
}
@media (min-width: 72rem) {
  .title--page-title {
    font-size: 2rem;
  }
}
.title--section {
  font-size: 1.375rem;
  color: #327080;
  line-height: 1.25;
}
@media (min-width: 72rem) {
  .title--section {
    font-size: 1.75rem;
  }
}
.title--inverted {
  color: #f9ead5;
}
.title--sub {
  font-size: 1rem;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.375rem;
}
@media (min-width: 54rem) {
  .title--sub {
    font-size: 1.125rem;
  }
}
@media (min-width: 72rem) {
  .title--sub {
    font-size: 1.25rem;
  }
}
.title--sub span {
  display: block;
  font-size: 0.6875rem;
  margin-bottom: 0.25rem;
}
@media (min-width: 54rem) {
  .title--sub span {
    font-size: 0.75rem;
  }
}
.title--sidebar {
  color: #6e6e6e;
  font-weight: 400;
  text-transform: uppercase;
}
.title--banner {
  font-size: 1.5rem;
  text-align: center;
  color: white;
  width: 100%;
  margin-bottom: 0.5rem;
}
@media (min-width: 54rem) {
  .title--banner {
    font-size: 2rem;
    text-align: left;
    width: unset;
  }
}
.title--sub-heading {
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1825rem;
  margin-bottom: 0;
}
.title--modal {
  color: #484848;
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
  padding-right: 1.75rem;
}

.sub-heading {
  color: rgba(18, 23, 27, 0.6);
  font-size: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: 0.175rem;
  line-height: 1.3;
}
@media (min-width: 36rem) {
  .sub-heading {
    font-size: 0.875rem;
  }
}
.list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
}
@media (min-width: 72rem) {
  .list {
    font-size: 1rem;
  }
}
.list__row {
  padding: 0.625rem 0;
  border-bottom: 1px solid #d3dbdb;
}
.list__row:last-child {
  border-bottom: none;
}
.list__row--pop-link a {
  color: #153036;
}
.list__col {
  display: inline-block;
  min-width: 1.5rem;
  margin: 0 0.5rem;
}
.list--nav {
  display: none;
  margin: 0.375rem auto 0;
}
@media (min-width: 48rem) {
  .list--nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 0.375rem;
  }
}
@media (min-width: 54rem) {
  .list--nav {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 0;
  }
}
.list--nav-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 18rem;
}
@media (min-width: 36rem) {
  .list--nav-mobile {
    max-width: unset;
  }
}
@media (min-width: 48rem) {
  .list--nav-mobile {
    display: none;
  }
}

.button, .site__skip-button,
[type=submit],
[type=button],
button {
  position: relative;
  display: inline-block;
  background-color: #327080;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  border: 2px solid #327080;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.button svg, .site__skip-button svg,
[type=submit] svg,
[type=button] svg,
button svg {
  fill: white;
}
.button:hover, .site__skip-button:hover,
[type=submit]:hover,
[type=button]:hover,
button:hover {
  background-color: #24505b;
  color: white;
  text-decoration: none;
  border: 2px solid #24505b;
}
.button:hover.button--inverted img, .site__skip-button:hover img,
[type=submit]:hover.button--inverted img,
[type=button]:hover.button--inverted img,
button:hover.button--inverted img {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.button:active, .site__skip-button:active,
[type=submit]:active,
[type=button]:active,
button:active {
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}
.button:focus, .site__skip-button:focus,
[type=submit]:focus,
[type=button]:focus,
button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.25rem #b8aa8f;
          box-shadow: 0 0 0 0.25rem #b8aa8f;
}
.button[disabled=disabled], [disabled=disabled].site__skip-button,
[type=submit][disabled=disabled],
[type=button][disabled=disabled],
button[disabled=disabled] {
  opacity: 0.55;
}

.button.icon:hover, .icon.site__skip-button:hover, .button.icon:focus, .icon.site__skip-button:focus {
  -webkit-filter: unset;
          filter: unset;
}
.button.icon:hover::before, .icon.site__skip-button:hover::before {
  -webkit-filter: unset;
          filter: unset;
}
.button--shadow {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.button--secondary {
  background: none;
  border: 2px solid #327080;
  color: #327080;
}
.button--secondary svg {
  fill: #327080;
}
.button--inverted, .site__skip-button {
  background: white;
  color: #514b3e;
  border: 2px solid white;
}
.button--inverted svg, .site__skip-button svg {
  fill: #514b3e;
}
.button--inverted img, .site__skip-button img {
  -webkit-filter: invert(28%) sepia(10%) saturate(799%) hue-rotate(3deg) brightness(96%) contrast(89%);
          filter: invert(28%) sepia(10%) saturate(799%) hue-rotate(3deg) brightness(96%) contrast(89%);
}
.button--inverted:focus, .site__skip-button:focus {
  -webkit-box-shadow: 0 0 0 0.25rem #327080;
          box-shadow: 0 0 0 0.25rem #327080;
}
.button--wide {
  display: block;
  width: 100%;
}
.button--two-lines {
  text-align: left;
}
.button--two-lines span {
  display: block;
  font-size: 0.6825rem;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.175rem;
}
.button--icon img {
  display: inline-block;
  height: 1.75rem;
  margin: -1.25rem 0.5rem -1rem -0.375rem;
}
.button--scroll-top {
  padding: 0.25rem;
  opacity: 0;
  -webkit-transform: translateY(0.875rem);
          transform: translateY(0.875rem);
}
.button--scroll-top:focus {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.button--scroll-top img {
  margin: 0;
  width: 2.5rem;
  height: 2.5rem;
}
.button--scroll-top.is-visible {
  opacity: 0.5;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.button--scroll-top.is-visible:hover, .button--scroll-top.is-visible:focus {
  opacity: 1;
}

.button-link, .modal-open {
  display: inline;
  background: none;
  color: #327080;
  font-weight: 400;
  text-align: left;
  padding: 0;
  margin-bottom: 1.5rem;
  border: none;
  border-radius: none;
}
.button-link:hover, .modal-open:hover, .button-link:focus, .modal-open:focus {
  padding: 0;
  border: none;
  background: none;
  color: #24505b;
}
.button-link:focus, .modal-open:focus {
  outline: thin dotted;
  outline-offset: 0.25rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button-link--menu {
  margin-bottom: 0;
}
.button-link--menu:hover, .button-link--menu:focus {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.7);
}
.button-link--menu:hover svg, .button-link--menu:focus svg {
  stroke: rgba(255, 255, 255, 0.7);
}
.button-link--prisoner-filter {
  position: relative;
  z-index: 1;
  color: white;
}
.button-link--prisoner-filter::before {
  content: "";
  width: calc(100% + 2rem);
  height: calc(100% + 1rem);
  position: absolute;
  top: -0.5rem;
  left: -1rem;
  z-index: -1;
  background: #327080;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.button-link--prisoner-filter:hover, .button-link--prisoner-filter:focus {
  color: white;
}
.button-link--prisoner-filter:hover::before, .button-link--prisoner-filter:focus::before {
  background: #153036;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 110;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow-y: auto;
}
@media (min-width: 48rem) {
  .modal {
    padding: 1rem;
    background: rgba(0, 0, 0, 0.7);
  }
}
@media (min-width: 48rem) {
  .modal.is-visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.modal__dialog {
  position: relative;
  padding: 1rem 1.25rem;
  background: #f1f5f6;
}
@media (min-width: 48rem) {
  .modal__dialog {
    max-width: 56rem;
    max-height: calc(100vh - 2.5rem);
    overflow-y: auto;
    padding: 2.5rem 1.75rem 2.25rem;
    border-radius: 0.75rem;
  }
}
.modal__text p:last-child {
  margin-bottom: 0;
}
.modal__header {
  margin-bottom: 1.5rem;
}
.modal--print-instructions .modal__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 48rem) {
  .modal--print-instructions .modal__content {
    display: grid;
    grid-template-columns: auto 14rem;
    grid-gap: 2rem;
    margin-bottom: 0;
  }
}
.modal--print-instructions .icon--close::before {
  background: url(/public/graphics/icons/icon_close_bold-white.svg) center no-repeat;
  background-size: 0.875rem;
}

.modal-open {
  font-size: 0.9325rem;
}
.modal-open:hover, .modal-open:focus {
  margin-bottom: 1.5rem;
}

.modal-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.feedback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: white;
  font-size: 0.875rem;
  background-color: white;
  padding: 1rem 1.25rem;
  margin: 0 auto;
  margin-bottom: 1.5rem;
  border: 1px solid;
  border-radius: 0.75rem;
  -webkit-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.15);
  overflow: hidden;
  position: relative;
}
.feedback p {
  margin-top: 0.125rem;
  margin-bottom: 0;
}
.feedback a {
  color: #12171b;
}

.feedback--prisoner-detail {
  margin-bottom: 3.125rem;
  max-width: 60rem;
}
@media (min-width: 60em) {
  .feedback--prisoner-detail {
    font-size: 1rem;
  }
}

.feedback--error {
  background: #c6583e;
  border-color: #8e3d2a;
}

.feedback--warning {
  background: #efda63;
  border-color: #f1df7a;
}

.feedback--success {
  background: #3cad74;
  border-color: #3cad74;
  border-color: #28744e;
}

.feedback--info {
  background: #327080;
  border-color: #327080;
  border-color: #1c4049;
}

.feedback__desc {
  padding: 1rem 1rem 1rem 3.75rem;
}
@media (min-width: 48em) {
  .feedback__desc {
    padding: 1.25rem 1.25rem 1.25rem 5.25rem;
  }
}

.feedback__title {
  color: white;
  margin: 0 0 0.875rem;
  line-height: 1;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.15rem;
  font-size: 14px;
  font-size: 0.875rem;
}

.feedback__message {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
}
@media (min-width: 48em) {
  .feedback__message {
    font-size: 16px;
    font-size: 1rem;
  }
}
.feedback__message ul {
  margin-top: 0;
  padding-left: 1.5rem;
}
.feedback__message li {
  margin-bottom: 0.25rem;
}
.feedback__message li:last-child {
  margin-bottom: 0;
}
.feedback__message > *:last-child {
  margin-bottom: 0;
}

.icon {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
  text-indent: -999rem;
  color: transparent;
  margin: 0 0.5rem;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.icon:hover, .icon:focus {
  -webkit-filter: brightness(0) saturate(100%) invert(28%) sepia(6%) saturate(4375%) hue-rotate(145deg) brightness(105%) contrast(81%);
          filter: brightness(0) saturate(100%) invert(28%) sepia(6%) saturate(4375%) hue-rotate(145deg) brightness(105%) contrast(81%);
}
.icon--facebook {
  background: url(/public/graphics/icons/icon_facebook.png) center no-repeat;
  background-size: contain;
}
.icon--twitter {
  background: url(/public/graphics/icons/icon_twitter.png) center no-repeat;
  background-size: contain;
}
.icon--letter-delete::before, .icon--letter-move-up::before, .icon--letter-move-down::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.icon--letter-delete::before {
  background: url(/public/graphics/icons/icon_close_bold.svg) center no-repeat;
  background-size: 0.875rem;
}
.icon--letter-delete:hover::before {
  background: url(/public/graphics/icons/icon_close_bold-white.svg) center no-repeat;
  background-size: 0.875rem;
}
.icon--letter-move-up::before, .icon--letter-move-down::before {
  background: url(/public/graphics/icons/icon_arrow-triangle.svg) center no-repeat;
  background-size: 0.875rem;
}
.icon--letter-move-up:hover::before, .icon--letter-move-down:hover::before {
  background: url(/public/graphics/icons/icon_arrow-triangle-white.svg) center no-repeat;
  background-size: 0.875rem;
}
.icon--letter-move-down::before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}
.icon--close {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
  padding: 0 0.45rem 0.25rem;
  border-radius: 50%;
}
@media (min-width: 48rem) {
  .icon--close {
    width: 1.75rem;
    height: 1.75rem;
  }
}
.icon--close::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/public/graphics/icons/icon_close_bold.svg) center no-repeat;
  background-size: 0.875rem;
}
.icon--feedback {
  margin-left: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
.icon--menu {
  stroke: white;
  stroke-width: 0.5rem;
  stroke-linecap: round;
  margin-right: 0;
}
.icon--menu:hover, .icon--menu:focus {
  -webkit-filter: unset;
          filter: unset;
}
.icon.is-hidden .icon--feedback, .icon.is-hidden--mobile .icon--feedback {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.card {
  background: white;
  border-radius: 0.75rem;
  padding: 1.5rem;
  margin: 3rem 0;
}
@media (min-width: 72rem) {
  .card {
    padding: 2.25rem 3.75rem;
    margin: 2rem 0;
  }
}
.card:first-child {
  margin-top: 0;
}
.card:last-child {
  margin-bottom: 0;
}
.card--shadow {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
}
.card--horizontal {
  margin: 0;
}
@media (min-width: 72rem) {
  .card--prisoner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.card--stats {
  background: #12171b;
  background: url(/public/graphics/images/global-stats-bg.jpg) center no-repeat;
  background-size: cover;
  color: white;
  padding: 4rem 1.5rem 2rem;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.card--stats::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.3);
}
@media (min-width: 72rem) {
  .card--stats::before {
    all: unset;
  }
}
@media (min-width: 30rem) {
  .card--stats {
    padding: 5.5rem 2.5rem 2rem;
  }
}
@media (min-width: 72rem) {
  .card--stats {
    padding: 18rem 4.5rem 2.5rem;
  }
}
@media (min-width: 80rem) {
  .card--stats {
    padding: 18rem 5.5rem 2.25rem;
  }
}
.card--stats .card__heading {
  margin-bottom: 0.5rem;
}
@media (min-width: 30rem) {
  .card--stats .card__heading {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 80rem) {
  .card--stats .card__heading {
    font-size: 2.625rem;
  }
}
.card--alerts {
  background: #2a4d56;
  background: #2a4d56 url(/public/graphics/images/email-alerts-bg.jpg) no-repeat;
  background-size: cover;
  background-position: -4.25rem center;
  color: white;
  padding: 2rem 1.5rem 2rem 7rem;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.card--alerts::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.3);
}
@media (min-width: 30rem) {
  .card--alerts::before {
    all: unset;
  }
}
@media (min-width: 30rem) {
  .card--alerts {
    padding: 2rem 1.5rem 2rem 10rem;
  }
}
@media (min-width: 36rem) {
  .card--alerts {
    background-position: -2rem center;
    padding: 2rem 1.5rem 2rem 14rem;
  }
}
@media (min-width: 54rem) {
  .card--alerts {
    padding: 2.5rem 1.5rem 2.5rem 13rem;
  }
}
@media (min-width: 72rem) {
  .card--alerts {
    background-position: center;
    padding: 2.75rem 3.75rem 2.75rem 13rem;
  }
}
@media (min-width: 80rem) {
  .card--alerts {
    padding: 2.75rem 3.75rem 2.75rem 14rem;
  }
}
.card--official {
  background: rgba(249, 234, 213, 0.3) -webkit-gradient(linear, left top, left bottom, from(rgba(249, 234, 213, 0.5)), to(rgba(255, 255, 255, 0.2)));
  background: rgba(249, 234, 213, 0.3) linear-gradient(to bottom, rgba(249, 234, 213, 0.5), rgba(255, 255, 255, 0.2));
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12);
  padding: 0.75rem 1.75rem 1.5rem;
  margin: 3rem 0;
  position: relative;
}
@media (min-width: 30rem) {
  .card--official {
    padding: 1rem 2rem 1.75rem;
  }
}
@media (min-width: 48rem) {
  .card--official {
    margin: 0;
    padding: 1.5rem 2.5rem 2rem;
  }
}
@media (min-width: 72rem) {
  .card--official {
    padding: 2.25rem 3rem;
  }
}
.card--official::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: -webkit-image-set(url(/public/graphics/images/bg_texture.jpg) 1x, url(/public/graphics/images/bg_texture@2x.jpg) 2x) bottom right no-repeat;
  background: image-set(url(/public/graphics/images/bg_texture.jpg) 1x, url(/public/graphics/images/bg_texture@2x.jpg) 2x) bottom right no-repeat;
  background-size: cover;
  border-radius: inherit;
  -webkit-filter: invert(100) brightness(180%);
          filter: invert(100) brightness(180%);
  opacity: 0.25;
}
.card--official::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(249, 234, 213, 0.5)), to(rgba(255, 255, 255, 0.3)));
  background: linear-gradient(to bottom, rgba(249, 234, 213, 0.5), rgba(255, 255, 255, 0.3));
}
.card--wizard-share {
  padding: 2.5rem 1.75rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.4) inset;
          box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.4) inset;
}
.card--wizard-share::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: -webkit-image-set(url(/public/graphics/images/bg_texture.jpg) 1x, url(/public/graphics/images/bg_texture@2x.jpg) 2x) bottom center no-repeat;
  background: image-set(url(/public/graphics/images/bg_texture.jpg) 1x, url(/public/graphics/images/bg_texture@2x.jpg) 2x) bottom center no-repeat;
  background-size: cover;
  -webkit-filter: invert(100) brightness(180%);
          filter: invert(100) brightness(180%);
  opacity: 0.3;
}
.card--wizard-share::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 112, 128, 0.65)), color-stop(rgba(5, 138, 172, 0.15)), color-stop(95%, rgba(255, 255, 255, 0.5))), -webkit-gradient(linear, left top, left bottom, from(rgba(21, 48, 54, 0.5)), to(rgba(50, 112, 128, 0.05)));
  background: linear-gradient(to bottom, rgba(50, 112, 128, 0.65), rgba(5, 138, 172, 0.15), rgba(255, 255, 255, 0.5) 95%), linear-gradient(to bottom, rgba(21, 48, 54, 0.5), rgba(50, 112, 128, 0.05));
}
.card--pray {
  text-align: center;
}
.card__img {
  max-width: 10rem;
  margin: -2.5rem auto 1.5rem;
}
@media (min-width: 72rem) {
  .card__img {
    margin-top: 0;
    margin-left: -5.5rem;
    margin-right: 2rem;
  }
}
.card__photo {
  max-width: 10rem;
  -webkit-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.25);
          box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.25);
}
.card .card__inner > a {
  text-underline-offset: 0.125rem;
}
.card .card__inner > a:hover, .card .card__inner > a:focus {
  text-underline-offset: 0.25rem;
}
.card__heading {
  font-size: 1.875rem;
  margin: 0;
}
@media (min-width: 30rem) {
  .card__heading {
    font-size: 2rem;
  }
}
@media (min-width: 72rem) {
  .card__heading {
    font-size: 2.375rem;
  }
}
@media (min-width: 80rem) {
  .card__heading {
    font-size: 2.75rem;
  }
}
.card__heading--prisoner {
  font-size: 1.375rem;
}
@media (min-width: 36rem) {
  .card__heading--prisoner {
    font-size: 1.5rem;
  }
}
@media (min-width: 72rem) {
  .card__heading--prisoner {
    font-size: 1.75rem;
  }
}
.card__sub-heading {
  margin-bottom: 0.75rem;
}

.ribbon {
  width: calc(100% + 0.5rem);
  position: relative;
  top: -1.5rem;
  left: -0.25rem;
  margin-bottom: -1.25rem;
  -webkit-filter: drop-shadow(0 0.125rem 0.25rem rgba(0, 0, 0, 0.4));
          filter: drop-shadow(0 0.125rem 0.25rem rgba(0, 0, 0, 0.4));
}
.ribbon__top-level {
  background: #e4ddbb;
  -webkit-box-shadow: 0.125rem 0.125rem 0.25rem rgba(0, 0, 0, 0.1), -0.125rem 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
          box-shadow: 0.125rem 0.125rem 0.25rem rgba(0, 0, 0, 0.1), -0.125rem 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
  border-radius: 0.125rem;
}
.ribbon__half {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
}
.ribbon__half--left {
  left: 0;
}
.ribbon__half--right {
  right: 0;
}
.ribbon__tip {
  width: 50%;
  height: 95%;
  position: absolute;
  bottom: -0.425rem;
  z-index: -1;
  background: #c7c09b;
  border-radius: 0.125rem;
  overflow: hidden;
}
.ribbon__tip::before {
  content: "";
  width: 50%;
  height: 0.425rem;
  position: absolute;
  bottom: 0;
}
.ribbon__tip--left {
  left: -25%;
  background: linear-gradient(-65deg, rgba(60, 54, 24, 0.25), transparent 60%), #c7c09b;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0.75rem 50%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0.75rem 50%);
}
.ribbon__tip--left::before {
  right: 0;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
  background: linear-gradient(105deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2) 80%);
}
.ribbon__tip--right {
  right: -25%;
  background: linear-gradient(65deg, rgba(60, 54, 24, 0.25), transparent 60%), #c7c09b;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, calc(100% - 0.75rem) 50%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, calc(100% - 0.75rem) 50%, 100% 100%, 0% 100%);
}
.ribbon__tip--right::before {
  left: 0;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
  background: linear-gradient(-105deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2) 80%);
}
.ribbon__content {
  position: relative;
  padding: 0.375rem 0.75rem;
  color: #484848;
  font-size: 0.9325rem;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
  text-align: center;
  font-weight: bold;
}
.ribbon__content span {
  display: block;
  color: #626262;
  font-size: 0.75rem;
  font-weight: normal;
  letter-spacing: 0.175rem;
  margin-top: -0.25rem;
  margin-left: -0.5625rem;
}

.is-visible {
  display: block;
  visibility: visible;
}

.is-hidden, .is-hidden--mobile {
  display: none;
  visibility: hidden;
}
@media (min-width: 54rem) {
  .is-hidden--mobile {
    display: block;
    visibility: visible;
  }
}

.visuallyhidden, caption {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.img-text {
  display: inline-block;
  text-indent: -999rem;
}

.content-boundary {
  width: 100%;
  padding: 0 1rem;
}
@media (min-width: 54rem) {
  .content-boundary {
    padding: 0 1.5rem;
  }
}
@media (min-width: 60rem) {
  .content-boundary {
    max-width: 64rem;
    margin: 0 auto;
  }
}
@media (min-width: 72rem) {
  .content-boundary {
    max-width: 72rem;
    padding: 0 1.5rem;
  }
}
@media (min-width: 80rem) {
  .content-boundary {
    padding: 0;
  }
}
.content-boundary--minimal {
  max-width: 30rem;
  min-height: 27.5rem;
  margin: 0 auto;
}
@media (min-width: 48rem) {
  .content-boundary--minimal {
    max-width: 54rem;
  }
}
@media (min-width: 60rem) {
  .content-boundary--minimal {
    max-width: 58rem;
  }
}
:root {
  --fixed-header-height: 6.9375rem;
}
@media (min-width: 48rem) {
  :root {
    --fixed-header-height: 4rem;
  }
}
@media (min-width: 60rem) {
  :root {
    --fixed-header-height: 4.5rem;
  }
}

.bg {
  background: #eff2f2;
}

.site__wrapper {
  width: 100%;
  max-width: 100%;
  min-height: calc(100vh - var(--fixed-header-height));
  position: relative;
  top: var(--fixed-header-height);
}
.site__wrapper.modal-is-open {
  height: 100vh;
  overflow-y: hidden;
}

.site__main {
  padding: 3rem 0;
  min-height: 30rem;
}

.site__note {
  color: #514b3e;
  font-size: 0.9325rem;
  font-style: italic;
  border-radius: 0.75rem;
  padding: 1rem 1.25rem;
  background: rgba(249, 234, 213, 0.5);
  background: white -webkit-gradient(linear, left top, left bottom, from(rgba(249, 234, 213, 0.5)), to(transparent));
  background: white linear-gradient(to bottom, rgba(249, 234, 213, 0.5), transparent);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.site__note span {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
}
.site__note::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: -webkit-image-set(url(/public/graphics/images/bg_texture.jpg) 1x, url(/public/graphics/images/bg_texture@2x.jpg) 2x) bottom center no-repeat;
  background: image-set(url(/public/graphics/images/bg_texture.jpg) 1x, url(/public/graphics/images/bg_texture@2x.jpg) 2x) bottom center no-repeat;
  background-size: cover;
  border-radius: inherit;
  -webkit-filter: invert(100) brightness(180%);
          filter: invert(100) brightness(180%);
  opacity: 0.1625;
  overflow: hidden;
}
.site__note::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(249, 234, 213, 0.5)), to(rgba(255, 255, 255, 0.4)));
  background: linear-gradient(to bottom, rgba(249, 234, 213, 0.5), rgba(255, 255, 255, 0.4));
  overflow: hidden;
}

.site__skip-button {
  position: absolute;
  top: -2.75rem;
  left: 0;
  z-index: 101;
  color: #327080;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}
.site__skip-button:focus {
  -webkit-box-shadow: 0 0 0 0.25rem #12171b;
          box-shadow: 0 0 0 0.25rem #12171b;
  top: 0;
}

.site__to-top {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 100;
}

.site__header {
  width: 100%;
  background: #327080;
  background: #327080 url(/public/graphics/images/header.jpg) center no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
@media (min-width: 1800px) {
  .site__header {
    background-size: 1800px auto;
  }
  .site__header::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to right, #24505b calc((100% - 1800px) / 2), transparent calc((100% - 1800px) / 2 + 8rem) calc((100% - 1800px) / 2 - 8rem + 1800px), #24505b calc((100% - 1800px) / 2 + 1800px));
  }
}

.site__header-inner {
  color: white;
  padding: 1rem;
  max-width: 36rem;
  margin: 0 auto;
}
@media (min-width: 48rem) {
  .site__header-inner {
    max-width: 100%;
  }
}
@media (min-width: 54rem) {
  .site__header-inner {
    padding: 1rem 1.5rem;
  }
}
@media (min-width: 60rem) {
  .site__header-inner {
    max-width: 64rem;
  }
}
@media (min-width: 72rem) {
  .site__header-inner {
    max-width: 72rem;
    padding: 0 1.5rem;
  }
}
@media (min-width: 80rem) {
  .site__header-inner {
    padding: 0;
  }
}

.site__header-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  z-index: 10;
}
@media (min-width: 54rem) {
  .site__header-nav {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 2rem 0 1rem;
  }
}
@media (min-width: 72rem) {
  .site__header-nav {
    padding: 5rem 0 1rem;
  }
}

.site__logo {
  color: white;
}
.site__logo:hover, .site__logo:focus {
  color: white;
}

.site__nav {
  width: 100%;
}
@media (min-width: 54rem) {
  .site__nav {
    max-width: 40rem;
    position: relative;
    top: 0;
    right: 0;
    margin-left: 1.5rem;
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
  }
}
@media (min-width: 60rem) {
  .site__nav {
    margin-left: 2rem;
  }
}
@media (min-width: 72rem) {
  .site__nav {
    margin: auto 0;
    max-width: 44rem;
  }
}

.site__nav-item {
  margin: 0.125rem 1rem;
  text-align: center;
}
@media (min-width: 54rem) {
  .site__nav-item {
    margin: 0.375rem 0;
    text-align: center;
  }
}
.site__nav-item a {
  color: #f9ead5;
  font-size: 1rem;
  font-size: 0.9375rem;
  font-weight: 400;
}
@media (min-width: 54rem) {
  .site__nav-item a {
    font-size: 0.875rem;
  }
}
@media (min-width: 60rem) {
  .site__nav-item a {
    font-size: 0.9325rem;
  }
}
@media (min-width: 72rem) {
  .site__nav-item a {
    font-size: 1rem;
  }
}
@media (min-width: 54rem) {
  .site__nav-item:last-child {
    margin-right: 0;
  }
}

/**
 * IMPORTANT!
 * if ever replacing the vom-header, this wrapper and class should remain,
 * and can be edited as necessary. Other elements throughout the site are
 * dependent on the fixed position and fixed height (see var --fixed_header_height
 * in _site.scss)
 */
.vom-header__wrapper {
  width: 100%;
  height: var(--fixed-header-height);
  background: black;
  -webkit-box-shadow: 0 0.375rem 0.375rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.375rem 0.375rem rgba(0, 0, 0, 0.15);
  position: absolute;
  top: calc(var(--fixed-header-height) * -1);
  left: 0;
  z-index: 101;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

.vom-header {
  width: 100%;
  height: 100%;
  background: #11171b;
  padding: 0.625rem 0.625rem 0;
  position: relative;
  top: 0;
  left: 0;
}
@media (min-width: 48rem) {
  .vom-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.625rem;
  }
}
@media (min-width: 60rem) {
  .vom-header {
    padding: 0;
  }
}

.vom-logo {
  font-size: 1rem;
  width: 14rem;
  margin: 0 0 0.625rem;
}
@media (min-width: 48rem) {
  .vom-logo {
    margin-bottom: 0;
  }
}
@media (min-width: 60rem) {
  .vom-logo {
    width: 18.5rem;
  }
}
.vom-logo__link {
  display: block;
  height: 2.75rem;
  background-image: url(/public/graphics/pdotcom/sprites.png);
  background-size: 240px 176px;
  background-position: -2px -1px;
  text-indent: -999rem;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .vom-logo__link {
    background-image: url(/public/graphics/pdotcom/sprites@2x.png);
  }
}
@media (min-width: 48rem) {
  .vom-logo__link {
    background-position: -2px -2px;
  }
}
@media (min-width: 60rem) {
  .vom-logo__link {
    background-position: 8px 7px;
    background-repeat: no-repeat;
    background-size: 300px 220px;
    height: 4.5rem;
  }
}
.vom-logo__link:hover {
  opacity: 0.7;
}
.vom-logo__link:focus {
  outline-color: white;
}
.vom-logo__link::before, .vom-logo__link::after {
  all: unset;
}

.vom-header__nav {
  text-align: center;
  padding: 0.375rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
@media (min-width: 48rem) {
  .vom-header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    border-top: 0;
    margin-left: auto;
    margin-right: -0.75rem;
  }
}
@media (min-width: 60rem) {
  .vom-header__nav {
    margin-right: 0;
  }
}

.vom-header__nav-link {
  color: white;
  display: inline-block;
  font-size: 0.75rem;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1rem;
  padding: 0.5rem 0.75rem;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (min-width: 48rem) {
  .vom-header__nav-link {
    padding: 0.625rem 0.875rem;
  }
}
@media (min-width: 60rem) {
  .vom-header__nav-link {
    font-size: 0.875rem;
    display: block;
    position: relative;
    padding: 0.625rem 1rem;
  }
}
.vom-header__nav-link:not(.vom-header__nav-link--magazine):hover {
  color: #cec378;
}
.vom-header__nav-link--magazine {
  background: #8c7f47;
  border-radius: 0.375rem;
  margin-left: 0.3125rem;
}
@media (min-width: 60rem) {
  .vom-header__nav-link--magazine {
    margin-left: 0.875rem;
  }
}
.vom-header__nav-link--magazine:hover {
  background: #ac9c5a;
  color: white;
}

.vom-header__nav-more {
  width: 2.75rem;
  height: 2.75rem;
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  overflow: hidden;
  background: none;
  border: none;
  margin-bottom: 0;
  -webkit-transition: none;
  transition: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 48rem) {
  .vom-header__nav-more {
    width: 3.75rem;
    position: relative;
    top: 0;
    right: 0;
    border-radius: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.35);
    margin-left: 1.25rem;
  }
}
@media (min-width: 60rem) {
  .vom-header__nav-more {
    width: 4.5rem;
  }
}
@media (min-width: 72rem) {
  .vom-header__nav-more {
    width: 5.25rem;
    margin-left: 1.5rem;
  }
}
.vom-header__nav-more:hover {
  border-left: 1px solid rgba(255, 255, 255, 0.35);
}
.vom-header__nav-more:focus {
  outline-color: white;
  outline-offset: 0;
}
@media (min-width: 48rem) {
  .vom-header__nav-more:focus {
    border-left: 1px solid transparent;
  }
}
.vom-header__nav-more div {
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  text-indent: -999rem;
}
@media (min-width: 60rem) {
  .vom-header__nav-more.vom-header__nav-more--close {
    padding-left: 2.625rem;
  }
}
.vom-header__nav-more--close .vom-header__nav-more-svg-part-1 {
  -webkit-transform: translateY(1.15rem) translateX(0.225rem) rotate(-45deg) scaleX(0.85);
          transform: translateY(1.15rem) translateX(0.225rem) rotate(-45deg) scaleX(0.85);
}
@media (min-width: 60rem) {
  .vom-header__nav-more--close .vom-header__nav-more-svg-part-1 {
    -webkit-transform: translateY(1.1rem) translateX(0.225rem) rotate(-45deg) scaleX(0.85rem);
            transform: translateY(1.1rem) translateX(0.225rem) rotate(-45deg) scaleX(0.85rem);
  }
}
.vom-header__nav-more--close .vom-header__nav-more-svg-part-2 {
  -webkit-transform: translateY(-0.25rem) translateX(0.775rem) rotate(45deg) scaleX(0.85);
          transform: translateY(-0.25rem) translateX(0.775rem) rotate(45deg) scaleX(0.85);
}
@media (min-width: 60rem) {
  .vom-header__nav-more--close .vom-header__nav-more-svg-part-2 {
    -webkit-transform: translateY(-0.3rem) translateX(0.7755rem) rotate(45deg) scaleX(0.85rem);
            transform: translateY(-0.3rem) translateX(0.7755rem) rotate(45deg) scaleX(0.85rem);
  }
}
.vom-header__nav-more--close .vom-header__nav-more-svg-part-3 {
  opacity: 0;
}

.vom-header__nav-more-svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -13px;
  margin-top: -11px;
}
@media (min-width: 60rem) {
  .vom-header__nav-more-svg {
    left: 1.25rem;
    margin-left: 0;
  }
}
@media (min-width: 72rem) {
  .vom-header__nav-more-svg {
    left: 1.5rem;
  }
}
@media (min-width: 60rem) {
  .vom-header__nav-more--close .vom-header__nav-more-svg {
    left: 1.25rem;
  }
}
@media (min-width: 72rem) {
  .vom-header__nav-more--close .vom-header__nav-more-svg {
    left: 1.5rem;
  }
}
.vom-header__nav-more-svg-part-1, .vom-header__nav-more-svg-part-2, .vom-header__nav-more-svg-part-3 {
  fill: white;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.vom-header__nav-more:hover .vom-header__nav-more-svg-part-1, .vom-header__nav-more:hover .vom-header__nav-more-svg-part-2, .vom-header__nav-more:hover .vom-header__nav-more-svg-part-3 {
  fill: #ac9c5a;
}

.vom-menu {
  background: #24323b;
  background: #24323b url(/public/graphics/pdotcom/bg_footer.jpg) no-repeat;
  background-position: top center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  padding: 2.5rem;
  -webkit-animation: showHeaderMenu 0.3s ease-out;
          animation: showHeaderMenu 0.3s ease-out;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.7);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.7);
}
@media (min-width: 60rem) {
  .vom-menu {
    padding: 3.25rem 3.25rem 2.5rem;
  }
}
.vom-menu--closed {
  display: none;
}

.vom-menu__inner {
  max-width: 54rem;
  margin: 0 auto;
}
@media (min-width: 48rem) {
  .vom-menu__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.vom-menu__inner .get-involved {
  padding-bottom: 0;
}
@media (min-width: 48rem) {
  .vom-menu__inner .get-involved__links {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 2.5rem;
    margin-bottom: 2.5rem;
    margin-bottom: 0;
  }
}
@media (min-width: 60rem) {
  .vom-menu__inner .get-involved__links {
    gap: 3.75rem;
  }
}
@media (min-width: 48rem) {
  .vom-menu__inner .get-involved__main-links {
    padding-top: 0.275rem;
  }
}
@media (min-width: 48rem) {
  .vom-menu__inner .get-involved__sub-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.875rem;
    margin-bottom: 2.5rem;
    padding-left: 3.75rem;
    padding-bottom: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
  }
}
@media (min-width: 72rem) {
  .vom-menu__inner .get-involved__sub-links-group li {
    padding-bottom: 1rem;
  }
}
.vom-menu__inner .get-involved__sub-links-group a {
  font-size: 1.125rem;
}
.vom-menu__inner .get-involved__account-link {
  display: block;
  padding-top: 1.35rem;
  margin-top: 1.25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.get-involved {
  padding-bottom: 3.25rem;
}
@media (min-width: 48rem) {
  .get-involved {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 53%;
            flex: 1 0 53%;
    padding-bottom: 0;
  }
}

.get-involved__title {
  color: #f5eabe;
  font-size: 1.125rem;
  margin-bottom: 1.25rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 72rem) {
  .get-involved__title {
    font-size: 1.5rem;
  }
}
.get-involved__title span {
  margin-right: 0.75rem;
}
.get-involved__title::after {
  content: "";
  min-width: 2rem;
  height: 2px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: rgba(255, 255, 255, 0.15);
}

@media (min-width: 54rem) {
  .get-involved__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.get-involved__main-links {
  padding: 0 0 2.5rem;
}
@media (min-width: 48rem) {
  .get-involved__main-links {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 54rem) {
  .get-involved__main-links {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 16rem;
            flex: 1 0 16rem;
    padding-right: 1.25rem;
  }
}
@media (min-width: 72rem) {
  .get-involved__main-links {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 32rem;
            flex: 1 0 32rem;
  }
}

.get-involved__main-link {
  display: block;
  color: white;
  padding: 1.25rem 0.625rem 1.25rem 4.375rem;
  border-radius: 0.3125rem;
  position: relative;
  text-decoration: none;
}
@media (min-width: 60rem) {
  .get-involved__main-link {
    margin-bottom: 1rem;
  }
}
.get-involved__main-link:hover, .get-involved__main-link:focus {
  background-color: rgba(72, 104, 125, 0.5);
  color: #f5eabe;
}
.get-involved__main-link:hover:hover, .get-involved__main-link:hover:focus, .get-involved__main-link:focus:hover, .get-involved__main-link:focus:focus {
  text-decoration: none;
}
.get-involved__main-link strong {
  display: block;
  font-size: 1.125rem;
}
.get-involved__main-link span {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: 400;
  opacity: 0.6;
}
.get-involved__main-link::before {
  content: "";
  display: block;
  width: 3.25rem;
  height: 3.25rem;
  position: absolute;
  top: 0.625rem;
  top: 50%;
  left: 0.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url(/public/graphics/pdotcom/sprites.png);
  background-size: 300px 220px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .get-involved__main-link::before {
    background-image: url(/public/graphics/pdotcom/sprites@2x.png);
  }
}
.get-involved__main-link--subscribe::before {
  background-position: 0 -60px;
}
.get-involved__main-link--donate::before {
  background-position: -61px -58px;
}
.get-involved__main-link--stories::before {
  background-position: -182px -60px;
}

.get-involved__sub-links {
  padding: 0 1rem;
}
@media (min-width: 36rem) {
  .get-involved__sub-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2.5rem;
    margin-bottom: 0;
  }
}
@media (min-width: 60rem) {
  .get-involved__sub-links {
    padding-top: 0.875rem;
  }
}
.get-involved__sub-links li {
  width: 100%;
  padding-bottom: 0.75rem;
}
@media (min-width: 36rem) {
  .get-involved__sub-links li {
    display: inline-block;
  }
}
@media (min-width: 48rem) {
  .get-involved__sub-links li {
    display: block;
  }
}
@media (min-width: 72rem) {
  .get-involved__sub-links li {
    display: inline-block;
    padding-bottom: 1rem;
  }
}
.get-involved__sub-links a {
  color: white;
  font-weight: 300;
}
.get-involved__sub-links a:hover, .get-involved__sub-links a:focus {
  color: #f5eabe;
}
.get-involved__sub-links a:focus {
  outline-offset: 0.25rem;
}

.vom-footer {
  width: 100%;
  background: #24323b;
  background: #24323b url(/public/graphics/pdotcom/bg_footer.jpg) no-repeat;
  background-position: top center;
  padding: 3.25rem 1.5rem 2.5rem;
  position: relative;
  z-index: 1;
}
.vom-footer .get-involved__account-link {
  display: block;
  margin-top: -3rem;
}
.vom-footer .get-involved__sub-links-group h3 {
  color: #f5eabe;
  font-weight: 400;
  font-size: 0.875rem;
}
@media (min-width: 36rem) {
  .vom-footer .get-involved__sub-links-group h3:nth-of-type(2) {
    margin-top: -1.45rem;
  }
}
.vom-footer .get-involved__sub-links-group ul {
  margin: 0 0 3.75rem;
}
.vom-footer .get-involved__sub-links-group a {
  font-size: 1rem;
  font-weight: 700;
}

.vom-footer__inner {
  max-width: 72rem;
  margin: 0 auto;
}
@media (min-width: 48rem) {
  .vom-footer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1.875rem;
  }
}
@media (min-width: 72rem) {
  .vom-footer__inner {
    padding-bottom: 1.25rem;
  }
}

.vom-footer__end {
  max-width: 72rem;
  color: white;
  border-top: 2px solid rgba(255, 255, 255, 0.15);
  padding-top: 2.5rem;
  margin: 0 auto;
}
@media (min-width: 72rem) {
  .vom-footer__end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }
}
@media (min-width: 72rem) {
  .vom-footer__end .social-icons {
    padding-top: 0.25rem;
  }
}

.copyright {
  padding-top: 2.5rem;
  text-align: center;
}
@media (min-width: 48rem) {
  .copyright {
    padding: 1.875rem 0;
  }
}
@media (min-width: 72rem) {
  .copyright {
    padding: 0;
  }
}

.copyright__main,
.copyright__address {
  color: #f5eabe;
  font-size: 0.75rem;
  margin-bottom: 0.625rem;
}
@media (min-width: 48rem) {
  .copyright__main,
.copyright__address {
    margin-bottom: 0;
  }
}
.copyright__main a,
.copyright__address a {
  color: inherit;
}

@media (min-width: 48rem) {
  .copyright__address {
    margin-bottom: 0.3125rem;
  }
}

.copyright__bull {
  display: block;
  height: 0;
  text-indent: -9999px;
}
@media (min-width: 48rem) {
  .copyright__bull {
    display: inline-block;
    height: auto;
    margin: 0 0.25rem;
    text-indent: 0;
  }
}

.copyright__sub {
  font-size: 0.55rem;
  line-height: 1rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
}
.copyright__sub a {
  color: white;
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}
.copyright__sub a:hover, .copyright__sub a:focus {
  text-decoration: none;
}

.organizations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 15rem;
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 48rem) {
  .organizations {
    max-width: none;
  }
}
@media (min-width: 72rem) {
  .organizations {
    margin: 0;
  }
}
.organizations li {
  margin-bottom: 0.625rem;
}
@media (min-width: 72rem) {
  .organizations li {
    margin-bottom: 0;
  }
}
@media (min-width: 48rem) {
  .organizations li:last-child {
    border-left: 0.1rem solid rgba(255, 255, 255, 0.375);
    margin-left: 1rem;
    padding-left: 1rem;
  }
}

.organization {
  background-image: url(/public/graphics/pdotcom/sprites.png);
  background-size: 300px 220px;
  display: block;
  width: 3rem;
  height: 3rem;
  overflow: hidden;
  margin: 0 0.25rem;
  text-indent: -999rem;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .organization {
    background-image: url(/public/graphics/pdotcom/sprites@2x.png);
  }
}
.organization:hover {
  opacity: 0.7;
}
.organization:focus {
  outline-color: white;
  outline-offset: 0.125rem;
}
.organization--ecfa {
  background-position: 0 -172px;
}
.organization--ica {
  background-position: -59px -172px;
}
.organization--cfc {
  background-position: -116px -172px;
  width: 4.25rem;
}
.organization--ncol {
  background: url(/public/graphics/pdotcom/icon_poweredbyncol.svg) center no-repeat;
  background-size: contain;
  width: 66px;
}

.social-icons {
  text-align: center;
}
.social-icons li {
  display: inline-block;
}

.social-icon {
  background-image: url(/public/graphics/pdotcom/sprites.png);
  background-size: 300px 220px;
  display: block;
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  margin: 0 0.25rem;
  text-indent: -999rem;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .social-icon {
    background-image: url(/public/graphics/pdotcom/sprites@2x.png);
  }
}
.social-icon:hover {
  opacity: 0.7;
}
.social-icon:focus {
  outline-color: white;
  outline-offset: 0.125rem;
}
.social-icon--facebook {
  background-position: 0 -125px;
}
.social-icon--twitter {
  background-position: -47px -125px;
}
.social-icon--youtube {
  background-position: -142px -125px;
}
.social-icon--instagram {
  background-position: -189px -125px;
}

.home__hero {
  padding: 5rem 0 0;
}
@media (min-width: 72rem) {
  .home__hero {
    padding: 7rem 0 2.5rem;
  }
}
.home__feed {
  padding: 0 1rem;
  margin-bottom: 3rem;
}
@media (min-width: 54rem) {
  .home__feed {
    padding: 0 1.5rem;
  }
}
@media (min-width: 72rem) {
  .home__feed {
    padding: 3.5rem 0 0;
    margin-top: -3rem;
    margin-bottom: 6rem;
    display: block;
  }
}
.home__feed-inner {
  max-width: 36rem;
  margin: 0 auto;
}
@media (min-width: 54rem) {
  .home__feed-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.875rem;
    margin-bottom: 2.5rem;
    max-width: unset;
  }
}
@media (min-width: 72rem) {
  .home__feed-inner {
    gap: 3.5rem;
    padding-left: 2.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 80rem) {
  .home__feed-inner {
    padding: 0;
    margin: 0 -1rem;
  }
}
.home__stats-subscribe {
  position: relative;
  margin-top: 3rem;
}
@media (min-width: 54rem) {
  .home__stats-subscribe {
    margin-top: -4.5rem;
  }
}
@media (min-width: 72rem) {
  .home__stats-subscribe {
    margin-top: -5.5rem;
  }
}
.home__countries {
  width: 100%;
  background: #f4eee4;
  background: #f4eee4 url(/public/graphics/images/gpg-map.jpg) no-repeat;
  background-size: 320px;
  background-position: top center;
  margin-bottom: -3rem;
}
@media (min-width: 54rem) {
  .home__countries {
    background-size: auto 85%;
    background-position: top left calc(50% + 15rem);
  }
}
@media (min-width: 72rem) {
  .home__countries {
    background-size: auto 100%;
    background-position: top left calc(50% + 15rem);
    display: block;
  }
}

.prisoners__list {
  margin-bottom: 2.25rem;
}

.stats {
  margin-bottom: 0;
}
@media (min-width: 30rem) {
  .stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.875rem;
    margin-bottom: 0;
    margin-top: 2.5rem;
  }
}
@media (min-width: 72rem) {
  .stats {
    margin-top: 0;
  }
}
.stats__tracker {
  font-size: 0.75rem;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
  line-height: 1.3;
}
.stats__counter {
  display: block;
  color: #f9ead5;
  font-size: 1.25rem;
  font-weight: bold;
  padding-bottom: 0.25rem;
}
@media (min-width: 30rem) {
  .stats__counter {
    font-size: 1.5rem;
  }
}
@media (min-width: 72rem) {
  .stats__counter {
    font-size: 1.75rem;
  }
}

.countries__inner {
  padding: 10rem 1.5rem 2rem;
}
@media (min-width: 54rem) {
  .countries__inner {
    padding: 4rem 1.5rem 2rem;
  }
}
@media (min-width: 72rem) {
  .countries__inner {
    padding: 4rem 2.5rem;
  }
}
@media (min-width: 80rem) {
  .countries__inner {
    padding: 4rem 0;
  }
}

.countries__text {
  text-align: center;
  max-width: 22rem;
  margin: 0 auto;
}
@media (min-width: 54rem) {
  .countries__text {
    margin: 0;
    text-align: left;
    max-width: unset;
    width: 26rem;
  }
}

.countries__heading {
  margin: 3.5rem 0 0.5rem;
  text-align: left;
}

.countries__list {
  text-align: left;
}
.countries__list td,
.countries__list th {
  padding: 0.625rem;
}
.countries__list td:first-child,
.countries__list th:first-child {
  padding-left: 0;
}
.countries__list td:last-child,
.countries__list th:last-child {
  padding-right: 0;
}
.countries__list tr .list__col {
  display: table-cell;
  vertical-align: text-bottom;
}
.countries__list tr .list__col:not(:last-child) {
  width: 3rem;
}

.countries__country-row {
  border-color: rgba(54, 41, 30, 0.15);
}
.countries__country-row:focus-within a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  outline: 1px dotted #514b3e;
  outline-offset: 0.25rem;
}
.countries__country-row a::before, .countries__country-row a::after {
  bottom: -0.625rem;
  background: #514b3e;
}

.countries__flag {
  width: 1.75rem;
  margin: 0.25rem 0.75rem 0.25rem 0;
  -webkit-box-shadow: 0 0.25rem 0.375rem rgba(0, 0, 0, 0.25);
          box-shadow: 0 0.25rem 0.375rem rgba(0, 0, 0, 0.25);
}

.countries__prisoner-count {
  color: #36291e;
}

.countries__country a {
  color: #716b5a;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
}
.countries__country a:focus {
  outline-offset: 0.25rem;
}

.gpg-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 54rem) {
  .gpg-heading {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.gpg-prayer {
  background: url(/public/graphics/logos/title_prayer.svg) center no-repeat;
  background-size: auto 100%;
  -webkit-filter: brightness(0.9375);
          filter: brightness(0.9375);
  width: 6.125rem;
  height: 2.125rem;
}
@media (min-width: 30rem) {
  .gpg-prayer {
    background-position-x: 0.25rem;
    width: 6.125rem;
    height: 2.5rem;
  }
}
@media (min-width: 54rem) {
  .gpg-prayer {
    background-position-x: 0.375rem;
    width: 7.5rem;
    height: 3rem;
  }
}
@media (min-width: 72rem) {
  .gpg-prayer {
    background-position-x: 0.5rem;
    width: 10rem;
    height: 4rem;
  }
}

.prisoners {
  margin-top: -1rem;
}
@media (min-width: 48rem) {
  .prisoners {
    margin-top: 0;
    display: grid;
    grid-template-columns: 18.5rem auto;
    grid-gap: 1.75rem;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 60rem) {
  .prisoners {
    display: grid;
    grid-template-columns: 18.5rem auto;
    grid-gap: 3.25rem;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 72rem) {
  .prisoners {
    display: grid;
    grid-template-columns: 1fr 2.25fr;
    grid-gap: 3.75rem;
    margin-bottom: 2.5rem;
  }
}
.prisoners__filter-container {
  margin-bottom: 1rem;
}
@media (min-width: 48rem) {
  .prisoners__filter-container {
    position: sticky;
    top: 0.5rem;
    max-height: calc(100vh - 1.5rem);
    overflow-y: auto;
    margin-bottom: 0;
  }
}
@media (min-width: 54rem) {
  .prisoners__filter-container {
    top: 1rem;
  }
}
@media (min-width: 72rem) {
  .prisoners__filter-container {
    top: 1.5rem;
  }
}
.prisoners__filter-container > .title--sidebar {
  display: none;
}
@media (min-width: 48rem) {
  .prisoners__filter-container > .title--sidebar {
    display: block;
    margin: 0.75rem 0 0.75rem;
  }
}
@media (min-width: 72rem) {
  .prisoners__filter-container > .title--sidebar {
    margin: 0.875rem 0 0.75rem;
  }
}
.prisoners__filter-container .button, .prisoners__filter-container .site__skip-button {
  font-size: 0.875rem;
}
@media (min-width: 72rem) {
  .prisoners__filter-container .button, .prisoners__filter-container .site__skip-button {
    font-size: 0.9325rem;
  }
}
.prisoners__filter-button {
  color: white;
  width: 100%;
  text-align: center;
}
@media (min-width: 48rem) {
  .prisoners__filter-button {
    display: none;
  }
}
.prisoners__filter-button .title--sidebar {
  display: inline-block;
  margin-bottom: 0;
  color: white;
}
.prisoners__filter-button::after {
  content: "";
  width: 0.625rem;
  height: 0.5rem;
  background: white;
  position: relative;
  top: -0.0625rem;
  display: inline-block;
  margin-left: 0.25rem;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
.prisoners__filter-list {
  font-size: 0.875rem;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin-bottom: 1.5rem;
}
@media (min-width: 72rem) {
  .prisoners__filter-list {
    font-size: 0.9325rem;
  }
}
.prisoners__filter-list--closed {
  -webkit-transform: translateY(-1rem);
          transform: translateY(-1rem);
  opacity: 0;
}
.prisoners__filter-row {
  padding: 0.375rem 0;
  border-color: #a9b9b9;
}
@media (min-width: 30rem) {
  .prisoners__filter-row {
    text-align: center;
  }
}
@media (min-width: 48rem) {
  .prisoners__filter-row {
    text-align: left;
  }
}
.prisoners__filter-row:last-of-type {
  border-bottom: 0;
  margin-bottom: 0.5rem;
}
.prisoners__filter-row a {
  width: 100%;
  display: block;
}
@media (min-width: 48rem) {
  .prisoners__filter-row a {
    width: unset;
    display: inline;
  }
}
.prisoners__feed .title--sub {
  margin-bottom: 2rem;
}
@media (min-width: 72rem) {
  .prisoners__feed .title--sub {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 36rem) {
  .prisoners .card--prisoner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 2.25rem;
    margin-right: 1.25rem;
  }
}
@media (min-width: 48rem) {
  .prisoners .card--prisoner {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 60rem) {
  .prisoners .card--prisoner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.prisoners .card__inner {
  max-width: 22rem;
  margin: 0 auto;
}
@media (min-width: 36rem) {
  .prisoners .card__inner {
    max-width: unset;
    width: 100%;
  }
}
@media (min-width: 48rem) {
  .prisoners .card__inner {
    max-width: 22rem;
  }
}
@media (min-width: 60rem) {
  .prisoners .card__inner {
    max-width: unset;
  }
}
.prisoners .card__inner p:last-child {
  margin-bottom: 0;
}
.prisoners .card__img {
  max-width: 9rem;
}
@media (min-width: 36rem) {
  .prisoners .card__img {
    margin: 0 2rem 0 -3rem;
  }
}
@media (min-width: 48rem) {
  .prisoners .card__img {
    margin: -2.5rem auto 1.5rem;
  }
}
@media (min-width: 60rem) {
  .prisoners .card__img {
    margin: 0 2rem 0 -3rem;
  }
}
@media (min-width: 72rem) {
  .prisoners .card__img {
    margin-left: -5.5rem;
    margin-right: 2rem;
  }
}
.prisoners .card__photo {
  width: 9rem;
}
.prisoners__list th {
  max-width: 8rem;
}
.prisoners__list th,
.prisoners__list td {
  vertical-align: text-bottom;
}

.details {
  padding: 0 1rem;
}
@media (min-width: 54rem) {
  .details {
    padding: 1rem 1.5rem 0;
  }
}
@media (min-width: 72rem) {
  .details {
    padding: 2rem 1.5rem;
  }
}
@media (min-width: 80rem) {
  .details {
    padding: 2rem 0;
  }
}
.details__banner {
  width: 100%;
  max-width: 28rem;
  margin: 0 auto;
  background: #b8aa8f;
  border-radius: 0.75rem;
  color: white;
  padding: 2rem 1.5rem;
  position: relative;
}
@media (min-width: 48rem) {
  .details__banner {
    max-width: unset;
    display: grid;
    grid-template-columns: 12rem auto;
    grid-gap: 2rem;
    margin-bottom: 2.5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 72rem) {
  .details__banner {
    display: block;
    padding: 2rem 1.5rem 2rem 18.5rem;
    margin-bottom: 0;
  }
}
@media (min-width: 80rem) {
  .details__banner {
    padding: 2rem 1.5rem 2rem 19rem;
    margin: 0 -1rem;
    width: unset;
  }
}
.details__banner-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.details__banner-img {
  width: 9rem;
  margin: -3rem auto 1.5rem;
  -webkit-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.35);
          box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.35);
}
@media (min-width: 48rem) {
  .details__banner-img {
    width: 12rem;
    height: 100%;
    max-height: 15rem;
    margin: 0;
  }
}
@media (min-width: 60rem) {
  .details__banner-img {
    height: 15rem;
    margin: -3rem auto;
  }
}
@media (min-width: 72rem) {
  .details__banner-img {
    width: 15rem;
    height: calc(100% + 4.5rem);
    max-width: unset;
    max-height: unset;
    top: -1.5rem;
    position: absolute;
    left: 1.5rem;
    margin-top: 0;
    margin-right: 2rem;
  }
}
.details__banner-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.details__banner-ribbon-wrapper {
  -webkit-filter: drop-shadow(0 0.125rem 0.25rem rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0 0.125rem 0.25rem rgba(0, 0, 0, 0.2));
  margin: 0 auto 0.5rem;
}
@media (min-width: 54rem) {
  .details__banner-ribbon-wrapper {
    margin: 0 0 0.5rem;
  }
}
.details__banner-ribbon {
  color: rgba(81, 75, 62, 0.9);
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
  background: white;
  padding: 0.25rem 1.125rem;
  margin: 0 -1.5rem;
  -webkit-clip-path: polygon(100% 0%, calc(100% - 0.625rem) 50%, 100% 100%, 0% 100%, 0.625rem 50%, 0% 0%);
          clip-path: polygon(100% 0%, calc(100% - 0.625rem) 50%, 100% 100%, 0% 100%, 0.625rem 50%, 0% 0%);
}
@media (min-width: 54rem) {
  .details__banner-ribbon {
    margin: 0;
  }
}
.details__banner-ribbon span {
  font-weight: normal;
}
@media (min-width: 54rem) {
  .details__banner-heading {
    margin-right: 1rem;
  }
}
@media (min-width: 72rem) {
  .details__banner-heading {
    margin-right: 1.5rem;
  }
}
.details__banner-sub-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-bottom: 1.25rem;
}
@media (min-width: 54rem) {
  .details__banner-sub-heading {
    display: block;
  }
}
.details__banner-sub-heading span {
  width: 100%;
  height: 0;
  overflow: hidden;
  text-align: center;
  color: #736e53;
}
@media (min-width: 72rem) {
  .details__banner-sub-heading span {
    width: unset;
    height: auto;
  }
}
.details__banner-ctas {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 60rem) {
  .details__banner-ctas {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.details__banner-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 1rem;
  width: 100%;
}
@media (min-width: 60rem) {
  .details__banner-buttons {
    width: unset;
    display: block;
    padding-right: 0.125rem;
    margin-right: 1.375rem;
    margin-bottom: 0;
    border-right: 1px solid white;
  }
}
.details__banner-buttons .button, .details__banner-buttons .site__skip-button {
  margin: 0 0.25rem 0.5rem;
}
@media (min-width: 48rem) {
  .details__banner-buttons .button, .details__banner-buttons .site__skip-button {
    margin: 0 0.5rem 0.5rem;
  }
}
@media (min-width: 60rem) {
  .details__banner-buttons .button, .details__banner-buttons .site__skip-button {
    margin-left: 0;
    margin-right: 1.25rem;
    margin-bottom: 0;
  }
}
.details__banner-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.875rem;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.175rem;
}
.details__banner-share a:first-of-type {
  margin-left: 1rem;
}
.details__content {
  max-width: 26rem;
  margin: 0 auto;
}
@media (min-width: 48rem) {
  .details__content {
    max-width: unset;
  }
}
@media (min-width: 60rem) {
  .details__content {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-gap: 0 1.5rem;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 72rem) {
  .details__content {
    padding: 2.75rem 0 0;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-gap: 2.25rem;
    margin-bottom: 0;
  }
}
.details__stats {
  color: #484848;
  font-size: 0.9375rem;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
  padding: 0 1rem;
  margin-bottom: 2rem;
}
@media (min-width: 60rem) {
  .details__stats {
    grid-column: 1/-1;
    border-bottom: 1px solid #d3dbdb;
  }
}
@media (min-width: 72rem) {
  .details__stats {
    grid-column: unset;
    margin-top: 0.75rem;
    margin-bottom: 0;
    border-bottom: 0;
  }
}
@media (min-width: 30rem) {
  .details__stats .list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 48rem) {
  .details__stats .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 72rem) {
  .details__stats .list {
    display: block;
  }
}
.details__stats .list__row {
  padding: 1rem 0.5rem;
}
@media (min-width: 48rem) {
  .details__stats .list__row {
    width: 25%;
    border-right: 1px solid #d3dbdb;
    border-bottom: none;
    padding: 1rem 1.25rem;
  }
}
@media (min-width: 72rem) {
  .details__stats .list__row {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #d3dbdb;
    padding: 2rem 1.5rem;
  }
}
.details__stats .list__row:last-child {
  border-bottom: 1px solid #d3dbdb;
}
@media (min-width: 48rem) {
  .details__stats .list__row:last-child {
    border-right: none;
    border-bottom: none;
  }
}
@media (min-width: 72rem) {
  .details__stats .list__row:last-child {
    border-bottom: none;
  }
}
@media (min-width: 48rem) {
  .details__stats .list__row:nth-child(n+3) {
    padding-top: 1.25rem;
  }
  .details__stats .list__row:nth-child(n+3) .details__value {
    margin-bottom: 0.3175rem;
  }
}
.details__value {
  display: block;
  color: #327080;
  font-size: 2.125rem;
  font-weight: 700;
  letter-spacing: 0;
}
.details__progress-bar {
  display: block;
  width: 0%;
  height: 0.375rem;
  background: #ddd4a9;
  border-radius: 0.5rem;
  margin-bottom: 0.125rem;
}
.details__smaller-stats.list__row {
  font-size: 0.7625rem;
}
.details__smaller-stats .details__value {
  font-size: 1.5rem;
}
.details__info {
  padding: 0 1rem;
}
@media (min-width: 60rem) {
  .details__info {
    padding: 0 0 2rem 1rem;
  }
}
@media (min-width: 72rem) {
  .details__info {
    padding: 0;
  }
}
.details__update-heading {
  text-transform: uppercase;
  font-size: 1.375rem;
  font-weight: 400;
  margin-bottom: 0.5rem;
}
.details__update-heading:first-of-type::before {
  content: none;
}
.details__update-heading::before {
  content: "...";
  display: block;
  color: #d3dbdb;
  font-size: 0.9325rem;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.25rem;
  line-height: 1;
  margin: -0.75rem 0 0.75rem;
}
.details__gpg {
  border-top: 1px solid #d3dbdb;
  padding-top: 2.5rem;
}
@media (min-width: 60rem) {
  .details__gpg {
    border-top: none;
    padding-top: 0;
    padding-bottom: 1.5rem;
  }
}
@media (min-width: 72rem) {
  .details__gpg {
    padding-right: 1.25rem;
  }
}
.details__gpg .list {
  max-width: 16rem;
  margin: 0 auto;
}
@media (min-width: 48rem) {
  .details__gpg .list {
    max-width: unset;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 0;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 60rem) {
  .details__gpg .list {
    display: block;
    max-width: unset;
    margin: 0;
    position: sticky;
    top: 2.5rem;
  }
}
@media (min-width: 72rem) {
  .details__gpg .list {
    position: static;
  }
}
.details__gpg .list--single-column {
  grid-template-columns: unset;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 48rem) {
  .details__gpg .list__row {
    border-bottom: none;
    border-right: 1px solid #d3dbdb;
  }
}
@media (min-width: 60rem) {
  .details__gpg .list__row {
    border-right: none;
    border-bottom: 1px solid #d3dbdb;
  }
}
@media (min-width: 48rem) {
  .details__gpg .list__row:last-child {
    border-right: none;
  }
}
@media (min-width: 60rem) {
  .details__gpg .list__row:last-child {
    border-bottom: none;
  }
}
.details__map {
  padding: 0 0.75rem 2.5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 22.5rem;
  margin: 0 auto;
}
@media (min-width: 48rem) {
  .details__map {
    margin: 0;
    padding: 0 3.5rem;
    justify-self: flex-end;
  }
}
@media (min-width: 60rem) {
  .details__map {
    width: unset;
    padding: 0 0.75rem 2.5rem;
  }
}
.details__map .title--sub-heading {
  margin-bottom: 0.25rem;
}
.details__map .title--section {
  margin-bottom: 0.75rem;
}
.details__map img {
  margin-bottom: 1.5rem;
  -webkit-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.25);
          box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.25);
  border-radius: 0.25rem;
  overflow: hidden;
}
.details__gpg-ad {
  text-align: center;
  padding: 1.5rem 0;
}
@media (min-width: 48rem) {
  .details__gpg-ad {
    max-width: 20.5rem;
    padding: 0 2.5rem;
  }
}
@media (min-width: 60rem) {
  .details__gpg-ad {
    max-width: unset;
    padding: 1.5rem 0;
  }
}
.details__gpg-ad p {
  color: #919293;
  font-style: italic;
}
.details__gpg-ad span {
  color: #327080;
  font-style: normal;
  font-weight: 700;
}
.details__officials {
  padding: 2.75rem 0 0;
  grid-column: 1/-1;
  border-top: 2px solid #d3dbdb;
}
.details__officials .sub-heading {
  color: #514b3e;
  margin: 1.25rem 0 0.375rem;
  line-height: unset;
}
.details__officials p {
  color: #514b3e;
  font-size: 0.9325rem;
  margin-bottom: 0;
}
.details__officials a {
  font-size: 0.9325rem;
  font-weight: 400;
  word-break: break-all;
}
@media (min-width: 48rem) {
  .details__officials-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1.55rem;
  }
}
@media (min-width: 72rem) {
  .details__officials-list {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 2rem;
  }
}
@media (min-width: 48rem) {
  .details__officials-list .card {
    width: calc(100% / 2 - 1.25rem);
    max-width: 24rem;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
@media (min-width: 72rem) {
  .details__officials-list .card {
    width: calc(100% / 3 - 1.5rem);
    margin: 0 auto;
  }
}
.details__officials-list span {
  font-size: 0.725rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
}

.wizard {
  max-width: 36rem;
  margin: 0 auto;
}
@media (min-width: 54rem) {
  .wizard {
    max-width: 50rem;
  }
}
@media (min-width: 60rem) {
  .wizard {
    max-width: 64rem;
    padding: 0 1.5rem;
  }
}
@media (min-width: 72rem) {
  .wizard {
    max-width: 72rem;
  }
}
@media (min-width: 80rem) {
  .wizard {
    padding: 0;
  }
}
.wizard__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 72rem) {
  .wizard__inner {
    display: grid;
    grid-template-columns: 2.5fr 1fr;
    grid-gap: 1.75rem;
    margin-bottom: 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 1rem;
  }
}
.wizard__sidebar {
  background: white;
  border-radius: 0.75rem;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 1.5rem 1rem;
  font-size: 0.9325rem;
  margin-bottom: 0;
}
@media (min-width: 54rem) {
  .wizard__sidebar {
    max-width: 36rem;
    width: 100%;
    margin: 1.5rem auto 0;
  }
}
@media (min-width: 72rem) {
  .wizard__sidebar {
    margin-top: 0;
  }
}
.wizard__sidebar p:last-child {
  margin-bottom: 0;
}
.wizard__sidebar a {
  color: white;
  text-underline-offset: 0.125rem;
}
.wizard__sidebar a:hover, .wizard__sidebar a:focus {
  text-underline-offset: 0.25rem;
}
.wizard__sidebar a:focus {
  outline-color: white;
}
.wizard__sidebar-header {
  padding: 1.5rem 1rem;
  margin: -1.5rem -1rem 0;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.wizard__sidebar-header::before {
  content: "";
  width: 100%;
  height: calc(100% + 1.5rem);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: -webkit-image-set(url(/public/graphics/images/bg_texture.jpg) 1x, url(/public/graphics/images/bg_texture@2x.jpg) 2x) bottom center no-repeat;
  background: image-set(url(/public/graphics/images/bg_texture.jpg) 1x, url(/public/graphics/images/bg_texture@2x.jpg) 2x) bottom center no-repeat;
  background-size: cover;
  -webkit-filter: invert(100) brightness(180%);
          filter: invert(100) brightness(180%);
  opacity: 0.3;
}
.wizard__sidebar-header::after {
  content: "";
  width: 100%;
  height: calc(100% + 1.5rem);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 112, 128, 0.65)), color-stop(rgba(5, 138, 172, 0.15)), color-stop(95%, white)), -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(14, 32, 36, 0.5)), color-stop(80%, rgba(50, 112, 128, 0.2)), color-stop(98%, white));
  background: linear-gradient(to bottom, rgba(50, 112, 128, 0.65), rgba(5, 138, 172, 0.15), white 95%), linear-gradient(to bottom, rgba(14, 32, 36, 0.5) 25%, rgba(50, 112, 128, 0.2) 80%, white 98%);
}
.wizard__sidebar-img {
  max-width: 4.5rem;
  margin-right: 1.125rem;
}
@media (min-width: 30rem) {
  .wizard__sidebar-img {
    max-width: 5.5rem;
  }
}
@media (min-width: 72rem) {
  .wizard__sidebar-img {
    max-width: 4.5rem;
  }
}
.wizard__sidebar-photo {
  -webkit-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.25);
          box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.25);
}
.wizard__sidebar-info {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.wizard__sidebar-name {
  color: white;
  font-size: 1.25rem;
  line-height: 1.25;
  margin-bottom: 0;
}
.wizard__sidebar-country {
  color: rgba(249, 234, 213, 0.9);
  line-height: 1.3;
  margin-bottom: 0.75rem;
  text-shadow: 0 0.125rem 0.25rem rgba(21, 48, 54, 0.4);
}
.wizard__sidebar-arrested {
  -webkit-filter: drop-shadow(0 0.125rem 0.5rem rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0 0.125rem 0.5rem rgba(0, 0, 0, 0.2));
  margin-left: -0.5rem;
}
.wizard__sidebar-arrested p {
  color: #484848;
  font-size: 0.8125rem;
  text-transform: uppercase;
  background: white;
  -webkit-clip-path: polygon(0% 0%, 0.5rem 50%, 0% 100%, 100% 100%, 100% 0%);
          clip-path: polygon(0% 0%, 0.5rem 50%, 0% 100%, 100% 100%, 100% 0%);
  margin-right: -1rem;
  margin-bottom: 0;
  padding: 0.25rem 1rem;
}
.wizard__sidebar-button {
  position: relative;
  z-index: 1;
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
}
@media (min-width: 48rem) {
  .wizard__sidebar-button {
    display: none;
  }
}
.wizard__sidebar-bio {
  position: relative;
  z-index: 1;
  margin-top: 1rem;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (min-width: 48rem) {
  .wizard__sidebar-bio {
    margin-top: 0;
  }
}
.wizard__sidebar-bio--closed {
  -webkit-transform: translateY(-1rem);
          transform: translateY(-1rem);
  opacity: 0;
}
.wizard__content {
  width: 100%;
}
.wizard__letter-preview {
  margin: 2.5rem 0 4rem;
}
.wizard__cover-letter {
  padding: 1.375rem 1.625rem;
  margin-bottom: 1.375rem;
}
.wizard__cover-letter p {
  font-size: 0.9325rem;
  margin-bottom: 0.825rem;
  font-weight: 400;
  font-style: normal;
}
.wizard__cover-letter p:last-child {
  margin-bottom: 0;
}
.wizard__preview-form {
  background: white;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
}
.wizard__preview-container {
  position: relative;
  padding: 3rem 1.75rem;
}
.wizard__preview-addresses {
  margin-bottom: 2rem;
}
.wizard__preview-addresses p {
  margin-bottom: 0;
}
.wizard__phrases-container {
  width: 100%;
  margin-bottom: 1.5rem;
}
.wizard__phrases-container--align-right {
  text-align: right;
}
.wizard__phrases-container em {
  color: #727374;
}
.wizard__phrase-wrapper {
  width: 100%;
  position: relative;
  margin-bottom: 0.75rem;
}
.wizard__phrase-wrapper p {
  margin-bottom: 0;
}
.wizard__phrase-wrapper--english {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 4rem;
  padding-right: 2.25rem;
}
@media (min-width: 30rem) {
  .wizard__phrase-wrapper--english {
    min-height: 1.75rem;
    padding-right: 4.25rem;
  }
}
.wizard__phrase-wrapper:only-child .icon--letter-move-up,
.wizard__phrase-wrapper:only-child .icon--letter-move-down {
  display: none;
}
.wizard__phrase-wrapper:first-child .icon--letter-move-up {
  display: none;
}
.wizard__phrase-wrapper:last-child .icon--letter-move-down {
  display: none;
}
.wizard__phrase-buttons {
  position: absolute;
  top: -0.375rem;
  right: -2.5rem;
  width: calc(1.375rem * 2 + 1.5rem);
  text-align: right;
}
@media (min-width: 30rem) {
  .wizard__phrase-buttons {
    width: calc(1.375rem * 3 + 2.25rem);
  }
}
@media (min-width: 36rem) {
  .wizard__phrase-buttons {
    right: -2.75rem;
  }
}
.wizard__phrase-button {
  width: 1.375rem;
  height: 1.375rem;
  margin: 0.375rem;
  padding: 0;
  background: white;
  border-radius: 50%;
}
.wizard__print-form {
  width: 100%;
  margin-bottom: 2rem;
}
@media (min-width: 54rem) {
  .wizard__print-form {
    margin-bottom: 2.5rem;
  }
}
.wizard__print-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 54rem) {
  .wizard__print-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0.75rem;
    margin-bottom: 0;
  }
}
.wizard__print-buttons .button, .wizard__print-buttons .site__skip-button {
  font-size: 0.875rem;
  text-align: left;
  margin-bottom: 0.5rem;
  width: 100%;
}
@media (min-width: 36rem) {
  .wizard__print-buttons .button, .wizard__print-buttons .site__skip-button {
    width: auto;
  }
}
@media (min-width: 54rem) {
  .wizard__print-buttons .button, .wizard__print-buttons .site__skip-button {
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 60rem) {
  .wizard__print-buttons .button, .wizard__print-buttons .site__skip-button {
    font-size: 1rem;
  }
}
@media (min-width: 72rem) {
  .wizard__print-buttons .button, .wizard__print-buttons .site__skip-button {
    font-size: 0.875rem;
    padding: 0.625rem 1rem;
  }
}
.wizard__counter-wrapper {
  margin-right: -1.5rem;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  -webkit-filter: drop-shadow(-0.0875rem 0.125rem 0.1825rem rgba(101, 125, 125, 0.65));
          filter: drop-shadow(-0.0875rem 0.125rem 0.1825rem rgba(101, 125, 125, 0.65));
}
.wizard__counter-wrapper::after {
  content: "";
  position: absolute;
  top: calc(-0.25rem + 1px);
  right: 0;
  border-left: 0.5rem solid #7e9797;
  border-top: 0.25rem solid transparent;
}
.wizard__counter {
  display: inline-block;
  color: #484848;
  font-size: 0.875rem;
  font-weight: 700;
  font-style: italic;
  background: #e1e7e7;
  -webkit-clip-path: polygon(0% 0%, 0.5rem 50%, 0% 100%, 100% 100%, 100% 0%);
          clip-path: polygon(0% 0%, 0.5rem 50%, 0% 100%, 100% 100%, 100% 0%);
  padding: 0.25rem 0.75rem 0.25rem 1rem;
}
.wizard__counter--max {
  color: #c6583e;
}
.wizard__letter-form {
  padding: 1.75rem;
  background: #ecf5f5;
}
@media (min-width: 36rem) {
  .wizard__letter-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 1rem;
  }
}
@media (min-width: 72rem) {
  .wizard__letter-field {
    gap: 1.5rem;
  }
}
@media (min-width: 36rem) {
  .wizard__letter-field fieldset {
    width: 50%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.wizard__letter-field .button, .wizard__letter-field .site__skip-button {
  width: 100%;
  margin-top: 0.75rem;
}
@media (min-width: 36rem) {
  .wizard__letter-field .button, .wizard__letter-field .site__skip-button {
    width: auto;
    margin-top: 0;
  }
}
.wizard__description {
  text-align: center;
}
.wizard__description p {
  text-align: left;
}
.wizard__description .modal-open {
  text-align: center;
  margin-bottom: 0;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
  text-decoration-thickness: 2px;
  transition: text-underline-offset 0.3s cubic-bezier(0.18, 0.88, 0.39, 0.95), text-decoration-color 0.3s, -webkit-text-decoration-color 0.3s;
}
.wizard__description .modal-open:hover, .wizard__description .modal-open:focus {
  text-underline-offset: 0.375rem;
}
@media (min-width: 54rem) {
  .wizard__postage-share {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.875rem;
    margin-bottom: 2.5rem;
  }
}
.wizard__postage table {
  max-width: unset;
}
.wizard__share {
  text-align: center;
}
@media (min-width: 54rem) {
  .wizard__share {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.wizard__share p:not(:first-child) {
  font-size: 1.125rem;
  line-height: 1.3;
  margin: 1rem 0 1.75rem;
  text-shadow: 0 0 1.5rem white, 0 0 2.5rem white;
}
.wizard__share a:not(.button):not(.site__skip-button) {
  color: #1c4049;
  -webkit-text-decoration-color: #1c4049;
          text-decoration-color: #1c4049;
  text-underline-offset: 0.25rem;
  transition: text-underline-offset 0.3s cubic-bezier(0.18, 0.88, 0.39, 0.95), text-decoration-color 0.3s, -webkit-text-decoration-color 0.3s;
}
.wizard__share a:not(.button):not(.site__skip-button):hover, .wizard__share a:not(.button):not(.site__skip-button):focus {
  text-underline-offset: 0.375rem;
}
.wizard__share-heading {
  font-size: 1.25rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
  text-align: center;
}
@media (min-width: 54rem) {
  .wizard__bio-separator {
    display: none;
  }
}

.petition {
  max-width: 36rem;
  margin: 0 auto;
}
@media (min-width: 48rem) {
  .petition {
    max-width: 64rem;
  }
}
@media (min-width: 72rem) {
  .petition {
    max-width: 72rem;
  }
}
.petition__write-up {
  width: 100%;
  background: #0b0b0b;
  background: #0b0b0b -webkit-image-set(url(/public/graphics/images/hands-on-bars.png) 1x, url(/public/graphics/images/hands-on-bars@2x.png) 2x) no-repeat;
  background: #0b0b0b image-set(url(/public/graphics/images/hands-on-bars.png) 1x, url(/public/graphics/images/hands-on-bars@2x.png) 2x) no-repeat;
  background-size: auto 12rem;
  background-position: top right;
  border-radius: 0.75rem;
  margin-bottom: 4.5rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (min-width: 48rem) {
  .petition__write-up {
    background-size: auto 15rem;
    background-position: top right;
  }
}
@media (min-width: 60rem) {
  .petition__write-up {
    background-size: cover;
    background-position: center right -12rem;
  }
}
@media (min-width: 72rem) {
  .petition__write-up {
    background-size: cover;
    background-position: center right -8rem;
  }
}
@media (min-width: 80rem) {
  .petition__write-up {
    background-size: cover;
    background-position: center right -6rem;
    width: unset;
    margin: 0 -1rem 4.5rem;
  }
}
.petition__write-up::before {
  content: "";
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(8rem, transparent), color-stop(13rem, #0b0b0b));
  background: linear-gradient(to bottom, transparent 8rem, #0b0b0b 13rem);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (min-width: 48rem) {
  .petition__write-up::before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(11rem, transparent), color-stop(16rem, #0b0b0b));
    background: linear-gradient(to bottom, transparent 11rem, #0b0b0b 16rem);
  }
}
@media (min-width: 60rem) {
  .petition__write-up::before {
    all: unset;
  }
}
.petition__write-up-wrapper {
  padding: 8rem 1.5rem 1.25rem;
}
@media (min-width: 48rem) {
  .petition__write-up-wrapper {
    padding: 9rem 2.5rem 2rem;
  }
}
@media (min-width: 60rem) {
  .petition__write-up-wrapper {
    padding: 2rem 24rem 2rem 3rem;
  }
}
.petition__write-up-wrapper p {
  color: white;
  font-size: 0.9235rem;
}
.petition__write-up-heading {
  color: #ddd4a9;
  margin-top: 0.75rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
}
.petition__faqs .title--page-title {
  text-align: center;
}
.petition__faqs-wrapper {
  max-width: 42rem;
  margin: 0 auto;
}
@media (min-width: 60rem) {
  .petition__faqs-wrapper {
    max-width: unset;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 1.5rem;
    margin-bottom: 0;
  }
}
.petition__faqs-answer {
  margin: 0 0 1.75rem;
  padding: 1rem 1.5rem;
}
@media (min-width: 36rem) {
  .petition__faqs-answer {
    padding: 1.5rem 2.25rem;
  }
}
@media (min-width: 60rem) {
  .petition__faqs-answer:first-child {
    grid-row: span 3;
  }
}
.petition__faqs-answer:last-child {
  margin-bottom: 0;
}
.petition__faqs-heading {
  color: #327080;
}

.petition__faqs-underline {
  display: inline-block;
  color: transparent;
  width: 6rem;
  height: 1px;
  overflow: hidden;
  border-bottom: 1px solid #327080;
  margin-bottom: -0.125rem;
}

.selected .petition__faqs-underline {
  border-color: white;
}

.site__note .petition__faqs-underline {
  border-color: #514b3e;
}

.writing {
  max-width: 32rem;
  margin: 0 auto;
}
@media (min-width: 48rem) {
  .writing {
    max-width: 64rem;
  }
}
@media (min-width: 72rem) {
  .writing {
    max-width: 72rem;
  }
}
.writing .title--page-title {
  margin-bottom: 0.75rem;
}
@media (min-width: 54rem) {
  .writing__write-up {
    display: grid;
    grid-template-columns: 60% auto;
    grid-gap: 2.5rem;
    margin-bottom: 0;
  }
}
.writing__write-up-content {
  margin-top: 1.25rem;
}
.writing__write-up-content address {
  background: white;
  padding: 1.375rem 1.625rem;
  border-top: 0.125rem solid #327080;
  border-bottom: 0.125rem solid #327080;
  border-radius: 0.75rem;
}
.writing__write-up-content address p {
  margin-bottom: 0;
}
.writing__gpg-ad {
  margin-top: 3rem;
}
@media (min-width: 48rem) {
  .writing__gpg-ad {
    max-width: 30rem;
    margin: 3rem auto 0;
  }
}
@media (min-width: 54rem) {
  .writing__gpg-ad {
    margin-top: 0;
  }
}
.writing__gpg-ad-wrapper {
  text-align: center;
  padding: 2rem 1.25rem;
}
@media (min-width: 54rem) {
  .writing__gpg-ad-wrapper {
    position: sticky;
    top: 2.5rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }
}
.writing__gpg-ad-wrapper img {
  max-width: 16rem;
}
@media (min-width: 48rem) {
  .writing__gpg-ad-wrapper img {
    max-width: 22rem;
  }
}
@media (min-width: 54rem) {
  .writing__gpg-ad-wrapper img {
    max-width: 14rem;
  }
}
@media (min-width: 72rem) {
  .writing__gpg-ad-wrapper img {
    max-width: 22rem;
  }
}
.writing__gpg-ad-wrapper p {
  font-size: 1.125rem;
}
.writing__gpg-ad-wrapper span {
  color: #327080;
  font-weight: bold;
}

.subscribe__form,
.unsubscribe__form {
  margin-top: 2rem;
  max-width: 36rem;
  margin: 0 auto;
}
.subscribe .title--page-title,
.unsubscribe .title--page-title {
  text-align: center;
}
.subscribe .button, .subscribe .site__skip-button,
.unsubscribe .button,
.unsubscribe .site__skip-button {
  padding: 0.375rem 1rem;
}

.subscribe .required {
  margin-bottom: 0.75rem;
}
.subscribe .optional {
  margin-bottom: 1rem;
}
.subscribe label {
  display: block;
  margin-top: 0.75rem;
}
.subscribe label:first-child {
  margin-top: 0;
}

@media (min-width: 36rem) {
  .unsubscribe fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 1.5rem;
  }
}
.unsubscribe label {
  display: block;
  margin-bottom: 1rem;
}
@media (min-width: 36rem) {
  .unsubscribe label {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 32rem;
    margin-bottom: 0;
  }
}

.pray__inner {
  text-align: center;
  margin-bottom: 3rem;
}
@media (min-width: 72rem) {
  .pray__inner {
    margin-top: 2rem;
  }
}
.pray__inner .title--sub {
  color: #327080;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: 0.125rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 30rem) {
  .pray__inner .title--sub {
    font-size: 2rem;
  }
}
@media (min-width: 72rem) {
  .pray__inner .title--sub {
    font-size: 2.25rem;
  }
}
.pray__inner p {
  font-size: 1.125rem;
}
.pray__ctas {
  max-width: 26rem;
  margin: 0 auto;
}
@media (min-width: 72rem) {
  .pray__ctas {
    max-width: none;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 72rem) {
  .pray__cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 1.5rem;
  }
}
.pray__cards .card {
  margin-bottom: 2.5rem;
  padding: 2rem 1.5rem;
}
@media (min-width: 30rem) {
  .pray__cards .card {
    padding: 2rem;
  }
}
@media (min-width: 72rem) {
  .pray__cards .card {
    margin-bottom: 0;
    width: 33%;
  }
}
.pray__cards .card:last-child {
  margin-bottom: 0;
}
.pray__cards .card::before {
  width: 3rem;
  height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #b8aa8f;
  color: white;
  font-weight: 700;
  font-size: 1.5rem;
  margin: 0 auto 1.5rem;
  border-radius: 50%;
}
.pray__cards .card:first-child::before {
  content: "1";
}
.pray__cards .card:nth-child(2)::before {
  content: "2";
}
.pray__cards .card:nth-child(3)::before {
  content: "3";
}
.pray__cards .card img {
  width: 100%;
  max-width: 18rem;
  margin: 0.75rem auto 1.5rem;
}
.pray__cards .card:first-child img {
  max-width: 14rem;
}
.pray__cards .card p {
  font-size: 1rem;
  text-align: left;
}
.pray .gpg-heading {
  font-size: 0.75rem;
}
@media (min-width: 30rem) {
  .pray .gpg-heading {
    font-size: 1rem;
  }
}
@media (min-width: 54rem) {
  .pray .gpg-heading {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.pray .gpg-heading span {
  background-position-x: center;
}
@media (min-width: 30rem) {
  .pray .gpg-heading span {
    margin-right: 0.175rem;
  }
}
@media (min-width: 72rem) {
  .pray .gpg-heading span {
    width: 6rem;
    height: 2.5rem;
  }
}
.pray .flw-heading {
  color: #398092;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.3;
  letter-spacing: 0.125rem;
}
@media (min-width: 30rem) {
  .pray .flw-heading {
    font-size: 1.25rem;
  }
}
.pray .flw-heading em {
  display: block;
  color: #12171b;
  font-weight: 300;
  text-transform: none;
  letter-spacing: 0;
  padding-top: 0.25rem;
  font-size: 1.125rem;
}
.pray .ictp-heading {
  height: 1.5rem;
  background: url(/public/graphics/logos/icommit_logo.png) center no-repeat;
  background-size: auto 100%;
  text-indent: -999rem;
  overflow: hidden;
  -webkit-filter: hue-rotate(14deg) saturate(0.5) brightness(0.97);
          filter: hue-rotate(14deg) saturate(0.5) brightness(0.97);
}
.pray .ictp-heading ~ img {
  margin: 1.5rem auto 2.25rem;
}
.pray .button, .pray .site__skip-button {
  text-transform: uppercase;
  letter-spacing: 0.125rem;
}

.magazine .title--page-title {
  margin-bottom: 0.75rem;
}
.magazine__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (min-width: 48rem) {
  .magazine__inner {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 1.5rem;
    margin-top: 1.5rem;
  }
}
.magazine__inner img {
  max-width: 14rem;
  margin: 1rem auto 1.75rem;
  -webkit-transform: rotate(2.5deg);
          transform: rotate(2.5deg);
  -webkit-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.35);
          box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.35);
}
@media (min-width: 48rem) {
  .magazine__inner img {
    margin: 0.5rem 1rem 0;
  }
}

.hello-bar {
  background-color: black;
  position: relative;
  z-index: 102;
}

.hello-bar__inner {
  background-color: #9c171e;
  color: white;
  padding: 1.25rem 1.5rem;
  text-align: center;
}
.hello-bar__inner a {
  color: #f9ead5;
  font-weight: normal;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}
.hello-bar__inner a:hover {
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
  text-underline-offset: 0.125rem;
}

.hello-bar__close {
  overflow: hidden;
  height: 2.5rem;
  width: 2.5rem;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 60em) {
  .hello-bar__close {
    height: 3.125rem;
    width: 3.125rem;
  }
}
.hello-bar__close:hover {
  background: none;
  opacity: 0.5;
}
.hello-bar__close span {
  position: absolute;
  top: -999rem;
  left: -999rem;
}
.hello-bar__close::before {
  content: "×";
  font-size: 28px;
  font-size: 1.75rem;
  position: absolute;
  display: block;
  color: white;
  top: 0;
  padding-top: 0.25rem;
  line-height: 1;
  left: 0;
  right: 0;
  text-align: center;
}
@media (min-width: 60em) {
  .hello-bar__close::before {
    padding-top: 0.5rem;
  }
}

_:-ms-fullscreen,
:root,
.msie11 {
  /**
  * HEADER/NAV STYLE FIXES
  */
  /**
   * HOME FEED STYLE FIXES
   */
  /**
  * PRISONER DETAILS PAGE STYLE FIXES
  */
  /**
  * HOW TO PRAY PAGE STYLE FIXES
  */
  /**
  * FREE MAGAZINE STYLE FIXES
  */
  /**
  * WRITING PRISONERS PAGE STYLE FIXES
  */
}
_:-ms-fullscreen .vom-header__wrapper,
:root .vom-header__wrapper,
.msie11 .vom-header__wrapper {
  position: relative;
  margin: -1rem -1rem 0;
  width: calc(100% + 2rem);
}
@media (min-width: 36rem) {
  _:-ms-fullscreen .vom-header__wrapper,
:root .vom-header__wrapper,
.msie11 .vom-header__wrapper {
    width: calc(100vw - 0.5rem);
    margin-top: -1rem;
    margin-left: calc((100vw - 100%) / 2 * -1);
    margin-right: calc((100vw - 100%) / 2 * -1);
  }
}
@media (min-width: 48rem) {
  _:-ms-fullscreen .vom-header__wrapper,
:root .vom-header__wrapper,
.msie11 .vom-header__wrapper {
    width: calc(100% + 2rem);
    margin: -1rem -1rem 0;
  }
}
@media (min-width: 54rem) {
  _:-ms-fullscreen .vom-header__wrapper,
:root .vom-header__wrapper,
.msie11 .vom-header__wrapper {
    width: calc(100% + 3rem);
    margin: -1rem -1.5rem 0;
  }
}
@media (min-width: 60rem) {
  _:-ms-fullscreen .vom-header__wrapper,
:root .vom-header__wrapper,
.msie11 .vom-header__wrapper {
    width: calc(100vw - 0.5rem);
    margin-top: -1rem;
    margin-left: calc((100vw - 100%) / 2 * -1);
    margin-right: calc((100vw - 100%) / 2 * -1);
  }
}
@media (min-width: 72rem) {
  _:-ms-fullscreen .vom-header__wrapper,
:root .vom-header__wrapper,
.msie11 .vom-header__wrapper {
    margin-top: 0;
  }
}
_:-ms-fullscreen .vom-menu,
:root .vom-menu,
.msie11 .vom-menu {
  top: 6.9375rem;
}
@media (min-width: 48rem) {
  _:-ms-fullscreen .vom-menu,
:root .vom-menu,
.msie11 .vom-menu {
    top: 4rem;
  }
}
@media (min-width: 60rem) {
  _:-ms-fullscreen .vom-menu,
:root .vom-menu,
.msie11 .vom-menu {
    top: 4.5rem;
  }
}
_:-ms-fullscreen .site__header-nav,
:root .site__header-nav,
.msie11 .site__header-nav {
  display: block;
}
_:-ms-fullscreen .site__logo,
:root .site__logo,
.msie11 .site__logo {
  display: block;
  text-align: center;
}
@media (min-width: 54rem) {
  _:-ms-fullscreen .site__logo,
:root .site__logo,
.msie11 .site__logo {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }
}
@media (min-width: 48rem) {
  _:-ms-fullscreen .site__nav,
:root .site__nav,
.msie11 .site__nav {
    width: 100%;
    margin: 0;
  }
}
@media (min-width: 54rem) {
  _:-ms-fullscreen .site__nav,
:root .site__nav,
.msie11 .site__nav {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 16.5625rem);
    margin-left: 1rem;
  }
}
@media (min-width: 60rem) {
  _:-ms-fullscreen .site__nav,
:root .site__nav,
.msie11 .site__nav {
    max-width: calc(100% - 17.75rem);
  }
}
@media (min-width: 72rem) {
  _:-ms-fullscreen .site__nav,
:root .site__nav,
.msie11 .site__nav {
    max-width: calc(100% - 19rem);
  }
}
@media (min-width: 48rem) {
  _:-ms-fullscreen .list--nav:last-child,
:root .list--nav:last-child,
.msie11 .list--nav:last-child {
    width: 100%;
  }
}
@media (min-width: 54rem) {
  _:-ms-fullscreen .list--nav:last-child,
:root .list--nav:last-child,
.msie11 .list--nav:last-child {
    max-width: 36rem;
    margin-right: 0;
  }
}
@media (min-width: 72rem) {
  _:-ms-fullscreen .list--nav:last-child,
:root .list--nav:last-child,
.msie11 .list--nav:last-child {
    max-width: 42rem;
  }
}
@media (min-width: 36rem) {
  _:-ms-fullscreen .list--nav-mobile,
:root .list--nav-mobile,
.msie11 .list--nav-mobile {
    max-width: 100%;
  }
}
_:-ms-fullscreen .home__feed-inner,
:root .home__feed-inner,
.msie11 .home__feed-inner {
  display: block;
  max-width: 100%;
}
@media (min-width: 54rem) {
  _:-ms-fullscreen .home__featured-prisoners,
:root .home__featured-prisoners,
.msie11 .home__featured-prisoners {
    display: inline-block;
    width: calc(50% - (1.875rem / 2));
    margin-right: 1.875rem;
    vertical-align: top;
  }
}
@media (min-width: 54rem) {
  _:-ms-fullscreen .home__stats-subscribe,
:root .home__stats-subscribe,
.msie11 .home__stats-subscribe {
    display: inline-block;
    width: calc(50% - (1.875rem / 2));
    vertical-align: top;
  }
}
@media (min-width: 48rem) {
  _:-ms-fullscreen .details__banner,
:root .details__banner,
.msie11 .details__banner {
    max-width: 100%;
    display: block;
  }
}
_:-ms-fullscreen .details__banner-img,
:root .details__banner-img,
.msie11 .details__banner-img {
  overflow: hidden;
}
@media (min-width: 48rem) {
  _:-ms-fullscreen .details__banner-img,
:root .details__banner-img,
.msie11 .details__banner-img {
    display: inline-block;
    vertical-align: middle;
  }
}
@media (min-width: 60rem) {
  _:-ms-fullscreen .details__banner-img,
:root .details__banner-img,
.msie11 .details__banner-img {
    height: auto;
  }
}
@media (min-width: 72rem) {
  _:-ms-fullscreen .details__banner-img,
:root .details__banner-img,
.msie11 .details__banner-img {
    max-height: calc(100% + 5.5rem);
  }
}
_:-ms-fullscreen .details__banner-img img,
:root .details__banner-img img,
.msie11 .details__banner-img img {
  height: auto;
}
@media (min-width: 48rem) {
  _:-ms-fullscreen .details__banner-inner,
:root .details__banner-inner,
.msie11 .details__banner-inner {
    display: inline-block;
    max-width: calc(100% - 14rem);
    margin-left: 2rem;
    vertical-align: middle;
  }
}
@media (min-width: 54rem) {
  _:-ms-fullscreen .details__banner-inner,
:root .details__banner-inner,
.msie11 .details__banner-inner {
    text-align: center;
    width: 100%;
  }
}
@media (min-width: 60rem) {
  _:-ms-fullscreen .details__banner-inner,
:root .details__banner-inner,
.msie11 .details__banner-inner {
    text-align: left;
  }
}
@media (min-width: 72rem) {
  _:-ms-fullscreen .details__banner-inner,
:root .details__banner-inner,
.msie11 .details__banner-inner {
    margin-left: 0;
    max-width: 100%;
  }
}
@media (min-width: 54rem) {
  _:-ms-fullscreen .details__banner-inner .title--banner,
:root .details__banner-inner .title--banner,
.msie11 .details__banner-inner .title--banner {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
}
_:-ms-fullscreen .details__banner-ribbon-wrapper,
:root .details__banner-ribbon-wrapper,
.msie11 .details__banner-ribbon-wrapper {
  width: 16rem;
  text-align: center;
}
@media (min-width: 54rem) {
  _:-ms-fullscreen .details__banner-ribbon-wrapper,
:root .details__banner-ribbon-wrapper,
.msie11 .details__banner-ribbon-wrapper {
    display: inline-block;
    width: 18rem;
    vertical-align: middle;
  }
}
@media (min-width: 60rem) {
  _:-ms-fullscreen .details__banner-buttons,
:root .details__banner-buttons,
.msie11 .details__banner-buttons {
    width: 100%;
    max-width: 27.5rem;
    display: inline-block;
  }
}
_:-ms-fullscreen .details__banner-buttons .button, _:-ms-fullscreen .details__banner-buttons .site__skip-button,
:root .details__banner-buttons .button,
:root .details__banner-buttons .site__skip-button,
.msie11 .details__banner-buttons .button,
.msie11 .details__banner-buttons .site__skip-button {
  padding: 0.5rem;
}
@media (min-width: 60rem) {
  _:-ms-fullscreen .details__banner-share,
:root .details__banner-share,
.msie11 .details__banner-share {
    display: inline-block;
  }
}
_:-ms-fullscreen .details__content,
:root .details__content,
.msie11 .details__content {
  max-width: 26rem;
}
@media (min-width: 48rem) {
  _:-ms-fullscreen .details__content,
:root .details__content,
.msie11 .details__content {
    max-width: 100%;
  }
}
@media (min-width: 72rem) {
  _:-ms-fullscreen .details__stats,
:root .details__stats,
.msie11 .details__stats {
    display: inline-block;
    width: 25%;
    vertical-align: top;
  }
}
@media (min-width: 30rem) {
  _:-ms-fullscreen .details__stats .list,
:root .details__stats .list,
.msie11 .details__stats .list {
    display: block;
    margin-bottom: 0;
  }
}
@media (min-width: 48rem) {
  _:-ms-fullscreen .details__stats .list__row,
:root .details__stats .list__row,
.msie11 .details__stats .list__row {
    display: inline-block;
  }
}
_:-ms-fullscreen .details__info,
:root .details__info,
.msie11 .details__info {
  width: 100%;
}
@media (min-width: 60rem) {
  _:-ms-fullscreen .details__info,
:root .details__info,
.msie11 .details__info {
    display: inline-block;
    max-width: calc(75% - 1.5rem);
    margin-right: 1.5rem;
    vertical-align: top;
  }
}
@media (min-width: 72rem) {
  _:-ms-fullscreen .details__info,
:root .details__info,
.msie11 .details__info {
    max-width: calc(50% - 4.5rem);
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }
}
@media (min-width: 60rem) {
  _:-ms-fullscreen .details__gpg,
:root .details__gpg,
.msie11 .details__gpg {
    display: inline-block;
    max-width: 13.875rem;
    vertical-align: top;
  }
}
@media (min-width: 48rem) {
  _:-ms-fullscreen .details__gpg .list,
:root .details__gpg .list,
.msie11 .details__gpg .list {
    max-width: 100%;
    display: block;
    text-align: center;
  }
}
@media (min-width: 60rem) {
  _:-ms-fullscreen .details__gpg .list,
:root .details__gpg .list,
.msie11 .details__gpg .list {
    position: static;
  }
}
@media (min-width: 48rem) {
  _:-ms-fullscreen .details__gpg .list__row,
:root .details__gpg .list__row,
.msie11 .details__gpg .list__row {
    display: inline-block;
    width: 50%;
    max-width: 22.5rem;
  }
}
@media (min-width: 60rem) {
  _:-ms-fullscreen .details__gpg .list__row,
:root .details__gpg .list__row,
.msie11 .details__gpg .list__row {
    display: block;
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 72rem) {
  _:-ms-fullscreen .details__officials-list,
:root .details__officials-list,
.msie11 .details__officials-list {
    -ms-flex-pack: center;
        justify-content: center;
  }
}
@media (min-width: 48rem) {
  _:-ms-fullscreen .details__officials-list .card--official,
:root .details__officials-list .card--official,
.msie11 .details__officials-list .card--official {
    margin: 0 1rem 2rem;
  }
}
@media (min-width: 72rem) {
  _:-ms-fullscreen .details__officials-list .card--official,
:root .details__officials-list .card--official,
.msie11 .details__officials-list .card--official {
    max-width: calc(33% - 2rem);
  }
}
@media (min-width: 72rem) {
  _:-ms-fullscreen .card--pray:nth-child(2),
:root .card--pray:nth-child(2),
.msie11 .card--pray:nth-child(2) {
    margin: 0 1.5rem;
  }
}
@media (min-width: 48rem) {
  _:-ms-fullscreen .magazine__inner img,
:root .magazine__inner img,
.msie11 .magazine__inner img {
    margin-right: 1.5rem;
  }
}
@media (min-width: 54rem) {
  _:-ms-fullscreen .writing__write-up-content,
:root .writing__write-up-content,
.msie11 .writing__write-up-content {
    display: inline-block;
    width: 60%;
    vertical-align: top;
  }
}
@media (min-width: 54rem) {
  _:-ms-fullscreen .writing__gpg-ad,
:root .writing__gpg-ad,
.msie11 .writing__gpg-ad {
    display: inline-block;
    width: calc(40% - 2.5rem);
    margin-left: 2.5rem;
    vertical-align: top;
  }
}