@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap');
@charset "UTF-8";


:root {
  /* Colors — Type */
  --Type-Headings: #002B80;
  --Type-Body: #2A2923;
  /* Colors — Brand / UI */
  --primary: #802eea;
  --UI-Secondary-CTA-label: #7E2EE9;
  --UI-Divider: #E1DBD2;
  --Purple-Darkest: #210846;
  --Blue-Dark: #0057FF;
  --Neutral-White: #FFF;
  --Neutral-Lightest: #F6F5F2;
  /* Typography — sizes & line heights */
  --typography-size-line-height-h-1: 72px;
  --typography-size-line-height-h-1-line-height: 80px;
  --typography-size-line-height-h-2: 48px;
  --typography-size-line-height-h-2-line-height: 56px;
  --typography-size-line-height-h-3: 32px;
  --typography-size-line-height-h-3-line-height: 40px;
  --typography-size-line-height-h-4: 24px;
  --typography-size-line-height-h-4-line-height: 32px;
  --typography-size-line-height-body: 16px;
  --typography-size-line-height-body-line-height: 24px;
  --typography-size-line-height-body-small-line-height: 24px;
  --typography-size-line-height-mono: 14px;
  --typography-size-line-height-mono-line-height: 24px;
  /* Spacing */
  --Spacing-xs: 8px;
  --Spacing-sm: 12px;
  --Spacing-xl: 24px;
  --gap-sizing: 24px;
  --grid-margin-width: 12px;
  /* Border radius */
  --Border-radius-sm: 8px;
  --Border-radius-full: 100px;
  /* WP presets (from legacy footer) */
  --wp--preset--color--white: #ffffff;
  --wp--preset--color--neutral-lightest: #f6f5f2;
  --wp--preset--font-family--special-gothic: 'Special Gothic Expanded One', sans-serif;
  --wp--preset--spacing--30: 8px;
  --wp--preset--spacing--70: 24px;
  --wp--preset--spacing--80: 32px;
  --wp--preset--spacing--100: 48px;
  --wp--preset--spacing--120: 64px;
  --wp--preset--spacing--140: 80px;
}

/*** CATEGORY ICONS ***/
#cat-36751284544402::after{
  background-image:url(/hc/theming_assets/01KWF2W8H96FA8P36C1GZCTYB5);
}
#cat-36752137184146::after{
  background-image:url(/hc/theming_assets/01KWF2VXC6KSMQHDWZEKFRMGY7);
}
#cat-36751426558226::after{
  background-image:url(/hc/theming_assets/01KWF2W2R6VJ2ESR67D85F6P52);
}
#cat-36751524321682::after{
  background-image:url(/hc/theming_assets/01KWF2W6G0DE5WDHGYXZY5W98A);
}
#cat-36751714039058::after{
  background-image:url(/hc/theming_assets/01KWF2W7EE7PVJGR0Q5H34G2EJ);
}
#cat-36751877626130::after{
  background-image:url(/hc/theming_assets/01KWF2VZ4N99DFPWVWHQ20SPAY);
}
#cat-36751993965586::after{
  background-image:url(/hc/theming_assets/01KWF2W5K3013G5NKX23EEX2RS);
}
#cat-36806832404626::after{
  background-image:url(/hc/theming_assets/01KH1MDV00YVCVTCMBPQ3AJE81);
}
#cat-36751924394130::after{
  background-image:url(/hc/theming_assets/01KN4KQEN26YH02Y1PPF7H34D6);
}
#cat-36752077404178::after{
  background-image:url(/hc/theming_assets/01KWF2WEF6MFPAG2P4R2SYQ0M6);
}
#cat-36752326177938::after{
  background-image:url(/hc/theming_assets/01KWF2W9TJRY9GVNZ4HDF1SJXN);
}
#cat-36752159789202::after{
  background-image:url(/hc/theming_assets/01KWF2VW19DH5W14MBFN409PNM);
}
#cat-36752313985298::after{
  background-image:url(/hc/theming_assets/01KWF2VY79R0T61B3HN5QWAFHA);
}
#cat-36752448235282::after{
  background-image:url(/hc/theming_assets/01JE3TS2R53J3MYFNXNPDW1W8R);
}
#cat-36751894681874::after{
  background-image:url(/hc/theming_assets/01JAW3KEV5V4MHCMTC256EWJ9H);
}
#cat-36752794888338::after{
  background-image:url(/hc/theming_assets/01KWF2WAYVHD9SJPKVJVQV2J6N);
}
#cat-36752848358418::after{
  background-image:url(/hc/theming_assets/01KWF2W1XZN030X6HERAR48WWR);
}
#cat-36752957625490::after{
  background-image:url(/hc/theming_assets/01KWF2W0S9DSZMMM9H5H70K6SW);
}
#cat-36237598759698::after{
  background-image:url(/hc/theming_assets/01KWF2W2R6VJ2ESR67D85F6P52);
}
#cat-40509146055698::after{
  background-image:url(/hc/theming_assets/01M702R855WPM0V841VDXVW1Q7)
}

/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body{
	margin:0;
	background:
       radial-gradient(ellipse at 10% 5%, #e8d5dc 0%, transparent 45%),
       radial-gradient(ellipse at 90% 90%, #E1EDF4 0%, transparent 50%),
       radial-gradient(ellipse at 5% 70%, #d8e2d8 0%, transparent 40%),
       linear-gradient(160deg, #e8dce0 0%, #e6e4dc 45%, #d4e4e8 100%);
     background-attachment: fixed;
     background-size: cover
}

main {
  display: block;
}

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

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

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

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/***** Base *****/

:target:before {
  content:"";
  display:block;
  height:120px !important; /* fixed header height*/
  margin:-120px 0 0 !important; /* negative fixed header height */
}

* {
  box-sizing: border-box;
}

body {
  background-color: #F6F5F2;
  color: rgba(42, 41, 35, 1);
  font-family: 'Figtree', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

@media (min-width: 1024px) {
  body > main {
    min-height: 65vh;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Figtree', sans-serif;
  font-weight: 400;
  margin-top: 0;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 18px;
  font-weight: 600;
}

h4 {
  font-size: 16px;
}

a {
  color: rgba(0, 87, 255, 1);
  text-decoration: none;
}

input,
textarea {
  color: #000;
  font-size: 14px;
}

input {
  font-weight: 300;
  max-width: 100%;
  box-sizing: border-box;
  transition: border .12s ease-in-out;
}

input:not([type="checkbox"]) {
  outline: none;
}

input:not([type="checkbox"]):focus {
  border: 1px solid rgba(0, 43, 128, 1);
}

input[disabled] {
  background-color: #ddd;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A") no-repeat #fff;
  background-position: right 10px center;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 8px 30px 8px 10px;
  outline: none;
  color: #555;
  width: 100%;
}

select:focus {
  border: 1px solid rgba(0, 43, 128, 1);
}

select::-ms-expand {
  display: none;
}

textarea {
  border: 1px solid #ddd;
  border-radius: 2px;
  resize: vertical;
  width: 100%;
  outline: none;
  padding: 10px;
}

textarea:focus {
  border: 1px solid rgba(0, 43, 128, 1);
}

.container {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 5%;
}

@media (min-width: 1120px) {
  .container {
    padding: 0;
    width: 90%;
  }
}

.container-divider {
  border-top: 1px solid #ddd;
  margin-bottom: 20px;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.error-page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 5%;
}

@media (min-width: 1120px) {
  .error-page {
    padding: 0;
    width: 90%;
  }
}

.visibility-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

/***** Buttons *****/
.button, .split-button button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button, .subscriptions-subscribe button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link {
  background-color: transparent;
  border: 1px solid rgba(0, 43, 128, 1);
  border-radius: 4px;
  color: rgba(0, 43, 128, 1);
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 2.34;
  margin: 0;
  padding: 0 20px;
  text-align: center;
  transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: 100%;
  -webkit-touch-callout: none;
}

@media (min-width: 768px) {
  .button, .split-button button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button, .subscriptions-subscribe button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link {
    width: auto;
  }
}

.button:hover, .split-button button:hover, .section-subscribe button:hover, .article-subscribe button:hover, .community-follow button:hover, .requests-table-toolbar .organization-subscribe button:hover, .subscriptions-subscribe button:hover, .pagination-next-link:hover, .pagination-prev-link:hover, .pagination-first-link:hover, .pagination-last-link:hover, .button:active, .split-button button:active, .section-subscribe button:active, .article-subscribe button:active, .community-follow button:active, .requests-table-toolbar .organization-subscribe button:active, .subscriptions-subscribe button:active, .pagination-next-link:active, .pagination-prev-link:active, .pagination-first-link:active, .pagination-last-link:active, .button:focus, .split-button button:focus, .section-subscribe button:focus, .article-subscribe button:focus, .community-follow button:focus, .requests-table-toolbar .organization-subscribe button:focus, .subscriptions-subscribe button:focus, .pagination-next-link:focus, .pagination-prev-link:focus, .pagination-first-link:focus, .pagination-last-link:focus, .button.button-primary, .split-button button.button-primary, .section-subscribe button.button-primary, .section-subscribe button[data-selected="true"], .article-subscribe button.button-primary, .article-subscribe button[data-selected="true"], .community-follow button.button-primary, .requests-table-toolbar .organization-subscribe button.button-primary, .requests-table-toolbar .organization-subscribe button[data-selected="true"], .subscriptions-subscribe button.button-primary, .subscriptions-subscribe button[data-selected="true"], .button-primary.pagination-next-link, .button-primary.pagination-prev-link, .button-primary.pagination-first-link, .button-primary.pagination-last-link {
  background-color: rgba(0, 43, 128, 1);
  color: #FFFFFF;
  text-decoration: none;
}

.button.button-primary:hover, .split-button button:hover, .section-subscribe button.button-primary:hover, .section-subscribe button:hover[data-selected="true"], .article-subscribe button.button-primary:hover, .article-subscribe button:hover[data-selected="true"], .community-follow button.button-primary:hover, .requests-table-toolbar .organization-subscribe button.button-primary:hover, .requests-table-toolbar .organization-subscribe button:hover[data-selected="true"], .subscriptions-subscribe button.button-primary:hover, .subscriptions-subscribe button:hover[data-selected="true"], .button-primary.pagination-next-link:hover, .button-primary.pagination-prev-link:hover, .button-primary.pagination-first-link:hover, .button-primary.pagination-last-link:hover, .button.button-primary:focus, .split-button button.button-primary:focus, .section-subscribe button.button-primary:focus, .section-subscribe button:focus[data-selected="true"], .article-subscribe button.button-primary:focus, .article-subscribe button:focus[data-selected="true"], .community-follow button.button-primary:focus, .requests-table-toolbar .organization-subscribe button.button-primary:focus, .requests-table-toolbar .organization-subscribe button:focus[data-selected="true"], .subscriptions-subscribe button.button-primary:focus, .subscriptions-subscribe button:focus[data-selected="true"], .button-primary.pagination-next-link:focus, .button-primary.pagination-prev-link:focus, .button-primary.pagination-first-link:focus, .button-primary.pagination-last-link:focus, .button.button-primary:active, .split-button button.button-primary:active, .section-subscribe button.button-primary:active, .section-subscribe button:active[data-selected="true"], .article-subscribe button.button-primary:active, .article-subscribe button:active[data-selected="true"], .community-follow button.button-primary:active, .requests-table-toolbar .organization-subscribe button.button-primary:active, .requests-table-toolbar .organization-subscribe button:active[data-selected="true"], .subscriptions-subscribe button.button-primary:active, .subscriptions-subscribe button:active[data-selected="true"], .button-primary.pagination-next-link:active, .button-primary.pagination-prev-link:active, .button-primary.pagination-first-link:active, .button-primary.pagination-last-link:active {
  background-color: #00091a;
  border-color: #00091a;
}

.button[data-disabled], .split-button button[data-disabled], .section-subscribe button[data-disabled], .article-subscribe button[data-disabled], .community-follow button[data-disabled], .requests-table-toolbar .organization-subscribe button[data-disabled], .subscriptions-subscribe button[data-disabled], .pagination-next-link[data-disabled], .pagination-prev-link[data-disabled], .pagination-first-link[data-disabled], .pagination-last-link[data-disabled] {
  cursor: default;
}

.button-large, input[type="submit"] {
  cursor: pointer;
  background-color: rgba(0, 43, 128, 1);
  border: 0;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 2.72;
  min-width: 190px;
  padding: 0 1.9286em;
  width: 100%;
}

@media (min-width: 768px) {
  .button-large, input[type="submit"] {
    width: auto;
  }
}

.button-large:hover, .button-large:active, .button-large:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus {
  background-color: #00091a;
}

.button-large[disabled], input[type="submit"][disabled] {
  background-color: #ddd;
}

.button-secondary {
  color: #625f51;
  border: 1px solid #ddd;
  background-color: transparent;
}

.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: rgba(42, 41, 35, 1);
  border: 1px solid #ddd;
  background-color: #f0eee9;
}

/***** Split button *****/
.split-button {
  display: flex;
}

.split-button button {
  background-color: rgba(0, 43, 128, 1);
  border: 0;
  color: #FFFFFF;
  height: 32px;
  line-height: 16px;
  outline-color: rgba(0, 43, 128, 1);
}

[dir="rtl"] .split-button button:not(:only-child):first-child {
  border-left: 1px solid #FFFFFF;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}

[dir="ltr"] .split-button button:not(:only-child):first-child {
  border-right: 1px solid #FFFFFF;
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}

.split-button button:not(:only-child):last-child {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  min-width: 26px;
  max-width: 26px;
  padding: 0;
}

[dir="rtl"] .split-button button:not(:only-child):last-child {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}

[dir="ltr"] .split-button button:not(:only-child):last-child {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}

/***** Tables *****/
.table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}

.article-body table.table--no-border td, 
.article-body table.table--no-border th,
.article-body table.table--no-border {
  border: none;
}

.article-body table.table--sm-padding td, 
.article-body table.table--sm-padding th {
  padding: 0px 15px;
}

@media (min-width: 768px) {
  .table {
    table-layout: auto;
  }
}

.table th,
.table th a {
  color: #625f51;
  font-size: 13px;
  font-weight: 300;
  text-align: left;
}

[dir="rtl"] .table th, [dir="rtl"]
.table th a {
  text-align: right;
}

.table tr {
  border-bottom: 1px solid #ddd;
  display: block;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .table tr {
    display: table-row;
  }
}

.table td {
  display: block;
}

@media (min-width: 768px) {
  .table td {
    display: table-cell;
  }
}

@media (min-width: 1024px) {
  .table td, .table th {
    padding: 20px 30px;
  }
}

@media (min-width: 768px) {
  .table td, .table th {
    padding: 10px 20px;
    height: 60px;
  }
}
.article-body td > *:first-child,
.article-body th > *:first-child {
  margin-top: 0;
}

.article-body td > *:last-child,
.article-body th > *:last-child {
  margin-bottom: 0;
}

.article-body table,
.article-body tr,
.article-body td,
.article-body th,
.article-body figure.wysiwyg-table,
.article-body figure:has(table) {
  height: auto !important;
}

/***** Forms *****/
.form {
  max-width: 650px;
}

.form-field ~ .form-field {
  margin-top: 25px;
}

.form-field label {
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
}

.form-field input {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
}

.form-field input:focus {
  border: 1px solid rgba(0, 43, 128, 1);
}

.form-field input[type="text"] {
  border: 1px solid #ddd;
  border-radius: 4px;
}

.form-field input[type="text"]:focus {
  border: 1px solid rgba(0, 43, 128, 1);
}

.form-field input[type="checkbox"] {
  width: auto;
}

.form-field .nesty-input {
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  outline: none;
  vertical-align: middle;
}

.form-field .nesty-input:focus {
  border: 1px solid rgba(0, 43, 128, 1);
  text-decoration: none;
}

.form-field .hc-multiselect-toggle:focus {
  outline: none;
  border: 1px solid rgba(0, 43, 128, 1);
  text-decoration: none;
}

.form-field textarea {
  vertical-align: middle;
}

.form-field input[type="checkbox"] + label {
  margin: 0 0 0 10px;
}

.form-field .optional {
  color: #625f51;
  margin-left: 4px;
}

.form-field p {
  color: #625f51;
  font-size: 12px;
  margin: 5px 0;
}

.form footer {
  margin-top: 40px;
  padding-top: 30px;
}

.form footer a {
  color: #625f51;
  cursor: pointer;
  margin-right: 15px;
}

.form .suggestion-list {
  font-size: 13px;
  margin-top: 30px;
}

.form .suggestion-list label {
  border-bottom: 1px solid #ddd;
  display: block;
  padding-bottom: 5px;
}

.form .suggestion-list li {
  padding: 10px 0;
}

.form .suggestion-list li a:visited {
  color: #003499;
}

/***** Header *****/


.header {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 5%;
  position: relative;
  align-items: center;
  display: flex;
  height: 71px;
  justify-content: space-between;
  
}

@media (min-width: 1120px) {
  .header {
    padding: 0;
    width: 90%;
  }
}

.user-nav {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .user-nav {
    position: relative;
  }
}

@media (max-width: 768px) {
  .user-nav[aria-expanded="true"] {
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #ddd;
    right: 0;
    left: 0;
    top: 71px;
    z-index: 1;
  }
}

.user-nav[aria-expanded="true"] > a {
  display: block;
  margin: 20px;
}

.nav-wrapper a {
  border: 0;
  color: rgba(0, 87, 255, 1);
  display: none;
  font-size: 14px;
  padding: 0 20px 0 0;
  width: auto;
}

@media (min-width: 768px) {
  .nav-wrapper a {
    display: inline-block;
  }
}

[dir="rtl"] .nav-wrapper a {
  padding: 0 0 0 20px;
}

.nav-wrapper a:hover, .nav-wrapper a:focus, .nav-wrapper a:active {
  background-color: transparent;
  color: rgba(0, 87, 255, 1);
  text-decoration: underline;
}

.nav-wrapper a.sign-in {
  display: inline-block;
}

@media (max-width: 768px) {
  .nav-wrapper .hide-on-mobile {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
  }
}

.nav-wrapper .menu-button {
  background: none;
  border: 0;
  color: rgba(0, 87, 255, 1);
  display: inline-block;
  margin-right: 10px;
  padding: 0;
  width: auto;
}

@media (min-width: 768px) {
  .nav-wrapper .menu-button {
    display: none;
  }
}

[dir="rtl"] .nav-wrapper .menu-button {
  margin-left: 10px;
  margin-right: 0;
}

.nav-wrapper .menu-button:hover, .nav-wrapper .menu-button:focus, .nav-wrapper .menu-button:active {
  background-color: transparent;
  color: rgba(0, 87, 255, 1);
}

.skip-navigation {
  align-items: center;
  background-color: black;
  color: white;
  display: flex;
  font-size: 14px;
  justify-content: center;
  left: -999px;
  margin: 20px;
  padding: 20px;
  overflow: hidden;
  position: absolute;
  top: auto;
  z-index: -999;
}

[dir="rtl"] .skip-navigation {
  left: initial;
  right: -999px;
}

.skip-navigation:focus, .skip-navigation:active {
  left: auto;
  overflow: auto;
  text-align: center;
  text-decoration: none;
  top: auto;
  z-index: 999;
}

[dir="rtl"] .skip-navigation:focus, [dir="rtl"] .skip-navigation:active {
  left: initial;
  right: auto;
}

/***** User info in header *****/
.user-info {
  display: inline-block;
}

.user-info .dropdown-toggle::after {
  display: none;
}

@media (min-width: 768px) {
  .user-info .dropdown-toggle::after {
    display: inline-block;
  }
}

.user-info > button {
  border: 0;
  color: rgba(0, 87, 255, 1);
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}

.user-info > button:hover, .user-info > button:focus {
  color: rgba(0, 87, 255, 1);
  background-color: transparent;
}

.user-info > button::after {
  color: rgba(0, 87, 255, 1);
  padding-right: 15px;
}

[dir="rtl"] .user-info > button::after {
  padding-left: 15px;
  padding-right: 0;
}

#user #user-name {
  display: none;
  font-size: 14px;
}

@media (min-width: 768px) {
  #user #user-name {
    display: inline-block;
  }
}

#user #user-name:hover {
  text-decoration: underline;
}

/***** User avatar *****/
.user-avatar {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

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

.avatar img {
  height: 40px;
  width: 40px;
}

.avatar .icon-agent {
  color: rgba(0, 43, 128, 1);
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  background-color: #FFFFFF;
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 17px;
}

/***** Footer *****/
.footer {
  margin-top: 60px;
  padding: 30px 0;
}

.footer .logo img {
  max-height: 27px;
}

.footer a {
  color: #625f51;
}

.footer-inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 5%;
  display: flex;
  justify-content: space-between;
}

@media (min-width: 1120px) {
  .footer-inner {
    padding: 0;
    width: 90%;
  }
}

.footer-language-selector button {
  color: #625f51;
  display: inline-block;
  font-weight: 300;
}

/***** Breadcrumbs *****/
.breadcrumbs {
  margin: 0 0 15px 0;
  padding: 0;
}

@media (min-width: 768px) {
  .breadcrumbs {
    margin: 0;
  }
}

.breadcrumbs li {
  color: #625f51;
  display: inline;
  font-weight: 300;
  font-size: 13px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumbs li + li::before {
  content: ">";
  margin: 0 4px;
}

.breadcrumbs li a:visited {
  color: rgba(0, 87, 255, 1);
}

/***** Search field *****/
.search {
  position: relative;
}

.search input[type="search"] {
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 4px 4px 0 rgba(0,0,0,0.1);
  box-sizing: border-box;
  color: #666;
  height: 40px;
  padding-left: 40px;
  padding-right: 20px;
  -webkit-appearance: none;
  width: 50%;
}

@media (max-width: 768px) {
  .search input[type="search"] {
    width: 100%;
  }
}

[dir="rtl"] .search input[type="search"] {
  padding-right: 40px;
  padding-left: 20px;
}

.search input[type="search"]:focus {
  border: 1px solid rgba(0, 43, 128, 1);
  color: #555;
}

.search-full input[type="search"] {
  border: 1px solid #fff;
}

.search-icon {
  position: relative;
  top: 90%;
  transform: translateY(-50%);
  position: absolute;
  left: 15px;
  z-index: 1;
  width: 18px;
  height: 18px;
  color: #777;
}

main .sub-nav .search-container .search-icon {
  top: 50%;
}

[dir="rtl"] .search-icon {
  right: 15px;
  left: auto;
}

.search-container {
  position: relative;
}

/***** Hero component *****/
.hero {
  height: 400px;
  padding: 0 20px;
  width: 100%;
  color: #FFFFFF;
  background: none;
}

.hero-inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  max-width: 1120px;
  margin: 0 auto;
}

.hero h1 {
  font-family: 'Special Gothic Expanded One', 'Figtree', sans-serif !important;
}

.hero h3 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 30px;
}

.page-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 10px 0;
}

@media (min-width: 768px) {
  .page-header {
    align-items: baseline;
    flex-direction: row;
    margin: 0;
  }
}

.page-header .section-subscribe {
  flex-shrink: 0;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .page-header .section-subscribe {
    margin-bottom: 0;
  }
}

.page-header h1 {
  flex-grow: 1;
  margin-bottom: 10px;
  color: #210846;}

.page-header-description {
  font-style: italic;
  font-weight: 300;
  margin: 0 0 30px 0;
  word-break: break-word;
}

@media (min-width: 1024px) {
  .page-header-description {
    flex-basis: 100%;
  }
}

.page-header .icon-lock {
  height: 20px;
  width: 20px;
  position: relative;
  left: -5px;
  vertical-align: baseline;
}

.sub-nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 30px;
  min-height: 50px;
  padding-bottom: 15px;
}

@media (min-width: 768px) {
  .sub-nav {
    align-items: baseline;
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .sub-nav input[type="search"] {
    min-width: 300px;
  }
}

.sub-nav input[type="search"]::after {
  font-size: 15px;
}

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
}

@media (min-width: 768px) {
  .blocks-list {
    margin: 0 -15px;
  }
}

.blocks-item {
  display: flex;
  flex: 1 0 340px;
  margin: 0 0 30px;
  max-width: 100%;
  text-align: left;
}



@media (min-width: 768px) {
  .blocks-item {
    margin: 0 15px 30px;
  }
  
  .sections .blocks-item {
    padding: 30px;
/*    border: 1px solid #DADEE1; */
    border: 1px solid #E6E6E6;
    border-radius: 8px;
  }
}

.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
  text-decoration: underline;
}

.blocks-item-internal {
  background-color: transparent;
  border: 1px solid #ddd;
}

.blocks-item-internal .icon-lock {
  height: 15px;
  width: 15px;
  bottom: 5px;
  position: relative;
}

.blocks-item-internal a {
  color: rgba(42, 41, 35, 1);
}

.blocks-item-link {
  color: rgba(0, 87, 255, 1);
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  border-radius: inherit;
}

.section.knowledge-base .categories .blocks-list .blocks-item {
  flex-grow: 0;
}

.blocks-item-link:hover, .blocks-item-link:active {
  text-decoration: none;
}

.blocks-item-link:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(0, 43, 128, 1);
  text-decoration: none;
}

.blocks-item-title {
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 34px;
}

.blocks-item-description {
  font-weight: 300;
  margin: 0;
}

.blocks-item-description:not(:empty) {
  margin-top: 10px;
}

.links.blocks {
  margin: 80px 0;
}


.links.blocks a {
  box-shadow: 0 0 20px 4px rgba(0,0,0,0.05);
  height: 98px;
  background-size: 100px;
  padding-left: 140px;
}

.links.blocks a span {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: normal;
}

/*** LINK BLOCKS ON THE HOME PAGE (CURRENTLY COMMENTED OUT IN HP TEMPLATE) ***/

.links.blocks #docebo-updates a {
  background-image: url(/hc/theming_assets/01KN4KQC16XHBPGM3AXAX5HHMJ);
}

.links.blocks #docebo-community a {
  background-image: url(/hc/theming_assets/01KN4KQDD5W0238T33JKHT0CDF);
}

.links.blocks #docebo-apis a {
/*  background-image: url(/hc/theming_assets/01KN4KQ9FBYXDJ7AMTMBAZZ5H3); */
  background-image: url(/hc/theming_assets/01KN4KQE5WJ5JBDWXPD8KKBQSY);
}

/***** Homepage *****/
.section {
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .section {
    margin-bottom: 60px;
  }
}

.home-section h2, .knowledge-base h2 {
  font-family: 'Special Gothic Expanded One', 'Figtree', sans-serif !important;
  font-size: 32px;
  font-weight: 400 !important;
  letter-spacing: 0;
  line-height: 34px;
  text-transform: capitalize;
}

.home-section.cta {
  width: 100%;
  max-width: 100%;
  text-align: center;
  padding: 50px 20px 90px 20px;
  background-color: rgba(0, 43, 128, 1);
  background: linear-gradient(135deg, #7E2EE9 0%, #5B3FBF 25%, #3A50A8 50%, #5B3FBF 75%, #8B45C6 100%);}

.home-section.cta h1 {
    color: white;
    font-size: 40px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 48px;
  margin-bottom: 48px;
}

.home-section.cta a {
    font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18px;
	color: rgba(0, 43, 128, 1);
  background: white;
  padding: 15px 30px;
  border-radius: 5px;


  
}

.sections .blocks-item:hover *, .sections .blocks-item:focus *, .sections .blocks-item:active * {
  text-decoration: none;
}

/*** BLOCKS ITEMS THAT USED TO HOLD VARIOUS ARTICLE LISTS - HTML REMOVED FROM HOME PAGE TEMPLATE ***/
.sections .blocks-item {
  display: block;
  background: url(/hc/theming_assets/01KN4KQDPNRYH99SS4G4JKPS2V) no-repeat;
  background-size: 46px;
  background-position-x: calc(100% - 20px);
  background-position-y: 20px;
}

.sections .blocks-item.shape {
  background: url(/hc/theming_assets/01KN4KQCHDV83JDM76Q5E2T73C) no-repeat;
  background-size: 46px;
  background-position-x: calc(100% - 20px);
  background-position-y: 20px;
}

.sections ul.section-block-articles {
  margin-top: 30px;
}

.sections .blocks-item li {
  margin: 10px 0;
}

.sections .blocks-item .blocks-item-more {
  float: right;
}

.sections .blocks-item a {
  font-size: 15px;
  letter-spacing: 0;
  line-height: 23px;
  color: #7E2EE9;
  
}

.sections .blocks-item a:hover {
  text-decoration: underline;
}


/***** Promoted articles *****/
.promoted-articles {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

@media (min-width: 1024px) {
  .promoted-articles {
    flex-direction: row;
  }
}

.promoted-articles-item {
  flex: 1 0 auto;
}

@media (min-width: 1024px) {
  .promoted-articles-item {
    align-self: flex-end;
    flex: 0 0 auto;
    padding-right: 30px;
    width: 33%;
    /* Three columns on desktop */
  }
  [dir="rtl"] .promoted-articles-item {
    padding: 0 0 0 30px;
  }
}

.promoted-articles-item:nth-child(3n) {
  padding-right: 0;
}

.promoted-articles-item a {
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
  color: rgba(42, 41, 35, 1);
}

.promoted-articles-item .icon-lock {
  vertical-align: baseline;
}

.promoted-articles-item:last-child a {
  border: 0;
}

@media (min-width: 1024px) {
  .promoted-articles-item:last-child a {
    border-bottom: 1px solid #ddd;
  }
}

/***** Community section in homepage *****/
.community {
  text-align: center;
}

.community-image {
  min-height: 300px;
  background-image: url(/hc/theming_assets/01KN4KQH3T3XS5CQ0CH937W202);
  background-position: center;
  background-repeat: no-repeat;
  max-width: 100%;
}

.community,
.activity {
  border-top: 1px solid #ddd;
  padding: 30px 0;
}

/***** Recent activity *****/
.recent-activity-header {
  margin-bottom: 10px;
  text-align: center;
}

.recent-activity-list {
  padding: 0;
}

.recent-activity-item {
  border-bottom: 1px solid #ddd;
  overflow: auto;
  padding: 20px 0;
}

.recent-activity-item-parent {
  font-size: 16px;
}

.recent-activity-item-parent, .recent-activity-item-link {
  margin: 6px 0;
  color: rgba(42, 41, 35, 1);
  display: inline-block;
  width: 100%;
}

@media (min-width: 768px) {
  .recent-activity-item-parent, .recent-activity-item-link {
    width: 70%;
    margin: 0;
  }
}

.recent-activity-item-link {
  font-size: 14px;
  font-weight: 300;
}

.recent-activity-item-meta {
  margin: 15px 0 0 0;
  float: none;
}

@media (min-width: 768px) {
  .recent-activity-item-meta {
    margin: 0;
    float: right;
  }
  [dir="rtl"] .recent-activity-item-meta {
    float: left;
  }
}

.recent-activity-item-time, .recent-activity-item-comment {
  color: #625f51;
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
}

.recent-activity-item-comment {
  padding-left: 5px;
}

[dir="rtl"] .recent-activity-item-comment {
  padding: 0 5px 0 0;
}

.recent-activity-item-comment::before {
  display: inline-block;
}

.recent-activity-controls {
  padding-top: 15px;
}

.recent-activity-accessibility-label {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.recent-activity-comment-icon svg {
  vertical-align: middle;
  color: rgba(0, 43, 128, 1);
  width: 16px;
  height: 16px;
}

.recent-activity-comment-icon:after {
  content: attr(data-comment-count);
  margin-left: 3px;
}

[dir="rtl"] .recent-activity-comment-icon:after {
  margin-left: 0;
  margin-right: 3px;
}

/***** Category pages *****/

.category-container {
  display: flex;
}

.category-content {
  flex: 1;
}

@media (min-width: 1024px) {
  .category-content {
    flex: 0 0 100%;
  }
}

.section-container-360005441860,
.section-container-360005481739 {
  display: none;
}

.section-list h2 {
  margin: 0;
  padding: 20px 20px 20px 20px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  /*background: none !important;
  background-image: none !important;*/
  font-size: 18px;
  font-weight: 600;
  min-height: 80px;
  display: flex;
  align-items: center;
}

.section-list a.section-more {
  margin-top: 15px;
  display: block;
/*  color: #0465ac; */
  color: #7E2EE9;
  padding-left: 30px;
  font-size: 16px;
}

.article-list-item {
  font-size: 16px;
  padding: 15px 0;
}

.article-list-item a {
  color: rgba(42, 41, 35, 1);
}

.icon-star {
  color: rgba(0, 43, 128, 1);
  font-size: 18px;
}

/***** Section pages *****/


/*.knowledge-base-section .header-container,*/
.knowledge-base-section .hero
/*.knowledge-base-section .nav-wrapper > nav a, 
.knowledge-base-section .nav-wrapper a:hover, 
.knowledge-base-section .nav-wrapper a:focus, 
.knowledge-base-section .nav-wrapper a:active, 
.knowledge-base-section .user-info > button, 
.knowledge-base-section .user-info > button:hover, 
.knowledge-base-section .user-info > button:focus */

{
/*  background-color: rgba(0, 43, 128, 1); */
/*  background-color: #0062d0; */
  background-color: #7E2EE9;
  color: white;
}

/* .knowledge-base-section._shape .header-container, */
.knowledge-base-section._shape .hero
/* .knowledge-base-section._shape .nav-wrapper > nav a, 
.knowledge-base-section._shape .nav-wrapper a:hover, 
.knowledge-base-section._shape .nav-wrapper a:focus, 
.knowledge-base-section._shape .nav-wrapper a:active, 
.knowledge-base-section._shape .user-info > button, 
.knowledge-base-section._shape .user-info > button:hover, 
.knowledge-base-section._shape .user-info > button:focus */

{
/*  background-color: #bb0d5d; */
/*  background-color: #df106f; */
  background-color: #7E2EE9;
  color: white;
}

/*.knowledge-base-section._content .header-container, */
.knowledge-base-section._content .hero 
/*.knowledge-base-section._content .nav-wrapper > nav a, 
.knowledge-base-section._content .nav-wrapper a:hover, 
.knowledge-base-section._content .nav-wrapper a:focus, 
.knowledge-base-section._content .nav-wrapper a:active, 
.knowledge-base-section._content .user-info > button, 
.knowledge-base-section._content .user-info > button:hover, 
.knowledge-base-section._content .user-info > button:focus */
{
/*  background-color: #fb6560; */
  background-color: #7E2EE9;
  color: white;
}

/*.knowledge-base-section._learning-_analytics .header-container, */
.knowledge-base-section._learning-_analytics .hero 
/*.knowledge-base-section._learning-_analytics .nav-wrapper > nav a, 
.knowledge-base-section._learning-_analytics .nav-wrapper a:hover, 
.knowledge-base-section._learning-_analytics .nav-wrapper a:focus, 
.knowledge-base-section._learning-_analytics .nav-wrapper a:active, 
.knowledge-base-section._learning-_analytics .user-info > button, 
.knowledge-base-section._learning-_analytics .user-info > button:hover, 
.knowledge-base-section._learning-_analytics .user-info > button:focus */

{
/*  background-color: #4eb260; */
  background-color: #7E2EE9;
  color: white;
}

/*.knowledge-base-section._learning-_impact .header-container, */
.knowledge-base-section._learning-_impact .hero
/*.knowledge-base-section._learning-_impact .nav-wrapper > nav a, 
.knowledge-base-section._learning-_impact .nav-wrapper a:hover, 
.knowledge-base-section._learning-_impact .nav-wrapper a:focus, 
.knowledge-base-section._learning-_impact .nav-wrapper a:active, 
.knowledge-base-section._learning-_impact .user-info > button, 
.knowledge-base-section._learning-_impact .user-info > button:hover, 
.knowledge-base-section._learning-_impact .user-info > button:focus */
{
/*  background-color: #ff9331; */
/*  background-color: #f18c1f; */
  background-color: #7E2EE9;
  color: white;
}

.knowledge-base-section .hero {
/*  background-image: url(/hc/theming_assets/01KN4KQABP1RC1YMZN7M52DW5G); */
/*  background-image: url(/hc/theming_assets/01KN4KQ97AKMP64JQGS2T8AW16); */
  background-image: none;
  background: linear-gradient(135deg, #7E2EE9 0%, #5B3FBF 25%, #3A50A8 50%, #5B3FBF 75%, #8B45C6 100%);
}

.knowledge-base-section._shape .hero {
/*	background-image: url(/hc/theming_assets/01KN4KQABQ1CX3F2JH41ER8Y22); */
/*  background-image: url(/hc/theming_assets/01KN4KQ6FXG73ZP7RKWG9NEYJP); */
  background-image: none;
  background: linear-gradient(135deg, #7E2EE9 0%, #5B3FBF 25%, #3A50A8 50%, #5B3FBF 75%, #8B45C6 100%);
}

.knowledge-base-section._content .hero {
/*	background-image: url(/hc/theming_assets/01KN4KQABQ1CX3F2JH41ER8Y22); */
/*  background-image: url(/hc/theming_assets/01KN4KQ909AMECP0MC89G880SK); */
  background-image: none;
  background: linear-gradient(135deg, #7E2EE9 0%, #5B3FBF 25%, #3A50A8 50%, #5B3FBF 75%, #8B45C6 100%);
}

.knowledge-base-section._learning-_analytics .hero {
/*	background-image: url(/hc/theming_assets/01KN4KQ5ZCSS3J1MTQBQMD6RFC); */
  background-image: none;
  background: linear-gradient(135deg, #7E2EE9 0%, #5B3FBF 25%, #3A50A8 50%, #5B3FBF 75%, #8B45C6 100%);
}

.knowledge-base-section._docebo-_connect .hero {
/*	background-image: url(/hc/theming_assets/01KN4KQA8GVKBBPV8NKCKH850N); */
/*  background-image: url(/hc/theming_assets/01KN4KQ998ZWN90VKKQBDRVHGY); */
  background-image: none;
  background: linear-gradient(135deg, #7E2EE9 0%, #5B3FBF 25%, #3A50A8 50%, #5B3FBF 75%, #8B45C6 100%);
}

.knowledge-base-section._learning-_impact .hero {
/*	background-image: url(/hc/theming_assets/01KN4KQ60N1B3J4BXD7AQPYZZC); */
/*  background-image: url(/hc/theming_assets/01KN4KQ6FYYPFPRZJ9MHFTHF8Z); */
  background-image: none;
  background: linear-gradient(135deg, #7E2EE9 0%, #5B3FBF 25%, #3A50A8 50%, #5B3FBF 75%, #8B45C6 100%);
}


/*
.knowledge-base-section .logo img {
  filter: brightness(0) invert(1);
}
*/
.section-container {
  display: flex;
  justify-content: flex-end;
}

.section-list {
  margin: 20px 0;
}

.section-list-item {
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  padding: 15px 0;
}

.section-list-item:first-child {
  border-top: 1px solid #ddd;
}

.section-list-item a {
  align-items: center;
  color: rgba(42, 41, 35, 1);
  display: flex;
  justify-content: space-between;
}

.see-all-sections-trigger {
  cursor: pointer;
  display: block;
  padding: 15px;
  text-align: center;
}

.see-all-sections-trigger[aria-hidden="true"] {
  display: none;
}

/***** Article *****/
.article {
  flex: 1 0 auto;
}

.article-body h2, .article-body h4 {
  clear: both;
}

.article-body h2 {
  font-size: 30px;
  margin-bottom: 0;
  color: #06065d;
}

.article-body h3 {
  color: #06065d;
}

.article-body h4 {
  font-size: 18px;
  margin: 10px 0;
/*  color: #0465ac; */
  color: #06065d;
}

.article-body h5 {
  font-size: 15px;
  margin: 10px 0;
/*  color: #0465ac; */
  color: #06065d;
}

.article-body a,
.article-body a:visited,
a.sidenav-item {
/*  color: #0465ac; */
  color: #7E2EE9;
  text-decoration: underline;
}

/** Branding customization */

/*.knowledge-base-article .header-container, */
.knowledge-base-article .hero
/*.knowledge-base-article .nav-wrapper > nav a, 
.knowledge-base-article .nav-wrapper a:hover, 
.knowledge-base-article .nav-wrapper a:focus, 
.knowledge-base-article .nav-wrapper a:active, 
.knowledge-base-article .user-info > button, 
.knowledge-base-article .user-info > button:hover, 
.knowledge-base-article .user-info > button:focus */

{
/*  background-color: rgba(0, 43, 128, 1); */
/*  background-color: #0062d0; */
  background-color: #7E2EE9;
  color: white;
}

/*.knowledge-base-article._shape .header-container,*/
.knowledge-base-article._shape .hero 
/*.knowledge-base-article._shape .nav-wrapper > nav a, 
.knowledge-base-article._shape .nav-wrapper a:hover, 
.knowledge-base-article._shape .nav-wrapper a:focus, 
.knowledge-base-article._shape .nav-wrapper a:active, 
.knowledge-base-article._shape .user-info > button, 
.knowledge-base-article._shape .user-info > button:hover, 
.knowledge-base-article._shape .user-info > button:focus */
{
/*  background-color: #bb0d5d; */
/*  background-color: #df106f; */
  background-color: #7E2EE9;
  color: white;
}

/*.knowledge-base-article._content .header-container,*/
.knowledge-base-article._content .hero
/*.knowledge-base-article._content .nav-wrapper > nav a, 
.knowledge-base-article._content .nav-wrapper a:hover, 
.knowledge-base-article._content .nav-wrapper a:focus, 
.knowledge-base-article._content .nav-wrapper a:active, 
.knowledge-base-article._content .user-info > button, 
.knowledge-base-article._content .user-info > button:hover, 
.knowledge-base-article._content .user-info > button:focus */
{
/*  background-color: #fb6560; */
  background-color: #7E2EE9;
  color: white;
}

/*.knowledge-base-article._learning-_analytics .header-container, */
.knowledge-base-article._learning-_analytics .hero 
/*.knowledge-base-article._learning-_analytics .nav-wrapper > nav a, 
.knowledge-base-article._learning-_analytics .nav-wrapper a:hover, 
.knowledge-base-article._learning-_analytics .nav-wrapper a:focus, 
.knowledge-base-article._learning-_analytics .nav-wrapper a:active, 
.knowledge-base-article._learning-_analytics .user-info > button, 
.knowledge-base-article._learning-_analytics .user-info > button:hover, 
.knowledge-base-article._learning-_analytics .user-info > button:focus */
{
/*  background-color: #4eb260; */
  background-color: #7E2EE9;
  color: white;
}

/*.knowledge-base-article._learning-_impact .header-container, */
.knowledge-base-article._learning-_impact .hero 
/*.knowledge-base-article._learning-_impact .nav-wrapper > nav a, 
.knowledge-base-article._learning-_impact .nav-wrapper a:hover, 
.knowledge-base-article._learning-_impact .nav-wrapper a:focus, 
.knowledge-base-article._learning-_impact .nav-wrapper a:active, 
.knowledge-base-article._learning-_impact .user-info > button, 
.knowledge-base-article._learning-_impact .user-info > button:hover, 
.knowledge-base-article._learning-_impact .user-info > button:focus */
{
/*  background-color: #ff9331; */
/*  background-color: #f18c1f; */
  background-color: #7E2EE9;
  color: white;
}

/*.knowledge-base-article._docebo-_connect .header-container,*/
.knowledge-base-article._docebo-_connect .hero 
/*.knowledge-base-article._docebo-_connect .nav-wrapper > nav a, 
.knowledge-base-article._docebo-_connect .nav-wrapper a:hover, 
.knowledge-base-article._docebo-_connect .nav-wrapper a:focus, 
.knowledge-base-article._docebo-_connect .nav-wrapper a:active, 
.knowledge-base-article._docebo-_connect .user-info > button, 
.knowledge-base-article._docebo-_connect .user-info > button:hover, 
.knowledge-base-article._docebo-_connect .user-info > button:focus */
{
/*  background-color: #f9c867; */
/*  background-color: #f1b12e; */
  background-color: #7E2EE9;
  color: white;
}

.knowledge-base-article .hero {
/*  background-image: url(/hc/theming_assets/01KN4KQAQBZG0HJJWDB4P2P2PK); */
/*  background-image: url(/hc/theming_assets/01KN4KQ9781BRYEZF6ZZCGMM3Q); */
/*  background-image: none;
  background: linear-gradient(135deg, #7E2EE9 0%, #5B3FBF 25%, #3A50A8 50%, #5B3FBF 75%, #8B45C6 100%); */
  background-image: none;
  background: linear-gradient(135deg, #7E2EE9 0%, #5B3FBF 25%, #3A50A8 50%, #5B3FBF 75%, #8B45C6 100%);
}

.knowledge-base-article._shape .hero {
/*  background-image: url(/hc/theming_assets/01KN4KQAT6XVR2ZGDRNXA2FGB3); */
/*  background-image: url(/hc/theming_assets/01KN4KQA8HCB016A8HGH4881CZ); */
/*  background-image: none;
  background: linear-gradient(135deg, #7E2EE9 0%, #5B3FBF 25%, #3A50A8 50%, #5B3FBF 75%, #8B45C6 100%); */
  background-image: none;
  background: linear-gradient(135deg, #7E2EE9 0%, #5B3FBF 25%, #3A50A8 50%, #5B3FBF 75%, #8B45C6 100%);
}

.knowledge-base-article._content .hero {
/*  background-image: url(/hc/theming_assets/01KN4KQ6CR68BPRB4S7XHKW404); */
/*  background-image: none;
  background: linear-gradient(135deg, #7E2EE9 0%, #5B3FBF 25%, #3A50A8 50%, #5B3FBF 75%, #8B45C6 100%); */
  background-image: none;
  background: linear-gradient(135deg, #7E2EE9 0%, #5B3FBF 25%, #3A50A8 50%, #5B3FBF 75%, #8B45C6 100%);
}

.knowledge-base-article._learning-_analytics .hero {
/*  background-image: url(/hc/theming_assets/01KN4KQAFQHVBEHEE3C2B5P6DZ); */
/*  background-image: none;
  background: linear-gradient(135deg, #7E2EE9 0%, #5B3FBF 25%, #3A50A8 50%, #5B3FBF 75%, #8B45C6 100%); */
  background-image: none;
  background: linear-gradient(135deg, #7E2EE9 0%, #5B3FBF 25%, #3A50A8 50%, #5B3FBF 75%, #8B45C6 100%);
}

.knowledge-base-article._docebo-_connect .hero {
/*  background-image: url(/hc/theming_assets/01KN4KQA8MDFDPPEAX7K14TZNH); */
/*  background-image: url(/hc/theming_assets/01KN4KQARNTHCCWZXR91FK5RCN); */
/*  background-image: none;
  background: linear-gradient(135deg, #7E2EE9 0%, #5B3FBF 25%, #3A50A8 50%, #5B3FBF 75%, #8B45C6 100%); */
  background-image: none;
  background: linear-gradient(135deg, #7E2EE9 0%, #5B3FBF 25%, #3A50A8 50%, #5B3FBF 75%, #8B45C6 100%);
}

.knowledge-base-article._learning-_impact .hero {
/*  background-image: url(/hc/theming_assets/01KN4KQ6FW9HSCVXV1BFEKZVAA); */
/*  background-image: url(/hc/theming_assets/01KN4KQ8TCW8SGKQR1QYWQJN02); */
/*  background-image: none;
  background: linear-gradient(135deg, #7E2EE9 0%, #5B3FBF 25%, #3A50A8 50%, #5B3FBF 75%, #8B45C6 100%); */
  background-image: none;
  background: linear-gradient(135deg, #7E2EE9 0%, #5B3FBF 25%, #3A50A8 50%, #5B3FBF 75%, #8B45C6 100%);
}
/*
.knowledge-base-article .logo img {
  filter: brightness(0) invert(1);
}
*/
.knowledge-base-article._shape .meta-group-container.module {
  display: none;
}

.knowledge-base-article .meta-group-container.module {
  display: none;
}


@media (min-width: 1024px) {
  .article {
    flex: 1 0 68%;
    max-width: 76%;
    min-width: 640px;
    padding: 0 0px 0 0;
  }
}

.article-container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .article-container {
    flex-direction: row-reverse;
  }
}

.article-header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
  border-bottom: 1px solid rgb(221, 221, 221); 
}

@media (min-width: 768px) {
  .article-header {
    flex-direction: row;
    margin-top: 0;
  }
}

.article-avatar {
  margin-right: 10px;
}

.article-author {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .article-title {
    flex-basis: 100%;
    /* Take entire row */
  }
}

.article-title .icon-lock {
  position: relative;
  left: -5px;
  vertical-align: baseline;
}

.article [role="button"] {
  flex-shrink: 0;
  /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
  width: 100%;
}

@media (min-width: 768px) {
  .article [role="button"] {
    width: auto;
  }
  .article-meta {
    display: contents;
  }

}

.article-meta .meta-group-container.date {
  background-image: url(/hc/theming_assets/01KTQ49K183N7K220XJPM0038H);
}

.article-meta .meta-group-container.module {
  background-image:  url(/hc/theming_assets/01KN4KQE5TGAD8ANJC9KCFT1RN);
}

.article-meta .meta-group-container.reading-time {
  background-image:  url(/hc/theming_assets/01KTQ49KV5JAMBKYH8GF15T6E5);
}

.article-meta .meta-group-container.user-level {
  background-image:  url(/hc/theming_assets/01KTQ49MNPHMDBF9TA37D5AW9F);
}

.article-info {
  max-width: 100%;
}

.article-meta {
  vertical-align: middle;
}


.article-body .borderless img, .article-body img.borderless {border: none !important;}

.article-body img.aligncenter,
.article-body .wysiwyg-text-align-center img
{
  float: none;
  margin: 10px 0;
  width: 100%;
}

.article-body ul, .article-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
  font-size: 15px;
}

[dir="rtl"] .article-body ul, [dir="rtl"] .article-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}

.article-body ul > ul, .article-body ol > ol, .article-body ol > ul, .article-body ul > ol, .article-body li > ul, .article-body li > ol {
  margin: 0;
}

.article-body ul {
  list-style-type: disc;
}


.article-body pre {
border-radius: var(--Border-radius-sm, 8px);
background: var(--Neutral-White, #FFF);
  padding: var(--Spacing-xl, 24px);
  overflow: auto;
  white-space: pre;
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px 15px;
    overflow: auto;
    white-space: pre;
}

.article-body .clibox {
    position: relative;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    padding: 15px 15px 15px 70px !important;
    font-size: 13px;
    font-family: monospace;
    color: #DDDDDD;
    background-color: #222222;
    display: flow-root;
    margin: 20px 0;
    overflow-x: auto;
    white-space: nowrap;
}

.article-body .clibox:before {
  position: absolute;
  content: url(/hc/theming_assets/01JMYE35ZZJ4MHYT135S8GB5TZ);
  display: block;
  left: 20px;
  top: 20px;
  font-size: 32px;
}

.article-body code {
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0 5px;
    margin: 0 2px;
    font-size: 0.9rem;
}
.article-body pre > code {
    background-color: none;
    border: 0px none;
    border-radius: 0px;
    padding: 0;
    margin: 0;
    font-size: 0.9rem;
}

.article-body span em span {
/*  color: #0465ac; */
  color: #7E2EE9;
  text-decoration: underline;
}
/* API METHOD HIGHLIGHTS FOR KB */
.apimethod-get {
  border: 1px solid #0259f7;
  border-radius: 20px;
  padding: 2px 6px 2px 6px;
  background-color: #0259f7;
  color: white;
  font-family: 'Figtree', sans-serif;
  font-weight: 800;
}
.apimethod-post {
  border: 1px solid #008000;
  border-radius: 20px;
  padding: 2px 6px 2px 6px;
  background-color: #008000;
  color: white;
  font-family: 'Figtree', sans-serif;
  font-weight: 600;
}
.apimethod-delete {
  border: 1px solid #B22222;
  border-radius: 20px;
  padding: 2px 6px 2px 6px;
  background-color: #B22222;
  color: white;
  font-family: 'Figtree', sans-serif;
  font-weight: 600;
}
.apimethod-patch {
  border: 1px solid #ff8000;
  border-radius: 20px;
  padding: 2px 6px 2px 6px;
  background-color: #ff8000;
  color: white;
  font-family: 'Figtree', sans-serif;
  font-weight: 600;
}
.apimethod-put {
  border: 1px solid #c68039;
  border-radius: 20px;
  padding: 2px 6px 2px 6px;
  background-color: #c68039;
  color: white;
  font-family: 'Figtree', sans-serif;
  font-weight: 600;
}
.article-body > p:last-child {
  margin-bottom: 0;
}

.article-body table {
  border-collapse: collapse;
  width: 100% !important;
  table-layout: fixed;
  overflow-wrap: break-word;

}

.article-body table td, .article-body table th {
  border: 1px solid #ccc;
  padding: 10px;
  text-align: left;
}

.article-content {
  line-height: 1.6;
  margin: 40px 0;
  word-wrap: break-word;
}

.article-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

.article-comment-count {
  color: #625f51;
  font-weight: 300;
}

.article-comment-count:hover {
  text-decoration: none;
}

.article-comment-count-icon {
  vertical-align: middle;
  color: rgba(0, 43, 128, 1);
  width: 18px;
  height: 18px;
}

.article-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
}

@media (min-width: 1024px) {
  .article-sidebar {
    border: 0;
    flex: 0 0 22%;
    height: auto;
  }
}

.article-relatives {
  border-top: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .article-relatives {
    flex-direction: row;
  }
}

.article-relatives > * {
  flex: 1 0 50%;
  min-width: 50%;
  overflow-wrap: break-word;
  margin-right: 0;
}

.article-relatives > *:last-child {
  padding: 0;
}

@media (min-width: 768px) {
  .article-relatives > * {
    padding-right: 20px;
  }
}

.article-votes {
  border-top: 1px solid #ddd;
  padding: 30px 0;
  text-align: center;
}

.article-vote {
  margin: 10px 5px;
  min-width: 90px;
  width: auto;
}

.article-more-questions {
  margin: 10px 0 20px;
  text-align: center;
}

.article-return-to-top {
  border-top: 1px solid #ddd;
}

@media (min-width: 1024px) {
  .article-return-to-top {
    display: none;
  }
}

.article-return-to-top a {
  color: rgba(42, 41, 35, 1);
  display: block;
  padding: 20px 0;
}

.article-return-to-top a:hover, .article-return-to-top a:focus {
  text-decoration: none;
}

.article-return-to-top-icon {
  transform: rotate(0.5turn);
}

.sidenav-title {
  font-size: 18px;
  position: relative;
  font-weight: 400;
}

.sidenav-item {
  border-radius: 4px;
  color: rgba(42, 41, 35, 1);
  display: block;
  font-weight: 300;
  padding: 10px 0;
}

.recent-articles li,
.related-articles li {
  margin-bottom: 15px;
}

/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
.attachments .attachment-item {
  padding-left: 20px;
  position: relative;
  margin-bottom: 10px;
}

.attachments .attachment-item:last-child {
  margin-bottom: 0;
}

.attachments .attachment-item .attachment-icon {
  color: rgba(42, 41, 35, 1);
  left: 0;
  position: absolute;
  top: 5px;
}

[dir="rtl"] .attachments .attachment-item {
  padding-left: 0;
  padding-right: 20px;
}

[dir="rtl"] .attachments .attachment-item .attachment-icon {
  left: auto;
  right: 0;
}

.upload-dropzone span {
  color: #625f51;
}

/***** Social share links *****/
.share {
  padding: 0;
  white-space: nowrap;
}

.share li, .share a {
  display: inline-block;
}

.share li {
  height: 25px;
  width: 25px;
}

.share a {
  color: #625f51;
}

.share a:hover {
  text-decoration: none;
  color: rgba(0, 43, 128, 1);
}

.share a svg {
  height: 18px;
  width: 18px;
  display: block;
}

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}

.comment-heading, .recent-articles-title,
.related-articles-title {
  margin-bottom: 5px;
  margin-top: 0;
  font-size: 18px;
  font-weight: 600;
}

.comment-overview {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 20px 0;
}

.comment-overview p {
  margin-top: 0;
}

.comment-callout {
  color: #625f51;
  display: inline-block;
  font-weight: 300;
  font-size: 13px;
  margin-bottom: 0;
}

.comment-callout a {
  color: rgba(0, 43, 128, 1);
}

.comment-sorter {
  display: inline-block;
  float: right;
}

.comment-sorter .dropdown-toggle {
  color: #625f51;
  font-weight: 300;
  font-size: 13px;
}

[dir="rtl"] .comment-sorter {
  float: left;
}

.comment-wrapper {
  display: flex;
  position: relative;
}

.comment-wrapper.comment-official {
  border: 1px solid rgba(0, 43, 128, 1);
  padding: 40px 20px 20px;
}

@media (min-width: 768px) {
  .comment-wrapper.comment-official {
    padding-top: 20px;
  }
}

.comment-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}

[dir="rtl"] .comment-info {
  padding-right: 0;
  padding-left: 20px;
}

.comment-author {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .comment-author {
    justify-content: space-between;
  }
}

.comment-avatar {
  margin-right: 10px;
}

[dir="rtl"] .comment-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.comment-meta {
  flex: 1 0 auto;
}

.comment-labels {
  flex-basis: 100%;
}

@media (min-width: 768px) {
  .comment-labels {
    flex-basis: auto;
  }
}

.comment .status-label:not(.status-label-official) {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .comment .status-label:not(.status-label-official) {
    margin-top: 0;
  }
}

.comment-form {
  display: flex;
  padding-top: 30px;
  word-wrap: break-word;
}

.comment-container {
  width: 100%;
}

.comment-form-controls {
  display: none;
  margin-top: 10px;
  text-align: left;
}

@media (min-width: 768px) {
  [dir="ltr"] .comment-form-controls {
    text-align: right;
  }
}

.comment-form-controls input[type="submit"] {
  margin-top: 15px;
}

@media (min-width: 1024px) {
  .comment-form-controls input[type="submit"] {
    margin-left: 15px;
  }
  [dir="rtl"] .comment-form-controls input[type="submit"] {
    margin-left: 0;
    margin-right: 15px;
  }
}

.comment-form-controls input[type="checkbox"] {
  margin-right: 5px;
}

.comment-form-controls input[type="checkbox"] [dir="rtl"] {
  margin-left: 5px;
}

.comment-ccs {
  display: none;
}

.comment-ccs + textarea {
  margin-top: 10px;
}

.comment-attachments {
  margin-top: 10px;
}

.comment-attachments a {
  color: rgba(0, 43, 128, 1);
}

.comment-body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  font-family: 'Figtree', sans-serif;
  line-height: 1.6;
  overflow-x: auto;
}

.comment-body img {
  height: auto;
  max-width: 100%;
}

.comment-body ul, .comment-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}

[dir="rtl"] .comment-body ul, [dir="rtl"] .comment-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}

.comment-body ul > ul, .comment-body ol > ol, .comment-body ol > ul, .comment-body ul > ol, .comment-body li > ul, .comment-body li > ol {
  margin: 0;
}

.comment-body ul {
  list-style-type: disc;
}

.comment-body a:visited {
  color: #003499;
}

.comment-body code {
  background: #f0eee9;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.comment-body pre {
  background: #f0eee9;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.comment-body blockquote {
  border-left: 1px solid #ddd;
  color: #625f51;
  font-style: italic;
  padding: 0 15px;
}

.comment-mark-as-solved {
  display: inline-block;
}

/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.vote a:active, .vote a:hover, .vote a:focus {
  text-decoration: none;
}

.vote-sum {
  color: #625f51;
  display: block;
  margin: 3px 0;
}

[dir="rtl"] .vote-sum {
  direction: ltr;
  unicode-bidi: bidi-override;
}

.vote-up svg {
  transform: scale(1, -1);
}

.vote-up:hover,
.vote-down:hover {
  color: rgba(0, 43, 128, 1);
}

.vote-up, .vote-down {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: #625f51;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vote-voted {
  color: rgba(0, 43, 128, 1);
}

.vote-voted:hover {
  color: #00091a;
}

/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.actions {
  text-align: center;
  flex-shrink: 0;
  /*Avoid collapsing elements in Safari*/
}

.actions button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/***** Community *****/
.community-hero {
  background-image: url(/hc/theming_assets/01KN54RRDT7J611B796A5GV3TJ);
  margin-bottom: 10px;
}

.community-footer {
  padding-top: 50px;
  text-align: center;
}

.community-footer-title {
  font-size: 16px;
  margin-bottom: 20px;
}

.community-featured-posts .title {
  font-size: 18px;
  font-weight: 600;
}

.community-featured-posts, .community-activity {
  padding-top: 40px;
  width: 100%;
}

.community-header {
  margin-bottom: 30px;
}

.community-header .title {
  margin-bottom: 0;
  font-size: 16px;
}

.post-to-community {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .post-to-community {
    margin: 0;
  }
}

/* Community topics grid */
.topics {
  max-width: none;
  width: 100%;
}

.topics-item .meta-group {
  justify-content: center;
  margin-top: 20px;
}

/* Community topic page */
.topic-header {
  border-bottom: 1px solid #ddd;
  font-size: 13px;
}

@media (min-width: 768px) {
  .topic-header {
    padding-bottom: 10px;
  }
}

.topic-header .dropdown {
  display: block;
  border-top: 1px solid #ddd;
  padding: 10px 0;
}

@media (min-width: 768px) {
  .topic-header .dropdown {
    border-top: 0;
    display: inline-block;
    margin-right: 20px;
    padding: 0;
  }
}

.no-posts-with-filter {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Topic, post and user follow button */
.community-follow {
  margin-bottom: 10px;
  width: 100%;
}

@media (min-width: 768px) {
  .community-follow {
    margin-bottom: 0;
    width: auto;
  }
}

.community-follow button {
  line-height: 30px;
  padding: 0 10px 0 15px;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .community-follow button {
    width: auto;
  }
}

.community-follow button:hover {
  background-color: rgba(0, 43, 128, 1);
}

.community-follow button:hover::after, .community-follow button:focus::after {
  border-color: #FFFFFF;
  color: #FFFFFF;
}

.community-follow button[data-selected="true"] {
  background-color: rgba(0, 43, 128, 1);
  color: #FFFFFF;
}

.community-follow button[data-selected="true"]::after {
  border-left: 1px solid #FFFFFF;
  color: #FFFFFF;
}

.community-follow button[data-selected="true"]:hover {
  background-color: #00091a;
  border-color: #00091a;
}

.community-follow button::after {
  border-left: 1px solid rgba(0, 43, 128, 1);
  content: attr(data-follower-count);
  color: rgba(0, 43, 128, 1);
  display: inline-block;
  font-family: 'Figtree', sans-serif;
  margin-left: 15px;
  padding-left: 10px;
  position: absolute;
  right: 10px;
}

@media (min-width: 768px) {
  .community-follow button::after {
    position: static;
  }
}

[dir="rtl"] .community-follow button::after {
  border-left: 0;
  border-right: 1px solid rgba(0, 43, 128, 1);
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}

/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list {
  padding: 0;
}

.striped-list-item {
  align-items: flex-start;
  border-bottom: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .striped-list-item {
    align-items: center;
    flex-direction: row;
  }
}

.striped-list-info {
  flex: 2;
}

.striped-list-title {
  color: rgba(0, 87, 255, 1);
  margin-bottom: 10px;
  margin-right: 5px;
}

.striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active {
  text-decoration: underline;
}

.striped-list-title:visited {
  color: #003499;
}

.striped-list .meta-group {
  margin: 5px 0;
}

.striped-list-count {
  color: #625f51;
  font-weight: 300;
  font-size: 13px;
  justify-content: flex-start;
  text-transform: capitalize;
}

@media (min-width: 768px) {
  .striped-list-count {
    display: flex;
    flex: 1;
    justify-content: space-around;
  }
}

.striped-list-count-item::after {
  content: "·";
  display: inline-block;
  padding: 0 5px;
}

@media (min-width: 768px) {
  .striped-list-count-item::after {
    display: none;
  }
}

.striped-list-count-item:last-child::after {
  display: none;
}

.striped-list-number {
  font-weight: 300;
  text-align: center;
}

@media (min-width: 768px) {
  .striped-list-number {
    color: rgba(42, 41, 35, 1);
    display: block;
    font-weight: 400;
  }
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
  background-color: #038153;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-right: 2px;
  padding: 3px 10px;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-block;
}

.status-label:hover, .status-label:active, .status-label:focus {
  text-decoration: none;
}

.status-label-pinned, .status-label-featured, .status-label-official {
  background-color: rgba(0, 43, 128, 1);
}

.status-label-official {
  border-radius: 0;
  margin-right: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .status-label-official {
    border-radius: 0 0 4px 4px;
    right: 30px;
    width: auto;
  }
}

[dir="rtl"] .status-label-official {
  left: 30px;
  right: auto;
}

.status-label-not-planned, .status-label-closed {
  background-color: #e9ebed;
  color: #625f51;
}

.status-label-pending, .status-label-pending-moderation {
  background-color: #1f73b7;
  text-align: center;
}

.status-label-open {
  background-color: #c72a1c;
}

.status-label-solved {
  background-color: #68737d;
}

.status-label-new {
  background-color: #ffb648;
  color: #703b15;
}

.status-label-hold {
  background-color: #000;
}

/***** Post *****/
/*
* The post grid is defined this way:
* Content | Sidebar
* 70%     | 30%
*/
.post {
  flex: 1;
  margin-bottom: 10px;
}

@media (min-width: 1024px) {
  .post {
    flex: 1 0 70%;
    max-width: 70%;
  }
}

.post-container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .post-container {
    flex-direction: row;
  }
}

.post-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .post-header {
    align-items: baseline;
    flex-direction: row;
  }
}

.post-header .status-label {
  vertical-align: super;
}

.post-title {
  margin-bottom: 20px;
  width: 100%;
}

@media (min-width: 768px) {
  .post-title {
    margin-bottom: 0;
    padding-right: 10px;
  }
}

.post-title h1 {
  display: inline;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .post-title h1 {
    margin-right: 5px;
  }
}

.post-author {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}

.post-avatar {
  margin-bottom: 30px;
}

.post-content {
  font-family: 'Figtree', sans-serif;
  line-height: 1.6;
  word-break: break-word;
}

.post-info-container {
  display: flex;
  margin-bottom: 40px;
}

.post-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}

[dir="rtl"] .post-info {
  padding-right: 0;
  padding-left: 20px;
}

.post-meta {
  display: inline-block;
  flex: 1;
  margin-left: 10px;
  vertical-align: middle;
}

[dir="rtl"] .post-meta {
  margin-left: 0;
  margin-right: 10px;
}

.post-body img {
  height: auto;
  max-width: 100%;
}

.post-body ul, .post-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}

[dir="rtl"] .post-body ul, [dir="rtl"] .post-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}

.post-body ul > ul, .post-body ol > ol, .post-body ol > ul, .post-body ul > ol, .post-body li > ul, .post-body li > ol {
  margin: 0;
}

.post-body ul {
  list-style-type: disc;
}

.post-body a:visited {
  color: #003499;
}

.post-body code {
  background: #f0eee9;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.post-body pre {
  background: #f0eee9;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.post-body blockquote {
  border-left: 1px solid #ddd;
  color: #625f51;
  font-style: italic;
  padding: 0 15px;
}

.post-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

.post-comment-count {
  color: #625f51;
  font-weight: 300;
}

.post-comment-count:hover {
  text-decoration: none;
}

.post-comment-count .icon-comments {
  color: rgba(0, 43, 128, 1);
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 5px;
  vertical-align: middle;
}

.post-sidebar {
  border-top: 1px solid #ddd;
  flex: 1;
  padding: 30px 0;
  text-align: center;
}

@media (min-width: 1024px) {
  .post-sidebar {
    border: 0;
    flex: 1 0 30%;
    padding: 0 0 0 50px;
    text-align: initial;
  }
  [dir="rtl"] .post-sidebar {
    padding: 0 50px 0 0;
  }
}

.post-sidebar-title {
  font-size: 18px;
  font-weight: 600;
}

.post-comments {
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  .post-comments {
    margin-bottom: 0;
  }
}

/***** Community Badges *****/
/* Styles labels used next to the authors of article comments, community posts, and community comments */
.community-badge-titles {
  background-color: #210846;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 2px 8px;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-flex;
  line-height: 20px;
  margin: 0 2px;
}

.community-badge-container-achievements {
  padding-top: 5px;
}

.community-badge-achievements {
  display: inline-block;
  margin: 0 3px 0 0;
}

[dir="rtl"] .community-badge-achievements {
  margin: 0 0 0 3px;
}

.community-badge-achievements img {
  width: 22px;
  height: 22px;
}

.community-badge-titles img {
  width: 20px;
  height: 20px;
}

.profile-info .community-badge-achievements img {
  width: 40px;
  height: 40px;
}

/* Navigation element that collapses on mobile */
.collapsible-nav {
  flex-direction: column;
  font-size: 14px;
  position: relative;
}

@media (min-width: 768px) {
  .collapsible-nav {
    flex-direction: row;
  }
}

.collapsible-nav-border {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

@media (min-width: 768px) {
  .collapsible-nav-border {
    border-top: 0;
  }
}

.collapsible-nav-toggle {
  top: calc(45px / 2);
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

@media (min-width: 768px) {
  .collapsible-nav-toggle {
    display: none;
  }
}

[dir="rtl"] .collapsible-nav-toggle {
  left: 0;
  right: auto;
}

.collapsible-nav-toggle-icon {
  display: none;
}

.collapsible-nav-toggle[aria-expanded="false"] .chevron-icon {
  display: inline-block;
}

.collapsible-nav-toggle[aria-expanded="true"] .x-icon {
  display: inline-block;
}

.collapsible-nav-toggle:focus {
  outline: none;
  border: 1px solid rgba(0, 43, 128, 1);
}

.collapsible-nav-list {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .collapsible-nav-list {
    flex-direction: row;
  }
}

.collapsible-nav-list li {
  color: rgba(42, 41, 35, 1);
  line-height: 45px;
  order: 1;
}

@media (min-width: 768px) {
  .collapsible-nav-list li {
    line-height: normal;
    margin-right: 30px;
  }
  [dir="rtl"] .collapsible-nav-list li {
    margin-left: 30px;
    margin-right: 0;
  }
  .collapsible-nav-list li a {
    text-decoration: none;
    padding: 15px 0;
  }
}

.collapsible-nav-list li a {
  color: rgba(42, 41, 35, 1);
  display: block;
}

@media (min-width: 768px) {
  .collapsible-nav-list li:hover {
    border-bottom: 4px solid #ddd;
  }
  .collapsible-nav-list li:hover a:not([aria-current="page"]) {
    padding: 15px 0 11px 0;
    text-decoration: none;
  }
}

.collapsible-nav-list li:not([aria-selected="true"]),
.collapsible-nav-list li:not(.current) {
  display: none;
}

@media (min-width: 768px) {
  .collapsible-nav-list li:not([aria-selected="true"]),
  .collapsible-nav-list li:not(.current) {
    display: block;
  }
}

@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected="true"] {
    padding: 15px 0 11px 0;
  }
}

.collapsible-nav-list li[aria-selected="true"],
.collapsible-nav-list li.current {
  order: 0;
  position: relative;
}

@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected="true"],
  .collapsible-nav-list li.current {
    border-bottom: 4px solid rgba(0, 43, 128, 1);
    order: 1;
  }
}

.collapsible-nav-list li[aria-selected="true"] a,
.collapsible-nav-list li.current a {
  color: rgba(42, 41, 35, 1);
}

.collapsible-nav[aria-expanded="true"] li:not([aria-selected="true"]),
.collapsible-nav[aria-expanded="true"] li:not(.current) {
  display: block;
}

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
  flex: 1;
  max-height: 45px;
  overflow: hidden;
  padding: 10px 0;
  position: relative;
}

@media (min-width: 1024px) {
  .collapsible-sidebar {
    max-height: none;
    padding: 0;
  }
}

.collapsible-sidebar-title {
  margin-top: 0;
}

.collapsible-sidebar-toggle {
  position: absolute;
  top: calc(45px / 2);
  transform: translateY(-50%);
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

@media (min-width: 1024px) {
  .collapsible-sidebar-toggle {
    display: none;
  }
}

[dir="rtl"] .collapsible-sidebar-toggle {
  left: 0;
  right: auto;
}

.collapsible-sidebar-toggle-icon {
  display: none;
}

.collapsible-sidebar-toggle[aria-expanded="false"] .chevron-icon {
  display: inline-block;
}

.collapsible-sidebar-toggle[aria-expanded="true"] .x-icon {
  display: inline-block;
}

.collapsible-sidebar-toggle:focus {
  outline: none;
  border: 1px solid rgba(0, 43, 128, 1);
}

.collapsible-sidebar-body {
  display: none;
}

@media (min-width: 1024px) {
  .collapsible-sidebar-body {
    display: block;
    padding: 0 0 24px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid rgb(221,221,221);
  }
}

.collapsible-sidebar[aria-expanded="true"] {
  max-height: none;
}

.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-body {
  display: block;
}

/***** My activities *****/
.my-activities-nav {
  background-color: #ece9e3;
  margin-bottom: 20px;
}

.my-activities-sub-nav {
  margin-bottom: 30px;
}

.my-activities-table .striped-list-title {
  /* My activities tables */
  display: block;
  margin-bottom: 10px;
  max-width: 350px;
  white-space: normal;
}

@media (min-width: 1024px) {
  .my-activities-table .striped-list-title {
    margin-bottom: 0;
    max-width: 500px;
    min-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.my-activities-table thead {
  display: none;
}

@media (min-width: 768px) {
  .my-activities-table thead {
    display: table-header-group;
  }
}

.my-activities-table th:first-child,
.my-activities-table td:first-child {
  padding-left: 0;
}

@media (min-width: 1024px) {
  .my-activities-table th:first-child,
  .my-activities-table td:first-child {
    width: 500px;
  }
}

.my-activities-table th:last-child,
.my-activities-table td:last-child {
  padding-right: 0;
}

.my-activities-table td:not(:first-child) {
  display: none;
}

@media (min-width: 768px) {
  .my-activities-table td:not(:first-child) {
    display: table-cell;
  }
}

/* Requests table */
.requests-search {
  width: 100%;
}

.requests-table-toolbar {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .requests-table-toolbar {
    flex-direction: row;
  }
}

.requests-table-toolbar .search {
  flex: 1;
  width: 100%;
}

.requests-table-toolbar .request-table-filter {
  width: 100%;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-table-filter {
    width: auto;
  }
}

.requests-table-toolbar .request-filter {
  display: block;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-filter {
    margin: 0 0 0 30px;
  }
  [dir="rtl"] .requests-table-toolbar .request-filter {
    margin: 0 30px 0 0;
  }
}

.requests-table-toolbar .request-filter-label {
  font-size: 13px;
  margin-top: 30px;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-filter-label {
    margin-top: 0;
  }
}

.requests-table-toolbar select {
  max-height: 40px;
  margin-bottom: 30px;
  width: 100%;
}

@media (min-width: 768px) {
  .requests-table-toolbar select {
    margin-bottom: 0;
    max-width: 300px;
    width: auto;
  }
}

@media (min-width: 768px) {
  .requests-table-toolbar .organization-subscribe {
    margin-left: 10px;
  }
  [dir="rtl"] .requests-table-toolbar .organization-subscribe {
    margin: 0 10px 0 0;
  }
}

.requests-table-toolbar .organization-subscribe button {
  line-height: 40px;
  max-height: 40px;
  padding: 0 20px;
}

.requests-table-toolbar + .requests-search-info {
  margin-top: 15px;
}

.requests-table-toolbar + .requests-search-info.meta-data::after {
  content: "";
  margin: 0;
}

.requests-table-toolbar + .requests-search-info + .requests {
  margin-top: 20px;
}

.requests-table-toolbar + .requests {
  margin-top: 40px;
}

.requests .requests-table-meta {
  display: block;
}

@media (min-width: 768px) {
  .requests .requests-table-meta {
    display: none;
  }
}

.requests .requests-table thead {
  display: none;
}

@media (min-width: 768px) {
  .requests .requests-table thead {
    display: table-header-group;
  }
}

.requests .requests-table-info {
  display: block;
}

@media (min-width: 768px) {
  .requests .requests-table-info {
    display: table-cell;
    vertical-align: middle;
    width: auto;
  }
}

.requests .requests-table .requests-link {
  position: relative;
}

.requests .requests-table .requests-sort-symbol {
  position: absolute;
  left: calc(100% + 3px);
  bottom: 0;
  font-size: 10px;
}

/* Following table */
@media (min-width: 768px) {
  .subscriptions-subscribe button {
    width: auto;
  }
}

.subscriptions-table td:last-child {
  display: block;
}

@media (min-width: 768px) {
  .subscriptions-table td:last-child {
    display: table-cell;
  }
}

.subscriptions-table td:first-child {
  display: flex;
  align-items: center;
}

.subscriptions-table .user-avatar {
  margin-right: 10px;
}

.subscriptions .striped-list-title {
  display: inline-block;
  vertical-align: middle;
}

/* Contributions table */
.contributions-table td:last-child {
  color: #625f51;
  font-size: 13px;
  font-weight: 300;
}

@media (min-width: 768px) {
  .contributions-table td:last-child {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
  }
}

.no-activities {
  color: #625f51;
}

/***** Request *****/
.request-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .request-container {
    align-items: flex-start;
    flex-direction: row;
  }
}

.request-container .comment-container {
  min-width: 0;
}

.request-breadcrumbs {
  margin-bottom: 40px;
}

@media (min-width: 1024px) {
  .request-breadcrumbs {
    margin-bottom: 60px;
  }
}

.request-main {
  flex: 1 0 auto;
  order: 1;
}

.request-main .comment-fields, .request-main .request-submit-comment {
  display: none;
}

.request-main .comment-fields.shown {
  display: block;
}

.request-main .request-submit-comment.shown {
  display: inline;
}

@media (min-width: 1024px) {
  .request-main {
    flex: 0 0 66%;
    order: 0;
    min-width: 0;
  }
}

.request-main .comment-form-controls {
  display: block;
}

.request-main .comment-ccs {
  display: block;
}

.request-main .comment-show-container {
  border-radius: 2px;
  border: 1px solid #ddd;
  color: #625f51;
  text-align: inherit;
  padding: 8px 25px;
  width: 100%;
}

.request-main .comment-show-container.hidden {
  display: none;
}

.request-main .form-field.comment-ccs > ul {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.request-main .form-field.comment-ccs > ul[data-hc-focus="true"] {
  border: 1px solid rgba(0, 43, 128, 1);
}

.request-main .form-field.comment-ccs > input[type="text"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.request-main .comment-ccs + textarea {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}

.request-main .comment-ccs + textarea:focus {
  border-top: 1px solid rgba(0, 43, 128, 1);
}

.request-main input#mark_as_solved {
  display: none;
}

.request-title {
  width: 100%;
}

@media (min-width: 1024px) {
  .request-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    max-width: 66%;
    padding-bottom: 20px;
  }
}

.request-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  order: 0;
}

@media (min-width: 1024px) {
  .request-sidebar {
    background-color: #f0eee9;
    border: 0;
    font-size: 13px;
    flex: 0 0 auto;
    padding: 0 20px;
    width: 30%;
  }
}

.request-sidebar h2 {
  font-size: 15px;
  font-weight: 600;
  position: relative;
}

@media (min-width: 1024px) {
  .request-sidebar h2 {
    display: none;
  }
}

.request-details {
  border-bottom: 1px solid #ddd;
  font-size: 0;
  margin: 0;
  padding-bottom: 20px;
}

.request-details:last-child {
  border: 0;
}

.request-details dt, .request-details dd {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  margin: 20px 0 0 0;
}

.request-details dd {
  padding: 0 10px;
  width: 60%;
}

.request-details dd::after {
  content: "\A";
  white-space: pre;
}

.request-details dt {
  color: #625f51;
  font-weight: 300;
  width: 40%;
}

.request-details .request-collaborators {
  display: inline-block;
}

.request-attachments dt, .request-attachments dd {
  width: 100%;
}

.request-attachments dd {
  margin: 10px 0 0 0;
}

.request-form textarea {
  min-height: 120px;
}

.request-follow-up {
  padding-top: 20px;
}

/***** Pagination *****/
.pagination {
  margin: 20px 0;
  text-align: center;
}

.pagination-next, .pagination-prev, .pagination-first, .pagination-last {
  display: inline-block;
}

.pagination-first-link, .pagination-last-link {
  padding: 0 10px;
}

.pagination-first-text, .pagination-last-text {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.pagination-next-link {
  padding-right: 10px;
}

.pagination-next-text {
  margin-right: 10px;
}

[dir="rtl"] .pagination-next-link {
  padding-left: 10px;
}

[dir="rtl"] .pagination-next-text {
  margin-left: 10px;
}

.pagination-prev-link {
  padding-left: 10px;
}

.pagination-prev-text {
  margin-left: 10px;
}

[dir="rtl"] .pagination-prev-link {
  padding-right: 10px;
}

[dir="rtl"] .pagination-prev-text {
  margin-right: 10px;
}

/***** Metadata *****/
.meta-group {
  display: block;
}

.meta-group-opposite {
  float: right;
}

[dir="rtl"] .meta-group-opposite {
  float: left;
}

.meta-group * {
  display: inline;
}

.meta-data {
  color: #625f51;
  font-size: 13px;
  font-weight: 300;
}

.meta-data:not(:last-child)::after {
  content: ",";
  margin: 0;
}

/* User Profiles */
.profile-header {
  padding: 30px 0;
  background-color: #f0eee9;
}

.profile-header .container {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .profile-header .container {
    flex-wrap: nowrap;
  }
}

.profile-header .profile-info {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
}

.profile-avatar {
  position: relative;
  line-height: 0;
  align-self: center;
  margin-right: 10px;
}

[dir="rtl"] .profile-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.profile-avatar .user-avatar {
  width: 80px;
  height: 80px;
}

.profile-avatar .icon-agent {
  bottom: 0;
  right: 0;
}

.profile-header .basic-info {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}

.profile-header .basic-info .name {
  margin: 0;
  line-height: 25px;
}

.profile-header .options {
  display: flex;
  flex-basis: 100%;
  margin-top: 12px;
  align-items: flex-start;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .profile-header .options {
    flex-wrap: nowrap;
    flex-basis: auto;
    margin-top: 0;
    margin-left: 10px;
  }
  [dir="rtl"] .profile-header .options {
    margin-left: 0;
    margin-right: 10px;
  }
  .profile-header .options > :not(:last-child) {
    margin-bottom: 0;
    margin-right: 10px;
  }
  [dir="rtl"] .profile-header .options > :not(:last-child) {
    margin-left: 10px;
    margin-right: 0;
  }
}

.user-profile-actions {
  width: 100%;
  margin-bottom: 15px;
}

.profile-header .description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  margin: 15px 0;
  flex-basis: 100%;
}

.profile-stats {
  font-size: 13px;
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}

.profile-stats .stat {
  display: flex;
  margin-bottom: 10px;
}

.profile-stats .stat-label {
  color: #625f51;
  font-weight: 300;
  flex: 0 0 100px;
  margin-right: 10px;
}

[dir="rtl"] .profile-stats .stat-label {
  margin-left: 10px;
  margin-right: 0;
}

.profile-stats-activity {
  border-top: solid 1px #ddd;
  margin-top: 15px;
}

@media (min-width: 768px) {
  .profile-stats-activity {
    border-top: 0;
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat {
    flex-direction: column;
  }
}

.profile-stats-activity .stat:first-child {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:first-child {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:not(:last-child) {
    margin-right: 40px;
  }
  [dir="rtl"] .profile-stats-activity .stat:not(:last-child) {
    margin-left: 40px;
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat-label {
    flex: 0 1 auto;
  }
}

.profile-stats-counters {
  border-bottom: solid 1px #ddd;
}

@media (min-width: 768px) {
  .profile-stats-counters {
    flex: 0 0 200px;
    border-bottom: 0;
    margin-left: 40px;
  }
  [dir="rtl"] .profile-stats-counters {
    margin-left: 0;
    margin-right: 40px;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters {
    flex: 0 0 270px;
    margin-left: 60px;
  }
  [dir="rtl"] .profile-stats-counters {
    margin-right: 60px;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat {
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters .stat {
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat:not(:last-child) {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat-label {
    flex: 0 1 auto;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters .stat-label {
    flex: 0 0 100px;
  }
}

.profile-private-badge {
  flex-basis: 100%;
  border: solid 1px rgba(0, 43, 128, 1);
  border-radius: 4px;
  color: rgba(0, 43, 128, 1);
  padding: 5px 20px;
  font-size: 12px;
  text-align: center;
}

.profile-private-badge .profile-private-icon {
  margin-left: 5px;
  line-height: 15px;
}

@media (min-width: 768px) {
  .profile-private-badge {
    flex-basis: auto;
  }
}

.profile-nav {
  background-color: #ece9e3;
  margin-bottom: 37px;
}

.profile-section {
  width: 100%;
}

@media (min-width: 1024px) {
  .profile-section {
    width: calc(100% - 330px);
  }
}

.profile-section-header {
  display: flex;
  flex-wrap: wrap;
}

.profile-section-title {
  flex-basis: 100%;
  margin-bottom: 0;
}

.profile-section-description {
  flex-basis: 100%;
  padding: 10px 0;
  color: #625f51;
  font-weight: 300;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 768px) {
  .profile-section-description {
    flex: 1 0 50%;
    padding-bottom: 0;
  }
}

.profile-section-sorter {
  flex-basis: 100%;
  border-top: solid 1px #eee;
  font-size: 13px;
}

.profile-section-sorter .dropdown-toggle {
  padding: 10px 0;
  width: 100%;
}

.profile-section-sorter .dropdown-toggle::after {
  position: absolute;
  right: 0;
}

[dir="rtl"] .profile-section-sorter .dropdown-toggle::after {
  left: 0;
  right: initial;
}

@media (min-width: 768px) {
  .profile-section-sorter .dropdown-toggle::after {
    position: relative;
  }
}

@media (min-width: 768px) {
  .profile-section-sorter {
    flex: 0 1 auto;
    padding-top: 0;
    border-top: 0;
    margin-left: 20px;
  }
  [dir="rtl"] .profile-section-sorter {
    margin-left: 0;
    margin-right: 20px;
  }
}

.profile-badges-items {
  margin-top: 25px;
}

.profile-badges-item {
  border-top: 1px solid #ddd;
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: flex-start;
  padding: 27px 12px;
}

.profile-badges-item > div {
  padding-right: 12px;
  padding-left: 12px;
}

.profile-badges-item-image {
  height: 40px;
  width: 40px;
  margin-right: 12px;
}

.profile-badges-item-image img {
  max-height: 40px;
}

[dir="rtl"] .profile-badges-item-image {
  margin-left: 12px;
  margin-right: 0;
}

.profile-badges-item-title, .profile-badges-item-metadata-title {
  font-size: 15px;
  margin-bottom: 10px;
}

.profile-badges-item-title {
  font-weight: 600;
}

.profile-badges-item-description, .profile-badges-item-metadata-description {
  color: #625f51;
  font-size: 13px;
  margin: 0;
}

.profile-badges-item-metadata {
  margin-left: auto;
  text-align: right;
}

[dir="rtl"] .profile-badges-item-metadata {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

.profile-contribution {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  padding: 20px 0;
  position: relative;
}

.profile-contribution-header {
  margin-bottom: 5px;
}

.profile-contribution-title {
  margin: 0 0 5px 0;
  display: inline;
  line-height: 21px;
  font-size: 15px;
  vertical-align: middle;
}

.profile-contribution-body {
  margin: 10px 0;
}

.profile-contribution-list > .profile-contribution {
  border-top: 1px solid #eee;
}

@media (min-width: 768px) {
  .profile-contribution-list > .profile-contribution {
    padding-left: 30px;
  }
  [dir="rtl"] .profile-contribution-list > .profile-contribution {
    padding-right: 30px;
    padding-left: 0;
  }
}

.profile-contribution-list > .profile-contribution:last-child {
  border-bottom: 1px solid #eee;
}

.profile-contribution-icon {
  left: 0;
  position: absolute;
  color: #ccc;
  line-height: 25px;
}

[dir="rtl"] .profile-contribution-icon {
  right: 0;
}

.profile-contribution-icon svg {
  vertical-align: middle;
}

.profile-contribution-list .profile-contribution-header {
  margin-left: 30px;
}

[dir="rtl"] .profile-contribution-list .profile-contribution-header {
  padding-right: 30px;
  padding-left: 0;
}

@media (min-width: 768px) {
  .profile-contribution-list .profile-contribution-header {
    margin-left: 0;
  }
  [dir="rtl"] .profile-contribution-list .profile-contribution-header {
    padding-right: 0;
  }
}

.profile-comments .profile-contribution-breadcrumbs {
  margin-left: 30px;
}

[dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
  padding-right: 30px;
  padding-left: 0;
}

@media (min-width: 768px) {
  .profile-comments .profile-contribution-breadcrumbs {
    margin-left: 0;
  }
  [dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
    padding-right: 0;
  }
}

.profile-section .no-activity,
.profile-section .private-activity {
  display: block;
  margin-top: 40px;
  color: #999;
}

.private-activity-icon {
  margin-right: 10px;
}

[dir="rtl"] .private-activity-icon {
  margin-right: 0;
  margin-left: 10px;
}

.profile-activity-list {
  margin-top: 25px;
}

.profile-activity {
  position: relative;
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .profile-activity {
    padding-left: 20px;
  }
  [dir="rtl"] .profile-activity {
    padding-right: 20px;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .profile-activity:not(:last-child) {
    border-left: 1px solid #ddd;
  }
  [dir="rtl"] .profile-activity:not(:last-child) {
    border-left: 0;
    border-right: 1px solid #ddd;
  }
}

.profile-activity-header {
  display: flex;
  align-items: center;
  margin-left: 35px;
}

[dir="rtl"] .profile-activity-header {
  margin-left: 0;
  margin-right: 35px;
}

@media (min-width: 768px) {
  .profile-activity-header {
    margin-left: 0;
  }
  [dir="rtl"] .profile-activity-header {
    margin-right: 0;
  }
}

.profile-activity-header .user-avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  min-width: 40px;
  align-self: flex-start;
}

[dir="rtl"] .profile-activity-header .user-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.profile-activity-description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  margin: 0;
  min-width: 0;
  width: 100%;
}

.profile-activity-description span:first-child {
  font-weight: 600;
  display: inline;
}

.profile-activity-contribution {
  padding: 20px;
  margin-top: 10px;
  border-radius: 8px;
  background-color: #f0eee9;
}

@media (min-width: 768px) {
  .profile-activity-contribution {
    margin-top: 0;
    margin-left: 50px;
  }
  [dir="rtl"] .profile-activity-contribution {
    margin-left: 0;
    margin-right: 50px;
  }
}

.profile-activity-icon {
  position: absolute;
  left: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-color: #F6F5F2;
  background-position: 50% 50%;
  text-align: center;
  color: #ccc;
}

[dir="rtl"] .profile-activity-icon {
  right: 0;
}

@media (min-width: 768px) {
  .profile-activity-icon {
    left: -14px;
  }
  [dir="rtl"] .profile-activity-icon {
    right: -14px;
  }
}

.profile-activity-icon svg {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  margin: auto;
}

/***** Search results *****/
.search-results {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .search-results {
    flex-direction: row;
  }
}

.search-results-column {
  flex: 1;
}

@media (min-width: 1024px) {
  .search-results-column {
    flex: 0 0 75%;
  }
}

.search-results-sidebar {
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
}

@media (min-width: 1024px) {
  .search-results-sidebar {
    border: 0;
    flex: 0 0 20%;
    height: auto;
  }
}

.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current {
  background-color: #e9ebed;
  color: inherit;
  text-decoration: none;
}

.search-results-sidebar .sidenav-subitem {
  unicode-bidi: embed;
}

.search-results-sidebar .collapsible-sidebar {
  margin-bottom: 30px;
}

.search-results-sidebar .collapsible-sidebar[aria-expanded="false"] .multibrand-filter-list {
  display: none;
}

@media (min-width: 1024px) {
  .search-results-sidebar .collapsible-sidebar[aria-expanded="false"] .multibrand-filter-list {
    display: block;
  }
}

.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n + 6) {
  display: none;
}

.search-results-sidebar .multibrand-filter-list .doc-count {
  color: #666;
}

.search-results-sidebar .see-all-filters {
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  padding: 10px;
  color: rgba(0, 87, 255, 1);
}

.search-results-sidebar .see-all-filters[aria-hidden="true"] {
  display: none;
}

.search-results-sidebar .see-all-filters:hover {
  text-decoration: underline;
}

.search-results-sidebar .see-all-filters::after {
  content: ' \2304';
  font-weight: bold;
}

.search-results-subheading {
  font-size: 18px;
  font-weight: 600;
}

.search-results-list {
  margin-bottom: 25px;
}

.search-results-list > li {
  padding: 20px 0;
}

.search-results-list > li:first-child {
  border-top: 1px solid #ddd;
}

.search-results-list > li h2 {
  margin-bottom: 0;
}

.search-results .meta-group {
  display: block;
  align-items: center;
  clear: both;
  color: #666;
}

@media (min-width: 1024px) {
  .search-results .meta-group {
    display: flex;
  }
}

.search-results .meta-group > li {
  display: block;
}

@media (min-width: 1024px) {
  .search-results .meta-group > li {
    display: inline;
  }
}


.search-results .meta-group .meta-data {
  color: inherit;
}

[dir="ltr"] .search-results .meta-group .meta-data:not(:last-child) {
  margin-right: 20px;
}

[dir="rtl"] .search-results .meta-group .meta-data:not(:last-child) {
  margin-left: 20px;
}

.search-results .meta-group .meta-data::after {
  content: none;
}

.search-results-description {
  margin-top: 10px;
  word-break: break-word;
}

.search-result-title {
  font-size: 16px;
  display: inline-block;
}

[dir="ltr"] .search-result-icons {
  float: right;
}

[dir="rtl"] .search-result-icons {
  float: left;
}

.search-result-votes, .search-result-meta-count {
  color: #625f51;
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  padding: 4px 5px;
  position: relative;
}

.search-result-votes-icon, .search-result-meta-count-icon {
  color: rgba(0, 43, 128, 1);
  vertical-align: middle;
  width: 13px;
  height: 13px;
}

[dir="ltr"] .search-result-votes, [dir="ltr"] .search-result-meta-count {
  margin-left: 5px;
}

[dir="ltr"] .search-result-votes::before, [dir="ltr"] .search-result-meta-count::before {
  margin-right: 3px;
}

[dir="rtl"] .search-result-votes, [dir="rtl"] .search-result-meta-count {
  margin-right: 5px;
}

[dir="rtl"] .search-result-votes::before, [dir="rtl"] .search-result-meta-count::before {
  margin-left: 3px;
}

.search-result .meta-group {
  align-items: center;
}

.search-result-breadcrumbs {
  margin: 0;
}

@media (min-width: 1024px) {
  .search-result-breadcrumbs {
    display: table-row;
  }
}

@media (min-width: 1024px) {
  .search-result-breadcrumbs li {
    display: table-cell;
  }
}

.search-result-breadcrumbs li, .search-result-breadcrumbs li a, .search-result-breadcrumbs li a:visited {
  color: inherit;
}

/* By default use bold instead of italic to highlight */
.search-results-description em {
  font-style: normal;
  font-weight: bold;
}

/* Add a yellow background for Chinese */
html[lang|="zh"] .search-results-description em {
  font-style: normal;
  background: yellow;
}

/***** Notifications *****/
.notification {
  border: 1px solid;
  display: table;
  font-family: sans-serif;
  font-size: 12px;
  padding: 13px 15px;
  transition: height .2s;
  width: 100%;
  color: #555;
}

.notification a {
  color: #158ec2;
}

.notification-inner {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 980px;
}

.notification-icon, .notification-text, .notification-dismiss {
  display: table-cell;
  vertical-align: middle;
}

.notification-text {
  padding: 0 15px;
  width: 100%;
}

.notification + .notification {
  margin-bottom: -1px;
  position: relative;
  top: -1px;
}

/* Error */
.notification-error {
  background: #ffeded;
  border-color: #f7cbcb;
}

.notification-error .notification-icon::before, .notification-error .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E");
}

/* Notice */
.notification-notice {
  background: #dbf3ff;
  border-color: #b5e0f5;
}

.notification-notice .notification-icon::before, .notification-notice .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
}

/* Alert / Lock */
.notification-alert {
  color: #ad5e18;
  background: #fff8ed;
  border-color: #fcdba9;
}

.notification-alert .notification-icon::before, .notification-alert .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E");
}

.notification-icon::before, .notification-inline.notification-error::before {
  background-size: cover;
  content: "";
  display: inline-block;
  height: 14px;
  width: 14px;
  vertical-align: middle;
}

/* Dismiss button */
.notification-dismiss, a.notification-dismiss {
  color: #555;
  cursor: pointer;
  opacity: .6;
  transition: opacity 100ms ease;
  text-decoration: none !important;
}

.notification-dismiss:hover {
  opacity: 1;
}

/* Inline notifications */
.notification-inline {
  border-radius: 4px;
  line-height: 14px;
  margin-top: 5px;
  padding: 5px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

[dir="rtl"] .notification-inline {
  text-align: right;
}

.notification-inline[aria-hidden="true"] {
  display: none;
}

.notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E");
  margin: -2px 5px 0 0;
}

[dir="rtl"] .notification-inline.notification-error::before {
  margin: 0 0 0 5px;
}

.notification-inline.notification-error {
  background-color: #fff0f1;
  border: 1px solid #e35b66;
  color: #cc3340;
}

.notification-inline.notification-large {
  padding: 13px 15px;
  margin-bottom: 25px;
}

.notification-left-aligned {
  text-align: left;
  padding-left: 0;
}

html[dir="rtl"] .notification-left-aligned {
  text-align: right;
  padding-left: auto;
  padding-right: 0;
}

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

.dropdown-toggle {
  cursor: pointer;
  background: none;
  border: 0;
  display: inline-block;
  padding: 0;
  text-align: initial;
  vertical-align: middle;
}

.dropdown-toggle:hover {
  text-decoration: none;
}

.dropdown-toggle > * {
  display: inline-block;
}

.dropdown-menu {
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  display: none;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  left: 0;
  margin-top: 1px;
  min-width: 170px;
  padding: 10px 0;
  position: absolute;
  text-align: left;
  z-index: 1000;
}

[dir="rtl"] .dropdown-menu {
  text-align: right;
}

.dropdown-menu[aria-expanded="true"] {
  display: block;
}

.dropdown-menu [role="separator"] {
  border-bottom: 1px solid #d8d8d8;
  color: #969696;
  display: block;
  font-weight: normal;
  font-size: 11px;
  padding: 5px 0;
  margin: 5px 20px 10px 20px;
}

.dropdown-menu [role="menuitem"] {
  color: #333;
  cursor: pointer;
  display: block;
  padding: 7px 40px 7px 20px;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  text-align: start;
  line-height: inherit;
  width: 100%;
}

[dir="rtl"] .dropdown-menu [role="menuitem"] {
  padding: 7px 20px 7px 40px;
}

.dropdown-menu [role="menuitem"]:hover, .dropdown-menu [role="menuitem"]:focus {
  background: #f3f3f3;
  text-decoration: none;
  color: #333;
}

.dropdown-menu [role="menuitem"][aria-selected="true"] {
  cursor: default;
}

.dropdown-menu [role="menuitem"][aria-selected="true"]::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  height: 12px;
  margin-left: 10px;
  width: 12px;
}

[dir="rtl"] .dropdown-menu [role="menuitem"][aria-selected="true"]::after {
  margin-left: 0;
  margin-right: 10px;
  float: left;
}

.dropdown-menu [role="menuitem"][hidden], .dropdown-menu [role="menuitem"][aria-hidden="true"] {
  display: none !important;
}

.dropdown-menu-end {
  left: auto;
  right: 0;
}

.dropdown-menu-top {
  bottom: 100%;
  margin-bottom: 1px;
}

[dir="rtl"] .dropdown-menu {
  left: auto;
  right: 0;
  text-align: right;
}

[dir="rtl"] .dropdown-menu-end {
  left: 0;
  right: auto;
}

.dropdown-chevron-icon {
  vertical-align: middle;
}

/* Shape Custom Stuff
.section.section-360005582919, .section.section-360005544940 {
  background: none;
  padding: 20px;
}

.section.section-360005582919:before, .section.section-360005544940:before {
  font-family: "Font Awesome 5 Free";
  margin: -9px 25px 0 0;
  display: block;
  float: left;
  font-weight: 600;
  color: #0068d9;
  font-size: 30px;
}

.section.section-360005582919:before {
  content: "\f0c0";   
}

.section.section-360005544940:before {
  content: "\f509";   
}
*/

/* ACCORDION */

.accordion {
  background-color: #e6dacb;
  color: #06065d;
  cursor: pointer;
  padding: 8px;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  border: 1px solid #e6dacb;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px;
  margin-top: 2px;
  position:relative;
}

.accordion p{
  margin-top:8px;
  margin-bottom:8px;
}
.accordion:after {
  content:'';
  background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><title>ionicons-v5-b</title><path d="M342.43,238.23,268.3,327.32a16,16,0,0,1-24.6,0l-74.13-89.09A16,16,0,0,1,181.86,212H330.14A16,16,0,0,1,342.43,238.23Z"/><path d="M448,256c0-106-86-192-192-192S64,150,64,256s86,192,192,192S448,362,448,256Z" style="fill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:32px"/></svg>');
  color: #777;
  font-weight: bold;
  position:absolute;
  display:block;
  width:24px;
  height:24px;
  right:15px;
  top:15px;
  opacity:.6;
  background-size:100%;
}

.accordion.active:after {
  transform:rotate(180deg);
  border-bottom: none !important;
}

/* Has style attribute with any content */
div[style]:not([style=""]) {
  padding-top:10px;
  padding-bottom:10px;
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: all 0.2s ease-out;
  border: 1px solid #e6dacb;
  border-top: 0px;
  border-radius: 0px 0px 5px 5px;
}

li#cat-25708859290386 a {
  background: url(/hc/theming_assets/01KN7DSEYPJEP1W621FYDE6YAP) left center no-repeat;
  background-size: 46px;
}

li#cat-25754675713042 a {
  background: url(/hc/theming_assets/01KN7DSNTF6G0EXHZ0317BCRZ2) left center no-repeat;
  background-size: 46px;
}

li#cat-25755280413586 a {
  background: url(/hc/theming_assets/01KN7DRWDSM4JVH5PCB3FJVT7F) left center no-repeat;
  background-size: 46px;
}

li#cat-25755306064018 a {
  background: url(/hc/theming_assets/01KN7DSWTD6P0PDJ792X1XC6T5) left center no-repeat;
  background-size: 46px;
}

li#cat-25755312752914 a {
  background: url(/hc/theming_assets/01KNKGGQ4549CWBQNW61BFC7SK) left center no-repeat;
  background-size: 46px;
}


/* ===== Phoenix: Section-list cards on section pages ===== */
.section-list {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
}
.section-list h2 {
  margin: 0;
  padding: 20px 20px 20px 60px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background: url(/hc/theming_assets/01JDSE81D0B6RP7HCR9VG8CG5M) 10px 20px no-repeat;
  background-size: 30px !important;
}
@media (min-width: 768px) {
  .section-list h2 {
    flex: none;
    width: 340px;
  }
}

@media (max-width: 767px) {
  .section-list h2 {
    width: 100%;
  }
}

.section-list h2:hover {
  border-color: #7E2EE9;
}
.section-list .article-list {
  display: none;
}
.section-list a.section-more {
  display: none;
}

figure.wysiwyg-table{
  margin-left:0px;
}

/* Section-list icons via href attribute selectors */
.section-list h2 a[href*="22322247286802"] { padding-left: 40px; background: url(/hc/theming_assets/01JE637KXQVFWSV1EFPX036X4H) left center no-repeat; background-size: 30px; }
.section-list h2 a[href*="4408160858130"] { padding-left: 40px; background: url(/hc/theming_assets/01JAW3KDGGV57EX4ZGT0KEH1HW) left center no-repeat; background-size: 30px; }
.section-list h2 a[href*="360005517819"] { padding-left: 40px; background: url(/hc/theming_assets/01JAW3KG13BGEGQCHSKG15AAX9) left center no-repeat; background-size: 30px; }
.section-list h2 a[href*="360005441820"] { padding-left: 40px; background: url(/hc/theming_assets/01JAW4A2C59N1BNNAHZYC9YBEC) left center no-repeat; background-size: 30px; }
.section-list h2 a[href*="360005517959"] { padding-left: 40px; background: url(/hc/theming_assets/01JE66KWV85XMSMPMSFX87MV1J) left center no-repeat; background-size: 30px; }
.section-list h2 a[href*="21974574062738"] { padding-left: 40px; background: url(/hc/theming_assets/01JE3VXSA5HWWQPMQYWQGF01YF) left center no-repeat; background-size: 30px; }
.section-list h2 a[href*="360005476720"] { padding-left: 40px; background: url(/hc/theming_assets/01JE60WMABK30TFTN2HBXB3ZTJ) left center no-repeat; background-size: 30px; }
.section-list h2 a[href*="360005476760"] { padding-left: 40px; background: url(/hc/theming_assets/01JE61FHN9HZB0E73ZQTRM6E76) left center no-repeat; background-size: 30px; }
.section-list h2 a[href*="360005518019"] { padding-left: 40px; background: url(/hc/theming_assets/01JE61JENVS43EYGEMHR7AA31W) left center no-repeat; background-size: 30px; }
.section-list h2 a[href*="4695271964306"] { padding-left: 40px; background: url(/hc/theming_assets/01JE61W8W117FNKTYB2FNC7K2T) left center no-repeat; background-size: 30px; }
.section-list h2 a[href*="360005518059"] { padding-left: 40px; background: url(/hc/theming_assets/01JE620VW1Z98BERR7XQ1ARS4S) left center no-repeat; background-size: 30px; }
.section-list h2 a[href*="6861181106834"] { padding-left: 40px; background: url(/hc/theming_assets/01JE6252A666W5A50V2W37H3JX) left center no-repeat; background-size: 30px; }
.section-list h2 a[href*="21962363439378"] { padding-left: 40px; background: url(/hc/theming_assets/01JE62D50P57457B9CF9HT8QR5) left center no-repeat; background-size: 30px; }
.section-list h2 a[href*="21963561719058"] { padding-left: 40px; background: url(/hc/theming_assets/01JE627S4WVXYCH1GXQX1XS8ZP) left center no-repeat; background-size: 30px; }
.section-list h2 a[href*="14026281092498"] { padding-left: 40px; background: url(/hc/theming_assets/01JE62T52XNF7QTKFP7TEX80EG) left center no-repeat; background-size: 30px; }
.section-list h2 a[href*="360005476700"] { padding-left: 40px; background: url(/hc/theming_assets/01JATFPF4KWM4HZ5SSW1R4SXC5) left center no-repeat; background-size: 30px; }



/* ===== BANNER — Marketing SVG (all pages) ===== */

.hero .hero-inner {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}
/* ===== END BANNER ===== */

/* Custom CSS */


/* Global ----------------------------------------------------------------- */
a, button {
  transition: all 180ms;
}

body.dark-gradient {
  background: radial-gradient(50% 25% at 0% 100%, rgba(241, 237, 218, 0.95) 0%, rgba(241, 237, 218, 0) 60%), radial-gradient(70% 50% at 0% 0%, rgba(163, 29, 206, 0.95) 0%, rgba(163, 29, 206, 0) 60%), linear-gradient(165deg, #7a18bd 0%, #4c12a0 30%, #3e1192 46%, #8e96d6 58%, #cbd8ef 70%, #ecf2f8 86%, #f3f5f1 100%);
  background-attachment: fixed;
  min-height: 80vh;
}
/*body.dark-gradient .above-header .container nav a, body.dark-gradient .above-header .container nav [data-user-name=true] {
  color: #fff;
}*/
body.dark-gradient .above-header .container nav > a,
body.dark-gradient .above-header .container nav [data-user-name=true] {
  color: #fff;
}

/* keep dropdown items readable regardless of dark-gradient */
.above-header .dropdown-menu [role="menuitem"] {
  color: #333 !important;
}
body.dark-gradient .above-header .dropdown-chevron-icon {
  filter: saturate(0) brightness(4);
}

/* END Global ----------------------------------------------------------------- */
/* Header ----------------------------------------------------------------- */
.above-header .container nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
}
.above-header .container nav a, .above-header .container nav [data-user-name=true] {
  color: var(--Type-Body, #2A2923);
  font-family: Figtree;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--typography-size-line-height-body-small-line-height, 24px);
}
.above-header .container nav a:hover, .above-header .container nav [data-user-name=true]:hover {
  color: #000;
}
.above-header .container nav .user-info {
  margin-left: 16px;
}
.above-header .dropdown-chevron-icon {
  filter: saturate(0);
}

.header {
  border-radius: var(--Border-radius-full, 100px);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 12px 24px -4px rgba(0, 0, 0, 0.06);
  padding: var(--Spacing-sm, 12px) var(--Spacing-xl, 24px) var(--Spacing-sm, 12px) var(--Spacing-xl, 24px);
  height: 74px;
  position: sticky;
  top: 40px;
  z-index: 99;
  display: flex;
  backdrop-filter: blur(10px);
}
.header .logo img {
  width:143px;
  /*height:28px;*/
  transform:translateY(4px);
}
.header .nav-wrapper {
  display: flex;
  width: 66%;
  justify-content: flex-end;
  transition: all 180ms;
  transition-delay: 80ms;
}
.header .nav-wrapper .user-nav {
  display: flex;
  width: 100%;
}
.header .nav-wrapper .user-nav ul {
  width: 100%;
  display: flex;
  align-items: center;
}
.header .nav-wrapper .user-nav ul a {
  color: var(--Type-Body, #2A2923);
  font-size: var(--typography-size-line-height-body, 16px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--typography-size-line-height-body-line-height, 24px);
}
.header .nav-wrapper .user-nav ul a:hover {
  color: var(--primary);
  text-decoration: none;
}
.header .language-selector .dropdown-toggle {
  color: var(--UI-Secondary-CTA-label, #7E2EE9);
  font-family: "IBM Plex Mono";
  font-size: var(--typography-size-line-height-mono, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--typography-size-line-height-mono-line-height, 24px);
  /* 171.429% */
  text-transform: uppercase;
}

/* END Header ----------------------------------------------------------------- */
/* Legacy footer ----------------------------------------------------------------- */
/* ============================================================
FOOTER SELECTORS — compiled from theme CSS + :root tokens
============================================================ */
/* ----------------------------------------------------------
:root — Design Tokens
---------------------------------------------------------- */
:root {
  --wp--preset--color--white: #ffffff;
  --wp--preset--color--neutral-lightest: #f6f5f2;
  --wp--preset--font-family--special-gothic: 'Special Gothic Expanded One', sans-serif;
  --wp--preset--spacing--30: 8px;
  --wp--preset--spacing--70: 24px;
  --wp--preset--spacing--80: 32px;
  --wp--preset--spacing--100: 48px;
  --wp--preset--spacing--120: 64px;
  --wp--preset--spacing--140: 80px;
}

/* ----------------------------------------------------------
ENTIRE FOOTER
---------------------------------------------------------- */
.site-footer {
  margin-top: 90px;
}
.site-footer > .wp-block-group {
  padding: 1.25em 2.375em;
}

.site-footer > div {
  background-color: #171614 !important;
  padding-top: var(--wp--preset--spacing--100);
  /* 48px */
  padding-bottom: var(--wp--preset--spacing--100);
  /* 48px */
  /* All direct text/link children inherit: */
  color: var(--wp--preset--color--neutral-lightest);
  /* #f6f5f2 */
}

@media (min-width: 783px) {
  .site-footer > div {
    padding-top: var(--wp--preset--spacing--120);
    /* 64px */
    padding-bottom: var(--wp--preset--spacing--120);
    /* 64px */
  }
}
@media (min-width: 1024px) {
  .site-footer > div {
    padding-top: var(--wp--preset--spacing--140);
    /* 80px */
    padding-bottom: var(--wp--preset--spacing--140);
    /* 80px */
  }
}
/* Colour cascade from .site-footer > div — applied via multi-selector in source */
.site-footer > div .wp-block-heading, .site-footer > div .wp-block-navigation a, .site-footer > div .wp-block-navigation-item__label, .site-footer > div .wp-block-navigation__container, .site-footer > div .wp-block-social-link a, .site-footer > div .wp-block-social-links, .site-footer > div a, .site-footer > div p {
  color: var(--wp--preset--color--neutral-lightest);
  /* #f6f5f2 */
}

.site-footer > div .wp-block-heading {
  color: var(--wp--preset--color--white);
  /* #ffffff — overrides the above */
}

/* ----------------------------------------------------------
FOOTER GRID LAYOUT
---------------------------------------------------------- */
.footer-grid {
  display: grid;
  gap: var(--wp--preset--spacing--70);
  /* 24px */
  grid-template-columns: repeat(6, 1fr);
  max-width: 1120px;
  margin: 0 auto;
}

.ai-footer-callout {
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ai-footer-callout .ai-logos {
  display: flex;
  justify-content: center;
  gap: 24px;
}
.ai-footer-callout .ai-logos figure {
  margin-left: 0px;
  margin-right: 0px;
}
.ai-footer-callout .ai-logos figure img {
  width: 40px;
  height: 40px;
}
.ai-footer-callout .ai-logos figure img.blue {
  filter: url(#wp-duotone-rgb39184205-rgb255255255-20);
}
.ai-footer-callout .ai-logos figure img.inverse {
  filter: brightness(0) invert(1) !important;
  transition: none !important;
}

@media (max-width: 1024px) and (min-width: 783px) {
  .footer-grid {
    gap: var(--wp--preset--spacing--80);
    /* 32px */
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 782px) {
  .footer-grid {
    gap: var(--wp--preset--spacing--80);
    /* 32px */
    grid-template-columns: 1fr;
  }
}
/* ----------------------------------------------------------
FOOTER LOGO
---------------------------------------------------------- */
.footer-logo {
  grid-column: span 2;
  margin-bottom: var(--wp--preset--spacing--140);
  /* 80px */
  width: 100%;
}

@media (max-width: 1024px) and (min-width: 783px) {
  .footer-logo {
    grid-column: span 1;
    grid-row: span 2;
  }
}
@media (max-width: 782px) {
  .footer-logo {
    grid-column: span 1;
    grid-row: auto;
  }
}
/* .custom-logo and .custom-logo-link — not defined in source CSS */
.site-footer .footer-logo img {
  max-height: 14px;
  width: auto;
  filter: saturate(0) brightness(4);
}

/* ----------------------------------------------------------
FOOTER NAV COLUMNS
---------------------------------------------------------- */
.footer-nav-column {
  margin-block-start: 0;
  width: 100%;
}

/* grid-column placement (from .footer-grid > .footer-nav-column) */
.footer-grid > .footer-nav-column {
  grid-column: span 1;
  display: flex;
  flex-direction: column;
}

@media (max-width: 782px) {
  .footer-grid > .footer-nav-column {
    grid-column: span 1;
    grid-row: auto;
  }
}
.footer-nav-column .wp-block-heading {
  font-family: var(--wp--preset--font-family--special-gothic);
  /* 'Special Gothic Expanded One', sans-serif */
}

.footer-nav-column nav {
  margin-block-start: var(--wp--preset--spacing--30);
  /* 8px */
}

.footer-nav-column ul {
  gap: var(--wp--preset--spacing--30);
  /* 8px */
}

.footer-nav-column a {
  color: var(--wp--preset--color--neutral-lightest);
  /* #f6f5f2 — inherited */
}

/* ----------------------------------------------------------
NAVIGATION CONTAINER
(only property found in source for these selectors)
---------------------------------------------------------- */
.wp-block-navigation__container {
  justify-content: end;
}

/* ----------------------------------------------------------
SOCIAL LINKS
(only LinkedIn gets an explicit block in source;
the rest inherit color from .site-footer > div)
---------------------------------------------------------- */
.first-col-links li a {
  padding: 6px 0px;
  display: block;
}

.wp-block-social-links .wp-social-link-linkedin svg {
  display: none !important;
  visibility: hidden !important;
}

.wp-block-social-links .wp-social-link-linkedin .wp-block-social-link-anchor {
  display: inline-block;
  position: relative;
}

.wp-block-social-links .wp-social-link-linkedin .wp-block-social-link-anchor:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-top: -4px;
  vertical-align: middle;
  background-color: currentColor;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 fill=%27none%27 viewBox=%27-2 -2 20 20%27%3E%3Cpath fill=%27%23000%27 fill-rule=%27evenodd%27 d=%27M3.581 16H.265V5.319h3.316zM1.921 3.861C.862 3.861 0 2.983 0 1.921a1.92 1.92 0 0 1 3.842 0c0 1.061-.86 1.94-1.921 1.94M15.997 16h-3.31v-5.2c0-1.24-.025-2.828-1.725-2.828-1.724 0-1.988 1.346-1.988 2.738V16H5.659V5.319H8.84v1.457h.047c.443-.84 1.524-1.725 3.139-1.725C15.383 5.05 16 7.26 16 10.132V16z%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 fill=%27none%27 viewBox=%27-2 -2 20 20%27%3E%3Cpath fill=%27%23000%27 fill-rule=%27evenodd%27 d=%27M3.581 16H.265V5.319h3.316zM1.921 3.861C.862 3.861 0 2.983 0 1.921a1.92 1.92 0 0 1 3.842 0c0 1.061-.86 1.94-1.921 1.94M15.997 16h-3.31v-5.2c0-1.24-.025-2.828-1.725-2.828-1.724 0-1.988 1.346-1.988 2.738V16H5.659V5.319H8.84v1.457h.047c.443-.84 1.524-1.725 3.139-1.725C15.383 5.05 16 7.26 16 10.132V16z%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.screen-reader-text {
  word-wrap: normal !important;
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.wp-block-social-links {
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  gap: 24px;
}

.wp-block-social-links .wp-social-link svg {
  height: 24px;
  width: 24px;
}

.has-mono-font-size {
  font-size: 14px;
}

.footer-nav-column {
  gap: 24px;
}
.footer-nav-column ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* END Legacy footer ----------------------------------------------------------------- */
/* Breadcrumbs ----------------------------------------------------------------- */
.breadcrumbs {
  margin-bottom: 24px;
}
.breadcrumbs li, .breadcrumbs li a, .breadcrumbs li a:visited {
  color: var(--Purple-Darkest, #210846);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}

.article-breadcrumbs {
  margin-top: 24px;
  padding-left: 24px;
}

/* END Breadcrumbs ----------------------------------------------------------------- */
/* Hero ----------------------------------------------------------------- */
.hero h1 {
  color: var(--Type-Headings, #002B80);
  font-size: var(--typography-size-line-height-h-1, 72px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--typography-size-line-height-h-1-line-height, 80px);
  letter-spacing: -1.44px;
}

/* END Hero ----------------------------------------------------------------- */
/* Search ----------------------------------------------------------------- */
.search-container {
  max-width: 375px;
  position: relative;
}
.search-container .search-icon {
  right: 17px;
  left: auto;
  transform: none;
  top: 17px;
}
.search-container .search {
  width: 100%;
}
.search-container .search #query {
  width: 100%;
  padding-left: 16px;
  border-radius: var(--Border-radius-full, 100px);
  border: 1px solid var(--Neutral-White, #FFF);
  background: rgba(255, 255, 255, 0.5);
  min-height: 50px;
  color: var(--Type-Body, #2A2923);
  font-size: var(--typography-size-line-height-body, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--typography-size-line-height-body-line-height, 24px);
  padding-right: 50px;
}

/* END Search ----------------------------------------------------------------- */
/* Homepage ----------------------------------------------------------------- */
.knowledge-base .blocks .blocks-list {
  display: grid;
  /*grid-template-columns: 1fr 1fr 1fr 1fr;*/
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 24px;
}
.knowledge-base .blocks .blocks-list .blocks-item {
  background: #fff;
  border-radius: var(--Border-radius-sm, 8px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.06);
  position: relative;
  min-height: 226px;
  max-height: 226px;
  height: 100%;
  width: 100%;
  transition: transform 0.3s ease, box-shadow 0.5s ease 100ms;
  margin: 0;
}
.knowledge-base .blocks .blocks-list .blocks-item:hover {
  box-shadow: 0 10px 18px -2px rgba(0, 0, 0, 0.15);
  transform: scale(1.05);
}
.knowledge-base .blocks .blocks-list .blocks-item:hover * {
  text-decoration: none;
}
.knowledge-base .blocks .blocks-list .blocks-item::after {
  content: "";
  border-radius: 40px;
  background-color: var(--Neutral-Lightest, #F6F5F2);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center;
  display: block;
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-xs, 8px);
  aspect-ratio: 1/1;
  position: absolute;
  top: 24px;
  right: 24px;
}
.knowledge-base .blocks .blocks-list .blocks-item .blocks-item-link {
  padding: var(--Spacing-xl, 24px);
  justify-content: flex-start;
}
.knowledge-base .blocks .blocks-list .blocks-item .blocks-item-link:hover .blocks-item-title {
  color: var(--Purple-Darkest, #210846);
}
.knowledge-base .blocks .blocks-list .blocks-item .blocks-item-link:hover .blocks-item-description {
  color: #3C0F7D;
}
.knowledge-base .blocks .blocks-list .blocks-item .blocks-item-link .blocks-item-title {
  color: var(--Purple-Darkest, #210846);
  font-size: var(--typography-size-line-height-h-4, 24px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--typography-size-line-height-h-4-line-height, 32px);
  max-width: 150px;
  min-height: 48px;
}
.knowledge-base .blocks .blocks-list .blocks-item .blocks-item-link .blocks-item-description {
  color: #3C0F7D;
  font-size: var(--typography-size-line-height-body, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--typography-size-line-height-body-line-height, 24px);
}

/* END Homepage ----------------------------------------------------------------- */
/* Page header ----------------------------------------------------------------- */
.page-header {
  margin-top: 80px;
  margin-bottom: 80px;
}
.page-header h1 {
  color: var(--Type-Headings, #002B80);
  font-family: "Special Gothic Expanded One", sans-serif;
  font-size: var(--typography-size-line-height-h-2, 48px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--typography-size-line-height-h-2-line-height, 56px);
  letter-spacing: -0.96px;
  margin-bottom: 40px;
}
.page-header .page-header-description {
  color: var(--Purple-Darkest, #210846);
  font-size: var(--typography-size-line-height-body, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--typography-size-line-height-body-line-height, 24px);
}
.page-header .search-container {
  margin-top: 40px;
}

/* END Page header ----------------------------------------------------------------- */
/* interior pages ----------------------------------------------------------------- */
/* Category page ----------------------------------------------------------------- */
/* Accordion ----------------------------------------------------------------- */
.section-page-list {
  margin-bottom: 90px;
}

.section-tree {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.section-tree:empty {
  display: none;
}
.section-tree > .section:last-of-type {
  border: 0px none;
}
.section-tree .section {
  width: 100%;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--UI-Divider, #E1DBD2);
}
.section-tree .section .sub-section {
  margin-bottom: 12px;
}
.section-tree .section.active > .section-tree-title a svg {
  transform: rotate(-45deg);
}
.section-tree .section.active > .section-content {
  height: auto;
  padding: 0px 0px 24px var(--grid-margin-width, 12px);
}
.section-tree .section.active > .section-content .section-tree-title {
  margin-bottom: 12px;
}
.section-tree .section.active > .section-content .section-tree-title a {
  color: var(--Type-Headings);
}
.section-tree .section.active > .section-content .section-content {
  padding-left: 0px;
}
.section-tree .section .section-tree-title {
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 110%;
  border-radius: 8px;
  margin-bottom: 24px;
}
.section-tree .section .section-tree-title a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section-tree .section .section-tree-title a span {
  color: var(--Type-Headings, #002B80);
  font-size: var(--typography-size-line-height-h-3, 32px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--typography-size-line-height-h-3-line-height, 40px);
}
.section-tree .section .section-tree-title a:hover, .section-tree .section .section-tree-title a:focus, .section-tree .section .section-tree-title a:active {
  text-decoration: none;
}
.section-tree .section .section-content {
  height: 0px;
  overflow: hidden;
  transition: all 120ms;
  padding-left: 12px;
}
.section-tree .section .section-content .article-list + .see-all-articles {
  margin-top: 24px;
  display: block;
}
.section-tree .section .section-content .article-list-item {
  padding: 12px 0px;
  margin: 0;
}
.section-tree .section .section-content .article-list-item a:hover {
  text-decoration: underline;
  color: #000;
}
.section-tree .see-all-articles::first-letter {
  text-transform: uppercase;
}
.section-tree .see-all-articles {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  color: var(--Type-Headings);
}
.section-tree .see-all-articles svg {
  margin-left: 5px;
}
.section-tree .see-all-articles:hover {
  text-decoration: underline;
}

/* END Accordion ----------------------------------------------------------------- */
/* END Category page ----------------------------------------------------------------- */
/* Article ----------------------------------------------------------------- */
.article-page-header h1 {
  color: var(--Purple-Darkest, #210846);
  text-align: center;
  font-size: var(--typography-size-line-height-h-2, 48px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--typography-size-line-height-h-2-line-height, 56px);
  letter-spacing: -0.96px;
}
.article-page-header .search-container {
  margin: 0 auto;
}
.article-page-header .article-meta {
  display: flex;
  margin: 0 auto;
  justify-content: center;
  border-radius: var(--Border-radius-sm, 8px);
  border: 1px solid var(--UI-Divider, #E1DBD2);
  background: #FAF8F7;
  backdrop-filter: blur(10px);
  max-width: fit-content;
  height: 48px;
  padding: 12px 20px;
  margin-top: 32px;
}
.article-page-header .article-meta .meta-group-container {
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 30px;
  margin-right: 20px;
}
.article-page-header .article-meta .meta-group-container .meta-data {
  color: var(--Type-Body, #2A2923);
  text-align: center;
  font-size: var(--typography-size-line-height-body, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--typography-size-line-height-body-line-height, 24px);
}

.article-sidebar {
  max-width: 275px;
  margin-right: 24px;
}
.article-sidebar .collapsible-sidebar {
  position: sticky;
  top: 140px;
  padding: var(--gap-sizing, 24px) var(--grid-margin-width, 12px) 0 var(--grid-margin-width, 12px);
  overflow-y: auto;
  height: calc(100vh - 160px);
  padding-bottom: 60px;
}
.article-sidebar .sidenav-title, .article-sidebar .related-articles-title {
  color: var(--Type-Headings, #002B80);
  font-size: var(--typography-size-line-height-body, 16px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--typography-size-line-height-body-line-height, 24px);
  margin-bottom: 12px;
  display: block;
}
.article-sidebar ul li {
  margin: 0;
  padding: 0;
}
.article-sidebar .sidenav-item {
  /*color: var(--Type-Body, #2A2923);*/
  color: var(--Blue-Dark);
  /*font-family: "IBM Plex Mono";*/
  font-family: "Figtree";
  /*font-size: var(--typography-size-line-height-mono, 14px);*/
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  /*line-height: 18px;
  text-transform: uppercase;
  text-decoration: none;*/
  line-height: 18px;
  text-decoration: underline;
  padding: 12px 0px;
  display: flex;
  align-items: center;
  min-height: 42px;
  padding-right: 40px;
  border-left: 2px solid rgba(0, 0, 0, 0);
  border-radius: 0px;
  padding-left: 8px;
  margin-left: -8px;
}
.article-sidebar .sidenav-item:hover, .article-sidebar .sidenav-item.current {
  color: var(--UI-Secondary-CTA-label, #7E2EE9);
}
.article-sidebar .sidenav-item.current {
  min-height: 42px;
  border-left: 2px solid var(--Blue-Dark, #0057FF);
}
.article-sidebar .related-articles {
  margin-bottom: 30px;
}
.article-sidebar .related-articles ul li a {
  /*color: var(--Type-Body, #2A2923);*/
  color: var(--Blue-Dark);
  padding: 12px 0;
  /*font-family: "IBM Plex Mono";
  font-size: var(--typography-size-line-height-mono, 14px);*/
  font-family: "Figtree";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 19px;
  /*text-transform: uppercase;*/
  text-decoration: underline;
  display: inline-block;
  align-items: flex-start;
  max-width: 310px;
  padding-right: 40px;
}
.article-sidebar .related-articles ul li a:after {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M18.175 13H3C2.71667 13 2.47917 12.9042 2.2875 12.7125C2.09583 12.5208 2 12.2833 2 12C2 11.7167 2.09583 11.4792 2.2875 11.2875C2.47917 11.0958 2.71667 11 3 11H18.175L14.3 7.09999C14.1167 6.91665 14.0208 6.68749 14.0125 6.41249C14.0042 6.13749 14.1 5.89999 14.3 5.69999C14.4833 5.51665 14.7167 5.42499 15 5.42499C15.2833 5.42499 15.5167 5.51665 15.7 5.69999L21.3 11.3C21.4 11.4 21.4708 11.5083 21.5125 11.625C21.5542 11.7417 21.575 11.8667 21.575 12C21.575 12.1333 21.5542 12.2583 21.5125 12.375C21.4708 12.4917 21.4 12.6 21.3 12.7L15.7 18.3C15.5167 18.4833 15.2875 18.575 15.0125 18.575C14.7375 18.575 14.5 18.4833 14.3 18.3C14.1 18.1 14 17.8625 14 17.5875C14 17.3125 14.1 17.075 14.3 16.875L18.175 13Z" fill="%230057FF"/></svg>');
  margin-left: 5px;
  width: 15px;
  height: 13px;
  background-size: 100%;
  transform: translateY(1px);
  display: inline-flex;
  background-repeat: no-repeat;
}
.article-sidebar .related-articles ul li a:hover {
  color: var(--UI-Secondary-CTA-label, #7E2EE9);
}
.article-sidebar .contact-callout {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}
.article-sidebar .contact-callout .button {
  border-radius: 40px;
  background: #FFF;
  backdrop-filter: blur(10px);
  display: flex;
  padding: var(--Spacing-sm, 12px) var(--Spacing-xl, 24px);
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-xs, 8px);
  align-self: stretch;
  color: var(--UI-Secondary-CTA-label, #7E2EE9);
  font-family: "IBM Plex Mono";
  font-size: var(--typography-size-line-height-mono, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--typography-size-line-height-mono-line-height, 24px);
  /* 171.429% */
  text-transform: uppercase;
  border: 0px none;
}
.article-sidebar .contact-callout .button:hover {
  background-color: var(--UI-Secondary-CTA-label, #7E2EE9);
  color: #fff;
}

.article-body ul {
  margin-left: 0px;
}
.article-body ul li {
  position: relative;
  margin: 0px 0px 12px 0px;
  /* &:before {
  //     content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M9.54996 15.15L18.025 6.675C18.225 6.475 18.4583 6.375 18.725 6.375C18.9916 6.375 19.225 6.475 19.425 6.675C19.625 6.875 19.725 7.1125 19.725 7.3875C19.725 7.6625 19.625 7.9 19.425 8.1L10.25 17.3C10.05 17.5 9.81663 17.6 9.54996 17.6C9.2833 17.6 9.04996 17.5 8.84996 17.3L4.54996 13C4.34996 12.8 4.25413 12.5625 4.26246 12.2875C4.2708 12.0125 4.37496 11.775 4.57496 11.575C4.77496 11.375 5.01246 11.275 5.28746 11.275C5.56246 11.275 5.79996 11.375 5.99996 11.575L9.54996 15.15Z" fill="%2357BEFF"/></svg>');
  //     width: 24px;
  //     height: 24px;
  //     position: absolute;
  //     left: -32px;
  // } */
}
.article-body img {
  max-width: 100%;
  height: auto;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.article-body .wistia_responsive_padding{
  padding-bottom:32px;
}
.article-body .wistia_responsive_padding + p {
  margin-top: 32px;
}
.article-body h2, .article-body h3, .article-body h4, .article-body h5, .article-body h6 {
  margin-top: 32px;
  margin-bottom: 8px;
}
.article-body h2 {
  color: var(--Type-Headings, #002B80);
  font-size: var(--typography-size-line-height-h-4, 24px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--typography-size-line-height-h-4-line-height, 32px);
}
.article-body h3 {
  color: var(--Type-Headings, #002B80);
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}
.article-body {
  color: var(--Type-Body, #2A2923);
  font-size: var(--typography-size-line-height-body, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--typography-size-line-height-body-line-height, 24px);
}
.article-body p {
  color: var(--Type-Body, #2A2923);
  font-size: var(--typography-size-line-height-body, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--typography-size-line-height-body-line-height, 24px);
}
.article-body a {
  color: var(--Blue-Dark, #0057FF);
  text-decoration: underline;
}
.article-body a:hover {
  color: #000;
}
.article-body table {
  border-collapse: collapse;
  border: 0px none !important;
}
/*.article-body table .rocketbox {
  padding: 12px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.05);
}
.article-body table .rocketbox strong:first-of-type {
  margin-bottom: 8px;
}*/
.article-body table th {
  background: var(--Neutral-Base, #E1DBD2);
  color: var(--Type-Headings, #002B80);
  text-align: left;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: -0.14px;
  padding: 8px 12px !important;
}
.article-body table th p {
  font-size: 14px !important;
}
.article-body table td {
  background: linear-gradient(180deg, rgb(246, 245, 242) 0%, rgba(255, 255, 255, 0.15) 100%);
  padding: 8px 12px !important;
  background-attachment: fixed;
  font-size: 15px !important;
}
.article-body table td ul, .article-body table td ol {
  margin-left: 10px;
}
.article-body table td p {
  /*font-size: 15px !important;*/
  line-height: 22px !important;
  margin: 8px 0px;
}
.article-body table td ul,
.article-body table td ol {
  margin-top: 0px !important;
  margin-bottom: 8px;
  margin-left: 8px;
  font-size: 15px !important;
}
.article-body table td ul li,
.article-body table td ol li {
  margin-bottom: 6px;
  line-height: 21px;
}
/*.article-body blockquote {
  border-radius: var(--Border-radius-sm, 8px);
  background: var(--Blue-Lightest, #DBF2FF);
  padding: 24px;
  margin: 30px 0px;
  color: var(--Type-Body, #2A2923);
  font-family: Figtree;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
}
.article-body blockquote p:only-child, .article-body blockquote p:last-of-type {
  margin-bottom: 0px !important;
}
.article-body blockquote p {
  color: var(--Type-Body, #2A2923);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
}
.article-body blockquote p:first-of-type {
  display: flex;
}
.article-body blockquote p:first-of-type strong:first-of-type {
  display: inline-flex;
}
.article-body blockquote p:first-of-type strong:first-of-type:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11 7H13V9H11V7ZM11 11H13V17H11V11ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z" fill="%23210846"/></svg>');
  margin-right: 16px;
  width: 24px;
  height: 24px;
  display: inline-flex;
}
.article-body blockquote p:first-of-type {
  display: inline-flex;
  align-items: center;
  color: var(--Type-Body, #2A2923);
  font-family: "IBM Plex Mono";
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: var(--typography-size-line-height-eyebrow-line-height, 24px);
  
  text-transform: uppercase;
  margin-bottom: 16px;
  margin-top: 0px;
  align-items: center;
}
.article-body blockquote p:first-of-type + p {
  margin-top: 0px;
}
.article-body blockquote p:first-of-type + br {
  display: none;
}*/
/*.article-body .rocketbox + .rocketbox {
  margin-top: 0px;
}
.article-body blockquote + .rocketbox {
  margin-top: 0px;
}
.article-body .rocketbox + blockquote {
  margin-top: 0px;
}
.article-body .rocketbox > div > strong:only-child {
  margin-bottom: 0px !important;
}
.article-body .rocketbox {
  margin-bottom: 30px;
  margin-top: 30px;
}
.article-body .rocketbox.type-example {
  border-radius: var(--Border-radius-sm, 8px);
  background: var(--Blue-Lightest, #DBF2FF);
  padding: 24px;
  margin: 30px 0px;
  color: var(--Type-Body, #2A2923);
  font-family: Figtree;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
}
.article-body .rocketbox.type-example p {
  color: var(--Type-Body, #2A2923);
  font-size: var(--typography-size-line-height-body-small, 13px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--typography-size-line-height-body-small-line-height, 24px);
 
}
.article-body .rocketbox.type-example strong:first-of-type:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11 7H13V9H11V7ZM11 11H13V17H11V11ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z" fill="%23210846"/></svg>');
  margin-right: 16px;
  width: 24px;
  height: 24px;
  display: block;
}
.article-body .rocketbox.type-example strong:first-of-type {
  display: flex;
  align-items: center;
  color: var(--Type-Body, #2A2923);
  font-family: "IBM Plex Mono";
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: var(--typography-size-line-height-eyebrow-line-height, 24px);
  
  text-transform: uppercase;
  margin-bottom: 16px;
}
.article-body .rocketbox.type-example strong:first-of-type + p {
  margin-top: 0px;
}
.article-body .rocketbox.type-example strong:first-of-type + br {
  display: none;
}
.article-body .rocketbox.type-tip {
  border-radius: var(--Border-radius-sm, 8px);
  background: var(--Green-Lightest, #E3FFAB);
  padding: 24px;
}
.article-body .rocketbox.type-tip p {
  color: var(--Type-Body, #2A2923);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
}
.article-body .rocketbox.type-tip strong:first-of-type:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M6.00037 14.9997C5.17037 14.9997 4.42037 15.3397 3.88037 15.8797C2.70037 17.0597 2.00037 21.9997 2.00037 21.9997C2.00037 21.9997 6.94037 21.2997 8.12037 20.1197C8.66037 19.5797 9.00037 18.8297 9.00037 17.9997C9.00037 16.3397 7.66037 14.9997 6.00037 14.9997ZM6.71037 18.7097C6.43037 18.9897 4.54037 19.4697 4.54037 19.4697C4.54037 19.4697 5.01037 17.5897 5.30037 17.2997C5.47037 17.1097 5.72037 16.9997 6.00037 16.9997C6.55037 16.9997 7.00037 17.4497 7.00037 17.9997C7.00037 18.2797 6.89037 18.5297 6.71037 18.7097ZM17.4204 13.6497C23.7804 7.28969 21.6604 2.33969 21.6604 2.33969C21.6604 2.33969 16.7104 0.219688 10.3504 6.57969L7.86037 6.07969C7.21037 5.94969 6.53037 6.15969 6.05037 6.62969L2.00037 10.6897L7.00037 12.8297L11.1704 16.9997L13.3104 21.9997L17.3604 17.9497C17.8304 17.4797 18.0404 16.7997 17.9104 16.1397L17.4204 13.6497ZM7.41037 10.8297L5.50037 10.0097L7.47037 8.03969L8.91037 8.32969C8.34037 9.15969 7.83037 10.0297 7.41037 10.8297ZM13.9904 18.4997L13.1704 16.5897C13.9704 16.1697 14.8404 15.6597 15.6604 15.0897L15.9504 16.5297L13.9904 18.4997ZM16.0004 12.2397C14.6804 13.5597 12.6204 14.6397 11.9604 14.9697L9.03037 12.0397C9.35037 11.3897 10.4304 9.32969 11.7604 7.99969C16.4404 3.31969 19.9904 4.00969 19.9904 4.00969C19.9904 4.00969 20.6804 7.55969 16.0004 12.2397ZM15.0004 10.9997C16.1004 10.9997 17.0004 10.0997 17.0004 8.99969C17.0004 7.89969 16.1004 6.99969 15.0004 6.99969C13.9004 6.99969 13.0004 7.89969 13.0004 8.99969C13.0004 10.0997 13.9004 10.9997 15.0004 10.9997Z" fill="%23210846"/></svg>');
  margin-right: 16px;
  width: 24px;
  height: 24px;
  display: block;
}
.article-body .rocketbox.type-tip strong:first-of-type {
  display: flex;
  align-items: center;
  color: var(--Type-Body, #2A2923);
  font-family: "IBM Plex Mono";
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: var(--typography-size-line-height-eyebrow-line-height, 24px);
  
  text-transform: uppercase;
  margin-bottom: 16px;
}
.article-body .rocketbox.type-tip strong:first-of-type + p {
  margin-top: 0px;
}
.article-body .rocketbox.type-disclaimer {
  border-radius: var(--Border-radius-sm, 8px);
  background: var(--Purple-Lightest, #E9D7FF);
  padding: 24px;
}
.article-body .rocketbox.type-disclaimer p {
  color: var(--Type-Body, #2A2923);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
}
.article-body .rocketbox.type-disclaimer strong:first-of-type:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M17 3H7C5.9 3 5.01 3.9 5.01 5L5 21L12 18L19 21V5C19 3.9 18.1 3 17 3ZM17 18L12 15.82L7 18V5H17V18Z" fill="%23210846"/></svg>');
  margin-right: 16px;
  width: 24px;
  height: 24px;
  display: block;
}
.article-body .rocketbox.type-disclaimer strong:first-of-type {
  display: flex;
  align-items: center;
  color: var(--Type-Body, #2A2923);
  font-family: "IBM Plex Mono";
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: var(--typography-size-line-height-eyebrow-line-height, 24px);
  
  text-transform: uppercase;
  margin-bottom: 16px;
}
.article-body .rocketbox.type-disclaimer strong:first-of-type + p {
  margin-top: 0px;
}
.article-body .rocketbox.type-disclaimer strong:first-of-type + br {
  display: none;
}
.article-body .rocketbox.type-warning {
  border-radius: var(--Border-radius-sm, 8px);
  background: var(--Pink-Lightest, #FFD1F0);
  padding: 24px;
}
.article-body .rocketbox.type-warning p {
  color: var(--Type-Body, #2A2923);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
}
.article-body .rocketbox.type-warning strong:first-of-type:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 6.49L19.53 19.5H4.47L12 6.49ZM12 2.5L1 21.5H23L12 2.5ZM13 16.5H11V18.5H13V16.5ZM13 10.5H11V14.5H13V10.5Z" fill="%23210846"/></svg>');
  margin-right: 16px;
  width: 24px;
  height: 24px;
  display: block;
}
.article-body .rocketbox.type-warning strong:first-of-type {
  display: flex;
  align-items: center;
  color: var(--Type-Body, #2A2923);
  font-family: "IBM Plex Mono";
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: var(--typography-size-line-height-eyebrow-line-height, 24px);
  
  text-transform: uppercase;
  margin-bottom: 16px;
}*/
.rocketbox {
  position: relative;
  background-color: var(--Green-Lightest, #E3FFAB);
  border-radius: var(--Border-radius-sm, 8px);
  padding: 15px 15px 15px 70px !important;
  font-size: 14px;
  display: flow-root;
  margin: 20px 0;
  color: #000;
}
.rocketbox:before {
  position: absolute;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M6.00037 14.9997C5.17037 14.9997 4.42037 15.3397 3.88037 15.8797C2.70037 17.0597 2.00037 21.9997 2.00037 21.9997C2.00037 21.9997 6.94037 21.2997 8.12037 20.1197C8.66037 19.5797 9.00037 18.8297 9.00037 17.9997C9.00037 16.3397 7.66037 14.9997 6.00037 14.9997ZM6.71037 18.7097C6.43037 18.9897 4.54037 19.4697 4.54037 19.4697C4.54037 19.4697 5.01037 17.5897 5.30037 17.2997C5.47037 17.1097 5.72037 16.9997 6.00037 16.9997C6.55037 16.9997 7.00037 17.4497 7.00037 17.9997C7.00037 18.2797 6.89037 18.5297 6.71037 18.7097ZM17.4204 13.6497C23.7804 7.28969 21.6604 2.33969 21.6604 2.33969C21.6604 2.33969 16.7104 0.219688 10.3504 6.57969L7.86037 6.07969C7.21037 5.94969 6.53037 6.15969 6.05037 6.62969L2.00037 10.6897L7.00037 12.8297L11.1704 16.9997L13.3104 21.9997L17.3604 17.9497C17.8304 17.4797 18.0404 16.7997 17.9104 16.1397L17.4204 13.6497ZM7.41037 10.8297L5.50037 10.0097L7.47037 8.03969L8.91037 8.32969C8.34037 9.15969 7.83037 10.0297 7.41037 10.8297ZM13.9904 18.4997L13.1704 16.5897C13.9704 16.1697 14.8404 15.6597 15.6604 15.0897L15.9504 16.5297L13.9904 18.4997ZM16.0004 12.2397C14.6804 13.5597 12.6204 14.6397 11.9604 14.9697L9.03037 12.0397C9.35037 11.3897 10.4304 9.32969 11.7604 7.99969C16.4404 3.31969 19.9904 4.00969 19.9904 4.00969C19.9904 4.00969 20.6804 7.55969 16.0004 12.2397ZM15.0004 10.9997C16.1004 10.9997 17.0004 10.0997 17.0004 8.99969C17.0004 7.89969 16.1004 6.99969 15.0004 6.99969C13.9004 6.99969 13.0004 7.89969 13.0004 8.99969C13.0004 10.0997 13.9004 10.9997 15.0004 10.9997Z" fill="%23000000"/></svg>');
  display: block;
  left: 20px;
  top: 15px;
}
.disclaimer {
  position: relative;
  background: var(--Purple-Lightest, #E9D7FF);
  border-radius: var(--Border-radius-sm, 8px);
  padding: 15px 15px 15px 70px !important;
  font-size: 14px;
  display: flow-root;
  margin: 20px 0;
  color: #000;
}
.disclaimer:before {
  position: absolute;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M17 3H7C5.9 3 5.01 3.9 5.01 5L5 21L12 18L19 21V5C19 3.9 18.1 3 17 3ZM17 18L12 15.82L7 18V5H17V18Z" fill="%23000000"/></svg>');
  display: block;
  left: 20px;
  top: 15px;
}
.warning {
  position: relative;
  background: var(--Pink-Lightest, #FFD1F0);
  border-radius: var(--Border-radius-sm, 8px);
  padding: 15px 15px 15px 70px !important;
  font-size: 14px;
  display: flow-root;
  margin: 20px 0;
  color: #000;
}
.warning:before {
  position: absolute;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 6.49L19.53 19.5H4.47L12 6.49ZM12 2.5L1 21.5H23L12 2.5ZM13 16.5H11V18.5H13V16.5ZM13 10.5H11V14.5H13V10.5Z" fill="%23000000"/></svg>');
  display: block;
  left: 20px;
  top: 15px;
}
.article-body blockquote {
  position: relative;
  background: var(--Blue-Lightest, #DBF2FF);
  border-radius: var(--Border-radius-sm, 8px);
  padding: 15px 15px 15px 70px !important;
  font-size: 15px;
  display: flow-root;
  margin: 20px 0;
  color: #000;
}
.article-body blockquote:before {
  position: absolute;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11 7H13V9H11V7ZM11 11H13V17H11V11ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z" fill="%23000000"/></svg>');
  display: block;
  left: 20px;
  top: 15px;
}
/* Class-based callouts on blockquote (test) */
.article-body blockquote.rocketbox {
  background: var(--Green-Lightest, #E3FFAB);
  font-size: 14px;
}
.article-body blockquote.rocketbox:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M6.00037 14.9997C5.17037 14.9997 4.42037 15.3397 3.88037 15.8797C2.70037 17.0597 2.00037 21.9997 2.00037 21.9997C2.00037 21.9997 6.94037 21.2997 8.12037 20.1197C8.66037 19.5797 9.00037 18.8297 9.00037 17.9997C9.00037 16.3397 7.66037 14.9997 6.00037 14.9997ZM6.71037 18.7097C6.43037 18.9897 4.54037 19.4697 4.54037 19.4697C4.54037 19.4697 5.01037 17.5897 5.30037 17.2997C5.47037 17.1097 5.72037 16.9997 6.00037 16.9997C6.55037 16.9997 7.00037 17.4497 7.00037 17.9997C7.00037 18.2797 6.89037 18.5297 6.71037 18.7097ZM17.4204 13.6497C23.7804 7.28969 21.6604 2.33969 21.6604 2.33969C21.6604 2.33969 16.7104 0.219688 10.3504 6.57969L7.86037 6.07969C7.21037 5.94969 6.53037 6.15969 6.05037 6.62969L2.00037 10.6897L7.00037 12.8297L11.1704 16.9997L13.3104 21.9997L17.3604 17.9497C17.8304 17.4797 18.0404 16.7997 17.9104 16.1397L17.4204 13.6497ZM7.41037 10.8297L5.50037 10.0097L7.47037 8.03969L8.91037 8.32969C8.34037 9.15969 7.83037 10.0297 7.41037 10.8297ZM13.9904 18.4997L13.1704 16.5897C13.9704 16.1697 14.8404 15.6597 15.6604 15.0897L15.9504 16.5297L13.9904 18.4997ZM16.0004 12.2397C14.6804 13.5597 12.6204 14.6397 11.9604 14.9697L9.03037 12.0397C9.35037 11.3897 10.4304 9.32969 11.7604 7.99969C16.4404 3.31969 19.9904 4.00969 19.9904 4.00969C19.9904 4.00969 20.6804 7.55969 16.0004 12.2397ZM15.0004 10.9997C16.1004 10.9997 17.0004 10.0997 17.0004 8.99969C17.0004 7.89969 16.1004 6.99969 15.0004 6.99969C13.9004 6.99969 13.0004 7.89969 13.0004 8.99969C13.0004 10.0997 13.9004 10.9997 15.0004 10.9997Z" fill="%23000000"/></svg>');
}
.article-body blockquote > *:first-child {
  margin-top: 0;
}
.article-body blockquote > *:last-child {
  margin-bottom: 0;
}
.article-votes {
  border: 0px none;
}
.article-votes #article-votes-label {
  color: var(--Type-Headings, #002B80);
  font-size: var(--typography-size-line-height-h-4, 24px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--typography-size-line-height-h-4-line-height, 32px);
  /* 133.333% */
  margin-bottom: 6px;
}
.article-votes .article-vote-label {
  display: none;
}
.article-votes .article-vote {
  padding: 0;
  border: 0px none;
  min-width: 0px;
  margin-left: 12px;
  margin-right: 12px;
}
.article-votes .article-vote:active, .article-votes .article-vote:focus, .article-votes .article-vote:focus-within {
  background-color: transparent;
}
.article-votes .article-vote:hover, .article-votes .article-vote[aria-pressed=true] {
  background-color: transparent;
}
.article-votes .article-vote:hover svg path, .article-votes .article-vote[aria-pressed=true] svg path {
  fill: var(--primary);
}
.article-votes .article-vote svg {
  width: 30px;
  height: 30px;
}
.article-votes .article-vote.article-vote-down svg {
  transform: rotate(180deg) translateY(-2px);
}

/* END Article ----------------------------------------------------------------- */
/* END interior pages ----------------------------------------------------------------- */
/* Search results ----------------------------------------------------------------- */
.search-results {
  flex-direction: row-reverse;
  max-width: 1120px;
  justify-content: flex-end;
}
.search-results .search-results-column {
  max-width: 643px;
}
.search-results .search-results-column .search-results-subheading {
  color: var(--Type-Headings, #002B80);
  font-size: var(--typography-size-line-height-h-4, 24px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--typography-size-line-height-h-4-line-height, 32px);
}
.search-results .search-results-column .search-results-list .search-result-list-item {
  padding: 25px 0px;
}
.search-results .search-results-column .search-results-list .results-list-item-link {
  color: var(--Type-Headings, #002B80);
  font-size: var(--typography-size-line-height-body, 16px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--typography-size-line-height-body-line-height, 24px);
  /* 150% */
}
.search-results .search-results-column .search-results-list .results-list-item-link:hover {
  text-decoration: underline;
}
.search-results .search-results-column .search-results-list .search-results-description {
  color: var(--Type-Body, #2A2923);
  font-size: var(--typography-size-line-height-body-small, 13px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--typography-size-line-height-body-small-line-height, 24px);
}
.search-results .search-results-column .search-results-list .breadcrumbs.search-result-breadcrumbs {
  margin-right: 16px;
  display: flex;
}
.search-results .search-results-column .search-results-list .breadcrumbs.search-result-breadcrumbs li[title="..."] {
  display: none;
}
.search-results .search-results-column .search-results-list .breadcrumbs.search-result-breadcrumbs li a {
  color: var(--Type-Body, #2A2923);
  font-family: "IBM Plex Mono";
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: var(--typography-size-line-height-eyebrow-line-height, 24px);
  /* 184.615% */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-transform: uppercase;
}
.search-results .search-results-column .search-results-list .breadcrumbs.search-result-breadcrumbs li a:hover {
  color: var(--primary);
}
.search-results .search-results-column .search-results-list .meta-group .meta-data {
  justify-content: flex-start;
  color: var(--Type-Body, #2A2923);
  font-size: var(--typography-size-line-height-body-small, 13px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--typography-size-line-height-body-small-line-height, 24px);
  /* 184.615% */
}
.search-results .search-results-column .search-result-icons {
  display: none;
}

.breadcrumbs li + li::before {
  color: var(--Type-Body, #2A2923);
}

.search-results-sidebar {
  max-width: 357px;
  margin-left: 95px;
  flex: 1 0 20%;
}
.search-results-sidebar .sidenav-title {
  color: var(--Type-Headings, #002B80);
  font-size: var(--typography-size-line-height-h-4, 24px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--typography-size-line-height-h-4-line-height, 32px);
  margin-bottom: 16px;
  display: block;
}
.search-results-sidebar .sidenav-item {
  color: var(--Type-Headings, #002B80);
  font-size: var(--typography-size-line-height-body-small, 13px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--typography-size-line-height-body-small-line-height, 24px);
  /* 184.615% */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  padding: 8px 0px;
}
.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item[aria-current=page] {
  color: var(--primary);
  background: none;
  text-decoration: underline;
}
.search-results-sidebar .sidenav-item:hover .doc-count, .search-results-sidebar .sidenav-item[aria-current=page] .doc-count {
  color: var(--primary);
}
.search-results-sidebar .sidenav-item .doc-count {
  color: var(--Type-Headings, #002B80);
  font-size: var(--typography-size-line-height-body-small, 13px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--typography-size-line-height-body-small-line-height, 24px);
  /* 184.615% */
}

.generative-answers {
  border-radius: var(--Border-radius-sm, 8px);
  background: var(--Neutral-Lightest, #F6F5F2);
}
.generative-answers a {
  color: red !important;
}

/* END Search results ----------------------------------------------------------------- */
/* Pagination ----------------------------------------------------------------- */
.pagination a {
  border: 0px none;
  padding: 12px 24px;
  color: var(--UI-Secondary-CTA-label, #7E2EE9);
  font-family: "IBM Plex Mono";
  font-size: var(--typography-size-line-height-mono, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--typography-size-line-height-mono-line-height, 24px);
  /* 171.429% */
  text-transform: uppercase;
}
.pagination a:hover {
  background: var(--UI-Secondary-CTA-label, #7E2EE9);
}

/* END Pagination ----------------------------------------------------------------- */
/* New request page ----------------------------------------------------------------- */
.submit-a-request-container {
  margin-top: 72px;
  border-radius: var(--Border-radius-xl, 24px);
  border: 1px solid rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 28px 60px 0 rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(18px);
  padding: 36px 71px;
  display: flex;
}
.submit-a-request-container .title {
  margin-right: 60px;
  max-width: 251px;
  width: 100%;
}
.submit-a-request-container .title h1 {
  color: var(--Type-Headings, #002B80);
  font-family: Figtree;
  font-size: var(--typography-size-line-height-h-3, 32px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--typography-size-line-height-h-3-line-height, 40px);
}
.submit-a-request-container #main-content {
  max-width: 670px;
  width: 100%;
}
.submit-a-request-container #main-content #new-request-form p:first-of-type {
  margin-top: 0px;
  padding-top: 0px;
}
.submit-a-request-container #main-content #new-request-form label {
  color: var(--Type-Body, #2A2923);
  font-family: var(--Typography-Family-Paragraph, Figtree);
  font-size: var(--Typography-Size-xs, 14px);
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 19.6px */
  margin-bottom: 6px;
}
.submit-a-request-container #main-content #new-request-form [data-garden-id="forms.field"] {
  display: flex;
  flex-direction: column;
}
.submit-a-request-container #main-content #new-request-form [data-garden-id="dropdowns.combobox.field"] {
  display: flex;
  flex-direction: column;
}
.submit-a-request-container #main-content #new-request-form [data-garden-id="dropdowns.combobox.hint"], .submit-a-request-container #main-content #new-request-form [data-garden-container-id="containers.field.hint"] {
  color: var(--Type-Body, #2A2923);
  font-family: var(--Typography-Family-Paragraph, Figtree);
  font-size: var(--Typography-Size-xxs, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  order: 99;
  padding-top: 4px;
}
.submit-a-request-container #main-content #new-request-form input[type=text], .submit-a-request-container #main-content #new-request-form [data-garden-id="dropdowns.combobox.trigger"] {
  min-height: 50px;
  justify-content: space-between;
  align-items: center;
  padding: var(--Spacing-xs, 8px) var(--Spacing-sm, 12px);
  border-radius: var(--Border-radius-sm, 8px);
  border: 1px solid var(--Neutral-Medium, #807B74);
  background: var(--UI-Form-field-background, #FFF);
}
.submit-a-request-container #main-content [type=submit] {
  border-radius: 40px;
  background: var(--UI-Primary-CTA, #7E2EE9);
  color: var(--UI-Primary-CTA-label, #F6F5F2);
  padding: 12px 24px;
  font-family: "IBM Plex Mono";
  font-size: var(--typography-size-line-height-mono, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--typography-size-line-height-mono-line-height, 24px);
  /* 171.429% */
  text-transform: uppercase;
}

.form-disclaimer {
  padding-top: 8px;
  color: #000;
  font-size: var(--typography-size-line-height-body-small, 13px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--typography-size-line-height-body-small-line-height, 24px);
  /* 184.615% */
}
.form-disclaimer a {
  text-decoration: underline;
  color: #000;
  font-size: var(--typography-size-line-height-body-small, 13px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--typography-size-line-height-body-small-line-height, 24px);
  /* 184.615% */
}

/* END New request page ----------------------------------------------------------------- */
/* Mobile menu ----------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .nav-wrapper .menu-button {
    align-items: center;
    backdrop-filter: blur(10px);
    background: rgba(0, 0, 0, 0.85);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 50px;
    justify-content: center;
    line-height: 0;
    margin: 0;
    padding: 0;
    width: 50px;
  }
  .nav-wrapper .menu-button:hover {
    background: rgba(0, 0, 0, 0.85);
  }
  .nav-wrapper .menu-button .icon-menu {
    width: 20px;
    height: 20px;
  }
  .nav-wrapper .menu-button[aria-expanded=false] .open {
    display: block;
  }
  .nav-wrapper .menu-button[aria-expanded=false] .close {
    display: none;
  }
  .nav-wrapper .menu-button[aria-expanded=true] {
    background: #000;
  }
  .nav-wrapper .menu-button[aria-expanded=true] .open {
    display: none;
  }
  .nav-wrapper .menu-button[aria-expanded=true] .close {
    display: block;
  }
  .nav-wrapper .user-nav[aria-expanded=true] {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    border-radius: 8px;
    padding: 16px;
    top: 78px;
  }
  .nav-wrapper .user-nav[aria-expanded=true] .dropdown.language-selector {
    width: 100%;
  }
  .nav-wrapper .user-nav[aria-expanded=true] .dropdown.language-selector .dropdown-menu[aria-expanded=true] {
    position: relative;
    box-shadow: none;
    border: 0px none;
    position: static;
    margin-top: 0px;
    padding-top: 0px;
  }
  .nav-wrapper .user-nav[aria-expanded=true] .dropdown.language-selector .dropdown-menu[aria-expanded=true] [role=menuitem] {
    padding: 6px 0px;
  }
  .nav-wrapper .user-nav[aria-expanded=true] a, .nav-wrapper .user-nav[aria-expanded=true] .footer-language-selector {
    display: block !important;
  }
  .nav-wrapper .user-nav[aria-expanded=true] .dropdown-toggle {
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 26px;
  }
  .nav-wrapper .user-nav[aria-expanded=true] ul {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .nav-wrapper .user-nav[aria-expanded=true] ul li a {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    font-size: 28px;
    font-weight: 700;
    justify-content: space-between;
    line-height: 36px;
    padding: 12px 0;
    text-align: left;
    transition: color 0.2s ease;
    width: 100%;
  }
}
/* END Mobile menu ----------------------------------------------------------------- */
/* MEDIA ----------------------------------------------------------------- */
/* MEDIA ----------------------------------------------------------------- */
/* MEDIA ----------------------------------------------------------------- */
/* 1200px */
@media screen and (max-width: 1200px) {
  .knowledge-base .blocks .blocks-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
/* / 1200px */
/* 1120 */
@media screen and (max-width: 1120px) {
  .header {
    max-width: calc(100% - 40px);
  }
}
/* / 1120 */
/* 1024 */
@media screen and (max-width: 1024px) {
  .article-sidebar {
    max-width: 100%;
  }
  .article-sidebar .collapsible-sidebar {
    overflow-y: visible;
    height: 100%;
    padding-bottom: 40px;
    padding-left: 0px;
    max-height: 100%;
  }
  .article-sidebar .collapsible-sidebar-toggle {
    display: none;
  }
  .article-sidebar .collapsible-sidebar-body {
    margin-bottom: 40px;
    display: block;
  }
  .article-sidebar .related-articles ul li a {
    width: 100%;
    max-width: 100%;
  }
  .search-results-sidebar {
    max-width: 275px;
    margin-left: 5vw;
  }
  .submit-a-request-container {
    flex-direction: column;
  }
}
/* / 1024 */
/* 980 */
@media screen and (max-width: 980px) {
  .header .nav-wrapper {
    width: 71%;
    justify-content: center;
  }
}
/* / 980 */
/* 880 */
@media screen and (max-width: 880px) {
  .knowledge-base .blocks .blocks-list {
    grid-template-columns: 1fr 1fr;
  }
  .header .nav-wrapper {
    width: 75%;
  }
  .header .language-selector .dropdown-toggle {
    font-size: 12px;
  }
}
/* / 880 */
/* 768 */
@media screen and (max-width: 768px) {
  .header .nav-wrapper {
    justify-content: flex-end;
  }
  #user-nav > .footer-language-selector {
    display: none;
  }
  .hero {
    height: 320px;
  }
  .hero h1 {
    font-size: 56px;
    line-height: 56px;
  }
  .article-page-header h1 {
    font-size: 38px;
    line-height: 42px;
  }
  .article-page-header h1, .article-page-header .search-container {
    margin-left: 0px;
    text-align: left;
  }
  .article-page-header .article-meta {
    flex-direction: column;
    height: 100%;
    padding: 16px;
    gap: 16px;
    margin-left: 0px;
    max-width: 100%;
  }
  .page-header {
    margin-top: 60px;
    margin-bottom: 40px;
  }
  .page-header .container {
    width: 100%;
  }
  .page-header h1 {
    font-size: 38px;
    line-height: 42px;
  }
  .page-header .search-container {
    max-width: 100%;
  }
  .search-results {
    flex-direction: column;
  }
  .submit-a-request-container {
    padding: 24px;
  }
}
/* / 768 */
/* 640 */
@media screen and (max-width: 640px) {
  .knowledge-base .blocks .blocks-list {
    grid-template-columns: 1fr;
  }
  .knowledge-base .blocks .blocks-list {
    max-width: 375px;
    margin: 0 auto;
  }
}
/* / 640 */
/* 540 */
@media screen and (max-width: 540px) {
  .knowledge-base .blocks .blocks-list {
    max-width: 100%;
    margin: 0 auto;
  }
  .knowledge-base .blocks .blocks-list .blocks-item {
    min-height: 175px;
    max-width: none;
  }
}
/* / 540 */
/* END MEDIA ----------------------------------------------------------------- */
/* END MEDIA ----------------------------------------------------------------- */
/* END MEDIA ----------------------------------------------------------------- */

/* Zendesk native callouts styled like the old Docebo boxes (2026-11-05) ---------------
   Mapping (note the crossed names):
     wysiwyg-callout-tip      = Rocketbox  (green,  rocket icon)
     wysiwyg-callout-info     = Infobox    (blue,   info icon)     was <blockquote>
     wysiwyg-callout-error    = Disclaimer (pink,   triangle icon) was .disclaimer
     wysiwyg-callout-warning  = Warning    (purple, bookmark icon) was .warning
   (Error and warning deliberately take each other's old look; Andrew, 2026-11-05.)
   Paste after the existing .rocketbox / .disclaimer / .warning / .article-body blockquote
   rules. Old boxes keep working; these only style <zd-callout>. */

.article-body zd-callout.wysiwyg-callout {
  position: relative;
  display: flow-root;               /* zd-callout is a custom element: inline by default */
  border: 0;
  border-radius: var(--Border-radius-sm, 8px);
  box-shadow: none;
  background-image: none;
  padding: 15px 15px 15px 70px !important;
  margin: 20px 0;
  font-size: 14px;
  color: #000;
}

/* Our icon comes from ::before, like the old boxes; hide Zendesk's icon span */
.article-body zd-callout.wysiwyg-callout .wysiwyg-callout-icon {
  display: none !important;
}

.article-body zd-callout.wysiwyg-callout::before {
  position: absolute;
  display: block;
  left: 20px;
  top: 15px;
}

/* One-paragraph boxes used to be a single <p class="…"> with no inner margins */
.article-body zd-callout.wysiwyg-callout > .wysiwyg-callout-icon + *,
.article-body zd-callout.wysiwyg-callout > *:first-child {
  margin-top: 0;
}
.article-body zd-callout.wysiwyg-callout > *:last-child {
  margin-bottom: 0;
}

/* Tip = Rocketbox */
.article-body zd-callout.wysiwyg-callout-tip {
  background-color: var(--Green-Lightest, #E3FFAB);
}
.article-body zd-callout.wysiwyg-callout-tip::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M6.00037 14.9997C5.17037 14.9997 4.42037 15.3397 3.88037 15.8797C2.70037 17.0597 2.00037 21.9997 2.00037 21.9997C2.00037 21.9997 6.94037 21.2997 8.12037 20.1197C8.66037 19.5797 9.00037 18.8297 9.00037 17.9997C9.00037 16.3397 7.66037 14.9997 6.00037 14.9997ZM6.71037 18.7097C6.43037 18.9897 4.54037 19.4697 4.54037 19.4697C4.54037 19.4697 5.01037 17.5897 5.30037 17.2997C5.47037 17.1097 5.72037 16.9997 6.00037 16.9997C6.55037 16.9997 7.00037 17.4497 7.00037 17.9997C7.00037 18.2797 6.89037 18.5297 6.71037 18.7097ZM17.4204 13.6497C23.7804 7.28969 21.6604 2.33969 21.6604 2.33969C21.6604 2.33969 16.7104 0.219688 10.3504 6.57969L7.86037 6.07969C7.21037 5.94969 6.53037 6.15969 6.05037 6.62969L2.00037 10.6897L7.00037 12.8297L11.1704 16.9997L13.3104 21.9997L17.3604 17.9497C17.8304 17.4797 18.0404 16.7997 17.9104 16.1397L17.4204 13.6497ZM7.41037 10.8297L5.50037 10.0097L7.47037 8.03969L8.91037 8.32969C8.34037 9.15969 7.83037 10.0297 7.41037 10.8297ZM13.9904 18.4997L13.1704 16.5897C13.9704 16.1697 14.8404 15.6597 15.6604 15.0897L15.9504 16.5297L13.9904 18.4997ZM16.0004 12.2397C14.6804 13.5597 12.6204 14.6397 11.9604 14.9697L9.03037 12.0397C9.35037 11.3897 10.4304 9.32969 11.7604 7.99969C16.4404 3.31969 19.9904 4.00969 19.9904 4.00969C19.9904 4.00969 20.6804 7.55969 16.0004 12.2397ZM15.0004 10.9997C16.1004 10.9997 17.0004 10.0997 17.0004 8.99969C17.0004 7.89969 16.1004 6.99969 15.0004 6.99969C13.9004 6.99969 13.0004 7.89969 13.0004 8.99969C13.0004 10.0997 13.9004 10.9997 15.0004 10.9997Z" fill="%23000000"/></svg>');
}

/* Info = Infobox (was <blockquote>) */
.article-body zd-callout.wysiwyg-callout-info {
  background-color: var(--Blue-Lightest, #DBF2FF);
  font-size: 15px;
}
.article-body zd-callout.wysiwyg-callout-info::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11 7H13V9H11V7ZM11 11H13V17H11V11ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z" fill="%23000000"/></svg>');
}

/* Error = Disclaimer (pink, triangle icon) */
.article-body zd-callout.wysiwyg-callout-error {
  background-color: var(--Pink-Lightest, #FFD1F0);
}
.article-body zd-callout.wysiwyg-callout-error::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 6.49L19.53 19.5H4.47L12 6.49ZM12 2.5L1 21.5H23L12 2.5ZM13 16.5H11V18.5H13V16.5ZM13 10.5H11V14.5H13V10.5Z" fill="%23000000"/></svg>');
}

/* Warning = Warning (purple, bookmark icon) */
.article-body zd-callout.wysiwyg-callout-warning {
  background-color: var(--Purple-Lightest, #E9D7FF);
}
.article-body zd-callout.wysiwyg-callout-warning::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M17 3H7C5.9 3 5.01 3.9 5.01 5L5 21L12 18L19 21V5C19 3.9 18.1 3 17 3ZM17 18L12 15.82L7 18V5H17V18Z" fill="%23000000"/></svg>');
}
/* END Zendesk native callouts --------------------------------------------------------- */
/* No empty band at the top or bottom of a box: the first element after the (hidden) icon gets no
   top margin and the last element no bottom margin. !important because about 250 converted boxes
   carry inline margins on their first or last paragraph. A last list also loses its last item's
   12px gap, and a stray trailing <br> is hidden. */
.article-body zd-callout.wysiwyg-callout > .wysiwyg-callout-icon + *,
.article-body zd-callout.wysiwyg-callout > *:first-child {
  margin-top: 0 !important;
}
.article-body zd-callout.wysiwyg-callout > *:last-child,
.article-body zd-callout.wysiwyg-callout > ul:last-child > li:last-child,
.article-body zd-callout.wysiwyg-callout > ol:last-child > li:last-child,
.article-body zd-callout.wysiwyg-callout > ul:last-child > li:last-child > *:last-child,
.article-body zd-callout.wysiwyg-callout > ol:last-child > li:last-child > *:last-child {
  margin-bottom: 0 !important;
}
.article-body zd-callout.wysiwyg-callout > br:last-child {
  display: none;
}

/* ===== Sub-sections inside accordions (append to style.css) =====
   Replaces the earlier "Accordion additions" block. Uses the theme's own tokens.
   Injected accordions need no CSS: they reuse .section-tree / .sub-section styles.
   "Open this section" carries .see-all-articles, so it matches "See all N articles". */

.section-tree .subsection-links {
  margin-bottom: 12px;
}

/* Small eyebrow label, same treatment as other mono labels in the theme */
.section-tree .subsection-links-label {
  margin: 0 0 4px;
  color: var(--Type-Body, #2A2923);
  font-family: "IBM Plex Mono", monospace;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
}

.section-tree .subsection-link-item .article-list-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.section-tree .subsection-link-item .icon-folder {
  flex-shrink: 0;
  color: var(--UI-Secondary-CTA-label, #7E2EE9);
}

/* Same spacing the theme gives "See all N articles" after a list */
.section-tree .section .section-content .view-section-link {
  display: block;
  margin-top: 24px;
}