/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:"entypo";src:url(entypo-972e8f88afd64f682629c4809e30cbb3..eot);src:url(entypo-972e8f88afd64f682629c4809e30cbb3..eot?#iefix) format("embedded-opentype"),url(entypo-cd0cc640c9711149dc484d7c26584704..woff) format("woff"),url(entypo-719392a4d7e45cc2f828da84d2c43747..ttf) format("truetype"),url(entypo-7d43a0426efc4765aa933c6fc586ee58..svg#entypo) format("svg");font-weight:normal;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio: 0){@font-face{font-family:"entypo";src:url(entypo-7d43a0426efc4765aa933c6fc586ee58..svg#entypo) format("svg")}}@font-face{font-family:"copenhagen-icons";src:url(copenhagen-icons-268fb7c014de8a06d7d40310b5000daa..woff) format("woff");font-weight:normal;font-style:normal}.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}.notification-error{background:#ffeded;border-color:#f7cbcb}.notification-error .notification-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 focusable=%27false%27 viewBox=%270 0 12 12%27%3E%3Cg fill=%27none%27 stroke=%27%23555555%27%3E%3Ccircle cx=%275.5%27 cy=%276.5%27 r=%275%27/%3E%3Cpath stroke-linecap=%27round%27 d=%27M5.5 3.5v3%27/%3E%3C/g%3E%3Ccircle cx=%275.5%27 cy=%279%27 r=%271%27 fill=%27%23555555%27/%3E%3C/svg%3E")}.notification-notice{background:#dbf3ff;border-color:#b5e0f5}.notification-notice .notification-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 focusable=%27false%27 viewBox=%270 0 12 12%27%3E%3Cg fill=%27none%27 stroke=%27%23555555%27%3E%3Cpath stroke-linecap=%27round%27 stroke-linejoin=%27round%27 d=%27M3.5 6l2 2L9 4.5%27/%3E%3Ccircle cx=%276%27 cy=%276%27 r=%275.5%27/%3E%3C/g%3E%3C/svg%3E")}.notification-alert,.notification-lock{color:#ad5e18;background:#fff8ed;border-color:#fcdba9}.notification-alert .notification-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 focusable=%27false%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27none%27 stroke=%27%23ad5e18%27 stroke-linecap=%27round%27 d=%27M5.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%27/%3E%3Ccircle cx=%275.5%27 cy=%278%27 r=%27.8%27 fill=%27%23ad5e18%27/%3E%3C/svg%3E")}.notification-lock .notification-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 focusable=%27false%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27none%27 stroke=%27%23ad5e18%27 d=%27M3.5 5.5V3a2.5 2.5 0 015 0v2.5%27/%3E%3Crect width=%2710%27 height=%277%27 x=%271%27 y=%275%27 fill=%27%23ad5e18%27 rx=%271%27 ry=%271%27/%3E%3C/svg%3E")}.notification-icon::before{background-size:cover;content:"";display:inline-block;height:14px;width:14px;vertical-align:middle}.notification-dismiss,a.notification-dismiss{color:#555;cursor:pointer;opacity:.6;transition:opacity 100ms ease;text-decoration:none !important}.notification-dismiss:hover{opacity:1}.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{border-radius:50%;border:1px solid #e35b66;color:#e35b66;content:"!";display:inline-block;font-family:sans-serif;font-size:8px;font-weight:normal;height:12px;line-height:12px;margin:-2px 5px 0 0;text-align:center;vertical-align:middle;width:12px}[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{display:inline-block;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,.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}[dir="ltr"] .dropdown-menu [role=menuitem]{text-align:left}[dir="rtl"] .dropdown-menu [role=menuitem]{text-align:right}.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;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]{background:#f3f3f3;cursor:default}.dropdown-menu [role=menuitem][aria-selected=true]::after{content:"✓";margin-left:10px;font-family:"entypo"}[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-caret{margin-top:10px}.dropdown-menu-caret::before,.dropdown-menu-caret::after{content:"";display:inline-block;position:absolute}.dropdown-menu-caret::before{top:-7px;left:9px;border-right:7px solid transparent;border-bottom:7px solid #d8d8d8;border-left:7px solid transparent}.dropdown-menu-caret::after{top:-6px;left:10px;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent}.dropdown-menu-end{left:auto;right:0}.dropdown-menu-end.dropdown-menu-caret::before{left:auto;right:9px}.dropdown-menu-end.dropdown-menu-caret::after{left:auto;right:10px}.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}[dir=rtl] .dropdown-menu-end.dropdown-menu-caret::before{left:9px;right:auto}[dir=rtl] .dropdown-menu-end.dropdown-menu-caret::after{left:10px;right:auto}[dir=rtl] .dropdown-menu-caret::before{left:auto;right:9px}[dir=rtl] .dropdown-menu-caret::after{left:auto;right:10px}.dropdown-toggle-icon{vertical-align:middle}.dropdown-toggle{cursor:pointer}.dropdown-toggle::after{color:#888;content:"  ";display:inline-block;font-family:"entypo";vertical-align:middle}.upload-link::before{color:#888;content:"📎";font-family:"entypo";margin-right:5px}.upload-remove::before{content:"×";font-family:"entypo"}


body .pika-single{z-index:9999;display:block;position:relative;width:240px;padding:8px;color:#333;background:#fff;border:1px solid #ccc;border-bottom-color:#bbb;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}body .pika-single.is-hidden{display:none}body .pika-single.is-bound{position:absolute;box-shadow:0 5px 15px -5px rgba(0,0,0,.5)}body .pika-title{position:relative;text-align:center}body .pika-label{display:inline-block;*display:inline;position:relative;z-index:9999;overflow:hidden;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:bold;background-color:#fff}body .pika-title select{cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:5px;filter:alpha(opacity=0);opacity:0}body .pika-prev,body .pika-next{display:block;cursor:pointer;position:relative;outline:none;border:0;padding:0;width:20px;height:30px;background-color:transparent;background-position:center center;background-repeat:no-repeat;background-size:75% 75%;white-space:nowrap;text-indent:100%;overflow:hidden;opacity:.5;*position:absolute;*top:0}body .pika-prev:hover,body .pika-next:hover{opacity:1}body .pika-prev,body .is-rtl .pika-next{float:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==);*left:0}body .pika-next,body .is-rtl .pika-prev{float:right;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=);*right:0}body .pika-prev.is-disabled,body .pika-next.is-disabled{cursor:default;opacity:.2}body .pika-select{display:inline-block;*display:inline}body .pika-table{width:100%;border-collapse:collapse;border-spacing:0;border:0}body .pika-table th,body .pika-table td{width:14.2857142857%}body .pika-table th{color:#999;font-size:12px;line-height:25px;font-weight:bold;text-align:center}body .pika-button{cursor:pointer;display:block;outline:none;border:0;margin:0;width:100%;padding:5px;color:#666;font-size:12px;line-height:15px;text-align:right;background:#f5f5f5}body .is-today .pika-button{color:#3af;font-weight:bold}body .is-selected .pika-button{color:#fff;font-weight:bold;background:#3af;box-shadow:inset 0 1px 3px #178fe5;border-radius:3px}body .is-disabled .pika-button{pointer-events:none;cursor:default;color:#999;opacity:.3}body .pika-button:hover{color:#fff !important;background:#ff8000 !important;box-shadow:none !important;border-radius:3px !important}body .pika-single.is-bound{border:1px solid #d1d1d1;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,.15)}body .pika-single button{box-shadow:none;border-radius:0;height:auto;text-align:center}body .pika-table th,body .pika-table td{border:0;padding:0}body .pika-table abbr{border:0}body .pika-button{background:#fff}body .pika-button:hover{color:#333 !important;background:#f5f5f5 !important;box-shadow:none !important;border-radius:0 !important}body .is-today .pika-button{color:#000}body .is-selected .pika-button{background:#ccc;box-shadow:none;border-radius:0}body .pika-select{padding:0}html[dir=rtl] body .pika-title select{left:0}html[dir=rtl] body .pika-prev,html[dir=rtl] body .is-rtl .pika-next{float:left;*left:0}html[dir=rtl] body .pika-next,html[dir=rtl] body .is-rtl .pika-prev{float:right;*right:0}html[dir=rtl] body .pika-button{text-align:right}



/*
  Template Name: Mabonte
  Version: 3.1.0
  Author: Allies Interactive
  Website: http://www.diziana.com/
  Corporate Website : http://www.diziana.com
  Contact: support@diziana.com
  Follow: https://www.twitter.com/dizianaEngage
  Like: https://www.facebook.com/diziana.engage
  Purchase: Diziana.com
  License: You must have a valid license purchased only from
  diziana.com in order to legally use the theme for your project.
  Copyright: © 2018 Allies Interactive Services Pvt. Ltd. All Rights Reserved
*/

/***** LUMION: ACUMIN-PRO FONT FOR NAV MENU *****/
/* @import url('https://use.typekit.net/kso7irq.css'); */

/* @charset "UTF-8"; */

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

/***** BEGIN Fonts setup *****/

@font-face {
  font-family: "oldschoolgrotesk-light";
  src: url("https://service-content.lumion.com/dist/fonts/OldschoolGrotesk_W-Light.woff")
      format("woff"),
    url("https://service-content.lumion.com/dist/fonts/OldschoolGrotesk_W-Light.woff2")
      format("woff2");
}

@font-face {
  font-family: "oldschoolgrotesk-medium";
  src: url("https://service-content.lumion.com/dist/fonts/OldschoolGrotesk_W-Medium.woff")
      format("woff"),
    url("https://service-content.lumion.com/dist/fonts/OldschoolGrotesk_W-Medium.woff2")
      format("woff2");
}

@font-face {
  font-family: "sohne-kraftig";
  src: url("https://service-content.lumion.com/dist/fonts/soehne-kraftig.woff2")
    format("woff2");
}

@font-face {
  font-family: "sohne-leicht";
  src: url("https://service-content.lumion.com/dist/fonts/soehne-leicht.woff2")
    format("woff2");
}
/***** END Fonts setup *****/

* {
  box-sizing: border-box;
}

/***** Variable logic consistent with css practices to avoid errors in code editors *****/
:root {
  /* Colors variables (Don't change values that start with $, if you want to change a variable color duplicate the variable and comment the old variable line) */
  --color-background: rgba(255, 255, 255, 1);
  --color-text-brand: rgba(2, 2, 2, 1);
  --color-text: rgba(77, 77, 77, 1);
  --color-brand-primary: rgba(43, 84, 134, 1);
  --color-brand-secondary: #b8d7ec;
  --color-link: rgba(43, 84, 134, 1);
  --color-header-background: rgba(43, 84, 134, 1);
  --color-header-link: rgba(184, 215, 236, 1);
  --color-footer-text: #FFFFFF;
  --color-footer-background: rgba(43, 84, 134, 1);

  /* Fonts variables */
  --font-heading-light: "oldschoolgrotesk-light";
  --font-heading-medium: "oldschoolgrotesk-medium";
  --font-contents-light: "sohne-leicht";
  --font-contents-strong: "sohne-kraftig";
}

body {
  background-color: var(--color-background);
  color: var(--color-text-brand);
  /* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; */
  font-family: var(--font-contents-light), sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  /* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; */
  font-family: var(--font-heading-medium), sans-serif;
  font-weight: 400;
  margin-top: 0;

  color: var(--color-text);
}

h1 {
  font-size: 32px;
}
h2 {
  font-size: 26px;
}
h3 {
  font-size: 22px;
  /*font-weight: 1000;*/
}
h4 {
  margin-top: 10px;
  font-size: 18px;
  margin-bottom: 0px;
  /*- make the following text too close, changed 19112025; peterm: margin-bottom: -10px;*/
  padding-bottom: 5px;
}
h6 {
  font-size: 15px;
}

a {
  /* color: var(--color-text);*//*peterm 211020205 IT WORKED trying to fix hyperlink a refs is same in ZD but test*/
  text-decoration: none;
}

a:hover,
a:active,
a:focus {
  text-decoration: underline;
}

img {
  max-width: 100%; /*peterm: 30 March 20926: not sure why max-width for an img is set at 144% setting to 100% so it never overflows other responsive devices
  border-radius: 8px;
  /*border-width: 15px;*/
}

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

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

input:focus {
  border: 1px solid var(--color-brand-primary);
}

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

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(/hc/theming_assets/01HZPJH9C3DNK84MD89TACT0N6) 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 var(--color-brand-primary);
}

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 var(--color-brand-primary);
}

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

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

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

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

.error-page {
  text-align: center;
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
}

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

.dropdown-toggle::after {
  color: inherit;
}

/***** Buttons *****/
.button,
[role="button"] {
  border: 1px solid var(--color-brand-primary);
  border-radius: 4px;
  color: var(--color-brand-primary);
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 2.34;
  margin: 0;
  padding: 0 20px;
  text-align: center;
  transition: background-color 0.12s ease-in-out, border-color 0.12s ease-in-out,
    color 0.15s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: auto;
  -webkit-touch-callout: none;
}

.button::after,
[role="button"]::after {
  color: inherit;
}

.button:hover,
.button:active,
.button:focus,
.button[aria-selected="true"],
[role="button"]:hover,
[role="button"]:active,
[role="button"]:focus,
[role="button"][aria-selected="true"] {
  background-color: var(--color-brand-primary);
  color: var(--color-text-brand);
  text-decoration: none;
}

.button[aria-selected="true"]:hover,
.button[aria-selected="true"]:focus,
.button[aria-selected="true"]:active,
[role="button"][aria-selected="true"]:hover,
[role="button"][aria-selected="true"]:focus,
[role="button"][aria-selected="true"]:active {
  background-color: darken(var(--color-brand-primary), 20%);
  border-color: darken(var(--color-brand-primary), 20%);
}

.button[data-disabled],
[role="button"][data-disabled] {
  cursor: default;
}

.button-large,
input[type="submit"] {
  background-color: var(--color-brand-primary);
  border: 0;
  border-radius: 4px;
  color: var(--color-text-brand);
  font-size: 14px;
  font-weight: 400;
  line-height: 2.72;
  min-width: 100px;
  padding: 0 1.9286em;
  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: darken(var(--color-brand-primary), 20%);
}

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

.button-secondary {
  color: lighten(var(--color-text), 20%);
  border: 1px solid #ddd;
  background-color: transparent;
}

.button-secondary:hover,
.button-secondary:focus,
.button-secondary:active {
  color: var(--color-text);
  border: 1px solid #ddd;
  background-color: darken(var(--color-background), 3%);
}

/***** Tables *****/
.table {
  width: 100%;
  table-layout: fixed;
}

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

.table th,
.table th a {
  color: lighten(var(--color-text), 20%);
  font-size: 13px;
  text-align: left;
}

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

.table tr {
  border-bottom: 1px solid #ddd;
  display: flex;
  padding: 20px 0;
  align-items: center;
  justify-content: space-between;
}

@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;
  }
}

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

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

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

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

.form-field input:focus {
  border: 1px solid var(--color-brand-primary);
}

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

.form-field input[type="text"]:focus {
  border: 1px solid var(--color-brand-primary);
}

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

.form-field input[type="checkbox"] + p {
  display: inline-block;
}

.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 var(--color-brand-primary);
  text-decoration: none;
}

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

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

.form-field.required > label::after {
  content: "*";
  color: #f00;
  margin-left: 2px;
}

.form-field p {
  color: lighten(var(--color-text), 20%);
  font-size: 13px;
  margin: 5px 0;
}

[data-loading="true"] input,
[data-loading="true"] textarea {
  background: transparent url(/hc/theming_assets/01HZPJH971SQTJPJPZD4M5SEQ3) 99% 50% no-repeat;
  background-size: 16px 16px;
}

.form footer {
  padding-top: 30px;
}
.form footer a {
  color: lighten(var(--color-text), 20%);
  cursor: pointer;
  margin-right: 15px;
}

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

.form .suggestion-list .searchbox {
  border: solid 1px #ededed;
  border-radius: 4px;
}

.form .suggestion-list label {
  border-bottom: 1px solid #ededed;
  display: block;
  padding: 8px 10px;
  font-weight: 600;
}

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

.form .suggestion-list li a:visited {
  color: darken(var(--color-link), 20%);
}

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

.header-wrapper {
  background-color: var(--color-header-background);
  border-bottom: solid 1px #b8d6ed;
}

.header {
  /* max-width: 1160px; */
  /* margin: 0 48px; */
  /* padding: 0 5%; */
  /* position: relative; */
  align-items: center;
  display: flex;
  height: 81px;
  /* justify-content: space-between; */
}

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

.first-left-option {
  padding-left: 64px !important;
}

.logo {
  /* flex: 1; */
  display: flex;
  justify-content: center;
}

/* START - Here you can change the color of a *.svg logo file to white on the hover state.  */

.logo:hover {
  filter: brightness(0) invert(1);
}

/* END - Here you can change the color of a *.svg logo file to white on the hover state.  */

.logo img {
  vertical-align: middle;
  width: 215px;
}

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

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

.user-nav[aria-expanded="true"] {
  background-color: var(--color-header-background);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  border-bottom: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  right: 0;
  left: 0;
  top: 101px;
  z-index: 1;
  height: 300px;
}

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

/***** Top navigation menu: hamburger (mobile) menu *****/

.user-nav-hamburger {
  color: var(--color-link);
  display: none;
}

.user-nav-hamburger a {
  font-size: 16px;
  color: #b8d6ed;
  font-weight: 200 !important;
  font-style: normal !important;
  /* font-family: acumin-pro, sans-serif !important; */
  padding: 30px 20px;
}

.user-nav-hamburger a:hover,
.user-nav-hamburger a:focus,
.user-nav-hamburger a:active {
  text-decoration: none !important;
  color: #fff !important;
}

.user-nav-hamburger[aria-expanded="true"] {
  display: flex;
  flex-direction: column;
  color: var(--color-link);
  border-top: solid #b8d6ed 1px;
  border-bottom: solid #b8d6ed 1px;
  position: absolute;
  z-index: 1;
  background-color: currentColor;
  width: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

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

.hamburger-menu {
  display: flex;
  flex-direction: column;
}

.hamburger-menu a {
  font-size: 22px;
}

.hamburger-menu__category-title {
  color: #000;
  padding: 15px 20px;
  display: inline-block;
  font-size: 20px;
  cursor: pointer;
  font-size: 22px;
  color: #b8d6ed;
}

.hamburger-menu__category-title:first-child {
  padding-top: 30px;
}

.hamburger-menu__category-title:last-child {
  padding-bottom: 30px;
  padding-top: 15px;
}

.hamburger-menu__checkbox {
  opacity: 0;
}

.hamburger-menu_category-title {
  display: flex;
  flex-direction: column;
  /* margin-left: 50px; */
}

.hamburger-menu__options-container {
  display: none;
  flex-direction: column;
  margin: 1rem 0 0 1rem;
}

.hamburger-menu__horizontal-line {
  width: 75vw;
  margin: 2rem 0;
}

.hamburger-menu__category-title:hover {
  color: white;
}

.hamburger-menu__checkbox:checked ~ .hamburger-menu__options-container {
  display: flex;
}

.hamburger-menu__options-container a {
  padding: 10px 0;
  font-size: 20px;
}

.try-now-area-hamburger-menu {
  padding: 15px 8px !important;
  display: flex;
  justify-content: center;
}

.nav-wrapper {
  flex: 1;
  display: flex;
  height: 79px;
}

.left {
  justify-content: left;
}

@media (max-width: 920px) {
  .left {
    display: none;
  }
}

.right {
  justify-content: right;
}

.try-now-area {
  background-color: #b8d6ed;
  padding: 0 8px;
}

.my-account-text {
  margin: 0 8px;
  color: white;
  font-weight: 200 !important;
  font-size: 16px;
}

.try-now {
  color: var(--color-header-background) !important;
}

/* Try-now animation, but doesn't work well because they are to many class figthing each other */

/* .try-now:hover {
  animation-name: moveInUp;
  animation-duration: 0.4s;
  animation-timing-function: ease-out;
}

@keyframes moveInUp {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  49% {
    opacity: 0;
    transform: translateY(-50px);
  }

  50% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
} */

.nav-wrapper a {
  border: 0;
  color: var(--color-header-link);
  display: none;
  /* font-size: 14px; */
  padding: 0 12px 0 0;
  width: auto;
  font-weight: 500;
  vertical-align: middle;
}

@media (min-width: 920px) {
  .nav-wrapper a {
    display: inline-block;
  }
  .nav-wrapper a.submit-a-request,
  .nav-wrapper a.submit-a-request:hover {
    background-color: #00000052;
    padding: 2px 12px;
    border-radius: 4px;
    line-height: 2.34;
    vertical-align: middle;
    text-decoration: none;
  }
}

[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;
  text-decoration: underline;
}

.nav-wrapper a.login,
.nav-wrapper a.login:hover {
  display: inline-block;
  background-color: #00000052;
  padding: 2px 12px;
  border-radius: 4px;
  line-height: 2.34;
  vertical-align: middle;
  text-decoration: none;
}

.nav-wrapper .icon-menu {
  display: flex;
  align-items: center;
  margin-right: 20px;
  color: var(--color-header-link);
}

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

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

/***** 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 > [role="button"] {
  border: 0;
  color: var(--color-header-link);
  min-width: 0;
  padding: 0;
  white-space: nowrap;
  font-weight: 500;
}

.user-info > [role="button"]:hover {
  color: var(--color-header-link);
  background-color: transparent;
}

.user-info > [role="button"]::after {
  color: inherit;
}
[dir="rtl"] .user-info > [role="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-info > [role="button"],
  .user-info > [role="button"]:hover {
    background-color: #00000052;
    padding: 2px 12px;
  }
}

#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::before {
  background-color: var(--color-brand-primary);
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  color: var(--color-text-brand);
  content: "\1F464";
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 14px;
}

/***** Footer *****/
.footer {
  border-top: solid 1px #ededed;
  background-color: var(--color-footer-background);
  color: var(--color-footer-text);
  margin-top: 60px;
}

.footer a {
  color: var(--color-footer-text);
}

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

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

.footer-links {
  display: flex;
  flex-direction: column;
  flex: 1 0 180px;
  margin-bottom: 30px;
}

.footer-language-selector {
  color: lighten(var(--color-text), 20%);
  display: inline-block;
  font-weight: 300;
}

.footer-top {
  background-color: --color-footer-background;
  padding: 30px 0 0;
}

.footer-bottom {
  background-color: darken(--color-footer-background, 2%);
  padding: 10px 0;
}

.footer-bottom > .footer-inner {
  align-items: center;
  flex-direction: column;
  text-align: center;
}

@media (min-width: 920px) {
  .footer-bottom > .footer-inner {
    flex-direction: row;
    text-align: justify;
  }
}

.footer-content {
  align-items: center;
  display: flex;
}

.footer-inner ul.share {
  margin-right: 15px;
}

.footer-inner ul.share,
.footer-inner ul.share > li {
  height: 25px;
}

.footer-inner ul.share > li > a {
  color: #fff;
  font-size: 0.9em;
  text-align: center;
}

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

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

.breadcrumbs li {
  display: inline;
  max-width: 550px; /*450px*/
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(77, 77, 77, 1);
  /*font-size: 18px;*/
}

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

.breadcrumbs li a,
.breadcrumbs li a:visited {
  font-weight: 500;
  /*font-size: 18px;*/
}

/***** Search field *****/

.full-width {
  margin: 0 auto;
  width: 100%;
}

@media (min-width: 768px) {
  .full-width {
    width: 70%;
  }
}

.search {
  position: relative;
  /*position: left;*/
}

.search input[type="search"] {
  border: 1px solid #ddd;
  border-radius: 30px;
  box-sizing: border-box;
  color: #999;
  height: 40px;
  padding-left: 40px;
  padding-right: 20px;
  appearance: none;
  -webkit-appearance: none;
  width: 100%; /*600px;*//*100%;*/
  text-align: center;
}

[dir="rtl"] .search input[type="search"] {
  padding-right: 40px;
  padding-left: 20px;
/*width: 600px;*//*100%;*/
}

.search input[type="search"]:focus {
  border: 1px solid var(--color-brand-primary);
/*width: 600px;*//*100%;*/
}

.search::before {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  color: var(--color-brand-primary);
  content: "\1F50D";
  font-size: 18px;
  position: absolute;
  left: 15px;
/*width: 600px;*//*100%;*/
}

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

.search-full input[type="search"] {
  border: 1px solid #efefef;
/*width: 600px;*//*100%;*/
}

/***** Hero component *****/
/*peterm: 06102025 trying to see if this will fix the lost herop-banner image for background of Search header*/
/*background-image: url(https://support.lumion.com/hc/theming_assets/01HZPJHDZ9X9WQ3G0T8E9WXFFQ);*/
.hero {
  /*background-image: url(https://25757866.fs1.hubspotusercontent-eu1.net/hubfs/25757866/Knowledge%20Base%20Import/Headers_and_Banners/HdrBanner_TropicalHouse-Vintage_1920x543.jpg);*/
  background-image: url(https://25757866.fs1.hubspotusercontent-eu1.net/hubfs/25757866/Knowledge%20Base%20Import/Headers_and_Banners/EKB_MainKB_Header-NoText_Still_Image_Courtyard_Frangipani_V5.jpg);
  /*background-image: url(https://25757866.fs1.hubspotusercontent-eu1.net/hubfs/25757866/Knowledge%20Base%20Import/Headers_and_Banners/EKB_MainKB_Header-Top_Still_Image_Courtyard_Frangipani_V6_670x187.jpg); */
  
  /*pbm: 30 March 2026: fixed the sizing and alignment for header image and Label text for mobile - works on Samsung portrait and landscape */
  background-size: cover;
  height: 390px; /*543px;*/
  position: center; /*relative; /*center*/ 
  text-align: center;
  width: auto;  /*100%; */
}

.hs-search-field{
  /*width: 700px; /*1100px;*/
  position: center; /*relative*/
  left: 0px; /*was: -20px  -100*/
}

.hs-search-field__label{
  width: 970px; /*700px; 1200px; */
  position: relative;
  left: 0px; /*was: -20px  -100*/
}

.hero-inner{
  position: relative;
  left: 0px; /*-50  -250*/
  
}

/*Kill these image based texts now for text in Search Label - with wide Label defn: retrun to using .hero*/

.hero-ekb-mainknowledgebase {
  /*peterm: 03112025 adding own EKB Downloads KB to be more aware in Downloads banner image for background of Search header*/
  /*background-image: url(https://25757866.fs1.hubspotusercontent-eu1.net/hubfs/25757866/Knowledge%20Base%20Import/Headers_and_Banners/EKB_MainKB_Header_Still_Image_Courtyard_Frangipani_V3_1920x543.jpg);*/
  /*background-image: url(https://25757866.fs1.hubspotusercontent-eu1.net/hubfs/25757866/Knowledge%20Base%20Import/Headers_and_Banners/EKB_MainKB_Header-Top_Still_Image_Courtyard_Frangipani_V5.jpg);*/
  background-image: url(https://25757866.fs1.hubspotusercontent-eu1.net/hubfs/25757866/Knowledge%20Base%20Import/Headers_and_Banners/EKB_MainKB_Header-NoText_Still_Image_Courtyard_Frangipani_V5.jpg);
   
  background-size: cover;
  height: 543px;/*434px;*/ /*366px*/ /*image dimensions: 1737x430; changed to 480px 19112025 force see words in browsers with 100% scaling*/
  position: relative;
  text-align: center;
  width: 100%;
}

.hero-partners-pbk-DEPRECATED {
  /*peterm: 03112025 adding own PKB Partners KB banner image for background of Search header*/
  background-image: url(https://25757866.fs1.hubspotusercontent-eu1.net/hubfs/25757866/Knowledge%20Base%20Import/Headers_and_Banners/PKB%20Header%20Still%20Image_Courtyard%20Frangipani%20V3_1920x543.jpg);
   
  background-size: cover;
  height: 434px; /*366px*/
  position: relative;
  text-align: center;
  width: 100%;
}
/*Upeterm 24112025: same as rest: update also for text and sizing of image*/
.hero-partners-pbk {
  background-image: url(https://25757866.fs1.hubspotusercontent-eu1.net/hubfs/25757866/Knowledge%20Base%20Import/Headers_and_Banners/EKB_MainKB_Header-NoText_Still_Image_Courtyard_Frangipani_V5.jpg);
  
  background-size: cover;
  height: 543px;
  position: relative;
  text-align: center;
  width: 100%;
}


.hero-ekb-downloads {
  /*peterm: 03112025 adding own EKB Downloads KB to be more aware in Downloads banner image for background of Search header*/
  background-image: url(https://25757866.fs1.hubspotusercontent-eu1.net/hubfs/25757866/Knowledge%20Base%20Import/Headers_and_Banners/EKB_Downloads_Header_Still_Image_Courtyard_Frangipani_V3_1920x543.jpg);
   
  background-size: cover;
  height: 434px; /*366px*/
  position: relative;
  text-align: center;
  width: 100%;
}

.hero-ekb-videotutorials {
  /*peterm: 03112025 adding own EKB Downloads KB to be more aware in Downloads banner image for background of Search header*/
  background-image: url(https://25757866.fs1.hubspotusercontent-eu1.net/hubfs/25757866/Knowledge%20Base%20Import/Headers_and_Banners/EKB_VideoTutorials_Header_Still_Image_Courtyard_Frangipani_V3_1920x543.jpg);
   
  background-size: cover;
  height: 434px; /*366px*/
  position: relative;
  text-align: center;
  width: 100%;
}

.hero-ekb-learningpathways {
  /*peterm: 03112025 adding own EKB Downloads KB to be more aware in Downloads banner image for background of Search header*/
  background-image: url(https://25757866.fs1.hubspotusercontent-eu1.net/hubfs/25757866/Knowledge%20Base%20Import/Headers_and_Banners/EKB_MainKB_Header-NoText_Still_Image_Courtyard_Frangipani_V5.jpg);
  /*background-image: url(https://25757866.fs1.hubspotusercontent-eu1.net/hubfs/25757866/Knowledge%20Base%20Import/Headers_and_Banners/EKB_MainKB_Header-Top_Still_Image_Courtyard_Frangipani_V6_670x187.jpg); */
  
  background-size: cover;
  height: 380px; /*543px;*/
  position: relative; /*center*/ 
  text-align: center;
  width: 100%;  
}

.hero-ekb-lumioncloud {
  /*peterm: 03112025 adding own EKB Downloads KB to be more aware in Downloads banner image for background of Search header*/
  background-image: url(https://25757866.fs1.hubspotusercontent-eu1.net/hubfs/25757866/Knowledge%20Base%20Import/Headers_and_Banners/EKB_LumionCloud_Header_Still_Image_Courtyard_Frangipani_V3_1920x543.jpg);
   
  background-size: cover;
  height: 434px; /*366px*/
  position: relative;
  text-align: center;
  width: 100%;
}

.hero-ekb-lumionview {
  /*peterm: 03112025 adding own EKB Downloads KB to be more aware in Downloads banner image for background of Search header*/
  background-image: url(https://25757866.fs1.hubspotusercontent-eu1.net/hubfs/25757866/Knowledge%20Base%20Import/Headers_and_Banners/EKB_LumionView_Header_Still_Image_Courtyard_Frangipani_V3_1920x543.jpg);
   
  background-size: cover;
  height: 434px; /*366px*/
  position: relative;
  text-align: center;
  width: 100%;
}

.hero-ekb-resources {
  /*peterm: 03112025 adding own EKB Downloads KB to be more aware in Downloads banner image for background of Search header*/
  background-image: url(https://25757866.fs1.hubspotusercontent-eu1.net/hubfs/25757866/Knowledge%20Base%20Import/Headers_and_Banners/EKB_Resources_Header_Still_Image_Courtyard_Frangipani_V3_1920x543.jpg);
   
  background-size: cover;
  height: 434px; /*366px*/
  position: relative;
  text-align: center;
  width: 100%;
}

.detail-strip {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 0;
  background: #0000006b;
  text-align: center;
  color: #fff;
  font-size: 1.1em;
}

.detail-strip p {
  margin: 10px 0;
}
.detail-strip .submit-a-request {
  margin-left: 8px;
}

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

.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;
}

.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::before {
  content: "\1F512";
  font-size: 20px;
  position: relative;
  left: -5px;
  vertical-align: baseline;
}

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

@media (min-width: 768px) {
  .sub-nav {
    align-items: center;
    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;
  margin: 0 -8px;
}

.blocks-item {
  border: 3px solid #e8e8e8;
  border-radius: 8px;
  box-sizing: border-box;
  color: var(--color-brand-primary);
  display: flex;
  flex: 1 0 200px;
  flex-direction: column;
  justify-content: center;
  margin: 0 8px 20px;
  max-width: 100%;
  text-align: center;
}

.categories {
  border: none;
  border-radius: 8px;
}

/* .blocks-item:hover,
.blocks-item:focus,
.blocks-item:active {
  background-color: var(--color-brand-primary);
} */

.block-hover-icon,
.blocks-item:hover .block-icon,
.blocks-item:focus .block-icon,
.blocks-item:active .block-icon {
  display: none;
}

.blocks-item:hover .block-hover-icon,
.blocks-item:focus .block-hover-icon,
.blocks-item:active .block-hover-icon {
  display: inline-block;
  margin: 0 auto;
}

.blocks-item:hover *,
.blocks-item:focus *,
.blocks-item:active * {
  /* color: var(--color-brand-primary); */
  text-decoration: none;
}

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

.blocks-item-internal .icon-lock::before {
  content: "\1F512";
  font-size: 15px;
  bottom: 5px;
  position: relative;
}

.blocks-item-internal a {
  color: var(--color-text);
}

.blocks-item-link {
  color: var(--color-text-brand);
  padding: 30px 9px;
  word-break: break-word;
}

.categories .blocks-item-link {
  color: var(--color-brand-primary);
  padding-left: 5px;
  padding-right: 5px;
}

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

.blocks-item-title {
  color: var(--color-brand-primary);
  font-family: var(--font-heading-medium), sans-serif;
  margin-bottom: 0;
  /* margin-top: 1rem; */
}

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

.custom > i,
.custom .svg-inline--fa {
  font-size: 4.5em;
  margin-bottom: 10px;
}

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

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

.section h2 {
  margin-bottom: 10px;
  text-align: center;
}

.welcome-message-text {
  display: none;
  margin: 0 auto 20px;
}

@media (min-width: 480px) {
  .welcome-message-text {
    display: block;
    max-width: 85%;
  }
}

.welcome-message {
  color: #ffffff;
  font-weight: 300;
}

.welcome-message-title {
  font-family: var(--font-heading-medium), sans-serif;
  font-size: 3em;
  line-height: initial;
  margin-bottom: 10px;
}

@media (min-width: 580px) {
  .welcome-message-title {
    font-size: 3.5em;
  }
}

.search-full input[type="search"] {
  border-radius: 5px;
  padding-left: 20px;
  padding-right: 40px;
  height: 50px;
  font-size: 1.25em;
  /* background-color: *#0000009e; */
  color: #fff;
  font-weight: 500;
  margin-bottom: 12px;
}

.search-full input[type="submit"] {
  font-weight: 500;
  text-transform: uppercase;
}

.search.search-full::before {
  background-color: transparent;
  color: #fff;
  left: auto;
  right: 20px;
  font-size: 25px;
  display: none;
}

.categories {
  padding-top: 25px;
}

.activities {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding-top: 30px;
}

.activities .articles,
.activities .activity {
  flex: 1 0 50%;
  justify-content: flex-start;
  text-align: center;
}

.activities .activity {
  border-top: 0;
  padding-top: 0;
  margin-top: 50px;
}

.activities .articles h2,
.activities .activity h2 {
  font-size: 22px;
  /* font-weight: 600; */
  color: #fff;
  display: inline-block;
  padding: 3px 18px;
  text-transform: capitalize;
}

.activities .articles h2 {
  background-color: #7dd27d;
}
.activities .recent-activity-header {
  background-color: #5fcbd9;
}

@media (min-width: 920px) {
  .activities .activity {
    margin-top: 0;
  }
}

/***** Promoted articles *****/
.promoted-articles {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style-type: disc;
  padding-left: 18px;
}

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

.promoted-articles-item {
  flex: 1 0 100%;
}
.promoted-articles-item a {
  color: var(--color-text);
}

.activities .promoted-articles-item a {
  border-bottom: solid 1px #ddd;
  display: block;
  padding: 10px 0;
}

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

.community-image {
  min-height: 300px;
  background-image: url($community_image);
  background-position: center;
  background-repeat: no-repeat;
  max-width: 100%;
  margin-bottom: 20px;
}

/***** Recent activity *****/
.recent-activity-header {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
}

.recent-activity-list {
  list-style-type: disc;
  padding: 0;
  list-style-position: inside;
  text-align: left;
}

.recent-activity-item {
  overflow: auto;
  padding: 5px 0;
}

.recent-activity-item-time,
.recent-activity-item-parent {
  display: none;
}

.recent-activity-item-parent,
.recent-activity-item-link {
  margin: 6px 0;
  color: var(--color-text);
  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;
}
.recent-activity-item-meta {
  display: inline-block;
  margin: 0;
  float: none;
}

.recent-activity-item-comment {
  color: lighten(var(--color-text), 20%);
  display: inline-block;
  font-size: 13px;
}

.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-item-comment span::before {
  color: var(--color-brand-primary);
  content: "\1F4AC";
  display: inline-block;
  font-size: 15px;
  padding-right: 3px;
  vertical-align: middle;
}

[dir="rtl"] .recent-activity-item-comment span::before {
  padding-left: 3px;
}

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

/***** Category pages *****/
.category-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  flex-direction: column;
}

.category-content {
  margin-top: 20px;
}
.sidebar,
.category-content {
  flex: 1;
}

.hc-category-list a.active {
  background-color: var(--color-brand-primary);
  color: white;
  text-decoration: none;
  font-weight: 800;
}

.hc-category-list a:hover {
  text-decoration: none;
  background-color: var(--color-brand-secondary);
  color: var(--color-brand-primary);
  font-weight: 800;
}

.hc-category-list a {
  word-break: break-word;
  display: block;
  border: solid 1px var(--color-brand-primary);
  margin-top: -1px;
  padding: 12px 20px;
  text-transform: capitalize;
}

.article-container .collapsible-sidebar,
.section-container .collapsible-sidebar,
.category-container .collapsible-sidebar {
  max-height: 44px;
  padding: 0;
}

.collapsible-sidebar-title.menu-title::after {
  right: 20px;
}
.collapsible-sidebar-title.menu-title {
  border: solid 1px var(--color-brand-primary);
  padding: 10px 20px;
  margin-bottom: -1px;
}

@media (min-width: 1024px) {
  .menu-title {
    display: none;
  }
  .category-container {
    flex-direction: row;
  }
  .hc-category-list > li:first-child > a {
    margin-top: 1px;
  }

  .category-content {
    flex: 0 0 75%;
    margin-top: 0;
  }

  .collapsible-sidebar.sidebar {
    flex: 0 0 25%;
    padding-right: 30px;
    max-height: none;
  }
}

.section-tree {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

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

.section-tree .section {
  flex: initial;
}

@media (min-width: 768px) {
  .section-tree .section {
    flex: 0 0 45%;
    /* Two columns for tablet and desktop. Leaving 5% separation between columns */
  }
}

.section-tree .icon-lock::before {
  vertical-align: baseline;
}

.section-tree-title a {
  color: var(--color-text);
}
.section-tree .see-all-articles {
  display: block;
  padding: 15px 0;
}

.article-list {
  list-style-type: disc;
  padding-left: 18px;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}

.article-list-item {
  flex: 1 0 420px;
  padding: 5px 0;
  max-width: 100%;
}

.icon-star {
  vertical-align: bottom;
}
.icon-star::before {
  color: var(--color-brand-primary);
}
.article-list-item a {
  color: var(--color-text);
}

/***** Section pages *****/
.section-container {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  margin-top: 10px;
}

.section-content {
  flex: 1;
  margin-top: 20px;
}

@media (min-width: 1024px) {
  .section-container {
    flex-direction: row;
  }
  .section-content {
    flex: 0 0 75%;
    margin-top: 0;
  }
}

.section-subscribe .dropdown-toggle::after {
  display: none;
}

/***** Article *****/
article.blog-post {
  /*
  * The article grid is defined this way to optimize readability:
  * Sidebar | Content | Free space
  * 17%     | 66%     | 17%
  */
  flex: 1 0 auto;
  margin-top: 15px;
}

@media (min-width: 1024px) {
  article.blog-post {
    flex: 1 0 75%;
    max-width: 75%;
    min-width: 640px;
    margin-top: 0;
  }
}

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

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

.article-header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-top: 20px;
}

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

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

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

.article-title .icon-lock::before {
  content: "\1F512";
  font-size: 20px;
  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-info {
  max-width: 100%;
}

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

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

[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 a:visited {
  color: darken(var(--color-link), 20%);
}

.article-body td {
  border: solid 1px #ededed;
  padding: 6px 12px;
}

.table-responsive {
  max-width: 100%;
  overflow: auto;
}

.article-body code {
  background: darken(var(--color-background), 3%);
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.article-body pre {
  background: darken(var(--color-background), 3%);
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.article-body blockquote {
  border-left: 1px solid #ddd;
  color: lighten(var(--color-text), 20%);
  font-style: italic;
  padding: 0 15px;
}

.article-body > p:last-child {
  margin-bottom: 0;
}

.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: lighten(var(--color-text), 20%);
  font-weight: 300;
}

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

.article-comment-count .icon-comments {
  color: var(--color-brand-primary);
  content: "\1F4AC";
  display: inline-block;
  font-size: 18px;
  padding: 5px;
}

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

@media (min-width: 1024px) {
  .article-sidebar {
    border: 0;
    flex: 0 0 20%;
    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 auto;
  margin-right: 0;
}

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

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

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

.article-vote {
  background: transparent;
  border: 1px solid var(--color-brand-primary);
  color: var(--color-brand-primary);
  margin: 10px 5px;
  min-width: 90px;
  width: auto;
}

.article-vote::before {
  font-size: 8px;
  margin-right: 10px;
}

[dir="rtl"] .article-vote::before {
  margin-right: 0;
  margin-left: 10px;
}

.article-vote::after {
  content: attr(title);
  /* Yes/No label*/
}

.article-vote:focus,
.article-vote:active {
  background-color: transparent;
  color: var(--color-brand-primary);
}

.article-vote:hover {
  background-color: var(--color-brand-primary);
}

.article-vote:hover::before,
.article-vote:hover::after,
.article-vote[aria-selected="true"]::before,
.article-vote[aria-selected="true"]::after {
  color: var(--color-text-brand);
}

.article-vote-up::before {
  content: "\2713";
}

.article-vote-down::before {
  content: "\2715";
}

.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: var(--color-text);
  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-arrow-up::before {
  font-size: 16px;
  margin-left: 5px;
}

[dir="rtl"] .article-return-to-top .icon-arrow-up::before {
  margin-right: 10px;
}

.article-unsubscribe {
  background-color: var(--color-brand-primary);
  color: var(--color-text-brand);
  text-decoration: none;
}

.article-unsubscribe:hover {
  background-color: darken(var(--color-brand-primary), 20%);
  border-color: darken(var(--color-brand-primary), 20%);
}

.sidenav-title {
  font-size: 15px;
  position: relative;
  padding-left: 10px;
}

.sidenav-item {
  color: var(--color-text);
  display: block;
  padding: 10px;
}

@media (min-width: 1024px) {
  .sidenav-title {
    padding-left: 0;
  }
  .sidenav-item {
    border-radius: 4px;
    margin-bottom: 10px;
  }
}

.sidenav-item.current-article,
.sidenav-item:hover {
  background-color: var(--color-brand-primary);
  color: var(--color-text-brand);
  text-decoration: none;
}

.recent-articles h3,
.related-articles h3 {
  font-size: 15px;
  margin: 20px 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::before {
  color: var(--color-text);
  content: "\1F4CE";
  font-size: 15px;
  left: 0;
  position: absolute;
  top: 5px;
}

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

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

.upload-dropzone span {
  color: lighten(var(--color-text), 20%);
}

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

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

.share a {
  border-radius: 50%;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  width: 25px;
}

.share a::before {
  color: lighten(var(--color-text), 20%);
  display: block;
  font-size: 23px;
  text-align: center;
  width: 100%;
}

.share a:hover {
  text-decoration: none;
}

.share a:hover::before {
  color: var(--color-brand-primary);
}

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

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

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

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

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

.comment-heading {
  margin-bottom: 5px;
  margin-top: 0;
}

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

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

.comment-callout {
  color: lighten(var(--color-text), 20%);
  display: inline-block;
  font-size: 13px;
  margin-bottom: 0;
}

.comment-callout a {
  color: var(--color-brand-primary);
}

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

.comment-sorter a {
  color: lighten(var(--color-text), 20%);
  font-size: 13px;
  text-decoration: none;
}

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

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

.comment-wrapper.comment-official {
  border: 1px solid var(--color-brand-primary);
  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: var(--color-brand-primary);
}

.comment-body {
  hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  /* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; */
  font-family: var(--font-contents-light), sans-serif;
  line-height: 1.6;
}

.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: darken(var(--color-link), 20%);
}

.comment-body code {
  background: darken(var(--color-background), 3%);
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.comment-body pre {
  background: darken(var(--color-background), 3%);
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.comment-body blockquote {
  border-left: 1px solid #ddd;
  color: lighten(var(--color-text), 20%);
  font-style: italic;
  padding: 0 15px;
}

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

/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
  display: inline-block;
  text-align: center;
  width: 35px;
}

.vote a {
  outline: none;
}

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

.vote-sum {
  color: lighten(var(--color-text), 20%);
  display: block;
  margin: 3px 0;
}

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

.vote-up:hover::before,
.vote-down:hover::before {
  color: var(--color-brand-primary);
}

.vote-up::before,
.vote-down::before {
  color: lighten(var(--color-text), 20%);
  font-size: 24px;
}

.vote-up::before {
  content: "\2B06";
}

.vote-down::before {
  content: "\2B07";
}

.vote-voted::before {
  color: var(--color-brand-primary);
}

.vote-voted:hover::before {
  color: darken(var(--color-brand-primary), 20%);
}

/***** 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 .dropdown-toggle {
  font-size: 0;
  margin: 15px 0;
}

.actions .dropdown-toggle:hover::before,
.actions .dropdown-toggle:focus::before,
.actions .dropdown-toggle:active::before {
  background-color: darken(var(--color-background), 3%);
}

.actions .dropdown-toggle::before {
  background-color: transparent;
  border-radius: 50%;
  color: lighten(var(--color-text), 20%);
  content: "\2699";
  display: block;
  font-size: 13px;
  margin: auto;
  padding: 5px;
}

/***** Community *****/
.community-hero {
  background-image: url(/hc/theming_assets/01HZPJHE6FAFA8MR87JTFZCQW5);
}

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

.community-relatives {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-top: 30px;
  padding-bottom: 50px;
  flex-direction: column;
  border-bottom: solid 1px #ddd;
}

.community-featured-posts {
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .community-relatives {
    flex-direction: row;
  }
  .community-featured-posts {
    margin-bottom: 0;
  }
}

.community-featured-posts,
.community-activity {
  flex: 1 0 50%;
}

.community-header h4 {
  margin-bottom: 0;
}
.community-header {
  margin-bottom: 0;
  padding-bottom: 15px;
}

.post-to-community {
  margin-top: 10px;
}
.post-to-community.page-header-item {
  margin-top: 0;
}

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

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

.topics .blocks-item {
  flex: 1 0 350px;
}

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

.topics .blocks-item-link {
  color: var(--color-brand-primary);
  padding: 20px 30px;
}

.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 .dropdown {
  width: 100%;
}

.community-follow [role="button"] {
  line-height: 30px;
  padding: 0 40px 0 15px;
  position: relative;
  width: auto;
}

@media (min-width: 768px) {
  .community-follow [role="button"] {
    padding: 0 10px 0 15px;
  }
}

.community-follow [role="button"]:hover {
  background-color: var(--color-brand-primary);
}

.community-follow [role="button"]:hover::after,
.community-follow [role="button"]:focus::after {
  border-color: var(--color-text-brand);
  color: var(--color-text-brand);
}

.community-follow [role="button"][aria-selected="true"] {
  background-color: var(--color-brand-primary);
  color: var(--color-text-brand);
}

.community-follow [role="button"][aria-selected="true"]::after {
  border-left: 1px solid var(--color-text-brand);
  color: var(--color-text-brand);
}

.community-follow [role="button"][aria-selected="true"]:hover {
  background-color: darken(var(--color-brand-primary), 20%);
  border-color: darken(var(--color-brand-primary), 20%);
}

.community-follow [role="button"]::after {
  border-left: 1px solid var(--color-brand-primary);
  content: attr(data-follower-count);
  color: var(--color-brand-primary);
  display: inline-block;
  /* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; */
  font-family: var(--font-heading-light), sans-serif;
  margin-left: 15px;
  padding-left: 10px;
  position: absolute;
  right: 10px;
}

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

[dir="rtl"] .community-follow [role="button"]::after {
  border-left: 0;
  border-right: 1px solid var(--color-brand-primary);
  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: var(--color-link);
  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: darken(var(--color-link), 20%);
}

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

.striped-list-count {
  color: lighten(var(--color-text), 20%);
  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 {
  text-align: center;
}

@media (min-width: 768px) {
  .striped-list-number {
    color: var(--color-text);
    display: block;
  }
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
  background-color: #1eb848;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  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: var(--color-brand-primary);
}

.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-pending,
.status-label-not-planned {
  background-color: #eee;
  color: lighten(var(--color-text), 20%);
}

.status-label-pending {
  text-align: center;
}

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

.status-label-closed {
  background-color: #ddd;
}

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

.status-label-new {
  background-color: #ffd12a;
}

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

.status-label-open,
.status-label-closed,
.status-label-solved,
.status-label-new,
.status-label-hold,
.status-label-answered {
  text-transform: lowercase;
}

/***** 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: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; */
  /* font-family: 'sohne-leicht', 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: darken(var(--color-link), 20%);
}

.post-body code {
  background: darken(var(--color-background), 3%);
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.post-body pre {
  background: darken(var(--color-background), 3%);
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.post-body blockquote {
  border-left: 1px solid #ddd;
  color: lighten(var(--color-text), 20%);
  font-style: italic;
  padding: 0 15px;
}

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

.post-comment-count {
  color: lighten(var(--color-text), 20%);
  font-weight: 300;
}

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

.post-comment-count .icon-comments {
  color: var(--color-brand-primary);
  content: "\1F4AC";
  display: inline-block;
  font-size: 18px;
  padding: 5px;
}

.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 h5 {
  font-weight: 600;
}

@media (min-width: 1024px) {
  .post-sidebar h5 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
  }
}

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

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

/* Navigation element that collapses on mobile */
.collapsible-nav {
  border-top: 1px solid #ededed;
  flex-direction: column;
  max-height: 45px;
  overflow: hidden;
  font-size: 14px;
}

@media (min-width: 768px) {
  .collapsible-nav {
    border: 0;
    border-bottom: solid 1px #ededed;
    height: auto;
    flex-direction: row;
    max-height: none;
  }
}

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

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

.collapsible-nav-list li {
  color: var(--color-text);
  line-height: 45px;
  order: 1;
}

.collapsible-nav-list li a {
  color: var(--color-text);
  display: block;
  border: solid 1px #ededed;
  margin-top: -1px;
  padding: 0 15px;
}

@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;
    border: none;
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .collapsible-nav-list li:hover {
    border-bottom: 4px solid #ededed;
  }
  .collapsible-nav-list li:hover a {
    padding: 15px 0 11px 0;
    text-decoration: none;
  }
}

.collapsible-nav-list li[aria-selected="true"] {
  background-color: var(--color-brand-primary);
  color: var(--color-text-brand);
  order: 0;
  padding: 0 15px;
  position: relative;
  font-weight: 500;
}

@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected="true"] {
    background-color: transparent;
    border-bottom: 4px solid var(--color-brand-primary);
    color: var(--color-text);
    order: 1;
    padding: 15px 0 11px 0;
  }
}

.collapsible-nav-list li[aria-selected="true"] a {
  color: var(--color-text);
}

.collapsible-nav-list li[aria-selected="true"]::after {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  content: "\25BE";
  position: absolute;
  right: 15px;
}

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

[dir="rtl"] .collapsible-nav-list li[aria-selected="true"]::after {
  left: 0;
  right: auto;
}

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

.collapsible-nav[aria-expanded="true"] li[aria-selected="true"]::after {
  content: "\2715";
}

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

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

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

.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after {
  content: "\2715";
}

@media (min-width: 1024px) {
  .collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after {
    display: none;
  }
}

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

.collapsible-sidebar-title::after {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  content: "\25BE";
  position: absolute;
  right: 10px;
}

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

[dir="rtl"] .collapsible-sidebar-title::after {
  left: 10px;
  right: auto;
}

/***** My activities *****/
.my-activities-nav {
  border: 0;
  margin-bottom: 20px;
  margin-top: 20px;
}

.my-activities-header > h1 {
  display: none;
}

@media (min-width: 768px) {
  .my-activities-header > h1 {
    display: block;
  }
  .my-activities-nav {
    margin-top: 0;
  }
}

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

@media (min-width: 768px) {
  .my-activities-sub-nav li:hover {
    border-bottom: 4px solid #ededed;
  }
}

.my-activities-sub-nav li[aria-selected="true"] {
  border-color: var(--color-brand-primary);
}

.my-activities-table .striped-list-title {
  /* My activities tables */
  display: block;
  margin-bottom: 0;
  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;
  }
}

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

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

.requests-table-toolbar .organization-unsubscribe {
  background-color: var(--color-brand-primary);
  color: var(--color-text-brand);
}

.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;
}

@media (min-width: 768px) {
  .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 */
.subscriptions-unsubscribe a {
  background: var(--color-brand-primary);
  border-radius: 4px;
  color: var(--color-text-brand);
  display: inline-block;
  font-size: 12px;
  line-height: 2.34;
  padding: 0 20px;
  text-align: center;
  width: 100%;
}

@media (min-width: 768px) {
  .subscriptions-unsubscribe a {
    width: auto;
  }
}

.subscriptions-unsubscribe a:hover {
  background-color: darken(var(--color-brand-primary), 20%);
  text-decoration: none;
}

.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: lighten(var(--color-text), 20%);
  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: lighten(var(--color-text), 20%);
}

/***** 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;
  cursor: pointer;
  display: flex;
  padding: 8px 15px;
  width: 100%;
}

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

.request-main .comment-show-container-content {
  align-self: center;
  color: lighten(var(--color-text), 20%);
  margin-left: 10px;
}

.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 var(--color-brand-primary);
}

.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 var(--color-brand-primary);
}

.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: 1px solid #ededed;
  flex: 1 0 auto;
  order: 0;
  padding: 10px 0 10px 10px;
  margin-bottom: 5px;
}

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

.request-sidebar h5 {
  font-size: 15px;
  font-weight: 600;
  position: relative;
  margin-bottom: 11px;
}

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

@media (min-width: 1024px) {
  .request-details {
    border-top: none;
  }
  .request-sidebar h5 {
    display: none;
  }
}

.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: lighten(var(--color-text), 20%);
  font-weight: 600;
  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 * {
  display: inline-block;
}
.pagination li {
  border-radius: 50%;
  height: 30px;
  float: left;
  margin-left: 5px;
  width: 30px;
}

[dir="rtl"] .pagination li {
  float: right;
}

.pagination li:hover:not(.pagination-current) {
  background-color: #f3f3f3;
}

.pagination li:hover:not(.pagination-current) span,
.pagination li:hover:not(.pagination-current) a {
  color: var(--color-text);
  text-decoration: none;
}

.pagination a,
.pagination span {
  font-size: 13px;
  color: lighten(var(--color-text), 20%);
  padding: 5px 12px;
}

.pagination-current {
  background-color: var(--color-brand-primary);
}

.pagination-current a,
.pagination-current span {
  color: white;
}

.pagination-first {
  border-radius: 3px 0 0 3px;
}

[dir="rtl"] .pagination-first {
  border-radius: 0 3px 3px 0;
}

.pagination-last {
  border-radius: 0 3px 3px 0;
}

[dir="rtl"] .pagination-last {
  border-radius: 3px 0 0 3px;
}

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

.meta-group * {
  display: inline;
}

.meta-data {
  color: lighten(var(--color-text), 20%);
  font-size: 13px;
}

.meta-data:not(:last-child)::after {
  content: "\00B7";
  margin: 0 5px;
}

/***** Icons *****/

.categories-icons {
  color: var(--color-header-background);
  font-size: 1.5em;
  margin: 0px 10px -2px 0px;
}

[class^="icon-"]::before,
[class*=" icon-"]::before,
.icon,
.search::before,
.recent-activity-item-comment span::before,
.article-vote::before,
.attachments .attachment-item::before,
.share a::before,
.vote-up::before,
.vote-down::before,
.actions .dropdown-toggle::before,
.collapsible-nav-list li[aria-selected="true"]::after,
.collapsible-sidebar-title::after,
.search-result-votes::before,
.search-result-meta-count::before {
  font-family: "copenhagen-icons";
  font-style: normal;
  font-weight: normal;
  /* speak: none; */
  line-height: 1em;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}

.icon-lock::before {
  content: "\1F512";
}

.icon-star::before {
  content: "\2605";
}

.icon-linkedin::before {
  content: "\e900";
}

.icon-twitter::before {
  content: "\e901";
}

.icon-googleplus-::before {
  content: "\e902";
}

.icon-facebook::before {
  content: "\e903";
}

.icon-agent::before {
  content: "\1F464";
}

.icon-close::before {
  content: "\2715";
}

.icon-arrow-up::before {
  content: "\2B06";
}

.icon-arrow-down::before {
  content: "\2B07";
}

.icon-attachments::before {
  content: "\1F4CE";
}

.icon-comments::before {
  content: "\1F4AC";
}

.icon-search::before {
  content: "\1F50D";
}

.icon-vote::before {
  content: "\1F44D";
}

.icon-handle::before {
  content: "\25BE";
}

.icon-check::before {
  content: "\2713";
}

.icon-gear::before {
  content: "\2699";
}

.icon-menu::before {
  content: "\2630";
}

.icon-article::before {
  content: "\1F4C4";
}

.icon-post::before {
  content: "\1F4D4";
}

.icon-notification-alert::before {
  content: "\26A0";
}

.icon-notification-error::before {
  content: "\00D7";
}

.icon-notification-info::before {
  content: "\2139";
}

.icon-notification-success::before {
  content: "\2714";
}

/* User Profiles */

.profile-header {
  padding: 30px 0;
}
.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: 65px;
  height: 65px;
}

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

.profile-header .basic-info {
  hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: 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;
}

.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;
  }
}

.profile-header .options [data-action="edit-profile"] {
  background-color: var(--color-brand-primary);
  border: 0;
  color: var(--color-text-brand);
  line-height: normal;
  padding: 8px 20px;
}

.profile-header .description {
  hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: 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: lighten(var(--color-text), 20%);
  font-weight: 600;
  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 var(--color-brand-primary);
  border-radius: 4px;
  color: var(--color-brand-primary);
  padding: 5px 20px;
  font-size: 12px;
  text-align: center;
}

.profile-private-badge::after {
  content: "\1f512";
  margin-left: 5px;
  font-family: "copenhagen-icons";
  vertical-align: middle;
  line-height: 15px;
}

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

.profile-nav {
  background-color: darken(var(--color-background), 5%);
  border: 0;
  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: lighten(var(--color-text), 20%);
  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;
}
[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-contribution {
  hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: 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-list > .profile-contribution::before {
  left: 0;
  position: absolute;
  font-size: 16px;
  color: #ccc;
  font-family: "copenhagen-icons";
  line-height: 25px;
}

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

.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;
}

.profile-section .private-activity::before {
  content: "\1f512";
  font-family: "copenhagen-icons";
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  vertical-align: middle;
  margin-right: 10px;
}

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

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

@media (min-width: 768px) {
  .profile-activity-list {
    padding-left: 7px;
  }
}

.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 {
  hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: 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;
  border: solid 1px var(--color-brand-primary);
}

@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::before {
  position: absolute;
  left: 0;
  width: 28px;
  border-radius: 50%;
  content: "";
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-color: var(--color-background);
  background-position: 50% 50%;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  color: var(--color-brand-primary);
  font-family: "copenhagen-icons";
}

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

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

.profile-articles > .profile-contribution::before,
.profile-activity-list > li[class$="-article"]::before {
  content: "\1f4c4";
}

.profile-posts > .profile-contribution::before,
.profile-activity-list > li[class$="-post"]::before {
  content: "\1f4d4";
}

.profile-comments > .profile-contribution::before,
.profile-activity-list > li[class$="-comment"]::before {
  content: "\1f4ac";
  line-height: 35px;
}

/***** 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 45%;
  }
}

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

.search-results-list > li {
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}

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

.search-result-description {
  margin-top: 15px;
}

.search-result-votes,
.search-result-meta-count {
  color: lighten(var(--color-text), 20%);
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  padding: 4px 5px;
  position: relative;
}

.search-result-votes::before,
.search-result-meta-count::before {
  color: var(--color-brand-primary);
}

[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-votes::before {
  content: "\1F44D";
}

.search-result-meta-count::before {
  content: "\1F4AC";
}

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

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

.breadcrumbs.search-result-breadcrumbs li,
.breadcrumbs.profile-contribution-breadcrumbs li {
  color: var(--color-text);
  font-size: 13px;
  font-weight: 400;
}

.breadcrumbs.search-result-breadcrumbs li a,
.breadcrumbs.profile-contribution-breadcrumbs li a {
  color: var(--color-link);
  font-weight: 400;
}

.search-result-breadcrumbs li:last-child::after {
  content: "·";
  display: inline-block;
  margin: 0 5px;
}

.hide {
  display: none;
}

/********************************************************************************************************************************/
/********************************************************************************************************************************/
/********************************************************************************************************************************/
/***************************************************** LUMION MODIFICATIONS *****************************************************/
/********************************************************************************************************************************/
/********************************************************************************************************************************/
/********************************************************************************************************************************/

/***** Articles: 1 pixel border + margins for images in body *****/

/*****peterm: 120222026 retry again affect size of images: see class in Lumion changes section *****/
/*
.article-body img {
  height: auto;
  max-width: 100%;
}
*/

.article-body img {
  outline: 1px solid black;
  outline-offset: -1px; /* made to work for rounded corners */
  margin-top: -8px;
  margin-bottom: 8px;
  /* with antialiasing */
  /* box-shadow: 0 0 1px 0px white inset, 0 0 1px 0px white; */
  box-shadow: 0 0 1px 0 black inset, 0 0 1px 0 black;
  
  height: auto;
  max-width: 100%;
  width: auto !important;

}

.article-body p {
  margin-bottom: 0px;
}

/***** Articles: No border for images in body with this class *****/
.Image_BorderOff {
  outline: 0px !important;
  box-shadow: 0 0 0 0, 0 0 0 0 !important;
}

/***** Articles: Body text: Blue text links *****/
.article-body a:link,
.article-body a:visited {
  color: #2b5486;
  font-weight: bold !important;
}

/***** Articles: Body text: Blue text links *****/
.article-body a:hover,
.article-body a:active {
  color: #b8d7ec !important;
  font-weight: bold !important;
}

/***** Articles: Body text: Line height *****/
.article-body {
  line-height: 150%;
}

/***** Disable black border for images with this class assignment *****/
.Image_BorderOff_NoMargin {
  margin-bottom: -16px !important;
  outline: 0px !important;
}

/***** Articles: YouTube videos -> Responsive scaling *****/
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  border-radius: 8px;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 6px;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

/***** Formatting for class for special words in articles (Currently unused) ****/
.wysiwyg-color-green110 {
  color: #707070;
  font-style: italic;
  font-weight: 600 !important; /*500*/ /*700 is very clear but perhaps too strong and the word types and ovebearing a little, gone to 600*/
}

/*peterm: 24102025 add in new HubSpot Lumion Phrase class by using the strikethrough and then Find-Replace in HTML-Inspect*/
.hs_style_lumionPhrase {
  color: #707070;
  font-style: italic;
  font-size: 26px;
  font-weight: 800 !important; /*500*/ /*800 interim test for HS _700 is very clear but perhaps too strong and the word types and ovebearing a little, gone to 600*/
}  

/***** Formatting for class for white words in articles****/
.wysiwyg-color-white {
  color: #ffffff;
}

/***** Header *****/
.header {
  height: 79px;
  transition: height 0.4s linear;
}

@media only screen and (max-width: 919px) {
  .header {
    height: 50px;
    transition: height 0.4s linear;
  }
}

@media only screen and (max-width: 919px) {
  .header .logo {
    width: 125px;
    /* height: 22.05px; */
    /* margin-top: -32px; */
  }
}

/***** Top navigation menu: properties *****/
.user-nav a {
  font-size: 16px;
  /* color: white; */
  font-weight: 200 !important;
  font-style: normal !important;
  /* font-family: acumin-pro, sans-serif !important; */
}

/***** Top navigation menu: Text link on hover *****/
.nav-wrapper a:hover,
.nav-wrapper a:focus,
.nav-wrapper a:active {
  text-decoration: none !important;
  color: #fff !important;
}

.nav-wrapper a.login,
.nav-wrapper a.login:hover {
  display: none !important;
}

a.topmenubutton {
  padding: 26px 20px;
}

a.topmenubutton_supportandlearning {
  padding: 6px 10.75px 4px 10.75px;
  border-bottom: 2px solid #aaaaaa;
  font-weight: 600 !important;
  color: #fff;
}

@media only screen and (max-width: 919px) {
  a.topmenubutton_supportandlearning {
    border-bottom: none;
    font-weight: normal !important;
  }
}

/***** Header: Lumion navigation menu: Sub menu ****/
.topmenu_dropdown {
  /* position: relative; */
  display: inline-block;
  height: 35px;
  width: auto;
  min-width: 50px;
}

.topmenu_dropdown_content {
  display: none;
  left: 0;
  position: absolute;
  margin-top: 0px;
  background-color: var(--color-header-background);
  border-bottom: solid 0.5px #b8d6ed;
  border-top: solid 0.5px #b8d6ed;
  width: 100vw;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  padding: 16px 16px;
  z-index: 9999;
}

.topmenu_dropdown_content a {
  /* font-family: acumin-pro, sans-serif !important; */
  color: #b8d6ed;
  font-size: 18px !important;
  font-weight: 500;
  padding: 8px 16px;
  text-decoration: none;
  display: block;
  margin-left: 30px;
}

.topmenu_dropdown:hover .topmenu_dropdown_content {
  display: block;
}

.topmenu_dropdown_content a:hover {
  background-color: var(--color-header-background);
}

.topmenu-content-table {
  display: flex;
  flex-direction: row;
  margin: 30px 0;
}

.topmenu-content-table__column1 {
  flex: 1;
}

.topmenu-content-table__column2 {
  flex: 1;
}

.topmenu-content-table__column3 {
  flex: 2.6;
}

.topmenu-content-table__cell {
}

.topmenu-content-table__cell-title {
  font-family: var(--font-contents-strong);
}

.topmenu-content-table__description {
  font-size: 0.85rem;
  white-space: normal;
  line-height: 1rem;
  display: inline-block;
}

/***** User name button in top right corner ****/
.user-info .btn {
  background-color: rgba(255, 255, 255, 1) !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-color: #cccccc !important;
}

/***** User name button in top right corner: Hover ****/
.user-info .btn:hover {
  background-color: rgba(240, 240, 240, 1) !important;
}

/***** Login button in top right corner ****/
a.custom-login {
  padding: 4px 15px;
  font-size: 28px;
  color: #40758b;
}

/* @media only screen and (max-width: 919px) {
a.custom-login
  {
  visibility: hidden;
  word-spacing:-999px;
    letter-spacing: -999px; 
  }
} */

/* @media only screen and (max-width: 919px) {
a.custom-login:before
    {
  font-size: 18px;
  margin: 0px 0px 0px -4px !important;
  padding: 0px 0px !important;
    visibility: visible;
  word-spacing: normal;
    letter-spacing: normal; 
  content: "Account";
  }    
} */

/***** All headers should use Acumin Pro font *****/
/* h1,
h2,
h3,
h4,
h5,
h6,
h7,
h8,
h1 strong,
h2 strong,
h3 strong {
  font-family: acumin-pro, sans-serif !important;
  font-weight: 200 !important;
} */

h1 strong,
h2 strong,
h3 strong,
h6 strong {
  /* font-family: acumin-pro, sans-serif !important; */
  font-weight: 400 !important;
}

.article-body a {
  color: #666;
  /* font-family: acumin-pro, sans-serif !important; */
}

/***** Footer color should match brand color *****/
.footer-bottom {
  background-color: var(--color-brand-primary);
}

/***** Recent Activity header color changes *****/
.activities .activity h2,
.activities .articles h2 {
  background-color: white;
  color: var(--color-brand-primary);
}

/***** Hide 'Recent activity' comments icon on frontpage + 'Submit a request' entry in top navigation menu + 'Follow' toggle button + 'Promoted article' icon + article author + search result article author + search button *****/
.recent-activity-item-comment,
.submit-a-request,
.section-subscribe,
.section-unsubscribe,
.article-subscribe,
.article-unsubscribe,
.icon-star,
.article-author,
.search-result .meta-group .meta-data,
.search-full input[type="submit"],
.search input[type="submit"] {
  display: none !important;
}

/***** Add shadow to welcome text *****/
/* .welcome-message-title {
  text-shadow: 2px 2px 5px black;
} */

/***** Remove shadow from search text *****/
.search input[type="search"],
.search-full input[type="search"] {
  text-shadow: none !important;
}

/***** Search field box -> Wider *****/
.search input[type="search"] {
  width: 100%;
}

/***** Search field box -> Border, shadow and transition *****/
.search-full input[type="search"],
.search input[type="search"]:focus {
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 10px black;
  transition: transform 0.5s;
  background-color: rgba(255, 255, 255, 0.85);
  color: #303030 !important;
}

/***** Search field box -> On hover -> Subtle scale transform *****/
.search-full:hover input[type="search"],
.search input[type="search"]:focus {
  transform: scale(1.025);
}

/***** Remove rounded corners from 'Search' button *****/
.button-large {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  box-shadow: 0px 0px 10px black;
  min-width: 80px;
  min-height: 50px;
  width: auto;
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}

.request-form input[type="submit"] {
  width: 100% !important;
}

/***** Search field box *****/
section.search-form {
  padding: 10px 0;
  position: relative;
  vertical-align: middle;
  width: 100px;
}

/***** Hide user activities and 'Have more questions? Submit a request' ****/
/***** a.submit-a-request, .submit-a-request parked here for later use ****/
a[href$="requests/new"],
.article-more-questions,
.my-activities,
#user-menu .my-activities,
.form-field.request_ticket_form_id {
  display: none !important;
}

/***** Category boxes -> Subtle border inset + transition time ****/
.blocks-item {
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  /* outline: 1px solid #cccccc; */
  /* outline-offset: -1px; */
}

/***** Category boxes -> On Hover -> Border + shadow along bottom ****/
.blocks-item:hover {
  border: solid 3px var(--color-brand-primary);
  /* -webkit-box-shadow: 0 8px 6px -6px #00000044; */
  /* -moz-box-shadow: 0 8px 6px -6px #00000044; */
  /* box-shadow: 0 8px 6px -6px #00000044; */
  /* transform: scale(1.05); */
  /* outline: 1px solid var(--color-brand-primary); */
}

/***** Category boxes -> Set text color to var(--color-brand-primary) and remove underline ****/
.blocks-item:hover *,
.blocks-item:focus *,
.blocks-item:active * {
  /* color: var(--color-brand-primary); */
  text-decoration: none;
}

/***** Category boxes -> Add more padding around text ****/
.blocks-item-description {
  padding: 10px 20px 0px 20px;
}

/***** Category boxes -> Hide text on mobile devices ****/
@media only screen and (max-width: 600px) {
  .blocks-item-description {
    display: none !important;
    padding: 0px;
  }
}

/***** Category boxes -> 2 rows of boxes on mobile devices with medium screen sizes ****/
@media only screen and (max-width: 600px) {
  .blocks-item {
    max-width: 45.75% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

/***** Category boxes -> 1 row of boxes on mobile devices with small screen sizes ****/
@media only screen and (max-width: 420px) {
  .blocks-item {
    max-width: 100% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

/***** Category icons -> Reduce icon size on mobile devices with small screen sizes ****/
@media only screen and (max-width: 420px) {
  .block-hover-icon,
  .blocks-item:hover .block-icon,
  .blocks-item:focus .block-icon,
  .blocks-item:active .block-icon,
  .blocks-item .block-icon {
    max-width: 30% !important;
  }
}

/***** Category selector in sidebar -> Fade color in/out on hover *****/
.hc-category-list a {
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  background: var(--color-brand-primary);
  color: #b8d7ec;
}

/* .hc-category-list a:hover {
  background: var(--color-brand-primary);
} */

/***** Article lists -> Make text links bold + use var(--color-brand-primary) + set font size ****/
.article-list-item a,
.recent-activity-item a,
.search-result a,
.promoted-articles-item a {
  color: var(--color-brand-primary);
  font-weight: bold;
  font-size: 15px !important;
}

/***** Article lists -> Promoted articles ****/
.activities .promoted-articles-item a {
  border-bottom: none;
  padding: 4px 0;
}

/***** Article lists -> Set category color to var(--color-brand-primary) ****/
.section-tree-title a {
  color: var(--color-brand-primary);
}

/****** DIMITRIS SUBSECTION STYLE************/
/***** Sub Section lists -> Set category bulletpoint ****/
.section-list-item a {
  color: var(--color-brand-primary);
  font-weight: bold;
  padding: 4px 4px;
}
/****** DIMITRIS SUBSECTION in SECTION PAGE************/
/***** Sub Section lists -> make visible as bullet point ****/
.article-list {
  list-style-type: disc;
  padding-left: 18px;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}


/***** Article lists -> Single column with rows ****/
.article-list-item {
  flex: 0 1 600px;
}

/***** Articles: Tables -> Border etc *****/
.table-responsive {
  /*  border: 1px solid #CCCCCC;
  width: 100%;*/
  border: 0px solid #888888 !important;
}

/***** Articles: Tables -> Border etc *****/
.table-responsive td {
  border: 1px solid #888888 !important;
}

/***** peterm 4/04/2024:  seems table itself class is no longer ehre, adding in *****/
/***** Articles: Tables -> Border 0etc *****/
.table-invisible {
  border: 0px solid #888888 !important;
}

/***** Articles: Tables -> Border 0etc *****/
.table-invisible td {
  border: 0px solid #888888 !important;
}

/***** Articles: Reduce space between article header and text *****/
.article-header {
  margin-bottom: -30px !important;
}
.article-header-small {
  margin-bottom: -5px !important;
}

/***** Search results in a single column *****/
@media (min-width: 1024px) {
  .search-results {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

/***** Footer -> Lumion logo text *****/
.footer-lumionlogotext {
  display: flex;
  flex-direction: column;
  flex: 1 0 180px;
  margin-bottom: 30px;
  font-size: 12px;
  line-height: 1.2;
  text-align: right;
  float: right;
}

/***** Footer -> Social media background colours *****/
/***** a.youtube {text-align: center; color: var(--color-brand-primary) !important; background-color: white;} *****/
/***** a.linkedin {color: var(--color-brand-primary) !important; background-color: white;} *****/
/***** a.facebook {color: var(--color-brand-primary) !important; background-color: white;} *****/
/***** a.twitter {color: var(--color-brand-primary) !important; background-color: white;} *****/
/***** a.instagram {color: var(--color-brand-primary) !important; background-color: white;} *****/

/***** Footer -> Social media icons -> Reset margin *****/
.share {
  margin-right: 0px !important;
  padding: 0px !important;
  font-size: 20px !important;
}

.share a {
  padding: 3px 0px 0px 0px !important;
  border-radius: 20%;
  height: 30px;
  line-height: 25px;
  overflow: hidden;
  width: 30px;
}

/***** Section headers -> Line below element ****/
.section-tree-title,
h2.recent-activity-header,
.activities .articles h2 {
  padding-bottom: 4px;
  border-bottom: 1px solid #eeeeee;
}

/***** Featured Articles + Recent Articles -> Left-alignment ****/
h2.recent-activity-header,
.activities .articles h2 {
  text-align: left;
  width: 100%;
}

/***** Footer -> Section headers -> Reset line height ****/
.footer-links h3 {
  padding-top: 10px;
  line-height: 0px;
}

/***** Footer -> Hide lowest part ****/
.footer-bottom {
  display: none;
}

/***** Category icons -> Accurate shapes/edges ****/
.blocks-item img {
  shape-rendering: geometricPrecision !important;
}

/***** Keyboard shortcuts ****/
kbd {
  display: inline-block;
  margin: 0 0.1em;
  padding: 0.1em 0.6em;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 11px;
  line-height: 1.4;
  color: #555555;
  /*text-shadow: 0 1px 0 #FFF; */
  background-color: #eeeeee;
  border: 1px solid #adb3b9;
  border-radius: 3px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
  white-space: nowrap;
  text-transform: uppercase;
}

/* CONTACT US BUTTONS */

/***** Contact Us buttons -> Hide text on mobile devices ****/
@media only screen and (max-width: 600px) {
  .supportbutton-item-description {
    display: none !important;
    padding: 0px;
  }
}

/***** Contact Us buttons -> Accurate shapes/edges ****/
.supportbutton-yeslicensekey,
.supportbutton-nolicensekey,
.supportbutton-downloadingandinstallinglumion,
.supportbutton-licensekeyquestions,
.supportbutton-importingmodels,
.supportbutton-allotherquestions,
.supportbutton-community,
.supportbutton-technicalsupport,
.supportbutton-customercare,
.supportbutton-forum,
.supportbutton-videotutorials,
.supportbutton-blogarticles,
.supportbutton-licensekeyquestions-customercare,
.supportbutton-purchasingpricespayments-customercare,
.supportbutton-educational-customercare,
.supportbutton-allotherquestions-customercare img {
  shape-rendering: geometricPrecision !important;
}

/***** Contact Us buttons -> Images ****/
.supportbutton-yeslicensekey {
  background: white
    url(https://theme.zdassets.com/theme_assets/2261067/6fbd55fa1a393218d1af6b9971335d038d6d5edc.svg)
    no-repeat;
}

.supportbutton-nolicensekey {
  background: white
    url(https://theme.zdassets.com/theme_assets/2261067/5f754c637ecdecda9b11ce2c540bc2a8d41629b6.svg)
    no-repeat;
}

.supportbutton-downloadingandinstallinglumion {
  background: white
    url(https://theme.zdassets.com/theme_assets/2261067/e2b9ad62c0881e5ef8be91ab6dbecf4d235e9aa4.svg)
    no-repeat;
}

.supportbutton-licensekeyquestions,
.supportbutton-licensekeyquestions-customercare {
  background: white
    url(https://theme.zdassets.com/theme_assets/2261067/1e24a72cef78dff6fb99f6cb2ffeefe6d4e97184.svg)
    no-repeat;
}

.supportbutton-importingmodels {
  background: white
    url(https://theme.zdassets.com/theme_assets/2261067/aa23908be9c0cc51c4c44c1d8e16ee25775ddadd.svg)
    no-repeat;
}

.supportbutton-allotherquestions,
.supportbutton-allotherquestions-customercare {
  background: white
    url(https://theme.zdassets.com/theme_assets/2261067/ad826091dd26f8543a19cd7db02a4347207502e0.svg)
    no-repeat;
}

.supportbutton-technicalsupport {
  background: white
    url(https://theme.zdassets.com/theme_assets/2261067/545bf2383b398736cb8d0aefc0d8fb761e2f56e6.svg)
    no-repeat;
}

.supportbutton-community {
  background: white
    url(https://theme.zdassets.com/theme_assets/2261067/48bcfa822fb107b64c6d29d1548ddcd1495639c1.svg)
    no-repeat;
}

.supportbutton-customercare {
  background: white
    url(https://theme.zdassets.com/theme_assets/2261067/d95f7a5feadb6f646a05a119f9d7af732314c188.svg)
    no-repeat;
}

.supportbutton-forum {
  background: white
    url(https://theme.zdassets.com/theme_assets/2261067/7d01334a6c99b26fe074da294502c2780e44cea0.svg)
    no-repeat;
}

.supportbutton-videotutorials {
  background: white
    url(https://theme.zdassets.com/theme_assets/2261067/6076f7523dd3464fed93943e0dd6569aeee60962.svg)
    no-repeat;
}

.supportbutton-blogarticles {
  background: white
    url(https://theme.zdassets.com/theme_assets/2261067/c18156ecf7dce773448116fa736e1dea11ecf48d.svg)
    no-repeat;
}

.supportbutton-purchasingpricespayments-customercare {
  background: white
    url(https://theme.zdassets.com/theme_assets/2261067/d95f7a5feadb6f646a05a119f9d7af732314c188.svg)
    no-repeat;
}

.supportbutton-educational-customercare {
  background: white
    url(https://theme.zdassets.com/theme_assets/2261067/e98f18a0a48f03d71c1476cb5472abee21525c57.svg)
    no-repeat;
}

/***** Contact Us buttons -> On Hover -> Subtle border + shadow along bottom ****/
.supportbutton-nolicensekey:hover,
.supportbutton-yeslicensekey:hover,
.supportbutton-downloadingandinstallinglumion:hover,
.supportbutton-licensekeyquestions:hover,
.supportbutton-importingmodels:hover,
.supportbutton-allotherquestions:hover,
.supportbutton-community:hover,
.supportbutton-technicalsupport:hover,
.supportbutton-customercare:hover,
.supportbutton-forum:hover,
.supportbutton-videotutorials:hover,
.supportbutton-blogarticles:hover,
.supportbutton-licensekeyquestions-customercare:hover,
.supportbutton-purchasingpricespayments-customercare:hover,
.supportbutton-educational-customercare:hover,
.supportbutton-allotherquestions-customercare:hover {
  /* -webkit-box-shadow: 0 8px 6px -6px #00000044; */
  /* -moz-box-shadow: 0 8px 6px -6px #00000044; */
  /* box-shadow: 0 8px 6px -6px #00000044; */
  outline: 3px solid var(--color-brand-primary);
  /* transform: scale(1.05); */
  display: inline-block;
}

/***** Technical Support category buttons -> Flex-box ****/
.flex-container_technicalsupport {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

/***** Technical Support category buttons -> Subtle border inset + transition time ****/
.supportbutton-nolicensekey,
.supportbutton-yeslicensekey {
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  outline: 3px solid #e8e8e8;
  outline-offset: -1px;

  width: 180px;
  height: 220px;

  margin: 0px 16px 20px 0px;
  padding: 106px 30px 20px 30px;

  background-position: 50% 30px;
  border: 0px solid transparent;

  text-shadow: 0px 0px 0px transparent;
  color: var(--color-brand-primary);
  font-weight: bold;
  font-size: 16px;
  border-radius: 8px;
}

/***** Technical Support category buttons -> Subtle border inset + transition time ****/
.supportbutton-downloadingandinstallinglumion,
.supportbutton-licensekeyquestions,
.supportbutton-importingmodels,
.supportbutton-allotherquestions {
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  outline: 3px solid #e8e8e8;
  outline-offset: -1px;

  width: 200px;
  height: 200px;

  margin: 0px 16px 20px 0px;
  padding: 106px 30px 20px 30px;

  background-position: 50% 30px;
  border: 0px solid transparent;

  text-shadow: 0px 0px 0px transparent;
  color: var(--color-brand-primary);
  font-weight: bold;
  font-size: 16px;
  border-radius: 8px;
}

@media only screen and (max-width: 1300px) {
  .supportbutton-downloadingandinstallinglumion,
  .supportbutton-licensekeyquestions,
  .supportbutton-importingmodels,
  .supportbutton-allotherquestions {
    width: 160px;
    height: 160px;

    margin: 0px 16px 20px 0px;
    padding: 96px 20px 20px 20px;

    font-size: 14px !important;

    background-size: 40%;
  }
}

@media only screen and (max-width: 1060px) {
  .supportbutton-downloadingandinstallinglumion,
  .supportbutton-licensekeyquestions,
  .supportbutton-importingmodels,
  .supportbutton-allotherquestions {
    width: 148px;
    height: 148px;

    margin: 0px 16px 20px 0px;
    padding: 86px 20px 20px 20px;

    font-size: 14px !important;

    background-size: 35%;
  }
}

@media only screen and (max-width: 970px) {
  .supportbutton-downloadingandinstallinglumion,
  .supportbutton-licensekeyquestions,
  .supportbutton-importingmodels,
  .supportbutton-allotherquestions {
    width: 210px;
    height: 210px;

    margin: 0px 16px 20px 0px;
    padding: 106px 40px 20px 40px;

    font-size: 16px !important;

    background-size: 36%;
  }
}

/***** Customer Care category buttons -> Flex-box ****/
.flex-container_customercare {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

/***** Technical Support category buttons -> Subtle border inset + transition time ****/
.supportbutton-licensekeyquestions-customercare,
.supportbutton-purchasingpricespayments-customercare,
.supportbutton-educational-customercare,
.supportbutton-allotherquestions-customercare {
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  outline: 3px solid #e8e8e8;
  outline-offset: -1px;

  width: 200px;
  height: 200px;

  margin: 0px 16px 20px 0px;
  padding: 106px 30px 20px 30px;

  background-position: 50% 30px;
  border: 0px solid transparent;

  text-shadow: 0px 0px 0px transparent;
  color: var(--color-brand-primary);
  font-weight: bold;
  font-size: 16px;
  border-radius: 8px;
}

@media only screen and (max-width: 1300px) {
  .supportbutton-licensekeyquestions-customercare,
  .supportbutton-purchasingpricespayments-customercare,
  .supportbutton-educational-customercare,
  .supportbutton-allotherquestions-customercare {
    width: 160px;
    height: 160px;

    margin: 0px 16px 20px 0px;
    padding: 96px 20px 20px 20px;

    font-size: 14px !important;

    background-size: 40%;
  }
}

@media only screen and (max-width: 1060px) {
  .supportbutton-licensekeyquestions-customercare,
  .supportbutton-purchasingpricespayments-customercare,
  .supportbutton-educational-customercare,
  .supportbutton-allotherquestions-customercare {
    width: 148px;
    height: 148px;

    margin: 0px 16px 20px 0px;
    padding: 86px 20px 20px 20px;

    font-size: 14px !important;

    background-size: 35%;
  }
}

@media only screen and (max-width: 970px) {
  .supportbutton-licensekeyquestions-customercare,
  .supportbutton-purchasingpricespayments-customercare,
  .supportbutton-educational-customercare,
  .supportbutton-allotherquestions-customercare {
    width: 210px;
    height: 210px;

    margin: 0px 16px 20px 0px;
    padding: 106px 40px 20px 40px;

    font-size: 16px !important;

    background-size: 36%;
  }
}

/***** Contact Us buttons -> Subtle border inset + transition time ****/
.supportbutton-community,
.supportbutton-technicalsupport,
.supportbutton-customercare,
.supportbutton-forum,
.supportbutton-videotutorials,
.supportbutton-blogarticles {
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  outline: 3px solid #e8e8e8;
  outline-offset: -1px;

  width: 219px;
  height: 275px;

  margin: 0px 16px 20px 0px;

  background-position: 50% 30px;
  border: 0px solid transparent;

  padding: 86px 20px 20px 20px;
  vertical-align: top;
  text-shadow: 0px 0px 0px transparent;
  color: var(--color-brand-primary);
  font-weight: bold;
  font-size: 18px;
  border-radius: 8px;
}

/***** Contact Us buttons -> Text description ****/
.supportbutton-textdescription {
  /* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial,
    sans-serif; */
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

article.blog-post {
  margin: 0 auto;
}

.centerbuttons {
  text-align: center;
}

/***** Reseller dropdown menu ****/
.reseller-scrollable-menu {
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
}

/***** Ticket Form: Submit button ****/
.form-field input[type="checkbox"] {
  background: #fffee0;
  height: 20px;
  width: 20px;
  margin: 10px 400px 10px 0px;
  vertical-align: top !important;
}

/***** Ticket Form: Text box ****/
.TicketForm_TextBox {
  border: 1px solid #eeeeee;
  border-radius: 4px;
  padding: 0px 20px 0px 20px;
  background-color: #ffffea;
  max-width: 650px;
}

/***** Ticket Form: Drop-down menu height ****/
.nesty-panel {
  max-height: 400px;
}

/***** Ticket Form: Article confirmation Ticket Fields: Formatting ****/
#request_custom_fields_360032532573_hint,
#request_custom_fields_360033532113_hint,
#request_custom_fields_360033572154_hint,
#request_custom_fields_360033531013_hint,
#request_custom_fields_360033996294_hint,
#request_custom_fields_360033996274_hint,
#request_custom_fields_360033953213_hint {
  white-space: pre-line;
  line-height: 1em;
  font-size: 1em;
}

/***** Ticket Form: Article confirmation Ticket Field: Formatting ****/
#request_custom_fields_360032532573_hint > a[href$="https://support.lumion.com/hc/en-us/articles/360003475453-Why-is-the-Download-Manager-not-working-"]
{
  visibility: hidden;
  word-spacing: -999px;
  letter-spacing: -999px;
}

#request_custom_fields_360032532573_hint > a[href$="https://support.lumion.com/hc/en-us/articles/360003475453-Why-is-the-Download-Manager-not-working-"]:before
{
  visibility: visible;
  word-spacing: normal;
  letter-spacing: normal;
  content: "Why is the Download Manager not working?";
}

/***** Ticket Form: Article confirmation Ticket Field: Formatting ****/
#request_custom_fields_360032532573_hint > a[href$="https://support.lumion.com/hc/en-us/articles/360012090313-How-do-you-resolve-installation-problems-"]
{
  visibility: hidden;
  word-spacing: -999px;
  letter-spacing: -999px;
}

#request_custom_fields_360032532573_hint > a[href$="https://support.lumion.com/hc/en-us/articles/360012090313-How-do-you-resolve-installation-problems-"]:before
{
  visibility: visible;
  word-spacing: normal;
  letter-spacing: normal;
  content: "How do you resolve installation problems?";
}

/***** Ticket Form: Article confirmation Ticket Field: Formatting ****/
#request_custom_fields_360032532573_hint > a[href$="https://support.lumion.com/hc/en-us/articles/360018761173-How-do-you-resolve-start-up-problems-"]
{
  visibility: hidden;
  word-spacing: -999px;
  letter-spacing: -999px;
}

#request_custom_fields_360032532573_hint > a[href$="https://support.lumion.com/hc/en-us/articles/360018761173-How-do-you-resolve-start-up-problems-"]:before
{
  visibility: visible;
  word-spacing: normal;
  letter-spacing: normal;
  content: "How do you resolve start-up problems?";
}

/***** Ticket Form: Article confirmation Ticket Field: Formatting ****/
#request_custom_fields_360033532113_hint > a[href$="https://support.lumion.com/hc/en-us/articles/360003475673-How-do-you-release-a-Lumion-License-Key-"]
{
  visibility: hidden;
  word-spacing: -999px;
  letter-spacing: -999px;
}

#request_custom_fields_360033532113_hint > a[href$="https://support.lumion.com/hc/en-us/articles/360003475673-How-do-you-release-a-Lumion-License-Key-"]:before
{
  visibility: visible;
  word-spacing: normal;
  letter-spacing: normal;
  content: "How do you release a Lumion License Key?";
}

/***** Ticket Form: Article confirmation Ticket Field: Formatting ****/
#request_custom_fields_360033996274_hint > a[href$="https://support.lumion.com/hc/en-us/articles/360011062473-What-do-you-do-if-your-Student-License-Key-has-expired-"]
{
  visibility: hidden;
  word-spacing: -999px;
  letter-spacing: -999px;
}

#request_custom_fields_360033996274_hint > a[href$="https://support.lumion.com/hc/en-us/articles/360011062473-What-do-you-do-if-your-Student-License-Key-has-expired-"]:before
{
  visibility: visible;
  word-spacing: normal;
  letter-spacing: normal;
  content: "What do you do if your Student License Key is about to expire or has expired?";
}

/***** Ticket Form: Article confirmation Ticket Field: Formatting ****/
#request_custom_fields_360033572154_hint > a[href$="https://support.lumion.com/hc/en-us/articles/360003455554-How-do-you-resolve-a-Your-License-Key-is-invalid-error-"]
{
  visibility: hidden;
  word-spacing: -999px;
  letter-spacing: -999px;
}

#request_custom_fields_360033572154_hint > a[href$="https://support.lumion.com/hc/en-us/articles/360003455554-How-do-you-resolve-a-Your-License-Key-is-invalid-error-"]:before
{
  visibility: visible;
  word-spacing: normal;
  letter-spacing: normal;
  content: "How do you resolve a 'Your License Key is invalid' error?";
}

/***** Ticket Form: Article confirmation Ticket Field: Formatting ****/
#request_custom_fields_360033953213_hint > a[href$="https://support.lumion.com/hc/en-us/articles/360003475733-How-do-you-upgrade-your-License-Key-"], #request_custom_fields_360033996294_hint > a[href$="https://support.lumion.com/hc/en-us/articles/360003475733-How-do-you-upgrade-your-License-Key-"]
{
  visibility: hidden;
  word-spacing: -999px;
  letter-spacing: -999px;
}

#request_custom_fields_360033953213_hint > a[href$="https://support.lumion.com/hc/en-us/articles/360003475733-How-do-you-upgrade-your-License-Key-"]:before, #request_custom_fields_360033996294_hint > a[href$="https://support.lumion.com/hc/en-us/articles/360003475733-How-do-you-upgrade-your-License-Key-"]:before
{
  visibility: visible;
  word-spacing: normal;
  letter-spacing: normal;
  content: "How do you upgrade your License Key?";
}

/***** Ticket Form: Article confirmation Ticket Field: Formatting ****/
#request_custom_fields_360033996294_hint > a[href$="https://support.lumion.com/hc/en-us/articles/360003455494-What-does-the-error-message-No-license-seats-are-currently-available-mean-"]
{
  visibility: hidden;
  word-spacing: -999px;
  letter-spacing: -999px;
}

#request_custom_fields_360033996294_hint > a[href$="https://support.lumion.com/hc/en-us/articles/360003455494-What-does-the-error-message-No-license-seats-are-currently-available-mean-"]:before
{
  visibility: visible;
  word-spacing: normal;
  letter-spacing: normal;
  content: "What does the error message 'No license seats are currently available' mean?";
}

/***** Ticket Form: Article confirmation Ticket Field: Formatting ****/
#request_custom_fields_360033996294_hint > a[href$="https://support.lumion.com/hc/en-us/articles/360003475693-Can-you-merge-License-Keys-"]
{
  visibility: hidden;
  word-spacing: -999px;
  letter-spacing: -999px;
}

#request_custom_fields_360033996294_hint > a[href$="https://support.lumion.com/hc/en-us/articles/360003475693-Can-you-merge-License-Keys-"]:before
{
  visibility: visible;
  word-spacing: normal;
  letter-spacing: normal;
  content: "Can you merge License Keys?";
}

/***** Ticket Form: Article confirmation Ticket Field: Formatting ****/
#request_custom_fields_360033531013_hint > a[href$="https://support.lumion.com/hc/en-us/articles/360007299413-Where-can-you-download-Lumion-plug-ins-for-your-CAD-software-"]
{
  visibility: hidden;
  word-spacing: -999px;
  letter-spacing: -999px;
}

#request_custom_fields_360033531013_hint > a[href$="https://support.lumion.com/hc/en-us/articles/360007299413-Where-can-you-download-Lumion-plug-ins-for-your-CAD-software-"]:before
{
  visibility: visible;
  word-spacing: normal;
  letter-spacing: normal;
  content: "Where can you download Lumion plug-ins for your CAD software?";
}

/***** Ticket Form: Article confirmation Ticket Field: Formatting ****/
#request_custom_fields_360033531013_hint > a[href$="https://support.lumion.com/hc/en-us/articles/360003455174-How-do-you-import-a-model-from-your-CAD-software-"]
{
  visibility: hidden;
  word-spacing: -999px;
  letter-spacing: -999px;
}

#request_custom_fields_360033531013_hint > a[href$="https://support.lumion.com/hc/en-us/articles/360003455174-How-do-you-import-a-model-from-your-CAD-software-"]:before
{
  visibility: visible;
  word-spacing: normal;
  letter-spacing: normal;
  content: "How do you import a model from your CAD software?";
}

/***** My requests page: Back to Lumion account button ****/
.StandardButton {
  background-color: var(--color-brand-primary);
  border: 0;
  border-radius: 10px;
  color: #ffffff !important;
  font-size: 36px;  /*14px*/
  font-weight: 400;
  line-height: 1.72;
  min-width: 100px;
  /*padding: 0 1.9286em;*/
  padding: 10px 10px; /*18-08-25 works, big enough now*/
  appearance: none;
  -webkit-appearance: button;
  cursor: pointer;
  max-width: 100%;
  box-sizing: border-box;
  outline: none;
}

.StandardButton:hover {
  font-family: var(--font-contents-strong);
  text-decoration: none !important;
}

/***** Front page: Hide recent articles list ****/
.recent-activity {
  display: none !important;
}

/*************************************/
/*************** FOOTER **************/
/*************************************/
.lumion_footerlinks_container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  max-width: 1160px;
}

@media only screen and (max-width: 680px) {
  .lumion_footerlinks_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
  }
}

.lumion_footerlinks_flexboxes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media only screen and (max-width: 680px) {
  .lumion_footerlinks_flexboxes {
    display: none;
  }
}

.lumion_footerlinks_flexbox_list {
  padding: 0px 10px 0px 10px !important;
  min-width: 180px;
  max-width: 200px;
}

@media only screen and (min-width: 755px) and (max-width: 900px) {
  .lumion_footerlinks_flexbox_list {
    min-width: 180px;
  }
}

@media only screen and (min-width: 680px) and (max-width: 755px) {
  .lumion_footerlinks_flexbox_list {
    min-width: 180px;
  }
}

.lumion_footerlinks_shareicons {
  font-size: 26px;
  font-weight: 400;
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  /* margin-left: auto; */
  /* margin-right: auto; */
  width: 280px;
}

@media only screen and (max-width: 680px) {
  .lumion_footerlinks_shareicons {
    margin-top: 16px;
  }
}

.lumion_footerlinks_shareicons .instagram,
.lumion_footerlinks_shareicons .youtube,
.lumion_footerlinks_shareicons .facebook,
.lumion_footerlinks_shareicons .tiktok,
.lumion_footerlinks_shareicons .linkedin,
.lumion_footerlinks_shareicons .twitter {
  color: #b8d6ed;
}

.lumion_footerlinks_shareicons .instagram:hover,
.lumion_footerlinks_shareicons .youtube:hover,
.lumion_footerlinks_shareicons .facebook:hover,
.lumion_footerlinks_shareicons .tiktok:hover,
.lumion_footerlinks_shareicons .linkedin:hover,
.lumion_footerlinks_shareicons .twitter:hover {
  color: #fff;
}

.lumion_footerlinks_flexbox_list h4 {
  line-height: 1em;
  text-decoration: none !important;
  margin-bottom: 1rem;
  font-size: 20px;
  font-weight: 400 !important;
  color: #f0f0f0;
}

.lumion_footerlinks_flexbox_list a {
  line-height: 1.7em;
  color: #b8d6ed !important;
  text-decoration: none !important;
  font-size: 12px;
  /* font-family: acumin-pro, sans-serif; */
}

.lumion_footerlinks_flexbox_list a:hover {
  color: #f0f0f0 !important;
  text-decoration: none !important;
}

.lumion_footer_logo {
  margin: -18px 0px 6px 0px;
}

@media only screen and (max-width: 730px) {
  .lumion_footer_logo {
    margin: 20px 0px 6px 0px;
  }
}

.lumion_footer_copyright {
  text-align: center;
  line-height: 14px;
  color: #b8d6ed;
  /* font-family: acumin-pro, sans-serif !important; */
  font-size: 13px !important;
}

.lumion_footer_copyright a {
  color: #b8d6ed;
  margin-right: 30px;
}

.lumion_footer_copyright a:hover {
  color: #fff;
}

.lumion_footer--container_copyright_icons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 50px 0;
}

@media only screen and (max-width: 1000px) {
  .lumion_footer--container_copyright_icons {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: center;
    margin: 0px auto 50px;
  }

  .lumion_footerlinks_shareicons {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 680px) {
  .lumion_footer_copyright {
    font-size: 10px !important;
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
  }
  .p-footer-copyright {
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
  }
}

.p-footer-copyright a {
  color: #888888;
  text-align: center;
  /* font-family: acumin-pro, sans-serif; */
}

.HorizontalSeparator,
.HorizontalSeparator_HiddenOnMobile {
  width: 80%;
  height: 1px;
  width: 100%;
  background-color: #d8d8d8;
  border: 0 none;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 680px) {
  .HorizontalSeparator_HiddenOnMobile {
    display: none !important;
  }
}

/*************************************/
/************* Accordion *************/
/*************************************/
.accordion {
  background-color: #eee;
  color: w3-text-black; /* color: #808080;*/
  cursor: pointer;
  padding: 20px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1.2em; /*changed from 1.5em*/
  transition: 0.4s;
  margin-bottom: 15px; /* 10 */
  /* line-height: 1.5; */
  /* font-weight: normal; /*bold*/
}

.accordion p {
  display: inline;
}

.accordion h6 {
  display: inline;
  font-size: 1em;
  line-height: 1.25;
  color: #565656;
}

/* added 20-10-2022 to test H2 formatting within accordian only t oallow better in editor*/
/* affects +/- sign positioning, keep with H6 for meantime*/
/*
.accordion h2 {
display: inline;
font-size: 1em;
line-height: 1.25;
color: #565656;
}
*/

.active,
.accordion:hover {
  background-color: #2b5487; /*#85b3c7;*/ /*is brand color but does not owrk with text color - too dark --- DIMITRIS: fixed to dark blue + white = works for now */
  color: #b8d7ec;
}

.accordion:after {
  content: "\002B";
  color: #777;
  font-size: 1.5em;
  float: right;
  margin-left: 5px;
  /*background-color: #43768D;  /* #85b3c7*/
}

/* START - Minus Sign after active/selected hc-category-list */

/* .active:after {
  content: "\2212";
  background-color: #43768D;
} */

/* END - Minus Sign after active/selected hc-category-list */

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
/************* END OF Accordion *************/

/**********************************************/
/*************FANCYBOX STYLES******************/
/**********************************************/
.fancybox__container {
  --fancybox-thumbs-border-radius: 10%;

  --fancybox-thumbs-ratio: 1; /*why have both a ratio and width/height specifiers -either 1 or other -its an optional specifier if exists then else use the width-height, has priority*/
  --fancybox-thumbs-width: 100px;
  --fancybox-thumbs-height: 100px;

  --fancybox-accent-color: #ffffff; /*f472b6*/
}

/**********END OF FANCYBOX STYLES************/

/******************************************************************************************************************************/
/****11-10-2022 added mouse over events for each image for Asset Library Catalogue-FancyBox webpage x MODAL IMAGE POPUP********/
/****GALLERY-CATALOGUE PAGE STYLES************/
/******************************************************************************************************************************/
/* Style the thumbnail Image on the page */
#Library_Catalogue_Img {
  display: block;
  border-radius: 6px;
  cursor: pointer;
  margin-top: 10px; /*prevent being clipped at top of table */
  transition: 0.3s;
  max-width: 100%;
  max-height: 100%;
}

/*highlight and box shadow effect*/
#Library_Catalogue_Img:hover {
  opacity: 0.7;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/****************************************************************/
/*****NEW 14-11-2022 using GRID AND DIVs for Main container***************/
/*************MAIN AND FINALIZED AT 03012023********************/
/***************************************************************/
.LibraryContent_Catalogue_thumbnailWithText {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}

/*need this test of display width given default of 5 above?*/
@media (min-width: 993px) and (max-width: 2400px) {
  .LibraryContent_Catalogue_thumbnailWithText {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .LibraryContent_Catalogue_thumbnailWithText {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 577px) and (max-width: 767px) {
  .LibraryContent_Catalogue_thumbnailWithText {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1px) and (max-width: 576px) {
  .LibraryContent_Catalogue_thumbnailWithText {
    grid-template-columns: repeat(2, 1fr);
  }
}

/*****Each item of the DIV Grid*************/
.LibraryContent_Catalogue_thumbnailWithText > div {
  padding: 10px;
  border: 1px solid #c0c0c0;
  background-color: #f2f2f2;
}

.LibraryContent_Catalogue_thumbnailWithText > div:hover {
  background-color: #ffffff;
} /*it works*/

.LibraryContent_Catalogue_thumbnailWithText img {
  max-width: 100%;
  width: 100%;
}

.LibraryContent_Catalogue_thumbnail {
  /*nothing to currently define */
}

/* define the inline level of the Detials text*/
/* wrapper div for background but its still winthin the div of the main grid*/
.LibraryContent_Catalogue_Details-main {
  /*nothing to currently define */
}

.LibraryContent_Catalogue_Details {
  width: 140px;
  /**control text wider and hide the overflowed chars and replace with ellipsis: this is now working -works with a div but not span so now have a line block defined**/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*08012024 alt style of text doe details in the div */
.LibraryContent_Catalogue_Details_opt2 {
  width: 140px;
  /*set to wrap per line, ellipsis OFF*/
  white-space: pre-line;
  overflow: hidden;
}

.LibraryContent_Catalogue_Details-Hdr {
  font-weight: bold;
  font-size: smaller;
}

.LibraryContent_Catalogue_Details-Txt {
  font-size: medium;
}

/*08012024: set to small will sometimes show more text, it works but perhaps not that nice */
/*.LibraryContent_Catalogue_Details-Txt:hover {
  font-size: small;
}*/

#btnsShowPerCategory {
  width: 400px;
  font-size: 15px;
  padding: 2px 16px;
  margin: 10px;
}

#btnsShowPerCategory:hover {
  background-color: #2b5486;
  color: white;
}

/*****19122023 min width buttons for Gallery****/
#btnsShowPerCategory_MinWidth {
  width: 183px;
  font-size: 15px;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}

#btnsShowPerCategory_MinWidth:hover {
  background-color: #2b5486;
  color: white;
}

/*****10032024  button for current version in Gallery****/
#btns_AltMain_SelectByVersion {
  width: 400px;
  font-size: 20px;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}

#btns_AltMain_SelectByVersion:hover {
  background-color: #2b5486;
  color: white;
}


/******08012024 DEV, not yet working, add Tooltip popup x w3schools for mouseover of the Header and Details text as its wrapped to hidden and elipsised by default **********/
/* Tooltip container ? I might not have the correct div container spec in page code */
.tooltip_Catalogue-Txt {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip_Catalogue-Txt .tooltiptext_Catalogue-Txt {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip_Catalogue-Txt div:hover .tooltiptext_Catalogue-Txt {
  visibility: visible;
}

.tooltip_Catalogue-Txt .tooltiptext_Catalogue-Txt::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

/******08012024 END Tooltip for mouseover*************/

/*****14012023 fontawesome button animation for loading****/
#loadingCategoryInfo {
  background-color: #2b5486; /*#04AA6D*/ /* Green background */
  border: none; /* Remove borders */
  color: white; /* White text */
  padding: 12px 16px; /* Some padding */
  font-size: 16px; /* Set a font size */
}

#loadingCategoryInfo fa {
  margin-left: -12px;
  margin-right: 8px;
}

/***14012023 add go to top button******/
#goToTopBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  /*border: none;*/ /* Remove borders */
  border: 1px solid #c0c0c0;
  /*outline: none;*/ /* Remove outline */
  background-color: #2b5486;
  /*background-color: red;*/ /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 5px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#goToTopBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

/* nogo
#LCHeaderImage img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
    border-radius: 20px;
}
*/

/*******END OF GALLERY-CATALOGUE************/

/********23-11-2022: LIBRARY CONTENT DATA TABLE**********/
/*********Finalized 03012023: using mainly defaulkts of DT whcih work fine and importantly allow for text wrapping******/
#LibraryContent_DataTables thead {
  color: #ffffff; /*#ffffff;*/
  border: 1px solid #000000;
  background-color: #2b5486; /*#85b3c7*/ /*#eee*/ /*#04AA6D*/ /*2B5486*/
}

#LibraryContent_DataTables tfoot th,
#LibraryContent_DataTables tfoot td {
  padding: 5px 5px 5px 5px;
  border-top: 1px solid #000000;
}

#LibraryContent_DataTables tbody td {
  color: #2b5486; /*000000*/
  font-family: Arial;
  font-weight: normal;
  font-size: 13px;
  font-style: normal;
  vertical-align: middle;
}

/***16-12-2022"ROW SELECTION/UNSELECTION AND WHITE TEXT*****/
#LibraryContent_DataTables tr.selected td {
  color: white !important;
}

#LibraryContent_DataTables_length {
  white-space: nowrap;
  padding: 5px 0px 25px 0px;
}

#LibraryContent_DataTables_Icon img {
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  /*having to force set icon image below top even tho have td in table htrml set as vertticle-align: middle */
  margin: 1px 0px 0px 0px;
  border-radius: 0px;
}

#toggle-vis {
  background-color: white;
  width: 150px;
  font-size: 15px;
  padding: 2px 5px;
  margin: 5px;
}

#toggle-vis:hover {
  background-color: #2b5486;
  color: white;
}
/******END OF Library DataTables******/

/*peterm 21012026 try fix for HubSpot image style height as auto, disable these ZD fixes: DID NOT OWRK RESULTS IN COMPARE IMAGE A ZOOMING*/

/******13-02-2023: DEV: IMAGE COMPARE SLIDER******/
/*16-02-2023: Dev option 3***/
#image-compare img {
  /*this now corrects the object for use in Zendesk and its CSS properties, include max-height and no height to allow for vertical option */
  overflow: hidden;
  /*petyerm, 19112025: TMP-RESET disable height to see if fixes Hubspot using %calcs and rounding to pixel diffs in the 2 images*/
  height: 100%; /*had to enable this for 1080p renders to work in smaller space*/
  max-width: unset;
  max-height: unset;
}

/*07-03-2023: Dev option 3 Image Compare - for a class***/
.image-compare img {
  /*this now corrects the object for use in Zendesk and its CSS properties, include max-height and no height to allow for vertical option */
  overflow: hidden;
  /*peterm, 19112025: TMP RESET disable height to see if fixes Hubspot using %calcs and rounding to pixel diffs in the 2 images*/  
  height: 100%; /*had to enable this for 1080p renders to work in smaller space*/
  max-width: unset;
  max-height: unset;
}
/*END OF Dev option 3***/
/******END OF  Dev Image Compare Slider******/

/**14-08-2003HIDE ATTACHMENTS FOR A SPEFICIF ARTICLE**/
/* nogo
#hideThisArticlesAttachments.article-attachments {
  display: none;
}
*/
/* this covers all articles*/
.article-attachments {
  display: none;
}
/*END OF HIDE ATTACHMENTS FOR A SPEFICIF ARTICLE***/

/*26102023 added line spacing for Heading 2 H2*/
h2 {
  line-height: 1.4;
}

/*080520204: PETERM: MYRYLS GO AT A BENCHAMRK CHECKER */
.form-group_benchmarkChecker {
    margin-bottom: 20px;
}

label_benchmarkChecker {
    display: block;
    margin-bottom: 5px;
}

input_benchmarkChecker[type="text"],
input_benchmarkChecker[type="file"] {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
}

button_benchmarkChecker {
    background-color: green;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 4px;
}

button__benchmarkChecker:hover {
    background-color: darkgreen;
}

.benchmark_extracted-details,
.benchmark-result {
    margin-top: 20px;
    background-color: #fff;
    padding: 10px;
    border-radius: 4px;
}
/*END OF PETERM: MYRYLS GO AT A BENCHAMRK CHECKER */

/* Audentio Hubspot migration overrides */
.kb-body-wrapper header, .kb-body-wrapper footer {
  display: none;
}
body[class*="hs-content-id"] .hs-kb-sidebar {
  display: none;
}
.table-responsive > div {
  border: 1px solid #888888 !important;
}
.table-invisible > div {
  border: 0px solid #888888 !important;
}
.accordion:after {
  margin-top: -8px; 
}

/*Legacy Styles from ZD*/
.wysiwyg-text-align-center {
  text-align: center;
}
/*peterm:21112025 trying to override the element style added by HubSpot that messed and sets a FIXEd size for any Loaded image: if oyu copy-paste it takes real size but it is then PNG CRAZY */
/*so adjust width to 100% is set at 670px*/
/*NO GO*/
/*RETRY 30 MARCH 2026*/
/*WORKS TO OVERRIDE THE IMAGE BUT ALL IMAGES!! SETTING THEM TO FIXED WIDTH OF ARTICLE BODY OF 970PX, HOWEVER THIS IS NOT WORKABLE FOR ANY IMAGE LESS THAN THAT USING width: 970px !important; SEE ALSO ARTICLE-BODY IMG TRY*/
/*
img {
    height: 100%;
    max-width: 100%;
    /*width: 100%;
    width: 970px !important; /*OVERRIDE
}
*/

/*NO GO*/
/*peterm: 22012026: trying to override the element style for Height that messes up the ImageCompare by a few pixels in Height: removing auto seems to work and set as a % but not all as 100%, but cant get things to save with the right CSS*/
/**disabled the image-compare styles lines 6844 6855 DID NOT WOORK*/