/* Styles for pseudo docs that use Zendesk content. */
html {
    scroll-padding-top: 230px;
}

@media (min-width: 70em) {
    html {
        scroll-padding-top: 260px;
    }
}

/* Links to Zendesk content have an external link icon at the end. */
a[href*="ninjarmm.zendesk.com"][href*="/articles/"]:after {
    display: inline-block;
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23007DA5" d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0-201.4 201.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3 448 192c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 96C35.8 96 0 131.8 0 176L0 432c0 44.2 35.8 80 80 80l256 0c44.2 0 80-35.8 80-80l0-80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 80c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-256c0-8.8 7.2-16 16-16l80 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 96z"/></svg>');
    width: .75em;
    height: .75em;
    vertical-align: baseline;
    margin: 1px .25em 0 .25em;
}

/* Reset margin to prevent it from getting cut off. */
figure.wysiwyg-table {
    display: table;
    margin: .9em auto;
}

figure.wysiwyg-table-align-left {
    margin-left: 0;
    margin-right: auto;
}

figure.wysiwyg-image {
    background: none;
    border: none;
    clear: both;
    display: table;
    margin: .9em auto;
    text-align: center;
}

/* Updated callouts */
/* ──────────────────────────────────────────────────────────────────────────
   Base callout container + icon + label positioning
─────────────────────────────────────────────────────────────────────────── */
div.info,
.c-callout--info,
.callout--info,
.callout,
.callout--default,
.callout--transparent,
.callout--dashed,
.callout--primary,
div.warning,
.c-callout--warning,
.callout--warning,
div.danger,
.c-callout--danger,
.callout--danger,
div.success,
.c-callout--success,
.callout--success,
div.example {
    position: relative;
    margin: 1em 0;
    padding: 2.4em 1em 0.6em 1em;
    background: #fff;
    border: 1px solid #ddd;
    border-left: 4px solid;
    border-radius: 4px;
    box-sizing: border-box;
    line-height: 1.4;
}

div.info::before,
.c-callout--info::before,
.callout--info::before,
.callout::before,
.callout--default::before,
.callout--transparent::before,
.callout--dashed::before,
.callout--primary::before,
div.warning::before,
.c-callout--warning::before,
.callout--warning::before,
div.danger::before,
.c-callout--danger::before,
.callout--danger::before,
div.success::before,
.c-callout--success::before,
.callout--success::before,
div.example::before {
    position: absolute;
    top: 0.75em;
    left: 1em;
    font-family: monospace;
    font-size: 1em;
    line-height: 1;
}

div.info::after,
.c-callout--info::after,
.callout--info::after,
.callout::after,
.callout--default::after,
.callout--transparent::after,
.callout--dashed::after,
.callout--primary::after,
div.warning::after,
.c-callout--warning::after,
.callout--warning::after,
div.danger::after,
.c-callout--danger::after,
.callout--danger::after,
div.success::after,
.c-callout--success::after,
.callout--success::after,
div.example::after {
    position: absolute;
    top: 0.75em;
    left: 2.3em;
    font-size: 13m;
    line-height: 1;
    content: var(--callout-title);
}

div.info,
.c-callout--info,
.callout--info,
.callout,
.callout--default,
.callout--transparent,
.callout--dashed,
.callout--primary {
    border-left-color: #17a2b8;
}

div.info::before,
.c-callout--info::before,
.callout--info::before,
.callout::before,
.callout--default::before,
.callout--transparent::before,
.callout--dashed::before,
.callout--primary::before {
    content: "i";
    color: #17a2b8;
}

div.info::after,
.c-callout--info::after,
.callout--info::after,
.callout::after,
.callout--default::after,
.callout--transparent::after,
.callout--dashed::after,
.callout--primary::after {
    color: #17a2b8;
}

/* warning */
div.warning,
.c-callout--warning,
.callout--warning {
    border-left-color: #f0ad4e;
}

div.warning::before,
.c-callout--warning::before,
.callout--warning::before {
    content: "⚠";
    color: #f0ad4e;
}

div.warning::after,
.c-callout--warning::after,
.callout--warning::after {
    color: #f0ad4e;
}

/* attention (danger) */
div.danger,
.c-callout--danger,
.callout--danger {
    border-left-color: #d9534f;
}

div.danger::before,
.c-callout--danger::before,
.callout--danger::before {
    content: "X";
    color: #d9534f;
}

div.danger::after,
.c-callout--danger::after,
.callout--danger::after {
    color: #d9534f;
}

/* tip (success) */
div.success,
.c-callout--success,
.callout--success {
    border-left-color: #5cb85c;
}

div.success::before,
.c-callout--success::before,
.callout--success::before {
    content: "✔";
    color: #5cb85c;
}

div.success::after,
.c-callout--success::after,
.callout--success::after {
    color: #5cb85c;
}

/* example */
div.example {
    border-left-color: #6f42c1;
}

div.example::before {
    content: "☰";
    color: #6f42c1;
}

div.example::after {
    color: #6f42c1;
}

/* ──────────────────────────────────────────────────────────────────────────
   Title vars default to none
─────────────────────────────────────────────────────────────────────────── */
:root {
    --callout-info-title: none;
    --callout-warning-title: none;
    --callout-attention-title: none;
    --callout-success-title: none;
    --callout-example-title: none;
}

/* bind each pseudo to its own var */
div.info::after,
.c-callout--info::after,
.callout--info::after,
.callout::after,
.callout--default::after,
.callout--transparent::after,
.callout--dashed::after,
.callout--primary::after {
    content: var(--callout-info-title);
}

div.warning::after,
.c-callout--warning::after,
.callout--warning::after {
    content: var(--callout-warning-title);
}

div.danger::after,
.c-callout--danger::after,
.callout--danger::after {
    content: var(--callout-attention-title);
}

div.success::after,
.c-callout--success::after,
.callout--success::after {
    content: var(--callout-success-title);
}

div.example::after {
    content: var(--callout-example-title);
}

/* ──────────────────────────────────────────────────────────────────────────
   4) Callout text and alert banner styling
─────────────────────────────────────────────────────────────────────────── */

/* Alert banner on/off */
#alerts-banner {
    display: none !important;
}

#alerts-banner {
    width: 100%;
    background-color: rgba(0, 125, 165, 1);
    color: #fff;
    padding: 16px 50px;
    text-align: center;
    font-size: 14px;
}

#alerts-banner a {
    color: #fff;
}

/* #alerts-banner:after {
  line-height: 2em;
  content: var(--alert-banner-text);
} */
.main-page-wrap #alerts-banner {
    position: relative;
    bottom: 165px;
    display: none;
    /** Comment out this line if there is a service disruption warranting a homepage banner **/
}

/* English */
html[lang|="en"] {
    --callout-info-title: "Note";
    --callout-warning-title: "Warning";
    --callout-attention-title: "Attention";
    --callout-success-title: "Success";
    --callout-example-title: "Example";
    /* --alert-banner-text: "We've made important updates to our networking requirements. For more information, refer to our [LINK]";*/
    /* --alert-banner-url: "/hc/en-us/articles/211406886";*/
    --alert-banner-text: We have updated our documentation to reflect enhancements delivered in update 10.0.0. To learn when these improvements will be available in your instance, refer to our [LINK];
    --alert-banner-url: "/hc/en-us/articles/37943004332557";
}

/* German */
html[lang|="de"] {
    --callout-info-title: "Notiz";
    --callout-warning-title: "Warnung";
    --callout-attention-title: "Aufmerksamkeit";
    --callout-success-title: "Erfolg";
    --callout-example-title: "Beispiel";
    /* --alert-banner-text: "Wir haben wichtige Aktualisierungen an unseren Allowlisting-Anforderungen vorgenommen. Weitere Informationen finden Sie in unserem [LINK]";*/
    /* --alert-banner-url: "/hc/de/articles/211406886";*/
    --alert-banner-text: Wir haben unsere Dokumentation entsprechend den Verbesserungen in Version 10.0.0 aktualisiert. Um zu erfahren, wann diese Verbesserungen in Ihrer Instanz verfügbar sind, lesen Sie unseren [LINK];
    --alert-banner-url: "/hc/de/articles/37943004332557";
}

/* Spanish */
html[lang|="es"] {
    --callout-info-title: "Nota";
    --callout-warning-title: "Advertencia";
    --callout-attention-title: "Atención";
    --callout-success-title: "Éxito";
    --callout-example-title: "Ejemplo";
    /* --alert-banner-text: "Hemos realizado actualizaciones importantes en nuestros requisitos de lista de permitidos. Para obtener más información, consulta nuestro [LINK]";*/
    /* --alert-banner-url: "/hc/es/articles/211406886";*/
    --alert-banner-text: Hemos actualizado nuestra documentación para reflejar las mejoras introducidas en la versión 10.0.0. Para saber cuándo estarán disponibles en su instancia, consulte nuestro [LINK];
    --alert-banner-url: "/hc/es/articles/37943004332557";
}

/* French */
html[lang|="fr"] {
    --callout-info-title: "Note";
    --callout-warning-title: "Avertissement";
    --callout-attention-title: "Attention";
    --callout-success-title: "Succès";
    --callout-example-title: "Exemple";
    /* --alert-banner-text: "Nous avons apporté des mises à jour importantes à nos exigences en matière de liste d'autorisation. Pour en savoir plus, veuillez consulter notre [LINK]";*/
    /* --alert-banner-url: "/hc/fr/articles/211406886";*/
    --alert-banner-text: Nous avons mis à jour notre documentation pour refléter les améliorations apportées dans la version 10.0.0. Pour savoir quand elles seront disponibles dans votre instance, consultez notre [LINK];
    --alert-banner-url: "/hc/fr/articles/37943004332557";
}

/* Japanese */
html[lang|="ja"] {
    --callout-info-title: "注記";
    --callout-warning-title: "警告";
    --callout-attention-title: "注意";
    --callout-success-title: "成功";
    --callout-example-title: "例";
    /* --alert-banner-text: "許可リストの要件に重要な更新を行いました。詳細については、当社の[LINK]をご参照ください。";*/
    /* --alert-banner-url: "/hc/jp/articles/211406886";*/
    --alert-banner-text: バージョン10.0.0の改善点を反映するために、ドキュメントを更新しました。ご利用のインスタンスでの提供時期については、[LINK]をご覧ください。;
    --alert-banner-url: "/hc/jp/articles/37943004332557";
}

/* Italian */
html[lang|="it"] {
    --callout-info-title: "Nota";
    --callout-warning-title: "Avviso";
    --callout-attention-title: "Attenzione";
    --callout-success-title: "Successo";
    --callout-example-title: "Esempio";
    /*   --alert-banner-text: "Abbiamo apportato aggiornamenti importanti ai nostri requisiti di allowlisting. Per ulteriori informazioni, consulta il nostro [LINK]";*/
    /*   --alert-banner-url: "/hc/it/articles/211406886";*/
    --alert-banner-text: Abbiamo aggiornato la nostra documentazione per riflettere i miglioramenti apportati nella versione 10.0.0. Per sapere quando questi miglioramenti saranno disponibili nella tua istanza, consulta il nostro [LINK];
    --alert-banner-url: "/hc/it/articles/37943004332557";
}

/* End callouts and alerts */