:root { /* ~ 38px */ /*   36px */ /* ~ 26px */ /* ~ 22px */ /* ~ 20px */ /*   18px */ /* ~ 16px */ /* ~ 26px */
}

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

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

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

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

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

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

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

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

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

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

[hidden],
template {
  display: none;
}

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

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

a {
  background-color: transparent;
}

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

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

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

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

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

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

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  color: #000;
  background: #ff0;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

.article img {
 box-shadow: rgba(0, 0, 0, 0.35) 0px 10px 20px;
  border-radius: 10px;
  margin-bottom: 25px;

}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  height: 0;
  box-sizing: content-box;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  margin: 0; /* 3 */
  font: inherit; /* 2 */
  color: inherit; /* 1 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

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

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
  /* 1 */ input[type="reset"],
input[type="submit"] {
  cursor: pointer; /* 3 */
  -webkit-appearance: button; /* 2 */
}

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

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

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

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

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

input {
  line-height: normal;
}

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

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

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

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

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

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

fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  padding: 0; /* 2 */
  border: 0; /* 1 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

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

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,
th {
  padding: 0;
}

/* Reset the box-sizing */

*,
  *:before,
  *:after,
  input,
  input:before,
  input:after,
  select,
  select:before,
  select:after,
  textarea,
  textarea:before,
  textarea:after,
  input[type="search"],
  input[type="search"]:before,
  input[type="search"]:after {
    box-sizing: border-box;
  }

html,
body {
  height: 100%;
}

/* Body reset */

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: 'GothamRounded', sans-serif;
  font-size: 18px;
  line-height: 1.45;
  color: rgba(114, 115, 117, 1);
  background-color: rgba(255, 255, 255, 1);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.menu-opened {
    overflow: hidden;
  }

.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 98;
  display: block;
  width: 100%;
  height: 100%;
  visibility: hidden;
  background: rgba(255, 255, 255, 1);
  opacity: 0;
  transition: all 0.3s;
}

.menu-opened .body-overlay {
    visibility: visible;
    opacity: 0.7;
  }

/* Reset fonts for relevant elements */

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

input:focus,
  input:active,
  button:focus,
  button:active,
  select:focus,
  select:active,
  textarea:focus,
  textarea:active {
    outline: none;
  }

/* Placeholder */

::-webkit-input-placeholder {
  /* Chrome */
  color: rgba(114, 115, 117, 1);
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(114, 115, 117, 1);
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(114, 115, 117, 1);
  opacity: 1;
}

:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: rgba(114, 115, 117, 1);
  opacity: 1;
}

/* Links */

a {
  color: rgba(255, 67, 86, 1);
  text-decoration: none;
  transition: all 0.3s;
}

a:hover,
  a:focus {
    color: #f60019;
    text-decoration: none;
  }

figure {
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

hr {
  display: block;
  height: 1px;
  padding: 0;
  margin: 1em 0;
  border: 0;
  border-top: 1px solid #eceeef;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/* Headings */

h1 {
  font-weight: 600;
  line-height: 1.2;
}

h2 {
  font-weight: 600;
  line-height: 1.2;
}

h3 {
  font-weight: 600;
  line-height: 1.2;
}

h4 {
  font-weight: 600;
  line-height: 1.2;
}

h5 {
  font-weight: 600;
  line-height: 1.2;
}

h6 {
  font-weight: 600;
  line-height: 1.2;
}

.h1 {
  font-weight: 600;
  line-height: 1.2;
}

.h2 {
  font-weight: 600;
  line-height: 1.2;
}

.h3 {
  font-weight: 600;
  line-height: 1.2;
}

.h4 {
  font-weight: 600;
  line-height: 1.2;
}

.h5 {
  font-weight: 600;
  line-height: 1.2;
}

.h6 {
  font-weight: 600;
  line-height: 1.2;
}

.wysiwyg-font-size-x-large {
  font-weight: 600;
  line-height: 1.2;
}

.wysiwyg-font-size-large {
  font-weight: 600;
  line-height: 1.2;
}

.wysiwyg-font-size-medium {
  font-weight: 600;
  line-height: 1.2;
}

h1 {
  margin: 0 0 calc(18px * 1.45);
}

h2 {
  margin: 0 0 calc(18px * 1.45);
}

h3 {
  margin: 0 0 calc(18px * 1.45);
}

h4 {
  margin: 0 0 calc(18px * 1.45);
}

h5 {
  margin: 0 0 calc(18px * 1.45);
}

h6 {
  margin: 0 0 calc(18px * 1.45);
}

.h1 {
  margin: 0 0 calc(18px * 1.45);
}

.h2 {
  margin: 0 0 calc(18px * 1.45);
}

.h3 {
  margin: 0 0 calc(18px * 1.45);
}

.h4 {
  margin: 0 0 calc(18px * 1.45);
}

.h5 {
  margin: 0 0 calc(18px * 1.45);
}

.h6 {
  margin: 0 0 calc(18px * 1.45);
}

p {
  margin: 0 0 calc(18px * 1.45);
}

.wysiwyg-font-size-x-large {
  margin: 0 0 calc(18px * 1.45);
}

.wysiwyg-font-size-large {
  margin: 0 0 calc(18px * 1.45);
}

.wysiwyg-font-size-medium {
  margin: 0 0 calc(18px * 1.45);
}

ul {
  margin: calc(18px * 1.45) 0;
}

ol {
  margin: calc(18px * 1.45) 0;
}

h1 {
  font-size: calc(18px * 2.11);
}

.h1 {
  font-size: calc(18px * 2.11);
}

h2 {
  font-size: calc(18px * 2);
}

.h2 {
  font-size: calc(18px * 2);
}

.wysiwyg-font-size-x-large {
  font-size: calc(18px * 2);
}

h3 {
  font-size: calc(18px * 1.45);
}

.h3 {
  font-size: calc(18px * 1.45);
}

.wysiwyg-font-size-large {
  font-size: calc(18px * 1.45);
}

h4 {
  font-size: calc(18px * 1.21);
}

.h4 {
  font-size: calc(18px * 1.21);
}

.wysiwyg-font-size-medium {
  font-size: calc(18px * 1.21);
}

h5 {
  font-size: calc(18px * 1.11);
}

.h5 {
  font-size: calc(18px * 1.11);
}

h6 {
  font-size: calc(18px * 1);
}

.h6 {
  font-size: calc(18px * 1);
}

b,
strong {
  font-weight: 600;
}

small,
.small {
  font-size: 80%;
  font-weight: normal;
  line-height: 1;
}

/* Description Lists */

dl {
  margin-top: 0;
  margin-bottom: calc(18px * 1.45);
}

dt {
  margin-bottom: calc(18px * 1.45 / 2);
  line-height: 1.45;
}

dd {
  margin-bottom: calc(18px * 1.45 / 2);
  line-height: 1.45;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0; /* Undo browser default */
}

.dl-horizontal:before,
  .dl-horizontal:after {
    display: table;
    content: "";
  }

.dl-horizontal:after {
    clear: both;
  }

.dl-horizontal dt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

@media (min-width: 768px) {

.dl-horizontal dt {
      float: left;
      width: 30%;
      padding-right: 15px;
      clear: both;
  }
    }

@media (min-width: 768px) {

.dl-horizontal dd {
      float: right;
      width: 70%
  }
    }

/* Abbreviations and acronyms */

abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #818a91;
}

abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #818a91;
}

/* Blockquotes */

blockquote {
  padding: calc(18px * 1.45 / 2)
    calc(18px * 1.45);
  margin: 0 0 calc(18px * 1.45);
  font-family: 'GothamRounded', sans-serif;
  font-style: italic;
  background-color: #f7f7f9;
  border-left: 5px solid #eceeef;
}

blockquote.is-colored {
    border-left: 5px solid rgba(16, 45, 71, 1);
  }

blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
      margin-bottom: 0;
    }

/* Code */

code {
  padding: 20px !important;
  border-radius: 5px !important;
}

/*  Addresses */

address {
  margin-bottom: calc(18px * 1.45);
  font-style: normal;
  line-height: 1.45;
}

.clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }

.clearfix:after {
    clear: both;
  }

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

.list-unstyled {
  padding-left: 0;
  margin: 0;
  list-style: none;
}

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

.powered-by-zendesk {
  display: none;
}

/* Components */

.container {
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {

.container {
    padding-right: calc(15px * 2);
    padding-left: calc(15px * 2)
}
  }

.container-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.row {
  display: flex;
  margin-right: calc(15px * -1);
  margin-left: calc(15px * -1);
  flex-wrap: wrap;
}

.column {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.column--xs-1 {
  width: 8.33333%;
}

.column--xs-2 {
  width: 16.66667%;
}

.column--xs-3 {
  width: 25%;
}

.column--xs-4 {
  width: 33.33333%;
}

.column--xs-5 {
  width: 41.66667%;
}

.column--xs-6 {
  width: 50%;
}

.column--xs-7 {
  width: 58.33333%;
}

.column--xs-8 {
  width: 66.66667%;
}

.column--xs-9 {
  width: 75%;
}

.column--xs-10 {
  width: 83.33333%;
}

.column--xs-11 {
  width: 91.66667%;
}

.column--xs-12 {
  width: 100%;
}

.column--xs-offset-0 {
  margin-left: 0%;
}

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

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

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

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

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

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

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

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

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

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

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

.column--xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .column--sm-1 {
    width: 8.33333%;
  }

  .column--sm-2 {
    width: 16.66667%;
  }

  .column--sm-3 {
    width: 25%;
  }

  .column--sm-4 {
    width: 33.33333%;
  }

  .column--sm-5 {
    width: 41.66667%;
  }

  .column--sm-6 {
    width: 50%;
  }

  .column--sm-7 {
    width: 58.33333%;
  }

  .column--sm-8 {
    width: 66.66667%;
  }

  .column--sm-9 {
    width: 75%;
  }

  .column--sm-10 {
    width: 83.33333%;
  }

  .column--sm-11 {
    width: 91.66667%;
  }

  .column--sm-12 {
    width: 100%;
  }

  .column--sm-offset-0 {
    margin-left: 0%;
  }

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

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

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

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

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

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

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

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

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

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

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

  .column--sm-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 992px) {
  .column--md-1 {
    width: 8.33333%;
  }

  .column--md-2 {
    width: 16.66667%;
  }

  .column--md-3 {
    width: 25%;
  }

  .column--md-4 {
    width: 33.33333%;
  }

  .column--md-5 {
    width: 41.66667%;
  }

  .column--md-6 {
    width: 50%;
  }

  .column--md-7 {
    width: 58.33333%;
  }

  .column--md-8 {
    width: 66.66667%;
  }

  .column--md-9 {
    width: 75%;
  }

  .column--md-10 {
    width: 83.33333%;
  }

  .column--md-11 {
    width: 91.66667%;
  }

  .column--md-12 {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

  .column--md-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {
  .column--lg-1 {
    width: 8.33333%;
  }

  .column--lg-2 {
    width: 16.66667%;
  }

  .column--lg-3 {
    width: 25%;
  }

  .column--lg-4 {
    width: 33.33333%;
  }

  .column--lg-5 {
    width: 41.66667%;
  }

  .column--lg-6 {
    width: 50%;
  }

  .column--lg-7 {
    width: 58.33333%;
  }

  .column--lg-8 {
    width: 66.66667%;
  }

  .column--lg-9 {
    width: 75%;
  }

  .column--lg-10 {
    width: 83.33333%;
  }

  .column--lg-11 {
    width: 91.66667%;
  }

  .column--lg-12 {
    width: 100%;
  }

  .column--lg-pull-0 {
    right: auto;
  }

  .column--lg-pull-1 {
    right: 8.33333%;
  }

  .column--lg-pull-2 {
    right: 16.66667%;
  }

  .column--lg-pull-3 {
    right: 25%;
  }

  .column--lg-pull-4 {
    right: 33.33333%;
  }

  .column--lg-pull-5 {
    right: 41.66667%;
  }

  .column--lg-pull-6 {
    right: 50%;
  }

  .column--lg-pull-7 {
    right: 58.33333%;
  }

  .column--lg-pull-8 {
    right: 66.66667%;
  }

  .column--lg-pull-9 {
    right: 75%;
  }

  .column--lg-pull-10 {
    right: 83.33333%;
  }

  .column--lg-pull-11 {
    right: 91.66667%;
  }

  .column--lg-pull-12 {
    right: 100%;
  }

  .column--lg-push-0 {
    left: auto;
  }

  .column--lg-push-1 {
    left: 8.33333%;
  }

  .column--lg-push-2 {
    left: 16.66667%;
  }

  .column--lg-push-3 {
    left: 25%;
  }

  .column--lg-push-4 {
    left: 33.33333%;
  }

  .column--lg-push-5 {
    left: 41.66667%;
  }

  .column--lg-push-6 {
    left: 50%;
  }

  .column--lg-push-7 {
    left: 58.33333%;
  }

  .column--lg-push-8 {
    left: 66.66667%;
  }

  .column--lg-push-9 {
    left: 75%;
  }

  .column--lg-push-10 {
    left: 83.33333%;
  }

  .column--lg-push-11 {
    left: 91.66667%;
  }

  .column--lg-push-12 {
    left: 100%;
  }

  .column--lg-offset-0 {
    margin-left: 0%;
  }

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

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

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

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

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

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

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

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

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

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

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

  .column--lg-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {

.hidden-lg {
    display: none !important
}
  }

@media (min-width: 992px) and (max-width: 1199px) {

.hidden-md {
    display: none !important
}
  }

@media (min-width: 768px) and (max-width: 991px) {

.hidden-sm {
    display: none !important
}
  }

@media (min-width: 480px) and (max-width: 767px) {

.hidden-xs {
    display: none !important
}
  }

@media (max-width: 479px) {

.hidden-xxs {
    display: none !important
}
  }

.btn {
  display: inline-block;
  padding: 9px 16px;
  margin-bottom: 0;
  overflow: hidden;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  text-align: center;
  letter-spacing: 0.1px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 3px solid #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(55, 60, 80, 0.05);
  transition: all 0.8s ease;
  touch-action: manipulation;
}

input[type="submit"] {
  display: inline-block;
  padding: 9px 16px;
  margin-bottom: 0;
  overflow: hidden;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  text-align: center;
  letter-spacing: 0.1px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 3px solid #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(55, 60, 80, 0.05);
  transition: all 0.8s ease;
  touch-action: manipulation;
}

[role="button"] {
  display: inline-block;
  padding: 9px 16px;
  margin-bottom: 0;
  overflow: hidden;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  text-align: center;
  letter-spacing: 0.1px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 3px solid #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(55, 60, 80, 0.05);
  transition: all 0.8s ease;
  touch-action: manipulation;
}

.topbar .login {
  display: inline-block;
  padding: 9px 16px;
  margin-bottom: 0;
  overflow: hidden;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  text-align: center;
  letter-spacing: 0.1px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 3px solid #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(55, 60, 80, 0.05);
  transition: all 0.8s ease;
  touch-action: manipulation;
}

.lines-button {
  display: inline-block;
  padding: 9px 16px;
  margin-bottom: 0;
  overflow: hidden;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  text-align: center;
  letter-spacing: 0.1px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 3px solid #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(55, 60, 80, 0.05);
  transition: all 0.8s ease;
  touch-action: manipulation;
}

.community-recent-activity .recent-activity-controls a {
  display: inline-block;
  padding: 9px 16px;
  margin-bottom: 0;
  overflow: hidden;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  text-align: center;
  letter-spacing: 0.1px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 3px solid #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(55, 60, 80, 0.05);
  transition: all 0.8s ease;
  touch-action: manipulation;
}

.satisfaction-box input[type="radio"] ~ label {
  display: inline-block;
  padding: 9px 16px;
  margin-bottom: 0;
  overflow: hidden;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  text-align: center;
  letter-spacing: 0.1px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 3px solid #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(55, 60, 80, 0.05);
  transition: all 0.8s ease;
  touch-action: manipulation;
}

.btn:focus, .btn:active:focus, input[type="submit"]:focus, input[type="submit"]:active:focus, [role="button"]:focus, [role="button"]:active:focus, .topbar .login:focus, .topbar .login:active:focus, .lines-button:focus, .lines-button:active:focus, .community-recent-activity .recent-activity-controls a:focus, .community-recent-activity .recent-activity-controls a:active:focus, .satisfaction-box input[type="radio"] ~ label:focus, .satisfaction-box input[type="radio"] ~ label:active:focus {
      outline: none;
    }

.btn:hover {
    text-decoration: none;
    box-shadow: 0 6px 12px rgba(55, 60, 80, 0.08);
  }

.btn:focus {
    text-decoration: none;
    box-shadow: 0 6px 12px rgba(55, 60, 80, 0.08);
  }

input[type="submit"]:hover {
    text-decoration: none;
    box-shadow: 0 6px 12px rgba(55, 60, 80, 0.08);
  }

input[type="submit"]:focus {
    text-decoration: none;
    box-shadow: 0 6px 12px rgba(55, 60, 80, 0.08);
  }

[role="button"]:hover {
    text-decoration: none;
    box-shadow: 0 6px 12px rgba(55, 60, 80, 0.08);
  }

[role="button"]:focus {
    text-decoration: none;
    box-shadow: 0 6px 12px rgba(55, 60, 80, 0.08);
  }

.topbar .login:hover {
    text-decoration: none;
    box-shadow: 0 6px 12px rgba(55, 60, 80, 0.08);
  }

.topbar .login:focus {
    text-decoration: none;
    box-shadow: 0 6px 12px rgba(55, 60, 80, 0.08);
  }

.lines-button:hover {
    text-decoration: none;
    box-shadow: 0 6px 12px rgba(55, 60, 80, 0.08);
  }

.lines-button:focus {
    text-decoration: none;
    box-shadow: 0 6px 12px rgba(55, 60, 80, 0.08);
  }

.community-recent-activity .recent-activity-controls a:hover {
    text-decoration: none;
    box-shadow: 0 6px 12px rgba(55, 60, 80, 0.08);
  }

.community-recent-activity .recent-activity-controls a:focus {
    text-decoration: none;
    box-shadow: 0 6px 12px rgba(55, 60, 80, 0.08);
  }

.satisfaction-box input[type="radio"] ~ label:hover {
    text-decoration: none;
    box-shadow: 0 6px 12px rgba(55, 60, 80, 0.08);
  }

.satisfaction-box input[type="radio"] ~ label:focus {
    text-decoration: none;
    box-shadow: 0 6px 12px rgba(55, 60, 80, 0.08);
  }

.btn:active {
    background-image: none;
    outline: none;
    box-shadow: inset 0 1px 3px rgba(55, 60, 80, 0.15);
  }

input[type="submit"]:active {
    background-image: none;
    outline: none;
    box-shadow: inset 0 1px 3px rgba(55, 60, 80, 0.15);
  }

[role="button"]:active {
    background-image: none;
    outline: none;
    box-shadow: inset 0 1px 3px rgba(55, 60, 80, 0.15);
  }

.topbar .login:active {
    background-image: none;
    outline: none;
    box-shadow: inset 0 1px 3px rgba(55, 60, 80, 0.15);
  }

.lines-button:active {
    background-image: none;
    outline: none;
    box-shadow: inset 0 1px 3px rgba(55, 60, 80, 0.15);
  }

.community-recent-activity .recent-activity-controls a:active {
    background-image: none;
    outline: none;
    box-shadow: inset 0 1px 3px rgba(55, 60, 80, 0.15);
  }

.satisfaction-box input[type="radio"] ~ label:active {
    background-image: none;
    outline: none;
    box-shadow: inset 0 1px 3px rgba(55, 60, 80, 0.15);
  }

[role="button"],
.btn--default,
.section-subscribe .dropdown-toggle,
.community-recent-activity .recent-activity-controls a,
.article-subscribe,
.article-unsubscribe,
.post-subscribe,
.post-unsubscribe,
.topic-controls__item--subscribe .dropdown-toggle,
.topic-controls__item--subscribe .topic-unsubscribe {
  color: rgba(114, 115, 117, 1);
  background-color: #fff;
  border-color: rgba(255, 67, 86, 1);
}

[role="button"]:hover,
  [role="button"]:focus,
  [role="button"]:active,
  .btn--default:hover,
  .btn--default:focus,
  .btn--default:active,
  .section-subscribe .dropdown-toggle:hover,
  .section-subscribe .dropdown-toggle:focus,
  .section-subscribe .dropdown-toggle:active,
  .community-recent-activity .recent-activity-controls a:hover,
  .community-recent-activity .recent-activity-controls a:focus,
  .community-recent-activity .recent-activity-controls a:active,
  .article-subscribe:hover,
  .article-subscribe:focus,
  .article-subscribe:active,
  .article-unsubscribe:hover,
  .article-unsubscribe:focus,
  .article-unsubscribe:active,
  .post-subscribe:hover,
  .post-subscribe:focus,
  .post-subscribe:active,
  .post-unsubscribe:hover,
  .post-unsubscribe:focus,
  .post-unsubscribe:active,
  .topic-controls__item--subscribe .dropdown-toggle:hover,
  .topic-controls__item--subscribe .dropdown-toggle:focus,
  .topic-controls__item--subscribe .dropdown-toggle:active,
  .topic-controls__item--subscribe .topic-unsubscribe:hover,
  .topic-controls__item--subscribe .topic-unsubscribe:focus,
  .topic-controls__item--subscribe .topic-unsubscribe:active {
    color: #545556;
    background-color: #fff;
    border-color: #ff061f;
  }

input[type="submit"],
.btn--primary {
  color: #fff;
  background-color: rgba(255, 67, 86, 1);
  border-color: rgba(255, 67, 86, 1);
}

input[type="submit"]:hover,
  input[type="submit"]:focus,
  input[type="submit"]:active,
  .btn--primary:hover,
  .btn--primary:focus,
  .btn--primary:active {
    color: #fff;
    background-color: #ff061f;
    border-color: #ff061f;
  }

.btn--topbar {
  padding: 10px 14px;
  font-size: 14px;
  color: rgba(255, 67, 86, 1);
  background-color: transparent;
  border-color: rgba(255, 67, 86, 1);
  box-shadow: none !important;
}

@media (min-width: 992px) {

.btn--topbar {
    margin-right: calc(18px * 1.45)
}
  }

@media (max-width: 991px) {

.btn--topbar {
    font-size: 18px
}
  }

.btn--topbar:hover,
  .btn--topbar:focus,
  .btn--topbar:active {
    color: #fff;
    background-color: rgba(255, 67, 86, 1);
    border-color: rgba(255, 67, 86, 1);
  }

.submit-a-request {
  padding: 10px 14px;
}

@media (max-width: 991px) {

.submit-a-request {
    width: 100%;
    margin: 0 0 30px
}
  }

@media (max-width: 991px) {

.topbar__locales {
    margin: 20px 0 0
}
  }

.topbar .login {
  padding: 10px 14px;
  font-size: 14px;
  color: rgba(23, 23, 23, 1);
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(55, 60, 80, 0.15);
}

@media (max-width: 991px) {

.topbar .login {
    width: 100%;
    margin: 0;
    font-size: 18px
}
  }

.topbar .login:hover,
  .topbar .login:focus,
  .topbar .login:active {
    color: #fff;
    background-color: rgba(23, 23, 23, 1);
    border-color: #fff;
  }

.callout {
  padding: calc(18px * 1.45) 20px;
  margin-bottom: calc(18px * 1.45);
  background-color: #eceeef;
  border-left-style: solid;
  border-left-width: 5px;
}

.callout p:last-child {
    margin-bottom: 0;
  }

.callout--transparent {
  background-color: transparent;
  border-color: #dedede;
  border-width: 1px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.14);
}

.callout--success {
  color: rgba(114, 115, 117, 1);
  background-color: #d1fff4;
  border-color: #0c9;
}

.callout--success .callout__title {
    color: #0c9;
  }

.callout--info {
  color: rgba(114, 115, 117, 1);
  background-color: #ffe6e9;
  border-color: rgba(255, 67, 86, 1);
}

.callout--info .callout__title {
    color: rgba(255, 67, 86, 1);
  }

.callout--warning {
  color: rgba(114, 115, 117, 1);
  background-color: #fffbf3;
  border-color: #fad782;
}

.callout--warning .callout__title {
    color: #fad782;
  }

.callout--danger {
  color: rgba(114, 115, 117, 1);
  background-color: #fff5f5;
  border-color: #ff5252;
}

.callout--danger .callout__title {
    color: #ff5252;
  }

.callout--primary {
  color: rgba(114, 115, 117, 1);
  background-color: #7ab0e1;
  border-color: rgba(16, 45, 71, 1);
}

.callout--primary .callout__title {
    color: rgba(16, 45, 71, 1);
  }

.callout--dashed {
  border-style: dashed;
  border-width: 1px;
}

.topbar {
  position: relative;
  z-index: 99;
  width: 100%;
  margin-bottom: calc(18px * 1.45);
  color: #fff;
  background-color: rgba(23, 23, 23, 1);
}

@media (min-width: 992px) {

.topbar {
    margin-bottom: calc(18px * 1.45 * 2)
}
  }

.topbar--bordered {
  border-color: $topbar_border_color transparent #eee transparent;
  border-style: solid;
  border-width: 4px 0 1px;
}

.topbar__inner {
  width: 100%;
  margin: 0 auto;
}

@media (min-width: 992px) {

.topbar__inner {
    display: flex;
    align-items: center;
}
  }

.topbar__col {
  position: relative;
}

@media (max-width: 991px) {

.topbar__col {
    padding: calc(18px * 1.45) 0
}
  }

@media (min-width: 992px) {

.topbar__col {
    padding: calc(18px * 1.45 / 2) 0
}
  }

@media (min-width: 992px) {

.topbar__controls {
    float: right
}
  }

@media (max-width: 991px) {

.topbar__controls {
    width: 100%;
    max-width: 266px;
    margin: 0 auto;
    text-align: center
}
  }

.topbar__collapse {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 991px) {

.topbar__collapse {
    display: none;
    padding-top: calc(18px * 1.45 / 2);
    padding-bottom: calc(18px * 1.45)
}
  }

@media (min-width: 992px) {

.topbar__collapse {
    display: block !important
}
  }

@media (max-width: 991px) {

.topbar__menu {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 15px;
    background: #121212
}
  }

@media (min-width: 992px) {

.topbar__menu {
    flex: 1 1 100px
}
  }

@media (min-width: 992px) {
  .topbar__col {
    padding: 30px 0;
  }
}

@media (min-width: 992px) {

.topbar__logo {
    margin-right: calc(18px * 1.45 * 2.6)
}
  }

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

@media (min-width: 992px) {

.topbar__navigation {
    float: left;
    margin: 0
}
  }

@media (max-width: 991px) {

.topbar__navigation {
    display: flex;
    width: 100%;
    max-width: 400px;
    margin: 0 auto 10px;
    justify-content: center;
    flex-wrap: wrap
}
  }

.topbar__navigation li {
    display: block;
    float: left;
    padding: 2px 0 0;

    list-style: none;
  }

@media (min-width: 992px) {

.topbar__navigation li {
      margin-left: calc(18px * 1.45 * 1.5)
  }

      .topbar__navigation li:first-child {
        margin-left: 0;
      }
    }

@media (max-width: 991px) {

.topbar__navigation li {
      margin: 0 calc(18px * 1.45 * 0.75)
  }
    }

.topbar__navigation li a {
      display: inline-block;
      padding: calc(18px * 1.45 / 2) 0;
      font-weight: 600;
      color: #fff;
      transition: opacity 0.2s;
    }

@media (min-width: 992px) {

.topbar__navigation li a {
        font-size: calc(18px - 2px)
    }
      }

@media (max-width: 991px) {

.topbar__navigation li a {
        font-size: 18px
    }
      }

.topbar__navigation li a:hover {
        opacity: 0.6;
      }

.logo-wrapper {
  display: inline-block;
  vertical-align: middle;
}

.logo img {
    display: block;
    height: 30px !important;
  }

.help-center-name {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}

@media (max-width: 767px) {

.help-center-name {
    display: none
}
  }

.hero-unit {
  position: relative;
  z-index: 2;
  margin-top: calc(18px * 1.45 * -1);
  background-color: rgba(23, 23, 23, 1);
}

@media (min-width: 992px) {

.hero-unit {
    margin-top: calc(18px * 1.45 * -2)
}

    .hero-unit .row {
      flex-wrap: nowrap;
    }
  }

@media (min-width: 992px) {

.hero-unit .search-box {
      margin-top: 5%
  }
    }

@media (max-width: 991px) {

.hero-unit .search-box {
      margin-top: 40px
  }
    }

.no-custom-blocks:after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100vw;
    height: 20px;
    content: "";
    background: rgba(255, 255, 255, 1);
  }

@media (min-width: 992px) {

.hero-unit__row {
    display: flex;
    align-items: center
}
  }

@media (max-width: 991px) {

.hero-unit__row {
    text-align: center
}
  }

.hero-unit__title {
  font-size: calc(calc(18px * 2.11) * 1.38);
  font-weight: 600;
  line-height: calc(1.45 - 0.22);
  color: #fff;
  text-align: center;
}

@media (min-width: 992px) {

.hero-unit__title {
    margin-bottom: 2%
}
  }

@media (max-width: 991px) {

.hero-unit__title {
    margin-bottom: 30px
}
  }

.hero-unit__title .underline {
    position: relative;
    z-index: 2;
    display: inline-block;
    text-shadow: 3px 0 0 rgba(23, 23, 23, 1), -3px 0 0 rgba(23, 23, 23, 1);
  }

.hero-unit__title .underline:before {
      position: absolute;
      bottom: 5px;
      left: 0;
      z-index: -1;
      display: block;
      width: 100%;
      height: 3px;
      content: "";
      background: #fff;
    }

.hero-unit__subtitle {
  line-height: calc(1.45 + 0.22);
  color: #fff;
  text-align: center;
  opacity: 0.7;
}

@media (max-width: 991px) {

.hero-unit__subtitle {
    margin: 0 auto 30px
}
  }

@media (min-width: 992px) {

.hero-unit__image-box {
    text-align: right
}
  }

@media (max-width: 991px) {

.hero-unit__image-box {
    text-align: center
}
  }

.hero-unit__image {
  max-width: 95%;
}

.lines-button {
  width: calc(27px + 16px);
  padding: 8px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent !important;
  border: 0;
  box-shadow: none !important;
  transition: 0.3s;
}

.lines-button:focus,
  .lines-button:active {
    outline: none;
  }

@media (max-width: 991px) {

.lines-button {
    float: right
}
  }

@media (min-width: 992px) {

.lines-button {
    display: none
}
  }

.lines-button:hover {
    opacity: 1;
  }

.lines-button:active {
    outline: 0;
    box-shadow: none;
    transition: none;
  }

.lines-button:focus {
    outline: 0;
  }

/*common to all three-liners */

.lines,
  .lines:before,
  .lines:after {
    display: block;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    transition: 0.3s;
  }

.lines {
  position: relative;
  width: 22px;
  margin: 8px 0 8px 5px;
}

.lines:before,
  .lines:after {
    position: absolute;
    right: 0;
    width: 27px;
    content: "";
    transform-origin: calc(30px / 14) center;
  }

.lines:before {
    top: 8px;
  }

.lines:after {
    bottom: 8px;
  }

.lines-button.is-active {
  transform: scale3d(0.8, 0.8, 0.8);
}

.lines-button.is-active .lines {
    background: transparent;
  }

.lines-button.is-active .lines:before,
    .lines-button.is-active .lines:after {
      top: 0;
      width: 30px;
      transform-origin: 50% 50%;
    }

.lines-button.is-active .lines:before {
      transform: translateX(2px) rotate3d(0, 0, 1, 45deg);
    }

.lines-button.is-active .lines:after {
      transform: translateX(2px) rotate3d(0, 0, 1, -45deg);
    }

.dropdown-toggle {
  padding-right: calc(18px * 1.45 / 2);
}

.dropdown-toggle:after {
  display: inline-block;
  margin-left: 5px;
  font-family: "Font Awesome 5 Free";
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  color: inherit;
  vertical-align: text-bottom;
  content: "\f107";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dropdown-menu {
  min-width: 170px !important;
  padding: 0;
  overflow: hidden;
  font-size: 14px;
  border: none;
  border-radius: 5px;
  box-shadow: 0 6px 12px rgba(55, 60, 80, 0.08);
}

.dropdown-menu [role="menuitem"] {
    position: relative;
    padding: calc(18px * 1.45 / 2)
      15px;
    padding-right: 26px;
    white-space: normal;
  }

.dropdown-menu [role="menuitem"][aria-selected="true"]:after {
    position: absolute;
    top: 16px;
    right: 12px;
    display: inline-block;
    margin-left: 10px !important;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    content: "\f00c";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

/* stylelint-disable */

#user-menu {
  margin: 0 !important;
  border: 0 !important;
}

#user-menu [role="menuitem"] {
    white-space: nowrap;
  }

@media (max-width: 991px) {

#user-menu {
    text-align: center
}
  }

#user > .btn {
  padding-right: 0;
  padding-left: 0;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  box-shadow: none !important;
}

@-webkit-keyframes bounce {
  0% {
    opacity: 0;
    transform: scale(0.7, 0.7);
  }

  65% {
    transform: scale(1.1, 1.1);
  }

  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}

@keyframes bounce {
  0% {
    opacity: 0;
    transform: scale(0.7, 0.7);
  }

  65% {
    transform: scale(1.1, 1.1);
  }

  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}

@media (max-width: 991px) {

#user-dropdown {
    position: static;
    display: inline;
    float: none;
    background: transparent !important;
    border: 0;
    box-shadow: none;
    opacity: 1 !important
}

    #user-dropdown:before,
    #user-dropdown:after {
      display: none;
    }
  }

@media (max-width: 991px) {

#user-dropdown [role="menuitem"] {
      display: inline-block;
      padding: 5px 0;
      margin: 0 5px;
      color: #fff
  }

      #user-dropdown [role="menuitem"]:hover {
        background-color: transparent;
      }
    }

@media (min-width: 992px) {

#user-dropdown [role="menuitem"] {
      padding: 10px 16px
  }
    }

#user-dropdown [role="separator"] {
    padding: 0;
    margin: 0;
  }

@media (max-width: 991px) {

#user-dropdown [role="separator"] {
      border-color: rgba(255, 255, 255, 0.15);
  }
    }

@media (min-width: 992px) {

#user-dropdown[aria-expanded="true"] {
      -webkit-animation: bounce 0.3s ease;
              animation: bounce 0.3s ease
  }
    }

#user-dropdown:before,
  #user-dropdown:after {
    color: inherit;
  }

#user {
  display: block;
}

@media (min-width: 992px) {

#user {
    display: inline-block;
    vertical-align: middle
}
  }

#user .dropdown-toggle {
    padding: 5px 0;
    font-size: calc(18px - 2px);
    color: inherit;
    background: transparent;
  }

#user .dropdown-toggle,
    #user .dropdown-toggle:active,
    #user .dropdown-toggle:hover {
      border-color: transparent;
    }

#user .dropdown-toggle:before,
    #user .dropdown-toggle:after {
      color: #fff;
    }

@media (max-width: 991px) {

#user .dropdown-toggle:before,
    #user .dropdown-toggle:after {
        display: none;
    }
      }

#user-password,
#user-profile {
  color: rgba(114, 115, 117, 1);
}

@media (max-width: 991px) {

#user-password {
    min-width: 1px !important;
    padding: calc(18px * 1.45 / 4)
      15px !important;
    margin-top: calc(18px * 1.45 / 4);
    background-color: #fff;
    border-radius: 5px
}

#user-profile {
    min-width: 1px !important;
    padding: calc(18px * 1.45 / 4)
      15px !important;
    margin-top: calc(18px * 1.45 / 4);
    background-color: #fff;
    border-radius: 5px
}
  }

#user-password [role="separator"] {
    padding: calc(18px * 1.45 / 4)
      15px !important;
  }

#user-profile [role="separator"] {
    padding: calc(18px * 1.45 / 4)
      15px !important;
  }

#user-password form {
    padding: calc(18px * 1.45 / 4)
      15px !important;
  }

#user-profile form {
    padding: calc(18px * 1.45 / 4)
      15px !important;
  }

#user-profile {
  font-size: calc(18px - 2px) !important;
}

#user-profile dt {
    padding: 8px 4px !important;
  }

#user-profile dt label {
      margin-bottom: 0 !important;
    }

#user-profile input[type="text"] {
    font-size: calc(18px - 2px) !important;
  }

#password-form label {
  font-size: calc(18px - 2px) !important;
}

#password-submit {
  float: none !important;
  margin: 0 !important;
  background: auto !important;
}

#user-name {
  margin-left: 6px;
  font-weight: 600;
}

.avatar {
  position: relative;
  display: inline-block;
}

.avatar--agent {
  position: relative;
}

.avatar--agent:before {
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block;
    margin-right: -4px;
    margin-bottom: -4px;
    font-family: "Font Awesome 5 Free";
    font-size: calc(18px * 0.89);
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    color: rgba(16, 45, 71, 1);
    content: "\f19d";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

.user-avatar {
  border-radius: 50%;
}

.user-avatar--default {
  width: 48px;
  height: 48px;
}

#user .user-avatar {
  width: 40px;
  height: 40px;
}

.search-box {
  position: relative;
  clear: both;
}

.search-box svg {
    position: absolute;
    top: 50%;
    display: block;
    width: 25px;
    height: 26px;
    fill: rgba(16, 45, 71, 1);
    transform: translateY(-50%);
  }

@media (min-width: 992px) {

.search-box svg {
      left: 30px
  }
    }

@media (max-width: 991px) {

.search-box svg {
      left: 24px
  }
    }

.search-box .search {
    width: 100%;
  }

.search-box #query {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    border: none;
    border-bottom: 1px solid #eceeef;
    border-radius: 5px 5px 0 0;
  }

@media (min-width: 992px) {

.search-box #query {
      height: 95px;
      padding: 2px 10px 0 70px;
      font-size: calc(18px * 1.45)
  }
    }

@media (max-width: 991px) {

.search-box #query {
      height: 73px;
      padding: 2px 10px 0 60px;
      font-size: calc(18px * 1.21)
  }
    }

.search-box.search-box_page #query {
      border-bottom: none;
      border-radius: 5px;
      box-shadow: 0 1px 3px rgba(55, 60, 80, 0.05);
    }

.search-box input[type="submit"] {
    display: none;
  }

.custom-blocks {
  background: #fff;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 1px 3px rgba(55, 60, 80, 0.05);
}

@media (min-width: 768px) {

.custom-blocks {
    padding: calc(15px * 2)
}

    .custom-blocks .row {
      flex-wrap: nowrap;
    }
  }

@media (max-width: 767px) {

.custom-blocks {
    padding: 0 15px 15px
}

    .custom-blocks .column {
      padding-top: 15px;
    }
  }

.custom-block__link {
  display: block;
  height: 100%;
  text-align: center;
  background: #f7f7f9;
  border: 1px solid #eceeef;
  border-radius: 5px;
  transition: border-color 0.3s;
}

.custom-block__link:hover {
    border-color: rgba(16, 45, 71, 1);
  }

.custom-block__link:hover .custom-block__title {
      color: rgba(16, 45, 71, 1);
    }

@media (min-width: 768px) {

.custom-block__link {
    padding: calc(15px * 2)
}
  }

@media (max-width: 767px) {

.custom-block__link {
    padding: 15px
}
  }

.custom-block__icon {
  position: relative;
  width: 86px;
  height: 86px;
  margin: calc(18px * 1.45) auto
    calc(18px * 1.45 * 1.6);
}

.custom-block__icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%);
  }

.custom-block__icon svg {
    width: 100%;
    height: 100%;
    fill: rgba(0, 0, 0, 1);
  }

.custom-block__title {
  margin-bottom: 18px;
  font-size: calc(18px * 1.45);
  font-weight: 600;
  color: rgba(114, 115, 117, 1);
  transition: color 0.3s;
}

.custom-block__description {
  margin: 0;
  font-size: calc(18px * 0.89);
  color: #8c8d8e;
}

@media (min-width: 992px) {

.custom-block__description {
    padding: 0 calc(15px * 2)
}
  }

@media (max-width: 767px) {

.custom-block__description {
    padding: 0 calc(15px * 2)
}
  }

@media (min-width: 768px) {

.category-tree__item {
    margin-top: calc(18px * 1.45 * 3)
}
  }

@media (max-width: 767px) {

.category-tree__item {
    margin-top: calc(18px * 1.45 * 2)
}
  }

.category-tree__title {
  margin: 0;
}

.category-tree__title-link {
  color: rgba(114, 115, 117, 1);
}

.category-tree__title-link:hover,
  .category-tree__title-link:focus,
  .category-tree__title-link:active {
    color: rgba(16, 45, 71, 1);
  }

.category-tree__description {
  margin: 5px 0 calc(18px * 1.45 * 1.5);
  font-size: calc(18px - 1px);
  color: #d9d9da;
}

@media (max-width: 767px) {

.category-tree__description {
    margin-bottom: calc(18px * 1.45)
}
  }

.section {
  overflow: hidden;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(55, 60, 80, 0.05);
  transition: box-shadow 0.3s;
}

@media (min-width: 768px) {

.section {
    margin-top: calc(18px * 1.45 * 0.9)
}
  }

@media (max-width: 767px) {

.section {
    margin-top: calc(18px * 1.45 * 0.8)
}
  }

.section.is-active {
    box-shadow: 0 6px 12px rgba(55, 60, 80, 0.08);
  }

.section__title {
  position: relative;
  cursor: pointer;
}

@media (min-width: 768px) {

.section__title {
    padding: calc(18px * 1.45 * 1.15)
      calc(15px * 5)
      calc(18px * 1.45 * 1.15)
      calc(15px * 2)
}
  }

@media (max-width: 767px) {

.section__title {
    padding: calc(18px * 1.45)
      calc(15px * 4) calc(18px * 1.45)
      15px
}
  }

.section__title:hover .section__title-name, .section__title:focus .section__title-name, .section__title:active .section__title-name {
      color: rgba(114, 115, 117, 1);
    }

.section__title-icon {
  position: absolute;
  top: calc(50% - 15px);
  right: calc(15px * 2);
  width: 30px;
  height: 30px;
  font-size: calc(18px * 1.45);
  color: #fff;
  text-align: center;
  background: rgba(255, 67, 86, 1);
  border-radius: 50%;
  transition: all 0.3s;
}

.section__title-name {
  margin: 0;
  font-size: calc(18px * 1.11);
  font-weight: 500;
  color: rgba(16, 45, 71, 1);
  transition: color 0.3s;
}

.section__title-icon {
  position: absolute;
  top: calc(50% - 15px);
  right: calc(15px * 2);
  width: 30px;
  height: 30px;
  font-size: calc(18px * 1.45);
  color: #fff;
  text-align: center;
  background: rgba(255, 67, 86, 1);
  border-radius: 50%;
  transition: all 0.3s;
}

.section__title-icon .fa {
    display: block;
    line-height: 30px;
  }

.article-list {
  display: none;
  margin-top: calc(15px * -1);
  margin-bottom: 0;
}

.article-list.article-list_page {
    display: block;
    margin-top: 0;
  }

@media (min-width: 768px) {

.article-list {
    padding: 0 calc(15px * 2)
}
  }

@media (max-width: 767px) {

.article-list {
    padding: 0 15px
}
  }

.article-list__item {
  display: block;
  padding: calc(18px * 1.45 * 0.8) 0;
  list-style: none;
  border-top: 1px solid #eceeef;
}

.article-list__item:first-child {
    border: none;
  }

.article-list__item .fa {
    width: 18px;
    height: 18px;
    margin-right: calc(15px / 2);
    font-size: calc(18px - 6px);
    line-height: 1.45;
    color: rgba(255, 67, 86, 1);
    text-align: center;
    border: 1px solid rgba(255, 67, 86, 1);
    border-radius: 50%;
    transform: translateY(-2px);
  }

.article-list__item-link {
  color: #8c8d8e;
}

.article-list__item-link:hover,
  .article-list__item-link:focus,
  .article-list__item-link:active {
    color: rgba(255, 67, 86, 1);
  }

@media (min-width: 768px) {

.promoted-articles {
    margin-top: calc(18px * 1.45 * 3)
}
  }

@media (max-width: 767px) {

.promoted-articles {
    margin-top: calc(18px * 1.45 * 2)
}
  }

.promoted-articles__title {
  margin: 0;
}

.promoted-articles__description {
  margin: 5px 0 calc(18px * 1.45 / 3);
  font-size: calc(18px - 1px);
  color: #d9d9da;
}

@media (max-width: 767px) {

.promoted-articles__description {
    margin-bottom: calc(18px * 1.45 / 4)
}
  }

@media (min-width: 768px) {

.promoted-articles__list .column {
    padding-top: calc(15px * 2)
}
  }

@media (max-width: 767px) {

.promoted-articles__list .column {
    padding-top: calc(18px * 1.45 * 0.8)
}
  }

.promoted-articles__item {
  width: 100%;
  height: 100%;
  padding: 15px calc(15px * 2);
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(55, 60, 80, 0.05);
  transition: box-shadow 0.3s;
}

@media (max-width: 767px) {

.promoted-articles__item {
    padding: 15px calc(15px * 2 - 5px)
}
  }

.promoted-articles__item:hover {
    box-shadow: 0 6px 12px rgba(55, 60, 80, 0.08);
  }

.promoted-articles__item-title {
  display: block;
  margin-bottom: 5px;
  font-size: calc(18px * 1.21);
  font-weight: 500;
}

.promoted-articles__item-text {
  margin: 0;
  font-size: calc(18px - 2px);
  color: #d9d9da;
}

.promoted-articles__item-header {
  margin-bottom: calc(18px * 1.45 / 1.6);
  overflow: hidden;
}

.promoted-articles__item-img {
  float: left;
  width: 42px;
  height: 42px;
  margin: 0;
  overflow: hidden;
  border-radius: 50%;
}

.promoted-articles__item-img img {
    display: block;
    width: 100%;
    height: 100%;
  }

.promoted-articles__item-time {
  float: right;
  margin: 0;
  font-size: calc(18px - 4px);
  line-height: 42px;
  color: #d9d9da;
}

.section-articles__list {
  margin-bottom: 20px !important;
}

.still-have-questions {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(55, 60, 80, 0.05);
}

@media (min-width: 768px) {

.still-have-questions {
    padding: calc(15px * 2 + 6px)
      calc(15px * 4.7);
    margin-top: calc(18px * 1.45 * 3.1)
}
  }

@media (max-width: 767px) {

.still-have-questions {
    padding: calc(15px * 2 + 6px)
      calc(15px * 2 - 5px);
    margin-top: calc(18px * 1.45 * 1.92);
    text-align: center
}
  }

.still-have-questions .row {
    align-items: center;
  }

.still-have-questions__title {
  font-size: calc(calc(18px * 2.11) + 4px);
}

.still-have-questions__title .underline {
    position: relative;
    z-index: 2;
    display: inline-block;
  }

.still-have-questions__title .underline:before {
      position: absolute;
      bottom: 2px;
      left: 0;
      z-index: -1;
      display: block;
      width: 100%;
      height: 3px;
      content: "";
      background: rgba(114, 115, 117, 1);
    }

.still-have-questions__text {
  margin-bottom: 0;
  font-size: calc(18px - 1px);
  line-height: calc(1.45 + 0.2);
  color: #d9d9da;
}

.still-have-questions__btn {
  padding: 15px
    calc(15px * 2);
  font-size: calc(18px - 2px);
  line-height: 1.2;
}

@media (min-width: 768px) {

.still-have-questions__img-box {
    text-align: right
}
  }

@media (max-width: 767px) {

.still-have-questions__img-box {
    margin-top: calc(18px * 1.45 * 1.5);
    text-align: center
}
  }

.still-have-questions__img {
  max-width: 100%;
}

.footer {
  padding: calc(15px * 4) 0;
  margin-top: calc(15px * 1.33);
  font-size: calc(18px - 4px);
  color: rgba(255, 255, 255, 1);
  background: rgba(0, 0, 0, 1);
}

@media (max-width: 767px) {

.footer {
    padding-bottom: calc(15px * 1.33)
}
  }

.footer a {
    color: #939597;
  }

.footer a:hover,
    .footer a:focus,
    .footer a:active {
      color: rgba(16, 45, 71, 1);
    }

.footer__logo {
  margin-bottom: calc(18px * 1.45);
}

.footer__logo img {
    height: 30px !important;
  }

.footer__text {
  max-width: 370px;
}

@media (max-width: 767px) {

.footer__text {
    margin-bottom: calc(18px * 1.45)
}
  }

.footer__header {
  margin-bottom: calc(18px * 1.45);
  font-size: calc(18px - 3px);
  font-weight: 600;
  color: rgba(114, 115, 117, 1);
  text-transform: uppercase;
}

.footer__menu {
  display: block;
  padding: 0;
  margin: 0;
}

@media (max-width: 767px) {

.footer__menu {
    margin-bottom: calc(18px * 1.45)
}
  }

.footer__menu li {
    display: block;
    padding: 0;
    margin-bottom: calc(18px * 1.45 / 2);
    list-style: none;
  }

.footer__menu_contacts {
  overflow: hidden;
}

@media (max-width: 767px) {

.footer__menu_contacts li {
      float: left;
      width: 50%;
      margin: 0
  }

      .footer__menu_contacts li:nth-child(2n + 2) {
        padding-left: 15px;
      }
    }

.footer__social {
  display: flex;
  margin-top: 3px;
}

@media (max-width: 767px) {

.footer__social {
    margin-bottom: calc(18px * 1.45);
    justify-content: space-around
}
  }

.footer__social-link {
  display: block;
  color: #fff !important;
  text-align: center;
  border-radius: 50%;
}

@media (min-width: 768px) {

.footer__social-link {
    width: 24px;
    height: 24px;
    margin-left: 9%;
    line-height: 24px !important
}
  }

@media (max-width: 767px) {

.footer__social-link {
    width: 40px;
    height: 40px;
    margin: 0;
    font-size: 20px !important;
    line-height: 40px !important
}
  }

.footer__social-link:first-child {
    margin-left: 0;
  }

.footer__social-link:before {
  font-size: 24px;
  color: #939597;
}

.footer__social-link:hover:before {
  color: rgba(16, 45, 71, 1);
}

@media (max-width: 767px) {

.footer_copyright {
    text-align: center
}
  }

.breadcrumbs {
  display: block;
  padding: 0;
  margin: 0 0 calc(15px * 1.33);
  overflow: hidden;
}

.breadcrumbs li {
    position: relative;
    display: block;
    float: left;
    padding: 0 37px 0 0;
    margin: 0;
    color: #8c8d8e;
    list-style: none;
  }

@media (min-width: 768px) {

.breadcrumbs li {
      font-size: 16px
  }
    }

.breadcrumbs li:before {
      position: absolute;
      top: 46%;
      right: 14px;
      display: block;
      font: normal normal normal 20px / 1.45 "Font Awesome 5 Free";
      font-weight: 900;
      color: rgba(16, 45, 71, 1);
      content: "\f105";
      transform: translateY(-50%);
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
    }

.breadcrumbs li:last-child {
      padding-right: 0;
    }

.breadcrumbs li:last-child:before {
        display: none;
      }

.breadcrumbs li a {
      color: #8c8d8e;
    }

.breadcrumbs li a:hover,
      .breadcrumbs li a:focus,
      .breadcrumbs li a:active {
        color: #8c8d8e;
        text-decoration: underline;
      }

.article__subscribe {
  display: inline-block;
  margin-left: 10px;
}

.post-subscribe {
  position: relative;
  padding-left: calc(18px * 1.45 * 1.3);
}

.article-subscribe {
  position: relative;
  padding-left: calc(18px * 1.45 * 1.3);
}

.post-subscribe:before, .article-subscribe:before {
    position: absolute;
    top: 48%;
    left: 9px;
    display: block;
    margin-right: 5px;
    font-size: 26px;
    line-height: 1;
    color: rgba(255, 67, 86, 1);
    content: "+";
    transform: translateY(-50%);
  }

.article-unsubscribe {
  color: #fff;
  background-color: rgba(255, 67, 86, 1);
  border-color: rgba(255, 67, 86, 1);
}

.article-unsubscribe:hover,
  .article-unsubscribe:focus,
  .article-unsubscribe:active {
    color: #fff;
    background-color: #ff061f;
    border-color: #ff061f;
  }

.article__header {
  margin-bottom: calc(15px * 2);
  align-items: center;
}

.article__title {
  margin-bottom: calc(18px * 1.45 / 2);
}

.article__vote {
  text-align: center;
}

.article__vote-question {
  margin-bottom: calc(15px * 2);
  font-size: calc(18px * 1.45);
  font-weight: 600;
}

@media (max-width: 479px) {

.article__vote-controls {
    display: flex;
    justify-content: space-around
}
  }

.article__vote-item {
  padding: calc(15px - 2px)
    calc(15px * 2.8);
  margin: 0 calc(15px - 4px);
  font-size: calc(18px - 2px);
  font-weight: 500;
}

@media (max-width: 479px) {

.article__vote-item {
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    flex: 1 1 10px
}
  }

.article__vote-item:before {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    content: "";
  }

.article__vote-item:after {
    display: inline-block;
    vertical-align: middle;
    content: attr(title);
  }

.article__vote-item_up:before {
  width: 16px;
  height: 12px;
}

.article__vote-item_down:before {
  width: 13px;
  height: 13px;
}

.article__vote-count {
  padding-top: calc(15px * 2);
}

.article__attachments {
  margin-bottom: calc(18px * 1.45 * 2);
}

.article-container {
  display: flex;
  margin-right: calc(15px * -1);
  margin-left: calc(15px * -1);
  flex-wrap: wrap;
}

.article-container__column {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.article-container__sidenav,
.article-container__toc {
  display: none;
}

.sidenav-enabled .article-container__sidenav,
.toc-enabled .article-container__toc {
  display: block;
}

.sidenav-enabled .article-container__sidenav {
  padding-bottom: 24px;
}

@media (min-width: 992px) {
  .article-container__article {
    width: calc(100% / 12 * 8);
  }

  .article-container__sidebar {
    width: calc(100% / 12 * 3);
    margin: 0 0 0 auto;
  }

  .toc-enabled .article-container__toc {
    width: calc(100% / 12 * 4);
  }

  .sidenav-enabled .article-container__sidenav {
    width: calc(100% / 12 * 4);
  }

  .sidenav-enabled .article-container__sidebar {
    margin-left: calc(100% / 12 * 4);
  }

  .sidenav-enabled.toc-enabled .article-container__sidenav,
  .sidenav-enabled.toc-enabled .article-container__toc {
    width: calc(100% / 12 * 3);
  }

  .sidenav-enabled.toc-enabled .article-container__article {
    width: calc(100% / 12 * 6);
  }

  .sidenav-enabled.toc-enabled .article-container__sidebar {
    margin-left: calc(100% / 12 * 3);
  }
}

@media (min-width: 1200px) {
  .sidenav-enabled.toc-enabled .article-container__article {
    width: calc(100% / 12 * 7);
  }

  .sidenav-enabled.toc-enabled .article-container__toc {
    width: calc(100% / 12 * 2);
  }
}

.entry-info {
  margin: 0;
  overflow: hidden;
}

@media (min-width: 992px) {

.entry-info_right {
    float: right
}
  }

@media (min-width: 992px) {

.entry-info_right .entry-info__avatar {
      float: right;
      margin-left: calc(18px * 1.45 * 0.8)
  }
    }

@media (min-width: 992px) {

.entry-info_right .entry-info__content {
      float: right
  }

      .entry-info_right .entry-info__content .entry-info__author,
      .entry-info_right .entry-info__content .meta {
        text-align: right;
      }
    }

.entry-info__avatar {
  float: left;
  margin-right: calc(18px * 1.45 * 0.8);
}

.entry-info__content {
  float: left;
  margin: 0;
}

.entry-info__content .entry-info__author,
  .entry-info__content .meta {
    text-align: left;
  }

.entry-info__author {
  display: block;
  font-weight: 500;
}

.entry-info__author a {
    color: rgba(114, 115, 117, 1);
  }

.entry-info__author a:hover,
    .entry-info__author a:focus,
    .entry-info__author a:active {
      color: rgba(255, 67, 86, 1);
    }

.box {
  width: 100%;
  padding: 15px 15px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(55, 60, 80, 0.05);
}

@media (min-width: 768px) {

.box {
    padding: calc(15px * 2)
      calc(15px * 2);
    margin-bottom: calc(18px * 1.45 * 1.54)
}
  }

@media (max-width: 767px) {

.box {
    padding: 15px
      calc(15px * 1.2);
    margin-bottom: calc(18px * 1.45 * 1.15)
}
  }

@media (min-width: 768px) {

.box_top {
    margin-top: calc(18px * 1.45 * 1.54);
    margin-bottom: 0
}
  }

@media (max-width: 767px) {

.box_top {
    margin-top: calc(18px * 1.45 * 1.15);
    margin-bottom: 0
}
  }

@media (min-width: 768px) {

.box_min {
    padding: calc(15px * 2);
    margin-bottom: calc(18px * 1.45 * 1.54)
}
  }

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-primary {
  background-color: #2c7cc4;
}

.text-info {
  background-color: rgba(255, 67, 86, 1);
}

.text-warning {
  background-color: #fad782;
}

.text-danger {
  background-color: #ff5252;
}

.text-success {
  background-color: #0c9;
}

.list-colored,
.list-bullet {
  padding-left: 0 !important;
  list-style-type: none;
  counter-reset: list;
}

.list-colored li {
    position: relative;
    padding-left: calc(30px + 15px);
    margin-bottom: calc(18px * 1.45 / 1.5) !important;
    counter-increment: list;
  }

.list-colored li:before {
      position: absolute;
      top: -3px;
      left: 0;
      z-index: 1;
      width: 30px;
      height: 30px;
      font-size: calc(18px * 0.89);
      line-height: 30px;
      color: #fff;
      text-align: center;
      content: counter(list);
      background-color: rgba(16, 45, 71, 1);
      border-radius: 50%;
    }

.list-colored ol {
    margin-bottom: 14px;
    list-style-type: none;
    counter-reset: list;
  }

.list-bullet li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
  }

.list-bullet li:before {
      position: absolute;
      top: -3px;
      left: 0;
      width: auto;
      height: auto;
      font-family: "Font Awesome 5 Free";
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      color: rgba(16, 45, 71, 1);
      content: "\f058";
      background-color: transparent;
    }

.list-bullet ul {
    margin-bottom: 14px;
    list-style: none;
  }

table {
  background-color: transparent;
}

caption {
  padding-top: 12px;
  padding-bottom: 12px;
  color: #818a91;
  text-align: left;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: calc(18px * 1.45);
}

.table th,
  .table td {
    padding: 12px;
    vertical-align: top;
  }

.table td {
    border-top: 1px solid #d3d6d8;
  }

.table thead th {
    vertical-align: bottom;
  }

.table tbody + tbody {
    border-top: 1px solid #d3d6d8;
  }

.table .table {
    background-color: #fff;
  }

.table--color-header th {
    color: #fff;
    background-color: rgba(16, 45, 71, 1);
  }

.table--striped th,
  .table--striped td,
  .table--striped thead th {
    border-color: #fff;
  }

.table--striped tbody tr:nth-child(odd) {
    color: inherit;
    background-color: #eceeef;
  }

.table--hover tbody tr:hover {
    color: inherit;
    background-color: #eceeef;
  }

.table--bordered {
  border: 1px solid #d3d6d8;
}

.table--bordered td {
    border-left: 1px solid #d3d6d8;
  }

.table--bordered th {
    border-left: 1px solid #d3d6d8;
  }

.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}

@media screen and (max-width: 767px) {

.table-responsive {
    width: 100%;
    margin-bottom: calc(18px * 1.45 * 0.75);
    overflow-y: hidden;
    border: 1px solid #d3d6d8;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

    .table-responsive > .table {
      margin-bottom: 0;
    }
          .table-responsive > .table > thead > tr > th,
          .table-responsive > .table > thead > tr > td,
          .table-responsive > .table > tbody > tr > th,
          .table-responsive > .table > tbody > tr > td,
          .table-responsive > .table > tfoot > tr > th,
          .table-responsive > .table > tfoot > tr > td {
            white-space: nowrap;
          }
  }

.note {
  position: relative;

  padding-left: 15px;
  margin: calc(18px * 1.45) 0;
  color: #a5a6a8;
  border-left: calc(1px * 2) solid transparent;
}

.note p:last-child {
    margin-bottom: 0;
  }

.note-title {
  margin-bottom: calc(18px * 1.45 / 2);
  font-weight: 600;
}

.note-default {
  border-color: #818a91;
}

.note--default {
  border-color: #818a91;
}

.note-default .note-title {
    color: #818a91;
  }

.note--default .note-title {
    color: #818a91;
  }

.note-info,
.note--info {
  border-color: rgba(255, 67, 86, 1);
}

.note-info .note-title, .note--info .note-title {
    color: rgba(255, 67, 86, 1);
  }

.note-warning,
.note--warning {
  border-color: #fad782;
}

.note-warning .note-title, .note--warning .note-title {
    color: #fad782;
  }

.note-success,
.note--success {
  border-color: #0c9;
}

.note-success .note-title, .note--success .note-title {
    color: #0c9;
  }

.note-danger,
.note--danger {
  border-color: #ff5252;
}

.note-danger .note-title, .note--danger .note-title {
    color: #ff5252;
  }

.image-with-border {
  padding: 10px;
  border: 1px solid #d3d6d8;
  border-radius: 4px;
}

.image-with-shadow {
  box-shadow: 0 5px 15px 2px #55595c;
}

.image-with-lightbox {
  cursor: pointer;
}

.image-overlay {
  position: relative;
}

.image-overlay:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: rgba(255, 255, 255, 0.3);
  }

.image-with-video-icon {
  position: relative;
  display: block;
}

.image-with-video-icon img {
    width: 100%;
  }

.image-with-video-icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    width: 0;
    height: 0;
    font-size: 0;
    content: "";
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 30px 0 30px 60px;
    transition: transform 0.6s ease;
    transform: translate(-50%, -50%);
  }

.image-with-video-icon:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
  }

.image-with-video-icon:active:before, .image-with-video-icon:hover:before {
      transform: translate(-50%, -50%) scale(1.1);
    }

.accordion {
  padding-top: 0;
  margin-bottom: calc(18px * 1.45);
  border: 1px solid #ddd;
  border-radius: 5px;
}

.accordion__item-title {
  position: relative;
  padding: 15px 20px 15px 52px;
  font-size: calc(18px * 1.21);
  cursor: pointer;
}

.accordion__item-title:not(.accordion__item-title--active) {
    border-bottom: 1px solid #ddd;
  }

.accordion__item-title:before {
    position: absolute;
    content: "";
  }

.accordion__item-content {
  display: none;
  padding: 20px;
  border-bottom: 1px solid #ddd;
}

.accordion__item-content p:last-child {
    margin-bottom: 0;
  }

.accordion__item:last-child .accordion__item-title,
.accordion__item:last-child .accordion__item-content {
  border-bottom: none;
}

.accordion--default .accordion__item-title:before {
    top: 50%;
    left: 22px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-bottom: 2px solid rgba(16, 45, 71, 1);
    border-left: 2px solid rgba(16, 45, 71, 1);
    transition: transform 0.3s;
    transform: rotate(-45deg);
  }

.accordion--default .accordion__item-title--active {
    background-color: #f0f0f0;
  }

.accordion--default .accordion__item-title--active:before {
      transition: transform 0.3s;
      transform: rotate(135deg);
    }

.accordion--colored .accordion__item-title {
    transition: background-color 0.3s;
  }

.accordion--colored .accordion__item-title:before,
    .accordion--colored .accordion__item-title:after {
      top: 50%;
    }

.accordion--colored .accordion__item-title:before {
      left: 20px;
      width: 10px;
      height: 2px;
      margin-top: -1px;
      background-color: #818a91;
    }

.accordion--colored .accordion__item-title:after {
      position: absolute;
      left: 24px;
      width: 2px;
      height: 10px;
      margin-top: -5px;
      content: "";
      background-color: #818a91;
    }

.accordion--colored .accordion__item-title--active {
      color: #fff;
      background-color: rgba(16, 45, 71, 1);
      transition: background-color 0.3s;
    }

.accordion--colored .accordion__item-title--active:before {
        background-color: #fff;
      }

.accordion--colored .accordion__item-title--active:after {
        display: none;
      }

.tabs {
  margin-bottom: calc(18px * 1.45);
}

.tab {
  display: block;
  padding: 30px;
  margin-top: -1px;
  border: 1px solid #ddd;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.tab p:last-child {
    margin-bottom: 0;
  }

@media (min-width: 768px) {

.tab {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}
  }

.tab:nth-child(2) {
  border-top-left-radius: 0;
}

.tab:last-child {
  border-top-right-radius: 0;
}

@media (min-width: 768px) {

.tabs-menu {
    display: flex
}
  }

.tabs-link {
  display: block;
  padding: calc(15px * 0.75)
    15px;
  margin: 0;
  font-weight: 600;
  line-height: 1;
  color: rgba(114, 115, 117, 1);
  text-align: center;
  cursor: pointer;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 0;
}

.tabs-link:hover {
    color: rgba(16, 45, 71, 1);
  }

@media (max-width: 767px) {

.tabs-link {
    border-top-color: #ddd;
    border-right-color: #ddd;
    border-left-color: #ddd
}

    .tabs-link:first-child {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
    }
  }

@media (min-width: 768px) {

.tabs-link {
    flex: 1 1 10px
}
  }

.is-hidden {
  display: none;
}

.tabs-link.is-active {
  color: rgba(16, 45, 71, 1);
  cursor: pointer;
  border-color: #ddd;
}

.tabs-link.is-active:hover {
    color: rgba(16, 45, 71, 1);
    cursor: default;
  }

@media (min-width: 768px) {

.tabs-link.is-active {
    border-bottom: 1px solid #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}
  }

.tabs--colored-1 .tab {
    background-color: #f7f7f9 !important;
  }

.tabs--colored-1 .tabs-link.is-active {
    background-color: #f7f7f9;
    border-bottom-color: #f7f7f9;
  }

.tabs--colored-2 .tabs-link:hover {
      color: rgba(16, 45, 71, 1);
    }

.tabs--colored-2 .tabs-link.is-active {
    color: #fff;
    background-color: rgba(16, 45, 71, 1);
    border-color: rgba(16, 45, 71, 1);
  }

.tabs--colored-2 .tabs-link.is-active:hover {
      color: #fff;
    }

.tabs--colored-2 .tab {
    background-color: #f7f7f9 !important;
  }

.comments {
  position: relative;
}

.comments__callout {
  margin: 0;
}

.comments__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.comments__title .h3 {
    margin-bottom: calc(15px / 3);
  }

.comments__title .meta {
    margin: 0;
  }

.comment__sorter .btn {
    font-size: calc(18px - 2px);
    font-weight: 500;
    color: #a5a6a8;
  }

.comment__sorter .btn,
    .comment__sorter .btn:hover,
    .comment__sorter .btn:focus,
    .comment__sorter .btn:active {
      background: transparent;
      border-color: transparent;
      box-shadow: none;
    }

.comment__sorter .btn:after {
      margin-left: 10px;
      font-size: calc(18px - 2px);
      color: rgba(16, 45, 71, 1);
    }

.comments__list {
  display: block;
  padding: 0;
  margin: 0;
}

.comment {
  position: relative;
  display: block;
  height: 100%;
  padding: calc(15px * 1.33);
  padding-right: calc(15px * 5);
  margin-top: calc(15px * 1.33);
  list-style: none;
  background: #f7f7f9;
  border: 1px solid #eceeef;
  border-radius: 5px;
}

@media (min-width: 768px) {

.comment {
    padding: calc(15px * 2);
    padding-right: calc(15px * 5)
}
  }

.comment__body {
  margin-top: calc(15px * 1.66);
}

.comment__body p {
    margin: 0;
  }

.comment__vote {
  position: absolute;
  top: 50%;
  right: calc(15px * 1.66);
  transform: translateY(-50%);
}

.comment__vote-control {
  width: 100%;
  font-size: 12px !important;
  color: rgba(16, 45, 71, 1);
}

.comment__vote-control,
  .comment__vote-control:hover,
  .comment__vote-control:focus,
  .comment__vote-control:active {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
  }

.comment__vote-control:hover,
  .comment__vote-control:focus,
  .comment__vote-control:active {
    color: #050d15;
  }

.vote-sum {
  width: 100%;
  font-size: calc(18px * 1.66);
  line-height: 1;
  text-align: center;
}

.comment-form {
  position: relative;
  margin-top: calc(18px * 1.45);
}

@media (min-width: 768px) {

.comment-form {
    padding-left: calc(40px + 15px)
}
  }

.comment-form__avatar {
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 767px) {

.comment-form__avatar {
    display: none
}
  }

.comment-form__attachments {
  margin-top: 15px;
}

.comment-form__mark-as-solved {
  position: relative;
}

.comment-form__controls {
  padding-top: 15px;
  font-size: calc(18px - 2px);
  font-weight: 500;
}

.comment-form__comment-ccs ul {
    margin-bottom: 0;
  }

#hc-wysiwyg {
  height: 150px;
}

#hc-wysiwyg [role="toolbar"] {
    text-align: center;
  }

#hc-wysiwyg [class^="wysiwyg-icon-"] {
    background: #fff;
  }

@media (min-width: 768px) {

.share-box {
    margin-top: calc(18px * 1.45 * 1.54)
}
  }

@media (max-width: 767px) {

.share-box {
    margin-top: calc(18px * 1.45 * 1.15)
}
  }

@media (min-width: 1200px) {

.share-box__img {
    float: left;
    margin-right: calc(18px * 1.45 * 1.2)
}
  }

@media (max-width: 1199px) {

.share-box__img {
    display: inline-block
}
  }

@media (min-width: 1200px) {

.share-box__content {
    float: left;
    margin: 0
}
  }

@media (min-width: 1200px) {

.share-box__right {
    float: right;
    margin: 0
}
  }

@media (max-width: 991px) {

.share-box__left {
    margin-bottom: calc(15px * 1.33)
}
  }

@media (max-width: 1199px) {

.share-box__right,
.share-box__left {
    text-align: center
}
  }

.share-box__title {
  margin-top: calc(18px * 1.45 * 1.2);
}

.share {
  display: flex;
  padding: 0;
  margin: 0;
}

@media (min-width: 1200px) {

.share {
    justify-content: space-between
}
  }

@media (max-width: 1199px) {

.share {
    justify-content: space-evenly
}
  }

.share li {
    display: block;
    list-style: none;
  }

.share li a {
      position: relative;
      display: block;
      width: 35px;
      height: 35px;
      padding-left: 35px;
      overflow: hidden;
      border-radius: 50%;
    }

.share li a:before {
        position: absolute;
        top: 52%;
        left: 0;
        display: block;
        width: 100%;
        font: normal normal normal 20px/35px "Font Awesome 5 Brands";
        color: #fff;
        text-align: center;
        transform: translateY(-50%);
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
      }

.share-facebook {
  background: #3b5998;
}

.share-facebook:hover {
    background: #2a3f6c;
  }

.share-facebook:before {
    content: "\f09a";
  }

.share-twitter {
  background: #9bcef5;
}

.share-twitter:hover {
    background: #55acee;
  }

.share-twitter:before {
    content: "\f099";
  }

.share-googleplus {
  font-size: 12px !important;
  background: #e88a82;
}

.share-googleplus:hover {
    background: #dc4e41;
  }

.share-googleplus:before {
    content: "\f0d5";
  }

.share-linkedin {
  background: #03a9ff;
}

.share-linkedin:hover {
    background: #0077b5;
  }

.share-linkedin:before {
    content: "\f0e1";
  }

.related-articles ul {
    display: block;
    padding: 0;
    margin: 0;
  }

.related-articles ul li {
      display: block;
      padding: calc(15px * 0.85) 0;
      border-bottom: 1px solid #eceeef;
    }

.related-articles ul li a {
        color: #8c8d8e;
      }

.related-articles ul li a:hover,
        .related-articles ul li a:focus,
        .related-articles ul li a:active {
          color: rgba(255, 67, 86, 1);
        }

.my-activities-header {
  margin-bottom: calc(18px * 1.45);
}

.my-activities-items {
  margin-bottom: calc(18px * 1.45 * 2);
}

@media (min-width: 768px) {

.my-activities-items {
    display: table;
    width: 100%
}
  }

.my-activities-items__head {
  display: none;
  color: #979797;
}

@media (min-width: 768px) {

.my-activities-items__head {
    display: table-header-group;
    font-size: calc(18px * 0.89);
    font-weight: 600;
    text-transform: uppercase
}
  }

@media (min-width: 768px) {

.my-activities-items__body {
    display: table-row-group
}
  }

@media (min-width: 768px) {

.my-activities-items__row {
    display: table-row
}
  }

@media (min-width: 768px) {

.my-activities-items__col {
    display: table-cell;
    padding-top: calc(18px * 1.45 / 2);
    padding-bottom: calc(18px * 1.45 / 2);
    border-bottom: 1px solid #eceeef
}

    .my-activities-items__col + .my-activities-items__col {
      padding-left: 15px;
    }
  }

@media (max-width: 767px) {

.my-activities-items__request-id {
    display: inline
}
  }

@media (min-width: 768px) {

.my-activities-items__request-id {
    display: none
}
  }

@media (max-width: 767px) {

.my-activities-item {
    padding: calc(18px * 1.45 / 2)
      15px;
    margin-bottom: calc(18px * 1.45);
    border: 1px solid #eceeef;
    border-radius: 5px
}
  }

.my-activities-item__meta {
  font-size: 14px;
  color: #979797;
}

@media (max-width: 767px) {

.my-activities-item__meta {
    display: inline-block;
    margin-right: calc(15px / 2)
}

    .my-activities-item__meta + .my-activities-item__meta:before {
      margin-right: calc(15px / 2);
      content: "\2022";
    }
  }

.my-activities-item__title {
  font-weight: 400;
}

@media (max-width: 767px) {

.my-activities-item__title {
    font-size: calc(18px * 1.21)
}
  }

@media (max-width: 767px) {

.my-activities-item__icon {
    display: inline-block
}
  }

@media (min-width: 768px) {

.my-activities-item__icon {
    display: none
}
  }

.my-activities-menu ul {
    padding-left: 0;
    margin-top: 0;
  }

.my-activities-menu ul li {
      list-style: none;
    }

.my-activities-menu--main {
  margin-top: calc(18px * 1.45 / 2);
}

.my-activities-menu__items {
  margin-bottom: 0;
}

.my-activities-menu__item {
  margin-bottom: 0;
}

.my-activities-menu__item a {
    display: block;
  }

@media (min-width: 768px) {

.my-activities-menu__item {
    float: left
}
  }

@media (min-width: 768px) {
  .my-activities-menu__item + .my-activities-menu__item {
    margin-left: 15px;
  }
}

.my-activities-menu--main .my-activities-menu__item a {
      display: inline-block;
      padding: 9px 16px;
      margin-bottom: 0;
      font-size: calc(18px - 4px);
      font-weight: 600;
      line-height: 1.45;
      color: rgba(114, 115, 117, 1);
      text-align: center;
      letter-spacing: 0.1px;
      white-space: nowrap;
      vertical-align: middle;
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      background-color: #fff;
      border: 1px solid rgba(255, 67, 86, 1);
      border-radius: 5px;
      box-shadow: 0 1px 3px rgba(55, 60, 80, 0.05);
      transition: all 0.3s ease;
      touch-action: manipulation;
    }

.my-activities-menu--main .my-activities-menu__item a:hover,
      .my-activities-menu--main .my-activities-menu__item a:focus,
      .my-activities-menu--main .my-activities-menu__item a:active {
        color: #545556;
        background-color: #fff;
        border-color: #ff061f;
      }

.my-activities-menu--main .my-activities-menu__item a:hover {
        text-decoration: none;
        box-shadow: 0 6px 12px rgba(55, 60, 80, 0.08);
      }

.my-activities-menu--main .my-activities-menu__item a:focus {
        text-decoration: none;
        box-shadow: 0 6px 12px rgba(55, 60, 80, 0.08);
      }

.my-activities-menu--main .my-activities-menu__item a:active {
        background-image: none;
        outline: none;
        box-shadow: inset 0 1px 3px rgba(55, 60, 80, 0.15);
      }

@media (max-width: 767px) {

.my-activities-menu--main .my-activities-menu__item a {
        margin-bottom: calc(18px * 1.45 / 3)
    }
      }

.my-activities-menu--main .my-activities-menu__item.is-active {
      display: inline-block;
      padding: 9px 16px;
      margin-bottom: 0;
      font-size: calc(18px - 4px);
      font-weight: 600;
      line-height: 1.45;
      color: #fff;
      text-align: center;
      letter-spacing: 0.1px;
      white-space: nowrap;
      vertical-align: middle;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      background-color: rgba(255, 67, 86, 1);
      border: 1px solid rgba(255, 67, 86, 1);
      border-radius: 5px;
      box-shadow: 0 1px 3px rgba(55, 60, 80, 0.05);
      transition: all 0.3s ease;
      touch-action: manipulation;
    }

@media (max-width: 767px) {

.my-activities-menu--main .my-activities-menu__item.is-active {
        margin-bottom: calc(18px * 1.45 / 3)
    }
      }

.my-activities-menu--sub {
  margin-bottom: calc(18px * 1.45);
}

.my-activities-menu--sub .my-activities-menu__item.is-active {
      font-weight: 600;
    }

.my-activities-menu--sub .my-activities-menu__item a {
      display: inline-block;
    }

@media (min-width: 768px) {
    .my-activities-menu--sub .my-activities-menu__item + .my-activities-menu__item:before {
      margin-right: calc(15px / 2);
      font-size: 10px;
      content: "\2022";
    }
  }

.my-activities__no_contributions {
  margin: 0;
}

@media (min-width: 768px) {

.page-title {
    margin-top: calc(18px * 1.45 * 3)
}
  }

@media (max-width: 767px) {

.page-title {
    margin-top: calc(18px * 1.45 * 2)
}
  }

.page-title__title {
  margin: 0;
}

.page-title__title-link {
  color: rgba(114, 115, 117, 1);
}

.page-title__title-link:hover,
  .page-title__title-link:focus,
  .page-title__title-link:active {
    color: rgba(16, 45, 71, 1);
  }

.page-title__description {
  margin: 5px 0 calc(18px * 1.45 * 1.5);
  font-size: calc(18px - 1px);
  color: #d9d9da;
}

@media (max-width: 767px) {

.page-title__description {
    margin-bottom: calc(18px * 1.45)
}
  }

.request-table-toolbar {
  display: block;
  height: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: calc(15px * 2);
  background: #f7f7f9;
  border: 1px solid #eceeef;
  border-radius: 5px;
}

.request-table-toolbar label {
    font-size: calc(18px * 0.89);
    font-weight: 500;
  }

@media (min-width: 768px) {

.request-table-filters {
    display: table;
    width: 100%
}
  }

.request-table-filters__item {
  padding-right: 15px;
  padding-left: 15px;
}

@media (max-width: 767px) {

.request-table-filters__item {
    min-height: calc(18px * 1.45)
}
  }

@media (min-width: 768px) {

.request-table-filters__item {
    display: table-cell;
    width: 33%;
    vertical-align: bottom
}
  }

.request-table-organization {
  display: table;
  width: 100%;
}

.request-table-organization__col {
  display: table-cell;
  vertical-align: middle;
}

.request-table-organization__col--main {
  width: 100%;
}

.request-table-organization__col--button {
  padding-left: calc(15px / 2);
}

.request-table-organization__col--button [role="button"] {
    height: calc(
      18px * 1.45 + 15px + 2px
    );
    padding-top: 0;
    padding-bottom: 0;
    line-height: calc(
      18px * 1.45 + 15px + 2px
    );
  }

.requests-sort-symbol {
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
}

.requests-sort-symbol:after {
    display: inline-block;
    margin-bottom: 2px;
    margin-left: 5px;
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    color: #979797;
    content: "\f0d7";
  }

.requests-link {
  color: #979797;
  white-space: nowrap;
}

.requests-link[href*="asc"] .requests-sort-symbol:after {
  content: "\f0d8";
}

.requests-search {
  width: 100%;
  height: calc(18px * 1.45 * 1.5);
  padding: 0 calc(15px * 0.66);
  font-size: calc(18px - 2px);
  background: #fff;
  border: none;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(55, 60, 80, 0.05);
}

.request-filter {
  width: 100%;
  height: calc(18px * 1.45 * 1.5);
  padding: 0 calc(15px * 0.66);
  font-size: calc(18px - 2px);
  background: #fff;
  border: none;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(55, 60, 80, 0.05);
}

/* 
Normalize non-controls

Restyle and baseline non-control form elements. 
*/

fieldset {
  /*  
  Chrome and Firefox set a `min-width: min-content;` on fieldsets, 
  so we reset that to ensure it behaves more like a standard block element
  See https:github.com/twbs/bootstrap/issues/12359. 
  */
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: calc(18px * 1.45);
  font-size: calc(18px * 1.5);
  line-height: inherit;
  color: #373a3c;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: calc(18px * 1.45 / 2);
  font-weight: 600;
}

/* 
 Normalize form controls

 While most of our form styles require extra classes, some basic normalization
 is required to ensure optimum display with or without those classes to better
 address browser inconsistencies. 
*/

/*  Override content-box in Normalize (* isn't specific enough) */

input[type="search"] {
  box-sizing: border-box;
}

/*  Position radios and checkboxes better */

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

/*  Set the height of file controls to match text inputs */

input[type="file"] {
  display: block;
}

/*  Make range inputs behave like textual form controls */

input[type="range"] {
  display: block;
  width: 100%;
}

/*  Make multiple select elements height not fixed */

select[multiple],
select[size] {
  height: auto;
}

/*  Focus for file, radio, and checkbox */

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/*  Adjust output element */

output {
  display: block;
  padding-top: 7px;
  font-size: 18px;
  line-height: 1.45;
  color: #55595c;
}

/* 
 Common form controls

 Shared size and type resets for form controls. Apply `.form-control` to any
 of the following form controls:
 
*/

select {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.45;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 5px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

textarea {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.45;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 5px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="text"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.45;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 5px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="password"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.45;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 5px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="datetime"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.45;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 5px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="datetime-local"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.45;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 5px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="date"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.45;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 5px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="month"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.45;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 5px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="time"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.45;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 5px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="week"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.45;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 5px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="number"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.45;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 5px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="email"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.45;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 5px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="url"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.45;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 5px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="search"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.45;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 5px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="tel"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.45;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 5px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="color"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.45;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 5px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.nesty-input {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.45;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 5px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

/*  Customize the `:focus` state to imitate native WebKit styles. */

select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .nesty-input:focus {
    border-color: rgba(16, 45, 71, 1);
    outline: 0;
  }

/*  Placeholder */

select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, .nesty-input::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
  }

select::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, .nesty-input::-moz-placeholder {
    color: #999;
    opacity: 1;
  }

select:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, .nesty-input:-ms-input-placeholder {
    color: #999;
    opacity: 1;
  }

select::-ms-input-placeholder, textarea::-ms-input-placeholder, input[type="text"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="datetime"]::-ms-input-placeholder, input[type="datetime-local"]::-ms-input-placeholder, input[type="date"]::-ms-input-placeholder, input[type="month"]::-ms-input-placeholder, input[type="time"]::-ms-input-placeholder, input[type="week"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="url"]::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, input[type="color"]::-ms-input-placeholder, .nesty-input::-ms-input-placeholder {
    color: #999;
    opacity: 1;
  }

select::placeholder, textarea::placeholder, input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="date"]::placeholder, input[type="month"]::placeholder, input[type="time"]::placeholder, input[type="week"]::placeholder, input[type="number"]::placeholder, input[type="email"]::placeholder, input[type="url"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="color"]::placeholder, .nesty-input::placeholder {
    color: #999;
    opacity: 1;
  }

select {
  height: calc(
    18px * 1.45 + 15px + 2px
  );
}

/*  Reset height for `textarea`s */

textarea {
  height: auto;
  height: calc(
    (18px * 1.45 + 15px + 2px) * 3
  );
  resize: vertical;
}

/*  Search inputs in iOS */

/* 
 This overrides the extra rounded corners on search inputs in iOS so that our
 `.form-control` class can properly style them. Note that this cannot simply
 be added to `.form-control` as it's not specific enough. For details, see
 https:github.com/twbs/bootstrap/issues/11586. */

input[type="search"] {
  -webkit-appearance: none;
}

/*  Special styles for iOS temporal inputs

 In Mobile Safari, setting `display: block` on temporal inputs causes the
 text within the input to become vertically misaligned. As a workaround, we
 set a pixel line-height that matches the given height of the input, but only
 for Safari. */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    line-height: calc(18px * 1.45 * 2.5);
  }
}

/*  Form groups

 Designed to help with the organization and spacing of vertical forms. For
 horizontal forms, use the predefined grid classes. */

.form-field {
  margin-bottom: calc(18px * 1.45);
}

.form-field.required > label:after {
    margin-left: 2px;
    color: #ff5252;
    content: "*";
  }

.form-field.boolean {
  position: relative;
  padding-left: 20px;
}

.form-field.boolean input[type="checkbox"] {
    position: absolute;
    left: 0;
  }

.form-field.boolean label {
    min-height: calc(18px * 1.45);
    /* Ensure the input doesn't jump when there is no text */
    margin-bottom: 0;
    cursor: pointer;
  }

input[type="radio"][disabled],
  input[type="radio"].disabled,
  fieldset[disabled] input[type="radio"],
  input[type="checkbox"][disabled],
  input[type="checkbox"].disabled,
  fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
  }

/*  Help text

 Apply to any element you wish to create light text for placement immediately
 below a form control. Use for general help, formatting, or instructional text. */

.form-field p,
.help-block {
  display: block; /* account for any element using help-block */
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 90%;
  color: #b2b3b4; /* lighten the text some for contrast */
}

.upload-dropzone {
  padding: calc(18px * 1.45) 16px;
  border-color: #eceeef;
  border-radius: 5px;
}

.upload-dropzone {
    font-size: calc(18px * 0.89);
  }

.upload-dropzone a {
    font-size: calc(18px * 0.89);
  }

@media (min-width: 768px) and (max-width: 991px) {

.search-results-box {
    padding: calc(15px * 2);
    margin-bottom: calc(18px * 1.45 * 1.54)
}
  }

.search-results-page {
  margin-bottom: calc(18px * 1.45 * 2);
}

.search-results-count {
  font-size: calc(18px * 1.21);
}

.search-result {
  margin-bottom: calc(18px * 1.45);
  border-bottom: 1px solid #eceeef;
}

.search-result__title {
  margin-bottom: calc(18px * 1.45 / 2);
  font-weight: 600;
}

.search-result__description {
  margin-bottom: calc(18px * 1.45 / 2);
  font-size: calc(18px * 0.89);
}

.search-result__description:empty {
    display: none;
  }

.search-result__description em {
    padding: 0 3px;
    font-style: normal;
    font-weight: 600;
    background-color: #fff3ca;
    border-radius: 3px;
  }

.search-result__meta {
  margin-bottom: calc(18px * 1.45 / 2);
}

.search-result-votes {
  display: inline-block;
  padding: 2px 4px;
  font-size: calc(18px * 0.89);
  color: #fff;
  background-color: rgba(16, 45, 71, 1);
  border-radius: 5px;
}

.error-page {
  padding-top: 10%;
  padding-bottom: 10%;
  text-align: center;
}

.error-page__title {
  text-transform: capitalize;
}

.profile-header {
  padding: calc(18px * 1.45) 15px;
  margin-bottom: calc(18px * 1.45);
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
}

.profile-header__avatar {
  display: inline-block;
}

.profile-header__name {
  margin-bottom: calc(18px * 1.45 / 2);
  font-size: calc(18px * 1.45);
}

.profile-header__name a {
    color: rgba(114, 115, 117, 1);
  }

.profile-header__name a:hover,
    .profile-header__name a:focus,
    .profile-header__name a:active {
      color: rgba(255, 67, 86, 1);
    }

@media (min-width: 768px) {

.profile-header__name {
    font-size: calc(18px * 2);
    font-weight: 300
}
  }

.profile-header__options [data-action="edit-profile"] {
    color: rgba(16, 45, 71, 1);
    background-color: transparent;
    border-color: rgba(16, 45, 71, 1);
  }

.profile-header__options [data-action="edit-profile"]:hover,
    .profile-header__options [data-action="edit-profile"]:focus,
    .profile-header__options [data-action="edit-profile"]:active {
      color: #050d15;
      background-color: darken(transparent, 12%);
      border-color: #050d15;
    }

.profile-header__options [data-action="edit-profile"]:active {
      background-image: none;
    }

.profile-header__options [data-action="edit-profile"]:hover {
      border-color: rgba(0, 0, 0, 0.8);
      opacity: 0.8;
    }

.profile-header__private-badge {
  display: inline-block;
  margin-bottom: calc(18px * 1.45);
  background-color: rgba(16, 45, 71, 1);
}

.profile-header__description {
  word-break: break-all;
  word-break: break-word;
}

.profile-stats {
  padding-left: 0;
  margin-bottom: calc(18px * 1.45 / 2);
  font-size: calc(18px - 2px);
  color: #979797;
  list-style: none;
}

.profile-stats__stat {
  margin-right: 15px;
  margin-bottom: calc(18px * 1.45 / 4);
}

@media (max-width: 767px) {

.profile-stats__stat {
    display: block
}

    .profile-stats__stat:before {
      display: none;
    }
  }

.profile-stats__label {
  margin-right: calc(15px / 2);
}

.profile-stats__value {
  font-weight: 500;
}

.profile-nav {
  margin-bottom: calc(18px * 1.45);
  overflow: hidden;
  font-size: calc(18px * 0.89);
  font-weight: 600;
  background-color: #eceeef;
  border-radius: 5px;
}

.profile-nav__items {
  padding-left: 0;
  margin: 0;
  list-style: none;
}

.profile-nav__item {
  margin-bottom: 0;
}

@media (min-width: 768px) {

.profile-nav__item {
    display: inline-block;
    vertical-align: middle
}
  }

.profile-nav__item a {
    display: block;
    color: rgba(114, 115, 117, 1);
  }

.profile-nav__item.is-active {
    color: #fff;
    background-color: rgba(16, 45, 71, 1);
  }

.profile-nav__item.is-active {
    padding: calc(18px * 1.45 / 1.5)
      15px;
    line-height: 1;
  }

.profile-nav__item a {
    padding: calc(18px * 1.45 / 1.5)
      15px;
    line-height: 1;
  }

.profile-nav__item:after {
    right: 15px !important;
  }

.profile-section {
  width: 100%;
}

.profile-section__header {
  margin-bottom: calc(18px * 1.45);
}

.profile-section__title {
  margin-bottom: calc(18px * 1.45 / 2);
  font-size: calc(18px * 1.45);
}

.profile-section__description {
  font-size: calc(18px * 0.89);
  color: #979797;
}

@media (min-width: 768px) {

.profile-section__description {
    padding-bottom: 0
}
  }

.profile-section-sorter {
  font-size: calc(18px * 0.89);
}

.profile-section-sorter .dropdown {
    display: inline-block;
  }

@media (min-width: 768px) {

.profile-section-sorter {
    display: table;
    width: 100%
}
  }

@media (min-width: 768px) {

.profile-section-sorter {
    padding-top: 0;
    border-top: 0
}
  }

@media (min-width: 768px) {

.profile-section-sorter__col {
    display: table-cell;
    vertical-align: middle
}
  }

@media (max-width: 767px) {

.profile-section-sorter__col--main {
    margin-bottom: calc(18px * 1.45 / 2)
}
  }

@media (min-width: 768px) {

.profile-section-sorter__col--main {
    padding-right: 15px
}
  }

@media (min-width: 768px) {

.profile-section-sorter__col--btn {
    text-align: right
}
  }

.profile-contribution {
  position: relative;
  padding: calc(18px * 1.45 / 2) 15px;

  word-wrap: break-word;
  background-color: #f4f5f6;

  border-radius: 5px;
}

.profile-contribution__header {
  margin-bottom: calc(18px * 1.45 / 4);
}

.profile-contribution__status {
  margin-bottom: calc(18px * 1.45 / 4);
}

.profile-contribution__title {
  margin-bottom: calc(18px * 1.45 / 4);
  font-size: 18px;
  font-weight: 600;
}

.profile-contribution__body {
  margin-bottom: calc(18px * 1.45 / 2);
}

.profile-contribution--list .profile-contribution__title:before {
    display: inline-block;
    margin-right: 2px;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

.profile-contribution__breadcrumbs {
  padding: 0;
  margin-bottom: calc(18px * 1.45 / 2);
  font-size: calc(18px * 0.89);
}

.profile__no-activity {
  color: #979797;
  text-align: center;
}

.profile__private-activity {
  color: #979797;
  text-align: center;
}

.profile-activity-list {
  padding-left: 0;
  list-style: none;
}

.profile-activity {
  position: relative;
  margin-bottom: calc(18px * 1.45 * 1.5);
}

.profile-activity__header {
  margin-bottom: calc(18px * 1.45 / 2);

  font-size: calc(18px * 0.89);
  font-weight: 600;
}

.profile-activity__header:before {
    display: inline-block;
    margin-right: 2px;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

.profile-activity__avatar {
  width: 30px;
  height: 30px;
  margin-right: calc(15px / 2);
}

.profile-activity-list--articles .profile-contribution__title:before,
.profile-activity[class$="-article"] .profile-activity__header:before {
  content: "\f15c";
}

.profile-activity-list--posts .profile-contribution__title:before,
.profile-activity[class$="-post"] .profile-activity__header:before {
  content: "\f086";
}

.profile-activity-list--comments .profile-contribution__title:before,
.profile-activity[class$="-comment"] .profile-activity__header:before {
  font-weight: 400;
  content: "\f075";
}

.user-subscribe {
  display: inline-block;
}

.request-page {
  margin-bottom: calc(18px * 1.45 * 2);
}

.request {
  position: relative;
}

.request-id {
  margin-bottom: calc(18px * 1.45 / 2);
  font-weight: 600;
}

.request-subject {
  font-size: calc(18px * 1.45);
}

@media (min-width: 992px) {

.request-subject {
    font-size: calc(18px * 2);
    font-weight: 300
}
  }

.request-follow-up:empty {
  display: none;
}

.request-sidebar {
  padding: calc(18px * 1.45) 15px 0;
  margin-bottom: calc(18px * 1.45);
  font-size: 14px;
  background: #f7f7f9;
  border: 1px solid #eceeef;
  border-radius: 5px;
}

.request-sidebar dd {
    margin-bottom: calc(18px * 1.45 / 2);
  }

.request__comment:first-child {
    margin-top: 0;
  }

.request-status {
  display: inline-block;
  padding: 1px calc(15px / 2);
  font-size: 12px;
  color: #fff;
  white-space: nowrap;
  border-radius: 5px;
}

.request-status--solved,
.request-status--closed {
  background-color: #0c9;
}

.request-status--new,
.request-status--open {
  background-color: #ff5252;
}

.request-status--answered {
  background-color: #fad782;
}

.attachment-list {
  list-style: none;
}

.attachment-list__item {
  position: relative;
  padding: 0;
  margin-top: calc(18px * 1.45 / 2);
  word-break: break-all;
}

.attachment-list__item:last-child {
    margin-bottom: 0;
  }

.attachment-list__item .btn {
    width: 100%;
    padding-top: calc(18px * 1.45 / 4);
    padding-bottom: calc(18px * 1.45 / 4);
    text-align: left;
  }

.pagination {
  margin-top: calc(18px * 1.45);
}

.pagination ul {
    display: inline-block;
    padding-left: 0;
    margin: 0 0 calc(18px * 1.45 / 2);
  }

.pagination ul > li {
      display: inline-block;
      margin-right: 6px;
      margin-bottom: calc(18px * 1.45 / 2);
    }

.pagination ul > li > a {
        position: relative;

        display: block;
        padding: calc(15px / 2) 16px;
        line-height: 1.45;
        color: #a6a6a7;
        text-decoration: none;
        background-color: #f6f6f6;
        border-radius: 5px;
      }

.pagination ul > li > span {
        position: relative;

        display: block;
        padding: calc(15px / 2) 16px;
        line-height: 1.45;
        color: #a6a6a7;
        text-decoration: none;
        background-color: #f6f6f6;
        border-radius: 5px;
      }

.pagination ul > li > a:hover {
        color: #ff061f;
        background-color: #eceeef;
        border-color: #ddd;
      }

.pagination ul > li > a:focus {
        color: #ff061f;
        background-color: #eceeef;
        border-color: #ddd;
      }

.pagination ul > li > span:hover {
        color: #ff061f;
        background-color: #eceeef;
        border-color: #ddd;
      }

.pagination ul > li > span:focus {
        color: #ff061f;
        background-color: #eceeef;
        border-color: #ddd;
      }

.pagination ul > .pagination-current > span,
      .pagination ul > .pagination-current > span:hover,
      .pagination ul > .pagination-current > span:focus {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: rgba(16, 45, 71, 1);
        border-color: rgba(16, 45, 71, 1);
      }

.section-articles__title {
  margin-bottom: 0;
  font-size: 22px;
}

.section-articles__link {
  font-size: 14px;
}

.sidenav-container {
  font-size: 14px !important;
}

.lt-toc--title,
.lt-toc {
  font-size: 14px !important;
}

.embed,
.embed-responsive {
  position: relative;
  z-index: 1;
  display: block;
  height: 0;
  padding: 0;
  padding-bottom: 56.25%;
  margin-bottom: 30px;
  overflow: hidden;
}

.embed img, .embed-responsive img {
    width: 100%;
  }

.embed iframe,
  .embed embed,
  .embed object,
  .embed video,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }

.embed:focus, .embed-responsive:focus {
    outline: none !important;
  }

.embed-responsive--16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive--4by3 {
  padding-bottom: 75%;
}

/* Community */

.meta {
  font-size: calc(18px - 4px);
  color: #a5a6a8;
}

.community-nav__item {
  float: left;
  padding: 7px 0;
}

.community-nav__item + .community-nav__item {
    margin-left: 15px;
  }

.community-nav__item.is-active {
    font-weight: 600;
  }

.community-nav__item--button {
  float: right;
  padding: 0;
}

.topic-list {
  margin-top: 0;
  margin-bottom: 0;
}

@media (min-width: 768px) {

.topic-list-page {
    margin-bottom: calc(18px * 1.45)
}
  }

.topic-list-item:nth-child(2n + 1) {
    clear: left;
  }

.topic-list-item:first-child .topic-list-item__box {
      margin-top: 0;
    }

@media (min-width: 768px) {
      .topic-list-item:nth-child(2) .topic-list-item__box {
        margin-top: 0;
      }
  }

.topic-list-item__box {
  padding: calc(18px * 1.45) 15px;
  margin-top: calc(15px);
  background: #f7f7f9;
  border: 1px solid #eceeef;
  border-radius: 5px;
}

@media (min-width: 768px) {

.topic-list-item__box {
    margin-top: calc(15px * 2)
}
  }

.topic-list-item__title {
  margin-bottom: calc(18px * 1.45 / 2);
}

.topic-filters__item {
  float: left;
  margin-right: calc(15px / 2);
}

@media (max-width: 767px) {

.topic-filters__item {
    margin-bottom: calc(18px * 1.45 / 2)
}
  }

.topic-controls {
  margin-bottom: calc(15px * 2);
}

.topic-controls__item {
  float: left;
}

.topic-followers {
  margin-right: calc(15px / 2);
}

@media (min-width: 768px) {

.topic-controls__item--subscribe {
    float: right;
    white-space: nowrap
}
  }

.topic-controls__item--subscribe .dropdown {
    display: inline-block;
    vertical-align: middle;
  }

.topic-controls__item--subscribe .dropdown-menu {
    right: 0;
    left: initial;
  }

.post-title + .dropdown {
  margin-bottom: calc(18px * 1.45 / 2);
}

.post-list {
  clear: both;
}

@media (min-width: 768px) {

.post-list-page {
    margin-bottom: calc(18px * 1.45 * 2)
}
  }

.post-list-item {
  border-bottom: 1px solid #eceeef;
}

.post-list-item:last-child {
    padding: 0;
    border: none;
  }

@media (min-width: 768px) {

.post-list-item {
    display: table;
    width: 100%;
    padding-bottom: calc(18px * 1.45);
    margin-top: calc(18px * 1.45)
}
  }

@media (max-width: 767px) {

.post-list-item {
    padding-bottom: 15px;
    margin-top: 15px
}
  }

.post-list-item__title {
  margin-bottom: 0;
  font-size: calc(18px * 1.45);
}

.post-list-item__title .fa-star {
    position: relative;
    top: -4px;
    font-size: 50%;
  }

@media (min-width: 768px) {

.post-list-item__col {
    display: table-cell;
    vertical-align: top
}
  }

@media (min-width: 768px) {

.post-list-item__col--main {
    width: 60%
}
  }

@media (min-width: 768px) {

.post-list-item__col--side {
    width: 40%;
    text-align: right
}
  }

.post-info {
  font-size: 14px;
  color: #979797;
}

@media (min-width: 768px) {

.post-info {
    float: right;
    min-width: 90px;
    padding: calc(15px / 2)
      15px;
    text-align: center;
    background-color: #f9f9f9;
    border-radius: 5px
}
  }

@media (min-width: 768px) {

.post-info__count {
    display: block;
    font-weight: 600;
    color: rgba(114, 115, 117, 1)
}
  }

.post-info + .post-info {
  margin-right: 15px;
}

@media (max-width: 767px) {
    .post-info + .post-info:before {
      margin-right: calc(15px / 2);
      font-size: 10px;
      content: "\2022";
    }
  }

.post__actions .dropdown-toggle {
    font-size: 0;
  }

.post__actions .dropdown-toggle:after {
    margin-left: 0;
    font-size: 18px;
    content: "\f013";
  }

.post-status {
  display: inline-block;
  padding: 1px calc(15px / 2);
  font-size: 12px;
  color: #fff;
  border-radius: 5px;
}

.post-status--completed,
.post-status--answered {
  background-color: #088c9e;
}

.post-status--planned {
  background-color: #0c9;
}

.post-status--not-planned {
  color: rgba(114, 115, 117, 1);
  background-color: #eceeef;
}
/***** Note *****/

.notes {
 		background-color: #fcf4b9;
    padding: 10px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}
/***** Note *****/

.tips {
 		background-color: #b5fffe;
    padding: 10px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.danger {
 		background-color: #fcc5c5;
    padding: 10px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
 

  


}
/* =====================================================================
   CONTINU HELP CENTER — BRAND 2026 THEME
   Applied via theme refresh
   ===================================================================== */

@font-face {
  font-family: 'FT Aktual';
  src: url('https://cdn.prod.website-files.com/697c993505909f65310eba79/6980b656ca93616aea07dd5f_FTAktual-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FT Aktual';
  src: url('https://cdn.prod.website-files.com/697c993505909f65310eba79/6980b65638aa3175b72bd6ad_FTAktual-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'FT Aktual Book';
  src: url('https://cdn.prod.website-files.com/697c993505909f65310eba79/6980b656398899baa489e6a2_FTAktual-Book%20(1).otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --continu-black: #171717;
  --continu-secondary-black: #333333;
  --continu-white: #ffffff;
  --continu-infrared: #ff4356;
  --continu-gray-soft: #f3f3f3;
  --continu-gray-mid: #888888;
  --continu-gray-border: #e5e5e5;
  --font-body: 'FT Aktual', -apple-system, BlinkMacSystemFont, 'Inter', Arial, sans-serif;
  --font-display: 'FT Aktual Book', 'FT Aktual', -apple-system, Arial, sans-serif;
}

html, body {
  font-family: var(--font-body) !important;
  color: var(--continu-black) !important;
  background: var(--continu-white) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display) !important;
  color: var(--continu-black) !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em;
}

h1 { font-size: 48px !important; line-height: 1.1 !important; letter-spacing: -0.02em; }
h2 { font-size: 32px !important; line-height: 1.25 !important; margin-top: 48px; margin-bottom: 16px; }
h3 { font-size: 24px !important; line-height: 1.3 !important; font-family: var(--font-body) !important; font-weight: 500 !important; }

p, li {
  font-size: 18px !important;
  line-height: 1.7 !important;
  color: var(--continu-black) !important;
}

a {
  color: var(--continu-black) !important;
  text-decoration: underline;
  text-decoration-color: var(--continu-gray-border);
  text-underline-offset: 3px;
}

a:hover {
  color: var(--continu-secondary-black) !important;
  text-decoration-color: var(--continu-black);
}

.header, header, .navigation, [class*="Header"] {
  background: var(--continu-black) !important;
  color: var(--continu-white) !important;
}

.header a, header a, [class*="Header"] a {
  color: var(--continu-white) !important;
  text-decoration: none !important;
}

.header a[href*="requests/new"],
header a[href*="requests/new"],
.submit-request {
  display: inline-flex !important;
  align-items: center;
  padding: 8px 18px !important;
  border: 1px solid var(--continu-white) !important;
  border-radius: 100px !important;
  background: transparent !important;
  color: var(--continu-white) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: background 0.15s ease, color 0.15s ease;
}

.header a[href*="requests/new"]:hover,
header a[href*="requests/new"]:hover,
.submit-request:hover {
  background: var(--continu-white) !important;
  color: var(--continu-black) !important;
}

.header a[href*="sign_in"],
header a[href*="sign_in"] {
  display: inline-flex !important;
  padding: 8px 18px !important;
  border-radius: 100px !important;
  background: var(--continu-white) !important;
  color: var(--continu-black) !important;
  font-weight: 500 !important;
}

.hero, .search-section, .home-page .hero {
  background: var(--continu-black) !important;
  color: var(--continu-white) !important;
  padding: 96px 48px 128px !important;
}

.hero h1, .hero .hero-heading, .search-section h1,
.hero h2, .search-section h2 {
  color: var(--continu-white) !important;
  font-size: 56px !important;
  font-family: var(--font-display) !important;
}

.hero p, .search-section p {
  color: var(--continu-white) !important;
  opacity: 0.85;
  font-size: 18px !important;
}

input[type="search"], .search input {
  padding: 20px 24px 20px 64px !important;
  font-family: var(--font-body) !important;
  font-size: 18px !important;
  border: none !important;
  border-radius: 100px !important;
  box-shadow: 0 4px 12px rgba(23, 23, 23, 0.06);
  height: 64px !important;
  background: var(--continu-white) !important;
  color: var(--continu-black) !important;
}

input[type="search"]::placeholder {
  color: var(--continu-gray-mid) !important;
}

.category, .category-item, .blocks-item, .section-tree-block {
  background: var(--continu-gray-soft) !important;
  border-radius: 20px !important;
  padding: 32px !important;
  border: 1px solid transparent;
  transition: background 0.15s ease, transform 0.15s ease;
}

.category:hover, .category-item:hover, .blocks-item:hover {
  background: var(--continu-white) !important;
  border-color: var(--continu-gray-border) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(23, 23, 23, 0.06);
}

.category h2, .category-item h2, .blocks-item h3 {
  font-family: var(--font-display) !important;
  font-size: 24px !important;
  color: var(--continu-black) !important;
  margin: 0 0 8px !important;
}

.category img, .category-item img, .blocks-item img {
  display: none !important;
}

.section-tree-title, .article-list-item a {
  color: var(--continu-black) !important;
  font-size: 18px !important;
  text-decoration: none !important;
}

.section-tree .arrow, .expand-toggle,
.section-tree-title .icon, .article-list .icon,
[class*="expand"], [class*="collapse"] {
  background: transparent !important;
  color: var(--continu-gray-mid) !important;
}

.section-tree .arrow svg, .expand-toggle svg,
.section-tree-title .icon svg {
  fill: var(--continu-gray-mid) !important;
  stroke: var(--continu-gray-mid) !important;
}

/* Sweep red out everywhere except where intentional */
*[style*="background-color: #ff4356"],
*[style*="background: #ff4356"],
.btn-primary[style*="ff4356"] {
  background-color: var(--continu-black) !important;
  background: var(--continu-black) !important;
}

.article {
  max-width: 800px !important;
  margin: 0 auto !important;
  padding: 48px 24px !important;
}

.article-header h1, .article-page h1 {
  font-family: var(--font-display) !important;
  font-size: 48px !important;
  color: var(--continu-black) !important;
}

.article-body, .article-body p, .article-body li {
  font-size: 18px !important;
  line-height: 1.7 !important;
  color: var(--continu-black) !important;
}

.article-body a {
  color: var(--continu-black) !important;
  text-decoration: underline;
  text-decoration-color: var(--continu-gray-border);
}

.article-body img {
  border-radius: 12px !important;
  border: 1px solid var(--continu-gray-border) !important;
  margin: 24px 0;
}

.article-body h2 {
  font-family: var(--font-display) !important;
  font-size: 32px !important;
  margin-top: 48px;
  margin-bottom: 16px;
}

.article-body h3 {
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  font-size: 24px !important;
}

.article-body table {
  border-collapse: collapse;
  width: 100%;
  margin: 24px 0;
}

.article-body table th, .article-body table td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--continu-gray-border);
  text-align: left;
}

.article-body table th {
  background: var(--continu-gray-soft);
  font-weight: 500;
}

.article-body blockquote {
  border-left: 3px solid var(--continu-black);
  padding-left: 20px;
  margin: 24px 0;
  color: var(--continu-secondary-black);
  font-style: italic;
}

.article-body hr {
  border: none;
  border-top: 1px solid var(--continu-gray-border);
  margin: 48px 0;
}

button, .btn, input[type="submit"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 10px 22px !important;
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  border-radius: 100px !important;
  border: 1px solid var(--continu-black) !important;
  background: var(--continu-black) !important;
  color: var(--continu-white) !important;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}

button:hover, .btn:hover, input[type="submit"]:hover {
  background: var(--continu-secondary-black) !important;
  border-color: var(--continu-secondary-black) !important;
}

input[type="text"], input[type="email"], input[type="password"],
input[type="tel"], input[type="url"], textarea, select {
  padding: 12px 16px !important;
  font-family: var(--font-body) !important;
  font-size: 16px !important;
  border: 1px solid var(--continu-gray-border) !important;
  border-radius: 12px !important;
  background: var(--continu-white) !important;
  color: var(--continu-black) !important;
}

input:focus, textarea:focus, select:focus {
  border-color: var(--continu-black) !important;
  box-shadow: 0 0 0 3px rgba(23, 23, 23, 0.06) !important;
  outline: none !important;
}

.footer, footer {
  background: var(--continu-black) !important;
  color: var(--continu-white) !important;
  padding: 96px 48px !important;
}

.footer a, footer a {
  color: var(--continu-white) !important;
  opacity: 0.7;
  text-decoration: none;
}

.footer a:hover, footer a:hover {
  opacity: 1;
  text-decoration: underline;
}

.breadcrumbs, .breadcrumbs a {
  color: var(--continu-gray-mid) !important;
  text-decoration: none;
  font-size: 14px;
}

.breadcrumbs a:hover {
  color: var(--continu-black) !important;
}

.article-votes {
  padding: 24px !important;
  background: var(--continu-gray-soft) !important;
  border-radius: 12px !important;
  text-align: center;
  margin-top: 48px;
}

.article-votes button, .article-votes a {
  padding: 8px 20px !important;
  border: 1px solid var(--continu-gray-border) !important;
  border-radius: 100px !important;
  background: var(--continu-white) !important;
  color: var(--continu-black) !important;
} 

@media (max-width: 900px) {
  h1 { font-size: 36px !important; }
  .hero h1, .search-section h1 { font-size: 40px !important; }
  .article-header h1 { font-size: 36px !important; }
  .article-body h2 { font-size: 28px !important; }
  .hero, .search-section { padding: 64px 16px 96px !important; }
  .article { padding: 32px 16px !important; }
}

@media (max-width: 600px) {
  .hero h1, .search-section h1 { font-size: 32px !important; }
  p, li, .article-body p, .article-body li { font-size: 16px !important; }
  input[type="search"] { height: 56px !important; font-size: 16px !important; }
}

:focus-visible {
  outline: 2px solid var(--continu-black) !important;
  outline-offset: 2px;
}

/* end */ 

/* =====================================================================
   CONTINU BRAND 2026 — CORRECTIVE OVERRIDES (targets actual Zendesk classes)
   ===================================================================== */

@font-face { font-family: 'FT Aktual'; src: url('https://cdn.prod.website-files.com/697c993505909f65310eba79/6980b656ca93616aea07dd5f_FTAktual-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'FT Aktual Book'; src: url('https://cdn.prod.website-files.com/697c993505909f65310eba79/6980b656398899baa489e6a2_FTAktual-Book%20(1).otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; }

html body, html body * {
  font-family: 'FT Aktual', -apple-system, BlinkMacSystemFont, 'Inter', Arial, sans-serif !important;
}

html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body .hero-unit__title, html body .hero-unit__subtitle,
html body .category-tree__title, html body .section__title-name {
  font-family: 'FT Aktual Book', 'FT Aktual', -apple-system, Arial, sans-serif !important;
  color: #171717 !important;
  font-weight: 400 !important;
}

html body { color: #171717 !important; }

/* LINKS — kill the red */
html body a,
html body a:visited,
html body .article-list a,
html body .section__title-name,
html body .article-list-link {
  color: #171717 !important;
}

html body a:hover,
html body .article-list a:hover {
  color: #333333 !important;
}

/* HEADER (.topbar) */
html body .topbar {
  background: #171717 !important;
  color: #ffffff !important;
}
html body .topbar a,
html body .topbar .topbar-nav a {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Submit a request button in the topbar - was red, now white outline pill */
html body .topbar a[href*='requests/new'],
html body .topbar .submit-a-request,
html body .topbar-nav__cta {
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 18px !important;
  border: 1px solid #ffffff !important;
  border-radius: 100px !important;
  background: transparent !important;
  color: #ffffff !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}
html body .topbar a[href*='requests/new']:hover,
html body .topbar-nav__cta:hover {
  background: #ffffff !important;
  color: #171717 !important;
}

html body .topbar a[href*='sign_in'],
html body .topbar .sign-in {
  display: inline-flex !important;
  padding: 8px 18px !important;
  border-radius: 100px !important;
  background: #ffffff !important;
  color: #171717 !important;
  font-weight: 500 !important;
}

/* HERO (.hero-unit) */
html body .hero-unit {
  background: #171717 !important;
  color: #ffffff !important;
  padding: 96px 48px 128px !important;
}
html body .hero-unit__title {
  color: #ffffff !important;
  font-family: 'FT Aktual Book', 'FT Aktual', sans-serif !important;
  font-size: 56px !important;
  line-height: 1.1 !important;
  letter-spacing: -0.02em;
  margin-bottom: 16px !important;
}
html body .hero-unit__subtitle {
  color: rgba(255,255,255,0.85) !important;
  font-size: 18px !important;
}
html body .hero-unit .underline {
  text-decoration: none !important;
  border-bottom: 2px solid #ffffff;
  padding-bottom: 2px;
}

/* SEARCH bar */
html body .hero-unit .search input[type='search'],
html body .search input[type='search'] {
  width: 100% !important;
  padding: 20px 24px 20px 56px !important;
  font-family: 'FT Aktual', sans-serif !important;
  font-size: 18px !important;
  color: #171717 !important;
  background: #ffffff !important;
  border: none !important;
  border-radius: 100px !important;
  box-shadow: 0 4px 12px rgba(23,23,23,0.06) !important;
  height: 64px !important;
}
html body .hero-unit .search input[type='search']::placeholder { color: #888888 !important; }

/* CUSTOM BLOCKS (.custom-block cards) */
html body .custom-block {
  background: #f3f3f3 !important;
  border-radius: 20px !important;
  padding: 32px !important;
  border: 1px solid transparent !important;
  transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease !important;
}
html body .custom-block:hover {
  background: #ffffff !important;
  border-color: #e5e5e5 !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(23,23,23,0.06) !important;
}
html body .custom-block__link { color: #171717 !important; text-decoration: none !important; }
html body .custom-block__title { font-family: 'FT Aktual Book', sans-serif !important; color: #171717 !important; }

/* CATEGORY / SECTION TREE */
html body .category-tree__title,
html body .article-list .section__title-name {
  font-family: 'FT Aktual Book', sans-serif !important;
  color: #171717 !important;
}

/* Section/article lists chevrons — kill the red */
html body .section-tree-icon,
html body .section-tree__title svg,
html body .section__title-icon,
html body [class*='chevron'] svg,
html body [class*='arrow'] svg {
  fill: #888888 !important;
  stroke: #888888 !important;
  color: #888888 !important;
}
html body .section-tree-icon path,
html body .section__title-icon path,
html body [class*='chevron'] svg path,
html body [class*='arrow'] svg path {
  fill: #888888 !important;
  stroke: #888888 !important;
}

/* Hide the legacy illustration icons in cards */
html body .custom-block__icon,
html body .custom-block__image {
  display: none !important;
}

/* ARTICLE PAGE */
html body .article {
  max-width: 800px !important;
  margin: 0 auto !important;
  padding: 48px 24px !important;
}
html body .article-header,
html body .article-title {
  font-family: 'FT Aktual Book', sans-serif !important;
  color: #171717 !important;
}
html body .article-body,
html body .article-body p,
html body .article-body li {
  font-size: 18px !important;
  line-height: 1.7 !important;
  color: #171717 !important;
  font-family: 'FT Aktual', sans-serif !important;
}
html body .article-body a {
  color: #171717 !important;
  text-decoration: underline;
  text-decoration-color: #e5e5e5;
  text-underline-offset: 3px;
}
html body .article-body a:hover { text-decoration-color: #171717; }

/* BUTTONS */
html body button.button-primary,
html body .button-primary,
html body input[type='submit'],
html body button[type='submit'] {
  padding: 10px 22px !important;
  font-family: 'FT Aktual', sans-serif !important;
  font-weight: 500 !important;
  border-radius: 100px !important;
  border: 1px solid #171717 !important;
  background: #171717 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
html body button.button-primary:hover,
html body .button-primary:hover,
html body input[type='submit']:hover {
  background: #333333 !important;
  border-color: #333333 !important;
}

/* FOOTER */
html body .footer {
  background: #171717 !important;
  color: #ffffff !important;
}
html body .footer a, html body .footer a:visited {
  color: rgba(255,255,255,0.7) !important;
  text-decoration: none;
}
html body .footer a:hover { color: #ffffff !important; opacity: 1; text-decoration: underline; }

/* Kill any remaining red */
html body [style*='ff4356'],
html body [style*='rgb(255, 67, 86)'] {
  color: #171717 !important;
  background-color: transparent !important;
}
 

/* =====================================================================
   FIXES — restore icons, fix Font Awesome, fix search submit
   ===================================================================== */

/* Font Awesome and icon fonts must NOT be overridden by FT Aktual */
html body .fa, html body .fas, html body .far, html body .fal, html body .fab,
html body i[class*='fa-'],
html body [class*='Font Awesome'],
html body .copenhagen-icons,
html body [class*='copenhagen-icon'],
html body .entypo {
  font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands', 'copenhagen-icons', 'entypo' !important;
}

html body .fas, html body i.fas {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 900 !important;
}
html body .far, html body i.far {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 400 !important;
}
html body .fab, html body i.fab {
  font-family: 'Font Awesome 5 Brands' !important;
  font-weight: 400 !important;
}

/* RESTORE CUSTOM-BLOCK ICONS (the SVG illustrations on Guides/FAQ/Support Terms) */
html body .custom-block__icon,
html body .custom-block__image,
html body .custom-block__image.replaced-svg {
  display: block !important;
  margin: 0 auto 16px !important;
  width: 86px !important;
  height: 86px !important;
}
html body .custom-block__icon svg,
html body .custom-block svg {
  display: block !important;
  margin: 0 auto !important;
}

/* Make custom-block content centered and cleaner */
html body .custom-block {
  text-align: center !important;
}
html body .custom-block__link {
  display: block !important;
}
html body .custom-block__title {
  font-size: 22px !important;
  font-family: 'FT Aktual Book', sans-serif !important;
  color: #171717 !important;
  margin: 8px 0 6px !important;
}

/* SECTION TITLE ICONS (Font Awesome chevrons) — neutral, no red */
html body .section__title-icon,
html body .section__title-icon i.fas,
html body .section__title-icon i.far,
html body .section__title-icon i {
  background: transparent !important;
  color: #888888 !important;
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  font-size: 16px !important;
}
html body .section__title-icon::before,
html body .section__title-icon::after {
  background: transparent !important;
  color: #888888 !important;
  border: none !important;
}

/* SECTION LIST ROWS — tighter, cleaner */
html body .section,
html body .article-list .section {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
}
html body .section__title {
  padding: 14px 4px !important;
  border-bottom: 1px solid #ececec !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* SEARCH SUBMIT BUTTON — hide the plain text 'Search' input */
html body .search input[type='submit'] {
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
  visibility: hidden !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}
html body .hero-unit .search,
html body .search-section .search {
  position: relative !important;
  max-width: 720px !important;
  margin: 0 auto !important;
}
html body .hero-unit .search input[type='search'] {
  padding-left: 24px !important;
}

/* Hide the duplicate magnifying glass / 'Search' text label that's escaping */
html body form.search button.btn-search-icon,
html body form.search .search-icon,
html body form.search > .search-icon-wrapper {
  display: none !important;
}

/* AVATAR / Continu Support dropdown in topbar — keep clean */
html body .topbar .user-info,
html body .topbar .btn.dropdown-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 4px 14px 4px 4px !important;
  border-radius: 100px !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
}
html body .topbar .user-avatar {
  border-radius: 50% !important;
  width: 28px !important;
  height: 28px !important;
  object-fit: cover !important;
}
html body .topbar #user-name {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

/* Underline accent in hero — keep simple, not a font-awesome icon */
html body .hero-unit__title .underline {
  text-decoration: underline !important;
  text-decoration-color: #ffffff !important;
  text-underline-offset: 6px !important;
  text-decoration-thickness: 2px !important;
  border: none !important;
  padding: 0 !important;
}

/* Logo — size + hide any spurious hamburger / divider artifacts */
html body .topbar .logo img {
  max-height: 32px !important;
  width: auto !important;
}
html body .topbar .topbar__menu-trigger,
html body .topbar .nav-toggle,
html body .topbar [class*='hamburger'] {
  display: none !important;
}
@media (max-width: 768px) {
  html body .topbar .topbar__menu-trigger,
  html body .topbar .nav-toggle,
  html body .topbar [class*='hamburger'] {
    display: block !important;
  }
}


/* =====================================================================
   FIXES — round 2: standalone magnifying glass + mobile menu lines
   ===================================================================== */

/* Hide the standalone magnifying glass SVG in the hero (it's misplaced) */
html body .hero-unit > svg,
html body .hero-unit form.search > svg,
html body .hero-unit svg[viewBox='0 0 25 26'],
html body .search-button,
html body .search-icon-wrapper {
  display: none !important;
}

/* Hide mobile menu hamburger lines on desktop */
html body .topbar .lines-button,
html body .topbar [class*='lines-button'],
html body .topbar [data-toggle-menu] {
  display: none !important;
}
@media (max-width: 768px) {
  html body .topbar .lines-button {
    display: inline-block !important;
  }
}

/* Ensure search input has the right horizontal padding (icon space on left) */
html body .hero-unit .search input[type='search'] {
  padding: 20px 24px !important;
  text-align: left;
}

/* Center the search form properly */
html body .hero-unit form.search {
  display: block !important;
  margin: 0 auto !important;
  max-width: 720px !important;
}
 

/* =====================================================================
   FIXES round 5 — actual article container widening
   ===================================================================== */

/* The article wrapper is .container.article — widen it */
html body .container.article {
  max-width: 1200px !important;
  width: 100% !important;
  padding: 32px 48px !important;
  display: block !important;
}
html body .container.article .container-inner {
  max-width: none !important;
  width: 100% !important;
}

/* The actual content column (.article-container__article) needs to be wider */
html body .article-container__article {
  width: auto !important;
  flex: 1 1 auto !important;
  max-width: 820px !important;
  min-width: 0;
  padding-right: 32px !important;
}

/* Sidebar column — fixed reasonable width on the right */
html body .article-container__sidebar {
  width: 280px !important;
  flex: 0 0 280px !important;
  padding-left: 24px !important;
  border-left: 1px solid #ececec !important;
}

/* The two hidden columns (sidenav / toc) — don't take horizontal space */
html body .article-container__sidenav,
html body .article-container__toc {
  display: none !important;
}

/* Make the main row a flexbox so the columns lay out side-by-side properly */
html body .container.article .container-inner > .row:not(.article__header) {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 0 !important;
}

/* Header row — expand the heading column */
html body .row.article__header .column.column--md-8,
html body .row.article__header .column.column--lg-9 {
  width: auto !important;
  flex: 1 1 auto !important;
  max-width: 100% !important;
}
html body .row.article__header .column.column--md-4,
html body .row.article__header .column.column--lg-3 {
  flex: 0 0 auto !important;
  width: auto !important;
  margin-left: auto !important;
  text-align: right;
  font-size: 13px !important;
  color: #888 !important;
}

/* The article content body text */
html body .article-container__article .article-body,
html body .article-container__article > div[class*='body'],
html body .article-container__article {
  font-size: 17px !important;
  line-height: 1.65 !important;
}
html body .article-container__article p,
html body .article-container__article li {
  max-width: none !important;
}

@media (max-width: 900px) {
  html body .container.article {
    padding: 24px 20px !important;
  }
  html body .container.article .container-inner > .row:not(.article__header) {
    flex-wrap: wrap !important;
  }
  html body .article-container__article {
    padding-right: 0 !important;
    flex: 1 1 100% !important;
  }
  html body .article-container__sidebar {
    flex: 1 1 100% !important;
    width: 100% !important;
    border-left: none !important;
    border-top: 1px solid #ececec !important;
    padding-left: 0 !important;
    padding-top: 24px !important;
    margin-top: 24px !important;
  }
}


/* =====================================================================
   ROUND 6 — footer fix, red hover accents, heading blocks, button fix
   (consolidates lost rounds 3 + 4)
   ===================================================================== */

/* ====== FOOTER — force transparency for inherited card styling ====== */
html body .footer .row,
html body footer .row {
  background: transparent !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 32px !important;
  align-items: flex-start !important;
}

html body .footer .row .column,
html body .footer .row .column.custom-block,
html body .footer .column,
html body .footer [class*='column'],
html body footer .column,
html body footer [class*='column'] {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: 1 1 auto !important;
}

html body .footer .row .column:hover,
html body .footer .row .column.custom-block:hover,
html body footer .column.custom-block:hover {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

html body .footer__text {
  color: rgba(255,255,255,0.65) !important;
  background: transparent !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin-top: 12px !important;
  max-width: 280px;
}

html body .footer__header {
  font-family: 'FT Aktual Book', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.55) !important;
  background: transparent !important;
  margin-bottom: 12px !important;
  font-weight: 500 !important;
}

html body .footer__menu {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

html body .footer__menu li {
  margin-bottom: 8px !important;
  background: transparent !important;
}

html body .footer__menu li a {
  color: rgba(255,255,255,0.75) !important;
  font-size: 14px !important;
  text-decoration: none !important;
  background: transparent !important;
}

html body .footer__menu li a:hover {
  color: #ff4356 !important;
  background: transparent !important;
}

html body .footer__logo img,
html body footer .footer__logo img {
  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
  max-height: 24px !important;
  width: auto !important;
}

/* Social icons */
html body .footer__social-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  margin-right: 8px !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 50% !important;
  color: rgba(255,255,255,0.75) !important;
  background: transparent !important;
  font-size: 15px !important;
  text-decoration: none !important;
  transition: color 0.15s ease, border-color 0.15s ease !important;
}

html body .footer__social-link:hover {
  color: #ff4356 !important;
  border-color: #ff4356 !important;
  background: transparent !important;
}

html body .footer__social-link i,
html body .footer__social-link .fab {
  font-family: 'Font Awesome 5 Brands' !important;
  font-weight: 400 !important;
  color: inherit !important;
}

html body footer .copyright,
html body .footer .copyright {
  color: rgba(255,255,255,0.5) !important;
  font-size: 13px !important;
  margin-top: 32px !important;
}

/* ====== STILL HAVE QUESTIONS button — show the text ====== */
html body .button-primary,
html body a.button-primary,
html body button.button-primary,
html body .btn-primary,
html body .contact-block a,
html body section[class*='contact'] a.button,
html body section[class*='contact'] a {
  padding: 12px 28px !important;
  background: #171717 !important;
  color: #ffffff !important;
  border-radius: 100px !important;
  border: 1px solid #171717 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  min-width: 140px !important;
  line-height: 1.2 !important;
  text-decoration-color: transparent !important;
}
html body .button-primary:hover,
html body a.button-primary:hover,
html body .btn-primary:hover {
  background: #ff4356 !important;
  border-color: #ff4356 !important;
  color: #ffffff !important;
}
html body .button-primary *,
html body a.button-primary *,
html body .button-primary u,
html body a.button-primary u {
  color: #ffffff !important;
  text-decoration: none !important;
  border-bottom: none !important;
  display: inline !important;
}

/* ====== RED HOVER ACCENTS site-wide ====== */
html body .article-body a:hover,
html body main a:hover,
html body .article a:hover {
  color: #ff4356 !important;
  text-decoration-color: #ff4356 !important;
}

html body .topbar a:not([href*='requests/new']):not([href*='sign_in']):hover {
  color: #ff4356 !important;
}
html body .topbar a[href*='requests/new']:hover {
  background: #ff4356 !important;
  border-color: #ff4356 !important;
  color: #ffffff !important;
}

/* Section list rows */
html body .section:hover .section__title-name {
  color: #ff4356 !important;
}
html body .section:hover .section__title-icon,
html body .section:hover .section__title-icon i,
html body .section:hover .section__title-icon i.fas {
  color: #ff4356 !important;
}

/* Article list items */
html body .article-list-link:hover,
html body .article-list-item a:hover {
  color: #ff4356 !important;
}

/* Custom blocks (Guides / FAQ / Support Terms) hover */
html body .custom-block:hover .custom-block__title,
html body .custom-block__link:hover .custom-block__title {
  color: #ff4356 !important;
}
html body .custom-block__link:hover svg path,
html body .custom-block:hover svg path {
  fill: #ff4356;
}

/* ====== LIGHT GREY HEADING BLOCKS for section rows ====== */
html body .section,
html body .article-list .section {
  background: #f7f7f7 !important;
  border-radius: 12px !important;
  margin-bottom: 8px !important;
  border: 1px solid transparent !important;
  transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
  padding: 0 !important;
}
html body .section:hover,
html body .article-list .section:hover {
  background: #ffffff !important;
  border-color: #ececec !important;
  box-shadow: 0 2px 8px rgba(23,23,23,0.04) !important;
}
html body .section .section__title,
html body .article-list .section .section__title {
  padding: 16px 20px !important;
  border-bottom: none !important;
}

/* Category heading with red accent underline */
html body .category-tree__title,
html body .category-tree__category-title {
  position: relative !important;
  padding-bottom: 10px !important;
  margin-bottom: 20px !important;
  display: inline-block !important;
}
html body .category-tree__title::after,
html body .category-tree__category-title::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 36px !important;
  height: 3px !important;
  background: #ff4356 !important;
  border-radius: 2px !important;
}
 

/* =========================================================
   ROUND 7 — Topbar user menu (no button-in-button, readable)
   ========================================================= */

/* Outer wrapper is just a positioning container — no button chrome */
html body .topbar #user,
html body .topbar .user-info,
html body #user.user-info,
html body #user.dropdown {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Inner dropdown-toggle is the single visible pill button */
html body #user .btn.with-image.dropdown-toggle,
html body #user .dropdown-toggle.with-image,
html body .topbar .btn.with-image.dropdown-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 999px !important;
  padding: 4px 18px 4px 4px !important;
  height: auto !important;
  color: #ffffff !important;
  font-family: 'FT Aktual', system-ui, -apple-system, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: background 0.2s ease, border-color 0.2s ease !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

html body #user .btn.with-image.dropdown-toggle:hover,
html body .topbar .btn.with-image.dropdown-toggle:hover {
  background: rgba(255,255,255,0.1) !important;
  border-color: rgba(255, 67, 86, 0.5) !important;
  color: #ffffff !important;
}

html body #user .btn.with-image.dropdown-toggle:hover #user-name,
html body .topbar .btn.with-image.dropdown-toggle:hover #user-name {
  color: #ff4356 !important;
}

/* Username text — readable on dark topbar */
html body #user-name,
html body #user #user-name,
html body .topbar #user-name {
  color: #ffffff !important;
  font-family: 'FT Aktual', system-ui, -apple-system, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: none !important;
  opacity: 1 !important;
}

/* Avatar — clean circular, no double-padding rings */
html body #user-avatar,
html body #user .user-avatar,
html body .topbar #user-avatar {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  padding: 3px !important;
  box-sizing: border-box !important;
  border: 0 !important;
  box-shadow: none !important;
  object-fit: contain !important;
  margin: 0 !important;
}

/* Caret/chevron in user menu — white, not red */
html body #user .dropdown-toggle::after,
html body #user .btn.with-image::after,
html body .topbar #user .dropdown-toggle::after {
  border-top-color: #ffffff !important;
  border-bottom-color: #ffffff !important;
  color: #ffffff !important;
  opacity: 0.8 !important;
}

/* Dropdown menu panel itself */
html body #user-dropdown.dropdown-menu {
  background: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 12px !important;
  padding: 6px !important;
  margin-top: 8px !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.5) !important;
}

html body #user-dropdown a,
html body #user-menu a {
  color: #ffffff !important;
  font-family: 'FT Aktual', system-ui, sans-serif !important;
  font-size: 14px !important;
  padding: 10px 14px !important;
  border-radius: 8px !important;
  display: block !important;
  text-decoration: none !important;
}
html body #user-dropdown a:hover,
html body #user-menu a:hover {
  background: rgba(255, 67, 86, 0.12) !important;
  color: #ff4356 !important;
}
 

/* =========================================================
   ROUND 8 — Footer grid layout (column widths, copyright)
   ========================================================= */

/* Footer outer */
html body .footer {
  padding: 64px 0 32px !important;
  background: #0f0f0f !important;
}
html body .footer footer.container,
html body .footer .container-inner {
  background: transparent !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

/* Row: flex with no wrap on desktop */
html body .footer .row {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: flex-start !important;
}

/* Each column gets a fixed flex-basis based on its sm-X class */
html body .footer .row > .column {
  flex: 0 0 auto !important;
  background: transparent !important;
  padding: 0 16px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html body .footer .row > .column.column--sm-5 {
  flex: 0 0 41.6666% !important;
  max-width: 41.6666% !important;
}
html body .footer .row > .column.column--sm-2 {
  flex: 0 0 16.6666% !important;
  max-width: 16.6666% !important;
}
html body .footer .row > .column.column--sm-3 {
  flex: 0 0 25% !important;
  max-width: 25% !important;
}

/* Headings (CONTINU / CONTACT / CONNECT) */
html body .footer .footer__header {
  color: #ffffff !important;
  font-family: 'FT Aktual', system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin: 0 0 18px 0 !important;
  text-align: left !important;
  opacity: 0.95 !important;
}

/* Menu links — brighter, readable */
html body .footer__menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body .footer__menu li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
html body .footer__menu li a,
html body .footer a:not(.footer__social-link) {
  color: rgba(255,255,255,0.78) !important;
  font-family: 'FT Aktual', system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  line-height: 2 !important;
  display: inline-block !important;
  transition: color 0.2s ease !important;
}
html body .footer__menu li a:hover,
html body .footer a:not(.footer__social-link):hover {
  color: #ff4356 !important;
}

/* Tagline under logo */
html body .footer__text {
  color: rgba(255,255,255,0.6) !important;
  font-family: 'FT Aktual', system-ui, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin: 16px 0 0 0 !important;
  max-width: 280px !important;
  text-align: left !important;
}

/* Footer logo */
html body .footer__logo {
  margin: 0 0 0 0 !important;
  text-align: left !important;
}
html body .footer__logo a {
  display: inline-block !important;
}
html body .footer__logo img {
  max-height: 26px !important;
  width: auto !important;
  filter: brightness(0) invert(1) !important;
  opacity: 0.9 !important;
}

/* Social icons row — under CONNECT header, inline */
html body .footer__social {
  display: flex !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  justify-content: flex-start !important;
  align-items: center !important;
  width: auto !important;
  position: static !important;
  flex-wrap: nowrap !important;
}
html body .footer__social-link {
  color: rgba(255,255,255,0.65) !important;
  font-size: 16px !important;
  width: 32px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.06) !important;
  transition: color 0.2s ease, background 0.2s ease !important;
  text-decoration: none !important;
}
html body .footer__social-link:hover {
  color: #ff4356 !important;
  background: rgba(255, 67, 86, 0.12) !important;
}

/* Copyright — full width, centered, hairline above */
html body .footer .footer_copyright,
html body .footer_copyright {
  display: block !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin: 48px auto 0 !important;
  padding: 24px 24px 0 !important;
  text-align: center !important;
  color: rgba(255,255,255,0.45) !important;
  font-family: 'FT Aktual', system-ui, sans-serif !important;
  font-size: 13px !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  background: transparent !important;
  position: static !important;
  float: none !important;
  clear: both !important;
}

/* Mobile — stack columns */
@media (max-width: 768px) {
  html body .footer .row > .column.column--sm-5,
  html body .footer .row > .column.column--sm-2,
  html body .footer .row > .column.column--sm-3 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 32px !important;
  }
}

/* Still Have Questions — make button label visible */
html body .contact-section .btn,
html body .contact-section a.btn,
html body .contact-section a,
html body [class*='still-have'] a.btn,
html body [class*='contact-section'] a {
  background: #171717 !important;
  color: #ffffff !important;
  border: 1px solid #171717 !important;
  border-radius: 999px !important;
  padding: 12px 28px !important;
  font-family: 'FT Aktual', system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: background 0.2s ease, border-color 0.2s ease !important;
}
html body .contact-section .btn:hover,
html body .contact-section a.btn:hover,
html body .contact-section a:hover,
html body [class*='still-have'] a.btn:hover,
html body [class*='contact-section'] a:hover {
  background: #ff4356 !important;
  border-color: #ff4356 !important;
  color: #ffffff !important;
}
 

/* =========================================================
   ROUND 9 — Footer grid fix (force 4 columns via CSS Grid)
   ========================================================= */

html body .footer .row {
  display: grid !important;
  grid-template-columns: 2fr 1fr 1fr 1fr !important;
  gap: 32px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: flex-start !important;
  flex-wrap: nowrap !important;
}
html body .footer .row > .column,
html body .footer .row > .column.column--sm-5,
html body .footer .row > .column.column--sm-2,
html body .footer .row > .column.column--sm-3 {
  flex: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Mobile — stack to single column */
@media (max-width: 768px) {
  html body .footer .row {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
}
 

/* =========================================================
   ROUND 10 — Footer alignment, card spacing, button cleanup
   ========================================================= */

/* Footer columns proportional to original sm-5/2/2/3 grid */
html body .footer .row {
  display: grid !important;
  grid-template-columns: 5fr 2fr 2fr 3fr !important;
  gap: 32px !important;
}

/* Force left-align everything within footer columns */
html body .footer .row > .column,
html body .footer .row > .column > *,
html body .footer .footer__header,
html body .footer .footer__menu,
html body .footer .footer__menu li,
html body .footer .footer__menu li a,
html body .footer .footer__text,
html body .footer .footer__logo,
html body .footer .footer__social {
  text-align: left !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

/* Footer link sizing/weight match the website */
html body .footer .footer__menu li a {
  font-family: 'FT Aktual', system-ui, -apple-system, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 2 !important;
  color: rgba(255,255,255,0.78) !important;
  display: inline-block !important;
}

html body .footer .footer__header {
  font-family: 'FT Aktual', system-ui, -apple-system, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.95) !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
}

html body .footer .footer__text {
  font-family: 'FT Aktual', system-ui, -apple-system, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: rgba(255,255,255,0.6) !important;
  margin: 16px 0 0 0 !important;
  max-width: 300px !important;
}

html body .footer .footer__logo {
  margin: 0 0 0 0 !important;
}

/* =========================================================
   Home page custom-blocks — add spacing between cards
   ========================================================= */
html body .custom-blocks .row {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body .custom-blocks .row > .column,
html body .custom-blocks .row > .column.custom-block,
html body .custom-blocks .row > .column--sm-4 {
  flex: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}

@media (max-width: 768px) {
  html body .custom-blocks .row {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

/* =========================================================
   Subscribe / Unfollow / Follow buttons — brand black, not red
   ========================================================= */
html body button.subscribe,
html body button.unsubscribe,
html body .subscribe,
html body .unsubscribe,
html body .article-subscribe,
html body .section-subscribe,
html body .button-secondary,
html body button.button-secondary,
html body [class*='Subscribe'] button,
html body [class*='subscribe'] button,
html body button[class*='subscribe'],
html body button[class*='unsubscribe'],
html body button[class*='follow'],
html body button[class*='unfollow'],
html body button[data-action*='subscribe'],
html body button[aria-pressed][class*='button'] {
  background: #171717 !important;
  background-color: #171717 !important;
  color: #ffffff !important;
  border: 1px solid #171717 !important;
  border-radius: 999px !important;
  padding: 10px 22px !important;
  font-family: 'FT Aktual', system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
  box-shadow: none !important;
  text-transform: none !important;
}
html body button.subscribe:hover,
html body button.unsubscribe:hover,
html body .subscribe:hover,
html body .unsubscribe:hover,
html body .button-secondary:hover,
html body button.button-secondary:hover,
html body button[class*='subscribe']:hover,
html body button[class*='unsubscribe']:hover {
  background: #ff4356 !important;
  background-color: #ff4356 !important;
  border-color: #ff4356 !important;
  color: #ffffff !important;
}

/* Active/pressed state */
html body button.subscribe[aria-pressed='true'],
html body button.unsubscribe[aria-pressed='true'],
html body button[class*='subscribe'][aria-pressed='true'] {
  background: transparent !important;
  background-color: transparent !important;
  color: #171717 !important;
  border: 1px solid #171717 !important;
}
html body button.subscribe[aria-pressed='true']:hover,
html body button.unsubscribe[aria-pressed='true']:hover {
  background: #171717 !important;
  background-color: #171717 !important;
  color: #ffffff !important;
}
 

/* =========================================================
   ROUND 11 — Follow button: hide the misaligned red plus
   ========================================================= */

html body .article-subscribe::before,
html body .article-subscribe::after,
html body .section-subscribe::before,
html body .section-subscribe::after,
html body a.article-subscribe::before,
html body a.article-subscribe::after,
html body [class*='subscribe']::before,
html body [class*='subscribe']::after {
  content: none !important;
  display: none !important;
}
 

/* =========================================================
   ROUND 12 — Article sidebar position (force grid layout)
   ========================================================= */

/* The article body row holds: article column + sidebar.
   Force a 2-column grid so the sidebar sits at top-right next to article. */
html body .container.article .container-inner > .box > .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 280px !important;
  gap: 48px !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  align-items: start !important;
  flex-wrap: nowrap !important;
}

/* Article column — fills the flexible side */
html body .article-container__column.article-container__article {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
  padding: 0 !important;
}

/* Sidebar — fixed 280px right column, sticky on scroll */
html body .article-container__column.article-container__sidebar {
  width: 100% !important;
  max-width: 280px !important;
  min-width: 0 !important;
  flex: none !important;
  padding: 0 !important;
  position: sticky !important;
  top: 24px !important;
  align-self: start !important;
}

/* Make sure hidden columns stay hidden */
html body .article-container__column.article-container__sidenav,
html body .article-container__column.article-container__toc {
  display: none !important;
}

/* Sidebar typography */
html body .article-container__sidebar h3,
html body .article-sidebar h3,
html body .article-container__sidebar .article-sidebar__section-title {
  font-family: 'FT Aktual', system-ui, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #171717 !important;
  margin: 0 0 16px 0 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body .article-container__sidebar a,
html body .article-sidebar a {
  font-family: 'FT Aktual', system-ui, sans-serif !important;
  font-size: 14px !important;
  color: #171717 !important;
  text-decoration: none !important;
  line-height: 1.5 !important;
  display: block !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid #f0f0f0 !important;
  transition: color 0.2s ease !important;
}
html body .article-container__sidebar a:hover,
html body .article-sidebar a:hover {
  color: #ff4356 !important;
}

/* Mobile — stack sidebar below article */
@media (max-width: 900px) {
  html body .container.article .container-inner > .box > .row {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  html body .article-container__column.article-container__sidebar {
    position: static !important;
    max-width: none !important;
  }
}